/* 연구 */
/* 주제버튼 */
.theme-btn { position: relative; display: flex; gap: 10px; justify-content: center; margin-bottom: 30px; } 
/* .theme-btn::before { content: ""; position: absolute; width: 1000%; height: 100%; background: #E8F1F4; padding: 70px 0; top: 50%; transform: translateY(-50%); opacity: .5; } */
.theme-btn .theme-list { display: flex; gap: 10px; flex-wrap: wrap; justify-content: center; } 
.theme-btn .theme-list li { width: 19%; } 
.theme-btn .theme-list li a { color: #666; display:block; padding: 6px 15px; border-radius: .5rem; background: #f5f5f5; text-align: center; white-space: nowrap; font-size: 16px; } 
.theme-btn li a.on { color: #fff; background: var(--point-color); } 
@media only screen and (max-width: 1023px) { /* .theme-btn { margin-bottom: 30px; } */
/* .theme-btn .theme-list { width: 70%; } */ } 
@media only screen and (max-width: 767px){
 .theme-btn .theme-list { width: 100%; } 
 }
@media only screen and (max-width: 650px){
 .theme-btn .theme-list { gap: 5px; } 
.theme-btn .theme-list li { flex: 1 1 49%; } 
.theme-btn .theme-list li:first-child { width: 100%; flex: 0 0 100%; } 
 }
/********* 검색바 *********/
.search-box-wrap { display: flex; gap: 5px; max-width: 590px; margin: 0 auto; margin-bottom: 50px; } 
.search-box1 { position: relative; display: flex; width: 100%; } 
/* .search-box1 input { width: 100%; height: 45px; margin: 0 auto; padding: 0 20px; border: 1px solid var(--main-color); } */
/* .search-box1 button { white-space: nowrap; padding: 0 25px; color: #fff; background: var(--main-color); font-size: 1.7rem; } */
/* .search-box-wrap .option { display: flex; justify-content: center; align-items: center; min-width: 120px; height: 45px; line-height: 45px; color: #fff; background-color: var(--main-color); font-size: 1.7rem; } */
.search-box1 input { width: 100%; height: 45px; margin: 0 auto; padding: 0 20px; border: 1px solid var(--bd-color); } 
.search-box1 button { position: absolute; top: 50%; right: 20px; width: 20px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.6753 -0.000453925C8.97284 -0.000308889 7.29514 0.406954 5.78213 1.18736C4.26912 1.96776 2.96467 3.09867 1.97762 4.48574C0.990567 5.87281 0.349534 7.47581 0.107999 9.16101C-0.133535 10.8462 0.0314335 12.5647 0.589142 14.1732C1.14685 15.7817 2.08113 17.2335 3.31402 18.4074C4.54692 19.5814 6.04269 20.4435 7.67653 20.9218C9.31037 21.4001 11.0349 21.4808 12.7063 21.1571C14.3776 20.8334 15.9473 20.1146 17.2844 19.0609L21.8714 23.6479C22.1083 23.8767 22.4256 24.0033 22.7549 24.0004C23.0842 23.9975 23.3992 23.8655 23.6321 23.6326C23.865 23.3997 23.9971 23.0847 24 22.7554C24.0028 22.426 23.8762 22.1088 23.6474 21.8719L19.0604 17.2849C20.3014 15.7106 21.074 13.8188 21.29 11.8259C21.506 9.83298 21.1565 7.81955 20.2816 6.016C19.4067 4.21244 18.0417 2.69164 16.3428 1.62764C14.6439 0.563633 12.6798 -0.000588523 10.6753 -0.000453925ZM2.51113 10.6757C2.51113 8.51045 3.37128 6.43387 4.90235 4.9028C6.43342 3.37173 8.50999 2.51158 10.6753 2.51158C12.8405 2.51158 14.9171 3.37173 16.4482 4.9028C17.9792 6.43387 18.8394 8.51045 18.8394 10.6757C18.8394 12.841 17.9792 14.9175 16.4482 16.4486C14.9171 17.9797 12.8405 18.8398 10.6753 18.8398C8.50999 18.8398 6.43342 17.9797 4.90235 16.4486C3.37128 14.9175 2.51113 12.841 2.51113 10.6757Z' fill='black'/%3E%3C/svg%3E%0A"); transform: translate(0, -50%); background-size: cover; } 
.search-box-wrap .option { display: flex; gap: 10px; justify-content: center; align-items: center; min-width: 130px; height: 45px; line-height: 45px; border: 1px solid var(--bd-color); } 
.search-box-wrap .option.en { gap: 5px; line-height: 1.3; padding: 0 10px; } 
.search-box-wrap .option .ico-opt { display: block; width: 17px; height: 14px; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='18' height='15' viewBox='0 0 18 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.3153 4.34382H1.22857C1.03534 4.34382 0.850027 4.26706 0.713394 4.13043C0.57676 3.9938 0.5 3.80848 0.5 3.61525C0.5 3.42202 0.57676 3.23671 0.713394 3.10007C0.850027 2.96344 1.03534 2.88668 1.22857 2.88668H10.3153C10.4741 2.32721 10.811 1.83481 11.275 1.48418C11.739 1.13355 12.3046 0.943848 12.8862 0.943848C13.4678 0.943848 14.0334 1.13355 14.4974 1.48418C14.9614 1.83481 15.2983 2.32721 15.4571 2.88668H16.7714C16.9647 2.88668 17.15 2.96344 17.2866 3.10007C17.4232 3.23671 17.5 3.42202 17.5 3.61525C17.5 3.80848 17.4232 3.9938 17.2866 4.13043C17.15 4.26706 16.9647 4.34382 16.7714 4.34382H15.4561C15.2971 4.90289 14.9601 5.39486 14.4962 5.74515C14.0324 6.09544 13.467 6.28495 12.8857 6.28495C12.3045 6.28495 11.7391 6.09544 11.2752 5.74515C10.8114 5.39486 10.4744 4.90289 10.3153 4.34382ZM11.6714 3.61525C11.6714 3.2932 11.7994 2.98434 12.0271 2.75662C12.2548 2.5289 12.5637 2.40097 12.8857 2.40097C13.2078 2.40097 13.5166 2.5289 13.7443 2.75662C13.9721 2.98434 14.1 3.2932 14.1 3.61525C14.1 3.9373 13.9721 4.24616 13.7443 4.47388C13.5166 4.7016 13.2078 4.82954 12.8857 4.82954C12.5637 4.82954 12.2548 4.7016 12.0271 4.47388C11.7994 4.24616 11.6714 3.9373 11.6714 3.61525ZM7.68566 12.1153H16.7714C16.9647 12.1153 17.15 12.0385 17.2866 11.9019C17.4232 11.7652 17.5 11.5799 17.5 11.3867C17.5 11.1935 17.4232 11.0081 17.2866 10.8715C17.15 10.7349 16.9647 10.6581 16.7714 10.6581H7.68566C7.52689 10.0986 7.18996 9.60623 6.72599 9.25561C6.26201 8.90498 5.69633 8.71528 5.11477 8.71528C4.53321 8.71528 3.96753 8.90498 3.50356 9.25561C3.03958 9.60623 2.70265 10.0986 2.54389 10.6581H1.22857C1.03534 10.6581 0.850027 10.7349 0.713394 10.8715C0.57676 11.0081 0.5 11.1935 0.5 11.3867C0.5 11.5799 0.57676 11.7652 0.713394 11.9019C0.850027 12.0385 1.03534 12.1153 1.22857 12.1153H2.54389C2.70294 12.6743 3.03993 13.1663 3.50378 13.5166C3.96763 13.8669 4.53303 14.0564 5.11429 14.0564C5.69554 14.0564 6.26094 13.8669 6.72479 13.5166C7.18864 13.1663 7.52563 12.6743 7.68469 12.1153M3.9 11.3867C3.9 11.0646 4.02793 10.7558 4.25566 10.528C4.48338 10.3003 4.79224 10.1724 5.11429 10.1724C5.43633 10.1724 5.74519 10.3003 5.97292 10.528C6.20064 10.7558 6.32857 11.0646 6.32857 11.3867C6.32857 11.7087 6.20064 12.0176 5.97292 12.2453C5.74519 12.473 5.43633 12.601 5.11429 12.601C4.79224 12.601 4.48338 12.473 4.25566 12.2453C4.02793 12.0176 3.9 11.7087 3.9 11.3867Z' fill='%23222222'/%3E%3C/svg%3E%0A"); } 
.search-box-wrap .option.en .ico-opt { width: 20px; } 
@media only screen and (max-width: 1023px){
 .search-box-wrap { margin-bottom: 40px; } 
 }
@media only screen and (max-width: 767px){
 .search-box-wrap { margin-bottom: 30px; } 
 }
@media only screen and (max-width: 430px){
 .search-box-wrap { flex-direction: column; } 
 }
/* 상세페이지 버튼 */
.share-btn-wrap { display: flex; justify-content: right; margin-bottom: 10px; gap: 7px; } 
.share-btn-wrap > .print { display: block; width: 30px; height: 30px; background-size: contain; background-repeat: no-repeat; background-image: url(../img/common/icn-print.svg); } 
.share-btn-wrap .social-share { display: flex; gap: 7px; } 
.share-btn-wrap .social-share > li a { display: block; width: 30px; height: 30px; background-repeat: no-repeat; background-size: contain; } 
.share-btn-wrap .social-share > li a.url { background-image: url(../img/common/icn-link.svg); } 
.share-btn-wrap .social-share > li a.face { background-image: url(../img/common/icn-face.svg); } 
.share-btn-wrap .social-share > li a.kakao { background-image: url(../img/common/icn-kakao.svg); } 
.share-btn-wrap .social-share > li a.twt { background-image: url(../img/common/icn-twt.svg); } 
@media only screen and (max-width: 767px){
 .share-btn-wrap > .print { display: none; } 
 }
/********* 게시판 *********/
/* bbs-st1 */
.bbs-st1 { position: relative; } 
/* 공통 */
.board-count { position: absolute; top: -19px; left: 0; display: block; padding: 10px 10px 10px 0; background: #fff; font-size: 15px; color: #666; font-weight: 500; line-height: normal; } 
.bbs-st1 .board-list { border-top: 1px solid var(--bd-color); } 
.bbs-st1 .board-list > li { border-bottom: 1px solid var(--bd-color); } 
.bbs-st1 .board-list > li:first-child { padding-top: 40px; } 
.bbs-st1 .board-list > li { display: flex; gap: 30px; padding: 30px; } 
.bbs-st1 .board-list > li .img-wrap { flex-shrink: 0; width: 160px; border: 1px solid #e5e5e5; } 
/* .bbs-st1 .board-list > li .img-wrap { flex-shrink: 0; width: 160px; height: 226px; } */
.bbs-st1 .board-list > li .img-wrap img { width: 100%; object-fit: cover; height: 100%; } 
.bbs-st1 .board-list > li .txt-wrap { display: flex; flex-direction: column; } 
.bbs-st1 .board-list > li .txt-wrap .tit { font-size: 2.0rem; color: #333; font-weight: 600; line-height: 1.3; padding: 3px; } 
.bbs-st1 .board-list > li .txt-wrap .txt-info { display: flex; flex-direction: column; gap: 15px; } 
.bbs-st1 .board-list > li .txt-wrap .txt-info .top-txt { display: flex; gap: 20px; } 
.bbs-st1 .board-list > li .txt-wrap .txt-info .top-txt > li { display: flex; gap: 17px; } 
.bbs-st1 .board-list > li .txt-wrap .txt-info .top-txt > li > em { position: relative; color: #555; font-weight: 500; flex-shrink: 0; } 
.bbs-st1 .board-list > li .txt-wrap .txt-info .top-txt > li > em:after { content: ""; position: absolute; top: 8px; right: -9px; width: 1px; height: 10px; background-color: var(--bd-color); } 
.bbs-st1 .board-list > li .txt-wrap .txt-info .top-txt > li > span { color: #666; font-weight: 400; word-break: keep-all; } 
.bbs-st1 .board-list > li .txt-wrap .txt-info .mid-txt { display: flex; gap: 20px; } 
.bbs-st1 .board-list > li .txt-wrap .txt-info .mid-txt > li > span { color: #666; font-weight: 400; } 
.date { padding-left: 25px; background-size: 14px; background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.0625 1.40328L10.3092 1.4033V0.46886C10.3092 0.209815 10.0995 0 9.84047 0C9.58148 0 9.37172 0.209815 9.37172 0.46886V1.40306H5.62172V0.46886C5.62172 0.209815 5.41195 0 5.15297 0C4.89398 0 4.68422 0.209815 4.68422 0.46886V1.40306H0.9375C0.419766 1.40306 0 1.82293 0 2.34078V14.0623C0 14.5801 0.419766 15 0.9375 15H14.0625C14.5802 15 15 14.5801 15 14.0623V2.34078C15 1.82315 14.5802 1.40328 14.0625 1.40328ZM14.0625 14.0623H0.9375V2.34078H4.68422V2.81316C4.68422 3.07219 4.89398 3.28202 5.15297 3.28202C5.41195 3.28202 5.62172 3.07219 5.62172 2.81316V2.34102H9.37172V2.81339C9.37172 3.07244 9.58148 3.28225 9.84047 3.28225C10.0995 3.28225 10.3092 3.07244 10.3092 2.81339V2.34102H14.0625V14.0623ZM10.7812 7.49846H11.7188C11.9775 7.49846 12.1875 7.28841 12.1875 7.0296V6.09188C12.1875 5.83307 11.9775 5.62302 11.7188 5.62302H10.7812C10.5225 5.62302 10.3125 5.83307 10.3125 6.09188V7.0296C10.3125 7.28841 10.5225 7.49846 10.7812 7.49846ZM10.7812 11.2491H11.7188C11.9775 11.2491 12.1875 11.0393 12.1875 10.7802V9.84253C12.1875 9.58372 11.9775 9.37367 11.7188 9.37367H10.7812C10.5225 9.37367 10.3125 9.58372 10.3125 9.84253V10.7802C10.3125 11.0395 10.5225 11.2491 10.7812 11.2491ZM7.96875 9.37367H7.03125C6.7725 9.37367 6.5625 9.58372 6.5625 9.84253V10.7802C6.5625 11.0393 6.7725 11.2491 7.03125 11.2491H7.96875C8.2275 11.2491 8.4375 11.0393 8.4375 10.7802V9.84253C8.4375 9.58395 8.2275 9.37367 7.96875 9.37367ZM7.96875 5.62302H7.03125C6.7725 5.62302 6.5625 5.83307 6.5625 6.09188V7.0296C6.5625 7.28841 6.7725 7.49846 7.03125 7.49846H7.96875C8.2275 7.49846 8.4375 7.28841 8.4375 7.0296V6.09188C8.4375 5.83284 8.2275 5.62302 7.96875 5.62302ZM4.21875 5.62302H3.28125C3.0225 5.62302 2.8125 5.83307 2.8125 6.09188V7.0296C2.8125 7.28841 3.0225 7.49846 3.28125 7.49846H4.21875C4.4775 7.49846 4.6875 7.28841 4.6875 7.0296V6.09188C4.6875 5.83284 4.4775 5.62302 4.21875 5.62302ZM4.21875 9.37367H3.28125C3.0225 9.37367 2.8125 9.58372 2.8125 9.84253V10.7802C2.8125 11.0393 3.0225 11.2491 3.28125 11.2491H4.21875C4.4775 11.2491 4.6875 11.0393 4.6875 10.7802V9.84253C4.6875 9.58395 4.4775 9.37367 4.21875 9.37367Z' fill='%23777777'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center left; } 
.view { padding-left: 25px; background-position: center left; background-image: url("data:image/svg+xml,%3Csvg width='17' height='13' viewBox='0 0 17 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.0375597 6.27696C1.21649 2.88796 4.58881 0.5 8.5 0.5C12.4116 0.5 15.779 2.88822 16.9621 6.27165C17.0125 6.41578 17.0126 6.57422 16.9625 6.71846C15.7909 10.0913 12.4527 12.466 8.57295 12.4954C8.54903 12.4984 8.52468 12.5 8.5 12.5C4.58881 12.5 1.21649 10.112 0.0375597 6.72304C-0.0125199 6.57907 -0.0125199 6.42093 0.0375597 6.27696ZM8.43156 11.2094C8.45403 11.2067 8.47686 11.2054 8.5 11.2054C11.8723 11.2054 14.6846 9.20877 15.737 6.49642C14.6809 3.79027 11.8714 1.79032 8.5 1.79032C5.12802 1.79032 2.31527 3.79077 1.26288 6.5C2.30815 9.19088 5.09 11.1825 8.43156 11.2094ZM8.5 4.82688C7.62621 4.82688 6.92021 5.57459 6.92021 6.5C6.92021 7.42541 7.62621 8.17312 8.5 8.17312C9.37379 8.17312 10.0798 7.42541 10.0798 6.5C10.0798 5.57811 9.37305 4.82688 8.5 4.82688ZM5.70186 6.5C5.70186 4.86197 6.95334 3.53656 8.5 3.53656C10.0474 3.53656 11.2981 4.86705 11.2981 6.5C11.2981 8.13803 10.0467 9.46344 8.5 9.46344C6.95334 9.46344 5.70186 8.13803 5.70186 6.5Z' fill='%23777777'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; } 
.bbs-st1 .board-list > li > .txt-wrap { color: #555; font-weight: 400; line-height: 24px; } 
.down-btn { display: flex; gap: 10px; flex-wrap: wrap; list-style: none !important; } 
.down-btn > li a { display: block; color: #444; font-weight: 500; padding: 7px 14px; line-height: normal; background-color: var(--point-light); border-radius: 6px; word-break: keep-all; } 
.down-btn2 { display: inline-block; color: var(--point-color); padding: 7px 14px; border: 1px solid var(--point-color); } 
.down-btn2 > i { display: inline-block; width: 13px; height: 13px; margin-right: 10px; background-size: contain; background-repeat: no-repeat; background-image: 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 72.47 75'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23156A89; 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"); } 
/* 게시물 없을 때 */
.bbs-st1 .board-list > .no-list { display: flex; width: 100%; text-align: center; min-height: 300px; align-items: center; justify-content: center; } 
/* pagination */
.pagination { display: flex; justify-content: center; flex-wrap: wrap; margin-top: 40px; } 
.pagination.low { margin-top: 20px; } 
.pagination a { flex-shrink: 0; display: block; width: 30px; height: 30px; line-height: 30px; margin: 2px; padding: 0 6px; font-size: 1.7rem; font-weight: 500; color: #666; text-align: center; } 
.pagination a.arr { font-size: 0; background-position: center; background-repeat: no-repeat; background-size: auto 12px; } 
.pagination a.first-page { background-image: 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 35.72 36.34'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23666; stroke-linecap: round; stroke-linejoin: round; stroke-width: 4px; %7D %3C/style%3E%3C/defs%3E%3Cpolyline class='cls-1' points='33.72 34.34 17.55 18.17 33.72 2'/%3E%3Cpolyline class='cls-1' points='18.17 34.34 2 18.17 18.17 2'/%3E%3C/svg%3E"); } 
.pagination a.last-page { background-image: 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 35.72 36.34'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23666; stroke-linecap: round; stroke-linejoin: round; stroke-width: 4px; %7D %3C/style%3E%3C/defs%3E%3Cpolyline class='cls-1' points='2 2 18.17 18.17 2 34.34'/%3E%3Cpolyline class='cls-1' points='17.55 2 33.72 18.17 17.55 34.34'/%3E%3C/svg%3E"); } 
.pagination a.prev-page { margin-right: 5px; background-image: 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 20.17 36.34'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23666; stroke-linecap: round; stroke-linejoin: round; stroke-width: 4px; %7D %3C/style%3E%3C/defs%3E%3Cpolyline class='cls-1' points='18.17 34.34 2 18.17 18.17 2'/%3E%3C/svg%3E"); } 
.pagination a.next-page { margin-left: 5px; background-image: 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 20.17 36.34'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23666; stroke-linecap: round; stroke-linejoin: round; stroke-width: 4px; %7D %3C/style%3E%3C/defs%3E%3Cpolyline class='cls-1' points='2 2 18.17 18.17 2 34.34'/%3E%3C/svg%3E"); } 
.pagination a.active { color: var(--point-color); text-decoration: underline; } 
@media only screen and (max-width: 1023px) { /* .bbs-st1 .board-list > li .img-wrap { width: 140px; height: auto; } */
 .bbs-st1 .board-list > li .img-wrap { width: 140px; height: 194px; } 
 }
@media only screen and (max-width: 767px){
 .search-box-wrap { margin-bottom: 30px; flex-wrap: wrap; } 
 .search-box-wrap .option { width: 100%; } 
 .bbs-st1 .board-list > li { padding: 20px 0; gap: 20px; } 
 .bbs-st1 .board-list > li:first-child { padding-top: 30px; } 

 .bbs-st1 .board-list > li .txt-wrap .tit { font-size: 17px; -webkit-line-clamp: 2; } 
 .bbs-st1 .board-list > li .txt-wrap .txt-info { gap: 0; } 
 .bbs-st1 .board-list > li > .txt-wrap p { display: none; } 
 .bbs-st1 .board-list > li .down-btn { gap: 5px; margin-top: 10px; } 
 }
@media only screen and (max-width: 460px){
 .bbs-st1 .board-list > li .img-wrap { width: 80px; height: 116px; } 
 .bbs-st1 .board-list > li .txt-wrap .txt-info .top-txt { display: block; margin-top: 10px; } 
 .pagination a.arr { padding: 0; width: 20px; } 
 .bbs-st1 .board-list > .no-list { min-height: 200px; } 
 }
/* 상세검색 팝업 */
.popup-wrap { display: none; position: fixed; top: 0; left: 0; z-index: 999; width: 100%; height: 100%; background: rgba(0,0,0,0.3); } 
.popup-wrap.active { display: block; } 
.popup-wrap .popup-box { position: absolute; top: 50%; left: 50%; max-width: 1100px; width: 90%; background: #fff; transform: translate(-50%, -50%); overflow-y: auto; max-height: 90vh; } 
.popup-wrap .popup-box.box500 { max-width: 500px; } 
.popup-wrap .popup-box.box800 { max-width: 800px; } 
.popup-box .popup-title { padding: 50px 40px 0 40px; text-align: left; padding-bottom: 0; } 
.popup-box .popup-title > .tit { position: absolute; top: 25px; display: inline-block; line-height: 1.3; font-weight: 600; font-size: 2.2rem; background: #fff; padding: 10px 20px 10px 0; z-index: 1; } 
.popup-box .popup-title > p { display: block; line-height: 2.2rem; margin-top: 5px; font-weight: 300; font-size: 1.5rem; color: #777; } 
.popup-box .popup-title .inp-flex { border-bottom: 1px solid var(--gray-e5); border-top: 1px solid var(--gray-e5); background: #f9f9f9; padding: 20px; } 
.popup-box .popup-cont { padding: 0 40px 40px; } 
.popup-box .popup-btn { display: flex; } 
.popup-box .popup-btn .btn { display: block; width: 100%; height: 59px; line-height: 59px; text-align: center; } 

.sch-opt { display: flex; flex-direction: column; gap: 20px; padding-top: 40px; border-top: 1px solid var(--bd-color); } 
.sch-box { display: flex; align-items: center; } 
.sch-box2 { align-items: baseline; } 
.sch-box-flex { display: flex; align-items: center; margin: 0 -10px; } 
.sch-box-flex .sch-box { width: 50%; padding: 0 10px; } 
.sch-box .tit { position: relative; flex-shrink: 0; width: 120px; /*line-height: 45px; */ font-weight: 600; font-size: 15px; color: #555; padding-left: 12px; } 
.sch-box .tit::before { content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 4px; height: 4px; background: var(--point-color); } 
.sch-box .inp-flex { width: 100%; } 
.sch-box .inp-flex select { min-width: 120px; } 
.sch-box .inp-flex input[type="text"] { width: 100%; } 
.sch-box .inp-flex input[type="date"] { width: 100%; } 
.sch-box .inp-flex.inp-flex-date input { width: calc(50% - 9.5px); } 
.flex-cloumn { display: flex; flex-direction: column; gap: 10px; width: calc(100% - 120px); } 
.checklist-st1.btn { gap: 10px; } 
.checklist-st1.btn li { position:relative; } 
.checklist-st1.btn li > input[type=radio] { position: absolute; display: inline-block; width: 100%; height: 32px; -webkit-appearance: none; border-radius: 0; } 
.checklist-st1.btn li > input[type=radio]+label { display: inline-block; cursor: pointer; font-size: 15px; text-align: center; font-weight: 400; padding: 4px 10px; white-space: nowrap; } 
.checklist-st1.btn li > input[type=radio]+label { border: 1px solid var(--point-color); color: var(--point-color); } 
.checklist-st1.btn li > input[type=radio]:checked+label { background-color: var(--point-color); color: #fff; } 
@media only screen and (max-width: 1023px){
 .sch-box-flex { flex-direction: column; gap: 20px; margin: 0; } 
.sch-box-flex .sch-box { width: 100%; padding: 0; } 
 }
@media only screen and (max-width: 767px){
 .sch-box { flex-direction: column; align-items: baseline; gap: 5px; } 
 .sch-box-flex { gap: 10px; } 
 .flex-cloumn { width: 100%; } 
.sch-box .inp-flex select { width: 100%; } 
.sch-box .inp-flex button { width: 100%; } 
.sch-box .inp-flex input { width: 100%; } 
.popup-box { padding: 40px 30px; } 
.popup-box .popup-title { padding: 0; } 
.popup-box .popup-cont { padding: 0; } 
 }
 @media only screen and (max-width: 400px){
 .sch-box .inp-flex { flex-direction: column; align-items: baseline; } 
 .sch-box .inp-flex.inp-flex-date input { width: 100%; } 
 }
 
/****** 게시판 상세 ******/ 
/* 공통 타이틀 */
.bbs-tit { position: absolute; top: -21px; display: block; padding: 10px 12px 10px 0; font-size: 1.8rem; color: #555; font-weight: 600; background: #fff; line-height: normal; } 
.bbs-view { border-top: 1px solid var(--bd-color); } 
.bbs-view2 { display: flex; padding-bottom: 40px; } 
.bbs-view2 .lf { flex: 0 0 230px; width: 200px; margin-right: 40px; } 
.bbs-view2 .lf .img-wrap { position: relative; padding-top: 40px; width: 200px; } 
.bbs-view2 .lf .img-wrap img { width: 100%; height: 100%; object-fit: cover; border: 1px solid #e5e5e5; } 
.bbs-view2 .rg { width: calc(100% - 240px); } 
.bbs-view .bbs-header { display: flex; gap: 40px; padding: 40px 0; border-bottom: 1px solid var(--bd-color); } 
.bbs-view .bbs-header .img-wrap { width: 208px; height: 294px; flex-shrink: 0; } 
.bbs-view .bbs-header .img-wrap img { width: 100%; height: 100%; object-fit: cover; } 
.bbs-view .bbs-header .txt-wrap { width: 100%; } 
.bbs-view .bbs-header .txt-wrap .tit { font-size: 3.0rem; font-weight: 600; line-height: 1.3; color: var(--main-color); margin-bottom: 20px; word-break: keep-all; } 
.bbs-view .bbs-header .txt-wrap .top-txt { display: flex; gap: 20px; } 
.bbs-view .bbs-header .txt-wrap .top-txt span { color: #666; font-weight: 400; line-height: normal; } 
.bbs-view .bbs-header .txt-wrap .mid-txt { display: flex; flex-wrap: wrap; gap: 10px 0; } 
.bbs-view .bbs-header .txt-wrap .mid-txt > li { flex: 1 1 50%; display: flex; gap: 17px; } 
.bbs-view .bbs-header .txt-wrap .mid-txt > li > em { position: relative; color: #666; font-weight: 500; flex-shrink: 0; } 
.bbs-view .bbs-header .txt-wrap .mid-txt > li > em::after { content: ""; position: absolute; top: 6px; right: -9px; width: 1px; height: 10px; background: var(--bd-color); } 
.bbs-view .bbs-header .txt-wrap .mid-txt > li > span { color: #666; font-weight: 400; letter-spacing: 0; } 
.bbs-view .bbs-header .txt-wrap .bott-txt { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: end; gap: 10px; } 
.bbs-view .bbs-header .txt-wrap .bott-txt .keyword { display: flex; gap: 20px; } 
.bbs-view .bbs-header .txt-wrap .bott-txt .keyword > li > span { position: relative; color: #444; font-weight: 400; white-space: nowrap; } 
.bbs-view .bbs-header .txt-wrap .bott-txt .keyword > li > span::before { content: "#"; margin-right: 4px; } 
.bbs-view .bbs-header .txt-wrap .bott-txt .keyword > li > span::after { content: ""; position: absolute; bottom: 0; left: -3px; width: 112%; height: 9px; background-color: var(--point-light); z-index: -1; } 
.bbs-view .bbs-cont { padding: 30px 30px 40px; } 
.bbs-view .bbs-cont a:focus {outline: 2px dotted #222;}
.bbs-view .bbs-cont > ul { list-style: disc; padding-left: 20px; } 
.bbs-view .bbs-cont .down-btn { margin-bottom: 30px; } 
.bbs-view .bbs-cont h2 { font-weight: 600; margin: 2rem 0; color: #516F7A; } 
.bbs-view .bbs-cont h3 { font-weight: 600; margin: 24px 0 12px; } 
.bbs-view .bbs-cont p { font-family: "Pretendard" !important; font-weight: 400; line-height: 1.8 !important; color:rgb(102, 102, 102) !important; margin-bottom: 20px; font-size: 18px; word-break: keep-all; } 
.bbs-view .bbs-cont p > .btn { display: inline-block; color: #fff; border-radius: 0.5rem; padding: 10px; word-break: keep-all; background: var(--point-color); line-height: 1.3; } 
/* .bbs-view .bbs-cont p > .btn { display: block; color: #fff; border-radius: 0.5rem; padding: 10px; word-break: keep-all; background: var(--point-color); } */
.bbs-view .bbs-cont p + p { margin-top: 1rem; } 
/* .bbs-view .bbs-cont.infograph p:has(> img) { display: flex; justify-content: center; } */
.bbs-view .bbs-cont.infograph p:has(> img) { margin-top: 30px; } 
.bbs-view .bbs-cont p img { border: 1px solid #e5e5e5; /* max-width: 800px; */ } 
.bbs-view .bbs-cont img { width: 100%; height: 100%; object-fit: cover; } 

@media only screen and (max-width: 1023px){
 .bbs-view .bbs-cont img { width: 100% !important; height: 100% !important; object-fit: cover !important; } 
 }
@media only screen and (max-width: 767px){
 .bbs-view .bbs-cont > * { font-size: 20px; } 
 .bbs-view .bbs-cont p { font-size: 20px; } 
 }
/* 상세 리스트 다운로드 */
.bbs-view .bbs-cont p > .num { margin-right: 10px; font-size: 18px; color: #555; font-weight: 500 } 
.bbs-view .bbs-cont p > .num::after { content: "."; margin-left: 2px; } 
.bbs-view .bbs-cont .num-list > li > p { font-weight: 500; } 
.bbs-view .bbs-cont .num-list > li:last-child > .down-btn2 { margin-bottom: 0; } 
/* // 상세 리스트 다운로드 */
.bbs-view .bbs-link { position: relative; padding: 40px 0; border-top: 1px solid var(--bd-color); } 
.bbs-view .bbs-link > ul { display: flex; gap: 10px; flex-wrap: wrap; } 
.bbs-view .bbs-link > ul > li a { display: block; padding: 7px 14px; border-radius: 6px; background-color: var(--point-light); } 
.bbs-view .bbs-related { position: relative; padding: 40px 0; border-top: 1px solid var(--bd-color); } 
.report-list { display: flex; gap: 30px; flex-wrap: wrap; } 
.report-list > li { flex: 1 1 30%; display: flex; gap: 20px; } 
.report-list > li > .img-wrap { flex-shrink: 0; width: 100px; height: auto; } 
.report-list > li > .img-wrap img { width: 100%; object-fit: cover; border: 1px solid #e5e5e5; } 
.report-list > li > .txt-wrap { display: flex; flex-direction: column; height: 100%; justify-content: space-between; } 
.report-list > li > .txt-wrap > .cate { font-size: 15px; font-weight: 500; color: var(--point-color); } 
.report-list > li > .txt-wrap > .tit { font-size: 1.7rem; font-weight: 600; color: #444; } 
.report-list > li > .txt-wrap > .author { font-size: 15px; color: #666; } 
.report-list > li > .txt-wrap > p > span { font-size: 15px; color: #666; } 
.bbs-popular { position: relative; padding: 40px 0; border-top: 1px solid var(--bd-color); } 
.bbs-media { position: relative; padding: 40px 0; border-top: 1px solid var(--bd-color); } 
.bbs-media .report-list > li { flex: 1 1 calc(50% - 15px); } 
.bbs-media .report-list > li > .img-wrap { width: 200px; } 
.bbs-media .report-list > li > .img-wrap.square { width: 100px; } 
.bbs-foot { padding-top: 5rem; border-top: 1px solid var(--bd-color); } 
.bbs-foot .btn-wrap { margin-top: 40px; border-top: 1px solid var(--bd-color); border-bottom: 1px solid var(--bd-color); } 
.bbs-foot .btn-wrap li { } 
.bbs-foot .btn-wrap li + li { border-top: 1px solid var(--gray-e5); } 
.bbs-foot .btn-wrap li a { display: flex; gap: 30px; padding: 18px; } 
.bbs-foot .btn-wrap li a strong { flex-shrink: 0; position: relative; line-height: 1.5; padding-right: 40px; font-weight: 400; color: #555; background-repeat: no-repeat; background-size: auto 5px; background-position: right center; } 
.bbs-foot .btn-wrap li.prev-btn a strong { background-image: url("data:image/svg+xml,%3Csvg width='9' height='6' viewBox='0 0 9 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.33 5.16347e-08L8.66 6L0 6L4.33 5.16347e-08Z' fill='%23333333'/%3E%3C/svg%3E%0A"); } 
.bbs-foot .btn-wrap li.next-btn a strong { background-image: url("data:image/svg+xml,%3Csvg width='9' height='6' viewBox='0 0 9 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.67 6L0.34 -3.78541e-07L9 0L4.67 6Z' fill='%23333333'/%3E%3C/svg%3E%0A"); } 
.bbs-foot .btn-wrap li a span { position: relative; line-height: 1.5; padding-left: 20px; color: #333; } 
.bbs-foot .btn-wrap li a span::before { content:""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 11px; background: var(--gray-e5); } 
.bbs-foot .go-list-btn { display: flex; align-items: center; justify-content: center; width: 80px; height: 80px; background: var(--main-color); } 
@media only screen and (max-width: 767px){
 .bbs-header .tit strong { font-size: 20px; } 
 .bbs-cont { padding: 25px 0 40px; } 
 .bbs-foot { margin-top: 3rem; } 
 .bbs-foot .btn-wrap li a { gap: 15px; padding: 15px; } 
 .bbs-foot .btn-wrap li a strong { padding-right: 0; } 
 .bbs-foot .btn-wrap li.prev-btn a strong { background: none; } 
 .bbs-foot .btn-wrap li.next-btn a strong { background: none; } 
 .bbs-foot .btn-wrap li a span { padding-left: 15px; } 
 .bbs-foot .btn-wrap li a span::before { height: 12px; } 
 }

@media only screen and (max-width: 1023px){
 .bbs-view .bbs-header { padding: 30px 0; } 
.bbs-view .bbs-header .img-wrap { width: 160px; height: 226px; } 
.bbs-view .bbs-header .txt-wrap .tit { font-size: 2.3rem; margin-bottom: 10px; } 
.bbs-view .bbs-header .txt-wrap .top-txt { margin-bottom: 10px; } 
.bbs-view .bbs-header .txt-wrap .mid-txt { gap: 5px 0; } 
.bbs-view2 .lf .img-wrap { padding-top: 30px; } 
.bbs-view .bbs-cont .down-btn { margin-bottom: 20px; } 
.bbs-view .bbs-cont { margin-bottom: 40px; } 
.bbs-view .bbs-link { padding: 30px 0; } 
.bbs-view .bbs-related { padding: 30px 0; } 
.bbs-view .bbs-popular { padding: 30px 0; } 
 }
 @media only screen and (max-width: 900px){
 .report-list > li { flex: auto; width: calc(50% - 30px); } 
 }
 @media only screen and (max-width: 767px){
 .bbs-view2 { flex-direction: column; } 
.bbs-view2 .lf { display: flex; flex-direction: column; align-items: center; width: 100%; margin-right: 0; } 
.bbs-view2 .rg { width:100%; } 
 .bbs-view .bbs-header { gap: 30px; } 
 .bbs-view .bbs-header .img-wrap { width: 100px; height: 141px; flex-shrink: 0; } 
 .bbs-view .bbs-header .txt-wrap .mid-txt { margin-bottom: 10px; gap: 6px 20px; } 
 .bbs-view .bbs-header .txt-wrap .mid-txt > li { flex: unset; } 
 .bbs-view .bbs-header .txt-wrap .bott-txt .keyword { flex-wrap: wrap; } 
 .bbs-view .bbs-cont { padding: 30px 0; } 
 .report-list { gap: 20px; } 
 .report-list > li { width: 100%; } 
.report-list > li > .img-wrap { width: 80px; } 
 }
 @media only screen and (max-width: 460px){
 .bbs-view .bbs-header .img-wrap { display: none; } 
.bbs-view .bbs-header .txt-wrap .mid-txt { gap: 5px; } 
.bbs-view .bbs-header .txt-wrap .mid-txt > li { flex: 1 1 50%; } 
.bbs-view .bbs-header .txt-wrap .bott-txt .keyword { gap: 10px 20px; } 
 }

/* 시민의 소리 */

/* 비밀번호 입력 폼 */
.pw-form-wrap { display: flex; flex-direction: column; align-items: center; width: 100%; max-width: 600px; height: 100%; padding: 50px; margin: 0 auto; background-color: #F3F7F9; border-radius: 20px; } 
.pw-form-wrap .form-top { display: flex; flex-direction: column; align-items: center; gap: 30px; } 
.pw-form-wrap .form-top > .tit { font-size: 1.8rem; font-weight: 600; color: var(--main-color); } 
.pw-form-wrap .form-top > img { width: 83px; } 
.pw-form-wrap .form-top > p { text-align: center; word-break: keep-all; } 
.pw-form-wrap > input { width: 50%; } 
@media only screen and (max-width: 767px){
 .pw-form-wrap { max-width: 100%; } 
 }
@media only screen and (max-width: 530px){
 .pw-form-wrap { padding: 40px; } 
.pw-form-wrap > input { width: 100%; } 
.pw-form-wrap .form-top > .tit { font-size: 17px; } 
 }
/* 답글 */
.bbs-answer { padding: 30px; background-color: #F3F7F9; border-radius: 20px; } 
.bbs-answer > .tit { display: block; font-size: 1.8rem; color: var(--point-color); font-weight: 600; } 
/* 등록폼 */
.form-wrap1 .title { display: flex; justify-content: space-between; align-items: baseline; padding: 20px 0; border-bottom: 2px solid #444; } 
.form-wrap1 .title strong { font-size: 2.4rem; color: #222; } 
.form-wrap1 .title .esn { font-size: 14px; color: #555; } 
.form-wrap1 .title .esn b { color: var(--red1); } 
.form-wrap1 .form-frame { padding: 20px 0; } 
.form-wrap1 .form-frame .form-group { display: flex; padding: 1rem 0; } 
.form-wrap1 .form-frame .form-group .label { flex-shrink: 0; width: 10rem; padding-top: 1.2rem; font-weight: 600; word-break: keep-all; } 
.form-wrap1 .form-frame .form-group .col { flex-grow: 1; flex-basis: 0; max-width: 100%; } 
.form-wrap1 .form-frame .form-group .check-col > * { padding-top: 10px; } 
.form-wrap1 .form-frame .form-group .col textarea.inp-st1 { height: 200px; } 
@media only screen and (max-width: 767px){
 .form-wrap1 .form-frame { padding: 10px 0; } 
 .form-wrap1 .form-frame .form-group { flex-direction: column; } 
.form-wrap1 .form-frame .form-group .label { padding-bottom: 1.2rem; } 
.form-wrap1 .form-frame .form-group .label br { display: none; } 
 }
/* 폼- agree-box */
.agree-box { padding: 30px; background-color: #F3F7F9; border-radius: 20px; } 
.agree-box > .checkbox > em { font-size: 1.8rem; } 

.agree-box > .tit { display: block; font-weight: 600; } 
/* 폼- 상세 */
.form-view { } 
.form-view .title { display: flex; justify-content: space-between; align-items: baseline; padding: 20px 0; } 
.form-view .title strong { font-size: 2.4rem; color: #222; } 

/* 일반 게시판- 조직도 상세페이지 */
.bbs-list2 { position: relative; } 
.bbs-list2 .tit { font-size: 2rem; font-weight: 600; color: var(--main-color); } 
.bbs-list2 .tit:not(:first-child) { margin-top: 3rem; } 
.table-st1 { width: 100%; padding-top: 20px; border-collapse: collapse; border-top: 2px solid #555; } 
.table-st1 thead { border-bottom: 1px solid var(--gray-e5); } 
.table-st1 thead th { position: relative; padding: 15px 10px; font-weight: 600; } 
.table-st1 tbody tr td { position: relative; border-bottom: 1px solid var(--gray-e5); } 
.table-st1 tbody tr:hover { background: #f9f9f9; } 
/* .table-st1 tbody tr:hover { background: #f9f9f9; border-bottom: 1px solid var(--gray-e5); } */
.table-st1 tbody td { line-height: 1.4; padding: 15px 10px; font-weight: 500; font-size: 15px; color: #444; text-align: center; } 
.table-st1 tbody td[data-content="연구분야"] { word-break: keep-all; } 
.table-st1 tbody .title { text-align: left; } 
.table-st1 tbody .title .tit { display: flex; align-items: center; gap: 5px; } 
/* .table-st1 tbody .title .tit .txt-over1 { max-width: calc(100% - 50px); } */
.table-st1 tbody tr:hover > td { font-weight: 500; color: var(--main-color); } 
/* .table-st1 tbody tr:hover { position: relative; box-shadow: inset 0 -1px 0 0 var(--gray-e5); font-weight: 500; color: var(--main-color); } */
.table-st1 tbody tr.top-fix td a { font-weight: 600; color: #444; } 
.table-st1 tbody tr.top-fix .num-fix { padding: 5px 10px; font-size: 14px; color: var(--main-color); background: #fff; border: 1px solid var(--main-color); border-radius: 50px; } 
.table-st1 tbody .icn-file { position: relative; } 
.table-st1 tbody .icn-file img { width: 12px; vertical-align: middle; } 
.table-st1 tbody tr.no-list td { line-height: 100px; } 
.table-st1 .date { background-size: 0; } 
.table-st1 .view { background-size: 0; } 

@media only screen and (max-width: 767px){
 .table-st1 colgroup,
 .table-st1 thead { display: none; } 
 .table-st1 tbody tr { position: relative; display: block; padding: 10px 10px 10px 10px; border-bottom: 1px solid var(--gray-e5); } 
 .table-st1 tbody tr td { border-bottom: 0; } 
 .table-st1 tbody td { position: relative; display: flex; padding: 0; text-align: left; margin: .5rem 0; word-break: keep-all; } 
 .table-st1 tbody tr:hover > td { background-color: transparent; } 
 .table-st1 tbody .title .tit { width: 100%; font-size: 18px; font-weight: 500; } 
 .table-st1 tbody .title .tit .txt-over1 { -webkit-line-clamp: 2; } 
/* .table-st1 tbody tr:not(.no-list) td[data-content="직급"] { position: absolute; top: 50%; left: 10px; transform: translateY(-50%); width: 50px; word-break: keep-all; } */
 .table-st1 tbody tr:not(.no-list) td::before { color: #666; width: 9rem; flex-shrink: 0; } 
/* .table-st1 tbody tr:not(.no-list) td * { position: relative; } */
 .table-st1 tbody tr td:not([data-content="제목"]) > span { color:#666; font-weight: 400; } 
 .table-st1 tbody tr:not(.no-list) td[data-content="첨부"] { margin-top: 10px; } 
/* .table-st1 tbody tr:not(.no-list) td *::after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: -20px; width: 1px; height: 10px; background:#ccc; } */
/* .table-st1 tbody tr:not(.no-list) td[data-content="권호LIST"]::before { content: "권호"; padding-right: 10px; } */
/* .table-st1 tbody tr:not(.no-list) td[data-content="제목"]::before { content: "제목"; padding-right: 10px; } */
/* .table-st1 tbody tr:not(.no-list) td.date::before { content: "날짜"; padding-right: 10px; padding-left: 0; background: none; } */
/* .table-st1 tbody tr:not(.no-list) td[data-content="첨부"]::before { content: "첨부"; padding-right: 10px; } */
 .table-st1 tbody tr:not(.no-list) td[data-content="직급"]::before { content: "직급"; padding-right: 10px; } 
 .table-st1 tbody tr:not(.no-list) td[data-content="이름"]::before { content: "이름"; padding-right: 10px; } 
 .table-st1 tbody tr:not(.no-list) td[data-content="연락처"]::before { content: "연락처"; padding-right: 10px; } 
 .table-st1 tbody tr:not(.no-list) td[data-content="연구분야"]::before { content: "연구분야"; padding-right: 10px; } 
 .table-st1 tbody tr:not(.no-list) td[data-content="이메일"]::before { content: "이메일"; padding-right: 10px; } 
 .table-st1 tbody td[data-content="제목"] { width: 100%; padding-bottom: 5px; } 
 .table-st1 tbody tr .icn-file::after { content:""; display: inline-block; width: 1px; height: 8px; margin: 0 10px; background: var(--gray-cc); vertical-align: middle; } 
 .table-st1 tbody td:last-child:after { display: none; } 
 .table-st1 tbody tr.top-fix .num-fix { padding: 0; border: none; } 
 .table-st1 tbody tr.no-list { justify-content: center; padding: 0; } 
 .table-st1 tbody tr:hover td { font-weight: 500; color: var(--main-color); } 
 .table-st1 .date { padding-left: 24px; background-size: 14px; } 
 .table-st1 .view { padding-left: 26px; background-size: 18px; } 
 .table-st1 tbody tr:hover { box-shadow: unset; } 
 }

.table-st2 { width: 100%; word-break: keep-all; border-top: 2px solid #444; } 
.table-st2 td { padding: 12px 20px; border-bottom: 1px solid var(--gray-e5); background: #fff; } 
.table-st2 tr td.bg { min-width: 130px; border-left: 0; font-weight: 500; line-height: 1.4; background: #f9f9f9; } 
.table-st2 .no-bord { border-bottom: 0; } 
/* .table-st2 input[type="text"] { max-width: 25rem; height: 36px; line-height: 36px; padding: 0 10px; border: 1px solid var(--gray-dd); transition: all 0.3s; } */
.table-st2 input[type="checkbox"] { width: auto; } 
.table-st2 input.full-input { width: 100%; } 
.table-st2 input::placeholder { font-size: 15px; } 
/* .table-st2 select { height: 36px; line-height: 36px; padding: 0 10px; border: 1px solid var(--gray-dd); } */
.table-st2 select[name=telFirst] { width: 15rem; } 
.table-st2 p { padding-top: 10px; line-height: 2.3rem; font-size: 15px; } 
.table-st2 div.flex { flex-wrap: wrap; } 
.table-st2 div.flex-align-center { flex-wrap: wrap; } 

@media only screen and (max-width:767px){
 .table-st2 tr td.bg { min-width: 100px; } 
 }

@media only screen and (max-width:450px){
 .table-st2 input { width: 100%; } 
 }
@media only screen and (max-width:390px){
 .table-st2 button[type=submit] { width: 100%; } 
 }



/* 갤러리 게시판 */
.bbs-st2 { position: relative; border-top: 1px solid var(--bd-color); padding-bottom: 10px; } 
.bbs-list-wrap2 { display: flex; flex-wrap: wrap; margin: 0 -20px; padding-top: 40px; } 
.bbs-list-wrap2 .gallery-item { width: 25%; margin-bottom: 30px; padding: 0 20px; } 
.bbs-list-wrap2.search .gallery-item { width: 33.3%; margin-bottom: 30px; padding: 0 20px; } 
.bbs-list-wrap2 .gallery-item a { display: block; } 
.bbs-list-wrap2 .gallery-item a .img-wrap { position: relative; width: 100%; height: 0; padding-bottom: 100%; background: var(--gray-f6); } 
.bbs-list-wrap2.video-st .gallery-item a .img-wrap { padding-bottom: 60%; } 
.bbs-list-wrap2 .gallery-item a .img-wrap img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } 
.bbs-list-wrap2 .gallery-item a .img-wrap .cont-num { position: absolute; display: inline-block; top: 10px; right: 10px; font-size: 14px; color: #fff; padding: 5px 8px; background: var(--main-color); border-radius: 5px; line-height: normal; } 
.bbs-list-wrap2 .gallery-item a .txt-wrap { padding-top: 30px; } 
.bbs-list-wrap2 .gallery-item a .txt-wrap .tit { height: 60px; margin-bottom: 20px; line-height: 1.4; font-weight: 600; font-size: 2.0rem; word-break: keep-all; } 
.bbs-list-wrap2 .gallery-item a .txt-wrap .tit > b { font-weight: inherit; color: var(--point-color); } 
.bbs-list-wrap2 .gallery-item a .txt-wrap .date { display: block; font-size: 14px; color: #666; padding-left: 22px; } 
.bbs-list-wrap2 .no-list { display: flex; justify-content: center; width: 100%; min-height: 150px; border-bottom: 1px solid var(--bd-color); align-items: center; } 
@media only screen and (max-width: 1023px){
 .bbs-list-wrap2 { margin: 0 -20px; } 
.bbs-list-wrap2 .gallery-item { width: 50%; margin-bottom: 30px; padding: 0 20px; } 
.bbs-list-wrap2.search .gallery-item { width: 50%; margin-bottom: 30px; padding: 0 20px; } 
.bbs-list-wrap2 .gallery-item a .txt-wrap { padding-top: 30px; } 
.bbs-list-wrap2 .gallery-item a .txt-wrap .tit { height: 48px; font-size: 1.8rem; margin-bottom: 15px; } 
 }
@media only screen and (max-width: 500px){
 .bbs-list-wrap2 .gallery-item { width: 100%; } 
 }
/* 자주묻는 질문 */
.bbs-list-wrap3 .faq-tit { font-size: 2rem; font-weight: 600; border-bottom: 2px solid var(--main-color); padding: 20px 0; } 
.bbs-list-wrap3 .faq-tit:not(:first-child) { margin-top: 30px; } 
.bbs-list-wrap3 .faq-item { border-bottom: 1px solid var(--gray-e5); } 
.bbs-list-wrap3 .faq-item .tit { position: relative; display: block; padding: 25px 30px 25px 70px; } 
.bbs-list-wrap3 .faq-item.on { border-bottom: none; } 
.bbs-list-wrap3 .faq-item.on .tit { color: var(--dark-sub); border-top: 1px solid var(--sub); background-color: var(--light-sub); } 
.bbs-list-wrap3 .faq-item .tit::before { content:"Q"; position: absolute; top: 50%; left: 20px; display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; font-weight: 600; font-size: 1.6rem; color: var(--point-color); background: var(--point-light); border-radius: 100%; transform: translateY(-50%); } 
.bbs-list-wrap3 .faq-item .tit::after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 30px; width: 5px; height: 2px; background-image: url("data:image/svg+xml,%3Csvg width='9' height='6' viewBox='0 0 9 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.67 6L0.34 -3.78541e-07L9 0L4.67 6Z' fill='%23444'/%3E%3C/svg%3E%0A"); width: 9px; height: 6px; transition: all .4s; } 
.bbs-list-wrap3 .faq-item.on .tit::after { transform: rotate(-180deg); } 
.bbs-list-wrap3 .faq-item .tit strong { line-height: 1.3; font-weight: 500; font-size: 1.8rem; } 
.bbs-list-wrap3 .faq-item .cont { display: none; } 
.bbs-list-wrap3 .faq-item .cont .txt { position: relative; padding: 30px 30px 30px 70px; line-height: 1.4; font-size: 1.7rem; background-color: #E8F1F49C; border-radius: 10px; } 
.bbs-list-wrap3 .faq-item .cont .txt::before { position: absolute; top: 30px; left: 24px; display: flex; justify-content: center; align-items: center; width: 38px; height: 38px; font-weight: 600; font-size: 16px; color: var(--dark-sub); } 
.bbs-list-wrap3 .faq-item .cont .txt > * { line-height: 1.4; font-size: 18px; } 
@media only screen and (max-width: 1023px){
 .bbs-list-wrap3 .faq-item .tit { padding: 30px 25px 30px 50px; } 
.bbs-list-wrap3 .faq-item .tit::before { left: 0; width: 35px; height: 35px; font-size: 14px; } 
.bbs-list-wrap3 .faq-item .tit::after { right: 10px; } 
.bbs-list-wrap3 .faq-item .tit strong { font-size: 1.8rem; } 
.bbs-list-wrap3 .faq-item .cont .txt { padding: 30px 25px 30px 50px; font-size: 16px; } 
.bbs-list-wrap3 .faq-item .cont .txt::before { left: 15px; width: 35px; height: 35px; font-size: 14px; } 
.bbs-list-wrap3 .faq-item .cont .txt > * { font-size: 16px; } 
 }
 @media only screen and (max-width: 767px){
 .bbs-list-wrap3 .faq-item .tit { padding: 22px 25px 22px 50px; } 
.bbs-list-wrap3 .faq-item .cont .txt { padding: 22px 25px 22px 50px; } 
 }

/* 테이블 리스트 */
.table-scroll-wrap > .table-guide { display: none; position: relative; align-items: center; justify-content: center; margin-bottom: 10px; font-weight: 500; font-size: 15px; color: #555; } 
.table-scroll-wrap > .table-guide > .icn { display: block; width: 20px; height: 15px; margin-right: 5px; 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.67 28'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: none; stroke: %23006a9c; stroke-linecap: round; stroke-linejoin: round; stroke-width: 4px; %7D %3C/style%3E%3C/defs%3E%3Cg%3E%3Cpath class='cls-1' d='M58.71,2l11.95,11.84-11.95,12.16'/%3E%3Cline class='cls-1' x1='42.53' y1='13.84' x2='70.67' y2='13.84'/%3E%3C/g%3E%3Cg%3E%3Cpath class='cls-1' d='M13.95,26L2,13.84,13.95,2'/%3E%3Cline class='cls-1' x1='30.14' y1='13.84' x2='2' y2='13.84'/%3E%3C/g%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: left center; background-size: 20px auto; margin-top: unset; } 
.bbs-list-wrap4 { width: 100%; border-collapse: collapse; border-top: 2px solid #444; overflow: scroll; } 
.bbs-list-wrap4 thead { border-bottom: 1px solid var(--bd-color); background-color: #f9f9f9; } 
.bbs-list-wrap4 thead th { padding: 15px; line-height: 1.2; font-weight: 600; color: #444; text-align: center; word-break: keep-all; } 
.bbs-list-wrap4 thead th:not(:last-child) { border-right: 1px solid var(--bd-color); } 
.bbs-list-wrap4 tbody tr { border-bottom: 1px solid var(--bd-color); } 
.bbs-list-wrap4 tbody tr td { padding: 15px; color:#555; text-align: center; background: #fff; word-break: keep-all; } 
.bbs-list-wrap4 tbody tr td > em { color: var(--point-color); font-weight: 500; } 
.bbs-list-wrap4 tbody tr td:not(:last-child) { border-right: 1px solid var(--bd-color); } 
.bbs-list-wrap4 tbody tr td.noList { padding: 25px 0; } 
.bbs-list-wrap4 tbody tr td a.txt-over1 { padding-bottom: 1px; } 
.bbs-list-wrap4 tbody tr td a.txt-over1:hover { text-decoration: underline; } 
.bbs-list-wrap4 tbody tr td a .icn-flex { display: flex; align-items: center; gap: 5px; } 
.bbs-list-wrap4 tbody tr td .icn-file { width: 20px; height: 15px; margin: 0 auto; background-size: auto 15px; } 
.bbs-list-wrap4 tbody tr td .icn-secret { width: 20px; height: 15px; background-size: auto 15px; } 
.bbs-list-wrap4 tbody tr td .icn-fixnotice { width: 16px; height: 16px; margin: 0 auto; } 
.bbs-list-wrap4 tbody tr td .new { display: inline-block; width: 20px; height: 20px; line-height: 22px; margin-left: 4px; font-size: 12px; color: #fff; text-align: center; background: var(--sub); border-radius: 100%; vertical-align: middle; } 
@media only screen and (max-width: 767px){
 .table-scroll-wrap > .table-guide { display: flex; } 
 .bbs-list-wrap4 colgroup { display: none; } 
 }

/* 소개 */
/********* 원장 인사말 *********/
.intro-tit { position: relative; width: 700px; margin: 0 auto; text-align: center; padding: 25px 10px; border: 1px solid var(--bd-color); margin-bottom: 50px; } 
.intro-tit::after { content: ""; position: absolute; left: 15px; top: -25px; width: 53px; height: 53px; background-image: url(../img/content/sub04/bxs_quote-left.svg); } 
.intro-tit::before { content: ""; position: absolute; right: 15px; bottom: -25px; width: 53px; height: 53px; background-image: url(../img/content/sub04/bxs_quote-right.svg); } 
.intro-tit strong { color: #444; text-align: center; font-family: Pretendard; font-size: 2.2rem; font-weight: 600; line-height: 1.5; word-break: keep-all; } 
.intro-wrap { display: flex; gap: 40px; } 
.intro-wrap .txt-wrap { width: calc(100% - 438px); padding-top: 5px; } 
.intro-wrap .txt-wrap p { font-size: 1.8rem; line-height: 1.5; margin: 15px 0; color: #555; word-break: keep-all; } 
.intro-wrap .txt-wrap em { display: block; font-weight: 600; font-size: 1.8rem; } 
.intro-wrap .img-wrap { position: relative; width: 378px; height: 484px; margin-right: 20px; overflow: visible; } 
.intro-wrap .img-wrap::after { content:""; position: absolute; top: 20px; left: 20px; width: 100%; height: 100%; background: var(--point-light); } 
.intro-wrap .img-wrap img { position: relative; z-index: 1; width: 100%; height: 100%; object-position: top; object-fit: cover; overflow: hidden; box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 0.15); } 
@media only screen and (max-width: 1200px){
 .intro-wrap .txt-wrap { width: calc(100% - 410px); } 
 .intro-wrap .img-wrap { width: 350px; height: 440px; } 
 }
@media only screen and (max-width: 1023px){
 .intro-wrap { flex-direction: column; align-items: center; } 
 .intro-wrap .txt-wrap { width: 100%; } 
 .intro-wrap .img-wrap { width: 250px; height: 340px; } 
 }
@media only screen and (max-width: 767px){
 .intro-wrap { gap: 30px; } 
.intro-tit { width: 100%; margin-bottom: 40px; } 
.intro-tit::after { left: 25px; width: 40px; height: 40px; background-size: 40px; } 
.intro-tit::before { right: 25px; width: 40px; height: 40px; background-size: 40px; } 
.intro-tit strong { font-size: 2.0rem; } 
.intro-wrap .txt-wrap em { text-align: right; } 
.intro-wrap .txt-wrap p:first-child { margin-top: 0; } 
.intro-wrap .img-wrap { width: 200px; height: auto; margin-right: 10px; } 
.intro-wrap .img-wrap::after { top: 10px; left: 10px; } 
 }




/* 통합검색 */
.search-con { display: flex; justify-content: space-between; align-items: flex-start; } 
.search-con .search-wrap { display: flex; flex-direction: column; align-items: center; } 
.search-con .search-wrap .search-box { position: relative; width: 900px; display: flex; } 
.search-con .search-wrap .search-box > input { position: relative; padding: 0 20px; width:100%; border: 1px solid var(--bd-color); height: 50px; } 
/* .search-con .search-wrap .search-box > input { position: relative; padding: 0 20px; width:100%; border: 2px solid var(--main-color); } */
/* .search-con .search-wrap .search-box > button { display: inline-block; width: fit-content; font-size: 1.8rem; white-space: nowrap; height: 50px; padding: 0 25px; background-color: var(--main-color); font-weight: 500; color: #fff; } */
.search-con .search-wrap .search-box > button { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); } 
.search-con .search-wrap .search-box > button i { display: inline-block; width: 24px; height: 24px; background-position: center; background-repeat: no-repeat; background-size: cover; background-image: url("data:image/svg+xml,%3Csvg width='22' height='23' viewBox='0 0 22 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.79709 19.1782C14.6556 19.1782 18.5942 15.2396 18.5942 10.3811C18.5942 5.52262 14.6556 1.58403 9.79709 1.58403C4.93859 1.58403 1 5.52262 1 10.3811C1 15.2396 4.93859 19.1782 9.79709 19.1782Z' stroke='%23222222' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.0068 16.6129L20.9998 21.6059' stroke='%23222222' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); } 
.search-con .search-wrap .search-key { display: flex; gap: 30px; width: 900px; margin-top: 20px; } 
.search-con .search-wrap .search-key .tit { display: flex; align-items: center; gap: 5px; color: var(--main-color); font-size: 1.8rem; font-weight: 600; white-space: nowrap; } 
.search-con .search-wrap .search-key .tit > i { width: 15px; height: 15px; background: url(../img/main/icn-star.svg)no-repeat center center / contain; } 
.search-con .search-wrap .search-key > .key-list { display: flex; gap: 8px; flex-wrap: wrap; } 
.search-con .search-wrap .search-key > .key-list > li { display: flex; align-items: center; } 
.search-con .search-wrap .search-key > .key-list > li a { font-size: 14px; font-weight: 400; color: #444; padding: 6px 13px; background: #EBEBEB; border-radius: 100px; } 
.search-con .search-wrap .search-key > .key-list > li a::before { content: "#"; margin-right: 4px; } 

.pop-search { position: relative; display: flex; gap: 40px; align-items: center; height: 50px; border-bottom: 2px solid var(--main-color); width: 100%; margin-left: 40px; } 
.pop-search > .tit { position: relative; display: block; width: 100%; height: 100%; line-height: 50px; font-size: 1.7rem; font-weight: 600; color: #555; } 
.pop-search > .tit::after { content: ""; position: absolute; top: 50%; right: 0; width: 10px; height: 6px; background-image: url("data:image/svg+xml,%3Csvg width='9' height='5' viewBox='0 0 9 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1_22)'%3E%3Cpath d='M4.2 4.89L8.41 0.5H0L4.2 4.89Z' fill='%23666666'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_22'%3E%3Crect width='8.41' height='4.39' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); background-repeat: no-repeat; transition: all 0.4s; } 
.pop-search > .pop-list { display: none; position: absolute; right: 0; top: 50px; background: #fff; border: 1px solid var(--bd-color); width: 100%; padding: 10px 20px; z-index: 1; } 
.pop-search > .pop-list > li { margin: 8px 0; } 
.pop-search > .pop-list > li a { display: flex; align-items: center; font-size: 15px; color: #555; word-break: keep-all; } 
.pop-search > .pop-list > li a .num { margin-right: 10px; display: block; width: 16px; height: 16px; color: #757575; border: 1px solid #e5e5e5; line-height: 16px; font-size: 13px; text-align: center; } 
.pop-search > .pop-list > li a .num.top { color: #fff; background-color: var(--point-color); border: none; } 
.pop-search > .pop-list.on { display: block; border-bottom: 2px solid var(--main-color); } 
.pop-search > .tit.on::after { transform: rotate(-180deg); } 

.m-pop { position: absolute; display: none; width: fit-content; right: 10%; align-items: center; font-size: 15px; } 
.m-pop .num { margin-right: 10px; display: block; width: 16px; height: 16px; color: #757575; border: 1px solid #e5e5e5; line-height: 16px; font-size: 13px; text-align: center; } 
.m-pop .num.top { color: #fff; background-color: var(--point-color); border: none; } 

.filt-box { padding: 40px; display: flex; flex-direction: column; gap: 20px; padding: 30px; background-color: #F3F7F9; border-radius: 20px; } 
.result-box { display: flex; } 
.result-box .lf { width: 250px; margin-right: 40px; } 
.result-box .lf .result-item { display: none; } 
.result-box .lf .item-list { padding: 30px; border: 1px solid var(--bd-color); } 
.result-box .lf .item-list > li:first-child { margin-top: 0; } 
.result-box .lf .item-list > li > a { position: relative; display: block; width: 100%; padding: 15px 0; border-bottom: 1px solid var(--bd-color); padding-right: 10px; word-break: keep-all; } 
.result-box .lf .item-list > li > a.arr::after { content: ""; position: absolute; width: 10px; height: 6px; top: 23px; right: 0; background-image: url("data:image/svg+xml,%3Csvg width='9' height='5' viewBox='0 0 9 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1_22)'%3E%3Cpath d='M4.2 4.89L8.41 0.5H0L4.2 4.89Z' fill='%23666666'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_22'%3E%3Crect width='8.41' height='4.39' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); background-repeat: no-repeat; transition: all 0.4s; } 
.result-box .lf .item-list > li > a.arr.on::after { transform: rotate(-180deg); } 
.result-box .lf .item-list > li:last-child > a { border-bottom: none; } 
.result-box .lf .item-list > li > a.active { color: var(--point-color); font-weight: 500; } 
.result-box .lf .item-list > li > a > em { margin-left: 3px; } 
.result-box .lf .item-list > li > .dep2-list { display: none; padding: 20px 0; border-bottom: 1px solid var(--bd-color); } 

.result-box .lf .item-list > li > .dep2-list > li { margin-top: 15px; } 
.result-box .lf .item-list > li > .dep2-list > li:first-child { margin-top: 0; } 
.result-box .lf .item-list > li > .dep2-list > li > a { position: relative; padding-left: 10px; color: #555; } 
.result-box .lf .item-list > li > .dep2-list > li > a::before { content: ""; position: absolute; top: 7px; left: 0; width: 3px; height: 3px; background: var(--point-color); } 
.result-box .lf .item-list > li > .dep2-list > li > a > em { margin-left: 3px; } 

.result-box .lf .item-list > li > .dep2-list > li > .dep3-list { padding: 10px 15px; background: var(--gray-f7); margin-top: 15px; } 
.result-box .lf .item-list > li > .dep2-list > li > .dep3-list > li { margin: 5px 0; } 
.result-box .lf .item-list > li > .dep2-list > li > .dep3-list > li > a { color: #666; word-break: keep-all; } 
.result-box .lf .item-list > li > .dep2-list > li > .dep3-list > li> a::before { content:"-"; margin-right: 5px; } 


.result-box .rg { width: calc(100% - 290px); } 
.result-box .rg > p { color: #555; word-break: normal; } 
.result-box .rg > p > em { color: var(--point-color); font-weight: 500; margin: 0 3px; } 
.result-box .rg > .menu-box { width: 100%; } 
.result-box .rg > .menu-box .top { display: flex; justify-content: space-between; padding-bottom: 15px; border-bottom: 2px solid var(--main-color); } 
.result-box .rg > .menu-box .top > .tit { font-size: 2rem; font-weight: 600; color: var(--main-color); } 
.result-box .rg > .menu-box .top > .opt-box { display: flex; gap: 20px; align-items: end; } 
.result-box .rg > .menu-box .top > .opt-box > li a { position: relative; color: #757575; } 
.result-box .rg > .menu-box .top > .opt-box > li a::after { content: ""; position: absolute; top: 4px; right: -11px; width: 1px; height: 10px; background: var(--bd-color); } 
.result-box .rg > .menu-box .top > .opt-box > li:last-child a::after { display: none; } 
.result-box .rg > .menu-box .top > .opt-box > li a.active { font-weight: 600; color: var(--point-color); padding-left: 20px; background-image: url("data:image/svg+xml,%3Csvg width='822' height='653' viewBox='0 0 822 653' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M75.64 332.65L0 408.29L244.6 652.89L821.86 75.64L746.22 0L244.6 501.63L75.64 332.65Z' fill='%23156A89'/%3E%3C/svg%3E%0A"); background-size: 15px; background-repeat: no-repeat; background-position: center left; } 
.result-box .rg > .menu-box .menu-list > li { padding: 30px 0; border-bottom: 1px solid var(--bd-color); } 
.result-box .rg > .menu-box .menu-list > li > .cate-list { display: flex; font-size: 14px; color: #666; } 
.result-box .rg > .menu-box .menu-list > li > .cate-list > li { position: relative; } 
.result-box .rg > .menu-box .menu-list > li > .cate-list > li::after { content: ">"; color: #888; margin: 0 4px; } 
.result-box .rg > .menu-box .menu-list > li > .cate-list > li:last-child::after { display: none; } 
.result-box .rg > .menu-box .menu-list > li > .tit { display: block; font-weight: 600; font-size: 1.8rem; } 
.result-box .rg > .menu-box .menu-list > li > .tit > b { color: var(--point-color); font-weight: 600; } 
.result-box .rg > .menu-box .menu-list > li > p { color: #757575; } 
.result-box .rg > .menu-box .menu-list > li > p > b { color: var(--point-color); font-weight: 500; } 
.result-box .rg > .menu-box .menu-list > li > .list-info { display: flex; gap: 30px; } 
.result-box .rg > .menu-box .menu-list > li > .list-info > li { display: flex; gap: 15px; } 
.result-box .rg > .menu-box .menu-list > li > .list-info > li > em { position: relative; color: #666; font-weight: 500; font-size: 15px; } 
.result-box .rg > .menu-box .menu-list > li > .list-info > li > em::after { content: ""; position: absolute; top: 6px; right: -8px; width: 1px; height: 10px; background-color: var(--bd-color); } 
.result-box .rg > .menu-box .menu-list > li > .list-info > li > span { color: #666; font-weight: 400; font-size: 15px; } 
@media only screen and (max-width: 1150px){
 .search-con .search-wrap { width: calc(100% - 230px); } 
.search-con .search-wrap .search-box { width: 100%; } 
.search-con .search-wrap .search-key { width: 100%; } 
.pop-search { width: 200px; margin-left: 30px; } 
 }
 @media only screen and (max-width: 1023px){
 .search-con .search-wrap .search-key { align-items: baseline; } 
 .result-box .lf { width: 220px; margin-right: 30px; } 
 .result-box .rg { width: calc(100% - 250px); } 
 }
@media only screen and (max-width: 767px){
 .search-con { flex-direction: column; gap: 10px; } 
.search-con .search-wrap { width: 100%; } 
.pop-search { width: 100%; margin-left: 0; gap: unset; } 
.m-pop { display: flex; } 
.pop-search > .tit { padding: 0; } 
.filt-box { gap: 10px; padding: 20px 30px; } 
.result-box { flex-direction: column; gap: 30px; } 
.result-box .lf { width: 100%; margin-right: unset; } 
.result-box .lf .result-item { display: block; position: relative; width: 100%; padding: 15px 20px; text-align: left; font-size: 16px; border: 1px solid var(--bd-color); color: var(--point-color); font-weight: 500; transition: all 0.4s; } 
.result-box .lf .result-item::after { content: ""; position: absolute; top: 23px; right: 20px; width: 10px; height: 6px; background-image: url("data:image/svg+xml,%3Csvg width='9' height='5' viewBox='0 0 9 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1_22)'%3E%3Cpath d='M4.2 4.89L8.41 0.5H0L4.2 4.89Z' fill='%23666666'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_22'%3E%3Crect width='8.41' height='4.39' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); background-repeat: no-repeat; transition: all 0.4s; } 
.result-box .lf .result-item.on::after { transform: rotate(-180deg); } 
.result-box .lf .item-list { padding: 0; border-top: none; display: none; } 
.result-box .lf .item-list > li > a { padding: 15px 20px; } 
.result-box .lf .item-list > li > a.arr::after { right: 20px; } 
.result-box .lf .item-list > li.result-item > a { position: relative; border-top: none; } 
.result-box .lf .item-list > li.result-item > a::after { content: ""; position: absolute; top: 23px; right: 20px; width: 10px; height: 6px; background-image: url("data:image/svg+xml,%3Csvg width='9' height='5' viewBox='0 0 9 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1_22)'%3E%3Cpath d='M4.2 4.89L8.41 0.5H0L4.2 4.89Z' fill='%23666666'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1_22'%3E%3Crect width='8.41' height='4.39' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); background-repeat: no-repeat; transition: all 0.4s; } 
.result-box .lf .item-list > li > .dep2-list { padding: 20px; } 
.result-box .rg { width: 100%; } 
.result-box .rg > .menu-box .top > .tit { font-size: 18px; } 
 }
@media only screen and (max-width: 550px){
 .search-con .search-wrap .search-key { flex-direction: column; gap: 10px; } 
 }

/* 테마검색 */
.theme { display: flex; background: #f9f9f9; padding: 30px; } 
.theme > .lf { width: 200px; margin-right: 40px } 
.theme > .lf .img-wrap { border-radius: 10px; } 
.theme > .lf .img-wrap img { width: 100%; height: 100%; object-fit: cover; } 
.theme > .rg { width: calc(100% - 230px); } 
.theme > .rg .theme-info { } 
.theme > .rg .theme-info > li { display: flex; padding: 10px 0; border-bottom: 1px solid #e5e5e5; } 
.theme > .rg .theme-info > li > em { position: relative; display: inline-block; min-width: 90px; margin-right: 30px; padding-left: 10px; font-weight: 500; font-size: 15px; } 
.theme > .rg .theme-info > li > em::before { content: ""; position: absolute; top: 9px; left: 0; width: 3px; height: 3px; background: var(--point-color); } 
.theme > .rg .theme-info > li > .detail > li { display: block; } 
.theme > .rg .theme-info > li > .detail > li > span { font-size: 15px; font-weight: 400; color: #666; word-break: keep-all; } 
.theme > .rg .theme-info > li > .detail > li > span .more-link { color: var(--point-color); margin-left: 5px; } 

@media only screen and (max-width: 1023px){
 .theme > .lf { width: 150px; } 
.theme > .rg { width: calc(100% - 180px); } 
.theme > .rg .theme-info > li { flex-direction: column; gap: 10px; } 
 }
@media only screen and (max-width: 800px){
 .theme { flex-direction: column; align-items: center; gap: 20px; } 
.theme > .lf { width: unset; max-width: 300px; margin-right: unset; } 
.theme > .lf .img-wrap { height: 180px; } 
.theme > .rg { width: 100%; } 
.theme > .rg .theme-info > li:last-child { border-bottom: 0; } 
 }

/* 작은연구 지원사업 */
.apply-cont { max-width: 800px; margin: 0 auto; } 
.apply-btn { position: relative; display: block; color: #fff; background-color: #222; overflow: hidden; transition: color 0.3s ease; } 
.apply-btn::before { content: ""; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background-color: var(--point-color); transition: left 0.3s ease; z-index: -1; } 
.apply-btn i { position: relative; display: inline-block; margin-left: 10px; width: 13px; height: 13px; background-image: url("data:image/svg+xml,%3Csvg width='49' height='49' viewBox='0 0 49 49' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.73334 48.75L41.3333 13.15L41.3333 45.0417L48.75 45.0417L48.75 0.541656L4.25002 0.541653L4.25001 7.95832L36.1417 7.95832L0.541679 43.5583L5.73334 48.75Z' fill='%23fff'/%3E%3C/svg%3E%0A"); background-size: contain; } 
.apply-btn:hover::before { left: 0; } 

/* 사이트맵 */
.sitemap { border-top: 2px solid var(--main-color); } 
.sitemap .menu { display: flex; border-bottom: 1px solid var(--bd-color); } 
.sitemap .menu .dep1 { width:20%; padding: 30px; border-right: 1px solid var(--bd-color); } 
.sitemap .menu .dep1 > strong { position: relative; display: inline; margin-top: 7px; font-size: 2.2rem; font-weight: 600; } 
.sitemap .menu .dep1 > strong::after { content: ""; position: absolute; top: -7px; right: -17px; width: 8px; height: 8px; background-color: var(--point-color); border-radius: 2px; } 
.sitemap .menu .dep2 { width: calc(100% - 20%); } 
.sitemap .menu .dep2 > .menu-list { display: flex; padding: 30px 20px; flex-wrap: wrap; gap: 40px 0; } 
.sitemap .menu .dep2 > .menu-list > li { position: relative; width: 25%; padding-left: 11px; font-size: 17px; } 
.sitemap .menu .dep2 > .menu-list > li::before { content: ""; position: absolute; top: 9px; left: 0; width: 4px; height: 4px; background-color: var(--point-color); opacity: 0.5; } 
.sitemap .menu .dep2 > .menu-list > li > .dep3 { padding-top: 5px; } 
.sitemap .menu .dep2 > .menu-list > li > .dep3 > li { position: relative; padding-left: 13px; color: #666; font-size: 16px; margin: 5px 0; word-break: keep-all; } 
.sitemap .menu .dep2 > .menu-list > li > .dep3 > li::before { content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 5px; height: 1px; background: #888; } 
@media only screen and (max-width:1023px){
 .sitemap .menu .dep1 { width:200px; } 
.sitemap .menu .dep2 { width: calc(100% - 200px); } 
 }
@media only screen and (max-width:940px){
 .sitemap .menu .dep2 > .menu-list > li { width: 33.33%; } 
 }
@media only screen and (max-width:767px){
 .sitemap .menu { flex-direction: column; } 
 .sitemap .menu:not(:last-child) { border-bottom: 2px solid var(--main-color); } 
.sitemap .menu .dep1 { width: 100%; border-right:none; border-bottom: 1px solid var(--main-color); padding: 20px; } 
.sitemap .menu .dep1 > strong::after { width: 6px; height: 6px; top: -4px; right: -12px; } 
.sitemap .menu .dep2 > .menu-list { padding: 20px; } 
.sitemap .menu .dep2 { width: 100%; } 
.sitemap .menu .dep2 > .menu-list > li { width: 50%; } 
 }
 @media only screen and (max-width:480px){
 .sitemap .menu .dep2 > .menu-list { gap: 20px; } 
.sitemap .menu .dep2 > .menu-list > li { width: calc(50% - 10px); font-size: 15px; } 
.sitemap .menu .dep2 > .menu-list > li > .dep3 { display: none; } 
 }
 @media only screen and (max-width:370px){
 .sitemap .menu .dep2 > .menu-list { gap: 10px; } 
.sitemap .menu .dep2 > .menu-list > li { width: 100%; } 
 }

/* 설립목적 및 비전 */
.vision > .flex-cont > .rg > span > em { font-size: 2.3rem; font-weight: 500; } 
.vision > .flex-cont:first-child { border-bottom: 1px solid var(--bd-color); } 
.vision-list { position: relative; display: flex; justify-content: center; padding-bottom: 130px; } 
.vision-list > li { font-size: 2rem; color: #555; text-align: center; padding: 20px 60px; border-radius: 100px; background: rgba(21, 106, 137, 0.10); margin: 0 -20px; word-break: keep-all; } 
.vision-list::after { content: ""; position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); width: 1px; height: 70px; background-color: var(--bd-color); } 
.goal { position: relative; display: flex; justify-content: center; font-size: 2.8rem; font-weight: 600; line-height: 37px; text-align: center; padding: 70px 0; } 
.goal::before { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 376px; height: 227px; background: url(../img/content/sub04/goal.svg); background-repeat: no-repeat; background-size: 375px; z-index: -1; } 
.goal::after { content: ""; position: absolute; bottom: -80px; left: 50%; transform: translateX(-50%); width: 129px; height: 43px; background: url(../img/content/sub04/goal-arrow.svg); background-repeat: no-repeat; background-size: 130px; } 
.vision-goal { display: flex; justify-content: center; width: 100%; align-items: flex-start; } 
.vision-goal li { display: flex; justify-content: center; align-items: center; flex-flow: column wrap; gap: 45px; } 
.vision-goal li:nth-child(1) { margin-left: 40px; } 
.vision-goal li:nth-child(2) { transform: translateX(-15px); } 
.vision-goal li:nth-child(3) { transform: translateX(-30px); } 
.vision-goal li:nth-child(4) { transform: translateX(-45px); } 
.vision-goal li .circle { position: relative; display: flex; justify-content: center; align-items: center; flex-flow: column wrap; gap: 15px; width: 265px; height: 265px; text-align: center; background: linear-gradient(180deg, #E8F1F4 0%, rgba(255, 255, 255, 0.00) 100%); border: 1px dashed #b6cee2; border-radius: 100%; } 
.vision-goal li:nth-child(2n) .circle { background: linear-gradient(0deg, #E8F1F4 0%, rgba(255, 255, 255, 0.00) 100%); } 
.vision-goal li .circle::before { content: ""; position: absolute; left: 50%; top: 50%; width: 200px; height: 200px; background-color: #fff; border-radius: 100%; transform: translate(-50%, -50%); } 
.vision-goal li .circle::after { content: ""; position: absolute; left: 50%; bottom: -4px; width: 7px; height: 7px; background-color: var(--point-color); border-radius: 100%; transform: translateX(-50%); } 
.vision-goal .circle strong { line-height: 1.5; font-weight: 600; font-size: 1.8rem; } 
.vision-goal .circle i { display: block; background-position: center; background-repeat: no-repeat; background-size: contain; } 
.vision-goal .circle i.goal-ico1 { width: 51px; height: 38px; background-image: url(../img/content/sub04/goal-ico1.svg); } 
.vision-goal .circle i.goal-ico2 { width: 40px; height: 43px; background-image: url(../img/content/sub04/goal-ico2.svg); } 
.vision-goal .circle i.goal-ico3 { width: 46px; height: 37px; background-image: url(../img/content/sub04/goal-ico3.svg); } 
.vision-goal li p { line-height: 32px; font-size: 17px; font-weight: 500; color: #555; text-align: center; } 

@media only screen and (max-width: 1023px){
 .vision .pt80 { padding-top: 50px; } 
.vision .pb80 { padding-bottom: 50px; } 
.vision-list { flex-direction: column; gap: 10px; } 
.vision-list > li { border-radius: 10px; margin:0; } 
.vision-list > li br { display: none; } 
.vision-goal { flex-wrap: wrap; gap: 20px; } 
.vision-goal li { justify-content: center; align-items: center; flex-flow: column wrap; gap: 20px; width: 48%; } 
.vision-goal li:nth-child(1) { margin-left: 0; } 
.vision-goal li:nth-child(2) { transform: translateX(0); } 
.vision-goal li:nth-child(3) { transform: translateX(0); } 
.vision-goal li:nth-child(4) { transform: translateX(0); } 
.vision-goal li .circle { width: 100%; height: auto; padding: 30px 0; background: #fff; border-radius: 10px; } 
.vision-goal li:nth-child(2n) .circle { background: #fff; } 
.vision-goal li .circle::before { display: none; } 
 }
 @media only screen and (max-width: 767px){
 .goal::before { width: 290px; height: 175px; background-size: 290px; } 
 .goal::after { bottom: -30px; } 
.vision-list { padding-bottom: 100px; } 
.vision-list::after { height: 40px; } 
.vision-goal.pt100 { padding-top: 50px; } 
 }
 @media only screen and (max-width: 560px){
 .vision-goal li { width: 100%; } 
 }

 .bg-box { padding: 50px; background-color: #F3F7F9; border-radius: 20px; } 
.bg-box.sm { padding: 20px; border-radius: 10px; } 
.bg-box > p { color: #666; font-weight: 500; word-break: keep-all; line-height: 1.6; } 
@media only screen and (max-width:560px){
 .bg-box { padding: 0; background: none; } 
.bg-box.sm { padding: 20px; background: #F3F7F9; } 
 }
 
/*공통*/
.flex-cont { display: flex; } 
.flex-cont > .lf { width: calc(100% - 900px); } 
.flex-cont > .rg { width: 900px; } 
@media only screen and (max-width: 1120px){
 .flex-cont { flex-direction: column; gap: 20px; } 
.flex-cont > .lf { width: 100%; } 
.flex-cont > .rg { width: 100%; } 
.cont-tit > br { display: none; } 
 }
.bd-top { border-top: 1px solid var(--bd-color); } 
.bd-bottom { border-bottom: 1px solid var(--bd-color); } 
.cont-tit { position: relative; display: inline; color: var(--point-color); font-size: 3.0rem; font-weight: 600; word-break: keep-all; } 
.cont-tit::after { content: ""; position: absolute; top: -3px; right: -15px; width: 9px; height: 9px; background: var(--point-light); border-radius: 1px; } 
.cont-big-txt { font-size: 18px; font-weight: 400; color: #555; line-height: 32px; word-break: keep-all; } 
.form-box { } 
.form-box > p { color: #666; word-break: keep-all; } 

.find-box { border-top: 1px solid var(--bd-color); border-bottom: 1px solid var(--bd-color); padding: 40px; } 
.find-box p { word-break: keep-all; font-size: 1.8rem; color: #555; line-height: 1.5; } 
.find-box p > em { font-weight: 500; } 
@media only screen and (max-width: 767px){
 .find-box p > br { display: none; } 
 }
.cont-head { margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #333; } 
.cont-head2 { margin-bottom: 40px; } 
.cont-head3 { margin-bottom: 20px; } 
.cont-head-sm { display: block; font-weight: 500; font-size: 1.8rem; color: var(--main-color); } 
.cont-head-lg { display: block; line-height: 1.4; font-size: 3.25rem; color: #333; word-break: keep-all; } 
.cont-head-lg2 { position: relative; display: block; line-height: 1.4; font-size: 2.5rem; color: #333; word-break: keep-all; padding-left: 20px; } 
.cont-head-lg2:before { content: ""; position: absolute; top: 6px; left: 0; width: 3px; height: 24px; background: var(--main-color); } 
.cont-con { } 
.cont-con2 { padding: 50px 0; } 
.cont-con-sm { display: block; line-height: 1.5; font-size: 1.8rem; color: #555; word-break: keep-all; font-weight: 500; } 
.cont-con-sm2 { display: block; line-height: 1.8; font-weight: 400; font-size: 1.8rem; color: #333; word-break: keep-all; text-align: center; } 
.cont-con-sm3 { display: block; line-height: 1.6; font-weight: 400; font-size: 2rem; color: #555; word-break: keep-all; } 
.cont-con-sm4 { display: block; line-height: 1.5; font-weight: 600; font-size: 2rem; color: #333; word-break: keep-all; } 
.cont-con-sm5 { display: block; line-height: 1.5; font-weight: 600; font-size: 2rem; color: #666; word-break: keep-all; } 
.cont-con-sm6 { display: block; line-height: 1.5; font-weight: 400; font-size: 1.6rem; color: #fff; word-break: keep-all; } 
.cont-con-sm7 { display: block; line-height: 1.5; font-weight: 400; font-size: 1.8rem; color: #666; word-break: keep-all; } 
.cont-con-lg { display: block; line-height: 1.3; font-weight: 600; font-size: 2.4rem; color: #333; word-break: keep-all; } 
.cont-con-lg2 { position: relative; display: block; line-height: 1.5; text-align: center; font-weight: 600; font-size: 2.2rem; word-break: keep-all; padding: 25px; border: 1px solid var(--bd-color); } 
.cont-con-lg2::before { content: ""; position: absolute; top: -20px; left: 40px; width: 43px; height: 43px; background-image: url(../img/content/sub04/bxs_quote-left.svg); background-size: contain; background-repeat: no-repeat; } 
.cont-con-lg2::after { content: ""; position: absolute; bottom: -20px; right: 40px; width: 43px; height: 43px; background-image: url(../img/content/sub04/bxs_quote-right.svg); background-size: contain; background-repeat: no-repeat; } 
.cont-con-lg2 > span > em { position: relative; color: var(--point-color); } 
/* .cont-con-lg2 > span > em::before { content: ""; position: absolute; bottom: 0; left: 0; width: 110%; height: 20px; background-color: var(--point-light); z-index: -1; } */
.cont-con-lg3 { display: block; line-height: 1.5; font-weight: 500; font-size: 3rem; color: #fff; word-break: keep-all; } 
.cont-row { display: flex; } 
.cont-row .cont-row-tit { flex-shrink: 0; width: 30%; padding-right: 100px; } 
.cont-row .cont-row-tit .tit { display: block; line-height: 1.4; font-weight: 600; font-size: 2.5rem; color: #343434; word-break: keep-all; } 
.cont-row .cont-row-con { width: 70%; } 
.cont-txt > li { position: relative; padding-left: 12px; margin-bottom: 0.5rem; color: #555; word-break: keep-all; } 
.cont-txt > li:last-child { margin-bottom: 0; } 
.cont-txt > li::before { position: absolute; top: 8px; left: 0; content: ""; width: 4px; height: 4px; background-color: var(--point-color); opacity: .7; } 

@media only screen and (max-width: 1211px){
 .cont-row .cont-row-tit { padding-right: 40px; } 
 }
@media only screen and (max-width: 1023px){
 .cont-head-lg { font-size: 2.8rem; } 
.cont-con.mb100 { margin-bottom: 50px; } 
.cont-con2.mb100 { margin-bottom: 50px; overflow: hidden; } 
.cont-con-lg { font-size: 2.2rem; } 
.cont-row { flex-direction: column; gap: 20px; } 
.cont-row2 { gap: 70px; } 
.cont-row .cont-row-tit { width: 100%; padding-right: 0; font-size: 2.2rem; } 
.cont-row .cont-row-con { width: 100%; } 
.cont-col .cont-col-tit { font-size: 2.2rem; } 
.cont-con.mb80 { margin-bottom: 30px; } 
 }
@media only screen and (max-width: 767px){
 .cont-con { padding: 0; } 
.cont-con-sm3.mb100 { margin-bottom: 50px; } 
.cont-con-sm6 br { display: none; } 
.cont-con-lg { font-size: 2rem; } 
.cont-con-lg.mb30 { margin-bottom: 20px; } 
.cont-con-lg3 { font-size: 2rem; } 
 }

 .cont-list { } 
 .cont-list > li { position: relative; margin: 10px 0; padding-left: 13px; color: #585858; } 
 .cont-list > li::before { content: ""; position: absolute; top: 10px; left: 0; width: 4px; height: 4px; background-color: var(--point-color); opacity: .5; } 
 .cont-list > li > em { position: relative; margin-right: 20px; font-weight: 500; font-size: 1.8rem; } 
 .cont-list > li > em::after { content: ""; position: absolute; top: 5px; right: -10px; width: 1px; height: 9px; background: var(--bd-color); } 
 .cont-list > li > .non::after { display: none; } 
 .cont-list > li > span { font-size: 1.7rem; color: #555; } 
 .cont-list > li > p { line-height: 1.5; font-size: 16px; } 

/* 규정 다운로드 버튼 */
.guide-list { display: flex; gap: 10px; flex-wrap: wrap; } 
.guide-list > li { flex: 1 1 19%; min-width: 150px; padding: 20px; border-radius: 10px; border: 1px dashed #b6cee2; text-align: center; } 
.guide-list > li > p { font-size: 1.7rem; font-weight: 500; word-break: keep-all; } 
.guide-list > li > a { color: var(--point-color); font-weight: 500; display: inline-block; padding: 6px 10px; background: var(--point-light); border-radius: 5px; margin-top: 10px; } 
@media only screen and (max-width: 767px){
 .guide-list > li { display: flex; flex: 1 1 49%; padding: 15px; align-items: center; gap: 20px; justify-content: center; } 
.guide-list > li > a { margin-top: 0; } 
 }

/* 진행절차 */
.num-icn-list { display: flex; flex-wrap: wrap; gap: 20px; } 
.num-icn-list > li { position:relative; display: flex; flex-direction: column; padding: 20px; border: 1px solid var(--bd-color); border-radius: 20px; flex: 1 1 22%; } 
.num-icn-list > li::before { content: ""; position: absolute; width: 20px; height: 20px; top: 50%; right: -21px; transform: translateY(-50%); background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='27' height='24' viewBox='0 0 27 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 12L24.1 12.23' stroke='%23156A89' stroke-width='4' stroke-linejoin='round'/%3E%3Cpath d='M13.8701 2L24.1001 12.23L13.8701 22.47' stroke='%23156A89' stroke-width='4' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); } 
.num-icn-list > li:nth-child(4)::before { top: unset; bottom: -20px; left: 50%; transform: translateX(-50%) rotate(90deg); } 
.num-icn-list > li:nth-child(5)::before { display: none; } 
.num-icn-list > li:nth-child(6)::before { left: -21px; transform: rotate(180deg); } 
.num-icn-list > li:nth-child(7)::before { left: -21px; transform: rotate(180deg); } 
.num-icn-list > li:nth-child(8)::before { left: -21px; transform: rotate(180deg); } 
.num-icn-list > li > .top { display: flex; gap: 10px; padding-bottom: 20px; font-size: 1.8rem; font-weight: 500; color: var(--point-color); justify-content: center; } 
.num-icn-list > li .bottom { word-break: keep-all; padding: 20px; background: var(--gray-f9); height: 120px; align-items: center; display: flex; flex-direction: column; text-align: center; } 
.num-icn-list > li .bottom strong { position: relative; display: block; line-height: 1.5; word-break: keep-all; } 
.num-icn-list > li .bottom p { color: #555; } 
@media only screen and (max-width: 1023px){
 .num-icn-list { flex-wrap: wrap; } 
 }
@media only screen and (max-width: 767px){
 .num-icn-list { gap: 10px; } 
 .num-icn-list > li { padding: 15px; flex: 1 1 48%; } 
 .num-icn-list > li::before { display: none; } 
 .num-icn-list > li strong { font-size: 1.9rem; } 
 .num-icn-list > li .bottom { height: 90px; } 
 }
@media only screen and (max-width: 490px){
 .num-icn-list > li { flex: unset; width: 100%; } 
 }

/* 연혁 역대원장 */
.history-bar { position:relative; padding-left:8rem; margin-top:1.2rem; } 
.history-bar:before { content:""; position:absolute; top:1rem; left:0; bottom:1.4rem; display:block; width:1px; background:#ddd; } 
.history-actbar { content:""; position:absolute; top:1rem; left:-0rem; display:block; width:1px; height:0; max-height:calc(100% - 3rem); background:var(--point-color); } 
.history-cont-wrap { position:relative; } 
.history-cont-wrap:has( + .history-cont-wrap) { margin-top:2rem; margin-bottom:10rem; } 
.history-cont + .history-cont { margin-top:2.5rem; } 
.history-cont-year { font-size:3.6rem; margin-bottom:5rem; position:relative; font-weight: 700; } 
.history-cont-year:before { content:""; position:absolute; top:1rem; left:-8.7rem; display:block; width:1.5rem; height:1.5rem; border-radius:50%; background:#ddd; } 
.history-cont-txt { position:relative; padding-left:18rem; } 
.history-cont-txt:before { content:""; position:absolute; top:1.1rem; left:-8.3rem; width:0.7rem; height:0.7rem; border-radius:50%; background:#ddd; } 
.history-cont-txt > .date { position:absolute; top:0; left:0; font-size:2rem; color: #666; line-height:160%; background: none; padding-left: 0; } 
.history-cont-txt .txt { font-size:2rem; line-height:160%; word-break: keep-all; } 
.history-cont-txt.prize .date,
.history-cont-txt.prize .txt { color:var(--point-color); } 
.history-cont-wrap .history-cont .history-cont-year.act:before,
.history-cont-wrap.first .history-cont .history-cont-year:before { background:var(--point-color); } 
.history-cont-wrap .history-cont .history-cont-year.act:after,
.history-cont-wrap.first .history-cont .history-cont-year:after { content:""; position:absolute; top:-0.5rem; left:-10.2rem; width:4.5rem; height:4.5rem; border-radius:50%; background:var(--point-color); opacity:0.2; } 
.history-cont-wrap .history-cont .history-cont-txt.act:before,
.history-cont-wrap.first .history-cont .history-cont-txt:before { background:var(--point-color) } 
.history-cont-wrap .history-cont .history-cont-year:before,
.history-cont-wrap .history-cont .history-cont-txt:before { transition:all .3s; } 
.history-tab .tab-nav .name { white-space:nowrap; } 

@media screen and (max-width:1023px){
 .history-bar { width:100%; padding-left:4rem; margin-left:2rem; } 
.history-cont-year:before { left:-4.7rem; top:0.5rem; } 
.history-cont-txt:before { left:-4.3rem; } 
.history-cont-year { font-size:3rem; margin-bottom:4rem; } 
.history-cont-wrap:has(+ .history-cont-wrap) { margin-bottom:4rem; } 
.history-cont-wrap:before { left:-4rem; } 
.history-cont-wrap .history-cont .history-cont-year.act:after, 
.history-cont-wrap.first .history-cont .history-cont-year:after { left:-6.2rem; top:-1rem; } 
 }
@media screen and (max-width:767px){
 .history-cont-year { font-size:2.8rem; } 
.history-cont-txt .date,
.history-cont-txt .txt { font-size: 16px; } 
.history-cont-txt { padding-left: 14rem; } 
 }
@media screen and (max-width:499px){
 .history-cont-year { font-size:2.2rem; } 
.history-cont-txt { padding-left: 12rem; } 
 }

.cheif-list > li { display: flex; gap: 50px; margin-bottom: 30px; } 
.cheif-list > li:last-child { margin-bottom: 0px; } 
.cheif-list > li > .img-wrap { width: 160px; height: 190px; } 
.cheif-list > li > .img-wrap > img { width: 100%; height: 100%; object-fit: cover; } 
.cheif-list > li > .info-wrap { } 
.cheif-list > li > .info-wrap > li { display: flex; margin-bottom: 7px; } 
.cheif-list > li > .info-wrap > li > .cheif-no { position: relative; color: var(--point-color); } 
.cheif-list > li > .info-wrap > li > .cheif-no::before { content: ""; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 120%; height: 15px; background: var(--point-light); z-index: -1; } 
.cheif-list > li > .info-wrap > li > b { width: 90px; font-weight: 600; } 
.cheif-list > li > .info-wrap > li > span { color: #555; line-height: 1.6; word-break: keep-all; } 

@media screen and (max-width:767px){
 .cheif-list > li { gap: 30px; } 
.cheif-list > li > .info-wrap > li { flex-direction: column; } 
.cheif-list > li > .info-wrap > li > .cheif-no { width: fit-content; } 
.cheif-list > li > .img-wrap { flex-shrink: 0; } 
 }
 @media screen and (max-width:600px){
 .cheif-list > li { flex-direction: column; gap: 20px; margin-bottom: 20px; } 
.cheif-list > li > .info-wrap > li { flex-direction: row; } 
 }
/* ci */
.flex-box { display: flex; gap: 30px; align-items: center; flex-wrap: wrap; } 
@media screen and (max-width:767px){
 .mo-img { width: 100%; height: auto; } 
.flex-box { gap: 20px; flex-wrap: nowrap; } 
 }
/* 조직도 상세 */
.profile { text-decoration: underline; } 
.mail { display: inline-block; text-align: center; width: 18px; height: 18px; background: url(../img/common/icn-mail.svg) no-repeat center center; background-size: 18px; } 
.phone { display: inline-block; text-align: center; width: 18px; height: 18px; background: url(../img/common/tel-ico.svg) no-repeat center center; background-size: 18px; } 
.profile-box { position: relative; padding-top: 40px; border-top: 1px solid var(--bd-color); } 
.theme.pro-wrap { gap: 0; } 
.theme.pro-wrap > .lf { width: 130px; } 
.profile-box .flex-cont { } 
.profile-box .flex-cont > .lf { width: 20%; } 
.profile-box .flex-cont > .lf > .cont-tit { font-size: 1.8rem; } 
.profile-box .flex-cont > .rg { width: calc(100% - 20%); } 
.profile-box .flex-cont > .rg > p { margin: .5rem 0; } 
.profile-box .flex-cont > .rg > p:first-child { font-weight: 500; } 
.popup-wrap .popup-box button:focus {outline: 2px dotted #222;}
.popup-wrap .popup-box .close-btn { position: absolute; top: 40px; right: 30px; width: 20px; height: 20px; background-image: 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 42.06 42.06'%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%3Cline class='cls-1' x1='3' y1='3' x2='39.06' y2='39.06'/%3E%3Cline class='cls-1' x1='39.06' y1='3' x2='3' y2='39.06'/%3E%3C/g%3E%3C/svg%3E"); background-color: #fff; background-repeat: no-repeat; background-size: cover; } 
@media only screen and (max-width: 767px){
 .profile-box .pro-wrap { gap: 20px; } 
.profile-box .pro-wrap .rg .theme-info > li { flex-direction: row; } 
.profile-box .pro-wrap .rg .theme-info > li > em { min-width: 65px; } 
.profile-box .flex-cont > .lf > .cont-tit { white-space: nowrap; } 
 }

/* 카드뉴스 스와이퍼 */
.bx-wrapper { position: relative; text-align: center; } 
.bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -32px; transform: translateY(-50%); display: block; overflow: hidden; text-indent: -9999px; width: 64px; height: 64px; text-decoration: none; cursor: pointer; } 
.bx-default-pager { display: flex; justify-content: center; margin: 30px auto 0; } 
.bx-default-pager a { display: block; width: 15px; height: 15px; border-radius: 9px; text-indent: -9999px; overflow: hidden; margin: 0 4px; border: 1px solid var(--point-color); } 
.bx-default-pager a.active { background-color: var(--point-color); } 
.bx-wrapper a:before { position: absolute; text-indent: 0; font-size: 64px; line-height: 64px; } 
.bx-wrapper .bx-prev { left: 50px; background-repeat: no-repeat; background-size: cover; background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' r='20' transform='matrix(-1 0 0 1 40 0)' fill='%23E8F1F4'/%3E%3Cpath d='M23 14L17 20L23 26' fill='%23E8F1F4'/%3E%3Cpath d='M23 14L17 20L23 26' stroke='%23156A89' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); } 
.bx-wrapper .bx-next { right: 50px; background-repeat: no-repeat; background-size: cover; background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='20' cy='20' r='20' fill='%23E8F1F4'/%3E%3Cpath d='M17 14L23 20L17 26' fill='%23E8F1F4'/%3E%3Cpath d='M17 14L23 20L17 26' stroke='%23156A89' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); } 
.bx-wrapper .bx-prev:before { content: ""; left: 0; } 
.bx-wrapper .bx-next:before { content: ""; right: 0; } 
.bx-wrapper .bx-viewport .bxslider > div { display: flex; justify-content:center; padding: 10px; } 
.bx-wrapper .bx-viewport .bxslider > div > img { width: 600px; } 
 @media screen and (max-width:767px){
 .bx-wrapper .bx-viewport .bxslider > div > img { width: 100%; height: 100%; } 
 .bx-wrapper .bx-controls-direction a { width: 40px; height: 40px; } 
 .bx-wrapper .bx-prev { left: 0px; } 
 .bx-wrapper .bx-next { right: 0px; } 
 }

/* 연구협력기관 */
.research { border-top: 2px solid var(--main-color); } 
.research .menu { display: flex; border-bottom: 1px solid var(--bd-color); } 
.research .menu .country { display: flex; align-items: center; width:20%; padding: 30px; border-right: 1px solid var(--bd-color); flex-shrink: 0; justify-content: center; flex-direction: column; } 
.research .menu .country > strong { display: block; font-size: 18px; font-weight: 500; margin-top: 2rem; text-align: center; } 
.research .menu .country > img { width: 100%; } 
.research .menu .rg { width: calc(100% - 20%); padding: 30px; } 
.research .menu .rg > .cont-list > li { font-size: 17px; } 
.research .menu .rg > .cont-list > li > a { text-decoration: underline; color: #555; } 
@media only screen and (max-width: 767px){
 .research .menu { flex-direction: column; border-top: 2px solid var(--main-color); } 
.research .menu:first-child { border-top: none; } 
.research .menu .country { display: flex; width: 100%; gap: 20px; padding: 30px; border-bottom: 1px solid var(--bd-color); border-right:none; } 
.research .menu .country > img { width: 80px; } 
.research .menu .rg { width: 100%; padding: 30px; } 
 }

/* 오시는 길 */
.loca-tab > ul { display: flex; gap: 30px; } 
.loca-tab > ul > li > a { position: relative; display: inline-block; font-size: 2.5rem; font-weight: 500; color: #666; } 
.loca-tab > ul > li.on > a { position: relative; color: var(--point-color); font-weight: 600; } 
.loca-tab > ul > li.on > a::before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: var(--point-color); } 
.map-wrap { width: 100%; } 
.map-wrap .root_daum_roughmap_landing, .map-wrap .root_daum_roughmap { max-width: 1200px !important; width: 100% !important; } 
/* 이전 컨텐츠 */
.field-item .rteright { text-align: right; color: #666; font-size: 15px; } 
.field-item > h1 { font-size: 24px; color: var(--point-color); line-height: 36px; font-weight: 600; margin: 40px 0 24px; } 
.field-item > h1:first-child { margin-top: 0; } 
.field-item > h2 { font-size: 20px; color: var(--main-color); line-height: 32px; margin: 30px 0 20px; font-weight: 600; } 
.field-item h3 { font-weight: 400; line-height: 28px; } 
.field-item p { line-height: 28px; margin-bottom: 20px; color: #585858; word-break: keep-all; } 
.field-item .media-element { max-width: 800px; height: auto; } 
.field-item-wrap { display: flex; gap: 4rem; } 
.field-item-wrap img { width: 100%; } 
.field-item .box { background: #F3F7F9A6; padding: 6px 18px; display: block; } 
.field-item .box.line { padding: 40px; border: 1px solid var(--bd-color); background: #F3F7F9A6; margin-top: 20px; } 
.field-item .box.line h3 { margin: 10px 0 !important; font-size: 16px; word-break: keep-all; } 
.field-item .box.small { margin: 0 8px 0 20px !important; } 
.field-item .box.p20 { padding: 30px 40px 10px; } 
.field-item .box.p20 h3 { margin: 0 10px 20px; font-weight: bold; } 
.rtecenter { text-align: center; } 
@media only screen and (max-width: 767px){
 .field-item-wrap { flex-direction: column; gap: 2rem; } 
 }
/* hrm */
.field-item { display: inline-block; width: 100%; } 
.field-item dl { margin-bottom: 20px; } 
.field-item dt { float: left; width: 12%; } 
.field-item dl.hrm { margin-top: 30px; } 
.field-item dl.hrm dd { margin-bottom: 10px; } 
.field-item dl.hrm dd > ul { display: flex; justify-content: center; margin-bottom: 0; } 
.field-item dl.hrm dd > ul > li { display: block; list-style: none; text-align: center; background: #F3F7F9; width: 100%; margin: 0 5px; padding: 30px; } 
.field-item dl.hrm dd:nth-child(6) > ul > li { display: flex; justify-content: center; align-items: center; padding: 30px; } 
.field-item dl.hrm dd:nth-child(8) > ul > li { padding: 10px 20px; } 
.field-item dl.hrm dd:nth-child(8) > ul > li ul { margin-bottom: 5px; } 
.field-item dl.hrm dd:last-child strong { display: block; margin-bottom: 12px; } 
.field-item dl.hrm dd > ul > li ul li { text-align: left; } 

/* .field-item > ul { list-style: square; } */
.field-item .ol-list li table { margin: 10px 0 15px; } 
.field-item .ul-list.nostyle { list-style: none; margin-top: 10px; } 
.field-item .ul-list.nostyle li { margin-left: 0; } 
.field-item .ul-list.nostyle li ol li { margin: 10px 0 0 48px; } 
.field-item .ul-list.nostyle li .ul-list li { margin-left: 40px; } 
.field-item .ul-list li { word-break: keep-all; } 
.field-item .ul-list,
.field-item .ol-list { line-height: 30px; margin-bottom: 15px; } 
.field-item .ol-list li span { display: block; margin: 10px 0; font-size: 16px; } 
.field-item .ol-list .ul-list { margin: 10px 0 15px; } 
.field-item .ol-list .ul-list li { margin-bottom: 7px; } 
.field-item .ul-list li,
.field-item .ol-list li { margin-left: 24px; margin-bottom: 10px; line-height: 24px; } 
.field-item .ol-list li .ol-list { margin: 10px 0 20px; } 
.field-item .ul-list li .ul-list { list-style-type: circle; margin: 10px 0 20px; } 
.field-item .ul-list li .ul-list li { margin-bottom: 6px; font-size: 15px; } 
.field-item .ul-list li .ol-list { margin: 10px 0 20px; } 
.field-item .ul-list li .ol-list li { margin-bottom: 6px; font-size: 15px; } 
.field-item .ul-list li img,
.field-item .ul-list li .ul-list li img { margin-top: 10px; } 
.field-item .ul-list li .ul-list li .ul-list { list-style-type: disc; } 
.field-item .ul-list li .ul-list table .ul-list { margin: 5px 0; } 
.field-item > blockquote { padding: 25px 0; margin-bottom: 40px; border-bottom: 5px solid #555; border-top: 5px solid #555; } 
.field-item blockquote p { margin-bottom: 0; } 
.node-world-trends .field-item div span,
.field-item li span { font-size: 14px; } 
.field-item p > span { font-size: 14px; margin-top: 10px; display: block; } 
.field-item .ol-list { list-style-type: decimal; } 
.plabel { display: inline-flex; align-items: center; gap: 6px; margin-left: 24px; vertical-align: bottom; } 
.plabel img { width: 36px; height: auto; } 

.stb-container { border: 1px solid var(--bd-color) !important; max-width: 750px !important; padding: 40px; } 
/* 추후 삭제 예정 */
.root_daum_roughmap .section_busline .icon_bus { background: #757575 !important; color: #FFF; font-size: 12px !important; text-align: center; line-height: 16px !important; border-radius: 3px; text-indent: unset !important; } 
.root_daum_roughmap .section_subway .ico_subway { background: #757575 !important; color: #fff; font-size: 12px; text-indent: unset !important; width: fit-content !important; padding: 0 5px; line-height: 16px; } 


@media only screen and (max-width: 767px){
 .field-item { } 
.field-item dt { display: block; float: none; width: 100%; margin-bottom: 10px; } 
.field-item dd { display: block; margin-bottom: 10px; } 
.field-item dl.hrm dd > ul { flex-direction: column; gap: 5px; } 
 }