@charset "utf-8";



.slogan {
    opacity: 0;
    transform: translateY(20px);
    animation: fadeInRight 1s ease forwards;
    animation-delay: 0.5s; 
}
.big {
    opacity: 0;
    transform: translateY(20px);
    animation: fadeInUp 1s ease forwards;
    animation-delay: 1s; /* 두 번째 요소가 나타날 때까지의 지연 시간 */
}
.content_text {
    opacity: 0;
    transform: translateY(20px);
    animation: fadeInLeft 1s ease forwards;
    animation-delay: 1.5s; /* 세 번째 요소가 나타날 때까지의 지연 시간 */
}
.btn_link {
    opacity: 0;
    transform: translateY(30px);
    animation: BounceIn 1s ease forwards;
    animation-delay: 2s; /* 세 번째 요소가 나타날 때까지의 지연 시간 */
}






.sub_banner_box { background-color: #000; overflow: hidden; }
.text_box { position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%);  width: 100%; z-index: 10;}
.text_contents { max-width:calc(100% - 30%);  }
.text_contents h1 { line-height: 50px; }
.text_contents .slogan { line-height: 25px; margin-bottom: 0px; }
.text_contents .big {  }
.text_contents .content_text { font-size: 14px; margin: 25px 0 0; }
.btn_link { margin-top: 25px; color: #fff; font-weight: 400; letter-spacing: 0.6px; font-size: 16px; line-height: 45px; min-height: 45px; min-width: 150px; border-radius: 3em; display: inline-block; border: 1px #fff solid; text-decoration: none; text-align: center; }
.overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
.sub_img_bg { width: 100%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center center; object-fit: cover; animation: fadeInZoomOut 5s ease-out forwards; }
.sub_banner_inner { transform: translate3d(0px, 0, 0); position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); box-sizing: content-box; }
.sub_banner_item { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; display: block; }
.first_word { font-weight: 600; }
/* main_banner @media text style */
@media (max-width: 1024px) { 
    .text_box { width: calc(100% - 50px);}  
	.text_contents { text-align: center; } 
	.slogan { line-height: 30px; margin-top: 15px; margin-bottom: 20px; } 
}
@media (max-width: 991px) { 
    .text_box { width: calc(100% - 100px); } 
	.text_contents { margin-left: 0%; } 
}
@media (max-width: 768px) { 
	.line { margin: 10px auto; } 
	.slogan { line-height: 20px; margin-top: 0px; margin-bottom: 4px; } 
	.text_contents { max-width: calc(100% - 10%);  margin: 0 auto;text-align: center!important;}
}
/* 키 프레임 애니메이션 정의 */
@keyframes fadeInZoomOut {
    0% {
        opacity: 0.5;
        transform: scale(1.5);
    }
    100% {
        opacity: 1;
        transform: scale(1);
    }
}


/*id 스크롤 다운 */
.scroll_down { position: absolute; left: 50%; transform: translateX(-50%); bottom: 50px; z-index: 10;}
.btn_scroll { display: inline-block; padding: 10px; color: #fff; border-radius: 50px; cursor: pointer; transition: all 0.3s ease-in-out; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.05); transition: all 350ms cubic-bezier(0.50, 1, 0.07, 1); border: 1px solid rgba(250, 250, 250, 0.5);line-height: 50px; height: 55px;}
.btn_scroll:hover { transform: translateY(-5px);box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);border: 1px solid rgba(250, 250, 250, 1);}
.floating_arrow { -webkit-animation: floating_arrow 1.6s infinite ease-in-out 0s; -o-animation: floating_arrow 1.6s infinite ease-in-out 0s; animation: floating_arrow 1.6s infinite ease-in-out 0s;}
@keyframes floating_arrow {
    from {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    65% {
        -webkit-transform: translateY(11px);
        transform: translateY(11px);
    }
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
/*id 스크롤 다운 끝*/