/* BASIC css start */
/* BASIC css start */
#commonNavi { display: none; }
.quick_menu { display: none; }

#aside { position:relative; width:100%; height:100%; overflow: scroll; background: #fff; }
#aside .topArea {border-bottom: 1px solid #e8e8e8; z-index: 10; background: #fff; }

/* »ó´Ü ¸Þ´º */
#aside .icon_menu { display: flex; position: relative; padding: 0 10px; height: 50px; line-height: 50px; align-items: center;}
#aside .icon_menu .back_btn { display: flex; padding-right: 8px; }
#aside .icon_menu .search_box {width:100%;}
#aside .icon_menu .search_box form { display: flex; gap: 10px; width: 100%; height: 36px; line-height: 34px; background: #f5f5f5; border-radius: 30px; }
#aside .icon_menu .search_box input { border: 0; width: 100%; height: 36px; background: #f5f5f5; padding: 0; margin-left: 12px; font-size: 14px; }
#aside .icon_menu .search_box input::placeholder { color: #a5a5a5; }
#aside .icon_menu .search_box .search_btn { display: inline-block; width: 24px; margin-right: 12px; }
#aside .icon_menu .inform,
#aside .icon_menu .cart_btn { display: flex; padding-left: 10px; }
#aside .icon_menu .cart_btn .count { position: absolute; top: 0px; right: -1px; font-size: 8px; width: 15px; height: 15px; line-height: 15px; border-radius:50% 50%; text-align:center; background:#eb5e3e; color:#fff; }
#aside .icon_menu .back_btn a,
#aside .icon_menu .inform a,
#aside .icon_menu .cart_btn a { display: flex; position: relative; width:24px; height:24px; padding: 3px; }
#aside .icon_menu .back_btn a {width:20px; height:20px;}
/* ¸Þ´ºÅÇ */
#tebCont { position: relative; width: 100%; display:flex; border-bottom: 1px solid #e8e8e8;}
#tebCont .aside_tab {display:inline-block; width:fit-content; flex-shrink:0; background-color: #f6f6f6;}
#tebCont .aside_tab::-webkit-scrollbar { display: none; }
#tebCont .aside_tab a { display: block; width: auto; height: 48px; line-height: 48px; padding: 0 20px; font-size: 16px; color: #000; font-weight: 500; }
#tebCont .aside_tab a.open { position: relative; background: #fff; color: #111; font-weight: bold; }
#tebCont .aside_tab a:focus { position: relative; background: #fff; color: #111; font-weight: bold; }
#tebCont .aside_tab a.on:after { content: ""; display: inline-block; border-radius: 50%; background-color: #eb5e3e; width: 4px; height: 4px; transform: translate(2px, -8px); }

#tebCont .tab-view {display:none;}
#tebCont .tab-view.open {display:block; width:100%;}
#aside .cateMenu { width: auto; }
#aside .cateMenu a { position: relative; padding: 0 20px; height: 48px; line-height: 48px; color:#000; font-size:16px; font-weight: 600; display: block; }
#aside .cateMenu a:after { content: ""; display: block; width: 6px; height: 6px; position: absolute; top: 20px; right: 22px; transform: rotate(45deg); border-top: 1px solid #8f8f8f; border-right: 1px solid #8f8f8f; transition: 0.4s; }
#aside .cateMenu .on strong:after { content: ""; width: 6px; height: 6px; margin-left:3px; margin-bottom:7px; background: #eb5e3e; border-radius: 50%; display: inline-block; }


/* Ä«Å×°í¸® ¸ÞÀÎ ¸Þ´º */
#aside .cate_m_banner { padding: 24px 16px !important; text-align: center; }
#aside .cate_m_banner .swiper-wrapper { flex-wrap: nowrap !important; gap: 0 !important; }
#aside .cate_m_banner .swiper-wrapper .swiper-slide {width:auto;}
#aside .cate_m_banner .swiper-wrapper .swiper-slide a { display: block; }
#aside .cate_m_banner .swiper-wrapper .swiper-slide a img {border-radius:6px; overflow:hidden; display:none;}
#aside .cate_m_banner .swiper-wrapper .swiper-slide span { position: relative; display: block; border-radius: 10px; overflow: hidden; aspect-ratio: 1 / 1; }
#aside .cate_m_banner .swiper-wrapper .swiper-slide span > img { position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
#aside .cate_m_banner p { position:relative; padding-top: 5px; font-size: 16px; font-weight: 500; line-height: 16px; }
#aside .cate_m_banner p.on:after { content: ""; width: 6px; height: 6px; background: #eb5e3e; border-radius: 50%; display: inline-block; position: absolute; top: 6px; margin-left: 2px; }


