@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('https://fonts.googleapis.com/css?family=S-CoreDream-4Regular:700,900&display=swap');


/* 슬라이드 배너 */
.swiper-container{overflow:hidden;}
.main-slide{min-height:320px !important;}
.swiper-slide-caption.slide-txt{font-weight:700; font-size:1.7rem; text-shadow:1px 2px 3px #000;}
.main-banner{position:relative; height:210px;}
.main-banner > div > div > div.swiper-slide > img{width:100%; height:100%;}
.swiper-button-pause {position: absolute;top: 50%;z-index: 10;text-align: center;cursor: pointer;opacity: 1;color: #fff;}
.swiper-button-pause:hover {opacity: .5;}
@media (min-width: 992px) {
	.swiper-button-pause{
		display: block;
	}
}
.swiper-button-pause.swiper-button-disabled{opacity: 0.35;cursor: auto;pointer-events: none;}
.swiper-button-pause {left:50%; transform:translateX(-9px);}
.swiper-button-prev {left: 12px;}
.swiper-button-next {right: 12px;}

.swiper-slide > img{max-width:100%;}


@media (max-width: 991px) {
	.main-banner > div > div > div.swiper-slide > img{max-width:100%;}
}


.mbtn > li > div > div{position:relative; height:50px; font-size:18px; line-height:1.2; word-break:keep-all;}
.mbtn > li > div > div > span{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%;}
.mbtn > li > div{height:155px;}
.owl-carousel-default > div > a{display:block; height:100%}
.icon-school{width:65px; height:55px; margin:0; padding:0; background:url('/user/images/main/icon-school.svg') no-repeat; background-size:100%}


/* 바로가기 */
.q-menu{width:100%; height:85px; padding:0; overflow:hidden;}
.q-menu > li{float:left; position:relative; width:33.333%; padding:12px 10px 0; box-sizing:border-box; letter-spacing:-0.5px; word-break:keep-all; list-style:none;}
.q-menu > li:after{content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); display:inline-block; width:1px; height:30px; background:#d2d2d2;}
.q-menu > li:last-child:after{display:none}
.q-menu > li > a{display:block;}
.q-menu > li > a > p{margin:3px 0 0; font-size:13px;}
@media (min-width: 768px) and (max-width: 991px) {
	.q-menu{min-height:240px;}
	.q-menu > li{float:none; width:100%; height:80px; padding:15px 20px 14px; box-sizing:border-box; border:1px solid #e4ebfc; border-top:none; text-align:left;}
	.q-menu > li:first-child{border-top:1px solid #e4ebfc}
	.q-menu > li:after{display:none;}
	.q-menu > li > a > p{display:inline-block; margin:0;}
}


/* 바로가기 */
.main-menu{background:#f0f4ff;}
.main-menu > div > div > div:nth-of-type(odd){background:#e4ebfc;}
a.main-btn{display:block; width:100%; height:auto; padding:30px 0; box-sizing:border-box; letter-spacing:-0.5px; word-break:keep-all;}
a.main-btn > p{margin-bottom:10px; font-size:18px; font-weight:700; color:#214094; line-height:1.2;}
a.main-btn > span{display:block; font-size:14px; font-weight:500; line-height:18px;}

@media (max-width: 1200px) {
	a.main-btn{min-height:203px; padding:20px 0;}
}
@media (max-width: 767px) {
	a.main-btn{min-height:177px; padding:15px 10px; border-top:1px solid #e4ebfc;}
	a.main-btn:nth-child(odd){border-right:1px solid #e4ebfc;}
	a.main-btn.last{min-height:160px; padding:15px 30px; border-bottom:1px solid #e4ebfc;}
	a.main-btn > p{font-size:16px;}
	a.main-btn > span{font-size:12px;}
	.main-menu > div > div > div:nth-of-type(1), .main-menu > div > div > div:nth-of-type(4), .main-menu > div > div > div:nth-of-type(5){background:#e4ebfc;}
	.main-menu > div > div > div:nth-of-type(2), .main-menu > div > div > div:nth-of-type(3){background:#f0f4ff;}
}


/* 공지사항 */
.main-notice > h2{margin:0 0 25px; font-size:22px; font-weight:700; text-align:left; color:#222; letter-spacing:-1px;}
.main-notice > ul{padding:0; overflow:hidden; list-style:none; text-align:left;}
.main-notice li{position:relative; margin-bottom:14px; background:url('/user/images/common/bul_dot.png') left 11px no-repeat;}
.main-notice li > a{display:block; padding:0 90px 0 15px; font-size:15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.main-notice li > .date{position:absolute; right:0; top:0; font-size:14px;}



.media{width:100%; height:235px;}

.main-guide{text-align:left;}
.main-guide:after{content:''; display:block; clear:both;}
.main-guide > h3{position:relative; margin:0 0 10px; font-size:20px; font-weight:700; letter-spacing:-1px; color:#222; overflow:hidden;}
.main-guide > h3:before{content:''; display:block; position:absolute; left:115px; top:50%; width:100%; height:1px; background:#d5e1da}
.main-guide.contact > h3:before{left:80px;}
.main-guide > div > p.num{font-size:30px; font-weight:bold; font-family: "S-CoreDream-4Regular", sans-serif; color:#0d4bc0; text-align:center;letter-spacing:-1px;}
.main-guide > div > ul{margin-bottom:0;}
.main-guide li{position:relative; font-size:15px;}
.main-guide .ic-time:before{content:''; display:inline-block; position:absolute; left:0; top:5px; width:18px; height:18px; background:url('/user/images/main/icon_time.png') no-repeat;}
.main-guide .ic-date:before{content:''; display:inline-block; position:absolute; left:0; top:5px; width:18px; height:18px; background:url('/user/images/main/icon_calendar.png') no-repeat;}
.main-guide .ic-break:before{content:''; display:inline-block; position:absolute; left:0; top:5px; width:18px; height:18px; background:url('/user/images/main/icon_break.png') no-repeat;}
.main-guide.kakao > a{display:block; position:relative; width:100%; height:60px; padding:5px 20px; background:#ffde00; color:#231916; font-weight:700; text-align:center; line-height:50px}
.main-guide.kakao > a:before{content:''; display:inline-block; position:absolute; left:20px; width:50px; height:50px; background:url('/user/images/main/ico_kakao.png') left center no-repeat;}
.main-guide.kakao > a:hover{text-decoration:underline;}
.ic-date, .ic-break{margin-top:8px}
.ic-time, .ic-date, .ic-break, .blank{padding-left:22px;}
.main-site{padding:0;}
.main-site li{position:relative; width:100%; margin-bottom:5px; text-align:left; list-style:none;}
.main-site li > a{display:block; min-height:75px; padding:22px 15px; background:#eee; font-weight:500;}
.main-site li > a:hover{background:#163ce6; color:#fff; }
.main-site li > a > span{display:block; font-size:12px; font-weight:400; line-height:1;}
.main-site li:nth-of-type(1):after{content:''; display:block; position:absolute; right:15px; top:50%; width:42px; height:32px; transform:translateY(-50%); background:url('/user/images/main/main_icon01.png') no-repeat}
.main-site li:nth-of-type(2):after{content:''; display:block; position:absolute; right:15px; top:50%; width:42px; height:32px; transform:translateY(-50%); background:url('/user/images/main/main_icon02.png') no-repeat}
.main-site li:nth-of-type(3):after{content:''; display:block; position:absolute; right:15px; top:50%; width:42px; height:32px; transform:translateY(-50%); background:url('/user/images/main/main_icon03.png') no-repeat}
.main-site li:nth-of-type(4):after{content:''; display:block; position:absolute; right:15px; top:50%; width:42px; height:32px; transform:translateY(-50%); background:url('/user/images/main/main_icon04.png') no-repeat}
.main-site li:nth-of-type(1) > a{line-height:38px}
.main-site li:nth-of-type(2) > a{line-height:38px}

.text-small{font-size:14px !important; letter-spacing:-.5px;}

.sc{border-top:1px solid #d5e1da; border-bottom:1px solid #d5e1da; border-right:1px solid #d5e1da;}
.sc > div{padding:0; }
.sc-tit > h4{position:relative; margin:0; padding-left:58px; background:url('/user/images/main/ico.svg') 10px center no-repeat; background-size:40px; font-size:20px; font-weight:700; color:#1b61ad; text-align:left; line-height:53px;}
.sc-btn{display:block; padding-left:55px; background:url('/user/images/main/shortcut_arrow.png') 30px center no-repeat; border-left:1px solid #d5e1da; color:#212121; font-size:16px; font-weight:400; line-height:53px; text-align:left;}
.sc-btn:hover{text-decoration:underline;}

@media (max-width: 991px) {
	.sc-tit > h4{padding-left:40px; background-position:left center;}
}
@media (max-width: 767px) {
	.sc{border:0;}
	.sc-tit > h4{padding-left:60px; background:#f8f8f8 url('/user/images/main/ico.svg') 20px center no-repeat; background-size:35px;}
	.sc-btn{border-left:0; border-bottom:1px solid #d5e1da;}
}





/* footer */
.page-footer {color:#868686;font-weight:400; font-size:0.8em; font-family: "S-CoreDream-4Regular", sans-serif;}
.slide-footer{padding:5px 0 8px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing:border-box;}
@media (max-width: 991px) {
	.page-footer .sns{text-align:center;}
}




/*
	font-weight: 100;  -thin
	font-weight: 300;  -light
	font-weight: 400;  -regular
	font-weight: 500;  -medium
	font-weight: 700;  -bold
	font-weight: 900;  -black
*/