@charset "utf-8";

/* visual */
.visual {position:relative; width:100%; height:760px; overflow:hidden;}
.visual-swiper {width:100%; height:100%;}
.visual-item {position:relative; width:100%; height:100%; overflow:hidden;}
.visual-item::before {content:''; position:absolute; inset:0; background:linear-gradient(90deg, rgba(13,28,60,0.88) 0%, rgba(13,28,60,0.55) 100%); z-index:1;}
.visual-bg {position:absolute; inset:0; background-size:cover; background-position:center; background-repeat:no-repeat; transform:scale(1.15);}
.swiper-slide-active .visual-bg {animation:visualZoom 7s ease-out forwards;}
@keyframes visualZoom {0%{transform:scale(1);} 100%{transform:scale(1.15);}}
.visual-cont {position:relative; height:100%; margin:0 auto; padding:86px 40px 0; display:flex; flex-direction:column; justify-content:center; z-index:2;}
.visual-badge {display:inline-flex; align-items:center; padding:8px 22px; background:rgba(74,144,226,0.12); border:1px solid rgba(74,144,226,0.5); color:#4a90e2; border-radius:30px; width:fit-content; margin-bottom:30px;}
.visual-tit {color:#fff; line-height:1.35; margin-bottom:30px; word-break:keep-all;}
.visual-tit em {color:#4a90e2; font-style:normal;}
.visual-desc {color:rgba(255,255,255,0.7); line-height:1.75; margin-bottom:46px; word-break:keep-all;}
.visual-btns {display:flex; gap:12px;}

/* visual motion (text cascade) */
.visual-cont > .visual-badge, .visual-cont > .visual-tit, .visual-cont > .visual-desc, .visual-cont > .visual-btns {opacity:0; transform:translateY(50px); transition:opacity 1s ease, transform 1s ease;}
.swiper-slide-active .visual-cont > .visual-badge {opacity:1; transform:translateY(0); transition-delay:0.4s;}
.swiper-slide-active .visual-cont > .visual-tit {opacity:1; transform:translateY(0); transition-delay:0.6s;}
.swiper-slide-active .visual-cont > .visual-desc {opacity:1; transform:translateY(0); transition-delay:0.8s;}
.swiper-slide-active .visual-cont > .visual-btns {opacity:1; transform:translateY(0); transition-delay:1s;}

/* button */
.btn {display:inline-flex; align-items:center; justify-content:center; min-width:140px; height:50px; padding:0 28px; border-radius:6px; transition:all 0.3s;}
.btn-fill {background:#1e5fbf; color:#fff;}
.btn-fill:hover {background:#1a52a8; transform:translateY(-2px); box-shadow:0 8px 20px rgba(30,95,191,0.4);}
.btn-line {background:transparent; color:#fff; border:1px solid rgba(255,255,255,0.4);}
.btn-line:hover {background:rgba(255,255,255,0.1); border-color:rgba(255,255,255,0.7); transform:translateY(-2px);}

/* visual pager */
.visual-pager {position:absolute; bottom:50px; left:50%; transform:translateX(-50%); display:flex; gap:8px; z-index:10; width:auto !important;}
.visual-pager .swiper-pagination-bullet {width:30px; height:4px; background:rgba(255,255,255,0.3); border-radius:2px; opacity:1; margin:0 !important; transition:all 0.4s; cursor:pointer;}
.visual-pager .swiper-pagination-bullet-active {background:#4a90e2; width:50px;}

/* visual progress bar (¿É¼Ç) */
.visual-progress {position:absolute; bottom:0; left:0; width:100%; height:3px; background:rgba(255,255,255,0.1); z-index:10;}
.visual-progress span {display:block; width:0; height:100%; background:#4a90e2; transition:width 5s linear;}
.visual-progress.on span {width:100%;}

/* stat */
.stat {padding:60px 0; background:#fff;}
.stat-inner {margin:0 auto; padding:0 40px;}
.stat-list {display:flex; justify-content:space-between; align-items:center; gap:30px;}
.stat-item {display:flex; align-items:center; gap:18px; flex:1;}
.stat-icon {flex-shrink:0; width:60px; height:60px; display:flex; align-items:center; justify-content:center; background:#f4f6fb; border-radius:14px;}
.stat-icon img {width:28px; height:28px;}
.stat-info {display:flex; flex-direction:column; gap:6px; min-width:0;}
.stat-num {color:#1a2540; line-height:1.1; letter-spacing:-1px;}
.stat-label {color:#999;}

/* vision */
.vision {position:relative; padding:130px 0; background:#0a1428; overflow:hidden;}
.vision::before {content:''; position:absolute; inset:0; background-image:radial-gradient(rgba(255,255,255,0.04) 1px, transparent 1px); background-size:22px 22px; opacity:0.7; pointer-events:none;}
.vision-inner {position:relative; margin:0 auto; padding:0 40px; z-index:2;}

/* vision head */
.vision-head {text-align:center; margin-bottom:80px;}
.vision-eyebrow {display:inline-flex; align-items:center; color:#4a90e2; letter-spacing:3px; margin-bottom:18px;}
.vision-eyebrow::before {content:''; display:inline-block; width:32px; height:1px; background:#4a90e2; margin-right:14px;}
.vision-tit {color:#fff; margin-bottom:24px; line-height:1.3;}
.vision-tit em {color:#4a90e2; font-style:normal;}
.vision-desc {color:rgba(255,255,255,0.55); line-height:1.75; word-break:keep-all;}

/* vision list */
.vision-list {display:grid; grid-template-columns:repeat(4, 1fr); gap:24px;}
.vision-card {position:relative; padding:60px 30px 50px; background:rgba(255,255,255,0.025); border:1px solid rgba(255,255,255,0.06); border-radius:14px; text-align:center; transition:background 0.4s, border-color 0.4s, transform 0.4s, box-shadow 0.4s;}
.vision-card::after {content:''; position:absolute; top:0; left:0; width:100%; height:2px; background:linear-gradient(90deg, transparent, #4a90e2, transparent); opacity:0; transition:opacity 0.4s;}
.vision-card:hover {background:rgba(74,144,226,0.05); border-color:rgba(74,144,226,0.3); transform:translateY(-10px); box-shadow:0 20px 50px rgba(0,0,0,0.3);}
.vision-card:hover::after {opacity:1;}

.vision-card-icon {width:90px; height:90px; margin:0 auto 38px; display:flex; align-items:center; justify-content:center; background:rgba(74,144,226,0.06); border:1.5px solid rgba(74,144,226,0.35); border-radius:50%; transition:all 0.5s;}
.vision-card:hover .vision-card-icon {background:rgba(74,144,226,0.18); border-color:#4a90e2; transform:scale(1.08) rotate(5deg);}
.vision-card-icon img {width:38px; height:38px;}

.vision-card-eyebrow {display:block; color:#4a90e2; letter-spacing:2px; margin-bottom:14px;}
.vision-card-tit {color:#fff; margin-bottom:24px;}
.vision-card-desc {color:rgba(255,255,255,0.55); line-height:1.75; word-break:keep-all;}

/* vision motion (entry) */
.vision-eyebrow, .vision-tit, .vision-desc, .vision-card {opacity:0; transform:translateY(40px);}
.vision.on .vision-eyebrow {animation:visionFadeUp 0.8s ease forwards 0s;}
.vision.on .vision-tit {animation:visionFadeUp 0.8s ease forwards 0.15s;}
.vision.on .vision-desc {animation:visionFadeUp 0.8s ease forwards 0.3s;}
.vision.on .vision-card:nth-child(1) {animation:visionFadeUp 0.8s ease forwards 0.5s;}
.vision.on .vision-card:nth-child(2) {animation:visionFadeUp 0.8s ease forwards 0.65s;}
.vision.on .vision-card:nth-child(3) {animation:visionFadeUp 0.8s ease forwards 0.8s;}
.vision.on .vision-card:nth-child(4) {animation:visionFadeUp 0.8s ease forwards 0.95s;}
@keyframes visionFadeUp {to {opacity:1; transform:translateY(0);}}

/* ============ about ============ */
.about {padding:130px 0; background:#fff; overflow:hidden;}
.about-inner {margin:0 auto; padding:0 40px; display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:center;}

/* about image */
.about-img {position:relative; border-radius:14px; overflow:hidden; aspect-ratio:2/1.5;}
.about-img > img {width:100%; height:100%; object-fit:cover; display:block; transition:transform 1.2s ease;}
.about-img:hover > img {transform:scale(1.05);}
.about-img-badge {position:absolute; left:30px; bottom:30px; padding:18px 24px; background:#1e5fbf; border-radius:8px; box-shadow:0 10px 30px rgba(30,95,191,0.35);}
.about-img-badge strong {display:block; color:#fff; font-size:18px; font-weight:700; margin-bottom:4px;}
.about-img-badge span {display:block; color:rgba(255,255,255,0.85); font-size:13px; font-weight:400; letter-spacing:0.3px;}

/* about content */
.about-eyebrow {display:inline-flex; align-items:center; color:#4a90e2; font-size:16px; font-weight:600; letter-spacing:3px; margin-bottom:18px;}
.about-eyebrow::before {content:''; display:inline-block; width:32px; height:1px; background:#4a90e2; margin-right:14px;}
.about-tit {color:#1a2540; font-size:38px; font-weight:700; line-height:1.35; margin-bottom:30px; word-break:keep-all;}
.about-desc {color:#666; font-size:18px; font-weight:400; line-height:1.85; margin-bottom:40px; word-break:keep-all;}

/* about feature grid */
.about-feature {display:grid; grid-template-columns:1fr 1fr; gap:14px;}
.about-feature li {padding:22px 24px; border:1px solid #e5e8ee; border-radius:8px; transition:all 0.3s;}
.about-feature li:hover {border-color:#4a90e2; background:#f7faff; transform:translateY(-3px);}
.about-feature li strong {display:block; color:#1a2540; font-size:16px; font-weight:700; margin-bottom:8px;}
.about-feature li p {color:#888; font-size:13px; font-weight:400; line-height:1.65; word-break:keep-all;}

/* about motion */
.about-img, .about-eyebrow, .about-tit, .about-desc, .about-feature li {opacity:0;}
.about-img {transform:translateX(-50px);}
.about-eyebrow, .about-tit, .about-desc {transform:translateY(30px);}
.about-feature li {transform:translateY(30px);}
.about.on .about-img {animation:aboutFadeRight 1s ease forwards;}
.about.on .about-eyebrow {animation:aboutFadeUp 0.8s ease forwards 0.2s;}
.about.on .about-tit {animation:aboutFadeUp 0.8s ease forwards 0.35s;}
.about.on .about-desc {animation:aboutFadeUp 0.8s ease forwards 0.5s;}
.about.on .about-feature li:nth-child(1) {animation:aboutFadeUp 0.7s ease forwards 0.65s;}
.about.on .about-feature li:nth-child(2) {animation:aboutFadeUp 0.7s ease forwards 0.78s;}
.about.on .about-feature li:nth-child(3) {animation:aboutFadeUp 0.7s ease forwards 0.91s;}
.about.on .about-feature li:nth-child(4) {animation:aboutFadeUp 0.7s ease forwards 1.04s;}
@keyframes aboutFadeRight {to {opacity:1; transform:translateX(0);}}
@keyframes aboutFadeUp {to {opacity:1; transform:translateY(0);}}

/* ============ partner ============ */
.partner {position:relative; padding:130px 0; background:linear-gradient(180deg, #f4f7fc 0%, #ffffff 100%); overflow:hidden;}
.partner-inner {position:relative; margin:0 auto; padding:0 40px;}

/* partner head */
.partner-head {text-align:center; margin-bottom:80px;}
.partner-eyebrow {display:inline-flex; align-items:center; color:#4a90e2; font-size:16px; font-weight:600; letter-spacing:3px; margin-bottom:18px;}
.partner-eyebrow::before {content:''; display:inline-block; width:32px; height:1px; background:#4a90e2; margin-right:14px;}
.partner-tit {color:#1a2540; font-size:42px; font-weight:700; line-height:1.4; word-break:keep-all;}

/* partner list */
.partner-list {display:grid; grid-template-columns:repeat(3, 1fr); gap:24px;}
.partner-card {padding:60px 30px 50px; background:#fff; border:1px solid #e8ecf3; border-radius:14px; text-align:center; transition:all 0.4s;}
.partner-card:hover {border-color:#4a90e2; transform:translateY(-8px); box-shadow:0 20px 50px rgba(74,144,226,0.15);}
.partner-card-logo {width:120px; height:120px; margin:0 auto 30px; display:flex; align-items:center; justify-content:center; border:1px solid #4a90e2; background:#fff; border-radius:50%; transition:all 0.4s;}
.partner-card-logo img {width:80px; height:auto;}
.partner-card-tit {display:block; color:#1a2540; font-size:22px; font-weight:700; margin-bottom:14px;}
.partner-card-label {display:inline-block; color:#1e5fbf; font-size:18px; font-weight:600; margin-bottom:22px;}
.partner-card-desc {color:#777; font-size:16px; font-weight:400; line-height:1.75; word-break:keep-all;}

/* partner motion */
.partner-eyebrow, .partner-tit, .partner-card {opacity:0; transform:translateY(40px);}
.partner.on .partner-eyebrow {animation:partnerFadeUp 0.8s ease forwards 0s;}
.partner.on .partner-tit {animation:partnerFadeUp 0.8s ease forwards 0.15s;}
.partner.on .partner-card:nth-child(1) {animation:partnerFadeUp 0.8s ease forwards 0.35s;}
.partner.on .partner-card:nth-child(2) {animation:partnerFadeUp 0.8s ease forwards 0.5s;}
.partner.on .partner-card:nth-child(3) {animation:partnerFadeUp 0.8s ease forwards 0.65s;}
@keyframes partnerFadeUp {to {opacity:1; transform:translateY(0);}}

/* ============ business ============ */
.business {position:relative; padding:130px 0; background:#f5f7fa; overflow:hidden;}
.business-inner {position:relative; margin:0 auto; padding:0 40px;}

/* business head */
.business-head {text-align:center; margin-bottom:80px;}
.business-eyebrow {display:inline-flex; align-items:center; color:#4a90e2; font-size:16px; font-weight:600; letter-spacing:3px; margin-bottom:18px;}
.business-eyebrow::before {content:''; display:inline-block; width:32px; height:1px; background:#4a90e2; margin-right:14px;}
.business-tit {color:#1a2540; font-size:42px; font-weight:700; line-height:1.3; word-break:keep-all;}
.business-tit em {color:#4a90e2; font-style:normal;}

/* business list */
.business-list {display:grid; grid-template-columns:repeat(3, 1fr); gap:20px;}
.business-card {position:relative; padding:50px 36px 46px; background:#fff; border:1px solid #e8ecf3; border-radius:14px; overflow:hidden; transition:all 0.4s;}
.business-card::before {content:''; position:absolute; left:0; top:0; width:0; height:3px; background:#4a90e2; transition:width 0.5s ease;}
.business-card:hover {border-color:transparent; transform:translateY(-8px); box-shadow:0 20px 50px rgba(74,144,226,0.12);}
.business-card:hover::before {width:100%;}
.business-card-num {display:block; color:#cdd5e0; font-size:32px; font-weight:600; margin-bottom:30px; transition:color 0.4s;}
.business-card:hover .business-card-num {color:#4a90e2;}
.business-card-tit {display:block; color:#1a2540; font-size:22px; font-weight:700; margin-bottom:18px; line-height:1.35; word-break:keep-all;}
.business-card-desc {color:#888; font-size:16px; font-weight:400; line-height:1.75; word-break:keep-all;}

/* business motion */
.business-eyebrow, .business-tit, .business-card {opacity:0; transform:translateY(40px);}
.business.on .business-eyebrow {animation:bizFadeUp 0.8s ease forwards 0s;}
.business.on .business-tit {animation:bizFadeUp 0.8s ease forwards 0.15s;}
.business.on .business-card:nth-child(1) {animation:bizFadeUp 0.8s ease forwards 0.35s;}
.business.on .business-card:nth-child(2) {animation:bizFadeUp 0.8s ease forwards 0.45s;}
.business.on .business-card:nth-child(3) {animation:bizFadeUp 0.8s ease forwards 0.55s;}
.business.on .business-card:nth-child(4) {animation:bizFadeUp 0.8s ease forwards 0.65s;}
.business.on .business-card:nth-child(5) {animation:bizFadeUp 0.8s ease forwards 0.75s;}
.business.on .business-card:nth-child(6) {animation:bizFadeUp 0.8s ease forwards 0.85s;}
@keyframes bizFadeUp {to {opacity:1; transform:translateY(0);}}

/* ============ org section ============ */
.org {position:relative; padding:130px 0; background:#fff; overflow:hidden;}
.org-inner {position:relative; margin:0 auto; padding:0 40px;}

/* org head */
.org-head {text-align:center; margin-bottom:80px;}
.org-eyebrow {display:inline-flex; align-items:center; color:#4a90e2; font-size:16px; font-weight:600; letter-spacing:3px; margin-bottom:18px;}
.org-eyebrow::before {content:''; display:inline-block; width:32px; height:1px; background:#4a90e2; margin-right:14px;}
.org-tit {color:#1a2540; font-size:42px; font-weight:700; line-height:1.3;}

/* org tree */
.org-tree {display:flex; flex-direction:column; align-items:center;}
.org-row {display:flex; justify-content:center; gap:14px; width:fit-content; position:relative;}
.org-row.has-hline {padding-top:24px;}
.org-row.has-hline::before {content:''; position:absolute; top:0; left:65px; right:65px; height:2px; background:#dde2eb;}
.org-bridge {width:2px; height:30px; background:#dde2eb;}
.org-box {position:relative; min-width:130px; padding:14px 22px; border-radius:10px; text-align:center; font-size:18px; font-weight:600; transition:all 0.35s; cursor:default;}
.org-row.has-hline > .org-box::before {content:''; position:absolute; top:-24px; left:50%; width:2px; height:24px; background:#dde2eb; transform:translateX(-50%);}

/* box variants */
.org-box-chairman {min-width:150px; padding:18px 32px; background:linear-gradient(180deg, #1a2540 0%, #0f1a35 100%); color:#fff; font-size:17px; box-shadow:0 12px 30px rgba(26,37,64,0.25);}
.org-box-dark {background:#1a2540; color:#fff;}
.org-box-blue {background:#4a90e2; color:#fff; box-shadow:0 6px 16px rgba(74,144,226,0.25);}
.org-box-primary {background:linear-gradient(180deg, #5ba6f5 0%, #3b82f6 100%); color:#fff; box-shadow:0 8px 20px rgba(74,144,226,0.35);}
.org-box-outline {background:#fff; color:#1a2540; border:1px solid #d8dde6;}
.org-box-light {background:#fff; color:#5d6885; border:1px solid #e3e7ee; font-weight:500; min-width:115px; padding:13px 16px; font-size:16px;}
.org-box-blue:hover, .org-box-primary:hover {transform:translateY(-3px); box-shadow:0 12px 28px rgba(74,144,226,0.4);}
.org-box-outline:hover {border-color:#4a90e2; color:#4a90e2;}
.org-box-light:hover {border-color:#4a90e2; color:#4a90e2; transform:translateY(-3px); box-shadow:0 8px 20px rgba(74,144,226,0.15);}

/* org motion */
.org-eyebrow, .org-tit, .org-box, .org-bridge, .org-row.has-hline::before {opacity:0;}
.org-box {transform:translateY(20px);}
.org-eyebrow, .org-tit {transform:translateY(30px);}
.org.on .org-eyebrow {animation:orgFadeUp 0.7s ease forwards 0s;}
.org.on .org-tit {animation:orgFadeUp 0.7s ease forwards 0.15s;}
.org.on .org-row:nth-of-type(1) .org-box {animation:orgFadeUp 0.6s ease forwards 0.4s;}
.org.on .org-bridge:nth-of-type(2) {animation:orgLine 0.4s ease forwards 0.85s;}
.org.on .org-row:nth-of-type(3) .org-box:nth-child(1) {animation:orgFadeUp 0.6s ease forwards 1.05s;}
.org.on .org-row:nth-of-type(3) .org-box:nth-child(2) {animation:orgFadeUp 0.6s ease forwards 1.15s;}
.org.on .org-row:nth-of-type(3) .org-box:nth-child(3) {animation:orgFadeUp 0.6s ease forwards 1.25s;}
.org.on .org-row:nth-of-type(3)::before {animation:orgFadeIn 0.4s ease forwards 1s;}
.org.on .org-bridge:nth-of-type(4) {animation:orgLine 0.4s ease forwards 1.4s;}
.org.on .org-row:nth-of-type(5) .org-box:nth-child(1) {animation:orgFadeUp 0.6s ease forwards 1.6s;}
.org.on .org-row:nth-of-type(5) .org-box:nth-child(2) {animation:orgFadeUp 0.6s ease forwards 1.7s;}
.org.on .org-row:nth-of-type(5)::before {animation:orgFadeIn 0.4s ease forwards 1.55s;}
.org.on .org-bridge:nth-of-type(6) {animation:orgLine 0.4s ease forwards 1.85s;}
.org.on .org-row:nth-of-type(7) .org-box:nth-child(1) {animation:orgFadeUp 0.5s ease forwards 2s;}
.org.on .org-row:nth-of-type(7) .org-box:nth-child(2) {animation:orgFadeUp 0.5s ease forwards 2.07s;}
.org.on .org-row:nth-of-type(7) .org-box:nth-child(3) {animation:orgFadeUp 0.5s ease forwards 2.14s;}
.org.on .org-row:nth-of-type(7) .org-box:nth-child(4) {animation:orgFadeUp 0.5s ease forwards 2.21s;}
.org.on .org-row:nth-of-type(7) .org-box:nth-child(5) {animation:orgFadeUp 0.5s ease forwards 2.28s;}
.org.on .org-row:nth-of-type(7) .org-box:nth-child(6) {animation:orgFadeUp 0.5s ease forwards 2.35s;}
.org.on .org-row:nth-of-type(7) .org-box:nth-child(7) {animation:orgFadeUp 0.5s ease forwards 2.42s;}
.org.on .org-row:nth-of-type(7)::before {animation:orgFadeIn 0.4s ease forwards 1.95s;}
@keyframes orgFadeUp {to {opacity:1; transform:translateY(0);}}
@keyframes orgFadeIn {to {opacity:1;}}
@keyframes orgLine {from {opacity:0; transform:scaleY(0); transform-origin:top;} to {opacity:1; transform:scaleY(1);}}

/* ============ sport ============ */
.sport {position:relative; padding:130px 0; background:#0d1a30; overflow:hidden;}
.sport::before {content:''; position:absolute; inset:0; background-image:radial-gradient(rgba(255,255,255,0.04) 1px, transparent 1px); background-size:22px 22px; opacity:0.5; pointer-events:none;}
.sport-inner {position:relative; margin:0 auto; padding:0 40px; z-index:2;}

/* sport head */
.sport-head {text-align:center; margin-bottom:60px;}
.sport-eyebrow {display:inline-flex; align-items:center; color:#4a90e2; font-size:16px; font-weight:600; letter-spacing:3px; margin-bottom:18px;}
.sport-eyebrow::before {content:''; display:inline-block; width:32px; height:1px; background:#4a90e2; margin-right:14px;}
.sport-tit {color:#fff; font-size:38px; font-weight:700; line-height:1.3; margin-bottom:14px; word-break:keep-all;}
.sport-tit em {color:#4a90e2; font-style:normal;}
.sport-desc {color:rgba(255,255,255,0.55); font-size:18px; font-weight:400; word-break:keep-all;}

/* sport list */
.sport-list {display:grid; grid-template-columns:repeat(6, 1fr); gap:14px;}
.sport-card {position:relative; aspect-ratio:1/1;}
.sport-card a {display:block; position:relative; width:100%; height:100%; border-radius:14px; overflow:hidden; transition:transform 0.4s ease, box-shadow 0.4s ease;}
.sport-card a::after {content:''; position:absolute; left:0; right:0; bottom:0; height:60%; background:linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.85) 100%); z-index:1; transition:height 0.4s;}
.sport-card a:hover {transform:translateY(-6px); box-shadow:0 18px 40px rgba(0,0,0,0.4);}
.sport-card a:hover::after {height:75%;}
.sport-card-img {position:absolute; inset:0; overflow:hidden;}
.sport-card-img img {width:100%; height:100%; object-fit:cover; display:block; transition:transform 0.7s ease;}
.sport-card a:hover .sport-card-img img {transform:scale(1.12);}
.sport-card-name {position:absolute; left:18px; bottom:16px; color:#fff; font-size:18px; font-weight:600; z-index:2; letter-spacing:-0.3px; transition:transform 0.4s;}
.sport-card a:hover .sport-card-name {transform:translateY(-3px);}

/* sport motion */
.sport-eyebrow, .sport-tit, .sport-desc, .sport-card {opacity:0; transform:translateY(30px);}
.sport.on .sport-eyebrow {animation:sportFadeUp 0.8s ease forwards 0s;}
.sport.on .sport-tit {animation:sportFadeUp 0.8s ease forwards 0.15s;}
.sport.on .sport-desc {animation:sportFadeUp 0.8s ease forwards 0.3s;}
.sport.on .sport-card {animation:sportFadeUp 0.6s ease forwards; animation-delay:calc(0.5s + var(--i, 0) * 0.04s);}
@keyframes sportFadeUp {to {opacity:1; transform:translateY(0);}}

/* ============ global ============ */
.global {position:relative; padding:130px 0; overflow:hidden;}
.global-bg {position:absolute; inset:0; z-index:0;}
.global-bg img {width:100%; height:100%; object-fit:cover; filter:blur(2px);}
.global-bg::after {content:''; position:absolute; inset:0; background:linear-gradient(180deg, rgba(10,20,40,0.92) 0%, rgba(10,20,40,0.96) 100%);}
.global-inner {position:relative; margin:0 auto; padding:0 40px; z-index:2;}

/* global head */
.global-head {text-align:center; margin-bottom:60px;}
.global-eyebrow {display:inline-flex; align-items:center; color:rgba(255,255,255,0.5); font-size:13px; font-weight:600; letter-spacing:3px; margin-bottom:18px;}
.global-eyebrow::before {content:''; display:inline-block; width:30px; height:1px; background:rgba(255,255,255,0.4); margin-right:14px;}
.global-tit {color:#fff; font-size:38px; font-weight:700; line-height:1.4; margin-bottom:20px; word-break:keep-all;}
.global-tit em {color:#4a90e2; font-style:normal;}
.global-desc {color:rgba(255,255,255,0.55); font-size:18px; font-weight:400; line-height:1.7; word-break:keep-all;}

/* global tree */
.global-tree {max-width:760px; margin:0 auto 80px;}
.global-box {display:flex; flex-direction:column; align-items:center; justify-content:center; padding:22px 24px; border-radius:8px; text-align:center; transition:all 0.35s;}
.global-box-parent {background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.12); margin-bottom:14px;}
.global-box-parent strong {color:#fff; font-size:17px; font-weight:700; margin-bottom:4px;}
.global-box-parent span {color:rgba(255,255,255,0.5); font-size:13px; font-weight:400; letter-spacing:0.3px;}
.global-box-active {background:linear-gradient(180deg, #3b82f6 0%, #1e5fbf 100%); color:#fff; font-size:16px; font-weight:700; padding:18px 24px; box-shadow:0 10px 30px rgba(59,130,246,0.35); margin-bottom:24px;}
.global-continents {display:grid; grid-template-columns:repeat(5, 1fr); gap:12px;}
.global-box-line {background:rgba(255,255,255,0.03); border:1px solid rgba(255,255,255,0.15); color:#fff; font-size:16px; font-weight:500; padding:14px 16px; cursor:pointer;}
.global-box-line:hover {background:rgba(74,144,226,0.1); border-color:#4a90e2; color:#4a90e2; transform:translateY(-3px);}

/* global features */
.global-features {display:grid; grid-template-columns:repeat(4, 1fr); gap:24px;}
.global-feature {text-align:center; padding:0 10px;}
.global-feature-num {display:inline-flex; align-items:center; justify-content:center; width:48px; height:48px; border:1px solid rgba(74,144,226,0.4); border-radius:50%; color:#4a90e2; font-size:16px; font-weight:700; margin-bottom:18px; transition:all 0.4s;}
.global-feature:hover .global-feature-num {background:rgba(74,144,226,0.15); border-color:#4a90e2; transform:translateY(-3px);}
.global-feature-tit {display:block; color:#fff; font-size:18px; font-weight:700; margin-bottom:14px; letter-spacing:0.5px;}
.global-feature-desc {color:rgba(255,255,255,0.55); font-size:16px; font-weight:400; line-height:1.65; word-break:keep-all;}

/* global motion */
.global-eyebrow, .global-tit, .global-desc, .global-box-parent, .global-box-active, .global-box-line, .global-feature {opacity:0; transform:translateY(30px);}
.global.on .global-eyebrow {animation:globalFadeUp 0.8s ease forwards 0s;}
.global.on .global-tit {animation:globalFadeUp 0.8s ease forwards 0.15s;}
.global.on .global-desc {animation:globalFadeUp 0.8s ease forwards 0.3s;}
.global.on .global-box-parent {animation:globalFadeUp 0.7s ease forwards 0.5s;}
.global.on .global-box-active {animation:globalFadeUp 0.7s ease forwards 0.65s;}
.global.on .global-box-line:nth-child(1) {animation:globalFadeUp 0.6s ease forwards 0.85s;}
.global.on .global-box-line:nth-child(2) {animation:globalFadeUp 0.6s ease forwards 0.93s;}
.global.on .global-box-line:nth-child(3) {animation:globalFadeUp 0.6s ease forwards 1.01s;}
.global.on .global-box-line:nth-child(4) {animation:globalFadeUp 0.6s ease forwards 1.09s;}
.global.on .global-box-line:nth-child(5) {animation:globalFadeUp 0.6s ease forwards 1.17s;}
.global.on .global-feature:nth-child(1) {animation:globalFadeUp 0.7s ease forwards 1.35s;}
.global.on .global-feature:nth-child(2) {animation:globalFadeUp 0.7s ease forwards 1.45s;}
.global.on .global-feature:nth-child(3) {animation:globalFadeUp 0.7s ease forwards 1.55s;}
.global.on .global-feature:nth-child(4) {animation:globalFadeUp 0.7s ease forwards 1.65s;}
@keyframes globalFadeUp {to {opacity:1; transform:translateY(0);}}

/* ============ benefit ============ */
.benefit {position:relative; padding:130px 0; background:#fff; overflow:hidden;}
.benefit-inner {position:relative; margin:0 auto; padding:0 40px;}

/* benefit head */
.benefit-head {text-align:center; margin-bottom:80px;}
.benefit-eyebrow {display:inline-flex; align-items:center; color:#4a90e2; font-size:16px; font-weight:600; letter-spacing:3px; margin-bottom:18px;}
.benefit-eyebrow::before {content:''; display:inline-block; width:32px; height:1px; background:#4a90e2; margin-right:14px;}
.benefit-tit {color:#1a2540; font-size:42px; font-weight:700; line-height:1.3; margin-bottom:22px; word-break:keep-all;}
.benefit-desc {color:#888; font-size:18px; font-weight:400; line-height:1.7; word-break:keep-all;}

/* benefit list */
.benefit-list {display:grid; grid-template-columns:repeat(4, 1fr); gap:18px;}
.benefit-card {position:relative; min-height:160px; padding:30px 26px; background:#fff; border:1px solid #e5e9f0; border-radius:12px; display:flex; flex-direction:column; transition:all 0.35s;}
.benefit-card::before {content:''; position:absolute; left:0; top:0; width:0; height:3px; background:#4a90e2; border-radius:12px 12px 0 0; transition:width 0.5s ease;}
.benefit-card:hover {border-color:#4a90e2; transform:translateY(-6px); box-shadow:0 16px 40px rgba(74,144,226,0.12);}
.benefit-card:hover::before {width:100%;}
.benefit-card:hover .benefit-card-num {color:#1e5fbf;}
.benefit-card-num {display:block; color:#4a90e2; font-size:16px; font-weight:700; margin-bottom:18px; letter-spacing:0.5px; transition:color 0.35s;}
.benefit-card-tit {color:#1a2540; font-size:18px; font-weight:600; line-height:1.45; word-break:keep-all;}

/* benefit motion */
.benefit-eyebrow, .benefit-tit, .benefit-desc, .benefit-card {opacity:0; transform:translateY(30px);}
.benefit.on .benefit-eyebrow {animation:bnfFadeUp 0.8s ease forwards 0s;}
.benefit.on .benefit-tit {animation:bnfFadeUp 0.8s ease forwards 0.15s;}
.benefit.on .benefit-desc {animation:bnfFadeUp 0.8s ease forwards 0.3s;}
.benefit.on .benefit-card {animation:bnfFadeUp 0.6s ease forwards; animation-delay:calc(0.45s + var(--i, 0) * 0.03s);}
@keyframes bnfFadeUp {to {opacity:1; transform:translateY(0);}}

/* ============ detail ============ */
.detail {position:relative; padding:130px 0; background:#fff; overflow:hidden;}
.detail-inner {position:relative; margin:0 auto; padding:0 40px;}

/* detail head */
.detail-head {text-align:center; margin-bottom:80px;}
.detail-eyebrow {display:inline-flex; align-items:center; color:#4a90e2; font-size:16px; font-weight:600; letter-spacing:3px; margin-bottom:18px;}
.detail-eyebrow::before {content:''; display:inline-block; width:32px; height:1px; background:#4a90e2; margin-right:14px;}
.detail-tit {color:#1a2540; font-size:38px; font-weight:700; line-height:1.3; word-break:keep-all;}

/* detail list */
.detail-list {display:flex; flex-direction:column;}
.detail-item {display:flex; align-items:center; gap:80px; padding:80px 0; border-bottom:1px solid #eef1f5;}
.detail-item:last-child {border-bottom:none;}
.detail-item:nth-child(even) {flex-direction:row-reverse;}
.detail-item > .detail-cont, .detail-item > .detail-img {flex:1; min-width:0;}

/* detail content */
.detail-cont-eyebrow {display:block; color:#4a90e2; font-size:14px; font-weight:700; letter-spacing:3px; margin-bottom:18px;}
.detail-cont-tit {color:#1a2540; font-size:30px; font-weight:700; line-height:1.4; margin-bottom:36px; word-break:keep-all;}
.detail-cont-list {display:flex; flex-direction:column; gap:14px;}
.detail-cont-list li {position:relative; padding-left:18px; color:#666; font-size:16px; font-weight:400; line-height:1.65; word-break:keep-all;}
.detail-cont-list li::before {content:''; position:absolute; left:0; top:11px; width:6px; height:6px; background:#4a90e2; border-radius:50%;}

/* detail image */
.detail-img {position:relative; aspect-ratio:4/3; border-radius:14px; overflow:hidden;}
.detail-img > img {width:100%; height:100%; object-fit:cover; display:block; transition:transform 1s ease;}
.detail-img:hover > img {transform:scale(1.05);}
.detail-img-num {position:absolute; top:24px; left:24px; width:54px; height:54px; display:flex; align-items:center; justify-content:center; background:#1a2540; color:#fff; font-size:15px; font-weight:700; border-radius:50%; box-shadow:0 8px 20px rgba(26,37,64,0.3); z-index:2;}

/* detail motion */
.detail-eyebrow, .detail-tit, .detail-cont, .detail-img {opacity:0;}
.detail-eyebrow, .detail-tit {transform:translateY(30px);}
.detail-item:nth-child(odd) .detail-cont {transform:translateX(-50px);}
.detail-item:nth-child(odd) .detail-img {transform:translateX(50px);}
.detail-item:nth-child(even) .detail-cont {transform:translateX(50px);}
.detail-item:nth-child(even) .detail-img {transform:translateX(-50px);}
.detail.on .detail-eyebrow {animation:dtlFadeUp 0.8s ease forwards 0s;}
.detail.on .detail-tit {animation:dtlFadeUp 0.8s ease forwards 0.15s;}
.detail-item.on .detail-cont {animation:dtlFadeIn 0.9s ease forwards 0.2s;}
.detail-item.on .detail-img {animation:dtlFadeIn 0.9s ease forwards 0.05s;}
@keyframes dtlFadeUp {to {opacity:1; transform:translateY(0);}}
@keyframes dtlFadeIn {to {opacity:1; transform:translateX(0);}}

/* ============ hcare ============ */
.hcare {position:relative; padding:130px 0; overflow:hidden; background:#1a1a1c;}
.hcare-bg {position:absolute; inset:0; z-index:0;}
.hcare-bg img {width:100%; height:100%; object-fit:cover;}
.hcare-bg::after {content:''; position:absolute; inset:0; background:linear-gradient(90deg, rgba(20,22,28,0.92) 0%, rgba(20,22,28,0.7) 50%, rgba(20,22,28,0.55) 100%);}

/* watermark */
.hcare-watermark {position:absolute; top:50%; right:60px; transform:translateY(-50%); display:flex; flex-direction:column; align-items:flex-end; line-height:0.95; color:rgba(255,255,255,0.08); font-size:140px; font-weight:800; letter-spacing:-2px; z-index:1; pointer-events:none;}
.hcare-watermark span {display:block;}
.hcare-inner {position:relative; margin:0 auto; padding:0 40px; z-index:2;}

/* hcare head */
.hcare-eyebrow {display:inline-flex; align-items:center; color:#4a90e2; font-size:16px; font-weight:700; letter-spacing:3px; margin-bottom:24px;}
.hcare-eyebrow::before {content:''; display:inline-block; width:32px; height:1px; background:#4a90e2; margin-right:14px;}
.hcare-tit {color:#fff; font-size:48px; font-weight:700; line-height:1.25; margin-bottom:30px; word-break:keep-all;}
.hcare-desc {color:rgba(255,255,255,0.65); font-size:18px; font-weight:400; line-height:1.75; margin-bottom:50px; word-break:keep-all;}

/* card list */
.hcare-list {display:flex; flex-direction:column; gap:14px; max-width:560px; margin-bottom:80px;}
.hcare-card {display:flex; align-items:center; gap:20px; padding:24px 28px; background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.08); border-radius:14px; backdrop-filter:blur(8px); transition:all 0.4s;}
.hcare-card:hover {background:rgba(74,144,226,0.08); border-color:rgba(74,144,226,0.4); transform:translateX(8px);}
.hcare-card-icon {flex-shrink:0; width:52px; height:52px; display:flex; align-items:center; justify-content:center; background:linear-gradient(180deg, #4a90e2 0%, #1e5fbf 100%); border-radius:12px; box-shadow:0 8px 20px rgba(74,144,226,0.35); transition:transform 0.4s;}
.hcare-card:hover .hcare-card-icon {transform:scale(1.08) rotate(-3deg);}
.hcare-card-icon svg {width:24px; height:24px; stroke:#fff;}
.hcare-card-info {flex:1; min-width:0;}
.hcare-card-info strong {display:block; color:#fff; font-size:18px; font-weight:700; margin-bottom:6px; line-height:1.35;}
.hcare-card-info p {color:rgba(255,255,255,0.55); font-size:14px; font-weight:400; line-height:1.55; word-break:keep-all;}

/* stats */
.hcare-stats {display:flex; gap:80px; max-width:560px;}
.hcare-stats li {display:flex; flex-direction:column;}
.hcare-stats strong {color:#4a90e2; font-size:42px; font-weight:800; letter-spacing:-1px; line-height:1; margin-bottom:8px;}
.hcare-stats span {color:rgba(255,255,255,0.6); font-size:14px; font-weight:500;}

/* hcare motion */
.hcare-eyebrow, .hcare-tit, .hcare-desc, .hcare-card, .hcare-stats li, .hcare-watermark {opacity:0;}
.hcare-eyebrow, .hcare-tit, .hcare-desc {transform:translateY(30px);}
.hcare-card {transform:translateX(-40px);}
.hcare-stats li {transform:translateY(20px);}
.hcare-watermark {transform:translateY(-50%) translateX(40px);}
.hcare.on .hcare-eyebrow {animation:hcareFadeUp 0.8s ease forwards 0s;}
.hcare.on .hcare-tit {animation:hcareFadeUp 0.8s ease forwards 0.15s;}
.hcare.on .hcare-desc {animation:hcareFadeUp 0.8s ease forwards 0.3s;}
.hcare.on .hcare-card:nth-child(1) {animation:hcareFadeRight 0.8s ease forwards 0.45s;}
.hcare.on .hcare-card:nth-child(2) {animation:hcareFadeRight 0.8s ease forwards 0.6s;}
.hcare.on .hcare-card:nth-child(3) {animation:hcareFadeRight 0.8s ease forwards 0.75s;}
.hcare.on .hcare-stats li:nth-child(1) {animation:hcareFadeUp 0.7s ease forwards 0.95s;}
.hcare.on .hcare-stats li:nth-child(2) {animation:hcareFadeUp 0.7s ease forwards 1.05s;}
.hcare.on .hcare-stats li:nth-child(3) {animation:hcareFadeUp 0.7s ease forwards 1.15s;}
.hcare.on .hcare-watermark {animation:hcareFadeWatermark 1.2s ease forwards 0.4s;}
@keyframes hcareFadeUp {to {opacity:1; transform:translateY(0);}}
@keyframes hcareFadeRight {to {opacity:1; transform:translateX(0);}}
@keyframes hcareFadeWatermark {to {opacity:1; transform:translateY(-50%) translateX(0);}}

/* ============ event ============ */
.event {position:relative; padding:50px 0; background:#0e2243; overflow:hidden;}
.event::before {content:''; position:absolute; inset:0; background:radial-gradient(ellipse at 30% 50%, rgba(74,144,226,0.08) 0%, transparent 60%); pointer-events:none;}
.event::after {content:''; position:absolute; inset:0; background-image:radial-gradient(rgba(255,255,255,0.04) 1px, transparent 1px); background-size:24px 24px; opacity:0.5; pointer-events:none;}
.event-inner {position:relative; margin:0 auto; padding:0 40px; display:flex; align-items:center; justify-content:space-between; gap:40px; z-index:2;}

/* event content */
.event-cont {flex:1; min-width:0;}
.event-tit {color:#fff; font-size:26px; font-weight:700; margin-bottom:10px; letter-spacing:-0.5px; line-height:1.35; word-break:keep-all;}
.event-desc {color:rgba(255,255,255,0.55); font-size:15px; font-weight:400; line-height:1.55;}

/* event date */
.event-date {display:flex; align-items:center; gap:32px; flex-shrink:0;}
.event-date-item {display:flex; flex-direction:column; align-items:center; gap:6px; min-width:60px; position:relative;}
.event-date-item:not(:last-child)::after {content:''; position:absolute; right:-19px; top:14px; width:5px; height:5px; background:rgba(255,255,255,0.4); border-radius:50%;}
.event-date-num {color:#fff; font-size:32px; font-weight:700; line-height:1; letter-spacing:-1px;}
.event-date-lbl {color:rgba(255,255,255,0.45); font-size:12px; font-weight:500; letter-spacing:1.5px;}

/* event button */
.event-btn {display:inline-flex; align-items:center; justify-content:center; padding:14px 28px; border:1px solid rgba(255,255,255,0.3); border-radius:6px; color:#fff; font-size:14px; font-weight:500; flex-shrink:0; transition:all 0.3s; white-space:nowrap;}
.event-btn:hover {background:#4a90e2; border-color:#4a90e2; transform:translateY(-2px); box-shadow:0 8px 20px rgba(74,144,226,0.35);}

/* event motion */
.event-tit, .event-desc, .event-date-item, .event-btn {opacity:0;}
.event-tit, .event-desc {transform:translateX(-30px);}
.event-date-item {transform:translateY(15px);}
.event-btn {transform:translateX(30px);}
.event.on .event-tit {animation:eventFadeRight 0.7s ease forwards 0s;}
.event.on .event-desc {animation:eventFadeRight 0.7s ease forwards 0.15s;}
.event.on .event-date-item:nth-child(1) {animation:eventFadeUp 0.6s ease forwards 0.3s;}
.event.on .event-date-item:nth-child(2) {animation:eventFadeUp 0.6s ease forwards 0.42s;}
.event.on .event-date-item:nth-child(3) {animation:eventFadeUp 0.6s ease forwards 0.54s;}
.event.on .event-btn {animation:eventFadeLeft 0.7s ease forwards 0.7s;}
@keyframes eventFadeRight {to {opacity:1; transform:translateX(0);}}
@keyframes eventFadeLeft {to {opacity:1; transform:translateX(0);}}
@keyframes eventFadeUp {to {opacity:1; transform:translateY(0);}}

/* ============ news ============ */
.news {position:relative; padding:130px 0; background:#fff; overflow:hidden;}
.news-inner {position:relative; margin:0 auto; padding:0 40px;}

/* news head */
.news-head {display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:60px;}
.news-eyebrow {display:inline-flex; align-items:center; color:#4a90e2; font-size:16px; font-weight:600; letter-spacing:3px; margin-bottom:18px;}
.news-eyebrow::before {content:''; display:inline-block; width:32px; height:1px; background:#4a90e2; margin-right:14px;}
.news-tit {color:#1a2540; font-size:42px; font-weight:700; line-height:1.25; word-break:keep-all;}
.news-more {display:inline-flex; align-items:center; justify-content:center; padding:14px 32px; border:1px solid #d8dde6; border-radius:6px; color:#1a2540; font-size:15px; font-weight:500; transition:all 0.3s; white-space:nowrap;}
.news-more:hover {background:#1a2540; border-color:#1a2540; color:#fff; transform:translateY(-2px); box-shadow:0 8px 20px rgba(26,37,64,0.2);}

/* news content - 2 columns */
.news-content {display:grid; grid-template-columns:1fr 1fr; gap:40px;}

/* news tag */
.news-tag {display:inline-flex; align-items:center; padding:5px 14px; background:#4a90e2; border-radius:4px; color:#fff; font-size:13px; font-weight:600; letter-spacing:0.3px;}
.news-tag-line {background:transparent; border:1px solid #4a90e2; color:#4a90e2;}

/* featured card */
.news-feature {position:relative; display:block; aspect-ratio:6/5; border-radius:14px; overflow:hidden;}
.news-feature-img {position:absolute; inset:0;}
.news-feature-img img {width:100%; height:100%; object-fit:cover; display:block; transition:transform 0.8s ease;}
.news-feature:hover .news-feature-img img {transform:scale(1.05);}
.news-feature::after {content:''; position:absolute; left:0; right:0; bottom:0; height:60%; background:linear-gradient(180deg, transparent 0%, rgba(0,0,0,0.85) 100%); z-index:1;}
.news-feature-info {position:absolute; left:30px; right:30px; bottom:30px; z-index:2;}
.news-feature-info .news-tag {margin-bottom:18px;}
.news-feature-tit {color:#fff; font-size:24px; font-weight:700; line-height:1.4; margin-bottom:14px; letter-spacing:-0.3px; word-break:keep-all;}
.news-feature-date {display:block; color:rgba(255,255,255,0.7); font-size:14px; font-weight:400;}

/* news list */
.news-list {display:flex; flex-direction:column; gap:0;}
.news-item {border-bottom:1px solid #eef1f5;}
.news-item:first-child {border-top:1px solid #eef1f5;}
.news-item > a {display:flex; align-items:center; gap:30px; padding:24px 26px; transition:background 0.3s;}
.news-item > a:hover {background:#f7faff;}
.news-item > a:hover .news-item-tit {color:#1e5fbf;}
.news-item-date {flex-shrink:0; display:flex; flex-direction:column; align-items:center; min-width:50px;}
.news-item-date strong {color:#1a2540; font-size:24px; font-weight:700; line-height:1;}
.news-item-date span {color:#999; font-size:12px; font-weight:600; letter-spacing:1px; margin-top:6px;}
.news-item-info {flex:1; min-width:0;}
.news-item-info .news-tag {margin-bottom:10px;}
.news-item-tit {color:#1a2540; font-size:17px; font-weight:700; line-height:1.4; margin-bottom:8px; letter-spacing:-0.2px; word-break:keep-all; transition:color 0.3s;}
.news-item-desc {color:#888; font-size:14px; font-weight:400; line-height:1.55; word-break:keep-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}

/* news motion */
.news-eyebrow, .news-tit, .news-more, .news-feature, .news-item {opacity:0;}
.news-eyebrow, .news-tit {transform:translateY(30px);}
.news-more {transform:translateY(20px);}
.news-feature {transform:translateX(-40px);}
.news-item {transform:translateX(40px);}
.news.on .news-eyebrow {animation:newsFadeUp 0.7s ease forwards 0s;}
.news.on .news-tit {animation:newsFadeUp 0.7s ease forwards 0.15s;}
.news.on .news-more {animation:newsFadeUp 0.7s ease forwards 0.3s;}
.news.on .news-feature {animation:newsFadeRight 0.9s ease forwards 0.4s;}
.news.on .news-item:nth-child(1) {animation:newsFadeLeft 0.7s ease forwards 0.5s;}
.news.on .news-item:nth-child(2) {animation:newsFadeLeft 0.7s ease forwards 0.62s;}
.news.on .news-item:nth-child(3) {animation:newsFadeLeft 0.7s ease forwards 0.74s;}
.news.on .news-item:nth-child(4) {animation:newsFadeLeft 0.7s ease forwards 0.86s;}
@keyframes newsFadeUp {to {opacity:1; transform:translateY(0);}}
@keyframes newsFadeRight {to {opacity:1; transform:translateX(0);}}
@keyframes newsFadeLeft {to {opacity:1; transform:translateX(0);}}

/* ============ gallery ============ */
.gallery {position:relative; padding:130px 0; background:#f5f7fa; overflow:hidden;}
.gallery-inner {position:relative; margin:0 auto; padding:0 40px;}

/* gallery head */
.gallery-head {display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:60px;}
.gallery-eyebrow {display:inline-flex; align-items:center; color:#4a90e2; font-size:16px; font-weight:600; letter-spacing:3px; margin-bottom:18px;}
.gallery-eyebrow::before {content:''; display:inline-block; width:32px; height:1px; background:#4a90e2; margin-right:14px;}
.gallery-tit {color:#1a2540; font-size:42px; font-weight:700; line-height:1.25; word-break:keep-all;}
.gallery-more {display:inline-flex; align-items:center; justify-content:center; padding:14px 32px; border:1px solid #1a2540; border-radius:6px; color:#1a2540; font-size:15px; font-weight:500; transition:all 0.3s; white-space:nowrap;}
.gallery-more:hover {background:#1a2540; color:#fff; transform:translateY(-2px); box-shadow:0 8px 20px rgba(26,37,64,0.2);}

/* gallery grid */
.gallery-grid {display:grid; grid-template-columns:repeat(4, 1fr); grid-template-rows:repeat(2, 1fr); gap:14px; aspect-ratio:24/11;}
.gallery-item {position:relative; overflow:hidden; border-radius:10px; cursor:pointer;}
.gallery-item:nth-child(1) {grid-column:1 / span 2; grid-row:1 / span 2;}
.gallery-item img {width:100%; height:100%; object-fit:cover; display:block; transition:transform 0.7s ease;}
.gallery-item::after {content:''; position:absolute; inset:0; background:linear-gradient(180deg, transparent 50%, rgba(0,0,0,0.4) 100%); opacity:0; transition:opacity 0.4s;}
.gallery-item:hover img {transform:scale(1.08);}
.gallery-item:hover::after {opacity:1;}

/* gallery motion */
.gallery-eyebrow, .gallery-tit, .gallery-more, .gallery-item {opacity:0;}
.gallery-eyebrow, .gallery-tit, .gallery-more {transform:translateY(30px);}
.gallery-item {transform:translateY(40px);}
.gallery.on .gallery-eyebrow {animation:galFadeUp 0.7s ease forwards 0s;}
.gallery.on .gallery-tit {animation:galFadeUp 0.7s ease forwards 0.15s;}
.gallery.on .gallery-more {animation:galFadeUp 0.7s ease forwards 0.3s;}
.gallery.on .gallery-item:nth-child(1) {animation:galFadeUp 0.8s ease forwards 0.45s;}
.gallery.on .gallery-item:nth-child(2) {animation:galFadeUp 0.7s ease forwards 0.55s;}
.gallery.on .gallery-item:nth-child(3) {animation:galFadeUp 0.7s ease forwards 0.65s;}
.gallery.on .gallery-item:nth-child(4) {animation:galFadeUp 0.7s ease forwards 0.75s;}
.gallery.on .gallery-item:nth-child(5) {animation:galFadeUp 0.7s ease forwards 0.85s;}
@keyframes galFadeUp {to {opacity:1; transform:translateY(0);}}

/* ============ member ============ */
.member {position:relative; padding:130px 0; background:#fff; overflow:hidden;}
.member-inner {position:relative; margin:0 auto; padding:0 40px;}

/* member head */
.member-head {text-align:center; margin-bottom:70px;}
.member-eyebrow {display:inline-flex; align-items:center; color:#4a90e2; font-size:16px; font-weight:600; letter-spacing:3px; margin-bottom:18px;}
.member-eyebrow::before {content:''; display:inline-block; width:32px; height:1px; background:#4a90e2; margin-right:14px;}
.member-tit {color:#1a2540; font-size:42px; font-weight:700; line-height:1.3; word-break:keep-all;}

/* member list */
.member-list {display:grid; grid-template-columns:repeat(3, 1fr); gap:24px; max-width:1200px; margin:0 auto;}

/* member card */
.member-card {position:relative; padding:60px 40px 50px; background:#fff; border:1px solid #e5e9f0; border-radius:14px; text-align:center; display:flex; flex-direction:column; transition:all 0.4s;}
.member-card:hover {border-color:#4a90e2; transform:translateY(-6px); box-shadow:0 20px 50px rgba(74,144,226,0.12);}
.member-card-active {background:linear-gradient(180deg, #eef5ff 0%, #f5f9ff 100%); border-color:#4a90e2; box-shadow:0 16px 40px rgba(74,144,226,0.15);}
.member-card-active:hover {transform:translateY(-10px); box-shadow:0 24px 60px rgba(74,144,226,0.25);}
.member-card-badge {position:absolute; top:24px; right:24px; padding:6px 14px; background:linear-gradient(180deg, #5ba6f5 0%, #1e5fbf 100%); border-radius:6px; color:#fff; font-size:12px; font-weight:700; letter-spacing:0.5px; box-shadow:0 6px 14px rgba(74,144,226,0.35);}
.member-card-eyebrow {display:block; color:#4a90e2; font-size:14px; font-weight:700; letter-spacing:3px; margin-bottom:14px;}
.member-card-tit {color:#1a2540; font-size:28px; font-weight:700; line-height:1.3; margin-bottom:18px; word-break:keep-all;}
.member-card-desc {color:#777; font-size:15px; font-weight:400; line-height:1.55; margin-bottom:36px; word-break:keep-all;}

/* member card features */
.member-card-features {display:flex; flex-direction:column; gap:14px; margin-bottom:40px; text-align:left;}
.member-card-features li {display:flex; align-items:center; gap:12px; color:#333; font-size:15px; font-weight:500; line-height:1.45;}
.member-card-features li svg {flex-shrink:0; width:18px; height:18px; stroke:#4a90e2; stroke-width:2.5;}

/* member card button */
.member-card-btn {display:inline-flex; align-items:center; justify-content:center; padding:16px; background:#fff; border:1px solid #d8dde6; border-radius:8px; color:#1a2540; font-size:15px; font-weight:600; transition:all 0.3s; margin-top:auto;}
.member-card-btn:hover {background:#1a2540; border-color:#1a2540; color:#fff;}
.member-card-active .member-card-btn {background:linear-gradient(180deg, #5ba6f5 0%, #1e5fbf 100%); border-color:transparent; color:#fff; box-shadow:0 8px 20px rgba(74,144,226,0.3);}
.member-card-active .member-card-btn:hover {transform:translateY(-2px); box-shadow:0 12px 28px rgba(74,144,226,0.45);}

/* member motion */
.member-eyebrow, .member-tit, .member-card {opacity:0;}
.member-eyebrow, .member-tit {transform:translateY(30px);}
.member-card {transform:translateY(40px);}
.member.on .member-eyebrow {animation:memFadeUp 0.8s ease forwards 0s;}
.member.on .member-tit {animation:memFadeUp 0.8s ease forwards 0.15s;}
.member.on .member-card:nth-child(1) {animation:memFadeUp 0.8s ease forwards 0.4s;}
.member.on .member-card:nth-child(2) {animation:memFadeUp 0.8s ease forwards 0.55s;}
.member.on .member-card:nth-child(3) {animation:memFadeUp 0.8s ease forwards 0.7s;}
@keyframes memFadeUp {to {opacity:1; transform:translateY(0);}}

/* ============ partners ============ */
.partners {position:relative; padding:130px 0; background:#fff; overflow:hidden;}
.partners-inner {position:relative; margin:0 auto; padding:0 40px;}

/* partners head */
.partners-head {text-align:center; margin-bottom:60px;}
.partners-eyebrow {display:inline-flex; align-items:center; color:#4a90e2; font-size:16px; font-weight:600; letter-spacing:3px; margin-bottom:18px;}
.partners-eyebrow::before {content:''; display:inline-block; width:32px; height:1px; background:#4a90e2; margin-right:14px;}
.partners-tit {color:#1a2540; font-size:42px; font-weight:700; line-height:1.3; word-break:keep-all;}

/* partners list */
.partners-list {display:grid; grid-template-columns:repeat(6, 1fr); gap:18px;}
.partners-item {position:relative; display:flex; align-items:center; justify-content:center; aspect-ratio:16/7; padding:14px; background:#f5f7fa; border:1px solid transparent; border-radius:8px; transition:all 0.35s; overflow:hidden;}
.partners-item:hover {background:#fff; border-color:#4a90e2; transform:translateY(-4px); box-shadow:0 12px 28px rgba(74,144,226,0.12);}
.partners-item img {max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain; filter:grayscale(100%); opacity:0.65; transition:all 0.35s;}
.partners-item:hover img {filter:grayscale(0%); opacity:1;}
.partners-item-text {color:#b0b8c5; font-size:15px; font-weight:500; transition:color 0.35s;}
.partners-item:hover .partners-item-text {color:#4a90e2;}
.partners-item:has(img) .partners-item-text {display:none;}

/* partners motion */
.partners-eyebrow, .partners-tit, .partners-item {opacity:0; transform:translateY(30px);}
.partners.on .partners-eyebrow {animation:partFadeUp 0.8s ease forwards 0s;}
.partners.on .partners-tit {animation:partFadeUp 0.8s ease forwards 0.15s;}
.partners.on .partners-item {animation:partFadeUp 0.6s ease forwards; animation-delay:calc(0.4s + var(--i, 0) * 0.08s);}
@keyframes partFadeUp {to {opacity:1; transform:translateY(0);}}


/* ============ responsive ============ */

/* ===================== 1800px ===================== */
@media all and (max-width:1800px){
    .hcare-watermark {right:50px; font-size:130px;}
}

/* ===================== 1430px ===================== */
@media all and (max-width:1430px){
    .vision-inner, .about-inner, .partner-inner, .business-inner, .org-inner, .sport-inner, .global-inner, .benefit-inner, .detail-inner, .hcare-inner, .event-inner, .news-inner, .gallery-inner, .member-inner, .partners-inner, .stat-inner, .footer-inner {padding:0 30px;}
    .hcare-watermark {font-size:110px; right:40px;}
    .visual-cont {padding:86px 30px 0;}
}

/* ===================== 1230px ===================== */
@media all and (max-width:1230px){
    /* visual */
    .visual {height:680px;}
    .visual-tit {font-size:40px; line-height:1.3;}
    .visual-desc {line-height:1.7;}

    /* vision */
    .vision-tit {font-size:36px; line-height:1.3;}
    .vision-desc {line-height:1.7;}
    .vision-card {padding:50px 24px 40px;}
    .vision-card-icon {width:80px; height:80px; margin-bottom:30px;}
    .vision-card-desc {line-height:1.65;}

    /* about */
    .about-inner {gap:50px;}
    .about-tit {font-size:32px; line-height:1.3;}
    .about-desc {font-size:16px; line-height:1.7;}

    /* partner */
    .partner-tit {font-size:36px; line-height:1.3;}
    .partner-card {padding:50px 24px 40px;}
    .partner-card-tit {font-size:20px;}
    .partner-card-desc {line-height:1.65;}

    /* business */
    .business-tit {font-size:36px; line-height:1.3;}
    .business-card {padding:42px 28px 38px;}
    .business-card-num {font-size:28px; margin-bottom:24px;}
    .business-card-tit {font-size:20px; line-height:1.3;}
    .business-card-desc {line-height:1.65;}

    /* org */
    .org-tit {font-size:36px; line-height:1.3;}

    /* sport */
    .sport-tit {font-size:32px; line-height:1.3;}
    .sport-list {grid-template-columns:repeat(5, 1fr);}

    /* global */
    .global-tit {font-size:32px; line-height:1.3;}
    .global-desc {line-height:1.65;}
    .global-features {gap:18px;}
    .global-feature-desc {line-height:1.55;}

    /* benefit */
    .benefit-tit {font-size:36px; line-height:1.3;}
    .benefit-desc {line-height:1.65;}
    .benefit-list {grid-template-columns:repeat(3, 1fr);}
    .benefit-card-tit {line-height:1.4;}

    /* detail */
    .detail-tit {font-size:32px; line-height:1.3;}
    .detail-item {gap:50px;}
    .detail-cont-tit {font-size:26px; line-height:1.35; margin-bottom:28px;}
    .detail-cont-list li {line-height:1.6;}

    /* hcare */
    .hcare-tit {font-size:42px; line-height:1.25;}
    .hcare-desc {line-height:1.7;}
    .hcare-watermark {font-size:90px; right:30px;}
    .hcare-stats {gap:50px;}

    /* event */
    .event-tit {font-size:24px; line-height:1.3;}
    .event-date {gap:26px;}
    .event-date-num {font-size:28px;}

    /* news */
    .news-tit {font-size:36px; line-height:1.25;}
    .news-feature-tit {font-size:22px; line-height:1.35;}
    .news-item-tit {line-height:1.35;}
    .news-item-desc {line-height:1.5;}

    /* gallery */
    .gallery-tit {font-size:36px; line-height:1.25;}

    /* member */
    .member-tit {font-size:36px; line-height:1.3;}
    .member-card {padding:50px 30px 40px;}
    .member-card-tit {font-size:24px; line-height:1.3;}
    .member-card-desc {line-height:1.55;}

    /* partners */
    .partners-tit {font-size:36px; line-height:1.3;}
    .partners-list {grid-template-columns:repeat(4, 1fr);}
}

/* ===================== 980px (tablet) ===================== */
@media all and (max-width:980px){
    /* common - section padding */
    .vision, .about, .partner, .business, .org, .sport, .global, .benefit, .detail, .hcare, .news, .gallery, .member, .partners {padding:90px 0;}
    .stat {padding:50px 0;}
    .footer {padding:60px 0 0;}

    /* common - inner padding */
    .vision-inner, .about-inner, .partner-inner, .business-inner, .org-inner, .sport-inner, .global-inner, .benefit-inner, .detail-inner, .hcare-inner, .event-inner, .news-inner, .gallery-inner, .member-inner, .partners-inner, .stat-inner, .footer-inner {padding:0 24px;}

    /* visual */
    .visual {height:680px;}
    .visual-cont {padding:74px 24px 0;}
    .visual-tit {font-size:36px; line-height:1.3;}
    .visual-desc {line-height:1.65;}

    /* stat */
    .stat-list {flex-wrap:wrap; gap:30px 20px;}
    .stat-item {flex:0 0 calc(50% - 10px);}

    /* vision */
    .vision-head {margin-bottom:60px;}
    .vision-tit {font-size:30px; line-height:1.3;}
    .vision-desc {line-height:1.65;}
    .vision-list {grid-template-columns:repeat(2, 1fr); gap:18px;}
    .vision-card-desc {line-height:1.6;}

    /* about */
    .about-inner {grid-template-columns:1fr; gap:40px;}
    .about-tit {font-size:28px; line-height:1.3;}
    .about-desc {line-height:1.65; margin-bottom:32px;}
    .about-feature li p {line-height:1.55;}

    /* partner */
    .partner-head {margin-bottom:60px;}
    .partner-tit {font-size:30px; line-height:1.3;}
    .partner-list {grid-template-columns:repeat(3, 1fr); gap:18px;}
    .partner-card-logo {width:100px; height:100px;}
    .partner-card-logo img {width:68px;}
    .partner-card-desc {line-height:1.6;}

    /* business */
    .business-head {margin-bottom:60px;}
    .business-tit {font-size:30px; line-height:1.3;}
    .business-list {grid-template-columns:repeat(2, 1fr); gap:16px;}
    .business-card-tit {line-height:1.3;}
    .business-card-desc {line-height:1.6;}

    /* org */
    .org-head {margin-bottom:60px;}
    .org-tit {font-size:30px; line-height:1.3;}
    .org-tree {transform:scale(0.9); transform-origin:center top;}

    /* sport */
    .sport-head {margin-bottom:50px;}
    .sport-tit {font-size:28px; line-height:1.3;}
    .sport-list {grid-template-columns:repeat(4, 1fr); gap:12px;}
    .sport-card-name {left:14px; bottom:14px; font-size:14px;}

    /* global */
    .global-head {margin-bottom:50px;}
    .global-tit {font-size:28px; line-height:1.3;}
    .global-desc {line-height:1.6;}
    .global-features {grid-template-columns:repeat(2, 1fr); gap:40px 24px;}
    .global-feature-desc {line-height:1.55;}

    /* benefit */
    .benefit-head {margin-bottom:60px;}
    .benefit-tit {font-size:30px; line-height:1.3;}
    .benefit-desc {line-height:1.6;}
    .benefit-list {grid-template-columns:repeat(3, 1fr); gap:14px;}
    .benefit-card {padding:26px 22px; min-height:140px;}
    .benefit-card-tit {line-height:1.4;}

    /* detail */
    .detail-head {margin-bottom:60px;}
    .detail-tit {font-size:30px; line-height:1.3;}
    .detail-item, .detail-item:nth-child(even) {flex-direction:column; gap:30px; padding:60px 0;}
    .detail-cont-tit {font-size:24px; line-height:1.3; margin-bottom:28px;}
    .detail-cont-list li {line-height:1.55;}
    .detail-img-num {top:18px; left:18px; width:46px; height:46px; font-size:14px;}
    .detail-item:nth-child(odd) .detail-cont, .detail-item:nth-child(even) .detail-cont,
    .detail-item:nth-child(odd) .detail-img, .detail-item:nth-child(even) .detail-img {transform:translateY(30px) translateX(0);}
    .detail-item.on .detail-cont, .detail-item.on .detail-img {animation:dtlFadeUpMobile 0.8s ease forwards;}
    .detail-item.on .detail-img {animation-delay:0s;}
    .detail-item.on .detail-cont {animation-delay:0.15s;}
    @keyframes dtlFadeUpMobile {to {opacity:1; transform:translateY(0) translateX(0);}}

    /* hcare */
    .hcare-tit {font-size:36px; line-height:1.25;}
    .hcare-desc {line-height:1.65; margin-bottom:36px;}
    .hcare-list {margin-bottom:60px;}
    .hcare-card-info p {line-height:1.5;}
    .hcare-stats {gap:50px;}
    .hcare-stats strong {font-size:36px;}
    .hcare-watermark {font-size:80px; right:30px;}

    /* event */
    .event {padding:40px 0;}
    .event-tit {font-size:22px; line-height:1.3;}
    .event-date {gap:24px;}
    .event-date-item:not(:last-child)::after {right:-15px;}
    .event-date-num {font-size:28px;}

    /* news */
    .news-head {margin-bottom:48px;}
    .news-tit {font-size:30px; line-height:1.25;}
    .news-content {gap:30px;}
    .news-feature-tit {font-size:20px; line-height:1.3;}
    .news-item > a {gap:24px; padding:22px 20px;}
    .news-item-date strong {font-size:22px;}
    .news-item-tit {font-size:16px; line-height:1.35;}
    .news-item-desc {line-height:1.5;}

    /* gallery */
    .gallery-head {margin-bottom:48px;}
    .gallery-tit {font-size:30px; line-height:1.25;}
    .gallery-grid {gap:12px;}

    /* member */
    .member-head {margin-bottom:56px;}
    .member-tit {font-size:30px; line-height:1.3;}
    .member-list {gap:18px;}
    .member-card {padding:50px 28px 40px;}
    .member-card-tit {font-size:24px; line-height:1.3;}
    .member-card-desc {line-height:1.5;}
    .member-card-features li {line-height:1.4;}

    /* partners */
    .partners-head {margin-bottom:48px;}
    .partners-tit {font-size:30px; line-height:1.3;}
    .partners-list {grid-template-columns:repeat(3, 1fr); gap:14px;}
    .partners-item {aspect-ratio:16/8;}
}

/* ===================== 820px (mobile) ===================== */
@media all and (max-width:820px){
    /* common - section padding */
    .vision, .about, .partner, .business, .org, .sport, .global, .benefit, .detail, .hcare, .news, .gallery, .member, .partners {padding:70px 0;}
    .stat {padding:40px 0;}
    .footer {padding:50px 0 0;}

    /* common - inner padding */
    .vision-inner, .about-inner, .partner-inner, .business-inner, .org-inner, .sport-inner, .global-inner, .benefit-inner, .detail-inner, .hcare-inner, .event-inner, .news-inner, .gallery-inner, .member-inner, .partners-inner, .stat-inner, .footer-inner {padding:0 18px;}

    /* common - ¸ð¹ÙÀÏ ÁÙ¹Ù²Þ br Á¦°Å (¸ðµç ŸÀÌƲ/¼³¸í br ¼û±è) */
    .visual-tit br, .visual-desc br, .vision-tit br, .vision-desc br, .vision-card-desc br, .about-tit br, .about-desc br, .partner-tit br, .partner-card-desc br, .business-tit br, .business-card-desc br, .org-tit br, .sport-tit br, .sport-desc br, .global-tit br, .global-desc br, .global-feature-desc br, .benefit-tit br, .benefit-desc br, .benefit-card-tit br, .detail-tit br, .detail-cont-tit br, .detail-cont-list li br, .hcare-tit br, .hcare-desc br, .hcare-card-info p br, .news-tit br, .news-feature-tit br, .news-item-tit br, .news-item-desc br, .gallery-tit br, .member-tit br, .member-card-tit br, .member-card-desc br, .partners-tit br {display:none;}

    /* visual */
    .visual {height:620px;}
    .visual-cont {padding:62px 18px 0;}
    .visual-badge {margin-bottom:22px; padding:6px 16px;}
    .visual-tit {font-size:28px; line-height:1.3; margin-bottom:18px;}
    .visual-desc {line-height:1.6; margin-bottom:32px;}
    .visual-pager {bottom:36px;}

    /* btn */
    .btn {min-width:120px; height:46px; padding:0 20px;}

    /* stat */
    .stat-list {gap:24px 16px;}
    .stat-item {gap:14px;}
    .stat-icon {width:52px; height:52px; border-radius:12px;}
    .stat-icon img {width:24px; height:24px;}
    .stat-num {font-size:32px;}
    .stat-label {font-size:13px;}

    /* vision */
    .vision-head {margin-bottom:48px;}
    .vision-tit {font-size:24px; line-height:1.3;}
    .vision-desc {line-height:1.6; font-size:14px;}
    .vision-list {grid-template-columns:1fr; gap:16px;}
    .vision-card {padding:44px 24px 36px;}
    .vision-card-icon {width:76px; height:76px; margin-bottom:28px;}
    .vision-card-icon img {width:32px; height:32px;}
    .vision-card-desc {line-height:1.55;}

    /* about */
    .about-tit {font-size:22px; line-height:1.35;}
    .about-desc {font-size:14px; line-height:1.6; margin-bottom:28px;}
    .about-img {aspect-ratio:4/3;}
    .about-img-badge {left:20px; bottom:20px; padding:14px 20px;}
    .about-img-badge strong {font-size:16px;}
    .about-img-badge span {font-size:12px;}
    .about-feature {gap:10px;}
    .about-feature li {padding:18px 20px;}
    .about-feature li strong {font-size:15px;}
    .about-feature li p {line-height:1.5;}

    /* partner */
    .partner-head {margin-bottom:48px;}
    .partner-tit {font-size:24px; line-height:1.35;}
    .partner-list {grid-template-columns:1fr; gap:14px;}
    .partner-card {padding:40px 24px 32px;}
    .partner-card-logo {width:90px; height:90px; margin-bottom:22px;}
    .partner-card-logo img {width:60px;}
    .partner-card-tit {font-size:18px;}
    .partner-card-label {font-size:14px; margin-bottom:16px;}
    .partner-card-desc {font-size:13px; line-height:1.6;}

    /* business */
    .business-head {margin-bottom:48px;}
    .business-tit {font-size:22px; line-height:1.35;}
    .business-list {grid-template-columns:1fr; gap:12px;}
    .business-card {padding:36px 24px 32px;}
    .business-card-num {font-size:24px; margin-bottom:18px;}
    .business-card-tit {font-size:17px; line-height:1.35; margin-bottom:14px;}
    .business-card-desc {font-size:13px; line-height:1.6;}

    /* org */
    .org-head {margin-bottom:48px;}
    .org-tit {font-size:22px; line-height:1.3;}
    .org-tree {transform:none;}
    .org-row {flex-wrap:wrap; gap:8px;}
    .org-row.has-hline {padding-top:18px;}
    .org-row.has-hline::before {display:none;}
    .org-row.has-hline > .org-box::before {display:none;}
    .org-bridge {height:18px;}
    .org-box {min-width:100px; padding:11px 14px; font-size:14px;}
    .org-box-chairman {min-width:120px; padding:14px 22px; font-size:15px;}
    .org-box-light {min-width:95px; padding:10px 12px; font-size:13px;}

    /* sport */
    .sport-head {margin-bottom:40px;}
    .sport-tit {font-size:24px; line-height:1.3;}
    .sport-desc {font-size:14px; line-height:1.55;}
    .sport-list {grid-template-columns:repeat(3, 1fr); gap:10px;}
    .sport-card a {border-radius:10px;}
    .sport-card-name {left:12px; bottom:12px; font-size:13px;}

    /* global */
    .global-head {margin-bottom:48px;}
    .global-tit {font-size:24px; line-height:1.35;}
    .global-desc {font-size:14px; line-height:1.6;}
    .global-tree {margin-bottom:50px;}
    .global-box-parent {padding:18px 20px;}
    .global-box-parent strong {font-size:15px;}
    .global-box-parent span {font-size:12px;}
    .global-box-active {font-size:15px; padding:15px 20px;}
    .global-continents {grid-template-columns:repeat(3, 1fr); gap:8px;}
    .global-box-line {padding:12px 8px; font-size:13px;}
    .global-features {grid-template-columns:repeat(2, 1fr); gap:36px 16px;}
    .global-feature-num {width:42px; height:42px; font-size:13px; margin-bottom:14px;}
    .global-feature-tit {font-size:16px; line-height:1.3;}
    .global-feature-desc {font-size:13px; line-height:1.5;}

    /* benefit */
    .benefit-head {margin-bottom:48px;}
    .benefit-tit {font-size:24px; line-height:1.3; margin-bottom:14px;}
    .benefit-desc {font-size:13px; line-height:1.55;}
    .benefit-list {grid-template-columns:repeat(2, 1fr); gap:12px;}
    .benefit-card {padding:22px 18px; min-height:130px;}
    .benefit-card-num {font-size:13px; margin-bottom:14px;}
    .benefit-card-tit {font-size:14px; line-height:1.4;}

    /* detail */
    .detail-head {margin-bottom:48px;}
    .detail-tit {font-size:24px; line-height:1.3;}
    .detail-cont-eyebrow {font-size:13px; margin-bottom:14px;}
    .detail-cont-tit {font-size:22px; line-height:1.3; margin-bottom:24px;}
    .detail-cont-list li {font-size:15px; line-height:1.55;}
    .detail-item {padding:50px 0;}

    /* hcare */
    .hcare-tit {font-size:28px; line-height:1.3;}
    .hcare-desc {font-size:15px; line-height:1.6; margin-bottom:32px;}
    .hcare-list {gap:10px; margin-bottom:50px;}
    .hcare-card {padding:18px 20px; gap:16px;}
    .hcare-card-icon {width:46px; height:46px; border-radius:10px;}
    .hcare-card-icon svg {width:22px; height:22px;}
    .hcare-card-info strong {font-size:16px; line-height:1.3;}
    .hcare-card-info p {font-size:13px; line-height:1.5;}
    .hcare-watermark {font-size:60px; right:18px; opacity:0.5;}
    .hcare-stats {gap:30px; flex-wrap:wrap;}
    .hcare-stats strong {font-size:32px;}
    .hcare-stats span {font-size:13px;}

    /* event */
    .event {padding:36px 0;}
    .event-inner {flex-direction:column; align-items:flex-start; gap:26px;}
    .event-tit {font-size:20px; line-height:1.3;}
    .event-desc {font-size:14px; line-height:1.5;}
    .event-date {gap:24px; align-self:stretch; justify-content:flex-start;}
    .event-date-item {min-width:auto;}
    .event-date-num {font-size:26px;}
    .event-btn {padding:12px 24px; font-size:13px; align-self:stretch; justify-content:center;}

    /* news */
    .news-head {flex-direction:column; align-items:flex-start; gap:20px; margin-bottom:36px;}
    .news-tit {font-size:24px; line-height:1.25;}
    .news-more {padding:11px 24px; font-size:13px;}
    .news-content {grid-template-columns:1fr; gap:30px;}
    .news-feature {aspect-ratio:4/3;}
    .news-feature-info {left:22px; right:22px; bottom:22px;}
    .news-feature-info .news-tag {margin-bottom:14px;}
    .news-feature-tit {font-size:18px; line-height:1.35; margin-bottom:10px;}
    .news-feature-date {font-size:13px;}
    .news-item > a {gap:18px; padding:20px 14px;}
    .news-item-date {min-width:40px;}
    .news-item-date strong {font-size:20px;}
    .news-item-tit {font-size:15px; line-height:1.35;}
    .news-item-desc {font-size:13px; line-height:1.5;}

    /* gallery */
    .gallery-head {flex-direction:column; align-items:flex-start; gap:20px; margin-bottom:36px;}
    .gallery-tit {font-size:24px; line-height:1.25;}
    .gallery-more {padding:11px 24px; font-size:13px;}
    .gallery-grid {grid-template-columns:repeat(2, 1fr); grid-template-rows:auto; gap:10px; aspect-ratio:auto;}
    .gallery-item {aspect-ratio:1/1; border-radius:8px;}
    .gallery-item:nth-child(1) {grid-column:1 / span 2; grid-row:auto; aspect-ratio:16/10;}

    /* member */
    .member-head {margin-bottom:40px;}
    .member-tit {font-size:24px; line-height:1.3;}
    .member-list {grid-template-columns:1fr; gap:16px;}
    .member-card {padding:40px 28px 32px;}
    .member-card-tit {font-size:22px; line-height:1.3; margin-bottom:14px;}
    .member-card-desc {font-size:14px; line-height:1.55; margin-bottom:28px;}
    .member-card-features {gap:12px; margin-bottom:30px;}
    .member-card-features li {font-size:14px; line-height:1.4;}
    .member-card-btn {padding:14px; font-size:14px;}
    .member-card-badge {top:20px; right:20px; padding:5px 12px; font-size:11px;}

    /* partners */
    .partners-head {margin-bottom:40px;}
    .partners-tit {font-size:24px; line-height:1.3;}
    .partners-list {grid-template-columns:repeat(2, 1fr); gap:10px;}
    .partners-item {aspect-ratio:16/7;}
    .partners-item-text {font-size:13px;}
}

/* ===================== 520px (small mobile) ===================== */
@media all and (max-width:520px){
    /* visual */
    .visual {height:560px;}
    .visual-tit {font-size:22px; line-height:1.35;}
    .visual-desc {font-size:13px; line-height:1.6;}
    .visual-btns {flex-direction:column; gap:10px; width:100%;}
    .btn {width:100%;}

    /* vision */
    .vision-tit {font-size:22px; line-height:1.35;}
    .vision-card-tit {font-size:17px; line-height:1.35;}

    /* about */
    .about-tit {font-size:20px; line-height:1.4;}

    /* partner */
    .partner-tit {font-size:22px; line-height:1.35;}

    /* business */
    .business-tit {font-size:20px; line-height:1.35;}
    .business-card-tit {font-size:16px;}

    /* org */
    .org-tit {font-size:20px; line-height:1.35;}

    /* sport - 2 cols */
    .sport-list {grid-template-columns:repeat(2, 1fr);}
    .sport-tit {font-size:20px; line-height:1.35;}

    /* global */
    .global-tit {font-size:22px; line-height:1.35;}

    /* benefit - 1 col */
    .benefit-tit {font-size:22px; line-height:1.35;}
    .benefit-list {grid-template-columns:1fr;}
    .benefit-card {min-height:auto; padding:22px 20px;}

    /* detail */
    .detail-tit {font-size:22px; line-height:1.35;}
    .detail-cont-tit {font-size:19px; line-height:1.35;}

    /* hcare */
    .hcare-tit {font-size:24px; line-height:1.3;}
    .hcare-watermark {font-size:48px;}
    .hcare-stats {gap:20px;}
    .hcare-stats strong {font-size:28px;}

    /* event */
    .event-tit {font-size:18px;}
    .event-date-num {font-size:22px;}

    /* news */
    .news-tit {font-size:22px; line-height:1.3;}
    .news-feature-tit {font-size:16px; line-height:1.4;}

    /* gallery */
    .gallery-tit {font-size:22px; line-height:1.3;}

    /* member */
    .member-tit {font-size:22px; line-height:1.3;}
    .member-card-tit {font-size:20px;}
    .member-card-badge {top:16px; right:16px;}

    /* partners */
    .partners-tit {font-size:22px; line-height:1.3;}
    .partners-list {grid-template-columns:repeat(2, 1fr);}

    /* eyebrow font */
    .vision-eyebrow, .global-eyebrow, .partner-eyebrow, .business-eyebrow, .benefit-eyebrow, .news-eyebrow, .gallery-eyebrow, .member-eyebrow, .partners-eyebrow, .about-eyebrow, .org-eyebrow, .detail-eyebrow, .sport-eyebrow, .hcare-eyebrow {font-size:12px;}
}