@charset "utf-8"; /* CSS Document */ /******************************* * 파일명 : pop.css * 설명 : 국가수질자동측정망 * update : 2023.08.29 ********************************/ body { height: 100%; } input[type=checkbox], input[type=radio], input[type=file]{ vertical-align:middle;} /*회원가입, 이용약관-20150908*/ #agree { width: 480px; padding: 30px 10px 20px 10px; background: url(/_images/pop/agree_top_bg.gif) repeat-x; position: relative; letter-spacing: -1px; } #agree h4 { font-family: 'NanumGothicBlod'; background: url(/_images/pop/title_blit01.gif) left 4px no-repeat; text-indent: 13px; padding-bottom: 5px; border-bottom: 1px solid #cccccc; } #agree .pic { width: 63px; height: 51px; display: block; background: url(/_images/pop/agree_icon2.gif) no-repeat; position: absolute; right: 0px; top: 20px; } #agree h4 span { font-size: 8px; color: #8d8d8d; margin-left: 5px; } #agree ul.join { position: absolute; left: 10px; top: 65px; width:100%;} #agree ul.on1 { background: url(/_images/pop/join_pro_1_on.png) no-repeat !important; } #agree ul.on2 { background: url(/_images/pop/join_pro_2_on.png) no-repeat !important; } #agree ul.on3 { background: url(/_images/pop/join_pro_3_on.png) no-repeat !important; } #agree ul.join li { float: left; font-size: 12px; font-family: 'NanumGothicBlod';} #agree ul.join li:nth-child(1){ margin-right:38px;} #agree ul.join li:nth-child(2){ margin-right:20px;} #agree ul.join li:nth-child(3){} #agree ul.join li a { color: #000; display: block; height: 21px; padding: 7px 12px 0 12px;} #agree ul.join li a span { color: #616161; } #agree ul.join li.pro_1 a {} #agree ul.join li.pro_2 a {} #agree ul.join li.pro_3 a {} #agree ul.join li.on a { color: #FFF; } #agree ul.join li.on a span { color: #d2e2ff; } #agree .cont_wrap { padding: 4px 4px 8px 4px; background: #e2f0f9; } #agree .cont_wrap .cont { background: #fff; border: 1px solid #b5d4e7; padding: 10px; font-size: 11px; } #agree .cont_wrap .cont:first-child { padding: 25px 10px 10px 10px;} #agree .cont_wrap .cont h5 { font-size: 12px; border-bottom: 1px solid #ccc; padding-bottom: 5px; font-family: 'NanumGothicBlod'; } #agree .cont_wrap .cont p.agree_info { font-size: 12px; line-height: 18px; background:url(/_images/pop/s_bull.png) no-repeat left center; font-family: 'NanumGothicBlod'; padding-left:14px; margin-bottom:5px;} #agree .cont_wrap .cont p.agree_info span { color: #ff4200; } #agree .cont_wrap .cont p.date { margin-left: 80%; } #agree .cont_wrap .cont p.join_info { color: #535353; font-size: 11px; font-family: 'NanumGothicBlod'; } #agree .cont_wrap .cont p.join_info2 { color: #535353; font-size: 11px; } #agree .cont_wrap .cont p.join_info2> b { font-family: 'NanumGothicBlod'; color: #000; } #agree .cont_wrap .cont table { font-size: 11px; border-collapse: collapse; border-bottom: 1px solid #d6d6d6; margin-top: 15px; width: 100%} #agree .cont_wrap .cont table tbody th { border-top: 1px solid #d6d6d6; } #agree .cont_wrap .cont table tbody td { border-top: 1px solid #d6d6d6; border-right: 0px; } #agree .cont_wrap .cont table tbody th { padding: 7px 7px; background: #f8f8f7; font-family: 'NanumGothicBlod'; font-size: 11px; } #agree .cont_wrap .cont table tbody td { padding: 3px 7px; } #agree .cont_wrap .cont table tbody td input, select, textarea{ border: 1px solid #CCC; font-size: 11px; padding: 2px; vertical-align:middle;margin-right: 1px} #agree .cont_wrap .cont2 { background: #fff; border: 1px solid #b5d4e7; padding: 25px 10px 10px 10px; font-size: 11px; } #agree .cont_wrap .cont2 h5 { font-size: 12px; border-bottom: 1px solid #ccc; padding-bottom: 5px; font-family: 'NanumGothicBlod'; } #agree .cont_wrap .cont2 p.agree_info { line-height: 18px; } #agree .cont_wrap .cont2 p.agree_info span { color: #ff4200; } #agree .cont_wrap .cont2 p.date { margin-left: 80%; } #agree .cont_wrap .cont2 p.join_info { color: #535353; font-size: 10px; font-family: 'NanumGothicBlod'; } #agree .cont_wrap .cont2 table { width: 100%; border-top: 2px solid #3f5b80; border-collapse: collapse; } #agree .cont_wrap .cont2 table thead {} #agree .cont_wrap .cont2 table thead th { height: 29px; border-bottom: 1px solid #dcdddf; background: url(/_images/sub/cont_bg.gif) repeat-x; text-align: center; font-family: 'NanumGothicBlod'; } #agree .cont_wrap .cont2 able tbody { } #agree .cont_wrap .cont2 table tbody th { height: 29px; border-bottom: 1px solid #dcdddf; border-right: 1px solid #dcdddf; background: #f5fafe; text-align: center; } #agree .cont_wrap .cont2 table tbody td { height: 29px; border-bottom: 1px solid #dcdddf; border-right: 1px solid #dcdddf; text-align: center; } #agree .chk { text-align: center; margin-top:7px;} #agree .chk label { font-size: 11px; cursor:pointer;} #agree .chk input[type=checkbox], #agree .chk input[type=radio]{ margin-right:4px;} #agree p.hist { font-size: 12px; font-family: 'NanumGothicBlod'; background: url(/_images/sub/blitSt1.gif) no-repeat; text-indent: 18px;margin-top: 10px; } #agree p.mms { font-size: 11px; font-family: 'NanumGothicBlod'; background: url(/_images/pop/agree_icon1.gif) no-repeat; text-indent: 18px; } #agree .message { background: #f1f1f0; padding: 9px 13px; font-size: 11px; } #agree .message label { font-size: 11px; margin-right: 35px; } #agree .message label input { vertical-align: middle; margin-right: 2px; } #agree .btn_area { margin: 0px auto; text-align: center;} #agree .btn_area p { text-align: center; font-size: 11px; font-family: '돋움'; margin: 0px auto; float: left; } #agree .btn_area p a { float: left; display: block; } #agree .btn_area p.btnst01 a.uLeft { width: 2px; height: 30px; background: url(/_images/pop/bt_st01_bg_left.gif) no-repeat; } #agree .btn_area p.btnst01 a.okay { height: 26px; padding: 4px 10px 0px 10px; color: #FFF; background: url(/_images/pop/bt_st01_bg.gif) repeat-x; } #agree .btn_area p.btnst01 a.uRight { width: 2px; height: 30px; background: url(/_images/pop/bt_st01_bg_right.gif) no-repeat; } #agree .btn_area p.btnst02 a.uLeft { width: 2px; height: 30px; background: url(/_images/pop/bt_st02_bg_left.gif) no-repeat; } #agree .btn_area p.btnst02 a.okay { height: 26px; padding: 4px 10px 0px 10px; color: #000; background: url(/_images/pop/bt_st02_bg.gif) repeat-x; } #agree .btn_area p.btnst02 a.uRight { width: 2px; height: 30px; background: url(/_images/pop/bt_st02_bg_right.gif) no-repeat; } .text_box{ border: 1px solid #CCC; font-size: 11px; padding: 8px 4px 8px 8px; line-height:20px; overflow:auto; letter-spacing:-0.6px; word-break: keep-all; } .text_box.bSize{ height:150px;} .text_box.mSize{ height:130px;} .text_box.sSize{ height:100px;} .j_tit{ font-size:11px; font-family: 'NanumGothicBlod'; margin-bottom:3px;} .txt_b{ font-family: 'NanumGothicBlod'; color:#009cff;} .txt_r{ font-family: 'NanumGothicBlod'; color:#ff0000;} .board_search {background-color:#ececec;border:1px #999 solid;padding:10px;text-align:center;margin-bottom:20px} .board_search * {vertical-align:middle} .board_search select {border:1px #ccc solid;padding:3px} .board_search .s_input3 {border:1px #ccc solid;padding:4px;width:420px} .board_search .keyword {border:1px #ccc solid;padding:4px;width:300px} .board_search #s_input3 {border:1px #ccc solid;padding:4px;width:430px} .board_search #s_input4 {border:1px #ccc solid;padding:4px;width:230px} /*측정소별 사용자 추가-20151007*/ #add_user { width: 800px; letter-spacing: -1px; position: relative; } #add_user #pop_title { padding: 6px 0px 6px 30px; color: #FFF; font-size: 14px; font-family: 'NanumGothicBlod'; background-color: #4a566c; background-image: url(/_images/sub/top_icon.png); background-position: 10px center; background-repeat: no-repeat; } #add_user section { padding: 10px; background: #f6fbff; } #add_user section .search { background: #d9e2ea; border: 1px solid #afc4d4; padding: 5px; } #add_user section .search p { background: #fff; padding: 12px 15px; } #add_user section .search p label { background: url(/_images/pop/blit_01.gif) left center no-repeat; padding-left: 8px; font-size: 13px; font-family: 'NanumGothicBlod'; margin-right: 20px; } #add_user section .search p select { padding: 2px; font-size: 12px; vertical-align: middle; color: #666; } #add_user section article { margin-top: 10px; height: 330px;} #add_user section article div { float: left; } #add_user section article .grid_area { width: 338px; height: 308px; border: 1px solid #afc4d4; background: #fff; margin-top: 5px; } #add_user section article p.hist { width: 338px; font-size: 12px; font-family: 'NanumGothicBlod'; background: url(/_images/sub/blitSt1.gif) no-repeat; text-indent: 18px;margin-top: 5px; } #add_user section article .mid_bt { width: 100px; height: 330px; display: table; position: relative; margin-top: 5px;} #add_user section article .mid_bt p { font-size: 11px; color: #535353; font-family: 'NanumGothicBlod'; position: absolute; top: 45%; margin-top: -25px; left: 50%; margin-left: -27px; } #add_user section article .mid_bt p a { width: 54px; height: 19px; padding-top: 5px; text-align: center; background: #ffffff; border: 1px solid #bbc1cb; color: #535353; display: block; } #add_user #bt_area { padding: 9px 0px 13px 0px; text-align: center; background: #f2f5fa; border-top: 1px solid #cfd2d7; } #add_user #bt_area a { background: #ffffff; border: 1px solid #bbc1cb; font-size: 11px; padding: 5px 15px; color: #535353; font-family: 'NanumGothicBlod'; } #add_user #bt_area a.on { background: #49556b; border: 1px solid #2f3c52; color: #FFF; } /*SMS관리 추가-20160727*/ #sms_user { width: 1020px; letter-spacing: -1px; position: relative; } #sms_user #pop_title { padding: 6px 0px 6px 30px; color: #FFF; font-size: 14px; font-family: 'NanumGothicBlod'; background-color: #4a566c; background-image: url(/_images/sub/top_icon.png); background-position: 10px center; background-repeat: no-repeat; } #sms_user section { padding: 10px; background: #f6fbff; } #sms_user section .search { background: #d9e2ea; border: 1px solid #afc4d4; padding: 5px; } #sms_user section .search p { background: #fff; padding: 12px 15px; } #sms_user section .search p label { background: url(/_images/pop/blit_01.gif) left center no-repeat; padding-left: 8px; font-size: 13px; font-family: 'NanumGothicBlod'; margin-right: 20px; } #sms_user section .search p select { padding: 2px; font-size: 12px; vertical-align: middle; color: #666; } #sms_user section article { margin-top: 10px; height: 330px;} #sms_user section article div { float: left; } #sms_user section article .grid_area { width: 448px; height: 330px; border: 1px solid #afc4d4; background: #fff; margin-top: 5px; } #sms_user section article p.hist { width: 448px; font-size: 12px; font-family: 'NanumGothicBlod'; background: url(/_images/sub/blitSt1.gif) no-repeat; text-indent: 18px;margin-top: 5px; } #sms_user section article .mid_bt { width: 100px; height: 330px; display: table; position: relative; margin-top: 5px;} #sms_user section article .mid_bt p { font-size: 11px; color: #535353; font-family: 'NanumGothicBlod'; position: absolute; top: 45%; margin-top: -25px; left: 50%; margin-left: -27px; } #sms_user section article .mid_bt p a { width: 54px; height: 19px; padding-top: 5px; text-align: center; background: #ffffff; border: 1px solid #bbc1cb; color: #535353; display: block; } /* #sms_user section table tbody th { border-top: 1px solid #d6d6d6; } */ #sms_user #bt_area { padding: 9px 0px 13px 0px; text-align: center; background: #f2f5fa; border-top: 1px solid #cfd2d7; } #sms_user #bt_area a { background: #ffffff; border: 1px solid #bbc1cb; font-size: 11px; padding: 5px 15px; color: #535353; font-family: 'NanumGothicBlod'; } #sms_user #bt_area a.on { background: #49556b; border: 1px solid #2f3c52; color: #FFF; } /*운영점검일지 추가-20151020*/ #add_checkJonul { min-width: 800px; letter-spacing: -1px; position: relative; } #add_checkJonul #pop_title { padding: 6px 0px 6px 30px; color: #FFF; font-size: 14px; font-family: 'NanumGothicBlod'; background-color: #4a566c; background-image: url(/_images/sub/top_icon.png); background-position: 10px center; background-repeat: no-repeat; } #add_checkJonul section { padding: 10px; background: #f6fbff; } #add_checkJonul section .search { background: #d9e2ea; border: 1px solid #afc4d4; padding: 5px; } #add_checkJonul section .search p { background: #fff; padding: 7px 15px; } #add_checkJonul section .search .labels { background: url(/_images/pop/blit_01.gif) left center no-repeat; padding-left: 8px; font-size: 13px; font-family: 'NanumGothicBlod'; margin-right: 20px; } #add_checkJonul section .search p select { padding: 2px; font-size: 12px; vertical-align: middle; color: #666; } #add_checkJonul section .search p input { padding: 2px; font-size: 12px; vertical-align: middle; color: #666; } #add_checkJonul section .search .labels2 { padding-left: 2px; font-size: 12px; font-family: 'NanumGothicBlod';} #add_checkJonul section>p { font-size: 12px; font-family: 'NanumGothicBlod';margin-top: 10px; } #add_checkJonul section table { font-size: 11px; border-collapse: collapse; border-bottom: 1px solid #d6d6d6; margin-top: 15px; width: 100%} #add_checkJonul section table tbody th { border-top: 1px solid #d6d6d6; padding: 7px 7px; background: #f8f8f7; font-family: 'NanumGothicBlod'; font-size: 11px; } #add_checkJonul section table tbody td { border-top: 1px solid #d6d6d6; border-right: 0px; padding: 3px 7px; background: #ffffff; } #add_checkJonul section table tbody td input, select, textarea{ border: 1px solid #CCC; font-size: 11px; padding: 2px; vertical-align:middle;margin-right: 1px} #add_checkJonul section div table { font-size: 11px; border-collapse: collapse; border-bottom: 1px solid #d6d6d6; margin-top: 15px; width: 100%} #add_checkJonul section div table thead th { height: 29px; border-bottom: 1px solid #dcdddf; background: url(/_images/sub/cont_bg.gif) repeat-x; text-align: center; font-family: 'NanumGothicBlod'; } #add_checkJonul section div table tbody th { border-top: 1px solid #d6d6d6; padding: 7px 7px; background: #f8f8f7; font-family: 'NanumGothicBlod'; font-size: 11px; } #add_checkJonul section div table tbody td { border-top: 1px solid #d6d6d6; border-right: 0px; padding: 3px 7px; background: #ffffff; } #add_checkJonul section div table tbody td input, select, textarea{ border: 1px solid #CCC; font-size: 11px; padding: 2px; vertical-align:middle;margin-right: 1px} #add_checkJonul section article { margin-top: 10px; height: 330px;} #add_checkJonul section article div { float: left; } #add_checkJonul section article .grid_area { width: 338px; height: 328px; border: 1px solid #afc4d4; background: #fff; } #add_checkJonul section article .mid_bt { width: 100px; height: 330px; display: table; position: relative; } #add_checkJonul section article .mid_bt p { font-size: 11px; color: #535353; font-family: 'NanumGothicBlod'; position: absolute; top: 45%; margin-top: -25px; left: 50%; margin-left: -27px; } #add_checkJonul section article .mid_bt p a { width: 54px; height: 19px; padding-top: 5px; text-align: center; background: #ffffff; border: 1px solid #bbc1cb; color: #535353; display: block; } #add_checkJonul #bt_area { padding: 9px 0px 13px 0px; text-align: center; background: #f2f5fa; border-top: 1px solid #cfd2d7; } #add_checkJonul #bt_area a { background: #ffffff; border: 1px solid #bbc1cb; font-size: 11px; padding: 5px 15px; color: #535353; font-family: 'NanumGothicBlod'; } #add_checkJonul #bt_area a.on { background: #49556b; border: 1px solid #2f3c52; color: #FFF; } /*통신금액 추가-20161017*/ #add_money { min-width: 500px; letter-spacing: -1px; position: relative; } #add_money #pop_title { padding: 6px 0px 6px 30px; color: #FFF; font-size: 14px; font-family: 'NanumGothicBlod'; background-color: #4a566c; background-image: url(/_images/sub/top_icon.png); background-position: 10px center; background-repeat: no-repeat; } #add_money section { padding: 10px; background: #f6fbff; } #add_money section .search { background: #d9e2ea; border: 1px solid #afc4d4; padding: 5px; } #add_money section .search p { background: #fff; padding: 7px 15px; } #add_money section .search .labels { background: url(/_images/pop/blit_01.gif) left center no-repeat; padding-left: 8px; font-size: 13px; font-family: 'NanumGothicBlod'; margin-right: 20px; } #add_money section .search p select { padding: 2px; font-size: 12px; vertical-align: middle; color: #666; } #add_money section .search p input { padding: 2px; font-size: 12px; vertical-align: middle; color: #666; } #add_money section .search p span { padding: 2px; font-size: 12px; vertical-align: middle; } #add_money section .search .labels2 { padding-left: 2px; font-size: 12px; font-family: 'NanumGothicBlod';} #add_money section>p { font-size: 12px; font-family: 'NanumGothicBlod';margin-top: 10px; } #add_money section article { margin-top: 10px; height: 330px;} #add_money section article div { float: left; } #add_money section article .grid_area { width: 338px; height: 328px; border: 1px solid #afc4d4; background: #fff; } #add_money section article .mid_bt { width: 100px; height: 330px; display: table; position: relative; } #add_money section article .mid_bt p { font-size: 11px; color: #535353; font-family: 'NanumGothicBlod'; position: absolute; top: 45%; margin-top: -25px; left: 50%; margin-left: -27px; } #add_money section article .mid_bt p a { width: 54px; height: 19px; padding-top: 5px; text-align: center; background: #ffffff; border: 1px solid #bbc1cb; color: #535353; display: block; } #add_money #bt_area { padding: 9px 0px 13px 0px; text-align: center; background: #f2f5fa; border-top: 1px solid #cfd2d7; } #add_money #bt_area a { background: #ffffff; border: 1px solid #bbc1cb; font-size: 11px; padding: 5px 15px; color: #535353; font-family: 'NanumGothicBlod'; } #add_money #bt_area a.on { background: #49556b; border: 1px solid #2f3c52; color: #FFF; } /*정도관리 추가-20161012*/ #add_qualify { min-width: 800px; letter-spacing: -1px; position: relative; } #add_qualify #pop_title { padding: 6px 0px 6px 30px; color: #FFF; font-size: 14px; font-family: 'NanumGothicBlod'; background-color: #4a566c; background-image: url(/_images/sub/top_icon.png); background-position: 10px center; background-repeat: no-repeat; } #add_qualify section { padding: 10px; background: #f6fbff; } #add_qualify section .search { background: #d9e2ea; border: 1px solid #afc4d4; padding: 5px; } #add_qualify section .search p { background: #fff; padding: 7px 15px; } #add_qualify section .search .labels { background: url(/_images/pop/blit_01.gif) left center no-repeat; padding-left: 8px; font-size: 13px; font-family: 'NanumGothicBlod'; margin-right: 20px; } #add_qualify section .search p select { padding: 2px; font-size: 12px; vertical-align: middle; color: #666; } #add_qualify section .search p input { padding: 2px; font-size: 12px; vertical-align: middle; color: #666; } #add_qualify section .search p span { padding: 2px; font-size: 12px; vertical-align: middle; } #add_qualify section .search .labels2 { padding-left: 2px; font-size: 12px; font-family: 'NanumGothicBlod';} #add_qualify section>p { font-size: 12px; font-family: 'NanumGothicBlod';margin-top: 10px; } #add_qualify #bt_area { padding: 9px 0px 13px 0px; text-align: center; background: #f2f5fa; border-top: 1px solid #cfd2d7; } #add_qualify #bt_area a { background: #ffffff; border: 1px solid #bbc1cb; font-size: 11px; padding: 5px 15px; color: #535353; font-family: 'NanumGothicBlod'; } #add_qualify #bt_area a.on { background: #49556b; border: 1px solid #2f3c52; color: #FFF; } /*운영결과보고서 -20161012*/ #add_report { letter-spacing: -1px; position: relative; } #add_report #pop_title { padding: 6px 0px 6px 30px; color: #FFF; font-size: 14px; font-family: 'NanumGothicBlod'; background-color: #4a566c; background-image: url(/_images/sub/top_icon.png); background-position: 10px center; background-repeat: no-repeat; } #add_report section { padding: 10px; background: #f6fbff; } #add_report section .search { background: #d9e2ea; border: 1px solid #afc4d4; padding: 5px; } #add_report section .search p { background: #fff; padding: 7px 15px; } #add_report section .search .labels { background: url(/_images/pop/blit_01.gif) left center no-repeat; padding-left: 8px; font-size: 13px; font-family: 'NanumGothicBlod'; margin-right: 20px; } #add_report section .search p select { padding: 2px; font-size: 12px; vertical-align: middle; color: #666; } #add_report section .search p input { padding: 2px; font-size: 12px; vertical-align: middle; color: #666; } #add_report section .search p span { padding: 2px; font-size: 12px; vertical-align: middle; } #add_report section .search .labels2 { padding-left: 2px; font-size: 12px; font-family: 'NanumGothicBlod';} #add_report section>p { font-size: 12px; font-family: 'NanumGothicBlod';margin-top: 10px; } #add_report h3 { background: url(/_images/sub/blitSt1.gif) left center no-repeat; font-size: 11px; padding-left: 18px; font-family: 'NanumGothicBlod'; margin-top: 5px; color: #121469; } #add_report #bt_area { padding: 9px 0px 13px 0px; text-align: center; background: #f2f5fa; border-top: 1px solid #cfd2d7; } #add_report #bt_area a { background: #ffffff; border: 1px solid #bbc1cb; font-size: 11px; padding: 5px 15px; color: #535353; font-family: 'NanumGothicBlod'; } #add_report #bt_area a.on { background: #49556b; border: 1px solid #2f3c52; color: #FFF; } /*수질오염경보조치경과서-20151019*/ #alert { background: #FFF; padding: 5px; } #alert table.alert { width: 100%; border-top: 2px solid #3f5b80; border-collapse: collapse; font-size: 12px; } #alert .alert thead th { background: url(../images/pop/alert_top_bg.gif) repeat-x; font-family: 'NanumGothicBlod'; text-align: center; height: 29px; border-bottom: 1px solid #dcdddf; border-right: 1px solid #dcdddf; color: #424242; } #alert table { width: 100%; border-top: 2px solid #3f5b80; border-collapse: collapse; font-size: 12px;} #alert table tbody th, td { border-bottom: 1px solid #dcdddf; border-right: 1px solid #dcdddf; color: #424242; } #alert table tbody th, td img { vertical-align: middle; } #alert table tbody th { background: url(/_images/pop/alert_top_bg.gif) repeat-x; font-family: 'NanumGothicBlod'; height: 29px;text-align: center; } #alert table tbody td { height: 29px;text-align: center; } #alert table tbody td span { letter-spacing: 0px; } #alert table input, select, textarea { padding: 2px 4px; border: 1px solid #dcdddf; } #alert table input[type=radio] { border: 0px; } #alert table tbody tr td.title { background: #fffddf; font-family: 'NanumGothicBlod'; } #alert table tbody tr td.title2 { background: #f4f4f4; font-family: 'NanumGothicBlod'; } span.ex { font-size: 11px; color: #7b7b7b; letter-spacing: 0px; display: block; margin-top: 5px; } #alert table tbody td b { font-family: 'NanumGothicBlod';} /*원격명령추가*/ #remoteCmd { width: 500px; padding: 30px 10px 20px 10px; background: url(/_images/pop/agree_top_bg.gif) repeat-x; position: relative; letter-spacing: -1px; } #remoteCmd .pic { width: 63px; height: 51px; display: block; background: url(/_images/pop/agree_icon2.gif) no-repeat; position: absolute; right: 0px; top: 20px; } #remoteCmd h4 { font-family: 'NanumGothicBlod'; background: url(/_images/pop/title_blit01.gif) left 4px no-repeat; text-indent: 13px; padding-bottom: 5px; border-bottom: 1px solid #cccccc; } #remoteCmd .cont_wrap { padding: 4px; background: #e2f0f9; } #remoteCmd .cont_wrap .cont { background: #fff; border: 1px solid #b5d4e7; padding: 10px 10px 10px 10px; font-size: 11px; } #remoteCmd .cont_wrap .cont table { font-size: 11px; width: 100%} #remoteCmd .cont_wrap .cont table tbody th { padding: 7px 7px; background: #f8f8f7; font-family: 'NanumGothicBlod'; font-size: 11px; } #remoteCmd .cont_wrap .cont table tbody td { padding: 3px 7px; border: 0px;} #remoteCmd .cont_wrap .cont table tbody td input, select, textarea{ border: 1px solid #CCC; font-size: 11px; padding: 2px; vertical-align:middle;margin-right: 1px} #dayMn { font-size: 12px; font-family: 'NanumGothicBlod';margin-top: 10px; } #dayTit{ font-size: 12px; font-family: 'NanumGothicBlod';margin-top: 2px;margin-bottom: 4px;} /*녹조그래프추가*/ #bloomGraph {padding: 10px; position: relative; letter-spacing: -1px; } #bloomGraph h4 { font-family: 'NanumGothicBlod'; background: url(/_images/pop/title_blit01.gif) left 4px no-repeat; text-indent: 13px; padding-bottom: 5px;} #bloomGraph .cont_wrap { padding: 4px; background: #e2f0f9; } #bloomGraph .cont_wrap .cont { background: #fff; border: 1px solid #b5d4e7; padding: 10px; font-size: 11px; } #bloomGraph .cont_wrap .cont table { font-size: 11px; width: 100%} #bloomGraph .cont_wrap .cont table tbody th { padding: 7px 7px; background: #f8f8f7; font-family: 'NanumGothicBlod'; font-size: 11px; } #bloomGraph .cont_wrap .cont table tbody td { padding: 3px 7px; border: 0px;} #bloomGraph .cont_wrap .cont table tbody td input, select, textarea{ border: 1px solid #CCC; font-size: 11px; padding: 2px; vertical-align:middle;margin-right: 1px} ​/*승인자-20160119추가*/ #agree> .cont_wrap> .cont> table.approver { position: absolute; right: 10px; top: 3px; } #agree> .cont_wrap> .cont> table.approver> tbody> tr> th { padding: 3px 4px 3px 17px; background: #88919a url(/_images/pop/icon_check.png) 4px center no-repeat; color: #FFF; } #agree> .cont_wrap> .cont> table.approver> tbody> tr> td { padding: 3px 4px 3px 17px; background: url(/_images/pop/icon_peo.png) 4px center no-repeat; border: 1px solid #d8d8d8; } #agree textarea{ padding:5px; line-height:18px; overflow:auto; resize:none;} #agree .cont_wrap .cont:nth-child(5) textarea{ overflow:hidden;} /*20181217*/ #privacy { font-family: 'Dotum'; font-size: 12px; line-height: 20px; } #privacy .box { padding: 10px; background: #fcfcfc; border: 1px solid #eaeaea; } #privacy em { color: #039; font-weight: bold; } #privacy dl { margin-top: 30px; } #privacy dl> dt { font-weight: bold; } #privacy dl> dd { } #privacy ol { } #privacy ol> li { } #privacy ul> li { list-style-type: decimal; list-style-position: inside; } #privacy dt, #privacy dd, #privacy li, #privacy p { font-family: 'Dotum'; padding: 0px !important; } /* #privacy a { display: block; margin-left: 15px; text-decoration: underline; font-weight: bold; color: #00C; } */ #privacy a { display: block; margin-left: 15px; color: #666; } .boardType4 { width: 100%; border-top:2px solid #6a8fb4; border-bottom:2px solid #a9a9a9;} .boardType4 th{ padding:11px 0 12px; line-height:10px; color:#333; font-weight:normal; border-bottom:1px solid #eee; border-right:1px solid #eee; background:#f6f6f6 } .boardType4 td{padding:5px 7px; border-bottom:1px solid #eee; border-right:1px solid #eee; text-align:center} .boardType4 th, .boardType4 td { font-family: 'Dotum'; text-align: center; } /*운전정지 등록-20210618 추가*/ #agree2 { width: 500px; padding: 30px 10px 20px 10px; background: url(/_images/pop/agree_top_bg.gif) repeat-x; position: relative; letter-spacing: -1px; } #agree2 h4 { font-family: 'NanumGothicBlod'; background: url(/_images/pop/title_blit01.gif) left 4px no-repeat; text-indent: 13px; padding-bottom: 5px; border-bottom: 1px solid #cccccc; } #agree2 .pic { width: 63px; height: 51px; display: block; background: url(/_images/pop/agree_icon2.gif) no-repeat; position: absolute; right: 0px; top: 20px; } #agree2 h4 span { font-size: 8px; color: #8d8d8d; margin-left: 5px; } #agree2 ul.join { position: absolute; left: 10px; top: 65px; } #agree2 ul.on1 { background: url(/_images/pop/join_pro_1_on.png) no-repeat !important; } #agree2 ul.on2 { background: url(/_images/pop/join_pro_2_on.png) no-repeat !important; } #agree2 ul.on3 { background: url(/_images/pop/join_pro_3_on.png) no-repeat !important; } #agree2 ul.join li { float: left; font-size: 12px; font-family: 'NanumGothicBlod'; } #agree2 ul.join li a { color: #000; display: block; } #agree2 ul.join li a span { color: #616161; } #agree2 ul.join li.pro_1 a { width: 108px; height: 21px; padding: 7px 0 0 15px; } #agree2 ul.join li.pro_2 a { width: 127px; height: 21px; padding: 7px 0 0 8px; } #agree2 ul.join li.pro_3 a { width: 100px; height: 21px; padding: 7px 0 0 9px; } #agree2 ul.join li.on a { color: #FFF; } #agree2 ul.join li.on a span { color: #d2e2ff; } #agree2 .cont_wrap { padding: 4px; background: #e2f0f9; } #agree2 .cont_wrap .cont { background: #fff; border: 1px solid #b5d4e7; padding: 25px 10px 10px 10px; font-size: 11px; } #agree2 .cont_wrap .cont h5 { font-size: 12px; border-bottom: 1px solid #ccc; padding-bottom: 5px; font-family: 'NanumGothicBlod'; } #agree2 .cont_wrap .cont p.agree_info { font-size: 12px; line-height: 18px; } #agree2 .cont_wrap .cont p.agree_info span { color: #ff4200; } #agree2 .cont_wrap .cont p.date { margin-left: 80%; } #agree2 .cont_wrap .cont p.join_info { color: #535353; font-size: 11px; font-family: 'NanumGothicBlod'; } #agree2 .cont_wrap .cont p.join_info2 { color: #535353; font-size: 11px; } #agree2 .cont_wrap .cont p.join_info2> b { font-family: 'NanumGothicBlod'; color: #000; } #agree2 .cont_wrap .cont table { font-size: 11px; border-collapse: collapse; border-bottom: 1px solid #d6d6d6; margin-top: 15px; width: 100%} #agree2 .cont_wrap .cont table tbody th { border-top: 1px solid #d6d6d6; } #agree2 .cont_wrap .cont table tbody td { border-top: 1px solid #d6d6d6; border-right: 0px; } #agree2 .cont_wrap .cont table tbody th { padding: 7px 2px; background: #f8f8f7; font-family: 'NanumGothicBlod'; font-size: 11px; } #agree2 .cont_wrap .cont table tbody td { padding: 3px 7px; } #agree2 .cont_wrap .cont table tbody td input, select { border: 1px solid #CCC; font-size: 11px; padding: 2px; vertical-align:middle;margin-right: 1px;} #agree2 .cont_wrap .cont2 { background: #fff; border: 1px solid #b5d4e7; padding: 25px 10px 10px 10px; font-size: 11px; } #agree2 .cont_wrap .cont2 h5 { font-size: 12px; border-bottom: 1px solid #ccc; padding-bottom: 5px; font-family: 'NanumGothicBlod'; } #agree2 .cont_wrap .cont2 p.agree_info { line-height: 18px; } #agree2 .cont_wrap .cont2 p.agree_info span { color: #ff4200; } #agree2 .cont_wrap .cont2 p.date { margin-left: 80%; } #agree2 .cont_wrap .cont2 p.join_info { color: #535353; font-size: 10px; font-family: 'NanumGothicBlod'; } #agree2 .cont_wrap .cont2 table { width: 100%; border-top: 2px solid #3f5b80; border-collapse: collapse; } #agree2 .cont_wrap .cont2 table thead {} #agree2 .cont_wrap .cont2 table thead th { height: 29px; border-bottom: 1px solid #dcdddf; background: url(/_images/sub/cont_bg.gif) repeat-x; text-align: center; font-family: 'NanumGothicBlod'; } #agree2 .cont_wrap .cont2 able tbody { } #agree2 .cont_wrap .cont2 table tbody th { height: 29px; border-bottom: 1px solid #dcdddf; border-right: 1px solid #dcdddf; background: #f5fafe; text-align: center; } #agree2 .cont_wrap .cont2 table tbody td { height: 29px; border-bottom: 1px solid #dcdddf; border-right: 1px solid #dcdddf; text-align: center; } #agree2 .chk { text-align: center; } #agree2 .chk label { font-size: 11px; } #agree2 .chk label input { vertical-align: middle; margin-right: 2px; } #agree2 p.hist { font-size: 12px; font-family: 'NanumGothicBlod'; background: url(/_images/sub/blitSt1.gif) no-repeat; text-indent: 18px;margin-top: 10px; } #agree2 p.mms { font-size: 11px; font-family: 'NanumGothicBlod'; background: url(/_images/pop/agree_icon1.gif) no-repeat; text-indent: 18px; } #agree2 .message { background: #f1f1f0; padding: 9px 13px; font-size: 11px; } #agree2 .message label { font-size: 11px; margin-right: 35px; } #agree2 .message label input { vertical-align: middle; margin-right: 2px; } #agree2 .btn_area { margin: 0px auto; text-align: center;} #agree2 .btn_area p { text-align: center; font-size: 11px; font-family: '돋움'; margin: 0px auto; float: left; } #agree2 .btn_area p a { float: left; display: block; } #agree2 .btn_area p.btnst01 a.uLeft { width: 2px; height: 30px; background: url(/_images/pop/bt_st01_bg_left.gif) no-repeat; } #agree2 .btn_area p.btnst01 a.okay { height: 26px; padding: 4px 10px 0px 10px; color: #FFF; background: url(/_images/pop/bt_st01_bg.gif) repeat-x; } #agree2 .btn_area p.btnst01 a.uRight { width: 2px; height: 30px; background: url(/_images/pop/bt_st01_bg_right.gif) no-repeat; } #agree2 .btn_area p.btnst02 a.uLeft { width: 2px; height: 30px; background: url(/_images/pop/bt_st02_bg_left.gif) no-repeat; } #agree2 .btn_area p.btnst02 a.okay { height: 26px; padding: 4px 10px 0px 10px; color: #000; background: url(/_images/pop/bt_st02_bg.gif) repeat-x; } #agree2 .btn_area p.btnst02 a.uRight { width: 2px; height: 30px; background: url(/_images/pop/bt_st02_bg_right.gif) no-repeat; }