/* BASIC css start */
.bold {font-weight:bold !important}

.hdEasing {-khtml-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}


/* 상단 */
#hdWrap .hdCateArea { position:relative; /*max-width: 1920px;*/ min-width:1742px; width: 100%; height: 90px; border-bottom: 1px solid #ececec; box-sizing:border-box; padding:16px 3%;z-index: 9999;;background:#fff; }
#hdWrap .hdCateArea .tLogoS { display:inline-block;margin-top: 17px; margin-left:38px; vertical-align:top;}
#hdWrap .hdCateArea .tLogoS img {height:21.5px}
#hdWrap .hdCateArea .hdCate {position:relative;font-size:0;text-align:left;width:100% ;}

#hdWrap .hdArea.fix .hdCateArea { position:fixed;top: 0;left:0;right:0;width:100%; z-index:100;border-bottom: 1px solid #ececec;box-shadow: 0px 2px 3px 0px #1919190a; height:65px; padding: 4px 3%;}
#hdWrap .hdArea.fix .joinLinkBox .joinPoint, #hdWrap .hdArea.fix .point:before {display:none; }

#hdWrap .hdTop { position:relative; background: #000; width: 100%; height: 35px; line-height: 35px; top: 0; color: #fff; text-align: center; transition: all 0.1s; }
#hdWrap .topBannerSilde { overflow:hidden; height:35px; }
#hdWrap .topBannerSilde .swiper-slide a { display:block; line-height: 35px; color: #fff; font-size:12px; font-weight:bold; }


#hdWrap .icn_menu { position:absolute; top:0; right:0; }
#hdWrap .icn_menu > a {display:inline-block; vertical-align:top;  }
#hdWrap .icn_menu .goSearch {margin-top:-1px;margin-right: 20px; height:57px; line-height:57px;box-sizing: border-box;}
#hdWrap .icn_menu .goSearch img {height: 35px;}
#hdWrap .icn_menu .topCartBtn {margin-right: 16px;  height:57px;line-height: 55px;position:relative; }
#hdWrap .icn_menu .topCartBtn img {height: 26px;}
#hdWrap .icn_menu .topCartBtn .cartNum {position:absolute;top: 22px;right: -6px;width: 16px;height: 16px;border-radius: 100%;background: #000;color: #fff;font-size: 8px;text-align: center;line-height: 16px;} 
#hdWrap .hide_memu {display:inline-block; }
#hdWrap .joinLinkBox { position:relative;}
#hdWrap .joinLink {display:inline-block;vertical-align:top; height:57px;line-height: 55px;}
#hdWrap .joinLink img {height: 32px;}
#hdWrap .joinLinkBox .point {display:inline-block; position:relative; }
#hdWrap .joinLinkBox .point:before {content: '';position: absolute;top: 9px;left: 50%;/* height: 10px; */margin-left: -4px;border-width: 7px 5px 0px 5px;border-style: solid;border-color: #fee500 transparent;}
#hdWrap .joinLinkBox .joinPoint {display: block;position: absolute;top:-12px;left:0;width: 84px;line-height: 15px;margin-left: -28px;border-radius: 50px;font-size: 12px;color: #000; background:#fee500; text-align: center;animation: upDown 0.7s linear Infinite normal;0px 2pFONT-VARIANT: JIS83;box-shadow: 0px 1px 3px #c3c3c399;padding:3px 0;}
#hdWrap .hide_memu .depth2 {display:none;position: absolute;background: rgba(255,255,255,1);top: 57px;left: 50%;width:150px;margin-left:-75px;padding: 10px 0;box-shadow: 0px 2px 3px 0px #1919190a;z-index: 97;text-align: center;}
#hdWrap .hide_memu .depth2 li a { display: block; height:auto; line-height: 26px;font-size:14px; font-weight: 400}
#hdWrap .hide_memu .depth2 li a:hover { background:#f1f1f1; color:#111; border-bottom: 0 }

#hdWrap .hdArea.fix .topCartBtn .user_basket_quantity{background: #2b3244;  color: #fff; border-radius: 100%; font-size: 12px; width: 20px; height: 20px; display: block; text-align: center; line-height: 20px;}

/* 전체보기버튼 장바구니버튼 */
#hdWrap .hdCate .menuArea {display:inline-block;margin-top:20px;position:relative;vertical-align:top;margin-right: 16px;}
#hdWrap .hdCate .menuArea a {display:block;width: 23px;height: 23px; text-align: center;}
#hdWrap .hdCate .menuArea a .menu { display: block; width: 23px; height: 2px; background: #000; position: absolute; left: 0; transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; }
#hdWrap .hdCate .menuArea a .menu.line02 { top: 7px }
#hdWrap .hdCate .menuArea a .menu.line03 { top: 14px }
#hdWrap .hdCate .menuArea:hover a .menu.line01 { width: 20px }
#hdWrap .hdCate .menuArea:hover a .menu.line02 { width: 15px }
#hdWrap .hdCate .menuArea.open .menu.line01 { width: 23px !important; top: 7px; transform: rotate(45deg); -webkit-transform: rotate(45deg); }
#hdWrap .hdCate .menuArea.open .menu.line02 { display: none } 
#hdWrap .hdCate .menuArea.open .menu.line03 { width: 23px!important; top: 7px; transform: rotate(135deg); -webkit-transform: rotate(135deg); } 


