@charset "utf-8";
#mainVisual{padding-bottom:90px}
#mainVisual .main_wrap{position:relative;padding:0 90px}
#mainVisual .main_wrap:after{position:absolute;content:'';left:0;bottom:-90px;width:100%;height:492px;background:#222}
#mainVisual .tit_cont{position:relative;margin:100px auto;text-align:center}
#mainVisual .tit_cont p{line-height:1.6;letter-spacing:-.3px;font-size:16px;font-weight:500;color:#666;word-break:keep-all}
#mainVisual .tit_cont h1{margin-top:30px;line-height:1.2;letter-spacing:-.5px;font-size:56px;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 .bt{padding-top:20px;letter-spacing:-.3px;color:#888;font-weight:400}
#mainVisual .more{z-index:9999;display:flex;position:absolute;top:32%;right:8%;width:262px;line-height:70px;background:var(--primary);font-size:16px;font-weight:700;font-family:var(--e-font);color:#fff}
#mainVisual .more span{padding-left:40px}
#mainVisual .more em{display:flex;justify-content:center;align-items:center;width:55px;height:70px;padding:10px;margin-left:auto;background:#b5010f}
#mainVisual .more em svg{width:20px}
#mainVisual .more span{padding-left:36px;transition:all 0.3s}
#mainVisual .main_slide{position:relative;height:550px}
#mainVisual .main_slide ul li{background-repeat:no-repeat;background-size:cover;background-position:center}
#mainVisual .main_slide ul li.bg01{background-image:url(./main_banner01.jpg)}
#mainVisual .main_slide ul li.bg02{background-image:url(./main_banner02.jpg)}
#mainVisual .main_slide ul li.bg03{background-image:url(./main_banner03.jpg)}
#mainVisual .pager{position:absolute;top:39%;left:43px;transform:translateX(-50%);width:auto;z-index:9999}
#mainVisual .pager span{display:block;margin:15px 0;width:9px;height:9px;cursor:pointer}  
#mainVisual .pager .swiper-pagination-bullet-active{background:#111}
#mainVisual .sc_box{position:absolute;bottom:150px;left:42px}
#mainVisual .sc_box span{display:inline-block;position:relative;width:3px;height:210px;overflow:hidden}
#mainVisual .sc_box span:before{position:absolute;content:'';width:1px;height:100%;background:rgba(255,255,255,0.4);left:1px;top:0;z-index:1}
#mainVisual .sc_box span:after{position:absolute;content:'';width:3px;height:26px;left:0;top:0;background:#fff;z-index:2;animation:mouse_wheel 4s linear infinite}
#mainVisual .sc_box p{position:absolute;left:-5px;bottom:-110px;font-size:12px;font-family:var(--e-font);color:#fff;z-index:100;writing-mode:vertical-rl}

@keyframes mouse_wheel {
	from { transform:translateY(0)}
	to { transform:translateY(400px)}
}

/* 반응형 [s] */
@media (hover:hover){
#mainVisual .more:hover span{padding-left:50px}
}
@media (max-width:1380px){
#mainVisual .main_wrap{padding:0 5%}
#mainVisual .main_wrap:after{height:480px}
#mainVisual .tit_cont h1{font-size:52px}
#mainVisual .main_slide{height:520px}
#mainVisual .more{right:10%}
#mainVisual .pager{left:2.5%}
#mainVisual .sc_box{left:2.5%}	
}
@media (max-width:1024px){
#mainVisual{padding-bottom:70px}
#mainVisual .main_wrap:after{height:410px}
#mainVisual .tit_cont{margin:90px auto}
#mainVisual .tit_cont h1{margin-top:40px;font-size:46px}
#mainVisual .more{width:250px;line-height:65px}
#mainVisual .more em{height:65px}
#mainVisual .main_slide{height:450px}
#mainVisual .sc_box{bottom:75px}
}
@media (max-width:768px){
#mainVisual{padding-bottom:60px}
#mainVisual .main_wrap:after{bottom:-70px;height:340px}
#mainVisual .tit_cont{margin:60px auto 40px}
#mainVisual .tit_cont p{font-size:15px}
#mainVisual .tit_cont h1{margin-top:30px;font-size:38px}
#mainVisual .more{position:static;margin:0 auto 40px;width:210px;line-height:55px}
#mainVisual .more em{width:45px;height:55px}
#mainVisual .more span{padding-left:30px}
#mainVisual .more:hover span{padding-left:40px}
#mainVisual .main_slide{height:350px}
#mainVisual .pager{display:flex;top:unset;bottom:-6%;left:50%}
#mainVisual .pager span{margin:0px;background-color:rgb(255, 255, 255, 0.6)}
#mainVisual .pager span:nth-child(2){margin:0px 15px}
#mainVisual .pager .swiper-pagination-bullet-active{background-color:#fff}
#mainVisual .sc_box{bottom:85px}
#mainVisual .sc_box span{height:155px}
#mainVisual .sc_box p{bottom:-100px}
}
@media (max-width:480px){
#mainVisual .main_wrap{padding:0 2.5%}
#mainVisual .main_wrap:after{bottom:-60px;height:260px}
#mainVisual .tit_cont{margin:55px auto 35px}
#mainVisual .tit_cont p{font-size:14px}
#mainVisual .tit_cont h1{margin-top:25px;font-size:30px}
#mainVisual .more{margin-bottom:35px;width:195px;line-height:50px}
#mainVisual .more em{width:40px;height:50px}
#mainVisual .more span{padding-left:25px}
#mainVisual .more:hover span{padding-left:35px}
#mainVisual .main_slide{height:270px}
#mainVisual .sc_box{display:none}
}
@media (max-width:390px){
#mainVisual{padding-bottom:50px}
#mainVisual .main_wrap:after{bottom:-50px;height:200px}
#mainVisual .tit_cont{margin:50px auto 35px}
#mainVisual .tit_cont p{margin: auto;width:85%;font-size:13px}
#mainVisual .tit_cont h1{margin-top:20px;font-size:25px}
#mainVisual .more{margin-bottom:35px;width:160px;line-height:45px;font-size:15px}
#mainVisual .more span{padding-left:20px}
#mainVisual .more em{width: 35px;height:45px}
#mainVisual .more:hover span{padding-left:30px}
#mainVisual .main_slide{height:220px}
#mainVisual .pager span{width:8px;height:8px}
}
/* 반응형 [e] */