@charset "utf-8";

/*
 Date : 2017-10
 Project : 
 writer : 임설
 Update : 
*/
 
div#main_container {}

/**** MAIN VISUAL  ****/
div#main_container {position:relative;z-index:1}
div#main_container div.main_visual {position:relative; width:100%; height:660px; transition: all 400ms ease-in-out 0s; border-bottom:10px solid #027837;}
div#main_container div.main_visual div.slider-for {position:relative;}
div#main_container div.main_visual div.slider-for div.visual_item {padding-top:80px; height:580px; text-align:center; }
div#main_container div.main_visual div.slider-for div.visual_item img {display:inline;}

/*div#main_container div.main_visual div.slider-for div.visual_01 { background:url('http://dev2www.jnu.ac.kr/Data/tmfiles/images/banner/194.jpg') center center no-repeat; background-size:cover; }
div#main_container div.main_visual div.slider-for div.visual_02 { background:url('http://dev2www.jnu.ac.kr/Data/tmfiles/images/banner/195.jpg') center center no-repeat; background-size:cover; }
div#main_container div.main_visual div.slider-for div.visual_03 { background:url('http://dev2www.jnu.ac.kr/Data/tmfiles/images/banner/196.jpg') center center no-repeat; background-size:cover; }
div#main_container div.main_visual div.slider-for div.visual_04 { background:url('http://dev2www.jnu.ac.kr/Data/tmfiles/images/banner/197.jpg') center center no-repeat; background-size:cover; }*/


div#main_container div.main_visual .slider-nav {margin:-60px 0 0 -3%;  position:relative; padding:0; z-index:999; left:50%; display:inline-block; bottom:63px;}

div#main_container div.main_visual .slider-nav li {float:left; width:13px; height:13px; cursor:pointer; list-style-type:none; margin-right:8px; font-size:1px; text-indent:-9999px; display:inline-block; transition: all 400ms ease-in-out 0s; background:#fff; border-radius:15px; }
/*div#main_container div.main_visual .slider-nav li {float:left; width:25%; cursor:pointer; list-style-type:none; height:100px; margin:0; text-align:left; font-size:18px; color:#fff;  border-bottom:10px solid #027837; transition: all 400ms ease-in-out 0s; }*/

div#main_container div.main_visual .slider-nav li a {color:#fff;}

div#main_container div.main_visual .slider-nav li.slick-active { background:#027837; width:30px; height:13px; border-radius:10px; border:none;}
/*div#main_container div.main_visual .slider-nav li.slick-active { border-top:10px solid #027837; border-bottom:none;}*/

/*div#main_container div.main_visual .slider-nav li.slick-active a {color:#027837;}
div#main_container div.main_visual .slider-nav li div {padding:15px 25px; height:70px; background:url('../images/en/home/bg_main_visual_nav.png') right top no-repeat; word-break:break-word;}*/

div#main_container div.main_visual .slider-nav li.slick-active div {display:block; position:absolute; width:700px; height:auto; left:-550px; bottom:50px; font-size:22px; text-indent:0; color:#fff; word-break:break-word; background:rgba(0, 0, 0, .6);/*rgba(0, 67, 152, .4);*/ padding:5px; line-height:120%; text-align:left; box-sizing:border-box;}
div#main_container div.main_visual .slider-nav li.slick-active div p:before{content:""; position:absolute; width:20px; height:3px; left:10px; top:0px; background:#8BC34A;}
div#main_container div.main_visual .slider-nav li.slick-active div p{word-break:keep-all;position:relative;padding:10px;color:#fff;}
/*div#main_container div.main_visual .slider-nav li.slick-active div {display:block; position:absolute; width:700px; height:180px; left:-510%; top:-240px; font-size:25px; text-indent:0; color:#fff; word-break:break-word; background:rgba(0, 0, 0, .6); padding:30px; line-height:130%; text-align:left; box-sizing:border-box;}*/

div#main_container div.main_visual .slider-nav li.slick-active div span{font-size:16px; display:block; word-break:break-word; margin-top:5px; color:#d0ffd6; line-height:140%;}

div#main_container div.main_visual .slider-nav li div {display:block;}
/*div#main_container div.main_visual .slider-nav li.slick-active div {color:#027837; background:#fff;}*/

div#main_container div.main_visual .slider-nav li:last-child div {}

div#main_container div.main_visual .slider-nav li div span {display:none;}
/*div#main_container div.main_visual .slider-nav li div span {display:block; font-size:16px; margin-top:3px;}*/


