.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

* html > body .clearfix {
	display: block;
	width: 100%;
}

* html .clearfix {
	height: 1%;
}
/*popup*/
#bodyPopup { background: none !important;}
#bodyPopup h4,#bodyPopup h3,#bodyPopup h2,#bodyPopup img { margin: 0px; padding: 0px;}
#bodyPopup #container .popup02, #bodyPopup #container .popup03 { width: 350px; background: #ffffff;}
#bodyPopup #body #container .head { background: #d9e2e9; height: 35px; clear: both; border-bottom: 1px solid #e6eff5;}
#bodyPopup #body #container .head .head-l{ background: url(../../images/coastHelp/btn_arrow.gif) no-repeat 10px 12px; padding: 10px  15px 12px 25px; float: left;}
#bodyPopup #body #container .head .head-r{ float: right; padding: 10px 5px 0px 0px;}

.form-search { padding: 23px 20px 25px; clear: both; }
.search-c{ background: url(../../images/coastHelp/cen.gif) repeat-y top left; clear: both;width: 310px;float: left;}
.search-t{ background: url(../../images/coastHelp/top.gif) no-repeat top left;	float: left;width: 310px;}
.search-b{ background: url(../../images/coastHelp/bot.gif) no-repeat bottom left;float: left;width: 310px;}

#bodyPopup .content{ padding: 30px 20px 30px;}
#bodyPopup .content label{ color: #555555; font-size: 12px;}

