@charset "utf-8";

/* ==========================================================================
2026 아이치·나고야 아시안게임 - responsive.css (미디어쿼리)
Breakpoints : 1080px(사이드바 스택), 768px(모바일)
========================================================================== */

/* 1080px 이하 : 사이드바 스택 / 카드 2개만 */
@media (max-width: 1080px) {
	.main { grid-template-columns: minmax(0, 1fr); }
	.card_grid { grid-template-columns: repeat(2, 1fr); }
	.card_grid .card:nth-child(3) { display: none; }

	/* 서브페이지 */
	.sub_wrap {flex-direction: column; gap: 60px;}
	.sub_wrap .sidebar{width:100%;}
}

@media (max-width: 960px) {
	.gnb { height: 48px; }
	.gnb_inner { height: 48px; font-size: 16px; }
	.gnb_inner a.active { font-size: 15px; }

	/* 그래픽뉴스, 포토 */
	.gt_list article{flex:0 0 calc(50% - 8px); margin:0 16px 16px 0}
	.gt_list article:nth-child(2n){margin-right:0px;}
	.gt_list article .thumCont{aspect-ratio:156 / 118;}
}

/* ==========================================================================
768px 이하 : 모바일
========================================================================== */
@media (max-width: 768px) {

	.sec_tit.lg{font-size:20px;}

	/* Header */
	.header { background: linear-gradient(95deg, #001841 0%, #11387D 40%, #4A1240 70%, #960105 100%); }
	.header_inner { width: calc(100% - 32px); padding: 16px 16px 12px; }
	.header_bg_deco { display: none; }
	.header_bg { width: auto; }
	.header_logo{margin-bottom:8px;}
	.header_logo img { width: 72px; height: 16px; }
	.header_title{margin-bottom:8px;}
	.header_title img { width: 284px; height: 62px; }
	.header_right.dday .dday{display:block; position:absolute; top:16px; right:16px; width:68px; height:27px; background-color:#F8BE5B; border-radius:14px; font-size:16px; line-height:27px; color:#011745; text-align:center; font-weight:bold;}
	.header_medals{width:110px; height:66px;}
	.header_medals img{width:110px; height:66px;}
	.header_medals .cnt{font-size:14px;}
	.header_medals .cnt_silver{margin-top:28px; margin-left:3px;}
	.header_medals .cnt_gold{margin-top:40px; margin-left:37px;}
	.header_medals .cnt_bronze{margin-top:28px; margin-left:70px;}
	.header_rank_pill{width:110px; height:22px;}
	.header_rank_pill span{font-size:12px;}
	.header_date { font-size: 12px; line-height: 16px; }
	.header_dday{display:none;}

	/* GNB */
	.gnb { height: 48px; }
	.gnb_inner { height: 48px; font-size: 16px; }
	.gnb_inner a.active { font-size: 15px; }
	.gnb_inner .swiper-slide {margin-right:24px;}

	/* 티커 */
	.ticker { height: 44px; }
	.ticker_inner { width: auto; height: 44px; padding-left: 16px; }
	.ticker_label { width: 72px; font-size: 12px; }
	.ticker_viewport { margin-left: 8px; }
	.ticker_item { width: auto; }
	.ticker_item strong { font-size: 14px; }
	.ticker_item span { font-size: 13px; }

	/* 헤드라인 */
	.mainTop { background: #EEF1FB; padding: 0 0 16px; }
	.mainTop_inner { width: 100%; gap: 0; }
	.mainTop_inner .thumCont { flex: none; width: 100%; max-width: none;  border-radius: 0; }
	.mainTop_inner .thumCont img {aspect-ratio: 360 / 226;}
	.mainTop_inner .txtCont { flex: none; width:calc(100% - 32px); min-width: 0; padding: 16px 16px 0; }
	.mainTop_inner .txtCont h2 { font-size: 26px; line-height: 36px; text-align:center;}
	.mainTop_inner .txtCont h2 a{display:block; width:100%; height:100%;}
	.mainTop_inner .txtCont p { display: none; }

	/* 본문 */
	.main { padding-top: 40px; gap: 40px; }

	/* 최신기사 : 썸네일 우측, 요약 숨김 */
	.tab_btn{font-size:14px;}
	.latest_item { gap: 16px; }
	.latest_item .thumCont { order: 2; width: 146px; height: 90px; }
	.latest_item .txtCont { order: 1; display: flex; flex-direction: column; }
	.latest_item h3 {
		font-size: 18px; line-height: 26px; letter-spacing: -0.016em; color: #222;
		display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
	}
	.latest_item p { display: none; }
	.btn_more { height: 44px; border-radius: 22px; }

	/* 종합순위 */
	.rt_head, .rt_row { padding: 0 12px; }

	/* 그래픽 뉴스 */
	.graphic_img{aspect-ratio:328 / 236;}

	/* 카드 섹션 : 리스트형 (이미지 좌측 + 날짜) */
	.card_section { margin-top: 48px; }
	.card_section + .card_section { margin-top: 48px; }
	.card_grid { margin-top: 0; display: block; }
	.card_grid .card:nth-child(3) { display: flex; }
	.card { display: flex; gap: 16px; padding: 16px 0; border-bottom: 1px solid #ccc; }
	.card .thumCont { flex: none; width: 132px; height: 82px; }
	.card .txtCont { flex: 1; min-width: 0; display: flex; flex-direction: column; }
	.card h3 { margin-top: 0; color: #222; }
	.card .date { display: block; padding-top: 8px; font-size: 13px; line-height: 1; letter-spacing: -0.016em; color: #555; }

	/* 포토 */
	.sideBox{margin-top:40px;}
	.photo_grid { margin-top: 16px; grid-template-columns: 1fr; gap: 24px; }
	.photo { aspect-ratio: 328 / 204; }
	.photo .caption { height:auto; padding:12px; font-size: 18px; }

	/* 서브페이지 */
	.noLine{border:none;}
	.page_head{padding:16px 0 0;}
	.page_head .page_title{display:none;}
	.tab_filter{margin:0 0 16px;}
	.paging{margin-top:16px;}
	
	/* 페이징 */
	.box-page{justify-content: center; margin-top:16px;}
	.box-page a{margin:0px 4px; width:26px; height:26px; line-height:24px;}
	.box-page button{width:28px; height:28px;}
	.box-page button img{width:100%; height:auto;}
	.box-page button.prev{margin-right:8px}
	.box-page button.pprev{margin-right:8px}
	.box-page button.next{margin-left:8px;}
	.box-page button.nnext{margin-left:8px;}

	.sub_wrap{gap:40px; padding:0;}
	
	/* 서브페이지 최신기사 페이지 썸네일 피씨와 동일하게 왼쪽*/
	.latest_item .thumCont{order:1;}
	.latest_item .txtCont{order:2;}

	/* 오늘의 경기 */
	.game_banner.pc{display:none;}
	.game_banner.m{display:block;}
	.t_game{padding:16px;}
	.t_game .text{justify-content: flex-end;}
	.t_game .text .info .tit{width:160px; margin-bottom:4px; font-size:18px; letter-spacing: -.4px;
		overflow:hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;
	}
	.t_game .text .info .stadium{width:160px;
		overflow:hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;
	}
	.t_game .text .info span{text-align: right;}
	.t_game .time{left:16px; width:110px; font-size:22px;}
	.t_game .time span{width:38px; margin-left:8px; font-size:12px;}
	.t_game .event{margin-right:8px; font-size:18px;}
	.t_game.noGame{padding:27px 0;}
	.t_game.noGame .text{justify-content: center;}
	.t_game.noGame .text .tit{width:100%;}

	/* 그래픽뉴스, 포토 */
	.gt_list article .titCont .tit{font-size:16px; line-height:1.4;}

	/* Footer */
	.footer { margin-top: 80px; padding-bottom: 32px; }
	.footer_inner { width: auto; padding: 32px 16px 0; }
	.footer_logo { display: none; }
	.footer_info { margin-left: 0; }
	.info_line { row-gap: 4px; }
	.footer .divider { margin-top: 16px; }
	.footer .copyright { margin-top: 16px; font-size: 13px; line-height: 22px; }
}