:root{
  --fs-min-bp: 768;   /* or 960 */
  --fs-max-bp: 1440;
}
/* ===== Base ===== */
.container{
  width: 100%;
  max-width: 150rem;/*메인경기결과 width값이 작아져서 251121수정*/
  margin: 0 auto;
  position: relative;
}
.section {
  padding: 6rem 0;
}
.section-title{font-size:28px;margin:0 0 24px}
.br_500 {
		display: none;
	}

/* ===== Buttons ===== */
.primary_btn {
  border-radius: 9.9rem;
  background: #02A47D;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.25);
  display: inline-flex;
  padding: 2rem;
  align-items: center;
  justify-content: space-between;
  transition: transform 0.3s;
}
.primary_btn span{
  color: #FFF;
  font-size: clamp(1.5rem, 1.41vw, 1.8rem);
  font-weight: 200;
  letter-spacing: -0.072rem;
}
.primary_btn span strong{
  color: #FFF;
  font-size: clamp(1.5rem, 1.41vw, 1.8rem);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.072rem;
}
.primary_btn:hover{
  transform: translateX(2rem);
}
/* ===== Header ===== */




/* ===== Hero ===== */
.hero { position: relative; height: 81rem; overflow: hidden; }
.hero-title{
  max-width: 150rem;
  margin: 0 auto;
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  gap: 8rem;
}
.hero .hero-bg,
.hero .hero-swiper,
.hero .swiper-wrapper,
.hero .swiper-slide { height: 100%; }

/* 배경 박스 */
.hero .main_img_1,
.hero .main_img_2 {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center; /* 중요 */
  background-repeat: no-repeat;
}

