@charset "utf-8";

#mainVisual{overflow:hidden;position:relative;width:100%;border-bottom:1px solid #e1e1e1;font-family:var(--main-font)}
#mainVisual .inner{max-width:1720px;margin:0 auto}

/* 텍스트 */
#mainVisual .main_txt{display:flex;justify-content:space-between;align-items:end;padding:95px 60px 55px}
#mainVisual .main_txt .txt01{font-size:58px;line-height:1.2;white-space:pre-line;color:#111}
#mainVisual .main_txt .txt02{font-size: 24px;color:#666}

/* 메인 박스 */
#mainVisual .main_box{display:flex}
#mainVisual .main_box .banner_box{width:calc(100% - 830px);padding-left:20px}
#mainVisual .banner_box{width:calc(100% - 830px);padding-left:20px}
#mainVisual .banner_box a{display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:1;width:55px;height:55px;border-radius:100%;transition:all .3s}
#mainVisual .banner_box a svg{height:22px;transition:all .3s;color: #340960;}
#mainVisual .banner_box .box01{position:relative;height:240px;padding: 40px 0 0 50px;border-radius:20px;background:var(--primary-gra)}
#mainVisual .banner_box .box01 a{position:absolute;left: 380px;bottom: 32px;color:#fff;background-color: #fff;}
#mainVisual .banner_box .box01 a:hover{background-color:#fff}
#mainVisual .banner_box .box01 a:hover svg{color:#111}
#mainVisual .banner_box .box01 p{font-size: 24px;white-space:pre-line;color: #ffffffe3;}
#mainVisual .banner_box .flex_box{display:flex;margin-top:20px}
#mainVisual .flex_box>div{position:relative;width:50%;height:240px;padding:40px 0 0 50px}
#mainVisual .flex_box>div .box_tit{font-size:20px;color:#111}
#mainVisual .flex_box>div .box_tit span{display:block;margin-top:10px;font-size:15px;color:#666;font-family:var(--sub-font)}
#mainVisual .flex_box>div a{position:absolute;right:30px;bottom:20px}
#mainVisual .flex_box .box02{border-radius:20px;border:1px solid #d7cde2;background-color:#ebe6f0}
#mainVisual .flex_box .box02 a{background-color:#fff}
#mainVisual .flex_box .box02 a:hover{background-color:var(--primary)}
#mainVisual .flex_box .box02 a:hover svg{color:#fff}
#mainVisual .flex_box .box03 a{column-gap:10px;width:200px;border-radius:50px;font-size:15px;color:#fff;background-color:#111}
#mainVisual .flex_box .box03 a:hover{background-color:var(--primary)}
#mainVisual .banner_box .tit{color:#ffffff;position:absolute;bottom: 30px;font-size: 43px;}

/* 슬라이드 */
#mainVisual .main_box .main_slide{position:relative;width:830px;border-radius:20px}
#mainVisual .main_slide ul li{background-size:cover;background-position:center;pointer-events:auto;transition:all .3s}
#mainVisual .main_slide ul li.img01{background-image:url('./main_img1.jpg')}
#mainVisual .main_slide ul li.img02{background-image:url('./main_img2.jpg')}
#mainVisual .main_slide ul li.img03{background-image:url('./main_img3.jpg')}
#mainVisual .main_slide ul li a{display:block;width:100%;height:100%;padding:47px 0 0 60px}
#mainVisual .main_slide ul li p{font-size:20px;color:#fff}
#mainVisual .main_slide .pager{position:absolute;left:0;bottom:45px;z-index:1;padding-right:60px;text-align:right}
#mainVisual .main_slide .pager span{width:6px;height:6px;margin:0;opacity:.3;background-color:#fff;transition:all .3s}
#mainVisual .main_slide .pager span+span{margin-left:5px}
#mainVisual .main_slide .pager span.on{width:18px;border-radius:50px;opacity:1}

/* 공지사항 */
#mainVisual .main_late{display:flex;gap:50px;align-items:center;width:calc(100%/4 * 3);height:100px;padding-left:60px}
#mainVisual .main_late .late_tit{font-size:18px;white-space:nowrap;color:var(--primary)}
#mainVisual .main_late .late_noti{width:100%;margin-left:0}
#mainVisual .main_late .late_noti ul{height:50px}
#mainVisual .main_late .late_noti ul li{line-height:50px}
#mainVisual .main_late .late_noti ul li a{display:flex;justify-content:space-between;font-size:16px;color:#333}
#mainVisual .main_late .late_noti ul li a .date{color:#888;font-family:'LINESeedKR-Rg'}
#mainVisual .main_late .late_arrow{display:flex}
#mainVisual .main_late .late_arrow span{display:block;cursor:pointer}
#mainVisual .main_late .late_arrow span+span{position:relative;margin-left:12px;padding-left:12px}
#mainVisual .main_late .late_arrow span+span:before{position:absolute;left:0;top:5px;content:'';width:1px;height:14px;background:#e1e1e1}

@media (max-width:1820px){
#mainVisual .inner{max-width:none;padding:0 50px}
}