.popup03 .content .entertext{ background: #f5f5f5; border: 1px solid #cdcdcd; width: 210px; float:left;}
.popup02 .content .entertext{ background: #f5f5f5;border: 1px solid #cdcdcd; width: 230px; float:left;}
#bodyPopup #container .content .buttom{	margin-left: 5px !important;float: left;}
#bodyPopup #container .linksearch{ padding-left: 155px;}
/*add popup*/
.nic{ text-align: center; clear: both; padding: 15px 0px 0px;}
.zip_search{ clear: both; padding: 15px 0px 0px;}
.zip_search h4{ background: url(../../images/coastHelp/arrow_popup.gif) no-repeat 5px 5px; color: #ff810c; font-size: 11px; padding: 0px 0px 10px 12px !important; font-family: Dotum;}
.zip_search_select{ border: 1px solid #e5e5e5; padding: 5px 0px 10px; height: 106px; overflow: auto;
}
#nav_zip li{ line-height: 1.8; font-size: 11px; color: #666666; padding: 0px 0px 0px 0px; clear: both;} 
#nav_zip li a {display:block; overflow:hidden;}
#nav_zip li a,#nav_zip li a:link,#nav_zip li a:focus{ color: #666666; font-size: 11px; display: block; height: 19px; text-decoration: none; padding-left: 15px;}
#nav_zip li.active a,#nav_zip li a:hover{ background: #f7f7f7;}

.zip_left{ float: left; width:220px;}
.zip_right{ float: right;width:45px; padding-right:5px;  text-align:center; }
/*03_08*/
.search_formula{ background: url(../../images/coastKnowledge/bg_search_formula.gif) no-repeat left top;
height: 142px;}
.search_formula_detail { padding: 15px 15px 10px;}
.search_formula label{ vertical-align: middle;}
.search_top{ text-align: center; border-bottom: 1px solid #d1d1d1; padding-bottom: 10px;}
.image_search{ vertical-align: middle;}
.search_formula .input_textsearch{ border: 1px solid #cbcbcb; width: 286px; font-size: 11px; text-indent: 10px; color: #888888; margin-left: 4px; height: 16px; padding-top: 2px;}
.search_formula_t { padding-left: 100px;}
.search_formula_t label { float: left; margin-top: 3px; margin-right: 5px;}
.search_formula_t input { float: left; margin-left: 5px;}
.search_bot{ padding: 15px 35px 0px 30px;}
#nav_search_top,#nav_search_bot{ float: left;}
#nav_search_bot li, #nav_search_top li{ float: left;}
#nav_search_top li a,#nav_search_top li a:focus,#nav_search_top li a:link{ 
 color: #6590bc;
 font-size: 11px;
 padding: 0px 9px;
 line-height: 1.6;
 border-right: 1px solid #a1bcd8;
}
#nav_search_top li.frist a,#nav_search_top li.last a,#nav_search_bot li.frist a,#nav_search_bot li.last a{ border-right: none !important;}
#nav_search_bot{ margin-top: 8px;}
#nav_search_top li a:hover,#nav_search_top li.active a{ font-weight: bold; text-decoration: none;}
#nav_search_bot li a,#nav_search_bot li a:link,#nav_search_bot li a:focus{
	color: #48a7c0;
	font-size: 11px;
	padding: 0px 10px;
	line-height: 1.6;
	border-right: 1px solid #aec9e5;
}
#nav_search_bot li a:hover{ font-weight: bold; text-decoration: none;}
.fornula_detail{ padding: 25px 0px 0 0;}
.fornula_detail_content{ width: 654px; clear: both;  padding: 5px 0px;}
.f_br{
	background: url(../../images/coastKnowledge/f_br.gif) no-repeat bottom right;
	clear: both;
}
.f_bl{
	background: url(../../images/coastKnowledge/f_bl.gif) no-repeat bottom left;

}
.f_tr{
	background: url(../../images/coastKnowledge/f_tr.gif) no-repeat top right;

}
.f_tl{
	background: url(../../images/coastKnowledge/f_tl.gif) no-repeat top left;

}
.formula_content{ background: url(../../images/coastKnowledge/bg_formula.gif) repeat-y 244px 0px;
margin-top: 5px;}
.formula_content_title{ background: url(../../images/coastKnowledge/bg_line.gif) no-repeat 246px 0px;}
.formula_l,.formula_l_content{ width: 244px; float: left; }
.formula_r,.formula_r_content{ width: 410px; float: left;}
.formula_l .head h4,.formula_r .head h4{ text-align: center;}
.element{ padding: 10px 0px 20px 10px; text-align: left;}
.element ul{ height: 235px; overflow: auto;}
.element li{ 
	list-style: none; 
	background: url(../../images/coastKnowledge/dot_formula.gif) no-repeat left center;
	padding-left: 10px;
	line-height: 1.8;
	display: block;
}
.r_content{ padding: 15px;}
.r_content h4{ 
	background: url(../../images/coastKnowledge/arrow_formula.gif) no-repeat left top;
	font-size: 11px; 
	color: #1d4f9b;
	font-family: dotum;
	font-weight: bold;
	padding-left: 15px;
}
.r_content p{ padding: 15px 20px 0px 0px;}
.list_sea th span{ margin-top: 5px !important;}
.link_sea{ 
	clear: both;
	margin-bottom: 20px;
	background: url(../../images/coastKnowledge/bg_link_sea.gif) no-repeat left top;
	height: 88px;
	width: 647px;
}
.commonTable table.list td.frist{ border-top: none !important;}
.linkcontent{ padding: 18px 0px 10px 20px;}
#nav_botsea{ float: left;}
#nav_topsea{ float: left;}
#nav_botsea{ margin-top: 8px;}
#nav_botsea li,#nav_topsea li{ float: left;}
#nav_botsea li a span,#nav_topsea li a span{ display: block; float: left;  padding: 0px 5px 0px 11px; height: 19px;}
#nav_topsea li a,#nav_topsea li a:link,#nav_topsea li a:focus,
#nav_botsea li a,#nav_botsea li a:link,#nav_botsea li a:focus{
	font-size: 11px;
	color: #666666;
	font-family: dotum;
	line-height: 1.8;
	display: block;
	float: left;
	}
#nav_topsea li,#nav_botsea li{ background: url(../../images/coastKnowledge/hile_sea_r.gif) no-repeat right center; padding: 0px 5px;
}
#nav_topsea li.frist a:hover, #nav_botsea li.frist a:hover,#nav_topsea li.frist a:hover span,#nav_botsea li.frist a:hover span{ background: none !important;}
#nav_botsea li.frist ,#nav_topsea li.frist {
	background: url(../../images/coastKnowledge/hile_sea.gif) no-repeat right center;
}
#nav_topsea li.last ,#nav_botsea li.last{ background: none !important;}
#nav_topsea li a:hover,#nav_botsea li a:hover,#nav_topsea li.active a{
	color: #ffffff;
	background: url(../../images/coastKnowledge/active_sea_r.gif) no-repeat right top;
	text-decoration: none;
}
#nav_topsea li a:hover span,#nav_botsea li a:hover span,#nav_topsea li.active a span{
	background: url(../../images/coastKnowledge/active_sea_l.gif) no-repeat left top;
	}
