<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

@import url(../../../fonts/Nelphim/Nelphim.css); /* font-family: 'Nelphim', serif; */

/* #content */
.img_box img {width: 100%;}
.block {display: block;}
.p_color {color: #FF7D9D;}
.p_text {font-family: 'Nelphim', serif;}

section &gt; .inner {padding: 160px 16.66%; box-sizing: border-box;}
section .inner .title_text {font-weight: 700; font-size: 64px; letter-spacing: -1px; text-align: center; margin-bottom: 80px;}
section .inner .sub_explain p {font-size: 34px; line-height: 50px; letter-spacing: -1px; text-align: center; margin-bottom: 1em;}
section .inner .sub_explain p:last-of-type {margin-bottom: 0;}
section .inner .add_text {display: block; font-weight: 400; font-size: 40px; line-height: 50px; text-align: center; margin-bottom: .25em;}


.sub_visual{width: 100%; height: calc(100vh - 100px); background-image: url(../images/img_visual.png); 
    background-repeat: no-repeat; background-position: center; background-size: cover;}


.video {background: #FAFAFA; text-align: center;}
.video .inner .video_box {width: 100%; padding-top: calc(780/1280 * 100%); position: relative; background: url(../images/img_video_bg.jpg) center no-repeat; background-size: contain;}
.video .inner .video_box iframe {width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
.video .inner .acronym {font-weight: 300; font-size: 40px; line-height: 50px; letter-spacing: -1px; margin-top: 84px;}
.video .inner .staccato {display: inline-block; color: #FF7D9D; position: relative;}
.video .inner .staccato::before {content: ''; display: block; width: 4px; height: 4px; border-radius: 50%; background: #FF7D9D; 
    position: absolute; top: -4px; left: 50%; margin-left: -2px;}


.info_surgery .inner .title_text {margin-bottom: 60px;}
.info_surgery .inner ul {display: flex;}
.info_surgery .inner ul li {width: 25%; padding: 0 2%; box-sizing: border-box; border-left: 1px solid #DFE0E2;}
.info_surgery .inner ul li:first-child {border-left: none;}
.info_surgery .inner ul li .icon_box {width: 60%; padding-top: 60%; background-position: center; background-repeat: no-repeat; background-size: contain; margin: 0 auto 10px;}
.info_surgery .inner ul li p {font-size: 24px; letter-spacing: -1px; color: #474A4D; text-align: center;}
.info_surgery .inner ul li p strong {display: block; font-size: 32px; font-weight: 600; line-height: 46px; letter-spacing: -1px; color: #161718; margin-bottom: .3em;}


.main_point {background: linear-gradient(135deg, rgba(254, 210, 220, 1) 0%, rgba(255, 154, 179, 1) 36%, rgba(255, 147, 174, 1) 67%, rgba(255, 147, 174, 1) 100%);}
.main_point .inner .title_text {color: #fff;}
.main_point .inner ul {width: 90%; margin: 0 auto; display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px;}
.main_point .inner ul li {display: flex; gap: 10px; align-items: center; background: #fff; border-radius: 30px; padding: 70px 5%;}
.main_point .inner ul li .icon_box {width: 40%; padding-top: 40%; background-position: center; background-repeat: no-repeat; background-size: contain;}
.main_point .inner ul li .text_box {width: 60%; display: flex; flex-direction: column; justify-content: center;}
.main_point .inner ul li .text_box .p_text {font-size: 40px; line-height: 57px;}
.main_point .inner ul li .text_box p {font-size: 32px; line-height: 54px; letter-spacing: -1px;}
.main_point .inner ul li .text_box p strong {display: block; font-weight: 600;}


.point01 {background: #FCFCFC;}
.point02 {background: #FAFAFA;}
.point .p_color {color: #8577FF;}
.point .inner .title_box {text-align: center; margin-bottom: 80px;}
.point .inner .title_box .p_text {display: block; font-size: 40px; line-height: 57px; margin-bottom: 30px;}
.point .inner .title_box p {display: inline-block; font-weight: 300; font-size: 30px; line-height: 44px; color: #46494C; padding: 0 60px; border-left: 1px solid #46494C; border-right: 1px solid #46494C;}
.point .inner .title_box p strong {display: block; font-weight: 600;}
.point .inner .compare {display: grid; grid-template-columns: 1fr 1fr; margin: 80px 0;}
.point .inner .compare li {position: relative;}
.point .inner .compare li:nth-child(1) img {border-radius: 30px 0 0 30px;}
.point .inner .compare li:nth-child(2) img {border-radius: 0 30px 30px 0;}
.point .inner .compare li span {display: inline-block; width: 70%; padding: 4.5px 0; border-radius: 15px 15px 0 0;
    font-size: 36px; line-height: 56px; letter-spacing: -1px; color: #fff; text-align: center; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
.point .inner .compare li .before {background: #46494C;}
.point .inner .compare li .after {background: #8577FF; position: absolute; z-index:1;}
.point .inner .sub_explain h4 {text-align: center; font-weight: 500; font-size: 44px; letter-spacing: -1px; margin-bottom: 40px;}
.point .inner &gt; .img_box {margin-top: 80px;}

.point01 .inner .compare .img_box .dimmed {width: 100%; height: 100%; background: rgba(0, 0, 0, .3); border-radius: 0 30px 30px 0; overflow: hidden;
    backdrop-filter: blur(30px) saturate(2); -webkit-backdrop-filter: blur(30px); position: absolute; top: 0; left: 0;}
.point01 .inner .compare .img_box .dimmed .text_box {height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; color:#fff;}
.point01 .inner .compare .img_box .dimmed .text_box p {font-size: 28px; line-height: 44px; letter-spacing: -1px; text-align: center;}
.point01 .inner .compare .img_box .dimmed .text_box .btn_login {display: inline-block; border-bottom: 3px solid #fff; color: #fff; font-weight: 700; line-height: 1;}

.point02 .inner .title_text .icon_box {display: inline-block; width: 1em; height: 1em; background-repeat: no-repeat; background-position: center; background-size: contain; vertical-align: middle;}
.point02 .inner .title_text .icon_box.d {background-image: url(../images/arrow_down.png);}
.point02 .inner .title_text .icon_box.u {background-image: url(../images/arrow_up.png);}
.point02 .inner &gt; .img_box {width: 90%; margin: 80px auto 0;}


.banner {background: linear-gradient(275deg, #FDD1DB 10%, #FF94AE 50%); color: #fff;}
.banner .inner {padding: 0 19%; display: flex; justify-content: space-between;}
.banner .inner .text_box {width: 45%; display: flex; flex-direction: column; justify-content: center; padding: 130px 0;}
.banner .inner .text_box .title_text {text-align: left; margin-bottom: 30px;}
.banner .inner .text_box .title_text .add_text {text-align: left;}
.banner .inner .text_box .sub_explain p {font-weight: 300; text-align: left; padding-left: 3%; border-left: 1px solid #fff;}
.banner .inner .img_box {width: 42%;}
.banner .inner .img_box img {height: 100%; object-position: center bottom; object-fit: contain;}


.part {background: linear-gradient(0, #F2F2F2 0%, #E9E9E9 100%);}
.part .inner {padding: 160px 16.66% 0;}


.method .p_color {color: #8577FF;}
.method .inner {padding: 160px 12.5%;}
.method .inner ul {width: 100%; display: flex; justify-content: center; gap: 20px; flex-wrap: wrap;}
.method .inner ul li {width: 31%; text-align: center;}
.method .inner ul li .img_box {position: relative;}
.method .inner ul li .img_box img {border-radius: 30px;}
.method .inner ul li .img_box .p_text {display: block; width: 100%; height: 57px; line-height: 57px; font-size: 34px; color: #fff; 
    background: rgba(133, 119, 255, 0.9); border-radius: 0 0 30px 30px; position: absolute; bottom: 0; left: 0;}
.method .inner ul li .text_box {font-size: 28px; line-height: 42px; letter-spacing: -1px; padding: 40px 2%;}
.method .inner ul li .text_box strong {font-weight: 600;}


.target {background-image: url(../images/img_target_bg.png); background-repeat: no-repeat; background-position: right center; background-size: cover;}
.target .inner .text_box {width: 80%; margin: 0 auto; padding: 60px 5% 60px 20%; box-sizing: border-box; background: rgba(255,255,255,.7); border-radius: 30px;}
.target .inner .text_box li {display: flex; gap: 16px; margin-bottom: 40px;}
.target .inner .text_box li:last-child {margin-bottom: 0;}
.target .inner .text_box li span {flex-shrink: 0; display: block; width: 36px; height: 36px; background: url(../images/icon_check.png) center no-repeat; background-size: contain;}
.target .inner .text_box li p {flex-grow: 1; font-size: 28px; line-height: 36px; letter-spacing: -1px;}


/* PC (해상도 1440px ~ 1540px) */
@media screen and (max-width:1540px) {
    section &gt; .inner {padding: 150px 10%;}

    .sub_visual .inner h3 {right: 10%;}
    .main_point .inner ul {width: 100%;}
    .main_point .inner ul li .icon_box {width: 25%;}
    .main_point .inner ul li .text_box {width: 75%;}
    .point .inner .compare li span {width: 90%; font-size: 28px; line-height: 1.2em;}
    .banner .inner {padding: 0 5%;}
    .banner .inner .text_box {padding: 60px 0; width: 80%;}
    .part .inner {padding: 160px 10% 0;}
    .method .inner {padding: 160px 10%;}
    .target .inner .text_box {padding: 60px 5% 60px 10%;}
}
/* PC (해상도 1058px ~ 1440px) */
@media screen and (max-width:1440px) {
    section &gt; .inner {padding: 150px 8%;}

    .sub_visual .inner h3 {right: 8%;}
    .part .inner {padding: 160px 8% 0;}
    .method .inner {padding: 160px 8%;}
}
/* PC (해상도 1024px ~ 1058px) */
@media screen and (max-width:1058px) {
    section &gt; .inner {padding: 150px 6%;}

    .sub_visual .inner h3 {right: 6%;}
    .part .inner {padding: 160px 6% 0;}
    .method .inner {padding: 160px 6%;}
}


/* 태블릿 (해상도 769px ~ 1024px) */
@media screen and (max-width:1024px) {
    /* content */
    section &gt; .inner {padding: 120px 5%;}
    section .inner .title_text {margin-bottom: 60px;}


    .sub_visual {height: 0; padding-top: calc(1000/768 * 100%); background-image: url(../images/img_visual_tab.png); background-size: contain;}


    .video .inner .acronym {margin-top: 64px;}


    .info_surgery .inner ul {flex-wrap: wrap; row-gap: 40px; justify-content: center;}
    .info_surgery .inner ul li {width: 48%;}
    .info_surgery .inner ul li:nth-child(2n-1) {border-left: none;}
    .info_surgery .inner ul li .icon_box {width: 50%; padding-top: 50%; margin: 0 auto 20px;}
    .info_surgery .inner ul li p {font-size: 28px;}
    .info_surgery .inner ul li p strong {font-size: 36px; margin-bottom: .3em;}

    
    .main_point .inner ul {width: 100%; grid-template-columns: repeat(1, 1fr); gap: 20px;}
    .main_point .inner ul li {padding: 54.5px 5%;}
    .main_point .inner ul li .icon_box {width: 20%; padding-top: 20%;}
    .main_point .inner ul li .text_box {width: 80%;}
    .main_point .inner ul li .text_box p strong {display: inline-block;}


    .point .inner .block {display: inline;}
    .point .inner i {display: block;}
    .point .inner .title_box {margin-bottom: 60px;}
    .point .inner .title_box .p_text {font-size: 40px; line-height: 57px; margin-bottom: 30px;}
    .point .inner .title_box p {padding: 0 30px;}
    .point .inner .compare {margin: 60px 0;}
    .point .inner .compare li span {width: 70%; padding: 6px 0; border-radius: 8px 8px 0 0; font-size: 22px; line-height: 1.2em;}

    .point .inner .compare .img_box .dimmed .text_box p {font-size: 18px; line-height: 1.2;}

    .point02 .inner .title_text .icon_box {width: .8em; height: .8em;}
    .point02 .inner &gt; .img_box {width: 100%; margin: 30px auto 0;}


    .banner .inner {padding: 120px 5% 0; flex-direction: column;}
    .banner .inner .text_box {width: 100%; padding: 0;}
    .banner .inner .text_box .title_text {text-align: center; margin-bottom: 30px;}
    .banner .inner .text_box .title_text .add_text {text-align: center;}
    .banner .inner .text_box .sub_explain p {text-align: center; padding-left: 0; border-left: none;}
    .banner .inner .img_box {width: 85%;}
    .banner .inner .img_box img {height: 100%; object-position: center bottom; object-fit: contain;}
    

    .part .inner {padding: 120px 5% 0;}

    
    .method .inner {padding: 120px 5%;}
    .method .inner ul {gap: 16px;}
    .method .inner ul li .img_box img {border-radius: 15px;}
    .method .inner ul li .img_box .p_text {height: 28px; line-height: 28px; font-size: 16px; border-radius: 0 0 15px 15px;}
    .method .inner ul li .text_box {font-size: 18px; line-height: 26px; padding: 20px 2%;}
    .method .inner ul li .text_box .block {display: inline;}
    .method .inner ul li .text_box i {display: block;}
    

    .target {background-image: url(../images/img_target_bg_tab.png);}
    .target .inner .text_box {width: 100%; padding: 60px 5%;}
}

/* 모바일 가로, 모바일 세로 (해상도 375px ~ 768px)*/
@media screen and (max-width:768px) {
    .wrap { min-width: 375px; }
    /* content */
    section &gt; .inner {padding: 60px 5%;}
    section .inner .title_text {font-size: 34px; margin-bottom: 30px;}
    section .inner .sub_explain p {font-size: 16px; line-height: 25px;}
    section .inner .add_text {font-size: 22px; line-height: 26px;}


    .sub_visual {padding-top: calc(500/375 * 100%); background-image: url(../images/img_visual_mo.png);}
    

    .video .inner {padding: 60px 5%;}
    .video .inner .acronym {font-size: 20px; line-height: 25px; margin-top: 32px;}
    .video .inner .staccato::before {width: 2px; height: 2px; top: -2px; margin-left: -1px;}


    .info_surgery .inner .title_text {margin-bottom: 40px;}
    .info_surgery .inner ul li .icon_box {margin: 0 auto 8px;}
    .info_surgery .inner ul li p {font-size: 16px; line-height: 18px;}
    .info_surgery .inner ul li p strong {font-size: 24px; line-height: 28px; margin-bottom: .3em;}


    .main_point .inner ul {gap: 10px;}
    .main_point .inner ul li {gap: 5px; border-radius: 15px; padding: 27px 5%;}
    .main_point .inner ul li .text_box .p_text {font-size: 20px; line-height: 28.5px;}
    .main_point .inner ul li .text_box p {font-size: 16px; line-height: 27px;}


    .point .inner .title_box {margin-bottom: 30px;}
    .point .inner .title_box .p_text {font-size: 20px; line-height: 28px; margin-bottom: 15px;}
    .point .inner .title_box p {font-size: 15px; line-height: 22px; padding: 0 15px;}
    .point .inner .compare {margin: 30px 0;}
    .point .inner .compare li:nth-child(1) img {border-radius: 15px 0 0 15px;}
    .point .inner .compare li:nth-child(2) img {border-radius: 0 15px 15px 0;}
    .point .inner .compare li span {padding: 4.5px 0; border-radius: 4px 4px 0 0; font-size: 14px; line-height: 22px;}
    .point .inner .sub_explain h4 {font-size: 22px; margin-bottom: 15px;}
    .point .inner &gt; .img_box {margin-top: 30px;}
    .point .inner .compare .img_box .dimmed {height: 100%; border-radius: 0 15px 15px 0;}
    .point .inner .compare .img_box .dimmed .text_box p {font-size: 14px; line-height: 20px;}


    .banner .inner {padding: 60px 5% 0;}
    .banner .inner .text_box .title_text {margin-bottom: 14px;}


    .part .inner {padding: 60px 5% 0;}


    .method .inner {padding: 60px 5%;}
    .method .inner ul {gap: 14px;}
    .method .inner ul li {width: 100%; text-align: left; display: flex;}
    .method .inner ul li &gt; div {width: 50%;}
    .method .inner ul li .img_box img {border-radius: 15px;}
    .method .inner ul li .img_box .p_text {height: 30px; line-height: 30px; font-size: 18px; border-radius: 0 0 15px 15px; text-align: center;}
    .method .inner ul li .text_box {font-size: 16px; line-height: 25px; padding: 0 5%; display: flex; flex-direction: column; justify-content: center;}
    .method .inner ul li .text_box i {display: inline;}

    .target {background-position: right top;}
    .target .inner .text_box {padding: 60px 5%; border-radius: 15px;}
    .target .inner .text_box li {gap: 8px; margin-bottom: 20px;}
    .target .inner .text_box li span {width: 18px; height: 18px;}
    .target .inner .text_box li p {font-size: 16px; line-height: 18px;}
}
</pre></body></html>