/*********** 01_전자민원 ***********/ /* 010805_이전민원신고글조회 */ .min_search { font-size:1.05em; border:1px solid; border-color:#d6d8dc #888c93 #888c93 #d6d8dc; padding:2em;} .min_search .top_info { background:#f7f7f7 url(../images/contents/bg_search_min.png) no-repeat 65px center; padding:40px 40px 40px 170px;} .min_search .top_info p { color:#41526a;} .min_search .top_info p span.em { color:#003867; font-weight:600; font-size:17px;} .min_search .cen_min { padding:30px 0;} .min_search .cen_min:after { clear:both; content:""; display:block;} .min_search .cen_min li { width:50%; float:left;} .min_search .cen_min li div {border:1px solid; border-color:#d6d8dc #888c93 #888c93 #d6d8dc; padding:20px; margin:5px;} .min_search .cen_min li div label { color:#565656;} .min_search .cen_min li div label span.em { color:#232323; font-weight:600; font-size:17px;} .min_search .box_in { padding-top:30px; border-top:1px dashed #ccc;} .min_search .put_cont { width:480px; margin:0 auto; position:relative;} .min_search .put_cont li { height:45px;} .min_search .put_cont li label { width:20%; display:inline-block; font-weight:600; color:#333; font-size:14px;} .min_search .put_cont li input { padding:3px; height:27px; background:#f5f5f5; border:1px solid #d5d5d5;} .min_search .put_cont li select { height:27px; line-height:27px;} .min_search .put_cont .btn_login { position:absolute; top:0; right:0; display:block; width:25%; background:#42a950; border:1px solid #2f8b3c; color:#fff; font-weight:600; font-size:17px; text-align:center; height:80px; font-family:NanumGothic; cursor:pointer;} @media all and (max-width:740px) { .min_search { font-size:1.05em; border:1px solid; border-color:#d6d8dc #888c93 #888c93 #d6d8dc; padding:1em;} .min_search .top_info { background:#f7f7f7 url(../images/contents/bg_search_min.png) no-repeat 20px center; padding:20px 20px 20px 120px;} .min_search .top_info p span.em { color:#003867; font-weight:600; font-size:15px;} .min_search .cen_min li { width:100%;} .min_search .cen_min li input[type="radio"] {-webkit-appearance:radio; border:1px solid #000;} .min_search .put_cont { width:90%; margin:0 auto; position:relative;} .min_search .put_cont li input { padding:3px; height:27px; background:#f5f5f5; border:1px solid #d5d5d5;-webkit-appearance:none;} .min_search .put_cont li select { height:27px; line-height:27px;} .min_search .put_cont .btn_login { position:relative; top:auto; right:auto; display:block; width:100%; background:#42a950; border:1px solid #2f8b3c; color:#fff; font-weight:600; font-size:17px; text-align:center; height:50px; font-family:NanumGothic; cursor:pointer;-webkit-appearance:none;} } /* 010106_민원서식 */ .step_min { border:1px solid; border-color:#d6d8dc #888c93 #888c93 #d6d8dc; padding:10px;} .step_min ul { width:700px; margin:0 auto;} .step_min li { float:left;} .step_min li a { display:block; padding:10px 15px; font-weight:600; font-size:1.05em;} .step_min li a:hover { background:#666; color:#fff;} .step_min li.on a { background:#666; color:#fff;} @media all and (max-width:740px) { .step_min ul { width:100%; margin:0 auto;} } /*********** 02_참여군정 ***********/ .cts2381_ul { position:relative; width:100%; overflow:hidden; clear:both; } .cts2381_ul li { width:33%; float:left; margin:0 auto; } .cts2381_ul li a { display:block; width:100%; height:100%; } @media all and (max-width:740px) { .cts2381_ul li img {width: 100%;} } /*********** 03_행정정보 ***********/ /* 0302_재정공시 */ .boxTxt ul.content602_boxList{margin-left:150px; padding:20px 30px; line-height:180%; background-color:#f1f8ff;} .boxTxt ul.content602_boxList li{padding-left:10px; background:url("../images/icon/bulIcon07.png") no-repeat 0 9px;} .boxTxt ul.content602_boxList li ul{margin-left:0px; padding:10px 0px; } .boxTxt ul.content602_boxList li li{padding-left:15px; background:url("../images/icon/bulIcon10.png") no-repeat 0 9px;} .content602_List table thead{display:none;} .boxTxt p.content602_box{margin-left:0; text-align:center;} /* 0303_행정서비스헌장 */ .hunjang{ background:url("../images/contents/519_1.gif") no-repeat 15px 15px;} .hunjangTitle{ font-weight:bold; color:#0f3653; font-size:18px; line-height:35px;} /* 030403_행정정보공개처리절차 */ .bg_open_step { background:url("../images/contents/525_1.gif") no-repeat;background-size:100%; height:600px; text-indent:-9999px; } @media all and (max-width:740px) { .bg_open_step { background:url("../images/contents/525_1.gif") no-repeat;background-size:100%; height:300px; text-indent:-9999px; } } /* 030702_주요업무계획 */ .content536_title{ padding-top:15px; width:330px; background:url("../images/contents/536_1.gif") no-repeat left; min-height:319px; text-align:right;} .content536_title span{ font-size:30px;} .content536_list ul{padding-left:40px;} .content536_list ul li{ display:block; border-bottom:1px solid #d2d2d2; padding:15px 0; font-size:16px;} /* 03070102_군정방침 */ .content656_box{ } .content656_txt{ font-size:20px;} .content656_box .div{width:50%;} /*********** 04_분야별 정보 ***********/ /* 040103_위기가정무한돌봄 */ .system03 { background:url("../images/contents/system03_bg.jpg") no-repeat right bottom;} @media all and (max-width:740px) { .system03 { background:none;} } /* 04010701_보육사업안내 */ .child_bg { background:url("../images/contents/child_bg.jpg") no-repeat right 80%;} @media all and (max-width:740px) { .child_bg { background:none;} } /* 04010801_인사말 */ .family_abou {background:url("../images/contents/family_bg.jpg") no-repeat right 0%;} .family_abou .w60 {width:60%;} .family_abou .w100 {width:100%;} .family_abou p.tit01 {color:#4d4d4d; font-weight:bold; font-size:1.45em;} .family_abou p.tit02 {color:#2f71b2; font-weight:bold; font-size:1.8em; } @media all and (max-width:740px) { .family_abou .w60 {width:100%;} .family_abou p.tit01 {color:#4d4d4d; font-weight:bold; font-size:1.2em; text-align:center;} .family_abou p.tit02 {color:#2f71b2; font-weight:bold; font-size:1.4em; text-align:center; } .family_abou{background:none;} } /* 04010802_업무소개 */ .family_abou02 {background:url("../images/contents/family02_bg.jpg") no-repeat right bottom;} @media all and (max-width:740px) { .family_abou02 {background:none;} } /* 04010803_교육안내 */ .eduction { border:1px solid;} .eduction01 {padding:30px 30px 30px 220px; background:url("../images/contents/eduction01.jpg") no-repeat 7% center; border:1px solid #ddd; } .eduction02 {padding:30px 30px 30px 220px; background:url("../images/contents/eduction02.jpg") no-repeat 7% center; border:1px solid #ddd; } .eduction03 {padding:30px 30px 30px 220px; background:url("../images/contents/eduction03.jpg") no-repeat 7% center; border:1px solid #ddd; } .eduction04 {padding:30px 30px 30px 220px; background:url("../images/contents/eduction04.jpg") no-repeat 7% center; border:1px solid #ddd; } .eduction05 {padding:30px 30px 30px 220px; background:url("../images/contents/eduction05.jpg") no-repeat 7% center; border:1px solid #ddd; } @media all and (max-width:740px) { .eduction01 {padding:180px 10px 20px 10px; background:url("../images/contents/eduction01.jpg") no-repeat center 5%; border:1px solid #ddd; } .eduction02 {padding:180px 10px 20px 10px; background:url("../images/contents/eduction02.jpg") no-repeat center 5%; border:1px solid #ddd; } .eduction03 {padding:180px 10px 20px 10px; background:url("../images/contents/eduction03.jpg") no-repeat center 5%; border:1px solid #ddd; } .eduction04 {padding:180px 10px 20px 10px; background:url("../images/contents/eduction04.jpg") no-repeat center 5%; border:1px solid #ddd; } .eduction05 {padding:180px 10px 20px 10px; background:url("../images/contents/eduction05.jpg") no-repeat center 5%; border:1px solid #ddd; } } /* 040109_출산 및 입양축하금 지원 */ .birth_bg {margin-bottom:20px;width:100%;padding:80px 50px; background:url("../images/contents/birth_bg.jpg") no-repeat 90% center; border:1px solid #ddd;} .birth_bg p.t01 {width:48%; font-size:1.2em; font-weight:bold; } .birth_bg p.t02 {width:48%; font-size:1.4em; font-weight:bold; color:#3277c2; padding-bottom:10px;} @media all and (max-width:740px) { .birth_bg {margin-bottom:20px;width:100%;padding:20px; background:none;} .birth_bg p.t01 {width:100%; font-size:1.05em; font-weight:bold; } .birth_bg p.t02 {width:100%; font-size:1.4em; font-weight:bold; color:#3277c2; padding-bottom:0;} } /* 040113_저소득 한부모가족 지원사업 */ .support_bg {background:url("../images/contents/support_bg.jpg") no-repeat 95% top; } @media all and (max-width:740px) { .support_bg {background:none; } } /* 04100101_기업인협의회 인사말 */ .company {float:left; } /* background:url("../images/contents/company_bg.jpg") no-repeat 0 9px; */ .company div {float:right; width:70%;} .company p.tio01 { font-weight:bold; font-size:1.7em;} .company p.tio02 { font-weight:bold; font-size:1.2em;color:#3277c2; } .company p.tio03 { font-weight:bold; font-size:1.25em; margin-top:10px;} @media all and (max-width:740px) { .company {float:left; background:none;} .company div {float:right; width:100%;} } /* 040505_휴양림 */ .mt_info {float:left; } .mt_info .img_box {float:left; width:295px; } .mt_info .text_box {float:left; width:580px;padding-left:40px; } .mt_info .text_box dt {float:left; width:25%;font-weight:bold; padding-bottom:7px;color:#3277c2; } .mt_info .text_box dd {float:left; width:75%; padding-bottom:7px;} @media all and (max-width:740px) { .mt_info .img_box {text-align:center; width:100%; } .mt_info .text_box { width:100%; padding-left:5px;margin-top:20px; } .mt_info .text_box dt {float:left; width:30%;font-weight:bold; padding-bottom:7px;color:#3277c2; } .mt_info .text_box dd {float:left; width:70%; padding-bottom:7px;} } /* 04060401_도로명주소란 */ .map01_top {float:left;margin:30px 0; width:100%;background:url("../images/contents/map_right_bg.jpg") no-repeat center center;} .map01_top .m_box01 {width:45%;padding:20px 0; text-align:center; float:left;border:1px solid #ddd; min-height:60px; background:#f7f7f7;} .map01_top .m_box02 {width:45%; padding:30px 0 30px 0;font-weight:bold; float:right;border:1px solid #1b5ea5; text-align:center; color:#1b5ea5;min-height:60px;} .map01_top .m_box03 {width:45%; padding:20px 0 20px 0; float:left;border:1px solid #ddd; min-height:60px;text-align:center; } .map01_top .m_box04 {width:45%; padding:20px 0 20px 0; float:right;border:1px solid #ddd; min-height:60px;text-align:center; } .map01_top .m_box03 .tp01, .map01_top .m_box04 .tp01 {font-weight:bold;color:#1b5ea5; font-size:1.3em;} .map_grf {float:left; position:relative; width:100%; min-height:140px;} .map_grf li {float:left; width:33%;padding-left:30px; } /* 04010140105_어르신일자리정보 */ .old_j { padding:2.5em 0; border:1px solid #ddd; background:url("../images/contents/old_j.jpg") no-repeat 10% bottom;} .old_j p{padding-left:360px;} .old_j p.t01 {font-size:2.0em;font-weight:bold; color:#de7610; padding-bottom:10px;} .old_j p.t02 {font-weight:bold;} @media all and (max-width:740px) { .old_j { padding:2.5em 1em; border:1px solid #ddd; background:url("../images/contents/old_j.jpg") no-repeat center top;} .old_j p{padding:200px 0 0 0px;} .old_j p.t01 {font-size:2.0em;font-weight:bold; color:#de7610; padding-bottom:10px;} .old_j p.t02 {font-weight:bold; padding-top:0px;} } /* 04011504_여성단체 */ .woman {float:left; width:100%; margin-bottom:50px;} .woman li {float:left;margin:15px 15px 0 0; border:1px solid #ddd; width:48%;text-align:center; padding:2em 0;} .woman li.bg_g1 {background:#f7f7f7;} .woman li dt,.woman li dd {float:left;} .woman li dl {text-align:center;padding-left:60px;} .woman li dt {margin-top:4px;} .woman li dd {margin-left:10px; } @media all and (max-width:740px) { .woman li {float:left;margin:0px 0 15px 0; border:1px solid #ddd; width:100%;text-align:center; padding:2em 0;} .woman li dt,.woman li dd {float:left;width:100%;} .woman li dl {text-align:center;width:100%; } .woman li dt {text-align:center; width:80%;} .woman li dd {float:left; width:80%; margin-left:0px;} } /* 0401150601_여성긴급전화 */ .bg_1366 { background:url("../images/contents/bg_1366.jpg") no-repeat right bottom;} .bg_1366 .tt_01 {font-size:2.2em;font-weight:bold;} .bg_1366 .tt_02 {padding-top:20px; margin-bottom:30px;font-weight:bold;} .bg_1366 li {border:1px solid #ddd; width:45%; color:#3277c2; padding:1em 2em;text-align:center; font-weight:bold;margin-bottom:5px; font-size:1.2em;} @media all and (max-width:740px) { .bg_1366 { background:none;} .bg_1366 li {border:1px solid #ddd; width:100%; color:#3277c2; padding:1em 2em;text-align:center; font-weight:bold;margin-bottom:5px; font-size:1.2em;} } /* 04080706_가평의 문화 */ .cultural_info {float:left; margin-top:10px; } .cultural_info .img_box {float:left; width:182px; margin-left:40px; } .cultural_info .text_box {float:left; width:580px;padding-left:40px; } .cultural_info .text_box dt {float:left; width:15%;font-weight:bold; padding-bottom:7px;color:#3277c2; } .cultural_info .text_box dd {float:left; width:85%; padding-bottom:7px;} @media all and (max-width:740px) { .cultural_info .img_box {text-align:center; width:100%; } .cultural_info .text_box { width:100%; padding-left:40px;margin-top:20px; } .cultural_info .text_box dt {float:left; width:15%;font-weight:bold; padding-bottom:7px;color:#3277c2; } .cultural_info .text_box dd {float:left; width:75%; padding-bottom:7px;} } /* 04080708_가평 특산물 */ .c_spec {float:left; width:100%; } .c_spec .img_spec {float:left; width:182px; margin-left:40px; } .c_spec .text_spec {float:left; width:580px;padding-left:40px; } /* 04080709_가평군에서 하는 일 */ .eup li { border:1px solid #ddd; float:left; width:48%; padding:2em 2em 2em 13em; min-height:165px;margin:5px; } .eup li.bg1 {background:url("../images/contents/eup_bg1.jpg") no-repeat 10% center;} .eup li.bg2 {background:url("../images/contents/eup_bg2.jpg") no-repeat 10% center;} .eup li.bg3 {background:url("../images/contents/eup_bg3.jpg") no-repeat 10% center;} .eup li.bg4 {background:url("../images/contents/eup_bg4.jpg") no-repeat 10% center;} .eup li dt {font-weight:bold;color:#3277c2; background:url("../images/icon/h5_bul.png") no-repeat 0 25%; padding:0 0 10px 20px; font-size:1.2em; } @media all and (max-width:740px) { .eup li { border:1px solid #ddd; float:left; width:100%; padding:10em 2em 2em 2em; min-height:165px;margin:5px; } .eup li.bg1 {background:url("../images/contents/eup_bg1.jpg") no-repeat center 10%;} .eup li.bg2 {background:url("../images/contents/eup_bg2.jpg") no-repeat center 10%;} .eup li.bg3 {background:url("../images/contents/eup_bg3.jpg") no-repeat center 10%;} .eup li.bg4 {background:url("../images/contents/eup_bg4.jpg") no-repeat center 10%;} } /* 04080710_공부하자 모여라 */ .st_play li { float:left; width:32%; border:1px solid #ddd; padding:2em;margin:5px;} .st_play dl {text-align:center;} .st_play dt {font-weight:bold; padding-bottom:10px; font-size:1.1em;} @media all and (max-width:740px) { .st_play li { float:left; width:100%; border:1px solid #ddd; padding:2em;margin:5px;} } /* 04090101_안전문화운동소개 */ .safekorea {width:100%; float:left; margin-bottom:40px;} .safekorea_box02{ float:left; width:200px;} .safekorea_box { float:right; width:670px;} @media all and (max-width:740px) { .safekorea_box02 {margin-left:60px; margin-bottom:20px;width:60%; text-align:center; } .safekorea_box {float:left; width:100%;} } /*********** 05_가평소개 ***********/ /* 050101_연혁 */ .his_top .big_title { text-align:center; font-weight:bold; font-size:1.7em;} .his_top .big_title span {color:#2f71b2;} /* 050102_상징물 */ .gp_sbmk {width:100%; float:left; margin-bottom:40px;} .gpimg_box02{ float:left; width:200px;} .gptext_box { float:right; width:640px;} @media all and (max-width:740px) { .gpimg_box02 {margin-left:60px; margin-bottom:20px;width:60%; text-align:center; } .gptext_box {float:left; width:100%;} } /* 050103_행정구역 */ .stration { border:1px solid #bfd1e1; border-top:2px solid #146bb6; padding:3em;} .stration .title01 {text-align:center; font-weight:bold; font-size:1.7em;} /* 050104_행정지도 */ #zoom_wrap {position: relative; width:800px; margin:0 auto; } #zoom_small{position: relative;} #zoom_large{background:white;position:relative;} #zoom_mover{position:absolute; top:0; left:0; width: 200px;height:200px; overflow: hidden; z-index:100;background:white;display: none} #zoom_overlay{border:4px solid #de396b;width:200px; height:200px;position:absolute;top:0;left:0;z-index: 200} /* 050105_군민헌장 */ .charter {min-height:800px; background:url("../images/contents/charter_bg.jpg") no-repeat 10% bottom;} .charter ul li {font-size:17px; font-weight:600; color:#1c7aba; padding-left:20px; margin-left:20px; background:url("../images/icon/h5_bul.png") no-repeat 0 50%;} @media all and (max-width:740px) { .charter {min-height:1000px; background:url("../images/contents/charter_bg.jpg") no-repeat 10% bottom;} } /* 050107_자매결연현황 */ /*.spon_top01 {width:100%; background:url("../images/contents/spon01.jpg") no-repeat 5% 10%;} .spon_top02 {width:100%; background:url("../images/contents/spon02.jpg") no-repeat 5% 10%;} .spon_top03 {width:100%; background:url("../images/contents/spon03.jpg") no-repeat 5% 10%;} .spon_top04 {width:100%; background:url("../images/contents/spon04.jpg") no-repeat 5% 10%;} .spon_top05 {width:100%; background:url("../images/contents/spon05.jpg") no-repeat 5% 10%;} .spon_top06 {width:100%; background:url("../images/contents/spon06.jpg") no-repeat 5% 10%;} .spon_top07 {width:100%; background:url("../images/contents/spon07.jpg") no-repeat 5% 10%;} .spon_top08 {width:100%; background:url("../images/contents/spon08.jpg") no-repeat 5% 10%;} .spon_top09 {width:100%; background:url("../images/contents/spon09.jpg") no-repeat 5% 10%;} .spon { padding-left:300px;} @media all and (max-width:740px) { /*.spon_top01 {width:100%; background:url("../images/contents/spon01.jpg") no-repeat center top;} .spon_top02 {width:100%; background:url("../images/contents/spon02.jpg") no-repeat center top;} .spon_top03 {width:100%; background:url("../images/contents/spon03.jpg") no-repeat center top;} .spon_top04 {width:100%; background:url("../images/contents/spon04.jpg") no-repeat center top;} .spon_top05 {width:100%; background:url("../images/contents/spon05.jpg") no-repeat center top;} .spon_top06 {width:100%; background:url("../images/contents/spon06.jpg") no-repeat center top;} .spon_top07 {width:100%; background:url("../images/contents/spon07.jpg") no-repeat center top;} .spon_top08 {width:100%; background:url("../images/contents/spon08.jpg") no-repeat center top;} .spon_top09 {width:100%; background:url("../images/contents/spon09.jpg") no-repeat center top;} .spon { padding:300px 0 0 0;} }*/ /* 210401_자매결연현황 */ .spon_top a.jj_img_zoom{display: inline-block; float: left; margin: 30px;} .spon { padding-left:300px;} @media all and (max-width:740px) { .spon_top a.jj_img_zoom{float:none; display:block; text-align:center;} .spon { padding:0;} } /* 050202_가평군주요현황 */ .stati_top { float:left;width:100%;padding-bottom:70px; background:url("../images/contents/stats_top_bg.jpg") no-repeat 90% top; background-size:43%;} .stati_top div { float:left;} .stati_info { float:left;width:100%; } .stati_info li {} .stati_info li.line { float:left;border:1px solid #ddd;width:32%; padding-top:20px; margin:2px; min-height:170px;} .stati_info li.line02 { float:left;border:1px solid #ddd;width:32%; padding-top:20px; margin:2px; min-height:150px;} @media all and (max-width:740px) { .stati_top { float:left;width:100%;padding-bottom:0px; } .stati_top div { float:left;padding-top:340px;} .stati_info { float:left;width:100%; margin-top:10px;} .stati_info li {} .stati_info li.line { float:left;border:1px solid #ddd;width:48%; padding:20px 5px 0 0; margin:2px; min-height:240px;} .stati_info li.line02 { float:left;border:1px solid #ddd;width:100%; padding-top:20px; margin:2px; min-height:150px;} } @media all and (max-width:640px) { .stati_top{background: none;} } /* 050204_관련사이트 */ .link_s {width:100%; float:left; margin-bottom:40px;} .link_s_box02{ float:left; width:200px;} .link_s_box { float:right; width:670px;} .link_s_box .txt{margin-left:24px !important;} @media screen and (max-width:1200px){ .link_s_box02{ float:none; width:100%; text-align: center; margin-bottom:10px;} .link_s_box { float:none; width:100%;} } /* 091016_조직도 */ .org_con_all{} .org_bg{background:url("../images/contents/org_line01.jpg") no-repeat 50% -8px !important;} .org_con_new_02{ float:left; width:100%; padding-bottom:20px;} .org_con_new_02 .org_mayor01{ background:#3071B3;width:30%; text-align:center; margin:0px auto 20px auto; color:#fff; display:block; padding:12px 0; font-size:22px; font-weight:600;} .org_con_new_02 .org_mayor02{background:#15A047;width:30%; font-size:21px; color:#fff; display:block; text-align:center; margin:0px auto 20px auto; padding:12px 0;font-weight:600;} .org_con_new_02 ul.step01{margin:-54px 0 0 0; width:30%; float:right;} .org_con_new_02 ul.step01 li{ margin-bottom:10px;text-align:center;} .org_con_new_02 ul.step01 li a{ font-size:18px; display:block; color:#fff; background:#6B870A; padding:12px 0; font-weight:600;} .org_con_new_02{ float:left; width:100%; margin-bottom:50px;} .org_con_new_02 li dl{ float:left; margin-bottom:10px; width:100%;} .org_con_new_02 li dt,.org_con_new_02 li.dtStyle strong{ width:20%;background: #18395A; text-align:center; margin-bottom:5px;} .org_con_new_02 li dt a,.org_con_new_02 li.dtStyle strong a{ display:block; padding:12px 0; color:#fff; font-size:18px; font-weight:600;} .org_con_new_02 li.dtStyle strong a{padding:0;color:#2d2d2d;} .org_con_new_02 li dd{ float:left; width:100%; margin-left:0;} .org_con_new_02 li dd li{ margin:5px 0; width:100%; float:left;} .org_con_new_02 li dd strong{ background:#fff; padding:10px 0; border:1px solid #8C9DAD; display:inline-block; float:left; width:20%; text-align:center; font-weight:400;} .org_con_new_02 li dd strong a{color:#2d2d2d;} .org_con_new_02 li dd p{ padding:10px; float: right; width:77%; border:1px solid #ccc; background:#f8f8f8;} .org_con_new_02 li dd p a{ background:url(/../images/www/i-dot.jpg) no-repeat left 10px; color:#2d2d2d; font-size:15px; display:inline-block; padding:0 15px 0 7px;} .org_con_new_02 li:last-child dl, .org_con_new_02 li:last-child dd li:last-child{ margin-bottom:0;} .dtStyle p{ margin-top:-57px;} .org-tabmenu{margin-bottom:20px; width:100%;} .org-tabmenu ul li{ display:inline-block;text-align:center; margin-bottom:5px; } .org-tabmenu ul li a{ color:#333; display:block; padding:10px 20px; border:1px solid #ccc; background:#f8f8f8;} .ti{ text-indent:10px;} .rnamebox{ float:right;} @media screen and (max-width:925px){ .org_bg{background: url("../images/contents/org_line01_m.jpg") no-repeat 50% -17px !important;} .org_con_new_02 li dd li{} .org_con_new_02 li dd p{width:100%; margin-top:5px;} } /* 050301_조직도 */ /* .org_con_new {background:url("../images/contents/bg_group_new.jpg") no-repeat left top; width:900px;} .org_con_new a { display:block; color:#3e3e3e; font-weight:600; font-size:15px; line-height:47px; text-align:center;} .org_con_new a:hover { text-decoration:underline;} .org_con {background:url("../images/contents/bg_group.jpg") no-repeat left top; width:900px;} .org_con a { display:block; color:#3e3e3e; font-weight:600; font-size:15px; line-height:47px; text-align:center;} .org_con a:hover { text-decoration:underline;} .step01 { width:216px; margin:0 auto 38px auto;} .step01 a { color:#fff; font-size:22px; line-height:59px;} .step02 { width:216px; margin:0 auto 55px auto;} .step02 a { color:#fff; font-size:22px; line-height:59px;} .step03 { margin-bottom:30px;} .step03 li { float:left; width:126px; margin:0 3px 3px 0;} .step03 li:nth-of-type(7), .step03 li:nth-of-type(14) { margin: 0 0 3px 0;} .step03:after { clear:both; content:""; display:block;} .step03 li.float_r {float:right } .step04 { margin-left:69px; float:left; width:428px;} .step04 .tit { margin:0 0 42px 46px; display:block; font-weight:600; font-size:17px; color:#003867; width:183px; line-height:50px; text-align:center;} .step04 ul { width:400px;} .step04 li { float:left; width:126px; margin:0 11px 0 0;} .step04 li:nth-of-type(2) { width:156px !important;} .step04 li:nth-of-type(2) a { line-height:18px !important; margin:0; padding-top:20px; height:52px;} .step04 li a .sm_f { font-size:13px;} .step05 { float:left; width:403px;} .step05 ul { width:403px;} .step05 .tit { margin:0 0 42px 105px; display:block; font-weight:600; font-size:17px; color:#003867; width:183px; line-height:50px; text-align:center;} .step05 li { float:left; width:126px; margin:0 11px 0 0;} .step05 li:nth-of-type(3) { margin:0 !important;} .step06 { clear:both; width:771px; margin-left:70px;} .step06 .tit { margin:75px 0 42px 297px; display:block; font-weight:600; font-size:17px; color:#003867; width:183px; line-height:50px; text-align:center;} .step06 ul { width:771px; margin:0 auto; } .step06 li { float:left; width:126px; margin:0 3px 0 0;} .step06 li:nth-of-type(6) { margin:0 !important;} .step06:after { clear:both; content:""; display:block;} */ /* 050303_청사배치도 */ .place_info {float:left;width:100%;border:1px solid #bfd1e1; border-top:2px solid #146bb6; padding:2em; margin:20px 0 40px 0;} .place_info li {float:left; width:33%; padding-left:13px; background:url("../images/icon/bulIcon07.png") no-repeat 0 9px;} p.in_box {background:#eef3f6; padding:1em;width:100%; } .minwon_mu {float:left;width:100%; padding:1em; margin:20px 0 20px 0;} .minwon_mu li {float:left; width:33%; padding-left:10px; background:url("../images/icon/bulIcon07.png") no-repeat 0 9px;} /*********** 06_부가서비스 ***********/ /* 0604_뷰어다운로드 */ .viewer_d ul:after { clear:both; content:""; display:block;} .viewer_d li { float:left; width:30%; margin:0 3% 3% 0;} .viewer_d li a { display:block; border:1px solid; border-color:#d6d8dc #888c93 #888c93 #d6d8dc; padding:20px 30px; text-align:right; font-size:17px; font-weight:600; color:#333;} .viewer_d li a:hover { text-decoration:underline;} .viewer_d .ul1 .bg1 { background:url("../images/contents/bg_viewer1.jpg") no-repeat 20px center;} .viewer_d .ul1 .bg2 { background:url("../images/contents/bg_viewer2.jpg") no-repeat 20px center;} .viewer_d .ul1 .bg3 { background:url("../images/contents/bg_viewer3.jpg") no-repeat 20px center;} .viewer_d .ul1 .bg4 { background:url("../images/contents/bg_viewer4.jpg") no-repeat 20px center;} .viewer_d .ul1 .bg5 { background:url("../images/contents/bg_viewer5.jpg") no-repeat 20px center;} .viewer_d .ul1 .bg6 { background:url("../images/contents/bg_viewer6.jpg") no-repeat 20px center;} .viewer_d .ul2 .bg1 { background:url("../images/contents/bg_viewer7.jpg") no-repeat 20px center;} .viewer_d .ul2 .bg2 { background:url("../images/contents/bg_viewer8.jpg") no-repeat 20px center;} .viewer_d .ul3 .bg1 { background:url("../images/contents/bg_viewer9.jpg") no-repeat 20px center;} .viewer_d .ul3 .bg2 { background:url("../images/contents/bg_viewer10.jpg") no-repeat 20px center;} @media all and (max-width:740px) { .viewer_d li { float:left; width:100%; margin:0 0 3% 0;} } /* 군정홍보영상 */ #flashcontent { float:left; width:100%;} /* width:440px; */ #board_content { float:right; width: 100%; height:250px; overflow-y:scroll; border:1px solid #ddd; padding:15px;} /* width:434px; */ .board_con_box{position:relative; width:100%;} /* width:434px; */ .board_con_box #board_content{float:none;} #board_content:before{display:block; position:absolute; top:0; left:0; width:100%; height:100%; box-sizing:border-box; border-width:1px; border-style:dotted; border-color:transparent; content:'';} #board_content:focus:before{border-color:#000;} @media screen and (max-width:913px){ #board_content {float:none;} } /*행정정보 - 공공데이터 개방 - 공공테이터 */ .b_gray{background:#ededed;} .b_gray .b_withe{border:20px solid #fff; background:#fff;} /* 통계정보 - 주민등록인구현황 - 연도별인구추이 */ .b_black{ background: #5B5E65; padding: 5px 10px 5px 10px; color: #fff; font-size: 14px; font-weight: 600;} /* 201610 추가 */ .clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } .clearfix {display: inline-block;} * html .clearfix {height: 1%;} .clearfix {display: block;} .net_map{width:700px; margin:0 auto; margin-top:40px;} .net_map .tbox{width:170px; height:89px; background:url("../images/contents/ntbox_1.gif") no-repeat center 0; margin:0 0 0 270px} .net_map .tbox.last{background:none} .net_map h3{width:170px; font-size:12px !important; height:35px; color:#fff !important; background:#484ba3 !important; padding:0 !important; margin:0 auto !important;; line-height:35px; text-align:center; } .net_map h3.s2{background:#5c74ce !important;} .net_map h3.s3{background:#2b77bb !important;} /* 519de1 */ .net_map h3.s4{background:#2d8178 !important;} /* 47b0a5 */ .net_map .n1{display:block; width:170px; height:35px; zoom:1; border:1px solid #c3c4c8; border-top:0; font-size:12px; margin:0 auto; color:#555; line-height:36px; text-align:center;} .map_nli{padding:25px 0 0 0; background:url("../images/contents/ntbox_3.gif") no-repeat 10px 0; } .map_nli .tbox1{float:left;} .net_map ul{width:130px; margin:0 0 0 10px;} .net_map li{background:url("../images/contents/ntbox_2.gif") no-repeat 0 38px; padding:0 0 18px 0;} .net_map li span{display:inline-block; font-size:12px; width:130px; height:38px; line-height:38px; text-align:center; color:#555; border:1px solid #c3c4c8; border-top:2px solid #7f97b5 } .net_map li.bgn{background:none} .network_map02 {position:relative; /* background:url("//../images/nat_map02.gif") no-repeat; */ width:700px; height:555px; margin:0 auto; margin-top:30px;} .network_map02 .net_mbox{position:absolute; background:url("../images/contents/net_mbox.gif") no-repeat;width:210px; height:210px; top:130px; left:245px; z-index:9;} .network_map02 .net_mbox span{display:block; width:210px; color:#fff; font-size:16px; line-height:22px; font-weight:bold; text-align:center; padding:55px 0 0 0} .network_map02 .net_mbox ul{margin:10px 0 0 0} .network_map02 .net_mbox li{width:210px; color:#fff; font-size:15px; text-align:center;} .network_map02 .net_mbox1{position:absolute; width:210px; height:100px; top:0; left:0; z-index:9; } .network_map02 .net_mbox1 span{display:block; width:210px; height:35px; line-height:35px; color:#fff; font-size:13px; font-weight:bold; text-align:center; background:#3177b6;} /* background:#519de1; */ .network_map02 .net_mbox1 ul{padding:10px 0 10px 0; border:1px solid #ccc;} .network_map02 .net_mbox1 li:first-child{margin:0 0 0 0} .network_map02 .net_mbox1 li{width:210px; color:#555; font-size:13px; line-height:16px; text-align:center; margin:5px 0 0 0} .network_map02 .net_mbox1.mbox2{top:0; left:247px; z-index:9;} .network_map02 .net_mbox1.mbox2 span{background:#5c74ce} .network_map02 .net_mbox1.mbox3{top:0; left:490px; z-index:9;} .network_map02 .net_mbox1.mbox4{top:126px; left:0; z-index:9;} .network_map02 .net_mbox1.mbox4 span{background:#5c74ce} .network_map02 .net_mbox1.mbox5{top:126px; left:490px; z-index:9;} .network_map02 .net_mbox1.mbox5 span{background:#5c74ce} .network_map02 .net_mbox1.mbox5 ul{padding:10px 0 20px 0;} .network_map02 .net_mbox1.mbox5 li:first-child{margin:10px 0 0 0} .network_map02 .net_mbox1.mbox6{top:250px; left:0; z-index:9;} .network_map02 .net_mbox1.mbox7{top:250px; left:490px; z-index:9;} .network_map02 .net_mbox1.mbox7 li:first-child{margin:5px 0 0 0} .network_map02 .net_mbox1.mbox8{top:375px; left:0; height:180px; z-index:9;} .network_map02 .net_mbox1.mbox8 span{background:#5c74ce} .network_map02 .net_mbox1.mbox8 li:first-child{margin:5px 0 0 0} .network_map02 .net_mbox1.mbox9{top:375px; left:247px; height:180px; z-index:9;} .network_map02 .net_mbox1.mbox10{top:375px; left:490px; height:180px; z-index:9;} .network_map02 .net_mbox1.mbox10 span{background:#5c74ce} .map02_info{margin:40px 0 40px 0; } .map02_info table{border:none; border-left:1px solid #ccc; border-right:1px solid #ccc; } .map02_info th{background-color:#2c9186 !important; color:#fff !important;} /* background-color:#47b0a5 */ .map02_info td.fir{text-align:left;padding:10px} /* 자연재난보고 및 복구계획 수립절차 */ .network_map03{position:relative; background:url("../images/contents/nat_map03.gif") no-repeat left top; width:727px; margin:0 auto; padding-bottom:50px;} .network_map03 .map03_tit1{ position:absolute; top:48px; left:0; z-index:9; font-size:14px; font-weight:bold; color:#fff; width:110px; text-align:center;} .network_map03 .map03_tit1.tit1_1{top:232px; left:93px;width:58px; height:58px; line-height:58px; color:#555; } .network_map03 .map03_tit1.tit2{top:400px;} .network_map03 .map03_tit1.tit3{top:595px;} .network_map03 .map03_tit1.tit4{top:910px;} .network_map03 ul.fir{padding:30px 0 0 0;} .network_map03 ul{margin:0 0 0 167px} .network_map03 ul.fir li.fir_tit{background:#eba01e; } .network_map03 ul.sen li.sen_tit{background:#37b08f; } .network_map03 ul.the li.the_tit{background:#3e97e7; } .network_map03 ul.for li.for_tit{background:#484ba3} .network_map03 ul.fir li:first-child{ color:#fff; font-weight:bold; } .network_map03 li:first-child {color:#fff; font-weight:bold;} .network_map03 li{width:250px; margin:0 0 28px 0; text-align:center; border:1px solid #c3c4c8 } .network_map03 li span{ height:40px; line-height:40px; font-size:12px} .network_map03 li.map03_li{margin:0 0 40px 0;} .network_map03 li.map03_li1{margin:0 0 50px 0;} .network_map03 li.mt40{margin:40px 0 0 0;} .network_map03 li.mt50{margin:50px 0 0 0;} .network_map03 .de_box1{position:absolute; top:145px; left:460px; z-index:9; background:#f2f3f4; width:248px; padding:10px 10px; border:1px solid #c3c4c8;} .network_map03 .de_box1 ul{margin:0} .network_map03 .de_box1 li:first-child{color:#555 !important; font-weight:normal !important; padding:0 0 0 10px !important;} .network_map03 .de_box1 li{width:215px; color:#555 !important; font-size:11px; line-height:17px; margin:0;text-align:left; font-weight:normal; background:url("../images/contents/bu1.gif") no-repeat 0 7px; padding:0 0 0 10px; border:none} .network_map03 .de_box1 .de_boxli_1{background:none} .network_map03 .de_box1 .de_box1_1 li{background:url("../images/contents/bu2.gif") no-repeat 0 5px; } .network_map03 .de_box1.box2{top:385px;} .network_map03 .de_box1.box3{top:463px;} .network_map03 .de_box1.box4{top:560px;} .network_map03 .de_box1.box5{top:640px;} .network_map03 .de_box1.box6{top:713px;} .network_map03 .de_box1.box7{top:767px;} .network_map03 .de_box1.box8{top:823px;} .network_map03 .de_box1.box9{top:905px;} /* 사유재산피해 재난지원금 지급체계도*/ .network_map06{position:relative; background:url("../images/contents/nat_map06_1.gif") no-repeat 0 0; width:728px; margin:0 auto; margin-bottom:50px;} .network_map06 .map06_tit1{display:inline-block;width:110px; height:110px; line-height:110px; background:url("../images/contents/nat_map06_bg1.gif") no-repeat 0 0; font-size:14px; font-weight:bold; color:#fff; text-align:center; margin:0 0 25px 312px} .network_map06 ul{} .network_map06 li:first-child{padding:0 0 0 269px;} .network_map06 li:first-child span{margin:32px 0 0 0} .network_map06 li{padding:0 0 0 269px; width:190px; text-align:center; font-size:13px; color:#555; font-weight:bold; margin:0 0 27px 0} .network_map06 li .tit_bx{width:190px; height:75px; border:1px solid #c3c4c8;} .network_map06 li .tit_bx span{display:block; margin:0 0 0 28px; padding:20px 0 15px 15px;} .network_map06 li .tit_bx span.ico1{padding:30px 0 15px 10px; background:url("../images/contents/nat_map06_ico1.gif") no-repeat 0 20px;} .network_map06 li .tit_bx span.ico2{padding:20px 0 15px 5px; background:url("../images/contents/nat_map06_ico2.gif") no-repeat 0 20px;} .network_map06 li .tit_bx span.ico3{padding:20px 0 15px 5px; background:url("../images/contents/nat_map06_ico3.gif") no-repeat 0 20px;} .network_map06 li .tit_bx span.ico4{padding:20px 0 15px 10px; background:url("../images/contents/nat_map06_ico4.gif") no-repeat 0 20px;} .network_map06 li .tit_bx span.ico5{padding:20px 0 15px 10px; background:url("../images/contents/nat_map06_ico5.gif") no-repeat 0 20px;} .network_map06 li .tit_bx span.ico6{padding:20px 0 15px 10px; background:url("../images/contents/nat_map06_ico6.gif") no-repeat 0 20px;} .network_map06 li .tit_bx span.ico7{padding:20px 0 15px 15px; background:url("../images/contents/nat_map06_ico6.gif") no-repeat 0 20px;} .network_map06 .de_box0{position:absolute; top:150px; left:8px; z-index:9; border:1px solid #c3c4c8;width:240px; padding:10px 10px; background: #f2f3f4;} .network_map06 .de_box0 ul{margin:0} .network_map06 .de_box0 li:first-child{color:#555 !important; font-weight:normal !important; padding:0 0 0 10px !important;} .network_map06 .de_box0 li{width:210px; height:auto; color:#555 !important; font-size:11px; line-height:17px; margin:0;text-align:left; font-weight:normal; background:url("../images/contents/bu1.gif") no-repeat 0 7px; padding:0 0 0 10px; margin:2px 0 0 0} .network_map06 .de_box0.box1{top:138px; height:75px; border:none; background:#fff url("../images/contents/de_box1_bg.gif") no-repeat 0 0; padding:15px 0 10px 15px; width:240px} .network_map06 .de_box0.box2{top:237px; height:75px; border:none; background:#fff url("../images/contents/de_box1_bg.gif") no-repeat 0 0; padding:15px 0 10px 15px; width:240px} .network_map06 .de_box0.box3{top:535px; height:275px; border:none; background:#fff url("../images/contents/de_box2_bg.gif") no-repeat 0 0; padding:15px 15px 10px 15px; width:240px} .network_map06 .de_box0.box3 h3{background:none !important;font-size:14px !important; color:#555 !important; padding:0 !important; margin:0 !important; margin-top:30px !important; margin-bottom:10px !important;} .network_map06 .de_box0.box3 p{margin:15px 0 0 0; font-weight:normal;width:195px; text-align:left; line-height:16px; font-size:11px} .network_map06 .de_box0.box4{top:138px;left:485px;} .network_map06 .de_box0.box5{top:250px;left:485px} .network_map06 .de_box0.box6{top:350px;left:485px} .network_map06 .de_box0.box7{top:450px;left:485px} .network_map06 .de_box0.box8{top:550px;left:485px} .network_map06 .de_box0.box9{top:650px;left:485px} .network_map06 .de_box0.box10{top:750px;left:485px} /* 사유시설 피해신고요령 */ .network_trick{margin-bottom:50px;} .network_trick .trick_group1{position:relative; border:2px solid #ccc;} .network_trick .trick_group1 h3{font-size:15px !important; font-weight:bold; padding:34px 0 15px 200px !important; color:#555 !important;background:none !important;} .network_trick .trick_group1 .trick_ico{position:absolute; top:25px; left:55px; z-index:9} .network_trick .trick_group1 .trick_list{margin:0 20px 0 200px} .network_trick .trick_group1 .trick_list ul.bu {margin-left:30px !important} .network_trick .trick_group1 .trick_list ul.bu li{color: #555;font-size: 12px;line-height: 17px;margin: 0 0 8px 0 ;text-align: left;font-weight: normal;background: url(../images/bu1.gif) no-repeat 0 7px !important;padding: 0 0 0 10px !important;} .network_trick .trick_group1.group2{margin:20px 0 0 0;} .network_trick .trick_group1.group3{margin:20px 0 0 0;padding:0 0 40px 0 } .network_trick .trick_group1.group3 h3{ padding:54px 0 15px 200px} .network_trick .trick_group1.group4{margin:20px 0 0 0;} /* 자연재난피해신고 처리절차 */ .network_report{position:relative; width:730px; min-height:483px; background:url("../images/contents/net_report.gif") no-repeat 0 0; margin:0 auto;} .network_report .tit1{font-size:14px !important;; position:absolute; top:20px; left:150px; z-index:9; color:#555; margin:0 !important; padding:0 !important; color:#555 !important; background:none !important;} .network_report .tit2{font-size:14px; position:absolute; top:10px; left:423px; z-index:9; color:#555; width:277px; text-align:center; margin:0 !important; padding:0 !important; color:#555 !important; background:none !important;} .network_report .tit2 span{font-size:12px;} .network_report .rep_stit{position:absolute; top:78px; left:40px; z-index:9;width:270px; height:50px; background:#eba01e;} .network_report .rep_step1{ width:270px; height:50px; display:inline-block;font-size:14px; text-align:center; line-height:50px;font-weight:bold; color:#fff; background:url("../images/rep_ico1.gif") no-repeat 80px 15px ; padding:0 0 0 20px; } .network_report .rep_stit1{width:270px; height:50px;position:absolute; top:395px; left:40px; z-index:9; background:#3f42a3;} .network_report .rep_step1.step2{background:url("../images/contents/rep_ico2.gif") no-repeat 80px 17px; padding:0 0 0 30px;} .network_report .rep_list{margin:0 0 0 424px; padding:76px 0 0 0} .network_report .rep_list li{width:270px; height:50px; line-height:50px; margin:0 0 31px 0; text-align:center; font-size:14px; font-weight:bold; color:#fff; } .network_report .rep_list li.rep_ibg1{background:#31a686;} .network_report .rep_list li.rep_ibg2{background:#37a3b0;} .network_report .rep_list li.rep_ibg3{background:#519de1;} .network_report .rep_list li.rep_ibg4{background:#437fda;} .network_report .rep_list li.rep_ibg5{background:#546cc6;} .network_report .rep_list li .rep_ico1{display:inline-block;padding:0 0 0 35px; background: url("../images/contents/rep_ico3.gif") no-repeat 0 16px;} .network_report .rep_list li .rep_ico1.ico2{background:url("../images/contents/rep_ico4.gif") no-repeat 0 16px;} .network_report .rep_list li .rep_ico1.ico3{background:url("../images/contents/rep_ico5.gif") no-repeat 0 16px;} .network_report .rep_list li .rep_ico1.ico4{background:url("../images/contents/rep_ico6.gif") no-repeat 0 18px;} .network_report .rep_list li .rep_ico1.ico5{background:url("../images/contents/rep_ico7.gif") no-repeat 0 18px; padding:0 0 1px 30px;} /* 자연재난으로 인한 사유시러 피해지원 지원절차*/ .network_step1{position:relative; background:url("../images/contents/nstep1.gif") no-repeat 0 0; width:730px; height:100px; margin-bottom:50px; } .network_step1 .nt_st1 li:first-child{margin:0 0 0 0} .network_step1 .nt_st1 li{float:left; width:100px; margin:0 0 0 26px; text-align:center; line-height:16px;} .network_step1 .nt_st1 li:first-child strong{padding:45px 0 0 0} .network_step1 .nt_st1 li strong{display:block; color:#555;padding:25px 0 0 0} .network_step1 .nt_st1 li strong.st0{padding:25px 0 0 0} .network_step1 .nt_st1 li strong.st1{padding:35px 0 0 0} .network_step1 .nt_st1 li strong.st2{padding:32px 0 0 0} .network_step1 .nt_st1 li strong.st3{padding:38px 0 0 0} .network_step1 .nt_st1 li strong.st4{padding:30px 0 0 0} .network_step1 .nt_st1 li strong.st5{padding:45px 0 0 0} .network_step1 .nt_st1 li strong.st6{padding:55px 0 0 0} .network_step1 .nt_st1 li strong.st7{padding:10px 0 0 0} .network_step1 .nt_st1 li strong.st8{padding:90px 0 0 0} .network_step1 .nt_st1 li strong.st9{padding:16px 0 0 0} .network_step1 .nt_st1 li strong.st10{padding:5px 0 0 0} .network_step1 .nt_st1 li strong.st11{padding:50px 0 0 0} .network_step1 .nt_st1 li.bx1{width:160px !important;} .network_step1 .nt_st1 li.bx2{width:140px !important;} .network_step1 .nt_st1 li.bx3{width:175px !important;} .network_step1 .nt_st1 li.bx4{width:240px !important;} .network_step1 .nt_st1 li.bx5{width:80px !important;} .network_step1 .nt_st1 li.bx6{width:200px !important;} .network_step1 .nt_st1 li.bx7{width:255px !important;} /* 주택피해자 등에 대한 의연금 지원*/ .network_step1.step2{background:url("../images/contents/nstep2.gif") no-repeat 0 0; width:724px; height:100px; margin-bottom:50px;} /* 지원 절차 자연재난 피해주민 간접지원 */ .network_step1.step3{background:url("../images/contents/nstep3.gif") no-repeat 0 0; width:678px; height:100px; margin-bottom:50px;} .network_step1.step3 .nt_st1 li:first-child{margin:0 0 0 0} .network_step1.step3 .nt_st1 li{width:110px; margin:0 0 0 46px;} /* 지원 절차 사유시설 피해에대한 재해복구 융자금 지원 */ .network_step1.step4{background:url("../images/contents/nstep4.gif") no-repeat 0 0; width:724px; height:100px; margin-bottom:50px;} /* 지원 절차 재해 농 어 임가 경영자금 지원 */ .network_step1.step5{background:url("../images/contents/nstep5.gif") no-repeat 0 0; width:720px; height:100px; margin-bottom:50px;} .network_step1.step5 .nt_st1 li:first-child{margin:0 0 0 0} .network_step1.step5 .nt_st1 li{width:150px; margin:0 0 0 40px;} /* 지원 절차 재해 농 어 임가 경영자금 지원 */ .network_step1.step6{background:url("../images/contents/nstep6.gif") no-repeat 0 0; width:720px; height:120px; margin-bottom:50px;} .network_step1.step6 .nt_st1 li:first-child{margin:0 0 0 0} .network_step1.step6 .nt_st1 li{width:140px; margin:0 0 0 30px;} /* 건강보험료 경감 및 국민연금보험료 납부 예외 */ .network_step1.step7{background:url("../images/contents/nstep7.gif") no-repeat 0 0; width:720px; height:120px; margin-bottom:50px;} .network_step1.step7 .nt_st1 li:first-child{margin:0 0 0 0} .network_step1.step7 .nt_st1 li{width:130px; margin:0 0 0 30px;} .network_step1.step7 .nt_st1 li .bx_li1{margin:28px 0 0 0;} /* 전기요금 및 통신료, 상하수도 요금 감면 */ .network_step1.step8{background:url("../images/contents/nstep8.gif") no-repeat 0 0; width:720px; height:200px; margin-bottom:50px;} .network_step1.step8 .nt_st1 li:first-child{margin:0 0 0 0} .network_step1.step8 .nt_st1 li{width:120px; margin:0 0 0 30px;} .network_step1.step8 .nt_st1 li .bx_li1{margin:34px 0 0 0;} .network_step1.step8 .nt_st1 li .bx_li2{margin:28px 0 0 0;} .network_step1.step8 .nt_st1 li .bx_li3{margin:22px 0 0 0;} .network_step1.step8 .nt_st1 li.bx_w{width:100px;} .network_step1.step8 .nt_st1 li.bx_w1{width:270px;} .network_step1.step8 .nt_st1 li span{font-weight:normal} /* 건강보험료 경감 및 국민연금보험료 납부 예외 */ .network_step1.step9{background:url("../images/contents/nstep9.gif") no-repeat 0 0; width:726px; height:299px; margin-bottom:50px;} .network_step1.step9 .nt_st1 li:first-child{margin:0 0 0 0} .network_step1.step9 .nt_st1 li{width:100px; margin:0 0 0 30px;} .network_step1.step9 .nt_st1 li .bx_li1{margin:47px 0 0 0;} .network_step1.step9 .nt_st1 li .bx_li2{margin:35px 0 0 0;} .network_step1.step9 .nt_st1 li .bx_li3{margin:22px 0 0 0;} .network_step1.step9 .nt_st1 li.bx_w{width:100px;} .network_step1.step9 .nt_st1 li.bx_w1{width:270px;} .network_step1.step9 .nt_st1 li span{font-weight:normal} .network_step1.step9 .nt_st1 li strong.st11{padding:123px 0 0 0} .network_step1.step9 .nt_st1 li .fl_l{float:left; width:105px; margin:0 25px 0 0;text-align:center;} .network_step1.step9 .nt_st1 li .fl_r{float:left; width:125px; text-align:center;} /* 재해위로금 지급기준 */ .network_step1.step10{background:url("../images/contents/nstep10.gif") no-repeat 0 0; width:730px; height:100px; margin-bottom:50px;} .network_step1.step10 .nt_st1 li:first-child{margin:0 0 0 0} .network_step1.step10 .nt_st1 li{width:210px; margin:0 0 0 40px;} /* 재해위로금 지급기준 */ .network_step1.step11{background:url("../images/contents/nstep11.gif") no-repeat 0 0; width:730px; height:100px; margin-bottom:50px;} .network_step1.step11 .nt_st1 li:first-child{margin:0 0 0 0} .network_step1.step11 .nt_st1 li{width:220px; margin:0 0 0 30px;} .network_step1.step11 .nt_st1 li span{font-weight:normal} /* 농어업재해보험 지급절차 */ .network_step1.step12{background:url("../images/contents/nstep12.gif") no-repeat 0 0; width:730px; height:110px; margin-bottom:50px;} .network_step1.step12 .nt_st1 li:first-child{margin:0 0 0 0} .network_step1.step12 .nt_st1 li{width:90px; margin:0 0 0 28px;} .network_step1.step12 .nt_st1 li.bx_w{width:105px;} .network_step1.step12 .nt_st1 li span{font-weight:normal} /* 재난피해자 심리지원 */ .network_step1.step13{background:url("../images/contents/nstep13.gif") no-repeat 0 0; width:730px; height:110px; margin-bottom:50px;} .network_step1.step13 .nt_st1 li:first-child{margin:0 0 0 0} .network_step1.step13 .nt_st1 li{width:95px; margin:0 0 0 30px;} .network_step1.step13 .nt_st1 li.bx_w{width:355px;} .network_step1.step13 .nt_st1 li.bx_m{margin:0 0 0 25px;} .network_step1.step13 .nt_st1 li .bx_li1{margin:5px 0 0 0;} /* 병력동원 예비군 훈련연기 */ .network_step1.step14{background:url("../images/contents/nstep14.gif") no-repeat 0 0; width:730px; height:100px; margin-bottom:50px;} .network_step1.step14 .nt_st1 li:first-child{margin:0 0 0 0} .network_step1.step14 .nt_st1 li{width:160px; margin:0 0 0 30px;} /* new add */ @media screen and (max-width:480px){ .network_map03 .map03_tit1{display:none} .network_map03{width:255px; margin:0 auto} .network_map03 ul{margin:0; } .net_map .map_nli{width:160px; margin:0 auto;} .network_map02 .net_mbox1{float:none !important; width:210px; margin:0 auto !important; text-align:center;} } @media screen and (max-width:640px){ .net_map{width:auto !important} .net_map .tbox{margin:0 0 0 0 !important; margin:0 auto !important} .net_map .map_nli{background:none !important;} .network_map02{width:auto !important; height:auto !important; margin:0 auto;} .network_map02 .net_mbox{position:static; margin:0 auto; height:230px;} .network_map02 .net_mbox1{position:static;float:left; margin:0 10px 0 40px} .network_map03{background:none} .network_map03 .de_box1{position:static; border:none } .network_map03 .map03_tit1{color:#555;} .network_map03 .map03_tit1.tit2{top:500px} .network_map03 .map03_tit1.tit3{top:950px} .network_map03 .map03_tit1.tit4{top:1380px} .network_map06{background:none; width:260px; margin:0 auto} .network_map06 .map06_tit1{margin:0 auto !important; display:block; margin-bottom:20px !important;} .network_map06 .de_box0{position:static;} .network_map06 li:first-child{padding:0 0 0 0} .network_map06 .map06_tit1{margin:0 0 0 0} .network_map06 li{padding:0 0 0 0; width:100%; margin:0 auto; margin-bottom:30px;} .network_map06 li .tit_bx{width:240px;} .network_trick .trick_group1 .trick_ico{left:20px;} .network_trick .trick_group1 .trick_ico span img{width:50%;} .network_trick .trick_group1 h3{padding:20px 0 15px 130px !important;} .network_trick .trick_group1 .trick_list{margin:0 20px 0 130px;} .network_step1{display:none;} .network_mstep1{display:block;} .network_mstep1{margin:0 0 20px 25px} .network_report{ background:url("../images/contents/net_report_1.gif") no-repeat center 145px; width:270px; height:800px; margin:0 auto;} .network_report .tit1{position:static; margin:20px 0 0 0 !important; text-align:center; width:270px;} .network_report .rep_stit{position:static; margin:20px 0 0 0 !important} .network_report .tit2{position:static; margin:20px 0 0 0 !important} .network_report .rep_stit1{position:static; } .network_report .rep_list{margin:20px 0 0 0; padding:0 0 0 0} } @media screen and (min-width:641px){ .network_mstep1{display:none;} } /* 2018-09-03 콘텐츠 css 이동 가평소개 > 행정지도 */ #picture.map_plugin { overflow: hidden; position: relative; border: 0px solid #000000;} #picture.map_plugin #thumbnail {cursor: pointer;} #picture.map_plugin #full { position: relative; cursor: crosshair; } /*2016-08-04 행정정보>정보공개>조직정보공개 */ .key_1218 .contgroup{padding:0 0 5px 30px;} /* 청사안내 탭메뉴 스타일 */ .cnt189_tab{} .cnt189_tab ul{width:100%;} .cnt189_tab ul.line_tb{border-top:1px solid #ededed;} .cnt189_tab ul.line_tb{border-bottom:1px solid #ededed;} .cnt189_tab ul li{float:left;margin:0 0 0 1px;} .cnt189_tab ul li:first-child{} .cnt189_tab ul li button{display:block;height:40px;margin:0;padding:0;background:none;border:0;vertical-align:top;} .cnt189_tab ul li button strong{display:block;height:40px;padding:0 0 8px 0;vertical-align:top;} .cnt189_tab ul li button strong span{display:block;height: 40px;padding: 0px 27px;background-color: #fff;color: #3d3d3d;line-height: 40px;vertical-align:top;} .cnt189_tab ul li.on button strong span{color: #3d3d3d;} .cnt189_tab ul li.on span{background-color: #ededed;} .build_img{padding:50px 0;text-align:center;} .build_img img{width:100%;max-width:688px;} .cnt189_tab .place_info {float:left;width:100%;border:1px solid #bfd1e1; border-top:2px solid #146bb6; padding:2em; margin:20px 0 40px 0;} .cnt189_tab .place_info li {float:left; width:33%; padding-left:10px; background:url("../images/icon/bulIcon07.png") no-repeat 0 9px;} @media all and (max-width:667px) { div.cnt189_tabcontent ul li{width:50%;box-sizing:border-box;} } @media all and (max-width:375px) { .cnt189_tab{height:140px;padding:0;} #contents div.cnt189_tab h2{position:static;top:auto;left:auto;width:100%;} .cnt189_tab ul li:first-child{margin:0;} .cnt189_tab ul li button strong span{padding:0 23px 0 24px;} } /* 분야별 정보 - 부동산지적 - 부동산거래신고안내 박스 절차*/ .box_step{} .box_step ul li{position:relative;width: 20.5%;height: 146px;margin-right:38px;margin-bottom:30px;float:left;text-align:center;border: 1px solid #3277C2;} .box_step ul li:after{content:""; display:block; position:absolute; right:-23px; bottom:64px; width:7px; height:11px; background: url("/site/portal/images/contents/temp_box_icon.png") 0 0 no-repeat;} .box_step ul li:last-child{margin-right:0; border:2px solid #0C7C6B;} .box_step ul li:last-child:after{display:none;} .box_step ul li span{display:block; width:100%; height:57px; color:#fff; font-size:16px; line-height:57px; background:#3277C2;} .box_step ul li:last-child span{background:#0C7C6B;} .box_step ul li:last-child p{color:#0C7C6B;} .box_step ul li p{color:#3277C2;margin: 7% 0;height: 47px; font-weight:600;} .box_step ul li p.txt{margin: 23% 0 !important; line-height: 20px !important;} .box_step.small ul li{height:70px;} .box_step.small ul li p.txt{margin: 8% 0 !important;line-height: 20px !important;} .box_step.small ul li:after{content:""; display:block; position:absolute; right:-23px; bottom:30px; width:7px; height:11px; background: url("/site/portal/images/contents/temp_box_icon.png") 0 0 no-repeat;} @media screen and (max-width:1200px){ .box_step ul li{width:40%; margin-right:5%;} .box_step ul li:after{right:-9%; } .box_step ul li p.txt{margin: 15% 0 !important;} } @media screen and (max-width:640px){ .box_step.small ul li:after{right:-18px;} } @media screen and (max-width:450px){ .box_step ul li{height: 165px;} .box_step.small ul li:after{right:-14px;} } /* 민원콜센터 */ .title_img img{width:100%;} .minwon_title{font-size:17px; font-weight:500;} .minwon_time{text-align:center; margin:40px 0 0 0; font-size:16px; font-weight:500;} .minwon_time p{font-weight:400;} .minwon_time>ul{display:inline-block;} .minwon_time>ul>li{float:left;height: 181px;} .minwon_time>ul>li:nth-child(1){width:51%;border:2px solid #4F91C9;border-radius: 150px;} .minwon_time>ul>li:nth-child(2){width:51%;background:linear-gradient(to right,#1BACD0 0%,#4F91C9 100%);border-radius: 150px;color:#fff;margin-left:-20px;} .minwon_time>ul>li:nth-child(3){background:#F4F5F9; width:100%; height:167px; border-radius:50px; margin:24px 0;} .minwon_time>ul>li span{display:block;font-weight:600;font-size:19px;margin-bottom:5px;padding:10px 0; border-bottom: 1px dotted;} .minwon_time>ul>li:nth-child(1) span{color:#4F91C9;} .minwon_time>ul>li:nth-child(3) span{border-bottom:none; color:#4F91C9; margin-top: 6px;} .minwon_time>ul>li:nth-child(1) em{font-weight: 600;font-size: 33px;color: #fff;background: linear-gradient(to right,#1BACD0 0%,#4F91C9 100%);padding: 5px 40px;border-radius: 30px 0 30px 0;margin-top: 24PX;display: inline-block;} .minwon_time>ul>li:nth-child(3) p{margin-top:20px;} .minwon_time>ul>li:nth-child(2) em{padding: 7px 0; font-weight: 600; display: inline-block;} .minwon_time>ul>li .call_num{text-align: left; display: inline-block; margin-top: 5px;} .minwon_time>ul>li div{text-align:left; display:inline-block;} .minwon_time>ul>li:nth-child(3) ul li{font-size:16px; font-weight:500;} .minwon_ico{background:#3C6D97; padding:5px 0 4px 0; text-align:center; border-radius:50px 50px 0 0;} .minwon_ico img{} .minwon_ico span{color:#fff; font-size:18px; font-weight:600; margin-left:10px;} .minwon_list{ border-radius:0 0 50px 50px; margin-bottom:30px; border:2px solid #3C6D97;} .minwon_list>ul{display: inline-block;padding:20px 0 20px 70px; width: 100%;} .minwon_list>ul>li{position:relative; float:left; width:50%; padding:5px 0 5px 10px; font-size: 16px; font-weight: 500;} .minwon_list>ul>li:before{display:block;position:absolute;top:15px;left:0;width:5px;height:2px;background-color:#929395;} .minwon_btn{text-align: center;margin-bottom: 30px;} .minwon_btn a{display: inline-block;background-color: #3c6d97;width: 410px;color: #fff;font-size: 19px;font-weight: 600;border-radius: 30px;padding: 15px 0;transition: all 0.2s;} .minwon_btn a span{position: relative;padding-right: 20px;transition: all 0.2s;} .minwon_btn a span:before{display: block;position: absolute;right: 0;top: 5px;width: 8px;height: 8px;border-top: 3px solid #fff;border-right: 3px solid #fff;transform: rotate(45deg);content: '';} .minwon_btn a:hover{box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);} .minwon_btn a:hover span{padding-right: 30px;} @media screen and (max-width:800px){ .minwon_time>ul>li:nth-child(1) em{font-size: 25px;} } @media screen and (max-width:640px){ .minwon_time>ul>li{float:none; margin-bottom:10px;} .minwon_time>ul>li:nth-child(1){width:100%} .minwon_time>ul>li:nth-child(2){width:100%; margin-left:0;} .minwon_list>ul{padding: 20px 0 20px 26px;} } @media screen and (max-width:590px){ .minwon_list>ul>li{width:100%;} } /*참여군정 적극행정 소극행정 신고*/ .cts2200_list{position:relative;overflow:hidden} .cts2200_list .sg_list{overflow:hidden;width:102%} .cts2200_list .sg_list li{float:left;width:48%;margin:0 2% 19px 0} .cts2200_list .sg_list li .sj_box{position:relative;padding:40px;border:1px solid #bfd1e1;} .cts2200_list .sg_list li .sj_box:before{content:"";display:block;position:absolute;right:35px;bottom:45px;z-index:0} .cts2200_list .sg_list li .sj_box.ico_1:before{width:110px;height:110px;background:url(/site/portal/images/contents/cts2200_ico01.png)center right no-repeat;} .cts2200_list .sg_list li .sj_box.ico_2:before{width:110px;height:110px;background:url(/site/portal/images/contents/cts2200_ico02.png)center right no-repeat;} .cts2200_list .sg_list li .sj_box.ico_3:before{width:110px;height:110px;background:url(/site/portal/images/contents/cts2200_ico03.png)center right no-repeat;} .cts2200_list .sg_list li .sj_box.ico_4:before{width:110px;height:110px;background:url(/site/portal/images/contents/cts2200_ico04.png)center right no-repeat;} .cts2200_list .sg_list li .sj_box.color1{background-color:#E7F1FD} .cts2200_list .sg_list li .sj_box strong{display:block;color:#555;font-size:20px;font-weight:bold;line-height:24px} .cts2200_list .sg_list li .sj_box strong span{color:#318de7} .cts2200_list .sg_list li .sj_box p{margin:15px 0;min-height:66px;max-width:230px;line-height:22px;word-break:keep-all;text-align:left;overflow:hidden;text-overflow:ellipsis} .cts2200_list .sg_list.s365 li .sj_box p{min-height:110px} @media screen and (max-width:1200px){ .cts2200_list .sg_list li .sj_box.ico_1:before, .cts2200_list .sg_list li .sj_box.ico_2:before, .cts2200_list .sg_list li .sj_box.ico_3:before, .cts2200_list .sg_list li .sj_box.ico_4:before{background-size:80%;} } @media screen and (max-width:800px){ .cts2200_list .sg_list li{float:none;width: 98%;} .cts2200_list .sg_list li .sj_box.ico_1:before, .cts2200_list .sg_list li .sj_box.ico_2:before, .cts2200_list .sg_list li .sj_box.ico_3:before, .cts2200_list .sg_list li .sj_box.ico_4:before{background-size:100%;} } @media screen and (max-width:440px){ .cts2200_list .sg_list li .sj_box{padding:20px 40px 0 40px} .cts2200_list .sg_list li .sj_box.ico_1:before, .cts2200_list .sg_list li .sj_box.ico_2:before, .cts2200_list .sg_list li .sj_box.ico_3:before, .cts2200_list .sg_list li .sj_box.ico_4:before{background:none;} } /* 참여군정 참여마당 온라인 서명*/ .gradient_box {position:relative;} .gradient_box:before {display:block;position:absolute;width:100%;height:100%;background: linear-gradient(to right,#FCF7F4 0%,#ECF3FA 100%);z-index:-1;} .gradient_box .gra_box_wrap {padding:40px 100px 40px 50px;} .gradient_box .gra_box_wrap:before {display:block;position:absolute;right:97px;top:100px;width:224px;height:232px;background:url('/site/portal/images/contents/cts2213_icon.png') no-repeat;} .gradient_box .gra_box_wrap .gra_title {margin-bottom:30px;font-size:30px;color: #366067;font-weight: 500;letter-spacing:-0.1em;} .gradient_box .gra_box_wrap .gra_text {width:430px;font-size:16px;letter-spacing:-0.025em;line-height:25px;margin-bottom:40px;} .tul_btn{background: #366067;padding: 12px 72px;font-weight: 600;display: inline-block;color: #fff !important;border:1px solid #fff;} .tul_btn:hover{ background:none; color:#366067 !important; border:1px solid #366067;} .online_count{text-align: center; border: 1px solid #999; padding: 10px 30px;} @media screen and (max-width:1000px) { .gradient_box .gra_box_wrap:before {right:50px;} } @media screen and (max-width:800px) { .gradient_box:before {height:179px;} .gradient_box .gra_box_wrap {padding:80px 50px 60px 50px;} .gradient_box .gra_box_wrap:before {top:10px;right:-68px;background-size:51%;} .gradient_box .gra_box_wrap .gra_text {width:100%;} } @media screen and (max-width:640px) { .gradient_box .gra_box_wrap:before {right:-94px;background-size:42%;} .gradient_box .gra_box_wrap .gra_title {font-size:18px;margin-bottom:20px;} } @media screen and (max-width:480px) { .gradient_box:before {height:296px;} .gradient_box .gra_box_wrap {padding:165px 30px 60px 30px;} .gradient_box .gra_box_wrap:before {top:20px;right:0;left:0;width:184px;margin:0 auto;background-size:69%;} } /* 공공데이터 수요조사 */ .cts2227_img01 img {display:block;} .cts2227_img02 img {display:none;} @media screen and (max-width:1000px) { .cts2227_img01 img {width:100%;} } @media screen and (max-width:640px) { .cts2227_img01 img {display:none;} .cts2227_img02 img {width:100%; display:block;} } .cts2228_img01 {margin:0 auto; text-align:center; width:100%;} @media screen and (max-width:1000px) { .cts2228_img01 img {width:100%;} } /* 분야별 정보 보건 복지 가평군 어린이 음악놀이터 */ .tit_img{text-align:center; background:url('/site/portal/images/contents/cts2241_bg.jpg') no-repeat; height:321px; padding-top: 28px; margin-bottom:30px;} .tit_img img{height:317px;} ul.noriter_list{text-align:center; margin-top:50px; padding-top:30px; border-top:1px dotted #999;} ul.noriter_list li{float:left; width:50%; margin:10px 0;} ul.noriter_list li img{border:2px solid #f4f4f4; } ul.noriter_list li span{display:block; padding:10px 0 15px 0; border-bottom:1px solid #ededed;} @media screen and (max-width:700px) { ul.noriter_list li{width:100%;} } .h2_in_btn h2{display: inline-block;} /* 탭 */ .government_office table.table_t1 tbody td{font-size:1em;line-height: 1.4;vertical-align: middle;} .government_office .tab_nav .tab_item.tab_type2{width:101px;} /* 분야별 정보 보건복지 가평 추모공원 안내 */ .slide-list{position:relative; text-align:center; margin-bottom:40px;} .slide-area .slide img{width:100%;} .slide-area .slide_btn{position:absolute; right:0; bottom:0; z-index:1000; } .slide-area .slide_btn span{color:#fff;display: inline-block;} .slide-area .prev-btn {height:70px; width:150px; background: rgba(0,0,80,0.7); border-radius: 30px 0 0 0; float:left;} .slide-area .next-btn {height:70px; width:150px; background: rgba(0,60,0,0.8);} @media screen and (max-width:640px) { .slide-area .slide_btn span{font-size:12px;} .slide-area .prev-btn {height:30px; width:100px;} .slide-area .next-btn {height:30px; width:100px;} } /* 군정방침 */ .cts656 p.st1{color: #ff5d31;font-weight: 600;} /* 개인정보처리방침 */ .cts1139 .infographics_table{margin-top: 30px;} .cts1139 .infographics_table .sub_title span{} .cts1139 .infographics_table .sub_title p{font-weight: 400;margin-top: 10px;} .cts1139 .infographics_table .infographics_item .img_box{display: flex;align-items: center;justify-content: center;} .cts1139 .infographics_table .infographics_item .text_box{margin-top: 20px;} .cts1139 .infographics_table .infographics_item .title{font-weight: 600;margin-bottom: 5px;} .cts1139 .infographics_table .infographics_item .text{font-size: 13px;} .cts1139 .label_table{margin-top: 30px;} .cts1139 .label_table td{position: relative;} .cts1139 .label_table td .title{margin-top: 10px;} .cts1139 .label_table td .over_text{position: absolute;display: none;background-color: #0d73bd;color: #fff;width: 100%;padding: 20px;z-index: 100;margin-left: -7px;} .cts1139 .label_table td:hover > .over_text{display: block;} .cts1139 .cts1139_box.table_t1 td{background-size: 30px !important;font-size: 15px;text-align: left;padding: 12px 10px 12px 48px} .cts1139 .cts1139_box.table_t1 td.ico01{background: url(/site/portal/images/contents/cts1139_img01_2025.jpg) no-repeat 10px 5px;} .cts1139 .cts1139_box.table_t1 td.ico02{background: url(/site/portal/images/contents/cts1139_img02_2025.jpg) no-repeat 10px 5px;background-size: 65px !important;padding-left: 85px;} .cts1139 .cts1139_box.table_t1 td.ico03{background: url(/site/portal/images/contents/cts1139_img03_2025.jpg) no-repeat 10px 5px;} .cts1139 .cts1139_box.table_t1 td.ico04{background: url(/site/portal/images/contents/cts1139_img04_2025.jpg) no-repeat 10px 5px} .cts1139 .cts1139_box.table_t1 td.ico05{background: url(/site/portal/images/contents/cts1139_img05_2025.jpg) no-repeat 10px 5px;} .cts1139 .cts1139_box.table_t1 td.ico06{background: url(/site/portal/images/contents/cts1139_img06_2025.jpg) no-repeat 10px 5px;background-size: 65px !important;padding-left: 85px;} .cts1139 .cts1139_box.table_t1 td.ico07{background: url(/site/portal/images/contents/cts1139_img07_2025.jpg) no-repeat 10px 5px;} .cts1139 .cts1139_box.table_t1 td.ico08{background: url(/site/portal/images/contents/cts1139_img08_2025.jpg) no-repeat 10px 5px;} .cts1139 .cts1139_box.table_t1 td.ico09{background: url(/site/portal/images/contents/cts1139_img09_2025.jpg) no-repeat 10px 5px;} .cts1139 .cts1139_box.table_t1 td.ico10{background: url(/site/portal/images/contents/cts1139_img10_2025.jpg) no-repeat 10px 5px;} .cts1139 .cts1139_box.table_t1 td.ico11{background: url(/site/portal/images/contents/cts1139_img11_2025.jpg) no-repeat 10px 5px;} .cts1139 .cts1139_box.table_t1 td.ico12{background: url(/site/portal/images/contents/cts1139_img12_2025.jpg) no-repeat 10px 5px;} .cts1139 .cts1139_box.table_t1 td.ico13{background: url(/site/portal/images/contents/cts1139_img13_2025.jpg) no-repeat 10px 5px;} .cts1139 .cts1139_box.table_t1 td.ico14{background: url(/site/portal/images/contents/cts1139_img14_2025.jpg) no-repeat 10px 5px;} .cts1139 .cts1139_box.table_t1 td.ico15{background: url(/site/portal/images/contents/cts1139_img15_2025.jpg) no-repeat 10px 5px;} .cts1139 .cts1139_box.table_t1 td.ico16{background: url(/site/portal/images/contents/cts1139_img16_2025.jpg) no-repeat 10px 5px;} .cts1139 .cts1139_box.table_t1 td.ico17{background: url(/site/portal/images/contents/cts1139_img17_2025.jpg) no-repeat 10px 5px;} .personalinfo{margin-top: 40px;} #contents .personalinfo h2{background: none;padding-left: 0;} .personalinfo h2 img{margin-left: 5px;} .personalinfo .text{margin: 5px 0;} .personalinfo .boxTxt{border-color: #898989;} .personalinfo .boxTxt p{background-color: #f2f2f2;font-size: 15px;margin-left: 0;} .personalinfo .box_step{background: #f8fbff;border-radius: 30px;padding: 30px 25px;margin-bottom: 25px;} .personalinfo .box_step ul li{width: calc(14.28% - 22px);height: 100px;border-radius: 20px;margin-right: 25px;margin-bottom: 0;} .personalinfo .box_step ul li:last-child{margin-right: 0;} .personalinfo .box_step ul li:after{right: -18px;bottom: 43px;} .personalinfo .box_step ul li p.txt{margin: 17px 0 !important;} /* 4개일때 */ .personalinfo .box_step.length4 ul li{width: calc(25% - 22px);} .personalinfo .btn_st1{padding: 10px 20px;} .personalinfo ol.num > li{font-size: 15px;line-height: 2.0em;margin-bottom: 15px;} .personalinfo ol.num li ul li{background: none;} .personalinfo .btnTy01 a{background-color: #6597cd;} .personalinfo .btnTy01.btnBg03{background: #2d6bae url(../images/icon/btnBg03.png) no-repeat 10px 50%;margin: 10px 0;} .personalinfo .btnTy01.btnBg04{background: #2d6bae url(../images/icon/btnBg04.png) no-repeat 10px 50%;margin: 10px 0;} @media screen and (max-width:1200px){ .personalinfo .box_step ul li{width: calc(33.33% - 20px); margin: 10px 10px 10px;} .personalinfo .box_step ul li:after{right:-8%; } .personalinfo .box_step ul li p.txt{margin: 15% 0 !important;} } @media screen and (max-width:640px){ .personalinfo .box_step ul li{width: calc(50% - 20px);} .personalinfo .box_step.small ul li:after{right:-18px;} } /* 종합체육대회 군민 서명운동 */ .cts2367_box{text-align: center;border: 5px solid #efefef;box-sizing: border-box;border-bottom: none;padding-top: 20px;} .cts2367_box .title{font-size: 20px;font-weight: 600;margin-bottom: 5px;} .cts2367_box_bottom{text-align: center;border: 5px solid #efefef;border-top: none;padding-bottom: 20px;padding-top: 5px;margin-top: -5px;} .cts2367{text-align: center;margin: 20px 0;} /* 2430_온라인서명 참여 (서명운동) */ .cts2430{text-align: center;margin: 20px 0;} .cts2430_box{text-align: center;border: 5px solid #efefef;box-sizing: border-box;padding: 20px 0 14px;} .cts2430_box .title{font-size: 20px;font-weight: 600;margin-bottom: 5px;} .cts2430_radio .sd_input{display: inline-block;margin: 0 5px;} /* 카카오맵 공통 */ .root_daum_roughmap .wrap_btn_zoom button:focus{outline:auto;} /* radio 공통 */ #board input:focus{outline: auto;} /* 2498_청년정책 주요 사이트 */ .cts2498 .st_play{} .cts2498 .st_play li{width: 48%;} @media (max-width: 740px) { .cts2498 .st_play li{float: none; width:100%;} } /* 2501_주정차 위반 업무절차 */ .step.width .step_list{display: block;overflow: hidden;margin-bottom: 20px;} .step.width .step_list .step_item{float: left;position: relative;width: calc(50% - 20px);text-align: center;border: 2px solid #3277C2;margin-right: 40px;} .step.width .step_list .step_item:after{content:"";display: block; position: absolute; right: -26px; bottom: 50%; width:7px; height:11px; background: url("/site/portal/images/contents/temp_box_icon.png") 0 0 no-repeat;} .step.width .step_list .step_item .step_inner{display: flex;align-items: center;justify-content: center;min-height: 130px;color: #3277C2;font-weight: 600;padding: 20px;} .step.width .step_list .step_item .step_inner ul.bu{margin: 0 !important;line-height: 1.5 !important;} .step.width .step_list .step_item:last-child{margin-right:0; border: 2px solid #0C7C6B;} .step.width .step_list .step_item:last-child:after{display:none;} .step.width .step_list .step_item:last-child .step_inner{text-align: left;justify-content: left;} @media screen and (max-width: 640px){ .step.width .step_list{margin-bottom: 10px;} .step.width .step_list .step_item{width: 100%;margin-right: 0;margin-bottom: 20px;} .step.width .step_list .step_item .step_inner{display: block;min-height: auto;} .step.width .step_list .step_item:after{right: 50%;bottom: -18px;margin-right: -4px;transform: rotate(90deg);} } /* 2503_주민신고제 */ .cts2503 .cts2503_img img{width: 100%;} /* 505_군민의 소리 */ /* --예전 .cts505 ul.bu li{margin: 5px 0;} .cts505 .btnTy01 a{height:40px; line-height:40px; color:#3277c2 !important;background-color:#fff;border: 1px solid #3277c2;} */ .quick_box{margin-bottom: 20px;} .quick_box .quick_item{float: left;width: calc(33.33% - 20px);text-align: center;border: 2px solid #3277c2;border-radius: 25px;padding: 20px;margin-right: 30px;} .quick_box .quick_item:nth-child(3n + 1){clear: both;} .quick_box .quick_item:nth-child(3n){margin-right: 0;} .quick_box .quick_inner{position: relative;min-height: 140px;} .quick_box .quick_item .text{font-size: 17px;word-break: keep-all;margin-bottom: 15px;} .quick_box .btnTy01{position: absolute;left: 0;bottom: 0;width: 100%;} .quick_box .btnTy01 a{width: calc(100% - 45px);height: auto;line-height: 1.4;padding: 15px 0;} .blank_box{border: 2px solid #3277c2;border-radius: 25px;} .blank_box .box_inner{display: grid;grid-template-columns: 75% 25%;padding: 30px 40px;} .blank_box .box_inner ul.bu{font-size: 17px;margin-left: 0 !important;margin-bottom: 15px !important;} .blank_box .btnTy01 a{width: calc(100% - 65px);height: auto;text-align: center;line-height: 1.4;padding: 28px 10px;} @media screen and (max-width: 1200px){ .quick_box .quick_inner{min-height: 175px;} } @media screen and (max-width: 800px){ .quick_box .quick_item:last-child{margin-bottom: 0;} .quick_box .quick_item{float: none;width: 100%;margin-bottom: 20px;margin-right: 0;} .quick_box .quick_inner{min-height: auto;} .quick_box .quick_item .text{font-size: 14px;} .quick_box .btnTy01{position: relative;} .blank_box .box_inner{display: block;} .blank_box .box_inner ul.bu{font-size: 14px;} .blank_box .btnTy01{width: 100%;} .blank_box .btnTy01 a{padding: 15px 10px;} } /* 798_무인민원발급기 */ .cts798 .map_box .map_ico{margin: 0 5px;} /* 2529_영상정보처리기기 운영방침 */ .videopolicy .small_ico{width: 30px;margin: 0 2px;} .videopolicy h3.rowgroup_h3{} .videopolicy .label_table .label_title{font-size: 16px;font-weight: 700;margin-top: 12px;} .videopolicy .label_table .label_text{min-height: 55px;font-size: 13px;border-top: 1px dashed #ccc;margin-top: 10px;padding-top: 10px;} .videopolicy .chapter_table{margin-top: 30px;} .videopolicy .chapter_table .table_t1 td{text-align: left;} .videopolicy .rowgroup{margin-top: 50px;} .videopolicy .rowgroup_item{background: #f1f8ff;border: 2px solid #f1f8ff;padding: 0 20px;margin-bottom: 20px;} .videopolicy .rowgroup_item .small_ico{margin-left: 0;} .videopolicy .rowgroup_item .rowgroup_title{display: flex;height: 50px;align-items: center;} .videopolicy .rowgroup_item .rowgroup_title h2{display: inline-block;background: none !important;padding-left: 0 !important;margin: 0 0 0 10px !important; cursor: pointer;} .videopolicy .rowgroup_item .details{display: none;padding: 0 40px;margin-top: 15px;} .videopolicy .rowgroup_item .details .rowgroup_h3{margin-top: 20px;margin-left: 0 !important;} .videopolicy .rowgroup_item .details p{margin-bottom: 20px;} .videopolicy .rowgroup_item .details .bu{margin-left: 0 !important;} .videopolicy .rowgroup_item .details .btn_text{margin-bottom: 20px;} /* active */ .videopolicy .rowgroup_item.active{background: #fff;border: 2px solid #3277c2;} .videopolicy .rowgroup_item.active .details{display: block;} @media screen and (max-width: 800px){ .videopolicy .rowgroup_item .details{padding: 0 20px;} } @media screen and (max-width: 640px){ .videopolicy .rowgroup_item{margin-bottom: 10px;} .videopolicy .rowgroup_item .rowgroup_title{height: auto;padding: 10px 0;} .videopolicy .rowgroup_item .rowgroup_title h2{font-size: 17px !important;line-height: 1.2 !important;} .videopolicy .rowgroup_item .details{padding: 0;} } /* 2572_선거인명부 열람 */ .elector .elector_title h2{background: none !important;padding-left: 0 !important;text-align: center;} .elector .elector_title span{display: block;font-size: 1.8em;font-weight: 700;} .elector .elector_info .info_item + .info_item{margin-top: 5px;} .elector .elector_info .info_item .title{display: inline-block;background-color: #ef6102;width: 105px;text-align: center;font-weight: 700;color: #fff;border-radius: 30px;padding: 5px 0;margin-right: 15px;} .elector .elector_info .info_item ul.bu{display: inline-block;margin: 0 !important;} .elector .elector_sec{background-color: #f7f7f7;width: 75%;border-radius: 10px;padding: 40px 50px;margin: 30px auto;} .elector .elector_sec .notice{text-align: center;font-weight: 700;font-size: 16px;color: #e84041;word-break: keep-all;margin-bottom: 20px;} .elector .elector_sec .sec_title{font-size: 20px;font-weight: 600;color: #003867;margin-bottom: 10px;} .elector .elector_sec .caption{font-size: 13px;margin-top: 3px;} .elector .elector_sec .form_item{display: flex;align-items: center;min-height: 35px;} .elector .elector_sec .form_item + .form_item{margin-top: 5px;} .elector .elector_sec .form_item input[type="text"]{flex: 1;background-color: #fff;border-radius: 5px;width: calc(100% - 100px);height: auto;min-height: 35px;line-height: 1.4;border: 1px solid #ddd;padding: 3px 7px;} .elector .elector_sec .form_item .title{width: 100px;font-weight: 700;} .elector .elector_sec .form_item .sd_input + .sd_input{margin-left: 20px;} .elector .elector_sec .form_item.birth .text{margin-left: 7px;margin-right: 2px;} .elector .elector_sec .form_item.birth .input_box{flex: 1;} .elector .elector_sec .form_item.birth input[type="text"]{width: 100px;} .elector .elector_sec .form_item.birth input[type="text"].type02{width: 60px;} .elector .elector_sec .elector_btn{display: flex;justify-content: center;gap: 20px;margin-top: 25px;} .elector .elector_sec .elector_btn .btn{flex: 1;top: 0;} .elector .elector_sec .elector_btn .btn a{display: inline-block;background-color: #003867;width: 100%;color: #fff;font-size: 15px;font-weight: 600;border: 1px solid #003867;border-radius: 5px;box-sizing: border-box;padding: 10px 0;transition: 0.2s;} .elector .elector_sec .elector_btn .btn a:hover{background-color: #fff;color: #003867;} .elector .elector_sec .elector_btn .btn.type02 a{background-color: #3277c2;border-color: #3277c2;} .elector .elector_sec .elector_btn .btn.type02 a:hover{background-color: #fff;color: #3277c2;} .elector .elector_sec .elector_btn .btn.type03 a{background-color: #888;border-color: #888;} .elector .elector_sec .elector_btn .btn.type03 a:hover{background-color: #fff;color: #888;} .elector .elector_result{text-align: center;} .elector .elector_result .result_text{font-size: 16px;line-height: 1.7;word-break: keep-all;} .elector .elector_result .result_text em{font-weight: 700;} .elector .elector_result .result_text .font_color01{color: #e84041;font-weight: 700;} .elector .elector_result .result_text .font_color02{color: #0072bc;font-weight: 700;} .elector .elector_result .result_text .text_sub{margin-top: 15px;font-size: 15px;} .elector .elector_contact h3{margin-left: 0 !important;} .elector .elector_contact .table{margin-top: 10px} @media screen and (max-width: 860px){ .elector .elector_info .info_item .title{width: 95px} .elector .elector_sec{width: 85%;} } @media screen and (max-width: 640px){ .elector .elector_info .info_item ul.bu{display: block;margin-top: 5px !important;} .elector .elector_sec{width: 100%;padding: 30px 20px;margin: 20px auto;} .elector .elector_sec .notice{font-size: 14px;margin-bottom: 15px;} .elector .elector_sec .sec_title{font-size: 18px;} .elector .elector_sec .form_item .title{width: 70px;} .elector .elector_sec .form_item.birth .text{margin-left: 5px;margin-right: 0;} .elector .elector_sec .form_item.birth input[type="text"]{width: 70px;} .elector .elector_sec .form_item.birth input[type="text"].type02{width: 45px;} .elector .elector_sec .elector_btn{gap: 10px;margin-top: 20px;} .elector .elector_result .result_text{font-size: 15px;} .elector .elector_result .result_text .text_sub{font-size: 14px;} }