@charset "UTF-8";
/*
*--------------------------------------------*
|                   Main                     |
*--------------------------------------------*
*/	
/*body::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(to bottom, rgba(14, 14, 14, 0) 16%, rgba(14, 14, 14, 0.15) 20%, rgba(14, 14, 14, 0.35) 25%, rgba(14, 14, 14, 0.58) 33%, #0e0e0e 41%);}*/

.body-container { background-color: #0e0e0e;}
.main-section .main-swiper-wrap { position: relative; z-index: 1;}
/*.main-section .main-swiper-wrap::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(to bottom, rgba(14, 14, 14, 0) 16%, rgba(14, 14, 14, 0.15) 20%, rgba(14, 14, 14, 0.35) 25%, rgba(14, 14, 14, 0.58) 33%, #0e0e0e 41%);}*/
.main-section .main-swiper-wrap .swiper-slide::before{ content: ""; position: absolute; bottom: 0; left: 0; z-index: 2; pointer-events: none; width: 100%; height: 200px;
    background-image: linear-gradient(180deg,rgba(255, 255, 255, 0) 0%, rgba(14, 14, 14, 1) 80%);}
.main-swiper-wrap .swiper-button-prev,
.main-swiper-wrap .swiper-button-next {
    z-index: 2;
}


.main-content-container{ display: flex; flex-direction: column; gap: 56px; position: relative; z-index: 1; max-width: var(--pd-inner);margin: -13.10vw auto 0; }
.main-content-container .common-list-wrap .no-data{ margin-left: 0;}
/*.main-content-container .sub-section:nth-of-type(2){ background-color: #0e0e0e; }*/
.main-section{ height: 56.25vw; max-height: 100vh; margin-top: -68px;}
.main-section .main-swiper-wrap { overflow: hidden; height: 100%; }
.main-section .main-swiper-wrap .swiper-container{ height: 100%; }
.main-section .main-swiper-wrap .swiper-slide{ position: relative; z-index: 3; width: 100%; height: 100%; background-size: cover; cursor: default; }
/* .main-section .main-swiper-wrap .swiper-slide::after{ content: ""; z-index: 2; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(7deg, rgba(0, 0, 0, 0.8500) 10.00%, rgba(0, 0, 0, 0.8465) 17.25%, rgba(0, 0, 0, 0.8361) 24.50%, rgba(0, 0, 0, 0.8187) 31.75%, rgba(0, 0, 0, 0.7944) 39.00%, rgba(0, 0, 0, 0.7632) 46.25%, rgba(0, 0, 0, 0.7250) 53.50%, rgba(0, 0, 0, 0.6868) 60.75%, rgba(0, 0, 0, 0.6556) 68.00%, rgba(0, 0, 0, 0.6312) 75.25%, rgba(0, 0, 0, 0.6139) 82.50%, rgba(0, 0, 0, 0.6035) 89.75%, rgba(0, 0, 0, 0.6000) 97.00%);} */
.main-section .swiper-button-next,
.main-section .swiper-button-prev{ opacity: 0; width: 50px !important; height: 65px !important; transition: opacity .3s ease; pointer-events: none;}
.main-section:hover .swiper-button-next,
.main-section:hover .swiper-button-prev{ opacity: 1; pointer-events: auto; }
.main-section .swiper-button-prev:after, 
.main-section .swiper-button-next:after{ content: "" !important; width: 100%; height: 100%; transition: transform 0.2s ease;}
.main-section .swiper-button-prev:after{ background: url("/images/common/main-prev-slide-icon.svg") no-repeat center center / cover !important; }
.main-section .swiper-button-next:after{ background: url("/images/common/main-next-slide-icon.svg") no-repeat center center / cover !important; }
.main-section .swiper-button-prev:hover:after, 
.main-section .swiper-button-next:hover:after{ transform: scale(1.24);}

.main-section .banner-txt-wrap{ position: relative; z-index: 10; bottom: 35%; display: flex; flex-direction: column; justify-content: flex-end; position: absolute; top: 0; width: 100%; max-width: var(--pd-inner); word-break: keep-all;left: 50%; transform: translateX(-50%); padding: 0 60px;}
.main-section .banner-txt-wrap h2{ margin-bottom: 40px; font-family: 'Montserrat'; color: var(--white); font-size: 60px; font-weight: 800; line-height: 1.05; letter-spacing: normal; word-break: keep-all; }
.main-section .banner-txt-wrap p{ color: var(--white); font-size: 1.2vw; font-weight: normal; line-height: 1.25; letter-spacing: normal; word-break: keep-all; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.45);}
.main-section .banner-txt-wrap .btn-wrap{ margin-top: 30px; }
.main-section .banner-txt-wrap .btn-wrap .btn-info{ display: inline-flex; align-items: center; gap: 13px; background-color: rgba(109, 109, 110, 0.7); padding: 0.8rem; padding-left: 2rem; padding-right: 2.4rem; color: var(--white); font-size: 1.6rem; font-weight: 500; line-height: 2.4rem; border-radius: var(--pd-bdrs-base4);}
.main-section .banner-txt-wrap .btn-wrap .btn-info:hover{ background-color: rgba(109, 109, 110, 0.4); }
.main-section .banner-txt-wrap .btn-wrap .btn-info i{ display: inline-block; width: 2.4rem; height: 2.4rem; background: url("/images/common/icons/icon-detailInfo.svg") no-repeat center center / cover; }

