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

#aside { position:relative; width:100%; height:100%; overflow: scroll; background: var(--pri-white); }
#aside .topArea { position: fixed; top: 0; left: 0; width: 100%; height: 158px; border-bottom: 1px solid var(--gray-10); z-index: 10; background: var(--pri-white); }


/* 상단 메뉴 */
.icon_menu { display: flex; position: relative; padding: 0 10px; height: 50px; line-height: 50px; align-items: center; }
.icon_menu .back_btn { display: flex; padding-right: 8px; }
.icon_menu .search_box { display: flex; gap: 10px; width: 100%; height: 36px; line-height: 34px; background: var(--gray-04); border-radius: 30px; }
.icon_menu .search_box input { border: 0; width: 100%; height: 36px; background: var(--gray-04); padding: 0; margin-left: 12px; font-size: 14px; }
.icon_menu .search_box input::placeholder { color: var(--gray-80); }
.icon_menu .search_box .search_btn { display: inline-block; width: 24px; margin-right: 12px; }
.icon_menu .inform,
.icon_menu .cart_btn { display: flex; padding-left: 10px; }
.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:var(--pri-brand); color:var(--pri-white); }
.icon_menu .back_btn a,
.icon_menu .inform a,
.icon_menu .cart_btn a { display: flex; position: relative; width:24px; height:24px; padding: 3px; }


/* 메뉴탭 */
#tebCont { position: relative; width: 100%; }
#tebCont .aside_tab { position: fixed; top: 0; bottom: 0; width: 130px; padding-top: 159px; padding-bottom: 100px; background: var(--gray-05); z-index: 5; overflow-y: scroll; overscroll-behavior: contain; }
#tebCont .aside_tab::-webkit-scrollbar { display: none; }
#tebCont .aside_tab a { display: block; width: auto; height: 48px; line-height: 48px; padding: var(--defalt-padding); font-size: 16px; color: var(--pri-black); font-weight: 500; }
#tebCont .aside_tab a.open { position: relative; background: var(--pri-white); color: var(--black-05); font-weight: bold; }
#tebCont .aside_tab a:focus { position: relative; background: var(--pri-white); color: var(--black-05); font-weight: bold; }
#tebCont .aside_tab a.on:after { content: ""; display: inline-block; border-radius: 50%; background-color: var(--pri-brand); width: 4px; height: 4px; transform: translate(2px, -8px); }
#tebCont .tab-view { padding-top: 159px; padding-left: 130px; padding-bottom: 20px; }
#aside .cateMenu { width: auto; }
#aside .cateMenu a { position: relative; padding: var(--defalt-padding); height: 48px; line-height: 48px; color:var(--pri-black); 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 var(--gray-35); border-right: 1px solid var(--gray-35); transition: 0.4s; }
#aside .cateMenu .on strong:after { content: ""; width: 6px; height: 6px; margin-left:3px; margin-bottom:7px; background: var(--pri-brand); border-radius: 50%; display: inline-block; }


/* 카테고리 메인 메뉴 */
.cate_m_banner { padding: var(--defalt-padding); padding-top:16px; padding-bottom:16px; text-align: center; }
.cate_m_banner .swiper-wrapper { flex-wrap: nowrap !important; gap: 0 !important; }
.cate_m_banner .swiper-wrapper .swiper-slide { flex: none !important; max-width: 57px !important; }
.cate_m_banner .swiper-wrapper .swiper-slide a { display: block; }
.cate_m_banner .swiper-wrapper .swiper-slide span { position: relative; display: block; border-radius: 10px; overflow: hidden; aspect-ratio: 1 / 1; }
.cate_m_banner .swiper-wrapper .swiper-slide span > img { position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.cate_m_banner p { position:relative; padding-top: 5px; font-size: 13px; font-weight: 500; line-height: 16px; }
.cate_m_banner p.on:after { content: ""; width: 6px; height: 6px; background: var(--pri-brand); border-radius: 50%; display: inline-block; position: absolute; top: 6px; margin-left: 2px; }


/* 카테고리 서브 배너 */
.cate_s_banner { margin: var(--defalt-margin); margin-top:18px; margin-bottom:95px; padding-bottom: 15px; }
.cate_s_banner .swiper-slide { border-radius: 10px; overflow: hidden; }
.cate_s_banner .swiper-slide span { position: absolute; left: 12px; bottom: 12px; font-size: 14px; font-weight: 500; color: var(--pri-white); }
.cate_s_banner .swiper-pagination { bottom: 0; }
.cate_s_banner .swiper-pagination-bullet { background: var(--gray-02); width: 15px; height: 2px; margin: 0 !important; border-radius: 0; opacity: 1; }
.cate_s_banner .swiper-pagination-bullet-active { background: var(--pri-black); }


/* 쇼핑몰배너관리 */
#newBannerList_2 { padding-left: 130px; }
#newBannerList_2.new-slider-wrap { margin: 0 20px 95px 20px; }
#newBannerList_2.new-slider-wrap .bx-viewport { border-radius: 10px; }
#newBannerList_2.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'; }
#newBannerList_2.new-slider-wrap .slider-counter .current-index { font-weight: 500; }
/* BASIC css end */