@charset "utf-8";
@media (max-width: 1280px){
	#header_2017 #nav #gnb{padding-left:180px;}
	#header_2017 #nav #gnb ul li a span{font-size:18px;}
	#header_2017 #nav #gnb > ul > li:nth-child(1){width:115px;}
	#header_2017 #nav #gnb > ul > li:nth-child(2){width:185px;}
	#header_2017 #nav #gnb > ul > li:nth-child(3){width:135px;}
	#header_2017 #nav #gnb > ul > li:nth-child(4){width:80px; }
	#header_2017 #nav #gnb > ul > li:nth-child(5){width:140px;}
	#header_2017 #nav #gnb > ul > li:nth-child(6){width:95px;}
	#header_2017 #nav #gnb > ul > li{margin-right:0 !important;}
}

@media (max-width: 1100px){
	.inner{width:100%;}	
	#header #gnb,#header_2017 #nav .right{display:none}
	#header #mMenu{display:block}	
	#header_2017 h1.logo{left:15px}
	footer .bottom_wrap{padding:0 10px 70px;}
	/* main */
	.busi_wrap .inner .box_wrap{padding-left:1%;}
	.busi_wrap .inner .box_wrap > div{width:33.3%;width:32.3%;margin-right:1%;margin-bottom:1%;}
	.bd_wrap .box{padding:0 10px;background-attachment: inherit;display:block;height:auto;}	
	.library_m_wrap{background-attachment: inherit;}
	.njh_wrap{height:auto;padding:10px;padding-bottom:80px;}
	.njh_wrap .inner .tob_box > div.right{padding-left:40px;}

	/*sub*/
	.page_map .inner{padding:0 10px}
	.page_map .inner ul li{width:auto;}
	.sub_cont{padding:0 20px 20px;}

	/*board*/
	.board_list ul li.count,
	.board_list ul li.hit{width:6%;}
	.board_list ul li.date,
	.board_list ul li.name{width:14%}

}

