/* BASIC css start */
.menu_on {height:100%; overflow:hidden;}
.menu_off {height:auto; overflow:initial;}
#header {width:100%;}
#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 #menu {width:45px; background-color:#ab3e41; position:absolute; right:0;}
#header #menu .fa {top:5px;}
#header .headerBottom {padding:0 10px; margin-bottom: 20px;}
#header .headerBottom h1 {font-size:2.333em;}
#header .headerBottom .headerBottomLeft {float:left; margin-top: 22px;}
#header .headerBottom .headerBottomRight {float:right; margin-top: 20px;}
#header .headerBottom .headerBottomRight a {margin-left:17px; color:#7d7d7d;}
#header .headerBottom .headerBottomRight a .fa-bookmark-o {color:#f1494d;}
#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;}


/* 최근 본 상품 */
#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;}
/* //최근 본 상품 */

/* 다찾다 자동완성*/
.search-auto-complete-list { display:none; z-index:1; position:absolute; top:43px; left:0; width:100%; line-height:14px; background:#fff; box-shadow:0px 0px 5px 0px rgb(0 0 0 / 20%); }
.search-auto-complete-list ul { width:100%; padding:8px 5px 10px 5px; border-bottom:1px solid #ddd; display: flex; flex-wrap: wrap;}
.search-auto-complete-list ul li { text-align:center; margin: 3px; }
.search-auto-complete-list ul li a { display:block; padding:8px 14px; color:#000; border: 1px solid #eee; border-radius: 10px; background:none; font-family:'malgun gothic'; font-size:11px; 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 {}
.search-auto-complete-list .search-list-close { display:block; padding:10px 11px; text-align:right; color:#666; font-size:11px; }


/* layout_wrap */
.layout_wrap {
    width: calc(100% - 30px) !important;
    margin: 0 auto;
}

#header .top_banner {
    display:flex;
    background: #fff;
    position: relative;
    height: 40px;
    box-sizing: border-box;
    text-align:center;
    align-items:center;
    justify-content:center;
    
}

#header .top_banner > a {
    font-size: 14px;
    font-weight: 500;
    color: #000;
    line-height: 20px;
    vertical-align:middle;
    text-align:center
}

#header .top_banner > a > span {
    color: #00ff2f;
}

#header h1 a{display:block;width:100%;}
#header h1 a img{width:120px;}

#header .top_close_btn {position: absolute;top: 18px;right: 10px;}

#header .headerTop {
    background: #fff;
}

#header .headerTop .headerFlex{

    display: flex;
    justify-content: space-between;
    align-items: center;
    padding:17px 0px;
}

#header .headerTop .header_left > div,
#header .headerTop .header_right > div {
    display: inline-block;
}

#header .headerTop .menu {
    margin-right: 10px;
}

#header .headerTop span.ico_menu {
    background: url(/design/sillajewel/mo_img/ico_menu.png) 0 0 no-repeat;
    background-position: center center;
    width: 18px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    background-size: 20px;
}


#header .headerTop .search {
    margin-right: 15px;
}

#header .headerTop span.ico_search {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(/design/sillajewel/img/sch-bk.svg) 0 0 no-repeat;
    background-position: center center;
    vertical-align: middle;
    background-size: 17px;
}

#header .headerTop span.ico_cart {
    display: inline-block;
    background: url(/design/sillajewel/img/cart-bk.svg) 0 0 no-repeat;
    background-position: center center;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    background-size: 18px;
}
#header .headerMid .category {
    border-bottom: 1px solid #ddd;
    padding-top: 0px;
    padding-bottom: 0px;
}


#header .headerMid .swiper_top {
    margin-left: 10px;
}

#header .headerMid .swiper_top .swiper-slide {
    text-align:center;
    width: auto !important;
    margin-right: 15px;
}

#header .headerMid .swiper-slide a {
    font-size: 13px;
    font-weight: 600;
    color: #222;
    vertical-align: middle;
    line-height: 1em;
}

#header .header-r{display:flex;align-items:center;}


/* aside */
.expand body {
    width: 100vw;
    overflow: hidden;
}
.aside_menu {
    z-index: -1;
    visibility: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0;
    overflow: auto;
    overflow-x: hidden;
    width: 100%;
    font-size: 11px;
    background-color: #fff;
    box-sizing:border-box;
    height:100%;
}

html.expand .aside_menu {
    z-index: 999;
    overflow-x: hidden;
    visibility: visible;
    position: fixed;
    background:#fff;
}


#wrap {
    z-index: 100;
    position: relative;
    overflow: hidden;
    background-color: #fff;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -ms-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    
}

/*html.expand #wrap
 {
    -webkit-transform: translate(83%, 0);
    -moz-transform: translate(83%, 0);
    -ms-transform: translate(83%, 0);
    -o-transform: translate(83%, 0);
    transform: translate(83%, 0);
    overflow:hidden;
    height:100vh;
}*/

