/* 2026-10-22 디자인 미리보기: 프리텐다드 한 글꼴 · 갈색+크림 두 색 · 가는 고딕 제목 · 단락마다 바탕색 교대 */
.jaw-page--design{--d-ink:#3a2e26;--d-text:rgba(58,46,38,.76);--d-muted:rgba(58,46,38,.52);--d-accent:#a8835f;--d-line:rgba(58,46,38,.12);--d-cream:#faf6f0;--d-deep:#4a3a30;--d-font:'Pretendard',-apple-system,BlinkMacSystemFont,system-ui,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;color:var(--d-text);}
.jaw-page--design, .jaw-page--design *{font-family:var(--d-font);}
.jaw-page--design .omyutext{font-family:var(--d-font) !important;}

/* 제목 영역 */
.jaw-page--design .titleBox{padding:0 20px 60px;}
.jaw-page--design .titleBox .pageH1Main .episode{display:none !important;}
.jaw-page--design h1.title2 .pageH1Main{font-size:34px;font-weight:500;letter-spacing:-0.03em;color:var(--d-ink);line-height:1.25;}
.jaw-page--design .pageH1Sub{margin-top:12px;color:var(--d-muted);font-size:15px;font-weight:300;letter-spacing:-0.02em;}
.jaw-page--design .pageDefinition{width:min(100% - 40px,620px);margin:18px auto 0;padding:0;color:var(--d-muted);font-size:13px;font-weight:300;line-height:1.8;text-align:center;letter-spacing:-0.01em;}
.jaw-page--design > .titleDivider{display:none;}

/* 단락 공통: 화면 끝까지 바탕색 + 위아래 여백 */
.jaw-page--design .d-sec{width:100%;margin:0 !important;padding:88px 0;}
.jaw-page--design .d-sec--cream{background:var(--d-cream);}
.jaw-page--design .d-sec--white{background:#fff;}
.jaw-page--design .d-sec--deep{background:var(--d-deep);color:rgba(255,255,255,.82);}
.jaw-page--design .d-label{margin:0 0 18px;text-align:center;color:var(--d-accent);font-size:11px;font-weight:500;letter-spacing:.32em;text-transform:uppercase;line-height:1.4;}
.jaw-page--design .d-label::before{content:"";display:block;width:28px;height:1px;margin:0 auto 14px;background:var(--d-accent);opacity:.7;}
.jaw-page--design .d-sec--deep .d-label{color:rgba(255,255,255,.6);}
.jaw-page--design .d-sec--deep .d-label::before{background:rgba(255,255,255,.5);}
.jaw-page--design .jaw-copy{width:min(100% - 40px,680px);}
.jaw-page--design .jaw-copy--intro{padding:0;gap:0;}

/* 제목: 가는 고딕 */
.jaw-page--design .jaw-question, .jaw-page--design .jaw-section-title{margin:0;color:var(--d-ink);font-family:var(--d-font) !important;font-size:30px;font-weight:300;line-height:1.35;letter-spacing:-0.03em;text-align:center;word-break:keep-all;}
.jaw-page--design .d-sec--deep .jaw-section-title{color:#fff;}
.jaw-page--design .jaw-section-title + .jaw-copy{margin-top:40px;}

/* 본문 */
.jaw-page--design .jaw-body{margin-top:26px;font-size:16px;font-weight:300;line-height:1.85;letter-spacing:-0.02em;color:var(--d-text);}
.jaw-page--design .jaw-body p{margin:0 0 14px;}
.jaw-page--design .jaw-body strong{font-weight:600;color:var(--d-ink);}
.jaw-page--design .d-sec--deep .jaw-body{color:rgba(255,255,255,.8);}
.jaw-page--design .d-sec--deep .jaw-body strong{color:#fff;}
.jaw-page--design .jaw-intro .jaw-body p{text-align:center;}
.jaw-page--design .jaw-body a{color:inherit;text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--d-accent);}
.jaw-page--design .d-sec--deep .jaw-body a{color:#fff;text-decoration-color:rgba(255,255,255,.5);}

/* 번호 목록: 01 02 03 */
.jaw-page--design .d-list{list-style:none;margin:0;padding:0;counter-reset:d;}
.jaw-page--design .d-list li{list-style:none;display:grid;grid-template-columns:34px 1fr;gap:2px 10px;margin:0;padding:18px 0;border-top:1px solid var(--d-line);line-height:1.8;}
.jaw-page--design .d-list li:last-child{border-bottom:1px solid var(--d-line);}
.jaw-page--design .d-list li::before{counter-increment:d;content:"0" counter(d);grid-row:1 / span 2;align-self:start;padding-top:4px;color:var(--d-accent);font-size:12px;font-weight:500;letter-spacing:.12em;}
.jaw-page--design .d-list li strong{display:block;font-size:17px;font-weight:500;}
.jaw-page--design .d-list li span{display:block;font-size:15px;}
.jaw-page--design .d-sec--deep .d-list li{border-color:rgba(255,255,255,.14);}
.jaw-page--design .d-sec--deep .d-list li::before{color:rgba(255,255,255,.55);}
.jaw-page--design .d-closing{margin:28px 0 0 !important;text-align:center;font-size:17px;font-weight:400;color:var(--d-ink);}
.jaw-page--design .d-lead{text-align:center;margin-bottom:30px !important;}

/* 사례 갤러리 */
.jaw-page--design .realCases{margin-top:0;}
.jaw-page--design .short-gallery .realCase{width:min(100% - 40px,860px);margin:0 auto;padding-top:52px;}
.jaw-page--design .short-gallery .jaw-section-title + .realCase{padding-top:40px;}
.jaw-page--design .short-gallery .realCase-meta{margin:0 0 14px;text-align:center;color:var(--d-muted);font-size:14px;font-weight:300;letter-spacing:-0.01em;}
.jaw-page--design .d-pair{display:block;margin-bottom:6px;color:var(--d-accent);font-size:11px;font-weight:500;letter-spacing:.3em;text-transform:uppercase;}
.jaw-page--design .realCase-ba{gap:10px;}
.jaw-page--design .realCase-ba img{border-radius:6px;background:#f1ece6;}
.jaw-page--design .realCase-ba figcaption{padding:8px 2px 0;background:none;color:var(--d-muted);font-size:12px;font-weight:300;letter-spacing:.02em;text-align:center;border-radius:0;}
.jaw-page--design .realCase-ba figcaption b{display:block;margin:0 0 1px;color:var(--d-accent);font-size:10.5px;font-weight:500;letter-spacing:.3em;text-transform:uppercase;}
.jaw-page--design .short-gallery .realCase-brief{width:min(100% - 40px,640px);margin:16px auto 0;color:var(--d-text);font-size:13.5px;font-weight:300;line-height:1.8;text-align:center;}
.jaw-page--design .short-gallery .realCase-side{color:var(--d-muted);font-size:11.5px;}
.jaw-page--design .short-gallery .realCase-brief a{display:inline-block;margin:4px 0 0 4px;padding:0;border:0;border-radius:0;color:var(--d-ink);font-size:13px;font-weight:500;text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--d-accent);animation:d-blink 1.6s ease-in-out infinite;}
@keyframes d-blink{0%,100%{opacity:1;}50%{opacity:.3;}}
@media (prefers-reduced-motion:reduce){.jaw-page--design .short-gallery .realCase-brief a{animation:none;}}
.jaw-page--design .short-video{width:min(100% - 40px,860px);margin:52px auto 0;}
.jaw-page--design .jaw-video{border-radius:6px;overflow:hidden;}
.jaw-page--design .jaw-video-caption{margin-top:12px;text-align:center;color:var(--d-muted);font-size:13px;font-weight:300;}
.jaw-page--design .jaw-video-caption strong{font-weight:500;color:var(--d-ink);}

/* 예약 버튼(짙은 단락 안) */
.jaw-page--design .moreLinkBox{margin-top:36px;text-align:center;}
.jaw-page--design .moreLinkBox .moreLink{display:inline-block;width:auto;height:auto;margin:0;padding:15px 36px;border:1px solid rgba(255,255,255,.6);border-radius:999px;background:transparent;background-image:none;color:#fff;font-size:15px;font-weight:500;letter-spacing:-0.01em;line-height:1.2;box-shadow:none;}
.jaw-page--design .moreLinkBox .moreLink:hover{background:#fff;color:var(--d-deep);}
.jaw-page--design .moreLinkBox .moreLink::before, .jaw-page--design .moreLinkBox .moreLink::after{display:none;}

/* 공감 블록(공통 조각 red_link.html) */
.jaw-page--design .d-empathy .caseSection{width:min(100% - 40px,680px);margin:0 auto;padding:0;text-align:center;}
.jaw-page--design .d-empathy .caseSection::before{content:"For You";display:block;margin:0 0 18px;color:var(--d-accent);font-size:11px;font-weight:500;letter-spacing:.32em;text-transform:uppercase;}
.jaw-page--design .d-empathy .sectionTitle2{display:none;}
.jaw-page--design .d-empathy br{display:none;}
.jaw-page--design .d-empathy .sectionText1{margin:0;color:var(--d-text);font-size:18px;font-weight:300;line-height:1.8;letter-spacing:-0.02em;text-align:center;word-break:keep-all;}
.jaw-page--design .d-empathy .sectionText1 span{font-weight:300 !important;}
.jaw-page--design .d-empathy .sectionText1 span[style*="border-bottom"]{border-bottom:1px solid var(--d-accent) !important;padding-bottom:3px !important;}
.jaw-page--design .d-empathy .omyutext{display:block;margin-bottom:10px;color:var(--d-ink);font-size:30px !important;font-weight:300 !important;line-height:1.35;letter-spacing:-0.03em;}
.jaw-page--design .d-empathy br + br + br + .sectionText1{margin-top:30px;}
.jaw-page--design .d-empathy .caseBanner{margin-top:44px;}
.jaw-page--design .d-empathy .caseBanner .centerImg{max-width:560px;border-radius:6px;overflow:hidden;}
.jaw-page--design .d-empathy .caseBanner > a.moreLink{display:inline-block;width:auto;height:auto;margin-top:28px;padding:15px 36px;border:0;border-radius:999px;background:var(--d-ink);background-image:none;color:#fff;font-size:15px;font-weight:500;letter-spacing:-0.01em;line-height:1.2;animation:none;}
.jaw-page--design .d-empathy .caseBanner > a.moreLink::before{display:none;}
.jaw-page--design .d-empathy .caseBanner > a.moreLink:hover{background:var(--d-deep);color:#fff;}
.jaw-page--design .d-empathy .caseSection > div:last-child{display:none;}

/* AI 가상체험 배너 */
.jaw-page--design [data-ortho-banner]{margin:0 !important;padding:0 20px 88px;background:#fff;}
.jaw-page--design .orthoBanner{margin:0 auto !important;padding:30px 22px !important;border-radius:8px !important;background:var(--d-cream) !important;box-shadow:none !important;border:1px solid var(--d-line);color:var(--d-ink) !important;}
.jaw-page--design .orthoBanner span{color:var(--d-muted);font-size:13px;font-weight:300;opacity:1;}
.jaw-page--design .orthoBanner b{font-size:20px;font-weight:400;letter-spacing:-0.02em;color:var(--d-ink);}
.jaw-page--design .orthoBanner em{margin-top:16px;padding:12px 28px;background:var(--d-ink);color:#fff;font-size:14px;font-weight:500;}

/* FAQ */
.jaw-page--design .jaw-acc{margin-top:36px;}
.jaw-page--design .jaw-acc details{border-bottom:1px solid var(--d-line);}
.jaw-page--design .jaw-acc details:first-child{border-top:1px solid var(--d-line);}
.jaw-page--design .jaw-acc summary{padding:18px 30px 18px 2px;position:relative;color:var(--d-ink);font-size:16px;font-weight:400;letter-spacing:-0.02em;line-height:1.5;}
.jaw-page--design .jaw-acc summary::after{content:"+";position:absolute;right:4px;top:14px;float:none;color:var(--d-accent);font-size:22px;font-weight:300;}
.jaw-page--design .jaw-acc details[open] summary::after{content:"\2013";}
.jaw-page--design .jaw-acc p{margin:0 2px 20px;color:var(--d-text);font-size:15px;font-weight:300;line-height:1.85;}
.jaw-page--design .jaw-acc p a{color:var(--d-ink);text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--d-accent);}
.jaw-page--design .jaw-review{margin-top:28px;color:var(--d-muted);font-size:12px;font-weight:300;}

/* 원장 답변 블록(공통 조각 doctor_answers.html, 무턱 페이지) */
.jaw-page--design .d-doctor .drAnswers{width:min(100% - 40px,760px);margin:0 auto;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;}
.jaw-page--design .d-doctor .drAnswersHead img{border-radius:6px;box-shadow:none;}
.jaw-page--design .d-doctor .drAnswersTitle{font-weight:400;color:var(--d-ink);letter-spacing:-0.03em;}
.jaw-page--design .d-doctor .drAnswersSub{color:var(--d-muted);font-weight:300;}
.jaw-page--design .d-doctor .drQ{border-color:var(--d-line);}
.jaw-page--design .d-doctor .drQ h3{font-weight:500;color:var(--d-ink);}
.jaw-page--design .d-doctor .drQ h3::before{color:var(--d-accent);}
.jaw-page--design .d-doctor .drQ p{color:var(--d-text);font-weight:300;}
.jaw-page--design .d-doctor .drQ figure img{border-radius:6px;border-color:var(--d-line);}
.jaw-page--design .d-doctor .drQ figcaption{color:var(--d-muted);}
.jaw-page--design .d-doctor .drMore a{color:var(--d-ink);font-weight:500;border-bottom-color:var(--d-accent);}

/* 사례 사이에 끼워 넣는 블록 (2026-10-22 오후) */
.jaw-page--design .short-gallery > .realCase:first-child{padding-top:0;}
.jaw-page--design .short-gallery > .short-video:first-child{margin-top:0;}
.jaw-page--design .realCase--video .realCase-meta{margin-bottom:14px;}
.jaw-page--design .realCase--video .short-video{margin-top:0;}
.jaw-page--design .d-quote{margin:0 0 10px;color:var(--d-ink);font-size:30px;font-weight:300;line-height:1.35;letter-spacing:-0.03em;text-align:center;word-break:keep-all;}
.jaw-page--design .d-emp{margin:0;color:var(--d-text);font-size:18px;font-weight:300;line-height:1.8;letter-spacing:-0.02em;text-align:center;word-break:keep-all;}
.jaw-page--design .d-emp--gap{margin-top:30px;}
.jaw-page--design .d-ul{text-decoration:underline;text-underline-offset:6px;text-decoration-color:var(--d-accent);text-decoration-thickness:1px;}
.jaw-page--design .d-sec--cream .moreLinkBox .moreLink, .jaw-page--design .d-sec--white .moreLinkBox .moreLink{border-color:var(--d-ink);background:var(--d-ink);color:#fff;}
.jaw-page--design .d-sec--cream .moreLinkBox .moreLink:hover, .jaw-page--design .d-sec--white .moreLinkBox .moreLink:hover{background:var(--d-deep);color:#fff;}
.jaw-page--design .d-empathy-text .moreLinkBox{margin-top:40px;}
.jaw-page--design .d-docvideo .short-video{margin:0 auto;}
.jaw-page--design .d-docvideo .d-label{margin-bottom:28px;}
.jaw-page--design .d-docvideo .moreLinkBox{margin-top:32px;}
.jaw-page--design .d-bannerbook{padding-top:60px;}
.jaw-page--design .d-bannerbook [data-ortho-banner]{padding:0 20px !important;background:transparent;}
.jaw-page--design .d-bannerbook .moreLinkBox{margin-top:28px;}
.jaw-page--design .d-cta--white .consultCta{background:#fff;}
@media (min-width:769px){
  .jaw-page--design .d-quote{font-size:40px;}
  .jaw-page--design .d-emp{font-size:20px;}
  .jaw-page--design .d-bannerbook{padding-top:80px;}
}

/* 두 칸(사진 + 글) 공통 */
.jaw-page--design .d-two{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;width:min(100% - 40px,1100px);margin:40px auto 0;}
.jaw-page--design .d-two img{display:block;width:100%;height:auto;border-radius:8px;}
.jaw-page--design .d-two .jaw-body{margin-top:0;text-align:left;}
.jaw-page--design .d-two .jaw-body p{text-align:left;}
.jaw-page--design .d-figcap{margin:10px 0 0;color:var(--d-muted);font-size:12.5px;font-weight:300;text-align:center;}
.jaw-page--design .d-steps li strong{font-size:17px;}
.jaw-page--design .d-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;width:min(100% - 40px,1100px);margin:40px auto 0;}
.jaw-page--design .d-card{display:block;padding:16px;background:#fff;border:1px solid var(--d-line);border-radius:8px;color:inherit;text-decoration:none;}
.jaw-page--design .d-card .realCase-ba{gap:6px;}
.jaw-page--design .d-card h3{margin:14px 0 4px;color:var(--d-ink);font-size:17px;font-weight:500;}
.jaw-page--design .d-card p{margin:0;color:var(--d-muted);font-size:13px;font-weight:300;line-height:1.6;word-break:keep-all;}
.jaw-page--design .d-card .go{display:inline-block;margin-top:10px;color:var(--d-ink);font-size:13px;font-weight:500;text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--d-accent);}
.jaw-page--design .d-videos{display:grid;grid-template-columns:1fr 1fr;gap:24px;width:min(100% - 40px,1100px);margin:36px auto 0;}
.jaw-page--design .d-videos .short-video{width:100%;margin:0;}
@media (max-width:768px){
  .jaw-page--design .d-two,.jaw-page--design .d-cards,.jaw-page--design .d-videos{grid-template-columns:1fr;gap:24px;}
  .jaw-page--design .d-two .jaw-body,.jaw-page--design .d-two .jaw-body p{text-align:center;}
}

.jaw-page--design .d-link{width:min(100% - 40px,680px);margin:28px auto 0;color:var(--d-text);font-size:15px;font-weight:300;line-height:1.8;text-align:center;word-break:keep-all;}
.jaw-page--design .d-link a{color:var(--d-ink);font-weight:500;text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--d-accent);}

.jaw-page--design .d-banner.bgImg1{margin:0;background-attachment:scroll;background-size:cover;background-position:center 35%;min-height:360px;}
.jaw-page--design .bgImg1 p{font-weight:300;}
.jaw-page--design .d-figure{width:min(100% - 40px,860px);margin:40px auto 0;}
.jaw-page--design .d-figure img{display:block;width:100%;height:auto;border-radius:8px;}
.jaw-page--design .d-videos--one{grid-template-columns:1fr;max-width:860px;}

.jaw-page--design .d-two--principle .jaw-body{padding:26px 0 18px;}
.jaw-page--design .d-two--principle + .d-figure{margin-top:48px;}
.jaw-page--design .d-photo{width:min(100% - 40px,1100px);margin:0 auto 44px;}
.jaw-page--design .d-photo img{display:block;width:100%;height:auto;border-radius:8px;}
@media (max-width:768px){ .jaw-page--design .d-two--principle .jaw-body{padding:34px 0 22px;} .jaw-page--design .d-two--principle + .d-figure{margin-top:40px;} }

.jaw-page--design .d-two--text .d-label,.jaw-page--design .d-two--text .jaw-section-title{text-align:left;}
.jaw-page--design .d-two--text .d-label::before{margin-left:0;}
.jaw-page--design .d-two--text .jaw-body{margin-top:22px;}
.jaw-page--design .d-two--text .jaw-body p{margin:0 0 14px;}
.jaw-page--design .d-cert{width:min(100% - 40px,260px);margin:36px auto 0;text-align:center;}
.jaw-page--design .d-cert img{display:block;width:100%;height:auto;border:1px solid var(--d-line);border-radius:6px;}
.jaw-page--design .d-photos3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:min(100% - 40px,1100px);margin:40px auto 0;}
.jaw-page--design .d-photos3 img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px;}
.jaw-page--design .d-logos{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:min(100% - 40px,900px);margin:32px auto 0;}
.jaw-page--design .d-logos img{height:34px;width:auto;padding:4px 8px;background:#fff;border:1px solid var(--d-line);border-radius:6px;}
.jaw-page--design .d-press{padding:60px 0;}
.jaw-page--design .d-press > *{width:min(100% - 40px,860px);margin-left:auto;margin-right:auto;}
.jaw-page--design .d-videos + .d-link{margin-top:24px;}
@media (max-width:768px){
  .jaw-page--design .d-two--text .d-label,.jaw-page--design .d-two--text .jaw-section-title{text-align:center;}
  .jaw-page--design .d-two--text .d-label::before{margin-left:auto;}
  .jaw-page--design .d-two--text .jaw-body p{text-align:left;}
  .jaw-page--design .d-photos3{grid-template-columns:1fr 1fr 1fr;gap:6px;}
  .jaw-page--design .d-logos img{height:26px;padding:3px 6px;}
}

.jaw-page--design .jaw-video,.home-design .jaw-video{aspect-ratio:16/9;}
.jaw-page--design .jaw-video > img,.jaw-page--design .jaw-video button img,.home-design .jaw-video > img,.home-design .jaw-video button img{width:100%;height:100%;object-fit:cover;}
.jaw-page--design .jaw-video iframe,.home-design .jaw-video iframe{position:absolute;inset:0;width:100% !important;height:100% !important;border:0;z-index:3;}

/* 상담 블록(공통 조각 cta_consult.html) */
.jaw-page--design .consultCta{width:100%;max-width:none;margin:0;padding:88px 20px;border-radius:0;background:#fff;}
.jaw-page--design .consultCtaTitle{color:var(--d-ink);font-size:28px;font-weight:300;letter-spacing:-0.03em;}
.jaw-page--design .consultCtaSub{color:var(--d-muted);font-weight:300;}
.jaw-page--design .consultCtaGrid{max-width:860px;margin:32px auto 0;}
.jaw-page--design .consultCtaCard{border-color:var(--d-line);border-radius:8px;}
.jaw-page--design .consultCtaIco{background:var(--d-ink);}
.jaw-page--design .consultCtaCard strong{font-weight:500;color:var(--d-ink);}
.jaw-page--design .consultCtaTt, .jaw-page--design .consultCtaDs, .jaw-page--design .consultCtaMore{color:var(--d-muted);}
.jaw-page--design .d-cta--cream .consultCta{background:var(--d-cream);}
.jaw-page--design .d-cta--cream .consultCtaCard{background:#fff;}
/* 단락 제목의 <br>: PC에서는 한 줄로 */
@media (min-width:769px){ .jaw-page--design .jaw-section-title br{display:none;} }

@media (min-width:769px){
  .jaw-page--design .d-sec{padding:120px 0;}
  .jaw-page--design .titleBox{padding-bottom:80px;}
  .jaw-page--design h1.title2 .pageH1Main{font-size:44px;}
  .jaw-page--design .pageH1Sub{font-size:17px;}
  .jaw-page--design .pageDefinition{font-size:14px;}
  .jaw-page--design .jaw-question, .jaw-page--design .jaw-section-title{font-size:42px;}
  .jaw-page--design .jaw-question{font-size:38px;}
  .jaw-page--design .jaw-intro .jaw-copy{width:min(100% - 40px,800px);}
  .jaw-page--design .jaw-body{font-size:17px;}
  .jaw-page--design .d-empathy .sectionText1{font-size:20px;}
  .jaw-page--design .d-empathy .omyutext{font-size:40px !important;}
  .jaw-page--design .d-list li strong{font-size:18px;}
  .jaw-page--design .d-list li span{font-size:16px;}
  .jaw-page--design .consultCta{padding:120px 20px;}
  .jaw-page--design .consultCtaTitle{font-size:34px;}
  .jaw-page--design [data-ortho-banner]{padding-bottom:120px;}
}
@media (max-width:768px){
  .jaw-page--design .jaw-question, .jaw-page--design .jaw-section-title{font-size:28px;padding:0 20px;}
  .jaw-page--design .jaw-body{font-size:15.5px;}
  .jaw-page--design .pageDefinition{text-align:center;line-height:1.8;}
}