@charset "UTF-8";

/********** 공통 **********/
.layout-wrapper { overflow:hidden; }

.container-section {
	display:block;
	width:100%;
	word-wrap:break-word;
	word-break:keep-all;
	overflow-wrap:anywhere;
}
	.more-btn--frame { display:block; }
		.more-btn {
			display:block;
			width:44px;
			height:44px;
			border-radius:22px;
			border:1px solid #ccc;
			border:1px solid var(--color-gray-light);	/* IE11 폴백 */
			border:1px solid var(--color-gray-light);
			background-color:#fff;
			background-color:var(--color-white);	/* IE11 폴백 */
			background-color:var(--color-white);
			position:relative;
			transition:0.3s all ease-in-out;
		}

		.more-btn:hover,
		.more-btn:focus { background-color:#13489e; border-color:#13489e; border-color:var(--color-primary); }	/* IE11 폴백 */
		.more-btn:focus { background-color:var(--color-primary); border-color:#13489e; border-color:var(--color-primary); }	/* IE11 폴백 */
		.more-btn:hover,
		.more-btn:focus { background-color:var(--color-primary); border-color:var(--color-primary); }
		
			.more-btn .line-mark {
				display:block;
				background-color:#666;
				background-color:var(--color-gray-dark);
				position:absolute;
				left:50%;
				top:50%;
				transform:translate(-50%, -50%);
				transition:0.3s all ease-in-out;
			}
			.more-btn .line-mark.line1 { width:2px; height:20px; }
			.more-btn .line-mark.line2 { width:20px; height:2px; }

			.more-btn:hover .line-mark,
			.more-btn:focus .line-mark {
				transform:translate(-50%, -50%) rotate(90deg);
				background-color:#fff;
				background-color:var(--color-white);
			}

/* 다중 행 ellipsis (2줄) — IE11 폴백 포함
 * IE11: display:block + max-height 로 2줄까지 잘림 (말줄임 … 표시 없음)
 * 모던: -webkit-line-clamp 로 진짜 말줄임 표시
 * max-height = line-height(1.4) × 줄수(2) = 2.8em — 본문 line-height 변경 시 같이 조정 */
.mulit-line-ellipsis {
	overflow: hidden;
	line-height: 1.4;
	max-height: 2.8em;          /* IE11 폴백 */
	display: block;             /* IE11 폴백 */
	text-overflow: ellipsis;
	display: -webkit-box;       /* 모던 — IE11 은 이 줄을 무시 */
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

/* 레이어팝업 */
.layer-popup { display:block; width:auto; position:absolute; }
.layer-popup .layer-popup-content-box { display:block; width:100% !important; height:auto !important; background-color:#fff; background-color:var(--color-white); }
.layer-popup .layer-popup-content-box img { vertical-align:top; width:100%; max-width:100%; height:auto !important; }

.layer-popup .close-btn-box { display:block; width:100%; background-color:#fff; background-color:var(--color-white); padding:10px; }
.layer-popup .close-btn-box .btn-frame { display:flex; display:-ms-flexbox; justify-content:flex-end; -ms-flex-pack:end; width:100%; }
.layer-popup .close-btn-box .check,
.layer-popup .close-btn-box .close-btn,
.layer-popup .close-btn-box .check input,
.layer-popup .close-btn-box .check label  { -ms-flex-align: center; align-self: center; -ms-flex-item-align: center; }
.layer-popup .close-btn-box .check { display:flex; display:-ms-flexbox; justify-content:flex-start; -ms-flex-pack:start; width:auto; margin-right:20px; }

.layer-popup .close-btn-box .check label,
.layer-popup .close-btn-box .close-btn { font-weight:600; font-size:0.85em; }


/********** common layout design **********/
.inner-section--frame {
	display:block;
	width:100%;
	padding:100px 200px;
}

/********** common title design **********/
.cmn-title--frame {
	display:block;
	width:100%;
	padding-bottom:20px;
}

	/* 공통 섹션 제목 — .cmn-title--frame 내부 + 다른 영역 어디서나 동일 사이즈 적용 가능 */
	.cmn-title--frame .cmn-section-title {
		display:block;
		width:auto;
		font-family:'GmarketSansBold', sans-serif;
		color:#000;
		color:var(--color-black);	/* IE11 폴백 */
		color:var(--color-black);
		line-height:1.3;
		letter-spacing:-.6px;
	}

/********** 공통-컨트롤 디자인 **********/
.idx_common_slideController {
	display:flex;
	justify-content:flex-start;
	align-items:center;
	width:auto;
}
	.idx_common_slideController .ctrl-btn {
		display:block;
		width:44px;
		height:44px;
		border-radius:22px;
		border:1px solid #ccc;
		border:1px solid var(--color-gray-light);	/* IE11 폴백 */
		border:1px solid var(--color-gray-light);
		background-color:#fff;
		background-color:var(--color-white);	/* IE11 폴백 */
		background-color:var(--color-white);
		background-repeat:no-repeat;
		background-position:center center;
		transition:0.3s all ease-in-out;
	}

	.idx_common_slideController .ctrl-btn:not(:last-of-type) { margin-right:6px; }

		.idx_common_slideController .ctrl-btn.prev { background-image:url('../../img/home/page/index/image_idx_cmn_left_arrow.png'); }
		.idx_common_slideController .ctrl-btn.next { background-image:url('../../img/home/page/index/image_idx_cmn_left_right.png'); }
		.idx_common_slideController .ctrl-btn.pause { background-image:url('../../img/home/page/index/image_idx_cmn_left_pause.png'); }
		.idx_common_slideController .ctrl-btn.resume { background-image:url('../../img/home/page/index/image_idx_cmn_left_resume.png'); }

		.idx_common_slideController .ctrl-btn:hover,
		.idx_common_slideController .ctrl-btn:focus { background-color:#ccc; background-color:var(--color-gray-light); }	/* IE11 폴백 */
		.idx_common_slideController .ctrl-btn:hover,
		.idx_common_slideController .ctrl-btn:focus { background-color:var(--color-gray-light); }

/********** floating 바로가기 **********/
.floating-section { 
	position:fixed;
	z-index:10;
	display:block;
	width:auto;
	border-radius:20px;
	padding:20px;
	background:linear-gradient(45deg, #13489e 30%, #d44869 60%, #b33d58 100%);
	background:linear-gradient(45deg, var(--color-primary) 30%, var(--color-secondary) 60%, var(--color-secondary-alt) 100%);													/* ie11 대응 */
	background:linear-gradient(45deg, var(--color-primary) 30%, var(--color-secondary-alt) 60%, var(--color-secondary) 100%);	/* 모던 */
}
	.floating-section .floating-section--inner {
		display:flex;
		flex-direction:column;
		justify-content:center;
		width:100%;
	}
		.floating-section .logo-image,
		.floating-section .mascot-image {
			display:block;
			width:100%;
			text-align:center;
		}

			.floating-section .logo-image img,
			.floating-section .mascot-image img {
				max-width:100%;
				vertical-align:top;
			}

		.floating-section .mascot-image { padding:34px 0 20px 0; }

		.floating-section .link-frame {
			display:flex;
			flex-direction:column;
			justify-content:center;
			width:100%;
			gap:10px;
		}

			.floating-section .icon-list {
				display:flex;
				justify-content:center;
				align-items:center;
				width:auto;
				padding:10px 10px 7px 10px;
				transition:0.3s all ease-in-out;
			}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
		.floating-section .icon-list:not(:last-of-type) { margin-bottom:10px; }
}					
				.floating-section .icon-list .text-box {
					display:block;
					width:100%;
					text-align:center;
					font-family:'GmarketSansMedium', sans-serif;
					font-size:1rem;
					letter-spacing:-.6px;
					line-height:1.4;
					color:#000;
					color:var(--color-black);	/* IE11 폴백 */
					color:var(--color-black);
				}

			.floating-section .icon-list:hover,
			.floating-section .icon-list:focus { text-decoration:none; }

			.floating-section .icon-list:hover .text-box,
			.floating-section .icon-list:focus .text-box { color:#b33d58; color:var(--color-secondary-alt); }	/* IE11 폴백 */
			.floating-section .icon-list:hover .text-box,
			.floating-section .icon-list:focus .text-box { color:var(--color-secondary-alt); }

/********** 메인 영상 부분 **********/
#idxVideo {
	display:block;
	width:100%;
	height:100vh;
	background-color:#000;
	background-color:var(--color-black);
	position:relative;
}

/********** 바로가기 링크 **********/
#idxShortcut {
	display:block;
	width:100%;
}
	#idxShortcut .inner-section--frame { padding-bottom:0px; }

		#idxShortcut .shortcut-list--frame {
			display:flex;
			justify-content:flex-start;
			flex-wrap:wrap;
			width:100%;
		}
			#idxShortcut .shortcut-list--frame .list-item {
				display:block;
				width:auto;
				flex:1;
			}
			
				#idxShortcut .shortcut-list--frame .title-box {
					display:flex;
					justify-content:space-between;
					align-items:center;
					width:100%;
					margin-bottom:12px;
				}
					#idxShortcut .shortcut-list--frame .title {
						display:block;
						width:auto;
						padding:15px 0 0 21px;
						background-image:url('../../img/home/page/index/image_idx_title_bullet1.png');
						background-repeat:no-repeat;
						background-position: left top;
						font-family:'SEBANG_Gothic_Regular', sans-serif;
						font-size:1.31rem;
						font-weight:300;
						color:var(--color-black);
					}

				#idxShortcut .shortcut-list--frame .text-box {
					display:flex;
					justify-content:center;
					width:100%;
					padding:20px 0;
				}
								
					#idxShortcut .shortcut-list--frame .item-time {
						display:block;
						width:100%;
						font-family:'SEBANG_Gothic_Regular', sans-serif;
						font-weight:300;
						font-size:1.31rem;
						color:var(--color-black-70);
						line-height:1.4;
						letter-spacing:-.6px;
						text-align:center;
					}

