/* 탐배너 */
#header .top_banner { position:relative; }
#header .top_banner a { display:block; }
#header .top_banner a img { width:100%; }
#header .top_banner button { position:absolute; top:0; right:5px; z-index:1; opacity:0.5; }
#header .top_banner button img { margin:0 0 2px 10px; vertical-align:middle; height:15px !important; }

#header .top_banner .slide-btn {  }
#header .top_banner .slide-btn a { display:block; width:30px; height:30px; border-radius:3px; position:absolute; top:55%; transform:translate(0,-50%); }
#header .top_banner .slide-btn a:focus { outline:none; }
#header .top_banner .slide-btn a:after { background-image:url("../img/header/topbannerbtn.png"); background-size:cover; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:block; content:''; width:20px; height:20px; background-position:center; background-repeat:no-repeat; }
#header .top_banner .slide-btn a.prev { left:25px; }
#header .top_banner .slide-btn a.next { right:25px; }
#header .top_banner .slide-btn a.next:after { transform:translate(-50%,-50%) rotate(-180deg); }


/*헤더*/
#header { border-bottom:1px solid #c8c8c8; position:fixed; top:0; left:0; width:100%; z-index:500; }
#header.ver1 { background-color:#fff; }
#header.ver2 { background-color:#fff; }

#header > div { position:relative; }

/*메인헤더*/
#header .main-header { border-bottom:1px solid #dcdcdc; }
#header .main-header .menu-btn { position:absolute; top:50%; left:20px; transform:translate(0,-50%); }
#header .main-header .menu-btn a { display:block; }
#header .main-header .menu-btn a img { display:block; }
#header .main-header .logo { text-align:center; font-size:0; }
#header .main-header .logo a { display:inline-block; padding:13px 0 12px; }
#header .main-header .logo img { height:30px !important; }
#header .main-header .lookup { overflow:hidden; position:absolute; top:50%; right:10px; transform:translate(0,-50%); }
#header .main-header .lookup a { display:block; margin:0 10px 0 0; }
#header .main-header .lookup a img { display:block; }


/*메인 nav*/
#header .main-nav { border-top:0; }
#header .main-nav nav {  }
#header .main-nav nav ul { overflow:hidden; }
#header .main-nav nav ul li { float:left; text-align:center; width:20%; }
#header .main-nav nav ul li a { font-size:12px; padding:12px 0; display:block; font-family:'s-core-dream-regular'; color:#fff; letter-spacing:-1px; color:#000; }
#header .main-nav.num1 nav ul li { width:100%; }
#header .main-nav.num2 nav ul li { width:50%; }
#header .main-nav.num3 nav ul li { width:33.3%; }
#header .main-nav.num4 nav ul li { width:25%; }
#header .main-nav.num5 nav ul li { width:20%; }
#header .main-nav.num6 nav ul li { width:16.66%; }
#header .main-nav.num7 nav ul li { width:14.28%; }
#header .main-nav.num8 nav ul li { width:20%; }
#header .main-nav nav.swiper-container ul { overflow:visible; }
#header .main-nav nav.swiper-container ul li { width:auto; }
/* #header .main-nav nav.swiper-container ul li { width:20%; } */
#header .main-nav nav.swiper-container ul li a { padding-left:20px; padding-right:20px; }

/* 헤더 ver2. */
#header.ver2 .main-header .logo { text-align:left; font-size:0; display:inline-block; }
#header.ver2 .main-header .logo a { text-align:left; padding:13px 18px 12px; }
#header.ver2 .main-header .menu-btn { right:20px; transform:translate(0,-50%); left:auto; }
#header.ver2 .main-header .lookup { right:52px; }

/* 서브 헤더 */
#header.ver1 .sub-header { height:55px; }
#header.ver2 .sub-header { height:55px; }
#header.ver3 .sub-header { height:55px; }
#header .sub-header {  }
#header .sub-header .logo { text-align:center; font-size:0; }
#header .sub-header .logo a { display:inline-block; padding:13px 0; }
#header .sub-header .logo a img { height:30px !important; }

#header .sub-header .back { position:absolute; top:50%; left:18px; transform:translate(0,-50%); }
#header .sub-header .back a { display:inline-block; }
#header .sub-header .back a img { height:20px !important; }

#header .sub-header .lookup { overflow:hidden; position:absolute; top:50%; right:10px; transform:translate(0,-50%); }
#header .sub-header .lookup a { display:block; margin:0 10px 0 0; }
#header .sub-header .lookup a img { display:block; }

#header .sub-header .search { position:absolute; top:calc(50% + 2px); right:43px; transform:translate(0,-50%); }
#header .sub-header .search a {  }
#header .sub-header .search a img {  }