div#main_container div.main_visual .slick-arrow {width:35px; height:65px; top:45%; z-index:10;}
div#main_container div.main_visual .slick-arrow.slick-prev {display:none !important; background:url('../images/en/home/btn_slick_prev_white.png') left top no-repeat; background-size:cover; left:10%;}
div#main_container div.main_visual .slick-arrow.slick-prev:before {content:none;}
div#main_container div.main_visual .slick-arrow.slick-next {display:none !important; background:url('../images/en/home/btn_slick_next_white.png') right top no-repeat; background-size:cover; right:10%;}
div#main_container div.main_visual .slick-arrow.slick-next:before {content:none;}
div#main_container button#playing {cursor:pointer; position:absolute; width:20px; height:20px; z-index:9999; bottom:120px; left:50%; bottom:43px; margin-left:-4.5%; background:url('../images/home/btn_slick_pause.png') right top no-repeat; border:none;}
div#main_container button#playing.pause {background:url('../images/home/btn_slick_play.png') right top no-repeat;}
div#main_container div.main_visual .slider-nav div.slick-list {width:1200px; margin:0 auto;}

div#main_container div.main_visual .slider-nav.slick-dotted.slick-slider {margin-bottom:0;}
div#main_container div.main_visual .slider-nav div.slick-slide {position:relative; cursor:pointer; height:50px; padding:25px 20px; margin-right:1px; text-align:left; font-size:18px; color:#fff; background:url('../images/en/common/black_60.png') repeat;}
div#main_container div.main_visual .slider-nav div.slick-slide span {display:block; font-size:16px; margin-top:3px;}
div#main_container div.main_visual .slider-nav div.slick-slide.slick-current {color:#027837; background:#fff;}
div#main_container div.main_visual .slider-nav div.slick-slide:before {content:''; position:absolute; right:0; top:0; left:0; height:0; background:#027837; transition: all 0.3s ease-in-out 0s;}
div#main_container div.main_visual .slider-nav div.slick-slide.slick-current:before {height:10px; }
div#main_container div.main_visual .slider-nav div.slick-slide:after {content:''; position:absolute; right:0; bottom:0; left:0; height:10px; background:#027837; transition: all 0.3s ease-in-out 0s;}
div#main_container div.main_visual .slider-nav div.slick-slide.slick-current:after {height:0;}
div#main_container div.main_visual .slider-nav div.slick-slide:last-child {border-right:none; }

@media all and (max-width:1200px){
	div#main_container div.main_visual .slider-nav {width:auto;}
	div#main_container div.main_visual .slick-arrow.slick-prev {left:5%;}
	div#main_container div.main_visual .slick-arrow.slick-next {right:5%;}
	div#main_container button#playing {margin-left:-5.5%;}

	div#main_container div.main_visual .slider-nav li.slick-active div{left:-310%;}		
}

@media all and (max-width:1100px){
	div#main_container div.main_visual .slider-nav li {font-size:16px;}
	div#main_container div.main_visual .slider-nav li div span {font-size:14px;}
	
	div#main_container div.main_visual .slider-nav li.slick-active div{left:-330%;}		

    .return_top{display:none !important;}
}

@media all and (max-width:860px){
	div#main_container div.main_visual {height:400px;}
	div#main_container div.main_visual div.slider-for div.visual_item {height:320px;}
	div#main_container div.main_visual div.slider-for div.visual_item img {max-width:70%;}
	div#main_container div.main_visual .slider-nav {margin:-40px 0 0 -3%; bottom:32px;}
	div#main_container button#playing {bottom:3.5%; margin-left:-6.5%;}
	div#main_container div.main_visual .slider-nav li.slick-active div{width:300px; height:auto; left:-100%; bottom:20px;  font-size:12px; padding:10px;}	
	div#main_container div.main_visual .slider-nav li.slick-active div p:before{left:5px;}
	div#main_container div.main_visual .slider-nav li.slick-active div p{padding:7px 0 0px 5px;margin:5px 0px 0px 0px;}
	div#main_container div.main_visual .slider-nav li.slick-active div span{font-size:8px; line-height:100%;}
}

@media all and (max-width:480px){
	div#main_container div.main_visual {height:220px;}
	div#main_container div.main_visual div.slider-for div.visual_item {height:140px;}
	div#main_container div.main_visual .slider-nav{margin:-40px 0 0 -7%;bottom:22px;}
	div#main_container button#playing {bottom:1.5%;margin-left:-14.5%;}
	div#main_container div.main_visual .slider-nav li.slick-active div:before{display:none;}
}


div#main_container section.cnu_service {min-height:615px; background:url('../images/home/bg_cnu_service.gif') center center repeat #f3f3f3;}
div#main_container section.cnu_notice {min-height:620px; background:url('../images/home/bg_cnu_notice.jpg') center center no-repeat #edf6ff; background-size:cover;}
div#main_container section.cnu_vision {min-height:630px; background:url('../images/home/bg_cnu_vision.gif') center center repeat #e7e7e7;}
div#main_container section.cnu_today {min-height:710px; background:/*url('../images/home/bg_.jpg') center center no-repeat*/ #e5f3e2;}
div#main_container section.academic {min-height:620px; background:#404242;}
div#main_container > section > .inner_wrap:after {content:''; clear:both; display:block; overflow:hidden; height:0; font-size:0; line-height:0;}

