/* BASIC css start */
#header .category { border-bottom:0 !important; }


#new_product .subname br:nth-child(1),
#new_product .subname font+br:nth-child(2) { display: none; }

#mainSliderContainer { opacity: 0; transition: .3s ease-in-out opacity; }


#add3_product .title,
#add4_product .title { display:none; }


#main_slide2 { max-width: 1246px; margin: 74px auto 0 auto; padding: 0 50px; background:#FFF; text-align:center; position:relative; overflow: hidden }
#main_slide2 .swiper-slide { width: auto; max-width: 404px; max-height: 107px; overflow: hidden; }
#main_slide2 .swiper-slide img {  }

#main_slide2 .prev-next-wrap { width: 1344px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 999; }
#main_slide2 .swiper-button-next, 
#main_slide2 .swiper-button-prev { color: #adadad; z-index: 1000; margin-top: 0; width: 50px; height: 107px; background: #FFF; transform: translateY(-50%); }
#main_slide2 .swiper-button-prev { left: -1px; }
#main_slide2 .swiper-button-next { right: -1px; }
#main_slide2 .swiper-button-next:after, 
#main_slide2 .swiper-button-prev:after { font-size: 42px; color: #adadad; }



#main_slide1 { position: relative; margin: 22px auto 37px auto; width: 100%; overflow: hidden; }
#main_slide1 .swiper-wrapper { transition-timing-function: linear; display: flex; align-items: center; }
#main_slide1 .swiper-slide { position: relative; border-radius: 18px; overflow: hidden; width: 30% !important; max-width: 750px; transition: transform 0.3s, opacity 0.3s; /*aspect-ratio: 3 / 4;*/ }
@media (max-width: 768px) {
    .swiper-slide {
        width: 75vw !important;
    }
}
#main_slide1 .swiper-slide > a { position: relative; display: block; overflow: hidden; pointer-events: none; }
/*
#main_slide1 .swiper-slide > a::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(360deg, #000000, transparent); opacity: .4; }
*/
#main_slide1 .swiper-slide > a::after{ content:''; position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box; background:rgba(0,0,0,0.7); transition:0.3s ease-in-out all; }
#main_slide1 .swiper-slide .text-box { width: calc(100% - 28px); padding: 62px 28px; position: absolute; bottom: 0; left: 0; }
#main_slide1 .swiper-slide .text-box dt { font-weight: 500; font-size: 32px; line-height: 40px; color: #fff; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; max-height: 80px; text-wrap: pretty; }
#main_slide1 .swiper-slide .text-box dd { margin-top: 22px; font-weight: 500; font-size: 16px; line-height: 16px; color: #fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }


#main_slide1 .swiper-slide img { width: 100%; object-fit: contain; }
#main_slide1 .swiper-slide-prev > a,
#main_slide1 .swiper-slide-next > a,
#main_slide1 .swiper-slide-active > a { pointer-events: auto; }

#main_slide1 .swiper-slide-prev,
#main_slide1 .swiper-slide-next,
#main_slide1 .swiper-slide-active {  }

#main_slide1 .swiper-slide-prev > a::after,
#main_slide1 .swiper-slide-next > a::after,
#main_slide1 .swiper-slide-active > a::after { background:transparent; }

#main_slide1 .prev-next-wrap { width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 999; }
#main_slide1 .swiper-button-next { right: 32px; }
#main_slide1 .swiper-button-prev { left: 32px; }

#main_slide1 .swiper-button-next, 
#main_slide1 .swiper-button-prev { color: #FFF; z-index: 1000; }
#main_slide1 .swiper-button-next::before { right: 0px; }
#main_slide1 .swiper-button-prev::before { left: 0; }


