@charset "utf-8";

.board_view tbody tr .contents .conts li{list-style: none;}
.board_view tbody tr .contents .conts table{width: 100% !important;height: auto !important;}
.board_view tbody tr .contents .conts table p{margin-bottom:0;padding: 0;max-width: 100%;}

/* sch_box */
.sch_box{margin-top: 40px;margin-bottom:30px; padding:32px 0; /* background: url(/images/new/web/board/th_bg_01.png); */text-align:center;background: #f1f3f7; border-radius: 5px; display: flex; justify-content: center;align-items: center;}
.sch_box div select{width:122px; height:40px; padding-left:17px; border: 1px solid #d8dbe1; border-radius: 5px;color: #555;background: #fff url(/images/new/web/board/board_arr_01.png) 90% 50% no-repeat; }
.sch_box div input[type="text"]{width:600px; height:40px; padding-left:17px; border: 1px solid #d8dbe1; border-radius: 5px;}
.sch_box div input[type="submit"]{width:102px; height:40px; border:1px solid #ccc; box-sizing:border-box; text-align:center; cursor:pointer; color: #fff; background: #37537e; border-radius: 5px;}
.sch_box div input[type="submit"]:focus{outline: 2px dashed #ff8383;}

/* sch_box_02 */
.sch_box_02 {display: flex; flex-direction: column;}
.sch_box_02 .sch_list_box{margin-bottom: 4px; display: flex;align-items: center;}
.sch_box_02 .sch_list_box .sel_02{width: 306px;height: 40px;padding-left: 17px;border: 1px solid #d8dbe1;border-radius: 5px;color: #555;background: #fff url(/images/new/web/board/board_arr_01.png) 94% 50% no-repeat;}
.sch_list_box form {width: 100%;}
/* 정보목록 */
.sch_box_02 .sch_list_box_02 input[type="text"] {width: auto;height: 40px;padding-left: 17px;border: 1px solid #d8dbe1;border-radius: 5px;}
.sch_box_02 .sch_list_box_02 a{border: 1px solid #ccc;box-sizing: border-box;text-align: center;cursor: pointer;color: #fff;background: #37537e;border-radius: 5px;padding: 10px 30px;}
.sch_box_02 .sch_list_box_02 span{font-weight: 600; margin: 0 10px;}


.m_board_list1{display: none}

.board_list1{width: 100%;border-top: 2px solid #151515; border-bottom: 1px solid #d0d0d0;}
.board_list1 th{font-weight: bold;padding: 12px 20px;font-size: 14px;border-bottom: 1px solid #cacaca; color: #444;}
.board_list1 td{padding: 12px 20px;font-size: 14px;}
.board_list1 .none{}
.board_list1 .tit{}
.board_list1 td .file_box{display: flex;align-items: center;justify-content: center;gap: 3px;}

/* .paging{}
.paging .inner{}
.paging .inner a{}
.paging .inner a img{}
.paging .inner .num{}
.paging .inner .num a{} */

 /* 페이징 스타일 */
.paging{width:100%; text-align:center; font-size:0; margin-top:60px}
.paging .inner{font-size:0}
.paging .inner a{display:inline-block; width:38px; height:10px; padding:14px 0; margin:0 2px; border:1px solid #ededed; font-size:15px; line-height:1; text-align:center; vertical-align:middle; border-radius: 5px;}
.paging .num{display:inline-block; margin:0 20px}
.paging .num a{display:inline-block; width:40px; height:14px; padding:13px 0; background:#fff; color: #555; border:none; font-size:15px; line-height:1; text-align:center; vertical-align:middle;border: 1px solid #ededed;}
.paging .num a:hover{background:#f5f5f5; color:#555;}
.paging .num a.on{background: #fff; color: #345da5; border: 1px dashed #4066aa;}
.paging .mob_paging{display:none}

/* board_view1 */
.board_view{table-layout:fixed; width:100%; margin-top:60px; margin-bottom:30px; border-top:2px solid #2d4359; border-bottom:1px solid #2d4359}
.board_view th{font-size: 16px;padding: 20px 30px;background: #f5f7fa; border-bottom:1px solid #e1e1e1; color:#333}
.board_view th p{/* float: left; */margin-bottom: 10px;/*padding: 0 30px; */width: 100%; font-size: 18px;color: #333;text-align: left;line-height: 24px;box-sizing: border-box}
.board_view th ul{/* float:right padding: 0 30px;*/}
.board_view th ul li{float:left;margin: 3px 25px 0 0;padding-right: 25px; font-size: 16px;color: #444;font-weight:normal}
.board_view th ul li.tit_f{display: contents;}
.board_view th ul li.tit_f p{padding: 0;}
.board_view th ul li b{margin-right: 10px;font-size: 15px;color: #333;}
.board_view th ul .line{position: relative}
.board_view th .WinWinCooperation_area .line:before {display: none;}
.board_view th ul .line::before{content: ''; position: absolute;width: 1px;height: 19px;background: #cbced4;right: 0px;top: -1px}
.board_view td{padding:20px 30px; font-size:16px; border-bottom:1px solid #d5d5d5; line-height:1.5;/* line-height:20px */ word-break: keep-all;}
/* .board_view td input[type="text"],.board_view td input[type="password"],select,textarea{height:30px; border:1px solid #ddd; border-radius: 5px;} */
.board_view td.contents{padding: 45px 10px 70px 30px;}
.board_view td.contents .videowrapper{text-align: center;}
.board_view td.contents .videowrapper iframe{width: 100%;height: 700px;}
.board_view td.contents img{max-width:100% !important}
.board_view td.contents .conts{margin-bottom:87px;line-height: 26px;font-size:16px; color:#444}
.board_view td.contents .conts table{width: 100%; table-layout: fixed !important; border-top: 3px solid #757983 !important; border-bottom: 1px solid #757983 !important; margin-bottom: 28px !important; margin: 0 auto;}
.board_view td.contents .conts table th{padding: 18px 10px !important; background-color: #f5f7fd !important; border-left: 1px solid #d6d6d6 !important; border-right: 1px solid #d6d6d6 !important;border-top: 1px solid #d6d6d6 !important; font-size: 16px !important; text-align: center !important; vertical-align: middle !important; color: #444444 !important; line-height: 1.5!important; border-color: #d6d6d6 !important;}
.board_view td.contents .conts table td{padding: 15px 10px !important; border-left: 1px solid #d6d6d6 !important; border-right: 1px solid #d6d6d6!important; border-top: 1px solid #d6d6d6 !important; font-size: 16px !important; text-align: center !important; vertical-align: middle !important; border-color: #d6d6d6 !important;}

.board_view td.contents .file p{font-weight: 600;font-size: 15px;color: #0f8dce;margin-bottom: 8px}
.board_view td.contents .file ul{width: 100%;box-sizing: border-box;border: 1px solid #cbced4;padding: 13px 0}
.board_view td.contents .file ul li{position: relative;padding-left: 53px;padding-right: 11px;line-height: 24px;word-break: break-all}
.board_view td.contents .file ul li a{font-size:16px;color:#444}
.board_view td.contents .file ul li::after {content: '';position: absolute;left: 11px;top: 50%;width: 31px;height: 30px;background: #4c5762 url(/images/new/board/print_ico.png)50% 50% no-repeat;transform: translateY(-50%)}
.board_view td.contents .file ul li:not(:first-child){margin-top:15px;}

.board_view th .WinWinCooperation_area{display: flex; flex-wrap: wrap; gap: 7px; text-align: left; font-size: 16px;}
.board_view th .WinWinCooperation_area .line{width: 100%;}
.board_view th .WinWinCooperation_area .line span {width: 92%; display: block; text-align: left; position: relative;  /* display: flex; */ float: right;}
.board_view th .WinWinCooperation_area .line p {font-size: 16px; margin-bottom: 0;}
.board_view th tbody tr td p{font-size: 14px;}
.winwintit{ width: 92% !important; display: block; text-align: left; position: relative; /* display: flex; */  float: right;}

/*민원처리 청렴도 평가 테이블*/
.board_view_n{table-layout:fixed; width:100%; margin-bottom:30px; border-bottom:1px solid #2d4359; margin-top:30px;}
.board_view_n th{padding: 18px 0;background: #f5f7fa; border-bottom:1px solid #e1e1e1; color:#333}
.board_view_n th p{float: left;padding: 0 30px;width: 100%;max-width: 680px; font-size: 18px;color: #333;text-align: left;line-height: 24px;box-sizing: border-box}
.board_view_n th ul{float:right}
.board_view_n th ul li{float:left;margin: 3px 25px 0 0;padding-right: 25px; font-size: 14px;color: #444;font-weight:normal}
.board_view_n th ul li b{margin-right: 10px;font-size: 15px;color: #333;}
.board_view_n th ul .line{position: relative}
.board_view_n th ul .line::before{content: ''; position: absolute;width: 1px;height: 19px;background: #cbced4;right: 0px;top: -1px}
.board_view_n td{padding:10px 15px; font-size:12px; border-bottom:1px solid #d5d5d5; line-height:20px}
.board_view_n td input[type="text"],.board_view td input[type="password"]{height:30px; border:1px solid #ddd}
.board_view_n td.contents{padding: 0px 0px 70px}
.board_view_n td.contents img{max-width:100% !important}
.board_view_n td.contents .conts{margin-bottom:87px;line-height: 26px;font-size:14px; color:#444}
.board_view_n td.contents .file p{font-size: 15px;color: #0f8dce;margin-bottom: 8px}
.board_view_n td.contents .file ul{width: 100%;box-sizing: border-box;border: 1px solid #cbced4;padding: 13px 0}
.board_view_n td.contents .file ul li{position: relative;padding-left: 53px;padding-right: 11px;line-height: 24px;word-break: break-all}
.board_view_n td.contents .file ul li a{font-size:14px;color:#444}
.board_view_n td.contents .file ul li::after {content: '';position: absolute;left: 11px;top: 50%;width: 31px;height: 30px;background: #4c5762 url(/images/new/board/print_ico.png)50% 50% no-repeat;transform: translateY(-50%)}
.board_view_n td.contents .file ul li:not(:first-child){margin-top:15px}

/* 본인인증 뷰페이지 bbs-I */
.board_view_02{border-bottom: none;}
.board_view_02 td{border-bottom: none;}
.board_view_02 td .visit_tbl{width: 80%; border: 1px solid #ddd;  /* margin-top: 50px; */ margin: 0 auto; margin-top: 50px;}
.board_view_02 td .visit_tbl td{border-bottom: 1px solid #ddd;}
.board_view_02 td .visit_tbl td input[type="text"]{padding: 0 5px;line-height: 36px;height: 36px;border: 1px solid #cfcfcf;color: #666;font-size: 14px;width: 90%;}


/* 본인인증 수정 페이지 */
.board_write{table-layout:fixed; width:100%;margin-bottom:30px; border-top:2px solid #2d4359; border-bottom:1px solid #2d4359}
.board_write th{font-size: 16px;padding: 20px 0;background: #f5f7fa; border-bottom:1px solid #e1e1e1; color:#333;vertical-align: middle;}
.board_write td{padding:10px 15px; font-size:15px; border-bottom:1px solid #d5d5d5; line-height:1.5;/* line-height:20px */vertical-align: middle;}
.board_write td.contents{padding: 45px 10px 70px}
.board_write td.contents .videowrapper{text-align: center;}
.board_write td.contents .videowrapper iframe{width: 100%;height: 700px;}
.board_write td.contents img{max-width:100% !important}
.board_write td.contents .conts{margin-bottom:87px;line-height: 26px;font-size:16px; color:#444}
.board_write td.contents .conts table{width: 100%; table-layout: fixed !important; border-top: 3px solid #757983 !important; border-bottom: 1px solid #757983 !important; margin-bottom: 28px !important; margin: 0 auto;}
.board_write td.contents .conts table th{padding: 18px 10px !important; background-color: #f5f7fd !important; border-left: 1px solid #d6d6d6 !important; border-right: 1px solid #d6d6d6 !important;border-top: 1px solid #d6d6d6 !important; font-size: 16px !important; text-align: center !important; vertical-align: middle !important; color: #444444 !important; font-family: 'NG'!important; line-height: 1.5!important; border-color: #d6d6d6 !important;}
.board_write td.contents .conts table td{padding: 15px 10px !important; border-left: 1px solid #d6d6d6 !important; border-right: 1px solid #d6d6d6!important; border-top: 1px solid #d6d6d6 !important; font-size: 16px !important; text-align: center !important; vertical-align: middle !important; border-color: #d6d6d6 !important;}

.board_write td.contents .file p{font-weight: 600;font-size: 15px;color: #0f8dce;margin-bottom: 8px}
.board_write td.contents .file ul{width: 100%;box-sizing: border-box;border: 1px solid #cbced4;padding: 13px 0}
.board_write td.contents .file ul li{position: relative;padding-left: 53px;padding-right: 11px;line-height: 24px;word-break: break-all}
.board_write td.contents .file ul li a{font-size:16px;color:#444}
.board_write td.contents .file ul li::after {content: '';position: absolute;left: 11px;top: 50%;width: 31px;height: 30px;background: #4c5762 url(/images/new/board/print_ico.png)50% 50% no-repeat;transform: translateY(-50%)}
.board_write td.contents .file ul li:not(:first-child){margin-top:15px}
.board_write .table_input input[type='text']{padding: 0 5px;line-height: 36px;height: 36px;border: 1px solid #cfcfcf;color: #666;font-size: 14px;}
.board_write .table_input select{background: #fff url(/images/new/web/board/board_arr_01.png) 94% 50% no-repeat; padding: 0 0 0 10px; height: 38px;width: 200px;border: 1px solid #cfcfcf;color: #666;font-size: 14px;}
.board_write td input[type="text"]{padding: 0 5px;line-height: 36px;height: 36px;border: 1px solid #cfcfcf;color: #666;font-size: 14px;}
.board_write td textarea{padding: 10px;}
.board_write td ul{}
.board_write td ul li{}
.board_write td ul li input[type="checkbox"]{margin: 0px 4px 2px 10px;}


.board_view_03{margin-top: 0px}
/* 댓글 */
.insert_filed{border-bottom: 1px solid #2d4359;border-top: 2px solid #2d4359;background: #f7f7f9;}
.insert_filed .comment_text{}
.insert_filed .comment_text textarea{width: 95.5%;padding: 10px;height: 120px;margin: 30px 20px;}
.insert_filed .comment_bt{text-align: end;padding: 10px;}
.insert_filed .comment_bt .b_btn_3{display: inline-block; padding: 5px 10px;border-radius: 5px;background: #003e8b;color: #fff;}
/* 전체 댓글 수 */
.comment_wrap{}
.comment_wrap .comment_cnt{margin: 10px 0;}
#child .comment_txt2 .name_date{background: url(/images/new/web/board/reply_ico.png) 0% 0% no-repeat;padding-left: 30px;}
.cmt_contents{}
.cmt_contents ul{}
.cmt_contents ul li{background: #f5f7fa;padding: 10px;}
.cmt_contents ul .re_comment2{background: #f5f7fa;/*padding: 10px 10px 10px 50px; */ margin-left: 50px;}
.cmt_contents ul .re_comment3{background: #f5f7fa;/*padding: 10px 10px 10px 100px;*/margin-left: 100px;}
.cmt_contents ul .re_comment4{background: #f5f7fa;/*padding: 10px 10px 10px 150px;*/ margin-left: 150px;}
.cmt_contents ul .re_comment5{background: #f5f7fa;/*padding: 10px 10px 10px 150px;*/ margin-left: 200px;}
.cmt_contents ul li .comment_txt2{}
.cmt_contents ul li .comment_txt2 .name_date{margin: 10px 0;}
.cmt_contents ul li .comment_txt2 .name_date p{}
.cmt_contents ul li .comment_txt2 .name_date p strong{margin-right: 10px;}
.cmt_contents ul li .comment_txt2 .name_date p strong span{}
.cmt_contents ul li .comment_txt2 .comment_body{height: 60px;padding: 10px;border: 1px solid #dddddd;background: #fff;}
.cmt_contents ul li .comment_txt2 .c_comment_btn{margin: 10px 0;text-align: end;}
.cmt_contents ul li .comment_txt2 .c_comment_btn a{ display: inline-block;padding: 5px 8px;border-radius: 5px;background: #003e8b;color: #fff;}
.cmt_contents ul li .comment_txt2 .c_comment_btn .b_btn_3{background: #019fa7;}
.cmt_contents ul li .comment_txt2 .c_comment_btn .b_btn_4{}
.cmt_contents ul li .comment_txt2 .c_comment_btn .b_btn_5{background: #3a3a3a;}
.cmt_contents ul li .comment_txt2 .re_insert{padding: 20px 0px 10px 20px;}
.cmt_contents ul li .comment_txt2 .re_insert .re_insert_txt2{}
.cmt_contents ul li .comment_txt2 .re_insert .re_insert_txt2 textarea{width:95%;height: 60px;}
.cmt_contents ul li .comment_txt2 .re_insert .count_box_wrap{display: flex;justify-content: space-between;margin-top: 8px;}
.cmt_contents ul li .comment_txt2 .re_insert .count_box_wrap .count_box{}
.cmt_contents ul li .comment_txt2 .re_insert .count_box_wrap .count_box_btn{}
.cmt_contents ul li .comment_txt2 .re_insert .count_box_wrap .count_box_btn a{display: inline-block;padding: 5px 8px;border-radius: 5px;background: #003e8b;color: #fff;}
.cmt_contents ul li .comment_txt2 .re_insert .count_box_wrap .count_box_btn .b_btn_3{}
.cmt_contents ul li .comment_txt2 .re_insert .count_box_wrap .count_box_btn .b_btn_4{background: #9d0000;}
.cmt_contents ul li .comment_txt2 .modify_form{}
.cmt_contents ul li .comment_txt2 .modify_form textarea{ width: 100%;height: 60px;background: #f1f1f1;padding: 10px;box-sizing: border-box; margin-left: 0px;}
.cmt_contents ul li .comment_txt2 .modify_form_btn{text-align: end;margin-top: 10px;}
.cmt_contents ul li .comment_txt2 .modify_form_btn a{display: inline-block;padding: 5px 8px;border-radius: 5px;background: #1a8b5c;color: #fff;}
.cmt_contents ul li .comment_txt2 .modify_form_btn .b_btn_3{background: #019fa7;}
.cmt_contents ul li .comment_txt2 .modify_form_btn .b_btn_5{background: #9d0000;}

.board_nav {margin-bottom:40px; width:100%; border-top:1px solid #2d4359; border-bottom:1px solid #2d4359; color:#6e6e6e}
.board_nav th {padding:20px 10px 18px 17px;background: #f5f7fa;border-bottom:1px solid #d5d5d5; font-size: 15px;color: #333;vertical-align: middle;}
.board_nav td {padding:20px 10px; border-bottom:1px solid #d5d5d5;font-size: 16px;color: #666;vertical-align: middle;/*white-space: nowrap;overflow: hidden;text-overflow: ellipsis*/}
.board_nav td a{word-wrap: break-word;box-sizing: border-box;display: block;overflow: hidden;text-overflow: ellipsis; line-height: 1.4;}
.board_nav tr:last-child th{border-bottom:1px solid #2d4359;vertical-align: middle;}
.board_nav tr:last-child td{border-bottom:1px solid #2d4359;vertical-align: middle;}


/* view_util */
.view_util{position:relative; margin-bottom:10px}
.view_util:after{display:block; clear:both; content:""}
.view_util div{float:right}
.report_insert{display:none; position:absolute; top:42px; right:0; width:458px; height:60px; padding:10px; background-color:#fff; border:1px solid #ddd}
.report_insert textarea{float:left; width:378px; height:47px; padding:10px 0 0 10px; border:1px solid #ddd; resize:none}
.report_insert input[type="submit"]{float:right; width:60px; height:59px; border:none; background-color:#2a3649; color:#fff}
.report_insert a span{display:inline-block; padding:21px 16px; margin-left:10px; border:solid 1px #ddd}

/* board_list1 */
.board_list1{table-layout:fixed; width:100%; margin-bottom:35px; border-top: 2px solid #151515;/* margin-top: 40px; */}
.board_list1 thead tr{border-bottom: 1px solid #b6b6b6;}
.board_list1 th{padding:16px 5px;  border-bottom: 1px solid #e1e1e1; font-size:17px; color:#444}
.board_list1 th.border_none{border-right:none}
.board_list1 td{padding:19px 5px; text-align:center; font-size:16px;color:#444; border-bottom: 1px solid #f1f1f1;}
.board_list1 td.tit{overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:left}
.board_list1 td.tit_new{overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:left}
.board_list1 td.tit_new img{margin: 3px 0 3px 6px;}

.board_list1 td.left{text-align:left}
/* .board_list1 tr:last-child td{border-bottom:1px solid #2d4359} */
.board_list1 ~ div a.v2{width:100px}

/* board_list2 : thumbnail 앨범형 */
.board_list2{width:100%;height:auto;box-sizing:border-box;border-top:2px solid #2d4359;}
.board_list2 li{float:left;width: 306px;/*width:226px;*/padding: 15px 15px 15px;margin-top: 30px;font-size: 20px;width: calc(100%/3 - 50.1px);margin-right: 26px; border: 1px solid #ddd;}
.board_list2 li:nth-child(3n){margin-right: 0;}
/* .board_list2 li:not(:nth-child(3n)){margin-right:26px} */
.board_list2 li a{display:block}
.board_list2 span{font-size:15px;color:#666}
.board_list2 .num{font-size:15px;color:#666;line-height:26px;margin-bottom:11px}
.board_list2 .txt{line-height:26px}
.board_list2 .tit{margin-bottom:25px;font-size:16px;font-weight: 600;color:#444;letter-spacing:-0.045em;max-height:26px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}
.board_list2 .img{position:relative;width:100%;height:288px;margin-bottom:20px;text-align:center;overflow:hidden}
.board_list2 .img img{position:absolute;height:100%;left:50%;top:50%;transform:translate(-50%, -50%)}
.board_list2 ~ .btn_area {margin-top:30px}

.board_list2 .board_view_box{display: flex; justify-content: space-between;}
.board_list2 .board_view_box span{font-size: 15px; color: #888;font-weight: 600;}
.board_list2 .board_view_box .num{position:relative;font-size: 15px; color: #888;font-weight: 600;}
.board_list2 .board_view_box .num:after{content:''; position:absolute;top: 8px;left: -20px; width: 16px;height: 12px;background: url(/images/new/web/board/board_view.png) no-repeat;}
.hit{margin-bottom: 26px;}

.sel_style1{width: 102px;height: 40px;padding-left: 17px;border: 1px solid #d8dbe1;border-radius: 5px; color: #555;background: #fff url(/images/new/web/board/board_arr_01.png) 80% 50% no-repeat;margin-right: 2px;}
/* 사전공표 F타입 */
.sel_style1.sel_02{width: 376px;background: #fff url(/images/new/web/board/board_arr_01.png) 95% 50% no-repeat;}

/* 버튼 스타일 */
div[class*="btn_area"]{margin-top:40px; margin-bottom: 40px;}
div[class*="btn_area"]::after{display:block; content:""; clear:both}
div[class*="btn_area"] .right{float:right}
div[class*="btn_area"] .left{float:left}
div[class*="btn_area"] .center{display:table; margin:0 auto}
div[class*="btn_area"] div *:not(:first-child){margin-left:13px}
.btn_area1 div *{vertical-align:middle; min-width:160px; background:#4360a9; border:1px solid #4360a9; color:#fff; font-size:16px; text-align:center; cursor:pointer; line-height:18px; box-sizing:border-box}
.btn_area1 div *:focus{background:#80a4ff;}
*[class*="board_"] ~ .btn_area1 div *{min-width:120px}
*[class*="board_"] ~ .btn_area1 div *:not(:first-child){margin-left:6px}
*[class*="join_write"] ~ .btn_area1 div *{min-width:160px}
.btn_area a{display:inline-block; padding:14px 20px}
.btn_area input[type="submit"]{height:48px}
.btn_area input[type="button"]{height:48px}
.btn_area .v1{/*background:#fff; border:1px solid #ccc; color:#555;*/background: #3a3a3a;color: #fff;border-radius: 5px;}
.btn_area .v2{/*background:#fff; border:1px solid #ccc; color:#555;*/ background: #019fa7;color: #fff;border-radius: 5px;}
.btn_area .v3{background:#fff; border:1px solid #333; color:#333; transition:all 0.35s;border-radius: 5px;}
.btn_area .v4{background:#f5f5f5; border:1px solid #f5f5f5; color:#767676}
.btn_area .down{min-width:auto; padding-right:56px; background:url(/images/sub/download.png) no-repeat right 20px top 15px #fff; border:1px solid #333; color:#333}
.btn_area .link{padding-right:56px; background:url(/images/sub/txt_box_ico1.png) no-repeat right 20px center #4360a9}
.btn_area .v3:focus{border: 1px dashed #2c3e7f;transition: none;outline: none;}
.btn_area .v3:hover{background:#333; color:#fff}
/* 이사장과의 대화 - 본인인증 */
/* 테이블 */
.tbl-type02{width: 100%;}
.tbl-type02 tbody td{}
.tbl-type02 tbody td .dupl_chk{background: #00355a;padding: 6px 10px;border-radius: 5px;color: #fff;display: inline-block;vertical-align: middle;font-size: 16px;}
.tbl-type02 tbody td .dupl_chk:focus{outline: 2px dashed #ff8383;}
.tbl-type02 tbody td select{background: #fff url(/images/new/web/board/board_arr_01.png) 94% 50% no-repeat; padding: 0 0 0 10px;}
.tbl-type02 tbody .table_input select{background: #fff url(/images/new/web/board/board_arr_01.png) 94% 50% no-repeat; padding: 0 0 0 10px;}
/* 불법하도급 신고 */
/* 테이블 */
.tbl-type01 {border-top:2px solid #2c2d31; border-bottom:1px solid #aaaaaa; }
.tbl-type01 thead th {font-size:14px; color:#444444; font-weight: normal;  background: #f7f9fb; height:50px; border-left:1px solid #cfcfcf; border-top:1px solid #cfcfcf; text-align: center;}
.tbl-type01 thead tr:first-child th {border-top:none; }
.tbl-type01 thead th:first-child {border-left:none; }
.tbl-type01 thead td {padding:15px 10px; line-height:20px; border-left:1px solid #cfcfcf; border-top:1px solid #cfcfcf; text-align:center;}
.tbl-type01 tbody th {height:50px; color:#444}
.tbl-type01 tbody td + .tbl-type01 tbody th { border-left:1px solid #cfcfcf !important;}
.tbl-type01 tbody th {background: #fafafa; border-top:1px solid #cfcfcf; /*font-weight: normal;*/ text-align: center;vertical-align: middle;}
.tbl-type01 tbody td {padding:15px 10px; line-height:20px; border-top:1px solid #cfcfcf; text-align:center;}
.tbl-type01 tbody td input[type="radio"]{margin: 0px 4px 2px 10px;}
.tbl-type01 tbody td:first-child {border-left:none ;}
.tbl-type01 tfoot td {padding:15px 10px; line-height:20px; border-left:1px solid #cfcfcf; border-top:1px solid #cfcfcf; text-align:center;}
.tbl-type01 tfoot th {background: #f7f9fb; border-top:1px solid #cfcfcf;}
.lLine {border-left:1px solid #cfcfcf !important }

/* 글쓰기 테이블 */
.bd-write th, .bd-write td {text-align: left !important; padding-left:30px; }
.bd-write th {font-size:14px; color:#444; }
.bd-write td {padding:10px 20px !important;}
.bd-write td select {height:38px; width:200px; border:1px solid #cfcfcf; color:#666; font-size:14px;}
.bd-write td input[type="text"],.bd-write td input[type="password"] {padding:0 5px; line-height:36px; height:36px; border:1px solid #cfcfcf; color:#666; font-size:14px;}
.bd-write td input[type="text"].w-40 {width:100px !important}
.bd-write td select.w-60 {width:70px !important}

.w-690 {width:690px !important;}
.w-694 { width: 694px !important;}
input[type='text'],
input[type='password'],
input[type='file'],
textarea, select{display:inline-block;max-width:100%;border:1px solid #ccc;background:#fff;border-radius:0;appearance: none;-webkit-appearance: none;-moz-appearance: none;}
input[type='file']:focus{outline: 2px dashed #ff8383;}
.mt5{font-weight: 600;color: #ff9000;font-size: 15px;margin-top: 10px;}

.essential_tit{margin: 20px 0 10px; text-align: end;}
.essential_red {color: #f40e28;font-weight: 600;position: relative; left: -4px;}
.tbl-type01 th{font-weight: 600; font-size: 16px;color: #111;}
th label{font-weight: 600; font-size: 16px;color: #111;}

/* (인증) 버튼  */
.btn_box{text-align: center; margin-top: 40px; display: flex; justify-content: center;}
.btn_box form{display: flex;}
.btn_box .cancle{border-radius: 5px;color: #111;font-weight: 600;background: #e4e4e4;padding: 10px 40px;}
.btn_box .write{border-radius: 5px;color: #fff;font-weight: 600;background: #009fe3;padding: 10px 40px;margin-right: 10px;}
.btn_box .inquiry{border-radius: 5px;color: #666;font-weight: 600;background: #e4e4e4;padding: 10px 40px;margin-right: 10px;}
.btn_box .modified{border-radius: 5px;color: #fff;font-weight: 600;background: #019fa7;padding: 10px 40px;margin-right: 10px;}
.attached_file{display: flex;}

/* 정보 목록 게시판 페이징 */
.paging-info{ width: 100%;text-align: center;margin-top: 60px;}
.paging-info a{display: inline-block;width: 38px;height: 10px;padding: 14px 0;margin: 0 2px;border: 1px solid #ededed;font-size: 15px;line-height: 0.7;text-align: center;vertical-align: middle;border-radius: 5px;}
.paging-info strong{display: inline-block;width: 38px;height: 10px;padding: 14px 0;margin: 0 2px;border: 1px solid #ededed;font-size: 15px;line-height: 0.7;text-align: center;vertical-align: middle;border-radius: 5px;    color: #345da5;border: 1px solid #4066aa;font-weight: 400;}
.paging-info .first{background: url(/images/new/board/fst_arr.gif) 50% 50% no-repeat; text-indent: -9999px;}
.paging-info .prev{ background: url(/images/new/board/prev_arr.gif) 50% 50% no-repeat;text-indent: -9999px; transform: rotate( 180deg );}
.paging-info .next{background: url(/images/new/board/prev_arr.gif) 50% 50% no-repeat; text-indent: -9999px;}
.paging-info .next:after{display: none;}
.paging-info .end{background: url(/images/new/board/lst_arr.gif) 50% 50% no-repeat; text-indent: -9999px;}

/* 정보 목록 모달 */
.info_pop{position: fixed;width: 600px; top: 50%; left: 50%; transform: translate(-50% , -50%); border: 1px solid #004b9d; z-index: 99; display: none; background: #fff;-moz-box-shadow: 2px 2px 3px #ccc;-webkit-box-shadow: 2px 2px 3px #ccc;box-shadow: 2px 2px 3px #ccc;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.info_pop .tit_box{background: #1a6cb5;padding: 15px;text-align: center;color: #fff;font-size: 20px;}
.info_pop .tit_box p{}
.info_pop .info_container{padding: 25px;}
.info_pop .info_container table{width: 100%;}
.info_pop .info_container .grid{}
.info_pop .info_container .grid th{background: #f7f9fb; border: 1px solid #ddd; padding: 12px 0 12px 0 !important;}
.info_pop .info_container .grid td{background: #fff;border: 1px solid #ddd;}
.info_pop .pop-btn{text-align: center;padding: 0 0 20px 0;}
.info_pop .pop-btn .billing{background: #ecf6fe;border: 1px solid #1a6cb5;color: #1a6cb5;}
.info_pop .pop-btn .close{background: #f7f9fb;border: 1px solid #cccccc;color: #2c2d31;}
.info_pop .pop-btn a {margin-left: 10px;width: 100px;display: inline-block;height: 36px;line-height: 36px;text-indent: 0px;text-align: center;border-radius: 0px 15px 0px 15px;-moz-border-radius: 0px 15px 0px 15px;-webkit-border-radius: 0px 15px 0px 15px;}

/*a타입file*/
.a_type_file > td{padding: 10px 0 70px;}
.a_type_file > td > p{font-weight: 600;font-size: 15px;color: #0f8dce;margin-bottom: 8px;}
.a_type_file > td > ul{width: 100%;box-sizing: border-box;border: 1px solid #cbced4;padding: 13px 0;}
.a_type_file > td > ul > li{position: relative;padding-left: 53px;padding-right: 11px;line-height: 24px;word-break: break-all;}
.a_type_file > td > ul > li:not(:first-child){margin-top: 15px;}
.a_type_file > td > ul > li > a{font-size: 16px;color: #444;}
.a_type_file > td > ul > li > a:after{content: '';position: absolute;left: 11px;top: 50%;width: 31px;height: 30px;background: #4c5762 url(/images/new/board/print_ico.png)50% 50% no-repeat;transform: translateY(-50%);}
.board_view > tr:last-of-type > td{border-bottom: 1px solid #d5d5d5;}
.board_view td{border-bottom: none;}

.sch_list_box > select{width: 200px !important;}

@media screen and (max-width:1358px){
    /* f타입 */
    .sch_box_f{
        flex-direction: column;
        margin: 40px 0px;
        padding: 20px;
    }
    .sch_box_f > .sel_style1{
        width: 100%;
        padding: 0 15px;
        margin-bottom: 5px;
        background: #fff url(/images/new/web/board/board_arr_01.png) 98% 50% no-repeat;
        font-size: 14px;
    }
    .sch_box_f > form{
        width:100%;
    }
    .sch_box_f div select{
        width: 100%;
        padding: 0 15px;
        background: #fff url(/images/new/web/board/board_arr_01.png) 98% 50% no-repeat;
        font-size: 14px;
    }
    .sch_box_f div span{
        display: block;
        margin: 5px 0;
    }
    .sch_box_f div span input[type="text"]{
        width: 100%;
        box-sizing: border-box;
        font-size: 14px;
    }
    .sch_box_f div input[type="submit"]{
        width: 100%;
        font-size: 14px;
    }
}


@media screen and (max-width:1220px){
   /* 대댓글 */
    .cmt_contents ul li .comment_txt2 .re_insert .re_insert_txt2 textarea{width:90%;}
    /*상생협력 우수과제*/
    .board_view th .WinWinCooperation_area .line span, .winwintit{float: none;}
}

@media screen and (max-width:1100px){
    .sch_box_02 .sch_list_box{flex-direction: column;}
    .sch_box_02 .sch_list_box_02{ display: flex;width: 100%;flex-direction: column;}
    .sch_list_box form{margin-top: 10px;}

    /* 댓글 */
    .insert_filed .comment_text textarea {width: 94%;}

}

@media screen and (max-width:1010px) {
    .sch_box div input[type="text"]{
        width: 100%;
        box-sizing: border-box;
        margin: 5px 0;
    }

    .sch_box{
        flex-direction: column;
        margin: 40px 0px;
        padding: 20px;
    }
    .sch_box > .sel_style1{
        width: 100%;
        padding: 0 15px;
        margin-bottom: 5px;
        background: #fff url(/images/new/web/board/board_arr_01.png) 98% 50% no-repeat;
        font-size: 14px;
    }
    .sch_box > form{
        width:100%;
    }
    .sch_box div select{
        width: 100%;
        padding: 0 15px;
        background: #fff url(/images/new/web/board/board_arr_01.png) 98% 50% no-repeat;
        font-size: 14px;
    }
    .sch_box div span{
        display: block;
        margin: 5px 0;
    }
    .sch_box div span input[type="text"]{
        width: 100%;
        box-sizing: border-box;
        font-size: 14px;
    }
    .sch_box div input[type="submit"]{
        width: 100%;
        font-size: 14px;
    }
    .hit {
        margin-bottom: 13px;
        font-size: 15px;
        margin-left: 20px;
    }
    .board_list2 li{
        float:left;
        width:100%;
        margin-top: 15px;
        margin-right:0;
        box-sizing: border-box;
    }
    .board_list2 .tit{
        margin-bottom: 10px;
        font-size: 15px;
    }
    .board_list2 li:nth-child(3n){
        margin-right: 0;
    }
    .board_list2 .board_view_box{
        align-items: center;
    }
    .board_list2 .board_view_box span{
        font-size: 14px;
    }
    .board_list2 .board_view_box .num{
        line-height: normal;
        margin-bottom: 0;
        font-size: 14px;
    }
    .board_list2 .board_view_box .num:after{
        top: 50%;
        transform: translateY(-50%);
    }

    /* sch_box_02 */
    .sch_box_02 .sch_list_box {
        width: 100%;
        flex-direction: column;
    }
    .sch_box_02 .sch_list_box .sel_02{
        width: 100%;
        background: #fff url(/images/new/web/board/board_arr_01.png) 98% 50% no-repeat;
        margin-bottom: 10px;

    }

    .sch_list_box > select{width: 100% !important;}
}


@media screen and (max-width:767px) {
    .board_list1{
        display: none;
    }
    .m_board_list1{
        display: block;
        margin-bottom: 35px;
        border-top: 2px solid #151515;
        margin-top: 16px;
    }
    .m_board_list1 .list_wrap > li{
        padding: 15px 0;
        border-top: 1px solid #f1f1f1;
    }
    .m_board_list1 .list_wrap > li:first-child{
        border-top: 0;
    }
    .m_board_list1 .list_wrap > li:last-child{
        border-bottom: 1px solid #f1f1f1;
    }
    .m_board_list1 .list_wrap > li > a{
        display: block;
        position: relative;
    }
    .m_board_list1 .list_wrap > li > a:after{
        content: '';
        display: inline-block;
        position: absolute;
        top: 50%;
        right: 10px;
        transform: translateY(-50%) rotate(45deg);
        width: 8px;
        height: 8px;
        border-top: 3px solid #444;
        border-right: 3px solid #444;
    }
    .m_board_list1 .list_wrap > li .item{
        display: table;
        table-layout: fixed;
        width: 100%;
        margin-bottom: 5px;
        padding-right: 17px;
        font-size: 0;
        color: #444;
    }
    .m_board_list1 .list_wrap > li .item:last-child{
        margin-bottom: 0;
    }
    .m_board_list1 .list_wrap > li .item .tit{
        display: table-cell;
        width: 22%;
        font-size: 14px;
        font-weight: 600;
    }
    .m_board_list1 .list_wrap > li .item .txt{
        display: table-cell;
        width: 71%;
        padding-right: 17px;
        font-size: 14px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .board_view td.contents .conts table{width: auto ;}

    .m_board_list1 .list_wrap_02 > li > a{
        display: block;
        position: relative;
        border-top: 1px solid #f1f1f1;
        padding-top: 10px;
    }

    .m_board_list1 .list_wrap_02 > li > a:first-child{
      border-top:0;
    }


    .board_list2 .img{
        height: 288px;
    }
    .board_list2 .img img{
        height: auto;
    }

    /* 댓글 */
    .insert_filed .comment_text textarea {width: 89%;}

    /* 대댓글  */
    .cmt_contents ul li .comment_txt2 .re_insert .re_insert_txt2 textarea {width: 86%;margin-left: 0px;}

    .board_nav td {padding: 10px;}

}
@media screen and (max-width:729px) {
    .bd-write td input[type="text"], .bd-write td input[type="password"]{margin-bottom: 3px;}
    .info_pop{
        width: 90%;
    }

    .board_view th {}
}
@media screen and (max-width:550px){
    .board_view th ul{display: flex;flex-direction: column;align-items: flex-start;}
    .board_view th ul .line::before{width: 0;}

    /* 대댓글  */
    .cmt_contents ul li .comment_txt2 .re_insert .re_insert_txt2 textarea {width: 80%;}
}
@media screen and (max-width:479px) {
    .sch_box{
        flex-direction: column;
        margin: 40px 0px;
        padding: 20px;
    }
    .sch_box > .sel_style1{
        width: 100%;
        padding: 0 15px;
        margin-bottom: 5px;
        background: #fff url(/images/new/web/board/board_arr_01.png) 95% 50% no-repeat;
        font-size: 14px;
    }
    .sch_box > form{
        width:100%;
    }
    .sch_box div select{
        width: 100%;
        padding: 0 15px;
        background: #fff url(/images/new/web/board/board_arr_01.png) 95% 50% no-repeat;
        font-size: 14px;
    }
    .sch_box div span{
        display: block;
        margin: 5px 0;
    }
    .sch_box div span input[type="text"]{
        width: 100%;
        box-sizing: border-box;
        font-size: 14px;
    }
    .sch_box div input[type="submit"]{
        width: 100%;
        font-size: 14px;
    }
    .hit {
        margin: 0;
        font-size: 15px;
    }
    .board_list2 li{
        float:left;
        width:100%;
        margin-top: 15px;
        margin-right:0;
        box-sizing: border-box;
    }
    .board_list2 .tit{
        margin-bottom: 10px;
        font-size: 15px;
    }
    .board_list2 li:nth-child(3n){
        margin-right: 0;
    }
    .board_list2 .board_view_box{
        align-items: center;
    }
    .board_list2 .board_view_box span{
        font-size: 14px;
    }
    .board_list2 .board_view_box .num{
        line-height: normal;
        margin-bottom: 0;
        font-size: 14px;
    }
    .board_list2 .board_view_box .num:after{
        top: 50%;
        transform: translateY(-50%);
    }
    /* 본인인증 */
    .tbl-type02{table-layout: fixed;}
    .bd-write th, .bd-write td{padding-left: 9px;}
    th label{font-size: 14px;}
    .tbl-type01 th{font-size: 14px;}
    .bd-write td input[type="text"], .bd-write td input[type="password"]{margin-bottom: 3px;}

    /* 댓글 */
    .insert_filed .comment_text textarea{width: 80.5%;}

    /* 테이블 */
    .board_view th p{font-size: 16px;}
    .board_nav th{padding: 0;}

    /* sch_box_02 */
    .sch_box_02 .sch_list_box .sel_02{
        background: #fff url(/images/new/web/board/board_arr_01.png) 95% 50% no-repeat;

    }
    .info_pop{
        width: 90%;
    }
    .info_pop .info_container {
        padding: 5px;
    }
    .info_pop .tit_box p{font-size: 18px;}

    .info_pop .pop-btn {
        text-align: center;
        padding: 10px 0 14px;
    }

    /*민원처려 청렴도 평가 테이블*/
    .board_view_n td.contents{padding: 0;}

}
@media screen and (max-width:415px) {
    .board_view th{padding: 8px;}
    .board_view th p{margin-bottom: 0px;}
    .sub_title_01 {font-size: 18px;margin-top: 25px;margin-bottom: 10px;}
    .btn_area a {padding: 7px 16px;font-size: 14px;}
    .btn_box .cancle{padding: 10px 25px;}
    .btn_box .modified{padding: 10px 25px;}
    .btn_box .write{padding: 10px 25px;}
    .btn_box{margin-top: 10px;}
    div[class*="btn_area"] {margin-top: 25px;margin-bottom: 25px;}
    .board_write .table_input input[type='text']{margin-bottom: 3px;}

    /* 대댓글  */
    .cmt_contents ul li .comment_txt2 .re_insert .re_insert_txt2 textarea {width: 76%;padding: 16px;}
}


