@charset "utf-8";
#mainVisual .main_wrap{position:relative}
#mainVisual .top_late{position:relative;width:100%;height:50px;background-color:var(--black)}
#mainVisual .top_late .item a{display:flex;justify-content:center;align-items:center;text-align:center;width:100%;height:100%;font-size:15px;font-weight:400;color:#fff}
#mainVisual .tit_cont{display:flex;justify-content:space-between;position:relative;margin:150px auto;width:70%}
#mainVisual .tit_cont p{font-size:20px;font-weight:400;color:#777;word-break:keep-all}
#mainVisual .tit_cont h1{margin-top:30px;line-height:1.1;font-size:60px;font-weight:700;font-family:var(--e-font);color:var(--black);white-space:pre-line;word-break:keep-all}
#mainVisual .tit_cont h1 span{color:var(--primary)}
#mainVisual .tit_cont .bg_icon{width:500px;height:324px;background:url(/img/icon011.png) no-repeat center / cover}
#mainVisual .main_slide{position:relative;padding-bottom:50px;width:100%;height:700px}
#mainVisual .main_slide ul li{border-radius:27px;background-repeat:no-repeat;background-position:50% 30%;background-size:cover}
#mainVisual .main_slide ul li.bg01{background-image:url(/img/1.png)}
#mainVisual .main_slide ul li.bg02{background-image:url(/img/2.png)}
#mainVisual .main_slide ul li.bg03{background-image:url(/img/3.png)}
#mainVisual .main_slide .pager{position:absolute;bottom:0px;left:50%;transform:translateX(-50%);width:auto}
#mainVisual .main_slide .pager span{margin:0 8px;width:10px;height:10px;cursor:pointer}  
#mainVisual .main_slide .pager .swiper-pagination-bullet-active{background:var(--primary)}


/* 반응형 [s] */
@media(max-width:1980px){
#mainVisual .main_slide{height:550px}
}
@media (max-width:1380px){
#mainVisual .tit_cont{margin:130px auto;width:90%}
#mainVisual .tit_cont p{font-size:18px}
#mainVisual .tit_cont h1{font-size:50px}
#mainVisual .tit_cont .bg_icon{width:295px;height:191px}
#mainVisual .main_slide{height:500px}
}
@media (max-width:1024px){
#mainVisual .top_late{height:48px}
#mainVisual .tit_cont{margin:100px auto;width:95%}
#mainVisual .tit_cont p{font-size:16px}
#mainVisual .tit_cont h1{margin-top:25px;font-size:40px}
#mainVisual .tit_cont .bg_icon{width:250px;height:162px}
#mainVisual .main_slide{padding-bottom:40px;height:420px}
#mainVisual .main_slide ul li{border-radius:22px}
#mainVisual .main_slide .pager span{width:9px;height:9px}
}
@media (max-width:768px){
#mainVisual .top_late{height:46px}
#mainVisual .tit_cont{margin:80px auto}
#mainVisual .tit_cont p{font-size:15px}
#mainVisual .tit_cont h1{margin-top:20px;font-size:30px}
#mainVisual .tit_cont .bg_icon{width:210px;height:136px}
#mainVisual .main_slide{padding-bottom:30px;height:350px}
#mainVisual .main_slide .pager span{width:8px;height:8px}
#mainVisual .main_slide ul li{border-radius:19px}
}
@media (max-width:580px){
#mainVisual .tit_cont{justify-content:center;text-align:center;margin:70px auto}
#mainVisual .tit_cont .bg_icon{display:none}
#mainVisual .main_slide{height:330px}
}
@media (max-width:480px){
#mainVisual .top_late{height:44px}
#mainVisual .top_late .item a{padding:0 2.5%;font-size:14px}
#mainVisual .top_late .item a .cont{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#mainVisual .tit_cont{margin:50px auto}
#mainVisual .tit_cont p{font-size:14px}
#mainVisual .tit_cont h1{margin-top:18px;font-size:27px}
#mainVisual .main_slide{padding-bottom:30px;height:270px}
#mainVisual .main_slide ul li{border-radius:15px}
}
@media (max-width:380px){
#mainVisual .top_late{height:42px}
#mainVisual .top_late .item a{font-size:13px}
#mainVisual .tit_cont{margin:40px auto}
#mainVisual .tit_cont p{font-size:13px}
#mainVisual .tit_cont h1{margin-top:15px;font-size:23px}
#mainVisual .main_slide{height:230px}
#mainVisual .main_slide ul li{border-radius:12px}
}
/* 반응형 [e] *