/* 카테고리 */
#hdWrap .hdCate .cateWrap {display:inline-block;position:relative;font-size: 0;  width:80%; min-width:1345px; text-align:center;  }
#hdWrap .hdCate .cateWrap .tmenu {display: inline-block;position: relative;margin: 0 8px;font-size: 0;-webkit-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;vertical-align:top; }
#hdWrap .hdCate .cateWrap .tmenu:after {content:'';display: block;width: 100%;height: 2px;background:#2b3244;;position: absolute;bottom: 0;left:0;-moz-transform: scaleX(0);-ms-transform: scaleX(0);-webkit-transform: scaleX(0);transform: scaleX(0);-moz-transition: 0.3s;-o-transition: 0.3s;-webkit-transition: 0.3s;transition: 0.3s;}
#hdWrap .hdCate .cateWrap .tmenu:hover::after { display: block; -moz-transform: scaleX(1); -ms-transform: scaleX(1); -webkit-transform: scaleX(1); transform: scaleX(1); }
#hdWrap .hdCate .cateWrap .tmenu a {display:block;font-size: 16px;position: relative;height:57px;font-weight: 4000;line-height:57px;letter-spacing: 1.25p;vertical-align:top;-moz-transition: ease-out 0.3s 0.1s;-o-transition: ease-out 0.3s 0.1s;-webkit-transition: ease-out 0.3s;-webkit-transition-delay: 0.1s;transition: ease-out 0.3s 0.1s;}
#hdWrap .hdCate .cateWrap .tmenu a.tmenuB { font-weight:600; *line-height:64px; }
#hdWrap .hdCate .cateWrap .tmenu .depth2 {display:none;position: absolute;background: rgba(255,255,255,1);top: 57px;left: 50%;width:150px;margin-left:-75px;padding: 10px 0;box-shadow: 0px 2px 3px 0px #1919190a;z-index: 97;text-align: center;}
#hdWrap .hdCate .cateWrap .tmenu .depth2 li a { display: block; height:auto; line-height: 26px;font-size:14px; font-weight: 400}
#hdWrap .hdCate .cateWrap .tmenu .depth2 li a:hover { background:#f1f1f1; color:#111; border-bottom: 0 }
#hdWrap .hdCate .cateWrap .tmenu a.ic_new:before {content: ""; display:inline-block;width: 6px;height: 6px;line-height: 14px;background:#f1191f; box-sizing:border-box;position: absolute;top: 14px;right: -6px;border-radius: 100%;}
#hdWrap .hdCate .cateWrap .tmenu a.point {color:#f1191f}

