/* BASIC css start */
body.fix{overflow:hidden;}
.menu_on {height:100%; overflow:hidden;}
.menu_off {height:auto; overflow:initial;}

#header.fixed .inAppHideArea {display:none;}
#header {width:100%; position:relative; background:#fff;}
#header.fixed {position:fixed; top:0; left:0; width:100%; z-index:100; background:rgba(255,255,255,0.7);}
#header .top-pt-01 {position:fixed; top:0; left:0; right:0; z-index:100;}
#header .top-pt-02 {position:fixed; top:0; left:0; right:0; z-index:100;}
#header .headerTop {min-width:275px; text-align#header .headerBottom .headerBottomLeft:center; padding-right:45px; background-color:#3e4347;}
#header .headerTop a {width:25%; height: 36px; line-height: 36px; background-color:#3e4347; color:#fff; display:inline-block; border-left:1px solid #373737; margin-left:-1px;}
#header .headerTop a .fa {vertical-align:top; position: relative; top:12px;}
#header #menu {width:45px; background-color:#ab3e41; position:absolute; right:0;}
#header #menu .fa {top:5px;}
#header .headerBottom {height:46px; position:relative;}
#header .headerBottom .headerBottomLeft {position:absolute; top:50%; left:20px; margin-top:-7px;}
#header .headerBottom .headerBottomRight {position:absolute; top:50%; right:15px; margin-top:-10px;}


#header .headerBottom .headerBottomRight a.menuBtn {width:20px; height:20px; background:url(http://jogunshop.img18.kr/web/intop/m/ico_menu.png) no-repeat 0 0; background-size:100%; display:block; }


#header .headerBottom .headerBottomSearch {position:absolute; top:50%; right:50px; margin-top:-10px;}
#header .headerBottom .headerBottomSearch a.searchBtn {width:20px; height:20px; background-size:100%; display:block; font-size:20px;}
#header .headerBottom .headerBottomSearch a.searchBtn i {vertical-align:top;}

#header .headerBottom .headerBottomRight .cart {position:relative;}
#header .headerBottom .headerBottomRight .cart sup {width:12px; height:12px; background-color:#f1191f; color:#fff; border-radius:6px; position:absolute; top:-12px; right:-5px; text-align: center; line-height: 12px;}
#header .search {height:42px; position:relative; left:0; right:0; background-color:#ab3e41; padding-right:45px; text-align:center; display:none; z-index:10;}
#header .search .searchBox {width:100%; position:relative;}


#header .search .searchBox input {width:90%; height:30px; border:0px none; margin-top: 6px; padding: 0 5px;}
#header .search .btn_search {width:45px; height:42px; line-height:50px; background-color:#822023; position:absolute; top:0; right:0; color:#fff; text-align:center;}

