@charset "utf-8";
* {scrollbar-color: var(--color-text2) var(--sub-bg1);}
.logo {display: block;}
html, body, .adm-header {min-width: 1800px;}

/* 공통 */
.attached-file {text-overflow: ellipsis; overflow: hidden; white-space: nowrap; background-color: var(--color-white); padding: 5px 12px; width: fit-content; border-radius: 4px; column-gap: 8px; font-size: var(--fs-16); line-height: 1.65; letter-spacing: -0.2px; border: 1px solid #DDE3EA; color: #6B7280;}

.square-btn {padding: 8px 12px;}
.detail-btn {border-color: var(--color-border1); background-color: var(--color-white);}
.detail-btn:hover {border-color: #9CA3AF; background-color: #F9FAFB;}
.warning-btn {border-color: #FBBF24; background-color: #FFFBEB; color: #A16207;}
.warning-btn:hover {border-color: #F59E0B; background-color: #FEF3C7; color: #92400E;}
.file-btn {border-color: #BFDBFE; background-color: #EFF6FF; color: #1D4ED8;}
.file-btn:hover {border-color: #93C5FD; background-color: #DBEAFE;}
.down-btn {border-color: #BFDBFE; background-color: var(--color-white); color: #1D4ED8;}
.down-btn:hover {border-color: #BFDBFE; background-color: #EFF6FF;}
.down-btn:disabled {border-color: #BFDBFE; color: #BABABA;}
.down-btn:disabled img {-webkit-filter: grayscale(100%) brightness(0); filter: grayscale(100%) brightness(0); opacity: 0.3;}
.send-msg-btn {background-color: #006B5A; color: var(--color-white);}
.send-msg-btn:hover {background-color: #0A7A67;}
.excel-down-btn {border-color: #1F7A4D; background-color: var(--color-white);}
.excel-down-btn:hover {border-color: #166534; background-color: #F0FAF5; color: #166534;}
.excel-down-btn2 {background-color: #F0FAF5; color: #1F7A4D;}
.excel-down-btn2:hover {background-color: #DCFCE7; color: #166534;}
.add-btn {background-color: #004B5A; color: var(--color-white);}
.add-btn:hover {background-color: #0A5A69;}
.delete-btn {background-color: #D92D20; color: var(--color-white);}
.delete-btn:hover {background-color: #E5483B;}
.modify-btn {border-color: #C9D6E2; background-color: #F3F6FA; color: #1F3A5F;}
.modify-btn:hover {border-color: #AFC2D4; background-color: #E7EEF5; color: #18304E;}
.setting-btn {background-color: #0F4C81; color: var(--color-white);}
.setting-btn:hover {background-color: #1B5E9A;}
.navyline-btn {border-color: #003B73; color: #003B73;}
.navyline-btn:hover {background-color: #EAF2FF;}

.round-btn {transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease; padding: 4px 10px; width: fit-content; border-radius: 99px; font-size: var(--fs-13);}
.round-btn.red {background-color: #FEE2E2; color: #DC2626;}
.round-btn.red:hover {background-color: #FECACA;color: #B91C1C;}
.round-btn.green {background-color: #0F6E56; color: var(--color-white);}
.round-btn.green:hover {background-color: #0A5A47;}
.round-btn.gray {background-color: #4B5563; color: var(--color-white);}
.round-btn.gray:hover {background-color: #374151;}

.circle-btn {transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease; border: 1px solid transparent; width: 26px; height: 26px; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.circle-btn.outline-btn {border-color: var(--color-border2);}
.circle-btn.red {background-color: #FEE2E2;}
.circle-btn.red:hover {background-color: #FECACA;}

.badge.green {background-color: #DCFCE7; color: #166534;}
.badge.blue {background-color: #EFF6FF; color: #1D4ED8;}
.badge.gray {background-color: #F3F4F6; color: #4B5563;}
.badge.red {background-color: #FEE2E2; color: #B91C1C;}
.badge.yellow {background-color: #FEF3C7; color: #A16207;}
.custom-radio label span {width: 18px; height: 18px; border-color: var(--color-border3);}
.custom-radio input[type="radio"]:checked + label span {border-width: 4px;}
.custom-radio label span::after {display: none;}
.text-danger {color:#EF233C;}
.text-primary {color:#2563EB;}
.pagination {margin-top: 0; column-gap: 4px;}
.pagination a, .pagination span {width: var(--space-32); height: var(--space-32); border-radius: 4px; border: 1px solid var(--color-border1);}
.pagination a.active {border-color: var(--color-text1); background-color: var(--color-text1);}
.pagination a:not(.active):hover {background-color: var(--sub-bg1);}
.pagination a.arrow.disable {opacity: 0.3;}
.pagination a.arrow.disable img {opacity: 1;}
.status-row {display: flex; align-items: center; column-gap: var(--space-20);}

.input-item-label label, .input-item-label .label {font-size: var(--fs-15);}

/* 필터 */
.filter-tab-wrap {height: calc(var(--fs-22) * 2); display: flex; align-items: center; column-gap: var(--space-12); flex-wrap: wrap;}
.filter-tab-wrap .filter-tab {transition: background-color 0.2s, border-color 0.2s, color 0.2s; font-size: var(--fs-16); line-height: 1.65; letter-spacing: -0.2px; color: var(--color-text3); padding: 4px var(--space-12); border-radius: 99px; border: 1px solid var(--color-border1); background-color: var(--color-white);}
.filter-tab-wrap .filter-tab:hover,
.filter-tab-wrap .filter-tab.active {background-color: #EFF6FF; color: #2563EB; border-color: #2563EB;}

/* 셀렉트박스+인풋 */
.search-field-wrap {display: flex; column-gap: var(--space-12); width: 100%;}
.search-field-wrap .kb-select-box {width: fit-content; min-width: 200px;}
.search-field-wrap .kb-input {flex: 1;}

/* 주소찾기 */
.address-field-wrap {display: flex; column-gap: var(--space-12); width: 100%;}
.address-field-wrap .kb-select-box {width: fit-content;}
.address-field-wrap .kb-input.zip-code {width: fit-content; min-width: 150px;}
.address-field-wrap .kb-input:not(.zip-code) {flex: 1; width: auto;}

/* 전화번호 */
.phone-field-wrap {width: 100%; display: flex; align-items: center; column-gap: var(--space-12);}
.phone-field-wrap .phone-dash {width: var(--space-12); height: 1px; background-color: var(--color-border2);}
.phone-field-wrap .kb-input,
.phone-field-wrap .kb-select-box {width: calc((100% - var(--space-12) * 2 - (var(--space-12) * 2)) / 3);}

/* 레이아웃 */
.adm-wrap {padding-top: var(--adm-header-height); height: fit-content; min-height: 100vh;}
/* .adm-wrap {height: fit-content; min-height: 100vh;} */
.adm-header {z-index: 999; display: flex; align-items: center; justify-content: space-between; position: fixed; top: 0; left: 0; width: 100%; background-color: var(--color-text2); padding: 10px var(--space-32);}
/* .adm-header {display: flex; align-items: center; justify-content: space-between; width: 100%; background-color: var(--color-text2); padding: 10px var(--space-32);} */
.adm-header .adm-gnb ul {display: flex; align-items: center; justify-content: center; column-gap: var(--space-20);}
.adm-header .adm-gnb ul li a {transition: background-color 0.2s ease, color 0.2s ease; border-radius: 4px; padding: 10px 14px; color: #fff;}
.adm-header .adm-gnb ul li:not(.active) a:hover {color: var(--color-static3);}
.adm-header .adm-gnb ul li.active a {background-color: var(--color-static3);}
.adm-header .adm-util {display: flex; align-items: center; column-gap: var(--space-20);}
.adm-header .adm-util p {display: flex; align-items: center; column-gap: var(--space-12);}
.adm-header .adm-util p span {color: var(--color-white);}
.adm-header .outline-btn:not(:hover) {background-color: transparent; color: var(--color-white);}
.adm-header .outline-btn:hover {color: #003C96;}

.adm-container {display: flex; width: 100%; height: 100%;}
.admin-sidebar, .adm-main {height: 100%; overflow-y: auto; min-height: calc(100vh - var(--adm-header-height));}
.admin-sidebar {width: 240px; background-color: var(--color-white); padding-block: var(--space-24); scrollbar-color: var(--color-static1) var(--color-white);}
.admin-sidebar .admin-main-menu a,
.admin-sidebar .admin-nav .admin-depth2,
.admin-sidebar .admin-nav .admin-depth3 a {transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease; display: block; width: 100%; border-left: 3px solid transparent; padding: 10px var(--space-16); font-size: var(--fs-16); line-height: 1.65; letter-spacing: -0.2px;}
.admin-sidebar .admin-main-menu a,
.admin-sidebar .admin-nav .admin-depth3 a {color: var(--color-text5);}
.admin-sidebar .admin-main-menu a:hover,
.admin-sidebar .admin-nav .admin-depth3 a:hover {background-color: #F0F4FF; color: #2563EB;}
.admin-sidebar .admin-nav .admin-depth3 .active a {background-color: #F0F4FF; border-color: #2563EB; color: #2563EB;}
.admin-sidebar .admin-nav .admin-depth2 {background-color: var(--sub-bg2); color: var(--color-text1);}
.adm-main {width: calc(100% - 240px); background-color: var(--sub-bg1); padding: var(--space-30);}
.adm-grid-wrap {display: grid; grid-template-columns: 600px 1fr; gap: var(--space-20);}
.sms-grid-wrap {grid-template-columns: 320px 1fr;}

/* 타이틀 */
.adm-section-tit {display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: var(--space-20);}
.adm-section-tit p {margin-top: 4px; color: var(--color-text5); line-height: var(--fs-36);}
.adm-section-tit .square-btn {padding-block: 0; height: var(--fs-36);}

/* 서치박스 */
.adm-search-box-wrap {margin-bottom: var(--space-30); padding: var(--space-20); border-radius: 12px; background-color: var(--color-white); border: 1px solid var(--color-border1);}
.adm-search-box-wrap .btn-wrap {justify-content: flex-end; align-items: flex-end;}
.adm-search-box-wrap .btn-wrap .square-btn {padding-inline: var(--space-18);}
.adm-search-box-wrap .input-item-label .custom-radio-wrap {height: calc(var(--fs-22) * 2);}

/* 요약박스 */
.summary-box {display:flex; align-items:center; justify-content:space-between; column-gap:var(--space-20); margin-bottom:var(--space-30); padding:var(--space-20); border:1px solid var(--color-border1); border-radius:4px; background-color:var(--color-white);}
.summary-list {display:grid; grid-template-columns:repeat(2, 1fr); gap:var(--space-16) var(--space-20); flex:1;}
.summary-item {display:flex; align-items:center; justify-content:space-between; min-height:48px; padding:0 var(--space-16); border:1px solid var(--color-border1); border-radius: 8px;}
.summary-item span {color:var(--color-text5);}
.summary-item strong {font-size:var(--fs-16); font-weight:500; color:var(--color-text1);}
.summary-box > .btn-wrap {flex-shrink:0;}
.summary-box > .btn-wrap .square-btn {min-width:120px; height:var(--space-48);}

/* 요약카드 */
.adm-card-list {display: flex; align-items: center; column-gap: var(--space-12);}
.adm-card-list .adm-card {border: 1px solid var(--color-border1); flex: 1; padding: var(--space-12); border-radius: 8px; background-color: var(--sub-bg1); display: flex; flex-direction: column; align-items: center; row-gap: 6px;}
.adm-card-list .adm-card span,
.adm-card-list .adm-card em {color: var(--color-text5);}
.adm-card-list .adm-card strong {}

/* 상단요약카드 */
.adm-info-card-list {column-gap: var(--space-16); margin-bottom: var(--space-40); padding: var(--space-20); border-radius: 12px; background-color: var(--sub-bg3);}
.adm-info-card-list .adm-card {border-color: transparent; align-items: flex-start;}

/* 큰박스 */
.adm-info-big-box {padding:var(--space-24); border:2px solid var(--color-static3); border-radius:12px; background-color:var(--sub-bg3); text-align:center; display: flex; flex-direction: column; row-gap: 4px; align-items: center;}
.adm-info-big-box span {color: var(--color-text2);}
.adm-info-big-box strong {display: flex; align-items: center; column-gap: var(--space-20);}
.adm-info-big-box strong em {color: var(--color-text5);}

/* 인풋박스 */
.adm-input-box-wrap {padding: var(--space-20); border-radius: 12px; background-color: var(--color-white); border: 1px solid var(--color-border1);}
.adm-input-box-wrap + .adm-input-box-wrap {margin-top: var(--space-40);}
.adm-input-box-wrap .adm-input-box + .adm-input-box {margin-top: var(--space-40);}
.adm-input-box-wrap .adm-input-box {display: flex; flex-direction: column; row-gap: var(--space-16);}
.adm-input-box-wrap .adm-input-tit {display: flex; align-items: center; column-gap: var(--space-12); padding-bottom: 8px; border-bottom: 1px solid var(--color-border1);}
.adm-input-box-wrap .adm-input-tit strong {font-weight: 600;}
.adm-input-box-wrap .adm-input-tit p {color: var(--color-text5);}
.adm-input-box-wrap .adm-input-box .input-wrap.auto-layout > * {flex: 1; width: auto;}
.adm-input-box-wrap .input-desc {font-size: var(--fs-14); color: var(--color-static3);}

/* 월 선택 */
.input-item-label:has(.month-select-box),
.input-item-label:has(.year-select-box) {width: 100%; flex-direction: row; align-items: center; justify-content: space-between;}
.month-select-box {display: flex; align-items: center; column-gap: var(--space-16);}
.month-select-box .month-input {text-align:center;}
.month-move-btn img {width:20px; height:20px;}/* 년 선택 */
.year-select-box {display:flex; align-items:center; column-gap:var(--space-12);}
.year-select-box .year-select {width:100px;}
.year-select-box > span {color:var(--color-text1);}
.year-move-btn img {width:20px; height:20px;}
/* 년선택 */
.year-select-box {display:flex; align-items:center; column-gap:var(--space-12);}
.year-select-box .kb-select-box {width:120px;}
.year-move-btn img {width:20px; height:20px;}

/* .adm-input-box-wrap .adm-input-box .input-wrap .kb-input,
.adm-input-box-wrap .adm-input-box .input-wrap .kb-select-box select {background-color: var(--sub-bg1);} */

/* 접속로그 */
.adm-log-box {width:100%;}
.adm-log-box .log-list {display:flex; flex-direction:column; row-gap:var(--space-16);}
.adm-log-box .log-item {display:flex; align-items:center; column-gap: 10px; padding: 14px 10px; border:1px solid var(--color-border1); border-radius:10px; background-color:var(--color-white);}
.adm-log-box .log-rank {width: 26px; height: 26px; flex-shrink:0; display:flex; align-items:center; justify-content:center; border-radius:8px; background-color:var(--sub-bg3); color:var(--color-text5); font-size: var(--fs-13); font-weight:700;}
.adm-log-box .log-url {flex:1; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.adm-log-box .log-count-box {width:460px; flex-shrink:0; display:flex; align-items:center; column-gap:var(--space-20);}
.adm-log-box .log-bar {flex:1; height:14px; overflow:hidden; border-radius:99px; background-color:var(--color-border1);}
.adm-log-box .log-bar span {display:block; height:100%; border-radius:99px; background-color:#EEF0F3;}
.adm-log-box .log-item.active .log-bar span {background-color:#2563EB;}
.log-box .log-item:has(.log-bar span[style*="width:0"]) .log-bar span {display:none;}
.adm-log-box .log-count-box strong {width: 120px; text-align:right;}
/* 날짜별 */
.daily-log-box .log-url span.sat {color:#2563EB;}
.daily-log-box .log-url span.sun {color:#DC2626;}
.daily-log-box .log-item .log-bar span {min-width:0;}


/* 테이블 필터 */
.table-filter-box {display: flex; align-items: center; justify-content: space-between; margin-bottom: var(--space-20);}
.table-filter-box .kb-select-box {width: fit-content; min-width: var(--width-168);}
.table-filter-box .filter-cont {flex-shrink: 0; display: flex; align-items: center; column-gap: var(--space-20);}
.table-filter-box .filter-cont .square-btn {padding: 5px var(--space-18);}

/* 테이블 */
.adm-table-wrap {border-radius: 12px; border: 1px solid var(--color-border1); overflow: hidden;}
.adm-table-wrap:not(:has(.adm-table-bottom)) .adm-table {border-bottom: 0;}
.adm-table-wrap .adm-table {border-top: 0;}
.adm-table {width:100%; table-layout:fixed; border-collapse:collapse; border-spacing:0; background-color:var(--color-white); border-top:1px solid var(--color-border1); border-bottom:1px solid var(--color-border1);}
.adm-table th,
.adm-table td {font-weight: 400; padding: var(--space-16) var(--space-12); border-bottom:1px solid var(--color-border1); color:var(--color-text1); text-align:center; vertical-align:middle; word-break:keep-all;}
.adm-table th {background-color:var(--sub-bg2); font-size:var(--fs-16); line-height:1.7;}
.adm-table td {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight:400; background-color: var(--color-white); font-size:var(--fs-15); line-height:1.6; letter-spacing: -0.2px;}
.adm-table td a.link {width: 100%; height: 100%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #2563EB; font-weight: 700; text-decoration: underline;}
.adm-table td a.secret {position: relative; padding-left: 28px;}
.adm-table td a.secret::before {content: ''; display: inline-block; width: 20px; height: 20px; background: url(/img/lock-ico.svg) no-repeat center / contain; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.adm-table tbody tr:last-child td {border-bottom:0;}
.adm-table tbody tr td{font-size: var(--fs-14); transition: background-color 0.2s; background-color: var(--color-white);}
.adm-table thead tr th .custom-chk,
.adm-table tbody tr td .custom-chk,
.adm-table tbody tr td > .badge,
.adm-table tbody tr td > .square-btn {width: fit-content; margin-inline: auto;}
.adm-table tbody tr:hover td{background-color: var(--sub-bg1);}
.adm-table td.left {text-align: left;}
.adm-table .btn-wrap {column-gap: 6px; justify-content: center;}
.adm-table .square-btn {white-space: nowrap; padding-block: 5px; min-width: 64px;}
.adm-table-bottom {background-color: var(--color-white); padding: var(--space-20) var(--space-16); display: flex; align-items: center; justify-content: space-between;}
.adm-table-bottom .table-total {color: var(--color-text7);}

/* 가로형 테이블 */
.adm-table-wrap .adm-row-table {border-top: 0;}
.adm-table-wrap:not(:has(.adm-table-bottom)) .adm-row-table {border-bottom: 0;}
.adm-row-table .adm-table {border-bottom: 0;}
.adm-row-table {width: 100%; border-collapse: collapse; table-layout: fixed; border-top:1px solid var(--color-border1); border-bottom:1px solid var(--color-border1);}
.adm-row-table th,
.adm-row-table td {padding: var(--space-16); border-bottom: 1px solid var(--color-border1); font-weight: 400;}
.adm-row-table th {width: 180px; background-color: var(--sub-bg2); text-align: left;}
.adm-row-table td {font-size: var(--fs-14); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; background-color: var(--color-white);}
.adm-row-table td + th {border-left: 1px solid var(--color-border1);}
.adm-row-table tr:last-child th,
.adm-row-table tr:last-child td {border-bottom: 0;}

/*  */
.table-grid {display: grid;grid-template-columns: 1fr 1fr; gap: var(--space-20); align-items: start;}

/* 선정기업 순위표 */
.rank-num {display:inline-flex; align-items:center; justify-content:center; width: var(--space-30); height: var(--space-30); border-radius:50%; background-color:#E5E7EB; color: var(--color-text3); font-size:var(--fs-15);}
.rank-num.rank-1 {background: #FFD700; background: linear-gradient(145deg, rgba(255, 215, 0, 1) 0%, rgba(255, 199, 0, 1) 100%);}
.rank-num.rank-2 {background: #E8E8E8; background: linear-gradient(145deg, rgba(232, 232, 232, 1) 0%, rgba(211, 211, 211, 1) 100%);}
.rank-num.rank-3 {background: #CD7F32; background: linear-gradient(145deg, rgba(205, 127, 50, 1) 0%, rgba(184, 125, 63, 1) 100%); color:var(--color-white);}

/* 하단고정박스 */
.adm-main:has(.adm-bottom-box) {padding-bottom: calc(var(--space-30) + clamp(60px, 5vw, 72px));}
.adm-bottom-box {height: clamp(60px, 5vw, 72px); position: fixed; right: 0; bottom: 0; width: calc(100% - 240px); padding: var(--space-16) var(--space-30); display: flex; align-items: center; justify-content: space-between; background-color: var(--color-white); border-top: 1px solid var(--color-border1);}
.adm-bottom-box p {color: var(--color-text7);}
.adm-bottom-box .square-btn {padding: 5px var(--space-18);}

/* 체크박스 */
.checkbox-container {padding: var(--space-16); border-radius: 8px; border: 1px solid var(--color-border1); width: 100%;}
.checkbox-container .custom-chk label {width: 100%;}

/* 첨부파일설정박스 */
.setting-box {height: fit-content; overflow:hidden; border:1px solid var(--color-border1); border-radius:12px; background-color:var(--color-white);}
.setting-box .setting-head {display:flex; align-items:center; justify-content:space-between; padding:var(--space-20); border-bottom:1px solid var(--color-border1);}
.setting-box .setting-head strong {font-weight: 600;}
.setting-box .setting-list {display:flex; flex-direction:column; row-gap: 10px; padding:var(--space-12);}
.setting-box .setting-item {}
.setting-box .setting-item .setting-top {border-radius: 8px; border: 1px solid var(--color-border1); display: flex; align-items:center; column-gap:var(--space-16); padding:var(--space-16);}
.setting-box .setting-item .setting-top .circle-btn {flex-shrink: 0;}
.setting-box .setting-item .setting-top .body-medium {flex: 1; display: flex; align-items: center; column-gap: 6px;}
.setting-box .setting-item .setting-top .body-medium b {font-weight: 700;}
.setting-box .setting-item .setting-btn-wrap {column-gap: 6px;}
.setting-box .setting-item .setting-btn-wrap span {font-size: var(--fs-13); color: var(--color-text5); padding-inline: 2px;}
/* .setting-box .setting-item.open .setting-cont {display: block;} */
.setting-box .setting-item .setting-cont {display: none; background-color:var(--sub-bg1); border-radius: 8px; padding: 8px;}
.setting-box .setting-item .setting-row {position: relative; padding: 10px var(--space-16); display: flex; align-items: center; column-gap: var(--fs-14);}
.setting-box .setting-item .setting-row + .setting-row {border-top: 1px solid var(--color-border1);}
.setting-box .setting-item .setting-num {padding-inline: 10px; color: var(--color-text7);}
.setting-box .setting-item .setting-info {flex: 1;}
.setting-box .setting-item .setting-info p {text-align: left; margin-bottom:6px; font-size:var(--fs-16); line-height:1.5;}
.setting-box .setting-item .setting-info .kb-input {width: 100%; height: fit-content; padding: 2px 5px; color:#1E40AF; background-color:var(--sub-bg3); border-color:var(--color-static1);}
.setting-box .setting-item .setting-row .circle-btn {position: absolute; top: 10px; right: var(--space-16);}

/* 문자보내기 */
.sms-box {padding: var(--space-20); border: 1px solid var(--color-border1); border-radius: 12px; background-color: var(--color-white);}
.sms-box form {display: flex; flex-direction: column; row-gap: var(--space-20);}
.sms-box .input-item-label {width: 100%;}
.sms-box .sms-textarea-wrap {width: 100%; position: relative;width: 100%;}
.sms-box .sms-textarea-wrap textarea {width: 100%; height: 220px;}
.sms-box .sms-byte {position: absolute; right: 10px; bottom: 10px; color: var(--color-text7);}
.sms-box .sms-submit-btn {width: 100%; justify-content: center; padding-block: var(--space-12);}

/* 게시글 상세 */
.board-tit-box {padding: var(--space-20); border: 1px solid var(--color-border1); border-radius: 4px; background-color: var(--color-white); display: flex; flex-direction: column; row-gap: var(--space-12);}
.board-view-tit {}
.board-view-info {display: flex; align-items: center;}
.board-view-info span {position: relative; display: flex; align-items: center; column-gap: var(--space-12); color: var(--color-text3);}
.board-view-info span + span {padding-left: var(--space-24); margin-left: var(--space-24);}
.board-view-info span + span::before {content: ''; position: absolute; left: 0; top: 50%; width: 1px; height: 16px; background-color: var(--color-border1); transform: translateY(-50%);}
.board-view-info b {font-weight: 400; color: var(--color-text3);}
.board-view-state {color: var(--color-text3);}
.board-view-state b {font-weight: 400; color: #1D4ED8;}

.board-cont-box {margin-top: var(--space-20); padding: var(--space-20); border: 1px solid var(--color-border1); border-radius: 4px; background-color: var(--color-white);}
.board-cont-txt {margin-bottom: var(--space-20);}
.board-cont-img {max-width: 700px; width: 100%;}
.board-file-box {display: flex; align-items: center; justify-content: space-between; padding: var(--space-20); border: 1px solid var(--color-border1); border-radius: 4px; background-color: var(--color-white);}
.board-file-info {display: flex; align-items: center; column-gap: var(--space-20);}
.board-file-info strong {display: flex; align-items: center; column-gap: 6px;}
.board-file-info strong img {width: 20px; height: 20px;}
.board-file-info a {color: var(--color-text4);}
.board-file-info a:hover {color: #2563EB; text-decoration: underline;}
.board-file-down {display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 4px; border: 1px solid transparent; transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;}
.board-file-down img {width: 20px; height: 20px;}
.board-file-down:hover {border-color: #003C96; background-color: #EAF2FF;}

.board-nav-box {overflow: hidden; margin-top: var(--space-20); border: 1px solid var(--color-border1); border-radius: 4px; background-color: var(--color-white);}
.board-nav-row {display: flex; align-items: center; padding: var(--space-20); border-bottom: 1px solid var(--color-border1);}
.board-nav-row:last-child {border-bottom: 0;}
.board-nav-row strong {width: var(--space-80); text-align: center;}
.board-nav-row a,
.board-nav-row span {position: relative; flex: 1; padding-left: var(--space-20); color: var(--color-text1);}
.board-nav-row a::before,
.board-nav-row span::before {content: ''; position: absolute; left: 0; top: 50%; width: 1px; height: var(--space-20); background-color: var(--color-border1); transform: translateY(-50%);}
.board-nav-row span {color: var(--color-text5);}
.board-nav-row a:hover {color: #2563EB; text-decoration: underline;}

/* 모달 */
.adm-modal {padding: 0; max-width: 1100px; overflow: hidden;}
.adm-modal .btn-wrap {margin-top: 0;}
.adm-modal-header {display: flex; align-items: flex-start; justify-content: space-between; padding: var(--space-20); border-bottom: 1px solid var(--color-border1);}
.adm-modal-header .adm-modal-tit {display: flex; flex-direction: column; row-gap: 8px;}
.adm-modal-header .adm-modal-tit p {color: var(--color-text5);}
.adm-modal-footer {padding: var(--space-20); border-top: 1px solid var(--color-border1);}
.adm-modal-footer .btn-wrap {justify-content: flex-end;}
.adm-modal-footer .btn-wrap .square-btn {padding: 5px var(--space-18);}
.adm-modal-cont {padding: var(--space-16) var(--space-20);}
.adm-modal-cont:not(.grid) {height: calc(80vh - 180px); overflow-y: auto;}
.adm-modal-cont.grid {padding: 0; display: grid; grid-template-columns: 300px 1fr;}
.adm-modal-cont-tit {padding: var(--space-16); border-bottom: 1px solid var(--color-border1); display: flex;}
.adm-modal-cont-tit .txt-wrap {display: flex; flex-direction: column; row-gap: 4px;}
.adm-modal-cont-tit .txt-wrap p {color: var(--color-text5);}
.adm-modal-cont-box {padding: var(--space-16);}
.adm-modal-side, .adm-modal-main {height: calc(80vh - 180px); overflow-y: auto;}
.adm-modal-side {background-color: var(--sub-bg1); border-right: 1px solid var(--color-border1);}
.adm-modal-side .adm-modal-cont-tit {flex-direction: column; row-gap: var(--space-12);}
.adm-modal-side .adm-modal-cont-tit {flex-direction: column; row-gap: var(--space-12);}
.adm-modal-main .adm-modal-cont-tit {justify-content: space-between; align-items: center;}

/* 권한설정모달 */
.adm-modal-cont-box .manager-list {display: flex; flex-direction: column; row-gap: 6px;}
.adm-modal-cont-box .manager-item label {transition: border-color 0.2s; border: 1px solid transparent; border-radius: 6px; background-color: var(--color-white); cursor: pointer; padding: var(--space-12); display: flex; align-items: center; column-gap: 10px;}
.adm-modal-cont-box .manager-item:not(.active) label:hover {border-color: var(--color-border1);}
.adm-modal-cont-box .manager-item.active label {border-color: var(--color-static3);}
.adm-modal-cont-box .permission-list {display: flex; flex-direction: column; row-gap: var(--space-16);}
.adm-modal-cont-box .permission-item {border-radius: 8px; overflow: hidden; border: 1px solid var(--color-border1);}
.adm-modal-cont-box .permission-item .permission-tit {border-bottom: 1px solid var(--color-border1); padding: var(--space-12) var(--space-16); background-color: var(--sub-bg1);}
.adm-modal-cont-box .permission-item .permission-cont {padding: var(--space-12) var(--space-16); }

/* 첨부파일관리모달 */
.attachment-detail-item + .attachment-detail-item {margin-top: var(--space-20);}
.attachment-detail-item .attatchment-tit {display: flex; align-items: center; column-gap: 8px; margin-bottom: var(--space-12);}
.attachment-detail-item .attatchment-tit::before {content: ''; display: block; width: 5px; height: 14px; border-radius: 2px; background-color: #003B73;}
.attachment-detail-item .attatchment-tit p {color: var(--color-text5);}
.attachment-detail-item .adm-table-wrap {max-height: 390px; overflow-y: auto;}

/* 문자전송팝업 */
#smsModal {max-width: 300px;}
.adm-modal .sms-box {border-radius: 0; border: 0;}

@media screen and (max-width: 1280px) {
    .adm-wrap {padding-top: 0;}
    .adm-header {position: unset;}
    .adm-main:has(.adm-bottom-box) {padding-bottom: var(--space-30);}
    .adm-bottom-box {margin-top: var(--space-30); position: unset; width: 100%; background-color: transparent; border-top: 0; padding-inline: 0;}

    .input-wrap > * {width: calc(50% - var(--space-20) / 2);}
}

/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */