@charset "utf-8";
@import url('font/fs_font.css');

/***** 공통 *****/
a {transition:all 0.4s;-webkit-transition:all 0.4s;}

	/*** 4dep_탭 ***/
	.tap_rel {position:relative;margin-bottom:50px;}
	.tap_rel:after {content:"";clear:both;display:block;}
	.mob_tap {display:none;}
	.tap_btn {}
	.tap_btn:after {content:"";clear:both;display:block;}
	.tap_btn li {float:left;padding-right:2px;width:25%;}
	.tap_btn li a {position:relative;display:block;height:auto;line-height:normal;padding:13px 5px;background:#fff;text-align:center;font-size:18px;color:#313e48;border:1px solid #ced9df;letter-spacing:-2px;text-decoration:none;}
	.tap_btn li a:after {content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:#a9bdce;}
	.tap_btn li.on a,.tap_btn li:hover a,.tap_btn li:focus a,.tap_btn li:active a {background:url(./../img/common/4dep_arr.png) right 10% center no-repeat #7d8e9c;color:#fff;}
	.tap_btn li.on a:after,.tap_btn li:hover a:after,.tap_btn li:focus a:after,.tap_btn li:active a:after {background:#6b7e8d;}
	
	/*** 5dep_탭 ***/
	.mob_tap3 {display:none;}
	.tap_btn3 {margin-bottom:50px;background:#ecf0f2;border:1px solid #ced9df;}
	.tap_btn3:after {content:"";clear:both;display:block;}
	.tap_btn3 li {float:left;width:25% !important;}
	.tap_btn3 li a {position:relative;display:block;height:auto;line-height:normal;padding:9px 50px 9px 30px;text-align:left;font-size:18px;color:#7d8e9c;border-left:1px solid #ced9df;letter-spacing:-2px;text-decoration:none;}
	.tap_btn3 li:first-child a {border-left:none;}
	.tap_btn3 li a:after {transition:all 0.4s;-webkit-transition:all 0.4s;content:"";position:absolute;right:20px;top:13px;width:21px;height:21px;background:url(./../img/common/5dep_arr.png) center center no-repeat #b5c5d2;border-radius:100px;}
	.tap_btn3 li.on a,.tap_btn3 li:hover a,.tap_btn3 li:focus a,.tap_btn3 li:active a {color:#000;}
	.tap_btn3 li.on a:after,.tap_btn3 li:hover a:after,.tap_btn3 li:focus a:after,.tap_btn3 li:active a:after {background:url(./../img/common/5dep_arr.png) center center no-repeat #313e48;}
	/*** 탭3개일때 ***/
	.tap_btn4 {margin-bottom:50px;background:#ecf0f2;border:1px solid #ced9df;}
	.tap_btn4:after {content:"";clear:both;display:block;}
	.tap_btn4 li {float:left;width:33% !important;}
	.tap_btn4 li a {position:relative;display:block;height:auto;line-height:normal;padding:9px 50px 9px 30px;text-align:left;font-size:18px;color:#7d8e9c;border-left:1px solid #ced9df;letter-spacing:-2px;text-decoration:none;}
	.tap_btn4 li:first-child a {border-left:none;}
	.tap_btn4 li a:after {transition:all 0.4s;-webkit-transition:all 0.4s;content:"";position:absolute;right:20px;top:13px;width:21px;height:21px;background:url(./../img/common/5dep_arr.png) center center no-repeat #b5c5d2;border-radius:100px;}
	.tap_btn4 li.on a,.tap_btn3 li:hover a,.tap_btn3 li:focus a,.tap_btn3 li:active a {color:#000;}
	.tap_btn4 li.on a:after,.tap_btn3 li:hover a:after,.tap_btn3 li:focus a:after,.tap_btn3 li:active a:after {background:url(./../img/common/5dep_arr.png) center center no-repeat #313e48;}
	/*** 탭2개일때 ***/
	.tap_btn5 {margin-bottom:50px;background:#ecf0f2;border:1px solid #ced9df;}
	.tap_btn5:after {content:"";clear:both;display:block;}
	.tap_btn5 li {float:left;width:50% !important;}
	.tap_btn5 li a {position:relative;display:block;height:auto;line-height:normal;padding:9px 50px 9px 30px;text-align:left;font-size:18px;color:#7d8e9c;border-left:1px solid #ced9df;letter-spacing:-2px;text-decoration:none;}
	.tap_btn5 li:first-child a {border-left:none;}
	.tap_btn5 li a:after {transition:all 0.4s;-webkit-transition:all 0.4s;content:"";position:absolute;right:20px;top:13px;width:21px;height:21px;background:url(./../img/common/5dep_arr.png) center center no-repeat #b5c5d2;border-radius:100px;}
	.tap_btn5 li.on a,.tap_btn5 li:hover a,.tap_btn5 li:focus a,.tap_btn5 li:active a {color:#000;}
	.tap_btn5 li.on a:after,.tap_btn5 li:hover a:after,.tap_btn5 li:focus a:after,.tap_btn5 li:active a:after {background:url(./../img/common/5dep_arr.png) center center no-repeat #313e48;}


		/* PC */
		@media only screen and (max-width:1299px){
			/*** 5dep_탭 ***/
			.tap_btn3 li {float:left;width:50% !important;}
			.tap_btn3 li:nth-child(3) a {border-left:none;}
			.tap_btn3 li + li + li {border-top:1px solid #ced9df;}


		}
		
		/* 태블릿 */
		@media only screen and (max-width:1023px){
			/*** 4dep_탭 ***/
			.tap_rel {height:50px;}
			.tap_box {position:absolute;left:0;z-index:10;width:100%;background:#fff;}
			.mob_tap {display:block;}
			.mob_tap a {display:block;line-height:50px;height:50px;padding:0 15px;background:url(./../img/common/4dep_arr.png) right 20px center no-repeat #7d8e9c;color:#fff;text-decoration:none;}
			.tap_btn {display:none;}
			.tap_btn2 {dispLay:none;}
			.tap_btn2.on {dispLay:block;}
			.tap_btn2 {padding:5px 15px;border:1px solid #7d8e9c;}
			.tap_btn2 li {line-height:40px;}
			.tap_btn2 li a {display:block;text-decoration:none;}
			.tap_btn2 li.on a,
			.tap_btn2 li:hover a,
			.tap_btn2 li:focus a,
			.tap_btn2 li:active a {font-weight:800;color:#7d8e9c;}
			/*** 탭3개일때 ***/
			.tap_btn4 li {float:left;width:100% !important;}
			.tap_btn4 li a {border-left:none;}
			.tap_btn4 li + li {border-top:1px solid #ced9df;}
			/*** 탭2개일때 ***/
			.tap_btn5 li {float:left;width:100% !important;}
			.tap_btn5 li a {border-left:none;}
			.tap_btn5 li + li {border-top:1px solid #ced9df;}
		}

		/* 모바일 */
		@media only screen and (max-width:767px){
			/*** 5dep_탭 ***/
			.tap_btn3 li {float:none;width:100% !important;}
			.tap_btn3 li + li {border-top:1px solid #ced9df;}
			.tap_btn3 li a {font-size:17px;border-left:none !important;}

		}

	/***** iframe *****/
	.iframe {display:block; margin-top:40px;border:3px solid #ecf0f2;text-align: center;}
	.iframe iframe {padding:40px;}
		/* 모바일 */
		@media only screen and (max-width:767px){
			/***** iframe *****/
			.iframe iframe {padding:20px;}
		}

/***** sub01_참여민원 *****/

	/*** sub0101_종합민원안내 ***/
	.sub0101 {  }
	.top_text { background-color:#ecf0f2; border:1px solid #ced9df; padding:40px; font-size:22px; color:#333; line-height:30px; }
	.top_text2 { background-color:#ecf0f2; border:1px solid #ced9df; padding:40px; font-size:16px; color:#333; line-height:30px; font-weight:lighter; }
	.procedure { overflow:hidden; text-align:center;}
	.procedure li { text-align:center; display:inline-block; background:url('./../img/content/sub01/bullet.png') no-repeat right 70px; padding:0 50px; }
	.procedure li .step_img { text-align:center; width:150px; height:150px; padding:40px 0 0 0; border-radius:80px; background-color:#043763; margin:0 0 20px 0; }
	.procedure li span { display:block; color:#000000; font-size:18px; }
	.procedure li:last-child { background:none; padding-right:0; }

	/*** sub0102_지방청장과의대화 ***/
	.sub0102 .sub0102_top { background:#4d9de2 url('./../img/content/sub01/sub02_top_bg.png') no-repeat right bottom; width:100%; padding:100px; border-radius:3px; }
	.sub0102 .sub0102_top p { color:#fff; font-size:18px; width:500px; display:block; margin:30px 0 80px 0; font-weight:lighter; line-height:30px;  }
	.sub0102 .sub0102_top a.quick_btn01 { background:#043763 url('./../img/content/sub01/btn_bullet01.png') no-repeat 170px center; color:#fff; font-size:18px; padding:15px 55px 15px 30px; border-radius:3px; margin:0 5px 0 0;}
	.sub0102 .sub0102_top a.quick_btn02 { background:#fff url('./../img/content/sub01/btn_bullet02.png') no-repeat 170px center; color:#043763; font-size:18px; padding:15px 55px 15px 30px; border-radius:3px; }
	.sub0102 .sub0102_top a span { font-weight:lighter; }
	.sub0102_step { overflow:hidden; text-align:right; }
	.sub0102_step li {  display:inline-block;}
	.sub0102_step li.active { background:#043763; color:#fff; width:130px; border:0; height:40px; border-radius:20px; text-align:center; padding:6px 0 0 0; }
	.sub0102_step li span { display:inline-block; border:1px solid #ddd; width:40px; height:40px; border-radius:20px; text-align:center; padding:6px 0 0 0; }
	.sub0102_step li img { margin:20px 0 0 0; }
	.con_box { border:1px solid #ced9df; padding:50px; overflow:scroll; height:250px; overflow-x:hidden; }
	.sub0102 .checks { margin:0 7px 0 0; }
	.check_agree { text-align:center; }
	.check_agree label { font-weight:normal; color:#000; }
	.sub0102_text { text-align:center; }
	.certification li { width:24%; display:inline-block; text-align:center; }
	.certification li a { background:#043763; display:block; color:#fff; width:100%; height:95px; padding:32px 0; }
	.certification li a:hover, .certification li a:active, .certification li a:focus { text-decoration:none; background:#00213d;  }
	.certification li span { color:#fff; margin:0 0 0 10px;}
	.textarea_info { position:relative; }
	.textarea_info p { position:absolute; color:#ccc; padding:20px; z-index:-999; }
	.textarea_info textarea { background:none; }
	.complete { background:#4d9de2 url('./../img/content/sub01/sub02_top_bg.png') no-repeat right top; width:100%; padding:100px; border-radius:3px; }
	.complete p { color:#fff; font-size:24px; line-height:36px; }
	.complete .strong { font-size:40px; }
	.complete_input { margin:40px 0 15px 0; }
	.complete_input input { width:165px; }
	.complete_select { text-align:center; }
	.complete_select select { width:260px; }
	.tel_select { width:120px; }
	.tel_input { width:120px; margin-top:0; }
	.filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
	.filebox label { display: inline-block; padding:8px 30px; color: #fff !important; font-size: inherit; line-height: normal; vertical-align: middle; background-color: #474747; cursor: pointer; border: 1px solid #344154; border-bottom-color: #344154; }
	.filebox .upload-name { display: inline-block; padding: .5em .75em; /* label의 패딩값과 일치 */ font-size: inherit; font-family: inherit; line-height: normal; vertical-align: middle; border: 1px solid #e2e2e2; border-bottom-color: #e2e2e2; -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; }


	
	/*** sub0103_관할구역 ***/
	.map_image { border:1px solid #ccc; text-align:center; padding:40px 0; }
	.map_image img { vertical-align:middle; }



/***** sub04_지방청소개 *****/
	/*** sub0401_청장소개 ***/
	/* 청장인사말 */
	.sub0401 .greeting .greeting_top { background:#043763 url('./../img/content/sub04/line_bg.png') no-repeat right top; overflow:hidden;}
	.sub0401 .greeting .greeting_top img { float:left; margin:0 40px 0 0;}
	.sub0401 .greeting .greeting_top p { color:#fff; font-size:30px; font-weight:lighter; margin:40px 0 40px 0; line-height:40px; }	
	.sub0401 .greeting .greeting_top span { color:#fff; font-size:16px; }
	.sub0401 .greeting .greeting_top span.greeting_name { color:#fff; font-size:18px; }
	.greeting_text p { color:#333; font-size:16px; line-height:30px; font-weight:lighter; }
	.m_people_img { display:none; }
	/* 청장약력 */
	.history { background:url('./../img/content/sub04/dotted.png') repeat-y 276px 0; }
	.sub0401 .history_img { margin:0 80px 0 0 }
	.sub0401 .history_img img { box-shadow:3px 3px 10px; }
	.sub0401 .history_img span { color:#222; font-size:20px; display:block; margin:20px 0 0 0; }
	.sub0401 .history_list { width:680px; }
/* 	.sub0401 .history_list span { color:#2185da; margin:0 20px 0 0; width:100px; display:inline-block; } */
	.sub0401 .history_list span { color:#2185da; margin:0 20px 0 0; width:200px; display:inline-block; } /* 20250807 전북청장약력 수정 */
	.sub0401 .history_tit { font-size:36px; color:#333; margin:0 0 40px 0; padding:0 0 0 50px; background:url('./../img/content/sub04/blue_bullet2.png') no-repeat 0 6px;}
	.sub0401 .bgfff { background:#fff url('./../img/content/sub04/blue_bullet2.png') no-repeat 0 6px; }
	.sub0401 .his_list { margin-left:55px; }
	.sub0401 .his_list li { margin:0 0 10px 0; }
/* 	.sub0401 .his_list p { width:500px; display:inline-block; vertical-align:top; } */
	.sub0401 .his_list p { width:400px; display:inline-block; vertical-align:top; } /* 20250807 전북청장약력 수정 */
	/* 역대청장 */
	.sub0401 .history_time li { overflow:hidden; padding:40px 0; border-bottom:1px dotted #ddd; }
	.sub0401 .history_time li img { border:2px solid #fff;}
	.sub0401 .history_time li .border { margin:0 40px 0 0; border:3px solid #ddd; margin:0 40px 0 0; overflow:hidden; float:left; }
	.sub0401 .history_time div.ft-l { font-weight:lighter; color:#555; margin:20px 0 0 0;}
	.sub0401 .history_time strong { font-weight:normal; color:#222; font-size:20px; background:url('./../img/content/sub04/blue_bullet.png') no-repeat 0 13px; padding:0 0 0 12px; }
	.sub0401 .history_time p { margin:20px 0 0 0; }
	.sub0401 .history_time p strong { margin:0 10px 0 0; font-size:16px; background:none; }
	.sub0401 .history_time li:last-child { padding-bottom:0; border:0; }
	.sub0401 .history_time li { width:50%; float:left; }


	/*** sub0402_지방청연혁 ***/
	.sub0402 .history_info strong { font-size:50px; color:#333; line-height:50px; width:200px; }
	.sub0402 .history_info span { color:#2185da; margin:7px 20px 0 0; width:100px; display:inline-block; font-size:24px; line-height:36px; }
	.sub0402 .history_info ul li ul { float:left; }
	.sub0402 .history_info ul li { border-bottom:1px dotted #ddd; margin:0 0 80px 0; padding:0 0 0 50px; background:url('./../img/content/sub04/blue_bullet2.png') no-repeat 0 12px;}
	.sub0402 .history_info ul li ul p { width:650px; line-height:30px; margin:10px 0 0 0; }
	.sub0402 .history_info ul li ul li { margin:0 0 40px 0; overflow:hidden; border:0; padding:0; background:none;}
	.sub0402 .history_info ul li ul li:last-child { margin-bottom:80px; }
	.sub0402 .history_info ul li:last-child { margin-bottom:0; border:0; }


	/*** sub0404_중점추진사항***/
	.goal { overflow:hidden; }
	.goal .goal_box { float:left; text-align:center; margin:0 40px 0 0; }
	.goal .goal_box .goal01 { background:#043764; width:110px; height:110px; border-radius:55px; text-align:center; margin:0 0 15px 0; }
	.goal .goal_box .goal01 img { margin:30px 0 0 0;}
	.goal .goal_box span { color:#333; font-size:20px; }
	.goal .goal_text { float:left; background:#f7f7f7; border-radius:10px; width:75%; height:147px; padding:30px; }
	.goal .goal_text p { margin:31px 0 0 0; color:#333; font-size:20px; text-align:center; width:100%; }
	.strategy { overflow:hidden; }
	.strategy .goal_box { float:left; text-align:center; margin:0 40px 0 0; }
	.strategy .goal_box .goal02 { background:#043764; width:110px; height:110px; border-radius:55px; text-align:center; margin:0 0 15px 0; }
	.strategy .goal_box .goal02 img { margin:30px 0 0 0;}
	.strategy .goal_text { float:left; background:#f7f7f7; border-radius:10px; width:75%; height:147px; padding:20px 30px; }	
	.strategy .goal_box span { color:#333; font-size:20px; }
	.task { overflow:hidden; }
	.task .goal_box { float:left; text-align:center; margin:0 40px 0 0; }
	.task .goal_box .goal03 { background:#043764; width:110px; height:110px; border-radius:55px; text-align:center; margin:0 0 15px 0; }
	.task .goal_box .goal03 img { margin:30px 0 0 0;}
	.task .goal_text { float:left; background:#f7f7f7; border-radius:10px; width:75%; height:170px; padding:20px 30px; }
	.task .goal_text .task_tit { color:#333; font-size:20px; padding:0 0 10px 0; display:block; }
	.task .goal_text p { margin:31px 0 0 0; color:#333; font-size:20px; text-align:center; width:100%; }
	.task_list li { color:#5a5a5a; font-size:18px; margin:0 0 10px 0; }
	.task_list span { background:#2185da; border-radius:10px; width:20px; height:20px; color:#fff; font-size:14px; display:inline-block; text-align:center; line-height:18px; margin:5px 10px 0 0; }
	.task .goal_box span { color:#333; font-size:20px; }
	


	/*** sub0406_오시는길 ***/
	.sub0406 .map_img { border:1px solid #ddd; padding:4px; margin:10px 0 0 0; }
	.drawing_gangwon { overflow:hidden; }
	.drawing_gangwon img { float:left; margin:0 50px 0 0;}
	.drawing_gangwon .info { float:left; width:40%; }
	.drawing_gangwon .info strong { background:#313e48; color:#fff; font-size:36px; display:block; width:100%; padding:20px;  }
	.drawing_gangwon .info ol { background:#f1f3f4; width:100%; min-height:400px; padding:40px; overflow:hidden; }
	.drawing_gangwon .info ol li { margin:0 0 15px 0; color:#555; font-size:18px; }
	.drawing_gangwon .info ol li span { width:25px; height:25px; color:#fff; background:#313e48; display:inline-block; text-align:center; border-radius:13px; margin:0 10px 0 0; }

		/* PC */
		@media only screen and (max-width:1450px){
			/***** sub04_지방청소개 *****/
				/*** sub0406_오시는길 ***/
				.drawing_gangwon .img_full > img {float:none;}
				.drawing_gangwon .info { float:none; width:100%;margin-top:20px; }
		}

		/* PC */
		@media only screen and (max-width:1360px){


			/***** sub01_참여민원 *****/
				/*** sub0101_종합민원안내 ***/
				.procedure li { background:url('./../img/content/sub01/bullet.png') no-repeat right 55px; padding:0 20px 0 10px; }
				.procedure li .step_img { width:120px; height:120px; padding:25px 0 0 0; }
				.procedure li span { font-size:16px; }
				.procedure li:first-child { padding-left:0; }
				/*** sub0102_지방청장과의대화 ***/
				.sub0102 .sub0102_top { background:none; background:#4d9de2; }


			/***** sub04_지방청소개 *****/
				/* 청장인사말 */
				.sub0401 .greeting .greeting_top img { margin:0 15px 0 0; }
				.sub0401 .greeting .greeting_top { background:none; background-color:#043763; }
				.sub0401 .greeting .greeting_top p { font-size:20px; }
				/* 청장약력 */
				.sub0401 .history_list { width:50%; }
				.sub0401 .his_list p { width:60%;  }
				/* 역대청장 */
				.sub0401 .history_time { padding:0; }
				.sub0401 .history_time li { width:100%;}
				/*** sub0404_중점추진사항 ***/
				.sub0404 .tit_box span { width:150px; }
				.task .goal_text { height:auto; }
				/*** sub0406_오시는길 ***/
				.drawing_gangwon .img_full > img { float:none; margin:0; /* width:100%; */}
				.drawing_gangwon .img_full > a > img {float:none;margin:0 0 20px 0;}
				.drawing_gangwon .info { float:none; width:100%; }
				.drawing_gangwon .info strong {font-size:28px;}
				.drawing_gangwon .info ol { min-height:auto;padding:25px;}
		}

		/* PC */
		@media only screen and (max-width:1299px){

				.complete { background:#4d9de2 url('./../img/content/sub01/sub02_top_bg.png') no-repeat right bottom; background-size:25%; width:100%; padding:100px; border-radius:3px; }
				.complete p { color:#fff; font-size:24px; line-height:36px; }
				.complete .strong { font-size:40px; }

		}
		
		/* 태블릿 */
		@media only screen and (max-width:1023px){


			/***** sub01_참여민원 *****/
				/*** sub0102_지방청장과의대화 ***/
				.sub0102 .sub0102_top { padding:40px; }
				.sub0102 .sub0102_top { text-align:center; }
				.sub0102 .sub0102_top p { width:100%; margin-bottom:40px; }


			/***** sub04_지방청소개 *****/
				/*** sub0401_청장소개 ***/
				/* 청장약력 */
				.history { background:url('./../img/content/sub04/dotted.png') repeat-y 114px 0; }
				.sub0401 .history_img { margin:0 80px 0 100px; padding-bottom:40px; background:#fff; }
				.sub0401 .history_img span { color:#222; font-size:20px; display:block; margin:20px 0 0 0; }
				.sub0401 .history_list { width:90%; margin:40px 0 0 100px; }
				.sub0401 .his_list p { width:80%; }
				.sub0401 .history_time li { padding:15px 0; }
				/*** sub0402_지방청연혁 ***/
				.sub0402 .history_info strong { font-size:36px; }
				.sub0402 .history_info ul li ul { margin:10px 0 0 0; }
				.sub0402 .history_info ul li { margin:0 0 40px 0; }
				.sub0402 .history_info ul li ul li:last-child { margin-bottom:40px; }
				/*** sub0404_중점추진사항 ***/
				.sub0404 .tit_box { float:none; margin:0; background:none; padding:0; margin:0 auto; }
				.sub0404 .tit_box span { padding:15px 0; height:auto; margin:0 auto; margin-bottom:5px; font-size:20px; width:100%; }
				.sub0404 .tit_box2 { float:none; margin:0; background:none; padding:0; margin:0 auto; }
				.sub0404 .tit_box2 span { padding:15px 0; height:auto; margin:0 auto; margin-bottom:5px; font-size:20px; width:100%; }
				.goal { float:none; margin:0 auto; margin-bottom:25px; }
				.goal_tit { display:none; }
				.strategy { float:none; margin:0 auto; width:100%; }
				.task { float:none; margin:0 auto; width:100%; }		




		}

		/* 모바일 */
		@media only screen and (max-width:767px){


			/***** sub01_참여민원 *****/
				/*** sub0101_종합민원안내 ***/				
				.sub0101 .top_text { padding:20px; font-size:16px; color:#333; line-height:30px; }
				/*** sub0102_지방청장과의대화 ***/	
				.sub0102 .sub0102_top img { max-width:100%; }
				.sub0102 .sub0102_top a { display:block; width:220px; margin:0 auto 10px auto; }
				.sub0102 .sub0102_top a.quick_btn01 { margin:0 auto 10px auto; }
				.certification { overflow:hidden; }
				.certification li { width:49%; margin:0;}
				.certification li a { text-align:center; height:120px; float:left; margin:0;}
				.certification li span { color:#fff; margin:10px 0 0 0; display:block; }
				.filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
				.filebox .upload-name { width:100%; }
				.filebox label { width:100%; margin:5px 0 0 0 !important; text-align:center;}
				/*** sub0102_02 지방청장과의대화 ***/
				.file_input { width:100%; margin-bottom:5px;}
				.sub_0102_btn { text-align:center; }
				.sub_0102_btn .ft-l { float:none; }
				.sub_0102_btn .ft-r { float:none;margin-top:15px; }
				.sub_0102_btn .btn_bace { padding-left:25px; padding-right:25px; }
				.textarea_info textarea { height:275px;}
				.textarea_info p { font-size:13px; line-height:20px; padding:5px; }
				.complete { background:#4d9de2; padding:5px; text-align:center; }
				.complete p { font-size:16px; line-height:24px; }
				.complete .strong { font-size:20px; }
				.tel_select { width:80px; padding-left:10px; padding-right:0px; }
				.tel_input { width:70px;  }
				.add_btn { margin-top:5px !important; }
				/*** sub0101_종합민원안내 ***/
				.top_text2 { padding:15px; }
				.complete_input { margin-top:15px; }
				.complete_input input { width:110px; }
				.complete_select { text-align:center; }
				.complete_select select { width:150px; }				


			/***** sub04_지방청소개 *****/
				/*** sub0401_청장소개 ***/
				/* 청장인사말 */
				.sub0401 .greeting .greeting_top { text-align:center; background-color:#fff; position:relative; }
				.sub0401 .greeting .greeting_top img { margin:0; float:none;}
				.sub0401 .greeting .greeting_top p { color:#333; margin:0; font-size:20px; }	
				.sub0401 .greeting .greeting_top span { color:#333; }
				.sub0401 .greeting .greeting_top span.greeting_name { color:#333; }
				.sub0401 .greeting .greeting_top span.people_img { display:none; }
				.m_people_img { display:block; margin:10px 0 20px 0; }
				
				/* 청장약력 */
				.history { background:url('./../img/content/sub04/dotted.png') repeat-y 15px 0; }
				.sub0401 .history_img { margin:0 80px 0 0; padding-bottom:15px; }
				.sub0401 .history_list { margin:40px 0 0 0; }
				.history { background:none; }
				.sub0401 .history_img { float:none;margin:0;}
				.sub0401 .history_img img { box-shadow:3px 3px 10px;}
				.sub0401 .history_img span { color:#222; font-size:16px; display:block; margin:20px 0 0 0; }
				.sub0401 .history_list { width:100%;  }
				.sub0401 .history_list span {  margin:0 15px 0 0; font-size:16px; }
				.sub0401 .history_list p { font-size:16px; }
				.sub0401 .history_tit { font-size:20px; background:url('./../img/content/sub04/m_blue_bullet2.png') no-repeat 0 0; padding:0 0 0 30px; margin:0 0 15px 0;}
				.sub0401 .his_list {margin:0 0 20px 30px;}
				/*** 역대청장 ***/				
				.sub0401 .history_time li { text-align:center; }
				.sub0401 .history_time li .border {  border:3px solid #ddd; margin:0 auto; float:none; width:auto; display:inline-block;}
				.sub0401 .history_time div.ft-l { font-weight:lighter; color:#555; margin:20px 0 0 0; float:none; }
				.sub0401 .history_time strong {  background:none; padding:0; }
				.sub0401 .history_time p { margin:10px 0 0 0; }
				.sub0401 .history_time p strong { margin:0 0 0 0; font-size:16px; background:none; }
				.sub0401 .history_time li:last-child { padding-bottom:0; border:0; }
				.sub0401 .history_time li { width:100%; float:none;}
				/*** sub0404_중점추진사항 ***/
				.goal .goal_box .goal01, .strategy .goal_box .goal02, .task .goal_box .goal03 { display:none; }
				.goal .goal_text, .task .goal_text, .strategy .goal_text { float:none; width:100%; height:auto;}
				.goal .goal_box, .strategy .goal_box, .task .goal_box { float:none; background:#043764; margin:0; border-radius:5px; padding:10px 0; }
				.goal .goal_box span, .strategy .goal_box span, .task .goal_box span { color:#fff; font-size:20px; }
				.goal .goal_text p { margin:0; }
		}


		/* 모바일 */
		@media only screen and (max-width:626px){


			/***** sub01_참여민원 *****/
				/*** sub0101_종합민원안내 ***/
				.procedure li { background:url('./../img/content/sub01/bullet.png') no-repeat right 40px; padding:0 15px 0 5px; }
				.procedure li .step_img { width:95px; height:95px; padding:20px 0 0 0; margin:0 0 10px 0; }
				.procedure li .step_img img { height:70%; }
				.procedure li span { font-size:13px; }

				

		}


		/* 모바일 */
		@media only screen and (max-width:490px){

			/* .sub_0102_btn .ft-r { margin:5px 0 0 0; float:left; } */

			/***** sub01_참여민원 *****/
				/*** sub0101_종합민원안내 ***/
				.procedure li { background:url('./../img/content/sub01/bullet.png') no-repeat right 50px; padding:0 20px 0 5px; margin:0 5px 10px 0; }
				.procedure li .step_img { width:110px; height:110px; padding:20px 0 0 0; margin:0 0 5px 0; }

				.procedure li:first-child { padding-left:5px; }

				/*** sub0102_02 지방청장과의대화 ***/
				.sub_0102_btn { text-align:center; }
				/* .sub_0102_btn .ft-l { float:none; display:inline-block; }
				.sub_0102_btn .ft-r { float:none; display:inline-block; } */



		}


/*** 사이트맵 ***/
.sitemapbox > h4 {margin-bottom:0 !important;padding-bottom:20px;border-bottom:4px solid #2185da;}
.sitemapbox > h4 a {position:relative;display:block;}
.sitemapbox > h4 a:before {content:"";position:absolute;right:0;top:12px;width:20px;height:1px;background:#000;}
.sitemapbox > h4 a:after {content:"";position:absolute;right:9px;top:2px;width:1px;height:20px;background:#000;}
.sitemapbox > h4.on a:after {display:none;}
.sitemap { padding-top:30px;font-size:0;letter-spacing:-5px;}
.sitemap.on {}
.sitemap:after {content:"";display:block;clear:both;}
.sitemap > li {display:inline-block;width:25%;padding:0 10px;font-size:17px;letter-spacing:0;vertical-align:top;}
.sitemap > li h4 a {display:table;width:100%;height:50px;margin-bottom:5px;padding:0 15px;font-weight:800;font-size:18px;color:#111;border:1px solid #bbb;}
.sitemap > li h4 a span {display:table-cell;vertical-align:middle;}
.sitemap .sitemap_1dep {margin:20px 10px 20px 10px;}
.sitemap .sitemap_1dep > li h5 {position:relative;margin:10px 0;padding-left:12px;font-size:17px;font-weight:400;color:#111;}
.sitemap .sitemap_1dep > li h5:before {content:"";position:absolute;left:0;top:8px;width:5px;height:5px;background:#4473cc;border-radius:100%;}
.sitemap .sitemap_2dep {padding-left:12px;}
.sitemap .sitemap_2dep li a {display:inline-block;margin-bottom:5px;color:#777;}

.sitemap_ex > li {width:100%;}
.sitemap_ex .sitemap_1dep {min-height:auto;margin-bottom:40px;}
.sitemap_ex .sitemap_1dep > li {display:inline-block;width:19%;}

.sitemapbox > ul.sitemap_ex2 {}
.sitemapbox > ul.sitemap_ex2 li {float:none;display:inline-block;width:19%;}
.sitemapbox > ul.sitemap_ex2 li h4 {position:relative;margin:10px 0;padding-left:12px;font-size:18px;color:#111;}
.sitemapbox > ul.sitemap_ex2 li h4:before {content:"";position:absolute;left:0;top:11px;width:5px;height:5px;background:#004c9d;border-radius:100%;}
.sitemapbox > ul.sitemap_ex2 li h4 a {display:inline-block;margin-bottom:0;font-weight:400;font-size:18px;color:#111;}

	/* 태블릿 */
	@media only screen and (max-width:1023px){
		/* 사이트맵 */
		.sitemap > li {float:none;display:inline-block;width:32%;vertical-align:top;}
		.sitemap_ex .sitemap_1dep > li {display:inline-block;width:32%;}
		.sitemap_ex > li {width:100%;}
		.sitemapbox > ul.sitemap_ex2 li {width:32%;}
	}
	/* 모바일 */
	@media only screen and (max-width:767px){
		/* 사이트맵 */
		.sitemap > li {width:100%;}
		.sitemap > li:first-child h4 a {margin-top:0;}
		.sitemap > li h4 a {font-size:16px;}
		.sitemap .sitemap_1dep {min-height:auto;font-size:16px;}
		.sitemap .sitemap_1dep > li h5 {margin:4px 0;font-size:16px;}
		.sitemap .sitemap_1dep > li {display:inline-block;width:100%;margin-bottom:10px;vertical-align:top;font-size:0;}
		.sitemap .sitemap_2dep:after {content:"";display:block;clear:both;}
		.sitemap .sitemap_2dep li a {font-size:14px;}
		.sitemapbox > ul.sitemap_ex2 li {width:49%;}
	}