@charset "utf-8";
/**
 * 게시판 전용 데스크톱 CSS
 * - 프론트/관리자 공용
 * - #dkboard 범위 한정으로 홈페이지 CSS와 충돌 방지
 */

/* ── 공통 유틸 ── */
#dkboard .sr-only {
	position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
	overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}

/* ── 목록 리스트 마커 ── */
#dkboard ul.con_list > li {position: relative; margin:.333em 0; padding-left: 15px;font-size: inherit;color: #333; z-index: 0;}
#dkboard ul.con_list > li + li {margin-top:10px;}
#dkboard ul.con_list > li::before {content: '';position: absolute;top: 10px;left: 0;width: 6px;height: 6px;background-color:#464C53; border-radius: 50%;}

/* ── 검색결과 없음 메시지 ── */
#dkboard .txt-msg-box {display: flex;margin-top: 50px;justify-content: center;}
#dkboard .txt-msg-box > ul {margin: 15px;}
#dkboard .txt-msg-box > ul.con_list > li {position: relative;z-index: 0;padding-left: 15px;margin-top: 20px; font-size: 16px;color: #333;}
#dkboard .txt-msg-box > ul.con_list > li + li {margin-top: 15px;}
#dkboard .txt-msg-box > ul.con_list > li::before {content: '';position: absolute;top: 5px;left: 0;width: 6px;height: 6px;background-color: var(--subColor1);border-radius: 50%;}

/* ── 링크 아이콘 ── */
#dkboard a.link {display: inline-block;padding-left:24px;background-image: url(../../front/icon/ico_file.svg);background-repeat: no-repeat;background-position: 0 0;background-size: auto 18px;}
#dkboard a.link:hover span {border-bottom: 1px solid #00a54c;}

/* ── 첨부파일 다운로드 영역 ── */
#dkboard .box-group-area {display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: flex-start; gap: var(--krds-gap-5); margin-bottom:20px;}
#dkboard .box-group-area.col2 > li {width:calc(50% - var(--krds-gap-5) / 2);}
#dkboard .box-group-area > li {gap: var(--krds-gap-6); width: 100%;}
#dkboard .box-group-area > li a {display: flex; align-items: center; justify-content: space-between; flex-direction: row; width:100%; padding: var(--krds-padding-6); border: var(--krds-light-border-width-static-regular) solid var(--krds-light-color-divider-gray-light);border-radius: var(--krds-radius-medium3);}
#dkboard .box-group-area > li a:hover {background-color: var(--krds-color-light-gray-5);}
#dkboard .box-group-area > li .btn-wrap {display: flex; align-items: center; width: auto; gap: var(--krds-gap-5); font-size:17px;}
#dkboard .box-group-area > li a:hover .btn-wrap {text-decoration:underline; text-underline-offset:4px;}

/* ── 모바일 테이블 안내 (데스크톱 숨김) ── */
#dkboard .mobile_table {display: none;}

/* ── 기본 테이블 ── */
#dkboard table {width: 100%;border-collapse: collapse; border-top:2px #333 solid;}
#dkboard table th, #dkboard table td {border:1px solid #ddd; padding:15px 10px; text-align:center; font-size:inherit; font-weight:400; background-color:#fff;}
#dkboard table tr th:first-child, #dkboard table tr td:first-child {border-left: 0;}
#dkboard table tr th:last-child, #dkboard table tr td:last-child {border-right: 0;}
#dkboard thead th {padding:15px 12px; background-color:#f1f1fa; font-weight:600; font-size:inherit; border-color:#cccde1;}
#dkboard table tbody tr:first-child th, #dkboard table tbody tr:first-child td {border-top: 0;}
#dkboard table tbody th {font-weight:500; background-color:#fbfbfd;}
#dkboard table tbody .doubleL {border-top:3px double #cccde1;}

/* ── dk_table / tstyle ── */
#dkboard .dk_table table.tstyle thead th {padding:17px 12px; background-color:#fff; border:0; border-bottom:1px solid #ddd;}
#dkboard .dk_table table.tstyle tbody td {padding:17px 12px; font-size:inherit; border:0; border-bottom:1px solid #ddd;}
#dkboard .dk_table table.tstyle tbody td .this{font-size:13px;color:#f30}
#dkboard .dk_table table.tstyle tbody td .notice{font-size:13px;color:#0054FF}
#dkboard .new{display:inline-block;width: 15px;height:15px;background:url(../../front/img/ico_new.png) no-repeat 50% 50%;text-indent:-9999em;overflow:hidden; vertical-align: middle !important;}
#dkboard .secret{display:inline-block;top:2px;width:17px;height:15px;background:url(../../front/img/ico_secret.png) no-repeat 50% 50%;text-indent:-9999em;overflow:hidden; vertical-align:middle !important;}
#dkboard .reply{display:inline-block;position:relative;left:-2px;padding:0 0 0 10px; background:url(../../front/img/ico_reply.png) no-repeat 0px -35px;text-indent:-9999em;overflow:hidden; vertical-align:top !important;width: 1px;}
#dkboard .list_reply {color:#aa6801}
#dkboard .notice{background:#f3f3f1;border-bottom:1px solid #c5d7e0}

/* ── QnA 처리상태 뱃지 ── */
#dkboard .bstate_gray,
#dkboard .bstate_biue,
#dkboard .bstate_blue {
	display: inline-block;
	min-width: 52px;
	padding: 4px 10px;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.2;
	text-align: center;
	border-radius: 4px;
	box-sizing: border-box;
}
#dkboard .bstate_gray {
	color: #666;
	background: #f0f0f0;
	border: 1px solid #ddd;
}
#dkboard .bstate_biue,
#dkboard .bstate_blue {
	color: #fff;
	background: #256ef4;
	border: 1px solid #256ef4;
}

/* ── 탭메뉴 (카테고리) ── */
#dkboard .tabmenu{margin:0 0 40px 0;font-size: 0;}
#dkboard .tabmenu:before,
#dkboard .tabmenu:after{clear:both;display:table;content:"";line-height:0}
#dkboard .tabmenu li{display:inline-block;}
#dkboard .tabmenu li:first-child a{margin:0}
#dkboard .tabmenu li + li {margin-left: 5px;}
#dkboard .tabmenu li a{display: inline-block;position: relative;padding: 8px;font-size: 18px;letter-spacing: -1px;color: #333;text-align: center;background: #fff; transition: all 0.2s;font-weight: 600;border:2px solid #333;border-radius: 10px;}
#dkboard .tabmenu li a i{display:none}
#dkboard .tabmenu li a:hover{}
#dkboard .tabmenu li a.sel{position:relative;z-index:5;color:#fff;background:#333;box-sizing:border-box;font-weight: 500;}
#dkboard .tabmenu li.mTabOn a{position:relative;z-index:5;color:#242b36;border:2px solid #1c2645;background:#fff;line-height:46px;box-sizing:border-box;}
#dkboard .tabmenu li.lib1 a {background-color: #fff;color: var(--mainColor);border: 2px solid var(--mainColor);}
#dkboard .tabmenu li.lib1 a.sel {background-color: var(--mainColor);color: #fff;font-weight: 500;}
#dkboard .tabmenu li.lib2 a {background-color: #fff;color: var(--libColor2);border: 2px solid var(--libColor2);}
#dkboard .tabmenu li.lib2 a.sel {background-color: var(--libColor2);color: #fff;font-weight: 500;}
#dkboard .tabmenu li.lib3 a {background-color: #fff;color: var(--libColor3);border: 2px solid var(--libColor3);}
#dkboard .tabmenu li.lib3 a.sel {background-color: var(--libColor3);color: #fff;font-weight: 500;}
#dkboard .tabmenu li.lib4 a {background-color: #fff;color: var(--libColor4);border: 2px solid var(--libColor4);}
#dkboard .tabmenu li.lib4 a.sel {background-color: var(--libColor4);color: #fff;}