/* 네비게이션이 가려지지 않게 */
.hero .swiper-button-next,
.hero .swiper-button-prev { z-index: 2; }
.hero-swiper .swiper-pagination {
  width: 30rem !important;
  bottom: 18rem !important;
  top: initial !important;
  height: 2px !important;
}
.hero-swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #FFF;
}
.hero .swiper-slide > div{
  display:flex;
  align-items:center;
  justify-content: center;
}
.hero-title h1{
  color: #FFF;
  font-family: Paperlogy;
  font-size: clamp(3.2rem, 7.03vw, 9rem);
  font-weight: 800;
  line-height: 100%; /* 9rem */
  text-align: left;
}
.hero-title h1 span{
 color: #47F5B6;
font-family: Paperlogy;
font-size: clamp(3.2rem, 7.03vw, 9rem);
font-style: normal;
font-weight: 800;
line-height: 100%;
}
.hero-t > p{
  color: #FFF;
  font-size: clamp(1.8rem, 1.88vw, 2.4rem);
  font-weight: 600;
  letter-spacing: -0.096rem;
  text-align: left;
  margin-bottom: 1rem;
}
.hero-title h3{
  color: #FFF;
  font-size: clamp(1.6rem, 1.56vw, 2rem);
  font-weight: 200;
  line-height: 140%; /* 2.8rem */
  letter-spacing: -0.08rem;
  text-align: left;
}
.pgn_continer{
  max-width: 150rem;
  margin: 0 auto;
  width: 100%;
  position: relative;
}
.hero-swiper .hero_pc {
  display: block;
}
.hero-swiper .hero_mo {
  display: none;
}
.hero-cta{display:flex;gap:10px}
.h-mat{
  position: absolute;
  top: 13rem;
  right: 6rem;
  z-index: 9;
  display: flex;
  flex-direction: column;
  gap: 3rem;
  align-items: flex-end;
}
.h-mat .teams img{
  max-height: 4.8rem;
}
.match-ticker{
  display: inline-flex;
  align-items: flex-start;
  border-top: 2px solid #FFF;
}
.match-ticker > h4{
  width: 15rem;
  color: #FFF;
  font-size: clamp(1.5rem, 1.41vw, 1.8rem);
  font-weight: 600;
  letter-spacing: -0.072rem;
  padding: 2rem 0;
  text-align: left;
}
.ticker-item{
  width: 40rem;
  display: flex;
  padding: 2rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  align-self: stretch;
  border-bottom: 1px solid rgba(255, 255, 255, 0.20);
  background: rgba(0, 0, 0, 0.05);
  backdrop-filter: blur(15px);
}
.ticker-item .left p{
  color: #FFF;
  font-size: clamp(1.6rem, 1.56vw, 2rem);
  font-weight: 600;
  line-height: 150%; /* 3rem */
  letter-spacing: -0.08rem;
}
.round__info{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
  width: 100%;
}
.ticker-item .right{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.4rem;
}
.ticker-item .right span{
  color: rgba(255, 255, 255, 0.50);
  font-size: clamp(1.4rem, 1.25vw, 1.6rem);
  font-weight: 500;
  line-height: 150%; /* 2.4rem */
  letter-spacing: -0.064rem;
}
.ticker-item .right .m-loca{
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
.ticker-item .right .m-loca p{
  color: #FFF;
  font-size: clamp(1.4rem, 1.09vw, 1.5rem);
  font-weight: 500;
  line-height: 150%; /* 2.25rem */
  letter-spacing: -0.06rem;
}
.ticker-item .teams{
  display: flex;
  align-items: center;
  gap: 2rem;
  align-self: stretch;
  width: 100%;
  justify-content: center;
}
.ticker-item .teams > div{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 1rem;
}
.ticker-item .teams span{
  color: #FFF;
  font-size: clamp(1.4rem, 1.25vw, 1.6rem);
  font-weight: 500;
  line-height: 150%; /* 2.4rem */
  letter-spacing: -0.064rem;
}
.ticker-item .teams strong{
  color: #FFF;
  font-size: clamp(1.8rem, 1.88vw, 2.4rem);
  font-weight: 700;
  line-height: 150%; /* 3.6rem */
  letter-spacing: -0.096rem;
}
.h-mark {
  display: flex;
  width: 2rem;
  height: 2rem;
  padding: 1rem 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  color: #FFF;
  text-align: center;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 100%; /* 1.2rem */
  letter-spacing: -0.048rem;
  border-radius: 0.4rem;
  background: #47F5B6;
}
.a-mark{
  display: flex;
  width: 2rem;
  height: 2rem;
  padding: 1rem 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  color: #FFF;
  text-align: center;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 100%; /* 1.2rem */
  letter-spacing: -0.048rem;
  border-radius: 0.4rem;
  background: #225555;
}

/* 퀵 배너 */
.quick-banner{
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  background: #213D40;
}
.qb-inner{
  max-width: 150rem;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.qb-inner .qb-jump{
  color: #FFF;
  font-size: clamp(2rem, 2.50vw, 3.2rem);
  font-weight: 300;
  line-height: 150%; /* 4.8rem */
  letter-spacing: -0.128rem;
}
.qb-inner .qb-jump strong{
  color: #FFF;
  font-size: clamp(2rem, 2.50vw, 3.2rem);
  font-weight: 800;
  line-height: 150%; /* 4.8rem */
  letter-spacing: -0.128rem;
}
.qb-links{
  display: flex;
align-items: center;
}
.qb-item{
  display: flex;
  padding: 2rem 4rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.qb-links .qb-ico{
  width: 6rem;
  height: 6rem;
}
.qb-item .qb-label{
  color: #FFF;
  font-size: clamp(1.5rem, 1.41vw, 1.8rem);
  font-weight: 500;
  line-height: 150%; /* 2.7rem */
  letter-spacing: -0.072rem;
}
.qb-social{
  display: flex;
  align-items: center;
  gap: 1rem;
}
.qb-left{
  display: flex;
  align-items: center;
  gap: 2rem;
}
/* 섹션 공통 */
.section-head{
  width: 100%;
  display: flex;
  padding: 2rem 0;
  justify-content: space-between;
  align-items: flex-end;
  align-self: stretch;
}
.section-head p{
  color: #2E533E;
  font-size: clamp(1.6rem, 1.56vw, 2rem);
  font-weight: 700;
  line-height: 150%; /* 3rem */
  letter-spacing: -0.08rem;
  margin-bottom: 1rem;
}
.section-head h2{
  color: #2A2A2A;
  font-size: clamp(2.4rem, 3.75vw, 4.8rem);
  font-weight: 700;
  line-height: 150%; /* 7.2rem */
  letter-spacing: -0.192rem;
}
.view-more{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
.view-more span{
  color: #2A2A2A;
  font-size: clamp(1.5rem, 1.41vw, 1.8rem);
  font-weight: 600;
  letter-spacing: -0.072rem;
}
/* Upcoming */

.section.schedule .container{
  max-width: 150rem;
  width: 100%;
}
.schedule-swiper{
  padding: 6rem 0;
  position: relative;
}
.schedule-swiper .swiper-slide{
	height: auto;
}
.card.match{
  position:relative;
  display:flex; flex-direction:column; justify-content:flex-start;
  padding:28px 20px 24px;
  border-radius:12px;
  background: #458260;
  color:#fff;
  box-shadow: 0 10px 24px rgba(0,0,0,.12);
  transition: opacity 0.3s, transform 0.3s;
  gap: 2rem;
  cursor: pointer;
}
.card.match:hover{
background: linear-gradient(164deg, #45825F 56.8%, #2E533E 56.81%);
transform: translateY(-3rem);
}
.card.match h3{
  display: flex;
  width: 100%;
  padding: 2rem 1rem;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  border-top: 1px solid rgba(255, 255, 255, 0.00);
  border-bottom: 1px solid rgba(255, 255, 255, 0.00);
  position: relative;
  color: #FFF;
  font-size: clamp(1.6rem, 1.56vw, 2rem);
  font-weight: 600;
  letter-spacing: -0.08rem;
}

/* 상단 보더 */
.card.match h3::before,
.card.match h3::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px; /* 보더 두께 */
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 50%,
    rgba(255, 255, 255, 0) 100%
  );
}
.card.match h3::before {
  top: 0;
}
.card.match h3::after {
  bottom: 0;
}
.card.match .versus{
  display:grid; grid-template-columns: 1fr auto 1fr; align-items:center;
}
.card.match .versus b{
  color: #FFF;
  font-size: clamp(2.4rem, 3.75vw, 4.8rem);
  font-weight: 700;
  line-height: 150%; /* 7.2rem */
  letter-spacing: -0.192rem;
}
.card.match .team-wrap{
  display: flex;
  width: 15rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
.card.match .team-wrap img{
  width: 6rem;
  aspect-ratio: 1/1;
  object-fit: contain;
}
.card.match .team-wrap span{
  color: #FFF;
  font-size: clamp(1.8rem, 1.88vw, 2.4rem);
  font-weight: 600;
  letter-spacing: -0.096rem;
}
.card.match .place{
  color: #FFF;
  text-align: center;
  font-size: clamp(1.6rem, 1.56vw, 2rem);
  font-weight: 400;
  letter-spacing: -0.04rem;
  margin-top: 2rem;
}
.card.match .badge {
  width: 22rem;
  height: 6rem;
  flex-shrink: 0;
  background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='60' viewBox='0 0 220 60' fill='none'><path d='M20 0H220L200 60H0L20 0Z' fill='%23CDB061'/></svg>") no-repeat center / contain;
  filter: drop-shadow(0 10px 30px rgba(0, 0, 0, 0.15));
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFF;
  text-shadow: 0 8px 10px #BC9552;
  font-size: clamp(1.8rem, 1.88vw, 2.4rem);
  font-weight: 600;
  letter-spacing: -0.096rem;
  position: absolute;
  top: -3rem;
  left: 2rem;
  transition: opacity 0.3s;
  opacity: 0;
}
.card.match:hover .badge{
 opacity: 1; 
}
.sec__bg{
  position: absolute;
  z-index: -9;
  top: 144rem;
  width: 100%;
  overflow: hidden;
  background: url(../img/Rectangle\ 28.png) no-repeat center center;
  background-size: cover;
  height: 130rem;
}


/* controls + pagination */
.schedule-controls{
  display:flex; align-items:center; gap:12px; margin-top:18px; justify-content: space-between;
  position: absolute;
  top: 55%;
  z-index: 1;
  width: 100%;
}
.schedule .ctrl {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25); /* 그림자 */
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px;
  border: none;
  cursor: pointer;
}

/* 왼쪽(이전) 버튼 */
.schedule .ctrl.prev {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><path d='M14 18L8 12L14 6' stroke='%232E533E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");
}

/* 오른쪽(다음) 버튼 */
.schedule .ctrl.next {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'><path d='M10 6L16 12L10 18' stroke='%232E533E' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");
}




.schedule .swiper-pagination{
  flex:1 1 auto; height:4px; background:#E6E6E6; border-radius:999px; overflow:hidden;
}
.schedule .swiper-pagination .swiper-pagination-progressbar-fill{
  background:#3FA06C;
}



/* ===== Standings ===== */
.table-wrap{
  border-radius: 1.2rem;
  border: 1px solid #D0D0D0;
  overflow: hidden;
}
@media (max-width: 768px){
  .table-wrap{
    overflow-x: scroll;
  }
}
.table{width:100%; border-collapse:collapse; min-width:820px}
.table th,.table td{
  min-height: 7rem;
  border-bottom: 1px solid #E6E6E6;
  text-align:center;
  vertical-align: middle;
  color: #2A2A2A;
  font-size: clamp(1.5rem, 1.41vw, 1.8rem);
  font-weight: 300;
  line-height: 150%; /* 2.7rem */
  letter-spacing: -0.072rem;
}
.table thead th{
  background: #F7F7F8;
  height: 7rem;
  font-weight: 600;
}
.table tbody tr{
  background: #FFF;
}
.table tbody tr:hover{background:#f9f9f9}
.table tr.highlight{background:#FFFBEE}
.team__name{
  width: 32rem;
  padding: 1rem 1rem 1rem 7rem; /* 251110 수정 */
}
.team__name > div{
  display: flex;
  align-items: center;
  gap: 1rem;
  color: #2A2A2A;
  font-size: clamp(1.5rem, 1.41vw, 1.8rem);
  font-weight: 300;
  line-height: 150%; /* 2.7rem */
  letter-spacing: -0.072rem;
}
.team__name .team__sign{
  width: 4rem;
}
.team__name .team__sign img{
  width: 100%;
}
/* ===== Banners ===== */
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:2rem}
.banner{
  display: flex;
  height: 28rem;
  padding: 7rem 6rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  flex-shrink: 0;
  border-radius: 1.2rem;
}
.banner.b1{
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
  background: url(../img/img-main-banner1.png) no-repeat center center;
  background-size: cover;
}
.banner.b1 > div{
  width: 100%;
}
.banner.b1 > div p{
  color: #FFF;
font-size: clamp(1.4rem, 1.25vw, 1.6rem);
font-weight: 300;
line-height: 150%; /* 2.4rem */
letter-spacing: -0.064rem;
}
.banner.b1 > div span{
  color: #FFF;
  font-size: clamp(2rem, 2.50vw, 3.2rem);
  font-weight: 300;
  line-height: 150%; /* 4.8rem */
  letter-spacing: -0.128rem;
}
.banner.b1 > div span strong{
  color: #FFF;
  font-size: clamp(2rem, 2.50vw, 3.2rem);
  font-weight: 600;
  line-height: 150%; /* 4.8rem */
  letter-spacing: -0.128rem;
}
.banner.b2{
  background: url(../img/img-main-banner2.png) no-repeat center center;
  background-size: cover;
}
.banner.b2 strong{
  color: #FFF;
  font-size: clamp(2rem, 2.50vw, 3.2rem);
  font-weight: 700;
  line-height: 120%; /* 3.84rem */
  letter-spacing: -0.128rem;
}
.banner.b2 > div{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4rem;
}
.banner.b2 .view-more span{
  color: #FFF;
  font-size: clamp(1.5rem, 1.41vw, 1.8rem);
  font-weight: 600;
  letter-spacing: -0.072rem;
}
.banner.b2 .view-more svg path{
  stroke:  #FFF !important;
}
/* ===== News & Media ===== */

.row-con{
  display: flex;
  align-items: flex-end;
  gap: 8rem;
}
.card-grid {display:grid;grid-template-columns:repeat(2, 1fr);gap:4rem;}
.news-card,.video-card{padding:0 0 2rem; overflow:hidden}
.news-card .thumb {border-radius:12px 12px 0 0;width: 100%;height: 25rem;margin-bottom: 2rem;}
.video-card .thumb.play {position:relative}
.video-card .thumb.play::after {content:"▶";position:absolute;inset:0;display:grid;place-items:center;font-size:32px;color:#fff;opacity:.9}
.news .meta{
  color: #909090;
  font-size: clamp(1.4rem, 1.25vw, 1.6rem);
  font-weight: 500;
  line-height: 150%; /* 2.4rem */
  letter-spacing: -0.064rem;
  margin-top: 1rem;
}
.news-card h3,.video-card h3{
	color: #2A2A2A;
	font-size: clamp(1.8rem, 1.88vw, 2.4rem);
	font-weight: 500;
	line-height: 150%; /* 3.6rem */
	letter-spacing: -0.096rem;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.banner__zone{
	border-radius: 12px;
	max-width: 47rem;
	overflow: hidden;
}
.section .container .row-con .banner__zone {
	aspect-ratio: 5 / 6;	
}
.section .container .row-con .banner__zone img {
	width: 100%;
	height: auto;
}
.section .container .row-con .banner__zone .banner_news_pc {
	display: block;
}
.section .container .row-con .banner__zone .banner_news_mo {
	display: none;
}
.video-card .thumb{
  width: 100%;
  height: 40rem;
  margin-bottom: 2rem;
  border-radius: 0;
}
.section.media{
  width: 100%;
  background: url(../img/251107_img-sec5-bg_3.png) no-repeat center center;
  background-size: cover;
}

.media-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border-radius: 0;
  gap: 4rem;
}

.video-card {
  border-radius: 0;
  overflow: hidden;
}

.video-link {
  display: block;
  text-decoration: none;
  color: #fff;
  position: relative;
}

.thumb {
  position: relative;
  aspect-ratio: 16/9;
  overflow: hidden;
}

.thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .3s;
}

.video-card:hover .thumb img {
  transform: scale(1.05);
}

.overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0,0,0,0) 50%, rgba(0,0,0,0.7) 100%);
}

.play-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: clamp(2.2rem, 3.13vw, 4rem);
  color: #fff;
  opacity: 0.9;
}

