/* BASIC css start */
.header_top { text-align:center; position:relative; background: #d1e5e9; }
.header_top a {display:inline-block; width:100%; height:100%; }
.header_top a img {width:100%}
.header_top .closed_btn { position: absolute;  top:0px; right: 0px; width:26px; height: 26px; background: url(/design/jh2018/smartpc_2019/img/icon/close_btn.svg) no-repeat center; background-size: 40%; z-index: 3;}
#topBanner {display:none;}


.header_fix {height:55px;position:relative;display: flex;align-items: center;justify-content: space-between; padding:0 16px}
.header_fix .logo_box {display:inline-block; width:120px; }
.header_fix .gnb_list {display: flex;align-items: center;justify-content: space-between; }
.header_fix .gnb_list li a {display:inline-block;font-size: 12px;font-weight: bold; color: #333; }
.header_fix .gnb_list li {margin-right:10px; }
.header_fix .gnb_list li:last-child {margin-right:0; }
.header_fix .gnb_list li.basket a {width: 26px;height: 28px;background: url(/design/jh2018/renewSkin/img/icon_cart.png) no-repeat center/26px;position:relative;}
.header_fix .gnb_list li.basket .count {position: absolute; display: block; width: 16px; height: 16px; line-height: 16px; top: 2px; left: 50%; color: #444; font-size: 8px; font-weight: normal; text-align: center; border-radius: 18px; background: #111111; z-index: 23; color: #fff;} 
.header_fix .gnb_list li.search {margin-left:5px}
.header_fix .gnb_list li.search a {width: 24px;font-size: 24px;text-align: center; color:#626262 }

#header.fixed .header_fix {position: fixed; top: 0px;left:0; width: 100%;transition: all 0.5s ease 0s; transform: translateY(0px); background: rgba(255, 255, 255, 0.9); z-index:100}


#hamburger { position: fixed; top: 0px; left:-100%; width: 100%; width: 100%; height: 100%; background: #fff; z-index: 100; padding:20px 0px 80px; overflow: auto; transition: all 0.3s; -webkit-overflow-scrolling: touch; }
#hamburger .hamburger_inner {position:relative; padding-top:30px;}
#hamburger .hamburger_closed {  position: absolute; top:0; right:20px; width: 20px; height: 20px; background: url(/design/jh2018/smartskin_2019/img/close.svg) no-repeat; }
#hamburger .toggleHd {display:block; position:relative; }
#hamburger .toggleHd:after {  content: "\e941"; font-family: xeicon!important; display: inline-block; position: absolute; top: 50%; right: 0; font-size: 14px; transform: translate(0, -50%); }
#hamburger .no_sub .toggleHd:after {display:none; }
#hamburger .toggleCont {display:none; }
#hamburger .toggleCont.active {display:block; }
#hamburger .category_box {padding:0 20px}
#hamburger .category_box .category {margin-bottom:20px}
#hamburger .category_box .cate_head {font-size:23px; line-height: normal; font-weight: bold; color: #222; }
#hamburger .category_box .cate_head:after {font-size:20px }
#hamburger .category_box .cate_head.on:after { -ms-transform: translate(0, -50%) rotate(180deg); -webkit-transform: translate(0, -50%) rotate(180deg); transform: translate(0, -50%) rotate(180deg); }
#hamburger .category_box .cate_content  {margin:16px 0 20px;}
#hamburger .category_box .cate_mid_head {padding: 8px 0; font-size: 14px; font-weight: bold; border-bottom: 1px solid #979797; }
#hamburger .category_box .cate_sm_head  {padding:8px 15px; font-size:14px; border-bottom: 1px solid #979797; }
#hamburger .category_box .cate_sm_head:after {font-size:12px; right:15px}
#hamburger .category_box .cate_sm_list li {padding: 8px 30px; font-size:14px; border-bottom: 1px solid #979797; }
#hamburger .category_box .cate_sm_list li a {display:block; }
#hamburger .no_sub a {display:block; }
#hamburger .new {display: flex;position:relative;align-items: center;}
#hamburger .new:after {content: "N";display: flex;width: 20px;height: 20px;border-radius: 100%;color: #fff;background: #fd4649;justify-content: center;align-items: center;font-size: 12px;margin-left: 6px;}

#hamburger .login_menu {  padding:0 20px; margin-top: 30px; display: flex; align-items: center; justify-content: flex-start; }
#hamburger .login_menu li {position:relative; display: flex; align-items: center;}
#hamburger .login_menu li:after {content:"/"; display:inline-block; margin:0 10px}
#hamburger .login_menu li:last-child:after {display:none; }
#hamburger .login_menu li a {display:inline-block; font-size: 14px;font-weight: bold;color: #000;}

#hamburger .cate_view_box {margin:40px 0; }
#hamburger .cate_view_box .tit {font-size: 18px;font-weight: 600;color: #222; margin-bottom:10px; padding:0 20px }
#hamburger .cate_view_box .cate_view_list  {padding:0 20px; box-sizing:border-box; }
#hamburger .cate_view_box .prdList li {margin:0}
#hamburger .cate_view_box .prdList li .thumbnail {text-align:center;  }

#hamburger .cate_banner_box {margin-top:40px; }


#searchArea { display:none; position: fixed; top: 0px; left: 0%; width: 100%; height: 100%; background: #fff; z-index: 100; padding: 20px 4% 80px; overflow: auto; transition: all 0.3s; -webkit-overflow-scrolling: touch; }
#searchArea .search_inner { position: relative; width: 100%; height: 100%; }
#searchArea .search_closed {  position: absolute; top: -50px; right: 0px; font-size: 26px; z-index:1}
#searchArea .search_con { position: relative; margin-top:55px; }
#searchArea .search_con .MS_search_word { height:35px;  border: none;     border: 1px solid #000 !important; width: 100%; padding: 0 42px 0 10px; box-sizing: border-box }
#searchArea .search_con .search_btn { display: flex; width:35px; height: 35px; position: absolute; top: 0; right: 0; background: #000; color: #fff; font-size: 24px; align-items: center; justify-content: center; }
#searchArea .search_keyword_list  { height: 175px; border:1px solid #aaa; border-bottom:none;}
#searchArea .search_keyword_list::after { content:''; display:block; position: absolute; bottom:0; width:100%; height:1px; background:#aaa; z-index: 1;}
#searchArea .search_keyword_list .swiper-slide {font-size:14px; line-height:35px; border-bottom:1px solid #aaa; text-align: center; color: #a5a5a5; }
#searchArea .search_keyword_list .swiper-slide.swiper-slide-active { border-bottom: 1px solid #111111; margin: 0 auto; background:#111111;}
#searchArea .search_keyword_list .swiper-slide a {color: #888;display: inline-block;  width: 100%; height: 100%;}
#searchArea .search_keyword_list .swiper-slide.swiper-slide-active a { color: #fff; }
#searchArea .search_keyword {margin-top:25px; text-align:center; }
#searchArea .search_tit {font-size:22px; font-weight:bold; margin-bottom:20px; }
#searchArea .search_bestkeyword {margin-top:60px; }
#searchArea .bestkey_tit {font-size: 16px; text-align:center; margin-bottom:20px; }
#searchArea .search_bestkeyword_list {text-align:center; font-size:0 }
#searchArea .search_bestkeyword_list a { border-left: 1px solid #e8e8e8; padding: 0 15px; display: inline-block; font-size: 14px; margin-bottom:10px;  }
#searchArea .search_bestkeyword_list a:nth-child(1) {border:none; }


#f2s-ranking {width:100%; height:auto; }
#f2s-ranking .title-wrap {display:none; }
#f2s-ranking .keyword-wrap {border:none; height:auto;  }
#f2s-ranking .keywords-sub {position:static; }
#f2s-ranking .keywords-num {display:none; }
#f2s-ranking .keywords {height:auto; text-align:center;  }
#f2s-ranking .keywords li {display:inline-block;  position:realtive; border-left: 1px solid #e8e8e8;  padding: 0 15px; display: inline-block; font-size: 14px; margin-bottom: 10px; }
#f2s-ranking .keywords li:nth-child(1) {border:none; }
#f2s-ranking .keywords li a {padding:0; font-size:14px; font-family: 'Noto Sans KR',"Helvetica Neue", Helvetica, NanumGothic,"Malgun Gothic",Dotum,Gulim,sans-serif;}



/* BASIC css end */