/* ── dk_tabmenu ── */
#dkboard .dk_tabmenu{padding-bottom:30px}
#dkboard .dk_tabmenu *{margin:0;padding:0;border:0;list-style-type:none}
#dkboard .dk_tabmenu ul{height:42px;border-bottom:2px solid #1c2645;*zoom:1}
#dkboard .dk_tabmenu ul:before,
#dkboard .dk_tabmenu ul:after{clear:both;display:table;content:"";line-height:0}
#dkboard .dk_tabmenu li{float:left}
#dkboard .dk_tabmenu li a{display:block;margin-left:-2px;padding:0 20px;height:40px;line-height:40px;text-align:center;border:2px solid #d5d5d5;border-bottom:2px solid #1c2645;background:#fff}
#dkboard .dk_tabmenu li a strong{font-size:14px;font-weight:400;color:#888}
#dkboard .dk_tabmenu li:first-child a{margin:0}
#dkboard .dk_tabmenu li a:hover{position:relative;z-index:5;color:#777;border:2px solid #1c2645;border-bottom:2px solid #fff;background:#fff}
#dkboard .dk_tabmenu li a.sel{position:relative;z-index:5;font-weight:800;letter-spacing:0px;color:#000;border:2px solid #1c2645;border-bottom:2px solid #fff;background:#fff}
#dkboard .dk_tabmenu li a.sel strong{font-weight:600;color:#333}

/* ── 조직도/이용안내 차트 ── */
#dkboard .chart_box{font-size:16px;}
#dkboard .chart{position:relative;}
#dkboard .chart > ul {padding-bottom: 20px;}
#dkboard .chart > ul ul {margin-bottom: 20px;}
#dkboard .chart li .table{position:relative;top:-10px;padding:0 0 20px 70px}
#dkboard .chart dl{margin:0 0 30px 0;padding:10px 20px 10px 100px;overflow:hidden;border:1px solid #e3e3e3;background:#fff url(../../front/img/ico_point.png) no-repeat 30px 50%;border-radius:5px;box-shadow:1px 3px 1px #fafafa}
#dkboard .chart dt{padding:5px 20px;font-size:16px;color:#526c9b}
#dkboard .chart dd{padding:0 20px 10px 20px;font-size:13px}
#dkboard .chart dd li{font-size:13px}
#dkboard .chart .down{display:inline-block;margin:0 2px 4px 2px;padding:2px 5px;font-size:13px;letter-spacing:-1px;color:#fff;border:1px solid #f23737;background:#f23737;border-radius:3px}
#dkboard .chart .bot {padding: 10px 0 20px;border-top:1px dashed #ccc;overflow:hidden}
#dkboard .chart p{padding-bottom:10px;overflow:hidden}

/* ── FAQ ── */
#dkboard .faq_list{width:100%;border-top:1px solid #000;font-size: 14px;line-height: 1.2em;letter-spacing: -0.4px;margin-bottom:40px;}
#dkboard .faq_list .faq .faq_q {position:relative;border-bottom:1px solid #ccc;font-size:15px;overflow:hidden;}
#dkboard .faq_list .faq .faq_q dt {}
#dkboard .faq_list .faq .faq_q dd {width: 100%;}
#dkboard .faq_list .faq .faq_q dd a {display: block;color: #333;width: 100%; }
#dkboard .faq_list .faq .faq_q {display: flex;align-items: center;}
#dkboard .faq_list .faq .faq_q::after {content:"";position: absolute;display: inline-flex;top: 40%;right: 0;width: 10px;height: 10px;padding-right:30px;background-image: url(../../front/img/arrow_down.png);background-repeat: no-repeat;background-position: center;background-size: 40%;transition: 0.4s ease-in-out;}
#dkboard .faq_list .faq .faq_q dt {margin: 0 10px 0 0;flex: 0 0 80px;}
#dkboard .faq_list .faq .faq_a {border-bottom:1px solid #ccc;background:#fafafa;font-size:14px;overflow:hidden;}
#dkboard .faq_list .faq .faq_a dt {}
#dkboard .faq_list .faq .faq_a dd{height:auto;min-height:60px;}
#dkboard .faq_list .faq .disnone{display:none}
#dkboard .faq_list .faq_qna dl {padding: 20px 15px;}
#dkboard .faq_list .faq_qna dl dt {margin-bottom: 15px;font-size: 18px;font-weight: 500;}
#dkboard .faq_list .faq_qna dl.faq_q dt {color: var(--mainColor, #00b24f);}
#dkboard .faq_list .faq_qna dl.faq_a dt {color: var(--colorOrange, #e67e22);}
#dkboard .faq_list .faq_qna dl dd {font-size: 16px;line-height: 1.5em;}
#dkboard .faq_list .faq_qna dl dd p b {display: block;font-size: 18px;font-weight: 500;margin-bottom: 10px;}
#dkboard .faq_list .faq .faq_q dd .btn01_blue,
#dkboard .faq_list .faq .faq_q dd .btn_S {display: inline-block; width: auto; margin-top: 8px; font-size: 13px; line-height: 1.2;}
#dkboard .faq_list .faq.sel .faq_q {background: #f7fbf8;}
#dkboard .faq_list .txt-msg-box,
#dkboard .txt-msg-box {padding: 40px 20px; text-align: center; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; margin-bottom: 24px;}
#dkboard .txt-msg-box h4 {font-size: 18px; font-weight: 500; color: #555; margin: 0 0 12px;}
#dkboard .txt-msg-box .con_list {display: inline-block; text-align: left; margin: 0; padding: 0; list-style: disc inside;}
#dkboard .txt-msg-box .con_list li {margin: 4px 0; color: #666; font-size: 14px; line-height: 1.5;}

/* ── FAQ KRDS 아코디언 (이용자) ── */
#dkboard .board-faq-accordion {
	margin-bottom: 40px;
}
#dkboard .board-faq-accordion .btn-accordion {
	border: 0;
	cursor: pointer;
	box-sizing: border-box;
}
#dkboard .board-faq-accordion .accordion-body {
	word-break: break-word;
}
#dkboard .board-faq-accordion .accordion-body img {
	max-width: 100%;
	height: auto;
}
#dkboard .vote_list .faq_list {}
#dkboard .book_vote_list .faq .faq_q {padding: 20px;font-size: 19px;line-height: 1.2em;font-weight: 500;}
#dkboard .book_vote_list .faq .faq_a {padding: 20px;font-size: 16px;line-height: 1.4em;font-weight: 400;color: #555;}
#dkboard .survey_list .faq .faq_q {padding: 20px;font-size: 19px;line-height: 1.2em;font-weight: 500;}
#dkboard .survey_list .faq .faq_a {padding: 20px;font-size: 16px;line-height: 1.4em;font-weight: 400;color: #555;}

