@charset "utf-8";
/* 치료 과목 페이지 하단 '치료 후 함께하면 좋은 케어' 띠 (smileline/cross.php)
   메인과 같은 규칙 : 고딕 하나 / 연한 그레이 베이지 바탕 / 그라데이션 없음 / 핑크는 스마일 라인 케어 표시만 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700;900&display=swap');
.slx{--navy:#143571;--blue:#255cbf;--ink:#24262d;--text:#4a4f5a;--muted:#7d8492;--beige:#f5f4f1;--line:#e6e4df;--pink:#c63d57;
  width:100vw!important;max-width:none!important;position:relative;left:50%;margin-left:-50vw!important;clear:both;
  background:var(--beige);padding:80px 0;font-family:'Noto Sans KR',sans-serif;letter-spacing:-.03em;word-break:keep-all;line-height:1.55;text-align:left;
  -webkit-text-size-adjust:100%;text-size-adjust:100%}
.slx *{box-sizing:border-box;margin:0;padding:0;font-family:'Noto Sans KR',sans-serif;-webkit-text-size-adjust:100%;text-size-adjust:100%}
.slx a{text-decoration:none!important}
.slx.is-m{left:0!important}
.slx-in{max-width:1200px;margin:0 auto;padding:0 30px;display:grid;grid-template-columns:.85fr 1.15fr;align-items:stretch}
.slx-ph{min-height:420px;background:#e9e7e2 center 28%/cover no-repeat;border-radius:16px 0 0 16px}
.slx-bd{background:#fff;border:1px solid var(--line);border-left:none;border-radius:0 16px 16px 0;padding:48px 52px;display:flex;flex-direction:column;justify-content:center}
.slx-tag{align-self:flex-start;background:#fbe9ec;color:var(--pink);font-size:15px;font-weight:700;padding:6px 16px;border-radius:30px}
.slx h3{font-size:36px;font-weight:300;line-height:1.35;color:var(--ink);margin:16px 0 26px;letter-spacing:-.05em}
.slx h3 em{font-style:normal;font-weight:700;color:var(--navy)}
.slx-flow{display:grid;grid-template-columns:1fr 40px 1fr;align-items:stretch}
.slx-q,.slx-a{border-radius:12px;padding:20px 22px}
.slx-q{background:var(--beige);border:1px solid var(--line)}
.slx-a{background:var(--pink)}
.slx-q small,.slx-a small{display:block;font-size:13.5px;font-weight:700;margin-bottom:6px}
.slx-q small{color:var(--muted)}.slx-a small{color:#ffdbe2}
.slx-q p,.slx-a p{font-size:18px;font-weight:700;line-height:1.5}
.slx-q p{color:var(--ink)}.slx-a p{color:#fff}
.slx-arr{display:flex;align-items:center;justify-content:center;color:var(--pink);font-size:26px;font-weight:700}
.slx-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:26px;padding-top:22px;border-top:1px solid var(--line);flex-wrap:wrap}
.slx-meta{font-size:15.5px;color:var(--muted);font-weight:500}.slx-meta i{font-style:normal;color:var(--line);margin:0 6px}
.slx-cta{display:inline-flex;align-items:center;gap:10px;background:#fff;color:var(--pink)!important;border:1px solid #f1c4cc;font-size:17px;font-weight:700;padding:13px 26px;border-radius:40px;transition:.3s}
.slx-cta b{transition:.3s}
.slx-cta:hover{background:var(--pink);color:#fff!important;border-color:var(--pink)}
.slx-cta:hover b{transform:translateX(4px)}

/* 휴대폰 */
.slx.is-m{padding:44px 0}
.slx.is-m .slx-in{grid-template-columns:1fr;padding:0 20px}
.slx.is-m .slx-ph{min-height:210px;border-radius:16px 16px 0 0}
.slx.is-m .slx-bd{border-left:1px solid var(--line);border-top:none;border-radius:0 0 16px 16px;padding:24px 20px 26px}
.slx.is-m .slx-tag{font-size:13px;padding:5px 12px}
.slx.is-m h3{font-size:25px;margin:12px 0 18px}
.slx.is-m .slx-flow{grid-template-columns:1fr}
.slx.is-m .slx-arr{transform:rotate(90deg);height:32px;font-size:22px}
.slx.is-m .slx-q,.slx.is-m .slx-a{padding:15px 16px}
.slx.is-m .slx-q p,.slx.is-m .slx-a p{font-size:16px}
.slx.is-m .slx-foot{flex-direction:column;align-items:stretch;gap:12px;margin-top:18px;padding-top:16px}
.slx.is-m .slx-meta{font-size:13.5px;text-align:center}
.slx.is-m .slx-cta{justify-content:center;font-size:15.5px;padding:13px 16px}
@media (max-width:768px){
.slx{padding:44px 0}.slx-in{grid-template-columns:1fr;padding:0 20px}.slx-ph{min-height:210px;border-radius:16px 16px 0 0}
.slx-bd{border-left:1px solid var(--line);border-radius:0 0 16px 16px;padding:24px 20px}.slx h3{font-size:25px}.slx-flow{grid-template-columns:1fr}.slx-arr{transform:rotate(90deg);height:32px}
.slx-foot{flex-direction:column;align-items:stretch}.slx-cta{justify-content:center}}
/* 사이트 본문 폭(1000px)에 맞춤 + 위아래 여백 정리, 띠가 붙는 페이지는 하단 상담 아이콘 숨김 */
.slx{padding:90px 0;margin:80px 0 0}
.slx-in{max-width:1060px}
.slx-ph{min-height:380px}
.slx-bd{padding:44px 46px}
.slx h3{font-size:33px}
#subinfo{display:none!important}
#subcontents{padding-bottom:0!important}
.slx.is-m{margin-top:40px}
/* 띠 위 질문형 제목 */
.slx-head{text-align:center;max-width:1060px;margin:0 auto 34px;padding:0 30px}
.slx-head span{display:block;font-size:14px;font-weight:700;letter-spacing:.28em;color:var(--pink);text-transform:uppercase}
.slx-head h2{font-size:40px;font-weight:700;color:var(--ink);letter-spacing:-.05em;margin-top:8px;line-height:1.3}
.slx-head p{font-size:18px;color:var(--text);margin-top:10px}
.slx.is-m .slx-head{margin-bottom:20px;padding:0 20px}
.slx.is-m .slx-head span{font-size:12px}
.slx.is-m .slx-head h2{font-size:26px}
.slx.is-m .slx-head p{font-size:15px}
.slx-in{grid-template-columns:.78fr 1.22fr}
.slx-bd{padding:40px 40px}
.slx-flow{grid-template-columns:1.1fr 34px 1fr}
.slx-q,.slx-a{padding:18px 18px}
.slx-q p,.slx-a p{font-size:16.5px;letter-spacing:-.05em}
.slx-foot{flex-wrap:nowrap}
.slx-meta{font-size:14.5px;white-space:nowrap}
.slx-cta{font-size:16px;padding:12px 22px;white-space:nowrap}
.slx.is-m .slx-foot{flex-wrap:wrap}
.slx.is-m .slx-meta{white-space:normal}