@charset "utf-8";
/*
.board .open{display:inline-block;width:50px;height:27px;line-height:27px;color:#fff;background:#2e63aa;border:1px solid #0b4798;border-radius:3px;text-align:center;}
.board .adno-open{display:inline-block;width:50px;height:27px;line-height:27px;color:#fff;background:#c60013;border:1px solid #FF0000;border-radius:3px;text-align:center;}
.board .no-open{display:inline-block;width:50px;height:27px;line-height:27px;color:#fff;background:#777777;border:1px solid #555555;border-radius:3px;text-align:center;}
*/
.board .status-re{display:inline-block;width:70px;height:27px;line-height:27px;color:#FFFFFF;background:#6FC277;border-radius:5px;text-align:center;} /* 접수중 */
.board .status-ing{display:inline-block;width:70px;height:27px;line-height:27px;color:#fff;background:#6DA4E4;border-radius:5px;text-align:center;} /* 처리중 */
.board .status-end{display:inline-block;width:70px;height:27px;line-height:27px;color:#FFFFFF;background:#B1B1B1;border-radius:5px;text-align:center;} /* 답변완료 */
.board .status-ia{display:inline-block;width:70px;height:27px;line-height:27px;color:#FFFFFF;background:#947dc8;border-radius:5px;text-align:center;}/* 중간답변 */
/* .board .status-hide{display:inline-block;width:60px;height:27px;line-height:27px;color:#fff;background:#505050;border-radius:5px;letter-spacing:-1px;} 비공개처리
.board .status-no-re{display:inline-block;width:60px;height:27px;line-height:27px;color:#fff;background:#0f8a46;border-radius:5px;} 답변없음 */
.board .status-move{display:inline-block;width:auto;height:27px;line-height:27px;color:#000000;}/* 삭제, 비공개처리, 이관, 답변없음 */
.board .status-end2{display:inline-block;width:100px;height:27px;line-height:27px;color:#fff;background:#e46f35;border-radius:5px;text-align:center;}/* 부서답변완료 */

.board-top{overflow:hidden;margin-bottom:10px;}
.board-top .left{float:left;}
.board-top .right{float:right;}
.board-top .count{float:left;}
.board-top .count + .sort{margin-left:20px;}
.board-top .sort{float:left;}
.board-top .sort a{margin:0 3px;}
.board-top .sort .on{background:url(/images/seocho/board/sort_on.gif) right 7px no-repeat;padding-right:10px;font-weight:600;color:#036ab3;}
.board-top .count em{font-weight:700;}
.board-top .btns{padding:0;}
.board-regist-top{border:3px solid #888;padding:15px;color:#222;}

/* 20240926 */
.board-list-opt{position: relative; display: flex;align-items: center; gap: 5px;}
.board-list-opt:before{display: block; content: "⁝"; color:#b4b4b4; margin-right: 5px;}
.board-list-opt button{display: flex;align-items: center; justify-content: center; width: 29px; height: 29px; font-size: 14px;}
.board-list-opt button.active{color:#fff; font-weight: bold; background:#d12338; border-radius: 50%; }
.board-list-opt .blind{display:none;}

.board{}
.board-list{border-top:2px solid #878787;}
.board .list{width:100%;table-layout:fixed;}
/*.board .list thead th{background:#999;color:#fff;padding:8px 0;border-left:1px solid #ccc;text-align:center;}*/
.board .list thead th{background:#F9F9F9;padding:20px 0; text-align:center; border-bottom:1px solid #dedede;}
.board .list tbody td{border-bottom:1px solid #dedede;text-align:center;padding:17px 0;word-break:break-all;}
.board .list tbody .notice td{background:#eaeaea;}
.board .list tbody tr{position:relative; width:100%;}
.board .list tbody tr.notice:first-child{border-top:1px solid #fff;}
.board .list tbody td.left{text-align:left;padding-left:10px;}
.board .list tbody td.title{text-align:left;padding-left:10px;}
.board .list tbody td.title a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:90%;}
.board .list tbody .del{font-size:12px;color:#666;background:url(/images/seocho/board/icon_del.gif) 3px 7px no-repeat;padding-left:13px;}
.board .list tbody .delay{font-size:12px;color:#666;background:url(/images/seocho/board/icon_del.gif) 3px 7px no-repeat;padding-left:13px;margin-left:13px;color:#27881e;}
.board .list tbody td a span.reply{display:inline-block;width:30px;text-indent:-9999px;background:url(/images/seocho/board/icon_reply.gif) 0 0 no-repeat;}
.board .list tbody td a:hover{color:#2e63aa;text-decoration:underline;}
.board .list tbody td .file{text-indent:-9999px;text-align:left;display:inline-block;width:15px;height:15px;padding:0;}
.board .list tbody td.no-data{padding:30px 5px;text-align:center;}
.board .list tbody td img{}
.board .list tbody td .strike{text-decoration:line-through;}
.board .list .data-none{padding:30px 5px;text-align:center;}
.board .list br.m{display:none;}
.board + .btns{padding:10px 0 0 0;}

.board .photo-list{    border-top: 2px solid #878787;border-bottom:1px solid #dedede;padding:40px 0 0 0;}
.board .photo-list ul{overflow:hidden; display:flex; flex-wrap:wrap; margin:0 -10px;}
.board .photo-list ul li{width:calc(100% / 3); padding:0 10px 40px 10px; box-sizing:border-box;}
.board .photo-list .album{}
.board .photo-list .album a{display:block;}
.board .photo-list .album span{display:block;text-align:left;line-height:1.5em;}
.board .photo-list .album .photo{position:relative; margin-bottom:15px; background:#f4f4f4; overflow:hidden;height:0; padding-bottom:70%; height: 100px; display:block;box-sizing:border-box;}
.board .photo-list .album .photo img{width:100%;min-height:100%;position:absolute;left:0;top:35%;right:0; transform:translateY(-35%);}
.board .photo-list .album .photo:after{display:block;content:'';position:absolute;left:0;top:0;right:0;bottom:0; border:1px solid rgba(0,0,0,0.08);}
.board .photo-list .album .photoA4{height:auto;}
.board .photo-list .album .photoA4 img{min-height:0;}
.board .photo-list .album .photoSquare{height:auto;}
.board .photo-list .album .photoSquare img{min-height:0;}
.board .photo-list .album > span.ebook > a{display:inline-block;margin-top:5px;}

.board .photo-list .album .title{font-size:20px; text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.board .photo-list .album .writer{font-size:15px;}
.board .photo-list .album .date{font-size:15px;}
.board .photo-list ul li.no-data{float:none;width:auto;text-align:center;margin:0;padding:5px 0 20px;}

.board .video-list{border-top:1px solid #343436;border-bottom:1px solid #c1c1c1;padding:15px 0 0 0;}
.board .video-list ul{overflow:hidden;}
.board .video-list ul li{float:left;width:23%;margin:0 1% 15px 1%;}
.board .video-list ul li a{display:block;padding:10px 0;text-align:center;border:1px solid #ccc;}
.board .video-list ul li a > span{display:block;margin:0 auto;width:90%;text-align:left;line-height:1.5em;}
.board .video-list ul li a .photo{position:relative;margin-bottom:10px;background:#f4f4f4;overflow:hidden;display:inline-block;height:110px;}
.board .video-list ul li a .photo img{width:100%;min-height:140px;height:150px;margin:-20px 0 -20px;}
.board .video-list ul li a .photo .mv{position:absolute;right:0;bottom:0;display:block;width:50px;height:20px;text-align:left;text-indent:9999px;display:none;}
.board .video-list ul li a .title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.board .video-list ul li a .writer{font-size:12px;}
.board .video-list ul li a .date{font-size:12px;}
.board .video-list ul li.no-data{float:none;width:auto;text-align:center;margin:0;padding:5px 0 20px;}

.paging{text-align:center;margin-top:40px; display:flex;justify-content:center;}
.paging a{font-size:16px;min-width:34px;height:34px; padding:0 5px;display:inline-block; line-height:32px;box-sizing:border-box; text-align:center; color:#555; border:1px solid #ccc; border-radius:5px;}
.paging a + a{margin-left:5px;}
.paging a span,
.paging span span{position:absolute;left:-9999em;top:-9999em;}
.paging .first{background:url(/images/om_2022/sub/i_page_first.svg) center center no-repeat;}
.paging .prev{background:url(/images/om_2022/sub/i_page_prev.svg) center center no-repeat;margin-right:7px;}
.paging .num{}
.paging .num span{position:absolute;left:-9999em;top:-9999em;}
.paging .next{background:url(/images/om_2022/sub/i_page_next.svg) center center no-repeat;margin-left:7px;}
.paging .last{background:url(/images/om_2022/sub/i_page_last.svg) center center no-repeat;}
.paging .current{font-size:16px;min-width:34px;height:34px; padding:0 5px;display:inline-block; line-height:32px;box-sizing:border-box; text-align:center; background-color:#CB4C3D;color:#fff; border-radius:5px;}
.paging .current + a{margin-left:5px;}
.paging a + .current{margin-left:5px;}
.paging .disable{background-color:#F3F3F3;}
.paging + .btns{margin:30px 0;}
.paging + .board-search{}

.board-search{clear:both;border-top:1px solid #878787;background-color:#F8F9FB;text-align:center;padding:27px 0;position:relative; margin-top:40px;}
.board-search select,
.board-search input[type="text"]{height:46px;}
.board-search input[type="submit"]{width:46px;height:46px; text-align:left;text-indent:-9999px;overflow:hidden; background:url(/images/om_2022/sub/i_board_search.gif) center center no-repeat;}
.board-search input[type="submit"]{color:#fff;font-size:12px;border:1px solid #4f4f4f;border-radius:2px;padding:0 5px 0 20px;height:25px;font-weight:bold;}
.board-search input[type="submit"].blue{border:1px solid #0b4798;padding:0 10px;background:#2e63aa;}
.board-search input[type="button"]{}
.board-search #searchCondition{width:15%; background-color:#fff; padding:0 10px;}
.board-search #searchKeyword{width:50%;}
.board-search input[type="image"]{width:46px;height:46px; background:#fff url(/images/om_2022/sub/i_board_search.svg) center center no-repeat; border:1px solid #DEDEDE; margin-left:-1px;}

.btns + .board-search{margin-top:0;}

.top-search{padding:10px 30px;text-align:left;background:#efefef;margin:0 0 20px 0;}
.top-search + .btns{margin:-10px 0 0 0;padding:0;}
.top-search + .btns + .board{margin:10px 0 0 0;}

.search-table{padding:0;border:none;margin-bottom:20px;}
.search-table table{width:100%;table-layout:fixed;}
.search-table table td{padding:5px;text-align:left;}
.search-table table td.th{font-weight:600;text-align:right;}
.search-table + .btns{margin:-10px 0 0 0;padding:0;}


.board .view{width:100%;border-top:2px solid #878787;table-layout:fixed;}
.board .view tr{}
.board .view > tbody > tr > th{width:10%;background-color:#F9F9F9;padding:20px;text-align:left;border-bottom:1px solid #DEDEDE; font-weight:500;}
.board .view > tbody > tr > td{padding:20px;border-bottom:1px solid #DEDEDE;}
.board .view .file{text-decoration:none;}
.board .view-table-file dl dd a.file:hover{text-decoration:underline;}
.board .attach-file p{}
.board .attach-file p + p{margin-top:15px;}
.board .attach-file a + a{margin-left:10px;}

.board .view-gray{border-bottom:1px solid #c1c1c1;}
.board .view-gray th{border-top:1px solid #fff;}
.board .view-gray td{background:#eaeaea;border-top:1px solid #fff;}

.board .view-table{display:table;width:100%;border-top:2px solid #878787;position:relative;}
.board .view-table dl{display:table-row;}
.board .view-table dl dt{display:table-cell;vertical-align:middle;background:#999;color:#fff;text-align:center;border-top:1px solid #fff;}
.board .view-table dl dt{padding:5px 0 5px 30px;width:12%;border-right:1px solid #fff;border-top:1px solid #fff;}
.board .view-table dl dd{display:table-cell;vertical-align:middle;padding:5px 10px;width:88%;border-top:1px solid #fff;}
.board .view-table dl:first-child dt{border-top:none;}
.board .view-table dl:first-child dd{border-top:none;}

.board .view_contents{padding:25px 0;}
.board .view_contents .photo-area{text-align:center;padding-bottom:20px;}
.board .view_contents .photo-area img{max-width:100%;height:auto;}
.board .view_contents .photo-area + .txt-area{padding-top:20px;}
.board .view_contents .txt-area  img{max-width:100%;height:auto !important;}

/* .board .view_contents .txt-area {white-space:pre-wrap;} */
.board .view_contents .bbs_process {padding:30px;text-align:center; background-color:#F8F9FB; font-size:18px; line-height:24px;}
.board .view_contents .bbs_process:before{display:inline-block;content:'';width:24px;height:24px; margin-right:10px; background:url(/images/om_2022/sub/i_info.svg) 0 0 no-repeat; vertical-align:middle;}
.board .txt-area iframe{max-width:780px;width:100%;}
.board .movie-txt{max-width:780px;width:100%;height:150px;}

.om-reply-wrap{background-color:#F8F9FB; padding:30px;}
.om-reply-date{font-weight:600;font-size:18px; margin-bottom:27px; text-align:center;}
.om-reply-date:before{display:inline-block;width:24px;height:24px;content:''; background:url(/images/om_2022/sub/i_reply_check.svg) 0 0 no-repeat; vertical-align:middle; margin-right:10px;}
.om-reply{padding:30px; background-color:#fff;}
.om-reply > div{padding:20px;border-top:1px dotted #c1c1c1;}
.om-reply > .detail{background:#fde4dd; margin-top:15px;}
.om-reply > p{padding:0 20px;border-top:none;}
.om-reply p + p{margin-top:15px;}
.om-reply dl{padding-top:30px;}
.om-reply dl dt{font-weight:600;padding:0 15px;font-size:15px;}
.om-reply dl dd{padding:10px;}
.om-reply dl dd.detail{background:#fde4dd;}
.om-reply-tel{padding-top:30px;}
.om-reply-file{padding-top:30px;border-top:1px dotted #c1c1c1;}

.file{background:url(/images/om_2022/sub/i_file.svg) 0 1px no-repeat;padding-left:25px;}
.file:hover{text-decoration:underline;color:#2e63aa;}

.inner-list-table{border-top:1px solid #343436;}

.required-guide{margin-bottom:10px;font-size:14px;}
.required-guide em{color:#CB4C3D;}
.required{font-weight:bold;color:#CB4C3D;}

.board .regist{width:100%;border-top:2px solid #878787;table-layout:fixed;}
.board .regist .uploaded_file{padding:10px 0;}
.board .regist .uploaded_file a.file{text-decoration:underline;}
.board .regist .uploaded_file a.delete{background:url(/images/seocho/board/icon_delete.gif) 0 0 no-repeat;font-size:12px;color:#a50101;padding-left:13px;}

.board .regist-col{width:100%;border-top:2px solid #878787;table-layout:fixed;}
.board .regist-col tr{}
.board .regist-col tr:first-child th{border-top:none;}
.board .regist-col tr:first-child td{border-top:none;}
.board .regist-col thead th{background:#e0e0e0;padding:10px;text-align:center;font-weight:bold;border:1px solid #DEDEDE;}
.board .regist-col th{padding:6px 5px;text-align:center;border:1px solid #DEDEDE;}
.board .regist-col td{padding:6px 5px;text-align:center;border:1px solid #DEDEDE;}
.board .regist-col + .btns{margin-top:20px;}

.regist-agree{padding:30px;border:1px solid #ccc; margin-top:30px;}
.regist-agree label{width:auto;}
.regist-agree em{font-weight:600;}
.regist-agree b{font-weight:500;font-size:1.2em;color:#225efe;}
.regist-agree .graybox + p{background-color:#F8F9FB; padding:30px; margin-top:20px;}
.regist-agree .graybox + p label + label{margin-left:20px;}
.regist-agree .agree-check{background-color:#F8F9FB; padding:30px; margin-top:20px; display:flex;justify-content:space-between;}
.regist-agree .agree-check p{}
.regist-agree .agree-check .input-radio{}
.regist-agree .agree-check .input-radio label + label{margin-left:20px;}

.agree-box{border:1px solid #c9c9c9;padding:10px;}

div.btns{text-align:center;overflow:hidden;margin:50px 0;}
div.btns.aright{text-align:right;}

.btns input,
.btns a{vertical-align:top;border:none;color:#fff;padding:0 25px; border-radius:2px;}
.btns input{height:40px;}
.btns a{display:inline-block;height:40px;line-height:40px;}
.btns a + a{margin-left:5px;}
.btns .type1{background:#787878;}
.btns .type2{background:#fff; border:1px solid #CB4C3D; color:#CB4C3D; line-height:38px; box-sizing:border-box;}
.btns .type3{background:#CB4C3D;}
.btns .type4{background:#a50100;}
.btns .type5{background:#CB4C3D;}
div.btns-top{margin:0 0 20px 0;}

.btns .type6{background:#474747 url(/images/seocho/board/btn_type6.gif) left bottom repeat-x;}
.btns .type6{border:1px solid #474747;color:#fff;font-weight:600;font-size:15px;height:45px;line-height:45px;padding:0 30px;border-radius:3px;}
.btns .type6:hover{background:#056fa0 url(/images/seocho/board/btn_type6_on.gif) left bottom repeat-x;border:1px solid #056fa0;}

.btns .type7{background:#056fa0 url(/images/seocho/board/btn_type6_on.gif) left bottom repeat-x;}
.btns .type7{border:1px solid #056fa0;color:#fff;font-weight:600;font-size:16px;height:45px;line-height:45px;padding:0 30px;border-radius:3px;}
.btns .type7:hover{background:#056fa0 url(/images/seocho/board/btn_type6.gif) left bottom repeat-x;border:1px solid #474747;}

.btns .left{float:left;}
.btns .right{float:right;}
span.btns input{height:25px;line-height:25px;}

.btns-big a{height:40px;line-height:40px;font-size:14px;}
.btns-big input{height:40px;line-height:40px;font-size:14px;}

.btn-inner{background:#787878;color:#fff; font-size:14px;display:inline-block;height:37px;line-height:37px;padding:0 15px;vertical-align:middle;border:none; border-radius:2px;}
.btn-inner:hover{background:#333;}
a.btn-inner:hover{color:#fff !important;text-decoration:none !important;}
.btn-inner2{background:#666;color:#fff;font-size:11px;display:inline-block;height:40px;line-height:40px;text-align:center;vertical-align:middle;border:none;border-radius:2px;}
.btn-inner2:hover{background:#333;}
.btn-blue{background:#1f62ad;color:#fff;font-size:11px;display:inline-block;height:24px;line-height:24px;padding:0 10px;vertical-align:middle;border:none;border-radius:2px;}
.btn-blue:hover{background:#397dca;color:#fff !important;}

.btn-blue2{background:#1f62ad;color:#fff;font-size:11px;display:inline-block;min-height:24px;line-height:24px;padding:0 10px;vertical-align:middle;border:none;border-radius:2px;}

.btn-blue2:hover{background:#397dca;}
.btn-red{background:#b41e00;color:#fff;font-size:11px;display:inline-block;min-height:24px;line-height:24px;padding:0 10px;vertical-align:middle;border:none;border-radius:2px;}

.btn-red:hover{background:#c52f11;}

.btn-white{background:#FFFFFF;color:#333;font-size:11px;display:inline-block;min-height:24px;line-height:24px;padding:0 10px;vertical-align:middle;border:1px solid #bbbbbb;border-radius:2px;}

.btn-white:hover{background:#EFEFEF;}

.btn-green{background:#5cb85c;color:#fff;font-size:11px;display:inline-block;min-height:24px;line-height:24px;padding:0 10px;vertical-align:middle;border:none;border-radius:2px;}

.btn-green:hover{background:#6dc96d;}

.btn-gray{background:#BBBBBB;color:#000;font-size:11px;display:inline-block;min-height:24px;line-height:24px;padding:0 10px;vertical-align:middle;border:1px solid #333333;border-radius:2px;}

.btn-gray:hover{background:#ABABAB;}
.btn-green2{background:#4e9d4e;color:#fff;font-size:11px;display:inline-block;min-height:24px;line-height:24px;padding:0 10px;vertical-align:middle;border:1px solid #4d7e4d;border-radius:2px;}
.btn-green2:hover{background:#6dc96d;}


/* 게시판 진행률 */
.progress-wrap table{width:100%;table-layout:fixed;}
.progress-wrap table td{border:1px solid #e9e9e9;}
.progress-wrap table .graph{padding:5px 0;}
.progress-wrap table .graph .bar{height:18px;}
.progress-wrap table .graph .graph1{background:#2e63aa url(/images/seocho/board/poll_patt1.gif) 0 0 repeat;}
.progress-wrap table .graph .graph2{background:#2e9daa url(/images/seocho/board/poll_patt2.gif) 0 0 repeat;}
.progress-wrap table .graph .graph3{background:#cb8c29 url(/images/seocho/board/poll_patt3.gif) 0 0 repeat;}
.progress-wrap table .graph .graph4{background:#c84488 url(/images/seocho/board/poll_patt4.gif) 0 0 repeat;}
.progress-wrap table .graph .graph5{background:#34a855 url(/images/seocho/board/poll_patt5.gif) 0 0 repeat;}
.progress-wrap table .graph .graph6{background:#c13232 url(/images/seocho/board/poll_patt6.gif) 0 0 repeat;}
.progress-wrap table .graph .graph7{background:#8e4daf url(/images/seocho/board/poll_patt7.gif) 0 0 repeat;}
.progress-wrap table .graph .graph8{background:#c49800 url(/images/seocho/board/poll_patt8.gif) 0 0 repeat;}
.progress-wrap table .graph .graph9{background:#747474 url(/images/seocho/board/poll_patt9.gif) 0 0 repeat;}
.progress-wrap table .graph .graph10{background:#0097c2 url(/images/seocho/board/poll_patt10.gif) 0 0 repeat;}
.progress-wrap table .number{width:15%;padding:5px;}
.progress-wrap table .number em{font-weight:600;}


/* 500주민청원 */
.petition.list{border-top:2px solid #878787;}
.petition.list{width:100%;table-layout:fixed;}
.petition.list table{width:100%;table-layout:fixed;}
.petition.list thead th{padding:15px 0px;border-bottom:1px solid #dedede;text-align:center; font-weight:500;}
.petition.list tbody td{padding:15px 0px;border-bottom:1px solid #dedede;text-align:center;word-break:break-all;}
.petition.list tbody td.state,
.petition.list tbody td.title{text-align:left;}
.petition.list tbody td.title > a{display:block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.petition.list tbody td.no-data{text-align:center;padding:50px 0;}
.petition.list .state.bgBlue{display:inline-block;padding:2px 6px;background-color:#4e88c7;color:#fff;border-radius:5px;}
.petition.list .colorBlue{color:#4e88c7;font-weight:bold;}

.petition.write{margin-top:50px;}
.petition.write{width:100%;table-layout:fixed;}
.petition.write tbody td{padding:15px 0;}
.petition.write tbody td > label{display:inline-block;font-size:16px; color:#333333; font-weight:600; margin-bottom:10px; vertical-align:top;}
.petition.write .tel-agree-check{display:inline-block;vertical-align:top; margin-left:15px; margin-top:-2px;}
.petition.write .tel-agree-check label{vertical-align:middle; line-height:1em; }
.petition.write .tel-agree-check input{margin-top:-3px;}
.petition.write input[type="text"],
.petition.write select,
.petition.write textarea{background-color:#F9F9F9;}

.petition-view-box{border:1px solid #dedede; border-top:1px solid #878787;padding:50px;}
.petition.view .petitionState{font-size:18px;text-align:center;font-weight:bold;color:#333;}
.petition.view .petitionSubject{padding:20px 0;font-size:30px;text-align:center;font-weight:bold;color:#333;}
.petition.view .petitionNumber{font-size:18px;text-align:center;font-weight:bold;color:#333;}
.petition.view .petitionNumber em{color:#2473ca;}
.petition.view .petitionInfo{margin:30px 0;border:1px solid #cfcfcf;background-color:#f4f4f4;}
.petition.view .petitionInfo:after{display:block;content:'';clear:both;}
.petition.view .petitionInfo > li{float:left;width:25%;padding:15px;box-sizing:border-box;text-align:center;}
.petition.view .petitionStep{margin:50px 0 30px;}
.petition.view .petitionStep:after{display:block;content:'';clear:both;}
.petition.view .petitionStep > li{position:relative;float:left;width:25%;padding:20px 0;box-sizing:border-box;text-align:center;word-break:keep-all;}
.petition.view .petitionStep > li:before{display:block;content:'';position:absolute;top:0;left:50%;width:10px;height:10px;border-radius:5px;margin-left:-5px;background-color:#aaa;z-index:1;}
.petition.view .petitionStep > li:after{display:block;content:'';position:absolute;top:4px;right:0;left:0;height:1px;background-color:#aaa;}
.petition.view .petitionStep > li.active{color:#2639a4;font-weight:bold;}
.petition.view .petitionStep > li.active:before{background-color:#2639a4;top:-5px;border:5px solid #c3cbf7;border-radius:10px;}
.petition.view .petitionStep > li.active:after{}
.petition.view .petitionStep > li:first-child:after{left:50%;}
.petition.view .petitionStep > li:last-child:after{right:50%;}
.petition.view .petitionOutline{display:block;padding:0 0 10px 0;margin-top:40px;border-bottom:1px solid #bbbbbb;font-size:24px;font-weight:bold;}
.petition.view .petitionContent{display:block;padding:15px 10px;line-height:150%;}
.petition.view .petitionFile{margin-top:30px;border-top:1px solid #bbbbbb;}
.petition.view .petitionFile > li{padding:10px;border-bottom:1px solid #bbbbbb;}
.petition.view .petitionFile > li > b,
.petition.view .petitionFile > li > a{display:inline-block;word-break:break-all;}
.petition.view .petitionReply{margin-top:30px;}
.petition.view .petitionReply dt{font-size:24px;font-weight:700; margin-bottom:20px;}
.petition.view .petitionReply dd{padding: 30px; background-color: #f7f7f7; border: 1px solid #aaaaaa;}

.linkUrl{margin-bottom:5px;}
.linkUrl{display:flex;}
.linkUrl input{width:calc(100% - 103px); border:none; border-bottom:1px solid #555; background-color:#fff;}
.linkUrl .btn{width:100px; margin-left:3px; border:1px solid #555;}
#linkDiv .linkUrl:last-child{margin-bottom:20px;}



/** 600~768 *************************************************************************************************************** */
@media all and (max-width:768px){

	.board-search #searchCondition{width:20%;}

	.petition.view .petitionInfo > li b{display:block;}
}

/** ~600 *************************************************************************************************************** */
@media all and (max-width:600px){

.board, .board th, .board td{word-break:break-all;}
.board .list br.m{display:block;}

.board .w800{width:800px !important;}
.board .w600{width:600px !important;}

.board .list col.title{width:auto !important;}
.board .list col.photo{width:30% !important;}
.board .list col.date{width:25% !important;}
.board .list col.status{width:20% !important;}
.board .list col.open{width:20% !important;}
.board .list td.photo img{width:100%;}

.board .photo-list ul li{width:50%;}
.board .photo-list .album .title{font-size:16px;}
.board .photo-list .album .writer{font-size:13px;}
.board .photo-list .album .date{font-size:13px;}

.board .video-list ul li{width:46%;margin:0 2% 15px 2%;}

/* 공지사항일경우 리스트 디자인 */
.mobile .board .list57 colgroup{display:none;}
.mobile .board .list57 thead{display:none;}
.mobile .board .list57 tr{display:block;border-bottom:1px solid #c1c1c1;padding:10px 0;overflow:hidden;}
.mobile .board .list57 tr td{font-size:12px;color:#777;float:left;background:url(/images/seocho/board/notice_line.gif) right center no-repeat;padding:0 10px;border:none;}
.mobile .board .list57 tr td.no{display:none;}
.mobile .board .list57 tr td.title{font-size:14px;color:#333;float:none;display:block;border:none;padding-left:2%;width:98%;margin:0 0 5px 0;}
.mobile .board .list57 tr td.title a{display:block;width:auto;font-weight:600;padding:0;white-space:normal;overflow:auto;color:#333;}
.mobile .board .list57 tr td.title + td{padding:0 10px 0 5px;}
.mobile .board .list57 tr td:last-child{background:none;padding:0 0 0 10px;}

/* 모바일의 리스트타입 */
.board .mobile_list table,
.board .mobile_list table tbody,
.board .mobile_list table tr{display:block;padding:15px;border-bottom:1px solid #dedede;text-align:left;}
.board .mobile_list table td{display:inline;}
.board .mobile_list caption,
.board .mobile_list colgroup,
.board .mobile_list thead{display:none}
.board .mobile_list tr{display:block;padding:15px;border-bottom:1px solid #dedede;text-align:left;}
.board .mobile_list tbody td{padding:0; border:none; text-align:left;}
.board .mobile_list tbody td.no{display:none;}
.board .mobile_list tbody td.title{display:block; font-weight:600; margin:0 0 10px 0; font-size:17px;padding-left:0;}
.board .mobile_list tbody td[data-label]{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.board .mobile_list tbody td[data-label]:before{content:attr(data-label); display:inline-block;min-width:60px; color:#565656;padding-right:10px;}
.board .mobile_list tbody td.no-data{display:block;padding:30px 0;}


.board-search .m-table{display:table;width:95%;padding:0;}
.board-search .m-table .row{display:table-row;}
.board-search .m-table .row > label{display:table-cell;padding:3px;white-space:nowrap;font-weight:600;}
.board-search .m-table .row > span{display:table-cell;padding:3px;}
.board-search .m-table .row + br{display:none;}

.board-search .command{padding:5px 0 5px 0;}
.board-search .command input[type="submit"]{width:100%;height:35px;}
.board-search .command input[type="button"]{width:100%;height:35px;}
.board-search .command2{padding:5px 0 5px 0;}
.board-search .command2 input{width:100%;height:35px;}

.board-search{padding:20px; box-sizing:border-box;}
.board-search #searchCondition{width:100%; margin-bottom:5px;}
.board-search #searchKeyword{width:calc(100% - 50px);}
.board-search input[type="image"]{margin-left:0;}

.search-table{padding:10px 5px 45px 5px;border:1px solid #c2c2c2;}
.search-table colgroup{display:none;}
.search-table table{display:block;}
.search-table table tr{display:block;}
.search-table table td{float:left;width:70%;}
.search-table table td.th{clear:both;float:left;width:20%;font-size:12px;word-break:break-all;}
.search-table .submit{position:absolute;left:50%;margin-left:-45%;bottom:10px;width:90%;}

/* .board-search .table .row > label{display:table-cell;padding:5px 15px 5px 0;}
.board-search .table .row > span{display:table-cell;padding:5px 0;} */

.top-search{padding:5px 10px;}

.board .none{display:none !important;}

.board .view{display:block;border-bottom:1px solid #c1c1c1;}
.board .view > tbody{display:block;}
.board .view > tbody > tr{display:flex; flex-wrap:wrap; width:100%;}
.board .view > tbody > tr > th{width:30%;padding:10px;text-align:left;color:#222;font-size:14px; box-sizing:border-box;}
.board .view > tbody > tr > th{background:none;}
.board .view > tbody > tr > td{width:70%;padding:10px;border-left:1px solid #c1c1c1;background:#fff; box-sizing:border-box; font-size:14px;}
.board .view .gray th{border-bottom:none;}
.board .view .gray td{background:none;border-bottom:none;}
.board .view + .btns{padding-top:20px;}
.board .view > tbody > tr.m-block{display:block;overflow:hidden;}
.board .view > tbody > tr.m-block > th{display:none;}
.board .view > tbody > tr.m-block > td{display:block;width:100%; border-left:none; padding:10px;}
.board .view > tbody > tr.m-block > td .view_contents{}
.board .view .view_contents{margin:0; padding:10px 0 !important;}
.board .view .attach-file{padding-left:10px;}
.board .view .attach-file p{margin-left:10px;}

.board .view .movie th{display:none;}
.board .view .movie td{display:block;width:100%;}

.board .view-table-file dl{padding:5px;}

.board .regist-gu-satis .option span{display:inline-block;width:45%;}
.board .regist-gu-satis .option input{margin-left:0 !important;}

.om-reply-wrap{padding:15px 5px 5px 5px;}
.om-reply-date{margin-bottom:15px;}
.om-reply{padding:10px;}
.om-reply > div{padding:10px 20px;}

.om-reply dl{padding:20px;}
.om-reply-tel{padding:20px;}
.om-reply-file{padding:20px;}


.inner-list-table ul{}
.inner-list-table ul li{border-bottom:1px solid #c1c1c1;padding:5px;}
.inner-list-table ul li .th{color:#b0281c;padding-right:15px;}
.inner-list-table ul li .td-title{display:block;}
.inner-list-table ul li .td-title a{display:block;overflow:hidden;white-space:nowrap;width:100%;text-overflow:ellipsis;}
.inner-list-table ul li .td-date{display:none;}
.inner-list-table ul li.prev .th{background:url(/images/seocho/board/arr_prev.gif) right center no-repeat;}
.inner-list-table ul li.next .th{background:url(/images/seocho/board/arr_next.gif) right center no-repeat;}

.board .regist{display:block;width:100%;border-bottom:1px solid #7a7a7a;}
.board .regist tbody{display:block;}
.board .regist tr{display:block;overflow:hidden;width:100%;}
.board .regist th{clear:both;float:left;width:22%;padding:8px 0;text-align:right;color:#222;font-size:12px;}
.board .regist th{border-bottom:none;border-top:1px solid #c1c1c1;background:none;}
.board .regist td{float:right;width:75%;padding:8px 0 8px 3%;border-bottom:none;border-top:1px solid #c1c1c1;background:#fff;}
.board .regist tr:first-child th{border-top:none;}
.board .regist tr:first-child td{border-top:none;}
.board .regist td label{white-space:nowrap;display:inline-block;margin:0 0 5px 0;}
.board .regist + .btns{padding-top:20px;}

.regist-agree{padding:20px; font-size:14px;}
.regist-agree .graybox + p label{display:block; margin:5px 0 !important;}

div.btns{margin:30px 0;}
.btns input{padding:0 20px;}
.btns a{padding:0 20px;}
.btn-inner{padding:0 5px;}
.btn-inner.btn-go{background:#fff url(/images/seocho/board/btn_view.png) 0 0 no-repeat;width:27px;height:23px;text-align:left;text-indent:-9999px;color:#333;padding:0;}

.paging{text-align:center;display:flex;justify-content:center;}
.paging a{font-size:16px;min-width:34px;height:34px; padding:0 5px;display:inline-block; line-height:32px;box-sizing:border-box; text-align:center; color:#555; border:1px solid #ccc; border-radius:5px;}
.paging a + a{margin-left:2px;}
.paging a span,
.paging span span{position:absolute;left:-9999em;top:-9999em;}
.paging .first{background:url(/images/om_2022/sub/i_page_first.svg) center center no-repeat;}
.paging .prev{background:url(/images/om_2022/sub/i_page_prev.svg) center center no-repeat;margin-right:5px;}
.paging .num{}
.paging .num span{position:absolute;left:-9999em;top:-9999em;}
.paging .next{background:url(/images/om_2022/sub/i_page_next.svg) center center no-repeat;margin-left:5px;}
.paging .last{background:url(/images/om_2022/sub/i_page_last.svg) center center no-repeat;}
.paging .current{font-size:16px;min-width:34px;height:34px; padding:0 5px;display:inline-block; line-height:32px;box-sizing:border-box; text-align:center; background-color:#CB4C3D;color:#fff; border-radius:5px;}
.paging .current + a{margin-left:2px;}
.paging a + .current{margin-left:2px;}
.paging .prev + .current{margin-left:0;}
.paging .disable{background-color:#F3F3F3;}
.paging + .btns{}

div.btns.aright{text-align:center !important;}



/* 500주민청원 */

.petition.list table,
.petition.list table tbody,
.petition.list table tr{display:block;}
.petition.list table td{display:inline;}
.petition.list caption,
.petition.list colgroup,
.petition.list thead{display:none}
.petition.list tr{padding:15px;border-bottom:1px solid #dedede;text-align:left;}
.petition.list tbody td{padding:0; border:none; text-align:left;}
.petition.list tbody td.no{display:none;}
.petition.list tbody td.title{display:block; font-weight:600; margin:0 0 10px 0; font-size:17px;}
.petition.list tbody td[data-label]{display:block;}
.petition.list tbody td[data-label]:before{content:attr(data-label); display:inline-block;width:70px; color:#565656;}
.petition.list tbody td.no-data{display:block;padding:30px 0;}

.petition-view-box{padding:20px 0 0 0; border:none;}
.petition.view .petitionSubject{font-size:24px;}
.petition.view .petitionInfo{padding:5px 0;}
.petition.view .petitionInfo > li{width:50%; padding:5px;}
.petition.view .petitionStep{margin:30px 0;}
.petition.view .petitionOutline{margin-top:30px; font-size:20px;}
.petition.view .petitionContent{padding:15px 0;}
.petition.view .petitionReply dt{font-size:20px;margin-bottom:10px;}
.petition.view .petitionReply dd{padding:15px;}
.petition.view .petitionFile > li{padding:10px 0;}
}

/** 600~ *************************************************************************************************************** */
@media all and (min-width:600px){

.board-search{overflow:hidden;}
.board-search .m-table{display:inline;}
.board-search .m-table .row{display:inline;white-space:nowrap;}
.board-search .m-table .row-block{clear:both;display:block;margin:5px 0;}
.board-search .m-table .row-block > label{font-weight:600;padding-right:10px;}
.board-search .m-table .row > label{font-weight:600;display:inline-block;padding:3px 5px 3px 0;}
.board-search .m-table .row > span{}
.board-search .m-table .row img{vertical-align:middle;margin-left:1px;}
.board-search .command{display:inline;vertical-align:bottom;}
.board-search .command2{display:inline;vertical-align:bottom;}

.search-table table{}
.search-table table td{border:1px solid #c2c2c2;background:#fff;}
.search-table table td.th{padding:0 10px 0 10px;text-align:center;border:1px solid #c2c2c2;background:#efefef;}

.board .view tr:first-child th{border-top:none;}
.board .view tr:first-child td{border-top:none;}

/* .board .view-table-file + .btns{padding:40px 0;}
.board .view_contents + .btns{padding:40px 0;} */

.inner-list-table ul{display:table;width:100%;}
.inner-list-table ul li{display:table-row;}
.inner-list-table ul li span{display:table-cell;border-bottom:1px solid #c1c1c1;padding:8px 0;vertical-align:middle;}
.inner-list-table ul li .th{color:#b0281c;width:76px;padding-left:18px;}
.inner-list-table ul li .td-title{padding-left:10px;padding-right:10px;background:url(/images/seocho/board/innerlist_line.gif) 0 center no-repeat;}
.inner-list-table ul li .td-title a{display:block;}
.inner-list-table ul li .td-date{width:95px;}
.inner-list-table ul li.prev .th{background:url(/images/seocho/board/arr_prev.gif) 63px center no-repeat;}
.inner-list-table ul li.next .th{background:url(/images/seocho/board/arr_next.gif) 63px center no-repeat;}

h4 + .board > .required-guide{margin-top:-30px;}
h5 + .board > .required-guide{margin-top:-30px;}
.required-guide{text-align:right;}

.board .regist{width:100%;border-top:2px solid #878787;}
.board .regist tr{}
.board .regist tr:first-child th{border-top:none;}
.board .regist tr:first-child td{border-top:none;}
.board .regist th{background:#F9F9F9;padding:10px 10px 10px 30px;text-align:left;font-weight:500;border-bottom:1px solid #dedede;}
.board .regist th .required{}
.board .regist th label{position:relative;}
.board .regist th span{position:relative;}
.board .regist th .required{position:absolute;left:-13px;top:3px;}
.board .regist td{padding:10px;border-bottom:1px solid #dedede;}

}

@media all and (max-width:650px){
	.mw20{ width:20%; }
	.mw30{ width:30%; }
	.mw40{ width:40%; }
	.mw50{ width:50%; }
	.mw70{ width:70%; }
	.mw80{ width:80%; }

}

@media all and (max-width:599px){

	.petition.write{margin-top:30px;}

}

@media all and (max-width:425px){
	.board .photo-list ul li{width:100%;}
}