@charset "utf-8";
/* 새글 스킨 (latest) */
.main-visual{position: relative;}
.main_banner_slider{position:relative;}
.main_banner_slider .lt_img{display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;width:100%;height:100%;height:100vh;height:100svh;background:#433c3a;overflow:hidden;}
.main_banner_slider .lt_img img{width:100%;height:100vh;height:100svh;min-height:100vh;min-height:100svh;margin:0;object-fit: cover;}
.main_banner_slider .lt_img .no_img{max-width:60%;}

.main_banner_slider .banner_txt{
    display:flex;
    flex-flow:column nowrap;
    gap:16px;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    z-index:2;
    width:90%;
    max-width:1200px;
    color:#fff;
    padding-bottom:100px;
    text-align:center;
}
.main_banner_slider .banner_txt h2{
    font-size:clamp(24px,3.6vw,56px);
}
.main_banner_slider .banner_txt p{
    font-size: 18px;
    line-height: 1.4;
}

.mainbanner_btn_mod{position: absolute;bottom: 70px;right: 20px;z-index:2;}
.mainbanner_btn_mod a{display: inline-block;padding: 8px 16px;background: #e8e8e8;}


/* Image Parallax */
.main_banner_slider .banner_item{
    overflow:hidden;
}
.main_banner_slider .lt_img img{
    width:100%;
    display:block;
    transform:scale(1.12);
    transition:transform 6000ms linear;
}

.main_banner_slider.loaded .slick-current .lt_img img{
    transform:scale(1);
    transition: transform 6000ms linear;
    opacity:0.8;
}


/* text Parallax */
.main_banner_slider .banner_txt h2{
    opacity:0;
    transform:translateX(120px);
    transition:all 1s ease;
}
.main_banner_slider.loaded .slick-current .banner_txt h2{
    opacity:1;
    transform:translateX(0);
}


.main_banner_slider .banner_txt p{
    opacity:0;
    transform:translateX(120px);
    transition:all 1s ease;
}
.main_banner_slider.loaded .slick-current .banner_txt p{
    opacity:1;
    transform:translateX(0);
    transition-delay:.3s;
}



@media all and (max-width:540px){
    .main_banner_slider .banner_txt p{font-size:15px;}
}






/* ========================================
   MAIN VISUAL - SLOGAN
======================================== */

.main_visual {
    position: relative;
    overflow: hidden;
}

/* 슬로건 기본 스타일 */
.main_visual_slogan {
    position: absolute;
    left: 50%;
    bottom: 6%;
    z-index: 5;

    width: calc(100% - 40px);
    max-width: 1400px;

    color: #fff;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.04em;
    line-height: 1.6;
    text-align: center;

    opacity: 0;
    transform: translate(-50%, 30px);

    animation: sloganFadeUp 1.2s ease-out 0.6s forwards;
}

/* 아래에서 위로 올라오는 애니메이션 */
@keyframes sloganFadeUp {
    0% {
        opacity: 0;
        transform: translate(-50%, 30px);
    }

    100% {
        opacity: 1;
        transform: translate(-50%, 0);
    }
}

/* 태블릿 */
@media (max-width: 1024px) {
    .main_visual_slogan {
        bottom: 5%;
        font-size: 14px;
        letter-spacing: 0.02em;
    }
}

/* 모바일 */
@media (max-width: 767px) {
    .main_visual_slogan {
        bottom: 5%;
        width: calc(100% - 40px);
        font-size: 14px;
        line-height: 1.7;
        letter-spacing: 0;
    }
}

/* 작은 모바일 */
@media (max-width: 540px) {
    .main_visual_slogan {
        bottom: 4%;
        max-width: 300px;
        font-size: 14px;
        line-height: 1.6;
    }
}

/* 움직임 최소화 설정 사용자 */
@media (prefers-reduced-motion: reduce) {
    .main_visual_slogan {
        animation: none;
        opacity: 1;
        transform: translate(-50%, 0);
    }
}