@charset "utf-8";

#mainVisual{overflow:hidden;position:relative;width:100%}
#mainVisual .inner{display:flex;gap:30px} 
/* 메인 슬라이드 */
#mainVisual .main_img{height:830px;clip-path:ellipse(100% 100% at 50% 0)}
#mainVisual .main_img li{background-size:cover;background-position:center}
#mainVisual .main_img li.img01{background-image:url('./main_banner01.jpg')}
#mainVisual .main_img li.img02{background-image:url('./main_banner02.jpg')}
#mainVisual .main_img li.img03{background-image:url('./main_banner03.jpg')}
/* 메인 텍스트 */
#mainVisual .main_txt{position:absolute;z-index:10;top:50%;left:20%;color:#fff;transform:translateY(-50%)}
#mainVisual .main_txt h1{font-size:60px;line-height:1.2;font-family:var(--main-font)}
#mainVisual .main_txt h1 .r_txt:before{display:inline-block;content:'';width:100px;height:1px;margin-right:20px;vertical-align:15px;background:#fff}
#mainVisual .motto{margin-top:50px}
#mainVisual .motto span{font-size:16px;font-weight:700}
#mainVisual .motto h2{margin:14px 0}
#mainVisual .motto h2 span{margin-left:10px;font-weight:400;opacity:.5}
#mainVisual .motto h2 b{font-size:30px;font-weight:700}
#mainVisual .motto  p{font-size:22px}

/* 반응형 [s] */
@media(max-width:1400px){
#mainVisual .main_img{height:730px}
#mainVisual .main_txt{left:60px}
#mainVisual .main_txt h1{font-size:46px;line-height:1.25}
#mainVisual .motto{margin-top:40px}
#mainVisual .motto h2 b{font-size:26px}
#mainVisual .motto p{font-size:20px}
}
@media(max-width:1024px){
#mainVisual .main_img{height:490px}
#mainVisual .main_txt{left:15px}
#mainVisual .main_txt h1{font-size:36px}
#mainVisual .motto{margin-top:30px}
#mainVisual .motto h2{margin:10px 0}
#mainVisual .motto h2 b{font-size:22px}
#mainVisual .motto span{font-size:15px}
#mainVisual .motto p{font-size:17px}
}
@media(max-width:768px){
#mainVisual .main_img{height:370px}
#mainVisual .main_txt h1{font-size:28px}
#mainVisual .motto{margin-top:22px}
#mainVisual .motto span{font-size:13px}
#mainVisual .motto h2{margin:5px 0}
#mainVisual .motto h2 b{font-size:18px}
#mainVisual .motto h2 span{margin-left:10px}
#mainVisual .motto p{font-size:15px}
}
@media(max-width:480px){
#mainVisual .main_img{height:324px}
#mainVisual .main_txt h1{font-size:22px}
#mainVisual .main_txt h1 .r_txt:before{width:70px;margin-right:15px;vertical-align:6px}
#mainVisual .motto{margin-top:16px}
#mainVisual .motto span{font-size:13px}
#mainVisual .motto h2{margin:5px 0}
#mainVisual .motto p{font-size:15px}
}
@media(max-width:390px){
#mainVisual .main_txt h1 .r_txt:before{width:50px;margin-right:10px}
#mainVisual .main_img{clip-path:none}
}
/* 반응형 [e] */