@charset "utf-8";

#mainVisual{position:relative;height:100vh;min-height:750px;font-size:16px;line-height:1.6;color:#fff;font-family:var(--e-font), var(--k-font)}

/* 메인 텍스트 */
#mainVisual .main_txt{position:relative;top:50%;transform:translateY(-50%);z-index:2;max-width:1500px;margin:0 auto}
#mainVisual .main_txt h1{font-size:60px;font-weight:100;line-height:1.2}
#mainVisual .main_txt .txt01 span{display:block;font-weight:700}
#mainVisual .main_txt .txt02{margin-top:47px;white-space:pre-line;word-break:keep-all;color:rgba(255,255,255,.6)}
#mainVisual .main_txt a{display:flex;width:max-content;gap:22px;margin-top:90px}
#mainVisual .main_txt a .go_txt{display:flex;align-items:center;justify-content:center;width:200px;height:60px;border:1px solid rgba(255,255,255,.5);border-radius:80px;font-weight:500;font-size:15px;color:#fff;transition:all .2s}

/* 메인 슬라이드 */
#mainVisual .main_slide{position:absolute;top:0;width:100%;height:100%}
#mainVisual .main_slide ul li .inner_img{opacity:0;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:115%;height:115%;background-position:center;background-repeat:no-repeat;background-size:cover;transition:all 1.2s cubic-bezier(0.165, 0.840, 0.440, 1)}
#mainVisual .main_slide ul li .img01{background-image:url('main_img01.jpg')}
#mainVisual .main_slide ul li .img02{background-image:url('main_img02.jpg')}
#mainVisual .main_slide ul li .img03{background-image:url('main_img03.jpg')}
#mainVisual .main_slide ul li .img04{background-image:url('main_img04.jpg')}
#mainVisual .main_slide ul li.on .inner_img{width:100%;height:100%;opacity:1}
#mainVisual .nav_container {position:relative;display:flex;align-items:center;gap:8px}
#mainVisual .nav_container div.nav{display:flex;justify-content:center;align-items:center;width:60px;height:60px;transition:all .3s;border-radius:50%;background-color:rgba(255,255,255,0.10);border:1px solid #e1e1e1;cursor:pointer}
#mainVisual .nav_container svg{ color:#fff}

/* 반응형 [s] */
@media (hover:hover){
#mainVisual .main_txt a .go_txt:hover{color:#111;background:#fff}
#mainVisual .nav_container div.nav:hover {background-color:rgb(0,0,0,0.2)}
}
@media (max-width:1380px){
#mainVisual .main_txt{left:50%;transform:translate(-50%, -50%);margin:unset;max-width:unset;width:90%}
#mainVisual .main_txt h1{font-size:55px}
}
@media (max-width:1024px){
#mainVisual{min-height:unset;height:650px}
#mainVisual .main_txt{top:64%;width:95%}
#mainVisual .main_txt h1{font-size:38px}
#mainVisual .main_txt .txt02{margin-top:25px}
#mainVisual .main_txt a{margin-top:70px}
#mainVisual .main_txt a .go_txt{width:180px;height:56px}
#mainVisual .nav_container div.nav{width:56px;height:56px}
#mainVisual .nav_container svg{width:22px}
}
@media (max-width:768px){
#mainVisual{height:510px}
#mainVisual .main_txt{top:56%;display:flex;flex-direction:column;align-items:center;text-align:center;font-size:15px}
#mainVisual .main_txt h1{font-size:30px}
#mainVisual .main_txt .txt02{margin:20px auto 0;width:85%;white-space:normal}
#mainVisual .main_txt a .go_txt{width:170px;height:52px}
#mainVisual .nav_container{display:none}
}
@media (max-width:480px){
#mainVisual{height:430px}
#mainVisual .main_txt h1{font-size:24px}
#mainVisual .main_txt .txt02{margin:15px auto 0;width:95%;font-size:14px}
#mainVisual .main_txt a{margin-top:50px}
#mainVisual .main_txt a .go_txt{width:156px;height:48px;font-size:14px}
}
@media (max-width:380px){
#mainVisual{height:390px}
#mainVisual .main_txt h1{font-size:21px}
#mainVisual .main_txt .txt02{margin:12px auto 0;font-size:13px}
#mainVisual .main_txt a{margin-top:40px}
#mainVisual .main_txt a .go_txt{width:142px;height:46px;font-size:13px}
}
/* 반응형 [e] */