/* ============================================================
   똑순이 지역 SEO — 게시글 상세 본문 중앙정렬 CSS
   ddoksun_seo_article.css
   역할: board 스킨의 read 뷰에서 본문을 가운데 900~980px 폭으로 정렬
   ============================================================ */

/* ── 게시글 상세 전체 래퍼 ── */
.ddsf-board,
.board,
.board_read {
    box-sizing: border-box;
}

/* ── 본문 폭 제한 · 가운데 ── */
.ddsf-board .read_body,
.ddsf-board .rd_body,
.ddsf-board .xe_content,
.ddsf-board .rhymix_content,
.ddsf-board article,
.board .read_body,
.board .rd_body,
.board .xe_content,
.board .rhymix_content {
    max-width: 960px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box;
}

/* ── 제목·메타 영역도 동일 폭 ── */
.ddsf-board .read_header,
.ddsf-board .rd_hd,
.ddsf-board .titleArea,
.board .read_header,
.board .rd_hd,
.board .titleArea {
    max-width: 960px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* ── 이미지 넘침 방지 ── */
.board .xe_content img,
.board .rhymix_content img,
.board .read_body img,
.board .rd_body img {
    max-width: 100% !important;
    height: auto !important;
}

/* ── 본문 가독성 ── */
.board .xe_content,
.board .rhymix_content,
.board .read_body,
.board .rd_body {
    font-size: 18px !important;
    line-height: 1.9 !important;
    letter-spacing: -0.03em;
    color: #111;
    word-break: keep-all;
}

/* ── 제목 ── */
.board .read_header h1,
.board .rd_hd h1 {
    font-size: 28px;
    font-weight: 900;
    letter-spacing: -0.05em;
    line-height: 1.35;
    margin-bottom: 16px;
}

/* ── 메타(날짜·조회수) ── */
.board .read_header .meta,
.board .rd_hd .meta {
    font-size: 14px;
    color: #888;
}

/* ── 푸터 버튼 영역 ── */
.board .btnArea,
.board .read_footer .btnArea {
    max-width: 960px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding: 16px 0;
    border-top: 1px solid #eee;
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}
.board .btnArea .btn {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 8px 16px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    color: #333;
    text-decoration: none;
    background: #fff;
    cursor: pointer;
    transition: background .15s, border-color .15s;
}
.board .btnArea .btn:hover { background: #f5f5f5; border-color: #bbb; }

/* ── 파일 첨부 ── */
.board .fileList {
    max-width: 960px !important;
    margin: 16px auto !important;
}

/* ── 태그 ── */
.board .tns {
    max-width: 960px !important;
    margin: 12px auto !important;
}
.board .tns .tag {
    display: inline-block;
    padding: 3px 10px;
    background: #f4f4f4;
    border-radius: 999px;
    font-size: 13px;
    color: #555;
    text-decoration: none;
    margin: 2px 2px;
}
.board .tns .tag:hover { background: #e8e8e8; }

/* ── 댓글 영역 ── */
.board .comment_list,
.board .comment_form_wrap {
    max-width: 960px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* ── 모바일 ── */
@media (max-width:768px){

    .ddsf-board .read_body,
    .ddsf-board .rd_body,
    .ddsf-board .xe_content,
    .ddsf-board .rhymix_content,
    .board .read_body,
    .board .rd_body,
    .board .xe_content,
    .board .rhymix_content,
    .board .read_header,
    .board .rd_hd,
    .board .titleArea,
    .board .btnArea,
    .board .fileList,
    .board .tns{
        max-width:100% !important;
        padding-left:16px !important;
        padding-right:16px !important;
    }

    .board .xe_content,
    .board .rhymix_content,
    .board .read_body,
    .board .rd_body{
        font-size:16px !important;
        line-height:1.8 !important;
    }

    .board .read_header h1,
    .board .rd_hd h1{
        font-size:22px;
    }

    /* seo guide */
    .dd-seo-guide,
    .dd-seo-guide--landing{
        width:100% !important;
        max-width:100% !important;
        padding:0 !important;
        margin:0 !important;
    }

    .dd-seo-guide-inner{
        width:100% !important;
        max-width:100% !important;
        padding:0 8px !important;
        margin:0 !important;
        box-sizing:border-box !important;
    }

    .dd-seo-details{
        width:100% !important;
        margin:0 !important;
        border-radius:14px !important;
    }

    .dd-seo-toggle{
        padding:14px 12px !important;
        font-size:14px !important;
        line-height:1.45 !important;
    }

    .dd-seo-body{
        padding:14px 12px !important;
    }
}
@media (max-width:768px){

    .body.fixed-width.sub.right,
    .body.fixed-width.sub.right .content,
    #content{
        width:100% !important;
        max-width:100% !important;
        padding-left:8px !important;
        padding-right:8px !important;
        box-sizing:border-box !important;
    }
}
/* 모바일 전체 폭 확장 */
@media (max-width:768px){

    .container{
        width:100% !important;
        max-width:100% !important;
        padding:0 !important;
        margin:0 !important;
    }

    .body.fixed-width.sub.right{
        width:100% !important;
        max-width:100% !important;
        padding:0 !important;
        margin:0 !important;
    }

    .content{
        width:100% !important;
        max-width:100% !important;
        padding:0 10px !important;
        margin:0 !important;
        box-sizing:border-box !important;
    }

    .dd-seo-guide,
    .dd-seo-guide--landing,
    .dd-seo-guide-inner,
    .dd-seo-details{
        width:100% !important;
        max-width:100% !important;
        margin:0 !important;
        box-sizing:border-box !important;
    }
@media (max-width:768px){

    .container,
    .body.fixed-width,
    .body.fixed-width.sub,
    .body.fixed-width.sub.right,
    .body.sub,
    .body.sub.right,
    .content,
    #content{
        width:100% !important;
        max-width:none !important;
        min-width:0 !important;
        padding-left:6px !important;
        padding-right:6px !important;
        margin-left:0 !important;
        margin-right:0 !important;
        box-sizing:border-box !important;
    }

    .dd-seo-guide,
    .dd-seo-guide--landing,
    .dd-seo-guide-inner,
    .dd-seo-details{
        width:100% !important;
        max-width:none !important;
        margin-left:0 !important;
        margin-right:0 !important;
        box-sizing:border-box !important;
    }

    .dd-seo-toggle{
        padding:14px 10px !important;
    }
}
}




/* DDOKSUN: 랜딩 아코디언 상단 노출 요약문 */
.dd-seo-visible-summary {
    margin: 0 0 12px 0;
    padding: 16px 18px;
    border-radius: 16px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    color: #334155;
    font-size: 15px;
    line-height: 1.75;
    word-break: keep-all;
}

/* DDOKSUN: landing quick guide + scroll SEO body */
.dd-seo-quick-guide {
    margin: 0 0 12px 0;
    padding: 18px 20px;
    border-radius: 18px;
    background: #f8fafc;
    border: 1px solid #e2e8f0;
    color: #334155;
    word-break: keep-all;
}

.dd-seo-quick-guide h2 {
    margin: 0 0 8px 0;
    font-size: 20px;
    line-height: 1.45;
    color: #111827;
    font-weight: 800;
}

.dd-seo-quick-guide p {
    margin: 0;
    font-size: 15px;
    line-height: 1.75;
}

.dd-seo-scroll-body {
    max-height: 34px;
    overflow-y: auto;
    padding: 0 2px 0 0;
    scroll-behavior: smooth;
}

.dd-seo-scroll-body::-webkit-scrollbar {
    width: 8px;
}

.dd-seo-scroll-body::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 999px;
}

.dd-seo-scroll-body::-webkit-scrollbar-track {
    background: #f1f5f9;
    border-radius: 999px;
}

@media (max-width: 768px) {
    .dd-seo-scroll-body {
        max-height: 32px;
    }
}

/* DDOKSUN: SEO scroll body almost invisible scrollbar */
.dd-seo-scroll-body {
    max-height: 28px !important;
    overflow-y: auto !important;
    padding: 0 2px 0 0 !important;
    scrollbar-width: thin;
    scrollbar-color: #ffffff #ffffff;
    background: #ffffff;
}

.dd-seo-scroll-body::-webkit-scrollbar {
    width: 4px;
}

.dd-seo-scroll-body::-webkit-scrollbar-thumb {
    background: #ffffff;
    border-radius: 999px;
}

.dd-seo-scroll-body::-webkit-scrollbar-track {
    background: #ffffff;
}

@media (max-width: 768px) {
    .dd-seo-scroll-body {
        max-height: 24px !important;
    }
}

/* DDOKSUN: latest cards first, SEO body small */
.dd-seo-guide--top {
    margin-bottom: 12px;
}

.dd-seo-guide--bottom {
    margin-top: 12px;
}

.dd-seo-guide--bottom .dd-seo-scroll-body {
    max-height: 28px !important;
    overflow-y: auto !important;
    padding: 0 2px 0 0 !important;
    scrollbar-width: thin;
    scrollbar-color: #ffffff #ffffff;
    background: #ffffff;
}

.dd-seo-guide--bottom .dd-seo-scroll-body::-webkit-scrollbar {
    width: 4px;
}

.dd-seo-guide--bottom .dd-seo-scroll-body::-webkit-scrollbar-thumb {
    background: #ffffff;
}

.dd-seo-guide--bottom .dd-seo-scroll-body::-webkit-scrollbar-track {
    background: #ffffff;
}

@media (max-width: 768px) {
    .dd-seo-guide--bottom .dd-seo-scroll-body {
        max-height: 24px !important;
    }
}


/* SEARCHDOC_AI_SEO_ARTICLE_CSS_V2 */
.dd-seo-guide--landing{max-width:1040px!important;margin:34px auto 0!important;padding:0 18px!important;background:transparent!important;border:0!important;box-shadow:none!important}.dd-seo-guide--landing .dd-seo-guide-inner,.dd-seo-guide--landing .dd-seo-scroll-body,.dd-seo-guide--landing .dd-seo-body,.dd-seo-guide--landing .dd-seo-content{max-width:100%!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}.dd-seo-guide--landing .dd-seo-quick-guide{max-width:960px!important;margin:0 auto 22px!important;padding:20px 22px!important;border:1px solid #e6edf5!important;border-radius:18px!important;background:#f8fbff!important}.dd-seo-guide--landing .dd-seo-quick-guide h2{margin:0 0 8px!important;font-size:22px!important;line-height:1.42!important;letter-spacing:-.035em!important;color:#1e293b!important;font-weight:500!important}.dd-seo-guide--landing .dd-seo-quick-guide p{margin:0!important;font-size:15px!important;line-height:1.75!important;color:#64748b!important;font-weight:400!important}.seo-wrap{max-width:960px!important;margin:0 auto!important;color:#1f2937!important;font-size:16px!important;line-height:1.86!important;letter-spacing:-.025em!important;word-break:keep-all!important;overflow-wrap:anywhere!important}.seo-wrap *{box-sizing:border-box!important}.seo-wrap .seo-hero{padding:34px 32px!important;border:1px solid #dbe7f3!important;border-radius:26px!important;background:linear-gradient(135deg,#f8fbff 0%,#fff 58%,#f5f9ff 100%)!important;margin:0 0 24px!important}.seo-wrap .seo-hero h1{margin:0 0 18px!important;font-size:34px!important;line-height:1.34!important;color:#172033!important;letter-spacing:-.055em!important;font-weight:500!important}.seo-wrap .seo-hero p{margin:12px 0 0!important;font-size:17px!important;line-height:1.88!important;color:#334155!important;font-weight:400!important}.seo-wrap blockquote{margin:22px 0 0!important;padding:18px 20px!important;border-left:4px solid #9db7d6!important;border-radius:14px!important;background:#eef6ff!important;color:#334155!important;font-size:16px!important;line-height:1.8!important;font-weight:400!important}.seo-wrap .summary-card,.seo-wrap .seo-section,.seo-wrap .toc,.seo-wrap .final-box{margin:24px 0!important;padding:28px 30px!important;border:1px solid #e2e8f0!important;border-radius:24px!important;background:#fff!important;box-shadow:0 14px 36px rgba(15,23,42,.055)!important}.seo-wrap .summary-card{background:#fbfdff!important;border-color:#dbeafe!important}.seo-wrap h2{margin:0 0 16px!important;font-size:25px!important;line-height:1.42!important;color:#172033!important;letter-spacing:-.045em!important;font-weight:500!important}.seo-wrap h3{margin:0 0 8px!important;font-size:18px!important;line-height:1.45!important;color:#243247!important;letter-spacing:-.035em!important;font-weight:500!important}.seo-wrap p{margin:12px 0!important;color:#334155!important;line-height:1.86!important;font-weight:400!important}.seo-wrap ul,.seo-wrap ol{margin:14px 0 0!important;padding-left:22px!important}.seo-wrap li{margin:7px 0!important;color:#334155!important;line-height:1.78!important}.seo-wrap strong{color:#172033!important;font-weight:500!important}.seo-wrap .toc{background:#f8fafc!important;box-shadow:none!important}.seo-wrap .toc ol{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px 18px!important;margin-top:12px!important}.seo-wrap .toc li{padding:9px 12px!important;border-radius:12px!important;background:#fff!important;border:1px solid #e6edf5!important;list-style-position:inside!important}.seo-wrap .check-grid,.seo-wrap .compare-box{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;margin-top:18px!important}.seo-wrap .check-item,.seo-wrap .compare-item{margin:0!important;padding:20px!important;border:1px solid #e2e8f0!important;border-radius:20px!important;background:#fbfdff!important;min-height:150px!important}.seo-wrap .check-item p,.seo-wrap .compare-item p{margin:0!important;font-size:15px!important;line-height:1.78!important;color:#475569!important}.seo-wrap .point-box{margin:18px 0 0!important;padding:24px!important;border:1px solid #dbeafe!important;border-radius:22px!important;background:#f7fbff!important}.seo-wrap .faq details{margin:12px 0!important;padding:0!important;border:1px solid #e2e8f0!important;border-radius:16px!important;background:#fff!important;overflow:hidden!important}.seo-wrap .faq summary{cursor:pointer!important;padding:17px 20px!important;color:#172033!important;font-size:16px!important;line-height:1.55!important;font-weight:500!important;background:#fbfdff!important}.seo-wrap .faq details p{margin:0!important;padding:18px 20px 20px!important;border-top:1px solid #edf2f7!important;color:#475569!important}.seo-wrap .final-box{background:linear-gradient(135deg,#f8fafc 0%,#fff 100%)!important;border-color:#dbeafe!important;margin-bottom:8px!important}.seo-wrap .final-box h2{color:#1e3a5f!important}@media(max-width:780px){.dd-seo-guide--landing{padding:0 14px!important}.seo-wrap{font-size:15.5px!important}.seo-wrap .seo-hero{padding:26px 20px!important;border-radius:22px!important}.seo-wrap .seo-hero h1{font-size:27px!important}.seo-wrap .summary-card,.seo-wrap .seo-section,.seo-wrap .toc,.seo-wrap .final-box{padding:23px 18px!important;border-radius:20px!important}.seo-wrap .toc ol,.seo-wrap .check-grid,.seo-wrap .compare-box{grid-template-columns:1fr!important}}
/* /SEARCHDOC_AI_SEO_ARTICLE_CSS_V2 */
/* SEARCHDOC_CLEAN_LANDING_V4_CSS */
.sd-clean-wrap{max-width:920px;margin:0 auto;padding:0 0 10px;line-height:1.78;color:#1f2937;letter-spacing:-.02em}.sd-clean-lead,.sd-clean-card{background:#fff;border:1px solid #e5e7eb;border-radius:22px;box-shadow:0 8px 24px rgba(15,23,42,.04)}.sd-clean-lead{padding:22px 24px;margin:0 0 18px}.sd-clean-lead p,.sd-clean-card p{margin:0;color:#374151;font-size:16px;font-weight:400}.sd-clean-card{margin:18px 0;padding:24px}.sd-clean-kicker{margin:0 0 8px;color:#2563eb;font-size:13px;font-weight:400}.sd-clean-card h2{margin:0 0 12px;color:#111827;font-size:22px;line-height:1.38;font-weight:400}.sd-clean-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.sd-clean-item,.sd-clean-info-row,.sd-clean-faq-item{border:1px solid #eef2f7;border-radius:16px;background:#f8fafc;padding:15px}.sd-clean-label,.sd-clean-info-row span{display:block;margin:0 0 5px;color:#64748b;font-size:13px;font-weight:400}.sd-clean-item p,.sd-clean-info-row p{margin:0;color:#111827;font-size:15px;line-height:1.65;font-weight:400}.sd-clean-info{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.sd-clean-map{margin-top:14px!important}.sd-clean-map a{display:inline-flex;align-items:center;min-height:36px;padding:8px 13px;border-radius:999px;background:#2563eb;color:#fff!important;text-decoration:none!important;font-size:14px;font-weight:400}.sd-clean-faq{display:grid;gap:12px;margin-top:14px}.sd-clean-faq-item h3{margin:0 0 8px;color:#111827;font-size:16px;line-height:1.45;font-weight:400}.sd-clean-faq-item p{margin:0;color:#475569;font-weight:400}.ddl-title,.ddoksun-footer-brand strong,.sd-clean-wrap strong{font-weight:400!important}.ddoksun-footer-title{font-weight:400}@media(max-width:720px){.sd-clean-card,.sd-clean-lead{padding:18px;border-radius:18px}.sd-clean-card h2{font-size:20px}.sd-clean-grid,.sd-clean-info{grid-template-columns:1fr}}
/* /SEARCHDOC_CLEAN_LANDING_V4_CSS */

/* SEARCHDOC_SEO_HERO_H2_TITLE_FIX_V1 */
.seo-wrap .seo-hero h2.seo-hero-title,
.seo-wrap .seo-hero > h2:first-child{
  margin:0 0 18px!important;
  font-size:34px!important;
  line-height:1.35!important;
  letter-spacing:-.055em!important;
  color:#111827!important;
  font-weight:600!important;
}
@media(max-width:780px){
  .seo-wrap .seo-hero h2.seo-hero-title,
  .seo-wrap .seo-hero > h2:first-child{
    font-size:26px!important;
    line-height:1.42!important;
  }
}
/* /SEARCHDOC_SEO_HERO_H2_TITLE_FIX_V1 */