html {font-size: 10px;}
#wrap {max-width: 750px;width: 100%;min-height: 100%;margin: 0 auto;border-left: 1px solid #eee;border-right: 1px solid #eee;background: #fff;overflow: hidden;}
header {max-width:750px;width: 100%;height: 12.2rem;display: flex;justify-content: space-between;align-items: center;background: transparent;position: fixed;left: 50%;top: 0;z-index: 10;padding: 0 4.5rem;transition: all 0.3s;transform: translateX(-50%);}
header .logo-link .logo-image {width: 8.8rem;height: 4.4rem;}
header .right-side-button .hamburger-menu-btn .hamburger-menu-image {width: 4rem;}
header .right-side-button .download-btn {width: 19rem;height: 5.5rem;font-size: 2.1rem;background-image: linear-gradient( to right, #6a5eff 0%, #9d61ff 51%, #b15bff 100% );color: #fff;border: none;border-radius: 2.7rem;margin-right: 2.7rem;display: none;}

.hamburger-menu {max-width:750px;width: 100%;height: 100vh;position: fixed;left: 50%;top: 0;background-color: rgba(0, 0, 0, 0.5);z-index: 11;display: none;transform: translateX(-50%);}
.hamburger-menu .menu {width: 62.6rem;height: 100vh;background-color: #fff;position: absolute;right: 0;top: 0;padding: 0 5.8rem;display: flex;flex-direction: column;justify-content: space-between;}
.hamburger-menu .menu .menu-header {width: 100%;height: 12.2rem;display: flex;justify-content: space-between;align-items: center;margin-bottom: 45px;}
.hamburger-menu .menu .menu-header .logo-image {width: 8.8rem;}
.hamburger-menu .menu .menu-header .close {width: 4rem;}
.hamburger-menu .menu .menu-header .close img {width: 100%;}
.hamburger-menu .menu .fucntion-buttons .button {width: 100%;height:11rem;border-bottom: solid 1px #f3f3f3;padding: 4rem 3rem;font-size: 3rem;color: #000;display: flex;justify-content: space-between;align-items: center;line-height: 1em;}
.hamburger-menu .menu .fucntion-buttons .button img {width: auto;height: 3.7rem;}
.hamburger-menu .menu .download-btn {width: 100%;height: 11.2rem;font-size: 4.129rem;font-weight: 400;background-image: linear-gradient( to right, #6a5eff 0%, #9d61ff 51%, #b15bff 100% );color: #fff;border: none;border-radius: 5.6rem;margin-bottom: 10rem;}
.hamburger-menu .menu .sns-buttons .button img {width: 10.7rem;margin-bottom: 3rem;}
.hamburger-menu .menu .sns-buttons .button span {font-size: 2.8rem;color: #000;line-height: 1em;}
.hamburger-menu .video{width: 100%;margin-bottom: 5rem;}


#container.container section .title-wrap {padding: 10rem 7rem;}
#container.container section .title-wrap .main-title {font-size: 6.5rem;font-weight: 600;line-height: 1.3em;font-style: italic;color: #000;letter-spacing: -0.07em;margin-left: -0.3rem;}
#container.container section .title-wrap .title1221 {padding-top:7rem;}
#container.container section .title-wrap .sub-title {font-size: 3.1rem;font-weight: 400;font-style: italic;letter-spacing: -1px;color: rgba(0,0,0,0.7);margin-bottom: 5rem;}
.sec0 {width: 100%;position: relative;background-color: #feeeff;}
.sec0 .title-wrap {position: absolute;width: 100%;top: 12.2rem;left: 0;}
.sec0 .content-box{width: 100%;height:113rem;display: flex;align-items: flex-end;background-size: cover}
.sec0 .content-box .bubble-big{width: 36.6rem;height: 36.6rem;position: absolute;top: 18rem;right: -10rem;}
.sec0 .content-box .bubble-small{width: 16.6rem;height: 16.6rem;position: absolute;top: 8rem;left: 15rem;}
.sec0 .content-box .bubble-img img {width: 100%;}
.sec0 .content-box .video{width: 100%;margin-top:12.2rem;}
.sec0 .download-btn-wrap {width: 100%;height: 33rem;background-color: #fef4ff;padding: 0 30px;display: flex;justify-content: center;align-items: flex-start;padding: 0 8rem;}
.sec0 .download-btn-wrap .download-btn {width: 100%;height: 11rem;font-size: 4.1rem;font-weight: 400;background-image: linear-gradient( to right, #6a5eff 0%, #9d61ff 51%, #b15bff 100% );color: #fff;border: none;border-radius: 5.6rem;-webkit-box-shadow: 2px 2px 0px 2px rgb(0 0 0 / 10%);box-shadow: 2px 2px 0px 2px rgb(0 0 0 / 10%);margin-top: 5rem;}

.sec1 .slider-container .slide .title {width: 100%;height: 30rem;position: relative;}
.sec1 .slider-container .slide .title .text {font-size: 3.8rem;font-weight: 200;color: #000;line-height: 1.5em; margin-top:2rem; letter-spacing: -0.2rem; width: 100%;}
.sec1 .slider-container .slide .title .text .bold {font-weight: 600;}
.sec1 .slider-container .content .phone-image {width: 54.9rem;}
.sec1 .slider-container .content .inside-box {width: 54.7rem;height: 23.2rem;display: flex;justify-content: flex-start;align-items: center;padding: 0 6rem;position: absolute;left: 50%;top: 20rem;transform: translateX(-50%);z-index: 2;}
.sec1 .slider-container .content .inside-box:before{content:'';display: block;background-image:url("../img/images/naver/2_gra_box.png");background-repeat: no-repeat;width: 100%;height: 100%;position: absolute;background-size: cover;left: 0;top:0;z-index: -1}
.sec1 .slider-container .content .inside-box::after{content:'';display: block;background-image:url("../img/images/naver/2_gra_box_shadow.png");background-repeat: no-repeat;width: 53.4rem;height: 8rem;position: absolute;background-size: cover;left: 50%;bottom:2rem;transform: translate(-50%,100%);z-index: -2;}
.sec1 .slider-container .content .inside-box .icon {width: 15rem;height: 15rem;display: flex;justify-content: center;align-items: center;border: none;border-radius: 50%;background-color: #fff;overflow: hidden;margin-top: -5px;}
.sec1 .slider-container .content .inside-box .text {font-size: 3rem;color: #fff;letter-spacing: -0.07em;margin-left: 4.8rem;line-height: 1.5em;margin-top: -5px;text-align: left;}

.sec1 .slider-container .slide .title .number {font-family:ELAND_Nice_M;font-style: italic;font-size: 38rem;color: #662eff;opacity: 0.05;font-weight: 600; margin-left: -3rem; margin-top: 4rem;}
.sec1 .slider-container .swiper-pagination {width: auto;top: 0;left: auto;height:4rem;right: 3rem !important;}
.sec1 .slider-container .swiper-pagination-bullet {width: 2rem;height: 2rem;background-color: #d1d1d1;opacity: 1;margin: 0 0.5rem !important;}
.sec1 .slider-container .swiper-pagination-bullet-active {width: 4.5rem;background-color: #662eff;border-radius:0.9rem;}

#container.container section .title-wrap .description {font-size: 2.6rem;line-height:1.730769230769231em ;font-weight: 400;color: #000;letter-spacing: -0.2rem;}
.sec2 .content .text-group {margin-bottom: 13rem; margin-top: 6rem; display: flex;justify-content: center;align-items: center;flex-direction: column;}
.sec2 .content .text-group .text {font-size: 3.5rem;line-height: 1.5em;color: #000;text-align: center;margin-bottom: -1rem;}
.sec2 .content .text-group .text em{font-weight: 700;position: relative;z-index: 1;}
.sec2 .content .text-group .text em::after{content:'';background-color:#fffde5;width: 100%;height: 80%;position: absolute;display: block;top:0;left: 0;z-index: -1;transform: translateY(40%)}
.sec2 .content .text-group .text-animation .animation {width: 100%;height: 5rem; /* overflow: hidden; */margin: 0 5px;text-align: center;}
.sec2 .content .text-group .swiper-slide {display: flex;align-items: center;justify-content: center;font-size: 3.7rem;font-weight: bold;background-color: #ffffff;}

.sec2 .content .text-group .text-animation .animation .anchor{background-color: #ffffff;font-weight: 400;}
.sec2 .content .text-group .swiper-slide em {font-weight: 700;line-height: 1em;background-color: #fffde5;background-position: bottom;margin:0 0.5rem;}

.sec3 .content .phone-image {width: 71.4rem;}
.sec3 .content .animation .layer img {width: 34.4rem;position: absolute;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);display: none;}
.sec3 .content .animation .layer img.first {margin-top: 38rem;margin-left: 12rem;}
.sec3 .content .animation .layer img.second {margin-top: 40rem;margin-left: 13rem;}
.sec3 .content .animation .layer img.third {margin-top: 42.4rem;margin-left: 14rem;}
.sec3 .content .animation .text-popup img {width: 37.1rem;position: absolute;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);display: none;}
.sec3 .content .animation .text-popup img.first {    margin-top: 59rem;margin-left: -12.5rem;}
.sec3 .content .animation .text-popup img.second {margin-top: 66.8rem;margin-left: -8rem;}

.sec4 .title-wrap .main-title {margin-bottom: 9rem;}
.sec4 .title-wrap .color-text {color: #662efe;font-weight: bold;font-size: 6.5rem;font-style: italic;letter-spacing: -0.07em;margin-bottom: -3rem; padding-top: 8rem;}
.sec4 .title-wrap .color-text .bold {font-size: 17rem;}
.sec4 .title-wrap .meta {color: #000;font-size: 3.1rem;line-height: 1.5em;margin-bottom: 0;letter-spacing: -0.2rem;font-weight: 400;}
.sec4 .content .buttons {width: 100%;border-bottom: solid 1px #e5e5e5;padding: 8.6rem 8rem 17rem;}
.sec4 .content .buttons button {width: 100%;height: 11rem;font-size: 3.4rem;font-weight: 500;color: #fff;border: none;border-radius: 5.5rem;-webkit-box-shadow: 2px 2px 0px 2px rgb(0 0 0 / 10%);box-shadow: 2px 2px 0px 2px rgb(0 0 0 / 10%);margin-bottom: 2rem;}

footer .number {font-size: 4rem;color: #9454e4;font-weight: 500;letter-spacing: -0.08em;margin-bottom: 3rem;margin-top: 3rem;}
footer .address {font-size: 2.5rem;color: #585858;line-height: 1.68em;margin-bottom: 3rem;letter-spacing: -0.04em;}
footer .copyright {font-size: 2rem;line-height: 2em;color: #8f8f8f;opacity: 0.7;letter-spacing: -0.04em;font-weight: 200;}

.banner {width: 100%;height: 8rem;background-color: rgba(0, 0, 0, 0.7);padding: 0 2rem;position: fixed;left: 0;bottom: 0;display: flex;justify-content: space-between;align-items: center;z-index: 2;opacity: 0;}
.banner .logo {width: 5.6rem}
.banner .text {font-size: 2rem;color: #fff;}
.banner .close {width: 3rem;}


.guide-popup{max-width: 750px;left: 50%;transform: translateX(-50%);overflow-y: scroll;overflow-x: hidden;}
.guide-popup .header {width: 100%;height: 12.2rem;display: flex;justify-content: flex-start;align-items: center;padding: 0 5.5rem;}
.guide-popup .header .button .image {width: 1.8rem;}
.guide-popup .header .title {font-size: 3.9rem;color: #000;margin-left: 5rem;font-weight: normal; letter-spacing:-0.3rem;}
.guide-popup .title-wrap {height: auto;background-image: none;padding: 0;}
.guide-popup .title-wrap .main-title {font-size: 5.6rem;line-height: 1.428571428571429em;color: #000;margin: 9rem 5.5rem 5.5rem; letter-spacing:-0.35rem;}
.guide-popup .title-wrap .description {background-image: url(../img/images/naver/guide-background.png);font-size: 2.6rem;color: #000;line-height: 1.6em;height: 110rem;background-size: 100%;background-repeat: no-repeat;background-position-y: bottom;padding: 0 5.5rem;}
.guide-popup .title-wrap .description em{font-weight: 700;line-height: 2.5em;}


.guide-popup .slider-container .slide .title {width: 100%;height: 30rem;position: relative;}
.guide-popup .slider-container .slide .title .text {font-size: 3.8rem;font-weight: 200;color: #000;line-height: 1.5em; margin-top:2rem; letter-spacing: -0.2rem; width: 100%;}
.guide-popup .slider-container .slide .title .text .bold {font-weight: 600;}
.guide-popup .slider-container .content .phone-image {width: 54.9rem;}
.guide-popup .slider-container .content .inside-box {width: 54.7rem;height: 23.2rem;display: flex;justify-content: flex-start;align-items: center;padding: 0 6rem;position: absolute;left: 50%;top: 20rem;transform: translateX(-50%);z-index: 2;}
.guide-popup .slider-container .content .inside-box:before{content:'';display: block;background-image:url("../img/images/naver/2_gra_box.png");background-repeat: no-repeat;width: 100%;height: 100%;position: absolute;background-size: cover;left: 0;top:0;z-index: -1}
.guide-popup .slider-container .content .inside-box::after{content:'';display: block;background-image:url("../img/images/naver/2_gra_box_shadow.png");background-repeat: no-repeat;width: 53.4rem;height: 8rem;position: absolute;background-size: cover;left: 50%;bottom:2rem;transform: translate(-50%,100%);z-index: -2;}
.guide-popup .slider-container .content .inside-box .icon {width: 15rem;height: 15rem;display: flex;justify-content: center;align-items: center;border: none;border-radius: 50%;background-color: #fff;overflow: hidden;margin-top: -5px;}
.guide-popup .slider-container .content .inside-box .text {font-size: 3rem;color: #fff;letter-spacing: -0.07em;margin-left: 4.8rem;line-height: 1.5em;margin-top: -5px;text-align: left;}
.guide-popup .slider-container .slide .title .number {font-family:ELAND_Nice_M;font-style: italic;font-size: 38rem;color: #662eff;opacity: 0.05;font-weight: 600; margin-left: -3rem; margin-top: 4rem;}
.guide-popup .download-btn {width: 100%;height: 14rem;background-color: #652efd;color: #fff;font-size: 4.2rem;position: sticky;bottom: 0;z-index: 11;}

.request-popup .content {width: 69.5rem;/*height: auto;*/    height: 110rem;overflow-y: scroll;background-color: #fff;position: absolute;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);border-radius: 3rem;padding: 7rem 4rem;}
.request-popup .content::-webkit-scrollbar {display: none;}
.request-popup .content .header .title {font-size: 4.1rem;line-height:1.341463414634146em ;color: #000;font-weight: 400;}
.request-popup .content .header button.close img{width: 4rem}
.request-popup .content form .group {display: flex;justify-content: flex-start;align-items: flex-start;flex-direction: column;margin-bottom: 14px;}
.request-popup .content form .group .title {font-size: 3.2rem;line-height: 1em;letter-spacing: -0.06em;color: #454545;margin-left: 2rem;}
.request-popup .content form .group input[type="text"] {width: 100%;height: 9.5rem;border: none;border-radius: 4.9rem;padding: 0 5rem;font-size: 2.8rem;color: #454545;background-color: #f1f1f1;margin-top: 2rem;}
.request-popup .content form .wrapper {height: auto;overflow: visible;margin-bottom: 15rem;}
.request-popup .content form .group input[type="checkbox"] + label {font-size: 2.3rem;font-weight: 500;color:#b6b6b6;margin-left: 2rem;}
.request-popup .content form .group input[type="checkbox"] + label::before{content:'';display:inline-block;background-image: url("../img/images/naver/check.png");background-repeat: no-repeat;width: 2.9rem;height: 2.6rem;background-size: cover;margin-right: 1rem;}
.request-popup .content form .group input[type="checkbox"]:checked + label::before{background-image: url("../img/images/naver/checked.png");}
.request-popup .content .download-btn {width: 100%;height: 11.1rem;font-size: 4rem;font-weight: 400;background-color: #652efd;color: #fff;border: none;border-radius: 5.7rem; margin-top: -2rem;}
.request-popup .terms-box{margin-top: 2rem;}
.request-popup .terms-text{padding:4.5rem;background-color: #f1f1f1;border-radius: 2rem;margin-top: 3rem;display: none;}
.request-popup .terms-text h2{font-size: 2.3rem;font-weight: 700;margin-bottom: 2rem;margin-left: -2rem;}
.request-popup .terms-text li{line-height: 1.6em;font-size: 2.1rem;letter-spacing: -0.06em;font-weight: 400;}
.request-popup .terms-text > ol > li{list-style:decimal;font-weight: 500}
.request-popup .terms-text ol > li >  ol > li{list-style:hangul;margin-left: 1em;}
.request-popup .terms-text ul > li {list-style:disc;margin-left: 1em;}
.request-popup .termsView{cursor: pointer;font-size: 2.3rem;font-weight: 500;color:#b6b6b6;margin-left: 0.5rem;}

.done-popup {width: 100%;height: 100vh;background-color: #fff;position: fixed;left: 0;top: 0;z-index: 26;padding: 0 6rem;display: none;align-items: center;    justify-content: center;}
.done-popup .title {font-size: 10.1rem;line-height: 1.138613861386139em;color: #000;text-align: center;font-style: italic;margin-bottom: 7rem;letter-spacing: -0.08em;}
.done-popup .description {font-size: 4rem;color: #000;line-height: 1.575em;text-align: center;margin-bottom: 7rem;}
.done-popup .meta {font-size: 2.4rem;line-height: 1.791666666666667em;color: #9f9f9f;letter-spacing: -0.07em;margin-bottom: 12rem;}
.done-popup button {width: 100%;height: 11.1rem;font-size: 4.1rem;font-weight: 500;color: #fff;border: none;border-radius: 5.6rem;margin-bottom: 2rem;-webkit-box-shadow: 2px 2px 0px 2px rgb(0 0 0 / 10%);box-shadow: 2px 2px 0px 2px rgb(0 0 0 / 10%);}
.done-popup button.back-to-home {background-color: #9f9f9f;}

.done-popup button.download-btn {
    background-image: linear-gradient( to right, #6a5eff 0%, #9d61ff 51%, #b15bff 100% );
}

@media screen and (max-width:750px){
    html {font-size:1.333333333333333vw;}
}