@charset "UTF-8";
/*
 global custom.scss
 update date : 2016.05.06
 edited by JB

 Notice : 향후에 새롭게 정리할 필요가 있음
*/
.c-content-product-4.c-bg-1 {
  background-color: #eff3f5; }

.c-content-product-4.c-bg-2 {
  background-color: #f0ece8; }

/*****************************************
* slider widget : titlle / subtitle style 적용
******************************************/
@media (max-width: 991px) {
  /* 991px */
  .c-layout-header .c-brand > .c-cart-icon {
    background: none;
    border: 0;
    margin: -2px 15px 0 0;
    float: right;
    outline: none;
    height: 20px;
    width: 20px; }
    .c-layout-header .c-brand > .c-cart-icon i {
      color: #9fadba; }
  .c-layout-revo-slider-4 .c-main-title-1 {
    font-size: 28px;
    line-height: 30px; }
  .c-layout-revo-slider-4 .c-main-sub-title-1 {
    font-size: 22px;
    line-height: 24px; }
  .c-layout-revo-slider-4 .c-action-btn-1 {
    margin-top: 60px;
    padding: 8px 22px 7px 22px;
    font-size: 14px; }
  /* c-shop-bannder font for mobile screen*/
  .c-shop-banner-3 .c-title {
    font-size: 30px; }
  .c-shop-banner-3 .c-desc {
    font-size: 22px; } }

@media (max-width: 767px) {
  /* 767px */
  .c-layout-revo-slider-4 .c-main-title-1 {
    font-size: 22px;
    line-height: 24px; }
  .c-layout-revo-slider-4 .c-main-sub-title-1 {
    font-size: 14px;
    line-height: 16px;
    padding: 0 30px; }
  .c-layout-revo-slider-4 .c-action-btn-1 {
    margin-top: 60px;
    padding: 8px 22px 7px 22px;
    font-size: 14px; } }

/*****************************************
* Theme colorset in swither
******************************************/
#style-switcher div .c-content {
  padding: 5px 5px 5px 0px; }
  #style-switcher div .c-content .c-section {
    padding: 0px; }
    #style-switcher div .c-content .c-section .c-settings {
      padding: 0px; }

