

<style>{}

div.main_slide{width:100%; min-width:1200px; height: 400px; margin: 0 auto; position: relative;}
li.slide_li{ width: 100%; height:400px; background-position:center center ; z-index:-100 ;background-repeat: no-repeat; background-size:cover ;}


/*main banner */
div.main_banner_wrap{background-color: #0b96d7; width: 100%; height: 65px;}
div.main_banner_link{width:1200px;margin:0 auto; padding:13px 22px; overflow: hidden; position: relative;}

div.bannerslider{background-color:#fff;  }
li.banner_slider{width: 100%; height:40px; background-position:center center ; z-index:-100 ;background-repeat: no-repeat;}
img#slider-next{position: absolute; top: 23px; left: 0px; cursor: pointer;}
img#slider-prev{position: absolute; top: 23px; right:0px; cursor: pointer;}



/* main */

p.main_top{font-family: "NanumBarunGothic"; font-size:36px; text-align: center; margin:50px 0}

div.main_box{float:left; width:285px; height:225px; margin: 0 20px 20px 0}
div.main_box.margin0{margin:0px}
div.main_box.bg1{background-image:url("/img/ptn_1.png") }
div.main_box.bg2{background-image:url("/img/ptn_2.png") }

div.main_box div{display: block;width: 100%; height: 110px; margin-top:30px; background-position: center;background-repeat: no-repeat; background-size: auto 100%;  }
div.main_box div.icon_01{background-image: url("/img/icon_01.png"); } /* 비영리법인 */
div.main_box div.icon_02{background-image: url("/img/icon_02.png"); } /* 사회적기업 */
div.main_box div.icon_03{background-image: url("/img/icon_03.png"); } /* 협동조합 */
div.main_box div.icon_04{background-image: url("/img/icon_04.png"); } /* 마을기업 */

div.main_box div.icon_05{background-image: url("/img/icon_n05.png"); } /* 농업법인/영농조합 */
div.main_box div.icon_06{background-image: url("/img/icon_05.png"); } /* 여성/장애인 */
div.main_box div.icon_07{background-image: url("/img/icon_07.png"); } /* 공장승인 */
div.main_box div.icon_08{background-image: url("/img/icon_08.png"); } /* 기업부설 */

div.main_box div.icon_09{background-image: url("/img/icon_n09.png"); } /* ISO9001/14001/45001 */
div.main_box div.icon_10{background-image: url("/img/icon_n10.png"); } /* 출입국 비자업무 */
div.main_box div.icon_11{background-image: url("/img/icon_09.png"); } /* 행정심판 */
div.main_box div.icon_12{background-image: url("/img/icon_11.png"); } /* 각종계약서 */

div.main_box p{font-family: "NanumBarunGothic"; font-size:20px; font-weight: normal; margin: 25px 0 0 0; padding: 0; text-align: center}
div.main_box p.add{margin-top:8px; font-size:16px; font-weight: normal}

div.main_noti_box{padding: 40px 0; margin: 0; width: 100%; overflow: hidden}

div.main_noti_box div{float: left; width:100%; border: 0px solid #cdcdcd;}
div.main_noti_box div.b1{width: 580px; margin: 0 20px 0 0;}
div.main_noti_box div.b2{width: 580px; margin: 0 0 0 20px;}

div.main_noti_box div p.tt{font-size:40px; margin: 0 0 6px 0; padding: 0; font-family: "NanumBarunGothic"; cursor: pointer}
div.main_noti_box div p.tt.add{font-size:16px;cursor: initial; margin-bottom:20px}



div.main_noti_box div.noti_list, {padding: 0px; margin:0;
	border: 1px solid transparent;
	border-radius: 10px;
	background-image: linear-gradient(#fff, #fff), 
	linear-gradient(to right, #84dd6c 0%,  #3aa0f3 100%);
	background-origin: border-box;
	background-clip: content-box, border-box;
	
	
}
div.main_noti_box div.noti_list a{display: block; white-space: nowrap;	overflow: hidden; margin: 0; padding:4px 6px 3px 6px; font-size: 16px; color: #696969;line-height: 22px;}
div.main_noti_box div.noti_list a span.material-icons{margin-left: 3px; font-size:16px; color:#ff6262; vertical-align: bottom; line-height: 1.1em;}
div.main_noti_box div.noti_list a span.material-icons.dot{margin-right: 3px; font-size:7px; color:#ccc; vertical-align: 2px; line-height: 1.1em;}
div.main_noti_box div.noti_list a span.material-icons.secr{color:#aaa; }
div.main_noti_box div.noti_list a:hover{color: #333; }
div.main_noti_box div.noti_list a span.day{float: right; color: #666; }
div.main_noti_box div.noti_list a span.result{float: right; color: #fff; background-color: #88abda; border-radius: 5px; padding: 0 5px 3px 5px ;font-size:14px; margin-left:5px;width:53px; text-align: center}

div.noti_list a.cal{}
div.noti_list a.cal span.calday{color: #111; padding-right:8px; font-weight: bold}


div.noti_list p.sangdam{font-size: 16px; color: #1e73af; margin: 0; padding: 2px 0; font-weight: bold;}
div.noti_list p.sangdam span.material-icons{vertical-align: -7px; margin-right: 5px; color: #67b0e6; font-size: 24px;}
div.noti_list p.sangdam a.addlink{padding: 5px;}


div.photo_list{margin:0 0 20px 0; padding:0px; border-radius: 0px; }
div.photo_list {text-align: center;}
div.photo_list div.photo_box{display: inline-block; width: 135px; height: 210px; margin:0 10px 0 0;}
div.photo_list div.photo_box div.photos{width: 100%; height: 170px; background-size: cover; cursor: pointer; background-position: center center; border:1px solid #cdcdcd}
div.photo_list div.photo_box a{display: block; white-space: nowrap;	overflow: hidden; text-overflow: ellipsis;margin: 0; padding: 6px; font-size: 14px; color: #333;line-height: 1em;}
div.photo_list div.photo_box a:hover{color: #607d8b; background-color: #fafafa;}

/* body */
div.body_body{margin:0 auto; }

div.body_body div.sub_top{width :100%; height: 233px; background-position: center center; background-repeat: no-repeat; background-size:contain; position: relative;  margin: 0 auto ; background-color: #8c95a9}

div.body_body div.sub_top p.tt{position: absolute;  background-color: #3f51b588; top:90px; left:20%; font-size:28px; color: #fff; display: inline-block; padding: 5px; margin: 0; line-height: 1em; font-family: "Nanum Gothic"; font-weight: 600}
div.body_body div.sub_top p.txt{position: absolute;  background-color: #d81b6022; top:135px; left:20%; font-size:18px; color: #fff; display: inline-block; padding: 5px; margin: 0; line-height: 1.5em; font-family: "Nanum Gothic"; font-weight: 400}



div.body_body div.s2{width:1200px;  height:58px; background-color: rgba(0,0,0,0.7); overflow: hidden; margin:0 auto; margin-top:-58px; z-index: 10; position: relative}
div.body_body div.s2 a{float: left; min-width:180px; padding:15px; display: block; font-size: 18px; color:#fff; text-align: center;  height:100%}
div.body_body div.s2 a:hover, div.body_body div.s2 a.hover{background-color: #b569dec6}

div.sub_menu3{width:100%;  background-color: #f2f2f2; overflow: hidden; margin-bottom:25px}
div.sub_menu3 a{float:left; padding:20px 5px; display: block; font-size: 18px; color:#999; text-align: center;  border-bottom:1px solid #333}
div.sub_menu3 a.hover{background-color: #fff; color:#666; border: 1px solid #333; border-bottom-width: 0  }
div.sub_menu3 a:hover{background-color: #efefef; color:#888}


div.body_body div.body_contents{width: 1200px; margin: 0 auto;  position: relative; min-height:450px; overflow: hidden; padding-bottom:90px}

div.body_body div.body_contents p.page_map{padding: 20px 0; margin: 0; text-align: right;font-size: 12px; font-weight: normal; font-size: 12px; font-family:"Gulim" ; color: #555;}
div.body_body div.body_contents p.page_map img{vertical-align: middle;}
div.body_body div.body_contents p.page_map a{font-weight: bold; color: #333; }
div.body_body div.body_contents p.page_map a:hover{color: #f50;}

div.body_body div.body_contents p.page_name{padding: 25px 0 0 0;  font-size: 32px; font-weight: 400; margin: 35px; color: #333; line-height: 1em;font-family:"Noto Sans KR" ; text-align: center}
div.body_body div.body_contents p.page_name span{display: block; font-size: 15px; font-weight: 400; color: #666; font-family: "Nanum Gothic";}


div.body_body div.body_contents div.left{vertical-align: top; display: inline-block; width: 220px; }
div.body_body div.body_contents div.right{vertical-align: top; display: inline-block; width: 977px; min-height:500px; border-left:1px solid #ddd; padding-left:20px;margin-left:-3px; padding-bottom: 50px;}

div.left_top_text{color: #999; font-size: 12px; letter-spacing: -1px;}
p.left_top_tit{font-family:"Noto Sans KR" ; font-weight: 700; font-size: 28px; margin: 0; padding: 5px 0 35px 0;}
p.sub_page_title{color:#696969}



/*bottom*/
div.bottom{text-align:center; margin:0px; border-width:11px 0 14px 0; border-color: #88abda; border-style: solid}

div.bottom div.bbody{ padding: 30px 0;margin:0 auto;width: 1200px; vertical-align: top; }
div.bottom div.bbody div.logo{display: inline-block; width: 400px; vertical-align: top; padding-top: 0px;}
div.bottom div.bbody div.logo img{display: block; margin-top:9px; height: auto}
div.bottom div.bbody div.text{display: inline-block; width: 790px; font-size: 13px; color: #fff; padding-left: 20px;}
div.bottom div.bbody div.text p{ text-align: left; padding: 0; margin: 0; font-weight: normal; font-size:16px}
div.bottom div.bbody div.text p span{color: #ffeb3b;}

div.bottom_line{text-align:center; margin:0px; color:#fff; background-color: #564c58; margin:0; padding:12px}
div.bottom_line p.txt{width:1200px; margin:0 auto; padding:0 ; text-align:right; }
div.bottom_line p a{color:#fff }


/*popup*/
div.popup{display: block; position: absolute; margin: 0; padding: 0; overflow: hidden; z-index: 100}
div.popup p{margin: 0; padding: 0; }
div.popup_bottom{text-align: center; background-color: rgba(0,0,0,0.55); position: absolute; bottom:0px; width: 100%; color: #fff;}
div.popup_bottom label{font-size: 12px; padding:2px 10px;}
div.popup_bottom label:hover{color: #d7d7d7; }

div.popup_bottom label i{font-size: 17px; margin-right: 2px;}

span.popup_close{display: inline-block; position: absolute; right: 5px; top: 5px; color:rgba(0,0,0,0.5); cursor: pointer; background-color: rgba(255,255,255,0.5);}
span.popup_close:hover{color:rgba(255,0,0,0.85); background-color: rgba(255,0,0,0.1);}


span.hdn_menu{color: #f00;}
{}
</style>