@charset "utf-8";

#mainVisual{position:relative;z-index:1;letter-spacing:-.2px;width:100%;height:723px;background:#222}
#mainVisual .main_slide{overflow:hidden;height:100%}
#mainVisual ul li{background:url(./main_banner01.jpg) center no-repeat;background-size:cover}
#mainVisual ul li.bg02{background-image:url(./main_banner02.jpg)}
#mainVisual ul li.bg03{background-image:url(./main_banner03.jpg)}
#mainVisual ul li.bg04{background-image:url(./main_banner04.jpg)}
#mainVisual .tit_area{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2}
#mainVisual .tit_area h1{font-size:56px;font-weight:300;line-height:1.2;color:#fff;font-family:var(--k-font);text-align:center}
#mainVisual .tit_area h1 p{font-weight:700}
#mainVisual .tit_area span{display:block;padding-top:25px;font-size:20px;font-weight:300;white-space:pre-line;line-height:1.5;text-align:center;color:rgba(255, 255, 255, 0.8);line-height:1.5;word-break:keep-all;font-family:var(--k-font)}


/* 반응형 [s] */
@media (max-width:1440px){
#mainVisual{height:560px}
}
@media (max-width:1050px){
#mainVisual .tit_area{width:100%}
#mainVisual .tit_area h1{font-size:45px}
#mainVisual .tit_area span{padding:25px}
}
@media (max-width:1024px){
#mainVisual{height:430px}
}
@media (max-width:768px){
#mainVisual{height:380px}
#mainVisual .tit_area h1{font-size:35px}
#mainVisual .tit_area span{font-size:16px}
}
@media (max-width:480px){
#mainVisual{height:310px}
#mainVisual .tit_area h1{font-size:29px}
#mainVisual .tit_area span{padding:15px;font-size:15px;white-space:normal}

}