/*     3786144 : 한줄 텍스트      */
<!--공통css-->

/* reset */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  color: #1f1a17;
  line-height: 1.7;
  letter-spacing: -0.02em;

}

a{text-decoration:none;color:inherit}
button{border:0;background:none;font:inherit;cursor:pointer}

.inner{width:100%;max-width:1440px;margin:0 auto;}
.section{padding:130px 0}
.eyebrow{display:inline-block;margin-bottom:14px;color:#9b7a4d;font-size:20px;font-weight:800;letter-spacing:.18em}
.section-head{margin-bottom:54px;text-align:center}
.section-head h2{font-size:45px;line-height:1.2;font-weight:500;letter-spacing:-.05em;word-break:keep-all}

.img-box{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(255,255,255,.5),rgba(0,0,0,.03)),linear-gradient(45deg,#e8e1d8,#d8cec2)}


@media(max-width:768px){
  .inner{padding:0 20px}
  .section{padding:80px 0}
  .section-head h2{font-size:34px}
}

<!-- 상단 -->

.sub-hero--signature{position:relative;overflow:hidden;padding:60px 0 0;}

.sub-hero__inner{position:relative;z-index:2;text-align:center;max-width:none;padding:0; margin-top:60px;}

.sub-hero__copy{position:relative;z-index:3;max-width:1440px;margin:0 auto;}

.sub-hero__copy .eyebrow{margin-bottom:24px;color:#9b7a4d;font-size:20px;font-weight:500;letter-spacing:.08em;font-family:"Cormorant Garamond",serif;}

.sub-hero__copy h1{color:#3f3935;font-size:72px;line-height:1;font-weight:400;letter-spacing:-.06em;font-family:"Cormorant Garamond",serif;}

.sub-hero__copy p{margin-top:40px;color:#5e534a;font-size:20px;line-height:1.7;font-weight:400;word-break:keep-all;}

.sub-hero__visual{position:relative;margin-top:-140px;height:350px;width:100%;overflow:hidden;background:none;}

.sub-hero__visual:before{content:"";position:absolute;inset:0;background:url('/img_up/shop_pds/september11/build/option/bg1779068559177914988022112.jpg') no-repeat center/cover;transform:scale(1.08);transition:transform 4.8s ease;}

.sub-hero__visual:after{content:"";position:absolute;left:0;top:0;width:100%;height:180px;background:linear-gradient(to bottom,rgba(251,248,244,1) 0%,rgba(251,248,244,.88) 28%,rgba(251,248,244,.45) 62%,rgba(251,248,244,0) 100%);z-index:2;pointer-events:none;}

.sub-hero__visual.is-zoom-out:before{transform:scale(1);}

.signature-bg{display:none;}

@media(max-width:1200px){
.sub-hero__inner {margin-top:10px;}
.sub-hero__copy h1{font-size:6.5vw;}
.sub-hero__copy p{font-size:3vw;}
.sub-hero__visual{height:620px;}
}

@media(max-width:768px){

.sub-hero--signature{padding:30px 0 0;}

.sub-hero__copy{padding:0 20px;}

.sub-hero__copy .eyebrow{font-size:15px;}

.sub-hero__copy h1{line-height:1.06;}

.sub-hero__copy p{margin-top:28px;font-size:17px;}

.sub-hero__visual{margin-top:-100px;height:150px;width:100%;}

.sub-hero__visual:before{transform:scale(1.05);}

.sub-hero__visual:after{height:110px;}
}

/*     3797774 : 한줄 텍스트      */
.dental-fee,.dental-fee *{box-sizing:border-box;}
.dental-fee{padding:50px 0px;color:#25292d;font-family:"Pretendard","Noto Sans KR",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;word-break:keep-all;}
.dental-fee__inner{width:100%;max-width:1280px;margin:0 auto;}
.dental-fee__head{margin-bottom:46px;text-align:center;}
.dental-fee__eyebrow{display:block;margin-bottom:10px;font-size:16px;font-weight:700;line-height:1.4;letter-spacing:.08em;color:#7a6655;}
.dental-fee__head h2{margin:0;font-size:50px;font-weight:750;line-height:1.25;letter-spacing:-.055em;color:#222;}
.dental-fee__head p{margin:18px 0 0;font-size:20px;font-weight:400;line-height:1.7;letter-spacing:-.025em;color:#70767c;}

.dental-fee__nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:28px;padding:10px;border:1px solid #e0e2e4;border-radius:16px;background:#fff;}
.dental-fee__nav a{display:flex;align-items:center;justify-content:center;min-height:56px;padding:12px 10px;border-radius:10px;background:#f3f4f5;font-size:17px;font-weight:650;line-height:1.4;letter-spacing:-.025em;color:#4d5358;text-align:center;text-decoration:none;transition:.2s ease;}
.dental-fee__nav a:hover{background:#383d41;color:#fff;}

.dental-fee__notice{display:flex;flex-wrap:wrap;gap:8px 28px;margin-bottom:38px;padding:17px 21px;border:1px solid #e0e2e4;border-radius:13px;background:#fff;font-size:16px;line-height:1.7;color:#747a80;}
.dental-fee__notice span{position:relative;padding-left:13px;}
.dental-fee__notice span:before{content:"";position:absolute;left:0;top:.72em;width:4px;height:4px;border-radius:50%;background:#777;}

.dental-fee__section{margin-top:44px;scroll-margin-top:30px;}
.dental-fee__section:first-of-type{margin-top:0;}
.dental-fee__section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:16px;}
.dental-fee__title{display:flex;align-items:center;gap:13px;margin:0;font-size:30px;font-weight:750;line-height:1.35;letter-spacing:-.045em;color:#282c30;}
.dental-fee__number{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;background:#383d41;font-size:14px;font-weight:700;line-height:1;color:#fff;}
.dental-fee__unit{margin:0;font-size:15px;line-height:1.5;color:#898e93;}

.dental-fee__box{overflow:hidden;border:1px solid #dfe2e4;border-radius:17px;background:#fff;box-shadow:0 10px 32px rgba(0,0,0,.035);}
.dental-fee__table{width:100%;border-collapse:collapse;table-layout:fixed;}
.dental-fee__table col:first-child{width:72%;}
.dental-fee__table col:last-child{width:28%;}
.dental-fee__table thead th{padding:17px 22px;border-bottom:1px solid #d9dcde;background:#3d4246;font-size:17px;font-weight:650;line-height:1.5;color:#fff;text-align:left;}
.dental-fee__table thead th:last-child{text-align:right;}
.dental-fee__table tbody th,.dental-fee__table tbody td{padding:17px 22px;border-bottom:1px solid #e8eaec;font-size:18px;line-height:1.55;letter-spacing:-.025em;vertical-align:middle;}
.dental-fee__table tbody tr:last-child th,.dental-fee__table tbody tr:last-child td{border-bottom:0;}
.dental-fee__table tbody tr:hover{background:#fafafa;}
.dental-fee__table tbody th{font-weight:500;color:#34383c;text-align:left;}
.dental-fee__table tbody td{font-weight:700;color:#24292d;text-align:right;white-space:nowrap;}
.dental-fee__event{display:inline-block;margin-left:7px;padding:3px 8px;border-radius:20px;background:#f1ede8;font-size:12px;font-weight:650;line-height:1.3;color:#79614d;vertical-align:2px;}

.dental-fee__foot{margin-top:24px;padding:19px 21px;border-radius:13px;background:#eceeef;font-size:15px;line-height:1.75;color:#73797e;}

@media(max-width:1024px){
.dental-fee{padding:60px 20px;}
.dental-fee__head h2{font-size:42px;}
.dental-fee__head p{font-size:18px;}
.dental-fee__nav{grid-template-columns:repeat(3,minmax(0,1fr));}
.dental-fee__title{font-size:27px;}
.dental-fee__table tbody th,.dental-fee__table tbody td{font-size:17px;}
}

@media(max-width:640px){
.dental-fee{padding:50px 15px;}
.dental-fee__head{margin-bottom:30px;text-align:left;}
.dental-fee__eyebrow{font-size:14px;}
.dental-fee__head h2{font-size:34px;}
.dental-fee__head p{margin-top:12px;font-size:16px;}
.dental-fee__nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:20px;padding:7px;border-radius:13px;}
.dental-fee__nav a{min-height:49px;padding:10px 6px;border-radius:8px;font-size:15px;}
.dental-fee__notice{display:block;margin-bottom:30px;padding:15px 16px;font-size:14px;}
.dental-fee__notice span{display:block;}
.dental-fee__notice span+span{margin-top:4px;}
.dental-fee__section{margin-top:34px;}
.dental-fee__section-head{align-items:center;margin-bottom:12px;}
.dental-fee__title{gap:9px;font-size:23px;}
.dental-fee__number{width:33px;height:33px;border-radius:8px;font-size:12px;}
.dental-fee__unit{font-size:13px;}
.dental-fee__box{border-radius:13px;}
.dental-fee__table{display:block;}
.dental-fee__table colgroup,.dental-fee__table thead{display:none;}
.dental-fee__table tbody{display:block;}
.dental-fee__table tbody tr{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:15px 16px;border-bottom:1px solid #e7e9eb;}
.dental-fee__table tbody tr:last-child{border-bottom:0;}
.dental-fee__table tbody th,.dental-fee__table tbody td{display:block;padding:0;border:0;font-size:15px;}
.dental-fee__table tbody th{min-width:0;line-height:1.5;}
.dental-fee__table tbody td{line-height:1.4;}
.dental-fee__event{display:block;width:max-content;margin:5px 0 0;font-size:11px;}
.dental-fee__foot{margin-top:18px;padding:16px;font-size:13px;}
}

