@charset ="utf-8 ";

@media screen and (max-width: 2500px) and (min-width: 1920px) {  
	.banners { width: 1920px; margin: 0 auto; }
}
@media screen and (max-width: 1919px) and (min-width: 1px) { 
	.banners { height: auto; }
	.banners  ul li  { width: 19.2%; margin-left: 1%; }
	.banners  ul li .life_txt  p.contxt { font-size: 0.8em; }
}
@media screen and (max-width: 1600px) and (min-width: 1px) {
/* 	#foot_bannerzone { right: 0; } */
}
@media screen and (max-width: 1440px) and (min-width: 1px) {
	.banners  ul li .life_txt { padding: 12px; }
}
@media screen and (max-width: 1280px) and (min-width: 1px) {}

@media screen and (max-width: 1200px) and (min-width: 1px) { 
	img {max-width:100%;}
	.main_section {width:auto;margin-top: -10px;}
	.notiarea { width: 96%;margin:2%;margin-top:0;}
	.shortcut  ul { width: 100%; }
	.promotion_wrap  .promotion { width: 100%; }
	.footer_in { width: 100%; }
	.quickmenu {display:none;}

	.program .program_img  img{  display: none }

	.notiarea > div { transition: all .3s ease; }
	.notiarea .program.program--first  { top: 0; left: 51%; background-image: url("../images/mainBanner01.png"); background-repeat: no-repeat; background-size: cover; background-position: center; }
	.notiarea .program { top: 3px; left: 51%; width: 49%;  height: 48%;   position: relative; background-image: url("../images/mainBanner02.png"); background-repeat: no-repeat; background-size: cover; background-position: center;  }
	.program h4.sec_title {  position: absolute; display: block; text-align: center; width: 100%; top: 10px; color: #fff; }
	.program .program_txt { position: absolute; bottom: 0; width: 100%; background-color: rgba(91, 149, 66, 0.5 ); height: auto; }

	.notiarea .notice_wrap { width: 49% ; height: 100%; }
	.notice_wrap  .notice { height: 100%; }
	.program_txt  .mgn_t15 {  margin-top: 0; }

	.shortcut { height: auto;  padding: 40px 10px; background-size: auto 100%;}
	.shortcut  ul li { width: 33.33%; margin-left: 0; }  
	.shortcut ul li img { width: 100%; }
	.shortcut__ul__li__img-p {margin:0 auto;}

	.events { margin: 40px auto}
	.events, .events_wrap { width: 100%; }
	#bannerzone  .listwrap { width: 100% !important; }
	.events_wrap li { width: 19.2%; margin-left: 1%; }
	#bannerzone  .b_prev , 
	#bannerzone  .b_next{ display: none; }
	.events_wrap li .evt_titlewrap  p { text-align: center; }
	.events_wrap li .evt_cntwrap p { font-size: 0.9em }
	.events_wrap li .evt_titlewrap  .dow { width: 40%; padding: 0 ; }
	.events_wrap li .evt_titlewrap  .day { width: 55%; padding-left: 0; }

	.promotion_wrap  .promotion .pr_video { width: 65%; }
	.promotion_wrap  .promotion .pr_video  video { width: 100%;  height: auto; }
	.promotion_wrap  .promotion .pr_lyric { width: 30%; margin-left: 5% }

	.banners  ul li .life_txt  h5 { font-size: 0.8em; }

	.footer_logo { width: 27%; }
	.policyarea { width: 69%; margin-left: 0; box-sizing: border-box; }
	#foot_bannerzone { top: 10px; right: 20px; }
	#foot_bannerzone  h4 { display: none; }
	.foot_banner_list { margin-top: 0; }
	#foot_bannerzone  .b_next , 
	#foot_bannerzone  .b_prev { top: 17px }

	.footer { min-height: auto; }
	.footer_logo { padding-bottom: 0;  height: 130px;padding-top:15px; }  
		.footer_logo  .address { display: none; }
	.contacts {  padding-top: 10px; font-size:15px;padding-left:10px;}
	.policyarea  .policy_list { padding: 15px 0; }



	.sub_container { width: 100%; }
	.submenu { width: 22%; }
	.rightCont { margin-left: 4%; width: 65%; margin-right: 0 ; }

	
}
@media screen and (max-width: 1366px) and (min-width: 1px) {
	.edu_special .title  { background-size:100%; width:100%; height:auto; }
}
@media screen and (max-width: 1024px) and (min-width: 1px) {
	.banners  ul li .life_txt { height: 125px}
}
@media screen and (max-width: 1000px) and (min-width: 1px) { 
	.sub_container { margin-top: 0;   }
	.submenu { width: 100%; float: none; }
	.rightCont { width: 100%; float: none;  margin-left: 0;  }
	.rightCont .contents_area { padding: 0 1%; box-sizing: border-box; padding-top:30px;}	
	.title_wrap h3 {font-size:2.8rem;padding-top:20px;margin-left:0;padding-bottom:10px;}
	/* .title_wrap .pageHIstory {padding-left:20px;} */
	
	.quickmenu { top: 100%; width: 100%; }
	.quickmenu ul li { float: left; width: 23%;  padding: 5px 0;  box-sizing: border-box; }
	.quickmenu ul li.quick_top { width: 8%; height: 66px; padding:  0;  line-height: 66px;  font-size: 1em}

	.submenu .sub_tit { height: auto;  padding: 10px 0;border-radius: 0;background-image: none !important; background-color: #2fc073;}
	.submenu .sub_tit h2 { padding-top: 0; font-size:17px;}

	#foot_bannerzone { display: none; }

}
@media screen and (max-width: 970px) and (min-width: 1px) { }
@media screen and (max-width: 850px) and (min-width: 1px) { 
	.sh_symbol .song_wrap  img { width:100%; }
	.eduGoal img.edu_idx  { width:100%; }
	.vision_box  .cnt  span { width:auto; }

	.root_daum_roughmap .wrap_map { height:490px; }
}
@media screen and (max-width: 800px) and (min-width: 1px) {
	.symbol_wrap .symbol_img { margin-right:5%;}
	.symbol_wrap .symbol_text { width:50% }

	.major_wrap .major_img { display:none; }
	.major_wrap dl , .bus_wrap dl{ width:100%; margin-left:0; }	
	.bus_wrap .bus_img { display:none; }
	.bus_wrap dl { width:100%; }
	.devFund .fund_use .use_wrap p.img { display:none; } 
	.devFund .fund_use .use_wrap dl { width: 98%; margin: 0 auto; float: none; }
	.devFund .fund_top { background:none; }
	.devFund .fund_top .fund_text { width:98%; }
}
@media screen and (max-width: 780px) and (min-width: 769px) { 
	.arts_wrap  .art_img { width: 220px; }
	.arts_wrap  .art_img  img { width: 100%; }
} 
@media screen and (max-width: 768px) and (min-width: 1px) {
	.header , 
	.ie8 .header , 
	.lte-ie7 .header , 
	.ie9 .header  { }

	.title_wrap .pageHIstory {
        padding-top: 38px;
        float: right;
        color: #676767;
        font-family: 'nanum gothic';
        padding-top: 22px;
        padding-right: 22px;
    }

	.logo { display: none }
	.m_lnb.selected  {   display: block; position: absolute; top: 0; left: 0; width: 100%; z-index: 1500; } 
	.m_nav-menu { margin-top: 40px;  background-color: #fff; }
	#lnb { display: none}
	.m_open , 
	.m_close  { display: block;  position: absolute; top: 50px; right: 10px; } 
	.m_close  { display: none; }
	.m_lnb.selected  .m_close  { display: block; position: absolute; top: 50px; right: 10px; z-index: 10; }
	.m_nav-menu { margin-top: 90px;  position: relative; }
	.m_lnb li.m_nav-item  { overflow: hidden;   }
	.m_lnb li.m_nav-item:first-child { border-top: 1px solid #ddd; } 
	.m_lnb li.m_nav-item span  { display: block; border-bottom: 1px solid #e5e5e5; float: left; width: 40%; }
	.m_lnb li.m_nav-item span.selected { background-color: #0761ab; }
	.m_lnb li.m_nav-item span.selected  a { color: #fff; }
	.m_lnb li.m_nav-item span  a {     padding: 13px 10px; display: block; }
	
	.m_lnb  .m_sub-nav { width: 60%; display: none;  position: absolute; top: 0; right:0; }
	.m_lnb  .m_sub-nav.selected  {  display : block;  height: 100%; background-color:#f7f7f7; border-top: 1px solid #e5e5e5 }
	.m_lnb  .m_sub-nav  li { padding: 10px ; box-sizing: border-box; }
	h2.m_sch_title {  position: absolute; top: 56px; font-size: 1.4em; left: 10px; }

	.layer_bg { width: auto; }
	.layer_bg  .layer_text1 { padding-top: 40px; }
	.layer_bg  .layer_text1  span { font-size: 25px; }
	.layer_bg  .layer_text1  em { font-size: 30px; }
	.layer_bg  .layer_text2 { padding-top: 20px;  font-size: 20px; }
	.layer_bg  .layer_button { padding-top: 40px; }
	.layer_bg  .layer_button a { border: 1px solid #fff;     font-size: 15px;  line-height: 30px; }

	.promotion_wrap { height: auto; padding: 0 ; }
	.promotion_wrap  .promotion .pr_video { width: 100%; float: none; height: auto; }
	.promotion_wrap  .promotion .pr_lyric  {  display: none; }

	.banners { padding: 40px 0; }
	.banners  ul li .life_txt  p.contxt { display: none; }
	.banners  ul li .life_txt  h5 { margin-bottom: 0; }
	.banners  ul li .life_txt { height: auto; border: none;  padding: 10px 5px 0 5px; }

	.gnb ul li.fontsize  {  display: none; } 

	.title_wrap  h3 { padding-top: 10px;font-size:2.8rem;padding-left: 20px; }
	.rightCont .title_wrap { height: auto; background-size:auto 70%; background-image:none;}
	.title_wrap  .pageHIstory { padding-bottom:5px;}

	.apply_new .title_area { height:auto; background-image:none}
	.apply_new .title_area h3 { width:100%; float:none; padding:0; text-align:center; }
	.apply_new .title_area .r_btn { float:none}
	.apply_new .title_area .r_btn  li { float:left; width:45%; }

	.ent_faq .faq_text { font-size:1.5em; line-height:1.7;}

	.arts_wrap  .art_img { text-align: center; }
	.arts_wrap  .art_img, 
	.arts_wrap  .art_text { width: 100%; float: none; margin-top: 10px; margin-left: 0;  }

	#foot_bannerzone { display:none }

	/* .sub_container {padding-top:51px;} */

	.rightCont .contents_area {border-top:0px; margin-top:10px;padding-top:0;}
}
@media screen and (max-width: 630px) and (min-width: 1px) { 
	.greeting_top { display:none; }
	.schoolHistory  .year_wrap .year { float:none;  width:120px; }
	.schoolHistory  .year_wrap ul { width:100%; }
	.schoolHistory  .year_wrap ul li .history_ymd { width:25%; }
	.schoolHistory  .year_wrap ul li .history_cnt { width:75%; }

	.root_daum_roughmap .wrap_map { height:400px; }

	.apply_new .title_area .r_btn  li { background-image:none; text-align:center; padding-left:0; width:49.5%; background:#005aab;  margin-left:2px; }
	.apply_new .title_area .r_btn  li a { color:#fff; }

	.process_box { background-image:none;  width:100%;  margin-left:0 !important; }
	.process_box div { width:49%; }
	.process_box .process_right { float:left; }

	.shortcut__ul__li__img-p {width:90%;height:auto;}
	.shortcut .shortcut_name {font-size:14px;}
}
@media screen and (max-width: 600px) and (min-width: 1px) {
	.program .program_img {  display: none; }

	.notiarea { margin: 0  auto; height: 510px; }
	.notiarea .program { width: 100%;  height: 140px;  margin-top: 10px; position:relative;left:0;top:0;}
	.notiarea .program.program--first{position:relative;left:0;top:0;}
	.program .program_txt {}
	.program h4.sec_title { background-color: rgba(0,0,0,0.6);  top: 0; height: 100%; line-height: 6; }
	.notice_wrap .notice {padding:20px;}
	.notice_wrap .notice h4 { font-size: 1.5em; margin-bottom: 15px; }
	.notiarea .notice_wrap { position: relative; width: 100%;  height: 200px; }
	.notice_cont  ul li {  overflow: hidden; }
	.notice_cont  ul li .date { float: left; width: 20%; }
	.notice_cont  ul li .cnt { margin-top: 0; float: left;  width: 80%; }

	.events_wrap, 
	#bannerzone  .listwrap, 
	.events_wrap li{ height: 155px; }
	.events_wrap li .evt_titlewrap  .dow , 
	.events_wrap li .evt_titlewrap  .day { width: 100%;  }
	.events_wrap li .evt_titlewrap  p { line-height: 27px; }
	.events_wrap li .evt_cntwrap { padding: 10px;  height: 100px; }
	.evt_more { margin-top: 15px; }

	.bxslider li { height: 350px;  background-size: cover; }
	.bx-viewport { height: 350px !important;  }

	.footer_logo { display: none; } 
	.policyarea { margin-left: 0;  width: 100%; padding-left: 0;margin-bottom:20px;}
	.footer_in { padding: 0 1%; box-sizing: border-box; }

	.m_gallery.m_tab .tab_cont ul li { margin-left:4%;}
	.symbol_wrap .symbol_text { width:45%; float:left; }
	.song_wrap .song_btn { display:none; }

	.ent_faq { background-image:none;  height:auto; }
	.ent_faq .faq_text { padding:0; }
	.ent_faq .faq_btn { bottom:-80px; left:25%; }

	.boardRead .infoArea dl.infoNext dt { width:10%; padding:0; margin-right:0;  background:none; }
	.boardRead .infoArea dl.infoNext dd { width: 37%; margin-left: 0; padding-left: 2%;}

	.sh_symbol .motto .m_line_03 { line-height: 1.3; }
}
@media screen and (max-width: 530px) and (min-width: 1px) {  
	.symbol_wrap .symbol_text { width:100%; float:none; }
	.symbol_wrap .symbol_img { display:none; }
	.edu_point  .box { float:none; width:100%; height:345px;  margin-left:0;  margin-top:5px; }
	.apply_new .title_area .r_btn  li {  width:100%; float:none;   margin-top:2px;}
	.apply_new .title_area .r_btn  li:first-child { margin-top:10px;}

	.edu_special .title  { background-image: none; border: 1px solid #afc5d9; line-height: 35px; background-color: #e6f0fa;}

	.gnb .lang { float: left; padding-right: 0; margin-right: 0; margin-left: 10px; }
	.gnb .lang li { padding-left: 10px; background-image: none ; padding-left: 5px; margin-left: 5px; }
	.gnb .lang li > a { font-size: 0; text-indent: -9999px; width: 24px; height: 15px; padding-left: 0; }
	.gnb ul li { margin-left: 5px; padding-left: 7px; }
}
@media screen and (max-width: 440px) and (min-width: 1px) { 
	.schoolHistory  .year_wrap ul li .history_ymd { width:30%; }
	.schoolHistory  .year_wrap ul li .history_cnt { width:70%; }
	.sh_symbol .song_wrap  img { margin-top:20px; }

	.eduGoal img.edu_idx { display:none;}
	.mob_text_m { display:block;  }
	
	.vision_box   { border:0;}
	.vision_box  .title { font-size: 1.3em; float:none; display:table-cell; background-image:none; color:#005aab;  margin-right:15px; width:25%;  padding-right:0; }
	.vision_box  .title2 {font-size: 1.3em;  float:none; display:table-cell; background-image:none; color:#009ba9;  margin-right:15px;  width:25%; padding-right:0; }
	.vision_box  .cnt  { padding:10px; }

	.root_daum_roughmap .wrap_map { height:300px !important; } 

	.ent_faq .faq_btn {  	width: 99%; 	margin: 20px auto; 	font-size: 1.6em; 	position: static; 	background-image: none; 	color: #fff; 	background-color: #005aab; }

	.tb_type01 table thead th { padding:2px; } 
	.tb_type01 table tbody td { padding:2px; }
}
@media screen and (max-width: 414px) and (min-width: 1px) {
	
	.bxslider li { height: 300px;}
	.bx-viewport   { height: 300px !important; }

	.notice_cont  ul li .date { width: 30%; }
	.notice_cont  ul li .cnt { width: 70%; }
	.banners  ul li { width: 100%; float: none; margin-left: 0; height: 120px; overflow: hidden; position: relative;  margin-top: 2px; }
	.banners  ul li .life_txt { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; padding: 0;  text-align: center; }
	.banners  ul li:hover .life_txt { background-color: rgba(0,0,0,0.6); color:#fff; }
	.banners  ul li .life_txt  h5 { margin-top: 60px; text-align: center; display: inline-block;  }
	.banners  ul li:hover .life_txt  h5 { border-bottom: 1px solid #fff; }

	.policyarea  .policy_list { padding:  0;padding-top:10px;}
	.policyarea  .policy_list  li { background-image: none; width: 50%; padding: 0 0 10px 0;  margin: 0; font-size:14px; text-align: center; }
	.policyarea  .policy_list  li a { font-size: 14px}
}
@media screen and (max-width: 400px) and (min-width: 1px) {
	.layer_bg  .layer_button { padding-top: 20px; }
}
@media screen and (max-width: 384px) and (min-width: 1px) {}
@media screen and (max-width: 375px) and (min-width: 1px) {}
@media screen and (max-width: 360px) and (min-width: 1px) {
	.m_tab .tab_cont.m_gall ul li { padding-left:0; width:30%;}
	.m_tab .tab_cont ul li a span.noti_text { max-width:70%;}
	.tab_cont.m_gall ul li a img { width:100% !importnat; }
}
@media scree	n and (max-width: 320px) and (min-width: 1px) {
	.m_tab .tab_cont ul li a { width:62%;}	
}

.bxslider li  {  transition: height .3s ease; }
.banners ul li, 
.banners  ul li .life_txt , 
.events_wrap li .evt_titlewrap  p { transition: all .3s ease; }