/* intro */
body.is-intro{overflow:hidden}
#intro{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;background:#000;overflow:hidden}
#intro .intro-bg{position:absolute;top:0;left:0;width:100%;height:100%}
#intro .intro-bg img{display:block;width:100%;height:100%;object-fit:cover;opacity:0}
#intro .intro-logo{position:absolute;top:50%;left:50%;width:350px;transform:translate(-50%,-50%);visibility:hidden}
#intro .intro-logo svg{display:block;width:100%;height:auto;overflow:visible}

#intro .skip-btn{display: flex;align-items: center;justify-content: center; position : absolute; background: #fff; width : 70px; height : 70px; top : 50%; left : 50%;z-index: 1000; transform: translateX(-50%) translateY(-50%) scale(0); border-radius: 50%; color : #000; letter-spacing: 0.1em; font-weight: 600; font-size: 16px; transition : transform .5s; font-family:'Poppins',sans-serif; text-transform : uppercase; letter-spacing : 0.1em;}
#intro .skip-btn.on{transform: translateX(-50%) translateY(-50%) scale(1);}

#intro .skip-btn::after{position : absolute; content : ''; width : 100%;height : 100%; background: rgba(255,255,255,0.5); border-radius: 50%; animation : skip-btn 1s infinite; z-index : -1;}
@keyframes skip-btn {
    0%{opacity: 1; transform: scale(1);}
    100%{opacity: 0; transform: scale(1.5);}
}

#fullpage .section{position:relative;overflow:hidden}