/* ── 등록된 게시물 없음 ── */
#dkboard .nocontent{border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;clear:both;padding: 200px 0;font-size: 18px !important;font-weight:400;color: #757575;text-align:center;}

/* ── 상세보기 ── */
#dkboard .dk_view {}
#dkboard .dk_content {padding:35px; border-bottom:1px solid #ababab;}
#dkboard .board-recom{display:flex;justify-content:center;margin:24px 0 8px}
#dkboard .board-recom__btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 22px;border:1px solid #dce5ee;border-radius:999px;background:#fff;color:#333;font-size:15px;font-weight:600;cursor:pointer}
#dkboard .board-recom__btn:hover{background:#f5f9ff;border-color:#256ef4;color:#256ef4}
#dkboard .board-recom__count{display:inline-flex;align-items:center;justify-content:center;min-width:28px;padding:2px 8px;border-radius:999px;background:#256ef4;color:#fff;font-size:13px;font-weight:700}
#dkboard .dk_view:after{content: '';display: block;clear: both;}
#dkboard .dk_view h2 {padding:20px 20px; font-size:24px; font-weight:600; border-top:2px solid #333; border-bottom:1px solid #ccccdd;}
#dkboard .dk_view .view_detail {display:flex; padding:12px 20px; font-size:16px; border-bottom:1px solid #e3e3e3; border-top:0;}
#dkboard .dk_view dl {display:flex; align-items:center; padding:6px 0;}
#dkboard .view_detail dl + dl:before {content:''; width:1px; height:10px; background:#ddd; display:inline-block; margin:0 20px; vertical-align:middle;}
#dkboard .dk_view dl.period dd {color:var(--mainColor);}
#dkboard .dk_view dl.lik,
#dkboard .dk_view dl.add {align-items:flex-start; width:100%; padding:14px 20px; border-bottom:1px solid #e3e3e3; vertical-align:middle;}
#dkboard .dk_view dl.lik dt,
#dkboard .dk_view dl.add dt {margin-right:15px;}
#dkboard .dk_view dl.add a {padding-right:15px}
#dkboard .dk_view dl.add img{padding:0; margin:0; padding-right:6px; vertical-align:top;}
#dkboard .dk_view dt,
#dkboard .dk_view dd {display:inline-block;}
#dkboard .dk_view dt {margin-right:15px; font-weight:500; color:#333;}
#dkboard .dk_view dd {font-weight:500;color:#666;min-width: 0;}
#dkboard .dk_view dd a {display: block;width: 100%;max-width: 100%;min-width: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#dkboard .dk_view dd a + a {margin-top: 3px;}
#dkboard .dk_view dd a img {vertical-align: top;margin-right: 5px;}
#dkboard .dk_view dd a:hover {text-decoration:underline;}
#dkboard .dk_view .img{float:left;width:30%}
#dkboard .dk_view .img img{width:100%;border:1px solid rgba(0,0,0,0.4)}
#dkboard .dk_view .info{float:right;margin:0 0 20px 0;width:65%}
#dkboard .dk_view .cominfo{margin:0 0 20px 0}
#dkboard .dk_view .contents{padding:20px;min-height:200px;}
#dkboard .dk_view .answer_wrap {padding: 20px 30px; border: 1px solid #e2e2e2; border-radius: 16px; background-color: #f5f8f9;}
#dkboard .dk_view .answer_wrap .view_detail {padding:10px 0; border-top:0; border-bottom:1px #e2e2e2 solid; gap: 0 40px;}
#dkboard .dk_view .answer_wrap .view_detail dl {padding:0;}
#dkboard .dk_view .answer_wrap .contents {min-height:auto; padding:20px 0;}
#dkboard .dk_view .viewfile{margin-bottom:20px;padding:0 20px;border-bottom:1px solid #d2d2d2;background:#fff;overflow:hidden}
#dkboard .dk_view .viewfile li{position:relative;padding:7px 0 7px 11%;min-height:40px;border-bottom:0px solid #eee;overflow:hidden}
#dkboard .dk_view .viewfile li strong{position:absolute;top:10px;left:0px;padding:0 0 0 12px;line-height:20px;font-size:13px;background:url(../../front/img/ico_clip.png) no-repeat 0 2px}
#dkboard .dk_view .viewfile li a{display:block;padding:5px 0 5px 20px;font-size:13px}
#dkboard .dk_view .viewfile li a.alz{background:url(../img/alz.gif) no-repeat 0 3px}
#dkboard .dk_view .viewfile li a.bmp{background:url(../img/bmp.gif) no-repeat 0 3px}
#dkboard .dk_view .viewfile li a.doc{background:url(../img/doc.gif) no-repeat 0 3px}
#dkboard .dk_view .viewfile li a.gif{background:url(../img/gif.gif) no-repeat 0 3px}
#dkboard .dk_view .viewfile li a.hwp{background:url(../img/hwp.gif) no-repeat 0 3px}
#dkboard .dk_view .viewfile li a.jpg{background:url(../img/jpg.gif) no-repeat 0 3px}
#dkboard .dk_view .viewfile li a.pdf{background:url(../img/pdf.gif) no-repeat 0 3px}
#dkboard .dk_view .viewfile li a.png{background:url(../img/png.gif) no-repeat 0 3px}
#dkboard .dk_view .viewfile li a.ppt{background:url(../img/ppt.gif) no-repeat 0 3px}
#dkboard .dk_view .viewfile li a.xls{background:url(../img/xls.gif) no-repeat 0 3px}

/* ── 글쓰기 ── */
#dkboard .basic_write input[type="text"],
#dkboard .basic_write input[type="password"]{padding:0 10px;height:40px;border:1px solid #ccc;background:#fff;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;appearance:none;-webkit-appearance:none;border-radius:0;-webkit-border-radius:0;line-height:30px\9;font-size:14px;font-family:inherit}

/* ── FAQ 리스트 ── */
#dkboard .faqlist *{margin:0;padding:0;list-style-type:none}
#dkboard .faqlist li{padding:20px 0;border-bottom:1px solid #ccc}
#dkboard .faqlist li dl{padding:10px 0;position:relative}
#dkboard .faqlist li dt{position:absolute;top:10px;left:0}
#dkboard .faqlist li dt strong{font-size:24px;font-family:Arial, Helvetica, sans-serif}
#dkboard .faqlist li dd{padding-left:40px}
#dkboard .faqlist li dd br{display:none}

