@font-face {
    font-family: 'SBAggroB';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroB.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SBAggroM';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroM.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SBAggroL';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2108@1.1/SBAggroL.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



@font-face {
    font-family: 'yg-jalnan';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}




.mtop{ clear: both; position: relative; width:100%;  background:url(/images/edunew/main/vi_bg.jpg) no-repeat left 0; box-sizing:border-box;}
.m_dv{max-width:1600px; margin:0 auto; display: flex;  justify-content: space-between;     flex-wrap: wrap;}
.vi_text{position: relative; box-sizing:border-box; padding: 75px 0 95px 0; width:41%;}
.vi_text .stxt{dispaly:block; color:#fff; font-size:25px;  font-family: 'SBAggroL';  margin-bottom:20px; line-height: 1em;}
.vi_text .btxt{color:#fff; font-size:60px; font-family: 'SBAggroB'; margin-bottom:30px; line-height: 1em;}
.vi_text .btxt span{color:#caf4ff;}
.vi_text .ttxt{font-size:30px;  font-family: 'SBAggroL'; color:#adc3f7; line-height: 1em;}

.vi_text .b_btn{margin:40px 0 0 23px; display: flex; align-items: center; justify-content: flex-start;  width:calc(100% - 87px);}
.vi_text .b_btn a{display:inline-block; width:50%;  color:#fff;  font-size:24px; text-align: center; padding:50px 0;  font-family: 'SBAggroM';}
.vi_text .b_btn a span{display:block; font-size:30px;}
.vi_text .b_btn a .arr{width:38px; height:38px; background:url(/images/edunew/main/arr_off.png) no-repeat center center; position: relative; display: block; margin: 30px auto 0 auto;}
.vi_text .b_btn a.btn_r{background:#3c4df1; border-radius:0 100px;}
.vi_text .b_btn a.btn_l{background:#d23175; border-radius:100px 0px;}

.vi_text .b_btn a:hover .arr{background:url(/images/edunew/main/arr_over.png) no-repeat center center;}

.popup{width:52%; position: relative; z-index:9; padding: 75px 0 0px 0;}
.popup ul.popimg{overflow: hidden; height:417px; position: relative; z-index: 0;}
.popup ul.popimg li{float:left; margin:0 8px;}
.popup ul.popimg li img{width:100%; height:417px; border-radius:15px;}
.popup ul.slick-dots{position: absolute; width:230px; background:#2e4886; bottom:44px; left:17px; z-index:1;}
.popup ul.slick-dots li{float:left; width:50%; height:3px;}
.popup ul.slick-dots li button{height:3px; width:100%; text-indent: -99999px;}
.popup ul.slick-dots .slick-active{background:#fff;}

.popup .control_type2{/*position: absolute; left: -35px; top: 220px; width:70px; height:70px; border-radius:50%; background:#000; z-index: 999999;*/}
/*.popup .control_type2:before{content: '';  display: block; background: rgba(0,0,0,0.2);  width: 100px;  height: 100px; border-radius: 50%;  position: absolute;  left: -16px;  top: -16px;  z-index: 0;}*/
.popup .control_type2 button{width: 55px; height: 55px; border-radius:50%; text-indent: -999999px; position: relative; margin-top: 17px; z-index: 10;}
.popup .control_type2 button.prev-slide{position: absolute; left: -25px; border-radius:50%; top: 220px; background: url(/images/edunew/main/prev-slide.png) no-repeat center center; z-index:50;}
.popup .control_type2 button.next-slide{position: absolute; right: -25px;  border-radius:50%;top: 220px; background: url(/images/edunew/main/next-slide.png) no-repeat center center; z-index:50;}



.control_wrap{    display: flex;
    line-height: 91px;
    justify-content: center;
    align-items: center;
    width: 100%;
    position: relative; }
.control_wrap .control{ box-sizing: border-box;}
.control_wrap .control button{width:33px; height:33px; text-indent: -999999px;}
.control_wrap .control button.stop-slide{background:url(/images/edunew/main/popup_stop.png) no-repeat center center;}
.control_wrap .control button.start-slide{background:url(/images/edunew/main/popup_play.png) no-repeat center center;}



.control_wrap .control_link{width:calc(100% - 350px); background:#fff; padding-left:40px;}
.control_wrap .control_link a{display:inline-block;font-weight: 600; background:url(/images/edunew/main/cyber_icon01.png) no-repeat left center; padding-left: 50px; color: #333; font-size: 20px;}
.control_wrap .control_link a span{background:url(/images/edunew/main/cyber_icon011.png) no-repeat right center; padding:10px 100px 10px 0;}

#main_container{position: relative; width:100%; background:url(/images/edunew/main/con_bg.jpg) no-repeat center top;}

.mbottom{display: flex; justify-content: space-between;  flex-wrap: wrap; position: relative;  max-width: 1600px; margin: 0 auto 60px auto; padding-top:110px;     flex-wrap: wrap;}
.mbottom .right_con{width:38.5%;}

.box_right{border:1px solid #ddd; padding:68px 13%; background:#fff; position: relative; box-shadow: 17px 20px 30px 0 rgb(140 140 140 / 20%);}
/*.box_right:after{content:''; display:block; width:142px; height:175px; background:url(/images/edunew/main/field_big_icon.png) no-repeat right 0; position: absolute; right:40px; top:-115px; }*/
.box_right .tit{font-size:40px; margin-bottom:40px; padding-left:73px; background:url(/images/edunew/main/field_tit.png) no-repeat left top; font-family: 'SBAggroB'; line-height: 45px;}
.box_right .tit span{color:#253fae;}  
.box_right ul{display:flex; justify-content: space-between; flex-wrap: wrap; margin:-11px;}
.box_right ul li{width:calc(50% - 22px); margin:11px; text-align: center;}
.box_right ul li a{display:block; width:100%; height:100%; border:1px solid #ddd; padding:23px 0; box-sizing: border-box; background:#fff;}
.box_right ul li span{display:block;}
.box_right ul li span.img{margin-bottom:10px;}
.box_right ul li span.txt{font-weight: 600; color: #333;}
.box_right ul li:last-child span.txt{line-height: 1em;}

.box_right ul li a:hover{box-shadow: 0 10px 15px rgb(0 0 0 / 25%); outline: 3px solid #000;}


.mbottom .left_con{width:57%;}

/*공지사항*/
.msec-board {width:100%; position:relative; padding-top:45px; height: 520px;}
.msec-board h2{font-family: 'SBAggroB'; font-size: 45px; position: absolute; left: 0; top: 45px; z-index: 2; color: #333;}
.msec-board h2 span{color:#5d48b5;}
.msec-board:before{content:''; display:block; position:absolute; left:77px; top:-60px; background:url(/images/edunew/notice_iocn.png) no-repeat 0 0; width:117px; height:140px;}

.msec-board > ul{position:relative; display:flex;}
.msec-board li:first-child{margin-left:39%;}
.msec-board li:first-child .tabs:after{display:none;}

.msec-board li .tabs{ position:relative; color:#bdbdbd; font-size:24px;  display:flex; align-items: center; line-height:1em; font-family: 'SBAggroB';}
.msec-board li .tabs span {padding:0px 20px;}
.msec-board li .tabs span em{position:relative;}
.msec-board li .tabs:after{content:''; display:block; position:absolute; bottom:10px; left:0; width:8px; height:8px; background:#bdbdbd; transition: all .2s;  z-index: 0; border-radius:50%;}

.msec-board li .tabs:hover {font-weight:700; color:#000;}
.msec-board li .tabs:hover span em:after{width:100%; }

.msec-board li.active .tabs {font-weight:700; color:#000; }
.msec-board li.active .tabs span em:after{ width:100%; }


.msec-board li .news_more {position:absolute; top:-90px; right:0px; width:132px; height:132px; background: #d23175; border-radius: 30px 30px 0 30px; box-sizing:border-box; padding-top:85px; font-size:15px; color: #fff; text-align: center;}
.msec-board li .news_more:before {content:''; display:block; color:#333; background:url(/images/edunew/main/more_icon.png) no-repeat 0 0;text-indent:0; width:33px; height:33px; position:absolute; top:36px; left:50%; margin-left:-16px; }

.msec-board li .list{position:absolute; display:none; left:0px; top:60px; width:100%;}
.msec-board li.active .list{display:block;}

.msec-board li .list ul{position:relative; border: 1px solid #ddd; padding: 50px;}
.msec-board li .list li{ position:relative; }

.msec-board li .list li:first-child{margin-left:0%;}
.msec-board li .list li a{position:relative; display:block; background:#fff; box-sizing:border-box; transition:all .2s; width:100%; font-weight:500; display:flex; justify-content: space-between; align-items: center; flex-wrap: wrap; margin-bottom:10px;}
.msec-board li .list li .btxt{position:relative; padding-left:15px; font-weight: 400; width:calc(100% - 110px); color:#333; font-size:18px; letter-spacing:-0.08em; display:block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height:20px;  }
.msec-board li .list li .btxt:before{content: ''; display: inline-block;  width: 6px; height: 6px; background: #b7ade5; border-radius: 50%; position: absolute; top: 7px; left: 0;}
.msec-board li .list li .stxt{display:none; font-size:18px; letter-spacing:-0.08em; overflow: hidden; text-overflow: ellipsis; height:50px; line-height:24px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-weight:400; color:#666;}

.msec-board li .list li .date{width:90px; color:#727272; display:block; }


.msec-board li .list li:first-child{padding-bottom:35px; margin-bottom:35px; border-bottom:1px dotted #e7e7e7;}
.msec-board li .list li:first-child a{padding-left: 150px; padding-top:20px;}
.msec-board li .list li:first-child a:hover .btxt{text-decoration: underline;}
.msec-board li .list li:first-child .btxt{font-size:24px; width:100%; font-family: 'SBAggroB'; line-height: 1.2em; padding-left:0;}
.msec-board li .list li:first-child .btxt:before{display:none;}
.msec-board li .list li:first-child .stxt{display: -webkit-box; margin-top:15px;}
.msec-board li .list li:first-child .date{position:absolute; left:0%; top:0px; font-size:18px; color:#333; width:120px; text-align: center; border:5px solid #ddd; padding:10px 0; height: 120px; box-sizing: border-box; display: flex; flex-wrap: wrap; flex-direction: column-reverse; align-items: center; align-content: center;  justify-content: center;}
.msec-board li .list li:first-child .date .day{display:block; font-size:36px; font-weight: 700; color:#d23175; font-family: 'yg-jalnan';}
/*공지사항 끝*/



.m_banner{margin-top:60px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.m_banner .client,
.m_banner .edu_new{width:48%; box-sizing:border-box; color:#333; padding:40px 40px;}

.m_banner .client span,
.m_banner .edu_new span{display:block;}

.m_banner .client{border:1px solid #ddd; background:url(/images/edunew/main/banner_icon02.jpg) no-repeat right 10px center; background-size: 500px;}
.m_banner .client span{display:block;}
.m_banner .client span.stxt{font-size: 24px; font-family: 'SBAggroB';}
.m_banner .client span.tel{font-size:16px;}


.m_banner .edu_new{background:#fee101 url(/images/edunew/main/banner_icon01.png) no-repeat 30px center; padding-left:140px;}
.m_banner .edu_new .btxt{font-size:24px;  font-family: 'SBAggroB';}
.m_banner .edu_new .stxt{font-size:16px;}       


@media only screen and (max-width:1600px) {
	
	.m_dv{padding-left:1em; padding-right:1em;}
	.vi_text .b_btn{margin: 40px 0 0 0px;}
	 #main_container{padding:0 20px; box-sizing:border-box;}

}


@media only screen and (max-width:1300px) {
	
	.mbottom .left_con{width:62%;}
	.mbottom .right_con{width:35%;}
	
	.msec-board h2,
	.box_right .tit{font-size: 30px;}

	.m_banner .edu_new .btxt{font-size:18px;}
}


@media only screen and (max-width:1200px) {
	.mtop{padding-left:0;}
	.popup,
	.vi_text{width:100%; }

	.vi_text{padding: 50px 0px 10px 0;}
	.vi_text .b_btn{width:100%; margin:0;}
	
	#main_container{background:none;}
	.mbottom{padding-top:20px;}

	.mbottom .left_con{width:100%;}
	.mbottom .right_con{width:100%;}	

	.m_banner{margin-top:30px;}

	.box_right{ padding: 30px 20px; margin-top: 30px;}
	.box_right:after{display:none;}
	.box_right ul li{width:calc(33.3% - 22px);}

	.popup .control_type2 button.prev-slide{left:-10px; top: 100px;}
	.popup .control_type2 button.next-slide{right:-10px; top: 100px;}
	
	/*
	.popup .control_type2{left:280px;    top: auto;      border-radius: 0;     bottom: 27px; z-index: 2; background:none;}
.popup .control_type2:before{display:none;}
	.popup .control_type2 button{margin-top: 0px;}
    ..control_wrap .control{width:400px; background: #000099;}
	.control_wrap .control_link {width: calc(100% - 450px);}*/
	
	.popup{padding:0}
	.popup ul.popimg{height:auto;}
	.popup ul.popimg li img{height:auto;}

		
}


@media only screen and (max-width:800px) {

	.m_banner .client, .m_banner .edu_new{width:100%;}	    
    .m_banner .edu_new{margin-top:10px;}

	/*.msec-board h2{display:none;}*/
	.msec-board li:first-child{margin-left: 0%;}
	.msec-board li .news_more{width: 100px; height: 50px; line-height: 50px; top: -73px; padding-top: 0;}
	.msec-board li .news_more:before{display:none;}

	.popup ul.slick-dots{display:none !important;}
	.control_wrap .control{padding-left:10px; }
	.popup .control_type2{left:50px;}
	.control_wrap .control_link{width:calc(100% - 280px);}

	.mbottom{padding-top:0;}
}


@media only screen and (max-width:640px) {

	.vi_text .stxt{font-size:18px;}
	.vi_text .btxt{font-size:40px; margin-bottom: 20px;}
	.vi_text .ttxt{font-size:25px;}

	.vi_text .b_btn{    font-size: 18px;     padding: 20px 0;}

	.vi_text .b_btn a{padding:20px 0;}
	.vi_text .b_btn a span{ font-size: 20px; }
	.vi_text .b_btn a.btn_r{border-radius: 0 30px;}
	.vi_text .b_btn a.btn_l{border-radius: 30px 0px;}

	.msec-board li .list ul{padding: 20px;}
	
	.msec-board li .list li:first-child{padding-bottom:10px; margin-bottom:10px;}
	.msec-board li .list li:first-child .stxt{padding-left:0; margin-top:10px;}
	.msec-board li .list li:first-child .date{display:none;}
	.msec-board li .list li:first-child a{padding-left:0;}
	.msec-board{height:400px;}

	.msec-board li .tabs{font-size:20px;}



}
@media only screen and (max-width:500px) {

.box_right ul li{width: calc(50% - 22px);}
.m_banner .client{background-size:550px;}
.control_wrap .control_link{display:none;}
.control_wrap{line-height: 50px;}
.popup .control_type2{bottom:8px;}

}