@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: 130px 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;}
.type_minwon li.ic12 a{background-position: center -1850px;}
@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}
.uj2020 p img{width:300px;height:165px;}
}

/* 역점시책 */
.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: 25%;}
.yesan2 .col1{width: 25%;}
.yesan2 .col1 li{width:100%}
.yesan2 .col2{width: 50%;}
.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 table{width:calc(100% - 480px)}
.official_area table th,
.official_area table td{padding:13px 0;}
.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;width: 72%;margin: 0 auto;}
}

/* 사회조사보고서 */
.report_list li span{display:block;/*background:url("/images/01_potal/sub03/report.png") no-repeat 45px 15px #f4f6fb;*/background: url(/upload_data/board_data/BBS_0000130/170140420766222.png) no-repeat 45px 15px #f4f6fb;border:1px solid #c3cbe4;border-right:2px solid #c3cbe4;border-bottom:2px solid #c3cbe4;width:230px;height: 350px;padding:150px 0 0 0;margin:0 auto 20px auto;text-align:center;font-size:16px;color:#000}
.report_list li.new span{background:url('/upload_data/board_data/BBS_0000130/170140420766222.png') no-repeat 45px 15px #f4f6fb;}
.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.3333333%;}
}
@media all and (min-width:1023px) {

.report_list li{width:25%;}
.report_list li span{height:180px;}
}

/* 세입현황 */
.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; }


