@charset "utf-8";

#sh_mainVisual{position:relative;z-index:10}

/* 텍스트 */
#sh_mainVisual .main_txt{opacity:0;position:absolute;left:50%;top:50%;z-index:101;display:flex;flex-wrap:wrap;width:800px;transform:translate(-50%,-50%);transition:all .2s .2s}
#sh_mainVisual .main_txt .line{width:100%;margin-bottom:35px;font-size:80px;line-height:1.5;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.5);font-family:'Marcellus'}

/* 배경이미지 */
.sh_main_slide{height:100vh}
.sh_main_slide:after{display:block;content:"";position:absolute;z-index:100;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.5)}
#sh_mainVisual ul li .bg{position:absolute;left:0;top:0;width:100%;height:100%;transition:all 1.6s cubic-bezier(0.165, 0.840, 0.440, 1)}
#sh_mainVisual ul li .bg img{width:100%;height:100vh}
#sh_mainVisual .bg .m{display:none}

#sh_mainVisual .tabs{opacity:0;position:absolute;z-index:90;top:50%;left:65px;transform:translateY(-50%);transition:all .1s .1s}
#sh_mainVisual .tabs .on{padding-left:20px;opacity:1}
#sh_mainVisual .tabs .on:before{opacity:1}
#sh_mainVisual .tabs span{position:relative;display:block;width:100%;height:auto;border-radius:0;font-size:19px;color:#fff;opacity:.4;background:none;transition:all .3s;font-family:'Marcellus'}
#sh_mainVisual .tabs span:before{opacity:0;position:absolute;content:'';left:0;top:50%;width:5px;height:5px;border-radius:50px;transition:all .3s;background:#fff}
#sh_mainVisual .tabs span+span{margin-top:13px}

#sh_mainVisual .s_txt{display:flex;gap:15px;margin-left:auto;color:#fff}
#sh_mainVisual .s_txt span{margin-top:12px;font-size:90px;line-height:0;font-family:'Marcellus'}
#sh_mainVisual .s_txt div{font-size:17px;font-weight:600}

#sh_mainVisual .crrent{overflow:hidden;width:100%;font-size:80px;line-height:1.5;color:#fff;font-family:'Marcellus'}
#sh_mainVisual .crrent .swiper_num{position:absolute;bottom:45px;left:-45px;height:35px;font-size:25px}
#sh_mainVisual .crrent .swiper_txt{position:absolute;bottom:-35px;width:100%}
#sh_mainVisual .crrent .swiper_txt ul{height:140px}

.fp-viewing-01 #sh_mainVisual .main_txt{opacity:1;transition:all .5s .5s}
.fp-viewing-01 #sh_mainVisual .tabs{opacity:1;transition:all .5s .5s}


/* 반응형 [s] */
@media (max-width:1400px){
#sh_mainVisual .main_txt .line{font-size:80px}
#sh_mainVisual .crrent{font-size:80px}
#sh_mainVisual ul li .bg{background-position:center right}
#sh_mainVisual .main_txt{left:60%}
}
@media (max-width:1024px){
#sh_mainVisual .main_txt{width:75%}
#sh_mainVisual .tabs{display:flex;width:100%;top:unset;bottom:20px;left:50%;text-align:center;transform:translate(-50%, 0);z-index: 9999;}
#sh_mainVisual .tabs span{font-size:15px}
#sh_mainVisual .tabs span+span{margin-top:0}
#sh_mainVisual .tabs span:before{display:none}
#sh_mainVisual .tabs .on{padding-left:0}
#sh_mainVisual .main_txt{left:50%}
#sh_mainVisual .crrent .swiper_txt{font-size:70px}
}
@media (max-width:768px){
#sh_mainVisual .main_txt{width:100%;display:block;text-align:center}
#sh_mainVisual .main_txt .line{margin-bottom:0;font-size:60px;line-height:1.2}
#sh_mainVisual .crrent{position:relative;display:flex;font-size:60px;justify-content:center}
#sh_mainVisual .crrent .swiper_num{position:unset;margin:0}
#sh_mainVisual .crrent .swiper_txt{position:unset;width:auto;margin:0;margin-left:20px;text-align:left}
#sh_mainVisual .crrent .swiper_txt ul{height:120px}
#sh_mainVisual .s_txt{justify-content:center;margin-top:17px;text-align:left}
#sh_mainVisual .crrent .swiper_txt{font-size:50px}
}
@media (max-width:600px){
#sh_mainVisual .main_txt .line{font-size:50px}
#sh_mainVisual .crrent .swiper_txt{font-size:40px}
#sh_mainVisual .s_txt div{font-size:16px}
}
@media (max-width:480px){
#sh_mainVisual .main_txt .line{font-size:50px}
#sh_mainVisual .crrent{font-size:50px}
#sh_mainVisual .crrent .swiper_num{font-size:20px}
#sh_mainVisual .crrent .swiper_txt ul{height: 75px;}
#sh_mainVisual .s_txt div{font-size:15px}
#sh_mainVisual .main_txt .line{font-size:40px}
#sh_mainVisual .crrent .swiper_txt{font-size:36px}
#sh_mainVisual .bg .m{display:block}
#sh_mainVisual .bg .pc{display:none}
#sh_mainVisual .tabs{top: auto;}
#sh_mainVisual .main_txt{top:45%}
}
/* 반응형 [e] */