@charset "utf-8";

#mainVisual{position:relative;width:calc(100% - 6%);margin:0 auto;padding:20px;letter-spacing:-.5px}
#mainVisual .img{position:relative;left:300px;top:0;z-index:-1;width:100%;height:800px;border-radius:20px;background:url(/sh_img/index/main_banner/main_banner.jpg) no-repeat center;background-size:cover;opacity:0}
#mainVisual .bg{width:100%;height:800px;border-radius:20px;overflow:hidden}
#mainVisual .bg video{width:100%;height:100%;object-fit:cover;}
/* cont */
#mainVisual .cont{position:absolute;left:40px;top:50%;transform:translateY(-50%);width:500px;margin-left:-100px;opacity:0;overflow:hidden}

/* #mainVisual .form{padding:40px 50px;border-radius:20px;background:#fff;font-family:'notokr-regular'}
#mainVisual .form .tit{margin-bottom:30px;text-align:center}
#mainVisual .form .tit p{margin-right:10px;font-size:30px;color:#222;font-family:'notokr-bold'}
#mainVisual .form .tit span{display:block;margin-top:7px;font-size:14px}
#mainVisual .form ul li+li{margin-top:10px}
#mainVisual .form .sh_input{width:100%;height:50px;padding:0 20px;border-radius:3px;border:1px solid #d7d7d7;font-size:15px;transition:all .3s;font-family:'notokr-regular'} 
#mainVisual .form .sh_input::placeholder{color:#999}
#mainVisual .form .sh_input:focus{box-shadow:none;border:1px solid var(--primary)!important}
#mainVisual .form .half p+p{margin-top:10px}
#mainVisual .form .sh_txtarea{padding:15px;height:130px;resize:none}
#mainVisual .form .prv_area{display:flex;margin:10px 0 20px;cursor:pointer;align-items:center;justify-content:flex-end;line-height:14px}
#mainVisual .form .prv_area #prv_check[type="checkbox"]{-webkit-appearance:none;position:relative;width:15px;height:15px;margin-right:6px;cursor:pointer;border:1px solid #d7d7d7;border-radius:3px;background:var(--white)}
#mainVisual .form .prv_area #prv_check[type="checkbox"]::before{content:"\f00c";position:absolute;top:40%;left:50%;overflow:hidden;transform:scale(0) translate(-50%, -50%);font-size:8px;font-family:'fontawesome'}
#mainVisual .form .prv_area #prv_check[type="checkbox"]:checked{background-color:var(--primary1);color:white}
#mainVisual .form .prv_area #prv_check[type="checkbox"]:checked::before{border-radius:2px;transform:scale(1) translate(-50%, -50%)}
#mainVisual .form .prv_area a{position:relative;vertical-align:middle;color:#999;transition:all .3s}
#mainVisual .form .prv_area a:before{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#dbdbdb}
#mainVisual .form input[type=submit]{width:100%;height:55px;border-radius:50px;font-size:15px;color:var(--white);background-color:var(--primary);appearance:none;-webkit-appearance:none;transition:all .3s;font-family:'notokr-medium'}        

#mainVisual .latest{padding:15px 20px;height:130px;margin-top:10px;border-radius:20px;background:#fff;font-family:'notokr-regular'}
#mainVisual .latest .tit_area{margin-bottom:50px}
#mainVisual .latest .tit_area .en{margin-bottom:30px;color:var(--primary);font-size:15px;font-weight:800;line-height:15px;font-family:'Poppins'}
#mainVisual .latest .tit_area p{font-size:40px;line-height:50px;white-space:pre-line;color:#222;font-family:'notokr-light'}
#mainVisual .latest .tit_area p b{font-weight:normal;font-family:'notokr-bold'}
#mainVisual .latest .swiper-container{height:100%}
#mainVisual .latest ul li{display:flex;align-items:center;height:30px !important}
#mainVisual .latest ul li .status{display:block;width:80px;height:30px;margin-right:15px;background-color:var(--primary);border-radius:30px;font-size:13px;color:var(--white);line-height:30px;text-align:center}
#mainVisual .latest ul li .m_status{display:none}
#mainVisual .latest ul li .subj{color:#777}
#mainVisual .latest ul li .date{flex-shrink:0;margin-left:auto}
#mainVisual .latest ul li .m_date{display:none} */

/* 카톡 */
#mainVisual .btn_group{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:10px;display:none}
#mainVisual .sns_btn{display:flex;align-items:center;justify-content:center;width:100%;height:55px;position:relative;border-radius:150px;font-size:15px;color:#391b1b;background-color:#fae301;font-family:'notokr-medium'}
#mainVisual .kakao i{padding-left:5px;color:#391b1b}
#mainVisual .channel{background:linear-gradient(135deg, #4a26ff, #6d26fd);color:#fff}
#mainVisual .channel img{margin-left:7px}

/* 반응형 메뉴 [s] */
@media (hover:hover){
#mainVisual .cont .link_box li a:hover{background-color:var(--primary1)}
#mainVisual .cont .new .btn_all>a:hover{background-color:var(--primary);color:var(--white)}
#mainVisual .cont .new .slide_btn div:hover img{opacity:.5}
#mainVisual .cont .new .slide_all ul li a:hover dl dt span{position:absolute;white-space:nowrap;will-change:transform;animation:marquee 10s linear infinite}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
}
@media(max-width:1400px){
#mainVisual{width:calc(100% - 40px);margin:0 20px}
}
@media (max-width:1220px){
#mainVisual .cont{width:35%}
#mainVisual .img{height:740px}
#mainVisual .bg{height:740px}
#mainVisual .form{padding:30px 50px}
#mainVisual .form .tit p{font-size:25px}
}
@media (max-width:1100px){
#mainVisual .btn_group{display:flex}
#mainVisual{width:calc(100% - 30px);margin:15px 15px 0}
#mainVisual .cont .link_box li img{display:none}
#mainVisual .cont .link_box li a{height:auto;padding:30px 0;text-align:center}
#mainVisual .img{height:710px;background-position:60%}
#mainVisual .form{padding:30px}
#mainVisual .form input[type=submit]{height:50px;font-size:15px}
#mainVisual .form .sh_input{height:50px;font-size:14px}
#mainVisual .form .half p+p{margin-top:10px}
#mainVisual .form ul li+li{margin-top:10px}
#mainVisual .form .sh_txtarea{height:100px}
#mainVisual .form .tit p{font-size:25px}
#mainVisual .latest ul li .subj{overflow:hidden;width:150px;white-space:nowrap;text-overflow:ellipsis}
}
@media (max-width:950px){
#mainVisual .main_top{margin-bottom:15px;font-size:32px}
#mainVisual .img{height:520px}
#mainVisual .bg{height:520px}
#mainVisual .cont{position:initial;transform:none;width:100%;padding:50px 0 0}
#mainVisual .form{position:initial;transform:none;width:100%;padding:0}
#mainVisual .latest{padding:15px 0}
}
@media(max-width:720px){
#mainVisual{padding:0}
#mainVisual .img{background-position:center;background-image:url('/sh_img/index/main_banner/main_banner_m.jpg')}
}
@media(max-width:480px){
#mainVisual .bg{height:380px}
#mainVisual .img{height:380px}
}
@media(max-width:480px){
#mainVisual .img{height:310px}
#mainVisual .bg{height:310px}
}
/* 반응형 메뉴 [e] */