/********** 공지사항 & 대회뉴스 **********/
#idxNews {
	display:block;
	width:100%;
}
	
	/********** 공지사항 & 대회뉴스 **********/
	#idxNews .news-area {
		position:relative;
		display:flex;
		justify-content:flex-start;
		flex-wrap:wrap;
		width:100%;
	}
	
		#idxNews .news-area .news-tab--contanier {
			display:flex;
			justify-content:flex-start;
			flex-wrap:wrap;
			align-content:flex-start;
		}
			#idxNews .news-area .tab-list { display:block; }
			
				#idxNews .news-area .tab-list .tab-link {
					display:block;
					width:auto;
					background-color:#fff;
					background-color:var(--color-white);					/* ie11 폴백 */
					background-color:var(--color-white);	/* 모던 */
					border-radius:10px;
					font-family:'SEBANG_Gothic_Regular', sans-serif;
					font-weight:300;
					letter-spacing:-.6px;
					line-height:1.4;
					color:rgba(0,0,0,.7);					/* ie11 폴백 */
					color:var(--color-black-70);			/* 모던 */
					transition:0.3s all ease-in-out;
				}
				
				#idxNews .news-area .tab-list .tab-link.current {
					background-color:#13489e;
					background-color:var(--color-primary);				/* ie11 폴백 */
					background-color:var(--color-primary);	/* 모던 */
					color:#fff;
					color:var(--color-white);								/* ie11 폴백 */
					color:var(--color-white);				/* 모던 */
				}
				
				#idxNews .news-area .tab-list .tab-link:hover,
				#idxNews .news-area .tab-list .tab-link:focus {
					text-decoration:none;
					background-color:#b33d58;
					background-color:var(--color-secondary-alt);						/* ie11 폴백 */
					background-color:var(--color-secondary-alt);	/* 모던 */
					color:#fff;
					color:var(--color-white);										/* ie11 폴백 */
					color:var(--color-white);						/* 모던 */
				}
	
		#idxNews .news-area .tab-content--frame { display:block; }

			#idxNews .news-area .tab-content--frame .news-tab-content { display:none; }
			
			#idxNews .news-area .tab-content--frame .news-tab-content.current { display:block; }
			
				#idxNews .news-area .no-list {
					display:flex;
					justify-content:center;
					align-items:center;
					width:100%;
					min-height:227px;
					border-top:1px solid #ccc;
					border-top:1px solid var(--color-gray-light);
					border-bottom:1px solid #ccc;
					border-bottom:1px solid var(--color-gray-light);
				}
					#idxNews .news-area .no-list .info-text {
						display:block;
						width:100%;
						font-family:'SEBANG_Gothic_Regular', sans-serif;
						font-weight:300;
						color:#000;
						color:var(--color-black);
						text-align:center;
					}
			
				#idxNews .news-area .idx-textBaord--frame {
					display:flex;
					justify-content:flex-start;
					width:100%;
					height:100%;
				}
					#idxNews .news-area .textBoard-list {
						position:relative;
						display:block;
						width:32%;
						padding:30px;
						background-color:#fff;
						background-color:var(--color-white);						/* ie11 폴백 */
						background-color:var(--color-white);		/* 모던 */
						border:1px solid #ccc;
						border:1px solid var(--color-gray-light);						/* ie11 폴백 */
						border:1px solid var(--color-gray-light);	/* 모던 */
						border-radius:20px;
					}
					
					#idxNews .news-area .textBoard-list:not(:last-of-type) { margin-right:2%; }
					
						#idxNews .news-area .textBoard-list .list-top {
							display:block;
							width:100%;
							padding-bottom:30px;
						}
						
							#idxNews .news-area .textBoard-list .noti-mark {
								display:block;
								width:auto;
								font-family:'GmarketSansMedium', sans-serif;
								font-size:1rem;							/* ie11 폴백 */
								font-size:var(--font-base);				/* 모던 */
								letter-spacing:-.6px;
								line-height:1.4;
								color:#13489e;
								color:var(--color-primary);							/* ie11 폴백 */
								color:var(--color-primary);				/* 모던 */
								position:absolute;
								left:30px;
								top:30px;
							}
							
							#idxNews .news-area .textBoard-list .list-title {
								width:100%;
								min-height:59px;
								margin-top:28px;
								margin-bottom:30px;
								font-family:'SEBANG_Gothic_Bold', sans-serif;
								font-size:1.35rem;										/* ie11 폴백 */
								font-size:var(--font-md-lg);							/* 모던 */
								font-weight:300;
								letter-spacing:-.6px;
								line-height:1.4;
								color:#000;
								color:var(--color-black);
							}
				
						#idxNews .news-area .textBoard-list .list-bottom {
							display:flex;
							justify-content:flex-start;
							align-items:center;
							width:100%;
							color:rgba(0,0,0,.7);						/* ie11 폴백 */
							color:var(--color-black-70);				/* 모던 */
						}
							#idxNews .news-area .textBoard-list .list-bottom .date {
								display:block;
								width:auto;
								font-weight:600;
								font-family:'SEBANG_Gothic_Regular', sans-serif;
								font-size:1rem;									/* ie11 폴백 */
								font-size:var(--font-base);							/* 모던 */
							}
							
					#idxNews .news-area .textBoard-list:hover,
					#idxNews .news-area .textBoard-list:focus {
						border-color:#13489e;
						border-color:var(--color-primary);							/* ie11 폴백 */
						border-color:var(--color-primary);				/* 모던 */
						text-decoration:none;
					}


/********** 갤러리 & 홍보영상 & 알림존(팝업존) **********/
.back-bg {
	display:block;
	width:100%;
	background-image:url('../../img/home/page/index/image_idx_back_bg.png');
	background-repeat:no-repeat;
	background-position:center center;
}

