@charset "utf-8";
/*
=CONTENT CSS 
*/

.LNP_inside { background: url(../../images/common/bg_leftnav.gif) left top repeat-y;}
.LNP_inside_b { background: url(../../images/common/bg_leftnav_b.gif) left bottom no-repeat;}
.LNP_inside_t { background: url(../../images/common/bg_leftnav_t.gif) left top no-repeat; padding: 25px 0 30px 17px;}
#LNP h3 { padding-left: 6px;}
#LNP ul li { background: url(../../images/common/bg_LNP_devide.gif) left bottom no-repeat; padding-bottom: 13px; padding-top: 7px;}
#LNP ul li.last { background: none; padding-bottom: 0;}
#LNP ul li ul { padding-top: 6px;}
#LNP ul li ul li { background: none; padding-bottom: 0; padding-top: 4px;}
#LNP ul li ul li ul { padding-top: 0; background: #e4ebf5 url(../../images/common/bg_LNP_ulinside_top.gif) left top no-repeat; width: 131px;}
#LNP ul li ul li ul li { padding-top: 6px; padding-left: 12px;}
#LNP ul li ul li ul li.last { background: url(../../images/common/bg_LNP_ulinside_bottom.gif) left bottom no-repeat; padding-bottom: 8px;}
* html #LNP ul li { height: 1%;}
*+html #LNP ul li { height: 1%;}



.tabs { background: url(../../images/coastSea/bg_tabs.gif) left top no-repeat; height: 115px; width: 643px; margin-bottom: 20px;}
.tabs ul { padding: 21px 0 0 26px;}
.tabs ul li { float: left; margin-right: 2px;}



.tabs_managePolicy { background: url(../../images/coastSea/bg_tabs_managePolicy.gif) left top no-repeat; height: 104px; width: 611px; margin-bottom: 20px; padding: 24px 0 0 32px;}
.tabs_managePolicy li { margin-bottom: 8px;}
.tabs_managePolicy li li { float: left; margin-bottom: 0; background: url(../../images/coastSea/bul_tabs.gif) left 4px no-repeat; padding-left: 10px; margin-right: 10px;}
.tabs_managePolicy li li.first { background: none;}
.managePolicy_group { float: left; background: url(../../images/coastSea/bul_tabs_group.gif) right center no-repeat; padding-right: 15px; margin-right: 10px;}



