@charset "utf-8";


#main_banner{width:1416px;height:542px;z-index:0;margin:0 auto;position:absolute;top:0;left:0;z-index:1}
#main_banner{width:1416px;height:542px;z-index:0;margin:0 auto}

/* 슬라이드 */
#slideshow{position:absolute;top:0;left:0;width:1062px;height:542px}
#slideshow .swiper-slide{background-repeat:no-repeat}
#slideshow #slides .img01{background-image:url("./main_banner_01.jpg")}
#slideshow #slides .img02{background-image:url("./main_banner_02.jpg")}

/* 메인텍스트 */
#main_visual{overflow:hidden;position:relative;z-index:0;width:100%;height:100%;min-width:1412px}
#main_visual .line{position:absolute;z-index:20;left:-35px;top:136px;width:0;height:1px;background-color:rgba(255, 255, 255, 0.18823529411764706)}
#main_visual .txt_bg{float:left;position:absolute;left:0;top:0;z-index:6;width:354px;height:40%;color:#fff;background-color:rgba(215, 61, 38, 0.8)}
#main_visual .txt_area{position:relative;z-index:10;width:1416px;height:100%;margin:0 auto;color:#fff}
#main_visual .txt_area .txt{position:absolute;left:34px;top:135px;z-index:15;font-family:'poppins'}
#main_visual .txt_area .txt01{padding-bottom:60px;margin-left:50px;font-size:47px;line-height:50px;font-weight:100;opacity:0}
#main_visual .txt_area .txt01 span{font-weight:800}
#main_visual .txt_area .txt02{position:relative;margin-left:-50px;font-size:16px;color:#f1c6bf;opacity:0}
#main_visual .txt_area .txt02:before{display:block;position:absolute;top:-24px;left:0;width:32px;height:1px;background:#fff;content:''}
#slideshow .main_pg{position:absolute;bottom:40px;left:30px;z-index:99;width:auto}
#slideshow .main_pg{display:flex;gap:10px}
/* 숫자 기본 */
#slideshow .main_pg span{width:auto;height:auto;background:none;opacity:1 !important;color:#fff;font-size:15px;font-weight:600;position:relative;padding-bottom:6px}
/* 숫자 */
#slideshow .main_pg span.on{opacity:1}
/* 밑줄 */
#slideshow .main_pg span.on::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:2px;background:#fff}

/* 반응형 [s] */
@media (max-width:1500px){
#main_banner,#slideshow,#slideshow .swiper-slide{width:100%}
#slideshow .swiper-slide{background-size:cover}
#main_visual{min-width:initial}
#main_visual .txt_area{width:100%}
}
@media (max-width:1200px){
#main_visual .txt_area .txt01{font-size:35px}
#main_visual .txt_area .txt02{font-size:15px}
#main_visual .txt_area .txt{left:25px}
#main_visual .txt_bg{width:320px}
}
@media (max-width:1024px){
#main_banner{position:static;height:clamp(310px, 52.9vw, 542px)}
#slideshow{height:100%}
#slideshow .swiper-slide{background-position:center}
#slideshow .main_pg{left:initial;right:3%;bottom:5%}
#main_visual .txt_bg{width:100%;background-color:rgba(0, 0, 0, 0.2)}
#main_visual .txt_area{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}
#main_visual .txt_area .txt{width:100%;left:initial;top:50%;transform:translateY(-50%)}
#main_visual .txt_area .txt01 br{display:none}
#main_visual .txt_area .txt02{color:#fff}
#main_visual .txt_area .txt02:before{display:none}
#main_visual .line{left:50%;transform:translateX(-50%);top:54%;background-color:rgba(255, 255, 255, 0.8)}
}
@media (max-width:768px){
#main_banner{width:100%;padding:0 15px}
#main_visual .txt_area .txt01{font-size:30px;padding-bottom:40px}
}
@media (max-width:580px){
#slideshow .main_pg{right:4%;bottom:7%}
#slideshow .main_pg span{font-size:14px}
#main_visual .txt_area .txt02{font-size:14px}
#main_visual .txt_area .txt01{padding-bottom:25px;font-size:23px}
}
/* 반응형 [e] */