.subready { width:100%; text-align:center; padding:250px 0; background:#e8e5dc;}



.subtitletxt { position:relative; width:100%; background:#f2f0ed; padding-top:250px; text-align:center;  }
.subtitletxt .t1 { position:relative; width:100%; font-family: 'helvetica53-extended';  font-size:60px; color:#6a1027; line-height:100%; }
.subtitletxt .t2 { margin-top:24px; font-size:25px; font-weight:500; color:#5d0f17; line-height:100%;  }
.subtitletxt .t11 { position:relative; width:100%; font-size:45px; color:#5d0f17; font-weight:600; line-height:100%; }

html.translated-ltr header,
html.translated-rtl header {
  top: 40px;
}


.subcontent { width:100%; background:#e8e5dc; }
.subcontent2 { width:100%; background:#f2f0ed; }


.subvisual { position:relative; width:100%; height:100vh; background:#000000; overflow:hidden; }
.subvisual video { display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);  object-fit: cover; width:100%; height:100%; opacity:80%; }
.subvisual .subtxt { position:absolute; top:60%; left:50%; transform:translate(-50%,-50%); width:100%; max-width:1920px; text-align:center; }
.subvisual .subtxt .title { font-size:25px; font-weight:600; color:#e8e5dc; line-height:100%; transform:translateY(90px); opacity:0; filter: blur(4px); transition:all 1.6s cubic-bezier(0.25, 1, 0.5, 1) 0.5s; }
.subvisual .subtxt .t1 { 
margin-top:24px; font-family: "Dream Avenue"; font-size:clamp(32px,10vw,164px); line-height:100%; letter-spacing:0.1em;
background: linear-gradient(180deg, #ffffff, #d6c5be); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent;
transform:translateY(90px); opacity:0; filter: blur(4px); transition:all 1.6s cubic-bezier(0.25, 1, 0.5, 1) 0.5s; 
}
.subvisual .subtxt .t1.t11 { font-size:clamp(32px,6vw,88px); }
.subvisual .subtxt .t2 { margin-top:24px; font-size:35px; font-weight:700; color:#e4d1cf; line-height:100%; transform:translateY(90px); opacity:0; filter: blur(4px); transition:all 1.6s cubic-bezier(0.25, 1, 0.5, 1) 0.5s; }
.subvisual .subtxt .t3 { margin-top:26px; font-size:23px; font-weight:500; color:#6a1027; line-height:150%; transform:translateY(90px); opacity:0; filter: blur(4px); transition:all 1.6s cubic-bezier(0.25, 1, 0.5, 1) 0.5s; }
.subvisual .subtxt .t5 { 
margin-top:30px; font-family: "Dream Avenue"; font-size:clamp(18px,5vw,40px); line-height:100%; letter-spacing:0.1em;
background: linear-gradient(180deg, #ffffff, #d6c5be); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; color: transparent;
transform:translateY(90px); opacity:0; filter: blur(4px); transition:all 1.6s cubic-bezier(0.25, 1, 0.5, 1) 0.5s; 
}
.subvisual.active .subtxt .t1 { transform:translateY(0px); opacity:100%; filter: blur(0px); transition:all 1.6s cubic-bezier(0.25, 1, 0.5, 1) 0.8s; }
.subvisual.active .subtxt .title { transform:translateY(0px); opacity:100%; filter: blur(0px); transition:all 1.6s cubic-bezier(0.25, 1, 0.5, 1) 0.4s; }
.subvisual.active .subtxt .t2 { transform:translateY(0px); opacity:100%; filter: blur(0px); transition:all 1.6s cubic-bezier(0.25, 1, 0.5, 1) 1.2s; line-height:150%; }
.subvisual.active .subtxt .t3 { transform:translateY(0px); opacity:100%; filter: blur(0px); transition:all 1.6s cubic-bezier(0.25, 1, 0.5, 1) 1.6s; }
.subvisual.active .subtxt .t5 { transform:translateY(0px); opacity:100%; filter: blur(0px); transition:all 1.6s cubic-bezier(0.25, 1, 0.5, 1) 0.8s; }

.subvisual .bg { position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('/page_KR0/04_sub/images/0401.jpg')no-repeat 50% 0; background-size:cover; animation: sectionbg 14s cubic-bezier(0.25, 1, 0.5, 1) both 0.3s; }

.subvisual.sub01 .bg { position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('/page_KR0/01_sub/images/0101.jpg')no-repeat 50% 0; background-size:cover; }
.subvisual.sub0102 .bg { position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('/page_KR0/01_sub/images/0102.jpg')no-repeat 50% 0; background-size:cover; }
.subvisual.sub07011 .bg { position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('/page_KR0/07_sub/images/0701.jpg')no-repeat 50% 0; background-size:cover; }
.subvisual.sub0702 .bg { position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('/page_KR0/07_sub/images/0702.jpg')no-repeat 50% 0; background-size:cover; }
.subvisual.sub0703 .bg { position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('/page_KR0/07_sub/images/0703.jpg')no-repeat 50% 0; background-size:cover; }
.subvisual.sub0704 .bg { position:absolute; top:0px; left:0px; width:100%; height:100%; background:url('/page_KR0/07_sub/images/0704.jpg')no-repeat 50% 0; background-size:cover; }

@keyframes sectionbg {
	0% { transform: scale(1.07) translateY(0); transform-origin: 50% 50%; }
	100% { transform: scale(1) translateY(0); transform-origin: 50% 50%; }
}



.sub01_01 { position:relative; width:100%; padding-top:90px; background:#6a1027; overflow:hidden; }
.sub01_01 .bg { position:relative; width:50%; height:960px; overflow:hidden; }
.sub01_01 .bg div { transform:scale(1.2); position:relative; width:100%; height:100%; background:url('/page_KR0/01_sub/images/01_01.jpg')no-repeat 50% 50%; background-size:cover; }
.sub01_01 .bg.bg2 div { background:url('/page_KR0/02_sub/images/02_01.jpg')no-repeat 50% 50%; background-size:cover; }
.sub01_01 .bg.bg3 div { background:url('/page_KR0/03_sub/images/03_01.jpg')no-repeat 50% 50%; background-size:cover; }
.sub01_01 .bg.bg4 div { background:url('/page_KR0/07_sub/images/07_01.jpg')no-repeat 50% 50%; background-size:cover; }
.sub01_01 .bg.bg5 div { background:url('/page_KR0/08_sub/images/08_01.jpg')no-repeat 50% 50%; background-size:cover; }
.sub01_01 .bg.bg0702 div { background:url('/page_KR0/07_sub/images/0702_01.jpg')no-repeat 50% 50%; background-size:cover; }
.sub01_01 .subtxt { position:absolute; top:25%; left:55%; width:45%; }
.sub01_01 .subtxt .t1 { font-family: 'helvetica53-extended'; font-size:clamp(26px,4vw,80px); color:#d5d5cd; line-height:130%; letter-spacing:1px; transform:translateX(90px); opacity:0; filter: blur(4px); transition:all 1.2s cubic-bezier(0.25, 1, 0.5, 1) 0.2s; }
.sub01_01 .subtxt .t2 { margin-top:68px; font-size:35px; font-weight:700; color:#ffffff; line-height:130%; transform:translateY(90px); opacity:0; filter: blur(4px); transition:all 1.2s cubic-bezier(0.25, 1, 0.5, 1) 0.2s;  }
.sub01_01 .subtxt .t3 { margin-top:20px; font-size:18px; font-weight:500; color:#bc7f85; line-height:140%; transform:translateY(90px); opacity:0; filter: blur(4px); transition:all 1.2s cubic-bezier(0.25, 1, 0.5, 1) 0.2s;  }

.sub01_01 .subtxt2 { position:absolute; top:70%; left:50%; transform:translateX(-50%); width:60%;  opacity:0; filter: blur(4px); transition:all 1.4s cubic-bezier(0.25, 1, 0.5, 1) 0.1s;  display:flex; justify-content: space-between;   }
.sub01_01 .subtxt2 li.t1 { width:320px; font-family: 'helvetica53-extended'; font-size:20px; color:#ffffff; line-height:100%; letter-spacing:1px; }
.sub01_01 .subtxt2 li.t2 { width:320px; text-align:center; font-size:20px; font-weight:600; color:#ffffff; line-height:100%; }
.sub01_01 .subtxt2 li.t3 { width:320px; text-align:right; font-family: 'helvetica53-extended'; font-size:20px; color:#ffffff; line-height:100%; letter-spacing:1px; }

.sub01_01 .subtxt3 { transform:translateY(90px); opacity:0; filter: blur(4px); transition:all 1.4s cubic-bezier(0.25, 1, 0.5, 1) 0.4s;  position:absolute; top:80%; left:55%; width:40%; display:flex; flex-wrap:wrap; justify-content: space-between;  }
.sub01_01 .subtxt3 .t1 { width:50%; margin-bottom:30px; font-size:18px; color:#e1c1c4; font-weight:600; line-height:130%; }

.sub01_01.active .bg div { transform:scale(1); transition:all 4.2s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
.sub01_01 .subtxt.active .t1 { transform:translateX(0); opacity:1; filter: blur(0px); transition:all 1.4s cubic-bezier(0.25, 1, 0.5, 1) 0.1s; }
.sub01_01 .subtxt.active .t2 { transform:translateY(0); opacity:1; filter: blur(0px); transition:all 1.4s cubic-bezier(0.25, 1, 0.5, 1) 0.4s; }
.sub01_01 .subtxt.active .t3 { transform:translateY(0); opacity:1; filter: blur(0px); transition:all 1.4s cubic-bezier(0.25, 1, 0.5, 1) 0.7s; }
.sub01_01 .subtxt2.active { width:90%; opacity:1; filter: blur(0px); transition:all 2.2s cubic-bezier(0.25, 1, 0.5, 1) 0.3s;  }
.sub01_01 .subtxt3.active { transform:translateY(0); opacity:1; filter: blur(0px); transition:all 1.4s cubic-bezier(0.25, 1, 0.5, 1) 0.2s;  }


.sub0101_01 { position:relative; width:100%; background:#5c1f24; padding:150px 0; overflow:hidden; }
.sub0101_01 .sub_inner { position:relative; width:90%; max-width:1684px; margin:0 auto; }
.sub0101_01 .title { font-family:'helvetica53-extended'; text-align:center; color:#d5d5cd; font-size:45px; letter-spacing:4px; line-height:1.3; opacity:0; transform:translateY(30px); transition:opacity 1s ease, transform 1s ease; }
.sub0101_01 .txt1 { text-align:center; color:#e8e5dc; font-size:25px; font-weight:400; line-height:1.6; opacity:0; transform:translateY(30px); transition:opacity 1s ease, transform 1s ease; }
.sub0101_01.active .title { opacity:1; transform:translateY(0); }
.sub0101_01.active .txt1 { opacity:1; transform:translateY(0); }
.sub0101_01 .boxwrap { display:flex; justify-content:center; gap:36px; position:relative; width:100%; margin-top:60px;  }
.sub0101_01 .boxwrap.boxwrap2 { width:100%; max-width:1452px; margin:0 auto; margin-top:60px; }
.sub0101_01 .boxwrap li { flex:1; background:#784f53; border-radius:20px; overflow:hidden; opacity:0; transform:translateY(50px); transition:opacity 0.8s ease, transform 0.8s ease; }
.sub0101_01.active .boxwrap li { opacity:1; transform:translateY(0); }
.sub0101_01 .boxwrap li:nth-child(1) { transition-delay:0s; }
.sub0101_01 .boxwrap li:nth-child(2) { transition-delay:0.15s; }
.sub0101_01 .boxwrap li:nth-child(3) { transition-delay:0.3s; }
.sub0101_01 .boxwrap li:nth-child(4) { transition-delay:0.45s; }
.sub0101_01 .boxwrap li .imgs { width:100%; overflow:hidden; }
.sub0101_01 .boxwrap li .imgs img { width:100%; display:block; transition:transform 0.6s ease; }
.sub0101_01 .boxwrap li:hover .imgs img { transform:scale(1.06); }
.sub0101_01 .boxwrap li .t1 { width:100%; padding:38px 5% 48px 5%; text-align:center; color:#eeeeee; font-size:23px; font-weight:500; line-height:1.4; box-sizing:border-box; }


.sub0101_02 { position:relative; width:100%; height:100vh; overflow:hidden; background:#4a2a2c; }
.sub0101_02 .bg { position:absolute; top:0; left:0; width:100%; height:100%; background-image:url(/page_KR0/01_sub/images/0101_02.jpg); background-size:cover; background-position:center; transform:scale(1.1); transition:transform 1.6s ease; }
.sub0101_02 .bg.bg2 { background-image:url(/page_KR0/01_sub/images/0102_02.jpg); }
.sub0101_02.active .bg { transform:scale(1); }
.sub0101_02 .sub_inner { position:absolute; top:0; left:0; width:100%; height:100%; z-index:2; display:flex; align-items:center; }
.sub0101_02 .txtbox { width:90%; max-width:1684px; margin:0 auto; opacity:0; transform:translateY(30px); transition:opacity 1s ease, transform 1s ease; }
.sub0101_02.active .txtbox { opacity:1; transform:translateY(0); }
.sub0101_02 .sub_txt { color:#d5d5cd; font-size:35px; font-weight:700; margin-bottom:16px; }
.sub0101_02 .title { font-family:'helvetica53-extended'; color:#d5d5cd; font-size:80px; letter-spacing:4px; line-height:1.1; margin-bottom:32px; }
.sub0101_02 .desc { color:#d5d5cd; font-size:23px; font-weight:400; line-height:1.6; }




.sub01_02 { position:relative; width:100%; height:100vh; background:#000000; overflow:hidden; }
.sub01_02 video { display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);  object-fit: cover; width:100%; height:101%; opacity:80%; }
.sub01_02 .subtxt { transform:translateY(90px); opacity:0; filter: blur(4px); transition:all 1.4s cubic-bezier(0.25, 1, 0.5, 1) 0.4s; position:absolute; top:30%; left:5%; width:90%;  }
.sub01_02 .subtxt .t1 { font-family: 'helvetica53-extended'; font-size:80px; color:#d5d5cd; line-height:130%;  letter-spacing:2px; }
.sub01_02 .subtxt2 { position:absolute; top:60%; left:50%; transform:translateX(-50%); width:60%;  opacity:0; filter: blur(4px); transition:all 1.4s cubic-bezier(0.25, 1, 0.5, 1) 0.1s; display:flex; justify-content: space-between;   }
.sub01_02 .subtxt2 li.t1 { width:320px; font-family: 'helvetica53-extended'; font-size:20px; color:#f2f0ed; line-height:100%; letter-spacing:1px; }
.sub01_02 .subtxt2 li.t2 { width:320px; text-align:center; font-size:20px; font-weight:600; color:#f2f0ed; line-height:100%; }
.sub01_02 .subtxt2 li.t3 { width:320px; text-align:right; font-family: 'helvetica53-extended'; font-size:20px; color:#f2f0ed; line-height:100%; letter-spacing:1px; }

.sub01_02 .bg { transform:scale(1.2); position:relative; width:100%; height:100%; background:url('/page_KR0/02_sub/images/02_02.jpg')no-repeat 50% 50%; background-size:cover; }
.sub01_02 .bg.bg2 { background:url('/page_KR0/07_sub/images/07_02.jpg')no-repeat 50% 50%; background-size:cover; }
.sub01_02 .bg.bg3 { background:url('/page_KR0/08_sub/images/08_02.jpg')no-repeat 50% 50%; background-size:cover; }

.sub01_02 .subtxt.active { transform:translateY(0); opacity:1; filter: blur(0px); transition:all 1.8s cubic-bezier(0.25, 1, 0.5, 1) 0.2s;   }
.sub01_02 .subtxt2.active { width:90%; opacity:1; filter: blur(0px); transition:all 2.2s cubic-bezier(0.25, 1, 0.5, 1) 0.6s;  }
.sub01_02 .bg.active { transform:scale(1); transition:all 4.2s cubic-bezier(0.25, 1, 0.5, 1) 0s; }


.sub01_03 { position:relative; width:100%; background:#f2f0ed; overflow:hidden; }
.sub01_03 .bg { position:relative; width:50%; height:1300px; overflow:hidden; }
.sub01_03 .bg div { /*transform:scale(1.2);*/  position:relative; width:100%; height:100%; background:url('/page_KR0/01_sub/images/01_03.jpg')no-repeat 50% 50%; background-size:cover; }
.sub01_03 .subtxt { opacity:0; filter: blur(4px); transition:all 1.4s cubic-bezier(0.25, 1, 0.5, 1) 0.4s; position:absolute; top:64%; left:55%; transform:translateY(-50%); width:40%;  }
.sub01_03 .subtxt .t1 { font-size:35px; font-weight:700; color:#5d0f17; line-height:130%; }
.sub01_03 .subtxt .t2 { margin-top:60px; }
.sub01_03 .subtxt .t2 ul { width:80%; padding:32px 0; border-bottom:1px solid #e0c6c0; }
.sub01_03 .subtxt .t2 ul li:nth-child(1) { font-size:22px; font-weight:700; color:#5d0f17; line-height:100%;  }
.sub01_03 .subtxt .t2 ul li:nth-child(2) { margin-top:10px; font-size:19px; font-weight:500; color:#5d0f17; line-height:150%;  }
.sub01_03 .subtxt .t2 ul:last-child { border-bottom:0px solid #e0c6c0; }

.sub01_03 .subtxt2 { position:absolute; top:10%; left:50%; transform:translateX(-50%); width:60%;  opacity:0; filter: blur(4px); transition:all 1.4s cubic-bezier(0.25, 1, 0.5, 1) 0.1s;  display:flex; justify-content: space-between;   }
.sub01_03 .subtxt2 li.t1 { width:320px; font-family: 'helvetica53-extended'; font-size:20px; color:#5d0f17; line-height:100%; letter-spacing:1px; }
.sub01_03 .subtxt2 li.t2 { width:320px; text-align:center; font-size:20px; font-weight:600; color:#5d0f17; line-height:100%; }
.sub01_03 .subtxt2 li.t3 { width:320px; text-align:right; font-family: 'helvetica53-extended'; font-size:20px; color:#5d0f17; line-height:100%; letter-spacing:1px; }

.sub01_03 .bg.bg2 div { background:url('/page_KR0/02_sub/images/02_03.jpg')no-repeat 50% 50%; background-size:cover; }
.sub01_03 .bg.bg3 div { background:url('/page_KR0/03_sub/images/03_03.jpg')no-repeat 50% 50%; background-size:cover; }
.sub01_03 .bg.bg4 div { background:url('/page_KR0/07_sub/images/07_03.jpg')no-repeat 50% 50%; background-size:cover; }
.sub01_03 .bg.bg5 div { background:url('/page_KR0/08_sub/images/08_03.jpg')no-repeat 50% 50%; background-size:cover; }

.sub01_03.active .bg div { transform:scale(1);  transition:all 4.2s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
.sub01_03 .subtxt.active { top:54%;  opacity:1; filter: blur(0px); transition:all 1.8s cubic-bezier(0.25, 1, 0.5, 1) 0.6s;   }
.sub01_03 .subtxt2.active { width:90%; opacity:1; filter: blur(0px); transition:all 2.2s cubic-bezier(0.25, 1, 0.5, 1) 0.2s;  }


.sub01_04 { position:relative; width:100%; background:#f2f0ed; padding-bottom:130px; overflow:hidden; }
.sub01_04 h2 { transform:translateY(90px); opacity:0; filter: blur(4px); transition:all 1.8s cubic-bezier(0.25, 1, 0.5, 1) 0.2s; width:100%; text-align:center; font-size:30px; font-weight:700; color:#5d0f17; line-height:100%; padding-top:100px; }
.sub01_04 .boxwrap { transform:translateY(90px); opacity:0; filter: blur(4px); transition:all 1.8s cubic-bezier(0.25, 1, 0.5, 1) 0.2s; position:relative; width:100%; margin-top:70px; display:flex; justify-content: space-between; }
.sub01_04 .boxwrap div.box { position:relative; width:25%; cursor:pointer; }
.sub01_04 .boxwrap div.box ul.imgs { position:relative; width:100%; height:537px; overflow:hidden;  }
.sub01_04 .boxwrap div.box ul.imgs .t1 { transform:scale(1); transition:all 2.8s cubic-bezier(0.25, 1, 0.5, 1) 0s;  width:100%; height:100%; background:url('/page_KR0/01_sub/images/01_04img1.jpg')no-repeat 50% 50%; background-size:cover; }
.sub01_04 .boxwrap div.box ul.imgs .t2 { opacity:0.4; transition:all 2.8s cubic-bezier(0.25, 1, 0.5, 1) 0s;  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; font-family: 'helvetica53-extended'; font-size:65px; color:#d5d5cd; line-height:100%; letter-spacing:1px; text-align:center; }

.sub01_04 .boxwrap div.box ul.imgs .t3 { 
	transition:all 2.8s cubic-bezier(0.25, 1, 0.5, 1) 0s;  
	position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; text-align:center; 
}
.sub01_04 .boxwrap div.box ul.imgs .t3 div:nth-child(1) { opacity:0.4;  font-family: 'helvetica53-extended'; font-size:65px; color:#d5d5cd; line-height:100%; letter-spacing:1px;  }
.sub01_04 .boxwrap div.box ul.imgs .t3 div:nth-child(2) { width:90%; margin:0 auto; padding-top:20px; display:flex; gap:7px; justify-content: center; }
.sub01_04 .boxwrap div.box ul.imgs .t3 div:nth-child(2) span { display:inline-block; padding:6px 14px; font-size:15px; font-weight:500; color:#000000; border-radius:6px; background:#dcdad2; }

.sub01_04 .boxwrap div.box.box01 ul.imgs .t1 { background:url('/page_KR0/01_sub/images/01_04img1.jpg')no-repeat 50% 50%; background-size:cover; }
.sub01_04 .boxwrap div.box.box02 ul.imgs .t1 { background:url('/page_KR0/01_sub/images/01_04img2.jpg')no-repeat 50% 50%; background-size:cover; }
.sub01_04 .boxwrap div.box.box03 ul.imgs .t1 { background:url('/page_KR0/01_sub/images/01_04img3.jpg')no-repeat 50% 50%; background-size:cover; }
.sub01_04 .boxwrap div.box.box04 ul.imgs .t1 { background:url('/page_KR0/01_sub/images/01_04img4.jpg')no-repeat 50% 50%; background-size:cover; }
.sub01_04 .boxwrap div.box.box05 ul.imgs .t1 { background:url('/page_KR0/02_sub/images/02_04img1.jpg')no-repeat 50% 50%; background-size:cover; }
.sub01_04 .boxwrap div.box.box06 ul.imgs .t1 { background:url('/page_KR0/02_sub/images/02_04img2.jpg')no-repeat 50% 50%; background-size:cover; }
.sub01_04 .boxwrap div.box.box07 ul.imgs .t1 { background:url('/page_KR0/02_sub/images/02_04img3.jpg')no-repeat 50% 50%; background-size:cover; }
.sub01_04 .boxwrap div.box.box08 ul.imgs .t1 { background:url('/page_KR0/02_sub/images/02_04img4.jpg')no-repeat 50% 50%; background-size:cover; }
.sub01_04 .boxwrap div.box.box09 ul.imgs .t1 { background:url('/page_KR0/01_sub/images/0102_04img1.jpg')no-repeat 50% 50%; background-size:cover; }
.sub01_04 .boxwrap div.box.box10 ul.imgs .t1 { background:url('/page_KR0/01_sub/images/0102_04img2.jpg')no-repeat 50% 50%; background-size:cover; }
.sub01_04 .boxwrap div.box.box11 ul.imgs .t1 { background:url('/page_KR0/01_sub/images/0102_04img3.jpg')no-repeat 50% 50%; background-size:cover; }
.sub01_04 .boxwrap div.box.box12 ul.imgs .t1 { background:url('/page_KR0/01_sub/images/0102_04img4.jpg')no-repeat 50% 50%; background-size:cover; }
.sub01_04 .boxwrap div.box.box13 ul.imgs .t1 { background:url('/page_KR0/07_sub/images/0703_04img1.jpg')no-repeat 50% 50%; background-size:cover; }
.sub01_04 .boxwrap div.box.box14 ul.imgs .t1 { background:url('/page_KR0/07_sub/images/0703_04img2.jpg')no-repeat 50% 50%; background-size:cover; }
.sub01_04 .boxwrap div.box.box15 ul.imgs .t1 { background:url('/page_KR0/07_sub/images/0703_04img3.jpg')no-repeat 50% 50%; background-size:cover; }
.sub01_04 .boxwrap div.box.box16 ul.imgs .t1 { background:url('/page_KR0/07_sub/images/0703_04img4.jpg')no-repeat 50% 50%; background-size:cover; }



.sub01_04 .txt { position:relative; width:100%; margin-top:36px; text-align:center; font-size:21px; font-weight:600; color:#5d0f17; line-height:140%; }

.sub01_04 .boxwrap2 { 
	transform:translateY(90px); opacity:0; filter: blur(4px); transition:all 1.8s cubic-bezier(0.25, 1, 0.5, 1) 0.2s; 
	position:relative; width:100%; margin-top:70px; display:flex; flex-wrap:wrap; justify-content: space-between; 
}
.sub01_04 .boxwrap2 div.box { position:relative; width:33.333333333%;  margin-bottom:60px; cursor:pointer; }
.sub01_04 .boxwrap2 div.box:nth-child(4),.sub01_04 .boxwrap2 div.box:nth-child(5),.sub01_04 .boxwrap2 div.box:nth-child(6) { margin-bottom:0px; }
.sub01_04 .boxwrap2 div.box ul.imgs { position:relative; width:100%; height:361px; overflow:hidden;  }
.sub01_04 .boxwrap2 div.box ul.imgs .t1 { transform:scale(1); transition:all 2.8s cubic-bezier(0.25, 1, 0.5, 1) 0s;  width:100%; height:100%; background:url('/page_KR0/01_sub/images/01_04img1.jpg')no-repeat 50% 50%; background-size:cover; }
.sub01_04 .boxwrap2 div.box ul.imgs .t2 { 
opacity:0.4; transition:all 2.8s cubic-bezier(0.25, 1, 0.5, 1) 0s;  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; 
text-align:center; }

.sub01_04 .boxwrap2 div.box ul.imgs .t2 span.txt1 { display:block; width:100%; font-size:35px; color:#d5d5cd; line-height:100%; font-weight:700;  }
.sub01_04 .boxwrap2 div.box ul.imgs .t2 span.txt2 { display:block; width:100%; margin-top:12px; font-family: 'helvetica53-extended'; font-size:19px; color:#d5d5cd; line-height:100%; letter-spacing:1px; }

.sub01_04 .boxwrap2 div.box.box01 ul.imgs .t1 { background:url('/page_KR0/07_sub/images/07_04img1.jpg')no-repeat 50% 50%; background-size:cover; }
.sub01_04 .boxwrap2 div.box.box02 ul.imgs .t1 { background:url('/page_KR0/07_sub/images/07_04img2.jpg')no-repeat 50% 50%; background-size:cover; }
.sub01_04 .boxwrap2 div.box.box03 ul.imgs .t1 { background:url('/page_KR0/07_sub/images/07_04img3.jpg')no-repeat 50% 50%; background-size:cover; }
.sub01_04 .boxwrap2 div.box.box04 ul.imgs .t1 { background:url('/page_KR0/07_sub/images/07_04img4.jpg')no-repeat 50% 50%; background-size:cover; }
.sub01_04 .boxwrap2 div.box.box05 ul.imgs .t1 { background:url('/page_KR0/07_sub/images/07_04img5.jpg')no-repeat 50% 50%; background-size:cover; }
.sub01_04 .boxwrap2 div.box.box06 ul.imgs .t1 { background:url('/page_KR0/07_sub/images/07_04img6.jpg')no-repeat 50% 50%; background-size:cover; }

.sub01_04 .boxwrap3 { 
	transform:translateY(90px); opacity:0; filter: blur(4px); transition:all 1.8s cubic-bezier(0.25, 1, 0.5, 1) 0.2s; 
	position:relative; width:100%; margin-top:70px; display:flex; flex-wrap:wrap; justify-content: space-between; 
}
.sub01_04 .boxwrap3 div.box { position:relative; width:50%;  cursor:pointer; }
.sub01_04 .boxwrap3 div.box ul.imgs { position:relative; width:100%; height:537px; overflow:hidden;  }
.sub01_04 .boxwrap3 div.box ul.imgs .t1 { transform:scale(1); transition:all 2.8s cubic-bezier(0.25, 1, 0.5, 1) 0s;  width:100%; height:100%;  }
.sub01_04 .boxwrap3 div.box ul.imgs .t2 { opacity:0.4; transition:all 2.8s cubic-bezier(0.25, 1, 0.5, 1) 0s;  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; font-family: 'helvetica53-extended'; font-size:65px; color:#d5d5cd; line-height:100%; letter-spacing:1px; text-align:center; }
.sub01_04 .boxwrap3 div.box.box01 ul.imgs .t1 { background:url('/page_KR0/08_sub/images/08_04img1.jpg')no-repeat 50% 50%; background-size:cover; }
.sub01_04 .boxwrap3 div.box.box02 ul.imgs .t1 { background:url('/page_KR0/08_sub/images/08_04img2.jpg')no-repeat 50% 50%; background-size:cover; }

.sub01_04 .boxwrap div.box:hover ul.imgs .t1 { transform:scale(1.1); transition:all 2.8s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
.sub01_04 .boxwrap div.box:hover ul.imgs .t2 { opacity:1; transition:all 2.8s cubic-bezier(0.25, 1, 0.5, 1) 0s;  }
.sub01_04 .boxwrap div.box:hover ul.imgs .t3 { opacity:1; transition:all 2.8s cubic-bezier(0.25, 1, 0.5, 1) 0s;  }
.sub01_04.active h2 { transform:translateY(0); opacity:1; filter: blur(0px); transition:all 1.8s cubic-bezier(0.25, 1, 0.5, 1) 0.1s;  }
.sub01_04.active .boxwrap { transform:translateY(0); opacity:1; filter: blur(0px); transition:all 1.8s cubic-bezier(0.25, 1, 0.5, 1) 0.5s;  }
.sub01_04 .boxwrap2 div.box:hover ul.imgs .t1 { transform:scale(1.1); transition:all 2.8s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
.sub01_04 .boxwrap2 div.box:hover ul.imgs .t2 { opacity:1; transition:all 2.8s cubic-bezier(0.25, 1, 0.5, 1) 0s;  }
.sub01_04.active .boxwrap2 { transform:translateY(0); opacity:1; filter: blur(0px); transition:all 1.8s cubic-bezier(0.25, 1, 0.5, 1) 0.5s;  }
.sub01_04 .boxwrap3 div.box:hover ul.imgs .t1 { transform:scale(1.1); transition:all 2.8s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
.sub01_04 .boxwrap3 div.box:hover ul.imgs .t2 { opacity:1; transition:all 2.8s cubic-bezier(0.25, 1, 0.5, 1) 0s;  }
.sub01_04.active .boxwrap3 { transform:translateY(0); opacity:1; filter: blur(0px); transition:all 1.8s cubic-bezier(0.25, 1, 0.5, 1) 0.5s;  }


.sub0702_02 { position:relative; width:100%; padding:130px 0; background:#dcdad2; text-align:center; }
.sub0702_02 .tit { font-size:40px; font-weight:700; color:#5d0f17; opacity:0; filter: blur(10px); transform:translateY(30px); transition:all 0.9s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
.sub0702_02.active .tit { opacity:1; filter: blur(0px); transform:translateY(0px); transition:all 0.9s cubic-bezier(0.25, 1, 0.5, 1) 0.1s; }
 
.sub0702_02 .list { display:flex; gap:24px; width:94%; margin:60px auto 0 auto; text-align:center; }
.sub0702_02 .list li { flex:1; opacity:0; filter: blur(10px); transform:translateY(40px); transition:all 0.9s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
.sub0702_02.active .list li { opacity:1; filter: blur(0px); transform:translateY(0px); }
.sub0702_02.active .list li:nth-child(1) { transition:all 0.9s cubic-bezier(0.25, 1, 0.5, 1) 0.25s; }
.sub0702_02.active .list li:nth-child(2) { transition:all 0.9s cubic-bezier(0.25, 1, 0.5, 1) 0.4s; }
.sub0702_02.active .list li:nth-child(3) { transition:all 0.9s cubic-bezier(0.25, 1, 0.5, 1) 0.55s; }
.sub0702_02.active .list li:nth-child(4) { transition:all 0.9s cubic-bezier(0.25, 1, 0.5, 1) 0.6s; }
.sub0702_02.active .list li:nth-child(5) { transition:all 0.9s cubic-bezier(0.25, 1, 0.5, 1) 0.75s; }
 
.sub0702_02 .thumb { position:relative; width:100%; background:#e2ddd6; overflow:hidden; }
.sub0702_02 .thumb img { width:100%; height:100%; object-fit:cover; transform:scale(1.1); transition:transform 1.6s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
.sub0702_02.active .thumb img { transform:scale(1); }
 
.sub0702_02 .kr { margin-top:24px; font-size:20px; font-weight:600; color:#292929; }
.sub0702_02 .en { margin-top:4px; font-size:20px; font-weight:500; color:#292929; }


.sub0102_01 { position:relative; width:100%; background:#f2f0ed; padding:100px 0 150px 0; overflow:hidden; }
.sub0102_01 .sub_inner { position:relative; width:90%; max-width:1684px; margin:0 auto; }
.sub0102_01 .title { width:100%; text-align:center; color:#5d0f17; font-size:35px; font-weight:700; letter-spacing:1px; opacity:0; transform:translateY(30px); transition:opacity 1s ease, transform 1s ease; }
.sub0102_01.active .title { opacity:1; transform:translateY(0); }
.sub0102_01 .txt1 { width:100%; text-align:center; color:#5d0f17; font-size:19px; font-weight:400; margin-top:14px; opacity:0; transform:translateY(30px); transition:opacity 1s ease, transform 1s ease; }
.sub0102_01.active .txt1 { opacity:1; transform:translateY(0); }
.sub0102_01 .boxwrap { display:flex; gap:24px; list-style:none; padding:0; margin:0; margin-top:56px;  }
.sub0102_01 .boxwrap li { flex:1; opacity:0; transform:translateY(50px); transition:opacity 0.8s ease, transform 0.8s ease; }
.sub0102_01.active .boxwrap li { opacity:1; transform:translateY(0); }
.sub0102_01.active .boxwrap li:nth-child(1) { transition-delay:0s; }
.sub0102_01.active .boxwrap li:nth-child(2) { transition-delay:0.15s; }
.sub0102_01.active .boxwrap li:nth-child(3) { transition-delay:0.3s; }
.sub0102_01.active .boxwrap li:nth-child(4) { transition-delay:0.45s; }
.sub0102_01 .boxwrap li .imgs { width:100%; overflow:hidden; margin-bottom:24px; }
.sub0102_01 .boxwrap li .imgs img { width:100%; height:100%; object-fit:cover; }
.sub0102_01 .boxwrap li .step { display:flex; align-items:center; gap:10px; color:#5d0f17; font-size:22px; font-weight:600; margin-bottom:10px; }
.sub0102_01 .boxwrap li .step .num { display:flex; align-items:center; justify-content:center; width:24px; height:24px; background:#7c1f2a; color:#f2f0ed; font-size:17px; font-weight:500; border-radius:50%; flex-shrink:0; }
.sub0102_01 .boxwrap li .desc { color:#5d0f17; font-size:18px; font-weight:400; line-height:1.5; }


.sub01_05 { position:relative; width:100%; padding-top:190px; background:#f0e2df; overflow:hidden; }
.sub01_05 h2 { transform:translateY(90px); opacity:0; filter: blur(4px); transition:all 1.8s cubic-bezier(0.25, 1, 0.5, 1) 0.2s; width:100%; text-align:center; font-family: 'Noto Serif KR'; font-size:28px; font-weight:600; color:#5d0f17; line-height:140%; font-style: italic; }
.sub01_05 .subcenter { position:relative; width:100%; overflow:hidden; margin-top:180px; }
.sub01_05 .bg { position:relative; width:50%; height:1096px; overflow:hidden; }
.sub01_05 .bg div { transform:scale(1.2); position:relative; width:100%; height:100%; background:url('/page_KR0/01_sub/images/01_05.jpg')no-repeat 50% 50%; background-size:cover; }
.sub01_05 .subtxt { transform:translateY(90px); opacity:0; filter: blur(4px); transition:all 1.8s cubic-bezier(0.25, 1, 0.5, 1) 0.2s; position:absolute; top:64%; left:55%; transform:translateY(-50%); width:40%;  }
.sub01_05 .subtxt .t1 { font-size:35px; font-weight:700; color:#5d0f17; line-height:130%; }
.sub01_05 .subtxt .t2 { margin-top:60px; }
.sub01_05 .subtxt .t2 ul { width:80%; padding:32px 0; border-bottom:1px solid #e0c6c0; }
.sub01_05 .subtxt .t2 ul li:nth-child(1) { font-size:22px; font-weight:700; color:#5d0f17; line-height:100%;  }
.sub01_05 .subtxt .t2 ul li:nth-child(2) { margin-top:10px; font-size:19px; font-weight:500; color:#5d0f17; line-height:150%;  }

.sub01_05.sub0401_03 { position:relative; width:100%; padding-top:0px; background:#f0e2df; overflow:hidden; }
.sub01_05.sub0401_03 .subcenter { margin-top:0px; }
.sub01_05.sub0401_03 h2 { padding:150px 0; }
.sub01_05.sub0401_03 h2 span { font-size:20px; }

.sub01_05.active h2 { transform:translateY(0); opacity:1; filter: blur(0px); transition:all 1.8s cubic-bezier(0.25, 1, 0.5, 1) 0.1s;  }
.sub01_05 .subcenter.active .bg div { transform:scale(1); transition:all 2.8s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
.sub01_05 .subcenter.active .subtxt { top:54%; opacity:1; filter: blur(0px); transition:all 1.8s cubic-bezier(0.25, 1, 0.5, 1) 0.5s; }


.sub01_06 { position:relative; width:100%; background:#5d0f17; overflow:hidden; }
.sub01_06 h2 { 
opacity:0; filter: blur(4px); transition:all 1.8s cubic-bezier(0.25, 1, 0.5, 1) 0.2s; 
position:absolute; top:30%; left:55%; transform:translate(-50%,-50%); width: 68%; font-family: 'helvetica53-extended'; font-size:80px; color:#ffffff; line-height:100%; letter-spacing:1px; 
}
.sub01_06.sub01_0666 h2 { width:76%; }

.sub01_06 .bg { position:relative; width:50%; height:1220px; overflow:hidden; }
.sub01_06 .bg div { transform:scale(1.2); position:relative; width:100%; height:100%; background:url('/page_KR0/01_sub/images/01_06.jpg')no-repeat 50% 50%; background-size:cover; }
.sub01_06 .bg.bg2 div { background:url('/page_KR0/02_sub/images/02_06.jpg')no-repeat 50% 50%; background-size:cover; }
.sub01_06 .bg.bg4 div { background:url('/page_KR0/07_sub/images/07_06.jpg')no-repeat 50% 50%; background-size:cover; }
.sub01_06 .bg.bg5 div { background:url('/page_KR0/01_sub/images/0102_06.jpg')no-repeat 50% 50%; background-size:cover; }

.sub01_06 .subtxt { position:absolute; top:68%; left:55%; transform:translateY(-50%); width:40%; opacity:0; filter: blur(4px); transition:all 1.8s cubic-bezier(0.25, 1, 0.5, 1) 0.2s;  }
.sub01_06 .subtxt .t1 { font-size:19px; font-weight:500; color:#ffffff; line-height:150%; }
.sub01_06 .subtxt .t2 { margin-top:160px; padding-left:26px; border-left:1px solid rgba(255,255,255,10%); font-size:19px; font-weight:500; color:#ffffff; line-height:150%;  }
.sub01_06 .subtxt .t2 span { font-family: 'Noto Serif KR'; font-size:16px; font-weight:600; color:#c2c2c2; font-style: italic; }
.sub01_06 .subtxt .t3 { margin-top:40px; padding-left:26px;  font-family: 'Noto Serif KR'; font-size:16px; font-weight:600; color:#c2c2c2; line-height:150%; font-style: italic; }


.sub01_06.active .bg div { transform:scale(1); transition:all 2.8s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
.sub01_06.active h2 { left:63%; opacity:1; filter: blur(0px); transition:all 1.8s cubic-bezier(0.25, 1, 0.5, 1) 0.5s; }
.sub01_06.sub01_066.active h2 { left:75%; }
.sub01_06 .subtxt.active { top:56%; opacity:1; filter: blur(0px); transition:all 1.8s cubic-bezier(0.25, 1, 0.5, 1) 0.9s; }


.sub0401_01 { position:relative; width:100%; padding:160px 0; background:#5d0f17; overflow:hidden; text-align:center; }
.sub0401_01 .txt1 { font-size:23px; font-weight:500; color:#ffffff; line-height:160%; }
.sub0401_01 .txt2 { margin-top:50px; font-family: 'helvetica53-extended'; font-size:60px; color:#d5d5cd; line-height:100%; letter-spacing:1px; }
.sub0401_01 .imgs { width:100%; display:flex; max-width:1366px; margin:0 auto; margin-top:60px; flex-wrap:wrap; justify-content: space-between; }
.sub0401_01 .imgs li { width:31.33%; }
.sub0401_01 .txt3 { margin-top:50px; font-size:18px; font-weight:500; color:#ffffff; line-height:160%; }

.sub0401_02 { position:relative; width:100%; height:100vh; overflow:hidden; }
.sub0401_02 .bg  { transform:scale(1.2); position:relative; width:100%; height:100%; background:url('/page_KR0/04_sub/images/0401_02.jpg')no-repeat 50% 50%; background-size:cover; }
.sub0401_02 .subtxt { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; text-align:center; }
.sub0401_02 .subtxt .title { font-family: 'helvetica53-extended'; font-size:80px; color:#d5d5cd; line-height:100%; letter-spacing:2px; }
.sub0401_02 .subtxt .t1 { margin-top:20px; font-size:18px; font-weight:500; color:#ffffff; line-height:160%; }

.sub0401_02.active .bg { transform:scale(1); transition:all 2.8s cubic-bezier(0.25, 1, 0.5, 1) 0s; }


.sub0103_01 { position:relative; width:100%; height:1026px; background:url('/page_KR0/07_sub/images/sub0103_face.jpg')no-repeat 50% 0; background-size:cover; overflow:hidden; }
.sub0103_01.sub0103_011 { background:url('/page_KR0/07_sub/images/0704_01.jpg')no-repeat 50% 0; background-size:cover; overflow:hidden; }

.sub0103_01 .pointwrap { position:relative; width:90%; max-width:1568px; margin:0 auto; }

.sub0103_01 .txtlist { position:absolute; top:326px; left:0px; width:30%; max-width:498px; z-index:2; }
.sub0103_01 .title { color:#ffffff; font-size:32px; font-weight:700; line-height:1; }
.sub0103_01 .txtlist ul { width:275px; margin-top:60px; padding-left:48px; border-left:1px solid rgba(255,255,255,10%); }
.sub0103_01 .listitem { display:flex; align-items:center; gap:14px; cursor:pointer; width:100%; margin-bottom:16px; }
.sub0103_01 .listitem:last-child { margin-bottom:0px; }
.sub0103_01 .listitem .num { display:flex; align-items:center; justify-content:center; width:32px; height:32px; background:rgba(255,255,255,0.3); color:#2b1814; font-size:24px; font-weight:600; border-radius:50%; flex-shrink:0; transition:background 0.3s ease; }
.sub0103_01 .listitem.on .num { background:#ffffff; color:#5c1f24; }
.sub0103_01 .listitem .name { flex:1; color:#fdfdfd; font-size:24px; font-weight:600; opacity:0.5; }
.sub0103_01 .listitem.on .name { opacity:1; }
.sub0103_01 .listitem .plus { color:#ffffff; font-size:25px; font-weight:600; opacity:0.5; }
.sub0103_01 .listitem.on .plus { opacity:1; }

.sub0103_01 .facebox { position:absolute; top:0px; left:43%; transform:translateX(-50%); width:100%; max-width:1129px; }
.sub0103_01 .facebox img { position:relative; width:100%; display:block; }
.sub0103_01 .pointlist { list-style:none; padding:0; margin:0; }
.sub0103_01 .point { position:absolute; display:flex; align-items:center; gap:10px; cursor:pointer; }
.sub0103_01 .point .num { 
	display:flex; align-items:center; justify-content:center; width:18px; height:18px; background:#f2f0ed; 
	color:#614c3e; font-size:13px; font-weight:700; border-radius:50%; transition:background 0.3s ease; 
}
.sub0103_01 .point.on .num { background:#59191f; color:#e0bbaa; }
.sub0103_01 .point[data-idx="0"] { top:27%; left:49%; } /* 이마/관자 */
.sub0103_01 .point[data-idx="1"] { top:40%; left:40%; } /* 눈밑/앞광대 */
.sub0103_01 .point[data-idx="2"] { top:48%; left:58%; } /* 볼/중안부 */
.sub0103_01 .point[data-idx="3"] { top:53%; left:56%; } /* 팔자/입가 */
.sub0103_01 .point[data-idx="4"] { top:66%; left:48.5%; } /* 턱끝/하관 */
.sub0103_01 .point[data-idx="5"] { top:56%; left:36%; } /* 풀페이스 */
.sub0103_01 .pointwrap2 .point[data-idx="0"] { top:27%; left:49%; } /* 이마/관자 */
.sub0103_01 .pointwrap2 .point[data-idx="1"] { top:40%; left:40%; } /* 눈밑/앞광대 */
.sub0103_01 .pointwrap2 .point[data-idx="2"] { top:48%; left:58%; } /* 볼/중안부 */
.sub0103_01 .pointwrap2 .point[data-idx="3"] { top:53%; left:56%; } /* 팔자/입가 */
.sub0103_01 .pointwrap2 .point[data-idx="4"] { top:66%; left:48.5%; } /* 턱끝/하관 */
.sub0103_01 .pointwrap2 .point[data-idx="5"] { top:71%; left:48.5%; } /* 풀페이스 */

.sub0103_01.sub0103_011 .facebox { position:absolute; top:514px; left:45%; transform:translateX(-50%); width:416px; height:275px; }
.sub0103_01.sub0103_011 .point[data-idx="0"] { top:133px; left:246px; }
.sub0103_01.sub0103_011 .point[data-idx="1"] { top:149px; left:319px; }
.sub0103_01.sub0103_011 .point[data-idx="2"] { top:171px; left:360px; }
.sub0103_01.sub0103_011 .point[data-idx="3"] { top:256px; left:333px; }
.sub0103_01.sub0103_011 .point[data-idx="4"] { top:197px; left:157px; }
.sub0103_01.sub0103_011 .point[data-idx="5"] { top:208px; left:96px; }
.sub0103_01.sub0103_011 .point[data-idx="6"] { top:176px; left:11px; }

.sub0103_01 .resultbox { position:absolute; top:316px; right:0px; width:35%; max-width:540px; }
.sub0103_01 .ba_label { width:100%; text-align:center; font-family: 'helvetica53-extended'; color:#ffffff; font-size:46px; letter-spacing:2px; margin-bottom:20px; }
.sub0103_01 .slider-container { position:relative; width:100%; overflow:hidden; }
.sub0103_01 .ba_desc { width:100%; text-align:center; color:#ffffff; font-size:16px; line-height:1.6; margin-top:20px; }

.sub0103_01 .resultbox .beforebt { position:absolute; top:12px; left:15px; width:60px; height:21px; line-height:21px; text-align:Center; font-size:14px; font-weight:400; color:#ffffff; border-radius:50px; background:#3d1314; }
.sub0103_01 .resultbox .afterbt { position:absolute; top:12px; right:15px; width:60px; height:21px; line-height:21px; text-align:Center; font-size:14px; font-weight:400; color:#ffffff; border-radius:50px; background:#3d1314;}

.sub0103_01 .slider-container {  position: relative; width: 100%; height:290px; overflow: hidden; cursor: col-resize; user-select: none; touch-action: none; }
.sub0103_01 .slider-canvas { width: 100% !important; height: 100% !important; display: block;  object-fit: cover; }
.sub0103_01 .slider-handle { position: absolute; top: 0; bottom: 0; left: 50%; width: 0px; background-color: #fff; z-index: 10; pointer-events: none; transform: translateX(-50%); }
.sub0103_01 .slider-handle::after { content: '';  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 41px; height: 41px; background:url('/images/common/slider-handle.png')no-repeat 50% 50%; background-size:41px; }





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

.sub0501 .maptxt2 { position:relative; width:100%; height:47px; display:flex; }
.sub0501 .maptxt2 li { width:33.3333%; }
.sub0501 .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; }
.sub0501 .maptxt2 li a img { display:inline-block; vertical-align:middle; padding-right:8px; }
.sub0501 .maptxt2 li:nth-child(1) a { border-right:1px solid #f9f7f7; background:#ffffff; }
.sub0501 .maptxt2 li:nth-child(2) a { border-right:1px solid #f9f7f7; background:#ffffff; }
.sub0501 .maptxt2 li:nth-child(3) a { background:#ffffff; }

.sub0501 .txt { position:relative; width:46%; }

.sub0501 .txt .txt2 { 
	position:relative; width:100%; min-height:30px; padding-left:55px; box-sizing:border-box; 
	background:url('/page_KR0/05_sub/images/05icon1.jpg')no-repeat 0 0; 
}
.sub0501 .txt .txt2 a { font-size:22px; font-weight:600; color:#6a1027; }

.sub0501 .txt .txt1 { 
	position:relative; width:100%; min-height:30px; margin-top:28px; padding-left:55px; box-sizing:border-box; 
	background:url('/page_KR0/05_sub/images/05icon2.jpg')no-repeat 0 0; font-size:17px; font-weight:400; color:#2a2d32; line-height:160%;
}
.sub0501 .txt .txt1 button { 
	display:inline-block; vertical-align:middle; margin-left:6px; width:57px; height:25px; border:0px; cursor:pointer; 
	font-size:13px; font-weight:400px; background:#f9e6e5; border-radius:4px; color:#3f3f3f; line-height:25px;
}
.sub0501 .txt .txt1 a { 
	display:inline-block; vertical-align:middle; margin-left:6px; width:57px; height:25px; border:0px; cursor:pointer; 
	font-size:13px; font-weight:400px; background:#ffffff; border-radius:4px; color:#3f3f3f; text-align:center; line-height:25px;
}

.sub0501 .txt .txt1 li.con div.c2 { margin-top:20px; font-size:18px; font-weight:400; color:#2b2220; }
.sub0501 .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;
}
.sub0501 .txt .txt3 { 
	position:relative; width:100%; padding-top:2px; margin-top:28px; padding-left:55px; box-sizing:border-box; 
	background:url('/page_KR0/05_sub/images/05icon3.jpg')no-repeat 0 0; font-size:17px; font-weight:500; color:#2a2d32;
}
.sub0501 .txt .txt3 .con { width:100%; margin-bottom:12px; display:flex; }
.sub0501 .txt .txt3 .con li.t1 { width:108px; font-size:17px; font-weight:400; color:#2a2d32; }
.sub0501 .txt .txt3 .con li.t2 { width:80%; font-size:17px; font-weight:400; color:#2a2d32; display:flex; }
.sub0501 .txt .txt3 .con li.t2 span.txt11 { display:block; width:24px; }
.sub0501 .txt .txt3 .con li.t2 span.txt22 { display:block; width:58px; text-align:right; }
.sub0501 .txt .txt3 .con li.t2 span.txt33 { display:block; width:22px; text-align:center; }
.sub0501 .txt .txt3 .con li.t2 span.txt44 { display:block; width:35px; }
.sub0501 .txt .txt3 .con li.t2 span.txt55 { display:block; width:40px; text-align:right; margin-right:6px; }


.sub0501 .txt .txt4 { 
	position:relative; width:100%; height:39px; padding-top:2px; margin-top:28px; padding-left:55px; box-sizing:border-box; 
	background:url('/page_KR0/05_sub/images/05icon4.jpg')no-repeat 0 50%; font-size:17px; font-weight:500; color:#2a2d32; display:flex; flex-wrap:wrap;
}

.sub0501 .txt .txt4 a { 
display:block; position:relative; width:194px; height:39px; margin-bottom:6px; margin-right:6px; font-size:13px; font-weight:500; color:#423d2f; background:#ffffff; line-height:39px; text-align:center; box-sizing:border-box; 
border-radius:6px;
}
.sub0501 .txt .txt4 a img { display:block; position:absolute; top:8px; left:10px; }





.fadeup { transform:translateY(90px); opacity:0; filter: blur(4px); transition:all 1.6s cubic-bezier(0.25, 1, 0.5, 1) 0.5s; }
.fadeup.active { transform:translateY(0px); opacity:100%; filter: blur(0px); transition:all 1.6s cubic-bezier(0.25, 1, 0.5, 1) 0.1s; }
.fadeup2 { transform:translateY(90px); opacity:0; filter: blur(4px); transition:all 1.6s cubic-bezier(0.25, 1, 0.5, 1) 0.5s; }
.fadeup2.active { transform:translateY(0px); opacity:100%; filter: blur(0px); transition:all 1.6s cubic-bezier(0.25, 1, 0.5, 1) 0.4s; }
.fadeup3 { transform:translateY(90px); opacity:0; filter: blur(4px); transition:all 1.6s cubic-bezier(0.25, 1, 0.5, 1) 0.5s; }
.fadeup3.active { transform:translateY(0px); opacity:100%; filter: blur(0px); transition:all 1.6s cubic-bezier(0.25, 1, 0.5, 1) 0.7s; }

.fadeup { transform:translateY(90px); opacity:0; filter: blur(4px); transition:all 1.6s cubic-bezier(0.25, 1, 0.5, 1) 0.5s; }
.active .fadeup { transform:translateY(0px); opacity:100%; filter: blur(0px); transition:all 1.6s cubic-bezier(0.25, 1, 0.5, 1) 0.1s; }
.fadeup2 { transform:translateY(90px); opacity:0; filter: blur(4px); transition:all 1.6s cubic-bezier(0.25, 1, 0.5, 1) 0.5s; }
.active .fadeup2 { transform:translateY(0px); opacity:100%; filter: blur(0px); transition:all 1.6s cubic-bezier(0.25, 1, 0.5, 1) 0.4s; }
.fadeup3 { transform:translateY(90px); opacity:0; filter: blur(4px); transition:all 1.6s cubic-bezier(0.25, 1, 0.5, 1) 0.5s; }
.active .fadeup3 { transform:translateY(0px); opacity:100%; filter: blur(0px); transition:all 1.6s cubic-bezier(0.25, 1, 0.5, 1) 0.7s; }

.subevent { position:relative; width:100%; padding:150px 0 150px 0; background:#f2f0ed; overflow:hidden; }
.subevent .title { width:100%; text-align:center; font-family: 'helvetica53-extended'; font-size:60px; color:#6a1027; line-height:100%; letter-spacing:2px; }

.subevent .eventwrap { position:relative; width:100%; max-width:1486px; margin:0 auto; margin-top:50px; display:flex; justify-content: space-between; }
.subevent .eventwrap ul { width:29.33%; border-radius:30px; background:#ffffff; overflow:hidden; }
.subevent .eventwrap ul li.txt { width:100%; padding:24px 0; text-align:center; font-size:20px; font-weight:600; color:#111111; }


.sub0501_02 { position:relative; width:100%; height:100vh; overflow:hidden; }
.sub0501_02 .main04swiper { position:relative; width:100%; height:100%; overflow:hidden;  }
.sub0501_02 .main04swiper .swiper-slide.inte01 { background:url(/page_KR0/05_sub/images/inte01bg1.jpg)no-repeat 50% 50%; background-size:cover; }
.sub0501_02 .main04swiper .swiper-slide.inte02 { background:url(/page_KR0/05_sub/images/inte01bg2.jpg)no-repeat 50% 50%; background-size:cover; }
.sub0501_02 .main04swiper .swiper-slide.inte03 { background:url/page_KR0/05_sub/images/inte01bg3.jpg)no-repeat 50% 50%; background-size:cover; }
.sub0501_02 .main04swiper .swiper-slide.inte04 { background:url(/page_KR0/05_sub/images/inte01bg4.jpg)no-repeat 50% 50%; background-size:cover; }
.sub0501_02 .main04swiper .swiper-slide.inte05 { background:url(/page_KR0/05_sub/images/inte01bg5.jpg)no-repeat 50% 50%; background-size:cover; }
.sub0501_02 .main04swiper .swiper-slide.inte06 { background:url(/page_KR0/05_sub/images/inte01bg6.jpg)no-repeat 50% 50%; background-size:cover; }
.sub0501_02 .main04swiper .swiper-slide.inte07 { background:url(/page_KR0/05_sub/images/inte01bg7.jpg)no-repeat 50% 50%; background-size:cover; }
.sub0501_02 .main04swiper .swiper-slide.inte08 { background:url(/page_KR0/05_sub/images/inte01bg8.jpg)no-repeat 50% 50%; background-size:cover; }

.sub0501_02 .swiperbt { position:absolute; top:60%; left:50%; width:100%; max-width:1446px; transform:translate(-50%,-50%); z-index:2; overflow:hidden; opacity:0%; filter: blur(4px); transition:all 1.4s cubic-bezier(0.25, 1, 0.5, 1) 0.5s; }
.sub0501_02 .swiperbt .title { width:100%; margin-bottom:50px; text-align:center; font-size:19px; font-weight:500; color:#ffffff; }
.sub0501_02 .swiperbt .swiper-wrapper { height:586px; }
.sub0501_02 .swiperbt .swiper-slide { position:relative; }
.sub0501_02 .swiperbt .swiper-slide img { display:block; width:80%; padding-top:32%; margin:0 auto; transition:all 0.6s cubic-bezier(0.25, 1, 0.5, 1) 0s; }
.sub0501_02 .swiperbt .swiper-slide.swiper-slide-active img { display:block; width:100%; padding-top:0%; transition:all 0.6s cubic-bezier(0.25, 1, 0.5, 1) 0s; }

.sub0501_02 .main06bt { position:absolute; bottom:5%; left:0px; width:100%; display:flex; justify-content: center; z-index:2; }
.sub0501_02 .main06bt .btprev2 { width:41px; cursor:pointer; }
.sub0501_02 .main06bt .btnext2 { width:41px; cursor:pointer; }
.sub0501_02 .main06bt .swiper-pagination2 { background:url(/page_KR0/05_sub/images/bnf_pag.png)no-repeat 50% 50%; width:80px; padding-top:7px; text-align:center; font-size:0px; font-weight:500; color:#ffffff; display:flex; justify-content: center; }
.sub0501_02 .main06bt .swiper-pagination2 span.swiper-pagination-current { padding-right:16px; font-size:16px; font-weight:500; color:#ffffff;  }
.sub0501_02 .main06bt .swiper-pagination2 span.swiper-pagination-total { padding-left:16px; font-size:16px; font-weight:500; color:#ffffff;  }
.sub0501_02 .maintxt1 { 
	position:absolute; top:14%; left:10%; transform:translate(-50%,-50%);
	font-family: 'Orpheus Pro'; font-size:70px; color:#ffffff; line-height:100%; z-index:2; opacity:0%; filter: blur(4px); transition:all 1.2s cubic-bezier(0.25, 1, 0.5, 1) 0.6s;
}
.sub0501_02 .subtxt2 { position:absolute; top:50%; left:50%; transform:translateX(-50%); width:60%; z-index:1; opacity:0; filter: blur(4px); transition:all 1.4s cubic-bezier(0.25, 1, 0.5, 1) 0.1s;  display:flex; justify-content: space-between;   }
.sub0501_02 .subtxt2 li.t1 { width:320px; font-family: 'helvetica53-extended'; font-size:20px; color:#ffffff; line-height:100%; letter-spacing:1px; }
.sub0501_02 .subtxt2 li.t2 { width:320px; text-align:center; font-size:20px; font-weight:600; color:#ffffff; line-height:100%; }
.sub0501_02 .subtxt2 li.t3 { width:320px; text-align:right; font-family: 'helvetica53-extended'; font-size:20px; color:#ffffff; line-height:100%; letter-spacing:1px; }


.sub0501_02.active .subtxt2 { width:90%; opacity:1; filter: blur(0px); transition:all 2.2s cubic-bezier(0.25, 1, 0.5, 1) 0.2s;  }
.sub0501_02.active .maintxt1 { left:21.6%; opacity:100%; filter: blur(0px); transition:all 1.4s cubic-bezier(0.25, 1, 0.5, 1) 0.6s; }
.sub0501_02.active .swiperbt { top:50%; opacity:100%; filter: blur(0px); transition:all 1.4s cubic-bezier(0.25, 1, 0.5, 1) 1.0s; }

.sub0701 { position:relative; width:90%; max-width:560px; margin:0 auto; padding-top:50px;padding-bottom:120px; overflow:hidden; }
.sub0701 ul { position:relative; width:100%; }
.sub0701 ul li.name { width:100%; height:64px; margin:0 auto; overflow:hidden; }
.sub0701 ul li.phone { width:100%; height:64px; margin:0 auto; padding-top:8px; overflow:hidden; }
.sub0701 ul li.subject1 { width:100%; height:64px; margin:0 auto; padding-top:8px; overflow:hidden; }
.sub0701 ul li.contents { width:100%; height:168px; margin:0 auto; padding-top:8px; overflow:hidden; }
.sub0701 ul li.name label,.sub0701 ul li.phone label,.sub0701 ul li.subject1 label,.sub0701 ul li.contents label,.sub0701 ul li.service label {display:none; }
.sub0701 ul li input.required {
	display:block; width:100%; height:64px; background:none; border:1px solid #884454; border-radius:10px; box-sizing:border-box; text-indent:24px;
	font-size:17px; font-weight:400; color:#282828;
}
.sub0701 ul li input.required:focus {
  background:#ffffff;
}
.sub0701 ul li.contents textarea {
	display:block; width:100%; height:168px; background:none; border:1px solid #884454; border-radius:10px; box-sizing:border-box; text-indent:24px; padding-top:14px;
	font-size:17px; font-weight:400; color:#282828;
}
.sub0701 ul li.submitbt { position:relative; width:100%; margin-top:24px;  }
.sub0701 ul li.submitbt input {
	display:block; width:100%; height:64px; font-size:20px; font-weight:500; color:#ffffff; background:#300000;
	border:0px; cursor:pointer;
}
.sub0701 ul li input.required::placeholder { color:#6d152c; }
.sub0701 ul li textarea::placeholder { color:#6d152c; }
.sub0701 ul li.prviebt { width:100%; text-align:right; padding-top:12px; font-size:13px; font-weight:400; color:#352820; }
.sub0701 input[type="checkbox"] + label span {
	display:inline-block; width:16px; height:16px; margin-right:4px; vertical-align:middle; border:none; cursor:pointer;
	background:url('/images/radio1.png')no-repeat 0 0;
}
.sub0701 input[type="checkbox"]:checked + label span { background:url('/images/radio2.png')no-repeat 0 0; }

/* ↓↓↓ 희망 날짜/시간/시술 select 추가에 따른 신규 스타일 ↓↓↓ */

/* select 박스 - input.required와 동일한 톤으로 통일, 커스텀 화살표 적용 */
.sub0701 ul li select.required {
	display:block; width:100%; height:64px; padding:0 44px 0 24px;
	background-color:transparent;
	background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8'%3E%3Cpath d='M1 1l6 6 6-6' stroke='%236d152c' stroke-width='2' fill='none'/%3E%3C/svg%3E");
	background-repeat:no-repeat;
	background-position:right 20px center;
	border:1px solid #884454; border-radius:10px; box-sizing:border-box;
	font-size:17px; font-weight:400; color:#282828;
	-webkit-appearance:none; -moz-appearance:none; appearance:none;
	cursor:pointer;
}
.sub0701 ul li select.required:focus { background-color:#ffffff; }

/* 값 미선택(placeholder 옵션) 상태일 때 텍스트 색 */
.sub0701 ul li select.required:invalid { color:#6d152c; }
.sub0701 ul li select.required option { color:#282828; }

/* flatpickr 달력이 폼 위에 정상적으로 뜨도록 */
.flatpickr-calendar { z-index:9999; }



#main088 { position:relative; width:100%; padding:150px 0; background:#f2f0ed; overflow:hidden; }
#main088 .maintxt { transform:translateY(90px); opacity:0%; filter: blur(6px); transition:all 1.2s cubic-bezier(0.25, 1, 0.5, 1) 0.1s;position:relative; width:100%; text-align:center; }
#main088 .maintxt .t1 { width:141px; margin:0 auto; }
#main088 .maintxt .t2 { font-size:21px; font-weight:500; color:#1c1c1c; line-height:100%; margin-top:16px; }
#main088 .mainyoutube { transform:translateY(90px); opacity:0%; filter: blur(6px); transition:all 1.2s cubic-bezier(0.25, 1, 0.5, 1) 0.1s;position:relative; width:100%; max-width:1484px; margin:0 auto; margin-top:50px; overflow:hidden; }
#main088 .mainyoutube .swiper-slide { position:relative; background:#ffffff; border-radius:0px 0px 14px 14px; }
#main088 .mainyoutube .imgs { position:relative; width:100%; overflow:hidden; }
#main088 .mainyoutube .imgs img { display:block; width:100%;  }
#main088 .mainyoutube .t1 { position:relative; width:88%; margin:0 auto; padding:16px 0; font-size:16px; font-weight:600; color:#000000; line-height:140%; text-align:center; overflow:hidden; }
#main088 .mainyoutube .t2 a { 
display:block; width:90%; height:32px; margin:0 auto; margin-bottom:22px; border-radius:6px; background:#e9e7e2; 
text-align:center; font-size:12px; font-weight:600; color:#3f413d; line-height:32px;
}
#main088 .mainyoutube .t2 img { display:inline-block; vertical-align:middle; margin-left:6px; }

.movdivwrap { position:fixed; width:100%; height:100%; top:0; left:0; background:url('/images/common/quickbg.png'); text-align:center;  z-index:500; }
.movdivwrap iframe { display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); border-radius:30px; overflow:hidden; }
.movdivwrap p { position:absolute; right:0; cursor:pointer; }

.mediathum .ytp-button {
	border: none;
	background-color: transparent;
	padding: 0;
	color: inherit;
	text-align: inherit;
	font-size: 100%;
	font-family: inherit;
	cursor: default;
	line-height: inherit;
	cursor:pointer;
}
.mediathum .ytp-large-play-button {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 68px;
	height: 48px;
	margin-left: -34px;
	margin-top: -24px;
	-webkit-transition: opacity .25s cubic-bezier(0,0,.2,1);
	transition: opacity .25s cubic-bezier(0,0,.2,1);
	z-index:5;
}

#main088.active .maintxt { transform:translateY(0px); opacity:100%; filter: blur(0px);  transition:all 1.2s cubic-bezier(0.25, 1, 0.5, 1) 0.1s; }
#main088.active .mainyoutube { transform:translateY(0px); opacity:100%; filter: blur(0px);  transition:all 1.2s cubic-bezier(0.25, 1, 0.5, 1) 0.4s; }


.subbottom { display:none; }


#main02 {

    padding-top: 150px;
    box-sizing: border-box;
}

.mbr { display:none; }






.sub06_02 { width:100%; padding:50px 0 100px 0; background:#f2f0ed; overflow:hidden; }
.sub06_02 .subtxt { text-align:center; margin-bottom:80px; }
.sub06_02 .t1 { font-family:'Noto Serif KR', serif; font-size:18px; color:#886329; margin-bottom:15px; letter-spacing:1px; }
.sub06_02 .t2 { font-family:'Noto Serif KR', serif; font-size:48px; color:#333; margin-bottom:20px; font-weight:600; letter-spacing:-1px; }
.sub06_02 .t3 { font-size:18px; color:#666; line-height:1.6; }

.sub06_02 .youtube-wrap { width:90%; max-width:1400px; margin:0 auto; }
.sub06_02 .yt-title { font-size:32px; font-weight:700; color:#1e241f; margin-bottom:30px; letter-spacing:-1px; border-bottom:2px solid #1e241f; padding-bottom:15px; }
.sub06_02 .yt-title span { color:#ccb282; font-weight:400; }
.sub06_02 .mt-80 { margin-top:100px; } /* 숏츠 영역 위 여백 */

/* 🌟 리스트 기본 속성 (찌꺼기 calc 삭제 및 grid 완벽 세팅) */
.sub06_02 .yt-list { display:grid; gap:60px 25px; }
.sub06_02 .yt-list li { width:100%; transition:transform 0.3s; }
.sub06_02 .yt-list li:hover { transform:translateY(-10px); }

/* 썸네일 공통 스타일 */
.sub06_02 .yt-thumb { position:relative; display:block; width:100%; border-radius:12px; overflow:hidden; background:#000; box-shadow:0 10px 20px rgba(0,0,0,0.1); }
.sub06_02 .yt-thumb img { width:100%; height:100%; object-fit:cover; display:block; transition:opacity 0.3s, transform 0.5s; opacity:0.85; }
.sub06_02 .yt-list li:hover .yt-thumb img { opacity:1; transform:scale(1.05); }

/* 가운데 재생 아이콘 */
.sub06_02 .play-icon { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:60px; height:60px; background:rgba(0,0,0,0.6); border-radius:50%; display:flex; justify-content:center; align-items:center; color:#fff; font-size:24px; text-indent:5px; backdrop-filter:blur(3px); transition:background 0.3s; }
.sub06_02 .yt-list li:hover .play-icon { background:#ccb282; }

/* 영상 제목 텍스트 */
.sub06_02 .yt-info { padding:20px 5px; }
.sub06_02 .yt-tit { font-size:18px; font-weight:500; color:#333; line-height:1.4; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; text-decoration:none; transition:color 0.3s; }
.sub06_02 .yt-list li:hover .yt-tit { color:#ccb282; }

/* 🎬 1. 일반 영상 (3단 그리드, 16:9 꽉 채우기!) */
.sub06_02 .yt-list.regular { grid-template-columns:repeat(3, 1fr); }
.sub06_02 .yt-list.regular .yt-thumb { aspect-ratio: 16 / 9; }

/* 📱 2. 숏츠 영상 (6단 그리드, 9:16 꽉 채우기!) */
.sub06_02 .yt-list.shorts { grid-template-columns:repeat(6, 1fr); gap:40px 20px; margin-top:80px; }
.sub06_02 .yt-list.shorts .yt-thumb { aspect-ratio: 9 / 16; }
.sub06_02 .yt-list.shorts .play-icon { width:45px; height:45px; font-size:18px; }
.sub06_02 .yt-list.shorts .yt-tit { font-size:16px; -webkit-line-clamp:3; }




.sub0502_01 { width:100%; padding:150px 0 ; background:#f2f0ed; }
.sub0502_01 .inner-wrap { display:flex; justify-content:space-between; align-items:flex-start; width:90%; max-width:1280px; margin:0 auto; gap:100px; }

.sub0502_01 .doc-img { width:50%; }
.sub0502_01 .doc-img img { width:100%; display:block; }

.sub0502_01 .doc-info { width:50%; padding-top:20px; }
.sub0502_01 .doc-name { font-family:'Noto Serif KR', serif; font-size:32px; color:#4e462f; margin-bottom:45px; font-weight:600; letter-spacing:-1px; }

.sub0502_01 .doc-history { margin-bottom:50px; }
.sub0502_01 .doc-history li, .sub0502_01 .doc-activity li { font-size:20px; color:#3e4039; line-height:1.8; letter-spacing:-0.5px; word-break:keep-all; }

.sub0502_01 .doc-sub-title { font-size:20px; color:#886329; margin-bottom:15px; font-weight:600; letter-spacing:-0.5px; }