/* ── 이전/다음글 ── */
#dkboard .prevnext{margin:30px 0 50px;}
#dkboard .prevnext *{margin:0;padding:0;border:0;list-style-type:none;font-size:17px; color:#333;}
#dkboard .prevnext ul {border-top:1px solid #e3e3e3;}
#dkboard .prevnext li {position:relative; border-bottom:1px solid #e3e3e3;}
#dkboard .prevnext li strong {position:relative; display:inline-block; width:10%; padding:17px 0; text-align:center;}
#dkboard .prevnext li strong:before {content:''; display:block; position:absolute; top:calc(50% - 3px); right:0; width:14px; height:7px; background:url('../../front/img/board_post_arrow.png') center center no-repeat;}
#dkboard .prevnext li.next strong:before {transform:rotate(180deg);}
#dkboard .prevnext li p{color:#999;}
#dkboard .prevnext li p,
#dkboard .prevnext li a {display:inline-block; overflow:hidden; width:80%; margin-left:2%; font-weight:400; white-space:nowrap; text-overflow:ellipsis; vertical-align:middle;}
#dkboard .prevnext li a:hover {text-decoration:underline;}
#dkboard .prevnext li span{position:absolute;top:11px;right:18px;display:block;color:#999}
#dkboard .prevnext li span.reply {display:none;}
#dkboard .prevnext li a .secret{
	position:static;
	display:inline-block;
	vertical-align:middle;
	margin-left:6px;
	width:17px;
	height:15px;
	top:auto;
	right:auto;
}

/* ── 비밀번호 확인 ── */
#dkboard .dk_pass{padding:40px 0}
#dkboard .dk_pass .box{padding:30px;font-size:20px;text-align:center;border:1px solid #d2d2d2;background:#fafafa}
#dkboard .dk_pass .button button,
#dkboard .dk_pass .button a{padding:5px 30px;vertical-align: middle;}

/* ── 제목/건수/검색 ── */
#dkboard .dk_title {display:flex; justify-content:space-between; align-items:center; position:relative; margin-bottom:15px; *zoom:1; z-index:10;}
#dkboard .dk_title *:not(.krds-form-select):not(.krds-input):not(.krds-btn):not(.svg-icon):not(.sch-form-wrap):not(.sch-input):not(option){margin:0; padding:0; font-size:inherit; border:0; list-style-type:none;}
#dkboard .dk_title .count {font-weight:400; color:#333;}
#dkboard .dk_title .count strong {font-weight:500;}

/* KRDS 목록 상단(건수 + 검색) — 데스크톱 기본 */
#dkboard .search-top-box{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:var(--krds-gap-5, 0.8rem);
	margin-bottom:15px;
	border-radius:var(--krds-radius-xlarge2, 1.2rem);
	box-sizing:border-box;
}
#dkboard .search-top-box .board-list-count{
	flex:1 1 auto;
	min-width: 25rem;
}
#dkboard .search-top-box .board-list-count__text,
#dkboard .search-top-box .board-list-count h3{
	margin:0;
	padding:0;
	font-size:1.8rem;
	font-weight:400;
	line-height:1.5;
	color:var(--krds-light-color-text-basic, #1e2124);
}
#dkboard .search-top-box .board-list-count__text strong,
#dkboard .search-top-box .board-list-count h3 strong{
	font-weight:700;
	color:var(--krds-light-color-text-primary, #256ef4);
}
#dkboard .search-top-box .form-group{
	display:flex;
	align-items:center;
	margin:0;
	flex:0 1 auto;
}
#dkboard .search-top-box form{
	margin:0;
	width:100%;
}
#dkboard .search-top-box fieldset{
	margin:0;
	padding:0;
	border:0;
	min-inline-size:0;
}
#dkboard .search-top-box .sch-form-wrap{
	display:flex;
	align-items:center;
	justify-content:flex-end;
	flex-direction:row;
	flex-wrap:wrap;
	gap:var(--krds-gap-5, 0.8rem);
}
#dkboard .search-top-box .sch-form-wrap .krds-form-select{
	width:auto;
	min-width:8.5rem;
	flex:0 0 auto;
}
#dkboard .search-top-box .sch-input{
	display:flex;
	position:relative;
	min-width:14rem;
	flex:1 1 14rem;
	max-width:22rem;
}
#dkboard .search-top-box .sch-input .krds-input{
	width:100%;
	padding-right:var(--krds-size-height-7, 4rem);
}
#dkboard .search-top-box .sch-input .ico-search{
	position:absolute;
	top:50%;
	right:var(--krds-gap-5, 0.8rem);
	transform:translateY(-50%);
}

/* ── 검색폼 ── */
#dkboard .dk_search{position:relative;}
#dkboard .dk_search:after{content: ''; display:block; clear:both;}
#dkboard .dk_search fieldset{display: flex; align-items:center; justify-content:flex-end; gap: var(--krds-gap-2, 0.4rem); margin:0; padding:0; border:0; min-inline-size:0;}
#dkboard .dk_search fieldset legend,
#dkboard .dk_search .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

/* KRDS 검색 (sch-form-wrap) — dk_search 호환 */
#dkboard .dk_search .sch-form-wrap{
	display:flex;
	align-items:center;
	justify-content:flex-end;
	flex-direction:row;
	gap:var(--krds-gap-5, 0.8rem);
	flex-wrap:wrap;
}
#dkboard .dk_title .dk_search .sch-form-wrap .krds-form-select,
#dkboard .dk_title .dk_search .sch-form-wrap .krds-input,
#dkboard .dk_title .dk_search .sch-form-wrap .krds-btn{
	margin:0;
	list-style:none;
	box-sizing:border-box;
}
#dkboard .dk_search .sch-form-wrap .krds-form-select{
	width:auto;
	min-width:8.5rem;
}
#dkboard .dk_search .sch-input{
	display:flex;
	position:relative;
	min-width:14rem;
	flex:1 1 auto;
	max-width:22rem;
}
#dkboard .dk_search .sch-input .krds-input{
	width:100%;
	padding-right:var(--krds-size-height-7, 4rem);
}
#dkboard .dk_search .sch-input .ico-search{
	position:absolute;
	top:50%;
	right:var(--krds-gap-5, 0.8rem);
	transform:translateY(-50%);
}

/* 구형 검색폼(select/input/button 직계) 호환 */
#dkboard .dk_search fieldset > select {position: relative; width:120px; height:45px; padding: 0 35px 0 10px !important; color:#777; border-radius:var(--krds-radius-medium4);border:0.1rem solid var(--krds-light-color-border-gray, #cdd1d5); background: url('../../front/img/ico_select_arrow.svg')right 10px center no-repeat; background-size: 13px 7px; background-color: #fff; vertical-align: middle; letter-spacing: -0.05em; box-sizing: border-box;}
#dkboard .dk_search fieldset > select {-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;font-size:inherit;}
#dkboard .dk_search fieldset > select::-ms-expand{display:none}
#dkboard .dk_search fieldset > input{display: inline-block;margin:0; padding:0 10px;width:100%;max-width:200px;height:45px;line-height:45px;color:#777;border-radius:var(--krds-radius-medium4);border:0.1rem solid var(--krds-light-color-border-gray, #cdd1d5);vertical-align: initial;}
#dkboard .dk_search fieldset > button{position:relative; padding:0 20px;height:45px !important;font-size:16px; font-weight:500;border-radius:var(--krds-radius-medium4);color:#fff;border:0;background-color:#52555a;}
#dkboard .dk_search p{position:absolute;top:-65px;right:0}
#dkboard .dk_search p a{display:block;padding:5px 25px;font-weight:400;color:#fff;border:1px solid #c62337;background:#c62337;border-radius:0px}
#dkboard .dk_search label {position: absolute;top: -9999px;left: -9999px;font-size: 0;}
#dkboard .dk_search .sch-form-wrap label.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;font-size:inherit;top:auto;left:auto;}
#dkboard .dk_search.sett2 {padding:15px; margin-bottom:30px; background-color:#f6f7fc; border-radius:var(--krds-radius-xlarge2);}
#dkboard .dk_search.sett2 div {display:flex; align-items:center; gap: var(--krds-gap-2, 0.4rem);}
#dkboard .dk_search.sett2 fieldset {text-align:left; justify-content:center;}
#dkboard .dk_search.sett2 fieldset select,
#dkboard .dk_search.sett2 fieldset input,
#dkboard .dk_search.sett2 fieldset button {border-radius: var(--krds-radius-medium2, 0.8rem); min-height: var(--krds-size-height-7, 4rem); padding: 0 var(--krds-padding-5, 1.2rem);}
#dkboard .dk_search.sett2 fieldset select {width: auto;}
#dkboard .dk_search.sett2 fieldset input {max-width:120px;}
#dkboard .dk_search.sett2 fieldset input.input_type2 {max-width:none; width:calc(100% - 68px) !important;}

