@charset "euc-kr";

/* =====================
		mobile 
========================*/

	.mobile_top_nav{display:none;}
	#gnb_nav_mobile{height:auto;display:none;}
	.mobile_sub_menu{display:none;}
	.mobile_busi_btn{display:none;}
	.foot_mobile{display:none;}

	.msl_open{display:none;}

	/*¸ÞÀν½¶óÀ̵å Á¢±â*/
	.msl_open{position:absolute;bottom:10px;right:43%;z-index:9999;}

/*ÆîÄ¡°í ´Ý±â*/
	.msl_open a{font-size:0;text-indent:-91000px;width:86px;height:27px;background-image:url("../images/site/msl_btn_1.png");background-position:0 0;background-repeat:no-repeat;background-size:100% auto;}
	.msl_open a.selected{background-image:url("../images/site/msl_btn_2.png");}
	#mainslide.selected{height:auto;}
/**/
	.resol{background-color:#fff;padding:10px;font-weight:bold;color:#000;border:3px solid red;position:fixed;bottom:0;right:0;z-index:9999;}
	.resol span{display:none;}
		.resol span.item1{display:block;}


/* °øÅë */
@media screen and (min-width:1px) and (max-width:1200px) {

	img {max-width:100%;}
	.main_section {background-image:none;}
	.cont-in {width:auto;}

	.main_print_link{background-size:100% auto}

	.main_heaerwrap {position:relative}
	.top_item1 li a{color:#333}
	.cycle-slide img{max-width:100%;}
	[class*="header__wrap"] {width:100%;}
	.slide-item__pos {height:auto;width:100%;}
	.slide-item__pos img {position:relative;left:0;top:0;margin-left:0; width: 100%; }

	.sub-bg-top{display:none;}

	.visua_wrap{display:none;}
	#sidebar{z-index:1}
	.main_wrap2{width:auto}
	.gnb_wrap_in{width:auto;margin-left:0;}
	header{width:100%}
	.header_in{width:100%}
	#gnb{background-image:none;}
	.top-nav__box {width:100%}

	.header__wrap__h1 {width:100% }
	.gnb-ul {width:100%}
	.gnb-menu > a {background-image:none;white-space:nowrap;}

	/*ºü¸¥¸Þ´º*/
	.hk-menu-box-outwrap {width:100%;height:auto;}
	
	.sub-page-container__wrap.hide {margin-top:0px;padding-top:0px}
	#quick_wrap {display:none;}
	


	/*´Þ·ÂºÎºÐ*/
	.sch_nav{background-color:#fff;height:auto;}
	.sch_nav .year_sel{float:none;}
	.sch_nav .cal_month_ul{float:none;background-color:#212121;height:35px;}
	.sch_nav li{width:8%}
	.sub_cal .td_in_detail.ver2{width:320px;left:50%;margin-left:-160px;}
	.sub_cal .cal_tb td .td_in .yeyak_item{height:auto;min-height:60px;}
	.sub_cal .td_in_box{height:auto;min-height:75px;}
	.sub_cal .cal_tb td .td_in{height:auto;min-height:100px;}

	/*ȸ¿ø¸Þ´ºµé*/
	.loginbox{margin-right:10%}
	.login_wrap2 div div{text-align:center;}
	
	/*»çÀÌÆ®¸Ê*/
	.sitemap h4{float:none;width:100%;}
	.sitemap ul.float_wrap{width:100%;float:none;}
	
	.visual_wrap{display:none;}
	#sidebar{margin-top:0px;}
	#gnb{padding-left:0px;}
	
	.top_wrap{width:100%;}
	.top_nav{}

	.main_wrap{height:auto;}
	.gnb_wrap_in_t{width:100%;}

	
	#gnb{width:100%;}
	#gnb .t_item a{width:150px;}
	.m_t_wrap{width:150px;}

	.wrap{width:100%}
	.main_wrap{background-image:none;}
	
	.main_center{width:100%;float:none;}
	

	/*main slide*/
	#main_slide{height:auto;overflow:hidden;}
	.js_c_item img{width:100%;}
	.js_c_item{width:100%;}
	#main_slide .slide_nav_wrap{right:25px}

	/*footer*/
	
	.select_bottom{position:relative;right:0;top:0;}
	.select_bottom p{float:left;}
	.footer_in_wrap { width: auto; padding: 0 1%; }


	/*---------
		¸ÞÀÎ
	---------*/
	.main-contents {width:auto;padding:0px;}
	.main-contents__lay {padding:0px;}
	/**/
	.banner_zone_outwrap {margin-bottom:0px}
	.banner_zone_wrap {width:auto;margin:0 auto; } 
	.footer-top {width:100%;}
	.footer-top__box {width:100%;}

	/*Æ÷Åä°¶·¯¸®*/


	/*subpage
	========================*/
	.sub-page-container { margin-top: 0 }
	.sub-page-container__wrap {width:100%; position:relative;background-image:none;}
	.sub_wrap{width:100%; position:relative;}
	.sub-contents{float:none;width:98%;padding:1%;padding-top:10px;margin:0;}
	.contents{float:none;width:98%;padding:1%;padding-top:40px;}
	.sub-contents__top {height:auto;margin-bottom:20px;}
	.sub-contents__top h2.sub-tit {padding-top:0;}
	.location-box__cont {position:relative;top:0;}

	.cont_in{width:100%;}
	.cont_in img{max-width:100%;height:auto;}
	.cont_in .bbs_cont img{max-width:100%;height:auto;}
	.bbs_view_wrap tbody td .bbs_cont table td{width:auto !important;}
	.bbs_view_wrap .bbs_cont table td{width:auto !important;}
	.bbs_view_wrap .bbs_cont div{width:auto !important;max-width:100%;}
	.bbs_view_wrap table{width:100% !important;}

	
	.box_type1{background-image:none;border:3px solid #e5e5e5;}
	.box_type1_in{background-image:none;}

	.mobile_none{display:none;}

	.sbj_line{background-image:none;min-height:60px;margin-bottom:10px;height:auto;}
	.sbj_line .location{position:relative;top:0;padding-top:5px;padding-bottom:5px;font-size:11px;border-bottom:1px dotted #eee;right:0;}
	.sbj_line h2{font-size:19px;padding-left:5px;padding-top:5px;height:auto;display:block;padding-bottom:10px;border-bottom:none;}
	.func_box{top:0;}
	
	.sidebar {padding-bottom:10px;}
	#sidebar{float:none;width:100%;}
	.side_in_wrap{display:none;border-bottom:2px solid #28639a;opacity:0;}
    #sidebar h2{
		text-align:left;background-image:none;background-color:#28639a;padding-left:10px;font-size:1.5rem;height:30px;
		padding-top:5px;line-height:1.6
		}
	.sidebar__h2{padding-bottom:0px;}
	.side-list__li > span > a {height:30px;line-height:30px;}
	.side-list__li.open-type > span > a {background-position:96% 12px}
	.side-list__li.open-type.on > span > a {background-position:96% 6px}
	.sp-open-type {background-position:97% 12px}
	.sp-open-type.on {background-position:97% 15px}

}

/* ¸ð¹ÙÀÏ Å«¸Þ´º */
@media screen and (min-width:1001px) and (max-width:1200px) {

	/* main layout */
	
	.wrap{padding-bottom:5px;padding-top:0px;}


	.main_slide-top__in #main_slide {float:none;}
	.main_slide-top {display:table;width:100%;background-image:none;} 
	.main_slide-top__in {width:100%;display:table-cell;vertical-align:middle;}
	.main_slide-top__in #main_slide {width:100%;}
	.slide-item {width:100%;}
	#main_slide .cycle-slideshow p.item1 {text-align:right;}
	.slide-item__in .item2 {background-color:#1a3a5c}


	/* Main layout  */
	.main-01 {  width: 100%; }
	.main-02 { width: 49%; }
	.main-03 { width: 49%; margin-left: 2%; }
	.main-04 {  width: 39%; margin-left: 0; margin-top: 20px; }
	.main-05 { position: static; float: left; margin-left: 2%; width: 30%; margin-top: 20px; }
	.main-06 { position: static; float: left; margin-left: 2%; width: 27%; margin-top: 20px; }

	.main-07 { width: 39%;  height: auto; }
	.main-08 { width: 30%; margin-left: 2%; } 
	.main-09 { width: 27%; margin-left: 2%; }
	

	.bs_t_box2 li { width: 49%; margin-left: 2%; }

	.calender_wrap table td { padding: 5px 0 4px 0 }
	.calender_wrap .objContent { padding: 31px 30px 26px 30px}
	.today_lunch .objContent { background-color: #fff; height: 218px; }
	.today_lunch .list { height: 160px; }

	.visitor { width: auto }
	.visitor dl { width: auto; float: none; display: block;  overflow: hidden; margin-bottom: 1px; }
	.visitor dl dt { width: 40%; }
	.visitor dl dd { width: 59%}
	.visitor dl.visitor_today  dd { border-right: 1px solid #bfbfbf; }

	.quick_menu_wrap  li, 
	.quick_menu_wrap  li:first-child{ width: 24.5%; padding: 0; }

	.edu_search_wrap  .search-box { width: 84%}
	.edu_search_wrap  .search-ico { width: 10%; }
		

	.select-bottom {right:10px;}

	.top-nav{display:block !important;}

	/**/
	.sidebar__wrap {opacity:1.0 !important;margin-left:0px !important;}
}
@media screen and (min-width:1px) and (max-width:880px) { 

	.main-01 { top: -98px; height: auto; }
	.login-box-in h3 { float: none; }
	.login-box-in .objContent { float: none; }
	.login-box-in .objContent .massage { padding-left: 0 }
	.logout_btn { margin-left: 20px; }

}
/* ¸ð¹ÙÀÏ Å«¸Þ´º */
@media screen and (min-width:769px) and (max-width:1000px) {
	
	/* main layout */
	
	
	.wrap{padding-bottom:5px;padding-top:0px;}
	.main-contents__lay{margin-bottom:0;}

	.main_slide-top__in #main_slide {float:none;}
	.main_slide-top {display:table;width:100%;background-image:none;} 
	.main_slide-top__in {width:100%;display:table-cell;vertical-align:middle;}
	.main_slide-top__in #main_slide {width:100%;}
	.slide-item {width:100%;}
	#main_slide .cycle-slideshow p.item1 {text-align:right;}
	.slide-item__in .item2 {background-color:#1a3a5c}

	/* Main layout  */
	.main-01 {  width: 100%; }
	.main-02 { width: 49%; }
	.main-03 { width: 49%; margin-left: 2%; }
	.main-04 {  width: 39%; margin-left: 0; margin-top: 20px; }
	.main-05 { position: static; float: left; margin-left: 2%; width: 28%; margin-top: 20px; }
	.main-06 { position: static; float: left; margin-left: 2%; width: 29%; margin-top: 20px; }

	.main-07 { width: 39%;  height: auto; }
	.main-08 { width: 28%; margin-left: 2%; } 
	.main-09 { width: 29%; margin-left: 2%; }
	
	.login-side { right: 15px; }
	.bs_t_box2 li { width: 49%; margin-left: 2%; }

	.calender_wrap table td { padding: 5px 0 4px 0 }
	.calender_wrap .objContent { padding: 31px 30px 26px 30px}

	.today_lunch div.thumb { position: static;  text-align: center; }
	.today_lunch .list { position: static; height: 80px; margin-top: 10px; width: auto; }
	.today_lunch .objContent {  background-color: #fff; height: 168px; padding:25px; }

	.main_banner_wrap .objContent { padding: 30px 10px; }
	.main_banner_wrap .objContent  .banner-dir span.banner_prev { left: 5%; width: 90%; }
	.main_banner_wrap .objContent  .banner-dir span.banner_next { left: 5%; width: 90%; }

	.visitor { width: auto }
	.visitor dl { width: auto; float: none; display: block;  overflow: hidden; margin-bottom: 1px; }
	.visitor dl dt { width: 40%; }
	.visitor dl dd { width: 59%}
	.visitor dl.visitor_today  dd { border-right: 1px solid #bfbfbf; }

	.quick_menu_wrap  li, 
	.quick_menu_wrap  li:first-child{ width: 49.5%; padding: 0; border: 1px solid #bfbfbf; margin-left: -1px; margin-bottom: 1px;}

	.edu_search_wrap  .search-box { width: 79%}
	.edu_search_wrap  .search-ico { width: 20%; }


	.select-bottom {right:10px;}



	/**/
	.skiptoContent{width:95%;}
	
	header{padding-bottom:0px;}
	header {background-color: #198465;}
	
	header h1{top:12px;}
	#gnb{width:100%;position:relative;z-index:1}
	#gnb .t_item a{width:100%;}
	.m_t_wrap{width:100%;}
	#gnb li.t_menu{width:16%}
	.go_all_menu{top:76px;background-color:#18b4c1;height:15px;padding:5px;right:0px;border-radius:12px 0 0 0;z-index:0;}
	
	/*°Ë»ö*/
	.main_search_box{right:10px;}


	.side_in_wrap li.selected span a {
		background-color: #fff !important;
		color: #f6804e !important;
	}


	/*subpage
	========================*/
	.contents{padding-top:0;}
	#sidebar{position:relative;}
		.side_in_wrap{display:block;border-bottom:2px solid #000;opacity:1;}
		#sidebar h2 a{display:none;}
		#sidebar h2 {color:#fff;min-height:10px;height:30px;border-radius:0px;}

	/**/
	.sidebar__wrap {opacity:1.0 !important;margin-left:0px !important;}
}

/* big */
@media screen and (min-width:851px) and (max-width:1000px) {

	.resol span.item1{display:none;}
	.resol span.item2{display:block;background-color:#9494ff}

	/*footer*/
	.select_bottom{position:absolute;top:39px;right:10px;}
	.select_bottom p{float:none;}
	/*sub
	================*/
	.contents{width:98%;padding:1%;padding-top:0;}
	.cont_in{width:100%;}
	.cont_in img{max-width:100%;}
	#quick_wrap{position:relative;right:0;top:0;width:100%;}
	.quick_in:after{content:' ';clear:both;visibility:hidden;display:block;}
	.quick_item1,.quick_item2,.quick_item3{float:left;width:33%;border:0px}

	.top-nav{display:block !important;}
	
}


/* Big - medium */
@media screen and (min-width:1px) and (max-width:850px) {

}
/* Big - medium */
@media screen and (min-width:769px) and (max-width:850px) {
	.resol span.item1{display:none;}
	.resol span.item3{display:block;background-color:#9494ff}

	/*main slide*/
	#mainslide{float:none;}
	
	/*gnb*//*big*/
	#gnb_nav_mobile ul{display:table;width:100%;border-top:2px solid #eee;} 
	#gnb_nav_mobile li{display:table-cell;} /*big*/
	#gnb_nav_mobile li:first-child{border-top:0px}


	/*¸ÞÀΰԽÃÆÇ ¿ä¾à°ú*/
	#main_bbs{width:auto;}



	/*ÀÏÁ¤º¸±â*/
	.scz_box_in{width:100%;}
	.scz_box_in h3{left:5px;}
	.scz_box_in ul{padding-left:75px;}
	.scz_box_in li{width:25%;margin-left:0;}
	.scz_box_in li a{padding:10px;}

	

}

/* ¸ð¹ÙÀÏ¿ë ¸Þ´º °øÅë */
@media screen and (min-width:1px) and (max-width:768px) {
	/*񃧯*/
	.mobile_hide{display:none;}
	
	#footer .alimi {position:relative;bottom:0;right:0; background-color: #798193; border-left: none; border-right: none;  margin-top: 10px;}
	/**/


	.main-01{
    -webkit-transition: all 0.3s ease 0s;
       -moz-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
         -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;}

	.main-02{
    -webkit-transition: all 0.3s ease 0s;
       -moz-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
         -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;}

	
	.main-03{	
    -webkit-transition: all 0.3s ease 0s;
       -moz-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
         -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;}

	.main-04{
    -webkit-transition: all 0.3s ease 0s;
       -moz-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
         -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;}

	.main-05{
    -webkit-transition: all 0.3s ease 0s;
       -moz-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
         -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;}

	.main-06{	
    -webkit-transition: all 0.3s ease 0s;
       -moz-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
         -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;}

	.main-07{	
    -webkit-transition: all 0.3s ease 0s;
       -moz-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
         -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;}

	.main-08{	
    -webkit-transition: all 0.3s ease 0s;
       -moz-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
         -o-transition: all 0.3s ease 0s;
            transition: all 0.3s ease 0s;}


	/**/

	/**/
	
	header{overflow:visible; background-color:#277c17;border-bottom:1px solid #000}
	
	header h1{width:150px;height:40px}

	header h1 a {width: 150px !important;background-size:100% auto;}
	.header__wrap__h1 h1 {position:relative;top:0;width:100%;text-align:center;padding-top:10px;}
	[class*="header__wrap"] h1 a {margin:0 auto;height:auto;}
	[class*="header__wrap"] {height:53px;}


	.wrap {padding-top: 53px;}
	.gnb {display:none;}
	.top-nav {display:none;z-index:9999}
	.top-nav__fav2 {top:56px;}
	.top-nav__fav2 > a {color:#000;padding: 0 3px;background-image:none;}
	.top-nav__fav2 span {color:#000}

	.font-size-box h3 {color:#000}
	.top-nav__fav2 span.font-size-box {color:#6387a3;border:1px solid #6387a3 ; background-color: #0d5798; }



	/*¸ð¹ÙÀÏ ¼­ºê ¼Ò¸Þ´º*/
	
	.mobile_sub_menu{display:block;}
	#mainpage .mobile_sub_menu{display:none;}
		
	.big_menu{display:none;}
	#depth1 .big_menu.depth01{display:block;}
	#depth2 .big_menu.depth02{display:block;}
	#depth3 .big_menu.depth03{display:block;}
	#depth4 .big_menu.depth04{display:block;}
	#depth5 .big_menu.depth05{display:block;}
	#depth6 .big_menu.depth06{display:block;}
	#depth7 .big_menu.depth07{display:block;}
	#depth8 .big_menu.depth08{display:block;}
	
	.big_a{display:block;padding:10px 10px 10px 20px;background-image:url("../images/site/pattern.png");background-repeat:repeat;background-position:0 0;font-size:17px;font-weight:bold;color:#424789;border-top:2px solid #d5d5ec}
	.sub_nav ul:after{content:' ';clear:both;visibility:hidden;display:block;}
	.sub_nav ul{margin-bottom:-3px;position:relative;overflow:hidden;}
	.sub_nav li{float:left;width:50%;background-image:url("../images/site/gnb_dotted.png");background-repeat:repeat-x;background-position:0 bottom;}
	.sub_nav a{color:#424789;font-size:14px;font-weight:bold;display:block;padding:10px 10px 0px 20px;min-height:25px;}

	#depth1.dp1 .depth01 .sm_01 a, #depth1.dp2 .depth01 .sm_02 a, #depth1.dp3 .depth01 .sm_03 a, #depth1.dp4 .depth01 .sm_04 a, #depth1.dp5 .depth01 .sm_05 a, #depth1.dp6 .depth01 .sm_06 a, #depth1.dp7 .depth01 .sm_07 a, #depth1.dp8 .depth01 .sm_08 a, #depth1.dp9 .depth01 .sm_09 a, #depth2.dp1 .depth02 .sm_01 a, #depth2.dp2 .depth02 .sm_02 a, #depth2.dp3 .depth02 .sm_03 a, #depth2.dp4 .depth02 .sm_04 a, #depth2.dp5 .depth02 .sm_05 a, #depth2.dp6 .depth02 .sm_06 a, #depth2.dp7 .depth02 .sm_07 a, #depth2.dp8 .depth02 .sm_08 a, #depth2.dp9 .depth02 .sm_09 a, #depth3.dp1 .depth03 .sm_01 a, #depth3.dp2 .depth03 .sm_02 a, #depth3.dp3 .depth03 .sm_03 a, #depth3.dp4 .depth03 .sm_04 a, #depth3.dp5 .depth03 .sm_05 a, #depth3.dp6 .depth03 .sm_06 a, #depth3.dp7 .depth03 .sm_07 a, #depth3.dp8 .depth03 .sm_08 a, #depth3.dp9 .depth03 .sm_09 a, #depth4.dp1 .depth04 .sm_01 a, #depth4.dp2 .depth04 .sm_02 a, #depth4.dp3 .depth04 .sm_03 a, #depth4.dp4 .depth04 .sm_04 a, #depth4.dp5 .depth04 .sm_05 a, #depth4.dp6 .depth04 .sm_06 a, #depth4.dp7 .depth04 .sm_07 a, #depth4.dp8 .depth04 .sm_08 a, #depth4.dp9 .depth04 .sm_09 a, #depth5.dp1 .depth05 .sm_01 a, #depth5.dp2 .depth05 .sm_02 a, #depth5.dp3 .depth05 .sm_03 a, #depth5.dp4 .depth05 .sm_04 a, #depth5.dp5 .depth05 .sm_05 a, #depth5.dp6 .depth05 .sm_06 a, #depth5.dp7 .depth05 .sm_07 a, #depth5.dp8 .depth05 .sm_08 a, #depth5.dp9 .depth05 .sm_09 a, #depth6.dp1 .depth06 .sm_01 a, #depth6.dp2 .depth06 .sm_02 a, #depth6.dp3 .depth06 .sm_03 a, #depth6.dp4 .depth06 .sm_04 a, #depth6.dp5 .depth06 .sm_05 a, #depth6.dp6 .depth06 .sm_06 a, #depth6.dp7 .depth06 .sm_07 a, #depth6.dp8 .depth06 .sm_08 a, #depth6.dp9 .depth06 .sm_09 a, #depth7.dp1 .depth07 .sm_01 a, #depth7.dp2 .depth07 .sm_02 a, #depth7.dp3 .depth07 .sm_03 a, #depth7.dp4 .depth07 .sm_04 a, #depth7.dp5 .depth07 .sm_05 a, #depth7.dp6 .depth07 .sm_06 a, #depth7.dp7 .depth07 .sm_07 a, #depth7.dp8 .depth07 .sm_08 a, #depth7.dp9 .depth07 .sm_09 a, #depth8.dp1 .depth08 .sm_01 a, #depth8.dp2 .depth08 .sm_02 a, #depth8.dp3 .depth08 .sm_03 a, #depth8.dp4 .depth08 .sm_04 a, #depth8.dp5 .depth08 .sm_05 a, #depth8.dp6 .depth08 .sm_06 a, #depth8.dp7 .depth08 .sm_07 a, #depth8.dp8 .depth08 .sm_08 a, #depth8.dp9 .depth08 .sm_09 a{background-image:none;color:#000;text-decoration:underline;}
	
	#main_bbs .main_bbs_list li *{font-size:1.4rem;}
	a{font-size:1.4rem;}

	.side_in_wrap li span a{padding-left:15px}
	.side_in_wrap li span a:hover{padding-left:20px}
	.skiptoContent{display:none;}
	

	/*ȸ¿ø¸Þ´ºµé*/
	.mem_item{border-left:0;height:auto;}
	.member_box2 p{margin-bottom:5px;}
	.member_box2 .btn_t2{position:relative;top:0;left:0;}

	#login_wrap{width:300px;margin:0 auto;margin-bottom:30px;padding:10px;}
	#login_wrap .left_imgbox{border-right:0px;}
	#login_wrap .left_imgbox{float:none;width:100%;background-repeat:repeat-x;background-position:center top;}
	.loginbox{margin:0 auto;float:none;margin-bottom:30px;}

	.join_opening1{padding-top:160px;text-align:center;padding-left:0;height:auto;background-position:center top;}
	.join_opening2 .item_in{height:150px;padding-left:130px;}

	.tb_type3.no_tb_border{width:100%;border-left:1px solid #dedede}
	.tb_type3.no_tb_border table{width:100%;}
	.layer_pop{width:auto;left:0;margin-left:0;top:10%;margin-top:0;}

	.id_pass_opening{padding-top:160px;text-align:center;padding-left:0;height:auto;background-position:center top;}
	.out_opening{padding-top:160px;text-align:center;padding-left:0;height:auto;background-position:center top;}
	
	/*°Ô½ÃÆÇ*/
	.tb_type1 a{white-space:normal;}
	.search_box{text-align:left;}
	


	/*°Ô½ÃÆÇ ºä*/
	.bbs_sns {height: 24px;position: absolute;right: 0;top: -40px;}
	

	.bbs_view_wrap table thead th{padding-left:10px;}
	.bbs_view_wrap table thead td{padding-left:10px;}

	.bot_sl_type .item1 img{height:auto;max-height:145px;}

	.main_lay_item.no_1 .small_sl_type li a .effect1 img{height:auto;max-height:160px;}
	.main_lay_item.no_2 .small_sl_type li a .effect1 img{height:auto;border-radius:11px;max-height:99px;}

	/*main slide*/
	
	.main_top_left{width:100%;float:none;position:relative;z-index:2}
	#mainslide{float:none;}
		
	#main_bbs ul.main_bbs_tit li a , 
	.main_photos nav ul li a{ font-size: 14px; }
	#main_bbs .main_bbs_list { }

	.main_banner_wrap .objContent  .banner-dir span.banner_prev { top: 20px; left: 5%; width: 90%; }
	.main_banner_wrap .objContent  .banner-dir span.banner_next{ bottom: 20px; left: 5%; width: 90%; }


	.edu_search_wrap  .search-box { width: 89%; }
	.edu_search_wrap  .search-ico { width: 10%; }

	
	.footer_in_wrap { padding: 0 }
	/*header*/
	header{height:auto;padding-bottom:0px;height:53px;}
	#mainpage header{padding-bottom:0px;}
	header h1{position:relative;top:0;left:0;padding-top:12px;margin:0 auto;}

	.skiptoContent div{text-align:left;}

	.top_item1{background-color:transparent;top:15px;}
	.top_item1 a, .top_item1 span{color:#333;font-size:12px;padding:2px 7px;background-image:none;}
	.top_item1 a{padding:0;}
	.top_item1 a.top_link_item2{padding:0px 7px;}
	.top_item1 a.top_link_item3{padding:0px 7px;}
	.top_item1 a.top_link_item4{padding:0px 7px;}
	.top_item1 a:hover{color:#000;}
	.top_item1 li{background-image:none;padding:0;}

	/*¸ÞÀΰ˻ö*/
	.main_search_box{top:30px;right:5px;z-index:9;}

	/*gnb*/
	#gnb_go{display:none;}
	.mobile_top_nav{display:block;}

	.top_wrap{z-index:1;}
	.top_nav{z-index:9999;position:absolute;top:58px;display:none;right:5px}
	
	/*¸ð¹ÙÀÏ ¸Þ´º*/
	.mobile_top_nav{display:block;}
	.mobile_top_nav{position:relative;z-index:9998;}
	.mobile_top_nav .m_s_btn{position:absolute;top:-40px;right:10px;display:block;width:28px;height:28px; display:none;/* */}
		.mobile_top_nav .m_s_btn img{width:100%;}
	.mobile_top_nav .m_open_btn{position:absolute;top:-39px;left:10px;display:block;width:28px;height:28px;}
		.mobile_top_nav .m_open_btn img{width:100%;}

	#gnb_nav_mobile{
		opacity:0;position:relative;padding-top:37px;z-index:9999;background-color:#fff;
		border-top:2px solid #28639a;border-bottom:2px solid #28639a;
		}

	#gnb_nav_mobile li a{display:block;padding:10px 10px 5px 20px;height:25px;background-image:url("../images/mobile/gnb_dotted.png");background-repeat:repeat-x;background-position:0 bottom;
		font-size:17px;font-weight:bold;color:#28639a;text-align:left;
	}
	#gnb_nav_mobile li:first-child{border-top:2px solid #28639a}
	#gnb_nav_mobile li:last-child a{background-image:none;}
	
	.main_search_box{background-color:transparent}
	.m_se_btn{border:1px solid #ccc}
	.search_btn_top{width:32px}

	/*»çÀ̵å¸Þ´º*/
	.contents{z-index:0;}
	.sub_wrap{z-index:9;padding-top:53px;}
	#sidebar{height:40px;z-index:1; ;top:53px;padding-top:0px;}
	#sidebar h2{border-radius:0px;min-height:10px;color:#fff;background-color:#28639a;border:0px}
	/*.sidebar__wrap li ul{display:block;}*/
	#sidebar.selected{height:100%; }
	#sidebar .sidebar__wrap{width:280px;display:block;opacity:0;margin-left:-280px;border-right: 2px solid #28639a;}
	#sidebar .sidebar__wrap{display:block;}
	#sidebar.selected .sidebar__wrap{
		background-color:#fff;
	}
	.sidebar__wrap li ul li a{font-size:14px;}
	
	#sidebar .sidebar__wrap{border-right: 2px solid #28639a;border-bottom: 2px solid #28639a;}
	
	#sidebar.selected .sidebar__wrap{height:74%}
	.side_ul{height:100%;overflow:auto;border:0px;}

	
	#sidebar h2 a{
		display:inline-block;color:#28639a;background-color:#fff;vertical-align:middle;padding:2px 4px;margin-left:10px;
		}
	#sidebar h2 small{
		display:inline-block;font-size:1.5rem;padding-right:10px;
		}

	#footer {z-index:0; overflow: hidden ; padding: 0 1%}

	/*¸ð¹ÙÀÏ ¼­ºê ¼Ò¸Þ´º*/
	
	.mobile_sub_menu{display:block;}
	#mainpage .mobile_sub_menu{display:none;}
		
	.big_menu{display:none;}
	#depth1 .big_menu.depth01{display:block;}
	#depth2 .big_menu.depth02{display:block;}
	#depth3 .big_menu.depth03{display:block;}
	#depth4 .big_menu.depth04{display:block;}
	#depth5 .big_menu.depth05{display:block;}
	#depth6 .big_menu.depth06{display:block;}
	#depth7 .big_menu.depth07{display:block;}
	#depth8 .big_menu.depth08{display:block;}
	
	.big_a{display:block;padding:10px 10px 10px 20px;background-image:url("../images/mobile/pattern.png");background-repeat:repeat;background-position:0 0;font-size:17px;font-weight:bold;color:#424789;border-top:2px solid #d5d5ec}
	.sub_nav ul:after{content:' ';clear:both;visibility:hidden;display:block;}
	.sub_nav ul{margin-bottom:-3px;position:relative;overflow:hidden;}
	.sub_nav li{float:left;width:50%;background-image:url("../images/mobile/gnb_dotted.png");background-repeat:repeat-x;background-position:0 bottom;}
	.sub_nav a{color:#424789;font-size:14px;font-weight:bold;display:block;padding:10px 10px 0px 20px;min-height:25px;}

	#depth1.dp1 .depth01 .sm_01 a, #depth1.dp2 .depth01 .sm_02 a, #depth1.dp3 .depth01 .sm_03 a, #depth1.dp4 .depth01 .sm_04 a, #depth1.dp5 .depth01 .sm_05 a, #depth1.dp6 .depth01 .sm_06 a, #depth1.dp7 .depth01 .sm_07 a, #depth1.dp8 .depth01 .sm_08 a, #depth1.dp9 .depth01 .sm_09 a, #depth2.dp1 .depth02 .sm_01 a, #depth2.dp2 .depth02 .sm_02 a, #depth2.dp3 .depth02 .sm_03 a, #depth2.dp4 .depth02 .sm_04 a, #depth2.dp5 .depth02 .sm_05 a, #depth2.dp6 .depth02 .sm_06 a, #depth2.dp7 .depth02 .sm_07 a, #depth2.dp8 .depth02 .sm_08 a, #depth2.dp9 .depth02 .sm_09 a, #depth3.dp1 .depth03 .sm_01 a, #depth3.dp2 .depth03 .sm_02 a, #depth3.dp3 .depth03 .sm_03 a, #depth3.dp4 .depth03 .sm_04 a, #depth3.dp5 .depth03 .sm_05 a, #depth3.dp6 .depth03 .sm_06 a, #depth3.dp7 .depth03 .sm_07 a, #depth3.dp8 .depth03 .sm_08 a, #depth3.dp9 .depth03 .sm_09 a, #depth4.dp1 .depth04 .sm_01 a, #depth4.dp2 .depth04 .sm_02 a, #depth4.dp3 .depth04 .sm_03 a, #depth4.dp4 .depth04 .sm_04 a, #depth4.dp5 .depth04 .sm_05 a, #depth4.dp6 .depth04 .sm_06 a, #depth4.dp7 .depth04 .sm_07 a, #depth4.dp8 .depth04 .sm_08 a, #depth4.dp9 .depth04 .sm_09 a, #depth5.dp1 .depth05 .sm_01 a, #depth5.dp2 .depth05 .sm_02 a, #depth5.dp3 .depth05 .sm_03 a, #depth5.dp4 .depth05 .sm_04 a, #depth5.dp5 .depth05 .sm_05 a, #depth5.dp6 .depth05 .sm_06 a, #depth5.dp7 .depth05 .sm_07 a, #depth5.dp8 .depth05 .sm_08 a, #depth5.dp9 .depth05 .sm_09 a, #depth6.dp1 .depth06 .sm_01 a, #depth6.dp2 .depth06 .sm_02 a, #depth6.dp3 .depth06 .sm_03 a, #depth6.dp4 .depth06 .sm_04 a, #depth6.dp5 .depth06 .sm_05 a, #depth6.dp6 .depth06 .sm_06 a, #depth6.dp7 .depth06 .sm_07 a, #depth6.dp8 .depth06 .sm_08 a, #depth6.dp9 .depth06 .sm_09 a, #depth7.dp1 .depth07 .sm_01 a, #depth7.dp2 .depth07 .sm_02 a, #depth7.dp3 .depth07 .sm_03 a, #depth7.dp4 .depth07 .sm_04 a, #depth7.dp5 .depth07 .sm_05 a, #depth7.dp6 .depth07 .sm_06 a, #depth7.dp7 .depth07 .sm_07 a, #depth7.dp8 .depth07 .sm_08 a, #depth7.dp9 .depth07 .sm_09 a, #depth8.dp1 .depth08 .sm_01 a, #depth8.dp2 .depth08 .sm_02 a, #depth8.dp3 .depth08 .sm_03 a, #depth8.dp4 .depth08 .sm_04 a, #depth8.dp5 .depth08 .sm_05 a, #depth8.dp6 .depth08 .sm_06 a, #depth8.dp7 .depth08 .sm_07 a, #depth8.dp8 .depth08 .sm_08 a, #depth8.dp9 .depth08 .sm_09 a{background-image:none;color:#000;text-decoration:underline;}
	
	#main_bbs .main_bbs_list li *{font-size:1.4rem;}
	a{font-size:1.4rem;}
	

	/*°¶·¯¸®Çü °Ô½ÃÆÇ*/
	.new_gall_list_wrap2 li .item01{max-width:100%;width:100%;text-align:center;float:none;}
	
	.new_gall_list_wrap2 li .item01 img{max-width:200px;margin-bottom:5px;}
	.new_gall_list_wrap2 li .item02{width:100%;float:none;}
	.new_gall_list_wrap2 li .item02 h3{text-align:center;}


	/*ÀÏÁ¤º¸±â*/
	.scz_box{height:auto;padding-bottom:10px;padding-top:10px;}
	.scz_box_in{width:100%;}
	.scz_box_in h3{left:5px;width:36px;height:36px;display:none;}
	.scz_box_in h3 img{width:100%;}
	.scz_box_in ul{padding-left:47px;padding-left:0;}
	.scz_box_in li{width:25%;margin-left:0;}
	.scz_box_in li a{padding:5px;}

	
	/* ȸ¿ø°¡ÀÔ */
	.join-identity {width:100%;height:auto;}
}


/* midium */
@media screen and (min-width:561px) and (max-width:768px) {
	.resol span.item1{display:none;}
	.resol span.item4{display:block;background-color:#9494ff}
	

	/* main layout */
	

	
	.wrap{padding-bottom:5px;padding-top:0px;}
	.main-contents__lay{margin-bottom:0;}

	.main_slide-top__in #main_slide {float:none;}
	.main_slide-top {display:table;width:100%;background-image:none; } 
	.main_slide-top__in {width:100%;display:table-cell;vertical-align:middle;}
	.main_slide-top__in #main_slide {width:100%;}
	.slide-item {width:100%;}
	#main_slide .cycle-slideshow p.item1 {text-align:right;}
	.controller_in { top: -40px; }
	.slide-item__in .item2 {background-color:#1a3a5c}
	
	.main-01 { height: auto ; width: auto ; float: none;  position: static; }
	.main-02 { width: 48%;  margin-top: 20px; }
	.main-03 { width: 50%; float: left; margin-top: 20px; margin-left:2%; }
	.main-04 { clear: left; width: 48%; float: left; margin-top: 20px;  margin-left: 0; }
	.main-05 { float: left; width: 50%; margin-left: 2%; margin-top: 20px;  position: static }
	.main-06 { position: static; float: left; width: 48%; margin-top: 20px;  clear: left; }
	.main-07 { position: absolute; top: 598px; left: 50%; width: 50%; }
	.main-08{ position: absolute; top: 707px; left: 50%; width: 50%;  margin-left: 0; margin-top: 0 } 
	.main-09  { position: absolute; top: 798px; left: 50%; width: 50%;  margin-left: 0; margin-top: 0 }



	.login-box  legend { float: none;  margin-bottom: 5px; }
	.login-box .input-box { margin-left: 0;  margin-right: 5px; }
	.login-side  { top: 5px; }
	.login-side  li { line-height: 20px }

	.today_lunch .objContent { height: 190px;  background-color: #fff; }
	.today_lunch .list { width: 190px; height: 125px; }

	.bs_t_box2 li { width: 49%; margin-left: 2%;  }

	.visitor { width: auto }
	.visitor dl { width: auto; margin-bottom: 1px; float: none;  display: block  ; overflow: hidden }
	.visitor dl  dt, 
	.visitor dl dd { box-sizing: border-box; }
	.visitor dl dt { width: 50%; }
	.visitor dl dd { width: 50%; border: 1px solid #bfbfbf; margin-left: -1px; }

	.quick_menu_wrap  li { width: 50%; box-sizing: border-box; border-left: 1px solid #bfbfbf; margin-left: -1px; margin-bottom: 1px;}
	.select-bottom {right:10px;}

	.main_banner_wrap .objContent  .main-banner { height: 119px; }

	
}
/* small °øÅë */
@media screen and (min-width:361px) and (max-width:560px) { 
	.login-box-in { height: auto }
	.login-box .lobin-side   li { width: 49%; margin-left: 2%;  float: left;  padding: 5px 0  ; box-sizing: border-box; }
	
}
@media screen and (min-width:1px) and (max-width:560px) {


	/* main layout */
	.main-01, .main-02, .main-03, .main-04, .main-05, .main-06, .main-07, .main-08, .main-09 { 
		width: auto; height: auto ; float: none; position: static; clear: left;  margin-top: 20px; margin-left: 0;  
	}

	
	.main_banner_wrap .objContent { height: 220px; } 
	.main_banner_wrap .objContent  .main-banner { height: 180px; } 
	.wrap{padding-bottom:5px;padding-top:0px;}
	.main-contents__lay{margin-bottom:0;}

	.main_slide-top__in #main_slide {float:none;}
	.main_slide-top {display:table;width:100%;background-image:none;} 
	.main_slide-top__in {width:100%;display:table-cell;vertical-align:middle;}
	.main_slide-top__in #main_slide {width:100%;}
	.slide-item {width:100%;}
	#main_slide .cycle-slideshow p.item1 {text-align:right;}
	.slide-item__in .item2 {background-color:#1a3a5c}


	.login-side {  position: static; overflow: hidden ;  margin-top: 5px; }
	.login-box  legend { float: none ; padding-bottom: 5px; }
	.login-box .input-box { margin-left: 0 ; margin-right: 5px;	}
	.select-bottom {right:10px;}
	.login-side  li:first-child {margin-left: 0 ;}

	/*»çÁø°Ô½ÃÆÇ*/
	.in_s_box{width:73%}

	/*¸¸Á·µµ Á¶»ç*/
		.survey_wrap {background-image:none;padding-bottom:10px;height:auto;}
		.survey_wrap dl{height:auto;padding-bottom:10px;}
		.survay_line1 {margin-left:10px;}
			.survay_line1 h3{display:block;margin-bottom:5px;}
			.survay_line1 span{display:block;}
		.survay_line2 {margin-left:10px;}
			.survay_line2 h3{display:block;margin-bottom:5px;}
		.survay_line2 .in_box{height:17px;padding:0 0 0 3px;width:50%;}
		
		.survey_wrap dt{margin-bottom:5px;width:25%;padding-left:0;background-image:none;float:left;}
		.survey_wrap dd{margin-bottom:5px;width:75%;padding-right:0;float:left;}
		.survay_line2 .in_box{width:90%;margin-bottom:5px;}
	
	/*ȸ¿ø¸Þ´ºµé*/	
	.join_opening2 .item1{width:100%;float:none;}
	.join_opening2 .item2{width:100%;float:none;}
	.join_opening2 .item_in{height:auto;padding-left:40%;border-left:0;border-top:1px solid #dcdcdc}
	.join_opening2 .item1 .item_in{border-top:0px;}

	.join_step2_top{padding-top:130px;text-align:center;padding-left:0;min-height:80px;height:auto;background-position:center top;}
	.gong_wrap .item1{width:100%;float:none;}
	.gong_wrap .item2{width:100%;float:none;}
	.gong_wrap .item_in{height:auto;border-top:1px solid #dcdcdc}
	.gong_wrap .item1 .item_in{border-top:0px;}
	


	/*¸ÞÀν½¶óÀ̵å Á¢±â
	#mainslide {
		height: 367px;
		overflow: hidden;
	}
	.msl_open{display:block;}
	.msl_open a{display:block;}*/

}

/* small */
@media screen and (min-width:481px) and (max-width:560px) {
	.resol span.item1{display:none;}
	.resol span.item5{display:block;background-color:#9494ff}



	/*---------
		¸ÞÀÎ
	---------*

	/*Æ˾÷Á¸, Æ˾÷ ¹Ø ¸µÅ©*/
	#popup_zone{width:50%;border:0;float:left;margin-bottom:0px;}
	#pop_bottom{width:50%;border:0;float:right;height:210px;background-size: auto 100%;}
	#pop_bottom h3{padding:29px 0 52px 20px;}


	/*¹è³ÊÁ¸*/
	

}

/* x-small */
@media screen and (min-width:320px) and (max-width:560px) { 
	.main_photos nav ul li a { padding: 15px 0 16px 0; ;  }
	.main_photos  span.more { top: -50px; }
	.bs_t_box2 li { width: 49%; margin-left: 2%; }

	.visitor { width: auto }
	.visitor dl { width: auto; float: none; display: block;  overflow: hidden; margin-bottom: 1px; }
	.visitor dl dt { width: 40%; }
	.visitor dl dd { width: 59%}
	.visitor dl.visitor_today  dd { border-right: 1px solid #bfbfbf; }

	.quick_menu_wrap  li, 
	.quick_menu_wrap  li:first-child{ width: 24.5%; padding: 0; }
}


@media screen and (min-width:1px) and (max-width:480px) {
	.resol span.item1{display:none;}
	.resol span.item6{display:block;background-color:#9494ff}


	/* »çÀÌÆ®¸Ê */
	.sitemap > ul > li{width:100%;margin:0 0;}
	

	/*---------
		¸ÞÀÎ
	---------*/
	.login-box .input-box { margin-bottom: 2px; }


	#footer .alimi { margin-left: 0; margin-top: 0 ; background-image: none; width: auto; }
	#footer { background-image: none;  padding: 0; }
	.footer_in_wrap .policy { background-color: #798193;  padding: 0 1%; }
	.footer_in_wrap .sch_info { padding: 20px 1%; }


	/*¹è³ÊÁ¸*/

}

/* xx-small */


@media screen and (min-width:1px) and (max-width:360px) {
	.resol span.item1{display:none;}
	.resol span.item6{display:none;}
	.resol span.item7{display:block;background-color:red;color:#fff}

	#main_bbs .main_bbs_list li a { width: 66%; }
	
	.quick_menu_wrap  li, .quick_menu_wrap  li:first-child { width: 50%;  border: 1px solid #bfbfbf; margin-left: -2px;  margin-bottom: 1px; }

	.input_col2 {  position: absolute; left: 180px; top: 36px; }
	.login-box .input-box { float: none; }
}



/*20170919*/

@media screen and (min-width:769px) and (max-width:2200px) {
	.sidebar__wrap {
		margin-left: 0 !important;
	    opacity: 1 !important;
		}
}
@media screen and (min-width:1px) and (max-width:768px) {
	.top-nav__fav2 > a:first-child {display:none;}
	.font-size-box h3 {display:none;}
	.font-size-box {padding:0px !important;}

	.main_slide-top { padding-top: 0;  } 

	.main_slide-top { height: auto; }
	.main_slide-top__in { height: auto; }
	#main_slide .controller { width: auto ; max-width: none; }
	.wrap , 
	.main_section{ margin-top: 0 }
	.main-contents__lay { margin-top: 0 }
}




@media screen and (min-width:1px) and (max-width:414px) {
	.logout_btn { margin-left: 0; margin-left: 0; float: none; clear: both; display: block; box-sizing: border-box; }
	#logoutBtnArea { float: none; clear: both; margin-top: 2px; overflow: hidden }
	#logoutBtnArea > span:first-child  { margin-left: 0;  }
	#logoutBtnArea > span { width: 49%; margin-left: 2%; box-sizing: border-box; text-align: center; }
}