@charset "utf-8";
/* CSS Document */



/********PC********/
@media (min-width:1025px){

.mo_content{display:none;}

/* IE 10, 11의 네이티브 화살표 숨기기 */
select::-ms-expand { 
  display: block;
} 
 
/*서브메인 03 농어촌공사 홈 시작*/
#submain03_wrap{ width:1024px; height:1000px;  margin:0 auto 15px auto;  background:#f8f8f8; } /*메인화면 백그라운드*/
.submain_03_icon{ padding-top:0px; width:100%; height:160px;}
.submain_03_icon_bg{ width:1024px; height:160px; background:#fff; margin:0 auto; border:1px solid #666 ;  border-radius: 0px; background:#666666; }
/*-moz-box-shadow:5px 5px 7px #333}*/
.submain_03_icon .submain_03_icon_bg .icon_box{ margin-left:10px; margin-top:0px;	float: left; width: 100%; }
.submain_03_icon .submain_03_icon_bg .icon_box h2{ font-size:16px; text-align:center; margin-top:10px; color:#666}
.submain_03_icon .submain_03_icon_bg .icon_box ul{ margin-top:20px; width:100%; height:140px;}
.submain_03_icon .submain_03_icon_bg .icon_box ul li{margin-left:23px; float: left; width: 118px; text-align:center; }
.submain_03_icon .submain_03_icon_bg .icon_box ul li span{display:block; text-align:center; width:120px;}
.submain_03_icon .submain_03_icon_bg .icon_box ul li a{ font-size:14px; color:#fff; line-height:16px}
.submain_03_icon .submain_03_icon_bg .icon_box ul li a:hover{ font-size:14px; color:#fff; line-height:16px}


#submain03_container{margin:0 auto; height:840px; width:1024px; position:relative; clear:both   } /*메인아래단 위치 및 크기*/
/*농어촌 공사 게시판 6개짜리 설정 */
.submain03_content{max-width:1024px; height:900px; margin:0 auto;}
.submain03_content .content_a {float:left; width:500px; height:268px;background:#fff; margin-top:10px ;margin-right:1px; border: 1px solid #999; }
.submain03_content .content_b {float:right; width:500px; height:268px;background:#fff; margin-top:10px; margin-left:1px; border: 1px solid #999;}
.submain03_content .content_c {float:left; width:500px; height:268px;background:#fff; margin-top:10px;margin-right:1px;  border: 1px solid #999;}
.submain03_content .content_d {float:right; width:500px; height:268px;background:#fff; margin-top:10px;margin-left:1px; border: 1px solid #999; }
.submain03_content .content_e {float:left; width:500px; height:268px;background:#fff; margin-top:10px;margin-right:1px;  border: 1px solid #999;}
.submain03_content .content_f {float:right; width:500px; height:268px;background:#fff; margin-top:10px;margin-left:1px; border: 1px solid #999; }


/* submain03 농어촌공사 게시판 시작 */

.submain03_content{ padding:auto;  width:1024px; height:840px; }

.content_a{ width:100%;}
.content_a span{ float:left; width:100%;}
.content_a span .no_box{ padding:12px; height:246px;}
.content_a span .no_box .tit{ width:100%; height:20px; position:relative; border:#000 solid 1px; }
.content_a span .no_box .tit .tit_l{ float:left; width:80%; margin-top:2px;}
.content_a span .no_box .tit .tit_l span{ font-size:14px; color:#585858; font-weight:bold; margin-left:15px;}
.content_a span .no_box .tit .tit_r{ float:right; width:20%; text-align:right; margin-top:1px;}
.content_a span .no_box .tit_con{ width:100%; height:215px; padding-top:10px; background:#f8f8f8;}
.content_a span .no_box .tit_con .tit_l{float:left; width:70%; line-height:20px; font-size:12px;}
.content_a span .no_box .tit_con .tit_l a{color:#000;}
.content_a span .no_box .tit_con .tit_l:hover {font-weight:bold; color: #000; font-size: 12px;}
.content_a span .no_box .tit_con .tit_r{ float:right; width:30%; line-height:20px; font-size:12px; text-align:right}


.content_b{ width:100%;}
.content_b span{ float:right; width:100%;}
.content_b span .no_box{ padding:12px; height:246px;}
.content_b span .no_box .tit{ width:100%; height:20px; position:relative; border:#000 solid 1px;}
.content_b span .no_box .tit .tit_l{ float:left; width:70%; margin-top:2px; margin-left:20px}
.content_b span .no_box .tit .tit_l span{ font-size:14px; color:#585858; font-weight:bold; }
.content_b span .no_box .tit .tit_r{ float:right; width:20%; text-align:right; margin-top:1px;}
.content_b span .no_box .tit_con{ width:100%; height:215px; padding-top:10px; background:#f8f8f8}
.content_b span .no_box .tit_con .tit_l{float:left; width:70%; line-height:20px; font-size:12px;}
.content_b span .no_box .tit_con .tit_l a{color:#000;}
.content_b span .no_box .tit_con .tit_l:hover {font-weight:bold; color: #000; font-size: 12px;}
.content_b span .no_box .tit_con .tit_r{ float:right; width:30%; line-height:20px; font-size:12px; text-align:right}

.content_c{ width:100%;}
.content_c span{ float:left; width:100%;}
.content_c span .no_box{ padding:12px; height:246px;}
.content_c span .no_box .tit{ width:100%; height:20px; position:relative; border:#000 solid 1px;}
.content_c span .no_box .tit .tit_l{ float:left; width:80%; margin-top:2px;}
.content_c span .no_box .tit .tit_l span{ font-size:14px; color:#585858; font-weight:bold; margin-left:15px; }
.content_c span .no_box .tit .tit_r{ float:right; width:20%; text-align:right; margin-top:1px;}
.content_c span .no_box .tit_con{ width:100%; height:215px; padding-top:10px;  background:#f8f8f8}
.content_c span .no_box .tit_con .tit_l{float:left; width:70%; line-height:20px; font-size:12px;}
.content_c span .no_box .tit_con .tit_l a{color:#000;}
.content_c span .no_box .tit_con .tit_l:hover {font-weight:bold; color: #000; font-size: 12px;}
.content_c span .no_box .tit_con .tit_r{ float:right; width:30%; line-height:20px; font-size:12px; text-align:right}

.content_d{ width:100%;}
.content_d span{ float:left; width:100%;}
.content_d span .no_box{ padding:12px; }
.content_d span .no_box .tit{ width:100%; height:20px; position:relative; border:#000 solid 1px;}
.content_d span .no_box .tit .tit_l{ float:left; width:80%; margin-top:2px;}
.content_d span .no_box .tit .tit_l span{ font-size:14px; color:#585858; font-weight:bold; margin-left:15px;}
.content_d span .no_box .tit .tit_r{ float:right; width:20%; text-align:right; margin-top:1px;}
.content_d span .no_box .tit_con{ width:100%; height:215px; padding-top:10px;  background:#f8f8f8}
.content_d span .no_box .tit_con .tit_l{float:left; width:70%; line-height:20px; font-size:12px;}
.content_d span .no_box .tit_con .tit_l a{color:#000;}
.content_d span .no_box .tit_con .tit_l:hover {font-weight:bold; color: #000; font-size: 12px;}
.content_d span .no_box .tit_con .tit_r{ float:right; width:30%; line-height:20px; font-size:12px; text-align:right}

.content_e{ width:100%;}
.content_e span{ float:left; width:100%;}
.content_e span .no_box{ padding:12px; }
.content_e span .no_box .tit{ width:100%; height:20px; position:relative; border:#000 solid 1px;}
.content_e span .no_box .tit .tit_l{ float:left; width:80%; margin-top:2px;}
.content_e span .no_box .tit .tit_l span{ font-size:14px; color:#585858; font-weight:bold; margin-left:15px;}
.content_e span .no_box .tit .tit_r{ float:right; width:20%; text-align:right; margin-top:1px;}
.content_e span .no_box .tit_con{ width:100%; height:215px; padding-top:10px;  background:#f8f8f8}
.content_e span .no_box .tit_con .tit_l{float:left; width:70%; line-height:20px; font-size:12px;}
.content_e span .no_box .tit_con .tit_l a{color:#000;}
.content_e span .no_box .tit_con .tit_l:hover {font-weight:bold; color: #000; font-size: 12px;}
.content_e span .no_box .tit_con .tit_r{ float:right; width:30%; line-height:20px; font-size:12px; text-align:right}

.content_f{ width:100%;}
.content_f span{ float:left; width:100%;}
.content_f span .no_box{ padding:12px; }
.content_f span .no_box .tit{ width:100%; height:20px; position:relative; border:#000 solid 1px;}
.content_f span .no_box .tit .tit_l{ float:left; width:80%; margin-top:2px;}
.content_f span .no_box .tit .tit_l span{ font-size:14px; color:#585858; font-weight:bold; margin-left:15px;}
.content_f span .no_box .tit .tit_r{ float:right; width:20%; text-align:right; margin-top:1px;}
.content_f span .no_box .tit_con{ width:100%; height:215px; padding-top:10px;  background:#f8f8f8}
.content_f span .no_box .tit_con .tit_l{float:left; width:70%; line-height:20px; font-size:12px;}
.content_f span .no_box .tit_con .tit_l a{color:#000;}
.content_f span .no_box .tit_con .tit_l:hover {font-weight:bold; color: #000; font-size: 12px;}
.content_f span .no_box .tit_con .tit_r{ float:right; width:30%; line-height:20px; font-size:12px; text-align:right}

.sitemap{ width:100%; height:500px; clear:both; position:relative; color:#8691ac;}
.sitemap ul { margin-top:5px}
.sitemap ul h3{ line-height:30px;}
.sitemap ul h4{ line-height:30px;}
.sitemap li a{ color:#999;}
.sitemap li a:hover{ color:#666;}
.sitemap li{ line-height:24px; text-decoration:none;}
.sitemap h2{ margin-top:20px; text-align:center; color:#000;}
.sitemap h3{ margin-top:20px; text-align:center; color:#000;}
.layer01{ background:#eff6fb; width:50%; float:left ; height:500px;}
.layer02{ background:#eff6fb; width:50%; float:left; height:500px;}
.site_map{ position:absolute; top:0; z-index:300; width:100%;}
.site_bg{ width: 1024px; margin:0 auto; height:500px;}
.sitemap_01{ float:left; width:25%; background:#eff6fb; height:500px;}
.sitemap_02{ float:left; width:25%; background:#eff6fb; height:500px;}
.sitemap_03{ float:left; width:25%; background:#eff6fb; height:500px;}
.sitemap_04{ float:left; width:25%; background:#eff6fb; height:500px;}
.map{ float:left; width:49%; margin-left:1%;}
.mar_10{ margin-left:10px}


/* 서브 메인(농어촌 공사) */
#Pc_Wrap .pc_Header .textarea_02{ overflow: hidden; height:34px; background: url(../../images/main/selct_arrow_blue.png) no-repeat right #fff; border:1px solid #44a1e5; width:100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;  }
#Pc_Wrap .pc_Header .textarea_02 select {background: transparent; width: 100%; font-size: 14px; line-height: 1; border: 0; height: 34px; -webkit-appearance: none; -moz-appearance: none; appearance: none; text-indent: 10px; }


}/*pc끝*/

@media (max-width:1024px) and (min-width:757px){
	
#submain03_wrap{ width:1024px; height:1000px;  margin:0 auto 15px auto;  background:#f8f8f8; } /*메인화면 백그라운드*/
.submain_03_icon{ padding-top:0px; width:100%; height:160px;}
.submain_03_icon_bg{ width:1024px; height:160px; background:#fff; margin:0 auto; border:1px solid #666 ;  border-radius: 0px; background:#666666; }
/*-moz-box-shadow:5px 5px 7px #333}*/
.submain_03_icon .submain_03_icon_bg .icon_box{ margin-left:1px; margin-top:0px;	float: left; width: 100%; }
.submain_03_icon .submain_03_icon_bg .icon_box h2{ font-size:16px; text-align:center; margin-top:10px; color:#666}
.submain_03_icon .submain_03_icon_bg .icon_box ul{ margin-top:20px; width:100%; height:140px;}
.submain_03_icon .submain_03_icon_bg .icon_box ul li{margin-left:23px; float: left; width: 118px; text-align:center; }
.submain_03_icon .submain_03_icon_bg .icon_box ul li span{display:block; text-align:center; width:120px;}
.submain_03_icon .submain_03_icon_bg .icon_box ul li a{ font-size:14px; color:#fff; line-height:16px}
.submain_03_icon .submain_03_icon_bg .icon_box ul li a:hover{ font-size:14px; color:#fff; line-height:16px}

#submain03_container{margin:0 auto; height:840px; width:1024px; position:relative; clear:both   } /*메인아래단 위치 및 크기*/
/*농어촌 공사 게시판 6개짜리 설정 */
.submain03_content{max-width:1024px; height:900px; margin:0 auto;}
.submain03_content .content_a {float:left; width:490px; height:268px;background:#fff; margin-top:10px ;margin-left:5px; border: 1px solid #999; }
.submain03_content .content_b {float:right; width:490px; height:268px;background:#fff; margin-top:10px; margin-right:20px; border: 1px solid #999;}
.submain03_content .content_c {float:left; width:490px; height:268px;background:#fff; margin-top:10px;margin-left:5px;  border: 1px solid #999;}
.submain03_content .content_d {float:right; width:490px; height:268px;background:#fff; margin-top:10px;margin-right:20px; border: 1px solid #999; }
.submain03_content .content_e {float:left; width:490px; height:268px;background:#fff; margin-top:10px;margin-left:5px;  border: 1px solid #999;}
.submain03_content .content_f {float:right; width:490px; height:268px;background:#fff; margin-top:10px;margin-right:20px; border: 1px solid #999; }


/* submain03 농어촌공사 게시판 시작 */

.submain03_content{ padding:auto;  width:1024px; height:840px; }

.content_a{ width:100%;}
.content_a span{ float:left; width:100%;}
.content_a span .no_box{ padding:12px; height:246px;}
.content_a span .no_box .tit{ width:100%; height:20px; position:relative; border:#000 solid 1px; }
.content_a span .no_box .tit .tit_l{ float:left; width:80%; margin-top:2px;}
.content_a span .no_box .tit .tit_l span{ font-size:14px; color:#585858; font-weight:bold; margin-left:15px;}
.content_a span .no_box .tit .tit_r{ float:right; width:20%; text-align:right; margin-top:1px;}
.content_a span .no_box .tit_con{ width:100%; height:215px; padding-top:10px; background:#f8f8f8;}
.content_a span .no_box .tit_con .tit_l{float:left; width:70%; line-height:20px; font-size:12px;}
.content_a span .no_box .tit_con .tit_l a{color:#000;}
.content_a span .no_box .tit_con .tit_l:hover {font-weight:bold; color: #000; font-size: 12px;}
.content_a span .no_box .tit_con .tit_r{ float:right; width:30%; line-height:20px; font-size:12px; text-align:right}

.content_b{ width:100%;}
.content_b span{ float:right; width:100%;}
.content_b span .no_box{ padding:12px; height:246px;}
.content_b span .no_box .tit{ width:100%; height:20px; position:relative; border:#000 solid 1px;}
.content_b span .no_box .tit .tit_l{ float:left; width:70%; margin-top:2px; margin-left:20px}
.content_b span .no_box .tit .tit_l span{ font-size:14px; color:#585858; font-weight:bold; }
.content_b span .no_box .tit .tit_r{ float:right; width:20%; text-align:right; margin-top:1px;}
.content_b span .no_box .tit_con{ width:100%; height:215px; padding-top:10px; background:#f8f8f8}
.content_b span .no_box .tit_con .tit_l{float:left; width:70%; line-height:20px; font-size:12px;}
.content_b span .no_box .tit_con .tit_l a{color:#000;}
.content_b span .no_box .tit_con .tit_l:hover {font-weight:bold; color: #000; font-size: 12px;}
.content_b span .no_box .tit_con .tit_r{ float:right; width:30%; line-height:20px; font-size:12px; text-align:right}

.content_c{ width:100%;}
.content_c span{ float:left; width:100%;}
.content_c span .no_box{ padding:12px; height:246px;}
.content_c span .no_box .tit{ width:100%; height:20px; position:relative; border:#000 solid 1px;}
.content_c span .no_box .tit .tit_l{ float:left; width:80%; margin-top:2px;}
.content_c span .no_box .tit .tit_l span{ font-size:14px; color:#585858; font-weight:bold; margin-left:15px; }
.content_c span .no_box .tit .tit_r{ float:right; width:20%; text-align:right; margin-top:1px;}
.content_c span .no_box .tit_con{ width:100%; height:215px; padding-top:10px;  background:#f8f8f8}
.content_c span .no_box .tit_con .tit_l{float:left; width:70%; line-height:20px; font-size:12px;}
.content_c span .no_box .tit_con .tit_l a{color:#000;}
.content_c span .no_box .tit_con .tit_l:hover {font-weight:bold; color: #000; font-size: 12px;}
.content_c span .no_box .tit_con .tit_r{ float:right; width:30%; line-height:20px; font-size:12px; text-align:right}

.content_d{ width:100%;}
.content_d span{ float:left; width:100%;}
.content_d span .no_box{ padding:12px; }
.content_d span .no_box .tit{ width:100%; height:20px; position:relative; border:#000 solid 1px;}
.content_d span .no_box .tit .tit_l{ float:left; width:80%; margin-top:2px;}
.content_d span .no_box .tit .tit_l span{ font-size:14px; color:#585858; font-weight:bold; margin-left:15px;}
.content_d span .no_box .tit .tit_r{ float:right; width:20%; text-align:right; margin-top:1px;}
.content_d span .no_box .tit_con{ width:100%; height:215px; padding-top:10px;  background:#f8f8f8}
.content_d span .no_box .tit_con .tit_l{float:left; width:70%; line-height:20px; font-size:12px;}
.content_d span .no_box .tit_con .tit_l a{color:#000;}
.content_d span .no_box .tit_con .tit_l:hover {font-weight:bold; color: #000; font-size: 12px;}
.content_d span .no_box .tit_con .tit_r{ float:right; width:30%; line-height:20px; font-size:12px; text-align:right}

.content_e{ width:100%;}
.content_e span{ float:left; width:100%;}
.content_e span .no_box{ padding:12px; }
.content_e span .no_box .tit{ width:100%; height:20px; position:relative; border:#000 solid 1px;}
.content_e span .no_box .tit .tit_l{ float:left; width:80%; margin-top:2px;}
.content_e span .no_box .tit .tit_l span{ font-size:14px; color:#585858; font-weight:bold; margin-left:15px;}
.content_e span .no_box .tit .tit_r{ float:right; width:20%; text-align:right; margin-top:1px;}
.content_e span .no_box .tit_con{ width:100%; height:215px; padding-top:10px;  background:#f8f8f8}
.content_e span .no_box .tit_con .tit_l{float:left; width:70%; line-height:20px; font-size:12px;}
.content_e span .no_box .tit_con .tit_l a{color:#000;}
.content_e span .no_box .tit_con .tit_l:hover {font-weight:bold; color: #000; font-size: 12px;}
.content_e span .no_box .tit_con .tit_r{ float:right; width:30%; line-height:20px; font-size:12px; text-align:right}

.content_f{ width:100%;}
.content_f span{ float:left; width:100%;}
.content_f span .no_box{ padding:12px; }
.content_f span .no_box .tit{ width:100%; height:20px; position:relative; border:#000 solid 1px;}
.content_f span .no_box .tit .tit_l{ float:left; width:80%; margin-top:2px;}
.content_f span .no_box .tit .tit_l span{ font-size:14px; color:#585858; font-weight:bold; margin-left:15px;}
.content_f span .no_box .tit .tit_r{ float:right; width:20%; text-align:right; margin-top:1px;}
.content_f span .no_box .tit_con{ width:100%; height:215px; padding-top:10px;  background:#f8f8f8}
.content_f span .no_box .tit_con .tit_l{float:left; width:70%; line-height:20px; font-size:12px;}
.content_f span .no_box .tit_con .tit_l a{color:#000;}
.content_f span .no_box .tit_con .tit_l:hover {font-weight:bold; color: #000; font-size: 12px;}
.content_f span .no_box .tit_con .tit_r{ float:right; width:30%; line-height:20px; font-size:12px; text-align:right}

.sitemap{ width:100%; height:500px; clear:both; position:relative; color:#8691ac;}
.sitemap ul { margin-top:5px}
.sitemap ul h3{ line-height:30px;}
.sitemap ul h4{ line-height:30px;}
.sitemap li a{ color:#999;}
.sitemap li a:hover{ color:#666;}
.sitemap li{ line-height:24px; text-decoration:none;}
.sitemap h2{ margin-top:20px; text-align:center; color:#000;}
.sitemap h3{ margin-top:20px; text-align:center; color:#000;}
.layer01{ background:#eff6fb; width:50%; float:left ; height:500px;}
.layer02{ background:#eff6fb; width:50%; float:left; height:500px;}
.site_map{ position:absolute; top:0; z-index:300; width:100%;}
.site_bg{ width: 1024px; margin:0 auto; height:500px;}
.sitemap_01{ float:left; width:25%; background:#eff6fb; height:500px;}
.sitemap_02{ float:left; width:25%; background:#eff6fb; height:500px;}
.sitemap_03{ float:left; width:25%; background:#eff6fb; height:500px;}
.sitemap_04{ float:left; width:25%; background:#eff6fb; height:500px;}
.map{ float:left; width:49%; margin-left:1%;}
.mar_10{ margin-left:10px}


/* 서브 메인(농어촌 공사) */
#Pc_Wrap .pc_Header .textarea_02{ overflow: hidden; height:34px; background: url(../images/main/selct_arrow_blue.png) no-repeat right #fff; border:1px solid #44a1e5; width:100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;  }
#Pc_Wrap .pc_Header .textarea_02 select {background: transparent; width: 100%; font-size: 14px; line-height: 1; border: 0; height: 34px; -webkit-appearance: none; -moz-appearance: none; appearance: none; text-indent: 10px; }

}/*아이패드끝*/

/********모바일********/
@media (max-width:758px){
#submain03_wrap{display:none;}
}/*모바일끝*/