@charset "utf-8";

#mainVisual .mian_wrap{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:88%;padding-top:225px}
#mainVisual .main_slide{position:relative;margin-top:30px;width:100%}
#mainVisual .main_slide .swiper-wrapper{height:400px}
#mainVisual .main_slide ul li{position:relative;background:#000}
#mainVisual .main_slide ul li img{width:100%;height:100%;object-fit:cover;transition:all .3s}
#mainVisual .main_slide ul li .txt{opacity:0;position:absolute;bottom:12%;left:10%;transition:all .3s}
#mainVisual .main_slide ul li .txt .info{margin-top:20px;font-size:17px;font-weight:400;line-height:1.8;color:rgb(255, 255, 255, 0.8)}
/* #mainVisual .main_slide ul li.bg01{background-image:url(./main_banner01.jpg)}
#mainVisual .main_slide ul li.bg02{background-image:url(./main_banner02.jpg)}
#mainVisual .main_slide ul li.bg03{background-image:url(./main_banner03.jpg)} */

/* 배너 */
#mainVisual .mian_wrap .btn_area{display:flex;flex-direction:column;gap:8px;position:absolute;right:4%;top:26%}
#mainVisual .mian_wrap .btn_area .circle{display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;width:125px;height:125px;border-radius:100%;font-weight:700;color:#fff;line-height:1.4;text-align:center;word-break:keep-all;background:#111}
#mainVisual .mian_wrap .btn_area .circle a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:115px;height:115px;border-radius:100%;border:2px dotted rgba(255, 255, 255, 0.7);font-size:15px;font-weight:700;color:#fff;line-height:1.4;text-align:center;word-break:keep-all;white-space:pre-line}
#mainVisual .mian_wrap .btn_area .circle:nth-child(2){background:var(--primary)}
#mainVisual .mian_wrap .btn_area .circle:nth-child(1){padding:15px}
#mainVisual .mian_wrap .btn_area .circle:nth-child(1)::before{content:"";position:absolute;top:-144%;left:50%;width:1px;height:300px;background:#111}
#mainVisual .mian_wrap .btn_area .circle span{font-weight:400;color:rgba(255, 255, 255, 0.7)}
/* 방향키 */
#mainVisual .nav_container{display:flex;z-index:1;margin-bottom:18px}
#mainVisual .nav_container div{cursor:pointer}
#mainVisual .nav_container div svg{color:rgba(0, 50, 160, 0.5);transition:0.2s}
#mainVisual .nav_container div:hover svg{color:var(--primary)}
#mainVisual .nav_container div.prev_nav{position:relative;padding-right:10px}
#mainVisual .nav_container div.prev_nav:after{content:"";position:absolute;top:40%;right:0px;transform:translateY(-50%);width:1px;height:62%;background-color:rgba(0, 50, 160, 0.5)}
#mainVisual .nav_container div.next_nav{padding-left:10px}

/* 메인텍스트 효과*/
#mainVisual .mian_wrap .tit{display:flex;flex-direction:column;align-items:center;position:relative;text-align:center}
#mainVisual .word{position:absolute;top:-5px;left:50%;transform:translate(-50%, -100%);width:100%;padding:0 5px;font-size:34px;font-weight:700;color:var(--primary);font-family:var(--k-sf-font)}
#mainVisual .letter{display:inline-block;transform:translateY(20px);opacity:0;transition:all 500ms ease-in}
#mainVisual .letter.on{transform:none;opacity:1}
#mainVisual .mian_wrap .tit .main_paragraph{display:block;padding:10px 0 18px;font-size:17px;color:#777;line-height:1.6;white-space:pre-line;word-break:keep-all}

/* 반응형 [s] */
@media (max-width:1380px){
#sh_mainVisual .main_txt{left:5%}
}
@media (max-width:1145px){
#mainVisual .mian_wrap .btn_area{display:none}
}
@media (max-width:1024px){
#sh_mainVisual .main_txt{left:2.5%}
#sh_mainVisual .main_txt h1{font-size:52px}
.sh_main_slide{height:600px}
#sh_mainVisual ul li .bg{width:100%;height:100%}
#mainVisual .mian_wrap{position:relative;top:initial;left:initial;transform:initial;margin:0 auto;padding-top:155px}
#mainVisual .mian_wrap .btn_area{top:8%}
#mainVisual .nav_container{top:31%}
#mainVisual{padding-bottom:80px}
}
@media (max-width:768px){
#sh_mainVisual .main_txt{left:0%;width:100%;text-align:center}
#sh_mainVisual .main_txt span{font-size:15px}
#sh_mainVisual .main_txt h1{font-size:40px}
.sh_main_slide{height:450px}
#sh_mainVisual ul li .bg{filter:brightness(0.6)}
#mainVisual .mian_wrap{position:relative;top:initial;left:initial;transform:initial}
#mainVisual .word{font-size:30px}
}
@media (max-width:480px){
#sh_mainVisual .main_txt span{font-size:14px}
#sh_mainVisual .main_txt h1{font-size:30px}
.sh_main_slide{height:380px}
#mainVisual .logo_img{width:100%;padding:0 20px}
#mainVisual .logo_img img{width:100%}
#mainVisual .word{font-size:22px}
#mainVisual .mian_wrap .tit .main_paragraph{font-size:15px}
}
@media (max-width:380px){
#sh_mainVisual .main_txt span{font-size:13px}
#sh_mainVisual .main_txt h1{font-size:26px}
.sh_main_slide{height:340px}
}
/* 반응형 [e] *