/* #intro{width : 100%;height : 100%; position : fixed; left : 0;top : 0; z-index: 1000; background: #fff; transition : opacity .7s; overflow: hidden;}
#intro.end{opacity: 0; pointer-events: none;}

.intro-container{display: flex; width : 100%;height : 100%; transition : 2s ease-in-out;}
.t2 .intro-container{transform: translateX(-100%);}
.t3 .intro-container{transform: translateX(-200%);}
.t4 .intro-container{transform: translateX(-300%);}
.intro-container > div{width : 100%; height : 100%; flex-shrink: 0; position : relative;}

.intro-img{overflow: hidden;position: absolute; top : 50%; transform: translateY(-50%);}
.intro-01 .intro-img{width : 100%;}

.intro-img > img{transform: scale(1.5); object-fit: cover; object-position: center; transition : 5s ease-in-out;}
.intro-01 .intro-img > img{width : 100%;}
.t1 .intro-01 .intro-img > img{transform: scale(1);}
.t2 .intro-02 .intro-img > img{transform: scale(1);}
.t3 .intro-03 .intro-img > img{transform: scale(1);}
.t4 .intro-04 .intro-img > img{transform: scale(1);}

.intro-desc{display: flex;align-items: center; width : 100%;gap : 20px; transition: 2s ease-in-out;; font-family: HG; font-size: 20px; font-weight: 600;height : 1px; top : 80%; position : absolute; line-height: 1.5em;}
.intro-01 .intro-desc{justify-content: end;}
.t2 .intro-01 .intro-desc{transform: translateX(100%);}

.intro-desc span{width : 50%; height : 1px; background: rgba(0,0,0,0.2); clip-path: inset(0 100% 0 0); transition : 2s ease-in-out;}
.t1 .intro-desc-01 span,
.t2 .intro-desc-01 span{clip-path: inset(0); transition : 4s linear 1s;}
.t3 .intro-desc-02 span{clip-path: inset(0);}
.t4 .intro-desc-03 span{clip-path: inset(0);}
.intro-desc .char{opacity: 0;}

.intro-03{background: url(/assets/images/intro/intro-bg-01.jpg)no-repeat center / cover;}
.intro-03 .intro-img{right : 0;}
.intro-03 .intro-desc span{width : 30%;}

.intro-frame{position : absolute; top : 50%; transform: translateY(100px); opacity: 0; transition : 2s;}
.intro-frame-01{right : 170px}
.t3 .intro-frame-01{transform: translateY(0); opacity: 1; transition : 3s 2s;}

.intro-04{background: url(/assets/images/intro/intro-bg-01.jpg)no-repeat center / cover;}
.intro-04 .intro-desc{justify-content: end; text-align: right;}
.intro-04 .intro-desc span{width : 30%; transition : 3s 3s;}

.intro-frame-02{left : 170px}
.t4 .intro-frame-02{transform: translateY(0); opacity: 1; transition : 3s 2s;}

.intro-05{display: flex;flex-direction: column; align-items: center;justify-content: center; position : absolute; left : 0;top : 0; width : 100%; height : 100%; background: #fff;z-index: 1;gap : 30px; opacity: 0; transition : 1.6s;}
.t5 .intro-05{opacity: 1; pointer-events: none;}
.t6 .intro-05{gap : 520px; padding-bottom: 36px;}
.intro-05-bg{position : absolute;left : 0;top : 0;width : 100%;height : 100%; clip-path: inset(calc(50%) calc(50% - 8px)); transition : 1.6s; z-index: 1;}
.t6 .intro-05-bg{clip-path: inset(calc(50% - 208px) calc(50% - 8px));}
.t7 .intro-05-bg{clip-path: inset(0);}
.intro-05-bg > img{width : 100%;height : 100%; object-fit: cover; object-position: center top; transform: scale(1.5); transition : 5s;}
.t7 .intro-05-bg > img{transform: scale(1); object-position : center bottom;}

.intro-logo-01{position: relative; transform: translateY(-100px); opacity: 0; transition : 2s;}
.t5 .intro-logo-01{transform: translateY(0); opacity: 1;}
.intro-05 .intro-desc{display: block; position : relative;top :auto; height : auto; width : auto;}

.intro-05-inner{position : absolute; display: flex;flex-direction: column;align-items: center;justify-content: center; color : #fff; text-align: center;z-index: 1;}
.intro-logo-02{margin-bottom: 34px; transform: translateY(100px); opacity: 0; transition : 2s 1s}
.t7 .intro-logo-02{transform: translateY(0); opacity: 1;}
.intro-05-desc{font-size: 22px;font-family: HG; font-weight: 500; margin-bottom: 20px; transform: translateY(100px); opacity: 0; transition : 2s 1.2s;}
.t7 .intro-05-desc{transform: translateY(0); opacity: 1;}
.intro-05-desc b{font-size: 28px; font-weight: 600; letter-spacing: -0.03em;}

.intro-logo-03{margin-bottom: 11px; transform: translateY(100px); opacity: 0; transition : 2s 1.4s;}
.t7 .intro-logo-03{transform: translateY(0); opacity: 1;}
.intro-05-line{width : 1px; height : 60px; background: rgba(255,255,255,0.2); margin-bottom: 10px; clip-path: inset(0 0 100%); transition : 2s 1.6s;}
.t7 .intro-05-line{clip-path: inset(0);}
.intro-05-desc-02{font-family: HG; font-size: 20px; letter-spacing: -0.03em; font-weight: 600;}
.intro-05-desc-02 .char{opacity: 0; transform: translateX(100px);}

.skip-btn{display: flex;flex-direction: column;align-items: center;justify-content: center; width : 64px !important;height : 64px !important; border-radius: 50%; background: #002A4D; color : #fff; font-family: athena; position : fixed; transform: translateX(-50%) translateY(-50%) scale(1); transition : transform 1s; z-index: 1000;font-size: 18px; cursor : pointer;z-index: 100000;}
.t5 .skip-btn{transform: translateX(-50%) translateY(-50%) scale(0); pointer-events: none;} */


#intro{width : 100%;height : 100%; position : fixed; left : 0;top : 0; z-index: 1000; background: #fff; transition : opacity .7s; overflow: hidden;}
#intro.end{opacity: 0; pointer-events: none;}

.intro-container{display: flex; width : 100%;height : 100%; transition : 3s ease-in-out;}
.t2 .intro-container{transform: translateX(-100%);}
.t3 .intro-container{transform: translateX(-200%);}
.t4 .intro-container{transform: translateX(-300%);}
.intro-container > div{width : 100%; height : 100%; flex-shrink: 0; position : relative;}

.intro-img{overflow: hidden;position: absolute; top : 50%; transform: translateY(-50%);}
.intro-01 .intro-img{width : 100%;}

.intro-img > img{transform: scale(1.5); object-fit: cover; object-position: center; transition : 5s ease-in-out;}
.intro-01 .intro-img > img{width : 100%;}
.t1 .intro-01 .intro-img > img{transform: scale(1);}
.t2 .intro-02 .intro-img > img{transform: scale(1);}
.t3 .intro-03 .intro-img > img{transform: scale(1);}
.t4 .intro-04 .intro-img > img{transform: scale(1);}

