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

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

/* »ó´Ü ¸Þ´º */
.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: #f5f5f5; border-radius: 30px; }
.icon_menu .search_box input { border: 0; width: 100%; height: 36px; background: #f5f5f5; padding: 0; margin-left: 12px; font-size: 14px; }
.icon_menu .search_box input::placeholder { color: #a5a5a5; }
.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:#eb5e3e; color:#fff; }
.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: #f2f2f2; 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: 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 { padding-top: 159px; padding-left: 130px; padding-bottom: 20px; }

#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; }


/* Ä«Å×°í¸® ¸ÞÀÎ ¸Þ´º */
.cate_m_banner { padding: 16px 20px !important; 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: #eb5e3e; border-radius: 50%; display: inline-block; position: absolute; top: 6px; margin-left: 2px; }


/* Ä«Å×°í¸® ¼­ºê ¹è³Ê */
.cate_s_banner { margin: 18px 20px 95px 20px; 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: #fff; }
.cate_s_banner .swiper-pagination { bottom: 0; }
.cate_s_banner .swiper-pagination-bullet { background: #f3f3f3; width: 15px; height: 2px; margin: 0 !important; border-radius: 0; opacity: 1; }
.cate_s_banner .swiper-pagination-bullet-active { background: #000; }


.new-slider-wrap { margin: 18px 20px 95px 20px; }
.new-slider-wrap .bx-viewport { border-radius: 10px; }
.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'; }
.new-slider-wrap .slider-counter .current-index { font-weight: 500; }
/* BASIC css end */