#idxPromotion .promotion--frame {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	width:100%;
}
	/********** 대회 홍보영상 **********/
	#idxPromotion .video-area { width:58.8%; }

		#idxPromotion .promotion--frame .cmn-section-title {
			color:#fff;
			color:var(--color-white);
		}

		#idxPromotion .video--frame {
			position:relative;
			display:block;
			width:100%;
			height:calc(100% - 66.8px);
			border-radius:20px;
			overflow:hidden;
		}
	
			#idxPromotion .mask {
				display:block;
				width:100%;
				height:100%;
				background-color:rgba(0,0,0,.3);
				position:absolute;
				left:0;
				top:0;
				z-index:2;
			}
			
			#idxPromotion .video--frame video {
				width:100%;
				height:100%;
				object-fit:cover;
				position:absolute;
				top:0;
				left:0;
				z-index:0;
			}

			#idxPromotion .video-control--frame {
				display:block;
				width:auto;
				position:absolute;
				left:50%;
				top:50%;
				transform:translate(-50%, -50%);
				z-index:101;
				opacity:0;                                  /* 재생 중 기본 숨김 */
				transition:opacity 0.3s ease-in-out;
				pointer-events:none;
			}

			/* video--frame hover / focus(.is-hovered 는 JS 가 부여 — IE11 :focus-within 미지원 대응) 시 표시 */
			#idxPromotion .video--frame:hover .video-control--frame,
			#idxPromotion .video--frame.is-hovered .video-control--frame {
				opacity:1;
				pointer-events:auto;
			}

			/* .video-btn.play (= 일시정지 상태) 일 때 항상 표시. .is-paused 는 JS 가 부여 */
			#idxPromotion .video-control--frame.is-paused {
				opacity:1;
				pointer-events:auto;
			}
				#idxPromotion .video-control--frame .video-btn {
					display:block;
					width:80px;
					height:80px;
					background-color:rgba(255,255,255,0);
					border:1px solid #ccc;
					border:1px solid var(--color-gray-light);
					border-radius:40px;
					background-repeat:no-repeat;
					background-position:center center;
				}
				
					#idxPromotion .video-control--frame .video-btn.play { background-image:url('/res/img/home/page/index/image_idxMainVideo_ctrl_play.png'); }				
					#idxPromotion .video-control--frame .video-btn.stop { background-image:url('/res/img/home/page/index/image_idxMainVideo_ctrl_pause.png'); }

	/********** 알림창 **********/
	#idxPromotion .pop-area { display:block; }

	#idxPromotion .pop-area .banner--slide {
		display:block;
		width:100%;
		border-radius:20px;
		overflow:hidden;
	}
		#idxPromotion .pop-area .banner--slide .slick-list {
			width:100%;
			height:100%;
		}
		
		#idxPromotion .pop-area .banner--slide .slick-track { height:100%; }
		#idxPromotion .pop-area .banner--slide .slide-item { width:100%; }
		#idxPromotion .pop-area .banner--slide .slide-item .banner-link {
			display:block;
			width:100%;
			padding-top:92.134%;
			position:relative;
		}
			#idxPromotion .pop-area .banner--slide .slide-item img {
				width:100%;
				height:100%;
				position:absolute;
				left:50%;
				top:50%;
				transform:translate(-50%, -50%);
			}
					
/********** 자동 롤링 배너 (idxRolling) **********/
#idxRolling {
	display:block;
	width:100%;
	background:linear-gradient(90deg, #13489e 0%, #d44869 100%);	/* IE11 폴백 */
	background:linear-gradient(90deg, var(--color-primary) 0%, var(--color-secondary) 100%);
	overflow:hidden;
	padding:18px 0;
}
	#idxRolling .rolling--frame {
		display:block;
		width:100%;
		padding:10px 0;
		position:relative;
		overflow:hidden;
	}
		#idxRolling .rolling-track {
			display:flex;
			justify-content:flex-start;
			align-items:center;
			width:max-content;
		}
			#idxRolling .rolling-set {
				display:flex;
				justify-content:flex-start;
				align-items:center;
				flex-shrink:0;
			}
				#idxRolling .rolling-item {
					display:flex;
					align-items:center;
					flex-shrink:0;
					padding:0 60px;
				}
					#idxRolling .rolling-text {
						font-family:'Pretendard', sans-serif;
						font-size:1.5rem;
						font-weight:700;
						color:#fff;
						color:var(--color-white);	/* IE11 폴백 */
						color:var(--color-white);
						white-space:nowrap;
						letter-spacing:-0.6px;
					}
					#idxRolling .rolling-symbol {
						display:block;
						height:30px;
						width:auto;
					}

	/* 롤링 일시정지/재생 토글 버튼 (WCAG 2.2.2 SC 준수) */
	#idxRolling .rolling-toggle {
		position:absolute;
		top:50%;
		left:20px;
		transform:translateY(-50%);
		width:36px;
		height:36px;
		border:1px solid #fff;
		border:1px solid var(--color-white);	/* IE11 폴백 */
		border:1px solid var(--color-white);
		border-radius:18px;
		background-color:rgba(0,0,0,.3);	/* IE11 폴백 */
		background-color:var(--color-black-30);
		transition:0.2s all ease-in-out;
		z-index:3;
		cursor:pointer;
	}

	#idxRolling .rolling-toggle:hover,
	#idxRolling .rolling-toggle:focus {
		background-color:rgba(0,0,0,.8);	/* IE11 폴백 */
		background-color:var(--color-black-80);
		outline:none;
	}
	
	/* focus: 어두운 배경 + 흰색 ring (키보드 사용자 식별) */
	#idxRolling .rolling-toggle:focus-visible {
		background-color:rgba(0,0,0,.8);	/* IE11 폴백 */
		background-color:var(--color-black-80);
		outline:none;
		box-shadow:0 0 0 3px #fff;          /* IE11 폴백 — 어두운 배경 위 흰색 ring */
		box-shadow:0 0 0 3px var(--color-white);
	}

	/* IE11 폴백 — :focus-visible 미지원 환경에서는 :focus 로 ring 표시 */
	#idxRolling .rolling-toggle:focus {
		background-color:rgba(0,0,0,.8);
		background-color:var(--color-black-80);
		outline:none;
		box-shadow:0 0 0 3px #fff;
	}
	
	

	/* 재생 중 → 일시정지 아이콘 (두 개 세로 막대) */
	#idxRolling .rolling-toggle.is-playing::before,
	#idxRolling .rolling-toggle.is-playing::after {
		content:'';
		position:absolute;
		width:3px;
		height:12px;
		background-color:#fff;
		background-color:var(--color-white);	/* IE11 폴백 */
		background-color:var(--color-white);
		top:50%;
		transform:translateY(-50%);
	}
	#idxRolling .rolling-toggle.is-playing::before { left:13px; }
	#idxRolling .rolling-toggle.is-playing::after { right:13px; }

	/* 일시정지됨 → 재생 아이콘 (삼각형) */
	#idxRolling .rolling-toggle.is-paused::before {
		content:'';
		position:absolute;
		left:50%;
		top:50%;
		margin-left:-4px;
		margin-top:-6px;
		border-left:9px solid #fff;
		border-left:9px solid var(--color-white);	/* IE11 폴백 */
		border-left:9px solid var(--color-white);
		border-top:6px solid transparent;
		border-bottom:6px solid transparent;
	}

/* 접근성 — 모션 감소 환경설정 사용자는 정지 (WCAG 2.2 SC 2.3.3) */
@media (prefers-reduced-motion: reduce) {
	#idxRolling .rolling-track {
		animation:none !important;
		transform:none !important;
		margin-left:0 !important;
	}
}

/********** 갤러리 **********/
#idxGallery {
	display:block;
	width:100%;
}
	#idxGallery .gallery--frame {
		display:block;
		width:100%;
		position:relative;
	}
	
		#idxGallery .no-list {
			display:flex;
			justify-content:center;
			align-items:center;
			width:100%;
			min-height:320px;
			border-top:1px solid #ccc;
			border-top:1px solid var(--color-gray-light);
			border-bottom:1px solid #ccc;
			border-bottom:1px solid var(--color-gray-light);
		}
			#idxGallery .no-list .info-text {
				display:block;
				width:100%;
				font-family:'SEBANG_Gothic_Regular', sans-serif;
				font-weight:300;
				color:#000;
				color:var(--color-black);
				text-align:center;
			}
	
		#idxGallery .gallery--slide {
			display:block;
			width:100%;
		}
			#idxGallery .gallery--slide .slick-list {
				width:100%;
				height:100%;
			}
			
			#idxGallery .gallery--slide .slick-track { height:100%; }
			
				#idxGallery .gallery--slide .slide-item {
					display:block;
					width:auto;
				}
				
				#idxGallery .gallery--slide .gallery-link {
					position:relative;
					display:block;
					width:100%;
					border-radius:20px;
					overflow:hidden;
					transition:0.3s all ease-in-out;
				}

				#idxGallery .gallery--slide .gallery-link::before {
					content:'';
					position:absolute;
					left:0;
					bottom:0;
					z-index:1;
					width:0;
					height:0;
					background:linear-gradient(180deg, transparent 45%, #000 100%);
					background:linear-gradient(180deg, transparent 45%, var(--color-black) 100%);
				}

					#idxGallery .gallery--slide .gallery-link .image-box {
						display:block;
						width:100%;
						padding-top:75%;
					}
					
					#idxGallery .gallery--slide .gallery-link .text-box {
						position:absolute;
						left:0;
						bottom:30px;
						z-index:2;
						width:100%;
						padding:0 30px;
						font-family:'SEBANG_Gothic_Regular', sans-serif;
						font-size:1.21rem;
						font-size:var(--font-md-sm);
						font-weight:300;
						letter-spacing:-.6px;
						line-height:1.4;
						color:#000;
						color:var(--color-black);
						opacity:0;
					}
						#idxGallery .gallery--slide .gallery-link img {
							width:100%;
							height:100%;
							position:absolute;
							left:50%;
							top:50%;
							transform:translate(-50%, -50%);
							transition:0.3s all ease-in-out;
						}
						
				#idxGallery .gallery--slide .gallery-link:hover,
				#idxGallery .gallery--slide .gallery-link:focus { text-decoration:none; }

				#idxGallery .gallery--slide .gallery-link:hover::before,
				#idxGallery .gallery--slide .gallery-link:focus::before {
					width:100%;
					height:100%;
				}
					
					#idxGallery .gallery--slide .gallery-link:hover .text-box,
					#idxGallery .gallery--slide .gallery-link:focus .text-box {
						opacity:1;
						color:#fff;
						color:var(--color-white);
					}

