@charset "utf-8";

#mainVisual{overflow:hidden;position:relative;width:100%;height:750px;background-color:#222}

/* 이미지 */
#mainVisual .main-slider{position:absolute;left:0;top:0;opacity:0;width:100%;height:100%;z-index:0}
#mainVisual .main_img li{width:100%;height:100%;background:url(./main_banner_01.jpg) center no-repeat;background-size:cover;-webkit-transform:skewX(3deg);-ms-transform:skewX(3deg);transform:skewX(3deg);-webkit-transition:all .4s;transition:all .4s}
#mainVisual .main_img li.img02{background-image:url(./main_banner_02.jpg)}
#mainVisual .main_img li.img03{background-image:url(./main_banner_03.jpg)}

#mainVisual .txt{position:relative;max-width:1200px;height:100%;margin:30px auto 0;z-index:1;opacity:0}
#mainVisual .txt .txt_wrap{position:absolute;left:0;top:50%;width:100%;margin-top: -30px;transform:translateY(-50%)}
#mainVisual .txt .txt1{margin-bottom: 40px;font-size:57px;line-height: 66px;color:#fff;font-family:'Noto Sans KR';font-weight:300}
#mainVisual .txt .txt1 span{font-family:'Noto Sans KR';font-weight:700}
#mainVisual .txt .txt2{font-size:15px;line-height:26px;color:rgba(255,255,255,.6);white-space:pre-line; word-break:keep-all;font-family:'Noto Sans KR'}

#mainVisual .main_img li.on{opacity:1;-webkit-transform:skewX(0);-ms-transform:skewX(0);transform:skewX(0);
-webkit-transition:all .8s cubic-bezier(0.165, 0.840, 0.440, 1.000);transition:all .8s cubic-bezier(0.165, 0.840, 0.440, 1.000)}
#mainVisual .main_img li.on p{opacity:1;margin-left:0;-webkit-transition:all .6s;transition:all .6s}
#mainVisual .main_img li.on span{opacity:1;margin-left:0;-webkit-transition:all .6s;transition:all .6s}

#r_box{overflow:hidden;position:absolute;top:390px;right:-290px;width:680px;height:100px;background:#fff;z-index:1000;transform:rotate(-90deg)}
#r_box .r_txt{display:block;float:left;width:100%;height:100%;font-size:12px;text-align:center;line-height:100px;font-weight:600;letter-spacing:0.2px;color:#222;font-family:'Poppins', sans-serif}


/* 반응형 [s] */
@media (max-width:1200px){
#mainVisual{padding:0 20px}
}
@media (max-width:1024px){
#mainVisual{height:580px}
#r_box{display:none}
#mainVisual .txt .txt_wrap{margin-top:0}
#mainVisual .txt .txt1{font-size:49px;line-height:59px;}
}
@media (max-width:768px){
#mainVisual{height:450px}
#mainVisual .txt .txt1{font-size:40px;line-height:50px}
#mainVisual .txt .txt2{width:75%;white-space:normal}
}
@media (max-width:480px){
#mainVisual{height:370px}
#mainVisual .txt .txt1{margin-bottom:20px;font-size:32px;line-height:42px}
#mainVisual .txt .txt2{width:100%}
}
@media (max-width:380px){
#mainVisual{height:400px}
#mainVisual .txt .txt1{font-size:25px;line-height:35px;font-family:'Noto Sans KR';font-weight:700}
#mainVisual .txt .txt2{width:100%}
}
/* 반응형 [e] */