/* ── 페이징 ── */
#dkboard .dk_paging{padding:0 0 10px 0;text-align:center}
#dkboard .dk_paging *{margin:0;padding:0;border:0;list-style-type:none;font-size:13px}
#dkboard .dk_paging .paging{display: flex;padding:20px 0;align-items: center;justify-content: center;}
#dkboard .dk_paging .paging span span{color:#2d4594;font-size:11px;display:none}
#dkboard .dk_paging .paging strong{display:block;margin:0 2px;width: 40px;height: 40px;line-height: 40px;font-weight:700;text-align:center;color: #fefefe;border: 1px solid #444;border-radius: 20px;background-color: #444;}
#dkboard .dk_paging .paging .num{display:inline-block;width: 40px;height: 40px;line-height: 40px;border-radius: 20px;margin: 0 2px;color:#888;border:1px solid #d5d5d5}
#dkboard .dk_paging .paging .num:hover{color:#444;border:1px solid #444;}
#dkboard .dk_paging .pprev{display:inline-block;padding:0 10px;font-size:13px;color:#888;border-left:0px solid #ccc}
#dkboard .dk_paging .prev{display:inline-block;padding:0 10px;font-size:13px;color:#888;border-left:1px solid #ccc}
#dkboard .dk_paging .next{display:inline-block;padding:0 10px;font-size:13px;color:#888;border-right:1px solid #ccc}
#dkboard .dk_paging .nnext{display:inline-block;padding:0 10px;font-size:13px;color:#888;border-right:0px solid #ccc}

/* ── 버튼 영역 ── */
#dkboard .dk_button-wrap {padding:20px 0 0;text-align:right}

#dkboard .dk_button {padding:20px 0 0;text-align:right}
#dkboard .dk_button *{margin:0;padding:0;border:0;list-style-type:none;font-size:13px}
#dkboard .dk_button a{display:inline-block;padding:6px 20px 8px;font-size:15px;color:#fff;border:1px solid #555;background:#555;border-radius:4px}
#dkboard .dk_button button{display:inline-block;padding:5px 20px;font-size:15px;color:#fff;border:1px solid #555;background:#555;border-radius:4px}

/* ── KRDS 버튼 ── */
#dkboard .krds-btn {display:inline-flex; align-items:center; justify-content:center; gap:0.4rem; border:0; border-radius:var(--krds-radius-medium4, 0.8rem); font-weight:600; cursor:pointer; transition:background-color 0.2s, color 0.2s;}
#dkboard .krds-btn.medium {min-height:4rem; padding:0 1.6rem; font-size:1.6rem;}
#dkboard .krds-btn.small {min-height:3.2rem; padding:0 1.2rem; font-size:1.4rem;}
#dkboard .krds-btn.primary {background-color:var(--krds-button--color-primary-fill, #0054FF); border:1px solid var(--krds-button--color-primary-border, #0054FF); color:var(--krds-button--color-primary-text, #fff);}
#dkboard .krds-btn.primary:hover {background-color:var(--krds-button--color-primary-fill-hover, #0041cc);}
#dkboard .krds-btn.secondary {background-color:var(--krds-button--color-secondary-fill, #fff); color:var(--krds-button--color-secondary-text, #0054FF); border:1px solid var(--krds-button--color-secondary-border, #0054FF);}
#dkboard .krds-btn.secondary:hover {background-color:var(--krds-button--color-secondary-fill-hover, #f5f5f5);}
#dkboard .krds-btn.danger {background-color:#dc3545; color:#fff;}
#dkboard .krds-btn.danger:hover {background-color:#c82333;}
#dkboard .krds-btn.tertiary {background-color:var(--krds-button--color-tertiary-fill, #fff); color:var(--krds-button--color-tertiary-text, #333); border:1px solid var(--krds-button--color-tertiary-border, #cdd1d5);}
#dkboard .krds-btn.tertiary:hover {background-color:var(--krds-button--color-tertiary-fill-hover, #f5f5f5);}
#dkboard .krds-btn.icon {gap:0; padding:0; min-width:auto;}

/* ── 첨부파일 아이콘 버튼 ── */
#dkboard .sg_t_file {text-align: center;}
#dkboard .sg_t_file .board-file-open {
	display: inline-flex; align-items: center; justify-content: center; vertical-align: middle;
	width: 32px; height: 32px; padding: 0;
	border: 1px solid #dce5ee; border-radius: 6px; background: #fff; color: #333;
	cursor: pointer; transition: background-color 0.2s, border-color 0.2s;
}
#dkboard .sg_t_file .board-file-open:hover {background-color:#f0f4f8; border-color:#b0c4de;}