.c-settings > .c-color {
  display: inline-block;
  height: 27px;
  width: 27px;
  margin: 0 0px 0px 0;
  border-radius: 20px !important; }
  .c-settings > .c-color.c-default {
    background: #32C5D2; }
  .c-settings > .c-color.c-active {
    padding: 0;
    border: 3px solid #515b66; }
  .c-settings > .c-color:hover {
    cursor: pointer; }
  .c-settings > .c-color.c-default {
    background: #32C5D2; }
  .c-settings > .c-color.c-white {
    background: #ffffff;
    border: 4px solid black; }
    .c-settings > .c-color.c-white.c-active {
      border: 4px solid red; }
  .c-settings > .c-color.c-green1 {
    background: #52C9BA; }
  .c-settings > .c-color.c-green2 {
    background: #5DC09C; }
  .c-settings > .c-color.c-green3 {
    background: #84C68F; }
  .c-settings > .c-color.c-green4 {
    background: #006633; }
  .c-settings > .c-color.c-green5 {
    background: #32EB78; }
  .c-settings > .c-color.c-supereasy {
    background: #f90000; }
  .c-settings > .c-color.c-red {
    background: #EB5D68; }
  .c-settings > .c-color.c-red1 {
    background: #CD6262; }
  .c-settings > .c-color.c-red2 {
    background: #E7505A; }
  .c-settings > .c-color.c-red3 {
    background: #D05163; }
  .c-settings > .c-color.c-pink {
    background: #EE2B54; }
  .c-settings > .c-color.c-yellow {
    background: #FF6B57; }
  .c-settings > .c-color.c-yellow1 {
    background: #C8D046; }
  .c-settings > .c-color.c-yellow2 {
    background: #C5BF66; }
  .c-settings > .c-color.c-yellow3 {
    background: #C5B96B; }
  .c-settings > .c-color.c-yellow4 {
    background: #FFE900; }
  .c-settings > .c-color.c-blue {
    background: #3498DB; }
  .c-settings > .c-color.c-blue1 {
    background: #5E9CD1; }
  .c-settings > .c-color.c-blue2 {
    background: #5893DD; }
  .c-settings > .c-color.c-blue3 {
    background: #57BFE1; }
  .c-settings > .c-color.c-blue4 {
    background: #2332C8; }
  .c-settings > .c-color.c-purple {
    background: #B771B0; }
  .c-settings > .c-color.c-purple1 {
    background: #A962BB; }
  .c-settings > .c-color.c-purple2 {
    background: #AA67A3; }
  .c-settings > .c-color.c-purple3 {
    background: #AC3773; }
  .c-settings > .c-color.c-brown {
    background: #8A7F68; }
  .c-settings > .c-color.c-brown1 {
    background: #685E47; }
  .c-settings > .c-color.c-brown2 {
    background: #7A6A61; }
  .c-settings > .c-color.c-brown3 {
    background: #9D8B81; }
  .c-settings > .c-color.c-dark {
    background: #2F353B; }
  .c-settings > .c-color.c-dark1 {
    background: #525E64; }
  .c-settings > .c-color.c-dark2 {
    background: #31383C; }
  .c-settings > .c-color.c-dark3 {
    background: #41515B; }
  .c-settings > .c-color.c-grey {
    background: #EEEEEE; }
  .c-settings > .c-color.c-grey1 {
    background: #F7F7F7; }
  .c-settings > .c-color.c-grey2 {
    background: #677083; }
  .c-settings > .c-color.c-grey3 {
    background: #7F8C97; }
  .c-settings > .c-color.s-light {
    background: #FFFFFF; }
  .c-settings > .c-color.s-dark {
    background: #191919; }
  .c-settings > .c-color.s-yellow {
    background: #ffd20a; }
  .c-settings > .c-color.s-blue {
    background: #113f89; }
  .c-settings > .c-color.s-brown {
    background: #55443a; }

/*****************************************
* LNB 나눔 메뉴 지원
******************************************/
@media (min-width: 992px) {
  .c-layout-header .c-navbar .c-mega-menu > .nav.navbar-nav > li > div > .c-menu-type-div {
    float: left !important;
    width: 200px; } }

/*****************************************
* side menu theme style 적용
******************************************/
.c-widget-outlogin {
  background-color: #fff;
  padding: 15px;
  border: 1px solid #eaeef1; }

.c-layout-sidebar-menu {
  float: left;
  width: 100%;
  border-top: 0;
  margin: 15px 0 20px 0; }
  .c-layout-sidebar-menu .c-sidebar-menu.collapse.c-option-2 {
    background-color: #FFFFFF;
    border: 1px solid #eaeef1; }

.c-widget-outlogin .c-profile {
  margin-bottom: 10px;
  padding-top: 1px;
  /*height: 60px;*/ }
  .c-widget-outlogin .c-profile .c-photo {
    margin-right: 10px; }
  .c-widget-outlogin .c-profile .c-profile-user {
    margin-bottom: 10px;
    padding-top: 1px;
    /*height: 60px;*/ }
  .c-widget-outlogin .c-profile .c-photo i {
    width: 60px;
    height: 60px;
    font-size: 30px;
    padding: 15px 0px 0px;
    text-align: center;
    background: #f5f5f5;
    border-radius: 50%; }

.c-content-ver-nav .c-menu > li {
  list-style: none;
  padding: 3px 0;
  border-bottom: 0px !important; }
  .c-content-ver-nav .c-menu > li:before {
    color: #5c6873;
    content: "\f105";
    font-family: FontAwesome;
    font-weight: 100;
    width: 12px;
    height: 12px;
    font-size: 14px;
    float: left;
    margin: 0px 3px 0 0 !important;
    color: #5c6873;
    /*content: "\f100";*/
    /*font-family: FontAwesome;*/
    font-weight: 100;
    width: 12px;
    height: 12px;
    font-size: 13px;
    float: left;
    margin: 0px 3px 0 0; }

/*****************************************
* tabs menu theme style 적용
******************************************/
/* tabs-menu border-radius : square */
.tabs-menu-border > .nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  /*border: 1px solid transparent;*/
  border: 1px solid #ddd;
  border-top-color: transparent;
  border-radius: 0px 0px 0 0; }

.c-theme-bg > .nav-tabs > li > a {
  line-height: 1.42857143;
  margin-right: 0;
  /*border: 1px solid transparent;*/
  color: #fff;
  border: 1px solid #ddd;
  border-top-color: transparent;
  border-radius: 0 0 0 0; }

.tabs-menu.c-bordered {
  border: 1px solid #eeeeee;
  border-bottom: transparent; }
  .tabs-menu.c-bordered .nav > li {
    border-right: 1px solid	#eeeeee !important; }

.c-content-tab-1 .tabs-menu .nav > li:hover > a, .c-content-tab-1 .tabs-menu .nav > li:focus > a, .c-content-tab-1 .tabs-menu .nav > li:active > a, .c-content-tab-1 .tabs-menu .nav > li.active > a {
  background-color: #ffffff; }

.c-content-tab-1 .tabs-menu .nav.nav-justified > li:active > a, .c-content-tab-1 .tabs-menu .nav.nav-justified > li:focus > a, .c-content-tab-1 .tabs-menu .nav.nav-justified > li:active > a, .c-content-tab-1 .tabs-menu .nav.nav-justified > li.active > a {
  background-color: #ffffff; }

.c-content-tab-1 .nav-pills > li {
  border: 0px; }
  .c-content-tab-1 .nav-pills > li > a {
    border-radius: 4px; }

.c-content-tab-1 .nav-pills.c-noradius > li > a {
  border-radius: 0px; }

/* nav-pills */
.nav-pills > li + li {
  margin-left: 2px; }

.c-content-tab-1 .nav.nav-pills > li.active > a {
  color: #fff;
  border: 0;
  background-color: #428bca; }
  .c-content-tab-1 .nav.nav-pills > li.active > a:hover, .c-content-tab-1 .nav.nav-pills > li.active > a:focus {
    color: #fff;
    border: 0;
    background-color: #428bca; }

.c-content-tab-1 .nav.nav-pills.nav-justified > li.active > a {
  color: #fff;
  border: 0;
  background-color: #428bca; }
  .c-content-tab-1 .nav.nav-pills.nav-justified > li.active > a:hover, .c-content-tab-1 .nav.nav-pills.nav-justified > li.active > a:focus {
    color: #fff;
    border: 0;
    background-color: #428bca; }

.c-content-tab-1 .nav.nav-pills > li > a:focus, .c-content-tab-1 .nav.nav-pills > li > a:hover {
  text-decoration: none;
  border: 0px;
  background-color: #eee; }

/*
* label style
*/
.c-post-label {
  font-size: 12px;
  font-weight: 500;
  display: inline-block;
  padding: 0px 5px;
  color: #fff;
  background-color: #32c5d2; }

.c-rank-label {
  font-size: 11px;
  font-weight: 500;
  display: inline-block;
  padding: 2px 6px;
  margin-bottom: 2px;
  min-width: 22px;
  text-align: center;
  line-height: 17px;
  vertical-align: middle;
  color: #fff;
  background-color: #32c5d2; }

/* media (image and video) object */
.media-wrap {
  display: block;
  position: relative;
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%; }
  .media-wrap .media-object {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; }
    .media-wrap .media-object img {
      display: block;
      border: 0;
      width: 100.5%;
      height: auto;
      margin: 0px auto; }

/* ellipsis */
.ellipsis {
  display: block;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
  overflow: hidden; }