@charset "utf-8";
@import url("font.css");
/* style reset */

/*라디오박스*/
.tbl_top {display: inline-block; position: relative;}
.tbl_top li {float: left;}
.tbl_top .iradio label { position: relative; top: 0; padding: 0 10px 0 5px;}
.iradio {display:inline-block; padding:0 0 0 18px; margin-right: 10px; background:url('../../images/web/icon_radio_off.png') no-repeat 0 1px; }
.iradio.on {padding:0 0 0 18px; background:url('../../images/web/icon_radio_on.png') no-repeat 0 1px;}
.iradio input.radio {width:0px; height:0px;display: inline-block; }
.iradio label.iradio_txt {display: inline-block; line-height: 20px; }

/*일반게시판 검색바*/
.totalcnt {float: left; padding:12px 0; color:#000; font-size:16px; overflow: hidden;}
.totalcnt span {color:#666;}
.boardsch {float: right;}
fieldset.boardschbox {margin:0 0 20px 0; overflow:hidden;}

fieldset.boardschbox .optionbox {float:left; margin-right: 5px;width:auto; min-width: 90px; height:35px; }
fieldset.boardschbox .optionbox select {padding:0 25px 0 10px; border:1px solid #cbcbc5; background:#fff url('../../images/web/select_arrow.png') no-repeat;background-position: top 15px right 10px;}
fieldset.boardschbox .inp_btn {overflow: hidden; float: left;}
fieldset.boardschbox .inpbox {position: relative; float:left; display:block; margin-right: 5px; width: 180px; height:35px; border:1px solid #cbcbc5;}
fieldset.boardschbox .inpbox input.txt {padding: 0 10px; width:100%; height:100%; background:#fff; border:0;}
/*검색바 type2*/
.boardsch.type3 {overflow: hidden; float: inherit; padding: 20px 20px 0; margin-bottom: 20px; background: #fafafa;}
.boardsch2 {overflow: hidden; float: inherit; padding: 20px 20px 0; margin-bottom: 10px; background: #fafafa;}
.boardsch2 fieldset.boardschbox.left {float: left;}
.boardsch2 fieldset.boardschbox.right {float: right;}
.boardsch2 fieldset.boardschbox.left .optionbox {width:140px;}
.boardsch2 fieldset.boardschbox .text {display: block; float: left; margin-right: 5px; height: 35px; line-height: 35px;}
.boardsch.type3 {padding: 20px; text-align: center;}
.boardsch.type3 fieldset.boardschbox {display: inline-block; margin: 0;}

/*년월 선택바*/
fieldset.yearchbox {height:35px; margin:0 0 12px 0; overflow:hidden;}
fieldset.yearchbox .optionbox {float:left; margin:0 0 0 5px}
fieldset.yearchbox .optionbox select {width:105px; height:35px; padding-left:10px; border:1px solid #dcdcdc; background:#fff url('../../images/web/arrow_select4.png') no-repeat;background-position: top 15px right 10px;color:#5f5f5f; font-size:13px}
fieldset.yearchbox .optionbox2 {float:left; margin:0 0 0 5px}
fieldset.yearchbox .optionbox2 select {width:90px; height:35px; padding-left:10px; border:1px solid #d5d5d5; background:#fff url('../../images/web/arrow_select4.png') no-repeat;background-position: top 15px right 10px;color:#5f5f5f; font-size:13px}
fieldset.yearchbox button {float: left; width:51px; height:35px; color:#fff; font-size:13px;display: inline-block; font-weight: 600; margin-left: 5px; background: #3d3d3d;}

/*게시판(공지사항) 리스트 타입1*/
.boardlist {clear:both; overflow:hidden; width: 100%;}
.boardlist table {width:100%; table-layout:fixed; border-top:2px solid #337dc6}
.boardlist table thead th {padding:20px 10px; text-align: center; font-weight: 600; border-bottom: 1px solid #9ba5af;}
.boardlist table tbody tr {border-bottom:1px solid #e4e4e4; }
.boardlist table tbody tr.notice {background: #f6f8fa;}
.boardlist table tbody tr.notice td span {color: #f37f09;}
.boardlist table tbody td {padding:16px 20px; min-height: 46px; text-align:center; line-height:20px; color:#333; word-break: break-all; border-right: 1px solid #e4e4e4;}
.boardlist table tbody tr:last-child {border-bottom:1px solid #7b736b;}
.boardlist table tbody td.title {padding-left:15px; padding-right:0px; text-align:left;}
.boardlist table tbody td.title .new {display: inline-block; margin-left: 20px; width: 20px; height: 20px; background: url('../../images/web/icon_new.png') center center no-repeat #f37f09; border-radius: 20px;}
.boardlist table tbody td.no_list {padding: 20px 5px;}
/* .boardlist table tbody td a {display:inline-block; overflow:hidden; max-width: calc(100% - 50px); white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}*/
.boardlist table tbody td a + .color_b{word-break:keep-all}
.boardlist table tbody td a:hover {text-decoration:underline}
.boardlist table tbody td.last {border-right: none !important;}
.boardlist > ul {border-top: 2px solid #337dc6;}
.boardlist > ul > li {overflow: hidden; border-bottom: 1px solid #e4e4e4;}
.boardlist > ul > li > a {display: block; padding: 15px 5px;}
.boardlist > ul > li > a .title h3 {display: inline-block;overflow: hidden; max-width: calc(100% - 25px); font-size: 14px;text-overflow: ellipsis; white-space: nowrap;}
.boardlist > ul > li > a .title h3 span {margin-right: 5px;}
.boardlist > ul > li > a .title .new {display: inline-block; margin-left: 5px; width: 15px; height: 15px; background: url('../../images/web/icon_new.png') center center no-repeat #f37f09; background-size: 7px; border-radius: 20px;}
.boardlist > ul > li > a .name {overflow: hidden;}
.boardlist > ul > li > a .name li {float: left; margin-right: 15px; font-size: 12px;}
.boardlist > ul > li > a .name li:last-child {margin-right: 0;}
.boardlist > ul > li > a.notice {background: #f6f8fa;}
.boardlist > ul > li > a.notice .title h3 {max-width: calc(100% - 20px);}
.boardlist > ul > li > a.notice .title h3 span {color: #f37f09; margin-right: 15px;}



/*상세보기 일반 테이블(세로)*/
.tablebasic {clear:both; overflow:hidden}
.tablebasic table {width:100%; table-layout:fixed; color: #666; border-top:2px solid #337dc6;}
.tablebasic table tr {border-bottom: 1px solid #dcdcdc;}
.tablebasic table thead th {border-bottom: 1px solid #337dc6;}
.tablebasic table th {text-align: center; color: #2f76c2; font-weight: 600; padding:10px; border-right: 1px solid #dcdcdc;}
.tablebasic table th:last-child {border-right: 0px solid #dcdcdc;}
.tablebasic table td {padding:10px; text-align: center; border-right: 1px solid #dcdcdc; word-break: break-all;}
.tablebasic table td:last-child {border-right: 0px solid #dcdcdc;}
.tablebasic table td.line {border-right: 1px solid #dcdcdc !important;}
.tablebasic table td .file li {display: inline-block; margin-right: 35px;}
.tablebasic table td .file li a {padding-left: 25px; color: #666; font-size: 15px; line-height: 22px; background: url('../../images/web/icon_down.png') 0 2px no-repeat;}
.tablebasic table td .list_type {text-align: left; padding: 0;}
.tablebasic table td.th {font-weight: 600; background: #fafafa;}

/*페이징*/
.paging {clear:both; overflow:hidden; width:100%; margin:30px 0 0 0; text-align:center; font-size:0}
.paging * {vertical-align:middle}
.paging span a {display:inline-block; margin: 0 9px; text-align:center; color:#4d4d4d; font-size:14px}
/*20231220 웹접근성수정사항*/
.paging span a:hover, .paging span a.on {color:#A85806; font-weight: 800; text-decoration: underline 2px;}
.paging button {width: 28px; height: 28px; border: 1px solid #d7d7d7; text-indent:-99999px; font-size:0}
.paging button.btn-paging-first {display:inline-block; margin-right: 5px; background:url('../../images/web/arrow_first.png') no-repeat 50%;}
.paging button.btn-paging-pre {display:inline-block; margin-right: 10px; background: url('../../images/web/arrow_pre.png') no-repeat 50%;}
.paging button.btn-paging-next {display:inline-block; margin-left: 10px; background: url('../../images/web/arrow_next.png') no-repeat 50%;}
.paging button.btn-paging-last {display:inline-block; margin-left: 5px; background: url('../../images/web/arrow_last.png') no-repeat 50%;}
.paging.web_only{display:block !important;}

/*게시판 글쓰기 타입1-일반글쓰기*/
.boardwrite {clear:both; overflow:hidden}
.boardwrite table {width:100%; table-layout:fixed; border-top:2px solid #337dc6;}
.boardwrite table th {width: 200px; padding:0 10px 0 30px; text-align:left; background:#f8f9fa; border-bottom: 1px solid #e4e4e4; vertical-align: middle;}
.boardwrite table th span {display: inline-block; width: 10px; color: #ed0101; margin-right: 5px;}
.boardwrite table td {padding:15px; background:#fff; border-bottom:1px solid #e4e4e4; color:#666; line-height: 15px;}
.boardwrite table td .inpbox {overflow: hidden; display: inline-block; width:100%; height:30px; border:1px solid #d2d2d2}
.boardwrite table td .inpbox input.txt {padding:0 10px;}
.boardwrite table td .optionbox {overflow: hidden; display: inline-block; width:180px; height: 30px; border:1px solid #d2d2d2; }
.boardwrite table td .optionbox select {padding:0 0 0 10px; background:#fff url('../../images/web/select_arrow2.png') no-repeat; background-position: right 10px center;}
.boardwrite table td textarea {width: 100%; height: 100%;min-height: 100px;padding: 10px;border: 1px solid #d2d2d2;}
.boardwrite table td .calenbox {display: inline-block;}
.boardwrite table td .calenbox .input_type {color: #4d4d4d; width: 128px; height: 27px; padding: 0 30px 0 10px; border: 1px solid #a9a9a9;}
.boardwrite table td .calenbox span {margin: 0 8px;color: #4d4d4d; }
.boardwrite table td .tel_box {}
.boardwrite table td .tel_box .hyphen {position: relative; top: -9px;}


/* 20240105 웹접근성수정사항_팝업 */
.pop_btn{display:inline-block; width: 30px; height:30px; background-color: #a37a50; border-radius: 50%; text-align: center; line-height: 30px; color:#fff; margin-left:10px;}
.pop_overlay {display: none;position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0, 0, 0, 0.7);transition:opacity 500ms;z-index: 900;}
.pop_overlay .popup {position: fixed;width: 60%; height: 600px;padding: 10px;max-width: 800px;border-radius: 10px;top:50%;left:50%;transform: translate(-50%, -50%);background: rgba(255, 255, 255, .9);/* "delay" the visibility transition */  -webkit-transition: opacity .5s, visibility 0s linear .5s; transition:opacity .5s, visibility 0s linear .5s; z-index:1001; margin-top:100px;}
.pop_overlay .popup .pop_close{position: absolute;right: 5px;top: 5px;padding: 5px;color: #000;transition: color .3s;font-size: 2em;line-height: .6em;font-weight: bold;}
.pop_overlay .popup .pop_close:hover {color: #a37a50;}



.pop_overlay .popup_text .tit{margin-bottom: 20px;font-size: 22px;font-weight: 600;text-align: center;padding: 15px 0;border-bottom: 1px solid #dbdbdb;}
.pop_overlay .popup_text{padding: 30px;}
.pop_overlay .popup_text .popup_text_inner{}
.pop_overlay .popup_text .top_box{padding-bottom: 10px;}
.pop_overlay .popup_text .top_box .txt{font-size: 18px;}
.pop_overlay .popup_text .top_box .txt2{margin: 10px 0;font-weight: 400;}
.pop_overlay .popup_text .btm_box{text-align: center;}
.pop_overlay .popup_text .btm_box strong{display: inline-block;margin-bottom: 10px;font-size: 18px;}
.pop_overlay .popup_text .btm_box ul{display: flex;flex-wrap: wrap;border-bottom: 1px solid #dbdbdb;font-weight: 400;}
.pop_overlay .popup_text .btm_box ul li{text-align: left;flex-basis: 50%;border-top: 1px solid #dbdbdb;height: 40px;padding: 10px 0 ;}
.pop_overlay .popup_text .btm_box ul li:nth-of-type(8){border-bottom: 1px solid #dbdbdb;;}
.pop_overlay .popup_text .btm_box ul li span{width: 120px; color: #333;}

/* 20240105 웹접근성수정사항 */




.pri_box {padding: 15px; background: #f9fbfc; border: 1px solid #b7b7b7;}
.pri_box textarea {padding: 10px; width: 100%; line-height: 20px; border: 1px solid #c5cdd1; background: #fff;}
.pri_box .check {margin-top: 10px; width: 100%; height: 18px; color: #303030; text-align: right; overflow: hidden; }
/*20231220 웹접근성수정사항*/
.pri_box input[type=checkbox] {position:absolute; overflow:hidden; width: 1px; height: 1px; padding: 0; margin: -1px; border: 0; clip: rect(0,0,0,0);}
.fcs_in:focus-within{border:1px solid #333}
/*20231220 웹접근성수정사항*/
.pri_box input[type=checkbox] + label{display: inline-block; cursor: pointer; position: relative; padding-left: 25px; }
.pri_box input[type=checkbox]+ label:before { content: "\2714"; display: inline-block; width: 16px; height: 16px; color: #fff;  position: absolute; left: 0; top: 0; background-color: #fff;border:1px solid #a9a9a9; }
.pri_box input[type=checkbox]:checked + label:before { content: "\2714";font-size: 13px; font-weight:800; color: #333; background:#fff;text-align: center;  line-height: 16px;} 
/*일반게시판 상세*/
.board_detail { border-top: 2px solid #337dc6;}
.board_detail > li {display: block; position: relative; width: 100%; overflow: hidden; }
.board_detail > li .title_box {position: relative; overflow: hidden; padding-right: 130px; line-height: 55px; border-bottom: 1px solid #9ba5af;}
.board_detail > li .title_box .division {float: left; padding-left: 30px; width: 200px; font-size: 17px; color: #2b7dcd; font-weight: 800;}
.board_detail > li .title_box h3 {overflow: hidden; float: left; padding: 0 20px; width: calc(100% - 200px); font-size: 17px; text-overflow: ellipsis; white-space: nowrap;}
.board_detail > li .title_box h3 span {font-weight: 800;}
.board_detail > li .title_box .recruitment {position: absolute; right: 30px; top: 50%; transform: translateY(-50%); padding: 5px 15px; color: #fff; line-height: 16px;}
.board_detail > li .title_box .recruitment.bg1 {background: #f27f0c;}
.board_detail > li .title_box .recruitment.bg2 {background: #839cb2;}
.board_detail li .name, .board_detail li .file {padding: 20px 30px; border-bottom: 1px solid #e4e4e4;}
.board_detail li .name dt, .board_detail li .name dd {display: inline-block; font-size: 15px; line-height: 22px;}
.board_detail li .name dt {font-weight: 800; margin-right: 15px;}
.board_detail li .name dd {color: #666; margin-right: 35px;}
.board_detail li .file {}
.board_detail li .file li {display: inline-block; margin-right: 35px;}
.board_detail li .file li a {padding-left: 25px; color: #666; font-size: 15px; line-height: 22px; background: url('../../images/web/icon_down.png') 0 2px no-repeat;}
.board_detail .content {color: #666; padding: 20px 30px; line-height: 20px; border-bottom: 1px solid #e4e4e4;}
.board_detail .content img {display: block; max-width: 100%; height:auto !important;}
.open_box {display: block;}
.open_box dl {overflow: hidden; margin-top: 20px;}
.open_box dt, .open_box dd {float: left;}
.open_box dt {width: 130px;}
.open_box dt img {max-width: 120px;}
.open_box dd {width: calc(100% - 130px); padding-top: 5px; font-size: 13px;}

/*답글*/
.answer {position: relative; overflow: hidden; padding: 20px 20px 10px; background: url('../../images/web/icon_comment.png') 20px 18px no-repeat #f1f1f1;}
.answer h3 {padding-left: 18px; margin-bottom: 10px; color: #2a2d41; font-size: 15px;}
.answer .reply {border-radius: 3px; margin-bottom: 15px;}
.answer .date {position: absolute; right: 22px; top: 22px; color: #4d4d4d; font-size: 12px;}
.answer .reply .reply_write {padding: 15px 15px 20px; width: 100%; color: #4d4d4d; font-size: 13px; line-height: 24px; background: #fff;}
.answer .reply .reply_file {overflow: hidden; width: 100%; padding: 15px; border: 1px solid #e5e5e5; border-top: none; background: #fff;}
.answer .reply .reply_file a {display: inline-block; color: #515151; font-size: 12px;}
.answer .reply .reply_file a:hover {border-bottom: 1px solid #515151;}
.answer .reply .reply_file dt {width: 70px; float: left; line-height: 18px; font-weight: 600;}
.answer .reply .reply_file dd {float: right; width: calc(100% - 70px);}
.answer .reply .reply_file dd .file_view li {width: 100%; border: 1px solid #dcdcdc; padding: 6px 10px 6px 30px; margin-bottom: 3px; background: url('../../images/web/icon_file3.png') 10px center no-repeat;}
.answer .reply .reply_file dd .file_view li.none {margin-bottom: 0px;}
.answer .reply .reply_file .file_view li a {color: #333333; font-size: 12px;}
.answer .reply .reply_file .file_view li button {margin-left: 5px;}
.answer .reply .reply_file .file_view.button li {position: relative; padding-right: 75px;}
.answer .reply .reply_file .file_view.button li a {position: relative;}
.answer .reply .reply_file .file_view.button li button {position: absolute; right: 5px; top: 2px;}

/*저작물*/
.open_work {display: table;width: 100%; padding: 12px; border: 1px solid #dcdcdc;}
.open_work > div {display: table-cell; vertical-align: middle;}
.open_work > div.img1 {width: 159px;}
.open_work > div.img2 {width: 196px;}
.open_work > div.img3 {width: 197px;}
.open_work > div.img4 {width: 238px;}
.open_work img {display: inline-block;}
.open_work p {display: inline-block; color: #585858; padding-left: 20px; font-size: 13px; line-height: 20px;}
/*정보제공만족사항*/
.infoservice {border-top: 2px solid #6b727b; border-bottom: 1px solid #6b727b;}
.infoservice dl.respon {padding: 13px 17px; color: #585858; border-bottom: 1px dashed #dcdcdc; line-height: 22px;}
.infoservice.type2 dl.respon {padding: 13px 25px; border-bottom: 0px dashed #dcdcdc; background: #f1f1f1;}
.infoservice dl.respon dt {display: inline-block; font-weight: 600;}
.infoservice dl.respon dd {display: inline-block; }
.infoservice dl.respon dd.line {margin: 0 3px; }
.infoservice .infoservice_box {overflow: hidden; padding: 16px 17px; background: #f8f9fa;}
.infoservice .infoservice_box h4 {color: #585858; margin-bottom: 15px;}
.infoservice .infoservice_box ul {float: left;}
.infoservice .infoservice_box ul li {float: left;}
.infoservice .infoservice_box button {float: left; position: relative; top: -4px; padding: 0 6px; height: 24px; line-height: 24px; color: #fff; font-size: 13px; font-family: 'Dotum'; background: #7b736b; border-radius: 3px; }

.responsibility {background: #efefef; padding: 20px 20px 20px 10px; text-align: center; margin-top: 20px; color: #333; line-height: 24px;}
.responsibility span {font-weight: 600; margin-left: 10px;}

/*댓글*/
.comment {margin-top: 40px; border-bottom: 1px solid #6b727b;}
.comment.none {margin-top: 0px;}
.comment .total_reply {padding-bottom: 10px; color: #2a2d41; font-size: 15px; font-weight: 600; border-bottom: 1px solid #6b727b;}
.comment .total_reply span {color: #e5350e;}
.comment .comment_write {padding: 20px 0;}
.comment .comment_write .inpbox {display: inline-block; width: 200px; border: 1px solid #d2d2d2;}
.comment .comment_write .inpbox input {color: #747474; font-size: 13px; width: 100%; height: 35px; padding: 10px;}
.comment .comment_write .textarea_type {color: #a8a9ad; margin: 6px 0; font-size: 13px; width: 100%; height: 80px; padding: 10px;border: 1px solid #d2d2d2;}
.comment .comment_write > div > span {position: relative; top: 2px; color: #747474; font-size: 13px;}
.comment .comment_write > div > span > em {color: #4d4d4d;}
.comment .comment_write .text_box {overflow: hidden; margin-bottom: 5px;}
.comment .comment_write .text_box .textarea_type {float: left; color: #a8a9ad; margin: 0; font-size: 13px; width: calc(100% - 80px); height: 80px; padding: 10px;border: 1px solid #d2d2d2;}
.comment .comment_write .text_box button {float: left; width: 80px; height: 80px;}
.comment .comment_write .star_box {overflow: hidden; position: relative;}
.comment .comment_write .star_box .byte {position: absolute; right: 0;}
.comment .comment_list {border: 1px solid #d1d1d1; padding: 30px;}
.comment .line {border-bottom: 1px dashed #b8b8b8; padding-bottom: 20px; margin-bottom: 20px;}
.comment .reply_box {position: relative;}
.comment .reply_box .name {display: inline-block; margin-bottom: 10px; color: #333333; font-size: 15px; font-weight: 600;}
.comment .reply_box .name em {margin-right: 5px; font-size: 16px; font-weight: 400;}
.comment .reply_box .name span {color: #7a7a7a; font-size: 13px; font-weight: 400;}
.comment .reply_box .name span em {margin: 0 8px;}
.comment .reply_box .button {display: inline-block;position: relative; top: 4px; margin-left: 5px; }
.comment .reply_box .button li {float: left;}
.comment .reply_box .button li a {color: #535353; font-size: 12px;  font-family: 'Dotum';}
.comment .reply_box .button span {margin: 0 5px;}

.comment .line .text {color: #4d4d4d; display: block; width: 100%; margin-top: 15px;}

.comment .reply_reply {width: 100%; padding: 10px; background: #f1f1f1;}
.comment .reply_reply .reply_box {padding: 5px 10px 20px 28px; background: url('../../images/web/icon_comment2.png') 10px 8px no-repeat; border-bottom: 1px solid #d7d7d7; box-shadow: 0 1px 0 0 white;}
.comment .reply_reply .reply_box.last {border-bottom: 0px solid #d7d7d7; box-shadow: 0 0 0 0 white;}
.comment .reply_box .wirte {margin-top: 8px;}
.comment .reply_box .wirte textarea {display: inline-block; width: 100%; padding: 10px; margin-bottom: 5px; color: #4d4d4d; line-height: 24px; border: 1px solid #bbbbbb;}
.comment .inpbox {display: inline-block; width: calc(100% - 137px); border: 1px solid #bbbbbb;}
.comment .inpbox input {color: #333; font-size: 13px; width: 100%; height: 28px; line-height: 13px; padding: 0 10px;}




/*썸네일게시판*/
.thumbnaillist {width:100%; border-top:2px solid #137dbf; border-bottom: 1px solid #9ba5af; overflow: hidden;}
.thumbnaillist li {padding: 20px 0; border-bottom:1px solid #e4e4e4;clear: both;overflow: hidden;}
.thumbnaillist li:last-child {border-bottom:0px solid #e4e4e4;}
.thumbnaillist li.on, .thumbnaillist li:hover {background: #f9fbfe;}
.thumbnaillist li .thumbnaillist_img {float: left;overflow: hidden;width: 94px; height: 124px;border:2px solid #c7c7c7;display: block; background: #eee;}
.thumbnaillist li .thumbnaillist_img > img {width: 100%;height: 100%;}
.thumbnaillist li a.thumbnaillist_txt {float: left; overflow: hidden;display: block;width: calc(100% - 105px);padding: 0 20px; color: #333;}
.thumbnaillist li a.thumbnaillist_txt h4 {color: #000; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.thumbnaillist li a.thumbnaillist_txt .text {overflow: hidden; max-height: 48px; margin: 12px 0; color: #666; white-space: inherit; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 24px;}
.thumbnaillist li a.thumbnaillist_txt .name {display: block; margin-top: 5px; font-size: 13px; color: #666;}
.thumbnaillist li a.thumbnaillist_txt .name dt {display: inline-block; font-weight: 600;}
.thumbnaillist li a.thumbnaillist_txt .name dd {display: inline-block; margin: 0 3px;}
.thumbnaillist li a.thumbnaillist_txt .name dd > a {display: inline-block; position: relative; top: -1px;}
.thumbnaillist li a.thumbnaillist_txt .name dd .link {color: #005aa9; text-decoration: underline;}

/*갤러리형 게시판*/
.gallaylist {width:100%; overflow: hidden; display: block; border-top:2px solid #137dbf;}
.gallaylist .gallaylist_box > li {overflow: hidden; float: left;width: 25%; padding: 20px 0; text-align: center; border-bottom: 1px solid #e4e4e4;}
.gallaylist .gallaylist_box li a {display: inline-block; width: 265px;}
.gallaylist .gallaylist_box li .gallay_detail {display: inline-block; width: 252px; border: 1px solid #e4e4e4;text-align: center; border-top: 3px solid #6b727b; border-bottom: 1px solid #7b736b; border-left: 1px solid #eeeeee; border-right: 1px solid #eeeeee;}
.gallaylist .gallaylist_box li .gallaylist_img {width: 100%;height: 280px; overflow: hidden; border: 1px solid #c7c7c7;}
.gallaylist .gallaylist_box li .gallaylist_img img {width: 100%; height: 100%;}
.gallaylist .gallaylist_box li .text_box {padding-top: 10px; text-align: left;}
.gallaylist .gallaylist_box li .text_box h4, .gallaylist .gallaylist_box li .text_box .text {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.gallaylist .gallaylist_box li .text_box h4 {color: #000;}
.gallaylist .gallaylist_box li .text_box .text {font-size: 14px;}
.gallaylist .gallaylist_box li .date {margin-top: 5px; font-size: 13px; color: #666;}
.gallaylist .gallaylist_box li button.file {color: #333; margin-top: 5px;}
.gallaylist .gallaylist_box li .gallay_tit li {width: 100%; float: none; color: #333; line-height: 20px; text-align: left;}

/*온라인브로슈어*/
.brochure_box {overflow: hidden;display:flex;display:-webkit-flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;}
.brochure_box > li {float: left; padding: 30px 0; width: 25%; border-bottom: 1px solid #dcdcdc;}
.brochure_box li .list_box img {display: block; margin: 0 auto; width: 218px; height: 278px; border: 1px solid #b5b5b5;}
.brochure_box li .list_box .text {margin: 20px 0 10px; text-align: center; word-break: keep-all;}
.brochure_box li .list_box .text h3 {}
.brochure_box li .list_box .text p {}
.brochure_box li .list_box .button_box {width: 218px; margin: 0 auto;}
.brochure_box li .list_box .button_box.type1 li {}
.brochure_box li .list_box .button_box.type2 li {float: left; width: 50%;}
.brochure_box li .list_box .button_box.type2 li button {width: 96%;}
.brochure_box li .list_box .button_box li button {width: 100%; height: 45px;}
.brochure_box li .list_box .button_box li button span {display: block; font-size: 13px;}

/*20231220 웹접근성수정사항*/
.brochure_box li .list_box.list_box1{position: relative; margin:0px 36px;}
.brochure_box li .list_box.list_box1 img{width:216px; height: 237px;}
.brochure_box li .list_box.list_box1 .text{position:absolute; top:242px; margin-top:50px; width:218px;}
.brochure_box li .list_box.list_box1 .text2{position:absolute; left:35px; top:242px; margin-top:50px;}
.brochure_box li .list_box.list_box1 .text2 h3{margin-left:45px;}
/*2025 웹접근성*/
.brochure_box li .list_box.list_box1 .openPopupButton{width: 100%; height: 45px; background-color:#2f76c2; color:#fff; margin-top:15px} 
.brochure_box li .list_box.list_box1 .popup_role {position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;max-width: 800px;background-color: #fff;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);padding: 20px;border-radius: 8px;z-index: 1000;display: none; opacity: 0;transition: opacity 0.3s ease; height:auto; overflow: hidden;}
.brochure_box li .list_box.list_box1 .popup_role[hidden] {display: none;}
.brochure_box li .list_box.list_box1 .popup_role .popup_inner2{display: flex; gap:20px; flex-direction: column;}
.brochure_box li .list_box.list_box1 .popup_role video{width:80%; margin: 0 auto; height:400px;}
.brochure_box li .list_box.list_box1 .popup_role .text_zone{padding:25px; border:1px solid #ececec; overflow-y: scroll; height:400px;  max-height: 400px; }
.brochure_box li .list_box.list_box1 .popup_role:not([hidden]) {display: block;opacity: 1;}
.brochure_box li .list_box.list_box1 .popupTitle {font-size: 1.5em;margin-bottom: 10px;}
.brochure_box li .list_box.list_box1 .popupDescription {font-size: 1em;margin-bottom: 20px;color: #555;text-align: left;word-break: break-all;}
.brochure_box li .list_box.list_box1 .closePopupButton {background-color: #007bff;color: #fff;border: none;padding: 10px 20px;font-size: 1em;border-radius: 5px;cursor: pointer;transition: background-color 0.3s ease}
.brochure_box li .list_box.list_box1 .closePopupButton:hover {background-color: #0056b3; }
.brochure_box li .list_box.list_box1 .popup-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);z-index: 999;display: none;}
.brochure_box li .list_box.list_box1 .popup-overlay[hidden] {display: none;}
.brochure_box li .list_box.list_box1 .popup-overlay:not([hidden]) {display: block;}
/*2025 웹접근성*/



.attachment-file {overflow:hidden; position:relative; width:calc(100% - 65px); padding:0 0 0 0;}
.attachment-file span {display:inline-block}
.attachment-file span.iptxt {display:inline-block; position:relative; width:calc(100% - 75px);}
.attachment-file span.iptxt input.txt {width:100%; height:27px; padding: 0 10px; margin:0; border:1px solid #d2d2d2; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.attachment-file span.ipfile {width: 70px; position: relative; display:inline-block; }
.attachment-file span.ipfile em {position: absolute; left: 0; top: 0; color: #fff; display:inline-block; width:70px; height:27px;text-align:center; background:#6b717b; line-height:28px; cursor:pointer; font-size:12px; font-family: 'Dotum'; border-radius: 3px;}
.attachment-file span.ipfile input.file {position:relative; z-index:2; width:70px; height:27px; padding:0; border:1px solid #a9a9a9; cursor:pointer; opacity:0; filter:alpha(opacity=0); }

.attachment-file-edit {clear:both; overflow:hidden; margin-top:9px}
.attachment-file-edit:first-child {margin-top:0}
.attachment-file-edit .attachment-file {float:left}
.attachment-file-edit > button {float:left; margin:0 0 0 5px}
.attachment-file-edit button.plus {width: 27px; height: 27px; border: 1px solid #7b736b; border-radius: 3px; background: url('../../images/web/icon_plus2.png') center center no-repeat;}
.attachment-file-edit button.minus {width: 27px; height: 27px; border: 1px solid #7b736b; border-radius: 3px; background: url('../../images/web/icon_minus2.png') center center no-repeat;}

/*달력*/
.calendar_month {display: block; overflow: hidden; text-align: center; margin-bottom: 20px;}
.calendar_month button {width: 74px; height: 28px; border: 1px solid #004f96; font-weight: bold; color: #fff; border-radius: 20px;}
.calendar_month .prev {display: inline-block; padding-left: 12px; background: url('../../images/web/icon_pre4.png') 10px center no-repeat #1e69ac;}
.calendar_month .next {display: inline-block; padding-right: 12px; background: url('../../images/web/icon_next4.png') right 10px center no-repeat #1e69ac;}
.calendar_month .month {position: relative; top: 3px; display: inline-block; margin: 0 20px; color: #303030; font-size: 16px; font-weight: bold;}
.calendar_month .month span {color: #005aab; font-size: 20px;}
.calendar {overflow: hidden;}
.calendar table {table-layout: fixed; width: 100%; border-top: 2px solid #4289c5; border-left: 1px solid #dcdcdc;}
.calendar table thead tr {height: 50px; border-left: 1px solid #b7b7b7; border-bottom: 1px solid #919191; background: #f9fbfc;}
.calendar table thead tr th { color: #333333; font-weight: 600; border-right: 1px solid #b7b7b7;}
.calendar table tbody tr {height: 66px; background: #edf5f8; border-bottom: 1px solid #7b736b;}
.calendar table tbody tr.time_box, .calendar table tbody tr.time_box2 {display: none;}
.calendar table tbody tr td {position: relative;z-index: 100; color: #333333; font-size: 13px; border-right: 1px solid #dcdcdc;}
.calendar table tbody tr td .bg_w {position: relative; display: table; width: 100%; height: 66px; background: #fff; text-align: center;}
.calendar table tbody tr td .bg_w > div, .calendar table tbody tr td .bg_w > a {display: table-cell; vertical-align: middle; height: 66px; background: #fff; text-align: center;}
.calendar table tbody tr td span.day {position: absolute; z-index: 700; top: 10px; right: 20px; }
.calendar table tbody tr td a {position: relative; z-index: 70; color: #005aab; text-decoration: underline;}
.calendar table tbody tr td a.hover {position: relative; z-index: 999; background: url('../../images/web/icon_arrow3.png') center bottom -1px no-repeat;}
.calendar table tbody tr td .time {width: 100%; overflow: hidden; display: block; padding: 5px 10px; background: #d2e7c7; border-left: 1px solid #7b736b; border-right: 1px solid #7b736b;}
.calendar table tbody tr td .time li {float: left; padding: 5px 8px;}
/*게시판 E*/

@media screen and (max-width:1017px) {
	/*검색바 type2*/
	.totalcnt {float: none;}
	.boardsch {float: none; display: block;}
	.boardsch.type2 {overflow: hidden; float: inherit; padding: 20px 20px 0; background: #fafafa;}
	.boardsch2 {overflow: hidden; float: inherit; padding: 10px 10px 0; margin-bottom: 20px; background: #fafafa;}
	.boardsch2 fieldset.boardschbox.left {float: inherit; margin-bottom: 0;}
	.boardsch2 fieldset.boardschbox.right {float: inherit;}
	.boardsch2 fieldset.boardschbox.left .optionbox {float: left; width: calc(50% - 5px); margin-bottom: 10px;}
	.boardsch2 fieldset.boardschbox.left .optionbox:nth-child(2), .boardsch2 fieldset.boardschbox.left .optionbox:nth-child(5) {margin-right: 5px; margin-left: 0;}
	.boardsch2 fieldset.boardschbox.left .optionbox:nth-child(4), .boardsch2 fieldset.boardschbox.left .optionbox:nth-child(6) {margin-left: 5px; margin-right: 0;}
	.boardsch2 fieldset.boardschbox .text {display: none;}
	.boardsch2 fieldset.boardschbox.right .inp_btn {width: calc(100% - 95px);}
	.boardsch2 fieldset.boardschbox.right .inp_btn .inpbox {width: calc(100% - 73px);}
	
	/*갤러리형 게시판*/
	.gallaylist .gallaylist_box > li {float: left;width: 50%;}
	.brochure_box > li {width: 33.33%;}
	.boardlist table tbody td {padding: 10px 5px !important;}
	.boardlist table tbody td.title a {max-width: 100%;}
	
}
@media screen and (min-width:320px) and (max-width:784px){
	
	fieldset.boardschbox .optionbox {display: block; float:none; width: 100%; margin-right: 0; margin-bottom: 10px;}
	fieldset.boardschbox .inp_btn {float: none;}
	fieldset.boardschbox .inpbox {float:left; display:block; margin-right: 5px; width: calc(100% - 73px); height:35px; border:1px solid #cbcbc5;}
	.boardsch2 fieldset.boardschbox.left .optionbox:nth-child(2), .boardsch2 fieldset.boardschbox.left .optionbox:nth-child(5) {margin-right: 5px !important;}
	.boardsch2 fieldset.boardschbox.left .optionbox:nth-child(4), .boardsch2 fieldset.boardschbox.left .optionbox:nth-child(6) {margin-left: 5px !important;}
	.boardsch2 fieldset.boardschbox.right .inp_btn {width: 100%;}
	/*검색바 type2*/
	
	/*라디오박스*/
	.tbl_top.type1 .iradio label { top: 2px;padding: 0 10px 0 5px;}
	.iradio label {top: 2px; padding: 0 10px 0 5px;}
	
	/*테이블 검색*/
	.boardtopbox {padding: 15px 0; }
	.boardtopbox .searchlist > li {padding: 0 15px;}
	.boardtopbox .searchlist li .title {display: block; margin-bottom: 10px;}
	.boardtopbox .searchlist li .optionbox {display: block; width: 123px;}
	.boardtopbox .searchlist li .inpbox {display: block; width: 100%; margin: 2px 0;}
	.boardtopbox .button {position: relative; display: block; text-align: center; right: 0; bottom: 0;}
	.boardtopbox input[type=checkbox] + label {margin-bottom: 3px;}

	/*게시판(공지사항) 리스트 타입1*/
	.boardlist table thead th {padding:10px 2px;}
	.boardlist table tbody td.notice span {padding: 6px 3px;font-size: 13px;}
/* 20240105 웹접근성수정사항_팝업 */
	.pop_overlay .popup {width:70%; margin-top:30px; height:750px;}
	
	/*일반게시판 상세*/
	.board_detail > li .title_box {line-height: 22px; padding: 10px 0;}
	.board_detail > li .title_box .division {display: none;}
	.board_detail > li .title_box h3 {padding: 0 10px; width: 100%; white-space: inherit;display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 15px; line-height: 22px; max-height: 44px;}
	.board_detail > li .title_box .recruitment {position: relative; display: inline-block; margin: 5px 0 0 10px; right: inherit; top: 0; transform: translateY(0);}
	.board_detail li .name, .board_detail li .file {padding: 10px 10px;}
	.board_detail li .name dt, .board_detail li .name dd {font-size: 13px; line-height: 20px;}
	.board_detail li .name dt {font-weight: 800; margin-right: 5px;}
	.board_detail li .name dd {color: #666; margin-right: 10px;}
	.board_detail li .file li {display: block; margin-right: 0;}
	.board_detail li .file li a {padding-left: 20px; font-size: 13px; line-height: 20px;}
	.board_detail .content {padding: 20px 10px;}
	.open_box {overflow: hidden;}
	.open_box dt, .open_box dd {float: inherit;}
	.open_box dt {width: 100%;}
	.open_box dt img {max-width: 120px;}
	.open_box dd {width: 100%; padding-top: 10px;}
	
	/*게시판 글쓰기 타입1-일반글쓰기*/
	.boardwrite table * {font-size: 13px;}
	.boardwrite table th {width: 80px; padding:0 10px;}
	.boardwrite table td {padding:10px;}
	.boardwrite table td .optionbox {width: 100%;}
	.boardwrite table td .inpbox input.txt {padding:0 5px;}
	.boardwrite table td .optionbox select {padding:0 0 0 5px; background-position: right 5px center;}
	.boardwrite table td .tel_box .w100 {width: 55px !important;}
	/*게시판(공지사항) 리스트 타입2*/
	.boardlist.type2 table thead th {color: #303030; padding:10px 2px;}
	.boardlist.type2 table tbody td {padding:10px 2px; overflow: hidden;}
	.boardlist.type2 table tbody td.notice span {padding: 6px 3px;font-size: 13px;}
	.boardlist.type2 table tbody td.thumb img {width: 100%; max-height: 35px;}

	/*일반게시판 상세*/
	
	
	/*상세보기 일반 테이블(가로)*/
	.tablebasic table th {font-size: 13px; padding:10px 5px;}
	.tablebasic table td {padding:8px 5px; font-size:13px; line-height: 20px;}
	.tablebasic table td ul.list li {float: left; width: 50%; padding-right: 10px;}
	.tablebasic table td .file li {display: block; margin-right: 0;}

	/*정보제공만족사항*/
	.infoservice .infoservice_box {overflow: hidden; padding: 16px 17px; background: #f8f9fa;}
	.infoservice .infoservice_box h4 {color: #585858; margin-bottom: 12px;}
	.infoservice .infoservice_box ul {float: none; overflow: hidden;}
	.infoservice .infoservice_box button {float: none; position: relative; top: 0; margin-top: 5px;}
	
	.li_le li {width: 50%;}
	/*답글*/
	.answer {padding: 20px 10px 0;}
	.answer h3 {padding-left: 28px;}
	/*저작물*/
	.open_work > div {display: block;}
	.open_work > div.img1, .open_work > div.img2, .open_work > div.img3, .open_work > div.img4 {width: 100%; text-align: center;}
	.open_work img {display: inline-block; margin-bottom: 10px;}
	.open_work p {padding-left: 0;}
	/*댓글*/
	.comment {margin-top: 20px;}
	.comment .comment_list {padding: 10px;}
	.comment .reply_reply .reply_box {padding: 5px 10px 20px 20px; background: url('../../images/web/icon_comment2.png') 5px 8px no-repeat; border-bottom: 1px solid #d7d7d7; box-shadow: 0 1px 0 0 white;}
	
	/*썸네일게시판*/
	.thumbnaillist li .thumbnaillist_img {float: none;}
	.thumbnaillist li a.thumbnaillist_txt {float: none; width: 100%;padding-left: 0; margin-top: 10px;}
	
	/*썸네일게시판*/
	.thumbnaillist li .thumbnaillist_img {display: none;}
	.thumbnaillist li a.thumbnaillist_txt {float: none; width: 100%;padding-left: 0; margin-top: 10px;}
	
	.brochure_box > li {width: 50%;}
	/*게시판 E*/
	/*20231220 웹접근성수정사항*/
	.brochure_box li .list_box.list_box1{padding:40px;}
    /*2025 웹접근성*/
    .brochure_box .video_zone{min-height: 500px;}
	.brochure_box li .list_box.list_box1 .text{margin-top:60px; left:inherit;}
	.brochure_box li .list_box.list_box1 .text2{margin-top:60px; left:90px;}
	
	
}
@media screen and (min-width:320px) and (max-width:640px){
	.brochure_box > li {float: inherit; width: 100%;}
	/*갤러리형 게시판*/
	.gallaylist .gallaylist_box > li {float: inherit; width: 100%;}
		
	/*20231220 웹접근성수정사항*/
	.brochure_box li .list_box.list_box1 video{display: block; margin:0 auto;}
	.brochure_box li .list_box.list_box1 .text{width:100%; left:0;}
	.brochure_box li .list_box.list_box1 .text2{width:100%; right:0;}
}
@media screen and (min-width:320px) and (max-width:480px){
	
	/*게시판 S*/
	.tabletop_txt {position: relative; padding: 0; color: #001296; line-height: 20px;}
	.tabletop_txt button {position: relative; width: 100%; right: 0; top: 0; transform: translateY(0); margin-top: 10px;}
	.mobile_only .boardlist table tbody td ul > li {display: block; margin-right: 0;}
	.boardtopbox .searchlist.left li {float: none; width: 100%;}
	.boardtopbox .searchlist li .optionbox {width: 100%;}
	
	
	.attachment-file {width:100%;}
	.attachment-file span.iptxt {width:calc(100% - 65px);}
	.attachment-file span.ipfile {width: 60px;}
	.attachment-file span.ipfile em {width:60px;}
	.attachment-file-edit > button {margin:5px 0 0 0}
	.attachment-file-edit button.minus {margin-left: 5px;}
	
	/*댓글*/
	.comment .comment_write .inpbox {display: block; width: 100%; margin-bottom: 5px;}
	.comment .comment_write .textarea_type {margin: 0 0 6px;}
	.comment .reply_box .name {margin: 0 0 5px 0;}
	.comment .reply_box .name span {display: block; margin-top: 5px;}
	.comment .reply_box .name span em {display: none;}
	.comment .reply_box .button {margin: 0}
	.comment .byte {position: relative; left: 0; bottom: 0; text-align: left; padding-right: 0;}
	.comment .reply_box .wirte > div > span.mr5 {display: block; top: 0px; margin-right: 2px !important; margin-bottom: 5px;}
	.comment .inpbox.w200 {width: 100% !important; margin-bottom: 5px;}
	
	.calendar table tbody tr td span.day {top: 5px; right: 5px; }
	.calendar table tbody tr td a {width: 100%; height: 100%; font-size: 0; text-indent: -9999px;}
	.calendar table tbody tr td a > span {display: block; position: absolute; top: 10px; left: 5px; width: 5px; height: 5px; background: #005aab; border-radius: 10px;}
	.calendar table tbody tr td .bg_w > div {display: block; position: absolute; top: 10px; left: 5px; width: 5px; height: 5px; font-size: 0; text-indent: -9999px; background: #dc0f19; border-radius: 10px;}
	.calendar table tbody tr td .time li {padding: 5px;}
	/*게시판 E*/
	
	/*2025 웹접근성*/
	.brochure_box li .list_box.list_box1 .popup_role {width: 80%;}
	.brochure_box li .list_box.list_box1 .popup_role video{height:200px;}
	.brochure_box li .list_box.list_box1 .popup_role .text_zone{height:300px;}
}

	/*클린신고센터*/
	.clean table{border: 1px solid #5b5b5b; width:100%; margin-bottom: 30px;}
	.clean table tr:first-child{border-bottom:1px solid #5b5b5b;}	
	.clean table tr td{padding:10px; border-right: 1px solid #5b5b5b; text-align: center; font-weight: 600;}