/* 카테고리 */
aside {position:fixed; width:100%; height:100%; top:0; right:-100%; background-color:#fff; overflow-y:auto; z-index:1000; transition:all 0.3s;}
aside.active {right:0;}
aside .asideUtil{position:relative; background:#5c5c5c; text-align:center; height:45px;}
aside .asideUtil ul{font-size:0;}
aside .asideUtil ul li{display:inline-block; margin:0 15px; line-height:45px;}
aside .asideUtil ul li a {font-size:13px; color:#fff;}
aside .asideUtil ul li a span.bsCount{text-decoration:underline;}
aside .asideUtil .asideClose {cursor:pointer; position:absolute; font-size:20px; line-height:20px; color:#fff; top:50%; right:10px; margin-top:-10px; z-index:10;}
aside .asideTop {text-align:center; padding:0 25px; font-size:0; margin-top:30px;}
aside .asideTop a {width:calc(50% - 5px); display:inline-block; height:35px; font-size:14px; line-height:35px; box-sizing:border-box; border:1px solid #dbdbdb; color:#5c5c5c;}
aside .asideTop a:last-child {margin-left:10px;}
aside .asideTop a.act {border:1px solid #5c5c5c; background:#5c5c5c; color:#fff;}
aside nav {padding:0 25px; margin-top:30px;}
aside nav li {position:relative;}
aside nav li a {display: block; height: 35px; line-height:35px; padding:0 0 0 20px; font-size:14px; color:#000;}
aside nav li .fa {position: absolute; top:0; right: 0; width: 40px; text-align: center; height: 35px; line-height:35px;}
aside nav li > ul {background-color:#f4f4f4; display:none; padding: 10px 0; margin-bottom: 20px;}
aside nav li > ul > li {border-bottom:0px none;}
aside nav li > ul > li:first-child {border-top:0px none;}
aside nav li > ul > li a {padding:0 40px 0 30px; margin: 0;}
aside nav li > ul > li > ul {border-top:0px none; border-top:1px solid #ccc;}
aside nav li > ul > li > ul > li {border-bottom:0px none;}
aside nav li > ul > li > ul > li a {padding:0 0 0 40px; margin: 0; background-color: #DDDDDD;}
aside nav h4{padding-left:20px; line-height:35px; height:35px; margin-top:30px; font-size:14px;}
aside nav .last > li a{color:#9b9b9b;}
aside .asideBottom {margin-top:30px;}
aside .asideBottom .search {margin:0 25px; border:1px solid #dbdbdb; position:relative;}
aside .asideBottom .search input {padding:0 10px; width:calc(100% - 40px); line-height:40px; height:40px; border:0; box-sizing:border-box;}
aside .asideBottom .search .dummy {position:absolute; top:0; line-height:40px; left:10px; right:50px;}

aside .asideBottom .search .btn_search {width:40px; height:40px; line-height:40px; font-size:20px; color:#000; display:block; position:absolute; top:0; right:1px; text-align:center;}
aside .asideBottom .cscenter {margin-top:30px; padding:30px 25px; background:#f5f4f4; border-top:1px solid #000;}
aside .asideBottom .cscenter h2 {font-size:14px; color:#000; padding:0 20px;}
aside .asideBottom .cscenter b {display:block; font-size:18px; font-weight:500; margin-top:15px; padding:0 20px;}
aside .asideBottom .cscenter p {font-size:12px; line-height:1.5; margin-top:10px; margin-bottom:20px; padding:0 20px;}
aside .asideBottom .cscenter a {display:block; margin-bottom:10px; line-height:40px; color:#fff; background:#5c5c5c; text-align:center;}
aside .asideBottom .cscenter a:last-child {background:#9d9d9d; margin-bottom:0;}
aside .navCommunity {display:none;}
aside .navMypage {display:none;}
/* //카테고리 */

/* 최근 본 상품 */
#ly_lastView {width:100%; position:absolute; top:36px; left:0; background-color:#fff; z-index:101; padding-bottom:20px; box-shadow: 0 1px 10px #717171; display:none;}
/* //최근 본 상품 */

@media screen and (min-width:768px) {
    #header #menu {width:85px;}
    #header .headerTop {padding-right:85px;}
    #header .search {padding-right:85px;}
    #header .search .searchBox input {width:95%;}
    #header .search .btn_search {width:85px;}
}


/** 클릭시 노출 버전 **/
.SMS_MainSearch {
    overflow: hidden;
    display: block;
    width: 100%;
    height: 0;
}

.SMS_MainSearch .container_Box {
    padding: 10px 0px 10px 0px;
    /* border-top:  1px solid #ddd; */
}

.SMS_MainSearch .container_Box ul li.search {
    position: relative;
    background: none;
    background-size: 0;
    width: 93%;
    padding: 0;
    margin: 0 auto;
}

.SMS_MainSearch .container_Box ul li.search .search_btn {
    display: inline-block;
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0px;
    width: 35px;
    height: 100%;
    line-height: 35px;
    text-align: center;
    color: #000;
    font-size:20px;
}

.SMS_MainSearch .container_Box .search input {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    width: 100% !important;
    height: 35px;
    padding: 0px 35px 0 3px;
    border: none;
    font-size: 12px;
    text-indent: 3px;
    line-height: 15px;
    background: transparent;
    border: 1px solid #000;
}


.SMS_main_gallery_search .swiper-container {
    height: 180px;
    margin-bottom: 10px;
}

.SMS_main_gallery_search .swiper-slide {
    line-height: 30px;
    -webkit-transform: scale(1);
    -mox-transform: scale(1);
    transform: scale(1);
    transition: 0.5s;
    text-align: center;
    color: #ddd;
    height: 36px;
}

.SMS_main_gallery_search .swiper-slide a {
    color: #888;
    /*     display:  block; */
}

.SMS_main_gallery_search .swiper-slide.swiper-slide-active {
    -webkit-transform: scale(1.6);
    -moz-transform: scale(1.6);
    transform: scale(1.3);
    font-weight: normal;
    opacity: 1;
}

.SMS_main_gallery_search .swiper-slide.swiper-slide-active a {
    /* border-top: 1px solid #fc3768; */
    /* border-bottom: 1px solid #fc3768; */
    margin: 0 auto;
    padding: 0;
    color: #fff;
    display: block;
    background: #0000009c;
    font-weight: normal;
}

.SMS_main_gallery_search {
    position: relative;
    overflow: hidden;
}


/* 해외몰 바로가기 */
.ham_languange_wrap {
   margin-top: 60px;
   padding: 0px 13% 0;
   text-align: center;
}

.ham_languange_wrap a {
  display: inline-block;
  margin: 0 5px;
  font-size: 11.5px;
  color: #000000;
  font-weight: bold;
}
/* BASIC css end */