@charset "utf-8";

/* 새로 추가된 섹션들을 위한 스타일 */
.site-intro {
	background: linear-gradient(135deg, #e49c12 0%, #fcba3b 100%);
	color: white;
	padding: 15px 20px;
	border-radius: 8px;
	text-align: center;
}

.site-intro h1 {
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 15px;
	text-shadow: 0 2px 4px rgba(0,0,0,0.3);
}

.intro-content {
	background: #fff;
	padding:15px;
	margin: 20px 0;
	border-radius: 8px;
	box-shadow: 0 2px 10px rgba(0,0,0,0.1);
	border-left: 4px solid #e49c12;
}

.intro-content img {
	width: 100%;
	height: auto;
	border-radius: 8px;
	box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}

.intro-content p {
	font-size: 16px;
	line-height: 1.6;
	color: #333;
	margin: 0;
}

.history-section {
	background: #f8f9fa;
	padding:15px 30px;
	margin: 0 0 10px;
	border-radius: 8px;
	border: 1px solid #e9ecef;
}

.history-section h2 {
	color: #e49c12;
	font-size: 24px;
	font-weight: 700;
	margin-top: 0px;
	margin-bottom: 15px;
	border-bottom: 2px solid #e49c12;
	padding-bottom: 10px;
}

.history-section p {
	font-size: 15px;
	line-height: 1.6;
	color: #555;
	margin: 0;
}
/*메인탭 부분*/
.bb { border:1px solid #f1f3f5;  border-top: 0px; margin-bottom: 15px;}
.bb-tabs { display:table; width:100%; table-layout:fixed; border-collapse:collapse; margin:0 0 10px; }
.bb-tabs a { display:block; text-align:center; padding:10px 0;  background:#fafafa; border:1px solid #eee; font-weight:bold; color:#444; cursor:pointer; font-size: 13px;}
.bb-tabs a.on { background:#f59e0b; border-bottom-color:#fff; color:#fff; }
.bb-tabs .bb-tab { display:table-cell; vertical-align:middle; }

/* 리스트 2열 */
.bb-list { display:flex; gap:40px; padding: 0 18px; overflow: hidden; }
.bb-col { flex:1 1 50%; min-width: 0; overflow: hidden; }
.bb-item { display:flex; align-items:center; gap:10px; padding:7px 0; min-width: 0; overflow: hidden; }
.bb-badge { display:inline-block; background-color: #e49c12; color:#fff; padding:2px 5px; border-radius:3px; font-weight:bold; font-size:12px; flex-shrink: 0; }
.bb-link { color:#333; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; display: block; }
.bb-link:hover { text-decoration:underline; }
.main-banner { margin-top:10px; }
.main-banner img { width:100%; }


.partner-section { margin-top:10px; }
.partner-board { margin:0 0 10px; }
.partner-head { display:flex; justify-content:space-between; align-items:center; padding:10px 6px; border-top:1px solid #111; border-bottom:1px solid #e5e8eb; }
.partner-head h3 { margin:0; font-size:15px; font-weight:700; }
.partner-head .add { color:#333; }
.partner-cols { display:flex; gap:30px; overflow: hidden; }
.partner-col { flex:1 1 50%; min-width: 0; overflow: hidden; }
.partner-item { display:flex; align-items:center; gap:12px; padding:10px 6px; border-bottom:1px solid #f2f4f6; min-width: 0; overflow: hidden; }
.badge-cert { display:inline-block; background:#1976d2; color:#fff; padding:6px 10px; border-radius:3px; font-weight:700; flex-shrink: 0; }
.partner-link { color:#333; flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; display: block; }
.partner-link:hover { text-decoration:underline; }

/* 시즌3 소개 섹션 */
.season3-section { margin:30px 0 10px; }
.season3-section .lead { font-size:16px; line-height:1.7; color:#333; }
.season3-nav { display:flex; flex-wrap:wrap; gap:8px; margin:15px 0 20px; }
.season3-nav a { display:inline-block; padding:6px 10px; border:1px solid #e5e5e5; border-radius:4px; color:#fff; text-decoration:none; background:#f59e0b; }
.season3-grid { display:grid; grid-template-columns:1fr; gap:16px; }
.season3-card { border:1px solid #eee; border-radius:6px; background:#fff; padding:16px; margin-bottom:10px; }
.season3-card h3 { margin-top:0; font-size:18px; }
.season3-card p { margin-bottom:8px; }
.season3-kv { display:grid; grid-template-columns:1fr; gap:12px; }
.season3-kv .kv { background:#f8fafc; border:1px solid #eef2f7; border-radius:6px; padding:12px; }
.season3-note { font-size:13px; color:#666; }
@media (min-width: 768px){
	.season3-grid { grid-template-columns:1fr 1fr; }
	.season3-kv { grid-template-columns:1fr 1fr 1fr; }
}
/* 알림 티커 */
.notice-ticker { border:1px solid #eef2f7; background:#fff; border-radius:6px; }
.notice-ticker .ticker-head { background: #f8f9fb; display:flex; align-items:center; justify-content:space-between; padding:8px 10px; border-bottom:1px solid #f1f5f9; }
.notice-ticker .ticker-head strong { font-size:14px; color:#0f172a; }
.notice-ticker .ticker-head .more { font-size:12px; color:#64748b; text-decoration:none; }
.notice-ticker .ticker-body { padding:0 10px; position:relative; }
/* 상하 그라데이션 마스크로 자연스러운 페이드 효과 */
.notice-ticker .ticker-body { -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1) 8px, rgba(0,0,0,1) calc(100% - 8px), rgba(0,0,0,0)); mask-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1) 8px, rgba(0,0,0,1) calc(100% - 8px), rgba(0,0,0,0)); }
.notice-ticker .ticker-list { list-style:none; margin:0; padding:0; height:36px; overflow:hidden; will-change: transform; }
.notice-ticker .ticker-list li { height:36px; line-height:36px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.notice-ticker .ticker-list a { display:block; color:#334155; text-decoration:none; }
.notice-ticker .ticker-list a:hover { color:#0ea5e9; }

/* 빠른 링크 */
.widget-link-box { margin-top:10px; }
.quick-links { display:grid; grid-template-columns:1fr 1fr; gap:6px; }
.quick-links a { display:block; padding:10px; border:1px solid #eef2f7; border-radius:6px; background:#f59e0b; text-align:center; text-decoration:none; color:#fff; font-size:14px; }
.quick-links a:hover { border-color:#cbd5e1; color:#0ea5e9; }
.faq-container {
	background: #fff;
	border-radius: 8px;
	overflow: hidden;
}

.faq-item {
	border-bottom: 1px solid #f0f0f0;
}

.faq-item:last-child {
	border-bottom: none;
}

.faq-question {
	display: flex;
	align-items: center;
	padding: 15px 20px;
	background: #f8f9fa;
	cursor: pointer;
	transition: all 0.3s ease;
	position: relative;
}

.faq-question:hover {
	background: #e9ecef;
}

.faq-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	background: #e49c12;
	color: white;
	border-radius: 50%;
	font-size: 12px;
	font-weight: bold;
	margin-right: 12px;
	flex-shrink: 0;
}

.faq-text {
	flex: 1;
	font-weight: 500;
	color: #333;
	font-size: 14px;
	font-family: inherit;
}

.faq-toggle {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	background: #e49c12;
	color: white;
	border-radius: 50%;
	font-size: 12px;
	font-weight: bold;
	transition: transform 0.3s ease;
}

.faq-answer {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease;
}

.faq-content {
	padding: 20px;
	background: #fff;
	color: #666;
	line-height: 1.6;
	font-size: 14px;
	font-family: inherit;
}

.faq-item.active .faq-question {
	background: #e3f2fd;
}

.faq-item.active .faq-toggle {
	transform: rotate(45deg);
	background: #1976d2;
}

.faq-item.active .faq-answer {
	max-height: 200px;
}

.faq-more {
	padding: 15px 20px;
	text-align: center;
	background: #f8f9fa;
	border-top: 1px solid #e9ecef;
}

.faq-more-link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	color: #e49c12;
	text-decoration: none;
	font-weight: 500;
	font-size: 14px;
	font-family: inherit;
	transition: color 0.3s ease;
}

.faq-more-link:hover {
	color: #1976d2;
	text-decoration: none;
}

/* 스포츠랭킹 최적화 */
.tab-parent {
	display: flex;
	text-align: center;
	flex-direction: row;
	align-items: center;
	margin-top: 5px;
	margin-bottom: 5px;
}
.tab-parent img { width:14px; margin:0 auto; }
.latest_sports { display:none; }
.sports-tab {
	width: 19%;
	height: 31px;
	margin-right: 7px;
	font-size: 12px;
	border:0px;
	border-radius: 5px;
	cursor: pointer;
	display: inline-block;
	transition: background-color 0.3s ease;
}

.sports-tab.active { background:#272a35; color:#fff; }
.title_div_short {
	background:#e49c12;
	font-size: 14px;
	padding: 7px 20px !important;    
}

/* 모바일 최적화 */
@media (max-width: 768px) {
	.faq-question {
		padding: 12px 15px;
	}

	.faq-content {
		padding: 15px;
	}

	.faq-text {
		font-size: 13px;
	}

	.faq-content {
		font-size: 13px;
	}
}

@media (max-width: 480px) {
	.faq-question {
		padding: 10px 12px;
	}

	.faq-content {
		padding: 12px;
	}

	.faq-icon {
		width: 20px;
		height: 20px;
		font-size: 11px;
		margin-right: 10px;
	}

	.faq-toggle {
		width: 18px;
		height: 18px;
		font-size: 11px;
	}
}