@font-face {
    font-family: Mansory;
    src: url(/assets/fonts/MansoryMedium.woff2);
    font-weight: 500;
}
/* .visual-inner{
    width : 100%;
    height : 100%;
    position : relative;
    overflow: hidden;
    background : #f2f2f2;
}
.visual-bg{
    position : absolute;
    bottom : 0;
    width : 100%;
}
.visual-bg > img.visual-bg-01{
    width : 100%;
    height : auto;
    z-index: 1;
    position : relative;
    transform: translateY(1px);
}
.visual-obj{
    position : absolute;
}
.visual-bg > .visual-obj-01{
    display: flex;
    left : 4.1667vw;
    top : -6.3229vw;
    z-index: 0;
}
.visual-bg > .visual-obj-01 > img:nth-child(1){
    width : 3.4693vw;
    transform: translateY(100%);
    opacity: 0;
    transition : transform 1.5s, opacity 1.2s;
}
.on .visual-bg > .visual-obj-01 > img:nth-child(1){
    transform: translateY(0);
    opacity: 1;
}
.visual-bg > .visual-obj-01 > img:nth-child(2){
    width : 3.5688vw;
    position : relative;
    top : 0.75vw;
    transform: translateY(100%);
    opacity: 0;
    transition : transform 1.5s .2s, opacity 1.5s .2s;
}
.on .visual-bg > .visual-obj-01 > img:nth-child(2){
    transform: translateY(0);
    opacity: 1;
}
.visual-obj.visual-obj-02{
    left : 15.4688vw;
    top : 2.5521vw;
    width : 6.4917vw;
    z-index: 1;
    opacity: 0;
    transform: scale(1.5);
    transition : opacity 1.5s .6s, transform 1.5s .6s;
}
.on .visual-obj.visual-obj-02{
    opacity: 1;
    transform: scale(1);
}
.visual-obj.visual-obj-03{
    right : 21.3542vw;
    bottom : -0.4167vw;
    width : 18.8021vw;
    z-index: 0;
    transform: translateY(100%);
    opacity: 0;
    transition : transform 1.5s .2s, opacity 1.5s .2s;
}
.on .visual-obj.visual-obj-03{
    transform: translateY(0);
    opacity: 1;
}
.visual-obj.visual-obj-04{
    right : 4.1667vw;
    bottom : 11.0417vw;
    width : 6.4063vw;
    z-index: 1;
    opacity: 0;
    transform: scale(1.5);
    transition : transform 1.5s .8s, opacity 1.5s .8s;
}
.on .visual-obj.visual-obj-04{
    transform: scale(1);
    opacity: 1;
}
.visual-con{
    width : 100%;
    height : 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
    padding-top : 22.6804vh;
}
.visual-title{
    font-family: Mansory;
    font-weight: 500;
    color : #309BA0;
    font-size: 64px;
    line-height: 70px;
    letter-spacing: 1em;
    opacity: 0;
    transition : opacity 2s 1.5s, letter-spacing 2s 1.5s;
}
.on .visual-title{
    letter-spacing: 0em;
    opacity: 1;
}
.visual-title-kor{
    font-size: 64px;
    font-weight: 400;
    color : #309BA0;
    line-height: 70px;
    letter-spacing: 1em;
    margin-bottom: 30px;
    letter-spacing: 1em;
    opacity: 0;
    transition : opacity 2s 1.2s, letter-spacing 2s 1.2s;
}
.on .visual-title-kor{
    letter-spacing: 0em;
    opacity: 1;
}
.visual-title-kor > b{
    font-weight: 500;
}
.visual-desc{
    text-align: center;
    line-height: 39px;
    font-size: 25px;
    letter-spacing: -0.04em;
    margin-bottom: 30px;
}
.visual-desc > p{
    transition : transform 2s 1.4s, opacity 2s 1.4s;
    transform: translateX(-100px);
    opacity: 0;
}
.visual-desc > p:nth-child(2){
    transition-delay: 1.5s;
}
.visual-desc > p:nth-child(3){
    transition-delay: 1.6s;
}
.on .visual-desc > p{
    transform: translateX(0);
    opacity: 1;
}
.visual-logo{
    opacity: 0;
    transform: translateY(100px);
    transition : opacity 2s 1.4s, transform 2s 1.4s;
}
.on .visual-logo{
    opacity: 1;
    transform: translateY(0);
} */
/**/
.quick-menu-box{
	display : flex;
	position : fixed;
    right : 0;
    top : 50%;
	transform: translateY(-50%);
    z-index: 10;
}
.quick-menu{
    width : 85px;
}
.quick-menu-title{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width : 100%;
    height : 85px;
    background : #379EA3;
    font-size: 16px;
    letter-spacing: 0.05em;
    font-weight: 700;
    color : #fff;
    text-align: center;
    font-family: pretendard;
}
#popup-wrap{z-index : -1;display : flex;height : 100%;flex-shrink : 0;justify-content : end;}
#popup-wrap > ul{display : flex;transform : translateX(100%);transition : transform .7s;}
#popup-wrap > ul:not(:first-child){position : absolute;}
#popup-wrap > ul.on{transform : translateX(0)}
#popup-wrap > ul > li{flex-shrink : 0;}
.popup-btn{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding : 29px 18px;
    width : 100%;
    height : 402px;;
    background: #0A2C59;
    cursor : pointer;
}
.popup-btn > span{
    font-size: 27px;
    font-weight: 700;
    font-family: pretendard;
    color : #fff;
    writing-mode: sideways-rl;
}
.popup-icon{
    position :relative;
}
.popup-icon > img{
    transition : opacity .5s;
}
.popup-icon > .popup-open{
    position :absolute;
    top : 0;
    left : 0;
    opacity: 0;
}
#popup-wrap.on + .quick-menu .popup-btn .popup-open{
    opacity: 1;
}
#popup-wrap.on + .quick-menu .popup-btn .popup-close{
    opacity: 0;
}
.quick-customer{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap : 4px;
    width : 100%;
    height : 85px;
    background : #E8E8E8;
    font-size: 14px;
    letter-spacing: -0.06em;
    font-weight: 700;
    color : #1C1C1C;
}
/**/
.main-section-visual{
    overflow: hidden;
}
.visual-slide{
    width : 100%;
    height : 100%;
}
.visual-slide .swiper-slide{
    display: flex;
    justify-content: center;
    padding : 28.6598vh 179px 0;
    position : relative;
}
.visual-bg{
    width : 100%;
    height : 100%;
    position : absolute;
    left : 0;
    top : 0;
    z-index: -1;
}
.visual-bg > img{
    width : 100%;
    height : 100%;
    object-fit: cover;
    object-position: center;
    transform: scale(1.15);
    transition : transform 1s 1s;
}
.swiper-slide-active .visual-bg > img{
    transform: scale(1);
    transition : transform 5s;
}
.visual-inner{
    width : 100%;
    max-width : 1562px;
}
.visual-title{
    font-family: Mansory;
    font-weight: 500;
    /* color : #0A2C59; */
	color : #fff;
    font-size: 64px;
    line-height: 70px;
    letter-spacing: 1em;
    opacity: 0;
    transition : opacity 2s 1s, letter-spacing 2s 1s;
}
.swiper-slide-active .visual-title{
    letter-spacing: 0em;
    opacity: 1;
}
.visual-title-kor{
    font-size: 64px;
    font-weight: 400;
    /* color : #0A2C59; */
	color : #fff;
    line-height: 70px;
    letter-spacing: 1em;
    margin-bottom: 23px;
    letter-spacing: 1em;
    opacity: 0;
    transition : opacity 2s 1s, letter-spacing 2s 1s;
}
.swiper-slide-active .visual-title-kor{
    letter-spacing: 0em;
    opacity: 1;
}
.visual-title-kor > b{
    font-weight: 500;
}
.visual-desc{
	color : #fff;
	font-size : 18px;
	font-weight : 500;
	margin-bottom: 36px;
	opacity: 0;
    transform: translateX(-100px);
    transition : opacity 2s 1.2s, transform 2s 1.2s;
}
.swiper-slide-active .visual-desc{
	opacity: 1;
    transform: translateX(0);
}
.visual-logo{
    opacity: 0;
    transform: translateY(100px);
    transition : opacity 2s 1.2s, transform 2s 1.2s;
}
.swiper-slide-active .visual-logo{
    opacity: 1;
    transform: translateY(0);
} 
/**/
.main-section-visual2{
	overflow : hidden;
}
.main-section-visual2 .fp-tableCell{
    display: flex;
    justify-content: center;
    padding : 28.6598vh 179px 0;
    position : relative;
}
.visual2-inner{
    width : 100%;
    max-width : 1562px;
}
.visual2-bg{
    width : 100%;
    height : 100%;
    position : absolute;
    left : 0;
    top : 0;
    z-index: -1;
	overflow : hidden;
}
.visual2-bg > img{
    width : 100%;
    height : 100%;
    object-fit: cover;
    object-position: center;
}
.visual2-inner{
    width : 100%;
    max-width : 1562px;
    position : relative;
}
.visual2-title{
    font-family: Mansory;
    font-weight: 500;
    color : #0A2C59;
    font-size: 64px;
    line-height: 70px;
    letter-spacing: 1em;
    opacity: 0;
    transition : opacity 2s, letter-spacing 2s;
}
.active .visual2-title{
    transition : opacity 2s 1s, letter-spacing 2s 1s;
    letter-spacing: 0em;
    opacity: 1;
}
.visual2-title-kor{
    font-size: 64px;
    font-weight: 400;
    color : #0A2C59;
    line-height: 70px;
    letter-spacing: 1em;
    margin-bottom: 30px;
    letter-spacing: 1em;
    opacity: 0;
    transition : opacity 2s, letter-spacing 2s;
}
.active .visual2-title-kor{
    transition : opacity 2s 1s, letter-spacing 2s 1s;
    letter-spacing: 0em;
    opacity: 1;
}
.visual2-title-kor > b{
    font-weight: 500;
}
.visual2-desc{
    line-height: 39px;
    font-size: 25px;
    letter-spacing: -0.04em;
    margin-bottom: 30px;
}
.visual2-desc > p{
    transition : transform 2s, opacity 2s;
    transform: translateX(-100px);
    opacity: 0;
}
.active .visual2-desc > p:nth-child(1){
    transition-delay: 1s;
}
.active .visual2-desc > p:nth-child(2){
    transition-delay: 1.1s;
}
.active .visual2-desc > p:nth-child(3){
    transition-delay: 1.2s;
}
.active .visual2-desc > p{
    transform: translateX(0);
    opacity: 1;
}
.visual2-logo{
    opacity: 0;
    transform: translateY(100px);
    transition : opacity 2s, transform 2s;
}
.active .visual2-logo{
    opacity: 1;
    transform: translateY(0);
    transition : opacity 2s 1s, transform 2s 1s;
} 
.visual2-sign{
    margin-top : -34px;
    opacity: 0;
    transform: translateX(-300px) translateY(150px);
    transition : transform 1s, opacity 1s;
}
.active .visual2-sign{
    opacity: 1;
    transform: translateX(0) translateY(0);
    transition : transform 1.2s 2s, opacity 1.2s 2s;
}
.visual2-obj{
    position : absolute;
    right : -77px;
    top : 104px;
    opacity: 0;
    transform: scale(1.2);
    transition : transform 1.2s, opacity 1.2s;
}
.active .visual2-obj{
    opacity: 1;
    transform: scale(1);
    transition : transform 1.2s 2s, opacity 1.2s 2s;
}
.visual2-info{
    position : absolute;
    bottom : 47px;
    right : 80px;
    font-size: 13px;
    letter-spacing: -0.04em;
    color : #909090;
    font-weight: 500;
    opacity: 0;
    transition : opacity 1.2s;
}
.active .visual2-info{
    opacity: 1;
    transition : opacity 1.2s 2s;
}
/**/
.section-inner{
    width : 100%;
    height : 100%;
    padding-top : 148px;
    position : relative;
}
.premium-list{
    display: flex;
    width : 100%;
    height : 100%;
    padding-top : ;
}
.premium-list .swiper-slide{
    width : 25%;
    height : 100%;
    background : #aaa;
    flex-shrink: 0;
    overflow: hidden;
    position : relative;
    padding : 80px 60px;
}
.premium-bg{
    position : absolute;
    width : 100%;
    height : 100%;
    left : 0;
    top : 0;
    z-index: 0;
    transition : filter 1s, transform 1s;
    transform-origin: bottom;
}
.premium-list > li:hover .premium-bg{
    transition : filter 1s, transform 3s;
    filter: brightness(0.5);
    transform: scale(1.15);
}
.premium-bg-01{
    background : url(/assets/images/main/premium-bg-01.jpg)no-repeat center bottom;
    background-size : cover;
}
.premium-bg-02{
    background : url(/assets/images/main/premium-bg-02.jpg)no-repeat center bottom;
    background-size : cover;
}
.premium-bg-03{
    background : url(/assets/images/main/premium-bg-03.jpg)no-repeat center bottom;
    background-size : cover;
}
.premium-bg-04{
    background : url(/assets/images/main/premium-bg-04.jpg)no-repeat center bottom;
    background-size : cover;
}
.premium-bg-05{
    background : url(/assets/images/main/premium-bg-05.jpg)no-repeat center bottom;
    background-size : cover;
}
.premium-inner{
    position : relative;
    width : 100%;
    height : 100%;
}
.premium-title{
    font-size: 60px;
    letter-spacing: -0.04em;
    color : #EDEDED;
    font-family: futura-pt-bold;
    font-family: 700;
    margin-bottom: 120px;
    transform: translateY(-100px);
    opacity: 0;
    transition : transform 1s, opacity 1s;
}
.active .premium-title{
    opacity: 1;
    transform: translateY(0);
    transition-delay: .5s;
}
.premium-con{
    padding-top : 47px;
    position : absolute;
    top : 45%;
    left : 0;
    transform: translateY(-50%);
}
.premium-con::after{
    position : absolute;
    content : '';
    width : 0;
    height : 2px;
    background : #fff;
    top : 0;
    left : 0;
    transition : width .5s;
}
.premium-list .swiper-slide:hover .premium-con::after{
    width : 39px;
}
.premium-sub-title{
    font-size: 22px;
    font-weight: 500;
    color : #FFFFFF;
    letter-spacing: -0.04em;
    margin-bottom: 15px;
    opacity: 0;
    transform: translateX(-100px);
    transition : transform .7s, opacity .7s;
}
.premium-desc{
    font-size: 16px;
    letter-spacing: -0.04em;
    line-height: 26px;
    color : #fff;
    opacity: 0;
    transform: translateY(100px);
    transition : transform .7s, opacity .7s;
}
.premium-list .swiper-slide:hover .premium-sub-title{
    transform: translateX(0);
    opacity: 1;
}
.premium-list .swiper-slide:hover .premium-desc{
    transform: translateY(0);
    opacity: 1;
}
.premium-num-box{
    position : absolute;
    bottom : 0;
    left : 0;
    color : #fff;
    opacity: 0;
    transition : opacity 1s;
}
.active .premium-num-box{
    opacity: 1;
    transition-delay: .5s;
}
.premium-num-box > span{
    font-family: Montserrat;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.1em;
    
    white-space: nowrap;
    transition : opacity .7s, transform .7s;
}
.premium-num-box > span:nth-child(1){
    writing-mode: vertical-lr;
}
.premium-num-box > span:nth-child(2){
    position : absolute;
    left : 0;
    bottom : 0;
    transform: translateX(-100%);
    opacity: 0;
}
.premium-list .swiper-slide:hover .premium-num-box > span:nth-child(1){
    transform: translateY(100%);
    opacity: 0;
}
.premium-list .swiper-slide:hover .premium-num-box > span:nth-child(2){
    transform: translateX(0);
    opacity: 1;
}
/**/
.main-section-envi{
    overflow: hidden;
}
.main-section-envi .section-inner{
    display: flex;
    align-items: center;
    justify-content: center;
}
.envi-inner{
    display : flex;
    align-items: center;
    justify-content: center;
    width : 1760px;
    height : 620px;
    position : relative;
}
.envi-title-box{
    position : absolute;
    left : 0;
    top : 0;
}
.envi-title-svg1{
    transform: translateX(30px);
    transition : transform 1s;
}
.active .envi-title-svg1{
    transform: translateX(0px);
    transition-delay: 2s;
}
.envi-title-svg1 text{
    fill:transparent;
    stroke-width: 1px;
    stroke : #0a2c59;
    font-family: futura-pt-bold;
    stroke-dasharray: 0% 50%;
    transition : stroke-dasharray 1.5s;
}
.active .envi-title-svg1 text{
    stroke-dasharray: 50% 0%;
    transition : stroke-dasharray 1.5s .5s;
}
.envi-title-svg1 tspan{
    font-family: futura-pt-bold;
}
.envi-title-svg2{
    transform: translateX(30px);
    transition : transform 1s;
}
.active .envi-title-svg2{
    transform: translateX(60px);
    transition-delay: 2s;
}
.envi-title-svg2 text{
    stroke-width: 1px;
    stroke : #0a2c59;
    font-family: futura-pt-bold;
    fill : transparent;
    stroke-dasharray: 0% 50%;
    transition : stroke-dasharray 1.5s, fill 1s;
}
.active .envi-title-svg2 text{
    stroke-dasharray: 50% 0%;
    fill: #0a2c59;
    transition : stroke-dasharray 1.5s .5s, fill 1s 2s;
}
.envi-title-svg2 tspan{
    font-family: futura-pt-bold;
}
.envi-bottom{
    position : absolute;
    bottom : 0;
    right : 0;
    text-align: right;
}
.envi-bottom-title{
    font-size: 28px;
    letter-spacing: -0.04em;
    font-weight: 300;
    margin-bottom: 16px;
    line-height: 38px;
    color : #0A0A0A;

    transition : transform 1s, opacity 1s;
    transform: translateY(-50px);
    opacity: 0;
}
.envi-bottom-title > b{
    font-weight: 700;
}
.envi-bottom-desc{
    font-size: 19px;
    line-height: 26px;
    letter-spacing: -0.04em;
    color : #0A0A0A;
    font-weight: 300;

    transition : transform 1s, opacity 1s;
    transform: translateY(50px);
    opacity: 0;
}
.envi-bottom-desc > b{
    font-weight: 500;
}
.active .envi-bottom-title,
.active .envi-bottom-desc{
    transform: translateY(0);
    opacity: 1;
    transition-delay: 2s;
}
.envi-slide{
    position : absolute;
    left : 0;
    top : 0;
    width : 100%;
    height : 100%;
}
.envi-slide .swiper-slide{
    display: flex;
    align-items: center;
    justify-content: center;
}
.envi-slide .swiper-slide-active{
    z-index: 10;
    position : relative;
}
.envi-img-list{
    display: flex;
    align-items: center;
    width : 873px;
    height : 474px;
    position : absolute;
    top: 50%;
    left : 50%;
    transform: translateX(25%) translateY(calc(-50% - 300px));
    opacity : 0;
    transition : transform 1s, opacity 1s;
    z-index: 1;
}
.active .envi-img-list{
    transform: translateX(-25%) translateY(-50%);
    opacity : 1;
}
.envi-img-list .envi-img{
    width : 118px;
    position : absolute;
    transition : width 1s, left 1s;
}
.envi-img-list .envi-img-01{
    left : 0;
}
.envi-img-list .envi-img-02{
    left : 489px
}
.envi-img-list .envi-img-03{
    left : 622px;
}
.envi-img-list .envi-img-04{
    left : 755px
}
.envi-img-list .envi-img.on{
    width : 474px;
}
.envi-img{
    width : 118px;
    transition : width 1s;
    position : relative;
}
.envi-rotate-btn{
    display: flex;
    align-items: center;
    justify-content: center;
    position : absolute;
    top : 0;
    right : 0;
    width : 124px;
    height : 124px;
}
.envi-rotate-btn > img{
    opacity: 0;
    transition : transform .5s, opacity .5s;
}
.on .envi-rotate-btn > img{
    opacity: 1;
}
.envi-rotate-btn:hover > img{
    transform: translateX(12px);
}
.envi-rotate-btn::after{
    position : absolute;
    content : '';
    width : 100%;
    height : 100%;
    background : url(/assets/images/main/envi-rotate-text.png)no-repeat;
    animation : rotate-text 6s infinite linear;
    opacity: 0;
    transition : opacity .5s;
    z-index: 1;
}
@keyframes rotate-text {
    0%{
        transform: rotate(0);
    }
    100%{
        transform: rotate(360deg);
    }
}
.on .envi-rotate-btn::after{
    opacity: 1;
}
.envi-sign-box{
    position : absolute;
    z-index: 1;
    left : 33%;
    top : 50%;
    width : 1px;
    height : 1px;
    transform: translateX(calc(-50% - 150px)) translateY(50px);
    opacity: 0;
    transition : transform 1s, opacity 1s;
    z-index: 2;
    pointer-events : none;
}
.active .envi-sign-box{
    transform: translateX(-50%) translateY(0);
    opacity: 1;
}
.envi-sign-box .envi-sign{
    transform: translateX(calc(-50% - 150px)) translateY(50px);
    opacity: 0;
    transition : transform 1s, opacity 1s;
    position : absolute;
    left : 0;
    top : 0;
    max-width: none;
}
.active .envi-sign-box .envi-sign.on{
    transform: translateX(-50%) translateY(0);
    opacity: 1;
}
.envi-con{
    position : absolute;
    left : 21%;
    top : 28%;
    transform: translateY(-100px);
    opacity: 0;
    transition : transform 1s, opacity 1s;
}
.envi-desc{
    font-size: 16px;
    letter-spacing: -0.04em;
    line-height: 28px;
    color : #343434;
    margin-bottom: 18px;
}
.envi-con-title{
    font-size: 27px;
    font-weight: 700;
    letter-spacing: -0.04em;
    color : #0A2C59;
}
.active .swiper-slide-active .envi-con{
    transform: translateX(0);
    opacity: 1;
}
/**/
.location-bg{
    width : 100%;
    height : 100%;
    position : absolute;
    left : 0;
    top : 0;
    overflow: hidden;
}
.location-bg > img{
    width : 100%;
    height : 100%;
    object-fit: cover;
    object-position: center;
    transform: scale(1.5);
    transition : transform 2s;
}
.active .location-bg > img{
    transform: scale(1);
    transition-delay: .5s;
}
.main-section-location .section-inner{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.location-title{
    margin-bottom: 48px;
	/* margin-bottom: 80px; */;
}
.location-title > svg tspan{
    font-family: futura-pt-bold;
    font-size: 45px;
    font-weight: 700;
    fill: transparent;
    stroke-width: 1px;
    stroke : #0a2c59;
    stroke-dasharray: 0 50%;
    letter-spacing : 1em;
    text-align: center;
    transition : stroke-dasharray 3s, fill 3s, letter-spacing 3s;
}
.fp-active .location-title > svg{
    overflow: visible;
}
.fp-active .location-title > svg tspan{
    fill: #0a2c59;
    stroke-dasharray: 50% 0;
    letter-spacing : 0.647em;
}
.location-con{
    display: flex;
    align-items: center;
    gap : 50px;
}
.location-map{
    transform: translateX(-150px);
    opacity: 0;
    transition : transform 1s, opacity 1s;
}
.fp-active .location-map{
    transform: translateX(0);
    opacity: 1;
    transition : transform 1s 1s, opacity 1s 1s;
}
.location-right{
}
.location-address-box{
    display: flex;
    flex-direction: column;
    gap : 17px;
    margin-bottom : 17px;
}
.location-address-box > p{
    display: flex;
    align-items: center;
    letter-spacing: -0.06em;
    font-size: 18px;
    color : #141414;
    font-weight: 500;
    line-height: 1em;

    transform: translateX(150px);
    opacity: 0;
    transition : transform 1s, opacity 1s;
}
.fp-active .location-address-box > p:nth-child(1){
    transform: translateX(0);
    opacity: 1;
    transition : transform 1s 1s, opacity 1s 1s;
}
.fp-active .location-address-box > p:nth-child(2){
    transform: translateX(0);
    opacity: 1;
    transition : transform 1s 1.1s, opacity 1s 1.1s;
}
.location-address-box > p > span{
    display: flex;
    align-items: center;
    justify-content: center;
    width : 106px;
    height : 15px;
    border-left : 1px solid #484848;
    border-right : 1px solid #484848;
    margin-right : 22px;
    font-size: 18px;
    color : #0A2C59;
    font-weight: 700;
}
.location-btn-box{
    display: flex;
    gap : 7px;
    /* margin-bottom: 43px; */

    transform: translateX(150px);
    opacity: 0;
    transition : transform 1s, opacity 1s;
}
.fp-active .location-btn-box{
    transform: translateX(0);
    opacity: 1;
    transition : transform 1s 1.2s, opacity 1s 1.2s;
}
.location-info{
    font-size: 18px;
    font-weight: 500;
    letter-spacing: -0.06em;
    color : #0A0A0A;
    margin-bottom: 8px;
    transform: translateX(150px);
    opacity: 0;
    transition : transform 1s, opacity 1s;
}
.fp-active .location-info{
    transform: translateX(0);
    opacity: 1;
    transition : transform 1s 1.3s, opacity 1s 1.3s;
}
.location-num{
    display: flex;
    align-items: center;
    gap : 5px;
    font-size: 40px;
    font-family: futura-pt;
    font-weight: 500;
    transform: translateX(150px);
    opacity: 0;
    transition : transform 1s, opacity 1s;
}
.fp-active .location-num{
    transform: translateX(0);
    opacity: 1;
    transition : transform 1s 1.4s, opacity 1s 1.4s;
}
.location-num > span{
    font-size: 51px;
    font-family: futura-pt;
}

.location-con{display : flex;align-items : center; justify-content : center;}
.location-container{display : flex; flex-direction : column; align-items : start; gap : 30px;}

.location-info-box{display : flex; flex-direction : column; align-items : start;}
/**/
.main-section-schedule{background : url(/assets/images/main/schedule-bg.jpg?v=11)no-repeat left bottom;background-size: cover;}
.main-section-schedule .fp-tableCell{display : flex;align-items : center;justify-content : center;width : 100%;height:100%;padding-top: 100px;}
.schedule-inner{display: flex;justify-content: space-between;width : 1600px;}
.schedule-title{font-size: 83px;color : #0A2C59;font-family: futura-pt-bold;margin-bottom: 5px;transform: translateX(-100px);opacity: 0;transition : transform 1.2s, opacity 1.2s;}
.active .schedule-title{transform: translateX(0);opacity: 1;transition : transform 1.2s .5s, opacity 1.2s .5s;}
.schedule-desc{font-size: 16px;letter-spacing: -0.04em;color : #272727;margin-bottom: 50px;transform: translateX(-100px);opacity: 0;transition : transform 1.2s, opacity 1.2s;}
.active .schedule-desc{transform: translateX(0);opacity: 1;transition : transform 1.2s .5s, opacity 1.2s .5s;}
.schedule-link-box{width :145px;transform: translateY(100px);opacity: 0;transition : transform 1.2s, opacity 1.2s;white-space : nowrap;border-left : 1px solid #767676;}
.active .schedule-link-box{transform: translateX(0);opacity: 1;transition : transform 1.2s 1s, opacity 1.2s 1s;}
.schedule-link-box > li > a{display: flex;align-items : Center;justify-content: space-between;padding : 11px 0 11px 19px;color : #313131;letter-spacing: -0.04em;font-weight: 700;position : relative;}
.schedule-link-box > li > a::after{position : absolute;content : '';width : 12px;height : 12px;border-radius : 50%;background : #379ea3;transform : scale(0) translateX(-50%);transform-origin : left;transition : transform .5s;left : 0;}
.schedule-link-box > li:hover > a::after{transform : scale(1) translateX(-50%);}
.schedule-link-box > li:hover > a{color : #379ea3;;}
.schedule-link-box > li > a > span{display: flex;align-items: center;letter-spacing: 0.25em;font-family: montserrat;font-weight: 500;font-size: 13px;position : relative;color : #343434;padding-right: 30px;opacity : 0;transform: translateX(-50px);transition: opacity .5s, transform .5s;}
.schedule-link-box > li:hover > a > span{opacity: 1;transform: translateX(0);}
.schedule-link-box > li > a > span::after{position : absolute;content: '';right : 0;width : 5px;height : 5px;border-top : 1px solid #379ea3;border-right : 1px solid #379ea3;transform: rotate(45deg);}
.schedule-link-box > li + li{margin-top: 15px;}
.schedule-right{width : 794px;}
.calendar-box{position : relative;transform: translateX(100px);opacity: 0;transition : transform 1.2s, opacity 1.2s;}
.active .calendar-box{transform: translateX(0);opacity: 1;transition : transform 1.2s .5s, opacity 1.2s .5s;}
.calendar{display: grid;grid-template-columns: repeat(6, 1fr);grid-template-rows: auto auto auto;gap: 15px;}
.calendar > li:nth-child(1){grid-column: span 3;}
.calendar > li:nth-child(2){grid-column: span 3;}
.calendar > li{grid-column: span 2;display: flex;flex-direction: column;align-items: center;justify-content: center;max-height : 193px;background : #fff;padding : 40px 0;transition : color .3s, background .3s;}
.calendar > li:hover{background : #0A2C59;color : #fff;}
.calendar > li.on{background : #0A2C59;color : #fff;}
.calendar > li.on .day,
.calendar > li.on .name,
.calendar > li.on .point{color : #fff}
.calendar > li .day{align-items: center;font-size: 22px;letter-spacing: -0.04em;   color : #272727;margin-bottom: 10px;}
.calendar > li.big .day{font-size : 24px;}
.calendar > li:hover > .day{color : #fff;}
.calendar > li .day > b{font-size: 37px;font-family: futura-pt;font-weight: 500;}
.calendar > li .name{font-size: 19px;letter-spacing: -0.04em;color : #272727;line-height: 25px;text-align: center;}
.calendar > li:hover .name{color : #fff;}
.calendar > li .point{font-size: 36px;color : #0A2C59;font-family: futura-pt-bold;letter-spacing: -0.04em;transition : color .3s;}
.calendar > li:hover .point{color : #fff;}
.schedule-rotate-btn{display: flex;align-items: center;justify-content: center;position : absolute;right : 0;top : 0;width : 86px;height : 86px;border-radius: 50%;background : #379ea3;color : #fff;font-weight: 700;font-size: 15px;text-align: center;z-index: 1;transform: translateX(50%) translateY(-50%);}
.schedule-rotate-btn::after{position: absolute;content: '';width : 112px;height : 112px;background : url(/hb/2025/gyosan/assets/images/main/schedule-rotate-text.png)no-repeat center;background-size: contain;animation : rotate-text 6s infinite linear;}
/**/

/**/
.main-section-unit{
    background : url(/assets/images/main/unit-bg.jpg?v=1)no-repeat center;
    background-size: cover;
}
.main-section-unit .fp-tableCell{
    display: flex;
    align-items: center;
    justify-content: center;
}
.unit-inner{
    display: flex;
    width : 1600px;
    height : 100%;
    padding-top : 160px;
}
.unit-left{
    width : 50%;
}
.unit-title{
    font-size: 83px;
    color : #0A2C59;
    font-family: futura-pt-bold;
    line-height: 107px;
    /* margin-bottom: 31px; */

    transform: translateX(-100px);
    opacity: 0;
    transition : transform 1.2s, opacity 1.2s;
}
.active .unit-title{
    transform: translateX(0);
    opacity: 1;
    transition : transform 1.2s .5s, opacity 1.2s .5s;
}
.unit-title > span{
    color : transparent;
    -webkit-text-stroke: 1px #020039;
    font-family: futura-pt-bold;
}
.unit-desc{
    font-size: 16px;
    letter-spacing: -0.04em;
    color : #272727;
    margin-bottom: 39px;
    transform: translateX(-100px);
    opacity: 0;
    transition : transform 1.2s, opacity 1.2s;
}
.active .unit-desc{
    transform: translateX(0);
    opacity: 1;
    transition : transform 1.2s .5s, opacity 1.2s .5s;
}
.unit-link-box{
    margin-bottom: 111px;
    transform: translateY(100px);
    opacity: 0;
    transition : transform 1.2s, opacity 1.2s;
}
.active .unit-link-box{
    transform: translateY(0);
    opacity: 1;
    transition : transform 1.2s .5s, opacity 1.2s .5s;
}
.unit-link-box > li{
    width : 224px;
    height : 74px;
}
.unit-link-box > li + li{
    margin-top: 13px;
}
.unit-link-box > li > a{
    display: flex;
    align-items: center;
    justify-content: center;
    width : 100%;
    height : 100%;
    background : #fff;
    color : #0A2C59;
    font-weight: 700;
    border-radius: 100px;
	transition : box-shadow .3s;
}
.unit-link-box > li > a:hover{
	box-shadow : 0 3px 6px rgba(0,0,0,0.16);
}
.unit-link-box > li:nth-child(2) > a{
    background : #0A2C59;
    color : #fff;
}
.unit-obj{
    position : absolute;
    bottom : 0;
    opacity: 0;
    transition : opacity 1.2s;
}
.active .unit-obj{
    opacity: 1;
    transition: opacity 1.2s 1s;
}
.unit-right{
    display: flex;
    flex-direction: column;
    align-items: center;
	justify-content : center;
    overflow: hidden;
    transform: translateX(100px);
    opacity: 0;
    transition : transform 1.2s, opacity 1.2s;
	position : absolute;
	width : 970px;
	height : 100%;
	background : #F7F7F7;
	top : 0;
	right : 0;
	padding-top: 100px;
}
.active .unit-right{
    transform: translateX(0);
    opacity: 1;
    transition : transform 1.2s .5s, opacity 1.2s .5s;
}
.unit-slide{
    width : 434px;
    height : 534px;
    position : relative;
}
.unit-slide .swiper-wrapper{
	mix-blend-mode : darken;
}
.unit-slide::before{
    position : absolute;
    content: '';
    width : 100%;
    height : 434px;
    bottom : 0;
    border-radius: 50%;
    background : #fff;
}
.unit-slide .swiper-slide{
    display: flex;
    /* align-items: center; */
    justify-content: center;
    position : relative;
}
.unit-slide-title{
    text-align: center;
}
.unit-slide-title > h3{
    font-size: 47px;
    font-family: futura-pt-bold;
    color : #379EA3;
}
.unit-slide-title > p{
    color : #2B2B2B;
    font-size: 17px;
}
.unit-img-box{
    display: flex;
    align-items: center;
    justify-content: center;
    width : 100%;
    height : 434px;
    position : absolute;
    bottom : 0;
    left : 0;
}
.unit-img-box > img{
    flex-shrink: 0;
    mix-blend-mode: darken;
}
.unit-btn-box{
    display: grid;
    width : 770px;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
    margin-top: 47px;
	border-top : 1px solid #E6E6E6;
	border-left : 1px solid #E6E6E6;
}
.unit-btn-box > li{
	display : flex;
	align-items : center;
	justify-content : center;
    font-size: 20px;
	height : 60px;
    font-family: futura-pt;
    color : #0A0A0A;
    border-right : 1px solid #E6E6E6;
	border-bottom : 1px solid #E6E6E6;
	background : #fff;
    transition : color .3s, background .3s;
    cursor : pointer;
    position : relative;
}
.unit-btn-box > li.on{
    color : #fff;
	background : #379EA3;
}