@charset "utf-8";

#mainVisual{position:relative;max-width:1578px;margin:0 auto;padding:120px 0}
#mainVisual .main_txt{margin-bottom:30px;font-size:52px;line-height:1.1;color:var(--primary);font-family:'Shrikhand'}
#mainVisual .img_area{overflow:hidden}
#mainVisual .l_img{float:left;width:35%}
#mainVisual .l_img .img{width:100%}
#mainVisual .l_img p{padding:28px 0;font-size:20px;white-space:pre-line;line-height:1.6;color:#222;font-family:'notokr-medium'}
#mainVisual .l_img .scroll{position:relative;width:120px;height:70px;text-align:center;cursor:pointer}
#mainVisual .l_img .scroll span{position:absolute;left:0;top:0;margin-top:15px;font-size:12px;font-weight:800;color:#222;opacity:0;transition:all .3s;font-family:'Mulish'}
#mainVisual .l_img .scroll img{position:absolute;bottom:0;left:0;margin-bottom:18px;transition:all .3s}
#mainVisual .main_slide{position:relative;float:right;width:62%;height: 100%;padding-bottom: 42px}
#mainVisual .main_slide ul{width:100%;height:100%}
#mainVisual .main_slide ul li{width:100%;height:100%}

#mainVisual .swiper-pagination{position:absolute;right:0;bottom: 0;left: auto;width:40px;height:22px;font-size:18px;font-family:'Mulish'}
#mainVisual .swiper-pagination:after{position:absolute;right:0;content:'/ 4';font-size:18px}
#mainVisual .swiper-pagination span{position:absolute;left:0;color:#222;opacity:0;background:none;transition:all .3s}
#mainVisual .swiper-pagination span:nth-child(1):after{content:'1'}
#mainVisual .swiper-pagination span:nth-child(2):after{content:'2'}
#mainVisual .swiper-pagination span:nth-child(3):after{content:'3'}
#mainVisual .swiper-pagination span:nth-child(4):after{content:'4'}
#mainVisual .swiper-pagination span.swiper-pagination-bullet-active{opacity:1}

#mainVisual .m_img{width:100%}

/* 반응형 [s] */
@media (hover:hover) {
#mainVisual .l_img .scroll:hover span{margin-top:0;opacity:1}
#mainVisual .l_img .scroll:hover img{margin:0}
}
@media (max-width:1578px){
#mainVisual{padding:0 20px}
}
@media (max-width:1200px){
#mainVisual .l_img p{font-size:17px}
}
@media (max-width:1024px){
#mainVisual{padding:35px 20px}
#mainVisual .main_slide{float:none;width:100%}
#mainVisual .main_txt{font-size: 45px}
#mainVisual .l_img{float:none;width:100%}
#mainVisual .l_img .m_img{display:none}
#mainVisual .l_img p{padding-top:0}
}
@media (max-width:480px){
#mainVisual .main_slide{padding-bottom:25px}
#mainVisual .main_txt{font-size:38px}
#mainVisual .swiper-pagination{display:none}
}
@media (max-width:380px){
#mainVisual .main_txt{font-size:30px}
#mainVisual .l_img .scroll{height:40px}
#mainVisual .l_img .scroll img{height:30px}
#mainVisual .l_img p{white-space:normal;word-break:keep-all}
}
/* 반응형 [e] */