@charset "UTF-8"; /* common */
.container { position: relative; width: 100%; height: 100%; max-width: calc(var(--container-width) * 1px); margin: 0 auto; } 
section { position: relative; } 
.pc-header, #intro { display: none !important; } 
.line-d1 { position: relative; top: clamp(30px, 3vw, 45px); margin-bottom: clamp(25px, 3vw, 40px); font-size: var(--font-64); width: 100%; text-align: center; } 
.line-d1:before, .line-d1:after { position: absolute; top: -18%; content: ''; display: block; width: 43%; height: 5px; border: none; background-image: radial-gradient(circle, #fff 1px, transparent 1px); background-size: 5px 5px; } 
.line-d1.black:before, .line-d1.black:after { background-image: radial-gradient(circle, #000 1.1px, transparent 1px); } 
.line-d1:before { left: 0; } 
.line-d1:after { right: 0; } 
.inner-mini-header { align-items: center; justify-content: space-between; margin-inline: 2vw; padding: 3vw 2vw 2vw 2vw; border-bottom: 1px solid; } 
.inner-mini-header .mini-logo { background: url(../images/common/header-logo.png) no-repeat center/cover; --w:65; --h:42; filter: brightness(0) invert(1); min-width: 35px; min-height: 23px; } 
.flower-ico { font-size: var(--font-68); } 
.bg.wall-paper { background: url(../images/common/bg.jpg) no-repeat center/cover; position: absolute; inset: 0; height: 100%; width: 100%; z-index: -1; } 

/* ==================================================
intro
================================================== */
#intro { display: flex; flex-direction: column; justify-content: center; width: 100%; height: 100vh; /* position: fixed; *//* z-index: 9999; */ } 
#intro *, #section-1 * { color: var(--white-color); text-align: center; } 
#intro .bg { position: absolute; background-color: rgba(0,0,0,0.8); width: 100%; height: 100%; z-index: -1; } 
.intro__top { max-width: 85%; margin: 0 auto; } 
.intro__top .logo { margin: 0 auto clamp(30px, 5vw, 75px); background: url(../images/intro/mini-logo-pink.png) no-repeat center/contain; --w: 145; --h: 94; min-width: 60px; min-height: 40px; } 
.intro__top p { font-size: var(--font-50); } 
.intro__top h1, .intro__top h1 span { font-size: var(--font-68); } 
#intro .intro__top h1 span { color: var(--main-color); } 
#intro .line { --w: 2; --h: 147; background-color: var(--white-color); margin: clamp(25px, 7vw, 50px) auto; } 
.intro__bottom { max-width: 90%; gap: 10px; justify-content: center; margin: 0 auto; width: 100%; } 
.intro__bottom .circle { display: flex; align-items: center; justify-content: center; width: calc((100% - 60px) / 4); max-width: 140px; aspect-ratio: 1/1; border-radius: 50%; background-color: #eee4da80; border: 2px dotted #eee4da; font-size: var(--font-35); font-weight: 600; letter-spacing: -1.2px; } 
.intro__close { display: flex; justify-content: center; font-size: var(--font-30); font-weight: 300; border: 1px solid #fff; margin: clamp(30px, 5vw, 50px) auto; border-radius: 50px; padding: 4px 30px 3px; cursor: pointer; } 

/* ==================================================
section-1
================================================== */
#section-1 { padding-bottom: 75%; } 
#section-1 .bg { position: absolute; background: url(../images/section1/bg.jpg) no-repeat center bottom/cover; width: 100%; height: 100%; z-index: -1; } 
.sec1__center { padding-top: clamp(70px, 14vw, 250px); } 
.sec1__center .inner-logo { margin: clamp(40px, 6.7vw, 70px ) auto clamp(25px, 4.8vw, 50px); background: url(../images/section1/logo.png) no-repeat center/cover; --w: 449; --h:291; } 
.sec1__center .flower-ico { margin-bottom: -15px; } 
.sec1__center h2 { margin-bottom: clamp(12px, 1.5vw, 25px); } 
.sec1__center p.font-45 { margin-top: clamp(16px, 7vw, 18px); } 
.sec1__bottom .kor { font-size: var(--font-45); font-weight: 600; } 
.sec1__bottom .eng { font-size: var(--font-24); font-family: 'Bembo Titling MT Std'; margin-top: 25px; } 
.sec1__bottom { position: absolute; bottom: 6%; width: 100%; justify-content: space-evenly; background-color: rgba(0,0,0,0.5); gap: 15px; } 
.sec1__bottom .bottom-box { position: relative; width: calc((100%) / 4); padding-block: clamp(35px, 8vw, 75px); padding-inline: 10px; } 
.sec1__bottom .bottom-box:not(:last-child):after { position: absolute; top: 50%; transform: translateY(-50%); right: -10px; content:''; display:block; width: 1px; height: 65%; background-color: var(--white-color); opacity: 0.5; } 

/* ==================================================
section-2
================================================== */
#section-2 { position: relative; padding-block: clamp(80px, 15vw, 135px); } 
#section-2:before { position: absolute; top: 0; right: 0; content: ''; display: block; background: url(../images/section2/logo-ico.png) no-repeat center bottom/contain; --w: 581; --h: 377; width: min(calc(var(--w) * 1px), calc(var(--fluid) * var(--w))); height: min(calc(var(--h) * 1px), calc(var(--fluid) * var(--h))); } 
#section-2 .container { width: 85%; } 
#section-2 .top { text-align: center; } 
#section-2 .sign { background: url(../images/section2/sign.png) no-repeat center bottom/contain; --w: 307; --h: 76; margin: 10vw auto 8vw; } 
 .sec2__text p.font-68 { margin-block: -20px 10px; } 
.sec2__text .top .sec2-point { color: #b29681; } 
.sec2__text .bottom .sec2-point { color: #6f5141; font-weight: 500; } 
.sec2__text .bottom p { font-size: var(--font-30); text-align: center; font-weight: 300; margin-bottom: 3vw; } 
.sec2__banner { position: relative; width: 100%; height: 100%; padding-bottom: 30vw; } 
.sec2__banner p { color: var(--white-color); line-height: 1.6; position: relative; top: 15vw; letter-spacing: 0; } 
.sec2__banner .bg { position: absolute; background: url(../images/section2/banner.jpg) no-repeat center bottom/contain; inset: 0; } 

/* ==================================================
section-3
================================================== */
#section-3 { position: relative; } 
#section-3:before { position: absolute; bottom: 7%; right: -15px; content: ''; display: block; background: url(../images/section2/logo-ico.png) no-repeat center bottom/contain; --w: 581; --h: 377; width: min(calc(var(--w) * 1px), calc(var(--fluid) * var(--w))); height: min(calc(var(--h) * 1px), calc(var(--fluid) * var(--h))); } 
#section-3 .container { width: 85%; } 
.sec3__top .mini-logo { background: url(../images/section3/logo-top.png) no-repeat center center/contain; --w:86; --h:86; min-width: 50px; min-height: 50px; } 
.sec3__top .doctor-image { background: url(../images/section3/doctor.png) no-repeat center center/contain; --w:708; --h:902; min-height: 450px; min-width: 350px; } 
.sec3__top h2 { color: #826659; margin-block: 3vw; } 
.sec3__bottom .line {width: 100%;height: 1px;background-color: #D5C4B5;margin-block: clamp(30px, 6vw, 35px);} 
.sec3__bottom .desc { font-size: var(--font-30); font-weight: 300; margin-bottom: 2vw; line-height: 1.4; color: #3e3a39; } 
.sec3__bottom .doctor-name { font-size: var(--font-72); letter-spacing: 7px; font-weight: 600; color: #826659; margin-bottom: 2vw; } 
.sec3__bottom .doctor-name span { margin-left: -10px; font-weight: 600; } 
.sec3__bottom p { text-align: center; padding-block: 6vw; letter-spacing: 2px; } 

/* ==================================================
section-4
================================================== */
#section-4 { padding-block: 12vw } 
#section-4 .sec4__top { text-align: center; } 
#section-4 .flower-ico { color: #b29681; margin-bottom: -15px; } 
#section-4 .point-slider { padding-bottom: 6vw; } 
#section-4 .point-slider .swiper-pagination { top: auto; bottom: 0px; display: flex; justify-content: center; width: 100%; gap: clamp(15px, 3.5vw, 25px); } 
#section-4 .point-slide { position: relative; top: 0; padding-block: clamp(30px, 10vw, 58px) clamp(50px, 8vw, 80px); border-radius: 40px; margin-top: 12vw; transition: top 0.3s; min-height: 429px; } 
#section-4 .swiper-slide-active { top: -6vw; transition: 0.3s; } 
#section-4 .point-slide * { color: var(--white-color); text-align: center; } 
#section-4 .point-slide .num { display: flex; font-family: 'Aurora'; font-size: var(--font-22); border: 1px solid #fff; border-radius: 50%; margin: 0 auto 3vw; justify-content: center; width: fit-content; padding: 3px 12px; letter-spacing: 1px; } 
#section-4 .point-slide .tit { font-size: var(--font-40); font-weight: 600; } 
#section-4 .point-slide .line-d1 { max-width: 50%; margin: 0 auto 4vw; } 
#section-4 .point-slide .line-d1:before { left: -10px; } 
#section-4 .point-slide .line-d1:after { right: -10px; } 
#section-4 .point-slide .desc>p { font-size: var(--font-28); font-weight: 100; line-height: 1.3; } 
#section-4 .point-slide .desc>p:last-child { margin-top: 20px; } 
#section-4 .point-slide.slide-1 { background: url(../images/section4/bg-1.png) no-repeat center/cover; } 
#section-4 .point-slide.slide-2 { background: url(../images/section4/bg-2.png) no-repeat center/cover; } 
#section-4 .point-slide.slide-3 { background: url(../images/section4/bg-3.png) no-repeat center/cover; } 
#section-4 .point-slider .swiper-pagination-bullet { background: transparent; border: 1px solid black; width: clamp(9px, 2vw, 13px); height: clamp(9px, 2vw, 13px); transform: none !important; opacity: 0.5; cursor: pointer; } 
#section-4 .point-slider .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #000; opacity: 1; } 

/* ==================================================
section-5
================================================== */
.sec5__top .logo {background: url(../images/section5/top-logo.png) no-repeat center/contain; width: calc(283vw / var(--mainWidth));
    height: calc(183vw / var(--mainWidth)); margin: 0 auto;}