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

/* ============================================
   entry-title 숨김 (피부킹 페이지)
   ============================================ */
body.page-id-121 .page-header,
body.page-id-121 .entry-title {display:none !important;}

/* ============================================
   Variables
   ============================================ */
:root {
	--dm-primary:#B08D57;
	--dm-primary-hover:#9a7847;
	--dm-primary-light:#F3EDE4;
	--dm-primary-border:#D8C3A5;
	--dm-accent:#6F7A5C;
	--dm-accent-light:#eef0ea;
	--dm-text:#2a2419;
	--dm-text-sub:#5a5344;
	--dm-text-muted:#9a9384;
	--dm-text-light:#c2b9a8;
	--dm-bg:#fbf8f4;
	--dm-card-bg:#ffffff;
	--dm-border:#e6ded1;
	--dm-border-light:#efe9df;
	--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(42, 36, 25, 0.04);
	--dm-shadow-md:0 4px 16px rgba(42, 36, 25, 0.06);
	--dm-shadow-hover:0 12px 32px rgba(42, 36, 25, 0.1);
}

/* ============================================
   페이지 전체 배경 (body 레벨)
   ============================================ */
body.page-id-121 {background:var(--dm-bg);}
body.page-id-121 .site-main {background:var(--dm-bg);}
body.page-id-121 .page-content {max-width:none !important; width:100% !important; padding:0 !important; margin:0 !important; background:var(--dm-bg);}

/* ============================================
   메인 래퍼
   ============================================ */
.dm-yt-list {font-family:var(--dm-font); font-size:15px; color:var(--dm-text); line-height:1.6; letter-spacing:-0.2px; background:var(--dm-bg); width:100%; padding:80px 20px 100px; box-sizing:border-box; margin:0 auto;}
.dm-yt-list *, .dm-yt-list *::before, .dm-yt-list *::after {box-sizing:border-box;}
.dm-yt-list a {text-decoration:none; color:inherit; transition:color 0.2s;}
.dm-yt-list img {max-width:100%; height:auto; vertical-align:middle;}

/* 내부 컨텐츠 중앙 정렬 */
.dm-yt-list > .dm-yt-head,
.dm-yt-list > .dm-yt-search,
.dm-yt-list > .kboard-category,
.dm-yt-list > .dm-yt-grid,
.dm-yt-list > .dm-yt-pagination,
.dm-yt-list > .dm-yt-control {max-width:1400px; margin-left:auto !important; margin-right:auto !important;}

/* ============================================
   페이지 헤드 (타이틀)
   ============================================ */
.dm-yt-head {text-align:center; margin-bottom:50px;}
.dm-yt-eyebrow {display:inline-block; font-size:14px; font-weight:500; color:var(--dm-primary); letter-spacing:3px; margin-bottom:16px; text-transform:uppercase;}
.dm-yt-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-yt-page-title-brand {font-family:Georgia, serif; font-style:italic; color:var(--dm-primary); letter-spacing:-0.5px;}
.dm-yt-page-desc {margin:0; font-size:16px; font-weight:400; color:var(--dm-text-sub); line-height:1.7; letter-spacing:-0.2px;}

/* ============================================
   검색창
   ============================================ */
