/*header*/
#jHeader {position: absolute;left: 0; top: 0; width: 100%;  height: 100px;z-index: 99;background: #fff;  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);}
.hd-inner { max-width: 1820px; margin: 0 auto;width: 95%;height: 100%; display: flex;align-items: center;justify-content: center; position: relative;}

/*main-visual*/

.main-visual {margin-top:100px;}
.mv-inner {width:100%; margin:0 auto;height:350px;background:url('/theme/spg/hasy/img/mv-bg.png') no-repeat 50% bottom / cover;background-attachment:fixed;position:relative;border-radius:0px;overflow:hidden;}
.mv-inner::before {content:'';position:absolute;inset:0;background:rgba(0,0,0,0.45);z-index:1;}
.mv-desc-box {position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;}
.mv-desc-box h2 {color:#fff;}



.spg-board-wrap {padding:80px 0;}
.board-inner {max-width: 1400px;width: 95%;margin: 0 auto;}
.cate-box{overflow-x:auto;scrollbar-color:#05a2c7 #eaeaea;scrollbar-width:thin; display:flex;align-items:center;flex-wrap:nowrap; margin-bottom:0px; border-bottom:2px solid #ddd; overflow:hidden; border-radius:10px 10px 0 0;}
.cate-box::-webkit-scrollbar{height:6px;}
.cate-box::-webkit-scrollbar-track{background:#eaeaea;border-radius:10px;}
.cate-box::-webkit-scrollbar-thumb{background:#05a2c7;border-radius:10px;}
.cate-box::-webkit-scrollbar-thumb:hover{background:#048fb0;}
.cate-box li{flex:1;min-width:0;text-align:center;}
.cate-box li a{display:block;padding:20px 10px;background:#f6f6f6;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight: 400; line-height: 1.5em;}
.cate-box li.active a{background:#05a2c7;color:#fff; font-weight:500;}

.board-list-box ul {display: flex;flex-wrap: wrap;}
.board-list-box ul li {border-bottom:1px solid #ddd; width: 100%;position: relative;margin-right: 0;display: flex;align-items: center;justify-content: space-between;padding: 18px 20px 18px 58px;background: #f3f3f3;box-sizing: border-box;}
.board-list-box ul li:nth-child(even) {background:#fff;}
.board-list-box ul li .borard-cont .cate-name{display:block; color:#898989; box-sizing:border-box; font-weight:400; font-size:14px;}
.board-list-box ul li .borard-cont span {display:block; font-weight:700;}
.board-list-box ul li .borard-cont h4 {margin-top:5px;display:block; }
.board-list-box ul li .board-file-down{gap:10px;padding:10px 15px;display:flex;align-items:center;justify-content:center;border-radius:14px;overflow:hidden;background:#e0e0e0;border:1px solid rgba(0,0,0,.08);position:relative;transform:translateY(0);transition:transform .2s ease,box-shadow .2s ease,background .25s ease,border-color .25s ease,color .25s ease;}
.board-list-box ul li .board-file-down img{width:14px;height:auto;display:block;filter:brightness(0);transition:transform .2s ease,filter .25s ease;}
.board-list-box ul li .board-file-down .txt{color:#111;font-size:16px;font-weight:600;transition:color .25s ease;}
.board-list-box ul li .board-file-down::after{content:"";position:absolute;top:-20%;left:-60%;width:70%;height:140%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.35),transparent);transform:translateX(-120%) rotate(12deg);transition:transform .55s ease;pointer-events:none;}
.board-list-box ul li .board-file-down:hover{transform:translateY(-2px);background:#05a2c7;border-color:#05a2c7;color:#fff;box-shadow:0 10px 22px rgba(5,162,199,.35);}
.board-list-box ul li .board-file-down:hover img{transform:translateY(1px) scale(1.08);filter:brightness(0) invert(1);}
.board-list-box ul li .board-file-down:hover .txt{color:#fff;}
.board-list-box ul li .board-file-down:hover::after{transform:translateX(260%) rotate(12deg);}
.board-list-box ul li .board-file-down:active{transform:translateY(0);box-shadow:0 6px 14px rgba(5,162,199,.35);}
.board-list-box ul li .board-file-down:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(5,162,199,.25),0 10px 22px rgba(5,162,199,.35);border-color:#05a2c7;}
.board-ctrl{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;}

.chk-all{display:inline-flex;align-items:center;gap:10px;background:#f3f3f3;border-radius:14px;padding:12px 14px;cursor:pointer;user-select:none;}
.chk-all input{width:18px;height:18px;accent-color:#05a2c7;}
.chk-all span{font-weight:500;color:#111;}
.ctrl-btns{display:flex;align-items:center;gap:10px;}

.board-btn{display:inline-flex;align-items:center;justify-content:center;height:46px;padding:0 16px;border-radius:14px;border:0;cursor:pointer;font-weight:500;white-space:nowrap;text-decoration:none;box-sizing:border-box;}
.btn-del{background:#d9d9d9;color:#111;}
.btn-write{background:#05a2c7;color:#fff;}

.row-chk{position:absolute;left:14px;top:14px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;}
.row-chk input{position:absolute;opacity:0;pointer-events:none;}
.row-chk .chk-ui{width:22px;height:22px;border-radius:6px;background:#fff;border:2px solid #cfcfcf;box-sizing:border-box;display:block;transition:all .15s ease;}
.row-chk input:checked + .chk-ui{border-color:#05a2c7;background:#05a2c7;box-shadow:0 0 0 3px rgba(5,162,199,.15);}
.row-chk input:checked + .chk-ui::after{content:'';display:block;width:10px;height:6px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg);margin:5px 0 0 5px;}


/*view*/

.manual-tb {width: 100%;table-layout: fixed;border-top: 2px solid #222;}
.manual-inner {max-width:1200px; width:95%; margin:0 auto; padding:80px 0; box-sizing:border-box;}
.manual-loop {display: flex;align-items: center;justify-content: space-between;font-weight: 400; margin-bottom:20px;}
.manual-loop h2 {}
.manual-tb tr th {padding: 14px;border-bottom: 1px solid #ddd;font-weight: 400;line-height: 150%;padding: 18px 20px;border-right: 1px solid #ddd;background: #f4f4f4;font-weight: 600;word-break: keep-all;}
.manual-tb tr td {padding: 14px;border-bottom: 1px solid #ddd;font-weight: 400; line-height: 150%;} 
.manual-content {font-weight: 400;color: #000;padding: 30px 0 50px;}

.manual-btns{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:24px;padding-top:18px;border-top:1px solid #e6e6e6;}
.m-btn{display:inline-flex;align-items:center;justify-content:center;height:46px;padding:0 16px;border-radius:14px;text-decoration:none;font-weight:500;box-sizing:border-box;white-space:nowrap;}
.m-btn-list{background:#f3f3f3;color:#111;}
.manual-btns-right{display:flex;gap:10px;}
.m-btn-edit{background:#05a2c7;color:#fff;}
.m-btn-del{background:#d9d9d9;color:#111;}


/*sch css*/
.board-search-wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:24px 0;}
.board-total{font-size:14px;color:#666;white-space:nowrap;}
.board-total strong{font-size:18px;font-weight:700;color:#05a2c7;margin-right:4px;}
.board-search{max-width:420px;width:100%;}
.board-search .search-row{display:flex;align-items:center;gap:8px;padding:6px;border:1px solid #e3e5e8;border-radius:10px;background:#f6f7f9;box-shadow:none;}
.board-search .search-row:focus-within{border-color:#e3e5e8;box-shadow:none;}
.search-inp{flex:1;height:42px;padding:0 14px;border:0;background:transparent;font-size:15px;outline:none;box-shadow:none;-webkit-appearance:none;appearance:none;}
.search-inp:focus{outline:none;box-shadow:none;}
.search-inp:focus-visible{outline:none;box-shadow:none;}
.search-btn{height:42px;padding:0 18px;border:0;border-radius:8px;background:#111;color:#fff;font-size:14px;font-weight:600;cursor:pointer;}
.search-btn:hover{background:#333;}
.search-reset{font-size:13px;color:#666;opacity:.8;text-decoration:none;}
.search-reset:hover{text-decoration:underline;}


/*페이지 네이션 css*/

.spg-paging{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:28px;}
.spg-paging .pg-btn{min-width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid #d9d9d9;border-radius:8px;font-size:14px;color:#222;background:#fff;text-decoration:none;transition:transform .12s ease,background .12s ease;}
.spg-paging .pg-btn:hover{background:#f6f6f6;transform:translateY(-1px);}
.spg-paging .pg-btn.is-disabled{opacity:.35;pointer-events:none;}
.spg-paging .pg-num{display:flex;align-items:center;gap:6px;}
.spg-paging .pg-link{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:8px;font-size:14px;color:#222;text-decoration:none;background:transparent;transition:background .12s ease,border-color .12s ease;}
.spg-paging .pg-link:hover{background:#f6f6f6;border-color:#e6e6e6;}
.spg-paging .pg-link.is-active{background:#222;color:#fff;border-color:#222;font-weight:700;}

.j-footer {width:100%; height:100px;}
.ft-inner { max-width: 1820px; margin: 0 auto;width: 95%;height: 100%; display: flex;align-items: center;justify-content: center; position: relative;}

/*로그아웃버튼*/
.page-util{position:fixed;right:24px;bottom:24px;display:flex;flex-direction:column;gap:10px;z-index:1000;}
.btn-logout{padding:10px 14px;border-radius:8px;background:#111;color:#fff;font-size:14px;text-align:center;text-decoration:none;}
.btn-logout:hover{background:#333;}
.btn-top{padding:10px 14px;border-radius:8px;border:1px solid #ddd;background:#fff;font-size:14px;cursor:pointer;}
.btn-top:hover{background:#f5f5f5;}