.intro-desc{display: flex;align-items: center; width : 100%;gap : 20px; transition: 3s ease-in-out;; font-family: HG; font-size: 20px; font-weight: 600;height : 1px; top : 80%; position : absolute; line-height: 1.5em;}
.intro-01 .intro-desc{justify-content: end;}
.t2 .intro-01 .intro-desc{transform: translateX(100%);}

.intro-desc span{width : 50%; height : 1px; background: rgba(0,0,0,0.2); clip-path: inset(0 100% 0 0); transition : 3s ease-in-out;}
.t1 .intro-desc-01 span,
.t2 .intro-desc-01 span{clip-path: inset(0); transition : 6s linear 1s;}
.t3 .intro-desc-02 span{clip-path: inset(0);}
.t4 .intro-desc-03 span{clip-path: inset(0);}
.intro-desc .char{opacity: 0;}

.intro-03{background: url(/assets/images/intro/intro-bg-01.jpg)no-repeat center / cover;}
.intro-03 .intro-img{right : 0;}
.intro-03 .intro-desc span{width : 30%;}

.intro-frame{position : absolute; top : 50%; transform: translateY(100px); opacity: 0; transition : 2s;}
.intro-frame-01{right : 170px}
.t3 .intro-frame-01{transform: translateY(0); opacity: 1; transition : 3s 2s;}

.intro-04{background: url(/assets/images/intro/intro-bg-01.jpg)no-repeat center / cover;}
.intro-04 .intro-desc{justify-content: end; text-align: right;}
.intro-04 .intro-desc span{width : 30%; transition : 3s 3s;}

.intro-frame-02{left : 170px}
.t4 .intro-frame-02{transform: translateY(0); opacity: 1; transition : 3s 2s;}

