@charset "utf-8";

@media(max-width:1024px){
	#header{height:100%;}
	.gnb_wrap .gnb{width:100%;}
	.gnb_wrap .gnb .default_info{display:none;}
	.gnb_wrap .gnb .link_right{display:none;}
	.gnb_wrap .gnb .link{display:none;}
	.gnb_wrap .gnb{padding:7px 15px; box-sizing:border-box;}
	.gnb_wrap .gnb .link_box{position:relative; display:block; box-sizing:border-box; width:104px;}
	.gnb_wrap .gnb .link_box .link_list dt{position:relative; background:none; border:1px solid #fff; padding:2px 0 0 10px; line-height:18px; box-sizing:border-box;}
	.gnb_wrap .gnb .link_box .link_list dt:after{content:''; display:block; position:absolute; right:7px; top:50%; margin-top:-2.5px; border-left:4px solid transparent; border-top:5px solid #fff; border-right:4px solid transparent; border-bottom:4px solid transparent;}
	.gnb_wrap .gnb .link_box .link_list dt a{color:#fff; width:100%; height:100%; display:block; font-size:12px; font-weight:500;}
	.gnb_wrap .gnb .link_box .link_list dd{position:absolute; z-index:100; width:100%; border:1px solid #fff; border-top:0; border-bottom:0; box-sizing:border-box;}
	.gnb_wrap .gnb .link_box .link_list dd li a{background:#5366af; border-bottom:1px solid #fff; display:block; font-size:12px; padding:2px 12px 0; box-sizing:border-box; width:100%; height:100%; color:#fff;}
	.gnb_wrap .gnb .link_box .link_list dd li a:hover{background:#798dd6;}
	.lnb_wrap{height:100%; padding:12px 15px; box-sizing:border-box;}
	.lnb_wrap .lnb{display:none;}
	.lnb_wrap .box{width:100%; padding:0;}
	.lnb_wrap .logo{float:none; position:absolute; margin-left:0; padding-top:0; /*top:50%; margin-top:-17px;*/ left:50%; margin-left:-73.5px;}
	#main_wrap{min-width:100%; background-size:cover; padding-bottom:30px;}
	#main_wrap .con{width:100%; padding:0 15px; box-sizing:border-box;}
	#footer_wrap .link_area .con{width:100%; padding:0;}
	#footer{width:100%; padding:0 20px 40px;}
	#footer address{padding-top:20px;}
	.top_box .weather_box .list{margin-left:9px; font-size:14px; margin-top:20px;}
	.top_box .weather_box .list li{margin-top:0;}
	.top_box .weather_box .list li:first-child{font-size:16px;}
	.guide_box{padding-top:25px;}
	.guide_box li{position:relative; margin:0 auto; right:0; top:10px; width:50%;}
	.guide_box li div{width:95%; margin:0 auto; border-radius:50px; overflow:hidden; box-sizing:border-box; background:rgba(19, 103, 78, 0.9);}
	.guide_box a{width:100%; height:100%; padding:10px; box-sizing:border-box;}
	.guide_box a .txt .sub{display:inline-block; margin-left:5px;}
	.guide_box a em{height:100%; width:auto; display:inline-block; vertical-align:middle; background:none !important;}
	.guide_box a em span{padding-top:0;}
	.guide_box a .txt{letter-spacing:-1px; background:none !important; display:inline-block; vertical-align:middle; height:100%; width:auto; font-size:18px; font-weight:600; margin-left:10px;}
	.guide_box li.guide_02 div{background:rgba(9, 84, 123, 0.9);}
	.guide_box ul:after{content:''; display:block; clear:both;}
	#main_wrap .con .top_box{padding-top:40px;}
	.section01{margin-top:20px;}
	.section01 .visual{float:none; width:100%;}
	.section01 .info_box{float:none; width:100%; margin-top:20px;}
	.section01 .info_box .mayor_box{float:left; width:50%; background-size:cover;}
	.section01 .info_box .government_box{float:right; width:49%; margin-left:1%; height:178px; margin-top:0; background:rgba(65, 70, 70, 0.9); padding:10px; box-sizing:border-box;}
	.section01 .info_box .government_box li{width:50%; height:100%; padding-top:10px;}
	.section01 .info_box .government_box li.list01,
	.section01 .info_box .government_box li.list02{border-bottom:1px solid rgba(255, 255, 255, 0.3); padding-bottom:10px; padding-top:0;}
	.section01 .info_box .government_box li.list03{border-left:0;}
	.section01 .info_box .government_box li div{width:90%;}
	.section01 .info_box .government_box li div span.ico{margin-top:0; padding-bottom:5px;}
	.section01 .info_box .news_box{float:left; width:100%; margin-top:10px; height:153px; box-sizing:border-box;}
	.section01 .info_box .news_box .txt{width:75%;}
	.section01 .info_box .news_box .img img{display:block; width:100%; height:100%;}
	.section01 .info_box .news_box .more{right:0; left:130px;}
	.section01 .info_box:after{content:''; display:block; clear:both;}
	.service_box .sns .list li div a{text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
	.section02{margin-top:10px;}
	.section02 .bottom{position:relative;}
	.section02 .bottom .today_wrap{width:100%; float:none;}
	.section02 .bottom .now_box{padding-left:15px; width:100%; box-sizing:border-box;}
	.section02 .bottom .now_box .txt{width:75%; paddng-left:3%;}
	.section02 .bottom .now_box .txt div{max-width:100% !important;}
	.section02 .bottom .now_box .txt a{padding-left:0;}
	.section02 .bottom .popup_wrap{float:none; width:80%; height:auto; margin:0 auto; margin-top:20px;}
	.section02 .bottom .noti_box{margin-top:10px;}
	.section02 .bottom .noti_box .list > ul > li > div{padding:0 20px 0 40px;}
	.section02 .bottom .noti_box .list > ul > li > div li p{width:80%;}
	.section02 .bottom .noti_box .list > ul > li > div li a{width:100%;}
	.section02 .bottom .noti_box .list > ul > li > div li .dept{display:none;}
	.section03 .banner{width:100%; float:none;}
	.section03 .link{width:100%; float:none; height:100%; padding:10px; box-sizing:border-box;}
	.section03 .link div{padding:0;}
	.section03 .link li{float:left; margin:0; width:33.33333333333333%;}
	.section03 .link ul:after{content:''; display:block; clear:both;}
	.section03 .link li:after{left:0;}
	#footer_wrap .link_area{height:100%;}
	#footer_wrap .link_area .con > ul > li{width:33.33333333333333%;}
	#footer_wrap .link_area .con > ul > li:first-child{border-left:0;}
	#footer_wrap .link_area .con > ul > #site_link01,
	#footer_wrap .link_area .con > ul > #site_link02,
	#footer_wrap .link_area .con > ul > #site_link03{border-bottom:1px solid #8b8b8b;}
	#footer .user_info li{margin:0 10px;}
	#footer .user_info li:before{left:-11px;}
	
	#wrap_box02{padding-top:37px;}
	.service_box > div{margin-left:1%;}
	.service_box .minwon{width:40%;}
	.service_box .minwon .cont,
	.service_box .culture .cont,
	.service_box .sns .cont{padding:30px 25px;}
	.service_box .culture{width:31%;}
	.service_box .sns{width:27%;}
	.quick_box > div{width:32.66%; margin-left:1%; padding:30px 20px;}
	.quick_box .list li div a{width:80%;}
	.quick_box .list li div a span{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
	.quick_box .list li div a:after{right:-18px;}
	.quick_box .life:before,
	.quick_box .complaint:before,
	.quick_box .participation:before{right:0;}
	.quick_box .title p{font-size:12px;}
	.depart_box .title{width:23%;}
	.depart_box .list{width:77%;}
	
	.visual .bx-wrapper img{max-width:100%; width:100%; }
	.popup .bx-wrapper img{max-width:100%; width:100%; }

	/* side menu */
	/*
	nav.side_menu { display:block; position:relative; z-index:99; width:100%;}
	.side_menu > h2 { background:#fff url('/agritec/img/common/logo.gif') no-repeat center; padding:29px 0px 23px 0; text-align:center;
	text-indent:100%; overflow:hidden; white-space:nowrap; }
	.side_menu ul > li > a { display:block; padding-left:3px; padding-right:10px; color:#fff; }
	.side_menu > ul > li > a {
	background:#8fa554;
	font-weight:600;
	font-size:16px;
	padding-top:11px;
	padding-bottom:10px;
	border-bottom:1px solid #4e94c1;
	position: relative;
	padding-left: 12px;
	}
	.side_menu > ul > li:first-child > a { border-top:0px; }
	.side_menu > ul > li > ul { background: #fbf3e9; padding:10px; }
	.side_menu > ul > li > ul > li > a {
		font-weight:normal;
		font-size:15px;
		padding-top:5px;
		padding-bottom:5px;
		color: #333;
		}
	.btn_snb_open { display:none; }
	.side_menu > ul > li > ul > li > ul { background: #fff; margin: 3px 0 5px;}
	.side_menu > ul > li > ul > li > ul a { color: #66714a; padding: 4px 0 4px 10px; position: relative; }*/
    /* 패널슬라이드 */
	.slideout-menu {
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		z-index: 0;
		width: 256px;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		display: none;
		}
	.slideout-panel {
		position:relative;
		z-index: 100;
		}
	.slideout-open,
	.slideout-open body,
	.slideout-open .slideout-panel {
		overflow: hidden;
		}
	.slideout-open .slideout-menu {
		display: block;
		}
		
	#container_wrap{width:100% !important;}	
	#container #left{display:none;}	
	#container #contents{width:100% !important; float:none !important; padding:0 20px; box-sizing:border-box;}
}

@media(max-width:925px){
	.slogan{margin-top:60px;}
	.top_box .weather_box{left:50%; margin-left:-109.21px; top:30px;}
	.service_box .minwon{width:50%;}
	.service_box .culture{width:49%;}
	.service_box .sns{margin-left:0; width:100%; margin-top:10px; height:100%;}
	.quick_box{padding-top:0;}
	.quick_box > div{width:100%; height:100%; margin-left:0; margin-top:20px;}
	.quick_box .list li{width:33.33333333333333%;}
	.quick_box .list li:nth-child(even),
	.quick_box .list li:nth-child(even) div{float:left;}
	.quick_box .list li div a{width:90%;}
	.depart_box .title{width:25%;}
	.depart_box .list{width:75%; padding:30px 0 0;}
}

@media(max-width:855px){
	.section01 .info_box .news_box .txt{width:70%;}
	.depart_box > div{height:100%;}
	.depart_box .title{width:100%;}
	.depart_box .title h2 a:after{left:120px;}
	.depart_box .title .txt{padding:20px 25px;}
	.depart_box .title .txt p span{display:inline-block;}
	.depart_box .title .ctl_box{left:auto; right:25px; top:16px;}
	.depart_box .list{width:100%; padding:20px 0;}
}
@media(max-width:800px){
	.section01 .info_box .mayor_box{width:100%; float:none;}
	.section01 .info_box .government_box{margin-top:10px; margin-left:0; width:100%; float:none; height:100%; background:none; padding:0;}
	.section01 .info_box .government_box li{width:25%; padding:0; padding-bottom:10px !important;}
	.section01 .info_box .government_box li div span.ico{padding-bottom:10px;}
	.section01 .info_box .government_box li.list01,
	.section01 .info_box .government_box li.list02{border-bottom:0;}
	.section01 .info_box .government_box li.list03{border-left:1px solid rgba(255, 255, 255, 0.3);}
	.section02 .bottom .today_wrap{float:none; width:100%;}
	.section02 .bottom .now_box{position:relative; padding:15px; box-sizing:border-box; height:auto;}
	.section02 .bottom .now_box .txt{float:none; width:100%; padding-top:10px;}
	.section02 .bottom .now_box h2{float:none; padding-top:0;}
	.section02 .bottom .now_box .ctl_box{float:none; position:absolute; top:15px; left:150px; margin-right:0;}
	.section02 .bottom .now_box .ctl_box li{float:left; margin:0 5px;}
	.section02 .bottom .now_box .ctl_box ul:after{content:''; display:block; clear:both;}
	.section02 .bottom .now_box .ctl_box li.btn_prev span{background:url(../images/btn_prev_re.png) no-repeat center;}
	.section02 .bottom .now_box .ctl_box li.btn_next span{background:url(../images/btn_next_re.png) no-repeat center;}
	.section03 .banner{height:100%; padding:15px;}
	.section03 .banner .title{float:none;}
	.section03 .banner .list{width:100%; float:none; margin:5px 0 0;}
}

@media(max-width:725px){
	.section01 .info_box .news_box .txt{width:63%;}
	.section02 .bottom .noti_box .list > ul > li{width:20%;}
	.section02 .bottom .noti_box .list > ul > li.noti06{display:none;}
	#footer_wrap .link_area .con > ul > li{width:50%;}
	#footer_wrap .link_area .con > ul > #site_link04{border-bottom:1px solid #8b8b8b;}
	.service_box .minwon{width:100%; background-size:cover; height:100%;}
	.service_box .culture{margin-left:0; width:50%; margin-top:10px; height:187px;}
	.service_box .sns{margin-left:1%; width:49%}
}

@media(max-width:620px){
	.section01 .info_box .news_box .img{display:none;}
	.section01 .info_box .news_box .txt{float:none; width:100%;}
	.section02 .bottom .noti_box .list > ul > li{width:25%;}
	.section02 .bottom .noti_box .list > ul > li.noti05{display:none;}
	.section02 .bottom .popup_wrap{width:100%;}
	.quick_box .list li div a{width:80%;}
}

@media(max-width:550px){
	.section03 .link{display:none;}
	.guide_box li{width:100%;}
	.service_box .culture{width:100%; margin-lfet:0; height:100%;}
	.service_box .sns{width:100%; margin-left:0;}
}

@media(max-width:490px){
	#footer_wrap .link_area .con > ul > li{width:100%;}
	.slogan{width:320px; height:100%; margin:0 auto; margin-top:70px;}
	.slogan img{display:block; width:100%;}
	.quick_box .list li{width:50%;}
}

@media(max-width:450px){
	.section01 .info_box .mayor_box{padding:20px;}
	.section01 .info_box .mayor_box .img{right:10px;}
	.section01 .info_box .government_box li{width:50%; padding-top:10px !important;}
	.section01 .info_box .government_box li.list03{border-left:0;}
	.section01 .info_box .government_box li.list01,
	.section01 .info_box .government_box li.list02{border-bottom:1px solid rgba(255, 255, 255, 0.3);}
	.section02 .bottom .noti_box .list > ul > li{width:33.33333333333333%;}
	.section02 .bottom .noti_box .list > ul > li.noti04{display:none;}
	.section02 .bottom .noti_box .list > ul > li > div li p{width:95%;}
	.section02 .bottom .noti_box .list > ul > li > div li .data{display:none;}
	.section01 .visual .info{height:50px; padding:15px 20px;}
	.section01 .visual .info .title span{display:none;}
}

@media(max-width:400px){
	.section01 .info_box .mayor_box .img{width:49%;}
	.section01 .info_box .mayor_box .img img{display:block; width:100%;}
	.section01 .info_box .mayor_box li{width:140px;}
	.slogan{width:280px; margin-top:80px;}
	.service_box .minwon .cont, .service_box .culture .cont, .service_box .sns .cont{padding:30px 20px;}
	.service_box .minwon .img{right:-10px;}
}

@media(max-width:380px){
	.lnb_wrap{padding:12px 10px;}
	.service_box .minwon .img{right:-4px; bottom:-17px; width:140px; height:170px;}
	.service_box .minwon .img span{width:90%; height:90%; background-size:cover;}
}

@media(max-width:360px){
	.section02 .bottom .noti_box .list > ul > li{width:50%;}
	.section02 .bottom .noti_box .list > ul > li.noti03{display:none;}
	.service_box .minwon .img{right:-14px;}
	.quick_box .list{padding-top:20px;}
	.quick_box .life:before, .quick_box .complaint:before, .quick_box .participation:before{display:none;}
	.depart_box .title h2 a:after{display:none;}
}
@media(max-width:1024px){
	.main_wrap .mainM .con_box{margin:0 auto;width:97%}
	.mainT{height:100%}
	#header{height:100%}
	#visual .bx-controls{bottom:10px}
	.gnb_wrap .gnb{width:100%;}
	.gnb_wrap .gnb .default_info{display:none;}
	.gnb_wrap .gnb .link_right{display:none;}
	.gnb_wrap .gnb{box-sizing:border-box;}
	.lnb_wrap{height:80px; padding:12px 15px; box-sizing:border-box;}
	.lnb_wrap .lnb{display:none;}
	.lnb_wrap .box{width:100%; padding:0;}
	.main_wrap .mainM .con_box .pop{padding:36px 0px 50px 19px}
	.lnb_wrap .logo{border-bottom:0;float:none; position:absolute; margin-left:0; padding-top:0; /*top:50%; margin-top:-17px;*/ left:43%; margin-left:-73.5px;}
	#main_wrap{min-width:100%; background-size:cover; padding-bottom:30px;}
	#main_wrap .con{width:100%; padding:0 15px; box-sizing:border-box;}
	#footer_wrap .link_area .con{width:100%; padding:0;}
	#footer{width:100%; padding:0 20px 40px;}
	#footer address{padding-top:20px;}
	.main_wrap .mainM .middlewrap{width:100%;top:0}
	.main_wrap .mainM .link_wrap ul li span.link{font-size:17px;margin-top: 0;}
	.main_wrap .mainM .con_box .board ul li a{width:100%}
	.main_wrap .mainM .con_box .board{width:100%;float:none;border-right:0;padding:36px 10px 10px 10px}
	.main_wrap .mainM .con_box .info{width:50%;padding:36px 10px 50px 10px;border-right:0}
	.main_wrap .mainM .con_box .info .infowrap{padding-left: 5px;}
	.main_wrap .mainM .con_box .pop{width:50%}
	.main_wrap .mainM .link_wrap{margin-top:0}
.main_wrap{background: url(/edu/images/main/edu_bg.jpg) no-repeat center;background-size: cover;}
		#footer_wrap .link_area{height:100%;}
	.mainT .visual .visual_img ul li img{width:100%}
			.main_wrap .mainM .link_wrap ul li span.ico{background-size:cover ;}
		.main_wrap .mainM .link_wrap ul li:nth-child(1) span{background-position: 0 0px;}
.main_wrap .mainM .link_wrap ul li:nth-child(2) span{background-position: -166px 0px;}
.main_wrap .mainM .link_wrap ul li:nth-child(3) span{background-position: -326px 0px;}
.main_wrap .mainM .link_wrap ul li:nth-child(4) span{background-position: -485px 0px;}
.main_wrap .mainM .link_wrap ul li:nth-child(5) span{background-position:-650px 0px}
.main_wrap .mainM .link_wrap ul li{padding:5px 0 }
}
@media (max-width: 767px){
	.main_wrap .mainM .con_box .info{width:100%;float:none;border-right:0}
		.main_wrap .mainM .con_box .pop{width:100%;padding:10px;box-sizing:border-box}
		.main_wrap .mainM .con_box .info .infowrap .infoview ul li{padding-left: 11px !important;float:none !important;}
		.main_wrap .mainM .con_box .info .infowrap .infoview ul li:first-child{width:100% !important;}
		.main_wrap .mainM .con_box .info .infowrap .infoview ul li:nth-child(2){width:100% !important}
		.main_wrap .mainM .con_box .info .infowrap .infoview ul li span.infoD{width:44px;display:inline-block;}
		.main_wrap .mainM .con_box .info .infowrap .infoview ul li span.infoP{width:44px;display:inline-block;}
		.main_wrap .mainM .link_wrap ul li span.link>span{display:block}
		.main_wrap .mainM .link_wrap ul li{padding:10px 0}
		.main_wrap .mainM .link_wrap ul li span.link{font-size:15px;}
		.main_wrap .mainM .link_wrap ul li span.ico{background-size:cover ;}
		.main_wrap .mainM .link_wrap ul li:nth-child(1) span{background-position: 0 0px;}
.main_wrap .mainM .link_wrap ul li:nth-child(2) span{background-position: -166px 0px;}
.main_wrap .mainM .link_wrap ul li:nth-child(3) span{background-position: -326px 0px;}
.main_wrap .mainM .link_wrap ul li:nth-child(4) span{background-position: -485px 0px;}
.main_wrap .mainM .link_wrap ul li:nth-child(5) span{background-position:-650px 0px}
.main_wrap .mainM .con_box .info #info_li01 .infowrap .infoview ul li:nth-child(2){margin-top: 5px;}
.main_wrap .mainM .con_box .info #info_li02 .infowrap .infoview ul li:nth-child(2){margin-top: 5px;}
}
@media(max-width:550px){
	.gnb_wrap .gnb{padding:7px 15px; box-sizing:border-box;}
	.gnb_wrap .gnb .link{display:none;}
	.gnb_wrap .gnb .link_box{position:relative; display:block; box-sizing:border-box; width:104px;}
	.gnb_wrap .gnb .link_box .link_list dt{position:relative; background:none; border:1px solid #fff; padding:2px 0 0 10px; line-height:18px; box-sizing:border-box;}
	.gnb_wrap .gnb .link_box .link_list dt:after{content:''; display:block; position:absolute; right:7px; top:50%; margin-top:-2.5px; border-left:4px solid transparent; border-top:5px solid #fff; border-right:4px solid transparent; border-bottom:4px solid transparent;}
	.gnb_wrap .gnb .link_box .link_list dt a{color:#fff; width:100%; height:100%; display:block; font-size:12px; font-weight:500;}
	.gnb_wrap .gnb .link_box .link_list dd{position:absolute; z-index:100; width:100%; border:1px solid #fff; border-top:0; border-bottom:0; box-sizing:border-box;}
	.gnb_wrap .gnb .link_box .link_list dd li a{background:#5366af; border-bottom:1px solid #fff; display:block; font-size:12px; padding:2px 12px 0; box-sizing:border-box; width:100%; height:100%; color:#fff;}
	.gnb_wrap .gnb .link_box .link_list dd li a:hover{background:#798dd6;}
	.section03 .link{display:none;}
	.guide_box li{width:100%;}
	.service_box .culture{width:100%; margin-lfet:0; height:100%;}
	.service_box .sns{width:100%; margin-left:0;}
	.main_wrap .mainM .link_wrap ul li span.ico{display:none}	
}
@media (max-width: 480px){
	.main_wrap .mainM .link_wrap ul li span.link{margin-top: 0;}

	}

@media (max-width: 320px){
.main_wrap .mainM .con_box .info .info_li>li>a{font-size:18px}
.main_wrap .mainM .con_box .info .info_li>li.on>a{font-size:18px}
	}