.sub-section{ position: relative; z-index: 1; padding-left: 60px; padding-right: 60px; }
/*.sub-section:first-of-type{ margin-top: 0; background-image: linear-gradient(to bottom, rgba(14, 14, 14, 0) 16%, rgba(14, 14, 14, 0.15) 20%, rgba(14, 14, 14, 0.35) 25%, rgba(14, 14, 14, 0.58) 33%, #0e0e0e 41%); }*/
.sub-section{ margin-top: 0; background-image: linear-gradient(to bottom, rgba(14, 14, 14, 0) 16%, rgba(14, 14, 14, 0.15) 20%, rgba(14, 14, 14, 0.35) 25%, rgba(14, 14, 14, 0.58) 33%, #0e0e0e 41%); }
/* .brand-swiper .swiper-slide{ width: 150px !important; height: 150px !important; } */
.brand-swiper .swiper-slide > img{ width: 100%; height: 100%; }

.main-curation { display: flex; flex-direction: column; gap: 57.6px;}
.main-curation .curation-cont .brand-swiper { overflow: hidden; align-items: stretch;}
.main-curation .common-list-wrap {margin-top: -8px;}
/* Brand item height 통일 */
.main-curation .swiper-slide { padding: 16px; height: auto;}
.main-curation .swiper-slide .brand-item { height: 100%; }

/* 메인-팝업공지 */
.k-window-content.kendo-window.main-popup{ padding: 0 !important; }
/*.main-popup .popup-btn{ position: fixed; bottom: 0; left: 0; }*/
.kendo-window.main-popup .popup-btn { display: flex; align-items: center; justify-content: space-between; padding: 5px; background: #000; font-size: 12px; color: #fff;}
.cookie-check { display: flex; align-items: center; gap: 2px;}
.cookie-check .btn-close { flex-shrink: 0; font-size: 14px; font-weight: normal; letter-spacing: normal; }
.cookie-check label{ font-size: 14px; }

/*
*--------------------------------------------*
|                    Media                   |
*--------------------------------------------*
*/
@media screen and (max-width: 1280px) {
    /* .main-section .banner-txt-wrap {left: 60px;} */
    .body-container{ margin-top: 54px; padding-top: 10px; min-height: 410px;}
    
    .main-curation .curation-cont .common-tit-wrap {margin-bottom: 16px;}
    .brand-swiper .contents-wrap{ border-radius: var(--pd-bdrs-base10); }
    /* .brand-swiper .swiper-slide{ width: 20vw !important; height: 20vw !important; } */
}
@media screen and (min-width: 1024px) {
    .sub-section{ padding-left: 30px; padding-right: 30px;}
}
@media screen and (max-width: 1100px) {
    .body-container {margin-top: 0;}
    .main-content-container { margin-top: unset; }
    .sub-section:first-of-type { margin-top: 3vw;}
    .main-section { margin: 0 auto; width: calc(100% - 48px); aspect-ratio: 7.1 / 10; min-height: 482px;}
    .main-section .main-swiper-wrap { width: 100%; height: 100%; overflow: hidden; border: solid 1px #414141; border-radius: var(--pd-bdrs-base12); }
    .main-section .main-swiper-wrap .swiper-container{ width: 100%; height: 100%; }
    .main-section .main-swiper-wrap .swiper-slide{ background-position: center right;}
    .main-section .swiper-button-prev,
    .main-section .swiper-button-next { display: none;}
    .main-curation .curation-cont .common-tit-wrap { margin-bottom: 12px; }
    .main-section .banner-txt-wrap { padding: 4.13vw; width: 100%; position: absolute; bottom: 0; top: unset; left: 50%; transform: translateX(-50%);  text-align: center; }
    .main-section .banner-txt-wrap h2 { margin: 5.69vw 0; font-size: 48px; line-height: 1.1; letter-spacing: normal; word-break: auto-phrase; }
    .main-section .banner-txt-wrap p { font-size: 3.59vw; line-height: 1.4; letter-spacing: normal; }
    .main-section .banner-txt-wrap .btn-wrap{ margin-top: 16px; display: flex; justify-content: center;}
    .main-section .banner-txt-wrap .btn-wrap .btn-info { font-size: 14px; height: 34px; padding: 0 1.5rem 0 1rem;}
    .main-section .banner-txt-wrap .btn-wrap .btn-info i { width: 20px; height: 20px; }
    
    .main-content-container .common-tit-wrap .common-tit { width: fit-content; line-height: 1.3;}

    .main-section{ min-height: 412px;}
}

@media screen and (max-width: 1024px) {
    .sub-section{ padding-left: 16px; padding-right: 16px;}
}
@media screen and (max-width: 768px) {
    .main-curation .swiper-slide { padding: 8px;}
}

@media (min-width: 1024px) and (max-height: 720px){
    /* 작은 노트북 */
    .main-content-container { margin-top: -6.1vw;}
}

@media screen and (min-width: 2025px){
    /* 긴 모니터 */
    .main-content-container { margin-top: -6.1vw;}
}