/* ===========================
공통
=========================== */
html,body{height:100%;font-family:"Pretendard JP"; scroll-behavior:smooth}
body{background:#fff;overflow-y:auto;scroll-snap-type:y proximity}
*{margin:0;padding:0;box-sizing:border-box}
ul{list-style:none}
a{text-decoration:none;color:inherit}
*::-webkit-scrollbar{-webkit-appearance:none;width:0;height:0}
#topBtn{position:fixed;right:30px;bottom:30px;width:52px;height:52px;border:none;border-radius:50%;background:rgba(34,130,58,.9);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;box-shadow:0 10px 24px rgba(0,0,0,.18);opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .3s ease,transform .3s ease,background .3s ease;z-index:9999}
#topBtn.show{opacity:1;visibility:visible;transform:translateY(0)}
#topBtn:hover{background:#075d0f;transform:translateY(-3px)}
#topBtn i{pointer-events:none}

/* 섹션 공통 */
section{width:100%;height:100vh;position:relative;scroll-snap-align:start}


/* ===========================
header
=========================== */
#header{background:transparent;transition:.3s;position:fixed;top:0;left:0;width:100%;z-index:1000}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:30px 60px}
.logo img{height:32px}

.nav{display:flex;align-items:center;margin-left:auto}
.menu{display:flex;gap:40px}
.menu li a{font-size:16px;font-weight:700;color:#000;transition:.2s}
.menu li a:hover{color:#1db954}
.menu li a.active{color:#015abe}

.lang{position:relative;margin-left:40px}
.lang-btn{background:none;border:0;color:#000;font-size:14px;cursor:pointer;padding:5px 8px}
.lang-list{position:absolute;top:32px;right:0;background:rgba(255,255,255,.6);backdrop-filter:blur(10px);border-radius:12px;padding:6px 0;display:none;box-shadow:0 10px 30px rgba(0,0,0,.15)}
.lang.open .lang-list{display:block}
.lang-list li{position:relative}
.lang-list li a{display:block;padding:8px 16px;font-size:13px;color:#000;white-space:nowrap;position:relative;z-index:1;transition:.2s}
.lang-list li::before{content:"";position:absolute;inset:4px;border-radius:8px;background:rgba(0,0,0,.8);opacity:0;transition:.2s}
.lang-list li:hover::before{opacity:.8}
.lang-list li:hover a{color:#fff}

/* 모바일 버튼 (PC 숨김) */
.menu-toggle{display:none}

/* ===========================
intro
=========================== */
#intro{overflow:hidden}
.bg-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.intro-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff}
.intro-center h2{font-size:clamp(40px,5vw,92px);font-weight:900;letter-spacing:-1px;line-height:1.2;white-space:nowrap}
.intro-center p{margin-top:20px;font-size:22px;opacity:.9}
.intro-btn{position:absolute;left:60px;bottom:60px;display:flex;gap:15px}
.intro-btn .btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 26px;border:1px solid rgba(255,255,255,.6);border-radius:40px;font-size:14px;color:#fff;backdrop-filter:blur(7px);transition:.3s;gap:8px}
.intro-btn .btn:hover{background:#fff;color:#000;border-color:#fff}

@media (min-width:769px){
.intro-btn{right:60px;align-items:center}
.intro-btn .btn:nth-child(2){margin-left:auto;background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(255,255,255,.72));color:#111;border:1px solid #fff;box-shadow:0 12px 35px rgba(0,0,0,.28);font-weight:700;padding:12px 30px}
.intro-btn .btn:nth-child(2):hover{background:#ff8400;color:#fff;border-color:#ff8400;box-shadow:0 18px 45px rgba(0,0,0,.38);text-shadow:0 2px 6px rgba(0,0,0,.45)}
}

.mo-br{display:none;}

.bg-video::-webkit-media-controls{display:none!important}

/* ===========================
section - title (공통 타이틀 섹션)
=========================== */
.section-title{display:flex;align-items:center;justify-content:center;background:#eee}
.title-inner h2{font-size:120px;font-weight:900;color:#333;letter-spacing:-2px}

.scroll-guide{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);text-align:center}
.scroll-guide p{font-size:14px;color:#555;margin-bottom:10px}
.scroll-line{display:block;width:30px;height:50px;border:2px solid #000;border-radius:20px;margin:0 auto;position:relative;background:none}
.scroll-line::after{content:"";position:absolute;top:10px;left:50%;transform:translateX(-50%);width:6px;height:10px;background:#000;border-radius:3px;animation:wheelMove 1.2s infinite}
@keyframes wheelMove{0%{top:10px;opacity:1}100%{top:30px;opacity:0}}

.section-content{display:flex;align-items:center;justify-content:center;background:#fff;padding:0 60px}

/* PC 전용 */
.menu-toggle{display:none}
.menu-toggle{display:none;align-items:center;justify-content:center;border:none;background:none;color:#000;position:relative}
.menu-toggle i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:22px;transition:.3s}
.menu-toggle .fa-xmark{opacity:0;transform:translate(-50%,-50%) rotate(-90deg)}
.menu-toggle.active .fa-bars{opacity:0;transform:translate(-50%,-50%) rotate(90deg)}
.menu-toggle.active .fa-xmark{opacity:1;transform:translate(-50%,-50%) rotate(0)}
/* =========================
responsive - section (공통)
=========================== */
@media (max-width:768px){
section{height:auto;min-height:100vh;}
.section-content{padding:80px 20px}
#topBtn{display:none;}
}
@media (max-width:480px){
.section-content{padding:60px 16px}
}


/* =========================
responsive - header
=========================== */
@media (max-width:1140px){
.header-inner{padding:20px 40px}
.menu{gap:25px}
}
@media (max-width:768px){
#header.scrolled{	background:#fff;box-shadow:0 6px 20px rgba(0,0,0,.08);}
.header-inner{padding:16px 20px}
.logo img{height:26px}

.menu-toggle {display:flex; width:56px;height:48px;position:relative;background:none;border:none;cursor:pointer;margin-right:-20px; z-index:2000}
.menu-toggle span,
.menu-toggle span::before,
.menu-toggle span::after{content:"";	position:absolute;	left:50%;	width:24px;height:2px;background:#000;border-radius:2px;transform:translateX(-50%);}
.menu-toggle span{top:50%;transform:translate(-50%,-50%)}
.menu-toggle span::before{top:-7px}
.menu-toggle span::after{top:7px}
.menu-toggle.active span{background:transparent}
.menu-toggle.active span::before{top:0;transform:translateX(-50%) rotate(45deg);}
.menu-toggle.active span::after{top:0;	transform:translateX(-50%) rotate(-45deg);}

.nav{position:fixed;top:72px;right:-100%;width:calc(100% - 40px);max-width:400px;min-height:380px;display:flex;flex-direction:column;align-items:flex-start;background:rgba(255,255,255,.75);backdrop-filter:blur(12px);border-radius:20px;padding:30px 20px;gap:24px;box-shadow:0 20px 40px rgba(0,0,0,.15);opacity:0;transform:translateY(20px);transition:.35s}

.nav.open{right:20px;opacity:1;transform:translateY(0)}
.nav.open + .lang{	top:auto;	bottom:auto;top:calc(72px + 310px); opacity:1;transform:translateY(0);}
.menu{flex-direction:column;gap:20px;width:100%}
.menu li a{font-size:16px}
.lang{position:fixed;top:calc(72px + 310px); right:20px;	bottom:calc(100vh - 72px - 380px + 20px);width:calc(100% - 40px);max-width:400px;z-index:1500;   padding:0 10px;opacity:0;transform:translateY(20px);transition:.35s;}
.lang-btn{display:none}
.lang-list{position:static;display:flex;gap:10px;width:100%;background:none;box-shadow:none;padding:0}
.lang-list li{flex:1}
.lang-list li::before{display:none}
.lang-list li a{display:flex;align-items:center;justify-content:center;height:38px;border-radius:999px;background:rgba(255,255,255,.6);backdrop-filter:blur(6px);font-size:13px;color:#111;font-weight:500;letter-spacing:.3px;transition:.25s;box-shadow:0 2px 6px rgba(0,0,0,.08)}
.lang-list li a:hover{background:#000;color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.2);transform:translateY(-1px)}
.lang-list li a.active{background:#000;color:#fff;box-shadow:0 4px 14px rgba(0,0,0,.25)}
}

/* =========================
responsive - intro
=========================== */
@media (max-width:1140px){
.intro-center p{font-size:20px}
.intro-btn{left:40px;bottom:40px}
}

@media (max-width:768px){
.intro-center h2{white-space:normal;text-align:center}
.intro-center p{font-size:16px}
.intro-btn{left:20px;right:20px;bottom:40px;gap:10px}
.intro-btn .btn{flex:1;justify-content:center}
.mo-br{display:block;}
}

@media (max-width:480px){
.intro-center h2{font-size:clamp(28px,10vw,42px)}
.intro-center p{font-size:14px}
.intro-btn{flex-direction:column;left:16px;right:16px;bottom:30px;gap:12px}
.intro-btn .btn{width:100%;padding:14px 0;font-size:15px}
}

/* =========================
responsive - section-title
=========================== */
@media (max-width:1140px){
.title-inner h2{font-size:80px}
.scroll-guide{bottom:30px}
.scroll-line{height:40px}
}

/* 768 이하 */
@media (max-width:768px){
.section-title{padding:80px 20px}
.title-inner h2{font-size:clamp(36px,10vw,56px);letter-spacing:-1px;text-align:center;white-space:normal}
.scroll-guide{bottom:20px}
.scroll-guide p{font-size:12px}
.scroll-line{width:24px;height:36px;border-width:1.5px}
.scroll-line::after{width:5px;height:8px}
}

@media (max-width:480px){
.section-title{padding:60px 16px}
.title-inner h2{font-size:clamp(28px,12vw,42px);letter-spacing:-0.5px}
.scroll-guide{bottom:14px}
.scroll-guide p{font-size:11px;margin-bottom:6px}
.scroll-line{width:20px;height:30px;border-width:1px}
.scroll-line::after{width:4px;height:6px}
}


/* ===========================
section 1 - company
=========================== */
.history-wrap{position:relative}
.history-head{position:absolute;top:120px;left:calc(50% - 700px);font-size:64px;font-weight:900;	color:#ddd;pointer-events:none;}
.history-wrap .history-inner{width:100%;max-width:1400px;margin:0 auto;display:flex;gap:80px;align-items:stretch;position:relative; }
.history-left{	width:200px;display:flex;	align-items:center;}
.history-left ul{display:flex;flex-direction:column;gap:20px}
.history-left li{font-size:16px;color:#888;cursor:pointer;position:relative;padding-left:20px}
.history-left li.active{font-size:18px;color:#000;font-weight:800}
.history-left li.active::before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;background:#000;border-radius:50%}
.history-right{flex:1;padding-top:120px}
.history-grid{display:flex;gap:120px}
.history-col{flex:1;display:flex;flex-direction:column;gap:80px}
.history-col:first-child .history-item:nth-child(2){margin-top:40px;}
.history-item h3{font-size:32px;font-weight:800;margin-bottom:15px}
.history-item p{display:flex;align-items:flex-start;font-size:18px;color:#333;margin-bottom:18px;}
.history-item span{flex:0 0 40px;color:#999}
.history-item b{color:#1db954}
.history-img img{width:220px;margin-top:15px}

/* =========================
responsive - history
=========================== */
@media (max-width:1400px){
.history-head{left:40px;font-size:48px}
.history-wrap .history-inner{padding:0 40px;gap:40px}
.history-left{width:180px}
.history-left li{font-size:13px}
.history-left li.active{font-size:14px}
.history-grid{gap:60px}
.history-col{gap:50px}
.history-item h3{font-size:26px}
.history-item p{font-size:18px}
.history-img img{width:180px}
}

@media (max-width:768px){
.history-wrap{display:block;padding:80px 20px}
.history-head{position:static;display:block;font-size:32px;text-align:center;margin:40px 0 32px;color:#ddd}
.history-left{display:none}
.history-wrap .history-inner{display:block;width:100%;padding:0;max-width:none}
.history-right{padding-top:0;width:100%}

.history-grid{display:block}
.history-col{display:block}
.history-col+.history-col{margin-top:40px}
.history-item+.history-item{margin-top:32px}
.history-item h3{font-size:22px;margin-bottom:10px}
.history-item p{font-size:15px;line-height:1.6;margin-bottom:6px}
.history-item span{display:inline-block;width:28px}
.history-img img{width:140px;margin:12px 0 0;display:block}
}

@media (max-width:480px){
.history-wrap{padding:60px 16px}
.history-head{font-size:26px;margin-bottom:24px}
.history-item h3{font-size:20px}
.history-item p{font-size:14px;line-height:1.6}
.history-item span{width:26px}
.history-img img{width:120px}
}

/* business */
.business-wrap{position:relative;height:100vh;overflow:hidden;color:#fff}
.business-head {position:absolute;top:120px;left:calc(50% - 700px);font-size:64px;font-weight:900;color:rgba(255,255,255,0.15);pointer-events:none;}
.business-wrap .business-inner {width:100%;max-width:1400px;margin:0 auto;display:flex;gap:80px;align-items:stretch;position:relative;}
.business-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}
.bg-item{position:absolute;width:100%;height:100%;background-size:cover;background-position:center;opacity:0;transition:1s}
.bg-item.active{opacity:1}
.business-content{flex:1;	display:flex;align-items:center;justify-content:center;padding-top:120px;}
.business-left{width:200px;display:flex;	align-items:center;}
.business-left ul{display:flex;flex-direction:column;gap:20px}
.business-left li{font-size:14px;color:#888;cursor:pointer;position:relative;padding-left:20px}
.business-left li.active{font-size:16px;color:#000;font-weight:800}
.business-left li.active::before{content:"";position:absolute;left:0;top:8px;width:6px;height:6px;background:#000;border-radius:50%}
.business-slider{height:100%;display:flex;align-items:center;justify-content:center;}
.business-slider img {width:80%;max-width:220px;margin:20px 0 0;display:block;border-radius:20px}
.slide{position:absolute;width:420px;text-align:left;color:#fff;transition:.7s cubic-bezier(.77,0,.18,1);opacity:.3;transform:translateX(50vw) scale(.75);filter:blur(5px)}
.slide.active{transform:translateX(0) scale(1);opacity:1;filter:blur(0);z-index:3}
.slide.prev{transform:translateX(-50vw) scale(.75);opacity:.35;filter:blur(5px);z-index:2}
.slide.next{transform:translateX(50vw) scale(.75);opacity:.35;filter:blur(5px);z-index:2}
.slide h3{font-size:36px;font-weight:700;margin-bottom:15px}
.slide p{display:flex;align-items:center;font-size:20px;font-weight:500;line-height:1.7;opacity:.9}
.slide p i{width:20px;flex-shrink:0;text-align:center;margin-right:10px;}
.slide p span{display:inline-block;font-size:20px;font-weight:500;}
.slide.active h3{animation:fadeUp .6s}
.slide.active p{animation:fadeUp .8s}
@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}

/* =========================
responsive - business
=========================== */
@media (max-width:1400px){
.business-head{left:40px;font-size:56px}
.business-wrap .business-inner{padding:0 40px;gap:60px}
.slide{width:360px}
}

@media (max-width:1024px){
.business-left{width:160px}
.slide{width:300px}
.slide h3{font-size:28px}
.slide p,.slide p span{font-size:18px}
}

@media (max-width:768px){
.business-wrap{display:block;height:auto;min-height:100vh;padding:80px 20px;}
.business-head{border:0px #f50 solid; position:relative;top:0;left:50%;	transform:translateX(-50%);display:block;width:100%;text-align:center;margin:40px auto 32px;font-size:32px;color:rgba(255,255,255,.2)}
.business-wrap .business-inner{display:block;padding:0;	max-width:none;}
.business-left{display:none}
.business-content{display:block;padding-top:0;}
.business-slider{position:relative;width:100%;height:420px;}
.slide{position:absolute;left:60%;top:50%;width:300px;transform:translate(-50%,-50%) scale(.8);opacity:.5;filter:blur(3px);text-align:left;transition:.5s;}
.slide.active{transform:translate(-50%,-50%) scale(1);opacity:1;filter:none;z-index:3;}
.slide.prev{transform:translate(calc(-50% - 180px),-50%) scale(.8);opacity:.4;z-index:2;}
.slide.next{transform:translate(calc(-50% + 180px),-50%) scale(.8);opacity:.4;z-index:2;}
.slide h3{font-size:22px;}
.slide p{font-size:16px;display:flex;align-items:center;justify-content:flex-start;}
.slide p span{font-size:16px;}
.business-slider img{display:block;max-width:140px;margin:20px 0 0;}
}

@media (max-width:480px){
.business-wrap{padding:60px 16px}
.business-head{font-size:26px;}
.business-slider{height:360px;}
.slide{max-width:260px;}
.slide h3{font-size:20px}
.slide p,.slide p span{font-size:14px}
.business-slider img{max-width:120px;}
}

/* ===========================
section 2 - golf t.on
=========================== */
.golfton-wrap {position:relative;height:100vh;color:#fff;background:url('../img/golfton_bg.webp') center/cover no-repeat}
.golfton-wrap::before {content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.2);z-index:0}
.golfton-inner {width:100%;max-width:1400px;margin:0 auto;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;transform:translateY(60px);z-index:1}
.golfton-head h3 {font-size:48px;font-weight:800;margin-bottom:10px;word-break:keep-all; overflow-wrap:anywhere;}
.golfton-head b {color:#22c55e;font-weight:800;}
.golfton-head p {font-size:22px;opacity:.8; font-weight:500;margin-bottom:60px}
.golfton-visual {position:relative;display:flex;align-items:center;justify-content:center;gap:80px;margin-bottom:60px}
.roll-box {position:relative;overflow:hidden;border-radius:20px}
.roll-inner {display:flex;flex-direction:column;}
.roll-box.large .roll-inner {animation:rollUp 18s linear infinite}
.roll-box.large .roll-inner img {width:100%;display:block}
.roll-box.small .roll-inner {position:absolute;top:0px;left:0;width:100%;animation:rollUpSmall 14s linear infinite}
.roll-box.small .roll-inner img {width:100%;display:block}
.roll-box:hover .roll-inner {animation-play-state:paused}
.roll-box.large {width:800px;height:420px}
.roll-box.small {position:relative;width:220px;height:420px;overflow:hidden;border-radius:20px}
.roll-box.small .fixed-img {position:absolute;top:0;left:0;width:100%;z-index:2}
@keyframes rollUp {
	0% {transform:translateY(0)}
	100% {transform:translateY(-50%)}
}
@keyframes rollUpSmall {
	0% {transform:translateY(0)}
	100% {transform:translateY(-50%)}
}
.golfton-text-wrap {width:100%;max-width:1000px;margin:0 auto;display:flex;align-items:flex-end;justify-content:space-between}
.golfton-text {text-align:left}
.golfton-text p {font-size:22px;font-weight:700;margin-bottom:10px}
.golfton-text b {color:#22c55e}
.golfton-link {position:relative;font-size:20px;font-weight:700;color:#fff;text-decoration:none;padding-bottom:10px;margin-left:auto;}
.golfton-link::after {content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:#fff}
.golfton-link::before {content:"›";position:absolute;right:-20px;top:0;font-size:20px}
.golfton-link:hover {opacity:.7}

/* =========================
responsive - golfton
=========================== */
@media (max-width:1400px){
.golfton-inner{padding:0 40px}
.golfton-head h3{font-size:42px}
.golfton-head p{font-size:22px}
.golfton-visual{gap:60px}
.roll-box.large{width:680px;height:380px}
.roll-box.small{width:200px;height:380px}
.golfton-text p{font-size:24px}
.golfton-link{font-size:18px}
}

@media (max-width:1024px){
.golfton-head h3{font-size:36px}
.golfton-head p{font-size:20px}
.golfton-visual{gap:40px}
.roll-box.large{width:560px;height:320px}
.roll-box.small{width:160px;height:320px}
.golfton-text-wrap{max-width:800px}
.golfton-text p{font-size:22px}
}

@media (max-width:768px){
.golfton-wrap{height:auto;padding:80px 20px;}
.golfton-inner{transform:none;padding:0;}
.golfton-head h3{font-size:28px;margin-top:40px;}
.golfton-head p{font-size:16px;margin-bottom:40px}
.golfton-visual{flex-direction:column;gap:20px}
.roll-box.large{display:none;}
.roll-box.small{display:block;width:160px;height:300px;margin:10px auto 0}
.golfton-text-wrap{flex-direction:column;align-items:flex-start;gap:20px}
.golfton-text p{font-size:18px}
.golfton-link{font-size:16px;margin-left:0}
}

@media (max-width:480px){
.golfton-wrap{padding:60px 16px;}
.golfton-head h3{font-size:24px}
.golfton-head p{font-size:14px}
.roll-box.large{height:200px;}
.golfton-text p{font-size:16px;}
.golfton-link{font-size:14px;}
}

/* ===========================
section 3 - wheek
=========================== */
#wheek_top {background:#eee}
/* #wheek_top .title-inner h2 {font-size:0}
#wheek_top .title-inner h2 img {width:clamp(180px,25vw,480px);height:auto;display:block;margin:0 auto} */
/* wheek content */
#wheek_content {display:flex;align-items:center;justify-content:center;background:#d0d8f0;text-align:center}
#wheek_content .wheek-inner {width:100%;max-width:1400px;margin:0 auto;padding:80px 20px}
#wheek_content .wheek-head h2 {font-size:48px;font-weight:900;margin-bottom:10px;color:#0b1b2b;word-break:keep-all; overflow-wrap:anywhere;}
#wheek_content .wheek-head p {font-size:22px;color:#555;margin-bottom:60px; word-break:keep-all; overflow-wrap:anywhere;}
#wheek_content .wheek-process {display:flex;align-items:center;justify-content:center;gap:24px;flex-wrap:wrap}
#wheek_content .wheek-process .arrow:nth-last-child(2) {visibility:hidden}
#wheek_content .wheek-step {display:flex;flex-direction:column;align-items:center}
#wheek_content .wheek-step .phone {width:160px;max-width:100%}
#wheek_content .wheek-step .phone img {width:100%;height:auto}
#wheek_content .wheek-step .label {margin-top:14px;background:#1e2a78;color:#fff;padding:10px 18px;border-radius:20px;font-size:14px;font-weight:600}
#wheek_content .arrow i {font-size:22px;color:#17195c;position:relative;top:-30px}
#wheek_link {position:relative;height:36px;margin-top:80px}
#wheek_link div {width:848px;margin:auto;text-align:center}
#wheek_link a {position:relative;font-size:20px;font-weight:700;color:#17195c;text-decoration:none;padding-bottom:10px;display:inline-block}
#wheek_link a::after {content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:#17195c}
#wheek_link a::before {content:"›";position:absolute;right:-20px;top:0;font-size:20px;color:#17195c}
#wheek_link a:hover {opacity:.7}
#wheek_link span {display:inline-block;border-top:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid #17195c;margin-bottom:2px;margin-left:10px}
#wheek_link.wave {transition-delay:1s}
#wheek_link.wave.show {opacity:1;transform:translateY(0)}
/* wave 딜레이 */
.wave {opacity:0;transform:translateY(40px);transition:opacity .6s ease,transform .6s ease}
.wave.show {opacity:1;transform:translateY(0)}
.wheek-process .wave:nth-child(1) {transition-delay:.1s}
.wheek-process .wave:nth-child(2) {transition-delay:.2s}
.wheek-process .wave:nth-child(3) {transition-delay:.3s}
.wheek-process .wave:nth-child(4) {transition-delay:.4s}
.wheek-process .wave:nth-child(5) {transition-delay:.5s}
.wheek-process .wave:nth-child(6) {transition-delay:.6s}
.wheek-process .wave:nth-child(7) {transition-delay:.7s}
.wheek-process .wave:nth-child(8) {transition-delay:.8s}
.wheek-process .wave:nth-child(9) {transition-delay:.9s}

/* =========================
responsive - wheek (mobile horizontal scroll)
=========================== */
@media (max-width:1024px){
#wheek_content{display:block;padding:80px 20px;text-align:left;overflow:visible;}
#wheek_content .wheek-head p{margin-bottom:40px;}
#wheek_content .wheek-process{display:flex;flex-direction:row;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;gap:15px;padding:0 0 10px;justify-content:flex-start;-webkit-overflow-scrolling:touch;}
#wheek_content .wheek-process::-webkit-scrollbar{display:none;}
#wheek_content .wheek-step{flex:0 0 auto;width:140px;margin:0;}
#wheek_content .wheek-step {display:flex;flex-direction:column;align-items:center}
#wheek_content .wheek-step:last-child{margin-right:10px}
#wheek_content .wheek-step .phone{	width:100%;}
#wheek_content .wheek-step .label{font-size:13px;	padding:8px 12px;}
#wheek_content .arrow{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:20px;height:140px;}
#wheek_content .arrow i{position:static;top:auto;}
#wheek_link{	margin-top:40px;}
#wheek_link div{width:auto;text-align:left;}
}
@media (max-width:768px){
#wheek_content .wheek-head h2{font-size:28px;}
#wheek_content .wheek-head p{font-size:16px;margin-bottom:40px;}
#wheek_content .wheek-step .label{font-size:14px;}
#wheek_link a{font-size:16px;}
}
@media (max-width:480px){
#wheek_content{padding:60px 16px;}
#wheek_content .wheek-head h2{font-size:24px;}
#wheek_content .wheek-head p{font-size:14px;margin-bottom:30px;}
#wheek_content .wheek-step .label{font-size:13px;padding:6px 10px;}
#wheek_link a{font-size:14px;}
}
/* ===========================
section 4 - golf pay
=========================== */
#golfpay_content {display:flex;align-items:center;justify-content:center;background:#245259;color:#fff;text-align:center}
.golfpay-inner {width:100%;max-width:1400px;margin:0 auto;padding:160px 20px 80px}
.golfpay-head h2 {font-size:48px;font-weight:800;margin-bottom:10px;word-break:keep-all; overflow-wrap:anywhere;}
.golfpay-head h2 b {color:#55d266;font-weight:800;}
.golfpay-head p {font-size:22px;opacity:.8;font-weight:500;margin-bottom:60px; word-break:keep-all; overflow-wrap:anywhere;}
.golfpay-video {display:flex;justify-content:center;margin-bottom:60px}
.video-box {position:relative;width:100%;max-width:848px;border-radius:24px;overflow:hidden}
.video-overlay {position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.2);z-index:2}
.video-overlay.hide {display:none}
.video-box video {width:100%;display:block;border-radius:24px}
.controls {display:flex;align-items:center;gap:20px}
.play-btn {width:80px;cursor:pointer;transition:.3s}
.play-btn:hover {transform:scale(1.1)}
.sound-btn {position:absolute;right:20px;bottom:20px;width:44px;height:44px;border-radius:50%;border:none;background:rgba(0,0,0,.6);color:#fff;font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3;transition:.3s}
.sound-btn:hover {background:#fff;color:#000}
.golfpay-link a {position:relative;font-size:20px;font-weight:700;color:#fff;text-decoration:none;padding-bottom:10px;display:inline-block}
.golfpay-link a::after {content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:#fff}
.golfpay-link a::before {content:"›";position:absolute;right:-20px;top:0;font-size:20px}
.golfpay-link a:hover {opacity:.7}

/* =========================
responsive - golfpay
=========================== */
@media (max-width:1400px){
.golfpay-inner{padding:140px 40px 80px}
.golfpay-head h2{font-size:44px}
.golfpay-head p{font-size:22px}
.video-box{max-width:720px}
.play-btn{width:70px}
.sound-btn{width:40px;height:40px;font-size:16px}
.golfpay-link a{font-size:18px}
}

@media (max-width:1024px){
.golfpay-inner{padding:120px 30px 70px}
.golfpay-head h2{font-size:38px}
.golfpay-head p{font-size:20px}
.video-box{max-width:620px}
.play-btn{width:64px}
}

@media (max-width:768px){
#golfpay_content{display:block;	padding:80px 20px;	text-align:left;}
.golfpay-inner{padding:0;}
.golfpay-head h2{font-size:28px;margin-top:60px;}
.golfpay-head p{font-size:16px;margin-bottom:40px}
.golfpay-video{margin-bottom:40px}
.video-box{max-width:100%;border-radius:16px;}
.video-box video{	border-radius:16px;}
.play-btn{width:56px}
.sound-btn{right:12px;	bottom:12px;	width:36px;height:36px;	font-size:14px;}
.golfpay-link a{	font-size:16px;}
}

@media (max-width:480px){
#golfpay_content{padding:60px 16px}
.golfpay-head h2{font-size:24px}
.golfpay-head p{font-size:14px}
.play-btn{width:48px}
.sound-btn{width:32px;height:32px;	font-size:13px;}
.golfpay-link a{	font-size:14px;}
}

/* =========================
section 5 - partners
=========================== */
#partners_content{height:100vh;display:flex;align-items:center;justify-content:center;background:#fff;overflow:hidden;padding:0}
.partners-inner{width:100%;max-width:1400px;height:100vh;margin:0 auto;padding:140px 20px 80px;box-sizing:border-box;overflow:hidden}
.partners-box{height:100%;overflow:hidden;background:#fff;border-radius:24px;box-shadow:0 20px 30px rgba(0,0,0,.08);padding:100px 40px;box-sizing:border-box;position:relative}
.partners-box:before{content:"";position:absolute;top:0;left:20px;right:20px;height:120px;background:linear-gradient(to bottom,#fff 0%,rgba(255,255,255,0) 100%);z-index:10;pointer-events:none}
.partners-box:after{content:"";position:absolute;bottom:0;left:20px;right:20px;height:120px;background:linear-gradient(to top,#fff 0%,rgba(255,255,255,0) 100%);z-index:10;pointer-events:none}
.partners-box ul{display:grid;grid-template-columns:repeat(4,1fr);gap:60px 40px}
.partners-box ul li{display:flex;align-items:center;justify-content:center}
.partners-box ul{will-change:transform}
.partners-box ul li img{height:36px;width:auto;max-width:100%;object-fit:contain}

/* =========================
responsive - partners
=========================== */
@media (max-width:1400px){
.partners-inner{padding:40px 40px 100px}
.partners-box{padding:50px 30px}
.partners-box ul{gap:50px 30px}
}

@media (max-width:1024px){
.partners-box ul{grid-template-columns:repeat(3,1fr);	gap:40px 30px;}
.partners-box ul li img{	height:32px;}
}

@media (max-width:768px){
#partners_content{	display:block;	padding-bottom:60px;}
.partners-inner{padding:80px 20px;}
.partners-box ul{grid-template-columns:repeat(2,1fr);	gap:30px 20px;}
.partners-box{	padding:40px 20px;}
.partners-box ul li img{	height:28px;}
}

@media (max-width:480px){
.partners-inner{padding:60px 16px;}
.partners-box ul{gap:24px 16px;}
.partners-box ul li img{	height:24px;}
}


/* =========================
section 6 - contact
=========================== */
#contact_content {display:flex;align-items:flex-start;justify-content:center;background:#f7f7f7;min-height:100vh}
.contact-inner {width:100%;max-width:1400px;margin:0 auto;padding:140px 20px 0;}
.contact-title {font-size:70px;font-weight:900;color:#ddd;margin-bottom:80px;text-align:left}
.contact-info {display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-bottom:80px}
.contact-info article:nth-child(2) {margin-left:40px}
.contact-info article h3 {font-size:18px;color:#777;margin-bottom:10px}
.contact-info article p {font-size:20px;font-weight:600;color:#333;line-height:1.6}
.snsIcon {width:32px;margin-right:10px;transition:.3s}
.snsIcon:hover {transform:scale(1.1)}
#mapView iframe {width:100%;height:400px;border:0;border-radius:20px}

/* =========================
responsive - contact
=========================== */
@media (max-width:1400px){
.contact-inner{padding:120px 40px 0}
.contact-title{font-size:56px;margin-bottom:60px}
.contact-info{gap:30px}
.contact-info article p{font-size:18px}
}

@media (max-width:1024px){
.contact-info{	grid-template-columns:repeat(2,1fr);	gap:30px 20px;}
.contact-info article:nth-child(2){	margin-left:0;}
.contact-title{font-size:48px}
}

@media (max-width:768px){
#contact_content{display:block;	padding:80px 20px;}
.contact-inner{	padding:0;}
.contact-title{	font-size:36px;	margin-top:60px;margin-bottom:40px;}
.contact-info{	grid-template-columns:repeat(2,1fr);gap:24px 16px;}
.contact-info article h3{font-size:14px;}
.contact-info article p{	font-size:16px;}
.snsIcon{width:28px;}
#mapView iframe{height:300px;border-radius:16px;}
}

@media (max-width:480px){
#contact_content{padding:60px 16px;}
.contact-info{	grid-template-columns:1fr;	gap:20px;}
.contact-title{	font-size:28px;	margin-bottom:30px;}
.contact-info article p{	font-size:15px;}
.snsIcon{width:24px;margin-right:8px;}
#mapView iframe{height:260px;}
}