div#main_container section div.inner_wrap {position:relative; width:1200px;  padding-bottom:95px; margin:0 auto;}
div#main_container section h2.section_title {font-family:'Noto Sans KR'; margin:0; padding:95px 0 0 0; font-size:48px; height:48px; text-align:center; letter-spacing:-2px; color:#116e37;}
div#main_container section h2.section_title strong {padding-left:10px; font-weight:normal; color:#646464;}
div#main_container section span.section_title_info {display:block; text-align:center; margin-bottom:45px; font-size:17px; color:#2d2d2d;}
div#main_container section.cnu_notice h2.section_title strong {color:#fff;}
div#main_container section.cnu_notice span.section_title_info {color:#fff;}
div#main_container section.academic h2.section_title {color:#fff;}
div#main_container section.academic h2.section_title strong {color:#fff;}
div#main_container section.academic span.section_title_info {color:#fff;}

@media all and (max-width:1200px){
	div#main_container section div.inner_wrap {width:100%;}
}
@media all and (max-width:480px){
	div#main_container section h2.section_title {font-size:38px;}
}

/**** CNU SERVICE  ****/
div#main_container section.cnu_service ul.service_banner {margin:0; padding:0;}
div#main_container section.cnu_service ul.service_banner:after {content:""; clear:both; display:block;}
div#main_container section.cnu_service ul.service_banner li {margin:0; padding:0; list-style-type:none; width:25%; float:left; height:155px; overflow:hidden;}

/*
div#main_container section.cnu_service ul.service_banner li.banner_news a {background:url('../images/en/home/icon_news.png') 60px center no-repeat #f7f7f7;}
div#main_container section.cnu_service ul.service_banner li.banner_media a {background:url('../images/en/home/icon_media.png') 50px center no-repeat #fff;}
div#main_container section.cnu_service ul.service_banner li.banner_professor a {background:url('../images/en/home/icon_professor.png') 50px center no-repeat #f7f7f7;}
div#main_container section.cnu_service ul.service_banner li.banner_certificate a {background:url('../images/en/home/icon_certificate.png') 50px center no-repeat #fff;}
div#main_container section.cnu_service ul.service_banner li.banner_integrity a {background:url('../images/en/home/icon_integrity.png') 50px center no-repeat #fff;}
div#main_container section.cnu_service ul.service_banner li.banner_safety a {background:url('../images/en/home/icon_safety.png') 57px center no-repeat #f7f7f7;}
div#main_container section.cnu_service ul.service_banner li.banner_fund a {background:url('../images/en/home/icon_fund.png') 50px center no-repeat #fff;}
div#main_container section.cnu_service ul.service_banner li.banner_house a {background:url('../images/en/home/icon_house.png') 55px center no-repeat #f7f7f7;}
*/
div#main_container section.cnu_service ul.service_banner li.banner_jnu {display:none;}
div#main_container section.cnu_service ul.service_banner li a {display:block; padding:43px 0 55px 120px; color:#8e8e8e;border-right:1px solid #f2f2f2;  border-bottom:1px solid #f2f2f2; transition: all 0.3s ease-in-out 0s; height:155px; overflow:hidden; box-sizing:border-box;}
div#main_container section.cnu_service ul.service_banner li a:hover{background-position: 45px center !important;}


div#main_container section.cnu_service ul.service_banner li.banner_dormitory a{padding-top:66px;}
div#main_container section.cnu_service ul.service_banner li.banner_brochure a,
div#main_container section.cnu_service ul.service_banner li.banner_tribune a,
div#main_container section.cnu_service ul.service_banner li.banner_calender a{padding-top:50px;}

div#main_container section.cnu_service ul.service_banner li:nth-child(1) a,
div#main_container section.cnu_service ul.service_banner li:nth-child(3) a,
div#main_container section.cnu_service ul.service_banner li:nth-child(6) a,
div#main_container section.cnu_service ul.service_banner li:nth-child(8) a{background-color:#f7f7f7;}

div#main_container section.cnu_service ul.service_banner li:nth-child(2) a,
div#main_container section.cnu_service ul.service_banner li:nth-child(4) a,
div#main_container section.cnu_service ul.service_banner li:nth-child(5) a,
div#main_container section.cnu_service ul.service_banner li:nth-child(7) a{background-color:#fff;}

