@charset "utf-8";

/* 내용관리 */
#ctt {margin:0;padding:0;background:#fff}
.ctt_admin {text-align:right; width: 1400px; margin: 0 auto}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:0;text-align:center;font-family:"Noto Sans KR",sans-serif;}
#ctt_con img {max-width:100%;height:auto;}

/* ==========================================================================
   턱관절치료 (sub520) — 반응형
   메인·제목·턱관절치료 장점(.ii-merit)·턱관절치료 대상(.ii-target--6)의 공통 모양은 /css/wd_imp_info.css
   기존 페이지 이미지(1900px, 5-10-1.jpg) 기준 크기를 clamp(모바일, PC/19 vw, PC) 로 이었다.
   ========================================================================== */
.s520 {font-family:"Noto Sans KR",sans-serif;color:#333;letter-spacing:-.03em;}
.s520 *, .s520 *::before, .s520 *::after {box-sizing:border-box;word-break:keep-all;}
.s520 :where(h2,p,ul,figure) {margin:0;padding:0;list-style:none;}
.s520 .ii-intro__desc b {font-weight:500;color:#555;}

/* ---------- 턱관절치료 장비 ---------- */
.s520-equip {padding:clamp(60px,7.8vw,150px) 20px clamp(70px,8.4vw,160px);background:#fff;}
.s520 .s520-equip__title {margin-top:.4em;}
.s520 .s520-equip__title::after {display:none;} /* 시안: 제목 아래 선 없음 */
.s520-equip__fig {margin-top:clamp(20px,2.6vw,50px) !important;}
#ctt_con .s520-equip__fig img {display:block;width:clamp(240px,26.3vw,500px);margin:0 auto;}
.s520-equip__fig figcaption {display:inline-block;margin-top:clamp(10px,1vw,20px);padding:.45em 1.1em;border-radius:2em;background:#333;font-size:clamp(17px,1.56vw,30px);font-weight:700;color:#fff;}
.s520-equip__tags {display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(12px,2.1vw,40px) clamp(12px,2.1vw,40px);max-width:900px;margin:clamp(30px,3.2vw,60px) auto 0 !important;}
.s520-equip__tags li {padding:.45em .7em;border:1px solid #555;font-size:clamp(15px,1.56vw,30px);font-weight:500;color:#333;}
.s520-equip__tags small {font-size:1em;}

@media screen and (max-width:860px) {
	.s520 .pc {display:none;}
}
@media screen and (max-width:600px) {
	/* 모바일: 짧은 특징 2개는 한 줄에 둘, 나머지는 한 줄 전체 */
	.s520-equip__tags {display:grid;grid-template-columns:1fr 1fr;gap:10px;}
	.s520-equip__tags li {padding:.6em .4em;text-align:center;}
	.s520-equip__tags li:nth-child(n+3) {grid-column:1 / -1;}
}