.video-info {
  padding: 20px;
}

.video-info .tag {
  background: #ffd400;
  color: #000;
  font-weight: 800;
  font-size: 0.9rem;
  padding: 4px 12px;
  border-radius: 999px;
}

.video-title {
  margin-top: 10px;
  font-size: clamp(1.4rem, 1.25vw, 1.6rem);
  font-weight: 800;
}

.result-card {
  background: #0f1317;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0,0,0,.18);
}

.result-thumb img {
  width: 100%;
  display: block;
}

.result-info {
  padding: 20px;
}

.league {
  font-size: 0.95rem;
  color: #a8c5d6;
}

.match {
  font-size: clamp(1.4rem, 1.09vw, 1.5rem);
  margin: 8px 0;
}

.match span {
  color: #ffd400;
  font-weight: 800;
}

.date, .scorers {
  font-size: 0.95rem;
  color: #cbd5e1;
  margin: 4px 0;
}

.more-link {
  display: inline-block;
  margin-top: 10px;
  padding: 10px 18px;
  border-radius: 10px;
  background: #123b2f;
  color: #d1fae5;
  font-weight: 800;
  text-decoration: none;
}

.more-link:hover {
  background: #0f2b26;
}

@media (max-width: 1024px) {
  .media-grid {
    grid-template-columns: 1fr;
  }
}

