@charset "utf-8";

#mainVisual{position:relative;z-index:1;padding:41px 0 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{display:flex;align-items:center;gap:0 20px;font-size:clamp(1px, 8.67vw, 150px);text-transform:uppercase;text-align:center;font-family:var(--e-font);font-weight:400;white-space:nowrap}
#mainVisual .main_txt .tit .hidden{display:none}
#mainVisual .main_txt .tit i{font-size:clamp(1px, 9.54vw, 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{overflow:hidden;position:absolute;bottom:-170px;left:50%;transform:translateX(-50%);max-width:var(--main-size);width:100%;height:425px;padding:0 50px}
#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')}

/* 반응형 [s] */
@media (max-width:1024px){
#mainVisual{padding-bottom:230px}
#mainVisual .main_txt{padding:0 15px 54px}
#mainVisual .main_txt .tit .hidden{display:block}
#mainVisual .main_txt .tit{flex-wrap:wrap;justify-content:center;font-size:86px;line-height:1.3;padding-bottom:0.116em}
#mainVisual .main_txt .tit i{font-size:94px}
#mainVisual .main_txt .subtxt{flex-direction:column;align-items:center;gap:4px;padding:0;text-align:center}
#mainVisual .main_txt .subtxt p, #mainVisual .main_txt small {word-break:keep-all;font-size:14px}
#mainVisual .main_slide{height:400px;padding:0 15px}
}

@media (max-width:768px){
#mainVisual{padding-bottom:54px;padding-top:15px}
#mainVisual .main_slide{height:230px}
#mainVisual .main_txt .tit{font-size:75px}    
#mainVisual .main_txt .tit i{font-size:84px}

}
@media (max-width:480px){
#mainVisual .main_txt .tit{gap:0 10px;font-size:clamp(1px, 15.63vw, 75px)}
#mainVisual .main_txt .tit i{font-size:clamp(1px, 17.5vw, 84px)}
#mainVisual .main_txt .subtxt p,#mainVisual .main_txt small{font-size:clamp(12px, 2.92vw, 14px)}
}
/* 반응형 [e] */