@charset "utf-8";

#mainVisual{position:relative;z-index:1;padding:100px 35px 0;font-family:var(--e-font),var(--k-font)}
#mainVisual *{word-break:keep-all}

/* 텍스트 */
#mainVisual .main_txt{position:absolute;z-index:10;top:50%;left:50%;color:#fff;transform:translate(-50%, -50%)}
#mainVisual .main_txt .tit{width:575px;font-size:60px;text-transform:uppercase}
#mainVisual .main_txt .tit p{opacity:.5}
#mainVisual .main_txt .tit p.on{opacity:1}
#mainVisual .main_txt .tit p:nth-child(2){text-align:right}
#mainVisual .main_txt .tit p:nth-child(3){margin-left:75px}
#mainVisual .main_txt .txt{margin-top:30px;font-size:18px;font-weight:600;text-align:center;font-family:var(--k-font)}

/* 이미지 */
#mainVisual .main_slide{overflow:hidden;height:85vh;border-radius:10px}
#mainVisual .main_slide ul li{background:url('./main_img1.jpg') center no-repeat;background-size:cover}
#mainVisual .main_slide ul li.bg02{background-image:url('./main_img2.jpg')}
#mainVisual .main_slide ul li.bg03{background-image:url('./main_img3.jpg')}

/* 하단 바 */
#mainVisual .bar{position:absolute;bottom:50px;z-index:10;display:flex;align-items:center;justify-content:space-between;width:calc(100% - 170px);margin:0 50px;padding:15px 25px;border:1px solid rgba(255,255,255,.2);border-radius:5px;font-size:14px;color:#fff;font-family:var(--k-font)}
#mainVisual .bar ul{position:absolute;left:50%;display:flex;gap:30px;transform:translateX(-50%)}
#mainVisual .bar ul a{position:relative;color:#fff;font-family:var(--k-font)}
#mainVisual .bar ul a:after{position:absolute;content:'';bottom:-5px;left:0;width:0px;height:2px;background:#fff;transition:width .3s}
#mainVisual .bar .contact{display:inline-block;padding:10px 20px;border-radius:3px;font-size:12px;color:#fff;background:rgba(255,255,255,.2);font-family:var(--e-font);transition:all .3s}

@media(hover:hover){
#mainVisual .bar .contact:hover{color:#111;background:#fff}
#mainVisual .bar ul a:hover:after{width:100%}
}
/* 반응형 [s] */
@media (max-width:1024px){
#mainVisual{padding:20px}
#mainVisual .main_slide{height:600px}
#mainVisual .main_txt .tit{width:450px;font-size:40px}
#mainVisual .main_txt .txt{font-size:16px}
#mainVisual .bar{width:calc(100% - 90px);margin:0 20px;padding:15px}
}
@media (max-width:768px){
#mainVisual .main_slide{height:480px}
#mainVisual .main_txt{width:100%}
#mainVisual .main_txt .tit{width:100%;font-size:30px;text-align:center}
#mainVisual .main_txt .tit p:nth-child(2){text-align:center}
#mainVisual .main_txt .tit p:nth-child(3){margin-left:0}
#mainVisual .main_txt .txt{margin-top:10px;padding:0 30px;font-size:14px}
#mainVisual .bar{bottom:30px;display:flex;flex-direction:column-reverse;gap:10px;border:none}
#mainVisual .bar ul{position:unset;transform:none}
}
@media (max-width:480px){
#mainVisual{padding:20px 15px}
#mainVisual .main_slide{height:350px}
#mainVisual .main_txt{top:43%}
#mainVisual .main_txt .tit{font-size:22px}
#mainVisual .main_txt .txt{font-size:14px}
#mainVisual .bar{bottom:30px;font-size:12px}
#mainVisual .bar .contact{font-size:11px}
#mainVisual .bar ul{display:none}
}
/* 반응형 [e] */