/* ===== Outreach ===== */

.outreach-card{
  position: relative;
  width: 100%;
  border-radius: 1.2rem;
  overflow: hidden;
}
.outreach-card .thumb{
  width: 100%;
  height: auto;
  object-fit: contain;
  background-size: cover !important;
  background-position: center !important;
}
.outreach-card .title{
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 3rem;
  width: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%);
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.4rem;
}
.outreach-card .title h3{
  color: #FFF;
font-size: clamp(1.5rem, 1.41vw, 1.8rem);
font-weight: 600;
line-height: 130%; /* 2.34rem */
letter-spacing: -0.072rem;
}
.outreach-card .title p{
  color: #FFF;
  font-size: clamp(1.3rem, 1.02vw, 1.4rem);
  font-weight: 300;
  line-height: 130%; /* 1.82rem */
  letter-spacing: -0.056rem;
}
.outreach__wrap{
  width: 100%;
}
.section.outreach .container .row-con .banner__zone .banner_outreach_pc {
	display: block;
}
.section.outreach .container .row-con .banner__zone .banner_outreach_mo {
	display: none;
}
a{
  cursor: pointer;
}
/* ===== Sponsors ===== */
.section.sponsors{
  margin-bottom: 12rem;
}
.spon-box h1{
  color: #fff;
  font-size: clamp(2.2rem, 3.13vw, 4rem);
  font-weight: 700;
  line-height: 150%; /* 6rem */
  letter-spacing: -0.16rem;
  border-bottom: 2px solid #2e523e;
     background: #2e513e;
    width: 100%;
    text-align: center;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    padding: 4% 0;
}
.spon-box h2{
  color: #fff;
  font-size: clamp(1.8rem, 1.88vw, 2.4rem);
  font-weight: 600;
  line-height: 150%; /* 3.6rem */
  letter-spacing: -0.096rem;
  border-bottom: 2px solid #2e523e;
      background: #2e513e;
    width: 100%;
    text-align: center;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    padding: 4% 0;
}
.spon-box h3{
  color: #fff;
  text-align: center;
  font-size: clamp(1.8rem, 1.88vw, 2.4rem);
  font-weight: 600;
  line-height: 150%; /* 3.6rem */
  letter-spacing: -0.096rem;
  display: flex;
  padding: 2rem 0;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  align-self: stretch;
  border-bottom: 2px solid #2E533E;
  background:#2e503e;
}
.sponsor-grid {
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem;
}
.spon-box{
  display: flex;
  padding: 0rem;
  flex-direction: column;
  align-items: center;
  gap: 0rem;
  border-radius: 2rem;
  background: #fff;
  align-self: stretch;
  border:2px solid #2E533E;
      border-radius: 10px;
}
.spon-box.official-sponsors{
  background: #FFF;
  border: 2px solid #2E533E;
}
.spon-box-col{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: 2rem;
  flex: 1 0 0;
  align-self: stretch;
}
.section.sponsors .container .sponsor-grid .spon-box.main-sponsor .sponsor-logo {
	height: 100%;
}
.sponsor-logo img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}
.medical-partners .logo-list {
  display: grid;
  justify-content: space-around;
  gap: 1rem;
  flex-wrap: wrap;
  padding:5%;
  grid-template-columns: repeat(2, 1fr);
  width:100%;
}
.medical-partners .logo-list img {
      height: auto;
    width: 100%;
}
#kitSponsorContainer{
	display: flex;
    align-items: center;
    height: 100%;
    }