/********** 천안여행 **********/
#idxTravel {
	display:block;
	width:100%;
}
		
	#idxTravel .inner-section--frame {
		display:flex;
		justify-content:center;
		align-items:center;
		position:relative;
		min-height:565px;
		padding-top:0;
		margin-top:70px;
		margin-bottom:70px;
	}

		#idxTravel .inner-inner--frame {
			position:relative;
			z-index:1;
			display:flex;
			justify-content:space-between;
			width:100%;
		}
			#idxTravel .text-description {
				display:block;
				width:50%;
			}
				#idxTravel .text-description .desc-item {
					display:block;
					width:100%;
					font-family:'Yeongwol', sans-serif;
					font-size:4rem;
					line-height:1.4;
					letter-spacing:-.6px;
					color:#fff;
					color:var(--color-white);
					color:var(--color-white-80);
				}

				#idxTravel .text-description .desc-item.item1 { font-size:2.7rem; }
				#idxTravel .text-description .desc-item.item2 { font-size:3.3rem; }
			
			#idxTravel .travel--frame {
				display:block;
				width:45%;
			}
				#idxTravel .travel--frame .travel-link--frame {
					display:flex;
					justify-content:flex-end;
					flex-wrap:wrap;
					width:100%;
				}
					#idxTravel .travel-link--frame .link-list {
						display:block;
						padding:25px 16px 16px 25px;
						background-color:transparent;
						border:2px solid #fff;
						border:2px solid var(--color-white);
						border-radius:20px;
						transition:0.3s all ease-in-out;
					}
					
					#idxTravel .travel-link--frame .link-list:hover,
					#idxTravel .travel-link--frame .link-list:focus {
						background-color:#fff;
						background-color:var(--color-white);
						text-decoration:none;
					}
					
						#idxTravel .travel-link--frame .link-list .link-title {
							display:block;
							width:100%;
							margin-bottom:40px;
							font-family:'SEBANG_Gothic_Regular', sans-serif;
							font-size:1.21rem;
							font-size:var(--font-md-sm);
							font-weight:300;
							color:#fff;
							color:var(--color-white);
						}

						#idxTravel .travel-link--frame .link-list:hover .link-title,
						#idxTravel .travel-link--frame .link-list:focus .link-title {
							color:#000;
							color:var(--color-black);
						}

						#idxTravel .travel-link--frame .link-list .link-figure {
							display:flex;
							justify-content:flex-end;
							width:100%;
						}
						
							#idxTravel .travel-link--frame .link-list .link-figure .icon {
								display:block;
								width:40px;
								height:40px;
								background-color:rgba(255,255,255,.8);
								background-color:var(--color-white-80);
								background-image:url('../../img/home/common/image_icon_newWindow_small.png');
								background-repeat:no-repeat;
								background-position:center center;
								border-radius:20px;
							}
		
		#idxTravel .travel-bgSlide--frame {
			display:block;
			width:100%;
			height:100%;
			position:absolute;
			left:0;
			top:0;
			z-index:0;
		}
			#idxTravel .travelBg--slide {
				display:block;
				width:100%;
				height:100%;
			}
				#idxTravel .travelBg--slide .slick-list {
					width:100%;
					height:100%;
				}
				
				#idxTravel .travelBg--slide .slick-track { height:100%; }
				
					#idxTravel .travelBg--slide .slide-item {
						display:block;
						width:100%;
					}
					
					#idxTravel .travelBg--slide .bg-box {
						display:block;
						width:100%;
						height:100%;
						background-repeat:no-repeat;
						background-position:right bottom;
						overflow:hidden;
					}
					
					#idxTravel .travelBg--slide .bg-box.bg1 { background-image:url('../../img/home/page/index/image_idxTravel_bgSlide_01.jpg'); }
					#idxTravel .travelBg--slide .bg-box.bg2 { background-image:url('../../img/home/page/index/image_idxTravel_bgSlide_02.jpg'); }
					#idxTravel .travelBg--slide .bg-box.bg3 { background-image:url('../../img/home/page/index/image_idxTravel_bgSlide_03.jpg'); }
					#idxTravel .travelBg--slide .bg-box.bg4 { background-image:url('../../img/home/page/index/image_idxTravel_bgSlide_04.jpg'); }
					#idxTravel .travelBg--slide .bg-box.bg5 { background-image:url('../../img/home/page/index/image_idxTravel_bgSlide_05.jpg'); }
					#idxTravel .travelBg--slide .bg-box.bg6 { background-image:url('../../img/home/page/index/image_idxTravel_bgSlide_06.jpg'); }
					#idxTravel .travelBg--slide .bg-box.bg7 { background-image:url('../../img/home/page/index/image_idxTravel_bgSlide_07.jpg'); }
					#idxTravel .travelBg--slide .bg-box.bg8 { background-image:url('../../img/home/page/index/image_idxTravel_bgSlide_08.jpg'); }

			#idxTravel .travelBg-slide--controller {
				display:flex;
				justify-content:flex-start;
				align-items:center;
				width:auto;
				position:absolute;
				z-index:101;
			}
				
				#idxTravel .travelBg-slide--controller .ctrl-btn:not(:last-of-type) { margin-right:10px; }
	
				
/********** 경기안내 — 마스코트 자동 슬라이드 **********/
#idxSchedule {
	display:block;
	width:100%;
}
	#idxSchedule .schedule--frame { display:block; width:100%; }

		#idxSchedule .schedule-slide--frame {
			position:relative;
			width:100%;
		}

		/* 슬라이드 */
		#idxSchedule .schedule--slide { width:100%; }
			#idxSchedule .schedule--slide .slide-item {
				display:block;
				width:auto;
				padding:0 10px;
				text-align:center;
				outline:0;
			}
				#idxSchedule .schedule--slide .slide-item .image-box {
					display:block;
					width:100%;
					min-height:140px; 
					margin-bottom:10px;
				}
					#idxSchedule .schedule--slide .slide-item .image-box img {
						max-width:100%;
						vertical-align:top;
					}

				#idxSchedule .schedule--slide .slide-item .text-box {
					display:block;
					width:100%;
					font-family:'SEBANG_Gothic_Regular', sans-serif;
					font-size:1rem;
					font-size:var(--font-base);
					color:#000;
					color:var(--color-black);                                              /* IE11 폴백 */
					color:var(--color-black);
					text-align:center;
				}

		/* 컨트롤러 — prev/next 슬라이드 양옆 absolute, counter+pause/resume 하단 중앙 */
		#idxSchedule .schedule-slide--controller {
			display:block;                                                  /* .idx_common_slideController 의 display:flex override */
		}

			/* 좌우 화살표 */
			#idxSchedule .schedule-slide--controller > .ctrl-btn.prev,
			#idxSchedule .schedule-slide--controller > .ctrl-btn.next {
				position:absolute;
				top:60px;                                                   /* image-box 세로 중심 부근 (이미지 사이즈 확정 후 조정) */
				z-index:10;
			}
			

			/* 하단 영역 — counter + pause/resume */
			#idxSchedule .schedule-slide--bottom {
				display:flex;
				justify-content:center;
				align-items:center;
				width:100%;
				margin-top:30px;
			}

				/* 넘버링 — 현재 / 프로그레스바 / 전체 */
				#idxSchedule .slide-counter {
					display:inline-flex;
					align-items:center;
					margin-right:15px;
				}
					#idxSchedule .slide-counter .current,
					#idxSchedule .slide-counter .total {
						display:inline-block;
						font-family:'SEBANG_Gothic_Regular', sans-serif;
						font-weight:600;
						font-size:1rem;
						font-size:var(--font-base);
						color:#000;
						color:var(--color-black);                                          /* IE11 폴백 */
						color:var(--color-black);
						min-width:1.5em;
						text-align:center;
					}
					#idxSchedule .slide-counter .current { margin-right:10px; }
					#idxSchedule .slide-counter .total   { margin-left:10px; }

					#idxSchedule .slide-counter .progress {
						display:inline-block;
						width:80px;
						height:2px;
						background-color:#ccc;
						background-color:var(--color-gray-light);                               /* IE11 폴백 */
						background-color:var(--color-gray-light);
						position:relative;
						overflow:hidden;
					}
						#idxSchedule .slide-counter .progress-bar {
							display:block;
							width:0%;
							height:100%;
							background:linear-gradient(90deg, #13489e 0%, #d44869 100%);                                                /* IE11 폴백 */
							background:linear-gradient(90deg, var(--color-primary) 0%, var(--color-secondary) 100%);
							transition:width 0.3s ease-in-out;
						}

				/* 하단 pause/resume — 인라인 */
				#idxSchedule .schedule-slide--bottom .ctrl-btn {
					display:inline-block;
					vertical-align:middle;
				}
				#idxSchedule .schedule-slide--bottom .ctrl-btn:not(:last-of-type) {
					margin-right:6px;
				}
	
