/**
 * 게시판 영역만 관리자 스타일 적용 (메인 헤더/푸터는 메인 CSS 유지)
 * .admin_board 안에서만 적용되며, Notice.jsp / NoticeView.jsp에서 사용
 */
/* 입찰/공고 페이지에서 사이트맵 버튼 표시 */
.header .site-map-btn { visibility: visible; }
.site-map-inner { position: relative; }

.admin_board .location {margin-bottom: 20px;}
.admin_board .location ul,
.admin_board .location ul li {display: inline-block; vertical-align: top;}
.admin_board .location ul li {position: relative; color: #666; font-size: 14px;}
.admin_board .location ul li + li::before {content: ""; display: inline-block; width: 4px; height: 7px; margin: 0 9px 0 3px; line-height: 18px; background: url(../../images/ico_arrow_r_gray_4x7.png) no-repeat; vertical-align: 2px;}
.admin_board .location ul li:last-child {color: #222;}
.admin_board .location ul li a {display: inline-block; color: #666; font-size: 14px;}
.admin_board .location ul li a:hover {color: #222; text-decoration: underline;}
.admin_board .location ul li a.home {position: relative; padding-left: 19px;}
.admin_board .location ul li a.home::before {content: ""; display: block; position: absolute; left: 0; top: 3px; width: 14px; height: 13px; background: url(../../images/ico_home.png) no-repeat;}

.admin_board .tit_1 {font-size: 24px; font-weight: 700; margin-bottom: 10px;}
.admin_board .tit_1 + .tit_2 {margin-top: 5px;}
.admin_board .tit_2 {font-size: 20px; font-weight: 600; margin-bottom: 20px; color: #364049;}

.admin_board .condition {padding: 25px; border: 1px solid #dde2e5; border-radius: 10px; font-size: 0; text-align: center;}
.admin_board .condition .item + .item {margin-left: 20px;}
.admin_board .condition .item {display: inline-block; vertical-align: top; font-size: 14px;}
.admin_board .condition .f_select {display: inline-block; position: relative; min-width: 125px; height: 35px; border: 0; border-radius: 5px; background: #f7f7f7; vertical-align: top;}
.admin_board .condition .f_select select {width: 100%; height: 100%; padding: 0 10px; border: 0; color: #222; font-size: 14px; background: transparent;}
.admin_board .condition .f_search {display: inline-flex; align-items: center; gap: 10px;}
.admin_board .condition .f_search input[type=text] {width: 100%; height: 35px; padding: 0 50px 0 20px; border: 1px solid #dde2e5; border-radius: 5px; color: #222; font-size: 16px; background: #f7f7f7;}
.admin_board .condition .btn {display: inline-flex; align-items: center; justify-content: center; border: 1px solid #d4d4d4; height: 35px; padding: 0 10px; color: #666; border-radius: 3px; transition: all .3s ease; background-color: #fff; font-size: 13px; white-space: nowrap;}
.admin_board .condition .btn:hover {background-color: #f6f6f6; color: #333;}

.admin_board .board_list {border-top: 2px solid #222; margin-top: 20px;}
.admin_board .board_list table {width: 100%; font-size: 16px; font-weight: 300;}
.admin_board .board_list th {padding: 23px 0; border-bottom: 1px solid #888; color: #000; font-weight: 400; text-align: center;}
.admin_board .board_list td {padding: 16px 0 19px 0; border-bottom: 1px solid #dde2e5; color: #666; text-align: center;}
.admin_board .board_list td.al {padding: 16px 10px 19px 10px; text-align: left;}
.admin_board .board_list td .lnk {color: #222;}
.admin_board .board_list td .lnk:hover {color: #005efe; text-decoration: underline;}
.admin_board .board_list td .lnk_deleted {color: #999; text-decoration: line-through; cursor: default;}
.admin_board .board_list_bot {margin-top: 30px;}

.admin_board #paging_div {display: flex; justify-content: center; margin-top: 30px;}
.admin_board #paging_div ul {display: flex; gap: 10px;}
.admin_board #paging_div ul > * {width: 30px; height: 30px; position: relative; transition: all .3s ease;}
.admin_board #paging_div ul li {display: flex; align-items: center; justify-content: center; cursor: pointer;}
.admin_board #paging_div ul li a,
.admin_board #paging_div ul li strong {transition: all .3s ease; width: 30px; height: 30px; display: flex; align-items: center; justify-content: center;}
.admin_board #paging_div ul li strong {background: #005efe; color: #fff;}
.admin_board #paging_div ul .first::before {position: absolute; content: ''; left: calc(50% - 1px); top: 50%; transform: translate(-50%, -50%) rotate(45deg); width: 25%; height: 25%; border: 1px solid #333; border-top: transparent; border-right: transparent;}
.admin_board #paging_div ul .first::after {position: absolute; content: ''; left: calc(50% + 3px); top: 50%; transform: translate(-50%, -50%) rotate(45deg); width: 25%; height: 25%; border: 1px solid #333; border-top: transparent; border-right: transparent;}
.admin_board #paging_div ul .prev::before {position: absolute; content: ''; left: calc(50% + 1px); top: 50%; transform: translate(-50%, -50%) rotate(45deg); width: 25%; height: 25%; border: 1px solid #333; border-top: transparent; border-right: transparent;}
.admin_board #paging_div ul .next::before {position: absolute; content: ''; left: calc(50% - 3px); top: 50%; transform: translate(-50%, -50%) rotate(45deg); width: 25%; height: 25%; border: 1px solid #333; border-bottom: transparent; border-left: transparent;}
.admin_board #paging_div ul .last::before {position: absolute; content: ''; left: calc(50% + 1px); top: 50%; transform: translate(-50%, -50%) rotate(45deg); width: 25%; height: 25%; border: 1px solid #333; border-bottom: transparent; border-left: transparent;}
.admin_board #paging_div ul .last::after {position: absolute; content: ''; left: calc(50% - 3px); top: 50%; transform: translate(-50%, -50%) rotate(45deg); width: 25%; height: 25%; border: 1px solid #333; border-bottom: transparent; border-left: transparent;}
.admin_board #paging_div ul > *:hover,
.admin_board #paging_div ul > *:hover a {background: #005efe; color: #fff;}
.admin_board #paging_div ul > *:hover::before,
.admin_board #paging_div ul > *:hover::after {border-color: #fff;}
.admin_board #paging_div ul a.prev,
.admin_board #paging_div ul a.next {font-size: 0 !important;}

/* board_view (게시판 상세보기 - NoticeView) */
.admin_board .board_view {border-top: 2px solid #222;}
.admin_board .board_view_top {display: flex; flex-direction: column; justify-content: center; align-items: center; gap:25px; padding:25px 0; border-bottom: 1px solid #dde2e5;}
.admin_board .board_view_top .tit {color: #222; font-size: 18px; font-weight: 500; text-align: center;}
.admin_board .board_view_top .info {display: flex; justify-content: center; gap:50px;}
.admin_board .board_view_top .info dl{display: flex; gap:15px;}
.admin_board .board_view_top .info dt{color:#b1b1b1;}
.admin_board .board_article {border-bottom: 1px solid #dde2e5;}
.admin_board .board_article textarea {width: 100%; min-height: 350px; padding: 30px 29px; border: 0; color: #666; font-size: 16px; font-weight: 300; line-height: 30px; resize: none; background: transparent !important;}
.admin_board .board_attach dl {display: flex; justify-content: space-between; padding:25px 0; border-bottom: 1px solid #dde2e5; font-size: 16px; font-weight: 300;}
.admin_board .board_attach dl dt {width: 102px; padding-left: 30px; color: #000;}
.admin_board .board_attach dl dd a {color: #005efe;}
.admin_board .board_view_bot {margin-top: 30px;}
.admin_board .board_view_bot .btn {display: inline-flex; align-items: center; justify-content: center; border: 1px solid #005efe; height: 35px; padding: 0 10px; color: #fff; border-radius: 3px; background-color: #005efe; font-size: 13px;}
.admin_board .board_view_bot .btn:hover {background-color: #0a3663; border-color: #0a3663; color: #fff;}