/* BASIC css start */
.section-title { letter-spacing: -0.5px; font-size: 24px; margin-bottom: 20px; }
.section-title span { display: block; padding-bottom: 6px; font-size: 16px; font-weight: 400; color: #999; }
.productSection { padding-bottom: 60px; }


/* 2´Ü4´Ü¹è¿­ */
.newArea1 .items { display: flex; gap: 24px 10px; width: auto; padding: 0 20px; overflow: auto hidden; overscroll-behavior: contain auto; scrollbar-width: none; }
.newArea1 .items li { min-width: calc(-20px + 45.6667vw); max-width: calc(-20px + 45.6667vw); }
.newArea2 .items { gap: 24px 10px; width: auto; padding: 0 20px; grid-template-columns: auto; grid-auto-flow: column; grid-template-rows: auto auto; overflow: auto hidden; overscroll-behavior: contain auto; scrollbar-width: none; }
.newArea2 .items li { min-width: calc(-20px + 45.6667vw); max-width: calc(-20px + 45.6667vw); }
.newArea4 .items { display: grid; gap: 10px 10px; width: auto; padding: 0 20px; grid-template-columns: auto; grid-auto-flow: column; grid-template-rows: auto auto auto auto; overflow: auto hidden; overscroll-behavior: contain auto; scrollbar-width: none; }
.newArea4 .items li { min-width: calc(-20px + 85.6667vw); max-width: calc(-20px + 85.6667vw); }

.items .productInfo { padding: 10px 5px 0 0; }
.items .productInfo .listCode .styleCode { width: 65%; }
.items .productInfo .listName { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.items .productInfo .listDiscount { display: none; }


/* ¸ÞÀιè³Ê */
.main_slide { padding-top: 5px; }
.main_slide .swiper-slide { width: 90%; padding: 0 4%; }
.main_slide .swiper-slide .img { position: relative; border-radius: 14px; overflow: hidden; }
.main_slide .swiper-slide .img:before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 57%; background: linear-gradient(360deg, #000000, transparent); opacity: .4; }
.main_slide .swiper-slide .mv { position: relative; border-radius: 14px; overflow: hidden; display: flex; justify-content: center; align-items: center; aspect-ratio: 1 / 1; }
.main_slide .swiper-slide .mv video { max-width: 100%; object-fit: cover; }
.main_slide .swiper-pagination { width: auto; border-radius: 50px!important; right: 8%; left:inherit; bottom: 3%; padding: 4px 8px; background: rgba(34,34,34,.5); font-size: 10px; color: #999; }
.main_slide .swiper-pagination .swiper-pagination-current { color: #fff; font-weight: 500; }

.main_slide .txt_box{ color: #fff; position: absolute; bottom: 12%; left: 10%; }
.main_slide .txt_box .tag { padding-bottom: 5px; }
.main_slide .txt_box .tag img { width: auto; height: 22px; }
.main_slide .txt_box .tit { font-size: 28px; font-weight: bold; line-height: 34px; letter-spacing: -1px; }
.main_slide .txt_box .des { font-size: 14px; margin-top: 12px; }


/* ¸ÞÀιè³Ê_ÇÁ·Î¸ð¼Ç»ç¿ë */
.imgnone:before { display: none!important; }


/* ¼­ºê ¹è³Ê */
.sub_banner { display: flex; gap: 8px; padding: 16px 20px 0 20px; }
.sub_banner a { position: relative; width: 25%; }
.sub_banner a span { position: absolute; bottom: 7px; left: 0; width: 100%; text-align: center; font-size: 10px; font-weight: 600; }
.sub_banner .fcWh { color: #fff; }


/* ±âȹÀü ¹è³Ê */
.event_banner { padding: 16px 0 50px 0 !important; text-align: center; }
.event_banner .list { padding: 0 20px; display: flex; overflow-x: auto; white-space: nowrap; scrollbar-width: none; -ms-overflow-style: none; }
.event_banner .list:first-child { padding-bottom: 5px; }
.event_banner .list::-webkit-scrollbar { display: none; }
.event_banner .list a { display: flex; align-items: center; justify-content: center; padding: 3px 20px 3px 18px; margin-left: 5px; border: 1px solid #e8e8e8; border-radius: 30px; }
.event_banner .list a:first-child { margin-left: 0 !important; }
.event_banner .list a img { width: 30px; height: 30px; border-radius: 30px; }
.event_banner .list a p { padding: 0 8px; font-size: 15px; font-weight: 500; }
.event_banner .list a.new_point{border:1px solid #eb5e3e; color:#eb5e3e;}


/* À̺¥Æ® ¹è³Ê */
.middle_banner { margin-bottom: 70px !important; padding-bottom: 30px; padding-top: 15px; }
.middle_banner .swiper-pagination-bullet { background: #f3f3f3; width: 15px; height: 2px; margin: 0 !important; border-radius: 0; opacity: 1; }
.middle_banner .swiper-pagination-bullet-active { background: #000; }


/* ÅÇ ½½¶óÀ̵å */
.tabArea { position: relative; }
.tabArea .tab_menu { padding: 0 20px 16px 20px !important; }
.tabArea .tab_menu .swiper-slide { display: inline-table; width: auto; padding-right: 5px; }
.tabArea .tab_menu .swiper-slide > span { display: block; padding: 7px 14px; border: 1px solid #ccc; border-radius: 50px; line-height: 15px; font-size: 14px; cursor: pointer; color: #aaa; }
.tabArea .tab_menu .swiper-slide.swiper-slide-thumb-active > span { background: #000; color: #fff; border: 1px solid #000; }
.tabArea .tab_list .swiper-slide { background: #fff; }


/* ÁÖ¸»Æ¯°¡ */
/*.weekMain { display: none; }*/


/* ½ºÀ«¿þ¾î */
.swim_slide { padding: 0 22px 0 20px; }
.swim_slide.swiper-grid-column > .swiper-wrapper { flex-direction: row; }
.swim_slide .swiper-slide > img { margin-bottom: 5px; }
.swim_slide ul:last-child {display:none;}
.row2 .swim_slide .items .swiper-slide li { padding: 12px 0; border-bottom: 1px solid #e8e8e8; opacity: 0; transition: opacity 0.5s; }
.row2 .swim_slide .items .swiper-slide li:last-child { border-bottom: 0; }
.row2 .swim_slide .items .swiper-slide.swiper-slide-active li { opacity: 1; }
.row2 .swim_slide .items .productThumb { width: 20%; }
.swim_slide .items .productInfo { width: 72%; }
.swim_slide .items .productInfo .listName { font-size: 13px; line-height: 18px; overflow: hidden; text-overflow: ellipsis; letter-spacing: -.5px; }


/* ÃßõÄ÷º¼Ç */
.collecArea .collec_slide { padding: 0 20px; }


/* ÇÏ·çƯ°¡ ŸÀÌ¸Ó */
.countOneDay { position: relative; }
.countOneDay .timebox { position: relative; overflow: hidden; margin: 0 20px 20px 20px; height: 90px; background: url(//xexymix.jpg3.kr/xexymix/main/mobile/2025/time_tit_bg.jpg) no-repeat; background-size: cover;  }
.countOneDay .timebox .titL { position: absolute; top: 48%; left: 24px; transform: translateY(-50%); width: 170px; line-height: 25px; text-align: left; color: #fff; font-size: 32px; font-weight: 800; }
.countOneDay .timebox .titL span { display: block; padding-bottom: 10px; font-size: 12px; font-weight: 400; letter-spacing: -1px; line-height: normal; }
.countOneDay .timebox .titR { position: absolute; top: 18px; right: 24px; }
.countOneDay font { display: none !important; }
.countOneDay .timeel { display: inline-block; height: 45px; line-height: 45px; color: #0074f5; text-align: center; float: left; }
.countOneDay .hours, 
.countOneDay .minutes, 
.countOneDay .seconds { position: relative; width: 40px; border-radius: 5px; font-weight:600; font-size: 22px; background: #fff; }
.countOneDay .hours:before { content: "HOURS"; position: absolute; top: 32px; left: 0; width: 40px; color: #fff; font-size: 8px; text-align: center; font-weight: normal; }
.countOneDay .minutes:before { content: "MINS"; position: absolute; top: 32px; left: 0; width: 40px; color: #fff; font-size: 8px; text-align: center; font-weight: normal; }
.countOneDay .seconds:before { content: "SECS"; position: absolute; top: 32px; left: 0; width: 40px; color: #fff; font-size: 8px; text-align: center; font-weight: normal; }
.countOneDay .dot { position: relative; width: 16px; }
.countOneDay .dot:before { content: ""; position: absolute; top: 41%; left: 50%; width: 3px; height: 3px; border-radius: 3px; background: #fff; margin-left: -1.5px; }
.countOneDay .dot:after { content: ""; position: absolute; top: 56%; left: 50%; width: 3px; height: 3px; border-radius: 3px; background: #fff; margin-left: -1.5px; }
.countOneDay .listBtn { position: relative; max-width: 120px !important; min-width: 120px !important; height: calc(61vw); text-align: center; }
.countOneDay .listBtn a { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 100%; font-size: 13px; font-weight: 500; }
.countOneDay .listBtn a span { position: relative; display: block; width: 26px; height: 26px; margin: 0 auto 10px auto; border-radius: 26px; background: rgba(0, 0, 0, 1); cursor: pointer; }
.countOneDay .listBtn a span:before { content: ""; width: 6px; height: 6px; position: absolute; top: 10px; left: 8px; transform: rotate(-45deg); border-bottom: 1px solid #fff; border-right: 1px solid #fff; transition: 0.4s; }


/* ¸±·¹ÀÌƯ°¡ */
.relayMain {  }
.relayMain .titRB { position: relative; margin-bottom: 20px; }
/*.relayMain .titRB:before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 60%; background: linear-gradient(360deg, #000000, transparent); opacity: .4; }*/
.relayMain .titRB p { position: absolute; top: 50%; width: 100%; font-size: 15px; text-align: center; transform: translateY(-50%); }
.relayMain .titRB p span { display: block; font-size: 32px; font-weight: 700; padding-bottom: 5px; }
.relayMain .MoreBtn { top: 0 !important; }


/* ·¯´×±âȹÀü */
.newArea4 .items .productInfo { padding-top: 5px; }
.newArea4 .items .productInfo .listCode .crema-product-reviews-count { right: auto; left: 0; }


/* »óÇ°Áø¿­ ´õº¸±â(Àüü ¸ÞÀο¡¸¸ ÇØ´ç) */
.productSection .MoreBtn { position: absolute; top: 26px; right: 3px; padding-top: 0 !important; }
.productSection .MoreBtn a { border: 0; height: 27px; line-height: 29px; color: #aaa; margin: 0 15px; background: #fff; font-size: 13px; font-weight: 500; }
.productSection .MoreBtn a:after { top: 11px; margin-left: 3px; border-bottom: 1px solid #aaa; border-right: 1px solid #aaa; }

.section { position: relative; }
.section .MoreBtn { position: absolute; top: 26px; right: 3px; padding-top: 0 !important; }
.section .MoreBtn a { border: 0; height: 27px; line-height: 29px; color: #aaa; margin: 0 15px; background: #fff; font-size: 13px; font-weight: 500; }
.section .MoreBtn a:after { top: 11px; margin-left: 3px; border-bottom: 1px solid #aaa; border-right: 1px solid #aaa; }


/* BASIC css end */