html.expand2 #wrap
 {
    -webkit-transform: translate(83%, 0);
    -moz-transform: translate(83%, 0);
    -ms-transform: translate(83%, 0);
    -o-transform: translate(83%, 0);
    transform: translate(83%, 0);
    overflow:hidden;
    height:100vh;
}

aside .aside_menu_top {
    display:flex;
    justify-content:space-between;
    align-items:center;
    background: #fff;
    padding:0 15px;
}


.close-btn img{height:17px;}

/* aside 검색 영역 */

.aside_menu .searchBox {
    position:relative;
}

.aside_menu .searchBox .ico_aside_search {
    position:absolute;
    right: 3px;
    top:0;
    display:inline-block;
    width:20px;
    height:20px;
    background:url(/design/sillajewel/mo_img/ico_search.png) 0 0 no-repeat;
    background-size:20px;
    background-position:center;
}

.aside_menu .aside_menu_top a.btn_search {
    position: absolute;
    right: 13px;
}


/* aside 마이페이지 영역 */
.aside_menu_top{position:relative;width:100%;height:50px;}
.aside_menu_top h1{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.aside_menu .aside_menu_top .member_info {
    display: flex;
    align-items: center;
}

.aside_menu .aside_menu_top span.ico_login {
    display: inline-block;
    background: url(/design/sillajewel/mo_img/ico_login.png) 0 0 no-repeat;
    width: 30px;
    height: 30px;
    background-position: center;
    background-size: 20px 20px;
}

.aside_menu .aside_menu_top .member_left {
    width: 40px;
    height: 40px;
    margin-right:10px;
}

.aside_menu .aside_menu_top .member_left span {
    width: 40px;
    height: 40px;
    display: inline-block;
    border-radius:50%;
    background-size:30px ;
    background-position:center !important;
}

.aside_menu .aside_menu_top .member_right {
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    line-height: 1em;
}

.aside_menu .aside_menu_top .member_right > span {color: #9ad2ef;}


.aside_menu .aside_menu_top .member_right .user_name span {
    font-size: 20px;
    color: #9ad2ef;
    font-weight: 600;
}

.aside_menu .aside_menu_top .member_right .usable_list {
    display: flex;
    margin-top: 3px;
}

.aside_menu .aside_menu_top .member_right .usable_list .tit {
    font-size: 12px;
    font-weight: 500;
    color: #fff;
    line-height: 1em;
}

.aside_menu .aside_menu_top .member_right .usable_list .con {
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    line-height: 1em;
}

.aside_menu .aside_menu_top .member_right .usable_list .coupon::after {content: "|";margin-right: 5px;margin-left: 3px;font-size: 10px;}

.aside_menu .aside_menu_top .mypage_btn {margin-top: 0px;}

.aside_menu .aside_menu_top .mypage_btn ul {
    display: flex;
}

.aside_menu .aside_menu_top .mypage_btn ul li {
    text-align: center;
    padding: 8px 0;
    border: 1px solid #fff;
    margin-right: 10px;
    width: 33%;
}

.aside_menu .aside_menu_top .mypage_btn ul li:last-child {
    margin-right:0;
}

.aside_menu .aside_menu_top .mypage_btn ul li a {
    font-size: 12px;
    color: #fff;
    font-weight: 500;
}

/* aside 오늘 본 상품 */
.todayListWrap {
    margin-top: 25px;
}

.todayListWrap h2 {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 10px;
}

#todayList .prod_img {
    margin-right: 5px;
    margin-bottom: 5px;
    background-size:cover !important;
    background-position: center !important;
    width: 100%;
}

#todayList .prod_name span {
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    white-space: nowrap;
}


/* aside 모든카테고리 */
.aside_menu_bottom {

    padding-top: 20px;
    padding-bottom: 15px;

}

.all_category .title {
    border: 1px solid #ccc;
    padding-top: 30px;
    padding-bottom: 10px;
    text-align: center;
    margin-bottom: 3px;
}

.all_category .title h1 {
    font-size: 28px;
    font-weight: 600;
    color: #222;
    margin-bottom: 23px;
}

.all_category .title p {
    font-size: 12px;
    font-weight: 500;
    color: #727171;
}

.contents > ul {
    font-size: 0;
}

.contents > ul > li {
  
    display: inline-block;
    box-sizing: border-box;
    padding: 9px 0;
    width:100%;
}

.contents > ul > li:nth-child(3n) {
    margin-right: 0;
}

.contents > ul > li > a {
    display: block;
    height: auto !important;
    position: relative;
   
}

.contents .cate_item {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%,-60%);
    text-align: center;
    display: inline-block;
}


.contents .cate_img {
    height: 60px;
    margin-bottom: 10px;
    line-height: 60px;
}

.contents .cate_img img {
    max-width: 25px;
    vertical-align: middle;
}

