body {color: #222;   font-family: "Pretendard", "¸¼Àº °íµñ", AppleGothic, Dotum, "µ¸¿ò",
    sans-serif;}

/*ÀÎÆ®·Î*/
.intro_wrap { position: relative; width: 100%;height: 100vh; height: 100dvh; z-index: 2; display: flex; flex-direction: column; 
 box-sizing: border-box;} 


.intro_logo, .intro {
    flex-shrink: 0; 
}

.main_video { width: 100%; overflow: hidden;height: 100vh; height: 100dvh; position: fixed; top: 0; left: 0; z-index:1;}
#bg_video{width: 100%; height: 100%;  object-fit: cover; position: relative; }

.intro_logo{ z-index: 3; display: flex; align-items:flex-end; height: 97px; padding:  0 110px;}
.intro_logo .logo_wrap{display: flex; align-items: center; gap: 10px;}
.intro_logo img{width:70px;}
.intro_logo .date{font-size: 16px;line-height: 19px; letter-spacing: -1.44px;}
.intro_logo .vol{font-weight: bold;}
.intro_text{color: #fff; text-align: center; font-size: 30px; max-width: 700px;width: 100%;    margin: auto;   display: flex; flex-direction: column;  justify-content: center;   z-index: 3;}
.intro_text .line {display: flex;justify-content: space-between;width: 100%;}
.intro_text span {color: #fff;font-size: 24px;font-weight: 600;line-height: 120px; letter-spacing: -0.48px;color: #fff;white-space: nowrap; font-family: "Tenada";}

.intro .intro_tit{ text-align: center;color:#fff;  font-family: "Tenada"; font-size: 100px;font-weight: 700;line-height: 100px; letter-spacing: -4.8px;}


.intro .intro_btn { position: relative; display:flex;  margin: 36px auto 52px auto; width: 183px; height: 44px;text-decoration: none;  overflow: hidden;   border-radius: 999px; }
.intro .intro_btn > div {font-weight: 600;line-height: 32px;font-size: 24px;letter-spacing: -0.48px;border-radius: 999px;display: flex;align-items: center;justify-content: center; width: 100%;height: 100%;transition: all 0.4s ease}
.intro .intro_btn .btn_text_n { border: 2px solid #fff; color: #fff; position: absolute; top: 0;left: 0; z-index: 1;background: transparent;box-sizing: border-box; }
.intro .intro_btn .btn_text_h {  color: #B18E03; background: #fff;position: absolute;top: 100%;left: 0;z-index: 2;opacity: 0;}

.intro .intro_btn:hover .btn_text_n { top: -100%; opacity: 0;}
.intro .intro_btn:hover .btn_text_h {top: 0;opacity: 1;}

@media all and (max-width: 1279px) {
    .intro_logo{ height: 60px; padding: 0 40px;}
    .intro_text span {line-height: 120px; }
    .intro .intro_btn{margin: 24px auto 54px auto;}
}

@media all and (max-width: 1024px){
 .intro_text span {font-size: 20px; line-height: 80px;}
 .intro .intro_tit{ font-size: 80px; line-height: 80px;}
 .intro_text{padding: 0 40px;}
 .intro .intro_btn{ width: 160px; height: 44px}
 .intro .intro_btn > div {font-size: 20px;  line-height: 28px;}}


@media all and (max-width: 1023px){
 .intro_logo{padding: 0 20px; height:60px; align-items: center;}
 .intro_logo img { width: 40px; } 
 .intro_logo .date{ font-size: 14px;font-weight: 400;line-height: 17px;letter-spacing: -0.56px; } 
}

@media all and (max-width: 480px) {
    .intro .intro_tit{ font-size: 60px;line-height: 60px;}
        .intro .intro_btn{margin: 10px auto 54px auto;}
    .intro .intro_btn > div{font-size: 20px;  line-height: 28px;}
}
@media screen and (max-height: 420px) {
    .intro_text span {font-size: 20px; line-height: 30px;}
    .intro .intro_tit{ font-size:40px;line-height: 40px; letter-spacing: 0px;}
     .intro .intro_btn{margin: 10px auto 24px auto;  width: 160px; height: 44px}
    .intro .intro_btn > div{font-size: 20px; line-height: 28px; }

}
/*¸ÞÀÎ*/
.main_cont { display: flex;}

/*¸ÞÀÎ ¿ÞÂÊ ¿µ»ó*/
.left_video {position: fixed;top: 80px; left: 0;width: 35%; height: 100vh;overflow: hidden;     z-index: -1;  }
.left_video video {width: 100%; height: 100%;object-fit: cover; filter: brightness(0.7);}

/*¸ÞÀÎ ¿ÞÂÊ*/
.left_txt.tm_only{display:none;}
.left_txt{width: 35%;display: flex; justify-content: space-between; flex-direction: column; padding: 100px 110px; color: #fff; position: relative; z-index: 1; gap: 20px; margin-top: 80px;}
.left_tit{  font-family: "Tenada";color: #fff;font-size: 72px;font-weight: 700;line-height: 86px; letter-spacing: -2.88px; margin: 0 0 35px 0;}
.left_t{color: #fff;font-size: 22px;font-weight:300;line-height: 34px;letter-spacing: -0.44px;}
.left_line{width: 1px; height: 100%; background: #fff;}
.left_logo{margin-bottom: 28px;}
.left_logo img{width: 117.605px;}

/*¸ÞÀÎ ¿À¸¥ÂÊ*/
.right_cont{width: 65%;   margin-top: 80px;}
.right_cont .img{border-radius: 20px;}



@media all and (max-width: 1800px) {
.left_txt{padding: 80px 55px;}
.left_tit{font-size: 60px;line-height:74px }
}


@media all and (max-width: 1660px) {
.left_top .pc_only{display: none;}
.left_t  .pc_only{display: none;}
}


@media all and (max-width: 1279px) {
.left_video{width: 34%;}
.left_txt{padding: 80px 40px; width:34%;}
.left_tit{font-size: 56px;line-height:70px }
.left_t{font-size: 19px; line-height: 30px;}
.right_cont{width: 66%;}
}

@media all and (max-width: 1100px) {
.left_tit{font-size: 52px;line-height:68px }}

@media all and (max-width: 1023px) {
.main_cont { display: block}
.left_video {position: relative;margin-top:0px; height: 85vh;width: 100%; top:auto; left:auto; margin-top: 60px;}
.left_logo{margin: 24px auto; text-align: center !important;}

.tb_date{color:#fff;text-align: center;font-size: 18px;font-weight: 400;line-height: 24px;letter-spacing: -0.18px;}
.tb_vol{font-weight: 600; margin-bottom: 28px;}
.left_tit{font-size: 72px; text-align: center;font-weight: 700;line-height: 86px;letter-spacing: -2.88px; margin-bottom: 16px; }
.left_t{font-size: 20px;letter-spacing: -0.4px; line-height: 38px; text-align: center;}
.right_cont{width: 100%; margin-top: 0px;}

.left_txt.tm_only{display:flex !important; width: 100%;  position: absolute; top:0; left:0;  z-index: 3; margin-top: 0; flex-direction: column; align-items: center; padding: 40px 20px; box-sizing: border-box; height: 100%; transform: none; justify-content: center;}
.left_txt.pc_only{display: none; }
.left_t.mm{margin-top: 20px;}
}

@media all and (max-width: 767px) {
.tb_date{font-size: 14px;line-height: 20px;letter-spacing: -0.28px;}
.left_tit{font-size: 64px; text-align: center;font-weight: 700;line-height: 72px;letter-spacing: -2.56px;  }
.left_t{font-size: 15px;letter-spacing: -0.18px; line-height:30px; text-align: center;}
.left_t.mm{margin-top:10px;}
}


@media all and (max-width: 480px) {
.left_video { height: calc(100vh - 80px);}

.tb_date{font-size: 14px;line-height: 20px;letter-spacing: -0.28px;}
.left_tit{font-size:46px; text-align: center;font-weight: 700;line-height:52px;letter-spacing: -1.92px;  margin-bottom: 6px;}
.pc_only3{display: none;}


}


.t20{font-size: 20px;font-weight: 400;line-height: 38px; letter-spacing: -0.4px;  color: #fff;}
.t24{font-size: 22px;font-weight: 600;line-height: 32px; letter-spacing: -0.72px;margin:20px 6px 0px 6px;  word-break: keep-all;}
.t36{color: #fff;font-size: 36px;font-weight: 600;line-height: 48px;letter-spacing: -0.72px;}
@media all and (max-width: 1660px) {
    .mq{display: none;}
}

.cont1 .t20,.cont2 .t20,.cont3 .t20,.cont4 .t20.lines{
text-decoration-line: underline;text-decoration-style: solid;
text-decoration-skip-ink: auto;text-decoration-thickness: auto;
text-underline-offset: auto;text-underline-position: from-font;}


/*ºò Ä«Å×°í¸®*/
.tit_wrap{display: flex; gap: 10px; align-items: center; margin-bottom: 24px; }
.tit_wrap .title{color: #222;font-family: "WAGURI";font-size: 38px;font-style: normal;font-weight: 400;line-height: 48px; letter-spacing: -1.52px; white-space: nowrap;}
.tit_wrap .line{background: #222; height: 1px; flex-grow: 1;}



/*½½¶óÀ̵å*/
.slide-container { width: 100%; overflow: hidden; }
.slide-container .slick-list { margin: 0 -10px; }
.slide-container .slick-slide { padding: 0 10px; box-sizing: border-box; outline: none; }
.slide-container .slide-item a { position: relative; display: block; }

/* À̹ÌÁö ¼³Á¤ */
.slide-item .img { width: 100%; height: 100%; overflow: hidden; }
.slide-item .img img { width: 100%; height: 100%; object-fit: cover; display: block; }


/*½½¶óÀ̵å¹Ù*/
.visual__progress { width: 100%; height: 6px; background: #fff; border-radius: 999px; overflow: hidden; margin-top: 24px; } 
.visual__progress .bar { display: block; height: 100%; width: 0%; background: #666; border-radius: 999px; transition: width 0.5s cubic-bezier(0.25, 0.1, 0.25, 1); } 
.cont2 .visual__progress {background-color:#E3F3F6;}

@media all and (max-width: 1023px) {
.tit_wrap{ margin-bottom: 20px; }
     .visual__progress { margin-top: 20px; } 
}
@media all and (max-width: 767px) {
    .tit_wrap .title { font-size: 32px; line-height: 40px; letter-spacing: -1.28px; }
    .slide-1 .slide-item .txt_wrap,
    .slide-2 .slide-item .txt_wrap { padding: 0 16px 20px 16px; }

    .slide-2.slide-container .slick-list { margin: 0 -8px; }
    .slide-2.slide-container .slick-slide { padding: 0 8px; }
}
@media all and (max-width: 479px) {
     .slick-list {   padding-right: 20% !important;   overflow: visible !important;  }

}



.cont1{padding: 100px 54px 80px 54px; background: #F3F4F4;}

.cont1 .slide-item .img {position: relative;}
.cont1 .slide-item .img img {transition: transform 0.6s ease;}
.cont1 .slide-item:hover .img img {transform: scale(1.05);}
.slide-1 .slide-item .t20{position: absolute; bottom: 0; left: 0;right: 0; padding:0 20px 24px 20px;; z-index: 2; box-sizing: border-box;}


.cont2 .slide-item .img {position: relative;}
.slide-2 .slide-item .t20{position: absolute; bottom: 0; left: 0; right: 0; padding:0 20px 24px 20px;  z-index: 2; box-sizing: border-box; word-break: keep-all;}
.cont2 .slide-item .img img {transition: transform 0.6s ease;}
.cont2 .slide-item:hover .img img {transform: scale(1.05);}
.cont2,.cont3,.cont4{padding: 80px 54px;}
   

.cont3{ background: #F3F4F4;}
.cont3_flex{display: flex; gap: 20px;}
.cont3_flex .cont3_box{ flex:1; overflow: hidden; }
.cont3_box .img{position: relative; margin-bottom: 20px ;width: 100%;overflow: hidden;transition: transform 0.6s ease;}
.cont3 .img img{transition: transform 0.6s ease;}
.cont3_box:hover .img img {transform: scale(1.05);}
.cont3_flex .cont3_box .img .t20{position: absolute; bottom: 0; padding:0 20px 20px 20px; z-index: 2; width: 100%;}


.cont4 .t36{margin-bottom: 4px;}
.cont4_flex{display: flex; gap: 20px;}
.cont4_flex .cont4_box{ flex:1;position:relative }
.cont4_box .img{width: 100%;height: 100%; overflow: hidden; border-radius: 16px;}
.cont4_box .img img{transition: transform 0.6s ease;}
.cont4_box:hover .img img {transform: scale(1.05);}


@media all and (max-width: 1800px) {
.cont1 .br_none{word-break: keep-all;}
.cont1 .br_none br{display: none;}
}

@media all and (max-width: 1279px) {
.t20{font-size: 18px;font-weight: 400;line-height: 26px; letter-spacing: -0.54px;  color: #fff;}
.t24{font-size: 20px;line-height: 28px; letter-spacing: -0.8px;}
.t36{font-size: 20px;line-height: 28px; letter-spacing: -0.8px;}


.cont1{padding: 80px 30px 80px 30px;}
.cont2,.cont3,.cont4{padding: 80px 30px;}
.cont4 .t36{margin: 0;}
.cont4_flex .txt_wrap{padding: 20px;}
}

@media all and (max-width: 1023px) {
    
.tit_wrap .title{font-size: 32px;line-height:40px; letter-spacing: -1.28px; }

.cont1{padding:60px 20px 40px 20px;}
.t24{margin-top: 12px;}
.cont2,.cont3,.cont4{padding: 40px 20px;}
.cont3_box .img{margin-bottom: 12px ;} 

.cont4{margin-bottom: 65px;}
}

@media all and (max-width: 767px) {
.t24{font-size: 18px;font-weight: 600;line-height: 26px; letter-spacing: -0.54px;;}

.slide-1 .slide-item .txt_wrap{padding: 0 16px 20px 16px;}
.slide-2 .slide-item .txt_wrap{padding: 0 16px 20px 16px; }

.cont3_flex{flex-direction: column; gap: 28px;}
.cont3_flex .cont3_box .img .t20{padding: 0  16px 20px 16px ;}

.cont4_flex{flex-direction: column; gap: 16px;}
.cont4_flex .txt_wrap{padding:16px 16px ;}


.t20{font-size: 15px;line-height: 22px;letter-spacing: -0.3px;}

}