@media (max-width: 1024px){	
	html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, input, select, textarea, button{font-size:14px}
	/* main */
	#slides01 .slidesjs-previous{left:4%}
	#slides01 .slidesjs-next{right:4%;}
	#slides01 .slidesjs-play,
	#slides01 .slidesjs-stop{left:0;margin-left:0;z-index:100;}
	.m_tit h3,.gall_m_wrap dt,.library_m_wrap dl dt,.notice_wrap dt{font-size:2.467em;}
	footer .top_wrap{height:auto;}
	footer .top_wrap ul.ulfl {width:100%;display:block;}
	footer .top_wrap ul.ulfl li{width:25%;border-right:1px solid rgba(255,255,255,.2);}
	footer .top_wrap ul.ulfl li a{text-align:center;padding:0 10px;}
	footer .top_wrap .inner .fr{position:relative;float:none !important;width:100%;background:#45494c;text-align:right}
	footer .top_wrap .select{position:absolute;top:10px;left:10px;margin-top:0;}
	footer .top_wrap a.go_top{background:#262829;}
	/* sub */
	.btn_visual span.btn{width:100%;padding-left:77px;left:0;margin-left:0;}
	.btn_visual span.btn a{float:left;width:33.3%;}
	/*board*/
	.match_view video,
	.match_view iframe{width:100% !important}

}


@media (max-width: 768px){	
	html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, input, select, textarea, button{font-size:13px}
	/* main */
	#slides01 .slides div.text > span,.sub_visual_wrap div.text > span{font-size:1.9em;line-height:2em;}
	#slides01 .slides div.text > span > strong,.sub_visual_wrap div.text > span > strong{font-size:1.533em;}
	
	.busi_wrap .left_img{opacity:.2}	
	.busi_wrap .inner .box_wrap > div,
	.busi_wrap .inner ul,.case-box{height:240px}
	.busi_wrap .inner ul li:first-child{padding-top:40px;font-size:1.2em;line-height:1.4em;}
	.busi_wrap .inner ul li:last-child{font-size:1.9em;letter-spacing:-1px;}
	.bd_wrap .box{background-size:cover;}
	.busi_wrap .inner .box_wrap	{padding:1%;}
	.bd_wrap .box .left,.bd_wrap .box .right,.gall_m_wrap{width:100%}
	.bd_wrap .box .left{padding:70px 0 20px; }
	.gall_m_wrap p{margin-top:0;}
	.gall_m_wrap p a{position:absolute;top:10px;right:0;}
	.bd_wrap .box .right{padding-left:0;}
	.notice_wrap{padding:40px 40px 60px;margin-top:0;margin-bottom:60px;}
	.notice_wrap  p{margin:0;}
	.notice_wrap  p a{position:absolute;right:40px;top:60px;}
	.njh_wrap .inner .tob_box > div.right p{transform:scale(.8);}
	.njh_wrap .inner .bottom_box a ul li,
	.library_m_wrap dl dd:nth-of-type(1){font-size:1.4em;}

	.case_gallery.text_l dl dt {font-size:20px;}

	/* sub */
	.sub_visual_wrap div.text em{letter-spacing:-1px;}
	h3.sub_title{font-size:2.6em;margin:60px 0 40px;}
	.jeungyo_wrap > ul{width:31%;}
	.library_wrap .a01 ul{margin: 0 10px;}

	/*board*/
	.photo_list dl dd div.gall-photo .img_wrap a{height:200px;}

}

@media (max-width: 600px){
	html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, input, select, textarea, button{font-size:13px}
	/* main */
	#slides01 .slidesjs-container, #slides01 .slidesjs-control{height: 540px !important;}
	#slides01 .slidesjs-previous{left:2%;margin-top:-27px;}
	#slides01 .slidesjs-next{right:2%;margin-top:-27px;}
	#slides01 .slidesjs-play,
	#slides01 .slidesjs-stop{top:386px;}
	#slides01 .slides div.text{margin-top:120px;padding:40px;}
	#slides01 .slides div.text > span, .sub_visual_wrap div.text > span{font-size:1.7em;letter-spacing: -1.5px;line-height:1.9em}
	#slides01 .slides div.text strong,.sub_visual_wrap div.text strong{display:block}
	#slides01 .slides div.text .em span,.sub_visual_wrap div.text .em span{display:inline;}
	.btn_visual p.left{opacity:.7;}
	.btn_visual span.btn{padding-left:0;}
	.btn_visual span.btn a{padding-left:50px !important;background-size:18px !important;background-position:18px center;font-size:14px;border-right:1px solid rgba(255,255,255,.1);}
	.busi_wrap .inner .box_wrap > div{width:48%;margin:1% !important; }
	.busi_wrap .inner .box_wrap > div,.busi_wrap .inner ul, .case-box{height:180px;}
	.busi_wrap .inner ul li:last-child{font-size:1.65em;}
	.gall_m_wrap dt,.notice_wrap dt{margin-bottom:30px}
	.gall_m_wrap ul li a.img_box{height:140px;}
	.notice_wrap{padding:40px 20px 60px;}
	.notice_wrap dt,.notice_wrap dd{padding-left:10px;}
	.notice_wrap p a{right:20px;top:50px;}
	.njh_wrap .inner .tob_box > div{width:100%;}
	.njh_wrap .inner .m_tit h3, .njh_wrap .inner .m_tit p{text-align:center;}
	.njh_wrap .inner .m_tit{margin-bottom:30px;}
	.njh_wrap .inner .tob_box > div.right{padding:0 20px;}
	.njh_wrap .inner .tob_box > div.right p{transform:scale(.65);top:-660px;left:-240px;}
	.njh_wrap .inner .tob_box > div.left a p{width:120px !important;height:120px  !important;}
	.njh_wrap .inner .tob_box > div a dl dt{font-size:1.5em;;margin:15px 0;}
	.njh_wrap .inner .tob_box > div a dl dd{line-height:1.5em;margin-bottom:20px;}
	.njh_wrap .inner .tob_box > div.right > a li:last-child{font-size:2.2em;}
	.njh_wrap .inner .bottom_box{margin-top:40px;}
	.njh_wrap .inner .bottom_box a{width:48%}
	.njh_wrap .inner .bottom_box a ul li:first-child{width:inherit !important;}
	.njh_wrap .inner .bottom_box a ul li:last-child{margin:10px 0 20px;}

	footer .top_wrap ul.ulfl li{width:50%;}
	footer .top_wrap ul.ulfl li a{line-height:40px;border-top:1px solid rgba(255,255,255,.2);}
	footer .bottom_wrap p,
	footer .bottom_wrap ul{display:block;margin-top:10px;}

	/* sub */
	h3.sub_title{font-size:2.2em;margin:40px 0 30px;}
	.sub_visual_wrap{height:300px;}
	.sub_visual_wrap div.text .em{line-height:20px;}
	.sub_visual_wrap div.text{padding:40px;padding-top:70px;}
	.page_map .inner ul li:last-child button{display:none;}

	/* sub - 인사말 */
	.about_wrap .box_top > div{width:100%;display:block;}
	.about_wrap .box_top .left > ul{position:relative;top:unset;left:unset;margin-bottom:20px;}
	.about_wrap .box_bottom > div.right,
	.about_wrap .box_top .right,
	.about_wrap .box_middle .inner > div.right{padding-left:0;}
	.about_wrap .box_top .right ul li:first-child{margin-bottom:20px;}
	.about_wrap .box_bottom > div,
	.about_wrap .box_middle .inner > div{width: 100%;display: block;}
	.about_wrap .box_middle .inner > div ul li{padding:0 20px;}
	.about_wrap .box_bottom > div.left{padding-right:0;margin-bottom:20px;}

	/* sub - 연혁 */
	.history_wrap .box > div{display:block;}
	.history_wrap .box .left{width:100%;}
	.history_wrap .box .left dl dt{font-size:1.7em;margin-bottom:20px;}
	.history_wrap .box .left dl dd img{width:100%;margin-bottom:30px;}
	.history_wrap .box .right ul li > strong{width:46px;}

	/* sub - 전교 */
	.jeungyo_wrap > ul{width:48%;}
	.jeungyo_wrap > ul > li:first-child{height:200px;}

	/* sub - 향교의 기능 */
	.function_wrap p.title{font-size:1.6em;}
	.function_wrap ul.left li div,	.function_wrap ul.left li dl,
	.function_wrap ul.right li dl,	.function_wrap ul.right li div,
	.chungcheul_wrap .box > div,.chungcheul_wrap .box > div,
	.chungcheul_wrap .program > div{display:block;}
	.function_wrap ul.left li dl dt,
	.function_wrap ul.left li dl dd{padding-left:0;}
	.function_wrap ul.right li dl dd{padding-right:0;}
	
	/* sub - 청출어람 */
	.chungcheul_wrap .box{padding:40px 20px;display:block;}
	.chungcheul_wrap .box > div{width:100%;display:block;}
	.chungcheul_wrap .box > div dl dt{font-size:2em;margin-top:20px;}
	.chungcheul_wrap .box > div dl dd:nth-of-type(1){font-size:1.2em;}
	.chungcheul_wrap .box > div dl dd strong{width:70px;}
	.chungcheul_wrap .program > div{padding:0 !important;text-align:center;margin-bottom:20px;}
	.img_dlw50p dd img{width:100%;}

	/* sub - 찾아오시는길 */
	.map_wrap .inner .contact{display:block;border-top:1px dashed #ddd;}
	.map_wrap .inner dl dt{font-size:1.4em;width:90px;}
	.map_wrap .inner dl dt img{width:20px;}
	.map_wrap .inner .contact > div{width:100%;display:block;padding:20px 0;text-align:center;border-bottom:1px dashed #ddd;}
	.map_wrap .inner .contact > div img{width:30px;}
	.map_wrap .inner .contact > div ul li{font-size:1.1em !important;margin:8px 0 0px !important;display: inline-block;}
	
	/* sub - 베치도 */
	.deasungjeun_wrap dl dt,.mrd_wrap dl dt{font-size:1.8em;line-height:1.7em;margin-bottom:20px;}
	.deasungjeun_wrap dl dd:nth-of-type(1),.mrd_wrap dl dd:nth-of-type(1){font-size:1.2em;line-height:1.5em;}
	/* sub - 유교의 역사*/
	.yougyoH_wrap p.title,	.ceremony_wrap dl.a01 dt,
	.giro_wrap dl.a01 dt,	.marri_wrap .bg .box > dl dt,
	.adult_wrap dl.a01 dt,.suckjeon_wrap dl.a01 dt{font-size:1.8em;line-height:1.7em;margin-bottom:20px;}
	.yougyoH_wrap .a01 dt,.yougyoH_wrap .a01 > dd > p.txt,
	.ceremony_wrap dl.a01 dd:nth-of-type(1),	.giro_wrap dl.a01 dd:nth-of-type(1),
	.marri_wrap .bg .box > dl dd:nth-of-type(1),.adult_wrap dl.a01 dd:nth-of-type(1),
	.suckjeon_wrap dl.a01 dd:nth-of-type(1){font-size:1.2em;line-height:1.5em;}
	.yougyoH_wrap .a01 dd:nth-of-type(2){padding:20px;}
	.yougyoH_wrap .a01 dd ul{width:47%;margin:1%;float:left;}
	.yougyoH_wrap .a01 dd ul li > span{width:80px;height:80px;}
	.yougyoH_wrap .a01 dd ul li > span strong{margin-top:10px;}
	.yougyoH_wrap .a01 > dd > span.txt{height:60px;line-height:60px;}
	.yougyoH_wrap .a01 > dd > span.arrow{width:80px;}
	.yougyoH_wrap .a02 dd > div,	.yougyoH_wrap .a02 dd > div:first-child,
	.ceremony_wrap ul.a02 > li > div:first-child,	.ceremony_wrap ul.a02 > li > div,
	.giro_wrap ul.a02 > li > div,	.giro_wrap ul.a02 > li > div:first-child,
	.marri_wrap .bg .box > dl,	.marri_wrap > .inner > .box .marri_step div,
	.marri_wrap > .inner > .box .marri_step dl,.adult_wrap ul.a02 > li > div,
	.adult_wrap ul.a02 > li > div:first-child,.suckjeon_wrap ul.a02 > li > div:first-child,
	.suckjeon_wrap ul.a02 > li > div{width:100%;display:block;margin-top:20px;}
	.marri_wrap .bg{padding:20px;}
	.marri_wrap .bg .box{display:block;}
	.marri_wrap .bg .box > dl dd span{font-size:1.3em;padding:0 20px;margin-bottom:10px;}
	.marri_wrap > .inner > .box{padding:50px 20px;}
	.marri_wrap > .inner > .box .marri_step dl dt{font-size:1.4em;line-height:1.5em;}
	.suckjeon_wrap ul.a02 > li > div > dl dt{font-size:1.5em;line-height:1.6em;}
	
	/* sub - 사이트맵 등 기타 */
	.sitemap > dl > dt{width:100%;display:block;}
	.sitemap > dl > dd{width:100%;display:block;padding-left:0;margin-top:20px;border-top:1px dashed #ddd;}
	.sitemap > dl > dd .depth2 ul li{width:33.3%;display:block;float:left;min-height:30px;}
	.sitemap > dl > dd .depth2 ul li a{line-height:1.2em;}
	.email_wrap > div{padding:20px;}
	
	/* board */
	.tb_cal table thead th{font-size:1.15em;}
	.board_wrap .board_list_top ul{width:100%;}
	.bd_search_wrap button{width:40px;}
	.board_list > ul > li.hit{display:none;}
	.board_view > dl > dt{font-size:1.3em;letter-spacing:-1px;}
	.board_view .view_header div.info span{width:100%;display:block;border-top:1px solid #ddd}
	.board_view .view_header div.info strong,.board_view .view_header .add_file dl dt,.match_view > dl > dd table th,
	.board_view .view_header div.info font{height:40px;}
	.board_view .view_header div.info font,
	.board_view .view_header .add_file dl dd{padding-left:20px;}
	.board_view .view_body img{max-width:100%;}
	.photo_list dl dd div.gall-photo .img_wrap{width:49%;margin-right:1%;margin-bottom:10px;border:1px solid #ddd;}
	.photo_list dl dd div.gall-photo .img_wrap:nth-child(3n){margin-right:1%;}
	.photo_list dl dd div.gall-photo .img_wrap a.img_link{height:160px;border:0;}
	.photo_list dl dd div.gall-photo .img_wrap span{padding:16px 10px;height:70px;line-height: 1.4em;text-align:center;}

	.match_view > dl > dd table tbody > tr:first-child th{width:16%;}
	.match_view > dl > dd table tbody > tr:first-child td,
	.match_view > dl > dd table tbody > tr:nth-child(2) td{width:40%;padding: 0 6px;}

	/* 로그인 */
	.adm_login_wrap ul.text li h2{font-size:30px;}
	.adm_login_wrap .pannel{width:100%;padding:40px 30px;}
	.adm_login_wrap .login_inner,
	.adm_login_wrap .login_form_wrap ul,
	.adm_login_wrap .login_form_wrap ul li input[type="text"],
	.adm_login_wrap .login_form_wrap ul li input[type="password"],
	.adm_login_wrap .login_form_wrap p{width:100%;display:block;}
	.adm_login_wrap .login_form_wrap p{height:50px;margin-top:10px;}
	.adm_login_wrap .login_form_wrap p button.login_customer{width:100%;margin:0;height:50px;}
}


@media (max-width: 320px){
	.btn_visual span.btn a{padding-left: 30px !important;background-position:10px center !important;background-size: 16px !important;}
}