.contents .cate_txt span {
    color: #171717;
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
}


.flex-wrap{display:flex;height:calc(100vh - 100px);flex-direction:column;justify-content:space-between;}


/* aside_bn */
.bn_section {
    margin-top: 40px;
}

.bn_top img {
    width: 100%;
}

.bn_bottom{
    margin-top: 10px;
}

.bn_bottom img {
    width: 100%;
}

#slide1 li {
    width: 100%;
}

/* aside 커뮤니티 */
.community {
    margin-top: 40px;
}

.community h2 {
    font-size: 16px;
    color: #221815;
    font-weight: 600;
    margin-bottom: 10px;
}

.community_cont > ul {
    font-size: 0;
    border: 1px solid #d3d3d3;
}

li.community_list {
    display: inline-block;
    width: 50%;
    box-sizing: border-box;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    border-right: 1px solid #d3d3d3;
    border-top: 1px solid #d3d3d3;
}

li.community_list:nth-child(2n) {
    border-right: 0;
}

li.community_list:nth-child(1) {
    border-top: 0;
}

li.community_list:nth-child(2) {border-top: 0;}


li.community_list a {
    font-size: 12px;
    color: #727171;
    font-weight: 400;
    vertical-align:middle;
}

/* aside sns*/

.sns_section {
    margin-top: 25px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.sns_section ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

.sns_section ul li::after {
    content: "|";
    margin-left: 10px;
    margin-right: 10px;
}

.sns_section ul li:last-child::after {
    display: none;
}

.sns_section ul li {
    padding-top: 10px;
    padding-bottom: 10px;
}

.sns_section ul li a {
    font-size: 12px;
    font-weight: 400;
    color: #727171;
}

/* aside bottom*/

.aside_bottom {

    width: 100%;
    margin-top:80px;
    padding: 0 15px;
}

.aside_bottom ul {
     display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.aside_bottom ul li{width: 49%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #171717;
}

.aside_bottom ul li a {
    color: #222;
    font-size: 13px;
    font-weight: 400;
}


.aside_bottom ul li:last-child::after {
    display: none;
}


.top_close_btn img {
    width: 15px;
    height: 15px;
}

aside .aside_menu_top a.btn_search img {
    width: 20px;
    height: 20px;
}

.brand_img img {
    width: 100%;
    height: 100%;
}

.topic_left img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100px;
    height: 100px;
    object-fit: cover;
}

.topic_right {
    width: 59%;
}

#nav {
    background:#fff;
}


.cart {
    position: relative;
    padding-right:5px;
}

.cart span.cart_cnt {
    position: absolute;
    top: -8px;
    right: -5px;
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #b9e3f9;
    text-align: center;
    font-weight: 600;
    font-size: 10px;
    color: #222;
    line-height: 13px;
}


/* Uneedcomms Keepgrow CSS */
#keepgrowLogin .tabMenu li { border:none; padding:0px; margin:0px; }
#snsConnect.kg_sns_login li.kakaotalk { position:relative; right:unset; bottom:unset; width:unset; height:unset; background:#fff; }
#snsConnect.kg_sns_login li a { display:inline-block; width:unset; height:unset; border:none; padding:0; }


/*0201 추가*/
.icon-lst{display: flex;justify-content: flex-end;align-items: center;}
.icon-lst>li:first-child{margin-right:10px;}
.icon-lst li a img{height:17px;}

.search-form{border-bottom:1px solid #000;}
.search-form #keyword{width:90%;border:none;}

.all_category {margin-top:30px;}

.all_category li{padding:5px 0;}
.all_category li a{display:block;width:100%;font-size:12px;}
.depth2{display:none;margin-top:7px;}
.depth3{display:none;margin:10px 0 7px;padding:5px 0;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;}
.depth2 li a{font-size:13px;}
.depth3 li{padding:3px 0;}
.depth3 li a{font-size:12px;color:#888;}
.depth2-tit{font-weight:400;}
.depth3-tit{margin-bottom:5px;font-size:12px;font-weight:500;color:#727171;}


.depth3.mt-depth3 ul{display:flex;width:100%;align-items:center;}
.depth3.mt-depth3 ul li{margin:0 8px;}
.depth3.mt-depth3 ul .depth3-tit{width:20%;margin:0;}

.all_category .depth2 li a, .all_category .depth3 li a{display:table;}

.depth2.on{display:block;margin-bottom:-5px;}
.depth3.on{display:block;}
.prd-depth2>ul>li:last-child .depth3.on{margin:7px 0 0;}
.cate_txt{display:flex;align-items:center;justify-content:space-between;}
.cate_txt .depth-icon img{height:13px;vertical-align: middle;opacity:.5;}

.cate_txt.on .depth-icon img{content:url(/design/sillajewel/img/depth-arrow1.png);}

/* BASIC css end */