/* BASIC css start */
/*====================================================================*/
/******************************* header *******************************/
/*====================================================================*/

header{position:fixed; left:0; top:0; width:100%; min-width:1200px; height:90px; background:rgba(253,253,253,0.3); z-index:1001; -webkit-transition:0.35s ease-in-out; -moz-transition:0.35s ease-in-out; -o-transition:0.35s ease-in-out; transition:0.35s ease-in-out;}
#logoArea,
#userArea{position:absolute; top:45px;}
#logoArea{left:70px;}
#userArea{right:50px;}


.top_ban_fmt { text-align: center; background: #0383e2; width: 100%; height: 40px; z-index: 160; overflow: hidden; }
.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; }
.swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; }
.top_ban_fmt .swiper-slide a {display: inline-block; line-height: 40px; font-size: 13px; }




/* 로고 */
#logoArea{}
#logoArea .logo{}
#logoArea .logo a{display:block; font-size:22px; letter-spacing:5px; line-height:52px; font-family:'Hind Guntur', sans-serif; color:#8a7c7c; font-weight:300;}
/* 
이미지일 때 
#logoArea .logo{display:table; height:52px;}
#logoArea .logo a{display:table-cell; vertical-align:middle;}
*/

/* 로그인메뉴 */
#userArea ul{font-size:0; line-height:0; letter-spacing:0;}
#userArea ul li{display:inline-block; vertical-align:middle; margin-left:32px;}
#userArea ul li a{display:block; font-size:12px; line-height:16px; letter-spacing:0.7px; color:#8a7c7c;}
#userArea ul li.cart a strong{display:inline-block; font-size:11px; margin-left:5px; font-weight:600; color:#dab799; height:16px; border-bottom:1px solid #dab799; box-sizing:border-box;}

/* 삼선메뉴 */
#userArea ul li:last-child{margin-left:63px;}

#menu{width:50px; height:50px; padding:19px; border:0; box-sizing:border-box; background:transparent; vertical-align:middle; -webkit-transform:perspective(1px) translateZ(0); transform:perspective(1px) translateZ(0); box-shadow:0 0 1px rgba(0, 0, 0, 0); position:relative; -webkit-transition-property:color; transition-property:color; -webkit-transition-duration:0.3s; transition-duration:0.3s;}
#menu:before{content:"";  position:absolute; z-index:-1; top:0; left:0; right:0; bottom:0; background:#dab799; -webkit-transform:scaleX(0); transform:scaleX(0); -webkit-transform-origin:0 50%; transform-origin:0 50%; -webkit-transition-property:transform; transition-property:transform; -webkit-transition-duration:0.3s; transition-duration:0.3s; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out;}

#menu span{display:block; width:12px; height:2px; margin-bottom:2px; background:#8a7c7c; -webkit-transition:0.3s ease-in-out; -moz-transition:0.2s ease-in-out; -o-transition:0.2s ease-in-out; transition:0.2s ease-in-out;}
#menu span:last-child{margin-bottom:0;}

/* 삼선메뉴 - 호버 */
#menu:hover span{background:#fff;}
#menu:hover:before{transform:scaleX(1); -webkit-transform:scaleX(1);}
/* BASIC css end */