/* BASIC css start */
#header {position: relative; width: 100%; height:130px; top: 0; left: 0; padding: 0px 0; border-bottom: none; background: #FCF9EF; -webkit-transition-duration: 0.6s; transition-duration: 0.6s; z-index: 100; }
#header.header-scroll{position: fixed; padding: 0; background: #FCF9EF; box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.1); -webkit-transition-duration: 0.6s; transition-duration: 0.6s; opacity: 0.9; }
#header .header_top { position: relative; z-index: 30; margin-bottom:5px;}


.top_bnr {text-align: center; }
.top_bnr img{width: 100%; max-width: 560px; }

#header .header_top div { display: inline-block; vertical-align: middle; font-size: 12px;}
#header .header_top .menubtn { width: 22px; right: 15px; position: absolute; top: 50%; transform: translateY(-50%);}
#header .header_top .allmenu_btn { width: 100%;}
#header .header_top .basket { width: 34px; right: 51px; position: absolute; top: 50%; transform: translateY(-50%);}
#header .header_top .basket a { position: relative;}
#header .header_top .basket a img { width: 26px;}
#header .header_top .basket a span { color: #fff; background: #000; width: 17px; height: 17px; border-radius: 50%; display: block; position: absolute; top: -8px; right: -8px; line-height: 17px; font-size: 0.6em; font-family: 'Roboto', sans-serif; text-align: center;}


#header .header_top .search{ position: absolute; top: 50%; transform: translateY(-50%); right: 101px; width: 24px;}
#header .header_top .search a img{width:100%;}


#header .header_top .global{ position: absolute; top: 50%; transform: translateY(-50%); right: 140px; width: 36px; opacity:100%;}
#header .header_top .global a img{width:100%;}


#header .header_top .logo { width: 120px; padding:10px;}
#header .header_top .logo img { width: 100%; vertical-align: middle;}
#header .menu_swip {width: 100%;float: left; overflow: hidden; background: #f7ede4; padding: 14px 15px;}
#header .menu_swip .swiper-slide {width: initial !important; padding-right: 28px; height: auto;} 
#header .menu_swip a.active { color: #a48f78 !important; font-weight: bold;}
#header .menu{background: #f7ede4; overflow: hidden;}
#header .menu a{ font-size: 1em; color: #3b3b3b; font-family: 'Roboto','나눔고딕','NanumGothic', sans-serif;}
#header .menu a.active{ color: #000 !important; font-weight:bold;}

/* 메뉴 */
.mask{display:none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); z-index: 102;}
#all_menu{ position: fixed; top: 0; right: -100%; width: 69%; height: 100%; padding: 0 30px; z-index: 1001; background:#FCF9EF; overflow-y: auto; overflow-x:hidden;}
#all_menu .closeArea{ margin: 20px -11px 20px 0; text-align: right;}
#all_menu .closeArea img{ width: 19px;}
#all_menu .in_logo{ text-align: center; margin-bottom:50px; width:150px; margin:0 auto;}
#all_menu .in_logo a img{ width: 100%;}


#all_menu .all_menu_join{ margin: 30px 0 40px;}
#all_menu .all_menu_join .a_top{}
#all_menu .all_menu_join .a_top li{display: inline-block; width: calc(100%/2 - 6px); margin: 0 5px 0 0;  border: 1px solid #2D2926; font-size: .85rem; text-align: center; letter-spacing: 1px; box-sizing: border-box; }
#all_menu .all_menu_join .a_top li:nth-of-type(2){ margin: 0 ;}
#all_menu .all_menu_join .a_top li:nth-of-type(2) a{}
#all_menu .all_menu_join .a_top li a{ display:block; padding: 13px 0; color: #2D2926;  font-family: 'Cormorant Garamond','Noto Sans KR', serif; font-weight: 500;}


#all_menu .all_menu_join .a_top02{margin-top:5px; }
#all_menu .all_menu_join .a_top02 li{display: inline-block; width: calc(100%/2 - 6px); margin: 0 5px 0 0;  border: 1px solid #2D2926; font-family: 'Cormorant Bold', 'Spoqa Han Sans JP','Noto Serif KR', 'Sans-serif'; 
font-size: .85rem; font-weight: 500; text-align: center; letter-spacing: 1px; box-sizing: border-box; }

