@charset "utf-8";

html{font-size: .84px}
*{font-family: Noto Sans KR,sans-serif;}
html,body,main{height: 100%;overflow: hidden;}
body{pointer-events: none;}
.container{margin: 0 auto;padding:0 90rem;width: 100%;height: 100%;}
.content-box{width: 100%;height: 100%;}

/*헤더*/
header.main-header{font-size:0.84px;width:100%;height: 180em;box-sizing: border-box;position: fixed;left: 0;top:0;z-index: 10;}
header.main-header .content-box{display: flex;justify-content: space-between;align-items: center;}
header.main-header .content-box .logo-box{width: 333em;height: 80em;display: block;cursor: pointer;}
header.main-header .content-box .logo-box > img {width: 100%;height: 100%;display: block;}
header.main-header .content-box .download-button{font-family: Noto Sans KR,sans-serif;font-size: 24em;font-weight: 700;letter-spacing: -0.065em;color:#60725A;width: 8.75em;height: 2.541666666666667em;border: 0.1666666666666667em solid #60725A;border-radius: 1.25em;display: flex;justify-content: center;align-items: center;line-height: 2.541666666666667em;transition-duration: 0.6s;transition-property: background-color;}
header.main-header .content-box .download-button:hover{background-color: rgba(124,95,51,0.2);}
header.main-header .content-box .download-button::after{content:'';display: inline-block;background-image: url("../images/icons/icon-down-arrow.svg");background-size:1.333333333333333em 1.333333333333333em;background-repeat:no-repeat;;background-position:center center;width: 1.333333333333333em;height: 1.333333333333333em;margin-left: 0.2083333333333333em;}

/*로딩*/
.loading-box{display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;top:0;left:0;background-color: #ffffff;position: fixed;z-index: 11;overflow: hidden;transition-duration:1s;transition-property:opacity;}
.loading-box .loading-logo{position: absolute;width: 333rem;height: 80rem;top:50%;left: 50%;transform: translate(-50%,-60%);opacity: 0;transition-duration: 0.6s;transition-timing-function: cubic-bezier(0, 0, 0.35, 2.35);}
body.loading .loading-box .loading-logo{opacity: 1;}
.loading-box .loading-logo img{width: 100%;height: 100%;display: block;}

body.ready{pointer-events: auto;}
body.ready .loading-box{pointer-events: none;animation: zoom 0.6s;animation-timing-function: ease-in-out;animation-fill-mode: forwards;}

@keyframes zoom { 0% {transform: scale(1);opacity: 1;}  50% {transform: scale(1.1);opacity: 1;}  100% {opacity: 0;} }


main{}
main article.article-item{width: 100%;height: 100%;}
main article.article-item .content-box{height: auto;}
main article.article-item.swiper-slide{width: 100%;height: 100%;}
main article.article-item .section-content{display: flex;align-items: center;height: 100%;width: 100%;}
main article.article-item .section-content .left-box{width: 50%;display:flex;justify-content: flex-start;}
main article.article-item .section-content .right-box{width: 50%;display:flex;justify-content: flex-start;}
main article.article-item .section-content .img-box  img{width:100%;height:100%;display: block;}

main .button{width: 100%;font-family: Noto Sans KR,sans-serif;font-weight: 700;line-height: 1;letter-spacing: -0.02em;border-radius: 10rem;background-image: url("../images/bg-button.png");color: #FFFBF4;display: flex;align-items: center;justify-content: center}
main .button1{width: 100%;font-family: Noto Sans KR,sans-serif;font-weight: 700;line-height: 1;letter-spacing: -0.02em;border-radius: 10rem;background-image: url("../images/bg-button.png");color: #FFFBF4;display: flex;align-items: center;justify-content: center}

main #section_001 {background-image: url("../images/section_001_bg.jpg");background-size: cover;background-position: left bottom;background-repeat: no-repeat;}
main #section_001 .section-content{padding:0 175rem;max-width:1728rem; margin:  auto;}
main #section_001 .left-box{width: 40%}
main #section_001 .right-box{width: 60%;height:100%;position: relative;}
main #section_001 .img-box{position: absolute;}
main #section_001 .img-box:nth-of-type(1){width: 927rem;height: 899rem;left: 0;bottom:170rem;}
main #section_001 .img-box:nth-of-type(2){width: 754rem;height: 793rem;left: 300rem;bottom:60rem;}
main #section_001 .img-box:nth-of-type(2)::after{content:'';width: 295rem;height: 19rem;background: linear-gradient(90deg, rgba(159, 132, 108, 0.19) 34.23%, rgba(221, 211, 201, 0.02) 100%);background-blend-mode: multiply;backdrop-filter: blur(4px);border-radius: 60%;position: absolute;bottom: 57rem;left: 400rem;}
main #section_001 .text-box h2{font-family: Cafe24Ssurround,sans-serif;font-size: 76rem;font-weight: 700;line-height: 1.26;text-align: left;color: #303C18;margin-top: 20rem;}
main #section_001 .text-box p{font-family: Noto Sans KR,sans-serif;font-size: 36rem;font-weight: 500;line-height: 1.56;text-align: left;color:#ffffff;text-shadow: 1px 2px 5px #1B100599;}
main #section_001 .text-box .button-box{display: flex;column-gap: 23rem;margin-top: 135rem;}
main #section_001 .text-box .button-box .button{width:540rem;height:94rem;font-size: 40rem;letter-spacing: -0.02em;}
main #section_001 .text-box .button-box .button::after{content:'';display: inline-block;background-image: url("../images/icons/icon-download.svg");background-size: cover;width: 45rem;height: 45rem;margin-left: 10rem;}
main #section_001 .text-box .button-box .button1{width:540rem;height:94rem;font-size: 40rem;letter-spacing: -0.02em;}
main #section_001 .text-box .button-box .button1::after{content:'';display: inline-block;background-image: url("../images/icons/icon-download.svg");background-size: cover;width: 45rem;height: 45rem;margin-left: 10rem;}


main #section_002 .section-content{background-color: #ffffff;padding:0 90rem;}
main #section_002 .video-box{width:1300rem;aspect-ratio: 1300 / 731;max-width: 100%;margin: 0 auto;border-radius: 15rem;box-shadow: 0 4px 14px 0 #0000004D;overflow: hidden;position: relative;}
main #section_002 .video-box video{width: 101%;height: 101%;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);}
main #section_002 .video-box iframe{width: 100%;height: 100%;position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);pointer-events: none;}
main #section_002 .video-box::before{content:'';background-image: url("../images/icons/icon-play.svg");background-size: cover;width: 100rem;height: 100rem;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 1;cursor: pointer;}
main #section_002 .video-box::after{content:'';display: block;width: 100%;height: 100%;background-color: rgba(255,255,255,0.6);position: absolute;top:0;left: 0;}
main #section_002 .video-box.play::before{display: none;}
main #section_002 .video-box.play::after{display: none;}

main #section_003 {background-image: url("../images/section_003_bg.png");background-size: 52% auto;background-position: bottom right;background-repeat: no-repeat;background-color: #F9FBF6;}
main #section_003 .section-content{ max-width: 1540rem;margin: 0 auto;padding:0 90rem}
main #section_003 .swiper-box001{width: 100%;}
main #section_003 .title-box{display: flex;justify-content: center;}
main #section_003 .title-box h2{font-family: Cafe24Ssurround,sans-serif;font-size: 64rem;font-weight: 700;line-height: 1.36;text-align: center;color: #474340;z-index: 1;}
main #section_003 .title-box h2 .check-line{position: relative;font-family: Cafe24Ssurround,sans-serif;font-size: 64rem;font-weight: 700;line-height: 1.36;text-align: center;color:#60725A;}
main #section_003 .title-box h2 .check-line::before{content:'';background-image: url("../images/section003-checkline.svg");background-size: cover;left: -30rem;top:-20rem;position: absolute;width: 431rem;height: 146rem;z-index: -1;}
main #section_003 .title-box h2 .check-line > span{z-index: 1;    }
main #section_003 .list-box{margin: 140rem auto 0;}
main #section_003 .list-box .item-box{width: 420rem;background-color: #ffffff;padding:50rem 40rem;border-radius: 20rem;box-shadow: 0 4px 13.8px 0 #0000004D;}
main #section_003 .list-box .item-box .user-box {display: flex;}
main #section_003 .list-box .item-box .user-box .user-img{width: 90rem;height: 90rem;border-radius: 100%;background-color: #C0C0C0;overflow: hidden;}
main #section_003 .list-box .item-box .user-box .user-img > img{width: 100%;height: 100%;display: block;object-fit: cover;}
main #section_003 .list-box .item-box .user-box .user-info {display: flex;flex-direction: column;margin-left: 20rem;justify-content: center;}
main #section_003 .list-box .item-box .user-box .user-info .user-name{font-family: Noto Sans KR,sans-serif;font-size: 24rem;font-weight: 600;line-height: 1.45;color:#000000;}
main #section_003 .list-box .item-box .user-box .user-info .user-star{display: flex;column-gap: 5rem;}
main #section_003 .list-box .item-box .user-box .user-info .user-star .star{background-image: url("../images/icons/icon-star.svg");background-size: cover;width: 25rem;height: 23rem;display: block;}
main #section_003 .list-box .item-box .user-box .user-info .user-star .star.on{background-image: url("../images/icons/icon-star-on.svg");}
main #section_003 .list-box .item-box .text-box{margin-top: 20rem;}
main #section_003 .list-box .item-box .text-box::before{content:'';display: block;background-image: url("../images/icons/icon-com-left.svg");background-size:cover;width: 40rem;height: 40rem;}
main #section_003 .list-box .item-box .text-box::after{content:'';display: block;background-image: url("../images/icons/icon-com-right.svg");background-size:cover;width: 40rem;height: 40rem;margin-right: 0;margin-left: auto;}
main #section_003 .list-box .item-box .text-box p {font-family: Noto Sans KR,sans-serif;font-size: 24rem;font-weight: 600;line-height: 1.458;text-align: center;}

main #section_004 {background-color: #FFFBF4;background-image: url("../images/section_004_bg.png");background-size: auto 100%;background-repeat: no-repeat;background-position: right bottom;}
main #section_004 .section-content{ max-width: 1740rem;margin: 0 auto;padding:0 90rem}
main #section_004 .content-box{}
main #section_004 .title-box{display: flex;justify-content: center;}
main #section_004 .title-box h2{font-family: Cafe24Ssurround,sans-serif;font-size: 64rem;font-weight: 700;line-height: 1.36;text-align: center;color: #474340;z-index: 1;}
main #section_004 .title-box h2 .check-line{position: relative;font-family: Cafe24Ssurround,sans-serif;font-size: 64rem;font-weight: 700;line-height: 1.36;text-align: center;color:#60725A;}
main #section_004 .title-box h2 .check-line::before{content:'';background-image: url("../images/section004-checkline.svg");background-size: cover;left: -30rem;bottom:-35rem;position: absolute;width: 660rem;height: 58rem;z-index: -1;}
main #section_004 .title-box h2 .check-line > span{z-index: 1;    }
main #section_004 .list-box{margin-top: 140rem;}
main #section_004 .list-box .item-box{width: 360rem;height: 470rem;background-color: #ffffff;padding:35rem;border-radius: 15rem;box-shadow: 0 4px 13.8px 0 #0000004D;}
main #section_004 .list-box .item-box .img-box{width: 290rem;height: 274rem;overflow: hidden;margin: 0 auto;}
main #section_004 .list-box .item-box .img-box > img{width: 100%;height: 100%;display: block;object-fit: cover;}
main #section_004 .list-box .item-box .text-box{margin-top: 20rem;}
main #section_004 .list-box .item-box .text-box p {font-family: Noto Sans KR,sans-serif;font-size: 24rem;font-weight: 400;line-height: 1.458;text-align: center;}

main #section_005{background-color: #FFFBF4;background-image: url("../images/section_005_bg.png");background-size:auto 100%;background-repeat: no-repeat;background-position: right top;}
main #section_005 .section-content{ max-width: 1640rem;margin: 0 auto;padding:0 90rem}
main #section_005 .title-box{display: flex;justify-content: center;}
main #section_005 .title-box h2{font-family: Cafe24Ssurround,sans-serif;font-size: 64rem;font-weight: 700;line-height: 1.36;text-align: center;color: #474340;z-index: 1;}
main #section_005 .list-box{margin-top: 64rem;}
main #section_005 .list-box .item-box{width: 460rem;background-color: #ffffff;padding:50rem 40rem 0;border-radius: 20rem;box-shadow: 0 4px 13.8px 0 #0000004D;}
main #section_005 .list-box .item-box .text-box h3 {font-family: Noto Sans KR,sans-serif;font-size: 30rem;font-weight: 800;line-height: 1.46;text-align: center;color: #60725A;}
main #section_005 .list-box .item-box .text-box p {font-family: Noto Sans KR,sans-serif;font-size: 24rem;font-weight: 400;line-height: 1.458;text-align: center;margin-top: 16rem;}
main #section_005 .list-box .item-box .img-box{width: 260rem;margin: 20rem auto 0;}
main #section_005 .list-box .item-box:nth-of-type(2){padding: 0 40rem 50rem;}
main #section_005 .list-box .item-box:nth-of-type(2) .img-box{margin: 0 auto 20rem;}

main #section_006 {background-image: url("../images/section_006_bg.png");background-size: 991rem auto;background-position: top left;background-repeat: no-repeat;background-color: #F9FBF6;}
main #section_006 .section-content{max-width: 1180rem;margin: 0 auto;padding:0 90rem}
main #section_006 .img-box{width: 800rem;    max-width: 100%;margin: 0 auto;}
main #section_006 .img-box > img{display: block;width: 100%;height: 100%;}
main #section_006 .text-box{margin-top: 30rem}
main #section_006 .text-box p{font-family: Noto Sans KR,sans-serif;font-size: 32rem;font-weight: 500;line-height: 1.437;text-align: center;}
main #section_006 .button-box{margin-top: 60rem;display: flex;justify-content: center;}
main #section_006 .button-box .button{width: 540rem;height: 94rem;font-size: 40rem;letter-spacing: -0.02em;}
main #section_006 .button-box .button::after{content:'';display: inline-block;background-image: url("../images/icons/icon-test.svg");background-size: cover;width: 45rem;height: 45rem;margin-left: 10rem;}


#footer {width: 100%;height:369rem;display: flex;flex-direction: column;justify-content: center;align-items: center;background-color: #ffffff;padding: 30px 20px;}
.footer-wrapper {width: 100%;max-width:1360px;display: flex;}
.footer-wrapper ul {margin-bottom: 42rem;display: flex;align-items: center;gap: 70rem;}
.footer-wrapper a{color: #aaa;font-size: 24rem;line-height: 1px;font-weight: 500;}
.footer-icon {margin-top: 24rem;display: flex;align-items: center;gap: 15rem;}
.footer-icon > a{width: 40rem;height: 40rem;}
.footer-icon > a > img{width: 100%;height: 100%;display: block;}
.footer-wrapper p {color: #aaa;font-size: 18rem;line-height: 1.444;font-weight: 400;transform: rotate(0deg);}


@media all and (min-width: 1920px) {
    html{font-size: 0.04375vw}
}

@media all and (max-width: 1200px) {
    .container {padding: 0 60rem;}

    main #section_001 .section-content {padding: 0 70rem;}
    main #section_001 .img-box:nth-of-type(1) {left: -110rem;bottom: 170rem;}
    main #section_001 .img-box:nth-of-type(2) {left: 140rem;bottom: 80rem;}
    main article.article-item#section_001.swiper-slide .img-box:nth-of-type(2)::after {content:none}

}

@media all and (max-width: 1024px) {
    main #section_001 .img-box:nth-of-type(1) {left: -130rem;bottom: 300rem;}
    main #section_001 .img-box:nth-of-type(2) {left: -190rem;bottom: 80rem;}
    main #section_001 .left-box {width: 50%}
}

@media all and (max-width: 960px) {
    main #section_001 .text-box h2 {font-size: 60rem;margin-top: 20rem;white-space: nowrap;}
    main #section_001 .text-box p {font-size: 28rem;}

    main #section_001 .text-box .button-box .button {width: 420rem;height: 94rem;font-size: 40rem;letter-spacing: -0.02em;}

    main #section_003 .title-box h2 {font-size: 60rem;}
    main #section_004 .title-box h2 {font-size: 60rem;}
    main #section_005 .title-box h2 {font-size: 60rem;}
}

@media all and (max-width: 768px) {

    html{font-size: 0.1302083333333333vw}
    .container {margin: 0 auto;padding: 0 40rem;width: 100%;height: 100%;}

    header.main-header{font-size: 0.1302083333333333vw;width:100%;height: 140em;box-sizing: border-box;position: fixed;left: 0;top:0;z-index: 10;}
    header.main-header .content-box{display: flex;justify-content: space-between;align-items: center;}
    header.main-header .content-box .logo-box{width: 285em;height: 70em;display: block;cursor: pointer;}
    header.main-header .content-box .logo-box > img {width: 100%;height: 100%;display: block;}
    header.main-header .content-box .download-button{font-family: Noto Sans KR,sans-serif;font-size: 18em;font-weight: 700;letter-spacing: -0.065em;color:#60725A;width: 9em;height: 2.611111111111111em;border: 0.2222222222222222em solid #60725A;border-radius: 1.25em;display: flex;justify-content: center;align-items: center;line-height: 2.611111111111111em;transition-duration: 0.6s;transition-property: background-color;}
    header.main-header .content-box .download-button:hover{background-color: rgba(124,95,51,0.2);}
    header.main-header .content-box .download-button::after{content:'';display: inline-block;background-image: url("../images/icons/icon-down-arrow.svg");background-size:1.333333333333333em 1.333333333333333em;background-repeat:no-repeat;;background-position:center center;width: 1.333333333333333em;height: 1.333333333333333em;margin-left: 0.2083333333333333em;}


    main #section_001 .section-content {flex-direction: column;}
    main #section_001 .left-box {width: 100%;height: 50%;order: 2;}
    main #section_001 .right-box {width: 100%;height: 50%;order: 1;}
    main #section_001 .img-box:nth-of-type(1){width: 701rem;height: 696rem;left: -30rem;bottom:-160rem;}
    main #section_001 .img-box:nth-of-type(2){width: 513rem;height: 591rem;left: 175rem;bottom: -215rem;}
    main #section_001 .img-box {width: 618rem;height: 552rem;position: absolute;}
    main #section_001 .text-box{width: 100%;}
    main #section_001 .text-box h2 {font-size: 48rem;margin-top: 24rem;}
    main #section_001 .text-box p {font-size: 24rem;}
    main #section_001 .text-box .button-box{margin-top: 145rem;}
    main #section_001 .text-box .button-box .button {width: 100%;height: 94rem;font-size: 40rem;}

    main #section_002 .section-content {padding: 0 40rem;}


    main #section_003 .title-box h2 {font-size: 45rem;}
    main #section_003 .title-box h2 .check-line {font-size: 45rem;}
    main #section_003 .title-box h2 .check-line::before {left: -30rem;top: -20rem;width: 309rem;height: 105rem;}
    main #section_003 .list-box {margin: 115rem auto 0;}
    main #section_003 .list-box .item-box {padding: 50rem 74rem;}
    main #section_003 .list-box .item-box .user-box .user-img {width: 90rem;height: 90rem;}
    main #section_003 .list-box .item-box .user-box .user-info .user-name {font-size:24rem;}
    main #section_003 .list-box .item-box .user-box .user-info .user-star .star {width: 25rem;height: 25rem;}
    main #section_003 .list-box .item-box .text-box {margin-top: 20rem;padding:0;}
    main #section_003 .list-box .item-box .text-box p {font-size: 24rem;}
    main #section_003 .list-box .item-box .text-box::after {width: 40rem;height: 40rem;}
    main #section_003 .list-box .item-box .text-box::before {width: 40rem;height: 40rem;}

    main #section_004 {background-image: url("../images/section_004_bg-m.png");background-size: auto 100%;}
    main #section_004 .title-box h2 {font-size: 45rem;}
    main #section_004 .title-box h2 .check-line {font-size: 45rem;}
    main #section_004 .title-box h2 .check-line::before {left: -30rem;top: 45rem;width: 452rem;height: 39rem;}

    main #section_005 {background-image: url("../images/section_005_bg-m.png");background-size: auto 100%;}
    main #section_005 .title-box h2 {font-size: 45rem;}
    main #section_005 .list-box .item-box .img-box {width: 310rem;}

    main #section_006 .section-content {padding: 0 40rem;}
    main #section_006 .text-box p {font-size: 24rem;}
    main #section_006 .button-box .button{width: 100%;}

    #footer {height: 350px;}
    #footer {width: 100%;height: 381rem;padding: 60rem;}
    .footer-wrapper ul {margin-bottom: 42rem;gap: 60rem;}
    .footer-wrapper a {font-size: 20rem;}
    .footer-wrapper a.email {font-size: 16rem;}
    .footer-wrapper p {font-size: 16rem;}
    .footer-icon > a {width: 35rem;height: 35rem;}
}

@media all and (max-width: 420px) {

}