/* ── 댓글 ── */
#dkboard div.sg_reply{width:100%;padding: 15px;background-color: var(--krds-color-light-gray-5);border-radius: 10px;margin: 20px 0;}
#dkboard div.sg_reply + .tabmenu {margin-top: 50px;}
#dkboard div.sg_reply .reply_form{margin:0 0 8px;padding:0 0 24px;border-bottom:1px solid #e3e8ef;overflow:visible}
#dkboard div.sg_reply .reply_form__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 14px}
#dkboard div.sg_reply .reply_form h2,
#dkboard div.sg_reply .reply_form__title{color:#222 !important;font-size:18px !important;font-weight:700 !important;margin:0 !important;float:none;background:none;padding:0;line-height:1.4}
#dkboard div.sg_reply .reply_form p.reply_num{text-align:right;float:none;font-size:14px;margin:0;color:#666}
#dkboard div.sg_reply .reply_form p.reply_num strong{color:#256ef4;font-weight:700}
#dkboard div.sg_reply .reply_form .outline{clear:both}
#dkboard div.sg_reply .reply_form .outline fieldset{display:flex;flex-wrap:wrap;align-items:stretch;gap:10px;border:0;overflow:visible;position:relative;margin:0;padding:0}
#dkboard div.sg_reply .reply_form .outline fieldset legend{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;font-size:0;line-height:0;text-indent:0}
#dkboard div.sg_reply .reply_form .outline .row_input{padding:2px 15px}
#dkboard div.sg_reply .reply_form .outline .row_input input{vertical-align:middle;margin-bottom:2px}
#dkboard div.sg_reply .reply_form .outline .row_input span.pad{padding-left:30px}
#dkboard div.sg_reply .reply_form .outline .row_input_reply{float:none;flex:1 1 0;width:auto;min-width:0;box-sizing:border-box}
#dkboard div.sg_reply .reply_form .outline .row_input_reply textarea{display:block;padding:12px 14px;width:100%;min-height:88px;height:auto;border:1px solid #dce5ee;border-radius:8px;background:#fff;color:#222;font-size:15px;line-height:1.5;resize:vertical;overflow-y:auto;box-sizing:border-box}
#dkboard div.sg_reply .reply_form .outline .row_input_reply textarea:focus{border-color:#256ef4;outline:none;box-shadow:0 0 0 3px rgba(37,110,244,.12)}
#dkboard div.sg_reply .reply_form .outline .row_input_reply textarea:disabled{background:#f5f7fa;color:#888;cursor:not-allowed}
#dkboard div.sg_reply .reply_form .outline .row_input_reply .sg_file{display:none}
#dkboard div.sg_reply .reply_file{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-top:10px}
#dkboard div.sg_reply .reply_file__label{flex:0 0 auto;font-size:13px;font-weight:600;color:#555}
#dkboard div.sg_reply .reply_file__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#dkboard div.sg_reply .reply_file__pick{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 12px;border:1px solid #d0d7de;border-radius:6px;background:#fff;color:#333;font-size:13px;font-weight:500;cursor:pointer}
#dkboard div.sg_reply .reply_file__pick:hover{border-color:#256ef4;color:#256ef4}
#dkboard div.sg_reply .reply_file__pick.is-disabled{opacity:.55;cursor:not-allowed;pointer-events:none}
#dkboard div.sg_reply .reply_file__name{flex:1 1 120px;min-width:0;font-size:13px;color:#888;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#dkboard div.sg_reply .reply_file__name.has-file{color:#333}
#dkboard div.sg_reply .reply_file__del{display:inline-flex;align-items:center;gap:4px;margin:0;font-size:13px;color:#666;cursor:pointer}
#dkboard div.sg_reply .reply_form .outline .btn_board_ok{position:static;flex:0 0 auto;align-self:stretch;min-width:88px;width:auto;height:auto;margin:0;color:#fff !important;border:1px solid #256ef4;border-radius:8px;background:#256ef4;cursor:pointer;font-size:14px;font-weight:600}
#dkboard div.sg_reply .reply_form .outline .btn_board_ok:disabled{opacity:.55;cursor:not-allowed}
#dkboard div.sg_reply .reply_form__actions{display:flex;flex-wrap:wrap;gap:8px;width:100%;margin-top:4px;justify-content: flex-end;align-items: center;}
#dkboard div.sg_reply .reply_form--inline{margin-top:12px;padding:16px;border:1px solid #dce5ee;border-radius:12px;background:#f8fbff}
#dkboard div.sg_reply .writing{background:none;border-bottom:1px solid #e3e8ef;padding:18px 0;font-size:14px;clear:both;overflow:hidden;position:relative}
#dkboard div.sg_reply .writing .info {font-size: 14px;font-weight: 500;color: #666;}
#dkboard div.sg_reply .writing .info .day {display: inline-block;margin-left: 10px;color: #888;}
#dkboard div.sg_reply .writing .info img{vertical-align:middle;margin-bottom:2px}
#dkboard div.sg_reply .best_wrap{margin:10px 0 0;border-top:1px solid #c5d7e0}
#dkboard div.sg_reply .best_wrap .writing{padding:10px;background:#f3f3f1;border-bottom:1px solid #c5d7e0}
#dkboard div.sg_reply .best_wrap .writing .best_re{position:absolute;left:0;top:0}
#dkboard div.sg_reply .writing_re{padding:16px 0 16px 28px;overflow:hidden;}
#dkboard div.sg_reply .writing .profile_photo{float:left;width:42px;height:50px}
#dkboard div.sg_reply .writing .profile_photo img {width:42px;height:50px}
#dkboard div.sg_reply .writing .con_wrap{position: relative;z-index: 0;padding: 0 0 0 28px;}
#dkboard div.sg_reply .writing .con_wrap::before {content: '';position: absolute;top: 0;left: 8px;width: 1px;height: 32px;background-color: #c5ced8;}
#dkboard div.sg_reply .writing .con_wrap::after {content: '';position: absolute;top: 32px;left: 8px;width: 12px;height: 1px;background-color: #c5ced8;}
#dkboard div.sg_reply .writing .con_wrap .con_info{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;overflow:visible}
#dkboard div.sg_reply .writing .con_wrap .con_info .info{float:none;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
#dkboard div.sg_reply .writing .con_wrap .con_info .info .id{font-weight:700;margin-right:0;position:relative;display:inline-block;color:#222}
#dkboard div.sg_reply .writing .con_wrap .con_info .info .day{display:inline-block;margin-left:0;color:#888;font-size:13px}
#dkboard div.sg_reply .writing .con_wrap .m_d{float:none;padding-right:0}
#dkboard div.sg_reply .writing .con_wrap .m_d .postedit{float:none;display:flex;flex-wrap:wrap;gap:6px;color:transparent;font-size:0 !important;}
#dkboard div.sg_reply .writing .con_wrap .m_d .postedit a { display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:2px 10px;color:#333;margin-left:0;font-size:13px !important;background:#fff;border:1px solid #dce5ee;border-radius:6px;text-decoration:none;}
#dkboard div.sg_reply .writing .con_wrap .m_d .postedit a:hover{background:#f5f9ff;border-color:#256ef4;color:#256ef4}
#dkboard div.sg_reply .writing .con_wrap .con {margin-top: 10px;font-size: 15px;font-weight: 500;line-height:1.6;color: #222;word-break:break-word;}
#dkboard div.sg_reply .input_check{vertical-align:middle;margin-right:4px;}
#dkboard div.sg_reply .del_word{font-size:13px;margin-left:2px;color:#666;}
#dkboard div.sg_reply .re-mod-area:empty{display:none}
#dkboard div.sg_reply .reply_paging{margin:8px 0 0;padding:20px 0 4px;text-align:center}
#dkboard div.sg_reply .reply_paging .paging{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;padding:0}
#dkboard div.sg_reply .reply_paging .paging span span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#dkboard div.sg_reply .reply_paging .paging a,
#dkboard div.sg_reply .reply_paging .paging strong{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;margin:0;border:1px solid #dce5ee;border-radius:8px;background:#fff;color:#555;font-size:14px;font-weight:500;text-decoration:none}
#dkboard div.sg_reply .reply_paging .paging a:hover{border-color:#256ef4;color:#256ef4;background:#f5f9ff}
#dkboard div.sg_reply .reply_paging .paging strong{border-color:#256ef4;background:#256ef4;color:#fff;font-weight:700}
#dkboard div.sg_reply .reply_paging .paging .pprev,
#dkboard div.sg_reply .reply_paging .paging .prev,
#dkboard div.sg_reply .reply_paging .paging .next,
#dkboard div.sg_reply .reply_paging .paging .nnext{display:inline-flex;border:0;background:transparent;color:inherit;font-size:13px;padding:0;min-width:auto;white-space:nowrap}
#dkboard div.sg_reply .reply_paging .paging a:has(.pprev),
#dkboard div.sg_reply .reply_paging .paging a:has(.prev),
#dkboard div.sg_reply .reply_paging .paging a:has(.next),
#dkboard div.sg_reply .reply_paging .paging a:has(.nnext){min-width:auto;padding:0 12px;color:#666}
/* ── 글쓰기 폼 (프론트 #wd_print 영역) ── */
#dkboard .guide_txt{padding:5px 0 20px 0;text-align:right;border-bottom:1px solid #333}
#dkboard .guide_txt .required{color:#f00;font-weight:600}
#dkboard .row_input{position:relative;padding:10px 0 10px 120px;min-height:26px;border-bottom:1px solid #d2d2d2;overflow:hidden}
#dkboard .row_input *{font-size:15px !important}
#dkboard .row_input > label{position:relative;padding:4px 0}
#dkboard .row_input > label.fl{margin:0 5px 0 0}
#dkboard .row_input span.head{position:absolute;top:10px;left:20px;display:block;text-align:left;white-space:nowrap;color:#464646}
#dkboard .row_input span.required{position:absolute;top:10px;left:10px;color:#f00;font-weight:600}
#dkboard .row_input span.info {width:auto !important;margin:0;padding-top:6px;display:block;letter-spacing: -0.05em;border:none}
#dkboard .row_input input.long {width:auto !important}
#dkboard .row_input span.data {display:block;padding:4px 0 2px 0;line-height:140%}
#dkboard .row_input .dk_textarea{padding:10px;width:100%;height:300px;border:1px solid #ccc}

