/* ICT 이노베이션스퀘어 전용 — 브랜딩(로고·서브 비주얼·푸터)과 메인의 권역/영상/공지·홍보 섹션. rebuild.css 다음에 로드한다 */

/* ── 헤더 로고: COC 의 svg 배경 로고 대신 /images/common/logo.png 를 그대로 보여 준다 */
.header .logo img {height:auto; max-height:56px; width:auto;}
.header.g00 .logo {background:none;}
.header.g00 .logo img {opacity:1;}

/* ── 서브 비주얼: 대메뉴(g01~g05) 모두 같은 이미지를 쓴다 */
.svisual[class*="g0"] {background-image:url('/images/common/sub_top.jpg');}

/* ── 푸터 */
.inn_footer .links li,
.inn_footer .links strong {font-size:16px; color:#fffa; line-height:64px;}
.inn_footer .btm .inner {padding:40px 20px; background:none;}
.inn_footer .btm .address li {font-size:15px;}
.inn_footer .btm .address li:before {display:none;}
.inn_footer .btm .address span {margin:0 8px; opacity:.5;}
.inn_footer .foot_logo {position:absolute; top:40px; right:20px; max-height:48px; width:auto;}

/* ── 소개영상(메인·/video 공용): 16:9 */
.inn_video {position:relative; width:100%; max-width:1200px; margin:0 auto; aspect-ratio:16/9; background:#000; border-radius:16px; overflow:hidden;}
.inn_video video {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:contain;}

/* ── 메인 히어로 */
.inn_visual {padding:180px 0 120px; background:#0b1a33 url('/images/main/sec1_bg.jpg') no-repeat 50% 50% / cover;}
.inn_visual .inn_mv_txt {position:static; transform:none; margin-bottom:60px;}
.inn_visual .inn_mv_txt p {margin:0;}
.inn_visual_cards {display:grid; grid-template-columns:1fr 599px 1fr; gap:24px; align-items:stretch;}
.inn_visual_card {display:flex; flex-direction:column; height:100%; min-height:0; padding:32px; border-radius:16px; background:rgba(0, 0, 0, .35); color:#fff; box-sizing:border-box;}
.inn_visual_card h2 {font-size:28px; font-weight:700; margin-bottom:12px;}
.inn_visual_card p {flex:1; font-size:17px; line-height:1.6; margin:0 0 20px; color:#fffd;}
.inn_visual_card img {display:block; width:100%; max-width:100%; height:auto; margin-top:auto;}
.inn_visual_map {display:flex; align-items:center; justify-content:center; text-align:center;}
.inn_visual_map img {display:block; width:599px; max-width:none; height:auto; margin:0 auto;}

/* ── 권역별 홈페이지 */
.mc_region .inn_mtit_desc {margin-top:12px; font-size:18px; color:#666; line-height:1.5;}
.inn_regions {display:grid; grid-template-columns:repeat(5, 1fr); gap:16px;}
.inn_region {padding:28px 16px; text-align:center; background:#fff; border:#e5e5e5 1px solid; border-radius:16px;}
.inn_region > img {display:block; max-width:100%; height:auto; margin:0 auto 20px;}
.inn_region .rgo_tit {display:block; font-size:24px; color:#222; font-weight:700;}
.inn_region .rgo_area {margin:6px 0 20px; font-size:15px; color:#0081CC;}
.inn_region_link {display:flex; align-items:center; justify-content:space-between; margin-top:10px; padding:12px 16px; border-radius:8px; background:#0081CC; color:#fff; font-size:16px; font-weight:700; text-align:left;}
.inn_region_link:hover {background:#006aa8;}
.inn_region_link img {width:16px; height:auto;}

/* ── 소개영상 섹션 */
.mc_intro {background:#F8F8F8;}

/* ── 공지사항 / 홍보 */
.inn_board_area {display:grid; grid-template-columns:1fr 1fr; gap:24px;}
.inn_board_box {padding:32px; background:#fff; border-radius:16px; min-width:0;}
.inn_board_box h3 {display:flex; align-items:center; justify-content:space-between; margin-bottom:20px; font-size:24px; color:#222; font-weight:700;}
.inn_board_box .a_more {font-size:15px; color:#666; font-weight:400;}
.inn_notice li a,
.inn_notice li > div {display:flex; align-items:center; gap:12px; padding:14px 0; border-top:#eee 1px solid; font-size:16px; color:#222;}
.inn_notice li:first-child a,
.inn_notice li:first-child > div {border-top:0;}
.inn_notice .rgo_ct {flex:0 0 72px; color:#0081CC; font-weight:700;}
.inn_notice .notice_tit {flex:1; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.inn_notice .not_time {flex:0 0 84px; font-size:14px; color:#888; text-align:right;}
.inn_pub_video {position:relative; width:100%; aspect-ratio:16/9; border-radius:12px; overflow:hidden; background:#000;}
.inn_pub_video iframe {position:absolute; top:0; left:0; width:100%; height:100%; border:0;}
.inn_pub_tit {display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:12px; font-size:18px; color:#222;}
.inn_pub_tit a {min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.inn_pub_navi {display:flex; flex:0 0 auto; gap:8px;}
.inn_pub_navi button {line-height:0;}
.inn_empty {display:flex; align-items:center; justify-content:center; min-height:180px; border-radius:12px; background:#f1f1f1; color:#777; font-size:16px;}

/* ── 통계 */
.inn_stats {display:grid; grid-template-columns:repeat(5, 1fr); gap:16px; text-align:center;}
.inn_stats li {padding:32px 12px; background:#F8F8F8; border-radius:16px;}
.inn_stats .dt_cate {font-size:16px; color:#666;}
.inn_stats .dtnum {display:block; margin-top:8px; font-size:36px; color:#0081CC; font-weight:700;}

/* ── 유관기관 */
.mc_partner {padding:60px 0;}
.inn_partners {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:24px 48px;}
.inn_partners img {max-height:56px; width:auto;}

@media (max-width:1023px) {
	.inn_visual {padding:140px 0 80px;}
	.inn_visual_cards {grid-template-columns:1fr;}
	.inn_visual_map img {width:100%; max-width:599px;}
	.inn_regions {grid-template-columns:repeat(2, 1fr);}
	.inn_board_area {grid-template-columns:1fr;}
	.inn_stats {grid-template-columns:repeat(3, 1fr);}
}

@media (max-width:767px) {
	.header .logo img {max-height:36px;}
	.inn_visual {padding:100px 0 60px;}
	.inn_visual_card h2 {font-size:22px;}
	.inn_visual_card p {font-size:15px;}
	.inn_regions {grid-template-columns:1fr;}
	.inn_board_box {padding:24px 20px;}
	.inn_notice li a,
	.inn_notice li > div {flex-wrap:wrap; gap:4px 8px;}
	.inn_notice .notice_tit {flex:1 1 100%; order:3;}
	.inn_notice .not_time {margin-left:auto;}
	.inn_stats {grid-template-columns:repeat(2, 1fr);}
	.inn_footer .btm .inner {padding:80px 20px 40px;}
	.inn_footer .foot_logo {top:24px;}
	.svisual[class*="g0"] {background-image:url('/images/common/sub_top_m.jpg');}
}