/********** 메인 비주얼 (히어로) **********/
#idxVisual {
	display:block;
	width:100%;
}
	#idxVisual .inner-section--frame {
		padding:0;
		position:relative;
	}

	#idxVisual .visual--frame {
		position:relative;
		width:100%;
		min-height:600px;
		overflow:hidden;
	}

		#idxVisual .visual--slide,
		#idxVisual .visual--slide .slick-list,
		#idxVisual .visual--slide .slick-track {
			width:100%;
			height:100%;
		}

		#idxVisual .visual--slide .slide-item {
			position:relative;	/* .visual-slogan 의 absolute 기준점 */
			width:100%;
			height:600px;
		}
		
		#idxVisual .visual--slide .slide-item:focus-visible {
			outline:none;
			box-shadow:inset 0 0 0 3px #13489e;       /* inset 으로 — 전체화면 슬라이드라 외부 그림자가 잘려 보임 */
			box-shadow:inset 0 0 0 3px var(--color-primary);
		}

		#idxVisual .visual--slide .bg-box {
			width:100%;
			height:100%;
			background-repeat:no-repeat;
			background-position:right bottom;
		}
		#idxVisual .visual--slide .bg-box.bg1 { background-image:url('../../img/home/page/index/image_idx_vidual_01.png'); }
		#idxVisual .visual--slide .bg-box.bg2 { background-image:url('../../img/home/page/index/image_idx_vidual_02.png'); }
		#idxVisual .visual--slide .bg-box.bg3 { background-image:url('../../img/home/page/index/image_idx_vidual_03.png'); }

		/* 슬로건 — 영월(Yeongwol) 폰트 + 흰색 외곽선 10px */
		#idxVisual .visual-slogan {
			position:absolute;
			left:0;
			top:80px;
			z-index:5;
			display:flex;
			flex-direction:column;
			pointer-events:none;
		}
			#idxVisual .visual-slogan .text-line {
				display:block;
				font-family:'Yeongwol', sans-serif;
				font-size:4rem;
				line-height:1.2;
				color:#000;
				color:var(--color-black);	/* IE11 폴백 — 채움 검정 */
				color:var(--color-black);
				/* 흰색 외곽선 10px — text-shadow  */
				text-shadow: rgb(255, 255, 255) 10px 0px 0px, rgb(255, 255, 255) 9.95004px 0.998334px 0px, rgb(255, 255, 255) 9.80067px 1.98669px 0px, rgb(255, 255, 255) 9.55336px 2.9552px 0px, rgb(255, 255, 255) 9.21061px 3.89418px 0px, rgb(255, 255, 255) 8.77583px 4.79426px 0px, rgb(255, 255, 255) 8.25336px 5.64642px 0px, rgb(255, 255, 255) 7.64842px 6.44218px 0px, rgb(255, 255, 255) 6.96707px 7.17356px 0px, rgb(255, 255, 255) 6.2161px 7.83327px 0px, rgb(255, 255, 255) 5.40302px 8.41471px 0px, rgb(255, 255, 255) 4.53596px 8.91207px 0px, rgb(255, 255, 255) 3.62358px 9.32039px 0px, rgb(255, 255, 255) 2.67499px 9.63558px 0px, rgb(255, 255, 255) 1.69967px 9.8545px 0px, rgb(255, 255, 255) 0.707372px 9.97495px 0px, rgb(255, 255, 255) -0.291995px 9.99574px 0px, rgb(255, 255, 255) -1.28844px 9.91665px 0px, rgb(255, 255, 255) -2.27202px 9.73848px 0px, rgb(255, 255, 255) -3.2329px 9.463px 0px, rgb(255, 255, 255) -4.16147px 9.09297px 0px, rgb(255, 255, 255) -5.04846px 8.63209px 0px, rgb(255, 255, 255) -5.88501px 8.08496px 0px, rgb(255, 255, 255) -6.66276px 7.45705px 0px, rgb(255, 255, 255) -7.37394px 6.75463px 0px, rgb(255, 255, 255) -8.01144px 5.98472px 0px, rgb(255, 255, 255) -8.56889px 5.15501px 0px, rgb(255, 255, 255) -9.04072px 4.2738px 0px, rgb(255, 255, 255) -9.42222px 3.34988px 0px, rgb(255, 255, 255) -9.70958px 2.39249px 0px, rgb(255, 255, 255) -9.89993px 1.4112px 0px, rgb(255, 255, 255) -9.99135px 0.415807px 0px, rgb(255, 255, 255) -9.98295px -0.583741px 0px, rgb(255, 255, 255) -9.8748px -1.57746px 0px, rgb(255, 255, 255) -9.66798px -2.55541px 0px, rgb(255, 255, 255) -9.36457px -3.50783px 0px, rgb(255, 255, 255) -8.96758px -4.4252px 0px, rgb(255, 255, 255) -8.481px -5.29836px 0px, rgb(255, 255, 255) -7.90968px -6.11858px 0px, rgb(255, 255, 255) -7.25932px -6.87766px 0px, rgb(255, 255, 255) -6.53644px -7.56803px 0px, rgb(255, 255, 255) -5.74824px -8.18277px 0px, rgb(255, 255, 255) -4.90261px -8.71576px 0px, rgb(255, 255, 255) -4.00799px -9.16166px 0px, rgb(255, 255, 255) -3.07333px -9.51602px 0px, rgb(255, 255, 255) -2.10796px -9.7753px 0px, rgb(255, 255, 255) -1.12153px -9.93691px 0px, rgb(255, 255, 255) -0.123887px -9.99923px 0px, rgb(255, 255, 255) 0.87499px -9.96165px 0px, rgb(255, 255, 255) 1.86512px -9.82453px 0px, rgb(255, 255, 255) 2.83662px -9.58924px 0px, rgb(255, 255, 255) 3.77978px -9.25815px 0px, rgb(255, 255, 255) 4.68517px -8.83455px 0px, rgb(255, 255, 255) 5.54374px -8.32267px 0px, rgb(255, 255, 255) 6.34693px -7.72764px 0px, rgb(255, 255, 255) 7.0867px -7.0554px 0px, rgb(255, 255, 255) 7.75566px -6.31267px 0px, rgb(255, 255, 255) 8.34713px -5.50686px 0px, rgb(255, 255, 255) 8.8552px -4.64602px 0px, rgb(255, 255, 255) 9.27478px -3.73877px 0px, rgb(255, 255, 255) 9.6017px -2.79415px 0px, rgb(255, 255, 255) 9.83268px -1.82162px 0px, rgb(255, 255, 255) 9.96542px -0.830894px 0px;
			}

				#idxVisual .visual-slogan .text-line .color { font-family:'Yeongwol', sans-serif; color:#717171; }

			#idxVisual .visual-slogan .text-line.line2 {
				margin-top:12px;
				margin-left:100px;
				font-size:5.5rem;
			}

		/* 컨트롤러 + 넘버링 — 슬로건 아래 좌측 (absolute) */
		#idxVisual .visual-slide--controller {
			position:absolute;
			left:0;
			bottom:45%;
			z-index:5;
			display:flex;
			align-items:center;
		}

			#idxVisual .visual-slide--controller .slide-counter {
				display:inline-flex;
				align-items:center;
				margin:0 12px;
			}
				#idxVisual .visual-slide--controller .slide-counter .current,
				#idxVisual .visual-slide--controller .slide-counter .total {
					display:inline-block;
					font-family:'SEBANG_Gothic_Regular', sans-serif;
					font-weight:600;
					font-size:1rem;
					font-size:var(--font-base);
					color:#000;
					color:var(--color-black);	/* IE11 폴백 */
					color:var(--color-black);
					min-width:1.5em;
					text-align:center;
				}
				#idxVisual .visual-slide--controller .slide-counter .current { margin-right:10px; }
				#idxVisual .visual-slide--controller .slide-counter .total   { margin-left:10px; }

				#idxVisual .visual-slide--controller .slide-counter .progress {
					display:inline-block;
					width:60px;
					height:2px;
					background-color:#ccc;
					background-color:var(--color-gray-light);	/* IE11 폴백 */
					background-color:var(--color-gray-light);
					position:relative;
					overflow:hidden;
				}
					#idxVisual .visual-slide--controller .slide-counter .progress-bar {
						display:block;
						width:0%;
						height:100%;
						background:linear-gradient(90deg, #13489e 0%, #d44869 100%);	/* IE11 폴백 */
						background:linear-gradient(90deg, var(--color-primary) 0%, var(--color-secondary) 100%);
						transition:width 0.3s ease-in-out;
					}

	/* D-Day 카드 — 좌하단 absolute */
	#idxVisual .d-day {
		position:absolute;
		left:0;
		bottom:0;
		z-index:5;
		width:auto;
		padding:0;
	}
	#idxVisual .d-day.cmn-grad-border { border-radius:20px; }
	#idxVisual .d-day.cmn-grad-border::before { border-radius:17px; }

		#idxVisual .d-day .d-day--inner {
			display:flex;
			align-items:center;
			width:auto;
			padding:30px 35px 25px 35px;
			position:relative;
		}

		#idxVisual .d-day-badge {
			display:inline-block;
			padding:20px 32px;
			background:linear-gradient(90deg, #13489e 0%, #d44869 100%);	/* IE11 폴백 */
			background:linear-gradient(90deg, var(--color-primary) 0%, var(--color-secondary) 100%);
			border-radius:32px 32px 32px 0;
			font-family:'SEBANG_Gothic_Bold', sans-serif;
			font-size:1.5rem;
			font-size:var(--font-lg);
			color:#fff;
			color:var(--color-white);	/* IE11 폴백 */
			color:var(--color-white);
			letter-spacing:0.5px;
			position:absolute;
			left:0;
			top:-28px;
		}
			#idxVisual .d-day-badge .d-day-num { font-family:'SEBANG_Gothic_Bold', sans-serif; }
			
		#idxVisual .d-day-info {
			display:flex;
			flex-direction:column;
			margin-top:20px;
			padding-right:110px;
		}
			#idxVisual .d-day-info .title { display:block; }

				#idxVisual .d-day-info .title .block {
					display:block;
					width:100%;
					font-family:'SEBANG_Gothic_Regular', sans-serif;
					font-size:1.21rem;
					font-size:var(--font-md-sm);
					color:#000;
					color:var(--color-black);	/* IE11 폴백 */
					color:var(--color-black);
					line-height:1.4;
					letter-spacing:-0.4px;
				}

				#idxVisual .d-day-info .title .block:nth-of-type(2) {
					font-size:1.5rem;
					font-size:var(--font-lg);
				}


			#idxVisual .d-day-info .date {
				display:block;
				margin-top:10px;
				font-family:'SEBANG_Gothic_Bold', sans-serif;
				font-size:1.7rem;
				color:#13489e;
				color:var(--color-primary);	/* IE11 폴백 */
				color:var(--color-primary);
			}
		#idxVisual .d-day-image {
			position:absolute;
			right:20px;
			bottom:20px;
			width:124px;
			height:204px;
			background-image:url('../../img/home/page/index/image_idx_d_day_mascot.png');
			background-repeat:no-repeat;
			background-position:center center;
			background-size:contain;
		}


