@charset "utf-8";

/* Style */ 
@import url(style.css);
@import url(common2.css);

/* main */
#pnlMainBody { overflow:hidden; margin: 0 auto; width:1080px; /*970px;*/ }
.warp { overflow:hidden; float:left; width:970px; }

/* top menu */
/* .gnbBackgroundImageSpace { overflow:hidden; width:100%; height:41px; } */
.gnbBackgroundImageSpace { overflow:hidden; width:100%; height:0px; }

/* content */
.contentBody { overflow:hidden; width:1400px; margin:0 auto; clear:both;}
#pnlLnb { overflow:hidden; float:left; margin-left:0px; width:230px;}
.leftMenu { padding:0 0 0 0px; margin:0;}
.leftMenu dt {
	width:100%;
	display:block;
	height:auto;
	clear:both;
	font-size:16px;
	line-height:18px;
	font-weight:700;
	padding:0 0 14px 0;
	margin-bottom:10px;
	text-align:center;
	color:#0070bd;
	border-bottom:2px solid #0070bd;
	margin:0;
}
.leftMenu dd {
	margin:0 0 2px 0;
	padding: 0 0 0 0;
    height: 42px;
    width: 100%;
    border-bottom: 1px solid white;
    display: block;
    clear: both;
    text-align:center;
    box-sizing:border-box;
    background:#f0f9ff;
}
.leftMenu dd a{
	font-size:16px;
	line-height:18px;
	letter-spacing:-0.5px;
	display:block;
	width:100%;
	box-sizing:border-box;
	height:42px;
	color:black;
	padding:14px 0 0 0;
}
.leftMenu dd a:hover{background:#308ac5; color:white;}
.contents { overflow:hidden; float:left; width:1100px; margin-left:50px}
/* table tr onMouseOver */
tr.over:HOVER { cursor: pointer; background-color: #e2f0ff; }

/* center content */
.contentTitle { overflow:hidden; width:100%; height:33px; }
.contentPath { width:100%; height:32px; font-size:11px;  }
.contentTitle dl { height:32px; border-bottom:1px solid #ccc; margin:0; padding:0;}
.contentTitle dl dt { 
	float:left; height:32px; border-bottom:1px solid #000; margin:0; padding:0;

    font-size: 24px;
    line-height: 26px;
    color: black;
    font-weight: bold;

}
.contentTitle dl dd { float:right; padding:0 3px; line-height:32px; color:#999999;  margin:0; padding:0 5px;}
.contentTitle dl dd.pathIcon { display:inline-block; width:9px; height:32px; margin:0;  padding:0 5px; background:url('../../../images/egovframework/gicoms/icon/path_icon.png') no-repeat center; /* padding-top:11px; line-height:9px; *padding-top:0; *line-height:29px; height:9px; */  }
.contentTitle dl dd.pathIcon img { display:none; }

.pnlSubContent { overflow:hidden; padding-top:20px; width:100%; }
.pnlSubContent2 { overflow:hidden; width:100%; height: 100%;}
.mapWrap, .mapContent, .weatherMap2 { width:100%; margin:0; padding:0;}
ul.subTitle { height:14px; }
ul.subTitle li { float:left; height:14px; line-height:14px; padding-right:6px; }

div.pnlSubContent p{text-align:left;}

span.subTitle { padding-left:16px; display:inline-block; line-height:25px; *height:25px; font-size:14px; font-weight:bold; margin-top: 20px; background:url('../../../images/egovframework/gicoms/icon/title_l2_icon.png') no-repeat left center; 
    
    width: 100%;
    text-align: left;
}
span.subTitle img { padding-top:5px; }
span.subTitle span { padding-right:2px; *display:inline-block; }
span.subSymbol1 { float:right; padding-left:14px; display:inline-block; height:25px; line-height:25px; color:#999999; font-size:12px; background:url('../../../images/egovframework/gicoms/icon/symbol_1.png') no-repeat left 7px; }
span.subSymbol2 { padding-left:8px; display:inline-block; height:20px; line-height:20px; font-size:12px; background:url('../../../images/egovframework/gicoms/icon/symbol_2.png') no-repeat 2px 7px; }
span.subSymbol3 { display:inline-block; *padding-bottom:8px; width:20px; height:7px; font-size:12px; background:url('../../../images/egovframework/gicoms/icon/symbol_line.png') no-repeat center; }

/* tab */
.tabButton { margin-bottom:10px; width:100%; height:31px; border-bottom:1px solid #0d69b9; text-align:left;}
.tabButton img { cursor:pointer; }
.viewTab { overflow:hidden; width:100%; display:none; }

.fileDataInfo { text-align:right; }
.fileDataInfo span { padding:0 2px; color:#6d6d6d; }

ul.comul { display:inline-block; *display:inline; *zoom:1; }
ul.comul li { float:left; padding:0 5px; height:30px; line-height:30px;  }
ul.comul select { vertical-align:middle; color:black; font-size:14px;}
ul.comul input { 
	vertical-align:middle; 
	border-radius:3px;
	border:1px solid gray;
	border-radius:3px;
	padding:2px 3px;
	font-szie:14px;
	line-height:18px;
}
ul.comul span.infoTxt { display:inline-block; padding-top: 1px; }

/* 1. 선박, 선사 검색 */
.lnb_01 { background: url('../../../images/egovframework/gicoms/menu/left_01/menu_bg.png') no-repeat left top; }
.sub_01 { background: url('../../../images/egovframework/gicoms/sub/sc/top_bg_01_01.png') no-repeat left 75px; }
.shipSearchPanel { width:100%; height:176px; text-align:center; border:2px solid #e2e2e2; background:url('../../../images/egovframework/gicoms/sub/sc/search_bg_bar.png') no-repeat center 35px; }
.shipSearchPanel ul { display:inline-block; *display:inline; *zoom:1; }
.shipSearchPanel li { float:left; } 
ul.alignNumbering { padding-top:8px; }
.alignNumbering li { line-height:26px; padding:0 6px; }
.alignNumbering li a { color:#666666; font-weight:bold; }
.alignNumbering li a:hover, span.selAlgin { color:#4ea4ef; text-decoration:underline; }
.comFs { clear:both; }
.comFs ul.comul { width:650px; padding-top:10px; } 
.comFs ul.comul li { padding:0; width:144px; height:28px; text-align:left; line-height:28px; }
.comFs ul.comul li.serName { width:72px; }
.comFs ul.comul li input[type=text], .comFs ul.comul li select {
	width:130px;
	border:1px solid gray;
	border-radius:3px;
	box-siing:border-box;
	padding:2px 3px;
	font-szie:14px;
	line-height:18px;
}
.comFs ul.comul li.serBtn { clear:both; width:636px; text-align:right; }
.shipSearchTable tbody th { border-right:none; }
.shipSearchTable tbody th img { border:1px solid #e2e2e2; margin:5px 0; }
#tbl_sc01 tbody th, #tbl_sc01 tbody td { min-height:50px; max-height:50px; height:50px; padding:0; }
#tbl_sc01 tbody th img { margin:0; }

/* 선박선사 검색 View */
.viewShipDetail { width:716px; height:246px; border:2px solid #e2e2e2; }
.viewShipDetail dl { float:left; padding:4px 0 0 18px; width:420px; }
.viewShipDetail dl dt { padding-left:10px; line-height:30px; font-weight:bold; color:#699cdb; background:url('../../../images/egovframework/gicoms/icon/symbol_2.png') no-repeat 2px 12px; }
.viewShipDetail dl dd { padding-left:18px; line-height:20px; color:#3d3d3d; background:url('../../../images/egovframework/gicoms/icon/dot.png') no-repeat 10px center;  }
.viewShipDetail dl dd span.detail_title { color:#999999; width:110px; display:inline-block; }
.viewShipDetail div.shipImagePanel { float:left; padding:16px 0 0 0; position:relative; width: 270px; height: 230px; }
.viewShipDetail div.shipImagePanel img { position:absolute; border:1px solid #e2e2e2;  }
/* 선박선사 검색 Port State Control Info */
#pnlViewShipDetailPs { height:162px; }
#pnlViewShipDetailPs dl { padding-top:12px; }
#pnlViewShipDetailPs dl dd span.detail_title { width:170px; }



/* 2. 해양안전통보 */
.lnb_02 { background: url('../../../images/egovframework/gicoms/menu/left_02/menu_bg.png') no-repeat left top; }
.sub_02 { background: url('../../../images/egovframework/gicoms/sub/know/top_bg_02_01.png') no-repeat left 75px; }
/* 항행통보 */
.navSearchbar { margin:4px 0 20px; width:100%; minHeight:60px; padding-bottom:10px; text-align:center; vertical-align:middle; border:2px solid #e2e2e2; color:#000; }
.navSearchbar ul { padding-top:10px; }
#pnlSearchTab1, #pnlSearchTab2, #pnlSearchTab3, #pnlSearchTab4, #pnlSearchTab5 { padding-top:15px; }
#pnlSearchTab1 { display:block; }
/* 해양항행통보 테이블 */
.navDataTable th { font-weight:bold; background:#eefaff; border-right:none;}
.navDataTable td a { text-decoration:underline; }
.navSearchResultTable tbody th { border-right:none; }
.navSearchResultTable tbody th a { color:#5d9dc9; }
.navSearchResultTable tbody td { text-align:left; padding-left:20px; }
.navDataTable2 tbody th { border-right:none; }
.navSearchYearResult, .navSearchTitleResult { display:none; }
.dataDown { display:inline-block; height:16px; line-height:16px; padding-right:20px; background:url('../../../images/egovframework/gicoms/icon/icon_down2.png') no-repeat right center; }

/* 해양항행통보 조회결과 팝업 */
#pnlPopup_sub2_2 { overflow:hidden; width:650px;  }
dl.popupSubTitle { height:14px; }
dl.popupSubTitle dt, .popupSubTitle dd { float:left; padding-right:15px; }
dl.popupSubTitle dt { padding-left:15px; font-weight:bold; background:url('../../../images/egovframework/gicoms/icon/title_l2_icon.png') no-repeat left center; }
dl.popupSubTitle dd { color:#6d6d6d; }
.popupContents { clear:both; overflow:auto; margin-top:6px; width:618px; border:1px solid #b1b1b1; }
.popupContents dl { clear:both; }
.popupContents dt, .popupContents dd { float:left; line-height:20px; }
.popupContents dt { /*width:86px;*/ text-align:center; }
.popupContents dd ul { padding-left:16px; }
.popupContents dd ul li { list-style:decimal; *margin-left:11px;  }
.popupContentInfo { clear:both; height:26px; padding-top:10px; text-align:center; }
.popupButton { margin-top:10px; height:26px; text-align:right; }
.popupDataTable thead th { height:26px; padding:0; }
.popupDataTable tbody th, .popupDataTable tbody th { height:46px; border-right:0; color:#6d6d6d; }
.popupDataTable tbody td { border-left:1px solid #b1b1b1; }
/* 항행통보 주제별 찾기 */
.navTitleSearch { width:716px; height:298px; border:2px solid #e2e2e2; }
.navTitleSearch fieldset { padding:12px 0 0 30px; }
.navTitleSearch fieldset select { width:70px; height:20px; font-size:12px; color:#6d6d6d; }
.navTitleSearch fieldset input[type=text] { width:322px; }
.navTitleSearch dl { clear:both; *height:34px; }
.navTitleSearch dl.dlCheckBoxGroup { *height:176px; *max-height:176px; }
.navTitleSearch dt, .navTitleSearch dd { float:left; line-height:34px; }
.navTitleSearch dt { color:#9c9c9c; width:74px; }
.navTitleSearch dd div { overflow:auto; width:576px; max-height:176px; border:1px solid #d5d5d5; }
.navTitleSearch dd div ul { padding:5px 0 5px 18px; overflow:auto; }
.navTitleSearch dd div ul li { float:left; width: 172px; line-height:24px; color:#6d6d6d; }
.navTitleSearch dd div ul li label { padding-left:6px; }


/* 3. 해적정보 */
.pnlGoogleMap { position:relative; overflow:hidden; width:720px; height:400px; /* background: url('../../../images/egovframework/gicoms/body_map.png') no-repeat left top; */ }
#pnlInnerMap { position:absolute; margin:6px 0 9px 7px; width:706px; height:386px; }
.pnlMapBoaderTopLeft, .pnlMapBoaderTopRight, .pnlMapBoaderBottomLeft, .pnlMapBoaderBottomRight, .pnlMapBoaderTop, .pnlMapBoaderRight, .pnlMapBoaderBottom, .pnlMapBoaderLeft, .pnlMapSelect  { position:absolute; z-index:100; }
.pnlMapBoaderTopLeft { left: 0; top: 0; width:16px; height:16px; background: url('../../../images/egovframework/gicoms/map_border/round_left_top_w.png') no-repeat left top; z-index: 6; }
.pnlMapBoaderTopRight { right: 0; top: 0; width:16px; height:16px; background: url('../../../images/egovframework/gicoms/map_border/round_right_top_w.png') no-repeat left top; z-index: 6; }
.pnlMapBoaderBottomLeft { left: 0; bottom: 0; width:16px; height:18px; background: url('../../../images/egovframework/gicoms/map_border/round_left_bottom_w.png') no-repeat left top; z-index: 6; }
.pnlMapBoaderBottomRight { right: 0; bottom: 0; width:16px; height:18px; background: url('../../../images/egovframework/gicoms/map_border/round_right_bottom_w.png') no-repeat left top; z-index: 6; }
.pnlMapBoaderTop { left:0; top: 0; width:100%; height:6px; background: url('../../../images/egovframework/gicoms/map_border/line_top.png') repeat-x left top; z-index: 5; }
.pnlMapBoaderRight {right:0; top: 0; width:7px; height:100%; background: url('../../../images/egovframework/gicoms/map_border/line_right.png') repeat-y left top; z-index: 5; }
.pnlMapBoaderBottom { left: 0; bottom: 0;  width:100%; height:9px; background: url('../../../images/egovframework/gicoms/map_border/line_bottom.png') repeat-x left top; z-index: 5; }
.pnlMapBoaderLeft { left:0; top: 0; width:7px; height:100%; background: url('../../../images/egovframework/gicoms/map_border/line_left.png') repeat-y left top; z-index: 5; }
/* map legend */
.legendPanel { position:absolute; z-index:100; }
.legendPanel { right:10px; top:10px; overflow:auto; }
.legendPanel li { padding:2px 0 2px 20px; line-height:18px; color:#ffffff; font-size:11px; font-weight:bold; }
.legendPanel li.ac { background:url('../../../images/egovframework/gicoms/icon/icon1.gif') no-repeat left center;  }
.legendPanel li.at { background:url('../../../images/egovframework/gicoms/icon/icon2.gif') no-repeat left center;  }
.legendPanel li.bo { background:url('../../../images/egovframework/gicoms/icon/icon3.gif') no-repeat left center;  }
.legendPanel li.hj { background:url('../../../images/egovframework/gicoms/icon/icon4.gif') no-repeat left center;  }
.legendPanel li.ms { background:url('../../../images/egovframework/gicoms/icon/icon5.gif') no-repeat left center;  }
.legendPanel li.fu { background:url('../../../images/egovframework/gicoms/icon/icon6.gif') no-repeat left center;  }
.legendPanel li.su { background:url('../../../images/egovframework/gicoms/icon/icon7.gif') no-repeat left center;  }
.legendPanel li.ot { background:url('../../../images/egovframework/gicoms/icon/icon8.gif') no-repeat left center;  }

.lnb_03 { background: url('../../../images/egovframework/gicoms/menu/left_03/menu_bg_1.png') no-repeat left top; }
.sub_03 { background: url('../../../images/egovframework/gicoms/sub/pirate/top_bg_03_01.png') no-repeat left 75px; }
.pirateSearchPanel { width:716px; min-height:222px; text-align:center; border:2px solid #e2e2e2; background:url('../../../images/egovframework/gicoms/sub/sc/search_bg_bar.png') no-repeat center 92px; }
.pirateSearchPanel fieldset { padding-top:15px; color:#9c9c9c; }
dl.searchPirate { width:648px; height:60px; padding:15px 0 0 22px;  }
dl.searchPirate dt { line-height:18px; padding:0 0 4px 8px; text-align:left; font-weight:bold; background:url('../../../images/egovframework/gicoms/icon/symbol_2.png') no-repeat left 6px; }
dl.searchPirate dd { line-height:16px; font-size:11px; color:#6d6d6d; text-align:left; }
dl.searchPirate dd.ddText { float:left; padding-left:8px; width:464px; }
dl.searchPirate dd.ddBtn { float:right; margin-top:5px; vertical-align: bottom; }
.pirateSearchTable tbody th { border-right:none; text-align:left; padding-left:20px; }
.previewDiv { width:320px; height:107px; position:absolute; display:none; } 
.previewDivHead { position:absolute; z-index:4; width:100%; height:7px; background:url('../../../images/egovframework/gicoms/icon/upper_s.png') no-repeat 50px top; }
.previewDivBody { position:absolute; border:1px solid #3d94f7; margin-top:6px; width:100%; height:100px; background:#fff; } 
.previewDivBody p { padding:5px; line-height:15px; }

/* 해적정보 지도보기 팝업 */
#pnlPopup_sub3_1 { overflow:hidden; width:650px; } 
.map_icon { overflow:hidden; width:620px; height:35px; line-height:35px; vertical-align:middle; text-align:center;  }
.map_icon ul { display:inline-block; *display:inline; *zoom:1; }
.map_icon li { float:left; padding:0 10px; }
#map_pirate_type1 { width:620px; height:370px; border:1px solid #b1b1b1; }



/* 4. 해양기상정보 */
.lnb_04 { background: url('../../../images/egovframework/gicoms/menu/left_04/menu_bg.png') no-repeat left top; }
.sub_04 { background: url('../../../images/egovframework/gicoms/sub/weather/top_bg_04_01.png') no-repeat left 75px; }
#pnlWorldWeatherTab1, #pnlLocalWeatherTab1 { display:block; }
.weatherMap1 { overflow:hidden; width:718px; height:398px; border:1px solid #b1b1b1; }

/* 국내 기상정보 */
ul.publishInfo { display:inline-block; *display:inline; *zoom:1; }
ul.publishInfo li { float:left; line-height:20px;  }
ul.publishInfo li.pTitle span { padding:1px 2px; *padding:0 2px; height:16px; color:#fff; font-size:11px; border:1px solid #e29500; background:#f4a100; }
ul.publishInfo li.pInfo { padding-left:5px; color:#0162b6; font-weight:bold; }
.weatherMapPanel { overflow:hidden; width:720px;  }
.weatherForecastMap { float:left; width:358px; height:398px; border:1px solid #b1b1b1;  }
.weatherForecastPanel { float:left; margin-left:10px; width:320px; }
.weatherForecastTable tbody { border-top:1px 1px solid #e4e4e4; }
.weatherFlashTable th { font-weight:bold; background:#eefaff; border-right:none; }
.weatherFlashTable td { text-align:left; padding-left:10px; }
.wf1Text, .wf2Text, .wf1Map, .wf2Map { overflow:hidden; float:left; width:343px;  } 
.wf1Text, .wf1Map { margin-right:30px; }
.wf1Text, .wf2Text { text-align:center; margin-top:10px; line-height: 34px; }
.wf1Map, .wf2Map { height:398px; border:1px solid #b1b1b1; }
/* 태풍 */
.typhoonMap { position:relative; overflow:hidden; width:718px; height:398px; border:1px solid #b1b1b1; }
#pnlInnerTyphoonMap { position:absolute; width:100%; height:100%; }
.typhoonMap dl { left:20px; top:40px; position:absolute; z-index:100; padding-bottom:10px; width:128px; color:#6d6d6d; border:1px solid #797979; background:#fff url('../../../images/egovframework/gicoms/map_border/map_list_b.png') no-repeat left 25px; }
.typhoonMap dl dt { margin-bottom:8px; line-height:25px; text-align:center; font-weight:bold; background:#eefaff; }
.typhoonMap dl dd { padding-left:20px; line-height:22px; /* background:url('../../../images/egovframework/gicoms/icon/check_icon.png') no-repeat 15px center; */ }
.typhoonMap dl dd label { padding:1px 5px;}
.typhoonTable th, .typhoonTable td { border:1px solid #e6e6e6; }
.typhoonTable2 tr { min-height:32px; line-height:22px; }
.typhoonTable2 th { font-weight:bold; background:#eefaff; }
.typhoonTable2 td { text-align:left; padding:6px 0 6px 14px; }


/* 일기도 */
.tabLi { width:100%; height:31px; padding-bottom:10px; }
.tabLi ul { float:left; }
.tabLi ul li { float:left; margin-right:4px; padding:0 10px 0 10px; height:24px; line-height:24px; border:1px solid #bfbfbf; cursor:pointer; }
.tabLi ul li.selTab { background:#50bedf; color:#fff; }
.tabLi ul li.norTab { background:#fff; color:#6d6d66; }
.tabLi span { float:right; }
.tabWeatherMap { clear:both; display:none; overflow:hidden; width:718px; height:398px; border:1px solid #b1b1b1; }
#pnlTabWeatherMap1 { display:block; }


/* 5. 해양안전통계 */
.lnb_05 { background: url('../../../images/egovframework/gicoms/menu/left_05/menu_bg.png') no-repeat left top; }
.sub_05_01 { background: url('../../../images/egovframework/gicoms/sub/stat/top_bg_02_01.png') no-repeat left 75px; }
#pnlVmsTab1 { display:block; }
/* PSC통계 */
.pscSearch { padding:4px 0; width:100%; height:22px; line-height:20px; text-align:right; }
.pscSearch select { height:20px; line-height:20px; vertical-align:middle; color:#8e8e8e; }
.pscSearch input { height:20px; line-height:20px; vertical-align:middle; }


/* About GICOMS */
.lnb_06 { background: url('../../../images/egovframework/gicoms/menu/left_06/menu_bg.png') no-repeat left top; }
.sub_06_01 { background: url('../../../images/egovframework/gicoms/sub/about/top_bg_06_01.png') no-repeat left 75px; }
#pnlAbout_Tab01, #pnlAbout_Tab02, #pnlAbout_Tab03, #pnlAbout_Tab04, #pnlAbout_Tab05 { display:none; }
#pnlAbout_Tab01 { display:block; }
.about_p01_tab1 { width:100%; height:350px; background:url('../../../images/egovframework/gicoms/sub/about/p01_tab01_bg.png') no-repeat left bottom; }
ul.about_ul { padding:10px 0 0 20px; }
ul.about_ul li { padding-left:8px; line-height:18px; background:url('../../../images/egovframework/gicoms/icon/dot_2.png') no-repeat left center; }
ul.about_ul li.liType1 { padding:0 0 18px 24px; font-size:12px; font-weight:bold; color:#3d3d3d; background:url('../../../images/egovframework/gicoms/icon/symbol_4.png') no-repeat 8px 5px; }
ul.about_ul li.liType2 { padding-left:8px; line-height:18px; background:url('../../../images/egovframework/gicoms/icon/symbol_2.png') no-repeat left center; }
ul.about_ul li.liType3 { background:none; padding-left:10px; }
ul.about_ul li.liType4 { padding-left:0; background:none; }
.borderDiv { overflow:auto; padding-bottom:10px; border-style:solid; border-width:2px; border-color:#e2e2e2; }
dl.about_dl2 { clear:both; padding:18px; }
dl.about_dl2 dt, dl.about_dl2 dd { line-height:18px; float:left; }
dl.about_dl2 dt { width:150px; }
dl.about_dl2 ul.about_ul { padding:0 0 0 2px; }
.systemform { margin:14px auto; width:632px; height:538px; }
dl.about_dl { padding:10px 0 0 20px; }
dl.about_dl dt { padding-left:8px; line-height:24px; font-weight:bold; background:url('../../../images/egovframework/gicoms/icon/symbol_2.png') no-repeat left center; } 
dl.about_dl dd { padding-left:14px; line-height:20px; background:url('../../../images/egovframework/gicoms/icon/dot_2.png') no-repeat 6px center; }
dl.about_dl dd.dlType1 { padding-left:32px; background:url('../../../images/egovframework/gicoms/icon/symbol_5.png') no-repeat 16px center; }
dl.about_dl dd.dlType2 { padding-left:22px; background:url('../../../images/egovframework/gicoms/icon/dot_3.png') no-repeat 16px center; font-size:11px; color:#999999; }
dl.about_dl .dtNoneBg { padding-left:8px; background:none; }
dl.about_dl .dlNoneBg { padding-left:14px; background:none; }

#aboutGicoms_02 { /* background:url('../../../images/egovframework/gicoms/sub/about/p03_gp_01_1.png') no-repeat 230px 90px;  */}
.aboutSubInfo_02 { padding:38px 20px 70px 365px; letter-spacing:0.3px; line-height:20px; }
#aboutGicoms_03 { /* background:url('../../../images/egovframework/gicoms/sub/about/p04_gp_01_1.png') no-repeat 220px 52px; */ }
.aboutSubInfo_03 { padding:20px 20px 70px 300px; letter-spacing:0.3px; line-height:20px; }
#aboutGicoms_04 { /* background:url('../../../images/egovframework/gicoms/sub/about/p05_gp_01_1.png') no-repeat 98px 72px;  */}
.aboutSubInfo_04 { padding:20px 20px 58px 288px; letter-spacing:0.3px; line-height:20px; }
#aboutGicoms_05 { /* background:url('../../../images/egovframework/gicoms/sub/about/p06_gp_01_1.png') no-repeat 220px 110px; */ }
.aboutSubInfo_05 { padding:20px 20px 50px 260px; letter-spacing:0.3px; line-height:20px; }
#aboutGicoms_06 { background:url('../../../images/egovframework/gicoms/sub/about/p07_gp_01.png') no-repeat 236px 72px; }
.aboutSubInfo_06 { padding:20px 20px 58px 288px; letter-spacing:0.3px; line-height:20px; }
#aboutGicoms_07 { background:url('../../../images/egovframework/gicoms/sub/about/p08_gp_01_1.png') no-repeat 210px 92px; }
.aboutSubInfo_07 { padding:20px 20px 40px 328px; letter-spacing:0.3px; line-height:20px; }


/* SiteMap */
.sitemapPanel { width:100%; }
.sitemapPanel ul { float:left; padding-left:18px; width:105px; }
.sitemapPanel ul li { padding:2px 0; }

/* 해양웹진 */
.dlWb { width:360px; height:104px; padding:12px 0; float:left }
.dlWb dt, .dlWb dd { float:left; line-height:18px;  }
.dlWb dt { width:120px; text-align:center; height:104px; padding:10px 0; }
.dlWb dt img { vertical-align:middle; vertical-align:bottom; }
.dlWb dd { width:240px; text-align:left; }
.dlWb dd.wbNo { color:#3d3d3d; font-weight:bold;  }
.dlWb dd.wbTitle { color:#6d6d6d; padding-bottom:6px; }
.dlWb dd.wbPublish { color:#999999; font-size:11px; width:230px; }
.dlWb dd.wbSubject { color:#999999; font-size:11px; }
.dlWb dd.wbDown { padding-top:4px; }


/* 회원가입 */
.lnb_07 { }
.sub_07_01 { background: url('../../../images/egovframework/gicoms/sub/register/top_bg_07_01.png') no-repeat left 75px; }
.selectRegType { width:619px; height:118px; vertical-align:middle; text-align:center; background:url('../../../images/egovframework/gicoms/sub/register/page_01_bg.png') no-repeat center;  }
.selectRegType ul, .regCheck ul.selectType, .regCheck dl { display:inline-block; *display:inline; *zoom:1; }
.selectRegType li { line-height:118px; float:left; padding:0 3px; }
.selectRegType02 { vertical-align:middle; }
.selectRegType02 ul { height:10px; text-align:left; }
.selectRegType02 li { float:right; padding-right:20px; }
.selectRegType02 liType1 { padding:0 0 18px 24px; font-size:12px; font-weight:bold; color:#3d3d3d; background:url('../../../images/egovframework/gicoms/icon/symbol_4.png') no-repeat 8px 5px; }

.reg_step { width:100%; height:57px; vertical-align:bottom; }
.reg_step ul { clear:both; } 
.reg_step li { padding-top:15px; height:57px; /*line-height:57px;*/ float:left; vertical-align:bottom; }
.reg_step li.select { padding-top:0; }
.reg_step li img { vertical-align:bottom; }
.reg_info { width:572px; height:154px; margin-bottom:4px; color:#6d6d6d; line-height:22px; border:1px solid #b1b1b1; overflow-x:hidden; overflow-y:scroll; } 
.reg_info p { padding-left:10px; }
.regCheck { width:556px; text-align:center; border:2px solid #b1b1b1; }
.regCheck ul.selectType { padding-top:6px; }
.regCheck ul.selectType li { float:left; line-height:24px; vertical-align:middle; padding:0 20px;  }
.regCheck dl { width:330px; minHeight:64px; clear:both; padding:3px 0 12px;  *padding:10px 0 20px; }
.regCheck dt, .regCheck dd { float:right; line-height:31px; vertical-align:middle; padding:0 5px;  }
.regCheck dd li { line-height:26px; text-align:left; }
.regCheck dd li.inputTop { padding-top:1px; line-height:22px;}
.regCheck dd li.inputBottom { padding-top:17px; *padding-top:14px; line-height:22px; }
.regCheck dd li img { padding-bottom:2px; *padding-top:6px; *vertical-align:top; }

.regCheck02 { width:672px; height: 178px; font-size: 11pt; text-align:left; background-image: url('../../../images/egovframework/gicoms/sub/register/reg_bg_01.png'); background-repeat:no-repeat; padding: 50px; }
.regCheck03  { text-align : right; padding: 70px 70px 20px 0px;}
.regCheck04  { font-size: 9pt;  text-align : right; padding-right: 70px;}

.chkSsnPanel { width:100%; text-align:center; vertical-align: middle; }
.checkIpinPanel { display:none; width:100%; height:40px; line-height:34px; text-align:center; vertical-align: middle;  }
.chkMltmPanel { text-align:left; padding-bottom:8px; *padding:0; }
.regInputTable tbody th, .regInputTable tbody td { text-align:left; padding-left:10px; height:26px; } 
.regInputTable thead th, .regInputTable tbody tr .title { padding-left:0; text-align:left; font-weight:bold; background:#f9f9f9; padding-left: 10px;}
.regInputTable tbody tr td.title { border-left:1px solid #e4e4e4; border-right:1px solid #e4e4e4; padding-left: 10px; }
.regInputTable tbody td.checkId input { vertical-align:top; margin-top:2px; *margin-top:0;  }
.regInputTable tbody td.checkId button { vertical-align:top; margin-top:2px; *margin-top:1px; }
.regInputTable tbody td span.regHelp { *display:inline-block; *padding-bottom:4px; }
.regInputTable tbody td select { *margin-top:2px; }
.regSuccess { width:619px; height:246px; vertical-align:middle; text-align:center; background-repeat:no-repeat; background-position:center; }
.regUsr { background-image:url('../../../images/egovframework/gicoms/sub/register/bt_usr.png'); }
.regEnt { background-image:url('../../../images/egovframework/gicoms/sub/register/bt_ent.png'); }
.link_home { padding:205px 0 0 452px; }
	 
/* 선사 마이페이지 */
.preview_bbs { width:100%; overflow:hidden; }
.navDataTable3 tbody th { border-right:none; text-align:left; padding-left:8px; }
span.listMore { float:right; display:inline-block; padding:8px 18px 0 0; background: url('../../../images/egovframework/gicoms/icon/more.png') no-repeat right 7px; }
#pnlPopup_sub8_2 { overflow:hidden; width:480px; }
#pnlPopup_weapon_2 { overflow:hidden; width:480px; }
.borderLine { clear:both; margin:20px 0 0; padding-bottom:10px; width:100%; height:1px; border-top:2px solid #254061; }
ul.mp_ul { padding: 10px 0 0 20px; }
ul.mp_ul li { color:#3d3d3d; line-height: 18px;  padding-left:8px; line-height:18px; background:url('../../../images/egovframework/gicoms/icon/dot_2.png') no-repeat left center; }
ul.mp_ul li.liType1 { font-weight: bold; padding-left:8px;  line-height: 24px; background:url('../../../images/egovframework/gicoms/icon/symbol_2.png') no-repeat left center; }
ul.mp_ul li.liType2 { padding-left:12px;  line-height: 24px; background:url('../../../images/egovframework/gicoms/icon/symbol_3li.png') no-repeat left center; }
.borderDiv_MP { overflow:auto; padding-bottom:10px; border-style:solid; border-width:2px; border-color:#e2e2e2; }


/* 기상청 Player */
.slide-images { position:relative;	display:block; margin:0px; padding:0px;	width:646px; height:576px; overflow:hidden; }		 
.slide-images li { /* position:absolute; */ display:block;	list-style-type:none; margin:0px; padding:0px; background-color:#FFFFFF; }
.slide-images li img { display:block; background-color:#FFFFFF; }
.slider { position:relative; }
.slider .slide-slider { position:absolute; }
.controller_form3 legend { display:none; }
.controller_form3 .form3_bg { height: 64px; background: url('../../../images/egovframework/gicoms/kma/movie_control_bg.gif') no-repeat 0 top; width: 685px; }		
.controller_form3 p.subject { float: left; margin: 7px 0 0 0; text-align: center; width: 101px; padding: 12px 0 0 0; }
.controller_form3 .controller_slide_wrap { float: left; width: 457px; margin: 0 0 0 38px; background: url('../../../images/egovframework/gicoms/kma/movie_control.gif') no-repeat -38px top; padding: 0; display: inline; }
.controller_form3 .controller_slide { float: left; height: 100%; width: 341px; margin: 0; padding: 0; }
.controller_form3 .controller_slide .slider { float: left; display: inline; margin: 15px 0 0 16px; width: 309px; height: 11px; text-align: left; }
.controller_form3 ul { float: left; padding: 10px 0 0 0px; _padding: 7px 0 0 0; }
.controller_form3 ul li { float: left; display: inline; text-align: center; width: 27px; margin: 0 8px; }
.controller_form3 ul li a { font-size:10px; letter-spacing:-1px; color:#ffffff; }
.controller_form3 ul li.next { margin-right: 0; }
.controller_form3 .controller_slide_wrap .btn { float: left; margin-top: 12px; height: 100%; vertical-align: middle; }
.controller_form3 .controller_slide_wrap .btn img.big { width: 31px; margin-right: 2px; height: 31px; vertical-align: top; }
.controller_form3 .controller_slide_wrap .btn img.small { width: 24px; height: 24px; margin-top: 4px; vertical-align: top; }
/* p.btn a:link, p.btn a:visited { color: #555; text-decoration: none; } */
.MT20 { margin-top: 20px; }
.ML20 { margin-left: 20px; *margin-left:0; }


.forAccidentDiv { display:none }

/* SSAS 경보이력 팝업 */
#pnlPopup_ssasMsgReport { overflow:hidden; width:700px; }

/* MEH */
.lnb_10 { background: url('../../../images/egovframework/gicoms/menu/left_10/menu_bg.png') no-repeat left top; }
.sub_10_01 { background: url('../../../images/egovframework/gicoms/sub/meh/top_bg_10_01.png') no-repeat left 75px; }
.aboutMehSubInfo_01 { padding:38px 400px 20px 0px; letter-spacing:0.3px; line-height:20px; background:url('../../../images/egovframework/gicoms/sub/meh/about_img01_1.png') no-repeat right;}
.aboutMehSubInfo_02 { padding:38px 60px 70px 365px; letter-spacing:0.3px; line-height:20px; background:url('../../../images/egovframework/gicoms/sub/meh/about_img01_2.png') no-repeat left;}
.aboutMehSubInfo_03 { padding-bottom:50px;}
.aboutMehSubInfo_04 { padding:38px 20px 70px 365px; letter-spacing:0.3px; line-height:20px; background:url('../../../images/egovframework/gicoms/sub/meh/about_img01_5.png') no-repeat left;}

/* WEBVMS */
div.subTitle { padding:5px 0px 3px 16px; display:inline-block; line-height:25px; *height:25px; font-size:14px; font-weight:bold; background:url('../../../images/egovframework/gicoms/icon/title_l2_icon.png') no-repeat left center; }
.typhoonTable th{ font-weight:bold; background:#eefaff; }


.newtabbtns{
	width:100%;
	height:30px;
	overflow:hidden;
	box-sizing:border-box;
	display:block;
}

.newtabbtns ul{
	width:100%;
	height:30px;
	overflow:hidden;
	box-sizing:border-box;
	border-bottom:1px solid #0162b6;
	display:block;
}
.newtabbtns ul li{
	float:left;
	margin:0 5px 0 0;
	padding:0;
}
.newtabbtns ul li:last-child{margin:0 0 0 0;}

.newtabbtns ul li button{
	font-weight:600;
	display:inline-block;
	width:125px;
	height:30px;	
	overflow:hidden;
	box-sizing:border-box;
	border-top:1px solid #d7d7d7;
	border-left:1px solid #d7d7d7;
	border-right:1px solid #d7d7d7;
	border-bottom:0px;
	background:white;
	font-size:12px;
	line-height:14px;
	color:#999999;
}
.newtabbtns ul li button.active{
	color:white;
	background:#0162b6;
}

.admintabname{
	display: inline-block;
	font-size: 15px;
	line-height: 18px;
	padding: 4px 16px;
	height: 30px;
	width: auto;
	box-sizing: border-box;
	background: #e6eff9;
	color: black;
	border: 0px solid !important;
}
.admintabname.admintabOn{
	background: #1053b4;
	color: white;
}

/* WEBVMS */
.tabButton > .admintabname{
	margin-left : 7px;
}