@charset "utf-8";

a:hover {text-decoration: none;}

.pc_quick { position: fixed; right: 50px; bottom: 100px; z-index: 8; width: auto; height: auto; }
.to-top { width: 100%; margin: 0 auto; overflow: hidden; text-align: center; box-sizing: border-box; }
.to-top a { text-decoration: none; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; width: 40px; height: 40px; margin: 0 auto; border: none; border-radius: 50%; background: rgba(125, 125, 125, 0.85); color: #000; margin-top: 10px; }
.to-top i { font-size: 20px; color: #fff; }


.simple-banner { width: 215px; padding: 15px; border-radius: 8px; background: #08146d; font-family: sans-serif; font-size: 14px; color: #fff; box-sizing: border-box; }
.simple-banner .logo { width: 80%; margin: 0 auto; line-height: 1.2; text-align: center; margin-bottom: 10px; }
.simple-banner .logo img { width: 100%; }
.simple-banner .phone-box { text-align: center; margin-bottom: 12px; }
.simple-banner .phone-box .title { margin: 0; font-size: 17px; font-weight: 600; }
.simple-banner .phone-box .title i { font-size: 12px; }
.simple-banner .phone-box .phone { margin: 5px 0 0; font-family: 'Montserrat'; font-size: 21px; font-weight: bold; }
.simple-banner .phone-box .phone a {color:#fff;}
.simple-banner .btn { display: block; margin: 5px 0; padding: 8px 0; border-radius: 4px; font-size: 14px; font-weight: 700; color: #fff; text-align: center; text-decoration: none; }


.simple-banner .btn span { display:none; }

.simple-banner .btn a { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }
.simple-banner .btn i { vertical-align: middle; font-size: 20px; margin-right: 0px; }
.simple-banner .btn.naver { background: #00b535; }
.simple-banner .btn.hotel { background: #5e66f8; }
.simple-banner .btn.hotel i { font-size: 13px; margin-bottom:2px;}
.simple-banner .btn.kakao { background: rgb(255,235,13); color: #000; }
.simple-banner .info { font-size: 12px; text-align: center; margin-top: 12px; }

.simple-banner .m_call { display:none; }

@media (max-width: 768px) {

 .phone-box .m_call { display:block; background:#fca233; }
 .phone-box .m_call i { font-size: 10px; }

.simple-banner { position: fixed; right: 0; bottom: 0; z-index: 99; width: 100%; padding: 8px 5px; border-radius:0px 0px 0 0; box-shadow: 0 -4px 10px rgba(0,0,0,0.2); display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}

 .simple-banner .logo { width:25%; margin-bottom:0px; }

 .simple-banner .phone-box { width:auto; margin-right:auto; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin-bottom:2px; }
 .simple-banner .phone-box .title { margin: 0; font-size: 13px; font-weight: 600; }
 .simple-banner .phone-box .title i { font-size: 10px; }
 .simple-banner .phone-box .phone { margin:0 0 0 5px;; font-size: 15px; font-weight: 600; }
 .simple-banner .phone-box .phone a {color:#fff;}

 .simple-banner .btn { padding:4px 5px; font-size: 11px; font-weight: 500; }
 .simple-banner .btn i { vertical-align: middle; font-size: 15px; margin-right: 0px; margin-bottom:1px;}
 .simple-banner .btn.hotel i { font-size: 11px; margin-right: 2px; margin-bottom:1px;}

 .simple-banner .info { display: flex; gap:5px; justify-content: center; font-size:9px; margin-top: 2px; display:none;}

.simple-banner .q_btn { width:100%; margin:0 auto; }
.simple-banner .q_btn > ul { display: flex; gap:2%; align-items: center; justify-content: center; flex-wrap: wrap; }
.simple-banner .q_btn > ul > li { width:31%; }


.to-top { position:fixed; right:5px; bottom:110px; z-index:8; }
.to-top a { width:30px; height:30px; float:right; }
.to-top i { font-size:14px; color:#fff; }


 }





/* 상단 */
#header { position: absolute; top: 0; right:0; left: 0; z-index: 10; width: 95%; height: 100px; margin:auto; background: transparent; }
#header .inner { display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; width: 100%; height:100%; margin: 0 auto; }
#header .inner .top_logo {width:auto; margin-top:30px;}


@media (max-width: 768px) {
#header .inner .top_logo {width:140px; margin-top:10px;}
#header .inner .top_logo img {width:100%;}
}


/* 오른쪽 dot wrapper 위치 및 z-index */
#fp-nav { right: 10px !important; z-index: 100; }

/* 점 간 간격 조정 */
#fp-nav ul li { margin:5px 0 !important; /* ✅ 위아래 간격 조절 */
 }
/* 각 점의 부모 */
#fp-nav ul li a { display: block; position: relative; width: 14px; /* 충분한 공간 확보 */
 height: 14px; }

/* 기본 점 스타일 */
#fp-nav ul li a span { position: absolute; top: 50%; left: 50%; width: 6px !important; height: 6px !important; border-radius: 50%; background: rgba(255, 255, 255, 0.4) !important; transition: all 0.3s ease; transform: translate(-50%, -50%) !important; }

/* 활성 점 스타일 (정중앙에 위치) */
#fp-nav ul li a.active span { top: 8px !important; left: 11px !important; width: 10px !important; height: 10px !important; background: #FF6600 !important; }

@media all and (max-width: 768px) {
#fp-nav { right: 2px !important; z-index: 100; }
 }


/*
html, body { margin: 0; padding: 0; height: 100%; }
#fullpage { position: relative; width: 100%; height: 100vh; }
.section { height: 100vh; width: 100%; scroll-snap-align: start; display: flex; align-items: center; justify-content: center; flex-direction: column; }

#nav { position: fixed; right: 10px; top: 50%; transform: translateY(-50%); z-index: 999; list-style: none; margin: 0; padding: 0; }
#nav li { width: 6px; height: 6px; border-radius: 50%; background: rgba(255,255,255,0.3); margin: 8px 0; cursor: pointer; transition: all 0.3s ease; }
#nav li.active { background: #ff6600; width: 10px; height: 10px; }
*/




/* 기본 (PC 기준) */
#section1 { position: relative; width: 100%; height:100vh; overflow: hidden; background: url('/upload/img/s1.jpg') no-repeat 50% 50%; background-size: cover; text-align: center; box-sizing: border-box; box-sizing: border-box; }
.section1 .inner { width: 100%; max-width: 1400px; height:100%; margin:0 auto; padding: 0px 0px; display:flex;  flex-wrap: wrap; justify-content: center; flex-direction: column;}
.section1 .title { font-size: 4vw; font-weight: 800; line-height: 1.2; color: #ffffff; text-align: center; }
.section1 .highlight { font-weight: 900; color: #ff7a00; text-shadow: -5px -4px 0 #ffffff, -4px 4px 0 #002366; }
.section1 .subtitle { font-size: 1.6vw; line-height: 1.4; color: #fff; margin-bottom:1vw; }
.section1 .subtitle .small { display: block; font-size: 1.2vw; margin-top: 0.2vw; }
.section1 .inner .video-box { position: relative; width: 100%; max-width:1100px; margin:0 auto; border-radius: 20px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3); overflow: hidden; background-color: #000; aspect-ratio: 16 / 9; }



 /* 모바일 (가로 768px 이하) */
 @media all and (max-width: 768px) {
    #section1 { background: url('/upload/img/s1.jpg') no-repeat 100% 50%; height:80vh;}
 .section1 .title { font-size: 8vw; }
 .section1 .subtitle { font-size: 3.8vw; }
 .section1 .subtitle .small { font-size: 3vw; margin-bottom:5vw;}
 .section1 .inner .video-box { width: 90%; border-radius: 10px; }
 }





 .inner .note { width:auto; font-family: 'Paperlogy-4Regular'; font-size:1.0vw; line-height:1.6; color: #ffffff;
  text-align:left; margin-top:3vw;}

 @media all and (max-width:768px) {
  .inner .note {  font-size:3vw; margin-top:6vw;}

 }

#section2 { position: relative; width: 100%; height:100vh; overflow: hidden; box-sizing: border-box; }
/* ── ① 구분선 영역 (line1) ── */
#section2 .line1 { display: flex; align-items: center; justify-content: center; z-index:9; width: 100%; height: 140px; background: #000 url('/upload/img/line1.png') no-repeat center center; background-size: cover; text-align:center; }

#section2 .line1 .inner { width: 100%; max-width: 1400px; }
#section2 .line1 .main-title { font-family: 'Paperlogy-3Light'; font-size: 2.2vw; color: #fff; margin-bottom: 15px; }
#section2 .line1 .highlight { font-family: 'Paperlogy-7Bold';  color: #fe3f1f; }
#section2 .line1 .hashtags span { display: inline-block; margin: 0 10px; font-size: 1.2vw; color: #fff; }

#section2 .seccont { display: flex; align-items: center; justify-content: flex-start; flex-direction: column; position: relative; width: 100%; height: calc(100vh - 140px); overflow: hidden; background: url('/upload/img/p1.png') no-repeat center/cover; -webkit-overflow-scrolling: touch; box-sizing: border-box; }
#section2 .seccont::before { position: absolute; top: 0; left: 0; width: 60%; height: 100%; /* 붉은 계열 반투명 오버레이 */
 background: rgba(255,66,0,0.5); content: ''; clip-path: polygon(0 0, 100% 0, 70% 100%, 0 100%); }
/* ③ 내부 콘텐츠 */
#section2 .seccont .inner { display:flex; align-items:flex-start; justify-content:center; flex-direction:column; position:relative; width:100%; max-width:1400px; height:100%; padding:0; box-sizing:border-box; }

#section2 .lineup-title { font-family: 'Montserrat'; }
#section2 .lineup-title span { font-size:2.5vw; font-weight:500; color:#ffffff; margin-bottom:0.5vw; opacity:0.9; }
#section2 .lineup-title h2 { margin:0 0 1vw; font-size:4vw; font-weight:800; color:#ffffff; }
#section2 .lineup-title h2 small { font-family: 'Paperlogy-5Medium'; font-size:2.5vw; }
#section2 .features { display:flex; gap:0.6vw; flex-direction:column; margin:0 0 2vw; padding:0; font-family: 'Paperlogy-5Medium'; list-style:none; }
#section2 .features li { font-size:1.5vw; color:#ffffff; }
#section2 .price { font-family: 'Paperlogy-8ExtraBold'; font-size:4vw; font-style: italic; font-weight:700; color:#ffffff; letter-spacing:2px; }
#section2 .price span { font-size:3vw; }


@media all and (max-width:768px) {
 #section2 .line1 { height: 100px; }
 #section2 .line1 .main-title { font-size: 20px; margin-bottom: 8px; }
 #section2 .line1 .hashtags span { font-size: 14px; }
 #section2 .seccont { height: calc(100vh - 100px); background: url('/upload/img/p1.png') no-repeat 90% 50%; }
 #section2 .seccont .inner { width:90%; margin:0 auto; }
 #section2 .lineup-title span { font-size: 24px; }
 #section2 .lineup-title h2 { margin:0 0 4vw; font-size: 36px; }
 #section2 .features { gap:2vw; margin:0 0 5vw; }
 #section2 .features li { font-size: 18px; }
 #section2 .price { font-size: 32px; letter-spacing:1px; }
 #section2 .price span { font-size: 20px; }
 }





#section3 { position: relative; width: 100%; height: 100vh; overflow: hidden; box-sizing: border-box; }
#section3 .seccont { display: flex; align-items: center; justify-content: flex-start; flex-direction: column; position: relative; width: 100%; height:100vh; overflow: hidden; background: url('/upload/img/p2.png') no-repeat center/cover; -webkit-overflow-scrolling: touch; box-sizing: border-box; }
#section3 .seccont::before { position: absolute; top: 0; left: 0; width: 60%; height: 100%; background: rgba(112, 51, 226, 0.5); content: ''; clip-path: polygon(0 0, 100% 0, 70% 100%, 0 100%); }
#section3 .inner { display: flex; align-items: flex-start; justify-content: center; flex-direction: column; position: relative; width: 100%; max-width: 1400px; height: 100%; padding: 0; box-sizing: border-box; }
#section3 .lineup-title { font-family: 'Montserrat'; }
#section3 .lineup-title span { font-size: 2.5vw; font-weight: 500; color: #ffffff; margin-bottom: 0.5vw; }
#section3 .lineup-title h2 { margin: 0 0 1vw; font-size: 4vw; font-weight: 800; line-height: 1.1; color: #ffffff; }
#section3 .features { display: flex; gap: 0.6vw; flex-direction: column; margin: 0 0 2vw; padding: 0; font-family: 'Paperlogy-5Medium'; list-style: none; }
#section3 .features li { font-size: 1.5vw; color: #ffffff; }
#section3 .price { font-family: 'Paperlogy-8ExtraBold'; font-size: 4vw; font-style: italic; font-weight: 700; color: #ffffff; letter-spacing: 0.5px; }
#section3 .price span { font-size: 3vw; }

@media all and (max-width:768px) {
#section3 .line1 { height: 100px; }
#section3 .line1 .main-title { font-size: 20px; margin-bottom: 8px; }
#section3 .line1 .hashtags span { font-size: 14px; }
#section3 .seccont { background: url('/upload/img/p2.png') no-repeat 80% 50%; }
#section3 .inner { width:90%; margin:0 auto; }
#section3 .lineup-title span { font-size: 24px; }
#section3 .lineup-title h2 { margin: 0 0 4vw; font-size: 36px; }
#section3 .features { gap: 2vw; margin: 0 0 5vw; }
#section3 .features li { font-size: 18px; }
#section3 .price { font-size: 32px; letter-spacing: 1px; }
#section3 .price span { font-size: 20px; }
 }







 #section4 { position: relative; width: 100%; height: 100vh; overflow: hidden; box-sizing: border-box; }
 #section4 .seccont { display: flex; align-items: center; justify-content: flex-start; flex-direction: column; position: relative; width: 100%; height:100vh; overflow: hidden; background: url('/upload/img/p3.png') no-repeat center/cover; -webkit-overflow-scrolling: touch; box-sizing: border-box; }
#section4 .seccont::before { position: absolute; top: 0; left: 0; width: 60%; height: 100%;
 background: rgba(255, 0, 0, 0.5); content: ''; clip-path: polygon(0 0, 100% 0, 60% 100%, 0 100%); }
 #section4 .inner { display: flex; align-items: flex-start; justify-content: center; flex-direction: column; position: relative; width: 100%; max-width: 1400px; height: 100%; padding: 0; box-sizing: border-box; }


#section4 .inner { display: flex; align-items: flex-start; justify-content: center; flex-direction: column; position: relative; width: 100%; max-width: 1400px; height: 100%; padding: 0; box-sizing: border-box; }
#section4 .lineup-title { font-family: 'Montserrat'; }
#section4 .lineup-title span { font-size: 2.5vw; font-weight: 500; color: #ffffff; margin-bottom: 0.5vw; }
#section4 .lineup-title h2 { margin: 0 0 1vw; font-size: 4vw; font-weight: 800; line-height: 1.1; color: #ffffff; }
#section4 .lineup-title h2 small { font-family: 'Paperlogy-5Medium'; font-size:1.5vw; }
#section4 .features { display: flex; gap: 0.6vw; flex-direction: column; margin: 0 0 2vw; padding: 0; font-family: 'Paperlogy-5Medium'; list-style: none; }
#section4 .features li { font-size: 1.5vw; color: #ffffff; }
#section4 .price { font-family: 'Paperlogy-8ExtraBold'; font-size: 4vw; font-style: italic; font-weight: 700; color: #ffffff; letter-spacing: 0.5px; }
#section4 .price span { font-size: 3vw; }

@media all and (max-width:768px) {
#section4 .line1 { height: 100px; }
#section4 .line1 .main-title { font-size: 20px; margin-bottom: 8px; }
#section4 .line1 .hashtags span { font-size: 14px; }
#section4 .seccont { background: url('/upload/img/p3.png') no-repeat 80% 50%; }
#section4 .inner { width:90%; margin:0 auto; }
#section4 .lineup-title span { font-size: 24px; }
#section4 .lineup-title h2 { margin: 0 0 4vw; font-size: 32px; }
#section4 .lineup-title h2 small { font-size:16px; }
#section4 .features { gap: 2vw; margin: 0 0 5vw; }
#section4 .features li { font-size: 18px; }
#section4 .price { font-size: 32px; letter-spacing: 1px; }
#section4 .price span { font-size: 20px; }
 }




 #section5 { position: relative; width: 100%; height:100vh; overflow: hidden; box-sizing: border-box; }

 #section5 .seccont { position: relative; width: 100%; height:100vh; overflow: hidden; background: url('/upload/img/p4.png') no-repeat center/cover; -webkit-overflow-scrolling: touch; box-sizing: border-box; }
 #section5 .seccont::before { position: absolute; top: 0; left: 0; width: 60%; height: 100%;
 background: rgba(4, 68, 219, 0.5); content: ''; clip-path: polygon(0 0, 100% 0, 60% 100%, 0 100%); }

 #section5 .seccont .inner { display:flex; gap:10vw; align-items: center; justify-content:flex-start; position:relative; width:auto; max-width:1400px; height:100%; margin:0 auto; padding:0; box-sizing:border-box; padding-bottom:3vw; }

 #section5 .lineup-title { font-family: 'Montserrat'; }
 #section5 .lineup-title span { font-size:2vw; font-weight:500; color:#ffffff; margin-bottom:0.5vw; opacity:0.9; }
 #section5 .lineup-title h2 { margin:0 0 1vw; font-size:2.7vw; font-weight:800; color:#ffffff; }
 #section5 .lineup-title h2 small { font-family: 'Paperlogy-5Medium'; font-size:1.5vw; }
 #section5 .features { display:flex; gap:0.6vw; flex-direction:column; margin:0 0 1vw; padding:0; font-family: 'Paperlogy-5Medium'; list-style:none; }
 #section5 .features li { font-size:1.5vw; color:#ffffff; }
 #section5 .price { font-family: 'Paperlogy-8ExtraBold'; font-size:3.5vw; font-style: italic; font-weight:700; color:#ffffff; letter-spacing:2px; }
 #section5 .price span { font-size:2.7vw; }


 @media all and (max-width:768px) {
 #section5 .line1 { height: 100px; }
 #section5 .line1 .main-title { font-size: 20px; margin-bottom: 8px; }
 #section5 .line1 .hashtags span { font-size: 14px; }

 #section5 .seccont { background: url('/upload/img/p4.png') no-repeat 75% 50%; }
 #section5 .seccont .inner { gap:5vw; align-items: flex-start; flex-direction: column; width:90%; height:100%; margin:0 auto; padding-bottom:15vw; }
 #section5 .seccont .secul:first-child { padding:0 0 6vw; border-bottom:1px solid rgba(255,255,255,0.40); }

 #section5 .lineup-title span { font-size: 24px; }
 #section5 .lineup-title h2 { margin: 0 0 3vw; font-size: 28px; }
 #section5 .lineup-title h2 small { font-size:18px; }
 #section5 .features { gap: 2vw; margin: 0 0 2.5vw; }
 #section5 .features li { font-size: 18px; }
 #section5 .price { font-size: 32px; letter-spacing: 1px; }
 #section5 .price span { font-size: 20px; }
 }






/* ── section6 ── */
#section6 { position: relative; width: 100%; height: 100vh; overflow: hidden; box-sizing: border-box; }

#section6 .line1 { display: flex; align-items: center; justify-content: center; z-index: 9; width: 100%; height: 140px; background: #000 url('/upload/img/line1.png') no-repeat center center; background-size: cover; text-align: center; }
#section6 .line1 .inner { width: 100%; max-width: 1400px; }
#section6 .line1 .main-title { font-family: 'Paperlogy-3Light'; font-size: 2.2vw; color: #fff; margin-bottom: 15px; }
#section6 .line1 .highlight { font-family: 'Paperlogy-7Bold'; color: #7033E2; }
#section6 .line1 .hashtags span { display: inline-block; margin: 0 10px; font-size: 1.2vw; color: #fff; }

#section6 .seccont { display: flex; align-items: center; justify-content: flex-start; flex-direction: column; position: relative; width: 100%; height: calc(100vh - 140px); overflow: hidden; background: url('/upload/img/p5.png') no-repeat center/cover; -webkit-overflow-scrolling: touch; box-sizing: border-box; }
#section6 .seccont::before { position: absolute; top: 0; left: 0; width: 60%; height: 100%;
 background: rgba(0, 200, 250, 0.5); content: ''; clip-path: polygon(0 0, 100% 0, 70% 100%, 0 100%); }

#section6 .seccont .inner { display: flex; align-items: flex-start; justify-content: center; flex-direction: column; position: relative; width: 100%; max-width: 1400px; height: 100%; padding: 0; box-sizing: border-box; }
#section6 .lineup-title { font-family: 'Montserrat'; }
#section6 .lineup-title span { font-size: 2.5vw; font-weight: 500; color: #ffffff; margin-bottom: 0.5vw; }
#section6 .lineup-title h2 { margin: 0 0 1vw; font-size: 4vw; font-weight: 800; line-height: 1.1; color: #ffffff; }
#section6 .lineup-title h2 small { font-family: 'Paperlogy-5Medium'; font-size:1.5vw; }
#section6 .features { display: flex; gap: 0.6vw; flex-direction: column; margin: 0 0 2vw; padding: 0; font-family: 'Paperlogy-5Medium'; list-style: none; }
#section6 .features li { font-size: 1.5vw; color: #ffffff; }
#section6 .price { font-family: 'Paperlogy-8ExtraBold'; font-size: 4vw; font-style: italic; font-weight: 700; color: #ffffff; letter-spacing: 0.5px; }
#section6 .price span { font-size: 3vw; }
#section6 .price small { font-size: 2vw; font-weight: 400; }

/* ── 모바일 @768px ── */
@media all and (max-width:768px) {
 #section6 .line1 { height: 100px; }
 #section6 .line1 .main-title { font-size: 20px; margin-bottom: 8px; }
 #section6 .line1 .hashtags span { font-size: 14px; }
 #section6 .seccont { height: calc(100vh - 100px); background: url('/upload/img/p5.png') no-repeat 75% 50%; }
 #section6 .seccont .inner { width:90%; margin:0 auto; }
 #section6 .lineup-title span { font-size: 24px; }
 #section6 .lineup-title h2 { margin: 0 0 4vw; font-size: 36px; }
 #section6 .lineup-title h2 small { font-size:16px; }
 #section6 .features { gap: 2vw; margin: 0 0 5vw; }
 #section6 .features li { font-size: 18px; }
 #section6 .price { font-size: 32px; letter-spacing: 1px; }
 #section6 .price span { font-size: 20px; }
 #section6 .price small { font-size: 14px; }
 }





#section7 { position: relative; width: 100%; height: 100vh; overflow: hidden; box-sizing: border-box; }
#section7 .seccont { display: flex; align-items: center; justify-content: flex-start; flex-direction: column; position: relative; width: 100%; height:100vh; overflow: hidden; background: url('/upload/img/p6.png') no-repeat center/cover; -webkit-overflow-scrolling: touch; box-sizing: border-box; }
#section7 .seccont::before { position: absolute; top: 0; left: 0; width: 60%; height: 100%; background: rgba(255, 104, 44, 0.6); content: ''; clip-path: polygon(0 0, 100% 0, 70% 100%, 0 100%); }
#section7 .seccont .inner { display:flex; align-items:flex-start; justify-content:center; flex-direction:column; position:relative; width:100%; max-width:1400px; height:100%; padding:0; box-sizing:border-box; }

#section7 .lineup-title { font-family: 'Montserrat'; }
#section7 .lineup-title span { font-size:2.5vw; font-weight:500; color:#ffffff; margin-bottom:0.5vw; opacity:0.9; }
#section7 .lineup-title h2 { margin:0 0 1vw; font-size:4vw; font-weight:800; color:#ffffff; }
#section7 .lineup-title h2 small { font-family: 'Paperlogy-5Medium'; font-size:2.5vw; }
#section7 .features { display:flex; gap:0.6vw; flex-direction:column; margin:0 0 2vw; padding:0; font-family: 'Paperlogy-5Medium'; list-style:none; }
#section7 .features li { font-size:1.5vw; color:#ffffff; }
#section7 .price { font-family: 'Paperlogy-8ExtraBold'; font-size:4vw; font-style: italic; font-weight:700; color:#ffffff; letter-spacing:2px; }
#section7 .price span { font-size:3vw; }
#section7 .price small { font-size: 2vw; font-weight: 400; }


@media all and (max-width:768px) {
#section7 .line1 { height: 100px; }
#section7 .line1 .main-title { font-size: 20px; margin-bottom: 8px; }
#section7 .line1 .hashtags span { font-size: 14px; }
#section7 .seccont { background: url('/upload/img/p6.png') no-repeat 60% 50%; }
#section7 .seccont .inner { width:90%; margin:0 auto; }
#section7 .lineup-title span { font-size: 24px; }
#section7 .lineup-title h2 { margin: 0 0 4vw; font-size: 34px; }
#section7 .lineup-title h2 small { font-size:18px; }
#section7 .features { gap: 2vw; margin: 0 0 5vw; }
#section7 .features li { font-size: 18px; }
#section7 .price { font-size: 32px; letter-spacing: 1px; }
#section7 .price span { font-size: 20px; }
#section7 .price small { font-size: 14px; }
 }









#section8 { position: relative; width: 100%; height: 100vh; overflow: hidden; box-sizing: border-box; }
#section8 .seccont { display: flex; align-items: center; justify-content: flex-start; flex-direction: column; position: relative; width: 100%; height:100vh; overflow: hidden; background: url('/upload/img/p7.png') no-repeat center/cover; -webkit-overflow-scrolling: touch; box-sizing: border-box; }
#section8 .seccont::before { position: absolute; top: 0; left: 0; width: 60%; height: 100%; background: rgba(81, 166, 253, 0.6); content: ''; clip-path: polygon(0 0, 100% 0, 70% 100%, 0 100%); }
#section8 .seccont .inner { display:flex; align-items:flex-start; justify-content:center; flex-direction:column; position:relative; width:100%; max-width:1400px; height:100%; padding:0; box-sizing:border-box; }

#section8 .lineup-title { font-family: 'Montserrat'; }
#section8 .lineup-title span { font-size:2.5vw; font-weight:500; color:#ffffff; margin-bottom:0.5vw; opacity:0.9; }
#section8 .lineup-title h2 { margin:0 0 1vw; font-size:4vw; font-weight:800; color:#ffffff; }
#section8 .lineup-title h2 small { font-family: 'Paperlogy-5Medium'; font-size:2.5vw; }
#section8 .features { display:flex; gap:0.6vw; flex-direction:column; margin:0 0 2vw; padding:0; font-family: 'Paperlogy-5Medium'; list-style:none; }
#section8 .features li { font-size:1.5vw; color:#ffffff; }
#section8 .price { font-family: 'Paperlogy-8ExtraBold'; font-size:4vw; font-style: italic; font-weight:700; color:#ffffff; letter-spacing:2px; }
#section8 .price span { font-size:3vw; }
#section8 .price small { font-size: 2vw; font-weight: 400; }


@media all and (max-width:768px) {
#section8 .line1 { height: 100px; }
#section8 .line1 .main-title { font-size: 20px; margin-bottom: 8px; }
#section8 .line1 .hashtags span { font-size: 14px; }
#section8 .seccont { background: url('/upload/img/p7.png') no-repeat 70% 50%; }
#section8 .seccont .inner { width:90%; margin:0 auto; }
#section8 .lineup-title span { font-size: 24px; }
#section8 .lineup-title h2 { margin: 0 0 4vw; font-size: 34px; }
#section8 .lineup-title h2 small { font-size:18px; }
#section8 .features { gap: 2vw; margin: 0 0 5vw; }
#section8 .features li { font-size: 18px; }
#section8 .price { font-size: 32px; letter-spacing: 1px; }
#section8 .price span { font-size: 20px; }
#section8 .price small { font-size: 14px; }
 }







/* ── section6 ── */
#section9 { position: relative; width: 100%; height: 100vh; overflow: hidden; box-sizing: border-box; }

#section9 .line1 { display: flex; align-items: center; justify-content: center; z-index: 9; width: 100%; height: 140px; background: #000 url('/upload/img/line1.png') no-repeat center center; background-size: cover; text-align: center; }
#section9 .line1 .inner { width: 100%; max-width: 1400px; }
#section9 .line1 .main-title { font-family: 'Paperlogy-3Light'; font-size: 2.2vw; color: #fff; margin-bottom: 15px; }
#section9 .line1 .highlight { font-family: 'Paperlogy-7Bold'; color: #4becff; }
#section9 .line1 .hashtags span { display: inline-block; margin: 0 10px; font-size: 1.2vw; color: #fff; }

#section9 .seccont { display: flex; align-items: center; justify-content: flex-start; flex-direction: column; position: relative; width: 100%; height: calc(100vh - 140px); overflow: hidden; background: url('/upload/img/p8.png') no-repeat center/cover; -webkit-overflow-scrolling: touch; box-sizing: border-box; }
#section9 .seccont::before { position: absolute; top: 0; left: 0; width: 70%; height: 100%;
 background: rgba(201, 36, 202, 0.5); content: ''; clip-path: polygon(0 0, 100% 0, 70% 100%, 0 100%); }


#section9 .seccont .inner { display: flex; align-items: flex-start; justify-content: center; flex-direction: column; position: relative; width: 100%; max-width: 1400px; height: 100%; padding: 0; box-sizing: border-box; }
#section9 .lineup-title { font-family: 'Montserrat'; }
#section9 .lineup-title span { font-size: 2.5vw; font-weight: 500; color: #ffffff; margin-bottom: 0.5vw; }
#section9 .lineup-title h2 { margin: 0 0 2vw; font-size: 3vw; font-weight: 800; line-height: 1.1; color: #ffffff; }
#section9 .features { display: flex; gap: 0.6vw; flex-direction: column; margin: 0 0 2vw; padding: 0; font-family: 'Paperlogy-5Medium'; list-style: none; }
#section9 .features li:first-child { padding:0 0 1.5vw; margin-bottom:1.5vw; border-bottom:1px solid rgba(255,255,255,0.40); }
#section9 .features li > h2 { font-size: 2.5vw; color: #ffffff; }
#section9 .prices { display: flex; align-items: center; justify-content: flex-start; }
#section9 .price { font-family: 'Paperlogy-8ExtraBold'; font-size: 3.5vw; font-style: italic; font-weight: 700; color: #ffffff; letter-spacing: 0.5px; margin-right:1vw; }
#section9 .price span { font-size: 2.5vw; }
#section9 .price small { font-size: 2vw; font-weight: 400; }

/* ── 모바일 @768px ── */
@media all and (max-width:768px) {
 #section9 .line1 { height: 100px; }
 #section9 .line1 .main-title { font-size: 20px; margin-bottom: 8px; }
 #section9 .line1 .hashtags span { font-size: 14px; }
 #section9 .seccont { height: calc(100vh - 100px); background: url('/upload/img/p8.png') no-repeat 90% 50%; }
 #section9 .seccont .inner { width:90%; margin:0 auto; }
 #section9 .lineup-title span { font-size: 24px; }
 #section9 .lineup-title h2 { margin: 0.5vw 0 4vw; font-size: 27px; }
 #section9 .features { gap: 2vw; margin: 0 0 5vw; }
 #section9 .features li:first-child { padding:0 0 3vw; margin-bottom:2vw; }
 #section9 .features li > h2 { margin: 0 0 1vw; font-size: 20px; }
 #section9 .prices { align-items: flex-start; flex-direction: column; }
 #section9 .price { font-size: 28px; letter-spacing:1px; margin-right:0; margin-bottom:1vw; }
 #section9 .price span { font-size: 20px; }
 #section9 .price small { font-size: 20px; }
 }







/* ── section6 ── */
#section10 { position: relative; width: 100%; height: 100vh; overflow: hidden; box-sizing: border-box; }

#section10 .seccont { display: flex; align-items: center; justify-content: flex-start; flex-direction: column; position: relative; width: 100%; height:100vh; padding:0; overflow: hidden; background: url('/upload/img/p9.png') no-repeat center/cover; -webkit-overflow-scrolling: touch; box-sizing: border-box; }
#section10 .seccont::before { position: absolute; top: 0; left: 0; width: 70%; height: 100%;
 background: rgba(249,196,0,0.50); content: ''; clip-path: polygon(0 0, 100% 0, 70% 100%, 0 100%); }


#section10 .seccont .inner { display: flex; align-items: flex-start; justify-content: center; flex-direction: column; position: relative; width: 100%; max-width: 1400px; height: 100%; padding: 0; box-sizing: border-box; }
#section10 .lineup-title { font-family: 'Montserrat'; }
#section10 .lineup-title span { font-size: 2.5vw; font-weight: 500; color: #ffffff; margin-bottom: 0.5vw; }
#section10 .lineup-title h2 { margin: 0 0 2vw; font-size: 4vw; font-weight: 800; line-height: 1.1; color: #ffffff; }
#section10 .features { display: flex; gap: 0.6vw; flex-direction: column; margin: 0 0 2vw; padding: 0; font-family: 'Paperlogy-5Medium'; list-style: none; }
#section10 .features li:first-child { padding:0 0 1.5vw; margin-bottom:1vw; border-bottom:1px solid rgba(255,255,255,0.40); }
#section10 .features li > h2 { font-size: 2.5vw; color: #ffffff; margin-bottom:0.5vw; }

#section10 .prices { display: grid; gap: 1vw 1vw; grid-template-columns: repeat(2, 1fr); /* 두 열 그리드 */ }
#section10 .price { font-family: 'Paperlogy-8ExtraBold'; font-size: 3vw; font-style: italic; font-weight: 700; color: #ffffff; letter-spacing: 0.5px; margin-right:1vw; }
#section10 .price span { font-size: 2.5vw; }
#section10 .price small { font-size: 2vw; font-weight: 400; }

/* ── 모바일 @768px ── */
@media all and (max-width:768px) {
 #section10 .line1 { height: 100px; }
 #section10 .line1 .main-title { font-size: 20px; margin-bottom: 8px; }
 #section10 .line1 .hashtags span { font-size: 14px; }
 #section10 .seccont { background: url('/upload/img/p9.png') no-repeat 70% 50%; }
 #section10 .seccont .inner { width:90%; margin:0 auto; }
 #section10 .lineup-title span { font-size: 24px; }
 #section10 .lineup-title h2 { margin: 0.5vw 0 4vw; font-size: 27px; }
 #section10 .features { gap: 2vw; margin: 0 0 5vw; }
 #section10 .features li:first-child { padding:0 0 4vw; margin-bottom:2vw; }
 #section10 .features li > h2 { margin: 0 0 2vw; font-size: 22px; }
 #section10 .prices { display: table; align-items: flex-start; flex-direction: column; }
 #section10 .price { font-size: 30px; letter-spacing:1px; margin-right:0; margin-bottom:1vw; }
 #section10 .price span { font-size: 22px; }
 #section10 .price small { font-size: 22px; }
 }





 #section11 { position: relative; width: 100%; height: 100%; overflow: hidden; box-sizing: border-box; }

.section-club { padding: 120px 0 120px; background: #111; background: url('/upload/img/gallery_bg.png'); background-attachment: fixed; background-size:cover; color: #fff; box-sizing: border-box; }

 .section-club .inner { position: relative; width: 100%; max-width: 1400px; height: 100%; margin:0 auto; padding: 0; box-sizing: border-box; }

 .section-club .section-header { text-align: center; margin-bottom: 100px; }
 .section-club .subtitle { display: block; font-size: 2.5rem; font-weight: 300; letter-spacing:2px; margin-bottom: 8px; }
 .section-club .title { margin: 0 0 46px; font-size: 4.0rem; font-weight: 500; }
 .section-club .highlight { font-weight: 700; color: #d92dc9; }
 .section-club .btn-group { display:flex; gap: 25px; justify-content: center; margin: 0 0 35px; }
 .section-club .btn { padding: 15px 40px; border: none; border-radius: 100px; background: rgba(255,255,255,0.2); font-size: 1.5rem; color: #fff; transition: all ease 0.3s 0s; cursor: pointer; }
 .section-club .btn a { color:#fff; text-decoration: none; }
 .section-club .btn:hover { background: #d92dc9; transition: all ease 0.3s 0s; }

 .section-club .btn-primary { background: #d92dc9; }


 .section-club .view { width: 100%; height: auto; margin: 0 auto; }
 .section-club .gallery-item { display: flex; align-items: center; justify-content: center; position: relative; width: 100%; margin-bottom: 200px; }

 /* 텍스트 영역 */
 .section-club .gallery-item .gallery-text { position: absolute; top: 100px; left: 50px; }
 .section-club h2 { font-family: 'Paperlogy-7Bold'; font-size: 40px; font-weight: 300; margin-bottom: 8px; }
 .section-club h3 { margin: 0 0 10px; font-family: 'Paperlogy-7Bold'; font-size: 62px; font-weight: 700; line-height: 1.2; }
 .section-club h3 span { display: block; font-family: 'Paperlogy-9Black'; color: transparent; -webkit-text-stroke: 1px white; text-stroke: 2px white; }
 .section-club .hashtags { display: flex; gap: 20px; margin: 0; padding: 0; list-style: none; }
 .section-club .hashtags li { font-family: 'Montserrat'; font-size: 22px; font-weight: 500; }
 .section-club .gallery { width: 100%; }


 @media screen and (max-width:768px) {
 .section-club .inner .section-header { width:90%; margin:0 auto; margin-bottom: 0px; }
 .section-club .subtitle { font-size: 0.9rem; margin-bottom: 6px; }
 .section-club .title { font-size: 1.8rem; margin-bottom: 12px; }
 .section-club .btn-group { gap: 10px; margin:0;}
 .section-club .btn { width: 100%; padding: 10px 16px; font-size: 0.85rem; }

 .section-club .inner {width:90%; margin:0 auto;}

 .section-club .gallery-item { align-items: flex-start; flex-direction: column; margin-bottom:10vw; }
 .section-club .gallery-item .gallery-text { position: relative; top: 60px; left: 0px; height:165px; }
 .section-club h2 { font-size: 20px; }
 .section-club h3 { font-size: 23px; }
 .section-club h3 span { display: revert; }
 .section-club .hashtags { gap: 10px; flex-wrap: wrap; }
 .section-club .hashtags li { font-size: 13px; }
 }










/* ── section12: Contact Section ── */
#section12 { position: relative; width: 100%; height: 100vh; overflow: hidden; background: url('/upload/img/bottom_bg.png') no-repeat 65% 50%; box-sizing: border-box; }
#section12 .inner { display: flex; align-items: flex-start; justify-content: center; flex-wrap: wrap; flex-direction: column; width: 100%; max-width: 1400px; height: 100%; margin:0 auto; box-sizing: border-box; }
/* 로고 */
#section12 .logo { max-width: 240px; margin-bottom: 1.5vw; }
#section12 .logo img { width: 100%; }
/* 태그라인 */
#section12 .tagline { font-family: 'Montserrat'; font-size: 2.5vw; font-style: italic; font-weight:600; color: #ffffff; margin-bottom: 2vw; }
/* 연락처 정보 */
#section12 .contact-info .contact-title { margin:0; font-family: 'Montserrat'; font-size: 2.5vw; font-weight: 700; color: #ffffff; }
#section12 .phone { font-family: 'Montserrat'; font-size: 4vw; font-weight: 700; color: #ffffff; margin-bottom: 1vw; }
#section12 .address { display: flex; align-items: center; font-size: 1.8vw; color: #ffffff; }
#section12 .address i { margin: 0 0.5vw 0 0; font-size:1.4vw; }
#section12 .contact-info a {color:#fff;}

/* ── 모바일 대응 @768px ── */
@media all and (max-width:768px) {
  #section12 { position: relative; width: 100%; height: 100vh; overflow: hidden; background: url('/upload/img/bottom_bg.png') no-repeat 62% 50%; box-sizing: border-box; background-size:cover;}
#section12 .inner { width:90%; margin:0 auto; box-sizing: border-box; }

 #section12 .logo img { max-width: 140px; margin-bottom: 20px; }
 #section12 .tagline { font-size: 16px; margin-bottom: 5px; }
 #section12 .contact-info {margin-bottom:100px;}
 #section12 .contact-info .contact-title { font-size: 24px; margin-bottom: 8px; }
 #section12 .phone { font-size: 30px; margin-bottom: 12px; }
 #section12 .address { font-size: 14px; }
 #section12 .address i { font-size:13px; margin-right: 5px; }
 }



/* ── Footer (section-footer) ── */
.section-footer { position:absolute; bottom:0; width: 100%; min-height: 140px; background: #111; color: #fff; box-sizing: border-box; padding:30px 0;}
.section-footer .inner { max-width: 1200px; margin: 0 auto; text-align: center; }
.section-footer .inner .logo { width:180px; height:25px; margin: 0 auto; }
.section-footer .inner .logo img { width: 100%; }
.section-footer .inner p { margin: 0 auto; font-family: 'Montserrat'; font-size: 0.8vw; font-weight: 500; }

.section-footer .company-info { display: flex; flex-wrap: wrap; justify-content: center; width: auto; margin: 0 auto; gap: 15px; font-size: 14px; color: #ccc; margin-top: 0px; line-height: 1.6; text-align: center; font-family: 'Pretendard'; }

  .section-footer .company-info strong { color: #fff; }
.mo { display:none; }


@media all and (max-width:768px) {

 .section-footer { height: auto; padding:20px 0 90px 0;}

 .section-footer .inner {width:100%;}
 .section-footer .inner .logo { width:auto; height:40px; margin: 0 auto; }
 .section-footer .inner .logo img { width: 100%; }

.section-footer .company-info { width:80%; margin:0 auto; flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 0; }
.section-footer .company-info p { width: auto; margin: 0; text-align: left; font-size: 11px; }
.section-footer .company-info p:nth-child(2) {margin-left:10px;}

      .section-footer .inner p.copyright { margin: 0 auto; font-family: 'Montserrat'; font-size: 9px; font-weight: 500; margin-top:5px;}

 .mo { display:block; }
 }
















