@charset "utf-8";

#mainVisual{overflow:hidden;position:relative;min-width:1400px;width:100%;min-height:700px;height:950px;transition:all .2s}

/* 이미지 */
#mainVisual .mainSwiper{height:100%}
#mainVisual .main_img li{overflow:hidden;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:url(/sh_img/index/main_banner/main_img01.jpg) center no-repeat;background-size:cover}
#mainVisual .main_img li.sli02{background-image:url(/sh_img/index/main_banner/main_img02.jpg)}
#mainVisual .main_img li.sli03{background-image:url(/sh_img/index/main_banner/main_img03.jpg)}
#mainVisual .yellow{color:var(--primary)}
#mainVisual .main_txt{font-size:36px;letter-spacing:-.2px;line-height:1.4;text-align:center;color:#fff;font-family:'notokr-regular'}
#mainVisual .main_txt, #mainVisual .main_txt *{transition:all .2s}
#mainVisual .main_txt .ctxt{display:flex;justify-content:center}
#mainVisual .main_txt .ctxt em{display:flex;align-items:center;justify-content:center;width:70px;height:70px;padding:5px 2px 0 0;border-radius:50%;font-size:32px;font-weight:700;font-style:normal;color:#111;background-color:#fff;font-family:'AritaBuri'}
#mainVisual .main_txt .ctxt em.prm{background-color:var(--primary);animation:flash6 linear 1s infinite;}
#mainVisual .main_txt .ctxt em+em{margin-left:8px}
#mainVisual .main_txt .btxt{margin:45px 0;font-size:62px;font-weight:700;line-height:1.2;white-space:pre-line;text-shadow:2px 2px 8px rgba(0,0,0,.3);font-family:'AritaBuri'}
#mainVisual .main_txt .stxt{padding:0 40px;word-break:keep-all}
#mainVisual .main_img li.sli03 .btxt{font-size:55px}
@keyframes flash6{0%{color:#fff;background-color:var(--primary)}50%{color:#fff;background-color:#f00}100%{color:#fff;background-color:var(--primary)}}

/* 컨트롤 */
#mainVisual .arr{position:absolute;top:50%;z-index:11;transform:translateY(-50%);border:none;color:#fff;background:none}
#mainVisual .arr.prev{left:0}
#mainVisual .arr.next{right:0}
#mainVisual .arr svg{width:140px;height:140px;stroke-width:0.25px}
@media (max-width:1024px){
#mainVisual{min-height:auto;height:800px}
}
/* 반응형 [s] 
@media (max-width:1024px){
#mainVisual{min-height:auto;height:700px}
#mainVisual .arr svg{width:100px;height:100px}
#mainVisual .main_txt{font-size:20px}
#mainVisual .main_txt .ctxt em{width:50px;height:50px;font-size:22px}
#mainVisual .main_txt .btxt{font-size:45px}
}
@media (max-width:768px){
#mainVisual{height:450px;padding-top:105px;background-color:#000}	
#mainVisual .main_img li.sli02{background-size:155%;background-position:bottom center}
#mainVisual .arr{margin-top:50px}
#mainVisual .arr svg{width:50px;height:60px;stroke-width:0.5px}
#mainVisual .main_txt{font-size:16px}
#mainVisual .main_txt .ctxt em{width:32px;height:32px;padding:3px 1px 0 0;font-size:15px}
#mainVisual .main_txt .btxt{margin:25px 0;padding:0 20px;font-size:32px;word-break:keep-all}
}
@media (max-width:480px){
#mainVisual{height:400px}	
#mainVisual .arr svg{width:40px;height:50px}
#mainVisual .main_txt .btxt{font-size:26px}
}
@media (max-width:380px){
#mainVisual{height:360px}	
#mainVisual .main_img li.sli02{background-size:160%}
#mainVisual .main_txt .btxt{font-size:24px}
}*/
/* 반응형 [e] */