/*    [Table of contents]   */
/*--------------------------/*
Tempale name : Xshop
Version    : 1.0.0
Author     : kutethemes
Last change: 10/10/2016    */
/*-------------------------/*
[Table of contents]
[Color codes]
    Background: #ffffff
    Body Color : #888888
    Accent color: #df5c53
[Typography]
    Body:       16px/30px "Noto Sans KR",sans-serif;
    Heading:    "Noto Sans KR",sans-serif
    Input, textarea: 16px/30px "Noto Sans KR",sans-serif;

[Component module]

    COMMON STYLES
    HEADER
    MAIN
    BLOGS
    PRODUCT STYLE
    FOOTER
    REPONSIVE
/*------------------------/**/
/*-------------------------*/
/*      COMMON STYLES     */
/*------------------------*/
/*-------- Variables ---------*/
/*---------- Mixin ----------*/
body { font-family: 'Noto Sans KR', sans-serif;  font-size: 14px;  line-height: 30px;  color: #333;  width: 100%;  overflow-x: hidden; font-weight:300;  }
body {-ms-overflow-style: none; } ::-webkit-scrollbar { display: none; }

.clearfix::after { content:""; clear:both; display:table; }

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}


h1, h2, h3, h4, h5, h6 {
  font-family: "Noto Sans KR"; }

h1 {
  font-size: 45px; }
  @media (min-width: 768px) and (max-width: 1023px) {
    h1 {
      font-size: 40px; } }
  @media (min-width: 1024px) {
    h1 {
      font-size: 60px; } }

h2 {
  font-size: 22px; }
  @media (min-width: 768px) and (max-width: 1023px) {
    h2 {
      font-size: 24px; } }
  @media (min-width: 1024px) {
    h2 {
      font-size: 30px; } }

h3 {
  font-size: 20px; }
  @media (min-width: 768px) and (max-width: 1023px) {
    h3 {
      font-size: 22px; } }
  @media (min-width: 1024px) {
    h3 {
      font-size: 24px; } }

h4 {
  font-size: 18px; }
  @media (min-width: 768px) and (max-width: 1023px) {
    h4 {
      font-size: 20px; } }
  @media (min-width: 1024px) {
    h4 {
      font-size: 22px; } }

h5 {
  font-size: 16px; }
  @media (min-width: 768px) and (max-width: 1023px) {
    h5 {
      font-size: 18px; } }
  @media (min-width: 1024px) {
    h5 {
      font-size: 18px; } }

h6 {
  font-size: 14px; }
  @media (min-width: 768px) and (max-width: 1023px) {
    h6 {
      font-size: 15px; } }
  @media (min-width: 1024px) {
    h6 {
      font-size: 15px; } }

img {
  max-width: 100%; }

a {
  color: #888888;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  text-decoration: none; }

a:hover, a:focus, a:active {
  text-decoration: none;
  color: #6dc7d6;
  outline: none; }

p {
  margin-bottom: 20px; }

ul, ol {
  margin: 0;
  padding: 0; }

ul ul, ol ol, ul ol, ol ul {  list-style: none;
  padding-left: 30px; }

blockquote {
  background-color: transparent;
  border-width: 0;
  color: #333333;
  font-family: Noto Sans KR;
  font-size: 17px;
  font-style: normal;
  line-height: 30px;
  padding: 50px 80px 45px 94px; }

input[type="text"], input[type="email"], textarea, input[type="password"],input[type="text"] input[type="tel"], select { 
border: 1px solid #ccc; border-radius:2px !important; font-size: 14px; line-height: 2rem; padding: 5px ; color:#999;  margin-right:5px; margin-bottom:5px; color:#333; box-sizing:border-box; background-color:#fff !important;}

input[type="text"]:focus,
input[type="number"]:focus,
input[type="submit"]:focus,
input[type="search"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
textarea:focus,
a:focus,
button:focus,
select:focus {
  outline: none; }



input[type="checkbox"] { width:15px; height:15px;}
.container { max-width:1290px !important; width:100%; position:relative; padding:0 10px; box-sizing:border-box;}
/*placeholder font color */
::-webkit-input-placeholder {  color:#ccc;  opacity: 1;  filter: alpha(opacity=100); }
:-moz-placeholder {  /* Firefox 18- */  color:#ccc;  opacity: 1;  filter: alpha(opacity=100); }
::-moz-placeholder {  /* Firefox 19+ */  color:#ccc;  opacity: 1;  filter: alpha(opacity=100); }
:-ms-input-placeholder {  color:#ccc;  opacity: 1;  filter: alpha(opacity=100); }

.zoom, .imagezoom {  cursor: zoom-in; }

table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 10px; }

table, th, td {
  border: 1px solid #ececec; }

th, td {
  padding: 10px; }

div#slvj-window {
  z-index: 40; }

.no-padding{ padding:0;}
/* -------------------- */
/*  	  HEADER        */
/* -------------------- */
.main-header {
  padding: 0 100px;
  position: relative;
  width: 100%;
  z-index: 33;
  background-color: #FFFFFF;  }

.has-banner .main-header {  left: 0;  position: absolute;  right: 0;  background-color: transparent;  top: 0; border-bottom:1px solid rgba(0, 0, 0, 0.1);}

.header-logo {
  z-index: 11; }

.logo {
  float: left;
  line-height: 120px;
  -webkit-transition: all .6s ease-in-out;
  -moz-transition: all .6s ease-in-out;
  -ms-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out; }
  .logo a {
    transition: all 0s ease 0s;
    -o-transition: all 0s ease 0s;
    -webkit-transition: all 0s ease 0s; }

.header-nav {  position: static;  z-index: 34; }

nav#primary-navigation {  display: table;  margin: 0 auto; }

.main-nav.main-menu {
  text-align: left;
  display: inline-block; }
  .main-nav.main-menu li.menu-item-has-children {
    position: relative; }
  .main-nav.main-menu li.menu-item-has-children.megamenu-menu-item {
    position: static; }

ul.menu-nav > li { padding: 0 20px; }
  ul.menu-nav > li:hover .sub-menu {
    opacity: 1;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease, visibility 0.4s linear 0s;
    -moz-transition: opacity 0.4s ease, -moz-transform 0.4s ease, visibility 0.4s linear 0s;
    -ms-transition: opacity 0.4s ease, -ms-transform 0.4s ease, visibility 0.4s linear 0s;
    -o-transition: opacity 0.4s ease, -o-transform 0.4s ease, visibility 0.4s linear 0s;
    transition: opacity 0.4s ease, transform 0.4s ease, visibility 0.4s linear 0s;
    visibility: visible; }
  ul.menu-nav > li > a { line-height: 45px;font-family: "Noto Sans KR"; color: #999; text-transform: uppercase;  font-size: 14px;
  -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    padding: 10px 0; }
    ul.menu-nav > li > a:hover {
      color: #df5c53; }
  ul.menu-nav > li:hover a {  color: #333; }
  ul.menu-nav > li.active > a {
    color: #df5c53; }

ul.menu-nav li.active > a, ul.menu-nav li.active > a::after {
  color: #df5c53 !important; }

.top-bar-navigation .menu-item-has-children > a::after {
  color: #aaaaaa;
  content: "\f107";
  display: inline-block;
  font-family: "FontAwesome";
  font-size: 13px;
  margin-left: 7px;
  transition: all 0.6s ease-in-out 0s; }

/*--------- Sticky menu line height-------------*/
header.header-basic.sticky-menu.sticky-menu-transform .main-header {  background: rgba(255, 255, 255, 1) none repeat scroll 0 0;  box-shadow: 0 0 0px rgba(0, 0, 0, 0.2);  opacity: 1; line-height:15px;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  margin-top: 0; }

header.header-basic.sticky-menu-transform ul.menu-nav > li > a { display:block; color:#333;  line-height: 50px; }
header.header-basic.sticky-menu-transform .logo, header.header-basic.sticky-menu-transform .socials-header {
  line-height: 60px; }
header.header-basic.sticky-menu-transform.header-style_14 .header-left .logo {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1); }
header.header-basic.sticky-menu-transform .header-right .header-icon {
  height: 60px;
   }
header.header-basic.sticky-menu-transform .main-header {
  position: fixed;
  -webkit-transform: translateY(-200px);
  -ms-transform: translateY(-200px);
  -o-transform: translateY(-200px);
  transform: translateY(-200px);
  top: 0;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease; }
header.header-basic.sticky-menu-transform .cart-number-items {
  bottom: 10px; }
header.header-basic.sticky-menu-transform .header-search-main-header {
  margin-top: 5px; }

.sticky-menu ul.menu-nav li .sub-menu, .sticky-menu .header-element .header-element-content {
  margin-top: 0 !important; }

ul.menu-nav li {
  display: inline-block;
  list-style: outside none none; }
  ul.menu-nav li .sub-menu { background:rgba(255, 255, 255, 1) none repeat scroll 0 0; border: medium none;    box-shadow: none; display: block; min-width: 300px; opacity: 0; left: 0;  padding: 10px; position: absolute;  text-align: left;
    top: 100%;  margin-top: 0px; border:1px solid #e5e5e5; 
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    visibility: hidden;
    z-index: 33;
    width: 100%; }

    ul.menu-nav li .menu .menu-item a {   font-size: 13px;  line-height: 13px; padding:0; width: 100%;  color: #999; display: inline-block; }

    ul.menu-nav li .sub-menu li {  width: 100%; }
    ul.menu-nav li .sub-menu .menu-item a {   font-size: 13px;  line-height: 13px; padding:10px; width: 100%;  color: #999; display: inline-block; }
	ul.menu-nav li .sub-menu .menu-item a:hover { background:#f1f1f1; color:#333; font-weight:700;}
    ul.menu-nav li .sub-menu a.title {  font-size: 15px;  line-height: 15px; padding:0; width: 100%;  color: #222; display: inline-block;}
	 ul.menu-nav li .sub-menu a.title:hover {   font-size: 15px;  line-height: 15px; padding:0; width: 100%;  color: #222; border-radius:0; background:none;}
	



      
  
  ul.menu-nav li .sub-menu.megamenu { padding: 30px 0; border-radius: 0; }
    ul.menu-nav li .sub-menu.megamenu .menu-item > a { padding:5px 0;
      -webkit-transition: all .3s ease;
      -moz-transition: all .3s ease;
      -ms-transition: all .3s ease;
      -o-transition: all .3s ease;
      transition: all .3s ease;
      position: relative; }
      ul.menu-nav li .sub-menu.megamenu .menu-item > a::before { border-bottom: 1px solid #222;  content: "";  display: inline-block;  left: 0;   position: relative;   top: -4px;  transition: all 0.6s ease 0s;   width: 0px; }
      ul.menu-nav li .sub-menu.megamenu .menu-item > a:hover {  background: transparent;  color: #333; font-weight:700;}
   /* 서브메뉴 앞에 빨간 라인 나오고 들어가는 깊이 조절*/
	ul.menu-nav li .sub-menu.megamenu .menu-item:hover > a::before { width: 3px; margin-right: 2px; }
	 /* 서브메뉴 앞에 빨간 라인 나오고 들어가는 깊이 조절*/
.header-element:hover .header-icon {
  color: #6dc7d7; }
@media(min-width:200px) and (max-width: 757px){
.mm-listview>li>a, .mm-listview>li>span { color: inherit;    display: block;    padding:10px 0;    margin: 0;    font-size: 14px;}
.mm-listview>li>a:hover{ color: #333;}
}

.header-icon {
  cursor: pointer; }
  .header-icon.active {
    color: #df5c53; }

/*mm menu*/
.mm-menu.mm-pageshadow::after {
  display: none; }

.mm-menu.mm-offcanvas.mm-current {
  display: block;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0); }

.site-navigation.mm-menu {
  display: block;
  max-width: 100%;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: all .6s ease-in-out;
  -moz-transition: all .6s ease-in-out;
  -ms-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
  z-index: 99; }
  .site-navigation.mm-menu figure { padding: 20px;    text-align: center;    width: 100%; }
  
  .site-navigation.mm-menu figure img { border-radius:10px; overflow:hidden; }

.mm-navbar .mm-btn.mm-close {
  right: 5px; }

/*End  menu*/
.ts-has-children {
  color: #666666;
  cursor: pointer;
  font-size: 20px;
  line-height: 50px;
  position: absolute;
  text-align: center;
  width: 50px;
  right: 0;
  top: 0; }

.main-menu .widget-title {  color: #333;  font-size: 15px;  margin: 0 0 15px;  text-transform: uppercase; font-weight:700;}
.main-menu .widget-title h6 a {  color: #333;  font-size: 15px;  margin: 0 0 15px;  text-transform: uppercase; }

.main-menu .menu {  line-height: 20px;  padding: 0; }

.header-right {
  float: right; }
  .header-right .header-icon {    cursor: pointer;  display: flex;  float: left;  font-size: 25px;  color: #333;   
  -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    width: 25px; }
    .header-right .header-icon.active { color: #6dc7d7; }
    .header-right .header-icon:hover { color: #6dc7d7; }


  .header-element .header-element-content {    box-shadow: 0 0 5px rgba(0, 0, 0, 0.0);   border: medium none;   border-radius: 5;   display: none;   min-width: 430px;
    opacity: 1;   padding: 20px;    position: absolute;   text-align: left; top:45px;   right: 0;   margin-top: -20px;    z-index: 34;    color: #666666; }
    .header-element .header-element-content.header-element-content-settings { min-width: 360px;   padding: 55px 65px; }
  .header-element:hover .header-element-content { 
    opacity: 1;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: opacity 0.2s ease, -webkit-transform 0.2s ease, visibility 0.2s linear 0s;
    -moz-transition: opacity 0.2s ease, -moz-transform 0.2s ease, visibility 0.2s linear 0s;
    -ms-transition: opacity 0.2s ease, -ms-transform 0.2s ease, visibility 0.2s linear 0s;
    -o-transition: opacity 0.2s ease, -o-transform 0.2s ease, visibility 0.2s linear 0s;
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.4s linear 0s;
    visibility: visible; }
  .header-element .header-cart {
    z-index: 1; }

.header-search .header-element-content { 
  padding: 0px; }
.header-search .search {
  font-size: 13px;
  line-height: 13px;
  height: 40px;
  width: 100%; }
.header-search .button-light {  border: medium none;  font-size: 14px;  line-height: 40px;  margin-top: 5px;  padding: 0 35px; width:100%;}

.cart-number-items {
  background: #df5c53;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  position: absolute;
  font-family: "Noto Sans KR";
  right: -10px;
  text-align: center;
  bottom: 35px;
  width: 20px;
  cursor: pointer;
  -webkit-transition: all .6s ease-in-out;
  -moz-transition: all .6s ease-in-out;
  -ms-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out; }

.title-element {
  color: #000000;
  margin: 0 0 18px; }

.header-element-content > .title-element {
  text-transform: uppercase;
  font-size: 18px; }

.header-element-content-inner.language-element {
  padding-bottom: 15px; }
  .header-element-content-inner.language-element .title-element {
    margin-bottom: 20px; }

.item-language > a:hover {
  opacity: 0.8; }

.description-cart > span {
  color: #df5c53; }

.cart-img > img {
  border: 1px solid #ecebeb; }

/*Scroll cart*/
.content-scrollbar {
  overflow-y: scroll;
  max-height: 300px; }
  .content-scrollbar .cart_list {
    padding-right: 23px; }
  .content-scrollbar > .scroll-element.scroll-y .scroll-bar {
    background: #df5c53;
    left: -4px;
    width: 4px; }

.xshop-cart_list {
  line-height: 30px; }

/*End Scroll cart*/
.mini_cart_item {
  border-bottom: 1px solid #ecebeb;
  list-style: outside none none;
  margin-bottom: 25px;2018-09-14
  padding-bottom: 25px;
  position: relative; }
  .mini_cart_item:last-child {
    border: medium none;
    margin: 0;
    padding-bottom: 0; }

.cart-img {
  float: left; }

.cart-inner {
  padding-left: 130px; }
  .cart-inner a {
    color: #555555; }
    .cart-inner a:hover {
      color: #df5c53; }

.product-price {
  color: #333333;
  font-family: "Noto Sans KR";
  font-size: 18px;
  margin: 5px 0 20px; }
  .product-price .quantity {
    color: #aaaaaa;
    font-family: "Noto Sans KR", sans-serif;
    font-size: 16px;
    margin-left: 10px; }
  .product-price del {
    color: #aaa;
    font-size: 15px;
    margin-left: 5px; }
  .product-price ins {
    text-decoration: none; }

.quantity-input {
  color: #aaaaaa;
  font-family: Noto Sans KR;
  font-size: 16px;
  margin-left: 7px; }
  .quantity-input .qty {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    font-size: 16px;
    line-height: 12px;
    text-align: center;
    padding: 0; }

.xshop-quantity .buttons_added {
  border: 1px solid #e5e5e5;
  display: inline-block;
  position: relative;
  line-height: 32px; }
  .xshop-quantity .buttons_added .sign {
    display: inline-block;
    text-align: center;
    width: 44px;
    height: 32px;
    float: left; }
    .xshop-quantity .buttons_added .sign.plus {
      float: right;
      background: transparent url("../images/icon-plus.png") no-repeat scroll center center; }
    .xshop-quantity .buttons_added .sign.minus {
      background: transparent url("../images/icon-minius.png") no-repeat scroll center center; }
    .xshop-quantity .buttons_added .sign:hover {
      opacity: 0.5; }
  .xshop-quantity .buttons_added::before {
    content: "";
    border-left: 1px solid #e5e5e5;
    position: absolute;
    top: 2px;
    bottom: 2px;
    left: 50%; }
  .xshop-quantity .buttons_added input {
    border-bottom: medium none;
    border-top: medium none;
    font-size: 14px;
    height: 28px;
    line-height: 28px;
    margin-top: 2px;
    padding: 0;
    text-align: center;
    width: 35px; }
    .xshop-quantity .buttons_added input:focus {
      border-color: #e5e5e5; }

.mini-cart-bottom .total {
  border-bottom: 1px solid #ecebeb;
  border-top: 1px solid #ecebeb;
  color: #555555;
  font-size: 18px;
  margin-bottom: 50px;
  margin-top: 25px;
  padding-bottom: 25px;
  padding-top: 25px; }
  .mini-cart-bottom .total .subtotal-price {
    color: #333333;
    float: right;
    font-family: "Noto Sans KR"; }

.mini-cart-bottom .button {
  display: inline-block;
  line-height: 48px;
  margin-right: 12px;
  padding: 0 20px;
  border: 1px solid #dddddd;
  background: transparent;
  font-size: 14px;
  font-family: "Noto Sans KR";
  color: #333333; }
  .mini-cart-bottom .button:hover {
    background-color: #000000;
    border-color: #000000;
    color: #FFFFFF; }
  .mini-cart-bottom .button.checkout {
    border: 1px solid #df5c53;
    background: #df5c53;
    color: #FFFFFF; }
    .mini-cart-bottom .button.checkout:hover {
      color: #FFFFFF;
      background-color: #000000;
      border-color: #000000; }

.cart-remove {
  background: transparent url("../images/icon-close.png") no-repeat scroll 0 0;
  display: inline-block;
  height: 15px;
  position: absolute;
  right: 0;
  top: 42px;
  width: 9px;
  cursor: pointer; }
  .cart-remove:hover {
    opacity: 0.3; }

.header-element-content-settings > .title-element {
  margin-bottom: 55px; }

.header-settings .title-element {
  text-transform: uppercase; }

.header-element-content-inner {
  border-top: 1px solid #e5e5e5;
  padding: 25px 0; }
  .header-element-content-inner:first-child {
    border-top: none;
    padding-top: 0; }

.header-element-content a {
  color: #aaaaaa; }
  .header-element-content a:hover {
    color: #6dc7d7; }
.header-element-content .header-element-content-inner li span {
  color: #6dc7d7; }

.item-language {
  display: inline-block;
  list-style: outside none none;
  padding-right: 17px; }

.item-currency {
  color: #aaaaaa;
  cursor: pointer;
  display: inline-block;
  font-family: "Noto Sans KR";
  font-size: 13px;
  text-align: center;
  line-height: 36px;
  text-transform: uppercase; }
  .item-currency:hover, .item-currency.active {
    color: #df5c53; }

.item-account {
  color: #aaaaaa;
  font-size: 13px;
  list-style: outside none none;
  text-transform: uppercase;
  font-family: "Noto Sans KR";
  line-height: 36px; }
  .item-account .icon-account {
    font-size: 16px;
    padding-right: 15px; }
  .item-account:hover {
    color: #df5c53; }

/*Header style 2*/
.header-style_2 .main-header {  padding: 0 100px 0 100px;  position: relative;  width: 100%;  z-index: 33;  background-color: #fff;  }
.header-style_2 .has-banner .main-header {  left: 0;  position: absolute;  right: 0;  background-color: transparent;  top: 0; border-bottom:1px solid rgba(0, 0, 0, 0.3);}

.header-style_2 ul.menu-nav > li > a {  line-height: 50px;  font-size: 14px; color:#333; font-weight:700;}
.header-style_2 .logo {  line-height:45px; }
.header-style_2 .logo img { height:40px; }
/*.header-style_2 .header-right .header-icon {  height: 80px;  line-height: 80px; }*/
.header-style_2 .header-right .header-icon {  font-size:25px; margin-top:45%;}
.header-style_2.sticky-menu-transform ul.menu-nav > li > a {  line-height: 30px; }
.header-style_2.sticky-menu-transform .logo {  line-height: 30px; }
.header-style_2.sticky-menu-transform .header-right .header-icon {  height: 60px;  line-height: 30px; }
.header-style_2.sticky-menu-transform .cart-number-items {  bottom: 10px; }
.header-style_2 .cart-number-items {  bottom: 30px; }

/*Header style 3*/
.header-style_3.has-banner .main-header {
  position: relative;
  padding: 0;
  background-color: #FFFFFF; }
.header-style_3 .header-icon {
  font-size: 18px; }
.header-style_3 .col-lg-1, .header-style_3 .col-lg-10, .header-style_3 .col-lg-11, .header-style_3 .col-lg-12, .header-style_3 .col-lg-2, .header-style_3 .col-lg-3, .header-style_3 .col-lg-4, .header-style_3 .col-lg-5, .header-style_3 .col-lg-6, .header-style_3 .col-lg-7, .header-style_3 .col-lg-8, .header-style_3 .col-lg-9, .header-style_3 .col-md-1, .header-style_3 .col-md-10, .header-style_3 .col-md-11, .header-style_3 .col-md-12, .header-style_3 .col-md-2, .header-style_3 .col-md-3, .header-style_3 .col-md-4, .header-style_3 .col-md-5, .header-style_3 .col-md-6, .header-style_3 .col-md-7, .header-style_3 .col-md-8, .header-style_3 .col-md-9, .header-style_3 .col-sm-1, .header-style_3 .col-sm-10, .header-style_3 .col-sm-11, .header-style_3 .col-sm-12, .header-style_3 .col-sm-2, .header-style_3 .col-sm-3, .header-style_3 .col-sm-4, .header-style_3 .col-sm-5, .header-style_3 .col-sm-6, .header-style_3 .col-sm-7, .header-style_3 .col-sm-8, .header-style_3 .col-sm-9, .header-style_3 .col-xs-1, .header-style_3 .col-xs-10, .header-style_3 .col-xs-11, .header-style_3 .col-xs-12, .header-style_3 .col-xs-2, .header-style_3 .col-xs-3, .header-style_3 .col-xs-4, .header-style_3 .col-xs-5, .header-style_3 .col-xs-6, .header-style_3 .col-xs-7, .header-style_3 .col-xs-8, .header-style_3 .col-xs-9 {
  position: inherit; }
.header-style_3 ul.menu-nav > li > a {
  color: #555555;
  font-size: 12px;
  line-height: 124px; }
  .header-style_3 ul.menu-nav > li > a:hover {
    color: #df5c53; }
.header-style_3 .header-top .header-element .header-element-content {
  left: auto;
  margin: 0;
  right: 0;
  top: 100%; }
.header-style_3 .header-top .cart-number-items {
  bottom: 10px; }
.header-style_3 .header-top-content {
  display: inline-block;
  float: left; }
.header-style_3 .logo > a {
  position: relative;
  top: -10px; }

.left-navigation ul.menu-nav > li:first-child {
  padding-left: 0; }

.right-navigation .main-nav .menu-nav > li:last-child {
  padding-right: 0; }

header .header-top {
  position: relative; }
  header .header-top .header-element .header-element-content {
    right: 0;
    top: 100%; }
  header .header-top .cart-number-items {
    bottom: 20px;
    font-size: 8px;
    height: 16px;
    line-height: 15px;
    padding-left: 2px;
    right: -7px;
    width: 16px; }

.header-top-content {
  display: block;
  line-height: 50px;
  position: relative;
  width: 100%; }
  .header-top-content::after {
    border-bottom: 1px solid #ececec;
    bottom: 0px;
    content: "";
    position: absolute;
    left: 0px;
    width: 100%; }

.header-style_3 .header-top-content::before {
  border-bottom: 1px solid #ececec;
  bottom: 2px;
  content: "";
  position: absolute;
  right: 60px;
  width: 100%; }
.header-style_3.sticky-menu-transform .logo > a {
  top: 0; }

.header-top-left .number-phone {
  background: transparent url("../images/phone.png") no-repeat scroll 0 center;
  color: #666666;
  float: left;
  font-size: 14px;
  padding-left: 24px; }

.header-top-right {
  float: right; }

/*Header Style 4*/
.header-color-light ul.menu-nav > li > a {
  color: #FFFFFF; }
.header-color-light .menu-nav > .menu-item-has-children > a::after {
  color: #efefef; }
.header-color-light .header-right .header-icon {
  color: #ffffff;
  font-size: 24px; }

.header-style_4 .mobile-navigation {
  display: inline-block;
  position: relative;
  height: 25px;
  line-height: 5px;
  margin-top: 50px;
  padding: 0 10px 0 0;
  width: 25px;
  transition: margin 0.6s ease-in-out 0s;
  -o-transition: margin 0.6s ease-in-out 0s;
  -webkit-transition: margin 0.6s ease-in-out 0s; }
  .header-style_4 .mobile-navigation:hover .icon-bar {
    background: #333; }
.header-style_4 .icon-bar {
  background: #ffffff none repeat scroll 0 0;
  display: inline-block;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  height: 2px;
  width: 25px; }
.header-style_4.header-basic.sticky-menu.sticky-menu-transform .main-header {
  background: rgba(0, 0, 0, 0.95) none repeat scroll 0 0;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); }
.header-style_4.sticky-menu-transform.header-style_4 .mobile-navigation {
  display: inline-block;
  height: 25px;
  line-height: 5px;
  margin-top: 17px;
  padding: 0 10px 0 0;
  width: 25px; }
.header-style_4 nav#primary-navigation {
  display: block;
  text-align: center;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all .6s ease-in-out;
  -moz-transition: all .6s ease-in-out;
  -ms-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out; }
.header-style_4 nav#primary-navigation.nav-show {
  opacity: 1;
  visibility: visible; }
.header-style_4.has-banner .main-header {
  top: 15px; }

.button-close .icon-bar:first-child {
  left: 0;
  position: absolute;
  top: 14px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  width: 25px;
  height: 2.5px; }

.button-close .icon-bar:nth-child(2) {
  display: none; }

.button-close .icon-bar:last-child {
  left: 0;
  margin: 0;
  height: 2.5px;
  position: absolute;
  top: 14px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  width: 25px; }

/*Header style 5*/
.header-style_5 .mobile-navigation {
  display: inline-block;
  height: 25px;
  line-height: 5px;
  margin-left: 30px;
  margin-top: 62px;
  -webkit-transition: all .6s ease-in-out;
  -moz-transition: all .6s ease-in-out;
  -ms-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
  position: relative;
  width: 25px; }
  .header-style_5 .mobile-navigation:hover .icon-bar {
    background-color: #333; }
.header-style_5.sticky-menu-transform .mobile-navigation {
  margin-top: 17px; }
.header-style_5 .icon-bar {
  background: #333333 none repeat scroll 0 0;
  display: inline-block;
  height: 3px;
  width: 25px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease; }
.header-style_5 nav#primary-navigation {
  display: none;
  position: relative;
  text-align: center;
  top: -20px;
  width: 100%; }
.header-style_5.sticky-menu nav#primary-navigation {
  top: -0px; }
.header-style_5 ul.menu-nav > li > a {
  line-height: 50px; }
.header-style_5 ul.menu-nav li .sub-menu {
  margin-top: 0; }
.header-style_5 .logo {
  line-height: 150px;
  float: none; }
.header-style_5 .header-right .header-icon {
  height: 150px;
  line-height: 150px; }
.header-style_5 .cart-number-items {
  bottom: 55px; }
.header-style_5 .main-header {
  padding: 0; }
.header-style_5 .header-inner-top {
  padding: 0 100px; }

/*Header style 6*/
.header-style_6 .mobile-navigation {
  display: inline-block;
  height: 25px;
  line-height: 5px;
  margin-left: 0px;
  margin-top: 45px;
  -webkit-transition: all .6s ease-in-out;
  -moz-transition: all .6s ease-in-out;
  -ms-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
  position: relative;
  width: 25px; }
  .header-style_6 .mobile-navigation:hover .icon-bar {
    background-color: #333; }
.header-style_6.sticky-menu-transform .mobile-navigation {
  margin-top: 17px; }
.header-style_6 .icon-bar {
  background: #333333 none repeat scroll 0 0;
  display: inline-block;
  height: 2px;
  width: 25px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease; }
.header-style_6 nav#primary-navigation {
  display: none;
  text-align: center;
  width: 100%; }
.header-style_6.sticky-menu nav#primary-navigation {
  top: -0px; }
.header-style_6 ul.menu-nav > li > a {
  line-height: 70px; }
.header-style_6 ul.menu-nav li .sub-menu {
  margin-top: 0; }
.header-style_6 .cart-number-items {
  bottom: 40px; }
.header-style_6 .logo {
  float: none; }
.header-style_6.menu-no-transparent .main-header {
  margin-top: 10px; }

/*Header style 7*/
.header-style_7 .header-top .header-top-content {
  line-height: 77px;
  display: inline-block;
  float: left; }
  .header-style_7 .header-top .header-top-content li.menu-item {
    display: inline-block;
    line-height: 77px; }
  .header-style_7 .header-top .header-top-content .menu-item > a {
    color: #666666; }
.header-style_7 .header-top .header-top-content::before {
  display: none; }
.header-style_7 .header-element {
  padding: 0 0 0 20px; }
.header-style_7 nav#primary-navigation {
  float: right; }
.header-style_7 .main-header {
  margin-bottom: 12px;
  padding: 0; }

/*Header style 8*/
.header-style_8 nav#primary-navigation {
  float: right; }
.header-style_8 ul.menu-nav > li > a {
  line-height: 111px; }
.header-style_8 .header-right .header-icon {
  height: 111px;
  line-height: 111px; }
.header-style_8 .logo {
  line-height: 111px; }
.header-style_8 .main-header {
  padding: 0; }

/*Header style 9*/
.header-style_9 .header-right .header-icon {
  height: 100px;
  color: #FFFFFF;
  line-height: 100px; }
.header-style_9.header .header-top .cart-number-items {
  bottom: 30px; }
.header-style_9 .header-top .language-switcher-wrap {
  margin-top: 33px;
  padding-right: 20px;
  position: relative; }
  .header-style_9 .header-top .language-switcher-wrap li {
    font-size: 14px;
    line-height: 24px;
    padding: 5px 0; }
.header-style_9 .lang-currency {
  color: #FFFFFF;
  font-family: "Noto Sans KR";
  font-size: 14px;
  text-transform: uppercase; }
  .header-style_9 .lang-currency > span {
    color: #FFFFFF; }
.header-style_9 .current-lang li .lang-currency {
  color: #666666; }
  .header-style_9 .current-lang li .lang-currency span {
    color: #666666; }
.header-style_9 .language-switcher-style2::before {
  color: #FFFFFF;
  content: "\f107";
  font-family: FontAwesome;
  position: absolute;
  right: 0;
  top: 3px;
  font-size: 14px; }
.header-style_9 ul.menu-nav > li > a {
  font-size: 16px; }

/*  Header Style 10  */
.header-style_10 .header-top-content {
  line-height: 44px;
  display: inline-block;
  float: left; }
  .header-style_10 .header-top-content::before {
    display: none; }
.header-style_10 .header-element .header-element-content {
  margin-top: 0; }
.header-style_10 .header-top .language-switcher-wrap {
  margin-top: 11px; }
.header-style_10 .header-logo {
  margin-bottom: 30px;
  margin-top: 50px;
  text-align: center;
  -webkit-transition: all .6s ease-in-out;
  -moz-transition: all .6s ease-in-out;
  -ms-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out; }
.header-style_10.sticky-menu .header-logo {
  height: 0;
  margin: 0;
  opacity: 0; }
.header-style_10 .logo {
  float: none;
  line-height: inherit !important; }
.header-style_10 ul.menu-nav > li > a {
  line-height: 70px; }
.header-style_10 .header-right .header-icon {
  height: 70px;
  line-height: 70px; }
.header-style_10 ul.menu-nav li .sub-menu {
  margin-top: 0; }
.header-style_10 nav#primary-navigation {
  float: right; }
.header-style_10 .header-nav-bottom {
  display: table;
  margin: 0 auto; }
.header-style_10 .cart-number-items {
  bottom: 15px; }

/*  Header Style 11  */
.header-style_11 .header-right .header-icon {
  color: #6d6d6d; }
.header-style_11 .logo {
  line-height: 150px; }
.header-style_11 ul.menu-nav > li > a {
  line-height: 150px; }
.header-style_11 .header-right .header-icon {
  height: 150px;
  line-height: 150px; }
.header-style_11 .mobile-navigation {
  margin: 59px 0 0 25px; }
.header-style_11 .cart-number-items {
  bottom: 55px; }
.header-style_11.sticky-menu .mobile-navigation {
  margin-top: 15px; }
.header-style_11 .mobile-navigation {
  display: inline-block; }
.header-style_11 .header-element .header-element-content {
  margin-top: -40px; }
.header-style_11.sticky-menu .header-element .header-element-content {
  margin-top: 0px; }
.header-style_11 nav#primary-navigation {
  display: none; }

/*Header style 12*/
.header-style_12 .header-top-content::before {
  border-bottom: medium none; }
.header-style_12 .header-top .language-switcher-wrap {
  margin-top: 15px; }
.header-style_12 #right-navigation-right {
  float: left; }
.header-style_12 .header-right .header-icon {
  font-size: 23px; }
.header-style_12 .cart-number-items {
  bottom: 40px; }
.header-style_12 .logo {
  float: none; }
.header-style_12 .header-nav-left {
  position: inherit; }
.header-style_12 .header-right {
  float: left;
  margin-left: 20px; }
.header-style_12 .header-element {
  padding: 0 0 0 20px; }
.header-style_12 .header-icon {
  cursor: pointer; }
.header-style_12 .header-top .top-bar-navigation li a {
  color: #666666; }
  .header-style_12 .header-top .top-bar-navigation li a:hover {
    color: #df5c53; }
.header-style_12 .header-top-content {
  display: inline-block; }
.header-style_12 .main-header {
  margin-bottom: 10px;
  padding: 0; }

/*Header style 13*/
.header-style_13.header-basic .mobile-navigation {
  float: right;
  margin-top: 10px; }
.header-style_13 .header-element.header-search {
  padding-left: 0; }
.header-style_13 .logo {
  line-height: 107px; }
.header-style_13 ul.menu-nav > li > a {
  line-height: 116px; }
.header-style_13 .header-right .header-icon {
  height: 116px;
  line-height: 116px; }
.header-style_13 .main-header {
  padding: 0; }

/*Header style 14*/
.header-style_14 ul.menu-nav > li > a {
  line-height: 90px; }
.header-style_14 .header-right .header-icon {
  font-size: 21px;
  height: 112px;
  line-height: 112px; }
.header-style_14 .logo {
  line-height: 112px; }
.header-style_14 .header-left .logo {
  line-height: 60px;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  transition: none 0s ease 0s;
  -o-transition: none 0s ease 0s;
  -webkit-transition: none 0s ease 0s; }
.header-style_14.header .header-top .cart-number-items {
  bottom: 40px;
  right: -5px; }
.header-style_14 .socials-header {
  float: right;
  line-height: 90px;
  -webkit-transition: all .6s ease-in-out;
  -moz-transition: all .6s ease-in-out;
  -ms-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out; }
  .header-style_14 .socials-header .socials a {
    color: #333333;
    display: inline-block;
    font-size: 20px;
    height: 30px;
    line-height: 33px;
    width: 30px; }
    .header-style_14 .socials-header .socials a:hover {
      color: #888888; }
  .header-style_14 .socials-header .socials > li {
    background: #eeeeee none repeat scroll 0 0;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin-left: 5px;
    text-align: center;
    width: 30px; }
.header-style_14 ul.menu-nav li .sub-menu {
  margin-top: -20px; }
.header-style_14 nav#primary-navigation {
  float: left; }
  .header-style_14 nav#primary-navigation ul.menu-nav > li:first-child {
    padding-left: 0; }
.header-style_14 .main-header {
  padding: 0; }

.header-top .widget_search .search-form {
  border-color: #9e9e9e;
  border-style: solid;
  border-width: 0 0 1px;
  display: table;
  line-height: 28px;
  height: 28px;
  margin: 38px auto 0;
  max-width: 435px;
  position: relative;
  width: 100%; }
.header-top .widget_search .search[type="text"] {
  border: medium none;
  color: #aaaaaa;
  float: left;
  font-size: 14px;
  font-style: italic;
  line-height: 28px;
  height: 28px;
  padding: 0 30px 0 0;
  width: 100%; }
.header-top .widget_search .search-form-submit {
  background: transparent url("../images/icon-search-top.png") no-repeat scroll 0 0;
  border: medium none;
  display: inline-block;
  font-size: 0;
  height: 22px;
  padding: 0;
  position: absolute;
  right: 0;
  width: 22px; }
  .header-top .widget_search .search-form-submit:hover {
    opacity: 0.5; }

/*Header style 15*/
.header-style_15 nav#primary-navigation {
  float: right; }
.header-style_15 ul.menu-nav > li:last-child {
  padding-right: 0; }
.header-style_15 ul.menu-nav > li > a {
  line-height: 140px; }
.header-style_15 .logo {
  line-height: 140px; }
.header-style_15 .header-banner-wrap .header-banner {
  float: left;
  padding-left: 70px; }
.header-style_15 .header-banner-wrap-inner {
  position: relative;
  display: inline-block;
  width: 100%; }
.header-style_15 .header-elements {
  left: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 32; }
  .header-style_15 .header-elements .header-icon {
    font-size: 23px;
    color: #666666; }
    .header-style_15 .header-elements .header-icon:hover {
      color: #df5c53; }
  .header-style_15 .header-elements .header-element .header-element-content {
    margin: 0;
    left: 100%;
    top: 0; }
  .header-style_15 .header-elements .header-element {
    margin-bottom: 40px;
    padding: 0;
    width: 100%;
    cursor: pointer; }
  .header-style_15 .header-elements .cart-number-items {
    right: auto;
    top: 15px;
    left: 15px; }
  .header-style_15 .header-elements .header-elements {
    float: left;
    left: 0;
    position: absolute;
    top: 0; }
.header-style_15 .main-header {
  padding: 0; }
.header-style_15 ul.menu-nav li:nth-last-child(1) .sub-menu, .header-style_15 ul.menu-nav li:nth-last-child(2) .sub-menu, .header-style_15 ul.menu-nav li:nth-last-child(3) .sub-menu {
  left: auto;
  right: 0; }

/*Header style 16*/
.header-style_16 .site-navigation {
  float: left; }
.header-style_16 .header-search-main-header {  float: right;  margin-top: 0;
  -webkit-transition: all .6s ease-in-out;
  -moz-transition: all .6s ease-in-out;
  -ms-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out; }
  .header-style_16 .header-search-main-header .search-form {
    position: relative; }
  .header-style_16 .header-search-main-header input[type="text"] { background: #f4f4f4 none repeat scroll 0 0;  border: medium none;  border-radius: 8px !important;  color: #aaaaaa;   font-size: 14px; height: 40px;  min-width: 370px; }
  .header-style_16 .header-search-main-header button.search-form-submit { background: transparent none repeat scroll 0 0; border: medium none;  font-size: 23px;  height: 40px;  color: #999; line-height: 40px;  position: absolute;  right: 10px;
    top: 0; }
.header-style_16 ul.menu-nav > li:first-child {
  padding-left: 0; }
.header-style_16 ul.menu-nav > li > a {
  color: #555555;
  font-size: 16px; }
.header-style_16 ul.menu-nav > li.active > a {
  color: #222222; }
.header-style_16 .logo {  line-height: 45px;  float: none; }
.header-style_16 .header-logo {
  text-align: left; }
.header-style_16 .socials > li {
  display: inline;
  font-size: 21px;
  line-height: 100px;
  list-style: outside none none;
  margin-right: 27px; }
  .header-style_16 .socials > li a {
    color: #333; }
    .header-style_16 .socials > li a:hover {
      color: #cccccc; }
.header-style_16 .header-right .header-icon {
  height: 100px;
  color: #555555;
  line-height: 100px; }
  .header-style_16 .header-right .header-icon:hover {
    color: #df5c53; }
  .header-style_16 .header-right .header-icon.active {
    color: #df5c53; }
.header-style_16.header .header-top .cart-number-items {
  bottom: 30px; }
.header-style_16 .header-top .language-switcher-wrap {
  margin-top: 33px;
  padding-right: 20px;
  position: relative; }
  .header-style_16 .header-top .language-switcher-wrap li {
    font-size: 14px;
    line-height: 36px;
    padding: 0; }
    .header-style_16 .header-top .language-switcher-wrap li li {
      line-height: 24px; }
.header-style_16 .lang-currency {
  color: #333333;
  font-family: "Noto Sans KR";
  font-size: 14px;
  text-transform: uppercase; }
  .header-style_16 .lang-currency > span {
    color: #888888; }
.header-style_16 .language-switcher-style2::before {
  color: #333;
  content: "\f107";
  font-family: FontAwesome;
  position: absolute;
  right: 0;
  top: 3px;
  font-size: 14px; }
.header-style_16 .main-header {
  padding: 0; }

/*Header Basic*/
.header-top .top-bar-navigation {
  float: left; }
.header-top .top-bar-navigation li {
  display: inline-block;
  font-size: 14px;
  line-height: 40px;
  position: relative;
  list-style: outside none none;
  padding: 0 17px; }
.header-top .language-switcher-wrap {
  float: left;
  margin-left: 15px;
  margin-top: 27px; }
  .header-top .language-switcher-wrap li {
    color: #666666;
    font-size: 14px;
    line-height: 12px;
    padding: 5px 0 10px;
    list-style: outside none none;
    display: inline-block;
    cursor: pointer;
    position: relative; }
    .header-top .language-switcher-wrap li.current-lang {
      display: block; }
    .header-top .language-switcher-wrap li.lang-show {
      display: block; }
    .header-top .language-switcher-wrap li a {
      color: #666666;
      display: inline-block;
      float: left; }
      .header-top .language-switcher-wrap li a:hover {
        color: #df5c53; }
    .header-top .language-switcher-wrap li img {
      float: left;
      margin-right: 5px; }
  .header-top .language-switcher-wrap .icon-lang {
    cursor: pointer;
    color: #aaaaaa;
    font-size: 12px;
    margin-left: 7px; }
    .header-top .language-switcher-wrap .icon-lang:hover {
      color: #df5c53; }
  .header-top .language-switcher-wrap .language-switcher-inner {
    background: #ffffff none repeat scroll 0 0;
    box-shadow: 0 0 5px #cccccc;
    display: block;
    left: 0;
    opacity: 0;
    padding: 10px;
    position: absolute;
    top: 100%;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    visibility: hidden;
    z-index: 34; }
    .header-top .language-switcher-wrap .language-switcher-inner.lang-show {
      opacity: 1;
      visibility: visible;
      -webkit-transform: translateY(0px);
      -ms-transform: translateY(0px);
      -o-transform: translateY(0px);
      transform: translateY(0px);
      -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease, visibility 0.4s linear 0s;
      -moz-transition: opacity 0.4s ease, -moz-transform 0.4s ease, visibility 0.4s linear 0s;
      -ms-transition: opacity 0.4s ease, -ms-transform 0.4s ease, visibility 0.4s linear 0s;
      -o-transition: opacity 0.4s ease, -o-transform 0.4s ease, visibility 0.4s linear 0s;
      transition: opacity 0.4s ease, transform 0.4s ease, visibility 0.4s linear 0s; }
  .header-top .language-switcher-wrap li:hover .language-switcher-inner {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease, visibility 0.4s linear 0s;
    -moz-transition: opacity 0.4s ease, -moz-transform 0.4s ease, visibility 0.4s linear 0s;
    -ms-transition: opacity 0.4s ease, -ms-transform 0.4s ease, visibility 0.4s linear 0s;
    -o-transition: opacity 0.4s ease, -o-transform 0.4s ease, visibility 0.4s linear 0s;
    transition: opacity 0.4s ease, transform 0.4s ease, visibility 0.4s linear 0s; }
.header-top li:hover .sub-menu {
  opacity: 1;
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease, visibility 0.4s linear 0s;
  -moz-transition: opacity 0.4s ease, -moz-transform 0.4s ease, visibility 0.4s linear 0s;
  -ms-transition: opacity 0.4s ease, -ms-transform 0.4s ease, visibility 0.4s linear 0s;
  -o-transition: opacity 0.4s ease, -o-transform 0.4s ease, visibility 0.4s linear 0s;
  transition: opacity 0.4s ease, transform 0.4s ease, visibility 0.4s linear 0s;
  visibility: visible; }
.header-top .sub-menu {
  background: #ffffff none repeat scroll 0 0;
  border: medium none;
  border-radius: 0;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.09);
  display: block;
  left: 0;
  min-width: 230px;
  opacity: 0;
  padding: 10px 0;
  position: absolute;
  text-align: left;
  line-height: 30px;
  top: 100%;
  -webkit-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -o-transform: translateY(50px);
  transform: translateY(50px);
  visibility: hidden;
  width: 100%;
  z-index: 35; }

.mobile-navigation {
  display: none;
  height: 25px;
  line-height: 5px;
  position: relative;
  -webkit-transition: all .6s ease-in-out;
  -moz-transition: all .6s ease-in-out;
  -ms-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
  width: 25px;
  z-index: 33; }
  .mobile-navigation:hover .icon-bar {
    background: #333; }

.icon-bar {
  background: #333333;
  display: inline-block;
  height: 2px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  width: 25px; }

header.header .header-top .header-top-content .sub-menu li.menu-item {
  width: 100%;
  line-height: 30px; }

/*Header menu transparent*/
header.menu-no-transparent {
  position: relative; }

.menu-no-transparent .main-header {
  position: relative;
  background-color: #FFFFFF; }

/*End Header menu transparent*/
/*---------Search Box----------*/
.search-box-wrap {
  bottom: 0;
  display: none;
  height: 100vh;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 34; }
  .search-box-wrap .search-box {
    background: #ffffff none repeat scroll 0 0;
    left: 50%;
    line-height: 30px;
    padding: 0 0 50px;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%); }
  .search-box-wrap .search {
    border: medium none;
    color: #888;
    display: inline-block;
    font-size: 15px;
    font-style: italic;
    line-height: 46px;
    padding: 0 20px;
    width: 600px; }

.section-title .text-uppercase {
  margin-bottom: 30px;
  margin-top: 40px;
  color: #333333; }

.close-search {
  background: #000000 none repeat scroll 0 0;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-size: 10px;
  letter-spacing: 2px;
  line-height: 14px;
  margin-top: 30px;
  padding: 5px 10px;
  text-transform: uppercase; }
  .close-search:hover {
    background: #df5c53; }

.search-overlay {
  background: rgba(0, 0, 0, 0.85) none repeat scroll 0 0;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0; }

.serch-inner > form {
  border: 1px solid #000000;
  display: inline-block;
  height: 46px;
  line-height: 46px;
  overflow: hidden;
  position: relative; }

button.search-submit {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: transparent none repeat scroll 0 0;
  border-color: -moz-use-text-color;
  border-image: none;
  border-style: none none none solid;
  border-width: medium medium medium 1px;
  color: #000000;
  font-size: 25px;
  height: 46px;
  line-height: 48px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 50px; }

/*Banner header*/
.banner-header {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; }

/*Breadcrumbs*/
.trail-items li {
  color: #fff;
  display: inline-block;
  font-family: Noto Sans KR;
  font-size: 18px;
  line-height: 24px; }

.trail-items {
  background: #df5c53;
  display: inline-block;
  line-height: 58px;
  padding: 0 30px; }

.breadcrumbs a {
  color: #fff; }

.banner-content {
  position: absolute;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%; }
  .banner-content .title-page {
    color: #333333;
    margin: 0 0 20px;
    text-transform: uppercase; }

.trail-items li::after {
  content: "/"; }

.trail-items li:last-child::after {
  content: ""; }

.sticky-menu-transform.header-style_14 .socials-header {
  display: none; }

/* -------------------- */
/*  	   MAIN         */
/* -------------------- */
/*--- Main Style ---*/
/*Body Duck*/

.body-duck {
  background: #000000 none repeat scroll 0 0; }
  .body-duck header.header-basic.sticky-menu.sticky-menu-transform .main-header {
    background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0; }
  .body-duck .header-icon:hover {
    color: #df5c53; }
  .body-duck header .cart-number-items {
    background: #222222 none repeat scroll 0 0;
    font-size: 11px;
    height: 20px;
    line-height: 20px;
    right: -13px;
    width: 20px; }
  .body-duck .menu-no-transparent .main-header {
    background-color: transparent; }
  .body-duck ul.menu-nav > li > a, .body-duck .menu-nav > .menu-item-has-children > a::after {
    color: #FFFFFF; }
  .body-duck ul.menu-nav > li:hover > a {
    color: #df5c53; }
  .body-duck div.product-item {
    background: transparent none repeat scroll 0 0; }
    .body-duck div.product-item .product-name {
      color: #888888; }
      .body-duck div.product-item .product-name:hover {
        color: #df5c53; }
    .body-duck div.product-item .product-button-action .button.add_to_cart_button {
      color: #FFFFFF; }
      .body-duck div.product-item .product-button-action .button.add_to_cart_button:hover {
        color: #df5c53; }
    .body-duck div.product-item .price {
      color: #FFFFFF; }
    .body-duck div.product-item .product-button-action {
      background-color: #000; }
      .body-duck div.product-item .product-button-action a {
        color: #FFFFFF; }
        .body-duck div.product-item .product-button-action a:hover {
          color: #df5c53; }
    .body-duck div.product-item .product-media .product-images-wrap figure > a::before {
      background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; }
  .body-duck .product-item .onsale {
    background: #333333 none repeat scroll 0 0;
    color: #ffffff;
    display: inline-block;
    font-family: "Noto Sans KR";
    font-size: 12px;
    line-height: 30px;
    padding: 0 8px;
    position: absolute;
    right: 20px;
    text-transform: uppercase;
    top: 20px;
    z-index: 1; }
  .body-duck .main-content .owl-nav > div {
    font-size: 25px;
    color: #aaaaaa;
    top: 50%; }
    .body-duck .main-content .owl-nav > div:hover {
      color: #FFFFFF; }
  .body-duck .list-info-box .item-info-box {
    color: #888888; }
  .body-duck .title-footer {
    color: #fff; }
  .body-duck .title-block {
    color: #fff; }

/*End Body Duck*/
/*.main-content {
  overflow: hidden; }*/
  .main-content .owl-nav > div {
    border: medium none;
    font-size: 33px;
    height: auto;
    left: 150px;
    line-height: 33px;
    position: absolute;
    text-align: center;
    top: 40%;
    width: auto;
    -webkit-transform: translateX(-200px) translateY(-50%);
    -ms-transform: translateX(-200px) translateY(-50%);
    -o-transform: translateX(-200px) translateY(-50%);
    transform: translateX(-200px) translateY(-50%); }
    .main-content .owl-nav > div.owl-next {
      transform: translateX(200px) translateY(-50%);
      right: 150px;
      left: auto; }

.main-content-box {
  padding: 0 100px; }

#primary, #secondary {
  padding-top: 30px;
  padding-bottom: 30px; }

.blog-sidebar-area {
  margin-top: 78px; }

.has-sidebar-left {
  float: right; }

.button-link-action {
  margin: 0;
  text-align: center; }

.button-duck {
  background-color: #333333;
  color: #fff;
  display: inline-block;
  font-family: "Noto Sans KR";
  font-size: 12px;
  line-height: 46px;
  padding: 0 20px;
  text-transform: uppercase; }
  .button-duck i {
    margin-left: 5px; }
  .button-duck:hover {
    background-color: #df5c53;
    color: #FFFFFF; }

.button-light {
  background-color: #df5c53;
  color: #fff;
  display: inline-block;
  font-family: "Noto Sans KR";
  font-size: 12px;
  line-height: 46px;
  padding: 0 20px;
  text-transform: uppercase; }
  .button-light i {
    margin-left: 5px; }
  .button-light:hover {
    background-color: #333333;
    color: #FFFFFF; }

input[type="text"]:focus, input[type="email"]:focus, textarea:focus, input[type="password"]:focus {
  border-color: #df5c53; }

.pagation {
  clear: both; }

/*Chosen style*/
.chosen-container-single .chosen-single {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  border-radius: 0;
  box-shadow: 0 0 0;
  color: #333333;
  height: 32px;
  line-height: 28px;
  padding-left: 10px;
  text-transform: uppercase; }
.chosen-container-single.chosen-container-active.chosen-with-drop .chosen-single {
  background-image: none;
  border: medium none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  box-shadow: none; }

.chosen-container.chosen-with-drop .chosen-drop {
  border: medium none;
  border-radius: 0;
  box-shadow: 0 0 5px #e5e5e5;
  left: 0;
  margin: 0; }

.chosen-container .chosen-results li {  display: none; font-size:12px; line-height: 20px;  list-style: outside none none;  margin: 0;  padding: 5px 6px; }

.chosen-container .chosen-results li.highlighted {  background-color: #6dc7d6;   background-image: none;  color: #ffffff; }

/*---------Body Box-------*/
.body-box {
  border-color: #fff;
  border-style: solid;
  border-width: 160px 100px 100px; }
  .body-box header.menu-no-transparent {
    position: inherit; }
    .body-box header.menu-no-transparent .main-header {
      position: absolute; }
  .body-box .menu-transparent {
    position: relative; }

.mm-page {
  z-index: inherit; }

/*---------Main content Box-------*/
.main-box .main-content {
  padding: 0 100px; }

.main-box footer {
  padding: 60px 100px; }

.nopadding {
  padding: 0; }

/*Page 404*/
.page-404 .banner-header {
  min-height: 100vh; }

.page-404-content {
  padding: 0 20px;
  position: absolute;
  text-align: center;
  top: 100px;
  width: 100%; }
  .page-404-content .title-404 {
    color: #333333;
    font-size: 48px;
    font-weight: 700;
    margin: 0 0 10px; }
  .page-404-content p {
    color: #888888;
    font-size: 18px; }
    .page-404-content p a {
      color: #df5c53; }
      .page-404-content p a:hover {
        color: #333333; }

/*Newsletter PopUp*/
.newsletter-popup-wrap {
  bottom: 0;
  display: inline-block;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100% !important;
  z-index: 34; }

.popup-overlay {
  background: rgba(0, 0, 0, 0.26) none repeat scroll 0 0;
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0; }

.newsletter-popup {
  height: 100vh; }

span.popup-close {
  color: #888888;
  cursor: pointer;
  font-size: 15px;
  height: 36px;
  line-height: 36px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 35px;
  z-index: 1; }
  span.popup-close:hover {
    color: #df5c53; }

.newsletter-popup-inner {
  background: #ffffff none repeat scroll 0 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); }
  .newsletter-popup-inner .newsletter-popup-content {
    padding:0; }
  .newsletter-popup-inner form {
    margin-top: 60px; }
  .newsletter-popup-inner .title-newsletter-popup {
    color: #333333;
    font-weight: 700;
    margin: 0 0 12px; }
  .newsletter-popup-inner .newsletter-popup-desc {
    line-height: 23px; }
  .newsletter-popup-inner .newsletter-content > input {
    border: 1px solid #dddddd;
    clear: right;
    float: none;
    line-height: 40px;
    height: 40px; }
  .newsletter-popup-inner .submit-button {
    font-size: 14px;
    margin-top: 20px;
    line-height: 42px; }

.newsletter-checkbox label {  color: #888888;  font-size: 14px;  font-weight: normal;  margin-bottom: 0;  margin-top: 0px;  position: absolute; }
  .newsletter-checkbox label input[type="checkbox"] {    margin-right: 5px; }

/*Login Page*/
.login-page .trail-items {
  background: transparent none repeat scroll 0 0;
  line-height: 20px; }
  .login-page .trail-items li {
    color: #666666;
    display: inline-block;
    font-family: "Noto Sans KR", sans-serif;
    font-size: 16px; }
.login-page .breadcrumbs li a {
  color: #666666; }
  .login-page .breadcrumbs li a:hover {
    color: #df5c53; }
.login-page .banner-content .title-page {
  margin: 0 0 5px; }
.login-page .lost_password {
  margin-top: 70px;
  margin-bottom: 0; }

.title-login {
  color: #333333;
  font-size: 20px;
  margin: 0 0 30px;
  text-transform: uppercase; }



/*-------Slide banner v1-------*/
.banner-wrap {
  overflow: hidden; }

.slide-content {
  position: absolute;
  right: 200px;
  top: 30%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); }
  .slide-content .title-slide {
    color: #000000;
    font-size: 45px;
    margin: 0; }
    .slide-content .title-slide span {
      font-size: 50px;
      text-transform: uppercase; }
  .slide-content .sub-title-banner {
    font-weight: 400;
    letter-spacing: 2px;
    text-transform: uppercase; }
  .slide-content .item-icon {
    display: inline-block;
    list-style: outside none none;
    padding: 60px 40px 0; }
    .slide-content .item-icon .title-img {
      color: #666;
      display: inline-block;
      font-family: Noto Sans KR;
      font-size: 18px;
      margin: 10px 0 0; }

.content-slide2 {
  max-width: 700px; }

.content-slide3 {
  max-width: 600px;
  right: 300px; }

.content-slide3 .description-slide {
  font-size: 16px; }

.sub-title-banner-big {
  font-size: 50px;
  color: #aaaaaa;
  margin: 30px; }
  .sub-title-banner-big > span {
    color: #333;
    text-transform: uppercase; }

.slide-smaller-title {
  color: #df5c53;
  font-family: "Noto Sans KR";
  font-size: 24px;
  display: inline-block;
  text-transform: capitalize; }

.slide-date {
  color: #df5c53;
  font-family: Noto Sans KR;
  display: inline-block;
  font-size: 20px; }

.sub-title-banner-smaller {
  color: #333;
  font-size: 35px;
  margin: 25px 0;
  text-transform: uppercase; }

.description-slide {
  color: #888;
  font-family: Noto Sans KR;
  font-size: 18px;
  line-height: 24px; }

.button-slide {  background: none;  color: #fff;  display: inline-block;  font-family: "Noto Sans KR";  font-size: 14px;  line-height: 50px;  margin-top: 10px;  padding: 0 30px;  text-transform: uppercase; }

  .button-slide:hover {
    background-color: #333;
    color: #FFFFFF; }
  .button-slide.button-slide-basic {
    background-color: #df5c53; }
    .button-slide.button-slide-basic:hover {
      background-color: #000000; }

.owl-carousel .owl-item .slide-content img {  display: inline-block;  width: auto; }

.active .title-slide, .active .sub-title-banner-smaller, .active .sub-title-banner-big {
  animation-duration: 2s;
  -webkit-animation-duration: 2s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  animation-name: bounceInRight;
  -webkit-animation-name: bounceInRight; }

.active .item-icon {
  animation-duration: 2s;
  -webkit-animation-duration: 2s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  animation-name: bounceInUp;
  -webkit-animation-name: bounceInUp; }
  .active .item-icon:nth-child(2) {
    animation-duration: 2.2s;
    -webkit-animation-duration: 2.2s; }
  .active .item-icon:nth-child(3) {
    animation-duration: 2.5s;
    -webkit-animation-duration: 2.5s; }

.active .sub-title-banner {
  animation-duration: 2s;
  -webkit-animation-duration: 2s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  animation-name: zoomIn;
  -webkit-animation-name: zoomIn; }

.active .slide-date, .active .slide-smaller-title {
  animation-duration: 2s;
  -webkit-animation-duration: 2s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  animation-name: slideInDown;
  -webkit-animation-name: slideInDown; }

.active .description-slide {
  animation-duration: 2s;
  -webkit-animation-duration: 2s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  animation-name: zoomIn;
  -webkit-animation-name: zoomIn; }

.active .button-slide {
  animation-duration: 2s;
  -webkit-animation-duration: 2s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  animation-name: slideInUp;
  -webkit-animation-name: slideInUp; }

.banner-wrap:hover .owl-nav > div {
  -webkit-transform: translateX(0) translateY(-50%);
  -ms-transform: translateX(0) translateY(-50%);
  -o-transform: translateX(0) translateY(-50%);
  transform: translateX(0) translateY(-50%); }

.owl-nav > div {
  border: 2px solid #aaa;
  border-radius: 50%;
  color: #888;
  display: inline-block;
  font-size: 28px;
  height: 64px;
  line-height: 64px;
  position: absolute;
  text-align: center;
  top: 50%;
  -webkit-transform: translateX(-200px) translateY(-50%);
  -ms-transform: translateX(-200px) translateY(-50%);
  -o-transform: translateX(-200px) translateY(-50%);
  transform: translateX(-200px) translateY(-50%);
  -webkit-transition: all .6s ease-in-out;
  -moz-transition: all .6s ease-in-out;
  -ms-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
  width: 64px;
  left: 100px; }
  .owl-nav > div.owl-next {
    right: 100px;
    left: auto;
    -webkit-transform: translateX(200px) translateY(-50%);
    -ms-transform: translateX(200px) translateY(-50%);
    -o-transform: translateX(200px) translateY(-50%);
    transform: translateX(200px) translateY(-50%); }
  .owl-nav > div:hover {
    color: #333333; }

/*-------Slide banner v2-------*/
.header-banner {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%; }

.content-slide-v2 {
  max-width: 600px; }
  .content-slide-v2.align-right {
    right: 300px; }
  .content-slide-v2.align-left {
    left: 300px;
    right: auto; }
  .content-slide-v2 .description-slide {
    color: #666;
    font-family: Noto Sans KR;
    font-size: 16px;
    line-height: 24px; }
  .content-slide-v2 .title-banner-big {
    font-size: 55px; }

.active .content-slide-v2.align-right .title-banner-big {
  animation-duration: 2s;
  -webkit-animation-duration: 2s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  animation-name: bounceInRight;
  -webkit-animation-name: bounceInRight; }
.active .content-slide-v2.align-left .title-banner-big {
  animation-duration: 2s;
  -webkit-animation-duration: 2s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  animation-name: bounceInLeft;
  -webkit-animation-name: bounceInLeft; }

.title-banner-big {
  color: #888;
  font-size: 50px;
  margin: 0 0 15px;
  text-transform: uppercase; }
  .title-banner-big span {
    color: #333; }

/*-------Slide banner v3-------*/

.content-slide-v3.slide-content {
  right: 0;
  width: 100%; }
.content-slide-v3 .button-slide {
  font-size: 12px;
  line-height: 35px;
  padding: 0 15px; }
  .content-slide-v3 .button-slide.button-slide-light {
    background-color: #df5c53; }
  .content-slide-v3 .button-slide.button-slide-light:hover {
    background-color: #000000; }
.content-slide-v3 .description-slide {
  color: #888888;
  font-size: 16px; }

.title-banner-smaller {
  color: #333333;
  font-size: 45px;
  text-transform: uppercase; }

.active .title-banner-smaller {
  animation-duration: 2s;
  -webkit-animation-duration: 2s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  animation-name: bounceInDown;
  -webkit-animation-name: bounceInDown; }

/*-------Slide banner v4-------*/
.content-slide-v4.slide-content {  left:5%;  width: 100%; }
.content-slide-v4 .subtitle-banner-smaller {  color: #333;  text-transform: uppercase; }
.content-slide-v4 .title-banner-smaller {  color: #000;  font-size: 48px; }
.content-slide-v4 .button-slide {  font-size: 14px; border-radius:10px; line-height: 30px; border:1px solid rgba(255, 255, 255, 0.35); }
  .content-slide-v4 .button-slide.button-slide-light {
    background-color:none; }
  .content-slide-v4 .button-slide.button-slide-light:hover {  background-color: #000; border:1px solid #000; }

.active .subtitle-banner-smaller {
  animation-duration: 2s;
  -webkit-animation-duration: 2s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  animation-name: zoomIn;
  -webkit-animation-name: zoomIn; }

/*-------Slide banner v5-------*/
.content-slide-v5 {
  right: 300px; }
  .content-slide-v5 .title-slide-lar {
    color: #333333;
    font-size: 45px;
    margin: 10px 0 0;
    text-transform: uppercase; }
  .content-slide-v5 .subtitle-slide {
    color: #888888;
    font-size: 18px;
    font-weight: 100;
    display: inline-block;
    letter-spacing: 7px; }

.button-slide.button-slide-till {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #dddddd;
  color: #333333;
  font-size: 16px; }
  .button-slide.button-slide-till:hover {
    background-color: #000000;
    color: #FFFFFF;
    border-color: #000000; }

.active .content-slide-v5 .subtitle-slide {
  animation-duration: 2s;
  -webkit-animation-duration: 2s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  animation-name: bounceInDown;
  -webkit-animation-name: bounceInDown; }
.active .content-slide-v5 .title-slide-lar {
  animation-duration: 2s;
  -webkit-animation-duration: 2s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  animation-name: flipInY;
  -webkit-animation-name: flipInY; }

/*-------Slide banner v6-------*/
.content-slide-v6 .desc-slide {
  font-size: 15px;
  line-height: 24px; }
.content-slide-v6 .title-slide-lar {
  font-size: 80px;
  font-family: "Great Vibes", cursive;
  color: #333333;
  margin: 0 0 5px; }

.active .desc-slide {
  animation-duration: 2s;
  -webkit-animation-duration: 2s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  animation-name: zoomIn;
  -webkit-animation-name: zoomIn; }
.active .title-slide-lar {
  animation-duration: 2s;
  -webkit-animation-duration: 2s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  animation-name: fadeInDown;
  -webkit-animation-name: fadeInDown; }

/*-------Slide banner v8-------*/
.content-slide-v8.slide-content {
  right: auto;
  width: 100%; }
.content-slide-v8 .title-banner-smaller {
  color: #ffffff;
  font-size: 48px;
  margin: 0 0 33px;
  text-transform: uppercase; }

.link-slide {
  color: #ffffff;
  display: inline-block;
  font-family: Great Vibes;
  font-size: 48px;
  font-weight: bold;
  padding: 0 65px;
  position: relative; }
  .link-slide::before {
    border-top: 3px solid #ffffff;
    content: "";
    left: 0;
    position: absolute;
    top: 50%;
    width: 52px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
  .link-slide::after {
    border-top: 3px solid #ffffff;
    content: "";
    right: 0;
    position: absolute;
    top: 50%;
    width: 52px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }

.active .link-slide {
  animation-duration: 2s;
  -webkit-animation-duration: 2s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  animation-name: flipInY;
  -webkit-animation-name: flipInY; }

.nav-control-style2 .owl-nav > div {
  border: none;
  color: #FFFFFF;
  font-size: 28px;
  height: 74px;
  left: 30px;
  line-height: 76px;
  width: 74px;
  background: rgba(255, 255, 255, 0.2); }
  .nav-control-style2 .owl-nav > div.owl-next {
    left: auto;
    right: 30px; }
  .nav-control-style2 .owl-nav > div:hover {
    background: rgba(0, 0, 0, 0.2); }

.nav-control-style3 .owl-nav > div {
  border: none;
  color: #888888;
  font-size: 28px;
  height: 67px;
  left: 100px;
  line-height: 70px;
  width: 67px;
  background: rgba(255, 255, 255, 0.3);
  border: 1px solid #888888; }
  .nav-control-style3 .owl-nav > div.owl-next {
    left: auto;
    right: 100px; }
  .nav-control-style3 .owl-nav > div:hover {
    color: #333333; }

.nav-control-style4 .owl-nav > div {
  background: #eeeeee none repeat scroll 0 0;
  border: 1px solid #dddddd;
  border-radius: 0px;
  color: #aaaaaa;
  bottom: 0;
  display: inline-block;
  font-size: 17px;
  height: 36px;
  left: 0;
  line-height: 38px;
  margin: 0 6px;
  position: inherit;
  text-align: center;
  top: auto;
  -webkit-transform: translateX(0) translateY(0);
  -ms-transform: translateX(0) translateY(0);
  -o-transform: translateX(0) translateY(0);
  transform: translateX(0) translateY(0);
  width: 36px; }
  .nav-control-style4 .owl-nav > div.owl-next {
    -webkit-transform: translateX(0) translateY(0);
    -ms-transform: translateX(0) translateY(0);
    -o-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0); }
  .nav-control-style4 .owl-nav > div:hover {
    color: #000; }
.nav-control-style4 .owl-controls {
  text-align: center; }

div.main-content .nav-control-style6 .owl-nav > div {
  border: 1px solid #ddd;
  font-size: 11px;
  height: 26px;
  right: 0;
  line-height: 26px;
  position: absolute;
  text-align: center;
  top: -82px;
  left: auto;
  right: 38px;
  -webkit-transform: translateX(0) translateY(0);
  -ms-transform: translateX(0) translateY(0);
  -o-transform: translateX(0) translateY(0);
  transform: translateX(0) translateY(0);
  width: 26px;
  border-radius: 2px;
  background: #eeeeee; }
  div.main-content .nav-control-style6 .owl-nav > div.owl-next {
    left: auto;
    -webkit-transform: translateX(0) translateY(0);
    -ms-transform: translateX(0) translateY(0);
    -o-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
    right: 00px; }
    div.main-content .nav-control-style6 .owl-nav > div.owl-next::after {
      background: #ffffff none repeat scroll 0 0;
      content: "";
      float: left;
      height: 30px;
      position: absolute;
      right: 25px;
      width: 12px; }
  div.main-content .nav-control-style6 .owl-nav > div:hover {
    color: #333333;
    -webkit-transform: translateX(0) translateY(0);
    -ms-transform: translateX(0) translateY(0);
    -o-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0); }

div.main-content .nav-control-style5 .owl-nav > div {
  border: 1px solid #ddd;
  font-size: 11px;
  height: 26px;
  right: 0;
  line-height: 26px;
  position: absolute;
  text-align: center;
  top: -82px;
  left: auto;
  right: 38px;
  -webkit-transform: translateX(0) translateY(0);
  -ms-transform: translateX(0) translateY(0);
  -o-transform: translateX(0) translateY(0);
  transform: translateX(0) translateY(0);
  width: 26px;
  border-radius: 2px;
  background: #FFFFFF; }
  div.main-content .nav-control-style5 .owl-nav > div.owl-next {
    left: auto;
    -webkit-transform: translateX(0) translateY(0);
    -ms-transform: translateX(0) translateY(0);
    -o-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
    right: 00px; }
    div.main-content .nav-control-style5 .owl-nav > div.owl-next::after {
      background: #ffffff none repeat scroll 0 0;
      content: "";
      float: left;
      height: 30px;
      position: absolute;
      right: 25px;
      width: 12px; }
  div.main-content .nav-control-style5 .owl-nav > div:hover {
    color: #333333;
    -webkit-transform: translateX(0) translateY(0);
    -ms-transform: translateX(0) translateY(0);
    -o-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0); }

/*-------Slide banner v9-------*/
.content-slide-v9.slide-content {
  right: 0;
  width: 100%; }
.content-slide-v9 .button-light {
  font-size: 14px;
  line-height: 49px;
  margin: 0 7px;
  padding: 0 30px; }
.content-slide-v9 .subtitle-banner-smaller {
  color: #ffffff;
  display: inline-block;
  font-size: 36px;
  font-family: "Great Vibes", cursive; }
.content-slide-v9 .title-banner-smaller {
  color: #ffffff;
  font-size: 48px;
  margin: 10px 0 37px;
  text-transform: uppercase; }
.content-slide-v9 .link-banner {
  border: 3px solid rgba(255, 255, 255, 0.35);
  color: #ffffff;
  display: inline-block;
  font-family: "Noto Sans KR";
  font-size: 14px;
  line-height: 44px;
  padding: 0 30px;
  text-transform: uppercase; }
  .content-slide-v9 .link-banner:hover {
    border-color: #000000;
    line-height: 44px;
    border-width: 3px; }

.active .content-slide-v9 .button-light {
  animation-duration: 1.5s;
  -webkit-animation-duration: 1.5s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  animation-name: bounceInUp;
  -webkit-animation-name: bounceInUp; }
.active .content-slide-v9 .link-banner {
  animation-duration: 2s;
  -webkit-animation-duration: 2s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  animation-name: bounceInUp;
  -webkit-animation-name: bounceInUp; }

/*Slide banner v11*/
.content-slide-v11.slide-content {
  right: 0;
  width: 100%; }
.content-slide-v11 .title-banner-smaller {
  color: #ffffff;
  font-size: 48px;
  font-weight: 700;
  margin: 18px 0 35px;
  text-transform: uppercase; }

.active .content-slide-v11 .button-slide-radius {
  animation-duration: 2s;
  -webkit-animation-duration: 2s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  animation-name: bounceInUp;
  -webkit-animation-name: bounceInUp; }

/*Slide banner v12*/
.content-slide-v12.slide-content {
  right: 0;
  width: 100%; }
.content-slide-v12 .subtitle-banner-smaller {
  font-size: 28px;
  font-family: "Great Vibes", cursive;
  color: #df5c53;
  font-weight: bold; }
.content-slide-v12 .title-banner-smaller {
  font-weight: 700;
  margin: 10px 0 0; }

/*Slide banner v14*/
.content-slide-v14 {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%; }
  .content-slide-v14 .slide-content {
    position: inherit;
    top: auto;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
    .content-slide-v14 .slide-content.align-right {
      margin-right: 100px;
      float: right; }
    .content-slide-v14 .slide-content.align-left {
      margin-left: 100px;
      float: left; }
    .content-slide-v14 .slide-content.align-center {
      margin-top: -220px;
      text-align: center; }
  .content-slide-v14 .title-banner-smaller {
    color: #333333;
    font-size: 30px;
    text-transform: none; }
  .content-slide-v14 .description-slide {
    color: #666666;
    font-size: 20px; }
  .content-slide-v14 .button-slide-light {
    background: #df5c53;
    color: #ffffff;
    display: inline-block;
    font-family: "Noto Sans KR", sans-serif;
    font-size: 20px;
    line-height: 46px;
    margin-top: 35px;
    padding: 0 30px;
    text-transform: none; }
    .content-slide-v14 .button-slide-light:hover {
      background: #000000; }

/*Slide banner v15*/
.content-slide-v15.slide-content {
  left: 70px;
  position: absolute;
  right: auto; }
.content-slide-v15 .text-slide {
  color: #df5c53;
  font-size: 45px;
  font-family: "Great Vibes", cursive;
  display: inline-block;
  font-weight: 700; }
.content-slide-v15 .title-banner-smaller {
  font-weight: 700;
  line-height: 60px;
  margin: 3px 0 0; }
.content-slide-v15 .button-outlight {
  background: transparent none repeat scroll 0 0;
  border: 3px solid rgba(0, 0, 0, 0.3);
  color: #333333;
  font-size: 14px;
  line-height: 50px;
  margin-top: 33px; }
  .content-slide-v15 .button-outlight:hover {
    background: #df5c53;
    border: 3px solid #df5c53;
    color: #FFFFFF; }

.active .content-slide-v15 .title-banner-smaller {
  animation-duration: 2s;
  -webkit-animation-duration: 2s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  animation-name: bounceInDown;
  -webkit-animation-name: bounceInDown; }
.active .content-slide-v15 .text-slide {
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  animation-name: bounceInRight;
  -webkit-animation-name: bounceInRight; }

.banner-slide .nav-number-style .owl-dots {  background: #ffffff none repeat scroll 0 0;  bottom: 30px;   left: auto;  position: absolute;  right: 50%;  top: auto; border-radius:20px;
-webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);  width: 80px; }
.banner-slide .nav-number-style .owl-dots::before {  color: #888;  font-family: Noto Sans KR;  font-size: 14px;  position: absolute;  right: 11px;  top:8px;  line-height:14px;}
.banner-slide .nav-number-style .owl-dot > span { display: none;  position: relative;  text-align: center;   }
.banner-slide .nav-number-style .owl-dot > span::before {  border:none;  color: #222;  content: "";  display: inline-block;  font-family: Noto Sans KR;  font-size: 14px;  left: 10px;  line-height:14px;  position: absolute; right: 0;  
top:-2px;     }
.banner-slide .nav-number-style .owl-dot.active > span {
  display: inline-block; }
.banner-slide .nav-number-style .owl-dot span::after {
  display: none; }
.banner-slide .nav-number-style .owl-dot:nth-child(1) span::before {
  content: "01"; }
.banner-slide .nav-number-style .owl-dot:nth-child(2) span::before {
  content: "02"; }
.banner-slide .nav-number-style .owl-dot:nth-child(3) span::before {
  content: "03"; }
.banner-slide .nav-number-style .owl-dot:nth-child(4) span::before {
  content: "04"; }
.banner-slide .nav-number-style .owl-dot:nth-child(5) span::before {
  content: "05"; }
.banner-slide .nav-number-style .owl-dot:nth-child(6) span::before {
  content: "06"; }
.banner-slide .nav-number-style .owl-dot:nth-child(7) span::before {
  content: "07"; }
.banner-slide .nav-number-style .owl-dot:nth-child(8) span::before {
  content: "08"; }
.banner-slide .nav-number-style .owl-dot:nth-child(9) span::before {
  content: "09"; }
.banner-slide .nav-number-style .owl-dot:nth-child(10) span::before {
  content: "10"; }
.banner-slide .nav-number-style .owl-dot:nth-child(11) span::before {
  content: "11"; }
.banner-slide .nav-number-style .owl-dot:nth-child(12) span::before {
  content: "12"; }
.banner-slide .nav-number-style .owl-dot:nth-child(13) span::before {
  content: "13"; }
.banner-slide .nav-number-style .owl-dot:nth-child(14) span::before {
  content: "14"; }
.banner-slide .nav-number-style .owl-dot:nth-child(15) span::before {
  content: "15"; }
.banner-slide .nav-number-style .owl-dot:nth-child(16) span::before {
  content: "16"; }
.banner-slide .nav-number-style .owl-dot:nth-child(17) span::before {
  content: "17"; }
.banner-slide .nav-number-style .owl-dot:nth-child(18) span::before {
  content: "18"; }

.has-1number .owl-dots::before {
  content: "/01"; }

.has-2number .owl-dots::before {
  content: "/02"; }

.has-3number .owl-dots::before {
  content: "/03"; }

.has-1number .owl-dots::before {
  content: "/01"; }

.has-2number .owl-dots::before {
  content: "/02"; }

.has-3number .owl-dots::before {
  content: "/03"; }

.has-4number .owl-dots::before {
  content: "/04"; }

.has-5number .owl-dots::before {
  content: "/05"; }

.has-6number .owl-dots::before {
  content: "/06"; }

.has-7number .owl-dots::before {
  content: "/07"; }

.has-8number .owl-dots::before {
  content: "/08"; }

.has-9number .owl-dots::before {
  content: "/09"; }

/*Banner Slide home 16*/
.banner-slide .dots-style2 .owl-dot span::after, .banner-slide .dots-style2 .owl-dot span::before {
  display: none; }
.banner-slide .dots-style2 .owl-dots {
  display: inline-block;
  left: auto;
  position: absolute;
  top: auto;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  width: 40px;
  bottom: 15px;
  right: 0; }
.banner-slide .dots-style2 .owl-dot {
  line-height: 0;
  text-align: right; }
  .banner-slide .dots-style2 .owl-dot.active span {
    width: 40px;
    background: #df5c53; }
  .banner-slide .dots-style2 .owl-dot:hover span {
    width: 40px;
    background: #df5c53; }
.banner-slide .dots-style2 .owl-dot > span {
  background: #cbcbcb none repeat scroll 0 0;
  border-radius: 0;
  display: inline-block;
  height: 3px;
  position: relative;
  margin-top: 7px;
  width: 20px;
  -webkit-transition: all .6s ease-in-out;
  -moz-transition: all .6s ease-in-out;
  -ms-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out; }

.content-slide-v16 {
  right: 0;
  text-align: center;
  width: 100%; }
  .content-slide-v16 .img-layer2 {
    position: absolute;
    top: 50%;
    left: 56%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%); }
  .content-slide-v16 .img-layer3 {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%); }

.active .img-layer2 img {
  animation-duration: 2s;
  -webkit-animation-duration: 2s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  animation-name: bounceInDown;
  -webkit-animation-name: bounceInDown; }
.active .img-layer1 img {
  animation-duration: 3s;
  -webkit-animation-duration: 3s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  animation-name: zoomIn;
  -webkit-animation-name: zoomIn; }
.active .img-layer3 img {
  animation-duration: 2s;
  -webkit-animation-duration: 2s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  animation-name: bounceInDown;
  -webkit-animation-name: bounceInDown; }

/*Slide banner v6-1*/
.content-slide-v6-1.slide-content {  right: 0;  text-align:right;  width: 100%;  padding:0 70px ;}
.content-slide-v6-1 .title-slide-lar {  color: #fff;  font-size: 40px;  font-weight: 900;  margin: 5px 0 0; }
.content-slide-v6-1 .subtitle-slide {  font-family: "Noto Sans KR";  font-size: 20px;  display: inline-block;  color: #FFFFFF; }
.content-slide-v6-1 p {  font-size: 12px;  color: #FFFFFF; line-height:14px;}

.content-slide-v6-2.slide-content {  right: 0;  text-align: left;  width: 100%;  padding:0 70px ;}
.content-slide-v6-2 .title-slide-lar {  color: #fff;  font-size: 30px;  font-weight: 900;  margin: 5px 0 0; }
.content-slide-v6-2 .subtitle-slide {  font-family: "Noto Sans KR";  font-size: 15px;  display: inline-block;  color: #FFFFFF; }
.content-slide-v6-2 p {  font-size: 12px;  color: #FFFFFF; line-height:14px; }

.content-slide-v6-3.slide-content {  right: 0;  text-align: left;  width: 100%;  padding:0 80px ;}
.content-slide-v6-3 .title-slide-lar {  color: #fff;  font-size: 60px;  font-weight: 900;  margin: 5px 0 0; }
.content-slide-v6-3 .subtitle-slide {  font-family: "Noto Sans KR";  font-size: 15px;  display: inline-block;  color: #FFFFFF; }
.content-slide-v6-3 p {  font-size: 12px;  color: #FFFFFF; line-height:14px;}

.content-slide-v6-4.slide-content {  right: 0;  text-align: left;  width: 100%;  padding:0 80px ;}
.content-slide-v6-4 .title-slide-lar {  color: #fff;  font-size: 20px;  font-weight: 900;  margin: 5px 0 0; }
.content-slide-v6-4 .subtitle-slide {  font-family: "Noto Sans KR";  font-size: 14px;  display: inline-block;  color: #FFFFFF; }
.content-slide-v6-4 p {  font-size: 12px;  color: #FFFFFF; line-height:14px;}

.content-slide-v6-5.slide-content {  right: 0;  text-align: left;  width: 100%;  padding:0 80px ;}
.content-slide-v6-5 .title-slide-lar {  color: #fff;  font-size: 20px;  font-weight: 900;  margin: 5px 0 0; }
.content-slide-v6-5 .subtitle-slide {  font-family: "Noto Sans KR";  font-size: 14px;  display: inline-block;  color: #FFFFFF; }
.content-slide-v6-5 p {  font-size: 12px;  color: #FFFFFF; line-height:14px;}


.video-wrap {width: 100%; height: 100%; overflow: hidden;margin: 0px auto; position: relative;}
.video-wrap figure { max-height:480px;}
.video-wrap-big > figure { max-height:800px;}

.head-banner-wrap figure { max-height:250px;}

@media(min-width:200px) and (max-width: 1199px){
#section-main-slide .video {margin-top:30px; }
.video-wrap figure { max-height:230px;}
.video-wrap-big > figure { max-height:230px;}
.content-slide-v6-1 .title-slide-lar {  color: #fff;  font-size: 20px;  font-weight: 600;  margin: 5px 0 0; }
.content-slide-v6-1 .subtitle-slide {  font-family: "Noto Sans KR";  font-size: 12px;  display: inline-block;  color: #FFFFFF; }
.header-banner .content-slide-v6-1 p {font-size:12px; font-weight:normal; line-height:12px;}
.header-banner .content-slide-v6-1 a { font-size:12px; margin-top:0;}
.content-slide-v6-1.slide-content, .content-slide-v6-2.slide-content, .content-slide-v6-3.slide-content {  padding:0 30px ;}
.button-outlight-2 { border-radius:30px;  border: 1px solid rgba(255, 255, 255, 0.7);  color: #fff;  display: inline-block;  font-family: Noto Sans KR;  line-height: 20px;  margin-top: 0px;  padding: 0 20px; }


.content-slide-v6-5 .subtitle-slide {  font-size: 12px;  line-height:12px; }
.content-slide-v6-5 .title-slide-lar {   font-size: 14px; margin: 0; }
.content-slide-v6-5 p {  font-size: 11px;  line-height:12px;}
}

.active .content-slide-v6-1 .subtitle-slide {
  animation-duration: 2s;
  -webkit-animation-duration: 2s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  animation-name: bounceInUp;
  -webkit-animation-name: bounceInUp; }
.active .button-outlight-2 {
  animation-duration: 2s;
  -webkit-animation-duration: 2s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  animation-name: zoomInUp;
  -webkit-animation-name: zoomInUp; }

div.main-content .nav-control-style7 .owl-nav > div { width: 60px;  height: 65px;  line-height: 67px;  left: 0;  border-radius: 0;  top: 50%;  color: #FFFFFF;
  -webkit-transform: translateX(-100px) translateY(-50%);
  -ms-transform: translateX(-100px) translateY(-50%);
  -o-transform: translateX(-100px) translateY(-50%);
  transform: translateX(-100px) translateY(-50%);
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  background-color: rgba(255, 255, 255, 0); }
  div.main-content .nav-control-style7 .owl-nav > div.owl-next {
    -webkit-transform: translateX(100px) translateY(-50%);
    -ms-transform: translateX(100px) translateY(-50%);
    -o-transform: translateX(100px) translateY(-50%);
    transform: translateX(100px) translateY(-50%);
    left: auto;
    right: 0; }
  div.main-content .nav-control-style7 .owl-nav > div:hover {
    background-color: rgba(0, 0, 0, 0); }
div.main-content .nav-control-style7:hover .owl-nav > div {
  -webkit-transform: translateX(0px) translateY(-50%);
  -ms-transform: translateX(0px) translateY(-50%);
  -o-transform: translateX(0px) translateY(-50%);
  transform: translateX(0px) translateY(-50%); }
  div.main-content .nav-control-style7:hover .owl-nav > div.owl-next {
    -webkit-transform: translateX(0px) translateY(-50%);
    -ms-transform: translateX(0px) translateY(-50%);
    -o-transform: translateX(0px) translateY(-50%);
    transform: translateX(0px) translateY(-50%); }



div.main-content .nav-control-style8 .owl-nav > div {
  background: rgba(255, 255, 255, 0.25) none repeat scroll 0 0;
  border: medium none;
  border-radius: 0;
  color: #ffffff;
  font-size: 25px;
  height: 48px;
  left: 0;
  line-height: 50px;
  position: absolute;
  text-align: center;
  top: 95px;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  -webkit-transform: translateX(-100px);
  -ms-transform: translateX(-100px);
  -o-transform: translateX(-100px);
  transform: translateX(-100px);
  width: 50px; }
  div.main-content .nav-control-style8 .owl-nav > div.owl-next {
    right: 0;
    left: auto;
    -webkit-transform: translateX(100px);
    -ms-transform: translateX(100px);
    -o-transform: translateX(100px);
    transform: translateX(100px); }
  div.main-content .nav-control-style8 .owl-nav > div:hover {
    background: rgba(0, 0, 0, 0.75) none repeat scroll 0 0; }
div.main-content .nav-control-style8:hover .owl-nav > div {
  -webkit-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px); }
  div.main-content .nav-control-style8:hover .owl-nav > div.owl-next {
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px); }

/*Slide banner v10*/
.content-slide-v10.slide-content {
  left: 0;
  right: 0; }
  .content-slide-v10.slide-content.align-right {
    right: 360px;
    left: auto; }
    .content-slide-v10.slide-content.align-right .button-outlight {
      margin-right: 30px; }
    .content-slide-v10.slide-content.align-right .subtitle-slide {
      float: left; }
    .content-slide-v10.slide-content.align-right .title-slide-lar {
      max-width: 500px; }
.content-slide-v10 .subtitle-slide {
  color: #fff;
  display: inline-block;
  font-family: "Great Vibes", cursive;
  font-size: 120px;
  line-height: 95px;
  padding-left: 30px; }
.content-slide-v10 .title-slide-lar {
  color: #666666;
  font-size: 35px;
  margin: 5px 0 10px;
  text-transform: uppercase; }
  .content-slide-v10 .title-slide-lar .title-slide-sub {
    clear: left;
    display: inline-block;
    width: 100%; }
.content-slide-v10 .description-slide {
  color: #fff;
  font-size: 16px;
  line-height: 24px;
  text-align: left;
  text-transform: uppercase; }
.content-slide-v10 .button-outlight {
  background: transparent none repeat scroll 0 0;
  border: 2px solid rgba(255, 255, 255, 0.16);
  color: #fff;
  line-height: 42px;
  padding: 0 25px;
  margin-top: 17px; }
  .content-slide-v10 .button-outlight:hover {
    background: #df5c53;
    border: 2px solid #df5c53; }
.content-slide-v10 .subtitle-slide2 {
  color: #fff; }

.active .item-slide-content1 .slide-title {
  animation-duration: 2s;
  -webkit-animation-duration: 2s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  animation-name: bounceInUp;
  -webkit-animation-name: bounceInUp; }
.active .item-slide-content1 .subtitle-slide {
  animation-duration: 1.7s;
  -webkit-animation-duration: 1.7s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  animation-name: flipInY;
  -webkit-animation-name: flipInY; }
.active .item-slide-content1 .subtitle-slide2 {
  animation-duration: 1.7s;
  -webkit-animation-duration: 1.7s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  animation-name: zoomIn;
  -webkit-animation-name: zoomIn; }

/*Banner Slide Basic*/
.banner-radius {
  border-radius: 12px; }

.button-slide-radius {
  background: #df5c53;
  border-radius: 50px;
  color: #ffffff;
  display: inline-block;
  font-family: "Noto Sans KR";
  font-size: 18px;
  line-height: 50px;
  padding: 0 35px; }
  .button-slide-radius:hover {
    background-color: #000000;
    color: #FFFFFF; }

.banner-slide .owl-dots {
  display: inline-block;
  left: 100px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 12px; }
.banner-slide .owl-dot > span {
  background: #ffffff none repeat scroll 0 0;
  border-radius: 50%;
  display: inline-block;
  height: 12px;
  width: 12px;
  position: relative; }
.banner-slide .owl-dot span::before {
  border: 2px solid #df5c53;
  border-radius: 50%;
  bottom: -5px;
  content: "";
  left: -5px;
  position: absolute;
  right: -5px;
  top: -5px;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all .6s ease-in-out;
  -moz-transition: all .6s ease-in-out;
  -ms-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out; }
.banner-slide .owl-dot span::after {
  height: 12px;
  width: 12px;
  background-color: #df5c53;
  border-radius: 50%;
  bottom: 0px;
  content: "";
  left: 0px;
  position: absolute;
  right: 0px;
  top: 0px;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all .6s ease-in-out;
  -moz-transition: all .6s ease-in-out;
  -ms-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out; }
.banner-slide .owl-dot:hover span, .banner-slide .owl-dot.active span {
  background: transparent; }
.banner-slide .owl-dot:hover span::before, .banner-slide .owl-dot.active span::before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1); }
.banner-slide .owl-dot:hover span::after, .banner-slide .owl-dot.active span::after {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1); }

.has-backgound-over::before {
  background: transparent url("../images/bg-over.png") repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 82px;
  left: 0;
  position: absolute;
  right: 0;
  z-index: 34; }

.button-outlight-2 { border-radius:30px;  border: 1px solid rgba(255, 255, 255, 0.7);  color: #fff;  display: inline-block;  font-family: Noto Sans KR;  line-height: 40px;  margin-top: 25px;  padding: 0 20px; }
  .button-outlight-2:hover {    background-color: #000000;    color: #FFFFFF;    border-color: #000000; }

/*---Title Description Banner Ads---*/
.title-desc-banner-ads {
  display: inline-block;
  width: 100%; }
  .title-desc-banner-ads figure {
    overflow: hidden; }
  .title-desc-banner-ads figure img {
    -webkit-transition: all 0.6s ease, -webkit-transform 0.6s ease;
    -moz-transition: all 0.6s ease, -moz-transform 0.6s ease;
    -ms-transition: all 0.6s ease, -ms-transform 0.6s ease;
    -o-transition: all 0.6s ease, -o-transform 0.6s ease;
    transition: all 0.6s ease, transform 0.6s ease; }
  .title-desc-banner-ads figure:hover img {
    opacity: 0.8;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05); }
  .title-desc-banner-ads .video-banner figure:hover img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }

.title-description {
  margin-bottom: 100px;
  margin-top: -35px; }
  .title-description .title-ads {
    margin-top: 0; }

.title-ads {
  color: #333333;
  margin-top: 10px; }

.desc-ads {
  padding: 0 50px; }

.ads-sku {
  color: #888;
  font-size: 12px;
  position: absolute;
  height: 0;
  top: -38px; }
  .ads-sku.ads-sku-right {
    right: -60px;
    top: 19px;
    transform: rotate(90deg); }
  .ads-sku.ads-sku-left {
    left: -30px;
    top: 20px;
    transform: rotate(90deg); }

.desc-banner-ads {
  font-family: "Noto Sans KR";
  line-height: 24px; }

.banner-ads1-content {
  max-width: 370px;
  padding: 40px; }
  .banner-ads1-content .sub-title-ads {
    color: #df5c53;
    font-family: "Noto Sans KR";
    font-size: 14px;
    letter-spacing: 2px;
    text-transform: uppercase; }

.banner-ads1-wrap {
  display: inline-block;
  position: relative; }
  .banner-ads1-wrap .desc-banner-ads {
    color: #333;
    right: 0;
    max-width: 180px;
    position: absolute;
    text-align: center;
    top: 120px;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    -o-transform: translateX(50%);
    transform: translateX(50%); }

.banner-ads2-wrap {
  margin-right: 100px; }

.banner-ads-link {
  color: #aaa;
  display: inline-block;
  font-family: "Noto Sans KR";
  font-size: 12px;
  letter-spacing: 1px;
  margin: 10px 0 0;
  text-transform: uppercase; }

.video-banner {
  position: relative;
  margin-bottom: 145px; }
  .video-banner .title-video-banner {
    bottom: 25px;
    color: #333;
    margin: 0;
    position: absolute;
    right: 30px;
    text-transform: uppercase; }
  .video-banner .quick-install {
    background: rgba(255, 255, 255, 0.65) url("../images/play.png") no-repeat scroll 24px 17px;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 64px;
    left: 50%;
    line-height: 64px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 64px;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out; }
    .video-banner .quick-install:hover {
      -webkit-transform: translateX(-50%) translateY(-50%) scale(0.9);
      -ms-transform: translateX(-50%) translateY(-50%) scale(0.9);
      -o-transform: translateX(-50%) translateY(-50% scale(0.9));
      transform: translateX(-50%) translateY(-50%) scale(0.9); }

.banner-ads2 {
  display: inline-block;
  float: right;
  position: relative; }
  .banner-ads2 .desc-banner-ads {
    color: #333;
    left: 0;
    max-width: 180px;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%); }

/*---Title Description Block style1---*/
.title-description-block {
  position: relative; }

.title-block {  color: #333333;  margin: 0 0 5px;  text-transform: uppercase; text-align:center;}

/*---Title Description Block style2---*/
.title-description-block-style2 .title-block {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 4px;
  margin: 0 0 26px;
  padding: 0 0 20px;
  position: relative; }
  .title-description-block-style2 .title-block::before {
    border-bottom: 1px solid #aaaaaa;
    bottom: 0;
    content: "";
    left: 50%;
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 84px; }
.title-description-block-style2 .desc-block {
  color: #666666;
  font-family: "Noto Sans KR";
  font-size: 16px;
  line-height: 24px; }

.title-small {
  color: #333333;
  margin: 0 0 60px;
  text-align: center;
  text-transform: uppercase; }

/* title-description-block-style_3 */
.title-description-block-style_3 .subtitle-block {
  font-size: 30px;
  font-family: "Great Vibes", cursive;
  color: #aaaaaa;
  margin: -15px 0 10px; }
.title-description-block-style_3 .title-block {
  font-size: 30px;
  font-weight: 700;
  margin-bottom: 30px; }
.title-description-block-style_3 .desc-block {
  font-size: 14px;
  line-height: 24px;
  padding-right: 20px; }

/* title-description-block-style_4 */
.title-description-block-style_4 .title-block {
  font-size: 20px;
  margin: 0 0 5px;
  font-weight: 600; }
  .title-description-block-style_4 .title-block span {
    color: #df5c53; }
.title-description-block-style_4 .desc-block {
  font-size: 30px;
  line-height: 30px;
  font-family: "Great Vibes", cursive;
  color: #aaaaaa;
  padding: 0; }

.title-description-block-style_5 .title-block {
  font-size: 30px;
  font-weight: 700;
  margin: 0 0 7px;
  text-transform: none; }

.title-description-block-style_6 {
  line-height: 22px;
  position: relative; }
  .title-description-block-style_6 .title-block {
    color: #333333;
    margin: 0;
    position: relative;
    text-transform: uppercase;
    display: inline-block;
    background: #fff;
    line-height: 24px; }
  .title-description-block-style_6::before {
    border-bottom: 1px solid #dddddd;
    content: "";
    left: 0;
    position: absolute;
    top: 50%;
    width: 100%; }

.title-description-block-style_7 {
  line-height: 24px;
  position: relative;
  overflow: hidden; }
  .title-description-block-style_7::before {
    content: "";
    top: 50%;
    position: absolute;
    width: 100%;
    right: 60px;
    border-bottom: 1px solid #dddddd; }
  .title-description-block-style_7 .title-block {
    display: inline-block;
    margin: 0;
    line-height: 24px;
    position: relative;
    background: #ffffff;
    padding-right: 30px; }

.title-description-block-style_8 .title-block {
  font-weight: 600;
  line-height: 24px;
  position: relative;
  overflow: hidden; }
  .title-description-block-style_8 .title-block span {
    display: inline-block;
    padding: 0 15px;
    position: relative; }
    .title-description-block-style_8 .title-block span:before {
      border-bottom: 1px solid #eeeeee;
      bottom: 5px;
      content: "";
      left: 100%;
      position: absolute;
      width: 9999px; }
    .title-description-block-style_8 .title-block span:after {
      border-bottom: 1px solid #eeeeee;
      bottom: 5px;
      content: "";
      right: 100%;
      position: absolute;
      width: 9999px; }
.title-description-block-style_8 .desc-block {
  color: #aaaaaa;
  font-family: "Great Vibes", cursive;
  font-size: 22px; }

.title-description-block-style_9 .title-block {
  font-size: 35px;
  color: #fff;
  line-height: 35px;
  padding-bottom: 12px;
  margin-bottom: 15px;
  position: relative; }
  .title-description-block-style_9 .title-block::before {
    content: "";
    width: 64px;
    border-top: 1px solid #1a1a1a;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%); }
.title-description-block-style_9 .desc-block {
  color: #aaaaaa;
  line-height: 24px;
  padding: 0 50px; }

.title-description-block-style_10 .title-block {
  position: relative;
  display: inline-block;
  padding: 0 7px;
  color: #FFFFFF; }
  .title-description-block-style_10 .title-block::before {
    content: "";
    width: 30px;
    height: 0;
    border-bottom: 1px solid #1a1a1a;
    position: absolute;
    left: 100%;
    top: 50%; }
  .title-description-block-style_10 .title-block::after {
    content: "";
    width: 30px;
    height: 0;
    border-bottom: 1px solid #1a1a1a;
    position: absolute;
    right: 100%;
    top: 50%; }

.title-description-block-style_11 .title-block {
  color: #fff;
  margin: 0 0 2px; }

/*Product item Grid Description*/
.products-grid-description {
  width: 100%;
  display: inline-block; }
  .products-grid-description .product-item {
    margin: 0;
    padding: 0; }
  .products-grid-description .product-item .product-info {    padding: 0;  background:#f5f5f5;}
  .products-grid-description .product-info-content {
    padding: 90px 20px 80px 50px;
    text-align: left; }
  .products-grid-description .product-category a {    color: #999;    font-size: 12px; font-weight:100;}
  .products-grid-description .product-name {  color: #333333;    font-family: "Noto Sans KR";    font-size: 18px;    font-weight: 700;    line-height: 18px;    margin: 0 0 10px; }
  .products-grid-description .star-rating {    line-height: 12px;    margin: 10px 0; }
  .products-grid-description .star-rating a {  display: inline-block;   font-size: 12px;   letter-spacing: 2px;   line-height: 12px;  margin: 0; }
  .products-grid-description .product-content {    font-size: 14px;  color:666;  line-height:1.2em;    margin: 20px 0; }
	
  .products-grid-description .price  {    color: #333;  font-weight:700; font-size:19px;  text-decoration: none; }
  .products-grid-description .price > ins {    color: #333;  font-weight:700; font-size:19px;  text-decoration: none; }
  .products-grid-description .price > del {    color: #cccccc;    font-size: 16px; }
  .products-grid-description .product-button-action {   background-color: transparent;   bottom: auto;   left: 15px;  margin-top: 32px;  opacity: 1;  padding: 0;  position: inherit;  right: auto;  text-align: left;  top: auto;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }
  .products-grid-description .product-button-action .button.add_to_cart_button::before {    display: none; }
  .products-grid-description .product-button-action .button.add_to_cart_button {  border: 2px solid #dddddd; border-radius: 25px;  color: #666666; display: inline-block; font-size: 15px; line-height: 46px; padding: 0 30px;    text-transform: none;
    top: 0; }
    .products-grid-description .product-button-action .button.add_to_cart_button:hover {
      color: #FFFFFF;
      background-color: #df5c53;
      border-color: #df5c53; }
  .products-grid-description .product-item .onsale {
    right: 0;
    top: 0; }
  .products-grid-description .product-item .new-product {
    right: 0;
    top: 0; }
  .products-grid-description .product-item .new-product-light {
    right: 0;
    top: 0; }
  .products-grid-description .product-item .onsale {
    padding: 0 14px; }
  .products-grid-description .img-width .product-images-wrap {
    height: 100%; }

	@media(min-width:200px) and (max-width: 757px){
	.products-grid-description .product-name {  font-size: 14px; margin: 0 0 5px; }
	.products-grid-description .product-content {font-size: 12px; 2   margin: 20px 0; }
	}

/*Product Grid Border*/
.products-grid-border {
  margin-top: 15px; }
  .products-grid-border .product-item {
    border: 1px solid #dfdfdf;
    margin: 0 0 0px;
    margin: 1px;
    padding: 10px 10px 30px; }
  .products-grid-border .product-item .product-info {
    padding: 0;
    text-align: left; }
  .products-grid-border .product-button-action {
    left: 0;
    right: 0; }
    .products-grid-border .product-button-action .button.add_to_cart_button {
      font-size: 14px; }

/*Product Grid Slide*/
.products-grid-slide .product-item {
  padding: 0; }

/*---Newsletter Form---*/
.newsletter-style_1 {
  background: #f1f0f1 none repeat scroll 0 0;
  padding: 50px 0; }
  .newsletter-style_1 .newsletter-info {
    float: left;
    padding-left: 50px; }
  .newsletter-style_1 .newsletter-form {
    float: right;
    padding-right: 50px; }

.newsletter-content > input {
  background: #fff none repeat scroll 0 0;
  border: medium none;
  float: left;
  line-height: 46px;
  height: 46px;
  min-width: 320px;
  padding: 0 20px; }

.submit-button {
  background: #df5c53;
  border: medium none;
  color: #FFFFFF;
  font-family: "Noto Sans KR";
  font-size: 12px;
  line-height: 46px;
  height: 46px;
  padding: 0 25px;
  text-transform: uppercase; }
  .submit-button i {
    margin-left: 3px; }
  .submit-button:hover {
    background-color: #333333;
    color: #FFFFFF; }

.newsletter-title {
  color: #333;
  margin: 0;
  text-transform: uppercase; }

.news-desc {
  font-size: 14px;
  margin: 0; }

.newsletter-style_2 {
  background: #3d3936 none repeat scroll 0 0; }
  .newsletter-style_2 .newsletter-title {
    color: #fff;
    font-family: Noto Sans KR;
    font-size: 30px;
    font-weight: 700;
    margin: 0 0 50px; }
  .newsletter-style_2 .newsletter-content > input {
    margin-right: 15px;
    height: 46px; }
  .newsletter-style_2 .submit-button {
    float: none;
    font-family: "Noto Sans KR", sans-serif;
    font-size: 18px;
    padding: 0 20px;
    text-transform: capitalize; }
  .newsletter-style_2 .submit-button i {
    display: none; }
  .newsletter-style_2 .newsletter-form {
    display: inline-block;
    margin-top: 40px; }
  .newsletter-style_2 .news-desc {
    color: #fff;
    font-size: 16px; }

.newsletter-wrap-content {
  padding: 100px 0; }

.newsletter-wrap-inner {
  padding-left: 70px;
  padding-right: 140px; }

div.img-signle figure img {
  width: 100%; }

.img-signle > figure {
  display: inline-block;
  float: right;
  overflow: hidden;
  position: relative;
  width: 100%; }
  .img-signle > figure::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1; }
  .img-signle > figure img {
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out; }
.img-signle:hover figure::before {
  background: rgba(0, 0, 0, 0.4); }
.img-signle:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1); }

.img-elem {
  height: 100%; }
  .img-elem figure {
    height: 100%; }
    .img-elem figure img {
      height: 100%;
      max-width: inherit;
      width: auto; }

.newsletter-style_3 .title-label-newsletter {
  float: left;
  margin: 15px 0 40px; }
  .newsletter-style_3 .title-label-newsletter i {
    margin-right: 5px; }
.newsletter-style_3 .newsletter-form > form {
  float: right; }
.newsletter-style_3 .newsletter-content > input {
  border: 1px solid #dddddd;
  font-size: 16px;
  line-height: 51px;
  height: 54px;
  min-width: 494px; }
.newsletter-style_3 .submit-button {
  background: #ffffff none repeat scroll 0 0;
  border: 2px solid #333333;
  color: #333333;
  font-family: "Noto Sans KR";
  font-size: 14px;
  line-height: 49px;
  height: 54px;
  position: relative;
  margin-left: 15px;
  padding: 0 30px;
  text-transform: uppercase; }
  .newsletter-style_3 .submit-button:hover {
    background-color: #333333;
    color: #FFFFFF; }

.newsletter-style_4 {
  background: transparent url("../images/bg-food.png") no-repeat scroll 0 0/cover;
  border-radius: 10px;
  display: inline-block;
  padding: 85px 0 85px 105px;
  position: relative;
  width: 100%; }
  .newsletter-style_4 .newsletter-content > input {
    color: #aaaaaa; }
  .newsletter-style_4 figure {
    bottom: 0;
    position: absolute;
    right: 0; }

.newsletter-style5 .newsletter-content > input {
  background: #303030 none repeat scroll 0 0;
  border: medium none;
  border-radius: 30px !important;
  float: left;
  line-height: 46px;
  height: 46px;
  min-width: 270px;
  padding: 0 30px; }
.newsletter-style5 .newsletter-content {
  position: relative;
  display: inline-block; }
.newsletter-style5 .submit-button {
  background: #df5c53 none repeat scroll 0 0;
  border: 2px solid #252525;
  border-radius: 50%;
  color: #ffffff;
  font-family: "Noto Sans KR";
  font-size: 14px;
  line-height: 46px;
  height: 50px;
  padding: 0;
  position: absolute;
  right: -8px;
  text-transform: uppercase;
  top: -2px;
  width: 50px; }
  .newsletter-style5 .submit-button::before {
    border: 2px solid #252525;
    border-radius: 50%;
    bottom: -3px;
    content: "";
    left: -3px;
    position: absolute;
    right: -3px;
    top: -3px; }
  .newsletter-style5 .submit-button:hover {
    opacity: 0.8; }

.newsletter-style_6 {
  background: #eeeeee none repeat scroll 0 0;
  min-height: 350px;
  padding: 70px 20px;
  text-align: center; }
  .newsletter-style_6 .newsletter-content > input {
    background: #ffffff none repeat scroll 0 0;
    border: medium none;
    float: left;
    line-height: 54px;
    height: 54px;
    min-width: 100%;
    width: 100%;
    padding: 0 120px 0 10px; }
  .newsletter-style_6 .newsletter-content {
    margin-top: 80px;
    position: relative; }
  .newsletter-style_6 .submit-button {
    font-size: 16px;
    line-height: 54px;
    height: 54px;
    padding: 0 10px;
    position: absolute;
    right: 0;
    top: 0; }
  .newsletter-style_6 .news-desc {
    font-size: 16px;
    margin: 0; }
  .newsletter-style_6 .newsletter-title {
    color: #333333;
    font-size: 30px;
    margin: 0 0 5px;
    text-transform: uppercase; }

.newsletter-style_7 {
  background: #fafafa none repeat scroll 0 0;
  border: 1px solid #eeeeee;
  padding: 78px 30px;
  text-align: center; }
  .newsletter-style_7 .title-label-newsletter {
    color: #333333;
    display: inline-block;
    font-family: "Noto Sans KR";
    font-size: 20px;
    margin: 0 45px 0 0;
    text-transform: capitalize;
    line-height: 42px; }
  .newsletter-style_7 form {
    display: inline-block; }
    .newsletter-style_7 form .newsletter-content > input {
      background: #FFFFFF none repeat scroll 0 0;
      border: 1px solid #eeeeee;
      border-radius: 30px !important;
      float: left;
      line-height: 40px;
      height: 40px;
      min-width: 408px;
      padding: 0 30px; }
    .newsletter-style_7 form .submit-button {
      background: #df5c53;
      border: medium none;
      border-radius: 25px;
      color: #ffffff;
      font-family: "Noto Sans KR";
      font-size: 13px;
      line-height: 41px;
      height: 41px;
      margin: 0 0 0 22px;
      padding: 0 25px;
      text-transform: uppercase; }
      .newsletter-style_7 form .submit-button:hover {
        background-color: #000000;
        color: #FFFFFF; }

.newsletter-style_8 {
  background: transparent url("/image/web/main/bn-1.jpg") no-repeat scroll 0 0;
  display: inline-block;
  padding: 45px 0 15px;
  text-align: center;
  width: 100%;
  background-size: cover; }
  .newsletter-style_8 .newsletter-content-inner {
    max-width: 260px;
    display: inline-block;
    float: right;
    margin-right: 80px; }
  .newsletter-style_8 .newsletter-title {
    color: #333;
    font-size: 20px;
    margin: 0 0 7px; }
  .newsletter-style_8 .newsletter-content > input {
    background: transparent;
    border-color: #d3d3d3;
    border-style: solid;
    border-width: 0 0 1px !important;
    color: #888888;
    float: none;
    font-size: 13px;
    height: 22px;
    line-height: 22px;
    min-width: 260px;
    padding: 0;
    text-align: left; }
  .newsletter-style_8 .newsletter-form {
    margin: 10px 0;
    text-align: center; }
  .newsletter-style_8 .newsletter-info {
    padding-left: 15px;
    text-align: left; }
  .newsletter-style_8 .newsletter-form > form {
    display: inline-block;
    max-width: 260px; }
  .newsletter-style_8 .submit-button {
    background: transparent none repeat scroll 0 0;
    color: #333333;
    line-height: 46px;
    font-size: 14px; }
    .newsletter-style_8 .submit-button:hover {
      color: #df5c53; }

.newsletter-style_9 .title-label-newsletter {
  color: #aaaaaa;
  display: inline-block;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  margin: 0 0px 0 65px;
  line-height: 44px;
  text-transform: CAPITALIZE; }
.newsletter-style_9 .title-newsletter {
  float: left;
  font-size: 30px;
  line-height: 40px;
  margin: 0;
  color: #fff; }
.newsletter-style_9 form {
  display: inline-block;
  float: right; }
.newsletter-style_9 .newsletter-content > input {
  background: transparent;
  border: 2px solid #2f2f2f;
  float: left;
  height: 46px;
  line-height: 46px;
  min-width: 356px;
  color: #FFFFFF;
  padding: 0 20px;
  border-radius: 30px !important;
  margin-right: 30px; }
.newsletter-style_9 .submit-button {
  background: #151515 none repeat scroll 0 0;
  border: medium none;
  color: #ffffff;
  font-family: "Noto Sans KR";
  font-size: 14px;
  height: 46px;
  line-height: 46px;
  padding: 0 25px;
  text-transform: uppercase;
  border-radius: 30px; }
  .newsletter-style_9 .submit-button:hover {
    background-color: #df5c53; }

/*-------Latest News-------*/
.latest-news .blog-item {
  padding-left: 70px; }

.post-date-item {
  float: left;
  font-family: "Noto Sans KR";
  text-align: center; }
  .post-date-item .post-date {   color: #df5c53;   font-size: 60px;   line-height: 50px;   margin-bottom: 8px; }
  .post-date-item .post-month {    text-transform: uppercase;    font-size: 12px;
    color: #333333; }

.post-content {  padding-left: 90px; }
  .post-content a {    color: #333333; }
    .post-content a:hover {      color: #df5c53; }

.post-meta li {  color: #aaa;  display: inline-block;  font-size: 12px;  list-style: outside none none;  margin-right: 2px;  padding-right: 10px;  position: relative; line-height:16px; }
  .post-meta li::after {    content: "/";    position: absolute;    right: 0;    top: 0; }
  .post-meta li:last-child::after {    content: ""; }  .post-meta li a {    color: inherit;  font-size: 12px; }
  .post-meta li a:hover {      color: #df5c53; }

.post-desc {  color: #666; }

/*latest-news nav*/
.main-content .latest-news .owl-nav > div {
  -webkit-transform: translateX(-250px) translateY(-50%);
  -ms-transform: translateX(-250px) translateY(-50%);
  -o-transform: translateX(-250px) translateY(-50%);
  transform: translateX(-250px) translateY(-50%); }
  .main-content .latest-news .owl-nav > div.owl-next {
    -webkit-transform: translateX(250px) translateY(-50%);
    -ms-transform: translateX(250px) translateY(-50%);
    -o-transform: translateX(250px) translateY(-50%);
    transform: translateX(250px) translateY(-50%); }

/*-------Icon Box-------*/
.icons-box-wrap {
  padding: 40px 50px; }

.icon-box {
  cursor: pointer; }
  .icon-box:hover .font-icon {
    color: #6dc7d6; }
  .icon-box:hover .font-icon {
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    animation-name: zoomIn;
    -webkit-animation-name: zoomIn; }
.font-icon {  color: #e2e2e2;  float: left;  font-size: 20px;  line-height: 20px;  display: inline-block; }

.icon-box-content {
  padding-left: 80px; }

.icon-box-title {  margin: 10px 0;  position: relative;  top: 8px; }
  .icon-box-title a {    color: #333333; }

.icon-box-style2.icon-box { cursor: pointer; display: table; margin: 0 auto; }
.icon-box-style2 .font-icon {  font-size: 50px;  line-height: 50px; }
.icon-box-style2 .icon-box-content {  padding-left: 60px; }
.icon-box-style2 .icon-box-title {  font-size: 17px;  margin-top: 5px; }
.icon-box-style2 .icon-box-desc {  font-size: 14px;  line-height: 18px; }
.icon-box-style2:hover .font-icon {  color: #333333; }
.icon-box-style2 .material-icons {font-size:50px;}

@media(min-width:200px) and (max-width: 757px){
#section60 .sns-banner { display:inline-block; width:32%;}
.icon-box-style2  { text-align:center; }
.icon-box-style2 .font-icon { width:100%; font-size:15px;  line-height: 20px; margin:0 auto;}
.icon-box-style2 .icon-box-content {  padding-left: 0px; }
.icon-box-style2 .icon-box-title {  font-size: 14px;  margin-top: 5px; }
.icon-box-style2 .material-icons {font-size:30px;}
  .icon-box-title a { font-size:11px; text-align:center;  color: #333333; }
}

.flaticon-rocket {
  font-size: 120%; }

.icon-box-style3 {
  text-align: center;
  float: right; }
  .icon-box-style3 .font-icon {
    border: 2px solid #dddddd;
    border-radius: 50%;
    color: #e2e2e2;
    display: inline-block;
    font-size: 45px;
    height: 106px;
    line-height: 106px;
    text-align: center;
    width: 106px;
    float: none; }
    .icon-box-style3 .font-icon .flaticon-passage-of-time {
      padding-left: 5px; }
  .icon-box-style3 .icon-box-content {
    padding-left: 0px; }
  .icon-box-style3 .icon-box-title {
    font-size: 14px;
    margin: 25px 0;
    position: relative;
    top: 0; }
  .icon-box-style3 .icon-box-desc {
    font-size: 14px;
    line-height: 18px; }
  .icon-box-style3.icon-box:hover .font-icon {
    background: #df5c53;
    border-color: #df5c53;
    color: #ffffff; }
  .icon-box-style3:hover .icon-box-title a {
    color: #df5c53; }

.icon-box-style4 {
  margin-bottom: 30px;
  position: relative; }
  .icon-box-style4 .img-icon-content {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    text-align: center; }
  .icon-box-style4 .img-icon {
    border: 2px solid rgba(255, 255, 255, 0.6);
    border-radius: 50%;
    display: inline-block;
    height: 124px;
    line-height: 120px;
    text-align: center;
    width: 124px; }
  .icon-box-style4 .icon-box-content {
    padding-left: 0; }
  .icon-box-style4 .icon-box-title {
    margin: 20px 0 0;
    top: 0;
    font-size: 14px; }
  .icon-box-style4 .icon-box-title a {
    color: #ffffff;
    text-transform: uppercase; }
    .icon-box-style4 .icon-box-title a:hover {
      color: #df5c53; }
  .icon-box-style4::before {
    background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
    border-radius: 10px;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out; }
  .icon-box-style4:hover .img-icon {
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    animation-name: zoomIn;
    -webkit-animation-name: zoomIn;
    color: #FFFFFF;
    background-color: rgba(223, 92, 83, 0.8);
    border-color: rgba(223, 92, 83, 0.8); }
  .icon-box-style4:hover .icon-box-title {
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    animation-name: bounceInUp;
    -webkit-animation-name: bounceInUp; }

.icon-box-style5 {
  text-align: center; }
  .icon-box-style5 .font-icon {  background: #dddddd none repeat scroll 0 0;  border-radius: 50%;  color: #ffffff;  height: 50px;  line-height: 50px;  text-align: center;  width: 50px;  float: none; }
  .icon-box-style5 .icon-box-content {  padding-left: 0; }
  .icon-box-style5 .flaticon-passage-of-time {   font-size: 50px;   padding-left: 10px;   position: relative;   top: -4px; }
  .icon-box-style5 .flaticon-lock {  font-size: 50px;   position: relative;  top: -5px; }
  .icon-box-style5 .icon-box-title {  font-size: 18px;   margin: 20px 0;   position: relative;   top: 5px; }
  .icon-box-style5 .icon-box-desc {  font-size: 14px;  padding: 0 20px; line-height:2rem; }
  .icon-box-style5:hover .font-icon {  background: #6dc7d6;  color: #ffffff; }
  .icon-box-style5:hover .icon-box-title a {  color: #6dc7d6; }



/*----------- Tabs Colection -----------*/
.products-colection .product-item {
  display: inline-block;
  padding: 0 65px;
  width: 50%;
  float: left; }
.products-colection .coletion-desc-title-link {
  max-width: 300px; }

.tab-content {
  display: inline-block;
  width: 100%;
  position: relative; }

.content-inner {
  display: inline-block;
  float: left;
  position: relative; }
  .content-inner .title-top {
    color: #333333;
    font-size: 16px;
    height: 0;
    letter-spacing: 3px;
    margin: 0;
    position: absolute;
    bottom: 0;
    text-transform: uppercase;
    transform: rotate(-90deg);
    z-index: 1; }
  .content-inner .title-bottom {
    bottom: 0;
    margin: 0;
    color: #333333;
    font-size: 16px;
    height: 0;
    letter-spacing: 3px;
    position: absolute;
    text-transform: uppercase;
    right: 0;
    transform: rotate(90deg);
    z-index: 1; }

.colection-last .products-colection .product-item:first-child {
  padding-left: 75px; }
.colection-last .products-colection .product-item:last-child {
  padding-right: 75px; }

div.colection-banner-title-has-title {
  float: left;
  margin-top: 90px; }

.content-inner.colection-last {
  float: right;
  margin-top: 48px; }

.colection-banner-title {
  float: right;
  margin-top: 80px; }
  .colection-banner-title figure {
    position: relative;
    overflow: hidden; }
    .colection-banner-title figure img {
      -webkit-transition: all .6s ease-in-out;
      -moz-transition: all .6s ease-in-out;
      -ms-transition: all .6s ease-in-out;
      -o-transition: all .6s ease-in-out;
      transition: all .6s ease-in-out;
      max-width: inherit; }
  .colection-banner-title figure::after, .colection-banner-title figure::before {
    bottom: 15px;
    content: "";
    left: 15px;
    position: absolute;
    right: 15px;
    top: 15px;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    z-index: -10; }
  .colection-banner-title figure::after {
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0); }
  .colection-banner-title figure::before {
    border-bottom: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1); }
  .colection-banner-title:hover figure::before {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    z-index: 9; }
  .colection-banner-title:hover figure::after {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    z-index: 9; }
  .colection-banner-title:hover figure img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0.8; }

.coletion-desc-title-link {
  margin-top: 257px;
  max-width: 300px;
  padding-left: 90px; }

.tab-colestions .nav-tabs > li {
  color: #aaa;
  display: inline-block;
  float: none;
  font-family: Noto Sans KR;
  font-size: 18px;
  margin-bottom: 0;
  text-transform: uppercase;
  padding: 0 100px; }
  .tab-colestions .nav-tabs > li > a {
    border: medium none;
    border-radius: 0;
    padding: 0;
    color: #aaa;
    background: transparent none repeat scroll 0 0;
    line-height: 50px;
    margin-right: 0; }
    .tab-colestions .nav-tabs > li > a::before {
      content: url(../images/icon-tab.png);
      left: 50%;
      position: absolute;
      top: 0px;
      -webkit-transform: translateX(-50%) translateY(0) scale(0);
      -ms-transform: translateX(-50%) translateY(0) scale(0);
      -o-transform: translateX(-50%) translateY(0 scale(0));
      transform: translateX(-50%) translateY(0) scale(0);
      -webkit-transition: all .6s ease-in-out;
      -moz-transition: all .6s ease-in-out;
      -ms-transition: all .6s ease-in-out;
      -o-transition: all .6s ease-in-out;
      transition: all .6s ease-in-out; }
    .tab-colestions .nav-tabs > li > a:hover {
      background: transparent none repeat scroll 0 0;
      border-color: transparent;
      color: #333; }
  .tab-colestions .nav-tabs > li.active a::before {
    content: url(../images/icon-tab.png);
    left: 50%;
    position: absolute;
    top: 0;
    -webkit-transform: translateX(-50%) translateY(0) scale(1);
    -ms-transform: translateX(-50%) translateY(0) scale(1);
    -o-transform: translateX(-50%) translateY(0 scale(1));
    transform: translateX(-50%) translateY(0) scale(1);
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out; }
  .tab-colestions .nav-tabs > li:hover a::before {
    -webkit-transform: translateX(-50%) translateY(0) scale(1);
    -ms-transform: translateX(-50%) translateY(0) scale(1);
    -o-transform: translateX(-50%) translateY(0 scale(1));
    transform: translateX(-50%) translateY(0) scale(1); }
.tab-colestions .nav-tabs > li.active > a, .tab-colestions .nav-tabs > li.active > a:focus, .tab-colestions .nav-tabs > li.active > a:hover {
  background-color: #fff;
  border: medium none;
  color: #333;
  cursor: default; }
.tab-colestions .nav-tabs {
  border-bottom: medium none;
  display: inline-block;
  padding: 83px 0;
  text-align: center;
  width: 100%; }

.tab-content > .tab-pane.active .product-item {
  animation: 1s ease-in-out 0s normal both 1 running bounceIn;
  -o-animation: 1s ease-in-out 0s normal both 1 running bounceIn;
  -webkit-animation: 1s ease-in-out 0s normal both 1 running bounceIn; }

.colection-desc-title {
  color: #df5c53;
  font-size: 40px;
  margin: 0 0 15px;
  text-transform: uppercase; }

.colection-title {
  color: #333333;
  margin: 51px 0 0;
  font-size: 20px;
  text-transform: uppercase; }

.coletion-desc-desc {
  color: #666;
  font-size: 16px;
  line-height: 24px; }

.colection-link {
  color: #333;
  font-size: 18px; }
  .colection-link i {
    font-size: 15px;
    margin-left: 5px; }

/*Icon info*/
.contact-form {
  padding: 0px 35px 0 50px;
  float: left; }

.title-contact-info {
  color: #333333;
  font-size: 16px;
  margin: 0 0 40px;
  text-align: center;
  text-transform: uppercase; }

.xshop-contact-form {
  padding: 80px 0 0;
  position: relative;
  margin-bottom: 20px; }
  .xshop-contact-form::before {
    border-left: 1px solid #e7e7e7;
    bottom: 0;
    content: "";
    left: 50%;
    position: absolute;
    top: 0; }

.item-contact-info {
  display: inline-block;
  float: left;
  list-style: outside none none;
  text-align: center;
  width: 50%; }
  .item-contact-info:nth-child(2n+1) {
    clear: both; }

.contact-info-inner {
  margin: 0 auto;
  padding: 20px;
  width: 100%; }

.contact-info-content {
  color: #888888;
  font-size: 14px;
  line-height: 20px;
  padding: 0 30px; }
  .contact-info-content p {
    margin-bottom: 0; }
  .contact-info-content .title-info {
    color: #333333;
    display: inline-block;
    font-size: 14px;
    margin: 15px 0 15px;
    text-transform: uppercase; }

.list-contact-info {
  display: inline-block;
  position: relative;
  width: 100%; }
  .list-contact-info::before {
    border-left: 1px solid #ececec;
    bottom: 0;
    content: "";
    left: 50%;
    position: absolute;
    top: 0; }
  .list-contact-info::after {
    border-top: 1px solid #ececec;
    content: "";
    left: 70px;
    position: absolute;
    right: 70px;
    top: 50%; }
  .list-contact-info .icon-info {
    display: inline-block; }

.form-contact > .row > div {
  padding: 0; }

.form-contact {
  border: 1px solid #e7e7e7;
  display: inline-block;
  width: 100%; }
  .form-contact .row {
    margin: 0; }
  .form-contact p {
    margin: 0; }
  .form-contact input {
    width: 100%;
    border: transparent;
    height: 46px;
    line-height: 46px; }
    .form-contact input.second-name {
      border-left: 1px solid #e7e7e7; }
    .form-contact input:focus {
      border-width: 0 0 0 1px;
      border-color: #e7e7e7; }
  .form-contact textarea {
    width: 100%;
    border-width: 1px;
    margin: 0 -1px;
    border-color: #e7e7e7;
    float: left;
    width: calc(100% + 2px); }
    .form-contact textarea:focus {
      border-width: 1px;
      border-color: #e7e7e7; }
  .form-contact .button-duck {
    width: 100% !important; }

/*Our Team*/
.xshop-hr {
  border-color: #e7e7e7;
  margin: 80px 0 75px; }

.team-item {
  display: inline-block;
  overflow: hidden;
  position: relative;
  width: 100%; }
  .team-item .team-item-content {
    bottom: 25px;
    left: 30px;
    position: absolute;
    right: 20px; }
  .team-item .team-name {
    margin: 0 0 10px; }
    .team-item .team-name a {
      color: #ffffff; }
      .team-item .team-name a:hover {
        color: #df5c53; }
  .team-item .team-desc {
    color: #ffffff;
    font-size: 16px; }
  .team-item:hover .team-name {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft; }
  .team-item:hover .team-desc {
    animation-duration: .75s;
    -webkit-animation-duration: .75s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp; }
  .team-item figure a::before {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.6s ease-in-out 0s; }
  .team-item figure a::after {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.6s ease-in-out 0s; }
  .team-item:hover figure a::after {
    background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
    bottom: 50%;
    top: 50%; }
  .team-item:hover figure a::before {
    background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
    left: 50%;
    right: 50%; }

.desc-text {
  margin-top: -10px; }

/*Title Icon*/
.icon-heading-wrap {
  display: inline-block;
  margin-top: 30px;
  width: 100%; }

.icon-heading {
  color: #df5c53;
  float: left;
  font-size: 18px;
  line-height: 10px; }

.icon-heading-content {
  padding-left: 40px; }

.title-icon-heading {
  color: #333333;
  margin: 0 0 10px;
  text-transform: uppercase; }

/*Banner block*/
.banner-block { border-radius:10px;
  display: inline-block;
  float: left;
  overflow: hidden;
  margin-bottom: 30px;
  position: relative;
  width: 100%; }
  .banner-block img {
    width: 100%; }

.banner-block-style_1 .banner-block-content {
  position: absolute;
  right: 20px;
  text-align: center;
  top: 37px; }
.banner-block-style_1 .subtile-banner-block {
  color: #888888;
  font-size: 12px;
  display: inline-block; }
.banner-block-style_1 .title-banner-block {
  color: #333333;
  margin: 5px 0 0;
  text-transform: uppercase; }

/*Banner block style 2*/
.banner-block-style_2 .banner-block-content {
  position: absolute;
  text-align: center;
  top: 50%;
  width: 100%; }
.banner-block-style_2 .title-banner-block {
  color: #333333;
  font-size: 40px;
  margin: 0 0 25px;
  text-transform: uppercase; }

.banner-link {
  border: 1px solid #333333;
  color: #333333;
  display: inline-block;
  font-family: "Noto Sans KR";
  font-size: 12px;
  line-height: 35px;
  padding: 0 13px;
  text-transform: uppercase; }
  .banner-link:hover {
    border-color: #df5c53;
    color: #df5c53; }

.banner-block figure a::before {
  background: rgba(255, 255, 255, 0.6) none repeat scroll 0 0;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  width: 0; }
.banner-block figure a::after {
  background: rgba(255, 255, 255, 0.6) none repeat scroll 0 0;
  bottom: 0;
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  width: 0; }
.banner-block:hover figure a::after {
  width: 50%; }
.banner-block:hover figure a::before {
  width: 50%; }
.banner-block:hover .title-banner-block {
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  animation-name: bounceInRight;
  -webkit-animation-name: bounceInRight; }
.banner-block:hover .banner-link {
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  animation-name: fadeInUp;
  -webkit-animation-name: fadeInUp; }
.banner-block:hover .subtile-banner-block {
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  animation-name: fadeInUp;
  -webkit-animation-name: fadeInUp; }
.banner-block:hover .desc-banner-block {
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  animation-name: bounceInLeft;
  -webkit-animation-name: bounceInLeft; }

/*Banner block style 3*/
.banner-block-style_3 .title-banner-block {
  color: #333333;
  font-size: 22px;
  margin: 0;
  text-transform: uppercase; }
.banner-block-style_3 .banner-link {
  background: #df5c53;
  border: medium none;
  color: #ffffff;
  line-height: 45px;
  padding: 0 20px;
  margin-top: 15px; }
  .banner-block-style_3 .banner-link:hover {
    background: #000000; }
.banner-block-style_3.text-left .banner-block-content {
  left: 34px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); }
.banner-block-style_3.text-right .banner-block-content {
  right: 34px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); }
.banner-block-style_3.text-center .banner-block-content {
  bottom: 60px;
  position: absolute;
  width: 100%; }

/*Banner block style 4*/
.banner-block-style_4 {
  margin-bottom: 0; }
  .banner-block-style_4 .banner-block-content {
    left: 210px;
    max-width: 360px;
    position: absolute;
    top: 130px; }
    .banner-block-style_4 .banner-block-content .title-banner-block {
      color: #333333;
      font-family: "Noto Sans KR", sans-serif;
      font-weight: bold;
      margin: 0 0 10px;
      text-transform: uppercase; }
    .banner-block-style_4 .banner-block-content .desc-banner-block {
      color: #aaaaaa;
      font-size: 14px;
      line-height: 18px; }
    .banner-block-style_4 .banner-block-content .banner-link {
      border: medium none;
      font-size: 14px;
      line-height: 14px;
      margin-top: 100px;
      padding: 0; }
  .banner-block-style_4.text-right .banner-block-content {
    left: auto;
    max-width: 360px;
    position: absolute;
    right: 210px;
    top: 130px; }
  .banner-block-style_4 img, .banner-block-style_4 figure {
    height: 100%; }

.banner-block-style_5 .banner-link { border: 2px solid #fff; color: #fff; font-size: 18px;  line-height: 18px;  padding: 15px; }
.banner-block-style_5 .banner-block-content {  left: 50%;  position: absolute;  top: 50%;
-webkit-transform: translateX(-50%) translateY(-50%) scale(0.8);
  -ms-transform: translateX(-50%) translateY(-50%) scale(0.8);
  -o-transform: translateX(-50%) translateY(-50% scale(0.8));
  transform: translateX(-50%) translateY(-50%) scale(0.8);
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  z-index: 1; }
.banner-block-style_5:hover .banner-block-content {
  -webkit-transform: translateX(-50%) translateY(-50%) scale(1);
  -ms-transform: translateX(-50%) translateY(-50%) scale(1);
  -o-transform: translateX(-50%) translateY(-50% scale(1));
  transform: translateX(-50%) translateY(-50%) scale(1); }
.banner-block-style_5.banner-block figure a::before {  background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; }
.banner-block-style_5.banner-block figure a::after {  background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; }
.banner-block-style_5.banner-block:hover .banner-link {
  animation-duration: 0.1s; }

/*.img-width img, .img-width figure {  height: 100% !important;  max-width: inherit !important;  width: auto !important;  overflow: hidden; }*/
.img-width img, .img-width figure {  height: 100% !important;  max-width: inherit !important;  overflow: hidden; }

.product-category-wrap.img-width img, .product-category-wrap.img-width figure {
  width: 100% !important; }

/*Sevice box*/
.sevice-box-wrap { text-align:center;
  display: inline-block;
  position: relative;
  width: 100%; }

.sevice-box-content {
  padding: 0 80px;
  position: absolute;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%; }
  .sevice-box-content .sevice-title {
    color: #333333;
    font-weight: 700;
    letter-spacing: 0.75px;
    text-transform: uppercase;
    margin: 0 0 25px; }
  .sevice-box-content .sevide-desc {
    color: #888888;
    font-size: 15px;
    font-style: italic;
    letter-spacing: 0.75px;
    margin: 0 0 45px; }
  .sevice-box-content .sevice-button {
    background: #000000;
    color: #ffffff;
    display: inline-block;
    font-family: "Noto Sans KR";
    font-size: 15px;
    letter-spacing: 0.75px;
    line-height: 50px;
    padding: 0 40px;
    text-transform: uppercase; }
    .sevice-box-content .sevice-button:hover {
      background-color: #df5c53; }

/*product-signle-item*/
.product-signle-item .product-info {
  position: absolute;
  text-align: center;
  bottom: 15%;
  width: 100%; }
.product-signle-item .product-name {
  font-size: 30px;
  line-height: 30px;
  margin: 0 0 20px; }
  .product-signle-item .product-name a {
    color: #666666;
    font-family: "Noto Sans KR", sans-serif; }
    .product-signle-item .product-name a:hover {
      color: #df5c53; }
.product-signle-item:hover .product-name {
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  animation-name: zoomIn;
  -webkit-animation-name: zoomIn; }
.product-signle-item .price {
  color: #df5c53;
  font-size: 28px;
  display: inline-block; }
.product-signle-item:hover .price {
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  animation-name: bounceInUp;
  -webkit-animation-name: bounceInUp; }

/*Tabs Category*/
.title-block-bold {
  color: #333333;
  font-size: 28px;
  font-weight: 700;
  margin: 0;
  text-align: center;
  text-transform: uppercase; }

.tabs-category .nav-tabs > li {
  color: #aaa;
  display: inline-block;
  float: none;
  font-family: Noto Sans KR;
  font-size: 18px;
  margin-bottom: 0;
  padding: 0 30px;
  text-transform: capitalize; }
  .tabs-category .nav-tabs > li > a {
    border: medium none;
    border-radius: 0;
    padding: 0;
    color: #aaa;
    background: transparent none repeat scroll 0 0;
    line-height: 50px;
    margin-right: 0; }
    .tabs-category .nav-tabs > li > a:hover {
      background: transparent none repeat scroll 0 0;
      border-color: transparent;
      color: #333; }
.tabs-category .nav-tabs > li.active > a, .tabs-category .nav-tabs > li.active > a:focus, .tabs-category .nav-tabs > li.active > a:hover {
  background-color: #fff;
  border: medium none;
  color: #333333;
  cursor: default; }
.tabs-category .nav-tabs {
  border-bottom: medium none;
  display: inline-block;
  padding: 20px 0 40px;
  text-align: center;
  width: 100%; }

.tab-content .product-item {
  margin-bottom: 33px; }

/*Tabs Category Style 2*/
.tabs-category.tabs-category-style2 .nav-tabs > li {
  text-transform: uppercase; }

/*Button*/
.buttons-link {
  margin: 25px 0 20px;
  text-align: center; }

.button-duck.button-medium {
  font-size: 14px;
  line-height: 48px; }
  .button-duck.button-medium:hover {
    background: #df5c53;
    color: #FFFFFF; }

.button-light.button-smaller {
  background: transparent none repeat scroll 0 0;
  border: 2px solid #dcdcdc;
  color: #333333;
  padding: 0 30px; }
  .button-light.button-smaller:hover {
    background: #000000;
    color: #FFFFFF;
    border-color: #000000; }

/*Category List*/
.xshop-category {
  margin-bottom: 40px;
  display: inline-block; }
  .xshop-category figure {
    position: relative;
    overflow: hidden; }
    .xshop-category figure img {
      -webkit-transition: all .6s ease-in-out;
      -moz-transition: all .6s ease-in-out;
      -ms-transition: all .6s ease-in-out;
      -o-transition: all .6s ease-in-out;
      transition: all .6s ease-in-out; }
  .xshop-category figure a::after, .xshop-category figure a::before {
    bottom: 15px;
    content: "";
    left: 15px;
    position: absolute;
    right: 15px;
    top: 15px;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    z-index: -10; }
  .xshop-category figure a::after {
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    transform: scale(1, 0); }
  .xshop-category figure a::before {
    border-bottom: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    transform: scale(0, 1); }
  .xshop-category:hover figure a::before {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    z-index: 9; }
  .xshop-category:hover figure a::after {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    z-index: 9; }
  .xshop-category:hover figure img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0.8; }

.title-cat {
  margin: 25px 0;
  font-weight: 600;
  text-align: center;
  text-transform: uppercase; }
  .title-cat a {
    color: #333333; }
    .title-cat a:hover {
      color: #df5c53; }

/*Lastest Post*/
.latest-post .post-date-item {
  background: #df5c53;
  height: 117px;
  width: 111px;
  position: absolute;
  right: 0;
  top: 0; }
.latest-post .post-date-item .post-date {
  margin-top: 18px;
  margin-bottom: 5px;
  color: #ffffff; }
.latest-post .post-date-item .post-month {
  color: #ffffff;
  font-family: "Noto Sans KR"; }
.latest-post .post-content {
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.08);
  padding-left: 0; }
  .latest-post .post-content .post-content-inner {
    padding: 60px 20px 20px 60px; }
  .latest-post .post-content .post-desc {
    color: #888888;
    font-size: 14px;
    line-height: 24px; }
  .latest-post .post-content .post-title {
    font-size: 24px;
    margin: 10px 0 30px;
    text-transform: uppercase; }
  .latest-post .post-content .readmore-link {
    display: inline-block;
    font-size: 14px;
    margin-top: 20px; }
.latest-post .post-item {
  padding: 5px 5px 5px 0; }

.post-media {
  position: relative; }

.latest-post-style_1 .post-date-item {
  background: transparent;
  border: 2px solid #E7E7E7;
  border-radius: 50%;
  float: left;
  font-family: "Noto Sans KR";
  height: 62px;
  line-height: 20px;
  text-align: center;
  width: 62px; }
  .latest-post-style_1 .post-date-item .post-date {
    color: #5d5d5d;
    font-size: 24px;
    line-height: 20px;
    margin-bottom: 0;
    padding-top: 11px; }
  .latest-post-style_1 .post-date-item .post-month {
    color: #aaaaaa;
    font-family: Noto Sans KR;
    font-size: 14px;
    text-transform: capitalize; }
.latest-post-style_1 .blog-item:hover .post-date-item {
  background: #df5c53;
  border: 2px solid #df5c53;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  animation-name: zoomIn;
  -webkit-animation-name: zoomIn; }
  .latest-post-style_1 .blog-item:hover .post-date-item .post-date {
    color: #FFFFFF; }
  .latest-post-style_1 .blog-item:hover .post-date-item .post-month {
    color: #ffd4d1; }
.latest-post-style_1 .post-meta li {
  font-style: normal; }
  .latest-post-style_1 .post-meta li::after {
    content: "|"; }
  .latest-post-style_1 .post-meta li:last-child::after {
    content: ""; }
.latest-post-style_1 .cats {
  line-height: 17px;
  margin-bottom: 18px;
  padding-bottom: 8px;
  position: relative; }
  .latest-post-style_1 .cats a {
    color: #df5c53;
    font-family: "Noto Sans KR";
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase; }
  .latest-post-style_1 .cats::before {
    border-bottom: 2px solid #e7e7e7;
    bottom: 0;
    content: "";
    height: 0;
    position: absolute;
    width: 20px; }

.latest-post-style_2 .post-title {
  font-weight: 600; }
.latest-post-style_2 .post-content-main {
  padding-left: 70px; }

/*Lastest Post Style 3*/
.latest-post-style_3 {
  margin-top: 52px; }
  .latest-post-style_3.latest-post .post-content {
    background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
    bottom: 55px;
    box-shadow: 0 0;
    left: 70px;
    padding-left: 0;
    position: absolute;
    top: 55px;
    right: 70px;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0); }
    .latest-post-style_3.latest-post .post-content .post-content-inner {
      padding: 30px 0 0 30px; }
  .latest-post-style_3.latest-post .post-content .post-title {
    font-size: 20px;
    margin: 5px 0 15px;
    text-transform: uppercase; }
  .latest-post-style_3.latest-post .post-item {
    padding: 0;
    position: relative; }
    .latest-post-style_3.latest-post .post-item:hover .post-content {
      -webkit-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
      -webkit-animation-duration: 1s;
      animation-duration: 1s;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      -webkit-animation-name: flipInX;
      animation-name: flipInX; }

/*Lastest Post Style 4*/
.latest-post-style_4.latest-post .post-content .post-content-inner {
  padding: 20px 0 0 20px; }

.latest-post-style_4.latest-post .post-content {
  background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
  bottom: 20px;
  box-shadow: 0 0;
  left: 20px;
  padding-left: 0;
  position: absolute;
  right: 20px;
  top: 20px;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all .6s ease-in-out;
  -moz-transition: all .6s ease-in-out;
  -ms-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out; }

.latest-post-style_4.latest-post .post-content .post-title {
  font-size: 14px; }

.latest-post-style_4.latest-post .post-item:hover .post-content {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1); }

.latest-post-style_4 {
  position: static; }
  .latest-post-style_4 .owl-nav > div {
    border: 2px solid #dddddd;
    border-radius: 0;
    bottom: 0;
    font-size: 17px;
    height: 47px;
    left: 100px;
    line-height: 46px;
    position: absolute;
    text-align: center;
    top: auto;
    transform: none !important;
    -o-transform: none !important;
    -webkit-transform: none !important;
    width: 47px;
    left: 0; }
    .latest-post-style_4 .owl-nav > div.owl-next {
      left: 57px; }
  .latest-post-style_4.latest-post .post-item {
    padding: 0; }

/*Lastest Post Style 5*/
.latest-post-style_5.latest-post .post-content .post-title {
  font-size: 16px;
  margin: 10px 0 0;
  text-align: center;
  text-transform: capitalize; }
.latest-post-style_5.latest-post .post-content .readmore-link {
  color: #888888;
  display: inline-block;
  font-size: 14px;
  margin: 0;
  font-family: "Noto Sans KR", sans-serif;
  text-align: center;
  text-transform: capitalize;
  width: 100%; }
  .latest-post-style_5.latest-post .post-content .readmore-link:hover {
    color: #df5c53; }
.latest-post-style_5.latest-post .post-content .post-content-inner {
  padding: 0 20px; }
.latest-post-style_5 .post-meta {
  background: #ee952c;
  left: 50%;
  line-height: 33px;
  padding: 0 10px;
  position: absolute;
  text-align: center;
  top: -17px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%); }
.latest-post-style_5 .post-meta li {
  color: #ffffff;
  display: inline-block;
  font-family: "Noto Sans KR";
  font-size: 12px;
  font-style: normal;
  line-height: 14px;
  list-style: outside none none;
  margin: 0 2px;
  padding: 0 5px;
  position: relative;
  text-transform: uppercase; }
  .latest-post-style_5 .post-meta li a:hover {
    color: #FFFFFF; }
.latest-post-style_5.latest-post .post-content {
  box-shadow: 0 0 0;
  float: left;
  padding-left: 0;
  padding-top: 20px;
  position: relative;
  width: 100%; }
.latest-post-style_5.latest-post .post-item {
  padding: 0; }

.latest-post-style_6.latest-post .post-content .post-content-inner {
  padding: 40px 20px 20px 45px; }
.latest-post-style_6.latest-post .post-content .post-title {
  font-weight: 700;
  padding-right: 13px;
  display: inline-block;
  position: relative; }
.latest-post-style_6 .post-title::before {
  border-bottom: 1px solid;
  content: "";
  left: 100%;
  position: absolute;
  top: 50%;
  width: 198px;
  z-index: 1; }
.latest-post-style_6.latest-post .post-item {
  padding: 5px 0; }
.latest-post-style_6 .owl-nav > div {
  background: #eeeeee none repeat scroll 0 0;
  border-radius: 0;
  bottom: 0;
  display: inline-block;
  font-size: 13px;
  height: 36px;
  left: 0;
  line-height: 36px;
  margin: 0 6px;
  position: inherit;
  text-align: center;
  top: auto;
  -webkit-transform: translateX(0) translateY(0);
  -ms-transform: translateX(0) translateY(0);
  -o-transform: translateX(0) translateY(0);
  transform: translateX(0) translateY(0);
  width: 36px; }
  .latest-post-style_6 .owl-nav > div.owl-next {
    -webkit-transform: translateX(0) translateY(0);
    -ms-transform: translateX(0) translateY(0);
    -o-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
    right: 0; }
.latest-post-style_6 div.owl-dots {
  float: left;
  margin: 0;
  padding-left: 44px; }
.latest-post-style_6 .owl-nav {
  float: left; }
  .latest-post-style_6 .owl-nav .owl-next {
    left: auto;
    position: absolute;
    right: 0;
    top: 0;
    margin: 0; }
  .latest-post-style_6 .owl-nav .owl-prev {
    left: 0;
    margin: 0;
    position: absolute;
    top: 0; }
.latest-post-style_6 .owl-controls {
  display: table;
  margin: 35px auto 0;
  position: relative; }

.latest-post-style_7.latest-post .post-item {
  position: relative;
  padding: 0; }
.latest-post-style_7.latest-post .post-date-item {
  background: #ffffff none repeat scroll 0 0;
  height: 81px;
  left: 0;
  position: absolute;
  right: auto;
  top: 0;
  width: 83px; }
.latest-post-style_7.latest-post .post-date-item .post-date {
  color: #df5c53;
  font-size: 48px;
  line-height: 30px;
  margin-bottom: 0;
  margin-top: 15px; }
.latest-post-style_7.latest-post .post-date-item .post-month {
  color: #333333;
  font-weight: 600; }
.latest-post-style_7.latest-post .post-content {
  box-shadow: 0 0 0; }
.latest-post-style_7.latest-post .post-content .post-content-inner {
  padding: 0; }
.latest-post-style_7.latest-post .post-content .post-title {
  font-size: 20px;
  margin: 18px 0 8px;
  text-transform: capitalize; }
.latest-post-style_7.latest-post .post-content .post-desc {
  color: #666666;
  font-size: 14px;
  margin-top: 2px;
  line-height: 18px; }

.latest-post-style_8.latest-post .post-item {
  position: relative;
  padding: 0; }
.latest-post-style_8.latest-post .post-date-item {
  background: #ffffff none repeat scroll 0 0;
  height: 81px;
  left: 0;
  position: absolute;
  right: auto;
  top: 0;
  width: 83px; }
.latest-post-style_8.latest-post .post-date-item .post-date {
  color: #df5c53;
  font-size: 48px;
  line-height: 30px;
  margin-bottom: 0;
  margin-top: 15px; }
.latest-post-style_8.latest-post .post-date-item .post-month {
  color: #333333; }
.latest-post-style_8.latest-post .post-content {
  box-shadow: 0 0 0; }
.latest-post-style_8.latest-post .post-content .post-content-inner {
  padding: 0 40px 0 0; }
.latest-post-style_8.latest-post .post-content .post-title {
  font-size: 18px;
  margin: 5px 0 18px;
  text-transform: uppercase; }
.latest-post-style_8.latest-post .post-content .post-desc {
  color: #666666;
  font-size: 14px;
  line-height: 24px; }
.latest-post-style_8.latest-post .post-meta {
  margin-top: 20px; }
.latest-post-style_8.latest-post .post-media > figure {
  position: relative;
  overflow: hidden; }
  .latest-post-style_8.latest-post .post-media > figure img {
    -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease, visibility 0.4s linear 0s;
    -moz-transition: opacity 0.4s ease, -moz-transform 0.4s ease, visibility 0.4s linear 0s;
    -ms-transition: opacity 0.4s ease, -ms-transform 0.4s ease, visibility 0.4s linear 0s;
    -o-transition: opacity 0.4s ease, -o-transform 0.4s ease, visibility 0.4s linear 0s;
    transition: opacity 0.4s ease, transform 0.4s ease, visibility 0.4s linear 0s; }
.latest-post-style_8.latest-post figure::before, .latest-post-style_8.latest-post figure::after {
  bottom: 15px;
  content: "";
  left: 15px;
  position: absolute;
  right: 15px;
  top: 15px;
  transition: all 0.6s ease-in-out 0s;
  -o-transition: all 0.6s ease-in-out 0s;
  -webkit-transition: all 0.6s ease-in-out 0s;
  z-index: -10; }
.latest-post-style_8.latest-post figure::after {
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  transform: scale(1, 0);
  -webkit-transform: scale(1, 0);
  -o-transform: scale(1, 0); }
.latest-post-style_8.latest-post figure::before {
  border-bottom: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
  transform: scale(0, 1);
  -o-transform: scale(0, 1);
  -webkit-transform: scale(0, 1); }
.latest-post-style_8.latest-post .post-item:hover figure::before, .latest-post-style_8.latest-post .post-item:hover figure::after {
  opacity: 1;
  transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  z-index: 9; }
.latest-post-style_8.latest-post .post-item:hover figure img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1); }
.latest-post-style_8.latest-post figure img {
  -webkit-transition: all .6s ease-in-out;
  -moz-transition: all .6s ease-in-out;
  -ms-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out; }
.latest-post-style_8.latest-post figure {
  overflow: hidden; }

.latest-post .owl-dot:nth-child(1) span::before {
  content: "1"; }
.latest-post .owl-dot:nth-child(2) span::before {
  content: "2"; }
.latest-post .owl-dot:nth-child(3) span::before {
  content: "3"; }
.latest-post .owl-dot:nth-child(4) span::before {
  content: "4"; }
.latest-post .owl-dot:nth-child(5) span::before {
  content: "5"; }
.latest-post .owl-dot:nth-child(6) span::before {
  content: "6"; }
.latest-post .owl-dot:nth-child(7) span::before {
  content: "7"; }
.latest-post .owl-dot:nth-child(8) span::before {
  content: "8"; }
.latest-post .owl-dot:nth-child(9) span::before {
  content: "9"; }
.latest-post .owl-dot:nth-child(10) span::before {
  content: "10"; }
.latest-post .owl-dot:nth-child(11) span::before {
  content: "11"; }
.latest-post .owl-dot:nth-child(12) span::before {
  content: "12"; }
.latest-post .owl-dot:nth-child(13) span::before {
  content: "13"; }
.latest-post .owl-dot:nth-child(14) span::before {
  content: "14"; }
.latest-post .owl-dot:nth-child(15) span::before {
  content: "15"; }
.latest-post .owl-dot:nth-child(16) span::before {
  content: "16"; }
.latest-post .owl-dot:nth-child(17) span::before {
  content: "17"; }
.latest-post .owl-dot:nth-child(18) span::before {
  content: "18"; }
.latest-post .owl-dots {
  display: inline-block;
  margin: 30px auto 0; }
.latest-post .owl-dot {
  color: #aaaaaa;
  display: inline-block;
  font-family: Noto Sans KR;
  font-size: 16px;
  width: 34px;
  line-height: 35px;
  float: left;
  text-align: center; }
  .latest-post .owl-dot:hover {
    color: #df5c53; }
  .latest-post .owl-dot.active {
    color: #df5c53; }
  .latest-post .owl-dot span {
    display: inline-block; }
.latest-post .post-media > figure {
  position: relative;
  overflow: hidden; }
  .latest-post .post-media > figure img {
    -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease, visibility 0.4s linear 0s;
    -moz-transition: opacity 0.4s ease, -moz-transform 0.4s ease, visibility 0.4s linear 0s;
    -ms-transition: opacity 0.4s ease, -ms-transform 0.4s ease, visibility 0.4s linear 0s;
    -o-transition: opacity 0.4s ease, -o-transform 0.4s ease, visibility 0.4s linear 0s;
    transition: opacity 0.4s ease, transform 0.4s ease, visibility 0.4s linear 0s; }
.latest-post .post-item:hover figure img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1); }
.latest-post figure {
  overflow: hidden; }
.latest-post figure img {
  -webkit-transition: all .6s ease-in-out;
  -moz-transition: all .6s ease-in-out;
  -ms-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out; }

.latest-post-style_9.latest-post .post-content {
  box-shadow: 0 0 0; }
  .latest-post-style_9.latest-post .post-content .post-title {
    font-size: 18px;
    margin: 25px 0 0;
    text-transform: capitalize; }
.latest-post-style_9.latest-post .post-content .post-content-inner {
  padding: 0; }
.latest-post-style_9.latest-post .cats-tags {
  font-size: 12px;
  line-height: 14px;
  margin-top: 24px;
  padding-bottom: 8px;
  text-transform: uppercase;
  position: relative;
  font-family: "Noto Sans KR"; }
  .latest-post-style_9.latest-post .cats-tags::before {
    content: "";
    position: absolute;
    width: 53px;
    border-top: 1px solid #dddddd;
    left: 0;
    bottom: 0; }
  .latest-post-style_9.latest-post .cats-tags a {
    color: #aaaaaa;
    letter-spacing: 0.2px; }
    .latest-post-style_9.latest-post .cats-tags a:hover {
      color: #df5c53; }
.latest-post-style_9.latest-post .post-media > figure {
  position: relative;
  overflow: hidden; }
  .latest-post-style_9.latest-post .post-media > figure img {
    -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease, visibility 0.4s linear 0s;
    -moz-transition: opacity 0.4s ease, -moz-transform 0.4s ease, visibility 0.4s linear 0s;
    -ms-transition: opacity 0.4s ease, -ms-transform 0.4s ease, visibility 0.4s linear 0s;
    -o-transition: opacity 0.4s ease, -o-transform 0.4s ease, visibility 0.4s linear 0s;
    transition: opacity 0.4s ease, transform 0.4s ease, visibility 0.4s linear 0s; }
.latest-post-style_9.latest-post figure::before, .latest-post-style_9.latest-post figure::after {
  bottom: 28px;
  content: "";
  left: 28px;
  position: absolute;
  right: 28px;
  top: 28px;
  -webkit-transition: all .6s ease-in-out;
  -moz-transition: all .6s ease-in-out;
  -ms-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
  z-index: -10; }
.latest-post-style_9.latest-post figure::after {
  border-left: 3px solid rgba(255, 255, 255, 0.56);
  border-right: 3px solid rgba(255, 255, 255, 0.56);
  transform: scale(1, 0);
  -webkit-transform: scale(1, 0);
  -o-transform: scale(1, 0); }
.latest-post-style_9.latest-post figure::before {
  border-bottom: 3px solid rgba(255, 255, 255, 0.56);
  border-top: 3px solid rgba(255, 255, 255, 0.56);
  transform: scale(0, 1);
  -o-transform: scale(0, 1);
  -webkit-transform: scale(0, 1); }
.latest-post-style_9.latest-post .post-item:hover figure::before, .latest-post-style_9.latest-post .post-item:hover figure::after {
  opacity: 1;
  transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  z-index: 9; }
.latest-post-style_9.latest-post .post-item:hover figure img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1); }
.latest-post-style_9.latest-post .post-meta li {
  font-style: normal;
  font-size: 14px; }

.latest-post-style_10.latest-post .post-content .post-title {
  font-size: 17px;
  line-height: 24px;
  margin: 0;
  text-transform: capitalize; }
.latest-post-style_10 .post-item {
  display: inline-block;
  padding: 0 0 20px;
  width: 100%; }
.latest-post-style_10.latest-post .post-content {
  box-shadow: 0 0 0;
  padding-left: 0;
  padding-right: 190px; }
.latest-post-style_10 .post-media {
  float: right; }
.latest-post-style_10.latest-post .post-content .post-content-inner {  padding: 0;  }
.latest-post-style_10.latest-post .post-primary .post-content {
  bottom: 55px;
  left: 35px;
  max-width: 320px;
  padding: 0;
  position: absolute; }
.latest-post-style_10 .post-primary .post-meta li {  color: #333;  font-size: 14px; }
.latest-post-style_10 .post-meta li {
  font-size: 14px; }
.latest-post-style_10 .post-primary .post-title a {  color: #333;  font-size: 24px;  text-transform: uppercase;  line-height: 30px; }
  .latest-post-style_10 .post-primary .post-title a:hover {
    color: #df5c53; }

.latest-post-style_11 {
  overflow: hidden; }
  .latest-post-style_11.latest-post .post-content .post-content-inner {
    padding: 0 0 0 55px; }
  .latest-post-style_11.latest-post .post-content .post-title {
    font-size: 14px;
    margin: 0 0 22px;
    text-transform: uppercase;
    position: relative;
    top: 6px; }
    .latest-post-style_11.latest-post .post-content .post-title a {
      color: #FFFFFF; }
      .latest-post-style_11.latest-post .post-content .post-title a:hover {
        color: #df5c53; }
  .latest-post-style_11 .number-post {
    float: left;
    font-family: "Noto Sans KR";
    font-size: 36px; }
  .latest-post-style_11 .post-content {
    padding-top: 30px; }
  .latest-post-style_11 .post-meta li {
    color: #aaaaaa;
    font-size: 14px;
    font-style: normal; }
  .latest-post-style_11 .post-desc {
    color: #888888;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 5px; }
  .latest-post-style_11.latest-post .post-item {
    padding: 0; }

/*lookbook-call-action*/
.call-action {
  margin-bottom: 75px; }

.title-call-action {
  color: #333333;
  font-size: 28px;
  margin: 0 0 20px; }

.desc-call-action {
  font-size: 15px;
  line-height: 24px;
  margin-bottom: 20px; }

.link-call-action {
  color: #333333;
  display: inline-block;
  font-family: Noto Sans KR;
  font-size: 14px;
  margin: 25px 0;
  text-transform: uppercase; }

.lookbook-box > figure {
  float: left; }

.lookbook-box-content {
  float: right;
  font-size: 15px;
  line-height: 24px;
  margin-right: -20px;
  max-width: 270px; }

.lookbook-box {
  margin-top: 114px; }

.title-lookbook {
  color: #333333;
  font-family: Great Vibes;
  font-size: 45px;
  margin: -10px 0 10px; }

.title-img {
  color: #333333;
  font-size: 28px;
  margin: 0 0 20px; }

.xshop-lookbook-img {
  display: inline-block;
  margin-top: 70px;
  width: 100%; }

.xshop-img-title {
  margin-top: 65px; }

.lookbook-call-action figure {
  display: inline-block;
  overflow: hidden;
  position: relative; }
  .lookbook-call-action figure img {
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out; }
.lookbook-call-action figure::after, .lookbook-call-action figure::before {
  bottom: 15px;
  content: "";
  left: 15px;
  position: absolute;
  right: 15px;
  top: 15px;
  -webkit-transition: all .6s ease-in-out;
  -moz-transition: all .6s ease-in-out;
  -ms-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
  z-index: -10; }
.lookbook-call-action figure::after {
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  -webkit-transform: scale(1, 0);
  -ms-transform: scale(1, 0);
  -o-transform: scale(1, 0);
  transform: scale(1, 0); }
.lookbook-call-action figure::before {
  border-bottom: 1px solid #ffffff;
  border-top: 1px solid #ffffff;
  -webkit-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  -o-transform: scale(0, 1);
  transform: scale(0, 1); }
.lookbook-call-action figure:hover::before {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  z-index: 9; }
.lookbook-call-action figure:hover::after {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  z-index: 9; }
.lookbook-call-action figure:hover img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05); }

/*Deal shop*/
.deals-wrap {
  background: #fff;
  position: relative;
  margin-top: 60px; }
  .deals-wrap .title-deal {
    color: #666666;
    font-family: Noto Sans KR;
    font-size: 24px;
    margin: 48px 0 20px; }
  .deals-wrap .star-rating {
    margin: 20px 0; }
  .deals-wrap .deal-desc {
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 30px; }
  .deals-wrap .owl-nav > div {
    font-size: 14px;
    height: auto;
    line-height: 14px;
    position: absolute;
    right: 0;
    left: auto;
    text-align: center;
    top: -85px;
    -webkit-transform: translateX(0) translateY(0);
    -ms-transform: translateX(0) translateY(0);
    -o-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
    width: 15px; }
    .deals-wrap .owl-nav > div.owl-prev {
      right: 30px;
      -webkit-transform: translateX(0) translateY(0);
      -ms-transform: translateX(0) translateY(0);
      -o-transform: translateX(0) translateY(0);
      transform: translateX(0) translateY(0); }
    .deals-wrap .owl-nav > div.owl-next {
      -webkit-transform: translateX(0) translateY(0);
      -ms-transform: translateX(0) translateY(0);
      -o-transform: translateX(0) translateY(0);
      transform: translateX(0) translateY(0); }

/*Deals Style 2*/
div.deals-style2 {
  background: transparent url("../images/bg-watch.jpg") no-repeat scroll 0 0;
  padding: 45px 0 44px; }
  div.deals-style2 .deal-content-inner {
    text-align: left; }
  div.deals-style2 .title-deal {
    font-size: 24px;
    color: #fff;
    margin: 0 0 5px; }
  div.deals-style2 .price {
    color: #fff; }
  div.deals-style2 .star-rating {
    margin: 15px 0; }
  div.deals-style2 .deal-desc {
    font-size: 15px;
    line-height: 24px;
    color: #fff;
    margin-bottom: 35px; }
  div.deals-style2 .xshop-countdown .xshop-datetime {
    padding-top: 23px;
    font-size: 24px; }
  div.deals-style2 .xshop-countdown .text-date {
    color: #aaaaaa;
    display: inline-block;
    font-family: "Noto Sans KR";
    font-size: 14px; }
  div.deals-style2 .xshop-countdown {
    padding-bottom: 20px; }
  div.deals-style2 .button-link {
    background: rgba(0, 0, 0, 0.8);
    color: #ffffff;
    display: inline-block;
    font-size: 16px;
    line-height: 46px;
    padding: 0 25px;
    text-transform: uppercase;
    border-radius: 25px; }
    div.deals-style2 .button-link:hover {
      background-color: #df5c53; }
  div.deals-style2 .star-rating a {
    color: #efce4a;
    display: inline-block;
    font-size: 15px;
    margin: 0 2px 0 0; }

/*Deals Style 3*/
div.deals-style3 {
  background: transparent url("../images/bg-deals.jpg") no-repeat scroll 0 0;
  margin-top: 50px;
  position: relative;
  padding: 60px 0 55px;
  text-align: center; }
  div.deals-style3 .title-deal {
    color: #333333;
    font-family: "Noto Sans KR";
    font-size: 24px;
    font-weight: 600;
    margin: 0px 0 10px;
    text-transform: uppercase; }
  div.deals-style3 .deal-desc {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 35px;
    max-width: 430px;
    display: inline-block; }
  div.deals-style3 .xshop-countdown .xshop-datetime {
    background: #fff none repeat scroll 0 0;
    color: #333333;
    display: inline-block;
    font-family: "Noto Sans KR";
    font-size: 35px;
    height: 97px;
    float: none;
    line-height: 18px;
    margin-right: 17px;
    padding-top: 24px;
    text-align: center;
    width: 90px;
    border-bottom: 14px solid #968e84;
    border-radius: 5px;
    letter-spacing: 0.3;
    position: relative;
    z-index: 2; }
  div.deals-style3 .xshop-datetime:after {
    content: "";
    border-bottom: 7px solid #fff;
    border-radius: 0 0 6px 6px;
    position: absolute;
    bottom: -7px;
    left: 0;
    z-index: 1;
    width: 100%; }

/*Divide*/
.divider {
  display: block;
  position: relative;
  width: 100%;
  height: 24px; }
  .divider::before {
    content: url("../images/icon-divider.jpg");
    display: inline-block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1; }
  .divider::after {
    content: "";
    border-bottom: 1px solid #ddd;
    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 0; }

/*Title Block Style 12*/
.title-description-block-style_12 .title-block {
  font-size: 24px;
  color: #333;
  text-transform: uppercase;
  position: relative;
  margin: 0px;
  font-weight: 600; }

/*Title Block Style 2*/
.title-description-block-style_2 .title-block {
  font-size: 28px;
  color: #333;
  text-transform: none;
  position: relative;
  margin: 0px; }
.title-description-block-style_2 .desc-block {
  line-height: 24px;
  font-size: 15px;
  margin: 20px 0 0; }

.has-underline {
  margin-bottom: 40px; }
  .has-underline .title-block {
    padding: 0 0 15px;
    position: relative; }
    .has-underline .title-block::before {
      border-bottom: 2px solid #dedede;
      bottom: 0;
      content: "";
      left: 50%;
      position: absolute;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      width: 58px; }

/*End Title Block Style 3*/
.xshop-countdown {
  display: inline-block;
  width: 100%;
  padding-bottom: 30px; }
  .xshop-countdown .xshop-datetime {
    background: #f6f6f6 none repeat scroll 0 0;
    color: #333333;
    display: inline-block;
    font-size: 18px;
    height: 84px;
    padding-top: 22px;
    text-align: center;
    width: 90px;
    line-height: 18px;
    float: left;
    margin-right: 17px;
    font-family: "Noto Sans KR"; }
  .xshop-countdown .text-date {
    font-size: 12px;
    color: #aaaaaa;
    display: inline-block;
    font-family: "Noto Sans KR", sans-serif;
    width: 100%; }

.button-link {
  font-size: 14px;
  background: #df5c53;
  display: inline-block;
  line-height: 43px;
  text-transform: uppercase;
  font-family: "Noto Sans KR";
  color: #FFFFFF;
  padding: 0 25px; }
  .button-link:hover {
    background-color: #000000;
    color: #FFFFFF; }

.button-outlight {
  border: 1px solid #aaa;
  line-height: 46px;
  display: inline-block;
  padding: 0 20px;
  font-size: 14px;
  text-transform: uppercase;
  color: #333333;
  font-family: "Noto Sans KR"; }
  .button-outlight:hover {
    background-color: #df5c53;
    color: #FFFFFF;
    border-color: #df5c53; }

.xshop-top-products {
  position: relative;
  margin-top: 60px; }
  .xshop-top-products .owl-nav > div {
    font-size: 14px;
    height: auto;
    line-height: 14px;
    position: absolute;
    right: 0;
    left: auto;
    text-align: center;
    top: -85px;
    -webkit-transform: translateX(0) translateY(0);
    -ms-transform: translateX(0) translateY(0);
    -o-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0);
    width: 15px; }
    .xshop-top-products .owl-nav > div.owl-prev {
      right: 30px;
      -webkit-transform: translateX(0) translateY(0);
      -ms-transform: translateX(0) translateY(0);
      -o-transform: translateX(0) translateY(0);
      transform: translateX(0) translateY(0); }
    .xshop-top-products .owl-nav > div.owl-next {
      -webkit-transform: translateX(0) translateY(0);
      -ms-transform: translateX(0) translateY(0);
      -o-transform: translateX(0) translateY(0);
      transform: translateX(0) translateY(0); }
  .xshop-top-products.nav-control-radius .owl-nav > div {
    border: 1px solid #dddddd;
    color: #aaaaaa;
    font-size: 20px;
    height: 57px;
    left: 0;
    line-height: 58px;
    text-align: center;
    top: 25%;
    -webkit-transform: translateX(-70px);
    -ms-transform: translateX(-70px);
    -o-transform: translateX(-70px);
    transform: translateX(-70px);
    width: 57px; }
    .xshop-top-products.nav-control-radius .owl-nav > div.owl-next {
      left: auto;
      right: 0;
      -webkit-transform: translateX(70px);
      -ms-transform: translateX(70px);
      -o-transform: translateX(70px);
      transform: translateX(70px); }
    .xshop-top-products.nav-control-radius .owl-nav > div:hover {
      color: #000000; }

/*Title Banner Block*/
.banner-block-content-inner {  color: #FFFFFF;  padding: 230px 0; }

.title-banner-block-inner {  font-size: 50px;  margin: 0 0 50px;  text-transform: uppercase; line-height:30px;}
.title-banner-block-inner span.title-banner-sub-text { font-size:14px;}

.link-banner {  line-height: 50px;  font-size: 14px;  text-transform: uppercase;  color: #fff;  font-family: "Noto Sans KR";  border: 1px solid rgba(255, 255, 255, 0.35);  display: inline-block;  padding: 0 30px; }
  .link-banner:hover {    background-color: #000000;    color: #FFFFFF;    border: 2px solid #000000; }
.number-banner {  bottom: 50px;  color: #ffffff;  font-size: 80px;  position: absolute;  right: 100px;  font-family: "Noto Sans KR";  line-height: 80px; }

.banner-parallax {  background-attachment: fixed;  background-size: cover;  background-position:center; position: relative; }

@media(min-width:200px) and (max-width: 757px){
.link-banner {  line-height: 30px;  font-size: 12px;  padding: 0 15px; }
}

.banner-block-item:hover .title-banner-block-inner {
  animation-duration: 2s;
  -webkit-animation-duration: 2s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  animation-name: zoomInLeft;
  -webkit-animation-name: zoomInLeft; }
.banner-block-item:hover .link-banner {
  animation-duration: 2s;
  -webkit-animation-duration: 2s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  animation-name: fadeInUp;
  -webkit-animation-name: fadeInUp; }
.banner-block-item:hover .number-banner {
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  animation-name: zoomIn;
  -webkit-animation-name: zoomIn; }

/*Title Banner sevice Style 1*/
.title-banner-sevice-content {2022-01-03
  padding-top: 135px; }
  .title-banner-sevice-content .title-b-sevice {
    color: #333333;
    font-size: 24px;
    font-weight: 700;
    margin: 0 0 35px;
    text-transform: uppercase; }
  .title-banner-sevice-content .title-banner-sevice-style_1 .desc-b-sevice {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 40px; }
  .title-banner-sevice-content .link-b-sevice {
    color: #333333;
    font-family: "Noto Sans KR";
    font-size: 16px;
    text-transform: uppercase; }
    .title-banner-sevice-content .link-b-sevice:hover {
      color: #df5c53; }
    .title-banner-sevice-content .link-b-sevice i {
      margin-left: 5px; }
  .title-banner-sevice-content .desc-b-sevice {
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 35px; }

.title-banner-sevice {
  position: relative; }

.title-banner-sevice-style_1::before {
  background: transparent url("../images/bg-skew.png") repeat scroll 0 0;
  bottom: 40px;
  content: "";
  left: -280px;
  position: absolute;
  right: -280px;
  top: 40px; }

/*Title Banner sevice Style 2*/
.title-banner-sevice-style_2 {  padding: 55px 0;  background: url("{SKIN}/image/main/bg-call-action.jpg") no-repeat;  text-align: center; }
  .title-banner-sevice-style_2 .title-banner-sevice-content {      display: inline-block;    height: 520px;    padding: 20px;   width: 520px; }
  .title-banner-sevice-style_2 .title-banner-sevice-content .title-b-sevice {    color: #333333;    font-size: 20px;    font-weight: 400;    line-height:20px;    margin-top: 20px;
    text-transform: uppercase; }
  .title-banner-sevice-style_2 .title-banner-sevice-content .desc-b-sevice {   font-size: 16px;   line-height: 16px;   margin-bottom: 15px; color:#ffffcc; }
  .title-banner-sevice-style_2 .title-banner-sevice-content-inner {
    display: inline-block;
    max-width: 340px;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }

/*Title Banner sevice Style 3*/
.sevice-style_3 .sevice-box-content {
  padding: 0 50px 0 0;
  position: relative;
  text-align: left;
  top: 0;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  width: 100%; }
.sevice-style_3 .sevice-box-content .sevice-title {
  font-weight: 400;
  letter-spacing: 0;
  margin: 0 0 17px;
  text-transform: capitalize; }
.sevice-style_3 .sevice-box-content .sevide-desc {
  color: #888888;
  font-size: 16px;
  font-style: normal;
  letter-spacing: 0;
  line-height: 28px;
  margin: 0 0 15px; }
.sevice-style_3 .sevice-box-content .sevice-button {
  background: transparent none repeat scroll 0 0;
  color: #ff0000;
  display: inline-block;
  font-family: Noto Sans KR;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 14px;
  padding: 0;
  text-transform: capitalize; }
  .sevice-style_3 .sevice-box-content .sevice-button i {
    font-size: 12px;
    margin-left: 5px; }

/*Title Banner sevice Style 4*/
.sevice-style_4 .sevice-box-content {  padding: 18px 10px;  position: relative;  transform: none;  -o-transform: none;  -webkit-transform: none; }
.sevice-style_4 .sevice-title {  color: #333333;  font-size: 14px;  font-weight: 700;  letter-spacing: 0;  margin: 0 0 5px;  text-transform: uppercase; }
  .sevice-style_4 .sevice-title a {    color: #333333; }
    .sevice-style_4 .sevice-title a:hover {      color: #df5c53; }
.sevice-style_4 .sevice-desc {  color: #aaaaaa;  margin: 0;  font-size: 12px; line-height:16px; }
.sevice-style_4 figure a {  overflow: hidden;  position: relative;  display: inline-block; border-radius:10px; }
  .sevice-style_4 figure a::before {    border-bottom: 1px solid #ffffff;    border-top: 1px solid #ffffff;
    transform: scale(0, 1);
    -o-transform: scale(0, 1);
    -webkit-transform: scale(0, 1);
    bottom: 15px;
    content: "";
    left: 15px;
    position: absolute;
    right: 15px;
    top: 15px;
    transition: all 0.6s ease-in-out 0s;
    -o-transition: all 0.6s ease-in-out 0s;
    -webkit-transition: all 0.6s ease-in-out 0s;
    z-index: -10; }
  .sevice-style_4 figure a::after {
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    transform: scale(1, 0);
    -webkit-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    bottom: 15px;
    content: "";
    left: 15px;
    position: absolute;
    right: 15px;
    top: 15px;
    transition: all 0.6s ease-in-out 0s;
    -o-transition: all 0.6s ease-in-out 0s;
    -webkit-transition: all 0.6s ease-in-out 0s;
    z-index: -10; }
.sevice-style_4 figure img {
  -webkit-transition: all .6s ease-in-out;
  -moz-transition: all .6s ease-in-out;
  -ms-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out; }
.sevice-style_4 figure:hover a {
  opacity: 0.8; }
.sevice-style_4 figure:hover a::before {
  opacity: 1;
  transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  z-index: 9; }
.sevice-style_4 figure:hover a::after {
  opacity: 1;
  transform: scale(1);
  -o-transform: scale(1);
  -webkit-transform: scale(1);
  z-index: 9; }
.sevice-style_4 figure:hover img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
  transform: scale(1.05); }

/*Step Produce Product*/
.step-produce {
  display: inline-block;
  width: 100%; }

.step-content-right > figure {
  float: left;
  margin-left: -110px; }

.step-content-left > figure {
  float: right;
  margin-right: -110px; }

.step-produce-content {
  display: inline-block;
  margin-top: 135px;
  max-width: 570px;
  position: relative; }

.step-produce2 > figure {
  margin-top: 16px; }

.step-produce2 .step-produce-content {
  margin-left: 79px;
  margin-top: 260px; }

.step-produce3 > figure {
  margin-top: 88px; }

.step-produce3 .step-produce-content {
  margin-left: 25px;
  margin-top: 255px; }

.step-number {
  color: #dddddd;
  float: left;
  font-family: Noto Sans KR;
  font-size: 60px;
  font-weight: 700;
  letter-spacing: -5px;
  line-height: 60px; }

.step-produce-content-inner {
  padding-left: 90px; }
  .step-produce-content-inner .title-step-produce {
    color: #333333;
    font-size: 30px;
    margin: 5px 0 20px; }

.step-content-right .step-produce-content::before {
  content: url("../images/plus-left.png");
  left: 40px;
  position: absolute;
  top: 85px;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%); }

.step-content-left .step-produce-content::before {
  bottom: -20px;
  content: url("../images/plus-right.png");
  position: absolute;
  right: 0;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%); }

/*Sevice Img*/
.sevice-img {
  display: inline-block;
  position: relative;
  width: 100%;
  float: left; }
  .sevice-img .sevice-img-content {
    text-align: center;
    vertical-align: middle;
    width: 50%; }
    .sevice-img .sevice-img-content .title-sevice-img {
      color: #333333;
      font-size: 30px;
      font-weight: 700;
      margin: 0;
      text-transform: uppercase; }
    .sevice-img .sevice-img-content .subtitle-sevice-img {
      color: #ffffff;
      font-family: "Noto Sans KR";
      font-size: 16px;
      margin-top: 20px;
      text-transform: uppercase; }
  .sevice-img .sevice-img-content-inner {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 50%; }
  .sevice-img:hover .title-sevice-img {
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    animation-name: bounceInRight;
    -webkit-animation-name: bounceInRight; }
  .sevice-img:hover .subtitle-sevice-img {
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    animation-name: bounceInUp;
    -webkit-animation-name: bounceInUp; }
  .sevice-img .simple-img figure {
    position: relative; }
  .sevice-img .simple-img img {
    width: 100%; }
  .sevice-img .simple-img a::before {
    border-bottom: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    transform: scale(0, 1);
    -o-transform: scale(0, 1);
    -webkit-transform: scale(0, 1);
    bottom: 15px;
    content: "";
    left: 15px;
    position: absolute;
    right: 15px;
    top: 15px;
    transition: all 0.6s ease-in-out 0s;
    -o-transition: all 0.6s ease-in-out 0s;
    -webkit-transition: all 0.6s ease-in-out 0s;
    z-index: -10; }
  .sevice-img .simple-img a::after {
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    transform: scale(1, 0);
    -webkit-transform: scale(1, 0);
    -o-transform: scale(1, 0);
    bottom: 15px;
    content: "";
    left: 15px;
    position: absolute;
    right: 15px;
    top: 15px;
    transition: all 0.6s ease-in-out 0s;
    -o-transition: all 0.6s ease-in-out 0s;
    -webkit-transition: all 0.6s ease-in-out 0s;
    z-index: -10; }
  .sevice-img:hover a::before, .sevice-img:hover a::after {
    opacity: 1;
    transform: scale(1);
    -o-transform: scale(1);
    -webkit-transform: scale(1);
    z-index: 9; }
  .sevice-img:hover img {
    opacity: 0.8; }

/*Xshop Category slide Wrap*/
.xshop-category-products-wrap {
  padding: 55px 85px 45px 100px; }
  .xshop-category-products-wrap .product-item {
    padding: 0;
    margin-bottom: 35px; }
  .xshop-category-products-wrap .title-category-block {
    color: #333333;
    font-size: 24px;
    margin: 0 0 35px;
    text-align: center;
    text-transform: uppercase; }

/*Banner Text*/
.banner-text {
  margin-bottom: 10px;
  position: relative;
  overflow: hidden; }
  .banner-text figure a::before, .banner-text figure a::after {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out; }
  .banner-text:hover a::before {
    background-color: rgba(255, 255, 255, 0.5);
    bottom: 50%;
    top: 50%; }
  .banner-text:hover a::after {
    background-color: rgba(255, 255, 255, 0.5);
    left: 50%;
    right: 50%; }
  .banner-text .banner-text-content {
    position: absolute;
    right: 99px;
    top: 50%;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }
  .banner-text .title-banner-text {
    color: #444444;
    font-size: 30px;
    font-weight: 700;
    margin: 0;
    text-transform: uppercase; }
  .banner-text .desc-banner-text {
    color: #666666;
    text-transform: uppercase; }
  .banner-text .banner-text-link {
    background-color: #df5c53;
    color: #ffffff;
    display: inline-block;
    font-family: "Noto Sans KR";
    font-size: 14px;
    line-height: 46px;
    margin-top: 7px;
    padding: 0 20px;
    text-transform: uppercase; }
    .banner-text .banner-text-link:hover {
      background-color: #000000; }
  .banner-text:hover .title-banner-text {
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    animation-name: bounceInRight;
    -webkit-animation-name: bounceInRight; }
  .banner-text:hover .desc-banner-text {
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    animation-name: zoomIn;
    -webkit-animation-name: zoomIn; }
  .banner-text:hover .banner-text-link {
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    animation-name: bounceInLeft;
    -webkit-animation-name: bounceInLeft; }
  .banner-text.align-left .banner-text-content {
    left: 85px;
    right: auto;
    top: 82px;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    text-align: left; }
  .banner-text.align-left .title-banner-text {
    color: #333333;
    font-weight: 400;
    margin: 0 0 24px; }
  .banner-text.align-left .desc-banner-text {
    color: #666666;
    margin-bottom: 20px;
    text-transform: none;
    line-height: 24px; }
  .banner-text.align-left .banner-text-link {
    background-color: transparent;
    color: #333333;
    display: inline-block;
    font-size: 18px;
    line-height: 14px;
    margin-top: 0;
    text-transform: none;
    padding: 0; }
    .banner-text.align-left .banner-text-link:hover {
      color: #df5c53; }
    .banner-text.align-left .banner-text-link i {
      font-size: 14px; }

.list-categories {
  -webkit-transition: all .6s ease-in-out;
  -moz-transition: all .6s ease-in-out;
  -ms-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out; }
  .list-categories .title-list-categories {
    background: #333333 url("../images/icon-nav.png") no-repeat scroll 28px center;
    color: #ffffff;
    color: #ffffff;
    font-size: 20px;
    line-height: 20px;
    padding: 19px 0 19px 72px;
    text-transform: uppercase;
    margin: 0;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    cursor: pointer; }
  .list-categories .button-cat-icon {
    display: inline-block;
    float: left;
    height: 20px;
    line-height: 0;
    width: 18px; }
  .list-categories .product-list-categories .cat-item {
    border: 1px solid #dfdfdf;
    font-family: Noto Sans KR;
    font-size: 12px;
    line-height: 14px;
    list-style: outside none none;
    margin-bottom: -1px;
    padding: 26px 0 26px 28px;
    text-transform: uppercase; }
    .list-categories .product-list-categories .cat-item a {
      color: #333333; }
    .list-categories .product-list-categories .cat-item:hover a {
      color: #df5c53; }
    .list-categories .product-list-categories .cat-item.active a {
      color: #df5c53; }

/*Tab Slide Product*/
.tab-content > .tab-pane {
  display: block !important;
  opacity: 0;
  position: absolute;
  top: 0;
  z-index: -1;
  width: 100%; }
  .tab-content > .tab-pane.active {
    opacity: 1;
    z-index: 2;
    visibility: visible;
    position: relative; }

/*Product slide with thumb*/
.list-item-with-thumb .list-product-wrap .item-product {
  display: inline-block;
  width: 100%;
  margin-bottom: 30px; }
.list-item-with-thumb .list-product-wrap .product-thumb-media {
  float: left; }
.list-item-with-thumb .list-product-wrap .product-thumb-content {
  padding-left: 130px;
  margin-top: 35px; }
.list-item-with-thumb .list-product-wrap .title-product-thumb {
  font-size: 16px;
  margin: 0px 0 5px;
  font-family: "Noto Sans KR", sans-serif; }
  .list-item-with-thumb .list-product-wrap .title-product-thumb a {
    color: #666666; }
    .list-item-with-thumb .list-product-wrap .title-product-thumb a:hover {
      color: #df5c53; }
.list-item-with-thumb .list-product-wrap .owl-nav > div {
  background: #eeeeee none repeat scroll 0 0;
  border: 1px solid #dddddd;
  border-radius: 3px;
  font-size: 11px;
  height: 20px;
  left: auto;
  line-height: 20px;
  position: absolute;
  right: 30px;
  text-align: center;
  top: -50px;
  -webkit-transform: translateX(0) translateY(0);
  -ms-transform: translateX(0) translateY(0);
  -o-transform: translateX(0) translateY(0);
  transform: translateX(0) translateY(0);
  width: 20px; }
  .list-item-with-thumb .list-product-wrap .owl-nav > div:hover {
    color: #000000; }
  .list-item-with-thumb .list-product-wrap .owl-nav > div.owl-next {
    left: auto;
    right: 0;
    -webkit-transform: translateX(0) translateY(0);
    -ms-transform: translateX(0) translateY(0);
    -o-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0); }
.list-item-with-thumb h5.title-list-item-product {
  margin: -4px 0 30px;
  color: #333;
  text-transform: uppercase; }
.list-item-with-thumb .top-products-slide-with-banner-item .product-item {
  padding: 15px 15px 10px;
  margin: 0;
  border-top: 1px solid #ddd; }

/*End Top Products With Slid*/
.top-products-slide-with-banner-item {
  border: 1px solid #ddd;
  margin: 0 -1px; }
  .top-products-slide-with-banner-item .product-item {
    border: 1px solid #dddddd;
    margin: -1px 0 0;
    padding: 15px 15px 10px;
    z-index: 1; }
    .top-products-slide-with-banner-item .product-item:last-child {
      border-bottom: medium none; }
    .top-products-slide-with-banner-item .product-item .product-info {
      padding: 0 10px; }
  .top-products-slide-with-banner-item .banner-text {
    margin-bottom: 0; }

/*products-duble-slide*/
.products-duble-slide div.product-item {
  margin-bottom: 20px; }
.products-duble-slide .product-media {
  border: 1px solid #0c0c0c; }

/*End products-duble-slide*/
/*Internation Brand*/
.internation-brand-content {
  position: absolute;
  text-align: center;
  top: 50%;
  -webkit-transition: all .6s ease-in-out;
  -moz-transition: all .6s ease-in-out;
  -ms-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%; }
  .internation-brand-content .brand-name {
    background: rgba(0, 0, 0, 0.35) none repeat scroll 0 0;
    border-radius: 50%;
    color: #ffffff;
    display: inline-block;
    font-size: 30px;
    font-weight: 600;
    height: 176px;
    line-height: 36px;
    margin: 0;
    position: relative;
    text-align: left;
    text-transform: uppercase;
    vertical-align: middle;
    width: 176px;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out; }
    .internation-brand-content .brand-name span {
      left: 50%;
      position: absolute;
      top: 50%;
      -webkit-transform: translateX(-50%) translateY(-50%);
      -ms-transform: translateX(-50%) translateY(-50%);
      -o-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%); }
  .internation-brand-content .internation-brand-content-inner {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    top: 100%;
    color: #ffffff;
    display: inline-block;
    left: 0;
    right: 0;
    line-height: 24px;
    opacity: 0;
    padding: 0 40px;
    position: absolute;
    -webkit-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    visibility: hidden; }
  .internation-brand-content .brand-link {
    font-size: 14px;
    line-height: 43px;
    display: inline-block;
    border: 2px solid rgba(255, 255, 255, 0.37);
    padding: 0 25px;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    font-family: Noto Sans KR;
    border-radius: 25px;
    margin-top: 25px; }
    .internation-brand-content .brand-link:hover {
      background-color: #df5c53;
      border-color: #df5c53;
      color: #FFFFFF; }

.internation-brand:hover .internation-brand-content {
  top: 70px;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0); }
.internation-brand:hover .internation-brand-content-inner {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  visibility: visible;
  opacity: 1;
  margin-top: 48px;
  padding: 31px 40px 25px;
  height: auto; }

#section45 .banner-text-bg {
  margin-bottom: 10px;
  float: left; }

/*banner-text-bg*/
.banner-text-bg {
  position: relative;
  overflow: hidden; }
  .banner-text-bg.banner-bg1 {
    background-image: url("../images/bg-tx1.jpg");
    display: inline-block;
    background-position: center center;
    background-size: cover;
    width: 100%; }
    .banner-text-bg.banner-bg1 .bn-text-bg-content {
      float: right;
      padding: 45px 100px 40px 0;
      text-align: center; }
    .banner-text-bg.banner-bg1 .title-bn-bg {
      color: #333333;
      font-size: 30px;
      font-weight: 600;
      line-height: 34px;
      margin: 0;
      text-transform: uppercase; }
    .banner-text-bg.banner-bg1 .desc-bn-bg {
      color: #666666;
      font-size: 16px;
      text-transform: uppercase; }
    .banner-text-bg.banner-bg1 .link-bn-bg {
      background: #df5c53 none repeat scroll 0 0;
      color: #ffffff;
      display: inline-block;
      font-size: 14px;
      line-height: 46px;
      margin-top: 5px;
      padding: 0 20px;
      text-transform: uppercase; }
      .banner-text-bg.banner-bg1 .link-bn-bg:hover {
        background-color: #000000;
        color: #ffffff; }
  .banner-text-bg.banner-bg2 {
    background-image: url("../images/bn-tx2.jpg");
    display: inline-block;
    background-position: center center;
    background-size: cover;
    width: 100%; }
    .banner-text-bg.banner-bg2 .bn-text-bg-content-top-left {
      margin: 35px 0 90px 60px;
      max-width: 50%; }
    .banner-text-bg.banner-bg2 .bn-text-bg-content-bottom-right {
      float: right;
      margin: 90px 20px 40px 0; }
      .banner-text-bg.banner-bg2 .bn-text-bg-content-bottom-right .link-bn-bg {
        background: #c5cc42 none repeat scroll 0 0;
        color: #ffffff;
        display: inline-block;
        font-size: 14px;
        line-height: 41px;
        margin-top: 10px;
        padding: 0 20px;
        text-transform: uppercase; }
        .banner-text-bg.banner-bg2 .bn-text-bg-content-bottom-right .link-bn-bg:hover {
          background-color: #df5c53;
          color: #ffffff; }
    .banner-text-bg.banner-bg2 .title-bn-bg {
      color: #333333;
      font-family: Noto Sans KR;
      font-size: 30px;
      margin: 0 0 3px; }
    .banner-text-bg.banner-bg2 .desc-bn-bg {
      color: #666666;
      font-size: 16px;
      line-height: 24px; }
    .banner-text-bg.banner-bg2:hover .bn-text-bg-content-top-left .title-bn-bg {
      animation-duration: 0.8s;
      -webkit-animation-duration: 0.8s;
      animation-fill-mode: both;
      -webkit-animation-fill-mode: both;
      animation-name: fadeInLeft;
      -webkit-animation-name: fadeInLeft; }
    .banner-text-bg.banner-bg2:hover .bn-text-bg-content-top-left .desc-bn-bg {
      animation-duration: 1s;
      -webkit-animation-duration: 1s;
      animation-fill-mode: both;
      -webkit-animation-fill-mode: both;
      animation-name: zoomIn;
      -webkit-animation-name: zoomIn; }
    .banner-text-bg.banner-bg2:hover .bn-text-bg-content-bottom-right .title-bn-bg {
      animation-duration: 0.8s;
      -webkit-animation-duration: 0.8s;
      animation-fill-mode: both;
      -webkit-animation-fill-mode: both;
      animation-name: fadeInRight;
      -webkit-animation-name: fadeInRight; }
    .banner-text-bg.banner-bg2:hover .bn-text-bg-content-bottom-right .desc-bn-bg {
      animation-duration: 1s;
      -webkit-animation-duration: 1s;
      animation-fill-mode: both;
      -webkit-animation-fill-mode: both;
      animation-name: zoomIn;
      -webkit-animation-name: zoomIn; }
  .banner-text-bg.banner-bg3 {
    background-image: url("../images/bn-tx3.jpg");
    display: inline-block;
    background-position: center center;
    background-size: cover;
    width: 100%;
    min-height: 220px; }
    .banner-text-bg.banner-bg3 .bn-text-bg-content {
      padding: 20px;
      text-align: center; }
    .banner-text-bg.banner-bg3 .title-bn-bg {
      color: #345c5c;
      font-family: Noto Sans KR;
      font-size: 26px;
      margin: 0 0 3px; }
    .banner-text-bg.banner-bg3 .desc-bn-bg {
      color: #333;
      font-size: 16px;
      line-height: 24px; }
    .banner-text-bg.banner-bg3:hover .title-bn-bg {
      animation-duration: 0.8s;
      -webkit-animation-duration: 0.8s;
      animation-fill-mode: both;
      -webkit-animation-fill-mode: both;
      animation-name: fadeInLeft;
      -webkit-animation-name: fadeInLeft; }
    .banner-text-bg.banner-bg3:hover .desc-bn-bg {
      animation-duration: 1s;
      -webkit-animation-duration: 1s;
      animation-fill-mode: both;
      -webkit-animation-fill-mode: both;
      animation-name: zoomIn;
      -webkit-animation-name: zoomIn; }
  .banner-text-bg.banner-bg4 {
    background-image: url("../images/bn-tx5.jpg");
    display: inline-block;
    background-position: center center;
    background-size: cover;
    width: 100%;
    min-height: 220px; }
    .banner-text-bg.banner-bg4 .bn-text-bg-content {
      display: flex;
      float: right;
      margin: 85px 10px 0;
      text-align: right; }
    .banner-text-bg.banner-bg4 .title-bn-bg {
      color: #333333;
      font-family: Noto Sans KR;
      font-size: 22px;
      margin: 0 0 3px; }
    .banner-text-bg.banner-bg4:hover .title-bn-bg {
      animation-duration: 0.8s;
      -webkit-animation-duration: 0.8s;
      animation-fill-mode: both;
      -webkit-animation-fill-mode: both;
      animation-name: fadeInLeft;
      -webkit-animation-name: fadeInLeft; }
  .banner-text-bg.banner-bg5 {
    background-image: url("../images/bn-tx6.jpg");
    display: inline-block;
    background-position: center center;
    background-size: cover;
    width: 100%;
    min-height: 450px; }
    .banner-text-bg.banner-bg5 .bn-text-bg-content {
      margin: 30px 10px 0;
      text-align: center; }
    .banner-text-bg.banner-bg5 .link-bn-bg {
      border: 1px solid;
      color: #666666;
      display: inline-block;
      font-size: 14px;
      line-height: 30px;
      padding: 0 15px;
      text-transform: uppercase; }
      .banner-text-bg.banner-bg5 .link-bn-bg i {
        margin-left: 10px;
        position: relative;
        top: -1px; }
    .banner-text-bg.banner-bg5:hover .title-bn-bg {
      animation-duration: 0.8s;
      -webkit-animation-duration: 0.8s;
      animation-fill-mode: both;
      -webkit-animation-fill-mode: both;
      animation-name: fadeInLeft;
      -webkit-animation-name: fadeInLeft; }
  .banner-text-bg.banner-bg6 {
    background-image: url("../images/bn-tx4.jpg");
    display: inline-block;
    background-position: center center;
    background-size: cover;
    width: 100%;
    min-height: 450px; }
    .banner-text-bg.banner-bg6 .bn-text-bg-content-bottom-left {
      bottom: 20px;
      left: 20px;
      max-width: 250px;
      position: absolute; }
    .banner-text-bg.banner-bg6 .title-bn-bg {
      color: #333333;
      font-family: Noto Sans KR;
      font-size: 20px;
      margin: 0px 0 6px; }
    .banner-text-bg.banner-bg6 .desc-bn-bg {
      font-size: 14px;
      line-height: 20px; }
    .banner-text-bg.banner-bg6:hover .title-bn-bg {
      animation-duration: 0.8s;
      -webkit-animation-duration: 0.8s;
      animation-fill-mode: both;
      -webkit-animation-fill-mode: both;
      animation-name: fadeInLeft;
      -webkit-animation-name: fadeInLeft; }
  .banner-text-bg.banner-bg7 {
    background-image: url("../images/bn-tx7.jpg");
    display: inline-block;
    background-position: center center;
    background-size: cover;
    width: 100%;
    min-height: 450px; }
    .banner-text-bg.banner-bg7 .bn-text-bg-content-top-left {
      left: 20px;
      letter-spacing: 0.5px;
      max-width: 380px;
      position: absolute;
      top: 80px;
      width: 100%;
      color: #333333; }
    .banner-text-bg.banner-bg7 .title-bn-bg {
      font-family: Noto Sans KR;
      font-size: 30px;
      line-height: 30px;
      max-width: 315px; }
    .banner-text-bg.banner-bg7 .desc-bn-bg {
      color: #333333;
      font-size: 16px;
      letter-spacing: 0.5px;
      line-height: 24px; }
    .banner-text-bg.banner-bg7 .link-bn-bg {
      background: #df5c53 none repeat scroll 0 0;
      color: #ffffff;
      display: inline-block;
      font-size: 14px;
      line-height: 41px;
      margin: 27px 0 0;
      padding: 0 20px;
      text-transform: uppercase; }
      .banner-text-bg.banner-bg7 .link-bn-bg:hover {
        background-color: #000000;
        color: #ffffff; }
    .banner-text-bg.banner-bg7:hover .title-bn-bg {
      animation-duration: 0.8s;
      -webkit-animation-duration: 0.8s;
      animation-fill-mode: both;
      -webkit-animation-fill-mode: both;
      animation-name: fadeInLeft;
      -webkit-animation-name: fadeInLeft; }
  .banner-text-bg::before {
    bottom: 0;
    content: "";
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    z-index: 1; }
    .banner-text-bg::before:hover {
      background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
      left: 50%;
      right: 50%; }
  .banner-text-bg::after {
    bottom: 0;
    content: "";
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    z-index: 1; }
  .banner-text-bg:hover::after {
    background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
    bottom: 50%;
    top: 50%; }
  .banner-text-bg:hover::before {
    background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
    left: 50%;
    right: 50%; }
  .banner-text-bg:hover .title-bn-bg {
    animation-duration: 0.8s;
    -webkit-animation-duration: 0.8s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    animation-name: fadeInRight;
    -webkit-animation-name: fadeInRight; }
  .banner-text-bg:hover .desc-bn-bg {
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    animation-name: zoomIn;
    -webkit-animation-name: zoomIn; }
  .banner-text-bg:hover .link-bn-bg {
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
    animation-name: bounceInUp;
    -webkit-animation-name: bounceInUp; }

.width50 {  width: 50%;  float: left; }

.margin5 {
  margin: 0 -5px; }

.padding5 {
  padding: 0 5px; }

#section1 {
  padding: 136px 0 80px; }
#section-main-slide { margin-top:30px;}
#section3 {
  padding: 100px 0 0; }

#section4 {
  padding: 80px 0px 73px; }

#section6 {
  background: #3d3936 none repeat scroll 0 0;
  margin: 52px 0 75px; }

#section8 {
  padding: 20px 0 90px; }

#section11 #primary, #section11 #secondary {
  padding-top: 30px; }

#section2-about {
  padding: 30px 0}

#section3-about {
  padding-bottom: 10px; }

#section9 {
  padding: 40px 0; }

#section12 {
  padding-top: 3px; }

.padding-bottom60 {
  padding-bottom: 60px; }

.padding-top60 {
  padding-top: 60px; }

.padding-top75 {
  padding-top: 75px; }

.margin-top55 {
  margin-top: 55px; }

#section13 {
  padding-top: 100px; }

#section14 {
  padding: 0 0 74px; }

#section141 {
  padding: 0 0 95px; }

#section15 {
  padding: 119px 0 137px; }

#section16 {
  background: #f5f4f3;
  padding: 65px 0 138px; }

#section17 {
  padding: 95px 0px; }

#section18 {
  padding-bottom: 100px; }

#section19 {z-index:1; }

#section20 {
  padding-top: 112px; }

#section21 {
  padding-bottom: 100px; }

#section22 {
  padding-bottom: 60px; }

#section26 {
  padding-top: 45px; }

#section29 {
  padding-bottom: 70px; }

#section30 {
  padding-top: 40px; }

#section32 {
  padding: 100px 0; }

#section33 {
  padding-top: 30px;
  padding-bottom: 45px; }

#section35 {
  padding: 70px 0 55px; }

#section38 {
  padding-bottom: 30px; }

#section40 {
  padding: 69px 0 99px; }

#section41 {  padding: 30px 0;  }

#section43 {
  padding: 135px 0 70px; }

#section44 {
  padding-bottom: 100px; }

#section45 {
  padding: 40px 0 0; }

#section46 {
  padding: 50px 0 60px; }

#section48 {
  padding: 47px 0 0px; }

#section48-2 {
  padding: 60px 0 60px; }

#section50 {
  padding: 30px 0 65px; }

#section53 {
  padding: 93px 0 60px; }

#section54 {
  padding-bottom: 80px; }

#section55 {
  padding-top: 67px; }

#section56 {
  padding-top: 83px; }

#section57 {
  padding-top: 33px; }

#section58 {
  padding-top: 67px; }

#section59 {
  padding-top: 25px; }

#section61 {
  padding-bottom: 50px; }

#section60 {
  padding: 30px 0 30px; }

#section63 {
  padding: 20px 0 60px; }

#section65 {
  padding: 45px 0 60px; }

#section66 {
  padding-top: 96px; }

#section-newsletter-2 {
  background: #0a0a0a;
  padding: 80px 0 65px; }

#section67 {
  padding-bottom: 50px;
  padding-top: 115px; }

#section69 {
  padding-bottom: 100px;
  padding-top: 94px; }

@media (min-width: 992px) {
  .nopadding {
    padding: 0; }

  .nomargin {
    margin: 0; }

  .nomargin {
    margin: 0; }

  .nopadding-right {
    padding-right: 0; }

  .nopadding-left {
    padding-left: 0; }

  .marginright65 {
    margin-right: 65px; }

  .marginleft65 {
    margin-left: 65px; }

  .margin-top50 {
    margin-top: 50px; } }
/* -------------------- */
/*  	   Blog         */
/* -------------------- */
/*Sidebar Blog*/
.widget_search .search-form {
  border: 1px solid #dddddd;
  display: inline-block;
  line-height: 50px;
  height: 52px;
  position: relative;
  width: 100%; }
.widget_search .search[type="text"] {
  border: medium none;
  float: left;
  font-size: 17px;
  line-height: 50px;
  height: 50px;
  padding-right: 65px;
  width: 100%; }
.widget_search .search-form-submit {
  background: transparent none repeat scroll 0 0;
  border: medium none;
  float: right;
  font-size: 21px;
  line-height: 45px;
  padding-top: 3px;
  position: absolute;
  right: 0;
  width: 60px; }

/*Latest post*/
.post-img {
  float: left; }

.recent_posts_content {
  padding-left: 150px; }

.recent_posts_list > li {
  display: inline-block;
  margin-bottom: 46px;
  width: 100%; }
  .recent_posts_list > li:last-child {
    margin: 0; }

.title-post {
  margin: -3px 0 0; }
  .title-post a {
    color: #333333; }
    .title-post a:hover {
      color: #df5c53; }

.ts-post-time {
  display: inline-block;
  margin: 10px 0 19px;
  width: 100%; }

.readmore-link {
  color: #df5c53;
  font-family: "Noto Sans KR";
  font-size: 12px;
  text-transform: uppercase; }
  .readmore-link i {
    margin-left: 5px; }
  .readmore-link:hover {
    color: #333333; }

.widget_tags .blog-tags a {
  border: 1px solid #dddddd;
  color: #333333;
  margin-bottom: 11px;
  margin-right: 7px;
  padding: 0 14px; }
  .widget_tags .blog-tags a::before {
    display: none; }
  .widget_tags .blog-tags a:hover {
    border: 1px solid #df5c53;
    color: #df5c53; }

/*Widget Quote*/
.blog-quote > span {
  float: left;
  background: #df5c53;
  border-radius: 50%;
  color: #ffffff;
  display: inline-block;
  font-size: 21px;
  position: relative;
  height: 45px;
  line-height: 44px;
  text-align: center;
  width: 45px; }

.quote-content {
  font-family: Georgia;
  font-size: 20px;
  font-style: italic;
  padding-left: 60px; }

/*Blog Content*/
.post-title {
  font-size: 20px;
  margin: 0 0 5px; }
  .post-title a {
    color: #333333; }
    .post-title a:hover {
      color: #df5c53; }

.entry-header {
  margin-bottom: 20px; }

.blog-wrap .post-meta li, .blog-single .post-meta li {
  color: #888888;
  display: inline-block;
  font-size: 14px;
  font-style: normal;
  list-style: outside none none;
  margin-right: 5px;
  padding-right: 15px;
  position: relative; }
  .blog-wrap .post-meta li::after, .blog-single .post-meta li::after {
    content: "|"; }
  .blog-wrap .post-meta li:last-child::after, .blog-single .post-meta li:last-child::after {
    content: ""; }
.blog-wrap .blog-item, .blog-single .blog-item {
  margin-bottom: 95px; }
.blog-wrap .post-description, .blog-single .post-description {
  margin-top: 30px; }
.blog-wrap .readmore-link, .blog-single .readmore-link {
  display: inline-block;
  margin-top: 35px; }

.media-post {
  position: relative; }
  .media-post figure a::before {
    background: rgba(255, 255, 255, 0.6) none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    width: 0%; }
  .media-post figure a::after {
    background: rgba(255, 255, 255, 0.6) none repeat scroll 0 0;
    bottom: 0;
    content: "";
    right: 0;
    position: absolute;
    top: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    width: 0%; }
  .media-post figure:hover a::after {
    width: 50%; }
  .media-post figure:hover a::before {
    width: 50%; }

.post-time {
  background: #df5c53;
  color: #ffffff;
  display: inline-block;
  height: 73px;
  left: 0;
  line-height: 20px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 73px; }
  .post-time a {
    color: #ffffff;
    font-family: "Noto Sans KR"; }
    .post-time a .post-date {
      display: inline-block;
      font-size: 30px;
      margin-top: 15px;
      width: 100%; }

/*Single Post*/
.blog-content {
  font-size: 17px;
  margin: 40px 0; }
  .blog-content blogquote {
    color: #333333;
    display: inline-block;
    padding: 45px 45px 65px 95px; }

.xshop-author {
  display: inline-block;
  margin-top: 40px;
  width: 100%; }
  .xshop-author .avt-author {
    float: left;
    margin-right: 30px; }
  .xshop-author .name-author {
    color: #333333;
    font-size: 14px;
    margin: 0 0 18px;
    text-transform: uppercase; }
    .xshop-author .name-author a {
      color: #333333; }
      .xshop-author .name-author a:hover {
        color: #df5c53; }

.comments-area {
  display: inline-block;
  margin-top: 30px;
  width: 100%; }

.title-element-blog {
  color: #333333;
  font-size: 18px;
  margin: 0 0 30px;
  text-transform: uppercase; }
  .title-element-blog span {
    color: #aaaaaa; }

.comment-list > li {
  border-bottom: 1px solid #e7e7e7;
  list-style: outside none none;
  margin-bottom: 40px;
  padding-bottom: 20px; }
  .comment-list > li:last-child {
    border-bottom: none;
    margin-bottom: 0; }

.comment-item {
  padding-left: 70px; }

.author {
  color: #333333;
  font-size: 14px;
  text-transform: uppercase; }

.comment-author {
  float: left; }

.comment-body {
  color: #888888;
  font-size: 14px;
  line-height: 26px;
  padding-left: 130px; }

.date-reply-comment {
  margin-bottom: 10px; }

.date-comment {
  color: #cccccc;
  font-size: 12px; }

.comment-reply-link {
  color: #333333;
  display: inline-block;
  font-family: "Noto Sans KR";
  font-size: 14px;
  margin-bottom: 20px;
  text-transform: uppercase; }

.children {
  list-style: outside none none;
  padding: 0; }
  .children li {
    border-top: 1px solid #e7e7e7;
    margin-top: 20px;
    padding-left: 100px;
    padding-top: 30px; }

.comment-respond {
  display: inline-block;
  margin-bottom: 100px;
  width: 100%; }
  .comment-respond input[type="text"], .comment-respond input[type="email"], .comment-respond textarea, .comment-respond input[type="password"], .comment-respond input[type="tel"], .comment-respond select {
    border: 1px solid #ccc;
    font-size: 16px;
    line-height: 46px;
    margin-bottom: 60px;
    padding: 0 20px;
    width: 100%; }
    .comment-respond input[type="text"]:focus, .comment-respond input[type="email"]:focus, .comment-respond textarea:focus, .comment-respond input[type="password"]:focus, .comment-respond input[type="tel"]:focus, .comment-respond select:focus {
      border-color: #df5c53; }
  .comment-respond input[type="text"], .comment-respond input[type="email"], .comment-respond input[type="password"], .comment-respond input[type="tel"], .comment-respond select {
    height: 46px; }
.button-default-middle-black, .button-submit, .button-default-middle, .button-submit-pay, .button-xs { box-sizing:border-box;}

.button-submit {  display: inline-block;  font-size: 14px;  line-height: 40px;  color: #FFFFFF; }

.button-submit {background: #5bbdda;  border:1px solid #5bbdda;  color: #fff;  font-family: "Noto Sans KR";  font-size: 14px;  line-height: 20px; border-radius:100px; padding: 5px 20px; margin:3px 0; text-transform: uppercase; font-weight:700;  }
.button-submit:hover {  background-color: #333;  color: #FFFFFF;}

.button-submit-login { background: #6dc7d6;  border: medium none;  color: #ffffff;  font-family: "Noto Sans KR";  font-size: 14px;  line-height: 40px;  padding: 0 30px;  border-radius:3px; text-transform: uppercase; width:100%; }
.button-submit-login:hover {  background-color: #333;  color: #FFFFFF;}

.button-default { background: #000;  border:1px solid #000;  color: #ccc;  font-family: "Noto Sans KR";  font-size: 14px;  line-height: 20px; border-radius:100px; padding: 5px 20px; margin:3px 0; text-transform: uppercase; font-weight:700; }
.button-default:hover {  border:1px solid #333;color: #fff;}

.button-default-black { background: #333;  border:1px solid #333;  color: #ccc;  font-family: "Noto Sans KR";  font-size: 14px;  line-height: 30px; border-radius:100px; padding: 5px 30px;  text-transform: uppercase; font-weight:700; }
.button-default-black:hover {  border:1px solid #000;color: #fff;}

.button-default-black-login { width:100%; height:100%; background: #333;  border:1px solid #333;  color: #ccc;  font-family: "Noto Sans KR";  font-size: 14px; font-weight:700;line-height: 30px; border-radius:3px; padding: 5px 30px;  text-transform: uppercase; }
.button-default-black-login:hover {  border:1px solid #000;color: #fff;}

.button-default-middle { background: #fff;  border:1px solid #ccc;  color: #333;  font-family: "Noto Sans KR";  font-size: 14px;  border-radius:3px;  padding: 2px 10px;  text-transform: uppercase;}
.button-default-middle:hover {  border:1px solid #333;}

.button-default-middle-black { background: #333;  border:1px solid #333;  color: #ccc;  font-family: "Noto Sans KR";  font-size: 14px;  border-radius:3px; padding: 2px 10px;  text-transform: uppercase;}
.button-default-middle-black:hover {  border:1px solid #000; color: #fff; }


.button-default-small { background: #fff;  border:1px solid #ccc;  color: #333;  font-family: "Noto Sans KR";  font-size: 12px;  border-radius:3px; padding: 2px 5px;  text-transform: uppercase; line-height:20px;}
.button-default-small:hover {  border:1px solid #333;  }
.button-default-small-black { background: #333;  border:1px solid #333;  color: #ccc;  font-family: "Noto Sans KR";  font-size: 12px;  border-radius:3px; padding: 2px 5px;  text-transform: uppercase; line-height:20px;}
.button-default-small-black:hover {  border:1px solid #000; color: #fff; }

.button-submit-pay { width:100%; 
background: #6dc7d6;  border: medium none; 
color: #ffffff;  font-family: "Noto Sans KR";  
font-size:18px;  line-height: 30px;  padding: 10px 30px; margin-top:-10px;  text-transform: uppercase; border-radius:0 0 10px 10px; margin-bottom:20px}
.button-submit-pay:hover {  background-color: #036; }

.button-xs {  background: #fff;  border: 1px solid #ccc;  color: #333;  font-family: "Noto Sans KR";   border-radius:3px;  font-size: 11px;  line-height: 1.5em;   padding: 2px 8px;  text-transform: uppercase; font-weight:400; }
.button-xs:hover { background-color: #000;  border: 1px solid #000; color:#fff; }

@media(min-width:200px) and (max-width: 757px){
.button-submit-pay {  border-radius:0 0 10px 10px !important;}
.button-submit-pay:hover {  background-color: #036; }
}
.widget_image figure {
  overflow: hidden;
  position: relative; }
.widget_image img {
  -webkit-transition: all .6s ease-in-out;
  -moz-transition: all .6s ease-in-out;
  -ms-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out; }
.widget_image:hover a::before {
  content: "";
  background: rgba(0, 0, 0, 0.2);
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 1;
  right: 0;
  position: absolute; }
.widget_image:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1); }

/* -------------------- */
/*   Product Style      */
/* -------------------- */
/*---Product Slide---*/
.slide-product-wrap {
  margin-top: 0;
  margin-bottom: 0px; }
  .slide-product-wrap .product-item {   margin: 0; }

.product-item { padding: 0 ; margin: 0; position: relative; width:70%;
-webkit-transition: all .6s ease-in-out;
  -moz-transition: all .6s ease-in-out;
  -ms-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out; }
  .product-item .product-info {width:100%;    overflow: hidden;   text-align:left;  padding-top:20px; color:#333; z-index:2;}

  
  .product-item a { display:block; width:100%; height:auto;  font-weight:500;letter-spacing:-0.3px; color:#333}
  .product-item a:hover + .overay { display:block; width:100%; height:auto;  font-weight:500;letter-spacing:-0.3px; background:rgba(0,0,0,0.9);}
  .product-item:hover .product-button-action {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; }

.product-item a {  display:block; width:100%; height:auto;  overflow: hidden;  }
.product-item a:hover .product-info, .product-item a:hover { background:rgba(255, 255, 255, 0); }
.product-item a img {  transition: transform .3s ease; 
-webkit-filter: grayscale(0%);
  -webkit-transition: .3s ease-in-out;
  -moz-filter: grayscale(0%); 
  -moz-transition: .3s ease-in-out;
  -o-filter: grayscale(0%); 
  -o-transition: .3s ease-in-out;}

.product-item a:hover img {  transform: scale(1.1) translateY(-10px); 
-webkit-filter: grayscale(0%);
  -webkit-transition: .3s ease-in-out;
  -moz-filter: grayscale(0%);
  -moz-transition: .3s ease-in-out;
  -o-filter: grayscale(0%);
  -o-transition: .3s ease-in-out;}

/*칼라에서 흑백 줌인
.product-item .img-hover-zoom img:hover {
  -webkit-filter: grayscale(100%);
  -webkit-transition: .5s ease-in-out;
  -moz-filter: grayscale(100%);
  -moz-transition: .5s ease-in-out;
  -o-filter: grayscale(100%);
  -o-transition: .5s ease-in-out;
} 

.product-item .img-hover-zoom img {
  -webkit-filter: grayscale(0%);
  -webkit-transition: .5s ease-in-out;
  -moz-filter: grayscale(0%); 
  -moz-transition: .5s ease-in-out;
  -o-filter: grayscale(0%); 
  -o-transition: .5s ease-in-out;
}*/
/* 이미지 흑백에서 컬러 */

.product-item img:hover {
  
} 


.product-item img {
  
}

  .product-item:not(.slick-cloned) {  background-color: #FFFFFF; }
  .product-item .product-media .product-images-wrap figure > a::before { bottom: 0;  content: "";  cursor: pointer;  left: 0;  position: absolute;  right: 0;  top: 0;  transition: all 0.6s ease-in-out 0s;  z-index: 1; }
  .product-item .product-media .product-images-wrap figure > a::after {  bottom: 0;  content: "";  cursor: pointer;  left: 0;  position: absolute;  right: 0;  top: 0;  transition: all 0.6s ease-in-out 0s;  z-index: 1; }
  .product-item .product-media .product-images-wrap.has-secondary-thumb figure > a::before, .product-item .product-media .product-images-wrap.has-secondary-thumb figure > a::after {  display: none; }
  .product-item:hover .product-media .product-images-wrap figure > a::before {  background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;   left: 50%;    right: 50%; }
  .product-item:hover .product-media .product-images-wrap figure > a::after {  background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;  bottom: 50%;  top: 50%; }
  .product-item .product-media img {  width:100%; height: auto; }
  .product-item .has-secondary-thumb figure {
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out; }
  .product-item .product-second-figure { bottom: 0px;  left: 0; position: absolute; right: 0px; top: 0; transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    z-index: -1; }
  .product-item:hover .has-secondary-thumb.first-thumb-rotate .product-first-figure {  opacity: 0;  transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg); }
  .product-item:hover .has-secondary-thumb .product-second-figure {  transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    -webkit-transform: rotateY(360deg);
    z-index: 1; }
  .product-item .product-media .product-images-wrap.first-thumb-overlay .product-first-figure a::before {  background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
    content: "";  display: inline-block;  height: 220%;  left: -120%;   position: absolute;   top: -90%;
	-webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
    -o-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
    -webkit-transition: all 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s;
    width: 80%;
    z-index: 3; }
  .product-item .product-media .product-images-wrap.first-thumb-overlay .product-first-figure a::after {  background: transparent none repeat scroll 0 0;  content: "";  display: block;  height: 100%;  left: 0;  position: absolute;
    top: 0;   -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    width: 100%;
    z-index: 2; }
  .product-item:hover .product-media .product-images-wrap.first-thumb-overlay .product-first-figure a::before {
    left: -56%; }
  .product-item:hover .product-media .product-images-wrap.first-thumb-overlay .product-first-figure a::after {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; }

.tab-content-30 .product-item {
  margin-bottom: 23px; }

.products-wraps-style2 .product-item {
  margin-bottom: 32px; }

.product-item-light .product-name {  font-size: 15px;  line-height: 15px;  margin-bottom: 0; }
.product-item-light .price {
  font-size: 16px;
  color: #df5c53; }

.product-item.product-item-duck .product-button-action .button.add_to_cart_button {
  color: #333333; }
  .product-item.product-item-duck .product-button-action .button.add_to_cart_button:hover {
    color: #df5c53; }
.product-item.product-item-duck .onsale {
  background: #333333 none repeat scroll 0 0;
  color: #ffffff;
  display: inline-block;
  font-family: "Noto Sans KR";
  font-size: 12px;
  line-height: 30px;
  padding: 0 8px;
  position: absolute;
  right: 20px;
  text-transform: uppercase;
  top: 20px;
  z-index: 1; }

  



/*Product Style Zoom*/


.product-item .has-secondary-thumb .product-second-figure.product-second-zoom {
  opacity: 0;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0); }
.product-item:hover .has-secondary-thumb .product-second-figure.product-second-zoom {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1); }

/*Product Style fadein Down*/
.product-item .has-secondary-thumb .product-second-figure.product-second-fadeinDown {
  opacity: 0;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%); }
.product-item:hover .has-secondary-thumb .product-second-figure.product-second-fadeinDown {
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0); }
.product-item .has-secondary-thumb .product-first-figure {
  transform: none;
  -o-transform: none;
  -o-transform: none; }
.product-item:hover .has-secondary-thumb .product-first-figure {
  opacity: 0;
  transform: none;
  -o-transform: none;
  -o-transform: none; }

.product-name {  font-family: "Noto Sans KR", sans-serif;  font-size: 14px;  line-height: 1.3em; letter-spacing:0.5pt; padding:0 0px; margin: 10px 0 3px;  color: #555;  font-weight:400;}
.product-name:hover {   color: #6dc7d6; }



.product-media {
  overflow: hidden;
  position: relative; }
  .product-media .product-images-wrap {
    display: inline-block;
    overflow: hidden;
    position: relative;
    width: 100%;
    float: left; }
    .product-media .product-images-wrap figure, .product-media .product-images-wrap figure img {
      width: 100%; }

.slick-slide img {
  display: block;
  width: 100%; }

.product-button-action {  text-align: center;
  -webkit-transform: translateY(150px);
  -ms-transform: translateY(150px);
  -o-transform: translateY(150px);
  transform: translateY(150px);
  -webkit-transition: all .6s ease-in-out;
  -moz-transition: all .6s ease-in-out;
  -ms-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out;
  position: absolute;  bottom: 0;  top: 0;  padding: 10px 0 0;  background-color: #fff;    opacity: 0; }

.product-button-action .button {
  display: inline-block;
  font-family: "Noto Sans KR";
  font-size: 18px;
  padding: 0 8px;
  color: #666666;
  position: relative;
  top: 2px;
  text-transform: uppercase; }
  .product-button-action .button.add_to_cart_button { color: #333333; font-size: 18px; top: 0; }
    
	/*
	.product-button-action .button.add_to_cart_button:before {
      content: "+";
      margin-right: 5px; }
	  */
  .product-button-action .button:hover {
    color: #df5c53; }

.slick-list::before {
  background: rgba(255, 255, 255, 0) none repeat scroll 0 0;
  bottom: 0;
  content: "";
  left: 0;
  position: absolute;
  top: 0;
  width: 340px;
  z-index: 1; }

.slick-list::after {
  background: rgba(255, 255, 255, 0) none repeat scroll 0 0;
  bottom: 0;
  content: "";
  right: 0;
  position: absolute;
  top: 0;
  width: 340px;
  z-index: 1; }

.slick-arrow {
  background: transparent none repeat scroll 0 0;  border: medium none;  font-size: 24px;  position: absolute;  top: 50%;  left: 100px;  z-index: 3;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%); }
  .slick-arrow.slick-next {
    right: 100px;
    left: auto; }
  .slick-arrow:hover {
    color: #000000; }

.detail-product .container {
  padding: 0 15px; }

.shop-sidebar-area .title-sidebar {
  font-size: 22px;
  text-transform: capitalize;
  margin-top: 2px;
  margin-bottom: 47px; }

.shop-sidebar-area .widget_categories .title-sidebar, .shop-sidebar-area .widget_tags .title-sidebar, .shop-sidebar-area .widget_brands .title-sidebar {
  margin-bottom: 37px; }

.sidebar.shop-sidebar-area .widget {
  margin-bottom: 70px; }

.owl-carousel .owl-item img {  transform-style: inherit;  -o-transform-style: inherit;  -webkit-transform-style: inherit; }

/*Product Categories nav*/
.xshop-shop #primary { padding: 10px 0 20px 0;  }

.list-categories-nav {
  margin-bottom: 42px;
  text-align: center; }
  .list-categories-nav li {
    display: inline-block;
    font-family: "Noto Sans KR";
    font-size: 14px;
    padding: 0 15px;
    text-transform: uppercase; }
    .list-categories-nav li a {
      color: #aaaaaa; }
      .list-categories-nav li a:hover {
        color: #333333; }
    .list-categories-nav li.active a {
      color: #333333; }

/*Product Shop*/
.products-wraps {
  display: inline-block; width:100%;}


.product-top {color: #aaaaaa; display: inline-block; font-family: "Noto Sans KR"; margin-bottom: 30px; border-bottom:2px solid #666; width: 100%; font-size:12px;}
.products-result-count {  float: left;  margin: 0; }
.products-ordering {  float: right;  font-size: 12px;  text-transform: uppercase; }
.sort-by, .sort-number-show, .sort-views {  float: left;  line-height: 30px; margin-left: 15px; }
.products-ordering .sort-by {  margin: 0;  }
.products-change-view {  display: inline-block;  font-size: 21px;  margin-left: 10px; }
  .products-change-view.active { color: #333; }
.sort-views .label-title { text-transform: none;  font-size: 12px; }

/*Pagation*/
.pagation ul { margin-bottom: 30px;  padding: 25px 0;  font-size: 16px;}

.page-numbers {  text-align: center; }
.page-numbers li { display: inline-block;  padding: 0 18px;    font-family: "Noto Sans KR";    list-style: outside none none;   border-right:1px solid #ccc; position: relative; font-size: 14px; color:#c00; }

.page-numbers li:first-of-type { border-left:1px solid #ccc; }
.page-numbers li a {  color: #888; }
.page-numbers li a:active {  color: #c00; }
.page-numbers li a:hover { color: #333;  text-decoration: underline; }
.page-numbers li.prev {  float: left;  padding: 0 5px 0 0; }
.page-numbers li.prev a { color: #aaaaaa; }
.page-numbers li.prev a:hover {  color: #df5c53; text-decoration: none; }
.page-numbers li.prev a::before { content: ""; position: absolute;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
width: 0; bottom: 3px; border-bottom: 1px solid #df5c53; left: 0; }
.page-numbers li.prev a:hover::before { width: 100%; }
.page-numbers li.next {  float: right;  padding: 0 0 0 5px; }
.page-numbers li.next a { color: #aaaaaa; }
.page-numbers li.next a:hover {  color: #df5c53; text-decoration: none; }
.page-numbers li.next a::after { content: ""; position: absolute;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
border-bottom: 1px solid #df5c53; width: 0; bottom: 3px; right: 0; }
.page-numbers li.next a:hover::after { width: 100%; }
.page-numbers li span.current {color: #df5c53; text-decoration: underline; }

@media(min-width:200px) and (max-width: 757px){
.pagation ul { margin-bottom: 15px;  padding: 15px 0; margin-bottom:0; }
.page-numbers li { display: inline-block; width:8% !important;   padding: 0 5px;    font-family: "Noto Sans KR";    list-style: outside none none;    position: relative;    font-size: 11px; }
.page-numbers li.next {  display:none; }
}
.columns-2 .product-item {
  float: left;
  width: 50%; }
  .columns-2 .product-item:nth-child(2n+1) {
    clear: both; }
.columns-3{ font-size:0px; }
.columns-3 .product-item { display:inline-block;  width: 33.33%; }
  .columns-3 .product-item:nth-child(3n+1) {
    clear: both; }

.columns-4 .product-item {
  float: left;
  width: 25%; }
  .columns-4 .product-item:nth-child(4n+1) {
    clear: both; }


.products-list .product-item {
  width: 100%;
  margin-bottom: 60px; }
  .products-list .product-item .product-info {
    text-align: left; }
  .products-list .product-item:last-child {
    margin-bottom: 32px; }
  .products-list .product-item .product-media {
    padding-left: 0; }
  .products-list .product-item .product-button-action {
    bottom: auto;
    left: auto;
    padding: 30px 0 0;
    position: inherit;
    background-color: transparent;
    right: auto;
    text-align: left;
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    transition: none 0s ease 0s;
    -o-transition: none 0s ease 0s;
    -webkit-transition: none 0s ease 0s; }
  .products-list .product-item .product-name {
    margin-top: -5px; }

.product-item .new-product {
  background: #333333;
  color: #ffffff;
  display: inline-block;
  font-family: "Noto Sans KR";
  font-size: 12px;
  line-height: 30px;
  padding: 0 8px;
  position: absolute;
  right: 20px;
  text-transform: uppercase;
  top: 20px;
  z-index: 1; }
.product-item .new-product-light {
  background: #ffc601;
  color: #ffffff;
  display: inline-block;
  font-family: "Noto Sans KR";
  font-size: 12px;
  line-height: 30px;
  padding: 0 14px;
  position: absolute;
  right: 20px;
  text-transform: uppercase;
  top: 20px;
  z-index: 1; }
.product-item .sales-duck {
  background: #333333;
  color: #ffffff;
  display: inline-block;
  font-family: "Noto Sans KR";
  font-size: 12px;
  line-height: 30px;
  padding: 0 8px;
  position: absolute;
  right: 20px;
  text-transform: uppercase;
  top: 20px;
  z-index: 1; }
.product-item .onsale {
  background: #df5c53;
  color: #ffffff;
  display: inline-block;
  font-family: "Noto Sans KR";
  font-size: 12px;
  line-height: 30px;
  padding: 0 8px;
  position: absolute;
  right: 20px;
  z-index: 1;
  text-transform: uppercase;
  top: 20px; }
.product-item .onsale-off {
  background: #df5c53;
  border-radius: 50%;
  color: #ffffff;
  display: inline-block;
  font-family: "Noto Sans KR";
  font-size: 16px;
  height: 64px;
  line-height: 64px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 64px; }
.product-item .sales-hot {
  background: #fa9c14;
  border-radius: 50%;
  color: #ffffff;
  display: inline-block;
  font-family: "Noto Sans KR";
  font-size: 16px;
  height: 64px;
  line-height: 64px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 64px;
  z-index: 30; }

.star-rating {
  margin: 30px 0; }
  .star-rating a {
    color: #efce4a;
    display: inline-block;
    font-size: 17px;
    margin: 0 3px 0 0; }

/*Sidebar shop*/
.title-sidebar {
  color: #000;
  margin: 0 0 37px;
  font-size: 18px;
  text-transform: uppercase; }

.sidebar ul {
  list-style: outside none none; }
  .sidebar ul .children {
    display: inline-block;
    margin-top: 15px;
    width: 100%; }
.sidebar .widget {
  margin-bottom: 50px; }
  .sidebar .widget.widget_categories {
    margin-bottom: 98px; }

.sidebar.sidebar-inpage .widget.widget_categories {
  margin-bottom: 52px; }

#secondary.sidebar-inpage {
  padding-bottom: 10px; }
  #secondary.sidebar-inpage .title-sidebar {
    margin-top: 0; }

.product-hover-style2 .product-button-action .button.add_to_cart_button {
  font-size: 14px;
  top: -1px; }

.product-item.product-hover-style2:hover .product-button-action {
  transform: translateY(35px);
  padding: 0; }
.product-item.product-hover-style2:hover .product-name {
  color: #aaaaaa; }
  .product-item.product-hover-style2:hover .product-name:hover {
    color: #df5c53; }

.product-categories li, .product-brands li {
  border-top: 1px solid #f2f2f2;
  display: inline-block;
  line-height: 30px;
  padding: 15px 0;
  text-align: right;
  width: 100%;
  position: relative;
  font-size: 14px; }
  .product-categories li a, .product-brands li a {
    float: left;
    font-size: 16px;
    color: #333333; }
  .product-categories li:hover, .product-brands li:hover {
    color: #df5c53; }
    .product-categories li:hover a, .product-brands li:hover a {
      color: #df5c53; }
  .product-categories li.active, .product-brands li.active {
    color: #df5c53; }
    .product-categories li.active a, .product-brands li.active a {
      color: #df5c53; }
  .product-categories li:first-child, .product-brands li:first-child {
    padding-top: 0;
    line-height: 18px; }
.product-categories > li:first-child, .product-brands > li:first-child {
  border: none; }

.product-categories li:last-child, .product-brands li:last-child {
  padding-bottom: 0; }

ul.product-brands li {
  padding: 15px 0 15px 23px; }
  ul.product-brands li::before {
    border-bottom: 5px solid transparent;
    border-left: 5px solid #e1e1e1;
    border-top: 5px solid transparent;
    content: "";
    height: 0;
    left: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }

ul.product-brands li:first-child::before {
  top: 8px; }

ul.product-brands li:last-child::before {
  top: 28px; }

.products-ordering .chosen-single {
  font-size: 14px; }

.product-size li {
  background: #eee none repeat scroll 0 0;
  color: #333333;
  font-family: "Noto Sans KR";
  font-size: 16px;
  margin-bottom: 15px;
  margin-right: 10px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  display: inline-block; }
  .product-size li:last-child {
    margin-right: 0; }
  .product-size li a {
    color: inherit;
    display: inline-block;
    padding: 0 11px; }
  .product-size li:hover, .product-size li.active {
    background-color: #333333;
    color: #FFFFFF; }

.widget_tags a {
  color: #666;
  margin-right: 18px;
  padding-right: 4px;
  position: relative;
  display: inline-block; }
  .widget_tags a::before {
    border-bottom: 2px solid #df5c53;
    content: "";
    display: inline-block;
    height: 0;
    position: absolute;
    top: 50%;
    transition: all 0.6s ease 0s;
    width: 0; }
  .widget_tags a:hover::before, .widget_tags a.active::before {
    width: 100%; }

/*Filter by color*/
.list-color a {
  display: inline-block;
  height: 32px;
  margin-bottom: 3px;
  margin-right: 10px;
  position: relative;
  text-align: center;
  width: 32px; }
  .list-color a.color1 {
    background: #df5c53 none repeat scroll 0 0; }
  .list-color a.color2 {
    background: #a8a7a3 none repeat scroll 0 0; }
  .list-color a.color3 {
    background: #80cedb none repeat scroll 0 0; }
  .list-color a.color4 {
    background: #ea8d32 none repeat scroll 0 0; }
  .list-color a.color5 {
    background: #5f90ba none repeat scroll 0 0; }
  .list-color a.color6 {
    background: #333333 none repeat scroll 0 0; }
  .list-color a.color7 {
    background: #b39192 none repeat scroll 0 0; }
  .list-color a.active::before, .list-color a:hover::before {
    color: #fff;
    content: "\f00c";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 12px;
    left: 0;
    position: absolute;
    width: 100%; }

/*Filter price*/
.price_slider_amount {
  color: #666;
  font-family: "Noto Sans KR";
  font-size: 16px; }

.slider-range-price {
  background: #dbdbdb none repeat scroll 0 0;
  height: 3px;
  margin-bottom: 25px;
  position: relative; }
  .slider-range-price .ui-slider-range {
    background: #df5c53 none repeat scroll 0 0;
    height: 3px;
    left: 65px;
    position: absolute;
    top: 0;
    width: 140px; }
  .slider-range-price .ui-slider-handle {
    background: #df5c53 none repeat scroll 0 0;
    cursor: e-resize;
    height: 7px;
    left: 65px;
    position: absolute;
    top: -2px;
    width: 7px; }
    .slider-range-price .ui-slider-handle.ui-slider-handle-right {
      background: #df5c53 none repeat scroll 0 0;
      cursor: e-resize;
      height: 7px;
      left: 205px;
      position: absolute;
      top: -2px;
      width: 7px; }

/*Product Single*/
.single-product-media {
  position: relative; }
  .single-product-media .img-product-thumb {
    display: inline-block;
    width: 100% !important;
    margin-top: -7px; }
  .single-product-media .bx-wrapper {
    left: -130px;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    position: absolute;
    top: 0; }
    .single-product-media .bx-wrapper:hover .bx-controls-direction a::before {
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0); }
    .single-product-media .bx-wrapper:hover .bx-controls-direction a.bx-next::before {
      -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0); }
  .single-product-media .bx-wrapper .bx-viewport {
    background: #ffffff none repeat scroll 0 0;
    border: medium none;
    box-shadow: 0 0;
    left: 0; }
  .single-product-media .bx-wrapper .bx-controls-direction a {
    height: 30px;
    left: 0;
    margin-top: 0;
    outline: 0 none;
    position: absolute;
    text-indent: 0;
    font-size: 0;
    top: 0;
    width: 100%;
    z-index: 9999; }
    .single-product-media .bx-wrapper .bx-controls-direction a::before {
      background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
      color: #ffffff;
      content: "\f106";
      font-family: FontAwesome;
      font-size: 20px;
      position: absolute;
      text-align: center;
      top: 0;
      -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
      -o-transform: translateY(-100%);
      transform: translateY(-100%);
      -webkit-transition: all .6s ease-in-out;
      -moz-transition: all .6s ease-in-out;
      -ms-transition: all .6s ease-in-out;
      -o-transition: all .6s ease-in-out;
      transition: all .6s ease-in-out;
      width: 100%;
      z-index: 99; }
    .single-product-media .bx-wrapper .bx-controls-direction a.bx-next {
      top: auto;
      bottom: 0; }
      .single-product-media .bx-wrapper .bx-controls-direction a.bx-next::before {
        background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
        color: #ffffff;
        content: "\f107";
        font-family: FontAwesome;
        font-size: 20px;
        position: absolute;
        text-align: center;
        top: 0;
        -webkit-transform: translateY(100%);
        -ms-transform: translateY(100%);
        -o-transform: translateY(100%);
        transform: translateY(100%);
        -webkit-transition: all .6s ease-in-out;
        -moz-transition: all .6s ease-in-out;
        -ms-transition: all .6s ease-in-out;
        -o-transition: all .6s ease-in-out;
        transition: all .6s ease-in-out;
        width: 100%;
        z-index: 99; }

.product-title {
  color: #666666;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 16px;
  margin: -3px 0 10px; }

.in-stock {
  color: #888888;
  font-family: "Noto Sans KR", sans-serif;
  font-size: 13px;
  margin-left: 20px; }
  .in-stock i {
    font-size: 12px;
    color: #a5be5a; }

.single-product-content {
  padding-left: 40px; }
  .single-product-content .product-price {
    margin: 5px 0 10px; }
  .single-product-content .star-rating {
    float: left;
    margin: 0 20px 4px 0; }
  .single-product-content .product-desc {
    margin: 0 0 35px; }
  .single-product-content .list-color {
    margin-bottom: 15px; }
  .single-product-content .quantity {
    float: left; }
  .single-product-content input[type="text"] {
    border: medium none;
    color: #333333;
    font-family: Noto Sans KR;
    font-size: 20px;
    line-height: 46px;
    padding: 0 20px;
    height: 46px;
    text-align: center;
    width: auto; }
  .single-product-content .quantity.buttons_added {
    border: 1px solid #dddddd;
    display: inline-block;
    padding: 0 20px;
    font-size: 14px; }
    .single-product-content .quantity.buttons_added .sign:hover {
      color: #333333; }
  .single-product-content .cart {
    margin-top: 35px; }
  .single-product-content .single_add_to_cart_button {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    color: #df5c53;
    font-family: Noto Sans KR;
    font-size: 16px;
    line-height: 46px;
    margin-left: 30px; }
    .single-product-content .single_add_to_cart_button:before {
      content: "+";
      margin-right: 5px; }

.product-preview {
  display: inline-block;
  margin-bottom: 30px;
  width: 100%; }
  .product-preview .review-item {
    display: inline-block;
    font-size: 13px;
    list-style: outside none none; }
    .product-preview .review-item::after {
      color: #333333;
      content: "|";
      margin: 0 5px 0 10px; }
    .product-preview .review-item:last-child:after {
      display: none; }
    .product-preview .review-item a {
      color: #333333; }
      .product-preview .review-item a:hover {
        color: #df5c53; }

.product-list-action {
  margin-top: 15px; }

.product-list-action .item-action {
  display: inline-block;
  font-size: 16px;
  line-height: 30px;
  list-style: outside none none;
  margin-right: 18px; }
  .product-list-action .item-action i {
    margin-right: 20px;
    font-size: 18px; }

.product-content-single {
  margin-bottom: 70px; }
  .product-content-single .product-thumbs.owl-carousel {
    margin-top: 10px; }
    .product-content-single .product-thumbs.owl-carousel .owl-nav > div {
      background: rgba(255, 255, 255, 0.6) none repeat scroll 0 0;
      border-radius: 0;
      font-size: 15px;
      height: 30px;
      left: 0;
      line-height: 30px;
      top: 45%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      width: 30px; }
      .product-content-single .product-thumbs.owl-carousel .owl-nav > div.owl-next {
        left: auto;
        right: 0; }

.product-content-preview {
  margin-bottom: 70px; }
  .product-content-preview .nav-tabs {
    border-bottom: medium none;
    margin-bottom: 70px; }
  .product-content-preview .nav-tabs > li {
    float: left;
    font-family: "Noto Sans KR";
    text-transform: capitalize;
    font-size: 20px;
    margin-bottom: 0;
    padding-right: 60px; }
  .product-content-preview .nav-tabs > li > a {
    background: transparent none repeat scroll 0 0;
    border: medium none transparent;
    border-radius: 0;
    color: #aaaaaa;
    line-height: 24px;
    margin-right: 0;
    padding: 0; }
    .product-content-preview .nav-tabs > li > a:hover {
      background: transparent none repeat scroll 0 0;
      color: #333333; }
  .product-content-preview .nav-tabs > li.active > a, .product-content-preview .nav-tabs > li.active > a:focus, .product-content-preview .nav-tabs > li.active > a:hover {
    background-color: transparent;
    border: medium none;
    color: #333333;
    cursor: default;
    margin: 0;
    padding: 0; }
  .product-content-preview .box-content > span {
    color: #333333; }
  .product-content-preview .parameter > p {
    margin: 0; }
  .product-content-preview .xshop-header-title {
    color: #333333;
    margin: 0; }
  .product-content-preview .star-rating {
    margin: 10px 0; }
  .product-content-preview label {
    font-weight: 500; }
  .product-content-preview input[type="text"], .product-content-preview input[type="email"], .product-content-preview textarea, .product-content-preview input[type="password"], .product-content-preview input[type="tel"], .product-content-preview select {
    border: 1px solid #dddddd;    font-size: 15px;    line-height: 46px;    padding: 0 15px;    width: 100%;    margin-bottom: 20px; }
  .product-content-preview input[type="text"], .product-content-preview input[type="email"], .product-content-preview input[type="password"], .product-content-preview input[type="tel"], .product-content-preview select {
    height: 46px; }
  .product-content-preview textarea {
    min-height: 250px; }

.products-relate .product-item {
  padding: 0; }
.products-relate > p {
  margin-bottom: 50px; }

.title-single-product {
  color: #333333; }

/*Check out*/
.product-checkout .button-duck {
  margin-top: 20px;
  text-transform: uppercase !important; }
.product-checkout .checkout-element-wrap {
  margin-top: 70px; }

.payment_methods li {
  border-top: 1px solid #dddddd;
  color: #aaaaaa;
  font-size: 14px;
  line-height: 24px;
  list-style: outside none none;
  padding: 11px 20px 12px; }
  .payment_methods li input[type="checkbox"], .payment_methods li input[type="radio"] {
    line-height: normal;
    margin: 0 7px 0 0;
    position: relative;
    top: 1px; }
  .payment_methods li:first-child {
    border: none; }
  .payment_methods li a {
    float: right; }

.payment_methods {
  border: 1px solid #dddddd; }

.payment_methods label {
  color: #333333;
  font-family: Noto Sans KR;
  font-weight: 400; }

.payment_box {
  padding-left: 25px; }

.billing_address, .shipping_address {
  margin: 0 -15px; }

.billing_address .form-row, .shipping_address .form-row {
  float: left;
  width: 50%;
  padding: 0 15px; }
  .billing_address .form-row input, .shipping_address .form-row input {
    font-size: 14px;
    padding: 0 15px;
    height: 46px;
    text-transform: capitalize;
    width: 100%; }

.form-row label {
  clear: both;
  color: #333333;
  display: inline-block;
  font-size: 14px;
  margin-bottom: 10px;
  font-weight: 400;
  text-transform: uppercase;
  width: 100%; }

.button-duck {
  border: medium none;
  display: inline-block;
  padding: 0 30px !important;
  width: auto !important; }

.title-shopping-cart {
  color: #333333;
  font-size: 18px;
  margin: 0 0 45px;
  text-transform: uppercase;
  position: relative; }
  .title-shopping-cart::before {
    content: "";
    width: 50px;
    border-bottom: 1px solid #df5c53;
    position: absolute;
    bottom: -10px;
    left: 0; }

.checkout-submit {
  margin-bottom: 0;
  margin-top: 73px;
  text-align: center; }



.product-checkout #primary {
  padding-bottom: 15px;
  padding-top: 100px; }

.detail-product #primary {
  padding-top: 80px; }

/*Shopping Cart*/
.cart-total {
  border: none; }
  .cart-total tbody {
    border: 1px solid #dddddd; }
    .cart-total tbody td:last-child {
      text-align: right; }
  .cart-total td {
    border-left: medium none;
    border-right: medium none;
    color: #333333;
    font-family: "Noto Sans KR";
    font-size: 14px;
    padding: 16px 20px; }
    .cart-total td .amount {
      font-size: 18px; }
    .cart-total td:last-child {
      font-size: 18px; }
  .cart-total .grand-total {
    background: #333333 none repeat scroll 0 0; }
    .cart-total .grand-total td {
      color: #FFFFFF; }
  .cart-total tfoot td {
    padding: 0;
    border: medium none; }
  .cart-total .button {
    background-color: #df5c53;
    color: #FFFFFF;
    line-height: 40px;
    font-size: 14px;
    text-transform: uppercase;
    border: none;
    margin: 40px 0 10px;
    padding: 0 22px; }
    .cart-total .button:hover {
      background-color: #333333; }
    .cart-total .button.checkout-button {
      background-color: #333333;
      float: right; }
    .cart-total .button.checkout-button:hover {
      background-color: #df5c53; }

.shop_table th, .shop_table td, table.shop_table {
  border-width: 0 0 1px;
  padding: 20px 0; }

.shop_table th {
  color: #333333;
  font-family: "Noto Sans KR";
  font-size: 18px;
  font-weight: 400;
  padding-bottom: 50px;
  padding-top: 0;
  text-transform: uppercase; }

table.shop_table {
  margin-bottom: 55px; }
table .product-thumbnail {
  width: 170px; }
table .product-name {
  padding-right: 70px;
  width: 380px; }
  table .product-name a {
    color: #666666;
    display: inline-block;
    margin-bottom: 5px; }
    table .product-name a:hover {
      color: #df5c53; }
  table .product-name p {
    color: #aaaaaa;
    font-size: 14px; }
table .product-subtotal {
  color: #333333;
  font-family: "Noto Sans KR";
  font-size: 18px; }
table .product-quantity .quantity input {
  background: #f2f2f2 none repeat scroll 0 0;
  border: medium none;
  float: left;
  font-size: 20px;
  font-weight: 700;
  line-height: 46px;
  border-radius: 0;
  padding: 0 8px; }
  table .product-quantity .quantity input:hover {
    color: #df5c53; }
table .product-quantity .quantity .qty {
  color: #333333;
  background: transparent none repeat scroll 0 0;
  border: 1px solid #ededed;
  font-size: 16px;
  line-height: 44px;
  height: 46px;
  font-weight: 400;
  padding: 0;
  text-align: center;
  width: 50px; }

.shopping-cart-element-content > p {
  color: #aaaaaa;
  font-size: 14px; }

.shopping-cart-element-wrap > p {
  color: #aaaaaa;
  font-size: 14px;
  margin-bottom: 0; }

.product-cart .chosen-container.chosen-container-single {
  width: 100% !important; }
.product-cart .chosen-container.chosen-container-single a, .product-cart .shopping-cart-element-content input[type="text"] {
  border: 1px solid #dddddd !important;
  color: #aaaaaa;
  display: inline-block;
  font-size: 14px;
  height: 40px;
  line-height: 40px;
  text-transform: none;
  width: 100% !important;
  margin: 10px 0 0px; }
.product-cart .button-duck {
  font-size: 14px;
  margin-top: 20px; }
.product-cart td.product-price {
  width: 200px; }
.product-cart td.product-quantity {
  width: 230px; }
.product-cart td.product-remove {
  text-align: right; }

/*Responsive Product*/
@media (min-width: 1366px) and (max-width: 1280px) {
  .single-product-media div.bx-wrapper {
    left: -110px; } }
@media (max-width: 1200px) {
  .bx-wrapper {
    display: none; } }
@media (min-width: 768px) and (max-width: 1024px) {
  div.slick-list::after, div.slick-list::before {
    width: 100px; }

  button.slick-arrow {
    left: 25px; }
    button.slick-arrow.slick-next {
      right: 25px;
      left: auto; } }
@media (max-width: 767px) {
  div.slick-list::after, div.slick-list::before {
    width: 50px; }

  button.slick-arrow {
    left: 0px; }
    button.slick-arrow.slick-next {
      right: 0px;
      left: auto; }

  .products-grid.columns-2 .product-item {
    width: 50%; }
  .products-grid.columns-3 .product-item {
    width: 50%; }
  .products-grid.columns-4 .product-item {
    width: 50%; } }
@media (max-width: 480px) {
  div.products-grid.columns-2 .product-item {
    width: 50%; }
  div.products-grid.columns-3 .product-item {
    width: 50%; }
  div.products-grid.columns-4 .product-item {
    width: 50%; }

  div .cart-total .button {
    margin: 10px 0 0;
    width: 100%; } }
/* -------------------- */
/*  	  FOOTER        */
/* -------------------- */
/*-------Style Footer 1-------*/
.footer-style_1 {
  padding: 80px 0; }
  .footer-style_1 .socials > li {
    font-size: 20px;
    padding-left: 50px; }
    .footer-style_1 .socials > li:first-child {
      padding: 0; }
    .footer-style_1 .socials > li a:hover {
      color: #cccccc; }

footer li {  float:left;  list-style: outside none none;  padding: 0 15px; }

.footer-left li {
  padding-left: 0; }

.footer-right li {
  padding-right: 0; }

.logo-footer {
  text-align: center; }

.title-socials {
  color: #333333;
  float: left;
  font-family: "Noto Sans KR";
  font-size: 14px;
  margin-right: 50px;
  text-transform: uppercase; }

.socials {
  float: left; }

.social-footer.footer-right {
  display: inline-block;
  float: right; }

footer a {
  color: #333; }

footer .menu li {
  font-family: "Noto Sans KR";
  font-size: 14px;
  text-transform: uppercase; }

.copyright {
  color: #666;
  font-size: 14px;
  margin: 25px 0 0;
  text-align: center; }

/*-------Style Footer 2-------*/
.footer-style_2 {
  background: #f5f5f5 none repeat scroll 0 0;
  padding: 95px 0 0; }
  .footer-style_2 .footer-bottom {
    border-top: 2px solid #e2e2e2;
    display: inline-block;
    margin-top: 60px;
    padding: 40px 0;
    width: 100%; }
  .footer-style_2 .socials > li {
    padding: 0 13px; }
    .footer-style_2 .socials > li a {
      font-size: 18px; }
      .footer-style_2 .socials > li a:hover {
        color: #888888; }
  .footer-style_2 .copyright, .footer-style_2 .logo-footer {
    display: inline-block;
    text-align: left;
    width: 100%; }
  .footer-style_2 .title-footer {
    margin: 15px 0 28px; }
  .footer-style_2 .copyright {
    margin: 37px 0 0; }

.title-footer {
  color: #333333;
  font-size: 16px;
  margin: 15px 0;
  text-transform: uppercase; }

footer.footer-style_2 a {
  color: #888;
  font-size: 15px;
  text-transform: none; }
  footer.footer-style_2 a:hover {
    color: #df5c53; }

.footer-style_2 .footer-top .menu-item {
  font-family: "Noto Sans KR", sans-serif;
  line-height: 39px;
  width: 100%; }

footer .footer-bottom li:first-child {
  padding-left: 0; }

footer .footer-bottom li:last-child {
  padding-right: 0; }

footer .footer-bottom li a {  color: #333333;  font-size: 14px;   }

.footer-bottom-left {
  float: left; }

.footer-bottom-right {
  float: right; }

/*Footer Style 3*/
.footer-style_3 {
  padding: 60px 0 60px;
  text-align: center; }

.footer-socials-share {
  display: inline-block;
  margin: 50px 0 10px; }

.item-socials-share > a {
  font-family: "Noto Sans KR";
  font-size: 14px;
  text-transform: uppercase; }
  .item-socials-share > a:hover {
    color: #aaaaaa; }

/*Footer Style 4*/
.footer-style_4 {
  padding: 90px 100px; }
  .footer-style_4 .logo-footer {
    text-align: left; }
  .footer-style_4 .socials li a:hover {
    color: #aaaaaa; }

.footer-center {
  text-align: left; }

/*Footer Style 5*/
.footer-style_5 { position:relative;  background: transparent none repeat scroll 0 0;  padding: 0;}
  .footer-style_5 .footer-top {   border-top: 1px solid #e2e2e2;  padding-top: 20px; }
    .footer-style_5 .footer-top .menu-item {  font-family: "Noto Sans KR", sans-serif;    line-height: 18px; width: 100%; }
    .footer-style_5 .footer-top a { color: #888;  font-size: 12px;   text-transform: none; }
      .footer-style_5 .footer-top a:hover {color: #6dc7d6; }
  .footer-style_5 .footer-bottom {  display: inline-block;  margin-top: 20px;  padding: 15px;  width: 100%; }
  .footer-style_5 .socials > li {
    padding: 0 15px; }
    .footer-style_5 .socials > li a {
      font-size: 20px;
      color: #333333; }
      .footer-style_5 .socials > li a:hover {
        color: #888888; }
    .footer-style_5 .socials > li:last-child {
      padding-right: 0; }
  .footer-style_5 .socials {
    float: right;
    margin-bottom: 50px; }
  .footer-style_5 .copyright {
    margin-top: 10px;
    text-align: right; }
  .footer-style_5 .payment-method {
    clear: both; }
  .footer-style_5 .logo-footer { display: inline-block; text-align:left;    width: 100%; }
   .footer-style_5 .logo-footer img {  width:30%; }
.footer-style_5 .list-info-box { margin-top:10px;}
  .footer-style_5 .list-info-box .item-info-box { font-size:12px;   line-height: 14px;  padding:0px; margin-bottom:-10px; }
  .footer-style_5 .list-info-box .item-info-box i {
    color: #888888;
    float: left;
    font-size: 13px;
    padding-right: 12px; }
  .footer-style_5 .footer-bottom li a:hover {
    color: #df5c53; }

/*Footer Style 15*/
.footer-style_15 {
  background: transparent none repeat scroll 0 0;
  padding: 0; }
  .footer-style_15 .footer-top .menu-item {
    font-family: "Noto Sans KR", sans-serif;
    line-height: 38px;
    width: 100%; }
  .footer-style_15 .footer-top a {
    color: #888;
    font-size: 15px;
    text-transform: none; }
    .footer-style_15 .footer-top a:hover {
      color: #df5c53; }
  .footer-style_15 .footer-bottom {
    border-top: 1px solid #e2e2e2;
    display: inline-block;
    margin-top: 90px;
    padding: 40px 0;
    width: 100%; }
  .footer-style_15 .socials > li {
    padding: 0 15px; }
    .footer-style_15 .socials > li a {
      font-size: 20px;
      color: #333333; }
      .footer-style_15 .socials > li a:hover {
        color: #888888; }
    .footer-style_15 .socials > li:last-child {
      padding-right: 0; }
  .footer-style_15 .socials {
    float: right; }
  .footer-style_15 .copyright {
    float: left;
    margin-top: 15px;
    text-align: left;
    width: 100%; }
  .footer-style_15 .payment-method {
    clear: both; }
  .footer-style_15 .logo-footer {
    display: inline-block;
    text-align: left;
    width: 100%; }
  .footer-style_15 .list-info-box {
    margin-top: 42px; }
  .footer-style_15 .list-info-box .item-info-box {
    line-height: 18px;
    padding: 0 0 10px; }
  .footer-style_15 .list-info-box .item-info-box i {
    color: #888888;
    float: left;
    font-size: 19px;
    padding-right: 25px; }
  .footer-style_15 .footer-bottom li a:hover {
    color: #df5c53; }

.list-info-box { margin-top: 30px; }
  .list-info-box .item-info-box {
    color: #333333;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    width: 100%; }
  .list-info-box .item-info-box i {
    color: #888888;
    font-size: 19px;
    float: left;
    padding-right: 12px; }

footer .item-info-box > a {
  color: #333333;
  font-size: 14px; }
  footer .item-info-box > a:hover {
    color: #df5c53; }

/*Footer Style 6*/
.title-label-newsletter {
  color: #333333;
  display: inline-block;
  font-family: "Noto Sans KR";
  font-size: 16px;
  margin: 0 40px;
  text-transform: uppercase; }

.footer-style_6 .newsletter-form-wrap {
  padding: 50px 0 60px;
  text-align: center; }
.footer-style_6 .newsletter-form > form {
  display: inline-block; }
.footer-style_6 .newsletter-content > input {
  background: #ffffff none repeat scroll 0 0;
  border: 1px solid #dddddd;
  float: left;
  font-size: 16px;
  line-height: 54px;
  height: 56px;
  min-width: 370px;
  padding: 0 20px; }
.footer-style_6 .submit-button {
  font-size: 16px;
  line-height: 56px;
  height: 56px; }
.footer-style_6 .footer-bottom {
  border-top: 1px solid #dddddd;
  padding: 25px 0 100px;
  text-align: center; }
.footer-style_6 .socials {
  float: none; }
  .footer-style_6 .socials li {
    padding: 0 13px; }
  .footer-style_6 .socials a {
    font-size: 20px; }
    .footer-style_6 .socials a:hover {
      color: #df5c53; }

/*Footer style 7*/
.footer-style_7 {
  background: transparent none repeat scroll 0 0;
  padding: 0; }
  .footer-style_7 .footer-top .menu-item {
    font-family: "Noto Sans KR", sans-serif;
    line-height: 40px;
    width: 100%; }
  .footer-style_7 .footer-top a {
    color: #888;
    font-size: 15px;
    text-transform: none; }
    .footer-style_7 .footer-top a:hover {
      color: #df5c53; }
  .footer-style_7 .footer-bottom {
    display: inline-block;
    margin-top: 50px;
    padding: 40px 0;
    width: 100%; }
  .footer-style_7 .socials > li {
    padding: 0 13px; }
    .footer-style_7 .socials > li a {
      font-size: 24px; }
      .footer-style_7 .socials > li a:hover {
        color: #888888; }
  .footer-style_7 .copyright, .footer-style_7 .logo-footer {
    display: inline-block;
    margin: 0;
    text-align: left;
    width: 100%; }
  .footer-style_7 .footer-bottom-right {
    float: left;
    margin-left: 33px; }

/*Footer style 8*/
.footer-style_8 {
  background: #222222 none repeat scroll 0 0;
  padding: 45px 0; }
  .footer-style_8 .logo-footer {
    float: left; }
  .footer-style_8 .footer-right {
    float: right; }
    .footer-style_8 .footer-right .copyright {
      color: #eeeeee;
      float: left;
      font-size: 16px;
      margin: 0 0 0 34px;
      text-align: center; }
    .footer-style_8 .footer-right .socials li {
      font-size: 20px; }
      .footer-style_8 .footer-right .socials li a {
        color: #444444; }
      .footer-style_8 .footer-right .socials li:hover a {
        color: #df5c53; }

/*Footer style 9*/
.footer-style_9 {
  background: #0a0a0a none repeat scroll 0 0;
  padding: 0; }
  .footer-style_9 .footer-top {
    border-top: 1px solid #171717;
    padding-top: 73px; }
    .footer-style_9 .footer-top .menu-item {
      font-family: "Noto Sans KR", sans-serif;
      line-height: 40px;
      width: 100%; }
    .footer-style_9 .footer-top a {
      color: #888;
      font-size: 15px;
      text-transform: none; }
      .footer-style_9 .footer-top a:hover {
        color: #df5c53; }
  .footer-style_9 .footer-bottom {
    border-top: 1px solid #e2e2e2;
    display: inline-block;
    margin-top: 60px;
    padding: 40px 0;
    width: 100%; }
  .footer-style_9 .socials > li {
    padding: 0;
    margin-bottom: 6px;
    width: 100%; }
    .footer-style_9 .socials > li:last-child {
      margin: 0; }
    .footer-style_9 .socials > li a {
      font-size: 14px;
      color: #888888; }
      .footer-style_9 .socials > li a:hover {
        color: #888888; }
      .footer-style_9 .socials > li a:hover i {
        color: #FFFFFF; }
      .footer-style_9 .socials > li a i {
        margin-right: 20px;
        font-size: 20px;
        width: 17px;
        color: #7c7c7c; }
    .footer-style_9 .socials > li:last-child {
      padding-right: 0; }
  .footer-style_9 .socials {
    float: right;
    margin-bottom: 50px; }
  .footer-style_9 .copyright {
    margin: 40px 0;
    text-align: right;
    line-height: 20px;
    text-align: center;
    color: #fff;
    padding-top: 15px; }
  .footer-style_9 .payment-method {
    clear: both; }
  .footer-style_9 .logo-footer {
    display: inline-block;
    text-align: left;
    width: 100%; }
  .footer-style_9 .list-info-box .item-info-box {
    line-height: 18px;
    padding: 0 0 10px; }
  .footer-style_9 .list-info-box .item-info-box i {
    color: #888888;
    font-size: 13px;
    float: left;
    padding-right: 10px; }
  .footer-style_9 .footer-bottom li a:hover {
    color: #df5c53; }
  .footer-style_9 .title-footer {
    margin: 0 0 26px; }

.list-info-box {
  margin-top: 30px; }
  .list-info-box .item-info-box {
    color: #333333;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    padding: 0 0 15px;
    width: 100%; }
  .list-info-box .item-info-box i {
    color: #888888;
    font-size: 19px;
    float: left;
    padding-right: 12px; }

/*Footer style 10*/
.footer-style_10 {
  background: transparent none repeat scroll 0 0;
  padding: 0; }
  .footer-style_10 .list-info-box .item-info-box {
    color: #666666;
    line-height: 20px;
    padding-bottom: 15px; }
    .footer-style_10 .list-info-box .item-info-box i {
      font-size: 20px;
      float: left;
      padding-right: 20px; }
  .footer-style_10 .footer-top-inner {
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 22px; }
    .footer-style_10 .footer-top-inner .menu-item {
      font-family: "Noto Sans KR", sans-serif;
      line-height: 38px;
      width: 100%; }
      .footer-style_10 .footer-top-inner .menu-item a {
        position: relative;
        top: -10px; }
    .footer-style_10 .footer-top-inner a {
      color: #666666;
      font-size: 14px;
      text-transform: none; }
      .footer-style_10 .footer-top-inner a:hover {
        color: #df5c53; }
  .footer-style_10 .footer-bottom {
    background: #090909 none repeat scroll 0 0;
    padding: 28px 0;
    width: 100%; }
  .footer-style_10 .socials > li {
    padding: 0 13px; }
    .footer-style_10 .socials > li a {
      font-size: 24px;
      color: #FFFFFF; }
      .footer-style_10 .socials > li a:hover {
        color: #888888; }
  .footer-style_10 .copyright, .footer-style_10 .logo-footer {
    display: inline-block;
    margin: 0 47px 0 0;
    text-align: left;
    float: left;
    color: #FFFFFF; }
  .footer-style_10 .footer-bottom-right {
    float: right; }
  .footer-style_10 .title-footer {
    padding-bottom: 10px;
    position: relative;
    margin-top: 0; }
    .footer-style_10 .title-footer::before {
      border-top: 2px solid #e0e0e0;
      bottom: 0;
      content: "";
      left: 0;
      position: absolute;
      width: 30px; }
  .footer-style_10 .footer-center {
    padding: 20px 0 30px;
    text-align: left; }

/*Footer style 11*/
.footer-style_11 {
  background: #f8f8f8;
  padding: 80px 0 50px; }
  .footer-style_11 .footer-top .menu-item {
    font-family: "Noto Sans KR", sans-serif;
    line-height: 38px;
    width: 100%; }
    .footer-style_11 .footer-top .menu-item a {
      position: relative;
      top: -10px; }
  .footer-style_11 .footer-top a {
    color: #888;
    font-size: 15px;
    text-transform: none; }
    .footer-style_11 .footer-top a:hover {
      color: #df5c53; }
  .footer-style_11 .footer-bottom {
    display: inline-block;
    margin-top: 80px;
    padding: 40px 0;
    width: 100%; }
  .footer-style_11 .socials > li {
    padding: 0 13px; }
    .footer-style_11 .socials > li a {
      font-size: 18px; }
      .footer-style_11 .socials > li a:hover {
        color: #888888; }
  .footer-style_11 .copyright, .footer-style_11 .logo-footer {
    display: inline-block;
    text-align: left;
    width: 100%; }
  .footer-style_11 .copyright {
    margin-top: 10px; }
  .footer-style_11 .footer-bottom li a:hover {
    color: #df5c53; }

/*Footer style 12*/
.footer-style_12 {
  background: #252525 none repeat scroll 0 0;
  padding: 62px 0 50px; }
  .footer-style_12 .title-footer {
    color: #eeeeee;
    margin-bottom: 15px; }
  .footer-style_12 .footer-top .menu-item {
    font-family: "Noto Sans KR", sans-serif;
    line-height: 40px;
    width: 100%; }
  .footer-style_12 .footer-top a {
    color: #666666;
    font-size: 14px;
    text-transform: none; }
    .footer-style_12 .footer-top a:hover {
      color: #df5c53; }
  .footer-style_12 .footer-bottom {
    display: inline-block;
    margin-top: 50px;
    width: 100%; }
  .footer-style_12 .title-socials {
    color: #666666;
    font-family: Noto Sans KR;
    font-size: 14px;
    margin-right: 25px;
    text-transform: none; }
  .footer-style_12 .socials > li {
    padding: 0 10px; }
    .footer-style_12 .socials > li a {
      font-size: 25px;
      color: rgba(255, 255, 255, 0.2); }
      .footer-style_12 .socials > li a:hover {
        color: #FFFFFF; }
  .footer-style_12 .copyright, .footer-style_12 .logo-footer {
    display: inline-block;
    text-align: left;
    width: 100%; }
  .footer-style_12 .copyright {
    margin-top: 10px; }

/*Footer style 13*/
.footer-style_13 {
  background: #f8f8f8 none repeat scroll 0 0;
  padding: 60px 0 0; }
  .footer-style_13 .title-footer {
    color: #333333;
    margin: 0 0 23px; }
  .footer-style_13 .footer-top .menu-item {
    font-family: "Noto Sans KR", sans-serif;
    line-height: 30px;
    width: 100%;
    padding: 0; }
  .footer-style_13 .footer-top a {
    color: #888888;
    font-size: 14px;
    text-transform: none; }
    .footer-style_13 .footer-top a:hover {
      color: #df5c53; }
  .footer-style_13 .footer-bottom {
    background: #ececec none repeat scroll 0 0;
    line-height: 15px;
    margin-top: 50px;
    padding: 35px 0;
    width: 100%; }
  .footer-style_13 .title-socials {
    color: #333333;
    font-size: 14px;
    line-height: 20px;
    margin-right: 80px; }
  .footer-style_13 .socials > li {
    padding: 0 15px; }
    .footer-style_13 .socials > li a {
      font-size: 18px;
      color: #333333; }
      .footer-style_13 .socials > li a:hover {
        color: #888888; }
  .footer-style_13 .copyright, .footer-style_13 .logo-footer {
    display: inline-block;
    text-align: left;
    width: 100%;
    margin-top: 0; }
  .footer-style_13 .call-box {
    background: transparent url("../images/persion.png") no-repeat scroll 0 0;
    color: #333333;
    display: inline-block;
    font-size: 14px;
    line-height: 24px;
    margin: 30px 0;
    padding-left: 60px; }
  .footer-style_13 .box-address {
    color: #333333;
    font-size: 14px;
    line-height: 30px; }
    .footer-style_13 .box-address strong {
      display: inline-block;
      width: 100%; }

/*Footer style 14*/
.footer-style_14 {
  padding: 60px 0 0;
  position: relative; }
  .footer-style_14 .title-footer {
    color: #333333;
    margin: 0 0 23px; }
  .footer-style_14 .footer-top .menu-item {
    font-family: "Noto Sans KR", sans-serif;
    line-height: 30px;
    width: 100%;
    padding: 0; }
  .footer-style_14 .footer-top a {
    color: #888888;
    font-size: 16px;
    text-transform: none; }
    .footer-style_14 .footer-top a:hover {
      color: #333333; }
  .footer-style_14 .footer-bottom-inner {
    border-top: 1px solid #dddddd;
    display: inline-block;
    line-height: 15px;
    margin-top: 50px;
    padding: 60px 0 50px;
    width: 100%; }
  .footer-style_14 .title-socials {
    color: #333333;
    font-size: 14px;
    line-height: 20px;
    margin-right: 80px; }
  .footer-style_14 .socials > li {
    padding: 0 15px; }
    .footer-style_14 .socials > li a {
      font-size: 20px;
      color: #333333; }
      .footer-style_14 .socials > li a:hover {
        color: #888888; }
  .footer-style_14 .copyright, .footer-style_14 .logo-footer {
    display: inline-block;
    float: left;
    margin-right: 15px;
    text-align: left; }
  .footer-style_14 .copyright {
    color: #666666;
    font-size: 14px;
    margin: 13px 0 0;
    text-align: center; }
  .footer-style_14 .footer-bottom-right .socials {
    line-height: 35px; }
  .footer-style_14 .call-box {
    background: transparent url("../images/persion.png") no-repeat scroll 0 0;
    color: #333333;
    display: inline-block;
    font-size: 14px;
    line-height: 24px;
    margin: 30px 0;
    padding-left: 60px; }
  .footer-style_14 .box-address {
    color: #333333;
    font-size: 14px;
    line-height: 30px; }
    .footer-style_14 .box-address strong {
      display: inline-block;
      width: 100%; }

/*Footer style 16*/
.footer-style_16 {
  padding: 72px 0 0;
  position: relative; }
  .footer-style_16 .title-footer {
    color: #333333;
    margin: 0 0 23px; }
  .footer-style_16 .footer-top .menu-item {
    font-family: "Noto Sans KR", sans-serif;
    line-height: 30px;
    width: 100%;
    padding: 0; }
  .footer-style_16 .footer-top a {
    color: #888888;
    font-size: 16px;
    text-transform: none; }
    .footer-style_16 .footer-top a:hover {
      color: #333333; }
  .footer-style_16 .footer-bottom-inner {
    border-top: 1px solid #dddddd;
    display: inline-block;
    line-height: 15px;
    margin-top: 72px;
    padding: 60px 0 50px;
    width: 100%; }
  .footer-style_16 .title-socials {
    color: #333333;
    font-size: 14px;
    line-height: 20px;
    margin-right: 80px; }
  .footer-style_16 .socials > li {
    padding: 0 15px; }
    .footer-style_16 .socials > li a {
      font-size: 20px;
      color: #333333; }
      .footer-style_16 .socials > li a:hover {
        color: #888888; }
  .footer-style_16 .copyright, .footer-style_16 .logo-footer {
    display: inline-block;
    float: left;
    margin-right: 15px;
    text-align: left; }
  .footer-style_16 .copyright {
    color: #666666;
    font-size: 14px;
    margin: 13px 0 0;
    text-align: center; }
  .footer-style_16 .footer-bottom-right .socials {
    line-height: 35px; }
  .footer-style_16 .call-box {
    background: transparent url("../images/persion.png") no-repeat scroll 0 0;
    color: #333333;
    display: inline-block;
    font-size: 14px;
    line-height: 24px;
    margin: 30px 0;
    padding-left: 60px; }
  .footer-style_16 .box-address {
    color: #333333;
    font-size: 14px;
    line-height: 30px; }
    .footer-style_16 .box-address strong {
      display: inline-block;
      width: 100%; }

.newsletter-style6 .newsletter-content > input {
  background: #ffffff none repeat scroll 0 0;
  border-bottom: 1px solid #ddd;
  float: left;
  line-height: 36px;
  min-width: 300px;
  padding: 0 20px;
  font-size: 16px;
  padding: 0; }
.newsletter-style6 .newsletter-content {
  display: inline-block;
  position: relative; }
.newsletter-style6 .submit-button {
  background: transparent;
  border: medium none;
  color: #333;
  font-family: "Noto Sans KR";
  font-size: 13px;
  line-height: 36px;
  padding: 0;
  text-transform: uppercase;
  position: absolute;
  top: 0;
  right: 0; }
  .newsletter-style6 .submit-button:hover {
    color: #df5c53;
    background: transparent; }
.newsletter-style6 .title-label-newsletter {
  margin: 0 0 17px; }

.icon-smaller .font-icon {
  font-size: 45px; }
.icon-smaller .icon-box-content {
  padding-left: 60px; }

footer .icon-box-content {
  text-align: left; }
footer .icon-box-title {
  font-size: 17px;
  margin: 10px 0 13px;
  top: 15px; }
  footer .icon-box-title span {
    color: #df5c53; }
footer .icon-box-desc {
  font-size: 14px; }

/*Back To Top*/
footer a.backtotop {  background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;  border-radius: 5px;  bottom: 30px;  color: #ffffff;  display: inline-block;  font-family: 'Noto Sans KR';  font-size: 11px;  height: 40px !important;
  letter-spacing: 0;  line-height: 14px;  padding: 0 5px;  position: fixed;  text-align: center;  z-index: 99;  text-transform: uppercase;  width: 40px !important; }
  footer a.backtotop:hover {
    color: #FFFFFF;
    letter-spacing: 2px;
    opacity: 0.8; }
  footer a.backtotop:focus {
    color: #FFFFFF;
    letter-spacing: 2px;
    opacity: 0.8; }
  footer a.backtotop .icon-top {
    font-size: 20px;
    letter-spacing: 0; }

/* -------------------- */
/*  	RESPONSIVE      */
/* -------------------- */
/*-------------------------------*/
/*-----------Responsive----------*/
/*-------------------------------*/
@media (min-width: 1025px) {
  .menu-nav > .menu-item-has-children > a::after {    color: #999;    content: "\f107";    display: inline-block;    font-family: 'FontAwesome';    font-size: 16px;
  -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    margin-left: 7px; }

  .menu-nav > .menu-item-has-children > a:hover::after {  color: #6dc7d6; }

  .main-menu .sub-menu {
    overflow-y: auto; }
  .main-menu .sub-menu.megamenu {
    max-height: inherit; }

  .list-cat-sticky-transfrom .list-categories .title-list-categories {
    background-color: transparent; }
  .list-cat-sticky-transfrom.list-cat-sticky .list-categories {
    position: fixed;
    top: 0;
    transition: font-size 1.4s ease 0s, transform 1s ease 0s;
    -o-transition: font-size 1.4s ease 0s, -o-transform 1s ease 0s;
    -o-transition: font-size 1.4s ease 0s, -webkit-transform 1s ease 0s;
    background-color: transparent;
    z-index: 35; }
    .list-cat-sticky-transfrom.list-cat-sticky .list-categories .title-list-categories {
      animation-duration: 1.4s !important;
      -webkit-animation-duration: 1.4s !important;
      animation-fill-mode: both;
      animation-name: slideInDown !important;
      -webkit-animation-name: slideInDown !important;
      font-size: 0;
      width: 30px;
      padding-left: 0;
      overflow: hidden;
      background-color: transparent; }
      .list-cat-sticky-transfrom.list-cat-sticky .list-categories .title-list-categories::before {
        color: #333333;
        content: "\f0c9";
        font-family: FontAwesome;
        font-size: 20px;
        left: 0;
        opacity: 1;
        position: absolute;
        top: 20px; }
      .list-cat-sticky-transfrom.list-cat-sticky .list-categories .title-list-categories:hover::before {
        color: #df5c53; }
    .list-cat-sticky-transfrom.list-cat-sticky .list-categories .product-list-categories {
      min-width: 262px;
      position: absolute;
      background: #fff;
      display: none; }
    .list-cat-sticky-transfrom.list-cat-sticky .list-categories:hover .product-list-categories {
      display: block;
      animation-duration: 0.4s;
      -webkit-animation-duration: 0.4s;
      animation-fill-mode: both;
      -webkit-animation-fill-mode: both;
      animation-name: fadeInUp;
      -webkit-animation-name: fadeInUp; }


  .header-style_4 .logo {
    padding-left: 130px; }

  /*Nav Slide*/
  .main-content .slide-product-wrap .owl-nav > div,
  .main-content .latest-post:not(.latest-post-style_4) .owl-nav > div {
    -webkit-transform: translateX(-250px) translateY(-50%);
    -ms-transform: translateX(-250px) translateY(-50%);
    -o-transform: translateX(-250px) translateY(-50%);
    transform: translateX(-250px) translateY(-50%);
    opacity: 0; }
    .main-content .slide-product-wrap .owl-nav > div.owl-next,
    .main-content .latest-post:not(.latest-post-style_4) .owl-nav > div.owl-next {
      -webkit-transform: translateX(250px) translateY(-50%);
      -ms-transform: translateX(250px) translateY(-50%);
      -o-transform: translateX(250px) translateY(-50%);
      transform: translateX(250px) translateY(-50%); }
  .main-content .slide-product-wrap.nav-show .owl-nav > div,
  .main-content .latest-post:not(.latest-post-style_4).nav-show .owl-nav > div {
    -webkit-transform: translateX(-200px) translateY(-50%);
    -ms-transform: translateX(-200px) translateY(-50%);
    -o-transform: translateX(-200px) translateY(-50%);
    transform: translateX(-200px) translateY(-50%);
    opacity: 1; }
    .main-content .slide-product-wrap.nav-show .owl-nav > div.owl-next,
    .main-content .latest-post:not(.latest-post-style_4).nav-show .owl-nav > div.owl-next {
      -webkit-transform: translateX(200px) translateY(-50%);
      -ms-transform: translateX(200px) translateY(-50%);
      -o-transform: translateX(200px) translateY(-50%);
      transform: translateX(200px) translateY(-50%); }
  .main-content .slide-product-wrap.nav-show,
  .main-content .latest-post:not(.latest-post-style_4).nav-show {
    position: relative; }
    .main-content .slide-product-wrap.nav-show::before,
    .main-content .latest-post:not(.latest-post-style_4).nav-show::before {
      background: transparent none repeat scroll 0 0;
      content: "";
      height: 100%;
      left: -100px;
      position: absolute;
      right: -100px;
      top: 0; }

  .main-content .latest-post:not(.latest-post-style_4) .owl-nav > div {
    top: 50%; }

  .main-content .latest-post.latest-post-style_5 .owl-nav > div {
    top: 40%; }

  .main-content .latest-post.latest-post-style_11 .owl-nav > div {
    top: 28%; }
  .main-content .latest-post.latest-post-style_11 .owl-nav > div {
    -webkit-transform: translateX(-250px) translateY(-50%);
    -ms-transform: translateX(-250px) translateY(-50%);
    -o-transform: translateX(-250px) translateY(-50%);
    transform: translateX(-250px) translateY(-50%);
    opacity: 0;
    left: 200px; }
    .main-content .latest-post.latest-post-style_11 .owl-nav > div.owl-next {
      -webkit-transform: translateX(250px) translateY(-50%);
      -ms-transform: translateX(250px) translateY(-50%);
      -o-transform: translateX(250px) translateY(-50%);
      transform: translateX(250px) translateY(-50%);
      left: auto;
      right: 200px; }
  .main-content .latest-post.latest-post-style_11.nav-show .owl-nav > div {
    -webkit-transform: translateX(-200px) translateY(-50%);
    -ms-transform: translateX(-200px) translateY(-50%);
    -o-transform: translateX(-200px) translateY(-50%);
    transform: translateX(-200px) translateY(-50%);
    opacity: 1; }
    .main-content .latest-post.latest-post-style_11.nav-show .owl-nav > div.owl-next {
      -webkit-transform: translateX(200px) translateY(-50%);
      -ms-transform: translateX(200px) translateY(-50%);
      -o-transform: translateX(200px) translateY(-50%);
      transform: translateX(200px) translateY(-50%); }

  .main-content .slide-product-wrap.xshop-top-products .owl-nav > div {
    top: 50%; }
  .main-content .slide-product-wrap.xshop-top-products .owl-nav > div {
    -webkit-transform: translateX(-250px) translateY(-50%);
    -ms-transform: translateX(-250px) translateY(-50%);
    -o-transform: translateX(-250px) translateY(-50%);
    transform: translateX(-250px) translateY(-50%);
    opacity: 0;
    left: 120px; }
    .main-content .slide-product-wrap.xshop-top-products .owl-nav > div.owl-next {
      -webkit-transform: translateX(250px) translateY(-50%);
      -ms-transform: translateX(250px) translateY(-50%);
      -o-transform: translateX(250px) translateY(-50%);
      transform: translateX(250px) translateY(-50%);
      left: auto;
      right: 120px; }
  .main-content .slide-product-wrap.xshop-top-products.nav-show .owl-nav > div {
    -webkit-transform: translateX(-200px) translateY(-50%);
    -ms-transform: translateX(-200px) translateY(-50%);
    -o-transform: translateX(-200px) translateY(-50%);
    transform: translateX(-200px) translateY(-50%);
    opacity: 1; }
    .main-content .slide-product-wrap.xshop-top-products.nav-show .owl-nav > div.owl-next {
      -webkit-transform: translateX(200px) translateY(-50%);
      -ms-transform: translateX(200px) translateY(-50%);
      -o-transform: translateX(200px) translateY(-50%);
      transform: translateX(200px) translateY(-50%); }

  .main-content .latest-post.latest-post-style_6 .owl-nav > div {
    top: 0;
    opacity: 1 !important;
    transform: none !important;
    -o-transform: none !important;
    -webkit-transform: none !important; }

  .main-content .latest-post.latest-post-style_8.nav-control-style6 .owl-nav > div {
    top: -82px;
    opacity: 1 !important;
    transform: none !important;
    -o-transform: none !important;
    -webkit-transform: none !important; }

  .main-content .latest-post.latest-post-style_9.nav-control-style5 .owl-nav > div {
    top: -77px;
    opacity: 1 !important;
    transform: none !important;
    -o-transform: none !important;
    -webkit-transform: none !important; }

  header.sticky-icon-action.header-style_16 .header-search-main-header {
    opacity: 0;
    visibility: hidden;
    width: 0;
    overflow: hidden; }
  header.sticky-icon-action .main-header .socials-header {
    opacity: 0;
    visibility: hidden;
    width: 0;
    overflow: hidden; }
  header.sticky-icon-action .main-header .action-sticky {
    display: block;
    opacity: 1; } }
.action-sticky {
  display: none;
  opacity: 0;
  -webkit-transition: all .6s ease-in-out;
  -moz-transition: all .6s ease-in-out;
  -ms-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out; }

@media (min-width: 1601px) and (max-width: 1900px) {
  .content-inner.colection-last {
    width: 57%; } }
@media (min-width: 1441px) and (max-width: 1280px) {
  .content-inner {
    max-width: 60%; }
    .content-inner.colection-banner-title {
      max-width: 36%; }
    .content-inner.coletion-desc-title-link {
      max-width: 25%; }

  .products-colection div.product-item {
    padding: 0 40px; } }
@media (max-width: 1440px) {
  div.slide-content {
    right: 10px; }

  div.slick-list::before, div.slick-list::after {
    width: 155px; }

  button.slick-arrow {
    left: 30px; }
    button.slick-arrow.slick-arrow.slick-next {
      right: 30px; }

  .products-colection div.product-item {
    padding: 0 40px; }

  .content-inner.colection-banner-title {
    max-width: 36%; }

  .coletion-desc-title-link.content-inner {
    max-width: 25%; }

  .content-inner {
    max-width: 60%; }

  .slide-content.content-slide-v2.align-left {
    left: 100px; }
  .slide-content.content-slide-v2.align-right {
    right: 100px; }

  /*newsletter*/
  .newsletter-wrap .newsletter-wrap-content {
    padding: 100px 0; }
  .newsletter-wrap .newsletter-wrap-inner {
    padding-left: 0px;
    padding-right: 0px; }

  div.products-grid-description .product-info-content {
    padding: 30px 20px 30px 40px; }
    div.products-grid-description .product-info-content .product-desc {  max-height: 60px;    overflow: hidden; }

  div.main-content-box {
    padding: 0 60px; } }
@media (min-width: 1025px) and (max-width: 1199px) {
  div.main-content .latest-post-style_4 .owl-nav > div {
    left: 200px; }
    div.main-content .latest-post-style_4 .owl-nav > div.owl-next {
      left: 260px;
      right: auto; } }
@media (min-width: 1025px) and (max-width: 1400px) {
  header.header-style_4 .logo {
    padding-left: 0; } }
@media (max-width: 1366px) {
  div.content-slide3 {
    max-width: 600px;
    right: 50px; }

  div.content-slide2 {
    max-width: 500px;
    right: 100px; }

  div.slide-content1 {
    right: 20px; }

  body.body-box {
    border-left-width: 50px;
    border-right-width: 50px;
    border-bottom-width-width: 50px; } }
@media (min-width: 992px) and (max-width: 1024px) {
  div.latest-post-style_6.latest-post .post-content .post-content-inner {
    padding: 0 0 0 10px; } }
@media (min-width: 1025px) and (max-width: 1366px) {
  .header-nav-right ul.menu-nav li .sub-menu {
    left: auto;
    right: 0; }

  header.header .header-element .header-element-content {
    left: auto;
    right: 0; }

  .xshop-category-products-wrap .product-item .product-button-action .button.add_to_cart_button,
  .top-products-slide-with-banner-item .product-item .product-button-action .button.add_to_cart_button,
  .products-colection-wrap .product-item .product-button-action .button.add_to_cart_button {
    color: transparent;
    display: inline-block;
    font-size: 0px;
    height: 23px;
    overflow: hidden;
    top: 2px;
    width: 36px; }
    .xshop-category-products-wrap .product-item .product-button-action .button.add_to_cart_button::before,
    .top-products-slide-with-banner-item .product-item .product-button-action .button.add_to_cart_button::before,
    .products-colection-wrap .product-item .product-button-action .button.add_to_cart_button::before {
      color: #666666;
      content: "\f103";
      font-family: Flaticon;
      font-size: 20px;
      line-height: 25px;
      margin-right: 5px; }
    .xshop-category-products-wrap .product-item .product-button-action .button.add_to_cart_button:hover,
    .top-products-slide-with-banner-item .product-item .product-button-action .button.add_to_cart_button:hover,
    .products-colection-wrap .product-item .product-button-action .button.add_to_cart_button:hover {
      color: #df5c53; }

  .colection-last .products-colection div.product-item:last-child {
    padding-right: 40px; }

  .colection-last .products-colection div.product-item:first-child {
    padding-left: 40px; }

  .products-colection-container .coletion-desc-title-link {
    margin-top: 150px; }

  .content-inner.colection-banner-title {
    margin-top: 40px; } }
@media (min-width: 1025px) and (max-width: 1365px) {
  .buttons-link {
    clear: left;
    display: block;
    text-align: center; }

  .xshop-category {
    display: inline-block;
    float: left;
    margin: 0;
    padding: 0 15px;
    width: 50%; }

  .xshop-category figure img {
    transition: all 0.6s ease-in-out 0s;
    width: 100%; }

  header .header-element {
    padding: 7px 0 0 0; }
  header ul.menu-nav > li {
    padding: 0 10px; }

  .newsletter-popup-content .newsletter-checkbox label {
    margin-top: 0px; margin-left:10px; }

  .newsletter-popup-inner .newsletter-popup-content form {
    margin-top: 10px; }

  html body.body-box {
    border-width: 30px; }

  div.internation-brand:hover .internation-brand-content-inner {
    margin-top: 28px; }
  div.internation-brand:hover .internation-brand-content {
    top: 20px; } }
@media (max-width: 1024px) {
  body.body-box {    border-width: 100px 10px; }
  header.header-basic .main-header {    padding: 0 15px;    position: relative; }
  header nav#primary-navigation {    display: none; }
  .site-navigation.mm-menu {    z-index: 99; }

  .col-mobile {  float: right;  padding-right: 0;  padding-left: 0;  width: auto; }
  .header-logo {    float: left; }
  header .mobile-navigation {  display: inline-block;  height: 30px;  line-height: 7px;   margin-top: 30px;   padding: 0 10px 0 0;  width: 30px; }

  .icon-bar { background: #333;  display: inline-block;   height: 3px;  width: 25px; }

  div.main-nav.main-menu li.menu-item-has-children.megamenu-menu-item {   position: relative; }
  ul.mm-listview.menu-nav > li > a { font-size:14px;   line-height: 14px;  margin: 0;  padding:10px 0;; color:#333; }
  ul.menu-nav li {    width: 100%; }

  .slide-content .title-banner-big {    font-size: 30px; }

  html body.body-box {    border-width: 10px; }

  div.newsletter-content > input {
    min-width: 220px; }
  div.title-banner-sevice-content {    padding-top: 90px; }

  .title-banner-sevice-content .desc-b-sevice {    height: 24px;    margin-bottom: 10px;    overflow: hidden; }

  span.title-label-newsletter {    margin: 0 40px 20px; }

  .menu-mobile-extra {    display: none;    max-height: 400px;    overflow-y: auto;
    width: 100% !important; }
    .menu-mobile-extra .menu-nav {
      text-align: left; }
    .menu-mobile-extra ul.menu-nav > li > a {
      font-size: 14px;
      line-height: 50px; }
    .menu-mobile-extra ul.menu-nav li .sub-menu {
      background: #ffffff none repeat scroll 0 0;
      border: medium none;
      border-radius: 0;
      box-shadow: 0 0 0;
      display: none;
      left: 0;
      margin-top: 0;
      min-width: 300px;
      opacity: 1;
      padding: 10px;
      position: relative;
      text-align: left;
      top: 0;
      transform: translateY(0px);
      visibility: visible;
      width: 100% !important;
      z-index: 33; }
    .menu-mobile-extra ul.menu-nav li {
      padding: 0;
      width: 100%; }
    .menu-mobile-extra ul.menu-nav > li {
      border-top: 1px solid #dddddd;
      position: relative; }
    .menu-mobile-extra ul.menu-nav li .sub-menu.megamenu {
      padding: 0; }
    .menu-mobile-extra .widget-title {
      color: #333333;
      text-transform: uppercase; }
    .menu-mobile-extra .menu {
      padding: 0 0 0 20px; }
    .menu-mobile-extra ul.menu-nav li .sub-menu a {
      background: transparent none repeat scroll 0 0;
      line-height: 40px;
      padding: 0; }
    .menu-mobile-extra .col-sm-1, .menu-mobile-extra .col-sm-10, .menu-mobile-extra .col-sm-11, .menu-mobile-extra .col-sm-12, .menu-mobile-extra .col-sm-2, .menu-mobile-extra .col-sm-3, .menu-mobile-extra .col-sm-4, .menu-mobile-extra .col-sm-5, .menu-mobile-extra .col-sm-6, .menu-mobile-extra .col-sm-7, .menu-mobile-extra .col-sm-8, .menu-mobile-extra .col-sm-9 {
      width: 100% !important; }

  header.header-style_12.header-basic .main-header .mobile-navigation, header.header-style_3.header-basic .main-header .mobile-navigation {
    margin-left: 30px; }

  .header-style_15 .header-left {
    width: 100%; }

  header.header-basic.sticky-menu-transform div.main-header {
    position: relative; }

  div.newsletter-style_8 .newsletter-content-inner {
    display: inline-block;
    float: right;
    margin-right: 10px;
    max-width: 260px; }

  div.product-item.product-item-duck .product-button-action .button.add_to_cart_button {
    color: #fff; }
    div.product-item.product-item-duck .product-button-action .button.add_to_cart_button:hover {
      color: #df5c53; }

  div.latest-post.latest-post-style_6 {
    position: relative; }
    div.latest-post.latest-post-style_6 .post-title::before {
      border-bottom: medium none; }
    div.latest-post.latest-post-style_6.latest-post .post-content .post-title {
      margin: 10px 0 0;
      width: 100%; }
    div.latest-post.latest-post-style_6 .post-content {
      box-shadow: 0 0 0;
      padding-left: 0;
      position: absolute;
      top: 0;
      z-index: 2; }
    div.latest-post.latest-post-style_6 .post-content .readmore-link {
      margin-top: 10px;
      display: block; }
    div.latest-post.latest-post-style_6 figure {
      overflow: hidden;
      position: relative; }
      div.latest-post.latest-post-style_6 figure::before {
        background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0 !important;
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 1; }
    div.latest-post.latest-post-style_6 .post-content .post-desc {
      display: none; }
    div.latest-post.latest-post-style_6 .owl-nav .owl-prev {
      top: 0px;
      -webkit-transform: translateX(0) translateY(0);
      -ms-transform: translateX(0) translateY(0);
      -o-transform: translateX(0) translateY(0);
      transform: translateX(0) translateY(0); }
    div.latest-post.latest-post-style_6 .owl-nav .owl-next {
      top: 0px;
      -webkit-transform: translateX(0) translateY(0);
      -ms-transform: translateX(0) translateY(0);
      -o-transform: translateX(0) translateY(0);
      transform: translateX(0) translateY(0); }

  div.product-item.product-hover-style2:hover .product-button-action {
    padding: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }

  .xshop-category {
    display: inline-block;
    float: left;
    margin: 0;
    padding: 0 15px;
    width: 50%; }

  .buttons-link {
    clear: left;
    display: block;
    text-align: center; }

  .xshop-category figure img {
    width: 100%; }

  .products-list .star-rating {
    margin: 10px 0; }
  .products-list .product-desc {
    height: 60px;
    overflow: hidden; }
  .products-list div.product-item .product-button-action {
    padding: 10px 0 0; }

  .menu-item.active > a {
    color: #df5c53; }

  .products-list .product-item {
    width: 100% !important; }

  .header-style_14 .header-nav {
    float: left; }

  span.ads-sku.ads-sku-left {
    left: -20px; }

  span.ads-sku.ads-sku-right {
    right: -50px; }

  .action-sticky {
    display: none !important; }

  .footer-style_11 .footer-top .menu-item {
    padding: 0; } }

@media (min-width: 768px) and (max-width: 1024px) {
.header-nav, .col-mobile {    display: inline-block;    float: right;    width: auto; }

  .tab-colestions ul.nav-tabs > li {
    padding: 0 20px; }

  header.header-basic .main-header .mobile-navigation {
    margin-top: 55px; }

  header.header-style_5 .logo {
    line-height: 120px; }
  header.header-style_5 .header-right .header-icon {
    height: 120px;
    line-height: 120px; }

  .header-style_2 .header-right span.header-icon {
    height: 120px;
    line-height: 120px; }
  .header-style_2 div.logo {
    line-height: 120px; }

  .title-desc-banner-ads .banner-ads2 .desc-banner-ads, .title-desc-banner-ads .banner-ads1-wrap .desc-banner-ads {
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%); }
  .title-desc-banner-ads figure img {
    opacity: 0.9; }

  div.banner-ads2-wrap {
    margin-right: 0; }

  div.banner-text-bg.banner-bg5 .link-bn-bg {
    font-size: 10px;
    padding: 0 10px; }

  /*Contact Form*/
  .contact-info .item-contact-info {
    border-bottom: 1px solid #e7e7e7;
    width: 100%; }
  .contact-info .list-contact-info::before, .contact-info .list-contact-info::after {
    display: none; }

  .tabs-category .columns-2 .product-item {
    float: left;
    width: 50%; }
    .tabs-category .columns-2 .product-item:nth-child(2n+1) {
      clear: both; }
    .tabs-category .columns-2 .product-item:nth-child(3n+1) {
      clear: none; }
    .tabs-category .columns-2 .product-item:nth-child(4n+1) {
      clear: none; }
  .tabs-category .columns-3 .product-item {
    float: left;
    width: 50%; }
    .tabs-category .columns-3 .product-item:nth-child(2n+1) {
      clear: both; }
    .tabs-category .columns-3 .product-item:nth-child(3n+1) {
      clear: none; }
    .tabs-category .columns-3 .product-item:nth-child(4n+1) {
      clear: none; }
  .tabs-category .columns-4 .product-item {
    float: left;
    width: 50%; }
    .tabs-category .columns-4 .product-item:nth-child(2n+1) {
      clear: both; }
    .tabs-category .columns-4 .product-item:nth-child(3n+1) {
      clear: none; }
    .tabs-category .columns-4 .product-item:nth-child(4n+1) {
      clear: none; }

  .products-grid.columns-2 .product-item {
    float: left;
    width: 50%; }
    .products-grid.columns-2 .product-item:nth-child(2n+1) {
      clear: both; }
    .products-grid.columns-2 .product-item:nth-child(3n+1) {
      clear: none; }
    .products-grid.columns-2 .product-item:nth-child(4n+1) {
      clear: none; }
  .products-grid.columns-3 .product-item {
    float: left;
    width: 50%; }
    .products-grid.columns-3 .product-item:nth-child(2n+1) {
      clear: both; }
    .products-grid.columns-3 .product-item:nth-child(3n+1) {
      clear: none; }
    .products-grid.columns-3 .product-item:nth-child(4n+1) {
      clear: none; }
  .products-grid.columns-4 .product-item {
    float: left;
    width: 50%; }
    .products-grid.columns-4 .product-item:nth-child(2n+1) {
      clear: both; }
    .products-grid.columns-4 .product-item:nth-child(3n+1) {
      clear: none; }
    .products-grid.columns-4 .product-item:nth-child(4n+1) {
      clear: none; }

  header.header-style_10 .main-header .mobile-navigation {
    margin-left: 30px;
    margin-top: 17px; }

  header.header-style_14 .mobile-navigation {
    margin-left: 15px;
    margin-top: 38px; }

  header .header-element {
    padding: 0 0 0 20px; }

  header.header-basic.header-style_15 .main-header .mobile-navigation {
    float: right;
    margin-top: 50px; }

  img {
    height: auto; }

  header.header-style_11 .logo {
    line-height: 120px; }
  header.header-style_11 .header-right .header-icon {
    height: 120px;
    line-height: 120px; }

  div.sevice-box-content {
    padding: 0 30px; }
    div.sevice-box-content .sevide-desc {
      height: 60px;
      overflow: hidden; }

  footer.footer-style_4 {
    padding: 60px 10px; }

  div.latest-news .blog-item {
    padding-left: 0; }

  .post-desc {
    height: 60px;
    overflow: hidden; }

  div .newsletter-style_1 .newsletter-form {
    padding-right: 15px; }
  div .newsletter-style_1 .newsletter-info {
    padding-left: 15px; }

  .coletion-desc-title-link.content-inner {
    display: none; }

  div.products-colection div.product-item {
    padding: 0 15px; }

  header.header-style_12.header-basic .main-header .mobile-navigation, header.header-style_3.header-basic .main-header .mobile-navigation {
    margin-top: 10px; }

  header.header-color-light .main-header {
    background: #212121 none repeat scroll 0 0; }

  .header-style_4 .header-nav {
    float: none; }
  .header-style_4 .col-mobile {
    float: right; }

  .xshop-category figure img {
    width: 100%; }

  .latest-post-style_3.latest-post div.post-content {
    left: 10px;
    top: 10px;
    right: 10px;
    bottom: 10px; }

  .latest-post .post-content .post-desc {
    display: none; }

  .step-content-right .step-produce-content::before, .step-content-right .step-produce-content::after {
    display: none; }

  .product-category-wrap.equal-elem.img-width {
    height: auto !important; }

  .product-media.img-width .product-images-wrap figure, .product-media.img-width .product-images-wrap img {
    width: 100% !important; }

  .header-style_13 .header-left {
    width: 230px; }

  div .newsletter-style_6 .newsletter-content > input, div .newsletter-style_6 .submit-button {
    padding: 0 10px;
    width: 100%;
    position: relative; }

  div .newsletter-style_6 .newsletter-title {
    font-size: 24px; }

  div.list-categories .title-list-categories {
    font-size: 14px;
    padding: 20px 0 20px 60px; }

  div .newsletter-style6 .newsletter-content > input {
    min-width: 150px; }

  .sevice-box-wrap img, .sevice-box-wrap figure, .sevice-box-wrap a {
    width: 100%; }

  .post-primary .post-media {
    width: 100%; }

  .post-primary .post-media a, .post-primary .post-media img, .post-primary .post-media figure {
    display: inline-block;
    width: 100%; }

  header.header-style_16 .socials > li {
    margin-right: 5px; }
  header.header-style_16 .mobile-navigation {
    margin-left: 15px;
    margin-top: 33px; }
  header.header-style_16 .header-search-main-header {
    margin-bottom: 30px;
    width: 100%;
    margin-top: 0; }
    header.header-style_16 .header-search-main-header input[type="text"] {
      width: 100%; }

  header.header-style_12.header-basic div.main-header .mobile-navigation {
    margin-top: 40px; }

  header.header-basic .header-top .header-element .header-element-content {
    left: auto; }

  header.header-basic.header-style_13 .main-header .mobile-navigation {
    margin-top: 35px; }

  .header-style_9 .mobile-navigation {
    margin-left: 20px;
    margin-top: 34px; }

  div.latest-post-style_4.latest-post .post-content .post-title {
    margin-bottom: 10px; }

  .main-header .list-categories {
    position: relative;
    margin-left: -5px; }
    .main-header .list-categories .title-list-categories {
      color: transparent !important;
      font-size: 0;
      margin-top: 20px;
      width: 40px;
      height: 40px;
      padding: 0;
      background-position: center center; }
    .main-header .list-categories .product-list-categories {
      background: #ffffff none repeat scroll 0 0;
      left: 0;
      min-width: 250px;
      display: none;
      position: absolute;
      top: 100%; }

  .banner-slide-right {
    width: 100%; } }
@media (min-width: 992px) and (max-width: 3000px) {
  div.banner-text-bg.banner-bg2 .bn-text-bg-content-top-left {
    margin: 35px 0 55px 60px;
    max-width: 50%; }

  div div.slick-list::before, div div.slick-list::after {
    width: 170px; }

  div.products-wraps {
    display: block;
    width: auto; }

  div.main-content .owl-nav > div {
    -webkit-transform: translateX(-140px) translateY(-50%);
    -ms-transform: translateX(-140px) translateY(-50%);
    -o-transform: translateX(-140px) translateY(-50%);
    transform: translateX(-140px) translateY(-50%); }
    div.main-content .owl-nav > div.owl-next {
      -webkit-transform: translateX(140px) translateY(-50%);
      -ms-transform: translateX(140px) translateY(-50%);
      -o-transform: translateX(140px) translateY(-50%);
      transform: translateX(140px) translateY(-50%); }

  div.latest-post .post-content .post-content-inner {
    padding: 20px; }

  div.latest-post-style_2 div.post-content-main {
    padding-left: 20px; }

  div.latest-post-style_4 .owl-nav > div {
    bottom: -65px; }

  div.newsletter-style5 .newsletter-content > input {
    min-width: inherit;
    padding: 0 40px 0 20px;
    width: 200px; }

  div.newsletter-style_2 .submit-button {
    margin-top: 0; }

  .list-item-with-thumb .product-thumb-media img {
    max-width: 70px; }
  .list-item-with-thumb .list-product-wrap .product-thumb-content {
    margin-top: 0;
    padding-left: 85px; }
  .list-item-with-thumb .list-product-wrap .item-product {
    margin-bottom: 20px; }
  .list-item-with-thumb .list-product-wrap .title-product-thumb {
    font-size: 14px; }
  .list-item-with-thumb .price {
    font-size: 14px; } }
@media (min-width: 768px) and (max-width: 991px) {
  div.banner-text-bg.banner-bg2 .bn-text-bg-content-top-left {
    margin: 35px 0 34px 60px; }

  div div.slick-list::before, div div.slick-list::after {
    width: 100px; }

  div.latest-post-style_4 .owl-nav > div {
    bottom: -65px; }

  div.main-content .owl-nav > div {
    -webkit-transform: translateX(-140px) translateY(-50%);
    -ms-transform: translateX(-140px) translateY(-50%);
    -o-transform: translateX(-140px) translateY(-50%);
    transform: translateX(-140px) translateY(-50%); }
    div.main-content .owl-nav > div.owl-next {
      -webkit-transform: translateX(140px) translateY(-50%);
      -ms-transform: translateX(140px) translateY(-50%);
      -o-transform: translateX(140px) translateY(-50%);
      transform: translateX(140px) translateY(-50%); }

  div.products-wraps {
    display: block;
    width: auto; }

  div.latest-post .post-content .post-content-inner {
    padding: 20px; }

  .post-meta, .readmore-link {
    display: none; }

  .content-slide-v11.link-slide {
    font-size: 30px; }

  div.newsletter-style5 .newsletter-content > input {
    min-width: inherit;
    padding: 0 40px 0 20px;
    width: 170px; }

  .newsletter-style_6 .newsletter-form {
    position: relative;
    width: 100%;
    z-index: 1; }

  div.newsletter-style_6 .newsletter-content > input {
    background: #ffffff none repeat scroll 0 0;
    border: medium none;
    float: left;
    height: 54px;
    line-height: 54px;
    min-width: 100%;
    padding: 0 120px 0 10px; }

  div.newsletter-style_6 .submit-button {
    font-size: 16px;
    height: 54px;
    line-height: 54px;
    padding: 0 10px;
    width: auto;
    position: absolute;
    right: 0;
    top: 0; }

  .latest-post-style_7 {
    margin-top: 30px; }

  div.columns-4 .product-item, div.columns-3 .product-item {
    float: left;
    width: 50%; }

  div.columns-3 .product-item:nth-child(3n+1) {
    clear: none; }

  div.columns-4 .product-item:nth-child(4n+1) {
    clear: none; }

  div.latest-post .post-content .readmore-link {
    display: none; }

  .list-item-with-thumb .product-thumb-media img {
    max-width: 50px; }
  .list-item-with-thumb .list-product-wrap .product-thumb-content {
    margin-top: 0;
    padding-left: 65px; }
  .list-item-with-thumb .list-product-wrap .item-product {
    margin-bottom: 10px; }
  .list-item-with-thumb .list-product-wrap .title-product-thumb {
    font-size: 14px; }
  .list-item-with-thumb .price {
    font-size: 14px; } }
@media (max-width: 1024px) {
  header.header-style_5 .header-inner-top {
    padding: 0; }

  .banner-block-style_2 img {
    width: 100%; }

  div.product-signle-item .product-name {
    font-size: 20px; }

  div.slide-content .title-banner-smaller {
    font-size: 20px; }

  div.banner-ads2-wrap {
    margin-right: 0; }

  div.slide-content {
    left: 10px; }

  div.products-wraps {
    display: block;
    width: auto; }

  div.latest-post-style_4 .owl-nav > div {
    left: auto;
    right: 77px; }
    div.latest-post-style_4 .owl-nav > div.owl-next {
      left: auto;
      right: 15px; }

  div.latest-post-style_4.latest-post .post-content .post-title {
    font-size: 10px; }

  input[type="text"], input[type="email"], textarea, input[type="password"], input[type="tel"], select {
    border-width: 1px !important;
    box-shadow: 0 0 0 !important; }

  input[type="text"], input[type="email"], textarea, input[type="password"], input[type="tel"], input {
    -webkit-box-shadow: 0 0 0 !important;
  } /*-webkit-appearance: none !important; } <== 체크박스가 보이지 않아 이부분 삭제*/

  button, html input[type="button"], input[type="reset"], input[type="submit"] {
    border-radius: 0 ; }

  footer button.submit-button[type="submit"] {
    border-radius: 50% !important; }

  .newsletter-popup-content .newsletter-checkbox label {
    position: relative; }

  div .banner-parallax {
    background-attachment: scroll; }

  div.newsletter-style_3 .newsletter-form > form {
    float: left; }

  .step-produce figure {
    margin: 0 !important;
    text-align: center;
    width: 100%; }

  div.step-produce2 .step-produce-content {
    margin-bottom: 50px;
    margin-top: 50px;
    margin-left: 0; }

  div.step-produce3 .step-produce-content {
    margin-left: 0px;
    margin-top: 55px; }

  div.step-produce-content {
    margin-bottom: 50px;
    margin-top: 50px; }

  .step-produce-content::before {
    display: none; }

  div.xshop-top-products.nav-control-radius .owl-nav > div {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0); }
    div.xshop-top-products.nav-control-radius .owl-nav > div.owl-next {
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0); }

  .newsletter-form {
    float: left;
    position: relative;
    z-index: 1; }

  .xshop-category-products-wrap .product-item .product-button-action .button.add_to_cart_button,
  .top-products-slide-with-banner-item .product-item .product-button-action .button.add_to_cart_button,
  .products-colection-wrap .product-item .product-button-action .button.add_to_cart_button {
    color: transparent;
    display: inline-block;
    font-size: 11px;
    height: 23px;
    overflow: hidden;
    top: 2px;
    width: 36px; }
    .xshop-category-products-wrap .product-item .product-button-action .button.add_to_cart_button::before,
    .top-products-slide-with-banner-item .product-item .product-button-action .button.add_to_cart_button::before,
    .products-colection-wrap .product-item .product-button-action .button.add_to_cart_button::before {
      color: #ffffff;
      content: "\f103";
      font-family: Flaticon;
      font-size: 20px;
      line-height: 25px;
      margin-right: 5px; }
    .xshop-category-products-wrap .product-item .product-button-action .button.add_to_cart_button:hover,
    .top-products-slide-with-banner-item .product-item .product-button-action .button.add_to_cart_button:hover,
    .products-colection-wrap .product-item .product-button-action .button.add_to_cart_button:hover {
      color: #df5c53; }

  .products-colection-container .colection-last .products-colection .product-item {
    padding: 0 15px; }

  .content-slide-v14 div.slide-content.align-center {
    margin-top: 0; }

  .row.nomargin {
    margin: 0; }

  div.nav-control-style4 .owl-nav > div {
    -webkit-transform: translateX(0) translateY(0);
    -ms-transform: translateX(0) translateY(0);
    -o-transform: translateX(0) translateY(0);
    transform: translateX(0) translateY(0); }
    div.nav-control-style4 .owl-nav > div.owl-next {
      -webkit-transform: translateX(0) translateY(0);
      -ms-transform: translateX(0) translateY(0);
      -o-transform: translateX(0) translateY(0);
      transform: translateX(0) translateY(0); }

  div.latest-post-style_6.latest-post .post-content .post-title {
    font-size: 15px; }

  .owl-carousel .owl-item .slide-content.content-slide-v16 img {   width: 90%; }

  div.content-slide-v10 .subtitle-slide {
    font-size: 30px;
    line-height: 35px; }

  header.header-style_4.has-banner .main-header {
    top: 0; }

  .footer-style_6 .newsletter-form-wrap {
    display: inline-block; }

  .latest-post-style_2.latest-post .post-content .post-desc {
    display: block;
    height: auto; }

  .list-categories {
    margin-bottom: 20px; }

  .product-list-categories {
    display: none; }

  div.main-content div.nav-control-style5 .owl-nav > div {
    top: -80px; }

  .mm-clear::before, .mm-close::before {
    background: none;
    border: medium none;
    box-shadow: 0 0 0;
    color: #666;
    content: "\e646";
    font-family: "Themify";
    height: 30px;
    line-height: 30px;
    right: 0;
    text-align: center;
    transform: rotate(0deg);
    width: 30px; }

  .mm-menu .mm-btn::after {
    display: none; }

  .mm-navbar .mm-btn.mm-clos:first-child {
    left: auto;
    padding-left: 20px;
    right: 7px;
    width: auto; }

  .mm-navbar .mm-title {
    color: #333333;
    font-family: "Noto Sans KR";
    font-size: 20px;
    text-transform: uppercase; }

  .mobile-navigation {
    display: inline-block;
    height: 10px;
    width: 10px; }

  .mm-menu .container, .mm-menu .col-lg-1, .mm-menu .col-lg-10, .mm-menu .col-lg-11, .mm-menu .col-lg-12, .mm-menu .col-lg-2, .mm-menu .col-lg-3, .mm-menu .col-lg-4, .mm-menu .col-lg-5, .mm-menu .col-lg-6, .mm-menu .col-lg-7, .mm-menu .col-lg-8, .mm-menu .col-lg-9, .mm-menu .col-md-1, .mm-menu .col-md-10, .mm-menu .col-md-11, .mm-menu .col-md-12, .mm-menu .col-md-2, .mm-menu .col-md-3, .mm-menu .col-md-4, .mm-menu .col-md-5, .mm-menu .col-md-6, .mm-menu .col-md-7, .mm-menu .col-md-8, .mm-menu .col-md-9, .mm-menu .col-sm-1, .mm-menu .col-sm-10, .mm-menu .col-sm-11, .mm-menu .col-sm-12, .mm-menu .col-sm-2, .mm-menu .col-sm-3, .mm-menu .col-sm-4, .mm-menu .col-sm-5, .mm-menu .col-sm-6, .mm-menu .col-sm-7, .mm-menu .col-sm-8, .mm-menu .col-sm-9, .mm-menu .col-xs-1, .mm-menu .col-xs-10, .mm-menu .col-xs-11, .mm-menu .col-xs-12, .mm-menu .col-xs-2, .mm-menu .col-xs-3, .mm-menu .col-xs-4, .mm-menu .col-xs-5, .mm-menu .col-xs-6, .mm-menu .col-xs-7, .mm-menu .col-xs-8, .mm-menu .col-xs-9 {
    width: 100%; }
  .mm-menu .widget-title { color: #333333;  font-size: 14px;  margin:10px 0;   text-transform: uppercase; }
  .mm-menu .mm-listview .mm-next::before {
    border: none; }

  header .header-element .header-element-content {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    visibility: visible;
    display: none;
    opacity: 1; }

  header.header-style_4 nav#primary-navigation {
    display: none; }

  .latest-post-style_3.latest-post div.post-content {
    transform: scale(1); }

  .products-wraps {
    display: inline-block;
    width: 100%; }

  .header-style_7 .main-header .mobile-navigation {
    margin-left: 30px; }

  .product-item .product-button-action { background-color: rgba(0, 0, 0, 0.2); bottom: 100% !important;  left: 0 !important;  margin-bottom: 8px;  opacity: 1 !important;  padding: 5px 0;  position: absolute;  right: 0;  text-align: center;  top: auto;
  -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    z-index: 1; }
  .product-item .product-button-action .button.add_to_cart_button {  color: #ffffff;  font-size: 18px;  top: 0; }
    .product-item .product-button-action .button.add_to_cart_button:hover {  color: #df5c53; }
  .product-item .product-button-action .button { color: #ffffff; }
    .product-item .product-button-action .button:hover {  color: #df5c53; }

  .product-item div.product-info { padding:10px;    overflow: inherit; }

  header.header-basic.header-style_8 .main-header .mobile-navigation {
    margin-left: 25px;
    margin-top: 38px; }

  header.header-style_10 .header-logo {
    line-height: 70px;
    margin-bottom: 0;
    margin-top: 0; }

  .banner-block-style_4 div.banner-block-content {
    left: 20px; }
  .banner-block-style_4.text-right div.banner-block-content {
    left: auto;
    right: 20px; }

  .product-category-wrap .xshop-category-products-wrap {
    padding: 55px 10px 60px; }

  .header-style_14 .header-left .logo {
    display: none; }

  header.header-basic.header-style_14 .main-header .mobile-navigation {
    margin-top: 22px; }

  footer.footer ul.socials > li {
    font-size: 20px;
    padding-left: 10px; }
  footer.footer li {  list-style: outside none none;    padding: 0 5px; }

  div.latest-post-style_2 .post-content-main {
    padding-left: 0px; }

  div.newsletter-wrap .newsletter-wrap-content {
    padding: 70px 0 70px; }

  .newsletter-style_2 .submit-button {
    margin-top: 10px; }

  .newsletter-popup-content .newsletter-checkbox label {
    margin-top: 0px; margin-left:10px; }

  .newsletter-popup-inner .newsletter-popup-content form {
    margin-top: 10px; }

  .products-list .product-item .product-button-action .button {
    color: #333; } }
@media (max-width: 1200px) {
  body div.main-content-box {
    padding: 0; }

  .products-grid-description .product-item.width50 {
    width: 100%; }
  .products-grid-description .product-item .product-button-action {
    background-color: transparent;
    text-align: left;
    position: inherit; }
  .products-grid-description .product-item .product-button-action .button.add_to_cart_button {
    color: #666666; }
  .products-grid-description .product-item.width50:nth-child(2n) .product-media {
    float: right !important; }
  .products-grid-description .product-item.width50:nth-child(2n+1) .product-media {
    float: left !important; } }
@media (max-width: 991px) {
  .table-responsive {
    overflow-x: auto;
    margin-bottom: 50px;
    padding: 20px 0 0 20px; }
    .table-responsive > table {
      width: 1170px; }

  /*Look Book*/
  .lookbook-call-action figure, .lookbook-call-action img {
    width: 100%; }
  .lookbook-call-action .lookbook-box-content {
    margin: 40px 0;
    max-width: 100%; }
  .lookbook-call-action .row > div, .lookbook-call-action .xshop-lookbook-img > div {
    padding: 0 15px; }

  .deals-wrap .xshop-countdown .xshop-datetime {
    width: 60px;
    margin-right: 10px; }
  .deals-wrap .deal-desc {
    display: none; }
  .deals-wrap .deal-content-inner {
    padding: 0 0 20px 20px; }

  div.content-slide-v6 .title-slide-lar {
    font-size: 30px; }

  div.content-slide-v6 .desc-slide {
    display: none; } }
@media (max-width: 767px) {
  /*Header*/
  header.header-style_1 .main-header .mobile-navigation {
    margin-top: 40px; }
  header.header-style_2 .main-header .header-icon, header .main-header .header-icon { margin-top:70%;  }
  header.header-style_2 .main-header .cart-number-items, header .main-header .cart-number-items {
    top: 25px !important; }
  header .header-nav {  float: right; margin-top:15px;}
  header .header-element {    padding: 5px 0 0 0;    position: inherit; }
  header .cart-number-items {
    right: 10px;
    position: relative;
    top: 45px; }
  header .col-mobile {  display:inline-block; width:auto; height:63px;}
  header .header-right {  display: table;   float: none;   margin: 0 auto; }
  header .header-element .header-element-content {   min-width: 300px;  width:100%;  top:60px; }
  header .mini-cart-bottom .button {
    margin-bottom: 10px;
    text-align: center;
    width: 100%; }
  header.header-style_2 .logo {
    line-height: 96px; }
  header.header-style_5 .mobile-navigation {
    margin-left: 15px; }
  header.header-style_5 .logo {
    float: none; }
  header.header-style_5 .header-logo {
    text-align: center;
    width: 100%; }

  body.main-box .main-content {
    padding: 0 20px; }

  .item-slide .sub-title-banner-big {
    color: #aaaaaa;
    font-size: 20px;
    margin: 10px; }
  .item-slide .button-slide {
    font-size: 12px;
    line-height: 36px;
    margin-top: 20px;
    padding: 0 20px; }
  .item-slide .content-slide3 .description-slide {
    font-size: 12px;
    line-height: 20px; }
  .item-slide .slide-date {
    font-size: 12px; }
  .item-slide .sub-title-banner-smaller {
    font-size: 16px;
    margin: 10px 0; }
  .item-slide .description-slide {
    display: none; }
  .item-slide .slide-content {
    left: 20px;
    position: absolute;
    width: auto;
    right: 20px; }
  .item-slide .slide-content .item-icon .title-img {
    font-size: 10px; }
  .item-slide .slide-content .title-slide span {
    font-size: 20px;
    text-transform: uppercase; }
  .item-slide .slide-content .sub-title-banner {
    font-size: 12px;
    margin-top: 5px; }
  .item-slide .slide-content .title-slide {
    font-size: 20px; }
  .item-slide .slide-content .item-icon {
    padding: 10px 0; }
  .item-slide .content-slide-v4 .subtitle-banner-smaller {
    font-size: 12px; }
  .item-slide .content-slide-v4 .title-banner-smaller {
    font-size: 16px;
    margin: 0 0 10px; }
  .item-slide .content-slide-v5 .title-slide-lar {
    font-size: 18px; }
  .item-slide .content-slide-v5 .subtitle-slide {
    display: none; }

  .item-icon > img {
    max-width: 50px; }

 /*모바일에서 슬라이드 투명도*/
  .item-slide > figure::before {
    background: rgba(255, 255, 255, 0) none repeat scroll 0 0; bottom: 0; content: ""; left: 0; position: absolute; right: 0; top: 0; z-index: 1; }
/*모바일에서 슬라이드 투명도*/

  .item-slide .slide-content {
    z-index: 2; }

  .item-slide .slide-content .sub-title-banner {
    color: #444444; }

  div.img-signle > figure {
    display: block; }

  .newsletter-wrap .newsletter-content > input {
    margin-bottom: 10px; }

  .owl-carousel .owl-item .item-slide .slide-content img {
    padding: 0px 0 0; }

  .banner-wrap .owl-nav > div {
    font-size: 20px;
    height: 40px;
    left: 20px;
    line-height: 40px;
    width: 40px; }
    .banner-wrap .owl-nav > div.owl-next {
      right: 20px;
      left: auto; }

  header.header-basic.header-color-light .main-header {
    background: #212121 none repeat scroll 0 0; }

  header.header-style_4 .mobile-navigation {
    position: absolute;
    right: 30px; }

  header.header-style_4 .header-nav {
    float: left; }

  header.header-basic .mobile-navigation {   margin-top: 15px; }

  header.header-basic .logo {
    line-height: 60px; }

  /*newsletter*/
  .newsletter-wrap.newsletter-style_2 .newsletter-form {
    padding: 20px;
    width: 100%; }
  .newsletter-wrap.newsletter-style_2 .newsletter-info {
    padding: 20px;
    width: 100%; }
  .newsletter-wrap.newsletter-style_2 .newsletter-wrap-content {
    padding: 50px 0; }
  .newsletter-wrap.newsletter-style_2 .newsletter-wrap-inner {
    padding-left: 50px;
    padding-right: 50px; }

  div.latest-news .blog-item {
    padding-left: 0; }

  div.title-desc-banner-ads .banner-ads2-wrap, div.title-desc-banner-ads .banner-ads1-wrap, div.title-desc-banner-ads .banner-ads2, div.title-desc-banner-ads .video-banner {
    width: 100%; }
    div.title-desc-banner-ads .banner-ads2-wrap figure, div.title-desc-banner-ads .banner-ads2-wrap img, div.title-desc-banner-ads .banner-ads1-wrap figure, div.title-desc-banner-ads .banner-ads1-wrap img, div.title-desc-banner-ads .banner-ads2 figure, div.title-desc-banner-ads .banner-ads2 img, div.title-desc-banner-ads .video-banner figure, div.title-desc-banner-ads .video-banner img {
      width: 100%; }
  div.title-desc-banner-ads .banner-ads2 .desc-banner-ads, div.title-desc-banner-ads .banner-ads1-wrap .desc-banner-ads {
    left: 50%;
    top: 50%;
    color: #ffffff;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%); }
  div.title-desc-banner-ads figure {
    position: relative; }
  div.title-desc-banner-ads figure::before {
    background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0; }
  div.title-desc-banner-ads figure:hover img {
    opacity: 1;
    transform: none;
    -o-transform: none;
    -webkit-transform: none; }

  /*icon box*/
  .icon-box {
    cursor: pointer;
    display: inline-block;
    margin-bottom: 40px; }

  .products-colection-container .colection-banner-title {
    margin-top: 50px; }
  .products-colection-container div.colection-banner-title-has-title {
    margin-top: 50px; }
  .products-colection-container .coletion-desc-title-link {
    margin-top: 50px; }

  .products-colection div.product-item {
    padding: 0 20px;
    width: 100%; }

  div.tab-colestions .nav-tabs > li {
    padding: 0 20px; }

  .tab-colestions ul.nav-tabs {
    padding: 50px 0; }

  div.content-inner {
    display: inline-block;
    float: left;
    max-width: 100%;
    width: 100%; }

  .content-inner.colection-banner-title {
    max-width: 100%; }

  .colection-banner-title img {
    width: 100%; }

  .product-item .product-media img {
    width: 100%; }

  div.img-signle figure img {
    height: auto;
    width: 100%; }

  .search-box-wrap .search-box .search {
    width: 300px; }

  .search-box .section-title .text-uppercase {
    font-size: 20px; }

  .title-desc-banner-ads .desc-ads {
    padding: 0 20px; }

  /*footer*/
  footer.footer-style_1 {
    padding: 50px 0; }
  footer .menu li {
    width: 100%;
    text-align: center; }
  footer .logo-footer {
    margin: 20px 0; }
  footer .title-socials {
    font-size: 12px;
    margin-right: 0; }
  footer .social-footer.footer-right {
    text-align: center;
    width: 100%; }

  footer.footer-style_2 .menu li {
    text-align: left; }
  footer.footer-style_2 .menu-footer {
    margin-bottom: 50px; }
  footer.footer-style_2 .footer-bottom .menu li {
    padding: 0; }

  footer.footer-style_4 {
    padding: 50px 0; }
    footer.footer-style_4 .logo-footer {
      text-align: center; }
    footer.footer-style_4 .socials {
      float: none;
      margin-top: 10px; }

  .newsletter-popup .newsletter-popup-inner {
  
    overflow-x: hidden;
    overflow-y: auto;
    left: 15px;
    right: 15px; }
  .newsletter-popup .newsletter-popup-content {
    padding: 0px; }

  /*Video popup*/
  #slvj-window, #slvj-window * {
    box-sizing: border-box;
    width: 100% !important;
    height: auto !important; }

  #slvj-back-lightbox {
    top: 50% !important;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }

  /*Contact Form*/
  .xshop-contact-form::before {
    display: none; }

  .form-contact p {
    display: inline-block;
    margin: 0;
    width: 100%; }

  .xshop-contact-form .form-contact input.second-name {
    border-left: medium none;
    border-top: 1px solid #e7e7e7; }

  .form-contact > .row > div {
    display: inline-block;
    padding: 0;
    width: 100%; }

  /*Sevide Box*/
  .sevice-box-wrap .sevice-box-content {
    padding: 0 10px; }
  .sevice-box-wrap .sevice-box-content .sevide-desc {
    max-height: 50px;
    overflow: hidden; }
  .sevice-box-wrap .sevice-box-content .sevice-button {
    padding: 0 20px; }

  body.main-box footer {
    padding: 60px 20px; }

  div.latest-post-style_3.latest-post .post-content, div.latest-post-style_4.latest-post .post-content {
    bottom: 20px;
    left: 20px;
    right: 20px;
    top: 20px;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
  div.latest-post-style_3.latest-post .post-content .post-title, div.latest-post-style_4.latest-post .post-content .post-title {
    font-size: 14px;
    margin: 5px 0 15px;
    text-transform: uppercase; }
  div.latest-post-style_3.latest-post .post-content .readmore-link, div.latest-post-style_4.latest-post .post-content .readmore-link {
    margin-top: 0; }

  div.latest-post-style_3.latest-post .post-content .post-desc {
    display: none; }

  .title-banner-sevice-content .link-b-sevice {
    display: inline-block;
    margin-bottom: 30px; }

  .title-banner-sevice-style_2 div.title-banner-sevice-content {
    height: 400px;
    width: 400px; }
    .title-banner-sevice-style_2 div.title-banner-sevice-content .desc-b-sevice {
      display: none; }
    .title-banner-sevice-style_2 div.title-banner-sevice-content .title-b-sevice {
      font-size: 20px;
      margin-bottom: 10px;
      line-height: 30px; }

  .sevice-style_3.sevice-box-wrap .sevice-box-content .sevice-button {
    margin: 0 0 30px;
    padding: 0; }

  .latest-post-style_4 {
    margin: 30px 0; }

  div .columns-2 .product-item {
    float: left;
    width: 50%; }
    div .columns-2 .product-item:nth-child(2n+1) {
      clear: both; }
    div .columns-2 .product-item:nth-child(3n+1) {
      clear: none; }
    div .columns-2 .product-item:nth-child(4n+1) {
      clear: none; }
  div .columns-3 .product-item {
    float: left;
    width: 50%; }
    div .columns-3 .product-item:nth-child(2n+1) {
      clear: both; }
    div .columns-3 .product-item:nth-child(3n+1) {
      clear: none; }
    div .columns-3 .product-item:nth-child(4n+1) {
      clear: none; }
  div .columns-4 .product-item {
    float: left;
    width: 50%; }
    div .columns-4 .product-item:nth-child(3n+1) {
      clear: none; }
    div .columns-4 .product-item:nth-child(4n+1) {
      clear: none; }

  .banner-block img {
    width: 100%; }

  .title-footer {
    margin: 30px 0; }

  footer .footer-top .menu li {
    text-align: left; }

  div .newsletter-wrap .submit-button {
    margin: 0;
    width: 100%; }

  .newsletter-wrap .newsletter-form > form {
    float: right;
    width: 100%; }

  .step-produce.step-content-right > figure {
    margin-left: 0; }
  .step-produce.step-content-left > figure {
    margin-right: 0; }
  .step-produce .step-produce-content {
    margin-top: 50px;
    max-width: 100%; }

  header.header-basic.header-style_8 .mobile-navigation {
    margin-left: 30px;
    margin-top: 10px; }

  .icon-box-style4 {
    width: 100%; }
    .icon-box-style4 figure img {
      width: 100%; }

  .newsletter-style_4 .newsletter-content > input {
    color: #aaaaaa;
    width: 100%; }

  div.newsletter-style_4 {
    padding: 40px; }
    div.newsletter-style_4 figure {
      display: none; }

  div.banner-block-style_4 {
    float: none; }

  div.coletion-desc-title-link.content-inner {
    max-width: 100%; }

  .products-grid-description .width50 {
    width: 100%; }

  .product-item .product-media img {
    width: 100% !important; }

  .header-logo {
    float: none; }

  header.header-style_12 .header-right {
    float: none;
    margin: 0 auto; }
  header.header-style_12.header-basic .main-header .mobile-navigation {
    margin-left: 10px;
    margin-top: 14px; }

  .header-style_3 .header-right {
    float: none;
    margin: 0 auto; }
  .header-style_3.header-basic .main-header .mobile-navigation {
    margin-left: 10px;
    margin-top: 10px; }

  .head-nav-extra {
    display: none; }

  .head-nav-extra {
    display: none; }

  img {
    height: auto; }

  footer.footer-style_4 .footer-top .menu li {
    text-align: center; }

  footer.footer-style_13 .footer-bottom {
    line-height: 30px; }

  footer .title-footer {
    margin: 25px 0; }

  .banner-text img {
    width: 100%; }

  .item-slide .content-slide-v14 .slide-content {
    margin: 0;
    position: inherit; }

  header.header-style_14 .header-right .header-icon {
    font-size: 21px;
    height: 60px;
    line-height: 60px; }
  header.header-style_14 .logo {
    line-height: 60px;
    float: none;
    text-align: center; }
  header.header-style_14.header-basic .mobile-navigation {
    margin-left: 20px;
    margin-top: 12px; }
  header.header-style_14 .header-search {
    display: inline-block;
    width: 100%; }
  header.header-style_14 .header-top .widget_search .search-form {
    margin: 10px auto 0; }
  header.header-style_14 .header-top-right {
    float: none; }

  header.header-style_15 .header-elements .header-element {
    margin-bottom: 15px;
    position: relative; }

  .header-style_15 .header-elements .cart-number-items {
    position: absolute; }

  header.header-basic.header-style_15 .mobile-navigation {
    float: right;
    margin-top: 10px; }

  .footer-bottom-right {
    float: none; }

  footer.footer-style_14 .copyright, footer.footer-style_14 .logo-footer {
    float: none;
    margin-top: 0; }

  header.header-style_1 div.main-header .mobile-navigation {
    margin-top: 10px; }

  div.newsletter-style_1 .newsletter-form {
    display: inline-block;
    float: none;
    padding: 20px;
    width: 100%; }

  div button.slick-arrow {
    left: 15px; }

  div button.slick-arrow.slick-arrow.slick-next {
    right: 15px; }

  .banner-text .desc-banner-text {
    text-transform: none; }

  .banner-text .title-banner-text {
    font-size: 20px; }

  .nav-control-style6 div.owl-nav > div {
    top: -45px; }

  .slide-content .title-banner-smaller {
    font-size: 18px;
    line-height: 24px; }

  select {
    border: 1px solid #e5e5e5;  border-radius: 0 !important;  font-size: 13px;  line-height: 30px;  padding:9px;  width: 100%; }

  div .title-login {
    margin: 30px 0; }

  .single-product-content .product-title {
    margin: 20px 0 10px; }

  div.product-content-preview .nav-tabs > li > a {
    padding: 5px 0; }

  /*Blog*/
  div.blog-wrap .blog-item, div.blog-single .blog-item {
    margin-bottom: 30px; }

  .avt-author > img {
    max-width: 70px; }

  div.comment-item {
    padding-left: 0; }

  div .children li {
    padding-left: 20px; }

  .comment-respond {
    padding: 0 20px; }

  div #primary, div #secondary {
    margin-top: 10px;
    padding-bottom: 30px;
    padding-top: 0; }

  .avatar {
    max-width: 70px; }

  div .comment-body {
    padding-left: 90px; }

  div.contact-form {
    padding: 30px; }

  .products-ordering .chosen-container {
    max-width: 200px; }

  div.products-wraps {
    width: auto;
    display: block; }

  div .newsletter-style_6 .newsletter-content > input {
    padding: 0 10px; }

  div .newsletter-style_6 .submit-button {
    padding: 0 10px;
    position: relative; }

  div.banner-block-style_4 .banner-block-content, div.banner-block-style_4.text-right .banner-block-content {
    top: 30px; }

  div.banner-block-style_4 .banner-block-content .banner-link {
    margin-top: 30px; }

  header.header .header-element .header-element-content {
    margin-top: 0; }

  .step-content-right .step-produce-content::before, .step-content-right .step-produce-content::after {
    display: none; }

  div.banner-parallax {
    background-size: auto auto; }

  .footer-style_6 .newsletter-content > input {
    min-width: auto;
    width: 100%; }

  div div.content-slide-v6 .title-slide-lar {
    font-size: 22px; }

  footer span.title-socials {
    font-size: 10px;
    margin-right: 15px; }

  div.newsletter-style_7 form .newsletter-content > input {
    margin: 0 0 20px;
    width: 100%;
    min-width: inherit; }
  div.newsletter-style_7 .title-label-newsletter {
    line-height: 24px;
    margin: 0 0 20px; }

  footer .footer-top .footer-center .menu-item {
    text-align: center; }

  .footer-style_1 .footer-center {
    margin-bottom: 20px;
    text-align: center; }
  .footer-style_1 .socials {
    float: none; }

  .sevice-box-wrap {
    margin-bottom: 30px; }
    .sevice-box-wrap img, .sevice-box-wrap figure, .sevice-box-wrap a {
      width: 100%; }

  div.product-item.product-item-duck .product-button-action .button.add_to_cart_button {
    color: #fff; }

  .post-primary .post-media {
    width: 100%; }
    .post-primary .post-media a, .post-primary .post-media img, .post-primary .post-media figure {
      width: 100%;
      display: inline-block; }

  .banner-block-style_5.banner-block {
    margin-bottom: 0;
    margin-top: 30px; }

  header.header-style_16 .header-search-main-header {  margin-top: 0;  margin-bottom: 10px;  width: 100%;  float: none; }
    header.header-style_16 .header-search-main-header input[type="text"] {
      width: 100%;
      min-width: inherit; }
  header.header-style_16 .header-right .header-icon {
    color: #555555;
    height: 65px;
    line-height: 65px; }
  header.header-style_16.header-basic .mobile-navigation { margin-left: 5px; }
  header.header-style_16 .header-logo {
    display: inline-block;
    text-align: center;
    width: 100%; }
  header.header-style_16 .socials > li {
    line-height: 40px; }
  header.header-style_16 .header-top .language-switcher-wrap {
    margin-top: 4px; }
  header.header-style_16 .header-top .cart-number-items {
    bottom: 30px;
    right: 0;
    top: 20px; }
  header.header-style_16 .language-flag-switcher {
    float: left; }

  .header-top-left-content {
    display: inline-block;
    text-align: center;
    width: 100%; }
    .header-top-left-content > div {
      display: inline-block;
      margin: 0 10px; }

  .header-top .language-switcher-wrap {
    float: none;
    margin-left: 15px;
    margin-top: 27px; }

  div.content-slide-v6-1 .title-slide-lar {  font-size: 20px; }
  div.content-slide-v6-2 .title-slide-lar {  font-size: 20px; font-weight:900;}

  .icon-box .icon-box-title {
    top: 0; }

  .footer-style_5 .text-right {
    text-align: left; }
  .footer-style_5 ul.socials {
    float: left; }
  .footer-style_5 p.copyright {
    text-align: left; }

  div.icon-box-style2.icon-box { margin: 0 auto; }

  div.product-content-preview ul.nav-tabs > li > a {
    line-height: 30px;
    padding: 0; }

  div .products-ordering {
    float: left;
    font-size: 14px;
    margin-top: 10px;
    text-transform: uppercase;
    width: 100%; }
    div .products-ordering select {
      background: transparent none repeat scroll 0 0;
      display: inline;
      height: 36px;
      line-height: 36px;
      width: auto; }

  .products-list .product-item .product-media {
    margin-bottom: 20px;
    padding-left: 0; }

  header.header-style_15 .header-elements .header-element .header-element-content {
    left: 40px;
    margin: 0;
    min-width: 250px;
    right: 0;
    top: 0;
    padding: 20px;
    width: 100%; }
    header.header-style_15 .header-elements .header-element .header-element-content .cart-img > img {
      width: 60px; }
    header.header-style_15 .header-elements .header-element .header-element-content .cart-inner {
      padding-left: 70px; }

  .banner-text.align-left .banner-text-content {
    left: 10px;
    right: auto;
    text-align: left;
    top: 10px;
    transform: translateY(0px); }

  header.header-style_14.header .header-top .cart-number-items {
    bottom: 0;
    right: 12px;
    top: auto; }

  .newsletter-style_6 {
    display: inline-block;
    width: 100%; }

  .latest-post.latest-post-style_7 .post-item {
    display: inline-block;
    margin-top: 50px; }
    .latest-post.latest-post-style_7 .post-item .post-media {
      display: table;
      margin: 0 auto;
      text-align: center; }

  footer.footer div .title-footer {
    margin: 20px 0 23px; }

  footer.footer-style_13 .footer-bottom-right {
    float: left;
    margin-top: 10px;
    width: 100%; }

  footer.footer-style_13 .title-socials {
    color: #333333;
    font-size: 14px;
    line-height: 30px;
    margin-right: 20px; }

  .footer-bottom-right {
    display: inline-block;
    float: none;
    margin-top: 10px;
    width: 100%; }

  footer .footer-bottom-left .menu li {
    padding: 0px;
    text-align: left;
    width: 100%; }

  .newsletter-style_4 .newsletter-content > input {
    margin-bottom: 10px; }

  .newsletter-style_4 .newsletter-form {
    width: 100%; }

  footer .icon-box {
    cursor: pointer;
    display: table;
    margin: 10px auto; }

  header.header-basic.header-style_9 .mobile-navigation {
    margin-top: 32px;
    margin-left: 15px; }

  .header-style_9.header .header-top .cart-number-items {
    top: 40px; }

  .internation-brand {
    margin-bottom: 30px; }
    .internation-brand img {
      width: 100%; }

  header.header-basic.header-style_8 div.main-header .mobile-navigation {
    margin-top: 13px; }

  .footer-style_8 .logo-footer {
    margin-top: 0; }

  .icon-box.icon-box-style3 {
    float: none;
    margin: 10px auto;
    display: table;
    text-align: center; }

  .content-slide-v8 .link-slide {
    font-size: 18px; }

  footer.footer-style_7 .footer-bottom-right {
    float: left;
    margin-left: 0; }

  footer.footer-style_7 .footer-bottom li:first-child {
    padding-left: 0; }

  div.newsletter-style_3 .newsletter-content > input {
    margin-bottom: 10px;
    min-width: 100%; }

  .banner-block-item .title-banner-block-inner { font-size: 30px;  line-height: 30px; margin: 0 0 50px;  text-transform: uppercase; }
  .banner-block-item .title-banner-block-inner { margin: 0 0 30px; }
  .banner-block-item .banner-block-content-inner { color: #ffffff;  padding: 70px 0; }
  .banner-block-item .number-banner { bottom: 50px; color: #ffffff; font-family: Noto Sans KR; font-size: 40px; line-height: 40px; position: absolute;  right: 20px; }

  @media(min-width:200px) and (max-width: 757px){
		 .banner-block-item .title-banner-block-inner { font-size: 16px;  line-height: 20px; margin: 0 0 50px;  text-transform: uppercase; }
		 .title-banner-block-inner span.title-banner-sub-text { font-size:11px;}
		}

  div div.banner-parallax {
    background-repeat: no-repeat;
    background-size: cover; }

  .banner-ads1-content {
    margin: 0 auto; }

  footer.footer .footer-bottom li:first-child {
    padding-left: 0; }

  .newsletter-style_2 .newsletter-content > input {
    width: 100%; }

  .sidebar.shop-sidebar-area .widget.widget_image {
    display: table;
    margin: 0 auto; }

  .product-signle-item {
    display: inline-block;
    position: relative;
    width: 100%; }

  .latest-post-style_2.latest-post .post-item {
    padding: 3px; }

  .latest-post-style_2.latest-post .post-content .post-content-inner {
    padding: 20px; }

  div.latest-post-style_10.latest-post .post-primary .post-content {
    right: 20px; }
    div.latest-post-style_10.latest-post .post-primary .post-content .post-title a {
      font-size: 14px;
      line-height: 24px; }

  .footer-style_6 .newsletter-content > input {
    margin-bottom: 10px; }

  div.internation-brand .internation-brand-content, div.internation-brand:hover .internation-brand-content {
    top: 10px;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }

  div.internation-brand .internation-brand-content-inner, div.internation-brand:hover .internation-brand-content-inner {
    height: auto;
    margin-top: 20px;
    opacity: 1;
    padding: 20px 20px 25px;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    visibility: visible; }

  .footer-style_9 .nopadding {
    padding: 0 15px; }

  footer.footer-style_11 .footer-bottom {
    margin-top: 0; }

  div.newsletter-style_9 .title-label-newsletter {
    line-height: 20px;
    margin: 10px 0; }

  div.banner-text-bg.banner-bg1 .bn-text-bg-content {
    padding: 40px 20px; }
  div.banner-text-bg.banner-bg1 .title-bn-bg {
    font-size: 20px; }
  div.banner-text-bg.banner-bg1 .desc-bn-bg {
    font-size: 14px;
    line-height: 20px; }
  div.banner-text-bg::before {
    bottom: 0;
    content: "";
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    z-index: 1; }
    div.banner-text-bg::before:hover {
      background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
      left: 50%;
      right: 50%; }
  div.banner-text-bg::after {
    bottom: 0;
    content: "";
    cursor: pointer;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    z-index: 1; }
    div.banner-text-bg::after:hover {
      background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0;
      left: 50%;
      right: 50%; }

  .latest-post.latest-post-style_4 .post-content .post-desc {
    display: none; }

  div span.ads-sku.ads-sku-right, div span.ads-sku.ads-sku-left {
    position: inherit;
    right: 0;
    top: 0; }

  html #section1 {
    padding: 76px 0 80px; }
  html #section3 {
    padding: 100px 0 0; }
  html #section4 {
    padding: 80px 0px 73px; }
  html #section6 {
    background: #3d3936 none repeat scroll 0 0;
    margin: 52px 0 75px; }
  html #section8 {
    padding: 20px 0 90px; }
  html #section11 #primary, html #section11 #secondary {
    padding-top: 30px; }
  html #section2-about {
    padding: 30px 0; }
  html #section3-about {
    padding-bottom: 10px; }
  html #section9 {
    padding: 40px 0; }
  html #section12 {
    padding-top: 3px; }
  html .padding-bottom60 {
    padding-bottom: 60px; }
  html .padding-top60 {
    padding-top: 60px; }
  html .padding-top75 {
    padding-top: 75px; }
  html .margin-top55 {
    margin-top: 55px; }
  html #section13 {
    padding-top: 60px; }
  html #section14 {
    padding: 0 0 74px; }
  html #section141 {
    padding: 0 0 95px; }
  html #section15 {
    padding: 69px 0 67px; }
  html #section16 {
    background: #f5f4f3;
    padding: 65px 0 68px; }
  html #section17 {
    padding: 65px 0px; }
  html #section18 {
    padding-bottom: 60px; }
  html #section20 {
    padding-top: 62px; }
  html #section21 {
    padding-bottom: 60px; }
  html #section22 {
    padding-bottom: 60px; }
  html #section26 {
    padding-top: 45px; }
  html #section29 {
    padding-bottom: 70px; }
  html #section30 {
    padding-top: 40px; }
  html #section32 {
    padding: 60px 0; }
  html #section33 {
    padding-top: 30px;
    padding-bottom: 45px; }
  html #section35 {
    padding: 70px 0 55px; }
  html #section38 {
    padding-bottom: 30px; }
  html #section40 {
    padding: 69px 0 69px; }
  html #section41 {   padding: 30px 0x; }
  html #section43 {
    padding: 65px 0 70px; }
  html #section44 {
    padding-bottom: 60px; }
  html #section66 {
    padding-top: 66px; }
  html #section-newsletter-2 {
    padding: 80px 0 65px; }
  html #section67 {
    padding-bottom: 50px;
    padding-top: 65px; }
  html #section69 {
    padding-bottom: 60px;
    padding-top: 60px; }

  div.content-slide-v6-1 .subtitle-slide, div.content-slide-v6-1 .title-slide-lar {  color: #fff; }
  .content-slide-v6-1 .button-outlight-2 {   border: 1px solid rgba(255, 255, 255, 0.7); color: #fff; font-size:12px; line-height:20px; margin-top:5px;}

    div.content-slide-v6-2 .subtitle-slide, div.content-slide-v6-1 .title-slide-lar {  color: #fff; }
  .content-slide-v6-2 .button-outlight-2 {   border: 1px solid rgba(255, 255, 255, 0.7); color: #fff; font-size:12px; line-height:20px; margin-top:5px;}

     div.content-slide-v6-3 .subtitle-slide, div.content-slide-v6-1 .title-slide-lar {  color: #fff; }
  .content-slide-v6-3 .button-outlight-3 {   border: 1px solid rgba(255, 255, 255, 0.7); color: #fff; font-size:12px; line-height:20px; margin-top:5px;}

  div div.content-slide-v9 .subtitle-banner-smaller {
    color: #333333; }

  .body-duck .item-slide > figure::before {
    display: none; } }
@media (min-width: 641px) and (max-width: 767px) {
  div.latest-post-style_4 .owl-nav > div {
    bottom: -50px; } }
@media (min-width: 600px) and (max-width: 767px) {
  div.products-grid-description .product-info-content .product-desc {
    display: none; }

  div.products-grid-description .width50 {
    height: auto !important;
    width: 50%; }

  div div.slick-list::before, div div.slick-list::after {
    width: 85px; } }
@media (max-width: 600px) {
  .newsletter-wrap .newsletter-content > input {
    min-width: 200px;
    width: 100%; }
  .newsletter-wrap .submit-button {
    width: 100%; }

  .products-colection div.product-item {
    width: 100%; }

  div.tab-colestions ul.nav-tabs > li {
    padding: 5px;
    width: 100%; }

  .title-banner-smaller {
    color: #333333;
    font-size: 18px;
    text-transform: uppercase; }

  /*Contact Form*/
  .contact-info .item-contact-info {
    border-bottom: 1px solid #e7e7e7;
    width: 100%; }
  .contact-info .list-contact-info::before, .contact-info .list-contact-info::after {
    display: none; }

  footer.footer-style_4 .logo-footer {
    text-align: center; }

  footer.footer-style_4 .socials {
    float: none; }

  div.title-banner-sevice-style_2 div.title-banner-sevice-content {  height: 200px;  width: 200px;}

  .footer-style_6 .newsletter-content > input {
    width: 100%; }
  .footer-style_6 .submit-button {
    width: 100%; }

  span.title-label-newsletter {
    margin: 0 40px 30px; }

  div.products-wraps.columns-2 .product-item {
    float: left;
    width: 100%; }
    div.products-wraps.columns-2 .product-item:nth-child(2n+1) {
      clear: both; }
  div.products-wraps.columns-3 .product-item {
    float: left;
    width: 50%; }
    div.products-wraps.columns-3 .product-item:nth-child(2n+1) {
      clear: both; }
  div.products-wraps.columns-4 .product-item {  float: left;  width: 50%; }
    div.products-wraps.columns-4 .product-item:nth-child(2n+1) {
      clear: both; }

  header.header-style_7.header-basic .header-top, header.header-style_8.header-basic .header-top {
    display: none; }
  header.header-style_7.header-basic .header-logo, header.header-style_7.header-basic .logo, header.header-style_8.header-basic .header-logo, header.header-style_8.header-basic .logo {
    float: left;
    width: 100%;
    text-align: center; }
  header.header-style_7.header-basic .header-nav, header.header-style_8.header-basic .header-nav {
    float: right;
    width: 100%; }
  header.header-style_7.header-basic .header-element, header.header-style_8.header-basic .header-element {
    padding: 0 10px;
    position: inherit; }
  header.header-style_7.header-basic .main-header a.mobile-navigation, header.header-style_8.header-basic .main-header a.mobile-navigation {
    margin-left: 20px;
    margin-top: 12px; }

  div.content-slide-v9 .subtitle-banner-smaller {
    color: #ffffff;
    display: inline-block;
    font-family: "Great Vibes",cursive;
    font-size: 20px; }
  div.content-slide-v9 .button-light {
    font-size: 10px;
    line-height: 35px;
    margin: 0 7px;
    padding: 0 15px; }
  div.content-slide-v9 .link-banner {
    font-size: 10px;
    line-height: 30px;
    margin: 0 7px;
    padding: 0 15px; }
    div.content-slide-v9 .link-banner:hover {
      line-height: 30px; }
  div.content-slide-v9.slide-content .title-banner-smaller {
    display: none; }

  .banner-slide div.owl-dots {
    left: 10px; }

  .content-slide-v11 .link-slide {
    display: none; }

  div.icon-box-style3 {
    text-align: center;
    width: 100%; }

  .header-style_10 .header-logo, .header-style_10 .header-nav {
    width: 100%; }

  .header-top .top-bar-navigation {
    display: none; }

  header .header-top span.cart-number-items {
    bottom: 20px;
    font-size: 8px;
    height: 16px;
    line-height: 15px;
    padding-left: 2px;
    right: 5px;
    top: 0;
    width: 16px; }

  div div.slick-list::before, div div.slick-list::after {
    width: 65px; }

  div.tabs-category .nav-tabs > li {
    padding: 0 10px; }

  div.deals-style2 div.xshop-countdown .xshop-datetime {
    background: #ffffff none repeat scroll 0 0;
    font-size: 18px;
    height: 60px;
    line-height: 18px;
    margin-right: 5px;
    padding-top: 10px;
    position: relative;
    text-align: center;
    width: 60px;
    z-index: 2; }

  div .newsletter-wrap.newsletter-style_2 .newsletter-wrap-inner {
    padding-left: 20px;
    padding-right: 20px; }

  div.slide-content .title-banner-big {
    font-size: 20px;
    margin: 0; }

  div.slide-content .title-banner-smaller {
    font-size: 18px;
    margin: 0; }

  footer.footer-style_4 {
    padding: 40px 10px; }

  div.coletion-desc-title-link.content-inner {
    padding: 0; }

  div .sort-by, div .sort-number-show, div .sort-views {
    float: left;
    line-height: 30px;
    margin-left: 0;
    width: 100%; }

  div.banner-text.align-left .banner-text-content {
    left: 20px;
    right: auto;
    text-align: left;
    top: 20px;
    transform: translateY(0px); }

  .banner-text.align-left .desc-banner-text {
    display: none; }

  .nav-tabs > li {
    width: 100%; } }
@media (min-width: 440px) and (max-width: 640px) {
  div.latest-post-style_4 .owl-nav > div {
    bottom: -30px; } }
@media (max-width: 480px) {
  div.deals-style3 .xshop-countdown div.xshop-datetime {
    background: #ffffff none repeat scroll 0 0;
    border-bottom: 14px solid #968e84;
    border-radius: 5px;
    color: #333333;
    display: inline-block;
    float: none;
    font-family: "Noto Sans KR";
    font-size: 35px;
    height: 80px;
    line-height: 18px;
    margin-right: 5px;
    padding-top: 24px;
    position: relative;
    text-align: center;
    width: 61px;
    z-index: 2; }

  div.main-content div.nav-control-style6 .owl-nav > div {
    top: -40px; }

  header .header-top .header-element {
    padding: 0 10px; }

  div.deals-wrap .deal-content-inner {
    padding: 0; }

  div.content-slide-v12 .subtitle-banner-smaller {
    font-size: 14px; }

  .header-element-content a {
    color: #aaaaaa;
    display: inline-block;
    line-height: 20px; }

  div.latest-post-style_10.latest-post .post-content {
    padding-right: 0; }
  div.latest-post-style_10 .posts-thumbs .post-media {
    display: none; }

  div.xshop-category {
    width: 100%; }

  div.single-product-content .single_add_to_cart_button {
    margin-left: 10px; }

  .list-categories-nav li {
    width: 100%; }

  div.latest-post-style_4 .owl-nav > div {
    bottom: -30px; }

  footer.footer-style_8 .footer-right {
    float: left; }

  div.content-slide-v10.slide-content.align-right {
    left: auto;
    right: 20px;
    left: 20px;
    text-align: center; }

  div.content-slide-v10 .title-slide-lar {
    font-size: 15px; }

  div.content-slide-v10 .subtitle-slide2 {
    color: #ffffff;
    font-size: 13px;
    margin: 0; }

  div.content-slide-v10 .subtitle-slide {
    display: none; }

  div.title-description-block-style_9 .title-block {
    font-size: 20px;
    line-height: 25px; } }
@media (max-width: 360px) {
  div#customer_login .form-row > a {
    float: left; }

  header.header-style_15 .header-elements {
    top: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0); }

  div.latest-post-style_4.latest-post .post-content .post-desc {
    display: none; }

  header.header-basic.header-style_11 .logo {
    float: none;
    line-height: 60px;
    text-align: center; } }


/*# sourceMappingURL=style.css.map */



.chosen-container-single .chosen-single span { font-family: "Noto Sans KR", sans-serif; display: block;  overflow: hidden;  margin-right: 5px;   text-overflow: ellipsis;   white-space: nowrap; font-size:12px; }

@media(min-width:767px) and (max-width:10000px){
		.mobile-menu-banner{display:none;}
		}
		

		.top-util { border-bottom:solid 1px #e5e5e5;  }
		.top-util .util-left { float:left; vertical-align:top; }
		.top-util .util-left ul li { float:left;  border-right:1px solid #e5e5e5;}
		.top-util .util-left ul li a {display:block; font-size:11px; color:#999; line-height:20px; padding:3px 15px; }

		.top-util .util-right { text-align:right; vertical-align:top; }
		.top-util .util-right ul {line-height:0; }
		.top-util .util-right ul li{ display:inline-block; border-left:1px solid #e5e5e5; vertical-align:middle; text-align:center;}
		
		.top-util .util-right ul li:first-of-type{ }
		.top-util .util-right ul li a {display:block; font-size:11px; color:#999; line-height:20px; padding:3px 15px; }
		.top-util .util-right ul li a:hover, .top-util .util-left ul li a:hover { font-size:11px; color:#6dc7d6;}
		
@media(min-width:200px) and (max-width: 757px){
		.top-util .util-left {display:none;}
		.mobile-menu-banner{ display:visable;}
		.mobile-menu-banner div { margin-bottom:5px;}
		.header-logo { position:absolute; }
		.top-util .util-right ul li{ width:24.3%; box-sizing:border-box;}
		.top-util .util-right ul li a { padding:3px 3px; }
		}
.aside { clear:both;margin-top:-1px; margin-top:149px;}
.aside h3 {padding:10px;  float:left; }
.aside ul { font-size:0; margin-bottom:-3px; text-align:center;}
.aside li { display:inline-block; width:10%; border:1px solid #e5e5e5; margin-left:-1px;}
.aside li:last-child { }
.aside li a { display:block;  font-size:14px; color:#333; text-align:center; }
.aside li a.on			{ font-weight:bold; color:#fff; background:#666;}
.aside li a:hover		{ text-decoration:underline; color: #728eb8; }

.product-section { margin-top:170px;}

.depth	{ }
.depth ul	{   }
.depth li	{display:inline-block; padding:0; }
.depth .depth-first	{ font-size:18px; font-weight:bold; color:#000; }
.depth .depth-second	{ font-size:11px; text-align:right; color:#e5e5e5; font-weight:normal;}

 .brand-wrap { margin-top:0px;}


/*제품리스트 상단메뉴*/
.catMainMenu { margin-top:15px;  }
.catMainMenu ul {display:flex; flex-wrap:nowrap; }
.catMainMenu li {  border:1px solid #e5e5e5; margin-left:-1px; margin-top:-1px; color:#333; text-align:center;  }
.catMainMenu ul li a			{ display:inline-block; width:100%;  padding:0 20px;font-size:14px; color:#666; background:#f2f2f2;   line-height:39px;}
.catMainMenu ul li a.on			{ font-weight:bold; color:#fff; background:#333;}
.catMainMenu ul li a:hover		{color:#fff; background:#333;  }

.catSubMenu {margin-top:-1px; }
.catSubMenu ul { display:flex; flex-wrap:wrap; }
.catSubMenu li {  border:1px solid #e5e5e5; margin-left:-1px;  margin-bottom:-1px; color:#333; text-align:center;}
.catSubMenu ul li a			{ display:inline-block; width:100%; padding:0 15px; font-size:12px; color:#444;  }
.catSubMenu ul li a.on			{ color:#fff; background:#6dc7d7; }
.catSubMenu ul li a:hover		{ color:#fff; background:#6dc7d7;  }

/* 제품상세 */

.productImg  { text-align:center; padding:0; box-sizing:border-box;  border-radius:10px; overflow:hidden;}
.productImg img { position:relative; width:100%; margin:0 auto; }

.product-detail { margin:20px 0;}
.product-detail .productImg p { font-size:13px; margin:20px 50px; line-height:1.5; text-align:left;}

.explain .emphasis {  padding-bottom:15px; font-size:14px; line-height:1.2em;color:#888; border-bottom:1px solid #333;}
.explain .emphasis_eng { padding-bottom:15px;  font-size:14px; line-height:1.2em;color:#888; border-bottom:1px solid #e5e5e5;}
.explain .productName { font-size:30px; font-weight:bold; color:#333; }
.explain table { border:0;}
.explain th { width:25%;border:0; font-size:14px; font-weight:400;}
.explain tr { border:0; border-bottom:1px solid #e5e5e5; }
.explain td {padding:5px 0; font-size:14px; color:#888; border:0;}
 .reserve-level ul {display:inline-block; margin-right:20px;}
  .reserve-level span {color:#333;}

.selected-option { width:100%; padding:10px 0;  }
.selected-option ul{ padding:10px 0; border-bottom:1px solid #e5e5e5; }
.selected-option li { display:inline-block;  }
.selected-option .option-title { width:70%; }
.selected-option input[type="text"] {width:50px; }

.option-table { display:table; width:100%;}
.option-table-row { display:table-row; margin-bottom:5px;}
.option-table-cell { display:table-cell; padding:3px; font-weight:100; font-size:11px;  line-height:16px;}
.option-table-cell.quantity { width:30%; text-align:right;} 
.Option .option-head  { background:#e5e5e5; }
.Option .option-head span { font-size:14px; margin-left:10px;}

table.detail-by-law { font-size:12px; line-height:16px; }
table.detail-by-law th { padding:5px;  border:1px solid #e5e5e5;  font-size:12px; width:20%;}
table.detail-by-law td { padding:5px;  border:1px solid #e5e5e5; text-align:left;}
table.detail-by-law .law-title { width:20%;}


@media(min-width:200px) and (max-width:1199px){
.option-table-cell.quantity { width:50%; text-align:right;}
.Option th {display:none;}
.explain {margin-top:15px;}
.explain .Option td { width:100%;padding:5px 0; font-size:12px; color:#888; border:0; }
.Option .option-head span { font-size:14px; margin-left:0px;}

.brand-wrap { margin-top:-15px;}
}


.optBgOn { background:#fff; }

.isIcon li {display:inline-block;}
.order-btn, .btn-cart, .btn-buy, .btn-wish, .btn-white {font-size: 14px; border-radius:3px;  }
button {position:relative; }
button.btn-cart span, button.btn-buy span, button.btn-wish span { position:absolute; top:14px; left:14px; font-size:14px !important; }
button.btn-soldout span { position:absolute; top:14px; left:14px; font-size:14px !important; color:#fff; }



.btn-cart { background:#333; border:0; padding:5px  10px 5px 30px;   color:#fff;  }
.btn-cart:hover { background:#000; }
.btn-buy { background:#6dc7d6; border:0;padding:5px  10px 5px 30px; color:#fff; }
.btn-buy:hover { background:#f30; }
.btn-wish { background:#fff; border:1px solid #ccc; padding:5px 10px 5px 30px;  color:#333; }
.btn-wish:hover { color:#000;  border:1px solid #333; }
.btn-soldout { background:#c33; border:1px solid #c33; padding:5px 10px 5px 30px;  color:#fff; font-size:14px; border-radius:3px;}
.btn-soldout:hover { background:#933;  border:1px solid #c33; }
.naver-pay { text-align:right; padding-right:0; height:100px; }

@media(min-width:200px) and (max-width:1199px){
.btn-cart, .btn-buy, .btn-wish { font-size:12px;}
}

.btn-white { background:#fff; border:1px solid #ccc;color:#666; }
.btn-white:hover { background:#fff; border:1px solid #333c; color:#333; }

.btn-small { background:#fff; border:1px solid #ccc; padding:3px; margin:1px; font-size: 10px; font-weight:500; color:#666; line-height:15px;}
.btn-small:hover { color:#333; }

.bbsView {  padding-top:30px; border-top:1px solid #e5e5e5;}
.bbsView .detail-tap  {  margin-bottom:10px; font-size:0; border-bottom:1px solid #e5e5e5;}
.bbsView .detail-tap li { float:left; border-left:1px solid #e5e5e5; border-top:1px solid #e5e5e5;box-sizing: border-box; font-size:14px; padding:5px 0; width:20%; margin-bottom:-1px; text-align:center;}
.bbsView .detail-tap li:hover { background:#e5e5e5; }
.bbsView .detail-tap li.on  { background:#333; color:#fff; }
.bbsView .detail-tap li.on a { background:#333; color:#fff ; }
.bbsView .detail-tap li a:hover, .bbsView .detail-tap li a:focus { color:#fff; }

.bbsView .detail-tap li:last-child { border-radius:0 10px 0 0; border-right:1px solid #e5e5e5;}
.bbsView .detail-tap li:first-child { border-radius:10px 0 0 0;}	

.box-content .refund_info {float:left; width:50%; box-sizing:border-box; }
.box-content .refund_info:first-child {padding-right:15px; }

@media(min-width:200px) and (max-width:757px){
.bbsView .detail-tap li { font-size:11px;}
.box-content .refund_info {width:100%; }
.box-content .refund_info:first-child {padding-right:0; }
}
@media(min-width:756px) and (max-width:1024px){
}



/* 비회원주문 상단타이틀 */
 .cart-header .cart-title dl{ float:left; width:33.333%; padding:10px; text-align:center; border:1px solid #ccc; margin-right:-1px;}
.cart-header .cart-title dl.on { background:#6dc7d6; color:#fff;  border:1px solid #6dc7d6; }
.cart-header .cart-title dt { font-size:20px; color:#333;}

.cart-header .cart-title dl.first {border-radius:10px 0 0 10px;}
 .cart-header .cart-title dl.end {border-radius:0 10px 10px 0;}

.cart-header .cart-title dt.on { color:#fff;}
 .cart-header .cart-title dd { font-size:12px;}
 .cart-header .cartInfo { font-size:12px; line-height:1.5em; }

/* 주문 완료 페이지의 주문 정보 */
.order-step-info 	{ clear:both; font-size:0; border:1px solid #e5e5e5; margin:20px 0;  }
.order-step-info dl	{ display:inline-block; margin:0;padding:15px; border-right:1px solid #e5e5e5;width:20%; vertical-align:top;}
.order-step-info dl:last-child	{ border:0px;}
.order-step-info dt	{ padding:15px 0 10px 50px; font-size:16px; font-weight:bold; color:#333;}
.order-step-info dd	{ padding:10px;color:#999;}
.order-step-info .step1 dt	{ background:url(/template/shop_drhealer/image/web/cart/order_step_title_icon01.png) no-repeat 0 10px;}
.order-step-info .step2 dt	{ background:url(/template/shop_drhealer/image/web/cart/order_step_title_icon02.png) no-repeat 0 10px;}
.order-step-info .step3 dt	{ background:url(/template/shop_drhealer/image/web/cart/order_step_title_icon03.png) no-repeat 0 10px;}
.order-step-info .step4 dt	{ background:url(/template/shop_drhealer/image/web/cart/order_step_title_icon04.png) no-repeat 0 10px;}
.order-step-info .step5 dt	{ background:url(/template/shop_drhealer/image/web/cart/order_step_title_icon05.png) no-repeat 0 10px;}
.order-step-info .step-info1{ height:110px; font-size:12px; }
.order-step-info .step-info2{  border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; font-size:13px; color:#333; font-weight:bold; }
.order-step-info .step-info3{  font-size:11px;  }
.order-step-info .step-info3 span {color:#df5c53;}
.
/*로그인 기본*/
#customer_login {  padding-bottom: 50px; text-align:center; }
#customer_login .login, #customer_login .register {    border: 1px solid #dddddd;    padding: 30px 50px 17px;    min-height: 397px; }
#customer_login .button-submit {   display: inline-block;   font-size: 14px;  line-height: 40px;  margin-top: 10px; border-radius:3px; box-sizing:border-box;}
#customer_login .register .button-submit {    margin-top: 0px; }
#customer_login .register .inline {    position: relative;    top: -3px; }
#customer_login label {    color: #666666;    font-size: 14px;    font-weight: 400;    margin: 0;    text-transform: none; }
#customer_login input[type="text"], #customer_login input[type="email"], #customer_login textarea, #customer_login input[type="password"], #customer_login input[type="tel"] {    margin-bottom: 0;    width: 100%; }
#customer_login .form-row > a {    color: #666666;    float: right;    font-size: 14px;    margin-top: 15px; }
#customer_login .form-row > a:hover {      color: #df5c53; }
#customer_login input[type="checkbox"] {    margin-right: 5px;    position: relative;    top: 1px; }
#customer_login .required {    color: #df5c53; }
#customer_login .loginBox { display:flex; flex-wrap:wrap; justify-content:center;  margin-bottom:15px; text-align:center; margin:0 auto;}
#customer_login .loginBox .loginBox-left, .loginBox .loginBox-right, . loginBox .loginOrder{  height:250px; }
#customer_login .loginBox .loginBox-left {  width:40%; padding:15px;background-color:#6dc7d6;  margin-right:-2px;height:250px; border-radius:20px 0 0 20px;}

#customer_login .loginBox .loginBox-left .login-wrap{  padding:20px 0; box-sizing:border-box;}
#customer_login .loginBox .loginBox-left ul {  display:flex; flex-wrap:wrap;}

#customer_login .loginBox .loginBox-left li:first-child { width:70%; }
#customer_login .loginBox .loginBox-left li { padding:10px; box-sizing:border-box;  }
#customer_login .loginBox .loginBox-right { padding:15px;  margin-left:-2px; border:2px solid #6dc7d6; height:250px; }
#customer_login .loginBox .loginBox-right p{ font-size:12px; line-height:18px;  }
#customer_login .loginBox h6 { font-size:18px; font-weight:bold; color:#333; }
#customer_login .loginBox .loginOrder {  width:40%;border-radius:0 20px 20px 0; padding:15px;background-color:#ffd200; height:250px; }
#customer_login .login-img { margin:15px 0; }

.snsLogin { clear:both; margin:15px 0; padding:15px 0; font-size:0; text-align:center;   }
.snsLogin ul { font-size:0px; }
 .snsLogin li { float:left;width:100%;font-size:12px; margin-bottom:5px;}
 .snsLogin li a { display:block; border:1px solid #ccc; font-size:14px;width:90%; padding:7px 7px 7px 50px; margin:0 auto; text-align:center;}
 .snsLogin li.loginNaver a { background:url(/template/shop_drhealer/image/button/sns-icon_naver.png) no-repeat 10px 8px #fff;}
 .snsLogin li.loginFace a{background:url(/template/shop_drhealer/image/button/sns-icon_face.png) no-repeat 10px 8px#fff; }
 .snsLogin li.loginKako a{background:url(/template/shop_drhealer/image/button/sns-icon_kakao.png) no-repeat 10px 8px #fff; }
 .snsLogin li.loginLine a{background:url(/template/shop_drhealer/image/button/sns-icon_line.png) no-repeat 10px 8px #fff; }
 .snsLogin li.loginGoogle a{background:url(/template/shop_drhealer/image/button/sns-icon_google.png) no-repeat 10px 8px #fff; }


 .snsLogin li.loginYahoo a{background:url(/template/shop_drhealer/image/button/sns-icon_ready.png) no-repeat 10px 8px #fff; }
 .snsLogin li.loginTwitter a{background:url(/template/shop_drhealer/image/button/sns-icon_ready.png) no-repeat 10px 8px #fff; }

#customer_login .loginOrder  {width:30%;  padding:15px; }
#customer_login .loginOrder li {text-align:left;}
#customer_login .loginOrder label{width:30%; font-weight:normal; font-size:12px; }
#customer_login .loginOrder input{width:70%; }
#customer_login .loginOrder .tel {width:18%; margin-left:-4px; margin-right:4px;}

#customer_login .id_pass_search_btn { }
#customer_login .id_pass_search_btn a { font-size:13px; color:#fff; padding:10px;}

 .loginBar{padding:15px; border:2px solid #6dc7d6; border-radius:20px 0 0 20px; height:300px; margin-bottom:20px;}
 .loginBar h2			{  color:#fff; padding-bottom:15px; font-weight:700; margin:0;}
 .loginBar p			{ color:#fff; font-size:12px; }
.sns-login-wrap {padding:15px; height:300px; border-radius:0 20px 20px 0px; background-color:#ffd200; margin-bottom:20px; text-align:center;}
 .loginBar  { text-align:center; margin-right:-2px; background:#6dc7d6;}
 .loginBar img { width:30%; padding:30px 0 15px 0;}



@media(min-width:200px) and (max-width: 757px){
#customer_login .loginBox .loginBox-left {  width:100%; padding:15px;border:2px solid #6dc7d6;  margin-right:-2px;height:250px;}
#customer_login .loginBox .loginBox-left li:first-child { width:61%; }
#customer_login .loginOrder  {width:100%;  padding:15px; }
#customer_login .loginBox .loginBox-left {  width:100%;  border-radius:20px;}
#customer_login .loginBox .loginOrder {  width:100%;border-radius:20px; }

}

.container_margin12 {margin:0 12%;}
.join {margin:0 30%;}
			.policy-check { margin:10px;}
			.policy-check .all-check { padding:5px 0;}
			.panel-title {font-size:14px; text-align:left; font-weight:bold; padding}
			.panel-title span {font-size:12px; color:#999; padding-left:15px;}
			.panel-title a {text-align:left; }
			.panel-body { font-size:11px; color:#888; line-height:14px; text-align:left;}
			.panel-body p { margin:0; padding-bottom:5px !important; font-weight:normal;}
			.panel-body span { line-height:14px !important;}
			input[type=checkbox], input[type=radio] {margin-right:10px;}
			label {margin:0;}
			.panel-heading { border-top-right-radius:0;  border-top-left-radius:0; }
			.panel-group .panel {border-radius:0; margin-bottom:-6px;}

			input[id*="answer"] { display:none;}
			input[id*="answer"] + label { display:block; padding:10px; margin-bottom:5px; border:1px solid #ccc; color:#333; font-weight:700; cursor:pointer; position:relative; font-size:14px;}
			input[id*="answer"] + label + div { max-height:0; transition:all .35s; overflow:hidden; background:#f5f5f5; font-size:14px; }
			input[id*="answer"]:checked + label + div {max-height:100px; padding:10px; box-sizing:border-box;}
			input[id*="answer01"]:checked + label + div {max-height:200px;}
			input[id*="answer02"]:checked + label + div {max-height:200px;}
			input[id*="answer"]:checked + label  { background-color:#333; color:#fff;}
			.accordion input[type=text] { padding:10px 5px; width:100%;}

			.join .fail_massage {color:#ff6633; margin:5px 0; font-size:11px;}

			@media(min-width:200px) and (max-width: 757px){
			
			.join, .container_margin12 {margin:0;}
			}
/*회원가입*/


input[type=button].emailRegist 				{ border:1px solid #ccc; background:#eee; margin-top:15px; padding:0 70px ; width:300px; height:55px; font-size:14px; color:#666; }
input[type=button].emailRegist:hover		{ background:#333; color:#fff; }

ol, ul { list-style: none; }
.btn-area	{ padding:15px 0; text-align:center; }
.btn-area ul	{ font-size:0; }
.btn-area li	{ display:inline-block; margin-left:5px; }

/* 팝업 */
.pop-wrap { width:50%; font-size:13px;  padding:30px; margin:10px; margin:0 auto; border:1px solid #ccc;  line-height:1.5em;} 
.pop-wrap p { line-height:1.5em;}
.pop-wrap p a{border:1px solid #ccc; padding:5px; font-size:12px; }
.pop-contents { display:table; width:100%;}
.pop-contents .pop-tr { display:table-row;}
.pop-contents .pop-td { display:table-cell; }
.pop-contents .pop-td-contents { display:table-cell; width:65%;}
.pop-contents .pop-td-title { display:table-cell; width:35%; color:#333;}
.pop-wrap .pop-contents .pop-td-contents input[type="text"],.pop-wrap .pop-contents .pop-td-contents input[type="password"] {width:100%;}




	/* The Modal (background) */
	.modal { display: none; position: fixed; z-index:33; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color:rgba(0,0,0,0.7); }
	#modalPop { background:#fff; margin:0 15px; position: fixed; left:50%;  top:50%; transform:translate(-50%, -50%); width:50%; height: auto;    border: 0;  background: #fff;   z-index: 40000;  overflow: hidden;  }

	/* The Close Button */
	.close {  position: absolute; top: 10px; right: 10px; }
	.close span{ color:#666;  font-size: 25px; }
	.close span:hover { color:#ccc;  }
	.close:hover, .close:focus { color: #fff; text-decoration: none; cursor: pointer; }


	@media(min-width:200px) and (max-width: 757px){
	#modalPop { width:95%; margin:0 auto; }
	.sns-login-wrap{ height:auto; border-radius:10px; }
	.loginBar{; height:auto;  border-radius:10px;}
	.loginBar img { width:40%; margin:0;}

	}


.address-choice							{ width:100%;  font-size:12px;}
.address-choice p span					{ color:#f69;}
.address-choice p { padding:15px 10px; font-size:12px; color:#999; line-height:20px;}
.pop-title { padding:10px;  background:#111; font-size:18px; font-weight:bold; color:#fff; }

.address-choice table tr							{ border-bottom:1px solid #e5e5e5; }


.popup-wrap { width:100%; font-size:13px;  padding:30px; margin:10px; margin:0 auto; border:1px solid #ccc;  line-height:1.5em;}
.popup-wrap p { line-height:1.5em;}
.popup-wrap p a{border:1px solid #ccc; padding:5px; font-size:12px; }
.popup-contents { display:table; width:100%;}
.popup-contents .pop-tr { display:table-row; }
.popup-contents .pop-td { display:table-cell; }
.popup-contents .pop-td-contents { display:table-cell; width:70%;}
.popup-contents .pop-td-contents textarea { width:100%; height:70px;}
.popup-contents .pop-td-title { display:table-cell; width:30%; color:#333; font-weight:900; vertical-align:top;}

.popup-wrap .popup-contents .pop-td-contents input[type="text"],.popup-wrap .popup-contents .pop-td-contents input[type="password"] {width:100%;}

@media(min-width:200px) and (max-width: 499px){
.popup-wrap { width:100%; font-size:13px;  padding:30px; margin:10px; margin:0 auto; border:1px solid #ccc;  line-height:1.5em;}
.popup-contents .pop-td-contents { display:table-cell; display:block; width:100%;}
.popup-contents .pop-td-title { display:table-cell; display:block;width:100%; color:#333; font-weight:900; vertical-align:middle;}


}

/* member */

/* 약관동의 */
#joinAgree { padding: 10px; }
#joinAgree .agreeNotice		{ padding: 10px 0  0 15px; color:#999; }
#joinAgree .agreeInfo			{ height:50px; padding-top:5px; text-align:right; }
#joinAgree .agreeInfo span	{ color:#df5c53; }
#joinAgree .agreeBox			{ width:98%; height:360px; padding:10px; background:#fff;  border:1px solid #ccc;}
#joinAgree dl		{ width:33.333%; float:left; padding:20px 10px; }
#joinAgree dt		{ padding-top:20px; }
#joinAgree dd .agreeText	{ width:100%;; height:220px; padding:10px; overflow:auto; border:1px solid #ccc; }
#joinAgree .contractT			{ width:98%; height:220px; padding:10px; overflow:auto;  border:1px solid #ccc; }

.policy						{  font-family: "Noto Sans KR", sans-serif; width:100%; padding:2%; border:1px solid #ccc; letter-spacing:-0.1px;line-height:2rem; color:#999; text-align:justify;}

.policy p						{ margin:5px 0; }
.policy h3					{ padding-top:10px; font-size:16px; color:#df5c53; }
.policy li						{ list-style:none; padding:2px 0; }
.policy .listup li				{ list-style:none; padding:5px 0 5px 4px; }
.policy .plist2				{ float:left; width:49.8%; border:1px solid #999; font-weight:bold; }
.policy .plist3				{ float:left; width:49.8%; border-top:1px solid #999;border-right:1px solid #999;border-bottom:1px solid #999; font-weight:bold; }
.policy li p					{ color:#333; font-weight:bold; margin:0; }
.policy .even					{ background:#e5e5e5; }



/* 정보입력 */
 #joinForm p					{ font-size:12px; margin:0; line-height:22px;}
 #joinForm table				{  float:left; width:100%; margin-bottom:15px; border:2px solid #ccc;  font-size:14px; border-radius:10px;}

#joinForm table caption		{ color:#333;  font-weight:bold; font-size:20px; height:50px; }
#joinForm table i		{ font-size:12px; }
 #joinForm table.member-insert-form tr			{ border-bottom:1px solid #eee; }
 #joinForm table.member-insert-form tr:last-child			{ border-bottom:0; }

#joinForm table.member-insert-form th, #joinForm table.member-insert-form td { display:block; width:100%; font-size:14px; vertical-align:middle; color:#333;  font-weight:700;  border:0;}
#joinForm table.member-insert-form th { background:#fff; width:100%; padding:3px 15px;}
#joinForm table select				{  margin:0 10px 5px 0;  }

 #joinForm table th span, .orderForm table span		{ color:#6dc7d6; font-size:11px; }
 #joinForm table span		{  margin:0; }
 
 #joinForm table td				{ padding:3px 15px; vertical-align:middle; }
 #joinForm table td img			{ vertical-align:middle; }
 #joinForm div span				{ font-size:12px; font-weight:bold; color:red; }
 #joinForm table select			{ padding:8px; margin:0 10px 5px 0; font-size:11px; border:1px solid #ccc;}

	#joinForm .member-insert-form {border:2px solid #ccc; border-radius:10px; box-sizing:border-box; padding:15px;}
#joinForm .member-insert-form dt { font-size:14px; font-weight:700; margin-bottom:5px;}

 input[type="text"].num { width:45%;}
input[type="text"].num-product { width:45%; line-height:16px; height:30px;}
 input[type="text"].quantity { width:45%;}
 input[type="text"].tel { width:15%;}
 input[type="text"].tel-long { width:30%;}
 input[type="text"].address { width:100%;}
 input[type="email"] { width:30%;}

/* 가입완료 */
 #joindone div.welcome			{ margin-bottom:20px; padding:20px 0 20px 0; border:solid 1px #ccc; text-align:center; line-height:2; }
 #joindone div.welcome h4		{ font-weight:bold; font-size:18px; color:#333;}
 #joindone div.welcome p		{ color:#999; }
 #joindone div.welcome p span	{ font-weight:bold; color:#666; }

/* 본문 로그인 */
.sub .login									{ width:100%; padding:0 0 10px 0; }
#contain  {margin-top:150px;}
#contain  .sub .login .loginBox				{ float:left;width:388px; height:190px; border:1px solid #ccc; margin-right:20px; background:#fff; font-weight:normal;}
#contain  .sub .login .loginCart			{ float:left;width:352px; height:154px; border:1px solid #cccccc; background:#fff; padding:18px;}
#contain  .sub .login .loginOrder			{ float:left;width:388px; height:190px; border:1px solid #ccc; background:#fff;}


/* 회원탈퇴 */
#withdraw						{ padding:15px; line-height:1.5; border:1px solid #ccc; color:#999; }
#withdraw .withdrawTitle		{ padding-bottom:5px; border-bottom:solid 2px #ccc;}
#withdraw h3					{ display:inline; font-size:16px; color:#ff6666; }
#withdraw span					{ font-weight:bold; color:#666; }
#withdraw table					{ margin:10px 0; color:#999; }
#withdraw table th				{ padding:10px; border:1px solid #ccc; background-color:#eee; text-align:left;color:#666; }
#withdraw table td				{ border:1px solid #ccc; }
#withdraw ul					{ clear:both;  }
#withdraw li					{ float:left; width:16.6%; padding:2px 0; }
#withdraw textarea		{ width:100% !important; margin-top:15px;}


#withdraw td					{ padding:10px; }
#withdraw form p						{ padding:10px 0; margin:0; }

.header-banner {}
.header-banner h3 { font-size:60px; margin:0; text-align:center; color:#fff; }
/*.header-banner h3 {clear:both; font-family: 'Shadows Into Light', cursive; font-size:150px; padding:15px; margin:0; text-align:center; color:#333;}*/
.header-banner p { text-align:left; color:#fff; font-size:12px; line-height:16px;}

/*.shop-title2-wrap 	{ position:relative; width:100%; margin:0 auto;  background:url('{SKIN}/image/main/header-banner-img09') repeat;}*/
			.shop-title2-wrap 	{ position:relative; width:100%; margin:0 auto; border-bottom:1px solid #ccc; }
			.shop-title2-wrap .container { text-align:center;height:300px; }

			.shop-title2-wrap .shop-title2-banner-left { position:relative;}
			.shop-title2-wrap .shop-title2-banner-left .shop-title2-content {margin-top:10%; text-align:left; }
			
			.shop-title2-wrap li { float:left; width:50%; padding:0;}
			.shop-title2 {  top:0;left:0; color:#fff;}
			.shop-title2 h3 {font-size:50px; margin:0;}
			.shop-title2-banner-right .banner-slide { margin-top:2%;}
			.add-event	{ position:absolute; top:10px; left:10px; z-index:1;}
			.add-event li { height:30px;}

			.cat-img { margin-top:200px; text-align:center;  width:100%; height:auto;}
			.cat-img img {}

			@media(min-width:200px) and (max-width: 757px){
				
				.shop-title2 h3 {display:none;}
			.shop-title2-wrap .container { display:none;}
				.shop-title2-wrap .shop-title2-banner-left { width:100%;}
				.shop-title2-wrap .shop-title2-banner-right{ width:100%;}
				.cat-img img { height:auto;}
				.head-banner-wrap figure { height:100px;}
			}

@media(min-width:200px) and (max-width: 757px){
.header-banner {  padding-top:0px; }
 input[type="text"].tel { width:15% !important;}
 input[type="text"].tel-long { width:30% !important;}
 input[type="email"] { width:70%;}

 #joinForm table	{ width:100%; }

.pop-wrap { width:100%; padding:5px;} 

/* 비회원주문 상단타이틀 */
.cart-header .cart-title dl{ width:33.3%; }
.cart-header .cart-title dt { font-size:13px; color:#333;}
.cart-header .cart-title dt.on { color:#fff;}
.cart-header .cart-title dd { display:none;}
.cart-header .cartInfo { font-size:12px; line-height:1.3em; }

.site-content-inner .cart-header .cart-title dt { font-size:14px;}

/* 회원탈퇴 */
#withdraw { font-size:12px; }
#withdraw li					{  width:50%; padding:2px 0; }
#withdraw textarea		{ width:100% !important; margin-top:15px;}
}


/*게시판 공통*/
.mpoint_wrap {width:100%;margin:0 auto;}
.mpoint_down {position:relative;background:#f5f5f5; height:100vh;}
.mpoint_content { position:absolute; width:70%;  top:40%; left:50%; transform:translate(-50%, -50%);  text-align:center; line-height:20px;}

.mpoint_content h2 { font-size:60px; font-weight:100; color:#999;}
.mpoint_content h5 { color:#6dc7d6; text-align:left;}
.mpoint_content img  { width:20%;text-align:center; filter:drop-shadow(-10px -10px 10px rgba(255, 255, 255, 1)) drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.3)) ;}
.mpoint_content button { position:absolute; top:90%; left:50%; transform:translate(-50%, -50%);}
.mpoint_content button span { font-size:14px; margin-right:5px;}
.mpoint_content li:last-child { text-align:left; font-weight:normal;}
.mpoint_info table.get_method { border-top:1px solid #333;  border-left:1px solid #ccc; border-bottom:1px solid #333; border-right:1px solid #ccc;}
.mpoint_info table.get_method tr { border-bottom:1px solid #ccc; margin-bottom:-1px;}
.mpoint_info table.get_method tr td:first-child { border-right:1px solid #ccc; color:#333; }
.mpoint_info table.get_method tr td span { color:#6dc7d6; }



@media(min-width:200px) and (max-width: 757px){



}

#bbs .btn				{ text-align:right; height:30px; padding:10px 0; }
.border-info ul { padding:30px; font-size:30px; background:#f5f5f5; text-align:center; }
.border-info li {display:inline-block; padding:30px; font-size:30px; text-align:center; }
.border-info li span{ color:#f69 }
.border-info p { padding:15px 10px; font-size:12px; color:#999; line-height:20px;}
@media(min-width:200px) and (max-width: 757px){

.border-info ul { padding:10px; }
.border-info li {padding:10px; font-size:12px; text-align:center; }

}
table.basic-table,thead,tr,th,td,tbody	{ border:0; }
table.list-table{ font-size:14px;  color:#888; }
table.list-table,thead{ border-top:1px solid #333; border-bottom:1px solid #ccc; }
table.list-table thead th{ padding:10px;color:#333; text-align:center; }
table.list-table tr {  border-bottom:1px solid #ccc;}
table.list-table td { padding:15px 0; text-align:center; line-height:16px;}

table.list-table td.name { text-align:left; font-weight:700; }
table.list-table td.name a {color:#333;}
table.list-table td.title { text-align:left;}
table.list-table td.price { font-size:14px; }
table.list-table td.nick span {display:inline; margin:2px 5px; padding:3px 2px; border-radius:3px; font-size:12px; background:#6dc7d6; color:#fff; letter-spacing:1px;  }
table.list-table td.total-weight span,.table.list-table td.save span, table.list-table td.total-pay span {display:inline;   }
table.list-table td p.head { display:none; }
table.list-table td p.option{display:inline; font-size:12px; color:#6dc7d6; border:0; font-weight:normal;}

table.list-table td.thum {width:7%; }
table.list-table td.thum img {width:100%; border-radius:5px; overflow:hidden; padding:0 10px;}

table.list-table td.total-pay {font-size:14px; color:#333; font-weight:900; text-align:right;}
table.list-table th.price {font-size:14px; font-weight:400;}

table.list-table .title a { color:#333; line-height:18px; }
table.list-table .title a:hover { color:#f69; }
table.list-table .title span { display:none; }
	 
table.list-table thead th.name{ width:45%; }

 td.name ul  {font-size:0;}
 td.name ul li {display:inline-block; width:87%; vertical-align:middle; font-size:13px; font-weight:700; letter-spacing:-.3px; line-height:18px;}
 td.name ul li:first-of-type {width:10%;}
 td.name ul li img {width:100%; border-radius:5px; overflow:hidden;}
 td.name ul li a.product { color:#333; fon}

 table.list-table td.delivery, table.list-table td.order { width:15%; font-size:12px; line-height:16px;}

input[id*="popup"]{display:none;}
input[id*="popup"] + label + div {display:none;}
input[id*="popup"]:checked + label + div {display:block;}
input[id*="popup"] + label {display:inline-block;  }
input[id*="popup"] + label + div { position:fixed; top:0; left:0; width:100%; height:100%; z-index:100;}
input[id*="popup"] + label + div > div { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:50%; max-height:650px; background:#fff; z-index:2; border-radius:10px; overflow:hidden; overflow-y:scroll; }
input[id*="popup"] + label + div > div > label { position:absolute; top:20px; right:-20px;  transform:translate(-40%, -40%); padding:10px;  z-index:1; color:#ccc !important; }
input[id*="popup"] + label + div > label { position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.9); z-index:1;}
.modal-pop-head { padding:15px; margin:0;  color:#fff; background:#333;}
.modal-pop-head h5 { margin:0;}
.border-info .modal-pop-wrap .add-address ul  { padding:15px; margin-bottom:-1px; border:0; font-size:12px; text-align:left; line-height:12px;}
.border-info .modal-pop-wrap .add-address ul li { float:left; font-size:12px; padding:5px 0; text-align:left;}
.border-info .modal-pop-wrap .add-address ul li:first-child { width:20%;}
.border-info .modal-pop-wrap .add-address ul li:last-child { width:80%;}
.border-info .modal-pop-wrap .add-address ul li textarea { width:100%;}


						table.wish-list-table{ font-size:14px;  color:#888; }
table.wish-list-table { border-top:1px solid #333; border-bottom:1px solid #ccc; }
table.wish-list-table tr {  border-bottom:1px solid #ccc;}
table.wish-list-table td { padding:15px 0; text-align:center; line-height:16px;}

table.wish-list-table td.name { text-align:left; font-weight:700; }
table.wish-list-table td.name a {color:#333;}
table.wish-list-table td.title { text-align:left;}
table.wish-list-table td.price { font-size:14px; }
table.wish-list-table td.nick span {display:inline-block; margin:2px 5px; padding:3px 7px; font-size:10px; background:#c00; color:#fff; letter-spacing:1px;  }
table.wish-list-table td.total-weight span, .table.wish-list-table td.save span, table.wish-list-table td.total-pay span {display:inline-block;   }
table.wish-list-table td p { display:none; }
p.option{display:inline-block; font-size:12px; color:#c00;}

table.wish-list-table td.thum {width:7%; }
table.wish-list-table td.thum img {width:100%; box-sizing:border-box; border-radius:5px; overflow:hidden; padding:0 10px;}

table.wish-list-table td.total-pay {font-size:14px; color:#333; font-weight:900;}
table.wish-list-table th.price {font-size:14px; font-weight:400;}

table.wish-list-table .title a { color:#333; line-height:18px; }
table.wish-list-table .title a:hover { color:#f69; }
	 
table.wish-list-table thead th.name{ width:45%; }
@media(min-width:200px) and (max-width:757px){
table.wish-list-table td.thum {width:30%; padding:5px;}
table.wish-list-table td.name, table.wish-list-table td.price, table.wish-list-table td.save, table.wish-list-table td.point, table.wish-list-table td.quantity { width:100%;display:block; text-align:left; border:0; padding:5px 0;}
table.wish-list-table td.total-pay {}

}

@media(min-width:200px) and (max-width: 757px){
	input[id*="popup"] + label + div > div {width:90%;  }
}

.cart .agreeBox		{ border:1px solid #ccc; background:#fff; padding:15px; margin-top:15px; }
.cart .agreeBox dl		{ display:inline-block;width:33%; vertical-align:top;}
.cart .agreeBox dt		{ font-size:12px; height:30px; margin-bottom:15px;}
.cart .agreeBox dd .agreeText	{ width:100%; height:200px; padding:10px; overflow:auto; border:1px solid #ccc;  }
.cart .agreeT			{ font-size:18px; font-weight:bold; color:#666; }
.cart .agreeForm { font-size:12px;}
.cart .agreeForm span { color:#c00;}

.info-area { margin-right:0;}

.libOrderAmount { }
.libOrderAmount table { border-radius:10px 10px 0 0; border:none; border-radius:10 0 0 0; background:#333; }
.libOrderAmount tr {border-bottom:1px solid #444; }

.libOrderAmount th {  color:#fff; width:30%;}
.libOrderAmount td { color:#fff; font-size:14px;}
.libOrderAmount td span.total { padding-right:10px; color:#9cf; font-size:25px; font-weight:700;}

.libOrderAccount table.list-table th, .libOrderCarryInfo table.list-table th{ font-size:14px; color:#333; width:20%; }
.libOrderAccount table.list-table td, .libOrderCarryInfo table.list-table td{ text-align:left; }
.libOrderCarryInfo {margin-top:15px;}

.cart {margin-right:0px; font-weight:normal;}
.cart h3 {color:#333; font-size:18px; font-weight:700;}
.cart h3 small { font-size:12px; color:#333;}
.cart table.order-form {border:1px solid #ccc; font-size:14px;}


.cart .order-form-head { line-height:25px; padding:10px 0;}
.cart .order-form-head h3{ float:left; margin:0;}
.cart .order-form-head p{ font-size:12px; margin-bottom:0;}
.cart .order-form-head p span { font-size:14px; color:#6dc7d6;}

.cart table.order-form p { font-size:12px; margin:0; line-height:18px;}
.cart table.order-form select.frmA {width:100%;}
.cart table.order-form textarea {width:100%; height:50px; line-height:1.5em;}
.cart table.order-form strong {color:#6dc7d6;}
.payMethod label{font-weight:normal;}
.cartQuickArea {margin-left:15px;}

.cartBox-m p {  margin-bottom:0; color:#333;}
.cartBox-m p input[type=checkbox] { margin:0 10px 0 0;}
.cartBox-m-wrap ul:last-child { }
.cartBox-m .cartBox-m-list {display:flex; width:100%; box-sizing:border-box; font-size:12px; border-top:1px solid #333; border-bottom:1px solid #333; margin-bottom:-1px; padding:10px 0;}
.cartBox-m .cartBox-m-list a {color:#333;}
.cartBox-m .cartBox-m-list li.thum  {padding: 0 10px 10px 10px; width:19%;}
.cartBox-m .cartBox-m-list li.thum img {width:100px; border-radius:5px; overflow:hidden;}
.cartBox-m .cartBox-m-list li.detail .prouductName { font-size:14px; font-weight:700; color:#333;}

.cartBox-m .cartBox-m-list li.detail  {width:80%;}
.cartBox-m .cartBox-m-list li.detail  dl { font-size:14px; padding:5px 0; margin-bottom:0px; font-weight:700; border-top:1px solid #e5e5e5;}

.cartBox-m .cartBox-m-list li.detail  dl .pay { font-size:18px; color:#6dc7d6;}
.cartBox-m .cartBox-m-list li.detail  dt { float:left; width:60px; font-weight:400;}

.cartBox-m .cartBox-m-list li.detail  dd.counter {position:relative; float:left; }
.cartBox-m .cartBox-m-list li.detail  dd.counter .material-icons-outlined.min {position:absolute; top:3px; color:#999;}
.cartBox-m .cartBox-m-list li.detail  dd.counter .material-icons-outlined.add {position:absolute; top:3px;color:#999;}
.cartBox-m .cartBox-m-list li.detail  dd.counter input[type=text] {margin-left:30px;}

.quantity .counter {position:relative;}
.quantity .counter .material-icons-outlined.min {position:absolute; top:3px; left:0; color:#999;}
.quantity .counter .material-icons-outlined.add {position:absolute; top:3px; right:5px; color:#999;}

@media(min-width:200px) and (max-width: 757px){
.cart table.order-form .visable_head{display:block;}
.cart table.order-form .visable_head th {width:100%; background:none;}

.cart .total-amount { display:none;}
 input[type="text"].quantity { width:60px; margin-left:30px;}
 .product-name {  font-size: 12px;  padding:0px;}
.quantity .counter .material-icons-outlined.add {left:95px;}
}


.order-form-wrap { }
.order-form-wrap .order-form-new {}
.order-form-new  { box-sizing:border-box; border:1px solid #ccc; margin-bottom:15px; }
.order-form-new ul { display:flex; font-size:14px;  box-sizing:border-box; padding:0;}
.order-form-new ul li {padding:0 10px 10px 10px; }
.order-form-new ul li:first-child { position:relative; width:15%; color:#333; font-weight:700; padding-left:25px;}
.order-form-new ul li:first-child span { position:absolute; top:5px; left:15px;  font-weight:700; font-size:20px; color:#c00; }
.order-form-new ul li:last-child { width:85%;}
.order-form-new p { font-size:14px; margin-bottom:0; padding-left:15px; }
.order-form-new p span { font-size:30px; color:#6dc7d6; font-weight:700;}
.order-form-new p input[type=checkbox]{ margin-top:0;}
.order-form-new  input[type=text].address { width:100%;}
.order-form-new p strong { color:#6dc7d6; }

.order-form-new .order-form-title h5 {  padding-left:15px; font-weight:700; color:#333;}
.order-form-title { display:flex; align-content:center; margin-bottom:15px; border-bottom:1px solid #ccc;}
.order-form-title span { position:relative; padding-left:30px; font-size:12px; color:#999; margin-top:5px; }
.order-form-title strong {position:absolute; top:-15px; left:15px; font-weight:700; font-size:20px; color:#c00; margin-top:20px; }

.order-form-new input[type="email"], .order-form-new input[type="text"] {}
.order-form-new textarea { width:100%;}

.pay-method-select {font-size:0;}
.pay-method-select input[type="radio"] {display:none;}
.pay-method-select input[type="radio"] + label {display:inline-block; padding:10px 15px; background:#f1f1f1; color:#999; font-size:12px; cursor:pointer;  line-height:12px;   }
.pay-method-select input[type="radio"]:checked + label {background:#333; color:#fff;}
.conbox { width:100%; height:2; background:#fff; border:1px solid #333; padding:10px 20px; margin:0 auto; display:none; font-size:12px; margin-top:-5px; }
.pay-method-select h5 {font-size:14px; color:#333; font-weight:700;}
.pay-method-select p {font-size:12px; line-height:20px;}

.pay-method-select input[id="tab01"]:checked ~ .con1 {display:block;}
.pay-method-select input[id="tab02"]:checked ~ .con2 {display:block;}
.pay-method-select input[id="tab03"]:checked ~ .con3 {display:block;}
.pay-method-select input[id="tab04"]:checked ~ .con4 {display:block;}
.pay-method-select input[id="tab05"]:checked ~ .con5 {display:block;}

 table.order-form th			{ position:relative;width:15%; padding:10px 10px 10px 25px; font-size:12px;  text-align:left; line-height:14px; vertical-align:middle; color:#333; font-weight:bold; }
table.order-form th span		{ position:absolute;top:40%; left:8px; }
@media(min-width:200px) and (max-width: 757px){
.last-total {display:none;}

.order-form-new ul { }
.order-form-new ul li:first-child {width:30%; font-size:12px; padding-left:15px; line-height:15px;}
.order-form-new ul li:last-child {width:70%;}
.order-form-new ul li:first-child span { left:6px;  }
.pay-method-wrap li:first-child { display:none;}
.pay-method-wrap li.pay-method-select { width:100% !important;}


.pay-method-select input[type="radio"] + label {padding:10px 10px; background:#f1f1f1; color:#999; font-size:11px; cursor:pointer;  line-height:12px;  }
}
.view-table td  { padding:10px 0; }
.view-table .title  {padding-top:30px; font-size:25px; border-bottom:1px solid #333; font-weight:bold; color:#333; }
.view-table .date { border-bottom:1px solid #e5e5e5; font-size:14px; color:#888;}
.view-table .contents { padding:30px 0;border-bottom:1px solid #e5e5e5; }



.media					{ width:100%;}
.media .play			{ width:100%; height:614px; margin:0 0 30px; }
.media ul				{ overflow:hidden; width:100%; font-size:0;}
.media li				{ display:inline-block; *display:inline; *zoom:1;padding: 20px 10px 0 ; position:relative; width:10%; font-size:11px; line-height:14px; vertical-align:top; text-align:center; }
.media li span			{ display:block; margin-top:10px; color:#666; letter-spacing:-0.4pt; }
.media li .imgLink img	{ display:block; width:100%; }

.sub-title {padding:30px 0; text-align:center; font-size:60px; color:#333;}

.faq-table .contents{ font-size:14px; }
.faq-table .contents p{ margin:0;line-height:18px;}

/* 리뷰 검색 영역 */


/* 블로그리뷰 */
.modal {z-index:10000 !important;}
.review-modal-title { color:#333;}
.close {color:#333 !important; }
.review-product .review-product-detail { display:flex; }
.review-product .review-product-detail  li:first-child { width:10%; margin-right:20px; }
.review-product .review-product-detail  li.product-data { font-size:14px; font-weight:100; line-height:14px;}
.review-product .review-product-detail  li.product-data span { font-weight:700; color:#333; font-size:16px;}
.review-product .review-product-detail  li.product-data p { margin-bottom:10px;}
.review-product .review-product-detail  li.product-data p.option > span { padding:2px; border:1px solid #ccc; font-size:10px; }


.review-product .review-grade { text-align:center; padding:20px 0; border:1px solid #ccc; margin-top:20px;}
.review-product h5 { color:#333; }
.review-product placeholder{color:#ccc; }
.review-product .review-photo  {position:relative; top:10px;}
.review-product .review-photo .photo-btn { }
.review-product .review-photo .photo-btn li {float:left; }
.review-product .review-photo .photo-btn li span { position:absolute; top:5px; left:0; color:#333; }
.review-product .review-photo .photo-btn li strong { padding:0 30px 0 30px; font-weight:700; color:#333;}
.review-product .review-photo p { font-size:12px; font-weight:normal;}
.review-product .review-photo p strong {font-weight:700;}

/* 레이아웃 외곽 너비 400px 제한*/
h1{  text-align: center;   background-color: #fff;   padding: 5px;    margin: 0;}

/* 레이아웃 외곽 너비 400px 제한*/
.wrap{  max-width: 480px; margin: 0 auto; /* 화면 가운데로 */ background-color: #fff; height: 100%; padding: 20px; box-sizing: border-box;}
textarea.review_textarea { width:80%; padding:10px; margin:0 10px; box-sizing: border-box;}
.review_rating{	clear: both;}
.rating{  text-align:center; margin:0 auto; width:100%;}
.rating .rating-star { margin:0 auto; width:100%; text-align:center; padding:0 100px ; }
.rating .rating-star li {  float:left; width:20%; text-align:center; }
.rating span { font-size:60px; }
.rating .rate_radio {  position: relative; display: inline-block; z-index: 20; opacity: 0.001; cursor: pointer; vertical-align: top; display: none;}
.rating .rate_radio + label { position: relative; display: block; float: left; z-index: 10; cursor: pointer;color:#f1f1f1;  text-align:center; }
.rating .rate_radio:checked + label { color:#c00;}
/*.rating{	height: 60px;	width: 300px;	background-color: #f0f0f0;  }
.rating .rate_radio {  position: relative; display: inline-block; z-index: 20; opacity: 0.001; width: 60px; height: 60px; margin-left:25%; background-color: #fff; cursor: pointer; vertical-align: top; display: none;}
.rating .rate_radio + label { position: relative; display: block; float: left; z-index: 10; width: 60px; height: 60px; background-image: url("{SKIN]/image/bullet/starrate.png") !important; background-repeat: no-repeat; background-size: 60px 60px;cursor: pointer;}
.rating .rate_radio:checked + label { background:#333; color:#06c;}*/
.rating .ratefill { background-color: #ff8; width: 0; height: 60px; position: absolute;}
.cmd{ margin-top:-8px; padding:0 57px;  text-align:center;}
.cmd input[type="button"]{  padding: 5px 0; width:100%;border: 0px solid #e8e8e8; background-color:#000;  color: #fff;}
.warning_msg { display: none; position: relative;  text-align: center; background: #ffffff; line-height: 26px; width: 100%; color: red; padding: 10px;box-sizing: border-box; border: 1px solid #e0e0e0;}

#searchBox			{  color:#999; font-size:13px;  }
#searchBox span	{ color:#f39; }
#searchBox .search-cate ul		{ margin:10px 0; font-size:0; }
#searchBox .search-cate ul li		{ display:inline-block; padding: 0 15px; border-right:1px solid #e5e5e5;}
#searchBox .search-cate ul li a		{  font-size:14px; color:#999;}

#searchBox .search-option {  padding:15px 0; }
#searchBox .search-option .search-option-sub {margin:0;  font-size:12px; font-weight:normal; }
#searchBox .search-option .search-option-sub input[type=radio] { margin:0 5px 0 5px; }
#searchBox .search-option .search-option-sub input[type=text] {  width:100%; border-radius:50px !important; overflow:hidden; border:1px solid #333; padding-left:20px; line-height:25px;}
#searchBox .search-option .search-option-sub ul li { float:left;  text-align:left; }
#searchBox .search-option .search-option-sub ul li:last-child .button-default-middle { border-radius:20px; font-size:12px;}
#searchBox .search-option .search-option-sub ul li:last-child { width:50%; text-align:left; padding-left:20px;}
#searchBox .search-option .search-option-sub ul li.review-search { width:50%; position:relative; margin:0 auto; }
#searchBox .search-option .search-option-sub ul li.review-search .button-default-middle-black {  position:absolute; top:0; right:-5px;  border-radius:50px !important; padding:0 15px 0 15px; line-height:22px; background:#6dc7d6; border:1px solid #6dc7d6;}
#searchBox .search-option span { margin-top:6px; color:#f1f1f1;}


#searchBox .search-option .search-option-sub .clear { position:absolute; top:10px; right:55px; width:18px; height:18px;  border-radius:10px; border:none; color:#ccc !important;font-size:18px;margin:0 !important; cursor:pointer;}



@media(min-width:200px) and (max-width: 757px){

.rating span { font-size:40px; }
.cmd{ margin-top:-8px; padding:0 40px;  text-align:center;}
#searchBox { padding:0; border:none;}
#searchBox .search-option { border-top:0px; padding:0; }

#searchBox .search-cate ul		{ margin:5px 0;  font-size:0; }
#searchBox .search-cate ul li		{ display:inline-block; padding: 0 5px; border-right:1px solid #e5e5e5; }
#searchBox .search-cate ul li a		{  font-size:12px; color:#999;}


#searchBox .search-option .search-option-sub ul li.review-search { width:100%; position:relative; margin:0 auto; }
#searchBox .search-option .search-option-sub ul li:last-child { width:100%; padding-left:0;}

#searchBox .search-option .search-option-sub ul li:last-child .button-default-middle { width:100%; }

#searchBox .search-option .search-option-sub input[type=text] { margin-left:0; }											
#searchBox .search-option .search-option-sub {margin:0; padding:5px 0; }	
#searchBox .search-title {display:none;}
.gallery .nav-tabs li.review-btn input[type="button"] { font-size:12px; line-height:16px; width:100%; margin-left:0 !important; }
.gallery .nav-tabs { border-bottom:0;} 

}

#masonrybox 					{ display:flex; flex-wrap:wrap;  box-sizing:border-box; gap:10px;}
#masonrybox li.item					{ position:relative;  box-sizing:border-box; vertical-align:top; width:24.4%;  overflow:hidden; border-radius:10px; text-align:center; border-collapse : collapse; margin-bottom:15px;}
#masonrybox li.item:nth-child(1) { margin-left:0;}
#masonrybox .text-item			{ position: absolute;  bottom:15px;; padding:0 10px 10px 10px; color:#fff; width:100%; text-align:left; font-size:12px; line-height:18px; font-weight:normal; z-index:2;  }
#masonrybox .text-item span { font-size:14px;}
#masonrybox .text-item span.red { color:#c00;}
#masonrybox .text-item dl		{ margin-bottom:0;}
#masonrybox .text-item dt		{ color:#fff; font-size:12px; overflow:hidden; }
#masonrybox .text-item dt a		{ color:#fff; }
#masonrybox .text-item dd a		{ color:#fff; font-weight:700;font-size:12px;}
#masonrybox .text-item dd input[type=button]		{ position:absolute; bottom:0; right:10px;}
.grade-star, .grade-red { font-size:14px; color:#fff; }
.grade-red { color:#c00;}
.gallery li em a				{ color:#fff; font-size:14px; }

.gallery .nav-tabs { margin-bottom:20px;} 
.gallery .nav-tabs li.review-btn {float:right; font-size:12px;} 
.gallery .nav-tabs li.review-btn input[type="button"] { margin-left:10px;} 

.gallery .nav-tabs>li>a { font-family: "Noto Sans KR", sans-serif; color:}
.gallery .nav-tabs>li>a:hover { border:1px solid #333; color:#333; background-color:#fff;}
.gallery .nav-tabs>li.active>a { color:#000; font-weight:700;}

.gallery .nav-tabs span { font-size:11px;  margin-left:10px; text-align:center; color:#c00;} 

.insta				{ position: absolute; left:10px; top:10px; padding:5px; line-height:13px; border-radius:3px; background:#F39; font-size:11px; color:#fff; font-weight:bold;}
.blog				{ position: absolute; left:10px; top:10px; padding:5px; line-height:13px; border-radius:3px; background:#0c0; font-size:11px; color:#fff; font-weight:bold; }
.utube			{ position: absolute; left:10px; top:10px; padding:5px 10px ; line-height:12px; border-radius:3px; background:#6dc7d6; font-size:12px; color:#fff; font-weight:700; }
.tiktok				{ position: absolute; left:10px; top:10px; padding:5px; line-height:13px; border-radius:3px; background:#000; font-size:11px; color:#fff; font-weight:bold; }
.review_one		{ position: absolute; left:10px; top:10px; padding:5px; line-height:13px; border-radius:3px; background:#000; font-size:11px; color:#fff; font-weight:bold; }

.gallery li strong a			{ z-index:2;}
.gallery li strong a:hover	{ color:#ff66cc; }
.gallery li .imgLink 		{ position: relative; display:block; overflow: hidden; width:100%;  margin:0; height:300px; }
.gallery li .imgLink img	{  object-fit:cover;  }
.gallery li .overlay	{ position:absolute; top:0; width:100%; height:300px; background-image: linear-gradient( transparent 0%, transparent 50%, rgba(0, 0, 0, 0.1) 56%, rgba(0, 0, 0, 0.6) 93%, rgba(0, 0, 0, 0.8) 100% ); z-index:1;}



@media(min-width:200px) and (max-width: 757px){
#masonrybox li						{ width:100%; text-align:center;;  }
#masonrybox li.item					{ width:100%;  }

.gallery ul { gap:10px;}
.gallery li{ width:100%}
.gallery li .imgLink 	{ }
.gallery .nav-tabs li {width:100%; }

.gallery .nav-tabs li:last-child {width:100%;}
.gallery .nav-tabs li:last-child button {width:100%;}
.gallery .nav-tabs>li>a {font-size:12px; text-align:center; padding:10px 0; margin:0 -1px 0 0;  border-radius:0; border-bottom:1px solid #ccc; }
.gallery .nav-tabs>li>a:hover, .gallery .nav-tabs>li>a:active, .gallery .nav-tabs>li>a:focus { border:1px solid #000; background-color:#000; color:#f1f1f1;  border-radius:0; }

.gallery .nav-tabs>li span {}



.cart .agreeBox			{ border:none; background:#fff; padding:0; }
.cart .agreeBox dl		{width:100%; }
.cart .agreeBox dt		{ font-size:12px; height:30px; margin-bottom:15px;}
.cart .agreeBox dd .agreeText	{ width:100%; height:100px; padding:10px; overflow:auto; border:1px solid #ccc; }

.cart .agreeT					{  font-size:14px; line-height:1.5em; border-bottom:1px solid #ccc  }
.cart .agreeForm { font-size:12px; line-height:1.4em;}
.cart .agreeForm span { color:#c00;}

.cart {margin-right:0px;}
.cart h3 {color:#333;}
.cart h3 small { font-size:12px; color:#333;}
.cart table.order-form { width:100%; border:1px solid #ccc; font-size:14px; }

.cart table.payMethod.order-form {  border:1px solid #ccc; font-size:14px;}

 table.order-form th, table.order-form td			{ display:block;  }
  table.order-form th			{ width:100%; background:#f5f5f5;  }

#customer_logn .loginBox {  margin-bottom:40px; border:1px solid #ccc; padding:15px 0; }

.loginBox .loginBox-left {  padding:15px;  margin-right:-2px; height:250px; }
.loginBox .loginBox-left li { padding-bottom:5px;  }
.loginBox .loginBox-right { padding:15px;  margin-left:0px;   margin-top:15px;  margin-right:-1px; }
.loginBox .loginBox-right p{ font-size:12px; line-height:18px;  }
.loginBox h6 { font-size:18px; font-weight:bold; color:#333; }
.loginBox .loginOrder { padding:15px; width:100%; margin-top:15px; margin-left:0px;  }

.libOrderAmount { margin-left:0px; margin-top:15px;}
.libOrderAmount table { border:none; background:#333;}
.libOrderAmount th { font-size:12px; }
.libOrderAmount tr {border-bottom:1px solid #444; }
.libOrderAmount td { color:#fff;}
.libOrderAmount td span.total { padding-right:10px;color:#9cf; font-size:25px; font-weight:700;}

.info-area { margin-right:0;}
	.chekAll {}
	td.name ul  {font-size:0;}
	td.name ul li { display:inline-block; vertical-align:middle;}
	td.name ul li:first-of-type {width:20%;}
	td.name ul li:last-of-type {width:75%;}
	td.name ul li img {width:100%; }
	td.name ul li a.product { color:#333; text-align:left;}
	td.total-pay .pay { color:#333; font-weight:900; font-size:18px;}
	td.total-pay { border-top:1px solid #333; border-bottom:1px solid #333;}
	td.total-pay input[type=button]{ float:right;}
	td.sale-pay, td.point, td.quantity { float:left; width:33%;}

	td.price, td.point, td.quantity { border-top:1px solid #cccc;}

table.list-table td.total-weight { padding:0; }


table.list-table td { padding:0; text-align:left;}
table.list-table td.quantity ul { display:inline-block; width:65%;; }

table.list-table td p.head { display:inline-block; margin-bottom:0; margin-right:10px;  border-right:1px solid #ccc; font-weight:normal; font-size:11px; color:#999; width:50px;}

.cartQuickArea {margin-left:0px;}

}
@media(min-width:756px) and (max-width:1024px){
.loginBox .loginBox-left {  padding:15px;  margin-right:-2px; height:250px; }
.loginBox .loginBox-left li { padding-bottom:5px;  }
.loginBox .loginBox-right { padding:15px;  margin-left:0px;   margin-top:15px;  margin-right:-1px; }
.loginBox .loginBox-right p{ font-size:12px; line-height:18px;  }
.loginBox h6 { font-size:18px; font-weight:bold; color:#333; }
.loginBox .loginOrder { padding:15px; width:100%; margin-top:15px; margin-left:0px;  }
}

/* sns리뷰 */
.snsView dl			{ font-size:0; }
.snsView dd			{ display:inline-block ; position: relative; width:25%; height:250px; overflow: hidden; border:3px solid #fff; vertical-align:top; }

.snsView .info				{ padding:25px; margin-top:0; margin-bottom:20px;  letter-spacing:-0.5px; line-height:1.6em; color:#999; border:1px solid #ccc; }
.snsView .info span		{ color:#f39; }
@media(min-width:200px) and (max-width: 757px){
.snsView dd			{ display:inline-block ; position: relative; width:50%; height:auto;overflow: hidden; border:3px solid #fff; vertical-align:top; }
}

/* 한줄품평 */
.review .list table						{ width:100%; border:none; text-align:center; word-break:break-all; }
.review .list table thead 				{ border-top:2px solid #333;  }
.review .list table thead th 			{ border:none;  padding:15px 0; font-size:18px;}


.review .list tr							{ border-bottom:1px solid #e5e5e5; }
.review .list td							{ padding:10px; border:none; }
.review .list td.name					{ width:20%; }
.review .list td img				{ max-width:100%; }
.review .list td p							{ text-align:left; color:#999; line-height:1.6; }

.review .list td p span a					{ font-size:12px; color:#f69; font-weight:normal; }

.review .list table .title a						{ font-size:18px; color:#333; }
.review .list table .info						{ font-size:12px; color:#999; }

.review .view table.view						{ width:100%; color:#999; }
.review .view table.view td					{ padding:10px 0; border-bottom:1px dashed #999; }
.review .view table.view td h3					{ font-size:15px; }
.review .view table.view td span				{ font-weight:bold; }
.review .view div.viewContents					{ min-height:200px; padding:10px; border-bottom:1px dashed #ccc;word-break:break-all; }

.rowCnt { font-size:12px; padding-bottom:10px;}
.rowCnt span { padding:0 10px; color:#c00; font-weight:700;}

@media(min-width:200px) and (max-width: 757px){
.review .list th{display:none;}
.review .list td{display:block; text-align:left; }
.review .list td.name{ width:100%; }
.review .list .rowCnt { border-bottom:1px solid #ccc;}
.review .list td p.content-area					{ font-size:12px; }
}

@media(min-width:499px) and (max-width: 757px){
.popup-wrap table.list-table td { display:inline-block; text-align:left; width:50%;}
.popup-wrap table.list-table td.nick {  font-weight:900; color:#333;}
.popup-wrap table.list-table td.receiver {  }
.popup-wrap table.list-table td.nick span {display:inline; margin:2px 5px; padding:3px 7px; font-size:10px; background:#c00; color:#fff; letter-spacing:1px;  }
.popup-wrap table.list-table td span { display:inline; font-weight:bold; font-size:14px; }
}

@media(min-width:200px) and (max-width: 757px){
.footer-style_5 {  background:#3cf;}

select { font-size:12px; line-height:18px;}
footer.footer li { display: inline-block;  list-style: outside none none;  padding: 0 5px;}
.footer-style_5 .menu-footer ul  {font-size:0; padding:0 15px; }
.footer-style_5 .menu-footer li { display:inline-block; width:50%; border:1px solid #fff; margin-left:-1px; margin-bottom:1px; margin-top:-2px;}


.footer-style_5 .menu-footer li a  {font-size:12px; color:#fff;}

.header-search-main-header {  margin-top: 0;  margin-bottom: 10px;  width: 100%;  float: none; }
header.header-basic .mobile-navigation { margin:0; line-height:5px;}
header.header-basic .mobile-navigation .icon-bar { height:3px; background:#666; width:25px;}
header.header-style_16.header-basic .mobile-navigation { margin-left:0; margin-top:10px;}

.aside { padding:15px 0; margin-bottom:15px; margin-top:100px;}
.aside ul { font-size:0; margin-bottom:0px; }
.aside li { float:left; width:33.3%; border:1px solid #e5e5e5; margin-left:-1px;margin-top:-1px;}
.aside li a { display:block; border:none; font-size:12px; color:#666; text-align:center; font-weight:400;}
.aside li a.on			{ font-weight:bold; color:#fff; background:#666;}
.aside li a:hover		{ text-decoration:underline; color: #c00; }


.depth	{ display:none;}

.footer-top { display:none;}


#joinForm table.member-insert-form th, #joinForm table.member-insert-form td { display:block; width:100%; border:0;}
#joinForm table.member-insert-form th { background:#fff; width:100%; padding:3px 15px;}
#joinForm table select				{  margin:0 10px 5px 0;  }
.loginOrder { border-top:1px solid #e5e5e5; }


.cate-top .catMainMenu { margin-top:15px;  }
.cate-top .catMainMenu li { display:inline-block; width:100%; font-size:12px; margin-top:-1px;color:#333; text-align:center; }
.cate-top .catMainMenu ul li a			{ display:inline-block; width:100%; color:#ccc;  font-size:12px; color:#666;  }
.cate-top .catMainMenu ul li a.on			{ font-weight:bold; color:#fff; background:#666;}
.cate-top .catMainMenu ul li a:hover		{ text-decoration:underline; color: #728eb8; }

.cate-top .catSubMenu li { width:50%; border:1px solid #e5e5e5;  font-size:11px; color:#444; text-align:center; }

.products-ordering .lable-title { display:none;}
.products-ordering option { width:50px; }
.products-ordering div{  display:inline-block; width:30%; }
.chosen-container-single .chosen-single span {  display: block;  overflow: hidden;  margin-right: 5px;  font-size:11px;  line-height:15px;}

table.list-table{ font-size:12px;  color:#888; border-bottom:0; }
table thead{ display:none;}
table.list-table thead th{ padding:10px 0;color:#333;}
table.list-table tr { font-size:0px; border-bottom:1px solid ccc; margin-bottom:-1px;}

table.list-table th {  font-size:12px;  line-height:15px;}
table.list-table td { display:inline-block; width:100%; padding:5px 0; font-size:12px;  line-height:15px;}

table.list-table td.check { width:10%;}
table.list-table td.name { width:90%;}
table.list-table .num, table.list-table .visited{ display:none; }
table.list-table .title a { color:#333; font-size:14px !important; }
table.list-table .title a:hover { color:#f69; }

table.list-table .title span { display:inline-block; margin-right:5px; font-size:14px; font-weight:800; color:#333;}
.libOrderAccount table.list-table th, .libOrderCarryInfo table.list-table th{ font-size:12px; color:#333; width:30%; }

table.list-table td.delivery, table.list-table td.order { width:100%; }

.address-choice table.list-table tr { border-bottom:1px solid #ccc; }
.address-choice table.list-table td { display:inline-block; width:100%; padding:5px 0; line-height:12px;text-align:left; font-size:12px; }
.address-choice table.list-table td.nick  {font-weight:900; color:#333; font-size:14px;}
.address-choice table.list-table td span { display:inline; font-weight:900; font-size:14px; }

.xshop-shop #primary { padding: 0 0 10px 0;  }
.productImg img { width:100%; margin:0 auto; }
.product-detail { margin:0;}
.product-detail p { margin:0;}
.explain .productName { font-size:16px; line-height:20px;}
.explain .emphasis { margin-bottom:10px; font-size:12px; line-height:1.5;color:#999; padding-right:0;border-bottom:1px solid #e5e5e5;}



.order-btn ul { height:auto; font-size:0; padding-left:0;}
.order-btn li.btn-box  {width:100%; text-align:center;}
.order-btn li.btn-box button {display:inline-block; margin-left:2px; font-size:14px;}



/* 주문 완료 페이지의 주문 정보 */
.order-step-info 	{ clear:both; font-size:0; border:0; margin:20px 0;  }
.order-step-info dl	{ display:inline-block; margin-bottom:-1px;padding:5px; width:100%;  border:1px solid #e5e5e5; vertical-align:top;}
.order-step-info dl:last-child	{ border:1px solid #e5e5e5;}
.order-step-info dt	{ padding:15px 0 10px 50px; font-size:16px; font-weight:bold; color:#333;}
.order-step-info dd	{ padding:10px;color:#999;}
.order-step-info .step1 dt	{ background:url(/template/shop_drhealer/image/web/cart/order_step_title_icon01.png) no-repeat 0 10px;}
.order-step-info .step2 dt	{ background:url(/template/shop_drhealer/image/web/cart/order_step_title_icon02.png) no-repeat 0 10px;}
.order-step-info .step3 dt	{ background:url(/template/shop_drhealer/image/web/cart/order_step_title_icon03.png) no-repeat 0 10px;}
.order-step-info .step4 dt	{ background:url(/template/shop_drhealer/image/web/cart/order_step_title_icon04.png) no-repeat 0 10px;}
.order-step-info .step5 dt	{ background:url(/template/shop_drhealer/image/web/cart/order_step_title_icon05.png) no-repeat 0 10px;}
.order-step-info .step-info1{ height:45px; font-size:12px; }
.order-step-info .step-info2{  border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; font-size:13px; color:#333; font-weight:bold; }
.order-step-info .step-info3{  font-size:11px;  }
.order-step-info .step-info3 span {color:#df5c53;}

}

@media(min-width:756px) and (max-width:1024px){
 #joinForm table.member-insert-form th			{ width:25%; }

.aside { padding:15px 0; margin-bottom:15px;}
.aside ul { font-size:0; margin-bottom:0px; }
.aside li { float:left; width:25%; border:1px solid #e5e5e5; margin-left:-1px;margin-top:-1px;}
.aside li a { display:block; border:none; font-size:13px; color:#999; text-align:center;}
.aside li a.on			{ font-weight:bold; color:#fff; background:#666;}
.aside li a:hover		{ text-decoration:underline; color: #c00; }

.footer-style_5 .menu-footer li {  text-align:center;}


.footer-style_5 .menu-footer li a  {font-size:12px; }

}
@media(min-width:756px) and (max-width:3000px){
}

#afterCart			{ position:relative; width:300px; margin:0 auto; text-align:center; display:none; }
#afterCart div		{ position:absolute; width:300px; top:0px; left:0px; border-radius:10px; padding:10px 0; border:5px solid #eaeaea; background:#fff;  z-index:10;  line-height:20px;}
#afterCart div a	{ background:#888; display:inline-block; padding:5px 10px;font-size:14px; color:#fff;border-radius:3px; }
#afterCart div a:nth-child(1) { background:#333; }
#afterCart div span	{ font-weight:bold; color:red; font-size:12px;}
#afterCart div p	{ font-size:12px; }

.productImg-mini { font-size:0; padding:0;}
.productImg-mini li { padding:0 10px 10px; }
.productImg-mini img {width:100%; border-radius:5px;}
.productImg-mini li:hover img { transform:scale(1.1); transition: all 0.2s ease-out; border:1px solid #fff;}

.product-detail-sub { width:100%; margin:0 auto;}
.detailByLaw { width:100%; text-align:center; }
.detailByLaw img { width:960px; }



.total-price-wrap {display:flex; flex-flow:row nowrap; box-sizing:border-box; border-bottom:1px solid #333; }
.total-price-wrap ul.price { display:flex; flex-flow:row nowrap; justify-content:flex-start; padding:15px 0; }

.total-price-wrap-btn ul { display:flex; flex-flow:row nowrap; justify-content:center; padding:15px 0; }
.total-price-wrap-btn li {font-size:12px; color:#888; font-weight:400;width:33.3%; text-align:center;}
.total-price-wrap li {font-size:14px; color:#888; font-weight:400;}
.total-price-wrap li span { font-size:25px; color:#fff; font-weight:400;}
.total-price-wrap .total-price { font-size:24px; letter-spacing:-1px; padding:0 10px; font-weight:700; color:#000;}

.total-price-wrap-btn li button{width:97%;}

.total-price-wrap ul.btn-box { display:flex; flex-flow:row nowrap; justify-content:flex-end; padding:15px 0; width:70%; }
.total-price-wrap ul.btn-box li {margin-left:10px; width:33.3%;}
.total-price-wrap ul.btn-box li button {width:100%;}

#afterCart			{ position:relative; width:300px; margin:0 auto; text-align:center; display:none; }
#afterCart div		{ position:absolute; width:300px; top:0px; left:0px; padding:10px 0; border:5px solid #eaeaea; background:#fff; line-height:180%; z-index:10;  line-height:20px;}
#afterCart div a	{ background:#999; display:inline-block; padding:5px 10px;font-size:14px; color:#fff; }
#afterCart div a:nth-child(1) { background:#333; }
#afterCart div span	{ font-weight:bold; color:red; font-size:12px;}
#afterCart div p	{ font-size:12px; }

.footer-bottom-left {float:left; width:30%;}
	.footer-bottom-right {float:left; width:70%;}
	li.item-info-box-banner {padding:0; margin-bottom:5px;}
	li.item-info-box-banner img {width:80%;}
	.footer-bottom .footer-bottom-right p { font-weight:normal; line-height:18px; font-size:12px;}

	@media(min-width:200px) and (max-width: 757px){
	
.footer-style_5 .footer-bottom { padding:10px 0; margin-top:0;  color:#fff;}
	.footer-bottom .footer-bottom-left {float:left; width:100%;}
	.footer-bottom .footer-bottom-right {float:right;width:100%; }
	.footer-bottom .footer-bottom-right p { letter-spacing:-0.5px; line-height:16px; font-size:11px; text-align:center; margin-top:10px; }
	}
@media(min-width:756px) and (max-width:1024px){
.footer-style_5 .logo-footer img { width:40%;}
.productImg-mini { margin-top:10px;  }
	.productImg-mini li { width:20%; display:inline-block;padding:0 10px 0 0;}

}

@media(min-width:200px) and (max-width:757px){
.cate-top .catMainMenu { margin-top:10px;  }

.detailByLaw { width:100%; margin-left:0; padding:10px 0;}

	.productImg-mini { margin-top:10px;  }
	.productImg-mini li { width:20%; display:inline-block;padding:0 10px 0 0;}

	.total-price-wrap { flex-flow:column;  }
	.total-price-wrap ul.price {  width:100%;}
	.total-price-wrap ul.btn-box {  width:100%; }
	.total-price-wrap ul.btn-box li {margin-left:5px;}
	.total-price-wrap ul.btn-box li:first-child {margin-left:0px;}
	.footer-style_5 .logo-footer { text-align:center; margin:5px 0; }

	 .footer-style_5 .logo-footer img {  width:20%; }

	   .footer-style_5 .list-info-box .item-info-box {  float:left;  width:50%; text-align:center;}
}
 .new_policy { font-size:12px; line-height:18px; font-weight:normal;}
 .new_policy ul {margin:0 15px;}
 .new_policy p{ padding:10px 0 ; }
 .new_policy p span { font-weight:900; color:#000; }
 .new_policy li:first-child { font-size:14px;font-weight:900; color:#000;}
 .new_policy ul.sub-ul { padding-left:15px; } 
 .new_policy ul.sub-ul li:first-child { font-size:12px;font-weight:normal; }
/*톡톡상단*/
.board-head {text-align:center;}
.board-head h2 {color:#333; font-weight:700;}
.board-head ul { display:flex; flex-wrap:wrap; justify-content:space-evenly;}
.board-head ul li { position:relative; width:23%; box-sizing:border-box; padding:15px;background:#6dc7d6; color:#fff; font-size:16px; text-align:center; margin-right:30px; border-radius:50px;}
.board-head ul li:last-child {  margin-right:0px;}
.board-head ul li span { position:absolute; top:18px; right:30px;}

@media(min-width:200px) and (max-width:757px){
.slide-product-wrap {  margin-bottom:0; }
.board-head ul li { width:100%; margin-right:0; margin-bottom:10px; }
.board-head ul li span { transform:rotate(90deg);}
#section41 {  padding: 10px 0;  }
.title-description-block-style_5 .title-block {  font-size: 15px;}
}
@media(min-width:756px) and (max-width:1024px){
.board-head ul li { width:100%; margin-right:0; margin-bottom:10px; }
.board-head ul li span { transform:rotate(90deg);}
}
/*mpoint*/
.mpoint_con { width:20px; margin:0 5px ;}
.accordion {margin-bottom:15px;}
input[id*="answer"]{display:none;}
input[id*="answer"] + label { display:block; padding:10px 20px; border-bottom:0; color:#333; font-weight:700; font-size:14px; background:#f1f1f1; cursor:pointer; position:relative; margin-bottom:1px;}
input[id*="answer"] + label em { position:absolute; top:50%; right:10px; width:30px; height:30px; margin-top:-15px; display:inline-block; background:url('/template/shop_drhealer/image/bullet/arrow_accordion.png') 0 0 no-repeat; }
input[id*="answer"]:checked + label em { background-position:0 -30px; }

input[id*="answer"]:checked + label  { background:#3cf; color:#fff; }
input[id*="answer"] + label + div { max-height:0; transition:all .35s; overflow:hidden; background:#f5f5f5; font-size:12px; }
input[id*="answer"]:checked + label + div { max-height:500px;padding:10px; line-height:20px;}
input[id*="answer"]:checked + label + div table { border:0;}
input[id*="answer"]:checked + label + div table td { border:1px solid #ccc;padding:5px;}
input[id*="answer"]:checked + label + div table td:first-child { width:10%;}
.mpoint_list .basic-table span.head{display:none;}
.mpoint_list .basic-table span{  font-weight:700;}

@media(min-width:200px) and (max-width: 757px){

input[id*="answer"] + label em { display:none;}
input[id*="answer"] + label { font-size:12px;}
input[id*="answer"]:checked + label + div table td:first-child { width:30%;}
.mpoint_list .basic-table span.head{display:block;width:70px; border-right:1px solid #ccc; margin-right:10px;float:left;}

}
.cate-top { margin-top:10px; z-index:1;}
a.top{position:fixed; bottom:30px; right:30px; z-index:1000;}
a.top span { padding:15px; font-size:24px; background:rgba(9, 157, 255, 0.2); border-radius:100px; color:#fff; text-align:center;}
a.top span:hover { background:rgba(9, 157, 255, 0.5); color:#fff; }
@media(min-width:200px) and (max-width: 757px){
a.top{position:fixed; bottom:10px;left:30px; z-index:1;}
a.top span { padding:10px; font-size:18px; background:rgba(9, 157, 255, 0.2); border-radius:100px; color:#fff; text-align:center;}
.cate-top { padding-top:0; }

 .icon-box-style5 .icon-box-desc {  font-size: 12px;  }
}

/*메인제품나열*/



.for-mobile {display:none;}

#membership_buy { margin:0 auto; }
#membership_buy > ul > li { float:left; position:relative; box-sizing:border-box; font-size:0;padding:5px; width:100%; }
#membership_buy > ul > li .img-box { display:block; border-radius:10px; width:100%;overflow:hidden; transition:all .35s;}
#membership_buy > ul > li .img-box > img { width:100%; transition:transform 1.5s; }
#membership_buy > ul > li .img-box:hover > img { transform:scale(1.2); opacity:0.9; background-color:#000; color:#fff; }
#membership_buy > ul > li dl{ position:absolute;bottom:0; left:0; padding:30px; opacity:0; color:#fff;   transition:all .35s;}
#membership_buy > ul > li dl dt{ font-size:18px; padding:5px 0; font-weight:700;}
#membership_buy > ul > li dl dd:nth-child(2){ font-size:14px; padding:5px 0; font-weight:700;}
#membership_buy > ul > li dl dd:nth-child(3){ font-size:12px; }
#membership_buy > ul > li dl dd:nth-child(4){ font-size:14px; font-weight:700;}
#membership_buy > ul > li .img-box:hover > dl {opacity:1;  transition:all .35s; }

#membership_buy > ul > li > .brand_logo_icon {position:absolute; left:20px; top:20px;}
#membership_buy > ul > li > .brand_logo_icon img {display:none; width:20%;}
#membership_buy {margin-top:5px;}

.membership_info .membership_info_title h2 {font-weight:700; text-align:center; font-size:20px; color:#fff; border-radius:10px; padding:10px 0; }
.membership_info .membership_info_title {background-color:#6dc7d6; font-weight:700; text-align:center; font-size:40px; color:#fff; border-radius:10px; padding:10px 0; }
.membership_info .membership_info_title img { width:40%; }
.membership_info ul { display:flex; flex-wrap:wrap; justify-content:space-between;  }
.membership_info ul li { width:100%;  }
.membership_info ul li dl { padding:10px; box-sizing:border-box;  font-size:14px; font-weight:400;  }
.membership_info ul li dt {  font-size:18px; font-weight:700; border-bottom:1px solid #ccc; margin-bottom:10px;}
.membership_info ul li dd {  margin-bottom:10px;}
.membership_info ul li dd span { font-weight:700; color:#000;}


.membership_info ul li dd.membership_button { padding:10px; border:1px solid #ccc; border-radius:10px; text-align:center;}
.membership_product p { font-size:14px; font-weight:400; line-height:20px;}
		
@media(min-width:200px) and (max-width: 757px){
#membership_buy > ul > li {   width:100%; }
.for-mobile {display:block;}
.membership_info h2 { font-size:18px;  }
}
/*스폰포인트*/
.spawn_point_wrap .spawn_point_table ul {display:flex; flex-wrap:wrap; align-items:center;}
.spawn_point_wrap .spawn_point_table ul li {width:50%; font-size:18px; font-weight:700; padding:10px; margin-bottom:1px;}
.spawn_point_wrap .spawn_point_table ul li:first-child {background-color:#6dc7d6; color:#fff; text-align:right; }
.spawn_point_wrap .spawn_point_table ul li:last-child {background-color:#e5e5e5; }
.spawn_point_wrap .spawn_point_table ul li:last-child span { color:#6dc7d6;  }
.spawn_refund { margin:0 auto; text-align:center;}
.spawn_refund input[type="text"]{ border: 2px solid #ccc; border-radius:2px !important; font-size: 20px; line-height: 20px; padding: 8px ; color:#999;  margin-right:5px; margin-bottom:5px; color:#333; font-weight:700; text-align:center;} 
.button-default-black-refund { background: #333;  border:1px solid #333;  color: #ccc;  font-family: "Noto Sans KR";  font-size: 18px;  line-height: 30px; border-radius:3px; padding: 8px 30px;  text-transform: uppercase;font-weight:700; }
.spawn_history { text-align:center;}
.spawn_history table tr td span{  color:#6dc7d6;}

.caution h4{ color:#09f; }
.caution p span{ color:#09f; }

.partner_total_buy {width:100%; text-align:center;}
.partner_total_buy span { font-weight:700; font-size:18px;}
.account_enter {  padding:60px 15px; border-radius:10px; background:#6dc7d6; }
.account_enter p { padding:0; margin:0;}

.date-search ul {display:flex; flex-wrap:wrap; text-align:center; margin:0 auto;}
.date-search ul  li { padding:10px;}
#joinForm input[type="text"].big_input_text { font-size:24px; font-weight:700;  text-align:center; width:100%;}
#joinForm .member-insert-form dt { font-size:14px; font-weight:700; margin-bottom:5px;}
#joinForm .member-insert-form dl ul li { float:left; }
#joinForm .member-insert-form dl ul li:first-child {  width:60%;}
#joinForm .member-insert-form dl ul li:last-child {  }


@media(min-width:200px) and (max-width: 757px){
.spawn_refund input[type="text"] { width:100%;}
.spawn_refund input[type="button"] { width:100%;}
.spawn_point_wrap .spawn_point_table ul li {width:50%; font-size:14px; font-weight:700; padding:10px; margin-bottom:1px;}
.account_enter .account_enter_input { width:100%;}
}

.history_table_wrap { position:relative; width:100%; overflow-x:scroll; }

.history-table {  min-width:1400px; max-width:2400px !important; height:auto;}
.history-table th {  text-align:center;font-size:11px;}

.history-table th:first-child{ min-width:55px;}
.history-table td { border:1px solid #ccc; padding:2px; font-size:11px; text-align:center; line-height:1.5rem;}




.alert-box  .feferee_data ul li p { margin-bottom:0;}
.alert-box  .feferee_data ul li p span { color:#6dc7d6;}
.history-table > button { padding:none; background:none; border:none;}

.feferee_data ul { padding:15px; }
.feferee_data ul h4  { padding:10px 0; margin-bottom:5px;  text-align:center; font-size:18px;}
.feferee_data ul li { padding:10px 0; text-align:left; border-bottom:0.5px solid #ccc;}

.feferee_data ul li p { padding:5px 0; margin-bottom:0;}
.feferee_data ul li span { display:inline-block; font-weight:700; width:110px; color:#000;}

.alert-box {  position:absolute; width:50%;  top:50%; left:50%; transform:translate(-50%, -50%); background-color:#333; padding:1px; display:none; z-index:100; border-radius:10px;}
.alert-box .feferee_data ul { padding:15px; color:#fff;}
.alert-box .feferee_data ul h4  { background-color:#000; padding:10px 0; margin-bottom:5px;  text-align:center; font-size:18px;}
.alert-box .feferee_data ul li { padding:5px 0; text-align:left; border-bottom:1px solid #ccc; }
.alert-box  .feferee_data ul li span { display:inline-block; font-weight:700; width:110px; color:#999;}

.alert-box  .feferee_data ul li p { margin-bottom:0;}
.alert-box  .feferee_data ul li p span { color:#6dc7d6;}
.history-table > button { padding:none; background:none; border:none;}

.referee_table  {position:relative;}
.referee_table > ul.referee_buy_sum  { display:flex; flex-wrap:wrap; justify-content:center; padding:15px; font-size:14px;}
.referee_table > ul.referee_buy_sum > li  { padding:0 15px;}
.referee_table > ul.referee_buy_sum > li span  { color:#f06; font-weight:700;}

.referee_search {position:relative;}
.referee_search h3 {position:absolute;}
.referee_search ul { width:100%; display:flex; flex-wrap:no-wrap; justify-content:flex-end;  padding-bottom:15px; line-height:40px;}
.referee_search ul li { padding:0 10px; text-align:center; height:45px; margin-right:-1px;}
.referee_search ul li div {float:left;}
.referee_search ul li div.search-box {border:3px solid #333; padding-right:10px;}
.referee_search ul li dl {margin:0; }

.referee_search ul li dl dd a { display:block; height:24px; width:24px; }

.date-search ul {  display: flex; flex-wrap: wrap;   }
.date-search ul li {  padding: 10px 0; }

input[type="date"] {  position:relative; width:130px; height:38px; padding:0 5px 0 5px; background:url(/template/shop_drhealerpro/image/bullet/calendar_month_24dp.svg) no-repeat right 15px center / 20px auto;  box-sizing:border-box;}
input[type="date"]::-webkit-clear-button,
input[type="date"]::-webkit-inner-spin-button {display:none;}
input[type="date"]::-webkit-calendar-picker-indicator { position:absolute; left:0; top:0; width:100%; height:100%; background:transparent; color:transparent; cursor:pointer; }
input[type="date"]::before { content:attr(data-placeholder); width:100%; }
input[type="date"]:valid::before { display:none;}
input[type="date-placeholder"]::before {color:red; font-size:14px;}

input[type="button"] {    border: 1px solid #ccc; }
h3.for_head_3 {text-align:center;}
.shortMovie {width:950px;}
@media(min-width:200px) and (max-width:757px){
.date-search ul li input[type="text"]{  width:180px; }
h3.for_head_3 { font-size:14px;}
.shortMovie {width:100% !important;}
}

		.note_s > ul > li { font-size:12px; line-height:1.5em; text-align:left;}
		 input[type="date"] { border:1px solid #ccc;}
		 input[type="button"] { border:1px solid #ccc;}

 .code_wrap { text-align:center; background-color:#6dc7d6; border-radius:10px; padding:60px 15px; margin:30px 0; }

.code_wrap dt {padding-bottom:20px; border-bottom:1px solid #fff;}	
.code_wrap dt img{width:40%;}	
.code_wrap dl dd {font-size:22px; color:#fff; padding:30px 0;}
.code_wrap dl dd span { font-weight:700; color:#000;}

						@media(min-width:200px) and (max-width: 757px){
						.history_table_wrap {  width:100%; overflow-x:scroll;}
						.history_table_wrap .alert-box {  width:100%; }
						.referee_search h3 {position:absolute; top:0; margin:0; left:35%;}
						.referee_search ul {  padding-top:35px; }
			
						}
	.card_fee_wrap  {padding:10px; }
	.card_fee_wrap h3  span { color:#36c;}
	.card_fee_wrap table {padding:10px 0;}
	.card_fee_wrap table th, .card_fee_wrap table td{text-align:center; font-size:14px; padding:0;}
	
	.card_fee_wrap table thead  {border:0;}
	.card_fee_wrap table thead tr {background-color:#36c; color:#fff; font-weight:700;}
	.card_fee_wrap table td.period { color:#36c}
	.card_fee_wrap > ul > li { text-align:left; font-size:12px; line-height:1.7rem; }
	@media(min-width:200px) and (max-width: 757px){
	
	.card_fee_wrap table thead  {display:inline; display: table-header-group; }

	}