@charset "utf-8";

.tbl.cinfo{border-top:2px solid #c16e96;}
.tbl.cinfo th{background:#fbf3f7;color:#444}

.border_L{border-left:1px solid #d5d5db!important}

/* (사전)행정정보공개 */

.open_data a.btn{background:#51576e; color:#fff; padding:8px 18px}
.open_data label{display:none!important} 
.open_data input[type='text']{width:70%; margin-right:5px; border-left:none; float:left}
.open_data select{width:11%; float:left}

.open_info{margin-bottom:20px; display:table; width:100%}
.open_info ul{width:19%; margin:0 0.9% 5px 0; float:left; border:1px solid #e1e4ee}
.open_info ul:nth-child(5){ margin-right:0}
.open_info li{text-align:center}
.open_info li:nth-child(1){background:#f2ebf2; padding:17px 0}
.open_info li:nth-child(2) a{color:#fff; background:#886d7a; padding:15px 0; font-weight:600; font-size:15px; width:100%; display:block; transition:all .3s;}
.open_info li:nth-child(2) a:hover,
.open_info li:nth-child(2) a.on{background:#8e3560}



.open_info li:nth-child(2) a img{margin-left:7px; vertical-align:middle}
.open_info li:nth-child(3){margin-left:7px; vertical-align:middle; padding-top:14px; padding-bottom: 20px; line-height:26px; height:200px}
.open_info li:nth-child(3) a:hover{text-decoration:underline; color:#8e3560}
.open_info li.bg{background: url(/images/info/open_bg.png) no-repeat center bottom;}

.open_M{display:none}


/* 재정정보테이블 */
.fine768{width:100%}
.fine900{width:100%}

.tbl.fin2 td{padding:10px 3px!important}

.fin tr td:nth-child(6), .fin tr td:nth-child(7), .fin tr td:nth-child(8){text-align:right}
.fin2 tr td:nth-child(8), .fin2 tr td:nth-child(9){text-align:right}

.board_search.s_fine{text-align:center; padding:15px 10px!important}
.s_fine label{margin-left:10px; padding:0 10px; background: url(../images/common/bul_sch_label.png) no-repeat left center; text-align:right; display:inline-block}
.s_fine select{width:100px}

#fine900_drag{display:none; position:absolute; width:100%; text-align:center}
#fine768_drag{display:none; position:absolute; width:100%; text-align:center}

.table_drag{display:inline-block; width:230px; height:53px; margin-top:20px; padding:10px; background-color:rgba(0, 0, 0, 0.6); border-radius:200px; cursor:pointer; z-index:1000; color:#fff}
.table_drag li{display:block; float:left}
.table_drag li.al{width:53px;}
.table_drag li.a2{width:125px; font-size:12px; line-height:18px; padding:10px}
.table_drag li.a3{width:13px}


/*정보공개처리절차 */
.info_flow{text-align:center; padding:40px 0}
.M_info_flow{display:none; text-align:center; padding:40px 0}


/* Open API 개방목록 */

.info_exe{border:1px solid #ddd; margin:0 auto 30px auto; padding:20px; box-sizing:border-box; text-align:center}
table.openapi tr td{word-break:break-all}

a.uline:hover {text-decoration:underline}

/* Open API 개방현황 */
.data_box{overflow:hidden;display: block;width: 100%;min-height: 160px;text-align: center;}
.data_box dl.smallBox {float: left;width: 21%;min-height: 150px;}
.data_box dl.smallBox dt .tit {background: #a35078;}
.data_box dl dt .tit {padding: 0 10px;height: 50px;line-height: 50px;font-size: 15px;color: #fff;}
.data_box dl dt{text-align:center;}
.data_box dl dd{text-align:center;border:1px solid #c8c8c8;}
.data_box dl dd ul{display:inline-block;margin-top:15px}
.data_box dl dd ul li{background:url(../images/chai/plan_bg05.png) no-repeat left 8px;padding-left:10px;text-align:left}
.data_box div.imgBox {height: 150px;width: 32px;display: inline-block;float: left;}
.data_box div.imgBox div.arr_css {float: left;width: 32px;display: block;margin-top: 10px;height:inherit;background:url(/images/info/data_rightarrow.png) no-repeat;background-size:32px;}
.databox_info{float:right;}
.databox_info span{margin-left:15px;}
.databox_info img{width:5px;margin-right:5px;vertical-align:middle;}
.txt1 {padding:8px; border-bottom:1px solid #c8c8c8;}
.txt2 {padding:8px;}


@media screen and (max-width:1190px){
	
.open_data input[type='text']{width:60%;}
.open_data select{width:110px}

}


@media screen and (max-width:899px){
#fine900_drag{display:block;}
.fine900{width:900px; overflow-x:scroll}
}


@media screen and (max-width:890px){
	
.open_info li:nth-child(2) a img{display:none}

}




@media screen and (max-width:780px){
	
.open_data input[type='text']{width:50%;}

.open_info ul{width:32%; margin-right:1%;}
.open_info ul:nth-child(3){ margin-right:0}
}


@media screen and (max-width:768px){
.fine768{width:768px; overflow-x:scroll}
}


@media screen and (max-width:767px){
#fine768_drag{display:block;}
}

@media screen and (max-width:670px){
.data_box div.imgBox {height: 32px;width: 100%;display:inline-block;text-align: center;float:none;position:relative;}
.data_box dl.smallBox{width:100%;min-height:auto;}
.data_box div.imgBox div.arr_css {width: 32px;margin-top: 10px;text-align: center;height:inherit;background:url(/images/info/data_bottomarrow.png) no-repeat;background-size:20px;display:inline-block;float:none;}
.databox_info{float:none;}
}

@media screen and (max-width:640px){
	
.open_data input[type='text']{width:70%;}
.open_data select{width:28%;}
.open_data span{display:table; padding-top:10px; text-align:right; width:100% }

.open_pc{display:none}
.open_M{display:block}

.info_flow{display:none}
.M_info_flow{display:block}

}

@media screen and (max-width:550px){
    table.openapi colgroup col:first-child{width:100px}
}

@media screen and (max-width:540px){	
.s_fine label{text-align:left; margin-left:3px; padding:0 3px; background:none; }
.s_fine select{width:60px}
}

@media screen and (max-width:480px){
	
.open_info ul{width:48%;}
.open_info ul:nth-child(3){ margin-right:1%}
.open_info ul:nth-child(2), .open_info ul:nth-child(4){ margin-right:0}
.open_info li:nth-child(3){height:auto}
}

@media screen and (max-width:410px){
.s_fine button{margin-top:5px}
}


@media screen and (max-width:390px){
	
.open_data input[type='text']{width:100%; border-left:1px solid #bbc2d3; margin-top:5px}
.open_data select{width:100%;}
.open_data span{display:table; padding-top:10px; text-align:right; width:100% }


}