@import url("./fonts/woff2/PretendardVariable.woff2");
/* old */
/*** main ***/
.aside_quick{top:425px}/* 메인 퀵 */
.aside_quick li a>img{width:80px;}
/* .seocho_bnr .aside_quick {top:643px;} */
/* main 공통 class */
#header.type_red, #header.type_purple, #header.type_brown, #header.type_blue{border-bottom:0}
#mainContainer .mainContent{padding:50px 0 0 0}
#mainContainer .list_type>li{position:relative;margin-top:11px;padding-left:6px;color:#333;opacity:.7;}
#mainContainer .list_type>li:after{display:inline-block;position:absolute;left:0;top:50%;width:2px;height:2px;margin-top:-1px;background:#848484;content:''}
#mainContainer .list_type>li>a{display:block;overflow:hidden;position:relative;height:14px;line-height:12px;text-overflow:ellipsis;white-space:nowrap;font-weight:normal}
#mainContainer .list_type>li img{vertical-align:middle}
.tab{position:relative;*zoom:1}
.tab:after{display:block;clear:both;content:''}
.tab>li{float:left}
.tab.tab_type>li>a{display:block;position:absolute;box-sizing:border-box}
.tab.tab_type .tab_contents{display:none;position:relative}
.tab.tab_type .on .tab_contents{display:block}
#mainContainer .btn_more{position:absolute;right:5px;bottom:71px;width:11px;height:11px;background-position:0 -50px !important}/* 더보기 버튼 */
/* 메인 layout */
#mainContainer{background:#fff}
#mainContainer .mainContent{position:relative;width:1030px;margin:0 auto;text-align:left;*zoom:1}
#mainContainer .mainContent:after{display:block;clear:both;content:''}
/* 메인 비주얼 */
#mainContainer .main_visual .mod_swiper_main{text-align:center}
#mainContainer .main_visual .mod_swiper_main .banner_img{position:relative;overflow:hidden;height:375px}
#mainContainer .main_visual .mod_swiper_main .banner_img li{/*width:1030px;*/width:100%;height:375px;text-align:center;z-index:1}
#mainContainer .main_visual .mod_swiper_main .banner_img li a{display:inline-block;width:1030px}
#mainContainer .main_visual .mod_swiper_main .banner_img li a>img{height:375px}
#mainContainer .main_visual .mod_swiper .btn-prev,#mainContainer .main_visual .mod_swiper .btn-next{display:none;position:absolute;top:-217px;width:60px;height:70px;background:url(https://img.megastudy.net/campus/library/v2015/library/common/icon/sp_control.png) 0 0 no-repeat;opacity:.5;font-size:0;text-indent:-999em}
#mainContainer .main_visual .mod_swiper .btn-prev{left:0;background-position:0 0}
#mainContainer .main_visual .mod_swiper .btn-prev:hover{background-position:0 -70px}
#mainContainer .main_visual .mod_swiper .btn-next{right:0px;background-position:-60px 0}
#mainContainer .main_visual .mod_swiper .btn-next:hover{background-position:-60px -70px}
#mainContainer .main_visual .mod_swiper .bx-pager{margin-top:-35px}
#mainContainer .main_visual .mod_swiper .btnFlag-wrapper{position:relative;width:1030px;margin:0 auto;z-index:5}
#mainContainer .main_visual .mod_swiper:hover .btnFlag-wrapper .btn-prev,#mainContainer .main_visual .mod_swiper:hover .btnFlag-wrapper .btn-next{display:block}
#mainContainer .main_visual .page_wrap{position:absolute;left:0;right:0;bottom:22px;text-align:center;z-index:5}
/* 메인 컨텐츠 */
#mainContainer .sec_row{position:relative;margin-bottom:40px;*zoom:1}
#mainContainer .sec_row:after{display:block;clear:both;content:''}
/* 첫번째 컨텐츠 */
#mainContainer .sec_row1>div{height:320px}
#mainContainer .brand_ad{float:left;width:240px;margin-right:30px; position:relative; text-align:center;}
#mainContainer .brand_ad li a {display:block;}
#mainContainer .brand_ad .bx-controls {position:absolute; top:0px; right:0px; width:70px; height:30px; background:url("https://img.megastudy.net/campus/library/v2015/library/intro_renew/triple_control_bg.png") repeat; z-index:99; color:#fff; font-size:12px; line-height:30px; letter-spacing:-0.85px;}
#mainContainer .brand_ad .bx-controls a {width:8px; height:13px; position:absolute; display:inline; top:9px; text-indent:-9999px; overflow:hidden;}
#mainContainer .brand_ad .bx-controls a.bx-prev {left:10px; background:url("https://img.megastudy.net/campus/library/v2015/library/intro_renew/triple_arrow_left.png") 0 0 no-repeat;}
#mainContainer .brand_ad .bx-controls a.bx-next {right:10px; background:url("https://img.megastudy.net/campus/library/v2015/library/intro_renew/triple_arrow_right.png") 0 0 no-repeat;}
#mainContainer .campus_issue{float:left;width:760px;border:1px solid #dcdcdc;box-sizing:border-box}
#mainContainer .campus_issue .hash_list{position:relative;*zoom:1; width:760px;}
#mainContainer .campus_issue .hash_list:after{display:block;clear:both}
#mainContainer .campus_issue .hash_list>li{float:left;position:relative;width:253px;height:318px;border-left:1px solid #dcdcdc;box-sizing:border-box;}
#mainContainer .campus_issue .hash_list>li:first-child{width:252px;border-left:0}
#mainContainer .campus_issue .hash_list .tit{position:relative;height:50px;padding:15px 5px 15px 18px;background:#f6f6f6;box-sizing:border-box;font-size:18px;color:#333;line-height:18px;font-weight:bold}
#mainContainer .campus_issue .hash_list .box{position:relative;padding:20px 16px}
#mainContainer .campus_issue .hash_list .bn_issue{position:relative;width:220px;height:120px}
#mainContainer .campus_issue .hash_list .bn_issue img{width:100%}/* 이미지 사이즈:width:220px,height:120px */
#mainContainer .campus_issue .hash_list .bn_issue a{display:block}
#mainContainer .campus_issue .hash_list .bn_issue .dim,#mainContainer .campus_issue .hash_list .bn_issue .dim_txt{display:block;position:absolute;bottom:0;left:0;right:0;height:31px;box-sizing:border-box}
#mainContainer .campus_issue .hash_list .bn_issue .dim{width:220px}
#mainContainer .campus_issue .hash_list .bn_issue .dim_txt{text-align:center; display:inline-block; width:220px; height:30px; background:#000;opacity:.8; }
#mainContainer .campus_issue .hash_list .bn_issue .dim_txt>*{display:block;overflow:hidden;position:relative;margin:0 10px;font-size:13px;color:#fff;line-height:31px;opacity:.7;text-overflow:ellipsis;white-space:nowrap;font-weight:normal}
#mainContainer .campus_issue .hash_list .list_type{padding-top:8px}
/* 메가덕분에 */
.dueTo_gn{width:1030px;height:54px;background:url("https://img.megastudy.net/campus/library/v2015/library/common/main_2017/dueTo_bg.gif") no-repeat; margin:-25px auto 23px;}
.dueTo_gn p:first-of-type {float:right; margin:18px 18px 0 24px;}
#scroller{float:right; width:640px; height:42px; position: relative;
background-color:#fff; text-align:center; margin-top:6px; overflow: hidden;}
.images{ display:inline; width:12420px; height:42px; float:left; position:relative;font-size:12px; color:#717277; line-height:45px; text-align:left; padding-left:11px; }
.images a{display:inline;}
.images a>img{margin:19px 10px 0 20px;}
.images .s_name{color:#2f4698;}
/* 두번째 컨텐츠 */
#mainContainer .sec_row2{margin-bottom:0;border-top:3px solid #333333}
#mainContainer .campus_infor{float:left;position:relative;width:720px;height:285px;padding:30px 15px 30px 39px;box-sizing:border-box}
#mainContainer .sec_row.nsu .campus_infor{background:#2f4698}/* 재수 */
#mainContainer .sec_row.jaehak .campus_infor{background:#037334}/* 재학 */
#mainContainer .campus_infor .our_campus{position:relative;*zoom:1}
#mainContainer .campus_infor .our_campus:after{display:block;clear:both;content:''}
#mainContainer .campus_infor .our_campus .infor_list{float:left;width:190px;padding-right:10px}
#mainContainer .campus_infor .our_campus .infor_list dt,#mainContainer .campus_infor .our_campus .infor_list dd{display:block}
#mainContainer .campus_infor .our_campus .infor_list .campus_desc{display:block;margin-bottom:2px;font-size:13px;color:#fff799;font-weight:bold;letter-spacing:-.075em}
#mainContainer .campus_infor .our_campus .infor_list .name{display:block;font-size:26px;color:#fff;line-height:28px;font-weight:bold;letter-spacing:-.05em}
#mainContainer .campus_infor .our_campus .infor_list .sub_name{display:inline-block;height:21px;margin-top:5px;padding:0 7px;background:#a5a5a5;font-size:13px;color:#fff;line-height:20px;letter-spacing:-.025em}
#mainContainer .campus_infor .our_campus .infor_list .tel{position:relative;margin-top:7px;font-size:14px;color:#fff;opacity:.8;font-weight:bold; line-height:1.5;}
#mainContainer .campus_infor .our_campus .infor_list .shot_list{margin-top:10px}
#mainContainer .campus_infor .our_campus .infor_list .shot_list li{position:relative;margin-top:4px}
#mainContainer .campus_infor .our_campus .infor_list .shot_list li a{display:block;width:148px;height:25px;border-width:1px;border-style:solid;background:#282c33;font-size:12px;line-height:24px;color:#fff;font-weight:bold;text-align:center;}
#mainContainer .sec_row.nsu .campus_infor .our_campus .infor_list .shot_list li a{border-color:#282c33}/* 재수 */
#mainContainer .sec_row.jaehak .campus_infor .our_campus .infor_list .shot_list li a{border-color:#27387d}/* 재학 */
#mainContainer .campus_infor .our_campus .our_menu{float:left;width:464px;padding-top:10px}
#mainContainer .campus_infor .our_campus .our_menu ul{position:relative;width:100%;*zoom:1}
#mainContainer .campus_infor .our_campus .our_menu ul>li{float:left;width:25%;box-sizing:border-box;text-align:center}
#mainContainer .campus_infor .our_campus .our_menu ul>li>a{display:block}
#mainContainer .campus_infor .our_campus .our_menu ul>li img{display:inline-block;vertical-align:top}/* 이미지 사이즈:width:70px,height:70px */
#mainContainer .campus_infor .our_campus .our_menu ul>li span{display:block;height:14px;margin:9px 0 18px;font-size:12px;color:#fff;line-height:13px;font-weight:bold;}
#mainContainer .campus_news{float:left;position:relative;width:310px;margin-top:20px;padding:0 20px;box-sizing:border-box}
#mainContainer .campus_news .tab.tab_type:after{display:block;position:absolute;top:32px;left:0;right:0;width:100%;height:1px;background:#dcdcdc;content:''}
#mainContainer .campus_news .tab.tab_type>li>a{width:92px;height:33px;border:1px solid #dcdcdc;background:#f6f6f6;font-size:14px;line-height:31px;color:#333;font-weight:bold;text-align:center;z-index:10}
#mainContainer .campus_news .tab.tab_type>li.on>a{background:#fff}
#mainContainer .campus_news .tab.tab_type .item1>a{left:0}
#mainContainer .campus_news .tab.tab_type .item2>a{left:91px}
#mainContainer .campus_news .tab.tab_type .item3>a{width:94px;left:182px}
#mainContainer .campus_news .tab.tab_type .tab_contents{width:270px;height:122px;padding-top:40px}
#mainContainer .campus_news .tab.tab_type .pass_memoris .tit{position:relative;overflow:hidden;height:16px;margin-right:50px;font-size:14px;color:#333;font-weight:bold;letter-spacing:-.05em;line-height:14px;text-overflow:ellipsis;white-space:nowrap;font-weight:normal;margin-top:5px;}
#mainContainer .campus_news .tab.tab_type .pass_memoris .pass_info{position:relative;margin-top:8px;padding-top:9px;border-top:1px dotted #dcdcdc;*zoom:1}
#mainContainer .campus_news .tab.tab_type .pass_memoris .pass_info:after{display:block;clear:both;content:''}
#mainContainer .campus_news .tab.tab_type .pass_memoris .pass_info dt{float:left;width:70px}
#mainContainer .campus_news .tab.tab_type .pass_memoris .pass_info dd{margin-left:82px;line-height:13px;letter-spacing:-.05em}
#mainContainer .campus_news .tab.tab_type .pass_memoris .pass_info .name,#mainContainer .campus_news .tab.tab_type .pass_memoris .pass_info .desc{display:block;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;text-overflow:ellipsis;word-wrap:break-word}
#mainContainer .campus_news .tab.tab_type .pass_memoris .pass_info .name{ line-clamp:2; -webkit-line-clamp:2;height:22px;color:#333;font-weight:bold;}
#mainContainer .campus_news .tab.tab_type .pass_memoris .pass_info .desc{line-clamp:0; -webkit-line-clamp:0;height:49px;line-height:16.5px;color:#989898;}
#mainContainer .campus_news .tab.tab_type .pass_memoris .mod_swiper .bx-wrapper .bx-controls{position:absolute;right:0;top:3px;width:auto;background:#fff}
#mainContainer .campus_news .tab.tab_type .pass_memoris .mod_swiper .bx-wrapper .bx-prev,#mainContainer .campus_news .tab.tab_type .pass_memoris .mod_swiper .bx-wrapper .bx-next{width:21px;height:20px}
#mainContainer .campus_news .tab.tab_type .pass_memoris .mod_swiper .bx-wrapper .bx-prev{background-position:-130px 0}
#mainContainer .campus_news .tab.tab_type .pass_memoris .mod_swiper .bx-wrapper .bx-next{margin-left:4px;background-position:-160px 0}
#mainContainer .campus_news .tab.tab_type .item3{}/* 합격현황 */
#mainContainer .campus_news .tab.tab_type li .bn_box{position:relative;top:-8px;width:276px;height:126px;}
#mainContainer .campus_news .tab.tab_type li .bn_box img{width:276px;height:126px;}/* 이미지 사이즈:width:250px,height:150px */
/* 세번째 컨텐츠 */
#mainContainer .sec_row3{background:#f6f6f6}
#mainContainer .campus_life{position:relative;padding:30px 40px 39px}
#mainContainer .campus_life .tit{font-size:18px;color:#333;font-weight:bold;letter-spacing:-.05em}
#mainContainer .campus_life .tit .desc{display:inline-block;margin-left:8px;font-size:13px;color:#333;letter-spacing:-.05em;opacity:.7}
#mainContainer .campus_life .photo_list{position:relative;padding-top:27px;*zoom:1}
#mainContainer .campus_life .photo_list:after{display:block;clear:both;content:''}
#mainContainer .campus_life .photo_list ul>li{float:left;margin-left:10px}
#mainContainer .campus_life .photo_list ul>li:first-child{margin-left:0}
#mainContainer .campus_life .photo_list .photo_box .icon{position:absolute; top:0; left:0}
#mainContainer .campus_life .photo_list .photo_box .icon_box{position:relative;}
#mainContainer .campus_life .photo_list .photo_box .icon img{width:20px !important;height:20px !important;}
#mainContainer .campus_life .photo_list .photo_box{position:relative;width:150px;height:130px;background:#000;opacity:.8}
#mainContainer .campus_life .photo_list .photo_box img{width:100%;height:90px}/* 이미지 사이즈:width:150px,height:90px */
#mainContainer .campus_life .photo_list .photo_box a{display:block}
#mainContainer .campus_life .photo_list .photo_box .dim,#mainContainer .campus_life .photo_list .photo_box .dim_txt{display:block;position:absolute;bottom:0;left:0;right:0;box-sizing:border-box}
#mainContainer .campus_life .photo_list .photo_box .dim{background:#000;opacity:.8}
#mainContainer .campus_life .photo_list .photo_box .dim_txt{display:table;overflow:hidden;display:inline-block;width:150px; margin-bottom:5px;text-align:center;box-sizing:border-box}
#mainContainer .campus_life .photo_list .photo_box .dim_txt>*{display:table-cell; overflow:hidden;display:inline-block; position:relative;height:30px;margin:0 10px;font-size:12px;color:#fff;line-height:14px;opacity:;text-overflow:ellipsis;word-wrap:break-word;font-weight:normal;vertical-align:middle}
#mainContainer .campus_life .btn_more{position:absolute;right:0;top:-22px}
/* 네번째 컨텐츠 */
#mainContainer .campus_event>*{position:relative;margin-bottom:20px}
#mainContainer .campus_event .event_list{display:table;width:100%}
#mainContainer .campus_event .event_list>li{display:table-cell;vertical-align:top}
#mainContainer .campus_event .event_list>li img{width:505px}/* 이미지 사이즈:width:505px,height:140px */
#mainContainer .campus_event .event_list li:first-child{text-align:left}
#mainContainer .campus_event .event_list li:last-child{text-align:right}
/*-------------------- 202412 리뉴얼 작업 --------------------*/
/* S:기존 스타일 수정 */
#mainContainer * {box-sizing:content-box;}
/* #wrapper.main_wrap {min-width:1500px;} */
.main_wrap #header {text-align:inherit;}
/* gnb */
.main_wrap #header .gnb_wrap .gnbMenu {width:1200px; padding:0 90px 0 109px;}
.main_wrap #header .gnb_wrap .gnbMenu>ul {padding:0;}
.main_wrap #header .gnb_wrap .gnbMenu .depth1 {display:flex; float:none; flex-wrap:nowrap; justify-content:space-between;}
.main_wrap #header .gnb_wrap .gnbMenu .depth1>li {width:auto !important; margin:0 !important;}
.main_wrap #header .gnb_wrap .gnbMenu .depth1>li>a {padding:0; font-size:20px; font-weight:500;}
.main_wrap #header .gnb_wrap .gnbMenu .depth1>li.on>a {color:#006EFF !important;}
.main_wrap #header .gnb_wrap .gnbMenu .depth1:after {display:none;}
.main_wrap #header .gnb_wrap .btn_allView {top:4px; width:19px; height:16px; margin-left:-600px; background:url("https://img.megastudy.net/campus/library/v2015/library/common/main_renew/btn_menu.svg") no-repeat; background-size:19px 16px;}
.main_wrap #header .gnb_wrap .allView:after, #header .gnb_wrap .gnbMenu .subMenu .inBox:after {background:#006EFF !important;}
/* 리뉴얼 공통 */
.main_body {min-width:1500px;}
.main_body * {box-sizing:border-box;}
.main_container {position:relative; width:1200px; margin:0 auto;}
.main_body .ct_inner {position:relative; width:1200px; margin:0 auto;}
.main_body .ct_wrap {margin-top:70px;}
.main_body .ct_tit_area {position:relative;}
.main_body .ct_tit_area .right_area {position:absolute; top:0; right:0; height:26px;}
.main_body .ct_tit_area .right_area .btn_more {display:block; width:12px; height:12px; margin-top:7px; font-size:0; text-indent:-9999px; background:url("https://img.megastudy.net/campus/library/v2015/library/common/main_renew/ic_more.svg"); background-size:12px;}
.main_body .ct_tit {margin-bottom:13px; line-height:26px; font-size:22px; font-weight:600; color:#000;}
/* 상단 네비 */
.top_nav_wrap {overflow:hidden; height:35px; padding:6px; border-bottom:1px solid #eaeaea;}
.top_nav_wrap .ct_inner {display:flex; flex-wrap:nowrap; justify-content:space-between;}
.top_nav_wrap .top_nav li {float:left;}
.top_nav_wrap .top_nav.left li {margin-right:16px;}
.top_nav_wrap .top_nav.right li {margin-left:10px;}
.top_nav_wrap .top_nav li.dot:before {display:inline-block; width:3px; height:3px; margin:10px 6px 0 0; line-height:14px; background:#85878B; border-radius:50%; vertical-align:top; content:'';}
.top_nav_wrap .top_nav a {line-height:22px; font-size:13px; letter-spacing: 0.5px; color:#333; font-weight:400;}
.top_nav_wrap .top_nav a.campus_all::after {display:inline-block; content:''; width:5px; height:9px; margin-left:4px; background:url("https://img.megastudy.net/campus/library/v2015/library/common/main_renew/ic_arrow_drop.svg") no-repeat; background-size:5px 9px; transform:rotate(90deg);}
.top_nav_wrap .top_nav a.campus_all.on::after {transform:rotate(-90deg);}
.top_nav_wrap .top_nav .member {font-weight:700;}
.top_nav_wrap .top_nav .member.name {line-height:22px; color:#333;}
.top_nav_wrap .top_nav .member.total {display:block; height:22px; padding:0 6px; line-height:20px; color:#006EFF; border:1px solid #006EFF;}
/* 학원 로고 */
.logo_wrap {padding:30px 0 34px; align-items:center; text-align:center;}
/* 서브 배너 슬라이드 */
.swiper-fraction [class*=swiper-btn] {position:absolute; width:6px; height:11px; z-index:20; cursor:pointer;}
.swiper-fraction .swiper-btn-next {background:url("https://img.megastudy.net/campus/library/v2015/library/common/main_renew/ic_arrow_r.svg") no-repeat; background-size:100%;}
.swiper-fraction .swiper-btn-prev {background:url("https://img.megastudy.net/campus/library/v2015/library/common/main_renew/ic_arrow_l.svg") no-repeat; background-size:100%;}
.swiper-fraction .swiper-pagination {width:57px; font-size:14px;}
.swiper-fraction .swiper-pagination span {display:inline-block; min-width:8px; line-height:17px; font-size:14px; font-weight:500; color:#666;}
.swiper-fraction .swiper-pagination span.swiper-pagination-current {color:#000;}
.swiper-area1 {border-radius:6px 6px 0px 0px; overflow:hidden;}
.swiper-area1 [class*=swiper-btn] {top:3px;}
.swiper-area1 .swiper-pagination {top:0; bottom:inherit; left:inherit; right:0;}
.swiper-area1 .swiper-btn-next {right:0;}
.swiper-area1 .swiper-btn-prev {right:51px;}
.swiper-area2 [class*=swiper-btn] {bottom:23px;}
.swiper-area2 .swiper-pagination { left:20px; bottom:20px;}
.swiper-area2 .swiper-btn-next {left:71px;}
.swiper-area2 .swiper-btn-prev {left:20px;}
/* 메인 배너 */
.main_banner_wrap {position:relative; min-width:1500px;}
.main_banner_wrap .main_banner {width:100%;}
.main_banner_wrap .sub_banner {position:absolute; left:50%; bottom:0; vertical-align:bottom; transform:translate(320px, 0); z-index:30;}
.main_banner_wrap .sub_banner .swiper {width:277px; height:385px; padding-top:25px;}
.main_banner .swiper-slide {padding-right:340px; text-align:center;}
.main_banner .btn-area {position:relative; width:400px;}
.main_banner .btn-autoplay {position:absolute; top:-7px; width:11px; height:15px; text-indent:-9999px; background:url("https://img.megastudy.net/campus/library/v2015/library/common/main_renew/ic_stop.svg") no-repeat left center; background-size:11px 15px;}
.main_banner .btn-autoplay.on {background:url("https://img.megastudy.net/campus/library/v2015/library/common/main_renew/ic_play.svg") no-repeat left center; background-size:11px 15px;}
.main_banner .slide-navi {display:flex; gap:20px; position:absolute; left:0; right:0; bottom:0; width:1200px; z-index:50; height:66px; margin:0 auto;}
.main_banner .slide-tit {display:flex; gap:10px; width:800px !important; height:100%;}
.main_banner .slide-tit > li {display:flex; flex:1 1 0; justify-content:center; position:relative; width:100%; height:100%; padding-top:12px; margin:0 !important; background:none; border-radius:0; font-size:14px; font-weight:600; color:#999; opacity:1; text-align:center;}
.main_banner .slide-tit > li.swiper-pagination-bullet-active {color:#006EFF;}
.main_banner .slide-tit > li .bar {position:absolute; top:0; left:0; width:100%; height:2px; background:#BDBDBD;}
.main_banner .slide-tit > li.swiper-pagination-bullet-active .bar::after {position:absolute; top:0; left:0; content:''; width:0; height:2px; background:#006EFF; animation:countingBar 3s linear forwards;}
.main_banner .slide-tit.stop > li.swiper-pagination-bullet-active .bar::after {animation-play-state:paused;}
@keyframes countingBar {
0% {width:0;}
100% {width:100%;}
}
/* 퀵배너 */
.main_banner_wrap .quick_banner {display:flex; flex-direction:column; justify-content:center; position:absolute; top:0; bottom:0; right:0; z-index:30; width:120px;}
.main_banner_wrap .quick_banner_list {display:flex; flex-direction:column; gap:5px;}
.main_banner_wrap .quick_banner_list a {display:block;}
/* ss 배너 */
.ss_banner_wrap {position:absolute; top:0; left:50%; margin-left:640px; z-index:30;}
.ss_banner_wrap .ss_banner_list {display:inline-block;}
.ss_banner_wrap .ss_banner_list li {margin-bottom:10px;}
/* 합격자 현황 */
.data_wrap {position:relative; width:100%; height:130px; padding:33px 0 0 380px; background:url("https://img.megastudy.net/campus/library/v2015/library/common/main_renew/ct_data_bg.png") no-repeat; background-size:1200px 130px;}
.data_wrap .data_list {display:flex; justify-content:space-between; width:690px;}
.data_wrap .data_list .data_tit {font-size:18px; font-weight:400;}
.data_wrap .data_list .data_txt {font-size:26px; font-weight:600;}
.data_wrap .data_list .data_txt strong {font-size:34px; font-weight:700;}
.data_wrap .data_info {display:block; position:absolute; left:39px; bottom:23px; width:100px; height:15px; font-size:0;}
.data_wrap .data_link {display:block; position:absolute; top:0; left:0; width:1200px; height:130px; font-size:0;}
.data_wrap .info_box {display:none; position:absolute; top:112px; left:40px; padding:8px; background:#fff; border:1px solid #EAEAEA; z-index:20;}
.data_wrap .info_box p {line-height:16px; font-size:12px; font-weight:300; color:#666;}
/* 센터배너 */
.center_banner_wrap {display:flex;}
.promotion_bnr {width:277px; height:340px; border-radius:6px; overflow:hidden;}
.promotion_bnr .swiper {width:100%; height:100%;}
/* 센터배너 - 해시태그 */
.hashtag_bnr {display:flex; flex:1;}
.hashtag_bnr .hashtag_box {width:277px; margin-left:30px;}
.hashtag_bnr .hashtag_box .hash_list li {height:46px; padding:0 30px 0 20px; margin-top:11px; line-height:46px; border:1px solid #EAEAEA; border-radius:6px; background:url("https://img.megastudy.net/campus/library/v2015/library/common/main_renew/ic_arrow_drop.svg") no-repeat right 20px center; background-size:6px 11px;}
.hashtag_bnr .hashtag_box .hash_list li a {display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px; font-weight:500; color:#333;}
.hashtag_bnr .hashtag_box .box_img {width:277px; height:130px; overflow:hidden; border-radius:6px;}
.hashtag_bnr .hashtag_box .box_img a {display:block; width:100%; height:100%; vertical-align:top;}
.hashtag_bnr .hashtag_box .box_img img {width:100%;}
/* 학원 정보 */
.campus_info_wrap {display:flex; gap:30px;}
.campus_info {display:flex; justify-content:space-between; width:890px; padding:30px 30px 30px 50px; border:1px solid #EAEAEA; border-radius:6px;}
.campus_contact {width:270px;}
.campus_contact > * {margin-top:8px;}
.campus_contact .campus_copy {line-height:19px; font-size:16px; font-weight:400; color:#555;}
.campus_contact .campus_name {line-height:38px; font-size:32px; font-weight:600; color:#000;}
.campus_contact .campus_tel {line-height:24px; font-size:20px; font-weight:600; color:#000;}
.campus_contact .campus_tel::before {display:inline-block; width:14px; height:14px; margin-right:5px; background:url("https://img.megastudy.net/campus/library/v2015/library/common/main_renew/ic_tel.svg") no-repeat; background-size:14px 14px; content:'';}
.campus_contact .campus_link {margin-top:26px; font-size:0;}
.campus_contact .campus_link a {display:inline-block; width:116px; height:32px; padding:0 10px; line-height:32px; font-size:15px; color:#000; border:1px solid #333; border-radius:6px; background:url("https://img.megastudy.net/campus/library/v2015/library/common/main_renew/ic_arrow_r.svg") no-repeat right 10px center; background-size:6px 11px;}
.campus_contact .campus_link a + a {margin-left:6px;}
.shortcut_area {width:522px;}
.shortcut_menu {display:flex; flex-wrap:wrap; gap:14px;}
.shortcut_menu li {display:flex; justify-content:center; align-items:center; width:120px; height:100px;}
.shortcut_menu li a {display:inline-block; font-size:15px; color:#333; text-align:center;}
.shortcut_menu li img + span {display:block; padding-top:3px;}
/* 공지사항 */
.campus_notice {width:280px;}
.notice_list li {display:flex; align-items:center; margin-top:18px; font-size:0;}
.notice_list li a {display:inline-block; line-height:20px; font-size:16px; font-weight:300; color:#333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.notice_list li a::before {content:'·'; padding-right:3px;}
.notice_list li.new::after {display:inline-block; flex-shrink:0; width:13px; height:13px; margin:-1px 0 0 2px; vertical-align:top; background:url("https://img.megastudy.net/campus/library/v2015/library/common/main_renew/ic_new.svg") no-repeat; background-size:13px 13px; content:'';}
/* 학원생활 */
.img_box_list {display:flex; gap:20px;}
.img_box_list li {width:224px; text-align:center;}
.img_box_list .list_tit {padding:14px 12px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px; font-weight:400; color:#333;}
.img_box_list .list_img {position:relative; width:224px; height:130px; border-radius:6px; overflow:hidden;}
.img_box_list li.new .list_img::after {display:block; position:absolute; top:6px; right:6px; width:40px; height:18px; background:url("https://img.megastudy.net/campus/library/v2015/library/common/main_renew/label_new.svg") no-repeat; background-size:40px 18px; content:'';}
/* 하단 배너 */
.bottom_area {padding-bottom:70px;}
.bottom_banner {display:flex; gap:30px;}
/* 학원 메인 개편 250929 */
.campus-main-body *{line-height:1.4;}
.campus-main-body *:hover, .campus-main-body *:active{text-decoration:none!important;}
body.mask{overflow:hidden;}
/* 메인 영역 */
.main-wrap{margin:0 auto;position:relative;}
.main-wrap-inner{width:1200px;margin:0 auto;}
.main-wrap .main-slide-wrap{
display:flex;justify-content:space-between;width:1200px;gap:20px;
}
/* 기본값: 탭 없을 때 top 14px */
.main-wrap .main-slide-wrap{
display:flex;justify-content:space-between;width:1200px;
margin:14px auto 0;
gap:20px;
}
/* 탭(a)이 있을 때만 top 50px로 덮어쓰기 */
.main-wrap .main-slide-wrap:has(.main-slide-tab a){
margin:50px auto 0;
}
/* 메인 슬라이드 */
.main-wrap .main-slide-tab{height:16px;display:flex;align-items:center;gap:12px;margin-bottom:20px;}
.main-wrap .main-slide-tab a{position:relative;padding-right:12px;color:#777;font-family:Pretendard;font-size:16px;font-weight:400;line-height:100%;letter-spacing:-0.4px;transition:all 0.3s ease;text-decoration:none;}
.main-wrap .main-slide-tab a:not(:last-child)::after{content:"";position:absolute;top:50%;right:0;transform:translateY(-50%);width:1px;height:16px;background:#ddd;}
.main-wrap .main-slide-tab a:hover, .main-wrap .main-slide-tab a.active{color:#2C5BF6;}
.main-wrap .main-slide{position:relative;width:895px;padding-bottom:70px;}
.main-wrap .main-slide .swiper-pagination{width:700px;height:4px;bottom:18px;background:#EBEBEB;border-radius:999px;overflow:hidden;}
.main-wrap .main-slide .swiper-pagination-progressbar-fill{height:100%;background:#111;}
.main-wrap .main-slide .btn-wrap{position:absolute;bottom:0;right:0;width:200px;}
.main-wrap .main-slide .btn-wrap div{display:flex;justify-content:flex-end;}
.main-wrap .main-slide .btn-wrap div div {cursor: pointer;}
.main-wrap .main-slide .btn-wrap .swiper-button-next,
.main-wrap .main-slide .btn-wrap .swiper-button-prev {flex:0 0 auto;position:relative;width:auto;height:auto;background:none;margin:0;left:0;right:0;top:0}
.main-wrap .main-slide .btn-wrap .swiper-button-next::after,
.main-wrap .main-slide .btn-wrap .swiper-button-prev::after {content:none;}
.main-wrap .main-slide .btn-wrap .swiper-pause-btn {margin:0 6px}
.main-wrap .ast {
display: inline-block !important;
line-height: 1;
position: relative;
vertical-align: 0;
}
.main-wrap .slide-wrap{position:relative;border-radius:16px;overflow:hidden;height:380px;}
.main-wrap .slide-wrap > a{display:block;position:relative;width:285px;height:380px;padding:46px 26px 60px 30px;box-sizing:border-box;}
.main-wrap .slide-wrap span{display:block;}
.main-wrap .slide-wrap .noti-flag{display:flex;justify-content:center;align-items:center;position:absolute;top:0;right:0;width:70px;height:52px;border-radius:0 16px;background:#2C5BF6;color:#FFF;text-align:center;font-size:14px;font-weight:700;line-height:130%;letter-spacing:-0.35px;}
.main-wrap .slide-wrap .ico-flag{display:inline-flex;justify-content:center;align-items:center;height:26px;padding:0 8px;margin-bottom:24px;border-radius:4px;font-size:14px;font-weight:700;letter-spacing:-0.35px;}
.main-wrap .slide-wrap .sub-tit{
/* display:flex;
align-items:center; */
height:47.59px;
min-height:47.59px;
display: table-cell;
vertical-align: middle;
font-size:17px;font-weight:500;color:#222;
padding-bottom: 6px;
}
.main-wrap .slide-wrap .main-tit{ font-size:32px;font-weight:800;line-height:125%;color:#111;letter-spacing:-0.8px;}
.main-wrap .slide-wrap .main-tit strong{font-size:32px;font-weight:800;line-height:125%;letter-spacing:-0.8px;}
.main-wrap .slide-wrap .date{position:absolute;bottom:60px;left:30px;font-size:17px;font-weight:700;color:#111;}
/* 슬라이드 hover 효과 */
.main-wrap .slide-wrap > a:hover{background:#051457 !important;}
.main-wrap .slide-wrap > a:hover .sub-tit,
.main-wrap .slide-wrap > a:hover .main-tit,
.main-wrap .slide-wrap > a:hover .date{color:#fff !important;}
.main-wrap .slide-wrap .ico-flag{background:transparent;border:1px solid #222;color:#222;}
.main-wrap .slide-wrap:hover .ico-flag{border:1px solid #fff !important;color:#fff !important;}
/* 정규 타입 */
.main-wrap .slide-wrap .regular{background:#DCEBFF;}
.main-wrap .slide-wrap .regular .main-tit strong{color:#2C5BF6;}
.main-wrap .slide-wrap .regular:hover .main-tit strong{color:#5079FF;}
/* 단과 타입 */
.main-wrap .slide-wrap .danka{background:#F7F4FF;}
.main-wrap .slide-wrap .danka .main-tit strong{color:#6428FF;}
/* 이미지 타입 */
.main-wrap .slide-wrap .image{padding:0;}
.main-wrap .slide-wrap .image img{height:100%;width:100%;}
/* 메인 슬라이드 3개 이하 */
/* .main-slide.stop-slide {padding-bottom:20px} */
/* .main-slide.stop-slide .btn-wrap, .main-slide.stop-slide .swiper-pagination {display: none;} */
/* 3개 이하일 때: 진행바를 항상 100%로 채워서 표시 */
.main-wrap .main-slide.stop-slide .swiper-pagination {display:block; opacity:1;}
.main-wrap .main-slide.stop-slide .swiper-pagination-progressbar-fill {transform:scaleX(1) !important;}
/* 3개 이하일 때: prev/next/pause 버튼 비활성화(동일 톤) */
.main-wrap .main-slide.stop-slide .btn-wrap .swiper-button-prev,
.main-wrap .main-slide.stop-slide .btn-wrap .swiper-button-next,
.main-wrap .main-slide.stop-slide .btn-wrap .swiper-pause-btn {opacity:.35; pointer-events:none; filter:grayscale(1);}
/* 일시정지 버튼 잠금 고정 상태(선택): 커서/흑백 고정 */
.main-wrap .main-slide .btn-wrap .swiper-pause-btn.is-locked {opacity:.35; pointer-events:none; filter:grayscale(1); cursor:default;}
/* 접근성: aria-disabled="true"인 경우도 동일하게 처리(보조용) */
.main-wrap .main-slide .btn-wrap [aria-disabled="true"] {opacity:.35; pointer-events:none; filter:grayscale(1);}
/* 메인 배너 전체 보기 */
.main-slide-all{display:block;position:fixed;width:100%;height:100%;z-index:-1;top:-10000px;left:-1000000px;}
.main-slide-all::after{display:none;width:100%;height:100%;position:fixed;top:0;left:0;content:"";background: rgba(0,0,0,0.5);backdrop-filter: blur(5px);transition: all ease-in 0.3s}
.main-slide-all.on{z-index:20000;top:0;left:0;}
.main-slide-all.on::after{display:block;}
.main-slide-all .btn-all-close{position:absolute;top:50%;right:50%;z-index:1;transform:translate(650px,-350px);cursor:pointer;}
.main-slide-all .all-main-banner{width:1200px;margin:0 auto;position:absolute;top:calc(50% + 30px);left:50%;padding-bottom:50px;transform:translate(-600px,-380px);z-index:1;overflow:hidden;}
.main-slide-all .all-main-banner a{position:relative;width:285px;height:380px;/*overflow:hidden;*/font-size:0;line-height:0;border-radius: 16px;}
.main-slide-all .all-main-banner .swiper-slide{display:flex;flex-wrap:wrap;justify-content:start;row-gap:30px;column-gap:20px; height:790px;overflow:hidden;}
.main-slide-all .swiper-slide .slide-wrap{ height:380px;}
.main-slide-all .swiper-scrollbar{top:20px;left:0!important;bottom:0!important;width:100%!important;height:2px!important;opacity:1!important;}
.main-slide-all .swiper-scrollbar .swiper-scrollbar-drag{ background:#fff!important; opacity:1!important;}
.main-slide-all .swiper-slide .slide-wrap .date{bottom:40px;}
/* 서브 슬라이드 */
.main-wrap .sub-slide{position:relative;width:285px;height:380px;padding-bottom:70px;margin-top:36px;}
.main-wrap .sub-slide .swiper-slide{position:relative;border-radius:16px;overflow:hidden;}
.main-wrap .sub-slide .swiper-slide > a{display:block;position:relative;width:285px;height:380px;padding:46px 26px 60px 30px;box-sizing:border-box;border-radius:16px;border:1px solid #4899E0;background:#FFF;}
.main-wrap .sub-slide .swiper-slide span{display:block;}
/* 이미지 타입 */
.main-wrap .sub-slide .swiper-slide > a.image{padding:0;}
.main-wrap .sub-slide .swiper-slide > a.image img{height:100%;width:100%;border-radius: 16px;}
.main-wrap .sub-slide .swiper-slide .ico-flag{display:inline-flex;height:26px;padding:0 8px;margin-bottom:24px;justify-content:center;align-items:center;border-radius:4px;font-weight:700;font-size:14px;letter-spacing:-0.35px;background:#4899E0;color:#fff;}
.main-wrap .sub-slide .swiper-slide .main-tit{color:#111;font-size:24px;font-style:normal;font-weight:800;line-height:135%;letter-spacing:-0.6px;}
.main-wrap .sub-slide .swiper-slide .sub-tit{margin-top:12px;color:#555;font-size:17px;font-style:normal;font-weight:500;line-height:140%;letter-spacing:-0.425px;}
.main-wrap .sub-slide .swiper-slide .detail{position:absolute;bottom:60px;left:30px;box-sizing:border-box;display:flex;height:30px;padding:0 20px;justify-content:center;align-items:center;gap:10px;flex-shrink:0;border-radius:20px;border:1px solid #DDD;background:#FFF;color:#111;text-align:center;font-size:14px;font-style:normal;font-weight:600;line-height:100%;letter-spacing:-0.21px;}
/* 같은 a 안에 teacher-pic 이 있을 경우 */
.main-wrap .sub-slide .swiper-slide a:has(.teacher-pic) .detail{bottom:114px;}
.main-wrap .sub-slide .swiper-slide .detail i.arrow{display:inline-block;width:8px;height:5px;background:url("data:image/svg+xml;utf8,") no-repeat center center;background-size:contain;}
.main-wrap .sub-slide .swiper-slide .teacher-pic{position:absolute;right:10px;bottom:12px;display:flex;align-items:center;border-radius: 999px;}
.main-wrap .sub-slide .swiper-slide .teacher-pic p{position: relative; margin-left:-18px;width:80px;height:80px;border-radius: 999px;overflow: hidden;background: rgba(241, 243, 248, 0.70);mix-blend-mode: multiply;}
.main-wrap .sub-slide .swiper-slide .teacher-pic p img{width:100%;height:100%;}
.main-wrap .sub-slide .swiper-slide .teacher-pic p em{
position: absolute;bottom:0;left:0;right:0;margin:0 auto;display: flex;width: 76px;height: 22px;justify-content: center;align-items: center;
background: rgba(51, 51, 51, 0.90);color: #FFF;text-align: center;font-size: 11px;font-style: normal;font-weight: 600;line-height: 100%;letter-spacing: -0.275px;
}
.main-wrap .sub-slide .swiper-pagination{display:flex;justify-content:center;align-items:flex-start;gap:5px;position:absolute;left:0;bottom:14px;display:flex;width:285px;justify-content:center;align-items:flex-start;gap:6px;}
.main-wrap .sub-slide .swiper-pagination-bullet{width:8px;height:8px;flex-shrink:0;border-radius:5px;background:rgba(0,0,0,0.20);opacity: 1;}
.main-wrap .sub-slide .swiper-pagination-bullet-active{width:29px;height:8px;flex-shrink:0;border-radius:100px;background:#111;}
/* 입결 결과 */
.main-wrap .result-box{display:flex;justify-content:space-between;align-items:center;position:relative;height:120px;width:1200px;margin:0 auto;margin-top:60px;padding:0 70px;box-sizing:border-box;z-index:10;cursor: pointer;}
.main-wrap .result-box div{z-index:1;}
.main-wrap .result-box .tit-box .tit {padding-top:4px;margin-bottom:4px;font-size:24px;color:rgba(255, 255, 255, 0.70);font-weight: 800;line-height: 120%;letter-spacing: -0.48px;}
.main-wrap .result-box .tit-box .tit strong {display:block;font-size:24px;color:#fff;font-weight: 800;line-height: 120%; /* 26.4px */}
.main-wrap .result-box .data-box a {position:relative;vertical-align:middle;}
.main-wrap .result-box .data-box a svg {vertical-align: middle;}
.main-wrap .result-box .data-box a .data-txt {font-size:13px;color:rgba(255, 255, 255, 0.50);}
.main-wrap .result-box .data-box .data-detail {display:none;padding:30px;border-radius: 10px;position:absolute;top:15px;left:0;background:#fff;min-width:max-content;max-width:600px;font-size: 12px;border:1px solid #eee}
.main-wrap .result-box .data-box a:hover .data-detail {display: block;}
.main-wrap .result-box .bg-box {position: absolute;top:0;left:0;z-index: 0;line-height:0;}
.main-wrap .result-box .number-box ul {display: flex;gap:32px;}
.main-wrap .result-box .number-box ul li {text-align: center;}
.main-wrap .result-box .number-box ul li p {color: rgba(255, 255, 255, 0.80);font-size: 16px;font-weight: 500;letter-spacing: -0.4px;}
.main-wrap .result-box .number-box ul strong {display: block;color: #FFF;font-size: 32px;font-weight: 700;letter-spacing: -0.8px;}
.main-wrap .result-box .number-box ul strong span {color: #FFF;font-size: 20px;font-weight: 500;letter-spacing: -0.5px;}
/* 서브배너 영역 */
.main-wrap .sub-banner-wrap{display:flex;gap:24px;position:relative;width:1200px;margin:0 auto;height:298px;margin-top:80px;}
/* 설명회, 공개특강 */
.main-wrap .lecture-banner{width:486px;position:relative;}
.main-wrap .lecture-banner .lecture-slide{height:100%;width:100%;width:486px;height:298px;background:#F1F3F8;border-radius:16px;}
.main-wrap .lecture-banner .swiper-wrapper .swiper-slide{padding:30px 40px;box-sizing:border-box;}
.main-wrap .lecture-banner .lecture-slide .ico-txt{display:inline-block;padding:4px 10px;margin-bottom:10px;background:#2C5BF6;color:#FFF;font-size:14px;font-weight:700;letter-spacing:-0.35px;border-radius:999px;}
.main-wrap .lecture-banner .lecture-slide .ico-txt img{vertical-align:middle;}
.main-wrap .lecture-banner .lecture-slide .tit {color: #111;font-size: 24px;font-weight: 400;letter-spacing: -0.6px;z-index: 1;}
.main-wrap .lecture-banner .lecture-slide .tit strong {
display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; overflow: hidden;text-overflow: ellipsis;
font-size: 24px;font-weight: 800;
}
.main-wrap .lecture-banner .lecture-slide .info{margin-top:20px;min-height:88px;display:flex;justify-content:center;align-items:initial;flex-direction:column;}
.main-wrap .lecture-banner .lecture-slide .info li{
margin-bottom:8px;color:#222;font-size:16px;font-style:normal;font-weight:500;line-height:100%;letter-spacing:-0.4px;
display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; overflow: hidden;text-overflow: ellipsis;
}
.main-wrap .lecture-banner .lecture-slide .info strong{display:inline-block;width:48px;padding:5px 8px;margin-right:12px;border-radius:4px;background:#DDE6FF;box-sizing:border-box;text-align:center;color:#2C5BF6;font-size:14px;font-style:normal;font-weight:700;line-height:100%;letter-spacing:-0.35px;}
.main-wrap .lecture-banner .lecture-slide .no-lecture{position:relative;z-index:1;}
.main-wrap .lecture-banner .lecture-slide .info._type02 li{padding-left:25px;background:url('https://devrusseldata.megastudy.net/campus/image/russel/intro/common/ico_check.png') left center no-repeat;}
.main-wrap .lecture-banner .lecture-slide .bg-img {position: absolute;top:0;left:0;z-index: 0;}
.main-wrap .lecture-banner .lecture-slide .btn-book{display:block;width:260px;padding:8px 16px;margin:15px auto 0;text-align:center;box-sizing:border-box;border-radius:999px;border:1px solid #DDD;background:#FFF;font-size:16px;font-weight:600;color:#111;}
.main-wrap .lecture-banner .swiper-button-next:after,
.main-wrap .lecture-banner .swiper-button-prev:after{font-size:24px;color:#8B95A1;font-weight:bold;}
.main-wrap .lecture-banner .swiper-button-next,
.main-wrap .lecture-banner .swiper-button-prev{background:none;}
.main-wrap .lecture-banner .swiper-button-prev{left:10px;}
.main-wrap .lecture-banner .swiper-button-next{right:10px;}
.main-wrap .lecture-banner .btn-more{position:absolute;top:20px;right:20px;color:#222;font-size:13px;font-weight:600;letter-spacing:-0.325px;z-index:3;}
/* 홍보 배너 공통 */
.main-wrap .banner-brand .swiper-button-next:after,
.main-wrap .banner-brand .swiper-button-prev:after{font-size:13px;color:#222;font-weight:bold;}
.main-wrap .banner-brand .swiper-button-next,
.main-wrap .banner-brand .swiper-button-prev{background:none;top:26px;}
.main-wrap .banner-brand .swiper-button-prev{left:auto;right:70px;}
.main-wrap .banner-brand .swiper-button-next{left:auto;right:20px;}
.main-wrap .banner-brand .swiper-pagination{top:17px;left:auto;right:34px;display:inline-block;width:48px;height:20px;color:#999;}
.main-wrap .banner-brand .swiper-pagination .swiper-pagination-current{color:#222;font-weight:700;}
.main-wrap .banner-brand{width:333px;}
.main-wrap .banner-brand .swiper{border-radius:16px;border:1px solid #E9E9EC;background:#FFF;height:140px;}
.main-wrap .banner-brand .swiper .swiper-slide{box-sizing:border-box;}
.main-wrap .banner-brand .swiper:first-child{margin-bottom:14px;}
.main-wrap .banner-brand .swiper .swiper-slide a{display:block;padding:42px 30px;}
.main-wrap .banner-brand .txt-blue{margin-bottom:2px;font-size:16;color:#2C5BF6;font-weight:700;}
.main-wrap .banner-brand .tit{font-size:24px;color:#111;font-weight:800;}
.main-wrap .banner-brand .tit sup{margin-top:-2px;}
.main-wrap .banner-brand .s-txt{font-size:14px;color:#777;font-weight:500;}
/* 캠퍼스 공지 */
.main-wrap .campus-notice{width:333px;display:flex;flex-direction:column;align-items:flex-start;gap:26px;flex:1 0 0;}
.main-wrap .campus-notice .ct_tit_area{display:flex;justify-content:space-between;align-items:center;align-self:stretch;}
.main-wrap .campus-notice h3{color:#111;font-size:24px;font-style:normal;font-weight:800;line-height:135%;letter-spacing:-0.6px;}
.main-wrap .campus-notice .btn_more{color:#222;text-align:right;font-family:Pretendard;font-size:13px;font-style:normal;font-weight:600;line-height:100%;letter-spacing:-0.325px;}
.main-wrap .notice-list ul{display:flex;flex-direction:column;align-items:flex-start;gap:30px;align-self:stretch;}
.main-wrap .notice-list li{display:flex;align-items:center;font-size:0;margin-top:0;width:330px;}
.main-wrap .notice-list li a{display:inline-block;line-height:20px;font-size:16px;font-weight:400;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.main-wrap .notice-list li a::before{/* content: "\00B7";*/ content: "\2022"; padding:0 6px;}
.main-wrap .notice-list li.new::after{
display:inline-block;flex-shrink:0;width:13px;height:13px;margin:-1px 0 0 2px;vertical-align:top;
background:url("https://img.megastudy.net/campus/library/v2015/library/common/main_renew/ic_new.svg") no-repeat;background-size:13px 13px;content:'';
display: none !important;
}
/* 학원 정보영역 */
.main-campus-info{background:#2C365F;margin-top:70px;}
.main-campus-info .info-inner{width:1200px;margin:0 auto;position:relative;display:flex;height:170px;align-items:center;gap:140px;flex-shrink:0;align-self:stretch;color:#fff;}
.main-campus-info .info-inner h2{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;color:#FFF;font-family:Pretendard;font-size:28px;font-style:normal;font-weight:600;line-height:120%;letter-spacing:-0.7px;}
.main-campus-info .info-inner h2 small{font-size: 20px;}
.main-campus-info .info-inner h2::after{position:absolute;content:'';left:236px;top:-6px;z-index:10;width:1px;height:80px;opacity:0.2;background:#FFF;}
.main-campus-info .info-inner ul{display:flex;justify-content:space-between;align-items:flex-start;flex:1 0 0;}
.main-campus-info .info-inner ul li{display:flex;flex-direction:column;align-items:flex-start;gap:10px;}
.main-campus-info .info-inner ul li > div{display:flex;align-items:center;gap:5px;}
.main-campus-info .info-inner ul li > div span{color:rgba(255,255,255,0.70);font-family:Pretendard;font-size:14px;font-style:normal;font-weight:600;line-height:100%;letter-spacing:-0.35px;}
.main-campus-info .info-inner .call i{display:block;width:14px;height:14px;background-color:rgba(255,255,255,0.7);-webkit-mask:url("data:image/svg+xml;utf8,") no-repeat center;-webkit-mask-size:contain;mask:url("data:image/svg+xml;utf8,") no-repeat center;mask-size:contain;}
.main-campus-info .info-inner .time i{display:block;width:14px;height:14px;background-color:rgba(255,255,255,0.7);-webkit-mask:url("data:image/svg+xml;utf8,") no-repeat center;-webkit-mask-size:contain;mask:url("data:image/svg+xml;utf8,") no-repeat center;mask-size:contain;}
.main-campus-info .info-inner .map i{display:block;width:11px;height:14px;background-color:rgba(255,255,255,0.7);-webkit-mask:url("data:image/svg+xml;utf8,") no-repeat center;-webkit-mask-size:contain;mask:url("data:image/svg+xml;utf8,") no-repeat center;mask-size:contain;}
.main-campus-info .info-inner ul li p{color:#FFF;font-family:Pretendard;font-size:20px;font-style:normal;font-weight:700;line-height:130%;letter-spacing:-0.5px;}
.main-campus-info .info-inner ul li.time p{display:flex;justify-content:center;align-items:center;gap:6px;}
.main-campus-info .info-inner ul li.time p em{display:flex;height:20px;padding:0 8px;justify-content:center;align-items:center;gap:10px;border-radius:4px;background:#FFF;color:#2C365F;font-family:Pretendard;font-size:13px;font-style:normal;font-weight:600;line-height:100%;letter-spacing:-0.325px;}
.main-campus-info .info-inner ul li.time p span{color: #FFF;font-size: 20px;font-weight: 700;line-height: 130%;letter-spacing: -0.5px; }
.main-campus-info .info-inner ul li.time .noti{color: rgba(255, 255, 255, 0.70);font-size: 13px;font-weight: 400;line-height: 110%;letter-spacing: -0.325px;}
.main-campus-info .info-inner ul li span{overflow:hidden;color:rgba(255,255,255,0.70);text-overflow:ellipsis;font-family:Pretendard;font-size:13px;font-style:normal;font-weight:400;line-height:110%;letter-spacing:-0.325px;}
/* 좌측 상단 개별 SS배너 */
.ss-nav-top{position:absolute;top:36px;z-index:30;left:50%;margin-left:-760px;}
.ss-nav-top ul{display:flex;width:100px;height:380px;flex-direction:column;align-items:flex-start;gap:10px;flex-shrink:0;}
.ss-nav-top ul li{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;flex:1 0 0;align-self:stretch;border-radius:8px;border:1px solid #E9E9EC;background:#FFF;text-align:center;}
.ss-nav-top ul li a{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;}
.ss-nav-top ul li a div{color:#555;text-align:center;font-size:14px;font-style:normal;font-weight:400;line-height:100%;letter-spacing:-0.35px;}
.ss-nav-top ul li a strong{color:#222;text-align:center;font-size:18px;font-style:normal;font-weight:700;line-height:120%;letter-spacing:-0.45px;}
.ss-nav-set{ position:absolute;top:546px;z-index:30;left:50%;margin-left:-760px;}
.ss-nav-set .ss-nav-roll + .ss-nav-bottom { top:10px;margin-top:10px;}
/* 롤링 SS배너 */
.ss-nav-roll{position: relative;display:flex;width:100px;flex-direction:column;align-items:flex-start;gap:10px;overflow:hidden;display:flex;height:120px;flex-direction:column;justify-content:center;align-items:center;gap:8px;align-self:stretch;border-radius:6px;border:1px solid #E9E9EC;background:#FFF;}
.ss-nav-roll .swiper { width:100px;}
.ss-nav-roll .swiper-pagination{display:flex;justify-content:center;align-items:flex-start;gap:5px;position:absolute;left:0;right:0;bottom:6px;}
.ss-nav-roll .swiper-pagination-bullet{width:6px;height:6px;border-radius:5px;background:rgba(0,0,0,0.20);}
.ss-nav-roll .swiper-pagination-bullet-active{border-radius:100px;background:#111;}
.ss-nav-roll .swiper-slide a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;width:100px;height:120px;}
.ss-nav-roll .swiper-slide a div{color:#555;text-align:center;font-size:14px;font-style:normal;font-weight:400;line-height:100%;letter-spacing:-0.35px;}
.ss-nav-roll .swiper-slide a strong{color:#222;text-align:center;font-size:18px;font-style:normal;font-weight:700;line-height:120%;letter-spacing:-0.45px;}
/* 좌측 하단 개별 SS배너 */
.ss-nav-bottom{position:relative;top:0;width:100px;}
.ss-nav-bottom > div{width:100px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;align-self:stretch;}
.ss-nav-bottom > div p{display:flex;height:30px;flex-direction:column;justify-content:center;align-items:center;align-self:stretch;border-radius:6px 6px 0 0;background:#4899E0;color:#FFF;text-align:center;font-size:13px;font-style:normal;font-weight:600;line-height:120%;}
.ss-nav-bottom ul{border:1px solid #E9E9EC;display:flex;flex-direction:column;align-items:center;align-self:stretch;border-radius:0 0 6px 6px;background:#FFF;}
.ss-nav-bottom ul li{text-align:center;width:100%;border-top:1px solid #E9E9EC;padding:14px 0;}
.ss-nav-bottom ul li a{width:100%;height:100%;color:#222;text-align:center;font-size:15px;font-style:normal;font-weight:700;line-height:120%;display:inline-block;}
/* 레이어팝업 */
.main-layer-wrap {position:fixed; inset:0; z-index:9999; display:none;}
.main-layer-wrap.on {display:block;}
.main-layer-wrap .layer-mask {position:absolute; inset:0;
/* background: rgba(0,0,0,0.5);backdrop-filter: blur(5px); */
background: #000;
opacity: .8;
transition: all ease-in 0.3s;
}
.main-layer-wrap .layer-main {position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); background:#fff; border-radius:0; overflow:hidden; display:inline-flex; flex-direction:column;}
.main-layer-wrap .layer-content {position:relative; width:auto;}
.main-layer-wrap .layer-content .layer-link {display:flex; flex-wrap:nowrap; align-items:stretch; flex-direction:row;}
.main-layer-wrap .layer-content .layer-link a {display:block; flex:0 0 auto; text-decoration:none;}
.main-layer-wrap .layer-content .layer-link a:only-child {width:auto; min-width:0;}
.main-layer-wrap .layer-content .layer-link img {display:block; width:auto; height:auto;}
/* ▼ 세로 레이아웃용 추가 코드 */
.main-layer-wrap .layer-content .layer-link.is-vertical {flex-direction:column;}
.main-layer-wrap .layer-content .layer-link.is-vertical a {width:100%;}
.main-layer-wrap .layer-content .layer-link.is-vertical a + a {margin-top:0;} /* 위아래 간격 필요하면 */
/* 만점자배너 */
.main-layer-wrap .layer-content .layer-link a.top-link { position: absolute;top: 0;left: 0;right: 0;margin: 0 auto; width: 100%;height: 110px;}
.main-layer-wrap .layer-content .layer-link a.bottom-link{ position: absolute;top: 110px;left: 0;right: 0;margin: 0 auto; width: 100%;height: 490px;}
/* // 만점자배너 */
.main-layer-wrap .layer-bottom {display:flex; height:34px; padding:0 12px; justify-content:flex-end; align-items:center; gap:8px; align-self:stretch; background:#EDEDED; color:#222; font-size:14px; font-weight:400; line-height:100%; letter-spacing:-0.56px;}
.main-layer-wrap .close-layer {position:relative; display:inline-flex; align-items:center; padding:0 18px 0 0; text-decoration:none; color:#222;}
.main-layer-wrap .close-layer::after {content:""; position:absolute; right:0; top:50%; transform:translateY(-50%); width:12px; height:12px; background-repeat:no-repeat; background-size:12px 12px; background-image:url("data:image/svg+xml;utf8,");}
.main-layer-wrap .today-wrap {display:inline-flex; align-items:center; gap:6px; color:#222; cursor:pointer; user-select:none; border-right:1px solid #ccc; padding-right:8px;}
.main-layer-wrap .main-layer-today {position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:0; clip:rect(0 0 0 0); clip-path:inset(50%); overflow:hidden; white-space:nowrap;}
/* 스크롤 잠금 */
body.layer-open {overflow:hidden;}
/* 하단 고정 배너 */
.bottom-fixed-banner{position:fixed;z-index:1000;bottom:20px;left:0;right:0;margin:0 auto;display:flex;width:1200px;height:70px;justify-content:space-between;align-items:center;border-radius:10px;}
.bottom-fixed-banner .swiper{width:100%;}
.bottom-fixed-banner a{box-sizing:border-box;width:100%;height:70px;padding:0 40px;display:flex;justify-content:space-between;align-items:center;border-radius:10px;}
.bottom-fixed-banner a .desc{display:flex;justify-content:center;align-items:center;gap:20px;color:#FFF;font-style:normal;line-height:120%;}
.bottom-fixed-banner a .desc strong{font-size:22px;font-weight:700;}
.bottom-fixed-banner a .desc span{font-size:16px;font-weight:600;}
.bottom-fixed-banner a .button{display:flex;height:40px;padding:0 30px;justify-content:center;align-items:center;gap:10px;border-radius:6px;background:#FFF;}
.bottom-fixed-banner a .button span{color:#000;text-align:center;font-family:Pretendard;font-size:16px;font-style:normal;font-weight:600;line-height:120%;}
.bottom-fixed-banner a .button i{width:5px;height:8px;display:block;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='8' viewBox='0 0 5 8' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.17448 7.81586C-0.0647657 7.577 -0.0570079 7.19718 0.191808 6.9675L3.47327 4L0.191807 1.0325C-0.0570082 0.802824 -0.0647661 0.422999 0.17448 0.184135C0.413726 -0.0547266 0.809377 -0.0621748 1.05819 0.167501L4.80819 3.5675C4.93074 3.68062 5 3.83679 5 4C5 4.16321 4.93074 4.31938 4.80819 4.4325L1.05819 7.8325C0.809378 8.06218 0.413726 8.05473 0.17448 7.81586Z' fill='%23333'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:5px 8px;}