/* 버튼 */
button {border:0;background:none;cursor:pointer}

/* 아이콘 */
.ico-20 {display:block;width:20px;height:20px}
.ico-24 {display:block;width:24px;height:24px}
.ico-30 {display:block;width:30px;height:30px}

/* 게시판 검색영역 */
.board-header {display:flex;justify-content:flex-end;margin:40px 0 20px}

/* 커스텀 체크박스, 라디오 버튼 */
.check {border:0}
.custom-label {font-size:0}
.custom-label input[type="checkbox"], .custom-label input[type="radio"] {display:none}
.custom-label input[type="checkbox"] ~ .checkbox .btn {display:none;color:var(--gray)}
.custom-label input[type="checkbox"] ~ .checkbox .btn rect {fill:var(--white)}
.custom-label input[type="checkbox"] ~ .checkbox .btn.default {display:block}
.custom-label input[type="checkbox"]:checked ~ .checkbox .btn {display:none}
.custom-label input[type="checkbox"]:checked ~ .checkbox .btn.check {display:block;border:0;border-radius:0;color:#00569f}
.custom-label input[type="radio"] ~ .radio .btn {color:var(--gray)}
.custom-label input[type="radio"] ~ .radio .btn rect {fill:var(--white)}
.custom-label input[type="radio"] ~ .radio .btn.check {display:none}
.custom-label input[type="radio"]:checked ~ .radio .btn.default {display:none}
.custom-label input[type="radio"]:checked ~ .radio .btn.check {display:block;border:0;border-radius:0;color:#00569f}

/* 참스쿨 서브페이지 공통 검색창 before css */
.custom_list_menu {height:35px;float:right;display:flex;margin-bottom:20px}
.custom_list_menu::after {clear:both}
.custom_list_search {position:relative;display:inline-block;height:35px}
.custom_list_search input {border:1px solid #dce2e6}
.custom_list_search.searchBox form input::placeholder {color:rgba(48, 53, 56, 0.5);font-weight:300}
.custom_list_search input[type="text"] {width:260px;border-radius:50px;padding:8px 20px;font-weight:200;box-sizing:border-box}
.custom_list_search input:focus {outline:none;box-shadow:0px 0px 12px rgba(0, 171, 212, 0.5);border:1px solid rgba(0, 171, 212, 0.2)}
.custom_list_search .xi-search {position:absolute;right:20px;padding:5px 0;font-size:25px}

/* 참스쿨 서브페이지 공통 검색창 after css */
.board-search {position:relative;display:flex;align-items:center;width:260px}
.board-search input {width:100%;height:34px;padding:8px 20px;border:1px solid var(--light-gray);border-radius:50px;background:var(--white);font-size:14px;font-weight:400;box-sizing:border-box}
.board-search input:focus {outline:none;box-shadow:0 0 10px var(--point)}
.board-search button {position:absolute;top:50%;right:15px;transform:translateY(-50%);font-size:0}
.board-view {display:flex;align-items:center;margin-left:10px;margin-right:0}
.board-view li {margin-left:5px;margin-right:0}
.board-view li button {display:flex;justify-content:center;align-items:center;width:42px;height:34px;border:1px solid var(--light-gray);border-radius:50px;background:var(--white);color:var(--black);box-sizing:border-box}
.board-view li button svg {color:var(--gray)}
.board-view li.on button {border:1px solid var(--point);background:var(--point);color:var(--white)}
.board-view li.on button svg {color:var(--white)}

.board-section-area {margin-top:40px}

/* 전체 체크 */
.article-area .all-check {width:100%;height:24px}
.article-area .all-check svg {margin:0 !important}

/* 참스쿨 게시판 - 리스트형 */
.list-area {margin:20px 0;border-top:1px solid var(--secondary);border-bottom:1px solid #dce2e6;}
.list-area table {width:100%;text-align:center;color:var(--black);font-weight:300}
.list-area table thead th {height:46px;background:#fafbfd}
.list-area table td {height:45px;border-top:1px solid #dce2e6;font-size:16px;word-break:break-all}
.list-area table .chk svg {margin:0 auto}
.list-area table .num, .list-area table .views {width:80px}
.list-area table .category, .list-area table .state {width:100px}
.list-area table .state.on {color:var(--point);font-weight:500}
.list-area table .chk {width:50px}
.list-area table .chk svg {margin:0 auto}
.list-area table .nickname, .list-area table .date {width:160px}
.list-area table .subject a {display:flex;align-items:center}
.list-area table .subject a:hover .ttl {text-decoration:underline}
.list-area table .subject a svg {color:var(--dark-gray);margin-left:4px}
.list-area table .subject a .ttl {display:flex;align-items:center;margin:0;font-size:16px;font-weight:400}
.list-area table .subject a .ttl .keyword {font-size:16px}

/* 참스쿨 게시판 - 앨범형 */
.gallery-area {display:block;margin:20px 0}
.gallery-area .list {display:flex;flex-wrap:wrap;justify-content:flex-start;gap:33px}
.gallery-area .list li {position:relative;width:305px;margin:0}
.gallery-area .list li:hover .thumbnail img {transform:scale(1.1)}
.gallery-area .list li .custom-label {z-index:10;position:absolute;top:15px;left:15px}
.gallery-area .list li .thumbnail {overflow:hidden;display:block;width:305px;height:305px;border:1px solid #dce2e6;border-radius:10px;box-sizing:border-box}
.gallery-area .list li .thumbnail.no-image {display:flex;justify-content:center;align-items:center;flex-direction:column;background:#f8f8f8;color:#aaa;}
.gallery-area .list li .thumbnail.no-image i {font-size:36px;}
.gallery-area .list li .thumbnail.no-image span {margin-top:5px;font-size:16px;}
.gallery-area .list li .thumbnail img {width:100%;height:305px;transform:scale(1);transition:all 0.5s;object-fit:cover}
.gallery-area .list li .info {padding:20px 0}
.gallery-area .list li .info .ttl {overflow:hidden;display:-webkit-box;width:100%;height:52px;margin-bottom:10px;font-size:22px;font-weight:500;color:var(--real-black);word-break:keep-all;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.gallery-area .list li .info .ttl .keyword {font-size:22px}
.gallery-area .list li .info .date {width:100%;height:16px;font-size:14px;font-weight:300}

/* 워터마크 */
#screen_wm {z-index:9998;overflow:hidden;position:absolute;display:flex;flex-wrap:wrap;top:0;left:0;width:100%;height:100%;color:#99999922;text-align:center}
.watermark_text {width:33%;margin:100px 0;transform-origin:50% 50%;transform:rotate(-45deg)}
.watermark_text p {font-size:32px}