/* visual */
.main-visual{height:100vh;background:#f2f2f2}
.main-visual .visual-bg{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}
.main-visual .visual-bg img{display:block;width:100%;height:100%;object-fit:cover}
.main-visual .visual-swiper{position:relative;z-index:1;width:100%;height:100%}
.main-visual .visual-swiper .swiper-slide{height:100%}
.main-visual .visual-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}
.main-visual .visual-logo{width:525px}
.main-visual .visual-logo svg{display:block;width:100%;height:auto;overflow:visible;visibility:hidden}
.main-visual .visual-tit-sub{margin-top:26px;padding-right:28px;font-size:22px;font-weight:500;letter-spacing:.07em;color:#000}
.main-visual .scroll-down{position:absolute;left:118px;top:38%;z-index:1;display:flex;flex-direction:column;align-items:center;gap:18px}
.main-visual .scroll-down .txt{writing-mode:vertical-rl;font-size:11px;letter-spacing:.15em;transform:rotate(180deg);color:#000}
.main-visual .scroll-down .line{position:relative;width:1px;height:131px;background:#a6a6a6;overflow:hidden}
.main-visual .scroll-down .line:after{content:'';position:absolute;top:0;left:0;width:2px;height:100%;background:#d7b89a;animation:scrollLine 2s cubic-bezier(.65,0,.35,1) infinite}
@keyframes scrollLine{0%{transform:translateY(-100%)}100%{transform:translateY(250%)}}

/* summary */
.summary .summary-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding-top:40px;box-sizing:border-box}
.summary .sec-tit{overflow:hidden;font-family:'Poppins',sans-serif;font-size:60px;letter-spacing:.03em;font-weight:700;color:#090405}
.summary .sec-tit .char{display:inline-block}
.summary .summary-list{display:grid;grid-template-columns:repeat(3,273px);column-gap:68px;row-gap:50px;margin-top:90px}
.summary .summary-list li{display:flex;flex-direction:column}
.summary .summary-list .tit{font-size:15px;font-weight:700;color:#000;letter-spacing:-.035em;}
.summary .summary-list .line{display:block;height:1px;margin:15px 0;background:#acabab;transform-origin:0 50%}
.summary .summary-list .txt{font-size:15px;color:#000;letter-spacing:-.015em;word-break:keep-all}

/* brand1 */
.main-brand{height:100vh;background:#fff}
.main-brand .brand-bg{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}
.main-brand .brand-bg img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.06)}
.main-brand .brand-swiper{position:relative;z-index:1;width:100%;height:100%}
.main-brand .brand-swiper .swiper-wrapper{transition-timing-function:cubic-bezier(.65,0,.35,1)}
.main-brand .brand-swiper .swiper-slide{position:relative;height:100%;overflow:hidden}
.main-brand .brand-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding-top:60px;box-sizing:border-box;text-align:center}
.main-brand .ln{display:block;overflow:hidden}
.main-brand .ln > span{display:block}
.main-brand .brand-top{font-size:14px;line-height:1.71;color:#000;letter-spacing:-.033em;word-break:keep-all}
.main-brand .brand-line{display:block;width:1px;height:74px;margin:51px 0 49px;background:#000;transform-origin:50% 0}
.main-brand .brand-logo{font-size: 28px; font-weight: 700;letter-spacing:-.033em;}
.main-brand .brand-logo img{display:block;width:100%}
.main-brand .brand-desc{margin-top:45px;font-size:14px;line-height:1.71;color:#000;letter-spacing:-.033em;word-break:keep-all}

/* brand2 */
.value figure{position:absolute;z-index:1;margin:0;overflow:hidden}
.value figure img{display:block;width:100%;object-fit:cover}
.value figcaption{position:absolute;right:10px;bottom:6px;font-size:12px;line-height: 2;color:#fff;letter-spacing:-.033em;}
.value .value-main{left:0;top:145px;bottom:0;width:47.6%}
.value .value-txt{position:absolute;left:53.1%;top:59%;z-index:1;letter-spacing:-.03em;word-break:keep-all}
.value .ln{display:block;overflow:hidden}
.value .ln > *{display:block}
.value .value-txt .tit{font-size:32px;font-weight:400;line-height:1.31;color:#000}
.value .value-txt .desc{margin-top:40px;font-size:14px;line-height:1.71;color:#000}
.value .value-sub{position:absolute;left:78.7%;top:25.5%;z-index:1;width:13.8%}
.value .value-sub figure{position:relative}
.value .value-sub .s1{aspect-ratio:142/195}
.value .value-sub .s2{margin-top:24px;aspect-ratio:142/86}

/* brand3 */
.location .loc-bg{position:absolute;left:0;bottom:0;width:100%;height:48.2%;overflow:hidden}
.location .loc-bg img{display:block;width:100%;height:100%;object-fit:cover}
.location .ln{display:block;overflow:hidden}
.location .ln > *{display:block}
.location .loc-txt{position:absolute;left:14.1%;top:36.9%;z-index:1;letter-spacing:-.03em}
.location .loc-txt .tit{font-size:32px;font-weight:400;line-height:1.31;letter-spacing:-0.033em;color:#000}
.location .loc-logo{position:absolute;left:13.9%;top:59.4%;z-index:1;width:10.7%}
.location .loc-logo img{display:block;width:100%}
.location .loc-map{position:absolute;left:41.3%;top:13.9%;z-index:1;width:44.6%;margin:0;overflow:hidden;aspect-ratio:427/359}
.location .loc-map img{display:block;width:100%;height:100%;object-fit:cover}

/* central,life */
.feature{height:100vh;background:#0c1a33;color:#fff}
.feature .ft-bg{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}
.feature .ft-bg img{display:block;width:100%;height:100%;object-fit:cover}
.feature .ln{display:block;overflow:hidden}
.feature .ln > span{display:block}
.feature .ft-txt{position:absolute;left:13.4%;top:22.8%;z-index:1;letter-spacing:-.033em;word-break:keep-all}
.feature .ft-tit{overflow:hidden;margin:0;font-family:'Poppins',sans-serif;font-size:60px;letter-spacing:.03em;font-weight:700;line-height: 1;white-space:nowrap}
.feature .ft-tit .char{display:inline-block}
.feature .ft-sub{margin:48px 0 0;font-size:32px;font-weight:700;letter-spacing:-.033em}
.feature .ft-desc{margin:36px 0 0;font-size:14px;line-height:1.71;color:rgba(255,255,255,.85)}
.feature .ft-tags{position:absolute;right:11.7%;bottom:12.5%;z-index:1}
.feature .ft-tags ul{display:flex;margin:0;padding:0;list-style:none;flex-wrap:wrap;justify-content:flex-end}
.feature .ft-tags ul + ul{margin-top:10px}
.feature .ft-tags li{font-size:14px;color:#fff;letter-spacing:-.033em}
.feature .ft-tags li:before,
.feature .ft-tags li:last-child:after{content:'|';margin:0 12px;color:rgba(255,255,255,.5)}

/* contact */
.main-contact{height:100vh;background:#fff}
.main-contact .ct-bg{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}
.main-contact .ct-bg img{display:block;width:100%;height:100%;object-fit:cover}
.main-contact .ct-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding-top:60px;box-sizing:border-box;text-align:center}
.main-contact .ct-tit{overflow:hidden;margin:0;font-family:'Poppins',sans-serif;font-size:60px;letter-spacing:.03em;font-weight:700;color:#090405}
.main-contact .ct-tit .char{display:inline-block}
.main-contact .ct-map{margin:55px 0 0;overflow:hidden}
.main-contact .ct-map img{display:block;width:100%}
.main-contact .ln{display:block;overflow:hidden}
.main-contact .ln > span{display:block}
.main-contact .ct-addr{margin:43px 0 0;font-size:14px;font-weight:500;color:#000;letter-spacing:-.033em;word-break:keep-all}