#all_menu .all_menu_join .a_top02 li:nth-of-type(2){ margin: 0 ;}
#all_menu .all_menu_join .a_top02 li:nth-of-type(2) a{}
#all_menu .all_menu_join .a_top02 li a{ display:block; padding: 13px 0; color: #2D2926;  font-family: 'Cormorant Garamond','Noto Sans KR', serif; font-weight: 500;}


#all_menu .iconBox ul{ font-size: 0;}
#all_menu .iconBox ul li{ display: inline-block; width: calc(100%/4 - 16px); height: 55px; padding: 0 10px; text-align: center;  border-right: 1px solid #2D2926;}
#all_menu .iconBox ul li:nth-of-type(1){ padding-left: 0;}
#all_menu .iconBox ul li:nth-of-type(4){ padding-right: 0; border: 0;}
#all_menu .iconBox ul li a{position: relative; -webkit-tap-highlight-color: rgba(0,0,0,0);}
#all_menu .iconBox ul li a img{ display: block; height: 30px; margin: 0 auto; padding: 0 0 12px;}
#all_menu .iconBox ul li a em{position: absolute; left: 50%; transform: translateX(-50%); font-size: 0.8rem; color: #2D2926; font-family: 'Noto Sans KR', sans-serif; font-weight: 300; white-space: nowrap;}

