@charset "utf-8";

#mainVisual{overflow:hidden;position:relative;height:742px}
#mainVisual .swiper-container{width:100%;height:100%}
#mainVisual .swiper-container::before{z-index:2;position:absolute;content:'';inset:0%;width:100%;height:100%;background-color:rgba(0,0,0,0.34)}
#mainVisual .swiper-slide{background-repeat:no-repeat;background-size:cover;background-position:center}
#mainVisual .txt_wrap{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;gap:86px;padding-top:160px}
#mainVisual .txt_wrap .txt_box{display:flex;flex-direction:column;align-items:center;text-align:center}
#mainVisual .txt_wrap .txt_box .main_tit_e{padding-bottom:57px;font-family:var(--e-font);font-size:22px;font-weight:700;letter-spacing:1px;color:#fff;line-height:1;word-break:keep-all}
#mainVisual .txt_wrap .txt_box .main__q_item{display:flex;flex-direction:column;align-items:center;gap:43px;padding-bottom:65px}
#mainVisual .txt_wrap .txt_box .main__q_item dt{font-family:var(--batang-font);font-size:54px;font-weight:700;color:#fff;line-height:1.2;word-break:keep-all}
#mainVisual .txt_wrap .txt_box .main__q_item dd{font-size:20px;font-weight:500;line-height:1.5;color:rgba(255,255,255,0.8);white-space:pre-line;word-break:keep-all}
#mainVisual .txt_wrap .txt_box b{padding-bottom:24px;font-family:var(--batang-font);font-size:22px;font-weight:700;line-height:1.3;color:#fff;word-break:keep-all}
#mainVisual .txt_wrap .txt_box .link{max-width:255px}
#mainVisual .txt_wrap .swiper-pagination{position:static;display:flex;justify-content:center;gap:10px}
#mainVisual .txt_wrap .swiper-pagination .swiper-pagination-bullet{width:70px;height:4px;border-radius:0;background:#fff;transition:opacity 0.3s}

/* 반응형 [s] */
@media (max-width:1600px){
#mainVisual{height:710px}
#mainVisual .txt_wrap{gap:70px;padding-top:140px}
#mainVisual .txt_wrap .txt_box .main_tit_e{padding-bottom:50px;font-size:21px}
#mainVisual .txt_wrap .txt_box .main__q_item{padding-bottom:54px}
#mainVisual .txt_wrap .txt_box .main__q_item dt{font-size:50px}
#mainVisual .txt_wrap .txt_box .main__q_item dd{font-size:18px}
}
@media (max-width:1400px){
#mainVisual{height:655px}
#mainVisual .txt_wrap{padding-top:130px}
#mainVisual .txt_wrap .txt_box .main_tit_e{padding-bottom:40px;font-size:20px}
#mainVisual .txt_wrap .txt_box .main__q_item{gap:38px;padding-bottom:45px}
#mainVisual .txt_wrap .txt_box .main__q_item dt{font-size:44px}
#mainVisual .txt_wrap .txt_box b{padding-bottom:16px;font-size:20px}
#mainVisual .txt_wrap .swiper-pagination{gap:4px}
#mainVisual .txt_wrap .swiper-pagination .swiper-pagination-bullet{width:60px}
}
@media (max-width:1200px){
#mainVisual{height:630px}
#mainVisual .txt_wrap .txt_box .main_tit_e{font-size:18px}
#mainVisual .txt_wrap .txt_box .main__q_item dt{font-size:40px}
#mainVisual .txt_wrap .txt_box .main__q_item dd{font-size:17px}
#mainVisual .txt_wrap .txt_box .link{max-width:240px}
}
@media (max-width:1024px){
#mainVisual{height:595px}
#mainVisual .txt_wrap .txt_box .main_tit_e{padding-bottom:30px;font-size:16px}
#mainVisual .txt_wrap .txt_box .main__q_item{gap:32px;padding-bottom:36px}
#mainVisual .txt_wrap .txt_box .main__q_item dt{font-size:36px}
#mainVisual .txt_wrap .txt_box .main__q_item dd{font-size:16px}
#mainVisual .txt_wrap .txt_box b{padding-bottom:15px;font-size:18px}
#mainVisual .txt_wrap .txt_box .link{max-width:230px}
}
@media (max-width:768px){
#mainVisual{height:478px}
#mainVisual .txt_wrap{gap:50px;padding-top:90px}
#mainVisual .txt_wrap .txt_box .main_tit_e{padding-bottom:25px;font-size:15px}
#mainVisual .txt_wrap .txt_box .main__q_item{gap:26px;padding-bottom:28px}
#mainVisual .txt_wrap .txt_box .main__q_item dt{font-size:30px}
#mainVisual .txt_wrap .txt_box .main__q_item dd{font-size:15px}
#mainVisual .txt_wrap .txt_box b{padding-bottom:12px;font-size:17px}
#mainVisual .txt_wrap .txt_box .link{max-width:220px}
#mainVisual .txt_wrap .swiper-pagination .swiper-pagination-bullet{width:44px}
#mainVisual .txt_wrap .swiper-pagination{gap:0}
}
@media (max-width:480px){
#mainVisual .txt_wrap{gap:40px;padding-top:65px}
#mainVisual .txt_wrap .txt_box .main_tit_e{padding-bottom:22px;font-size:14px;letter-spacing:0.5px}
#mainVisual .txt_wrap .txt_box .main__q_item dt{font-size:22px}
#mainVisual .txt_wrap .txt_box .main__q_item dd{font-size:14px}
#mainVisual .txt_wrap .txt_box .main__q_item{gap:20px;padding-bottom:25px}
#mainVisual .txt_wrap .txt_box b{font-size:16px}
#mainVisual .txt_wrap .txt_box .link{max-width:190px}
#mainVisual .txt_wrap .swiper-pagination .swiper-pagination-bullet{width:35px}
#mainVisual{height:405px}
}
/* 반응형 [e] */