@charset "utf-8"; /* style reset */

.radio_box, .check_box { position: relative; display: flex; flex-wrap: wrap; align-items: center; gap: 14px 35px; } 
input[type="radio"] + label, input[type="checkbox"] + label { display: inline-block; vertical-align: middle; } 
input[type="radio"]:focus + label, input[type="checkbox"]:focus + label { outline: 2px solid #000; border-radius: 2px; } 
input[type="radio"], input[type="checkbox"] { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 0; } 

@media only screen and (max-width: 767px){
 .radio_box, .check_box { gap: 10px 15px; } 
 }

/*라디오박스*/
.radio_box > li { display: flex; align-items: center; } 
.radio_box > li:last-child { margin-right: 0 !important; } 
.radio_box input[type="radio"] + label { position: relative; padding-left: 32px; display: block; font-size: clamp(16px, 4vw, 1.9rem); font-weight: 500; cursor: pointer; } 
.radio_box input[type="radio"] + label::after,
.radio_box input[type="radio"] + label::before { content: ""; position: absolute; border-radius: 100%; } 
.radio_box input[type="radio"] + label::after { left: 0; top: 50%; transform: translateY(-50%); width: 22px; height: 22px; border: 2px solid var(--gray-cc); background: #fff; } 
.radio_box input[type="radio"] + label.on::before,
.radio_box input[type="radio"]:checked + label::before { left: 5px; top: 5px; width: 12px; height: 12px; background-color: var(--main); } 
.radio_box input[type="radio"]:checked + label::after { border: 7px solid var(--main); } 
.radio_box > li .parenthesis { margin: 0 5px; } 
.radio_box > li .parenthesis:first-of-type { margin-left: 10px; } 
.radio_box > li.others { margin-top: 10px; width: 100%; justify-content: space-between; } 
.radio_box > li.others .inpbox { width: calc(100% - 80px); } 
.radio_box.center input[type="radio"] + label { margin: 0 auto; padding-left: 22px; width: 22px; height: 22px; } 

/*체크박스*/
.check_box.right { justify-content: flex-end; } 
.check_box > li { display: flex; align-items: center; } 
.check_box > li:last-child { margin-right: 0; } 
.check_box input[type="checkbox"] + label { position: relative; padding-left: 30px; display: block; line-height: 20px; cursor: pointer; } 
.check_box input[type="checkbox"] + label::before { content: ""; position: absolute; left: 0; top: calc(50% - 10px); width: 20px; height: 20px; border: 2px solid #ddd; border-radius: 5px; background: #fff; background-repeat: no-repeat; background-position: center center; } 
.check_box input[type="checkbox"] + label.on::before,
.check_box input[type="checkbox"]:checked + label::before { background: var(--main) url("../img/common/icon-check.svg")no-repeat center center / 10px; border: 1px solid var(--main); } 
.check_box.all { margin-top: 25px; padding-top: 30px; display: flex; justify-content: center; border-top: 1px solid #929bac; } 
.check_box.all label { font-size: 18px; color: #333; } 
.check_box.detail > li { margin-right: 20px; } 
.check_box.detail > li:last-child { margin-right: 0 !important; } 
.check_box > li .parenthesis { margin: 0 5px; } 
.check_box > li .parenthesis:first-of-type { margin-left: 10px; } 
.check_box.line { display: block; } 
.check_box.line > li { margin-right: 0; margin-bottom: 10px; } 
.check_box > li:last-child { margin-bottom: 0; } 
.check_box.center input[type="checkbox"] + label::before { left: calc(50% - 10px); } 
.check_box.center input[type="checkbox"] + label { margin: 0 auto; padding-left: 20px; width: 20px; height: 20px; } 

/* checkbox icon-only (정렬순용) */
.chk-list-st2 { display: flex; flex-wrap: nowrap; align-items: flex-start; gap: 1.6rem; } 
.chk-st2 { position: relative; flex-shrink: 0; } 
 .chk-st2 input { position: absolute; opacity: 0; pointer-events: none; } 
 .chk-st2 label { position: relative; display: inline-flex; align-items: center; font-size: clamp(17px, 2vw, 1.9rem); font-weight: 500; color: #757575; cursor: pointer; line-height: 1.4; } 
 .chk-st2 input:checked + label { color: var(--main); font-weight: 600; } 

textarea { border: 1px solid #ddd; border-radius: 8px; } 
.optionbox, .inpbox { position: relative; height: 50px; border-radius: 6px; border: 1px solid #ddd; } 
.optionbox::after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 12px; width: 9px; height: 5px; background: url(../images/dropdown_arr_b.png) no-repeat center / contain; } 
.list_box { display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: flex-end; } 
.list_box li { position: relative; } 
.list_box li:last-child { padding-right: 0; margin-right: 0; } 
.list_box li:last-child::after { display: none; } 
.list_box li span { color: #56595E; } 
.list_box.short li { padding-right: 15px; margin-right: 15px; } 
.file_box li { margin-bottom: 5px; display: flex; align-items: stretch; } 
.file_box li:last-child { margin-bottom: 0; } 
.file_box li a { position: relative; padding: 0 25px 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: none; } 
.file_box li a::after { content: ""; display: block; position: absolute; top: 0; right: 0; width: 15px; height: 26px; background: url(../images/icon_file.svg) no-repeat center / contain; } 
.file_box li .button_box { margin-top: 0; align-items: flex-start; } 
.file_box li button { margin-left: 5px; flex: none; width: 90px; height: 28px; font-size: 13px; background-size: 13px; } 
.character { white-space: nowrap; color: #1d1d1d; } 
.nodata { text-align: center; padding: 108px 0 !important; color: #56595E !important; } 

/*목록 상단검색 기본*/
.boardlist_top { position: relative; margin-bottom: 24px; } 
.boardlist_top .box { display: flex; align-items: center; justify-content: center; padding: 35px 0; background: #f6f8fa; border: 1px solid #dae4ee; gap: 10px; } 
.down-file { display: flex; justify-content: center; align-items: center; gap: 5px; } 
.down-file i { display: block; width: 24px; height: 24px; background: url(../img/common/icn-file.svg) no-repeat center center / contain; } 
.icon-file { display: block; width: 20px; height: 20px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' fill='none' viewBox='0 0 26 26'%3E%3Cpath fill='%231d1d1d' d='M21.958 13.445a.975.975 0 0 1 1.377 1.38l-7.11 7.096A7.795 7.795 0 1 1 5.2 10.896l7.282-7.476.023-.02a5.521 5.521 0 0 1 7.806 7.807l-.002.003-7.29 7.486-.002-.002a3.25 3.25 0 0 1-2.304.99A3.248 3.248 0 0 1 8.428 14.1l7.474-7.474a.976.976 0 0 1 1.38 1.379L9.793 15.49l-.011.013a1.3 1.3 0 0 0-.397.922 1.3 1.3 0 0 0 2.233.912l.002-.001 7.287-7.484a3.571 3.571 0 0 0-5.05-5.05l-7.27 7.464-.009.01a5.85 5.85 0 0 0 0 8.266 5.847 5.847 0 0 0 8.266 0h.002z'/%3E%3C/svg%3E") no-repeat center center / contain; } 
@media only screen and (max-width:1023px){
 .down-file i { width: 17px; height: 17px; } 
 .down-file .hide { overflow: visible !important; position: static; width: unset; height: unset; margin: unset; } 
 }

/*일반게시판 검색바*/
.board_top { position: relative; } 
.board_top.mb_0 { margin-bottom: 0; } 
.board_top .row { display: flex; gap: 20px; align-items: center; justify-content: space-between; } 
.board_top .box { display: flex; align-items: center; justify-content: center; gap: 10px; } 

.board_top.pc-0 { padding: 0; } 
.board_top .all { color: #1d1d1d; font-weight: 400; } 
.board_top .all span { color: var(--main); font-weight: 500; } 
.board_top .boardschbox { padding-bottom: 4rem; } 
.board_top .boardschbox.col_box { flex-direction: column; gap: 10px; } 
.board_top .boardschbox .select_box { display: flex; } 
.board_top .boardschbox .select_box .optionbox,
.board_top .boardschbox .search_box .inpbox { height: 60px; border: 1px solid var(--bd-dark); border-radius: 100px; overflow: hidden; } 
.board_top .boardschbox .select_box .optionbox { width: 122px; } 
.board_top .boardschbox .select_box .optionbox select { padding: 0 10px; color: #444; font-size: 16px; } 
.board_top .boardschbox .search_box { position: relative; display: flex; gap: 10px; justify-content: center; align-items: center; max-width: 940px; width: 100%; margin: 0 auto; } 

.board_top .boardschbox .search_box .select-wrap { position: relative; width: 100%; max-width: 200px; z-index: 0; } 
.board_top .boardschbox .search_box .select-wrap .select { height: 60px; line-height: 60px; background: #fff url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.5 7.5'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23111; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M.75.75l6,6L12.75.75'/%3E%3C/svg%3E") no-repeat right 20px center / auto 6px; border: 1px solid var(--bd-dark); border-radius: 100px; padding: 0 40px 0 20px; font-size: clamp(16px, 3vw, 1.8rem); appearance: none; } 
.board_top .boardschbox .search_box .select-wrap .con { display: none; position: absolute; top: 65px; left: 0; z-index: 1; width: 200px; border-radius: 12px; border: 1px solid var(--Gray-06, #E0E3E8); background: #FFF; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); overflow: hidden; } 
.board_top .boardschbox .search_box .select-wrap.open { z-index: 10; } 
.board_top .boardschbox .search_box .select-wrap.open .con { display: block; } 
.board_top .boardschbox .search_box .select-wrap .con .check_box { display: block; } 
.board_top .boardschbox .search_box .select-wrap .con .check_box li { padding: 16px; margin-right: unset; transition: all .3s; } 
.board_top .boardschbox .search_box .select-wrap .con .check_box li:hover { background: var(--light-gray); } 
.board_top .boardschbox .search_box .select-wrap .con .check_box input[type="checkbox"] + label { width: 100%; font-size: clamp(1.7rem, 2vw, 1.9rem); display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; word-break: break-all; } 
/* 검색 셀렉트 드롭다운: 체크박스 모양 제거(선택 기능은 유지) */
.board_top .boardschbox .search_box .select-wrap .con .check_box input[type="checkbox"] + label { padding-left: 0; } 
.board_top .boardschbox .search_box .select-wrap .con .check_box input[type="checkbox"] + label::before { display: none; } 
.board_top .boardschbox .search_box .select-wrap .con .check_box input[type="checkbox"]:checked + label { color: var(--main); font-weight: 700; } 

/* select2 가 위로 펼쳐질 때 스태킹 컨텍스트를 lnb 위로 */
.board_top .boardschbox .search_box .select-wrap:has(.select2-container--open) { z-index: 10; }
/* lnb 드롭다운 열림 시엔 lnb 우선 */
.lnb:has(.lnb_area li.dropdown.open) { z-index: 11; }
.board_top .boardschbox .search_box .inpbox { display: flex; align-items: center; gap: 10px; width: 100%; padding: 0 20px; } 
.board_top .boardschbox .search_box .inpbox > button { display: block; width: 26px; height: 26px; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Cpath stroke='%2356595E' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m28 28-5.8-5.8m3.133-7.533c0 5.89-4.775 10.666-10.666 10.666S4 20.558 4 14.667 8.776 4 14.667 4c5.89 0 10.666 4.776 10.666 10.667'/%3E%3C/svg%3E") no-repeat center center / 26px; } 
.board_top .boardschbox .search_box .inpbox input.txt { font-size: clamp(16px, 3vw, 1.8rem); color: #444; height: 100%; width: 100%; } 
.board_top .boardschbox .search_box .btn_search { height: 60px; line-height: 60px; color: #fff; padding: 0 40px; background: var(--sub-color); gap: 10px; border-radius: 100px; font-weight: 700; font-size: 17px; flex-shrink: 0; transition: all .3s; } 
.board_top .boardschbox .search_box .btn_search:hover { background: #334F81; } 
.board_top .boardschbox .search_box.search_box_st2 { max-width: unset; margin-bottom: 4rem;} 

@media only screen and (max-width: 1200px){
 .board_top .boardschbox .search_box.search_box_st2 { flex-wrap: wrap; } 
 }
@media only screen and (max-width: 1023px){
 .board_top { padding: unset; } 
 .board_top .boardschbox { display: block; } 
 .board_top .boardschbox .select_box { margin-right: 0; } 
 .board_top .boardschbox .search_box { width: 100%; } 
 .board_top .boardschbox .search_box .select-wrap .con { top: 50px; } 
 .board_top .boardschbox .search_box .select-wrap .select { height: 46px; line-height: 46px; } 
 .board_top .boardschbox .box .search_box { width: auto; } 
 .board_top .boardschbox .search_box .inpbox { width: 100%; height: 46px; background-position: left 15px center; } 
 .board_top .boardschbox .select_box .optionbox:last-child { margin-right: 0; } 
 .board_top .boardschbox .select_box .optionbox select,
 .board_top .boardschbox .search_box .inpbox input.txt { font-size: 16px; } 
 .board_top .boardschbox .search_box .btn_search { height: 46px; line-height: 46px; } 
 .board_top > .optionbox { float: right; margin: -28px 0 10px; } 
 .board_top .calendarbox { margin-right: 0; } 
 .board_top .calendarbox .inpbox { width: 100%; } 
 .board_top .calendarbox .inpbox input.txt { font-size: 16px; } 
 .board_top .order { justify-content: right; } 
 .board_top .order li { margin-left: 15px; padding-left: 15px; } 
 .board_top .order li::before { top: calc(50% - 5px); width: 1px; height: 10px; } 
 .board_top .order li a { font-size: 14px; } 
 }
@media only screen and (max-width: 767px) { 
 .board_top .boardschbox .search_box .select-wrap .select,.board_top .boardschbox .search_box .inpbox, .board_top .boardschbox .search_box .btn_search { border-radius: 10px; } 
 .board_top .box.calendarbox_wr { flex-wrap: wrap; } 
 .board_top .box.calendarbox_wr .calendarbox { width: 100%; } 
 .board_top .box { flex-wrap: wrap; } 
 .board_top .box .inpbox.w_180 { width: 100% !important; } 
 .board_top .box.calendarbox_wr .calendarbox .w_180 { width: calc(50% - 5px) !important; } 
 .board_top .box.calendarbox_wr .search_box,
 .board_top .box.calendarbox_wr .search_box .btn_search { width: 100% !important; } 
 .button_box .right { width: 100%; } 
 .button_box .right .btn { width: 100%; min-width: unset; } 
 .optionbox { height: 10.5556vw; } 
 .optionbox::after { right: 4.1667vw; width: 2.0833vw; height: 2.0833vw; } 
 .board_top .boardschbox .search_box { gap: 1rem; } 
 .board_top .boardschbox .search_box select { width: auto; max-width: unset; } 
 }
 @media only screen and (max-width: 600px){
 .board_top .boardschbox .search_box { flex-wrap: wrap; } 
 .board_top .boardschbox .search_box > * { flex: 1 1 100%; width: 100%; } 
 .board_top .boardschbox .search_box .select-wrap { width: 100%; max-width: unset; } 
 .board_top .boardschbox .search_box .select-wrap .con { width: 100%; } 
 
 .board_top .boardschbox .search_box .inpbox { flex-direction: row-reverse; } 
 .board_top .boardschbox .search_box .btn_search { display: none; } 
 }
.board_top .button_box { margin-top: 0; } 
.board_top.right { justify-content: right; } 
.board_top .order { display: flex; font-family: 'Noto Sans KR', 'Noto Sans SC', sans-serif; } 
.board_top .order li { margin-left: 20px; padding-left: 20px; position: relative; } 
.board_top .order li:first-child { margin-left: 0; padding-left: 0; } 
.board_top .order li::before { content: ""; position: absolute; top: calc(50% - 7px); left: -1px; width: 2px; height: 13px; background-color: #ccc; } 
.board_top .order li:first-child::before { display: none; } 
.board_top .order li a { font-size: 17px; font-weight: 300; color: #999; } 
.board_top .order li.active a { font-weight: 500; color: #2656f6; } 




/*일반게시판 리스트*/
.boardlist { overflow: hidden; width: 100%; } 
.boardlist table { width: 100%; table-layout: fixed; line-height: 30px; border-top: 1px solid #1d1d1d; border-collapse: collapse; } 
.boardlist table thead tr { border-bottom: 1px solid var(--bd-color); } 
.boardlist table thead tr th { height: 65px; line-height: 22px; padding: 14px 10px; color: #1d1d1d; font-weight: 500; background: #fff; } 
.boardlist table tbody tr { border-bottom: 1px solid var(--bd-color); } 
.boardlist table tbody tr:hover { background-color: var(--bg-light); } 
.boardlist table tbody tr:hover td.title_box .title a { color: var(--main); text-decoration: underline; text-underline-position: under; } 
.boardlist table tbody tr td { overflow: hidden; padding: 15px 10px; text-align: center; color: #56595E; font-size: 17px; font-weight: 400; } 
.boardlist table tbody tr td .name , .boardlist table tbody tr td .view, .boardlist table tbody tr td .date { background: unset; padding: unset; } 
.boardlist table tbody tr td.no { color: #555; } 
.boardlist table tbody tr td .row { display: flex; align-items: center; justify-content: center; gap: 20px; } 
.boardlist table tbody tr td .row li { display: flex; align-items: center; gap: 10px; position: relative; } 
.boardlist table tbody tr td .row li::before { content: ""; width: 1px; height: 14px; background: #ddd; position: absolute; left: -10px; } 
.boardlist table tbody tr td .row li:first-child:before { display: none; } 
.boardlist table tbody tr td.m_hidden { display: table-cell !important; } 
.boardlist table tbody tr td.title_box .title { display: flex; align-items: center; gap: 5px; } 
.boardlist table tbody tr td.title_box .title a { align-items: center; color: #1d1d1d; font-weight: 500; } 
.boardlist table tbody tr td.title_box .title a img.new { width: 18px; } 
.boardlist table tbody tr td.title_box .title span.comment { margin-left: 5px; color: #d74225; } 
.boardlist table tbody tr td.title_box .title img.secret { margin-left: 7px; width: 30px; height: 30px; } 
.boardlist table tbody tr td.title_box .title img.secret img { width: 100%; height: 100%; } 
.boardlist table tbody tr td.title_box .title.comment a { padding-left: 23px; background-image: url("../images/icon_comment.png"); background-position: left center; background-size: 16px; background-repeat: no-repeat; } 
.boardlist table tbody tr td div.radio_box input[type="radio"] + label { width: 22px; height: 22px; margin: 0 auto; padding-left: 0; } 
.boardlist table tbody tr td .btn_download { margin: 0 auto; } 
.boardlist table tbody tr.fix td span.notice { display: inline-block; padding: 0 14px; height: 26px; line-height: 26px; font-size: 13px; font-weight: bold; text-align: center; color: #fff; background-color: var(--main); border-radius: 100px; } 
.boardlist table tbody tr td.cate span.cate-badge { display: inline-block; padding: 0 14px; min-height: 28px; line-height: 26px; font-size: 14px; font-weight: 500; text-align: center; color: var(--main); background-color: var(--bg-light); border-radius: 100px; } 
.boardlist table tbody tr td.status { font-size: 16px; font-weight: 500; color: var(--txt-gray); } 
.boardlist table tbody tr td.status.wait { color: var(--red); } 
.boardlist table tbody tr td.status.done { color: #18a561; } 
.boardlist table tbody tr td a.emphasis { border-bottom: 1px solid #18a561; color: #18a561; } 
.boardlist table tbody tr td a.emphasis2 { border-bottom: 1px solid #1d1d1d; color: #1d1d1d; } 

/*하단 버튼*/
.button_box { position: relative; display: flex; align-items: center; justify-content: space-between; } 
.button_box > div { display: flex; align-items: center; width: 100%; gap: 10px; } 
.button_box .left { justify-content: flex-start; } 
.button_box .center { justify-content: center; } 
.button_box .right { justify-content: flex-end; } 
.button_box button { word-break: keep-all; } 
.button_box button:first-child { margin-left: 0 !important; } 
.button_box button.right { position: absolute; right: 0; top: 0; } 
.view_bottom + .button_box { margin-top: 60px; } 
.button_box.wide .btn { min-width: 200px; padding: 0 40px; } 
@media only screen and (max-width: 767px){
 .button_box > div { gap: 5px; flex-wrap: wrap; } 
 }
 @media only screen and (max-width: 450px) { } 
/*페이징*/
.paging { margin-top: 40px; display: flex; justify-content: center; } 
.paging button { margin: 0 2px; display: block; min-width: 40px; height: 40px; line-height: 32px; text-align: center; color: #07091c; background-repeat: no-repeat; background-position: center center; border-radius: 4px; border: 1px solid transparent; border-width: 1px; } 
.paging button:last-child { margin-right: 3px; } 
.paging button:hover { border: 1px solid var(--sub-color); } 
.paging button.on { font-weight: 500; color: #fff; border-color: var(--sub-color); background: var(--sub-color); } 
.paging button.btn-paging-first { margin: 0 5px 0 0; background-image: url("../img/common/icn-paging-first.svg"); background-size: 40px; border: none; } 
.paging button.btn-paging-pre { margin: 0 10px 0 0; background-image: url("../img/common/icn-paging-prev.svg"); background-size: 40px; border: none; } 
.paging button.btn-paging-next { margin: 0 0 0 10px; background-image: url("../img/common/icn-paging-next.svg"); background-size: 40px; border: none; } 
.paging button.btn-paging-last { margin: 0 0 0 5px; background-image: url("../img/common/icn-paging-last.svg"); background-size: 40px; border: none; } 

@media only screen and (max-width: 767px){
 .paging button { min-width: 32px; width: 32px; height: 32px; line-height: unset; } 
 }

/*일반게시판 상세*/
.board_detail { position: relative; } 
.board_detail .title_box { display: flex; flex-direction: column; align-items: center; justify-content: center; border-bottom: 1px solid var(--bd-color); padding: 6rem 0 4rem 0; } 
.board_detail .title_box h3 { font-size: clamp(1.9rem, 2vw, 3rem); font-weight: 700; text-align: center; margin: 2rem 0; } 
.board_detail .title_box h4 { font-size: 18px; color: #1d1d1d; } 
.board_detail .title_box h4 .answer { margin-right: 15px; padding-left: 23px; font-size: 16px; color: #666; background: url("../images/icon_comment.png") no-repeat 0 2px; background-size: 14px; } 
.board_detail .title_box .ico_badge { margin-left: 20px; flex: none; width: 65px; height: 28px; text-align: center; } 



.board_detail > div,
.board_detail > ul { } 
.board_detail .list_box { font-weight: 400; justify-content: flex-start; gap: 10px 50px; } 
.board_detail .list_box.map_info_list { width: 100%; justify-content: center; gap: 10px 19px; } 
.board_detail .list_box.map_info_list li { position: relative; display: flex; justify-content: center; max-width: 150px; width: 100%; } 
.board_detail .list_box.map_info_list li::before { content: ""; position: absolute; top: 50%; left:0; transform: translateY(-50%); width: 1px; height: 10px; background: var(--bd-color); } 
.board_detail .list_box.map_info_list li:last-child:after { content: ""; display: block; position: absolute; top: 50%; right:0; transform: translateY(-50%); width: 1px; height: 10px; background: var(--bd-color); } 
.board_detail .list_box li { display: flex; align-items: center; gap: 19px; padding: 0; margin: 0; } 
.board_detail .list_box li.answerer { font-size: 16px; font-weight: 400; color: #05141f; } 
.board_detail .list_box li.date,
.board_detail .list_box li.views { font-size: 16px; color: #666; padding-left: 30px; background-repeat: no-repeat; background-position: left center; background-size: 16px auto; } 
.board_detail .list_box li.date { background-image: url(../images/icon__date.svg); } 
.board_detail .list_box li.views { background-image: url(../images/icon__views.svg); } 
.board_detail .list_box2 { padding: 15px 20px; } 
.board_detail .file_box { display: flex; } 
.board_detail .img_box { max-width: 900px; margin: 0 auto 20px auto; overflow: hidden; } 
.board_detail .content_bar { position: relative; padding: 30px 0 5px; display: flex; justify-content: flex-end; border-bottom: 0; } 
.board_detail .content_bar button { margin-right: 10px; } 
.board_detail .content_bar button:last-of-type { margin-right: 0; } 
.board_detail .content_bar .btn_more { padding: 0 20px; height: 40px; color: #fff; font-size: 18px; font-weight: 500; background-color: #2656f6; border-radius: 40px; } 
.board_detail .content_bar .btn_more .icon { margin-left: 15px; width: 6px; height: 11px; } 
.board_detail .content_bar .btn_more .icon::after,
.board_detail .content_bar .btn_more .icon::before { left: -4px; background-color: #fff; border-radius: 2px; transform-origin: right; } 
.board_detail .content_bar .btn_more .icon::after { transform: rotate(45deg); } 
.board_detail .content_bar .btn_more .icon::before { top: calc(50% - 3px); transform: rotate(-45deg); } 
.board_detail .content_bar .share_box { z-index: 30; position: absolute; top: 78px; right: 0; padding: 20px !important; display: none; border: 1px solid #e4e4e4; background-color: #fff; } 
.board_detail .content_bar .share_box.in { display: block; } 
.board_detail .content_bar .share_box .btn_close { position: absolute; right: 10px; top: 10px; } 
.board_detail .content_bar .share_box .btn_close .icon { width: 17px; height: 17px; } 
.board_detail .content_bar .share_box .btn_close .icon::after,
.board_detail .content_bar .share_box .btn_close .icon::before { left: -2px; top: 8px; width: 21px; height: 1px; background-color: #606060; } 
.board_detail .content_bar .share_box .button_box { margin: 0 0 20px; padding: 0 20px; } 
.board_detail .content_bar .share_box .button_box .btn_share { font-size: 15px; width: 80px; } 
.board_detail .content_bar .share_box .button_box .btn_share span { margin-top: 5px; display: block; } 
.board_detail .content_bar .share_box .link_box { display: flex; } 
.board_detail .content_bar .share_box .link_box .inpbox { width: 100%; height: 40px; } 
.board_detail .content_bar .share_box .link_box button { margin-left: 10px; flex: none; width: 90px; height: 40px; color: #fff; background-color: #475157; } 
.board_detail .content_box { padding: 4rem 3rem; } 
.board_detail .content_box.survey { border-bottom: 1px solid #e3e5e9; } 
.board_detail .content_box img { max-width: 100%; width: 100%; } 

.board_detail .title_desc_wr { position: relative; min-height: 56px; } 
.board_detail .file_box { padding: 20px 320px 20px 20px; } 
.board_detail .file_box li a { font-size: 16px; color: #007a9f; text-decoration: underline; text-underline-position: under; } 
.board_detail .list_box li { font-size: 16px; color: #05141f; } 
/* 메인 슬라이드 (큰 이미지) */

.board_detail .slider-for { position: relative; max-width: 900px; width: 100%; margin: 0 auto 10px; } 
.board_detail .slider-for .swiper-slide { position: relative; height: 540px; border-radius: 20px; overflow: hidden; } 
.board_detail .slider-for .swiper-slide img { width: 100%; height: 100%; object-fit: cover; } 
@media only screen and (max-width: 767px){
 .board_detail .slider-for { max-width: 100%; } 
 .board_detail .slider-for .swiper-slide { max-width: 300px; max-height: 180px; border-radius: 10px; } /* 화면의 80%, 옆 슬라이드 살짝 노출 */ } 



.board_detail .video_box { position: relative; overflow: hidden; } 
.board_detail .video_box .youtube,
.board_detail .video_box .video { width: 100%; height: 282px; padding: 30px 0; text-align: center; } 
.board_detail .video_box .youtube { position: relative; } 
.board_detail .video_box .youtube iframe { width: 400px; height: 222px; border: 0; } 
.board_detail .video_box .video .video-js { height: 100%; width: 100%; border: 0; } 
.board_detail .video_box .video .video-js .vjs-big-play-button { left: calc(50% - 45px); top: calc(50% - 22px); width: 60px; height: 60px; border: 3px solid #fff; border-radius: 100%; } 
.board_detail .video_box .video .video-js .vjs-big-play-button .vjs-icon-placeholder:before { top: 5px; } 
.board_detail .video_box .contents { padding: 15px; width: 100%; height: 130px; overflow-y: auto; color: #666; font-size: 16px; line-height: 24px; border-top: 1px solid #e1e1e1; } 
.board_detail.answer_detail { margin-top: 4rem; border-top: 1px solid #1d1d1d; } 

.board_detail.answer_detail .title_box { align-items: flex-start; padding: 3rem; } 
.board_detail.answer_detail .title_box h3 { position: relative; margin: unset; margin-bottom: 2rem; font-size: clamp( 1.9rem , 2vw, 2.2rem); } 
.board_detail.answer_detail .title_box h3::before { content: ""; position: absolute; left: -30px; top: 50%; transform: translateY(-50%); width: 24px; height: 24px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23818892' d='M4.8 2.7a.9.9 0 0 1 .9.9v4.92a6.78 6.78 0 0 0 6.78 6.78h4.844l-3.033-3.151a.9.9 0 0 1 1.297-1.25l3.86 4.012a1.86 1.86 0 0 1 0 2.58l-3.86 4.01a.9.9 0 0 1-1.297-1.247l3.034-3.154h-4.844A8.58 8.58 0 0 1 3.9 8.52V3.6a.9.9 0 0 1 .9-.9'/%3E%3C/svg%3E") no-repeat center center / contain; } 
.board_detail.answer_detail .list_box { justify-content: flex-start; gap: 10rem; } 
.board_detail.answer_detail .list_box > li { width: unset; } 
.board_detail.answer_detail .list_box > li::before { left: unset; right: -5rem; } 
.board_detail.answer_detail .list_box > li:last-child::before { display: none; } 

/*이전글 다음글*/
.view_bottom { border-top: 1px solid var(--txt-gray); border-bottom: 1px solid var(--txt-gray); } 
.view_bottom > a { gap: 4.5rem; padding: 2rem; font-size: clamp(17px,2vw,1.9rem); } 
.view_bottom > a + a { border-top: 1px solid var(--bd-color); } 
.view_bottom > a > span { display: flex; gap: 3rem; align-items: center; } 
.view_bottom > a > p { color: #1d1d1d; font-weight: 500; } 
.view_bottom > a:hover > p { text-decoration: underline; text-underline-offset: 5px; } 
.view_bottom > a > .rg-date { margin-left: auto; color: var(--txt-gray); font-size: 17px; } 
.view_bottom > a .prev-btn i, .view_bottom > a .next-btn i { display: block; width: 32px; height: 32px; border: 1px solid var(--bd-color); border-radius: 100px; flex-shrink: 0; transition: all .3s; } 
.view_bottom > a .prev-btn i { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%2356595e' d='M8.42 10.709a.666.666 0 0 1-.891-.046L3.145 6.28a.667.667 0 1 1 .942-.943L8 9.25l3.913-3.913a.667.667 0 1 1 .942.943l-4.384 4.384z'/%3E%3C/svg%3E") no-repeat center / 12px; transform: rotate(180deg); } 
.view_bottom > a .next-btn i { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%2356595e' d='M8.42 10.709a.666.666 0 0 1-.891-.046L3.145 6.28a.667.667 0 1 1 .942-.943L8 9.25l3.913-3.913a.667.667 0 1 1 .942.943l-4.384 4.384z'/%3E%3C/svg%3E") no-repeat center / 12px; } 
.view_bottom > a:hover .prev-btn i { border: 1px solid var(--main); background: var(--main) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%23Fff' d='M8.42 10.709a.666.666 0 0 1-.891-.046L3.145 6.28a.667.667 0 1 1 .942-.943L8 9.25l3.913-3.913a.667.667 0 1 1 .942.943l-4.384 4.384z'/%3E%3C/svg%3E") no-repeat center / 12px; transform: rotate(180deg); } 
.view_bottom > a:hover .next-btn i { border: 1px solid var(--main); background: var(--main) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%23Fff' d='M8.42 10.709a.666.666 0 0 1-.891-.046L3.145 6.28a.667.667 0 1 1 .942-.943L8 9.25l3.913-3.913a.667.667 0 1 1 .942.943l-4.384 4.384z'/%3E%3C/svg%3E") no-repeat center / 12px; } 
@media only screen and (max-width:767px){
 .view_bottom > a { padding: 1.5rem 0; gap: 2rem; } 
 .view_bottom > a > span { gap: 2rem; white-space: nowrap; } 
 .view_bottom > a > .rg-date { display: none; } 
 .view_bottom + .button_box { margin-top: 4rem; } 
 .file-btn-list { gap: .5rem; } 
 }
/*댓글*/
.comment_area .button_box { margin-top: 10px; } 
.comment_area .button_box button { margin-left: 5px; } 
.comment_area .button_box button:first-of-type { margin-left: 10px; } 
.comment_area .button_box .byte { font-size: 14px; color: #7d7d7d; } 
.comment_area .button_box .byte b { color: var(--main); } 
.comment_area .comment_write { border-radius: 16px; } 
.comment_area .comment_write .write_box textarea { height: 150px; border: 1px solid #c1c1c1; border-radius: 10px; } 
.comment_area .comment_list { margin-top: 3rem; border-top: 1px solid #1d1d1d; border-bottom: 1px solid var(--bd-color); } 
.comment_area .comment_list > li dl { padding: 3rem 0; border-bottom: 1px solid var(--bd-color); } 
.comment_area .comment_list > li:first-child dl { border-top: 0; } 
.comment_area .comment_list > li dl dt { display: flex; align-items: center; justify-content: space-between; } 
.comment_area .comment_list > li dl dt .button_box { margin-top: 0; } 
.comment_area .comment_list > li dl dt .list_box { gap: 15px; } 
.comment_area .comment_list > li dl dt .list_box:not(.button_area) li { position: relative; padding-right: 15px; } 
.comment_area .comment_list > li dl dt .list_box:not(.button_area) li:last-child { padding-right: 0; } 
.comment_area .comment_list > li dl dt .list_box li::after { content: ""; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: 10px; background: var(--bd-color); } 
.comment_area .comment_list > li dl dt .list_box.button_area { gap: 8px; } 
.comment_area .comment_list > li dl dt .list_box.button_area li::after { display: none; } 
.comment_area .comment_list > li dl dd { margin-top: 24px; font-size: 16px; line-height: 1.5; color: #666; } 
.comment_area .comment_list > li dl dd textarea { padding: 10px; height: 150px; font-size: 14px; color: #333; background-color: #fff; border: 1px solid #c1c1c1; border-radius: 4px; } 
.comment_area .comment_list > li dl.reply { border-top: 0; } 
.comment_area .comment_list > li dl.reply dt { margin-left: 40px; padding-left: 30px; background-repeat: no-repeat; background-position: 0 5px; background-image: url("../img/common/icon_comment.svg"); background-size: 24px; } 

.comment_area .comment_list > li dl.reply dd { padding-left: 40px; display: flex; align-items: flex-start; gap: 10px; } 
.comment_area .comment_list > li dl dd.write_box { margin-top: 34px; border-radius: 16px; background: #f2f4f9; padding: 26px 30px; display: block; margin-left: 0; } 
.comment_area .comment_list > li dl.reply dd .name { padding-right: 5px; color: #1a3d74; flex-shrink: 0; } 
.comment_area .comment_list > li dl.reply dd .name::before { content: "@"; } 
.comment_area .comment_btn { margin-top: 55px; text-align: center; } 
.comment_area .comment_btn button { position: relative; color: #05141f; font-size: 15px; height: 52px; line-height: 50px; border: 1px solid #6e7882; border-radius: 6px; padding: 0 10px; min-width: 132px; display: flex; align-items: center; justify-content: center; margin: 0 auto; gap: 12px; } 
.comment_area .comment_btn button .icon { width: 8px; height: 13px; background: url("../images/icon_right_arr_gray.png") no-repeat center / contain; } 

@media only screen and (max-width:767px){
 .comment_area .comment_list > li dl.reply dt { background-size: 18px; } 
 }

/*일반게시판 글쓰기*/
.boardview .form-tit { padding: 2rem; margin-bottom: 1.5rem; padding-bottom: 2rem; border-bottom: 1px solid var(--main); } 
.boardview_txt { margin-bottom: 10px; text-align: right; color: #666; } 
.boardview { overflow: hidden; width: 100%; } 
.point_txt { margin-bottom: 10px; color: #1d1d1d; text-align: right; } 
.point_txt::before { content: "*"; position: relative; top: 3px; padding-right: 3px; color: var(--red); } 
.boardview table { width: 100%; table-layout: fixed; } 
.boardview table tr th { padding: 20px; font-weight: 500; text-align: left; word-break: keep-all; } 
.boardview table tr th.th2 { background-color: #f9f9f9; } 
.boardview table tr th.th3 { background-color: #eee; } 
.boardview table tr th.line { border-left: 1px solid #ddd !important; } 
.boardview table tr.add th { background-color: #e5e5e5; } 
.boardview table tr.add td { background-color: #f9f9f9; } 
.boardview table tr th .questionmark { margin: 0 0 6px 2px; } 
.boardview table tr th span { position: relative; font-size: clamp(17px, 2vw, 2rem); font-weight: 500; } 
.boardview table tr th span.point::after { content: "*"; position: relative; top: 3px; padding-left: 3px; color: #d74225; } 
.boardview table tr td { position: relative; padding: 15px 0; color: #666; word-break: break-all; } 
.boardview table tr td textarea { height: 80px; } 
.boardview table tr td .optionbox { max-width: 500px; width: 100%; height: 48px; border-radius: 10px; } 
.boardview table tr td .inpbox { max-width: 500px; width: 100%; height: 48px; border-radius: 10px; } 
.boardview table tr td .inpbox.max-full { max-width: unset; } 
.boardview table tr td .inpbox input.txt:read-only,
.boardview table tr td.editor textarea:read-only { background: var(--gray-f5); color: var(--txt-gray); cursor: default; } 
.boardview table tr td .box { max-width: 500px; width: 100%; display: flex; align-items: center; gap: .8rem; } 
.boardview table tr td .box.max-full { max-width: unset; } 
.boardview table tr td .text { margin-left: 5px; font-size: 14px; color: #666; } 
.boardview table tr td a.emphasis { border-bottom: 1px solid #18a561; color: #18a561; } 
.boardview table tr td a.emphasis2 { border-bottom: 1px solid #1d1d1d; color: #1d1d1d; } 
.boardview table tr td .attachment-file-edit { width: 100%; align-items: center; } 
.boardview table tr td .attachment-file { position: relative; margin-top: 10px; display: flex; align-items: center; gap: 10px; } 
.boardview table tr td .attachment-file:first-child { margin-top: 0; } 
.boardview table tr td .attachment-file .ipfile { position: relative; flex: none; width: 101px; height: 48px; } 
.boardview table tr td .attachment-file .ipfile input[type="file"] { overflow: hidden; position: absolute; width: 1px; height: 1px; margin: -1px; cursor: pointer; } 
.boardview table tr td .attachment-file .ipfile input.file { position: absolute; z-index: 5; width: calc(100% + 2px); height: calc(100% + 2px); opacity: 0; filter: alpha(opacity=0); cursor: pointer; } 
.boardview table tr td .attachment-file .ipfile input.file:focus,
.boardview table tr td .attachment-file .ipfile input.file:focus-visible { opacity: 0; } 
.boardview table tr td .attachment-file .ipfile:focus-within span { outline: 2px solid var(--main, #0072CA); outline-offset: 2px; } 
.boardview table tr td .attachment-file .ipfile span { position: absolute; z-index: 2; line-height: 48px; display: block; left: 1px; top: 1px; width: 100%; height: 100%; color: var(--txt-gray); font-weight: 500; text-align: center; background: #fff; cursor: pointer; border-radius: 8px; border: 1px solid #818892; } 
.boardview table tr td .attachment-file .inpbox { position: relative; width: 435px; } 
.boardview table tr td .attachment-file .button_box { margin-top: 0; flex: none; } 
.boardview table tr td .attachment-file .button_box button { margin-left: 5px; } 
/* 첨부파일 목록 - 태그 chip */
.boardview table tr td .attachment-file-edit > ul { display: flex; flex-wrap: wrap; gap: 8px; } 
.boardview table tr td .attachment-file-edit > ul > li { display: inline-flex; align-items: center; gap: 4px; padding: 8px 12px; max-width: 338px; background-color: var(--light-gray); border-radius: 8px; font-size: 1.5rem; color: #56595E; } 
.boardview table tr td .attachment-file-edit > ul > li:hover { background-color: #ECECEE; } 
.boardview table tr td .attachment-file-edit > ul > li > a.file-name { display: inline-flex; align-items: center; gap: 4px; color: inherit; overflow: hidden; } 
.boardview table tr td .attachment-file-edit > ul > li > a.file-name::before { content: ""; flex-shrink: 0; width: 18px; height: 18px; background: url(../img/common/icn-file-dark.svg) no-repeat center / contain; } 
.boardview table tr td .attachment-file-edit > ul > li > a.file-name:hover,
.boardview table tr td .attachment-file-edit > ul > li > a.file-name:focus { text-decoration: underline; } 
.boardview table tr td .attachment-file-edit > ul > li > button.btn-remove { flex-shrink: 0; width: 14px; height: 14px; margin-left: 4px; padding: 0; border: 0; background: url(../img/common/icon-round-x.svg) no-repeat center center / contain; } 

/* 드래그&드롭 파일 업로드 (dropzone) */
.file-dropzone { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px; width: 100%; padding: 40px 20px; text-align: center; border: 1px dashed #BDC2C9; border-radius: 12px; background: #fff; transition: border-color .2s, background-color .2s; } 
.file-dropzone.dragover { border-color: var(--main); background-color: var(--bg-light); } 
.file-dropzone .dropzone-icon { width: 32px; height: 32px; background: url(../img/common/icon-file-upload.svg) no-repeat center / contain; } 
.file-dropzone .dropzone-text { font-size: 1.6rem; color: var(--txt-gray); } 
.file-dropzone .dropzone-btn { position: relative; display: inline-flex; align-items: center; justify-content: center; height: 44px; padding: 0 24px; font-size: 1.6rem; font-weight: 700; color: #fff; background: var(--main); border: 0; border-radius: 8px; cursor: pointer; } 
.file-dropzone .dropzone-btn input[type="file"] { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; } 

/* 업로드된 파일 리스트 */
.dropzone-file-list { margin-top: 12px; } 
.dropzone-file-list > li { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 16px 20px; background: var(--light-gray); border-radius: 8px; } 
.dropzone-file-list > li + li { margin-top: 10px; } 
.dropzone-file-list .file-name { display: inline-flex; align-items: center; gap: 8px; font-size: 1.6rem; color: #56595E; overflow: hidden; } 
.dropzone-file-list .file-name::before { content: ""; flex-shrink: 0; width: 18px; height: 18px; background: url(../img/common/icn-file-dark.svg) no-repeat center / contain; } 
.dropzone-file-list .file-name .file-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.dropzone-file-list .btn-remove { flex-shrink: 0; display: inline-flex; align-items: center; gap: 6px; padding: 0; border: 0; background: none; font-size: 1.5rem; color: var(--txt-gray); cursor: pointer; } 
.dropzone-file-list .btn-remove::after { content: ""; width: 20px; height: 20px; background: url(../img/common/icon-round-x.svg) no-repeat center / contain; } 

@media only screen and (max-width: 767px){
 .file-dropzone { flex-direction: row; align-items: center; gap: 10px; padding: 0; border: 0; background: transparent; } 
 .file-dropzone .dropzone-icon { display: none; } 
 .file-dropzone .dropzone-text { flex: 1; min-width: 0; text-align: left; height: 48px; line-height: 48px; padding: 0 16px; border: 1px solid #BDC2C9; border-radius: 8px; color: #818892; font-size: 1.6rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } 
 .file-dropzone .dropzone-btn { flex-shrink: 0; height: 48px; } 
 .dropzone-file-list > li { padding: 12px 15px; } 
 }

.boardview table tr td .calendarbox .inpbox { width: 180px; } 
.boardview table tr td .calendarbox .character { margin: 0 5px; } 
.boardview table tr td .calendarbox .check_box { margin-left: 10px; } 
.boardview table tr td .img_box { position: relative; width: 300px; height: 200px; border: 1px solid #ddd; border-radius: 10px; } 
.boardview table tr td .img_box img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; object-position: center; border-radius: 8px; } 
.boardview table tr td .file a { color: #666; border-bottom: 1px solid #666; } 
.boardview table tr td .file .btn_close { margin: -2px 5px 0 5px; width: 17px; height: 17px; background-color: #fff; border-radius: 3px; border: 1px solid #1d1d1d; } 
.boardview table tr td .file .btn_close .icon { width: 15px; height: 15px; background-color: #fff; border-radius: 3px; } 
.boardview table tr td .file .btn_close .icon::after,
.boardview table tr td .file .btn_close .icon::before { width: 11px; left: 2px; top: 7px; height: 1px; } 
.boardview table tr td .autocomplete { z-index: 9; display: none; padding: 10px; width: calc(100% - 30px); position: absolute; top: 50px; left: 15px; background-color: #fff; border: 1px solid #ddd; border-radius: 8px; } 
.boardview table tr td .autocomplete span { color: #2349c3; font-weight: 500; } 
.boardview table tr td .autocomplete.active { display: block; } 
.boardview table tr td.m_hidden { display: table-cell !important; } 
.boardview table tr td.line { border-left: 1px solid #ddd !important; } 
.boardview table tr td.editor { } 
.boardview table tr td.editor textarea { height: 186px; } 
.boardview table tr td.email .box { max-width: unset; } 
.boardview table tr td.email .box .optionbox, .boardview table tr td.email .box .inpbox { } 
.boardview table tr td.tel .box > button,
.boardview table tr td.email .box > button { margin-left: 10px; } 
.boardview table tr td.address { background: unset; } 
.boardview table tr td.address .box { max-width: 800px; } 
.boardview table tr td.address .box.detail { justify-content: space-between; } 
.boardview table tr td.address .box.detail .inpbox { margin-top: 10px; width: calc(50% - 5px); } 
.boardview table tr td.address .box button { flex: none; max-width: 125px; width: 100%; height: 48px; color: #fff; background-color: var(--main); border-radius: 10px; } 
.boardview table tr td.text .box .inpbox { width: 340px; } 
.boardview table tr td.text .box.doubleCheck button { margin-left: 10px; } 
.boardview table tr.row-top > th, .boardview table tr.row-top > td { vertical-align: top; } 
.boardview table tr.row-flex td { padding:20px; } 
.boardview + .button_box { margin-top: 30px; } 
.boardview + .button_box .btn, .boardlist + .button_box .btn { width: 200px; } 
.boardview + .button_box .btn.btn-auto, .boardlist + .button_box .btn.btn-auto { width: auto; padding: 0 24px; display: inline-flex; align-items: center; justify-content: center; } 

.file-list-st2 > li + li { margin-top: 1.5rem; } 
.file-list-st2 > li { display: flex; gap: 1.5rem 2rem; align-items: center; flex-wrap: wrap; } 
.file-list-st2 > li a { display: flex; gap: .5rem; align-items: center; font-size: clamp(17px , 2vw, 1.8rem); font-weight: 500; } 
.file-list-st2 > li a:hover { text-decoration: underline; text-underline-offset: 5px; } 
.file-btn-list { display: flex; gap: .8rem; } 
.file-btn-list > li > button { border-radius: 12px; height: 46px; line-height: 46px; vertical-align: middle; } 
.file-btn-list > li > button.down { width: 46px; height: 46px; background: var(--main) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' viewBox='0 0 22 22'%3E%3Cpath fill='%23fff' d='M2.072 13.78a.825.825 0 1 1 1.65 0v3.758h14.556V13.78a.825.825 0 0 1 1.65 0v4.583c0 .455-.37.825-.825.825H2.897a.825.825 0 0 1-.825-.825z'/%3E%3Cpath fill='%23fff' d='M11.793 12.955a.825.825 0 0 1-1.65 0V3.056a.825.825 0 1 1 1.65 0z'/%3E%3Cpath fill='%23fff' d='M5.39 9.489a.825.825 0 0 1 1.167-1.167l4.404 4.404 4.404-4.404a.825.825 0 0 1 1.167 1.167l-4.988 4.987a.825.825 0 0 1-1.167 0z'/%3E%3C/svg%3E") no-repeat center center / 18px; } 
.file-btn-list > li > button.see, .file-btn-list > li > button.hear { display: flex; gap: .6rem; align-items: center; border: 1px solid var(--bd-color); background: #fff; color: var(--txt-gray); padding: 0 1.3rem; } 
.file-btn-list > li > button.see i { display: block; width: 17px; height: 17px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%2356595e' d='M5.8 9.393a4.397 4.397 0 0 1 3.562 6.97l2.107 2.107a.7.7 0 0 1-.99.99l-2.107-2.107A4.397 4.397 0 1 1 5.8 9.394m8.249-8.018c.45 0 .883.18 1.202.498l2.81 2.81a1.7 1.7 0 0 1 .499 1.203v9.908a1.7 1.7 0 0 1-1.7 1.7H13.33a.7.7 0 0 1 0-1.4h3.528a.3.3 0 0 0 .3-.3v-8.49h-2.828a1.7 1.7 0 0 1-1.7-1.7V2.775H6.405a.3.3 0 0 0-.3.3V7.17a.7.7 0 0 1-1.4 0V3.075a1.7 1.7 0 0 1 1.7-1.7zm-8.25 9.418a2.997 2.997 0 1 0 0 5.994 2.997 2.997 0 0 0 0-5.994m8.232-5.189a.3.3 0 0 0 .3.3h2.828v-.018a.3.3 0 0 0-.088-.212l-2.81-2.81a.3.3 0 0 0-.212-.089h-.018z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat center center / contain; } 
.file-btn-list > li > button.hear i { display: block; width: 17px; height: 17px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%2356595e' d='M11.487 1.883a.625.625 0 0 1 .931.545v15.144a.625.625 0 0 1-.93.545l-6.59-3.706h-3.2a.625.625 0 0 1-.626-.625V6.213c0-.345.28-.625.625-.625H4.9zm-5.8 4.697v6.84l5.481 3.083V3.496zM17.362 10c0-1.23-.4-2.428-1.142-3.41a.625.625 0 1 1 .998-.753 6.905 6.905 0 0 1-.003 8.327.625.625 0 0 1-.998-.754A5.66 5.66 0 0 0 17.362 10m-15.04 3.16h2.115V6.839H2.322zm12.219-3.162c0-.433-.142-.855-.403-1.2a.626.626 0 0 1 .998-.754 3.24 3.24 0 0 1-.001 3.91.625.625 0 0 1-.998-.755c.261-.345.403-.767.404-1.2'/%3E%3C/svg%3E")no-repeat center center / contain; } 

.file-key-list { display: flex; flex-wrap: wrap; gap: 2rem; align-items: center; border-top: 1px solid var(--bd-color); } 
.file-key-list > li span { color: var(--main); font-size: 16px; } 
.file-key-list > li span::before { content: "#"; margin-right: .5rem; } 

@media only screen and (max-width: 1023px){
 .boardview table tr th { padding: 12px 0 0 0; } 
 .boardview table tr td { padding: 12px 0; } 
 }
@media only screen and (max-width: 767px){
 .boardview table tr td .box { flex-wrap: wrap; } 
 .boardview table tr td .inpbox { max-width: unset; } 
 .boardview table tr td .optionbox { margin-left: 0; } 
 .boardview table tr td.tel .box { flex-wrap: nowrap; } 
 .boardview table tr td.email .box { flex-wrap: wrap; column-gap: 6px; row-gap: 8px; } 
 .boardview table tr td.email .box .inpbox { width: auto; flex: 1 1 0; min-width: 0; } 
 .boardview table tr td.email .box .character { flex: 0 0 auto; } 
 .boardview table tr td.email .box .optionbox { margin: unset; } 
 
 .boardview table tr td.email .box .optionbox { flex: 0 0 100%; width: 100%; margin-left: 0; } 
 .boardview table tr.row-flex td { padding: 20px 0; } 
 }


/* input */
.inp-st1 { height: 40px; line-height: 40px; padding: 0 15px; font-size: 15px; border: 1px solid var(--gray-dd); border-radius: 6px; background: #fff; white-space: nowrap; text-overflow: ellipsis; } 
select.inp-st1 { padding: 0 40px 0 15px; background: #fff url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.5 7.5'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23666; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M.75.75l6,6L12.75.75'/%3E%3C/svg%3E") no-repeat right 15px center / auto 5px; appearance: none; } 
textarea.inp-st1 { min-height: 150px; height: unset; line-height: 1.4; padding: 15px; white-space: unset; } 
input.inp-st1:read-only { background: var(--gray-f5); color: #444; } 

/* height가 60인 동그란 형태 */
.inp-st2 { width: 100%; height: 60px; line-height: 60px; padding: 0 20px; border: 1px solid var(--bd-color); border-radius: 100px; background: #fff; font-size: clamp(16px, 2vw, 1.9rem ); font-weight: 500; white-space: nowrap; text-overflow: ellipsis; } 
select.inp-st2 { padding: 0 40px 0 20px; background: #fff url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.5 7.5'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23111; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M.75.75l6,6L12.75.75'/%3E%3C/svg%3E") no-repeat right 20px center / auto 7px; appearance: none; border: 1px solid var(--bd-color); } 
input.inp-st2::placeholder { font-size: 16px; } 
.inp-st3 { height: 45px; line-height: 45px; padding: 0 15px; font-weight: 400; font-size: 16px; border: 1px solid #777; background: #fff; white-space: nowrap; text-overflow: ellipsis; } 
.inp-st3:focus { outline: 1px solid #777; } 
select.inp-st3 { padding: 0 40px 0 15px; background: #fff url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.5 7.5'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23000; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M.75.75l6,6L12.75.75'/%3E%3C/svg%3E") no-repeat right 15px center / auto 5px; appearance: none; } 
.inp-wrap { display: flex; align-items: center; gap: 5px; } 
.inp-80 { max-width: 80px !important; } 
.inp-100 { max-width: 100px !important; } 
.inp-150 { max-width: 150px !important; } 
.inp-200 { max-width: 200px !important; } 
.inp-250 { max-width: 250px !important; } 
.inp-300 { max-width: 300px !important; } 
.inp-400 { max-width: 400px !important; } 
.inp-500 { max-width: 500px !important; } 

/* inp-st2 — 767px 시점 스타일 (.board_top .boardschbox .search_box select와 동일) */
@media only screen and (max-width: 767px){
 .select-top-wrap .flex { flex-direction: column; } 
 .select-top-wrap select { width:100%; } 
 .inp-st2 { width: auto; max-width: unset; height: 46px; line-height: 46px; padding: 0 40px 0 20px; font-size: clamp(16px, 3vw, 1.9rem); color: #444; border: 1px solid var(--bd-dark); border-radius: 10px; background: #fff url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.5 7.5'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23111; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.5px; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M.75.75l6,6L12.75.75'/%3E%3C/svg%3E") no-repeat right 20px center / auto 6px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } 
 }
@media only screen and (max-width: 450px){
 .inp-st1 { padding: 0 10px; } 
 select.inp-st1 { padding: 0 30px 0 10px; background-position: right 10px center;; } 
 .inp-wrap { flex-wrap: wrap; justify-content: center; } 
 .inp-wrap button { width: 100%;; } 

 .inp-80 { max-width: unset !important; } 
.inp-100 { max-width: unset !important; } 
.inp-150 { max-width: unset !important; } 
.inp-200 { max-width: unset !important; } 
.inp-250 { max-width: unset !important; } 
.inp-300 { max-width: unset !important; } 
.inp-400 { max-width: unset !important; } 
.inp-500 { max-width: unset !important; } 
 }

/*썸네일 게시판*/
.thumbnaillist { overflow: hidden; width: 100%; border-top: 1px solid #1d1d1d; } 
.thumbnaillist > li { overflow: hidden; position: relative; border-bottom: 1px solid #e5e5e5; } 
.thumbnaillist > li:hover .text_box h3 { text-decoration: underline; text-underline-position: under; color: var(--main); } 
.thumbnaillist > li:hover .text { text-decoration: underline; text-underline-position: under; } 
.thumbnaillist > li a { padding: 20px 0; display: flex; } 
.thumbnaillist > li a .cate-st1 { font-size: 1.7rem; } 
.thumbnaillist > li a .img_box { width: 250px; height: 357px; border-radius: 12px; flex: none; background-repeat: no-repeat; background-position: center center; background-size: cover; border: 1px solid var(--bd-color); } 
.thumbnaillist > li a .text_box { position: relative; display: flex; flex-direction: column; justify-content: space-between; padding-left: 30px; width: 100%; } 
.thumbnaillist > li a .text_box h3 { overflow: hidden; margin-bottom: 15px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; color: #1d1d1d; font-weight: 600; font-size: clamp(2rem,5vw,2.2rem); } 
.thumbnaillist > li a .text_box .text { overflow: hidden; margin-top: 20px; display: -webkit-box; -webkit-box-orient: vertical; max-height: 72px; -webkit-line-clamp: 2; color: #666; line-height: 24px; } 
.thumbnaillist > li a .list_box { position: absolute; left: 30px; bottom: 0; gap: 10px 30px; justify-content: flex-start; align-items: center; } 
.thumbnaillist > li a .list_box li { color: #56595E; position: relative; } 
.thumbnaillist > li a .list_box li:first-child:after { display: none; } 
.culture-tit-bf { display: block; width: 24px; height: 24px; background: url(../img/content/sub01/culture-tit-bf.svg) no-repeat center center / contain; } 
.thumbnaillist .program-list { display: flex; gap: 20px; } 
.thumbnaillist .program-list > li { flex: 1 1 48%; } 
.thumbnaillist .program-list > li + li { margin-top: unset; } 
@media only screen and (max-width: 1023px){
 .thumbnaillist .program-list > li > span { width: 80px; } 
 .thumbnaillist > li a .text_box { justify-content: unset; gap: 30px; } 
 .thumbnaillist .btn-lf { margin-top: unset; } 
 }
@media only screen and (max-width: 767px){
 .thumbnaillist .program-list { flex-direction: column; gap: 10px; }
 .thumbnaillist .program-list > li { flex: 1; width: 100%; }
 }



/*갤러리형 게시판*/
.gallerylist { overflow: hidden; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; border-top: 1px solid #1d1d1d; border-bottom: 1px solid var(--bd-color); gap: 0 3rem; } 
.gallerylist > li { width: calc(33.33% - 20px); padding: 3rem 0; } 
.gallerylist > li:nth-child(3n) { margin-right: 0; } 
.gallerylist > li:hover .text_box .cont { color: var(--main); } 
.gallerylist > li a { position: relative; display: flex; flex-flow: column; height: 100%; } 
.gallerylist > li .state { z-index: 1; position: absolute; top: 10px; right: 10px; width: 75px; height: 30px; line-height: 28px; font-size: 13px; text-align: center; border-radius: 30px; } 
.gallerylist > li .state.state1 { color: #2656f6; border: 1px solid #2656f6; background-color: #fff; } 
.gallerylist > li .state.state2 { color: #fff; border: 1px solid #1771d7; background-color: #1771d7; } 
.gallerylist > li .state.state3 { color: #fff; border: 1px solid #666; background-color: #666; } 
.gallerylist > li .img_box { width: 100%; padding-top: 71.6%; border-radius: 20px; background-repeat: no-repeat; background-position: center center; background-size: cover; transition: all 0.3s; background-image: url(../images/no_image.png); } 
.gallerylist > li .text_box { display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-flow: column; height: 100%; margin-top: 2rem; } 
.gallerylist > li h3 { min-height: 57px; font-size: 1.9rem; color: #1d1d1d; font-weight: 600; } 
.gallerylist > li .text_box .cont { display: -webkit-box; -webkit-box-orient: vertical; max-height: 52px; line-height: 26px; -webkit-line-clamp: 2; overflow: hidden; margin-bottom: 10px; color: var(--txt-gray); } 
.gallerylist > li .list_box { margin-top: 10px; justify-content: space-between; } 
.gallerylist > li .list_box li { padding-right: 10px; margin-right: 10px; color: var(--txt-gray); font-size: 15px; line-height: 20px; position: relative; } 
.gallerylist > li .list_box li span { margin-right: 0; color: #707070; } 
.gallerylist > li .category { color: #333; font-size: 14px; } 
.gallerylist > li .button_box { margin-top: 15px; justify-content: space-between; } 
.gallerylist > li .button_box button { padding: 0 15px; width: 100%; height: 40px; background-position: right 15px center; } 
.gallerylist > li.nodata { width: 100%; border: 0; border-radius: 0; } 

/* 4개짜리 다운로드 전용 vertical 갤러리 */
.gallerylist.vertical { column-gap: 40px; margin: 0; padding: 0; border-top: 1px solid var(--txt-gray); border-bottom: 0; } 
.gallerylist.vertical > li { width: calc(25% - 30px); padding: 3rem 0; } 
.gallerylist.vertical > li a { display: flex; flex-flow: column; gap: 2rem; } 
/* vertical 전용 img-wrap : 둥근 회색 박스 안 이미지 */
.gallerylist.vertical > li a .img-box { border-radius: 20px; background-color: #E0E3E8; padding: 3rem; overflow: hidden; } 
.gallerylist.vertical > li a .img-wrap { position: relative; width: 100%; height: 0; padding-bottom: 122%; } 
.gallerylist.vertical > li a .img-wrap img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } 
/* vertical text_box */
.gallerylist.vertical > li .text_box { height: unset; margin-top: 0; } 
.gallerylist.vertical > li .text_box strong { font-size: 1.9rem; } 
.gallerylist.vertical > li h3 + .list_box,
.gallerylist.vertical > li .list_box { margin-top: 0; padding: 0; justify-content: flex-start; } 
.gallerylist.vertical > li .list_box li { font-size: 17px; line-height: 1.5; color: #818892; padding-right: 0; margin-right: 0; } 
/* vertical 버튼 영역 (flex) */
.gallerylist.vertical > li .button_box { display: flex; align-items: stretch; justify-content: flex-start; gap: 8px; width: 100%; margin-top: 0; } 
.gallerylist.vertical > li .button_box button { display: inline-flex; align-items: center; justify-content: center; gap: 6px; flex: 1 0 0; min-width: 110px; width: auto; height: auto; padding: 14px 20px; font-weight: 700; color: var(--txt-gray); border: 1px solid var(--bd-dark); border-radius: 12px; background-color: #fff; background-image: none; cursor: pointer; transition: border-color 0.2s, color 0.2s; margin-left: unset !important; } 
.gallerylist.vertical > li .button_box button:hover { border-color: var(--main); color: var(--main); } 
.gallerylist.vertical > li .button_box button i { display: inline-block; width: 20px; height: 20px; flex: none; } 
/* 버튼별 아이콘 background */
.gallerylist.vertical > li .button_box .btn-ebook i { background: url(../img/content/sub01/icon-link-blue.svg) no-repeat center / contain; } 
.gallerylist.vertical > li .button_box .btn-preview i { background: url(../img/content/sub01/icon-viewfile-blue.svg) no-repeat center / contain; } 
.gallerylist.vertical > li .button_box .btn-down i { background: url(../img/content/sub01/icon-down.svg) no-repeat center / contain; } 

/* 대관시설 */
.place-item { border: 1px solid var(--bd-dark); border-radius: 20px; overflow: hidden; transition: all .3s; } 
.gallerylist > li:has(> .place-item) { padding: 3rem 0 0 0; } 
.gallerylist > li .place-item .text_box { padding: 3rem; margin-top: 0; } 
.gallerylist > li .place-item .img_box { border-radius: 0; } 
.place-item:hover { border: 1px solid var(--main-light); } 
.gallerylist > li .place-item:hover .img_box { border-radius: 20px; } 
.gallerylist > li .place-item h3 { min-height: unset; } 

/* 썸네일·갤러리 이미지 호버 확대 - 배경형(.img_box)은 ::after 복제로 스케일 */
.thumbnaillist > li a .img_box,
.thumbnaillist_culture > li .item .img_box,
.gallerylist > li .img_box { position: relative; overflow: hidden; }
.thumbnaillist > li a .img_box::after,
.thumbnaillist_culture > li .item .img_box::after,
.gallerylist > li .img_box::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: inherit; background-image: inherit; background-repeat: no-repeat; background-position: center center; background-size: cover; transition: all 0.3s; }
.thumbnaillist > li a:hover .img_box::after,
.thumbnaillist > li a:focus-visible .img_box::after,
.thumbnaillist_culture > li .item:hover .img_box::after,
.gallerylist > li a:hover .img_box::after,
.gallerylist > li a:focus-visible .img_box::after { transform: scale(1.05); }
/* vertical 갤러리 - 실제 img 스케일 */
.gallerylist.vertical > li a .img-wrap img { transition: all 0.3s; }
.gallerylist.vertical > li a:hover .img-wrap img,
.gallerylist.vertical > li a:focus-visible .img-wrap img { transform: scale(1.05); }

/*상세보기 일반 테이블*/
.tablebasic { clear: both; overflow-x: auto; } 
.tablebasic table { width: 100%; table-layout: fixed; border-top: 1px solid #1d1d1d; } 
.tablebasic table thead tr { border-bottom-color: #ddd; } 
.tablebasic table thead tr th:last-child { border-right: 0; } 
.tablebasic table tr { border-bottom: 1px solid #ddd; } 
.tablebasic table tr th { padding: 11px 15px; color: #1d1d1d; text-align: center; background-color: #f3f4f8; border-right: 1px solid #ddd; } 
.tablebasic table tr td { padding: 11px 20px; text-align: center; color: #666; border-right: 1px solid #ddd; } 
.tablebasic table tr td:last-child { border-right-width: 0; } 
.tablebasic table tr td.line { border-right-width: 1px; } 

/*faq*/
.faq_area > li { word-break: keep-all; border-bottom: 1px solid #ddd; border-left: 1px solid #fff; border-right: 1px solid #fff; } 
.faq_area > li:first-child { border-top: 2px solid #000; } 
.faq_area > li > a { position: relative; padding: 15px 50px 15px 60px; display: block; font-size: 18px; } 
.faq_area > li > a .num { position: absolute; top: 15px; left: 20px; font-size: 24px; font-weight: 500; color: #1d1d1d; } 
.faq_area > li > a .txt { font-size: 16px; font-weight: 500; color: #1d1d1d; } 
.faq_area > li > a .icon { position: absolute; right: 20px; top: calc(50% - 10px); width: 20px; height: 20px; border-radius: 50%; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; } 
.faq_area > li > a .icon::after,
.faq_area > li > a .icon::before { content: ""; position: absolute; top: 8px; width: 13px; height: 2px; background-color: #1d1d1d; } 
.faq_area > li > a .icon::after { left: 8px; transform: rotate(42.1deg); } 
.faq_area > li > a .icon::before { right: 8px; transform: rotate(-42.1deg); } 
.faq_area > li > ul { display: none; background-color: #f3f5fc; } 
.faq_area > li > ul li { position: relative; padding: 16px 50px 16px 60px; font-size: 16px; line-height: 24px; color: #666; } 
.faq_area > li > ul li::before { content: "A"; position: absolute; top: 17px; left: 20px; font-size: 24px; font-weight: 500; color: #1d1d1d; } 
.faq_area > li.active a { border-bottom: 1px solid #ddd; } 
.faq_area > li.active > a .icon { transform: rotate(180deg); } 
.faq_area > li.active > a .icon::after { left: 8px; } 
.faq_area > li.active > a .icon::before { right: 8px; } 

/*설문조사등록*/
.survey_detail { margin: 30px 0 0; } 
.survey_detail > .point_box { margin-bottom: 10px; color: #666; font-size: 15px; text-align: right; } 
.survey_detail > .point_box span { position: relative; padding-left: 15px; display: inline-block; } 
.survey_detail > .point_box span::before { content: "*"; position: absolute; left: 0; top: 3px; color: #fd0000; } 
.survey_detail h3 { margin: 0 0 15px; padding: 10px 25px; font-size: 20px; border-radius: 5px; border: 1px solid #ccc; background-color: #eee; } 
.survey_detail dl { margin-bottom: 30px; padding: 20px 25px; border-radius: 20px; border: 1px solid #ccc; } 
.survey_detail dl:last-child { margin-bottom: 0; } 
.survey_detail dl dt { padding: 0 0 10px; font-weight: 500; } 
.survey_detail dl dt span { display: block; } 
.survey_detail dl dt span.point::before { content: "*"; position: relative; top: 3px; padding-right: 3px; color: #fa0000; } 
.survey_detail dl dd ul li { margin: 5px 30px 5px 0; } 
.survey_detail dl dd ul li:last-child { margin: 5px 0; } 
.survey_detail dl dd ul li.others { display: flex; width: 100%; align-items: center; } 
.survey_detail dl dd ul li.others input + label { margin-right: 10px; flex: none; } 
.survey_detail dl dd ul li.others .inpbox { width: 100%; } 
.survey_detail dl dd textarea { height: 100px; } 
.survey_detail .attachment-file { position: relative; margin-top: 10px; display: flex; align-items: center; } 
.survey_detail .attachment-file:first-child { margin-top: 0; } 
.survey_detail .attachment-file .ipfile { position: relative; flex: none; margin-right: 10px; width: 70px; height: 35px; } 
.survey_detail .attachment-file .ipfile input[type="file"] { overflow: hidden; position: absolute; width: 1px; height: 1px; margin: -1px; cursor: pointer; } 
.survey_detail .attachment-file .ipfile input.file { position: absolute; z-index: 5; width: calc(100% + 2px); height: calc(100% + 2px); opacity: 0; filter: alpha(opacity=0); cursor: pointer; } 
.survey_detail .attachment-file .ipfile input.file:focus,
.survey_detail .attachment-file .ipfile input.file:focus-visible { opacity: 1; background: 0; } 
.survey_detail .attachment-file .ipfile span { position: absolute; z-index: 2; font-size: 14px; line-height: 34px; display: block; left: 1px; top: 1px; color: #fff; width: 100%; height: 100%; text-align: center; background: #393e46; cursor: pointer; border-radius: 8px; } 
.survey_detail .attachment-file .inpbox { position: relative; width: 340px; } 

@media screen and (max-width: 1366px) { } 
@media screen and (max-width: 1240px) { } 
@media screen and (max-width: 1023px){
 .nodata { font-size: 16px; } 
 .boardlist table tbody tr td .row { justify-content: flex-start; } 
 /*라디오박스*/

 /*체크박스*/
 .check_box input[type="checkbox"] + label { padding-left: 23px; line-height: 22px; } 
 .check_box input[type="checkbox"] + label::before { width: 16px; height: 16px; border-width: 1px; background-size: 10px; margin-top: 2px; } 
 .check_box input[type="checkbox"]:checked + label::before { background-size: 10px; } 
 .check_box.all { margin-top: 15px; padding-top: 10px; display: flex; justify-content: center; border-top: 1px solid #929bac; } 
 .check_box.all label { font-size: 14px; } 
 .check_box_wrap .check_box > li { margin-right: 0; } 
 .check_box_wrap .check_box > li:last-child { margin-bottom: 0; } 

 .list_box li::after { top: calc(50% - 4px); height: 9px; } 
 .list_box li span { margin-right: 8px; } 
 .file_box li { margin-bottom: 5px; justify-content: space-between; } 
 .file_box li a { position: relative; line-height: 26px; } 
 .file_box li button { width: 77px; height: 25px; font-size: 10px; } 



 /*목록 상단검색 기본*/
 .boardlist_top { width: calc(100% + 30px); padding: 15px; margin: 0 0 30px -15px; background-color: #e7eaf3; } 
 .boardlist_top .box_wrap { display: block; margin-bottom: 0; } 
 .boardlist_top .box { display: block; width: 100%; } 
 .boardlist_top .box > div { margin: 0 0 10px; } 
 .boardlist_top .box > div:last-child { margin-bottom: 0; } 
 .boardlist_top .box .inpbox { width: 100%; height: 35px; } 
 .boardlist_top .box .inpbox input.txt { font-size: 13px; padding: 8px 10px; } 
 .boardlist_top .box .optionbox { width: 100%; height: 35px; } 
 .boardlist_top .box .optionbox select { font-size: 13px; padding: 8px 10px; } 
 .boardlist_top .box .calendarbox .optionbox { width: 100%; } 
 .boardlist_top .box .calendarbox .inpbox { width: calc(50% - 10px) !important; } 
 .boardlist_top .box .search_box .inpbox { width: 100%; } 
 .boardlist_top .box .search_box .inpbox input.txt { padding: 0 40px 0 10px; } 
 .boardlist_top .box .btn_search { width: 35px; height: 33px; } 
 .boardlist_top .box .btn_search .icon { transform: scale(0.9); } 
 .boardlist_top .box .search_input { width: 100% !important; } 
 .boardlist_top .box .search_input .inpbox { width: 100%; margin-left: 0; } 
 .boardlist_top button { flex: none; width: calc(50% - 6px); height: 35px; font-size: 15px; font-weight: 500; margin-right: 8px; } 
 .boardlist_top button:last-child { margin-right: 0; } 
 .boardlist_top2 { margin: 0 auto 20px; border: 0; background-color: #fff; } 
 .boardlist_top2 .top { padding: 0; border-radius: 0; } 
 .boardlist_top2 .top .box_wrap { margin-bottom: 0; width: 100%; display: block; } 
 .boardlist_top2 .top .box_wrap .box { margin-bottom: 10px; margin-right: 0; } 
 .boardlist_top2 .top .box_wrap .box dt { padding-left: 12px; min-width: 70px; font-size: 14px; } 
 .boardlist_top2 .top .box_wrap .box dt::before { top: 8px; } 
 .boardlist_top2 .top .box_wrap .box dd { width: 100%; } 
 .boardlist_top2 .top .box_wrap .box .optionbox { height: 35px; } 
 .boardlist_top2 .top .box_wrap .box .calendarbox .inpbox { height: 35px; } 
 .boardlist_top2 .top .box_wrap .box .calendarbox .inpbox .ui-datepicker-trigger { width: 35px; } 
 .boardlist_top2 .top .box_wrap .box .calendarbox .character { margin: 0 5px; } 
 .boardlist_top2 .top .box_wrap .box_wrap1 { width: 100%; display: block; margin-right: 0; } 
 .boardlist_top2 .top .box_wrap .box_wrap2 { width: 100%; display: block; } 
 .boardlist_top2 .bottom { padding: 30px 0 0; } 
 .boardlist_top2 .bottom .search_box { width: 100%; } 
 .boardlist_top2 .bottom .search_box .inpbox { height: 35px; } 
 .boardlist_top2 .bottom .search_box .inpbox input.txt { padding: 0 40px 0 10px; } 
 .boardlist_top2 .bottom .btn_search { width: 35px; height: 33px; } 
 .boardlist_top2 .bottom .btn_search .icon { transform: scale(0.9); } 
 .boardlist_top2 .bottom .btn_search .icon::after { left: 0; top: 0; width: 11px; height: 11px; } 
 .boardlist_top2 .bottom .btn_search .icon::before { right: 0; bottom: 3px; width: 9px; } 
 .boardlist_top .box .btn_search { width: 35px; height: 33px; } 
 .boardlist_top .box .btn_search .icon { transform: scale(0.9); } 

 /*일반게시판 리스트*/
 .boardlist table,
 .boardlist table tbody,
 .boardlist table tbody tr td { display: block; padding: unset; } 
 .boardlist table thead { display: none; } 
 .boardlist table tbody tr { position: relative; display: flex; flex-wrap: wrap; gap: 8px 40px; padding: 18px 0; } 
 .boardlist.no_num table tbody tr { padding-left: 5px; } 
 .boardlist table tbody tr:has(td.nodata) { padding: 0; } 
 .boardlist table tbody tr:hover { background: 0; } 
 .boardlist table tbody tr td.m_hidden { display: none !important; } 
 .boardlist table tbody tr td.category { position: absolute; top: 5px; left: 60px; width: 70px; } 
 .boardlist table tbody tr td.line.file { margin-right: 0; padding-right: 0; text-align: center; } 
 .boardlist table tbody tr td.label { display: flex; align-items: center; justify-content: flex-start; gap: 10px; } 
 .boardlist table tbody tr td.label::before { content: attr(data-label); } 
 .boardlist table tbody tr td.line.file::after { display: none; } 
 .boardlist table tbody tr td.title_box { width: 100%; } 
 .boardlist.no_num table tbody tr td.title_box { width: 100%; padding-left: 0; } 
 .boardlist table tbody tr td.title_box .title a { text-align: left; } 
 .boardlist table tbody tr td.title_box .title a img.new { width: 15px; } 
 .boardlist table tbody tr td.title_box .title span.comment { margin-left: 5px; } 
 .boardlist table tbody tr td.title_box .title img.secret { margin: -2px 0 0 5px; width: 12px; } 
 .boardlist table tbody tr td.title_box .title.comment a { padding-left: 20px; background-size: 12px auto; } 
 .boardlist table tbody tr td.right { position: absolute; right: 0; bottom: 5px; padding: 0; } 
 .boardlist table tbody tr td.right span.btn3 { min-width: 55px; height: 20px; line-height: 18px; font-size: 11px; } 
 .boardlist table tbody tr td .name { padding-left:22px; background: url(../img/common/icon-name.svg) no-repeat left center / 20px; } 
 .boardlist table tbody tr td .view { padding-left:22px; background: url(../img/common/icon-view.svg) no-repeat left center / 20px; } 
 .boardlist table tbody tr td .date { position: relative; padding-left: 22px; background: url(../img/common/icon-line.svg) no-repeat left center/ 20px; } 
 .boardlist table tbody tr td.block { display: block; width: 100%; } 
 .boardlist table tbody tr td.why { padding-left: 22px; background: url(../img/common/icon-bag.svg) no-repeat left center / 20px; } 
 .boardlist table tbody tr td .file { width: 15px; } 
 .boardlist table tbody tr.fix td span.notice { font-size: 12px; padding: 0 12px; line-height: 24px; height: 24px; } 
 .boardlist table tbody tr.fix td:first-child { padding: 0; } 
 .boardlist table tbody tr td.nodata { width: 100%; font-size: 16px; text-align: center; position: relative; } 

/* ≤1023 컬럼 시각 순서 재배열: */
.boardlist table tbody tr td.no { display: none; } 
.boardlist table tbody tr td.cate { order: 2; } 
.boardlist table tbody tr td.title_box { order: 3; } 
.boardlist table tbody tr td:has(.name) { order: 3; } 
.boardlist table tbody tr td:has(.view) { order: 4; } 
.boardlist table tbody tr td.why { order: 4; } 
.boardlist table tbody tr td:has(.date) { order: 5; } 
.boardlist table tbody tr td.file { order: 7; } 
.boardlist table tbody tr td.status { order: 6; width: 100%; text-align: left; } 
.boardlist.bbs-program table tbody tr td.status { text-align: right; } 
.boardlist.bbs-program table tbody tr td.chk { position: absolute; top: 16px; right: 0; width: auto; z-index: 1; } 
.boardlist.bbs-program table tbody tr td.chk .check_box.center input[type="checkbox"] + label::before { left: auto; right: 0; } 
.boardlist.bbs-program table tbody tr td.title_box { padding-right: 34px; } 
.boardlist.bbs-community table tbody tr td:has(.date) { order: 5; width: 100%; text-align: right; } 


 .boardview.boardlist2 table tbody tr { position: relative; } 
 .boardlist.boardlist2 table tbody tr td { padding: 5px 0; width: calc(100% - 35px); margin-left: 35px; text-align: left; font-size: 12px; } 
 .boardlist.boardlist2 table tbody tr td .check_box.center input[type="checkbox"] + label::before { left: 0; } 
 .boardlist.boardlist2 table tbody tr td:first-child { position: absolute; top: calc(50% - 16px); left: -35px; width: 18px; } 
 .boardlist.boardlist2 table tbody tr td:first-child div.radio_box input[type="radio"] + label { width: 18px; height: 18px; } 
 .boardlist.boardlist2 table tbody tr td .w_hidden { display: inline-block !important; margin-right: 5px; } 
 .boardlist.boardlist2 table tbody tr td .w_hidden::after { display: none; } 
 .boardlist.boardlist2 table tbody tr td a { font-size: 12px; } 
 .boardlist.boardlist3 table tbody tr td { width: 100%; font-size: 12px; } 
 .boardlist.boardlist3 table tbody tr td .w_hidden { display: inline-block !important; margin-right: 5px; } 
 .boardlist.boardlist3 table tbody tr td .w_hidden::after { display: none; } 
 .boardlist.boardlist3 table tbody tr td a { font-size: 12px; } 

 /*하단 버튼*/
 .button_box.mt40 { margin-top: 20px !important; } 
 .button_box button.right { position: relative; right: 0; top: 0; } 
 .button_box.flexwrap { flex-wrap: wrap; } 
 .button_box.flexwrap > div + div { margin-top: 5px; } 
 .button_box.flexwrap .right { justify-content: left; } 
 .button_box.wide .btn { min-width: 150px; padding: 0 20px; } 

 /*페이징*/
 .paging { margin-top: 30px; } 
 .paging button.btn-paging-first { margin: 0 5px 0 0; } 
 .paging button.btn-paging-pre { margin: 0 10px 0 0; } 
 .paging button.btn-paging-next { margin: 0 0 0 10px; } 
 .paging button.btn-paging-last { margin: 0 0 0 5px; } 

 /*일반게시판 상세*/
 .board_detail .title_box { } 
 .board_detail .title_box h4 { font-size: 15px; } 
 .board_detail .title_box h4 .answer { margin-right: 10px; padding-left: 20px; font-size: 13px; background: url("../images/icon_comment.png") no-repeat 0 2px / 14px auto; } 
 .board_detail .title_box .ico_badge { margin-left: 10px; width: 36px; height: 17px; font-size: 10px; line-height: 17px; } 
 .board_detail .content_bar { padding: 15px 0 0; display: flex; justify-content: flex-end; border-bottom: 0; } 
 .board_detail .content_bar .btn_more { padding: 0 10px 0 15px; height: 30px; font-size: 13px; } 
 .board_detail .content_bar .btn_more .icon { margin-left: 10px; transform: scale(0.8); } 
 .board_detail .content_bar .btn_more .icon::after,
 .board_detail .content_bar .btn_more .icon::before { left: -10px; } 
 .board_detail .content_bar .btn_more .icon::before { top: calc(50% - 1px); } 
 .board_detail .content_bar .btn_share img { width: 30px; } 
 .board_detail .content_bar .share_box { top: 50px; padding: 10px !important; } 
 .board_detail .content_bar .share_box .btn_close { right: 2px; top: 2px; transform: scale(0.7); } 
 .board_detail .content_bar .share_box .button_box { margin: 0 0 10px; padding: 0; } 
 .board_detail .content_bar .share_box .button_box .btn_share { margin-left: 0; font-size: 11px; width: 52px; } 
 .board_detail .content_bar .share_box .link_box .inpbox { height: 32px; } 
 .board_detail .content_bar .share_box .link_box button { width: 70px; height: 32px; } 
 .board_detail .video_box { padding: 20px 0 0; display: block; } 
 .board_detail .video_box .youtube { position: relative; width: 100%; height: auto; padding-top: 56.25%; } 
 .board_detail .video_box .youtube iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } 
 .board_detail .video_box .video { width: 100%; } 
 .board_detail .video_box .contents { padding: 15px; margin-top: 20px; font-size: 14px; line-height: 22px; } 
 .board_detail .content_box { padding: 2.5rem 0; } 

 /*이전글 다음글*/

 /*댓글*/
 .comment_area { margin-top: 40px; } 
 .comment_area .button_box { margin-top: 10px; } 
 .comment_area .button_box button { margin-left: 5px; } 
 .comment_area .button_box .byte { color: #666; } 
 .comment_area .comment_write .write_box { padding: 15px 10px 0; } 
 .comment_area .comment_write .write_box textarea { height: 100px; } 
 .comment_area .comment_list { margin-top: 20px; } 
 .comment_area .comment_list > li dl { position: relative; padding: 20px 0 85px 0; } 
 .comment_area .comment_list > li dl dt { display: block; overflow: hidden; } 
 .comment_area .comment_list > li dl dt .list_box { float: left; } 
 .comment_area .comment_list > li dl dt .list_box.button_area { float: none; position: absolute; right: 0; bottom: 15px; margin-top: 0; gap: 6px; justify-content: flex-end; } 
 .comment_area .comment_list > li dl dt .list_box.button_area li { margin-right: 5px; padding-right: 0; } 
 .comment_area .comment_list > li dl dt .list_box.button_area li::after { display: none; } 
 .comment_area .comment_list > li dl dt .list_box.button_area li:last-child { margin-right: 0; } 
 .comment_area .comment_list > li dl dd textarea { height: 105px; } 
 .comment_area .comment_list > li dl.reply dt { padding-left: 20px; background-position: 0 2px; background-size: 12px auto; } 

 /*일반게시판 글쓰기*/
 .boardview .btn_check { width: 60px; } 
 .boardview .point_txt { margin-bottom: 5px; } 
 .boardview .boardview_title { margin-bottom: 5px; font-size: 13px; } 
 .boardview > table,
 .boardview > table > tbody,
 .boardview > table > tbody > tr,
 .boardview > table > tbody > tr > th,
 .boardview > table > tbody > tr > td { display: block; } 

 .boardview table tr th.th2 { background: 0; } 
 .boardview table tr th.th3 { background: 0; } 
 .boardview table tr th.line { border-left: 0 !important; } 
 .boardview table tr th .questionmark { margin: 0 0 4px 4px; } 
 .boardview table tr th .questionmark img { width: 18px; height: 18px; } 
 .boardview table tr td .optionbox { max-width: 100%; width: 100%; } 
 .boardview table tr td .text { font-size: 12px; letter-spacing: -0.5px; } 
 .boardview table tr td .attachment-file .inpbox { width: calc(100% - 90px); } 
 .boardview table tr td .attachment-file .button_box { width: 80px; } 
 .boardview table tr td .attachment-file.flexwrap { flex-wrap: wrap; } 
 .boardview table tr td .attachment-file.flexwrap .text { width: 100%; text-align: right; margin-top: 5px; } 
 .boardview table tr td .calendarbox .inpbox { width: 100%; } 
 .boardview table tr td .file .btn_close { width: 15px; height: 15px; } 
 .boardview table tr td .file .btn_close .icon { width: 13px; height: 13px; } 
 .boardview table tr td .file .btn_close .icon::after,
 .boardview table tr td .file .btn_close .icon::before { width: 9px; top: 6px; } 
 .boardview table tr td .autocomplete { width: 100%; top: 38px; left: 0; border-radius: 5px; } 
 .boardview table tr td.m_hidden { display: none !important; } 
 .boardview table tr td.line { border-left: 0 !important; } 
 .boardview table tr td.editor textarea { height: 150px; } 
 .boardview table tr td.email .box .optionbox,
 .boardview table tr td.email .box .inpbox { width: 170px; } 
 .boardview table tr td.email .box .btn_check { margin-left: 10px; } 
 .boardview table tr td.address .box.detail { display: block; } 
 .boardview table tr td.address .box.detail .inpbox { width: 100%; } 
 .boardview table tr td.text .box { display: block; } 
 .boardview table tr td.text .box .inpbox { width: 100%; } 
 .boardview table tr td.text .box .text { margin: 3px 0 0; } 
 .boardview table tr td.text .box.doubleCheck { display: flex; } 
 .boardview table tr td.text .box.doubleCheck .inpbox { width: calc(100% - 67px); } 
 .boardview table tr td.text .box.doubleCheck button { height: 33px; } 
 .boardview.boardview2 table tbody tr { position: relative; } 
 .boardview.boardview2 table tbody tr td { padding: 5px 0; width: calc(100% - 35px); margin-left: 35px; text-align: left; } 
 .boardview.boardview2 table tbody tr td.check { position: absolute; top: calc(50% - 11px); left: -35px; width: 18px; } 
 .boardview.boardview2 table tbody tr td .inpbox { margin-top: 5px; } 



 /*썸네일 게시판*/
 .thumbnaillist > li a .text_box h3 { -webkit-line-clamp: 1; } 
 .thumbnaillist > li:hover { background-color: #fff; } 
 .thumbnaillist.type2 { column-gap: 20px; grid-row-gap: 20px; } 
 .thumbnaillist.type2 > li a .text_box { padding-left: 10px; } 
 .thumbnaillist.type2 > li a .text_box .category { margin-bottom: 2px; font-size: 8px; line-height: 10px; } 
 .thumbnaillist.type2 > li a .text_box h3 { margin-bottom: 0; font-size: 11px; line-height: 15px; } 
 .thumbnaillist.type2 > li a .text_box .name { margin-bottom: 0; font-size: 9px; } 

 /*갤러리형 게시판*/
 .gallerylist { gap: 15px 30px; } 
 .gallerylist > li { width: calc(50% - 15px); } 
 .gallerylist > li { padding: 2.5rem 0; } 
 .gallerylist > li .button_box { margin-top: 5px; } 
 .gallerylist > li .button_box button { padding: 0 5px; height: 20px; background-position: right 5px center; background-size: 10px; } 
 .gallerylist > li:hover { background-color: #fff; } 
 .gallerylist > li.nodata { margin: 0; } 

 .gallerylist.vertical { column-gap: 20px; } 
 .gallerylist.vertical > li { width: calc(50% - 10px); } 

 /*상세보기 일반 테이블*/
 .tablebasic table tr { word-break: break-all; } 
 .tablebasic table tr th { padding: 10px 5px; } 
 .tablebasic table tr td { padding: 10px 5px; } 
 .tablebasic table tbody tr th { background-color: #fff; } 

 /*faq*/
 .faq_area > li > a { padding: 10px 27px 10px 33px; font-size: 13px; } 
 .faq_area > li > a .num { position: absolute; top: 10px; left: 10px; font-size: 18px; } 
 .faq_area > li > a .txt { font-size: 14px; } 
 .faq_area > li > a .icon { right: 3px; transform: scale(0.625); } 
 .faq_area > li > ul li { padding: 10px 27px 10px 33px; font-size: 13px; line-height: 20px; } 
 .faq_area > li > ul li::before { left: 10px; top: 10px; font-size: 18px; } 
 .faq_area > li.active > a .icon { transform: rotate(180deg) scale(0.625); } 

 /*설문조사등록*/
 .survey_detail { margin: 20px 0 0; } 
 .survey_detail > .point_box { margin-bottom: 5px; font-size: 13px; } 
 .survey_detail > .point_box span { padding-left: 10px; } 
 .survey_detail > .point_box span::before { top: 2px; } 
 .survey_detail h3 { margin: 0 0 10px; padding: 8px 15px; font-size: 15px; border-radius: 3px; } 
 .survey_detail dl { margin-bottom: 20px; padding: 15px; border-radius: 10px; } 
 .survey_detail dl dt { padding: 0 0 5px; } 
 .survey_detail dl dt span.point::before { top: 2px; } 
 .survey_detail dl dd ul li.others input + label { margin-right: 8px; } 
 .survey_detail dl dd textarea { height: 80px; } 
 .survey_detail .attachment-file .ipfile span { font-size: 13px; border-radius: 5px; } 
 .survey_detail .attachment-file .inpbox { width: calc(100% - 90px); } 
 .survey_detail .attachment-file .button_box { width: 80px; } 
 }
 
@media screen and (max-width: 767px){
 .thumbnaillist > li a { flex-direction: column; gap: 4.5278vw; } 
 .thumbnaillist > li a .img_box { width: 100%; height: 0; padding-top: 142.8%; }
 .thumbnaillist .btn_list { width: 100%; }
 .thumbnaillist > li a .text_box { padding: unset; } 
 .thumbnaillist > li a .list_box { position: static; margin-top: 10px; } 

 .boardlist table tbody tr td.title_box .title a img.new { width: 3.8889vw; height: 3.8889vw; position: absolute; top: 50%; transform: translateY(-50%); right: 0; } 
 .boardlist table tbody tr td.line::after { height: 2.7778vw; top: 50%; transform: translateY(-50%); } 
 .boardlist table tbody tr td.right span.btn3 { min-width: 14.8611vw; height: 5.9722vw; line-height: 5.6944vw; font-size: 3.3333vw; } 
 .button_box .right { flex: 1; margin-left: auto; } 
 
 .board_detail .title_box { padding-bottom: 2rem; } 

 .file-btn-list > li > button.down { display: none; } 
 .file-btn-list > li > button.see, .file-btn-list > li > button.hear { width: 32px; height: 32px; padding: 0; gap: 0; justify-content: center; font-size: 0; } 
 .board_detail .list_box li.category { width: 100%; } 
 .board_detail .list_box li .round { height: 7.2222vw; line-height: 7.2222vw; width: 18.6111vw; padding: 0; text-align: center; font-size: 3.0556vw; } 
 .board_detail .list_box.map_info_list li .round { width: 24.1667vw; padding: 0; text-align: center; } 
 .board_detail:not(.answer_detail) .list_box.map_info_list li { width: unset; max-width: unset; } 
 .board_detail .list_box.map_info_list { gap: 1.5rem 3rem; } 
 .board_detail .list_box.map_info_list li::before { display: none; } 
 .board_detail .list_box.map_info_list li:last-child:after { display: none; } 
 .board_detail .list_box li.date, .board_detail .list_box li.views { font-size: 3.8889vw; line-height: 1.2; background-size: 3.3333vw auto; padding-left: 5.2778vw; } 


 
 .view_bottom + .button_box .right { flex-wrap: wrap; } 
 .view_bottom + .button_box .right button { flex: 1 1 49%; } 
 .view_bottom .file_name { font-size: 4.1667vw; line-height: 1.7; } 
 .view_bottom .file_name::before { display: none; } 
 /*갤러리형 게시판*/
 .gallerylist { gap: 0; } 
 .gallerylist > li h3 { min-height: unset; } 
 .gallerylist > li { width: 100%; margin-right: 0; } 
 .gallerylist > li .list_box { flex-wrap: wrap; } 
 .gallerylist > li .list_box li:nth-child(2):after { height: 2.9167vw; } 

 .comment_area .comment_write .write_box textarea { height: 150px; } 
 .comment_area .button_box { margin-top: 2.7778vw; padding: 0; } 
 .comment_area .comment_list { margin-top: 8.3333vw; } 
 .comment_area .comment_list > li dl dd.write_box { padding: 7.5vw 5.5556vw 2.7778vw; margin-top: 4.8611vw; border-radius: 2.2222vw; } 
 .comment_area .comment_list > li dl.reply dd:not(.write_box) { flex-direction: column; margin-left: 0; gap: 2.6389vw; padding-left: 0; } 
 .comment_area .comment_list > li dl.reply dt { margin-left: 0; } 
 .comment_area .comment_btn { margin-top: 8.3333vw; } 
 .comment_area .comment_btn button { width: 100%; height: 13.8889vw; line-height: 13.6111vw; font-size: 4.7222vw; gap: 4.0278vw; } 
 .comment_area .comment_btn button::before { width: 1.8056vw; height: 2.9167vw; } 
 .comment_area .button_box button { margin-left: 0.6944vw; } 
 .comment_area .button_box button:first-of-type { margin-left: 1.3889vw; } 
 .boardview table tr td.editor textarea { height: 37.9167vw; } 

 .boardview + .button_box .center { gap: 4.7222vw; } 
 .boardview + .button_box .btn { flex: 1 1 49%; } 
 } 
@media screen and (max-width: 640px) { /*갤러리형 게시판*/
 .gallerylist { } 
 .gallerylist > li { width: 100%; } 
 }
 @media screen and (max-width: 500px){
 .gallerylist.vertical > li { width: 100%; } 
 }
 @media screen and (max-width: 450px){
 .character { margin: unset; } 
 }
@media screen and (max-width: 420px) { /*갤러리형 게시판*/
 .gallerylist > li { width: 100% !important; margin-right: 0; } 
 .gallerylist > li:nth-child(3n) { margin-right: 0; } 
 .gallerylist > li .list_box li:last-child { width: auto; } 

 .boardview table tr td .attachment-file { flex-wrap: wrap; } 
 .boardview table tr td .attachment-file .inpbox { width: 100%; } 
 .boardview table tr td .attachment-file .ipfile { width: 100%; } 
 .boardview table tr td .attachment-file .ipfile span { position: static; } 
 }
 @media screen and (max-width: 360px) { } 
@media screen and (max-width: 320px) { } 
/*sub page - 현황 게시판 리스트*/
.statuslist { overflow: hidden; width: 100%; } 
.statuslist table { width: 100%; table-layout: fixed; line-height: 30px; border-top: 1px solid #1d1d1d; } 
.statuslist table thead tr { border-bottom: 1px solid #e4e4e4; } 
.statuslist table thead tr th,
.statuslist table tfoot tr th { padding: 14px 10px; color: #303038; font-weight: 500; line-height: 22px; background: #f4f4f4; border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; } 
.statuslist table tbody tr td,
.statuslist table tfoot tr td { border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; } 
.statuslist table thead tr th:first-child,
.statuslist table tbody tr td:first-child,
.statuslist table tfoot tr th:first-child { border-left: 0; } 
.statuslist table thead tr th:last-child,
.statuslist table tbody tr td:last-child,
.statuslist table tfoot tr td:last-child { border-right: 0; } 
.statuslist table tbody tr,
.statuslist table tfoot tr { border-bottom: 1px solid #e4e4e4; } 
.statuslist table tbody tr:hover { background-color: #f9feff; } 
.statuslist table tbody tr td,
.statuslist table tfoot tr td { overflow: hidden; padding: 15px 10px; text-align: center; color: #1d1d1d; } 
.statuslist table thead tr th.sm { font-size: 14px; } 
.statuslist table tbody tr.on { background: #f9feff; } 
.statuslist table tbody tr.on td { color: #007a9f; } 
.statuslist table td a { text-decoration: underline; text-underline-position: under; color: #007a9f; } 
.statuslist table tfoot tr { background: #edf7fa; } 
.statuslist table tfoot tr th,
.statuslist table tfoot tr td { font-weight: bold; background: transparent; } 
.statuslist table tfoot tr td { color: #007a9f; } 

.statuslist table tbody tr th.highlight { border-right: 1px solid #e4e4e4; } 
.statuslist table .highlight { background: #f4f4f4; } 
.statuslist table .green { background: #f0fff7; color: #177a45; font-weight: 600; } 
.statuslist table .blue { background: #edf7fa; color: #007a9f; font-weight: 600; } 
.statuslist table .red { background: #fff1f7; color: #e51367; font-weight: 600; } 
.statuslist table.fs_sm th,
.statuslist table.fs_sm td { font-size: 14px; line-height: 1.2; } 
@media screen and (max-width: 768px) { /*sub page - 현황 게시판 리스트*/

 .statuslist table thead tr th,
 .statuslist table tbody tr th,
 .statuslist table tfoot tr th { padding: 1.3889vw; font-size: 2.4vw; line-height: 4.0278vw; } 
 .statuslist table tbody tr td,
 .statuslist table tbody tr td a,
 .statuslist table tfoot tr td { padding: 1.3889vw; font-size: 2.4vw; line-height: 4.7222vw; } 
 .statuslist table thead tr th.sm { font-size: 2.4vw; } 
 .statuslist table.fs_sm th,
 .statuslist table.fs_sm td { font-size: 2.4vw; } 
 }
.survey_wr { width: 100%; padding: 40px; border-radius: 20px; background: var(--light-gray); } 
.survey_wr .inner { padding-left: 84px; background: url(../img/common/icn-survay.svg) no-repeat left top; background-size: 60px; } 
.survey_wr .survey_title { font-size: 16px; gap: 10px; display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; } 
.survey_wr .survey_title .title { display: flex; gap: 4px; flex-direction: column; word-break: keep-all; } 
.survey_wr .survey_title .title p { font-size: clamp(16px,4vw,1.9rem); color: var(--txt-gray); } 
.survey_wr .survey_title h2 { font-size: clamp( 17px,3vw,2.2rem); font-weight: 600; } 
.survey_wr .survey_title .radio_box { max-width: 720px; justify-content: space-between; } 
.survey_wr .survey_input_bx { border-radius: 16px; display: flex; align-items: center; gap: 15px; } 
.survey_wr .survey_input_bx input { height: 38px; border-radius: 4px; background-color: #ffffff; border: 1px solid var(--bd-color); flex: 1; display: block; } 
.survey_wr .survey_input_bx button { height: 38px; border-radius: 4px; background-color: #4897d3; font-size: 15px; color: #fff; width: 100px; text-align: center; } 
.survey_wr .survey_info { display: flex; gap: 10px 15px; align-items: center; } 
.survey_wr .survey_info li { display: flex; align-items: center; gap: 15px; } 
.survey_wr .survey_info li:before { content: ""; width: 1px; height: 12px; background: var(--bd-color); border-radius: 0; } 
.survey_wr .survey_info li:first-child:before { display: none; } 
@media only screen and (max-width: 767px){
 .survey_wr { padding: 2.4rem; } 
 .survey_wr .inner { padding-left: unset; padding-top: 61px; background-position: center top; background-size: 45px; } 
 .survey_wr .survey_title { flex-direction: column; align-items: center; text-align: center; } 
 .survey_title > div { flex-direction: column; align-items: center; } 
 .survey_wr .button_box { width: 100%; } 
 .survey_wr .survey_info { justify-content: center; } 
 }

.date { display: inline-block; padding-left: 22px; background: url(../img/common/icon-line.svg) no-repeat left center/ 20px; } 
.view { display: inline-block; padding-left: 22px; background: url(../img/common/icon-view.svg) no-repeat left center / 20px; } 
.name { display: inline-block; padding-left: 22px; background: url(../img/common/icon-name.svg) no-repeat left center / 20px; } 
.icon-link { display: inline-block; width: 20px; height: 20px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%231d1d1d' d='M8.333 4.318a.682.682 0 1 1 0 1.364H4.015v10.303h10.303v-4.318a.682.682 0 0 1 1.364 0v5a.68.68 0 0 1-.682.681H3.333a.68.68 0 0 1-.681-.681V5c0-.376.305-.682.681-.682z'/%3E%3Cpath fill='%231d1d1d' d='M15.352 3.686a.682.682 0 0 1 .964.964l-5.834 5.834a.682.682 0 0 1-.964-.964z'/%3E%3Cpath fill='%231d1d1d' d='M15.985 8.334V4.016h-4.318a.682.682 0 0 1 0-1.364h5c.376 0 .682.306.682.682v5a.682.682 0 0 1-1.364 0'/%3E%3C/svg%3E") no-repeat center center / contain; } 
.icon-link-wh { display: inline-block; width: 20px; height: 20px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%23fff' d='M8.333 4.318a.682.682 0 1 1 0 1.364H4.015v10.303h10.303v-4.318a.682.682 0 0 1 1.364 0v5a.68.68 0 0 1-.682.681H3.333a.68.68 0 0 1-.681-.681V5c0-.376.305-.682.681-.682z'/%3E%3Cpath fill='%23fff' d='M15.352 3.686a.682.682 0 0 1 .964.964l-5.834 5.834a.682.682 0 0 1-.964-.964z'/%3E%3Cpath fill='%23fff' d='M15.985 8.334V4.016h-4.318a.682.682 0 0 1 0-1.364h5c.376 0 .682.306.682.682v5a.682.682 0 0 1-1.364 0'/%3E%3C/svg%3E") no-repeat center center / contain; } 
.icon-link-blue { display: inline-block; padding-left: 22px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%230072CA' d='M8.333 4.318a.682.682 0 1 1 0 1.364H4.015v10.303h10.303v-4.318a.682.682 0 0 1 1.364 0v5a.68.68 0 0 1-.682.681H3.333a.68.68 0 0 1-.681-.681V5c0-.376.305-.682.681-.682z'/%3E%3Cpath fill='%230072CA' d='M15.352 3.686a.682.682 0 0 1 .964.964l-5.834 5.834a.682.682 0 0 1-.964-.964z'/%3E%3Cpath fill='%230072CA' d='M15.985 8.334V4.016h-4.318a.682.682 0 0 1 0-1.364h5c.376 0 .682.306.682.682v5a.682.682 0 0 1-1.364 0'/%3E%3C/svg%3E") no-repeat left center / 20px; } 
.reset { display: inline-block; width: 20px; height: 20px; background: url(../img/common/icon-reset.svg) no-repeat center center / contain; } 
.phone { display: inline-block; padding-left: 22px; background: url(../img/common/icon-phone.svg) no-repeat left center/ 18px; } 
.phone-dark { display: inline-block; padding-left: 27px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M7.89677 2.58203C8.21642 2.58203 8.49337 2.80442 8.56261 3.11648L9.414 6.95437C9.46447 7.18186 9.39588 7.41991 9.23111 7.58469L8.16222 8.6527C8.95174 9.89024 10.0018 10.9401 11.2393 11.7298L12.3082 10.6618L12.373 10.604C12.5321 10.4809 12.7392 10.4337 12.9385 10.478L16.7773 11.332C17.0891 11.4014 17.3116 11.6776 17.3117 11.997V16.8398C17.3116 17.2162 17.0062 17.5215 16.6299 17.5217C13.9574 17.5217 11.4557 16.7856 9.31723 15.5055L8.89464 15.2427C7.19641 14.1436 5.75019 12.6973 4.65103 10.9991C3.15903 8.69522 2.36729 6.00777 2.37209 3.26296L2.37564 3.19283C2.41117 2.84958 2.7014 2.58204 3.05391 2.58203H7.89677ZM3.75526 3.94567C3.87048 6.18839 4.57038 8.36619 5.79539 10.2578L5.98537 10.5437C6.95428 11.9573 8.19528 13.1651 9.63594 14.0975C11.4717 15.2852 13.6275 16.0169 15.9481 16.1376V12.5439L13.0086 11.8896L11.827 13.0721C11.61 13.2892 11.2744 13.3347 11.0076 13.1831C9.21393 12.1638 7.72906 10.6789 6.70981 8.8853C6.5582 8.61851 6.60292 8.28286 6.81989 8.06587L8.00153 6.88335L7.3499 3.94567H3.75526Z' fill='%231D1D1D'/%3E%3C/svg%3E") no-repeat left center/ 18px; } 
.fax { display: inline-block; padding-left: 22px; background: url(../img/common/icon-fax.svg) no-repeat left center/ 18px; } 
.address { display: inline-block; padding-left: 22px; background: url(../img/common/icon-address.svg) no-repeat left center/ 18px; }
.icon-email { display: inline-block; padding-left: 22px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Crect x='3' y='5' width='16' height='12' rx='2' stroke='%2356595E' stroke-width='1.5'/%3E%3Cpath d='M4 6.5l7 5 7-5' stroke='%2356595E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat left center/ 18px; }
.icon-homepage { display: inline-block; padding-left: 22px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22' fill='none'%3E%3Cpath d='M4 10l7-5.5 7 5.5v7a1 1 0 0 1-1 1h-3v-5H8v5H5a1 1 0 0 1-1-1z' stroke='%2356595E' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat left center/ 18px; }
.icon-filter { display: block; width: 16px; height: 16px; background: url(../img/common/icon-filter.svg) no-repeat left center/ contain; } 
.icon-arr-down { display: block; width: 13px; height:10px; background: url(../img/common/arr-down.svg) no-repeat left center/ contain; } 



 

/* ===== 검색 셀렉트 select2 (디자인: 기존 .select / .con 유지) ===== */
.board_top .boardschbox .search_box .select-wrap .select2-container { width: 100% !important; } 
.board_top .boardschbox .search_box .select-wrap .select2-container--default .select2-selection--single { height: 60px; padding: 0 40px 0 20px; border: 1px solid var(--bd-dark); border-radius: 100px; background: #fff; display: flex; align-items: center; } 
.board_top .boardschbox .search_box .select-wrap .select2-container--default.select2-container--focus .select2-selection--single { border: 1px solid var(--bd-dark); outline: none; } 
.board_top .boardschbox .search_box .select-wrap .select2-container--default .select2-selection--single:focus-visible { outline: 2px dotted #ff0000 !important; outline-offset: -3px; } 
.board_top .boardschbox .search_box .select-wrap .select2-container--default .select2-selection--single .select2-selection__rendered { width: 100%; padding: 0; line-height: normal; color: #1d1d1d; font-weight: 400; font-size: clamp(16px, 3vw, 1.8rem); } 
.board_top .boardschbox .search_box .select-wrap .select2-container--default .select2-selection--single .select2-selection__arrow { top: 0; right: 20px; width: 13px; height: 100%; } 
.board_top .boardschbox .search_box .select-wrap .select2-container--default .select2-selection--single .select2-selection__arrow b { left: 0; top: 0; margin: 0; border: 0; width: 100%; height: 100%; transform: none; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.5 7.5'%3E%3Cpath fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M.75.75l6 6L12.75.75'/%3E%3C/svg%3E") no-repeat center center / auto 6px; } 
.board_top .boardschbox .search_box .select-wrap .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { transform: rotate(180deg); } 
.board_top .boardschbox .search_box .select-wrap .search-select-dropdown.select2-dropdown { width: 100%; border: 1px solid var(--Gray-06, #E0E3E8); border-radius: 12px !important; background: #fff; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); overflow: hidden; margin-top: 5px; } 
.board_top .boardschbox .search_box .select-wrap .search-select-dropdown .select2-results__options { padding: 0; } 
.board_top .boardschbox .search_box .select-wrap .search-select-dropdown .select2-results__option { padding: 16px; font-size: clamp(1.7rem, 2vw, 1.9rem); color: #1d1d1d; line-height: 1.2; transition: all .3s; } 
.board_top .boardschbox .search_box .select-wrap .search-select-dropdown .select2-results__option--highlighted.select2-results__option--selectable { background: var(--light-gray); color: #1d1d1d; } 
.board_top .boardschbox .search_box .select-wrap .search-select-dropdown .select2-results__option--selected { background: #fff; color: var(--main); font-weight: 700; }
/* 다중선택 셀렉트(search-select-multi) - 선택 박스는 고정 라벨, 드롭다운 옵션 왼쪽에 체크박스 */
.board_top .boardschbox .search_box .select-wrap .select2-container--default .select2-selection--multiple { position: relative; height: 60px; min-height: 0; padding: 0 40px 0 20px; border: 1px solid var(--bd-dark); border-radius: 100px; background: #fff; display: flex; align-items: center; cursor: pointer; }
.board_top .boardschbox .search_box .select-wrap .select2-container--default .select2-selection--multiple .select2-selection__rendered,
.board_top .boardschbox .search_box .select-wrap .select2-container--default .select2-selection--multiple .select2-search--inline { display: none; }
.board_top .boardschbox .search_box .select-wrap .select2-selection--multiple .s2-label { color: #1d1d1d; font-size: clamp(16px, 3vw, 1.8rem); }
.board_top .boardschbox .search_box .select-wrap .select2-selection--multiple .s2-arrow { position: absolute; top: 50%; right: 20px; width: 12px; height: 6px; margin-top: -3px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.5 7.5'%3E%3Cpath fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M.75.75l6 6L12.75.75'/%3E%3C/svg%3E") no-repeat center center / auto 6px; transition: transform .25s ease; }
.board_top .boardschbox .search_box .select-wrap .select2-container--open .select2-selection--multiple .s2-arrow { transform: rotate(180deg); }
.board_top .boardschbox .search_box .select-wrap .search-select-dropdown.multi-check .select2-results__option { position: relative; padding-left: 46px; }
.board_top .boardschbox .search_box .select-wrap .search-select-dropdown.multi-check .select2-results__option::before { content: ""; position: absolute; left: 16px; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; border: 2px solid #ddd; border-radius: 5px; background: #fff; }
.board_top .boardschbox .search_box .select-wrap .search-select-dropdown.multi-check .select2-results__option--selected::before { border: 1px solid var(--main); background: var(--main) url("../img/common/icon-check.svg") no-repeat center center / 10px; }
@media only screen and (max-width: 1023px){
 .board_top .boardschbox .search_box .select-wrap .select2-container--default .select2-selection--single { height: 46px; }
 .board_top .boardschbox .search_box .select-wrap .select2-container--default .select2-selection--multiple { height: 46px; }
 .board_top .boardschbox .search_box .select-wrap .search-select-dropdown.multi-check .select2-results__option { padding-left: 40px; }
 .board_top .boardschbox .search_box .select-wrap .search-select-dropdown.multi-check .select2-results__option::before { width: 16px; height: 16px; border-width: 1px; }
 }
/* 문화달력 thumbnaillist_culture - 아이템 링크 제거(a→div.item) 레이아웃. 기본 .thumbnaillist > li a 규칙 대체 (게시판_요약형 등 a 사용 페이지엔 영향 없음) */
.thumbnaillist_culture > li .item { padding: 20px 0; display: flex; }
.thumbnaillist_culture > li .item .cate-st1 { font-size: 1.7rem; }
.thumbnaillist_culture > li .item .img_box { width: 250px; height: 357px; border-radius: 12px; flex: none; background-repeat: no-repeat; background-position: center center; background-size: cover; border: 1px solid var(--bd-color); }
.thumbnaillist_culture > li .item .text_box { position: relative; display: flex; flex-direction: column; justify-content: space-between; padding-left: 30px; width: 100%; }
@media only screen and (max-width: 1023px){
 .thumbnaillist_culture > li .item .text_box { justify-content: unset; gap: 30px; }
 }
@media only screen and (max-width: 767px){
 .thumbnaillist_culture > li .item { flex-direction: column; gap: 4.5278vw; }
 .thumbnaillist_culture > li .item .img_box { width: 100%; height: 0; padding-top: 142.8%; }
 .thumbnaillist_culture > li .item .text_box { padding: unset; }
 }
/* 커스텀 select-wrap - 화살표를 ::after 로 분리해 open 시 위로 회전(인터랙션). 기본 .select 의 background 화살표는 제거 */
.board_top .boardschbox .search_box .select-wrap .select { position: relative; background-image: none; }
.board_top .boardschbox .search_box .select-wrap .select::after { content: ""; position: absolute; top: 50%; right: 20px; width: 12px; height: 6px; margin-top: -3px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.5 7.5'%3E%3Cpath fill='none' stroke='%23111' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M.75.75l6 6L12.75.75'/%3E%3C/svg%3E") no-repeat center center / auto 6px; transition: transform .25s ease; }
.board_top .boardschbox .search_box .select-wrap.open .select::after { transform: rotate(180deg); }