C@charset "utf-8";
#MainVisual{position:relative;width:100%}
#MainVisual .tit{width:100%;position:absolute;z-index:10;bottom:170px;left:50%;text-align:center;color:#fff;transform:translateX(-50%)}
#MainVisual .tit h1{margin-bottom:10px;text-shadow:2px 1px 10px rgba(0, 0, 0, 0.2);font-size:100px;font-weight:normal;font-family:'Gowun Batang','Noto Serif KR','Serif'}
#MainVisual .tit h2{font-size:22px;font-weight:400}
#MainVisual .tit h1 span{font-weight:400}
#MainVisual .main_slide{position:relative;width:100%;height:940px}
#MainVisual .main_slide li{width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center}
#MainVisual .main_slide li.bg01{background-image:url(./main_banner01.jpg)}
#MainVisual .main_slide li.bg02{background-image:url(./main_banner02.jpg)}
#MainVisual .main_slide li.bg03{background-image:url(./main_banner03.jpg)}
#MainVisual .main_slide li.bg04{background-image:url(./main_banner04.jpg)}
#MainVisual .main_slide li.bg05{background-image:url(./main_banner05.jpg)}
#MainVisual .tabs{position:absolute;display:flex;gap:20px;max-width:var(--mainsize);left:50%;bottom:60px;transform:translateX(-50%);font-size:18px;color:#fff;font-family:var(--e-font);z-index:99}
#MainVisual .tabs .on{opacity:1}
#MainVisual .tabs span{opacity:.5;width:100%;height:auto;border-radius:0;text-align:center;background:none;transition:all .3s}

/* 반응형 [s] */
@media (hover:hover){
#MainVisual .tabs span:hover{opacity:1}
}
@media(max-width:1980px){
#MainVisual .main_slide{height:740px}
#MainVisual .tit{bottom:130px}
}
@media (max-width:1380px){
#MainVisual .tit h1{font-size:85px}
#MainVisual .tit h2{font-size:20px}
#MainVisual .tabs{font-size:17px}
}
@media (max-width:1024px){
#MainVisual .main_slide{height:600px}
#MainVisual .tit{bottom:130px}
#MainVisual .tit h1{font-size:68px}
#MainVisual .tit h2{font-size:18px}
#MainVisual .tabs{bottom:50px;font-size:16px}
}
@media (max-width:768px){
#MainVisual .main_slide{height:550px}
#MainVisual .tit{bottom:40%;transform:translate(-50%, 50%);width:100%}
#MainVisual .tit h1{margin-bottom:8px;font-size:54px}
#MainVisual .tit h2{font-size:16px}
#MainVisual .main_slide li{filter:brightness(0.5)}
#MainVisual .main_slide li.bg02, #MainVisual .main_slide li.bg05{background-position:25%}
#MainVisual .tabs{flex-wrap:wrap;gap:10px;row-gap:20px;justify-content:center;width:100%}
#MainVisual .tabs span{width:10%;margin:0px;}
/* #MainVisual .tabs span:nth-child(-n+3){width:calc(100% / 3 - 7px)} */
/* #MainVisual .tabs span:nth-last-child(-n+2){width:calc(100% / 2 - 5px)} */
}
@media (max-width:480px){
#MainVisual .main_slide{height:500px}
#MainVisual .tit h1{font-size:42px}
#MainVisual .tit h2{font-size:15px}
#MainVisual .main_slide li.bg02, #MainVisual .main_slide li.bg05{background-position:32%}
#MainVisual .tabs{gap:6px;row-gap:15px;width:95%;font-size:14px}
/* #MainVisual .tabs span:nth-child(-n+3){width:calc(100% / 3 - 4px)} */
/* #MainVisual .tabs span:nth-last-child(-n+2){width:calc(100% / 2 - 3px)} */
}
@media (max-width:390px){
#MainVisual .main_slide{height:470px}
#MainVisual .tit h1{margin-bottom:6px;font-size:36px}
#MainVisual .tit h2{font-size:14px}
#MainVisual .tabs{font-size:13px}
}
/* 반응형 [e] */