@charset "utf-8";
/**
 * Dermaking Notice Skin CSS
 */

/* ============================================
   Variables
   ============================================ */
:root {
	--dm-primary:#ff6b1a;
	--dm-primary-hover:#e55a10;
	--dm-primary-light:#fff6ef;
	--dm-primary-border:#ffd9b8;
	--dm-accent:#1e2a4a;
	--dm-accent-light:#eef2f9;
	--dm-text:#1a2238;
	--dm-text-sub:#4a5468;
	--dm-text-muted:#8a93a8;
	--dm-text-light:#b8bfd0;
	--dm-bg:#fbf8f4;
	--dm-card-bg:#ffffff;
	--dm-border:#e5eaf2;
	--dm-border-light:#eef1f7;
	--dm-font:-apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", "Segoe UI", Roboto, "Noto Sans KR", "Helvetica Neue", Arial, sans-serif;
	--dm-radius:16px;
	--dm-radius-sm:10px;
	--dm-radius-pill:50px;
	--dm-shadow-sm:0 2px 8px rgba(30, 42, 74, 0.04);
	--dm-shadow-md:0 4px 16px rgba(30, 42, 74, 0.06);
	--dm-shadow-hover:0 12px 32px rgba(30, 42, 74, 0.1);
}

/* ============================================
   ���� ����
   ============================================ */
