.scroll{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap : 12px;
    position : fixed;
    left : 36px;
    bottom : 64px;
    z-index: 10;
    color : #D0C1B1;
}
.scroll > span{
    font-size: 13px;
    font-weight: 700;
    font-family: montserrat;
    letter-spacing: 0.05em;
    writing-mode:sideways-lr;
}
.scroll > .mouse{
    display: flex;
    justify-content: center;
    width : 24px;
    height : 44px;
    border-radius: 12px;
    border : 1px solid #8E8E8E;
    padding-top : 12px;
}
.scroll > .mouse > .dot{
    width : 4px;
    height : 4px;
    border-radius: 50%;
    background : #D0C1B1;
    animation : mouse-dot 1.2s infinite alternate ease-in-out;
}
@keyframes mouse-dot {
    0%{
        transform: translateY(0);
    }
    100%{
        transform: translateY(14px);
    }
}
.visual-slide{
    width : 100%;
    height : 100%;
}
.visual-bg{
    position : absolute;
    left : 0;
    top : 0;
    width : 100%;
    height : 100%;
    overflow: hidden;
}
.visual-bg::after{
    position :absolute;
    content: '';
    width : 70%;
    height : 100%;
    left : 0;
    top : 0;
    background : linear-gradient(to right, #28113C, transparent);
}
.swiper-slide-active .visual-bg::after{
    animation : visual-bg-gradient 3s both;
}
@keyframes visual-bg-gradient {
    0%{
        opacity: 0;
        width : 30%;
    }
    100%{
        opacity: 1;
        width : 70%;
    }
}
.visual-bg > img{
    width : 100%;
    height : 100%;
    object-fit: cover;
    object-position: center bottom;
    transform: scale(1.15);
    transition : transform 5s;
}
.swiper-slide-active .visual-bg > img{
    transform: scale(1);
}
.visual-slide .swiper-slide{
    padding : 0 93px;
}
.visual-inner{
    width : 100%;
    max-width : 1734px;
    height : 100%;
    padding-top : 33.4021vh;
    margin : 0 auto;
    position : relative;
}
.visual-desc{
    font-weight: 300;
    /* font-size: 26px; */
	font-size : 48px;
	/* font-weight : 500; */
    letter-spacing: -0.04em;
    line-height: 1.2em;
    color : #fff;
    margin-bottom: 30px;
    opacity: 0;
    transform: translateY(-100px);
    transition : opacity 1.2s, transform 1.2s;
}
.swiper-slide-active .visual-desc{
    opacity: 1;
    transform: translateY(0px);
    transition : opacity 1.2s 1s, transform 1.2s 1s;
}
.visual-desc > b{
    font-weight: 500;
}
.visual-title{
    font-family: futura-pt;
    font-weight: 500;
    color : #fff;
    font-size: 68px;
    letter-spacing: 0.25em;
    line-height: 70px;
    margin-bottom: 30px;

    letter-spacing: .5em;
    opacity: 0;
    transition : letter-spacing 1.2s, opacity 1.2s;
}
.swiper-slide-active .visual-title{
    letter-spacing: 0.25em;
    opacity: 1;
    transition : letter-spacing 1.2s 1s, opacity 1.2s 1s;
}
.visual-name{
    display: block;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: -0.04em;
    color : #D0C1B1;

    transform: translateY(100px);
    opacity: 0;
    transition : opacity 1.2s, transform 1.2s;
}
.swiper-slide-active .visual-name{
    transform: translateY(0px);
    opacity: 1;
    transition : opacity 1.2s 1s, transform 1.2s 1s;
}
.visual-btn-box{
    width : 100%;
    max-width : 1734px;
    padding : 0 93px;
    position : absolute;
    z-index: 10;
    bottom : 167px;
}
.visual-btn{
    display: flex;
    width : 100%;
    max-width : 1734px;
    bottom : 167px;
    left : 0;
    z-index: 1;
    color : #fff;
}
.visual-btn > li{
    padding-bottom : 15px;
    font-size: 17px;  
    width : 147px;
    text-align: center;
    color : #6C6C6C;
    font-weight: 500;
    letter-spacing: -0.04em;
    transition : color .5s;
    border-bottom : 1px solid #696969;
    position : relative;
    cursor: pointer;
}
.visual-btn > li::after{
    position : absolute;
    content: '';
    width : 0;
    height : 1px;
    bottom : -1px;
    left : 50%;
    transition : left .5s, width .5s;
    background : #D0C1B1;
}
.visual-btn > li::before{
    position : absolute;
    content: '';
    width : 10px;
    height : 10px;
    border-radius: 50%;
    bottom : 0;
    left : 50%;
    transform: translateX(-50%) translateY(50%) scale(0);
    transition : transform .5s;
    background : #D0C1B1;
}
.visual-btn > li.current,
.visual-btn > li:hover{
    color : #D0C1B1;
}
.visual-btn > li.current::after,
.visual-btn > li:hover::after{
    width : 100%;
    left : 0;
}
.visual-btn > li.current::before,
.visual-btn > li:hover::before{
    transform: translateX(-50%) translateY(50%) scale(1);
    transition : transform .5s;
}
/**/
.main-section-premium{
    overflow: hidden;
    position : relative;
    width : 100%;
    height : 100%;
}
.premium-slide{
    width : 100%;
    height : 100%;
    position : absolute;
    left : 0;
    top : 0;
}
.premium-slide .swiper-slide{
    display: flex;
    overflow: hidden;
}
.premium-left{
    width : 50%;
    height : 100%;
    flex-shrink: 0;
    padding-top : 150px;
}
.premium-right{
    width : 50%;
    height : 100%;
    flex-shrink: 0;
    padding-top : 150px;
}
.main-section-benefit .premium-left{
    display: flex;
    align-items: center;
    justify-content: center;
}
.main-section-benefit .premium-right{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-top : 100px;
    background : url(/assets/images/main/premium-01-right-bg.jpg)no-repeat center;
    background-size: cover;
}
.benefit-left-inner{
    width : 507px;
    /* height : 165px; */
}
.benefit-left-inner .benefit-logo{
    transform: translateY(-100px);
    opacity: 0;
    transition : transform 1.2s, opacity 1.2s;
}
.active .swiper-slide-active .benefit-left-inner .benefit-logo{
    transform: translateY(0);
    opacity: 1;
    transition : transform 1.2s .5s, opacity 1.2s .5s;
}
.benefit-left-inner .benefit-title{
    font-size: 45px;
    font-family: futura-pt-bold;
    letter-spacing: 0.647em;
    text-align: right;
    padding : 18px 0;
    letter-spacing: 1.1em;
    opacity: 0;
    white-space: nowrap;
    transition : letter-spacing 1.2s, opacity 1.2s;
}
.active .swiper-slide-active .benefit-left-inner .benefit-title{
    letter-spacing: 0.647em;
    opacity: 1;
    transition : letter-spacing 1.2s .5s, opacity 1.2s .5s;
}
.benefit-left-inner .benefit-desc{
    font-size: 26px;
    letter-spacing: -0.05em;
    color : #666666;
    text-align: right;
    transform: translateY(100px);
    opacity: 0;
    transition : transform 1.2s, opacity 1.2s;
}
.active .swiper-slide-active .benefit-left-inner .benefit-desc{
    transform: translateY(0);
    opacity: 1;
    transition : transform 1.2s .5s, opacity 1.2s .5s;
}
.benefit-small-title{
    font-size: 16px;
    font-family: athena;
    font-weight: 600;
    letter-spacing: 0.1em;
    color : #7E7E7E;
    margin-bottom: 23px;

    transform: translateY(-50px);
    opacity: 0;
    transition: transform 1.2s, opacity 1.2s;
}
.active .swiper-slide-active .benefit-small-title{
    transform: translateY(0px);
    opacity: 1;
    transition: transform 1.2s .5s, opacity 1.2s .5s;
}
.benefit-title{
    font-size: 40px;
    font-weight: 400;
    letter-spacing: -0.05em;
    color : #191919;
    text-align: center;
    margin-bottom: 30px;
    line-height: 60px;

    transform: translateY(50px);
    opacity: 0;
    transition: transform 1.2s, opacity 1.2s;
}
.active .swiper-slide-active .benefit-title{
    transform: translateY(0px);
    opacity: 1;
    transition: transform 1.2s .5s, opacity 1.2s .5s;
}
.benefit-title > b{
    font-size: 55px;
    font-weight: 700;
    color : #4F177F;
}
.benefit-list{
    width : 571px;
    position : relative;
}
.benefit-list::after{
    position : absolute;
    content: '';
    width : 0;
    height : 1px;
    background : #28113C;
    left : 0;
    top : -1px;
    transition : width 1.2s;
}
.active .swiper-slide-active .benefit-list::after{
    width : 100%;
    transition : width 1.2s 1.2s;
}
.benefit-list > li{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height : 75px;
    padding : 0 24px 0 21px;
    position : relative;
    color : #232220;
}
.benefit-list > li::after{
    position : absolute;
    content: '';
    width : 0;
    height : 1px;
    background : #838383;
    left : 0;
    bottom : -1px;
    transition : width 1.2s;
}
.active .swiper-slide-active .benefit-list > li::after{
    width : 100%;
    transition : width 1.2s 1.2s;
}
.benefit-list-left{
    display: flex;
    align-items: center;
    transform: translateX(-100px);
    opacity: 0;
    transition: transform 1.2s, opacity 1.2s;
}
.active .swiper-slide-active .benefit-list-left{
    transform: translateX(0);
    opacity: 1;
    transition: transform 1.2s 1.2s, opacity 1.2s 1.2s;
}
.benefit-icon{
    display: flex;
    align-items: center;
    justify-content: center;
    width : 60px;
    height : 60px;
    border-radius: 50%;
    background : #fff;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16);
    margin-right: 13px;
}
.benefit-list-title{
    display: flex;
    flex-direction: column;
}
.benefit-list-title > p:nth-child(1){
    font-size: 14px;
    font-family: Montserrat;
    margin-bottom: 3px;
    color : #E10C77;
}
.benefit-list > li:nth-child(even) .benefit-list-title > p:nth-child(1){
    color : #4F177F;
}
.benefit-list-title > p:nth-child(2){
    font-size: 20px;
    letter-spacing: -0.06em;
    font-weight: 300;
}
.benefit-list-title > p:nth-child(2) > b{
    font-weight: 700;
}
.benefit-list-desc{
    font-size: 18px;
    font-weight: 300;
    letter-spacing: -0.06em;
    text-align: right;
    transform: translateX(100px);
    opacity: 0;
    transition: transform 1.2s, opacity 1.2s;
}
.active .swiper-slide-active .benefit-list-desc{
    transform: translateX(0);
    opacity: 1;
    transition: transform 1.2s 1.2s, opacity 1.2s 1.2s;
}
/**/
.main-section-envi .premium-left{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background : url(/assets/images/main/envi-bg.jpg)no-repeat center;
    background-size: cover;
}
.slide-small-title{
    font-size: 20px;
    font-weight: 500;
    font-family: futura-pt;
    letter-spacing: 0.1em;
    color : #CBCBCB;
    text-align: center;
    margin-bottom: 12px;
    
    transform: translateY(-50px);
    opacity: 0;
    transition : transform 1.2s, opacity 1.2s;
}
.slide-title{
    font-size: 46px;
    letter-spacing: -0.04em;
    font-weight: 300;
    line-height: 51px;
    text-align: center;
    margin-bottom: 11px;
    color : #fff;

    transform: translateY(50px);
    opacity: 0;
    transition : transform 1.2s, opacity 1.2s;
}
.slide-title b{
    font-weight: 700;
}
.slide-desc{
    font-size: 18px;
    letter-spacing: -0.04em;
    color : #fff;
    font-weight: 500;
    text-align: center;
    opacity: 0;
    transform: translateY(50px);
    transition : transform 1.2s, opacity 1.2s;
}
.active .swiper-slide-active .slide-small-title,
.active .swiper-slide-active .slide-title,
.active .swiper-slide-active .slide-desc{
    opacity: 1;
    transform: translateY(0);
    transition : transform 1.2s .5s, opacity 1.2s .5s;
}
.slide-list{
    width : 666px;
    border-bottom : 1px solid rgba(255,255,255,0.28);
    margin : 38px 0 42px;

    transform: scale(1.1);
    filter: blur(3px);
    -webkit-filter : blur(3px);
    opacity: 0;
    transition : filter 1.2s, opacity 1.2s, transform 1.2s;
}
.slide-list > li{
    display: flex;
    align-items: center;
    justify-content: center;
    height : 55px;
    font-size: 20px;
    letter-spacing: -0.04em;
    color : #BEBEBE;
    font-weight: 500;
    background : transparent;
    transition : background .5s, color .5s;
    border-top : 1px solid rgba(255,255,255,0.28);
}
.slide-list > li.on{
    color : #D0C1B1;   
    font-weight: 700;
    background : rgba(255,255,255,0.11);
}
.slide-btn{
    display: flex;
    align-items: center;
    justify-content: center;
    width : 249px;
    height : 71px;
    border-radius: 6px;
    background : #fff;
    letter-spacing: 0.2em;
    font-weight: 700;
    font-size: 18px;
    transition : letter-spacing .5s;
    white-space: nowrap;

    transform: scale(1.1);
    filter: blur(3px);
    -webkit-filter : blur(3px);
    opacity: 0;
    transition : filter 1.2s, opacity 1.2s, transform 1.2s, letter-spacing .5s;
}
.main-section-envi .slide-btn{
    color : #4F177F;
}
.main-section-design .slide-btn{
    color : #E10C77;
}
.slide-btn:hover{
    letter-spacing: .4em;
}
.active .swiper-slide-active .slide-list,
.active .swiper-slide-active .slide-btn{
    transform: scale(1) translateX(0) translateY(0);
    filter: blur(0);
    -webkit-filter : blur(0);
    opacity: 1;
    transition : filter 1.2s .5s, opacity 1.2s .5s, transform 1.2s .5s, letter-spacing .5s;
}
.main-section-envi .premium-right,
.main-section-design .premium-right{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.envi-slide,
.design-slide{
    width : 774px;
    overflow: hidden;
    transform: translateY(100px);
    opacity: 0;
    transition : transform 1.2s, opacity 1.2s;
}
.envi-slide .swiper-slide,
.design-slide .swiper-slide{
    display: flex;
    flex-direction: column;
}
.slide2-title{
    font-size: 45px;
    font-weight: 500;
    font-family: futura-pt;
    color : #4F177F;
    margin-bottom: 9px;
    width : 774px;

    letter-spacing: .5em;
    opacity: 0;
    transition : letter-spacing 1.2s, opacity 1.2s;
}
.main-section-design .slide2-title{
    color : #E10C77;
}
.active .swiper-slide-active .envi-slide,
.active .swiper-slide-active .design-slide,
.active .swiper-slide-active .slide2-title{
    letter-spacing: 0em;
    transform: translateY(0);
    opacity: 1;
    transition : letter-spacing 1.2s .5s, opacity 1.2s .5s, transform 1.2s .5s;
}
.slide2-num{
    font-size: 28px;
    font-family: futura-pt;
    color : #777777;
    font-weight: 500;
    margin-bottom: 9px;
}
.slide2-name{
    font-size: 30px;
    letter-spacing: -0.04em;
    color : #151515;
    font-weight: 700;
    margin-bottom: 16px;
}
.slide2-desc{
    font-size: 20px;
    letter-spacing: -0.04em;
    line-height: 30px;
    color : #151515;
    margin-bottom: 30px;
}
.slide2-desc > b{
    font-weight: 700;
}
.main-section-design .premium-left{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background : url(/assets/images/main/design-bg.jpg)no-repeat center;
    background-size : cover;
}
.premium-control{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap : 25px;
    text-align: center;
    position : absolute;
    left : 50%;
    top : 50%;
    z-index: 10;
    transform: translateX(-100%) translateY(-50%);
    padding-right : 42px;
    opacity: 0;
    transition : opacity 1.2s;
}
.active .premium-control{
    opacity: 1;
    transition-delay: .5s;
}
.premium-navigation > li{
    display: flex;
    align-items: center;
    justify-content: center;
    height : 30px;
    font-size: 22px;
    color : #A8A8A8;
    position : relative;
}
.premium-navigation > li > span{
    font-family: futura-pt;
    opacity: 0;
    transition : opacity .5s;
}
.premium-navigation > li.on > span{
    opacity: 1;   
}
.premium-navigation > li::after{
    position : absolute;
    content : '';
    width : 8px;
    height : 8px;
    border-radius: 50%;
    background : #959595;
    transition : transform .5s;
}
.premium-navigation > li.on::after{
    transform: scale(0);
}
.premium-index{
    font-size: 26px;
    color : #D0C1B1;
}
.premium-total{
    font-size: 26px;
    color : #AFAFAF;
}
.premium-prev,.premium-next{
    cursor: pointer;
    transition : opacity .5s;
}
.premium-prev.swiper-button-disabled,
.premium-next.swiper-button-disabled{
    opacity: 0;
    pointer-events: none;
}
.premium-prev img,.premium-next img{
    transition : transform .5s;
}
.premium-prev:hover > img{
    transform: translateY(-10px);
}
.premium-next:hover > img{
    transform: translateY(10px);
}
/**/
.main-section-location{
    background : url(/assets/images/main/location-bg.jpg)no-repeat center;
    background-size: cover;
}
.main-section-location .fp-tableCell{
    display: flex;
    align-items: center;
    justify-content: center;
}
.location-inner{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width : 1423px;
    padding-top : 150px;
}
.location-box{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    transform: translateX(-100px);
    opacity: 0;
    transition : transform 1.2s, opacity 1.2s;
}
.active .location-box{
    transform: translateX(0);
    opacity: 1;
    transition : transform 1.2s .5s, opacity 1.2s .5s;
}
.location-map{
    margin-bottom: 36px;
    position : relative;
}
.location-line{
    position :absolute;
    width : 100%;
    height : 100%;
    z-index: 1;
}
.location-line > span{
    position : absolute;
    background : #4F177F;
    transition : width 1s, height 1s;
}
.location-line > span:nth-child(1){
    height : 1px;
    /* width : 97px; */
	width : 100%;
    left : 0;
    top : 0;
}
.location-line > span:nth-child(2){
    width : 1px;
    /* height : 97px; */
	height : 100%;
    left : 0;
    top : 0;
}
.location-line > span:nth-child(3){
    height : 1px;
    /* width : 116px; */
	width : 100%;
    right : 0;
    bottom : 0;
}
.location-line > span:nth-child(4){
    width : 1px;
    /* height : 189px; */
	height : 100%;
    right : 0;
    bottom : 0;
}
.location-map:hover .location-line > span:nth-child(2),
.location-map:hover .location-line > span:nth-child(4){
    height : 100%;
}
.location-map:hover .location-line > span:nth-child(1),
.location-map:hover .location-line > span:nth-child(3){
    width : 100%;
}
.location-address{
    display: flex;
    align-items: center;
    gap : 22px;
    font-size: 18px;
    letter-spacing: -0.06em;
    font-weight: 500;
    color : #141414;
    margin-bottom: 32px;
}
.location-address > span{
    display: flex;
    align-items: center;
    padding-right : 22px;
    height : 15px;
    border-right : 1px solid #484848;
    color : #4F177F;
    font-weight: 700;
}
.location-btn-box{
    display: flex;
    gap : 7px;
    margin-bottom: 53px;;
}
.location-tel{
    font-size: 19px;
    font-weight: 500;
    text-align: center;
}
.location-tel > span{
    font-size: 51px;
    font-weight: 500;
    font-family: futura-pt;
    color : #232220;
}
/**/
.customer-box{
    width : 697px;
    transform: translateX(100px);
    opacity: 0;
    transition : transform 1.2s, opacity 1.2s;
}
.active .customer-box{
    transform: translateX(0);
    opacity: 1;
    transition : transform 1.2s .5s, opacity 1.2s .5s;
}
.customer-small-title{
    font-size: 20px;
    letter-spacing: -0.04em;
    font-weight: 700;
    color : #4F177F;
}
.customer-title{
    font-size: 60px;
    font-weight: 500;
    font-family: futura-pt;
    margin-bottom: 8px;
}
.customer-desc{
    font-size: 16px;
    font-weight: 500;
    color : #141414;
    line-height: 26px;
    letter-spacing: -0.06em;
    margin-bottom: 24px;
}
.customer-desc > span{
    color : #4F177F;
}
.customer-table-title{
    font-size:26px;
    letter-spacing: -0.06em;
    font-weight: 500;
    color : #141414;
    margin-bottom: 24px;
}
.customer-table{
    letter-spacing: -0.06em;
    margin-bottom: 17px;
}
.customer-tr{
    display: flex;
    gap : 14px;
}
.customer-tr.name{
    height : 44px;
}
.customer-tr.tel{
    height : 44px;
}
.customer-tr.address{
    /* height : 152px; */
	height : 44px;
}
.customer-tr.email{
    height : 44px;
}
.customer-th{
    display: flex;
    align-items: center;
    justify-content: start;
    width : 136px;
    height : 100%;
    flex-shrink: 0;
    border-bottom : 1px solid #909090;
    font-weight: 500;
    color : #141414;
}
.customer-td{
    width : 100%;
    border-bottom : 1px solid #909090;
}
.customer-tr:nth-child(1) .customer-th,
.customer-tr:nth-child(1) .customer-td{
    border-top : 1px solid #23221F;
}
.customer-tr.name .customer-td > input{
    width : 100%;
    height : 100%;
    background : none;
    border : none;
    outline : none;
}
.customer-tr.tel .customer-td{
    display: flex;
    align-items: center;
    gap : 5px;
}
.customer-tr.tel .customer-td > select{
    height : 100%;
    width : 33%;
    background : none;
    border : none;
    outline : none;
}
.customer-tr.tel .customer-td > input{
    height : 100%;
    width : 33%;
    background : none;
    border : none;
    outline : none;
}
.customer-tr.address .customer-td > select{
    height : 100%;
    width : 32%;
    background : none;
    border : none;
    outline : none;
}
.customer-tr.address .customer-address-search{
    display: flex;
    align-items: center;
    gap : 14px;
    height : 44px;
    color : #141414;
}
.customer-tr.address .customer-address-search > input{
    background : none;
    border : none;
    outline : none;
    border-bottom : 1px solid #909090;
    height : 100%;
    width : 357px;
}
.customer-tr.address .customer-td > input{
    background : none;
    border : none;
    outline : none;
    border-bottom : 1px solid #909090;
    height : 44px;
    width : 100%;
}
.customer-tr.email .customer-td{
    display: flex;
    align-items: center;
    gap : 5px;
}
.customer-tr.email .customer-td > input{
    background : none;
    border : none;
    outline : none;
    height : 100%;
}
.customer-tr.email .customer-td > select{
    width : 157px;
    height : 30px;
    background : #fff;
    border : none;
    appearance: none;
    text-indent: 10px;
    flex-shrink: 0;
}
.customer-info{
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 500;
    color : #141414;
    margin-bottom: 22px;
}
.customer-agree{
    display: flex;
    align-items: center;
    gap : 33px;
}
.customer-check-box{
    display: flex;
    align-items: center;
    gap : 13px;
}
.customer-check-box > label{
    display: flex;
    align-items: center;
    gap : 5px;
}
.customer-check-box > label > input{
    display: flex;
    align-items: center;
    justify-content: center;
    appearance: none;
    width : 16px;
    height : 16px;
    background : #fff;
    border-radius: 50%;
    border : 1px solid #BEBEBE;
}
.customer-check-box > label > input:checked::after{
    position : absolute;
    content : '';
    width : 8px;
    height : 8px;
    border-radius: 50%;
    background : #092949;
}
.customer-btn{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 157px;
    height : 30px;
    background : #4D4D4D;
    color : #fff;
    font-size: 16px;
    letter-spacing: -0.06em;
}
.customer-submit{
    display: flex;
    align-items: center;
    width : 256px;
    height : 72px;
    background : none;
    border-radius: 100px;
    border : 1px solid #A1A1A1;
    margin : 0 auto;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0;
    color : #23221F;
    padding-left : 37px;
    position : relative;
    cursor : pointer;
    transition : background .3s, color .3s;
}
.customer-submit > span{
    width : 10px;
    height : 10px;
    border-top : 1px solid #000;
    border-right : 1px solid #000;
    transform: rotate(45deg);
    position: absolute;
    right : 38px;
    transition : border-color .3s;
}
.customer-submit:hover{
    background : #501780;
    color : #fff;
}
.customer-submit:hover > span{
    border-color : #fff;
}

.customer-btn {
	cursor: pointer;
}
.modal {
	display: none;
    position: absolute;
	z-index: 1000;
    top:0;
    left: 0;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    background: rgba(0,0,0,0.5);
}
.modal .modal_popup {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 20px;
    background: #ffffff;
    border-radius: 20px;
}
.modal .modal_popup .modal_popup_cont {
	margin: 10px 0 30px;
	font-size: 13px;
}
.modal .modal_popup .modal_popup_cont p {
	font-weight: 600;
	font-size: 15px;
}
.modal .modal_popup .close_btn {
    position: absolute;
	top: 15px;
	right: 20px;
    display: block;
    border: none;
    color: #4F177F;
    cursor: pointer;
	background: transparent;
}
.modal .modal_popup .close_btn svg {
	width: 34px;
	height: 34px;
}
/* new */
.premium-inner {
    width : 100%;
	height : 100%;
    padding-top: 150px;
    margin : 0 auto;
	text-align: center;
	background: #cf337b;
}
.premium-slide{
	position : absolute;
	width : 100%;
	height : 100%;
	left : 0;
	top : 0;
	z-index : 1;
	/* background : rgba(255,255,255,0.5); */
}

.envi-list{
	display : flex;
	flex-direction : column;
	align-items : stretch;
	width : 100%;
	height : 100%;
	overflow : hidden;
	position : relative;
}
.envi-list > li{
	width : 100%;
	height : 100%;
	overflow : hidden;
	flex-shrink : 0;
	background: #cf337b;
	position : absolute;
	transition : transform 1s, height 1s;
}
.envi-list.type1 > li:nth-child(1){
	transform : translateY(0);
}
.envi-list.type2 > li:nth-child(1){
	transform : translateY(0);
}
.envi-list.type3 > li:nth-child(1){
	transform : translateY(0);
}
.envi-list.type4 > li:nth-child(1){
	transform : translateY(0);
}
.envi-list.type5 > li:nth-child(1){
	transform : translateY(0);
}

.envi-list.type1 > li:nth-child(2){
	transform : translateY(100%);
}
.envi-list.type2 > li:nth-child(2){
	transform : translateY(150px);
}
.envi-list.type3 > li:nth-child(2){
	transform : translateY(0px);
}
.envi-list.type4 > li:nth-child(2){
	transform : translateY(0px);
}
.envi-list.type5 > li:nth-child(2){
	transform : translateY(0);
}

.envi-list.type1 > li:nth-child(3){
	transform : translateY(100%);
}
.envi-list.type2 > li:nth-child(3){
	transform : translateY(100%);
}
.envi-list.type3 > li:nth-child(3){
	transform : translateY(150px);
}
.envi-list.type4 > li:nth-child(3){
	transform : translateY(0px);
}
.envi-list.type5 > li:nth-child(3){
	transform : translateY(0);
}

.envi-list.type1 > li:nth-child(4){
	transform : translateY(100%);
}
.envi-list.type2 > li:nth-child(4){
	transform : translateY(100%);
}
.envi-list.type3 > li:nth-child(4){
	transform : translateY(100%);
}
.envi-list.type4 > li:nth-child(4){
	transform : translateY(150px);
}
.envi-list.type4 > li:nth-child(4){
	transform : translateY(150px);
}

.envi-list.type1 > li:nth-child(5){
	transform : translateY(100%);
}
.envi-list.type2 > li:nth-child(5){
	transform : translateY(100%);
}
.envi-list.type3 > li:nth-child(5){
	transform : translateY(100%);
}
.envi-list.type4 > li:nth-child(5){
	transform : translateY(100%);
}
.envi-list.type5 > li:nth-child(5){
	transform : translateY(150px);
}
.envi-inner{
	margin : 0 auto;
	width : 100%;
	max-width : 100%;
	position : relative;
}
.envi-title{
	display : flex;
	flex-direction : column;
	justify-content : center;
	align-items : start;
	width : 100%;
	height : 150px;
	font-size : 58px;
	line-height : 60px;
	letter-spacing : -0.06em;
	color : #015152;
	border-bottom: 1px solid #E8E8E8;
}
.envi-title > span{
	font-size : 16px;
	font-weight : 400;
	color : #111111;
}
.envi-title > div{
	font-weight : 100;
	font-family : Italiana;
	color: #E8DAC4;
	font-size: 80px;
	margin-left: 80px;
	letter-spacing : 6px;
}
.envi-title > div > b{
	font-weight : 500;
}
.envi-img{
	width : 674px;
	height : 340px;
	border-radius : 0px;
	position : absolute;
	right : 0;
	top : 190px;
	overflow : hidden;
	margin-right: 80px;
}
.envi-img > img{
	width : 100%;
	height : 100%;
	object-fit : cover;
	object-position : center;
}
.envi-img > iframe{
	width : 100%;
	height : 100%;
	position : absolute;
	left : 0;
	top : 0;
	transform : scale(1.2)
}
.envi-desc-box{
	display : flex;
	flex-direction : column;
	gap : 10px;
	position : relative;
	padding-top : 60px;
	letter-spacing : -0.04em;
	text-align: left;
	margin-left: 80px;
}
.envi-desc-box .tit{
	color: #E8DAC4;
	font-size: 51px;
	padding-bottom: 20px;
}
.envi-desc-box .desc{
	color: #E8DAC4;
	font-size: 16px;
}
.envi-desc-box > p{
	/* font-size : 15px; */
	font-size : 20px;
	color : #111111;
	font-weight : 300;
	line-height : 28px;
}