/* BASIC css start */
#navi {  position: fixed; bottom: 0; left: 0; width: 100%; background: #fff; z-index: 100; border-top: 1px solid #e5e5e5; padding-top:5px}
.navi_list { display: flex; align-items: center; justify-content: space-evenly; }
.navi_list li {width:25%; text-align:center;}
.navi_list li a {display:block; font-size:11px}
.navi_list li a span {  display: block; width: 25px; height: 25px; position: relative; margin: 0 auto 2px; background-repeat: no-repeat; background-position: center; background-size:95%; }
.navi_list li.menu span { background-image: url('/design/jh2018/smartskin_2019/img/fix_menu.png');}
.navi_list li.cart span { background-image: url('/design/jh2018/smartskin_2019/img/ic_cart.png'); }
.navi_list li.home span { background-image: url('/design/jh2018/smartskin_2019/img/ic_home.png');}
.navi_list li.login span { background-image: url('/design/jh2018/smartskin_2019/img/fix_my.png');}
.navi_list li.logout span { background-image: url('/design/jh2018/smartskin_2019/img/ic_logout.png');}
.navi_list li.join span {  background-image: url('/design/jh2018/smartskin_2019/img/ic_join.png');}
.navi_list li.mypage span { background-image: url('/design/jh2018/smartskin_2019/img/fix_my.png'); }
.navi_list li.love span {background-image: url('/design/jh2018/smartskin_2019/img/ic_love.png');}
.navi_list li.recent span {background-image: url('/design/jh2018/smartskin_2019/img/fix_view.png');}
.navi_list li.top span {background-image: url('/design/jh2018/smartskin_2019/img/ic_top.png');}
.navi_list li.home span {background-image: url('/design/jh2018/smartskin_2019/img/fix_home.png');}


.navi_list li.menu span { background-image: url('/design/jh2018/renewSkin/img/icn_cate.png');}
.navi_list li.love span {background-image: url('/design/jh2018/renewSkin/img/icn_like.png');}
.navi_list li.home span {background-image: url('/design/jh2018/renewSkin/img/icn_home.png');}
.navi_list li.recent span {background-image: url('/design/jh2018/renewSkin/img/icn_recent.png');}
.navi_list li.login span { background-image: url('/design/jh2018/renewSkin/img/icn_mypage.png'); }



#wishSubmitLayer {
  /*     display: block !important; */
  display: none;
  position: fixed;
  z-index: 100;
  width: 300px;
  top: 34%;
  left: 50%;
  margin-top: -35px;
  margin-left: -150px;
  text-align: center;
  background-color: rgba(255, 255, 255, .9);
  padding: 0;
  border-radius: 7px;
  box-shadow: 0 0 3px rgba(50, 50, 50, .5);
}

#wishSubmitLayer .wishSubmitLayerWrap {
  display: -webkit-box;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  height: 100%;
  padding: 10px;
}

#wishSubmitLayer .wishSubmitLayerWrap > div.contents {
  display: block;
}

#wishSubmitLayer .title {
  font-weight: bold;
  font-size: 15px;
  margin: 10px 0 15px;
  color: #333;
}

#wishSubmitLayer .title span {
  display: block;
}

#wishSubmitLayer .title span.off {
  display: none;
}

#wishSubmitLayer.off .title span.on {
  display: none;
}

#wishSubmitLayer.off .title span.off {
  display: block;
}

#wishSubmitLayer .sub {
  font-size: 14px;
  line-height: 1.5;
  padding: 10px 0;
}