div#main_container section.cnu_service ul.service_banner li strong {display:block; font-size:22px; color:#898989; transition: all 0.3s ease-in-out 0s; word-break:normal;}
div#main_container section.cnu_service ul.service_banner li span {display:block; font-size:14px;transition: all 0.3s ease-in-out 0s; word-break:break-word; }
/* div#main_container section.cnu_service ul.service_banner li a:hover strong {font-size:23px; color:#717171; }
div#main_container section.cnu_service ul.service_banner li a:hover span {font-size:15px;} */

@media all and (max-width:1200px){
	div#main_container section.cnu_service ul.service_banner {width:90%; padding:0 5%;}
	div#main_container section.cnu_service ul.service_banner li {width:33.3%;}
	div#main_container section.cnu_service ul.service_banner li a {background-position: center 25px !important; padding:80px 0 20px 0 !important; text-align:center;}
	div#main_container section.cnu_service ul.service_banner li a:hover{background-position: center 25px !important;}
		
	div#main_container section.cnu_service ul.service_banner li:nth-child(1) a,
	div#main_container section.cnu_service ul.service_banner li:nth-child(3) a,
	div#main_container section.cnu_service ul.service_banner li:nth-child(5) a,
	div#main_container section.cnu_service ul.service_banner li:nth-child(7) a,
	div#main_container section.cnu_service ul.service_banner li:nth-child(9) a{background-color:#f7f7f7;}

	div#main_container section.cnu_service ul.service_banner li:nth-child(2) a,
	div#main_container section.cnu_service ul.service_banner li:nth-child(4) a,
	div#main_container section.cnu_service ul.service_banner li:nth-child(6) a,
	div#main_container section.cnu_service ul.service_banner li:nth-child(8) a{background-color:#fff;}
	
	div#main_container section.cnu_service ul.service_banner li.banner_jnu a{padding:40px 10px 0 !important}
	div#main_container section.cnu_service ul.service_banner li.banner_jnu {display:block; background-color:#f7f7f7;}
}

@media all and (max-width:610px){
	div#main_container section.cnu_service ul.service_banner li {width:50%;}
	div#main_container section.cnu_service ul.service_banner li a {background-position: center 25px !important; padding:80px 0 20px 0; text-align:center;}
	
		
	div#main_container section.cnu_service ul.service_banner li:nth-child(1) a,
	div#main_container section.cnu_service ul.service_banner li:nth-child(4) a,
	div#main_container section.cnu_service ul.service_banner li:nth-child(5) a,
	div#main_container section.cnu_service ul.service_banner li:nth-child(8) a{background-color:#f7f7f7;}

	div#main_container section.cnu_service ul.service_banner li:nth-child(2) a,
	div#main_container section.cnu_service ul.service_banner li:nth-child(3) a,
	div#main_container section.cnu_service ul.service_banner li:nth-child(6) a,
	div#main_container section.cnu_service ul.service_banner li:nth-child(7) a{background-color:#fff;}
	div#main_container section.cnu_service ul.service_banner li.banner_jnu {display:none;}
}

@media all and (max-width:480px){
	div#main_container section.cnu_service ul.service_banner li strong { font-size:18px; }
	div#main_container section.cnu_service ul.service_banner li span { font-size:13px;  }
}


/**** CNU NOTICE  ****/
div#main_container section.cnu_notice {}
div#main_container section.cnu_notice div.notice {position:relative; float:left; width:595px; height:320px; background:#fff;}
div#main_container section.cnu_notice div.notice h3 {position:relative; margin:0; padding:0 10px; float:left; font-size:22px; font-weight:normal; }
div#main_container section.cnu_notice div.notice h3:first-child {margin-left:26px;}
div#main_container section.cnu_notice div.notice h3 a:before {transition: all 0.3s ease-in-out 0s; content:''; position:absolute; left:0; top:0; right:0; height:0; background:#fff;}
div#main_container section.cnu_notice div.notice h3 a.on:before {height:4px; background:#ef8200;}
div#main_container section.cnu_notice div.notice h3 a {transition: all 0.3s ease-in-out 0s; position:relative; margin:0; display:block; padding:28px 10px 23px 10px; color:#2b2a2a;}
div#main_container section.cnu_notice div.notice h3 a.on {color:#ef8200;}
div#main_container section.cnu_notice div.notice div.con {position:absolute; left:0; right:0; top:73px; bottom:0; border-top:1px solid #e6e6e6;}
div#main_container section.cnu_notice div.notice div.con span.more a {position:absolute; right:26px; top:-50px; display:inline-block; width:31px; height:31px; text-indent:100%;white-space:nowrap;overflow:hidden; background:url('../images/home/btn_notice_more.png') center center no-repeat #a5a5a5; border-radius:50%; transition: transform 0.4s ease 0s;}
div#main_container section.cnu_notice div.notice div.con span.more a:hover,
div#main_container section.cnu_notice div.notice div.con span.more a:focus {transform: rotate(180deg);}
div#main_container section.cnu_notice div.notice div.con ul {margin:33px 23px 0 25px; padding:0;}
div#main_container section.cnu_notice div.notice div.con ul li {margin:0 0 10px 0; padding:0; list-style-type:none;}
div#main_container section.cnu_notice div.notice div.con ul li a {font-size:16px; color:#000; padding:0 0 0 15px; background:url('../images/home/dot_notice_li.gif') left center no-repeat;}
div#main_container section.cnu_notice div.notice div.con ul li span {float:right;}

