@font-face {
     font-family: 'S-CoreDream-5Medium';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}

#inner_wrap {}

/*visual*/
#visual {position:relative;}
#visual .visual_slide {}
#visual .visual_slide .item{position:relative;}
#visual .visual_slide .item .main_visual_tit{position:absolute;display:block;max-width:500px;width:100%;top:30%;left:30%;transform:translate(-30%, -30%);}

#visual .visual_btn {position:absolute;right:0;top:0;max-width:420px;background:rgba(0,0,0,0.5);z-index:1;height:100%;overflow:auto;}
#visual .visual_btn .edu_search {margin:30px;text-align:center;margin: 78px 0 0 0;}
#visual .visual_btn .edu_search > h3.tit {font-size:28px;font-weight:600;line-height:36px;color:#fff;padding:24px 0 36px 0;}
#visual .visual_btn .edu_search .search_form {position:relative;}
#visual .visual_btn .edu_search .search_txt {width:360px;box-sizing:border-box;border:1px solid #ccc;border-radius:8px;padding:32px 20px;font-size:16px;color:#333;}
#visual .visual_btn .edu_search .search_i {position:absolute;right: 10%;top:50%;transform:translate(-10%, -50%);}

#visual .visual_btn .edu_btn{margin:30px;text-align:center;}
#visual .visual_btn .edu_btn h4.tit {font-size:22px;line-height:28px;color:#fff;padding:30px 0;text-align:left;}
#visual .visual_btn .edu_btn .list {font-size:0;}
#visual .visual_btn .edu_btn .list li{display:inline-block;width: 100%;margin: 0 0 24px 0;background: #999;box-sizing: border-box;border-radius: 10px;padding: 22px 10px;}
#visual .visual_btn .edu_btn .list li:hover {background:#11b5c2;transition-duration: 0.5s;}
#visual .visual_btn .edu_btn .list li:last-child {margin:0;}
/* #visual .visual_btn .edu_btn .list li span {font-size:18px;color:#fff;display:block;padding:20px 0;}
#visual .visual_btn .edu_btn .list li span.sp_icon {background:#9c9c9c;padding:40px 20px;box-sizing:border-box;border-radius:10px;}
#visual .visual_btn .edu_btn .list li span.sp_icon img{width:100%;display:block;margin:0 auto;} */

#visual .visual_btn .edu_btn .list li span {font-size:18px;color:#fff;display: inline-block;vertical-align: middle;}
#visual .visual_btn .edu_btn .list li span.sp_icon {width: 24%;}
#visual .visual_btn .edu_btn .list li span.txt {width:60%;text-align:left;padding:0 0 0 30px;font-size:20px;font-weight:500;}
#visual .visual_btn .edu_btn .list li span.sp_icon img{width: 100%;display:block;}

@media all and (max-width:1400px){
	
	
}


@media all and (max-width:1200px){
/*#visual .visual_slide .item .main_visual_tit {max-width:300px;}*/
#visual .visual_btn {position:static;display:block;width:100%;max-width:100%;background: #333;padding:50px 0 30px 0;}
#visual .visual_slide .item .main_visual_tit {left:50%;top:50%;transform:translate(-50%, -50%)}
	
#visual .visual_btn .edu_search {margin:0;}
#visual .visual_btn .edu_search .search_txt {width:80%;}
#visual .visual_btn .edu_search .search_i {right:12%;}
	
#visual .visual_btn .edu_btn .list li span.sp_icon img {width:auto;max-width:100%;}
	
}



@media all and (max-width:1024px){
	
#visual .visual_slide .item .main_visual_tit  {max-width:400px;}	
	
}


@media all and (max-width:768px){
	
#visual .visual_slide .item .main_visual_tit  {max-width:350px;}	
	
}



/*latest_top*/
#latest_top {background:#f4fbff;padding:40px 0;position:relative;}
#latest_top:after {content:"";position:absolute;width:368px;height:340px;right:0;bottom:0;background:url(/src/img/main/latest_top_bg.png)0 0 no-repeat;}

#latest_top .latest_inner{max-width:1200px;margin:0 auto;position:relative;}
#latest_top .latest_inner > h3.tit{font-size:42px;font-weight:500;font-family: 'S-CoreDream-5Medium';text-align:center;}
#latest_top .latest_inner > h3.tit span {color:#09848d;}
#latest_top .latest_inner > p.exp {font-size:20px;line-height:28px;text-align:center;margin:0 0 35px 0;}
#latest_top .latest_inner .edu_prg {font-size:0;position:relative;z-index:1;}
#latest_top .latest_inner .edu_prg > div {width: 22.5%;display:inline-block;vertical-align:top;margin:0 2% 0 0;box-sizing:border-box;border-radius:15px;/* overflow:hidden; *//* height: 350px; */box-shadow: 5px 5px 20px 0px rgb(0 0 0 / 10%);position: relative;}
#latest_top .latest_inner .edu_prg > div:last-child {margin-right:0;}
#latest_top .latest_inner .edu_prg > div img{display:block;width:100%;height: 100%;}

#latest_top .latest_inner .prg_tit {background-size:cover;background: url(/src/img/main/edu_prg_bg_04.jpg)center center no-repeat;position:relative;/* height: 350px; */background-size: 100%;padding: 30px 22px;background-size:cover;}
#latest_top .latest_inner .prg_tit:before{content:"";position:absolute;background:url(/src/img/main/edu_prg_icon.png)0 0 no-repeat;width: 100px;height: 84px;right:2px; top:10px; z-index:0;}
#latest_top .latest_inner .prg_tit > .tit{font-size:24px;line-height:32px;color:#f5ff9e;position:relative;font-weight:600;padding: 32px 0 20px 0;letter-spacing: -1.5px;}
#latest_top .latest_inner .prg_tit > .tit:after{content:"";background:#fff;width:40px;height:2px;position:absolute;bottom:0;left:0;}
#latest_top .latest_inner .prg_tit > .tit span{color:#9ef7ff;display:block;}
#latest_top .latest_inner .prg_tit > .detail{color:#fff;font-size:15px;word-break:keep-all;line-height:26px;padding: 20px 0 0 0;position:relative;z-index:1;min-height: 98px;}