.official-sponsors{
  grid-column: span 2;
}
.official-sponsors .sponsor-rows {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
margin-top:2rem;
padding:5%;
}

.official-sponsors .row {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
  flex-direction: row;
}
.spon-box.medical-partners,.spon-box.kit-sponsor{
	height:100%;
}
.official-sponsors .row img {
  max-height: 4rem;
  object-fit: contain;
  width:100%;
}
.section.middle_banner .pc_middle_banner img {
	width: 100%;
}
.section.middle_banner .mo_middle_banner {
	display: none;
}
.hero .swiper-slide > div#main_img{
	width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.main_banner_pc, .main_banner_mo {
      width: 100%;
      height: 100%;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
}
section.hero .hero-bg .main_banner_mo {
	display: none;
}

/* 반응형 */
@media (max-width: 1600px) {
	main {
		padding: 0 4rem;
	}
	.section {
		padding: 6rem 4rem;
	}
	.container {
		width: unset;
	}
	.h-mat.section .container {
		width: 100%;
	}
}
@media (max-width: 1400px) {
	.qb-inner {
	    justify-content: center;
	    align-items: center;
	    flex-direction: column;
	    display: flex;
	    padding: 3rem 0;
	    gap: 1rem;
	}
	.qb-item {
		padding: 2rem 0;
		width: 10rem;
	}
	.qb-social {
		gap: 2rem;
	}
	.card-grid {
		gap: 2rem;
	}
	.card.match .team-wrap {
		width: 10rem;
	}
	.section.h-mat .ticker-item .teams img {
		max-width: 6rem;
	}
	.section.h-mat .ticker-item .teams strong {
		min-width: 3rem;
    	text-align: center;
	}
	.section.duo-banners .container .banner.b1 div:first-child {
		width: 60%;	
	}
	.section.duo-banners .container .banner.b1 .logo_beyond {
		width: 40%;
	}
	.section.duo-banners .container .banner.b1 .logo_beyond img {
		width: 100%;
	}
	.section.news .container .row-con {
		flex-flow: column;
		align-items: unset;
		gap: 0rem;	
	}
	.section.news .container .row-con .card-grid {
		gap: 2rem;	
	}
	.section.news .container .row-con .card-grid .news-card .thumb {
		height: auto;
	}
	.section.news .container .row-con .banner__zone {
		max-width: 100%;
		height: auto;
		aspect-ratio: 7 / 2;
	}
	.section .container .row-con .banner__zone .banner_news_pc {
		display: none;
	}
	.section .container .row-con .banner__zone .banner_news_mo {
		display: block;	
	}
	.section.media .container .row-con {
		width: 100%;
	}
	.section.media .container .row-con .media-grid {
		grid-template-columns: repeat(2, 1fr);
		width: 100%;
	}
	.section.media .container .row-con .media-grid .video-card .video-link .thumb {
		margin-bottom: 0;
		height: auto;
	}
	.section.media .container .row-con .media-grid .video-card .video-link .video-info {
		padding-left: 0;
	}
	.section.outreach .container .row-con {
		flex-flow: column;
	    align-items: unset;
		gap: 2rem;
	}
	.section.outreach .container .row-con .banner__zone {
		max-width: 100%;
		height: auto;
		aspect-ratio: 7 / 2;	
	}
	.section.outreach .container .row-con .banner__zone .banner_outreach_pc {
		display: none;	
	}
	.section.outreach .container .row-con .banner__zone .banner_outreach_mo {
		display: block;	
	}
    .section.middle_banner .pc_middle_banner {
    	display: none;
    }
    .section.middle_banner .mo_middle_banner {
    	display: block;
    }
    .section.middle_banner .mo_middle_banner img {
   		width: 100%;
    }
}
@media (max-width: 960px) {
	.sponsor-grid {
	   grid-template-columns: 1fr;
	}
	.official-sponsors .row img {
	   max-height: 3rem;
	}
	.h-mat {
	  display: none;
	}
	.hero {
	    height: 54rem;
	}
	.hero-title {
	    flex-direction: column;
	    align-items: flex-start;
	    justify-content: flex-start;
	    gap: 8rem;
	    padding: 16rem 2rem;
	}
	.hero .swiper-slide > div {
	    display: flex;
	    align-items: flex-start;
	    justify-content: flex-start;
	}
	.swiper-pagination.swiper-pagination-progressbar.swiper-pagination-horizontal {
		top: -10rem!important;
		left: 2rem;
	}
	.hero-swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	    top: 0rem;
	    left: 0rem;
	}
	.hero-swiper .hero_pc {
	    display: none;
	}
	  
	.hero-swiper .hero_mo {
		display: block;
	}
	.qb-left > img{
	    width: 12rem;
	}
	.qb-item {
	    display: flex;
	    width: 7rem;
	    height: 7.3rem;
	    padding: 0;
	    flex-direction: column;
	    justify-content: center;
	    align-items: center;
		aspect-ratio: 80/73;
	}
	.qb-links .qb-ico {
	    width: 4rem;
	    height: 4rem;
	}
	.qb-links .qb-ico img{
	  width: 100%;
	}
	.qb-item .qb-label {
	    color: #FFF;
	    font-size: clamp(1.4rem, 1.41vw, 1.8rem);
	    font-weight: 300;
	    letter-spacing: -0.072rem;
	}
	.schedule-swiper {
	    padding: 3rem 0;
	}
	.card.match:hover{
	transform: translateY(-1rem);
	}
	.card.match .badge {
	    width: 16rem;
	    height: 6rem;
	}
	.card.match .team-wrap {
		width: 13rem;
	}
	.table thead th {
	    height: 5rem;
	}
	.team__name .team__sign {
	    width: 3rem;
	}
	.team__name {
	    width: 18rem;
	    padding: 1rem 1rem 1rem 3rem;
	}
	.grid-2 {
	    display: grid;
	    grid-template-columns: 2fr;
	    gap: 2rem;
	}
	.banner {
	    height: 16rem;
	    padding: 3rem;
	    gap: 1rem;
	}
	.banner.b2 > div{
	  gap: 2rem;
	}
	.section.duo-banners .container .banner.b1 div:first-child {
		width: unset;	
	}
	.section.duo-banners .container .banner.b1 .logo_beyond {
		width: 13rem;
	}
	.banner.b1 .logo_beyond img{
		width: 100%;
	}
	.row-con {
	    flex-direction: column;
	    gap: 4rem;
	}
	.card-grid {
		grid-template-columns: repeat(1, 1fr);
	    gap: 2rem;
	}
	.news-card .thumb {
		aspect-ratio: 16 / 9;
	    margin-bottom: 1rem;
	}
	.banner__zone{
		width: 100%;
	}
	.banner__zone a{
		width: 100%;
	}
	.section.media {
		margin: 6rem 0;
	}
	.video-card .thumb {
	    width: 100%;
	    height: 22rem;
	    margin-bottom: 1rem;
	    border-radius: 0;
	}
	.video-info {
	    padding: 0;
	}
	.media-grid {
	    gap: 2rem;
	}
	.section.media .container .row-con .media-grid {
		grid-template-columns: repeat(1, 1fr);
	}
	.outreach-card .title {
	    padding: 2rem;
	}
	.sponsor-grid {
	    display: flex;
	    flex-direction: column;
	    gap: 1rem;
	}
	.spon-box-col {
	    gap: 1rem;
	}
	.sponsor-logo img {
		max-width: 70%;
	}
	.section.outreach .container .row-con {
		padding-bottom: 2rem;
	}
	.section.outreach .container .row-con .banner__zone {
		max-width: unset;
		aspect-ratio: 7 / 2;	
	}
	.section.middle_banner .swiper-slide .mo_middle_banner {
        aspect-ratio: 7 / 2;
        border-radius: 12px;
        overflow: hidden;
    }
}
@media (max-width: 500px) {
	.br_500 {
		display: block;
	}
	main {
		padding: 0 2rem;
	}
	.section {
		padding: 4rem 2rem;
	}
	section.hero .hero-bg .main_banner_pc {
		display: none;
	}
	section.hero .hero-bg .main_banner_mo {
		display: flex;
	}
	.banner.b1 > div span {
		line-height: 100%
	}	
}
/* ========== Mega Base ========== */
.site-header { position: relative; z-index: 1000; }
.gnb .has-mega { position: static; } /* 자식 패널이 헤더 전체폭 사용 */
/* 히어로 섹션 */
    .swiper {
      width: 100%;
      height: 100%;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      /*background: #444;*/
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
/* btn */
.page-btn{
  display: flex;
  height: 4rem;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
.left-icon , .right-icon{
  display: flex;
  height: 4rem;
  justify-content: center;
  align-items: center;

}
.left-icon svg{
  transform: rotate(-180deg);
}
.bc-accordion .bc-list[hidden] { display: none; }
/* 모달 */
.modal__wrap{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  padding: 0 3rem;
  z-index: 1;
}
#modal .modal__conatiner{
  max-width: 72rem;
  width: 100%;
  background: #FFF;
  border-radius: 1.2rem;
  padding: 3.2rem;
}
#modal .modal__title{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2rem;
  width: 100%;
}
#modal .modal__title .mo_title{
  font-size: 1.8rem;
  font-weight: 600;
}
#modal .modal__contants{
  max-height: 40rem;
  overflow-y: scroll;
}
.lyrics_text{
  font-size: 1.6rem;
  line-height: 1.5;
}
/* 경기결과 추가 */
#match.h-mat.section{
  position: static;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 4rem;
}
#match .h-mat .teams img{
  max-height: 4.8rem;
}
#match .round__wrap{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  width: 100%;
  gap: 1rem;
}
#match .match-ticker > h4{
  width: 15rem;
  color: #FFF;
  font-size: clamp(1.5rem, 1.41vw, 1.8rem);
  font-weight: 600;
  letter-spacing: -0.072rem;
  padding: 2rem 0;
  text-align: left;
}
#match .ticker-item{
  width: 100%;
  display: flex;
  padding: 2rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
  align-self: stretch;
  border-bottom: 1px solid rgba(255, 255, 255, 0.20);
  background: #373737;
  backdrop-filter: blur(15px);
}
.ticker-item .left p{
  color: #FFF;
  font-size: clamp(1.6rem, 1.56vw, 2rem);
  font-weight: 600;
  line-height: 150%; /* 3rem */
  letter-spacing: -0.08rem;
}
.round__info{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
  width: 100%;
}
.ticker-item .right{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.4rem;
}
.ticker-item .right span{
  color: rgba(255, 255, 255, 0.50);
  font-size: clamp(1.4rem, 1.25vw, 1.6rem);
  font-weight: 500;
  line-height: 150%; /* 2.4rem */
  letter-spacing: -0.064rem;
}
.ticker-item .right .m-loca{
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
.ticker-item .right .m-loca p{
  color: #FFF;
  font-size: clamp(1.4rem, 1.09vw, 1.5rem);
  font-weight: 500;
  line-height: 150%; /* 2.25rem */
  letter-spacing: -0.06rem;
}
.ticker-item .teams{
  display: flex;
  align-items: center;
  gap: 2rem;
  align-self: stretch;
  width: 100%;
  justify-content: center;
}
.ticker-item .teams > div{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 1rem;
}
.ticker-item .teams span{
  color: #FFF;
  font-size: clamp(1.4rem, 1.25vw, 1.6rem);
  font-weight: 500;
  line-height: 150%; /* 2.4rem */
  letter-spacing: -0.064rem;
}
.ticker-item .teams strong{
  color: #FFF;
  font-size: clamp(1.8rem, 1.88vw, 2.4rem);
  font-weight: 700;
  line-height: 150%; /* 3.6rem */
  letter-spacing: -0.096rem;
}
.h-mark {
  display: flex;
  width: 2rem;
  height: 2rem;
  padding: 1rem 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  color: #FFF;
  text-align: center;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 100%; /* 1.2rem */
  letter-spacing: -0.048rem;
  border-radius: 0.4rem;
  background: #47F5B6;
}
.a-mark{
  display: flex;
  width: 2rem;
  height: 2rem;
  padding: 1rem 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  color: #FFF;
  text-align: center;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 100%; /* 1.2rem */
  letter-spacing: -0.048rem;
  border-radius: 0.4rem;
  background: #225555;
}
@media (max-width:1435px){
  .medical-partners .logo-list img {
      height: auto;
      width: 70%;
    }
   .medical-partners .logo-list{text-align:center;} 
  }
@media (max-width : 960px) {
	  #match .round__wrap{
	    grid-template-columns: repeat(1, 1fr);
	  }
	  #match .ticker-item .teams {
	    gap: 1rem;
	}
}

 /*시즌종료시*/
 .hidden{display:none !important;}
 .end_season{    margin: 16rem 0;} 
 .end_season img{width:100%;}
@media (max-width: 1500px) {
  .end_season {
    width: 100%;
    /* [중요] 부모 요소에 명확한 높이값이 있어야 합니다.
      모바일에서 보여줄 배너의 높이를 지정해주세요.
    */
    height: 50dvh; /* 예시 높이 */
    overflow: hidden; /* 넘치는 부분을 확실히 숨깁니다. */
  }

  .end_season img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* 비율 유지하며 꽉 채우기 (넘치면 자름) */
    object-position: center; /* 이미지의 중앙을 기준으로 표시 */
  }
}
@media (max-width: 640px) {
  .end_season {
    height: 35dvh; /* 예시 높이 */
    margin-top: 4rem;
  }
}
@media (max-width: 344px) {
  .end_season {
    height: 30dvh; /* 예시 높이 */
  }
}