.page_sea{ border-top: none !important;}
#nav_topsea li a span img,#nav_botsea li a span img{ padding-top: 3px;}
/*03_04_01_01,03_04_01_02,03_04_01_03,03_04_01_04*/
.readmore{ text-align: right; padding-right: 10px; margin-bottom: 40px;}
.padT0 table.view .state span { background-position: right center !important; }
.tab_local{ clear: both; height: 37px;}
.tab_local ul{}
.tab_local li{ float: left;}
.local_content { margin: -7px 5px 0px 0px; border-top: 1px solid #d3d3d3; display: block; position: relative; z-index: -1;}
.local_content .head h4{ background: url(../../images/coastKnowledge/arow_local.gif) no-repeat left !important; text-indent: 8px; color: #555555; font-size: 12px; font-weight: normal; width: 100%; height: 14px; line-height: 1.6;}
.local_content04 .head h4{ line-height: 1.2 !important; height: 12px !important;}
.local_content .head{ padding: 35px 0px 10px 5px;}
.local_content .Province{ padding: 20px 0px 10px 5px !important;}
.tbl_local_history{ }
.tbl_local_history td,.tbl_local_history th{ border: 1px solid #d9d9d9;}
.tbl_local_history th{ background: #ededed; width: 115px; vertical-align: middle; text-align: center;}
.tbl_local_history td{ padding: 10px 35px 10px 10px; }
.view_local td,.view_local th{ border: 1px solid #d9d9d9;}
.view_local th{ background: #ededed;}
.view_local th,.view_local td{ padding: 5px; text-align: center;}
.tbl_readmore { margin: 5px 0px;}
.tab_local li a{ float: left; }
/*01_01_01,01_01_02*/
.Coastal_manager_date{ clear: both; width: 653px;}
.Coastal_l{ float: left; width: 177px;}
.Phase_2{ margin-top: 47px;}
.Coastal_r{ float: left; width: 476px;}
.Coastal_content{ border-bottom: 2px solid #4495c8; border-top: 2px solid #4495c8; margin: 0px 15px 45px 0px;}
.tbl_Coastal th,.tbl_Coastal td{ border-bottom: 1px solid #e7e7e7; border-top: 1px solid #e7e7e7; padding: 10px 15px 12px 10px;  font-size: 12px; line-height: 1.8;}
.tbl_Coastal th.first,.tbl_Coastal td.first{ border-top: none;}
.tbl_Coastal th.last,.tbl_Coastal td.last{border-bottom: none;}
.tbl_Coastal th{ color: #4495c8; font-family: Arial, Helvetica, sans-serif; font-weight: bold;}
.tbl_Coastal td{ font-family: Dotum; font-weight: normal;}
.commonTable_write table.form_local th span.select_local{ margin-top: 1px;}
.commonTable_write table.write th select{ float: left; width: 62px; font-size: 12px;}
.commonTable_write table.write th span.select_local img { margin-left: 35px; } 
.input_local{ border: 1px solid #c0c0c0; width: 502px; padding: 3px 0px 3px 5px; color: #666666; font-size: 11px;}
.input_local_address{ width: 460px; border: 1px solid #c0c0c0; padding: 3px 0px 3px 5px; color: #666666; font-size: 11px;}
.commonTable_write table.write td label{ font-weight: bold; padding: 0px 15px 0px 5px; vertical-align: middle; height: 19px;}
.address label{ font-size: 12px; color: #464646; padding: 0px !important; font-weight: normal !important;}
.commonTable_write table.write td img{ vertical-align: middle;}
.text_area{ width: 506px; border: 1px solid #c0c0c0; height: 122px; margin: 5px 0px; }
.text_area option{ padding: 6px 15px;}
.local01{ width: 76px; height: 20px; background: #e0dfe3; color: #000000; font-size: 12px; border: 1px solid #cccccc; text-align: center; vertical-align: middle;}
.buttom_right{ text-align: right; height: 25px; padding-right: 10px;}
.buttom-left{ float: left; height: 25px; padding-left: 10px;}
.tbl_local_content{ margin: 5px 0px; width: 506px !important;}
.commonTable_write table.write .tbl_local_content td, .commonTable_write table.write .tbl_local_content th{ border: 1px solid #c2c2c2;  color: #464646; padding-left: 15px; height: 21px; }
.commonTable_write table.write th.content{ vertical-align: top; padding-top: 10px;}
.tbl_local_content th{ background: #f2f2f2; font-size: 12px !important; text-align: center; line-height: 1.8 !important;}
.commonTable_write table.write .tbl_local_content td img{ padding-right: 5px;}
.check1{ width: 32px; padding-left: 0px !important;}
.check2{ width: 294px;}
.check3{ width: 172px;}
.text2{ text-align: center;} 
.check{ padding-left: 0px !important; text-align: center;}
/*04_04_01,04_04_02,04_04_03*/
.beaches{ clear: both;}
.beaches h4{ background: url(../../images/coastIn/bg_beaches.gif) no-repeat left top;
height: 33px; padding: 7px 0px 0px 10px;}
.beaches p{ padding: 15px 10px 25px 0px; line-height: 1.6; font-size: 12px;}
.map_beach_list{ clear: both; width: 644px;}
.b_br{ background: url(../../images/coastIn/b_br.gif) no-repeat right bottom;}
.b_bl{ background: url(../../images/coastIn/b_bl.gif) no-repeat left bottom;}
.b_tr{ background: url(../../images/coastIn/b_tr.gif) no-repeat right  top;}
.b_tl{ background: url(../../images/coastIn/b_tl.gif) no-repeat left top;}
.map_beach{ clear: both; padding: 15px 10px 10px;}
.map_beach_l{ float: left; width: 337px; }
.select_map_beach{ margin-top: -3px;}
.select_map_beach li{ float: left; }
.map_beach_r{ float: right; width: 287px; }
.list_choose{ text-align: left; padding: 0px; margin: 20px 0px 0px 10px;}
.list_choose h4{ padding-bottom: 10px;}
.list_choose ul{ clear: both; height: 33px;}
.list_choose li{ float: left;}
.list_choose li a{ display: block; float: left;}
.choose_camera{ margin-top: 10px; padding: 0px 0px 10px 10px;}
.choose_camera .head{ padding: 10px 10px 5px 6px;}
.choose_camera_top{ background: url(../../images/coastIn/bg_camera_top.gif) no-repeat left top; padding-top: 5px;}
.choose_camera_bot{ background: url(../../images/coastIn/bg_camera_bot.gif) no-repeat left bottom;
padding-bottom: 5px;}
.choose_contnet { padding: 0px 10px;}
.choose_contnet p{ padding-left: 5px;}
.choose_camera h4{ float: left; padding-right: 5px;}
#nav_btn{ clear: both;}
*html .choose_camera h4{ padding-top: 2px;}
*+html .choose_camera h4{ padding-top: 2px;}
.choose_camera ul li{ float: left; padding: 0px 2px;}
#nav_{ float: right; }
.choose_camera ul li.link_bottom{ padding-left: 6px;}
#nav_btn li{ float: left;}
.choose_camera #nav_camera li{ float: left; padding: 0px 4px;}
#nav_camera{ clear: both; margin-top: 2px; padding-left: 2px;}
#nav_camera h5{ text-align: center; font-size: 11px; line-height: 1.6;}
.list_beach{ padding: 5px 0px;}
.list_beach select{ width: 56px; margin: 0px 6px 0px 2px; vertical-align: middle;}
.list_beach label{vertical-align: middle; color: #4e6486; background: url(../../images/coastIn/arrow_list_beach.gif) no-repeat left center; padding-left: 5px; font-weight: bold; font-size: 11px;}
.list_beach input{ vertical-align: middle;}
/*04_02_01_02*/
.commonTable_write table.write td {
	padding: 2px 0px;
}
.btn_go{ padding-right: 6px;}
*+html .list_beach select{ margin: 0px 4px 0px 0px;}
*+html .btn_go{ padding-right: 4px;}
.td_right{ text-align: right;}
.td_left{ text-align: left;}
.bg_23{ background: #EFF3F8 url(../../images/coastSea/bg_th.gif) repeat-x scroll left bottom; }
.bg_28{ text-align: center;}
.tbl_projects{ border: 1px solid #D5DFED; width: 542px;} 
.tbl_projects td{ padding: 15px 0px; text-align: center;}
.tbl_beach{ width: 330px !important; margin: 0 auto;}
.tbl_water{ width: 212px; margin: 0 auto;}
.tbl_water td{ border: 1px solid #D5DFED !important;}