@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@800&display=swap');
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,
acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong,
sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure,
figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio,
video { font-family: 'Noto Sans KR', sans-serif; margin: 0; padding: 0; border: 0; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; }

.content-body {width:740px}
.bol100 {font-weight:100}
.bol200 {font-weight:200}
.bol300 {font-weight:300}
.bol400 {font-weight:400}
.bol500 {font-weight:500}
.bol600 {font-weight:600}
.bol700 {font-weight:700}
.bol800 {font-weight:800}
.bol900 {font-weight:900}
.bol1000 {font-weight:1000}

.main-navi ul {display: flex;justify-content: space-between}
.main-navi ul li {margin:10px 20px}
.main-navi ul li a {font-size:15.5px;text-decoration: none;color:#494747}
.main-navi ul li.active {border-bottom:2px solid #2d8f7b;padding:0 0 4px 0}
.main-navi ul li.active a {color:#2d8f7b}


.list-header {display: flex;align-items: center;justify-content: space-between;border-bottom:2px solid #e7e7e7;padding-bottom:10px;margin-bottom:14px}
.list-header h2 {display: flex;align-items: center}
.list-header h2 span {font-size:18px;color:#272727;font-weight:bold;justify-content: center;margin:0 0 0 10px;}
.list-header a {color:#272727;font-size:14px}
.list-header.no-image h2 span {margin:0}

.list-body table {width:100%;}
.list-body table tr .new-icon {display:none;}
.list-body table tr.new .new-icon {display:inline-block;color:#6d6d6d;font-size:13px;background:#eee;padding:2px 6px 3px;border-radius: 3px;position: relative;top:-4px}
.list-body table td {padding:5px 0}
.list-body table td:nth-child(1) a {font-size:14px;text-decoration: none;line-height: 1.4;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block;max-width: 491px;color:#272727}
.list-body table td:nth-child(2) {width:116px;text-align: center;font-size:13px;color:#707070;vertical-align: middle}
.list-body table td:nth-child(3) {width:90px;text-align: right;color:#707070;font-size:13px;vertical-align: middle}

.relative-board-list {margin-top:40px}
.relative-board-list .list-body table td:nth-child(1) a {
    width:auto;
    max-width:none !important;
    text-overflow:ellipsis;
    overflow:hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    white-space: initial;
    line-height:1.4
}
.list-body.type2 table td:nth-child(1) p {
    width:auto;
    max-width:none !important;
    text-overflow:ellipsis;
    overflow:hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    white-space: initial;
    line-height:1.4
}
.list-body.type2 table td:nth-child(2) {width:50px;text-align:right;}

.notice-list .list-body table td:nth-child(2) {width:80%;text-align: left;vertical-align: middle}
.notice-list .list-body table td {padding:5px 0;text-align: center;}
.notice-list .list-body table td a {color:#272727;text-decoration: none}

.line-to-boards {display: flex;justify-content: space-between;align-items: start;gap:20px}

.box-list-half {width:349px;flex:1}
.box-list-half h2 {height:25px;}
.box-list-half .list-body table td:nth-child(1) a {max-width:270px}
.box-list-half .list-body table td:nth-child(2){text-align:right;vertical-align: middle}
.box-list-half .list-body table td:nth-child(3) {vertical-align: middle}
.box-list-half .list-body table td:nth-child(3) a {text-align:right}

.box-list-full {}
.box-list-full .list-header {margin-bottom:0;border-bottom:2px solid #aeaeae}

.box-list-full .list-body table thead {border-bottom:2px solid #d4d4d4;}
.box-list-full .list-body table th {font-size:15px;font-weight: bold;padding:19px 0}
.box-list-full .list-body table td {font-size:14px;padding:19px 0;line-height:1.4}

.box-list-full .list-body table th:nth-child(2),
.box-list-full .list-body table th:nth-child(3),
.box-list-full .list-body table th:nth-child(4) {width:90px;vertical-align: middle}
.box-list-full .list-body table td:nth-child(1) a {max-width:400px}
.box-list-full .list-body table td:nth-child(4) {text-align:center;color:#969696;font-weight: 600}
.box-list-full .list-body table tbody tr.answer td:nth-child(4) {color:#7e714c;vertical-align: middle}

.box-list-full .list-body tbody tr {border-bottom:1px solid #e7e7e7}

.number-box {display: flex;align-items:center;justify-content:center;position:relative}
.number-box img {display:inline-block;margin-right:4px;}

div.devider {height:3px;margin:50px 0;width:100%;border-bottom:3px solid red;}

.best-pop-box {background:#fff}
.best-pop-box h2 {background:#f8f8f8;font-size:15px;font-weight:bold;margin-bottom:26px}

.best-pop-box {width:300px;padding:24px 30px;box-sizing: border-box}
.best-pop-box table {width:242px;}
.best-pop-box table td {padding-bottom:16px;font-size:13.5px}
.best-pop-box table  td:nth-child(1){text-align:left;width:20px;color:#9496b3}
.best-pop-box table  td:nth-child(2){text-align:left;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;display:block;width:190px}
.best-pop-box table  td:nth-child(2) a {text-decoration: none;color:#272727}
.best-pop-box table  td:nth-child(3){text-align:center;width:15px;}
.best-pop-box .noti {display:flex;align-items:center;font-size:12px;color:#a7a7a7}
.best-pop-box .noti img {display: block;margin-right:5px}

.search-wrap {border:2px solid #545454;display:block;height:60px;box-sizing: border-box;padding:10px;border-radius:30px;position:relative;}
.search-wrap span {display:flex;align-items: center;}
.search-wrap input {width:95%;padding:10px;border:0;outline:0;font-size:18px}

.man-icon-wrap {background:#333333;}
.man-icon-link {color:#fff;height:43px;line-height:43px;display:inline-block;text-decoration: none;text-align:center;}
.man-icon-link img {position:relative;top:1px;}

.button-ui {display:inline-block;text-align:center;background:#a3a3a3;font-size:15px;color:#fff;font-weight:bold;min-width:169px;height:55px;line-height:55px;border-radius:5px;text-decoration: none;border:0}
.button-ui.confirm {background: #2d8f7b}

.pagenation ul {display: flex;}
.pagenation ul li {}
.pagenation ul li a {font-size:14px;text-decoration: none;font-weight:bold;font-family: 'Nanum Gothic';padding:10px;text-underline-offset: 5px;color:#272727}
.pagenation ul li.current a {text-decoration: underline;color:#2d8f7b}

.form-title h2 {font-size:18px;font-weight:bold;color:#272727;margin-bottom:20px;}
.input-box-wrap {background:#f2f2f2;height:57px;box-sizing:border-box;padding:20px 10px;border-radius:5px}
.input-box-wrap input {width:100%;font-size:14px;color:#272727;border:0;outline:0;background:#f2f2f2}
.textarea-box-wrap textarea {width:100%;font-size:14px;color:#272727;border:0;outline:0;background:#f2f2f2;height:100%;min-height:165px;padding:10px;;border-radius:5px;box-sizing: border-box}

div.comments ul li .inner {display:flex;padding:30px 0;border-bottom:2px solid #e7e7e7}
div.comments ul li .inner h2 {margin-bottom:12px;font-size:18px}
div.comments ul li .inner .icon-wrap {width:80px;}
div.comments ul li .inner .contents {min-width:480px;line-height:1.4}
div.comments ul li .inner .date {display:flex;align-items: flex-end;line-height:1.4}

/* layout */
header {background: #333333;margin-bottom:42px;}
header .top-inner {width:1100px;margin:0 auto;display:flex;justify-content: space-between}
header .top-inner span {color:#fff;line-height:43px;display:inline-block;}

.navi {background:#fff;padding:14px 0;border-bottom:1px solid #b3b3b3}
.navi h1 {min-width:222px;}
.navi .menu-inner{display:flex;width:1100px;margin:auto;}

.content-inner {width:1100px;margin:auto;display:flex;justify-content: space-between}
.content-inner .main-content {flex-basis:740px;}
.content-inner .side-content {width:300px}

.main-banner {background:#f0f5fa;box-sizing: border-box;padding:0 42px 0 52px;margin-top:34px}

.border-top-margin {margin:24px 0 0}
.main-border-list0 {margin-top:0}
.right-size-margin {margin:16px 0 0}

.footer {margin-top:110px;background:#ededed;padding:50px 0}
.footer-inner {display:flex;justify-content: space-between;width:1100px;margin:auto;}
.footer-inner .flex-left-side {flex-basis:740px}

.company-list {width:100%}
.company-list ul {display:flex;align-items: center}
.company-list ul li:not(:last-child):after {content:'|';display:inline-block;margin:0 9px;font-size:11px;position:relative;top:-2px}
.company-list ul li a {color:#444444;font-size:14px;text-decoration:none;}

.copyright {display:inline-block;color:#444;font-size:14px;font-weight:bold;margin-top:21px;}

.app-links > a {display:inline-block;margin-right:10px;}

.pagenation-wrap {display: flex;justify-content: center;margin-top:40px}
.category-line{color:#2d8f7b;font-size:16px;}

.board-view-titles {margin-top:10px;}
.board-view-titles .line-to-top {display:flex;justify-content: space-between;padding-bottom:16px;border-bottom:2px solid #aeaeae;align-items:center;}
.board-view-titles .line-to-top h2.title {font-size:21px;color:#272727;line-height:1.2}
.board-view-titles .line-to-top .like-box {width:80px;margin-right:10px;border:1px solid #ddd;font-size:13px;color:#2d8f7b;text-align:center;border-radius:3px;padding:8px;cursor: pointer}
.board-view-titles .line-to-top .like-box img {vertical-align:bottom}

.board-view-titles .line-to-bottom {display:flex;align-items:center;justify-content:flex-end;padding:27px 0;border-bottom:1px solid #e7e7e7}
.board-view-titles .line-to-bottom dl {display:flex;margin-right:26px;font-weight:bold;}
.board-view-titles .line-to-bottom dl dt {margin-right:17px;font-size:14px;color:#272727}
.board-view-titles .line-to-bottom dl dd {font-size:14px;color:#969696;}

.board-contents {font-size:15px;line-height:1.6;color:#272727;padding:15px 0 30px;border-bottom:1px solid #e7e7e7;word-break: break-word}
.write-comment-wrap {margin-top:50px}
.comment-btn-area {margin-top:21px;display: flex;justify-content: flex-end}
.board-view-comments {margin-top:30px;}

.write-page-header {margin-top:50px}
.write-page-email {margin-top:47px}
.notice-wrap {margin-top:23px;font-size:13px;color:#6a6a6a;line-height:1.6}
.board-write-text-area {margin-top:35px}
.write-button-area {display: flex;margin-top:63px;justify-content:center}
.write-button-area a:first-child{margin-right:10px;}

.search-form-wrap {margin-top:7px;background:#fff;border:1px solid #e1e2e2;width:300px;height:26px;padding:0 2px 0 10px}
.search-form-wrap form {display: flex;justify-content: space-between;}
.search-form-wrap input {border:0;outline:0;width:100%;height:24px;}
.search-form-wrap button {background:transparent;border:0;outline: none;margin-top:-1px;}
.search-form-wrap button img {width:26px;}

.terms-wrap {white-space:pre-wrap;line-height:1.4}

.flex-center {display: flex;align-items: center;justify-content: center;margin:10px auto}

.google-main-banner {margin:0 auto 20px; text-align: center;}

/* 네이버 파워링크 */
.power-ad { margin: 10px 0 20px; border: 1px solid #e7e7e7; border-radius: 4px; padding: 12px; }
.header-ad { display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px; }
.header-ad a { font-size: 12px; color: #999; text-decoration: none; }
.contents-ad ul { list-style: none; }

/* ========================================
   돈키우기 디자인 (2026-04-13)
   ======================================== */

/* 전역 전환 효과 */
a { transition: color .2s ease; }

/* 헤더 — 딥네이비 */
header { background: #1a2332; margin-bottom: 0; }
.navi { background: #fff; padding: 16px 0; border-bottom: 2px solid #e0ece8; box-shadow: 0 2px 8px rgba(45,143,123,.06); margin-bottom: 32px; }
.main-navi ul li a:hover { color: #2d8f7b; }

/* 목록 행 hover */
.list-body table tbody tr { transition: background .15s ease; }
.list-body table tbody tr:hover { background: #f4faf8; }
.list-body table td:nth-child(1) a:hover { color: #2d8f7b; text-decoration: underline; }

/* 섹션 카드화 */
.box-list { background: #fff; border-radius: 6px; padding: 0 0 10px; }
.box-list-half { background: #fff; border-radius: 6px; padding: 12px 16px; border: 1px solid #f0f0f0; }
.box-list-full { background: #fff; border-radius: 6px; }

/* 더보기 링크 */
.list-header a:hover { color: #2d8f7b; text-decoration: underline; }

/* 카테고리 라인 */
.category-line { font-size: 14px; background: #f0f7f5; padding: 10px 14px; border-radius: 4px; margin-bottom: 6px; color: #2d8f7b; }

/* 상세 페이지 — 질문 제목 */
.board-view-titles .line-to-top { border-bottom: 2px solid #2d8f7b; padding-bottom: 18px; }
.board-view-titles .line-to-top h2.title { font-size: 22px; line-height: 1.4; }

/* 좋아요 버튼 강화 */
.board-view-titles .line-to-top .like-box {
    border: 2px solid #2d8f7b; color: #2d8f7b; font-weight: 700; font-size: 14px;
    padding: 10px 16px; border-radius: 24px; transition: all .2s ease; white-space: nowrap;
}
.board-view-titles .line-to-top .like-box:hover { background: #2d8f7b; color: #fff; }

/* 돈키 답변 서식 */
.donki-bubble strong { color: #2c2c2c; }
.donki-bubble u { text-decoration-color: #2d8f7b; text-underline-offset: 3px; }
.donki-bubble mark { background: #d4f0e7; padding: 1px 4px; border-radius: 3px; }
.donki-bubble ul, .donki-bubble ol { margin: 8px 0; padding-left: 20px; }
.donki-bubble li { margin-bottom: 4px; }
.donki-bubble a { color: #5a7ab5; text-decoration: underline; }
.donki-bubble a:hover { color: #3a5a95; }

/* 돈키 답변 영역 */
.donki-answer { margin-top: 16px; display: flex; gap: 14px; align-items: flex-start; }
.donki-profile { flex-shrink: 0; text-align: center; }
.donki-avatar { width: 52px; height: 52px; border-radius: 50%; border: 2px solid #b8e0d4; }
.donki-name { display: block; font-size: 12px; font-weight: 700; color: #2d8f7b; margin-top: 4px; }
.donki-bubble {
    flex: 1; position: relative;
    font-size: 15px; line-height: 1.8; color: #333; padding: 20px 22px;
    background: #f7fbfa; border: 1px solid #d0e8e1; border-radius: 12px;
    word-break: break-word;
}
.donki-bubble::before {
    content: ''; position: absolute; left: -8px; top: 18px;
    border: 8px solid transparent; border-right-color: #d0e8e1;
    border-left: 0;
}
.donki-bubble::after {
    content: ''; position: absolute; left: -6px; top: 19px;
    border: 7px solid transparent; border-right-color: #f7fbfa;
    border-left: 0;
}

/* 기존 board-contents 하위 호환 */
.board-contents {
    font-size: 15px; line-height: 1.8; color: #333; padding: 24px 20px 30px;
    border-bottom: 1px solid #e7e7e7;
}

/* 메타 정보 */
.board-view-titles .line-to-bottom { padding: 18px 0; }
.board-view-titles .line-to-bottom dl dt { color: #999; font-weight: 400; }
.board-view-titles .line-to-bottom dl dd { color: #333; }

/* 관련글 섹션 */
.relative-board-list { margin-top: 50px; border-top: 2px solid #eee; padding-top: 10px; }

/* 페이지네이션 개선 */
.pagenation ul li a:hover { color: #2d8f7b; }

/* 푸터 — 딥네이비 */
.footer { margin-top: 60px; background: #1a2332; padding: 40px 0; }
.company-list ul li a { color: #ccc; font-size: 13px; transition: color .2s; }
.company-list ul li a:hover { color: #fff; }
.company-list ul li:not(:last-child):after { color: #666; }
.copyright { color: #999; font-size: 13px; }

/* 버튼 개선 */
.button-ui { border-radius: 24px; transition: opacity .2s; cursor: pointer; }
.button-ui:hover { opacity: .85; }
.button-ui.confirm { background: #2d8f7b; }

/* 검색바 */
.search-form-wrap { border-radius: 4px; }

/* 사이드바 카드 */
.best-pop-box { border-radius: 6px; border: 1px solid #f0f0f0; }
.best-pop-box h2 { border-radius: 6px 6px 0 0; padding: 14px 16px; }

/* 사이드바 인기글 */
.side-popular { background: #fff; border: 1px solid #f0f0f0; border-radius: 6px; margin-bottom: 16px; }
.side-popular h3 {
    font-size: 15px; font-weight: 700; color: #272727; padding: 14px 16px;
    background: #f8f8f8; border-radius: 6px 6px 0 0; border-bottom: 1px solid #eee;
    display: flex; align-items: center; gap: 8px;
}
.side-popular ol { padding: 12px 16px; }
.side-popular ol li {
    padding: 8px 0; border-bottom: 1px solid #f5f5f5; display: flex; align-items: flex-start; gap: 8px;
}
.side-popular ol li:last-child { border-bottom: 0; }
.side-popular ol li .rank {
    flex-shrink: 0; width: 22px; height: 22px; line-height: 22px; text-align: center;
    font-size: 12px; font-weight: 700; background: #f0f0f0; color: #666; border-radius: 4px;
}
.side-popular ol li:nth-child(-n+3) .rank { background: #2d8f7b; color: #fff; }
.side-popular ol li a {
    font-size: 13px; color: #333; text-decoration: none; line-height: 1.4;
    overflow: hidden; text-overflow: ellipsis; display: -webkit-box;
    -webkit-line-clamp: 2; -webkit-box-orient: vertical;
}
.side-popular ol li a:hover { color: #2d8f7b; }

/* ========================================
   댓글 영역 CSS
   ======================================== */
div.comments ul { list-style: none; }
div.comments ul li.clear-both { display: flex; padding: 18px 0; border-bottom: 1px solid #f0f0f0; }
div.comments ul li.clear-both:last-child { border-bottom: 0; }
div.comments ul li .comment-icon { width: 44px; flex-shrink: 0; }
div.comments ul li .comment-icon img { width: 40px; height: 40px; border-radius: 50%; background: #f5f5f5; }
div.comments ul li .comment-right { flex: 1; margin-left: 14px; }
div.comments ul li .comment-info { display: flex; align-items: center; gap: 12px; margin-bottom: 6px; }
div.comments ul li .comment-info .writer { font-size: 14px; font-weight: 600; color: #272727; }
div.comments ul li .comment-info .date { font-size: 12px; color: #aaa; }
div.comments ul li .comment-text { font-size: 14px; line-height: 1.6; color: #555; white-space: pre-line; }

/* 댓글 입력 영역 */
.write-comment-wrap { margin-top: 40px; background: #f9f9f9; padding: 24px; border-radius: 8px; }
.form-title h2 { font-size: 16px; font-weight: 700; margin-bottom: 14px; }
.textarea-box-wrap textarea { background: #fff; border: 1px solid #e7e7e7; border-radius: 6px; min-height: 100px; resize: vertical; }
.textarea-box-wrap textarea:focus { border-color: #2d8f7b; outline: none; }
.comment-btn-area { margin-top: 14px; }

/* 댓글 더보기 */
.board-view-comments .flex-center { margin: 20px auto; }
#commentMore { border-radius: 24px; min-width: 140px; height: 44px; line-height: 44px; font-size: 14px; }

/* ========================================
   돈키우기 메인 레이아웃
   ======================================== */
.dq-main { max-width: 1100px; margin: 0 auto; padding: 0 16px; }

/* 섹션 헤더 */
.dq-section-head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 14px; }
.dq-section-head h2 { font-size: 18px; font-weight: 700; color: #1a2332; }
.dq-section-head a { font-size: 13px; color: #888; text-decoration: none; }
.dq-section-head a:hover { color: #2d8f7b; }

/* BEST 카드 그리드 — 3x2 */
.dq-best-section { margin-bottom: 32px; }
.dq-best-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.dq-best-card {
    display: block; background: #fff; border: 1px solid #e8e8e8; border-radius: 8px;
    padding: 16px; text-decoration: none; transition: border-color .2s, box-shadow .2s;
    position: relative;
}
.dq-best-card:hover { border-color: #2d8f7b; box-shadow: 0 2px 12px rgba(45,143,123,.1); }
.dq-rank {
    position: absolute; top: 12px; right: 12px;
    width: 24px; height: 24px; line-height: 24px; text-align: center;
    background: #2d8f7b; color: #fff; font-size: 12px; font-weight: 700; border-radius: 50%;
}
.dq-best-card:nth-child(n+4) .dq-rank { background: #b0b0b0; }
.dq-card-title {
    font-size: 14px; font-weight: 600; color: #272727; line-height: 1.5; margin: 0 0 10px;
    overflow: hidden; text-overflow: ellipsis; display: -webkit-box;
    -webkit-line-clamp: 2; -webkit-box-orient: vertical; padding-right: 28px;
}
.dq-card-meta { font-size: 12px; color: #999; }

/* 카테고리 3열 그리드 */
.dq-cate-section { margin-bottom: 32px; }
.dq-cate-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.dq-cate-card {
    background: #fff; border: 1px solid #eee; border-radius: 8px;
    overflow: hidden;
}
.dq-cate-head {
    display: flex; justify-content: space-between; align-items: center;
    padding: 12px 14px; background: #f5faf8; border-bottom: 1px solid #e0ece8;
}
.dq-cate-head span { font-size: 14px; font-weight: 700; color: #1a2332; }
.dq-cate-head a { font-size: 12px; color: #2d8f7b; text-decoration: none; }
.dq-cate-head a:hover { text-decoration: underline; }
.dq-cate-list { list-style: none; padding: 8px 14px; }
.dq-cate-list li { padding: 6px 0; border-bottom: 1px solid #f5f5f5; }
.dq-cate-list li:last-child { border-bottom: 0; }
.dq-cate-list li a {
    font-size: 13px; color: #444; text-decoration: none; line-height: 1.4;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;
}
.dq-cate-list li a:hover { color: #2d8f7b; }
.dq-cate-list li.dq-empty { font-size: 13px; color: #bbb; text-align: center; padding: 16px 0; }

/* 하단: 실시간 + 사이드 */
.dq-bottom-row { display: flex; gap: 24px; align-items: flex-start; }
.dq-recent-section { flex: 1; min-width: 0; overflow: hidden; }
.dq-bottom-row .side-content { flex-shrink: 0; width: 300px; }
.dq-recent-table { width: 100%; border-collapse: collapse; background: #fff; border: 1px solid #eee; border-radius: 8px; overflow: hidden; table-layout: fixed; }
.dq-recent-table thead { background: #f5faf8; }
.dq-recent-table th { padding: 10px 12px; font-size: 13px; font-weight: 600; color: #555; text-align: left; border-bottom: 2px solid #e0ece8; }
.dq-recent-table th:nth-child(1) { width: auto; }
.dq-recent-table th:nth-child(2) { width: 60px; text-align: center; }
.dq-recent-table th:nth-child(3) { width: 80px; text-align: center; }
.dq-recent-table td { padding: 10px 12px; font-size: 13px; border-bottom: 1px solid #f0f0f0; }
.dq-recent-table td:first-child { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dq-recent-table td a { color: #333; text-decoration: none; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; }
.dq-recent-table td a:hover { color: #2d8f7b; }
.dq-recent-table .dq-td-num { text-align: center; color: #999; font-size: 12px; }
.dq-recent-table .dq-td-date { text-align: center; color: #999; font-size: 12px; white-space: nowrap; }
.dq-recent-table tbody tr:hover { background: #f9fcfb; }

/* ========================================
   반응형
   ======================================== */
@media (max-width: 1140px) {
    header .top-inner, .navi .menu-inner, .content-inner, .footer-inner { width: 100%; padding: 0 15px; box-sizing: border-box; }
    .content-inner .main-content { flex-basis: auto; width: 100%; }
    .content-inner .side-content { display: none; }
    .dq-bottom-row .side-content { display: none; }
    .dq-bottom-row { flex-direction: column; }
    .line-to-boards { flex-direction: column; }
    .box-list-half { width: 100% !important; margin-bottom: 15px; }
}
@media (max-width: 768px) {
    .main-navi ul { flex-wrap: wrap; justify-content: flex-start; }
    .main-navi ul li { margin: 4px 6px; }
    .main-navi ul li a { font-size: 13px; }
    .search-form-wrap { width: 100%; }
    .content-body { width: 100%; }
    .google-main-banner ins { width: 100% !important; height: auto !important; }
    .board-view-titles .line-to-bottom { flex-wrap: wrap; }
    /* 메인 그리드 → 2열 */
    .dq-best-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
    .dq-cate-grid { grid-template-columns: repeat(2, 1fr); gap: 10px; }
    .dq-recent-table td a { max-width: 200px; }
}
@media (max-width: 480px) {
    .top-inner { flex-direction: column; align-items: flex-start; gap: 8px; }
    .man-icon-link { font-size: 12px; }
    h1 img { max-width: 150px; }
    /* 메인 그리드 → 1열 */
    .dq-best-grid { grid-template-columns: 1fr; }
    .dq-cate-grid { grid-template-columns: 1fr; }
    .dq-bottom-row { flex-direction: column; }
    .dq-recent-table td a { max-width: 100%; }
    .dq-recent-table .dq-td-date { display: none; }
    .navi .menu-inner { flex-direction: column; align-items: flex-start; gap: 10px; }
    .navi h1 { min-width: auto; }
}