div#main_container section.cnu_notice div.popupzone {position:relative; float:right; width:595px; height:320px; background:#fff;}
div#main_container section.cnu_notice div.popupzone h3.title {position:relative; margin:0; padding:26px 25px 26px 25px; font-size:22px; font-weight:normal; color:#2b2a2a; border-bottom:1px solid #e6e6e6;}
div#main_container section.cnu_notice div.popupzone div.frame .slick-slide a img {}
div#main_container section.cnu_notice div.popupzone div.frame button.slick-arrow {position:absolute; left:0; top:0; width:0; height:0; overflow:hidden;}
div#main_container section.cnu_notice div.popupzone div.frame .slick-dots {top:-50px; right:15px; bottom:auto; text-align:right;}
div#main_container section.cnu_notice div.popupzone div.frame .slick-dots li {width:5px; padding:0 5px;}
div#main_container section.cnu_notice div.popupzone div.frame .slick-dots li button:before {content:''; left:5px; width:5px; height:16px; background:#cbcbcb; opacity:1; transition: all 400ms ease-in-out 0s;}
div#main_container section.cnu_notice div.popupzone div.frame .slick-dots li.slick-active button:before {background:#ef8200; height:17px; transform: rotate(30deg);}

@media all and (max-width:1200px){
	div#main_container section.cnu_notice {width:90%; padding:0 5%;}
	div#main_container section.cnu_notice div.notice {width:100%; margin-bottom:15px;}
	div#main_container section.cnu_notice div.popupzone {width:100%; height:auto;}
	div#main_container section.cnu_notice div.popupzone .slick-slide {height:auto;}
	div#main_container section.cnu_notice div.popupzone .slick-dotted.slick-slider {margin-bottom:0;}
	div#main_container section.cnu_notice div.popupzone .slick-slide img {width:100%;}
}

@media all and (max-width:680px){
	div#main_container section.cnu_notice div.notice {}
	div#main_container section.cnu_notice div.notice h3 {font-size:17px; padding:0 5px;}
	div#main_container section.cnu_notice div.notice h3:first-child {margin-left:15px;}
	div#main_container section.cnu_notice div.notice h3 a {padding:18px 5px 14px 5px;}
	div#main_container section.cnu_notice div.notice div.con {top:55px;}
	div#main_container section.cnu_notice div.notice div.con span.more a {top:-40px;}
	div#main_container section.cnu_notice div.notice div.con ul {margin-top:15px;}
	div#main_container section.cnu_notice div.notice div.con ul li {position:relative; padding-right:100px;}
	div#main_container section.cnu_notice div.notice div.con ul li a {display:block; font-size:15px; overflow:hidden;  position:relative;  text-overflow:ellipsis; white-space:nowrap;}
	div#main_container section.cnu_notice div.notice div.con ul li span {position:absolute; right:0; top:0; font-size:14px;}
}

@media all and (max-width:480px){
	div#main_container section.cnu_notice div.notice {height:315px;}
	div#main_container section.cnu_notice div.notice div.con span.more {display:block; margin:5px 5%; border-top:1px solid #e6e6e6; text-align:center;}
	div#main_container section.cnu_notice div.notice div.con span.more a {position:relative; right:auto; top:auto; display:block; color:#797979; padding:10px 0; width:100%;text-indent:0; background:none; border-radius:0;} 
	div#main_container section.cnu_notice div.notice div.con span.more a:hover,
	div#main_container section.cnu_notice div.notice div.con span.more a:focus {transform: rotate(0);}
}

