@charset "utf-8";

/* 1depth */
.article_title {font-size:24px;height: 41px; margin-bottom:20px; font-weight: bold; color:#666; border-bottom: 1px solid #e5e5e5;}
.article_subtit {margin:30px 0 10px 0; font-size:17px; font-weight:600; color:#0569b4;}
.point {font-size:12px; font-style:normal; color:#00baed;}

/* 2depth */
.dep2 > dt {margin-top:20px; padding-left:9px; line-height:22px;font-size:15px; font-weight:600; color:#222; background:url("/images/egovframework/common/bullet_dep2.gif") 0 8px no-repeat;}
.dep2 dd {margin:13px 0; line-height:18px;}
.dep2_ul {margin:10px 0;}
.dep2_ul > li {padding-left:14px; background:url("/images/egovframework/common/bullet_dep201.gif") 0 8px no-repeat;}
.dep2_ol {margin:10px 0;}
.dep2_ol > li {margin-top:5px; padding-left:26px;}
.dep2_ol > li.list1 {background:url("/images/egovframework/common/ico_01.gif") 0 0 no-repeat;}
.dep2_ol > li.list2 {background:url("/images/egovframework/common/ico_02.gif") 0 0 no-repeat;}
.dep2_ol > li.list3 {background:url("/images/egovframework/common/ico_03.gif") 0 0 no-repeat;}
.dep2_ol ul {margin:10px 0;}

/* 3depth */
.dep2 .dep3 > dt {font-size:13px;}
.dep3 > dt, ul.dep3 > li {margin-top:20px; padding-left:9px; color:#222; background:url("/images/egovframework/common/bullet_dep3.gif") 0 6px no-repeat; font-weight:bold;}
.dep3 > dt span {color:#666; font-weight:normal;}
.dep3 dd {margin:13px 0; color:#666; line-height:18px;}
.dep3 dt+dd{margin-top:8px}

/* 3depth - type2 (갈색 불릿) */
.dep3_type2 dt {margin-top:20px; padding-left:9px; color:#b7a176; background:url("/images/egovframework/common/bullet_dep3_type2.gif") 0 6px no-repeat; font-weight:bold;}
.dep3_type2 dt span {color:#666; font-weight:normal;}
.dep3_type2 dd {margin:13px 0; line-height:18px;}

/* boxstyle - 기본박스 */
.box_type1 {padding:15px; border:1px solid #d5d5d5; color:#666; line-height:18px;}
.box_type1 strong {display:block; margin-bottom:5px; color:#222; font-weight:bold;}
.box_type1 .point {color:#0569b4}

/* boxstyle - 강조박스 */
.box_type2 {padding:15px; border:1px solid #d5d5d5; background:#edf5fd; color:#0569b4; line-height:18px;}

/* boxstyle - 예외박스 */
.box_type3 {padding:15px; border:1px dashed #d5d5d5; color:#666; line-height:18px;}
.box_type3 strong {display:block; margin-bottom:5px; color:#222; font-weight:bold;}
.box_type3 .point {color:#0569b4}

/* boxstyle - content */
.box_type1 p,.box_type2 p,.box_type3 p{margin:5px 0 0;line-height:20px}
.box_type1 p:first-child,.box_type2 p:first-child,.box_type3 p:first-child{margin-top:0}
.box_type1 input,.box_type2 input,.box_type3 input{margin:-2px 7px 0 0;vertical-align:middle}

/* 탭메뉴 스타일 */
.tabmenu a {color:#666; font-weight:bold;}
.tabmenu ul {*zoom:1; overflow:hidden; border:1px solid #e5e5e5; border-right:none;}
.tabmenu ul li {float:left; width:20%;}
.tabmenu ul:after {display:block; clear:both; content:"";}
.tabmenu ul li a {display:block; height:38px; border-right:1px solid #e5e5e5; text-align:center; line-height:38px;letter-spacing:-2px}
.tabmenu ul li.on a {background:#0569b4; color:#fff}
.tabmenu ul li a.two{height:35px;padding-top:3px;line-height:16px}
.tabmenu ul.colum2 li {width:50% !important}
.tabmenu ul.colum3 li {width:33.333% !important}
.tabmenu ul.colum4 li {width:25% !important}
.tabmenu ul.colum5 li {width:20% !important}
.tabmenu ul.colum6 li {width:16.66% !important}
.tabmenu ul.colum7 li {width:14.28% !important}
.tabmenu ul.colum8 li {width:12.5% !important}

/* 탭메뉴 - li size 초등학생을 위한 물교실 : 물과지식 > 물교육 > 초등학생 */
.tabmenu ul.colum6.elemstudent li{letter-spacing:-1px}
.tabmenu ul.colum6.elemstudent li:nth-child(2){width:12.3% !important}
.tabmenu ul.colum6.elemstudent li:nth-child(6){width:21% !important}

/* 탭메뉴 - li size 고정형 : 수상스포츠에 사용 */
.tabmenu.fix_100 ul{margin:0 0 15px;border-top-width:0}
.tabmenu.fix_100 li{width:12.5%;margin:0;padding:0;text-align:center;border-top:1px solid #e5e5e5}

/* 2depth 탭메뉴 스타일 */
.tabmenu2 {height:40px; background:url("/images/egovframework/common/bg_tabmenu2.gif") 0 0 repeat-x;}
.tabmenu2 a {color:#666;}
.tabmenu2 ul {*zoom:1; overflow:hidden;}
.tabmenu2 ul:after {display:block; clear:both; content:"";}
.tabmenu2 ul li {float:left;}
.tabmenu2 ul li a {display:block; height:38px; padding:0 20px; border:1px solid #e5e5e5; border-left:none; background:#f8f8f8; text-align:center; line-height:38px;}
.tabmenu2 ul li:first-child a {border-left:1px solid #e5e5e5;}
.tabmenu2 ul li.on a {border-top:1px solid #0569b4; border-bottom:1px solid #fff; background:#fff; color:#0569b4; font-weight:bold; line-height:37px;}

/* table - 일반 */
.tbl_style,.tbl_view {border-top:1px solid #333;}
table.layout_fixed{table-layout:fixed}
.tbl_style table,.tbl_view table {width:100%;border-bottom:1px solid #d5d5d5}
.tbl_style th,.tbl_style td,.tbl_view th,.tbl_view td{border-collapse:collapse; border-spacing:0;}
.tbl_style caption,.tbl_view caption {display:none;}

/* table - 목록 */
.tbl_style thead th { color:#333; font-weight:bold;text-align:center;border-left:1px solid #d5d5d5; background:#fafafa;}
.tbl_style thead th:first-child {border-left:none;}
.tbl_style tbody th {font-weight:normal;}
.tbl_style th,.tbl_style td{border:1px solid #d5d5d5;border-right-width:0;border-bottom-width:0}
.tbl_style th:first-child,.tbl_style td:first-child{border-right-width:1px;}
.tbl_style thead tr:first-child th:first-child,
.tbl_style tfoot tr th:first-child,.tbl_style tbody tr th:first-child,.tbl_style tbody tr td:first-child {border-left-width:0}
.tbl_style thead tr:first-child th{border-top-width:0}
.tbl_style th,.tbl_style td {padding:10px 3px; color:#666; }
.tbl_style td {text-align:center;}
.tbl_style .txt {font-size:12px; color:#7296c3}
.tbl_style .bdl {border-left:1px solid #d5d5d5 !important;}
.tbl_style .bdl_n {border-left:none !important;}
.tbl_style .bdn {border-bottom:none !important}
.tbl_style .tal {text-align:left !important;}
.refer {margin-top:10px; font-size:12px; color:#7297c3;}
.refer a {color:#7297c3}
.append_txt {margin-bottom:10px; font-size:12px; ;color:#707070;}
.append_txt span {color:#0569b4;}

.tbl_style .pl10 td{padding-left:10px !important}
.tbl_style .left td,.tbl_style .center td.ta_l,.tbl_style .right td.ta_l{text-align:left !important}
.tbl_style .center td,.tbl_style .left td.ta_c,.tbl_style .right td.ta_c{padding-left:0 !important;padding-right:0 !important;text-align:center !important}
.tbl_style .right td,.tbl_style .left td.ta_r,.tbl_style .center td.ta_r{text-align:right !important}

.tbl_style.font_17 th{font-size:17px !important}
.tbl_style.font_17 td{line-height:26px;font-size:16px !important}

.tbl_style.font_13 th{font-size:14px !important}
.tbl_style.font_13 td{font-size:13px !important}

.tbl_style.global td.thumb{padding-right:8px !important;padding-left:8px !important}
.tbl_style.global td.thumb img{width:100% !important}
.tbl_style.global td.tbl_cont{padding-left:15px;line-height:18px;text-align:left}
.tbl_style.global td.tbl_cont strong,.tbl_style.global td.tbl_cont em{display:block}
.tbl_style.global td.tbl_cont strong{margin-bottom:3px;color:#000;font-size:13px}
.tbl_style.global td.tbl_cont em{margin-bottom:2px;color:#797979;font-size:12px;font-style:italic}
.btn_save{display:inline-block;width:17px;height:17px;text-indent:-9999px;background:url("/images/egovframework/renewal/board/icon_file.gif")no-repeat 0 4px;background-size:18px;}
.btn_save.view_txt{display:block;width:auto;padding:1px 2px 0 22px;text-indent:0}

/* 상세보기 table type */
.tbl_view th,.tbl_view td{padding:10px;color:#666;border:1px solid #d5d5d5;border-right-width:0;border-bottom-width:0}
.tbl_view tr th:first-child,.tbl_view tr td:first-child{border-left-width:0}
.tbl_view tr:first-child th,.tbl_view tr:first-child td{border-top-width:0}
.tbl_view tr th{background:#fafafa}
.tbl_view.global td p{margin:15px 0 0;line-height:18px}
.tbl_view.global td p:first-child{margin-top:0}
.tbl_view.global td a.btn_link{display:inline-block;min-height:18px;padding-top:2px;padding-left:24px;background:url(/images/egovframework/common/icon_link.png) no-repeat 0 0}

/* table - Q&A */
.tbl_qna {border-top:1px solid #333;}
.tbl_qna table {width:100%;}
.tbl_qna th {padding:10px 0; border-bottom:1px solid #d5d5d5; color:#0a5795; font-weight:bold;}
.tbl_qna th.color2 {color:#1fbbeb;}
.tbl_qna td {padding:10px 0; padding-left:22px; border-bottom:1px solid #d5d5d5;}
.tbl_qna td a {display:block; width:100%; color:#222;}
.tbl_qna .arr_btm td {background:url("/images/egovframework/common/ico_arrowDown.gif") 606px 17px no-repeat}
.tbl_qna .arr_top td {background:url("/images/egovframework/common/ico_arrowUp.gif") 606px 17px no-repeat}
.tbl_qna.table td{padding:4px 0}

/* 게시판 페이징 */
.bd_paging{text-align:center}
.bd_paging span,.bd_paging ul,.bd_paging li,.bd_paging strong,.bd_paging a{display:inline-block;height:24px;line-height:25px}
.bd_paging strong,.bd_paging a{width:24px;text-align:center;border:1px solid #dedede}
.bd_paging strong,.bd_paging li.on a{color:#0569b4 !important;font-weight:bold;border-color:#0569b4;text-decoration:none !important}
.bd_paging span a{text-indent:-9999px}
.bd_paging span .first{background-position:0 -123px}
.bd_paging span .prev{background-position:-30px -123px}
.bd_paging span .next{background-position:-60px -123px}
.bd_paging span .last{background-position:-90px -123px}
.bd_paging li a:link,.bd_paging li a:visited{color:#999}
.bd_paging li a:hover,.bd_paging li a:active,.bd_paging li a:focus{color:#0569b4}
.bd_paging font{vertical-align:top !important}
.bd_paging font b a{color:#0569b4;border-color:#0569b4}

/* 게시판 type */
/* 글등록 */
.bd_left{border-top:2px solid #222;border-bottom:1px solid #dedede}
.bd_left table{width:100%;border-collapse:collapse;border-spacing:0}
.bd_left table caption{position:relative;visibility:hidden;height:0;font-size:0;line-height:0}
.bd_left table th,.bd_left table td{padding:10px;text-align:left;border:1px solid #dedede;border-right-width:0;border-bottom-width:0}
.bd_left table th{padding:0 10px 0 20px;line-height:40px;color:#333;font-size:13px;vertical-align:top;background:#fafafa}
.bd_left table tr th:first-child{border-left-width:0}
.bd_left table tr:first-child th,.bd_left table tr:first-child td{border-top-width:0}
.bd_left table input[type=text],.bd_left table input[type=password],.bd_left table input[type=file],.bd_left table select{width:98%;height:30px;padding:0 5px;line-height:26px;color:#666;box-sizing:border-box;border:1px solid #ccc;font-family:'나눔고딕','NanumGothic'}
.bd_left table input[type=file]{padding:1px;background:#fff}
.bd_left table select{padding:0;line-height:24px;height:30px}
.bd_left .size_full{width:99.3% !important}
.bd_left .size_half{width:49% !important}
.bd_left .iLabel{padding-left:10px;line-height:30px;color:#c8c8c8}

/* 글보기 */
.bd_view h4{margin-top:25px;font-size:15px;padding:15px 20px;line-height:20px;color:#333;font-weight:600;border-top:1px solid #222;background:#eff3fa}
.bd_view .info{overflow:hidden;padding:0 20px;border-top:1px solid #c5cfe0;border-bottom:1px solid #dedede}
.bd_view .info li{float:left;width:50%;line-height:39px;font-size:12px;text-align:right}
.bd_view .info li span{display:inline-block;padding-right:15px;font-weight:600}
.bd_view .info li:first-child{text-align:left}
.bd_view .content_view{padding:30px 20px}
.bd_view .content_view p{line-height:22px}
.bd_view .content_view img{max-width:100%; border:5px solid #ddd;}

/* 댓글 */
.comment ul{border-top:1px solid #dedede}
.comment ul li{position:relative;padding:20px;border-top:1px dashed #d0d0d0}
.comment ul li:first-child{border-top-width:0}
.comment ul li span,.comment ul li strong,.comment ul li a{display:inline-block}
.comment ul li span{color:#b5b5b5;font-size:11px}
.comment ul li strong,.comment ul li p{font-size:12px}
.comment ul li strong{margin-right:10px;color:#8e8e8e;font-weight:600}
.comment ul li p{margin:8px 0 0;line-height:17px;text-align:justify}
.comment ul li a{position:absolute;top:20px;right:20px;width:11px;height:11px;text-indent:-9999px;background:url(/images/egovframework/common/btn_comment_del.gif) no-repeat 0 0}
.comment .comment_box{margin-bottom:20px;padding-bottom:20px;border:1px solid #666;border-right-width:0;border-left-width:0}
.comment .comment_box h4{margin:0;padding:10px 22px 5px;line-height:33px;color:#222;font-size:12px;border-top-width:0;background:url(/images/egovframework/common/ico_comment_tit.gif) no-repeat 0 18px}
.comment .comment_box h4 span{margin-left:6px;color:#b5b5b5;font-size:11px;font-weight:400}
.comment .comment_box fieldset div{overflow:hidden}
.comment .comment_box fieldset div textarea,.comment .comment_box fieldset div input{float:left}
.comment .comment_box textarea{width:662px;height:45px;margin-right:5px;padding:0 5px;line-height:22px;border-width:0;resize:none;background:#f1f1f1}

/* 이미지 공통 */
.btn_download{background:#fff url("/images/egovframework/renewal/common/btn_total.gif") no-repeat 0 0}
.sch-button{display:inline-block! important;top:auto! important;right:0! important;}
.sch-button button{vertical-align:middle;margin-bottom:1px;}
.sch-box > div{padding-left:0! important;}
.sch-box > div span{display:inline-block;}
.sch-box > div span.left-padding{padding-left:10px! important;}
.sch-box > div span label{font-weight:bold;}
/* 버튼스타일 */
.btn_scrap,.lst_thum.half p a{display:inline-block;height:23px;padding:0 10px 0 25px;line-height:22px;border:1px solid #bebebe;border-radius:3px;background-position:0 -152px}

/* 버튼 : 바로가기, 다운받기, pdf, 세계지도이동 */
.btn_go,.btn_down,.btn_pdf,.btn_worldmap{display:inline-block;font-size:12px}
.btn_go{height:21px;padding:0 12px 0 28px;line-height:23px;border:1px solid #b8bbc0;background-position:0 -185px}
.btn_down,.btn_pdf{height:23px;padding:0 12px 0 32px;line-height:25px}
.btn_down{border:1px solid #bdbdbd;background-position:0 -216px}
.btn_pdf{letter-spacing:-0.5px;border:1px solid #bebebe;background-position:0 -85px}
.btn_worldmap{height:22px;padding:3px 15px 0 40px;line-height:22px;color:#0569b4;border:1px solid #0569b4;border-radius:3px;background-position:0 -249px}

.btn_go:hover,.btn_go:active,.btn_go:focus,.btn_down:hover,.btn_down:active,.btn_down:focus,.btn_worldmap:hover,.btn_worldmap:active,.btn_worldmap:focus{font-weight:bold;letter-spacing:-1px;text-decoration:none !important}
.btn_worldmap:hover,.btn_worldmap:active,.btn_worldmap:focus{color:#0569b4;letter-spacing:-3px}
.btn_pdf:hover,.btn_pdf:active,.btn_pdf:focus{text-decoration:underline}

/* 게시판 상단 정보 */
.bd_info{overflow:hidden;color:#707070;font-size:14px;}
.bd_info span{color:#0a5795;}

.bd_info.sear_type{margin-top:15px;}
.bd_info.sear_type .search{float:left;margin:0;padding:0;border-width:0;background:none;}
.bd_info.sear_type .search{overflow:hidden;}
.bd_info.sear_type .search div,.bd_info.sear_type .search .search_footer{float:left;line-height:25px;}
.bd_info.sear_type .search div{padding:0;}
.bd_info.sear_type .search div select,.bd_info.sear_type > p select{min-width:100px;height:25px;}
.bd_info.sear_type .search .search_footer{position:relative;top:0;right:inherit;margin:0 0 0 5px;}
.bd_info.sear_type > p{float:right;}
.bd_info.sear_type > p select{min-width:90px;margin-right:5px;vertical-align:middle;}
.bd_info.sear_type > p .btn_list.line_blue,.btn_list.line_blue.small,.btn_list.line_gray.small{min-width:50px !important;height:23px;padding:0 5px !important;line-height:23px;font-size:12px;}

/* 검색영역 스타일 */
.search{position:relative;margin:20px 0;padding:20px 20px;border:1px solid #ccc;background:#f7f7f7;}
.search legend{display:none}
.search div{position:relative;padding:5px 0 5px 100px;border-top:1px solid #d9d9d9}
.search div strong{display:block;position:absolute;top:-1px;left:0;width:80px;padding:5px 10px 0 0;text-align:right;color:#222;}
.search div,.search div strong{line-height:31px}
.search legend + div,.search legend + div strong{border-top-width:0}
.search select,.search input[type="text"] {height:33px;line-height:19px;border:1px solid #bbb; font-size:14px;}
.search select,.search input[type="text"],.search input[type="checkbox"]{vertical-align:middle}
.search select{width:90px;font-size:12px}
.search input[type="text"]{width:300px;padding:0 5px;}
.search input[type="checkbox"]{margin:0 5px 1px 0}
.search label{display:inline-block;padding:0 10px 0 5px;line-height:31px}
.search strong label{padding-right:0}
.search_footer{position:absolute;right:0;top:-50px;margin:0;padding:0;}
.search_footer button,.search.academy .search_footer a{display:inline-block;height:35px;padding:0 10px 4px 10px;-webkit-padding-before:3px;line-height:19px;color:#fff;font-size:14px;border:1px solid #d7d7d7;border-bottom-color:#bebebe;background-color:#595959;cursor:pointer;}
.search_footer button[type="submit"],.search_footer button.btn_search,.search.academy .search_footer a{background-position:0 -28px}

.search.one_line .search_footer{top:23px;right:170px}
.search.one_line.two_terms .search_footer{right:80px}
.search.one_line.center{overflow:hidden;padding:14px 55px}
.search.one_line.center div,.search.one_line.center .search_footer{float:left}
.search.one_line.center div strong{width:80px}
.search.one_line.center div{width:400px}
.search.one_line.center div input[type="text"]{width:390px}
.search.one_line.center .search_footer{position:relative;top:11px;right:0;bottom:0}
.search.one_line.center .search_footer a{height:19px;line-height:17px;background-color:#fbfcfd}
.search.one_line.center.academy input[type="text"]{width:380px}

.search .days input[type="text"]{width:66px;padding:0 2px;margin-right:5px}
.search .days a{display:inline-block;width:21px;height:21px;line-height:21px;text-indent:-9999px;background:url(/images/egovframework/common/icon_days.gif) no-repeat 0 0}
.search .keyword p{margin:5px 0 0}
.search .keyword p:first-child{margin-top:15px}
.search .keyword p,.search .keyword p label{line-height:22px}
.search .keyword P input{margin:0 3px 4px 0;padding:0;vertical-align:middle;-webkit-margin-after:inherit}
.search .keyword p label{width:65px}

.search.info .search_footer{top:inherit;right:20px;bottom:145px}


.search .space{padding-left:73px}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	.search .space{padding-left:68px}
}

@-moz-document url-prefix() {
	.search .space{padding-left:68px}
}


/* btn style */
.btn_board {display:inline-block;padding:0 8px 0 32px;line-height:23px;color:#8d8d8d;font-size:13px;border:1px solid #d7d7d7;border-bottom-color:#bebebe;background: url("/images/egovframework/common/btn_total.gif") no-repeat 0 0;}
.btn_excel {background-position:0 -56px;}
.btn_pdf {background-position:0 -85px;}
.wrap_btn_basic {margin-top:30px; text-align:center;}
.btn_basic,.btn_list,.btn_basic_gray,.btn_basic_white,.btn_basic_blue{display:inline-block;height:31px;line-height:32px;text-align:center;font-size:14px;*zoom:1;}
.btn_basic,.btn_list {min-width:73px;padding:0 10px;color:#fff !important;border:1px solid #1fbbeb; background:#1fbbeb !important; background-image:none !important;  }
.btn_basic_gray,.btn_basic_white,.btn_basic_blue{width:73px; }
.btn_basic_gray {color:#fff;border:1px solid #777;background:#777;}
.btn_basic_white {color:#333;border:1px solid #b8bbbf; background:#fff;}
.btn_basic_blue {color:#fff;border:1px solid #777;background:#014080;}
.btn_large {display:inline-block; *zoom:1; width:80px; height:38px; text-align:center; border:1px solid #1fbbeb; background:#1fbbeb; font-size:18px; color:#fff; font-weight:bold; line-height:35px;}
.btn_large_white {display:inline-block; *zoom:1; width:80px; height:38px; text-align:center; border:1px solid #d1d5dc; background:#fff; font-size:18px; color:#1fbbeb; font-weight:bold; line-height:35px;}

a.btn_list:hover,a.btn_basic:active,a.btn_list:active,a.btn_basic:focus,a.btn_list:focus{letter-spacing:-0.5px; background:#0d4a77;}

a.btn_basic:hover,
a.btn_basic_gray:hover, a.btn_basic_gray:active, a.btn_basic_gray:focus,
a.btn_basic_white:hover, a.btn_basic_white:active, a.btn_basic_white:focus,
a.btn_basic_blue:hover, a.btn_basic_blue:active, a.btn_basic_blue:focus,
a.btn_large:hover, a.btn_large:active, a.btn_large:focus,
a.btn_large_white:hover, a.btn_large_white:active, a.btn_large_white:focus{font-weight:600; text-decoration:none;}

a.btn_basic:hover,a.btn_list:hover,a.btn_basic:active,a.btn_list:active,a.btn_basic:focus,a.btn_list:focus,
a.btn_basic_gray:hover, a.btn_basic_gray:active, a.btn_basic_gray:focus,
a.btn_large:hover, a.btn_large:active, a.btn_large:focus {color:#fff;}

a.btn_basic:hover{letter-spacing:-1px;}
a.btn_basic_white:hover, a.btn_basic_white:active, a.btn_basic_white:focus {color:#333; }
a.btn_large_white:hover, a.btn_large_white:active, a.btn_large_white:focus {color:#1fbbeb; }

.btn_list.line_blue,.btn_list.line_gray{min-width:42px !important;padding:0 12px;line-height:33px;font-size:13px;border:1px solid #fff;background:#fff !important}
.btn_list.line_blue{color:#0569b4 !important;border-color:#0569b4}
.btn_list.line_gray{color:#989898 !important;border-color:#b8bbbf}
.btn_list.line_blue:hover,.btn_list.line_blue:active,.btn_list.line_blue:focus{color:#0569b4}
.btn_list.line_gray:hover,.btn_list.line_gray:active,.btn_list.line_gray:focus{color:#989898}
.btn_more{display:block;height:38px;line-height:36px;text-align:center;background:#0569b4}
.btn_more,.btn_more:hover,.btn_more:active,.btn_more:focus{color:#fff;}
.btn_more:hover,.btn_more:active,.btn_more:focus{font-weight:600;text-decoration:none}
.btn_list.line_blue:hover,.btn_list.line_blue:active,.btn_list.line_blue:focus,
.btn_list.line_gray:hover,.btn_list.line_gray:active,.btn_list.line_gray:focus
.btn_more:hover,.btn_more:active,.btn_more:focus{letter-spacing:-1px}

.size_big{height:38px !important;padding:0 20px !important;line-height:38px !important;font-size:18px !important}

.data_down{display:inline-block;min-width:40px;padding:0 13px;line-height:19px;color:#fff;font-size:11px;font-weight:bold;letter-spacing:1px;text-align:center;border:1px solid #ddd;border-radius:10px;background:#666}
.data_down:hover,.data_down:active,.data_down:focus{color:#fff;text-decoration:underline}

/* clearfix */
.clearfix {position:relative;*zoom:1;}
.clearfix:after{content:"";display:block;clear:both}

/* 좌측 사진 우측 설명 스타일 */
.pto_type{position:relative;min-height:167px;height:auto !important;height:167px;margin:20px 0;padding:0 0 0 280px}
.pto_type img{position:absolute;top:3px;left:0;width:260px;height:160px}
.pto_type strong{display:block;margin:15px 0 10px;line-height:22px;color:#222;font-size:16px}
.pto_type img + strong{margin-top:0}
.pto_type li{padding:0 0 8px 17px;line-height:19px;background:url(/images/egovframework/common/bu_line.gif) no-repeat 3px 7px}
.pto_type p{margin:9px 0 0;color:#7296c3}
.pto_type p,.pto_type p strong{font-size:12px}
.pto_type p strong{margin:0;line-height:20px;color:#999}
.map_area{width:100% !important;height:352px;margin:20px 0;border:1px solid #d5d5d5}
.map_area .nmap{width:100% !important}

/* 사진목록 */
.pto_lst{overflow:hidden}
.pto_lst li{float:left;width:50%;text-align:center}
.pto_lst li img{display:inline-block;width:344px;height:250px;margin:20px 0 10px;border:1px solid #d8d8d8}
.pto_lst.three li{width:33%;padding-left:0.5%}
.pto_lst.three li:first-child{padding-left:0}
.pto_lst.three li img{width:98%;height:auto}
.pto_lst.no_line li img{border-width:0}

/* 만족도 */
.survey h5,.survey .star label{background:url(/images/egovframework/common/survey_bg.gif) no-repeat 0 0}
.survey h5{margin:20px 0 15px;height:25px;padding:0 0 0 37px;line-height:24px;color:#0569b4;font-size:16px;font-weight:500}
.survey fieldset{margin:0;padding:0;border:0}
.survey fieldset legend{position:absolute;line-height:0;font-size:0}
.survey div{position:relative;height:70px;padding:5px 0 0;border:1px solid #d5d5d5}
.survey legend+div{border-bottom-width:0}
.survey input[type="radio"]{margin-bottom:4px;vertical-align:middle}
.survey textarea{overflow:hidden;width:86%;height:60px;padding:5px 1%;color:#666;font-size:12px;border:0;font-family:'나눔고딕','NanumGothic','Nanum Gothic'}
.survey a{display:block;position:absolute;top:0;right:0;width:12%;height:75px;line-height:75px;text-align:center;color:#fff;border-left:1px solid #d5d5d5;background:#1fbbeb}
.survey .star{height:33px;padding:0 0 0 10px;line-height:33px}
.survey .star label{display:inline-block;width:100px;margin:0 10px 0 7px;text-indent:-9999px;background-position:0 -42px}
.survey .star #star_02+label{background-position:0 -65px}
.survey .star #star_03+label{background-position:0 -88px}
.survey .star #star_04+label{background-position:0 -111px}
.survey .star #star_05+label{background-position:0 -134px}

/* 레이어팝업 */
.layer_pop{display:none;position:absolute;z-index:99999;}
.modal_bg,.modal,.waterqm_detail{position:fixed}
.modal_bg{top:0;right:0;bottom:0;left:0;background:#000;opacity:.5;filter:alpha(opacity=50);z-index:100}
/* #event_area_01 .modal_event .modal_body,#event_area_01  .modal_event .btn_close,.modal .modal_body,.modal .btn_close{background:url(/images/egovframework/common/modal_bg.gif) no-repeat 0 0} */
#event_area_01 .modal_event .modal_body,#event_area_01  .modal_event .btn_close,.modal .modal_body,.modal .btn_close{background:url('/site/kor/pbs/images/realtime/monitoring/modal_bg_new.png') no-repeat 0 0}
.modal{top:35%;left:38%;width:auto;height:auto;margin:-145px 0 0 -208px;background:#fff;z-index:200}
/* .modal .modal_header{padding-left:15px;color:#fff;background:#51bdf0;} 타이틀 배경 색상 변경 2019.04.04 - 유영태 지시*/
.modal .modal_header{padding-left:15px;color:#fff;background:#0669b4 ;}
.modal .modal_header h1{margin:0;padding:0;line-height:48px;font-size:17px;font-weight:bold;letter-spacing:-1px}
.modal .modal_body{padding:20px 15px 20px;text-align:center;font-size:16px;letter-spacing:-1px;background-position:50% -90px}
.modal .modal_body_new table{width:900px;}
.modal .modal_body p{margin:15px 0;font-size:15px;}
.modal .modal_body p span{color:#0569b4}
.modal .btn_close{position:absolute;top:0;right:0;}
.modal .btn_close a{display:block;width:48px;height:48px;text-indent:-9999px}
.modal .today{height:25px;padding:0 10px 5px;line-height:25px;color:#fff;text-align:right;background:#545454}
.modal .today input,.modal .today label{vertical-align:middle}
.modal .today input{margin:2px 3px 0 0}
.modal .today label{font-size:11px}

/*modal 위치*/
.modal-top35{top:35%;left:38%;}

/* modal input size */
.modal .form_input input,.modal .form_input select{width:100%;height:28px;padding:0 5px;border:1px solid #d7d7d7;box-sizing:border-box}
.modal .form_input .size_half{width:50% !important}

#event_area_01 .modal_event{top:50%;left:50%;width:650px;height:450px;margin:-145px 0 0 -300px;background:#fff;z-index:100}
#event_area_01 .modal_event .modal_header{padding-left:15px;height:50px;color:#fff;background:#0569b4}
#event_area_01 .modal_event .modal_header h1{margin:0;padding:0;line-height:48px;font-size:20px;font-weight:500;letter-spacing:-1px}
#event_area_01 .modal_event .modal_body{padding:10px 0 0;text-align:center;font-size:16px;letter-spacing:-1px;background-position:50% -90px}
#event_area_01 .modal_event .modal_body p{margin:25px 0}
#event_area_01 .modal_event .modal_body p span{color:#0569b4}
#event_area_01 .modal_event .btn_close{position:absolute;top:-135px;right:0;}
#event_area_01 .modal_event .btn_close a{display:block;width:50px;height:50px;text-indent:-9999px}
#event_area_01 .modal_event .today{height:25px;padding:0 10px 5px;line-height:25px;color:#fff;text-align:right;background:#545454}
#event_area_01 .modal_event .today input,.modal .today label{vertical-align:middle}
#event_area_01 .modal_event .today input{margin:2px 3px 0 0}
#event_area_01 .modal_event .today label{font-size:11px}

.modal.main{height:280px}
.modal.main .modal_body{padding-top:45px;background:none}
.modal.main p:first-child{line-height:25px}
.modal.basic{width:100%;height:auto !important}
.modal.basic .modal_body{padding:20px;background:none}

/*수질예보제 및 조류경보제 발령기준 css추가*/
.modal.surian-modal {width:auto! important;height:auto;top:auto;}
.surian-modal .modal_body{width:auto;font-size:13px;padding:20px 15px! important;}
.surian-modal .tbl_style thead th{background:#b3b3b3}
.surian-modal .tbl_style .slash{padding:5px !important;text-align:left !important;background:#b3b3b3 url(/images/egovframework/common/slash.png) no-repeat !important;background-size:100% 100% !important}



/* 나의 물이야기 - 게시물 수정 및 삭제에 사용 */
.modal.mywater{top:0;left:0;margin:0;}
.modal.mywater .bd_left{border-top-width:1px}
.modal.mywater .modal_body .governing{margin:10px;padding:10px 0 10px 130px;line-height:22px;font-size:14px;text-align:left;background:url(/images/egovframework/common/modal_ico.gif) no-repeat 50px 0}
.modal.mywater .modal_body .governing.del_cfm{padding:75px 0 0;text-align:center;background-position:50% -180px}

/* 블릿 리스트 */
.lst_bul01{padding:15px;border:1px solid #d5d5d5}
.lst_bul01.no_line{padding:20px 10px;border-width:0}
.lst_bul01 li{margin-top:8px;padding:0 0 0 15px;line-height:23px;background:url(/images/egovframework/common/lst_bul01.gif) no-repeat 0 11px}
.lst_bul01 li:first-child{margin-top:0}
.lst_bul01 li p{margin:4px 0}
.lst_bul01.lst_tit li{position:relative;padding-left:82px}
.lst_bul01.lst_tit li span{display:block;position:absolute;left:12px;width:70px}

.lst_bul02 li,.lst_bul03 li{padding:0;line-height:20px}
.lst_bul02 li{padding-left:10px;background:url(/images/egovframework/common/lst_bul02.gif) no-repeat 0 9px}
.lst_bul03 li{padding-left:12px;background:url(/images/egovframework/common/lst_bul03.gif) no-repeat 0 7px}

.lst_bul01 li ul{padding-top:8px}
.lst_bul01 li li{line-height:20px}
.lst_bul01 li p+ul{padding-top:0}

.lst_num li,.lst_num li span{line-height:17px}
.lst_num li{position:relative;margin-top:8px;padding-left:20px}
.lst_num li:first-child{margin-top:0}
.lst_num li span{display:block;position:absolute;left:3px;width:15px}

.lst_line li{position:relative;padding-left:55px}
.lst_line li span{display:block;position:absolute;left:11px;width:45px;color:#222}
.lst_line.size90 li{padding-left:98px}
.lst_line.size90 li span{width:90px}
/* 물과생활 > 호수여행 > 추천코스 : 물문화관 소개 목록 */
.lst_intro li{position:relative;margin-top:5px;padding-left:84px;line-height:19px}
.lst_intro li:first-child{margin-top:0}
.lst_intro li span{display:block;position:absolute;left:2px;width:80px}
.lst_intro li.long{padding-left:120px}
.lst_intro li.long span{width:112px}

/* head title */
h4.tit{overflow:hidden;position:relative;margin:25px 0 10px;line-height:24px;color:#0569b4;font-size:20px;font-weight:500;letter-spacing:-1px}
h5.tit{margin:20px 0 10px;line-height:20px;color:#222;font-size:17px;font-weight:400;letter-spacing:-1px}
h6.tit{margin-bottom:7px;padding-left:12px;line-height:22px;font-size:13px;font-weight:500;background:url(/images/egovframework/common/lst_bul03.gif) no-repeat 0 9px}

/* font color */
.font_g{color:#666 !important}
.font_gray{color:#bababa !important}
.font_red{color:#ff0000 !important}
.font_orange{color:#ff4e00 !important}
.font_yellow{color:#ff9211 !important}
.font_green{color:#518d11 !important}
.font_blue{color:#0569b4 !important}

/* font size */
.font_11{font-size:11px !important}
.font_12{font-size:12px !important}
.font_13{font-size:13px !important}
.font_14{font-size:14px !important}
.font_15{font-size:15px !important}
.font_16{font-size:16px !important}
.font_17{font-size:17px !important}
.font_18{font-size:18px !important}

/* font weight */
.font_400{font-weight:400}
.font_500{font-weight:500}
.font_600{font-weight:600}

/* display */
.dis_block{display:block !important}
.dis_inblock{display:inline-block !important}
.dis_inline{display:inline !important}

/* letter-spacing */
.letter_0{letter-spacing:0 !important}
.letter_1{letter-spacing:-1px !important}
.letter_2{letter-spacing:-2px !important}

/* font underline */
.font_top_line{text-decoration:overline}
.font_bot_line{text-decoration:underline}
.font_mid_line{text-decoration:line-through}

/* border 생략 */
.line_top_no{border-top-width:0 !important}
.line_right_no{border-right-width:0 !important}
.line_bottom_no{border-bottom-width:0 !important}
.line_left_no{border-left-width:0 !important}

/* space list */
.lst_space{position:relative;padding-left:13px}
.lst_space span{display:block;position:absolute;left:0;width:10px;font-size:11px}

/* img */
.img_full{width:100% !important}

/* 추가요청 - 유서현과장님 */
.tb_border_20170601 tr td:first-child{border-left: 0 !important}

/* 구글번역관련 css */
#google_translate_element{position:absolute;top:42px;left:75%;padding-right:23px}
#google_translate_element .icon_help{position:absolute;top:5px;right:0}
#google_translate_element .icon_help em{display:none;position:absolute;top:-11px;left:19px;padding-left:4px;background:url(/images/egovframework/main_new/common/icon_arrow.gif) no-repeat 0 0}
#google_translate_element .icon_help em.on{display:block}
#google_translate_element .icon_help em span{display:inline-block;width:212px;padding:10px 5px;color:#666;font-size:11px;letter-spacing:-1px;border:1px solid #bebebe;vertical-align:top;border-left-width:0;background:#fff}
.goog-te-gadget-simple{margin-top:-4px !important;padding:4px !important;line-height:20px !important;border:2px solid #0569b4 !important}
 
 
 /*발전량 추가*/
.tbl_style tr.txt-left td{text-align:left! important;}
.bg-blue{background:#005596;}
.table-elc-info{box-sizing:border-box;margin-top:10px;padding:10px;border:1px solid #ddd;border-radius:3px;background:#e5e5e5;}
.ymd{display:inline-block;width:18px;height:25px;margin-right:5px;text-align:center;line-height:25px;border-radius:3px;background:#008cb7;color:#fff;}
.tab_contents_s{font-size:14px;}
.map-elc-info{margin-top:10px;color:#fff;background:#061848;box-sizing:border-box;border:1px solid #273d7a;}
.map-elc-info li{float:left;width:20%;color:#fff;border:1px solid #273d7a;box-sizing:border-box;text-align:center;}
.map-elc-info li p{margin:0! important;padding:7px 0;border-top:2px solid #273d7a;}
.tb-station{width:100%;}
.tb-station tbody th{background:#005596;color:#fff! important;}
.tb-station thead th{background:#005596;color:#fff! important;}
.tb-station tbody th, .tb-station tbody td{font-size:14px! important;border-bottom-width:1px! important;} 

.icon-co2{display:inline-block;width:20px;height:20px;margin-right:5px;vertical-align:top;}
.icon-co2-total{background:url('/images/egovframework/renewal/main/icon-co2-total.png')no-repeat;}
.icon-co2-water{background:url('/images/egovframework/renewal/main/icon-co2-water.png')no-repeat;}
.icon-co2-win{background:url('/images/egovframework/renewal/main/icon-co2-win.png')no-repeat;}
.icon-co2-tidal{background:url('/images/egovframework/renewal/main/icon-co2-tidal.png')no-repeat;}
.icon-co2-sun{background:url('/images/egovframework/renewal/main/icon-co2-sun.png')no-repeat;}



/*SW커뮤니티*/
/*컨텐츠 list형태 레이아웃 추가*/
.kseries-back-img{position:relative;width:100%;height:675px;background:url('/images/egovframework/technology/Page1_swmap.png')no-repeat;background-size:contain;}
.kseries-icon{position:absolute;cursor:pointer;width:80px;height:23px;}
/* #kSat{top:54px;left:109px;} */
#kBasin{top:54px;left:278px;}
#kDrum{top:54px;left:365px;}
#surian{top:105px;left:344px;}
#kAep{top:139px;left:344px;}
#kHq{top:183px;left:441px;}

#kNtemp{top:85px;left:562px;}


#kNmap{top:76px;left:700px;}

#kNrisk{top:76px;left:789px;}

#kNpulse{top:112px;left:699px;}

#kDita{top:112px;left:788px;}

#kPick{top:148px;left:700px;}


#kRwss{top:453px;left:84px;}

#kRiver{top:453px;left:221px;}

/* #kEfcd{top:583px;left:300px;} */

#kFlood{top:482px;left:328px;}
/* #elwms{top:602px;left:595px;} */
#kTop{top:471px;left:695px;}


.mark-list {padding-left:10px;}
.mark-list li{padding-bottom:7px;border-bottom:1px dotted #e2e2e2;}
.list-title{margin-bottom:7px;font-size:14px;}
.label-list{padding-left:10px;}
.img-list-box li{border-bottom:0;}
.gray-line-box{margin:0 7px;border:1px solid #ddd;}
.img-box{display:inline-block;width:100%;}
.img-box-160{display:inline-block;width:100%;height:160px;}
.img-txt{display:inline-block;width:100%;padding:7px 0;text-align:center;background:#444;color:#fff;}
.label-list li{border-bottom:0;padding:0  0 10px 7px;background:url('/images/egovframework/renewal/contents/dot_03.gif')no-repeat 0 7px;}
.no-label-list{margin:5px 0;}
.no-label-list li{background:none! important;padding:0  0 7px 10px;color:#787878;}
.no-label-list li:before{content:"- ";margin-left:-10px;}
.label-list-c li{background:none;padding-left:10px;}
.mark-cont{margin:15px 0;}
.txt-blue{color:#0081cb;}
.txt-blue a{color:#0081cb;font-weight:bold;text-decoration:underline;}
.tab_list_line{margin-top:50px;}
.sw-tab-move{position:fixed;bottom:10px;right:15px;}
.sw-input-text{border:1px solid #bbb;height:28px; }
.tbl_default_blue table tr.txt-left td{text-align:left! important;}
.gray-box-sw{padding:10px;border-radius:3px;background:#e5e5e5;color:#000;font-size:16px;font-weight:bold;}

.modal-sudo{font-size:13px;}
.modal-sudo ul li{padding-bottom:7px;}

/*팝업 사이즈*/
.width-900{width:900px;}

/*modal pdf 파일 */
.pdf-title{font-size:22px;text-align:center;}
.pdf-title-h2{font-size:18px;}
.pdf-title-h3{font-size:16px;}
.pdf-title-h4{font-weight:normal;}
.over-scroll-y{height:700px;overflow-y:scroll;}
.pdf-ol-list{padding-left:20px;}
.pdf-ol-list li{list-style:decimal;padding-bottom:7px;}
.pdf-ol-list li ul{padding:10px 0 0 10px;}
.pdf-ol-list li ul li{text-indent:10px;margin-left:10px;}


.word-keep{word-break:keep-all;}
.cursor-pointer{cursor:pointer;}



/*공모전*/
.contest-area{margin:0 0 20px;}
.contest-area .content-title{padding:10px 0 5px;}
.contest-area table th{background:#f9f9f9;}
.contest-area table th, .contest-area table td{padding:10px 15px;}
table tr th.tbl-border-left:first-child{border-left:1px solid #ddd;}
.contest-area img{display:inline-block; width:303px;height:423px;border:1px solid #ddd;}
.tbl-contest{border-bottom:1px solid #000;}
.tbl-contest h2{border-top:2px solid #000;border-bottom:1px solid #000;padding:15px 0;text-align:center;}
.tbl-contest table{border-top:none;}
.text-center td, .text-center th{text-align:center;}
.tbl-tbody{border-top:2px solid #787878! important;} 
.tbl-tbody td, .tbl-tbody th{padding:5px 7px! important;}
.file-container h3{display:inline-block;}
#pop-contest .modal{top:20%;}
#pop-contest .modal_body{height:720px;overflow:auto;}

/*block*/
.inline-block{display:inline-block;}
.clear-margin{margin:0! important;}
.clear-padding{padding:0! important;}


/*data search*/
.sch-data-box{display:table;box-sizing:border-box;width:100%;margin:10px 0;background:#f3f7f9;border:1px solid #ddd;padding:15px;position:relative;}
.sch-data-box .form-group-box{padding-right:80px;width:100%;box-sizing:border-box;}   
.sch-data-box .btn-sch{position:absolute;right:15px;top:15px; }

.sch-data-box .form-group{display:block;width:100%;padding:0;margin-bottom:10px;}
.form-group:before,.form-group:after{content:"";display:table;}
.form-group:after{clear:both;}
.check-group{display:inline-block;margin-right:10px;}
.sch-data-box .check-group label{width:auto! important;font-weight:normal;}
.sch-data-box input[type="text"],
.sch-data-box select{height:32px;line-height:32px;border:1px solid #ddd;border-radius:3px;min-width:66px;padding:3px 7px;width:100%;}
.sch-data-box input[type="submit"]{background-color:transparent;}
.sch-data-box input[type='radio'], .sch-data-box input[type='chechbox']{width:auto;height:auto;min-width:auto;margin:0 3px;}
.sch-data-box label,
.sch-data-box .label{font-weight:bold;line-height:32px;text-align:center;display:inline-block;width:100%! important;}
.sch-data-box .label-group{font-weight:normal;display:inline-block;min-width:94px;text-align:left;}
.form-inline input, .form-inline select, .form-inline label{width:auto! important;}


.input-calender{display:inline-block;position:relative;}
.input-calender input{padding-right:30px;width:120px! important;}
.input-calender img{position:absolute;right:7px;top:7px;}

/* 2021.08.27 실시간현황>상수도 - 정기수질 시험정보  */
.sch-data-box .form-group2 {display:block; width:100%; padding:0; margin-bottom:0;}
.sch-data-box .label-group1 {font-weight:normal; display:inline-block; min-width:80px; text-align:left;}
.sch-data-box .label-group2 {font-weight:normal; display:inline-block; text-align:left; margin-right: 15px;}
.sch-data-box .btn-sch2 {position:absolute; right:15px; bottom:30px;}

.map-tbl-area {margin: 15px 0; width: 100%}
.map-tbl-area .map-area {position: relative; width: 300px; height: 425px; float: left; background: url("/images/egovframework/realtime/web/images/cust/map-all.jpg") no-repeat left top;}
.map-tbl-area .tbl-area {position: relative; width: 580px; float: right;}
.map-tbl-area:after {clear: both; content:''; display: block;}
.map-tbl-area .tbl-area .tbl-scroll {height: 510px; overflow-y: auto}

/* 2021.09.23 table 우측에 추가 */
.map-tbl-area .tbl-area .two-block {display: table; width: 100%;}
.map-tbl-area .tbl-area .two-block>div {display: table-cell; vertical-align: top}
.map-tbl-area .tbl-area .table01,
.map-tbl-area .tbl-area .table01 table {width: 360px;}

.map-tbl-area .tbl-area .table02 {width: 220px; padding-left: 5px;}
.map-tbl-area .tbl-area .table02>.worksTable th {background: #f7f8fb; color: #000; border-bottom: none}
.map-tbl-area .tbl-area .table02>.worksTable td {text-align: left; padding-left: 5px; border-bottom: none}
.map-tbl-area .tbl-area .table02>.worksTable td.photo,
.map-tbl-area .tbl-area .table02>.worksTable td.photo img {max-width: 200px; height: auto; text-align: center; padding-left: 0; vertical-align: top}
.map-tbl-area .tbl-area .table02>.worksTable td .ft-blue {color: #005596; font-weight: 600}
.map-tbl-area .tbl-area .table02>.worksTable {border: 1px solid #005596; height: 396px; overflow: hidden}

/* 좌측 지도 영역 */
.map-tbl-area .map-area .spot {display: block; cursor: pointer; text-align: center; font-size: 0}
.map-tbl-area .map-area .spot01 {position: absolute; left: 58px; top: 5px; width: 194px; height: 140px;}
.map-tbl-area .map-area .spot01:hover,
.map-tbl-area .map-area .spot01.active {background: url("/images/egovframework/realtime/web/images/cust/map-a01.png") no-repeat 0 0; width: 195px; height: 180px;}
.map-tbl-area .map-area .spot01:hover:after,
.map-tbl-area .map-area .spot01.active:after {content:'한강유역';font-size: 13px; font-weight: 600; color: #fff; display: inline-block; width: 100%; height: 30px; margin-top: 70px;}

.map-tbl-area .map-area .spot02 {position: absolute; left: 24px; top: 130px; width: 117px; height: 123px;}
.map-tbl-area .map-area .spot02.active,
.map-tbl-area .map-area .spot02:hover {background: url("/images/egovframework/realtime/web/images/cust/map-a02.png") no-repeat 0 0; width: 131px; height: 150px;}
.map-tbl-area .map-area .spot02:hover:after,
.map-tbl-area .map-area .spot02.active:after {content:'금강유역';font-size: 13px; font-weight: 600; color: #fff; display: inline-block; width: 100%; height: 30px; margin: 60px 0 0 5px;}
 
.map-tbl-area .map-area .spot03 {position: absolute; left: 116px; top: 138px; width: 135px; height: 173px;}
.map-tbl-area .map-area .spot03:hover,
.map-tbl-area .map-area .spot03.active {background: url("/images/egovframework/realtime/web/images/cust/map-a03.png") no-repeat 0 0; width: 146px; height: 202px;}
.map-tbl-area .map-area .spot03:hover:after,
.map-tbl-area .map-area .spot03.active:after {content:'낙동강유역';font-size: 13px; font-weight: 600; color: #fff; display: inline-block; width: 100%; height: 30px; margin: 80px 0 0 10px;}

.map-tbl-area .map-area .spot04 {position: absolute; left: 4px; top: 242px; width: 120px; height: 128px;}
.map-tbl-area .map-area .spot04.active, 
.map-tbl-area .map-area .spot04:hover {background: url("/images/egovframework/realtime/web/images/cust/map-a04.png") no-repeat 0 0; width: 124px; height: 125px;}
.map-tbl-area .map-area .spot04:hover:after,
.map-tbl-area .map-area .spot04.active:after {content:'영산·섬진강유역';font-size: 12px; font-weight: 600; color: #fff; display: inline-block; width: 100%; height: 30px; margin: 50px 0 0 10px;}

/* table 재정의 */
.map-tbl-area .worksTable thead th {border-left: none;}
.map-tbl-area .damsWrap .worksTable tr td {padding: 5px 2px;}
.map-tbl-area .damsWrap .worksTable tr th {padding: 5px 2px;}
.map-tbl-area .damsWrap .worksTable tr td.layout_td {border-bottom: none}
.map-tbl-area .damsWrap .worksTable tr td.bg01 {background: #ecfafe;}
.map-tbl-area .damsWrap .worksTable {margin-bottom: 0}
.map-tbl-area .comment {font-size: 14px; text-align: right; margin-top: 5px;}

/*list lookup*/
.list-box-data{}


/* datepicker 댐/보 */
.ui-datepicker select.ui-datepicker-year { width:37% !important;}
.ui-datepicker select.ui-datepicker-month { width:35% !important;}

/* 2022.02.15 낙동강 하굿둑 콘텐츠 */
.inline-div {
	display: flex; 
	margin:15px 0 15px 0;
}
.inline-div .half-area {width: 50%;}
.inline-div .half-area:nth-child(1) {
	position: relative;
	width: 49%; 	
	margin-right: 1%;	 
}
.map-type1 {
	position: relative;
	height: 630px;
	background: url("/images/egovframework/realtime/web/images/info/map-type1.jpg") no-repeat 0 0;
}
.map-type2 {
	position: relative;
	height: 800px;
	background: url("/images/egovframework/realtime/web/images/info/map-type2.jpg") no-repeat 0 0;
}
.inline-div .half-area:nth-child(1) .spot {
	position: absolute;
	display: block;
	padding: 0 6px;
	line-height: 22px;
	background: #fff;
	border: 1px solid #ff0000;
	border-radius: 2px;
	text-decoration: none;
	text-align: center;
	color: #333;
	font-size: 12px;
	font-weight: 600;		
}
.inline-div .half-area:nth-child(1) .map-type2 .spot {line-height: 16px}
.inline-div .half-area:nth-child(1) .spot:hover {background: #ff0000; color: #fff;}

.inline-div .map-type1 .spot.spot1 {left: 105px; top: 70px;}
.inline-div .map-type1 .spot.spot2 {left: 267px; top: 117px;}
.inline-div .map-type1 .spot.spot3 {left: 286px; top: 179px;}
.inline-div .map-type1 .spot.spot4 {left: 284px; top: 268px;}
.inline-div .map-type1 .spot.spot5 {left: 65px; top: 369px;}
.inline-div .map-type1 .spot.spot6 {left: 32px; top: 475px;}
.inline-div .map-type1 .spot.spot7 {left: 266px; top: 423px;}
.inline-div .map-type1 .spot.spot8 {left: 266px; top: 459px;}
.inline-div .map-type1 .spot.spot9 {left: 266px; top: 494px;}
.inline-div .map-type1 .spot.spot10 {left: 267px; top: 523px;}
.inline-div .map-type1 .spot.spot11 {left: 237px; top: 551px;}
.inline-div .map-type1 .spot.spot12 {left: 237px; top: 582px;}

 
.inline-div .map-type2 .spot.spot1 {left: 204px; top: 25px;}
.inline-div .map-type2 .spot.spot2 {left: 123px; top: 396px;}
.inline-div .map-type2 .spot.spot3 {left: 272px; top: 467px;}
.inline-div .map-type2 .spot.spot4 {left: 4px; top: 507px;}
.inline-div .map-type2 .spot.spot5 {left: 61px; top: 479px;}
.inline-div .map-type2 .spot.spot6 {left: 271px; top: 537px;}
.inline-div .map-type2 .spot.spot7 {left: 53px; top: 552px;}
.inline-div .map-type2 .spot.spot8 {left: 53px; top: 574px;}
.inline-div .map-type2 .spot.spot9 {left: 53px; top: 594px;}
.inline-div .map-type2 .spot.spot10 {left: 53px; top: 612px;}
.inline-div .map-type2 .spot.spot11 {left: 40px; top: 638px;}
.inline-div .map-type2 .spot.spot12 {left: 40px; top: 658px;}
.inline-div .map-type2 .spot.spot13 {left: 40px; top: 678px;}
.inline-div .map-type2 .spot.spot14 {left: 35px; top: 707px;}
.inline-div .map-type2 .spot.spot15 {left: 35px; top: 727px;}
.inline-div .map-type2 .spot.spot16 {left: 35px; top: 747px;}
.inline-div .map-type2 .spot.spot17 {left: 266px; top: 623px;}
.inline-div .map-type2 .spot.spot18 {left: 266px; top: 643px;}
.inline-div .map-type2 .spot.spot19 {left: 246px; top: 680px;}
.inline-div .map-type2 .spot.spot20 {left: 250px; top: 700px;}
.inline-div .map-type2 .spot.spot21 {left: 254px; top: 720px;}
.inline-div .map-type2 .spot.spot22 {left: 260px; top: 740px;}
.inline-div .map-type2 .spot.spot23 {left: 264px; top: 760px;}
.inline-div .map-type2 .spot.spot24 {left: 264px; top: 780px;}

.inline-div .half-area:nth-child(2) .worksTable {
	margin-top: 0; 
	margin-bottom: 0 !important; 
	border-bottom: 0;
}
.inline-div .half-area .inBox {min-height: 315px;}
.inline-div .half-area .inBox .graph {
	width: 100%; 
	height: auto; 
	overflow: hidden;
}
.inline-div .half-area:nth-child(2) .inrTbl {
	min-height: 210px; 
	height: 210px; 
	overflow-y: auto; 
	border-left: 1px solid #ececec; 
	border-bottom: 1px solid #ececec;
	border-right: 1px solid #ececec;
}
.inline-div#type2 .inrTbl {height: 174px; min-height: 174px;}
.inline-div .half-area:nth-child(2) .inrTbl .worksTable {border-top: 0; border-right: 0}
.inline-div .half-area:nth-child(2) .inrTbl .worksTable  tbody tr td:first-child {border-left: 0; }
.inline-div .half-area:nth-child(2) .inrTbl .worksTable  tbody tr:not(:last-child) td {border-bottom: 0}
.inline-div .graph_area {
    border: 1px solid #dddddd;
    border-top: 1px solid #0569b4;
    padding-top: 5px !important;
}
.inline-div .graph_area .radioBox {
	text-align: right;
	height: 24px;
    line-height: 24px;
    margin: 0;
    padding: 0 10px 0 0;
    border-top: 0;    
}
.inline-div .graph_area .radioBox span {
	display: inline-block;
	margin-left: 7px;
}
.inline-div .graph_area .radioBox input {
    margin-right: 5px;
    vertical-align: middle;
    height: 24px;
    border-width: 0;
}
.inline-div .graph_area .radioBox input label {
	font-size: 13px;
}

.inline-div h2.con_title_icon {margin: 9px 0 !important;} 

.inline-div#type2 .radioBox {	
	line-height: 34px;
	height: 34px;
}
.inline-div#type1 .radioBox {
	padding: 0 80px 0 0;	
}
.inline-div#type1 .selBox {
	position: absolute;
	bottom: 15px;
	right: 10px;
	height: 24px;
    line-height: 24px;
    border: 1px solid #ddd;
    border-radius: 3px;
    min-width: 60px;
    padding: 0px 4px;
    box-sizing: border-box;
    z-index: 9999;
}

/* 제원정보 table style */ 
.inline-div #type2 .tbl_default_blue{clear:both;position:relative;overflow:hidden;width:100%; border-top:1px solid #005596;}
.inline-div #type2 .tbl_default_blue table{width:100%; border-top: 0;}
.inline-div #type2 .tbl_default_blue table tr th,
.inline-div #type2 .tbl_default_blue table tr td {padding:5px 2px; font-size: 13px;}
.inline-div #type2 .tbl_default_blue table tr th {font-weight: normal;}

.intxt {background-color: #cfedfc; color: #333; padding: 2px 5px; margin: 5px;}
.intxt2 {display: inline-block; margin-right: 5px;}

/* 2022.03.03 검색버튼 재정의  및 좌측 지도 범례 영역 수정 */
.sch-data-box .form-group-box .button2 {
	display: inline-block;
	padding: 0 10px;
	height: 32px;
	line-height: 32px;
	color: #005596; 
	font-size: 15px; 
	border: 1px solid #005596;
	background:transparent;
	cursor: pointer;
}
.sch-data-box .form-group-box .button2:hover {color:#fff; background:#005596}
.sch-data-box .form-group-box .icon-search:before {width: 20px;}
.inline-div .half-area .esriBasemapGalleryNode {margin: 5px 0;}

/* 2022.03.07 조회영역의 캘린더 z-index 수정 */
#ui-datepicker-div {z-index: 1000 !important;}