@charset "UTF-8";
@import url("http://nuteenamoo.org/fonts/font.css");
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
/* CSS Document */
html,body{}
html, body, ul, ol, li, form, fieldset, legend{margin:0;padding:0;}
body,td,p,input,button,textarea,select,form {
font-family: 'Nanum Gothic', ����, sans-serif;
font-size:0.8em; line-height:2em; margin:0; padding:0; color:#434343;}
a, a:link, a:visited {text-decoration:none;color:#444;}
a:hover, a:active, a:focus {text-decoration:underline;color:#308A6D;}
ol, ul, li {list-style:none;}
img {border:0; padding:0; margin:0;}

.png {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='',sizingMethod='image');}
.btn { text-decoration:none !important;}
.btn:active, .btn.active {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.1);
}

#wrap {margin:0 auto; padding:0; width:990px;}
#head_area {
	clear:both; display:block;
	width:988px; height:142px;
	border-left:1px solid #ddd;
	border-right:1px solid #ddd;
}
#head_area .logo {
	float:left; display:block;
	width:278px; height:142px;
	border-right:1px solid #E2E2E2;
}
	#head_area .logo img {margin:31px 0 0 37px;}

#head_area .header {float:left; position:relative; width:709px;}

	#head_area .header .hello {position:absolute; left:20px; top:39px; color:#555;
	border-left:2px solid #308A6D; display:inline-block; height:14px; line-height:1.1em; padding-left:7px;}

	#head_area .header .outlogin_area {margin:40px 0 0 400px;}

		#head_area .header .outlogin_area li {
			display:inline-block;
			float:left;
			padding:0 11px;
			height:12px;
			overflow:hidden;
		}
		#head_area .header .outlogin_area li.bar {
			background: url("http://nuteenamoo.org/images/new/outlogin_area_bar.jpg") no-repeat;
			display:inline-block; width:2px; height:12px; margin:0; padding:0;
		}

		#head_area .header .outlogin_area li a {
			background: url("http://nuteenamoo.org/images/new/btn_top_allbg.jpg") no-repeat 0px 0px;
			height: 12px; text-indent: -9999px; overflow: hidden; float: left;
		}
		#head_area .header .outlogin_area li a.gnb_home    {background-position:   0px 0px; width:11px;}
		#head_area .header .outlogin_area li a.gnb_login   {background-position: -11px 0px; width:30px;}
		#head_area .header .outlogin_area li a.gnb_join    {background-position: -41px 0px; width:40px;}
		#head_area .header .outlogin_area li a.gnb_search  {background-position: -82px 0px; width:40px;}
		#head_area .header .outlogin_area li a.gnb_logout  		 {background-position: -122px 0px; width:42px;}
		#head_area .header .outlogin_area li a.gnb_modify  		 {background-position: -164px 0px; width:40px;}

		#head_area .header .outlogin_area li a.gnb_home:hover   {background-position:   0px -12px; width:11px;}
		#head_area .header .outlogin_area li a.gnb_login:hover  {background-position: -11px -12px; width:30px;}
		#head_area .header .outlogin_area li a.gnb_join:hover   {background-position: -41px -12px; width:40px;}
		#head_area .header .outlogin_area li a.gnb_search:hover {background-position: -82px -12px; width:40px;}
		#head_area .header .outlogin_area li a.gnb_logout:hover   {background-position: -122px -12px; width:42px;}
		#head_area .header .outlogin_area li a.gnb_modify:hover   {background-position: -164px -12px; width:40px;}

		#head_area .header .outlogin_area ul a.gnb_sns_fb {
			background: url("http://nuteenamoo.org/images/new/sns_icon.png") no-repeat;
			display:inline-block;
			width:30px; height:30px;
			text-indent: -9999px;
			overflow:hidden;
			margin-top:-10px;
			margin-left:7px;
		}
		#head_area .header .outlogin_area ul a.gnb_sns_fb.instar {
			background-position:-30px 0px;
		}


	/*main-navigation*/
	/*1����*/
	#menu_area 	{display:block; float:left;	width:709px; height:63px; margin-top:19px; position:relative; font-family: 'nanum-square-r';  }
	#menu_area .gnb_inner 	{margin:0; padding:0; width:709px; height:63px; float:left;}
	#menu_area .gnb_inner .gnb		 { float: left; padding:0; margin:0; width:100%; } /*ul*/
	#menu_area .gnb_inner .gnb li	 {list-style:none; float: left; width:20%; text-align:center; position:relative; }
	#menu_area .gnb_inner .gnb li a	 {height:62px; overflow: hidden; float: left; line-height:62px; font-size:17px; font-weight:700; border-top:1px solid #ddd; border-right:1px solid #ddd; width:100%; text-decoration: none; }
  #menu_area .gnb_inner .gnb li:last-child a {
    border-right:0;
  }
	#menu_area .gnb_inner .gnb li.on a { background:url("http://nuteenamoo.org/images/new/gnb_border_color.jpg"); background-repeat:repeat-x; color:#3d9563; border-top:1px solid #3d9563; }
