@charset "utf-8";

/* ---------- sub01 ---------- */
/* 민원실안내 */
.mw_center{border:0;padding:0}
.mw_center_info{border:1px solid #e1e1e1;padding:20px}
.mw_center_info p{font-size:18px;text-align:center;color:#252525;border-bottom:1px solid #dedede;margin:0 0 20px 0;padding:0 0 10px 0}
.mw_center_info p strong{color:#223e99}
.mw_center_info ul{}
.mw_center_info>ul>li{margin:0 0 10px 0}
.mw_center_info li *{vertical-align:middle}
.mw_center_info li span{display:inline-block;width:30px;height:25px;padding:5px 0 0 0;border-radius:30px;background:#c9d1e5;color:#000;text-align:center}
.mw_center_info li.col1 span{background:#01267e;color:#fff;margin:0 0 5px 0}
.mw_center_info li em{font-size:16px;font-style:normal}
.mw_center_info li strong{color:#223e99;margin:0 0 0 10px}
@media all and (min-width:768px) {
.mw_center_info>ul{overflow:hidden}
.mw_center_info>ul>li{float:left;width:50%}
.mw_center_info>ul>li.col1{width:100%;overflow:hidden}
}
@media all and (min-width:1023px) {
.mw_center_info{overflow:hidden;padding:30px 30px 30px 0}
.mw_center_info p{float:left;border-bottom:none;border-right:1px dotted #dedede;padding:100px 0 20px 0;margin:0 30px 0 0;width:170px;font-size:16px;background:url("/images/01_potal/sub01/mw_center_tel.gif") no-repeat center 20px}
.mw_center_info p strong{display:block;font-size:24px;margin:5px 0 0 0}
.mw_center_info>ul{float:left;width:600px}
}

/* 분야별민원 */
.type_minwon{background:#f4f6fb;margin:0 0 100px 0}
.type_minwon ul{border-top:1px solid #dedede;border-left:1px solid #dedede;overflow:hidden}
.type_minwon li{line-height:1.25em;float:left;width:50%;text-align:center;background:#fff}
.type_minwon li a{display:block;padding:120px 0 0 0;border-right:1px solid #dedede;border-bottom:1px solid #dedede;height:35px;background:url("/images/01_potal/sub01/type_minwon.png") no-repeat;}
.type_minwon li a:hover{font-weight:600;;color:#333;text-decoration:underline}
.type_minwon li.ic01 a{background-position:center 20px;}
.type_minwon li.ic02 a{background-position:center -150px;}
.type_minwon li.ic03 a{background-position:center -320px;}
.type_minwon li.ic04 a{background-position:center -490px;}
.type_minwon li.ic05 a{background-position:center -660px;}
.type_minwon li.ic06 a{background-position:center -830px;}
.type_minwon li.ic07 a{background-position:center -1000px;}
.type_minwon li.ic08 a{background-position:center -1170px;}
.type_minwon li.ic09 a{background-position:center -1340px;}
.type_minwon li.ic10 a{background-position:center -1510px;}
.type_minwon li.ic11 a{background-position:center -1680px;}
@media all and (min-width:768px) {
.type_minwon{padding:15px}
.type_minwon li{width:25%}
}

/* 민원신청 */
.fvminwon_box{border-top:1px solid #223e99;border-bottom:1px solid #e6e6e6;background:url("/images/01_potal/sub01/fv_minwon.png") no-repeat  center 20px #f9f9fb;margin:0 0 30px 0;padding:170px 20px 20px 20px;line-height:1.5em;text-align:center}
.fvminwon_box .btn{margin:15px 0 0 0}
.fv_minwon ul{border-top:1px solid #dedede;border-left:1px solid #dedede}
.fv_minwon li{line-height:1.25em}
.fv_minwon li a{display:block;padding:15px 5px 0 45px;border-right:1px solid #dedede;border-bottom:1px solid #dedede;height:50px;background:url("/images/01_potal/sub01/fvicon.png") no-repeat 10px center}
.fv_minwon li a:hover{background:url("/images/01_potal/sub01/fvicon_on.png") no-repeat 10px center;font-weight:600;;color:#333;text-decoration:underline}
.fv_minwon li.row1 a{padding:22px 5px 0 45px;height:43px}
@media all and (min-width:768px) {
.fvminwon_box{background-position:40px center;padding:30px 30px 0 220px;text-align:left;min-height:150px}
.fv_minwon ul{overflow:hidden}
.fv_minwon li{float:left;width:25%}
}
@media all and (min-width:1023px) {
.fv_minwon li{float:left;width:20%}
}

/* 민원편람 */
.minwon_icon{background:#f4f6fb;border:1px solid #bcc5e0;padding:20px}
.minwon_icon li{padding:0 0 0 10px;background:url("/images/01_potal/common/li02.png") no-repeat 0 7px;font-size:16px;line-height:1.5em}
.minwon_icon li.on{font-weight:600;color:#223e99}
.minwon_icon li a{display:block;color:#333}
.minwon_icon li a:hover{color:#223e99;text-decoration:underline}
@media all and (min-width:768px) {
.minwon_icon{padding:30px 30px 0 30px}
.minwon_icon ul{overflow:hidden}
.minwon_icon li{float:left;padding:0;background:none;width:16.66666666666667%;height:130px;text-align:center;line-height:1em}
.minwon_icon li a{padding:80px 0 0 0;background:url("/images/01_potal/sub01/minwon_icon.png") no-repeat;}
.minwon_icon li.ico1 a{background-position:center 0px}
.minwon_icon li.ico2 a{background-position:center -110px}
.minwon_icon li.ico3 a{background-position:center -220px}
.minwon_icon li.ico4 a{background-position:center -330px}
.minwon_icon li.ico5 a{background-position:center -440px}
.minwon_icon li.ico6 a{background-position:center -550px}
.minwon_icon li.ico7 a{background-position:center -660px}
.minwon_icon li.ico8 a{background-position:center -770px}
.minwon_icon li.ico9 a{background-position:center -880px}
.minwon_icon li.ico10 a{background-position:center -990px}
.minwon_icon li.ico11 a{background-position:center -1100px}
}

/* ---------- sub02 ---------- */

/*평생학습*/
@media all and (min-width:1023px) {
.lec li {width: 127px;}
.lec .li_last {width: 50px;}
.lec li strong {height: 50px;}
.lec .li_last strong {height: 220px;padding-top: 30px; line-height: 50px;}
.lec li span {height: 150px; text-align: left; letter-spacing: -2px;}
.lec .lh50 {line-height: 50px;}
}

/* ---------- sub03 ---------- */
.work_ul{margin:10px 0 0 0}
.work_ul{border-top:1px solid #ddd;border-left:1px solid #ddd}
.work_ul li{font-weight:400;font-size:15px}
.work_ul li a{display:block;border:none;padding:0;}
.work_ul li a:hover{text-decoration:underline;border:none;color:#333}
.work_ul li a span{display:block;padding: 11px 10px 0 35px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;height: 27px;}
@media all and (min-width:768px) {
.work_ul{overflow:hidden}
.work_ul li{float:left;width:25%;}
}

.uj2020 div{border:1px solid #efefef;padding:20px;margin:0 0 15px 0}
.uj2020 p img{width:100%}
.uj2020 h4{margin-top:20px;font-size:20px}
.uj2020 ul{margin:0}
.uj2020_pc{display:none}
@media all and (min-width:768px) {
.uj2020 div{position:relative;padding:20px 20px 20px 340px;min-height:165px}
.uj2020 p{position:absolute;top:20px;left:20px;}
}
@media all and (min-width:1023px) {
.uj2020_mo{display:none}
.uj2020_pc{display:block}
}

/* 역점시책 */
.emp h4{width:150px;height:105px;background:#223e99;color:#fff;border-radius:100%;margin:20px auto 0 auto;padding:45px 0 0 0;text-align:center}
.emp h5{background:url("/images/01_potal/sub03/emp_dot.gif") no-repeat center 0;padding: 15px 0 0 0;margin:20px 0 0 0;font-weight:400;font-size:20px;color:#464646;text-align:center}
.emp p{text-align:center}
.emp>p img{width:100%}
.emp div>p{background:#e9edf6;border-radius:100%;width:140px;height:95px;padding:45px 0 0 0;margin:0 auto;font-size:18px;color:#223e99}
.emp .vision p{height:90px;padding:50px 0 0 0}
.emp>ul{margin:10px 0 0 0}
.emp>ul>li{padding:0 0 10px 0;margin:0 0 25px 0;border-bottom:1px dotted #dedede}
.emp li>span{display:block;border:20px solid #d9deea;background:#fff;border-radius:100%;width:100px;height:65px;padding:35px 0 0 0;margin:0 auto 10px auto;color:#252525;font-weight:600;text-align:center}
.emp li span a{color:#252525}
.emp li.row4>span{padding:20px 0 0 0;height:80px}
.emp li span strong{color:#019abf}
.emp li li{padding:0 0 0 10px;background:url("/images/01_potal/common/li02.png") no-repeat 0 7px;font-size:16px;line-height:1.5em}
@media all and (min-width:768px) {
.emp{position:relative}
.emp h4{width:190px;height:125px;padding:65px 0 0 0}
.emp>p img{width:auto}
.emp ul{overflow:hidden}
.emp>ul>li{float:left;width:23%;margin:0 1%;border:none}
.emp div{position:absolute;top:100px;overflow:hidden;padding:25px 0 0 0}
.emp div h5{margin:60px 0 0 0}
.emp div p{float:left}
.emp .vision{left:5%}
.emp .vision h5{float:right;background-position:right center;padding:0 20px 0 10px}
.emp .goal{right:5%}
.emp .goal h5{float:left;background-position:left center;padding:0 10px 0 20px}
}
@media all and (min-width:1023px) {    
.emp .vision{left:130px}
.emp .goal{right:130px}
}

/* 예산 */
.yesan_box{padding: 20px;background: #f4f6fb}
.yesan_box p.txt{background: url("/images/01_potal/common/ex_mark.png") no-repeat 0 2px;line-height:1.5em;padding: 0 0 0 20px}
.yesan_box p.btn{margin:10px 0 0 0;text-align:center}
.yesan p{border-top:1px solid #ddd;border-left:1px solid #ddd;margin:0 0 10px 0}
.yesan p a{display:block;border:none;padding:0}
.yesan p a:hover{text-decoration:underline;background-color:#f4f6fb;border:none}
.yesan p a span{display:block;padding:10px 10px 10px 35px;border-right:1px solid #ddd;border-bottom:1px solid #ddd}
@media all and (min-width:768px) {
.yesan_box{position:relative;padding:25px}
.yesan_box p.btn{position:absolute;top:20px;right:20px;margin:0}
.yesan p {overflow:hidden}
.yesan p a{width:50%;float:left}
.yesan p.col1 a{width:100%}
.yesan p.col2 a, .yesan p.col3 a{width:50%}
}
@media all and (min-width:1023px) {
.yesan p a{width:25%}
.yesan p.col3 a{width:33.3333%}
}

.yesan_box{padding: 20px;background: #f4f6fb}
.yesan_box p.txt{background: url("/images/01_potal/common/ex_mark.png") no-repeat 0 2px;line-height:1.5em;padding: 0 0 0 20px}
.yesan_box p.btn{margin:10px 0 0 0;text-align:center}

.yesan2 h5{font-size:34px;color:#223e99;margin:50px 0 20px 0;background:none;padding:0}
.yesan2 h5:first-child{margin-top:0}
.yesan2 h6{font-size:18px;line-height:1.5em;color:#000;background:url("/images/01_potal/common/h5.gif") no-repeat 0 4px;padding:0 0 0 20px;margin:20px 0 10px 0}
.yesan2 .yesan_list>li{font-size:17px;line-height:1.5em;padding:0 0 0 12px;margin:20px 0 5px 8px;background:url("/images/01_potal/common/li02.png") no-repeat 0 7px;color:#0072bc;font-weight:600}
.yesan2 .yesan_list .yesan_ul{margin:10px 0 0 0}
.yesan2 .yesan_ul{border-top:1px solid #ddd;border-left:1px solid #ddd}
.yesan2 .yesan_ul li{font-weight:400;font-size:15px}
.yesan2 .yesan_ul li a{display:block;border:none;padding:0;background:url("/images/01_potal/common/file_pdf2.png") no-repeat 10px center #fff}
.yesan2 .yesan_ul li a:hover{text-decoration:underline;background:url("/images/01_potal/common/file_pdf.png") no-repeat 10px center #f4f6fb;border:none;color:#333}
.yesan2 .yesan_ul li a span{display:block;padding:9px 10px 0 35px;border-right:1px solid #ddd;border-bottom:1px solid #ddd;height:29px;}
@media all and (min-width:768px) {
.yesan_box{position:relative;padding:25px}
.yesan_box p.btn{position:absolute;top:20px;right:20px;margin:0}
.yesan2 .yesan_ul{overflow:hidden}
.yesan2 .yesan_ul li{float:left;width:50%;}
.yesan2 .col1{width:50%}
.yesan2 .col1 li{width:100%}
}
@media all and (min-width:1023px) {
.yesan2 .yesan_ul li{width:33.333%}
.yesan2 .col1{width:33.333%}
.yesan2 .col1 li{width:100%}
.yesan2 .col2{width:66.666%}
.yesan2 .col2 li{width:50%}
}

/* 행정서비스헌장 */
.hunjang{border:4px double #dedede;padding:190px 20px 30px 20px;line-height:1.5em;font-size:16px;background:url("/images/01_potal/sub03/hunjang.gif") no-repeat center 40px}
.hunjang h4{text-align:center;margin:0 0 20px 0;padding: 0 0 20px 0;border-bottom:1px solid #dedede;font-size:24px;}
/* .hunjang p{text-align:center} */
.hunjang div{margin:20px 0;padding:20px;background:#f4f6fb}
.hunjang li{margin:20px 0;padding:1px 0 1px 32px;color:#223e99}
.hunjang li.no1{background:url("/images/01_potal/sub03/ol01.png") no-repeat 0 0}
.hunjang li.no2{background:url("/images/01_potal/sub03/ol02.png") no-repeat 0 0}
.hunjang li.no3{background:url("/images/01_potal/sub03/ol03.png") no-repeat 0 0}
.hunjang li.no4{background:url("/images/01_potal/sub03/ol04.png") no-repeat 0 0}
.hunjang li.no5{background:url("/images/01_potal/sub03/ol05.png") no-repeat 0 0}
.hunjang li.no6{background:url("/images/01_potal/sub03/ol06.png") no-repeat 0 0}
.hunjang li.no7{background:url("/images/01_potal/sub03/ol07.png") no-repeat 0 0}
.hunjang li.no8{background:url("/images/01_potal/sub03/ol08.png") no-repeat 0 0}
.hunjang li.no9{background:url("/images/01_potal/sub03/ol09.png") no-repeat 0 0}
.hunjang li.no10{background:url("/images/01_potal/sub03/ol10.png") no-repeat 0 0}
.hunjang li.no11{background:url("/images/01_potal/sub03/ol11.png") no-repeat 0 0}
.hunjang li.no12{background:url("/images/01_potal/sub03/ol12.png") no-repeat 0 0}
.hunjang li.no13{background:url("/images/01_potal/sub03/ol13.png") no-repeat 0 0}
.hunjang li.no14{background:url("/images/01_potal/sub03/ol14.png") no-repeat 0 0}
.hunjang li.no15{background:url("/images/01_potal/sub03/ol15.png") no-repeat 0 0}
.hunjang li.no16{background:url("/images/01_potal/sub03/ol16.png") no-repeat 0 0}
@media all and (min-width:768px) {
.hunjang{font-size:16px;padding: 200px 40px 80px 40px;background-position:center 60px}
.hunjang h4{font-size:40px;padding:0 0 50px 0;margin:0 0 40px 0}
.hunjang div{padding:30px;margin:40px 0}
}

/* 울진캘린더 */
.uj_calender{margin:0 0 30px 0}
.uj_calender .calender p{text-align:center;font-size:20px;color:#333;margin:0 0 10px 0}
.uj_calender .calender p *{vertical-align:middle}
.uj_calender .calender p strong{color:#223e99}
.uj_calender .calender p a{display:inline-block;margin:0 20px;background:url("/images/01_potal/common/common_btn.png") no-repeat;width:29px;height:0;padding:29px 0 0 0;overflow:hidden}
.uj_calender .calender p a.prev{background-position:-87px -108px}
.uj_calender .calender p a.next{background-position:-116px -108px}
.uj_calender table{width:100%;margin:0 0 20px 0}
.uj_calender th, .uj_calender td{border:1px solid #dedede;width:14%;text-align:center}
.uj_calender th{border-top:1px solid #223e99;background:#f4f6fb;color:#223e99;padding:15px 0}
.uj_calender td{padding:10px 0}
.uj_calender td.sat a{color: #17769a;}
.uj_calender td.sun a{color:#e4580b}
.uj_calender td a{border-radius:15px;display:inline-block;width:30px;height:20px;padding:5px 0}
.uj_calender td.cal a{border:1px solid #ddd}
.uj_calender td.on a{background:#223e99;color:#fff;border:none}
.uj_calender .tab{overflow:hidden}
.uj_calender .tab li{float:left;width:25%;text-align:center}
.uj_calender .tab li a{display:block;border:1px solid #223e99;background:#fff;color:#223e99;padding:10px 0;margin:0 0 0 1px}
.uj_calender .tab li.on a{background:#223e99;color:#fff}
.uj_calender .info>div{background:#f4f6fb;padding:20px;margin:10px 0 0 0}
.uj_calender .info>div h4{margin:0 0 15px 0;font-size:20px}
.uj_calender .info>div li{line-height:1.75em;font-size:16px;padding:0 0 0 10px;background:url("/images/01_potal/common/li02.png") no-repeat 0 10px}
@media all and (min-width:768px) {
.uj_calender{overflow:hidden}
.uj_calender .calender{float:left;width:50%;margin:0 5% 0 0}
.uj_calender .calender p{font-size:30px}
.uj_calender .info{float:left;width:45%}
/* .uj_calender .info div{min-height:215px} */
.uj_calender .info>div{height: 305px;}
.uj_calender .info div ul{height: 255px;overflow-y:scroll}
.uj_calender .tab{margin:47px 0 0 0}
}

/* 국비확보현황, 군정주요성과 */
.gj_result{border-top:1px solid #223e99;border-bottom:1px solid #cdcdcd}
.gj_result dt{font-size:20px;color:#000;padding:20px 0 7px 0;border-top:1px dotted #dedede}
.gj_result dt:first-child{border:none}
.gj_result dd{font-size:16px;line-height:1.5em;padding:0 0 20px 0}

/* 조직지표 */
.official_area table{width:100%;min-width:100%}
.official_area p{position:relative}
.official_area p img{width:100%}
.official_area p a{position:absolute;bottom:0;right:0;display:block;background:url("/images/01_potal/common/img_view.png") no-repeat 10px center #223e99;color:#fff;padding:10px 10px 10px 40px}
@media all and (min-width:768px) {
.official_area{overflow:hidden}
.official_area table{float:left;width:48%;min-width:48%;margin:0}
.official_area p{float:right;width:48%}
}
@media all and (min-width:1023px) { 
.official_area p{width:433px}   
.official_area p img{width:auto}
.official_area p a{display:none}
}

/* 규제개혁 */
.better h5{background: url("/images/01_potal/sub03/better_h5.gif") no-repeat center bottom;padding: 0 0 25px 0;margin:0 0 5px 0;font-weight:400;font-size:20px;color:#464646;text-align:center;}
.better p{font-size:24px;color:#252525;font-weight:600;text-align:center;padding:0 0 90px 0;background:url("/images/01_potal/sub03/better_arr.gif") no-repeat center bottom}
.better div>ul>li{padding:0 0 10px 0;margin:0 0 25px 0;border-bottom:1px dotted #dedede}
.better li span{display:block;border:20px solid #d9deea;background:#fff;border-radius:100%;width:100px;height:75px;padding:25px 0 0 0;margin:0 auto 10px auto;color:#252525;font-weight:600;text-align:center}
.better li.row2 span{padding:35px 0 0 0;height:65px}
.better li span strong{color:#019abf}
.better li li{padding:0 0 0 10px;background:url("/images/01_potal/common/li02.png") no-repeat 0 7px;font-size:16px;line-height:1.5em}

@media all and (min-width:768px) {
.better p{font-size:34px}
.better div>ul{overflow:hidden}
.better div>ul>li{float:left;width:31.3%;margin:0 1%;border:none}
}
@media all and (min-width:1023px) {
.better h5{margin:0}
.better div{background:url("/images/01_potal/sub03/better_line.gif") no-repeat center 0;padding:40px 0 0 0}
}

/* 사회조사보고서 */
.report_list li span{display:block;background:url("/images/01_potal/sub03/report.png") no-repeat 45px 15px #f4f6fb;border:1px solid #c3cbe4;border-right:2px solid #c3cbe4;border-bottom:2px solid #c3cbe4;width:230px;height:150px;padding:150px 0 0 0;margin:0 auto 20px auto;text-align:center;font-size:16px;color:#000}
.report_list li strong{display:block;font-size:24px;color:#223e99;margin:0 0 5px 0}
.report_list li a{margin:25px 0 0 0}
@media all and (min-width:768px) {
.report_list{overflow:hidden}
.report_list li{float:left;width:33.333%}
}

/* 세입현황 */
.revenue{overflow-x:auto}
.revenue>div{width:900px}
#taxtreehead_box {overflow:hidden;padding:0;margin:0;font-weight:bold;text-align:center;background: #f4f6fb url(/images/bbs/bbs_line.gif) repeat-y right 0;color: #223e99;border-top: 1px solid #223e99;}
#taxtreehead_wrap {overflow:hidden;padding:0;margin:0;width:100%;background: url(/images/bbs/bbs_line.gif) repeat-y right 0;font-size:14px;}
#taxtreehead {overflow:hidden;padding:0;margin:0;width:100%;/* background:url(/images/bbs/bbs_line.gif) repeat-x right 0; */}
#taxtreehead .cel01 {float:left;overflow:hidden;padding: 28px 0 0 0;margin:0;height: 45px;width: 25%;background: url(/images/bbs/bbs_line.gif) repeat-y left 0;}
#taxtreehead .cel02 {float:left;overflow:hidden;padding: 28px 0 0 0;margin:0;height: 45px;width: 13%;background: url(/images/bbs/bbs_line.gif) repeat-y left 0;}
#taxtreehead .cel03 {float:left;overflow:hidden;padding:0;margin:0;width:48%;background: url(/images/bbs/bbs_line.gif) repeat-y left 0;}
#taxtreehead .cel03_01 {overflow:hidden;padding:0;margin:0;width:100%;/* background:url(/images/bbs/bbs_line.gif) repeat-x; */}
#taxtreehead .cel03_01_01 {overflow:hidden;padding: 10px 0;margin:0;width:100%;background: url(/images/bbs/bbs_line.gif) repeat-x left bottom;}
#taxtreehead .cel03_02 {overflow:hidden;padding:0;margin:0;width:100%;}
#taxtreehead .cel03_02_01 {float:left;overflow:hidden;padding: 10px 0;margin:0;width:25%;}
#taxtreehead .cel03_02_02 {float:left;overflow:hidden;padding: 10px 0;margin:0;width:25%;background: url(/images/bbs/bbs_line.gif) repeat-y left 0;}
#taxtreehead .cel03_02_03 {float:left;overflow:hidden;padding: 10px 0;margin:0;width:25%;background: url(/images/bbs/bbs_line.gif) repeat-y left 0;}
#taxtreehead .cel03_02_04 {float:left;overflow:hidden;padding: 10px 0;margin:0;width:25%;background: url(/images/bbs/bbs_line.gif) repeat-y left 0;}
#taxtreehead .cel04 {float:left;overflow:hidden;padding: 28px 0 0 0;margin:0;width: 14%;height: 45px;background: url(/images/bbs/bbs_line.gif) repeat-y left 0;}

#taxtreeview {overflow:hidden; padding:0; margin:0; background:#ffffff url(/images/bbs/bbs_line.gif) repeat-x 0 top; font-size:12px; letter-spacing:-0.05em}
#taxtreeview ul {overflow:hidden;padding:0;margin:0 0 0 0;width:100%;background: url(/images/bbs/bbs_line.gif) repeat-y right 0;}
#taxtreeview ul li {overflow:hidden; margin:0 0 0 0; padding:0 0 0 0; width:100%; border-bottom:1px solid #cdcdcd;}
#taxtreeview dl {overflow:hidden; margin:0; padding:0; width:100%; background:url(/images/bbs/bbs_line.gif) repeat-y right 0;}
#taxtreeview dl.tax_part {color:#999; background:#eaeaea url(/images/bbs/bbs_line.gif) repeat-y left 0;}
#taxtreeview dl.tax_part dt {  }
#taxtreeview dl.tax_part dd {  }
#taxtreeview dl dt {float:left;margin:0;padding: 15px 1% 16px 0;width: 24%;background: url(/images/bbs/bbs_line.gif) repeat-y left 0;}
#taxtreeview dl dd {float:left;margin:0;padding: 15px 1% 15px 0;width: 12%;text-align:right;background: url(/images/bbs/bbs_line.gif) repeat-y left 0;}
#taxtreeview dl dd.sz01 {width: 11%;}

.tax_1d_plus {margin:0;padding: 0 0 0 20px;background: url(/images/bbs/bbs_plus.gif) no-repeat 10px center;cursor:pointer;display:block;}
.tax_1d_none {margin:0;padding: 0 0 0 20px;background-position: 10px 3px !important;}
.tax_1d_plus1 {margin:0; padding:0 0 0 35px; background-position:20px 1px !important; }
.tax_2d_plus {margin:0;padding: 0 0 0 30px;background: url(/images/bbs/bbs_plus.gif) no-repeat 20px center;cursor:pointer;}
.tax_2d_none {margin:0;padding: 0 0 0 30px;background-position: 20px 1px !important;}
.tax_2d_plus1 {margin:0; padding:0 0 0 46px; background-position:31px 1px !important; }
.tax_3d_plus {margin:0;padding: 0 0 0 40px;background: url(/images/bbs/bbs_plus.gif) no-repeat 30px center;cursor:pointer;}
.tax_3d_none {margin:0;padding: 0 0 0 40px;background-position: 30px 1px !important;}
.tax_4d_plus {margin:0;padding: 0 0 0 50px;background: url(/images/bbs/bbs_plus.gif) no-repeat 40px 1px;cursor:pointer;}
.tax_4d_none {margin:0;padding: 0 0 0 50px;background: url(/images/bbs/bbs_minus.gif) no-repeat 40px center;cursor:pointer;}

#taxtreeview dt a.on { background:url(/images/bbs/bbs_minus.gif) no-repeat; cursor:pointer; }

/* ---------- sub04 ---------- */
.jiri{background:url("/images/01_potal/sub04/jiri_map.gif") no-repeat center 0;background-size:230px;padding:320px 0 0 0;margin:0 0 10px 0}
.jiri div{background:#f4f6fb;padding:20px}
.jiri p{margin:10px 0 0 0;font-size:15px;line-height:1.5em;text-align:center}
.jiri p:first-child{line-height:2.5em;margin:0 0 20px 0}
.jiri strong{font-size:36px;color:#223e99}
.jiri em{font-style:normal}
.jiri .txt1{color:#2d3ca3}
.jiri .txt2{color:#2d89a3}
.jiri .txt3{color:#2c8c35}
.jiri .txt4{color:#9e6a20}
@media all and (min-width:768px) {
.jiri{background-size:auto;background-position:10% 0;padding:0 5% 0 45%;height:400px}
.jiri div{background:url("/images/01_potal/sub04/jiri_logo.png") no-repeat right 0 #f4f6fb;padding:60px 40px}
.jiri p{text-align:left}
}

.tel_area table{min-width:auto}
@media all and (min-width:768px) {
.tel_area{overflow:hidden}
.tel_area div{width:48%;float:left;}
.tel_area div:first-child{margin:0 4% 0 0}
.tel_area div h4:first-child{margin-top:0}
}

@media all and (min-width:1023px) {
.loca_area>ul{overflow:hidden}
.loca_area>ul>li{float:left;width:420px}
.loca_area>ul>li:first-child{border-right:1px dotted #dedede;margin:0 30px 0 0}
}    

/* 통계연보 */
.statistics_box{border-top:1px solid #223e99;border-bottom:1px solid #e6e6e6;background:url("/images/01_potal/sub04/statistics.png") no-repeat center 20px #f9f9fb;margin:0 0 30px 0;padding:170px 20px 20px 20px;line-height:1.5em;text-align:center}
.statistics_box dt{font-size:24px;font-weight:600;color:#223e99;margin:0 0 15px 0}
.statistics{border-top:1px solid #ddd;border-left:1px solid #ddd}
.statistics li a{display:block;border:none;padding:0}
.statistics li a:hover{text-decoration:underline;background-color:#f4f6fb;border:none}
.statistics li a span{display:block;padding:10px 10px 10px 35px;border-right:1px solid #ddd;border-bottom:1px solid #ddd}
@media all and (min-width:768px) {
.statistics_box{background-position:60px center;padding:50px 30px 0 250px;text-align:left;min-height:130px}
.statistics ul{overflow:hidden}
.statistics li{width:50%;float:left}
}
@media all and (min-width:1023px) {
.statistics li{width:33.3333%}
}

/* 상징물 */
.simbol_area .img{border:1px solid #ebebeb;background:url("/images/01_potal/sub04/uj_bg.gif");padding: 40px 0;margin:0 0 20px 0;text-align:center;}
.simbol_area .img img{width:70%}
.simbol_area .btn{margin:20px 0 0 0}
.simbol_area .btn a:first-child{margin:0 3px 0 0}
.simbol_area ul{margin-bottom:0}
.simbol_area .color{border-top:1px dotted #ddd;padding:10px 0;margin:20px 0 0 0}
.simbol_area .color li{margin:10px 0 0 0}
.simbol_area .color span{display:inline-block;width:20px;height:20px;margin:0 10px 0 0;border-radius:20px}
.simbol_area .color1 span{background:#fe0000}
.simbol_area .color2 span{background:#40a629}
.simbol_area .color3 span{background:#ff7f00}
.simbol_area .color4 span{background:#2e3192}
@media all and (min-width:768px) {
.simbol_area>div{overflow:hidden;padding:40px 0 0 0;margin:40px 0 0 0;border-top:1px solid #ddd}
.simbol_area>div:first-child{border:navajowhite;padding:0}
.simbol_area h4{float:left;width:20%;margin:0}
.simbol_area>div>div{float:left;width:80%}
.simbol_area .img{position:relative;padding:50px 0}
.simbol_area .img img{width:auto}
.simbol_area .btn{position:absolute;right:-1px;bottom:-1px}
.simbol_area .color ul{overflow:hidden}
.simbol_area .color li{float:left;width:50%}
}
.simbol2 div{border-top:1px solid #ddd;padding:30px 0 0 0;margin:0 0 30px 0;text-align:center}
.simbol2 div img{width:100%;padding:0}
.simbol2 div:first-child{border:none;padding:0}
.simbol2 dt{font-size:24px;color:#707070;margin:20px 0 10px 0}
.simbol2 dt span{display:inline-block;height:36px;line-height:36px;padding:0 0 0 45px;margin:0 0 5px 0}
.simbol2 dt strong{display:block;font-size:40px;color:#223e99}
.simbol2 dd{line-height:1.5em}
.simbol2 .tree span{background:url("/images/01_potal/sub04/uj_tree_icon.gif") no-repeat 0 center}
.simbol2 .flower span{background:url("/images/01_potal/sub04/uj_flower_icon.gif") no-repeat 0 center}
.simbol2 .bird span{background:url("/images/01_potal/sub04/uj_bird_icon.gif") no-repeat 0 center}
@media all and (min-width:768px) {
.simbol2 div{overflow:hidden;text-align:left}
.simbol2 div img{float:left;width:40%;margin:0 5% 0 0}
.simbol2 dl{float:left;width:55%}
.simbol2 dt{margin-top:0}
.simbol2 dd{border-top:1px dotted #ddd;padding:20px 0;margin:20px 0 0 0}
}
@media all and (min-width:1023px) {
.simbol2 div img{width:auto}
.simbol2 dt{margin-top:25px}
}

/* 브랜드 */
.brand_urj{border:1px solid #ebebeb;background:url("/images/01_potal/sub04/uj_bg.gif");padding:30px 0;margin:0 0 20px 0;}
.brand_urj li{text-align:center;margin:20px 0}
.brand_urj li img{display:block;margin:0 auto 10px auto}
@media all and (min-width:768px) {
.brand_urj ul{overflow:hidden;width:70%;margin:0 auto}
.brand_urj li{float:left;width:33.333%}
}

.brand_stm{border:1px solid #ebebeb;background:url("/images/01_potal/sub04/uj_bg.gif");padding:30px 0;margin:0 0 20px 0;}
.brand_stm li{text-align:center;margin:20px 0}
.brand_stm li img{display:block;margin:0 auto 10px auto}
@media all and (min-width:768px) {
.brand_stm ul{overflow:hidden;width:70%;margin:0 auto}
.brand_stm li{float:left;width:25%}
}

.brand_ggs{border:1px solid #ebebeb;background:url("/images/01_potal/sub04/uj_bg.gif");padding:30px 0;margin:0 0 20px 0;}
.brand_ggs li{text-align:center;margin:20px 0}
.brand_ggs li img{display:block;margin:0 auto 10px auto}
.brand_ggs2 li{text-align:center;margin:20px 0 0 0}
.brand_ggs2 li:first-child{margin-top:0}
.brand_ggs2 li span{display:block;border:1px solid #ebebeb;padding:20px 0}
.brand_ggs2 li strong{display:block;color:#000;font-size:18px;margin:10px 0 5px 0}
@media all and (min-width:768px) {
.brand_ggs ul{overflow:hidden;width:70%;margin:0 auto}
.brand_ggs li{float:left;width:50%}
.brand_ggs2{overflow:hidden}
.brand_ggs2 li{margin:0;float:left;width:42%;margin:0 4%;}
.brand_ggs2 li span{height:130px}
.brand_ggs2 li:first-child span img{margin:20px 0 0 0}
}

/* 군민의 노래 */
.uj_song{}
.uj_song div{position:relative;border:1px solid #ddd;padding:30px 20px 50px 20px;text-align:center}
.uj_song div p{margin:0 0 20px 0}
.uj_song div p strong{display:inline-block;font-size:24px;color:#223e99;background:url("/images/01_potal/sub04/uj_song_icon.gif") no-repeat 0 center;margin: 0 0 10px 0;padding:10px 0 10px 40px;}
.uj_song div p em{display:block;font-size:16px;font-style:normal}
.uj_song div p em span{font-size:10px;color:#ddd}
.uj_song div img{width:100%}
.uj_song div a{position:absolute;bottom:-4px;right:-4px;display:block;background:url("/images/01_potal/common/img_view.png") no-repeat 10px center #223e99;color:#fff;padding:10px 10px 10px 40px}
.uj_song ul{margin:20px 0 0 0;text-align:center}
.uj_song li{line-height:1.7em;border-top:1px dotted #ddd;padding:20px 0 0 0;margin:20px 0 0 0}
.uj_song li:first-child{border:none}
.uj_song li strong{font-size:18px;display:block;color:#e4780b;margin:0 0 5px 0}
.uj_song li.btn{text-align:center;border:none}
@media all and (min-width:768px) {
.uj_song{overflow:hidden}
.uj_song div{float:left;width:60%;margin:0 5% 0 0;padding:100px 0;box-sizing:border-box}
.uj_song div p{margin:0 0 40px 0}
.uj_song div p strong{font-size:30px}
.uj_song div p em span{padding:0 5px}
.uj_song div img{width:auto}
.uj_song div a{display:none}
.uj_song ul{float:left;width:35%;text-align:left;margin:0}
}

/* 역사 */
.history>div{margin:0 0 30px 0;border-top:1px solid #ddd;padding:30px 0 0 0}
.history>div:first-child{border:none;padding:0}
.history h4{background:#898989;color:#fff;border-radius:100px;width:150px;height:85px;padding:65px 0 0 0;margin:0 auto;text-align:center;font-size:25px}
.history .no1 h4, .history .no2 h4{font-size:18px;width:95px}
.history .no1 h4{height:55px;padding:40px 0 0 0}
.history .no2 h4{height:65px;padding:30px 0 0 0}
.history .no3 h4, .history .no4 h4{width:120px;font-size:20px}
.history .no3 h4{background:#707070;padding:50px 0 0 0;height:70px}
.history .no4 h4{background:#4b7f29;padding:40px 0 0 0;height:80px}
.history .no5 h4{background:#029f7f}
.history .no6 h4{background: #3b9fc5;}
.history .no7 h4{background:#344a92}
.history .no8 h4{background:#2d3e50}
.history p.year{text-align:center;font-size:22px;color:#2d3e50;padding:20px 0 0 0}
.history .no3 p.year{color:#707070}
.history .no4 p.year{color:#4b7f29}
.history .no5 p.year{color:#029f7f}
.history .no6 p.year{color:#0da5c9}
.history .no7 p.year{color:#344a92}
.history .no8 p.year{color:#2d3e50}
.history ul, .history p.txt{font-size:16px;line-height:1.5em;margin:20px 0 0 0}
.history li{background:url("/images/01_potal/sub04/his_icon.gif") no-repeat 0 7px;padding:0 0 0 15px;margin:0 0 7px 0}
.history li em{display:block;font-style:normal;color:#333}
@media all and (min-width:768px) {
.history{background:url("/images/01_potal/sub04/his_line.gif") no-repeat 177px 70px}
.history>div{position:relative;border:none;padding:60px 0 0 0}
.history>div:first-child{padding:60px 0 0 0}
.history>div.no1, .history>div.no2{padding:10px 0 0 0}
.history>div.no3, .history>div.no4{padding:30px 0 0 0}
.history div div{margin: 0 0 0 200px;position: relative;}
.history div div>span{display:block;width:5px;height:5px;border:5px solid #898989;border-radius:10px;background:#fff;position:absolute;top: 6px;left: -30px;}
.history div.no7{padding:45px 0}
.history div.no3 div>span{border:5px solid #707070}
.history div.no4 div>span{border:5px solid #4b7f29}
.history div.no5 div>span{border:5px solid #029f7f}
.history div.no6 div>span{border:5px solid #0da5c9}
.history div.no7 div>span{border:5px solid #344a92}
.history div.no8 div>span{border:5px solid #2d3e50}
.history .no8{background:url("/images/01_potal/sub04/his_bg1.png") no-repeat 25px 30px}
.history h4{position:absolute;top:0;left:0}
.history .no1 h4, .history .no2 h4{left:55px}
.history .no3 h4, .history .no4 h4{left:30px}
.history p.year{text-align:left;padding-top: 0;}
.history li{overflow:hidden}
.history li em{float:left;width:10%}
.history li span{float:left;width:90%}
}

/* 군민헌장 */
.gm_hunjang{border:4px double #dedede;padding:190px 20px 30px 20px;line-height:1.5em;font-size:16px;background:url("/images/01_potal/sub04/hunjang.gif") no-repeat center 40px}
.gm_hunjang h4{text-align:center;margin:0 0 20px 0;padding: 0 0 20px 0;border-bottom:1px solid #dedede;font-size:24px}
.gm_hunjang p{text-align:center}
.gm_hunjang div{margin:20px 0;padding:20px;background:#f4f6fb}
.gm_hunjang li{margin:20px 0 0 0;color:#333;text-align:center}
.gm_hunjang li:first-child{margin:0}
.gm_hunjang li strong{display:block;color:#223e99;font-size:22px;font-style:italic;margin:0 0 10px 0}
@media all and (min-width:768px) {
.gm_hunjang{font-size:16px;padding: 200px 40px 80px 40px;background-position:center 60px}
.gm_hunjang h4{font-size:40px;padding:0 0 50px 0;margin:0 0 40px 0;line-height:1.5em}
.gm_hunjang p{margin:0 50px}
.gm_hunjang div{padding:30px;margin: 40px 0 0 0;}
.gm_hunjang li{text-align:left}
.gm_hunjang li strong{display:inline-block;margin:0 20px 0 0;width:15%;text-align:right}
}

/* 조직도 */
.org{background:url("/images/01_potal/sub04/org_line.gif") no-repeat center 120px}
.org p{text-align:center;margin:0 0 30px 0}
.org p.no1 a{display:inline-block;background:url("/images/01_potal/sub04/org_chief.gif") no-repeat;width:149px;height:95px;padding:54px 0 0 0;color:#fff;font-size:30px}
.org p.no2{margin-bottom:30px;}
.org p.no2 a{display:inline-block;border:5px solid #e4780b;background:#fff;padding:15px 0;width:200px;font-size:20px;color:#000}
.org p.no3 a{display:inline-block;border:1px solid #ccc;background:#fff;padding:10px 0;width:150px;font-size:16px;color:#000}
.org .org_bon{font-size:16px;line-height:2em;text-align:center}
.org .org_bon>li{margin:0 0 10px 0}
.org .org_bon li a{display:block;padding:10px 0 0 0;height:40px;background:#2d3e50;color:#fff;font-size:16px}
.org .org_bon li div{background:#f4f6fb;padding:10px 0}
.org .org_bon li ul{}
.org .org_bon li li{color:#333}
@media all and (min-width:768px) {
.org{background:url("/images/01_potal/sub04/org_line2.gif") no-repeat center 120px}
.org p{text-align:center;margin:0 0 10px 0}
.org p.no3{margin:0 0 10px 400px;}
.org .org_bon>li{overflow:hidden}
.org .org_bon li a{float:left;width:25%}
.org .org_bon li div{float:left;width:70%;padding:11px 2%;margin:0 0 0 1%}
.org .org_bon li ul{overflow:hidden}
.org .org_bon li li{float:left;margin:0 15px 0 0;padding:0 0 0 10px;background:url("/images/01_potal/common/li02.png") no-repeat 0 10px}
}
@media all and (min-width:1023px) {
.org .org_bon li a{width:200px}
.org .org_bon li div{width:665px;padding:11px 15px;margin:0 0 0 5px;}
}
.org2{margin:50px 0 0 0;background:url("/images/01_potal/sub04/org_line.gif") no-repeat center -70px;}
.org2 p{border:5px solid #3b9fc5;background:#3b9fc5;width:190px;padding:15px 0;margin:0 auto 15px auto;font-size:20px;color:#fff;text-align:center}
.org2 .org_sub{font-size:16px;line-height:2em;text-align:center}
.org2 .org_sub>li{margin:0 0 10px 0}
.org2 .org_sub li a{display:block;padding:10px 0 0 0;height:40px;background:#2d3e50;color:#fff;font-size:16px}
.org2 .org_sub li div{background:#f4f6fb;padding:10px 0}
.org2 .org_sub li ul{}
.org2 .org_sub li li{color:#333}
@media all and (min-width:768px) {
.org2{background-position:100px -70px}
.org2 p{margin:0 0 10px 0}
.org2 .org_sub>li{overflow:hidden}
.org2 .org_sub li a{float:left;width:25%}
.org2 .org_sub li div{float:left;width:70%;padding:11px 2%;margin:0 0 0 1%}
.org2 .org_sub li ul{overflow:hidden}
.org2 .org_sub li li{float:left;margin:0 15px 0 0;padding:0 0 0 10px;background:url("/images/01_potal/common/li02.png") no-repeat 0 10px}
}
@media all and (min-width:1023px) {
.org2 .org_sub li a{width:200px}
.org2 .org_sub li div{width:665px;padding:11px 15px;margin:0 0 0 5px;}
}

/* 자매결연 */
.sisters_info{background:#f9f9fb;border-top:1px solid #223e99;border-bottom:1px solid #e6e6e6;padding:20px}
.sisters_info h4{margin:0 0 17px 0;font-size:27px}
.sisters_info li{font-size:16px;color:#333;padding:0 0 0 10px;margin:0 0 10px 0;background:url("/images/01_potal/common/li02.png") no-repeat 0 7px}
.sisters_info p{margin:10px 0 0 0;line-height:1.5em;font-size:16px}
.sisters_info a{display:none;background:#223e99;color:#fff;padding:10px 0;width:150px;text-align:center}
@media all and (min-width:768px) {
.sisters_info{background:url("/images/01_potal/sub04/sisters_info.png") no-repeat 30px center #f9f9fb;padding:30px 30px 30px 180px}
.sisters_info ul{overflow:hidden}
.sisters_info li{float:left;margin:0 50px 0 0}
}
.sst_simbol{border-bottom:1px dotted #ddd;padding:0 0 20px 0;margin:0 0 30px 0}
.sst_simbol p{border:1px solid #ebebeb;background:url("/images/01_potal/sub04/uj_bg.gif");padding:30px 0;margin:0 0 20px 0;text-align:center;}
.sst_simbol dt{font-size:18px;line-height:1.5em;color:#000;background:url("/images/01_potal/common/h5.gif") no-repeat 0 4px;padding:0 0 0 20px;margin:5px 0 10px 0}
.sst_simbol dd{font-size:16px;line-height:1.5em;margin:10px 0}
.sst_simbol2{}
.sst_simbol2 div{border-bottom:1px dotted #ddd;padding:0 0 20px 0;margin:0 0 30px 0}
.sst_simbol2 p{text-align:center;}
.sst_simbol2 dt{font-size:18px;line-height:1.5em;color:#000;background:url("/images/01_potal/common/h5.gif") no-repeat 0 4px;padding:0 0 0 20px;margin:5px 0 10px 0}
.sst_simbol2 dd{font-size:16px;line-height:1.5em;margin:10px 0}
.sst_simbol2 dd li{padding:0 0 0 12px;background:url("/images/01_potal/common/li02.png") no-repeat 0 7px}
@media all and (min-width:768px) {
.sst_simbol{overflow:hidden}
.sst_simbol p{float:left;width:35%;margin:0 4% 0 0}
.sst_simbol dl{float:left;width:60%}
.sst_simbol2 div{overflow:hidden;border:none}
.sst_simbol2 p{float:left;width:20%}
.sst_simbol2 dl{float:left;width:80%}
}
@media all and (min-width:1023px) {
.sst_simbol2{overflow:hidden}
.sst_simbol2 div{float:left;width:44%;padding:0 3%}
.sst_simbol2 p{width:30%;text-align:left}
.sst_simbol2 dl{width:70%}
.sst_simbol2 div.col1{width:100%}
.sst_simbol2 div.col1 p{width:15%}
.sst_simbol2 div.col1 dl{width:80%}
}

/* 찾아오시는길 */
.location .map_info{display:none; overflow:hidden;}
.location .map_info>ul.map_ul{border-top:1px solid #223e99}
.location .map_info>ul.map_ul>li{border-bottom:1px solid #cdcdcd;padding: 20px 0;}
.location .map_info .map_ul li strong{display:block;background:url("/images/01_potal/sub04/map_bus.gif") no-repeat center 0;padding:90px 0 0 0;margin:0 0 10px 0;text-align:center;color:#223e99;font-size:18px}
.location .map_info .map_ul li:first-child strong{background:url("/images/01_potal/sub04/map_car.gif") no-repeat center 0}
.location .map_info .map_ul li li{line-height:1.5em;padding:0 0 0 10px;background:url("/images/01_potal/common/li02.png") no-repeat 0 7px}
.location .on{display:block}
.location .map_area{border:1px solid #e1e1e1;position:relative;margin:5px 0;text-align:center; overflow:hidden; width: 100%;/* max-width:900px; */height: auto;}
.location .map_area img{width:100%}
.location .map_area a{position:absolute;bottom:0;right:0;display:block;background:url("/images/01_potal/common/img_view.png") no-repeat 10px center #223e99;color:#fff;padding:10px 10px 10px 40px}
@media all and (min-width:768px) {
.location .map_info>ul.map_ul>li{overflow:hidden}
.location .map_info .map_ul li strong{background-position:20% 0;display:inline-block;float:left;width:20%;height: 50px;margin:0;padding:30px 0 0 70px;}
.location .map_info .map_ul li:first-child strong{background-position:20% 0}
.location .map_info .map_ul li ul{float:left;margin:18px 0 0 0}
}
@media all and (min-width:1023px) {
.location{position:relative}
.location .basic_stab{position:absolute;top: 575px;right:0;}
/*.location .map_area img{width:auto}*/
.location .map_area a{display:none}
}
/* ---------- sub05 ---------- */
/* 장애인인권헌장 */
.disabled_hj{border:4px double #dedede;padding:190px 20px 30px 20px;line-height:1.5em;font-size:16px;background:url("/images/01_potal/sub05/disabled_hj.gif") no-repeat center 40px}
.disabled_hj h4{text-align:center;margin:0 0 20px 0;padding: 0 0 20px 0;font-size:24px}
.disabled_hj div{margin:20px 0;padding:20px;background:#f4f6fb}
.disabled_hj li{margin:20px 0 0 0;color:#333}
.disabled_hj li:first-child{margin:0}
.disabled_hj li{margin: 20px 0 0 0;padding:1px 0 1px 32px;color:#223e99;}
.disabled_hj li.no1{background:url("/images/01_potal/sub03/ol01.png") no-repeat 0 0}
.disabled_hj li.no2{background:url("/images/01_potal/sub03/ol02.png") no-repeat 0 0}
.disabled_hj li.no3{background:url("/images/01_potal/sub03/ol03.png") no-repeat 0 0}
.disabled_hj li.no4{background:url("/images/01_potal/sub03/ol04.png") no-repeat 0 0}
.disabled_hj li.no5{background:url("/images/01_potal/sub03/ol05.png") no-repeat 0 0}
.disabled_hj li.no6{background:url("/images/01_potal/sub03/ol06.png") no-repeat 0 0}
.disabled_hj li.no7{background:url("/images/01_potal/sub03/ol07.png") no-repeat 0 0}
.disabled_hj li.no8{background:url("/images/01_potal/sub03/ol08.png") no-repeat 0 0}
.disabled_hj li.no9{background:url("/images/01_potal/sub03/ol09.png") no-repeat 0 0}
.disabled_hj li.no10{background:url("/images/01_potal/sub03/ol10.png") no-repeat 0 0}
.disabled_hj li.no11{background:url("/images/01_potal/sub03/ol11.png") no-repeat 0 0}
.disabled_hj li.no12{background:url("/images/01_potal/sub03/ol12.png") no-repeat 0 0}
.disabled_hj li.no13{background:url("/images/01_potal/sub03/ol13.png") no-repeat 0 0}
.disabled_hj li.no14{background:url("/images/01_potal/sub03/ol14.png") no-repeat 0 0}
.disabled_hj li.no15{background:url("/images/01_potal/sub03/ol15.png") no-repeat 0 0}
.disabled_hj li.no16{background:url("/images/01_potal/sub03/ol16.png") no-repeat 0 0}
@media all and (min-width:768px) {
.disabled_hj{font-size:16px;padding: 200px 40px 80px 40px;background-position:center 60px}
.disabled_hj h4{font-size:40px;/* padding:0 0 50px 0; */margin:0 0 40px 0;line-height:1.5em;}
.disabled_hj div{padding:30px;margin: 40px 0 0 0}
}

/* 여성일반 */
.woman_box{background:url("/images/01_potal/common/box_bg.gif");padding:8px;margin:20px 0 30px 0}
.woman_box div{background: url("/images/01_potal/sub05/woman.gif") no-repeat center 15px #fff;padding: 110px 15px 15px 15px;text-align:center}
.woman_box dt{font-size:24px;color:#000;line-height:1.25em;margin:0 0 10px 0;padding:0 0 25px 0;background: url("/images/01_potal/sub05/woman_arr2.gif") no-repeat center bottom}
.woman_box dt strong{display:block;color:#223e99}
.woman_box dd{font-size:16px;line-height:1.5em}
@media all and (min-width:768px) {
.woman_box div{background-position:30px center;text-align:left;padding:30px 30px 30px 130px}
.woman_box dl{overflow:hidden}
.woman_box dt{float:left;width:35%;background:url("/images/01_potal/sub05/woman_arr.gif") no-repeat right center;margin:0 5% 0 0;padding:0 5% 0 0}
.woman_box dd{float:left;width:50%}
}
@media all and (min-width:1023px) {
.woman_box div{background-position:50px center;padding:30px 30px 30px 160px}
.woman_box dt{width:25%}
.woman_box dd{width:60%;margin:5px 0 0 0}
}

/* 수영장 */
.pool{text-align:center;border-bottom:1px solid #dedede;border-top:1px solid #223e99;padding:30px 5%}
.pool .txt{font-size:16px;line-height:1.5em;margin:0 0 10px 0}
.pool .txt strong{display:block;font-size:25px;color:#223e99;margin:0 0 10px 0}
@media all and (min-width:768px) {
.pool{overflow:hidden;text-align:left}
.pool .img{float:left;width:30%}
.pool .txt{float:right;width:70%;margin:0}
}

/* 콘텐츠사진 */
.con_photo p{text-align:center}
.con_photo p img{margin:0 0 5px 0;width:100%}
@media all and (min-width:768px) {
.con_photo ul{overflow:hidden}
.con_photo p img{width:49%;margin:0 3px}
.con_photo p.col4 img{width:24%}
}

/* 평면도 */
.blockplan{background:#f4f6fb;padding:15px;}
.blockplan .big_img{border:none;padding:0;margin:0 0 15px 0}
.blockplan .big_img a{position:static;margin:5px auto;width: 70px}
.blockplan img{width:100%}
.blockplan li{margin:10px 0 0 0;font-size:16px;color:#000}
.blockplan li *{vertical-align:middle}
.blockplan li span{display:inline-block;width:30px;height:25px;padding:5px 0 0 0;margin:0 5px 0;border-radius:30px;background:#01267e;color:#fff;text-align:center}
.blockplan li em{font-size:16px;font-style:normal}
@media all and (min-width:768px) {
.blockplan{padding:30px 0}
.blockplan .big_img a{display:none}
.blockplan img{width:90%}
.blockplan ul{overflow:hidden;width:90%;margin:0 auto}
.blockplan li{float:left;width:50%}
}
@media all and (min-width:1023px) {
.blockplan img{width:auto}

.blockplan ul{width:760px;margin:0 auto;}
.blockplan li{width:33.333%}
}

/* 작은도서관 */
.lib_photo li{text-align:center;font-size:16px;margin:0 0 20px 0}
.lib_photo li img{display:block;margin:0 auto 10px auto;width:90%}
@media all and (min-width:768px) {
.lib_photo ul{overflow:hidden}
.lib_photo li{float:left;width:33.3333%;}
}

/* 장애인종합복지관 */
.disabled_info .img img{width:100%}
.disabled_info .txt{font-size:16px;line-height:1.5em;margin:0 0 10px 0}
.disabled_info .txt ul{margin:0}
@media all and (min-width:768px) {
.disabled_info{border-bottom:1px solid #dedede;border-top:1px solid #223e99;padding:30px 0}
.disabled_info{overflow:hidden;text-align:left}
.disabled_info .img{float:left;width:50%;}
.disabled_info .txt{float:right;width:45%;margin:0;}
}
.disabled_photo li{text-align:center;font-size:16px;margin:0 0 7px 0}
.disabled_photo li img{display:block;width:98%}
@media all and (min-width:768px) {
.disabled_photo ul{overflow:hidden}
.disabled_photo li{float:left;width:33.3333%;}
}

.senior_info .img img{width:100%}
.senior_info .txt{font-size:16px;line-height:1.5em;margin:0 0 10px 0}
.senior_info .txt ul{margin:0}
@media all and (min-width:768px) {
.senior_info{border-bottom:1px solid #dedede;border-top:1px solid #223e99;padding:30px 0}
.senior_info{overflow:hidden;text-align:left}
.senior_info .img{float:left;width:50%;}
.senior_info .txt{float:right;width:45%;margin:0;}
}

/* ---------- sub06 ---------- */
.hasi p{text-align:center;margin:0 0 10px 0}
@media all and (min-width:768px) {
.hasi{overflow:hidden;border-bottom:1px solid #dedede;border-top:1px solid #223e99;padding:40px 0}
.hasi p{float:left;width:30%;text-align:right;margin:0 5% 0 0}
.hasi ul{float:left;width:65%;margin:0}
}

/* 버스정보 */
.localbus{text-align:center;border-top:1px solid #dedede;border-left:1px solid #dedede}
.localbus div{border-right:1px solid #dedede;border-bottom:1px solid #dedede;padding:40px}
.localbus div h4{margin:0;background:url("/images/01_potal/sub06/bus2.gif") no-repeat center 0;padding:164px 0 0 0;color:#000}
.localbus div h4 strong{color:#37588e}
.localbus div:first-child h4{background:url("/images/01_potal/sub06/bus1.gif") no-repeat center 0}
.localbus div:first-child h4 strong{color:#117ab4}
.localbus p{margin:10px 0 20px 0;line-height:1.5em;font-size:16px}
.localbus a{display:block;background:url("/images/01_potal/common/btn_new.png") no-repeat 140px center #223e99;color:#fff;text-align:left;width:140px;margin:8px auto;padding:10px 20px}
@media all and (min-width:768px) {
.localbus{overflow:hidden}
.localbus div{float:left;width:50%;height:480px;padding:50px 90px 0 90px;box-sizing:border-box}
}

/* 공시지가열람 */
.land_search{text-align:center;background:#f4f4f8;padding:25px 20px;margin:20px 0}
.land_search li{margin: 0 0 5px 0;}
.land_search li *{vertical-align:middle}
.land_search label{display:block;margin:0 0 10px 0;color:#333}
.land_search .form_sel{width:30%;height:30px;border:1px solid #cdcdcd;vertical-align:middle}
.land_search .form_txt{width:30%;height:18px;padding:5px;border:1px solid #cdcdcd;vertical-align:middle}
.land_search .form_sm{cursor:pointer;width:100%;height:30px;background:#223e99;color:#fff;vertical-align:middle}
@media all and (min-width:768px){
.land_search{overflow:hidden}
.land_search label{float:left;padding:6px 0 0 0}
.land_search ul{overflow:hidden;float:left}
.land_search li{margin:0 2px 0 2px;float:left}
.land_search label{display:inline-block;width:90px} 
.land_search .form_sel{width:80px}
.land_search .form_txt{width:100px}
.land_search .form_sm{width:100px}
}
/* 재난의개념 */
.disaster{border:1px solid #dedede;}
.disaster div{text-align:center;padding:150px 20px 20px 20px}
.disaster div.disa1{background:url("/images/01_potal/sub06/disaster01.gif") no-repeat center 25px}
.disaster div.disa2{background:url("/images/01_potal/sub06/disaster02.gif") no-repeat center 25px;border-top:1px solid #dedede;}
.disaster div.disa3{background:url("/images/01_potal/sub06/disaster03.gif") no-repeat center 25px;border-top:1px solid #dedede;}
.disaster h5{background:none;padding:0;margin:0 0 10px 0;color:#223e99;font-size:20px;}
.disaster p{font-size:16px;line-height:1.5em}
.disaster_org{border:none}
@media all and (min-width:768px) {
.disaster{overflow:hidden}
.disaster div{float:left;width:33.3333%;height:330px;box-sizing:border-box}
.disaster div.disa2{border-top:none;border-left:1px solid #dedede}
.disaster div.disa3{border-top:none;border-left:1px solid #dedede}
}
@media all and (min-width:1023px) {
.disaster div{height:310px}
}

/* 지진 */
.seismic li{font-size:16px;line-height:1.5em;text-align:center;margin:0 0 5px 0;border:1px solid #dedede;padding:25px 20px}
.seismic li:hover{background:#f3f3f3}
.seismic li strong{display:block;padding:0 0 0 12px;margin:0 0 10px 0;color:#000}
.seismic li img{display:block;margin:0 auto 10px auto}
@media all and (min-width:768px) {
.seismic ul{overflow:hidden;border-top:1px solid #dedede;border-left:1px solid #dedede}
.seismic li{float:left;width:33.333%;height:300px;padding:25px 2%;margin:0;border:none;border-right:1px solid #dedede;border-bottom:1px solid #dedede;box-sizing:border-box}
}

/* 위생처리장 */
.sanitation_img p{text-align:center}
@media all and (min-width:768px) {
.sanitation_img{overflow:hidden}
.sanitation_img p{float:right;margin:50px 0 0 20px}
.sanitation_img h4{margin-top:0}
.sanitation_img ul{margin-bottom:0}
}
.incinerate_img p{text-align:center}
@media all and (min-width:768px) {
.incinerate_img{overflow:hidden}
.incinerate_img p{float:right;margin:50px 0 0 20px}
.incinerate_img h4{margin-top:0}
.incinerate_img ul{margin-bottom:0}
}
.landfill_img p{text-align:center}
@media all and (min-width:768px) {
.landfill_img{overflow:hidden}
.landfill_img p{float:right;margin:0 0 0 20px}
.landfill_img h4{margin-top:0}
.landfill_img ul{margin-bottom:0}
}

/* 강우정보 */
.rain_data{margin: 0 0 20px 0;}
.rain_data h4{background:url("/images/01_potal/sub06/rain_tit.gif") no-repeat center 0;padding:70px 0 10px 0;text-align:center;font-weight:400;margin:0 0 10px 0}
.rain_data h4 strong{display:block;color:#cc6600;font-size:18px}
.rain_data h4 span{color:#363636;font-size:30px}
.rain_data div{background:#f4f6fb;border-radius:10px;padding:10px 20px}
.rain_data li{border-top:1px dotted #c2c2c2;padding:30px 0 30px 55px}
.rain_data li:first-child{border:none}
.rain_data li.aver{background:url("/images/01_potal/sub06/rain01.png") no-repeat 0px center;}
.rain_data li.max{background:url("/images/01_potal/sub06/rain02.png") no-repeat 0px center;}
.rain_data li.min{background:url("/images/01_potal/sub06/rain03.png") no-repeat 0px center;}
.rain_data li strong{color:#223e99;background:url("/images/01_potal/sub06/rain_line.gif") no-repeat right center;padding:0 10px 0 0;margin:0 5px 0 0}
.rain_data p{margin:10px 0 0 0;font-size:16px;line-height:1.5em}
.rain_map{position:relative;background: url("/images/01_potal/sub06/rain_map.gif") no-repeat center 0;width: 270px;height: 420px;margin:0 auto}
.rain_map li{position:absolute;font-size:16px;text-align: center;}
.rain_map li *{vertical-align:middle}
.rain_map li.bm{top: 40px;left: 125px;text-align: center;}
.rain_map li.jbm{top: 65px;left: 200px;}
.rain_map li.uju{top: 95px;left: 160px;}
.rain_map li.kks{top: 140px;left: 55px;}
.rain_map li.gnm{top: 140px;left: 170px;}
.rain_map li.mhm{top: 200px;left: 175px;}
.rain_map li.ksm{top: 260px;left: 200px;}
.rain_map li.ojm{top: 330px;left: 160px;}
.rain_map li.phu{top: 320px;left: 220px;}
.rain_map li.hpm{top: 365px;left: 220px;}
.rain_map li span{color:#252525;display: block;}
.rain_map li strong{display:inline-block;border-radius:3px;background:#223e99;color:#fff;padding:2px 5px;font-weight:400}
@media all and (min-width:768px) {
.rain{overflow:hidden}
.rain_data{float:right;width:45%;margin:0 5% 0 0}
.rain_data h4{background:url("/images/01_potal/sub06/rain_tit.gif") no-repeat 20px center;padding:10px 0 10px 95px;text-align:left}
.rain_data li{padding:30px 0 30px 80px;background-position:20px center !important}
.rain_data li strong{padding:0 20px 0 0;margin:0 10px 0 0}
.rain_map{float:left;margin:0 0 0 5%}
}
@media all and (min-width:1023px) {
.rain_data{width:360px}
.rain_data h4{margin: 40px 0 10px 0;}
.rain_data div{padding:30px}
.rain_map{background: url("/images/01_potal/sub06/rain_map_b.gif") no-repeat 0 0;width: 410px;height:520px;}
.rain_map li.bm{top: 60px;left: 165px;text-align: center;}
.rain_map li.jbm{top: 85px;left: 235px;}
.rain_map li.uju{top: 130px;left: 200px;}
.rain_map li.kks{top: 180px;left: 70px;}
.rain_map li.gnm{top: 180px;left: 215px;}
.rain_map li.mhm{top: 250px;left: 220px;}
.rain_map li.ksm{top: 330px;left: 250px;}
.rain_map li.ojm{top: 420px;left: 200px;}
.rain_map li.phu{top: 410px;left: 285px;}
.rain_map li.hpm{top: 455px;left: 280px;}
.rain_map li span{display:inline}
}

/* 재난 법령자료 */
.safety li a{display:block;border:1px solid #dedede;background:url("/images/01_potal/sub06/ordinance.png") no-repeat 25px center;padding: 20px 20px 20px 70px;margin:0 0 5px 0}
.safety li span{display:block;font-size:18px;color:#333;font-weight:normal}
@media all and (min-width:768px) {
.safety ul{overflow:hidden}
.safety li{float:left;width:48%;margin:0 1% 5px 1%}
.safety li a:hover{background-color:#f4f6fb}
}
.safety_intro{text-align:center}
.safety_intro h4{font-size:24px}
.safety_intro p{font-size:16px;line-height:1.5em}
.safety_intro img{display:block;width:100%;margin:20px 0 15px 0}
.safety_intro2 li{border:1px solid #dedede;padding:150px 40px 30px 40px;margin:0 0 5px 0;text-align:center;font-size:16px;line-height:1.5em;color:#000}
.safety_intro2 li.ico1{background:url("/images/01_potal/sub06/safe_int1.gif") no-repeat center 35px}
.safety_intro2 li.ico2{background:url("/images/01_potal/sub06/safe_int2.gif") no-repeat center 35px}
.safety_intro2 li.ico3{background:url("/images/01_potal/sub06/safe_int3.gif") no-repeat center 35px}
.safety_intro2 li.ico4{background:url("/images/01_potal/sub06/safe_int4.gif") no-repeat center 35px}
@media all and (min-width:768px) {
.safety_intro h4{font-size:30px}
.safety_intro p{font-size:16px;padding:0 50px}
.safety_intro2 ul{overflow:hidden}
.safety_intro img{width:auto;margin: 20px auto 35px auto;}
.safety_intro2 li{float:left;width:23%;margin:0 1%;padding:150px 2% 30px 2%;height: 240px;box-sizing:border-box;}
}
.safety_org, .safety_step{border:none}

/* ---------- sub07 ---------- */
.eup_tit{position:relative;padding:20px 0}
.eup_tit dt{color:#223e99;font-size:36px;position:absolute;top:4px;text-align:center;width:100%;display:none}
.eup_tit dt span{background:#fff;padding:0 10px}
.eup_tit dd{font-size:16px;line-height:1.5em;}
.eup_tit dd.txt{background:url("/images/01_potal/common/box_bg.gif");padding:8px}
.eup_tit dd.txt div{background:#fff;padding:30px 15px 15px 15px}
.eup_tit dd.btn{margin:20px 0 0 0;text-align:center}
.eup_tit dd a{display:inline-block;border:1px solid #223e99;border-radius:30px;margin:0 10px;padding:50px 0 15px 0;width:45%;margin:0 1% 5px 1%;color:#223e99;background:url("/images/01_potal/sub07/eup_btn2.png") no-repeat center 15px}
.eup_tit dd a:first-child{background:url("/images/01_potal/sub07/eup_btn1.png") no-repeat center 15px}
.eup_list{border-top:1px solid #223e99;padding:20px 0}
.eup_list li{position:relative;width:100%;margin:0 0 10px 0}
.eup_list li a{display:block;color:#555}
.eup_list li img{display:block;width:100%}
.eup_list li:nth-child(4), .eup_list li:nth-child(5), .eup_list li:nth-child(6), .eup_list li:nth-child(7), .eup_list li:nth-child(8){display:none}
.eup_list strong{display:block;color:#000;font-size:20px;margin:0 0 10px 0}
.eup_list span{border:1px solid #ccd5da;border-top:none;display:block;padding:20px 15px}
.eup_list span em{color:#959595;display:block;font-style:normal;font-size:13px;margin:5px 0 0 0}
@media all and (min-width:768px) {
.eup_tit{padding:30px 0}
.eup_tit dt{font-size:60px}
.eup_tit dt span{padding:0 20px}
.eup_tit dd.txt div{padding:30px 30px 50px 30px}
.eup_tit dd.btn{position:absolute;bottom: 7px;left:0;width:100%;}
.eup_tit dd.btn span{padding:0 20px;background:#fff;display:inline-block}
.eup_tit dd a{width:130px;padding:15px 40px 15px 45px;text-align:right;background-position:40px center;display:inline-block;margin:0 10px}
.eup_tit dd a:hover, .eup_tit dd a:focus{background-color:#223e99;color:#fff}
.eup_tit dd a:first-child{background-position:40px center}
.eup_his{border-top:1px solid #223e99;border-bottom:1px solid #d6d6d6;padding:35px 0;margin:50px 0;overflow:hidden}
.eup_his h4{float:left;width:25%;height:110px;background:url("/images/01_potal/sub07/eup_his.gif") no-repeat 30px 0;padding:15px 0 0 20%;margin:0;font-size:30px}
.eup_his h4 span{color:#e0e0e0;font-size:50px;display:block}
.eup_his ul{float:left;width:55%;margin:0}
.eup_list ul{overflow:hidden}
.eup_list li{width:31.33%;margin:0 1% 10px 1%;float:left}
}
@media all and (min-width:1023px) {
.eup_his h4 span{font-size:60px}
}

/* ---------- sub08 ---------- */
.email_box{background:url("/images/01_potal/sub08/email.png") no-repeat center 40px #f9f9fb;background-size:160px;border-top:1px solid #223e99;border-bottom:1px solid #e6e6e6;padding:220px 20px 40px 20px;text-align:center}
.email_box dt{font-size:24px;color:#223e99;margin:0 0 20px 0}
.email_box dd{line-height:1.5em;font-size:16px}
@media all and (min-width:768px) {
.email_box{background-size:auto;padding:330px 80px 40px 80px}
.email_box dt{font-size:30px}
}

.login{border-top:1px solid #223e99;border-bottom:1px solid #e6e6e6}
.login>div{padding:30px}
.login dt{color:#363636;font-size:24px;font-weight:600}
.login dd{margin:15px 0 0 0;line-height:1.5em;font-size:16px}
.login dd a{display:inline-block;background:#223e99;border:1px solid #15296a;border-radius:3px;color:#fff;padding: 10px 40px;}
.login dd a:hover{background:#15296a;border:1px solid #223e99}
.login .hp{border-bottom:1px dotted #dedede}
.login .ipin{border-bottom:1px solid #e6e6e6}
.login .admin{border-top:1px solid #223e99;background:#f9f9fb;margin:20px 0 0 0;padding:30px}
.login .admin dt{font-size:20px}
.login .admin dd *{vertical-align:middle}
.login .admin dd span{display:block}
.login .admin label{display:block;margin:10px 0 0 0}
.login .admin input[type="text"], .login .admin input[type="password"]{border-radius:3px;border:1px solid #dedede;padding:10px 0;width:100%}
.login .admin input[type="submit"]{background:#223e99;color:#fff;border:1px solid #15296a;border-radius:3px;padding:10px 25px;margin:10px 0 0 0;width:100%}
@media all and (min-width:768px) {
.login>div{padding:50px 50px 50px 240px}
.login .hp{background:url("/images/01_potal/sub08/login_hp.png") no-repeat 50px center}
.login .ipin{background:url("/images/01_potal/sub08/login_ipin.png") no-repeat 50px center}
.login .admin dd span{display:none}
.login .admin label{display:inline-block;margin:0 10px 0 20px}
.login .admin label:first-child{margin-left:0}
.login .admin input[type="text"], .login .admin input[type="password"]{width:150px}
.login .admin input[type="submit"]{margin:0 0 0 10px;width:100px}
}                                                                                                                                                                                                                                                                                                                                                              

.sitemap>div{margin:50px 0 0 0;border-top:2px solid #223e99;border-bottom:1px solid #dedede}
.sitemap h4{margin:0 0 10px 0;padding: 55px 0 0 0;height: 150px;text-align:center;border-bottom:1px dotted #dedede}
.sitemap>div:first-child{margin-top:0}
.sitemap li{font-size:16px;line-height:1.5em}
.sitemap div div>ul>li>a{display:block;color:#223e99;font-size:16px;font-weight:600;padding: 8px 0 8px 12px;background:url("/images/01_potal/common/nav_icon1.png") no-repeat 0 15px}
.sitemap li ul{margin: 0 0 10px 10px}
.sitemap li li{font-size:16px;padding:0 0 0 10px;margin:0 0 5px 0;background:url("/images/01_potal/common/li02.png") no-repeat 0 7px}
.sitemap li li a{color:#333}
.sitemap li ul ul{margin: 5px 0 15px 0}
.sitemap li li li{padding:0 0 0 12px;margin: 0 30px 5px 0;background:url("/images/01_potal/common/li03.png") no-repeat 0 7px}
.sitemap .menu1 h4{background: url("/images/01_potal/common/nav_bg01.gif") no-repeat right 20px}
.sitemap .menu2 h4{background: url("/images/01_potal/common/nav_bg02.gif") no-repeat right 20px}
.sitemap .menu3 h4{background: url("/images/01_potal/common/nav_bg03.gif") no-repeat right 20px}
.sitemap .menu4 h4{background: url("/images/01_potal/common/nav_bg04.gif") no-repeat right 20px}
.sitemap .menu5 h4{background: url("/images/01_potal/common/nav_bg05.gif") no-repeat right 20px}
.sitemap .menu6 h4{background: url("/images/01_potal/common/nav_bg06.gif") no-repeat right 20px}
.sitemap .menu7 h4{background: url("/images/01_potal/common/nav_bg07.gif") no-repeat right 20px}
.sitemap li li li a{color:#666}

@media all and (min-width:768px) {
.sitemap{overflow:hidden}
.sitemap>div{overflow:hidden}
.sitemap h4{float:left;width:25%;height: 220px;padding: 50px 0 0 0;border:none}
.sitemap div div{float:left;width: 74%;background: #fff;border-left: 1px solid #f3f3f3}
.sitemap div div>ul{margin: 15px 0 15px 30px;}
.sitemap li{border-top:1px dotted #dedede;}
.sitemap li:first-child{border:none}
.sitemap li ul{overflow:hidden}
.sitemap li li{float:left;margin:0 50px 5px 0;border:none}
.sitemap li ul ul{margin: 5px 0}
}

.app_img{margin:30px auto;width:80%}
.app_img li{text-align:center;margin:10px 0}
.app_img li img{width:70%;border:1px solid #dedede}
@media all and (min-width:768px) {
.app_img{overflow:hidden}
.app_img li{float:left;width:33.333%} 
.app_img li img{width:90%}   
}           

.smile_contest{background: url("/images/01_potal/sub02/smile.png") no-repeat left top;padding-top:380px;min-width:900px;}   



/* 정책실명제 */
.statistics_box1904{border-top:1px solid #223e99;border-bottom:1px solid #e6e6e6;background: url("/images/01_potal/sub04/statistics_new1.png") no-repeat center 20px #f9f9fb;margin:0 0 30px 0;padding:205px 20px 20px 20px;line-height:1.5em;text-align:center;}
.statistics_box1904 dt{font-size:24px;font-weight:600;color:#e4780b;margin:0 0 15px 0}
.statistics{border-top:1px solid #ddd;border-left:1px solid #ddd}
@media all and (min-width:768px) {
.statistics_box1904{background-position: 35px center;padding: 40px 30px 0 239px;text-align:left;min-height:130px;}
}
@media all and (min-width:1023px) {
}

/* 국민신청실명제 */
.statistics_box19{border-top:1px solid #223e99;border-bottom:1px solid #e6e6e6;background:#f9f9fb;margin:0 0 30px 0;padding: 20px 20px 20px 20px;line-height:1.5em;text-align:center;}
.statistics_box19 dt{font-size:24px;font-weight:600;color:#e4780b;margin:0 0 15px 0}
.statistics{border-top:1px solid #ddd;border-left:1px solid #ddd}
@media all and (min-width:768px) {
.statistics_box19{background-position: 35px center;padding: 40px 30px 0 40px;text-align:left;min-height: 92px;}
}
@media all and (min-width:1023px) {
}


/*아이프레임*/
.iframebox {position: relative;width: 100%;height: 1650px;}
.iframebox iframe { position: absolute;width: 100%;height: 100%; border:0;  } 

/*아이프레임일기예보*/
.iframebox1 {position: relative;width: 697px;height: 1632px;overflow-x: hidden;overflow-y: hidden;}
.iframebox1 iframe {position: absolute;width: 870px;height: 1850px;border:0;left:-150px;top:-200px;} 

/*아이프레임날씨*/
.iframebox2 {position: relative;width: 700px;height: 620px; overflow-x:hidden; overflow-y:hidden;}
.iframebox2 iframe { position: absolute;width: 1024px;height: 1500px; border:0;  }   

/*기상특보*/
.iframebox3 {position: relative;width:1300px;overflow-y:hidden;height: 940px;}
.iframebox3 iframe { position: absolute;width:870px;height: 1500px; border:0;left:-150px;top:-250px;  }   

/*태풍정보*/
.iframebox4 {position: relative;width: 700px;overflow-y:hidden;height: 985px;overflow: hidden;}
.iframebox4 iframe {position: absolute;width: 881px;height: 1200px;border:0;left:-150px;top:-200px;}   

/*지진정보*/
.iframebox5 {position: relative;width: 950px;overflow-y:hidden;height: 985px;overflow: hidden;}
.iframebox5 iframe {position: absolute;width: 870px;height: 1200px;border:0;left:-150px;top:-200px;}   

/*위성영상서비스*/
.iframebox6 {position: relative;width: 950px;overflow-y:hidden;height: 985px;overflow: hidden;}
.iframebox6 iframe {position: absolute;width: 870px;height: 1200px;border:0;left:-40px;top:-120px;}   

/*인사통계*/
.c_wr1909 .txt_right{margin:0;}
.c_wr1909 .f_b tbody th{color:#223ea6;}
.c_wr1909 .basic_p{margin: 2px 0}
.c_w1909 {box-sizing: border-box;}
.c_w1909 .l_c{ background:#f4f6fb; padding:10px 0; border-top:1px solid #223e99;}
.c_w1909 .l_c img{display:block; text-align:center; margin:0 auto}
.c_w1909 .r_c br{display:none;}
.c_w1909 .r_c p{color:#000}


@media all and (min-width:1200px) {
.c_w1909{background:#f4f6fb;padding:10px 0;border-top:1px solid #223e99;margin: 20px 0 35px 0;}
.c_w1909 .l_c{background:none;border:none;width: 300px;float: left;}
.c_w1909 .r_c{width: 560px;float: left;padding: 20px 10px;}
.c_w1909 .r_c p{padding: 11px 0 11px 0;font-size: 17px; }
.c_w1909 .r_c br{display:block;}
.c_w1909 .r_c table{background:#fff;min-width: 550px;}
.c_w1909:after{display:block; content:''; clear:both;}

}

/* 코로나19 */
.covid .big_img {border: none; padding: 0;}
.covid .co_table p {margin-bottom: 10px;}
.covid .co_table li {border: 1px solid #e6e6e6; margin-bottom: 10px;}
.covid .co_table li strong {border-right: 1px solid #e6e6e6;  font-size: 18px; padding: 10px; display: inline-block; width:120px; background: #f4f4f8;}
.covid .co_table li span {display: inline-block; font-size: 24px; font-weight: bold; padding: 7px; color: #464646;}

@media all and (min-width:768px) {
.covid .big_img {padding: 10px 0;}
.covid .co_table ul:after {clear: both; display: block; content: "";}
.covid .co_table li {float: left; width: calc((100% - 11px)/3); margin-right: 1px; text-align: center}
.covid .co_table li:first-child {border: 2px solid #ff6261;}
.covid .co_table li strong {display: block; width: auto; border-right: none; border-bottom: 1px solid #e6e6e6;}
}
@media all and (min-width:1200px) {
.covid .co_table h4 {margin: 10px 0;}
}      

/*코로나 intro*/
.covid_intro {background: #003964; overflow-y: hidden;}
.covid_intro .header {background: #fff; padding: 10px; position: relative;}
.covid_intro .header img {width: 120px;}
.covid_intro .header span {position: absolute; right: 10px; top: 10px;}
.covid_intro .header p {margin-top: 10px;}
.covid_intro .header p img {width: 100%;}

.covid_intro .tab {max-width:1100px;margin: 1px auto 0; font-size: 0; text-align:center;}
.covid_intro .tab>li {font-size: 16px;}
.covid_intro .tab>li a {background: rgba(255, 255, 255, 0.3); padding: 18px; margin-bottom: 1px;color: #fff; display: block;}
.covid_intro .tab>li.on a {background: #deedf7; font-weight: bold; color: #223e99;}
.covid_intro .tab>li:nth-child(5), .covid_intro .tab>li:nth-child(6) {background: url("/images/01_potal/common/btn_new.png") no-repeat right 20px center;}
.covid_intro .tab>li:nth-child(5) a, .covid_intro .tab>li:nth-child(6) a{padding-right:50px}
.covid_intro .article {padding: 20px;}
.covid_intro .article .title {font-size: 36px; color: #deedf7; font-weight: bold; text-align: center; margin-top: 50px;}
.covid_intro .article h2 {margin: 20px 0 30px; color:#ffd457; text-align: center; font-size: 30px;}
.covid_intro .article #tab1>div, .covid_intro .article #tab2>div, .covid_intro .article #tab5>div {background: #fff; padding: 12px; border-radius: 10px;margin-bottom: 30px;}
.covid_intro .article p.go_btn {margin: 20px 0; text-align: center;}
.covid_intro .article p.go_btn a {display: inline-block; background: #223e99; padding: 10px 18px; color: #fff; font-size: 22px; font-weight: bold; border: 1px solid #fff;}
.covid_intro .article p.go_btn a:hover {background: #fff; color: #223e99;}

.covid_intro .article #tab1 {text-align: center; padding-bottom: 30px;}
.covid_intro .article #tab1 h3 {margin: 20px 0 30px; color:#ffd457; text-align: center; font-size: 30px;}
.covid_intro .article #tab1 p.date {font-size: 24px; color: #223e99; margin-top: 20px; font-weight: bold;}
.covid_intro .article #tab1 .box div {text-align: center; margin: 20px 0 0; width: 100%;border-radius: 10px; box-sizing: border-box;}
.covid_intro .article #tab1 .box02 div {background: none; border-bottom: 1px solid #b1bec7; border-radius: 0;}
.covid_intro .article #tab1 .box03 div {background: none; border-bottom: 1px solid rgba(255,255,255,0.3); border-radius: 0;}
.covid_intro .article #tab1 .box div div:last-child{border: none;}
.covid_intro .article #tab1 .box01 {background: #465eaa; padding: 10px 0;}
.covid_intro .article #tab1 .box02 {background: #deedf7;}
.covid_intro .article #tab1 .box03 {background: #e4780b; overflow: hidden;}
.covid_intro .article #tab1 .box strong {display: block; text-align: center; font-size: 36px; color: #fff; margin-bottom: 10px;}
.covid_intro .article #tab1 .box02 strong {color: #223e99; font-size: 30px;}
.covid_intro .article #tab1 .box span {color: #2d2d2d; font-size: 18px; display: inline-block; padding: 8px 12px; background: rgba(255,255,255, 0.8); font-weight: bold;}
.covid_intro .article #tab1 .box .b1 {margin: 0; padding-top: 10px;}
.covid_intro .article #tab1 .big_img {display: block; width: auto;}
.covid_intro .article #tab1 .box div div {border: none; margin: 0; padding: 0;font-size: 18px;}
.covid_intro .article #tab1 .box .box02 div {border-bottom: 1px solid #b1bec7; margin-bottom: 10px; padding-bottom: 10px;}
.covid_intro .article #tab1 .box .box03 div {border-bottom: 1px solid rgba(255,255,255,0.3); padding: 10px 0;}
.covid_intro .article #tab1 .box .box03 .b2,
.covid_intro .article #tab1 .box .box03 .b3 {background: #f2a936;}
.covid_intro .article #tab1 .box .box03 .b2 strong,
.covid_intro .article #tab1 .box .box03 .b3 strong {color: #333;}

.covid_intro #tab5 div.covid_bbs {text-align: left; padding: 40px 30px;}
.covid_intro #tab1 div.covid_bbs {text-align: left; padding: 40px 30px;}
.covid_intro #tab1 div.covid_bbs span {text-align: right; margin:0px; float:right; border:0px solid #ffffff}
.covid_intro .big_img {border: none;}
.covid_intro .more {text-align: center; margin-top: 20px;}
.covid_intro .more a {display: inline-block; padding: 12px; background: #223399; color: #fff;}
.covid_intro h4 {margin: 20px 0;}
.covid_intro .footer {background: #2d2d2d; color: #fff; padding: 20px 0; text-align: center;}

.covid_intro .co_table {background: #fff; border-radius: 10px; padding: 20px;}
.covid_intro .co_table p.txt_right {font-size: 20px;}

@media all and (min-width:768px) {
.covid_intro .header .title {display: block; position: absolute; left: 50%; transform: translateX(-50%) translateY(-50%); font-size: 24px; color: #223e99; top: 50%; font-weight: bold; margin-top: 0;}

.covid_intro .tab>li {width: calc((100% - 4px)/2); display: inline-block; border-left: 1px solid #003964;}
.covid_intro .tab>li a {height: 20px;}
.covid_intro .article .title {margin-top: 80px;}
.covid_intro .article p.go_btn {text-align: right}
.covid_intro .article #tab1 .box .box02 div {padding: 10px; display: inline-block; width: 40%; border: none; border-right: 1px solid #b1bec7; margin: 0;}
.covid_intro .article #tab1 .box .box02 .b3 {border-right: none;}
.covid_intro .article #tab1 .box .box03 div {padding: 10px; display: inline-block; width: calc((100% - 2px)/3); border: none; border-right: 1px solid rgba(255,255,255,0.3);}
.covid_intro .article #tab1 .box .box02, .covid_intro .article #tab1 .box .box03 {font-size: 0;}

}
@media all and (min-width:1200px) {
.covid_intro .wrap {width: 1200px; margin: 0 auto;}
.covid_intro .header .wrap {position: relative; height: 120px;}
.covid_intro .header h1 {padding-top: 30px;}
.covid_intro .header h1 img{width: 170px;}
.covid_intro .header span img{width: auto;}
.covid_intro .header .title {font-size: 48px;}
.covid_intro .header span {top: 30px;}

.covid_intro .tab_menu {background: rgba(255, 255, 255, 0.3); }
.covid_intro .tab>li {width: auto; display: inline-block; font-size: 18px;}
.covid_intro .tab>li a {padding:18px 24px;margin-bottom: 0; vertical-align: top; line-height: 20px;}
.covid_intro .tab>li a:hover {background: #deedf7; color: #223e99; font-weight: bold;}

.covid_intro .article {padding: 0 0 40px; width: 1200px; margin: 0 auto;}
.covid_intro .article>div {width: 1100px; margin: auto;}
.covid_intro .article .title {display: none;}
.covid_intro .article h2 {margin: 50px 0 20px; font-size: 40px;}
.covid_intro .article #tab1 h3 {margin: 50px 0 40px;}
.covid_intro .article>div {margin-bottom: 80px; padding: 24px;}

.covid_intro .article #tab1 {padding-bottom: 40px;}
.covid_intro .article #tab1 .box div {display: inline-block; width: auto; font-size: 0; margin: 20px 5px 30px;}
.covid_intro .article #tab1 .box .box01 {padding: 20px; width: 16%;}
.covid_intro .article #tab1 .box .box02 {width: 34%}
.covid_intro .article #tab1 .box .box03 {width: 46%}
.covid_intro .article #tab1 .box strong {font-size: 42px;}
.covid_intro .article #tab1 .box span {font-size: 20px;}
.covid_intro .article #tab1 .box .box02 div, .covid_intro .article #tab1 .box .box03 div {padding: 20px 0;}
.covid_intro .article #tab1 .box .box02 div {width: 49%}
.covid_intro .article #tab1 .box div div:last-child {padding-right: 0;}
.covid_intro h4 {text-align: center;}
}           


.covid_intro .article #tab1 .covid_btn .txt a, .covid_intro .article #tab1 .covid_btn .li02 a {;background: url("/images/01_potal/common/btn_new.png") no-repeat right 20px center #bbdff7;}


#tab1 .covid_btn{}
#tab1 .covid_btn ul{}
#tab1 .covid_btn li{padding-left:90px;line-height:25px;margin-bottom:10px;text-align:left;word-break:keep-all;position:relative;box-sizing:border-box}
#tab1 .covid_btn strong{background:#223e99;padding:0px 10px;font-size:15px !important;display:block;position:absolute;top:0;left:0;}
#tab1 .covid_btn a{margin-bottom:20px;background:url(http://www.uljin.go.kr/images/01_potal/intro.png) no-repeat;display:block;color:#fff;font-size:20px;font-weight:900;border-radius:10px;box-shadow:6px 6px 0px 0 #ccc;box-sizing:border-box}
#tab1 .covid_btn .btn01{padding-left:60px;background-position:0 -30px;background-size:80px;line-height:70px;background-color:#F6817E}
#tab1 .covid_btn .btn02{position: relative;padding:10px;padding-left:100px;color:#333;background:none;border: 1px #50c964 solid;}
#tab1 .covid_btn .btn02:before{content:'';display:inline-block;position: absolute;top: 10px;left: 11px;width: 104px;height: 48px;background: url('/images/01_potal/common/logo_2023.png' ) no-repeat;background-size: contain;}
#tab1 .covid_btn em{font-style:normal;display:block;font-size: 22px;}
@media all and (min-width:768px){
#tab1 .covid_btn{padding:0 10px;}
#tab1 .covid_btn:after{display:block;clear: both;content:""}
#tab1 .covid_btn ul,#tab1 .covid_btn a{float:left;}
#tab1 .covid_btn ul{width:calc(60% - 5px);}
#tab1 .covid_btn a{width:36%;margin-left:4%}
}
@media all and (min-width:1200px){
#tab1 .covid_btn{display:block !important;}
#tab1 .covid_btn ul{width:40%;border:3px double #ccc;padding:10px;box-sizing:border-box}
#tab1 .covid_btn li{font-size:16px;}
#tab1 .covid_btn a{width:calc(30% - 20px);height:210px;margin:0;}
#tab1 .covid_btn .btn01{margin:0 20px;background-size:auto;background-color:#fff;border:2px solid #F6817E;color:#F6817E;background-position:70px -20px;padding:0;font-size:28px;}
#tab1 .covid_btn .btn02{padding: 117px 0 0;font-size:28px;}
#tab1 .covid_btn .btn02:before{top: 25px;left: 34px;width: 215px;height: 80px;}
#tab1 .covid_btn a:hover{text-decoration:underline;box-shadow:none}
#tab1 .covid_btn .btn01:hover{background-color:#dd5868;color:#fff;text-shadow:0 0 10px red;}


}

/**/

/*착한 임대인 - list*/
.bbs_imdae {padding: 20px!important;}
.bbs_imdae .bbs_list img {display: block; width: 100%; margin-bottom: 20px; border: 1px solid #dedede;}
.bbs_imdae .bbs_list>li>input[type="checkbox"] {float: left; margin-top: 40%; margin-right: 10px;}
.bbs_imdae .bbs_list li a {float: left; width: calc(100% - 23px);}
.bbs_imdae .bbs_list li:after {display: block; clear: both; content: "";}
.bbs_imdae .bbs_list li a>strong {display: block;}
.bbs_imdae .bbs_list li a>strong span {font-weight: normal; margin-left: 10px; border-left: 1px solid #223e99; color: #666; font-size: 14px; padding-left: 10px;}
.bbs_imdae .bbs_list li a>span {border: none; border-top: 1px dotted #dedede; padding: 20px 0 0 0; text-align: left;}
.bbs_imdae .more {background: #223e99; border: 1px solid #15296a; border-radius: 3px; margin-top: 20px; text-align: center;}
.bbs_imdae .more:hover {background: #15296a;}
.bbs_imdae .more a {color: #fff; font-size: 18px; display: block; width: 100%; padding: 14px; }
@media all and (min-width:768px) {
.bbs_imdae {padding: 20px!important;}
.bbs_imdae .bbs_list>li>input[type="checkbox"] {float: left; margin-top: 100px; margin-right: 10px;}
.bbs_imdae .bbs_list li a {width: auto;}
.bbs_imdae .bbs_list img {width: 260px; height: 150px; float: left;}
.bbs_imdae .bbs_list strong, .bbs_imdae .bbs_list a>span {width: calc(100% - 260px - 22px); display: block; float: left; text-align: left; margin-left: 20px;}
.bbs_imdae .bbs_list a:after {display: block; clear: both; content: "";}
.bbs_imdae .bbs_list strong {padding-top: 10px;}
}

/*착한 임대인 - view*/
.bbs_imdae .imdae_view {border-top: 1px solid #223e99; padding-top: 30px; text-align: left;}
.bbs_imdae .imdae_view img {width: 100%;}
.bbs_imdae .imdae_view .info {border-bottom: 1px dotted #dedede; padding-bottom: 10px; margin-bottom: 10px;}
.bbs_imdae .imdae_view .info strong {margin-right: 8px; font-size: 18px;}
.bbs_imdae .imdae_view .info span {border-left: 1px solid #223e99; padding-left: 8px;}
@media all and (min-width:768px) {
.bbs_imdae .imdae_view h4 {text-align: left;}
.bbs_imdae .imdae_view img {width: auto; max-width: 600px; margin: 0 auto 40px; display: block;}
}              
.covid_bbs {overflow-x: auto;}    

@media all and (min-width:768px){
.vaccination{height: 465px;background: #fff url('/upload_data/board_data/BBS_0000130/167773759537949.gif') no-repeat center !important;background-size: contain !important;}
.vaccination h4{margin: 120px auto 0;text-align: center;font-size: 32px;}
                               
}   

@media all and (min-width:1024px){
.vaccination{background-size:auto !important;}  
}

.covid_intro h4,
.covid_intro ul,
.covid_intro p{text-align:left;}