@charset "utf-8";
/* CSS Document */

/*내용*/

.cont_nav:after, .tabs:after, #cont:after, .search_box:after, .news:after, .news>li:after, .btnwrap:after, #subMain:after,#subMain ul.iconMenu:after { display:block; clear:both; content:""; }

.tit { color:#1a498f; font-size:16px; margin-bottom:10px; padding-left:16px; letter-spacing:-1px; font-weight: 600;  }
.subcont2 { float:left; width:970px; border-left:1px solid #e1e1e1; padding-bottom:60px;/*left메뉴선때문에여기에줌*/ min-height:600px /*170221 추가*/;}

#cont { padding:20px 40px 80px 40px;} /* 0430 */
.content  { border-left:1px solid #e1e1e1; width: 1165px !important; border-right:1px solid #e1e1e1;} /* 0430 추가*/
.cont_top {  margin:0 40px; border-bottom: 1px solid #e0e0e0; position:relative; padding:40px 0 20px 0;} /* 0430 */
.subtit { font-size:26px; font-weight: 600; letter-spacing:-1px; margin-bottom:20px; }
.cont_nav> li { float:left; font-size:13px; margin-right:7px; background:url(../images/cont_nav_bg.png) no-repeat right center; padding-right:10px; letter-spacing:-1px;}
.cont_top:before { content:""; position:absolute; left:0px; top:124px; width:53px; height:5px;} /* 0430 */

/*탭*/
.tabs { border-bottom: 1px solid #c8c8c8; width: 100%; margin-bottom:15px;  }
.tabs li { float: left; border: 1px solid #dddddd; margin-left:5px; border-bottom:none !important; background:#fafafa; }
.tabs li a {  color:#a2a2a2; display: block; font-size: 13px; padding: 8px 30px; letter-spacing:-1px; }
.tabs li.active{ background: #fff; border-bottom: 1px solid #fff !important; margin-bottom:-1px; border:1px solid #c8c8c8; }
.tabs li.active a { color:#373946; }

/*서브 메인*/
#wrap.login{ background:url(../images/login_visual.jpg) no-repeat; background-size:100%; border:1px solid #fff; height:480px;}
#subMain{ padding:50px 0;}
#subMain ul.iconMenu{ margin-left:25px;}
#subMain ul.iconMenu.under{ margin-top:50px;}
#subMain ul.iconMenu li{ float:left; margin-right:50px; background:url(../images/submain/box_bg.gif) no-repeat;}
#subMain ul.iconMenu li:hover{ background:url(../images/submain/box_bg_on.gif) no-repeat;}
#subMain ul.iconMenu li.last{ margin:0;}
#subMain ul.iconMenu li a{ font-size:16px; display:block; width:182px; height:152px; padding-top:30px; text-align:center;background:url(../images/submain/icon01.gif) no-repeat center 26px; font-weight:bold;}
#subMain ul.iconMenu li a:hover{color:#37578e; font-weight:bold;}
#subMain ul.iconMenu li img{margin-bottom:5px;}

/*table list 0430*/


table> tbody> tr> td> select, table> tbody> tr> th> select, table> tbody> tr> td> input { padding:5px 3px;  border:1px solid #d4d4d4;  font-family:"돋움"; font-size:12px; }

/*table 게시판 0430*/
.table_bbs { width: 100%; border-top:2px solid #1a498f;}
caption { visibility: hidden; display:none; }
.table_bbs thead tr th { background: #f7f7f7; font-weight:bold;  border-bottom: 1px solid #cccccc; padding: 13px 0px; text-align:center; font-family:"돋움"; font-size:12px; }
.table_bbs thead tr td { }
.table_bbs tbody tr th { font-weight:bold; background:#f7f7f7;; padding:13px 0px; text-align:center; border-bottom:1px solid #cccccc; font-family:"돋움"; font-size:12px; }
.table_bbs.list tbody tr td { padding:13px 0px; background:#FFF; text-align:center; border-bottom:1px solid #cccccc; font-family:"돋움"; font-size:12px; }
.table_bbs tbody tr td { padding:13px; background:#FFF; text-align:left; border-bottom:1px solid #cccccc; font-family:"돋움"; font-size:12px; }
.table_bbs tbody .bbsTxtArea{text-align:left; line-height:22px; padding:10px;}
.fileAdd{ color:#064fbd; text-decoration:underline;}
.tit { background:url(../images/bullet.png) no-repeat left center; color:#1a498f; }
.pagebtn a.select { background:#002a72;}

.table_nomal { width: 100%; border-top:2px solid #1a498f; border-left:1px solid #cccccc;}
.table_nomal thead tr th,
.table_nomal thead tr td,
.table_nomal tbody tr th,
.table_nomal tbody tr td{border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; padding:8px 0;  text-align:center;}
.table_nomal thead tr th{background:#f7f7f7; font-weight:bold;   padding:8px 0px;}

/*서치박스*/
.search_box { background:#f7f7f7; border:1px solid #dddddd; margin-bottom:20px; padding:20px 0px; text-align:center; }
.search_box> select, .search_box> input { padding:5px; border:1px solid #d4d4d4; } /* 0430 */

/*읽기*/
.title_B { padding:20px; font-size:16px; }
.view_cont { font-size:13px; line-height:18px; padding:30px; }
.prenext { text-align:left; display:block; padding-left:15px; } 

/*페이징*/
.pagebtn { text-align:center; padding-top:15px; }
.pagebtn> a:first-child { margin-left:0px !important; /*170131추가*/}
.pagebtn> a { border:1px solid #e4e4e4; padding:6px 0px; font-size:12px; width:26px; display:inline-block; text-align:center; color:#16172e; font-family:"돋움"; margin-left:1px;  } /* 0430 */
.pagebtn> a> img { height:24px; width:24px; border:0px;}
.pagebtn> .select { color:#fff; font-weight:bold;} /* 0430 */
.pagebtn> a:hover { text-decoration:underline; }
.pagebtn> .arrowbtn { color:#c8c8c8; font-weight:bold; letter-spacing:-2px; }

/*table02 쓰기등등*/
.table02 { width: 100%; }
.table02> caption { visibility: hidden; display:none; }
.table02> thead { }
.table02> thead> tr { }
.table02> thead> tr> th {  }
.table02> tbody> tr> th { font-weight:bold; background:#f7f7f7;; padding:7px; text-align:center; border-bottom:1px solid #cccccc; font-family:"돋움"; font-size:12px; }
.table02> tbody> tr> td { line-height:15px; padding:10px; background:#FFF; text-align:left !important; border-bottom:1px solid #cccccc; font-family:"돋움"; font-size:12px; }
.table02> tbody> tr> td> select, .table02> tbody> tr> td> input { width:90%;}
.table02> tbody> tr> td> textarea { border:1px solid #d9d9d9; width:100%; } 
.table02> tbody> tr> td> input[type=checkbox],.table02> tbody> tr> td> input[type=radio]  { border:none !important; width:auto !important; vertical-align:text-top; padding:0px !important;  }
.table02> tbody> tr> td> input[type=file] { border:none !important; padding-left:0px; background:none; } 
table> tbody> tr> td> label { font-family:"돋움" !important ; /*170131추가*/ margin:0px 10px 0px 2px; vertical-align:middle; }
.calendar { vertical-align:middle; margin-right:5px; }

.t_r_02> th { background: #fffce5 !important; }
.menuname { text-align:left; padding-left:15px; }
.depth2_bg> td { background: #fffef4 !important; }

/*btn*/
.btn_1 { font-size:12px; color:#FFF; padding:5px 15px; letter-spacing:-1px; display:inline-block; /*inlin-block삭제하면 높이안먹음*/ }
.btn_2 { border:none !important;/*input 버튼때문에 border none 추가 170222*/ font-size:12px; color:#FFF; padding:5px 15px !important;/*important 추가 170221*/ font-family: notokr-regular; letter-spacing:-1px; display:inline-block;  }
.btn_3 { font-size:12px; color:#FFF; padding:6px 10px; letter-spacing:-1px; display:inline-block; font-weight:normal !important; }

/*보도자료
.news_img> a> img { padding:15px 25PX; }
.news_more { display:block; text-align:right; }
.news_cont { line-height:18px; display:block; margin-bottom:10px; }
*/

/*검색팝업*/
.popup_wrap { width:500px; }
.popup_tit {  font-size:18px; color: #fff; padding:15px; letter-spacing:-1px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #1a498f), color-stop(1, #14305a));
	background: -moz-linear-gradient(top, #1a498f 0%, #14305a 100%);
	background: -webkit-linear-gradient(top,  #1a498f 0%, #14305a 100%);
	background: -o-linear-gradient(top,  #1a498f 0%, #14305a 100%);
	background: -ms-linear-gradient(top,  #1a498f 0%, #14305a 100%);
	background: linear-gradient(top,  #1a498f 0%, #14305a 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a498f', endColorstr='#14305a', gradientType=0); 
	}
.scroll { overflow:auto; overflow-x:hidden; height:340px;  }



/*170221 추가*/
.t_right { text-align:right; margin: 15px 0; }  


/*170328 질문과답*/

/*list 처리완료,접수중*/
.a_end { border:1px solid #333; width:60px; display:inline-block; padding:5px 0px;}
.a_ing { background:#7b7b7b; color:#fff; width:60px; display:inline-block; padding:5px 0px;}

/*view*/
/*이전글, 다음글 테이블*/
.table03 { border-top:1px solid #cccccc !important; width:100%; }
.b_dash { border-bottom: 1px dashed #cccccc !important;}

/*답변*/
.an { font-size:12px; font-family:"돋움"; letter-spacing:-1px; font-weight:bold; border:1px solid #d5d5d5; background:url(../images/re_arrow.png) no-repeat 20px 9px #f9f9f9; padding:10px 35px;}
.reply { border:1px solid #d5d5d5; padding:20px; margin-bottom:20px; border-top:none !important; }

.re_head:after, .replyLayout:after, .comment:after, .commentLayout:after { display:block; clear:both; content:""; }
.re_head { border-bottom: 1px solid #cccccc; padding-bottom:7px; }
.re_head> li { float:left; font-family:"돋움"; font-size:12px; margin-right:5px; }

.re_cont { font-size:12px; font-family:"돋움"; margin-top:10px }

/*댓글*/
.commentLayout { background: #f7f7f7; border-top: 1px solid #f2f2f2; padding:20px; }
.fl> textarea { background:#fff; border:1px solid #e9e9e9; overflow-y:auto; font-size:12px; font-family:"돋움"; margin:0; padding:0; width:100%; }
.comment_btn { background:#fbfbfb; border:1px solid #cfcfcf; padding:15px 10px; font-size:12px; font-family:"돋움";}

.cmt_1> ul> li { font-size:12px; font-family:"돋움"; float:left; margin-right:5px; }
.cmt_name { font-weight:bold; letter-spacing:-1px; }
.cmt_2ch {color:#9a9a9a; margin-left:5px; }
.cmt_cont { clear:both; display:block; padding:10px 0px; border-bottom:1px dashed #cccccc; margin-bottom:15px;  font-size:12px; font-family:"돋움";}

.bar { color : #ccc;}

/*170425 포탈관리-사이트관리-권한관리-권한등록table*/
.table03 { width: 100%; margin-bottom:15px; } 
.table03> caption { visibility: hidden; display:none; }
.table03> thead> tr> th { background: #f7f7f7; font-weight:bold;  border-bottom: 1px solid #cccccc; padding: 13px 0px; text-align:center; font-family:"돋움"; font-size:12px; }
.table03> thead> tr> td { }
.table03> tbody> tr> th { background:#fff; font-weight:normal; padding:13px 0px 13px 30px; text-align:left; border-bottom:1px solid #cccccc; font-family:"돋움"; font-size:12px; }
.table03> tbody> tr> td { padding:13px 0px; background:#FFF; text-align:center;  border-bottom:1px solid #cccccc; font-family:"돋움"; font-size:12px; }

/*170428 게시판 폼 추가*/
.table02> tbody> tr> td> p { font-family:"돋움"; font-size:12px; }


.sty01 .btn_1 { background:#003c84; }
.sty01 .btn_2 { background:#373946; }
.sty01 .btn_3 { background:#8e8e8e; }
.sty01 .tit { background:url(../images/bullet.gif) no-repeat left center; color:#1a498f;}
.sty01 .table03 ,.sty01 table, .sty01 .table02 { border-top: 2px solid #1a498f }
.sty01 .cont_top:before { background:#003c84; }
.sty01 .pagebtn> .select { border:1px solid #002a72; background:#002a72; }
.sty01 .pagebtn> a:hover { border:1px solid #002a72; }

.sty02 .btn_1 { background:#213152; }
.sty02 .btn_2 { background:#555555; }
.sty02 .btn_3 { background:#949db2; }
.sty02 .tit { background:url(../images/bullet.png) no-repeat left center; color:#1a498f; }
.sty02 .table03 ,.sty02 table, .sty02 .table02 { border-top: 2px solid #1a498f }
.sty02 .cont_top:before { background:#003c84; } /* 0430 */
.sty02 .pagebtn> .select { border:1px solid #002a72; background:#002a72; }
.sty02 .pagebtn> a:hover { border:1px solid #002a72; }

.sty03 .btn_1 { background:#007b68; }
.sty03 .btn_2 { background:#45495b; }
.sty03 .btn_3 { background:#a09f9f; }
.sty03 .tit { background:url(../images/bullet_sty03.png) no-repeat left center; color:#004418; }
.sty03 .table03 ,.sty03 table, .sty03 .table02 { border-top: 2px solid #2b2e3a }
.sty03 .cont_top:before { background:#167306; }
.sty03 .pagebtn> .select { border:1px solid #007b68; background:#007b68; }
.sty03 .pagebtn> a:hover { border:1px solid #007b68; }

/* 로그인 */
#loginCont{  width:1160px; margin:0 auto; position:relative; margin-top:100px;}
#loginCont .formCont{position:absolute; z-index:999;width:780px; background:#fff; top:250px; left:170px; border:1px solid #dddddd;}
#loginCont .formCont .login_logo{position:absolute; z-index:999;top:-40px; left:0px; }
#loginCont .formCont .leftBbs{ width:348px; float:left; height:150px; padding:20px; border-right:1px solid #dddddd; border-top:4px solid #fff}
#loginCont .formCont .notiTitle{ font-size:18px; font-weight:bold;}
#loginCont .formCont .leftBbs ul{ margin-top:10px;}
#loginCont .formCont .leftBbs ul li{ font-size:13px; padding:4px 0;}
#loginCont .formCont time{ float:right; font-size:12px; color:#666}
#loginCont .formCont .rightLogin{width:348px; float:right;  height:150px; padding:20px; border-top:4px solid #3072f6; position:relative;}
#loginCont .formCont .rightLogin .loginForm{ margin-top:20px; overflow:hidden; width:240px;}
#loginCont .formCont .rightLogin .loginForm th{width:70px; padding:10px 0; font-weight:bold;}
#loginCont .formCont .rightLogin .loginForm td{}
#loginCont .formCont .rightLogin .loginForm input{ padding:6px 4px; background:#fafafa; border:1px solid #ccc; width:160px;}
#loginCont .formCont .rightLogin .btnLogin a{ background:#283444; color:#fff; font-weight:bold; width:76px; height:74px; text-align:center; line-height:74px; display:block; position:absolute; right:40px; top:70px;}
#loginCont .formCont .rightLogin .btnLogin.btnaccept a{ right:30px;}
#loginCont .formCont .rightLogin .acceptCont{ overflow:hidden; margin-top:40px;}
#loginCont .formCont .rightLogin .acceptCont span{ float:left;}
#loginCont .formCont .rightLogin .acceptCont span a{ font-weight:bold; display:block; width:132px; line-height:32px; background:url(../images/btn_accept_bg.gif) no-repeat; text-align:center;}
#loginCont .formCont .rightLogin .acceptCont .btnRegister a{ background:url(../images/btn_accept02_bg.gif) no-repeat; width:112px; margin-left:6px;}
#loginCont .formCont .activDawn{ position:absolute; right:40px; bottom:-40px;}

/* 0420 분석 : 공간정보 : 영향분석 : 기상 입력자료 조회 */
.weatherDataCont .graphBox{ border:1px solid #999; width:444px; height:470px; float:left; margin-right:34px; margin-bottom:34px; position:relative;}
.weatherDataCont .graphBox.mnone{ margin:0;}
.weatherDataCont .graphBox .imgBox img{ width:404px; margin-left:20px; z-index:999;}
.weatherDataCont .graphBox a{position:absolute; z-index:99999;}
.weatherDataCont .graphBox a.left{ top:10px; left:30px;}
.weatherDataCont .graphBox a.right{ top:10px; right:30px;}

.analy04Talbe{ width:100%; border-left:1px solid #c2c2c2;}
.analy04Talbe img{ width:180px; }
.analy04Talbe th{border-bottom:1px solid #c2c2c2; font-weight:bold; color:#000; background:#efefef;}
.analy04Talbe th,
.analy04Talbe td{ text-align:center; border-right:1px solid #c2c2c2; padding:10px 0;}
.analy04Talbe td{border-bottom:1px solid #c2c2c2;}
/* 0420 끝 */

/* 대기오염 폼 0430 */
#pollutionForm{ padding:20px;}
#pollutionForm h2{ text-align:center; font-size:20px; font-weight:bold;}
#pollutionForm textarea{ border:1px solid #d3d3d3; width:100%; font-size:12px;}
#pollutionForm table input{ width:90%; padding:2px;}

/* 대기오염 폼 테이블 0430 */
table.pForm{border-left:1px solid #cbcbcb; border-top:2px solid #21488b; width:100%;}
table.pForm thead th,
table.pForm thead td {font-size:12px; font-weight:bold; background:#f7f7f7; text-align:center; border-bottom:1px solid #cbcbcb; border-right:1px solid #cbcbcb; padding:8px;}
table.pForm tbody th,
table.pForm tbody td{border-bottom:1px solid #cbcbcb; border-right:1px solid #cbcbcb; border-bottom:1px solid #cbcbcb; padding:6px; text-align:center;}
table.pForm tbody th{ font-weight:bold;}

/* 대기오염 폼 기타 0430 */
.btn_dataEdit a{background:#0f58c6; color:#fff; padding:4px; font-size:11px; font-weight:normal;}
.bgGray{ background:#e4e4e4;}
.txt_left{ text-align:left !important;}
.btnPsave a,
.btnPcancel a{padding:10px 20px; display:inline-block; font-size:18px; font-weight:bold;}
.btnPsave a{ color:#fff; background:#263352;  margin-right:10px;}
.btnPcancel a{ background:#939bb0;}
.btnSearch a{ background:#565656; padding:6px 20px; color:#fff; font-weight:bold; font-size:14px;}
.sblit{ background:url(../images/bullet.png) no-repeat left; padding-left:16px; font-size:14px; font-weight:bold; margin-right:6px; margin-left:16px;}

/* 결재라인 설정 팝업 0430 */
.editPopup{width:700px;}
.editPopup .topTit{ background:#0d57a7; padding:10px; color:#fff; font-size:14px; font-weight:bold; position:relative;}
.editPopup .editPopupCont{ padding:15px;}
.editPopup .editPopupCont .stit{  overflow:hidden;}
.editPopup .editPopupCont .stit .stitTxt{background:url(../images/bullet.png) no-repeat left center; font-size:13px; font-weight:bold; padding:4px 0 4px 16px;}
.fr{ float:right !important;}
.btn_close{position:absolute; top:-3px; right:8px;}
.btn_close a{font-size:0; width:20px; height:20px; display:inline-block; background:url(../images/btn_close.png) no-repeat center;}

/* 정보마당 : 대기환경자료 : 대기환경 연/월보 0514 */
.choice_date {padding:30px 0 20px 140px;background-color:#f3f3f3;overflow:hidden}
.choice_date div.li {float:left;width:73px;height:30px;padding:15px 0 0 50px;background:url(../images/choice_date_bg01.png) no-repeat;margin:0 49px 25px 0;font-size:14px;color:#000;font-family:NanumGothicBlod;cursor:pointer;}
.choice_date .check_date {float:left;width:753px;padding:16px 0 16px 58px;margin-bottom:25px;background-color:#e9e9e9;display:none;}
.choice_date .check_date ul {overflow:hidden}
.choice_date .check_date ul li {float:left;margin-right:10px;background:url(../images/choice_date_bg02.png) no-repeat;text-align:center;width:44px;height:21px;font-size:12px;color:#000;font-family:NanumGothic;padding-top:8px;cursor:pointer}
.choice_date div.li:hover,
.choice_date div.li.on,
.choice_date .check_date ul li.on {color:#1172ae}

/*탭 0514 수정*/
.tab_menu { border-bottom: 1px solid #c8c8c8; width: 100%; margin-bottom:15px; overflow:hidden;}
.tab_menu li { float: left; border: 1px solid #dddddd; margin-left:5px; border-bottom:none !important; background:#fafafa; }
.tab_menu li a {  color:#666; display: block; font-size: 13px; padding: 8px 40px; font-weight:bold;}
.tab_menu li.on{ background: #263352; border: 1px solid #263352;}
.tab_menu li.on a { color:#fff; }

/* 0514 */
.noti dt{ background:url(../images/cont_nav_bg.png) no-repeat left center; padding-left:10px; font-weight:bold;}
.noti dd{ line-height:20px;}
.gray{ color:#666;}
.site_left,
.site_right{float:left; width:430px; }
.site_right{margin-left:20px;}
h3.tit{ background:url(../images/bullet.png) no-repeat left; font-size:14px; font-weight:bold;}

/* 0517 추가*/
table.subForm{border-left:1px solid #cbcbcb; border-top:2px solid #21488b; width:100%;}
table.subForm thead th,
table.subForm thead td {font-size:12px; font-weight:bold; background:#f7f7f7; text-align:center; border-bottom:1px solid #cbcbcb; border-right:1px solid #cbcbcb; font-size:11px; padding:8px;}
table.subForm tbody th,
table.subForm tbody td{border-bottom:1px solid #cbcbcb; border-right:1px solid #cbcbcb; border-bottom:1px solid #cbcbcb; padding:6px; text-align:center; font-size:11px;}
table.subForm tbody th{ font-weight:bold;}
table.subForm tbody td {padding:8px 2px;}
table.subForm textarea{ width:96%; border:1px solid #d4d4d4;}

/* 0518 */
.yScroll{height:145px; overflow-y:scroll;}