@charset "UTF-8";
header.sub{background: #fff;}
header.sub::after{content: ''; display: block; width: 100%; height: 1px; background: #e5e5e5; position: absolute; left: 0; top: calc(100% - 1px); z-index: 1; opacity: 0.5;}
.wrap.sub { opacity: 1; }
.in_1200{max-width:1200px;margin:0 auto;}
.in_1300{max-width:1300px;margin:0 auto;}
.in_1400{max-width:1400px;margin: 0 auto;}
.in_1680{max-width:1680px;margin: 0 auto;}

.svis { width: 100%; display: flex; justify-content: center; align-items: center; position: relative; overflow: hidden;padding: 0 100px; } 
.svis .bg { position: absolute; width: 100%; height: 100%; background-size: cover; background-position: center center; z-index: 0; transition: 3s; left: 50%; top:50%; transform: translate(-50%, -50%) scale(1.3); } 
.svis.sv01 .bg { background-image: url(../images/svis01.jpg); } 
.svis.sv02 .bg { background-image: url(../images/svis02.jpg?ver=3); } 
.svis.sv03 .bg { background-image: url(../images/svis03.jpg); } 
.svis.sv04 .bg { background-image: url(../images/svis04.jpg); } 
.svis.sv05 .bg { background-image: url(../images/svis05.jpg); } 
.svis.sv06 .bg { background-image: url(../images/svis06.jpg); } 
.svis.sv07 .bg { background-image: url(../images/svis07.jpg); } 

.svis.sv01 .bot{display:none;}

.title-wrap { max-width: 1408px; width: 100%; margin: 50px auto 0; color: #7a6e66; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 16px; } 
.title-wrap .top .eng { font-size: 70px; font-family: 'Cinzel'; } 
.title-wrap .top .ko { font-size: 20px; letter-spacing: -0.05em; } 
.title-wrap .bot { font-size: 24px; letter-spacing: -0.05em; font-weight: 200; position: relative; } 
.title-wrap .bot b { font-weight: 600; } 
.title-wrap .bot::before { content: ''; position: absolute; width: 100%; height: 1px; background: #7a6e66; top: -13px; left: 0; } 

@media(min-width:1025px){
    .svis.sv01 .bot{width: 330px;}
    .svis.sv02 .bot{width: 350px;}
    .svis.sv03 .bot{width: 410px;}
    .svis.sv04 .bot{width: 330px;}
    .svis.sv05 .bot{width: 420px;}
    .svis.sv06 .bot{width: 365px;}
    .svis.sv07 .bot{width: 470px;}
}
@media (max-width: 1300px) and (min-width:768px){
	.svis.sv01 .bot{width: 270px;}
	.svis.sv02 .bot{width: 290px;}
    .svis.sv03 .bot{width: 340px;}
    .svis.sv04 .bot{width: 270px;}
    .svis.sv05 .bot{width: 340px;}
    .svis.sv06 .bot{width: 300px;}
    .svis.sv07 .bot{width: 380px;}
}

.content-wrap { max-width: 1408px; width: 100%; margin: 0 auto; } 
.sub-nav { display: flex; justify-content: flex-end; align-items: center; gap: 28px; margin-top: 20px; padding:  0 20px;} 
.sub-nav .home { width: 29px; height: 29px; background: url(../images/sub-home.jpg) no-repeat center; } 
.sub-nav .home a { display: block; width: 100%; height: 100%; } 
.sub-nav ul { display: flex; gap: 48px; } 
.sub-nav ul.custom { flex-wrap: wrap; }
.sub-nav ul li a { line-height: 32px; position: relative; font-size: 17px; } 
.sub-nav ul li a::after{ content: ''; position: absolute; width: 100%; height: 1px; background: #7a6e66; bottom: -6px; left: 0;transform:scaleX(0);transform-origin:0 0;transition:0.6s;}
.sub-nav ul li { position: relative; } 
.sub-nav ul li.on::before{ content: ''; position: absolute; width: 8px; height: 8px; background: #7a6e66; top:-24px; left: 50%; transform: translateX(-50%); border-radius: 50%; } 
.sub-nav ul li.on a::after{transform:none;}
.sub-nav ul li a:hover::after{transform:none;}

@media (max-width: 1024px) and (min-width: 767px){
 .title-wrap { padding: 30px 20px 0; align-items: center; margin: 0 auto;} 
 .title-wrap .top .eng { font-size: 50px; } 
 .title-wrap .top .ko { font-size: 16px; } 
 .title-wrap .bot { font-size: 18px; width: 260px; text-align: center; } 
 .title-wrap .bot b { font-weight: 600; } 
 .title-wrap .bot::before { content: ''; position: absolute; width: 100%; height: 1px; background: #7a6e66; top: -13px; left: 0; } 
 .sub-nav ul { display: flex; gap: 30px; } 
 .sub-nav ul li a { line-height: 30px; position: relative; font-size: 15px; } 
 }
 @media (max-width: 1024px) and (min-width: 768px) {
	.svis{height:300px;}
	.title-wrap{padding-top:60px;}
}

@media (max-width: 767px){
 .title-wrap { padding: 40px 20px 0; align-items: center; margin: 0 auto;} 
 .title-wrap .top .eng { font-size: 36px; } 
 .title-wrap .top .ko { font-size: 13px; } 
 .title-wrap .bot { font-size: 14px; width: 190px; text-align: center; } 
 .title-wrap .bot b { font-weight: 600; } 
 .title-wrap .bot::before { content: ''; position: absolute; width: 100%; height: 1px; background: #7a6e66; top: -13px; left: 0; } 

 .sub-nav { box-sizing: border-box; padding: 0 20px; justify-content: center; margin-top: 10px; } 
 .sub-nav .home { display: none; } 
 .sub-nav ul { display: flex; gap: 15px; } 
 .sub-nav ul.custom {gap: 15px 23px; justify-content: center;}
 .sub-nav ul li a { line-height: 30px; position: relative; font-size: 13px; } 
 .sub-nav ul li.on::before { top:-13px; width: 6px; height: 6px; } 
 }

@media all and (max-width: 1400px) and (min-width: 1025px){
    .contents .content{padding: 100px 20px 120px;}
}

@media all and (min-width:1025px){
 .svis { height: 500px; } 
 .contents .content { padding: 110px 20px 120px; } 
 .svis.active .bg { transform: translate(-50%, -50%) scale(1); } 
 .svis .title-wrap { transform: translateX(5%); opacity: 0; transition: 0.8s; } 
 .svis.active .title-wrap { transform: translateX(0); opacity: 1; } 
 }
@media (max-width: 1300px){
	header.sub{height: 80px;}
}
@media (max-width: 1300px) and (min-width:768px){
	.content-wrap{padding: 0 100px;}
	.svis{height: 320px;}
	.title-wrap .top .eng{font-size: 4rem;}
	.title-wrap .top .ko{font-size:1.3rem;}
	.title-wrap .bot{font-size:1.4rem;}
	.sub-nav ul{gap: 30px;}
	.sub-nav ul li a{font-size: 1.2rem;}
}
@media all and (max-width: 1024px){
 .contents .content { padding: 60px 20px 80px; } 
 .svis.active .bg { transform: translate(-50%, -50%) scale(1); } 
 .svis .title-wrap { transform: translateY(15%); opacity: 0; transition: 0.8s; } 
 .svis.active .title-wrap { transform: translateY(0); opacity: 1; } 
    header.sub{height: 75px;}
    .sub-nav{padding:  0 20px;}
 }
 @media all and (max-width:1024px) and (min-width:768px){
	header.sub{height:95px;}
 }
@media all and (max-width: 768px){
	.svis { height: 260px; padding: 0 20px;} 
}

/* sub11 */
.sub11-top { display: flex; justify-content: space-between; align-items: flex-end; } 
.sub11-top .rig { display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-end; gap: 16px; } 
.sub11-top .rig .top { font-size: 18px; color: #7a6e66; display: flex; gap: 36px; } 
.sub11-top .rig .top > div { display: flex; align-items: baseline; justify-content: flex-end; flex-wrap: nowrap; flex-direction: row; gap: 0; } 
.sub11-top .rig .top .lef { width: 290px; } 
.sub11-top .rig .top .rig { width: 150px; } 
.sub11-top .rig .top .num { font-size: 90px; font-family: 'Cinzel'; font-weight: 600; letter-spacing: 0.05em; } 
.sub11-top .rig .bot { font-size: 35px; letter-spacing: -0.05em; font-weight: 200; color: #231916; } 
.sub11-top .rig .bot b { font-weight: 600; } 

.sub11-vis { width: 100%; overflow: hidden; margin-top: 60px; } 
.sub11-vis .thumbs { display: flex; justify-content: flex-end; gap: 10px; margin-top: 10px; align-items: flex-end; } 
.sub11-vis .thumbs .navigation { display: flex; gap: 5px; } 
.sub11-vis .thumbs ul { display: flex; gap: 10px; } 
.sub11-vis .thumbs .prev,
.sub11-vis .thumbs .next { width: 25px; height: 25px; cursor: pointer; } 
.sub11-vis .thumbs .prev { background: url(../images/sub11-prev.jpg) no-repeat center; } 
.sub11-vis .thumbs .next { background: url(../images/sub11-next.jpg) no-repeat center; } 
.sub11-vis .thumbs ul li { width: 180px; cursor: pointer; } 

.sub11-information { margin-top: 100px; } 
.sub11-information .title { font-size: 14px; color: #231916; letter-spacing: 0.05em; font-weight: 600; position: relative; font-family: 'Cinzel'; text-transform: uppercase; margin-bottom: 50px; } 
.sub11-information .title span { position: relative; } 
.sub11-information .title span::before { content: ''; position: absolute; width: 100%; height: 1px; background: #231916; bottom: -2px; left: 0; } 
.sub11-information ul { display: grid; grid-template-columns: repeat(2, 1fr); gap: 70px 68px; } 
.sub11-information ul li { display: flex; flex-direction: column; gap: 10px; } 
.sub11-information ul li .top { display: block; width: 100%; line-height: 48px; border-bottom: 1px solid #7a6e66; letter-spacing: -0.025em; color: #7a6e66; } 
.sub11-information ul li .bot { display: block; width: 100%; font-size: 20px; line-height: 32px; letter-spacing: -0.025em; color: #231916; } 

.sub11-video { margin-top: 200px; width: 100%; height: 0; padding-bottom: 53.35%; position: relative; } 
.sub11-video iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 3; } 
.sub11-video .logo-wrap { position: absolute; width: 100%; height: 243px; top: -63px; left: 0; display: flex; justify-content: center; align-items: center; z-index: 5; } 

.sub11-video .logo-wrap .images{position: relative; width: 412px; height: 243px;}
.sub11-video .logo-wrap .images img{position: absolute; width: 100%; height: 100%; object-fit: cover; left: 0; top: 0; z-index: 1;}

@media (max-width: 1300px) and (min-width:768px){
	.sub11-top .lef{width:250px;}
	.sub11-top .rig .top{gap: 0 10px;}
	.sub11-top .rig .top .num{font-size:5rem;}
	.sub11-top .rig .top .rig{width:120px;}
	.sub11-top .rig .bot{font-size: 1.8rem;}
	.sub11-information .title{margin-bottom: 40px;}
	.sub11-information ul{gap: 20px 50px;}
	.sub11-information ul li{gap: 0 5px;}
	.sub11-information ul li .top{line-height:40px;font-size: 1.2rem;}
	.sub11-information ul li .bot{font-size:1.3rem;}
	.sub11-video{margin-top:160px;}
	.sub11-video .logo-wrap{top:-100px;}
	.sub11-video .logo-wrap .images{width: 300px;height: 177px;}
}
@media (max-width: 1024px) and (min-width: 768px){
 .sub11-top .rig { display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-end; gap: 8px; } 
 .sub11-top .rig .top { font-size: 14px; color: #7a6e66; display: flex; gap: 18px; } 
 .sub11-top .rig .top .lef { width: auto; } 
 .sub11-top .rig .top .rig { width: auto; } 
 .sub11-top .rig .top .num { font-size: 48px; font-family: 'Cinzel'; font-weight: 600; letter-spacing: 0.05em; } 
 .sub11-top .rig .bot { font-size: 14px; letter-spacing: -0.05em; font-weight: 200; color: #231916; } 
 }
@media (max-width: 768px){
 .sub11-top { flex-direction: column; align-items: center; justify-content: center; gap: 24px; } 
 .sub11-top .lef { width: 40%; } 
 .sub11-top .rig { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 8px; } 
 .sub11-top .rig .top { font-size: 14px; color: #7a6e66; display: flex; gap: 18px; } 
 .sub11-top .rig .top .lef { width: auto; } 
 .sub11-top .rig .top .rig { width: auto; } 
 .sub11-top .rig .top .num { font-size: 38px; font-family: 'Cinzel'; font-weight: 600; letter-spacing: 0.05em; } 
 .sub11-top .rig .bot { font-size: 14px; } 
 .sub11-vis { margin-top: 20px; } 
 .sub11-vis .thumbs ul { display: flex; gap: 10px; } 
 .sub11-vis .thumbs .navigation { display: none; } 
 .sub11-vis .thumbs ul li { width: 33%; cursor: pointer; } 
 .sub11-information { margin-top: 30px; } 
 .sub11-information .title { font-size: 10px; margin-bottom: 30px; } 
 .sub11-information ul { grid-template-columns: repeat(1, 1fr); gap: 20px 16px; } 
 .sub11-information ul li { display: flex; flex-direction: column; gap: 10px; } 
 .sub11-information ul li .top { line-height: 32px; font-size: 12px; } 
 .sub11-information ul li .bot { font-size: 14px; line-height: 20px; } 
 .sub11-video { margin-top: 80px; } 
 .sub11-video .logo-wrap { height: 25vw; top: -7vw; } 
 .sub11-video .logo-wrap img { width:100%; height: 100%; object-fit: contain; } 
 }


/* sub11 모션 */

.sub11-top .lef { transform: translateX(-15%); opacity: 0; transition: 0.8s; } 
.sub11-top.active .lef { transform: translateY(0); opacity: 1; } 

.sub11-top .rig { transform: translateX(15%); opacity: 0; transition: 0.8s; } 
.sub11-top.active .rig { transform: translateY(0); opacity: 1; } 

.sub11-vis .swiper-container { transform: translateY(30%); opacity: 0; transition: 1.4s; } 
.sub11-vis.active .swiper-container { transform: translateY(0); opacity: 1; } 
.sub11-vis .thumbs { transform: translateX(-10%); opacity: 0; transition: 1.4s; } 
.sub11-vis.active .thumbs { transform: translateX(0); opacity: 1; transition-delay: .8s;} 

.sub11-information .title{filter: blur(40px); transform: translateX(60px); opacity: 0; transition: 1.2s;}
.sub11-information.active .title{filter: blur(0); transform: translateX(0); opacity: 1;}
.sub11-information li .top { transform: translateY(30%); opacity: 0; transition: 0.8s; } 
.sub11-information.active li .top { transform: translateY(0); opacity: 1; transition-delay: .4s; } 
.sub11-information li .bot { transform: translateY(30%); opacity: 0; transition: 0.8s; } 
.sub11-information.active li .bot { transform: translateY(0); opacity: 1; transition-delay: .6s; } 

.sub11-video .logo-wrap img:first-of-type{transform: translateX(60px); opacity: 0; transition: 0.8s;}
.sub11-video.active .logo-wrap img:first-of-type{transform: translateX(0); opacity: 1;}
.sub11-video .logo-wrap img:last-of-type{transform: translateX(-60px); opacity: 0; transition: 0.8s;}
.sub11-video.active .logo-wrap img:last-of-type{transform: translateX(0); opacity: 1;}
.sub11-video .logo-wrap.fade{opacity: 0; transition: 0.8s;}

.sub11-video iframe{transform: translateY(60px); opacity: 0; transition: 0.8s;}
.sub11-video.active iframe{transform: translateY(0); opacity: 1; transition-delay: .5s;}

/* sub12 */
.sub12-title1 { font-size: 35px; letter-spacing: -0.05em; color: #231916; text-align: center; font-weight: 200; margin-bottom: 150px; } 
.sub12-title1 b { font-weight: 600; } 
.sub12-item~.sub12-item { margin-top: 200px; } 
.sub12-top { display: flex; justify-content: space-between; } 
.sub12-top .section-title { font-size: 14px; color: #231916; letter-spacing: 0.05em; font-weight: 600; position: relative; font-family: 'Cinzel'; text-transform: uppercase; margin-bottom: 50px; } 
.sub12-top .section-title span { position: relative; } 
.sub12-top .section-title span::before { content: ''; position: absolute; width: 100%; height: 1px; background: #231916; bottom: -2px; left: 0; } 
.sub12-top .rig .main-title,
.sub12-top .rig .sub-title { text-align: right; } 
.sub12-top .main-title { font-size: 70px; font-family: 'Cinzel'; font-weight: 400; letter-spacing: 0.05em; color: #7a6e66; } 
.sub12-top .main-title span { position: relative; } 
.sub12-top .rig .main-title span::before { content: ''; position: absolute; width: 8px; height: 8px; background: #7a6e66; top: 14px; left: -15px; border-radius: 50%; } 
.sub12-top .lef .main-title span::before { content: ''; position: absolute; width: 8px; height: 8px; background: #7a6e66; top: 14px; right: -15px; border-radius: 50%; } 
.sub12-top .sub-title { font-size: 70px; font-family: 'Cinzel'; font-weight: 400; letter-spacing: 0.05em; color: #e3dad1; } 
.sub12-top .sub-title em { font-style: italic; } 
.sub12-top .detail { font-size: 16px; line-height: 30px; letter-spacing: -0.05em; color: #7a6e66; margin-top: 20px; } 
.sub12-top .detail.left { padding-left: 70px; } 
.sub12-bot { display: flex; justify-content: space-between; margin-top: 45px; gap: 16px;} 
.sub12-bot .top { align-self: flex-start; } 
.sub12-bot .bot { align-self: flex-end; } 
.sub12-bot.type2 .rig{order:2}
.sub12-bot.type2 .cen{order:3}
.sub12-item-wrap { position: relative; padding-bottom: 105px; } 
.sub12-bg { width: 100vw; height: calc(100% + 348px); background: url(../images/sub12-bg.jpg) no-repeat center center / cover; position: absolute; top: -348px; left: 50%; z-index: -1; transform: translateX(-50%); } 

.location-wrap { margin-top: 130px; } 
.location-wrap .title { font-size: 14px; color: #231916; letter-spacing: 0.05em; font-weight: 600; position: relative; font-family: 'Cinzel'; text-transform: uppercase; margin-bottom: 50px; } 
.location-wrap .title span { position: relative; } 
.location-wrap .title span::before { content: ''; position: absolute; width: 100%; height: 1px; background: #231916; bottom: -2px; left: 0; } 
.location-wrap .main-title { font-size: 35px; letter-spacing: -0.05em; line-height: 50px; color: #231916; font-weight: 200; margin-bottom: 20px; } 
.location-wrap .main-title b { font-weight: 600; } 
.location-wrap .detail { font-size: 16px; line-height: 30px; letter-spacing: -0.05em; color: #777; position: relative; } 
.location-wrap .detail img { position: absolute; right: 26%; bottom:0; } 
.sub_location { position: relative; margin-top: 50px; } 
.sub_location .map-zoom { position: absolute; top: 0; left: 0; width: 100%; } 
.sub_location .magnifier { display: none; position: absolute; width: 300px; height: 300px; background-image: url("../images/sub12_zoom.jpg"); background-repeat: no-repeat; border-radius: 100%; box-shadow: 0 0 0 2px #1b3a6a, 0 0 7px 7px rgb(0 0 0 / 20%); z-index: 10; } 
.sub_location img { display: block; } 

@media (min-width:768px) and (max-width: 1024px){
    .sub12-bot{display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px;  max-width: 800px; margin: 40px auto 0;}
    .sub12-bot div:nth-of-type(2){grid-column: 1/3; grid-row: 1/2;}
    .sub12-bot img{width:100%; height:100%; object-fit:cover;}
}
@media all and (max-width:1400px){
	.location-wrap .detail img{right:20px;}
}
@media (max-width: 1300px) and (min-width:768px){
	.sub12-title1{font-size:2.2rem;margin-bottom: 100px;}
	.sub12-top .main-title,
	.sub12-top .sub-title{font-size:4rem;}
	.sub12-top .detail{font-size: 1rem;line-height: 1.9rem;}
	.sub12-item~.sub12-item{margin-top: 150px;}
	.sub12-top .section-title{width:250px;}
	.location-wrap{margin-top:100px;}
	.location-wrap .main-title{font-size:2.3rem;line-height: 1.4em;}
	.location-wrap .detail{font-size:1.1rem;}
	.location-wrap .detail img{width:350px;}
}
@media all and (max-width:767px){
    .sub12-title1{font-size: 20px; margin-bottom: 60px;}
    
    .sub12-top .section-title{font-size: 10px; margin-bottom: 30px;}
    .sub12-item:not(:nth-of-type(2)) .sub12-top .section-title{font-size: 10px; margin-bottom: 0px;}
    .location-wrap .title{font-size: 10px; margin-bottom: 30px;}

    .sub12-item~.sub12-item{margin-top:60px;}
    .sub12-top{flex-direction:column;}
    .sub12-top .main-title{font-size: 24px;}
    .sub12-top .sub-title{font-size: 24px;}
    .sub12-top .detail{font-size:11px; line-height: 1.6;}
    .sub12-top .section-title img{display: none;}

    .sub12-bot{display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; margin-top: 40px;}
    .sub12-bot div:nth-of-type(2){grid-column: 1/3; grid-row: 1/2;}
    .sub12-bot img{width:100%; height:100%; object-fit:cover;}

    .sub12-top .rig .main-title, .sub12-top .rig .sub-title{ text-align: left;}
    .sub12-top .detail.left{padding-left:0;}
    .sub12-top .rig .main-title span::before,
    .sub12-top .lef .main-title span::before { content: ''; position: absolute; width: 4px; height: 4px; background: #7a6e66; top: 5px; right: -5px; border-radius: 50%; left: auto;} 

    .sub12-item-wrap{padding-bottom: 50px;}
    .location-wrap{margin-top: 60px;}

    .location-wrap .main-title{font-size: 20px; line-height: 1.5; margin-bottom: 10px;}
    .location-wrap .detail{font-size: 11px; line-height: 1.6;}
    .location-wrap .detail img{width: 60%; bottom: -145%; right: 0;}

    .sub11-video .logo-wrap .images{width: 50%; height: 0; padding-bottom: 28%;}
    .sub11-video .logo-wrap .images img{width: 100%; height: 100%; object-fit: contain;}
}

/* sub12 모션 */
.sub12-title1{transform: translateY(60px); opacity: 0; transition: 1.2s;}
.sub12-title1.active{transform: translateY(0); opacity: 1;}

.sub12-top.first .lef{filter: blur(40px); transform: translateX(60px); opacity: 0; transition: 1.2s;}
.sub12-top.first.active .lef{filter: blur(0); transform: translateX(0); opacity: 1;}
.sub12-top img{filter: blur(40px); transform: translateX(60px); opacity: 0; transition: 1.2s;}
.sub12-top.active img{filter: blur(0); transform: translateX(0); opacity: 1;}

.sub12-top .main-title,
.sub12-top .sub-title{transform: translateX(-60px); opacity: 0; transition: 1.2s;}
.sub12-top.active .main-title,
.sub12-top.active .sub-title{transform: translateX(0); opacity: 1;}

.sub12-top .detail{transform: translateX(60px); opacity: 0; transition: 1.2s;}
.sub12-top.active .detail{transform: translateX(0); opacity: 1; transition-delay: .2s;}

@media all and (min-width: 1025px) {
    .sub12-bot div:first-of-type{transform: translateX(-60px); opacity: 0; transition: 1.2s;}
    .sub12-bot.active div:first-of-type{transform: translateX(0); opacity: 1;}
    .sub12-bot div:nth-of-type(2){transform: translateY(60px); opacity: 0; transition: 1.2s;}
    .sub12-bot.active div:nth-of-type(2){transform: translateY(0); opacity: 1;}
    .sub12-bot div:last-of-type{transform: translateX(60px); opacity: 0; transition: 1.2s;}
    .sub12-bot.active div:last-of-type{transform: translateX(0); opacity: 1;}

    .sub12-bot.type2 div:first-of-type{transform: translateX(-60px); opacity: 0; transition: 1.2s;}
    .sub12-bot.type2.active div:first-of-type{transform: translateX(0); opacity: 1;}
    .sub12-bot.type2 div:last-of-type{transform: translateY(60px); opacity: 0; transition: 1.2s;}
    .sub12-bot.type2.active div:last-of-type{transform: translateY(0); opacity: 1;}
    .sub12-bot.type2 div:nth-of-type(2){transform: translateX(60px); opacity: 0; transition: 1.2s;}
    .sub12-bot.type2.active div:nth-of-type(2){transform: translateX(0); opacity: 1;}
}
@media all and (max-width: 1024px) {
    .sub12-bot div:first-of-type{transform: translateX(-60px); opacity: 0; transition: 1.2s;}
    .sub12-bot.active div:first-of-type{transform: translateX(0); opacity: 1; transition-delay: 0.6s;}
    .sub12-bot div:nth-of-type(2){transform: translateY(60px); opacity: 0; transition: 1.2s;}
    .sub12-bot.active div:nth-of-type(2){transform: translateY(0); opacity: 1;}
    .sub12-bot div:last-of-type{transform: translateX(60px); opacity: 0; transition: 1.2s;}
    .sub12-bot.active div:last-of-type{transform: translateX(0); opacity: 1;transition-delay: 0.6s;}
}


.location-wrap .title{filter: blur(40px); transform: translateX(60px); opacity: 0; transition: 1.2s;}
.location-wrap.active .title{filter: blur(0); transform: translateX(0); opacity: 1; transition-delay: 0.5s;}

.location-wrap .main-title{transform: translateX(-60px); opacity: 0; transition: 1.2s;}
.location-wrap.active .main-title{transform: translateX(0); opacity: 1; transition-delay: 0.5s;}

.location-wrap .detail span {transform: translateX(-60px); opacity: 0; transition: 1.2s; display: inline-block;}
.location-wrap.active .detail span{transform: translateX(0); opacity: 1; transition-delay: 0.5s;}

.location-wrap .detail img{transform: translateX(60px); opacity: 0; transition: 1.2s;}
.location-wrap.active .detail img{transform: translateX(0); opacity: 1;}

.location-wrap .sub_location img{transform: translateY(50px); opacity: 0; transition: 1.2s;}
.location-wrap.active .sub_location img{transform: translateY(0); opacity: 1; transition-delay: 0.5s;}

/* sub13 */
.sub13-title{font-size: 35px; line-height: 45px; letter-spacing: -0.01em; text-align: center; font-family: 'Cinzel'; color: #1a1a1a; margin-bottom: 80px;}
.sub13-title em{font-style: italic;}
.sub13-title .line{font-weight: 500; position: relative;}
.sub13-title .line::after{content: ''; position: absolute; width: 100%; height: 1px; background: #1a1a1a; bottom: 11px; left: 0;}

.map-wrap{display: flex; justify-content: space-between;gap: 0 10px;}

.map-wrap .info{display: flex; justify-content: center; align-items: center; max-width: 460px; width: 100%; margin: 15px auto 0;}
.map-wrap .info p{display: block; width: 100%; color: #3e3937; letter-spacing: -0.05em;}
.map-wrap .info p span:first-of-type{font-weight: 600; color: #231916; letter-spacing: -0.01em;}
.map-wrap .info .sub13-btn-wrap{display: flex; align-items: center;}
.map-wrap .info .sub13-btn{width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; position: relative;}
.map-wrap .info .sub13-btn:first-of-type::after{content: ''; position: absolute; width: 1px; height: 14px; background: #1a1a1a; right: 0; top: 18px;}

@media all and (min-width:1025px) {
    .sub13-title{transform: translateY(40px); opacity: 0; transition: 1.2s;}
    .sub13-title.active{transform: translateY(0); opacity: 1;}
    .map-wrap .lef{opacity: 0; transform: translateX(-60px); transition: 1.2s;}
    .map-wrap .rig{opacity: 0; transform: translateX(60px);transition: 1.2s;}
    .map-wrap .lef.active{opacity: 1; transform: translateX(0);}
    .map-wrap .rig.active{opacity: 1; transform: translateX(0);}
}
@media (max-width: 1300px) and (min-width:768px){
	.sub13-title{font-size: 2rem;line-height: 1.5em;margin-bottom: 40px;}
	.map-wrap .info p{font-size: 1.1rem;}
}
@media all and (max-width:1024px){
    .sub13-title{font-size: 20px; line-height: 1.5; margin-bottom: 40px;}
    .sub13-title .line::after{bottom: 3px; left: 0;}
    .map-wrap{flex-direction: column; justify-content: center; align-items: center; gap: 20px;}
    .map-wrap .info{flex-direction: column; justify-content: center; align-items: center; font-size: 14px; text-align: center;}


    .sub13-title{transform: translateY(40px); opacity: 0; transition: 1.2s;}
    .sub13-title.active{transform: translateY(0); opacity: 1;}
    .map-wrap .lef{opacity: 0; transform: translateX(60px); transition: 1.2s;}
    .map-wrap .rig{opacity: 0; transform: translateX(-60px);transition: 1.2s;}
    .map-wrap .lef.active{opacity: 1; transform: translateX(0);}
    .map-wrap .rig.active{opacity: 1; transform: translateX(0);}
}

.vd_box{position:relative;padding-bottom:56.25%;opacity:0;transform:translate(0,10%);transition:0.8s;transition-delay:0.4s;}
.vd_box iframe{position:absolute;left:0;top:0;width:100%;height:100%;}
.vd_box.on{opacity:1;transform:none;}

.precaution{background-color: #f5f5f5;margin-top: 60px;padding: 40px 20px 40px 120px;position: relative;}
.precaution:before{content: "";display: inline-block;width: 50px;height: 50px;background: url(../images/precaution_icon.png) no-repeat center / contain;position: absolute;top: calc(50% - 25px);left: 40px;}
.precaution li{font-size: 0.81rem;color: #999;line-height: 1.69em;position: relative;padding-left: 10px;}
@media (max-width: 1300px) and (min-width:768px){
	.precaution{padding: 30px 20px 30px 80px;}
	.precaution:before{width:40px;height:40px;top: calc(50% - 20px);left: 30px;}
}
@media all and (max-width:1024px){
	.precaution{padding: 20px 10px;}
	.precaution:before{display:none;}
}

.youtube_thm{position:absolute;left:0;top:0;width:100%;height:100%;z-index:5;}
.youtube_thm button{position:relative;display:block;width:100%;height:100%;border:none;background:url(../images/youtube_thm.jpg) no-repeat center / cover;}
.youtube_thm.concept button{position:relative;display:block;width:100%;height:100%;border:none;background:url(../images/concept-thumb.png) no-repeat center / cover;}
.youtube_thm.promo button{background-image:url(../images/promo-thumb.png);}
.youtube_thm button span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;background:url(../images/youtube-btn.png) no-repeat center / contain;border-radius:50%;width:100px;height:100px;}
.youtube_thm.promo button span{filter: invert(1);}

/*brand*/
.brand_vis{height:100vh;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;}
.brand_vis .bg{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;clip: rect(0, auto, auto, 0);}
.brand_vis .bg::before{content:"";position:absolute;left:0;top:0;width:100%;height:15%;z-index:1;background-color:#fff;transform-origin:0 0;transition:1s;}
.brand_vis .bg::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:15%;z-index:1;background-color:#fff;transform-origin:0 100%;transition:1s;}
.brand_vis .bg span{display:block;position:fixed;left:0;top:0;width:100%;height:100%;background:url(../images/brand-vis.jpg) no-repeat center / cover;opacity:0;transition:2s;}
.brand_vis .txt{position:relative;z-index:1;}
.brand_vis .txt .tit{display:flex;justify-content:center;margin-bottom:40px;}
.brand_vis .txt .tit span{opacity: 0;transform:scaleY(1.4);filter: blur(1rem);transition:0.8s;}
.brand_vis .txt .tit .d1{transition-delay:0.6s;}
.brand_vis .txt .tit .d2{transition-delay:0.8s;}
.brand_vis .txt .tit .d3{transition-delay:1s;}
.brand_vis .txt .tit span em{display:block;color:#fff;font-size:7.5rem;font-family:"Cinzel";font-weight:500;letter-spacing: 0.3em;transition: 1.2s;transition-delay:0.6s;}
.brand_vis .txt .tab{display:flex;gap: 0 5px;justify-content:center;}
.brand_vis .txt .tab a{position:relative;width:285px;border:1px solid #fff;padding: 0 20px;height:60px;overflow:hidden;display: flex;align-items: center;opacity:0;transform:translate(-20%,0);transition:0.8s;}
.brand_vis .txt .tab a:nth-child(1){transition-delay:1.4s;}
.brand_vis .txt .tab a:nth-child(2){transition-delay:1.3s;}
.brand_vis .txt .tab a::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#fff;transform: translate(-100%, 0);transition:0.4s;}
.brand_vis .txt .tab a span{display:flex;width: 100%;position:relative;gap: 0 0.63rem;align-items: flex-end;position:relative;z-index:1;transition:0.4s;}
.brand_vis .txt .tab a span .i1{width:4.81rem;}
.brand_vis .txt .tab a span .i2{width:6.88rem;}
.brand_vis .txt .tab a span::before{content:"";width:12px;height:18px;position:absolute;right:0;top:50%;margin-top:-9px;background:url(../images/wh-arr.svg) no-repeat center / contain;transition:0.3s;}
.brand_vis .txt .tab a:hover::before,
.brand_vis .txt .tab a.on::before{transform:none;}
.brand_vis .txt .tab a:hover span,
.brand_vis .txt .tab a.on span{filter: invert(1);}
.brand_vis .txt .tab a:hover span::before,
.brand_vis .txt .tab a.on span::before{opacity:0;transform:translate(50%,0);}
.brand_vis .wave{position:absolute;left:50%;bottom:25px;transform: translate(-50%, 0);z-index:1;width: 10px;}
.brand_vis .wave svg{display:block;}
.brand_vis .wave svg path{animation: wave 2s 1s linear infinite;stroke-dasharray: 55px;stroke-dashoffset: 55px;}
.brand_vis.active .bg::before,
.brand_vis.active .bg::after{transform:scaleY(0);transition-delay:0.2s;}
.brand_vis.active .bg span{opacity:1;transform:scale(1.2);transition-delay:0.2s;}
.brand_vis.active .txt .tit span{opacity:1;filter:blur(0);transform:none;}
.brand_vis.active .txt .tit span em{letter-spacing:0;}
.brand_vis.active .txt .tab a{opacity:1;transform:none;}
@keyframes wave {
	0% {stroke-dashoffset: 55px;}
	30% {stroke-dashoffset: 0;}
	60% {stroke-dashoffset: 0;}
	90% {stroke-dashoffset: -55px;}
	100% {stroke-dashoffset: -55px;}
}

.brand{padding:160px 0 230px;position:relative;z-index:5;}
.brand .fit{padding: 0 100px;}
.brand .top_txt .m{display:none;}
.brand .top_txt .name{margin-bottom:6.5rem;}
.brand .top_txt .name p{display:flex;justify-content:center;}
.brand .top_txt .name p span{display:block;position:relative;overflow:hidden;}
.brand .top_txt .name p span::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#231916;transform:scaleX(0);transition:0.6s;}
.brand .top_txt .name p span em{display:block;color:#231916;font-family:"Cinzel";font-weight:600;font-size:0.88rem;letter-spacing:0.05em;padding-bottom:7px;transform:translate(0,100%);transition:0.6s;}
.brand .top_txt .t1{margin-bottom:3rem;}
.brand .top_txt .t1 p{font-size:1.88rem;line-height:1.83em;color:#231916;font-weight:300;text-align:center;opacity:0;transform:translate(0,100%);transition:0.8s;}
.brand .top_txt .t1 p strong{font-weight:600;}
.brand .top_txt .t1 p em{padding: 0 15px;display: inline-flex;vertical-align: sub;opacity:0;transition:0.6s;}
.brand .top_txt .t1 p em img{width:9rem;transform:scale(0);transition:0.6s;}
.brand .top_txt .t2{text-align:center;font-size:0;}
.brand .top_txt .t2 span{position:relative;color:#7a6e66;font-family:"Cinzel";font-weight:600;font-size:5.63rem;letter-spacing:0;opacity:0;top:3.5rem;transition:0.8s;}
.brand .top_txt .t2 .d1{transition-delay:0.1s;}
.brand .top_txt .t2 .d2{transition-delay:0.2s;}
.brand .top_txt .t2 .d3{transition-delay:0.3s;}
.brand .top_txt .t2 .d4{transition-delay:0.4s;}
.brand .top_txt .t3{color:#7a6e66;font-size:1.25rem;line-height:1.8em;letter-spacing:-0.05em;text-align:center;}
.brand .top_txt .t3 p{opacity:0;transform:translate(0,100%);transition:0.8s;}
.brand .top_txt .t3 p:nth-child(1){transition-delay:0.1s;}
.brand .top_txt .t3 p:nth-child(2){transition-delay:0.2s;}

.brand .top_txt .name.active p span::before{transform:none;}
.brand .top_txt .name.active p span em{transform:none;}
.brand .top_txt .t1.active p{opacity:1;transform:none;}
.brand .top_txt .t1.active p em{opacity:1;transition-delay:0.6s;}
.brand .top_txt .t1.active p em img{transform:none;transition-delay:0.4s;}
.brand .top_txt .t2.active span{opacity:1;top:0;}
.brand .top_txt .t3.active p{opacity:1;transform:none;}

.brand1{background-color:#fff;}
.brand1 .area1{margin-top:3.44rem;}
.brand1 .area1 .txt_box{margin-bottom:2.5rem;padding: 5.63rem 20px 5rem;text-align:center;position:relative;z-index:1;}
.brand1 .area1 .txt_box::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#f5f0e9;z-index: -1;opacity:0;transform: translate(0,20%) scale(0.8);transition:1s;}
.brand1 .area1 .txt_box em{margin:1.2rem auto 1.88rem;display:block;position:relative;width:1px;height:25px;}
.brand1 .area1 .txt_box em::before{content:"";position:absolute;left:0;top:0;width:1px;height:100%;background-color:#7a6e66;transform:scaleY(0);transform-origin:0 0;transition:0.6s;transition-delay:0.8s;}
.brand1 .area1 .txt_box .t1{color:#7a6e66;font-size:1.25rem;line-height:2em;font-weight:500;letter-spacing:-0.05em;font-family: "Noto Serif KR";}
.brand1 .area1 .txt_box .t1 p{opacity:0;transform:translate(0,100%);transition:0.6s;}
.brand1 .area1 .txt_box .t1 p:nth-child(1){transition-delay:0.3s;}
.brand1 .area1 .txt_box .t1 p:nth-child(2){transition-delay:0.4s;}
.brand1 .area1 .txt_box .t1 p:nth-child(3){transition-delay:0.5s;}
.brand1 .area1 .txt_box .t2{color:#231916;font-size:1.125rem;font-weight:300;letter-spacing:-0.05em;display:flex;justify-content:center;}
.brand1 .area1 .txt_box .t2 p{position:relative;overflow:hidden;}
.brand1 .area1 .txt_box .t2 p::before{content:"";position:absolute;left:0;bottom:0;background-color:#231916;left:0;bottom:0;width:100%;height:1px;transform:scaleX(0);transform-origin:0 0;transition:0.6s;transition-delay:1s;}
.brand1 .area1 .txt_box .t2 p span{display: block;padding-bottom:7px;transform:translate(0,100%);transition:0.6s;transition-delay:1s;}
.brand1 .area1 .txt_box .t3{color:#7a6e66;font-size:1.125rem;line-height:1.67em;letter-spacing:-0.05em;margin-top:3rem;opacity:0;transform:translate(0,80%);transition:0.8s;transition-delay:1.3s;}
.brand1 .area1 .img_box{display:flex;gap: 0 2.5rem;}
.brand1 .area1 .img_box span{display:block;overflow:hidden;}
.brand1 .area1 .img_box img{display:block;}
.brand1 .area1 .img_box span img{opacity:0;transform:scale(1.2);transition:1.5s;}
.brand1 .area1 .img_box .rig span img{transition-delay:0.3s;}
.brand1 .area1 .img_box dl{margin-top:2.75rem;text-align:center;}
.brand1 .area1 .img_box dl dt{overflow:hidden;}
.brand1 .area1 .img_box dl dt img{display:block;width:4.38rem;margin: 0 auto;transform:translate(0,100%);transition:0.6s;}
.brand1 .area1 .img_box dl dd{margin-top:2.75rem;color:#777;font-size:1rem;letter-spacing:-0.05em;overflow:hidden;line-height:1.5em;}
.brand1 .area1 .img_box dl dd p{transform:translate(0,100%);transition:0.6s;transition-delay:0.3s;}
.brand1 .area1 .img_box dl dd p .m{display:none;}
.brand1 .area1 .ori{margin-top:6.25rem;}
.brand1 .area1 .ori .m{display:none;}
.brand1 .area1 .ori dl{text-align:center;color:#7a6e66;letter-spacing:-0.05em;}
.brand1 .area1 .ori dl dt{font-weight:300;font-size:1.5rem;opacity:0;transform:translate(0,100%);transition:0.6s;}
.brand1 .area1 .ori dl dt span{font-weight:400;}
.brand1 .area1 .ori dl dt span strong{font-weight:600;}
.brand1 .area1 .ori dl dd{margin-top:1.56rem;font-size:1.25rem;line-height:1.5em;opacity:0;transform:translate(0,100%);transition:0.6s;transition-delay:0.3s;}
.brand1 .area1 .ori dl dd strong{font-weight:600;}
.brand1 .area2{margin-top:13.5rem;}
.brand1 .area2 iframe{opacity:0;transform:translate(0,20%);transition:0.8s;}

.brand1 .area1 .txt_box.active::before,
.brand1 .area1 .txt_box.active .t1 p,
.brand1 .area1 .txt_box.active em::before,
.brand1 .area1 .txt_box.active .t2 p::before,
.brand1 .area1 .txt_box.active .t2 p span,
.brand1 .area1 .txt_box.active .t3,
.brand1 .area1 .img_box span.active img,
.brand1 .area1 .img_box dl.active dt img,
.brand1 .area1 .img_box dl.active dd p,
.brand1 .area1 .ori.active dl dt,
.brand1 .area1 .ori.active dl dd,
.brand1 .area2 .active iframe{opacity:1;transform:none;}

.brand2{background-color:#f5f0e9;}
.brand2 .area1{margin-top:5rem;position:relative;}
.brand2 .area1 .m{display:none;}
.brand2 .area1 .bg{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;opacity:0;transform:scale(0.8);transition:1s;}
.brand2 .area1 .bg span{display:block;width:100%;height:100%;background:url(../images/brand2-bg.jpg) no-repeat center / cover;}
.brand2 .area1 .con{position:relative;padding: 13.13rem 100px 11.88rem;}
.brand2 .area1 .top_area{display:flex;justify-content:center;}
.brand2 .area1 .top_area .txt_box{position:relative;left:25px;}
.brand2 .area1 .top_area .txt_box dl dt strong{display:block;font-family:"Cinzel";font-weight:600;font-size:4.38rem;color:#fff;opacity:0;transform:translate(-20%,0);transition:0.8s;}
.brand2 .area1 .top_area .txt_box dl dt p{color:#fff;font-size:3.13rem;font-family:"Cinzel";margin-top:0.31rem;opacity:0;transform:translate(-20%,0);transition:0.8s;transition-delay:0.2s;}
.brand2 .area1 .top_area .txt_box dl dt p span{font-weight:600;}
.brand2 .area1 .top_area .txt_box dl dd{margin-top:2.7rem;}
.brand2 .area1 .top_area .txt_box dl dd p{font-size:1.06rem;color:#b1a89f;line-height:1.76em;opacity:0;transform:translate(0,100%);transition:0.6s;}
.brand2 .area1 .top_area .txt_box dl dd p:nth-child(1){transition-delay:0.5s;}
.brand2 .area1 .top_area .txt_box dl dd p:nth-child(2){transition-delay:0.6s;}
.brand2 .area1 .top_area .txt_box dl dd p:nth-child(3){transition-delay:0.7s;}
.brand2 .area1 .top_area .txt_box dl dd p:nth-child(4){transition-delay:0.8s;}
.brand2 .area1 .top_area .logo_box{}
.brand2 .area1 .top_area .logo_box .logo{width:17.5rem;margin: 0 auto;position:relative;left:0;opacity:0;transform:translate(0,-30%);transition:0.6s;transition-delay:0.3s;}
.brand2 .area1 .top_area .logo_box .logo img{display:block;}
.brand2 .area1 .top_area .logo_box .line{margin: 0 auto;margin-top:2rem;position:relative;}
.brand2 .area1 .top_area .logo_box .line img{display:block;}
.brand2 .area1 .top_area .logo_box .line li{opacity:0;transition:0.8s;}
.brand2 .area1 .top_area .logo_box .line li ~ li{position:absolute;left:0;top:0;width:100%;}
.brand2 .area1 .top_area .logo_box .line .l1{z-index:3;transform:translate(0,-10%);transition-delay:0.6s;}
.brand2 .area1 .top_area .logo_box .line .l2{z-index:4;transition-delay:1s;}
.brand2 .area1 .top_area .logo_box .line .l3{z-index:2;mix-blend-mode: multiply;transition-delay:0.6s;}
.brand2 .area1 .top_area .logo_box .line .l4{z-index:1;mix-blend-mode: soft-light;transform:translate(0,10%);transition-delay:0.6s;}
.brand2 .area1 .bot_area{margin-top:3.75rem;display:flex;justify-content: space-between;}
.brand2 .area1 .bot_area > div{width:calc(50% - 5px);}
.brand2 .area1 .bot_area img{display:block;width:100%;}
.brand2 .area1 .bot_area p{color:#fff;font-weight:300;font-size:1.88rem;text-align:center;margin-bottom:2.5rem;opacity:0;transform:translate(0,100%);transition:0.6s;}
.brand2 .area1 .bot_area .img span{display:block;overflow:hidden;position:relative;opacity:0;transform:translate(0,20%);transition:0.6s;transition-delay:0.3s;}
.brand2 .area2 .cir_wrap{padding: 120px 2.5rem 0;height:100vh;display:flex;flex-direction: column;justify-content: center;}
.brand2 .area2 .tit{margin-bottom:5rem;overflow:hidden;}
.brand2 .area2 .tit p{text-align:center;color:#231916;font-size:1.88rem;font-weight:600;transform:translate(0,100%);transition:0.6s;}
.brand2 .area2 ul{display:flex;justify-content:space-between;flex-wrap: wrap;position:relative;}
.brand2 .area2 ul li{width:calc(33.33% - 33.33px);position:relative;}
.brand2 .area2 ul li .cir{padding-bottom:100%;}
.brand2 .area2 ul .c .cir{opacity:0;transform: rotate(90deg) scale(0.6);transition:0.8s;}
.brand2 .area2 ul .c2 .cir{transition-delay:0.2s;}
.brand2 .area2 ul .c3 .cir{transition-delay:0.4s;}
.brand2 .area2 ul li .cir::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/brand-cir.png) no-repeat center / contain;}
.brand2 .area2 ul li .txt{display:flex;align-items:center;justify-content:center;position:absolute;left:0;top:0;width:100%;height:100%;}
.brand2 .area2 ul li .txt dl{margin-top:-2rem;}
.brand2 .area2 ul li .txt dl dt span{display:block;margin: 0 auto;opacity:0;transform:translate(0,100%);transition:0.8s;}
.brand2 .area2 ul .c1 .txt dl dt span{width:6.38rem;margin-bottom:0.6rem;transition-delay:0.4s;}
.brand2 .area2 ul .c2 .txt dl dt span{width:9.06rem;margin-bottom:1rem;transition-delay:0.6s;}
.brand2 .area2 ul .c3 .txt dl dt span{width:6.44rem;margin-bottom:1rem;transition-delay:0.8s;}
.brand2 .area2 ul li .txt dl dt span img{display:block;}
.brand2 .area2 ul li .txt dl dt strong{color:#231916;font-weight:300;font-size:2.19rem;display:block;text-align:center;opacity:0;transform:translate(0,100%);transition:0.8s;}
.brand2 .area2 ul .c1 .txt dl dt strong{transition-delay:0.6s;}
.brand2 .area2 ul .c2 .txt dl dt strong{transition-delay:0.8s;}
.brand2 .area2 ul .c3 .txt dl dt strong{transition-delay:1s;}
.brand2 .area2 ul li .txt dl dd{margin-top:1.88rem;opacity:0;transform:translate(0,50%);transition:0.8s;}
.brand2 .area2 ul .c1 .txt dl dd{transition-delay:0.8s;}
.brand2 .area2 ul .c2 .txt dl dd{transition-delay:1s;}
.brand2 .area2 ul .c3 .txt dl dd{transition-delay:1.2s;}
.brand2 .area2 ul li .txt dl dd p{font-size:1rem;color:#777;line-height:1.88em;text-align:center;white-space:nowrap;}
.brand2 .area2 ul .c4{position:absolute;top:0;left:50%;transform:translate(-50%,0);}
.brand2 .area2 ul .c4 .logo{width:17.5rem;opacity:0;transform: translate(0,20%) scale(1.3);filter:blur(0.3rem);}
.brand2 .area2 ul .c4 .logo img{display:block;}
.brand2 .area2 ul .c4 .cir{opacity:0;}
.brand2 .area3 ul{display:flex;gap:0 15px;flex-wrap:wrap;}
.brand2 .area3 li{position:relative;overflow:hidden;clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%);transition:1s;transition-delay:0.2s;}
.brand2 .area3 .i1{width:calc(47% - 10px);}
.brand2 .area3 .i2{width:calc(20% - 10px);}
.brand2 .area3 .i3{width:calc(33% - 10px);}
.brand2 .area3 li span,
.brand2 .area3 li img{display:block;width:100%;}
.brand2 .area3 li span{transform:scale(1.2);transition:1.5s;}
.brand2 .area3 .bg{width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:left center;}
.brand2 .area3 .i2 .bg{background-image:url(../images/brand2-img4.jpg);animation: bg_mo 20s linear infinite;}
.brand2 .area3 .i3 .bg{background-image:url(../images/brand2-img5.jpg);animation: bg_mo 10s linear infinite;}
.brand2 .area3 p{width:18.25rem;position:absolute;left:2.8rem;bottom:1.88rem;opacity:0;transform:translate(20%,0);transition:0.6s;transition-delay:0.8s;}
@keyframes bg_mo {
	0% {background-position:left center;}
	100% {background-position:right center;}
}

.brand2 .area1.active .bg,
.brand2 .area1 .top_area.active .txt_box dl dt strong,
.brand2 .area1 .top_area.active .txt_box dl dt p,
.brand2 .area1 .top_area.active .txt_box dl dd p,
.brand2 .area1 .top_area.active .logo_box .logo,
.brand2 .area1 .top_area.active .logo_box .line li,
.brand2 .area1 .bot_area.active p,
.brand2 .area1 .bot_area.active .img span,
.brand2 .area2 .tit.active p,
.brand2 .area2 ul.active .c .cir,
.brand2 .area2 ul.active li .txt dl dt span,
.brand2 .area2 ul.active li .txt dl dt strong,
.brand2 .area2 ul.active li .txt dl dd,
.brand2 .area3 ul.active li span,
.brand2 .area3 ul.active p{opacity:1;transform:none;}
.brand2 .area3 ul.active li{clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);}

@media all and (max-width:1400px){
	.brand2 .area1{margin-left:-100px;margin-right:-100px;}
	.brand2 .area1 .top_area .logo_box .logo{left:0;width: 13rem;}
	.brand2 .area1 .top_area .logo_box .line{max-width: 550px;}
	.brand2 .area2 .cir_wrap{padding: 120px 0 0;}
	.brand2 .area2 ul li .txt dl dd p{font-size:0.9rem;}
}
@media all and (max-aspect-ratio:1/1){
	.brand_vis .txt .tab{flex-direction: column;align-items: center;gap:10px 0;}
}
@media all and (max-width:1200px){
	.brand_vis{padding:120px 0 80px;}
	.brand_vis .txt .tit{margin-bottom:30px;}
	.brand_vis .txt .tab a span::before{width: 8px;height: 14px;margin-top: -7px;}
	.brand_vis .wave{width: 8px;bottom: 20px;}

	.brand1 .area1 .img_box dl dd p .m{display:block;}
	.brand1 .area1 .ori .m{display:block;}

	.brand2 .area1 .top_area .logo_box .logo{width: 10rem;}
	.brand2 .area1 .top_area .logo_box .line{max-width: 450px;}
	.brand2 .area1 .bot_area p{font-size: 1.5rem;}

	.brand2 .area2{margin-left:-100px;margin-right:-100px;}
	.brand2 .area2 .cir_wrap{padding: 75px 0 0;width:70%;margin: 0 auto;}
	.brand2 .area2 .tit{margin-bottom:4rem;}
	.brand2 .area2 ul{justify-content: center;padding: 13vw 0;}
	.brand2 .area2 ul li{width: 55%;}
	.brand2 .area2 ul .c{position:absolute;}
	.brand2 .area2 ul .c1{top:0;}
	.brand2 .area2 ul .c2{bottom:0;left:0;}
	.brand2 .area2 ul .c3{bottom:0;right:0;}
	.brand2 .area2 ul .c4{position:relative;left:0;transform:none;}
	.brand2 .area2 ul .c1 .txt dl dt span{width: 5rem;}
	.brand2 .area2 ul .c2 .txt dl dt span{width: 7rem;margin-bottom: 0.6rem;}
	.brand2 .area2 ul .c3 .txt dl dt span{width: 4.8rem;margin-bottom: 0.6rem;}
	.brand2 .area2 ul li .txt dl{margin-top:0;}
	.brand2 .area2 ul li .txt dl dt strong{font-size: 1.4rem;}
	.brand2 .area2 ul li .txt dl dd{margin-top: 1rem;}
	.brand2 .area2 ul li .txt dl dd p{font-size:0.8rem;line-height:1.5em;}
	.brand2 .area2 ul .c4 .logo{width:13rem;}

	.brand2 .area3 p{width: 70%;}
}
@media all and (max-width:1024px){
	.brand_vis .txt .tit span em{font-size: 5rem;}
	.brand_vis .txt .tab a{width: 220px;height:45px;padding: 0 15px;}
}
@media all and (max-width:900px){
	.brand .top_txt .t2 span{font-size: 5rem;}

	.brand2 .area1 .top_area{display:block;}
	.brand2 .area1 .top_area .logo_box{left:0;margin-top:5rem;}
	.brand2 .area1 .bot_area p{font-size:1.3rem;}

	.brand2 .area2 .cir_wrap{width:80%;}
	.brand2 .area2 ul{padding: 14vw 0;}
	.brand2 .area2 ul .c4 .logo{width:10rem;}

	.brand2 .area3 ul{gap: 10px;}
	.brand2 .area3 .i1{width:100%;}
	.brand2 .area3 .i2{width:calc(40% - 5px);}
	.brand2 .area3 .i3{width:calc(60% - 5px);}
	.brand2 .area3 .bg{height:25vw;}
	.brand2 .area3 p{left:10%;bottom:15%;width: 70%;}
}
@media all and (max-width:768px){
	.brand_vis .txt .tit span em{font-size: 3.2rem;}

	.brand{padding: 80px 0 100px;}
	.brand .fit{padding: 0 20px;}
	.brand .top_txt .m{display:block;}
	.brand .top_txt .name{margin-bottom:5rem;}
	.brand .top_txt .name p span em{font-size:1rem;}
	.brand .top_txt .t1{margin-bottom:2.5rem;}
	.brand .top_txt .t1 p{font-size: 1.6rem;line-height: 1.6em;}
	.brand .top_txt .t1 p em{padding: 0 10px;}
	.brand .top_txt .t1 p em img{width: 7.5rem;}
	.brand .top_txt .t2 span{font-size: 3.5rem;}
	.brand .top_txt .t3{font-size:1.15rem;}

	.brand1 .area1 .txt_box{padding: 4rem 20px;margin-bottom: 3rem;}
	.brand1 .area1 .img_box{display:block;}
	.brand1 .area1 .img_box .rig{margin-top:4rem;}
	.brand1 .area1 .img_box dl{margin-top: 2rem;}
	.brand1 .area1 .img_box dl dt img{width: 3.5rem;}
	.brand1 .area1 .img_box dl dd{margin-top: 2rem;}
	.brand1 .area1 .ori dl dt{font-size: 1.4rem;}
	.brand1 .area1 .ori dl dd{margin-top: 1.2rem;font-size: 1.1rem;line-height:1.4em;}
	.brand1 .area2{margin-top: 8rem;}

	.brand2 .area1{margin-left:-20px;margin-right:-20px;}
	.brand2 .area1 .m{display:block;}
	.brand2 .area1 .con{padding: 5rem 20px;}
	.brand2 .area1 .top_area .txt_box{left:0;padding: 0 10px;text-align: center;}
	.brand2 .area1 .top_area .txt_box dl dt strong{font-size: 3.5rem;}
	.brand2 .area1 .top_area .txt_box dl dt p{font-size: 2.5rem;line-height:1.1em;}
	.brand2 .area1 .top_area .txt_box dl dd{margin-top:2rem;}
	.brand2 .area1 .top_area .txt_box dl dd p{font-size: 1rem;}
	.brand2 .area1 .top_area .txt_box dl dt p span{display:block;}
	.brand2 .area1 .top_area .logo_box .logo{width:9rem;left:0;}
	.brand2 .area1 .top_area .logo_box .line{margin-top: 3rem;}
	.brand2 .area1 .bot_area{display:block;margin-top:3rem;}
	.brand2 .area1 .bot_area > div{width:100%;}
	.brand2 .area1 .bot_area .rig{margin-top:4rem;}
	.brand2 .area1 .bot_area p{font-size:1.3rem;margin-bottom:2rem;}
	.brand2 .area1 .bot_area .img{padding: 0 10px;}

	.brand2 .area2{margin-left:0;margin-right:0;}
	.brand2 .area2 .cir_wrap{width:100%;}
	.brand2 .area2 ul{padding: 17vw 0;}
}
@media all and (max-width:599px){
	.brand2 .area2 ul li .txt dl dd,
	.brand2 .area2 ul.active li .txt dl dd{transform:scale(0.8);}
	.brand2 .area2 ul .c4 .logo{width:7.5rem;}
}
@media all and (max-width:499px){
	.brand2 .area2 ul li .txt dl dd{margin-top:0;}
	.brand2 .area2 ul li .txt dl dd,
	.brand2 .area2 ul.active li .txt dl dd{transform:scale(0.6);}
}

.comm_vis{height:100vh;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding-top:50px;}
.comm_vis .bg{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;clip: rect(0, auto, auto, 0);}
.comm_vis .bg::before{content:"";position:absolute;left:0;top:0;width:100%;height:15%;z-index:1;background-color:#fff;transform-origin:0 0;transition:1s;}
.comm_vis .bg::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:15%;z-index:1;background-color:#fff;transform-origin:0 100%;transition:1s;}
.comm_vis .bg span{display:block;position:fixed;left:0;top:0;width:100%;height:100dvh;opacity:0;transform:scale(1.2);transition:2s;}
.comm_vis .bg span::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,1);}
.comm_vis .bg span video{display: block;width:100%;height:100%;object-fit:cover;opacity:0.6;}
.comm_vis .txt{position:relative;z-index:1;text-align:center;}
.comm_vis .txt .tit{display:flex;justify-content:center;margin-bottom:10px;}
.comm_vis .txt .tit span{opacity: 0;transform:scaleY(1.4);filter: blur(1rem);transition:0.8s;}
.comm_vis .txt .tit .d1{transition-delay:0.6s;}
.comm_vis .txt .tit .d2{transition-delay:0.8s;}
.comm_vis .txt .tit .d3{transition-delay:1s;}
.comm_vis .txt .tit span em{display:flex;align-items:center;height:100%;color:#fff;font-size:5.63rem;font-family:"Cinzel";font-weight:500;letter-spacing: 0.3em;transition: 1.2s;transition-delay:0.6s;}
.comm_vis .txt .tit span em i{display:block;width:1px;height:4.06rem;margin:0 0.63rem;margin-top: -0.5rem;background-color:#fff;transform:scaleY(0);transition:0.6s;transition-delay:1.5s;}
.comm_vis .txt .t{margin-bottom:90px;}
.comm_vis .txt .t p{font-family: "Noto Serif KR";color:#fff;font-size:1.88rem;opacity:0;letter-spacing:0.2em;font-weight:600;transition:0.8s;transition-delay:1.6s;}
.comm_vis .txt dl{margin-bottom:140px;}
.comm_vis .txt dl dt{overflow:hidden;font-family: "Noto Serif KR";color:#fff;font-size:1.125rem;letter-spacing:-0.05em;font-weight:600;margin-bottom:30px;}
.comm_vis .txt dl dt span{display:block;transform:translate(0,100%);transition:0.8s;transition-delay:1.8s;}
.comm_vis .txt dl dt strong{font-size:1.63rem;font-weight:600;}
.comm_vis .txt dl dd{font-size:2.81rem;color:#fff;font-family: "Noto Serif KR";font-weight:300;letter-spacing:-0.05em;line-height:1.22em;}
.comm_vis .txt dl dd p{overflow:hidden;}
.comm_vis .txt dl dd p span{display:block;transform:translate(0,100%);transition:0.8s;transition-delay:2s;}
.comm_vis .txt .tab{display:flex;gap: 0 5px;justify-content:center;}
.comm_vis .txt .tab a{position:relative;width:285px;border:1px solid #fff;padding: 0 20px;height:60px;overflow:hidden;display: flex;align-items: center;opacity:0;transform:translate(-20%,0);transition:0.8s;}
.comm_vis .txt .tab a:nth-child(1){transition-delay:2.3s;}
.comm_vis .txt .tab a:nth-child(2){transition-delay:2.2s;}
.comm_vis .txt .tab a::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#fff;transform: translate(-100%, 0);transition:0.4s;}
.comm_vis .txt .tab a span{display:flex;width: 100%;position:relative;gap: 0 0.63rem;align-items: flex-end;position:relative;z-index:1;}
.comm_vis .txt .tab a span p{font-family:"Cinzel";color:#fff;font-size:1.25rem;letter-spacing:0.025em;font-weight:600;transition:0.4s;}
.comm_vis .txt .tab a span p em{display:inline-block;width:1px;height:1rem;background-color:#fff;margin: 0 5px;transition:0.4s;}
.comm_vis .txt .tab a span::before{content:"";width:12px;height:18px;position:absolute;right:0;top:50%;margin-top:-9px;background:url(../images/wh-arr.svg) no-repeat center / contain;transition:0.3s;}
.comm_vis .txt .tab a:hover::before,
.comm_vis .txt .tab a.on::before{transform:none;}
.comm_vis .txt .tab a:hover span p,
.comm_vis .txt .tab a.on span p{color:#7a6e66;}
.comm_vis .txt .tab a:hover span::before,
.comm_vis .txt .tab a.on span::before{opacity:0;transform:translate(50%,0);}
.comm_vis .txt .tab a.on span p em,
.comm_vis .txt .tab a:hover span p em{background-color:#7a6e66;}
.comm_vis .wave{position:absolute;left:50%;bottom:25px;transform: translate(-50%, 0);z-index:1;width: 10px;}
.comm_vis .wave svg{display:block;}
.comm_vis .wave svg path{animation: wave 2s 1s linear infinite;stroke-dasharray: 55px;stroke-dashoffset: 55px;}
.comm_vis.active .bg::before,
.comm_vis.active .bg::after{transform:scaleY(0);transition-delay:0.2s;}
.comm_vis.active .bg span{opacity:1;transform:none;transition-delay:0.2s;}
.comm_vis.active .txt .tit span{opacity:1;filter:blur(0);transform:none;}
.comm_vis.active .txt .tit span em{letter-spacing:0;}
.comm_vis.active .txt .tit span em i,
.comm_vis.active .txt .tab a,
.comm_vis.active .txt dl dt span,
.comm_vis.active .txt dl dd p span{opacity:1;transform:none;}
.comm_vis.active .txt .t p{letter-spacing:-0.05em;opacity:1;}

@media all and (max-aspect-ratio:1/1){
	.comm_vis .txt .tab{flex-direction: column;align-items: center;gap:10px 0;}
}
@media all and (max-width:1200px){
	.comm_vis{padding:120px 0 80px;}
	.comm_vis .txt .t{margin-bottom:60px;}
	.comm_vis .txt dl{margin-bottom:100px;}
	.comm_vis .txt dl dt{margin-bottom:20px;}
	.comm_vis .txt .tab a span::before{width: 8px;height: 14px;margin-top: -7px;}
	.comm_vis .wave{width: 8px;bottom: 20px;}
}
@media all and (max-width:1024px){
	.comm_vis .txt .tit span em{font-size: 5rem;}
	.comm_vis .txt .tab a{width: 220px;height:45px;padding: 0 15px;}
}
@media all and (max-width:768px){
	.comm_vis .txt .tit span em{font-size: 3rem;}
	.comm_vis .txt .tit span em i{height: 2rem;margin-top:-0.2rem;}
	.comm_vis .txt .t{margin-bottom:40px;}
	.comm_vis .txt .t p{font-size: 1.5rem;}
	.comm_vis .txt dl{margin-bottom:60px;}
	.comm_vis .txt dl dt{font-size: 1rem;margin-bottom: 10px;}
	.comm_vis .txt dl dt strong{font-size: 1.4rem;}
	.comm_vis .txt dl dd{font-size: 2.4rem;}
	.comm_vis .txt .tab a span p{font-size:1.125rem;}
}

/*community*/
.community .top_area{padding: 10rem 7.5rem 16.25rem;}
.community .top_area .box{display:flex;justify-content:space-between;}
.community .top_area .lef .t1{color:#7a6e66;font-size:4.06rem;font-weight:600;letter-spacing:0.2em;opacity:0;font-family:"Cinzel";white-space:nowrap;transition:1s;}
.community .top_area .lef .t1 p{overflow:hidden;}
.community .top_area .lef .t1 p em{background-color:#7a6e66;margin: 0 15px;width:1px;height:3rem;}
.community .top_area .lef .t1 p span{display:flex;align-items:center;;}
.community .top_area .lef .t2{overflow:hidden;margin-top:35px;color:#826d4c;font-family: "Noto Serif KR";font-size:1.38rem;line-height:1.1em;;letter-spacing:-0.025em;font-weight:600;}
.community .top_area .lef .t2 span{display:block;transform:translate(10%,0);opacity:0;transition:0.8s;transition-delay:0.2s;}
.community .top_area .lef .t3{color:#7a6e66;font-size:1.125rem;letter-spacing:-0.05em;line-height:1.56em;margin-top:60px;}
.community .top_area .lef .t3 p{overflow:hidden;}
.community .top_area .lef .t3 p span{display:block;transform:translate(0,100%);transition:0.8s;transition-delay:0.4s;}
.community .top_area .lef .t4{overflow:hidden;color:#7a6e66;font-weight:300;font-size:1.88rem;margin-top:130px;}
.community .top_area .lef .t4 strong{font-weight:600;}
.community .top_area .lef .t4 span{display:block;transform:translate(0,100%);transition:0.8s;transition-delay:0.8s;}
.community .top_area .lef .t5{color:#7a6e66;font-size:1.25rem;letter-spacing:-0.05em;line-height:1.5em;margin-top:25px;}
.community .top_area .lef .t5 p{overflow:hidden;}
.community .top_area .lef .t5 p span{display:block;transform:translate(0,100%);transition:0.8s;transition-delay:1s;}
.community .top_area .lef .t6{margin-top:25px;opacity:0;transform:translate(0,100%);transition:0.6s;transition-delay:1.2s;}
.community .top_area .rig{padding-top:175px;}
.community .top_area .rig .t7{overflow:hidden;font-size:1.38rem;font-family: "Noto Serif KR";font-weight:600;letter-spacing:-0.025em;color:#826d4c}
.community .top_area .rig .t7 span{display:block;transform:translate(0,100%);transition:0.8s;transition-delay:1.5s;}
.community .top_area .rig .t8{overflow:hidden;color:#826d4c;font-size:2.19rem;letter-spacing:0.025em;font-family:"Cinzel";margin-top:20px;}
.community .top_area .rig .t8 span{display:block;transform:translate(0,100%);transition:0.8s;transition-delay:1.7s;}
.community .top_area .rig .t9{font-size:1rem;color:#7a6e66;letter-spacing:-0.05em;line-height:1.63rem;margin-top:10px;}
.community .top_area .rig .t9 p{overflow:hidden;}
.community .top_area .rig .t9 p span{display:block;transform:translate(0,100%);transition:0.8s;transition-delay:1.9s;}
.community .top_area .rig .img{margin-top:40px;display:flex;gap: 0 10px;align-items: center;}
.community .top_area .rig .img > div{overflow:hidden;}
.community .top_area .rig .img img{display:block;width:100%;opacity:0;transform:scale(1.2);transition:1s;}
.community .top_area .rig .img .i1 img{transition-delay:2.2s;}
.community .top_area .rig .img .i2 img{transition-delay:2.4s;}
.community .top_area .lef.active .t2 span,
.community .top_area .lef.active .t3 p span,
.community .top_area .lef.active .t4 span,
.community .top_area .lef.active .t5 p span,
.community .top_area .lef.active .t6,
.community .top_area .rig.active .t7 span,
.community .top_area .rig.active .t8 span,
.community .top_area .rig.active .t9 p span,
.community .top_area .rig.active .img img{opacity:1;transform:none;}
.community .top_area .lef.active .t1{opacity:1;letter-spacing:0.025em;}
.community .top_area .txt{text-align:center;margin-bottom:6.25rem;}
.community .top_area .txt span{display:block;color:#e3dad1;font-family:"Cinzel";font-weight:500;font-size:1.88rem;margin-bottom:0.63rem;white-space:nowrap;opacity:0;letter-spacing:0.5em;filter:blur(0.5rem);transition:0.8s;transition-delay:0.2s;}
.community .top_area .txt strong{display:flex;align-items:center;justify-content:center;margin-bottom:1.56rem;}
.community .top_area .txt strong em{font-family:"Cinzel";color:#7a6e66;font-size:4.06rem;font-weight:600;letter-spacing:0.025em;}
.community .top_area .txt strong .e{opacity:0;transform:translate(-100%,0);transition:0.8s;}
.community .top_area .txt strong .e1{transition-delay:0.7s;}
.community .top_area .txt strong .e2{transition-delay:0.75s;}
.community .top_area .txt strong .e3{transition-delay:0.8s;}
.community .top_area .txt strong .e4{transition-delay:0.85s;}
.community .top_area .txt strong .e5{transition-delay:0.9s;}
.community .top_area .txt strong .e6{transition-delay:0.95s;}
.community .top_area .txt strong .e7{transition-delay:1s;}
.community .top_area .txt strong .line{display:block;background-color:#7a6e66;flex-shrink: 0;width:1px;height:3.19rem;margin:0 1rem;margin-top: -0.5rem;transform:scaleY(0);transition:0.8s;transition-delay:1.2s;}
.community .top_area .txt strong .l{opacity:0;transform:translate(0,60%);transition:0.8s;}
.community .top_area .txt strong .l1{transition-delay:1.5s;}
.community .top_area .txt strong .l2{transition-delay:1.6s;}
.community .top_area .txt p{color:#826d4c;font-family: "Noto Serif KR";font-weight:600;font-size:1.38rem;letter-spacing:-0.025em;opacity:0;transform:translate(0,100%);transition:0.8s;transition-delay:2s;}
.community .top_area .tit{display:flex;}
.community .top_area .tit p{position:relative;overflow:hidden;}
.community .top_area .tit p::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#231916;transform:scaleX(0);transform-origin: 0 0;transition:0.8s;}
.community .top_area .tit p span{display:block;font-size:0.88rem;color:#231916;font-weight:600;font-family:"Cinzel";letter-spacing:0.05em;padding-bottom:5px;transform:translate(0,100%);transition:0.8s;}
.community .top_area .txt.active span{opacity:1;letter-spacing:0.05em;filter:blur(0);}
.community .top_area .txt.active strong .e,
.community .top_area .txt.active strong .l,
.community .top_area .txt.active strong .line,
.community .top_area .txt.active p,
.community .top_area .tit.active p::before,
.community .top_area .tit.active p span{opacity:1;transform:none;}
.community .con_area{padding:8.44rem 0;}
.community .c1{background-color:#f9f5f1;}
.community .c2{background-color:#9c8c84;}
.community .c3{background-color:#f5f0e9;}
.community .c4{background-color:#b09c80;}
.community .con_area .txt_box{padding: 0 7.5rem;}
.community .con_area .txt{display:flex;justify-content:space-between;align-items:flex-end;}
.community .con_area .txt .t1{font-size:1rem;letter-spacing:-0.05em;margin-bottom: 0.5rem;opacity:0;transform:translate(0,4rem);transition:1.2s;}
.community .con_area.type1 .txt .t1{color:#231916;}
.community .con_area.type2 .txt .t1{color:#fff;}
.community .con_area .txt .t2{font-family:"Cinzel";font-size:2.5rem;font-weight:500;letter-spacing:-0.01em;opacity:0;transform:translate(0,4rem);transition:1.2s;transition-delay:0.2s;}
.community .con_area.type1 .txt .t2{color:#3e3937;}
.community .con_area.type2 .txt .t2{color:#fff;}
.community .con_area .txt dl{margin-top:1.88rem;}
.community .con_area .txt dl dt{font-size:1.5rem;font-weight:300;letter-spacing:-0.05em;margin-bottom:1.25rem;opacity:0;transform:translate(0,4rem);transition:1.2s;transition-delay:0.4s;}
.community .con_area.type1 .txt dl dt{color:#7a6e66;}
.community .con_area.type2 .txt dl dt{color:#fff;}
.community .con_area .txt dl dd{opacity:0;transform:translate(0,4rem);transition:1.2s;transition-delay:0.6s;}
.community .con_area .txt dl dd p{font-size:1rem;line-height:1.75em;letter-spacing:-0.05em;}
.community .con_area.type1 .txt dl dd p{color:#7a6e66;}
.community .con_area.type2 .txt dl dd p{color:#fff;}
.community .con_area .typo{font-family: 'Thesignature';font-size:6.25rem;opacity:0;transform:translate(20%,-20%);margin-bottom: -35px;transition:0.8s;transition-delay:0.5s;}
.community .con_area.type1 .typo{color:#7a6e66;}
.community .con_area.type2 .typo{color:#fff;}
.community .con_area .rect{width:6.88rem;height:6.88rem;display:flex;align-items:center;justify-content:center;margin: 0 0 0 auto;position:relative;}
.community .con_area .rect img{display:block;width:5rem;}
.community .con_area .rect > img{opacity:0;transform:translate(0,100%);transition:0.8s;transition-delay:0.8s;}
.community .con_area .rect span{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#7a6e66;display:flex;align-items:center;justify-content:center;z-index:1;clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);transition:0.8s;transition-delay:1.2s;}
.community .img_box{margin-top:4rem;width: calc(100% - 70px);will-change: auto;}
.community .type1 .img_box{transform:translate(-10%,0);}
.community .type2 .img_box{margin-left: auto;margin-right: 0;transform:translate(10%,0);}
.community .img_box ul{display:flex;gap: 0 1.5rem;}
.community .img_box ul li span{display:block;}
.community .img_box ul li span img{display:block;width:100%;}
.community .img_box ul li p{font-size:1rem;padding-top:1.25rem;letter-spacing:-0.05em;opacity:0;transform:translate(0,100%);transition:1s;transition-delay:0.3s;}
.community .type1 .img_box ul li p{text-align:right;color:#7a6e66;}
.community .type2 .img_box ul li p{text-align:left;color:#fff;}
.community .con_area .txt.active .t1,
.community .con_area .txt.active .t2,
.community .con_area .txt.active dl dt,
.community .con_area .txt.active dl dd,
.community .con_area .txt.active .rect > img,
.community .img_box.active ul li p{opacity:1;transform:none;}
.community .con_area .txt.active .rect span{clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);}
.community .con_area .txt.active .typo{transform:rotate(-8deg);opacity:1;}
.community .img_sd{padding: 11.25rem 7.5rem 7.5rem;}
.community .img_sd .tit{display:flex;text-align:right;}
.community .img_sd .tit dl{margin-left:-1.25rem;}
.community .img_sd .tit dl dt{font-family:"Cinzel";color:#e3dad1;font-weight:500;font-size:1.125rem;margin-bottom:0.5rem;margin-right: 0.8rem;opacity:0;transform:translate(30%,0);transition:1.2s;}
.community .img_sd .tit dl dd{display:block;font-family:"Cinzel";color:#e3dad1;font-weight:600;font-size:3.75rem;opacity:0;transform:translate(30%,0);transition:1.2s;transition-delay:0.4s;}
.community .img_sd .big{overflow:hidden;padding-top:0.5rem;opacity:0;transform:translate(0,20%);transition:1s;}
.community .img_sd .big img{display:block;}
.community .img_sd .big .swiper-slide{overflow:hidden;}
.community .img_sd .big p{position:absolute;bottom:1.25rem;left:2.5rem;color:#fff;letter-spacing:-0.05em;padding-bottom:5px;font-size:1rem;}
.community .img_sd .big p::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#fff;}
.community .img_sd .thm{overflow:hidden;display:flex;justify-content:flex-end;align-items: flex-end;gap: 0 10px;padding-top:0.63rem;}
.community .img_sd .thm .arr{display:flex;gap: 0 5px;}
.community .img_sd .thm .arr button{border:none;background:none;display:block;}
.community .img_sd .thm .arr button img{display:block;}
.community .img_sd .thm_sd{width:67%;overflow:hidden;}
.community .img_sd .thm_sd span,
.community .img_sd .thm_sd span img{display:block;position:relative;width:100%;}
.community .img_sd .thm_sd span::before{content:"";position:absolute;left:0;top:0;width:100%;height:5px;z-index:1;background-color:#7a6e66;transform:scaleX(0);transform-origin:0 0;transition:0.4s;}
.community .img_sd .thm_sd span::after{content:"";position:absolute;width:5px;height:100%;right:0;top:0;z-index:1;background-color:#7a6e66;transform:scaleY(0);transform-origin:0 0;transition:0.4s;}
.community .img_sd .thm_sd span em{position:absolute;left:0;top:0;width:100%;height:100%;}
.community .img_sd .thm_sd span em::before{content:"";position:absolute;width:100%;height:5px;right:0;bottom:0;z-index:1;background-color:#7a6e66;transform:scaleX(0);transform-origin:100% 0;transition:0.4s;}
.community .img_sd .thm_sd span em::after{content:"";position:absolute;width:5px;height:100%;left:0;bottom:0;z-index:1;background-color:#7a6e66;transform:scaleY(0);transform-origin:0 100%;transition:0.4s;}
.community .img_sd .thm_sd span{opacity:0;transform:translate(-30%,0);transition:1s;}
.community .img_sd .thm_sd .t2{transition-delay:0.1s;}
.community .img_sd .thm_sd .t3{transition-delay:0.2s;}
.community .img_sd .thm_sd .t4{transition-delay:0.3s;}
.community .img_sd .thm_sd .t5{transition-delay:0.4s;}
.community .img_sd .thm_sd .t6{transition-delay:0.5s;}
.community .img_sd .thm_sd .t7{transition-delay:0.6s;}
.community .img_sd .thm_sd .t8{transition-delay:0.7s;}
.community .img_sd .thm_sd .t9{transition-delay:0.8s;}
.community .img_sd .thm_sd .swiper-slide-thumb-active span::before,
.community .img_sd .thm_sd .swiper-slide-thumb-active span::after,
.community .img_sd .thm_sd .swiper-slide-thumb-active span em::before,
.community .img_sd .thm_sd .swiper-slide-thumb-active span em::after{transform:none;}
.community .img_sd .precaution{margin-top:12.5rem;}
.community .img_sd .tit.active dl dt,
.community .img_sd .tit.active dl dd,
.community .img_sd .big.active,
.community .img_sd .thm.active,
.community .img_sd .thm.active .thm_sd span{opacity:1;transform:none;}

.br_900{display:none;}
.community_map{padding: 13rem  7.5rem 7.5rem;}
/*
.community_map .tit{text-align:center;margin-bottom:85px;overflow:hidden;}
.community_map .tit p{font-size:2.19rem;color:#231916;font-weight:300;transform:translate(0,100%);transition:0.8s;}
.community_map .tit p strong{font-weight:600;}
*/
.community_map .tit{display:flex;justify-content:space-between;align-items:flex-start;margin-top:40px;margin-bottom:90px;}
.community_map .tit .lef dl dt{display:flex;}
.community_map .tit .lef dl dt p{overflow:hidden;color:#231916;font-size:0.875rem;letter-spacing:0.05em;position:relative;}
.community_map .tit .lef dl dt p::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#231916;}
.community_map .tit .lef dl dt p span{display:block;padding-bottom:5px;font-weight:600;}
.community_map .tit .lef dl dt p span em{font-family:"Cinzel";font-weight:600;}
.community_map .tit .lef dl dd{overflow:hidden;color:#7a6e66;font-size:1.56em;;}
.community_map .tit .lef dl dd span{display:block;transform:translate(0,100%);transition:0.8s;transition-delay:0.2s;}
.community_map .tit .line{margin: 0 40px 0 25px;position:relative;flex-grow:1;position: relative;top: 22px;}
.community_map .tit .line span{position:absolute;left:0;top:0;width:100%;height:1px;background-color:#d7d3d1;transform:scaleX(0);transform-origin: 0 0;transition:1s;transition-delay:0.3s;}
.community_map .tit .rig dl dt{color:#7a6e66;font-size:1.25rem;letter-spacing:-0.05em;line-height:1.8em;}
.community_map .tit .rig dl dt p{overflow:hidden;}
.community_map .tit .rig dl dt p span{display:block;transform:translate(0,100%);transition:0.8s;transition-delay:0.6s;}
.community_map .tit .rig dl dd{overflow:hidden;color:#231916;font-size:2.19rem;font-weight:300;;letter-spacing:-0.05em;margin-top:25px;line-height: 1.2em;}
.community_map .tit .rig dl dd strong{font-weight:600;}
.community_map .tit .rig dl dd span{display:block;transform:translate(0,100%);transition:0.8s;transition-delay:0.8s;}
.community_map .tit.active .lef dl dd span,
.community_map .tit.active .line span,
.community_map .tit.active .rig dl dt p span,
.community_map .tit.active .rig dl dd span{transform:none;}
.community_map .vd{width:100%;padding-bottom:56.25%;position:relative;;margin-bottom:120px;opacity:0;transform:translate(0,10%);transition:1s;transition-delay:0.5s;}
.community_map .vd iframe{position:absolute;left:0;top:0;width:100%;height: 100%;}
.community_map .t{display:flex;}
.community_map .t p{position:relative;overflow:hidden;font-size:0.88rem;color:#231916;letter-spacing:0.05em;font-weight:600;}
.community_map .t p::before{content:"";background-color:#231916;width:100%;height:1px;position:absolute;left:0;bottom:0;transform:scaleX(0);transform-origin: 0 0;transition:0.8s;}
.community_map .t p em{font-family:"Cinzel";font-weight:600;}
.community_map .t p span{display:block;padding-bottom:5px;transform:translate(0,100%);transition:0.6s;}
.community_map .area{padding: 36px;position:relative;}
.community_map .area::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#f9f5f1;z-index:-1;opacity:0;transition:0.8s;}
.community_map .area img{display:block;}
.community_map .area .map{overflow:hidden;position:relative;background-color:#fff;}
.community_map .area .map1 img{opacity:0;transform:scale(1.15);transition:1.2s;}
.community_map .area .map2 img{max-width:90%;margin: 0 auto;}
.community_map .area .map2 .i1{opacity:0;transform:scale(1.2);transition:1.2s;}
.community_map .area .map2 .i2{position:absolute;left:5%;top:0;width:100%;opacity:0;transform:translate(0,10%);transition:1s;transition-delay:0.8s;}
.community_map .area ul{margin: 40px 0 90px;display:flex;gap: 0 17px;}
.community_map .area ul li{background-color:#fff;width:20%;padding: 55px 35px 75px;overflow:hidden;opacity:0;transform:translate(0,20%);transition:0.8s;}
.community_map .area ul li.l2{transition-delay:0.1s;}
.community_map .area ul li.l3{transition-delay:0.2s;}
.community_map .area ul li.l4{transition-delay:0.3s;}
.community_map .area ul li.l5{transition-delay:0.4s;}
.community_map .area ul li dl dt{overflow:hidden;font-size:1.38rem;font-weight:600;letter-spacing:0.05em;opacity:0;transform:translate(0,100%);transition:0.8s;transition-delay:0.6s;}
.community_map .area ul li.l1 dl dt{color:#e3b447;}
.community_map .area ul li.l2 dl dt{color:#e06245;}
.community_map .area ul li.l3 dl dt{color:#29478a;}
.community_map .area ul li.l4 dl dt{color:#b35082;}
.community_map .area ul li.l5 dl dt{color:#538687;}
.community_map .area ul li dl dd{margin-top:1.56rem;opacity:0;transform:translate(30%,0);transition:0.8s;transition-delay:0.9s;}
.community_map .area ul li dl dd p{font-size:1.13rem;line-height:2.22em;color:#000;letter-spacing:-0.05em;overflow:hidden;padding-left:10px;position:relative;}
.community_map .area ul li dl dd p::before{content:"";position:absolute;left:0;top:50%;margin-top:-2px;width:5px;height:5px;border-radius:50%;background-color:#000;}
.community_map .area.active::before,
/* .community_map .tit.active p, */
.community_map .t.active p::before,
.community_map .t.active p span,
.community_map .area .map1.active img,
.community_map .area .map2.active .i1,
.community_map .area .map2.active .i2,
.community_map .area ul.active li,
.community_map .area ul.active li dl dt,
.community_map .area ul.active li dl dd,
.community_map .vd.active{opacity:1;transform:none;}
@media all and (max-width:1500px){
	.community .top_area .rig{width:50%;padding-top:150px;}
}
@media all and (max-width:1300px){
	.community .top_area .lef .t1{font-size:3.5rem;}
	.community .top_area .lef .t2{margin-top:20px;font-size:1.25rem;}
	.community .top_area .lef .t3{font-size:1.1rem;margin-top: 40px;}
	.community .top_area .lef .t4{margin-top:140px;font-size: 1.6rem;}
	.community .top_area .lef .t5{font-size:1.125rem;}
	.community .top_area .lef .t6{width:220px;}
	.community .top_area .rig{padding-top:125px;}
	.community .top_area .rig .t8{font-size:1.9rem;}
	/* .community_map .tit p{font-size:2rem;} */
	.community_map .area{padding: 30px;}
	.community_map .area .map img{max-width:100%;}
	.community_map .area .map .i2{left:0;}
	.community_map .area ul{gap: 0 10px;}
	.community_map .area ul li{padding: 40px 25px 50px;}
	.community_map .area ul li dl dt{font-size:1.2rem;}
	.community_map .area ul li dl dd{margin-top: 1.2rem;}
	.community_map .area ul li dl dd p{font-size: 1rem;}
	.community_map .tit{margin-top: 25px;margin-bottom: 60px;}
	.community_map .tit .lef dl dd{font-size: 1.35em;}
	.community_map .tit .rig dl dt{font-size: 1.15rem;}
	.community_map .tit .rig dl dd{margin-top: 20px;font-size: 1.9rem;}
}
@media all and (max-width:1110px){
	.community .top_area .box{display:block;}
	.community .top_area .lef .t4{margin-top:50px;}
	.community .top_area .lef .t6{display:none;}
	.community .top_area .rig{width:100%;padding-top: 80px;display:flex;flex-direction: column;}
	.community_map .area ul{flex-wrap:wrap;gap: 15px;justify-content:center;margin: 40px 0 50px;}
	.community_map .area ul li{width:calc(33.33% - 10px);}
	.community_map .t{justify-content: center;}
	.community_map .tit{display:block;text-align: center;}
	.community_map .tit .line{display:none;}
	.community_map .tit .rig{margin-top:40px;}
	.community .top_area .rig .img{order: -1;margin-top:0;margin-bottom:40px;}
	.community .top_area .rig .img .i1 img{transition-delay:1.3s;}
	.community .top_area .rig .img .i2 img{transition-delay:1.5s;}
}
@media all and (max-width:900px){
	.community .con_area .typo{font-size:5rem;}
	.scrollbar-track{display:none !important;}
	.br_900{display:block;}
	.community_map{padding:10rem 20px 7.5rem;}
	/* .community_map .tit p{font-size:2.4rem;line-height:1.5em;} */
}
@media all and (max-aspect-ratio:1/1){
	.scrollbar-track{display:none !important;}
	.community .img_box ul{display:block;}
	.community .type1 .img_box,
	.community .type2 .img_box{transform:none !important;}
	.community .img_box{width:100%;padding: 0 7.5rem;}
	.community .img_box ul li ~ li{margin-top:2rem;}
	.community .img_box ul .i2{display:none;}
	.community .img_box ul li p{text-align:left !important;font-size:1.3rem;}
	.community .img_box ul li span{opacity:0;transform:translate(0,15%);transition:1s;}
	.community .con_area .txt{display:block;}
	.community .con_area .typo{text-align:right;}
	.community .con_area .txt .rig{margin-top:3rem;}
	.community .img_sd{padding: 11.25rem 20px 7.5rem;}
	.community .img_sd .tit dl{margin-left:0;text-align:left;}
	.community .img_sd .thm .arr{display:none;}
	.community .img_sd .precaution{margin-top: 7rem;}
	.community .img_box ul li.active span{opacity:1;transform:none;}
	.community .img_sd .thm_sd{width:100%;}
}
@media all and (max-width:768px){
	.community_map{padding: 8rem 20px;}
	.community .top_area .lef .t1{font-size:3rem;}
	.community .top_area .lef .t1 p em{margin: 0 10px;height: 2.5rem;}
	.community .top_area .lef .t2{margin-top: 15px;}
	.community .top_area .lef .t3{font-size: 1rem;margin-top: 30px;}
	.community .top_area .lef .t4{margin-top: 40px;font-size:1.5rem;}
	.community .top_area .lef .t5{margin-top: 20px;font-size: 1.1rem;}
	.community .top_area .rig{padding-top:60px;}
	.community .top_area .rig .t7{font-size: 1.25rem;}
	.community .top_area .rig .t8{font-size:1.76rem;margin-top: 15px;}
	.community .top_area .rig .t9{font-size:0.9rem;}
	.community .top_area .rig .img{gap: 0 5px;margin-bottom:30px;}
	/*
	.community_map .tit{margin-bottom: 70px;}
	.community_map .tit p{font-size:2.1rem;}
	*/
	.community_map .area{padding:20px;}

	.community_map .vd{margin-bottom:60px;}
}
@media all and (max-width:700px) and (min-width:600px) and (max-height:700px) and (min-height:600px){
	.community .img_box ul{display:block;}
	.community .type1 .img_box,
	.community .type2 .img_box{transform:none !important;}
	.community .img_box{width:100%;padding: 0 7.5rem;}
	.community .img_box ul li ~ li{margin-top:2rem;}
	.community .img_box ul .i2{display:none;}
	.community .img_box ul li p{text-align:left !important;font-size:1rem;}
	.community .img_box ul li span{opacity:0;transform:translate(0,15%);transition:1s;}
	.community .con_area .txt{display:block;}
	.community .con_area .typo{text-align:right;}
	.community .con_area .txt .rig{margin-top:3rem;}
	.community .img_sd{padding: 8rem 7.5rem 7rem;}
	/* .community .img_sd .tit dl{margin-left:0;text-align:left;} */
	.community .img_sd .thm_sd{flex-grow: 1;}
	.community .img_sd .precaution{margin-top: 7rem;}
	.community .img_box ul li.active span{opacity:1;transform:none;}
}
@media all and (max-width:599px){
	.community_map .tit{margin-top:20px;margin-bottom:40px;}
	.community_map .tit .lef dl dd{font-size: 1.15em;}
	.community_map .tit .rig{margin-top:35px;}
	.community_map .tit .rig dl dd{font-size:1.7rem;margin-top:15px;}
	.community .top_area{padding: 6rem 20px 8rem;}
	.community .top_area .txt{margin-bottom: 5rem;}
	.community .top_area .txt span{font-size: 1.5rem;}
	.community .top_area .txt strong em{font-size:3.5rem;}
	.community .con_area .txt_box{padding: 0 20px;}
	.community .con_area .txt dl dt{font-size: 1.4rem;}
	.community .img_box{padding: 0 20px;}
	.community .img_box ul li p{padding-top: 0.6rem;font-size:1rem;}
	.community .img_sd{padding: 11.25rem 20px 7.5rem;}
	.community .img_sd .tit{padding:0;}
	.community .img_sd .thm{padding: 0;padding-top: 0.63rem;}
	.community .img_sd .thm_sd{flex-grow: 1;}

	.community_map{padding: 4rem 20px 8rem;}
	/*
	.community_map .tit{margin-bottom: 55px;}
	.community_map .tit p{font-size: 1.75rem;}
	*/
	.community_map .area ul{display:block;margin: 40px 0;}
	.community_map .area ul li{width:100%;padding: 40px 35px 50px;}
	.community_map .area ul li ~ li{margin-top:20px;}
	.community_map .area ul li dl dt{font-size: 1.5rem;}
	.community_map .area ul li dl dd{margin-top: 1.4rem;}
	.community_map .area ul li dl dd p{font-size: 1.2rem;}
}
@media all and (max-width:500px){
	.community .top_area .txt span{font-size:1.15rem;}
	.community .top_area .txt strong{margin-bottom: 1rem;}
	.community .top_area .txt strong em{font-size:2.5rem;}
	.community .top_area .txt strong .line{height: 2rem;margin: 0 0.6rem;margin-top: -0.3rem;}
	.community .top_area .txt p{font-size:1rem;}
	.community .top_area .tit p span{font-size: 0.8rem;}
	.community .con_area{padding: 7rem 0;}
	.community .con_area .txt dl{margin-top: 1.2rem;}
	.community .con_area .txt dl dt{font-size:1.25rem;}
	.community .con_area .txt dl dd p{font-size:0.9rem;}
	.community .con_area .typo{font-size: 4rem;margin-bottom:-1rem;}
	.community .con_area .rect{width:5.5rem;height:5.5rem;}
	.community .con_area .rect img{width:4rem;}
	.community .img_sd{padding: 7rem 20px;}
	.community .img_sd .tit dl dd{font-size: 3rem;}
	.community .img_sd .big{padding-top: 1rem;}
	.community .img_sd .thm_sd span::before,
	.community .img_sd .thm_sd span em::before{height:3px;}
	.community .img_sd .thm_sd span::after,
	.community .img_sd .thm_sd span em::after{width:3px;}
	.community .img_sd .big p{bottom:1rem;left:1rem;}
}
@media all and (max-width:360px){
	.community .con_area .txt .t2{font-size:2rem;}
}

.sub_tab{margin-bottom:120px;opacity:0;transform:translate(0,60%);transition:0.8s;}
.sub_tab ul{display:flex;flex-wrap:wrap;}
.sub_tab ul li{background-color:#f5f0e9;text-align:center;color:#7a6e66;font-size:18px;;line-height:50px;cursor:pointer;border:1px solid #c5c1bf;transition:0.3s;}
.sub_tab.t5 ul li{width:20%;}
.sub_tab.t5 ul li ~ li{border-left:none;}
.sub_tab.t6 ul li,
.sub_tab.t6_mo ul li{width:16.66%;border-left:none;}
.sub_tab.t6 ul li.on,
.sub_tab.t6_mo ul li.on{color:#fff;background-color:#7a6e66;}
.sub_tab.t6 ul li:nth-child(6n + 1),
.sub_tab.t6_mo ul li:nth-child(6n + 1){border-left:1px solid #c5c1bf;}
.sub_tab.t6 ul li:nth-child(n+7),
.sub_tab.t6_mo ul li:nth-child(n+7){border-top:none;}
.sub_tab.active{opacity:1;transform:none;}
@media all and (max-width:1300px){
	.sub_tab{margin-bottom:80px;}
}
@media all and (max-width:1024px){
	.sub_tab ul li{font-size:15px;line-height: 40px;}
	.sub_tab.t5 ul li{width:33.33%;}
	.sub_tab.t5 ul li:nth-child(4){border-left:1px solid #c5c1bf;}
	.sub_tab.t5 ul li:nth-child(n+4){border-top:none;}
}
@media all and (max-width:767px){
	.sub_tab{margin-bottom:60px;}
	.sub_tab ul li{font-size: 14px;line-height:30px;}
	.sub_tab.t6 ul li{width:25%;}
	.sub_tab.t6 ul li:nth-child(6n + 1){border-left:none;}
	.sub_tab.t6 ul li:nth-child(4n + 1){border-left:1px solid #c5c1bf;}
	.sub_tab.t6 ul li:nth-child(n+5){border-top:none;}
	.sub_tab.t6_mo ul li{width:33.33%;}
	.sub_tab.t6_mo ul li:nth-child(3n+1){border-left:1px solid #c5c1bf;}
	.sub_tab.t6_mo ul li:nth-child(n+4){border-top:none;}
}

.unit li{display:none;}
.unit li.on{display:block;}
.unit .tit{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:100px;overflow:hidden;}
.unit .tit dl{display:flex;align-items:flex-end;overflow:hidden;}
.unit .tit dl dt{overflow:hidden;}
.unit .tit dl dt p{display:flex;align-items:flex-end;transform:translate(0,100%);}
.unit .tit dl dt strong{color:#826d4c;font-size:120px;font-weight:600;}
.unit .tit dl dt em{color:#826d4c;font-size:48px;}
.unit .tit dl dt span{color:#826d4c;font-size:30px;font-weight:600;letter-spacing:-0.05em;padding-left:30px;}
.unit .tit dl dd{font-size:30px;letter-spacing:-0.05em;padding-left:30px;transform:translate(0,100%);}
.unit .tit dl dd span{color:#231916;}
.unit .tit dl dd strong{font-weight:600;color:#826d4c;}
.unit .tit .link{overflow:hidden;}
.unit .tit .link a{display:block;position:relative;padding: 0 20px 0 10px;}
.unit .tit .link a::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:#826d4c;transform:scaleX(0);transform-origin: 0 0;}
.unit .tit .link a p{display:flex;align-items:center;gap: 0 35px;padding-bottom:10px;transform:translate(0,100%);}
.unit .tit .link a p span{font-size:20px;color:#826d4c;letter-spacing:-0.05em;}
.unit .tit .link a p em{transition:0.3s;}
.unit .tit .link a:hover p em{transform:translate(30%,0);}
.unit .area{display:flex;justify-content:space-between;}
.unit .area .box{position:relative;}
.unit .area .lef{width:21%;transform:translate(0,20%);opacity:0;}
.unit .area .rig{width:79%;text-align: right;transform:translate(0,20%);opacity:0;}
.unit .area .lef table{width:100%;table-layout:fixed;}
.unit .area .lef table .col1{width:120px;}
.unit .area .lef table th{padding-right:25px;position:relative;}
.unit .area .lef table th p{color:#7a6e66;font-weight:400;font-size:18px;text-align: justify;}
.unit .area .lef table th p::before{content:"";position:absolute;right:0;top:0;width:1px;height:50%;background-color:#7a6e66;}
.unit .area .lef table th p::after{content:"";display:inline-block;width:100%;}
.unit .area .lef table td{vertical-align:top;color:#000;font-size:18px;font-weight:600;text-align:right;}
.unit .area .lef .key{margin-top:110px;}

.unit.active .tit dl dt p{animation: unit_motion1 0.8s 0.3s forwards;}
.unit.active .tit dl dd{animation: unit_motion1 0.6s 0.7s forwards;}
.unit.active .tit .link a::before{animation: unit_motion2 0.6s 0.8s forwards;}
.unit.active .tit .link a p{animation: unit_motion1 0.6s 0.8s forwards;}
.unit.active .area .lef{animation: unit_motion3 0.8s 1s forwards;}
.unit.active .area .rig{animation: unit_motion3 0.8s 1.3s forwards;}

@keyframes unit_motion1 {
	0% {transform:translate(0,100%);}
	100% {transform:none;}
}
@keyframes unit_motion2 {
	0% {transform:scaleX(0);}
	100% {transform:none;}
}
@keyframes unit_motion3 {
	0% {opacity:0;transform:translate(0,20%);}
	100% {opacity:1;transform:none;}
}
@media all and (max-width:1300px){
	.unit .tit dl dt strong{font-size:100px;}
	.unit .tit dl dt em{font-size:44px;}
	.unit .tit dl dt span{font-size: 25px;}
	.unit .tit dl dd{font-size: 25px;}
	.unit .tit .link a{padding: 0 10px;}
	.unit .tit .link a p span{font-size:18px;}
	.unit .tit .link a p em{width:22px;}
	.unit .area .lef{width: 25%;}
	.unit .area .rig{width: 70%;}
	.unit .area .lef table .col1{width:110px;}
	.unit .area .lef table th p{font-size:16px;}
	.unit .area .lef table td{font-size:16px;}
}
@media all and (max-width:1100px){
	.unit .area{align-items: center;}
	.unit .area .lef{width: 30%;}
	.unit .area .lef .key{width:70%;margin-top: 90px;}
	.unit .area .rig{width:65%;}
	.unit .tit dl dt strong{font-size:90px;}
	.unit .tit dl dt em{font-size:38px;}
	.unit .tit dl dt span,
	.unit .tit dl dd{font-size:22px;padding-left: 20px;}
	.unit .tit .link a p span{font-size:16px;}
	.unit .tit .link a p em{width:18px;}
}
@media all and (max-width:1024px){
	.unit .area{display:block;}
	.unit .area .lef{width:100%;display:flex;align-items: center;justify-content:space-between;margin-bottom:60px;}
	.unit .area .rig{width:100%;}
	.unit .tit{margin-bottom:80px;display:block;}
	.unit .tit dl{margin-bottom:40px;}
	.unit .tit dl dt strong{font-size:80px;}
	.unit .tit dl dt em{font-size:34px;}
	.unit .tit dl dt span,
	.unit .tit dl dd{font-size:20px;}
	.unit .tit .link{display:flex;}
	.unit .area .lef table{width:40%;min-width:250px;}
	.unit .area .lef .key{margin-top:0;width:30%;}
}
@media all and (max-width:767px){
	.unit img{width:100%;display:block;}
	.unit .tit{margin-bottom:60px;}
	.unit .tit dl{display:block;}
	.unit .tit dl dt strong{font-size:60px;}
	.unit .tit dl dt em{font-size:30px;}
	.unit .tit dl dt span{font-size:18px;}
	.unit .tit dl dd{font-size:18px;margin-top:20px;padding-left:0;}
	.unit .tit .link a p{gap: 0 20px;}
	.unit .tit .link a p span{font-size:14px;}
	.unit .tit .link a p em{width:16px;}
	.unit .area .lef{display:block;}
	.unit .area .lef table{width: 100%;min-width: auto;max-width: 240px;}
	.unit .area .lef table .col1{width:100px;}
	.unit .area .lef table th p,
	.unit .area .lef table td{font-size:14px;}
	.unit .area .lef .key{width:60%;margin:0 auto;margin-top:40px;}
}

.br_600{display:none;}
.sub_materials{padding-bottom:100px;}
.sub_materials img{display:block;}
.sub_materials .tit{text-align:center;margin-bottom:150px;}
.sub_materials .tit p{color:#231916;font-size:35px;font-weight:300;letter-spacing:-0.05em;overflow:hidden;display:flex;align-items:center;justify-content:center;line-height:1.1em;}
.sub_materials .tit p strong{display:inline-block;font-weight:600;}
.sub_materials .tit p .t1{overflow:hidden;}
.sub_materials .tit p .t1 em{font-weight:600;display:inline-block;transform:translate(0,100%);transition:0.8s;transition-delay:0.5s;}
.sub_materials .tit p span{vertical-align: top;opacity:0;transform:translate(10%,0);filter:blur(10px);transition:1s;transition-delay:1s;}
.sub_materials .tit .t3{color:#7a6e66;font-size:60px;font-family:"Cinzel";overflow:hidden;margin-bottom:35px;}
.sub_materials .tit .t3 span{display:block;transform:translate(0,100%);transition:0.8s;transition-delay:0.2s;}
.sub_materials .tit .t4{color:#7a6e66;font-size:20px;letter-spacing:-0.05em;line-height:1.8em;margin-top:25px;}
.sub_materials .tit .t4 em{display:block;overflow:hidden;}
.sub_materials .tit .t4 em span{display:block;transform:translate(0,100%);transition:0.8s;transition-delay:1.4s;}
.sub_materials .area{position:relative;}
.sub_materials .area ~ .area{margin-top:250px;}
.sub_materials .t{position:absolute;top:0;}
.sub_materials .area:nth-child(even) .t{right:0;}
.sub_materials .area:nth-child(odd) .t{left:0;}
.sub_materials .t p{overflow:hidden;position:relative;font-family:"Cinzel";font-weight:600;color:#231916;font-size:14px;letter-spacing:0.05em;overflow:hidden;}
.sub_materials .t p::before{content:"";background-color:#231916;position:absolute;left:0;bottom:0;width:100%;height:1px;transform:scaleX(0);transform-origin: 0 0;transition:1s;}
.sub_materials .t p span{display:block;padding-bottom:5px;transform:translate(0,100%);transition:0.8s;}
.sub_materials .type .n span{opacity:0;transform:translate(70%,0);transition:0.8s;}
.sub_materials .type .n{display:flex;align-items:flex-end;gap: 0 15px;margin-bottom:35px;}
.sub_materials .type .n p{display:flex;align-items:center;gap: 0 5px;color:#000;font-size:16px;letter-spacing:-0.05em;opacity:0;transform:translate(70%,0);transition:0.8s;transition-delay:0.3s;}
.sub_materials .type .n p em{height:14px;width:1px;background-color:#000;opacity:0;transition:0.6s;transition-delay:0.8s;}
.sub_materials .type .n p em:first-child{transform:translate(1000%,0);}
.sub_materials .type .n p em:last-child{transform:translate(-1000%,0);}
.sub_materials .type .b{opacity:0;transform:translate(15%,0);transition:0.8s;transition-delay:0.3s;}
.sub_materials .big{display:flex;gap: 0 110px;align-items:center;margin-bottom:120px;}
.sub_materials .big.type2{gap: 0 180px;}
.sub_materials .area:nth-child(odd) .big{flex-direction: row-reverse;}
.sub_materials .big .img{position:relative;}
.sub_materials .big .img::before{content:"";position:absolute;left:-1%;top:-1%;width:102%;height:52%;background-color:#fff;z-index:1;transform-origin: 0 0;transition:1.5s;}
.sub_materials .big .img::after{content:"";position:absolute;left:-1%;bottom:-1%;width:102%;height:52%;background-color:#fff;z-index:1;transform-origin: 0 100%;transition:1.5s;}
.sub_materials .big .img span{display:block;overflow:hidden;opacity:0;transition:1.4s;}
.sub_materials .big .img span img{transform:scale(1.1);}
.sub_materials .area:nth-child(even) .big .img span img{transform-origin: 0 0;}
.sub_materials .area:nth-child(odd) .big .img span img{transform-origin: 100% 0;}
.sub_materials .big .txt{margin-bottom:-150px;}
.sub_materials .big .txt dl{margin-top:75px;}
.sub_materials .big .txt dl dt p{color:#000;font-size:30px;line-height:1.5em;letter-spacing:-0.05em;font-weight:300;overflow:hidden;}
.sub_materials .big .txt dl dt p strong{font-weight:600;}
.sub_materials .big .txt dl dt p span{display:block;transform:translate(0,100%);transition:0.8s;transition-delay:0.7s;}
.sub_materials .big .txt dl dd{color:#7a6e66;font-size:16px;line-height:1.63em;letter-spacing:-0.05em;margin-top:25px;}
.sub_materials .big .txt dl dd p{overflow:hidden;}
.sub_materials .big .txt dl dd p span{display:block;transform:translate(0,100%);transition:0.8s;transition-delay:1s;}
.sub_materials .box ul{display:flex;justify-content:space-between;gap: 0 100px;}
.sub_materials .box ul li{transform:translate(0,20%);}
.sub_materials .box .img{margin-bottom:45px;}
.sub_materials .box .img span{display:block;overflow:hidden;opacity:0;transition:0.8s;}
.sub_materials .box .l2 .img span{transition-delay:0.1s;}
.sub_materials .box .l3 .img span{transition-delay:0.2s;}
.sub_materials .box .img span img{transform:scale(1.2);}
.sub_materials .box .txt{margin-top:10px;}
.sub_materials .box .txt strong{display:block;color:#000;font-size:25px;letter-spacing:-0.05em;font-weight:600;opacity:0;transform:translate(0,100%);transition:0.8s;transition-delay:0.1s;}
.sub_materials .box .txt strong em{font-size:18px;font-weight:400;}
.sub_materials .box .txt dl{margin-top:45px;}
.sub_materials .box .txt dl dt{color:#231916;font-size:24px;letter-spacing:-0.05em;overflow:hidden;}
.sub_materials .box .txt dl dt span{display:block;opacity:0;transform:translate(0,100%);transition:0.6s;transition-delay:0.4s;}
.sub_materials .box .txt dl dd{font-size:16px;color:#7a6e66;letter-spacing:-0.05em;line-height:1.63em;margin-top:20px;}
.sub_materials .box .txt dl dd p{overflow:hidden;}
.sub_materials .box .txt dl dd span{display:block;opacity:0;transform:translate(0,100%);transition:0.8s;transition-delay:0.6s;}
.sub_materials .tit.active p span{transform: none;opacity:1;filter:blur(0);}
.sub_materials .tit.active .t3 span,
.sub_materials .tit.active .t4 em span,
.sub_materials .tit.active .t1 em,
.sub_materials .t.active p span,
.sub_materials .t.active p::before,
.sub_materials .type.active .n span,
.sub_materials .type.active .n p,
.sub_materials .type.active .n p em,
.sub_materials .type.active .b,
.sub_materials .big .txt.active dl dt p span,
.sub_materials .big .txt.active dl dd p span,
.sub_materials .big .img.active span,
.sub_materials .box.active .img span,
.sub_materials .box .txt.active strong,
.sub_materials .box .txt.active dl dt span,
.sub_materials .box .txt.active dl dd span{transform: none;opacity:1;}
.sub_materials .big .img.active::before,
.sub_materials .big .img.active::after{transform: scaleY(0);}
	@media all and (max-width:1300px){
		.sub_materials .area ~ .area{margin-top:200px;}
		.sub_materials .tit .t3{font-size: 54px;margin-bottom: 25px;}
		.sub_materials .tit .t4{font-size:17px;margin-top: 20px;}
		.sub_materials .tit p{font-size:30px;}
		.sub_materials .t p{font-size:12px;}
		.sub_materials .big{gap: 0 80px;align-items:flex-end;margin-bottom:100px;}
		.sub_materials .big .img{width:50%;}
		.sub_materials .box ul{gap: 0 60px;}
		.sub_materials .type .n{margin-bottom:25px;}
		.sub_materials .type .n span{width:30px;}
		.sub_materials .type .n p{font-size:14px;}
		.sub_materials .type .b span{display:block;width:150px;}
		.sub_materials .big .txt{margin-bottom:0;}
		.sub_materials .big .txt dl{margin-top:45px;}
		.sub_materials .big .txt dl dt p{font-size:27px;}
		.sub_materials .big .txt dl dd{margin-top:15px;font-size:15px;}
		.sub_materials .box .txt strong{font-size: 23px;}
		.sub_materials .box .txt strong em{font-size:16px;}
		.sub_materials .box .txt dl dt{line-height:1.3em;margin-top: 35px;font-size: 20px;}
		.sub_materials .box .txt dl dd{font-size:14px;margin-top: 15px;}
	}
	@media all and (max-width:1024px){
		.sub_materials .tit{margin-bottom:100px;padding-top: 40px;}
		.sub_materials .tit p{font-size: 25px;}
		.sub_materials .tit .t3{font-size: 44px;margin-bottom: 25px;}
		.sub_materials .tit .t4{font-size:15px;margin-top: 20px;}
		.sub_materials .t{position:static;display:flex;margin-bottom:40px;}
		.sub_materials .t p{font-size:14px;}
		.sub_materials .type .b span{width:auto;}
		.sub_materials .type .n p{font-size:16px;}
		.sub_materials .big{display:block;}
		.sub_materials .big .img{width:100%;}
		.sub_materials .big .txt{margin-top:50px;}
		.sub_materials .big .txt dl{margin-top:30px;}
		.sub_materials .big .txt dl dd{font-size:17px;}
		.sub_materials .box ul{display:block;}
		.sub_materials .box ul li ~ li{margin-top:80px;}
		.sub_materials .box .img span img{width:100%;}
		.sub_materials .box .txt strong{font-size:26px;}
		.sub_materials .box .txt dl dt{font-size:24px;}
		.sub_materials .box .txt dl dd{font-size:17px;}
		.sub_materials .box2 .l1 .img img{width:125%;margin-left:-25%;max-width:none;}
	}
	@media all and (max-width:600px){
		.br_600{display:block;}
		.sub_materials .area ~ .area{margin-top:150px;}
		.sub_materials .tit{padding-top:20px;margin-bottom: 80px;}
		.sub_materials .tit p{display:block;}
		.sub_materials .tit p{font-size:23px;line-height:1.2em;}
		.sub_materials .tit .t3{font-size: 36px;line-height: 1.2em;}
		.sub_materials .tit .t4{font-size:13px;}

		.sub_materials .t{margin-bottom:30px;}
		.sub_materials .t p{font-size:12px;}
		.sub_materials .big .txt{margin-top:35px;}
		.sub_materials .type .n{margin-bottom:20px;}
		.sub_materials .type .n p{font-size:14px;}
		.sub_materials .type .b span{width:140px;}
		.sub_materials .big .txt dl{margin-top:25px;}
		.sub_materials .big .txt dl dt p{font-size:24px;line-height:1.3em;}
		.sub_materials .big .txt dl dd{font-size:14px;}
		.sub_materials .big{margin-bottom:70px;}
		.sub_materials .box .txt strong{font-size:23px;}
		.sub_materials .box .txt dl{margin-top:30px;}
		.sub_materials .box .txt dl dt{font-size:22px;}
		.sub_materials .box .txt dl dd{font-size:14px;}
	}

.complex_plan .area1 .tit{display:flex;margin-bottom:45px;}
.complex_plan .area1 .tit p{position:relative;color:#231916;letter-spacing:-0.05em;font-size:16px;overflow:hidden;}
.complex_plan .area1 .tit p::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#231916;transform:scaleX(0);transform-origin:0 0;transition:1s;transition-delay:0.3s;}
.complex_plan .area1 .tit p em{display:block;padding-bottom:5px;transform:translate(0,100%);transition:0.8s;transition-delay:0.3s;}
.complex_plan .area1 .tit p span{font-family: "Cinzel";font-weight:600;letter-spacing:0.05em;font-size:14px;}
.complex_plan .area1 .img{opacity:0;transform:translate(0,10%);transition:1s;transition-delay:0.5s;}
.complex_plan .area1.active .tit p em,
.complex_plan .area1.active .tit p::before,
.complex_plan .area1.active .img{opacity:1;transform:none;}
/* .complex_plan .area2{margin-top:120px;} */
/* .complex_plan .area2{margin-top:90px;} */
.complex_plan .item2{margin-top:120px;}
/* .complex_plan .area2 .tit{display:flex;align-items:center;justify-content:space-between;margin-bottom:75px;} */
/* .complex_plan .area2 .tit dl{padding-right:65px;} */
/*
.complex_plan .area2 .tit{display:flex;align-items:center;justify-content:center;margin-bottom:75px;}
.complex_plan .area2 .tit dl{text-align: center;}
.complex_plan .area2 .tit dl dt{font-family: "Cinzel";color:#7a6e66;font-size:18px;letter-spacing:-0.01em;overflow:hidden;margin-bottom:40px;}
.complex_plan .area2 .tit dl dt p{transform:translate(0,100%);transition:0.8s;}
.complex_plan .area2 .tit dl dd{color:#231916;font-size:36px;line-height:1.5em;letter-spacing:-0.05em;font-weight:300;}
.complex_plan .area2 .tit dl dd strong{font-weight:600;}
.complex_plan .area2 .tit dl dd p{overflow:hidden;}
.complex_plan .area2 .tit dl dd p span{display:block;transform:translate(0,100%);transition:0.8s;transition-delay:0.3s; text-wrap: nowrap;}
.complex_plan .area2 .tit .line{flex-grow:1;position:relative;height: 1px;margin-bottom: -2%;transform:scaleX(0);transform-origin: 0 0;transition:1s;transition-delay:0.5s;}
.complex_plan .area2 .tit .line span{display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:#8a6e47;}
.complex_plan .area2 .tit .wave{padding-left:65px;}
.complex_plan .area2 .tit .wave li{opacity:0;transform:translate(20%,0);transition:0.8s;}
.complex_plan .area2 .tit .wave .w1{width:194px;transition-delay:0.8s;}
.complex_plan .area2 .tit .wave .w2{width:217px;margin-top:16px;transition-delay:0.9s;}
.complex_plan .area2 .tit .wave .w3{width:202px;margin-top:23px;transition-delay:1s;}
*/
.complex_plan .area2 .tit{display:flex;justify-content:space-between;margin-bottom:80px;}
.complex_plan .area2 .tit .rig{padding-top:60px;}
.complex_plan .area2 .tit .lef .t1{color:#7a6e66;overflow:hidden;font-family: "Cinzel";font-size:1.125rem;letter-spacing:-0.01em;margin-bottom:20px;}
.complex_plan .area2 .tit .lef .t1 span{display:block;transform:translate(0,100%);transition:0.6s;}
.complex_plan .area2 .tit .lef .t2{color:#7a6e66;overflow:hidden;font-size:1.56rem;margin-bottom:20px;}
.complex_plan .area2 .tit .lef .t2 strong{font-weight:600;}
.complex_plan .area2 .tit .lef .t2 span{display:block;transform:translate(0,100%);transition:0.6s;transition-delay:0.2s;}
.complex_plan .area2 .tit .lef .t3{opacity:0;transform:translate(20%,0);transition:0.8s;transition-delay:0.4s;}
.complex_plan .area2 .tit .rig dl dt{color:#231916;font-weight:300;font-size:2.19rem;letter-spacing:-0.05em;margin-bottom:25px;line-height:1.1em;}
.complex_plan .area2 .tit .rig dl dt p{overflow:hidden;}
.complex_plan .area2 .tit .rig dl dt strong{font-weight:600;}
.complex_plan .area2 .tit .rig dl dt span{display:block;transform:translate(0,100%);transition:0.6s;transition-delay:0.5s;}
.complex_plan .area2 .tit .rig dl dd{color:#7a6e66;font-size:1.25rem;line-height:1.8em;letter-spacing:-0.05em;}
.complex_plan .area2 .tit .rig dl dd p{overflow:hidden;}
.complex_plan .area2 .tit .rig dl dd p span{display:block;transform:translate(0,100%);transition:0.6s;transition-delay:0.7s;}
.complex_plan .area2 .img{display:flex;flex-wrap:wrap;justify-content:space-between;}
.complex_plan .area2 .img img{display:block;width:100%;}
.complex_plan .area2 .img dl{width:calc(50% - 5px);}
.complex_plan .area2 .img dl dt{margin-bottom:20px;opacity:0;transform:translate(0,20%);transition:0.8s;}
.complex_plan .area2 .img dl dd{color:#000;font-size:16px;letter-spacing:-0.05em;line-height:1.3em;overflow:hidden;opacity:0;transform:translate(0,100%);transition:0.8s;transition-delay:1.6s;}
.complex_plan .area2 .img dl dd span{display:block;}
.complex_plan .area2 .img dl:nth-child(1) dt{transition-delay:1s;}
.complex_plan .area2 .img dl:nth-child(2) dt{transition-delay:1.2s;}
/*
.complex_plan .area2.active .tit dl dt p,
.complex_plan .area2.active .tit dl dd p span,
.complex_plan .area2.active .tit .line,
.complex_plan .area2.active .wave li,
*/
.complex_plan .area2 .tit.active .lef .t1 span,
.complex_plan .area2 .tit.active .lef .t2 span,
.complex_plan .area2 .tit.active .lef .t3,
.complex_plan .area2 .tit.active .rig dl dt span,
.complex_plan .area2 .tit.active .rig dl dd p span{transform:none;opacity:1;}
.complex_plan .area2.active .img dl dt,
.complex_plan .area2.active .img dl dd{opacity:1;transform:none;}
.complex_plan .area2 br.__p{display: block;}

@media all and (max-width:1200px){
	.complex_plan .area2 .tit .lef .t1{font-size:1rem;}
	.complex_plan .area2 .tit .lef .t2{font-size:1.2rem;}
	.complex_plan .area2 .tit .lef .t3{width:220px;}
	.complex_plan .area2 .tit .rig dl dt{font-size:1.8rem;}
	.complex_plan .area2 .tit .rig dl dd{font-size:1rem;}
	/* 
	.complex_plan .area2 .tit dl{padding-right: 40px;}
	.complex_plan .area2 .tit dl dt{font-size:15px;margin-bottom: 40px;}
	.complex_plan .area2 .tit dl dd{font-size:28px;}
	.complex_plan .area2 .tit .wave{padding-left:30px;}
	.complex_plan .area2 .tit .wave .w1{width: 170px;}
	.complex_plan .area2 .tit .wave .w2{width: 180px;}
	.complex_plan .area2 .tit .wave .w3{width: 175px;}
	*/
	.complex_plan .area2 .img dl dd{font-size:14px;}
}
@media all and (max-width:1024px){
	.complex_plan .area1 .tit{margin-bottom:25px;}
	.complex_plan .area1 .tit p{font-size: 14px;}
	.complex_plan .area1 .tit p span{font-size:13px;}
	/*
	.complex_plan .area2 .tit{margin-bottom: 50px;}
	.complex_plan .area2 .tit .line{display:none;}
	.complex_plan .area2 .tit dt{margin-bottom: 25px;}
	.complex_plan .area2 .tit dl{padding-right:0;}
	.complex_plan .area2 .tit .wave{padding-left:0;}
	.complex_plan .area2 .tit dl dt{font-size:14px; margin-bottom: 28px;}
	.complex_plan .area2 .tit dl dd{font-size:26px; display: block;}
	.complex_plan .area2 .tit .wave .w1{width: 150px;}
	.complex_plan .area2 .tit .wave .w2{width: 155px;}
	.complex_plan .area2 .tit .wave .w3{width: 152px;}
	*/
	.complex_plan .area2 .tit{display:block;text-align:center;}
	.complex_plan .area2 .tit .lef .t3{display:none;}
	.complex_plan .area2 .img{display:block;}
	.complex_plan .area2 .img dl{width:100%;}
	.complex_plan .area2 .img dl ~ dl{margin-top:40px;}
}
@media all and (max-width:500px){
	.complex_plan .area1 .tit{margin-bottom:20px;}
	.complex_plan .area1 .tit p{font-size:12px;}
	.complex_plan .area1 .tit p span{font-size:11px;}
	/* .complex_plan .area2{margin-top:100px;} */
	/* .complex_plan .area2{margin-top:75px;} */
	.complex_plan .item2{margin-top:70px;}
	/*
	.complex_plan .area2 .tit{margin-bottom: 30px;}
	.complex_plan .area2 .tit dl dt{font-size:13px; margin-bottom: 20px;}
	.complex_plan .area2 .tit dl dd{font-size:20px; display: block;}
	.complex_plan .area2 .tit .wave{display:flex;justify-content:flex-end;margin-top: -25px;}
	.complex_plan .area2 .tit .wave .w1{width:120px;}
	.complex_plan .area2 .tit .wave .w2{width:120px;margin-top:5px;}
	.complex_plan .area2 .tit .wave .w3{width:120px;margin-top:5px;}
	*/
	.complex_plan .area2 .tit .lef .t1{margin-bottom: 15px;}
	.complex_plan .area2 .tit .lef .t2{margin-bottom: 15px;}
	.complex_plan .area2 .tit .rig dl dt{margin-bottom:15px;}
	.complex_plan .area2 .tit .rig{padding-top:20px;}
	.complex_plan .area2 .img dl dt{margin-bottom:15px;}
	.complex_plan .area2 .img dl dd{font-size:12px;}
    .complex_plan .area2 br.__p{display: none;}
    .complex_plan .area2 .img dl ~ dl{margin-top: 30px;}
}


.architecture_vis{height:100vh;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding-top:50px;}
.architecture_vis .bg{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;clip: rect(0, auto, auto, 0);}
.architecture_vis .bg::before{content:"";position:absolute;left:0;top:0;width:100%;height:15%;z-index:1;background-color:#fff;transform-origin:0 0;transition:1s;}
.architecture_vis .bg::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:15%;z-index:1;background-color:#fff;transform-origin:0 100%;transition:1s;}
.architecture_vis .bg span{display:block;position:fixed;left:0;top:0;width:100%;height:100dvh;opacity:0;transform:scale(1.2);transition:2s;}
.architecture_vis .bg span::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,1);}
.architecture_vis .bg span video{display: block;width:100%;height:100%;object-fit:cover;opacity:0.6;}
.architecture_vis .txt{position:relative;z-index:1;text-align:center;}
.architecture_vis .txt .tit{display:flex;justify-content:center;margin-bottom:25px;}
.architecture_vis .txt .tit span{opacity: 0;transform:scaleY(1.4);filter: blur(1rem);transition:0.8s;}
.architecture_vis .txt .tit .d1{transition-delay:0.6s;}
.architecture_vis .txt .tit .d2{transition-delay:0.8s;}
.architecture_vis .txt .tit .d3{transition-delay:1s;}
.architecture_vis .txt .tit span em{display:flex;align-items:center;height:100%;color:#fff;font-size:5.63rem;font-family:"Cinzel";font-weight:500;letter-spacing: 0.3em;transition: 1.2s;transition-delay:0.6s;}
.architecture_vis .txt .t{font-size: 2.81rem;color: #fff;font-family: "Noto Serif KR";font-weight: 300;letter-spacing: -0.05em;line-height: 1.22em;}
.architecture_vis .txt .t strong{font-weight:600;}
.architecture_vis .txt .t p{overflow:hidden;}
.architecture_vis .txt .t p span{display:block;transform:translate(0,100%);transition:0.8s;}
.architecture_vis .wave{position:absolute;left:50%;bottom:25px;transform: translate(-50%, 0);z-index:1;width: 10px;}
.architecture_vis .wave svg{display:block;}
.architecture_vis .wave svg path{animation: wave 2s 1s linear infinite;stroke-dasharray: 55px;stroke-dashoffset: 55px;}
.architecture_vis.active .bg::before,
.architecture_vis.active .bg::after{transform:scaleY(0);transition-delay:0.2s;}
.architecture_vis.active .bg span{opacity:1;transform:none;transition-delay:0.2s;}
.architecture_vis.active .txt .tit span{opacity:1;filter:blur(0);transform:none;}
.architecture_vis.active .txt .tit span em{letter-spacing:0;}
.architecture_vis.active .txt .t p span{transform:none;transition-delay:1.4s;}
@media all and (max-width:1200px){
	.architecture_vis{padding:120px 0 80px;}
	.architecture_vis .wave{width: 8px;bottom: 20px;}
}
@media all and (max-width:1024px){
	.architecture_vis .txt .tit span em{font-size: 5rem;}
}
@media all and (max-width:768px){
	.architecture_vis .txt .tit{margin-bottom: 15px;}
	.architecture_vis .txt .tit span em{font-size: 3rem;}
	.architecture_vis .txt .t{font-size: 1.8rem;}
}

.sub_architecture .line_txt{display:flex;margin-bottom:30px;}
.sub_architecture .line_txt p{overflow:hidden;position:relative;color:#231916;font-family:"Cinzel";font-size:0.875rem;font-weight:600;letter-spacing:0.05em;}
.sub_architecture .line_txt p::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#231916;transform:scaleX(0);transform-origin:0 0;transition:0.8s;}
.sub_architecture .line_txt p span{display:block;padding-bottom:5px;transform:translate(0,100%);transition:0.6s;}
.sub_architecture .architecture_tit p{overflow:hidden;font-weight:300;color:#231916;font-size:2.18rem;line-height:1.57em;letter-spacing:-0.05em;}
.sub_architecture .architecture_tit p strong{font-weight:600;}
.sub_architecture .architecture_tit p span{display:block;transform:translate(0,100%);transition:0.8s;}
.sub_architecture .architecture_txt dl dt{overflow:hidden;color:#000;font-size:1.69rem;font-weight:300;margin-bottom:25px;letter-spacing:-0.07em;}
.sub_architecture .architecture_txt dl dt strong{font-weight:600;}
.sub_architecture .architecture_txt dl dt span{display:block;transform:translate(0,100%);transition:0.6s;}
.sub_architecture .architecture_txt dl dd{color:#7a6e66;font-size:1rem;letter-spacing:-0.08em;line-height:1.63em;}
.sub_architecture .architecture_txt dl dd p{overflow:hidden;}
.sub_architecture .architecture_txt dl dd p em{font-size:1.25rem;font-weight:600;line-height:1.75em;}
.sub_architecture .architecture_txt dl dd p span{display:block;transform:translate(0,100%);transition:0.6s;}
.sub_architecture .area{position:relative;padding:0 80px;padding-bottom:250px;}
.sub_architecture .d2{transition-delay:0.2s !important;}
.sub_architecture .d4{transition-delay:0.4s !important;}
.sub_architecture .d5{transition-delay:0.5s !important;}

.sub_architecture .area1{padding-top:260px;}
.sub_architecture .area1 .box{display:flex;}
.sub_architecture .area1 .box .b{width:50%;position:relative;}
.sub_architecture .area1 .architecture_txt{margin-top:50px;}
.sub_architecture .area1 .wave{margin-top:65px;display:flex;align-items:flex-end;gap: 0 100px;}
.sub_architecture .area1 .wave .w_l .w ~ .w{margin-top:40px;}
.sub_architecture .area1 .wave .w_l dl{display:flex;align-items:center;gap: 0 45px;}
.sub_architecture .area1 .wave .w_l dl dt{color:#7a6e66;font-size:0.75rem;font-weight:600;letter-spacing:0.05em;opacity:0;transform:translate(-60%,0);transition:0.6s;}
.sub_architecture .area1 .wave .w_l dl dd{opacity:0;transform:translate(-20%,0);transition:0.6s;transition-delay:0.3s;}
.sub_architecture .area1 .wave .w_r{margin-bottom:10px;}
.sub_architecture .area1 .wave .w_r .w_ani{position:relative;opacity:0;transition:0.8s;transform:translate(0,40%);}
.sub_architecture .area1 .wave .w_r .w_a1{transition-delay:0.8s;}
.sub_architecture .area1 .wave .w_r .w_a2{margin-top:40px;transition-delay:1s;}
.sub_architecture .area1 .wave .w_r .w_ani span{display:flex;align-items:center;width:100%;height:100%;opacity:0;filter:blur(5px);}
.sub_architecture .area1 .wave .w_r .w_ani span img{display:block;}
.sub_architecture .area1 .wave .w_r .w_ani .a1{animation: wave1 10s 1s linear infinite;}
.sub_architecture .area1 .wave .w_r .w_ani .a2{position:absolute;left:0;top:0;animation: wave1 10s 6s linear infinite;}
.sub_architecture .area1 .vd_area{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;}
.sub_architecture .area1 .vd_area ul{width:100%;height:100%;display:flex;justify-content:space-between;gap: 0 12px;}
.sub_architecture .area1 .vd_area ul li{width:calc(33.33% - 8px);height:90%;position:relative;}
.sub_architecture .area1 .vd_area ul li::before{content:"";position:absolute;left:-1%;top:-1%;width:102%;height:102%;background-color:#fff;z-index: 1;transform-origin:0 0;transition:1.2s;}
.sub_architecture .area1 .vd_area ul .vd2{transform:translate(0,-15%);}
.sub_architecture .area1 .vd_area ul .vd3{transform:translate(0,11%);}
.sub_architecture .area1 .vd_area ul .vd1::before{transition-delay:0.3s;}
.sub_architecture .area1 .vd_area ul .vd2::before{transition-delay:0.5s;}
.sub_architecture .area1 .vd_area ul .vd3::before{transition-delay:0.7s;}
.sub_architecture .area1 .vd_area ul li span{display:block;overflow:hidden;;position:relative;width:100%;height:100%;}
.sub_architecture .area1 .vd_area ul li span video{position:absolute;left:0;top:-1%;width:100%;height:102%;object-fit:cover;pointer-events:none;transform:scale(1.2);transition:1.5s;}
.sub_architecture .area1 .vd_area ul .vd1 span video{transition-delay:0.3s;}
.sub_architecture .area1 .vd_area ul .vd2 span video{transition-delay:0.5s;}
.sub_architecture .area1 .vd_area ul .vd3 span video{transition-delay:0.7s;}
/*
.sub_architecture .area1 .vd_area ul li span iframe{position:absolute;height:100%;pointer-events:none;}
.sub_architecture .area1 .vd_area ul .vd1 span iframe{width:156%;}
.sub_architecture .area1 .vd_area ul .vd2 span iframe{width:147%;}
.sub_architecture .area1 .vd_area ul .vd3 span iframe{width:145%;}
*/
@keyframes wave1 {
	0% {opacity:0;filter:blur(5px);}
	10% {opacity:1;filter:blur(0);}
	40% {opacity:1;filter:blur(0);}
	50% {opacity:0;filter:blur(5px);}
	100% {opacity:0;filter:blur(5px);}
}

.sub_architecture .area2 .lt{position:absolute;right:10px;bottom:15px;overflow:hidden;font-size:1rem;color:#fff;letter-spacing:-0.05em;}
.sub_architecture .area2 .lt::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#fff;transform:scaleX(0);transform-origin:0 0;transition:0.8s;}
.sub_architecture .area2 .lt span{display:block;padding-bottom:5px;transform:translate(0,100%);transition:0.6s;}
.sub_architecture .area2 .top{display:flex;gap: 0 10px;margin-bottom:100px;}
.sub_architecture .area2 .top img{display:block;width:100%;}
.sub_architecture .area2 .top .big{width:67.5%;position:relative;overflow:hidden;}
.sub_architecture .area2 .top .big .img{position:relative;z-index:11;overflow:hidden;transition:1s;transition-delay:2s;}
.sub_architecture .area2 .top .big .img img{opacity:0;transform:scale(1.2);transition:1.4s;}
.sub_architecture .area2 .top .big video{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:1s;transition-delay:1.4s;}
.sub_architecture .area2 .top .big .ori{color:#fff;font-size:0.8rem;position: absolute;left: 20px;bottom: 20px;}
.sub_architecture .area2 .top .bg{width:15%;position:relative;overflow:hidden;}
.sub_architecture .area2 .top .bg span{display:block;width:100%;height:100%;background:url(../images/architecture-bg1.jpg) no-repeat;background-size:cover;background-position:0 50%;animation: architecture_bg 20s linear infinite;}
.sub_architecture .area2 .top .bg .line{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;justify-content:space-evenly;}
.sub_architecture .area2 .top .bg .line li{width:5px;height:100%;background-color:#fff;}
.sub_architecture .area2 .top .bg .rect{position:absolute;left:0;top:0;width:100%;height:100%;display:flex;}
.sub_architecture .area2 .top .bg .rect li{width:16.7%;background-color:#fff;transform-origin: 0 100%;transition:1s;}
.sub_architecture .area2 .top .bg .rect li:nth-child(1){transition-delay:0.4s;}
.sub_architecture .area2 .top .bg .rect li:nth-child(2){transition-delay:0.5s;}
.sub_architecture .area2 .top .bg .rect li:nth-child(3){transition-delay:0.6s;}
.sub_architecture .area2 .top .bg .rect li:nth-child(4){transition-delay:0.7s;}
.sub_architecture .area2 .top .bg .rect li:nth-child(5){transition-delay:0.8s;}
.sub_architecture .area2 .top .bg .rect li:nth-child(6){transition-delay:0.9s;}
.sub_architecture .area2 .bot{display:flex;justify-content:space-between;align-items:center;}
.sub_architecture .area2 .architecture_txt{margin-top:65px;}
.sub_architecture .area2 .bot .img{width:65%;}
.sub_architecture .area2 .bot .img ul{display:flex;flex-wrap:wrap;gap: 10px;justify-content:center;}
.sub_architecture .area2 .bot .img ul li{width:calc(50% - 5px);position:relative;overflow:hidden;}
.sub_architecture .area2 .bot .img ul li img{display:block;opacity:0;transform:scale(1.2);transition:1.2s;}
.sub_architecture .area2 .bot .img ul .l2 img{transition-delay:0.2s;}
.sub_architecture .area2 .bot .img ul .l3 img{transition-delay:0.4s;}
@keyframes architecture_bg {
	0% {background-position:0 50%;}
	100% {background-position:100% 50%;}
}

.sub_architecture .area3{padding-left:0;padding-right:0;}
.sub_architecture .area3 img{display:block;}
.sub_architecture .area3 .box{overflow:hidden;position:relative;}
.sub_architecture .area3 .box::before{content:"";position:absolute;left:0;top:0;width:100%;height:50%;background-color:#fff;z-index:1;transform-origin:0 0;transition:1.2s;}
.sub_architecture .area3 .box::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:50%;background-color:#fff;z-index:1;transform-origin:0 100%;transition:1.2s;}
.sub_architecture .area3 .box .bg{transition:1s;}
.sub_architecture .area3 .box .bg img{transform:scale(1.2);opacity:0;transition:1.2s;}
.sub_architecture .area3 .txt_area{position:absolute;left:0;bottom:0;width:100%;background-color:#fff;padding: 75px 80px 130px;transform:translate(0,100%);transition:1s;}
.sub_architecture .area3 .txt_area .t{display:flex;justify-content:space-between;}
.sub_architecture .area3 .txt_area .t .at{display:flex;gap: 0 60px;padding-top:10px;}
.sub_architecture .area3 .txt_area .architecture_tit p span{transition-delay:0.5s;}
.sub_architecture .area3 .txt_area .architecture_txt:nth-child(1) p span{transition-delay:0.8s;}
.sub_architecture .area3 .txt_area .architecture_txt:nth-child(2) p span{transition-delay:1s;}

.sub_architecture .landspace{display:flex;justify-content:space-between;align-items:center;}
.sub_architecture .area5 .landspace{flex-direction: row-reverse;}
.sub_architecture .landspace .img{width: 69.3%;overflow:hidden;position:relative;}
.sub_architecture .landspace .img::before{content:"";position:absolute;left:-1%;top:-1%;width:102%;height:51%;background-color:#fff;z-index:1;transform-origin: 0 0;transition:1.4s;}
.sub_architecture .landspace .img::after{content:"";position:absolute;left:-1%;bottom:-1%;width:102%;height:51%;background-color:#fff;z-index:1;transform-origin: 0 100%;transition:1.4s;}
.sub_architecture .landspace .img img{display:block;opacity:0;transform:scale(1.2);transition:1.4s;}
.sub_architecture .landspace .txt{padding-top:50px;}
.sub_architecture .landspace dl{margin-top:65px;}
.sub_architecture .landspace dl dt{display:flex;align-items:center;gap: 0 8px;overflow:hidden;line-height: 2em;}
.sub_architecture .landspace dl dt span{background-color:#000;color:#fff;font-size:1rem;width:1.31rem;height:1.31rem;display:flex;align-items:center;justify-content:center;border-radius:3px;padding-bottom:1px;}
.sub_architecture .landspace dl dt p{color:#000;font-size:1.38rem;font-weight:600;letter-spacing:-0.05em;transform:translate(0,100%);transition:0.8s;}
.sub_architecture .landspace dl dd{margin-top:20px;color:#7a6e66;font-size:1rem;line-height:1.63em;letter-spacing:-0.05em;}
.sub_architecture .landspace dl dd p{overflow:hidden;}
.sub_architecture .landspace dl dd p span{display:block;transform:translate(0,100%);transition:0.8s;transition-delay:0.3s;}

.sub_architecture .area6 video{width:100%;}
.sub_architecture .area6 video ~ video{margin-top:50px;}

.sub_architecture .line_txt.active p::before,
.sub_architecture .line_txt.active p span,
.sub_architecture .architecture_tit.active p span,
.sub_architecture .architecture_txt.active dl dt span,
.sub_architecture .architecture_txt.active dl dd p span,
.sub_architecture .area1 .wave.active .w_l dl dt,
.sub_architecture .area1 .wave.active .w_l dl dd,
.sub_architecture .area1 .wave.active .w_r .w_ani,
.sub_architecture .area1 .vd_area.active ul li span video,
.sub_architecture .area2 .top .big.active .img img,
.sub_architecture .area2 .top .big.active video,
.sub_architecture .area2 .lt.active::before,
.sub_architecture .area2 .lt.active span,
.sub_architecture .area2 .bot .img.active ul li img,
.sub_architecture .area3 .txt_area.active,
.sub_architecture .area3 .box.active .bg img,
.sub_architecture .landspace dl.active dt p,
.sub_architecture .landspace dl.active dd p span,
.sub_architecture .landspace .img.active img{opacity:1;transform:none;}
.sub_architecture .area1 .vd_area.active ul li::before{transform:scaleY(0);}
.sub_architecture .area2 .top .big.active .img{opacity:0;}
.sub_architecture .area2 .top .bg.active .rect li{transform:scaleX(0);}
.sub_architecture .area3 .box.active::before,
.sub_architecture .area3 .box.active::after,
.sub_architecture .landspace .img.active::before,
.sub_architecture .landspace .img.active::after{transform:scaleY(0);}
.sub_architecture .area3 .box .bg.active{transform:translate(0,-21%);}

@media all and (max-width:1500px){
	.sub_architecture .area1 .box .b.lef{width:55%;}
	.sub_architecture .area1 .box .b.rig{width:45%;}
	.sub_architecture .area1 .wave{gap: 0 50px;}
	.sub_architecture .area1 .wave .w_l dl dd{width: 170px;}
	.sub_architecture .area1 .wave .w_r .w_ani span{width:150px;}
}
@media all and (max-width:1300px){
	.sub_architecture .area1{padding-top:200px;}
}
@media all and (max-width:1024px){
	.sub_architecture .area{padding-bottom:200px;}
	.sub_architecture .area1 .box{display:block;}
	.sub_architecture .area1 .box .b.lef{width:100%;}
	.sub_architecture .area1 .box .b.rig{width:100%;margin: 50px auto 0;}
	.sub_architecture .area1 .vd_area{position:static;}
	.sub_architecture .area1 .vd_area ul{display:block;height:auto;}
	.sub_architecture .area1 .vd_area ul li{height:auto;width:100%;transform:none !important;}
	.sub_architecture .area1 .vd_area ul li ~ li{margin-top:20px;}
	.sub_architecture .area1 .vd_area ul li span{padding-bottom:25%;}
	.sub_architecture .area2 .architecture_txt{text-align: right;margin-top:30px;}
	.sub_architecture .area2 .top{gap: 0 2%;}
	.sub_architecture .area2 .top .big{width:80%}
	.sub_architecture .area2 .top .bg{width:18%;}
	.sub_architecture .area2 .bot{display:block;}
	.sub_architecture .area2 .bot .img{width:100%;margin-top:60px;}
	.sub_architecture .area3{padding-bottom:100px;}
	.sub_architecture .area3 .txt_area .t .at{margin-top:40px;}
	.sub_architecture .area3 .txt_area{position:static;padding: 50px 80px;}
	.sub_architecture .area3 .txt_area .t{display:block;}
	.sub_architecture .area3 .txt_area .t .at{padding-top:0px;}
	.sub_architecture .landspace{flex-direction: column-reverse !important;align-items:flex-start;}
	.sub_architecture .landspace .txt{padding-top:0;}
	.sub_architecture .landspace .img{width:100%;margin-bottom:100px;}
	.sub_architecture .area3 .txt_area.active{transform: translate(0, -8vw);}
	.sub_architecture .area3 .box .bg.active{transform:translate(0,-8vw);}
}
@media all and (max-width:600px){
	.sub_architecture .area{padding: 70px 20px;}
	.sub_architecture .line_txt{margin-bottom:20px;}
	.sub_architecture .line_txt p{font-size:0.8rem;}
	.sub_architecture .architecture_tit p{font-size: 1.8rem;}
	.sub_architecture .area1 .architecture_txt{margin-top:40px;}
	.sub_architecture .architecture_txt dl dt{font-size: 1.6rem;margin-bottom: 20px;}
	.sub_architecture .area1 .wave{display:block;}
	.sub_architecture .area1 .wave .w_l dl dt{font-size: 0.85rem;}
	.sub_architecture .area1 .wave .w_l dl dd{width:190px;}
	.sub_architecture .area1 .wave .w_r{margin-bottom:0;margin-top:50px;display:flex;justify-content: center;}
	.sub_architecture .area1 .wave .w_r .w_a2{margin-top:0;}
	.sub_architecture .area1 .wave .w_r .w_ani span{margin: 0 auto;width:140px;}
	.sub_architecture .area1 .box .b.rig{width: 100%;margin: 40px auto 0;}
	.sub_architecture .area1 .vd_area ul li ~ li{margin-top:10px;}
	.sub_architecture .area2 .top{margin-bottom:50px;}
	.sub_architecture .area2 .top .bg{width:15%;}
	.sub_architecture .area2 .top .big{width:83%;}
	.sub_architecture .area2 .top .bg .line li{width:4%;}
	.sub_architecture .area2 .lt{font-size:0.9rem;bottom: 10px;}
	.sub_architecture .area2 .top .big .ori{left:10px;bottom:10px;font-size:10px;}
	.sub_architecture .area2 .bot .img{margin-top:50px;}
	.sub_architecture .area3 .txt_area{padding: 40px 0 0 0;}
	.sub_architecture .area3 .txt_area .t .at{margin-top:25px;display:block;}
	.sub_architecture .area3 .txt_area .t .at .architecture_txt ~ .architecture_txt{margin-top:20px;}
	.sub_architecture .architecture_txt dl dd p em{font-size:1.15rem;}
	.sub_architecture .landspace dl{margin-top:40px;}
	.sub_architecture .landspace dl ~ dl{margin-top:30px;}
	.sub_architecture .landspace dl dt p{font-size:1.25rem;}
	.sub_architecture .landspace dl dd{margin-top:10px;}
	.sub_architecture .landspace .img{margin-bottom:50px;}
	.sub_architecture .area3 .box .bg.active,
	.sub_architecture .area3 .txt_area.active{transform:none;}
}

.interior img{display:block;}
.interior .top{background-color:#f8f7f4;position:relative;padding: 85px 105px 190px;margin-bottom:205px;}
.interior .top dl{display:flex;gap:0 110px;align-items: flex-start;}
.interior .top dl dt{padding-top:10px;display: flex}
.interior .top dl dt p{color:#231916;font-size:0.875rem;letter-spacing:0.05em;font-weight:600;position:relative;overflow:hidden;font-family:'Cinzel';}
.interior .top dl dt p:before{content:"";background-color:#231916;width:100%;height:1px;position:absolute;left:0;bottom:0;transform:scaleX(0);transform-origin: 0 0;transition:0.8s;}
.interior .top dl dt p span{display:block;padding-bottom:5px;transform:translate(0,100%);transition:0.6s;}
.interior .top dl dd p{overflow:hidden;font-weight:300;color:#7a6e66;font-size:3.75rem;}
.interior .top dl dd p strong{font-weight:600;}
.interior .top dl dd p span{display:block;transform:translate(0,100%);transition:0.8s;transition-delay:0.2s;}
.interior .top dl dd p em{font-family:'Cinzel';font-weight:400;}
.interior .top i{position:absolute;opacity:0;transition:1.2s;}
.interior .top .icon1{left:55px;top:185px;transform:translate(20%,0);transition-delay:0.6s;}
.interior .top .icon2{right:20px;top:55px;transform:translate(0,20%);transition-delay:1s;}
.interior .sub_tit._m{display:none !important;}
.interior .sub_tit.t_r{display:flex;flex-direction: column;align-items:flex-end;}
.interior .sub_tit.st1{margin-top:160px;}
.interior .sub_tit.st2{margin-bottom:30px;}
.interior .sub_tit.st3{margin-top:190px;margin-right:80px;}
.interior .sub_tit.st4{margin-top:250px;margin-left:75px;}
.interior .sub_tit.st5{margin-left:125px;display: flex;align-items: center;justify-content: center;}
.interior .sub_tit.st6{margin-right:80px;display: flex;align-items: center;justify-content: center;}
.interior .sub_tit .st{position:relative;padding-left:20px;}
.interior .sub_tit .st::before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;background-color:#7a6e66;border-radius:50%;opacity:0;transform:translate(0,-300%);transition:1s;transition-delay:0.5s;transition-timing-function:linear(0 0%, 0 2.27%, 0.02 4.53%, 0.04 6.8%, 0.06 9.07%, 0.1 11.33%, 0.14 13.6%, 0.25 18.15%, 0.39 22.7%, 0.56 27.25%, 0.77 31.8%, 1 36.35%, 0.89 40.9%, 0.85 43.18%, 0.81 45.45%, 0.79 47.72%, 0.77 50%, 0.75 52.27%, 0.75 54.55%, 0.75 56.82%, 0.77 59.1%, 0.79 61.38%, 0.81 63.65%, 0.85 65.93%, 0.89 68.2%, 1 72.7%, 0.97 74.98%, 0.95 77.25%, 0.94 79.53%, 0.94 81.8%, 0.94 84.08%, 0.95 86.35%, 0.97 88.63%, 1 90.9%, 0.99 93.18%, 0.98 95.45%, 0.99 97.73%, 1 100%);}
.interior .sub_tit p{color:#7a6e66;font-size:4.38rem;font-family:'Cinzel';overflow:hidden;line-height:1.15em;}
.interior .sub_tit p span{display:block;transform:translate(0,100%);transition:0.8s;}
.interior .area ~.area{margin-top:250px;}
.interior .box{position:relative;display:flex;justify-content:space-between;gap: 0 20px;}
.interior .box ~ .box{margin-top:20px;}
.interior .box.lef{justify-content:flex-start;}
.interior .box.rig{justify-content:flex-end;}
.interior .box.cen{justify-content:flex-end;}
.interior .b1{display:block;}
.interior .b2 .big{width:68%;max-width:950px;}
.interior .box .img{position:relative;overflow:hidden;}
.interior .box .img p{position:absolute;color:#fff;font-size:1rem;letter-spacing:-0.05em;z-index:1;right:15px;bottom:15px;overflow:hidden;}
.interior .box .img p::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:#fff;transform:scaleX(0);transform-origin: 0 0;transition:0.8s;}
.interior .box .img p span{display:block;padding-bottom:5px;transform:translate(0,100%);transition:0.8s;}
.interior .box .img img{opacity:0;transform:scale(1.2);transition:1.2s;}
.interior .top.active dl dt p span,
.interior .top.active dl dt p::before,
.interior .top.active dl dd p span,
.interior .top.active i,
.interior .sub_tit.active .st::before,
.interior .sub_tit.active p span,
.interior .box .img p.active::before,
.interior .box .img p.active span,
.interior .box .img.active img{opacity:1;transform:none;}
	@media all and (max-width: 1300px) {
		.interior .top{padding: 50px 80px 120px;margin-bottom: 100px;}
		.interior .top dl{gap: 0 70px;}
		.interior .top .icon1{width:30%;top: 140px;}
		.interior .top .icon2{width:50%;top: 80px;}
		.interior .area ~.area{margin-top:120px;}
	}
	@media all and (max-width: 1024px) {
		.interior img{width:100%;}
		.interior .top{padding: 50px 60px 120px;}
		.interior .top dl{flex-direction: column;}
		.interior .top dl dt{padding-top:0;margin-bottom:30px;}
		.interior .top .icon1{left:auto;top: 130px;right:0;width:45%;}
		.interior .top .icon2{display:none;}
		.interior .area ~.area{margin-top:80px;}
		.interior .area.order{display: flex;flex-direction: column;}
		.interior .area.order .od{order: 1;}
		.interior .box ~ .box{margin-top:20px;}
		.interior .b2{display:block;}
		.interior .box .img p{font-size: 1.3rem;right:20px;bottom:20px;}
		.interior .b2 .big{width:100%;}
		.interior .b2 .img ~ .img{margin-top:20px;}
		.interior .b3 .img{width:calc(50% - 10px);}
		.interior .sub_tit{margin-top:0 !important;margin-left:0 !important;margin-right:0 !important;margin-bottom:30px;}
		.interior .sub_tit._p{display:none;}
		.interior .sub_tit._m{display:block !important;}
		.interior .sub_tit.t_r{align-items:flex-start;}
		.interior .sub_tit .st{display:flex;gap: 0 1rem;}
		.interior .sub_tit p{font-size: 3.8rem;}
		.interior .reverse .box{display:flex;flex-direction: column-reverse;}
		.interior .reverse .sub_tit{margin-top:0 !important;}
	}
	@media all and (max-width: 600px) {
		.interior .area ~.area{margin-top:50px;}
		.interior .box{gap: 0 10px;}
		.interior .box ~ .box{margin-top:10px;}
		.interior .b2 .img ~ .img{margin-top:10px;}
		.interior .b3 .img{width:calc(50% - 5px);}
		.interior .top{padding: 40px 30px 100px;margin-bottom:70px;}
		.interior .top dl dt{margin-bottom:20px;}
		.interior .top dl dd p{font-size: 3.2rem;}
		.interior .top .icon1{top:175px;width:55%;}
		.interior .box .img p{font-size:1.1rem;}
		.interior .sub_tit,
		.interior .sub_tit.st2{margin-bottom:20px;}
		.interior .sub_tit .st{gap: 0 0.6rem;padding-left: 15px;}
		.interior .sub_tit .st::before{top: 6px;width: 6px;height: 6px;}
		.interior .sub_tit p{font-size: 2.5rem;}
	}

.type_box ul li{display:none;}
.type_box ul li.on{display:block;}

.vr_box{position:relative;padding-bottom:100dvh;margin-top:25px;}
.vr_box iframe{position:absolute;left:0;top:0;width:100%;height:100%;}
.vr_box button{position:absolute;right:0;bottom:0;border:none;background:none;}
@media all and (max-width: 1024px) {
	.vr_box button{width:50px;}
}

.system{padding:0 60px;}
.system img{display:block;}
.system .st{display:flex;flex-wrap:wrap;gap: 20px;}
.system .st li{border-radius:10px;overflow:hidden;position:relative;min-height:550px;opacity:0;transform:translate(0,20%);transition:0.8s;}
.system .st .n1{transition-delay:1.2s;}
.system .st .n4,
.system .st .n5{transition-delay:0.4s;}
.system .st .n3,
.system .st .n7{transition-delay:0.2s;}
.system .st .top_area{background-color:#574b48;width:100%;}
.system .st .top_area .tit{padding: 50px 40px;display:flex;overflow:hidden;color:#e3dad1;font-size:4.38rem;font-family:'Cinzel';position:relative;}
.system .st .top_area .tit::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:rgba(255,255,255,0.1);transform:scaleX(0);transform-origin: 0 0;transition:1s;transition-delay:0.3s;}
.system .st .top_area .tit span{opacity:0;transform:translate(30%,0);transition:0.8s;transition-delay:0.3s;}
.system .st .top_area .txt{padding: 60px 40px 95px;}
.system .st .top_area .txt .t1{color:rgba(255,255,255,0.1);font-size:1.88rem;font-weight:600;overflow:hidden;}
.system .st .top_area .txt .t1 span{display:block;transform:translate(0,100%);transition:0.6s;transition-delay:0.6s;}
.system .st .top_area .txt .t2{color:#fff;font-size:2.81rem;font-weight:600;line-height:1.2em;letter-spacing:-0.05em;margin-top:15px;}
.system .st .top_area .txt .t2 p{overflow:hidden;}
.system .st .top_area .txt .t2 span{display:block;transform:translate(0,100%);transition:0.6s;transition-delay:0.7s;}
.system .st .top_area .txt .t3{color:#fff;font-size:1.56rem;letter-spacing:-0.05em;margin-top:15px;overflow:hidden;}
.system .st .top_area .txt .t3 span{display:block;transform:translate(0,100%);transition:0.6s;transition-delay:0.8s;}
.system .st .top_area .txt .t4{color:#fff;font-size:1.19rem;letter-spacing:-0.05em;line-height:1.58em;margin-top:50px;}
.system .st .top_area .txt .t4 p{overflow:hidden;}
.system .st .top_area .txt .t4 span{display:block;transform:translate(0,100%);transition:0.6s;transition-delay:0.9s;}
.system .st .top_area .img{position:absolute;right:5%;bottom:30px;width:34.75rem;}
.system .st .top_area .img span{display:block;}
.system .st .top_area .img .i1{opacity:0;transform:translate(0,20%);transition:0.8s;transition-delay:1.3s;}
.system .st .top_area .img .i2{position:absolute;left:0;top:0;width:100%;opacity:0;transform:scale(0.7);transition:0.8s;transition-delay:1.6s;}
.system .st .box{width:calc(33.33% - 13.33px);border:1px solid #afacaa;display: flex;flex-direction: column;}
.system .st .od{order:1;}
.system .st .box .t{padding: 45px 40px 50px;position:relative;}
.system .st .b1 .t{color:#fff;}
.system .st .b2 .t{color:#fff;}
.system .st .b3 .t{color:#3e3937;}
.system .st .b4 .t{color:#fff;}
.system .st .box .t::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;transform:scaleY(0);transform-origin: 0 0;transition:0.8s;}
.system .st .b1 .t::before{background-color:#797371;}
.system .st .b2 .t::before{background-color:#9c8c84;}
.system .st .b3 .t::before{background-color:#f5f0e9;}
.system .st .b4 .t::before{background-color:#b09c80;}
.system .st .n1 .t::before{transition-delay:1.2s;}
.system .st .n4 .t::before,
.system .st .n5 .t::before{transition-delay:0.4s;}
.system .st .n3 .t::before,
.system .st .n7 .t::before{transition-delay:0.2s;}
.system .st .box .t .txt{display:flex;align-items:flex-end;justify-content:space-between;}
.system .st .box .t .txt dl dt{font-size:1.25rem;letter-spacing:-0.05em;opacity:0;transform:translate(30%,0);transition:0.6s;transition-delay:0.6s;}
.system .st .n1 .t .txt dl dt{transition-delay:1.4s;}
.system .st .box .t .txt dl dd{font-size:1.63rem;font-weight:600;margin-top:15px;opacity:0;transform:translate(30%,0);transition:0.6s;transition-delay:0.8s;}
.system .st .n1 .t .txt dl dd{transition-delay:1.6s;}
.system .st .box .t .txt i{opacity:0;transform:translate(-80%,0);transition:0.6s;transition-delay:1.1s;}
.system .st .n1 .t .txt i{transition-delay:1.9s;}
.system .st .box .b{flex-grow:1;padding: 45px 40px 35px;}
.system .st .box .b .area{height:100%;position:relative;}
.system .st .box .b dl dt{overflow:hidden;color:#7a6e66;font-size:1.88rem;font-weight:300;letter-spacing:-0.05em;line-height:1.33em;}
.system .st .box .b dl dt p{overflow:hidden;}
.system .st .box .b dl dt p span{display:block;transform:translate(0,100%);transition:0.8s;transition-delay:1s;}
.system .st .n1 .b dl dt p span{transition-delay:1.8s;}
.system .st .box .b dl dd{color:#7a6e66;font-size:1.06rem;line-height:1.65em;margin-top:15px;letter-spacing:-0.05em;}
.system .st .box .b dl dd p{overflow:hidden;}
.system .st .box .b dl dd p span{display:block;transform:translate(0,100%);transition:0.8s;transition-delay:1.2s;}
.system .st .n1 .b dl dd p span{transition-delay:2s;}
.system .st .box .b .img{position:absolute;right:0;bottom:0;opacity:0;transform:translate(-30%,0);transition:0.8s;transition-delay:1.5s;}

.system .st li.active,
.system .st .top_area.active .tit::before,
.system .st .top_area.active .tit span,
.system .st .top_area.active .txt .t1 span,
.system .st .top_area.active .txt .t2 span,
.system .st .top_area.active .txt .t3 span,
.system .st .top_area.active .txt .t4 span,
.system .st .top_area.active .img span,
.system .st .box.active .t .txt dl dt,
.system .st .box.active .t .txt dl dd,
.system .st .box.active .t .txt i,
.system .st .box.active .t::before,
.system .st .box.active .b dl dt p span,
.system .st .box.active .b dl dd p span,
.system .st .box.active .b .img{opacity:1;transform:none;}

@media all and (max-width: 1300px) {
	.system .st li{min-height: 370px;}
	.system .st .top_area .tit{padding: 30px;font-size: 4rem;}
	.system .st .top_area .txt{padding: 30px 30px 60px;}
	.system .st .top_area .txt .t1{font-size: 1.6rem;}
	.system .st .top_area .txt .t2{font-size: 2.5rem;margin-top: 10px;}
	.system .st .top_area .txt .t3{font-size: 1.3rem;margin-top: 10px;}
	.system .st .top_area .txt .t4{font-size: 1rem;margin-top: 35px;}
	.system .st .top_area .img{width: 23rem;bottom: 30px;right:50px;}
	.system .st .box .t{padding: 30px;}
	.system .st .box .t .txt dl dt{font-size: 1.1rem;}
	.system .st .box .t .txt dl dd{font-size: 1.45rem;margin-top: 10px;}
	.system .st .box .t .txt i{width: 40px;}
	.system .st .box .b{padding: 30px;}
	.system .st .box .b dl dt{font-size:1.6rem;}
	.system .st .box .b dl dd{font-size: 0.9rem;}
	.system .st .box .b .img{width: 160px;}
}
@media all and (max-width: 1064px) {
	.system .st{display:block;}
	.system .st li{min-height: auto;transition-delay:0s !important;}
	.system .st li ~ li{margin-top:20px;}
	.system .st .top_area,
	.system .st .box{width:100%;}

	.system .st .box .t::before{transition-delay:0s !important;}
	.system .st .box .t .txt dl dt{transition-delay:0.4s !important;}
	.system .st .n1 .t .txt dl dd{transition-delay:0.6s !important;}
	.system .st .n1 .t .txt i{transition-delay:0.8s !important;}
	.system .st .n1 .b dl dt p span{transition-delay:1s !important;}
	.system .st .n1 .b dl dd p span{transition-delay:1.2s !important;}
}
@media all and (max-width: 768px) {
	.system{padding: 0;}
	.system .st .top_area .img{position:relative;bottom:30px;right:30px;width:60%;margin: 0 0 0 auto;}
	.system .st .top_area .tit{padding: 30px 20px;font-size: 3.5rem;}
	.system .st .top_area .txt{padding: 20px 20px 30px;}
	.system .st .top_area .txt .t1{font-size:1.4rem;}
	.system .st .top_area .txt .t2{font-size:2.3rem;}
	.system .st .top_area .txt .t3{font-size:1.2rem;}
	.system .st .top_area .txt .t4{margin-top:25px;}
	.system .st .top_area .img{width: 70%;bottom: 20px;right:20px;}
	.system .st .box .t{padding: 30px 20px;}
	.system .st .box .b{padding: 20px;}
	.system .st .box .b .img{position:static;margin: 20px 0 0 auto;width:55%;}
}