/* BASIC css start */
.header-main { display:none; }
aside .aside-content .content { display:none; }
aside .aside-content .content.active { display:block; }

aside .aside-content .searchWrap { padding:10px 20px; width:100%; box-sizing:border-box; }
aside .aside-content .searchWrap .search { padding:0; }
aside .aside-content .searchWrap .keyword { margin-top:30px; }
aside .aside-content .searchWrap .keyword > p { font-size:16px; font-weight:500; line-height:19px; padding:0 3px; margin-bottom:20px; }
aside .aside-content .searchWrap .keyword > ul { font-size:0; }
aside .aside-content .searchWrap .keyword > ul li { margin-right:6px; margin-bottom:14px; display:inline-block; padding:8px 12px; background:#f2f4f6; border-radius:100px; }
aside .aside-content .searchWrap .keyword > ul li span { font-size:13px; color:#333d4b; letter-spacing:0.26px; }
.search_banner { position:absolute; bottom:100px; width:100%; box-sizing:border-box; padding:0 20px; left:0;}
.search_banner img { width:100%; border-radius:6px; }


.navCateBox ul { padding:0 20px; }
.navCateBox .cateList > li > a {display:block; height:50px; line-height:50px; font-size:15px; font-weight:600; text-align:left; color:#92479d; position:relative; }
.navCateBox .cateList .toggle { position:absolute; right:0; top:0; width:50px; height:50px; display:block; text-align:center; }
.navCateBox .cateList .cate3-ul .toggle { width:40px; height:40px; }
.navCateBox .cateList .xi { font-size:18px; color:#8b95a1; transition: transform 0.3s ease; line-height:50px; }
.navCateBox .cateList .cate3-ul .xi { font-size:15px;  transition: transform 0.3s ease;  line-height:40px; }
.navCateBox .cateList > li.active .cate1 .xi { transform: rotate(180deg); }
.navCateBox .cateList .subCateList { display:none; background:#f9fafb; padding:0; }
.navCateBox .cateList .subCateList > li.active > a .xi,
.navCateBox .cateList .subCateList .cate3-li.active > a .xi {transform: rotate(180deg);}
.navCateBox .cateList .subCateList > li > a { font-size:14px; font-weight:500; display:block; padding:20px; position:relative; text-align:left; }
.navCateBox .cateList .subCateList > li > a .toggle { line-height:59px; }
.navCateBox .cateList .subCateList .subMenu { display:none; font-size:0; border-top:1px solid #f2f4f6; border-bottom:1px solid #f2f4f6; padding:15px 0; box-sizing:border-box; }
.navCateBox .cateList .subCateList .subMenu > ul { display:block; padding:0 10px; }
.navCateBox .cateList .subCateList .subMenu ul li a { position:relative;  display:block; font-size:13px; color:#4e5968; line-height:40px; padding-left:20px; letter-spacing:0.3px; }
.navCateBox .cateList .subCateList .subMenu .cate4-box { display:none; }
.navCateBox .cateList .subCateList .subMenu .cate4-box .cate4-ul { padding-bottom:15px; }
.drop-banner { margin-top:20px; margin-bottom: 80px; }
.drop-banner img { width:100%; }
.bottom-menu { padding:8px; position:fixed; bottom:0; left:0; background:#fff; width:100%; box-sizing:border-box; }
.bottom-menu-tab { display:flex; gap:11px; text-align:center; }
.bottom-menu-tab > div { padding:8px 0; width:25%; position:relative;}
.bottom-menu-tab > div.active { background:#f2f4f6; border-radius:6px; }
.bottom-menu-tab > div p { margin-top:4px; }
.bottom-menu-tab > div.cart > a > span { position:relative; }
.bottom-menu-tab > div .user_basket_quantity { position:absolute; right:-8px; bottom:-8px; display:block; width:19px; height:15px; border-radius:70px; line-height:15px; text-align:center; color:#fff; font-size:10px; background:#92479d; }


.bottom-menu-tab a { font-size:11px; color:#333d4b; }

#header {width: 100%;}
#header .header_fd{ padding: 14px 15px 12px; border-bottom:1px solid #f2f4f6; }
#header .header_top {position: relative; width: 100%; z-index: 2; font-size: 0; text-align: center;}
#header .header_top div {display: inline-block; vertical-align: middle; font-size: 12px;}
#header .header_top .menu { width: 22px; left: 0; position: absolute; top: 6px;}
#header .header_top .allmenu_btn {width: 100%;}
#header .header_top .basket, #menuWrap .menu_top .basket { width: 30px; right: 0; position: absolute; top: 6px; }
#header .header_top .basket a, #menuWrap .menu_top .basket a { position: relative; display:block; }
#header .header_top .basket a img, #menuWrap .menu_top .basket a img {width: 26px;}
#header .header_top .basket a span, #menuWrap .menu_top .basket a span { position: absolute; bottom:-2px; right:-1px; width: 22px; height: 17px; line-height: 17px; text-align:center; border-radius: 70px; color: #fff; font-size: 10px; font-weight:500; background: #92479d;}
#header .header_top .logo {}
#header .header_top .logo img {width: 100%; vertical-align: middle;}
#header .header_top.header-scroll{position: fixed; left: 0; top: 0; padding: 14px 15px 12px; box-sizing:border-box; background: #ffffff; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
.topBanner {
    width: 100% !important; display: block !important; overflow: visible !important;
    height: auto !important;
    text-align: center;
}
.topBanner img {
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    display: block !important;
    margin: 0 auto;
}
#header .header_top.header-scroll .menu { left:15px; top:20px; }
#header .header_top.header-scroll .basket { right:15px; top:18px; }
/* 검색 */
.search{ width:100%; padding:0 15px; box-sizing:border-box; height: 42px; margin: 0 auto; border-radius: 25px; font-size: 0;}
.searchBox {display: inline-block; width: 100%; background:#fff; border:1px solid #92479d; border-radius:4px; position:relative;}
.searchBox input{ width: calc(100% - 32px); height: 42px; border: 0; font-size: 13px; padding:11px 15px; box-sizing:border-box; background: none; color:#898989; }
.btn_search{ display: block; width: 20px; height:20px; text-align:center; position:absolute; right:12px; top:11px; }
.btn_search img { width:20px }

/* 메뉴 */
#header .menuArea{ min-width: 100%; display:block; padding:12px 0 10px 15px; box-sizing:border-box; white-space: nowrap; overflow-x: auto; transition: all 0.5s;}
#header .menuArea:after{content:''; display:block; clear:both}
#header .menuArea .menu_swip {  }
#header .menuArea .menu_wrap { font-size:0; text-align: left;}
#header .menuArea .menu_wrap li { padding-right:22px; display:inline-block; /*width: calc(100%/5);*/} 
#header .menuArea .menu_wrap li a{ display:block; line-height:29px; font-size:15px; font-weight:500; }
#header .menuArea .menu_wrap li a.active { }

/* 로고 */

aside {display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; z-index: 999999; background: #fff;}
aside .topBox { position:relative; margin:14px 15px; height:35px; }
aside .topBox .logout { position: absolute; top:10px; right:0; }
aside .topBox .logout a { font-size:12px; color:#8b95a1; text-decoration:underline; }
aside .topBox .closeBox { position: absolute; top: 5px; left: 0; width: 18px; height:18px; z-index: 1000;}
aside .topBox .closeBox img { width: 18px; }
aside nav {padding: 30px 0}
aside nav ul {padding: 0; margin-bottom: 20px;}
aside nav li {position: relative; border-top: 1px solid #e6e6e6;}
aside nav li:last-of-type{border-bottom: 1px solid #e6e6e6;}
aside nav li a { display: block; height: 50px; line-height: 50px; padding: 0 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
aside nav li a img{position: absolute; top: 50%; transform: translateY(-50%); right: 16px; width: 8px;}


aside .in_logo{ margin: 25px 0; text-align: center;}
aside .in_logo a img{width: 77px;}

aside .asideBottom{ padding: 14px 0; text-align: center;}
aside .asideBottom ul {width: 100%; font-size: 0; text-align: center;}
aside .asideBottom ul li { display: inline-block; width: 32%; margin: 0 3px; border: 1px solid #666; text-align: center; box-sizing: border-box;}
aside .asideBottom ul li a { display: block; padding: 13px 0; color: #000000; font-size: .9rem; ffont-weight: 500;}
aside .asideBottom ul li:nth-of-type(2){ background: #333;}
aside .asideBottom ul li:nth-of-type(2) a{color: #fff;}

aside .asideBottom div{display: inline-block; margin: 14px 20px; }
aside .asideBottom div a{border-bottom: 1px solid #000; font-size: 13px; }    
    

/* 베스트영역 */
.asidebest{ margin: 0 0 30px; padding: 15px 0px 9px; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; background: #fbfbfb; font-size: 0; text-align: center;}
.asidebest p{ display: inline-block; width: calc(100%/3);}
.asidebest p a{ font-size: .9rem; font-family: 'Noto Sans KR', sans-serif;}

/* 연결페이지02 */
.link_inmenu{padding: 0 12px;}
.link_inmenu p{ margin: 0 0 20px; color: #000000; font-size: 1rem; font-family: 'Noto Sans KR', sans-serif; font-weight: 500;}
.link_inmenu ul { *zoom:1; font-size: 0; }
.link_inmenu ul li { display: inline-block; width: calc(100% / 5); margin: 0 0 12px; text-align: center;}
.link_inmenu ul li a{ color: #000; font-size: .8rem; font-family: 'Noto Sans KR', sans-serif;}
.link_inmenu ul li a img{display: block; width: 58px; padding-bottom: 5px; margin: 0 auto;}

/* sns */
.snsBox {padding: 15px 0; border-top: 1px solid #d6d6d6; font-size: 0; text-align: center;}
.snsBox li{display: inline-block; margin: 0 14px;}
.snsBox li img{width: 35px;}

/* //카테고리 */
/* BASIC css end */