@media (max-width:1280px){
	.inner{padding-left: .938rem; padding-right: .938rem;}
	#top_etc{right:0.938rem}
  br.block-pc{display: inline;}
	/* #lnb > li{margin-left: 30px;}
	#header > .inner{padding-left: 0;} */
	#path .inner{padding-left: 0; padding-right: 0;}

	#lnb > li > a{padding: 20px}
	#footer .logo{left: .938rem}
	.flow_chart_w{padding-left: 0 !important;padding-right: 0 !important; padding-bottom: 0 !important;}
}
@media (max-width:1180px){
	#path .home{border-left: 0;}
	#btn-share{border-right: 0;}
}
@media (max-width:1024px){
    html{font-size: 15px}
    .tablet{display: block;}
		#header{height: 5em}
		#header > .inner{padding-left: 0;position: static;}
		#top_etc,#lnb{display: none;}
		#btn-menu,#btn-sch_m{display: block;}
		#sub_visual{height: auto; padding: 3.5rem .938rem}
		#sub_page{padding-top: 3.5em !important;}
		.sub_com{padding-bottom: 5em;}
		.box-st1{padding: 30px}
		.box-agree_w .box{padding: 1.5em}
		.hd_pops{left: 0 !important; max-width: 96%;margin: 0 2%;}
		.hd_pops_con{height: auto !important}
		#logo{position: absolute;left: .938rem; width: 20em; top:50%; padding: 0; transform: translateY(-50%);}
		.slick-dots button{width: 7px;height: 7px;}
		.slick-dots li{margin-left: 5px;}
		#footer{padding: 3em 0; text-align: center;}
		#footer .inner{padding-left: .938rem;}
		#footer .logo{position: static; margin-bottom: 1.5em;}
		#footer .logo img{display: block;margin: 0 auto;}
		.page_as .g1 li{padding: 1em 1em 5em}
		.page_as .g1 .ico{right: 10px; bottom: 1em; width: 3.5em}
		.tbl-st1_a > li,.tbl-st2_a > li{display: block;}
		.tbl-st1_a > li > *,.tbl-st2_a > li > *{display: block; width: 100%}
		.tbl-st1_a .t,.tbl-st2_a .t{width: 100%; padding: 10px}
		.tbl-st1_a .cont,.tbl-st2_a .cont{border-left: 0; border-top: 1px solid #ccc; padding: 10px}
		.tbl-st2_a .cont.pd0 > *{padding: 10px; border-top-style: dotted}
		.tbl-st2 th,.tbl-st2 td{padding: 10px}
		.page_box{padding: 1.5em}
		.bbs-professor a{padding: 1em 1em 1.5em}
		.bbs-professor_v{padding: 1.5em}
		.direction .map .iframe{height: auto; padding-bottom: 67%;}
		.direction .tbl-st2_a .t{width: 100%}
		.direction .tbl-st2 .width{width: auto}
		.flow_chart{padding: 1.5em}
		.history .top .cont-st1 .t{margin-bottom: .5em;}
		.cont-st1,.cont-st1 > *{display: block;}
		.cont-st1 .t{width: 100%}
		.history .bot{margin-top:3.5em; padding: 3.5em 0}
		.his_w .sect{padding-left: 7.67rem;}
		.his_w .year{width: 6.3rem; height:6.3rem}
		.his_w .sect{padding-bottom: 3em; margin-bottom: 3em;}
		.his > li{padding-left: 5em;}
		.bo_v_nb li{float: none; width: 100%; text-align: left !important; padding: 1em 1em 1em 7em !important}
		.bo_v_nb li:last-child{border-left: 0; border-top: 1px solid #ccc;}
		.bo_v_nb .nb_tit{right: auto; left: 0 !important; width: 7em; padding: 0 .7em 0 1.5em}
		.bo_v_nb i{position: absolute;left: 0;top:.3em}
		.btn_prv i{transform: rotate(360deg);}
		.btn_next i{transform: rotate(0);}
}
@media (max-width:720px){
	#path .home{display: none;}
	#path .in >li{width: 50%;min-width: 1px}
	#path, #path .in > li{height: 3.5rem}
	#path .home, #path .depth > a{line-height: 3.5rem;}
	#btn-share span{padding-left: 1.4em;}
	#path .in > li:last-child{border-right: 0;}
	#path .sub{top:3.5rem}
	#path .sub li{height: 3.3rem;}
	#path .depth > a{padding: 0 2em 0 .938rem}
	#path .depth > a:after{width: 14px;height: 14px;right: .938rem;background-size: 100%}
	#path .sub a{padding: 0 .938rem}
	#btn-share{top: -3rem;border-left: 0; padding-right: .938rem;}
	.box-st1,.box-st2,.page_required{padding: 1.5rem}
	.page_required > ul > li{margin-bottom: 1.5em;}
	.page_required .ico{width: 6.7em; padding-right: 1.5em;}
	.page_required .cont{padding-top: 0;}

	#footer .add span{display: block;}

	.page_as .g1 li{width:48%; min-height: 1px}
	.page_as .g2{padding: 3em 0; margin-top: 3em;}
	.info_pr .g1{padding: 3em 1em}
	.info_pr .top img{max-width: 87%}
	.info_pr .g2{padding: 1.5em 1em}
	.box-bot{padding: 1.5em; display: block;}
	.box-bot > *{display: block;}
	.box-bot .t{width: 100%; margin-bottom: .87em;}
	.part-st1 .img,.part-st1 .cont{float: none; width: 100%}
	.part-st1 .img img{display: block;margin: 0 auto;}
	.part-st1 .cont{margin-top: 3em;}

	.part-st1 .mt, .inquiry_page .group, .group_com_w .group{margin-top: 3em;}
	.greeting .l,.greeting .img{float: none; width: 100%}
	.greeting .img{margin-top: 1.5em;}
	.greeting .img img{max-width: 87%}
	.bbs-professor .img,.bbs-professor .cont{float: none; width: 100%}
	.bbs-professor .img{padding-bottom: 100%;}
	.bbs-professor .cont{margin-top: 1em;}
	.bbs-professor .etc li{padding-left: 0; margin-top: 1em;}
	.bbs-professor .etc strong{position: static;display: block; margin-bottom: .3em;}
	.bbs-professor .name .t{font-size: 1.3rem; padding-bottom: .5rem;}
	.bbs-professor .position{font-size: 1rem;}

.bbs-professor_v .top{padding-left: 0;}
	.bbs-professor_v .img{position: relative; display: block;margin: 0 auto; min-height: 1px; padding-bottom:67%; width: 100%}
	.bbs-professor_v .cont{margin-top: 1.5em;}
	.bbs-professor_v .etc li{padding-left: 4em;}
	.bbs-professor_v .group{margin-top: 3em;}
	.page-st .box{padding: 1.5em 1em}
	.page-st .box > ul{margin: -3% 0 0;}
	.page-st .box > ul > li{width: 100%; margin: 3% 0 0;}
	.direction .map .add{position: relative;padding: 1em 10px}
	.direction .map .add span{background-size: 1em; padding-left: 1.5em;}
	.tbl-st2{overflow-x: auto;}

	.bbs-gallery{margin-left: 0;}
	.bbs-gallery > li{width: 100%; margin-left: 0;}
	.flow_chart > li{padding-left: 0;}
	.flow_chart .t{position: static;width: 100%;display: block; padding: 10px}
	.flow_chart .t span{position: static;}
	.flow_chart .t .small{display: inline}
	.flow_chart .bul-dot{padding: 1em 1.5em}

	.page_required > ul > li{width: 100%}
	.greeting_new .top .l{width: 100%; order: 2;}
	.greeting_new .top .r{width: 100%; text-align: center; order: 1; margin-left: 0;}
	.greeting_new .top .l{padding: 2.4em 0; margin-top: 1.5em;}
	.greeting_new .top .l br.m{display: none}
	.page-org .box{padding: 5%}

	/* 발전기금 */
	.step{height: auto;}
  .step li{flex: 1 0 45%;}
  .step li:nth-child(2n){border-right: 0;}
}
@media (max-width:640px){
    html{font-size: 14px}
		.f14{font-size: .938rem;}
    .block-m{display: block;}
		.mobile{display: block !important}
		.total_calendar .sect dt{width: 7.1em}
}
@media (max-width:480px){
	#bbs-write .form-st1 label{width: auto}
	.form-st1 .etc{display: block;margin: 3px 0 0 18px;}
	#main_visual ul{margin-left:-200px;}
	#main_visual .inner{width:100%}

	.greeting_new .top .l br{display: none;}
}
@media (max-width:400px){
	#footer .top .l li{padding-left: .5em; margin-left: .5em;}
	#footer .top .l > li:before{height: 10px; margin-top: -5px;}

}
@media (max-width:380px){
html{font-size: 13px;}
#btn-menu,#btn-sch_m{font-size: .8em;}
#logo{width: 18em}
}
@media (max-width:320px){
html{font-size: 12px;}
}