/*군정문자알림*/
.text_alrim{background:url("/images/01_potal/common/box_bg.gif");padding:8px;margin:20px 0 30px 0;}
.text_alrim>div{padding: 20px 20px 200px;background: url("/images/01_potal/sub03/text_bg.png") no-repeat bottom 20px right 20px #fff;font-size: 16px;}
.text_alrim .txt{line-height: 1.4;}
.text_alrim .btn{margin: 40px 0 20px;}
.text_alrim .btn a{display: inline-block;padding: 15px 30px;background: #2d3ca3;color: #fff;font-size: 18px;font-weight: bold;border-radius: 50px;box-shadow: 0 5px 10px rgba(0,0,0,0.2);}
.text_alrim .btn a:hover, .text_alrim .btn a:focus{background: #555;}

.basic_box>.text_done{position: relative;padding-top: 280px;}
.text_done{font-size: 20px;text-align: center;}
.text_done:after{display: block;position: absolute;content: "";width: 256px;height: 205px;background: url("/images/01_potal/sub03/text_bg2.png") no-repeat;top: 40px;left: 50%;transform: translateX(-50%);}

.reser_step{margin: 20px 0;border: 1px solid #ddd;border-radius: 5px;overflow: hidden;}
.reser_step li{padding: 12px 0 12px 70px;border-top: 1px solid #ddd;background: url("/images/01_potal/sub03/reser_step.png") no-repeat;}
.reser_step li:nth-child(1){border-top: none;}
.reser_step li:nth-child(2){background-position: 0 -65px;}
.reser_step li:nth-child(3){background-position: 0 -131px;}
.reser_step li:nth-child(4){background-position: 0 -197px;}
.reser_step li span, .reser_step li strong{display: block;}
.reser_step li span{color: #666;}
.reser_step li strong{margin-top: 4px;font-size: 16px;}
.reser_step li.on{background-color: #f4f6fb;}
.reser_step li.on span{color: #2d3ca3;}
.reser_step li.on strong{color: #000;}

@media all and (min-width:768px) {
.text_alrim>div{padding: 20px 40px 60px;background-position: bottom 30px right 40px;}

.reser_step ul:after{display: block;clear: both;content: "";}
.reser_step li{float: left;width: 25%;border-top: none;border-left: 1px solid #ddd;box-sizing: border-box !important;}
.reser_step li:nth-child(1){border: none;}
.reser_step li strong{letter-spacing: -1px;}
}


/* ---------- sub04 ---------- */
.jiri{/*background:url("/images/01_potal/sub04/jiri_map.gif") no-repeat center 0;*/background:url("/upload_data/board_data/BBS_0000130/173329941252817.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 20px #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}
.statistics .col2 li {width: 100%;}
}
@media all and (min-width:1023px) {
.statistics li{width:33.3333%}
.statistics ul.col2 li {width: 50%;}
}

/* 상징물 */
.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:34%;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: calc(100% - 260px);padding:11px 15px;margin:0 0 0 5px;}
}
.org2{margin:50px 0 0 0;background: url("/images/01_potal/sub04/org_line.gif") repeat-y center top;}
.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 4px 0;height:40px;background:#2d3e50;color:#fff;font-size:16px}
.org2 .org_sub>li>a.org_color{background:#8448ac}
.org2 .org_sub li div{background:#f4f6fb;padding:10px 0}
.org2 .org_sub li ul{}
.org2 .org_sub li li{color:#333}
.org2.org_ass p{border:5px solid #12935e;background:#12935e;}
.org2.org_ass .org_sub>li>a{background:#194d38;}
@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: calc(100% - 260px);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:last-child strong{background: url("/upload_data/board_data/BBS_0000130/173871551225458.png") 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,
.location .map_info .map_ul li:last-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: 18%;}
.woman_box dd{width: 67%;margin: 19px 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 160px center #223e99;color:#fff;text-align:left;width: 150px;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 !important;}
}

/* 공시지가열람 */
.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{box-sizing:border-box;padding: 30px 20px 30px 190px;text-align: left;background-position: center left 30px !important;}

}


/* 지진 */
.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 !important;}
}
.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 .sa{padding:30px;}
.login_box_0{}
.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;padding:30px}
.login .ipin{border-bottom:1px solid #e6e6e6;padding:30px}
.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 .sa{padding:50px 50px 50px 240px}
.login .login_box_0{overflow:hidden}
.login .login_box_0 .hp,
.login .login_box_0 .ipin{float:left;width:50%;box-sizing:border-box;padding:50px 20px 50px 200px}  
.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}
} 

@media all and (min-width:1023px) {
.login .login_box_0 .hp,
.login .login_box_0 .ipin{padding-left:240px}  
}

.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 {margin-top: 1px; font-size: 0;}
.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(4), .covid_intro .tab>li:nth-child(5) {background: url("/images/01_potal/common/btn_new.png") no-repeat right 20px center;}

.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; display: inline-block; width: 80%;border-radius: 10px; padding: 20px;}
.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: #e4780b;}
.covid_intro .article #tab1 .box02 {background: #deedf7;}
.covid_intro .article #tab1 .box03 {background: #465eaa;}
.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 18px; background: rgba(255,255,255, 0.8); font-weight: bold;}
.covid_intro .article #tab1 .box .b1 {margin-top: 0;}
.covid_intro .article #tab1 .big_img {display: block; width: auto;}
.covid_intro .article #tab1 .box div div {border: none; margin: 0; padding: 0; padding-right: 6px; margin-left: 6px; border-right: 1px solid rgba(255, 255, 255, 0.3); font-size: 18px; display: inline-block; width: auto;}
.covid_intro .article #tab1 .box .box02 div {border-right: 1px solid #b1bec7;}
.covid_intro .article #tab1 .box02{font-size: 0;}
.covid_intro .article #tab1 .box02 div:first-child{ margin: 0;}
.covid_intro .article #tab1 .box02 div:last-child{padding: 0;}
.covid_intro .article #tab1 .box .box03 div {padding-right: 20px; margin-left: 20px;}
.covid_intro .article #tab1 .box03 div:first-child{ margin: 0;}
.covid_intro .article #tab1 .box03 div:last-child{padding: 0;}

.covid_intro .article #tab1 div.covid_btn {display: block; padding: 0; border-radius: 0; text-align: left; margin: 30px 0 0 0; width: auto;}
.covid_intro .article #tab1 .covid_btn li {text-align: center; margin-bottom: 10px;}
.covid_intro .article #tab1 .covid_btn li a {border: 1px solid #223e99; background: #bbdff7; width: auto; display: block; padding: 18px; border-radius: 3px;}
.covid_intro .article #tab1 .covid_btn li a:hover {background: #223e99;}
.covid_intro .article #tab1 .covid_btn li a:hover span {color: #fff;}
.covid_intro .article #tab1 .covid_btn .li01 a {background: #deedf7;}
.covid_intro .article #tab1 .covid_btn li span {font-size: 20px; color: #223e99; padding: 0; background: none;}
.covid_intro .article #tab1 .covid_btn .li03 a{background: url("/images/01_potal/common/btn_new.png") no-repeat right 20px center #bbdff7;}
.covid_intro .article #tab1 .covid_btn .li03 a:hover{background: url("/images/01_potal/common/btn_new.png") no-repeat right 20px center #223e99;}
.covid_intro .article #tab1 .covid_btn .li03 strong {color: #d51a1a; font-size: 18px; padding: 8px 0;}
.covid_intro .article #tab1 .covid_btn .li02 a {background: url("/images/01_potal/common/btn_new.png") no-repeat right 20px center #bbdff7;}
.covid_intro .article #tab1 .covid_btn .li02 a:hover {background: url("/images/01_potal/common/btn_new.png") no-repeat right 20px center #223e99;}
.covid_intro .article #tab1 .covid_btn p a {border: 1px solid #dc5003; background: #e45d0b; width: auto; display: block; padding: 18px; text-align: center; border-radius: 3px;}
.covid_intro .article #tab1 .covid_btn p a:hover {background: #223e99;border: 1px solid #15296a;}
.covid_intro .article #tab1 .covid_btn p a span {background: none; color: #fff; font-size: 24px;}

.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;}

@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-right: 20px; margin-left: 20px;}
    
    .covid_intro .article #tab1 .covid_btn li {display: inline-block; width: 48%;}
    .covid_intro .article #tab1 .covid_btn .li01 {margin-right: 20px;}
    .covid_intro .article #tab1 .covid_btn .li03 {text-align: left; width: 100%;}
    .covid_intro .article #tab1 .covid_btn .li03 strong {display: inline-block; margin-right: 24px; width: 48%; font-size: 20px; padding-top: 17px;}
    .covid_intro .article #tab1 .covid_btn .li03 a {display: inline-block; width: 43.3%; text-align: center;}
}
@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 img, .covid_intro .header span {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: calc((100% - 12px)/5); display: inline-block; font-size: 18px;}
    .covid_intro .tab>li:last-child {}
    .covid_intro .tab>li a {margin-bottom: 0;}
    .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 {width: auto; padding: 20px 30px; font-size: 0; margin-bottom: 10px;}
    .covid_intro .article #tab1 .box .box03 {margin-right: 0;}
    .covid_intro .article #tab1 .box strong {font-size: 48px;}
    .covid_intro .article #tab1 .box span {font-size: 24px;}
    .covid_intro .article #tab1 .box .box02 div, .covid_intro .article #tab1 .box .box02 div {padding-right: 20px; margin-left: 20px;}
    
    .covid_intro .article #tab1 div.covid_btn {margin-top: 0;}
    .covid_intro .article #tab1 .covid_btn ul {float: left; width: 73%;}
    .covid_intro .article #tab1 .covid_btn .li01 {margin-right: 25px;}
    .covid_intro .article #tab1 .covid_btn .li03 strong {margin-right: 25px;}
    .covid_intro .article #tab1 .covid_btn .li03 a {margin-right: 0; width: 43%;}
    .covid_intro .article #tab1 .covid_btn p {float: right; width: 24%;}
    .covid_intro .article #tab1 .covid_btn p a {padding: 31px 0;}
    .covid_intro .article #tab1 .covid_btn:after {display: block; content: ""; clear: both;}
    
    .covid_intro h4 {text-align: center;}
}                                   

/*서초구 버튼*/      
.basic_btn .btn_sch {padding:0;border:none;}             

/*군정백서*/ 
.ebook_wrap{padding:20px 20px 130px; background: url("/upload_data/board_data/BBS_0000130/174365542508682.png") no-repeat 95% 80% #f4f6fb}
.ebook_wrap ul{background:#fff;border-top:2px solid #223E99;}
.ebook_wrap li{padding:20px 0;border-bottom:1px dashed #dfdfdf;box-sizing:border-box;}
.ebook_wrap li:last-child{border-bottom:1px solid #dfdfdf;}
.ebook_wrap h5{margin:0 0 20px;font-size:20px;font-weight:600;color:#223E99;background-position:0 8px;}
.ebook_wrap span{margin:0 0 10px 20px;font-size:16px;color:#565656;display:block}
.ebook_wrap a{padding:10px 20px;margin-left:20px; border:1px solid;color:#223E99;display:inline-block}
@media all and (min-width:768px){
.ebook_wrap li{padding-left:20px;position:relative}
.ebook_wrap span{display:inline-block}
.ebook_wrap a{margin:0;padding:30px 20px;border-radius:10px;background:#223E99;color:#fff;position:absolute;top:50%;right:20px;transform:translate(0,-50%)}
.ebook_wrap a:hover,.ebook_wrap a:focus{background:#41C2E1;}
}              

/*방사선비상시*/                
.bsn_bisang li{text-align:center;padding-bottom:20px;}
.bsn_bisang li img{width:100%;}

@media all and (min-width:768px) {
.bsn_bisang:after{display:block;content:"";clear:both;}
.bsn_bisang li{float:left;width:50%;}
}

@media all and (min-width:1023px) {
.bsn_bisang li img{width:auto;}
}              

/*개인정보처리방침 221107 수정*/
.pinfo_icon {display:inline-block;width: 45px;margin: 0 0 5px 8px;}
.pinfo_icon img {display:block;width:100%;margin-top: 0px;}
.pinfo_box{margin-top:-20px;margin-left:20px;}
.pinfo_box .basic_ul li{list-style:none;}
.pinfo_box ul{margin:10px 0 10px 20px;}
.pinfo_box ul li{list-style: auto;word-break:keep-all;margin-bottom: 5px;}
.pinfo_box ul li>ul li{list-style:none;}
.pinfo_box p {margin-bottom: 7px;word-break: keep-all; font-size:16px; line-height:20px;}
.pinfo_tbox {padding: 28px 20px; text-align: center;font-size: 20px;background: #f4f5f8;}

.labeling .lb_t{border-bottom: solid 1px #bdbecc;margin-bottom: 20px; border-left: solid 1px #bdbecc;}
.labeling .lb_t>ul>li{text-align: center;padding: 15px 0;border: solid 1px #bdbecc;border-bottom: 0;position: relative;width: 25%;float: left;border-left: 0;box-sizing: border-box;}
.labeling .lb_t li strong{display:block;}
.labeling .lb_t li strong:before{display:block;content:'';width: 65px;height: 76px;background: url("/images/www/sub06/label_icon.png")no-repeat;margin: 0 auto 10px auto;}
.labeling .lb_t .lb1 strong:before{background-position:0 0}
.labeling .lb_t .lb2 strong:before{background-position: -68px 0px;}
.labeling .lb_t .lb3 strong:before{background-position: -137px 0px;}
.labeling .lb_t .lb4 strong:before{background-position: -207px 0px;}

.labeling .lb_t li span{display:block;padding: 10px;font-size: 14px;position: absolute;bottom: 0;width: 100%;background: rgba(14 ,43, 108, .9);z-index: 1;color: #fff;text-align: left;word-break: keep-all;box-sizing: border-box;}
.labeling .lb_t li span{display: none;}
.labeling .lb_t li span a{color:#fff;position: relative;padding-right: 20px;}
.labeling .lb_t li span a:after{display:block;content:'';background:url('/upload_data/board_data/CONTENTS_FILE/161492113551997.png')no-repeat right center;width: 19px;height: 22px;position: absolute;right: -5px;bottom: 0;}
.labeling .lb_t li:hover{cursor:pointer}
.labeling .lb_t li:hover span{display:block}
.labeling .lb_t:after{display:block;content:'';clear:both}
.labeling .info_txt{background: #fcf6e3;padding: 10px;margin-bottom: 30px;color: #3b3b3b;}
.labeling .lb_list{border-top: solid 1px #bdbecc;border-left: solid 1px #bdbecc;margin-bottom: 30px;}
.labeling .lb_list:after{display:block;content:'';clear:both}
.labeling .lb_list li{border-right: solid 1px #bdbecc;border-bottom: solid 1px #bdbecc;float: left;width: 50%;box-sizing: border-box;}
.labeling .lb_list li a{display: block;padding: 10px 0 10px 10px;height: 71px;box-sizing: border-box;}
.labeling .lb_list li span{display: inline-block;padding: 14px 0 0 10px;width: calc(100% - 60px);}
.labeling h4{background: none;padding: 10px 0 0 0 !important;line-height: 50px;margin-top: 20px;border-top: dashed 1px #d0d6da;}
.labeling h4 img{margin-right: 9px;}

.labeling .lb_t2024{margin: 0 0 20px -10px}
.labeling .lb_t2024>ul>li{ border-radius: 5px;text-align: center;padding: 20px 0;border: solid 1px #cdcdcd;position: relative;width: 100%;float: left;box-sizing: border-box;margin: 0 0 10px 10px;box-sizing: border-box;}
.labeling .lb_t2024>ul>li img { width: 3em;}
.labeling .lb_t2024 li strong{display:block;margin: 10px 0 0;font-size: 16px;}
.labeling .lb_t2024 li span{display:block;padding: 10px; font-size: 14px; position: absolute; bottom: 0; width: 100%;background: #fff; z-index: 1; word-break: keep-all; text-align: center;  box-sizing: border-box;; box-shadow: 0 0 10px rgba(0, 0, 0, .1); border-radius: 5px;}
.labeling .lb_t2024 li span em {display: block; padding-top: 5px;color: #223e99; font-style:normal;}
.labeling .lb_t2024 li span{display: none;}
.labeling .lb_t2024 li span a{color:#fff;position: relative;padding-right: 20px;}
.labeling .lb_t2024 li span a:after{display:block;content:'';background:url('/upload_data/board_data/CONTENTS_FILE/161492113551997.png')no-repeat right center;width: 19px;height: 22px;position: absolute;right: -5px;bottom: 0;}
.labeling .lb_t2024 li:hover{cursor:pointer}
.labeling .lb_t2024 li:hover span{display:block}
.labeling .lb_t2024:after{display:block;content:'';clear:both}

.pb_wrap h4{line-height:50px;}
.pb_wrap h4 a.lbl{display:inline-block;background:#223e99;color:#fff;font-size:14px;border-radius:30px;padding:0 20px;margin-left:10px;line-height:30px;margin-top:10px;}

.pinfo_table { margin: 30px 0;}
.pinfo_table ul {display: flex;flex-direction: column;}
.pinfo_table li {border: solid 1px #cdcdcd; border-radius: 5px;margin: 0 0 10px; width: 100%;}
.pinfo_table a {display: block; text-align: left; padding:10px 30px;}
.pinfo_table strong { display: inline-block;  max-width: 69%;word-break: keep-all;}
.pinfo_table i.pinfo_icon {width: 1.7em; margin: 0 0 0 10px;}

.gotop{position:fixed;right:0;bottom:0;display:block;background:url("/images/01_potal/common/common_btn.png") no-repeat -150px 0;width:50px;height:0;padding:50px 0 0 0;overflow:hidden}

@media all and (min-width:768px) {
.labeling .lb_t2024>ul {display: flex;flex-wrap: wrap;}
.labeling .lb_t2024>ul>li{width: calc(100% / 3 - 10px); float: none;}
.labeling .lb_t2024 li strong {font-size: 18px;}

.pinfo_table ul { justify-content: space-between;flex-direction: row; flex-wrap: wrap;}
.pinfo_table li {width: 49%;display: flex;align-items: center;}
.pinfo_table a {display: flex; width: 100%; align-items: center;}
.pinfo_table strong { display: inline-block;  max-width: 76%;word-break: keep-all;}
}

@media all and (min-width:1023px) {
.labeling .lb_t2024>ul {display: flex;flex-wrap: wrap;}
.labeling .lb_t2024>ul>li{width: calc(100% / 5 - 10px); float: none;}
.pinfo_table strong { max-width: 81%;;}
.labeling .lb_t2024 li span {bottom: -25%; width: 250px;left: 50%; transform: translateX(-125px);}
}

/*고향사랑기부제*/
.card_news{position: relative;}
.card_news img{display: block;width: 100%;max-width: 720px;margin: 0 auto;border-radius: 20px;border:3px solid #223e99;}
.card_news .control .btn{width: 200px;padding: 10px;margin: 10px auto 0;border-radius: 30px;background: #223e99;text-align: center;color: #fff;}
.card_news .control .btn span{display: inline-block;margin: 4px 4px 0 0; font-size: 18px;}
.card_news .control .btn em{font-style: normal;font-weight: bold;vertical-align: middle;}
.card_news .control .btn button{width: 29px;height: 29px;padding: 0;margin: 0 2px; font-size: 0;overflow: hidden;background: url("/images/01_potal/common/common_btn.png") no-repeat;}
.card_news .control .btn .stop{background-position: 0 -79px;}
.card_news .control .btn .play{background-position: -29px -79px;}
.card_news .control .btn .prev{background-position: -87px -79px;}
.card_news .control .btn .next{background-position: -116px -79px;}
.card_news .comment{font-size: 0;height: 0;}
.hometown .ht_btn strong{display:block;}
@media all and (min-width:768px) {
.hometown{position: relative;}
.hometown .ht_btn{position: absolute;right: 35px;top: 40px;}
.card_news{margin-top: 40px;}
.card_news .control{position: absolute;top: -80px;right: 0;}
}   


/* 공연목록 */
.show_list>ul>li{overflow: hidden; position: relative; margin: 0 0 4%;}
.show_list ul li img{display: block; float: left; width:100%; max-width: 125px; height:180px; border: 1px #d2d2d2 solid;}
.show_list ul li div{float: right; width: calc(100% - 140px);}
.show_list ul li div strong{display: inline-block; margin: 0 4px 0 0; color: #223e99;}
.show_list ul li div span{display: inline-block;}
.show_list ul li div p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; text-overflow: ellipsis; overflow: hidden; word-break: break-all; margin-bottom: 10px; font-size: 16px;  color: #111;}
.show_list ul li li{margin: 0 0 6px;}
.show_list ul li p.btn{position: absolute; bottom: 0; right: 0; width: 100%; }
.show_list ul li p.btn a{display: block; width: calc(100% - 160px); margin: 0 0 0 auto; padding: 10px 0; text-align: center; border: 1px #223e99 solid; color: #223e99; background: #fff;}
.show_list ul li p.btn a:hover{background: #223e99; color: #fff;}
	
@media all and (min-width:768px) {
.show_list>ul{overflow: hidden;}
.show_list>ul>li{float: left; width: 46%; margin: 0 4% 4%;}
.show_list>ul>li:nth-last-of-type(2n){margin: 0 0 4%;}
.show_list ul li li{float: none; width: 100%;}
	
}
@media all and (min-width:1023px) {
.show_list ul li img{max-width: 140px;}	
.show_list ul li div{width: calc(100% - 160px);}
.show_list ul li p.btn a{width: calc(100% - 160px);}

}        


/* 테이블 게시판*/
@media all and (max-width:1023px){
.bbs_table2 table{width:100%;border-top: 2px solid #484848;}
.bbs_table2 table thead{display:none;}
.bbs_table2 table tbody tr{display:block;border-bottom:1px solid #cdcdcd;padding:10px;}
.bbs_table2 table tbody td{display:inline-block;padding: 5px 0;}
.bbs_table2 table .title{display:block;padding:10px 0;margin:0 0 10px;border-bottom:1px dashed #ddd;font-size:1.2rem;}
.bbs_table2 table [data-cell-header]:before{content:attr(data-cell-header);display:inline-block;color:#999; padding-right:5px}
.bbs_table2 table .title[data-cell-header]:before{display:none;}
.bbs_table2 table col{width:100% !important;}

}

@media all and (min-width:1024px){
    
.bbs_table2 table{width:100%;min-width:800px;margin:10px 0;border-top: 2px solid #adb4bc;}
.bbs_table2 table th, .bbs_table2 td{text-align:center;padding: 14px 6px;border: 1px solid #ebebeb;border-top:none;line-height:1.5em;border-left:0;border-right:0;}
.bbs_table2 table thead th{background: #fafafa;color:#333;font-weight:400;}
.bbs_table2 table tbody th{background:#f3f8fb;color:#444;font-weight:400;}
.bbs_table2 table tbody td{color:#555;vertical-align: middle;}
.bbs_table2 table tbody td a{display:block; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.bbs_table2 table .title a{text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;font-weight: 500;}
.bbs_table2 tbody tr:hover,.bbs_table2 tbody tr:focus{background:#f4f5f7}
.bbs_table2 tbody tr:hover a,.bbs_table2 tbody tr a:focus{text-decoration:underline;}


}   

/* 울진사랑카드 */
@media all and (min-width:1024px){
.card{background: url('/upload_data/board_data/BBS_0000130/174236080466260.png') no-repeat bottom 20px right;}
} 

/* 울진사랑 소문내기 */
.rumor_event .step{border-radius:10px;overflow:hidden; margin-top:14px;}
.rumor_event .step ol{border:1px solid #d6d6d6;overflow:hidden;border-radius:10px;}
.rumor_event .step li{padding:20px 15px;text-align:center;border-top:1px solid #ebebeb;box-sizing:border-box;position:relative;}
.rumor_event .step li:first-child{border:none}
.rumor_event .step li.on{font-weight:bold;background: #223e99;color:#fff;}
.rumor_event .step li *{vertical-align:middle}
.rumor_event .step li em{font-style:normal;display:block;font-size: 16px;}
.rumor_event .step li span{display: inline-block;font-size: 14px;margin-bottom: 5px;background:#d8e1fc;padding:3px 7px;color:#363636;border-radius:20px;}
.rumor_event .step li.on span{background: #fff;}
.rumor_event .step li.on strong{font-weight:500}

.rumor_event .box{margin-top: 20px;padding:20px;border-radius: 10px;border:1px #e1e1e1 solid;}
.rumor_event .box .basic_ul{margin-bottom:0;}
.rumor_event .box .basic_ul li{font-size:16px;}
.rumor_event .box .basic_ul li li{font-size:15px;}
.rumor_event .box .num li{background:none; padding:0;}
.rumor_event .box .num em{display: inline-block;box-sizing: border-box;width: 26px;height: 26px;margin-right: 6px;padding-top: 2px;background: #41c2e1;color: #fff;border-radius: 50%;text-align: center;font-weight: 600;font-size: 14px;font-style: normal;}

.rumor_event .box .txt_center{border-top:1px #e1e1e1 solid; padding-top:20px; margin-top:20px;}
.rumor_event .box .txt_center input[type="checkbox"]{display: inline-block;width: 18px;height: 18px;margin-right: 4px;}

.rumor_event .box .end{padding-top: 150px;padding-bottom: 26px;background: url('/upload_data/board_data/BBS_0000130/169275326698013.png') no-repeat top 20px center;text-align:center;}
.rumor_event .box .end span{display:block;margin-bottom: 8px;font-size:16px;}
.rumor_event .box .end strong{display:block;font-size: 26px;font-weight: bold;color: #223e99;}

@media all and (min-width:768px) {
.rumor_event .step li{float:left;width:25%;height: 90px;border:none;position:relative;overflow:hidden;}
.rumor_event .step li:before{content:"";display:block;position:absolute;top:50%;left:0px;width:1px;height:20px;background:#cecece;transform:translate(0,-50%);}
.rumor_event .step li:first-child:before{display:none;}
    
.rumor_event .box .end span{font-size:20px;}
.rumor_event .box .end strong{font-size: 36px;}
}           

/* 고향사랑기부제 명예의 전당 */
.board-honor ul{margin-top:20px;}
.board-honor ul li{box-sizing: border-box;height: 200px;margin-bottom:20px;padding: 28px 0;border:1px #e1e1e1 solid;border-radius:10px;text-align:center;} 
.board-honor ul li .name{box-sizing: border-box;width: 250px;margin: 0 auto 17px;padding: 10px 16px 0;font-size: 30px;font-weight: 600;word-break: keep-all;color: #333;background: url('/upload_data/board_data/BBS_0000130/170078993191579.png') no-repeat center;}
.board-honor ul li .name a{color:#333;}
.board-honor ul li .name span.add{display: block;font-size:15px;}
.board-honor ul li .money{box-sizing: border-box;width: 245px;height: 45px;margin: 0 auto;padding: 11px 0;background: #183181;border-radius: 50px;}
.board-honor ul li .money span{display: inline-block;padding-right: 6px;margin-right: 6px;color:#fff;font-size:18px;border-right: 1px #2e3b61 solid;line-height: 18px;vertical-align: middle;}
.board-honor ul li .money em{display: inline-block;color:#fff;font-style:normal;font-size:18px;vertical-align: middle;}
@media all and (min-width:768px) {
.board-honor ul{display:flex;flex-wrap: wrap;justify-content: space-between;}
.board-honor ul li{width:49%;}
}
@media all and (min-width:1023px) {
.board-honor ul{justify-content:flex-start;}
.board-honor ul li{width: 31.66%;margin-right: 2%;}
.board-honor ul li:nth-of-type(3n){margin-right:0%;}
}                         
   /*울진군청 footer 경상북도 자치단체 추가*/
footer .f_sitelink>button.f_btn03 {width: 100%; border-top: 1px solid #424242;}
footer .f_sitelink div.f_site03 {right: 0;width: 50%;bottom:0;}

@media all and (min-width:768px){
footer .f_sitelink { width: 66%;}
footer .f_sitelink>button {width: calc(100% / 3 - 10px);}
footer .f_sitelink div.f_site02 {right: 19%;}
footer .f_sitelink>button.f_btn03 {width:calc(100% / 3 - 10px); border-top:0;}
footer .f_sitelink div.f_site03 {right: 25px;bottom:60px;}
footer .f_banner { float: right; width: 34%;}
}

@media all and (min-width:1023px){
footer .f_sitelink { width: 50%;}
footer .f_banner {width: 50%;}
}
.envi_map{position:relative;}
.envi_map img{width:100%;}
.envi_map span{display:block;background:#1c349e;color:#fff;padding:5px 15px;border-radius:5px; height:40px}

/*2025.04.30 인구정책 추가*/
.population .pp_top{background:#ebebeb;padding:30px 25px;border-radius:10px;margin-bottom:20px;}
.population .pp_top h4{margin:0 0 10px 0;font-size:1.5em;}
.population .pp_top .right{padding-top:30px;}
.population .pp_top .right dt{font-size:1.2em;font-weight:800;margin:0 0 10px 5px;}

.population dd ul{background:#fff;border-radius:10px;padding:10px 20px;}
.population dd ul li{padding:10px;}
.population dd ul li:nth-child(1){border-bottom:dashed 1px #cbcbcb;}
.population dd ul li a{line-height:20px;}
.population dd ul li a:before{display:inline-block;content:"";width:17px;height:17px;float:left;margin-right:8px;}
.population dd ul li:nth-child(1) a:before{background:url("/upload_data/board_data/BBS_0000130/174597366874892.png") no-repeat}
.population dd ul li:nth-child(2) a:before{background:url("/upload_data/board_data/BBS_0000130/174597366874741.png") no-repeat}

.population .pp_con dl{border-radius:10px;padding:10px;margin-bottom:15px;min-height:165px;}
.population .pp_con dl.pp_c01{background:#fff7d6 url("/upload_data/board_data/BBS_0000130/174597366874817.png") no-repeat 25% bottom;}
.population .pp_con dl.pp_c02{background:#ffead6 url("/upload_data/board_data/BBS_0000130/174597366874804.png") no-repeat 25% bottom;}
.population .pp_con dl.pp_c03{background:#ffddd6 url("/upload_data/board_data/BBS_0000130/174597366874838.png") no-repeat 25% bottom;}
.population .pp_con dl.pp_c04{background:#ffd6e4 url("/upload_data/board_data/BBS_0000130/174597366874985.png") no-repeat 25% bottom;}
.population .pp_con dl.pp_c05{background:#e5d6ff url("/upload_data/board_data/BBS_0000130/174597366874932.png") no-repeat 35% bottom;}
.population .pp_con dl.pp_c06{background:#d6e3ff url("/upload_data/board_data/BBS_0000130/174597366874997.png") no-repeat 15% bottom;}
.population .pp_con dl.pp_c07{background:#d6f4ff url("/upload_data/board_data/BBS_0000130/174597366874944.png") no-repeat 40% bottom;}
.population .pp_con dl.pp_c08{background:#d6fff4 url("/upload_data/board_data/BBS_0000130/174597366874963.png") no-repeat 25% bottom;}
.population .pp_con dl.pp_c09{background:#d6ffdd url("/upload_data/board_data/BBS_0000130/174597366875034.png") no-repeat 25% bottom;}
.population .pp_con dl.pp_c10{background:#ecffd6 url("/upload_data/board_data/BBS_0000130/174597366875047.png") no-repeat 25% bottom;}
.population .pp_con dl:after{display:block;content:"";clear:both;}
.population .pp_con dl dt{float:left;font-size:18px;font-family:"ONE Title";font-weight:normal;line-height:24px;padding:10px;}
.population .pp_con dl dd{float:right;}
.population .pp_con dd ul{padding:12px}
.population .pp_con dd ul li{padding:20px 10px;}

@media all and (min-width:768px) {

.population .pp_top{padding:30px 40px;margin:10px 5px;}
.population .pp_top:after{display:block;content:"";clear:both;}
.population .pp_top h4{font-size:1.8em;}
.population .pp_top p{font-size:1.2em;line-height:1.4em;}
.population .pp_top .left{float:left;}
.population .pp_top .right{float:right;width:40%;padding-top:0;}
.population .pp_top .right ul:after{display:block;content:"";clear:both;}
.population .pp_top .right ul li{float:left;width:50%;box-sizing:border-box !important;}
.population .pp_top .right ul li:nth-child(1){border:none;}

.population .pp_con:after{display:block;content:"";clear:both;}
.population .pp_con dl{float:left;width:calc(50% - 10px);margin:5px;box-sizing:border-box !important;}
.population .pp_con dd ul{padding:12px 25px}
.population .pp_con dl.pp_c01{background-position:32% bottom;}
.population .pp_con dl.pp_c02{background-position:32% bottom;}
.population .pp_con dl.pp_c03{background-position:30% bottom;}
.population .pp_con dl.pp_c04{background-position:30% bottom;}
.population .pp_con dl.pp_c05{background-position:30% bottom;}
.population .pp_con dl.pp_c06{background-position:15% bottom;}
.population .pp_con dl.pp_c07{background-position:35% bottom;}
.population .pp_con dl.pp_c08{background-position:30% bottom;}
.population .pp_con dl.pp_c09{background-position:25% bottom;}
.population .pp_con dl.pp_c10{background-position:25% bottom;}

}

@media all and (min-width:1023px) {
.population .pp_top{padding:30px 40px;margin:10px;}
.population .pp_top .right ul li{width:40%;}
.population .pp_con dl{;width:calc(100% / 3 - 20px);margin:10px;}
.population .pp_con dl dt{font-size:24px;line-height:30px;}
.population .pp_con dl.pp_c01{background-position:32% bottom;}
.population .pp_con dl.pp_c02{background-position:32% bottom;}
.population .pp_con dl.pp_c03{background-position:35% bottom;}
.population .pp_con dl.pp_c04{background-position:35% bottom;}
.population .pp_con dl.pp_c05{background-position:40% bottom;}
.population .pp_con dl.pp_c06{background-position:20% bottom;}
.population .pp_con dl.pp_c07{background-position:40% bottom;}
.population .pp_con dl.pp_c08{background-position:40% bottom;}
.population .pp_con dl.pp_c09{background-position:35% bottom;}
.population .pp_con dl.pp_c10{background-position:40% bottom;}
 
}

/**20250513 울진복지정책 추가**/

.bokji0513{position:relative;background:#fee8d1;padding:40px 20px;}
.bokji0513 .bj_top{text-align:center;padding-bottom:40px;}
.bokji0513 h4{font-family:"ONE Title";font-weight:normal;color:#000;margin:0 0 20px 0;padding:0;}
.bokji0513 h4 span{color:#2d3ca3;}
.bokji0513 .bj_top p{font-size:18px;line-height:26px;}

.bokji0513 .bj_btn li{padding-bottom:20px;}
.bokji0513 .bj_btn a{display:block;position:relative;background:#223e99;color:#fff;border-radius:10px;text-align:center;font-size: 19px;padding: 30px 0;box-shadow:0px 0px 10px rgba(0,0,0,0.1);line-height:24px;}
.bokji0513 .bj_btn li:nth-child(2) a{background:#4374d4;}
/*.bokji0513 .bj_btn a:before,
.bokji0513 .bj_btn a:before{display:inline-block;content:"";width:139px;height:138px;background:url("/upload_data/board_data/BBS_0000130/174712025973218.png");position:absolute;right:-20px;top:-20px;}*/

.bokji0513_skin table{width:100%;margin:10px 0;border-top:1px solid #223e99}
.bokji0513_skin table th, 
.bokji0513_skin table td{padding:10px;border:1px solid #cdcdcd;border-top:none;vertical-align:middle;font-size:16px;line-height:1.5em}
.bokji0513_skin table tbody th{background:#f4f6fb;color:#223e99;text-align:center;width:100px;}
.bokji0513_skin table tbody td{color:#000}
.bokji0513_skin table tbody td em{font-style:normal;}
.bokji0513_skin table tbody td .sbtn_go, 
.bokji0513_skin table tbody td .sbtn_new, 
.bokji0513_skin table tbody td .sbtn_down{white-space:nowrap}
.bokji0513_skin table tbody th.bj_title,
.bokji0513_skin table tbody td.bj_title{background:#faf0d3;}
.bokji0513_skin table tbody td.bj_title{font-weight:800;}
.bokji0513_skin table .point_bg{background:#f8f7f0}
.bokji0513_skin table span{display:inline-block;font-weight:700;font-size:0;min-width:40px;height:23px;}
.bokji0513_skin table span.fc01{background:url("/upload_data/board_data/BBS_0000130/174787461645739.png") no-repeat;}
.bokji0513_skin table span.fc02{background:url("/upload_data/board_data/BBS_0000130/174787461644433.png") no-repeat;}
.bokji0513_skin table span.medal{background:url("/upload_data/board_data/BBS_0000130/174729366006212.png") no-repeat;}
.bokji0513_skin table span.best{background:url("/upload_data/board_data/BBS_0000130/174729366006236.png") no-repeat;}
/*.bokji0513_skin table span.medal{display:inline-block;font-size:0;width:30px;position:relative;}
.bokji0513_skin table span.medal:before{display:block;content:"";width:25px;height:34px;background:url("/upload_data/board_data/BBS_0000130/174712025973255.png");position:absolute;top:-5px;left:0;}*/


.bokji0513_skin div{background:#fff;border-radius:30px;box-shadow:0 0 15px 5px rgba(0,0,0,0.05);margin:10px;padding:10px 15px;box-sizing:border-box !important}
.bokji0513_skin table{border:none;}
.bokji0513_skin table th, 
.bokji0513_skin table td{border:none;border-bottom:solid 3px #fff;border-radius:30px;padding:10px 15px;}


@media all and (min-width:768px) {
.bokji0513 .bj_btn ul:after{display:block;content:"";clear:both;}
.bokji0513 .bj_btn ul{width:550px;margin:0 auto;}
.bokji0513 .bj_btn ul li{float:left;width:50%;padding:0 10px;box-sizing:border-box;}

.bokji0513_skin table tbody td em{display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;overflow:hidden; text-overflow:ellipsis;}
}

@media all and (min-width:1023px) {

.bokji0513{padding:70px 0;}
.bokji0513:before,
.bokji0513:after{display:block;content:"";position:absolute;}
.bokji0513:before{width:370px;height:183px;background:url("/upload_data/board_data/BBS_0000130/174712025973143.png") no-repeat;left:10px;bottom:20px;}
.bokji0513:after{width:354px;height:254px;background:url("/upload_data/board_data/BBS_0000130/174712025973204.png") no-repeat;right:10px;bottom:20px;}

.bokji0513 .bj_btn a:hover,
.bokji0513 .bj_btn a:focus,
.bokji0513 .bj_btn li:nth-child(2) a:hover,
.bokji0513 .bj_btn li:nth-child(2) a:focus{position:relative;background:#e9634b;color:#fff;}
.bokji0513 .bj_btn a:hover:before,
.bokji0513 .bj_btn a:focus:before{display:inline-block;content:"";width:139px;height:138px;background:url("/upload_data/board_data/BBS_0000130/174712025973218.png");position:absolute;right:-20px;top:-20px;}

.bokji0513_skin:after{display:block;content:"";clear:both;}
.bokji0513_skin div{float:left;width:calc(50% - 20px);box-sizing:border-box !important;height:400px;}
.bokji0513_skin table{border:none;height:350px;}
 
}