#wishSubmitLayer a {
  font-size: 14px;
  border-radius: 3px;
  height: 36px;
  line-height: 36px;
  padding: 0 10px;
  display: inline-block;
  background: #111111 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 0px;
  height: 38px;
  line-height: 38px;
}
.wishLayer {
    position: fixed;
    background: #Fff;
    width: 100%;
    left: 0;
    bottom: 45px;
    z-index: 30;
    box-shadow: 0 -1px 3px rgba(100, 100, 100, .5);
    display: none;
    padding: 10px 0;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.wishLayer.on {display:block;}
.wishLayer .title {
    padding:0 10px;
    color: #000;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
}
.wishLayer .title strong {
    display: inline-block;
    font-size: 15px;
}
.wishLayer .wishLayerClose, .wishLayer .wishLayerDeleteAll {
    float: right;
    margin-left: 10px;
    padding: 5px;
    border-radius: 3px;
    border: 1px solid #000;
}
.wishLayer .wishLayerDeleteAll {
    background: #aaa;
    color: #fff;
    border-color: #aaa;
}
.wishLayer .wishProductWrap {padding:0 10px; width:100%; overflow:hidden;}
.wishLayer .wishProductWrap .swiper-slide {margin-bottom:0;}
.wishLayer .wishProductWrap .emptyItem {display:block; min-height:100px; text-align:center; line-height:100px;}
.wishLayer .wishProductWrap.has_item .emptyItem {display:none;}


/* ==================================================================
- 메인 > 하단 커스텀 시작
================================================================== */
#footer {margin: 0; margin-bottom:30px; border-top:1px solid #e5e5e5;}
#footer .wrapper {overflow:hidden;}
#footer .section01 {padding: 40px 15px 0px;}
#footer .section01 .title {font-size: 14px; font-weight: bold; color: #444; margin-bottom:10px}
#footer .section01 .shop_info {margin:0; margin-bottom: 0; width: 100%; overflow: hidden; display: -webkit-flex; display: flex;}
#footer .section01 .shop_info .wrap {-webkit-flex: 1; -ms-flex: 1; flex: 1;}
#footer .section01 .shop_info .wrap .tel {font-size:22px; font-weight: bold; color: #000; margin: 0 0 10px;}
#footer .section01 .shop_info .wrap .btn_area {position: relative; overflow: hidden; padding: 10px 0; clear: both;}
#footer .section01 .shop_info .wrap .btn_area a {width: 70%; display: block; height: 35px; line-height: 32px; margin: 0; margin-bottom: 5px; font-size: 12px; text-align: center;}
#footer .section01 .shop_info .wrap .btn_area a span {font-size:11px; display:block; color:#888; border:1px solid #e8e8e8; padding:0 10px;}
#footer .section01 .shop_info .wrap .sms_title {font-size: 12px; color: #444; margin: 0 0 5px 0;}
#footer .section01 .shop_info .wrap span {font-size: 11px; display: block; color: #888;}
#footer .section01 .shop_info .wrap .sms_title.bank {margin-top:20px;}
#footer .deliveryTxt {margin-top: 15px; margin-bottom: 20px; font-size:12px;  text-align: left; color: #333;}
#footer .deliveryTxt span {display:block; margin-bottom:4px; font-size: 14px; font-weight: bold; }


#footer .sns_wrap {display: flex;  overflow: hidden; justify-content: center; align-items: center;}
#footer .sns_wrap {margin-bottom:15px; text-align: center; overflow: hidden;}
#footer .sns_wrap div {display: inline-block; font-size: 12px;}
#footer .sns_wrap div a {display: block; margin:0 5px; font-size: 11px; border-radius:50px; background:#f5f5f5;}
#footer .sns_wrap div a b {display: block; width: 32px; height: 32px;}
#footer .sns_wrap div a span {display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#footer .sns_wrap div a b {background-size: 45%; background-repeat: no-repeat; background-position: center; font-size: 22px; color: #000; line-height: 30px;}
#footer .sns_wrap .face a b {background-image: url("/design/jh2018/smartskin_2019/img/facebook.svg");}
#footer .sns_wrap .insta a b {background-image: url("/design/jh2018/smartskin_2019/img/insta.svg");}
#footer .sns_wrap .blog a b {background-image: url("/design/jh2018/smartskin_2019/img/blog.png"); background-size: 55%;}
#footer .sns_wrap .youtube a b {background-image: url("/design/jh2018/smartskin_2019/img/youtube.svg");}
#footer .sns_wrap .navertalk a b {background-image: url('/design/jh2018/smartpc_2019/img/icon/sns_navertalk.png'); background-size: 60%;}
#footer .sns_wrap .kakao a b {background-image: url('/design/jh2018/smartskin_2019/img/login_sns_kakao.png'); background-size: 65%; font-size:0}


/* 이용안내 시작 */
#footer .menu_wrap {text-align: center;}
#footer .menu_wrap ul {overflow: hidden; box-orient: horizontal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; text-align:center;}
#footer .menu_wrap ul li {display:inline-block; position: relative; padding:0 15px; height: 35px; line-height: 35px; text-align: center; font-size: 11px; color: #444;}
#footer .menu_wrap ul li a {display: block;}
#footer .menu_wrap ul li span {position: absolute; top: 0px; right: 0; display: inline-block; font-weight: bold; color: #444; padding: 0; background: none;}

#footer .footer_shopinfo_wrap {overflow: hidden;}
#footer .footer_shopinfo_wrap .company_btn {cursor:pointer; text-align: center; margin: 20px 10px; padding: 10px 0; font-size: 12px; font-weight: bold; color: #444; border: 1px solid #e5e5e5;}
#footer .footer_shopinfo_wrap .company_btn:after {content:"\f107"; font-family: "FontAwesome"; margin-left:5px;}
#footer .footer_shopinfo_wrap .company_btn.on:after {content:"\f106";}
#footer .footer_shopinfo_wrap .company_info {margin: 20px 0; padding: 0 15px; text-align: left;}

#footer .copyright {margin-bottom: 40px; padding: 0 15px;}
#footer .copyright ul li {line-height: 16px; font-size: 11px; font-weight: normal; color: #888;}

#footer .company_info {margin: 20px 0; padding: 0 15px; text-align: left;}
#footer .company_info .infobody .infobodyInTxt {margin-bottom: 8px;}
#footer .company_info li b, #footer .company_info li b a, #footer .company_info li b span {display: inline-block; font-weight: normal; color: #aaa; font-size: 10px;}

@media screen and (min-width: 768px){
    #footer .wrapper {overflow: hidden; width: 100%; clear: both; border-bottom: 1px solid #D2D2D2;}
    #footer .section01 {width:70%; float: left;}
    #footer .section03 {width:30%; float:right;}
    
    #footer .section03 .menu_wrap {border-top: none;}

    #footer .section03 .menu_wrap {padding: 10px;}
    #footer .section03 .menu_wrap  ul {border: 1px solid #e5e5e5; display: block;}
    #footer .section03 .menu_wrap  ul li {width: 100%; display: block; border-bottom: 1px solid #ddd; height: 40px; line-height: 40px; color:#444}
    #footer .section03 .menu_wrap  ul li:last-child {border-bottom: none;}
    
}

#goTopEnd {position:fixed; bottom:60px; right:10px; z-index:10;}
#goTopEnd .sns_wrap {display: block; width:30px; overflow: hidden;}
#goTopEnd .sns_wrap { text-align: center; overflow: hidden;}
#goTopEnd .sns_wrap div {display: block; margin-bottom:5px; font-size: 12px;}
#goTopEnd .sns_wrap div a {display: block; font-size: 11px; border-radius:30px; background:#f5f5f5;}
#goTopEnd .sns_wrap div a b {display: block; width: 30px; height: 30px;}
#goTopEnd .sns_wrap div a span {display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#goTopEnd .sns_wrap div a b {background-size: 45%; background-repeat: no-repeat; background-position: center;font-size: 22px; color: #000; line-height: 30px;}
#goTopEnd .sns_wrap .face a b {background-image: url("/design/jh2018/smartskin_2019/img/facebook.svg");}
#goTopEnd .sns_wrap .insta a b {background-image: url("/design/jh2018/smartskin_2019/img/insta.svg");}
#goTopEnd .sns_wrap .blog a b {background-image: url("/design/jh2018/smartskin_2019/img/blog.png"); background-size: 55%;}
#goTopEnd .sns_wrap .youtube a b {background-image: url("/design/jh2018/smartskin_2019/img/youtube.svg");}
#goTopEnd .sns_wrap .navertalk a b {background-image: url('/design/jh2018/smartpc_2019/img/icon/sns_navertalk.png'); background-size: 60%;}
#goTopEnd .sns_wrap .kakao a b {background-image: url('/design/jh2018/smartskin_2019/img/login_sns_kakao.png'); background-size: 65%; font-size:0}


#goTopEnd .goRecent {  display: block; width: 35px; height: 35px; border-radius: 100%; margin-bottom: 5px; font-size: 0; border: 1px solid #000; background: #111 url(/design/jh2018/smartpc_2019/img/icon/go_recent.svg) no-repeat center; background-size: 55%; text-indent: -9999px; }
#goTopEnd button { display: flex; width: 30px; height: 30px; border-radius: 100%; font-size:16px; background: #f5f5f5; justify-content: center; align-items: center; }
#goTopEnd button span { visibility: inherit; line-height: 1; }
#goTopEnd button.goTop { margin-bottom: 5px; }
#goTopEnd button.goEnd { }

/* BASIC css end */