.intro-05{display: flex;flex-direction: column; align-items: center;justify-content: center; position : absolute; left : 0;top : 0; width : 100%; height : 100%; background: #fff;z-index: 1;gap : 30px; opacity: 0; transition : 1.6s;}
.t5 .intro-05{opacity: 1; pointer-events: none;}
.t6 .intro-05{gap : 520px; padding-bottom: 36px;}
.intro-05-bg{position : absolute;left : 0;top : 0;width : 100%;height : 100%; clip-path: inset(calc(50%) calc(50% - 8px)); transition : 1.6s; z-index: 1;}
.t6 .intro-05-bg{clip-path: inset(calc(50% - 208px) calc(50% - 8px));}
.t7 .intro-05-bg{clip-path: inset(0);}
.intro-05-bg > img,
.intro-05-bg > video{width : 100%;height : 100%; object-fit: cover; object-position: center; transform: scale(1.5); transition : 5s;}
.t7 .intro-05-bg > img,
.t7 .intro-05-bg > video{transform: scale(1); object-position : center;}

.intro-logo-01{position: relative; transform: translateY(-100px); opacity: 0; transition : 2s;}
.t5 .intro-logo-01{transform: translateY(0); opacity: 1;}
.intro-05 .intro-desc{display: block; position : relative;top :auto; height : auto; width : auto;}

.intro-05-inner{position : absolute; display: flex;flex-direction: column;align-items: center;justify-content: center; color : #fff; text-align: center;z-index: 1;}
.intro-logo-02{margin-bottom: 34px; transform: translateY(100px); opacity: 0; transition : 2s 1s}
.t7 .intro-logo-02{transform: translateY(0); opacity: 1;}
.intro-05-desc{font-size: 22px;font-family: HG; font-weight: 500; margin-bottom: 20px; transform: translateY(100px); opacity: 0; transition : 2s 1.2s;}
.t7 .intro-05-desc{transform: translateY(0); opacity: 1;}
.intro-05-desc b{font-size: 28px; font-weight: 600; letter-spacing: -0.03em;}

.intro-logo-03{margin-bottom: 11px; transform: translateY(100px); opacity: 0; transition : 2s 1.4s;}
.t7 .intro-logo-03{transform: translateY(0); opacity: 1;}
.intro-05-line{width : 1px; height : 60px; background: rgba(255,255,255,0.2); margin-bottom: 10px; clip-path: inset(0 0 100%); transition : 2s 1.6s;}
.t7 .intro-05-line{clip-path: inset(0);}
.intro-05-desc-02{font-family: HG; font-size: 20px; letter-spacing: -0.03em; font-weight: 600;}
.intro-05-desc-02 span{font-family : forena; font-weight : 400;}
.intro-05-desc-02 .char{opacity: 0; transform: translateX(100px);}

.skip-btn{display: flex;flex-direction: column;align-items: center;justify-content: center; width : 64px !important;height : 64px !important; border-radius: 50%; background: #002A4D; color : #fff; font-family: athena; position : fixed; transform: translateX(-50%) translateY(-50%) scale(1); transition : transform 1s; z-index: 1000;font-size: 18px; cursor : pointer;z-index: 100000;}
.t5 .skip-btn{transform: translateX(-50%) translateY(-50%) scale(0); pointer-events: none;}


.section{overflow: hidden;}

.visual-bg{position : absolute;left : 0;top : 0;width : 100%;height : 100%; z-index: 0;}
.visual-bg > img{width : 100%;height : 100%; object-fit: cover; object-position: center bottom; transform: scale(1.25); transition : 3s;}
.on .visual-bg > img{transform: scale(1);}

.visual-tit-box{display: flex;align-items: center;justify-content: start;flex-direction: column; margin : 0 auto; padding-top: 128px; height : 100%; text-align: center;}

.visual-desc{font-size: 22px;font-family: HG; font-weight: 500; margin-bottom: 20px; transform: translateY(100px); opacity: 0; transition : 2s 1.2s; color : #0F0F0F;}
.on .visual-desc{transform: translateY(0); opacity: 1;}
.visual-desc b{font-size: 28px; font-weight: 600; letter-spacing: -0.03em; color : #000}
.visual-desc b span{color : #002A4D}

.visual-logo{margin-bottom: 11px; transform: translateY(100px); opacity: 0; transition : 2s 1.4s;}
.on .visual-logo{transform: translateY(0); opacity: 1;}
.visual-line{width : 1px; height : 60px; background: rgba(0,0,0,0.23); margin-bottom: 10px; clip-path: inset(0 0 100%); transition : 2s 1.6s;}
.on .visual-line{clip-path: inset(0);}
.visual-desc-02{font-family: HG; font-size: 20px; letter-spacing: -0.03em; font-weight: 600;}
.visual-desc-02 span{color : #002A4D; font-family : forena; font-weight : 400}
.visual-desc-02 .char{opacity: 0; transform: translateX(100px);}

.open-rotate-btn{display: flex;flex-direction: column; align-items: center;justify-content: center; width : 143px;height : 143px; position :fixed; right : 90px; bottom : 55px; z-index: 10; color : #fff; font-family:HG; font-size: 15px; transform: translateX(100px); opacity: 0; transition : 1.6s; z-index: 1; font-weight: 700; letter-spacing: -0.04em; color : #fff; font-family : HG}
.on .open-rotate-btn{transform: translateX(0); opacity: 1;}
.open-rotate-btn span{font-size: 21px;}
.open-rotate-btn b{font-size: 28px;}
.open-rotate-btn::after{position :absolute; content : ''; width : 100%;height : 100%; animation : rotate-text 8s infinite linear; background: url(/assets/images/main/open-rotate-text.png)no-repeat center / contain;}
@keyframes rotate-text {
    100%{transform: rotate(360deg);}
}

.swiper-wrapper{
    transition-timing-function: cubic-bezier(0.4, 0, 0.3, 1);
}

.visual-slide{width : 100%;height : 100%;}
.visual-container{position : absolute;width : 100%; height : 100%; left : 0;top : 0; display: flex; z-index: 1;}
.visual-container > div:not(.open-rotate-btn){width : 100%; height : 100%; flex-shrink: 0; position : absolute; left : 0;top : 0;}

.visual-02{opacity: 0; transition : 1s; background: linear-gradient(45deg, rgba(0,0,0,0.9), rgba(0,0,0,0.7), rgba(0,0,0,0.9)); display: flex; align-items: center; justify-content: center; transition : 1s;} 

.schedule-inner{display: flex; align-items: start; justify-content: center; gap : 309px;}

.t2{
    .visual-02{opacity: 1;}
    .schedule-tit-box{transform: translateX(0); opacity: 1; transition : 1s .4s;}

    .schedule-table > li{transform: translateY(0); opacity: 1; transition : color .3s, background .3s, transform 1s calc(var(--i) * 0.1s + 0.4s), opacity 1s calc(var(--i) * 0.1s + 0.4s);}
    .schedule-btn-box{transform: translateY(0px); opacity: 1; transition: transform 1.2s 1s, opacity 1.2s 1s;}
    .schedule-obj{transform: translateY(0); transition : 2s;}
}

.schedule-tit-box{position : relative; padding-left: 140px; transform: translateX(-100px); opacity: 0; transition : 0s 1s;}
.schedule-tit{font-family: forena; font-size: 53px; letter-spacing: 0.25em; font-weight: 400; color : #fff; margin-bottom: 10px;}
.schedule-desc{font-family: HG; font-size: 15px; letter-spacing: -0.04em; font-weight: 400; color : #fff;}

.schedule-table-box{display: flex;flex-direction: column;align-items: end; position : relative; width : 705px; transition : opacity 1s;}
.schedule-table{display: grid;grid-template-columns: repeat(12,1fr);gap : 10px; margin-bottom: 26px; width : 100%;}
.schedule-table > li{display: flex;flex-direction: column;align-items: center;justify-content: center; grid-column: span 3; height : 169px; border-radius: 10px; border : 1px solid rgba(255,255,255,0.4); font-family: HG; font-size: 16px; font-weight: 500; color : #9D9D9D; transform: translateY(50px); opacity: 0; transition : color .3s, background .3s, transform 1s, opacity 1s;
    &.wide{grid-column: span 4;}
    &:hover, &.on{background: rgba(0,58,99,0.7); color : #fff;}
    &:nth-child(1){--i : 0}
    &:nth-child(2){--i : 1}
    &:nth-child(3){--i : 2}
    &:nth-child(4){--i : 3}
    &:nth-child(5){--i : 4}
    &:nth-child(6){--i : 5}
    &:nth-child(7){--i : 6}
    &:nth-child(8){--i : 7}
}
.schedule-table > li b{color : #fff; font-size: 22px; font-weight: 700; margin-bottom: 6px;}

.schedule-btn-box{display: flex; gap: 19px; margin-left: auto; transform: translateY(100px); opacity: 0; transition: transform 1.2s 0.4s, opacity 1.2s 0.4s;}

.schedule-btn-box > a{display: flex; align-items: center; height: 45px;}
.schedule-btn-box > a > p{display: flex; align-items: center; justify-content: center; background: #fff; width: 168px; height: 100%; border-radius: 100px; font-family: HG; font-size: 15px; font-weight: 700; color : #003A63;}
.schedule-btn-box > a > .plus{display: flex; align-items: center; justify-content: center; width: 45px; height: 100%; border-radius: 50%; position: relative; background: #fff; transition: transform 0.3s;}
.schedule-btn-box > a:hover > .plus{transform: rotate(90deg);}
.schedule-btn-box > a > .plus::after{position: absolute; content: ''; width: 15px; height: 1px; background: #003A63;}
.schedule-btn-box > a > .plus::before{position: absolute; content: ''; width: 1px; height: 15px; background: #003A63;}
.schedule-btn-box > a:nth-child(2) > p, .schedule-btn-box > a:nth-child(3) > p{background: #003A63; color: #fff;}
.schedule-btn-box > a:nth-child(2) > .plus, .schedule-btn-box > a:nth-child(3) > .plus{background: #003A63;}
.schedule-btn-box > a:nth-child(2) > .plus::after, .schedule-btn-box > a:nth-child(2) > .plus::before, .schedule-btn-box > a:nth-child(3) > .plus::after, .schedule-btn-box > a:nth-child(3) > .plus::before{background: #fff;}

.schedule-obj{position :absolute; left : 0; bottom : 0; transform: translateY(100%); transition : 0s 1s;}

/**/

.main-section-envi{overflow: hidden;}
.envi-slide{display: flex;justify-content: center; width : 100%;height : 100%;}
.envi-container{display: flex; position : absolute; left : 0;top : 0; width : 100%;height : 100%; transition : 1.2s; z-index: 10;}
.t2 .envi-container{transform: translateX(-100%);}
.envi-container > div{width : 100%;height : 100%; flex-shrink: 0; position : relative;}

.envi-01{background: #F5F5F5;}
.envi-map{position : absolute; width : 100%;height : 100%; object-fit: cover; object-position: right bottom; transform: translateX(50%); opacity: 0; transition : 2s;}
.active .envi-map{transform: translateX(0); opacity: 1; transition : 2s .4s;}

.envi-box{display: flex;flex-direction: column; justify-content: center; width: calc(100% - 240px); height : 100%; transform: translateY(100px); margin : 0 auto; opacity: 0; transition : 0s 1.4s; padding-bottom: 100px;}
.active .envi-box{transform: translateY(0); opacity: 1; transition : 2s .4s}
.envi-box-tit{font-family: HG; font-size: 30px; color :#8E8E8E; margin-bottom: 26px; font-weight: 400; line-height: 1.5em;}
.envi-box-tit b{color : #000; font-weight: 700;}

.envi-box-desc{font-family: HG; font-size: 23px; letter-spacing: -0.04em; margin-bottom: 116px; line-height: 1.5em;}
.envi-box-desc b{font-weight: 600;}

.envi-link{display: flex;align-items: center; gap : 16px; font-family: HG; font-size: 12px;}
.envi-arrow{display: flex;align-items: center; position : relative;z-index: 1;}
.envi-arrow::after{position : absolute; content : ''; width : 24px; height : 24px; background: #DEDEDE; border-radius: 50%; right : 0; transform: scale(1) translateX(30%);z-index: -1; transition : .3s;}
.envi-link:hover .envi-arrow::after{transform: scale(0) translateX(200%);}
.envi-arrow > img{transition : .3s;}
.envi-link:hover .envi-arrow > img{transform: translateX(10px);}

.envi-inner{display: flex;align-items: center; width : calc(100% - 240px); height : 100%; margin : 0 auto; position : absolute; z-index: 11; pointer-events: none;}

.envi-tit-box{position : absolute; transition : 1.2s;left : 0; top : 100%; transform: translateX(0%) translateY(-100%); transition : 1.2s; white-space: nowrap;}
.t2 .envi-tit-box{left : 50%;top : 50%; transform: translateX(-50%) translateY(-50%);}
.envi-tit{font-family: HG; font-size: 53px; letter-spacing: 0.05em; color : #003A64;position : relative; line-height: 1em; margin-bottom: 16px;; font-weight: 400; transition : 1s; transition-delay: 0s;}
.t2 .envi-tit{font-size: 98px;}

.envi-tit > p{overflow: hidden;}
.envi-tit .char{transform: translateY(100%); transition : 1s;}
.active .envi-tit .char{transform: translateY(0); transition: transform 1s .4s, font-size 1s;}

.envi-desc{font-family: HG; font-size: 18px; letter-spacing: -0.06em; font-weight: 400; transform: translateY(50px); opacity: 0; transition : 1s; color : #8E8E8E; text-align: center; opacity: 0; transition : 1s;}
.t2 .envi-desc{opacity: 1; transform: translateY(0);}
.envi-desc b{font-weight: 600; color : #000}

.envi-02{background: #FCFCFC;}
.envi-bg{display: flex;justify-content: center;align-items: center; position : absolute; left : 0;top : 0;width : 100%;height : 100%;}

.envi-bg-circle{position : absolute; border-radius: 50%; border : 1px dashed #707070;}
.envi-bg-circle-01{width : 654px;height : 654px; z-index: 1; background: #fff;animation : rotate-text 14s linear infinite reverse}
.envi-bg-circle-02{width : 1672px;height : 1672px; animation : rotate-text 28s linear infinite}

.envi-bg-circle::after{position : absolute; content : ''; width : 14px;height : 14px; border-radius: 50%; background: #003A64; left : 0; top : 50%; transform: translateX(-50%) translateY(-50%);}
.envi-bg-circle::before{position : absolute; content : ''; width : 14px;height : 14px; border-radius: 50%; background: #003A64; right : 0; top : 50%; transform: translateX(50%) translateY(-50%);}

.envi-con-box{width : 100%; max-width: 1400px; margin : 0 auto; position : relative;height : 100%;}
.envi-con{position : absolute;}
.envi-con-01,
.envi-con-03{top : 22.7835vh}

.envi-con-03{right : 0;}

.envi-con-02{top : 58.7629vh}
.envi-con-04{top : 57.701vh}

.envi-con-02{margin-left: 143px;}
.envi-con-04{right : 0; margin-right: 57px;}

.envi-con-tit-eng{font-family: forena; font-size: 14px; letter-spacing: 0.25em; color : #003A64; margin-bottom: 11px; opacity: 0; transform: translateX(50px); transition :1s; font-weight: 400; text-transform: uppercase;}
.t2 .envi-con-tit-eng{transform: translateX(0); opacity: 1; transition-delay: 1s;}

.envi-con-tit{font-family: HG; font-weight: 400; font-size: 24px; letter-spacing: -0.06em; color : #111; margin-bottom: 21px; opacity: 0; transform: translateX(50px); transition :1s;}
.envi-con-tit b{font-weight: 700;}
.t2 .envi-con-tit{transform: translateX(0); opacity: 1; transition-delay: 1.1s;}

.envi-con-desc{font-family: HG; font-weight: 500; font-size: 16px; letter-spacing: -0.06em; color : #808080; line-height: 1.5em; opacity: 0; transform: translateX(50px); transition :1s;}
.t2 .envi-con-desc{transform: translateX(0); opacity: 1; transition-delay: 1.2s;}

.envi-obj{position : absolute; opacity: 0; transform: scale(1.2); transition :1s;}
.envi-obj-01{bottom : -16px;left : 80px;}
.envi-obj-02{left : 105%;top : 100%;}
.envi-obj-03{left : 100%;margin-left: 80px; top: 67px;}
.envi-obj-04{bottom :0; left : 100%;}

.envi-obj-bg{position :absolute; right : 100%; margin-right: 75px; top : 115px; opacity: 0; transform: scale(1.2); transition :1s;}

.envi-con-img{opacity: 0; transform: scale(1.2); transition :1s;}
.envi-con-01 .envi-con-img{transform: translateX(-150px)  scale(1.2); margin-top: 23px;}
.envi-con-02 .envi-con-img{margin-bottom: 30px;}
.envi-con-03 .envi-con-img{margin-top: 30px;}
.envi-con-04 .envi-con-img{margin-bottom: 60px; margin-left: auto; transform: scale(1.2) translateX(calc(100% + 68px));}

.t2 .envi-con-01 .envi-obj-01{opacity: 1; transform: scale(1); transition-delay: .4s;}
.t2 .envi-obj-bg{opacity: 1; transform: scale(1); transition-delay: .5s;}
.t2 .envi-con-01 .envi-con-img{opacity: 1; transform: translateX(-150px) scale(1); transition-delay: .6s;}
.t2 .envi-obj-02{opacity: 1; transform: scale(1); transition-delay: 1s;}
.t2 .envi-obj-02{opacity: 1; transform: scale(1); transition-delay: 1s;}

.t2 .envi-con-02 .envi-con-img{opacity: 1; transform: scale(1); transition-delay: .5s;}
.t2 .envi-con-03 .envi-con-img{opacity: 1; transform: scale(1); transition-delay: .6s;}
.t2 .envi-con-03 .envi-obj-03{opacity: 1; transform: scale(1); transition-delay: .7s;}
.t2 .envi-con-04 .envi-con-img{opacity: 1; transform: scale(1) translateX(calc(100% + 68px)); transition-delay: .8s;}
.t2 .envi-obj-04{opacity: 1; transform: scale(1); transition-delay: .9s;}

/**/
.main-section-premium{overflow: hidden; background: #F5F5F5;}

.premium-inner{display: flex; justify-content: space-between;  width : 100%; max-width: 1760px; height : 100%; margin : 0 auto;}
.premium-con{display: flex;flex-direction: column;align-items: start; font-family: HG; letter-spacing: -0.03em;}
.premium-img{position : relative; margin-bottom: 24px;}
.premium-img-desc{writing-mode: vertical-lr; position :absolute; white-space: nowrap; left : 100%; top : 0; font-family: HG; letter-spacing: 0.25em; font-weight: 500; color : #191919; padding-left: 5px; opacity: 0; transition : 0s 1.4s;}
.active .premium-img-desc{opacity: 1;transition : 1s 1s;}
.premium-con-tit{font-size: 18px; color : #002A4D; font-weight: 500; margin-bottom: 17px; margin-bottom: 17px; transform: translateY(50px); opacity: 0; transition : 0s 1.4s;}
.active .premium-con-tit{transform: translateY(0); opacity: 1; transition : 1s 1s;}

.premium-con-desc{font-size: 15px; font-weight: 500; color : #191919; line-height:  1.5em; transform: translateY(50px); opacity: 0; transition : 0s 1.4s;}
.active .premium-con-desc{transform: translateY(0); opacity: 1; transition : 1s 1.2s;}

.premium-left,
.premium-right{display: flex;align-items: center;justify-content: center;position : relative; width : 40%; padding-top: 50px;}

.premium-con{position :absolute; flex-shrink: 0; opacity: 0; transition : 0s 1.4s;}
.active .premium-con{opacity: 1; transition : 1.2s .4s;}

.premium-con-01{transform: translateX(-200%);}
.active .premium-con-01{transform: translateX(-100%);}
.premium-con-02{transform: translateY(-170%) translateX(70%);}
.active .premium-con-02{transform: translateY(-70%) translateX(70%);}
.premium-con-03{transform: translateY(180%) translateX(200%);}
.active .premium-con-03{transform: translateY(80%) translateX(100%);}

.premium-tit-box{display: flex; position : absolute; left : 50%; transform: translateX(-50%) translateY(-60%); font-family: HG; letter-spacing: 0.4em; font-size: 22px; color : #2E2E2E; gap : 10px; top : 50%;}
.premium-tit-box b{color : #002A4D; font-weight: 700;}
.premium-tit-box > div{display: flex;align-items: center; writing-mode: vertical-lr; gap : 8px}
.premium-tit-box .char{opacity: 0; transform: translateY(100px);}

.premium-tit-box > div:nth-child(1)::after{position : absolute; content : ''; width : 1px; height : 81px; background: #B5B5B5; clip-path: inset(0 0 100%); transition : 0s 1.4s; top : 100%; margin-top: 8px;}

.active .premium-tit-box > div:nth-child(1)::after{clip-path: inset(0); transition : 1s 1s;}

/**/
/* .brand-slide{width : 100%;height : 100%;}
.brand-bg{width : 100%;height : 100%; position: absolute; left : 0;top : 0;}
.brand-bg > img{width : 100%;height : 100%; object-fit: cover; object-position: center;}
.brand-slide-01 .brand-bg > img,
.brand-slide-02 .brand-bg > img{transition : 0s 1.4s; transform: scale(1.5);}
.active .brand-slide-01 .brand-bg > img,
.active .brand-slide-02 .brand-bg > img{transform: scale(1); transition : 3s;}
.brand-leaf{position :absolute; left : 0; bottom: 0; z-index: 1; transform: translateX(-50%) translateY(50%); opacity: 0; transition : 0s 1.4s;}
.active .brand-leaf{transform: translateX(0); opacity: 1; transition : 2s;}
.brand-tit{font-size: 192px; font-family: athena; color : #fff; position : absolute; bottom : 0; left : 160px; z-index: 1; font-weight: 400;}
.brand-tit .char{transform: translateX(100px); opacity: 0; transition : 0s 1.4s;}
.active .brand-tit .char{transform: translateX(0); opacity: 1;}
.active .brand-tit .char:nth-child(1){transition : 1s 1s;}
.active .brand-tit .char:nth-child(2){transition : 1s 1.1s;}
.active .brand-tit .char:nth-child(3){transition : 1s 1.2s;}
.active .brand-tit .char:nth-child(4){transition : 1s 1.3s;}
.active .brand-tit .char:nth-child(5){transition : 1s 1.4s;}

.brand-inner{position : relative;}
.brand-slide-01 .brand-inner{display: flex;flex-direction: column;align-items: start; justify-content: center; padding-left: 212px;position : relative; height : 100%;}
.brand-slide-02 .brand-inner{display: flex;flex-direction: column;align-items: center; justify-content: center; position : relative; height : 100%; width : 100%;}
.brand-tit-box{display: flex; flex-direction: column;align-items: center;text-align: center;}

.brand-con-tit{font-family: athena; font-size: 37px; letter-spacing: 0.3em; margin-bottom: 28px; color : #222; font-weight: 400; letter-spacing: 0.6em; padding-left: 0.6em; opacity: 0; transition : 0s 1.4s;}
.active .swiper-slide-active .brand-con-tit{opacity: 1; letter-spacing: 0.3em; padding-left: 0.3em; transition : 1.4s .4s;}
.brand-con-desc{font-family: HG; font-size: 22px; font-weight: 300; color : #353F49; line-height: 1.5em;}

.brand-con-desc span{font-family: forena; font-weight: 400; display: inline-block; transform: translateY(-3%);padding-right: 2px;}

.brand-con-desc p{transform: translateY(50px); opacity: 0; transition: 0s 1.4s;}
.active .swiper-slide-active .brand-con-desc p{transform: translateY(0); opacity: 1;}
.active .swiper-slide-active .brand-con-desc p:nth-child(1){transition : 1s 1.0s;}
.active .swiper-slide-active .brand-con-desc p:nth-child(2){transition : 1s 1.1s;}
.active .swiper-slide-active .brand-con-desc p:nth-child(3){transition : 1s 1.2s;}
.active .swiper-slide-active .brand-con-desc p:nth-child(4){transition : 1s 1.3s;}
.active .swiper-slide-active .brand-con-desc p:nth-child(5){transition : 1s 1.4s;}
.active .swiper-slide-active .brand-con-desc p:nth-child(6){transition : 1s 1.5s;}
.active .swiper-slide-active .brand-con-desc p:nth-child(7){transition : 1s 1.6s;}
.active .swiper-slide-active .brand-con-desc p:nth-child(8){transition : 1s 1.7s;}

.brand-logo{margin-bottom: 33px; transform: translateY(-50px); opacity: 0; transition : 0s 1.4s;}
.active .swiper-slide-active .brand-logo{transform: translateY(0); opacity: 1; transition : 1.4s .4s;}
.brand-slide-02 .brand-con-desc{font-size: 16px; line-height: 1.8em;}

.brand-slide-03 .brand-inner{display: flex; align-items: center; justify-content: center; height : 100%; padding-bottom: 180px;}
.brand-slide-03 .brand-con-desc{font-size: 16px; line-height: 1.8em; color: #2C2C2C;}
.brand-slide-03 .brand-con-desc span{color : #002A4D}

.brand-slide-03 .brand-bg::after{position : absolute; content :''; width : 80%; height : 100%; background: rgba(255,255,255,0.3); backdrop-filter: blur(20px); left : 0;top : 0; clip-path: inset(0); transition : 0s 1.4s}
.active .swiper-slide-active.brand-slide-03 .brand-bg::after{clip-path: inset(0 100% 0 0); transition : 2s 1s;}
.brand-slide-03 .brand-bg > img{transform: scale(1.5); transition: 0s 1.4s;}
.active .swiper-slide-active.brand-slide-03 .brand-bg > img{transform: scale(1); transition : 3s;}

.brand-list{display: flex;justify-content: center; gap : 30px; position : relative; margin-top: 40px;}
.brand-list > li{display: flex;align-items: center; justify-content: center; width : 124px;height :124px; border-radius: 50%; background: #002A4D; color : #fff; font-family: forena; font-size: 22px;font-weight: 400;position : relative; transition : 0s 1.4s; opacity: 0; transform: scale(0.7);}
.brand-list > li:nth-child(1){transform: scale(0.7) translateY(100%); margin-top: 21px;}
.brand-list > li:nth-child(3){transform: scale(0.7) translateY(100%); margin-top: 21px;}

.active .swiper-slide-active .brand-list > li{transform: scale(1); opacity: 1; transition : 1.2s 1.4s;}
.active .swiper-slide-active .brand-list > li:nth-child(1){transform: scale(1) translateY(100%);}
.active .swiper-slide-active .brand-list > li:nth-child(2){transform: scale(1) translateY(0%);}
.active .swiper-slide-active .brand-list > li:nth-child(3){transform: scale(1) translateY(100%);}

.brand-list > li::after{position : absolute; content : ''; width : 100%; height : 100%; border : 1px solid #707070; border-radius: 50%; transform: scale(1.1);}

.brand-list::after{position :absolute; content :''; width : 40%;height : 1px; background: #707070; bottom : -45%}
.brand-list > li:nth-child(1)::before{position :absolute; content :''; width : 59.5%;height : 1px; background: #707070; transform: rotate(-45deg);left : 89%;bottom :90%; transform-origin: bottom left;}
.brand-list > li:nth-child(3)::before{position :absolute; content :''; width : 59.5%;height : 1px; background: #707070; transform: rotate(45deg);right : 89%;bottom :90%; transform-origin: bottom right;}
.brand-list::after,
.brand-list > li::before{clip-path: inset(0 50%); transition : 0s 1.4s;}
.active .swiper-slide-active .brand-list::after,
.active .swiper-slide-active .brand-list > li::before{clip-path: inset(0); transition : 1s 2s;} */

.brand-slide{width : 100%;height : 100%;}
.brand-bg{width : 100%;height : 100%; position: absolute; left : 0;top : 0;}
.brand-bg > img{width : 100%;height : 100%; object-fit: cover; object-position: center; transform: scale(1.25); transition : 0s 1.4s;}
/* .brand-slide-01 .brand-bg > img,
.brand-slide-02 .brand-bg > img{transition : 0s 1.4s; transform: scale(1.5);}
.active .brand-slide-01 .brand-bg > img,
.active .brand-slide-02 .brand-bg > img{transform: scale(1); transition : 3s;} */
.active .swiper-slide-active .brand-bg > img{transform: scale(1); transition : 3s;}
.brand-leaf{position :absolute; left : 0; bottom: 0; z-index: 1; transform: translateX(-50%) translateY(50%); opacity: 0; transition : 0s 1.4s;}
.active .brand-leaf{transform: translateX(0); opacity: 1; transition : 2s;}
.brand-tit{font-size: 192px; font-family: athena; color : #fff; position : absolute; bottom : 0; left : 160px; z-index: 1; font-weight: 400;}
.brand-tit .char{transform: translateX(100px); opacity: 0; transition : 0s 1.4s;}
.active .brand-tit .char{transform: translateX(0); opacity: 1;}
.active .brand-tit .char:nth-child(1){transition : 1s 1s;}
.active .brand-tit .char:nth-child(2){transition : 1s 1.1s;}
.active .brand-tit .char:nth-child(3){transition : 1s 1.2s;}
.active .brand-tit .char:nth-child(4){transition : 1s 1.3s;}
.active .brand-tit .char:nth-child(5){transition : 1s 1.4s;}

.brand-inner{position : relative;}
.brand-slide-01 .brand-inner{display: flex;align-items: center; justify-content: space-between;max-width: 800px; position : relative; height : 100%; margin : 0 auto;}
.brand-slide-01 .brand-tit-box{width : 1px;}
.brand-slide-02 .brand-inner{display: flex;align-items: center; justify-content: center; position : relative; height : 100%; width : 100%; gap : 60px;}
.brand-tit-box{display: flex; flex-direction: column;align-items: center;text-align: center; white-space: nowrap;}
.brand-slide-02 .brand-inner .brand-tit-box{transform: translateY(80px);}
.brand-slide-02 .brand-inner .brand-tit-box:nth-child(1){transform: translateY(-80px);}

.brand-con-tit{font-family: forena; font-size: 37px; letter-spacing: 0.3em; margin-bottom: 28px; color : #222; font-weight: 400; letter-spacing: 0.6em; padding-left: 0.6em; opacity: 0; transition : 0s 1.4s; white-space: nowrap;}
.brand-tit-box-02 .brand-con-tit{padding-left: .3em; letter-spacing: .3em;}
.active .swiper-slide-active .brand-con-tit{opacity: 1; letter-spacing: 0.3em; padding-left: 0.3em; transition : 1.4s .4s;}
.active .swiper-slide-active .brand-tit-box-02 .brand-con-tit{letter-spacing: 0.1em; padding-left: 0.1em;}
.brand-con-desc{font-family: HG; font-size: 22px; font-weight: 300; color : #353F49; line-height: 1.5em;}

.brand-con-desc span{font-family: HG; font-weight: 400; display: inline-block; transform: translateY(-3%);padding-right: 2px;}
.brand-con-desc b{color : #971934; font-weight: 600;}

.brand-con-desc p{transform: translateY(50px); opacity: 0; transition: 0s 1.4s;}
.active .swiper-slide-active .brand-con-desc p{transform: translateY(0); opacity: 1;}
.active .swiper-slide-active .brand-con-desc p:nth-child(1){transition : 1s 1.0s;}
.active .swiper-slide-active .brand-con-desc p:nth-child(2){transition : 1s 1.1s;}
.active .swiper-slide-active .brand-con-desc p:nth-child(3){transition : 1s 1.2s;}
.active .swiper-slide-active .brand-con-desc p:nth-child(4){transition : 1s 1.3s;}
.active .swiper-slide-active .brand-con-desc p:nth-child(5){transition : 1s 1.4s;}
.active .swiper-slide-active .brand-con-desc p:nth-child(6){transition : 1s 1.5s;}
.active .swiper-slide-active .brand-con-desc p:nth-child(7){transition : 1s 1.6s;}
.active .swiper-slide-active .brand-con-desc p:nth-child(8){transition : 1s 1.7s;}

.brand-logo{margin-bottom: 33px; transform: translateY(-50px); opacity: 0; transition : 0s 1.4s;}
.active .swiper-slide-active .brand-logo{transform: translateY(0); opacity: 1; transition : 1.4s .4s;}
.brand-slide-02 .brand-con-desc{font-size: 16px; line-height: 1.8em;}

.brand-line{width : 1px;height : 170px; background: #A5A5A5;transform: rotate(30deg);}

.brand-slide-03 .brand-inner{display: flex; align-items: center; justify-content: center; height : 100%; padding-bottom: 180px;}
.brand-slide-03 .brand-con-desc{font-size: 16px; line-height: 1.8em; color: #2C2C2C;}
.brand-slide-03 .brand-con-desc span{color : #002A4D}

.brand-slide-03 .brand-bg::after{position : absolute; content :''; width : 80%; height : 100%; background: rgba(255,255,255,0.3); backdrop-filter: blur(20px); left : 0;top : 0; clip-path: inset(0); transition : 0s 1.4s}
.active .swiper-slide-active.brand-slide-03 .brand-bg::after{clip-path: inset(0 100% 0 0); transition : 2s 1s;}
.brand-slide-03 .brand-bg > img{transform: scale(1.5); transition: 0s 1.4s;}
.active .swiper-slide-active.brand-slide-03 .brand-bg > img{transform: scale(1); transition : 3s;}

.brand-list{display: flex;justify-content: center; gap : 30px; position : relative; margin-top: 40px;}
.brand-list > li{display: flex;align-items: center; justify-content: center; width : 124px;height :124px; border-radius: 50%; background: #002A4D; color : #fff; font-family: forena; font-size: 22px;font-weight: 400;position : relative; transition : 0s 1.4s; opacity: 0; transform: scale(0.7);}
.brand-list > li:nth-child(1){transform: scale(0.7) translateY(100%); margin-top: 21px;}
.brand-list > li:nth-child(3){transform: scale(0.7) translateY(100%); margin-top: 21px;}

.active .swiper-slide-active .brand-list > li{transform: scale(1); opacity: 1; transition : 1.2s 1.4s;}
.active .swiper-slide-active .brand-list > li:nth-child(1){transform: scale(1) translateY(100%);}
.active .swiper-slide-active .brand-list > li:nth-child(2){transform: scale(1) translateY(0%);}
.active .swiper-slide-active .brand-list > li:nth-child(3){transform: scale(1) translateY(100%);}

.brand-list > li::after{position : absolute; content : ''; width : 100%; height : 100%; border : 1px solid #707070; border-radius: 50%; transform: scale(1.1);}

.brand-list::after{position :absolute; content :''; width : 40%;height : 1px; background: #707070; bottom : -45%}
.brand-list > li:nth-child(1)::before{position :absolute; content :''; width : 59.5%;height : 1px; background: #707070; transform: rotate(-45deg);left : 89%;bottom :90%; transform-origin: bottom left;}
.brand-list > li:nth-child(3)::before{position :absolute; content :''; width : 59.5%;height : 1px; background: #707070; transform: rotate(45deg);right : 89%;bottom :90%; transform-origin: bottom right;}
.brand-list::after,
.brand-list > li::before{clip-path: inset(0 50%); transition : 0s 1.4s;}
.active .swiper-slide-active .brand-list::after,
.active .swiper-slide-active .brand-list > li::before{clip-path: inset(0); transition : 1s 2s;}

/**/


.location-bg{position : absolute;left : 0;top : 0; overflow: hidden;z-index: -1; overflow: hidden;width : 100%;height : 100%;}
.location-bg > img{width : 100%;height : 100%; object-fit: cover; object-position: center; transform: scale(1.4); transition : transform 0s 1.2s;}
.fp-active .location-bg > img{transform: scale(1); transition : transform 4s;}

.main-section-location{overflow: hidden;}

.location-inner{display: flex;flex-direction: column;align-items: center;padding-top: 50px;}

.location-tit-box{display: flex;flex-direction: column;align-items: center; position : relative; margin-bottom: 48px;}

.location-tit{font-family: HG; font-size: 43px; margin-bottom: 12px; line-height: 1em;opacity: 0; letter-spacing: 1.5em;transition :0s 1.4s; color : #002A4F; font-weight: 400; padding-left: 1.5em;}

.fp-active .location-tit{opacity: 1; letter-spacing: 0.3em; transition : opacity 1s .4s, letter-spacing 1s 1.3s, padding-left 1s 1.3s;; padding-left: 0.3em;}

.location-desc{font-family: HG; font-size: 16px; letter-spacing: -0.04em;opacity: 0; transform: translateY(100px);transition : opacity 1s .4s, transform 1s .4s; color : #2C2C2C;}
.location-desc b{color : #353F49; font-weight: 700;}
.fp-active .location-desc{opacity: 1; transform: translateY(0px);transition : opacity 1s 1.3s, transform 1s 1.3s;}

.location-container{display: flex;gap : 67px;}

.location-map{margin-bottom: 40px; position : relative; opacity: 0; transition : 0s 1.4s}

.fp-active .location-map{opacity: 1; transition : 1s 1.3s;}

.location-address-box{display: flex;align-items: center;justify-content: start; width : 100%;}
.location-address-box + .location-address-box{margin-top: 15px;}

.location-name{position : relative; margin-right: 33px; opacity: 0; transition : opacity 1s;}
.fp-active .location-name{transform: translateX(0); opacity: 1;transition : opacity 1s 1.5s, transform 1s 1.3s;}

.location-address{display: flex;align-items: center; font-size: 16px; letter-spacing: -0.05em; color : #1F1F1F; font-family: HG; font-weight: 500; transform: translateX(-100px); opacity: 0; transition : 0s 1.4s;}
.fp-active .location-address{transform: translateX(0); opacity: 1; transition : 1.2s 1.3s;}
.location-address > b{font-size: 22px; margin-right: 10px; color : #002A4F; font-weight: 600;}
.location-address > b.long{width : 100px;}

.location-btn-box{display: flex;gap : 4px; margin-left: auto;transform: translateX(50px); opacity: 0;transition : 0s 1.4s}
.fp-active .location-btn-box{transform: translateX(0); opacity: 1;transition : opacity 1s 1.5s, transform 1s 1.3s;}
.location-btn-box > a{transition : transform .5s;}
.location-btn-box > a:hover{transform: translateY(-5px);}

.location-sign{font-family: AV; font-size: 51px; color : #2C2C2C; position : absolute; right : 80px; bottom : 80px; transform: rotate(-15deg) translateY(100px) translateX(-200px); opacity: 0; transition : transform 1s, opacity 1s;}
.fp-active .location-sign{transform: rotate(-15deg); opacity: 1; transition-delay: 1s;}

/* NEW */
.main-com{background: #EFEDE8;}
.com-slide{width: 100%; height: 100%; overflow: hidden;}
.com-slide .swiper-slide{display: flex; overflow: hidden;}
.com-left, .com-right{display: flex;justify-content: center;align-items: center; width : 50%; flex-shrink: 0; padding : 0 0 80px; position : relative;}
.com-left{padding : 160px 0 80px;}
.com-inner{display: flex; height : 100%; flex-direction: column;justify-content: space-between;}
.com-right .com-inner{justify-content: end;}

.active .swiper-slide-active{
    .com-tit-box{transform: translateX(0); opacity: 1; transition : 1.2s .4s;}
    .com-img{transform: translateY(0); opacity: 1; transition : 1.2s;
        &.com-img-01{transition-delay : .4s;}
        &.com-img-02{transition-delay : .55s;}
        &.com-img-03{transition-delay : .7s;}
        &.com-img-04{transition-delay : .85s;}
        &.com-img-05{transition-delay : 1s;}
        &.com-img-06{transition-delay : .4s;}
        &.com-img-07{transition-delay : .55s;}
        &.com-img-08{transition-delay : .7s;}
        &.com-img-09{transition-delay : .85s;}
    }
    .com-img-inner > img{transform: scale(1); transition : 3s;}
    .com-img-tit{transform: translateX(0); opacity: 1; transition : 1.2s 1.4s;}
    .com-img-floor{transform: translateX(0); opacity: 1; transition : 1.2s 1.4s;}
    .com-left::after{clip-path: inset(0); transition : 2s;}
    .com-obj{transform: translateY(0); opacity: 1; transition : 1.2s .4s;}
}

.com-left::after{position : absolute; content: ''; width : 1px; height : 100%; background: #BCBCBC; top : 10%; right : 0; clip-path: inset(0 0 100%); transition : 0s 1.4s;}

.com-tit-box{transform: translateX(-100px); opacity: 0; transition : 0s 1.4s;}
.com-tit{font-family: HG; font-weight: 700; font-size: 42px; color : #84694E; margin-bottom: 19px; letter-spacing: -0.04em}
.com-desc{font-family: HG; letter-spacing: -0.04em; font-size: 18px; color : #000; font-weight: 300;}

.com-img-box{display: flex; gap : 10px; align-items: end; justify-content: end;}

.com-img{transform: translateY(100px); opacity: 0; transition : 0s 1.4s;}

.com-img-inner{overflow: hidden; position : relative;
    &.img-cut::after{position : absolute; content : '이미지컷'; right : 11px; bottom : 11px; color : #fff; font-family: HG; font-size: 14px;}
}
.com-img-inner > img{transform: scale(1.5); transition : 0s 1.4s}
.com-img-tit{font-family: HG; font-size: 25px; font-weight: 700; letter-spacing: -0.04em; margin-bottom: 36px; transform: translateX(-100px); opacity: 0; transition : 0s 1.4s;}

.com-img-floor{position : absolute; display: flex;align-items: center;justify-content: center; color : #fff; width : 96px; height : 96px; border-radius: 50%; background: #000; font-family: HG; font-size: 25px; letter-spacing: -0.04em; right : 0; top : -60px; transform: translateX(100px); opacity: 0; transition : 0s 1.4s;}
.com-img-desc-box{display: flex; justify-content: space-between;  font-family: HG; font-size: 16px; color : #000; white-space: nowrap; padding-top: 13px;
    p{font-weight: 300;}
    span{font-weight: 400;}
}

.com-img-container{ position : relative;}
.com-img-container + .com-img-container{margin-top: 35px;}
.com-slide-02 .com-img-container + .com-img-container{margin-top: 87px;}

.com-obj{position : absolute; left : -64px; bottom : 0; transform: translateY(100%); opacity: 0; transition : 0s 1.4s;}

.com-text{position : absolute; left : 12px; bottom : 88px; transform: rotate(90deg) translateX(-100%); transform-origin:left bottom; font-size: 15px; letter-spacing: -0.04em; font-family: HG; font-weight: 300;}
.com-text > span{font-family: forena; letter-spacing: 0.25em; color :#C1C1C1; font-weight: 400;}
.com-text > b{font-family: 700;}

/*  */
.active{
    .unit-tit-box{transform: translateX(0); opacity: 1; transition : 1.2s 1s;}
    .unit-right{transform: translateX(0); transition :2s;}
    .unit-con-type{transform: translateY(0px); opacity: 1; transition : 1.2s 1s;}
    .unit-con-tit{transform: translateY(0px); opacity: 1; transition : 1.2s 1.1s;}
    .unit-con-line{clip-path: inset(0); transition : 1.2s 1.2s;}
    .unit-con-desc{transform: translateY(0px); opacity: 1; transition : 1.2s 1.3s;}
    .unit-img{transform: translateY(0) !important; opacity: 1 !important; transition : 1.2s 1s !important;}
    .unit-img > img{transform: scale(1); transition : 2s 1s}
}
.unit-bg{position : absolute;left : 0;top : 0; overflow: hidden;z-index: -1; overflow: hidden;width : 100%;height : 100%;}
.unit-bg > img{width : 100%;height : 100%; object-fit: cover; object-position: center; transform: scale(1.4); transition : transform 0s 1.2s;}
.active .unit-bg > img{transform: scale(1); transition : transform 4s;}

.unit-inner{display: flex;flex-direction: column; width : 100%; height : 100%; position : relative;}
.unit-tit-box{padding:0 0 163px 123px; margin-top: auto; transform: translateX(-100px); opacity: 0; transition : 0s 1.2s;}

.unit-rotate-btn{display: flex;flex-direction: column;align-items: center;justify-content: center; width : 131px; height : 131px; color :#fff; font-family: forena; font-size: 15px; font-weight: 400; text-align: center; position : relative; margin-bottom: 30px;
    &::after{position : absolute; content : ''; width : 100%; height : 100%; background: url(/assets/images/main/unit-rotate-text.png)no-repeat center / contain; animation : rotate-text 8s infinite linear}
}
.unit-tit{font-family: forena; font-size: 53px; font-weight: 500; letter-spacing: 0.25em; color : #BEB0A3; padding-left: 24px; margin-bottom: 10px;}
.unit-desc{font-family: HG; font-size: 15px; letter-spacing: -0.04em; font-weight: 300; color : #fff; margin-bottom: 36px;}
.unit-desc b{font-weight: 700; }

.unit-link{display: flex;align-items: center; gap : 10px; font-family: forena; letter-spacing: 0.25em; color : #fff; padding-left: 24px;
    &:hover{
        img{transform: translateX(10px);}
        .arrow::after{transform: translateX(80%) scale(0.5);}
    } 
}
.unit-link img{transition : .5s;}
.unit-link .arrow{display: flex;align-items: center; position : relative;
    &::after{position : absolute; content : ''; width : 24px; height : 24px; background: #fff; border-radius: 50%; z-index: -1; right : 0; transform: translateX(30%) scale(1); transition : .3s;}
}

.unit-right{display: flex;align-items: center; position :absolute; right : 0; background: rgba(0,0,0,0.5); padding : 100px 85px 0; height : 100%; transform: translateX(100%); transition : 0s 1.2s;}

.unit-list{display: flex; border-left: 1px solid rgba(255,255,255,0.18);}
.unit-list > li{display: flex;flex-direction: column;gap : 83px; padding : 0 48px; border-right: 1px solid rgba(255,255,255,0.18);
    .unit-img{opacity: 0; transition : 0s 1.2s;}
    &:nth-child(1) .unit-img{transform: translateY(100px);}
    &:nth-child(2) .unit-img{transform: translateY(-100px);}
    &:nth-child(3) .unit-img{transform: translateY(100px);}
}

.unit-con-box{display: flex;flex-direction: column;align-items: center; text-align: center;}
.unit-con-type{font-family: jost; font-size: 18px; font-weight: 500; margin-bottom: 30px; color : #fff; transform: translateY(50px); opacity: 0; transition : 0s 1.2s;}
.unit-con-tit{font-family: HG; font-size: 23px; letter-spacing: -0.04em; margin-bottom: 30px; color : #BEB0A3; line-height: 1.5em; transform: translateY(50px); opacity: 0; transition : 0s 1.2s;}
.unit-con-line{width : 214px; height : 1px; background: rgba(255,255,255,0.16); margin-bottom: 19px; clip-path: inset(0 100% 0 0); transition : 0s 1.2s;}
.unit-con-desc{font-family: HG; font-size: 15px; letter-spacing: -0.04em; line-height: 1.5em; color : #C3C3C3; transform: translateY(50px); opacity: 0; transition : 0s 1.2s;}

.unit-img{overflow: hidden;}
.unit-img > img{transform: scale(1.25); transition : 0s 1.2s}