.list_aboutSea {}
.list_aboutSea li { margin-bottom: 25px;}
.list_aboutSea li li { margin-left: 10px; margin-bottom: 5px;}
.list_aboutSea li li.head_list { font-weight: bold; color: #1d4f9b;}
.list_aboutSea li li.head_list img { vertical-align: middle;}
.list_aboutSea li li li { background: url(../../images/common/bul_sList.gif) left 4px no-repeat; padding-left: 10px; line-height: 18px; color: #888; margin-left: 7px; margin-bottom: 0;}
.list_aboutSea h4 { background: url(../../images/common/bul_sTitle.gif) left top no-repeat; padding-left: 23px; margin-bottom: 10px;}
.list_aboutSea h5 { background: url(../../images/common/bul_list.gif) left 3px no-repeat; padding-left: 17px; line-height: 16px; font-size: 12px; color: #555; margin-bottom: 4px; font-weight: normal;}
.list_aboutSea span { width: 170px; display: inline-block;}


.stit { margin-bottom: 10px;}
.titCover { margin-bottom: 12px;}
.figure { text-align: center; margin-top: 13px; margin-bottom: 10px;}
.figureover {font-size:0%; line-height:0%; margin-left:-4px; }



.table_space{}
.around_table_aboutSea { border-top: 2px solid #7693be; border-bottom: 2px solid #7693be;}
.caption_table_aboutSea { color: #555; font-weight: bold; line-height: 14px; padding: 0 0 5px 5px;}
.table_aboutSea {}
.table_aboutSea {text-decoration:none;}
.table_aboutSea th { background: #eff3f8 url(../../images/coastSea/bg_th.gif) left bottom repeat-x; border-right: 1px solid #d5dfed; font-size: 13px; color: #1d4f9b; font-weight: bold; text-align: center; padding: 5px 0 8px; white-space: nowrap; vertical-align: middle;}
.bg06 .table_aboutSea th{ font-size: 11px; padding: 3px;}
.bg11 .table_aboutSea th{ font-size: 12px;} 
* html .table_aboutSea th { font-size: 12px;}
*+html .table_aboutSea th { font-size: 12px;}
.table_aboutSea td { border-bottom: 1px solid #d5dfed; border-right: 1px solid #d5dfed; padding: 5px 0; padding-left: 20px; padding-right: 5px; text-decoration:none;}
.table_aboutSea td.top{ padding: 0px;  border-bottom: none;}
.table_aboutSea .last_right { border-right: none;}
.table_aboutSea .last_bottom { border-bottom: none;}
.table_aboutSea td.left { text-align:left;}
.table_aboutSea td.right { text-align:right;}
.table_aboutSea td.last_right { padding-left: 0;}
.table_aboutSea td.last_right_2 { border-right: none; width: 90px;}
.table_aboutSea td.last_right_3 { border-right: none;}
.table_aboutSea td.width_100 { width: 80px;}
.table_aboutSea td.width_115 { width: 95px;}
.table_aboutSea td.width_280 { width: 265px; padding-left: 15px; line-height: 18px; color: #888;}
.table_aboutSea td.width_170 { width: 150px;}
.table_aboutSea .padL0 { padding-left: 0px;}
.table_aboutSea .verAlign_middle { vertical-align: middle;}
.table_island {line-height:25px; font-size:13px}
.table_island_stats td {border-top: 1px solid #7693be; border-bottom: 1px solid #7693be; border-right: 1px solid #7693be; border-left: 1px solid #7693be; text-align:center; vertical-align: middle;}
.table_island_stats td.table_title{background-color: #d5dfed;}
.table_island tr.table_height {line-height:25px}
.list_Sea {}
.list_Sea li { background: url(../../images/common/bul_sList.gif) left 4px no-repeat; padding-left: 10px; line-height: 18px; color: #888; margin-left: 10px; margin-bottom: 0 !important;}
.chart_title { font-weight: bold; color: #555; padding: 15px 0 5px;}
.chart { margin: 0 0 20px 10px;}

.cbd_chm {text-align:right;}
.cbd_chm a{color:blue; text-decoration:none;}

.tab_current { background: url(../../images/coastSea/bul_circle.gif) left 1px no-repeat; padding-left: 18px;}


.seaArea {position:relative; margin-top: 5px; width: 643px;}
.list_policy { float: left; margin-top: 10px;}
.list_policy li { background: url(../../images/coastSea/bg_round.gif) left top no-repeat; width: 346px; height: 19px; line-height: 19px; padding-left: 16px; margin-bottom: 7px;}
.list_policy li.even { background: none;}
* html .list_policy li { padding-top: 2px; height: 17px;}
.seaMap { float: right;}
.seaMap img { border: 2px solid #e2e2e2;}
.viewMap {text-align: right; margin-top: 13px;}
 .seaArea #bigMap {position:absolute; left:0; top:-270px;}


.tabs_content { background: url(../../images/coastSea/bg_tabscontent.gif) left bottom repeat-x; width: 643px; height: 25px; margin-top: 30px; margin-bottom: 20px;}
.tabs_content li { float: left; margin-right: 2px;}
.tabs_content li a { background: url(../../images/coastSea/bg_tabscontent_left.gif) left top no-repeat; display: inline-block; height: 25px; padding-left: 35px;}
.tabs_content li a span { background: url(../../images/coastSea/bg_tabscontent_right.gif) right top no-repeat; display: inline-block; height: 19px; padding-right: 35px; padding-top: 6px; cursor: pointer;}
.tabs_content li.current a, .tabs_content li a.on { background: url(../../images/coastSea/bg_tabscontent_left_on.gif) left top no-repeat;}
.tabs_content li.current a span, .tabs_content li a.on span { background: url(../../images/coastSea/bg_tabscontent_right_on.gif) right top no-repeat;}
* html .tabs_content { background-position: left 24px;}


.table_provideInfo {}
.table_provideInfo th { background: #eff3f8 url(../../images/coastSea/bg_th.gif) left bottom repeat-x; border-right: 1px solid #d5dfed; font-size: 13px; color: #1d4f9b; font-weight: bold; text-align: center; padding: 5px 0 8px; white-space: nowrap; vertical-align: middle;}
* html .table_provideInfo th { font-size: 12px;}
*+html .table_provideInfo th { font-size: 12px;}
.table_provideInfo td { border-bottom: 1px solid #d5dfed; border-right: 1px solid #d5dfed; padding: 5px 0; text-align: center; vertical-align: middle;}
.table_provideInfo .last_right { border-right: none;}
.table_provideInfo .last_bottom { border-bottom: none;}


.table_lawOfSharing { width: auto; margin: 10px 0 0 7px;}
.table_lawOfSharing th { font-weight: bold; vertical-align: middle; padding: 3px 0; width: 225px;}
.table_lawOfSharing td { vertical-align: middle; padding: 3px 0;}
.table_lawOfSharing td.other { color: #255c83;}
.table_lawOfSharing td img { vertical-align: middle;}


.contactInfo { border-bottom: 1px solid #e5e5e5; text-align: center; padding-bottom: 4px;}
.contactInfo_below { border-top: 1px solid #e5e5e5; padding-top: 5px; margin-top: 20px;}


.box_tool { background: url(../../images/coastSea/bg_boxtool.gif) left top repeat-x; float: right; margin-top: 10px;}
.box_tool_l { background: url(../../images/coastSea/bg_boxtool_left.gif) left top no-repeat; padding-left: 15px;}
.box_tool_r { background: url(../../images/coastSea/bg_boxtool_right.gif) right top no-repeat; padding-right: 15px; height: 22px; padding-top: 3px;}
.box_tool li { float: left; margin-right: 10px;}
.box_tool li.last { margin-right: 0;}
.box_tool li img { vertical-align: middle;}
* html .box_tool { width: 460px;}
* html .box_tool_r { padding-top: 5px; height: 20px;}
*+html .box_tool_r { padding-top: 4px; height: 21px;}


.box_placeVisting { border: 1px solid #dae4ed; background: #f9fdff url(../../images/coastSea/bg_boxplaceVisting_b.gif) left bottom repeat-x; margin-top: 5px; border-bottom: none;}
.box_placeVisting_lt { margin: -1px -1px 0 -1px; background: url(../../images/coastSea/bg_boxplaceVisting_lt.gif) left top no-repeat;}
.box_placeVisting_rt { background: url(../../images/coastSea/bg_boxplaceVisting_rt.gif) right top no-repeat;}
.box_placeVisting_lb { background: url(../../images/coastSea/bg_boxplaceVisting_lb.gif) left bottom no-repeat;}
.box_placeVisting_rb { background: url(../../images/coastSea/bg_boxplaceVisting_rb.gif) right bottom no-repeat; padding: 10px;}
.placeVisting_img { float: left; border: 1px solid #d2dbe8; padding: 3px 3px 0 3px;}
* html .placeVisting_img { padding: 3px;}
*+html .placeVisting_img { padding: 3px;}
.placeVisting_info { float: left; margin-left: 10px; width: 373px;}
.placeVisting_title { background: #dff1fb url(../../images/coastSea/bg_placeVisting_title_right.gif) right top no-repeat;}
.placeVisting_title_inside { background: url(../../images/coastSea/bg_placeVisting_title_left.gif) left top no-repeat; height: 28px; padding-left: 35px; padding-right: 10px;}
.placeVisting_title_inside .left { margin-top: 5px; float: left;}
.placeVisting_title_inside .right { margin-top: 5px; float: right;}
.placeVisting_list { margin-top: 4px;}
.placeVisting_list li { margin-left: 10px; padding-bottom: 4px;}
.placeVisting_list li img { vertical-align: middle;}
* html .placeVisting_list { margin-top: 8px;}


.placeVisting_moreInfo { margin-top: 18px;}
.placeVisting_moreInfo .placeVisting_info { float: none; width: auto; margin-left: 0;}
.placeVisting_moreInfo .placeVisting_title_inside { background: url(../../images/coastSea/bg_placeVisting_title_left_02.gif) left top no-repeat; padding-left: 40px;}
.placeVisting_moreInfo .placeVisting_list { margin-top: 10px;}
.placeVisting_moreInfo .placeVisting_list li { border-bottom: 1px solid #e5e5e5; padding-left: 5px; padding-bottom: 6px; margin: 0 5px 7px;}


.pagenav { text-align: center; margin-top: 15px;}
.pagenav li { display: inline; margin: 0 2px;}
.pagenav li strong, .pagenav li a:hover { color: #fabe14;}
.pagenav li img { vertical-align: middle;}


.box_lightHouseTour { background: url(../../images/coastSea/bg_boxlightHouse_b.gif) left bottom repeat-x; border: 1px solid #dae5ef; border-bottom: none; margin-top: 10px;}
.box_lightHouseTour_lt { background: url(../../images/coastSea/bg_boxlightHouse_lt.gif) left top no-repeat; margin: -1px -1px 0 -1px;}
.box_lightHouseTour_rt { background: url(../../images/coastSea/bg_boxlightHouse_rt.gif) right top no-repeat;}
.box_lightHouseTour_lb { background: url(../../images/coastSea/bg_boxlightHouse_lb.gif) left bottom no-repeat;}
.box_lightHouseTour_rb { background: url(../../images/coastSea/bg_boxlightHouse_rb.gif) right bottom no-repeat; padding: 11px 11px 20px 11px;}
.box_lightHouseTour_title { background: #3aaada url(../../images/coastSea/bg_boxlightHouse_title_r.gif) right top no-repeat; margin-bottom: 18px;}
.box_lightHouseTour_title_inside { background: url(../../images/coastSea/bg_boxlightHouse_title_l.gif) left top no-repeat; height: 26px; padding: 0 20px 0 15px;}
.box_lightHouseTour_title .left { float: left; background: url(../../images/coastSea/icon_arrowWhite.gif) left center no-repeat; padding-left: 10px; color: #fff; font-weight: bold; margin-top: 5px;}
.box_lightHouseTour_title .right { border-left: 1px solid #aed9f0; float: right; margin-top: 5px; padding-left: 15px; color: #fff;}


.top100_title { background: url(../../images/coastSea/bg_top100.gif) left 7px repeat-x; width: 225px; margin: 10px auto 0;}
.top100_title_r { background: url(../../images/coastSea/bg_top100_r.gif) right 7px no-repeat;}
.top100_title_l { background: url(../../images/coastSea/bg_top100_l.gif) left top no-repeat; padding-left: 60px; height: 25px; padding-top: 12px;}
* html .top100_title_l { padding-top: 14px; height: 23px;}
*+html .top100_title_l { padding-top: 14px; height: 23px;}


.box_fishing {}
.box_fishing .box_lightHouseTour_rb { padding: 10px 2px;}
.box_fishing .col_left { float: left;}
.box_fishing .col_right { float: left; width: 390px;}
.box_fishing .box_lightHouseTour_title { margin-bottom: 10px;}
.box_fishing .box_lightHouseTour_title_inside { padding: 0 10px;}
.box_fishing .box_lightHouseTour_title .left { background: none; padding-left: 0;}
.box_fishing .box_lightHouseTour_title .right { border-left: none; padding-left: 0;}
.box_fishing ul { margin-left: 5px; height: 350px; overflow-y: scroll;}
.box_fishing ul li { background: url(../../images/coastSea/bg_dot.gif) left 7px no-repeat; padding-left: 8px;}
.box_fishing ul li span { color: #91760b;}


.report { border: 4px solid #f2f2f2;}
.report_inside { border: 1px solid #dddddd; padding: 10px 15px 10px 5px;}
.report_inside .host { color: #f06600;}
.report_inside span { color: #949494;}


.table_tour { margin-top: 20px;}
.table_tour th { border-top: 1px solid #d2d2d2; border-bottom: 1px solid #d2d2d2; background-color: #eaeaea; font-weight: bold; text-align: center; vertical-align: middle; padding: 5px 0;}
.table_tour td { vertical-align: middle; text-align: center; padding: 7px 0; border-bottom: 1px dotted #a3a3a3;}
.table_tour td.other { text-align: left; width: 320px;}
.table_tour .num { color: #f7a13e;}
.table_tour .older { font-weight: bold;}


.box_search { background-color: #e9e9e9; padding: 20px 20px 20px 170px; margin-top: 20px;}
.box_search select { float: left; font-size: 12px; height: 21px;}
.box_search input { float: left;}
.box_search .input_search { border: 1px solid #a3a3a3; margin: 0 10px; font-size: 12px; height: 17px;}
.box_search .btn_list { float: right;}


.box_searchIsland { float: right; margin-top: 15px;}
.box_searchIsland select { font-size: 12px; height: 21px;}
.box_searchIsland .input_search { border: 1px solid #a3a3a3; font-size: 12px; height: 17px; width: 150px;}
*html .box_searchIsland .btn_search { padding-top: 2px;}


.listIsland { margin-top: 5px;}
.listIsland .box_lightHouseTour_title { margin-bottom: 0;}
.listIsland .box_lightHouseTour_title_inside { padding: 0 10px;}
.listIsland .box_lightHouseTour_title .left { background: none; padding-left: 0;}
.listIsland .box_lightHouseTour_title .right { color: #333;}
.listIsland li { padding: 10px 0; border-bottom: 1px dotted #a3a3a3;}
.listIsland li .left { float: left; margin-right: 10px;}
.listIsland li .right { float: left;}
.listIsland li.last { border-bottom: none;}
.islandTitle { background: url(../../images/coastSea/bu_list.gif) left 4px no-repeat; padding-left: 10px;}
.islandTitle img { vertical-align: text-top;}
.islandTitle .city { color: #828181;}
.listIsland p { padding: 10px 0;}


.boxBeach .col_left { padding: 0 10px;}
.boxBeach ul { height: auto; overflow: hidden;}
.boxBeach ul li { background:  none;}
.boxBeach .listIsland li .right { width: 270px;}
.Beachimg { border: 1px solid #a3a3a3; padding: 2px 2px 0 2px; margin-bottom: 5px;}
* html .Beachimg { padding: 2px;}
*+html .Beachimg { padding: 2px;}


.boxSearchBeach { background: url(../../images/coastSea/bg_boxsearch.gif) left top no-repeat; height: 52px; padding: 13px 0 0 142px; margin: 20px 0;}
.boxSearchBeach .input_search { width: 200px; border: 1px solid #e7e7e7;}
* html .boxSearchBeach .btn_search { padding-top: 3px; height: 24px;}
*+html .boxSearchBeach .btn_search { padding-top: 3px; height: 24px;}
.boxSearchBeach .btn_select { border: 1px solid #cccccc; background-color: #fff; margin-left: 35px; width: 150px; height: 23px;}
* html .boxSearchBeach .btn_select { padding-top: 3px; height: 23px; width: auto;}
*+html .boxSearchBeach .btn_select { padding-top: 3px; height: 23px; width: auto;}


.box_food { border-left: 1px solid #dae4ed; border-right: 1px solid #dae4ed; margin-top: 10px;}
.box_food_inside_b { margin: 0 -1px; background: url(../../images/coastSea/bg_boxFood_b.gif) left bottom no-repeat; padding-bottom: 27px;}
.box_food_inside { background: url(../../images/coastSea/bg_boxFood_t.gif) left top no-repeat;}
.foodTitle { padding: 9px 6px 0 14px;}
.foodTitle .left { float: left;}
.foodTitle .right { float: right;}
.foodMenu { padding: 5px 5px 0 10px;}
.foodMenu .left { float: left; margin-top: 20px;}
.foodMenu .right { background-color: #cddff1; float: left; margin-left: 15px; width: 380px; padding: 3px;}
.foodMenu_tabs {}
.foodMenu_tabs li { float: left; background: url(../../images/coastSea/bg_lineWhite.gif) right center no-repeat; padding-right: 1px; height: 21px;}
.foodMenu_tabscontent { background-color: #fff; overflow: scroll; height: 225px;}
* html .foodMenu_tabscontent { margin-top: -3px;}
.foodMenu_tabscontent ul li li { float: left; width: 70px; margin: 10px 7px 0;}
.foodimg img { border: 1px solid #ccc; padding: 2px;}
.foodname { text-align: center;}
.foodGallery { padding: 0 10px; margin-top: 10px;}
.foodGallery_title { background: url(../../images/coastSea/bu_list.gif) left 4px no-repeat; padding-left: 10px; color: #52819f; font-weight: bold;}
.foodGallery_content { background-color: #cedff1; margin-top: 5px;}
.foodGallery_content_l { background: url(../../images/coastSea/bg_foodGallery_left.gif) left top no-repeat;}
.foodGallery_content_r { background: url(../../images/coastSea/bg_foodGallery_right.gif) right top no-repeat; height: 110px; padding: 5px 15px;}
* html .foodGallery_content_r { padding: 5px 10px;}
.foodGallery_content ul { float: left; text-align: center; background-color: #fff; padding: 5px 10px;}
.foodGallery_content ul li { display: inline; margin: 0 7px;}
.foodGallery_content ul li img { vertical-align: middle;}
.foodGallery_btn { float: left; padding-top: 40px; margin: 0 3px;}
* html .foodGallery_btn { padding-top: 50px;}


.seaFestival { margin-top: 10px;}
.seaFestival td { vertical-align: top; background-color: #f8fcff; border-left: 1px solid #9dbfd4;}
.seaFestival td.td_right { border-right: 1px solid #9dbfd4;}
.seaFestival td.other { border-left: none;}
.seaFestival td.left { width: 68px; background-color: #c4dff3;}
.festival_location { margin-top: -4px; padding-top: 2px;}
* html .festival_location { margin-top: 0;}
.festival_location .all { text-align: right; margin-right: -1px;}
.festival_location li { background: url(../../images/coastSea/bg_hightlight.gif) right bottom no-repeat; text-align: center; padding: 8px 0 11px;}


.list_festival {}
.list_festival li { padding: 10px 0 0 10px;}
.list_festival li .left { float: left;}
.list_festival li .right { float: left; margin-left: 10px;}
.list_festival .more { text-align: center; margin-top: 10px;}
.festival_name { background: url(../../images/coastSea/bu_list.gif) left 4px no-repeat; padding-left: 10px; font-weight: bold;}
.festival_info { margin-top: 5px;}
.festival_info td { padding: 1px 0; border-left: none;}
.festival_info td.td_left { color: #8d7815; width: 70px;}
.festival_info td.site { color: #828181;}


.coastMap { width: 804px !important; margin-right: 0 !important;}
.coastMap #realcontents #contentsTitle { background: url(../../images/PGTitle/bg_pgt_coastMap.gif) left top no-repeat;}
#content_coastMap { width: 653px; overflow:hidden;}


.note { text-align: center; margin-top: 55px;}
.thankMessage { background: url(../../images/common/ico_thanks.gif) left 1px no-repeat; padding-left: 17px;}
* html .thankMessage { background-position: left top;}
*+html .thankMessage { background-position: left top;}
.datetime { background: url(../../images/coastHelp/ico_blueSquare.gif) left center no-repeat; padding-left: 8px; float: right; margin-right: 25px; font-size: 11px;}


.box_rulePoint { border: 1px solid #d9e2e9; border-bottom: none; background: #eef3f7 url(../../images/coastHelp/bg_boxRulePoint_b.gif) left bottom repeat-x; margin-top: 5px; width: 638px; margin-bottom: 20px;}
.box_rulePoint_lt { background: url(../../images/coastHelp/bg_boxRulePoint_lt.gif) left top no-repeat; margin: -1px -1px 0 -1px;}
.box_rulePoint_rt { background: url(../../images/coastHelp/bg_boxRulePoint_rt.gif) right top no-repeat;}
.box_rulePoint_lb { background: url(../../images/coastHelp/bg_boxRulePoint_lb.gif) left bottom no-repeat;}
.box_rulePoint_rb { background: url(../../images/coastHelp/bg_boxRulePoint_rb.gif) right bottom no-repeat; padding: 15px;}
.currentPoint { border-bottom: 1px solid #d9e2e9; padding-bottom: 7px; padding-left: 30px; font-size: 11px;}
.currentPoint img { vertical-align: text-top;}
.reportRulePoint { background: url(../../images/coastHelp/ico_blueArrow.gif) left center no-repeat; padding-left: 5px; margin-left: 5px; font-size: 11px; margin-top: 10px;}
*+html .reportRulePoint { font-size: 11px; letter-spacing: -1px;}


.link { text-align: right; margin-top: 10px;}
.reportManual { background: url(../../images/common/ico_report.gif) left top no-repeat; padding-left: 21px; margin-bottom: 10px; height: 14px;}


.formcommon { width: 550px; margin: 30px auto 25px;}
.formcommon_t { background: url(../../images/coastHelp/bg_form_t.gif) left top repeat-x;}
.formcommon_l { background: url(../../images/coastHelp/bg_form_l.gif) left top repeat-y;}
.formcommon_r { background: url(../../images/coastHelp/bg_form_r.gif) right top repeat-y;}
.formcommon_b { background: url(../../images/coastHelp/bg_form_b.gif) left bottom repeat-x;}
.formcommon_lt { background: url(../../images/coastHelp/bg_form_lt.gif) left top no-repeat;}
.formcommon_rt { background: url(../../images/coastHelp/bg_form_rt.gif) right top no-repeat;}
.formcommon_lb { background: url(../../images/coastHelp/bg_form_lb.gif) left bottom no-repeat;}
.formcommon_rb { background: url(../../images/coastHelp/bg_form_rb.gif) right bottom no-repeat; padding: 15px 15px 25px;}
.formTitle { border-bottom: 1px solid #e0e0e0; padding: 0 0 5px 7px;}
.formReport { margin: 10px 0 0 15px;}
.table_form { width: 470px; margin: 20px auto 0;}
.table_form td { vertical-align: middle; text-align: center; padding: 2px 0;}
.table_form .input_text { border: 1px solid #cdcdcd; background-color: #f5f5f5; width: 274px;}
.table_form .width_108 { width: 108px;}
.table_form .width_144 { width: 144px;}
* html .table_form .width_144 { width: 142px;}
*+html .table_form .width_144 { width: 142px;}
* html .formcommon { margin: 30px auto 0;}
*+html .formcommon { margin: 30px auto 0;}


.frm_search { background: url(../../images/coastHelp/ico_search.gif) left 2px no-repeat; padding-left: 26px; width: 394px; margin: 0 auto;}
.frm_search label { float: left; margin: 5px 0 0 0;}
.frm_search input { float: left;}
.frm_search .input_search { border: 1px solid #c0c0c0; margin: 0 7px 0 12px; width: 280px;}


.resultSearch { background: url(../../images/common/bul_cros.gif) left center no-repeat; padding-left: 10px; margin-left: 5px; font-size: 11px;}
.list_resultSearch { width: 638px; margin-top: 15px;}
.list_resultSearch li {}
.list_resultSearch li ul { padding: 10px 10px 0 10px;}
.list_resultSearch li ul li { margin-bottom: 20px;}
.resultSearch_top { background: url(../../images/coastHelp/bg_resultSearch_category.gif) left bottom no-repeat; padding: 0 7px 5px 5px; overflow:hidden;}
.resultSearch_category { float: left;}
.viewMore { float: right;}
.resultSearch_title { float: left;}
.resultSearch_title a { color: #1d4f9b; font-weight: bold;}
.resultSearch_time { float: right;}
.resultSearch_content { line-height: 18px; margin: 7px 0;}
.list_resultSearch .space { height: 135px;}
.relatedInfo, .relatedInfo a { color: #999;}
.resultSearch_pagenav { border-top: 2px solid #cecece;}
.resultSearch_pagenav td.al_center { padding-top: 15px;}


.tab_terms { margin-top: 15px;}
.tab_terms li { float: left; margin-right: 11px;}
.tab_terms li.last { margin-right: 0;}
.list_terms { margin-top: 10px;}
.list_terms li { margin-bottom: 25px;}
.list_terms_title { padding-left: 5px;}
.list_terms_content { border: 1px solid #e5e5e5; width: 610px; height: 150px; overflow-y: scroll; margin-top: 5px; padding: 0 10px 0 20px;}
.list_terms_content p { padding-top: 23px; line-height: 18px;}
.accept { margin: 5px 0 0 5px;}
.btnTerms { text-align: center;}


.reportAuthentication { margin: 20px 0 0 0;}
.reportAuthentication_content { margin: 10px 0 0 10px;}
.frmAuthentication { border: 1px solid #e5e5e5; background-color: #f9f9f9; padding: 15px 0; text-align: center; margin-top: 30px; width: 638px;}
.checkOption { margin: 10px 0 20px;}
.checkOption label.first { margin-right: 60px;}
.btnCheck { margin: 0 0 15px 0;}


.frm_inputDetail { margin: 15px 0 0 0;}
.frm_inputDetail table { width: 638px;}
.frm_inputDetail caption { padding-bottom: 8px;}
.frm_inputDetail th { background-color: #f4f8fb; width: 90px; border-bottom: 1px solid #dddddd; vertical-align: middle; padding: 7px 0 7px 15px;}
.frm_inputDetail th img { vertical-align: middle;}
.frm_inputDetail td { border-bottom: 1px solid #dddddd; vertical-align: middle; padding: 5px 0; padding-left: 15px;}
.frm_inputDetail .first { border-top: 2px solid #d9e2e9;}
.frm_inputDetail .input_text { border: 1px solid #cccccc; width: 117px; color: #666;}
.frm_inputDetail .left { float: left; margin-right: 5px;}
.frm_inputDetail span { font-size: 11px; margin-top: 4px; float: left; margin-right: 5px;}
.frm_inputDetail span.dash { color: #ccc;}
.frm_inputDetail .color_888 { color: #888; font-size: 11px;}
.frm_inputDetail label { margin-right: 30px;}
.frm_inputDetail select { width: 80px; text-align: center; font-size: 12px; color: #666;}
.frm_inputDetail_btn { margin-top: 20px; text-align: center;}
.frm_inputDetail .width_250 { width: 250px;}
.frm_inputDetail .width_70 { width: 70px;}
.frm_inputDetail .width_130 { width: 130px;}


.box_welcome { border: 5px solid #f4f8fb; border-bottom: none; background: url(../../images/coastHelp/bg_boxWelcome_b.gif) left bottom repeat-x; margin-top: 30px; width: 628px;}
.box_welcome_inside { border: 1px solid #d9e2e9; border-bottom: none;}
.box_welcome_lt { background: url(../../images/coastHelp/bg_boxWelcome_lt.gif) left top no-repeat; margin: -6px -6px 0 -6px;}
.box_welcome_rt { background: url(../../images/coastHelp/bg_boxWelcome_rt.gif) right top no-repeat;}
.box_welcome_lb { background: url(../../images/coastHelp/bg_boxWelcome_lb.gif) left bottom no-repeat;}
.box_welcome_rb { background: url(../../images/coastHelp/bg_boxWelcome_rb.gif) right bottom no-repeat; padding: 30px;}
.txt_welcome { margin-top: 10px; text-align: center;}
.welcome_more { margin-top: 40px;}
.welcome_more p { padding-bottom: 10px;}
.welcome_more span { color: #1d4f9b;}


.box_searchBusiness { padding-left: 70px;}
.box_searchBusiness label { float: left; margin: 3px 5px 0 0;}
.box_searchBusiness select { float: left; width: 130px; margin: 0 5px;}
.box_searchBusiness .reportRulePoint { margin-left: 0;}


.findBussinessContact table.list td { height: auto; padding: 5px 0;}


.frm_membership { border: 1px solid #e5e5e5; background-color: #f9f9f9; width: 636px; padding: 15px 0;}
.frm_membership .left { float: left; padding-left: 30px;}
.frm_membership .right { float: left; padding-left: 30px;}
.frm_membership table { margin: 10px 0 0 10px;}
.frm_membership table th { padding: 5px 0; vertical-align: middle; padding-right: 10px;}
.frm_membership table td { vertical-align: middle;}
.frm_membership .input_text { border: 1px solid #dddad5; width: 180px;}
.frm_membership .width_83 { width: 83px;}
.frm_membership .dash { color: #ccc;}
.frm_membership_btn { text-align: center; padding-top: 15px;}
.reportMembership { padding-top: 10px; padding-bottom: 15px;}


.box_searchResource { padding-left: 60px;}
.box_searchResource label { float: left; margin-top: 3px;}
.box_searchResource select { float: left; width: 80px; margin-left: 10px;}
.box_searchResource .input_search { float: left; border: 1px solid #c9c8cd; width: 185px; margin: 0 5px;}


.commonTable_view table.table_advantage .state { width: 100px;}
.commonTable_view table.table_advantage .value { width: auto;}


.list_info { margin-top: 20px;}
.list_info li {}
.list_info li li { padding-left: 10px; padding-top: 10px;}
.list_info li .info_top { background-color: #F6FAFC; border-top: 1px solid #E6E8E9; padding: 10px 5px 8px; color: #48688f;}
.list_info li.have_detail .info_top { border-bottom: 1px dotted #E6E8E9;}
.list_info li.last .info_top { border-bottom: 1px solid #E6E8E9;}
.list_info li .info_top .left { float: left;}
.list_info li .info_top .left img { vertical-align: middle;}
.list_info li .info_top .right { float: right;}
.list_info li li strong { background: url(../../images/coastKnowledge/bu_square.gif) left 5px no-repeat; padding-left: 10px;}
.list_info li li p { line-height: 18px;}
.back_top { text-align: right; padding-right: 25px;}

.table_status {text-decoration:none;}
.table_status td { vertical-align: middle; text-align: center; padding: 5px 0; text-decoration:none;}


.list_status { background: url(../../images/coastKnowledge/bg_list_status.gif) left top no-repeat; width: 638px; height: 27px; padding-top: 15px;}
.list_status li { float: left; background: url(../../images/coastKnowledge/bu_square.gif) left 5px no-repeat; padding-left: 10px; margin-left: 35px !important;}
.status_note { text-align: right; padding: 5px 20px 0 0; font-size: 11px;}


.list_aboutSea2 { padding: 10px 0 0 30px;}
.list_aboutSea2 .no_bg { background: none !important;}
.list_aboutSea2 li li li { background: url(../../images/coastKnowledge/bu_arrowBlue.gif) left 5px no-repeat !important;}
.btn_status { text-align: right; padding: 0 50px 0 0;}
* html .list_aboutSea2 li { padding-top: 0; height: 1%;}

.box_status_search { border-bottom: 1px solid #d9e2e9; padding-left: 40px; padding-bottom: 5px;}
.box_status_search label { float: left; margin-top: 3px;}
.box_status_search .input_search { float: left; border: 1px solid #c9c8cd; width: 390px; margin: 0 5px;}

.graph { margin: 0 0 20px 14px;}

.have_width { width: 638px;}
.have_bg { background-color: #fafafa;}

.intro_txt { background: url(../../images/common/bul_cros.gif) left 3px no-repeat; padding-left: 10px; margin-left: 5px; font-size: 11px;}
.img_satellite { margin-top: 10px;}
.img_satellite p { text-align: center; font-weight: bold; padding-top: 15px;}

.coast_info { background-color: #f3f8ec; width: 625px;}
.coast_info_lt { background: url(../../images/coastKnowledge/bg_coastInfo_lt.gif) left top no-repeat;}
.coast_info_rt { background: url(../../images/coastKnowledge/bg_coastInfo_rt.gif) right top no-repeat;}
.coast_info_lb { background: url(../../images/coastKnowledge/bg_coastInfo_lb.gif) left bottom no-repeat;}
.coast_info_rb { background: url(../../images/coastKnowledge/bg_coastInfo_rb.gif) right bottom no-repeat; padding: 30px 20px 20px 20px;}
.coast_info .left { float: left; margin-right: 10px;}
.coast_info p { line-height: 18px;}

.box_application_t { background: url(../../images/coastKnowledge/bg_application_t.gif) left top repeat-x; width: 625px; margin-top: 30px;}
.box_application_l { background: url(../../images/coastKnowledge/bg_application_lrb.gif) left top repeat-y;}
.box_application_r { background: url(../../images/coastKnowledge/bg_application_lrb.gif) right top repeat-y;}
.box_application_b { background: url(../../images/coastKnowledge/bg_application_lrb.gif) left bottom repeat-x;}
.box_application_lt { background: url(../../images/coastKnowledge/bg_application_lt.gif) left top no-repeat;}
.box_application_rt { background: url(../../images/coastKnowledge/bg_application_rt.gif) right top no-repeat;}
.box_application_lb { background: url(../../images/coastKnowledge/bg_application_lb.gif) left bottom no-repeat;}
.box_application_rb { background: url(../../images/coastKnowledge/bg_application_rb.gif) right bottom no-repeat;}
.box_application {}
.box_application .application_title { background-color: #9aac75; float: left; margin-left: 20px; color: #fff; font-weight: bold; padding: 0 5px; margin-top: -5px; line-height: 18px; position: relative;}
* html .box_application .application_title { margin-left: 10px;}

.list_aboutSea .list_applications { padding: 15px 0 20px 10px;}
.list_aboutSea .list_applications li { background: none; line-height: normal;}
.list_aboutSea .list_applications li li { float: left; margin-left: 25px; background: url(../../images/coastKnowledge/bu_squareGreen.gif) left 5px no-repeat; padding-left: 10px; width: 230px; padding-bottom: 5px;}
.list_aboutSea .list_applications li li.col_left { width: 170px;}
.list_aboutSea .list_applications li li.col_right { width: 350px;}
* html .list_aboutSea .list_applications li li { margin-left: 15px;}
.list_aboutSea .list_applications_3col li li { width: 160px;}

.list_usageCases .intro_txt { float: right; padding-right: 15px;}
.list_aboutSea .list_usageCases ul { border-bottom: 1px solid #dedede; border-top: 1px solid #dedede; padding: 15px 0 10px; margin-top: 5px;}
.list_aboutSea .list_usageCases { width: 638px;}
.list_aboutSea .list_usageCases ul ul { border-bottom: none; border-top: none; padding: 0;}
.list_aboutSea .list_usageCases li { background: none;}
.list_aboutSea .list_usageCases li li { float: left; background: url(../../images/coastKnowledge/bu_arrowGreen.gif) left 3px no-repeat; padding-left: 18px; width: 180px;}

.usageCases_content_title { background-color: #f4f4f4; width: 630px; margin-top: 10px;}
.usageCases_content_title .left { float: left; background: url(../../images/coastKnowledge/bg_usageCases_content_l.gif) left top no-repeat; height: 20px; padding: 5px 0 0 15px;}
.usageCases_content_title .right { float: right; background: url(../../images/coastKnowledge/bg_usageCases_content_r.gif) right top no-repeat; height: 20px; padding: 5px 15px 0 0; font-size: 12px;}
.usageCases_content_inside { margin-top: 10px; width: 620px;}
.usageCases_content_inside .left { float: left; margin-right: 10px;}
.usageCases_content_inside p { line-height: 18px;}

.graph_bg { background-color: #f5f5f5; padding: 5px 0 5px 15px; margin: 5px 0;}

.list_aboutSea .list_imageAnalysis { margin-top: 5px;}
.list_aboutSea .list_imageAnalysis li { float: left; border: 1px solid #ddd; width: 198px; padding: 8px 0 20px 0; margin-left: 5px;}
.list_aboutSea .list_imageAnalysis li li { float: none; background: none; width: auto; border: none; font-size: 11px; padding: 0; margin-left: 7px;}

.commonTable col.intro { width: 100px;}
.commonTable_write table.coastKnowledge .tit .type_text { width: 311px;}
.commonTable_write table.replyCoastKnowledge .answer .type_text { width: 517px;}
.commonTable_write table.replyCoastKnowledge .contents th, .commonTable_write table.replyCoastKnowledge .contents td {
border-bottom: 1px solid #EBEBEB;}
.commonTable_write table.replyCoastKnowledge .contents textarea { margin: 6px 0;}

.back_home { text-align: right; padding-right: 15px;}

.list_coastCompare { width: 638px;}
.list_coastCompare li { margin-bottom: 10px;}
.box_coastCompare_t { background: #f7f4f4 url(../../images/coastIn/bg_coastCompare_t.gif) left top repeat-x;}
.box_coastCompare_l { background: url(../../images/coastIn/bg_coastCompare_lrb.gif) left top repeat-y;}
.box_coastCompare_r { background: url(../../images/coastIn/bg_coastCompare_lrb.gif) right top repeat-y;}
.box_coastCompare_b { background: url(../../images/coastIn/bg_coastCompare_lrb.gif) left bottom repeat-x;}
.box_coastCompare_lt { background: url(../../images/coastIn/bg_coastCompare_lt.gif) left top no-repeat;}
.box_coastCompare_rt { background: url(../../images/coastIn/bg_coastCompare_rt.gif) right top no-repeat;}
.box_coastCompare_lb { background: url(../../images/coastIn/bg_coastCompare_lb.gif) left bottom no-repeat;}
.box_coastCompare_rb { background: url(../../images/coastIn/bg_coastCompare_rb.gif) right bottom no-repeat; padding: 20px 30px;}
.list_coastCompare .left { float: left;}
.list_coastCompare .right { float: left; margin-left: 30px;}
.list_coastCompare strong { font-size: 14px; color: #1d4f9b;}
.list_coastCompare strong span { font-size: 14px; color: #444;}
.list_coastCompare li ul { margin-top: 10px;}
.list_coastCompare li li { background: url(../../images/coastIn/bu_arrowGreen.gif) left 4px no-repeat; padding-left: 10px; margin-top: 5px; margin-bottom: 0;}

.table_coastKnowledge_Info .back_home { float: right; padding-right: 0; padding-top: 20px;}
.commonTable_view table.view_coastKnowledge td img { vertical-align: middle;}
.commonTable_view table.view_coastKnowledge .btn_link { width: 150px;}
.commonTable_view table.view_coastKnowledge td.reply_knowledge { padding-left: 24px; vertical-align: top;}
.commonTable_view table.view_coastKnowledge td.reply_knowledge div { height: 22px; line-height: 25px;}
.commonTable_view table.view_coastKnowledge td.reply_knowledge div a { float: left; margin-right: 15px; margin-top: -2px;}
* html .commonTable_view table.view_coastKnowledge td.reply_knowledge div a { margin-top: 0;}

.box_searchOthers { background: url(../../images/coastIn/bg_box_search.gif) left top no-repeat; width: 577px; height: 30px; padding: 6px 0 0 60px;}
.box_searchOthers label { float: left; margin-top: 3px; margin-right: 5px;}
.box_searchOthers input { float: left; margin: 0 1px;}
.box_searchOthers .input_search { border: 1px solid #C0C0C0; width: 260px; height: 18px; margin: 0 5px;}
* html .box_searchOthers .input_search { padding-top: 3px; height: 15px;}

.list_resultKnowledge { background: url(../../images/coastIn/bg_line.gif) left top no-repeat; border-bottom: 2px solid #cecece; padding: 0 0 20px 10px; width: 550px;}
.list_resultKnowledge li { padding-top: 20px;}
.resultKnowledge_title {}
.resultKnowledge_title img { vertical-align: middle;}
.resultKnowledge_title strong { color: #1d4f9b;}
.resultKnowledge_title span { color: #666; margin: 0 10px;}
.resultKnowledge_content { margin-top: 5px; line-height: 18px;}

.frm_planManage { border: none; padding: 0 0 15px 0; width: 350px; margin: 0 auto;}

.width_638 { width: 638px;}
.list_aboutSea .list_character { margin-top: 20px;}
.list_aboutSea .list_character li { background: none; margin-left: 0; padding-left: 0; margin-bottom: 10px;}
.list_aboutSea .list_character li .left { float: left; margin-right: 5px;}
.list_aboutSea .list_character li p { float: left; width: 590px;}

.list_faq { border-top: 2px solid #d6d6d6;}
.list_faq li {}
.faq_question {}
.list_faq .left { float: left; margin-right: 5px; padding: 10px 0 0 5px;}
.list_faq .right { float: left; width: 580px; line-height: 18px; padding: 8px 0;}
.faq_answer { background-color: #fafafa; border-top: 1px dotted #d6d6d6; border-bottom: 1px solid #d6d6d6;}
.list_faq li.last .faq_answer { border-bottom: 1px solid #999;}

.list_introAboutSatellieImage {}
.list_introAboutSatellieImage li { background: url(../../images/coastKnowledge/bg_introAboutSatelliteImage.gif) left top no-repeat; width: 282px; height: 191px; float: left; padding: 21px 0 0 24px; margin-right: 25px; margin-bottom: 20px;}
.list_introAboutSatellieImage li.even { margin-right: 0;}
.list_introAboutSatellieImage li ul { margin-left: 6px; margin-top: 18px; float: left;}
.list_introAboutSatellieImage li li { float: none; background: url(../../images/coastKnowledge/bu_arrowSharp.gif) left top no-repeat;; width: auto; height: auto; padding: 0 0 0 16px; margin-right: 0; margin-bottom: 5px; line-height: 13px;}
.satelliteImage { float: right; padding: 10px 18px 0 0;}

.profile { margin-top: 10px;}
.fl_right { float: right; margin-left: 10px;}
.fl_left { float: left; margin-right: 10px;}
.profile p { line-height: 18px; padding-bottom: 20px;}
.attribute { margin-top: 20px;}

.full_list { background: url(../../images/coastKnowledge/bg_fullList.gif) left bottom repeat-x; padding-bottom: 7px; margin-bottom: 20px;}
.full_list select { float: left; margin-right: 5px;}

.list_aboutSea .list_product { width: 180px;}
.list_aboutSea .list_product li { background: url(../../images/coastKnowledge/bu_square.gif) left 6px no-repeat; padding-left: 10px; text-align: left;}
.no_bg { background: none !important; padding-left: 0 !important; margin-left: 0 !important;}
.table_product {}
.table_product th { background: #EFF3F8 none; border-bottom: 1px solid #D5DFED;}
.table_product td.last_right { padding-left: 20px;}
.table_status .al_left { text-align: left; padding-left: 20px !important;}
.no_space { margin-left: 0 !important;}
.table_status .typo { font-weight: bold; color: #1D4F9B;}
.marLeftnav { margin-left: -10px;}

.around_tableSatellite { border-bottom: 2px solid #7693BE; border-top: 1px solid #7693BE;}
.around_tableSatellite .table_aboutSea th { text-align: left; padding-left: 15px; background: #EFF3F8 none; border-bottom: 1px solid #D5DFED;}
.around_tableSatellite .table_aboutSea td { text-align: left; padding-left: 15px;}

.color_green { color: #639432;}
.list_aboutSea p { line-height: 18px; padding-left: 10px;}
.graph_bgArrow { background: url(../../images/coastKnowledge/bu_arrowGreen2.gif) left 7px no-repeat; padding-left: 10px; width: 350px;}
.have_borB { border-bottom: 1px solid #e8e8e8; padding-bottom: 10px;}

.section_title { border-bottom: 1px solid #c1d8aa; padding-bottom: 5px;}
.width_370 { width: 370px;}

.manageInfo { width: 638px; margin-top: 20px;}
.manageInfo li {}
.manageInfo_bar { background-color: #f6fafc; border-bottom: 1px solid #e6e8e9; height: 30px; padding: 0 12px 0 7px;}
* html .manageInfo_bar { height: 28px;}
.manageInfo_bar .left { float: left; margin-top: 5px;}
.manageInfo_bar .right { float: right; margin-top: 5px;}
.manageInfo_bar .left span { background: url(../../images/coastKnowledge/bu_arrow.gif) left 1px no-repeat; padding-left: 19px; cursor: pointer; font-weight: bold; color: #48688f;}
.manageInfo_bar .right span { color: #48688f; cursor: pointer;}
.manageInfo_content { display: none; border-bottom: 1px solid #e6e8e9; padding-left: 5px;}
.manageInfo li.first .manageInfo_bar { border-top: 1px solid #e6e8e9;}
.manageInfo_barAppear { border-bottom: 1px dotted #e6e8e9 !important;}
.manageInfo li.last .manageInfo_content { border-bottom: none;}
.list_manageInfo {}
.list_manageInfo li { border-bottom: 1px dotted #e6e8e9; margin-top: 10px; padding-bottom: 5px;}
.list_manageInfo li.last { border-bottom: none;}
* html .list_manageInfo li.fixIE { margin-top: 0;}
* html .list_manageInfo li.fixIE li.first { padding: 0 0 0 11px;}
* html .marTopnav { margin-top: -2px; position: relative;}
.list_manageInfo li li { border-bottom: none; padding: 7px 0 0 11px; margin-top: 0;}
.manageInfo_title { background: url(../../images/common/bul_list.gif) left 3px no-repeat; padding-left: 17px;}
.list_manageInfo li li strong { background: url(../../images/coastKnowledge/bu_square.gif) left 5px no-repeat; padding-left: 10px;}
.list_manageInfo p { line-height: 18px;}

.table_coastProtect { border: 1px solid #d9d9d9; width: 600px;}
.table_coastProtect td { border: 1px solid #d9d9d9; padding: 3px 0 3px 5px;}
.table_coastProtect th { background-color: #ededed; border: 1px solid #d9d9d9; text-align: center; width: 115px; padding: 3px 0; vertical-align: middle;}
.table_coastProtect input { border: 1px solid #d9d9d9; font-size: 12px; color: #666;}
.table_coastProtect textarea { border: 1px solid #d9d9d9; font-size: 12px; color: #666; width: 450px; height: 30px; overflow-x: hidden; overflow-y: scroll;}
.pageTop { text-align: right; margin-top: 20px;}
.pageTop a { font-size: 11px; font-weight: bold; padding-right: 20px;}
.pageTop a:hover { text-decoration: none;}

.box_findLocation_t { background: url(../../images/coastKnowledge/bg_doubeBor_t.gif) left top repeat-x; margin-top: 10px;}
.box_findLocation_l { background: url(../../images/coastKnowledge/bg_doubeBor_l.gif) left top repeat-y;}
.box_findLocation_r { background: url(../../images/coastKnowledge/bg_doubeBor_r.gif) right top repeat-y;}
.box_findLocation_b { background: url(../../images/coastKnowledge/bg_doubeBor_b.gif) left bottom repeat-x;}
.box_findLocation_lt { background: url(../../images/coastKnowledge/bg_doubeBor_lt.gif) left top no-repeat;}
.box_findLocation_rt { background: url(../../images/coastKnowledge/bg_doubeBor_rt.gif) right top no-repeat;}
.box_findLocation_lb { background: url(../../images/coastKnowledge/bg_doubeBor_lb.gif) left bottom no-repeat;}
.box_findLocation_rb { background: url(../../images/coastKnowledge/bg_doubeBor_rb.gif) right bottom no-repeat;}
.box_findLocation_content { padding: 20px;}
.box_findLocation_content .left { float: left; width: 175px;}
.box_findLocation_content .right { float: left; margin-left: 10px;}
.bgMap1 { background: url(../../images/coastKnowledge/bg_mapshadow_01.gif) left top no-repeat; padding-left: 20px;}
.bgMap2 { background: url(../../images/coastKnowledge/bg_mapshadow_02.gif) left top no-repeat; padding-left: 20px;}
.paddB10 { padding-bottom: 10px;}
.viewList_title { margin-top: 10px;}
.box_findLocation_content ul { margin-top: 5px;}
.box_findLocation_content li { height: 23px;}
.box_findLocation_content li.first { background: url(../../images/coastKnowledge/bg_li_border.gif) right top no-repeat;}
.box_findLocation_content li a { background: url(../../images/coastKnowledge/bu_square.gif) left 8px no-repeat; padding-left: 10px; display: block; height: 23px; line-height: 23px;}
.box_findLocation_content li a:hover { text-decoration: none;}


.list_aboutSea .list_erosion {}
.list_aboutSea .list_erosion li { background: none; margin-top: 20px;}
.list_aboutSea .list_erosion li li { background: none; text-align: center; float: left; margin-top: 0;}
.marLeftnav27 { margin-left: -27px;}
.table_aboutSea th.top { background: #EFF3F8 none; border-bottom: 1px solid #7693BE;}
.table_aboutSea .borderRight { border-right: 1px solid #7693BE;}
.noFontWeight { font-weight: normal !important; color: #555 !important;}
.table_aboutSea .alignRight { text-align: right; padding-right: 20px;}
.width_643 { width: 643px;}


.box_interested_points {}
.box_interested_points_title { border-bottom: 2px solid #e8e8e8;}
.box_interested_points_title_inside { border-bottom: 2px solid #368ec2; float: left; margin-bottom: -2px; position: relative; color: #1d4f9b; font-weight: bold; padding: 0 10px 3px 5px;}
.box_interested_points_title_inside img { vertical-align: middle;}
.box_interested_points_title span { float: left; font-size: 11px; margin-top: 1px;}
* html .box_interested_points_title span { margin-top: 0;}
.box_interested_points ul {}
.box_interested_points ul li { padding: 10px 0 10px 10px;}
.interested_points_img {}
.interested_points_img img { border: 1px solid #cecece; padding: 2px; float: left;}
.interested_points_info { float: left; margin-left: 10px; width: 495px;}
.box_interested_points p { line-height: 18px;}
.box_interested_points p.interested_points_name { color: #373737; padding-bottom: 5px; background:red;}
.box_interested_points p.interested_points_add { color: #888; font-size: 11px;}
.box_interested_points p.more { margin-top: 10px;}
.box_interested_points .interested_points_info_top { border-bottom: 1px dotted #e6e6e6; padding: 0 0 3px 8px; margin-bottom: 5px;}
.box_interested_points .interested_points_info_top li { float: left; background: url(../../images/coastIn/bu_dotGreen.gif) left 5px no-repeat; padding: 0 0 0 7px;}
.box_interested_points .interested_points_info_top li.even { margin-left: 70px;}
.add_other { border-top: 1px solid #e6e6e6; padding: 3px 0 0 15px; margin-top: 5px;}
.box_interested_points_title .fl_right { margin-right: 10px;}
.box_interested_points_title .fl_right a { background: url(../../images/coastIn/bu_plus.gif) left 5px no-repeat; padding-left: 9px; font-size: 11px; color: #336481;}


.tbl_localAreaView { margin-top: 10px;}
.tbl_localAreaView td { vertical-align: middle; padding: 1px 0 1px 15px;}
.tbl_localAreaView td.td_left { width: 80px;}
* html .tbl_localAreaView td { padding: 2px 0 2px 15px;}
*+html .tbl_localAreaView td { padding: 2px 0 2px 15px;}


.box_best_view {}
.best_view_title { background: url(../../images/coastIn/bu_circle.gif) left top no-repeat; padding-left: 19px;}
.best_view_photo { float: left; width: 322px;}
.best_view_photo .left { float: left;}
.best_view_photo .right { float: right;}
.best_view_photo .right li { margin-bottom: 1px;}
*+html .best_view_photo .right li { margin-bottom: 0;}
.best_view_photo img { border: 1px solid #cecece; padding: 2px;}
.box_best_view .interested_points_info { width: 310px;}
.interested_points_name{ padding: 5px 0px 15px;}
.interested_points_add{ padding: 8px 0px 7px; color: #888; font-size: 11px;}
.more{ padding: 8px 0px 0px;}
.report_review { float: right;}
.report_review a { color: #336481; font-size: 11px; text-decoration: underline; background: url(../../images/coastIn/ico_report.gif) left 3px no-repeat; padding-left: 15px;}
.report_review a:hover { font-weight: bold;}
* html .report_review a { background-position: left 2px;}
*+html .report_review a { background-position: left 2px;}
.box_lastest_review {}
.box_lastest_review ul { margin-top: 10px;}
.box_lastest_review ul ul { margin-top: 0;}
.box_lastest_review ul li { margin-bottom: 25px;}
.box_lastest_review ul li li { margin-bottom: 1px;}
*+html .box_lastest_review ul li li { margin-bottom: 0;}


.box_view_all ul {}
.box_view_all ul li { padding: 10px 0;}
.box_view_all ul li li { float: left; width: 300px; padding: 0 0 0 10px;}
.box_view_all .interested_points_info { width: 165px;}


.box_quiz_result { width: 638px;}
.quiz_result_top { padding: 15px 15px 15px 25px;}
.quiz_result_top .left { float: left; font-weight: bold;}
.quiz_result_top .right { float: right; font-weight: bold; height: 18px;}
.quiz_result_top .right img { vertical-align: middle;}
.quiz_result_content { background-color: #f8f8f8;}
.quiz_result_lt { background: url(../../images/coastIn/bg_box_quizResult_lt.gif) left top no-repeat;}
.quiz_result_rt { background: url(../../images/coastIn/bg_box_quizResult_rt.gif) right top no-repeat;}
.quiz_result_lb { background: url(../../images/coastIn/bg_box_quizResult_lb.gif) left bottom no-repeat;}
.quiz_result_rb { background: url(../../images/coastIn/bg_box_quizResult_rb.gif) right bottom no-repeat; padding: 20px;}
* html .quiz_result_content { height: 1%;}
.tbl_quiz_result {}
.tbl_quiz_result td { vertical-align: middle; padding: 7px 0;}
.tbl_quiz_result td img { vertical-align: middle;}
.tbl_quiz_result td.al_right { text-align: right;}
.quiz_congratulation { color: #4a7cc7; text-align: center; padding: 10px 0; border-bottom: 2px solid #e5ecf1;}
.no_borderB { border-bottom: none; padding: 20px 0 0 0;}
.check_quiz_result { float: right; margin-top: -27px; position: relative;}
.quiz_result_add { border-bottom: 2px solid #e5ecf1; padding: 10px 5px 10px 20px;}
.quiz_result_add .left { float: left; background: url(../../images/coastIn/bu_circleSmall.gif) left 3px no-repeat; padding-left: 15px;}
.quiz_result_add .right { float: right;}
.quiz_result_add .right span { background: url(../../images/coastIn/bu_squareBlue.gif) left 6px no-repeat; padding-left: 7px; margin-right: 10px;}


.list_quiz {}
.list_quiz li { border-bottom: 1px solid #dfdfdf; padding: 7px 0 7px 10px;}
.list_quiz li strong { color: #1d4f9b; margin-right: 20px; background: url(../../images/coastIn/bu_arrowBlue.gif) left 4px no-repeat; padding-left: 10px;}


.box_option_poll_t { background: url(../../images/coastIn/bg_box_optionPoll_ltrb.gif) left top repeat-x;}
.box_option_poll_l { background: url(../../images/coastIn/bg_box_optionPoll_ltrb.gif) left top repeat-y;}
.box_option_poll_r { background: url(../../images/coastIn/bg_box_optionPoll_ltrb.gif) right top repeat-y;}
.box_option_poll_b { background: url(../../images/coastIn/bg_box_optionPoll_ltrb.gif) left bottom repeat-x;}
.box_option_poll_lt { background: url(../../images/coastIn/bg_box_optionPoll_lt.gif) left top no-repeat;}
.box_option_poll_rt { background: url(../../images/coastIn/bg_box_optionPoll_rt.gif) right top no-repeat;}
.box_option_poll_lb { background: url(../../images/coastIn/bg_box_optionPoll_lb.gif) left bottom no-repeat;}
.box_option_poll_rb { background: url(../../images/coastIn/bg_box_optionPoll_rb.gif) right bottom no-repeat; padding: 10px 0 25px 30px;}
* html .box_option_poll_t { height: 1%;}
.period { float: right; background: url(../../images/coastIn/bu_circleSmall.gif) left 3px no-repeat; padding-left: 15px; padding-right: 30px;}
.box_option_poll_rb .left { float: left;}
.box_option_poll_rb .right { float: left; margin: 10px 0 0 20px; width: 410px;}
.poll_question { background: url(../../images/coastIn/ico_Q.gif) left top no-repeat; padding-left: 30px; font-weight: bold; line-height: 18px;}
.box_option_poll_rb ul { margin-top: 10px;}
.box_option_poll_rb ul li { line-height: 22px;}
.box_option_poll_rb ul li label { margin-left: 10px;}

.list_resultSearch li ul.list_coast_photos { padding: 0;}
.list_resultSearch li ul.list_coast_photos ul { padding: 10px 0 0 0;}
.list_resultSearch li ul.list_coast_photos li { margin-bottom: 10px;}
.list_resultSearch li ul.list_coast_photos li li { float: left; padding-left: 24px;}
.list_resultSearch li ul.list_coast_photos li li.first { padding-left: 20px;}
.list_resultSearch li ul.list_coast_photos li li img { border: 1px solid #dcdcdc; padding: 1px;}
.list_resultSearch li ul.list_coast_photos li li p { padding-left: 5px; line-height: 18px;}
.coast_photos_txt { color: #999; padding-top: 5px;}
.coast_photos_txt span { font-size: 11px;}

.list_business_contact {}
.list_business_contact li {  padding-left: 8px; border-bottom: 1px solid #e5e5e5; padding-bottom: 20px; margin-bottom: 15px;}
.list_business_contact li.first { border-bottom: none;}
.list_business_contact li.last { border-bottom: none;}
.list_business_contact h4 { background: url(../../images/coastSea/bu_business_contact.gif) left 4px no-repeat; padding-left: 15px; font-size: 14px; color: #133772; font-weight: bold;}
* html .list_business_contact h4 { background-position: left 2px;}
*+html .list_business_contact h4 { background-position: left 2px;}
.list_business_contact .left { float: left; width: 310px;}
.list_business_contact .right { float: left;}
.list_business_contact h5 { background: url(../../images/coastSea/bu_sector.gif) left 5px no-repeat; padding-left: 10px; font-size: 12px; color: #2e61ad; font-weight: bold;}
.list_business_contact .left ul { margin-top: 5px;}
.list_business_contact .left ul li { padding-left: 0; line-height: 20px; border-bottom: none; padding-bottom: 0; margin-bottom: 0;}
.list_business_contact .left ul ul { margin-top: 0; padding-left: 8px;}
.list_business_contact .left ul li li { background: url(../../images/coastSea/bu_sSector.gif) left 6px no-repeat; padding-left: 7px;}
.list_business_contact .right ul { margin-top: 5px;}
.list_business_contact .right ul li { float: left; padding-left: 0; border-bottom: none; padding-bottom: 0; margin-right: 25px; margin-bottom: 0;}
.list_business_contact .right ul li.last { margin-right: 0;}
.list_business_contact .right ul li p { padding: 5px 0 0 5px; line-height: 18px;}
.business_contact_t { background: url(../../images/coastSea/bg_business_contact_t.gif) left top repeat-x; margin-top: 5px;}
.business_contact_l { background: url(../../images/coastSea/bg_business_contact_l.gif) left top repeat-y;}
.business_contact_b { background: url(../../images/coastSea/bg_business_contact_b.gif) left bottom repeat-x;}
.business_contact_lt { background: url(../../images/coastSea/bg_business_contact_lt.gif) left top no-repeat;}
.business_contact_lb { background: url(../../images/coastSea/bg_business_contact_lb.gif) left bottom no-repeat;}
.business_contact_r { background: url(../../images/coastSea/bg_business_contact_r.gif) right top no-repeat; height: 133px; padding: 22px 0 0 36px;}
.list_business_contact .col_l { float: left;}
.list_business_contact .col_r { float: left; margin-left: 25px;}
.list_business_contact .col_r ul { margin-top: 15px;}
.list_business_contact .col_r ul li { background: url(../../images/coastSea/bu_sector.gif) left 5px no-repeat; padding-left: 10px; border-bottom: none; padding-bottom: 0; margin-bottom: 3px;}
.list_business_contact .col_r ul li strong { color: #2e61ad; border-right: 1px solid #2e61ad; width: 30px; display: inline-block; height: 13px; line-height: 13px; margin-right: 5px;}

.map_beach_l { float: left; width: 321px; border: 1px solid #e6e6e6; padding: 5px;}
.map_tool { border: 3px solid #74beef; margin-top: 5px; background: url(../../images/coastIn/bg_map_tool.gif) left top repeat-x; height: 39px; padding: 4px 0 0 4px;}
.map_tool li { float: left;}

.list_chooseLocation { margin: 20px 0 0 10px;}
.list_chooseLocation h4 { padding-bottom: 10px;}
.list_chooseLocation ul li { float: left; margin-right: 2px;}

.page_west .list_photos li { background: none;}
.page_west .list_photos li li { background: none; float: left; text-align: center;}


.sitemap {position:relative; height:1150px; padding-bottom:20px; }
.sitemap .link001 {position:absolute; left:0px; top:0px;}
.sitemap .link002 {position:absolute; left:232px; top:0px;}
.sitemap .link003 {position:absolute; left:464px; top:0px;}
.sitemap .link004 {position:absolute; left:0px; top:577px;}
.sitemap .link005 {position:absolute; left:232px; top:577px;}
.sitemap * { font-family: Dotum;}
.sitemap ul { padding: 0 7px;}
.sitemap ul ul { padding: 6px 0 2px 11px; background: url(../../images/coastHelp/bg_dot.gif) left bottom repeat-x;}
.sitemap li {width: 178px;}
.sitemap li.last { margin-right: 0;}
.sitemap li li { float: none; width: auto; margin-right: 0;}
.sitemap li li li { background: url(../../images/coastHelp/bu_sitemap.gif) left 6px no-repeat; padding: 0 0 5px 7px;}
.sitemap h4 { background: url(../../images/coastHelp/bg_sitemap_head.gif) left top no-repeat; width: 161px; height: 39px; line-height: 39px; padding-left: 17px;}
* html .sitemap h4 { padding-top: 13px; height: 26px;}
*+html .sitemap h4 { padding-top: 13px; height: 26px;}
.sitemap h5 { background: url(../../images/coastHelp/bg_dot.gif) left bottom repeat-x; padding: 6px 0 7px 11px; font-weight: normal;}
* html .sitemap h5 { padding: 7px 0 6px 11px;}
.sitemap a { color: #666; font-size: 11px;}
.sitemap a:hover { text-decoration: none; font-weight: bold;}
.sitemap h5 a { color: #00235c; font-size: 12px;}
.under_listone { margin-top: 50px;}
.under_listtwo { margin-top: 210px;}
* html .under_listtwo { margin-top: 214px;}
*+html .under_listtwo { margin-top: 214px;}


.widget * { font-family: Dotum;}
.widget_left { float: left; width: 152px; background: url(../../images/coastHelp/bg_widget.gif) left top no-repeat; height: 362px; padding: 10px 7px 0;}
.widget_one { background: url(../../images/coastHelp/bg_widget_one.gif) left top no-repeat; padding-top: 4px; margin-top: 3px;}
.widget_one_content { border-left: 1px solid #bbe2f7; border-right: 1px solid #bbe2f7; background-color: #fff; padding: 4px 0 5px;}
.widget_one_content h5 { padding-left: 7px;}
.widget ul { padding: 5px 0 0 13px;}
* html .widget ul { padding: 10px 0 5px 13px;}
*+html .widget ul { padding: 10px 0 5px 13px;}
.widget ul li { background: url(../../images/coastHelp/bu_widget.gif) left 6px no-repeat; padding-left: 7px; font-size: 11px; padding-bottom: 2px;}
.widget_two { border: 1px solid #dcdcdc; background-color: #fff; padding-bottom: 5px;}
.widget_tab {}
* html .widget_tab { padding-left: 1px;}
.widget_tab a { float: left;}
.widget_three { background: url(../../images/coastHelp/bg_widget_three.gif) left bottom no-repeat; padding: 0 0 4px 0;}
.widget_three_content { border-left: 1px solid #bbe2f7; border-right: 1px solid #bbe2f7; background-color: #fff; padding-top: 8px; padding-bottom: 9px;}
.widget_three_content h5 { padding-left: 7px;}
.widget_right { float: left; margin-left: 16px; padding-top: 25px;}
.widget_right input { border: 1px solid #C0C0C0; width: 403px; height: 17px; color: #666; font-size: 11px; padding: 4px 0 0 5px;}
.img_widget { text-align: center; padding-top: 10px;}
.img_widget img { border: 1px solid #ccc; padding: 1px;}


.box_help { width: 638px;}
.tab_help {}
.tab_help li { float: left;}
.box_help_content { margin-top: 20px;}
.box_help_content h4 { background: url(../../images/common/bul_sTitle.gif) left top no-repeat; padding-left: 23px;}
.box_help_realcontent { padding: 13px 0 0 10px; color: #888888;}
.box_help_realcontent h5 { background: url(../../images/common/bul_list.gif) left 2px no-repeat; padding-left: 17px; line-height: 16px; font-size: 12px; font-weight: normal;}
.box_help_realcontent ul {}
.box_help_realcontent ul li { padding: 10px 0 0 17px;}
.help_img { float: left; margin-bottom: 10px;}
.help_img img { width: 254px; height: 164px;}
.help_img_05 img{ height: 306px !important;}
.box_help_realcontent p { background: url(../../images/coastHelp/bu_help.gif) left 3px no-repeat; padding-left: 10px; margin-left: 265px; line-height: 16px;}
.box_help_realcontent p.other { margin-left: 0; clear: both;}

.reg_site {}
.reg_site label { float: left;}
.reg_site input { float: left; width: 543px; color: #666; font-size: 11px; border: 1px solid #ebebeb; margin-left: 8px; height: 13px; padding-left: 10px; padding-top: 3px;}
* html .reg_site input { padding-top: 1px; height: 15px;}

.table_Info .search .width_100 { width: 100px;}
.commonTable_view table.view .value2 { width: 520px;}

.quesForm { background: url(../../images/coastIn/bg_quesForm.png) left top no-repeat; width: 536px; height: 87px; margin-top: -34px; padding: 55px 0 0 102px;}
.quesForm .input_text { float: left; border: 1px solid #3f8c15; color: #888; width: 410px; padding-left: 5px; height: 17px; margin-right: 5px;}
.quesForm_note { clear: both; margin-top: 5px;}


.marTop_50 { margin-top: 50px;}
.marTop_180 { margin-top: 180px;}
.marTop_40 { margin-top: 40px;}
.marTop_10 { margin-top: 10px;}
.marTop_5 { margin-top: 5px;}
.marTop_20 { margin-top: 20px;}
.marLeft_15 { margin-left: 15px;}
.width_608 { width: 608px;}
.padT0 { padding-top: 0 !important;}
.padL10 { padding-left: 10px;}
.paddL15 { padding-left: 15px;}
.paddL20 { padding-left: 20px;}
.paddB5 { padding-bottom: 5px;}



/*
=LAYER CSS 
*/
#body_layer { background: url(../../images/coastIn/bg_body_layer.png) left top repeat; font-family: Dotum; color: #373737; font-size: 12px; position: absolute; left: 0; top: 0; z-index: 11; padding: 80px 0 0 295px; width: 1005px; height: 1000px;}
#layer { width: 850px;}
.layer_title_l { background: url(../../images/coastIn/bg_layer_lt.png) left top no-repeat; padding-left: 32px;}
.layer_title_r { background: url(../../images/coastIn/bg_layer_rt.png) right top no-repeat; padding-right: 18px;}
.layer_title { background: url(../../images/coastIn/bg_layer_t.gif) left top repeat-x; height: 37px;}
.layer_title .left { float: left; padding: 18px 0 0 6px;}
.layer_title .right { float: right;}
.layer_lb { background: url(../../images/coastIn/bg_layer_lb.png) left bottom no-repeat; padding-left: 15px;}
.layer_rb { background: url(../../images/coastIn/bg_layer_rb.png) right bottom no-repeat; padding-right: 15px;}
.layer_b { background: #fff url(../../images/coastIn/bg_layer_tlrb.gif) left bottom repeat-x; height: 15px;}
.layer_content { padding: 15px 0 0 0; border-left: 2px solid #1d4f9b; border-right: 2px solid #1d4f9b; background-color: #fff;}
.img_map { text-align: center;}
.img_map img { border: 1px solid #cecece; padding: 2px;}
.layer_add { margin-top: 10px; padding: 0 22px 0 25px;}
.layer_add .left { float: left; color: #373737; font-size: 11px; font-family: Gulim;}
.layer_add .right { float: right;}


.box_coastal_review { padding: 0 17px 0 14px;}
.box_coastal_review_other { width: 810px; height: 483px; overflow-y: scroll; padding: 0 15px;}
.coastal_review_title {}
.extral_title {}
.extral_title .left { float: left; color: #373737; font-size: 15px; font-weight: bold; padding-left: 5px; line-height: 18px; padding-bottom: 3px;}
.extral_title .right { float: right; padding-right: 5px;}
.extral_title_add { border-top: 1px solid #68a924; padding-top: 5px;}
.extral_title_add_other { margin-top: -4px;}
* html .extral_title_add_other { margin-top: -2px;}
*+html .extral_title_add_other { margin-top: -2px;}
.extral_title_add .left { float: left; padding-left: 5px;}
.extral_title_add .right { float: right; color: #888; font-size: 11px; padding-right: 5px;}
.coastal_review_content { margin-top: 10px;}
.coastal_review_content .left { float: left; width: 176px;}
.coastal_review_content .right { float: right;}
.coastal_review_add {}
.coastal_review_add .left { width: auto; font-size: 13px; padding-left: 8px;}
.coastal_review_add .right { padding-right: 5px;}
.coastal_review_result { border-top: 2px solid #e6e6e6; padding: 5px 0 0 12px;}
.coastal_review_info { margin-top: 10px; border: 1px solid #e8e8e8; background-color: #f9f9f9; height: 378px; overflow-y: scroll; font-size: 11px;}
.coastal_review_info p { padding: 10px 0 0 8px;}
.coastal_map_review { border: 1px solid #cecece; padding: 2px;}
.coastal_map_review_inside { background: url(../../images/coastIn/img_07.jpg) left top no-repeat; width: 533px; height: 343px; padding: 80px 0 0 94px;}
.coastal_review_pop { border: 1px solid #c7c7c7; width: 385px; padding: 10px 10px 5px 10px; background-color: #fff;}
* html .coastal_review_pop { padding: 10px;}
*+html .coastal_review_pop { padding: 10px;}
.coastal_review_pop .left { width: auto;}
.coastal_review_pop .right { float: left; margin-left: 10px; width: 255px;}
.coastal_review_pop .left img { border: 1px solid #cecece; padding: 2px;}
.close_pop { text-align: right; margin-top: -5px;}
* html .close_pop { margin-top: 0;}
*+html .close_pop { margin-top: 0;}
.coastal_review_name { border-bottom: 1px solid #68a924;}
.coastal_review_txt { padding: 10px 0 0 10px;}
.coastal_review_txt p { color: #666; line-height: 18px;}
.coastal_review_txt .left { font-size: 11px; color: #888;}
.coastal_review_txt .right { float: right; width: auto; margin-top: -10px; position: relative;}


.coastal_review_content_other { margin-top: 10px;}
.coastal_review_photo {}
.coastal_review_photo .left { float: left;}
.coastal_review_photo ul { float: right; margin-left: 7px;}
.coastal_review_photo ul li { margin-bottom: 4px;}
* html .coastal_review_photo ul li { margin-bottom: 6px;}
*+html .coastal_review_photo ul li { margin-bottom: 6px;}
.coastal_review_photo img { border: 1px solid #cecece; padding: 2px;}


.tbl_coastal_review { margin: 10px 0 0 5px; width: 780px;}
.tbl_coastal_review td { border-bottom: 1px dotted #b4b4b4; padding: 5px 0 3px 10px; vertical-align: middle;}
.tbl_coastal_review td.bottom { border-bottom: 2px solid #e6e6e6; color: #666; padding: 10px 0 8px 10px;}
.tbl_coastal_review td span { background: url(../../images/coastIn/bu_squareGreen.gif) left 4px no-repeat; padding-left: 10px;}
.coastal_review_content_other .report_review { margin: 5px 10px 0 0;}
.coastal_review_content_other .report_review a { background-position: left 1px; font-weight: bold;}


.layer_title_inside_r { background: #f3f3f3 url(../../images/coastIn/bg_layer_title_r.gif) right top no-repeat; margin-top: 10px;}
.layer_title_inside_l { background: url(../../images/coastIn/bg_layer_title_l.gif) left top no-repeat; height: 20px; padding: 6px 0 0 29px;}
.layer_title_inside_l a { float: right; margin: -3px 2px 0 0;}
.coastal_review_content_other .interested_points_info { width: 650px;}
.coastal_review_content_other .interested_points_info .right { float: right; padding-right: 5px;}
* html .coastal_review_content_other .interested_points_info .right { height: 22px;}
.coastal_review_content_other .interested_points_info .graph_nage { border-top: 1px solid #68a924; padding-top: 3px; margin-top: -4px; padding-left: 5px;}
* html .coastal_review_content_other .interested_points_info .graph_nage { margin-top: -3px; border-top: 2px solid #68a924}
*+html .coastal_review_content_other .interested_points_info .graph_nage { margin-top: -3px; border-top: 2px solid #68a924}
.coastal_review_content_other .interested_points_info p.interested_points_name { float: left; padding: 0 0 0 5px;}
.coastal_review_content_other .interested_points_info p.interested_points_add { padding: 0 0 0 5px;}


.coastal_review_pop_2 { position: absolute; border: 1px solid #C7C7C7; width: 517px; top: 300px; left: 400px; background-color: #fff; z-index: 1; padding: 7px;}
.coastal_review_pop_2 .left { float: left; width: 120px;}
.coastal_review_pop_2 .left img { border: 1px solid #cecece; padding: 2px;}
.coastal_review_pop_2 .right { float: left; margin-left: 10px; width: 387px;}
.attach { background-color: #e0dfe3; border: 1px solid #ccc; width: 76px; margin: 3px auto 0; text-align: center;}
.coastal_review_pop_2 textarea { border: 1px solid #cecece; overflow: hidden; width: 379px; height: 56px; font-size: 12px; padding: 5px 0 0 5px;}
* html .coastal_review_pop_2 textarea { height: 61px;}
*+html .coastal_review_pop_2 textarea { height: 61px;}


	
						

/*
=LAYER MAINMENU CSS 
*/
#layer_mainmenu { width: 854px;}
.layer_mainmenu_lt { background: url(../../images/common/bg_layer_mainmenu_lt.png) left top no-repeat; padding-left: 5px;}
.layer_mainmenu_rt { background: url(../../images/common/bg_layer_mainmenu_rt.png) right top no-repeat; padding-right: 5px;}
.layer_mainmenu_t { background-color: #0b3368; position: relative; height: 19px; padding-top: 8px;}
.layer_mainmenu_lb { background: url(../../images/common/bg_layer_mainmenu_lb.png) left bottom no-repeat; padding-left: 5px;}
.layer_mainmenu_rb { background: url(../../images/common/bg_layer_mainmenu_rb.png) right bottom no-repeat; padding-right: 5px;}
.layer_mainmenu_b { background-color: #0b3368; height: 8px; overflow: hidden;}
#layer_mainmenu h1 { text-align: center; line-height: 0;}
.layer_mainmenu_close { position: absolute; right: 10px; top: 4px;}
.layer_mainmenu_content { background-color: #0b3368; padding: 0 7px;}
.layer_mainmenu_content_lt { background: #fff url(../../images/common/bg_layerinside_mainmenu_lt.gif) left top no-repeat;}
.layer_mainmenu_content_rt { background: url(../../images/common/bg_layerinside_mainmenu_rt.gif) right top no-repeat;}
.layer_mainmenu_content_lb { background: url(../../images/common/bg_layerinside_mainmenu_lb.gif) left bottom no-repeat;}
.layer_mainmenu_content_rb { background: url(../../images/common/bg_layerinside_mainmenu_rb.gif) right bottom no-repeat; padding: 28px 10px 30px 24px;}
.layer_mainmenu_content ul {}
.layer_mainmenu_content ul ul { padding-top: 9px;}
.layer_mainmenu_content ul ul ul { padding-top: 0;}
.layer_mainmenu_content ul li { float: left; width: 116px; margin-right: 47px;}
.layer_mainmenu_content ul li.last { margin-right: 0;}
.layer_mainmenu_content ul li li { float: none; width: auto; margin-left: 7px; line-height: 0; padding-bottom: 15px; margin-right: 0;}
.layer_mainmenu_content ul li li li { margin-left: 3px; background: url(../../images/common/bu_layer_mainmenu.gif) left 6px no-repeat; padding-left: 5px; margin-top: 7px; padding-bottom: 0; margin-right: 0;}
* html .layer_mainmenu_content ul li li li { margin-top: 4px;}
.layer_mainmenu_content h2 { background: url(../../images/common/bu_title_layer_mainmenu.gif) left top no-repeat; line-height: 0; border-bottom: 1px solid #dedede; padding: 0 0 7px 9px;}
.layer_mainmenu_content h3 { line-height: 0;}




/*
=POPUP CSS 
*/

#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 35px; 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;}

#report_popup { width: 520px; padding: 22px 15px 32px;}
#report_popup h1 { padding: 0; margin: 0; line-height: 0;}
#report_popup .commonTable_view { width: auto; padding-top: 10px;}
#report_popup .commonTable_view table.view { border-bottom: none; margin-bottom: 0;}
#report_popup .commonTable_view table.view .value { width: auto;}
.frm_report { background-color: #f8f8f8; padding: 15px; border-bottom: 2px solid #e1e1e1; border-top: 1px solid #e1e1e1;}
.frm_report ul { padding-left: 5px;}
.frm_report ul li { padding-top: 5px;}
* html .frm_report ul li { padding-top: 4px;}
.frm_report ul li input { float: left;}
.frm_report ul li label { float: left; margin: 2px 0 0 5px;}
.frm_report_comment { font-weight: bold; margin-top: 10px;}
.frm_report textarea { border: 1px solid #c7c7c7; padding: 12px 10px 10px 10px; font-size: 11px; width: 468px; height: 78px; overflow: hidden; color: #666;}
.frm_report_warning { background: url(../../images/coastIn/ico_warning.gif) left 1px no-repeat; padding-left: 15px; color: #ee6310; font-size: 11px; margin-top: 8px; margin-left: 5px;}
.frm_report_btn { text-align: center; margin-top: 15px;}


/*
=LIEN CSS 
*/

.box_searchContact { padding: 40px 0px 0px;}
.box_searchContact_c { background: url(../../images/coastHelp/bg_box_searchContact_c.gif) repeat-x left top;height: 217px;
}
.box_searchContact_l { background: url(../../images/coastHelp/bg_box_searchContact_l.gif) no-repeat left top; height: 217px;}
.box_searchContact_r { background: url(../../images/coastHelp/bg_box_searchContact_r.gif) no-repeat right top; height: 217px;}
.search_boxtitle h3 { padding-left: 170px;}
.box_searchContact_content { padding: 10px 10px 5px 205px;}
.box_searchContact_content table td { text-align: left; vertical-align: middle;}
.box_searchContact_content table td label { padding-right: 10px;}
.box_searchContact_content table td .txt_use_search,.box_searchContact_content table td .txt_password { width: 200px; border: 1px solid #dddad5;}
.box_searchContact_content table td .txt_use_search { margin-left: 5px;}
.box_searchContact_content table td .buttom_search { vertical-align: middle; text-align: left;}
.box_searchContact_content table td.link_search { text-align: center !important; padding-right: 14px;}
.box_searchContact_content table td.first { padding-bottom: 10px;}
.box_searchContact_content table td.last { padding-top: 18px;}

.poll { clear: both;}
.poll_left { float: left;background: url(../../images/coastHelp/left_pold.gif) no-repeat left top;height: 368px;width: 171px;}

.left_content { padding: 45px 8px 5px 10px;}
.left_content #nav_top{ height: 73px; padding-left: 10px;}
.left_content #nav_top li,.tab_content #tab_subcontent li { background: url(../../images/coastHelp/hile.gif) no-repeat 8px center; text-indent: 15px; float: left; width: 100%; line-height: 1.5;}
.tab { border-bottom: 1px solid #dcdcdc; border-top: 1px solid #dcdcdc; height: 124px;}
.left_content #nav_top li a,.tab_content #tab_subcontent li a{ color: #666666; font-size: 11px; display: block;}
.left_content #nav_cen li{ float: left; margin: 0px 0px 8px;}
.left_content #nav_cen li a{ font-size: 11px; padding: 0px 12px; display: block; }
.left_content #nav_cen li.active a img{ padding-top: 4px; }
.left_content #nav_cen li.noactive a{ border-left: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; background: url(../../images/coastHelp/a_noactive.gif) repeat-x left top; height: 24px; display: block; }
.tab_content{padding: 0px 0px 5px 10px;}
#nav_bot{ text-align: center; padding-top: 6px;}
.poll_right{
	float: right;
	width: 480px !important;
}
.poll_rightcontent{padding: 30px 0px 0px 15px;}
.txt_poll{
	width: 410px;
	border: 1px solid #c0c0c0;
	text-indent: 5px;
	color: #858585;
	font-size: 11px;
}

/*03_04_02*/
.frm_place,.place_Sselected{ background: url(../../images/coastKnowledge/bg_frmplace.gif) no-repeat; height: 108px; width: 640px;}
.frm_content{ padding: 10px 20px 3px 10px;}
#nav_places { margin: 0px 0px 5px;}
#nav_places li{
	float: left;
	padding: 3px 0px;
	background: url(../../images/coastKnowledge/hile_knowledge.gif) repeat-x left bottom;
	width: 100%;
}
*+html #nav_places li{ padding-bottom: 5px !important;}
* html #nav_places li{ padding: 3px 0px 5px !important;}
#nav_places li div.lable_name{ float: left; width: 108px;}
#nav_places li div.input_name{ float: left; width: 450px; padding-left: 5px;}
.input_name input{ border: 0; width: 445px; padding-top: 3px; background:#FBFBFB ;}
.link_detailt{ text-align: right;}
.around_table_place{ border-bottom: 1px sloid #7693be; border-top: 2px solid #7693BE;}
.tab_place { padding: 30px 0px 0px; position: relative; width: 640px;}
#nav_tab_place{ clear: both;}
#nav_tab_place li{ float: left; margin-left: 3px;}
#nav_tab_place li#active{ margin-left: 0px;}
.tab_content{ border-top: 1px solid #d3d3d3; margin-top: -16px; position: relative; z-index: -1; padding-top: 50px;}
*+html .tab_content{ margin-top: -15px;}
* html .tab_content{ margin-top: -15px;}
.tab_content .head h4{ background: url(../../images/common/bul_list.gif) no-repeat left 8px; padding: 5px 0px 10px 15px; font-size: 12px; color: #555555; width: 100%;}
.tbl_place .col1{ width: 112px;}
.tbl_place .col2{ width: 528px;}
.tbl_place th,.tbl_place td{ vertical-align: middle; font-size: 12px;}
.tbl_place th.frist{ background: #eff3f8; color: #1d4f9b ;  border-right: 1px solid #d5dfed; text-align: center;}
.tbl_place td.frist{ min-height: 156px; height: 156px; color: #888888; text-indent: 10px;}
.tbl_place th.last{ background: #eff3f8; color: #1d4f9b ; text-align: center; border-top: 1px solid #d5dfed; border-right: 1px solid #d5dfed; border-bottom: 1px solid #7693be; min-height: 126px; height: 126px;}
.tbl_place td.last{border-top: 1px solid #d5dfed; border-bottom: 1px solid #7693be;color: #888888; text-indent: 10px;}
.tbl_place th{
	font-weight:bold;
}

/*03_04_01*/
.place_Sselected_content{ padding: 10px 15px 0;}
.place_Select_content_top{ border-bottom: 1px solid #cccccc; padding: 8px 60px;}
.place_Select_content_top label{ color: #14385d; font-size: 11px;}
.place_Select_content_top span.select_left { padding-right: 18px;}
.place_Select_content_top span.select_right{ padding-right: 10px;}
.select{ width: 128px; margin-right: 4px; color: #444444; font-size: 12px;}
.enter_textselect{ width: 150px; border: 1px solid #cbcbcb;}
.select_submit{ vertical-align: middle;}
.place_Select_content_bot{ padding: 15px 20px 0 30px;}
#nav_select li{ float: left; border-right: 1px solid #aec9e5;}
#nav_select li.first { border-right: none;}
#nav_select li.last { border-right: none;}
#nav_select li a,#nav_select li:link,#nav_select li a:focus{ color: #6590bc; font-size: 12px; padding: 0 10px; }
#nav_select li a:hover,#nav_select li.active a{ font-weight: bold; text-decoration: none;}
*+html #nav_select li a{ padding: 0px 10px !important;}
* html #nav_select li a{ padding: 0px 10px !important;}

/*03_07_02*/
.diagram{ }
.diagram_br{
	background: url(../../images/coastKnowledge/diagram_br.gif) no-repeat bottom right;
}
.diagram_bl{
	background: url(../../images/coastKnowledge/diagram_bl.gif) no-repeat bottom left;
}
.diagram_tr{
	background: url(../../images/coastKnowledge/diagram_tr.gif) no-repeat top right;

}
.diagram_tl{
	background: url(../../images/coastKnowledge/diagram_tl.gif) no-repeat top left;
}
.diagram_content,.National_content_top,.National_content_bot{ padding: 15px 0px 40px 15px;}
#nav_dia{ padding-right: 35px;}
.National_content_top,.National_content_bot{ margin-right: 30px !important;}
#nav_dia li ,#nav_National_top li,#nav_National_bot li{ background: none; margin: 0px !important; padding-left: 0px !important;}
#nav_dia dl,#nav_National_top dl,#nav_National_bot dl { background: url(../../images/coastKnowledge/hile_knowledge.gif) repeat-x left bottom;clear: both; padding: 4px 0px 0px; }
*+html #nav_dia dl,*+html #nav_National_top dl,*+html #nav_National_bot dl{ padding: 3px 0px;}
* html #nav_dia dl,* html #nav_National_top dl,* html #nav_National_bot dl{ padding: 3px 0px;}
#nav_dia .last dl,#nav_National_top .last dl,#nav_National_bot .last dl { background: none;}
#nav_dia dl dt,#nav_National_top dl dt,#nav_National_bot dl dt{ float: left;}
#nav_dia dl dd,#nav_National_top dl dd,#nav_National_bot dd{ float: left; padding-left: 15px; padding-top: 5px;}
.diagram_detail{ clear: both; padding: 25px 0px 10px 18px; }
.detail_l{ float: left;}
.detail_r{ }
.diagram_detail h5{ background: none; text-align: center; padding-left: 0px;}
.diagram_detail{text-align: center;}

/*03_07_05_01*,03_07_05_02*/
.block_diagram_page1,.block_diagram_page2 { width: 630px; }
.block_diagram_page1 p,.block_diagram_page2 p{ padding: 5px 0px 5px 10px;}

/*03_07_05_03*/
.diagram_detail_National{ width: 628px;}
.National_detail h5{
	background: url(../../images/coastKnowledge/arrow_top.gif) no-repeat 5px 3px;
	margin-left: 12px;
}/*
*+html .National_detail h5{ background-position: 5px 3px; !important;}
*html .National_detail h5{ background-position: 5px 3px; !important;}*/
.National_detail p{ padding: 30px 0px 0px;}
*html .National_detail p{ padding: 30px 0px 5px;}
*+html .National_detail p{ padding: 30px 0px 5px;}
.usageCases_content_title .right a{
	font-weight:bold;
}

/*01_01_01*/

.Netizens_top {background:url(../../images/coastSea/bg_hello.gif) no-repeat left top; line-height:18px; }
.Netizens_top strong img {margin-bottom:30px;}
.Netizens_top p {padding-bottom:20px;}
.Netizens_top .al_right {text-align:right;}
/*03_06_00_03*/
.coast_status{ width: 638px;}
.coast_status .head{ background: url(../../images/coastKnowledge/bg_head.gif) no-repeat right bottom; padding-bottom: 8px;}
.coast_status .head_l{ float: left; margin-top: 7px;}
.coast_status .head_l h4{ color: #133772; font-size: 14px; font-weight: bold; background: url(../../images/coastKnowledge/arrow_status.gif) no-repeat left; padding-left: 20px;}
.coast_status .head_r{ float: right; text-align: right;}
.head_r li{ display: inline; padding: 0px;}
.page_west{ padding: 15px 0; }
.page_west h3{ background: url(../../images/coastKnowledge/icon_one.gif) left 6px no-repeat; padding-left: 19px; color: #555555; font-size: 12px; padding-top: 3px;}
.page_west h3.icont2{background: url(../../images/coastKnowledge/icon_2.gif) left 4px no-repeat;}
.page_west h3.icont3{background: url(../../images/coastKnowledge/icon_3.gif) left 4px no-repeat;}
.page_west ul { padding-top: 5px;}
.page_west ul li{ padding-left: 20px; background: url(../../images/coastKnowledge/arrow_03.gif) 10px 5px no-repeat; line-height: 18px;}

.head_bot{  background: url(../../images/coastKnowledge/bg_head.gif) no-repeat right top; padding-top: 10px; }

.List01_02_03_01 {text-align:left;}
.List01_02_03_01 li {overflow:hidden; zoom:1}
.List01_02_03_01 li img {float:left;}
.List01_02_03_01 li span {float:right; width:210px;}
.List01_02_03_01 li span.alt {margin-top:40px;}
.List01_02_03_01 li span.alt02 {margin-top:20px;}
.List01_02_03_01 img{vertical-align:middle;}
.List01_02_03_01 span {padding-left:15px; background:url('../../images/coastSea/ico_arrow.gif') no-repeat left 2px;}

.box_interested_points ul li .interested_points_info .interested_points_name { float:none; width:auto; margin-bottom:5px; background:none; border-bottom:1px solid #68a924 ; overflow:hidden; zoom:1}
.box_interested_points ul li .interested_points_info .interested_points_name strong {float:left;}
.box_interested_points ul li .interested_points_info .interested_points_name a.btn_x {float:right;}
.box_interested_points ul li .interested_points_info .graph_nage {border:none;}

#bigMap {display:none; cursor:pointer;}
/*¹«Àεµ¼­ °ü¸®*/

.island_admin {}
.island_admin h4 { background: url(../../images/common/bul_sTitle.gif) left top no-repeat; padding-left: 23px; margin-bottom: 10px;}
.island_admin li { margin-bottom: 25px;}
.island_admin li li { margin-left: 10px; margin-bottom: 5px;}
.island_admin li li.head_list { font-weight: bold; color: #1d4f9b;}
.island_admin li li.head_list img { vertical-align: middle;}
.island_admin li li li { left 4px no-repeat; padding-left: 5px; line-height: 18px; color: #888; margin-left: 7px; margin-bottom: 0;}
.island_admin_stitle { color: #6c8d16;}
.island_admin_stitle01 { color: #1b4e8a; font-weight:bold;}
.island_admin_text01 { color: #1d4f9b;}
.island_admin_text02 { color: #5992d9;}

.island_admin_table_line   { height:2px; background-color: #7693be; }

.island_admin_title   {border-bottom: 1px solid #d5dfed; border-right: 1px solid #d5dfed; padding: 5px 0; font-weight:bold;
 background-color: #eff3f8; font-family:Tahoma, Dotum, 'µ¸¿ò',	 font-size: 12px;  color:#1d4f9b;  text-align:center;  }

.island_admin_title_right   {border-bottom: 1px solid #d5dfed; border-right: 1px solid #d5dfed; border-right: none; font-weight:bold;
padding-right: 5px; background-color: #eff3f8; font-family:Tahoma, Dotum, 'µ¸¿ò',	 font-size: 12px;  color:#1d4f9b;  text-align:center;  }

.island_admin_td {border-bottom: 1px solid #d5dfed; border-right: 1px solid #d5dfed; padding: 5px 0; 
 font-family:Tahoma, Dotum, 'µ¸¿ò',	 font-size: 12px;  color:#1d4f9b;  text-align:center;    }

.island_admin_td_right {border-bottom: 1px solid #d5dfed; border-right: 1px solid #d5dfed; padding: 5px 0; border-right: none; 
 font-family:Tahoma, Dotum, 'µ¸¿ò',	 font-size: 12px;  padding-left: 10px;   }