/*
  #menu_area .gnb_inner .gnb li.on::before {
    content:'';
    position:absolute;
    width:100%;
    height:5px;
    background:#3d9563;
    top:0;
    left:0;
  } */

	/*2����*/
	#warp_lnb 				{position:absolute; left:0; top:63px; margin:0; padding:0; z-index:3; }
	#warp_lnb .lnb_inner 	{margin:0; padding:0;  float:left; }

	#warp_lnb .lnb_inner ul 		{display:none;}
	#warp_lnb .lnb_inner ul.on 		{display:block;}

	#warp_lnb .lnb				 {display:inline-block; background:#fff; border:1px solid #EDEDED; padding:10px 15px;  box-sizing: border-box;}
	#warp_lnb .lnb li			 { }
	#warp_lnb .lnb li a 		 {line-height:1.3em;list-style:none; display:block; padding:7px 0; font-size:13px; }
	#warp_lnb .lnb li a:hover 	 {text-decoration:none; font-weight:bold; color:#308A6D;}
	#warp_lnb .lnb li.on 	     {text-decoration:none; font-weight:bold; color:#308A6D;}

	#warp_lnb .lnb_0 {width:141px;}
	#warp_lnb .lnb_1 {width:141px; margin-left:142px;}
	#warp_lnb .lnb_2 {width:141px; margin-left:284px;}
	#warp_lnb .lnb_3 {width:141px; margin-left:426px;}
	#warp_lnb .lnb_4 {width:142px; margin-left:568px;}


#main_visual_area {
	margin:0 auto;
	clear:both; display:block;
	width:990px; height:320px;
}
	.main_quickmenu {
		float:left;
		display:inline-block;
		width:280px; height:320px;
		background-color:#3AB12A;
	}
		.main_quickmenu ul.quickmenu {
			width:260px; height:260px;
			overflow:hidden;
			margin:0 10px 0 10px;
		}
			.main_quickmenu ul.quickmenu li {
				float:left; display:inline-block;
				width:130px; height:91px;
				text-align:center;
				padding-top:39px;
			}
			.main_quickmenu ul.quickmenu li a {opacity:1}
			.main_quickmenu ul.quickmenu li a:hover {opacity:0.6}

		.main_quickmenu ul.quickmenu_bottom {
			width:260px; height:40px;
			overflow:hidden;
			padding:20px 10px 0 10px;
			background-color:#9D1D84;
		}
			.main_quickmenu ul.quickmenu_bottom li {
				float:left; display:inline-block;
				width:130px; height:60px;
				text-align:center;
			}


#main_container {
	margin:0 auto;
	width:990px;
}

#main_sidebar {
	float:left;
	width:238px;
	border-left:1px solid #DDDDDD;
	border-right:1px solid #E2E2E2;
	padding:35px 20px 108px 20px;
}

	#main_sidebar ul.list {margin-top:13px;}
	#main_sidebar ul.list li a {
		line-height:1.9em;
		padding-left:13px;
		background:url("http://nuteenamoo.org/images/new/bull_cross.jpg") no-repeat 0 4px;}
	.main_relatednews,
	.main_dataroom,
	.main_banner_nanum {margin-top:28px;}
	#main_sidebar ul.list li.nodata {display:inline-block; height:75px; color:#666; line-height:1.9em; padding-left:13px;}