.dm-yt-search {display:flex; justify-content:center; margin-bottom:40px;}
.dm-yt-search-form {display:inline-flex; align-items:center; width:100%; max-width:640px; padding:10px 10px 10px 28px; background:#fff; border:1px solid transparent; border-radius:var(--dm-radius-pill); box-shadow:var(--dm-shadow-sm); transition:all 0.2s;}
.dm-yt-search-form:hover {box-shadow:var(--dm-shadow-md);}
.dm-yt-search-form:focus-within {border-color:var(--dm-primary); box-shadow:0 0 0 4px rgba(176, 141, 87, 0.08), var(--dm-shadow-md);}
.dm-yt-search-select {flex-shrink:0; width:auto; min-width:70px; height:44px; padding:0 28px 0 0; margin:0 14px 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='%239a9384' 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 4px center; border:none; border-right:1px solid var(--dm-border); border-radius:0; appearance:none; -webkit-appearance:none; cursor:pointer; outline:none; font-family:inherit;}
.dm-yt-search-input {flex:1; min-width:0; margin:0; padding:10px 0; font-size:15px; color:var(--dm-text); background:transparent; border:none; border-radius:0; outline:none; height:44px; font-family:inherit;}
.dm-yt-search-input::placeholder {color:var(--dm-text-light); font-weight:400;}
.dm-yt-search-btn {flex-shrink:0; width:44px; height:44px; 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='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23B08D57' 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-yt-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='18' height='18' 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 6px 14px rgba(176, 141, 87, 0.25);}

/* ============================================
   카테고리 (카테고리2 숨김)
   ============================================ */
.dm-yt-list .kboard-category.category-pc .kboard-category-list:nth-of-type(2) {display:none !important;}
.dm-yt-list .kboard-category.category-mobile select[name="category2"] {display:none !important;}

.dm-yt-list .kboard-category.category-pc {display:flex !important; justify-content:center !important; margin-bottom:60px !important; padding:0 !important; background:transparent !important; width:100% !important;}
.dm-yt-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-yt-list .kboard-category.category-pc .kboard-category-list li {margin:0 !important; padding:0 !important;}
.dm-yt-list .kboard-category.category-pc .kboard-category-list li a {display:inline-flex !important; align-items:center !important; padding:11px 26px !important; border-radius:50px !important; background-color:#fff !important; color:var(--dm-text-sub) !important; font-size:14px !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; box-shadow:0 2px 6px rgba(42, 36, 25, 0.03) !important;}
.dm-yt-list .kboard-category.category-pc .kboard-category-list li a:hover {background-color:#fff !important; color:var(--dm-primary) !important; border-color:var(--dm-primary) !important;}
.dm-yt-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; box-shadow:0 4px 12px rgba(111, 122, 92, 0.25) !important;}

/* ============================================
   영상 그리드
   ============================================ */
.dm-yt-grid {display:grid; grid-template-columns:repeat(4, 1fr); gap:24px; margin-bottom:40px;}

/* ============================================
   영상 카드
   ============================================ */
.dm-yt-card {position:relative; background:var(--dm-card-bg); border:none; border-radius:var(--dm-radius); overflow:hidden; box-shadow:var(--dm-shadow-sm); transition:all 0.3s ease; display:flex; flex-direction:column;}
.dm-yt-card:hover {transform:translateY(-6px); box-shadow:var(--dm-shadow-hover);}
.dm-yt-card > a {display:flex; flex-direction:column; height:100%; text-decoration:none; color:inherit; cursor:pointer;}

.dm-yt-card-notice {border:2px solid var(--dm-primary);}

/* ============================================
   썸네일 (16:9)
   ============================================ */
.dm-yt-thumb {position:relative; width:100%; aspect-ratio:16/9; overflow:hidden; background:var(--dm-accent);}
.dm-yt-thumb img {width:100%; height:100%; object-fit:cover; display:block; transition:transform 0.5s ease;}
.dm-yt-card:hover .dm-yt-thumb img {transform:scale(1.05);}
.dm-yt-thumb-empty {width:100%; height:100%; display:flex; align-items:center; justify-content:center; color:var(--dm-text-light); background:linear-gradient(135deg, #f6f3ee 0%, #F3EDE4 100%);}

/* 호버 오버레이 */
.dm-yt-overlay {position:absolute; inset:0; background:linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,0.55) 100%); display:flex; align-items:center; justify-content:center; opacity:0; transition:opacity 0.3s ease; pointer-events:none;}
.dm-yt-card:hover .dm-yt-overlay {opacity:1;}
.dm-yt-play {width:60px; height:60px; border-radius:50%; background:rgba(255, 255, 255, 0.95); display:flex; align-items:center; justify-content:center; color:#ff0000; box-shadow:0 8px 20px rgba(0, 0, 0, 0.3); transform:scale(0.7); transition:transform 0.3s ease;}
.dm-yt-card:hover .dm-yt-play {transform:scale(1);}
.dm-yt-play svg {margin-left:3px;}

/* 뱃지 */
.dm-yt-badge-notice {position:absolute; top:12px; left:12px; padding:5px 12px; background:var(--dm-primary); color:#fff; font-size:11px; font-weight:700; border-radius:4px; letter-spacing:0.5px; z-index:2; box-shadow:0 4px 10px rgba(176, 141, 87, 0.3);}
.dm-yt-badge-new {position:absolute; top:14px; right:14px; display:inline-flex; align-items:center; justify-content:center; width:28px; height:28px; background-color:var(--dm-accent); color:#fff; font-size:12px; font-weight:700; border-radius:50%; z-index:2; box-shadow:0 4px 10px rgba(111, 122, 92, 0.3);}

/* ============================================
   카드 본문
   ============================================ */
.dm-yt-body {padding:20px 22px 22px; display:flex; flex-direction:column; flex:1;}
.dm-yt-title {margin:0 0 14px 0; font-size:16px; font-weight:700; color:var(--dm-text); line-height:1.5; letter-spacing:-0.3px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; word-break:keep-all; transition:color 0.2s; flex:1;}
.dm-yt-card:hover .dm-yt-title {color:var(--dm-primary);}
.dm-yt-title a {color:inherit;}

.dm-yt-meta {display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:4px; margin-top:auto; padding-top:14px; font-size:12px; font-weight:400; border-top:1px solid var(--dm-border-light);}
.dm-yt-user {color:var(--dm-text-muted); font-weight:500; max-width:60%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.dm-yt-date {color:var(--dm-text-light); font-variant-numeric:tabular-nums; font-weight:500;}

/* ============================================
   페이지네이션
   ============================================ */
.dm-yt-pagination {padding:40px 0 20px; text-align:center;}
.dm-yt-pagination-list {display:inline-flex; padding:0; margin:0; list-style:none; gap:6px; align-items:center; justify-content:center;}
.dm-yt-pagination-list li {display:block; margin:0;}
.dm-yt-pagination-list a, .dm-yt-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-yt-pagination-list a:hover {border-color:var(--dm-primary); color:var(--dm-primary); background:#fff;}
.dm-yt-pagination-list li.active a, .dm-yt-pagination-list li.active span, .dm-yt-pagination-list a.active, .dm-yt-pagination-list .active a, .dm-yt-pagination-list .active span {color:#fff !important; background:var(--dm-accent); border-color:var(--dm-accent);}

/* ============================================
   글쓰기 버튼
   ============================================ */
.dm-yt-control {display:flex; justify-content:flex-end; padding:20px 0 0;}
.dm-yt-write-btn {display:inline-flex; align-items:center; gap:6px; padding:14px 32px; 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 6px 16px rgba(176, 141, 87, 0.2); transition:all 0.25s;}
.dm-yt-write-btn::before {content:'+'; font-size:18px; font-weight:400; line-height:1;}
.dm-yt-write-btn:hover {background-color:var(--dm-primary-hover); border-color:var(--dm-primary-hover); color:#fff !important; transform:translateY(-2px); box-shadow:0 8px 20px rgba(176, 141, 87, 0.3);}

/* ============================================
   영상 문서 뷰 (document.php)
   ============================================ */
#kboard-thumbnail-document .kboard-document-wrap {background:#fff; border:1px solid var(--dm-border); border-radius:20px; overflow:hidden; float:none;}
#kboard-thumbnail-document .kboard-title {float:none;}
#kboard-thumbnail-document .kboard-title h1 {margin:0; padding:36px 40px 24px; text-align:left; font-size:26px; font-weight:700; color:var(--dm-text); letter-spacing:-0.5px; line-height:1.4; border-bottom:none;}
#kboard-thumbnail-document .kboard-detail {display:flex; flex-wrap:wrap; padding:14px 40px; background:var(--dm-bg); font-size:13px; gap:20px; align-items:center; float:none; border:0; border-top:1px solid var(--dm-border-light); border-bottom:1px solid var(--dm-border-light);}
#kboard-thumbnail-document .kboard-detail .detail-attr {display:flex; align-items:center; gap:6px; padding:0; float:none;}
#kboard-thumbnail-document .kboard-detail .detail-name {font-weight:600; color:var(--dm-text-muted); float:none;}
#kboard-thumbnail-document .kboard-detail .detail-value {color:var(--dm-text); float:none; padding:0; font-weight:500;}
.page-header{display:none}
/* 유튜브 임베드 영역 */
.kboard-youtube-embed {padding:0; background:#000;}
.kboard-youtube-player {position:relative; width:100%; padding-top:56.25%; overflow:hidden;}
.kboard-youtube-player iframe {position:absolute; top:0; left:0; width:100%; height:100%; border:none;}

#kboard-thumbnail-document .kboard-content {padding:40px; min-height:100px; float:none;}
#kboard-thumbnail-document .content-view {font-size:16px; line-height:1.9; color:var(--dm-text-sub); letter-spacing:-0.2px;}
#kboard-thumbnail-document .kboard-document-action {padding:20px 40px 24px; display:flex; justify-content:space-between; border-top:1px solid var(--dm-border-light);}
#kboard-thumbnail-document .kboard-button-action {display:inline-flex; align-items:center; gap:8px; padding:10px 20px; 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; margin-right:6px;}
#kboard-thumbnail-document .kboard-button-action:hover {background:var(--dm-primary-light); color:var(--dm-primary); border-color:var(--dm-primary);}
#kboard-thumbnail-document .kboard-button-like {background:var(--dm-primary-light); color:var(--dm-primary); border-color:var(--dm-primary-border);}
.kboard-attach {border-top:1px dashed var(--dm-border); padding:18px 40px; background:var(--dm-bg); margin:0;}
.kboard-comments-area {float:none; width:100%; margin-top:20px;}

#kboard-thumbnail-document .kboard-document-navi {display:grid !important; grid-template-columns:1fr 1fr; gap:12px; margin:30px 0; float:none; padding:0;}
#kboard-thumbnail-document .kboard-document-navi .kboard-prev-document, #kboard-thumbnail-document .kboard-document-navi .kboard-next-document {float:none; width:100%;}
#kboard-thumbnail-document .kboard-document-navi a {display:flex; align-items:center; gap:12px; padding:20px 24px; background:#fff; border:1px solid var(--dm-border); border-radius:14px; font-weight:500; height:100%; text-decoration:none; transition:all 0.2s;}
#kboard-thumbnail-document .kboard-document-navi a:hover {border-color:var(--dm-primary); color:var(--dm-primary); transform:translateY(-2px); box-shadow:var(--dm-shadow-sm);}
#kboard-thumbnail-document .kboard-document-navi .kboard-prev-document a {justify-content:flex-start;}
#kboard-thumbnail-document .kboard-document-navi .kboard-next-document a {justify-content:flex-end; text-align:right;}
#kboard-thumbnail-document .kboard-document-navi .navi-arrow {position:static; font-size:20px; color:var(--dm-primary); font-weight:700;}

#kboard-thumbnail-document .kboard-control {display:flex; justify-content:space-between; padding:30px 0 0; float:none; gap:10px; flex-wrap:wrap;}
#kboard-thumbnail-document .kboard-control .left, #kboard-thumbnail-document .kboard-control .right {display:flex; flex-wrap:nowrap; gap:8px; white-space:nowrap;}
#kboard-thumbnail-document .kboard-thumbnail-button-small {display:inline-flex; align-items:center; justify-content:center; height:44px; padding:0 26px; background-color:var(--dm-primary); color:#fff !important; border:1px solid var(--dm-primary); border-radius:50px; font-size:14px; font-weight:600; letter-spacing:-0.2px; box-shadow:0 4px 12px rgba(176, 141, 87, 0.2); transition:all 0.25s; text-decoration:none;}
#kboard-thumbnail-document .kboard-thumbnail-button-small:hover {background-color:var(--dm-primary-hover); border-color:var(--dm-primary-hover); transform:translateY(-2px); box-shadow:0 6px 16px rgba(176, 141, 87, 0.3); opacity:1;}

/* ============================================
   페이지 전체 배경 (body 레벨) - 화이트
   ============================================ */
body.page-id-121 {background:#fff;}
body.page-id-121 .site-main {background:#fff;}
body.page-id-121 .page-content {max-width:none !important; width:100% !important; padding:0 !important; margin:0 !important; background:#fff;}

/* ============================================
   메인 래퍼 - 화이트 배경
   ============================================ */
.dm-yt-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%; padding:80px 20px 100px; box-sizing:border-box; margin:0 auto;}

/* 문서 옵션 숨김 */
.kboard-document-add-option-value-wrap {display:none !important;}

/* ============================================
   Editor (글쓰기 화면)
   ============================================ */
#kboard-thumbnail-editor {font-family:var(--dm-font); max-width:900px; margin:0 auto; padding:60px 20px 100px; box-sizing:border-box;}
#kboard-thumbnail-editor .kboard-attr-row {display:flex; flex-direction:column; margin-bottom:20px; padding:0; background:transparent; border-bottom:none; float:none;}
#kboard-thumbnail-editor .attr-name {font-weight:600; margin-bottom:10px; font-size:14px; color:var(--dm-text); width:100% !important; float:none !important; text-align:left; padding:0 !important;}
#kboard-thumbnail-editor input[type=text], #kboard-thumbnail-editor input[type=email], #kboard-thumbnail-editor input[type=password], #kboard-thumbnail-editor select {width:100% !important; padding:12px 16px; font-size:14px; color:var(--dm-text); background-color:#fff; border:1px solid var(--dm-border); border-radius:var(--dm-radius-sm); outline:none; transition:border-color 0.2s, box-shadow 0.2s; min-height:44px; margin:0; font-family:inherit;}
#kboard-thumbnail-editor input:focus, #kboard-thumbnail-editor select:focus {border-color:var(--dm-primary); box-shadow:0 0 0 3px rgba(176, 141, 87, 0.08);}
#kboard-thumbnail-editor input[type=file] {margin:0; padding:10px 0; width:100%;}
#kboard-thumbnail-editor .attr-value {margin:0 !important; width:100%; padding:0;}
#kboard-thumbnail-editor .kboard-content {border:none; padding:0; margin:0; background:transparent; float:none;}
#kboard-thumbnail-editor textarea {width:100% !important; min-height:300px; padding:16px; font-size:14px; color:var(--dm-text); background:#fff; border:1px solid var(--dm-border); border-radius:var(--dm-radius-sm); box-sizing:border-box; outline:none; font-family:inherit; line-height:1.7;}
#kboard-thumbnail-editor textarea:focus {border-color:var(--dm-primary); box-shadow:0 0 0 3px rgba(176, 141, 87, 0.08);}
#kboard-thumbnail-editor .kboard-control {float:none; display:flex; justify-content:space-between; padding-top:20px; gap:10px; flex-wrap:wrap;}
#kboard-thumbnail-editor .kboard-control .left, #kboard-thumbnail-editor .kboard-control .right {float:none; width:auto; display:flex; gap:8px;}
#kboard-thumbnail-editor .kboard-thumbnail-button-small {display:inline-flex; align-items:center; justify-content:center; height:44px; padding:0 26px; background-color:var(--dm-primary); color:#fff !important; border:1px solid var(--dm-primary); border-radius:50px; font-size:14px; font-weight:600; letter-spacing:-0.2px; box-shadow:0 4px 12px rgba(176, 141, 87, 0.2); transition:all 0.25s; text-decoration:none; cursor:pointer;}
#kboard-thumbnail-editor .kboard-thumbnail-button-small:hover {background-color:var(--dm-primary-hover); transform:translateY(-2px); box-shadow:0 6px 16px rgba(176, 141, 87, 0.3);}

/* 유튜브 프리뷰 */
.kboard-youtube-preview img {border-radius:12px; box-shadow:var(--dm-shadow-sm);}

/* ============================================
   Latest View (위젯)
   ============================================ */
#kboard-thumbnail-latest {font-family:var(--dm-font); width:100%; background:#fff; border:1px solid var(--dm-border); border-radius:var(--dm-radius); overflow:hidden;}
#kboard-thumbnail-latest table {width:100%; border-collapse:collapse; table-layout:fixed; border:0;}
#kboard-thumbnail-latest thead th {padding:12px; background:var(--dm-bg); border-bottom:1px solid var(--dm-border); font-size:13px; color:var(--dm-text-muted); font-weight:600; text-align:center;}
#kboard-thumbnail-latest tbody tr {border-bottom:1px solid var(--dm-border-light); background:#fff;}
#kboard-thumbnail-latest tbody tr:last-child {border-bottom:none;}
#kboard-thumbnail-latest tbody tr:hover {background-color:var(--dm-bg);}
#kboard-thumbnail-latest td {padding:14px 16px; vertical-align:middle; font-size:14px; border:0;}
#kboard-thumbnail-latest .kboard-latest-title {text-align:left;}
#kboard-thumbnail-latest .kboard-latest-title a {display:block; color:var(--dm-text); text-decoration:none;}
#kboard-thumbnail-latest .kboard-latest-title a:hover {color:var(--dm-primary);}
#kboard-thumbnail-latest .kboard-thumbnail-cut-strings {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/* ============================================
   반응형
   ============================================ */
@media screen and (max-width: 1200px) {
	.dm-yt-grid {grid-template-columns:repeat(3, 1fr);}
}
@media screen and (max-width: 1024px) {
	.dm-yt-list {padding:60px 30px 80px;}
	.dm-yt-page-title {font-size:34px;}
	.dm-yt-grid {grid-template-columns:repeat(3, 1fr); gap:20px;}
	#kboard-thumbnail-document {padding:50px 20px 80px;}
	#kboard-thumbnail-document .kboard-title h1 {padding:30px 30px 20px; font-size:22px;}
	#kboard-thumbnail-document .kboard-detail {padding:14px 30px;}
	#kboard-thumbnail-document .kboard-content {padding:30px;}
	#kboard-thumbnail-document .kboard-document-action {padding:18px 30px 22px;}
}
@media screen and (max-width: 768px) {
	.dm-yt-list {padding:50px 20px 70px;}
	.dm-yt-head {margin-bottom:36px;}
	.dm-yt-eyebrow {font-size:12px; letter-spacing:2px; margin-bottom:12px;}
	.dm-yt-page-title {font-size:26px; margin-bottom:12px;}
	.dm-yt-page-desc {font-size:14px;}
	.dm-yt-search-form {max-width:100%; padding:8px 8px 8px 20px;}
	.dm-yt-search-select {min-width:60px; margin-right:10px; padding-right:22px; font-size:12px;}
	.dm-yt-search-input {font-size:14px;}
	.dm-yt-search {margin-bottom:30px;}
	.dm-yt-list .kboard-category.category-pc {margin-bottom:40px !important;}
	.dm-yt-list .kboard-category.category-pc .kboard-category-list {justify-content:flex-start !important; flex-wrap:nowrap !important; overflow-x:auto; padding-bottom:8px !important; gap:8px !important; -webkit-overflow-scrolling:touch; scrollbar-width:none;}
	.dm-yt-list .kboard-category.category-pc .kboard-category-list::-webkit-scrollbar {display:none;}
	.dm-yt-list .kboard-category.category-pc .kboard-category-list li {flex-shrink:0;}
	.dm-yt-list .kboard-category.category-pc .kboard-category-list li a {padding:9px 20px !important; font-size:13px !important;}
	.dm-yt-grid {grid-template-columns:repeat(2, 1fr); gap:16px;}
	.dm-yt-body {padding:16px 16px 18px;}
	.dm-yt-title {font-size:14px;}
	.dm-yt-play {width:44px; height:44px;}
	.dm-yt-pagination {padding:30px 0 10px;}
	.dm-yt-pagination-list a, .dm-yt-pagination-list span {min-width:36px; height:36px; font-size:13px;}
	.dm-yt-write-btn {padding:12px 26px; font-size:13px;}
	
	#kboard-thumbnail-document {padding:40px 16px 70px;}
	#kboard-thumbnail-document .kboard-title h1 {padding:24px 20px 18px; font-size:19px;}
	#kboard-thumbnail-document .kboard-detail {padding:12px 20px; gap:12px;}
	#kboard-thumbnail-document .kboard-content {padding:24px 20px;}
	#kboard-thumbnail-document .kboard-document-action {padding:16px 20px 20px; flex-direction:column; gap:10px;}
	#kboard-thumbnail-document .kboard-document-navi {grid-template-columns:1fr !important;}
	#kboard-thumbnail-document .kboard-control {flex-direction:column-reverse; gap:10px;}
	#kboard-thumbnail-document .kboard-control .left, #kboard-thumbnail-document .kboard-control .right {width:100%; justify-content:center;}
	
	#kboard-thumbnail-editor .kboard-control {flex-direction:column; gap:10px;}
	#kboard-thumbnail-editor .kboard-control .left, #kboard-thumbnail-editor .kboard-control .right {width:100%; display:flex; flex-direction:column; gap:8px;}
}
@media screen and (max-width: 480px) {
	.dm-yt-grid {grid-template-columns:1fr; gap:14px;}
	.dm-yt-search-form {padding:6px 6px 6px 16px;}
	.dm-yt-search-btn {width:40px; height:40px;}
}