#latest_top .latest_inner .prg_tit:nth-child(2) {background:url(/src/img/main/edu_prg_bg_01.jpg)center center no-repeat;background-size:cover;}
#latest_top .latest_inner .prg_tit:nth-child(2):before{background-position:-100px, 0;}
#latest_top .latest_inner .prg_tit:nth-child(3) {background:url(/src/img/main/edu_prg_bg_02.jpg)center center no-repeat;background-size:cover;}
#latest_top .latest_inner .prg_tit:nth-child(3):before{background-position:-200px, 0;}  
#latest_top .latest_inner .prg_tit:nth-child(4) {background:url(/src/img/main/edu_prg_bg_03.jpg)center center no-repeat;background-size:cover;}
#latest_top .latest_inner .prg_tit:nth-child(4):before{background-position:-300px, 0;} 

#latest_top .latest_inner .prg_list {background:#fff;}
#latest_top .latest_inner .prg_list .thumb{position:relative;width: 100%;*height: 184px;}
#latest_top .latest_inner .prg_list .prg_info{text-align:center;padding: 22px 10px;}
#latest_top .latest_inner .prg_list .prg_info span{font-size:18px;display:block;}
#latest_top .latest_inner .prg_list .prg_info span.tit{font-weight:500;overflow:hidden;line-height: 24px;padding:0 20px;word-break:keep-all;height: 32px;text-overflow: ellipsis;white-space: nowrap;}
#latest_top .latest_inner .prg_list .prg_info span.cate{font-size:18px;box-sizing:border-box;border:1px solid #d2214b;border-radius:30px;display:inline-block;padding: 5px 26px;margin: 10px 0;color: #d2214b;}
#latest_top .latest_inner .prg_list .prg_info span.cate.off {color:#4d43b7;border:1px solid #4d43b7;}
#latest_top .latest_inner .prg_list .prg_info span.date{color:#888;font-size: 16px;}





@media all and (max-width:1200px){
	
#latest_top .latest_inner {width:95%;}
	
#latest_top .latest_inner > h3.tit {font-size:38px;}
	
	
	
/*#latest_top .latest_inner .edu_prg .prg_tit {display:block;width:100%;}*/
#latest_top .latest_inner .edu_prg > div {width:48%;margin:0 2% 2% 0;max-height: 100%;height: 450px;}
#latest_top .latest_inner .edu_prg > div:nth-child(2n) {margin:0 0 2% 0;}

#latest_top:after {opacity:0.5;}
	
}


@media all and (max-width:1024px){
	
#latest_top .latest_inner > h3.tit {font-size:36px;}
	
}

@media all and (max-width:768px){
#latest_top .latest_inner .edu_prg > div {width:100%;height:100%;max-height: 100%;margin: 0 0 10% 0;}
#latest_top .latest_inner .edu_prg > div:nth-child(2n) {margin:0 0 10% 0;}
}




#latest_btm {padding:30px 0;}
#latest_btm .latest_inner {max-width:1200px;margin:0 auto;font-size:0}

#latest_btm .board{display:inline-block;width:49%;margin:0 2% 0 0;vertical-align:top;}
#latest_btm .board .tit{font-size:20px;position:relative;margin:12px 0 14px 0;}
#latest_btm .board .tit:before{content:""; width:5px;height:30px;background:#1069ae;display:inline-block;margin:0 14px 0 0;vertical-align:middle;}
#latest_btm .board .more_btn {font-size:14px;position:absolute;right:0;top:50%;transform:translateY(-50%);}

#latest_btm .board ul {font-size:0;}
#latest_btm .board ul li{padding:10px 0;position:relative;}
#latest_btm .board ul li:before {content:"";position:absolute;width:100%;height:1px;background:#ccc;bottom:0;left:0;}

#latest_btm .board ul li span {font-size:15px;/*line-height:24px;*/display:inline-block;vertical-align:middle;color:#555;}
#latest_btm .board ul li span.cate{color:#1069ae;padding:8px 16px;box-sizing:border-box;border-radius:5px;background:#d4e8f7;font-weight:500;width:100%;max-width:62px;text-align:center;}
#latest_btm .board ul li span.exp {width:calc(100% - 142px);padding:0 14px;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#latest_btm .board ul li span.date {width:100%;max-width:80px;}

.cate2{font-size:18px;box-sizing:border-box;border:1px solid #fff;border-radius:30px;display:block;padding: 5px 26px;margin: 10px 0;color: #fff;background: rgba(255,255,255,0.2);cursor: pointer; width: 100%; max-width: 136px;margin-left: auto;}

#latest_btm .reference.board {margin-right:0;}

@media all and (max-width:1200px){
	
#latest_btm .latest_inner {width:95%;}

/*#latest_btm .board {display:block;width:100%;}*/
	
}

@media all and (max-width:1024px){
#latest_btm .notice.board {margin:0 0 24px 0;}
#latest_btm .board {display:block;width:100%;}
#latest_top .latest_inner .prg_list .thumb {height:280px;}
	
}

@media all and (max-width:768px){
	
#latest_btm .board ul li span.cate {padding:4px 8px;max-width:50px;}
#latest_top .latest_inner .prg_list .thumb {height:100%;}
}