/* ── 글쓰기 폼 부가 (boardOption / boardUpload / terms) ── */
#dkboard .sg_write_wrapper{background:#fff; border-top:2px solid #333;}
#dkboard .sg_write_wrapper fieldset{margin:0; border:0}
#dkboard .sg_write_wrapper fieldset legend{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}

/* 답변 작성: 원글 정보 */
#dkboard .board-answer-origin{
	margin:0 0 20px;
	padding:16px 20px;
	border:1px solid #dce5ee;
	border-radius:12px;
	background:#f5f8fb;
}
#dkboard .board-answer-origin__head{
	display:flex;
	flex-wrap:wrap;
	align-items:flex-start;
	gap:8px 12px;
	margin-bottom:10px;
}
#dkboard .board-answer-origin__label{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	min-width:40px;
	padding:2px 8px;
	border-radius:4px;
	background:#256ef4;
	color:#fff;
	font-size:13px;
	font-weight:600;
	line-height:1.4;
}
#dkboard .board-answer-origin__title{
	flex:1 1 200px;
	font-size:16px;
	font-weight:600;
	color:#222;
	line-height:1.5;
	word-break:break-word;
}
#dkboard .board-answer-origin__meta{
	display:flex;
	flex-wrap:wrap;
	gap:6px 16px;
	margin-bottom:12px;
	padding-bottom:12px;
	border-bottom:1px solid #e3e8ef;
	font-size:14px;
	color:#666;
}
#dkboard .board-answer-origin__item em{
	margin-right:6px;
	font-style:normal;
	font-weight:600;
	color:#333;
}
#dkboard .board-answer-origin__body{
	max-height:280px;
	overflow:auto;
	font-size:14px;
	line-height:1.6;
	color:#333;
	word-break:break-word;
}
#dkboard .board-answer-origin__body img{max-width:100%;height:auto;}

#dkboard .input_design,
#dkboard .input_text{padding:0 10px;height:36px;line-height:36px;border:1px solid #ccc;background:#fff;box-sizing:border-box;font-size:14px;font-family:inherit;vertical-align:middle;}
#dkboard .w70p{width:70% !important}
#dkboard .fl{float:left}
#dkboard .ml20{margin-left:20px !important}
#dkboard .mtext{font-size:13px;color:#666;}
#dkboard .red{color:#d43a38 !important;}
#dkboard .check_box{vertical-align:middle;margin-right:4px;}
#dkboard .row_con{display:inline-flex;gap:8px;clear:both;padding:8px 0;overflow:hidden;align-items:center;flex-wrap:wrap;width:100%;box-sizing:border-box;}
#dkboard .row_con + .row_con{margin-top:6px;}
#dkboard .sg_write_file{background:#f4f4f4;border:1px solid #dfdfdf;padding:6px;margin:0;max-width:100%;box-sizing:border-box;}
#dkboard .upload_notice{display:block;width:100%;margin:8px 0 0;padding:0;font-size:13px;color:#666;line-height:1.5;}
#dkboard .upload_notice span{display:block;}
#dkboard .krds-form-check{display:inline-flex;align-items:center;gap:6px;margin-right:16px;vertical-align:middle;}
#dkboard .krds-form-check input[type="checkbox"]{width:18px;height:18px;margin:0;}
#dkboard .btn_wrap{padding:20px 0 0;text-align:center;}
#dkboard .dk_pass .btn_wrap{margin-top:16px;}
#dkboard .dk_pass .sg_input{padding:0 10px;height:36px;border:1px solid #ccc;vertical-align:middle;}

/* ── 게시판 공지(boardNotice) ── */
#dkboard #board_notice{margin-bottom:30px}
#dkboard #board_notice h2{padding-bottom:8px;font-size:18px;font-weight:600;}
#dkboard #board_notice ul{margin:0;padding:0;list-style:none;border-bottom:1px solid #dfdfdf}
#dkboard #board_notice ul li.faq{overflow:hidden;border-top:1px solid #dfdfdf}
#dkboard #board_notice ul li dl.faq_q{display:flex;justify-content:space-between;align-items:center;padding:12px 0;line-height:1.4;cursor:pointer;}
#dkboard #board_notice ul li dl.faq_q dt{font-size:15px;font-weight:600;color:#333;}
#dkboard #board_notice ul li dl.faq_q dd{color:#888;font-size:13px;white-space:nowrap;margin-left:12px;}
#dkboard #board_notice ul li dl.faq_a{display:block;margin-bottom:6px}
#dkboard #board_notice ul li dl.faq_a dd{clear:both;border:1px solid #dfdfdf;background:#f3f3f3;padding:12px;color:#666;font-size:14px;line-height:1.5;}

/* ── 동의 영역 ── */
#dkboard .conts-area .agree-tit{padding-bottom: 15px;font-weight: 500;font-size: 1.2em;color: var(--mainColor);}
#dkboard .conts-area .agree-box {width:100%;padding:20px;background-color: var(--colorLightgray);border-radius: 10px;}
#dkboard .conts-area .agree-box > input[type="checkbox"] {height:18px;width:18px;}

/* ── SVG 아이콘 ── */
#dkboard .svg-icon {
	display: inline-block;
	flex-shrink: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
