body { background:#f2f0ee; }

.graywrap { position:relative; width:100%; padding-top:194px; background:#f2f0ee; overflow:hidden; }
.sub_title { width:100%; font-family: 'MaruBuriSemiBold'; font-size:25px; color:#514b46; text-align:center; letter-spacing:1px; }
.whitetxt { color:#ffffff !important; }


#header { background:#ffffff; transition:all 0.3s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
#header #gnb li.dt1 a.dt1a { color:#433e3a; transition:all 0.3s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
#header .allmenu2 a span:nth-child(1) { background:#433e3a; transition:all 0.3s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
#header .allmenu2 a span:nth-child(2) { background:#433e3a; transition:all 0.3s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
#header .allmenu2 a span:nth-child(3) { background:#433e3a; transition:all 0.3s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
#header .allmenu3 a span:nth-child(1) { background:#433e3a; transition:all 0.3s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
#header .allmenu3 a span:nth-child(2) { background:#433e3a; transition:all 0.3s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
#header .allmenu3 a span:nth-child(3) { background:#433e3a; transition:all 0.3s cubic-bezier(0.25, 1, 0.5, 1) 0s; }



#sub0101 { position:relative; width:100%; height:100vh; background:#000000; overflow:hidden; }
#sub0101 .bg { 
	position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:120%; height:120%; 
	background:url(/page_KR0/01_sub/images/0101.jpg)no-repeat 50% 50%; background-size:cover; transition:all 1.0s cubic-bezier(0.25, 1, 0.5, 1) 0.5s;
}
#sub0101.active .bg { width:100%; height:100%; transition:all 5s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
#sub0101 video { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; object-fit: cover; transform: translate(-50%, -50%); }
#sub0101 .maintxt { position:absolute; top:48%; left:50%; transform:translate(-50%,-50%); text-align:center; width:90%; }
#sub0101 .maintxt li.t1 { position:relative; width:25px; height:204px; margin:0 auto; overflow:hidden; writing-mode: vertical-lr; }
#sub0101 .maintxt li.t1 div { position:absolute; top:0px; left:-27px; width:25px; font-family: 'MaruBuriSemiBold'; font-size:25px; letter-spacing:4px; color:#ffffff; text-align:right; transition:all 2.4s cubic-bezier(0.16, 1, 0.3, 1) 0.2s; }
#sub0101 .maintxt li.t2 { position:relative; width:100%; font-family: 'MaruBuriSemiBold'; font-size:20px; color:#ffffff; letter-spacing:1px; opacity:0; filter: blur(4px); transform:translateY(90px); transition:all 2.4s cubic-bezier(0.16, 1, 0.3, 1) 0.2s; }
#sub0101 .maintxt li.t3 { position:relative; width:100%; margin-top:26px; font-family: 'MaruBuriSemiBold'; font-size:25px; color:#ffffff; opacity:0; filter: blur(4px); transform:translateY(90px); transition:all 2.4s cubic-bezier(0.16, 1, 0.3, 1) 0.2s; }

#sub0101 .maintxt2 { 
	position:absolute; top:80%; left:50%; transform:translate(-50%,-50%); text-align:center; width:90%; 
	font-family: 'MaruBuriSemiBold'; font-size:20px; color:#d4d4d4; line-height:160%;
	opacity:0; filter: blur(4px); transition:all 2.4s cubic-bezier(0.16, 1, 0.3, 1) 0.2s;
}

#sub0101.active .maintxt li.t1 div:nth-child(1) { left:0px; transition:all 2.0s cubic-bezier(0.16, 1, 0.3, 1) 0.5s; }
#sub0101.active .maintxt li.t2 { opacity:1; filter: blur(0px); transform:translateY(0px); transition:all 2.6s cubic-bezier(0.16, 1, 0.3, 1) 0.9s; }
#sub0101.active .maintxt li.t3 { opacity:1; filter: blur(0px); transform:translateY(0px); transition:all 2.6s cubic-bezier(0.16, 1, 0.3, 1) 1.4s; }
#sub0101.active .maintxt2 { opacity:1; filter: blur(0px); top:88%; transition:all 2.6s cubic-bezier(0.16, 1, 0.3, 1) 2.0s; }



.sub0101_01 { position:relative; width:100%; padding-bottom:150px; background:#261e1c url(/page_KR0/01_sub/images/0101bg1.jpg)no-repeat 20% bottom; overflow:hidden; }
.sub0101_01 .subtxt { width:100%; padding-top:166px; text-align:center; transform:translateY(90px); opacity:0; filter: blur(4px); transition:all 2.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; }
.sub0101_01 .subtxt li.t1 { font-size:18px; font-weight:500; color:#807b7a; line-height:150%; }
.sub0101_01 .subtxt li.t2 { margin-top:24px; font-family: 'MaruBuriSemiBold'; font-size:21px; color:#ffffff; line-height:160%; }

.sub0101_01 .subtxt.active { transform:translateY(0px); opacity:1; filter: blur(0px); transition:all 2.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; }


.sub0101_01 .imgtxt { position:relative; width:100%; max-width:946px; margin:0 auto; margin-top:76px; background:url(/page_KR0/01_sub/images/0101img1bg.jpg)no-repeat 100% 50%; }
.sub0101_01 .imgtxt .imgs { position:relative; width:100%; max-width:576px; margin:0 auto; transform:translateY(90px); opacity:0; filter: blur(4px); transition:all 2.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; }
.sub0101_01 .imgtxt .txt { position:relative; width:100%; max-width:576px; margin:0 auto; }
.sub0101_01 .imgtxt .txt li.t1 { 
position:absolute; top:0px; right:0px; width:98px; height:292px; padding-top:144px; padding-left:30px; box-sizing:border-box; 
border-left:1px solid rgba(255,255,255,10%); font-family: 'MaruBuriSemiBold'; font-size:18px; color:#766d6b; line-height:160%;
transform:translateX(90px); opacity:0; filter: blur(4px); transition:all 2.6s cubic-bezier(0.16, 1, 0.3, 1) 0s;
}
.sub0101_01 .imgtxt .txt li.t2 { width:100%; padding-top:142px; font-size:18px; font-weight:500; color:#807b7a; line-height:160%; transform:translateX(-90px); opacity:0; filter: blur(4px); transition:all 2.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; }
.sub0101_01 .imgtxt .txt2 { position:absolute; top:560px; left:50%; transform:translateX(-50%);  width:938px; opacity:0; filter: blur(4px); transition:all 2.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; }

.sub0101_01 .imgtxt.active .imgs { transform:translateY(0px); opacity:1; filter: blur(0px); transition:all 2.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; }
.sub0101_01 .imgtxt.active .txt li.t1 { transform:translateX(0px); opacity:1; filter: blur(0px); transition:all 2.6s cubic-bezier(0.16, 1, 0.3, 1) 1.3s; }
.sub0101_01 .imgtxt.active .txt li.t2 { transform:translateX(0px); opacity:1; filter: blur(0px); transition:all 2.6s cubic-bezier(0.16, 1, 0.3, 1) 1.3s; }
.sub0101_01 .imgtxt.active .txt2 { top:660px; opacity:1; filter: blur(0px); transition:all 2.6s cubic-bezier(0.16, 1, 0.3, 1) 0.6s; }






.sub0101_02 { display:flex;  position:relative; width:100%; padding-top:214px; padding-bottom:50px; background:#f2ede9; overflow:hidden; }
.sub0101_02 .imgs { position:relative; width:45%; height:876px; margin-top:120px; background:url(/page_KR0/01_sub/images/0101img2.jpg)no-repeat 50% 50%; background-size:cover; transform:translateX(-100px); opacity:0; filter: blur(4px); transition:all 2.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; }
.sub0101_02 .txt { position:relative; width:42%; margin-left:6%; padding-top:292px; padding-left:138px; box-sizing:border-box; }
.sub0101_02 .txt h2 { position:absolute; top:0px; left:0px; height:276px; border-left:1px solid #d5cdc7; padding-left:37px; transform:translateY(90px); opacity:0; filter: blur(4px); transition:all 2.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; }
.sub0101_02 .txt ul { position:relative; width:100%; }
.sub0101_02 .txt ul li.t1 { font-family: 'MaruBuriSemiBold'; font-size:22px; color:#584f47; line-height:160%; transform:translateX(90px); opacity:0; filter: blur(4px); transition:all 2.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; }
.sub0101_02 .txt ul li.t2 { margin-top:24px; font-family: 'MaruBuri'; font-size:18px; color:#35241d; line-height:160%; transform:translateX(90px); opacity:0; filter: blur(4px); transition:all 2.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; }
.sub0101_02 .txt ul li.t3 { position:absolute; right:0px; top:-80px; width:1px; height:277px; background:#d5cdc7; }

.sub0101_02 .imgs.active { transform:translateX(0px); opacity:1; filter: blur(0px); transition:all 2.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; }
.sub0101_02 .txt.active h2 { transform:translateY(0px); opacity:1; filter: blur(0px); transition:all 2.6s cubic-bezier(0.16, 1, 0.3, 1) 0.5s; }
.sub0101_02 .txt.active .t1 { transform:translateX(0px); opacity:1; filter: blur(0px); transition:all 2.6s cubic-bezier(0.16, 1, 0.3, 1) 1.0s; }
.sub0101_02 .txt.active .t2 { transform:translateX(0px); opacity:1; filter: blur(0px); transition:all 2.6s cubic-bezier(0.16, 1, 0.3, 1) 1.0s; }


.sub0101_03 { position:relative; width:100%; height:877px; background:#f2ede9; overflow:hidden; }
.sub0101_03 .imgs { position:absolute; top:0px; right:0px; width:757px; height:877px; background:url(/page_KR0/01_sub/images/0101img3.jpg)no-repeat 50% 50%; background-size:cover; transform:translateX(90px); opacity:0; filter: blur(4px); transition:all 2.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; }
.sub0101_03 .txt { position:absolute; top:100px; right:968px; width:491px; height:503px; transform:translateY(90px); opacity:0; filter: blur(4px); transition:all 2.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; }
.sub0101_03 .txt .t1 { position:absolute; top:236px; right:42px; }
.sub0101_03 .txt .t2 { position:absolute; top:370px; right:124px; text-align:right; font-family: 'MaruBuri'; font-size:18px; color:#35241d; line-height:160%; }
.sub0101_03 .txt li.bg1 { position:absolute; left:0px; top:0px; width:1px; height:277px; background:#d5cdc7; }
.sub0101_03 .txt li.bg2 { position:absolute; right:0px; top:221px; width:1px; height:277px; background:#d5cdc7; }

.sub0101_03 .imgs.active { transform:translateX(0px); opacity:1; filter: blur(0px); transition:all 2.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; }
.sub0101_03 .txt.active { transform:translateY(0px); opacity:1; filter: blur(0px); transition:all 2.6s cubic-bezier(0.16, 1, 0.3, 1) 0.5s; }


.sub0101_04 { position:relative; width:100%; padding-top:40px; background:#f2ede9; overflow:hidden; }
.sub0101_04 div { 
	width:88%; padding-bottom:40px; border-bottom:1px solid #d5cdc7; margin:0 auto; font-family: 'MaruBuri'; font-size:18px; color:#35241d; line-height:160%; 
	transform:translateY(90px); opacity:0; filter: blur(4px); transition:all 2.6s cubic-bezier(0.16, 1, 0.3, 1) 0s;
}

.sub0101_04.active div { transform:translateY(0px); opacity:1; filter: blur(0px); transition:all 2.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; }


.sub0101_05 { position:relative; width:100%; padding-top:84px; padding-bottom:140px; background:#f2ede9; overflow:hidden; }
.sub0101_05 .box01 { width:88%; margin:0 auto; overflow:hidden; display:flex; flex-wrap:wrap; justify-content: space-between; }
.sub0101_05 .box01 .con01 { position:relative; width:32.33%; height:549px; background:url(/page_KR0/01_sub/images/0101img4_1.jpg)no-repeat 50% 50%; background-size:cover; transform:translateX(-90px); opacity:0; filter: blur(4px); transition:all 2.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; }
.sub0101_05 .box01 .con02 { position:relative; width:32.33%; height:549px; transform:translateY(90px); opacity:0; filter: blur(4px); transition:all 2.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; }
.sub0101_05 .box01 .con02 div { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:279px; height:270px; border-left:1px solid #d5cdc7; border-right:1px solid #d5cdc7; }
.sub0101_05 .box01 .con02 div img { display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }
.sub0101_05 .box01 .con03 { position:relative; width:32.33%; height:549px; background:url(/page_KR0/01_sub/images/0101img4_2.jpg)no-repeat 50% 50%; background-size:cover; transform:translateX(90px); opacity:0; filter: blur(4px); transition:all 2.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; }

.sub0101_05 .box01.active .con01 { transform:translateX(0px); opacity:1; filter: blur(0px); transition:all 2.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; }
.sub0101_05 .box01.active .con02 { transform:translateY(0px); opacity:1; filter: blur(0px); transition:all 2.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; }
.sub0101_05 .box01.active .con03 { transform:translateX(0px); opacity:1; filter: blur(0px); transition:all 2.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; }

.sub0101_05 .box02 { width:88%; padding:132px 0 40px 0; margin:0 auto; font-family: 'MaruBuri'; font-size:18px; color:#35241d; line-height:160%; transform:translateY(90px); opacity:0; filter: blur(4px); transition:all 2.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; }
.sub0101_05 .box02.active { transform:translateY(0px); opacity:1; filter: blur(0px); transition:all 2.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; }



.sub0101_05 .box03 { width:88%; margin:0 auto; overflow:hidden; display:flex; flex-wrap:wrap; justify-content: space-between; }
.sub0101_05 .box03 .con01 { position:relative; width:32.33%; height:549px; background:url(/page_KR0/01_sub/images/0101img4_3.jpg)no-repeat 50% 50%; background-size:cover; transform:translateX(-90px); opacity:0; filter: blur(4px); transition:all 2.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; }
.sub0101_05 .box03 .con02 { position:relative; width:32.33%; height:549px; background:url(/page_KR0/01_sub/images/0101img4_4.jpg)no-repeat 50% 50%; background-size:cover; transform:translateY(90px); opacity:0; filter: blur(4px); transition:all 2.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; }
.sub0101_05 .box03 .con03 { position:relative; width:32.33%; height:549px; background:url(/page_KR0/01_sub/images/0101img4_5.jpg)no-repeat 50% 50%; background-size:cover; transform:translateX(90px); opacity:0; filter: blur(4px); transition:all 2.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; }

.sub0101_05 .box03.active .con01 { transform:translateX(0px); opacity:1; filter: blur(0px); transition:all 2.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; }
.sub0101_05 .box03.active .con02 { transform:translateY(0px); opacity:1; filter: blur(0px); transition:all 2.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; }
.sub0101_05 .box03.active .con03 { transform:translateX(0px); opacity:1; filter: blur(0px); transition:all 2.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; }


.sub0101_05 .txtcenter { 
position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); writing-mode: vertical-lr; 
font-family: 'MaruBuriSemiBold'; font-size:25px; letter-spacing:2px; color:#f2ede9;
}



.sub0102_01 { display:flex; justify-content: space-between; position:relative; width:100%; max-width:1264px; margin:0 auto; padding-top:80px; padding-bottom:140px; overflow:hidden; }
.sub0102_01 .submap { width:46%; }
.sub0102_01 .submapview { width:100%; height:380px; }
.sub0102_01 .submapview iframe { width:100%; height:100%; }
.sub0102_01 .submapview .cont { display:none; }

.sub0102_01 .maptxt2 { position:relative; width:100%; height:47px; display:flex; }
.sub0102_01 .maptxt2 li { width:33.3333%; }
.sub0102_01 .maptxt2 li a { display:block; width:100%; height:47px; font-size:13px; font-weight:500; color:#423d2f; background:#ffffff; line-height:47px; text-align:center; box-sizing:border-box; }
.sub0102_01 .maptxt2 li a img { display:inline-block; vertical-align:middle; padding-right:8px; }
.sub0102_01 .maptxt2 li:nth-child(1) a { border-right:1px solid #f9f7f7; background:#ffffff; }
.sub0102_01 .maptxt2 li:nth-child(2) a { border-right:1px solid #f9f7f7; background:#ffffff; }
.sub0102_01 .maptxt2 li:nth-child(3) a { background:#ffffff; }

.sub0102_01 .txt { position:relative; width:46%; }
.sub0102_01 .txt .txt1 { display:flex; position:relative; width:100%; padding:30px 0; border-top:1px solid #ded7d1; border-bottom:1px solid #ded7d1; }
.sub0102_01 .txt .txt1 li.title { width:112px; font-size:18px; font-weight:600; color:#2b2220; }
.sub0102_01 .txt .txt1 li.con div.c1 { font-size:18px; font-weight:400; color:#2b2220; }
.sub0102_01 .txt .txt1 li.con div.c1 button { 
	display:inline-block; vertical-align:middle; margin-left:6px; width:47px; height:21px; border:0px; cursor:pointer; 
	font-size:13px; font-weight:400px; background:#433e3a; border-radius:4px; color:#ffffff;
}
.sub0102_01 .txt .txt1 li.con div.c2 { margin-top:20px; font-size:18px; font-weight:400; color:#2b2220; }
.sub0102_01 .txt .txt1 li.con div.c2 a { 
	display:inline-block; vertical-align:middle; margin-left:6px; width:18px; height:18px; line-height:16px; cursor:pointer; 
	font-size:16px; font-weight:400px; background:#433e3a; color:#ffffff; border-radius:100%; text-align:center;
}

.sub0102_01 .txt .txt2 { display:flex; position:relative; width:100%; padding:30px 0; }
.sub0102_01 .txt .txt2 li.title { width:112px; height:26px; line-height:26px; font-size:18px; font-weight:600; color:#2b2220; }
.sub0102_01 .txt .txt2 li.con { height:26px; line-height:26px; padding-left:36px; box-sizing:border-box; background:url(/page_KR0/01_sub/images/subphone.png)no-repeat 0 50%;}
.sub0102_01 .txt .txt2 li.con a { font-family: 'Montserrat'; font-size:25px; font-weight:600; color:#271e1e; letter-spacing:1px;  }

.sub0102_01 .txt .txt3 { display:flex; position:relative; width:100%; padding-bottom:30px; }
.sub0102_01 .txt .txt3 li.title { width:112px; font-size:18px; font-weight:600; color:#2b2220; }
.sub0102_01 .txt .txt3 li.contxt { width:80%; }
.sub0102_01 .txt .txt3 ul.con { width:100%; margin-bottom:5px; display:flex; }
.sub0102_01 .txt .txt3 ul.con li.t1 { width:121px; font-size:18px; font-weight:400; color:#2b2220; }
.sub0102_01 .txt .txt3 ul.con li.t2 { width:80%; margin-bottom:10px; font-family: 'Montserrat'; font-size:18px; font-weight:600; color:#171111; display:flex; }
.sub0102_01 .txt .txt3 ul.con li.t2 span.txt11 { display:block; width:24px; }
.sub0102_01 .txt .txt3 ul.con li.t2 span.txt22 { display:block; width:58px; text-align:right; }
.sub0102_01 .txt .txt3 ul.con li.t2 span.txt33 { display:block; width:22px; text-align:center; }
.sub0102_01 .txt .txt3 ul.con li.t2 span.txt44 { display:block; width:35px; }
.sub0102_01 .txt .txt3 ul.con li.t2 span.txt55 { display:block; width:40px; text-align:right; margin-right:6px; }
.sub0102_01 .txt .txt3 ul.con li.t2 span.txt66 { display:block; font-family: 'Pretendard'; font-size:14px; }

.sub0102_01 .txt .txt4 { display:flex; position:relative; width:100%; padding:30px 0 66px 0; border-top:1px solid #ded7d1; border-bottom:1px solid #ded7d1; }
.sub0102_01 .txt .txt4 li.title { width:112px; font-size:18px; font-weight:600; color:#2b2220; }
.sub0102_01 .txt .txt4 li.con { font-size:18px; font-weight:400; color:#2b2220; }






.subvisual { position:relative; width:100%; height:100vh; background:#000000; overflow:hidden; }
.subvisual .bg { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:120%; height:120%; transition:all 5s cubic-bezier(0.25, 1, 0.5, 1) 0.5s; }
.subvisual.sub02 .bg { background:url('/page_KR0/02_sub/images/0201.jpg')no-repeat 50% 50%; background-size:cover; }
.subvisual.sub03 .bg { background:url('/page_KR0/03_sub/images/03.jpg')no-repeat 50% 50%; background-size:cover; }
.subvisual.sub04 .bg { background:url('/page_KR0/04_sub/images/04.jpg')no-repeat 50% 50%; background-size:cover; }
.subvisual.sub05 .bg { background:url('/page_KR0/05_sub/images/05.jpg')no-repeat 50% 50%; background-size:cover; }
.subvisual.sub06 .bg { background:url('/page_KR0/06_sub/images/06.jpg')no-repeat 50% 50%; background-size:cover; }
.subvisual.sub07 .bg { background:url('/page_KR0/07_sub/images/07.jpg')no-repeat 50% 50%; background-size:cover; }

.subvisual.active .bg { width:100%; height:100%; transition:all 5s cubic-bezier(0.25, 1, 0.5, 1) 0s; }



.subvisual .maintxt { position:absolute; top:48%; left:50%; transform:translate(-50%,-50%); text-align:center; width:90%; }
.subvisual .maintxt li.t1 { position:relative; width:25px; height:204px; margin:0 auto; overflow:hidden; writing-mode: vertical-lr; }
.subvisual .maintxt li.t1 div { position:absolute; top:0px; left:-27px; width:25px; font-family: 'MaruBuriSemiBold'; font-size:25px; letter-spacing:4px; color:#ffffff; text-align:right; transition:all 2.4s cubic-bezier(0.16, 1, 0.3, 1) 0.2s; }
.subvisual .maintxt li.t2 { position:relative; width:100%; font-family: 'MaruBuriSemiBold'; font-size:20px; color:#ffffff; letter-spacing:1px; opacity:0; filter: blur(4px); transform:translateY(90px); transition:all 2.4s cubic-bezier(0.16, 1, 0.3, 1) 0.2s; }
.subvisual .maintxt li.t3 { 
position:relative; width:100%; margin-top:26px; font-family: 'MaruBuriSemiBold'; font-size:25px; color:#ffffff; line-height:140%;
opacity:0; filter: blur(4px); transform:translateY(90px); transition:all 2.4s cubic-bezier(0.16, 1, 0.3, 1) 0.2s; 
}

.subvisual .maintxt2 { 
	position:absolute; top:80%; left:50%; transform:translate(-50%,-50%); text-align:center; width:700px; 
	opacity:0; filter: blur(4px); transition:all 2.4s cubic-bezier(0.16, 1, 0.3, 1) 0.2s;
}

.subvisual.active .maintxt li.t1 div:nth-child(1) { left:0px; transition:all 2.0s cubic-bezier(0.16, 1, 0.3, 1) 0.5s; }
.subvisual.active .maintxt li.t2 { opacity:1; filter: blur(0px); transform:translateY(0px); transition:all 2.6s cubic-bezier(0.16, 1, 0.3, 1) 0.9s; }
.subvisual.active .maintxt li.t3 { opacity:1; filter: blur(0px); transform:translateY(0px); transition:all 2.6s cubic-bezier(0.16, 1, 0.3, 1) 1.4s; }
.subvisual.active .maintxt2 { opacity:1; filter: blur(0px); top:88%; transition:all 2.6s cubic-bezier(0.16, 1, 0.3, 1) 2.0s; }

.subvisual .maintxt3 { position:absolute; top:48%; left:50%; transform:translate(-50%,-50%); text-align:center; width:90%; }
.subvisual .maintxt3 li.t1 { position:relative; font-family: 'MaruBuriSemiBold'; font-size:35px; letter-spacing:1px; color:#ffffff; opacity:0; filter: blur(4px); transform:translateY(90px); transition:all 2.4s cubic-bezier(0.16, 1, 0.3, 1) 0.2s; }
.subvisual .maintxt3 li.line { position:relative; width:1px; height:122px; margin:0 auto; margin-top:26px; }
.subvisual .maintxt3 li.line span { display:block; position:absolute; top:0; left:0px; width:1px; height:0px; background:#ffffff; }
.subvisual .maintxt3 li.t2 { position:relative; margin-top:30px; font-family: 'MaruBuriSemiBold'; font-size:26px; color:#dddddd; opacity:0; filter: blur(4px); transform:translateY(90px); transition:all 2.4s cubic-bezier(0.16, 1, 0.3, 1) 0.2s; }
.subvisual .maintxt3 li.t3 { position:relative; margin-top:20px; font-family: 'MaruBuri'; font-size:20px; color:#dbdbdb; line-height:140%; opacity:0; filter: blur(4px); transform:translateY(90px); transition:all 2.4s cubic-bezier(0.16, 1, 0.3, 1) 0.2s; }


.subvisual.active .maintxt3 li.t1 { opacity:1; filter: blur(0px); transform:translateY(0px); transition:all 2.4s cubic-bezier(0.16, 1, 0.3, 1) 0.3s; }
.subvisual.active .maintxt3 li.line span { height:122px; transition:all 1.4s cubic-bezier(0.16, 1, 0.3, 1) 0.9s; }
.subvisual.active .maintxt3 li.t2 { opacity:1; filter: blur(0px); transform:translateY(0px); transition:all 2.4s cubic-bezier(0.16, 1, 0.3, 1) 1.4s; }
.subvisual.active .maintxt3 li.t3 { opacity:1; filter: blur(0px); transform:translateY(0px); transition:all 2.4s cubic-bezier(0.16, 1, 0.3, 1) 1.4s; }




.sub02_01 { position:relative; width:100%; height:100vh; background:#000000; background-size:cover; overflow:hidden; }
.sub02_01 .bg { 
	position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:120%; height:120%; 
	background:url(/page_KR0/02_sub/images/02_01.jpg)no-repeat 50% 50%; background-size:cover; transition:all 5s cubic-bezier(0.25, 1, 0.5, 1) 0.5s;
}
.sub02_01 .bg.bg2 { background:url(/page_KR0/03_sub/images/03_01.jpg)no-repeat 50% 50%; background-size:cover; }
.sub02_01 .bg.bg3 { background:url(/page_KR0/04_sub/images/04_01.jpg)no-repeat 50% 50%; background-size:cover; }
.sub02_01 .bg.bg4 { background:url(/page_KR0/05_sub/images/05_01.jpg)no-repeat 50% 50%; background-size:cover; }
.sub02_01 .bg.bg5 { background:url(/page_KR0/06_sub/images/06_01.jpg)no-repeat 50% 50%; background-size:cover; }
.sub02_01 .bg.bg6 { background:url(/page_KR0/07_sub/images/07_01.jpg)no-repeat 50% 50%; background-size:cover; }

.sub02_01.active .bg { width:100%; height:100%; transition:all 5s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
.sub02_01 .maintxt { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-align:center; width:100%; z-index:2; }
.sub02_01 .maintxt li.t1 { position:relative; width:34px; height:124px; margin:0 auto; overflow:hidden; writing-mode: vertical-lr; }
.sub02_01 .maintxt li.t1 div { position:absolute; bottom:0px; left:-36px; width:34px; font-family: 'MaruBuriSemiBold'; font-size:34px; letter-spacing:4px; color:#ffffff; text-align:right; }
.sub02_01 .maintxt li.line { position:relative; width:1px; height:122px; margin:0 auto; margin-top:26px; }
.sub02_01 .maintxt li.line span { display:block; position:absolute; top:0; left:0px; width:1px; height:0px; background:#ffffff; }
.sub02_01 .maintxt li.t2 { position:relative; width:34px; height:42px; margin:0 auto; margin-top:26px; overflow:hidden; writing-mode: vertical-lr; }
.sub02_01 .maintxt li.t2 div { position:absolute; top:0px; left:36px; width:34px; height:42px; font-family: 'MaruBuriSemiBold';  letter-spacing:4px;font-size:34px; color:#ffffff; text-align:left; }
.sub02_01 .maintxt li.t3 { 
opacity:0; filter: blur(4px); transform:translateY(90px); 
margin-top:38px; position:relative; width:100%; font-family: 'MaruBuriSemiBold'; font-size:20px; color:#aaaaaa; line-height:160%;
}
.sub02_01 .maintxt li.t3 span { color:#aaaaaa; }

.sub02_01 .maintxt li.t4 div:nth-child(1) { position:absolute; top:0px; left:0px; width:100%; height:34px; }
.sub02_01 .maintxt li.t4 div:nth-child(2) { position:absolute; top:0px; left:0px; width:100%; height:34px; }


.sub02_01.active .maintxt li.t1 div:nth-child(1) { left:0px; transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0.5s; }
.sub02_01.active .maintxt li.line span { height:122px; transition:all 1.4s cubic-bezier(0.16, 1, 0.3, 1) 0.9s; }
.sub02_01.active .maintxt li.t2 div:nth-child(1) { left:0px; transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 1.4s; }
.sub02_01.active .maintxt li.t3 { opacity:1; filter: blur(0px); transform:translateY(0px); transition:all 2.4s cubic-bezier(0.16, 1, 0.3, 1) 1.8s; }
.sub02_01.active .maintxt li.t3 span { color:#ffffff; transition:all 2.4s cubic-bezier(0.16, 1, 0.3, 1) 2.5s; }


.sub07_01 { position:relative; width:100%; height:100vh; background:#000000; background-size:cover; overflow:hidden; }
.sub07_01 .bg { 
	position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:120%; height:120%; 
	background:url(/page_KR0/07_sub/images/07_01.jpg)no-repeat 50% 50%; background-size:cover; transition:all 5s cubic-bezier(0.25, 1, 0.5, 1) 0.5s;
}
.sub07_01.active .bg { width:100%; height:100%; transition:all 5s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
.sub07_01 .maintxt { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-align:center; width:100%; z-index:2; }
.sub07_01 .maintxt li.t3 { position:relative; width:100%; font-family: 'MaruBuriSemiBold'; font-size:20px; color:#dddddd; line-height:170%; opacity:0; filter: blur(4px); transform:translateY(90px); }
.sub07_01 .maintxt li.t1 { position:relative; width:35px; height:202px; margin:0 auto; margin-top:50px; overflow:hidden; }
.sub07_01 .maintxt li.t1 div { position:absolute; bottom:0px; left:-36px; width:35px; height:202px; }
.sub07_01 .maintxt li.line { position:relative; width:1px; height:122px; margin:0 auto; margin-top:26px; }
.sub07_01 .maintxt li.line span { display:block; position:absolute; top:0; left:0px; width:1px; height:0px; background:#ffffff; }
.sub07_01 .maintxt li.t2 { position:relative; width:100%; margin-top:30px; font-family: 'MaruBuriSemiBold'; font-size:20px; color:#dddddd; line-height:170%; opacity:0; filter: blur(4px); transform:translateY(90px); }

.sub07_01.active .maintxt li.t1 div:nth-child(1) { left:0px; transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 1.0s; }
.sub07_01.active .maintxt li.line span { height:122px; transition:all 1.4s cubic-bezier(0.16, 1, 0.3, 1) 1.4s; }
.sub07_01.active .maintxt li.t2 { opacity:1; filter: blur(0px); transform:translateY(0px); transition:all 2.4s cubic-bezier(0.16, 1, 0.3, 1) 1.8s; }
.sub07_01.active .maintxt li.t3 { opacity:1; filter: blur(0px); transform:translateY(0px); transition:all 2.4s cubic-bezier(0.16, 1, 0.3, 1) 0.5s; }

.sub07_02 { position:relative; width:100%; padding:240px 0; background:url(/page_KR0/07_sub/images/07_02.jpg)no-repeat 50% 50%; background-size:cover; overflow:hidden; }
.sub07_02 h2 { width:100%; text-align:center; font-family: 'MaruBuriBold'; font-size:33px; color:#3f2c22; line-height:100%; }
.sub07_02 .iconwrap { position:relative; width:100%; max-width:1756px; margin:0 auto; margin-top:90px; display:flex; flex-wrap:wrap; }
.sub07_02 .iconwrap .bg { position:absolute; top:156px; left:12.5%; width:75%; height:1px; background:#4c4236; }
.sub07_02 .iconwrap ul { position:relative; width:25%; text-align:center; padding-top:86px; }
.sub07_02 .iconwrap ul li.t1 { font-family: 'MaruBuriSemiBold'; font-size:20px; color:#3f2c22; }
.sub07_02 .iconwrap ul li.t2 { width:9px; height:9px; border-radius:100%; background:#4c4236; margin:0 auto; margin-top:46px; }
.sub07_02 .iconwrap ul li.t3 { margin-top:40px; font-size:17px; color:#3f2c22; font-weight:400; line-height:150%; }

.sub07_02 .iconwrap ul.icon01 { background:url(/page_KR0/07_sub/images/07icon01.png)no-repeat 50% 0; }
.sub07_02 .iconwrap ul.icon02 { background:url(/page_KR0/07_sub/images/07icon02.png)no-repeat 50% 0; }
.sub07_02 .iconwrap ul.icon03 { background:url(/page_KR0/07_sub/images/07icon03.png)no-repeat 50% 0; }
.sub07_02 .iconwrap ul.icon04 { background:url(/page_KR0/07_sub/images/07icon04.png)no-repeat 50% 0; }


.sub07_03 { position:relative; width:100%; padding:140px 0; background:url(/page_KR0/07_sub/images/07_03.jpg)no-repeat 50% 0%; background-size:cover; overflow:hidden; }
.sub07_03 h2 { width:100%; text-align:center; font-family: 'theseasons-reg'; font-size:46px; color:#221c1c; line-height:100%; }
.sub07_03 .box07_03 { position:relative; width:90%; max-width:1340px; margin:0 auto; margin-top:30px; padding:110px 5%; border-radius:12px; background:#f0ede6; }
.sub07_03 .box07_03 .boxcenter { width:100%; max-width:772px; margin:0 auto; display:flex; }
.sub07_03 .box07_03 .boxcenter div { width:15%; }
.sub07_03 .box07_03 .boxcenter ul { width:85%; padding-left:10%; box-sizing:border-box; }
.sub07_03 .box07_03 .boxcenter ul li.t1 { font-family: 'MaruBuriBold'; font-size:18px; color:#594236; line-height:140%; }
.sub07_03 .box07_03 .boxcenter ul li.t2 { margin-top:40px; font-size:18px; font-weight:400; color:#5a5450; line-height:140%; border-left:1px solid #c0beb8; padding-left:18px; box-sizing:border-box; }
.sub07_03 .box07_03 .boxcenter ul li.t3 { 
width:90px; height:30px; line-height:30px; text-align:center; font-size:18px; color:#5a5450; margin-top:30px; font-weight:400;
border-radius:8px; background:#e2dfd8; 
}
.sub07_03 .box07_03 .boxcenter ul li.t4 {  font-size:18px; color:#5a5450; margin-top:20px; font-weight:400; line-height:140%; padding-left:12px; box-sizing:border-box; }




.sub02_02 { position:relative; width:100%; height:100vh; background:#000000; background-size:cover; overflow:hidden; }
.sub02_02 .bg { 
	position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:120%; height:120%; 
	background:url(/page_KR0/02_sub/images/02_02.jpg)no-repeat 50% 50%; background-size:cover; transition:all 5s cubic-bezier(0.25, 1, 0.5, 1) 0.5s;
}
.sub02_02 .bg.bg2 { background:url(/page_KR0/04_sub/images/04_02.jpg)no-repeat 50% 50%; background-size:cover;  }
.sub02_02 .bg.bg3 { background:url(/page_KR0/05_sub/images/05_02.jpg)no-repeat 50% 50%; background-size:cover;  }
.sub02_02 .bg.bg4 { background:url(/page_KR0/06_sub/images/06_02.jpg)no-repeat 50% 50%; background-size:cover;  }
.sub02_02 .bg.bg5 { background:url(/page_KR0/07_sub/images/07_02.jpg)no-repeat 50% 50%; background-size:cover;  }
.sub02_02 video { position: absolute; top: 50%; left: 50%; width: 102%; height: 102%; object-fit: cover; transform: translate(-50%, -50%); }
.sub02_02.active .bg { width:100%; height:100%; transition:all 5s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
.sub02_02 .maintxt { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-align:center; width:100%; z-index:2; }
.sub02_02 .maintxt li.t1 { position:relative; width:34px; height:84px; margin:0 auto; overflow:hidden; writing-mode: vertical-lr; }
.sub02_02 .maintxt li.t1 div { position:absolute; bottom:0px; left:-36px; width:34px; font-family: 'MaruBuriSemiBold'; font-size:34px; letter-spacing:4px; color:#ffffff; text-align:right; }
.sub02_02 .maintxt li.line { position:relative; width:1px; height:122px; margin:0 auto; margin-top:26px; }
.sub02_02 .maintxt li.line span { display:block; position:absolute; top:0; left:0px; width:1px; height:0px; background:#ffffff; }
.sub02_02 .maintxt li.t2 { position:relative; width:34px; height:124px; margin:0 auto; margin-top:26px; overflow:hidden; writing-mode: vertical-lr; }
.sub02_02 .maintxt li.t2 div { position:absolute; top:0px; left:36px; width:34px; height:124px; font-family: 'MaruBuriSemiBold';  letter-spacing:4px;font-size:34px; color:#ffffff; text-align:left; }
.sub02_02 .maintxt li.t3 { 
opacity:0; filter: blur(4px); transform:translateY(90px); 
margin-top:38px; position:relative; width:100%; font-family: 'MaruBuriSemiBold'; font-size:20px; color:#cacaca; line-height:140%;
}
.sub02_02 .maintxt li.t3 span { color:#cacaca; }

.sub02_02 .maintxt li.t4 div:nth-child(1) { position:absolute; top:0px; left:0px; width:100%; height:34px; }
.sub02_02 .maintxt li.t4 div:nth-child(2) { position:absolute; top:0px; left:0px; width:100%; height:34px; }


.sub02_02.active .maintxt li.t1 div:nth-child(1) { left:0px; transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0.5s; }
.sub02_02.active .maintxt li.line span { height:122px; transition:all 1.4s cubic-bezier(0.16, 1, 0.3, 1) 0.9s; }
.sub02_02.active .maintxt li.t2 div:nth-child(1) { left:0px; transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 1.4s; }
.sub02_02.active .maintxt li.t3 { opacity:1; filter: blur(0px); transform:translateY(0px); transition:all 2.4s cubic-bezier(0.16, 1, 0.3, 1) 1.8s; }
.sub02_02.active .maintxt li.t3 span { color:#ffffff; transition:all 2.4s cubic-bezier(0.16, 1, 0.3, 1) 2.5s; }




.sub02_03 { position:relative; width:100%; background:#fbfaf0; background-size:cover; overflow:hidden; }
.sub02_03 .subcenter { display:flex; position:relative; width:92%; margin:0 auto; border-bottom:1px solid #b99e88; padding-left:185px; box-sizing:border-box; }
.sub02_03 .subcenter .lefttxt { position:absolute; top:0px; left:50px; width:185px; height:100%; }
.sub02_03 .subcenter .lefttxt .maintxt { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-align:center; width:100%; z-index:2; }
.sub02_03 .subcenter .lefttxt .maintxt li.t1 { position:relative; width:34px; height:84px; margin:0 auto; overflow:hidden; writing-mode: vertical-lr; }
.sub02_03 .subcenter .lefttxt .maintxt li.t1 div { position:absolute; bottom:0px; left:-36px; width:34px; font-family: 'MaruBuriSemiBold'; font-size:34px; letter-spacing:4px; color:#2f210f; text-align:right; }
.sub02_03 .subcenter .lefttxt .maintxt li.line { position:relative; width:1px; height:91px; margin:0 auto; margin-top:26px; }
.sub02_03 .subcenter .lefttxt .maintxt li.line span { display:block; position:absolute; top:0; left:0px; width:1px; height:0px; background:#b99e88; }
.sub02_03 .subcenter .lefttxt .maintxt li.t2 { position:relative; width:34px; height:84px; margin:0 auto; margin-top:26px; overflow:hidden; writing-mode: vertical-lr; }
.sub02_03 .subcenter .lefttxt .maintxt li.t2 div { position:absolute; top:0px; left:36px; width:34px; height:84px; font-family: 'MaruBuriSemiBold';  letter-spacing:4px;font-size:34px; color:#2f210f; text-align:left; }
.sub02_03 .subcenter .lefttxt .bg { position:absolute; bottom:0px; left:0px; width:1px; height:60%; background:#b99e88; }
.sub02_03 .subcenter .lefttxt .bg2 { position:absolute; top:10%; right:0px; width:1px; height:80%; background:#b99e88; }
.sub02_03 .subcenter .bg3 { position:absolute; top:0px; left:50%; width:1px; height:100%; background:#b99e88; }

.sub02_03.active .subcenter .lefttxt .maintxt li.t1 div { left:0px; transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0.3s; }
.sub02_03.active .subcenter .lefttxt .maintxt li.line span { height:91px; transition:all 1.4s cubic-bezier(0.16, 1, 0.3, 1) 0.3s; }
.sub02_03.active .subcenter .lefttxt .maintxt li.t2 div { left:0px; transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0.3s; }

.sub02_03 .subcenter .righttxt { position:relative; width:100%; padding-left:10%; box-sizing:border-box; }
.sub02_03 .subcenter .righttxt ul.txt1 { width:100%; padding-top:162px; transform:translateY(90px); opacity:0; filter: blur(4px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; }
.sub02_03 .subcenter .righttxt ul.txt1 .t1 { font-family: 'MaruBuriSemiBold'; font-size:25px; color:#2f210f; line-height:140%; }
.sub02_03 .subcenter .righttxt ul.txt1 .t2 { margin-top:20px; font-family: 'MaruBuri'; font-size:18px; color:#35241d; line-height:140%; }
.sub02_03 .subcenter .righttxt ul.txt2 { display:flex; width:100%; padding-top:106px; }
.sub02_03 .subcenter .righttxt ul.txt2 li.bg { transform:translateX(-90px); opacity:0; filter: blur(4px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; width:60%; height:592px; background:url(/page_KR0/02_sub/images/02img1.jpg)no-repeat 50% 50%; background-size:cover; }
.sub02_03 .subcenter .righttxt ul.txt2 li.bg.bg2 { background:url(/page_KR0/03_sub/images/03img1.jpg)no-repeat 50% 50%; background-size:cover; }
.sub02_03 .subcenter .righttxt ul.txt2 li.bg.bg33 { background:url(/page_KR0/04_sub/images/04img1.jpg)no-repeat 50% 50%; background-size:cover; }
.sub02_03 .subcenter .righttxt ul.txt2 li.bg.bg4 { background:url(/page_KR0/05_sub/images/05img1.jpg)no-repeat 50% 50%; background-size:cover; }
.sub02_03 .subcenter .righttxt ul.txt2 li.bg.bg5 { background:url(/page_KR0/06_sub/images/06img1.jpg)no-repeat 50% 50%; background-size:cover; }
.sub02_03 .subcenter .righttxt ul.txt2 li.t1 { 
	width:40%; box-sizing:border-box; padding-left:5%;
	font-size:18px; color:#4a3f3a; font-weight:400; line-height:150%;  transform:translateX(90px); opacity:0; filter: blur(4px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0s;
}

.sub02_03.active .subcenter .righttxt ul.txt1 { transform:translateY(0px); opacity:1; filter: blur(0px); transition:all 2.6s cubic-bezier(0.16, 1, 0.3, 1) 1.0s; }
.sub02_03.active .subcenter .righttxt ul.txt2 li.bg { transform:translateX(0px); opacity:1; filter: blur(0px); transition:all 2.6s cubic-bezier(0.16, 1, 0.3, 1) 1.5s; }
.sub02_03.active .subcenter .righttxt ul.txt2 li.t1 { transform:translateX(0px); opacity:1; filter: blur(0px); transition:all 2.6s cubic-bezier(0.16, 1, 0.3, 1) 1.5s; }


.sub02_04 { position:relative; width:100%; background:#fbfaf0; background-size:cover; overflow:hidden; }
.sub02_04 .subcenter { display:flex; flex-wrap:wrap; position:relative; width:92%; margin:0 auto; padding:100px 0px;  border-bottom:1px solid #b99e88; box-sizing:border-box; }

.sub02_04 .box01 { position:relative; width:33.33%; height:530px; border-right:1px solid #b99e88; box-sizing:border-box; }
.sub02_04 .box01 .t1 { transform:translateX(-90px); opacity:0; filter: blur(4px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; position:absolute; top:60px; left:60px; font-family: 'MaruBuriSemiBold'; font-size:20px; color:#2f210f; writing-mode: vertical-lr; letter-spacing:2px; }
.sub02_04 .box01 .t2 { position:relative; width:302px; height:302px; margin:0 auto; margin-top:60px; }
.sub02_04 .box01 .t2 .rad1 { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:1px; height:1px; border-radius:100%; border:1px solid #b99e88; box-sizing:border-box; opacity:0; filter: blur(4px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; }
.sub02_04 .box01 .t2 .rad2 { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:69px; height:69px; border-radius:100%; border:1px solid #b99e88; box-sizing:border-box; opacity:0; filter: blur(4px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; }
.sub02_04 .box01 .t2 .rad3 { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:206px; height:206px; border-radius:100%; border:1px solid #b99e88; box-sizing:border-box; opacity:0; filter: blur(4px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; }
.sub02_04 .box01 .t2 .rad1 span { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size:16px; font-weight:500; color:#35241d; }
.sub02_04 .box01 .t2 .rad2 span { position:absolute; top:20%; left:50%; transform:translate(-50%,-50%); font-size:16px; font-weight:500; color:#35241d; }
.sub02_04 .box01 .t2 .rad3 span { position:absolute; top:10%; left:50%; transform:translate(-50%,-50%); font-size:16px; font-weight:500; color:#35241d; }
.sub02_04 .box01 .t3 { transform:translateY(90px); opacity:0; filter: blur(4px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; width:86%; margin-top:80px; padding-left:60px; box-sizing:border-box; font-size:18px; font-weight:400; color:#35241d; line-height:150%; }

.sub02_04.active .box01 .t2 .rad1 { width:69px; height:69px; opacity:1; filter: blur(0px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0.5s; }
.sub02_04.active .box01 .t2 .rad2 { width:206px; height:206px; opacity:1; filter: blur(0px); transition:all 2.6s cubic-bezier(0.16, 1, 0.3, 1) 1.0s; }
.sub02_04.active .box01 .t2 .rad3 { width:302px; height:302px; opacity:1; filter: blur(0px); transition:all 2.6s cubic-bezier(0.16, 1, 0.3, 1) 1.7s; }
.sub02_04.active .box01 .t1 { transform:translateX(0px); opacity:1; filter: blur(0px); transition:all 2.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; }
.sub02_04.active .box01 .t3 { transform:translateY(0px); opacity:1; filter: blur(0px); transition:all 2.6s cubic-bezier(0.16, 1, 0.3, 1) 2.0s; }

.sub02_04 .box011 { position:relative; width:33.33%; height:530px; border-right:1px solid #b99e88; box-sizing:border-box; }
.sub02_04 .box011 .t1 { position:absolute; top:60px; left:60px; font-family: 'MaruBuriSemiBold'; font-size:20px; color:#2f210f; writing-mode: vertical-lr; letter-spacing:2px; transform:translateX(-90px); opacity:0; filter: blur(4px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; }
.sub02_04 .box011 .t2 { position:relative; width:302px; height:302px; margin:0 auto; margin-top:60px; }
.sub02_04 .box011 .t2 .rad1 { position:absolute; bottom:60px; left:50%; transform:translate(-50%,0%); width:19px; height:19px; border-radius:100%; border:1px solid #b99e88; box-sizing:border-box; opacity:0; filter: blur(4px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; }
.sub02_04 .box011 .t2 .rad2 { position:absolute; bottom:0px; left:50%; transform:translate(-50%,0%); width:69px; height:69px; border-radius:100%; border:1px solid #b99e88; box-sizing:border-box; opacity:0; filter: blur(4px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; }
.sub02_04 .box011 .t2 .rad3 { position:absolute; bottom:0px; left:50%; transform:translate(-50%,0%); width:206px; height:206px; border-radius:100%; border:1px solid #b99e88; box-sizing:border-box; opacity:0; filter: blur(4px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; }
.sub02_04 .box011 .t2 .rad1 span { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size:16px; font-weight:500; color:#35241d; }
.sub02_04 .box011 .t2 .rad2 span { position:absolute; top:20%; left:50%; transform:translate(-50%,-50%); font-size:16px; font-weight:500; color:#35241d; }
.sub02_04 .box011 .t2 .rad3 span { position:absolute; top:20%; left:50%; transform:translate(-50%,-50%); font-size:16px; font-weight:500; color:#35241d; }
.sub02_04 .box011 .t3 { width:86%; margin-top:80px; padding-left:60px; box-sizing:border-box; font-size:18px; font-weight:400; color:#35241d; line-height:150%; transform:translateY(90px); opacity:0; filter: blur(4px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; }

.sub02_04.active .box011 .t1 { transform:translateX(0px); opacity:1; filter: blur(0px); transition:all 2.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; }
.sub02_04.active .box011 .t3 { transform:translateY(0px); opacity:1; filter: blur(0px); transition:all 2.6s cubic-bezier(0.16, 1, 0.3, 1) 2.0s; }
.sub02_04.active .box011 .t2 .rad1 { width:69px; height:69px; opacity:1; filter: blur(0px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 1.7s; }
.sub02_04.active .box011 .t2 .rad2 { width:206px; height:206px; opacity:1; filter: blur(0px); transition:all 2.6s cubic-bezier(0.16, 1, 0.3, 1) 1.0s; }
.sub02_04.active .box011 .t2 .rad3 { width:302px; height:302px; opacity:1; filter: blur(0px); transition:all 2.6s cubic-bezier(0.16, 1, 0.3, 1) 0.5s; }


.sub02_04 .box0111 { position:relative; width:33.33%; height:530px; border-right:1px solid #b99e88; box-sizing:border-box; }
.sub02_04 .box0111 .t1 { position:absolute; top:60px; left:60px; font-family: 'MaruBuriSemiBold'; font-size:20px; color:#2f210f; writing-mode: vertical-lr; letter-spacing:2px; transform:translateX(-90px); opacity:0; filter: blur(4px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; }
.sub02_04 .box0111 .t2 { position:relative; width:302px; height:302px; margin:0 auto; margin-top:60px; }
.sub02_04 .box0111 .t2 .rad1 { position:absolute; bottom:0px; left:0px; width:10px; height:10px; border:1px solid #b99e88; box-sizing:border-box; opacity:0; filter: blur(4px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; }
.sub02_04 .box0111 .t2 .rad2 { position:absolute; bottom:0px; left:0px; width:112px; height:112px; border:1px solid #b99e88; box-sizing:border-box; opacity:0; filter: blur(4px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; }
.sub02_04 .box0111 .t2 .rad3 { position:absolute; bottom:0px; left:0px; width:206px; height:206px; border:1px solid #b99e88; box-sizing:border-box; opacity:0; filter: blur(4px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; }
.sub02_04 .box0111 .t2 .rad1 span { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size:16px; font-weight:500; color:#35241d; }
.sub02_04 .box0111 .t2 .rad2 span { position:absolute; top:30%; left:70%; transform:translate(-50%,-50%); font-size:16px; font-weight:500; color:#35241d; }
.sub02_04 .box0111 .t2 .rad3 span { position:absolute; top:20%; left:80%; transform:translate(-50%,-50%); font-size:16px; font-weight:500; color:#35241d; }
.sub02_04 .box0111 .t3 { width:86%; margin-top:80px; padding-left:60px; box-sizing:border-box; font-size:18px; font-weight:400; color:#35241d; line-height:150%; transform:translateY(90px); opacity:0; filter: blur(4px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; }

.sub02_04.active .box0111 .t1 { transform:translateX(0px); opacity:1; filter: blur(0px); transition:all 2.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; }
.sub02_04.active .box0111 .t3 { transform:translateY(0px); opacity:1; filter: blur(0px); transition:all 2.6s cubic-bezier(0.16, 1, 0.3, 1) 2.0s; }
.sub02_04.active .box0111 .t2 .rad1 { width:112px; height:112px; opacity:1; filter: blur(0px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0.5s; }
.sub02_04.active .box0111 .t2 .rad2 { width:216px; height:216px; opacity:1; filter: blur(0px); transition:all 2.6s cubic-bezier(0.16, 1, 0.3, 1) 1.0s; }
.sub02_04.active .box0111 .t2 .rad3 { width:302px; height:302px; opacity:1; filter: blur(0px); transition:all 2.6s cubic-bezier(0.16, 1, 0.3, 1) 1.7s; }


.sub02_04 .box02 { position:relative; width:33.33%; height:530px; border-right:1px solid #b99e88; box-sizing:border-box; }
.sub02_04 .box02 .t1 { transform:translateX(-90px); opacity:0; filter: blur(4px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; position:absolute; top:60px; left:60px; font-family: 'MaruBuriSemiBold'; font-size:20px; color:#2f210f; writing-mode: vertical-lr; letter-spacing:2px; }
.sub02_04 .box02 .t2 { position:relative; width:302px; height:302px; margin:0 auto; margin-top:60px; }
.sub02_04 .box02 .t2 .bg { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:2px; height:302px;border:1px solid #b99e88; box-sizing:border-box; opacity:0; filter: blur(4px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; }
.sub02_04 .box02 .t2 .bg2 { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:30px; height:30px; border-radius:100%; border:1px solid #b99e88; box-sizing:border-box; opacity:0; filter: blur(4px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; }
.sub02_04 .box02 .t2 .rad1 { position:absolute; top:-64px; left:50%; transform:translate(-50%,0%); width:8px; height:8px; border-radius:100%; background:#b99e88; opacity:0; filter: blur(4px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; }
.sub02_04 .box02 .t2 .rad2 { position:absolute; top:50%; left:-64px; transform:translate(0%,-50%); width:8px; height:8px; border-radius:100%; background:#b99e88; opacity:0; filter: blur(4px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; }
.sub02_04 .box02 .t2 .rad3 { position:absolute; top:50%; right:-64px; transform:translate(0%,-50%); width:8px; height:8px; border-radius:100%; background:#b99e88; opacity:0; filter: blur(4px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; }
.sub02_04 .box02 .t2 .rad4 { position:absolute; bottom:-64px; left:50%; transform:translate(-50%,0%); width:8px; height:8px; border-radius:100%; background:#b99e88; opacity:0; filter: blur(4px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; }
.sub02_04 .box02 .t2 .txt { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size:16px; font-weight:500; color:#35241d; }
.sub02_04 .box02 .t3 { transform:translateY(90px); opacity:0; filter: blur(4px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; width:86%; margin-top:80px; padding-left:60px; box-sizing:border-box; font-size:18px; font-weight:400; color:#35241d; line-height:150%; }

.sub02_04.active .box02 .t2 .bg { width:302px; opacity:1; filter: blur(0px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0.5s; }
.sub02_04.active .box02 .t2 .bg2 { width:302px; height:302px; opacity:1; filter: blur(0px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 1.0s; }
.sub02_04.active .box02 .t2 .rad1 { top:-4px; opacity:1; filter: blur(0px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 1.5s; }
.sub02_04.active .box02 .t2 .rad2 { left:-4px; opacity:1; filter: blur(0px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 1.5s; }
.sub02_04.active .box02 .t2 .rad3 { right:-4px; opacity:1; filter: blur(0px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 1.5s; }
.sub02_04.active .box02 .t2 .rad4 { bottom:-4px; opacity:1; filter: blur(0px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 1.5s; }
.sub02_04.active .box02 .t1 { transform:translateX(0px); opacity:1; filter: blur(0px); transition:all 2.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; }
.sub02_04.active .box02 .t3 { transform:translateY(0px); opacity:1; filter: blur(0px); transition:all 2.6s cubic-bezier(0.16, 1, 0.3, 1) 2.0s; }

.sub02_04 .box022 { position:relative; width:33.33%; height:530px; border-right:1px solid #b99e88; box-sizing:border-box; }
.sub02_04 .box022 .t1 { transform:translateX(-90px); opacity:0; filter: blur(4px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; position:absolute; top:60px; left:60px; font-family: 'MaruBuriSemiBold'; font-size:20px; color:#2f210f; writing-mode: vertical-lr; letter-spacing:2px; }
.sub02_04 .box022 .t2 { position:relative; width:322px; height:322px; margin:0 auto; margin-top:60px; }
.sub02_04 .box022 .t2 .bg { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) rotate(-45deg); width:0px; height:1px; background:#b99e88; box-sizing:border-box; }
.sub02_04 .box022 .t2 .rad1 { position:absolute; top:-20px; right:-30px; width:8px; height:8px; border-radius:100%; background:#b99e88; opacity:0; filter: blur(4px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; }
.sub02_04 .box022 .t2 .rad2 { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:8px; height:8px; border-radius:100%; background:#b99e88; opacity:0; filter: blur(4px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; }
.sub02_04 .box022 .t2 .rad3 { position:absolute; bottom:-20px; left:-20px; width:8px; height:8px; border-radius:100%; background:#b99e88; opacity:0; filter: blur(4px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; }
.sub02_04 .box022 .t2 .rad4 { position:absolute; top:50%; right:-30px; width:8px; height:8px; border-radius:100%; background:#b99e88; opacity:0; filter: blur(4px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; }
.sub02_04 .box022 .t2 .rad5 { position:absolute; bottom:-30px; left:50%; width:8px; height:8px; border-radius:100%; background:#b99e88; opacity:0; filter: blur(4px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; }
.sub02_04 .box022 .t2 .rad6 { position:absolute; bottom:-30px; right:-30px; width:8px; height:8px; border-radius:100%; background:#b99e88; opacity:0; filter: blur(4px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; }
.sub02_04 .box022 .t2 .txt { position:absolute; top:30%; left:30%; transform:translate(-50%,-50%); font-size:16px; font-weight:500; color:#35241d; }
.sub02_04 .box022 .t3 { transform:translateY(90px); opacity:0; filter: blur(4px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; width:86%; margin-top:80px; padding-left:60px; box-sizing:border-box; font-size:18px; font-weight:400; color:#35241d; line-height:150%; }

.sub02_04.active .box022 .t1 { transform:translateX(0px); opacity:1; filter: blur(0px); transition:all 2.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; }
.sub02_04.active .box022 .t3 { transform:translateY(0px); opacity:1; filter: blur(0px); transition:all 2.6s cubic-bezier(0.16, 1, 0.3, 1) 2.0s; }
.sub02_04.active .box022 .t2 .bg { width:450px; opacity:1; filter: blur(0px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0.5s; }
.sub02_04.active .box022 .t2 .rad1 { top:0px; right:0px; opacity:1; filter: blur(0px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 1.5s; }
.sub02_04.active .box022 .t2 .rad2 { top:50%; left:50%; opacity:1; filter: blur(0px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 1.5s; }
.sub02_04.active .box022 .t2 .rad3 { bottom:0px; left:0px; opacity:1; filter: blur(0px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 1.5s; }
.sub02_04.active .box022 .t2 .rad4 { top:50%; right:0px; opacity:1; filter: blur(0px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 1.5s; }
.sub02_04.active .box022 .t2 .rad5 { bottom:0px; left:50%; opacity:1; filter: blur(0px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 1.5s; }
.sub02_04.active .box022 .t2 .rad6 { bottom:0px; right:0px; opacity:1; filter: blur(0px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 1.5s; }


.sub02_04 .box0222 { position:relative; width:33.33%; height:530px; border-right:1px solid #b99e88; box-sizing:border-box; }
.sub02_04 .box0222 .t1 { transform:translateX(-90px); opacity:0; filter: blur(4px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; position:absolute; top:60px; left:60px; font-family: 'MaruBuriSemiBold'; font-size:20px; color:#2f210f; writing-mode: vertical-lr; letter-spacing:2px; }
.sub02_04 .box0222 .t2 { position:relative; width:302px; height:202px; margin:0 auto; margin-top:150px; }
.sub02_04 .box0222 .t2 .bg { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) rotate(-45deg); width:0px; height:1px; background:#b99e88; box-sizing:border-box; }
.sub02_04 .box0222 .t2 .rad1 { position:absolute; top:0px; left:0px; width:8px; height:8px; border-radius:100%; background:#b99e88; }
.sub02_04 .box0222 .t2 .rad2 { position:absolute; top:0px; left:0px; width:8px; height:8px; border-radius:100%; background:#b99e88; opacity:0; filter: blur(4px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0s;}
.sub02_04 .box0222 .t2 .rad3 { position:absolute; top:0px; left:0px; width:8px; height:8px; border-radius:100%; background:#b99e88; opacity:0; filter: blur(4px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0s;}
.sub02_04 .box0222 .t2 .rad4 { position:absolute; top:0px; left:0px; width:8px; height:8px; border-radius:100%; background:#b99e88; opacity:0; filter: blur(4px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0s;}
.sub02_04 .box0222 .t2 .rad5 { position:absolute; top:0px; left:49%; width:8px; height:8px; border-radius:100%; background:#b99e88; }
.sub02_04 .box0222 .t2 .rad6 { position:absolute; top:0px; left:49%; width:8px; height:8px; border-radius:100%; background:#b99e88; opacity:0; filter: blur(4px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0s;}
.sub02_04 .box0222 .t2 .rad7 { position:absolute; top:0px; left:49%; width:8px; height:8px; border-radius:100%; background:#b99e88; opacity:0; filter: blur(4px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0s;}
.sub02_04 .box0222 .t2 .rad8 { position:absolute; top:0px; left:49%; width:8px; height:8px; border-radius:100%; background:#b99e88; opacity:0; filter: blur(4px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0s;}
.sub02_04 .box0222 .t2 .rad9 { position:absolute; top:0px; right:0px; width:8px; height:8px; border-radius:100%; background:#b99e88; }
.sub02_04 .box0222 .t2 .rad10 { position:absolute; top:0px; right:0px; width:8px; height:8px; border-radius:100%; background:#b99e88; opacity:0; filter: blur(4px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0s;}
.sub02_04 .box0222 .t2 .rad11 { position:absolute; top:0px; right:0px; width:8px; height:8px; border-radius:100%; background:#b99e88; opacity:0; filter: blur(4px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0s;}
.sub02_04 .box0222 .t2 .rad12 { position:absolute; top:0px; right:0px; width:8px; height:8px; border-radius:100%; background:#b99e88; opacity:0; filter: blur(4px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0s;}
.sub02_04 .box0222 .t3 { transform:translateY(90px); opacity:0; filter: blur(4px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; width:86%; margin-top:80px; padding-left:60px; box-sizing:border-box; font-size:18px; font-weight:400; color:#35241d; line-height:150%; }

.sub02_04.active .box0222 .t1 { transform:translateX(0px); opacity:1; filter: blur(0px); transition:all 2.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; }
.sub02_04.active .box0222 .t3 { transform:translateY(0px); opacity:1; filter: blur(0px); transition:all 2.6s cubic-bezier(0.16, 1, 0.3, 1) 2.0s; }

.sub02_04.active .box0222 .t2 .rad2 { top:20%; opacity:1; filter: blur(0px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 1.5s; }
.sub02_04.active .box0222 .t2 .rad3 { top:40%; opacity:1; filter: blur(0px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 1.5s; }
.sub02_04.active .box0222 .t2 .rad4 { top:100%; opacity:1; filter: blur(0px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 1.5s; }
.sub02_04.active .box0222 .t2 .rad6 { top:60%; opacity:1; filter: blur(0px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 1.5s; }
.sub02_04.active .box0222 .t2 .rad7 { top:80%; opacity:1; filter: blur(0px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 1.5s; }
.sub02_04.active .box0222 .t2 .rad8 { top:100%; opacity:1; filter: blur(0px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 1.5s; }
.sub02_04.active .box0222 .t2 .rad10 { top:20%; opacity:1; filter: blur(0px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 1.5s; }
.sub02_04.active .box0222 .t2 .rad11 { top:80%; opacity:1; filter: blur(0px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 1.5s; }
.sub02_04.active .box0222 .t2 .rad12 { top:100%; opacity:1; filter: blur(0px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 1.5s; }


.sub02_04 .box03 { position:relative; width:33.33%; height:530px; }
.sub02_04 .box03 .t1 { transform:translateX(-90px); opacity:0; filter: blur(4px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; position:absolute; top:60px; left:60px; font-family: 'MaruBuriSemiBold'; font-size:20px; color:#2f210f; writing-mode: vertical-lr; letter-spacing:2px; line-height:120%; }
.sub02_04 .box03 .t2 { position:relative; width:375px; height:302px; margin:0 auto; margin-top:60px; }
.sub02_04 .box03 .t2 .bg { position:absolute; top:64px; left:30%; transform:translate(-50%,0%); width:106px; height:106px; border:1px solid #b99e88; box-sizing:border-box; opacity:0; filter: blur(4px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; }
.sub02_04 .box03 .t2 .bg2 { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) rotate(-45deg); width:375px; height:1px; background:#b99e88; transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; }
.sub02_04 .box03 .t2 .bg3 { position:absolute; top:174px; left:75%; transform:translate(-50%,0%); width:26px; height:26px; border-radius:100%; border:1px solid #b99e88; box-sizing:border-box; opacity:0; filter: blur(4px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; }
.sub02_04 .box03 .t2 .txt { position:absolute; top:37%; left:56%; transform:translate(-50%,-50%); font-size:16px; font-weight:500; color:#35241d; }
.sub02_04 .box03 .t3 { transform:translateY(90px); opacity:0; filter: blur(4px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; width:86%; margin-top:80px; padding-left:60px; box-sizing:border-box; font-size:18px; font-weight:400; color:#35241d; line-height:150%; }

.sub02_04.active .box03 .t2 .bg2 { transform:translate(-50%,-50%) rotate(0deg); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0.5s; }
.sub02_04.active .box03 .t2 .bg { top:14px; opacity:1; filter: blur(0px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 1.0s; }
.sub02_04.active .box03 .t2 .bg3 { width:106px; height:106px; opacity:1; filter: blur(0px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 1.5s; }
.sub02_04.active .box03 .t1 { transform:translateX(0px); opacity:1; filter: blur(0px); transition:all 2.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; }
.sub02_04.active .box03 .t3 { transform:translateY(0px); opacity:1; filter: blur(0px); transition:all 2.6s cubic-bezier(0.16, 1, 0.3, 1) 2.0s; }



.sub02_05 { position:relative; width:100%; background:#fbfaf0 url(/page_KR0/02_sub/images/02_05.jpg)no-repeat 50% 52%; padding-bottom:118px; overflow:hidden; }
.sub02_05 .subcenter { position:relative; width:92%; max-width:1780px; height:1128px; margin:0 auto; padding-top:140px;  border-bottom:1px solid #b99e88; box-sizing:border-box; }
.sub02_05 .maintxt { width:100%; text-align:center; }
.sub02_05 .maintxt .t1 { width:100%; max-width:655px; text-align:center; margin:0 auto; opacity:0; filter: blur(10px); }
.sub02_05 .maintxt .t1.t11 { max-width:1231px; }
.sub02_05 .maintxt .t1 img { display:inline-block; }
.sub02_05 .maintxt .t2 { width:100%; margin-top:66px; font-family: 'MaruBuriSemiBold'; font-size:25px; color:#2f210f; line-height:150%; transform:translateY(90px); opacity:0; filter: blur(4px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; }
.sub02_05 .imgbox { position:absolute; bottom:0px; right:0px; width:100%; max-width:1192px; display:flex; transform:translateY(90px); opacity:0; filter: blur(4px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; }
.sub02_05 .imgbox .t1 { position:relative; width:50%; }
.sub02_05 .imgbox .t2 { position:relative; width:50%; box-sizing:border-box; }
.sub02_05 .imgbox .t2 div { position:absolute; bottom:60px; left:8%; }
.sub02_05 .imgbox .t2 div span:nth-child(1) { display:block; width:100%; font-family: 'MaruBuriSemiBold'; font-size:18px; color:#2f210f; line-height:150%; }
.sub02_05 .imgbox .t2 div span:nth-child(2) { display:block; width:100%; margin-top:30px; font-size:18px; color:#35241d; font-weight:400; line-height:150%; }

.sub02_05.active .maintxt .t1 { opacity:1; filter: blur(0px); transition:all 2.2s cubic-bezier(0.16, 1, 0.3, 1) 0s; }
.sub02_05.active .maintxt .t2 { transform:translateY(0px); opacity:1; filter: blur(0px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0.5s; }
.sub02_05.active .imgbox { transform:translateY(0px); opacity:1; filter: blur(0px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 1.0s; }





.sub02_06 { position:relative; width:100%; height:100vh; background:url(/page_KR0/02_sub/images/02_06.jpg)no-repeat 50% 50%; background-size:cover; background-attachment: fixed; overflow:hidden; }
.sub02_06 .maintxt { position:absolute; bottom:165px; left:50%; transform:translate(-50%,0%); text-align:center; width:100%; z-index:2; opacity:0; filter: blur(4px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; }
.sub02_06 .maintxt li.t1 { width:100%; font-family: 'MaruBuriSemiBold'; font-size:25px; color:#ffffff; line-height:150%; }
.sub02_06 .maintxt li.t2 { width:100%; max-width:1220px; margin:0 auto; margin-top:70px; }
.sub02_06.active .maintxt { bottom:65px; opacity:1; filter: blur(0px); transition:all 2.2s cubic-bezier(0.16, 1, 0.3, 1) 0.8s; }

.sub02_06.sub03_06 { background:url(/page_KR0/03_sub/images/03_06.jpg)no-repeat 50% 50%; background-size:cover; background-attachment: fixed; }
.sub02_06.sub04_06 { background:url(/page_KR0/04_sub/images/04_06.jpg)no-repeat 50% 50%; background-size:cover; background-attachment: fixed; }
.sub02_06.sub05_06 { background:url(/page_KR0/05_sub/images/05_06.jpg)no-repeat 50% 50%; background-size:cover; background-attachment: fixed; }
.sub02_06.sub06_06 { background:url(/page_KR0/06_sub/images/06_06.jpg)no-repeat 50% 50%; background-size:cover; background-attachment: fixed; }
.sub02_06.sub07_06 { background:url(/page_KR0/07_sub/images/07_06.jpg)no-repeat 50% 50%; background-size:cover; background-attachment: fixed; }


.sub02_07 { position:relative; width:100%; background:url(/page_KR0/02_sub/images/02_07.jpg)no-repeat 50% 50%; background-size:cover; padding-top:470px; padding-bottom:160px; box-sizing:border-box; overflow:hidden; }
.sub02_07 .maintxt {  text-align:center; width:100%; z-index:2; }
.sub02_07 .maintxt li.t1 { transform:translateY(90px); opacity:0; filter: blur(4px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; width:500px; height:84px; margin:0 auto; text-align:center; }
.sub02_07 .maintxt li.t1 img { display:inline-block; }
.sub02_07 .maintxt li.t2 { transform:translateY(90px); opacity:0; filter: blur(4px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; width:100%; margin-top:20px; font-family: 'MaruBuriSemiBold'; font-size:25px; color:#ffffff; line-height:150%; }
.sub02_07 .maintxt li.t3 { transform:translateY(90px); opacity:0; filter: blur(4px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; width:100%; margin-top:20px; font-size:18px; color:#9f9f9f; font-weight:500; line-height:150%; }


#equi { position:relative; width:100%; max-width:1324px; margin:0 auto; padding-top:80px; transform:translateY(90px); opacity:0; filter: blur(4px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; }
#equi .equiswiper { position:relative; width:90%; margin:0 auto; overflow:hidden; }
#equi .equiswiper .swiper-slide { position:relative; }
#equi .equiswiper div.imgs { width:100%; border-radius:10px; overflow:hidden; }
#equi .equiswiper div.t1 { width:100%; margin-top:20px; font-size:17px; font-weight:500; color:#ffffff; text-align:center; }
#equi .equiswiper div.t1 a { display:inline-block; width:16px; height:16px; border-radius:100%; text-align:center; line-height:16px; background:#ffffff; font-size:16px; font-weight:500; color:#111111; vertical-align:middle; margin-left:6px; }
#equi .equiswiper .txtbox2 { 
	position:absolute; top:0px; left:0px; width:100%; text-align:left; height:100%; border-radius:10px; overflow:hidden; opacity:0; 
	background:url('/images/equibg.jpg')no-repeat 50% 0; background-size:cover; overflow:hidden; 
	transition:all 0.5s cubic-bezier(0.25, 1, 0.5, 1) 0.5s; 
}
#equi .equiswiper .txtbox2 ul { position:relative; width:78%; margin:0 auto; padding-top:126px; opacity:0; filter: blur(6px); transition:all 0.5s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
#equi .equiswiper .txtbox2 ul li.t1 { width:100%; font-size:20px; font-weight:600; color:#ffffff; line-height:100%; }
#equi .equiswiper .txtbox2 ul li.t2 { width:100%; margin-top:10px; font-size:15px; font-weight:500; color:#c3c3c3; line-height:150%; }
#equi .equiswiper .txtbox2 ul li.t2 span { display:block; width:100%; margin-bottom:2px; color:#847b6f; }
#equi .equiswiper .txtbox2 ul li.t2 span:nth-child(1) { margin-top:12px; }
#equi .equiswiper .txtbox2 ul li.t3 { width:100%; margin-top:40px; }
#equi .equiswiper .txtbox2 ul li.t3 span { display:inline-block; padding:0 10px; margin-bottom:10px; margin-right:10px; height:26px; line-height:26px; font-size:15px; font-weight:400; color:#352010; background:#ffffff; border-radius:10px; }
#equi .equiswiper .swiper-slide:hover .txtbox2 { opacity:1; transition:all 0.5s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
#equi .equiswiper .swiper-slide:hover .txtbox2 ul { padding-top:46px; opacity:1; filter: blur(0px); transition:all 0.6s cubic-bezier(0.25, 1, 0.5, 1) 0.3s; }

#equi .event-prev { position:absolute; top:54%; left:0px;  width:40px; height:30px; cursor:pointer; }
#equi .event-next { position:absolute; top:54%; right:0px; width:40px; height:30px; cursor:pointer; }


.sub02_07.active .maintxt li.t1 { transform:translateY(0px); opacity:1; filter: blur(0px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; }
.sub02_07.active .maintxt li.t2 { transform:translateY(0px); opacity:1; filter: blur(0px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0.4s; }
.sub02_07.active .maintxt li.t3 { transform:translateY(0px); opacity:1; filter: blur(0px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0.8s; }
.sub02_07.active #equi { transform:translateY(0px); opacity:1; filter: blur(0px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 1.2s; }


.sub02_077 { position:relative; width:100%; padding-bottom:150px; background:url(/page_KR0/02_sub/images/02_077.jpg)no-repeat 50% 50%; background-size:cover; padding-top:170px; box-sizing:border-box; overflow:hidden; }
.sub02_077 .maintxt {  text-align:center; width:100%; z-index:2; }
.sub02_077 .maintxt li.t1 { transform:translateY(90px); opacity:0; filter: blur(4px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; width:500px; height:84px; margin:0 auto; text-align:center; }
.sub02_077 .maintxt li.t1 img { display:inline-block; }
.sub02_077 .maintxt li.t2 { transform:translateY(90px); opacity:0; filter: blur(4px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; width:100%; margin-top:20px; font-family: 'MaruBuriSemiBold'; font-size:25px; color:#ffffff; line-height:150%; }
.sub02_077 .maintxt li.t3 { transform:translateY(90px); opacity:0; filter: blur(4px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; width:100%; margin-top:20px; font-size:18px; color:#9f9f9f; font-weight:500; line-height:150%; }

.sub02_077.active .maintxt li.t1 { transform:translateY(0px); opacity:1; filter: blur(0px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; }
.sub02_077.active .maintxt li.t2 { transform:translateY(0px); opacity:1; filter: blur(0px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0.4s; }
.sub02_077.active .maintxt li.t3 { transform:translateY(0px); opacity:1; filter: blur(0px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0.8s; }
.sub02_077.active #equi { transform:translateY(0px); opacity:1; filter: blur(0px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 1.2s; }




.sub02_08 { position:relative; width:100%; background:url(/page_KR0/02_sub/images/02_08.jpg)no-repeat 50% 50%; background-size:cover; padding-top:410px; padding-bottom:150px; box-sizing:border-box; overflow:hidden; }
.sub02_08.sub02_088 { background:url(/page_KR0/02_sub/images/02_088.jpg)no-repeat 50% 0%; background-size:cover; }
.sub02_08 .maintxt {  text-align:center; width:100%; z-index:2; }
.sub02_08 .maintxt.maintxt2 { padding-top:130px; }
.sub02_08 .maintxt li.t1 { width:100%; max-width:562px; margin:0 auto; text-align:center; transform:translateY(90px); opacity:0; filter: blur(4px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; }
.sub02_08 .maintxt li.t1 img { display:inline-block; }
.sub02_08 .maintxt li.t2 { width:100%; margin-top:10px; font-family: 'MaruBuriSemiBold'; font-size:25px; color:#ffffff; line-height:150%; transform:translateY(90px); opacity:0; filter: blur(4px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; }
.sub02_08 .maintxt li.t3 { width:100%; margin-top:20px; font-size:18px; color:#9f9f9f; font-weight:500; line-height:150%; transform:translateY(90px); opacity:0; filter: blur(4px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; }

.boxwrap2 { position:relative; width:100%; max-width:1244px; margin:0 auto; }
.boxwrap { position:relative; width:90%; margin:0 auto; overflow:hidden; margin-top:60px; display:flex; flex-wrap:wrap; justify-content: space-between; transform:translateY(90px); opacity:0; filter: blur(4px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; }
.boxwrap ul { position:relative; width:24%; height:407px; border-radius:10px; overflow:hidden; }
.boxwrap ul.box01 { background:#ffffff; }
.boxwrap ul.box02 { background:#210e04; }
.boxwrap ul.box03 { background:#5f4a46; }
.boxwrap ul.box04 { background:#e6e6e6; }
.boxwrap ul li.t1 { width:82%; margin:0 auto; padding-top:78px; font-size:23px; font-weight:600; color:#210e04; }
.boxwrap ul li.t2 { width:82%; margin:0 auto; font-size:16px; font-weight:500; color:#414141; line-height:150%; margin-top:20px; }
.boxwrap ul li.t3 { width:82%; margin:0 auto; font-size:15px; font-weight:500; color:#414141; line-height:150%; margin-top:30px; }

.boxwrap ul.box02 li.t1 { color:#f8eddd; }
.boxwrap ul.box02 li.t2 { color:#745f5b; }
.boxwrap ul.box02 li.t3 { color:#745f5b; }
.boxwrap ul.box03 li.t1 { color:#f8eddd; }
.boxwrap ul.box03 li.t2 { color:#ffffff; }
.boxwrap ul.box03 li.t3 { color:#ffffff; }

.event-prev { position:absolute; top:50%; left:0px;  width:40px; height:30px; cursor:pointer; }
.event-next { position:absolute; top:50%; right:0px; width:40px; height:30px; cursor:pointer; }
.event-prev2 { position:absolute; top:50%; left:0px;  width:40px; height:30px; cursor:pointer; }
.event-next2 { position:absolute; top:50%; right:0px; width:40px; height:30px; cursor:pointer; }

.active .maintxt li.t1 { transform:translateY(0px); opacity:1; filter: blur(0px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0s; }
.active .maintxt li.t2 { transform:translateY(0px); opacity:1; filter: blur(0px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0.4s; }
.active .maintxt li.t3 { transform:translateY(0px); opacity:1; filter: blur(0px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0.8s; }
.active .boxwrap { transform:translateY(0px); opacity:1; filter: blur(0px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 1.2s; }







.sub02_09 { position:relative; width:100%; height:100vh; background:#000000; background-size:cover; overflow:hidden; }
.sub02_09 .bg { 
	position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:120%; height:120%; 
	background:url(/page_KR0/02_sub/images/02_09.jpg)no-repeat 50% 50%; background-size:cover; transition:all 5s cubic-bezier(0.25, 1, 0.5, 1) 0.5s;
}
.sub02_09 video { position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; object-fit: cover; transform: translate(-50%, -50%); display:block; opacity:60%; }

.sub02_09.active .bg { width:100%; height:100%; transition:all 5s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
.sub02_09 .maintxt { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); text-align:center; width:100%; z-index:2; }
.sub02_09 .maintxt li.t1 { position:relative; width:30px; height:136px; margin:0 auto; overflow:hidden; writing-mode: vertical-lr; }
.sub02_09 .maintxt li.t1 div { position:absolute; bottom:0px; left:-36px; width:30px; }
.sub02_09 .maintxt li.line { position:relative; width:1px; height:122px; margin:0 auto; margin-top:26px; }
.sub02_09 .maintxt li.line span { display:block; position:absolute; top:0; left:0px; width:1px; height:0px; background:#c2c2c2; }
.sub02_09 .maintxt li.t2 { 
	position:relative; width:100%; margin-top:26px; font-family: 'MaruBuriSemiBold'; font-size:25px; color:#ffffff; line-height:100%; 
	transform:translateY(90px); opacity:0; filter: blur(4px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0s;
}


.sub02_09.active .maintxt li.t1 div:nth-child(1) { left:0px; transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 0.5s; }
.sub02_09.active .maintxt li.line span { height:122px; transition:all 1.4s cubic-bezier(0.16, 1, 0.3, 1) 0.9s; }
.sub02_09.active .maintxt li.t2 { transform:translateY(0px); opacity:1; filter: blur(0px); transition:all 1.6s cubic-bezier(0.16, 1, 0.3, 1) 1.4s; }







#paytabwrap { position:relative; width:100%; padding:0px 0 0px 0; background:#f2f0ee; }
#paytabwrap2 { position:relative; width:100%; padding:40px 0 100px 0; background:#f2f0ee; }

.paytitle { position:relative; width:100%; font-size:25px; font-weight:600; color:#261f20; text-align:center; }

#paytab { position:relative; width:100%; max-width:1180px; margin:0 auto; margin-top:50px; overflow:hidden; border-bottom:0px solid #e1e1e1; }
#paytab ul li a { float:left; position:relative; cursor:pointer; width:24.6%; margin-right:0.5%; height:68px; line-height:68px; text-align:center; font-size:21px; font-weight:500; color:#0a0a0a; background:#ffffff; border-radius:6px; box-sizing:border-box; }
#paytab ul li:nth-child(4) a { margin-right:0%; }
#paytab ul li a.on,#paytab ul li a:hover { background:#000000; color:#ffffff; }

.sub0302_066 { position:relative; width:100%; padding-left:44px; padding-top:34px; padding-bottom:34px; letter-spacing:-0.5px; border-top:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; box-sizing:border-box; }
.sub0302_066 ul li { font-size:20.5px; font-weight:400; color:#2c2c2c; line-height:170%; }

.paytable { position:relative; width:100%; max-width:1180px; margin:0 auto; border-top:3px solid #000000; background:#ffffff; border-bottom:1px solid #979797; }
.paytable tr th { height:60px; padding:0 0px; box-sizing:border-box; font-size:16px; font-weight:500; color:#111111; letter-spacing:-1px; background:#fcfcfc; border-bottom:1px solid #e0e1e1; border-right:1px solid #e0e1e1; text-align:center; }
.paytable tr td { padding:18px 0px; box-sizing:border-box; font-size:14px; font-weight:400; color:#2c2c2c; line-height:140%; border-right:1px solid #e0e1e1; border-bottom:1px solid #e0e1e1; text-align:center; }
.paytable tr td:last-child,.paytable tr th:last-child { border-right:0px; }

#paytabwrap2 .txt { position:relative; width:100%; max-width:1180px; margin:0 auto; font-family:'MaruBuri'; font-size:14px; font-weight:500; line-height:150%; color:#404040; }