#main_content {
	float:left;
	width:659px;
	border-right:1px solid #DDDDDD;
	padding:21px 25px 44px 25px;
}


#sub_visual_area {
	margin:0 auto;
	clear:both; display:block;
	width:990px; height:165px;
}
	.sub_quickmenu {
		float:left;
		display:inline-block;
		width:280px; height:165px;
		background-color:#3AB12A;
	}
		.sub_quickmenu ul.quickmenu {
			width:260px; height:115px;
			overflow:hidden;
			margin:0 10px 0 10px;
		}
			.sub_quickmenu ul.quickmenu li {
				float:left; display:inline-block;
				width:65px;
				text-align:center;
				padding-top:25px;
			}
			.sub_quickmenu ul.quickmenu li a {opacity:1}
			.sub_quickmenu ul.quickmenu li a:hover {opacity:0.6}

		.sub_quickmenu ul.quickmenu_bottom {
			width:260px; height:35px;
			overflow:hidden;
			padding:15px 10px 0 10px;
			background-color:#9D1D84;
		}
			.sub_quickmenu ul.quickmenu_bottom li {
				float:left; display:inline-block;
				width:130px; height:50px;
				text-align:center;
			}

	.sub_top_visual {
		float:left;
		display:inline-block;
		width:710px; height:165px;
		overflow:hidden;
		background:url("http://nuteenamoo.org/images/new/sub_top_visual.jpg") no-repeat;
	}
#member_wrap {font-size:1.2em;}

#sub_container {
	margin:0 auto;
	width:990px;
	overflow:hidden; position:relative;
}

#sub_sidebar {
	float:left;
	width:218px;
	position:absolute; left:0; top:0; bottom:0;
	border-left:1px solid #DDDDDD;
	border-right:1px solid #E2E2E2;
	padding:30px 30px 45px 30px;
}

	.sub_banner_nanum {margin-top:28px;}

#sub_content {
	float:right;
	width:659px;
	min-height:340px;
	border-right:1px solid #DDDDDD;
	padding:30px 25px 80px 25px;
}

#sub_title {
	font-size:1.3em; color:#30A060; font-weight:bold;
	padding-left:39px;
	padding-bottom:9px;
	background:url("http://nuteenamoo.org/images/new/icon_leaf_sub_title.jpg") no-repeat;
	border-bottom:1px solid #DBDBDB;
}
	.sub_pageSection {margin-top:25px; width:100%; display:inline-block;}

		.sub_pageSection ul.title_bk {
			display:block;
			height:16px;
			border-left:2px solid #444;
			padding-left:7px;
			margin-bottom:7px;
			font-weight:bold;
			font-size:1.2em;
			line-height:1.1em;
		}
		.sub_pageSection ul.text {font-size:0.95em;}



#sub_menu {}
	#sub_menu ul.title {
		display:block;
		width:100%;
		height:32px;
	}
		#sub_menu ul.title li {display:inline-block; float:left;}
		#sub_menu ul.title li.cateName    {
			font-size:2.5em;font-weight:bold;
			letter-spacing:-2.2px;
			padding-right:12px;
			/*background:url("http://nuteenamoo.org/images/new/left_submenu_dot.jpg") no-repeat right 12px;*/
		}
		#sub_menu ul.title li.cateName_small    {
			font-size:2.2em;font-weight:bold;
			letter-spacing:-2.2px;
			padding-right:12px;
			/*background:url("http://nuteenamoo.org/images/new/left_submenu_dot.jpg") no-repeat right 12px;*/
		}
		#sub_menu ul.title li.cateName_en {font-size:0.9em; color:#999; margin-left:8px;}

	#sub_menu ul.menu {
		display:block;
		width:100%;
		border-top:1px solid #DDDDDD;
		margin-top:15px;
	}
	#sub_menu ul.menu li a {
		font-size:1.1em;
		display:block;
		padding:10px 13px;
		border-bottom:1px solid #ededed;
		font-weight:600; color:#555;
	}
	#sub_menu ul.menu li a.on {color:white; background-color:#30A060;}





