@charset "utf-8";

#mainVisual{position:relative;z-index:1;min-width:1730px;padding:41px 95px 255px;font-family:var(--e-font)}

/* 텍스트 */
#mainVisual .main_txt{display:flex;flex-direction:column;align-items:center;align-self:stretch;padding-bottom:74px}
#mainVisual .main_txt .tit{font-size:150px;text-transform:uppercase;text-align:center;font-family:var(--e-font);font-weight:400;white-space:nowrap}
#mainVisual .main_txt .tit i{font-size:165px;font-family:var(--e-font-instrument);font-weight:500;font-style:italic}
#mainVisual .main_txt .tit i.point{color:var(--point)}
#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 .subtxt{display:flex;justify-content:space-between;padding:0 5px;font-size:15px;width:100%;text-transform:uppercase}
#mainVisual .main_txt .txt{margin-top:30px;font-size:18px;font-weight:600;text-align:center;font-family:var(--k-font)}
#mainVisual .main_txt small{font-size:15px}

/* 이미지 */
#mainVisual .main_slide{position:absolute;bottom:-170px;left:50%;transform:translateX(-50%);max-width:1730px;width:100%;overflow:hidden;height:425px}
#mainVisual .main_slide ul li{background:url('./main_bnr_img01.jpg') center no-repeat;background-size:cover}
#mainVisual .main_slide ul li.bg02{background-image:url('./main_bnr_img02.jpg')}
#mainVisual .main_slide ul li.bg03{background-image:url('./main_bnr_img03.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}

#mainVisual .bar .contact:hover{color:#111;background:#fff}
#mainVisual .bar ul a:hover:after{width:100%}