/* Ä«Å×°í¸® ¼­ºê ¹è³Ê */
#aside .cate_s_banner {margin:24px 16px 50px}
#aside .cate_s_banner h3 {font-size:18px; font-weight:600; color:#000; margin-bottom:16px;}
#aside .cate_s_banner .swiper-container {overflow:hidden;}
#aside .cate_s_banner .swiper-slide img {width:100%;}
#aside .cate_s_banner .swiper-slide span { position: absolute; left: 12px; bottom: 12px; font-size: 14px; font-weight: 500; color: #fff; }
#aside .cate_s_banner .swiper-pagination-progressbar { bottom: 0; background: #fff; text-align: center; position: relative;}
#aside .cate_s_banner .swiper-pagination-bullet { background: #d1d1d1; width: 15px; height: 2px; margin: 0 !important; border-radius: 0; opacity: 1; }
#aside .cate_s_banner .swiper-pagination-bullet-active { background: #000; }


#aside .new-slider-wrap { margin: 18px 20px 95px 20px; }
#aside .new-slider-wrap .bx-viewport { border-radius: 10px; }
#aside .new-slider-wrap .slider-counter { overflow: hidden; width: 40px; background: rgba(34,34,34,.5); color: #999; font-size: 10px; font-weight: normal; font-family: 'Montserrat'; }
#aside .new-slider-wrap .slider-counter .current-index { font-weight: 500; }

/*±âŸ Á¤º¸*/
#aside .cs_info h3 {font-size:18px; font-weight:600; color:#000; padding:0 16px; margin-bottom:16px;}
#aside .cs_info {margin-top:24px;}
#aside .cs_info li {margin-bottom:5px; font-size:14px; color:#555}
#aside .cs_info ul {padding:0 16px;}
#aside .cs_info .list_menu {display:flex; flex-wrap:wrap;}
#aside .cs_info .list_menu li {width:50%;}
#aside .cs_info .list_menu li a {color:#555}
#aside .cs_info b {display:block; font-size:16px; font-weight:600; padding:0 16px 16px;}
#aside .aside_bank {margin-bottom:50px;}
#aside .menu_hd_box p {line-height:45px; background:#000; padding:0 16px; color:#fff; font-size:12px; text-align:left;}
#aside .menu_hd_box ul {padding:16px 16px 0; display:flex; gap:16px;}
#aside .menu_hd_box ul li {box-sizing:border-box; width:100%; display:inline-block; vertical-align:top; height:40px; line-height:40px; border:1px solid #000; text-align:center;}
#aside .menu_hd_box ul li:last-child {background:#000;}
#aside .menu_hd_box ul li a {display:block; font-size:14px; color:#000;}
#aside .menu_hd_box ul li:last-child a {color:#fff;}
#aside .aside_userMenu ul {
    display:flex;
    padding:24px 16px;
    border-bottom: 1px solid #e8e8e8;
}
#aside .aside_userMenu ul li{
    position:relative;
    width:25%;
    text-align:center;
}

#aside .aside_userMenu ul li a{
    display:block;
    margin:0 10px;
}

#aside .aside_userMenu ul li a img{
    width:auto;
    height:17px;
}

#aside .aside_userMenu ul li a .text{
    display:block;
    padding-top:5px;
    font-size:14px;
    font-weight:500;
}

#aside .aside_userMenu ul li.basket .cnt{
    position:absolute;
    top:-1px;
    right:50%;
    margin-right:-16px;
    width:16px;
    height:16px;
    border-radius:8px;
    background:#eb5e3e;
    font-size:10px;
    color:#fff;
    line-height:16px;
    text-align:center;
}
/* BASIC css end */


/* BASIC css end */