.category-list .list { display: flex; flex-wrap: wrap; gap: 0 9px; justify-content: center; list-style: none; width: 1120px; margin: 11px auto 0 auto; padding: 0; }
.category-list .list li a { display: inline-flex; align-items: center; padding: 4px 12px 4px 6px; border: 1px solid #eee; border-radius: 20px; text-decoration: none; color: #333; font-size: 13px; background-color: #fff; transition: background-color 0.2s; }
.category-list .list li a:hover { background-color: #f5f5f5; }
.category-list .icon { width: 29px; height: 29px; border-radius: 50%; margin-right: 5px; object-fit: contain; }
.category-list .icon+span { font-size: 15px; font-weight: 400; }

#recommendedProductsInShortForm { margin-top: 112px; padding: 53px 0 60px; background: #000; }
#recommendedProductsInShortForm .title { margin: 0 0 34px; padding-left: 40px; font-weight: 500; font-size: 30px; color: #FFF; }
#recommendedProductsInShortForm .content_box { width: 1422px; }
#main_slide3 { width: 1342px; margin: 0 auto; padding: 0 40px; overflow: hidden; }
#main_slide3 .swiper-slide { width: auto; max-width: 320px; }
#main_slide3 .prev-next-wrap { position: realtive; }
#main_slide3 .swiper-button-next, 
#main_slide3 .swiper-button-prev { width: 40px; height: 522px; margin-top:0; top: 71px; background: #000; color: #FFF; z-index: 1000; }
#main_slide3 .swiper-button-prev { left: 0; }
#main_slide3 .swiper-button-next { right: 0; }
#main_slide3 .swiper-button-next::before { right: 0px; }
#main_slide3 .swiper-button-prev::before { left: 0; }
#main_slide3 .swiper-button-next:after, 
#main_slide3 .swiper-button-prev:after { font-size: 42px; color: #FFF; }

.new_main_banner-wrap { max-width: 1588px; margin: 0 auto; position: relative; }
.new_main_banner-wrap .swiper-button-next, 
.new_main_banner-wrap .swiper-button-prev { color: #959595; z-index: 1000; }
.new_main_banner { max-width: 1446px; margin: 0 auto; padding: 0; position: relative; overflow: hidden; }
.new_main_banner .swiper-slide { max-width: 372px; padding: 0; }
.new_main_banner .swiper-slide > a { display: block; }
.new_main_banner .swiper-slide img { max-width: 330px; border-radius: 18px; }
.new_main_banner .swiper-slide dl { display: block; margin: 15px 0 0; padding: 0; width: 330px; text-align: center; }
.new_main_banner .swiper-slide dl > dt { margin: 0; padding: 0; font-size: 22px; line-height: 22px; color: #696969; letter-spacing: -0.5px; }
.new_main_banner .swiper-slide dl > dd { margin: 10px 0 0; padding: 0; font-size: 15px; line-height: 15px; color: #acacac; letter-spacing: -1px; }


#weeklyBest .title { padding-bottom: 40px; }
#weeklyBest .swiper { width: 1250px; margin-left: auto; margin-right: auto; position: relative; overflow: hidden; overflow: clip; list-style: none; padding: 0; z-index: 1; display: block; }
#weeklyBest .swiper-slide { background: #FFF; }
#weeklyBest .swiper-slide .product { padding-top: 81px; min-width: 1250px; min-height: 1406px; }
#weeklyBest .swiper-pagination { top: 0; bottom: auto; }
#weeklyBest .swiper-pagination-bullet { display: inline-flex; min-width: 130px; width: auto; height: 42px; align-items: center; justify-content: center; border-radius: 0; background: #FFF; font-family: 'Pretendard'; font-size: 16px; color: #121212; opacity: 1; }
#weeklyBest .swiper-pagination-bullet-active { background: #3a3a3a; color: #FFF; }



.countdown-container {
    box-sizing: border-box;
    min-width: 330px;
    min-height: 330px;
    margin: 0 42px 0 0;
    background: #000;
    color: #fff;
    padding: 40px;
    border-radius: 20px;
    text-align: center;
    display: flex;
    flex-flow: column wrap;
    align-items: center;
    justify-content: center;
}

.countdown-label {
    font-size: 30px;
}

.countdown-label .highlight {
    color: #ff0000;
    font-weight: bold;
}

.countdown-timer {
    margin: 20px 0;
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 2px;
}
.countdown-timer span {
    font-weight: 400;
    font-size: 15px; 
}

.countdown-subtitle {
    font-size: 14px;
    color: #999;
}

/* BASIC css end */