/********** responsive - start **********/
/* Mobile */
@media screen and (min-width:1px) and (max-width:639px) {
	/********** 공통 **********/
	.layout-container { background-color:#fff; background-color:var(--color-white); }

	/********** 메인 비주얼 (히어로) — 모바일 **********/
	#idxVisual .visual--frame { height:100%; }
	#idxVisual .visual--slide .slide-item { height:100%; }
	#idxVisual .visual--slide .bg-box {
		padding-top:100%;
		background-size:90%;
		background-position:center bottom;
	}

	/* 슬로건 — 가운데 정렬, 사이즈 축소 */
	#idxVisual .visual-slogan {
		left:0;
		top:50px;
		width:100%;
		text-align:center;
	}
		#idxVisual .visual-slogan .text-line {
			font-size:3.5rem;
			line-height:1.2;
			text-shadow: rgb(255, 255, 255) 5px 0px 0px, rgb(255, 255, 255) 4.90033px 0.993347px 0px, rgb(255, 255, 255) 4.60531px 1.94709px 0px, rgb(255, 255, 255) 4.12668px 2.82321px 0px, rgb(255, 255, 255) 3.48353px 3.58678px 0px, rgb(255, 255, 255) 2.70151px 4.20736px 0px, rgb(255, 255, 255) 1.81179px 4.6602px 0px, rgb(255, 255, 255) 0.849836px 4.92725px 0px, rgb(255, 255, 255) -0.145998px 4.99787px 0px, rgb(255, 255, 255) -1.13601px 4.86924px 0px, rgb(255, 255, 255) -2.08073px 4.54649px 0px, rgb(255, 255, 255) -2.94251px 4.04248px 0px, rgb(255, 255, 255) -3.68697px 3.37732px 0px, rgb(255, 255, 255) -4.28444px 2.57751px 0px, rgb(255, 255, 255) -4.71111px 1.67494px 0px, rgb(255, 255, 255) -4.94996px 0.7056px 0px, rgb(255, 255, 255) -4.99147px -0.291871px 0px, rgb(255, 255, 255) -4.83399px -1.27771px 0px, rgb(255, 255, 255) -4.48379px -2.2126px 0px, rgb(255, 255, 255) -3.95484px -3.05929px 0px, rgb(255, 255, 255) -3.26822px -3.78401px 0px, rgb(255, 255, 255) -2.4513px -4.35788px 0px, rgb(255, 255, 255) -1.53666px -4.75801px 0px, rgb(255, 255, 255) -0.560763px -4.96845px 0px, rgb(255, 255, 255) 0.437495px -4.98082px 0px, rgb(255, 255, 255) 1.41831px -4.79462px 0px, rgb(255, 255, 255) 2.34258px -4.41727px 0px, rgb(255, 255, 255) 3.17346px -3.86382px 0px, rgb(255, 255, 255) 3.87783px -3.15633px 0px, rgb(255, 255, 255) 4.4276px -2.32301px 0px, rgb(255, 255, 255) 4.80085px -1.39708px 0px, rgb(255, 255, 255) 4.98271px -0.415447px 0px;
		}

			#idxVisual .visual-slogan .text-line .color { display:inline; }

		#idxVisual .visual-slogan .text-line.line2 {
			margin-left:0;
			margin-top:0;
			font-size:3.5rem;
		}

	/* 컨트롤러 — 슬라이드 하단 가운데 (좌측 absolute 해제) */
	#idxVisual .visual-slide--controller {
		left:50%;
		bottom:30px;
		justify-content:center;
		margin-top:0;
		transform:translateX(-50%);
	}

	/* D-Day — absolute 해제 → 별도 블록, 슬라이드 아래 */
	#idxVisual .d-day {
		position:relative;
		left:auto;
		bottom:auto;
		margin-top:60px;
	}
		#idxVisual .d-day .d-day--inner {
			padding:25px 25px 20px;
			justify-content:space-between;
		}

	/********** 경기안내 — 모바일 (큰 카드 + 그라데이션 보더) **********/
	#idxSchedule .inner-section--frame { position:relative; }
	#idxSchedule .schedule-slide--frame { padding:0 20px; }

	/* 슬라이드 큰 카드 — 그라데이션 보더 */
	#idxSchedule .schedule--slide .slide-item {
		position:relative;
		margin:0;
		padding:3px;
		background:#13489e;
		background:var(--color-primary);	/* IE9 폴백 */
		background:linear-gradient(45deg, #13489e 0%, #d44869 100%);	/* IE10+ 폴백 */
		background:linear-gradient(45deg, var(--color-primary) 0%, var(--color-secondary) 100%);
		border-radius:10px;
	}
	#idxSchedule .schedule--slide .slide-item::before {
		content:'';
		position:absolute;
		top:3px; left:3px; right:3px; bottom:3px;
		background:#fff;
		background:var(--color-white);	/* IE11 폴백 */
		background:var(--color-white);
		border-radius:8px;
	}
	#idxSchedule .schedule--slide .slide-item > * {
		position:relative;
		z-index:1;
	}
	#idxSchedule .schedule--slide .slide-item .image-box {
		padding:20px;
		text-align:center;
	}
		#idxSchedule .schedule--slide .slide-item .image-box img {
			margin-left:auto;
			margin-right:auto;
		}
		
	#idxSchedule .schedule--slide .slide-item .text-box {
		padding:0 0 30px;
		font-size:1.2rem;
		font-size:var(--font-md-sm);
		font-weight:600;
	}

	/* 컨트롤러 — 모바일: prev/next absolute 해제, 슬라이드 위 한 줄로 재배치 */
	#idxSchedule .schedule-slide--controller {
		display:flex;
		flex-direction:column;
		margin-top:0;
	}
		#idxSchedule .schedule-slide--controller .ctrl-btn.prev,
		#idxSchedule .schedule-slide--controller .ctrl-btn.next {
			position:static;
			top:auto;
		}
		
		#idxSchedule .schedule-slide--bottom {
			order:0;
			margin:0 0 20px;
			justify-content:space-between;
			flex-wrap:wrap;
			align-items:center;
		}
			#idxSchedule .schedule-slide--bottom .slide-counter { margin-right:auto; }
			#idxSchedule .schedule-slide--bottom .more-btn {
				position:absolute;
				left:50%;
				transform:translateX(-50%);
				bottom:-70px;
			}

	/********** common title design **********/
	.cmn-section-title { font-size:1.45rem; }
	
	/********** 공통 - 컨트롤러 디자인 **********/
	.container-section .more-btn--frame {
		display:flex;
		justify-content:center;
		margin-top:30px;
		width:100%;
	}	
	
	#idxPromotion .video--frame #promotionVideoPC { display:none; }
	#idxPromotion .video--frame #promotionVideoMob { display:block; }
	
	/********** 바로가기 링크 **********/
	#idxShortcut .shortcut-list--frame .list-item {
		flex:0 1 auto;
		width:100%;
	}

	#idxShortcut .shortcut-list--frame .list-item:not(:last-of-type) {
		margin-bottom:20px;
	}

		#idxShortcut .shortcut-list--frame .list-item .title {
			padding-top:0;
			padding-left:0;
			background-image:none;
		}

		#idxShortcut .shortcut-list--frame .item-time { font-size:1.15rem; }

	/********** 공지사항 & 대회뉴스 **********/
	#idxNews .news-area .news-tab--contanier {
		width:100%;
		justify-content:center;
	}

		#idxNews .news-area .tab-list:not(:last-of-type) { margin-right:10px; }
			
			#idxNews .news-area .tab-list .tab-link {
				padding:10px; 
			}
		
			#idxNews .news-area .tab-list .tab-link.current {
				background-color:transparent;
				color: #13489e;
				color:var(--color-primary);
				color: var(--color-primary);
			}

			#idxNews .news-area .tab-list .tab-link:hover,
			#idxNews .news-area .tab-list .tab-link:focus {
				background-color:transparent;
				color:#000;
				color:var(--color-black);										/* ie11 폴백 */
				color:var(--color-black);						/* 모던 */
			}
	
	/********** 경기일정 **********/
	#idxSchedule .schedule-list--frame {
		flex-wrap:wrap;
		width:100%;
		height:600px;
		margin-right:30px;
		padding-left:30px;
		padding-right:10px;
		overflow-y:auto;
	}	
	
	/********** floating 바로가기 **********/	
	.floating-section {
		right:0px;
		bottom:0px;
		width:100%;
		padding:0;
		border-radius:0;
	}

		.floating-section .icon-list.cmn-grad-border { background:none; }
		.floating-section .icon-list.cmn-grad-border::before {
			content:none;
			display:none;
			all: unset;
		}

			.floating-section .logo-image, 
			.floating-section .mascot-image { display:none; }

			.floating-section .link-frame {
				flex-direction:row;
				gap:0;
			}

				.floating-section .icon-list {
					flex:1;
					width:auto;
					padding:17px 0 10px 0;
					border-radius:0px;
					color:#fff;
					color:var(--color-white);	/* IE11 폴백 */
					color:var(--color-white);
				}
					.floating-section .icon-list .text-box { 
						color:#fff;
						color:var(--color-white);					/* ie11 대응 */
						color:var(--color-white);	/* 모던 */
					}
					.floating-section .icon-list:not(:last-of-type) .text-box { 
						border-right:1px solid rgba(255,255,255,.3);	/* ie11 대응 */
						border-right:1px solid var(--color-white-30);	/* 모던 */
					}
				
}

