/* header { background:#f7f3ed; transition: background 0.4s ease, backdrop-filter 0.4s ease; }
header #logo a { background:url('/images/common/logo2.svg')no-repeat 0 0; background-size:100%; }

header #gnb li.dt1menu a.dt1a { color:#111111; } */


.subvisual { position:relative; width:100%; height:100vh; overflow:hidden; background:#000000; }
.subvisual .maintxt { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; text-align:center; }
.subvisual .maintxt2 { top:65%;  }
.subvisual .maintxt .t1 { font-size:25px; font-weight:600; color:#ffffff; line-height:1; }
.subvisual .maintxt .t2 { margin-top:20px; font-family: 'MaruBuriSemiBold'; font-size:50px; color:#ffffff; line-height:140%; }
.subvisual .maintxt .t3 { margin-top:30px; font-size:22px; font-weight:500; color:#eaeaea; line-height:160%; }
.subvisual .maintxt .t3 img { display:inline-block; }

.subvisual .maintxt .t1 { animation: subtxtup 1.5s cubic-bezier(0.25, 1, 0.5, 1) both 0.6s; }
.subvisual .maintxt .t2 { animation: subtxtup 1.5s cubic-bezier(0.25, 1, 0.5, 1) both 1.0s; }
.subvisual .maintxt .t3 { animation: subtxtup 1.5s cubic-bezier(0.25, 1, 0.5, 1) both 1.4s; }

.subvisual .visualbt { position:absolute; bottom:50px; left:50%; transform:translateX(-50%); width:96px; height:96px; z-index:1; }
.subvisual .visualbt span { display:block; position:absolute; top:0; left:0; width:96px; height:96px; animation: rotate_image 56s linear infinite; transform-origin: 50% 50%; }
@keyframes rotate_image{
    100% {
        transform: rotate(360deg);
    }
}
@keyframes subtxtup {
  0% { transform:translateY(90px); opacity:0; filter: blur(4px); }
  100% { transform:translateY(0px); opacity:1; filter: blur(0px); }
}

.subvisual .bg { position:absolute; top:0px; left:0px; width:100%; height:100%; animation: sectionbg 14s cubic-bezier(0.25, 1, 0.5, 1) both 0.3s; }
.subvisual .bg.bg0101 { background:url('/page_KR0/01_sub/images/0101.jpg')no-repeat 50% 0; background-size:cover; }
.subvisual .bg.bg0102 { background:url('/page_KR0/01_sub/images/0102.jpg')no-repeat 50% 0; background-size:cover; }
.subvisual .bg.bg0103 { background:url('/page_KR0/01_sub/images/0103.jpg')no-repeat 50% 0; background-size:cover; }
.subvisual .bg.bg0104 { background:url('/page_KR0/01_sub/images/0104.jpg')no-repeat 50% 0; background-size:cover; }
.subvisual .bg.bg0105 { background:url('/page_KR0/01_sub/images/0105.jpg')no-repeat 50% 0; background-size:cover; }
.subvisual .bg.bg0106 { background:url('/page_KR0/01_sub/images/0106.jpg')no-repeat 50% 0; background-size:cover; }
.subvisual .bg.bg0107 { background:url('/page_KR0/01_sub/images/0107.jpg')no-repeat 50% 0; background-size:cover; }

.subvisual .bg.bg0201 { background:url('/page_KR0/02_sub/images/0201.jpg')no-repeat 50% 0; background-size:cover; }
.subvisual .bg.bg0202 { background:url('/page_KR0/02_sub/images/0202.jpg')no-repeat 50% 0; background-size:cover; }

.subvisual .bg.bg0301 { background:url('/page_KR0/03_sub/images/0301.jpg')no-repeat 50% 0; background-size:cover; }
.subvisual .bg.bg0302 { background:url('/page_KR0/03_sub/images/0302.jpg')no-repeat 50% 0; background-size:cover; }

.subvisual .bg.bg0401 { background:url('/page_KR0/04_sub/images/0401.jpg')no-repeat 50% 0; background-size:cover; }
.subvisual .bg.bg0402 { background:url('/page_KR0/04_sub/images/0402.jpg')no-repeat 50% 0; background-size:cover; }
.subvisual .bg.bg0403 { background:url('/page_KR0/04_sub/images/0403.jpg')no-repeat 50% 0; background-size:cover; }
.subvisual .bg.bg0404 { background:url('/page_KR0/04_sub/images/0404.jpg')no-repeat 50% 0; background-size:cover; }

.subvisual .bg.bg0501 { background:url('/page_KR0/05_sub/images/0501.jpg')no-repeat 50% 0; background-size:cover; }
.subvisual .bg.bg0502 { background:url('/page_KR0/05_sub/images/0502.jpg')no-repeat 50% 0; background-size:cover; }
.subvisual .bg.bg0503 { background:url('/page_KR0/05_sub/images/0503.jpg')no-repeat 50% 0; background-size:cover; }

.subvisual .bg.bg0601 { background:url('/page_KR0/06_sub/images/0601.jpg')no-repeat 50% 0; background-size:cover; }
.subvisual .bg.bg0602 { background:url('/page_KR0/06_sub/images/0602.jpg')no-repeat 50% 0; background-size:cover; }
.subvisual .bg.bg0603 { background:url('/page_KR0/06_sub/images/0603.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%; }
}



.sub0101_01 { position:relative; width:100%; padding:180px 0; background:#e8e2da; overflow:hidden; }
.sub0101_01 .subtxt { width:100%; text-align:center; }
.sub0101_01 .t1 { font-family:'MaruBuriSemiBold'; font-size:clamp(22px,2.4vw,40px); color:#25140c; line-height:1; margin-bottom:20px; opacity:0; transform:translateY(20px); transition:opacity 1.5s cubic-bezier(.22,.68,0,1.05) 0.3s, transform 1.5s cubic-bezier(.22,.68,0,1.05) 0.3s; }
.sub0101_01 .t2 { font-size:clamp(13px,1vw,21px); font-weight:500; color:#4d423c; line-height:1.7; opacity:0; transform:translateY(20px); transition:opacity 1.2s cubic-bezier(.22,.68,0,1.05) 0.6s, transform 1.5s cubic-bezier(.22,.68,0,1.05) 0.6s; }
.sub0101_01.active .t1 { opacity:1; transform:translateY(0); }
.sub0101_01.active .t2 { opacity:1; transform:translateY(0); }
.sub0101_01 .sub-cards { display:flex; gap:35px; position:relative; width:90%; max-width:1500px; margin:0 auto; margin-top:80px; }
.sub0101_01 .sub-cards.sub-cards2  { max-width:1000px; }
.sub0101_01 .sub-card { flex:1; border:1px solid #7a7567; overflow:hidden; background:#e9e8e4; box-sizing:border-box; opacity:0; transform:translateY(30px); transition:opacity 1.2s cubic-bezier(.22,.68,0,1.05), transform 1.2s cubic-bezier(.22,.68,0,1.05); }
.sub0101_01.active .sub-card:nth-child(1) { opacity:1; transform:translateY(0); transition-delay:0.8s; }
.sub0101_01.active .sub-card:nth-child(2) { opacity:1; transform:translateY(0); transition-delay:1.0s; }
.sub0101_01.active .sub-card:nth-child(3) { opacity:1; transform:translateY(0); transition-delay:1.2s; }
.sub0101_01.active .sub-card:nth-child(4) { opacity:1; transform:translateY(0); transition-delay:1.4s; }
.sub0101_01 .sub-card-head { width:100%; height:82px; line-height:82px; font-size:clamp(14px,1.2vw,28px); font-weight:600; color:#25140c; text-align:center; }
.sub0101_01 .sub-card-img { width:100%; }
.sub0101_01 .sub-card-img img { width:100%; }
.sub0101_01 .sub-card-body { padding:30px 20px; font-size:clamp(12px,1.4vw,22px); color:#25140c; font-weight:500; line-height:1.5; text-align:center; }


.sub0103_03-wrap { display:flex; gap:80px; width:100%; max-width:1500px; margin:0 auto; margin-top:70px; }
.sub0103_03-card { flex:1; position:relative; display:flex; align-items: flex-start; justify-content:space-between; border-bottom-right-radius:80px; padding:72px 60px 0; min-height:600px; opacity:0; transition:opacity 1s ease, transform 1s cubic-bezier(.22,.68,0,1.05); }
.sub0103_03-card.light { background:#c4bdb4; transform:translateX(-30px); }
.sub0103_03-card.dark { background:#2d1f14; transform:translateX(30px); }
.sub0101_01.active .sub0103_03-card.light { opacity:1; transform:translateX(0); transition-delay:0.3s; }
.sub0101_01.active .sub0103_03-card.dark { opacity:1; transform:translateX(0); transition-delay:0.5s; }
.sub0103_03-txt { flex:0 0 auto; width:50%; padding-bottom:60px; }
.sub0103_03-head { margin-bottom:120px; }
.dk1 { font-size:clamp(22px,2.2vw,40px); font-weight:700; line-height:1; margin-bottom:8px; }
.dk2 { font-family:'Orpheus Pro','Baskervville',serif; font-size:clamp(11px,0.9vw,18px); letter-spacing:0.2em; }
.sub0103_03-card.light .dk1 { color:#442b12; }
.sub0103_03-card.light .dk2 { color:#93897e; }
.sub0103_03-card.dark .dk1 { color:#ffffff; }
.sub0103_03-card.dark .dk2 { color:#93897e; }
.dk3 { font-size:clamp(16px,1.6vw,28px); font-weight:700; margin-bottom:24px; }
.sub0103_03-card.light .dk3 { color:#442b12; }
.sub0103_03-card.dark .dk3 { color:#ffffff; }
.dk-list li { font-size:clamp(12px,1vw,17px); line-height:1; padding:8px 0; }
.sub0103_03-card.light .dk-list li { color:#4d423c; }
.sub0103_03-card.dark .dk-list li { color:rgba(255,255,255,0.8); }
.sub0103_03-img { position:absolute; bottom:-90px; right:8%; }
.sub0103_03-img img { width:100%; display:block; }



.sub0101_02 { position:relative; width:100%; padding:150px 0 0; background:#25140c; overflow:hidden; }
.sub0101_02.sub0101_022 { padding-bottom:150px; }
.sub0101_02-quote { text-align:center; margin-bottom:80px; }
.quote-open { display:block; width:31px; height:20px; margin:0 auto; margin-bottom:20px; opacity:0; transform:translateY(20px); transition:opacity 1s cubic-bezier(.22,.68,0,1.05) 0.2s, transform 1s cubic-bezier(.22,.68,0,1.05) 0.2s; }
.sub0101_02 .t1 { font-family:'MaruBuriSemiBold'; font-size:clamp(16px,1.6vw,28px); color:#cbc1bb; line-height:1.6; opacity:0; transform:translateY(20px); transition:opacity 1s cubic-bezier(.22,.68,0,1.05) 0.4s, transform 1s cubic-bezier(.22,.68,0,1.05) 0.4s; }
.quote-close { display:block; width:31px; height:20px; margin:0 auto; margin-top:20px; opacity:0; transform:translateY(20px); transition:opacity 1s cubic-bezier(.22,.68,0,1.05) 0.6s, transform 1s cubic-bezier(.22,.68,0,1.05) 0.6s; }
.sub0101_02 .t2 { font-size:clamp(12px,1vw,20px); color:#cbc1bb; font-weight:600; margin-top:20px; opacity:0; transform:translateY(20px); transition:opacity 1s cubic-bezier(.22,.68,0,1.05) 0.8s, transform 1s cubic-bezier(.22,.68,0,1.05) 0.8s; }
.sub0101_02.active .quote-open { opacity:1; transform:translateY(0); }
.sub0101_02.active .t1 { opacity:1; transform:translateY(0); }
.sub0101_02.active .quote-close { opacity:1; transform:translateY(0); }
.sub0101_02.active .t2 { opacity:1; transform:translateY(0); }
 
.sub0101_02-doctor { display:flex; justify-content: center; gap:94px; justify-content:center; }
.sub0101_02-side { display:flex; align-items:center; flex:1; }
.sub0101_02-side.left { justify-content:flex-end; gap:24px; opacity:0; transform:translateX(-30px); transition:opacity 1s cubic-bezier(.22,.68,0,1.05) 1.1s, transform 1s cubic-bezier(.22,.68,0,1.05) 1.1s; }
.sub0101_02-side.right { justify-content:flex-start; gap:24px; opacity:0; transform:translateX(30px); transition:opacity 1s cubic-bezier(.22,.68,0,1.05) 1.1s, transform 1s cubic-bezier(.22,.68,0,1.05) 1.1s; }
.sub0101_02.active .sub0101_02-side.left { opacity:1; transform:translateX(0); }
.sub0101_02.active .sub0101_02-side.right { opacity:1; transform:translateX(0); }
.side-txt { font-family: 'Orpheus Pro Medium'; font-size:clamp(18px,2vw,25px); color:#cbc1bb; letter-spacing:0.08em; white-space:nowrap; }
.side-line { flex:1; height:1px; background:rgba(255,255,255,0.2); }
.sub0101_02-img { flex:0 0 auto; width:clamp(280px,26vw,420px); opacity:0; transform:translateY(30px); transition:opacity 1.2s cubic-bezier(.22,.68,0,1.05) 1.1s, transform 1.2s cubic-bezier(.22,.68,0,1.05) 1.1s; }
.sub0101_02-img img { width:100%; display:block; }
.sub0101_02.active .sub0101_02-img { opacity:1; transform:translateY(0); }




.sub0101_03 { position:relative; width:100%; padding:120px 0 140px; background:#25140c; overflow:hidden; }
.sub0101_03 .subtxt { width:100%; text-align:center; margin-bottom:70px; }
.sub0101_03 .t1 { font-family:'MaruBuriSemiBold'; font-size:clamp(22px,2.4vw,40px); color:#cbc1bb; line-height:1; margin-bottom:20px; opacity:0; transform:translateY(20px); transition:opacity 1.2s cubic-bezier(.22,.68,0,1.05) 0.3s, transform 1.2s cubic-bezier(.22,.68,0,1.05) 0.3s; }
.sub0101_03 .t2 { font-size:clamp(13px,1.6vw,23px); font-weight:500; color:#cbc1bb; line-height:1.7; opacity:0; transform:translateY(20px); transition:opacity 1.2s cubic-bezier(.22,.68,0,1.05) 0.6s, transform 1.2s cubic-bezier(.22,.68,0,1.05) 0.6s; }
.sub0101_03.active .t1 { opacity:1; transform:translateY(0); }
.sub0101_03.active .t2 { opacity:1; transform:translateY(0); }
.sub0101_03 .sub-cards { display:flex; gap:24px; width:90%; max-width:1500px; margin:0 auto; }
.sub0101_03 .sub-cards.sub-cards2 { max-width:750px; }
.sub0101_03 .sub-card { flex:1; border-radius:10px; overflow:hidden; background:#eeedea; opacity:0; transform:translateY(30px); transition:opacity 0.9s cubic-bezier(.22,.68,0,1.05), transform 0.9s cubic-bezier(.22,.68,0,1.05); }
.sub0101_03.active .sub-card:nth-child(1) { opacity:1; transform:translateY(0); transition-delay:0.9s; }
.sub0101_03.active .sub-card:nth-child(2) { opacity:1; transform:translateY(0); transition-delay:1.05s; }
.sub0101_03.active .sub-card:nth-child(3) { opacity:1; transform:translateY(0); transition-delay:1.2s; }
.sub0101_03.active .sub-card:nth-child(4) { opacity:1; transform:translateY(0); transition-delay:1.35s; }
.sub0101_03 .sub-card-img { width:100%; }
.sub0101_03 .sub-card-img img { width:100%; display:block; }
.sub0101_03 .sub-card-head { width:100%; height:68px; line-height:68px; font-size:clamp(14px,1.2vw,24px); font-weight:600; color:#261717; text-align:center; }




.sub0101_04 { position:relative; width:100%; padding:150px 0; background:#9ca9ae; display:flex; align-items:center; justify-content:center; gap:80px; overflow:hidden; }
.sub0101_04-img { flex:0 0 auto; width:clamp(280px,48vw,659px); overflow:hidden; opacity:0; transform:translateX(-40px); transition:opacity 1.2s cubic-bezier(.22,.68,0,1.05) 0.3s, transform 1.2s cubic-bezier(.22,.68,0,1.05) 0.3s; }
.sub0101_04-img img { width:100%; height:100%; object-fit:cover; object-position:center top; display:block; }
.sub0101_04.active .sub0101_04-img { opacity:1; transform:translateX(0); }
.sub0101_04-txt { flex:0 0 auto; width:clamp(300px,42vw,660px); }
.sub0101_04 .t1 { 
	font-family:'MaruBuriSemiBold'; font-size:clamp(22px,2.4vw,40px); color:#3a2109; line-height:1; margin-bottom:30px; 
	opacity:0; transform:translateY(20px); transition:opacity 1.2s cubic-bezier(.22,.68,0,1.05) 0.4s, transform 1.2s cubic-bezier(.22,.68,0,1.05) 0.4s; 
}

.sub0101_04.active .t1 { opacity:1; transform:translateY(0); }
.t-line { display:block; width:100%; height:1px; background:rgba(37,20,12,0.25); margin-bottom:30px; opacity:0; transition:opacity 0.8s ease; }
.sub0101_04.active .t-line { opacity:1; }
.t-line:first-of-type { transition-delay:0.7s; }
.t-line:last-of-type { transition-delay:1.6s; margin-bottom:0; margin-top:30px; }
.t-list { }
.sub0101_04 .t2 { position:relative; font-size:clamp(13px,1.2vw,22px); font-weight:500; color:#3a2109; line-height:1; padding:12px 0 12px 14px; box-sizing:border-box; opacity:0; transform:translateY(10px); transition:opacity 0.7s cubic-bezier(.22,.68,0,1.05), transform 0.7s cubic-bezier(.22,.68,0,1.05); }
.sub0101_04 .t2 span { display:block; position:absolute; top:11px; left:0px; }

.sub0101_04.active .t2:nth-child(1) { opacity:1; transform:translateY(0); transition-delay:0.8s; }
.sub0101_04.active .t2:nth-child(2) { opacity:1; transform:translateY(0); transition-delay:0.95s; }
.sub0101_04.active .t2:nth-child(3) { opacity:1; transform:translateY(0); transition-delay:1.1s; }
.sub0101_04.active .t2:nth-child(4) { opacity:1; transform:translateY(0); transition-delay:1.25s; }
.sub0101_04.active .t2:nth-child(5) { opacity:1; transform:translateY(0); transition-delay:1.4s; }
.sub0101_04.active .t2:nth-child(6) { opacity:1; transform:translateY(0); transition-delay:1.55s; }



.sub0101_05 { position:relative; width:100%; padding:30px 0 140px; background:#9ca9ae; overflow:hidden; }
.sub0101_05.sub0101_055 { padding-top:150px; padding-bottom:50px; }
.sub0101_05 .subtxt { width:100%; text-align:center; margin-bottom:70px; }
.sub0101_05 .t0 { font-family: 'Fontspring-DEMO-theseasons-reg'; font-size:clamp(11px,0.9vw,20px); letter-spacing:0.2em; color:#442b12; margin-bottom:14px; opacity:0; transform:translateY(20px); transition:opacity 1s cubic-bezier(.22,.68,0,1.05) 0.2s, transform 1s cubic-bezier(.22,.68,0,1.05) 0.2s; }
.sub0101_05 .t1 { font-family:'MaruBuriSemiBold'; font-size:clamp(22px,2.4vw,45px); color:#3a2109; line-height:1; margin-bottom:20px; opacity:0; transform:translateY(20px); transition:opacity 1.2s cubic-bezier(.22,.68,0,1.05) 0.4s, transform 1.2s cubic-bezier(.22,.68,0,1.05) 0.4s; }
.sub0101_05 .t2 { font-size:clamp(13px,1vw,22px); font-weight:500; color:#442b12; line-height:1.7; opacity:0; transform:translateY(20px); transition:opacity 1.2s cubic-bezier(.22,.68,0,1.05) 0.6s, transform 1.2s cubic-bezier(.22,.68,0,1.05) 0.6s; }
.sub0101_05.active .t0 { opacity:1; transform:translateY(0); }
.sub0101_05.active .t1 { opacity:1; transform:translateY(0); }
.sub0101_05.active .t2 { opacity:1; transform:translateY(0); }
.sub0101_05 .sub-cards { display:flex; gap:24px; width:90%; max-width:1500px; margin:0 auto; }
.sub0101_05 .sub-cards.sub-cards2 { gap:48px; width:90%; max-width:1280px; margin:0 auto; }
.sub0101_05 .sub-cards.sub-cards3 { gap:48px; max-width:750px; }
.sub0101_05 .sub-card { flex:1; background:#a8b6bb; overflow:hidden; opacity:0; transform:translateY(30px); transition:opacity 0.9s cubic-bezier(.22,.68,0,1.05), transform 0.9s cubic-bezier(.22,.68,0,1.05); }
.sub0101_05.active .sub-card:nth-child(1) { opacity:1; transform:translateY(0); transition-delay:1.0s; }
.sub0101_05.active .sub-card:nth-child(2) { opacity:1; transform:translateY(0); transition-delay:1.15s; }
.sub0101_05.active .sub-card:nth-child(3) { opacity:1; transform:translateY(0); transition-delay:1.3s; }
.sub0101_05.active .sub-card:nth-child(4) { opacity:1; transform:translateY(0); transition-delay:1.45s; }
.sub0101_05 .sub-card-img { width:100%; }
.sub0101_05 .sub-card-img img { width:100%; display:block; }
.sub0101_05 .sub-card-body { padding:34px 40px; }
.sub0101_05 .ct1 { font-size:clamp(15px,1.3vw,24px); font-weight:700; color:#33210f; margin-bottom:12px; line-height:1.3; }
.sub0101_05 .ct2 { font-size:clamp(12px,0.9vw,18px); color:#574d40; font-weight:400; line-height:1.5; }




.sub0101_06 { position:relative; width:100%; padding:120px 0 140px; background:#dcd6cc; overflow:hidden; }
.sub0101_06 .subtxt { width:100%; text-align:center; margin-bottom:50px; }
.sub0101_06 .t0 { font-family: 'Fontspring-DEMO-theseasons-reg'; font-size:clamp(11px,0.9vw,20px); letter-spacing:0.2em; color:#756b60; margin-bottom:18px; opacity:0; transform:translateY(20px); transition:opacity 1s cubic-bezier(.22,.68,0,1.05) 0.2s, transform 1s cubic-bezier(.22,.68,0,1.05) 0.2s; }
.sub0101_06 .t1 { font-family:'MaruBuriSemiBold'; font-size:clamp(22px,2.4vw,45px); color:#404040; line-height:1; margin-bottom:24px; opacity:0; transform:translateY(20px); transition:opacity 1.2s cubic-bezier(.22,.68,0,1.05) 0.4s, transform 1.2s cubic-bezier(.22,.68,0,1.05) 0.4s; }
.sub0101_06 .t2 { font-size:clamp(13px,1.4vw,23px); font-weight:500; color:#404040; line-height:1; opacity:0; transform:translateY(20px); transition:opacity 1.2s cubic-bezier(.22,.68,0,1.05) 0.6s, transform 1.2s cubic-bezier(.22,.68,0,1.05) 0.6s; }
.sub0101_06.active .t0 { opacity:1; transform:translateY(0); }
.sub0101_06.active .t1 { opacity:1; transform:translateY(0); }
.sub0101_06.active .t2 { opacity:1; transform:translateY(0); }
.sub0101_06-tabs { display:flex; align-items:center; justify-content:center; gap:4px; margin-bottom:60px; background:#ece5da; border-radius:40px; width:fit-content; margin-left:auto; margin-right:auto; padding:12px; }
.tab-btn { padding:12px 40px; border-radius:30px; border:none; background:none; font-size:clamp(14px,1.1vw,20px); font-weight:600; color:#6b5f54; cursor:pointer; transition:background 0.3s, color 0.3s; font-family:'Pretendard'; }
.tab-btn.active { background:#fff; color:#25140c; box-shadow:0 2px 12px rgba(0,0,0,0.08); }
.sub0101_06-wrap { width:90%; max-width:1376px; margin:0 auto; opacity:0; transform:translateY(20px); transition:opacity 1.2s cubic-bezier(.22,.68,0,1.05) 0.9s, transform 1.2s cubic-bezier(.22,.68,0,1.05) 0.9s; }
.sub0101_06.active .sub0101_06-wrap { opacity:1; transform:translateY(0); }
.tab-content { display:none; }
.tab-content.active { display:block; }
.filler-swiper { width:100%; }
.filler-swiper .swiper-wrapper { display:flex; flex-wrap:nowrap; }
.filler-swiper .swiper-slide { flex-shrink:0; }
.filler-card { border-radius:10px; overflow:hidden; position:relative; cursor:pointer; }
.filler-card-img { width:100%; }
.filler-card-img img { width:100%; display:block; object-fit:cover; transition:filter 0.4s ease; }
.filler-card:hover .filler-card-img img {  }
.filler-card-info { position:absolute; inset:0; padding:54px 50px; display:flex; flex-direction:column; justify-content:flex-start; }
.filler-card-name { font-size:clamp(16px,1.4vw,24px); font-weight:600; color:#25140c; display:block; transition:color 0.35s ease; }
.filler-card-desc { font-size:clamp(13px,1.1vw,18px); color:#62524a; line-height:1.5; margin-top:14px; opacity:0; transform:translateY(10px); transition:opacity 0.35s ease, transform 0.35s ease; }
.filler-card-info:hover { background:rgba(255,255,255,50%); }
.filler-card:hover .filler-card-name { }
.filler-card:hover .filler-card-desc { opacity:1; transform:translateY(0); }
.sub0101_06-nav { display:flex; align-items:center; justify-content:center; gap:12px; margin-top:50px; }
.filler-prev, .filler-next { 
	background:none; border:none; font-size:clamp(12px,1vw,16px); font-weight:600; color:#6c5e49; cursor:pointer; letter-spacing:0.1em; 
	font-family: 'Orpheus Pro'; transition:color 0.2s; 
}
.filler-prev:hover, .filler-next:hover { color:#b8997a; }
.filler-divider { color:#b4afa8; font-size:14px; }
.filler-page { width:66px; height:26px; border-radius:50px; background:#ffffff; text-align:center; line-height:26px; font-family: 'Orpheus Pro'; font-size:clamp(12px,1vw,15px); color:#594a36; letter-spacing:0.06em; }



.sub0101_07 { position:relative; width:100%; height:100vh; min-height:500px; overflow:hidden; }
.sub0101_07 video { display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);  object-fit: cover; width:100%; height:100%; }
.sub0101_07 .bg { position:absolute; top:0px; left:0px; width:100%; height:100%; }
.sub0101_07 .bg.bg1 { background:url(/images/common/inte01bg1.jpg)no-repeat 50% 50%; background-size:cover; }
.sub0101_07 .bg.bg2 { background:url(/images/common/inte01bg2.jpg)no-repeat 50% 50%; background-size:cover; }
.sub0101_07 .bg.bg3 { background:url(/images/common/inte01bg3.jpg)no-repeat 50% 50%; background-size:cover; }
.sub0101_07 .bg.bg4 { background:url(/images/common/inte01bg4.jpg)no-repeat 50% 50%; background-size:cover; }
.sub0101_07 .bg.bg5 { background:url(/images/common/inte01bg5.jpg)no-repeat 50% 50%; background-size:cover; }
.sub0101_07 .bg.bg6 { background:url(/images/common/inte01bg6.jpg)no-repeat 50% 50%; background-size:cover; }
.sub0101_07 .bg.bg7 { background:url(/images/common/inte01bg7.jpg)no-repeat 50% 50%; background-size:cover; }
.sub0101_07 .bg.bg8 { background:url(/images/common/inte01bg8.jpg)no-repeat 50% 50%; background-size:cover; }
.sub0101_07 .bg.bg9 { background:url(/images/common/inte01bg9.jpg)no-repeat 50% 50%; background-size:cover; }
.sub0101_07 .bg.bg10 { background:url(/images/common/inte01bg10.jpg)no-repeat 50% 50%; background-size:cover; }

.sub0101_07-inner { position:relative; z-index:2; height:100%; display:flex; flex-direction:column; justify-content:center; text-align:center; padding:0 8%; }
.sub0101_07 .t1 { font-family:'MaruBuriSemiBold'; font-size:clamp(24px,3vw,48px); color:#ffffff; line-height:1.3; margin-bottom:24px; opacity:0; transform:translateY(20px); transition:opacity 1.2s cubic-bezier(.22,.68,0,1.05) 0.3s, transform 1.2s cubic-bezier(.22,.68,0,1.05) 0.3s; }
.sub0101_07 .t2 { font-size:clamp(13px,1.2vw,20px); color:#ffffff; line-height:1.8; opacity:0; transform:translateY(20px); transition:opacity 1.2s cubic-bezier(.22,.68,0,1.05) 0.6s, transform 1.2s cubic-bezier(.22,.68,0,1.05) 0.6s; }
.sub0101_07.active .t1 { opacity:1; transform:translateY(0); }
.sub0101_07.active .t2 { opacity:0.7; transform:translateY(0); }





.sub0101_08 { position:relative; width:100%; overflow:hidden; background:#000000; }
.sub0101_08 video { display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); opacity:60%; object-fit: cover; width:100%; height:100%; }
.sub0101_08-inner { position:relative; z-index:1; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:200px 80px 0; }
.sub0101_08-top { text-align:center; margin-bottom:60px; }
.sub0101_08 .t1 { font-family:'MaruBuriSemiBold'; font-size:clamp(24px,3vw,48px); color:#ffffff; line-height:1.4; margin-bottom:28px; opacity:0; transform:translateY(20px); transition:opacity 1.2s cubic-bezier(.22,.68,0,1.05) 0.3s, transform 1.2s cubic-bezier(.22,.68,0,1.05) 0.3s; }
.sub0101_08 .t2 { font-size:clamp(13px,1.1vw,20px); color:#ffffff; line-height:1.6; opacity:0; transform:translateY(20px); transition:opacity 1.2s cubic-bezier(.22,.68,0,1.05) 0.6s, transform 1.2s cubic-bezier(.22,.68,0,1.05) 0.6s; }
.sub0101_08.active .t1 { opacity:1; transform:translateY(0); }
.sub0101_08.active .t2 { opacity:1; transform:translateY(0); }
.sub0101_08-cards { display:flex; gap:52px; width:940px; margin:0 auto; margin-bottom:60px; }
.sub0101_08-card { position:Relative; width:31.33%; height:267px; background:rgba(255,255,255,0.12); backdrop-filter:blur(4px); border-radius:8px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; opacity:0; transform:translateY(30px); transition:opacity 0.9s cubic-bezier(.22,.68,0,1.05), transform 0.9s cubic-bezier(.22,.68,0,1.05); }
.sub0101_08.active .sub0101_08-card:nth-child(1) { opacity:1; transform:translateY(0); transition-delay:1.0s; }
.sub0101_08.active .sub0101_08-card:nth-child(2) { opacity:1; transform:translateY(0); transition-delay:1.15s; }
.sub0101_08.active .sub0101_08-card:nth-child(3) { opacity:1; transform:translateY(0); transition-delay:1.3s; }
.sub0101_08 .ck1 { font-family:'MaruBuriSemiBold'; font-size:clamp(18px,1.8vw,30px); color:#ffffff; letter-spacing:0.04em; }
.sub0101_08 .ck2 { font-family:'Orpheus Pro','Baskervville',serif; font-size:clamp(11px,0.9vw,18px); color:#e3d7d2; letter-spacing:0.2em; }
.sub0101_08-wordmark { font-family: 'Fontspring-DEMO-theseasons-reg'; font-size:clamp(60px,12vw,240px); color:rgba(255,255,255,0.5); letter-spacing:0.14em; line-height:1; text-align:center; pointer-events:none; width:100%; margin-top:auto; opacity:0; transform:translateY(20px); transition:opacity 1.2s cubic-bezier(.22,.68,0,1.05) 1.5s, transform 1.2s cubic-bezier(.22,.68,0,1.05) 1.5s; }
.sub0101_08.active .sub0101_08-wordmark { opacity:1; transform:translateY(0); }




.sub0103_01 { position:relative; width:100%; padding:150px 0 140px; background:#dcd6cc; overflow:hidden; }
.sub0103_01 .subtxt { width:100%; text-align:center; margin-bottom:80px; }
.sub0103_01 .t0 { font-family: 'Fontspring-DEMO-theseasons-reg'; font-size:clamp(11px,0.9vw,20px); letter-spacing:0.2em; color:#756b60; margin-bottom:18px; opacity:0; transform:translateY(20px); transition:opacity 1s cubic-bezier(.22,.68,0,1.05) 0.2s, transform 1s cubic-bezier(.22,.68,0,1.05) 0.2s; }
.sub0103_01 .t1 { font-family:'MaruBuriSemiBold'; font-size:clamp(22px,2.4vw,45px); color:#404040; line-height:1; margin-bottom:20px; opacity:0; transform:translateY(20px); transition:opacity 1.2s cubic-bezier(.22,.68,0,1.05) 0.3s, transform 1.2s cubic-bezier(.22,.68,0,1.05) 0.3s; }
.sub0103_01 .t2 { font-size:clamp(13px,1.6vw,23px); font-weight:500; color:#404040; line-height:1.6; opacity:0; transform:translateY(20px); transition:opacity 1.2s cubic-bezier(.22,.68,0,1.05) 0.6s, transform 1.2s cubic-bezier(.22,.68,0,1.05) 0.6s; }
.sub0103_01.active .t1 { opacity:1; transform:translateY(0); }
.sub0103_01.active .t2 { opacity:1; transform:translateY(0); }
.sub0103_01.active .t0 { opacity:1; transform:translateY(0); }
.sub0103_01-inner { display:flex; align-items:center; gap:90px; width:90%; max-width:1112px; margin:0 auto; }
.sub0103_01-img { flex:0 0 50%; opacity:0; transform:translateX(-30px); transition:opacity 1.2s cubic-bezier(.22,.68,0,1.05) 0.4s, transform 1.2s cubic-bezier(.22,.68,0,1.05) 0.4s; }
.sub0103_01.active .sub0103_01-img { opacity:1; transform:translateX(0); }
.sub0103_01-img img { width:100%; display:block; border-radius:8px; }
.sub0103_01-spec { flex:1; }
.spec-item { display:flex; align-items:center; justify-content: space-between; gap:40px; padding:34px 0; border-bottom:1px solid rgba(37,20,12,0.15); opacity:0; transform:translateX(20px); transition:opacity 0.8s cubic-bezier(.22,.68,0,1.05), transform 0.8s cubic-bezier(.22,.68,0,1.05); }
.spec-item:first-child { border-top:1px solid rgba(37,20,12,0.15); }
.sub0103_01.active .spec-item:nth-child(1) { opacity:1; transform:translateX(0); transition-delay:0.8s; }
.sub0103_01.active .spec-item:nth-child(2) { opacity:1; transform:translateX(0); transition-delay:0.95s; }
.sub0103_01.active .spec-item:nth-child(3) { opacity:1; transform:translateX(0); transition-delay:1.1s; }
.sub0103_01.active .spec-item:nth-child(4) { opacity:1; transform:translateX(0); transition-delay:1.25s; }
.spec-label { flex:0 0 auto; font-size:clamp(12px,1.2vw,18px); width:85px; text-align:center; font-weight:500; color:#25140c; background:#f7f4ef; padding:8px 0; border-radius:4px; white-space:nowrap; }
.spec-value { font-size:clamp(15px,1.4vw,20px); font-weight:500; color:#442b12; text-align:right; }
.spec-value em { display:block; font-size:12px; font-weight:500; color:#7a6b51; padding-top:4px; }

.sub0103_02 { position:relative; width:100%; padding:60px 0 150px; background:#dcd6cc; overflow:hidden; }
.sub0103_02 .subtxt { text-align:center; margin-bottom:60px; }
.sub0103_02 .t1 { font-family:'MaruBuriSemiBold'; font-size:clamp(22px,2.6vw,45px); color:#404040; line-height:1; opacity:0; transform:translateY(20px); transition:opacity 1.2s cubic-bezier(.22,.68,0,1.05) 0.3s, transform 1.2s cubic-bezier(.22,.68,0,1.05) 0.3s; }
.sub0103_02.active .t1 { opacity:1; transform:translateY(0); }
.sub0103_02-wrap { width:96%; margin:0 auto; }
.rec-swiper { width:100%; }
.rec-card { border-radius:10px; overflow:hidden; position:relative; cursor:pointer; background:#fff; }
.rec-card-img { width:100%; }
.rec-card-img img { width:100%; display:block; object-fit:cover; transition:filter 0.4s ease; }
.rec-card-info { position:absolute; inset:0; padding:50px 38px; display:flex; flex-direction:column; justify-content:flex-start; }
.rec-card-name { font-size:clamp(16px,1.4vw,24px); font-weight:700; color:#25140c; display:block; transition:color 0.35s ease; }
.rec-card-desc { font-size:clamp(12px,1vw,18px); font-weight:400; color:#574d40; line-height:1.6; margin-top:14px; }
.sub0103_02-nav { display:flex; align-items:center; justify-content:center; gap:12px; margin-top:50px; }
.rec-prev, .rec-next { 
	background:none; border:none; font-size:clamp(12px,1vw,16px); font-weight:600; color:#6c5e49; cursor:pointer; letter-spacing:0.1em; 
	font-family: 'Orpheus Pro'; transition:color 0.2s; 
}
.rec-prev:hover, .rec-next:hover { color:#b8997a; }
.rec-divider { color:#b4afa8; font-size:14px; }
.rec-page { width:66px; height:26px; border-radius:50px; background:#ffffff; text-align:center; line-height:26px; font-family: 'Orpheus Pro'; font-size:clamp(12px,1vw,15px); color:#594a36; letter-spacing:0.06em; }


.subvod { position:relative; width:90%; max-width:1500px; margin:0 auto; overflow:hidden; margin-top:100px; }
.subvod video { display:block; width:100%; }


.sub0201_01 { position:relative; width:100%; padding:120px 0 140px; background:#e8e2da; overflow:hidden; }
.sub0201_01 .subtxt { text-align:center; margin-bottom:70px; padding:0 40px; }
.sub0201_01 .t0 { font-family: 'Fontspring-DEMO-theseasons-reg'; font-size:clamp(11px,1.4vw,20px); letter-spacing:0.2em; color:#442b12; margin-bottom:12px; opacity:0; transform:translateY(20px); transition:opacity 1s cubic-bezier(.22,.68,0,1.05) 0.2s, transform 1s cubic-bezier(.22,.68,0,1.05) 0.2s; }
.sub0201_01 .t1 { font-family:'MaruBuriSemiBold'; font-size:clamp(22px,2.4vw,45px); color:#3a2109; line-height:1; margin-bottom:18px; opacity:0; transform:translateY(20px); transition:opacity 1.2s cubic-bezier(.22,.68,0,1.05) 0.4s, transform 1.2s cubic-bezier(.22,.68,0,1.05) 0.4s; }
.sub0201_01 .t2 { font-size:clamp(13px,1.2vw,23px); font-weight:500; color:#442b12; line-height:1.5; opacity:0; transform:translateY(20px); transition:opacity 1.2s cubic-bezier(.22,.68,0,1.05) 0.6s, transform 1.2s cubic-bezier(.22,.68,0,1.05) 0.6s; }
.sub0201_01.active .t0 { opacity:1; transform:translateY(0); }
.sub0201_01.active .t1 { opacity:1; transform:translateY(0); }
.sub0201_01.active .t2 { opacity:1; transform:translateY(0); }
.sub0201_01-inner { display:flex; align-items:center; gap:50px; width:90%; max-width:1680px; margin:0 auto; }
.sub0201_01-img { flex:0 0 48%; opacity:0; transform:translateX(-30px); transition:opacity 1.2s cubic-bezier(.22,.68,0,1.05) 0.4s, transform 1.2s cubic-bezier(.22,.68,0,1.05) 0.4s; }
.sub0201_01.active .sub0201_01-img { opacity:1; transform:translateX(0); }
.sub0201_01-img img { width:100%; display:block; border-radius:4px; }
.sub0201_01-grid { flex:0 0 48%; display:grid; grid-template-columns:1fr 1fr; gap:46px; }
.area-card { background:#f4efe8; border-bottom-right-radius:50px; padding:30px 28px 32px 38px; opacity:0; transform:translateY(20px); transition:opacity 0.8s cubic-bezier(.22,.68,0,1.05), transform 0.8s cubic-bezier(.22,.68,0,1.05); }
.sub0201_01.active .area-card:nth-child(1) { opacity:1; transform:translateY(0); transition-delay:0.8s; }
.sub0201_01.active .area-card:nth-child(2) { opacity:1; transform:translateY(0); transition-delay:0.95s; }
.sub0201_01.active .area-card:nth-child(3) { opacity:1; transform:translateY(0); transition-delay:1.1s; }
.sub0201_01.active .area-card:nth-child(4) { opacity:1; transform:translateY(0); transition-delay:1.25s; }
.sub0201_01.active .area-card:nth-child(5) { opacity:1; transform:translateY(0); transition-delay:1.4s; }
.sub0201_01.active .area-card:nth-child(6) { opacity:1; transform:translateY(0); transition-delay:1.55s; }
.ac-title { font-size:clamp(16px,1.4vw,28px); font-weight:700; color:#222222; margin-bottom:10px; }
.ac-desc { font-size:clamp(12px,0.9vw,18px); font-weight:400; color:#666666; line-height:1.5; margin-bottom:16px; }
.ac-list li { font-size:clamp(12px,0.9vw,18px); font-weight:400; color:#666666; line-height:1.5; }




.sub0302_01 { display:flex; gap:80px; width:90%; max-width:1700px; margin:0 auto; margin-top:50px; }
.dev-card { flex:1; background:#fff; overflow:hidden; opacity:0; transform:translateY(30px); border-bottom-right-radius:50px; transition:opacity 0.9s cubic-bezier(.22,.68,0,1.05), transform 0.9s cubic-bezier(.22,.68,0,1.05); }
.sub0101_01.active .dev-card:nth-child(1) { opacity:1; transform:translateY(0); transition-delay:1.0s; }
.sub0101_01.active .dev-card:nth-child(2) { opacity:1; transform:translateY(0); transition-delay:1.15s; }
.sub0101_01.active .dev-card:nth-child(3) { opacity:1; transform:translateY(0); transition-delay:1.3s; }
.dev-card-img { width:100%; background:#e8e2da; display:flex; align-items:center; justify-content:center; }
.dev-card-img img { width:100%; display:block; }
.dev-card-body { padding:38px 36px 36px; }
.dev-card-head { margin-bottom:28px; }
.dv1 { font-size:clamp(18px,1.6vw,24px); font-weight:700; color:#222222; margin-bottom:6px; }
.dv2 { font-size:clamp(11px,0.9vw,16px); font-weight:500; color:#9d9d9d; }
.dv3 { font-size:clamp(12px,0.95vw,18px); font-weight:400; color:#666666; line-height:1.6; margin-bottom:24px; }
.dev-spec {  }
.dev-spec li { display:flex; align-items:center; justify-content:space-between; padding:18px 0; border-bottom:1px solid #dcdcdc; }
.dev-spec li:last-child { border-bottom:0px; }
.ds-label { font-size:clamp(12px,1.2vw,18px); color:#9d9d9d; }
.ds-value { font-size:clamp(13px,1vw,18px); font-weight:600; color:#222222; }



.sub0501_01 { width:90%; max-width:1500px; margin:0 auto; padding-top:100px; padding-bottom:40px; }
.sub0501_01-head { text-align:center; margin-bottom:70px; }
.sg1 { font-family: 'MaruBuri'; font-size:clamp(22px,2.4vw,45px); color:#cbc1bb; line-height:1; opacity:0; transform:translateY(20px); transition:opacity 1.2s cubic-bezier(.22,.68,0,1.05) 0.3s, transform 1.2s cubic-bezier(.22,.68,0,1.05) 0.3s; }
.sub0101_022.active .sg1 { opacity:1; transform:translateY(0); }
.sub0501_01-list { display:flex; gap:0; }
.sg-item { flex:1; border-left:1px solid #cbc1bb; padding:0 32px; opacity:0; transform:translateY(20px); transition:opacity 0.9s cubic-bezier(.22,.68,0,1.05), transform 0.9s cubic-bezier(.22,.68,0,1.05); }
.sub0101_022.active .sg-item:nth-child(1) { opacity:1; transform:translateY(0); transition-delay:0.8s; }
.sub0101_022.active .sg-item:nth-child(2) { opacity:1; transform:translateY(0); transition-delay:0.95s; }
.sub0101_022.active .sg-item:nth-child(3) { opacity:1; transform:translateY(0); transition-delay:1.1s; }
.sg2 { font-size:clamp(16px,1.8vw,28px); font-weight:600; color:#cbc1bb; margin-bottom:10px; }
.sg3 { font-size:clamp(12px,1.4vw,20px); font-weight:400; color:#cbc1bb; line-height:1.6; }



.subtxtwrap { position:relative; width:100%; background:#f2ede5; text-align:center; padding:180px 0px 0px; overflow:hidden; }
.subtxtwrap .t0 { font-size:clamp(13px,1.6vw,22px); font-weight:600; color:#25140c; margin-bottom:14px; opacity:0; transform:translateY(20px); transition:opacity 1s cubic-bezier(.22,.68,0,1.05) 0.2s, transform 1s cubic-bezier(.22,.68,0,1.05) 0.2s; }
.subtxtwrap .t1 { font-family: 'Fontspring-DEMO-theseasons-reg'; font-size:clamp(32px,4vw,60px); color:#261717; letter-spacing:0.02em; margin-bottom:26px; opacity:0; transform:translateY(20px); transition:opacity 1.2s cubic-bezier(.22,.68,0,1.05) 0.4s, transform 1.2s cubic-bezier(.22,.68,0,1.05) 0.4s; }
.subtxtwrap .t2 { font-size:clamp(13px,1vw,18px); font-weight:400; color:#666666; line-height:1.6; opacity:0; transform:translateY(20px); transition:opacity 1.2s cubic-bezier(.22,.68,0,1.05) 0.8s, transform 1.2s cubic-bezier(.22,.68,0,1.05) 0.8s; }
.subtxtwrap.active .t0 { opacity:1; transform:translateY(0); }
.subtxtwrap.active .t1 { opacity:1; transform:translateY(0); }
.subtxtwrap.active .t2 { opacity:1; transform:translateY(0); }


.sub0701_01 { position:relative; width:100%; background:#f2ede5; overflow:hidden; }
.sub0701_01 .subtxt { text-align:center; padding:180px 40px 70px; }
.sub0701_01 .subtxt.subtxt2 { text-align:center; padding:180px 40px 20px; }
.sub0701_01 .t0 { font-size:clamp(13px,1.6vw,22px); font-weight:600; color:#25140c; margin-bottom:14px; opacity:0; transform:translateY(20px); transition:opacity 1s cubic-bezier(.22,.68,0,1.05) 0.2s, transform 1s cubic-bezier(.22,.68,0,1.05) 0.2s; }
.sub0701_01 .t1 { font-family: 'Fontspring-DEMO-theseasons-reg'; font-size:clamp(32px,4vw,60px); color:#261717; letter-spacing:0.02em; margin-bottom:56px; opacity:0; transform:translateY(20px); transition:opacity 1.2s cubic-bezier(.22,.68,0,1.05) 0.4s, transform 1.2s cubic-bezier(.22,.68,0,1.05) 0.4s; }
.sub0701_01 .subtxt.subtxt2 .t1 { margin-bottom:0px; }
.sub0701_01 .t2 { font-family:'MaruBuriSemiBold'; font-size:clamp(24px,2.6vw,35px); color:#502f2b; line-height:1.4; margin-bottom:28px; opacity:0; transform:translateY(20px); transition:opacity 1.2s cubic-bezier(.22,.68,0,1.05) 0.6s, transform 1.2s cubic-bezier(.22,.68,0,1.05) 0.6s; }
.sub0701_01 .t3 { font-size:clamp(13px,1vw,20px); font-weight:500; color:#502f2b; line-height:1.6; opacity:0; transform:translateY(20px); transition:opacity 1.2s cubic-bezier(.22,.68,0,1.05) 0.8s, transform 1.2s cubic-bezier(.22,.68,0,1.05) 0.8s; }
.sub0701_01.active .t0 { opacity:1; transform:translateY(0); }
.sub0701_01.active .t1 { opacity:1; transform:translateY(0); }
.sub0701_01.active .t2 { opacity:1; transform:translateY(0); }
.sub0701_01.active .t3 { opacity:1; transform:translateY(0); }
.sub0701_01-img { width:100%; height:886px; background:url('/page_KR0/07_sub/images/0701img1.jpg')no-repeat 50% 0; background-size:cover; opacity:0; transform:scale(1.04); transition:opacity 1.3s ease 0.4s, transform 1.6s cubic-bezier(.22,.68,0,1.05) 0.4s; }
.sub0701_01.active .sub0701_01-img { opacity:1; transform:scale(1); }
.sub0701_01-img img { width:100%; display:block; }

.sub0701_02 { position:relative; width:100%; padding:130px 0 0; background:#f2ede5; overflow:hidden; }
.sub0701_02 .subtxt { text-align:center; padding:0 40px; margin-bottom:70px; }
.sub0701_02 .t1 { font-family: 'Fontspring-DEMO-theseasons-reg'; font-size:clamp(30px,3.6vw,90px); color:#502f2b; letter-spacing:0.02em; margin-bottom:30px; }
.sub0701_02 .t1 .bello,
.sub0701_02 .t1 .plus,
.sub0701_02 .t1 .poise { display:inline-block; opacity:0; }
.sub0701_02 .t1 .bello { transform:translateX(-60px); transition:opacity 1s cubic-bezier(.22,.68,0,1.05) 0.2s, transform 1s cubic-bezier(.22,.68,0,1.05) 0.2s; }
.sub0701_02 .t1 .poise { transform:translateX(60px); transition:opacity 1s cubic-bezier(.22,.68,0,1.05) 0.2s, transform 1s cubic-bezier(.22,.68,0,1.05) 0.2s; }
.sub0701_02 .t1 .plus { font-family: 'Pretendard'; color:#b8997a; font-weight:300; margin:0 6px; transform:scale(0.5); transition:opacity 0.8s ease 0.5s, transform 0.8s ease 0.5s; }
.sub0701_02.active .t1 .bello,
.sub0701_02.active .t1 .poise { opacity:1; transform:translateX(0); }
.sub0701_02.active .t1 .plus { opacity:1; transform:scale(1); }
.sub0701_02 .t2 { font-size:clamp(14px,1.2vw,22px); font-weight:600; color:#502f2b; line-height:1.6; margin-bottom:30px; opacity:0; transform:translateY(20px); transition:opacity 1.2s cubic-bezier(.22,.68,0,1.05) 0.4s, transform 1.2s cubic-bezier(.22,.68,0,1.05) 0.4s; }
.sub0701_02 .t3 { font-size:clamp(13px,1vw,20px); color:#502f2b; line-height:1.7; opacity:0; transform:translateY(20px); transition:opacity 1.2s cubic-bezier(.22,.68,0,1.05) 0.6s, transform 1.2s cubic-bezier(.22,.68,0,1.05) 0.6s; }
.sub0701_02.active .t2 { opacity:1; transform:translateY(0); }
.sub0701_02.active .t3 { opacity:1; transform:translateY(0); }
.sub0701_02-gallery { display:flex; gap:12px; width:90%; max-width:1700px; margin:0 auto; }
.sub0701_02-img { flex:1; overflow:hidden; opacity:0; transition:opacity 1s ease, transform 1s cubic-bezier(.22,.68,0,1.05); }
.sub0701_02-img img { width:100%; height:100%; object-fit:cover; display:block; aspect-ratio:3/4; }
.sub0701_02-img.center { transform:scale(0.92); transition-delay:1.0s; }
.sub0701_02-img.side1 { transform:translateX(60px) scale(0.96); transition-delay:1.4s; }
.sub0701_02-img.side2 { transform:translateX(-60px) scale(0.96); transition-delay:1.4s; }
.sub0701_02.active .sub0701_02-img { opacity:1; }
.sub0701_02.active .sub0701_02-img.center { transform:scale(1); }
.sub0701_02.active .sub0701_02-img.side1 { transform:translateX(0) scale(1); }
.sub0701_02.active .sub0701_02-img.side2 { transform:translateX(0) scale(1); }


.sub0701_03 { position:relative; width:100%; padding:180px 0 140px; background:#f2ede5; overflow:hidden; }
.sub0701_03 .subtxt { text-align:center; margin-bottom:80px; padding:0 40px; }
.sub0701_03 .t1 { font-family:'Fontspring-DEMO-theseasons-reg'; font-size:clamp(34px,5vw,90px); color:#502f2c; letter-spacing:0.02em; margin-bottom:18px; opacity:0; transform:translateY(20px); transition:opacity 1.2s cubic-bezier(.22,.68,0,1.05) 0.2s, transform 1.2s cubic-bezier(.22,.68,0,1.05) 0.2s; }
.sub0701_03 .t2 { font-size:clamp(13px,1.4vw,20px); color:#502f2b; font-weight:500; line-height:1.6; opacity:0; transform:translateY(20px); transition:opacity 1.2s cubic-bezier(.22,.68,0,1.05) 0.4s, transform 1.2s cubic-bezier(.22,.68,0,1.05) 0.4s; }
.sub0701_03.active .t1 { opacity:1; transform:translateY(0); }
.sub0701_03.active .t2 { opacity:1; transform:translateY(0); }
.sub0701_03-inner { display:flex; align-items: center; gap:80px; width:90%; max-width:1500px; margin:0 auto; }
.sub0701_03-img { flex:0 0 46%; opacity:0; transform:translateX(-30px); transition:opacity 1.2s cubic-bezier(.22,.68,0,1.05) 0.4s, transform 1.2s cubic-bezier(.22,.68,0,1.05) 0.4s; }
.sub0701_03.active .sub0701_03-img { opacity:1; transform:translateX(0); }
.sub0701_03-img img { width:100%; display:block; }
.sub0701_03-list { flex:1; }
.value-item { padding:28px 0; opacity:0; transform:translateY(20px); transition:opacity 0.8s cubic-bezier(.22,.68,0,1.05), transform 0.8s cubic-bezier(.22,.68,0,1.05); }
.sub0701_03.active .value-item:nth-child(1) { opacity:1; transform:translateY(0); transition-delay:0.8s; }
.sub0701_03.active .value-item:nth-child(2) { opacity:1; transform:translateY(0); transition-delay:0.95s; }
.sub0701_03.active .value-item:nth-child(3) { opacity:1; transform:translateY(0); transition-delay:1.1s; }
.sub0701_03.active .value-item:nth-child(4) { opacity:1; transform:translateY(0); transition-delay:1.25s; }
.vl1 { font-size:clamp(17px,1.5vw,24px); font-weight:700; color:#502f2b; margin-bottom:14px; }
.vl2 { font-size:clamp(13px,1.4vw,20px); font-weight:400; color:#502f2b; line-height:1.6; }


.sub0701_04 { position:relative; width:100%; padding:130px 0 140px; background:#f0ebe3; overflow:hidden; }
.sub0701_04 .subtxt { text-align:center; margin-bottom:70px; }
.sub0701_04 .t1 { font-family:'Fontspring-DEMO-theseasons-reg'; font-size:clamp(34px,5vw,90px); color:#261717; letter-spacing:0.02em; opacity:0; transform:translateY(20px); transition:opacity 1.2s cubic-bezier(.22,.68,0,1.05) 0.2s, transform 1.2s cubic-bezier(.22,.68,0,1.05) 0.2s; }
.sub0701_04.active .t1 { opacity:1; transform:translateY(0); }
.sub0701_04-list { display:flex; gap:34px; width:90%; max-width:1700px; margin:0 auto; }
.bc-item { flex:1; opacity:0; transform:translateY(30px); transition:opacity 0.9s cubic-bezier(.22,.68,0,1.05), transform 0.9s cubic-bezier(.22,.68,0,1.05); }
.sub0701_04.active .bc-item:nth-child(1) { opacity:1; transform:translateY(0); transition-delay:0.6s; }
.sub0701_04.active .bc-item:nth-child(2) { opacity:1; transform:translateY(0); transition-delay:0.75s; }
.sub0701_04.active .bc-item:nth-child(3) { opacity:1; transform:translateY(0); transition-delay:0.9s; }
.bc-img { width:100%; margin-bottom:24px; overflow:hidden; }
.bc-img img { width:100%; display:block; object-fit:cover; }
.bc1 { font-size:clamp(17px,2.0vw,24px); font-weight:700; color:#502f2b; margin-bottom:14px; }
.bc2 { font-size:clamp(12px,1.4vw,20px); color:#502f2b; line-height:1.6; }





.sub0702_01-split { position:relative; display:flex; width:100%; height:920px;  }
.sub0702_01-half { flex:0 0 50%; position:relative; overflow:hidden; }
.sub0702_01-mask { position:absolute; inset:0; transition:clip-path 1.4s cubic-bezier(.22,.68,0,1.02) 0.8s; }
.sub0702_01-half.left .sub0702_01-mask { clip-path:inset(0 0 0 100%); }
.sub0702_01-half.right .sub0702_01-mask { clip-path:inset(0 100% 0 0);  }
.active .sub0702_01-half.left .sub0702_01-mask { clip-path:inset(0 0 0 0); }
.active .sub0702_01-half.right .sub0702_01-mask { clip-path:inset(0 0 0 0); }
.sub0702_01-bg { width:100%; height:100%; background-size:cover; background-position:center center; transform:scale(1.12); transition:transform 1.8s cubic-bezier(.22,.68,0,1.02) 0.5s; }
.sub0702_01-bg.bg1 { background-image:url('/page_KR0/07_sub/images/0702img1_1.jpg'); }
.sub0702_01-bg.bg2 { background-image:url('/page_KR0/07_sub/images/0702img1_2.jpg'); }
.active .sub0702_01-bg { transform:scale(1); }
.sub0702_01-center-line { position:absolute; top:0; left:50%; width:1px; height:100%; background:rgba(255,255,255,0.35); transform:translateX(-50%) scaleY(0); transform-origin:center; transition:transform 1.2s ease 1.6s; z-index:3; }
.active .sub0702_01-center-line { transform:translateX(-50%) scaleY(1); }



.sub0702_02 { position:relative; width:100%; padding:180px 0 150px; background:#f0ebe3; overflow:hidden; }
.sub0702_02-inner { width:90%; max-width:1100px; margin:0 auto; text-align:center; }
.qt1 { font-family:'MaruBuriSemiBold'; font-size:clamp(24px,2.8vw,40px); color:#482421; line-height:1.5; margin-bottom:60px; opacity:0; transform:translateY(20px) rotate(-0.6deg); transition:opacity 1.2s cubic-bezier(.22,.68,0,1.05) 0.2s, transform 1.2s cubic-bezier(.22,.68,0,1.05) 0.2s; }
.active .qt1 { opacity:1; transform:translateY(0) rotate(0deg); }
.qt2 { font-size:clamp(13px,1.1vw,23px); font-weight:500; color:#502f2b; line-height:1.7; margin-bottom:40px; opacity:0; transform:translateY(18px); transition:opacity 1s cubic-bezier(.22,.68,0,1.05), transform 1s cubic-bezier(.22,.68,0,1.05); }
.qt2.q1 { transform:translateY(18px) rotate(-0.4deg) ; }
.qt2.q2 { transform:translateY(18px) rotate(0.5deg); }
.qt2.q3 { transform:translateY(18px) rotate(-0.3deg); margin-bottom:70px; }
.active .qt2.q1 { opacity:1; transform:translateY(0) rotate(0deg) translateX(0); transition-delay:0.5s; }
.active .qt2.q2 { opacity:1; transform:translateY(0) rotate(0deg) translateX(0); transition-delay:0.7s; }
.active .qt2.q3 { opacity:1; transform:translateY(0) rotate(0deg) translateX(0); transition-delay:0.9s; }
.qt3 { font-family:'MaruBuriSemiBold'; font-size:clamp(15px,1.6vw,25px); color:#482421; opacity:0; transform:translateY(14px); transition:opacity 1s cubic-bezier(.22,.68,0,1.05) 1.2s, transform 1s cubic-bezier(.22,.68,0,1.05) 1.2s; }
.active .qt3 { opacity:1; transform:translateY(0); }
.active .qt4 { opacity:1; transform:translateY(0); }


.sub0702_03 { display:flex; justify-content: center; position:relative; width:100%; padding:0px 0 150px; background:#f0ebe3; overflow:hidden; }
.sub0702_03 .imgs { width:500px; }
.sub0702_03 .txt { width:500px; margin-left:100px; font-size:20px; font-weight:400; color:#502f2b; line-height:1.8; }
.sub0702_03 .txt span { font-family:'MaruBuriSemiBold'; display:block; margin-bottom:30px; padding-top:50px;font-size:25px; color:#482421; }

.subcontent { width:100%; background:#f2ede5; }

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

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

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

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

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


.sub0703 .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/07_sub/images/07icon5.jpg')no-repeat 0 50%; font-size:17px; font-weight:500; color:#2a2d32; display:flex; flex-wrap:wrap;
}

.sub0703 .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; line-height:39px; text-align:center; box-sizing:border-box; 

}
.sub0703 .txt .txt4 a:nth-child(1) { background:#40fd0f; }
.sub0703 .txt .txt4 a:nth-child(2) { background:#fff10d; }
.sub0703 .txt .txt4 a img { display:inline-block; vertical-align:middle; padding-right:8px; }


.mbr { display:none !important; }



#sec-space { position:relative; width:100%; height:100vh; background:#000000; overflow:hidden; }
#sec-space .main04swiper { position:relative; width:100%; height:100%; overflow:hidden; }
#sec-space .main04swiper .swiper-slide.inte01 { background:url(/images/common/inte01bg1.jpg)no-repeat 50% 50%; background-size:cover; }
#sec-space .main04swiper .swiper-slide.inte02 { background:url(/images/common/inte01bg2.jpg)no-repeat 50% 50%; background-size:cover; }
#sec-space .main04swiper .swiper-slide.inte03 { background:url(/images/common/inte01bg3.jpg)no-repeat 50% 50%; background-size:cover; }
#sec-space .main04swiper .swiper-slide.inte04 { background:url(/images/common/inte01bg4.jpg)no-repeat 50% 50%; background-size:cover; }
#sec-space .main04swiper .swiper-slide.inte05 { background:url(/images/common/inte01bg5.jpg)no-repeat 50% 50%; background-size:cover; }
#sec-space .main04swiper .swiper-slide.inte06 { background:url(/images/common/inte01bg6.jpg)no-repeat 50% 50%; background-size:cover; }
#sec-space .main04swiper .swiper-slide.inte07 { background:url(/images/common/inte01bg7.jpg)no-repeat 50% 50%; background-size:cover; }
#sec-space .main04swiper .swiper-slide.inte08 { background:url(/images/common/inte01bg8.jpg)no-repeat 50% 50%; background-size:cover; }
#sec-space .main04swiper .swiper-slide.inte09 { background:url(/images/common/inte01bg9.jpg)no-repeat 50% 50%; background-size:cover; }
#sec-space .main04swiper .swiper-slide.inte10 { background:url(/images/common/inte01bg10.jpg)no-repeat 50% 50%; background-size:cover; }

.main06bt { position:absolute; bottom:5%; left:50%; transform:translateX(-50%); width:100%; height:32px; line-height:32px; max-width:222px; margin:0 auto; margin-top:40px; display:flex; justify-content:space-between; z-index:2; }
.main06bt .swiper-pagination2 { font-family: 'Orpheus Pro';  width:80px; height:32px; line-height:32px; text-align:center; border-radius:50px; background:#f1ece3; font-size:18px; font-weight:500; color:#4a4239; }
.main06bt .btprev2 { font-family: 'Orpheus Pro'; font-size:19px; color:#f1ece3; cursor:pointer; letter-spacing:1px; }
.main06bt .btnext2 { font-family: 'Orpheus Pro'; font-size:19px; color:#f1ece3; cursor:pointer; letter-spacing:1px; }
.main06bt .btline  { font-size:12px; color:#f1ece3; font-weight:100; }


.sub0704_01 { position:relative; width:100%; padding:80px 0 140px; background:#f0ebe3; overflow:hidden; }
.sub0704_01-list { display:flex; gap:48px; width:90%; max-width:1700px; margin:0 auto; }
.hotel-card { flex:1; background:#fff; overflow:hidden; opacity:0; transform:translateY(30px); transition:opacity 0.9s cubic-bezier(.22,.68,0,1.05), transform 0.9s cubic-bezier(.22,.68,0,1.05); }
.sub0704_01.active .hotel-card:nth-child(1) { opacity:1; transform:translateY(0); transition-delay:0.8s; }
.sub0704_01.active .hotel-card:nth-child(2) { opacity:1; transform:translateY(0); transition-delay:0.95s; }
.sub0704_01.active .hotel-card:nth-child(3) { opacity:1; transform:translateY(0); transition-delay:1.1s; }
.sub0704_01.active .hotel-card:nth-child(4) { opacity:1; transform:translateY(0); transition-delay:1.25s; }
.hotel-img { width:100%; overflow:hidden; }
.hotel-img img { width:100%; object-fit:cover; display:block; transition:transform 0.6s ease; }
.hotel-card:hover .hotel-img img { transform:scale(1.05); }
.hotel-body { padding:36px 36px 30px; }
.ht1 { font-size:clamp(16px,1.3vw,28px); font-weight:700; color:#222222; margin-bottom:6px; }
.ht2 { font-size:clamp(10px,0.8vw,16px); font-weight:400; color:#888888; letter-spacing:0.02em; margin-bottom:18px; }
.ht3 { font-size:clamp(12px,0.9vw,18px); color:#666666; line-height:1.6; margin-bottom:20px; }
.ht4 { font-size:clamp(12px,0.9vw,18px); color:#ffd200; line-height:1.6; margin-bottom:10px; letter-spacing:2px; }
.ht-tags { display:flex; flex-wrap:wrap; gap:8px; }
.ht-tags span { display:inline-block; padding:8px 12px; background:#f5e6d3; border-radius:20px; font-size:14px; color:#666666; font-weight:500; }



.sub06_01 { width:100%; padding:0 0 150px 0; background:#f3eee4; }
.sub06_01 .inner-wrap { width:90%; max-width:718px; margin:0 auto; } /* 폼이 너무 넓어지지 않게 최대 가로폭 900px 고정 */

/* 입력창 공통 스타일 */
.sub06_01 .reserve-form .form-row { margin-bottom:20px; }
.sub06_01 .reserve-form label { display:none; font-size:0px; }
.sub06_01 .reserve-form .f-input { width:100%; height:75px; padding:0 30px; border:1px solid #dcdcdc; border-radius:4px; font-size:18px; background:#fafafa; box-sizing:border-box; outline:none; color:#333; font-family:'Pretendard', sans-serif; transition:border-color 0.3s; }
.sub06_01 .reserve-form .f-textarea { width:100%; height:280px; padding:30px; border:1px solid #dcdcdc; border-radius:4px; font-size:18px; background:#fafafa; box-sizing:border-box; outline:none; color:#333; font-family:'Pretendard', sans-serif; resize:none; transition:border-color 0.3s; }
.sub06_01 .reserve-form .f-input:focus, .sub06_01 .reserve-form .f-textarea:focus { border-color:#1e241f; }
.sub06_01 .reserve-form input::placeholder, .sub06_01 .reserve-form textarea::placeholder { color:#888; font-weight:400; }

/* 동의 체크박스 (우측 정렬 & 커스텀 동그라미) */
.sub06_01 .reserve-form .agree-row { text-align:right; margin:15px 0 40px; }
.sub06_01 .reserve-form .custom-chk { display:inline-flex; align-items:center; cursor:pointer; }
.sub06_01 .reserve-form .custom-chk input { display:none; } /* 기본 네모 체크박스 숨김 */
.sub06_01 .reserve-form .chk-mark { width:22px; height:22px; background:#d2d2d2; border-radius:50%; margin-right:10px; transition:background-color 0.3s; display:inline-block; }
.sub06_01 .reserve-form .custom-chk input:checked + .chk-mark { background:#1e241f; } /* 체크 시 진녹색으로 변경 */
.sub06_01 .reserve-form .chk-txt { font-size:16px; color:#444; font-weight:500; }

/* 신청하기 버튼 */
.sub06_01 .reserve-form .btn-submit { width:100%; height:90px; background:#25140c; color:#ffffff; font-size:24px; font-weight:500; border:none; border-radius:2px; cursor:pointer; transition:background-color 0.3s; letter-spacing:1px; }
.sub06_01 .reserve-form .btn-submit:hover { background:#000000; }