@charset "utf-8";

html{font-size: 0.04820833vw}
*{font-family: S-CoreDream;}
html,body,main{height: 100%;overflow: hidden;}
body{pointer-events: none;}
.container{margin: 0 auto;padding:0 36rem;width: 100%;height: 100%;}
.content-box{width: 100%;height: 100%;}

/*헤더*/
header.main-header{font-size:1rem;width:100%;height: 100em;box-sizing: border-box;position: fixed;left: 0;top:0;z-index: 10;background-color: #ffffff;box-shadow: -2em -5em 18em 0 rgba(0,0,0,0.1);;}
header.main-header .content-box{display: flex;justify-content: space-between;align-items: center;}
header.main-header .content-box .logo-box{width: 197em;height: 54em;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: S-CoreDream;font-size: 22em;font-weight: 700;letter-spacing: -0.065em;color:#7c5f33;width: 10.681em;height: 2.68em;border: 0.1363636363636364em solid #a78769;border-radius: 2.272em;display: flex;justify-content: center;align-items: center;line-height: 2.68em;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@2x.png");background-size:0.6818181818181818em auto;background-repeat:no-repeat;;background-position:center center;width: 1em;height: 1em;margin-left: 0.2727272727272727em;}

/*로딩*/
.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: 256rem;height: 70rem;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%;padding-top: 100rem;}
main article.article-item.swiper-slide{width: 100%;height: 100%;}

main article.article-item .section-content{display: flex;align-items: center;height: 100%;}
main article.article-item .section-content .left-box{width: 50%;display:flex;justify-content: flex-start;padding-left: 198rem;}
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 article.article-item .section-content .text-box{text-align: left;position: relative;}
main article.article-item .section-content .text-box h2{font-weight: 500;font-size: 46rem;letter-spacing: -0.065em;color:#7c5f33;}
main article.article-item .section-content .text-box h2 strong{font-weight:600;font-size:83rem;color:#73502e;}
main article.article-item .section-content .text-box p{font-weight: 400;font-size: 32rem;line-height:1.5625em;letter-spacing: -0.065em;color:#7c5f33;margin-top: 90rem;}
main article.article-item .section-content .text-box .info-box{font-weight: 400;font-size: 30rem;line-height:1.5625em;letter-spacing: -0.065em;color:#6f6f6f;margin-top: 60rem;display: block;}

main #section_001 .section-content{background-image: url("../images/section_001_bg.jpg");background-size: cover;background-position: center;background-repeat: no-repeat;}
main #section_001 .img-box{width:889rem;height:841rem;}
main #section_001 .text-box .button-box{display: flex;column-gap: 23rem;margin-top: 70rem;}
main #section_001 .text-box .button-box > a{width:285rem;height:86rem;}
main #section_001 .text-box .button-box > a img{width:100%;height:100%;display: block;}


main #section_002 .section-content{background-image: url("../images/section_002_bg.jpg");background-size: cover;background-position: center;background-repeat: no-repeat;}
main #section_002 .img-box{width:611rem;height:723rem;}
main #section_002 .left-box{padding-left: 277rem;}
main #section_002 .right-box{padding-left: 160rem;    padding-bottom: 120rem;/*height: 100%;padding-top: 160rem;*/}

main #section_003 .section-content{background-image: url("../images/section_003_bg.jpg");background-size: cover;background-position: center;background-repeat: no-repeat;}
main #section_003 .img-box{width:849rem;height:806rem;}
main #section_003 .left-box{padding-left: 277rem;}

main #section_004 .section-content{background-image: url("../images/section_004_bg.jpg");background-size: cover;background-position: center;background-repeat: no-repeat;}
main #section_004 .img-box{width:783rem;height:790rem;}
main #section_004 .right-box{padding-left: 110rem;}

main #section_005 .section-content{background-image: url("../images/section_005_bg.jpg");background-size: cover;background-position: center;background-repeat: no-repeat;flex-direction: column;justify-content: center;}
main #section_005 .img-box{width: 625rem;height: 512rem;}
main #section_005 .section-content .left-box {padding-left: 0;width: 100%;text-align: center;justify-content: center;padding-top: 60rem;}
main #section_005 .section-content .text-box::before{content:'STORY';font-size: 83rem;font-weight: 600;letter-spacing: -0.065em;color:#73502e;position: absolute;left: -130rem;top: 0;line-height: 1;transform: translateX(-100%);}
main #section_005 .section-content .text-box h2 {font-size: 38rem;}
main #section_005 .section-content .text-box p {margin-top: 30rem;}
main #section_005 .section-content .right-box{width: 100%;justify-content: center;margin-top: 38rem;}


#footer {width: 100%;height:250px;display: flex;flex-direction: column;justify-content: center;align-items: center;background-color: #ffffff;padding: 30px 20px;}
.footer-wrapper {width: 100%;max-width:1200px;display: flex;}
.footer-wrapper ul {margin-bottom: 24px;display: flex;align-items: center;gap: 30px;}
.footer-wrapper a{color: #aaa;font-size: 14px;line-height: 20px;font-weight: 500;}
.footer-icon {margin-top: 24px;display: flex;align-items: center;gap: 10px;}
.footer-wrapper p {color: #aaa;font-size: 12px;line-height: 20px;font-weight: 400;transform: rotate(0deg);}


@media all and (max-width: 1024px) {
    html{font-size: 0.075vw}
    header.main-header{font-size:1px;}
    main article.article-item{padding-top: 100px;}
    main article.article-item .section-content {flex-direction: column;justify-content: center;}
    main article.article-item .section-content .left-box{width: 100%;justify-content: center;padding-left: 0;}
    main article.article-item .section-content .right-box{width: 100%;    margin-top: 100rem;justify-content: center;}

    main article.article-item .section-content .text-box h2{font-size: 60rem;}
    main article.article-item .section-content .text-box h2 strong{font-size:100rem;}
    main article.article-item .section-content .text-box p{font-size: 50rem;margin-top: 90rem;}
    main article.article-item .section-content .text-box .info-box{font-size: 45rem;}

    main #section_001 .section-content {background-position: left;}


    main #section_002 .section-content{flex-direction: column-reverse;background-image: url("../images/section_002_tablet_bg@2x.jpg");}
    main #section_002 .section-content .left-box{margin-top: 100rem;padding-left:0;}
    main #section_002 .section-content .right-box{margin-top: 0;padding-left:0;padding-bottom: 0;}

    main #section_003 .section-content{flex-direction: column-reverse;background-image: url("../images/section_003_tablet_bg@2x.jpg");}
    main #section_003 .section-content .left-box{margin-top: 100rem;padding-left:0}
    main #section_003 .section-content .right-box{margin-top: 0;padding-left:0}

    main #section_004 .section-content{background-image: url("../images/section_004_tablet_bg@2x.jpg");}
    main #section_004 .section-content .left-box{padding-left:0}
    main #section_004 .section-content .right-box{padding-left:0}

    main #section_005 .section-content{background-image: url("../images/section_005_tablet_bg@2x.jpg");background-position: center bottom;}
    main #section_005 .section-content .text-box {transition-delay: 0.8s;padding: 80rem;}
    main #section_005 .section-content .text-box::before {font-size: 100rem;position: relative;left: 0;top: 0;transform: translateX(0);margin-bottom: 60rem;display: block;}
    main #section_005 .section-content .text-box h2 {font-size: 50rem;}
    main #section_005 .section-content .text-box p {font-size: 38rem;margin-top: 90rem;}
    main #section_005 .section-content .left-box {padding-top: 0;}
    main #section_005 .section-content .right-box {padding-bottom: 100rem;}
}
@media all and (max-width: 780px) {

    html{font-size: 0.09333333333333333vw}
    header.main-header{font-size:0.6px;}
    main article.article-item{padding-top: 60px;}
    main #section_001 .img-box {width: 750rem;height: auto;}
    main #section_002 .section-content{background-image: url("../images/section_002_mobile_bg@2x.jpg");}
    main #section_003 .section-content{background-image: url("../images/section_003_mobile_bg@2x.jpg");}
    main #section_004 .section-content{background-image: url("../images/section_004_mobile_bg@2x.jpg");}
    main #section_005 .section-content{background-image: url("../images/section_005_mobile_bg@2x.jpg");}
    #footer {height: 350px;}
    .footer-wrapper ul {flex-direction: column;align-items: baseline;gap: 3px;}
}