/* Mobile & Tablet */
@media screen and (min-width:1px) and (max-width:1316px) {
	/********** common layout design **********/
	.inner-section--frame { padding:60px 0; }
	
	/********** common title design **********/	
	.cmn-title--frame { text-align:center; }

		.cmn-section-title { font-size:1.9rem; }
	
	/********** 공통 - 컨트롤러 디자인 **********/	
	.idx_common_slideController {
		justify-content:center;
		margin-top:30px;
	}
			
	/********** 레이어 팝업 **********/
	.layer-popup { left:auto !important; }
		
	/********** 비주얼 **********/	
	#idxVisual .inner-section--frame {
		padding-left:30px;
		padding-right:30px;
	}
	
	/********** 바로가기 링크 **********/
	#idxShortcut .shortcut-list--frame {
		padding-left:30px;
		padding-right:30px;
	}
	
	/********** 공지사항 & 대회뉴스 **********/
	#idxNews .news-area .tab-content--frame {
		width:100%;
		padding-top:25px;
	}

		#idxNews .news-area .tab-list .tab-link { font-size:1.21rem; }	
	
		#idxNews .news-area .no-list {
			padding:0 30px;
			border:0px;
		}
			#idxNews .news-area .no-list .info-text {
				height:100%;
				border:1px solid #ccc;
				border:1px solid var(--color-gray-light);
				padding:50px 0;
				font-size:1rem;
			}
		
		#idxNews .news-area .idx-textBaord--frame {
			overflow-x:auto;
			padding-right:30px;
			padding-left:30px;
		}
		
		#idxNews .news-area .textBoard-list { min-width:300px; }
	
	/********** 갤러리 **********/
	#idxGallery .gallery--frame {
		padding-left:30px;
		padding-right:30px;
	}
	
		#idxGallery .gallery--slide { margin-top:30px; }
		
		#idxGallery .gallery--frame .gallery-slide--controller { margin-top:0px; }
		
		#idxGallery .no-list {
			padding:0 30px;
			border:0px;
		}
			#idxGallery .no-list .info-text {
				border:1px solid #ccc;
				border:1px solid var(--color-gray-light);
				padding:50px 0;
				font-size:1rem;
			}
		
	/********** 천안여행 **********/
	#idxTravel { margin-top:30px; }
	
		#idxTravel .inner-section--frame { margin:0; padding-bottom:0; }

			#idxTravel .travelBg--slide { height:100%; }		

			#idxTravel .inner-inner--frame {
				flex-wrap:wrap;
				padding:55px 55px 100px 55px;
			}

				#idxTravel .text-description {
					width:100%;
					margin-bottom:30px;
				}

					#idxTravel .text-description .desc-item { text-align:center; }
					#idxTravel .text-description .desc-item.item1 { font-size:2.4rem; }
					#idxTravel .text-description .desc-item.item2 { font-size:2.9rem; }

				
				#idxTravel .travel--frame {
					width:100%;
					max-width:500px;
					margin-left:auto;
					margin-right:auto;
				}

				#idxTravel .travel--frame .travel-link--frame {
					display:flex;
					justify-content:center;
					flex-wrap:wrap;
					width:100%;
				}

					#idxTravel .travel--frame .travel-link--frame .link-list { width:49%; }
					#idxTravel .travel--frame .travel-link--frame .link-list:nth-of-type(odd) { margin-right:2%; }
					#idxTravel .travel--frame .travel-link--frame .link-list:nth-of-type(n+3) { margin-top:15px; }

				
				#idxTravel .travelBg-slide--controller {
					left:50%;
					bottom:20px;
					transform:translateX(-50%);
				}
				
				#idxTravel .travel-bgSlide--frame .bg-box {
					background-size:cover;
					background-position:center center;
				}
	#idxPromotion .promotion--frame {
		padding-left:30px;
		padding-right:30px;
	}
	
}

