@charset "utf-8";

/*
 * 국문 전용 CSS — /ko 메인 페이지
 *
 * page_head.do 가 LOCALE !== 'en' 이고 $route === 'main' 일 때만 로드한다.
 * 공용 main.css 다음에 로드되므로 같은 명시도에서는 이 파일이 이긴다.
 *
 */

 /* hero section */
.sct-hero{height: 100vh; overflow: hidden;}
.sct-hero .atc-content{position: relative; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: center; row-gap: 9.38vw;}
.sct-hero .hero-slide{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.sct-hero .hero-slide > ul{position: relative; width: 100%; height: 100%;}
.sct-hero .hero-slide .slick-list{width: 100%; height: 100%;}
.sct-hero .hero-slide .slick-track{width: 100%; height: 100%;}
.sct-hero .hero-slide .slick-slide{}
.sct-hero .hero-slide .bg{position: relative; width: 100%; height: 100%;}
.sct-hero .hero-slide .bg::before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6);}
.sct-hero .hero-slide .bg img{width: 100%; height: 100%; object-fit: cover;}
.sct-hero .hero-slide .slick-dots{position: absolute; bottom: 3.13vw; left: 0; width: 100%; display: flex; justify-content: center; align-items: center; column-gap: 0.42vw;}
.sct-hero .hero-slide .slick-dots li{display: flex;}
.sct-hero .hero-slide .slick-dots li button{width: 0.83vw; border-radius: 50%; background-color: rgba(255, 255, 255, 0.5); aspect-ratio: 1/1; transition: background-color 0.3s ease-out; font-size: 0; line-height: 0;}
.sct-hero .hero-slide .slick-dots li.slick-active button{background-color: #fff;}
.sct-hero .atc-content .text{position: relative;}
.sct-hero .atc-content .text > .inner{display: flex; flex-direction: column; row-gap: 1.25vw;}
.sct-hero .atc-content .text .title{font-size: 2.5vw; line-height: 1.08; font-weight: 700; font-family: var(--font-family-sub); text-wrap: balance;}
.sct-hero .atc-content .text .descript{font-size: 1.458vw; text-wrap: balance;}
.sct-hero .atc-content .search-bar{}
.sct-hero .atc-content .search-bar t-booking-widget{max-width: 880px;}

/* partners section */
.sct-partners{}
.sct-partners .atc-text{}
.sct-partners .atc-text .comm-subtitle{text-align: center;}
.sct-partners .atc-content{}
.sct-partners .partners-loop{position: relative; display: flex; overflow: hidden; mask-image: linear-gradient(90deg, transparent 0, #000 6%, #000 94%, transparent 100%); -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 6%, #000 94%, transparent 100%);}
.sct-partners .partners-loop ul{flex-shrink: 0; width: 100vw; display: flex; align-items: center; justify-content: space-around; animation: partners-loop var(--partners-loop-duration, 40s) linear infinite;}
.sct-partners .partners-loop:hover ul{animation-play-state: paused;}
.sct-partners .partners-loop ul li{flex-shrink: 0;}
.sct-partners .partners-loop ul li .image{}
.sct-partners .partners-loop ul li .image img{display: block; width: 100%; height: auto; transition: filter 0.3s ease-out;}
:root[data-theme="dark"] .sct-partners .partners-loop ul li .image img{filter: brightness(0) invert(1);}

/* 로고별 폭 — 2x 에셋이므로 원본 폭의 절반을 1920 기준 vw 로 환산한 값. */
.sct-partners .partners-loop ul li.samsung{width: 9.58vw;}
.sct-partners .partners-loop ul li.hyundai{width: 13.39vw;}
.sct-partners .partners-loop ul li.lg{width: 6.93vw;}
.sct-partners .partners-loop ul li.sk{width: 4.48vw;}
.sct-partners .partners-loop ul li.posco{width: 9.38vw;}
.sct-partners .partners-loop ul li.samsung-securities{width: 7.66vw;}
.sct-partners .partners-loop ul li.nh{width: 10.99vw;}
@keyframes partners-loop{from{transform: translateX(0);} to{transform: translateX(-100%);}}

/* MEDIA QUERY */
@media (max-aspect-ratio: 10/9) {

    /* hero section */
    .sct-hero .hero-slide .slick-dots{display: none !important;}
    .sct-hero .atc-content{row-gap: 16.67vw;}
    .sct-hero .atc-content .text > .inner{row-gap: 6.667vw;}
    .sct-hero .atc-content .text .title{font-size: 6.667vw;}
    .sct-hero .atc-content .text .descript{font-size: 4.444vw;}

    /* partners section */
    .sct-partners .partners-loop ul{--partners-loop-duration: 24s; width: auto; justify-content: flex-start; column-gap: 8.89vw; padding-right: 8.89vw;}

    /* 원본 폭의 30% 를 360 기준 vw 로 환산한 값. */
    .sct-partners .partners-loop ul li.samsung{width: 30.67vw;}
    .sct-partners .partners-loop ul li.hyundai{width: 42.83vw;}
    .sct-partners .partners-loop ul li.lg{width: 22.17vw;}
    .sct-partners .partners-loop ul li.sk{width: 14.33vw;}
    .sct-partners .partners-loop ul li.posco{width: 30.00vw;}
    .sct-partners .partners-loop ul li.samsung-securities{width: 24.50vw;}
    .sct-partners .partners-loop ul li.nh{width: 35.17vw;}
}

@media (prefers-reduced-motion: reduce) {
    .sct-partners .partners-loop ul{animation: none;}
}