/******************************** cont-top-box ********************************/
.cont-top-box { padding: 30px; background: var(--soft-navy); border-radius: 1rem; overflow: hidden; }
.cont-top-box .tit1 { display: block; font-weight: 700; font-size: 2rem; color: #333; }
.cont-top-box .sm-tit1 { display: block; margin-top: 10px; line-height: 1.3; font-size: 1.6rem; color: #666; word-break: keep-all; }



/******************************** board filter1 ********************************/
.filter1 { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 20px; }
.filter1 .total { flex-shrink: 0; display: flex; align-items: center; font-size: 1.5rem; color: var(--gray-55); }
.filter1 .total span:first-child { position: relative; margin-right: 10px; padding-right: 10px; }
.filter1 .total span:first-child::after { content:""; position: absolute; top: 50%; right: 0; transform: translateY(-50%); width: 1px; height: 10px; background: var(--gray-cc); }
.filter1 .filter-right { display: flex; gap: 5px; width: fit-content; }
.filter1 .filter-right .filter-wrap { display: flex; gap: 5px; width: fit-content; }
.filter1 .filter-right select { width: 120px; }
.filter1 .filter-right .wd300 { width: 300px; }
.filter1 .filter-right .wd200 { width: 200px; }
.filter1 .filter-right button { min-width: 80px; }
.filter4 { justify-content: end; }
@media only screen and (max-width: 1023px) {
	.filter2 { flex-direction: column; align-items: baseline; gap: 10px; }
	.filter2 .filter-right { justify-content: flex-end; width: 100%; }
	
}
@media only screen and (max-width: 850px) {
	.filter2 .filter-right { flex-wrap: wrap; }
	.filter2 .filter-right .filter-school { width: 100%; }
	.filter2 .filter-right .filter-search { width: calc(100% - 85px); }
	.filter1 .filter-right .wd300 { flex-grow: 1; }
	.filter1 .filter-right .wd200 { flex-grow: 1; }
	
	.filter3 { flex-direction: column; align-items: baseline; gap: 10px; }
	.filter3 .filter-right { justify-content: flex-end; width: 100%; }
}
@media only screen and (max-width: 767px) {
	.filter1 { flex-direction: column; align-items: baseline; gap: 10px; }
	.filter1 .filter-right { justify-content: flex-end; width: 100%; }

	.filter3 .filter-right { flex-wrap: wrap; }
	.filter3 .filter-right .filter-wrap { width: 100%; }
	.filter3 .filter-right .view-select { width: 100%; }
}
@media only screen and (max-width: 470px) {
	.filter1 { flex-wrap: wrap; }
	.filter1 .total { width: 100%; }
	.filter1 .filter-right { flex-wrap: wrap; width: 100%; margin-top: 20px; }
	.filter1 .filter-right select,
	.filter1 .filter-right input,
	.filter1 .filter-right button { width: 100%; }
	.filter1 .filter-right .filter-wrap { flex-direction: column; }
	.filter2 .filter-right .filter-search { width: 100%; }
	.filter1 .filter-right .wd300 { width: 100%; }
	.filter1 .filter-right .wd200 { width: 100%; }
	.filter4 .filter-right .filter-wrap { flex-direction: row; width: 100%; }
	.filter4 .filter-right button { width: fit-content }
	.filter4 .filter-right .wd200 { width: unset; flex-grow: 1; }
}
@media only screen and (max-width: 390px) {
	.filter4 .filter-right .filter-wrap { flex-direction: column; }
	.filter4 .filter-right button { width: 100%; }

}


/******************************** board-style1 ********************************/
.board-style1 .board-btn { margin: 10px 0 -20px; }
/******************************** board-list-style1 ********************************/
.board-list-style1 { width: 100%; border-collapse: collapse; border-top: 2px solid var(--gray-66); }
.board-list-style1 thead tr { border-bottom: 1px solid var(--gray-dd); }
.board-list-style1 thead tr th { position: relative; padding: 20px 10px; font-weight: 600; }
.board-list-style1 thead tr th::after { content: ""; position: absolute; top: 50%; right: 0; width: 1px; height: 16px; background: var(--gray-e9); transform: translateY(-50%); }
.board-list-style1 thead tr th:last-child::after { display: none; }
.board-list-style1 tbody tr { border-bottom: 1px solid var(--gray-dd); }
.board-list-style1 tbody tr:not(.no-list):hover { background: var(--gray-f9); }
.board-list-style1 tbody tr.no-list td { padding: 50px 0; }
.board-list-style1 tbody tr td { padding: 18px 10px; font-size: 1.5rem; color: var(--gray-66); text-align: center; }
.board-list-style1 tbody tr td.title { padding: 0; }
.board-list-style1 tbody tr td.title a { display: block; padding: 18px 10px; font-weight: 600; color: var(--gray-33); text-align: left; }
.board-list-style1 tbody tr td.cate {  }
.board-list-style1 tbody tr.secret td.title a { padding-left: 22px; background-position: left center; background-repeat: no-repeat; background-size: 13px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46 56'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23fff; stroke-linecap: round; stroke-miterlimit: 10; stroke-width: 8px; %7D .cls-2 %7B fill: %23444; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cg id='Icons'%3E%3Cg%3E%3Cpath class='cls-2' d='M23.13,8c8.2,0,14.87,6.67,14.87,14.87v5.13H8v-5.13c0-8.2,6.67-14.87,14.87-14.87h.26ZM23.13,0h-.26C10.24,0,0,10.24,0,22.87v13.13h46v-13.13C46,10.24,35.76,0,23.13,0h0Z'/%3E%3Cpath class='cls-2' d='M0,26h46v18.21c0,6.51-5.28,11.79-11.79,11.79H11.79c-6.51,0-11.79-5.28-11.79-11.79v-18.21h0Z'/%3E%3Cline class='cls-1' x1='23' y1='36' x2='23' y2='42'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
.board-list-style1 tbody tr td.file span { display: block; width: 14px; height: 14px; margin: 0 auto; background-repeat: no-repeat; background-position: center center; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72.47 75'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23666; stroke-linecap: round; stroke-linejoin: round; stroke-width: 6px; %7D %3C/style%3E%3C/defs%3E%3Cg id='icon'%3E%3Cpolyline class='cls-1' points='3 47.65 3 72 69.47 72 69.47 47.65'/%3E%3Cline class='cls-1' x1='36.24' y1='3' x2='36.24' y2='54'/%3E%3Cpolyline class='cls-1' points='57.24 36.08 36.24 54.08 15.24 36.08'/%3E%3C/g%3E%3C/svg%3E"); }
@media only screen and (max-width: 1023px) {
	.board-list-style1 colgroup { display: none; }
	.board-list-style1 thead { display: none; }
	.board-list-style1 tbody tr { display: flex; flex-wrap: wrap; gap: 0 20px; width: 100%; padding: 20px 5px; }
	.board-list-style1 tbody tr td { position: relative; width: unset !important; min-width: unset !important; padding: 0; font-size: 13px; }
	.board-list-style1 tbody tr td::after { content: ""; position: absolute; top: 3px; right: -11px; width: 1px; height: 9px; background: var(--gray-e5); }
	.board-list-style1 tbody tr td:last-child::after { display: none; }
	.board-list-style1 tbody tr td.title { display: block; width: 100% !important; margin-bottom: 12px; font-size: 1.7rem; text-align: left; }
	.board-list-style1 tbody tr td.title::after { display: none; }
	.board-list-style1 tbody tr td.title a { padding: 0; }
	.board-list-style1 tbody tr td.num { display: none; }
	.board-list-style1 tbody tr td.file { display: none; }
}



/******************************** pagination ********************************/
.pagination { display: flex; align-items: center; justify-content: center; gap: 4px; margin-top: 40px; }
.pagination li { display: block; width: 40px; height: 40px; line-height: 40px; font-weight: 600; font-size: 15px; color: var(--gray-66); border-radius: 3px; text-align: center; }
.pagination li.on{ color: #fff; background: #222; }
/* .pagination a { display: block; width: 40px; height: 40px; line-height: 40px; font-weight: 600; font-size: 15px; color: var(--gray-66); border-radius: 3px; text-align: center; } */
/* .pagination a.active { color: #fff; background: #222; } */
.pagination a.arr { display: block; font-size: 0; border: 1px solid var(--gray-e5); background-repeat: no-repeat; background-position: center center; background-size: auto 13px; }
.pagination a.num { margin: 0 4px; }
.pagination a.first-page { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='14.5px' height='15.5px'%3E%3Cpath fill-rule='evenodd' stroke='%23222' stroke-width='1px' stroke-linecap='butt' stroke-linejoin='miter' fill='none' d='M12.138,12.635 L11.715,13.058 L6.328,7.671 L6.540,7.460 L6.328,7.248 L11.715,1.862 L12.138,2.285 L6.963,7.460 L12.138,12.635 ZM7.138,12.635 L6.715,13.058 L1.328,7.671 L1.540,7.460 L1.328,7.248 L6.715,1.862 L7.138,2.285 L1.963,7.460 L7.138,12.635 Z'/%3E%3C/svg%3E"); }
.pagination a.prev-page { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='9.5px' height='15.5px'%3E%3Cpath fill-rule='evenodd' stroke='%23222' stroke-width='1px' stroke-linecap='butt' stroke-linejoin='miter' fill='none' d='M7.138,12.635 L6.715,13.058 L1.328,7.671 L1.540,7.460 L1.328,7.248 L6.715,1.862 L7.138,2.285 L1.963,7.460 L7.138,12.635 Z'/%3E%3C/svg%3E"); }
.pagination a.next-page { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='9.5px' height='15.5px'%3E%3Cpath fill-rule='evenodd' stroke='%23222' stroke-width='1px' stroke-linecap='butt' stroke-linejoin='miter' fill='none' d='M7.140,7.658 L1.754,13.044 L1.331,12.621 L6.505,7.446 L1.331,2.271 L1.754,1.848 L7.140,7.235 L6.929,7.446 L7.140,7.658 Z'/%3E%3C/svg%3E"); }
.pagination a.last-page { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='14.5px' height='15.5px'%3E%3Cpath fill-rule='evenodd' stroke='%23222' stroke-width='1px' stroke-linecap='butt' stroke-linejoin='miter' fill='none' d='M12.140,7.658 L6.754,13.044 L6.331,12.621 L11.505,7.446 L6.331,2.271 L6.754,1.848 L12.140,7.235 L11.929,7.446 L12.140,7.658 ZM6.929,7.446 L7.140,7.658 L1.754,13.044 L1.331,12.621 L6.505,7.446 L1.331,2.271 L1.754,1.848 L7.140,7.235 L6.929,7.446 Z'/%3E%3C/svg%3E"); }
@media only screen and (max-width: 767px) {
	.pagination a { width: 32px; height: 32px; line-height: 32px; font-size: 14px; }
	.pagination a.arr { background-size: auto 11px; }
}




/******************************** board detail ********************************/
.board-detail-top { padding: 30px 20px; border-top: 2px solid var(--gray-66); border-bottom: 1px dashed var(--gray-e5); }
.board-detail-top > strong { display: block; font-family: var(--point-fc); font-size: 2.4rem; text-align: center; }
.board-detail-bottom { display: flex; justify-content: flex-end; padding: 15px; border-bottom: 1px solid var(--gray-e5); }
.board-detail-bottom .info { display: flex; flex-wrap: wrap; gap: 20px; }
.board-detail-bottom .info li { padding-left: 20px; font-weight: 500; font-size: 1.5rem; color: var(--gray-77); background-position: left center; background-repeat: no-repeat; }
.board-detail-bottom .info li.writer { padding-left: 16px; background-size: 8px auto; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28.52 40.96' %3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B stroke: %23555; %7D .cls-1, .cls-2 %7B fill: none; stroke-linecap: round; stroke-linejoin: round; stroke-width: 3px; %7D .cls-2 %7B stroke: %23555; %7D %3C/style%3E%3C/defs%3E%3Cg%3E%3Cpath class='cls-2' d='M27.02,36.65v-5.17c0-5.36-3.31-9.94-8-11.83'/%3E%3Cg%3E%3Cpath class='cls-1' d='M14.26,1.5c-5.35,0-9.7,4.34-9.7,9.7,0,3.62,1.99,6.78,4.94,8.44,1.41.8,3.03,1.25,4.76,1.25s3.35-.46,4.76-1.25c2.95-1.66,4.94-4.82,4.94-8.44,0-5.36-4.34-9.7-9.7-9.7Z'/%3E%3Cpath class='cls-1' d='M9.5,19.64c-4.69,1.89-8,6.47-8,11.83v5.17c0,1.55,1.25,2.81,2.8,2.81h19.91c1.55,0,2.81-1.26,2.81-2.81'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); }
.board-detail-bottom .info li.date { background-size: 14px 12px; background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='icon' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 72 75'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23555; stroke-linecap: round; stroke-linejoin: round; stroke-width: 6px; %7D %3C/style%3E%3C/defs%3E%3Crect class='cls-1' x='3' y='12' width='66' height='60'/%3E%3Cline class='cls-1' x1='3' y1='30' x2='69' y2='30'/%3E%3Cline class='cls-1' x1='21' y1='3' x2='21' y2='18'/%3E%3Cline class='cls-1' x1='51' y1='3' x2='51' y2='18'/%3E%3Cpolyline class='cls-1' points='50.11 43.07 35.11 58.07 25.78 49.74'/%3E%3C/svg%3E"); }
.board-detail-bottom .info li.view { background-size: 14px 15px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 41.85 27.89' %3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B stroke: %23555; %7D .cls-1, .cls-2 %7B fill: none; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2.7px; %7D .cls-2 %7B stroke: %23555; %7D %3C/style%3E%3C/defs%3E%3Cg id='Layer_5' data-name='Layer 5'%3E%3Cpath class='cls-2' d='M20.93,26.39c9.08,0,16.77-5.22,19.43-12.45C37.69,6.73,30.01,1.5,20.93,1.5S4.16,6.73,1.5,13.95c2.66,7.22,10.35,12.45,19.43,12.45Z'/%3E%3Cpath class='cls-1' d='M26.32,13.95c0,2.98-2.41,5.39-5.39,5.39s-5.39-2.41-5.39-5.39,2.41-5.39,5.39-5.39,5.39,2.42,5.39,5.39Z'/%3E%3C/g%3E%3C/svg%3E"); }
.board-detail-file-list { padding: 20px; background: var(--gray-f9); border-bottom: 1px solid var(--gray-e5); }
.board-detail-file-list li { position: relative; margin-bottom: 8px; padding-left: 10px; font-size: 1.5rem; letter-spacing: 0; }
.board-detail-file-list li:last-child { margin-bottom: 0; }
.board-detail-file-list li a { display: block; padding-left: 16px; background-repeat: no-repeat; background-position: left center; background-size: 11px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 37.3 40.61'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23444; stroke-linecap: round; stroke-linejoin: round; stroke-width: 3px; %7D %3C/style%3E%3C/defs%3E%3Cg%3E%3Cpath class='cls-1' d='M35.8,21.66l-13.97,13.97c-4.65,4.65-12.19,4.65-16.84,0h0c-4.65-4.65-4.66-12.19,0-16.85l.02-.03L19.97,3.78c3.04-3.04,7.98-3.04,11.03,0h0c3.04,3.05,3.04,7.99,0,11.03l-14.96,14.96-.04.03c-1.6,1.6-4.2,1.6-5.81,0h0c-1.61-1.6-1.61-4.21,0-5.81l12.83-12.83'/%3E%3C/g%3E%3C/svg%3E"); }
.board-detail-content { min-height: 300px; padding: 30px 20px; border-bottom: 1px solid var(--gray-e5); }
.board-detail-content .editor-text { line-height: 1.4 !important; font-family: var(--fm-basic) !important; font-size: 1.6rem !important; }
.board-detail-content .editor-text > * { line-height: 1.4 !important; font-family: var(--fm-basic) !important; font-size: 1.6rem !important; }
@media only screen and (max-width: 420px) {
	.board-detail-bottom { flex-wrap: wrap; gap: 5px; }
	.board-detail-bottom .view-date { width: 100%; justify-content: flex-end; }
}



/******************************** form ********************************/
.form1 .form-title { display: flex; justify-content: space-between; padding-bottom: 12px; }
.form1 .form-title strong { display: block; font-size: 1.8rem; }
.form1 .form-title .esn { font-weight: 500; font-size: 1.4rem; }
.form1 .form-title .esn b { font-size: 1.3rem; color: #ed4b2c; }
.form1 .label { display: flex; align-items: center; gap: 5px; flex-shrink: 0; width: 140px; line-height: 40px; font-weight: 600; font-size: 1.5rem; }
.form1 .label .esn { font-weight: 700; font-size: 1.5rem; color: #ed4b2c; }
.form1 .inp-flex { display: flex; align-items: center; gap: 5px; width: 100%; }
.form1 .inp-box { width: 100%; }
.form1 .input { width: 100%; height: 40px; padding: 0 12px; font-family: var(--point-fc); border: 1px solid var(--gray-e5); background: #fff;  }
.form1 input:disabled { background: var(--gray-f9);  }
.form1 select.input { padding-right: 30px; appearance: none; background-repeat: no-repeat; background-position: right 12px center; background-size: 8px 11px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8.41 4.39' width='8px'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23666; stroke-width: 0px; %7D %3C/style%3E%3C/defs%3E%3Cg%3E%3Cpolygon class='cls-1' points='4.2 4.39 8.41 0 0 0 4.2 4.39'/%3E%3C/g%3E%3C/svg%3E"); }
.form1 .wd120 { width: 120px; }
.form1 textarea.input { height: 150px; padding: 12px; font-family: var(--basic-fc); resize: none; }
.form1 textarea + .num { position: relative; display: block; margin-top: 5px; font-size: 1.5rem; color: #777; text-align: right; }
.form1 .notice { font-size: 1.5rem; color: #777; }
.form-wrap1 { padding-bottom: 25px; border-bottom: 1px solid var(--gray-e5); }
.form-wrap1:last-child { margin-bottom: 0; }
.form-wrap1 .form-title { border-bottom: 2px solid var(--gray-44); }
.form-wrap1 .form-group { display: flex; align-items: flex-start; padding: 25px 10px 0 10px; }
.form-wrap1 .form-group-center { align-items: center; }
.form-table .img-list { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.form-table .img-list .img-wrap { width: 200px; height: 200px; }

/******* 첨부파일 *******/
.file-box { display: flex; gap: 5px }
.file-box input[type="file"] { position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0; }
.file-box label { flex-shrink: 0; display: inline-block; height: 40px; line-height: 40px; padding: 0 18px; font-weight: 500; font-size: 1.4rem; color: #fff; background: var(--gray-66); vertical-align: middle; cursor: pointer; }
.file-box .upload-name { width: 100%; font-family: var(--basic-fc) !important; }
@media only screen and (max-width: 1023px) {
	.form1 { margin-bottom: 40px; }
	.form1 .form-col { flex-wrap: wrap; }
	.form1 .form-col .col-5 { width: 100%; }
	.form1 .form-col .col-5:first-child { padding-right: 10px; }
	/******* 버튼 *******/
	.form-btn1 { margin-top: 0; }
}
@media only screen and (max-width: 767px) {
	.form1 .form-group .label { width: 120px; line-height: 1.2; margin-bottom: 10px; }

	.form-table .img-list .img-wrap { width: 100px; height: 100px; }
}
@media only screen and (max-width: 460px) {
	.form-wrap1 { border-bottom: none; }
	.form1 .form-group { display: block; padding: 13px 10px; border-bottom: 1px solid vaR(--gray-e5); }
	.form1 .form-group .inp-flex-col { flex-direction: column; }
}


/******************************** stp-list ********************************/
.step-list1 { display: flex; max-width: 600px; width: 100%; margin: 0 auto 40px auto; }
.step-list1 li { position: relative; flex: 1; justify-content: center; }
.step-list1 li .img { position: relative; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; margin: 0 auto; background: var(--gray-e5); border-radius: 100%; }
.step-list1 li .img:before { content: ""; position: absolute; top: 24px; right: 100%; z-index: -1; width: 200%; height: 2px; background: var(--gray-e5); }
.step-list1 li .img .svg_ico { fill: #979797; }
.step-list1 li:first-child .img:before { display: none; }
.step-list1 li > strong { display: block; margin-top: 10px; font-weight: 300; font-size: 1.5rem; color: #777; text-align: center; }

.step-list1 li.on .img { background: var(--navy); }
.step-list1 li.on .img .svg_ico { fill: #fff; }
.step-list1 li.on .img:before { background: var(--navy); }
.step-list1 li.on > strong { font-weight: 400; color: var(--navy); }
@media only screen and (max-width: 540px) {
	.step-list1 li .img:before { width: 150%; }
}
@media only screen and (max-width: 440px) {
	.step-list1 li { display: none; }
	.step-list1 li.active { display: block; }
	.step-list1 li.active .img:before { display: none; }
}

/* 만족도 조사 */
.survey-wrap {padding: 20px; border: 1px solid #e9e9e9;}
.survey-wrap .tit {margin-bottom: 10px; font-size: 15px; color: #555;}
.survey-wrap .checkbox-list1 {flex-shrink: 0; margin-right: 20px;}
.survey-wrap .respo-input {display: flex; align-items: center; width: 100%;}
.survey-wrap .respo-input .inp-st1 {width: 100%; height: 36px;}
.survey-wrap .respo-input .btn {width: 55px; height: 36px; margin-left: 3px;}
@media only screen and (max-width: 767px) {
	.survey-wrap .flex-align-center {flex-wrap: wrap;}
	.survey-wrap .checkbox-list1 {flex-shrink: inherit; flex-wrap: wrap;}
	.survey-wrap .respo-input {margin-top: 13px;}
}

/* 부서담당자 */
.content-satis {display: flex; flex-wrap: wrap; align-items: center; gap: 10px 20px; padding: 15px 20px; background: #fafafa; border: 1px solid #e9e9e9; border-top: 0;}
.content-satis li {font-size: 1.4rem;}
.content-satis li:last-child {margin-right: 0;}