@charset "utf-8";
/* 회사 공통 레이아웃 안에서 사용하는 basic 게시판. */
.ds-basic-board-page .ds-company-content{min-width:0;padding-top:43px;padding-bottom:72px}
.ds-basic-board-page .ds-company-sidebar{padding-top:52px}
.ds-board-list{width:100%;color:#182b3d}
.ds-board-overline{display:flex;align-items:center;gap:12px;height:20px;margin:0 0 34px!important;color:#0872c9;font-size:12px;font-weight:750;letter-spacing:.1em;line-height:20px}
.ds-board-overline::before{content:"";flex:0 0 30px;height:2px;background:#087eea}
.ds-board-heading h2{font-size:32px;line-height:1.3;letter-spacing:-.045em;font-weight:750}
.ds-board-heading .ds-board-intro{margin:14px 0 30px;color:#627b93;font-size:14px;line-height:1.8}
.ds-board-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.ds-board-tabs a{padding:8px 20px;border:1px solid #d5e1ed;background:#fff;color:#526b80;font-size:14px;border-radius:2px}
.ds-board-tabs a[aria-current],.ds-board-tabs a:hover{background:#0058c6;color:#fff;border-color:#0058c6}
.ds-board-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:15px;min-height:40px}
.ds-board-toolbar>p{font-size:13px;color:#526b80}.ds-board-toolbar strong{color:#0058c6;font-weight:750}.ds-board-toolbar>p>span{margin-left:15px;color:#75889b;font-size:12px}
.ds-board-actions{display:flex;gap:8px}.ds-board-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:39px;padding:8px 15px;border:1px solid #d5e1ed;border-radius:2px;color:#234a70;font-size:13px;font-weight:650}
.ds-board-actions .ds-board-button-primary{background:#0058c6;border-color:#0058c6;color:#fff}.ds-board-button:hover{border-color:#0058c6}.ds-board-button-primary:hover{background:#003f90}
.ds-board-table{width:100%;border-collapse:collapse;table-layout:fixed;border-top:2px solid #173c5c;border-bottom:1px solid #d5e1ed;text-align:center;font-size:13px}
.ds-board-table th{padding:15px 8px;background:#f5f8fb;border-bottom:1px solid #d5e1ed;color:#526b80;font-weight:650}
.ds-board-table td{padding:23px 8px;border-bottom:1px solid #e5edf4;color:#627b93;overflow-wrap:anywhere}
.ds-board-table .ds-col-check{width:32px}.ds-board-table .ds-col-number{width:64px}.ds-board-table .ds-col-author{width:85px}.ds-board-table .ds-col-hits,.ds-board-table .ds-col-vote{width:52px}.ds-board-table .ds-col-date{width:108px}
.ds-board-table td.ds-col-title{text-align:left;padding-left:16px;padding-right:18px;color:#182b3d}
.ds-board-table input[type=checkbox]{appearance:auto;width:16px;height:16px;accent-color:#0058c6;vertical-align:middle;cursor:pointer}
.ds-board-table .is-notice td{background:#f2f7fd}.ds-board-table .is-notice td:first-child{box-shadow:inset 2px 0 #087eea}
.ds-board-table tbody tr:hover td{background:#f8fbff}
.ds-board-subject{display:flex;align-items:baseline;flex-wrap:wrap;gap:7px;line-height:1.65}
.ds-board-title-link{font-size:15px;font-weight:600;word-break:break-word}.is-notice .ds-board-title-link{font-weight:750}.ds-board-title-link:hover{color:#0058c6;text-decoration:underline;text-underline-offset:4px}
.ds-board-badge{display:inline-block;background:#e1edf9;color:#0058c6;padding:3px 8px;font-size:11px;font-weight:750;border-radius:2px;white-space:nowrap}
.ds-board-category{color:#0872c9!important;font-size:12px}.ds-board-category::after{content:" /";color:#b1c6d8}.ds-board-new{color:#0872c9;font-size:10px;font-weight:750}.ds-board-comments{color:#0058c6;background:#e8f1fb;border-radius:3px;padding:0 5px;font-size:11px}.ds-board-file{font-size:12px;color:#75889b}
.ds-board-mobile-meta{display:none}.ds-board-table .ds-board-empty{padding:64px 20px;background:#fafcfe;text-align:center}.ds-board-empty strong{display:block;color:#234a70;font-size:17px;font-weight:650}.ds-board-empty p{margin-top:10px!important;font-size:13px;color:#75889b}
.ds-board-bulk{display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding-top:16px;font-size:12px;color:#75889b}.ds-board-bulk>span{margin-right:8px}.ds-board-bulk button{border:1px solid #d5e1ed;padding:6px 10px;border-radius:2px;background:#fff;color:#526b80}.ds-board-bulk button:hover{border-color:#0058c6;color:#0058c6}
.ds-board-pagination{margin:30px 0;text-align:center}.ds-board-pagination .pg_wrap{display:block;float:none;clear:both;text-align:center}.ds-board-pagination .pg{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:5px}.ds-board-pagination .pg_page,.ds-board-pagination .pg_current{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 9px;border:1px solid #e0e8f0;background:#fff;color:#627b93;font-size:13px;border-radius:2px}.ds-board-pagination .pg_current{background:#0058c6;color:#fff;border-color:#0058c6}.ds-board-pagination a:hover{border-color:#0058c6;color:#0058c6}
.ds-board-search{display:flex;justify-content:center;align-items:stretch;flex-wrap:wrap;gap:8px;margin:30px 0 0;padding:24px;background:#f5f8fb;border:1px solid #e5edf4}
.ds-board-search select,.ds-board-search input{min-height:42px;border:1px solid #d5e1ed;background:#fff;border-radius:2px;padding:9px 12px;font:inherit;font-size:13px;color:#33485f}.ds-board-search select{max-width:135px}.ds-board-search input{width:280px;min-width:0}.ds-board-search button{min-width:66px;padding:9px 16px;background:#173c5c;color:#fff;border-radius:2px;font-size:13px}.ds-board-search button:hover{background:#0058c6}.ds-board-reset{align-self:center;font-size:12px;color:#526b80}
/* 상세·작성 페이지도 같은 회사 레이아웃의 폭과 기본 폼 스타일을 사용한다. */
.ds-basic-board-page .ds-basic-view{width:100%!important;margin:0 0 32px!important}.ds-basic-board-page .ds-basic-page-heading{padding-top:0}.ds-basic-board-page #bo_w{width:100%!important}
.ds-basic-board-page .ds-company-content .btn{display:inline-block;padding:8px 14px;border:1px solid #d5e1ed;border-radius:2px;font-size:13px;line-height:1.6}.ds-basic-board-page .ds-company-content .btn_submit{background:#0058c6;color:#fff;border:0;padding:10px 20px}.ds-basic-board-page .ds-company-content .frm_input{border:1px solid #d5e1ed;background:#fff;min-height:40px;padding:8px 10px;max-width:100%}.ds-basic-board-page .ds-company-content textarea{border:1px solid #d5e1ed;max-width:100%;font:inherit}.ds-basic-board-page .ds-company-content .btn_confirm{text-align:center;margin-top:24px}.ds-basic-board-page .ds-company-content .bo_v_nb{list-style:none;padding:0}
@media(max-width:1100px){.ds-board-table .ds-col-author{width:70px}.ds-board-table .ds-col-date{width:90px}.ds-board-table .ds-col-number{width:52px}.ds-board-table .ds-col-hits,.ds-board-table .ds-col-vote{width:44px}}
@media(max-width:980px){.ds-basic-board-page .ds-company-content{padding-top:30px}.ds-board-overline{margin-bottom:20px!important}}
@media(max-width:600px){.ds-board-heading h2{font-size:27px}.ds-board-heading .ds-board-intro{margin-bottom:22px;font-size:13px}.ds-board-toolbar{align-items:flex-start}.ds-board-toolbar>p>span{display:block;margin:3px 0 0}.ds-board-button{padding:7px 10px;font-size:12px}.ds-board-tabs a{padding:7px 14px;font-size:12px}.ds-board-table thead{display:none}.ds-board-table td{padding:20px 7px}.ds-board-table .ds-col-author,.ds-board-table .ds-col-hits,.ds-board-table .ds-col-date,.ds-board-table .ds-col-vote{display:none}.ds-board-table .ds-col-number{width:45px}.ds-board-table .ds-col-check{width:25px}.ds-board-table td.ds-col-title{padding-left:9px;padding-right:8px}.ds-board-title-link{font-size:14px}.ds-board-mobile-meta{display:block;margin-top:7px!important;font-size:11px;color:#75889b}.ds-board-mobile-meta span{margin:0 4px}.ds-board-search{padding:16px 12px;gap:6px}.ds-board-search select{width:100%;max-width:none}.ds-board-search input{flex:1;width:100px}.ds-board-search button{min-width:58px}.ds-board-reset{flex-basis:100%;text-align:center;margin-top:5px}.ds-board-bulk{gap:5px}.ds-board-bulk>span{flex-basis:100%}.ds-board-pagination{margin:24px 0}.ds-board-table .ds-board-empty{padding:44px 14px}}

@media(max-width:980px){.ds-basic-board-page .ds-company-sidebar{padding-top:0}}

/* 22차: 도면 게시판과 동일한 연락처 정렬 및 검색 입력 규격. */
.ds-basic-board-page .ds-basic-contact{font-size:12px;margin:12px 0 0}
.ds-basic-board-page .ds-basic-contact>div{display:grid;grid-template-columns:42px minmax(0,1fr);gap:8px;align-items:baseline;border-top:1px solid #dbe6ee;padding:11px 0}
.ds-basic-board-page .ds-basic-contact>div:last-child{border-bottom:1px solid #dbe6ee}
.ds-basic-board-page .ds-basic-contact dt{color:#647c91;font-weight:600;text-align:left}
.ds-basic-board-page .ds-basic-contact dd{color:#125f98;margin:0;padding:0;font-weight:700;text-align:right;overflow-wrap:anywhere}
/* 흰 바탕과 얇은 가로 구분선으로 읽는 순서를 정리합니다. */
.ds-board-table{border-top:1px solid #a5bdce;border-bottom:1px solid #d5e1ed}
.ds-board-table th{padding:14px 8px;background:#fff;border-bottom:1px solid #d5e1ed;font-size:12px;color:#6c8192;font-weight:500}
.ds-board-table td{padding-top:25px;padding-bottom:25px;border-bottom:1px solid #e4ecf2}
.ds-board-table .is-notice td{background:#fff}
.ds-board-table .is-notice td:first-child{box-shadow:none}
.ds-board-table tbody tr:hover td{background:#f8fbfd}
.ds-board-table .ds-col-number{color:#8b9eac;font-size:12px}
.ds-board-title-link{font-size:16px;font-weight:600;color:#24455e}
.ds-board-table .is-notice .ds-board-title-link{font-weight:700;color:#125f98}
.ds-board-badge{padding:3px 7px;border:1px solid #afcce0;border-radius:3px;background:transparent;color:#0873b9;font-weight:650}
.ds-board-table .ds-col-date{font-size:12px;letter-spacing:.015em;color:#7c90a0}
.ds-board-search{display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:10px;margin:32px 0 5px;padding:0;border:0;background:transparent}
.ds-board-search select,.ds-board-search input{height:44px;min-height:44px;margin:0;padding:0 15px;border:1px solid #c7d9e5;border-radius:7px;background:transparent;box-shadow:none;color:#254a62;font-size:14px}
.ds-board-search select{flex:0 0 120px;width:120px;max-width:120px;padding:0 10px}
.ds-board-search input{flex:1 1 0;width:100%;min-width:0}
.ds-board-search input::placeholder{color:#94a9b8}
.ds-board-search input:focus,.ds-board-search select:focus{border-color:#6eaccf;outline:0}
.ds-board-search button{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:0 0 auto;min-width:105px;height:44px;padding:0 14px;border:1px solid #0873b9;border-radius:7px;background:transparent;color:#0873b9;font-size:14px;font-weight:750}
.ds-board-search button:hover{color:#054f88;border-color:#054f88;background:transparent}
.ds-board-search button svg{flex:none}.ds-board-reset{white-space:nowrap}
@media(max-width:600px){
 .ds-board-table td{padding-top:20px;padding-bottom:20px}
 .ds-board-title-link{font-size:14px}
 .ds-board-search{display:grid;grid-template-columns:90px minmax(0,1fr) 76px;gap:7px;padding:0}
 .ds-board-search select{width:100%;max-width:none;padding:0 7px;font-size:12px}
 .ds-board-search input{width:100%;padding:0 10px;font-size:12px}
 .ds-board-search button{min-width:0;width:100%;padding:0 8px;font-size:13px;gap:5px}
 .ds-board-reset{grid-column:1/-1;margin:3px 0 0;text-align:right}
}

/* 24차: 공지 basic 고객지원 안내의 문구와 정보 사이 간격을 독립 페이지와 통일. */
.ds-basic-board-page .ds-company-desk>.ds-eyebrow{font-size:max(var(--ds-min-font,12px),12px);font-weight:750;letter-spacing:.12em;margin-bottom:8px!important}
.ds-basic-board-page .ds-company-desk h3{font-size:max(var(--ds-min-font,12px),18px);font-weight:750;color:#1c405c;line-height:1.5;margin:0}
.ds-basic-board-page .ds-company-desk-note{margin:12px 0 19px!important;font-size:max(var(--ds-min-font,12px),13px);line-height:1.9;color:#698194}

/* Notice list heading: align its summary and admin actions along the title baseline. */
.ds-board-list.is-notice-board .ds-board-heading{margin:0}
.ds-board-list.is-notice-board .ds-board-heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 0 26px}
.ds-board-list.is-notice-board .ds-board-heading-copy{display:flex;align-items:flex-end;flex:1 1 auto;min-width:0;gap:16px}
.ds-board-list.is-notice-board .ds-board-heading h2{flex:0 0 auto;margin:0;white-space:nowrap}
.ds-board-list.is-notice-board .ds-board-intro{flex:0 1 auto;max-width:440px;margin:0 0 3px!important;color:#627b93;font-size:max(var(--ds-min-font,12px),14px);line-height:1.55}
.ds-board-list.is-notice-board .ds-board-total{flex:0 0 auto;margin:0 0 3px auto;color:#627b93;font-size:max(var(--ds-min-font,12px),14px);white-space:nowrap}
.ds-board-list.is-notice-board .ds-board-total strong{color:#0058c6;font-weight:750}
.ds-board-list.is-notice-board .ds-board-toolbar{min-height:28px;margin-top:0;margin-bottom:15px}
.ds-board-list.is-notice-board .ds-board-table th{padding-top:15px;padding-bottom:15px;color:#29465e;font-size:max(var(--ds-min-font,12px),14px);font-weight:700}
.ds-board-list.is-notice-board .ds-board-after-list{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:14px;margin:25px 0 0}
.ds-board-list.is-notice-board .ds-board-after-list .ds-board-pagination{grid-column:2;margin:0}
.ds-board-list.is-notice-board .ds-board-bottom-actions{grid-column:3;justify-self:end}
@media(max-width:980px){
 .ds-board-list.is-notice-board .ds-board-heading-row{gap:16px}
 .ds-board-list.is-notice-board .ds-board-heading-copy{gap:11px}
 .ds-board-list.is-notice-board .ds-board-intro{font-size:max(var(--ds-min-font,12px),13px)}
}
@media(max-width:760px){
 .ds-board-list.is-notice-board .ds-board-heading-row{flex-wrap:wrap;gap:12px 18px;margin-bottom:23px}
 .ds-board-list.is-notice-board .ds-board-heading-copy{flex-wrap:wrap;row-gap:3px}
}
@media(max-width:600px){
 .ds-board-list.is-notice-board .ds-board-heading-row{align-items:stretch;gap:12px;margin-bottom:22px}
 .ds-board-list.is-notice-board .ds-board-heading-copy{display:flex;flex-direction:column;align-items:flex-start;gap:4px}
 .ds-board-list.is-notice-board .ds-board-intro{margin:0!important;max-width:none}
 .ds-board-list.is-notice-board .ds-board-total{align-self:flex-end}
 .ds-board-list.is-notice-board .ds-board-after-list{display:flex;flex-direction:column;align-items:stretch;gap:14px;margin-top:20px}
 .ds-board-list.is-notice-board .ds-board-bottom-actions{align-self:flex-end}
}
.ds-basic-board-page .ds-company-content .ds-company-inquiry.ds-basic-notice-inquiry{margin-top:44px}
@media(max-width:760px){.ds-basic-board-page .ds-company-content .ds-company-inquiry.ds-basic-notice-inquiry{margin-top:34px}}

/* Short notice lists retain the space of five normal post rows and keep the footer at the viewport bottom. */
body.ds-basic-board-page{min-height:100vh;display:flex;flex-direction:column}
body.ds-basic-board-page>#main{flex:1 0 auto}
.ds-board-list.is-notice-board .ds-board-spacer-row td{height:72px;padding:0;border:0;background:#fff}
.ds-board-list.is-notice-board .ds-board-spacer-row:hover td{background:#fff}
.ds-board-list.is-notice-board .ds-board-empty{height:72px;padding:10px 20px;border-bottom-color:transparent}
.ds-board-list.is-notice-board .ds-board-empty p{margin-top:5px!important}
@media(max-width:600px){
 .ds-board-list.is-notice-board .ds-board-spacer-row td{height:88px}
 .ds-board-list.is-notice-board .ds-board-empty{height:88px;padding:10px 12px}
}