.tioline{  display: inline-block;line-height: 57px; margin-top: 19px; padding: 0 10px; }
.tioline span{  width: 1px; height: 20px; background: #bfbfbf; display: block;  }    
    
@media screen\0 {
    #hdWrap .hdCate .cateWrap .tmenu a.tmenuB { line-height:64px }
}
_:-ms-lang(x), #hdWrap .hdCate .cateWrap .tmenu a.tmenuB { line-height:64px }


#hdWrap .topRight {position: absolute;right: 0;top: 22px;}
#hdWrap .topRight li {position: relative;padding: 0 14px;display: inline-block;height: 24px;line-height: 24px;}
#hdWrap .topRight li a {font-size: 22px;}
#hdWrap .topRight li.cartArea {border-left: 1px solid #ddd;padding-right: 7px;}
#hdWrap .topRight li.cartArea .bsCount {position: absolute;left: 50%;top: -1px;width: 14px;height: 14px;line-height: 14px;border-radius: 14px;background-color: #e8e8e8;text-align: center;font-size:11px;margin-left: 7px;}
#hdWrap .searchArea {display:none;position:absolute;top: -3px;right: 50px;width: 180px;height: 30px;}
#hdWrap .searchArea form{height:100%;}
#hdWrap .searchArea .searchWrap{position:relative;display:block;border-bottom: 1px solid #111;padding-right: 25px;height:100%;background: #fff;height: 29px;}
#hdWrap .searchArea input{border:0;height:100%;padding:0 5px;width: 140px;line-height: 30px;background: transparent;}
#hdWrap .searchArea .searhBtn{position:absolute;top: 0;right:0;bottom:0;display:block;width: 25px;text-align:center;font-size: 18px;line-height: 30px;}


/* 전체보기 레이어 */
.allMenu {display:none;position:relative;top:0px;left: 0; width: 100%; z-index: 100;}
.allMenu #btn-allMenuClose {width: 40px;height: 40px;font-size: 20px;text-align:center;line-height: 40px;background: #fff;cursor:pointer;margin-left: -10px;}
.allMenu .allMenuBx { width:100%; min-width:1280px; background: rgba(255,255,255,1); z-index: 98;}
.allMenu .allMenuBx .allMenuInner {padding: 25px 0;box-sizing: border-box;overflow:hidden;width: 1320px;margin: 0 auto;}
.allMenu .allMenuBx .allMenuInner .allMenuList {float: left;width: 12%;padding-left: 3%;}


.xline{border-left:1px solid #ececec}
.lpNone{padding-left:0 !important}


.allMenu .allMenuBx .allMenuInner a { font-size: 16px; font-weight: 600 }
.allMenu .allMenuBx .allMenuInner ul li { margin: 22px 0 }
.allMenu .allMenuBx .allMenuInner ul li:first-child { margin-top: 0 }  
.allMenu .allMenuBx .allMenuInner dl.topMenu {height: 349px;}
.allMenu .allMenuBx .allMenuInner dl dt { margin-bottom: 10px }
.allMenu .allMenuBx .allMenuInner dl dt a {font-size: 15px;font-weight: 600;}
.allMenu .allMenuBx .allMenuInner dl dd { line-height: 27px; margin: 5px 0 }
.allMenu .allMenuBx .allMenuInner dl dd a { font-size:14px; font-weight: 400 }
.allMenu .allMenuBx .allMenuInner dl.bottomMenu {height: 179px !important;}

.allMenu .allMenuBx .allMenuInner .allBanner {padding-left: 26%; border-left: 1px solid #ececec; height: 212px;} 

.allMenu .allMenuBx .allMenuInner .allBanner a{display:inline-block}

/* 다찾다 자동완성*/
.search-auto-complete-list { display:none; z-index:1; position:absolute; top:40px; left:0; border:1px solid #ddd; border-top:1px solid #000; line-height:14px; background:#fff; }
.search-auto-complete-list ul { width:202px; padding:4px 0 6px; border-bottom:1px solid #ddd; }
.search-auto-complete-list ul li { text-align:left; }
.search-auto-complete-list ul li.on { background:#f3f3f3; }
.search-auto-complete-list ul li a { display:block; padding:8px 14px 7px; color:#000; background:none; font-family:'dotum'; font-size:12px; letter-spacing:-1px; }
.search-auto-complete-list ul li a strong { color:#ab3e41; }
.search-auto-complete-list ul li a:hover { background:#f2f2f2; }
.search-auto-complete-list ul li a:hover span { border-bottom:1px solid #000; }
.search-auto-complete-list .search-list-close { display:block; padding:10px 11px; text-align:right; color:#999; font-size:11px; }


#hd_search {position: fixed;z-index: 101;right:-470px;top:75px;/*bottom: 0;height:661px;*/width: 470px;background: #fff;padding: 80px 35px 30px 35px;box-sizing: border-box;-webkit-transform: translateZ(0);border: 1px solid #ececec;}
#hd_search h1 {font-size: 30px; padding-bottom: 15px; color:#000; font-weight:600;  }
#hd_search .search_wrap {border-bottom: 2px solid #000;border-radius: 2px;}
#hd_search .search_wrap .MS_search_word {width: 90%; max-width: 350px; height: 60px; padding: 0 0 0 9px; border: 0; line-height: 60px; font-size: 15px; color: #000; background: #fff; font-weight: bold; letter-spacing: 1px; }
#hd_search .search_wrap a {display:inline-block; *display:inline;font-size: 24px;}
#hd_search .word {margin-top:30px; }
#hd_search .word p {font-size: 21px; margin-bottom: 20px; display: block; font-weight:500; color:#000; }
#hd_search .word ul {margin-bottom:10px; }
#hd_search .word li a {display: block;font-size: 15px;position: relative;padding: 5px 7px;margin: 0 7px 10px 0;}
#hd_search .word li a:hover { background: #000; color: #fff; }
#hd_search .word li a:before { content: '#'; margin-right: 5px; }
#hd_search .searchClose {position: absolute;top: 40px;right: 35px;cursor: pointer;font-size: 24px;}
#hd_search .searchClose img { width: 20px; }
#hd_search.show {right: 55px;}
.asideBack {position: fixed; background-color: rgba(0,0,0,0.6); top: 0px; left: 0; right: 0; bottom: 0; z-index: 100; visibility: hidden; opacity: 0; filter: alpha(opacity=00); }
.asideBack.show { visibility: visible; opacity: 1; filter: alpha(opacity=100); }

#hdWrap .hdArea.fix #hd_search  {top:57px; }


/* BASIC css end */