/* BASIC css start */
body.scroll-lock {
    overflow: hidden;
}

.fa-angle-down:before {
    color: #fff;
    font-size: 20px;
}

.dash_boder {
    display: inline-block;
    height: 1px;
    border-top: 1px dashed #787878;
    width: 40px;
    margin: 0 23px;
}

.fold {
    background: url(/design/carlyn/renewal/images/mo/ic_ham2.svg);
    width: 18px;
    height: 13px;
    background-size: cover;
}
#header .headerTop a .fa.close {
    background: url(/design/carlyn/images/close_icon.png);
    height: 22px;
    width: 22px;
    background-size: cover;
    z-index: 999999;
    position: fixed !important;
    top:18px !Important;
    right:18px;
}

.navlogo {margin:23px;}
.navinfo {padding-top: 56px;}

.navinfo div {margin-bottom: 18px;}
.navinfo div a {color:#000;font-size: 15px;font-weight: 400;}
.navinfo div.lang {margin-bottom:0;}
.navinfo div.lang a {font-size:13px;}

.navCategory {margin-top:72px; padding-bottom:30px;}
.headersta {position: static!important;}
.menu_on {height:100%; overflow:hidden;}
.menu_off {height:auto; overflow:initial;}

#header {width: 100%;position: sticky;top: 0;left: 0;background: #fff;z-index: 300;box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.05);-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.05);-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.05);}
#header .headerTop { text-align:center;}
#header .headerTop a {display:inline-block;margin-right: 15px;}
#header .headerTop a.search {margin-right:13px;}
#header .headerTop a.search img {width:17px;margin-top: -2px;}
#header .headerTop a:last-child {margin-right:0;}
#header .headerTop a.cart {position:relative; display:inline-block;top: -3px;}
#header .headerTop a #user_basket_quantity {position: absolute;top: -5px;width: 16px;height: 16px;background: #A81C1C;color: #fff;font-size: 9px;line-height: 15px;border-radius: 10px;display: inline-block;right: -9px;}
#header .headerTop a .fa {vertical-align:top; position: relative;}
#header #menu {}
#header #menu .fa {}
#header .headerBottom {display: flex;align-items: center;justify-content: space-between;padding:0 16px;height: 52px;}
#header .headerBottom h1 {}
#header .headerBottom h1 a img {max-width:54px;}
#header .headerBottom .headerBottomLeft {}

.searchWrap {display: none;position: absolute;left: 0;width: 100%;z-index: 99;}
.searchWrap .search_layout {position: relative;display: flex;align-items: center;justify-content: space-between;padding: 20px 15px;border-top: 1px solid #eee;background: #fff;}
.searchWrap .searchForm {width:100%;margin-left: 10px;}
.searchWrap .searchForm input {width: 80%;height: 18px;font-size: 13px;border: 0;}
.searchWrap .searchForm .btn_search {position: absolute;right: 15px;top: 20px;font-size: 11px;color: #000;font-weight: 400;}
.search_dimmed {display: none;background: rgba(0, 0, 0, 0.25);width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 10;}
.search_dimmed.show {display:block;}

/* 카테고리 */
aside {display: none;overflow-y: auto;position:relative; z-index: 1001;}
aside .dimmed {display: none;background: rgba(0, 0, 0, 0.45);width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 10;}
aside .dimmed.on {display:block;}
aside .aside_wrap {background-color: #fff;position: fixed;width: 80%;height: 100%;top: 0;right: 0;bottom: 0;overflow-y: scroll;z-index: 101;}
aside nav h3 {position: relative;font-size: 16px;color: #000;font-weight: 500;}
aside nav h3.em {font-weight: 800;}
aside nav h3.em::after {content: "";width: 5px;height: 5px;background: #A81C1C;border-radius: 10px;display: inline-block;position: absolute;top: 3px;left: 47px;}
aside nav h3 .arr {position: absolute;right: 0;top: 5px;}
aside nav h3 .arr img {width:10px;}
aside nav h3.off .arr img {transform: rotate(180deg);}
aside .inner {padding:0 24px 56px;}
aside .close {position: fixed;top: 23px;right: 24px;}
aside .asideTop {text-align:center;}
aside .asideTop a {width:33.33%; height:62px; display:inline-block; border-bottom:2px solid #c3c3c3; color:#8f8f8f; font-weight:bold;}
aside .asideTop a .fa {margin-top:10px;}
aside .asideTop a.act {color:#ab3e41; border-bottom:2px solid #ab3e41;}
aside nav li {position:relative;}
aside nav li a {display: block;color:#000;font-size: 13px;line-height: 38px;}
aside nav li .fa {position: absolute;top: 0;right: 20px;width: 40px;text-align: center;height: 35px;line-height: 35px;color: #fff;font-size: 20px;}
aside nav li > ul { display:none; }
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; font-size:12px;}
aside nav li > ul > li > ul {border-top:0px none; }
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;  }


aside .navCategory nav ul {display: grid;grid-template-columns: repeat(2, 1fr);margin-top: 16px;}
aside .board_cate {margin-top: 56px;}
aside .board_cate ul li {margin-bottom:18px;}
aside .board_cate ul li a {position: relative;font-size: 16px;color: #000;font-weight: 500;}
aside .board_cate ul li:last-child {margin-bottom:0;}
aside .board_cate ul li.em a {font-weight:800;}
aside .board_cate ul li.em a::after {content:"";width:5px;height:5px;background:#A81C1C;border-radius: 10px; display:inline-block;position: absolute;top: 3px;right: -8px;}
aside .cate_banner img {width:100%;}
aside .cate_banner .cate_txt {position: relative;margin-top:14px;}
aside .cate_banner .cate_txt strong {display:block;margin: 14px 0 6px;font-size: 13px;color: #000;}
aside .cate_banner .cate_txt .more {width: 10px;position: absolute;margin-top: 0;bottom: 2px;right: 0;}

/* //카테고리 */

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


/* BASIC css end */