/**** CNU VISION ****/
div#main_container section.cnu_vision {}
div#main_container section.cnu_vision ul.slick-dots {display:none !important;}
/*div#main_container section.cnu_vision div.slick-slider {}*/
div#main_container section.cnu_vision div.vision_wrap div.slick-slider .slick-arrow {width:35px; height:62px;}
div#main_container section.cnu_vision div.vision_wrap div.slick-slider .slick-arrow.slick-prev {background:url('../images/home/btn_slick_prev.png') left top no-repeat; background-size:cover; left:-20px;}
div#main_container section.cnu_vision div.vision_wrap div.slick-slider .slick-arrow.slick-prev:before {content:none;}
div#main_container section.cnu_vision div.vision_wrap div.slick-slider .slick-arrow.slick-next {background:url('../images/home/btn_slick_next.png') right top no-repeat; background-size:cover; right:-20px;}
div#main_container section.cnu_vision div.vision_wrap div.slick-slider .slick-arrow.slick-next:before {content:none;}
div#main_container section.cnu_vision div.vision_wrap div.slick-slider .slick-arrow.slick-disabled {opacity:0.3;}
div#main_container section.cnu_vision div.vision {position:relative; width:1210px; margin:0 0 0 -10px; padding:0;}
div#main_container section.cnu_vision div.vision button.slick-arrow {border:10px solid;}
div#main_container section.cnu_vision div.vision div.slick-list {height:322px;}
div#main_container section.cnu_vision div.vision div.vision_item {position:relative; height:322px; margin-left:10px; overflow:hidden; }
div#main_container section.cnu_vision div.vision div.vision_item_05 {margin-right:0;}
div#main_container section.cnu_vision div.vision div.vision_item > div.photo {width:100%; height:265px; transition: all 400ms ease-in-out 0s;}
div#main_container section.cnu_vision div.vision div.vision_item_01 div.photo {background:url('../images/home/bg_vision_01.jpg') center top no-repeat; background-size:cover;}
div#main_container section.cnu_vision div.vision div.vision_item_02 div.photo {background:url('../images/home/bg_vision_02.jpg') center top no-repeat; background-size:cover;}
div#main_container section.cnu_vision div.vision div.vision_item_03 div.photo {background:url('../images/home/bg_vision_03.jpg') center top no-repeat; background-size:cover;}
div#main_container section.cnu_vision div.vision div.vision_item_04 div.photo {background:url('../images/home/bg_vision_04.jpg') center top no-repeat; background-size:cover;}
div#main_container section.cnu_vision div.vision div.vision_item_05 div.photo {background:url('../images/home/bg_vision_05.jpg') center top no-repeat; background-size:cover;}
div#main_container section.cnu_vision div.vision div.vision_item:hover  > div.photo {transform: scale(1.1);}
div#main_container section.cnu_vision div.vision div div.info_text {position:absolute; left:0; right:0; bottom:0; color:#fff; height:57px; text-align:center; font-size:17px; line-height:57px; background:url('../images/home/dot_vision.png') left top no-repeat;}
div#main_container section.cnu_vision div.vision div.vision_item_01 div.info_text {background-color:#cc5d16;}
div#main_container section.cnu_vision div.vision div.vision_item_02 div.info_text {background-color:#00609c;}
div#main_container section.cnu_vision div.vision div.vision_item_03 div.info_text {background-color:#615182;}
div#main_container section.cnu_vision div.vision div.vision_item_04 div.info_text {background-color:#007325;}
div#main_container section.cnu_vision div.vision div.vision_item_05 div.info_text {background-color:#704e4c;}

@media all and (max-width:1200px){
	div#main_container section.cnu_vision div.vision {width:90%; padding:0 6% 0 4%; margin:0 auto;}
	div#main_container section.cnu_vision div.vision div.vision_item > div.photo img {width:100%;}
	div#main_container section.cnu_vision div.vision div.vision_item_05 {}
	div#main_container section.cnu_vision div.vision button.slick-arrow {position:absolute; border:0; right:0;}
} 
@media all and (max-width:1000px){
	div#main_container section.cnu_vision div.vision {}
} 
@media all and (max-width:800px){

} 
@media all and (max-width:480px){
	div#main_container section.cnu_vision div.vision {width:84%; padding:0 9% 0 6%;}
	div#main_container section.cnu_vision div.vision div.vision_item {}
} 