#footer {
	margin:0 auto;
	clear:both;
	display:block;
	width:990px;
	height:160px;
	background-color:#4C4C4C;
	color:#B7B7B7;
}
	#footer .left {
		float:left;
		width:700px;
		margin:35px 0 0 38px;
		font-size:0.95em;
		line-height:1.5em;
	}
	#footer .right {
		float:right;
		margin:16px 60px 0 0;
		width:158px; text-align: center;
	}




.member {font-weight:bold;color:#333;}
.guest  {font-weight:normal;color:#555;}


	select { font-size:1.3em;
		padding:5px;
		border:1px solid #ccc;
		height:29px;
		color:#333;
	}
	input {font-size:1em;
		padding:3px 5px;
		border:1px solid #ccc;
		height:29px;
		color:#333;
	}

	input#btn_submit {padding:0; margin:0; border:0; vertical-align:middle;}
	textarea {border:1px solid #ccc;font-size:1em;}

	.btn_submit {padding:0 14px;border:0;background:#30A060;color:#fff;cursor:pointer;}
	.button_submit_green {width:100%; height:46px; border:none; background:#30A060; color:#fff; cursor:pointer;}

	.btn_blue {padding:3px 10px 3px 10px; border:0; background:#506A81;
	color:#fff; font-weight:bold;  cursor:pointer;
	display:inline-block; margin:0;}

	.btn_small_blue {
		display:inline-block;
		vertical-align:absmiddle;
		border:0;
		font-weight:bold;
		color:#fff;
		background:#506A81;
		padding:2px 10px 2px 10px;
	 }

	.btn_white {
		display:inline-block; vertical-align:absmiddle;
		font-weight:bold;
		border:1px solid #ccc;
		background:#FFF;
		color:#545861;
		padding:2px 10px 2px 10px;
	}

	/*pageing*/
	.board_page {clear:both; text-align:center; padding-top:25px; font-weight:bold; }
	.board_page span { margin-right:4px; display:inline-block; }
	.board_page span a {display:inline-block; width:26px; height:26px; border:1px solid #d4d4d4; color:#888;}
	.board_page span a:hover {background:#ededed; text-decoration:none;}
	.board_page span a.current {background:#30A060; border:1px solid #30A060; color:#fff; font-weight:bold; display:inline-block; width:26px; height:26px;}
	.board_page span.next a {padding:0 10px;}
	.board_page span.prev a {padding:0 10px;}

/* �μ����� */
.agency_wrap {
	padding-bottom:20px;
	border-bottom:1px solid #ddd;
}
.img_map_box {
	text-align: center;
}
.img_map_box img {
  max-width: 100%;
  margin-top:18px;
}
.img_map_box .img_map {
	display: inline-block;
	width:479px;
	height:224px;
	background:url('../images/new/agency_img01.png')no-repeat;
}
.agency_txt_list {
	text-align: center;
	margin-top:18px;
}
.agency_txt_list::after {
	content: '';
	display:block;
	clear:both;
}
.agency_txt_list li {
	display:inline-block;
	padding:8px 15px;
	border:1px solid #30A060;
	text-align: center;
	margin-right:5px;
	border-left-width:5px;
	overflow:hidden;
	font-family: 'nanum-square-r';
}

caption, legend {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}
.nav-pills {  }
.nav-pills li { width:327px; text-align: center; border:1px solid #ddd; box-sizing:border-box; }
.nav-pills li + li { margin-left:5px; }
.nav-pills li.active {
	border:1px solid #30A060;
}
.nav-pills li > a {
	border-radius:0;
}
.nav-pills li.active > a {
	border-radius:0;
	background-color:#30A060 !important;
}
.table-wrap {
	border-top: 2px solid #30A060;
	margin-top:20px;
}
.table-wrap .table th {
	text-align: center;
	border-bottom:1px solid #30A060;
	vertical-align: middle;
}
.table-wrap .table td {
	text-align: center;
	vertical-align: middle;
}
.table-wrap .table .txt-left {
	text-align: left !important;
}
