/* ANIMATIONS */
@keyframes fadeInContent {
	from { opacity: 0; transform: translateY(10px); }
	to { opacity: 1; transform: translateY(0); }
}
@keyframes slideInCard {
	from { opacity: 0; transform: translateX(20px); }
	to { opacity: 1; transform: translateX(0); }
}
@keyframes slideInLeft {
	from { opacity: 0; transform: translateX(-30px); }
	to { opacity: 1; transform: translateX(0); }
}
@keyframes slideInRight {
	from { opacity: 0; transform: translateX(30px); }
	to { opacity: 1; transform: translateX(0); }
}
@keyframes slideInCenter {
	from { opacity: 0; transform: scale(0.95); }
	to { opacity: 1; transform: scale(1); }
}
/* MAIN SECTIONS */
.pin-spacer{max-width:100%;}
.main-section { width: 100%; position: relative; overflow: hidden;}
/* SECTION 1: VIDEO AREA */
.main-video { background: #000; height: 100vh; }
.video-container { position: relative; width: 100%; height: 100%; }
.video-container video { width: 100%; height: 100%; min-height: 100vh; object-fit: cover; display: block; will-change: transform; backface-visibility: hidden; -webkit-backface-visibility: hidden; filter: grayscale(1); }
.video-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.1); display: flex; justify-content: flex-start; align-items: end; }
.video-content { display: flex; flex-direction: column; gap: 50px; padding: 0 101px 157px; width: 1920px; margin: 0 auto; }
.video-title { margin: 0; font-family: 'Poppins', sans-serif; font-size: 70px; font-weight: 600; color: #FFFFFF; text-align: left; line-height: 1.2; max-width: 800px; }
.video-subtitle { margin: 0; font-family: 'Pretendard', sans-serif; font-size: 28px; color: #FFFFFF; font-weight: 500; text-align: left; max-width: 800px; }
/* SECTION 2: BACKGROUND IMAGE AREA */
.main-bg-image { position: relative; }
.bg-image-container { position: relative; width: 100%; height: 100%; }
.bg-image-container img { width: 100%; height: 100%; object-fit: cover; display: block; }
.bg-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
/* SECTION 2: CONTENT LAYOUT */
.story-section { position: relative; }
.story-pin { position: sticky; top: 0; height: 100vh; overflow: hidden; }
.story-bg { position: absolute; inset: 0; overflow: hidden; }
.story-bg img { position: absolute; top: 0; left: 0; width: 100%; height: auto; min-height: 167%; object-fit: cover; will-change: transform; }
.story-content { position: relative; z-index: 2; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.story-slide { position: absolute; text-align: center; opacity: 0; transform: translateY(60px); width:100%; max-width:1760px}
.story-slide .video-content{padding:0;}
.section2-title { font-size: 48px; font-weight: 600; line-height: 1.5; color: #fff; }
.section2-desc-main { font-size: 42px; color: #fff; }
.section2-desc-sub { margin-top: 20px; font-size: 18px; color: rgba(255,255,255,0.75); }
.section2-image-desc { display: flex; flex-direction: column; align-items: center; }
.section2-image { width: 308px; height: 23px; flex-shrink: 0; order: -1; z-index: 25; }
.section2-image img { width: 100%; height: 100%; object-fit: contain; display: block; background: transparent; }
.section2-description { flex: 1; }
.section2-description p { margin: 0; font-weight: 400; color: #FFFFFF; line-height: 1.8; letter-spacing: -0.3px; }
.section2-description h2 { margin: 0;  font-weight: 700; color: #FFFFFF; margin-bottom: 70px; letter-spacing: -0.3px; }

.connect-reveal { text-align: center; }
.connect-words { display: flex; align-items: center; justify-content: center; gap: 24px; opacity: 1; }
.connect-word-left, .connect-word-right { font-size: 4vw; font-weight: 700; color: #fff; opacity: 0; }
.connect-line-wrap { flex: 1; max-width: 400px; height: 2px; background: transparent; overflow: hidden; }
.connect-line { width: 100%; height: 100%; background: #fff; transform: scaleX(0); transform-origin: left center; }
.connect-sentence { opacity: 0; margin-top: -80px;}

.connect-word-left, .connect-word-right { position: relative; display: inline-block; }
.connect-word-left .word-v1, .connect-word-left .word-v2,
.connect-word-right .word-v1, .connect-word-right .word-v2 { display: block; }
.connect-word-left .word-v2, .connect-word-right .word-v2 { position: absolute; top: 0; left: 0; opacity: 0; white-space: nowrap; }

/* SECTION 3: SLIDE AREA */
.main-slide { background: #FFFFFF; display: flex; align-items: center; justify-content: center; padding:200px 0}
.slide-container { position: relative; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.slide-track { position: relative; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.slide-item { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; opacity: 0; visibility: hidden; transition: opacity 0.8s ease-in-out, visibility 0.8s ease-in-out; position: absolute; }
.slide-item.active { opacity: 1; visibility: visible; position: relative; }
.slide-content { display: flex; align-items: center; justify-content: center; gap: 30px; width: auto; height: auto; }
.slide-side { width: 850px; height: 480px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; position: relative; overflow: hidden; }
.slide-side img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 10px; }
.slide-side-text { position: absolute; display: flex; flex-direction: row-reverse; align-items: center; z-index: 10; width: auto; height: auto; opacity: 0.5; }
.slide-text-group { display: flex; flex-direction: column; gap: 30px; }
.slide-prev-item .slide-side-text { gap: 150px; }
.slide-next-item .slide-side-text { gap: 40px; }
.slide-side-prev, .slide-side-next { position: static; transform: none; z-index: 20; flex-shrink: 0; }
.slide-item.active .slide-side-text { opacity: 1; transform: none; animation: slideInLeft 0.8s ease-in-out; }
.slide-item.active .slide-side-text-1 { right: 40px; }
.slide-item.active .slide-side-text-2 { left: 40px; }
.slide-item.active .slide-side-text-3 { right: 40px; }
.slide-side-text .slide-label { font-size: 28px; margin: 0; font-weight: 700; font-family: 'Pretendard', sans-serif; color: #fff; letter-spacing: -0.3px; }
.slide-side-text .slide-title { font-size: 100px; margin: 0; font-weight: 700; font-family: 'Pretendard', sans-serif; color: #fff; letter-spacing: -0.5px; line-height: 1.2; }
.slide-side-text-1 .slide-title { font-size: 80px; }
.slide-side-text-2 .slide-title { font-size: 60px; }
.slide-side-text-3 .slide-title { font-size: 60px; }

.slide-center { width: 1000px; height: 620px; position: relative; display: flex; align-items: center; justify-content: center; flex-shrink: 0; transition: transform 0.3s; }
.slide-item.active .slide-center { animation: slideInCenter 0.8s ease-in-out; }
.slide-center:hover { transform: scale(1.05); }
.slide-center img { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 10px; }
.slide-center:hover img { opacity: 0.8; }
.slide-side { transition: transform 0.3s; transition: opacity 0.3s; }
.slide-side:hover { transform: scale(1.05); border-radius: 10px; }
.slide-side img { transition: transform 0.3s; transition: opacity 0.3s; }
.slide-side img:hover { opacity: 0.8; }
.slide-next-item { transition: transform 0.3s; }
.slide-prev-item { transition: transform 0.3s; }
.slide-text-overlay { position: absolute; top: 140px; left: 70px; right: 384px; gap: 20px; display: flex; flex-direction: column; justify-content: flex-start; z-index: 15; }
.slide-more-btn { height: 54px; background: transparent; border: none; cursor: pointer; max-width: 54px; margin-top: 40px; transition: all 0.3s; padding: 0; }
.slide-more-btn img { width: 54px; height: 54px; display: block; opacity: 1; transition: opacity 0.3s, transform 0.3s; }
.slide-more-btn:hover img { opacity: 0.8; transform: scale(1.1); }
.slide-more-btn:active img { opacity: 0.6; }
/* .slide-text-overlay-2 { top: 151px; left: 130px; right: 250px; bottom: 151px; }
.slide-text-overlay-3 { top: 180px; left: 130px; right: 250px; bottom: 180px; } */
.slide-label { margin: 0; font-family: 'Pretendard', sans-serif; font-weight: 700; font-size: 28px; color: #fff; letter-spacing: -0.3px; }
.slide-title { margin: 0; font-family: 'Pretendard', sans-serif; font-weight: 700; font-size: 80px; color: #fff; letter-spacing: -0.5px; line-height: 1.2; }
.slide-title-2 { font-size: 47px; }
.slide-title-3 { font-size: 47px; }

.slide-description { margin: 0; font-family: 'Pretendard', sans-serif; font-weight: 400; font-size: 18px; color: #fff; line-height: 1.6; letter-spacing: -0.3px; }
.slide-center img[alt*="Ring"] { position: absolute; top: 68%; left: 66.8%; transform: translate(-50%, -50%); width: auto; height: auto; object-fit: contain; z-index: 10; display: none; }
.slide-item.active .slide-center img[alt*="Ring"] { opacity: 1; display: block; }
.slide-nav { position: relative; top: 50%; width: 50px; height: 50px; border: none; background: #D9D9D9; color: #000000; font-size: 22px; cursor: pointer; z-index: 20; transition: background 0.3s; border-radius: 50%; }
.slide-nav:hover { background: #c0c0c0; }
.slide-prev { left: 320px; }
.slide-next { right: 320px; }
.slide-dots { position: absolute; bottom: -130px; left: 50%; transform: translateX(-50%); display: flex; gap: 15px; z-index: 15; }
.dot { width: 12px; height: 12px; border-radius: 50%; background: rgba(0, 0, 0, 0.3); cursor: pointer; transition: background 0.3s; }
.dot.active { background: #FF6B00; }
/* SECTION 4: CONTENT AREA */
.main-content-4 { background: #fff; display: flex; align-items: center; justify-content: center; }
.content-container { width: 100%; }
.content-container h2 { margin: 0; font-size: 42px; font-weight: 700; color: #111; }
.bg-image-container.section4 { position: relative; width: 100%; height: 100%; max-height: 920px; }
.bg-image-container.section4 > img { width: 100%; height: 100%; object-fit: cover; display: block; }
.section4-container-sub { position: absolute; top: 0; left: 0; right: 0; bottom: 0; max-width: 1920px; margin: 0 auto; }
.bg-image-container .section4-image { position: absolute; left: 180px; top: 110px; width: 859px; height: auto; object-fit: cover; display: block; z-index: 1; }
.section4-box { position: absolute; right: 170px; bottom: 110px; width: 960px; min-height: 450px; background: #FFFFFF; border-radius: 20px; box-shadow: 0 4px 30px rgba(0, 0, 0, 0.08); z-index: 2; transition: all 0.5s ease; cursor: unset; }
.section4-box:hover { transform: translateY(-8px); box-shadow: 0 8px 40px rgba(0, 0, 0, 0.15); background: #FFF8F0; }
.section4-content { padding: 60px; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: flex-start; gap: 40px; animation: fadeInContent 0.6s ease-in-out; }
.section4-label { margin: 0; font-family: 'Pretendard', sans-serif; font-weight: 600; font-size: 28px; color: #FF6B00; letter-spacing: -0.3px; }
.section4-title { margin: 0; font-family: 'Pretendard', sans-serif; font-weight: 600; font-size: 30px; color: #000000; line-height: 1.4; letter-spacing: -0.3px; }
.section4-description { margin: 0; font-family: 'Pretendard', sans-serif; font-weight: 400; font-size: 18px; color: #000000; line-height: 1.6; letter-spacing: -0.3px; }
.section4-nav { position: absolute; bottom: 60px; width: 50px; height: 50px; border: none; background: #D8D8D8; cursor: pointer; transition: background 0.3s, transform 0.3s; border-radius: 50%; display: flex; align-items: center; justify-content: center; padding: 0; }
.section4-nav img { display: block; object-fit: cover; width:30%;height:30%;}
.section4-nav:hover { background: rgba(0, 0, 0, 0.4); transform: scale(1.1); }
.section4-prev { right: 120px; }
.section4-next { right: 60px; }
/* SECTION 5: CONTENT AREA */
.main-content-5 { background: #FFFFFF; display: flex; align-items: center; justify-content: center; }
.main-content-5 .bg-image-container { position: relative; width: 100%; max-width:1600px; height: 100%; margin:0 auto; margin:150px auto; background: url('../img/main/main-bg05.png') center/cover no-repeat; border-radius:20px;transition:all 0.4s ease;}
.main-content-5 .bg-image-container img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 1600px; height: 520px; object-fit: cover; display: block; }
.section5-content { width: 100%; max-width: 1400px; padding:150px 0; display: flex; align-items: center; justify-content: center; z-index: 10; margin:0 auto;}
.section5-left { display: flex; flex-direction: column; gap: 60px; flex-shrink: 0; }
.section5-content .section5-title { margin: 0; font-family: 'Pretendard', sans-serif; font-weight: 700; font-size: 60px; color: #FFFFFF; letter-spacing: -0.5px; line-height: 1.3; }
.section5-dots { display: flex; gap: 30px; }
.section5-dot { width: 10px; height: 10px; border-radius: 50%; background: rgba(255, 255, 255, 0.4); cursor: pointer; transition: background 0.3s; }
.section5-dot.active { background: #FF6B00; }
.section5-cards { position: relative; width: 100%; display: flex; align-items: center; justify-content: flex-end; gap: 20px; }
.section5-card-item { display: none; }
.section5-card-item.active { display: flex; }
.section5-card { background: #FF6B00; padding: 30px; border-radius: 12px; width: 420px; height: 250px; display: flex; flex-direction: column; justify-content: space-between; align-items: stretch; transition: all 0.3s ease;  animation: slideInCard 0.6s ease-in-out; }
.section5-card:hover { transform: translateY(-8px); box-shadow: 0 12px 40px rgba(255, 107, 0, 0.3); background: #FF7A1A; }
.section5-card-label { margin: 0; font-family: 'Pretendard', sans-serif; font-weight: 600; font-size: 18px; color: #FFFFFF; letter-spacing: -0.3px; }
.section5-card-date { margin: 0; font-family: 'Pretendard', sans-serif; font-weight: 600; font-size: 18px; color: #FFFFFF; letter-spacing: -0.3px; text-align: right; }
.section5-card > div:first-child { display: flex; justify-content: space-between; align-items: flex-start; gap: 20px; padding-bottom: 20px; border-bottom: 2px solid rgba(255, 255, 255, 0.3); }
.section5-card-price { margin: 0; font-family: 'Pretendard', sans-serif; font-weight: 700; font-size: 36px; color: #FFFFFF; letter-spacing: -0.5px; text-align: right; }
.section5-nav { position: relative; width: 50px; height: 50px; border: none; background: rgba(255, 255, 255, 0.3); cursor: pointer; transition: background 0.3s, transform 0.3s; border-radius: 50%; display: flex; align-items: center; justify-content: center; padding: 0; flex-shrink: 0; }
.section5-content .section5-nav img { display: block; object-fit: none; height: auto; }
.section5-nav:hover { background: rgba(255, 255, 255, 0.5); transform: scale(1.1); }
.section5-prev { margin-right: 50px; }
.section5-next { margin-left: 50px; }
/* MAIN FOOTER */
.ig-footer { color: #000000; background-color: #F1F1F1; }
.ig-footer__inner { background-color: #F1F1F1; }
.ig-footer__line { color: #000000; }
/* ========================================
   RESPONSIVE - 1920px 이하 (fluid 전환)
   ======================================== */
@media (max-width:1920px) {
	/* SECTION 1: VIDEO */
	.video-content { width: 100%; padding: 0 80px 157px; }
	/* SECTION 4: CONTENT */
	.section4-container-sub { padding: 0 80px; }
	/* .bg-image-container .section4-image { width: 44%; height: auto; } */
	.section4-box { width: 50%; max-width: 960px; }
}


@media screen and (max-width:1740px) {
    .story-slide{padding:0 5vw;}
    .story-bg img{min-height:218%;}
}



/* ========================================
   RESPONSIVE - 1600px 이하
   ======================================== */
@media screen and (max-width:1600px) {
    .main-content-4{height:auto;}
    .main-content-5 .bg-image-container{margin:0 auto;border-radius:0;}
}




/* ========================================
   RESPONSIVE - 1440px 이하 (대형 데스크톱)
   ======================================== */
@media (max-width:1440px) {
	/* SECTION 1: VIDEO */
	.main-video { height: 900px !important; }
	.video-title { font-size: 72px; max-width: 650px; }
	.video-subtitle { font-size: 24px; }
	.video-content { padding: 0 60px 120px; gap: 40px; }
	/* SECTION 2: BG IMAGE */
	.main-bg-image { height: 1500px !important; }
	.section2-text { top: 350px; }
	.section2-title { font-size: 40px; }
	.section2-image-desc { top: 1000px; max-width: 1000px; }
	.section2-desc-main { font-size: 48px !important; margin-bottom: 30px; }
	.section2-desc-sub { font-size: 18px !important; }
	/* SECTION 3: SLIDE */
	/* .main-slide { height: 1000px !important; } */
	/* .slide-side { width: 600px; height: 340px; }
	.slide-center { width: 750px; height: 470px; } */
    .main-slide{padding:150px 0 200px}
	.slide-content { gap: 20px}
	.slide-side img { width: 100%; height: auto; }
	.slide-item.active .slide-side-text-1 { right: 35px; }
	.slide-item.active .slide-side-text-2 { left: 35px; }
	.slide-item.active .slide-side-text-3 { right: 35px; }
	.slide-prev-item .slide-side-text { gap: 120px; }
	.slide-next-item .slide-side-text { gap: 35px; }
	.slide-text-group { gap: 25px; }
	.slide-dots { bottom: -130px; }
	.slide-text-overlay { top: 100px; left: 50px; right: 280px; gap: 15px; }
	.slide-text-overlay-2 { top: 110px; left: 100px; right: 180px; }
	.slide-text-overlay-3 { top: 130px; left: 100px; right: 180px; }
	.slide-title { font-size: 80px; }
	.slide-title-2 { font-size: 40px; }
	.slide-title-3 { font-size: 40px; }
	.slide-label { font-size: 24px; }
	.slide-description { font-size: 16px; }
	.slide-side-text .slide-title { font-size: 80px; }
	.slide-side-text-1 .slide-title { font-size: 64px; }
	.slide-side-text-2 .slide-title { font-size: 40px; }
	.slide-side-text-3 .slide-title { font-size: 40px; }
	.slide-side-text .slide-label { font-size: 24px; }
	.slide-more-btn img { width: 48px; height: 48px; }
	/* 링 이미지 반응형 */
	.slide-center img[alt*="Ring"] { top: 68%; left: 66.8%; transform: translate(-50%, -50%); }
	/* SECTION 4: CONTENT */
	.section4-container-sub { padding: 0 60px; }
	.bg-image-container .section4-image { width: 690px; height: 220px; }
	.section4-box { width: 700px; min-height: 340px; }
	.section4-content { padding: 45px; gap: 28px; }
	.section4-label { font-size: 24px; }
	.section4-title { font-size: 26px; }
	.section4-description { font-size: 16px; }
	.section4-nav { width: 44px; height: 44px; bottom: 45px; }
	.section4-prev { right: 100px; }
	.section4-next { right: 45px; }
	/* SECTION 5: CONTENT */
	.main-content-5 .bg-image-container img { width: 1400px; height: 450px; }
	.section5-content { max-width: 1200px; }
	.section5-content .section5-title { font-size: 50px; }
	.section5-left { gap: 40px; }
	.section5-card { width: 360px; height: 220px; padding: 25px; }
	.section5-card-price { font-size: 32px; }
	.section5-prev { margin-right: 30px; }
	.section5-next { margin-left: 30px; }
}
/* ========================================
   RESPONSIVE - 1280px 이하 (소형 데스크톱)
   ======================================== */
@media (max-width:1280px) {
	/* SECTION 1: VIDEO */
	.main-video { height: 780px !important; }
	.video-title { font-size: 60px; max-width: 550px; }
	.video-subtitle { font-size: 22px; }
	.video-content { padding: 0 50px 100px; gap: 35px; }
	/* SECTION 2: BG IMAGE */
	.main-bg-image { height: 1200px !important; }
	.section2-text { top: 280px; }
	.section2-title { font-size: 36px; }
	.section2-image-desc { top: 800px; max-width: 900px; gap: 30px; margin:0 auto;}
	.section2-desc-main { font-size: 28px !important; margin-bottom: 25px; }
	.section2-desc-sub { font-size: 16px !important; }
	.section2-description h2 { margin-bottom: 50px; }
	/* SECTION 3: SLIDE */
	/* .main-slide { height: 850px !important; } */
   .main-slide{padding:100px 0 150px}
	.slide-content { gap: 15px; }
	.slide-side { width: 500px; height: 280px; }
	.slide-side img { width: 100%; height: auto; }
	.slide-center { width: 600px; height: 380px; }
	.slide-dots { bottom: -100px; }
	.slide-text-overlay { top: 60px; left: 60px; right: 200px; gap: 12px; }
	.slide-text-overlay-2 { top: 60px; left: 60px; right: 140px; }
	.slide-text-overlay-3 { top: 60px; left: 60px; right: 140px; }
	.slide-title { font-size: 64px; }
	.slide-title-2 { font-size: 34px; }
	.slide-title-3 { font-size: 34px; }
	.slide-label { font-size: 20px; }
	.slide-description { font-size: 15px; }
	.slide-side-text .slide-title { font-size: 64px; }
	.slide-side-text-1 .slide-title { font-size: 52px; }
	.slide-side-text-2 .slide-title { font-size: 34px; }
	.slide-side-text-3 .slide-title { font-size: 34px; }
	.slide-side-text .slide-label { font-size: 20px; }
	.slide-text-group { gap: 20px; }
	.slide-prev-item .slide-side-text { gap: 80px; }
	.slide-next-item .slide-side-text { gap: 25px; }
	.slide-item.active .slide-side-text-1 { right: 25px; }
	.slide-item.active .slide-side-text-2 { left: 25px; }
	.slide-item.active .slide-side-text-3 { right: 25px; }
	.slide-more-btn { margin-top: 25px; max-width: 44px; }
	.slide-more-btn img { width: 44px; height: 44px; }
	.slide-side:hover { transform: none; transition: none; }
	.slide-side img:hover { opacity: 1; }
	.slide-center:hover img { transform: none; transition: none; }
	.slide-center:hover { transform: none; }
	/* 링 이미지 반응형 */
	.slide-center img[alt*="Ring"] { top: 68%; left: 65%; transform: translate(-50%, -50%) scale(0.7); }
	/* SECTION 4: CONTENT */
	.section4-container-sub { padding: 0 50px; }
	/* .bg-image-container .section4-image { width: 350px; height: 180px; } */
	.section4-box { width: 560px; }
	.section4-content { padding: 36px; gap: 22px; }
	.section4-label { font-size: 22px; }
	.section4-title { font-size: 20px; }
	.section4-description { font-size: 16px; line-height:1.4;}
    .section4-description br{display:none; }
	.section4-nav { width: 40px; height: 40px; bottom: 36px; }
	.section4-prev { right: 85px; }
	.section4-next { right: 36px; }
	/* SECTION 5: CONTENT */
	.main-content-5 .bg-image-container img { width: 1200px; height: 400px; }
	.section5-content { max-width: 1024px;width:100%; }
	.section5-content .section5-title { font-size: 42px; }
	.section5-left { gap: 30px; }
	.section5-card { width: 320px; height: 200px; padding: 22px; }
	.section5-card-label { font-size: 16px; }
	.section5-card-date { font-size: 16px; }
	.section5-card-price { font-size: 28px; }
	.section5-nav { width: 44px; height: 44px; }
	.section5-prev { margin-right: 25px; }
	.section5-next { margin-left: 25px; }
}
/* ========================================
   RESPONSIVE - 1024px 이하 (태블릿 가로)
   ======================================== */
@media (max-width:1024px) {
	/* SECTION 1: VIDEO */
	.main-video { height: 650px !important; }
	.video-title { font-size: 48px; max-width: 450px; }
	.video-subtitle { font-size: 18px; max-width: 500px; }
	.video-content { padding: 0 40px 80px; gap: 30px; }
	/* SECTION 2: BG IMAGE */
	.main-bg-image { height: 950px !important; }
	.section2-content { padding: 0 40px; }
	.section2-text { top: 220px; }
	.section2-title { font-size: 30px; }
	.section2-image-desc { top: 600px; max-width: 700px; gap: 25px; }
	.section2-image { width: 240px; height: 18px; }
	.section2-desc-main { font-size: 32px !important; margin-bottom: 20px; }
	.section2-desc-sub { font-size: 15px !important; }
	.section2-description h2 { margin-bottom: 35px; }
	/* SECTION 3: SLIDE */
	/* .main-slide { height: 700px !important; } */
  .main-slide{padding:60px 0 80px}
	.slide-side { width: 450px; }
	.slide-side img { width: 100%; height: auto; }
	.slide-center { width: 500px; height: 350px; }
	.slide-nav { width: 44px; height: 44px; font-size: 18px; }
	.slide-dots { bottom: -50px; gap: 12px; }
	.dot { width: 10px; height: 10px; }
	.slide-text-overlay { top: 50px; left: 50px; right: 140px; gap: 10px; }
	.slide-text-overlay-2 { top: 50px; left: 50px; right: 100px; }
	.slide-text-overlay-3 { top: 50px; left: 50px; right: 100px; }
	.slide-title { font-size: 48px; }
	.slide-title-2 { font-size: 26px; }
	.slide-title-3 { font-size: 26px; }
	.slide-label { font-size: 18px; }
	.slide-description { font-size: 13px; }
	.slide-side-text .slide-title { font-size: 48px; }
	.slide-side-text-1 .slide-title { font-size: 40px; }
	.slide-side-text-2 .slide-title { font-size: 26px; }
	.slide-side-text-3 .slide-title { font-size: 26px; }
	.slide-side-text .slide-label { font-size: 18px; }
	.slide-text-group { gap: 15px; }
	.slide-prev-item .slide-side-text { gap: 50px; }
	.slide-next-item .slide-side-text { gap: 20px; }
	.slide-item.active .slide-side-text-1 { right: 20px; }
	.slide-item.active .slide-side-text-2 { left: 20px; }
	.slide-item.active .slide-side-text-3 { right: 20px; }
	.slide-more-btn { margin-top: 15px; max-width: 40px; }
	.slide-more-btn img { width: 40px; height: 40px; }
	.section4-nav-container { position: static; bottom: auto; right: auto; display: flex; justify-content: flex-end; width: 100%; gap: 10px; padding: 10px; }
	/* 링 이미지 반응형 */
	.slide-center img[alt*="Ring"] { top: 68%; left: 65%; transform: translate(-50%, -50%) scale(0.7); }
	/* SECTION 4: CONTENT */
	.bg-image-container.section4 { position: relative; min-height: 550px; }
	.bg-image-container.section4 > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
	.section4-container-sub { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 50px 40px; gap: 30px; min-height: 550px; z-index: 1; }
	.bg-image-container .section4-image { width: 70%; max-width: 500px; height: auto; position: static; left: auto; top: auto; transform: none; z-index: 2; }
	.section4-box { width: 90%; max-width: 650px; min-height: auto; position: static; right: auto; bottom: auto; margin: 0; border-radius: 16px; background: #fff; z-index: 2; }
	.section4-content { padding: 32px; gap: 20px; }
	.section4-label { font-size: 20px; }
	.section4-title { font-size: 20px; }
	.section4-description { font-size: 14px; }
	.section4-content > div:last-child { display: flex; justify-content: flex-end; width: 100%; gap: 10px; margin-top: 10px; }
	.section4-nav { position: static; width: 40px; height: 40px; display: inline-flex; align-items: center; justify-content: center; margin: 0; right: auto; bottom: auto; }
	.section4-prev { margin-right: 0; }
	.section4-next { margin-left: 0; }
    .section4-nav img{width:auto;height:15px;object-fit:contain;}
	/* SECTION 5: CONTENT */
	/* .main-content-5 .bg-image-container { position: static; min-height: 500px; }
	.main-content-5 .bg-image-container img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transform: none; }
	.section5-content { display: grid; grid-template-columns: 45px 1fr 45px; grid-template-rows: auto 1fr; align-items: start; padding:0 5%; gap: 35px 20px; min-height: 500px; z-index: 1; }
	.section5-card:hover { transform: none; box-shadow: none; background: #FF6B00; }
	.section5-nav.section5-prev { grid-column: 1; grid-row: 1; align-self: center; position: static; width: 40px; height: 40px; background: rgba(255, 255, 255, 0.3); padding: 10px; display: flex; align-items: center; justify-content: center; border-radius: 50%; overflow: hidden; border: none; cursor: pointer; }
	.section5-nav.section5-prev img { width: 14px; height: 14px; object-fit: contain; display: block; position: static; }
	.section5-left { grid-column: 2; grid-row: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 18px; }
	.section5-content .section5-title { font-size: 32px; text-align: center; color: #fff; margin: 0; }
	.section5-dots { display: flex; gap: 12px; align-items: center; justify-content: center; }
	.section5-dot { width: 9px; height: 9px; }
	.section5-nav.section5-next { grid-column: 3; grid-row: 1; align-self: center; position: static; width: 40px; height: 40px; background: rgba(255, 255, 255, 0.3); padding: 10px; display: flex; align-items: center; justify-content: center; border-radius: 50%; overflow: hidden; border: none; cursor: pointer; }
	.section5-nav.section5-next img { width: 14px; height: 14px; object-fit: contain; display: block; position: static; }
	.section5-cards { grid-column: 1 / -1; grid-row: 2; display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 20px; width: 100%; overflow-x: auto; padding-bottom: 10px; }
	.section5-card { width: 320px; min-width: 320px; height: auto; min-height: 200px; padding: 24px; flex-shrink: 0; }
	.section5-card-label { font-size: 15px; }
	.section5-card-date { font-size: 15px; }
	.section5-card-price { font-size: 26px; }
	.section5-card > div:first-child { padding-bottom: 15px; gap: 15px; }
	.section5-nav { width: 40px; height: 40px; }
	.section5-prev { margin-right: 15px; }
	.section5-next { margin-left: 15px; } */
    .section5-content{flex-wrap:wrap;padding:100px 5%;}
    .section5-content .section5-title{font-size:28px;}
    .section5-left{width:100%;text-align:center;}
    .section5-cards{width:100%;justify-content:center;margin-top:40px;}
    .section5-card-item{width:calc((100% - 20px) / 2);transition:all 0.4s ease;}
    .section5-card{width:100%;height:auto;}
    .section5-card > div:first-child{margin-bottom:60px;}
}
/* ========================================
   RESPONSIVE - 768px 이하 (태블릿 세로)
   ======================================== */
@media (max-width:768px) {
	/* SECTION 1: VIDEO */
	.main-video { height: 500px !important; }
	.video-title { font-size: 36px; max-width: 380px; }
	.video-subtitle { font-size: 15px; max-width: 400px; }
	.video-content { padding: 0 30px 60px; gap: 24px; }
	/* SECTION 2: BG IMAGE */
	.main-bg-image { height: 750px !important; }
	.section2-content { padding: 0 24px; }
	.section2-text { top: 160px; }
	.section2-title { font-size: 24px; }
	.section2-image-desc { top: 450px; max-width: 90%; gap: 20px; margin:0 auto;}
	.section2-image { width: 200px; height: 15px; }
	.section2-desc-main { font-size: 24px !important; margin-bottom: 16px; }
	.section2-desc-sub { font-size: 14px !important; }
	.section2-description h2 { margin-bottom: 24px; }
	/* SECTION 3: SLIDE */
	/* .main-slide { height: 550px !important; } */
	.slide-content { gap: 12px; }
	.slide-side { width: 320px; }
	.slide-side img { width: 100%; height: auto; }
	.slide-center { width: 340px; height: 260px; }
	.slide-nav { width: 36px; height: 36px; font-size: 16px; }
	.slide-dots { bottom: -50px; gap: 10px; }
	.dot { width: 8px; height: 8px; }
	.slide-text-overlay { top: 40px; left: 30px; right: 80px; gap: 8px; }
	.slide-text-overlay-2 { top: 40px; left: 30px; right: 60px; }
	.slide-text-overlay-3 { top: 40px; left: 30px; right: 60px; }
	.slide-title { font-size: 32px; }
	.slide-title-2 { font-size: 20px; }
	.slide-title-3 { font-size: 20px; }
    .slide-title-2 br{display:none;}
    .slide-title-3 br{display:none;}
	.slide-label { font-size: 14px; }
	.slide-description { font-size: 11px; }
	.slide-side-text .slide-title { font-size: 28px; }
	.slide-side-text-1 .slide-title { font-size: 24px; }
	.slide-side-text-2 .slide-title { font-size: 18px; }
	.slide-side-text-3 .slide-title { font-size: 18px; }
	.slide-side-text .slide-label { font-size: 14px; }
	.slide-text-group { gap: 10px; }
	.slide-prev-item .slide-side-text { gap: 30px; }
	.slide-next-item .slide-side-text { gap: 10px; }
	.slide-item.active .slide-side-text-1 { right: 15px; }
	.slide-item.active .slide-side-text-2 { left: 15px; }
	.slide-item.active .slide-side-text-3 { right: 15px; }
	.slide-more-btn { margin-top: 10px; height: 36px; max-width: 36px; }
	.slide-more-btn img { width: 36px; height: 36px; }
	/* 링 이미지 반응형 */
	.slide-center img[alt*="Ring"] { top: 68%; left: 65%; transform: translate(-50%, -50%) scale(0.7); }
	/* SECTION 4: CONTENT */
	.bg-image-container.section4 { position: relative; min-height: 500px; }
	.bg-image-container.section4 > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
	.section4-container-sub { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; padding:10% 5%; gap: 28px; min-height: 500px; z-index: 1; }
	.bg-image-container .section4-image { width: 75%; max-width: 450px; height: auto; position: static; left: auto; top: auto; transform: none; z-index: 2; }
	.section4-box { width: 100%; max-width: unset; min-height: auto; position: static; right: auto; bottom: auto; margin: 0; border-radius: 16px; background: #fff; z-index: 2; display: flex; flex-direction: column; }
	.section4-nav-container { position: static; bottom: auto; right: auto; display: flex; justify-content: flex-end; width: 100%; gap: 10px; padding:0 20px 20px 0; }
	.section4-content { padding: 30px; gap: 18px; }
	.section4-label { font-size: 18px; }
	.section4-title { font-size: 18px; }
	.section4-description { font-size: 13px; }
	.section4-nav { position: static; width: 38px; height: 38px; display: inline-flex; align-items: center; justify-content: center; margin: 0; right: auto; bottom: auto; }
	/* SECTION 5: CONTENT */
	/* .main-content-5 .bg-image-container { position: relative; min-height: 500px; height: 100%; }
	.main-content-5 .bg-image-container img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
	.section5-content { position: absolute; display: grid; grid-template-columns: 42px 1fr 42px; grid-template-rows: auto 1fr; align-items: start; padding: 50px 28px 35px; gap: 32px 18px; min-height: 480px; z-index: 1; }
	.section5-nav.section5-prev { grid-column: 1; grid-row: 1; align-self: center; position: static; width: 38px; height: 38px; background: rgba(255, 255, 255, 0.3); padding: 9px; display: flex; align-items: center; justify-content: center; border-radius: 50%; overflow: hidden; border: none; cursor: pointer; }
	.section5-nav.section5-prev img { width: 13px; height: 13px; object-fit: contain; display: block; position: static; }
	.section5-left { grid-column: 2; grid-row: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px; }
	.section5-content .section5-title { font-size: 28px; text-align: center; color: #fff; margin: 0; }
	.section5-dots { display: flex; gap: 11px; align-items: center; justify-content: center; }
	.section5-dot { width: 9px; height: 9px; }
	.section5-nav.section5-next { grid-column: 3; grid-row: 1; align-self: center; position: static; width: 38px; height: 38px; background: rgba(255, 255, 255, 0.3); padding: 9px; display: flex; align-items: center; justify-content: center; border-radius: 50%; overflow: hidden; border: none; cursor: pointer; }
	.section5-nav.section5-next img { width: 13px; height: 13px; object-fit: contain; display: block; position: static; }
	.section5-cards { grid-column: 1 / -1; grid-row: 2; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 18px; width: 100%; overflow-x: auto; padding-bottom: 10px; }
	.section5-card { width: 300px; min-width: 300px; height: auto; min-height: 140px; padding: 22px; flex-shrink: 0; }
	.section5-card-label { font-size: 14px; }
	.section5-card-date { font-size: 14px; }
	.section5-card-price { font-size: 30px; } */
	.ig-footer__menu-btn { color: #000000; }
	.ig-footer__menu-item { color: #000000; background-color: rgba(255, 255, 255, 0.8); }
}

/* ========================================
   RESPONSIVE - 640px 이하 (모바일 가로)
   ======================================== */
@media (max-width:640px) {
    .section5-cards{flex-wrap:wrap;}
    .section5-card-item{width:100%;}
    .section5-card > div:first-child{margin-bottom:40px;}
    .slide-item:last-child .slide-center img[alt*="Ring"]{top:100%;left:60%;}
    .connect-words{width:80%;margin:0 auto;}
    .connect-word-left, .connect-word-right{font-size:8vw;}
    
}


/* ========================================
   RESPONSIVE - 480px 이하 (모바일)
   ======================================== */
@media (max-width:480px) {
	/* SECTION 1: VIDEO */
	.main-video { height: 500px !important; }
	.video-title { font-size: 28px; max-width: 300px; }
	.video-subtitle { font-size: 13px; max-width: 300px; }
	.video-content { padding: 0 20px 40px; gap: 20px; }
	/* SECTION 2: BG IMAGE */
	.main-bg-image { height: 600px !important; }
	.section2-content { padding: 0 16px; }
	.section2-text { top: 120px; }
	.section2-title { font-size: 20px; }
	.section2-image-desc { top: 340px; gap: 16px; }
	.section2-image { width: 160px; height: 12px; }
	.section2-desc-main { font-size: 20px !important; margin-bottom: 12px; }
	.section2-desc-sub { font-size: 13px !important; }
	.section2-description h2 { margin-bottom: 18px; }
	/* SECTION 3: SLIDE */
    .main-slide{padding-bottom:100px;}
	/* .main-slide { height: 500px !important; } */
	.slide-content { gap: 0; justify-content: center; }
	/* 모바일에서는 active 슬라이드만 표시 */
	.slide-item { display: none !important; }
	.slide-item.active { display: flex !important; }
	/* 사이드 슬라이드 숨김 */
	.slide-side { display: none !important; }
	/* 센터 슬라이드만 크게 표시 */
	.slide-center { width: 90%; max-width: 400px; height: 280px; }
	/* 네비게이션 버튼 숨김 (드래그로 대체) */
	.slide-prev { display: none !important; }
	.slide-next { display: none !important; }
	/* 도트 네비게이션 */
	.slide-dots { bottom: -65px; gap: 10px; }
	.dot { width: 10px; height: 10px; }
	/* 텍스트 오버레이 */
	.slide-text-overlay { top: 30px; left: 20px; right: 20px; gap: 8px; }
	.slide-text-overlay-2 { top: 35px; left: 25px; right: 25px; }
	.slide-text-overlay-3 { top: 40px; left: 25px; right: 25px; }
	.slide-title { font-size: 28px; }
	.slide-title-2 { font-size: 20px; }
	.slide-title-3 { font-size: 20px; }
	.slide-label { font-size: 14px; }
	.slide-description { font-size: 12px; }
	/* 더보기 버튼 */
	.slide-more-btn { margin-top: 12px; height: 36px; max-width: 36px; }
	.slide-more-btn img { width: 36px; height: 36px; }
	/* 링 이미지 표시 (모바일에서도 활성화) */
	.slide-center img[alt*="Ring"] { display: block !important; top: 68%; left: 60%; transform: translate(-50%, -50%) scale(0.8); }
	.slide-item.active .slide-center img[alt*="Ring"] { opacity: 1; display: block !important; }
	.slide-item:last-child .slide-center img[alt*="Ring"]{top:90%;left:55%;}
    /* SECTION 4: CONTENT */
    .bg-image-container.section4{min-height:auto;}
	.section4-content { padding: 24px; gap: 16px; }
    .section4-container-sub{padding:60px 5%;}
	.section4-label { font-size: 16px; }
	.section4-title { font-size: 16px; }
	.section4-description { font-size: 12px; }
	.section4-content > div:last-child { display: flex; justify-content: flex-end; width: 100%; gap: 10px; margin-top: 10px; }
	.section4-nav { position: static; width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center; margin: 0; right: auto; bottom: auto; }
	.section4-prev { margin-right: 0; }
	.section4-next { margin-left: 0; }
	.section4-prev img { width: 12px; height: 12px; object-fit: contain; }
	.section4-next img { width: 12px; height: 12px; object-fit: contain; }
	/* SECTION 5: CONTENT */
	.section5-nav.section5-prev { grid-column: 1; grid-row: 1; align-self: center; position: static; width: 36px; height: 36px; background: rgba(255, 255, 255, 0.3); padding: 8px; display: flex; align-items: center; justify-content: center; border-radius: 50%; overflow: hidden; border: none; cursor: pointer; }
	.section5-nav.section5-prev img { width: 12px; height: 12px; object-fit: contain; display: block; position: static; }
	.section5-left { grid-column: 2; grid-row: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 15px; }
	.section5-content .section5-title { font-size: 24px; text-align: center; color: #fff; margin: 0; }
	.section5-dots { display: flex; gap: 10px; align-items: center; justify-content: center; }
	.section5-dot { width: 8px; height: 8px; }
	.section5-nav.section5-next { grid-column: 3; grid-row: 1; align-self: center; position: static; width: 36px; height: 36px; background: rgba(255, 255, 255, 0.3); padding: 8px; display: flex; align-items: center; justify-content: center; border-radius: 50%; overflow: hidden; border: none; cursor: pointer; }
	.section5-nav.section5-next img { width: 12px; height: 12px; object-fit: contain; display: block; position: static; }
	.section5-cards { grid-column: 1 / -1; grid-row: 2; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 15px; width: 100%; overflow-x: visible; padding-bottom: 10px; }
	.section5-card { /* width: 100%; */
		max-width: 480px; min-width: auto; height: auto; min-height: 140px; padding: 20px; flex-shrink: 0; }
	.section5-card-label { font-size: 14px; }
	.section5-card-date { font-size: 14px; }
	.section5-card-price { font-size: 28px; }
	.section5-card > div:first-child { padding-bottom: 14px; }
    .section5-content{padding:60px 5%;}
    
}