/**** CNU TODAY ****/
div#main_container section.cnu_today {}
div#main_container section.cnu_today ul.slick-dots {display:none !important;}
div#main_container section.cnu_today div.news_wrap .slick-arrow {width:35px; height:62px;}
div#main_container section.cnu_today div.news_wrap .slick-arrow.slick-prev {background:url('../images/home/btn_slick_prev.png') left top no-repeat; background-size:cover;  left:-20px;}
div#main_container section.cnu_today div.news_wrap .slick-arrow.slick-prev:before {content:none;}
div#main_container section.cnu_today div.news_wrap .slick-arrow.slick-next {background:url('../images/home/btn_slick_next.png') right top no-repeat; background-size:cover; right:-20px;}
div#main_container section.cnu_today div.news_wrap .slick-arrow.slick-next:before {content:none;}
div#main_container section.cnu_today div.news_wrap .slick-arrow.slick-disabled {opacity:0.3;}
div#main_container section.cnu_today div.news_wrap { width:1210px; margin:0 0 0 -10px; padding:0; position:relative;}
div#main_container section.cnu_today div.inner_wrap a.btn_more {position:absolute; right:0; top:130px; display:block; width:31px; height:31px; background:url('../images/home/btn_news_more.png') center center no-repeat; border:1px solid #cccdd1;}
div#main_container section.cnu_today div.news_wrap div.news_item {position:relative; float:left; width:290px; min-height:405px; margin:0 0 0 10px; padding:0; list-style-type:none; background:#fff; overflow:hidden; }
div#main_container section.cnu_today div.news_wrap div.news_item:last-child {margin-right:0;}
/* div#main_container section.cnu_today div.news_wrap div.news_item:after {content:''; position:absolute; left:50%; top:100px; width:34px; height:34px; margin-left:-17px; background:url('../images/home/btn_news_plus.gif') center center no-repeat; opacity:0;  transition: all 400ms ease-in-out 0s;} */
div#main_container section.cnu_today div.news_wrap div.news_item:after {content:''; position:absolute; left:50%; top:100px; width:34px; height:34px; margin-left:-17px; opacity:0;  transition: all 400ms ease-in-out 0s;}
div#main_container section.cnu_today div.news_wrap div.news_item:hover:after {opacity:1;}
div#main_container section.cnu_today div.news_wrap div.news_item div.photo {width:100%; height:220px; transition: all 200ms ease-in-out 0s;}
div#main_container section.cnu_today div.news_wrap div.news_item:hover div.photo {transform: scale(1.1); opacity:0.75;}
div#main_container section.cnu_today div.news_wrap div.news_item div.info_txt {height:160px; padding:20px;  transition: all 200ms ease-in-out 0s; background:#fff; position:relative; z-index:100;}
div#main_container section.cnu_today div.news_wrap div.news_item:hover div.info_txt {}
div#main_container section.cnu_today div.news_wrap div.news_item div.info_txt strong {float:left;width:100%;font-size:17px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap}
div#main_container section.cnu_today div.news_wrap div.news_item div.info_txt p {clear:both;font-size:14px;}
div#main_container section.cnu_today div.news_wrap div.news_item:last-child {margin-right:0;}
@media all and (max-width:1200px){
	div#main_container section.cnu_today div.inner_wrap a.btn_more {right:5%;}
	div#main_container section.cnu_today div.news_wrap {width:90%; padding:0 5%; margin:0 auto;}
}
@media all and (max-width:480px){
	div#main_container section.cnu_today div.news_wrap {width:84%; padding:0 9% 0 6%;}
	div#main_container section.cnu_today div.news_wrap div.vision_item {}
} 

/**** CNU academic ****/
div#main_container section.academic {overflow:hidden;}
div#main_container section.academic > div > div{width:48%; height:376px; position:relative; float:left; display:block; margin:110px 0.5% 0; padding:0 17px 0 21px; box-sizing:border-box;}
div#main_container section.academic div ul{display:inline-block; float:left; width:50%; padding-left:0px; margin:0;}
div#main_container section.academic div ul li{list-style:none; margin:0; padding:0;}

div#main_container section.academic div.click_wrap {height:300px;}

div#main_container section.academic .colleges:after {content:''; position:absolute; right:43px; top:27px; width:30px; height:30px; background:url('../images/en/home/pattern_info_01_01.png') left center no-repeat; transition: all 400ms ease-in-out 0s;}
div#main_container section.academic .colleges:hover:after {transform: rotate(180deg);} 
div#main_container section.academic .colleges:before {content:''; position:absolute; right:24px; top:59px; width:19px; height:19px; background:url('../images/en/home/pattern_info_01_02.png') left center no-repeat; transition: all 400ms ease-in-out 0s;}
div#main_container section.academic .colleges:hover:before {transform: rotate(180deg);} 
div#main_container section.academic .colleges h2{ font-size:37px; color:#fff; font-family:'Noto Sans', sans-serif; font-weight:normal; letter-spacing:-2px;}
div#main_container section.academic .colleges ul li a{color:#ededed; font-size:14px; padding:4px 0; overflow:hidden; display:block; width:100%; word-break:break-word;}
div#main_container section.academic .colleges ul li a:hover{text-decoration:underline;}