.dm-notice-list {font-family:var(--dm-font); font-size:15px; color:var(--dm-text); line-height:1.6; letter-spacing:-0.2px; background:#fff; width:100%; max-width:1400px; padding:80px 20px 100px; box-sizing:border-box; margin:0 auto;}
.dm-notice-list *, .dm-notice-list *::before, .dm-notice-list *::after {box-sizing:border-box;}
.dm-notice-list a {text-decoration:none; color:inherit; transition:color 0.2s;}

/* ============================================
   ������ ���
   ============================================ */
.dm-notice-head {text-align:center; margin-bottom:50px;}
.dm-notice-eyebrow {display:inline-block; font-size:14px; font-weight:500; color:var(--dm-primary); letter-spacing:3px; margin-bottom:16px; text-transform:uppercase;}
.dm-notice-page-title {margin:0 0 16px 0; font-size:44px; font-weight:700; color:var(--dm-text); line-height:1.3; letter-spacing:-0.8px;}
.dm-notice-page-desc {margin:0; font-size:16px; font-weight:400; color:var(--dm-text-sub); line-height:1.7; letter-spacing:-0.2px;}

/* ============================================
   ��� �� (ī��Ʈ + ����)
   ============================================ */
.dm-notice-top {display:flex; justify-content:space-between; align-items:center; margin-bottom:20px; padding-bottom:20px; border-bottom:2px solid var(--dm-accent); gap:16px; flex-wrap:wrap;}
.dm-notice-total {display:flex; align-items:center; gap:4px; font-size:14px;}
.dm-notice-total-label {color:var(--dm-text-muted); font-weight:500;}
.dm-notice-total-count {color:var(--dm-primary); font-weight:700; font-size:16px; font-variant-numeric:tabular-nums;}

.dm-notice-sort-form {margin:0;}
.dm-notice-sort-select {min-width:120px; height:40px; padding:0 40px 0 16px; font-size:13px; font-weight:500; color:var(--dm-text); background-color:#fff; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 14px center; border:1px solid var(--dm-border); border-radius:var(--dm-radius-pill); appearance:none; -webkit-appearance:none; cursor:pointer; outline:none; font-family:inherit; transition:all 0.2s;}
.dm-notice-sort-select:hover {border-color:var(--dm-primary);}
.dm-notice-sort-select:focus {border-color:var(--dm-primary); box-shadow:0 0 0 3px rgba(255, 107, 26, 0.08);}

/* ============================================
   ī�װ��� (ī�װ���2 ����)
   ============================================ */
.dm-notice-list .kboard-category.category-pc .kboard-category-list:nth-of-type(2) {display:none !important;}
.dm-notice-list .kboard-category.category-mobile select[name="category2"] {display:none !important;}

.dm-notice-list .kboard-category.category-pc {display:flex !important; justify-content:center !important; margin-bottom:30px !important; padding:0 !important; background:transparent !important; width:100% !important;}
.dm-notice-list .kboard-category.category-pc .kboard-category-list {display:flex !important; flex-wrap:wrap !important; justify-content:center !important; gap:10px !important; padding:0 !important; margin:0 !important; list-style:none !important;}
.dm-notice-list .kboard-category.category-pc .kboard-category-list li {margin:0 !important; padding:0 !important;}
.dm-notice-list .kboard-category.category-pc .kboard-category-list li a {display:inline-flex !important; align-items:center !important; padding:9px 22px !important; border-radius:50px !important; background-color:#fff !important; color:var(--dm-text-sub) !important; font-size:13px !important; font-weight:500 !important; border:1px solid var(--dm-border) !important; letter-spacing:-0.2px !important; transition:all 0.2s !important; text-decoration:none !important;}
.dm-notice-list .kboard-category.category-pc .kboard-category-list li a:hover {color:var(--dm-primary) !important; border-color:var(--dm-primary) !important;}
.dm-notice-list .kboard-category.category-pc .kboard-category-list li.kboard-category-selected a {background-color:var(--dm-accent) !important; color:#fff !important; font-weight:700 !important; border-color:var(--dm-accent) !important;}

/* ============================================
   ����Ʈ ���̺�
   ============================================ */
.dm-notice-table-wrap {width:100%; overflow:hidden;}
.dm-notice-table {width:100%; border-collapse:collapse; table-layout:fixed;}
.dm-notice-table thead th {padding:18px 16px; font-size:13px; font-weight:600; color:var(--dm-text-muted); text-align:center; background:transparent; border-bottom:1px solid var(--dm-border); letter-spacing:-0.2px;}
.dm-notice-table thead .dm-notice-col-num {width:90px;}
.dm-notice-table thead .dm-notice-col-title {text-align:left; padding-left:24px;}
.dm-notice-table thead .dm-notice-col-user {width:140px;}
.dm-notice-table thead .dm-notice-col-date {width:140px;}
.dm-notice-table thead .dm-notice-col-view {width:100px;}

.dm-notice-row {border-bottom:1px solid var(--dm-border-light); transition:background-color 0.15s;}
.dm-notice-row:hover {background-color:var(--dm-bg);}
.dm-notice-row td {padding:20px 16px; font-size:14px; color:var(--dm-text-sub); text-align:center; vertical-align:middle; letter-spacing:-0.2px;}

.dm-notice-row .dm-notice-col-num {font-weight:500; color:var(--dm-text-muted); font-variant-numeric:tabular-nums;}
.dm-notice-row .dm-notice-col-title {text-align:left; padding-left:24px; padding-right:16px;}
.dm-notice-row .dm-notice-col-user {color:var(--dm-text-sub); font-weight:500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.dm-notice-row .dm-notice-col-date {color:var(--dm-text-muted); font-size:13px; font-weight:500; font-variant-numeric:tabular-nums;}
.dm-notice-row .dm-notice-col-view {color:var(--dm-text-muted); font-size:13px; font-weight:500; font-variant-numeric:tabular-nums;}

/* ����/�α� �ο� */
.dm-notice-row-notice {background-color:var(--dm-primary-light);}
.dm-notice-row-notice:hover {background-color:#ffedde;}
.dm-notice-row-notice .dm-notice-title-text {font-weight:700; color:var(--dm-text);}
.dm-notice-row-popular {background-color:var(--dm-bg);}

/* ����/�α� ���� */
.dm-notice-badge-notice {display:inline-flex; align-items:center; justify-content:center; padding:4px 12px; background:var(--dm-primary); color:#fff; font-size:11px; font-weight:700; border-radius:4px; letter-spacing:0.5px; box-shadow:0 2px 6px rgba(255, 107, 26, 0.25);}
.dm-notice-badge-popular {display:inline-flex; align-items:center; justify-content:center; padding:4px 12px; background:var(--dm-accent); color:#fff; font-size:11px; font-weight:700; border-radius:4px; letter-spacing:0.5px;}

/* ���� ��ũ */
.dm-notice-title-link {display:inline-flex; align-items:center; gap:6px; color:var(--dm-text); font-weight:500; flex-wrap:wrap;}
.dm-notice-title-link:hover .dm-notice-title-text {color:var(--dm-primary);}
.dm-notice-title-text {font-size:15px; letter-spacing:-0.3px; transition:color 0.2s; word-break:keep-all;}

.dm-notice-icon-lock {display:inline-flex; align-items:center; color:var(--dm-text-muted); margin-right:2px;}
.dm-notice-comments-count {display:inline-flex; align-items:center; color:var(--dm-primary); font-size:13px; font-weight:600; font-variant-numeric:tabular-nums;}
.dm-notice-new {display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; background:var(--dm-primary); color:#fff; font-size:10px; font-weight:700; border-radius:50%; margin-left:2px; box-shadow:0 2px 4px rgba(255, 107, 26, 0.3);}

/* ����� ��Ÿ (PC���� ����) */
.dm-notice-mobile-meta {display:none;}

/* ============================================
   �ϴ� ���� (���������̼� + �۾���)
   ============================================ */
.dm-notice-bottom {display:flex; justify-content:space-between; align-items:center; gap:16px; padding:40px 0 30px; position:relative; flex-wrap:wrap;}

/* ���������̼� */
.dm-notice-pagination {flex:1; display:flex; justify-content:center;}
.dm-notice-pagination-list {display:inline-flex; padding:0; margin:0; list-style:none; gap:6px; align-items:center; justify-content:center;}
.dm-notice-pagination-list li {display:block; margin:0;}
.dm-notice-pagination-list a, .dm-notice-pagination-list span {display:inline-flex; align-items:center; justify-content:center; min-width:40px; height:40px; padding:0 10px; border-radius:50%; background:#fff; border:1px solid var(--dm-border); font-size:14px; font-weight:500; color:var(--dm-text-sub); font-variant-numeric:tabular-nums; text-decoration:none; transition:all 0.2s;}
.dm-notice-pagination-list a:hover {border-color:var(--dm-primary); color:var(--dm-primary);}
.dm-notice-pagination-list li.active a, .dm-notice-pagination-list li.active span, .dm-notice-pagination-list a.active, .dm-notice-pagination-list .active a, .dm-notice-pagination-list .active span {color:#fff !important; background:var(--dm-accent); border-color:var(--dm-accent);}

/* �۾��� ��ư */
.dm-notice-control {position:absolute; right:0; top:50%; transform:translateY(-50%);}
.dm-notice-write-btn {display:inline-flex; align-items:center; gap:6px; padding:12px 28px; font-size:14px; font-weight:600; color:#fff !important; background-color:var(--dm-primary); border:1px solid var(--dm-primary); border-radius:var(--dm-radius-pill); text-decoration:none; letter-spacing:-0.2px; box-shadow:0 4px 12px rgba(255, 107, 26, 0.2); transition:all 0.25s;}
.dm-notice-write-btn::before {content:'+'; font-size:18px; font-weight:400; line-height:1;}
.dm-notice-write-btn:hover {background-color:var(--dm-primary-hover); border-color:var(--dm-primary-hover); color:#fff !important; transform:none; box-shadow:0 6px 16px rgba(255, 107, 26, 0.3);}

/* ============================================
   �˻�â (�ϴ�)
   ============================================ */
.dm-notice-search {display:flex; justify-content:center; margin-top:20px;}
.dm-notice-search-form {display:inline-flex; align-items:center; width:100%; max-width:520px; padding:6px 6px 6px 22px; background:#fff; border:1px solid var(--dm-border); border-radius:var(--dm-radius-pill); transition:all 0.2s;}
.dm-notice-search-form:hover {border-color:var(--dm-primary); box-shadow:var(--dm-shadow-sm);}
.dm-notice-search-form:focus-within {border-color:var(--dm-primary); box-shadow:0 0 0 4px rgba(255, 107, 26, 0.08);}
.dm-notice-search-select {flex-shrink:0; width:auto; min-width:60px; height:40px; padding:0 24px 0 0; margin:0 12px 0 0; font-size:13px; font-weight:500; color:var(--dm-text-sub); background-color:transparent; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 2px center; border:none; border-right:1px solid var(--dm-border-light); border-radius:0; appearance:none; -webkit-appearance:none; cursor:pointer; outline:none; font-family:inherit;}
.dm-notice-search-input {flex:1; min-width:0; margin:0; padding:8px 0; font-size:14px; color:var(--dm-text); background:transparent; border:none; border-radius:0; outline:none; height:40px; font-family:inherit;}
.dm-notice-search-input::placeholder {color:var(--dm-text-light); font-weight:400;}
.dm-notice-search-btn {flex-shrink:0; width:40px; height:40px; padding:0; margin:0; background-color:var(--dm-primary-light); border:none; border-radius:50%; font-size:0; cursor:pointer; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ff6b1a' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:center; transition:all 0.25s;}
.dm-notice-search-btn:hover {background-color:var(--dm-primary); background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E"); box-shadow:0 4px 10px rgba(255, 107, 26, 0.25);}

/* ============================================
   ������ - �º���
   ============================================ */
@media screen and (max-width: 1024px) {
	.dm-notice-list {padding:60px 30px 80px;}
	.dm-notice-page-title {font-size:34px;}
	.dm-notice-table thead .dm-notice-col-view {display:none;}
	.dm-notice-table tbody .dm-notice-col-view {display:none;}
}

/* ============================================
   ������ - ����� (���̺� �� ī��)
   ============================================ */
@media screen and (max-width: 768px) {
	.dm-notice-list {padding:50px 16px 70px;}
	.dm-notice-head {margin-bottom:36px;}
	.dm-notice-eyebrow {font-size:12px; letter-spacing:2px; margin-bottom:12px;}
	.dm-notice-page-title {font-size:26px; margin-bottom:12px;}
	.dm-notice-page-desc {font-size:14px;}
	
	.dm-notice-top {margin-bottom:16px; padding-bottom:16px;}
	.dm-notice-total {font-size:13px;}
	.dm-notice-sort-select {min-width:100px; height:36px; font-size:12px; padding:0 34px 0 14px;}
	
	/* ���̺��� ī�� �������� */
	.dm-notice-table {display:block;}
	.dm-notice-table thead {display:none;}
	.dm-notice-table tbody {display:block;}
	.dm-notice-table tr {display:block; padding:16px 18px; border-bottom:1px solid var(--dm-border-light);}
	.dm-notice-table tr:hover {background-color:var(--dm-bg);}
	.dm-notice-table td {display:none; padding:0; text-align:left; border:none;}
	.dm-notice-table .dm-notice-col-num {display:inline-block; margin-bottom:10px; padding:0;}
	.dm-notice-table .dm-notice-col-num:not(:has(.dm-notice-badge-notice)):not(:has(.dm-notice-badge-popular)) {display:none;}
	.dm-notice-table .dm-notice-col-title {display:block; padding:0;}
	
	.dm-notice-row {padding:16px 18px;}
	.dm-notice-row-notice {background-color:var(--dm-primary-light);}
	
	.dm-notice-title-link {display:block;}
	.dm-notice-title-text {font-size:15px; line-height:1.5;}
	.dm-notice-row-notice .dm-notice-title-text {font-weight:700;}
	
	/* ����� ��Ÿ ǥ�� */
	.dm-notice-mobile-meta {display:flex; align-items:center; flex-wrap:wrap; gap:6px; margin-top:8px; font-size:12px; color:var(--dm-text-muted); font-weight:500;}
	.dm-notice-m-sep {color:var(--dm-text-light);}
	.dm-notice-m-user {color:var(--dm-text-sub); font-weight:500;}
	.dm-notice-m-date {font-variant-numeric:tabular-nums;}
	.dm-notice-m-view {font-variant-numeric:tabular-nums;}
	
	/* �ϴ� */
	.dm-notice-bottom {flex-direction:column-reverse; align-items:stretch; padding:30px 0 20px;}
	.dm-notice-control {position:static; transform:none; display:flex; justify-content:flex-end;}
	.dm-notice-write-btn {padding:11px 24px; font-size:13px;}
	.dm-notice-write-btn:hover {transform:none;}
	.dm-notice-pagination {width:100%;}
	.dm-notice-pagination-list a, .dm-notice-pagination-list span {min-width:36px; height:36px; font-size:13px;}
	
	/* �˻�â */
	.dm-notice-search-form {max-width:100%; padding:5px 5px 5px 18px;}
	.dm-notice-search-select {min-width:50px; margin-right:10px;}
	.dm-notice-search-input {font-size:13px;}
	.dm-notice-search-btn {width:36px; height:36px;}
}



/* ============================================
   �������� ���� ��
   ============================================ */
.dm-notice-doc {font-family:var(--dm-font); width:100%; max-width:1400px; margin:0 auto; padding:60px 20px 100px; box-sizing:border-box; color:var(--dm-text); line-height:1.6; letter-spacing:-0.2px; background:#fff;}
.dm-notice-doc *, .dm-notice-doc *::before, .dm-notice-doc *::after {box-sizing:border-box;}
.dm-notice-doc a {text-decoration:none; color:inherit; transition:color 0.2s;}

/* ���� ���� */
.dm-notice-doc-wrap {background:#fff !important; border:1px solid var(--dm-border) !important; border-radius:20px !important; overflow:visible !important; box-shadow:none !important; float:none !important;}

/* ============================================
   ��� ��Ÿ + Ÿ��Ʋ
   ============================================ */
.dm-notice-doc-head {padding:50px 60px 36px; border-bottom:1px solid var(--dm-border-light);}

.dm-notice-doc-meta-top {display:flex; align-items:center; gap:12px; margin-bottom:24px; flex-wrap:wrap;}
.dm-notice-doc-badge {display:inline-flex; align-items:center; padding:5px 14px; background:var(--dm-primary); color:#fff; font-size:12px; font-weight:700; border-radius:4px; letter-spacing:0.5px; box-shadow:0 2px 6px rgba(255, 107, 26, 0.25);}
.dm-notice-doc-category {display:inline-flex; align-items:center; padding:5px 14px; background-color:var(--dm-primary-light); color:var(--dm-primary); font-size:12px; font-weight:700; border-radius:4px; border:1px solid var(--dm-primary-border); letter-spacing:-0.1px;}
.dm-notice-doc-date-top {font-size:13px; font-weight:500; color:var(--dm-text-muted); letter-spacing:-0.2px;}

.dm-notice-doc-title {margin:0 0 28px 0 !important; padding:0 !important; font-size:30px !important; font-weight:700 !important; color:var(--dm-text) !important; line-height:1.4 !important; letter-spacing:-0.7px !important; border-bottom:none !important; word-break:keep-all;}

.dm-notice-doc-meta-bottom {display:flex; align-items:center; flex-wrap:wrap; gap:10px; font-size:13px; color:var(--dm-text-muted);}
.dm-notice-doc-meta-bottom > span {display:inline-flex; align-items:center; gap:6px; font-weight:500;}
.dm-notice-doc-meta-bottom svg {flex-shrink:0; color:var(--dm-text-light);}
.dm-notice-doc-writer {color:var(--dm-text-sub);}
.dm-notice-doc-date {font-variant-numeric:tabular-nums;}
.dm-notice-doc-view {font-variant-numeric:tabular-nums;}
.dm-notice-doc-sep {display:inline-block; width:1px; height:12px; background:var(--dm-border); margin:0 4px;}

/* kboard �⺻ detail ���� (Ŀ���� ��Ÿ�� ��ü) */
.dm-notice-doc .kboard-title, .dm-notice-doc .kboard-detail {display:none !important;}

/* ============================================
   ���� ������
   ============================================ */
.dm-notice-doc-content {padding:40px 60px !important; float:none !important; min-height:200px !important; border:none !important; background:transparent !important;}
.dm-notice-doc-content .content-view {font-size:16px !important; line-height:1.9 !important; color:var(--dm-text-sub) !important; padding:0 !important; letter-spacing:-0.2px;}
.dm-notice-doc-content p {margin:0 0 18px 0;}
.dm-notice-doc-content strong {color:var(--dm-text); font-weight:700;}
.dm-notice-doc-content a {color:var(--dm-primary); text-decoration:underline;}
.dm-notice-doc-content a:hover {color:var(--dm-primary-hover);}
.dm-notice-doc-content img {max-width:100%; height:auto; border-radius:10px; margin:24px 0;}
.dm-notice-doc-content h1 {margin:50px 0 20px 0 !important; padding-bottom:16px !important; font-size:26px !important; font-weight:700 !important; color:var(--dm-text) !important; line-height:1.4 !important; letter-spacing:-0.5px !important; border-bottom:1px solid var(--dm-border-light) !important;}
.dm-notice-doc-content h2 {margin:44px 0 18px 0 !important; padding-bottom:14px !important; font-size:22px !important; font-weight:700 !important; color:var(--dm-text) !important; line-height:1.4 !important; letter-spacing:-0.4px !important; border-bottom:1px solid var(--dm-border-light) !important;}
.dm-notice-doc-content h3 {margin:36px 0 16px 0 !important; font-size:18px !important; font-weight:700 !important; color:var(--dm-text) !important; line-height:1.5 !important; letter-spacing:-0.3px !important;}
.dm-notice-doc-content ul, .dm-notice-doc-content ol {margin:16px 0 20px 0; padding-left:24px;}
.dm-notice-doc-content ul li, .dm-notice-doc-content ol li {margin-bottom:8px; line-height:1.8;}
.dm-notice-doc-content blockquote {margin:24px 0; padding:16px 24px; background:var(--dm-bg); border-left:4px solid var(--dm-primary); border-radius:0 10px 10px 0; color:var(--dm-text); font-style:normal;}
.dm-notice-doc-content table {width:100%; margin:20px 0; border-collapse:collapse; border-top:2px solid var(--dm-accent);}
.dm-notice-doc-content table th {padding:12px 16px; background:var(--dm-bg); font-size:14px; font-weight:700; color:var(--dm-text); text-align:left; border-bottom:1px solid var(--dm-border);}
.dm-notice-doc-content table td {padding:12px 16px; font-size:14px; color:var(--dm-text-sub); border-bottom:1px solid var(--dm-border-light);}

/* ============================================
   ÷������
   ============================================ */
.dm-notice-doc-attach {margin:0 !important; padding:24px 60px !important; background:var(--dm-bg) !important; border:none !important; border-top:1px solid var(--dm-border-light) !important;}
.dm-notice-doc-attach-label {display:flex; align-items:center; gap:8px; margin-bottom:12px; font-size:13px; font-weight:700; color:var(--dm-text); letter-spacing:-0.2px;}
.dm-notice-doc-attach-label svg {color:var(--dm-primary);}
.dm-notice-doc-attach-list {display:flex; flex-wrap:wrap; gap:8px;}
.dm-notice-doc-attach-item {display:inline-flex; align-items:center; gap:8px; padding:10px 18px; background:#fff; color:var(--dm-text-sub); border:1px solid var(--dm-border); border-radius:50px; font-size:13px; font-weight:500; cursor:pointer; transition:all 0.2s; font-family:inherit; letter-spacing:-0.2px;}
.dm-notice-doc-attach-item:hover {background:var(--dm-primary-light); color:var(--dm-primary); border-color:var(--dm-primary); transform:translateY(-1px); box-shadow:0 4px 10px rgba(255, 107, 26, 0.15);}

/* ============================================
   ���ƿ�/�μ� �׼�
   ============================================ */
.dm-notice-doc-action {display:flex !important; justify-content:space-between; align-items:center; padding:24px 60px !important; border-top:1px solid var(--dm-border-light); gap:10px; flex-wrap:wrap; background:transparent;}
.dm-notice-doc-action .left, .dm-notice-doc-action .right {display:flex; gap:8px; flex-wrap:wrap;}
.dm-notice-doc-btn {display:inline-flex !important; align-items:center !important; gap:8px !important; padding:10px 20px !important; background:#fff !important; color:var(--dm-text-sub) !important; border:1px solid var(--dm-border) !important; border-radius:50px !important; font-size:13px !important; font-weight:500 !important; cursor:pointer; transition:all 0.2s; margin:0 !important; font-family:inherit; letter-spacing:-0.2px;}
.dm-notice-doc-btn:hover {background:var(--dm-primary-light) !important; color:var(--dm-primary) !important; border-color:var(--dm-primary) !important;}
.dm-notice-doc-btn-like {background:var(--dm-primary-light) !important; color:var(--dm-primary) !important; border-color:var(--dm-primary-border) !important;}
.dm-notice-doc-btn-like:hover {background:var(--dm-primary) !important; color:#fff !important; border-color:var(--dm-primary) !important;}

/* ���� kboard ��ư ���� */
.dm-notice-doc .kboard-document-action .kboard-button-action {display:none;}

/* ============================================
   ��� ����
   ============================================ */
.dm-notice-doc .kboard-comments-area {margin-top:30px; padding:0;}

/* ============================================
   ����/���� ��
   ============================================ */
.dm-notice-doc-navi {display:grid !important; grid-template-columns:1fr 1fr; gap:12px; margin:30px 0 !important; padding:0 !important; float:none !important;}
.dm-notice-doc-navi-item {width:100% !important; float:none !important;}
.dm-notice-doc-navi-item a {display:flex !important; align-items:center; gap:14px; padding:20px 24px; background:#fff; border:1px solid var(--dm-border); border-radius:14px; text-decoration:none; color:var(--dm-text-sub); transition:all 0.2s; height:100%;}
.dm-notice-doc-navi-item a:hover {border-color:var(--dm-primary); color:var(--dm-primary); transform:translateY(-2px); box-shadow:var(--dm-shadow-sm);}
.dm-notice-doc-navi-item.kboard-prev-document a {justify-content:flex-start;}
.dm-notice-doc-navi-item.kboard-next-document a {justify-content:flex-end; text-align:right;}

.dm-notice-doc-navi-arrow {display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; flex-shrink:0; color:var(--dm-primary); background:var(--dm-primary-light); border-radius:50%; transition:all 0.2s;}
.dm-notice-doc-navi-item a:hover .dm-notice-doc-navi-arrow {background:var(--dm-primary); color:#fff;}

.dm-notice-doc-navi-info {display:flex; flex-direction:column; gap:4px; min-width:0; flex:1;}
.dm-notice-doc-navi-info-right {align-items:flex-end; text-align:right;}
.dm-notice-doc-navi-label {font-size:11px; font-weight:700; color:var(--dm-primary); text-transform:uppercase; letter-spacing:1px;}
.dm-notice-doc-navi-title {font-size:14px; font-weight:500; color:var(--dm-text); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; letter-spacing:-0.2px; width:100%;}

/* ��Ȱ�� ���� */
.dm-notice-doc-navi-empty {display:flex; flex-direction:column; gap:4px; padding:20px 24px; background:var(--dm-bg); border:1px dashed var(--dm-border); border-radius:14px; opacity:0.5;}
.kboard-next-document .dm-notice-doc-navi-empty {align-items:flex-end; text-align:right;}
.dm-notice-doc-navi-empty .dm-notice-doc-navi-label {color:var(--dm-text-muted);}
.dm-notice-doc-navi-empty .dm-notice-doc-navi-title {color:var(--dm-text-light); font-size:13px;}

/* �⺻ kboard navi ��Ÿ�� �������̵� */
.dm-notice-doc .kboard-document-navi .navi-arrow {display:none;}

/* ============================================
   �ϴ� ��Ʈ�� (���/����/����)
   ============================================ */
.dm-notice-doc-control {display:flex !important; justify-content:space-between; padding:0 !important; gap:10px; flex-wrap:wrap; float:none !important;}
.dm-notice-doc-control .left, .dm-notice-doc-control .right {display:flex; gap:8px; flex-wrap:wrap;}
.dm-notice-doc-control-btn {display:inline-flex !important; align-items:center !important; justify-content:center !important; gap:6px; height:46px !important; padding:0 26px !important; border-radius:50px !important; font-size:14px !important; font-weight:600 !important; letter-spacing:-0.2px; text-decoration:none; transition:all 0.25s; cursor:pointer;}

.dm-notice-doc-control-list {background-color:var(--dm-primary) !important; color:#fff !important; border:1px solid var(--dm-primary) !important; box-shadow:0 4px 12px rgba(255, 107, 26, 0.2);}
.dm-notice-doc-control-list:hover {background-color:var(--dm-primary-hover) !important; border-color:var(--dm-primary-hover) !important; transform:translateY(-2px); box-shadow:0 6px 16px rgba(255, 107, 26, 0.3); opacity:1 !important;}

.dm-notice-doc-control-reply, .dm-notice-doc-control-edit {background-color:#fff !important; color:var(--dm-text-sub) !important; border:1px solid var(--dm-border) !important;}
.dm-notice-doc-control-reply:hover, .dm-notice-doc-control-edit:hover {background-color:var(--dm-accent) !important; color:#fff !important; border-color:var(--dm-accent) !important;}

.dm-notice-doc-control-delete {background-color:#fff !important; color:var(--dm-text-muted) !important; border:1px solid var(--dm-border) !important;}
.dm-notice-doc-control-delete:hover {background-color:#e24b4a !important; color:#fff !important; border-color:#e24b4a !important;}

/* entry-title ���� (blogó��) */
body:has(.dm-notice-doc) .page-header,
body:has(.dm-notice-doc) .entry-title {display:none !important;}
body:has(.dm-notice-doc) .page-content {max-width:none !important; width:100% !important; padding:0 !important; margin:0 !important;}

/* ============================================
   ������ - �º���
   ============================================ */
@media screen and (max-width: 1024px) {
	.dm-notice-doc {padding:50px 20px 80px;}
	.dm-notice-doc-head {padding:40px 44px 28px;}
	.dm-notice-doc-title {font-size:26px !important;}
	.dm-notice-doc-content {padding:32px 44px !important;}
	.dm-notice-doc-attach {padding:20px 44px !important;}
	.dm-notice-doc-action {padding:20px 44px !important;}
	.dm-notice-doc-content h1 {font-size:22px !important;}
	.dm-notice-doc-content h2 {font-size:20px !important;}
}

/* ============================================
   ������ - �����
   ============================================ */
@media screen and (max-width: 768px) {
	.dm-notice-doc {padding:40px 16px 70px;}
	.dm-notice-doc-wrap {border-radius:14px !important;}
	
	/* ��� ���� ���� �ּ�ȭ */
	.dm-notice-doc-head {padding:18px 14px 14px;}
	.dm-notice-doc-meta-top {margin-bottom:12px; gap:6px;}
	.dm-notice-doc-title {font-size:18px !important; margin-bottom:12px !important; letter-spacing:-0.4px !important;}
	.dm-notice-doc-meta-bottom {font-size:11px; gap:6px;}
	.dm-notice-doc-sep {margin:0 2px;}
	
	/* ���� ���� ���� �ּ�ȭ */
	.dm-notice-doc-content {padding:16px 14px !important;}
	.dm-notice-doc-content .content-view {font-size:14px !important; line-height:1.75 !important;}
	.dm-notice-doc-content p {margin:0 0 12px 0;}
	.dm-notice-doc-content h1 {font-size:18px !important; margin:28px 0 14px 0 !important; padding-bottom:10px !important;}
	.dm-notice-doc-content h2 {font-size:16px !important; margin:24px 0 12px 0 !important; padding-bottom:8px !important;}
	.dm-notice-doc-content h3 {font-size:15px !important; margin:20px 0 10px 0 !important;}
	.dm-notice-doc-content img {margin:14px 0;}
	.dm-notice-doc-content ul, .dm-notice-doc-content ol {margin:10px 0 14px 0; padding-left:18px;}
	.dm-notice-doc-content blockquote {margin:16px 0; padding:12px 16px;}
	
	.dm-notice-doc-attach {padding:18px 24px !important;}
	.dm-notice-doc-attach-item {padding:9px 16px; font-size:12px;}
	
	.dm-notice-doc-action {padding:18px 24px !important; flex-direction:column; align-items:stretch;}
	.dm-notice-doc-action .left, .dm-notice-doc-action .right {justify-content:center;}
	.dm-notice-doc-btn {padding:9px 18px !important; font-size:12px !important;}
	
	.dm-notice-doc-navi {grid-template-columns:1fr !important; gap:10px;}
	.dm-notice-doc-navi-item a, .dm-notice-doc-navi-empty {padding:16px 18px;}
	.dm-notice-doc-navi-arrow {width:28px; height:28px;}
	.dm-notice-doc-navi-title {font-size:13px;}
	
	.dm-notice-doc-control {flex-direction:column-reverse; gap:10px;}
	.dm-notice-doc-control .left, .dm-notice-doc-control .right {width:100%; justify-content:center;}
	.dm-notice-doc-control-btn {flex:1; height:44px !important; font-size:13px !important; padding:0 20px !important;}
	.dm-notice-doc-control-list:hover {transform:translateY(-2px);}
}


/* ============================================
   �������� ������ (�۾���)
   ============================================ */
.dm-notice-editor {font-family:var(--dm-font); width:100%; max-width:1400px; margin:0 auto; padding:80px 20px 100px; box-sizing:border-box; color:var(--dm-text); line-height:1.6; letter-spacing:-0.2px; background:#fff;}
.dm-notice-editor *, .dm-notice-editor *::before, .dm-notice-editor *::after {box-sizing:border-box;}

/* ============================================
   ������ ���
   ============================================ */
.dm-notice-editor-head {text-align:center; margin-bottom:40px;}
.dm-notice-editor-eyebrow {display:inline-block; font-size:14px; font-weight:500; color:var(--dm-primary); letter-spacing:3px; margin-bottom:16px; text-transform:uppercase;}
.dm-notice-editor-page-title {margin:0 0 14px 0; font-size:36px; font-weight:700; color:var(--dm-text); line-height:1.3; letter-spacing:-0.7px;}
.dm-notice-editor-page-desc {margin:0; font-size:15px; font-weight:400; color:var(--dm-text-sub); line-height:1.6; letter-spacing:-0.2px;}

/* ============================================
   ������ ���� (ī��)
   ============================================ */
.dm-notice-editor-form {margin:0; padding:0;}
.dm-notice-editor-wrap {background:#fff; border:1px solid var(--dm-border); border-radius:20px; padding:40px 50px; margin-bottom:20px;}
.dm-notice-editor-fields {display:flex; flex-direction:column; gap:22px;}

/* ============================================
   �ʵ� ���� (kboard �⺻ ���� �������̵�)
   ============================================ */
.dm-notice-editor .kboard-attr-row {display:flex !important; flex-direction:column !important; margin:0 !important; padding:0 !important; background:transparent !important; border:none !important; border-bottom:none !important; float:none !important;}
.dm-notice-editor .attr-name {display:block !important; width:100% !important; margin:0 0 10px 0 !important; padding:0 !important; font-size:14px !important; font-weight:700 !important; color:var(--dm-text) !important; letter-spacing:-0.2px; text-align:left !important; float:none !important;}
.dm-notice-editor .attr-name::after {content:''; display:inline-block; width:4px; height:4px; background:var(--dm-primary); border-radius:50%; margin-left:6px; vertical-align:middle; margin-bottom:2px;}
.dm-notice-editor .attr-value {display:block !important; width:100% !important; margin:0 !important; padding:0 !important; float:none !important;}

/* ��Dz / ����Ʈ / �ؽ�Ʈ������ */
.dm-notice-editor input[type=text],
.dm-notice-editor input[type=email],
.dm-notice-editor input[type=password],
.dm-notice-editor input[type=number],
.dm-notice-editor input[type=url],
.dm-notice-editor input[type=tel],
.dm-notice-editor select,
.dm-notice-editor textarea {width:100% !important; padding:13px 16px !important; font-size:14px !important; font-weight:500 !important; color:var(--dm-text) !important; background-color:#fff !important; border:1px solid var(--dm-border) !important; border-radius:var(--dm-radius-sm) !important; outline:none !important; transition:all 0.2s !important; margin:0 !important; font-family:inherit !important; letter-spacing:-0.2px; box-shadow:none !important; line-height:1.5 !important;}
.dm-notice-editor input[type=text]:hover,
.dm-notice-editor input[type=email]:hover,
.dm-notice-editor input[type=password]:hover,
.dm-notice-editor select:hover,
.dm-notice-editor textarea:hover {border-color:#c8d1df !important;}
.dm-notice-editor input[type=text]:focus,
.dm-notice-editor input[type=email]:focus,
.dm-notice-editor input[type=password]:focus,
.dm-notice-editor input[type=number]:focus,
.dm-notice-editor input[type=url]:focus,
.dm-notice-editor input[type=tel]:focus,
.dm-notice-editor select:focus,
.dm-notice-editor textarea:focus {border-color:var(--dm-primary) !important; box-shadow:0 0 0 3px rgba(255, 107, 26, 0.08) !important;}
.dm-notice-editor input::placeholder,
.dm-notice-editor textarea::placeholder {color:var(--dm-text-light); font-weight:400;}

/* ����Ʈ ȭ��ǥ */
.dm-notice-editor select {appearance:none !important; -webkit-appearance:none !important; background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important; background-repeat:no-repeat !important; background-position:right 16px center !important; background-color:#fff !important; padding-right:44px !important; cursor:pointer !important;}

/* �ؽ�Ʈ������ */
.dm-notice-editor textarea {min-height:400px !important; padding:16px !important; line-height:1.8 !important; resize:vertical; font-family:inherit !important;}

/* ============================================
   ���� ���ε�
   ============================================ */
.dm-notice-editor input[type=file] {width:100%; padding:14px 16px; margin:0; background:var(--dm-bg); border:2px dashed var(--dm-border); border-radius:var(--dm-radius-sm); font-size:13px; color:var(--dm-text-sub); cursor:pointer; transition:all 0.2s; font-family:inherit;}
.dm-notice-editor input[type=file]:hover {border-color:var(--dm-primary); background:var(--dm-primary-light);}
.dm-notice-editor input[type=file]::-webkit-file-upload-button {padding:6px 14px; margin-right:14px; background:var(--dm-accent); color:#fff; border:none; border-radius:50px; font-size:12px; font-weight:600; cursor:pointer; font-family:inherit; transition:all 0.2s;}
.dm-notice-editor input[type=file]::-webkit-file-upload-button:hover {background:var(--dm-primary);}
.dm-notice-editor input[type=file]::file-selector-button {padding:6px 14px; margin-right:14px; background:var(--dm-accent); color:#fff; border:none; border-radius:50px; font-size:12px; font-weight:600; cursor:pointer; font-family:inherit; transition:all 0.2s;}
.dm-notice-editor input[type=file]::file-selector-button:hover {background:var(--dm-primary);}

/* ============================================
   üũ�ڽ� / ����
   ============================================ */
.dm-notice-editor input[type=checkbox],
.dm-notice-editor input[type=radio] {width:18px !important; height:18px !important; margin:0 8px 0 0 !important; accent-color:var(--dm-primary); cursor:pointer; vertical-align:middle;}
.dm-notice-editor label {display:inline-flex; align-items:center; font-size:14px; color:var(--dm-text-sub); cursor:pointer; margin-right:16px; letter-spacing:-0.2px;}

/* ============================================
   ���� ������ ����
   ============================================ */
.dm-notice-editor .kboard-content {border:none !important; padding:0 !important; margin:0 !important; background:transparent !important; float:none !important; width:100% !important;}
.dm-notice-editor .kboard-content .wp-editor-wrap {border:1px solid var(--dm-border); border-radius:var(--dm-radius-sm); overflow:hidden;}
.dm-notice-editor .kboard-content .wp-editor-wrap:hover {border-color:#c8d1df;}
.dm-notice-editor .kboard-content .wp-editor-wrap:focus-within {border-color:var(--dm-primary); box-shadow:0 0 0 3px rgba(255, 107, 26, 0.08);}
.dm-notice-editor .mce-toolbar-grp {background:var(--dm-bg) !important; border-bottom:1px solid var(--dm-border-light) !important;}
.dm-notice-editor .mce-btn {background:transparent !important; border:1px solid transparent !important;}
.dm-notice-editor .mce-btn:hover {background:#fff !important; border-color:var(--dm-border) !important;}
.dm-notice-editor .mce-btn.mce-active, .dm-notice-editor .mce-btn:focus {background:var(--dm-primary-light) !important; color:var(--dm-primary) !important;}
.dm-notice-editor .quicktags-toolbar {background:var(--dm-bg) !important; border-bottom:1px solid var(--dm-border-light) !important; padding:8px !important;}
.dm-notice-editor .quicktags-toolbar input.button {background:#fff !important; border:1px solid var(--dm-border) !important; border-radius:6px !important; padding:4px 10px !important; font-size:12px !important; color:var(--dm-text-sub) !important; margin:0 2px !important;}
.dm-notice-editor .quicktags-toolbar input.button:hover {background:var(--dm-primary-light) !important; color:var(--dm-primary) !important; border-color:var(--dm-primary) !important;}

/* �̵�� ��ư */
.dm-notice-editor .wp-media-buttons {padding:10px 14px !important; background:var(--dm-bg) !important; border-bottom:1px solid var(--dm-border-light) !important;}
.dm-notice-editor .wp-media-buttons .button {display:inline-flex !important; align-items:center !important; padding:6px 14px !important; background:#fff !important; color:var(--dm-text) !important; border:1px solid var(--dm-border) !important; border-radius:50px !important; font-size:12px !important; font-weight:500 !important; cursor:pointer; transition:all 0.2s; font-family:inherit;}
.dm-notice-editor .wp-media-buttons .button:hover {background:var(--dm-primary-light) !important; color:var(--dm-primary) !important; border-color:var(--dm-primary) !important;}

/* �̵�� �� */
.dm-notice-editor .wp-switch-editor {padding:6px 14px !important; background:transparent !important; border:none !important; font-size:12px !important; font-weight:600 !important; color:var(--dm-text-muted) !important; border-radius:6px !important; margin:4px !important;}
.dm-notice-editor .wp-switch-editor.active, .dm-notice-editor .wp-switch-editor:hover {background:#fff !important; color:var(--dm-primary) !important;}

/* ============================================
   ������ Ŀ���� ���� (÷������ �̸����� ��)
   ============================================ */
.dm-notice-editor .kboard-attachments {padding:14px; background:var(--dm-bg); border:1px solid var(--dm-border-light); border-radius:var(--dm-radius-sm); margin-top:10px;}
.dm-notice-editor .kboard-attachment-file {display:inline-flex; align-items:center; gap:6px; padding:6px 12px; background:#fff; border:1px solid var(--dm-border); border-radius:50px; font-size:12px; color:var(--dm-text-sub); margin:2px;}
.dm-notice-editor .kboard-attachment-file a {color:var(--dm-text-sub);}
.dm-notice-editor .kboard-attachment-remove {color:#e24b4a !important; cursor:pointer; margin-left:4px;}

/* ����� �̸����� */
.dm-notice-editor .kboard-thumbnail-preview, 
.dm-notice-editor .kboard-editor-thumbnail {border-radius:var(--dm-radius-sm); overflow:hidden; border:1px solid var(--dm-border);}
.dm-notice-editor .kboard-thumbnail-preview img {display:block; max-width:240px; border-radius:var(--dm-radius-sm);}

/* ī�װ��� ���� */
.dm-notice-editor .kboard-category-selector {display:flex; flex-wrap:wrap; gap:10px;}

/* �ȳ� �ؽ�Ʈ */
.dm-notice-editor .attr-desc, .dm-notice-editor .kboard-field-desc {display:block; margin-top:8px; padding-left:2px; font-size:12px; font-weight:400; color:var(--dm-text-muted); line-height:1.5; letter-spacing:-0.1px;}

/* ============================================
   �ϴ� ��ư
   ============================================ */
.dm-notice-editor-control {display:flex !important; justify-content:space-between !important; align-items:center; gap:10px; padding:20px 0 0 !important; float:none !important; flex-wrap:wrap;}
.dm-notice-editor-control .left, .dm-notice-editor-control .right {display:flex; gap:8px; flex-wrap:wrap; float:none !important; width:auto !important;}

.dm-notice-editor-btn {display:inline-flex !important; align-items:center !important; justify-content:center !important; gap:6px !important; height:48px !important; padding:0 28px !important; border-radius:50px !important; font-size:14px !important; font-weight:600 !important; letter-spacing:-0.2px; text-decoration:none; cursor:pointer; transition:all 0.25s; font-family:inherit; line-height:1;}

/* Ghost ��ư (�ڷ�/���) */
.dm-notice-editor-btn-ghost {background:#fff !important; color:var(--dm-text-sub) !important; border:1px solid var(--dm-border) !important; box-shadow:none !important;}
.dm-notice-editor-btn-ghost:hover {background:var(--dm-bg) !important; color:var(--dm-text) !important; border-color:var(--dm-accent) !important; opacity:1 !important;}

/* Submit ��ư (����) */
.dm-notice-editor-btn-submit {background-color:var(--dm-primary) !important; color:#fff !important; border:1px solid var(--dm-primary) !important; box-shadow:0 4px 12px rgba(255, 107, 26, 0.2) !important; padding:0 36px !important;}
.dm-notice-editor-btn-submit:hover {background-color:var(--dm-primary-hover) !important; border-color:var(--dm-primary-hover) !important; color:#fff !important; transform:translateY(-2px); box-shadow:0 6px 16px rgba(255, 107, 26, 0.3) !important; opacity:1 !important;}

/* entry-title ���� */
body:has(.dm-notice-editor) .page-header,
body:has(.dm-notice-editor) .entry-title {display:none !important;}
body:has(.dm-notice-editor) .page-content {max-width:none !important; width:100% !important; padding:0 !important; margin:0 !important;}

/* ============================================
   ������ - �º���
   ============================================ */
@media screen and (max-width: 1024px) {
	.dm-notice-editor {padding:60px 30px 80px;}
	.dm-notice-editor-page-title {font-size:30px;}
	.dm-notice-editor-wrap {padding:32px 36px;}
}

/* ============================================
   ������ - �����
   ============================================ */
@media screen and (max-width: 768px) {
	.dm-notice-editor {padding:50px 16px 70px;}
	.dm-notice-editor-head {margin-bottom:30px;}
	.dm-notice-editor-eyebrow {font-size:12px; letter-spacing:2px; margin-bottom:12px;}
	.dm-notice-editor-page-title {font-size:22px;}
	.dm-notice-editor-page-desc {font-size:13px;}
	
	.dm-notice-editor-wrap {padding:24px 20px; border-radius:14px;}
	.dm-notice-editor-fields {gap:18px;}
	.dm-notice-editor .attr-name {font-size:13px !important; margin-bottom:8px !important;}
	.dm-notice-editor input[type=text],
	.dm-notice-editor input[type=email],
	.dm-notice-editor input[type=password],
	.dm-notice-editor select,
	.dm-notice-editor textarea {padding:12px 14px !important; font-size:13px !important;}
	.dm-notice-editor textarea {min-height:300px !important;}
	.dm-notice-editor-control {flex-direction:column-reverse;}
	.dm-notice-editor-control .left, .dm-notice-editor-control .right {width:100%; justify-content:center;}
	.dm-notice-editor-btn {flex:1; height:46px !important; font-size:13px !important;}
}