#dkboard .svg-icon.ico-down {
	width: 18px;
	height: 18px;
	background-image: url("../../front/icon/ico_download.svg");
}
#dkboard .svg-icon.ico-popup-close {
	width: 20px;
	height: 20px;
	position: relative;
}
#dkboard .svg-icon.ico-popup-close::before,
#dkboard .svg-icon.ico-popup-close::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 14px;
	height: 2px;
	background: #333;
}
#dkboard .svg-icon.ico-popup-close::before {
	transform: translate(-50%, -50%) rotate(45deg);
}
#dkboard .svg-icon.ico-popup-close::after {
	transform: translate(-50%, -50%) rotate(-45deg);
}

/* ── KRDS 모달 (첨부파일) ── */
body.scroll-no {
	overflow: hidden;
}
#dkboard .krds-modal {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	visibility: hidden;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: visibility 0.15s 0.3s, z-index 0s 0.3s, opacity 0.2s;
	font-size: 14px;
	line-height: 1.5;
	color: #333;
}
#dkboard .krds-modal.shown {
	display: block;
}
#dkboard .krds-modal.in {
	z-index: 1010;
	transition-delay: 0s;
	opacity: 1;
	visibility: visible;
}
#dkboard .krds-modal .modal-back {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	visibility: hidden;
	z-index: -1;
	background: rgba(0, 0, 0, 0.45);
}
#dkboard .krds-modal .modal-back.in {
	display: block;
	z-index: 1000;
	visibility: visible;
}
#dkboard .krds-modal .modal-dialog {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 1020;
	width: 100%;
	max-width: 560px;
	min-height: 100%;
	margin: 0 auto;
	padding: 20px;
	box-sizing: border-box;
}
#dkboard .krds-modal .modal-content {
	display: flex;
	flex-direction: column;
	position: relative;
	width: 100%;
	max-height: 80vh;
	background: #fff;
	border: 1px solid #dce5ee;
	border-radius: 12px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
	overflow: hidden;
}
#dkboard .krds-modal .modal-header {
	padding: 24px 24px 0;
}
#dkboard .krds-modal .modal-title {
	margin: 0;
	font-size: 18px;
	font-weight: 700;
	color: #222;
}
#dkboard .krds-modal .modal-conts {
	overflow-y: auto;
	padding: 16px 24px;
}
#dkboard .krds-modal .modal-conts .box-group-area {
	margin-bottom: 0;
}
#dkboard .krds-modal .modal-btn {
	display: flex;
	justify-content: flex-end;
	gap: 8px;
	padding: 0 24px 24px;
}
#dkboard .krds-modal .btn-close {
	position: absolute;
	top: 16px;
	right: 16px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	padding: 0;
	border: 0;
	border-radius: 6px;
	background: transparent;
	cursor: pointer;
}
#dkboard .krds-modal .btn-close:hover,
#dkboard .krds-modal .btn-close:focus {
	background: #f5f7fa;
	outline: none;
}
#dkboard .krds-modal .btn-close:focus-visible {
	outline: 2px solid #256ef4;
	outline-offset: 2px;
}

/* ── 첨부파일 영역 상세 ── */
#dkboard .dk_view dl.add .box-group-area {
	margin-bottom: 0;
	width: 100%;
}
#dkboard .box-group-area {
	margin: 0 0 20px;
	padding: 0;
	list-style: none;
}
#dkboard .box-group-area > li {
	margin: 0;
	padding: 0;
	list-style: none;
}
/* 상세 dd a{display:block} 보다 우선 — 파일명|다운로드 한 줄 유지 */
#dkboard .dk_view dd .box-group-area > li a,
#dkboard .dk_view dl.add .box-group-area > li a,
#dkboard .box-group-area > li a {
	display: flex !important;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: nowrap;
	gap: 12px;
	width: 100%;
	padding: 14px 16px;
	border: 1px solid #dce5ee;
	border-radius: 8px;
	background: #fff;
	color: #333;
	text-decoration: none;
	box-sizing: border-box;
}
#dkboard .dk_view dd .box-group-area > li a + a,
#dkboard .dk_view dl.add .box-group-area > li a + a {
	margin-top: 0;
}
#dkboard .box-group-area > li a:hover,
#dkboard .box-group-area > li a:focus,
#dkboard .dk_view dd .box-group-area > li a:hover,
#dkboard .dk_view dd .box-group-area > li a:focus {
	background: #f8fbff;
	border-color: #256ef4;
	outline: none;
}
#dkboard .box-group-area > li a:focus-visible,
#dkboard .dk_view dd .box-group-area > li a:focus-visible {
	outline: 2px solid #256ef4;
	outline-offset: 2px;
}
#dkboard .box-group-area > li .tit,
#dkboard .dk_view dd .box-group-area > li .tit {
	flex: 1 1 auto;
	min-width: 0;
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 1.5;
	color: #333;
	word-break: break-all;
}
#dkboard .box-group-area > li .btn-wrap,
#dkboard .dk_view dd .box-group-area > li .btn-wrap {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	flex: 0 0 auto;
	margin-left: 0;
	font-size: 14px;
	color: #256ef4;
	white-space: nowrap;
}
#dkboard .sg_t_file .board-file-open:hover,
#dkboard .sg_t_file .board-file-open:focus {
	background: #f5f9ff;
	border-color: #256ef4;
	outline: none;
}
#dkboard .sg_t_file .board-file-open:focus-visible {
	outline: 2px solid #256ef4;
	outline-offset: 2px;
}


/**/
#modal_board_file_list .board-file-down-link,
#dkboard .dk_view dl.add .board-file-down-link,
#page .dk_view dl.add .board-file-down-link {
	display: flex !important;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: nowrap;
	gap: 12px;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 14px 16px;
	border: 1px solid #dce5ee;
	border-radius: 8px;
	background: #fff;
	color: #333;
	font: inherit;
	text-align: left;
	cursor: pointer;
	box-sizing: border-box;
}
#modal_board_file_list .board-file-down-link:hover,
#modal_board_file_list .board-file-down-link:focus,
#dkboard .dk_view dl.add .board-file-down-link:hover,
#dkboard .dk_view dl.add .board-file-down-link:focus,
#page .dk_view dl.add .board-file-down-link:hover,
#page .dk_view dl.add .board-file-down-link:focus {
	background: #f8fbff;
	border-color: #256ef4;
	outline: none;
}
#modal_board_file_list .board-file-down-link .tit,
#dkboard .dk_view dl.add .board-file-down-link .tit,
#page .dk_view dl.add .board-file-down-link .tit {
	flex: 1 1 auto;
	min-width: 0;
	margin: 0;
	padding: 0;
	font-size: 14px;
	line-height: 1.4;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-break: normal;
}
#modal_board_file_list .board-file-down-link .btn-wrap,
#dkboard .dk_view dl.add .board-file-down-link .btn-wrap,
#page .dk_view dl.add .board-file-down-link .btn-wrap {
	display: flex;
	align-items: center;
	flex: 0 0 auto;
	gap: 6px;
	white-space: nowrap;
	font-size: 15px;
	color: #256ef4;
}
#modal_board_file_list .box-group-area.col2 > li  {
	width:100% !important;
}