body,td,th { color: #444444; font-size: 12px; font-family: Dotum, Arial, Helvetica, sans-serif; line-height: 18px;} body {margin: 0px; padding: 0px;} a {font-size: 12px; font-style: normal; color: #444444; text-decoration: none;} input { height: 25px; font-size: 12px; border: #ccc 1px solid; padding: 5px 0 0 5px;} select { font-size: 12px; } ul, ol, li, dt, dd, img { margin: 0px; padding: 0px; list-style:none; } img { border:0; } li.left { float:left; } li.right { float:right; } .clear { clear:both; } /********************* main *********************/ #whole { width:980px; height:100%; background: url("/images/bg_full.jpg") 0 0 no-repeat; } #whole #top { width:100%; height:70px; } #top ul { margin: 0px; padding: 0px; list-style:none; } #top li.left { margin: 0px; padding: 0px; float:left; } #top li.right { margin: 5px 15px 0 0; padding: 0px; float:right; } /********************* 좌측 메뉴 로그 영역 *********************/ #whole #content_left { width: 235px; padding: 45px 15px 0 0; float:left; } * html #whole #content_left { width: 250px; padding: 45px 15px 0 0; float:left; } #content_left ul.menu { margin: 0px; padding: 0px; width:119px; list-style:none; } #content_left li { margin: 0; padding: 0px; line-height:0px; } #content_left #submenu01 { position:absolute; top:130px; left:119px; z-index:1; width:103px; height:116px; padding: 14px 0 0 13px; background: url("/images/sub_menu_bg.gif") 0 0 no-repeat; visibility: visible; } * html #content_left #submenu01 { width:117px; height: 130px; padding: 10px 0 0 13px; } #submenu01 li { margin: 0 0 4px 0; padding: 0px; line-height:0px; } #content_left #log { margin: 25px 0 0 0; padding:0 0 0 15px; width:205px; } * html #content_left #log { margin-top:25px; padding-left:15px; width:220px; } #log ul { margin: 0px; padding: 0px; list-style:none; } #log li.img_left { margin: 0px; padding: 0px; height:50px; float:left; line-height:0px; } #log li.img_right { margin: 0px; padding: 0px; height:50px; float:right; line-height:0px; } /********************* 우측 컨텐츠********************/ #whole #content_right { width: 730px; padding: 0; float:right; margin-top:-6px; } * html #whole #content_right { width: 730px; padding: 0; float:left; margin-top:-4px; } #content_right #main_img { width:430px; height:470px; float:right; } #content_right #main_text { width:300px; height:195px; margin:0 0 15px 0; float:left; } /********************* 공지사항 *********************/ #content_right #notice { width:300px; height:100px; margin:0 0 15px 0; float:left; } #notice ul { margin: 0px; padding: 0px; list-style:none; } #notice li.left { margin: 0px; padding: 0px; float:left; } #notice li.right { margin: 5px 0 0 0; padding: 0px; float:right; } #notice #notice_bg { width:300px; height:70px; background: url("/images/notice_bg.gif") 0 0 no-repeat; margin-top: 30px; padding:8px;} * html #notice #notice_bg { width:300px; height:70px; background: url("/images/notice_bg.gif") 0 0 no-repeat; margin-top: -5px; padding:8px;} #notice #notice_bg .notice_title { background: url("/images/bullet_01.gif") 0 4px no-repeat; padding-left:10px;} #notice #notice_bg .notice_day { color:#888; font-size:11px; } #notice table { padding: 0; border:0; } #notice td { padding: 0; border:0; } /********************* 게시판영역 *********************/ #content_right #board { width:300px; height:100px; margin:0 0 15px 0; float:left; } * html #content_right #board { width:300px; height:85px; margin:0 0 15px 0; float:left; } #board #free { width:300px; height:100px; z-index:2; margin:0 0 15px 0; float:left; background: url("/images/tab_line.gif") 0 0 repeat-x; } #board #praise { width:300px; height:100px; z-index:3; margin:0 0 15px 0; float:left; background: url("/images/tab_line.gif") 0 0 repeat-x; } #board ul { margin: 0px; padding: 0px; list-style:none; } #board li.left { margin: 0px; padding: 0px; float:left; } #board li.right { margin: 5px 0 0 0; padding: 0px; float:right; } #board .board_title { background: url("/images/bullet_01.gif") 0 6px no-repeat; padding-left:10px; height:23px; } #board .board_day { color:#888; font-size:11px; } #board table { padding: 0; border:0; } #board td { padding: 0; border:0; } /********************* 사진제보 *********************/ #content_right #mphoto { width:300px; height:130px; float:left; } * html #content_right #mphoto { margin-top:-15px; width:300px; height:130px; float:left; } #mphoto ul { margin: 0px; padding: 0px; list-style:none; } #mphoto li.left { margin: 0px; padding: 0px; float:left; } #mphoto li.right { margin: 5px 0 0 0; padding: 0px; float:right; } #mphoto #report { width:300px; height:100px; float:left; margin-top: -5px; } * html #mphoto #report { width:300px; height:100px; margin-top: 5px; float:left; } #report dl.photo01 { float: left; width: 96px; margin: 0 2px; } * html #report dl.photo01 { float: left; width: 96px; margin-right: 1px; } #report dl.photo01 dt { padding: 0; text-align:center; } #report dl.photo01 dd { padding: 0; text-align:center; } /********************* 링크 *********************/ #content_right #link { width:415px; height:100px; float:right; } * html #content_right #link { margin-top:-4px; width:415px; height:100px; float:right; } #link ul { margin: 0px; padding: 0px; list-style:none; } #link li.left { margin: 0px; padding: 0px; float:left; line-height:0px; } #link li.right { margin: 0px; padding: 0px; float:right; line-height:0px; } #link li.left_t_b_margin { margin: 2px 0; padding: 0px; float:left; line-height:0px; } #link li.right_t_b_margin { margin: 2px 0; padding: 0px; float:right; line-height:0px; } * html #link li.left_t_b_margin { margin: 0; padding: 0px; float:left; line-height:0px; } * html #link li.right_t_b_margin { margin: 0; padding: 0px; float:right; line-height:0px; } /********************* 서브 컨텐츠 *********************/ /********************* 타이틀 *********************/ #content_right #title { margin:10px 0 0 10px; height:35px; border-bottom:1px solid #ccc; } #title h1 { margin: 0px; padding: 0px; list-style:none; } #title ul { margin: 0px; padding: 0px; list-style:none; } #title li.left { margin: 0px; padding: 0px; float:left; height:34px; } #title li.right { margin: 0px; padding: 15px 0 0 0; float:right; height:34px; } #content_right #content { margin:10px 0 0 25px; } #content .array_center { text-align:center; } #content p { text-align:justify; } #content p.linebox { padding:15px; border:solid 7px #e5e5e5; } /********************* 조직구성 *********************/ #content #organization { width:705px; padding-top:15px; } #organization table { border:1px solid #ccc; } #organization td { border:1px solid #ccc; background:#fff; padding: 5px 0; text-align:center; } #organization th { border:1px solid #ccc; background:#daeef6; text-align:center; padding: 5px 0; } #organization caption { padding: 0 0 5px 0; font-size:14px; font-weight: bold; color:#333; letter-spacing:-1px; } /********************* 회원가입 폼 *********************/ #content fieldset#join { width:665px; padding:15px; border:solid 5px #e5e5e5; } * html #content fieldset#join { width:705px; } #content label { float:left; } #join p { margin: 10px 0; } #join #id_check01 { text-indent:-1000em; width:0; } #join input#id_check02 { border:0; padding:0; margin:0; margin-bottom:-5px; height:20px; } * html #join input#id_check02 { border:0; padding:0; margin:0; height:20px; } #join #postnum_search { text-indent:-1000em; width:0; } #join input#postnum_search01 { border:0; padding:0; margin:0; margin-bottom:-5px; height:20px; } * html #join input#postnum_search01 { border:0; padding:0; margin:0; height:20px; } #join #cellular_phone01 { width:40px; } #join #cellular_phone02 { width:50px; } #join #cellular_phone03 { width:50px; } #join .ward_width { width:60px; } #join .block { width:60px; } #join .stop { width:100px; } #join #email { width:250px; } #join input#post_num01 { width:50px; } #join input#post_num02 { width:50px; } #join input#add { width:480px; } #join input#position { width:250px; } .position_desc { margin-left: 5px; color:#666; } #content iframe.law {border: #eee 5px solid; padding:10px 5px; } #content #join_button { padding-top:20px; text-align:center; } /********************* 가입약관 *********************/ #agree { margin: 0px; padding: 10px; } #agree h2 { font-size:12px; font-weight:bold; color:#9900cc; } #agree h3 { font-size:12px; font-weight:bold; } #agree p { text-align:justify; margin:10px 0; } #agree li.con_le2 { margin:5px 0 5px 15px; padding-left:14px; background:url("../images/bullet_05.gif") 0 2px no-repeat; } #agree ol li { margin: 5px 0; padding: 0px; list-style:decimal; } #agree ol ul#list_kor li { list-style:none; } #agree ul#list_kor { margin:5px 0 5px 15px; } #agree ul#list_kor li { margin:5px 0; } /********************* 로그/패스워드 *********************/ #content #log_outline { width:570px; margin:50px 0 0 50px; } #content #log_outline fieldset#log_item { padding:20px; border:5px solid #eee; } #content #log_outline fieldset#log_item p { padding:0; margin:10px 0; } #content #log_outline fieldset#log_item #login_left { float:left; } #content #log_outline fieldset#log_item #login_left #id, #pw { width:200px; } #content #log_outline .img_left_mar { margin-left:25px; } #content #log_outline fieldset#log_item .idpw_text { padding: 5px 5px 0 13px; background:url("/images/bullet_02.gif") 0 5px no-repeat; } #content #log_outline fieldset#log_item #user_id, #user_email_id { width:100px; } #content #log_outline fieldset#log_item #user_email_add { width:200px; } /********************* 시민평가단 신청서 폼 *********************/ #content fieldset#valuation_item { width:665px; padding:15px; border:solid 5px #e5e5e5; } * html #content fieldset#valuation_item { width:705px; } #content fieldset#valuation_item p { margin:3px 0; padding:0; width:330px; height: 30px; float:left; } * html #content fieldset#valuation_item p { margin:0; padding:0; width:330px; height: 30px; float:left; } #valuation_item #calendar01 { text-indent:-1000em; width:0; } #valuation_item #calendar02 { border:0; margin-bottom:-5px; padding:0; } #valuation_item .form_text { height:25px; padding-top:4px; display:block; float:left; } * html #valuation_item .form_text { padding-top:3px; } #valuation_item .select_route { width:132px; } #content #valuation { width:705px; padding-top:15px; } #valuation table { border:1px solid #ccc; background:#ccc; } #valuation td { border:1px solid #ccc; background:#fff; padding: 5px 0; } #valuation th { border:1px solid #ccc; background:#eee; text-align:center; padding: 5px 0; } #valuation caption { padding: 0 0 5px 0; font-size:14px; font-weight: bold; color:#333; letter-spacing:-1px; } #valuation input { border: 0; } #valuation .center { text-align:center; } #content #etc_text { width:705px; padding-top:15px; } #content #etc_text #textarea { padding:0; border:0; } #textarea label { margin-right:15px; padding-left:10px; font-weight:bold; background: url("/images/bullet_01.gif") 0 3px no-repeat; padding-left:10px; } #content #etc_text textarea { width:705px; height:80px; padding:5px; border: #ccc 1px solid;} #valuation #distribution, #valuation #very_bad, #valuation #bad, #valuation #normal, #valuation #good, #valuation #very_good { vertical-align:top; padding-top:5px; } /********************* 서브 컨텐츠 *********************/ /********************* 타이틀 *********************/ #content_right #title { margin:10px 0 0 10px; height:35px; border-bottom:1px solid #ccc; } #title h1 { margin: 0px; padding: 0px; list-style:none; } #title ul { margin: 0px; padding: 0px; list-style:none; } #title li.left { margin: 0px; padding: 0px; float:left; height:34px; } #title li.right { margin: 0px; padding: 15px 0 0 0; float:right; height:34px; } /********************* 컨텐츠 *********************/ #content_right #content { margin:10px 0 0 25px; } #content .array_center { text-align:center; } #content p { text-align:justify; } #content p.linebox { padding:15px; border:solid 5px #eee; } #content img.m_tb { margin:15px 0 15px 0; } #content h2 { margin:20px 0 10px 0; padding-left:18px; background:url("/images/bullet_03.gif") 0 0 no-repeat; font-size:12px; font-weight:bold;} #content ul#con_list { margin: 0px; padding: 0px; list-style:none; } #content ul#con_list li.con_le2 { margin:5px 0 10px 15px; padding-left:16px; background:url("/images/bullet_04.gif") 0 2px no-repeat; } #content ul#con_list li.con_le3 { margin:5px 0 10px 0px; padding-left:14px; background:url("/images/bullet_05.gif") 0 2px no-repeat; } #content ul#con_list li.con_le4 { margin:5px 0 10px 15px; padding-left:18px; background:url("/images/bullet_06.gif") 0 0px no-repeat; } #content ul#con_list li.con_le5 { margin:5px 0 10px 0px; padding-left:18px; background:url("/images/bullet_06.gif") 0 0px no-repeat; } /********************* 마이페이지 *********************/ /*좌측메뉴*/ #content_left #mypage { margin: 25px 0 0 0; padding:0 0 0 15px; width:205px; } * html #content_left #mypage { margin-top:25px; padding-left:15px; width:220px; } #mypage ul { margin: 0px; padding: 0px; list-style:none; } #mypage li.img_left { margin: 0px; padding: 0px; height:50px; float:left; line-height:0px; } #mypage li.img_right { margin: 0px; padding: 0px; height:50px; float:right; line-height:0px; } #mypage #mymenu { margin-top:-10px; padding:0; float:left; } #mymenu ul { margin: 0; padding: 0px; list-style:none; } #mymenu li { margin: 0px; padding: 0px; line-height:0px; } * html #mymenu li { margin: -4px 0 0 0; padding: 0px; line-height:0px; } /*회원탈퇴*/ #content #leave #leave_form { padding:0; border:0; } #leave_form label { margin-right:15px; padding-left:10px; font-weight:bold; background: url("../images/bullet_02.gif") 0 1px no-repeat; padding-left:13px; } #content #leave textarea { width:705px; height:200px; padding:5px; border: #ccc 1px solid;} /********************* 풋터 *********************/ #whole #footer { padding: 30px 0 0 80px; clear:both; } #footer ul { margin: 0px; padding: 0px; list-style:none; } #footer li.left { margin: 0px; padding: 0px; float:left; } #footer li.right { margin: 0px; padding: 0px; float:right; } #footer li.total { width:80px; text-align: left; } #footer .data li.left { margin: 0px; padding: 0px; float:left; } #footer .data li.total { width:80px; text-align: right; } #footer .data li.left, #footer .data li.total { height:14px; overflow:hidden; } #footer .data { width:135px; } * html #footer .data li.left { margin: 0px; padding: 0px; float:left; } * html #footer .data li.total { width:70px; text-align: right; } * html #footer .data li.left, #footer .data li.total { height:14px; overflow:hidden; } * html #footer .data { width:130px; } /*아래 아이티예스 - 최주임작업*/ /********************************************************************** script **********************************************************************/ /*rollover*/ .rollover .offimg { display:inline; } .rollover .onimg { display:none; } .rollover a:hover { position:relative; } .rollover a:hover .offimg { display:none; } .rollover a:hover .onimg { display:inline; } /*charge c030600*/ .c030600 #frame { width:700px; border-top:solid 2px black; border-bottom:solid 2px black; float:left; } .c030600 #frame li { width:350px; float:left; } .c030600 #frame li.line { width:350px; border-bottom:solid 1px #e5e5e5; } .c030600 #list { width:350px; font-size:0.91em; margin-top:8px; padding-top:10px; } .c030600 #list li { width:200px; line-height:1.45em; margin-bottom:2px; float:left; } .c030600 #list li.img { width:84px; height:62px; margin-right:10px; padding:8px; background:url("../../images/common/img_box_100x70.gif") no-repeat 0 0; float:left; } * html .c030600 #list li.img { width:100px; height:78px; } .c030600 #list li.icon { width:182px; padding-left:18px; font-size:1.09em; font-weight:bold; line-height:1.63em; background:url("../../images/05_life/0501_icon_title.gif") no-repeat 0 1px; } * html .c030600 #list li.icon { width:200px; } .c030600 #list li.charge { width:200px; color:#518a00; font-weight:bold; letter-spacing:-1px; } .c030600 #list li.link { width:100px; } /********************************************************************** input style **********************************************************************/ textarea.default { color:#666; } textarea.long { color:#666; font-size:1em; width:600px; border:solid 2px #eee; padding:10px; text-align:justify; background-color:#fafafa; line-height:1.25em; letter-spacing:-1px; } /*input { height:15px; line-height:1.41em; }*/ input.default { color:#666; font-size:1em; line-height:1.41em; height:17px; border:solid 1px #999; } input.noline { color:#666; font-size:1em; line-height:1.16em; height:17px; border:none; background:#e9e9e9; border:solid 1px #d9d9d9; } input.white { color:#333; font-size:1em; line-height:1.16em; height:17px; border:none;; } select.tinye { color:black; font-size:0.91em; line-height:1.09em; height:16px; } select.tinyk { color:#666; font-size:1em; height:16px; margin:0 5px 0 0; } select.tinyk option { color:#666; font-size:1em; height:14px; margin:0 5px 2px 0; padding:0; } * html select.tinyk { margin-bottom:0px; } input.max, select.max { width:220px; } input.half, select.half { width:110px; } input.seventy, select.seventy { width:160px; } input.thirty, select.thirty { width:70px; } input.submit { height:16px; border:none; background:none; } /********************************************************************** @bbs **********************************************************************/ /*bbs_text_style*/ .title_reply_no { font-size:0.91em; color:gray; } /*bbs_list_df*/ #bbs_list_df th, td { border:none; } #bbs_list_df { width:100%; border-bottom:solid 2px black; } * html #bbs_list_df { width:96%; border-collapse:collapse; } #bbs_list_df tr { height:27px; text-align:center; } #bbs_list_df .mg { height:10px; } #bbs_list_df .mg td, #bbs_list_df .mg th { border:none; } #bbs_list_df td, #bbs_list_df th { border-bottom:solid 1px #e5e5e5; } #bbs_list_df td.title, #bbs_list_df th.title { text-align:left; } #bbs_list_df td a, #bbs_list_df th a { color:black; } #bbs_list_df td a:hover, #bbs_list_df th a:hover { color:#518a00; font-weight:bold; letter-spacing:-1px; } #bbs_list_df .head { height:23px; font-weight:bold; text-align:center; } #bbs_list_df .head td, #bbs_list_df .head th { border-bottom:solid 2px black; background:url("/images/bbs/bbs_title_line.gif") no-repeat right bottom; line-height:1.25em; margin:10px; } #bbs_list_df .head td.last, #bbs_list_df .head th.last { background:none; } #bbs_list_df .head td.title, #bbs_list_df .head th.title { width:300px; text-align:center; } #bbs_list_df .head td.title_mng, #bbs_list_df .head th.title_mng { width:230px; text-align:center; } #bbs_list_df .head td.no, #bbs_list_df .head th.no { width:50px; text-align:center; } #bbs_list_df .bbs_list_icon { margin: 0 0 -1px 3px; } #paging { font-size:0.91em; padding:10px 0; margin-bottom:10px; text-align:center; border-bottom:solid 1px #e5e5e5; clear:both; } #paging a { margin:0 5px; } #paging a.active { font-weight:bold; } #bbs_btn { padding-right:10px; float:right; } #bbs_search { position:relative; width:100%; text-align:right; } #bbs_search .btn { margin:0 0 -4px 5px; } #bbs_search input { position:absolute; left:50%; top:0; margin-left:-60px; height:16px; padding:0; } #bbs_search select { position:absolute; left:50%; top:0; margin-left:-147px; height:16px; } #bbs_search input.sbtn { position:absolute; left:50%; top:0; margin-left:75px; height:16px; padding:0; border:none; } img.btn { margin:0 2px; } img.icon { margin:0 5px; } /*bbs_view*/ #bbs_view_head { width:705px; float:left; margin-right:-3px; } #bbs_view_head input.mg { margin:0; } #bbs_view_head td, #bbs_view_head th { padding:3px 0; border-bottom:solid 1px #e5e5e5; } #bbs_view_head input.tinyk { margin:0; } #bbs_view_head td.title, #bbs_view_head th.title { width:105px; font-weight:bold; text-align:center; background:url("/images/bbs/bbs_title_line2.gif") no-repeat 95% bottom; } #bbs_view_head td.p3, #bbs_view_head th.p3 { width:18.3%; } /*#bbs_view_head td.p2 { width:35%%; }*/ #bbs_view_head td.p2 table, #bbs_view_head th.p2 table { width:705px; margin-bottom:-3px; } #bbs_view_head td.p2 table td, #bbs_view_head th.p2 table th, #bbs_view_head th.p2 table td { width:36%; border-bottom:0; } * html #bbs_view_head td.p2 table td, * html #bbs_view_head th.p2 table td, * html #bbs_view_head th.p2 table th { width:35%; } #bbs_view_head td.p2 table td.title, #bbs_view_head th.p2 table td.title, #bbs_view_head th.p2 table th.title { width:105px; } #bbs_view_head td.p1, #bbs_view_head th.p1 { width:600px; } /*#bbs_view_head li.p3 { width:18.3%; } #bbs_view_head li.p2 { width:35%%; } #bbs_view_head li.p1 { width:85%; }*/ #bbs_view_content { width:685px; padding:20px 10px; margin:0 0 10px 0; border-bottom:solid 2px black; border-top:solid 2px black; float:left; } * html #bbs_view_content { width:705px; margin-right:-3px; } #bbs_answer { font-size:1em; margin-bottom:10px; padding:8px 10px; border-bottom:solid 1px #999999; } #bbs_reply { border-bottom:solid 1px #999999; } #bbs_reply_iframe { width:96%; margin-bottom:10px; } #bbs_reply li { color:#666; font-size:0.91em; padding:5px 10px; border-bottom:solid 1px #e5e5e5; } * html #bbs_reply li { padding:7px 10px; } #bbs_reply_write { padding:5px 10px; border-bottom:solid 1px #e5e5e5; background:#f5f5f5; } #bbs_reply_write .btn { margin:0 0 -3px 5px; } #bbs_view_content #photo { width:685px; clear:both; } #bbs_view_content #photo img { margin:8px; } /*bbs_write*/ #bbs_write_content { padding:20px 10px; margin-bottom:10px; border-bottom:solid 2px black; border-top:solid 2px black; clear:both; } /********************************************************************** table style **********************************************************************/ table { font-size:1em; line-height: 1.5em; border:0; padding:0; border-collapse:collapse; } table td.left { text-align:left; } /* html table { border-collapse:collapse; }*/ .tb_default { width:95%; margin-left:1%; background-color:#818e79; float:left; } .tb_default td, .tb_default th { font-weight:normal; padding:5px; line-height:1.25em; text-align:center; background:white; } .tb_default .title td, .tb_default .title th, .tb_default th.title { color:#365b00; padding:8px; background:#eaf3c9; text-align:center; font-weight:bold; } .tb_default td.subtitle, .tb_default .subtitle td, .tb_default th.subtitle, .tb_default .subtitle th { color:#5e5b00; background:#fcfcef; font-weight:bold; } .tb_center td { text-align:center; } .tb_default_full { width:100%; margin-left:0; } .tb_busresult { width:100%; background-color:#999; float:left; } .tb_busresult td, .tb_busresult th { font-weight:normal; padding:5px; line-height:1.25em; text-align:center; background:white; } .tb_busresult .title td, .tb_busresult .title th { color:#333; padding:4px; background:#e5e5e5; text-align:center; font-weight:bold; } .tb_busresult td.subtitle, .tb_busresult .subtitle td, .tb_default th.subtitle, .tb_default .subtitle th { color:#5e5b00; background:#fcfcef; font-weight:bold; } .tb_left_default { width:95%; margin-left:1%; background-color:#818e79; float:left; } .tb_left_default td, .tb_left_default th { font-weight:normal; padding:5px; line-height:1.25em; background:white; } .tb_left_default .title td, .tb_left_default .title th { color:#365b00; padding:5px; background:#eaf3c9; text-align:center; text-align:center; font-weight:bold; } .tb_left_default td.subtitle, .tb_left_default .subtitle td, .tb_left_default th.subtitle, .tb_left_default .subtitle th { color:#5e5b00; background:#fcfcef; font-weight:bold; }