/* Tablet */
@media screen and (max-width:1000px) {
	/********** 대회 홍보영상 **********/
	#idxPromotion .video-area { width:100%; }

		#idxPromotion .video-area .video--frame {
			height:auto;
			padding-top:56.25%;
		}

	/********** 알림창 **********/
	#idxPromotion .pop-area {
		width:100%;
		padding-top:60px;
	}
		#idxPromotion .banner-slide--controller {
			margin-top:0;
			margin-bottom:25px;
		}
}

/* Tablet */
@media screen and (min-width:1001px) and (max-width:1316px) {
	#idxPromotion .promotion--frame .cmn-section-title { text-align:left; }

		#idxPromotion .pop-area { position:relative; }

		#idxPromotion .banner-slide--controller {
			position:absolute;
			right:0;
			top:0;
			margin-top:0;
		}
}


/* Tablet */
@media screen and (min-width:640px) and (max-width:1000px) {
	/********** 갤러리 **********/
	#idxGallery .gallery--slide .slide-item { width:49%; }

	#idxGallery .gallery--slide .slide-item:nth-of-type(odd) { margin-right:2%; }
	#idxGallery .gallery--slide .slide-item:nth-of-type(n+3) { margin-top:20px;; }
}

/* Tablet */
@media screen and (min-width:640px) and (max-width:1316px) {
	/********** 공지사항 & 대회뉴스 **********/
	#idxNews .news-area .news-tab--contanier { padding-left:30px; }

		#idxNews .news-area .tab-list .tab-link {
			padding:10px;
			font-size:1.21rem;						/* ie11 폴백 */
			font-size:var(--font-md-sm);			/* 모던 */
		}
		#idxNews .news-area .tab-list .tab-link:not(:last-of-type) { margin-right:10px; }
	
	.container-section .more-btn--frame { right:30px; }

	/********** 천안여행 **********/
	#idxGallery .more-btn--frame {
		top:auto;
		bottom:-70px;
		right:50%;
		margin-right:-22px;
	}	
		
	/********** 메인 영상 부분 **********/
	#idxVideo .d-day {
		left:30px;
		top:130px;
	}
	
	/********** 경기일정 **********/
	#idxSchedule .laypop-stadium-info--frame .laypop-inner--frame {
		padding-left:30px;
		padding-right:30px;
	}
}

/* Tablet & PC */
@media screen and (min-width:640px) {
	/********** 공통 - 컨트롤러 디자인 **********/
	.container-section .more-btn--frame {
		position:absolute;
		top:0px;
	}
	
	#idxPromotion .video--frame #promotionVideoPC { display:block; }
	#idxPromotion .video--frame #promotionVideoMob { display:none; }
	
	/********** 바로가기 링크 **********/
	#idxShortcut .shortcut-list--frame .list-item { width:32%; }
	#idxShortcut .shortcut-list--frame .list-item:not(:last-of-type) { margin-right:2%; }
	
	/********** 공지사항 & 대회뉴스 **********/
	#idxNews .news-area .no-list .info-text { font-size:1.5rem; }
	
	/********** 갤러리 **********/
	#idxGallery .gallery--slide {
		display:flex;
		justify-content:flex-start;
		flex-wrap:wrap;
		width:100%;
	}
	
	#idxGallery .gallery--frame .gallery-slide--controller { display:none; }
	
	#idxGallery .no-list .info-text { font-size:1.5rem; }
	
	/********** 경기일정 **********/
	#idxSchedule .schedule-slide--controller {
		width:100%;
		height:100%;
		position:relative;
	}
		#idxSchedule .schedule-slide--controller .ctrl-btn.prev,
		#idxSchedule .schedule-slide--controller .ctrl-btn.next	{
			position:absolute;
			z-index:105;
			top:-143px;
		}

		#idxSchedule .schedule-slide--controller .ctrl-btn.prev { left:0; }
		#idxSchedule .schedule-slide--controller .ctrl-btn.next { right:0; }

		#idxSchedule .schedule-slide--bottom {
			position:absolute;
			left:0;
			bottom:-250px;
		}

	
	/********** 따라다니는 아이콘 **********/
	.floating-section {
		right:15px;
		bottom:70px;
	}
}

/* PC */
@media screen and (min-width:1001px) {
	/********** 대회 홍보영상 **********/
	#idxPromotion .video-area { width:58.8%; }

	/********** 알림창 **********/
	#idxPromotion .pop-area { width:36.8%; }

	/********** 갤러리 **********/
	#idxGallery .gallery--slide .slide-item { width:24.25%; }	
	#idxGallery .gallery--slide .slide-item:not(:last-of-type) { margin-right:1%; }
}

/* PC */
@media screen and (min-width:1317px) {
	/********** 공통 **********/
	.inner-section--frame { 
		width:100%;
		margin-left:auto;
		margin-right:auto;
		padding:115px 0 0 0;
	}
	
	/********** 공통 - 컨트롤러 디자인 **********/
	.idx_common_slideController { position:absolute; }
	
	/********** common title design **********/
	.cmn-section-title { font-size:2.25rem; }
	
	.container-section .more-btn--frame { right:0px; }
	
	/********** 경기안내 **********/
	#idxSchedule .schedule-slide--controller .ctrl-btn.prev { left:-22px; }
	#idxSchedule .schedule-slide--controller .ctrl-btn.next { right:-22px; }

	/********** 롤링배너 **********/
	#idxRolling { margin-top:115px; }

	/********** 공지사항 & 대회뉴스 **********/
	#idxNews .news-area .news-tab--contanier {
		width:266px;
		margin-right:50px;
	}
		#idxNews .news-area .tab-list { width:100%; }		
		#idxNews .news-area .tab-list:not(:last-of-type) { margin-bottom:15px; }
		
			#idxNews .news-area .tab-list .tab-link {
				padding:0 20px;
				background-image:url('../../img/home/page/index/image_idx_news_arrow_pc.png');
				background-repeat:no-repeat;
				background-position:90% center;
				font-size:1.31rem;						/* ie11 폴백 */
				font-size:var(--font-md);				/* 모던 */
			}

				#idxNews .news-area .tab-list .tab-link.current { padding:20px; }

			#idxNews .news-area .tab-list .tab-link:hover,
			#idxNews .news-area .tab-list .tab-link:focus { padding:20px; }

	#idxNews .news-area .tab-content--frame { width:calc(100% - 316px); }

		#idxNews .news-area .more-btn--frame { top:-67px; }

	/********** 배너 **********/	
	#idxPromotion .pop-area {
		position:relative;
	}
	
		#idxPromotion .pop-area .banner--slide .slide-item .mob-size { display:none; }
		#idxPromotion .pop-area .banner--slide .slide-item .pc-size { display:block; }
	
		#idxPromotion .pop-area .banner-slide--controller {
			position:absolute;
			right:0;
			top:0;
		}
	
	/********** 갤러리 **********/
	#idxGallery { padding-top:100px; }
	#idxGallery .gallery--frame .more-btn--frame { top:-58px; }
	
	#idxGallery .gallery--frame .gallery-slide--controller {
		position:absolute;
		top:-58px;
		right:35px;
	}
	
		#idxGallery .no-list {
			padding-top:100px;
			padding-bottom:100px;
		}

	/********** 천안여행 **********/
	#idxTravel .travel-link--frame .link-list { width:32%; }
	#idxTravel .travel-link--frame .link-list:not(:last-of-type) { margin-right:2%; }
	#idxTravel .travel-link--frame .link-list:nth-of-type(3n) { margin-right:0px; }
	#idxTravel .travel-link--frame .link-list:nth-of-type(n+4) { margin-top:20px; }

	#idxTravel .travel-bgSlide--frame { 
		margin-left:auto;
		margin-right:auto;
	}
	
		#idxTravel .travelBg--slide .bg-box { border-radius:20px; }
}

/* PC */
@media screen and (min-width:1317px) and (max-width:1516px) {
	/********** 공통 **********/
	.inner-section--frame { max-width:1300px; }

	/********** 천안여행 **********/
	#idxTravel .travel-bgSlide--frame { max-width:1300px; }
		
		#idxTravel .inner-inner--frame {
			padding-left:50px;
			padding-right:50px;
		}
	
		#idxTravel .travelBg-slide--controller {
			left:50px;
			bottom:50px;
		}

	
}

/* PC */
@media screen and (min-width:1517px) {
	/********** 공통 **********/
	.inner-section--frame { max-width:1500px; }


	/********** 천안여행 **********/
	#idxTravel .travel-bgSlide--frame { max-width:1500px; }

		#idxTravel .inner-inner--frame {
			padding-left:100px;
			padding-right:100px;
		}

	#idxTravel .travelBg-slide--controller {
		left:100px;
		bottom:100px;
	}
	
}




/**********  responsive - end **********/