@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;}

/* ==========================================================================
   임플란트 보험안내 (sub318) — 반응형
   메인·제목·{ } 문구의 공통 모양은 /css/wd_imp_info.css (sub312 와 공유)
   글자 크기: clamp(모바일, PC값/19.2 vw, PC값) — PC 시안 1920 / 모바일 시안 422 기준
   ========================================================================== */
.s318 {--cyan:#19bfe3;--teal:#0093ad;--teal-dk:#0f6878;--navy:#4664a2;font-family:"Noto Sans KR",sans-serif;color:#333;letter-spacing:-.03em;}
.s318 *, .s318 *::before, .s318 *::after {box-sizing:border-box;word-break:keep-all;}
.s318 :where(h2,h3,p,ul,ol,dl,dd) {margin:0;padding:0;list-style:none;}

/* ---------- 본인부담률 30% ---------- */
.s318-rate .ii-brace__title u {text-decoration:none;color:#fff34a;background:linear-gradient(transparent 88%,#fff34a 88%,#fff34a 94%,transparent 94%);}
.s318-rate__desc {margin-top:clamp(20px,1.6vw,30px) !important;font-size:clamp(15px,1.72vw,33px);font-weight:300;line-height:1.3;color:#fff;}
.s318-rate__desc mark {padding:0 .1em;background:#1d4a92;color:#fff;}
.s318-hex {display:flex;align-items:center;justify-content:center;gap:clamp(20px,2.6vw,50px);margin-top:clamp(30px,2.6vw,50px);}
/* 육각형 */
.s318-hex__item {display:flex;flex-direction:column;align-items:center;justify-content:center;width:clamp(130px,13vw,250px);aspect-ratio:250 / 285;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:#d6d6d6;color:#333;}
.s318-hex__item span {font-size:clamp(14px,1.61vw,31px);font-weight:300;line-height:1.3;}
.s318-hex__item b {margin-top:.05em;font-size:clamp(40px,4.5vw,86px);font-weight:500;line-height:1;letter-spacing:-.04em;color:#222;}
.s318-hex__item--now {background:var(--cyan);color:#fff;}
.s318-hex__item--now b {color:#fff34a;}
.s318-hex__arrow {width:clamp(12px,1vw,20px);height:clamp(12px,1vw,20px);border-top:2px solid #fff;border-right:2px solid #fff;transform:rotate(45deg);}

/* ---------- 적용 대상·범위 표 ---------- */
.s318-table {padding:clamp(24px,2.6vw,50px) 20px;background:var(--cyan);}
.s318-table__in {display:flex;justify-content:center;align-items:flex-start;gap:clamp(24px,3.7vw,70px);max-width:1100px;margin:0 auto;text-align:left;}
.s318-table__col {display:flex;flex-direction:column;gap:8px;}
.s318-table__row {display:flex;align-items:center;gap:8px;}
.s318-table__row dt {flex:0 0 clamp(80px,7vw,133px);align-self:stretch;display:flex;align-items:center;justify-content:center;min-height:clamp(46px,5.3vw,102px);background:var(--teal);font-size:clamp(14px,1.35vw,26px);font-weight:700;color:#fff;}
.s318-table__row--dark dt {background:var(--teal-dk);}
.s318-table__row--ex dt {min-height:clamp(34px,2.6vw,50px);}
.s318-table__row dd {font-size:clamp(13px,1.15vw,22px);font-weight:400;line-height:1.35;color:#fff;white-space:nowrap;}
.s318-table__row dd b {font-weight:700;}
/* ---------- 고령환자 임플란트 ---------- */
.s318-senior {padding:clamp(60px,6.8vw,130px) 20px clamp(70px,7vw,135px);background:#eaf0ff;}
.s318 .s318-senior__title {font-size:clamp(22px,2.4vw,46px);font-weight:300;line-height:1.35;color:#222;text-align:center;}
.s318-senior__title::first-line {font-weight:700;}
.s318-senior__title b {font-weight:700;}
.s318-senior__list {display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,3.3vw,64px) clamp(24px,3.7vw,72px);max-width:1210px;margin:clamp(36px,3.8vw,72px) auto 0 !important;text-align:left;}
.s318-senior__list img {display:block;width:100% !important;aspect-ratio:561 / 330;object-fit:cover;}
.s318 .s318-senior__list h3 {display:flex;align-items:center;gap:.25em;margin-top:.7em;padding-left:clamp(0px,1.8vw,34px);font-size:clamp(17px,1.56vw,30px);font-weight:700;line-height:1.3;color:var(--navy);text-align:left;}
.s318-senior__list h3 span {flex:none;padding:0 .12em;background:var(--navy);font-weight:400;color:#fff;}
.s318-senior__list p {margin-top:.6em !important;padding-left:clamp(0px,2.2vw,42px);font-size:clamp(13px,1.1vw,21px);font-weight:300;line-height:1.5;color:#444;}

@media screen and (max-width:860px) {
	/* 표: 한 줄에 하나씩 */
	.s318-table {padding:14px 12px;}
	.s318-table__in {flex-direction:column;align-items:stretch;gap:8px;}
	.s318-table__row dd {white-space:normal;}
	.s318-table__row dt {min-height:30px;}

	/* 고령환자: 한 줄에 하나씩 */
	.s318-senior__list {grid-template-columns:1fr;max-width:460px;}
	.s318-senior__list p br {display:none;}
}