@charset "utf-8";
/* SPORTS FOR ALL - 탭 피처 페이지 전용 스타일 */
.w2w .w2w__header--top { padding-bottom: 28px; }
.w2w .w2w__header--panel { padding-top: 48px; }
/* 공통 인트로 본문 */
.w2w .sfa-desc { margin: 0; font-size: 16px; line-height: 1.75; color: #1d1d1d; word-break: keep-all; }
.w2w .sfa-desc + .sfa-desc { margin-top: 1.2em; }
/* 세로 컷 2장 나란히 */
.w2w .sfa-duo { margin: 0 auto; }
.w2w .sfa-duo__imgs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; }
.w2w .sfa-duo__imgs img { display: block; width: 100%; max-width: 100%; height: auto; min-width: 0; }
.w2w .w2w__caption + .sfa-duo { margin-top: 60px; }
/* 인트로 아래 탭 (간격은 감싸는 영역에) */
.w2w .sfa-tabs-wrap { margin-top: 80px; }
/* 스크롤 시 GNB 아래에 고정되는 탭 (top 값은 스크립트가 GNB 높이로 지정) */
.w2w .w2w__tabs.is-fixed {
position: fixed; top: 0; left: 50%; z-index: 90;
transform: translateX(-50%);
padding-top: 12px; padding-bottom: 12px;
background: #fff;
box-shadow: 0 0 0 100vmax #fff; clip-path: inset(0 -100vmax);
}
.w2w .w2w__tabs.is-fixed::after {
content: ""; position: absolute; left: 50%; bottom: 0;
width: 100vw; height: 1px; background: #e5e5e5; transform: translateX(-50%);
}
/* 시각축구: 인물별 소제목 */
.w2w .sfa-person { margin: 0 0 16px; font-size: 18px; font-weight: 700; line-height: 1.4; color: #1d1d1d; }
.w2w__tabs-list { display: flex; flex-wrap: wrap; gap: 6px; }
.w2w .w2w__tab {
appearance: none; -webkit-appearance: none;
margin: 0; padding: 10px 16px; border-radius: 999px;
border: 1px solid #c8c8c8;
background: #fff; color: #1d1d1d;
font: inherit; font-size: 14px; line-height: 1; white-space: nowrap;
cursor: pointer; transition: background .15s, color .15s, border-color .15s;
}
.w2w .w2w__tab:hover { border-color: #1d1d1d; }
.w2w .w2w__tab[aria-selected="true"] { background: #1d1d1d; border-color: #1d1d1d; color: #fff; }
.w2w .w2w__tab:focus-visible { outline: 2px solid #1d1d1d; outline-offset: 2px; }
.w2w .w2w__header--panel .w2w__order { margin: 0 0 6px; color: #1d1d1d; font-size: 14px; }
.w2w .w2w__header--panel .w2w__title { margin-top: 0; margin-bottom: 20px; }
.w2w .w2w__header--panel .w2w__caption-text { margin-top: 0; font-size: 16px; line-height: 1.6; }
.w2w__panel { min-width: 0; max-width: 100%; overflow-x: clip; }
.w2w__panel img { max-width: 100%; height: auto; }
.w2w__panel-item.is-in { animation: w2wFade .3s ease; }
@keyframes w2wFade { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
@media (max-width: 768px) {
.w2w .w2w__header--panel { padding-top: 32px; }
.w2w .w2w__header--top { padding-bottom: 20px; }
.w2w .sfa-tabs-wrap { margin-top: 56px; }
.w2w .w2w__tabs.is-fixed { padding-top: 10px; padding-bottom: 10px; }
.w2w .w2w__caption + .sfa-duo { margin-top: 40px; }
.w2w .sfa-person { font-size: 16px; margin-bottom: 12px; }
.w2w__tabs-list {
flex-wrap: nowrap;
gap: 6px;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scroll-behavior: smooth;
scrollbar-width: none;
margin: 0 -16px;
padding: 0 16px 2px;
}
.w2w__tabs-list::-webkit-scrollbar { display: none; }
.w2w .w2w__tab { flex: 0 0 auto; padding: 9px 12px; font-size: 13px; }
}