@charset "utf-8";

#mainVisual{position:relative;height:100vh;min-height:750px;font-size:16px;line-height:1.6;color:#fff;background:#000;font-family:var(--kr-font)}

/* 메인 텍스트 */
#mainVisual .main_txt{position:relative;z-index:2;max-width:1400px;margin-left:7%;padding-top:600px}
#mainVisual .main_txt .txt01{font-size:28px;font-weight:200;line-height:1.4}
#mainVisual .main_txt .txt01 span{display:block;font-weight:700;font-size:65px;margin-bottom:40px;}
#mainVisual .main_txt .txt02{margin-top:10px;white-space:pre-line;word-break:keep-all;color:rgba(255,255,255,.6)}
#mainVisual .main_txt a{display:inline-block;overflow:hidden;margin-top:74px}
#mainVisual .main_txt a .go_txt{float:left;display:flex;align-items:center;justify-content:center;width:220px;height:70px;border:1px solid rgba(255,255,255,.5);border-radius:80px;font-weight:500;color:#fff;transition:all .2s}
#mainVisual .main_txt a .arrow{float:left;display:flex;align-items:center;justify-content:center;width:70px;height:70px;margin-left:10px;border:1px solid rgba(255,255,255,.5);border-radius:100%;background-color:rgba(255,255,255,.2)}
#mainVisual .main_txt a .arrow svg{transition:all .2s;height:18px;color:#fff}
/*asdf*/
/* 메인 슬라이드 */
#mainVisual .main_slide{position:absolute;top:0;width:100%;height:100%}
#mainVisual .main_slide ul li .inner_img{opacity:1;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:115%;height:115%;background-position:center;background-repeat:no-repeat;background-size:cover;transition: all 1.2s cubic-bezier(0.165, 0.840, 0.440, 1);z-index:1;}
#mainVisual .main_slide ul li .inner_img::before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:2;}
#mainVisual .main_slide ul li .img01{background-image:url('./main_img.png')}
/* #mainVisual .main_slide ul li .img02{background-image:url('./main_img02.jpg')}
#mainVisual .main_slide ul li .img03{background-image:url('./main_img03.jpg')} */
#mainVisual ul li.on .inner_img{width:100%;height:100%;opacity:1}
#mainVisual .pager_box{position:relative;z-index:2;margin-top:90px;border-bottom:1px solid rgba(255,255,255,.2)}
#mainVisual .pager{position:absolute;left:50%;bottom:-1px;transform:translateX(-50%);width:1400px}
#mainVisual .pager span{display:inline-block;position:relative;width:47px;height:40px;border-radius:0;opacity:.4;background:none;transition:all .5s}
#mainVisual .pager span:after{color:#fff;font-size:14px;font-weight:500;font-family:var(--eng-font)}
#mainVisual .pager span:nth-child(1):after{content:'01'}
#mainVisual .pager span:nth-child(2):after{content:'02'}
#mainVisual .pager span:nth-child(3):after{content:'03'}
#mainVisual .pager span.on{width:200px;border-bottom:solid 2px #fff;opacity:1}

/* 모바일 호버 X */
@media (hover: hover) {
#mainVisual .main_txt a:hover .go_txt{color:#111;background-color:#fff}
#mainVisual .main_txt a:hover .arrow svg{transform:rotate(45deg)}
}

/* 반응형 [s] */
@media (max-width:1500px){
#mainVisual .main_txt{max-width:none;padding:14% 50px 0}
#mainVisual .main_txt .txt01{font-size:55px}
#mainVisual .pager{width:100%;margin-top:150px;padding:0 50px}
#mainVisual .pager span.on{width:170px}
}
@media (max-width:1230px){
#mainVisual .main_txt{padding:14% 30px 0}
#mainVisual .main_txt .txt01{font-size:50px}
#mainVisual .pager{padding:0 30px}
}
@media (max-width:1024px){
#mainVisual{height:680px;min-height:auto;font-size:15px}
#mainVisual .main_txt{padding-top:115px}
#mainVisual .main_txt .txt01{font-size:48px}
#mainVisual .main_txt a .go_txt{width:200px;height:65px}
#mainVisual .main_txt a .arrow{width:65px;height:65px}
#mainVisual .pager_box{margin-top:130px}
}
@media (max-width:768px){
#mainVisual{height:620px}
#mainVisual .main_txt{padding-top:100px}
#mainVisual .main_txt .txt01{font-size:38px}
#mainVisual .main_txt .txt02{margin-top:35px}
#mainVisual .main_txt a{margin-top:60px}
#mainVisual .main_txt a .go_txt{width:185px;height:60px}
#mainVisual .main_txt a .arrow{width:60px;height:60px}
#mainVisual .pager_box{margin-top:115px}
#mainVisual .pager span{height:35px}
#mainVisual .pager span.on{width:140px}
#mainVisual .pager span:after{font-size:13px}
}
@media (max-width:480px){
#mainVisual{height:540px}
#mainVisual{font-size:14px}
#mainVisual .main_txt{padding:75px 15px 0}
#mainVisual .main_txt .txt01{font-size:30px;line-height:1.3}
#mainVisual .main_txt a{margin-top:50px}
#mainVisual .main_txt a .go_txt{width:170px;height:55px}
#mainVisual .main_txt a .arrow{width:55px;height:55px}
#mainVisual .main_txt a .arrow svg{height:15px}
#mainVisual .pager_box{margin-top:95px}
#mainVisual .pager{padding:0 15px}
#mainVisual .pager span.on{width:95px}
}
@media (max-width:380px){
#mainVisual{height:485px}
#mainVisual .main_txt{padding:65px 15px 0}
#mainVisual .main_txt .txt01{font-size:25px}
#mainVisual .main_txt .txt02{margin-top:28px;white-space:normal}
#mainVisual .main_txt a{margin-top:45px}
#mainVisual .main_txt a .go_txt{width:160px;height:50px}
#mainVisual .main_txt a .arrow{width:50px;height:50px}
#mainVisual .pager_box{margin-top:90px}
}
/* 반응형 [e] */