/*메뉴*/
#header .menu { position:fixed; width:80%; left:-100%; top:0; background-color:#fafafa; z-index:50000; height:100%; text-align:center; border-right:1px solid #dcdcdc; overflow-y:scroll; }
#header .menu #mobile_menu_close { position:absolute; top:0; right:0; z-index:10; }
#header .menu #mobile_menu_close img { width:15px; padding:14px; }
#header .menu > p { color:#555; font-size:12px; font-family:'s-core-dream-regular'; text-align:left; padding:18px 0 18px 53px; position:relative; line-height:21px; z-index:1; }
#header .menu > p img { position:absolute; top:50%; left:24px; transform:translate(0,-50%); }
#header .menu > p b { font-family:'s-core-dream-medium'; }
#header .menu ul.login-menu { overflow:hidden; border:1px solid #dcdcdc; border-left:0; border-right:0; margin:0; }
#header .menu ul.login-menu li { float:left; width:50%; border-right:1px solid #dcdcdc; box-sizing:border-box; }
#header .menu ul.login-menu li:last-child { border:0; }
#header .menu ul.login-menu li a { display:block; text-align:center; background-color:#fff; font-size:12px; color:#000; font-family:'s-core-dream-regular'; padding:14px 0; }
#header .menu ul.login-menu.num3 li { width:33.3%; }

#header .menu ul.nav-menu { margin:10px 0 0; border-top:1px solid #dcdcdc; }
#header .menu ul.nav-menu li { border-bottom:1px solid #dcdcdc; }
#header .menu ul.nav-menu li a { display:block; background-color:#fff; padding:14px 25px; text-align:left; font-size:13px; color:#333; font-family:'s-core-dream-regular'; }

#header .menu ul.nav-menu.img {  }
#header .menu ul.nav-menu.img li {  }
#header .menu ul.nav-menu.img li a { position:relative; padding:14px 25px 14px 60px; }
#header .menu ul.nav-menu.img li a img { position:absolute; top:50%; left:25px; transform:translate(0,-50%); }
#header .menu ul.nav-menu.img li.no_img a { padding:14px 25px; }

#header .menu h5 { font-size:14px; font-family:'s-core-dream-medium'; position:relative; padding:0 0 7px; margin:0 0 10px; }
#header .menu h5:after { background-color:#333; width:25px; height:1px; display:block; content:''; position:absolute; bottom:0; left:0; }
#header .menu .customer { box-sizing:border-box; background-color:#fff; padding:25px; text-align:left; }
#header .menu .customer strong { color:#333; font-size:24px; font-family:'s-core-dream-bold'; display:block; padding:0 0 7px; margin:-3px 0 0; }
#header .menu .customer p { font-size:11px; line-height:24px; color:#999; }

/* 검색 팝업 */
#popup.search { position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); z-index:10001; width:calc(100% - 10px); display:none; }
#popup.search .box { box-sizing:border-box; background-color:#fff; position:relative; border-radius:10px; max-width:500px; width:100%; overflow:hidden; margin:0 auto; border:2px solid #f4f4f4; }
#popup.search a.close { position:absolute; top:0; right:0; display:block; padding:15px; }
#popup.search a.close img { height:16px !important; }
#popup.search .input { background-color:#f4f4f4; padding:30px 30px 35px; box-sizing:border-box; }
#popup.search .input div { position:relative; }
#popup.search .input div input[type="text"] { color:#333; border:0; border-bottom:4px solid #000; height:70px; text-align:center; padding:0 30px; width:100%; font-size:16px; font-family:'s-core-dream-bold'; background-color:inherit; }
#popup.search .input div input[type="text"]::placeholder { color:#c8c8c8; }
#popup.search .input div button { position:absolute; top:20px; right:0; }
#popup.search .input div button img { height:20px !important; }
#popup.search .best { padding:20px 45px 10px; box-sizing:border-box; }
#popup.search .best h3 { font-size:18px; color:#333; font-family:'s-core-dream-medium'; text-align:center; }
#popup.search .best ul { margin:20px 0 0; }
#popup.search .best ul li { margin:0 0 15px; }
#popup.search .best ul li a { display:block; font-size:16px; color:#333; font-family:'s-core-dream-regular'; }
#popup.search .best ul li a b { color:#999; }


@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #header .menu .top_banner .close { background:url("../img/header/close-btn@3x.png"); background-position:contain; background-size:13px 13px; }
  #header .menu ul.share li.facebook a { background:#fff url('../img/header/sns_facebook@3x.png') center no-repeat; background-size:9px 17px; }
  #header .menu ul.share li.twitter a { background:#fff url('../img/header/sns_twiwter@3x.png') center no-repeat; background-size:17px 14px; }
  #header .menu ul.share li.insta a { background:#fff url('../img/header/sns_insta@3x.png') center no-repeat; background-size:17px 17px; }
  #header .menu ul.share li.band a { background:#fff url('../img/header/sns_band@3x.png') center no-repeat; background-size:13px 17px; }
  #header .menu ul.share li.kakao a { background:#fff url('../img/header/sns_kakao@3x.png') center no-repeat; background-size:9px 17px; }
}


@media screen and (max-width:330px) {
  #main .main-nav nav ul li a { letter-spacing:-1px; }
}