@charset "utf-8";

#main_banner{position:relative;overflow:hidden;height:100vh;background:#000}
#main_banner .swiper{width:100%;height:100%}
#main_banner figure{position:relative;margin:0;width:100%;height:100%}
#main_banner figure img{width:100%;height:100%;object-fit:cover;filter:brightness(50%)}
#main_banner figcaption{position:absolute;bottom:180px;left:50%;width:100%;text-align:center;transform:translateX(-50%)}
#main_banner figcaption strong{font-size:40px;font-weight:700;color:#fff}
#main_banner figcaption span{display:block;font-size:16px;font-weight:200;color:#fff;font-family:var(--e-font)}
#main_banner .scroll{position:absolute;z-index:10;bottom:80px;left:50%;color:#fff;opacity:.5;transform:translateX(-50%);text-transform:uppercase;font-family:var(--e-font)}

/* 반응형 [s] */
@media (max-width:1600px){
#main_banner{height:75vh}
#main_banner figcaption{bottom:160px}
#main_banner .scroll{bottom:40px}
}
@media (max-width:1400px){
#main_banner{height:70vh}
}
@media (max-width:1200px){
#main_banner{height:65vh}
#main_banner figcaption{bottom:50%;transform:translate(-50%, 50%);padding:0 20px}
#main_banner figcaption strong{font-size:36px}
#main_banner figcaption span{font-size:14px}
#main_banner .scroll{font-size:12px}
}
@media (max-width:1024px){
#main_banner{height:55vh}
#main_banner figcaption strong{font-size:32px}
}
@media (max-width:768px){
#main_banner{height:50vh}
#main_banner figcaption strong{font-size:28px;line-height:1.3;white-space:pre-line}
#main_banner figcaption span{font-size:12px;white-space:pre-line}
#main_banner .scroll{font-size:11px}
}
@media (max-width:480px){
#main_banner figcaption strong{font-size:24px}
}
/* 반응형 [e] */