/* 햄버거메뉴 안 분류 */
.headerGnb{ margin: 30px 0 0;}
.headerGnb .gnbInner .menu-list > li{line-height: 40px; position: relative; -webkit-tap-highlight-color: rgba(0,0,0,0);}
.manuinba{position: absolute; bottom: 140px;  left: 120px;}
.menu_list_in a, .menu-container .menu-list li.toggle > a{ color: #2D2926;  font-family: 'Cormorant Garamond','Noto Sans KR', serif; font-size: 1.2rem; font-weight: 500;}
.toggle, .menu-submenu { cursor: pointer;color: #2D2926; font-family: 'Cormorant Garamond','Noto Sans KR', serif; font-size: 1.2rem; font-weight: 500; position: relative; letter-spacing: 1px;}
.menu-submenu {  margin: 5px 0 0; padding: 10px 15px; /*border-top: 1px solid #2D2926;*/}
.menu-submenu >li{line-height: 36px;}
.menu-submenu >li a{color: #898989; font-family: 'Cormorant Garamond','Noto Sans KR', serif; font-size: 1.2rem; font-weight: 500;}

/* 햄버거메뉴 안 분류 더보기 */

.ddBtn {width:20% ;
  padding:15px 60px;
  position: absolute;
  left: 10px; /*버튼위치*/
  top: 0;
     }
     
.ddBtn:before{
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
    z-index: 2;
}
.ddBtn:before, .ddBtn:after {
  content: '';
    display: block;
    position: absolute;
    border-top: 8px solid #2D2926;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 8px solid none;
  
    -webkit-transition: all 0.5s;
    transition: all 0.5s ease-out;
}
.ddBtnActive {
 /* padding-left:20px;*/
 
}
.ddBtnActive:before{   -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotateX(180deg);
    background: transparent !important;}

.ddBtnActive:after {   -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotateX(180deg);
    background: transparent !important;
    opacity: 0;

}

/*.ddBtn {position: absolute; top:0 ; right: 0; padding:9px 20px; width: 100%; height: 20px; }
.ddBtn:before{ -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 1; z-index: 2;}
.ddBtn:before, .ddBtn:after {content: ''; display: block; position: absolute; top: 50%; right: 12px; width: 16px; height: 2px; margin-top: -1px; background-color: #8b8b8b; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 0.3s; transition: all 0.3s ease-out;}
.ddBtnActive {padding:15px 20px;}
.ddBtnActive:before{ -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); background: #8b8b8b !important;}
.ddBtnActive:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); background: #8b8b8b !important; opacity: 0;}*/


/*룩북 버튼*/

.ddBtn01 {width:20% ;
  padding:15px 115px;
  position: absolute;
  left: 10px; /*버튼위치*/
  top: 0;
     }
     
.ddBtn01:before{
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
    z-index: 2;
}
.ddBtn01:before, .ddBtn:after {
  content: '';
    display: block;
    position: absolute;
    border-top: 8px solid #2D2926;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 8px solid none;
  
    -webkit-transition: all 0.5s;
    transition: all 0.5s ease-out;
}

.ddBtn01Active:before{   -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotateX(180deg);
    background: transparent !important;}

.ddBtn01Active:after {   -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotateX(180deg);
    background: transparent !important;
    opacity: 0;

}

/*커뮤니티 버튼*/

.ddBtn02 {width:20% ;
  padding:15px 130px;
  position: absolute;
  left: 10px; /*버튼위치*/
  top: 0;
     }
     
.ddBtn02:before{
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
    z-index: 2;
}
.ddBtn02:before, .ddBtn:after {
  content: '';
    display: block;
    position: absolute;
    border-top: 8px solid #2D2926;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 8px solid none;
  
    -webkit-transition: all 0.5s;
    transition: all 0.5s ease-out;
}

.ddBtn02Active:before{   -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotateX(180deg);
    background: transparent !important;}

.ddBtn02Active:after {   -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotateX(180deg);
    background: transparent !important;
    opacity: 0;

}


/* sns 아이콘 영역 */
.snsiconArea{margin: 45px 0 0;}
.snsiconArea i{ margin: 0 17px 0 0;}

/* 저작권 */
.copy{margin:100px 0; color:#999999; font-size: .79rem;  font-family: 'Cormorant Garamond','Noto Sans KR', serif;}


/* 글로벌 */
#lang-form {width:100%; }
#lang-form img {width:18px; opacity: 80%;}
#lang-form b {font-size: .85rem;}

.social-links {
  margin-top: 50px;
  color:#2D2926;
font-family: 'Cormorant Bold', 'Spoqa Han Sans JP','Noto Serif KR', 'Sans-serif'; 
font-size: .85rem;
  width: 200px;
  li {
    display: inline;
    list-style-type: none;
    
    padding-right: 40px;float:left;
  }
}


#lang-form div {
  float: left;
  margin-top:1px;
   font-family: 'Cormorant Garamond','Noto Sans KR', serif;
}

#lang-form #dropdown-wrapper {
  width: 100px; 
  margin-top: 20px;
  z-index: 1000;
}

.dropdownbox { 
  margin: 0 auto; 
  cursor: pointer;
}

.dropdownbox > p {
  display: block;
  user-select: none; 
  -moz-user-select:none;
  /* Safari */ -khtml-user-select: none;}

ul.menu{
  margin: 0px; 
  padding: 0px; 
  list-style: none; 
  position: relative; 
  margin: 0 0; 
  width: 100px; 
  overflow: hidden; 
  height: 0; 
  margin-left: -42px;
  margin-top: 5px; 
  -webkit-transition: all 0.3s ease-in; 
  -moz-transition: all 0.3s ease-in; 
  -o-transition: all 0.3s ease-in; 
  transition: all 0.3s ease-in; 
  /*-moz-transform:scale(0); */ 
  color: #333; 
  cursor: pointer; 
  user-select: none; 
  -moz-user-select:none; 
  /* Safari */ 
  -khtml-user-select: none; 
}

ul.menu li { 
  padding: 2px 0; 
  -webkit-transition: all 0.3s ease-in; 
  -moz-transition: all 0.3s ease-in; 
  -o-transition: all 0.3s ease-in; 
  transition: all 0.3s ease-in; 
}


.menu.showMenu { 
  /*-moz-transform:scale(1);*/ 
  height: 50px;
}}


.swiper-container {
      width: 100%;
     
    }
    

    .swiper-slide {
      text-align: center;
      font-size: 1rem;
      color: #2D2926;  font-family: 'Cormorant Garamond','Noto Sans KR', serif; font-weight: 500;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
    
    
 .topmenu .swiper-pagination {
     display:none;
 }


/* BASIC css end */