div#main_container section.academic .graduate h2{ font-size:37px; color:#fff; font-family:'Noto Sans', sans-serif; font-weight:normal; letter-spacing:-2px;}
div#main_container section.academic .graduate:after {content:''; position:absolute; right:29px; top:22px; width:52px; height:50px; background:url('../images/en/home/pattern_info_02_01.png') left center no-repeat; transition: all 400ms ease-in-out 0s;}
div#main_container section.academic .graduate:hover:after {transform: skew(23deg,17deg);} 
div#main_container section.academic .graduate ul.graduate_left{margin-top:28px; width:40%;}
div#main_container section.academic .graduate ul.graduate_right{margin-top:28px; width:60%;}
div#main_container section.academic .graduate ul li a{color:#ededed; font-size:14px; padding:6px 0; overflow:hidden; display:block; width:100%; word-break:keep-all; }
div#main_container section.academic .graduate ul li a:hover{text-decoration:underline;}

@media all and (max-width:1200px){
	div#main_container section.academic {width:90%; padding:0 5%;}
	div#main_container section.cnu_vision div.vision div.vision_item_01 div.info_text{padding:9px 10px 0 25px}
	div#main_container section.cnu_vision div.vision div.vision_item_02 div.info_text{padding:9px 10px 0 25px}
	div#main_container section.cnu_vision div.vision div.vision_item_03 div.info_text{padding:9px 10px 0 25px}
	div#main_container section.cnu_vision div.vision div.vision_item_04 div.info_text{padding:9px 10px 0 25px}
	div#main_container section.academic .colleges h2, 
	div#main_container section.academic .graduate h2 {font-size:33px;}
	div#main_container section.academic .colleges ul li a, 
	div#main_container section.academic .graduate ul li a{font-size:15px; letter-spacing:-0.5px;}
}

@media all and (max-width:760px){
	div#main_container section.academic div.click_wrap div.info_ban > a > strong {padding-top:40px; font-size:26px;}
	div#main_container section.academic div.click_wrap div.info_ban > a > p {font-size:15px;}
	div#main_container section.academic div.click_wrap div.info_ban > a > p > span {display:block;}
	div#main_container section.academic > div > div{width:100%; margin:20px 0.5% 0;}
}

@media all and (max-width:680px){
	div#main_container section.academic div.click_wrap div.info_ban > a {float:none; width:100%; margin-right:0;}
	div#main_container section.academic div.click_wrap div.info_ban > a.info_ban_01 {margin-bottom:10px;}
	div#main_container section.academic div.click_wrap div.info_ban > a.info_ban_02 {margin-bottom:0;}
	div#main_container section.academic div.click_wrap div.info_ban > a > strong {font-size:28px; padding-top:50px;}
	div#main_container section.academic div.click_wrap div.info_ban > a > p {font-size:17px;}
	div#main_container section.academic div.click_wrap div.info_ban > a > p > span {display:inline;}
	div#main_container section.academic div.click_wrap div.schedule strong.title { padding-left:7%; padding-top:10%;}
	div#main_container section.academic div.click_wrap div.schedule div.calendar {left:7%;}
	div#main_container section.academic div.click_wrap div.schedule ul {margin:7%; width:86%;}
	div#main_container section.academic div.click_wrap div.schedule ul li a {float:none; display:block;}
	div#main_container section.academic div.click_wrap div.schedule ul li span {float:none; display:block; text-align:right;}
	div#main_container section.academic div.click_wrap div.application strong.title {font-size:20px;}
}

@media all and (max-width:480px){
	div#main_container section.academic div.click_wrap div.info_ban > a > strong {padding-top:40px; font-size:26px;}
	div#main_container section.academic div.click_wrap div.info_ban > a > p {font-size:15px;}
	div#main_container section.academic div.click_wrap div.info_ban > a > p > span {display:block;}
	div#main_container section.academic div.click_wrap div.schedule ul li.point span {padding-left:0;}
	div#main_container section.academic div.click_wrap div.schedule ul li span {text-align:left; padding-left:15px;}
	div#main_container section.academic div.click_wrap div.application ul li {width:50%;}
	div#main_container section.academic div.click_wrap div.application ul li:nth-child(1) a {border-right:none; border-bottom:none;}
	div#main_container section.academic div.click_wrap div.application ul li:nth-child(2) a {border-bottom:none; border-right:1px solid #2b9a5d;}
	div#main_container section.academic div.click_wrap div.application ul li:nth-child(3) a {border-right:none;}

	div#main_container section.academic .colleges h2, div#main_container section.academic .graduate h2{font-size:27px; letter-spacing:-1px;}
	div#main_container section.academic > div > div{height:auto;}
	div#main_container section.academic div ul{width:100%;}
	div#main_container section.academic .graduate ul.graduate_left{width:100%; margin-top:0px;}
	div#main_container section.academic .graduate ul.graduate_right{width:100%; margin-top:0px;}
	div#main_container section.academic .graduate ul li a{padding:2px 0;}
	div#main_container section.academic .colleges ul li a, div#main_container section.academic .graduate ul li a{letter-spacing:0;}

}