@charset "utf-8";

/* NanumSquareRound */
@import url('https://hangeul.pstatic.net/hangeul_static/css/nanum-square-round.css');

/* NanumSquare Neo OTF */
@import url('https://hangeul.pstatic.net/hangeul_static/css/nanum-square-neo.css');

* {
	font-family: 'NanumSquareRound', 'NanumSquareNeo', sans-serif;
}

/* Gmarket Sans */
@font-face {
	font-family: "GmarketSans";
	src: url("/fonts/GmarketSansBold-d49f46d24559ebb5f147e61e2082498d.otf") format("truetype");
}

.modal-backdrop { max-width:100vw !important; }

body {
	margin: 0;
	padding: 0;
	background-color: #fff;
}
body > header, body > div, body > footer {
	max-width:1400px;
	margin: 0 auto;
}

.content-container {
	letter-spacing:-0.7px;
	overflow-x:hidden;
}
.main-visual {
	width: 100%;
	max-width: 1400px;
	aspect-ratio: 2 / 1; /* 3543:1772 비율 유지 */
	margin:0  auto;
	background-image:url(/images/custom/main/2026_visual_banner-edb0b0f02622351667304b625a4381b5.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	margin-top:100px;
}
.kakao-plus-btn-layer {
	position:relative;
	top: -75px;
}
.kakao-plus-btn-layer a > img {
	width:250px;
	position:absolute;
	right:0px;
}

.noticeBox {
	width: 100%;
	height: 100%;
	min-height: 500px;
	display: flex;
	flex: 1 1 auto;
	justify-content: center;
	flex-direction: column;
	align-items: center;
}


.f_size1 {font-size: 30px;}
.f_size2 {font-size: 40px;}


/* 에어쇼 일정안내 */
.schedule-container {
	border-radius:30px;
	background-color:#356ACB;
	margin-top:30px;
}
.schedule-container li {
	padding: 35px 35px 10px 25px;
	color:#FFED00;
	text-wrap:nowrap;
	position:relative;
	width:16.666666667%
}
.schedule-container li:first-child {
	padding: 15px 35px 10px 35px;
	color:#FFED00;
	text-wrap:nowrap;
	position:relative;
	width:16.666666667%
}

.schedule-container li:not(:last-child)::after {
	content: "";
	position: absolute;
	right: 0;
	top: 35px;
	width: 2px;
	height: 46%;
	background-color: rgba(255, 255, 255, 0.3);
}
.calendar-layer {
	text-align:center;
}
.schedule-container h4 {
	font-size:1.25rem;
	font-weight:700;
}
.schedule-container p {
	color:#FFF;
	font-size:1.15rem;
	text-align: center;
}
.schedule-container .notice {
	width:60%;
	margin:-10px auto 0;
	text-align:center;
	padding: 8px;
	background: #1993e0;
	border-radius: 10px 10px 0 0;
	font-size: 0.97rem;
	color:#fff;
}







/* 스페이스 챌린지 2025 안내 / Quick Menu */
/* 스페이스 챌린지 2025 안내 / Quick Menu */
.info-container h2 {
	font-family:GmarketSans; margin-bottom: 25px;
	font-size: 2.5rem;
}
.tab-container {

	border-radius: 40px;
	overflow: hidden;
	margin-right: 15px;
}
.tabs {
	display: flex;
	background: #EDF0FF;
	border-bottom: 1px solid #e7eaff;
}
.tab {
	flex: 1;
	padding: 14px 0px;
	text-align: center;
	cursor: pointer;
	background: #EDF0FF;
	color: #666;
	font-weight: 700;
	transition: all 0.3s;
	position:relative;
	font-family:NanumSquareNeoBold;
}
.tab.active {
	background: #2c65f7;
	border-bottom: 1px solid #2c65f7;
	color: #fff;
	font-weight: bold;
	border-radius: 0 0 40px 0;
}
.tab:nth-child(2).active, .tab:nth-child(3).active, .tab:nth-child(4).active {
	border-radius:40px 0 40px 0;
}
.tab:nth-child(5).active {

	border-radius:0 0 0 40px;
}
.tabs .tab.active::after {
	background-color:unset;
}
.tab-content {
	display: none;
	padding: 20px 10px 10px 20px;
	font-size: 1rem;
	line-height: 2;
	color: #333;
}
.tab-content.active {
	background:#EAF7FF;
	background-image: url(/images/custom/main_2025/main-tabs-bg-4859db5a01eb620b2c31f437602e859e.png);
	background-size: 100%;
	background-repeat:no-repeat;
	display: block;
}
.tab-content ul {
	padding-left: 20px;
}
.tab-content li {
	margin-bottom: 8px;
}
.tab-content li.red { color:#0237a4 !important; }



.quic-menu-container {
	margin-left:15px;
}
.quick-top {
	position:relative;
}
.quick-top div {
	position:absolute;
	top:43.5%;
	left:0;
	font-size:1.2rem;
	font-weight:700;
	text-align:center;
	width:100%;
}
.quick-body div {
	position:relative;
	cursor:pointer;
}
.quick-body a {
	position:absolute;
	bottom: 0px;
	right:0px;
}
.quick-body a img {
	width:60px;
}
.quick-body .pc { display:block; }
.quick-body .mb { display:none;  }
.character-1, .character-2, .character-3, .character-4 {
	position:absolute;
	top:-10px;
	right:10px;
}
.character-1 {
	top:-108px;
	left:60px;
	right:unset;
	z-index:-10;
}
.character-2 {
	top:-45px;
	right:0;
}






/* 종목안내 */
/* 종목안내 */
.jongmok-container > div {
	min-height:300px;
	width:32%;
	border-radius:30px;
	background-color:#f5f5f5;
	padding:50px 32px;
}
.jongmok-container .title {
	font-weight:700;
	font-size:1.17rem;
}
.jongmok-container p {
	font-size:0.9rem;
	color:#333;
	line-height:30px;
	text-align:justify;
}
.jongmok-1 {
	min-height: 300px;
	position: relative;
	background-image:url(/images/custom/main_2025/main-jongmok-info-bg-03bb664f4ba02007acc63876e222a15e.png);
	background-size:cover;
	display: flex;
	align-items: center;
}
.vertical-center {
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
}
.vertical-center > span {
	font-size:14px;
	color:#8F8F8F;
}
.vertical-center h2 span {
	color:#005A9E;
}






/* 행사일정 및 프로그램 안내 */
/* 행사일정 및 프로그램 안내 */

.program-tab-container {
	height:55px;
}
.program-tab {
	position:relative;
}
/* 기본 탭 스타일 (3탭 기준) */
.program-tab div {
	height:70px;
	line-height:70px;
	background:#EDF0FF;
	border-radius:50px;
	font-size:29px;
	font-weight:600;
	position:absolute;
	width:30%;
	text-align:center;
	z-index:1;
	cursor:pointer;
	color:#666;
}
/* 1탭: 가장 크게 */
.program-tab.tabs-1 div {
	width:42%;
	height:78px;
	line-height:78px;
	font-size:34px;
}
.tab-0 {
	left:29%;
}
/* 2탭: 중간 크기 + 겹침 */
.program-tab.tabs-2 div {
	width:36%;
	height:74px;
	line-height:74px;
	font-size:32px;
}
.tab-1 {
	left:17%;
	z-index:2;
}
.tab-2 {
	right:16%;
	z-index:3;
}
/* 3탭: 겹침 유지 */
.tabs-3 .tab-1 {
	left:9%;
	z-index:2;
}
.tabs-3 .tab-2 {
	left:34%;
	z-index:3;
}
.tabs-3 .tab-3 {
	right:11%;
	z-index:4;
}
.program-tab .active {
	z-index:5;
	background:#0041BB;
	color:#fff;
}
.tab-pg-content {
	display:none;
}
.tab-pg-content.active {
	display:block;
	animation: fade-in 0.4s;
	animation-fill-mode: forwards;
}
@keyframes fade-in {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}



.program-1 {
	min-width:24%;
}
.program-title {
	background-color: #4B7EF4;
	color: white;
	text-align: center;
	padding: 15px 0;
	font-size: 18px;
	font-weight: bold;
	border-radius: 12px 12px 0 0;

}
.timeline-layer {
	height: calc(100% - 57px);
	padding:20px 20px 20px 40px;
	border-radius:0 0 12px 12px;
	background-color:#EDF0FF;
	background-image:url(/images/custom/main_2025/main-timeline-eagles-aecdd13e45fab6441e399d4e8e9e4b62.png);
	background-position: bottom 0px right 10px;
	background-repeat:no-repeat;
	background-size:80%;
}
ul.timeline {
	list-style: none;
	padding: 0;
	position: relative;
	margin: 0;
}
ul.timeline::before {
	/* line */
	content: '';
	position: absolute;
	top: 9px;
	bottom: 35px;
	left: 5px;
	width: 2px;
	background: #2c65f7;
}
ul.timeline li {
	position: relative;
	padding-left: 20px;
	margin-bottom: 12px;
}
ul.timeline li::before {
	/* dot */
	content: '';
	position: absolute;
	left: 0;
	top: 8px;
	width: 12px;
	height: 12px;
	background: #2c65f7;
	border-radius: 50%;
	z-index: 1;
}
.time {
	position: relative;
	display: inline-block;
	background: #fff;
	color: #2c65f7;
	font-size: 13px;
	padding: 5px 14px 3px 14px;
	border-radius: 20px;
	font-weight: bold;
	margin-bottom: 5px;
	margin-left:10px;
}

.timeline-layer .ex {
	width: 65%;
	font-weight: 500;
	font-size: 0.97rem;
	color: black;
	margin: 10px 0 0 0;
}
.mobile-ex {
	display: none;
	font-weight: 500;
	font-size: 0.97rem;
	color: black;
	margin: 20px 0 0 0;
}

/* 꼬리 만들기 (뾰족한 삼각형 + 둥글게 감싸기) */
.bubble-tail {
	position: absolute;
	left: -8px;
	top: 50%;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-right: 14px solid #fff;
	border-radius: 0 4px 4px 0;
}
.desc {
	font-size: 14px;
	font-weight:600;
	color: #333;
	line-height: 1.4;
	margin-left:17px;
}


.program-2 {
	width:calc(76% - 30px);
	min-height: 650px;
	margin-left:30px;
	border-radius:36px;
	padding:25px;
	background:#FBFBFB;
	border:1px solid #F1F1F1;
}
.program-ended {
	width:100%;
	min-height: 650px;
	border-radius:36px;
	padding:40px 25px;
	background:#FBFBFB;
	border:1px solid #F1F1F1;
}
.title-section {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.title-section h2 {
	font-size: 24px;
	font-weight: bold;
	margin-bottom:0 !important;
}
.nav-buttons {
	display: flex;
	gap: 10px;
	margin-bottom:15px;
}
.nav-buttons button {
	padding: 6px 25px;
	border: 1px solid #999;
	border-radius: 50px;
	background: white;
	font-weight: bold;
	cursor: pointer;
}
.nav-buttons button.active {
	background: #4B7EF4;
	color: white;
	border-color: #4B7EF4;
}
.tab-content2 {
	display:none;
	text-align:center;
	/*min-height:723px;*/
	/*height: 100%;*/
	height: calc(100% - 70px);
	max-height: 775px;
	overflow-x:hidden;
	overflow-y:auto;
}
.tab-content2.active {
	display:block;
}
.cards {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 14px;
	margin-top: 20px;
}
.card {
	border:0;
}
.card .title-layer {
	padding:0 25px 0 0;
	margin-bottom:10px;
}
.card h4 {
	margin: 0 !important;
	font-size: 14px;
	text-align:center;
	font-weight: 600;
	color: white;
	padding: 9px;
	border-radius: 20px 20px 0 0;
	margin-bottom: 10px;
}
.card p {
	position: relative;
	font-size: 14px;
	margin: 5px 0 5px 13px;
	color: #333;
	text-align: justify;
}
.card p:before {
	/* dot */
	content: '';
	position: absolute;
	left: -9px;
	top: 8px;
	width: 4px;
	height: 4px;
	background: #333;
	border-radius: 50%;
	z-index: 1;
}

/* 카드 컬러 */
.pink   { background-color: #E35ED1; }
.blue   { background-color: #4B7EF4; }
.purple { background-color: #655EE3; }
.info   { background-color: #37CAC3; }
.teal   { background-color: #178CD4; }

.title-layer.pink   { background:unset; border-bottom:1px solid #E35ED1 !important; }
.title-layer.blue   { background:unset; border-bottom:1px solid #4B7EF4 !important; }
.title-layer.purple { background:unset; border-bottom:1px solid #655EE3 !important; }
.title-layer.info   { background:unset; border-bottom:1px solid #37CAC3 !important; }
.title-layer.teal   { background:unset; border-bottom:1px solid #178CD4 !important; }








/* 행사사진 */
/* 행사사진 */
h3.subtitle {
	color: #333;
	margin-bottom: 30px;
	font-weight: 600;
	text-align:center;
	margin-bottom:5px;
}
p.subtitle {
	text-align:center;
	font-size:16px;
	color:#666;
}

.slider {
	max-width: 1400px;
	margin: auto;
}

.slide-item {
	padding: 10px;
	box-sizing: border-box;
}

.slide-item img {
	width: 100%;
	height: auto;
	border-radius: 16px;
}
.slide-caption {
	margin-top: 10px;
	color: #555;
	font-size: 14px;
}
.slide-caption.date {
	margin-top: 2px;
	font-size: 14px;
	color: #777;
}
.slick-prev {
	left: -40px;
	z-index: 1;
	width: 40px;
	height: 40px;
	background: url('/images/custom/main_2025/main-arrow-prev-e1c96cb5e6afb464347083faaceea0c4.png') no-repeat center center;
	background-size: contain;
}

/* SLICK 다음 화살표 */
.slick-next {
	right: -40px;
	z-index: 1;
	width: 40px;
	height: 40px;
	background: url('/images/custom/main_2025/main-arrow-next-471946593b582ec5da67e735bf6b4c2e.png') no-repeat center center;
	background-size: contain;
}
.slick-prev:before,
.slick-next:before {
	color: black;
}
.slide-item h6 {
	font-size:1.1rem;
	display: block;
	white-space: nowrap;
	overflow: hidden;
}


.blank { height:50px; }


@media (max-width: 1400px) {
	.content-container {
		margin:0 10px;
	}
}

@media (max-width: 1300px) {

	.jongmok-container .title > span {
		display:none;
	}
	.kakao-plus-btn-layer a > img {
		width:220px !important;
	}
	.tab-content {
		line-height: 1.5;
	}

	.quick-top div {
		top:38%;
		font-size:1rem;
	}
	.quick-body a img {
		width:50px;
	}
	.character-1 {
		top:-94px;
		left:60px;
		width:90px;
	}
	.character-2 {
		top:-45px;
		width:80px;
	}
	.character-3, .character-4 {
		top:-25px;
		width:70px;
	}
	.quick-body.mt-3 { margin-top:35px !important; }
}


@media only screen and (max-width : 1230px){
	.main-visual {margin-top: 0px;}
}








/* 태블릿 (768px 이상 ~ 1023px 이하) */
/* 태블릿 (768px 이상 ~ 1023px 이하) */

@media (max-width: 1023px) {
	body {
		font-size: 15px;
	}
	.kakao-plus-btn-layer {
		top:-60px;
	}
	.kakao-plus-btn-layer a > img {
		width:200px !important;
	}



	/* 에어쇼 일정안내 */
	/* 에어쇼 일정안내 */

	.schedule-container {
		border-radius:20px;
	}
	.schedule-container li {
		padding:35px 25px 0 25px;
		width:25%
	}
	.schedule-container li:not(:last-child)::after {
		top: 33px;
		width: 2px;
		height: 45%;
	}
	.calendar-layer {
		display:none;
	}
	.schedule-container h4 {
		font-size:1.1rem;
		margin-bottom:3px;
	}
	.schedule-container p {
		color:#FFF;
		font-size:0.95rem;
	}
	.schedule-container .notice {
		font-size: 0.9rem;
	}




	/* 스페이스 챌린지 2025 안내 / Quick Menu */
	/* 스페이스 챌린지 2025 안내 / Quick Menu */

	.info-container h2 {
		font-size:24px;
	}
	.tab-container {

		border-radius: 25px;
	}
	.tab {
		padding: 8px 0px;
	}
	.tab.active {
		border-radius: 0 0 25px 0;
	}
	.tab:nth-child(2).active, .tab:nth-child(3).active, .tab:nth-child(4).active {
		border-radius:25px 0 25px 0;
	}
	.tab:nth-child(5).active {
		border-radius:0 0 0 25px;
	}
	.tab-content {
		padding: 10px 20px 1px 20px;
		font-size: 0.9rem;
		line-height: 1.5;
	}
	.tab-content li {
		margin-bottom: 3px;
	}


	.quic-menu-container {
		margin-left:0;
	}
	.quick-top {
		position:relative;
	}
	.quick-top div {
		top:35%;
		font-size:1rem;
	}
	.quick-body a img {
		width:35px;
	}
	.character-1 {
		top:-84px;
		left:20px;
		width:80px;
	}
	.character-2 {
		width:70px;
	}
	.character-3, .character-4 {
		width:60px;
	}
	.quick-body.mt-3 { margin-top:37px !important; }




	/* 종목안내 */
	/* 종목안내 */

	.jongmok-container .title > span {
		display:none;
	}
	.jongmok-container > div {
		min-height:210px;
		width:48%;
		padding:30px 20px;
	}
	.jongmok-container .title {
		font-size:1rem;
	}
	.jongmok-container p {
		font-size:0.8rem;
		line-height:20px;
	}
	.jongmok-1 {
		display:none;
	}



	/* 행사일정 및 프로그램 안내 */
	/* 행사일정 및 프로그램 안내 */

	/* 기본 탭 스타일 (3탭 기준) - 태블릿 */
	.program-tab div {
		height:50px;
		line-height:50px;
		width:30%;
		font-size:21px;
	}
	/* 1탭: 가장 크게 - 태블릿 */
	.program-tab.tabs-1 div {
		width:52%;
		height:60px;
		line-height:60px;
		font-size:26px;
	}
	.tab-0 {
		left:24%;
	}
	/* 2탭: 중간 크기 + 겹침 - 태블릿 */
	.program-tab.tabs-2 div {
		width:42%;
		height:54px;
		line-height:54px;
		font-size:23px;
	}
	.tab-1 {
		left:12%;
	}
	.tab-2 {
		right:7%;
	}
	/* 3탭 레이아웃 - 태블릿 (겹침 유지) */
	.program-tab.tabs-3 div {
		width:30%;
	}
	.tabs-3 .tab-1 {
		left:9%;
	}
	.tabs-3 .tab-2 {
		left:34%;
	}
	.tabs-3 .tab-3 {
		right:11%;
	}
	.program-1 {
		width:26%;
	}
	.program-title {
		padding: 10px 0;
		font-size: 16px;
	}
	.timeline-layer {
		padding:15px 10px 10px 15px;;
	}
	.time, .desc {
		font-size: 12px;
		margin-left:10px;
	}


	.program-2 {
		width:calc(74% - 15px);
		margin-left:15px;
		border-radius:25px;
		padding:20px 10px 20px 20px;
	}
	.tab-content2 {
		max-height:607px;
	}
	.tab-content2.active {
		display:block;
	}
	.cards {
		grid-template-columns: repeat(3, 1fr);
	}



	/* 행사사진 */
	/* 행사사진 */

	.slide-caption.date {
		font-size: 13px;
		margin-top:-2px;
	}
	.slide-item h6 {
		font-size:0.95rem;
	}
}





@media (max-width: 940px) {
	.title-section, .nav-buttons {
		display:block !important;
	}
	.nav-buttons {
		text-align:right !important;
	}
}






/* 스마트폰 (767px 이하) */
/* 스마트폰 (767px 이하) */

@media (max-width: 767px) {
	body {
		font-size: 14px;
	}
	.main-visual {
		background-image:url(/images/custom/main/2026_visual_banner-edb0b0f02622351667304b625a4381b5.jpg);
		aspect-ratio: 2 / 1; /* 3543:1772 비율 유지 */
		border-radius:20px;
	}
	.kakao-plus-btn-layer {
		right:5px;
		top:-45px;
	}
	.kakao-plus-btn-layer a > img {
		width:150px !important;
	}

	.schedule-container {
		margin-top:30px !important;
	}

	.schedule-container ul {
		display:block !important
	}
	.schedule-container li {
		width:100%;
		text-align:center;
		padding:20px;
	}
	.schedule-container h4 {
		font-size: 1rem;
	}
	.schedule-container li * {
		display:inline-block;
		margin-bottom:0;
	}
	.schedule-container  li:not(:last-child) {
		border-bottom:1px solid rgba(255, 255, 255, 0.3);
	}
	.schedule-container .notice {
		width:80%;
	}

	.tab-container {
		border-radius: 15px;
		margin-right:0;
	}
	.tab.active {
		border-radius: 0 0 15px 0;
	}
	.tab:nth-child(2).active, .tab:nth-child(3).active, .tab:nth-child(4).active {
		border-radius:15px 0 15px 0;
	}
	.tab:nth-child(5).active {

		border-radius:0 0 0 15px;
	}
	.tab-content {
		padding: 10px 15px 1px 15px;
		font-size: 0.9rem;
		line-height: 1.7;
	}
	.tab-content li {
		margin-bottom: 3px;
	}
	.info-container h2 {
		font-size:20px;
		text-align:center;
	}
	.info-and-quick-container {
		display:block !important;
	}
	.info-and-quick-container .w-50 {
		width:100% !important
	}
	.quic-menu-container {
		margin-top:30px !important;
	}
	.quick-top div {
		top:35%;
		font-size:1.5rem;
	}
	.quick-body a img {
		width:27px;
	}
	.character-1 {
		top:-64px;
		left:20px;
		width:60px;
	}
	.character-2 {
		width:50px;
		top:-20px;
	}
	.character-3, .character-4 {
		width:48px;
		top:-15px;

	}
	.quick-body.mt-3 { margin-top:25px !important; }

	.quick-body .pc { display:none; }
	.quick-body .mb { display:block;  }

	.jongmok-container {
		display:block !important;
	}
	.jongmok-container.mt-5 {
		margin-top:30px !important;
	}
	.jongmok-container div {
		width:100% !important;
		margin-top:15px;
	}
	.jongmok-container > div > div, .jongmok-container > div > div  * {
		display:inline !important;
	}
	.jongmok-container > div > div  img.me-2 {
		margin-right:4px !important;
		margin-bottom:3px !important;
	}
	.jongmok-container .title br {
		display:none !important;
	}
	.jongmok-container > div > div  span {
		display:none !important;
	}
	.jongmok-container > div {
		min-height: 165px;
	}

	/* 타임라인 사이드바 숨김 유지 */
	.program-container .program-1 {
		display:none !important;
	}
	/* 탭 컨테이너: 모바일 스타일로 표시 */
	.program-tab-container {
		height:auto !important;
		position:relative;
	}
	/* 스크롤 힌트: 오른쪽 그라디엔트 페이드 */
	.program-tab-container::after {
		content:'';
		position:absolute;
		top:0; right:0;
		width:40px; height:100%;
		background:linear-gradient(to right, transparent, #fff);
		pointer-events:none;
	}
	/* 탭 패널: JS active 제어 복원 */
	.tab-pg-content {
		display:none !important;
	}
	.tab-pg-content.active {
		display:block !important;
	}
	/* 모바일 탭 바 스타일 (576~767px: 큰 사이즈) */
	.program-tab {
		position:relative !important;
		display:flex !important;
		flex-wrap:nowrap;
		overflow-x:auto;
		gap:10px;
		padding:4px 10px 10px;
		-webkit-overflow-scrolling:touch;
		scrollbar-width:none;
	}
	.program-tab::-webkit-scrollbar {
		display:none;
	}
	.program-tab > div {
		position:static !important;
		width:auto !important;
		height:52px !important;
		line-height:52px !important;
		font-size:19px !important;
		flex-shrink:0;
		white-space:nowrap;
		padding:0 24px;
	}
	.program-container .program-2 {

		margin-left:0 !important;
		width:100% !important;
	}
	.cards {
		grid-template-columns: repeat(2, 1fr);
	}

	.mobile-ex {
		width: 100%;
		display: block;
	}
}
@media (max-width: 600px) {
	.quick-top div {
		top: 38%;
		font-size: 1.2rem;
	}
}


@media (max-width: 575px) {
	/* 소형 모바일: 탭 사이즈 축소 */
	.program-tab {
		gap:8px !important;
		padding:4px 8px 8px !important;
	}
	.program-tab > div {
		height:44px !important;
		line-height:44px !important;
		font-size:15px !important;
		padding:0 18px !important;
	}
}

@media (max-width: 420px) {
	.cards {
		grid-template-columns: 1fr;
	}
	.nav-buttons button {
		padding: 4px 10px !important;
		font-size:12px !important;
		font-weight:normal;
	}
	.nav-buttons {
		gap: 5px;
	}
	.quick-top div {
		top: 35%;
		font-size: 0.9rem;
	}

	/* 소형 모바일: 3탭이 375px 이내에 맞는도록 탭 축소 */
	.program-tab {
		gap: 5px;
		padding: 4px 4px 8px;
	}
	.program-tab > div {
		font-size: 13px !important;
		height: 40px !important;
		line-height: 40px !important;
		padding: 0 10px !important;
	}
}