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

/* ==========================================================================
   크라운 (sub514) — 반응형
   메인·제목·크라운 장점(.ii-orbit)·크라운 시술 대상(.ii-target)의 공통 모양은 /css/wd_imp_info.css
   기존 페이지 이미지(1900px, 5-4.jpg) 기준 크기를 clamp(모바일, PC/19 vw, PC) 로 이었다.
   ========================================================================== */
.s514 {font-family:"Noto Sans KR",sans-serif;color:#333;letter-spacing:-.03em;}
.s514 *, .s514 *::before, .s514 *::after {box-sizing:border-box;word-break:keep-all;}
.s514 :where(h2,h3,p,ol,ul) {margin:0;padding:0;list-style:none;}
.s514-sr {position:absolute !important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;}

/* ---------- 크라운 종류 ---------- */
.s514-types {padding:clamp(60px,6.3vw,120px) 20px clamp(60px,6.8vw,130px);background:#fff;}
.s514 .s514-types .ii-title {margin-top:.4em;}
.s514-types__list {max-width:1214px;margin:clamp(40px,3.8vw,72px) auto 0 !important;padding-right:14px !important;}
.s514-card {display:grid;grid-template-columns:1fr minmax(0,360px);grid-template-areas:"name img" "body img";column-gap:clamp(24px,3vw,60px);align-items:start;padding:clamp(28px,2.2vw,42px) clamp(28px,2.9vw,56px) clamp(28px,2vw,38px) clamp(28px,3.3vw,62px);background:#c5eaf8;box-shadow:14px 13px 0 #a6b7d4;text-align:left;}
.s514-card + .s514-card {margin-top:clamp(40px,3.7vw,70px);}
.s514-card__name {grid-area:name;display:inline-block;justify-self:start;border-radius:4px;overflow:hidden;background:#3c5d92;font-size:clamp(20px,1.8vw,34px);font-weight:400;line-height:1.25;color:#fff;letter-spacing:-.04em;}
.s514-card__name span {display:inline-block;padding:0 .45em;background:#1d3b72;font-weight:700;}
.s514-card__name {padding-right:.4em;}
.s514-card__name span {margin-right:.45em;}
.s514-card__name small {font-size:1em;}
.s514-card__img {grid-area:img;align-self:center;}
#ctt_con .s514-card__img img {display:block;width:100%;}
.s514-card__body {grid-area:body;}
.s514-card__lead {margin-top:clamp(16px,1.3vw,26px) !important;font-size:clamp(17px,1.35vw,26px);font-weight:500;color:#333;}
.s514-card__desc {margin-top:clamp(10px,.9vw,18px) !important;font-size:clamp(14px,1.05vw,20px);font-weight:300;line-height:1.55;color:#444;}
.s514-card__name + .s514-card__img + .s514-card__body .s514-card__desc:first-child {margin-top:clamp(16px,1.4vw,28px) !important;}
.s514-card__desc b, .s514-card__note {font-weight:500;color:#1d3f86;}
.s514-card__note {margin-top:1.4em !important;font-size:clamp(14px,1.05vw,20px);line-height:1.55;}
.s514-card__feat {display:inline-block;margin-top:clamp(18px,1.3vw,26px) !important;padding:.05em .3em;background:#95c3e0;font-size:clamp(16px,1.3vw,25px);font-weight:500;color:#1d3f86;}
.s514-card__check {margin-top:.8em !important;}
.s514-card__check li {position:relative;padding-left:1.7em;font-size:clamp(14px,1.05vw,20px);font-weight:300;line-height:1.5;color:#444;}
.s514-card__check li + li {margin-top:.2em;}
.s514-card__check li::before {content:"";position:absolute;left:0;top:.15em;width:1.3em;height:1.3em;background:var(--check) no-repeat center / contain;}

/* ---------- 크라운 치료과정 ---------- */
.s514-proc {padding:clamp(60px,5.2vw,100px) 20px clamp(60px,6.3vw,120px);background:#f0faff;}
.s514-proc .ii-title small {display:block;margin-top:.5em;font-size:clamp(14px,1.04vw,20px);font-weight:300;letter-spacing:-.02em;color:#555;}
.s514-proc .ii-title::after {margin-top:1.3em;}
.s514-proc__img {display:block;max-width:1076px;margin:clamp(36px,3.4vw,65px) auto 0;}
#ctt_con .s514-proc__img img {display:block;width:100%;}

/* ==========================================================================
   모바일
   ========================================================================== */
@media screen and (max-width:860px) {
	.s514 .pc {display:none;}


	/* 종류: 이름 → 전후 사진 → 설명 */
	.s514-types__list {padding-right:8px !important;}
	.s514-card {grid-template-columns:1fr;grid-template-areas:"name" "img" "body";row-gap:18px;padding:24px 18px 26px;box-shadow:8px 8px 0 #a6b7d4;}
	.s514-card__img {justify-self:center;width:100%;max-width:360px;}
	.s514-card__name {font-size:19px;}
	.s514-card__lead {margin-top:0 !important;font-size:17px;}
	.s514-card__body > :first-child {margin-top:0 !important;}
	.s514-card__desc br, .s514-card__note br {display:none;}
	.s514-card__feat {font-size:16px;}

	.s514-proc__img {max-width:614px;}
}