@charset "utf-8";
/* =====================================================================
   GEN 주한외국기업뉴스 2026 리뉴얼 디자인 (PC)
   - include/gen_renew_config.php 스위치가 켜졌을 때만 로드됩니다.
   - 모든 규칙은 body.gen-renew 아래에서만 동작하므로 기존 디자인에는 영향이 없습니다.
   ===================================================================== */

body.gen-renew {
	--gen-navy: #0d2a54;
	--gen-navy-d: #081a36;
	--gen-blue: #1f4e95;
	--gen-red: #c8102e;
	--gen-ink: #111827;
	--gen-text: #1f2937;
	--gen-sub: #4b5563;
	--gen-mute: #6b7280;
	--gen-line: #e5e7eb;
	--gen-line2: #d1d5db;
	--gen-bg: #f4f5f7;
	--gen-font: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", "맑은 고딕", sans-serif;
	background: #fff;
	color: var(--gen-text);
	-webkit-font-smoothing: antialiased;
}

/* ---------- 공통 타이포 ---------- */
body.gen-renew,
body.gen-renew input, body.gen-renew button, body.gen-renew select, body.gen-renew textarea,
body.gen-renew h1, body.gen-renew h2, body.gen-renew h3, body.gen-renew h4, body.gen-renew h5,
body.gen-renew p, body.gen-renew a, body.gen-renew li, body.gen-renew dt, body.gen-renew dd,
body.gen-renew span:not([class*="axi"]):not([class*="fa-"]), body.gen-renew em, body.gen-renew strong, body.gen-renew b,
body.gen-renew div, body.gen-renew td, body.gen-renew th, body.gen-renew label {
	font-family: var(--gen-font) !important;
}
body.gen-renew #wrap { letter-spacing: -0.02em; }
body.gen-renew a { color: inherit; }
body.gen-renew h2, body.gen-renew h3 { font-weight: 700; }
body.gen-renew .gen-in { width: 1200px; margin: 0 auto; position: relative; box-sizing: border-box; }
body.gen-renew .gen-in:after { content: ""; display: block; clear: both; }

/* ---------- 관리자 '스킨 색상'(css/color_*.css) 포인트 색 → 새 디자인 네이비로 통일 (자동 생성) ---------- */
body.gen-renew .news_list .date_tab ul { background:var(--gen-navy) !important; }
body.gen-renew .news_list .sch_date { background:var(--gen-navy) !important; border-bottom:1px solid var(--gen-navy) !important; }
body.gen-renew .search_con .sch_box2 dl.col1 button.on { background:var(--gen-navy) !important; border:1px solid var(--gen-navy) !important; }
body.gen-renew .search_con .sch_box2 dl.col2 button.on { background:var(--gen-navy) !important; border:1px solid var(--gen-navy) !important; }
body.gen-renew .community_list_con .cmt_hd_fnc li button { background:var(--gen-navy) !important; }
body.gen-renew .community_list_con .cmt_li_con .tab_menu ul li.on a { color:var(--gen-navy) !important; }
body.gen-renew .community_main_con .cmt_li_con .tab_menu ul li.on a { color:var(--gen-navy) !important; }
body.gen-renew .pdf_list_sec .pdf_list .pdf_top .date_select dl dd.calendar_btn { background:var(--gen-navy) !important; }
body.gen-renew .service aside nav { border-top:3px solid var(--gen-navy) !important; }
body.gen-renew .service aside .link > ul > li > a:hover { background:var(--gen-navy)  no-repeat 95% center !important; border-top:1px solid var(--gen-navy) !important; border-bottom:1px solid var(--gen-navy) !important; }
body.gen-renew .community_cotent article { border-top:2px solid var(--gen-navy) !important; }
body.gen-renew .community .sub_title span { border-left:13px solid var(--gen-navy) !important; }
body.gen-renew .community aside .nav_hd { background:var(--gen-navy) !important; }
body.gen-renew .best_art_con { border-top:2px solid var(--gen-navy) !important; }
body.gen-renew .mypage .sub_title span { border-left:13px solid var(--gen-navy) !important; }
body.gen-renew .subpage .rank_li_item dl dt em { color:var(--gen-navy) !important; }
body.gen-renew .paging a.on { background:var(--gen-navy) !important; border:1px solid var(--gen-navy) !important; }
body.gen-renew .sub_title span { border-left:13px solid var(--gen-navy) !important; }
body.gen-renew .community_cotent2 article { border-top:2px solid var(--gen-navy) !important; }
body.gen-renew .main_text .rank_li_item dl dt em { color:var(--gen-navy) !important; }
body.gen-renew .main_image .rank_li_item dl dt em { color:var(--gen-navy) !important; }
body.gen-renew .community aside .nav_hd { background:var(--gen-navy) !important; border:2px solid var(--gen-navy) !important; }
body.gen-renew .news_list .issue_hd { background:var(--gen-navy) !important; }
body.gen-renew .main_image .issue_hd { background:var(--gen-navy) !important; }
body.gen-renew .mypage aside .nav_hd { background:var(--gen-navy) !important; }
body.gen-renew .mypage .snb .tit_bul02 { background:var(--gen-navy) !important; }
body.gen-renew .mypage_con .mypage_top { border-top:2px solid var(--gen-navy) !important; }
body.gen-renew .mypage .member_login_box dl dt { color:var(--gen-navy) !important; }
body.gen-renew aside section h2 .tit_hd { border-bottom:3px solid var(--gen-navy) !important; }
body.gen-renew .hotChannel h2, body.gen-renew .movie h2, body.gen-renew .photo h2 { color:var(--gen-navy) !important; }
body.gen-renew .sub_lnb li a:hover { color:var(--gen-navy) !important; }
body.gen-renew .photo_news .sec_n1 h2 span { border-right:7px solid var(--gen-navy) !important; }
body.gen-renew .movie_news .sec_n1 h2 span { border-right:7px solid var(--gen-navy) !important; }
body.gen-renew .community .snb ul li dl dt .tit_bul { background:var(--gen-navy) !important; }
body.gen-renew section .slider-nav li.on a { color:var(--gen-navy) !important; }
body.gen-renew .more_btn3 button { background:var(--gen-navy) !important; }
body.gen-renew section .li_item dt em { color:var(--gen-navy) !important; }
body.gen-renew .header_top { background:var(--gen-navy) repeat-x center center !important; }
body.gen-renew .header_top2 .menu_btn a { background:var(--gen-navy) !important; }
body.gen-renew .header_top2 .search_btn a { background:var(--gen-navy) !important; }
body.gen-renew .side_menu .menu_hd { background:var(--gen-navy) !important; }
body.gen-renew .side_menu2 .menu_hd { background:var(--gen-navy) !important; }
body.gen-renew .search_bar { background:var(--gen-navy) repeat-x center center !important; }
body.gen-renew .search_bar input { border:1px solid var(--gen-navy) !important; }
body.gen-renew .search_bar2 input { border:1px solid var(--gen-navy) !important; border:1px solid var(--gen-navy) !important; }
body.gen-renew .realtime h2 em { background:var(--gen-navy) !important; border:1px solid var(--gen-navy) !important; }
body.gen-renew .category_m { color:var(--gen-navy) !important; }
body.gen-renew .paging a.on { background:var(--gen-navy) !important; border:1px solid var(--gen-navy) !important; }
body.gen-renew .main_text .rank_li_item dl dt em { color:var(--gen-navy) !important; }

/* =====================================================================
   상단(헤더) — 기존 메뉴 구성·서브메뉴·배너 위치 그대로, 디자인만 정리
   ===================================================================== */
body.gen-renew .header01 { background: #fff !important; }
/* 상단 유틸 줄 */
body.gen-renew .header01 .area_top { height: 40px; }
body.gen-renew .header01 .area_top ul li { height: 40px !important; line-height: 40px !important; font-size: 13px !important; color: var(--gen-sub) !important; }
body.gen-renew .header01 .area_top .weather, body.gen-renew .header01 .area_top .weather * { color: var(--gen-sub) !important; font-size: 13px !important; }
body.gen-renew .header01 .weather_info { height: 40px !important; }
body.gen-renew .header01 .weather_info .area, body.gen-renew .header01 .weather_info .temperature { padding-top: 0 !important; line-height: 40px; }
body.gen-renew .header01 .date-time { font-weight: 600; color: var(--gen-navy) !important; margin-left: 24px !important; }
body.gen-renew .header01 .gnb li a { font-size: 13px !important; color: var(--gen-sub) !important; text-decoration: none; }
body.gen-renew .header01 .gnb li a:hover { color: var(--gen-red) !important; }
body.gen-renew .header01 .gnb li a:after { color: var(--gen-line2) !important; margin: 0 9px !important; }
body.gen-renew .header01 .gnb li.main_top_search a:after { content: none; }
body.gen-renew .header01 .main_top_search form { position: relative; }
body.gen-renew .header01 .main_top_search input { width: 220px !important; height: 30px !important; line-height: 30px !important; margin: 5px 0 0 6px !important; padding: 0 34px 0 14px !important; border: 1px solid var(--gen-line2) !important; border-radius: 15px !important; background: #f6f7f9 !important; font-size: 13px !important; color: var(--gen-ink) !important; }
body.gen-renew .header01 .main_top_search input:focus { outline: 0; border-color: var(--gen-navy) !important; background: #fff !important; }
body.gen-renew .header01 .main_top_search button { top: 5px; right: 2px !important; width: 30px !important; height: 30px !important; background: none !important; border: 0 !important; }
body.gen-renew .header01 .main_top_search img { width: 14px !important; margin: 0 !important; opacity: .7; }

/* 로고 줄 */
body.gen-renew .header01 .head { border-top: 1px solid var(--gen-line) !important; }

/* 메인 메뉴 줄 (관리자에서 고른 메뉴 스킨 구조 그대로) */
body.gen-renew .header01 .head_menu { background: #fff !important; border-top: 3px solid var(--gen-navy) !important; border-bottom: 1px solid var(--gen-line) !important; }
body.gen-renew .header01 .head_menu .navbar { display: flex !important; align-items: center; height: 52px !important; border: 0 !important; background: none !important; }
body.gen-renew .header01 .navbar > ul { float: none !important; display: flex; align-items: center; height: 52px; }
body.gen-renew .header01 .navbar > ul > li { float: none !important; height: 52px !important; line-height: 52px !important; }
body.gen-renew .header01 .navbar > ul.lnb1 { width: auto !important; flex: 1 1 auto; padding: 0 0 0 10px !important; }
body.gen-renew .header01 .navbar > ul.lnb1 > li { padding: 0 15px !important; border: 0 !important; }
body.gen-renew .header01 .navbar > ul.lnb1 > li > a { position: relative; display: inline-block; height: 52px; font-size: 17px !important; font-weight: 700 !important; color: var(--gen-ink) !important; letter-spacing: -0.03em; border: 0 !important; transition: color .15s; }
body.gen-renew .header01 .navbar > ul.lnb1 > li > a:after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 3px; background: var(--gen-red); transform: scaleX(0); transition: transform .18s ease; }
body.gen-renew .header01 .navbar > ul.lnb1 > li.on > a, body.gen-renew .header01 .navbar > ul.lnb1 > li > a:hover { color: var(--gen-red) !important; }
body.gen-renew .header01 .navbar > ul.lnb1 > li.on > a:after { transform: scaleX(1); }
body.gen-renew .header01 .navbar > ul.lnb2 { width: auto !important; flex: none; margin-left: auto; padding: 0 !important; height: 52px !important; line-height: 52px !important; }
body.gen-renew .header01 .navbar > ul.lnb2 > li { padding: 0 0 0 18px !important; margin: 0 !important; }
body.gen-renew .header01 .navbar > ul.lnb2 > li > a { font-size: 14.5px !important; font-weight: 600 !important; color: var(--gen-sub) !important; border: 0 !important; margin: 0 !important; height: auto !important; line-height: inherit !important; }
body.gen-renew .header01 .navbar > ul.lnb2 > li > a:hover { color: var(--gen-red) !important; }
body.gen-renew .header01 .navbar > ul.lnb_all > li { padding: 0 4px 0 0 !important; }
/* 서브메뉴 줄 */
body.gen-renew .header01 .sub_bar { height: 40px !important; line-height: 40px !important; background: #f7f8fa !important; border-bottom: 1px solid var(--gen-line) !important; }
body.gen-renew .header01 .sub_lnb { margin-top: 0 !important; padding-left: 0 !important; }
body.gen-renew .header01 .sub_lnb li { height: 40px !important; line-height: 40px !important; margin-right: 22px !important; }
body.gen-renew .header01 .sub_lnb li a { font-size: 14px !important; font-weight: 500 !important; color: var(--gen-sub) !important; border: 0 !important; padding: 0 !important; height: auto !important; line-height: inherit !important; }
body.gen-renew .header01 .sub_lnb li a:hover { color: var(--gen-red) !important; }
/* 메뉴 스킨이 색 바탕형(2·4·9번)인 경우 → 네이비 바탕 + 흰 글자 */
body.gen-renew .header01 #nav2, body.gen-renew .header01 #nav4 .navbar, body.gen-renew .header01 #nav9 { background: var(--gen-navy) !important; border-top-color: var(--gen-navy) !important; }
body.gen-renew .header01 #nav2 .navbar > ul > li > a, body.gen-renew .header01 #nav4 .navbar > ul > li > a, body.gen-renew .header01 #nav9 .navbar > ul > li > a { color: #fff !important; }
body.gen-renew .header01 #nav2 .navbar > ul.lnb1 > li > a:hover, body.gen-renew .header01 #nav4 .navbar > ul.lnb1 > li > a:hover, body.gen-renew .header01 #nav9 .navbar > ul.lnb1 > li > a:hover,
body.gen-renew .header01 #nav2 .navbar > ul.lnb1 > li.on > a, body.gen-renew .header01 #nav4 .navbar > ul.lnb1 > li.on > a, body.gen-renew .header01 #nav9 .navbar > ul.lnb1 > li.on > a { color: #ffd2d8 !important; }
body.gen-renew .header01 #nav2 .navbar > ul.lnb1 > li > a:after, body.gen-renew .header01 #nav4 .navbar > ul.lnb1 > li > a:after, body.gen-renew .header01 #nav9 .navbar > ul.lnb1 > li > a:after { background: #fff; }


/* 메인 메뉴 줄: 모든 메뉴 스킨에서 딥네이비 바탕 + 흰 글자 */
body.gen-renew .header01 .head_menu, body.gen-renew .header01 .head_menu .navbar { background: var(--gen-navy) !important; }
body.gen-renew .header01 .head_menu { border-top: 0 !important; border-bottom: 0 !important; }
body.gen-renew .header01 .head_menu .navbar > ul > li > a, body.gen-renew .header01 .head_menu .navbar > ul.lnb1 > li > a { color: #fff !important; }
body.gen-renew .header01 .navbar > ul.lnb2 > li > a { color: #cbd5e1 !important; }
body.gen-renew .header01 .head_menu .navbar > ul.lnb1 > li > a:hover, body.gen-renew .header01 .head_menu .navbar > ul.lnb1 > li.on > a, body.gen-renew .header01 .head_menu .navbar > ul.lnb2 > li > a:hover { color: #ffd2d8 !important; }
body.gen-renew .header01 .navbar > ul.lnb1 > li > a:after { background: #fff !important; bottom: 0 !important; }

/* 전체메뉴(왼쪽 서랍) */
body.gen-renew .allMenu { position: fixed !important; top: 0 !important; left: 0; height: 100vh !important; overflow-y: auto; z-index: 2000 !important; border: 0 !important; box-shadow: 4px 0 24px rgba(15, 23, 42, .18) !important; }
body.gen-renew .allMenu .main_nv > li > a { font-size: 16px !important; font-weight: 700 !important; color: var(--gen-ink); }
body.gen-renew .allMenu .main_nv > li.home_li { background: var(--gen-navy-d); }
body.gen-renew .allMenu .main_nv > li.home_li > a { color: #fff !important; }

/* ---------- 본문 공통 ---------- */
body.gen-renew #main { padding-top: 32px; min-height: 0; }
body.gen-renew .contents { margin-bottom: 40px; }

/* 이미지 박스: 관리자에서 생성하는 고정 크기 박스를 칸에 맞게 */
body.gen-renew .img_box { position: relative; overflow: hidden !important; border-radius: 6px; background-color: #eef0f3; }
body.gen-renew .img_box img { display: block; object-fit: cover; transition: transform .35s ease; }
body.gen-renew a:hover .img_box img { transform: scale(1.04); }

/* 링크 제목 hover */
body.gen-renew #main a:hover h3, body.gen-renew #main a:hover dt, body.gen-renew #main a:hover .tit { color: var(--gen-red) !important; }

/* 섹션 제목 공통 */
body.gen-renew #main .section_top h2,
body.gen-renew #main .sec_n2 .section_top h2,
body.gen-renew #main .contents02 > h2,
body.gen-renew #main .photo_main_con > h2,
body.gen-renew #main .sec_n3_con > h2,
body.gen-renew #main .sec_n4_con > h2,
body.gen-renew #main .news_sec h2,
body.gen-renew #main .community_cotent h3 {
	position: relative; height: auto !important; line-height: 1.3 !important; margin: 0 0 16px !important; padding: 0 0 12px 14px !important;
	border: 0 !important; border-bottom: 2px solid var(--gen-ink) !important; background: none !important;
	font-size: 20px !important; font-weight: 800 !important; color: var(--gen-ink) !important; text-shadow: none !important; letter-spacing: -0.03em;
}
body.gen-renew #main .section_top h2:before,
body.gen-renew #main .contents02 > h2:before,
body.gen-renew #main .photo_main_con > h2:before,
body.gen-renew #main .sec_n3_con > h2:before,
body.gen-renew #main .sec_n4_con > h2:before,
body.gen-renew #main .news_sec h2:before,
body.gen-renew #main .community_cotent h3:before {
	content: ""; position: absolute; left: 0; top: 4px; width: 4px; height: 18px; background: var(--gen-red); border-radius: 1px;
}
body.gen-renew #main h2 a { color: inherit !important; text-decoration: none; }
body.gen-renew #main .more_btn2, body.gen-renew #main .more_ico2, body.gen-renew #main .news_sec .more, body.gen-renew #main .more_bt { position: absolute !important; right: 0; top: 2px; float: none !important; }
body.gen-renew #main .more_btn2 a, body.gen-renew #main .more_ico2 a, body.gen-renew #main .news_sec .more a, body.gen-renew #main .more_bt a { display: inline-block; font-size: 13px !important; font-weight: 500 !important; color: var(--gen-mute) !important; text-decoration: none; }
body.gen-renew #main .more_btn2 img, body.gen-renew #main .more_ico2 img { display: none; }
body.gen-renew #main .more_btn2 a:after, body.gen-renew #main .more_ico2 a:after { content: "더보기 +"; }
body.gen-renew #main .sec_n2 .more_btn2 a:after { content: ""; }
body.gen-renew #main .more_btn2 a:hover, body.gen-renew #main .more_ico2 a:hover, body.gen-renew #main .news_sec .more a:hover, body.gen-renew #main .more_bt a:hover { color: var(--gen-red) !important; }


/* =====================================================================
   하단(푸터) — 기존 링크·문구 그대로, 디자인만 정리
   ===================================================================== */
body.gen-renew #wrap footer { float: none !important; clear: both; margin: 50px 0 0 !important; padding: 0 !important; background: #f6f7f9; border-top: 1px solid var(--gen-line); color: var(--gen-sub) !important; }
body.gen-renew #wrap footer .footer_inner { box-sizing: border-box; }
body.gen-renew #wrap footer .fnb { float: none !important; margin: 0 !important; padding: 18px 0 16px !important; border-bottom: 1px solid var(--gen-line); }
body.gen-renew #wrap footer .fnb li { margin: 2px 0 !important; }
body.gen-renew #wrap footer .fnb li a { font-size: 13.5px !important; color: var(--gen-sub) !important; text-decoration: none; }
body.gen-renew #wrap footer .fnb li a:before { color: var(--gen-line2) !important; padding: 0 10px !important; }
body.gen-renew #wrap footer .fnb li:first-child a:before { padding: 0 !important; }
body.gen-renew #wrap footer .fnb li a[href*="private_policy"], body.gen-renew #wrap footer .fnb li a[href*="teenager_policy"] { color: var(--gen-ink) !important; font-weight: 700; }
body.gen-renew #wrap footer .fnb li a:hover { color: var(--gen-red) !important; }
body.gen-renew #wrap footer .fnb li a img { vertical-align: -2px; }
body.gen-renew #wrap footer .foot { float: none !important; border-top: 0 !important; padding: 28px 0 40px !important; width: 100%; }
body.gen-renew #wrap footer .foot .footer_inner { display: flex; align-items: flex-start; gap: 36px; }
body.gen-renew #wrap footer .logo_box { float: none !important; flex: none; margin: 0 !important; min-height: 0 !important; line-height: 1 !important; padding-top: 4px; }
body.gen-renew #wrap footer .logo_box img { max-height: 60px; width: auto; }
body.gen-renew #wrap footer .footer_info_box { float: none !important; flex: 1; margin: 0 !important; font-size: 13px !important; line-height: 1.8 !important; color: var(--gen-sub) !important; }
body.gen-renew #wrap footer .footer_info_box * { color: var(--gen-sub) !important; font-size: 13px !important; line-height: 1.8 !important; }
body.gen-renew #topBtn { background: var(--gen-navy) !important; color: #fff !important; border: 0 !important; border-radius: 50% !important; width: 44px !important; height: 44px !important; font-size: 12px !important; font-weight: 800; }
body.gen-renew #topBtn:hover { background: var(--gen-red) !important; }

/* 화면 폭·좌우 날개배너: 기존 스킨 그대로 (넓은 화면 유지) */

/* =====================================================================
   메인 페이지 블록
   ===================================================================== */

/* ---------- 헤드라인 (NEWS ON AIR 슬라이더) ---------- */
body.gen-renew .headline-wd { margin-bottom: 36px; }
body.gen-renew .play_list2 { background: var(--gen-navy-d) !important; border: 0 !important; border-radius: 10px; overflow: hidden; }
body.gen-renew .play_list2 .play_list_inner { padding: 18px 20px 20px !important; }
body.gen-renew .play_list2 h2 { height: auto !important; line-height: 1 !important; margin: 0 0 14px !important; padding: 0 !important; font-size: 15px !important; font-weight: 800 !important; letter-spacing: .14em !important; color: #fff !important; display: flex; align-items: center; gap: 8px; }
body.gen-renew .play_list2 h2:before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: #ff4d5e; box-shadow: 0 0 0 4px rgba(255, 77, 94, .25); animation: genPulse 1.6s infinite; }
body.gen-renew .play_list2 h2 span { color: #ff6b7a !important; }
@keyframes genPulse { 0%, 100% { opacity: 1; } 50% { opacity: .35; } }
body.gen-renew #sp_slider .sp-slide .img_box { border-radius: 6px 0 0 6px; }
body.gen-renew #sp_slider .sp-slide a:hover .img_box img { transform: none; }
body.gen-renew .sp-caption-container { background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,.78) 100%) !important; height: 120px !important; line-height: 1.35 !important; padding: 44px 32px 0 !important; font-size: 27px !important; font-weight: 800 !important; letter-spacing: -0.03em; text-shadow: 0 2px 8px rgba(0,0,0,.35); border-radius: 0 0 0 6px; white-space: normal !important; }
body.gen-renew .sp-caption-container * { color: #fff !important; font-weight: 800 !important; }
body.gen-renew .sp-thumbnail-container { background-color: #0f2344 !important; border-top: 1px solid rgba(255,255,255,.07) !important; }
body.gen-renew .sp-thumbnail-container:hover { background-color: #15305a !important; }
body.gen-renew .sp-selected-thumbnail { background-color: #1a3a6c !important; }
body.gen-renew .sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:before { border-left-color: var(--gen-red) !important; border-color: var(--gen-red) !important; }
body.gen-renew .sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:after { border-right-color: var(--gen-red) !important; }
body.gen-renew #sp_slider .sp-thumbnail-image-container { border-radius: 4px; }
body.gen-renew #sp_slider .sp-thumbnail-title { color: #f1f5f9 !important; font-size: 14px !important; font-weight: 600 !important; line-height: 1.4 !important; height: 58px !important; }
body.gen-renew .sp-thumbnail-description, body.gen-renew .sp-thumbnail-description * { color: #9fb3d1 !important; font-size: 11.5px !important; }
body.gen-renew .sp-thumbnail-description .catg { color: #ff8a96 !important; font-weight: 600; }
body.gen-renew .sp-arrow { opacity: .85; }

/* ---------- 메인탑 4단 ---------- */
body.gen-renew .main_movie .section_n1_con { border-top: 0 !important; }
body.gen-renew .main_movie .section_n1_con ul { padding-top: 6px !important; display: flex; flex-wrap: wrap; gap: 0 25px; }
body.gen-renew .main_movie .section_n1_con ul li { float: none !important; width: 281px !important; height: auto !important; margin: 0 0 30px !important; overflow: visible !important; }
body.gen-renew .main_movie .section_n1_con ul li dl dd.img { margin-bottom: 14px !important; }
body.gen-renew .section_n1_con .img_box { width: 281px !important; height: 176px !important; }
body.gen-renew .section_n1_con .img_box img { width: 100% !important; height: 100% !important; }
body.gen-renew .main_movie .section_n1_con ul li dl dt { font-size: 17px !important; font-weight: 700 !important; line-height: 1.45 !important; height: auto !important; max-height: 2.9em; margin-bottom: 8px !important; color: var(--gen-ink); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
body.gen-renew .main_movie .section_n1_con ul li dl dd.txt { font-size: 14px; line-height: 1.6; color: var(--gen-mute); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; max-height: 3.2em; }

/* ---------- GEN TV · 포토뉴스 띠 ---------- */
body.gen-renew .column_area01 { background: var(--gen-bg) !important; padding-top: 36px !important; }
body.gen-renew .column_area01 .img_box { border-radius: 8px; }
body.gen-renew .movie_news .caption h3, body.gen-renew .photo_news .caption h3 { font-size: 21px !important; font-weight: 800 !important; line-height: 1.35 !important; }
body.gen-renew .movie_news .caption .info *, body.gen-renew .photo_news .caption .info * { color: #e5e7eb !important; font-size: 13px !important; }
body.gen-renew .movie_news .caption .catg, body.gen-renew .photo_news .caption .catg { color: #ffb3bb !important; font-style: normal; }
body.gen-renew .photo_news .caption { background: linear-gradient(to bottom, rgba(8,26,54,.55), rgba(8,26,54,.92)) !important; }
body.gen-renew .movie_news .caption_layer > img { display: none !important; }
body.gen-renew .movie_news .caption_layer { background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.8)) !important; }

/* 많이 본 기사 / 최신 기사 탭 */
body.gen-renew .rank .rank_con { border: 1px solid var(--gen-line) !important; background: #fff; border-radius: 8px; overflow: hidden; }
body.gen-renew .rank .rank_con .tab li { height: 48px !important; line-height: 48px !important; background: #f6f7f9 !important; border-color: var(--gen-line) !important; }
body.gen-renew .rank .rank_con .tab li a { font-size: 15.5px !important; font-weight: 600 !important; color: var(--gen-mute) !important; }
body.gen-renew .rank .rank_con .tab li.on { background: #fff !important; box-shadow: inset 0 3px 0 var(--gen-navy); }
body.gen-renew .rank .rank_con .tab li.on a { color: var(--gen-ink) !important; font-weight: 800 !important; }
body.gen-renew .rank_li_con { padding: 18px 18px 20px !important; }
body.gen-renew .rank_li_con > li { margin-bottom: 0 !important; padding: 9px 0; border-bottom: 1px dashed var(--gen-line); }
body.gen-renew .rank_li_con > li:last-child { border-bottom: 0; }
body.gen-renew .rank_li_item dl dt { height: auto !important; margin: 0 !important; font-size: 15px !important; font-weight: 500 !important; line-height: 1.45 !important; color: var(--gen-text); white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block !important; }
body.gen-renew .rank_li_item dl dt em { height: auto !important; width: 22px; margin-right: 8px !important; font-style: normal !important; font-weight: 800 !important; font-size: 16px !important; color: var(--gen-navy) !important; float: none !important; display: inline-block; text-align: center; }
body.gen-renew .rank_li_con > li:nth-child(-n+3) dt em { color: var(--gen-red) !important; }

/* Hot Channel */
body.gen-renew #hotChannel2 .photo_main_con { border: 1px solid var(--gen-line) !important; border-radius: 8px; background: #fff !important; overflow: hidden; }
body.gen-renew #hotChannel2 .photo_main_con > h2 { margin: 0 !important; padding: 14px 20px 14px 34px !important; border-bottom: 1px solid var(--gen-line) !important; }
body.gen-renew #hotChannel2 .photo_main_con > h2:before { left: 20px; top: 16px; }
body.gen-renew #hotChannel2 .photo_main_con .control { position: absolute; right: 14px; top: 9px; height: auto !important; line-height: 1 !important; }
body.gen-renew .photo_main_con .control button { width: 30px !important; height: 30px !important; border: 1px solid var(--gen-line) !important; border-radius: 50% !important; background: #fff !important; margin-left: 4px !important; position: relative; cursor: pointer; }
body.gen-renew .photo_main_con .control button:after { content: ""; position: absolute; left: 50%; top: 50%; width: 7px; height: 7px; border-top: 2px solid var(--gen-navy); border-right: 2px solid var(--gen-navy); }
body.gen-renew .photo_main_con .control button.btn_left_up:after, body.gen-renew .photo_main_con .control button.btn_left:after { transform: translate(-30%, -50%) rotate(-135deg); }
body.gen-renew .photo_main_con .control button.btn_right_up:after, body.gen-renew .photo_main_con .control button.btn_right:after { transform: translate(-70%, -50%) rotate(45deg); }
body.gen-renew .photo_main_con .control button:hover { border-color: var(--gen-navy) !important; }
body.gen-renew #hotChannel2 .photo_main_con ul li h3 { font-size: 16px !important; font-weight: 700 !important; line-height: 1.45 !important; height: 2.9em !important; color: var(--gen-ink) !important; margin-top: 12px !important; }
body.gen-renew #hotChannel2 .photo_main_con ul li p { display: none; }

/* ---------- 주요뉴스(섹션별) ---------- */
body.gen-renew .sec_n2 { border-top: 0 !important; margin-top: 10px; }
body.gen-renew .sec_n2 .section_top { position: relative; }
body.gen-renew .sec_n2 .n_etc, body.gen-renew .sec_n2 .n_etc * { color: var(--gen-mute) !important; font-size: 13px !important; }
body.gen-renew .sec_n2 h3 { color: var(--gen-ink); font-weight: 700 !important; }
body.gen-renew .sec_n2 .item_box_hd h3 { font-size: 22px !important; line-height: 1.4 !important; height: auto !important; max-height: 2.8em; }
body.gen-renew .sec_n2 .item_txt { color: var(--gen-mute) !important; font-size: 14.5px !important; line-height: 1.65 !important; }
body.gen-renew .sec_n2 .item_hd_web .img_box { border-radius: 6px; }

/* ---------- 투데이 핫이슈 ---------- */
body.gen-renew .contents02 { border-top: 0 !important; padding: 0 0 6px; }
body.gen-renew .contents02 > h2 em { color: var(--gen-red) !important; font-style: normal; }
body.gen-renew .contents02 .focus_img .img_box { border-radius: 8px; }
body.gen-renew .contents02 .focus_news dt a { font-size: 21px !important; font-weight: 800 !important; color: var(--gen-ink) !important; }
body.gen-renew .contents02 .focus_news dd, body.gen-renew .contents02 .focus_news dd a { color: var(--gen-sub) !important; font-size: 15px !important; line-height: 1.7 !important; }
body.gen-renew .contents02 .view_bt a { border: 1px solid var(--gen-red) !important; color: var(--gen-red) !important; border-radius: 16px !important; padding: 2px 12px !important; font-size: 13px !important; font-weight: 600 !important; background: #fff !important; }
body.gen-renew .contents02 .view_bt a:hover { background: var(--gen-red) !important; color: #fff !important; }

/* ---------- 포토 슬라이드 ---------- */
body.gen-renew .contents03:not(#hotChannel2) { background: var(--gen-navy-d) !important; width: 100% !important; max-width: none !important; padding: 34px 0 30px !important; }
body.gen-renew .contents03:not(#hotChannel2) .photo_main_con { background: transparent !important; border: 0 !important; }
body.gen-renew .contents03:not(#hotChannel2) .photo_main_con > h2 { color: #fff !important; border-bottom-color: rgba(255,255,255,.25) !important; }
body.gen-renew .contents03:not(#hotChannel2) .photo_main_con .num, body.gen-renew .contents03:not(#hotChannel2) .photo_main_con .num em { color: #cbd5e1 !important; font-size: 13px !important; font-style: normal; }
body.gen-renew .contents03:not(#hotChannel2) .photo_main_con .control { top: -2px; }
body.gen-renew .contents03:not(#hotChannel2) .sec_inner li h3 { color: #f8fafc !important; font-size: 15.5px !important; font-weight: 700 !important; }
body.gen-renew .contents03:not(#hotChannel2) .sec_inner li p { color: #94a3b8 !important; }
body.gen-renew .contents03:not(#hotChannel2) a:hover h3 { color: #ffb3bb !important; }

/* ---------- 하단 섹션(카드형) ---------- */
body.gen-renew .sec_n3_con, body.gen-renew .sec_n4_con { border: 1px solid var(--gen-line) !important; border-radius: 8px; background: #fff; box-shadow: none !important; }
body.gen-renew .sec_n3_con h3, body.gen-renew .sec_n4_con h3 { color: var(--gen-ink); font-weight: 700 !important; }
body.gen-renew .sec_n3_con .item_box01 h3 { font-size: 17px !important; line-height: 1.45 !important; }
body.gen-renew .sec_n3_con p, body.gen-renew .sec_n4_con p { color: var(--gen-mute) !important; }
body.gen-renew .sec_n4_con .item_box02 h3 { font-weight: 500 !important; font-size: 14.5px !important; }

/* ---------- 우측 컬럼 ---------- */
body.gen-renew .column_right01 .news_sec h2,
body.gen-renew .col_right .news_sec h2,
body.gen-renew .col_right .notice h2,
body.gen-renew .col_right .research h2 {
	position: relative; height: auto !important; line-height: 1.3 !important; margin: 0 0 12px !important; padding: 0 0 10px 12px !important; background: none !important; border: 0 !important; border-bottom: 2px solid var(--gen-ink) !important; font-size: 17px !important; font-weight: 800 !important; color: var(--gen-ink) !important;
}
body.gen-renew .col_right .news_sec h2:before, body.gen-renew .col_right .notice h2:before, body.gen-renew .col_right .research h2:before { content: ""; position: absolute; left: 0; top: 3px; width: 3px; height: 15px; background: var(--gen-red); }
body.gen-renew .col_right .news_sec h2 .tit_hd { float: none !important; border: 0 !important; padding: 0 !important; margin: 0 !important; background: none !important; font: inherit !important; color: inherit !important; height: auto !important; line-height: inherit !important; }
body.gen-renew .col_right .news_sec h2:after { display: none !important; }
body.gen-renew .col_right .more { position: absolute !important; right: 0; top: 0; float: none !important; border: 0 !important; background: none !important; height: auto !important; line-height: 1.3 !important; width: auto !important; }
body.gen-renew .col_right .more a { font-size: 12.5px !important; font-weight: 500 !important; color: var(--gen-mute) !important; border: 0 !important; background: none !important; padding: 0 !important; height: auto !important; line-height: 1.6 !important; width: auto !important; }
body.gen-renew .col_right .more a:hover { color: var(--gen-red) !important; }
body.gen-renew .col_right .news_sec, body.gen-renew .col_right .notice, body.gen-renew .col_right .research { margin-bottom: 30px !important; border: 0 !important; background: none !important; }
body.gen-renew .col_right .news_li li { padding: 7px 0 !important; border-bottom: 1px solid #f0f1f3; }
body.gen-renew .col_right .news_li li h3, body.gen-renew .col_right .notice_li li h3 { font-size: 14.5px !important; font-weight: 500 !important; color: var(--gen-text) !important; line-height: 1.5 !important; }
body.gen-renew .col_right .news_article h3 { font-size: 14px !important; font-weight: 600 !important; line-height: 1.45 !important; color: var(--gen-ink) !important; }
body.gen-renew .col_right .notice .notice_li { padding: 0 !important; border: 0 !important; }
body.gen-renew .col_right .notice_li li { padding: 7px 0 !important; border-bottom: 1px solid #f0f1f3; }
body.gen-renew .research_btn li a { border-radius: 4px !important; }
body.gen-renew .research_btn li.bt1 a { background: var(--gen-navy) !important; color: #fff !important; border-color: var(--gen-navy) !important; }

/* 하단 롤링배너 */
body.gen-renew .rolling_banner { border: 1px solid var(--gen-line) !important; border-radius: 8px; }

/* 보정 */
body.gen-renew #main .more_btn2, body.gen-renew #main .more_ico2 { top: 5px !important; bottom: auto !important; }
body.gen-renew .col_right .more { top: 2px !important; bottom: auto !important; }
body.gen-renew .col_right .news_li li { height: auto !important; line-height: 1.5 !important; margin: 0 !important; }
body.gen-renew .col_right .news_li li a, body.gen-renew .col_right .news_li li h3 { height: auto !important; line-height: 1.5 !important; margin: 0 !important; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
body.gen-renew .col_right .notice_li li, body.gen-renew .col_right .notice_li li h3 { height: auto !important; line-height: 1.5 !important; margin: 0 !important; }
body.gen-renew .col_right .news_article li h3 { height: 2.9em !important; overflow: hidden; }

/* =====================================================================
   서브페이지 (섹션 목록 · 기사 보기 공통)
   ===================================================================== */
body.gen-renew .col_right > * { position: relative; }
body.gen-renew .col_right .rank_li_con { float: none !important; width: auto !important; }
body.gen-renew .col_right .rank_li_con > li { float: none !important; width: auto !important; }

/* 우측 컬럼 위젯 제목 (Hot Channel / GEN TV / 포토 등) */
body.gen-renew .col_right .hotChannel > h2,
body.gen-renew .col_right .movie > h2,
body.gen-renew .col_right .photo > h2,
body.gen-renew .col_right .sns_widget > h2 {
	position: relative; height: auto !important; line-height: 1.3 !important; margin: 0 0 12px !important; padding: 0 0 10px 12px !important; background: none !important; border: 0 !important; border-bottom: 2px solid var(--gen-ink) !important; font-size: 17px !important; font-weight: 800 !important; color: var(--gen-ink) !important;
}
body.gen-renew .col_right .hotChannel > h2:before, body.gen-renew .col_right .movie > h2:before, body.gen-renew .col_right .photo > h2:before, body.gen-renew .col_right .sns_widget > h2:before { content: ""; position: absolute; left: 0; top: 3px; width: 3px; height: 15px; background: var(--gen-red); }
body.gen-renew .col_right .hotChannel, body.gen-renew .col_right .movie, body.gen-renew .col_right .photo { margin-bottom: 30px !important; }
body.gen-renew .col_right .caption_txt a { font-weight: 600 !important; }
body.gen-renew .col_right .img_box { border-radius: 6px; }
body.gen-renew .col_right #slideshow-2 { position: absolute; right: 0; top: -2px; z-index: 5; }

/* 서브 타이틀 */
body.gen-renew .sub_title { position: relative; height: auto !important; line-height: 1.3 !important; margin: 0 0 18px !important; padding: 0 0 14px !important; border: 0 !important; border-bottom: 3px solid var(--gen-ink) !important; background: none !important; font-size: 28px !important; font-weight: 800 !important; color: var(--gen-ink) !important; letter-spacing: -0.04em; }
body.gen-renew .sub_title > span { display: none !important; }
body.gen-renew .sub_title .bcrb { position: absolute; right: 0; bottom: 16px; top: auto !important; float: none !important; font-size: 13px !important; font-weight: 400 !important; color: var(--gen-mute) !important; line-height: 1.4 !important; height: auto !important; letter-spacing: 0; }

/* 섹션 이동 검색바 */
body.gen-renew .search_bar { background: var(--gen-bg) !important; border: 0 !important; border-radius: 8px; }
body.gen-renew .search_bar select { border: 1px solid var(--gen-line2) !important; border-radius: 6px !important; background-color: #fff !important; color: var(--gen-text) !important; height: 34px !important; }
body.gen-renew .search_bar button { border-radius: 6px !important; border: 1px solid var(--gen-navy) !important; background: var(--gen-navy) !important; color: #fff !important; height: 34px !important; }

/* 실시간뉴스 띠 */
body.gen-renew .issue { border-radius: 8px; overflow: hidden; border: 1px solid var(--gen-line) !important; height: 44px !important; line-height: 44px !important; }
body.gen-renew .issue_hd { background: var(--gen-navy) !important; color: #fff !important; font-size: 14.5px !important; font-weight: 700 !important; height: 44px !important; line-height: 44px !important; }
body.gen-renew .issue_con { background: #fff !important; border: 0 !important; height: 44px !important; line-height: 44px !important; }
body.gen-renew .issue_con a { font-size: 15.5px !important; font-weight: 600 !important; color: var(--gen-ink) !important; height: 44px !important; line-height: 44px !important; padding-left: 16px !important; }
body.gen-renew .issue_btn { background: #fff !important; }
body.gen-renew .issue_btn button { border-color: var(--gen-line) !important; background-color: #fff !important; }

/* 섹션 상단 카드 (sub_top: art_box) */
body.gen-renew .article_list .art_box li h3, body.gen-renew .article_list .art_box li dt { font-size: 17px !important; font-weight: 700 !important; line-height: 1.45 !important; color: var(--gen-ink) !important; }

/* 기사 목록 */
body.gen-renew .article_list .sub-tit { position: relative; margin: 10px 0 6px !important; padding: 0 0 12px 14px !important; border: 0 !important; border-bottom: 2px solid var(--gen-ink) !important; background: none !important; font-size: 20px !important; font-weight: 800 !important; color: var(--gen-ink) !important; height: auto !important; line-height: 1.3 !important; }
body.gen-renew .article_list .sub-tit:before { content: ""; position: absolute; left: 0; top: 4px; width: 4px; height: 18px; background: var(--gen-red); }
body.gen-renew .article_list .sub-tit em { color: var(--gen-red) !important; font-style: normal; }
body.gen-renew .article_list .art_list > li { border-bottom: 1px solid var(--gen-line) !important; padding: 22px 0 !important; }
body.gen-renew .article_list .art_list .thumb .img_box { border-radius: 6px; }
body.gen-renew .article_list .art_list dl dt, body.gen-renew .article_list .art_list dl dt a { font-size: 19px !important; font-weight: 700 !important; line-height: 1.45 !important; color: var(--gen-ink) !important; }
body.gen-renew .article_list .art_list dl dt a:hover { color: var(--gen-red) !important; text-decoration: none !important; }
body.gen-renew .article_list .art_list dd.text { font-size: 14.5px !important; line-height: 1.7 !important; color: var(--gen-sub) !important; margin-top: 6px !important; }
body.gen-renew .article_list .art_list dd.catg_date, body.gen-renew .article_list .art_list dd.catg_date * { font-size: 13px !important; color: var(--gen-mute) !important; }
body.gen-renew .article_list .art_list dd.catg_date .catg li { color: var(--gen-blue) !important; font-weight: 600; }

/* 페이지 번호 */
body.gen-renew .paging, body.gen-renew .pagination, body.gen-renew .paginate { text-align: center; }
body.gen-renew .paging a, body.gen-renew .paging strong, body.gen-renew .paging span { display: inline-block; min-width: 34px; height: 34px; line-height: 32px; margin: 0 2px; padding: 0 6px; border: 1px solid var(--gen-line2) !important; border-radius: 6px; background: #fff !important; color: var(--gen-text) !important; font-size: 14px; box-sizing: border-box; }
body.gen-renew .paging a.on, body.gen-renew .paging strong, body.gen-renew .paging .on { background: var(--gen-navy) !important; border-color: var(--gen-navy) !important; color: #fff !important; font-weight: 700; }
body.gen-renew .rank_li_item dl { display: block !important; width: auto !important; }
body.gen-renew .rank_li_item dl dt { float: none !important; width: auto !important; padding-right: 0 !important; }
body.gen-renew .article_list .art_list dd.text { height: auto !important; max-height: 3.4em; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
body.gen-renew .rank .rank_con > .tab { display: flex !important; float: none !important; width: 100% !important; height: auto !important; position: static !important; margin: 0 !important; padding: 0 !important; }
body.gen-renew .rank .rank_con > .tab li { float: none !important; flex: 1; width: auto !important; }
body.gen-renew .rank .rank_con > .tab.tab3 li { flex: 1 1 100%; text-align: left !important; }

/* =====================================================================
   기사 보기
   ===================================================================== */
body.gen-renew .article_con .page-header { margin-top: 8px; }
body.gen-renew .article_con .h-group { padding: 6px 0 22px !important; border: 0 !important; }
body.gen-renew .article_con .h-group .subject, body.gen-renew .article_con .h-group .subject a { font-size: 34px !important; font-weight: 800 !important; line-height: 1.38 !important; letter-spacing: -0.045em !important; color: var(--gen-ink) !important; height: auto !important; word-break: keep-all; }
body.gen-renew .article_con .h-group .sub-title { margin-top: 16px !important; padding: 2px 0 2px 16px !important; border-left: 4px solid var(--gen-line2) !important; font-size: 19px !important; font-weight: 600 !important; line-height: 1.55 !important; color: var(--gen-sub) !important; word-break: keep-all; background: none !important; }
body.gen-renew .article_con .view_top { border-top: 1px solid var(--gen-ink) !important; border-bottom: 1px solid var(--gen-line) !important; padding: 12px 0 !important; height: auto !important; }
body.gen-renew .article_con .view_top .date { color: var(--gen-mute) !important; font-size: 13.5px !important; }
body.gen-renew .article_con .rpy_num, body.gen-renew .article_con .rpy_num * { font-size: 13.5px !important; color: var(--gen-sub) !important; }
body.gen-renew .article_con .rpy_num em { color: var(--gen-red) !important; font-weight: 700; font-style: normal; }
body.gen-renew .article_con .home img { opacity: .7; }
body.gen-renew .view_con { font-size: 18px !important; line-height: 1.85 !important; color: #222 !important; letter-spacing: -0.01em; text-align: left !important; word-break: keep-all !important; padding-top: 10px; }
body.gen-renew .view_con p, body.gen-renew .view_con div, body.gen-renew .view_con span { line-height: 1.85; }
body.gen-renew .view_con p { margin: 0 0 1.1em; }
body.gen-renew .view_con img { max-width: 100%; height: auto; border-radius: 4px; }
body.gen-renew .view_con figcaption { font-size: 14px !important; color: var(--gen-mute) !important; }
body.gen-renew .view_con a { color: var(--gen-blue); text-decoration: underline; }
body.gen-renew .article_foot { margin-top: 20px; }
body.gen-renew .article_foot .art_etc { padding: 18px 0 !important; border-top: 1px solid var(--gen-line) !important; border-bottom: 0 !important; background: none !important; }
body.gen-renew .article_foot .art_etc span, body.gen-renew .article_foot .art_etc a { font-size: 14.5px !important; color: var(--gen-text) !important; }
body.gen-renew .article_foot .art_etc span:first-child { font-weight: 700; color: var(--gen-ink) !important; }
body.gen-renew .article_foot .art_etc .other a { display: inline-block; padding: 3px 12px !important; border: 1px solid var(--gen-line2) !important; border-radius: 14px; font-size: 13px !important; color: var(--gen-sub) !important; background: #fff !important; }
body.gen-renew .article_foot .art_etc .other a:hover { border-color: var(--gen-navy) !important; color: var(--gen-navy) !important; }
body.gen-renew .tag_list .tag_icon { display: none !important; }
body.gen-renew .tag_list li a { display: inline-block; padding: 4px 12px !important; margin: 0 6px 6px 0; border-radius: 14px !important; background: #eef2f8 !important; color: var(--gen-blue) !important; font-size: 13.5px !important; font-weight: 600 !important; border: 0 !important; }
body.gen-renew .tag_list li a:hover { background: var(--gen-navy) !important; color: #fff !important; }
body.gen-renew .art_copyright { color: var(--gen-mute) !important; font-size: 13px !important; padding: 14px 0 !important; border-top: 1px solid var(--gen-line) !important; }
body.gen-renew .related_news { border: 1px solid var(--gen-line) !important; border-radius: 8px; padding: 20px 24px !important; background: var(--gen-bg) !important; margin-top: 24px !important; }
body.gen-renew .related_news h3 { font-size: 17px !important; font-weight: 800 !important; color: var(--gen-ink) !important; border: 0 !important; padding: 0 0 12px !important; margin: 0 0 6px !important; border-bottom: 1px solid var(--gen-line2) !important; height: auto !important; line-height: 1.4 !important; }
body.gen-renew .related_news h3 .related { color: var(--gen-red) !important; font-style: normal; }
body.gen-renew .related_news li { padding: 6px 0 !important; background: none !important; }
body.gen-renew .related_news li a { font-size: 15px !important; color: var(--gen-text) !important; }
body.gen-renew .related_news li a:before { content: "·"; margin-right: 6px; color: var(--gen-red); font-weight: 800; }
body.gen-renew .best_news { margin-top: 30px !important; border-top: 0 !important; }
body.gen-renew .best_news > h3 { position: relative; font-size: 20px !important; font-weight: 800 !important; color: var(--gen-ink) !important; padding: 0 0 12px 14px !important; margin-bottom: 16px !important; border-bottom: 2px solid var(--gen-ink) !important; height: auto !important; line-height: 1.3 !important; background: none !important; }
body.gen-renew .best_news > h3:before { content: ""; position: absolute; left: 0; top: 4px; width: 4px; height: 18px; background: var(--gen-red); }
body.gen-renew .best_news li a { font-size: 15px !important; color: var(--gen-text) !important; }
body.gen-renew .best_news .img_box { border-radius: 6px; }
body.gen-renew .related_news { clear: both; float: left !important; width: 100% !important; box-sizing: border-box; }
body.gen-renew .article_con .related_news ul { margin-bottom: 0 !important; }
body.gen-renew .article_con .related_news ul li { height: auto !important; line-height: 1.5 !important; margin-top: 0 !important; }
body.gen-renew .article_con .related_news ul li a { background: none !important; padding-left: 0 !important; font-size: 15px !important; }
body.gen-renew .tag_list li { background: none !important; border: 0 !important; padding: 0 !important; margin: 0 !important; height: auto !important; }
body.gen-renew .tag_list .view01_tag > i { display: none; }
body.gen-renew .article_foot .art_etc span.other { border: 0 !important; padding: 0 !important; background: none !important; }
body.gen-renew .art_copyright { float: left; width: 100% !important; box-sizing: border-box; }
body.gen-renew .reply_btn, body.gen-renew .reply_btn a, body.gen-renew .reply_btn button, body.gen-renew .reply_btn input { background: var(--gen-navy) !important; color: #fff !important; border-color: var(--gen-navy) !important; border-radius: 6px !important; font-weight: 700 !important; }
body.gen-renew .reply_con_bx { border-radius: 8px; }
body.gen-renew .reply_con_bx input, body.gen-renew .reply_con_bx textarea { border: 1px solid var(--gen-line2) !important; border-radius: 6px !important; }

/* 푸터 - 기존 #wrap 규칙보다 우선 */
body.gen-renew .reply_con_bx .text_area button, body.gen-renew .reply-box button { background: var(--gen-navy) !important; color: #fff !important; border: 0 !important; border-radius: 6px !important; font-weight: 700 !important; font-size: 15px !important; }
body.gen-renew .reply_con_bx .text_area button:hover, body.gen-renew .reply-box button:hover { background: var(--gen-red) !important; }
body.gen-renew #topBtn2 { display: none !important; }
body.gen-renew .col_right .caption_txt, body.gen-renew .col_right .caption_txt a { text-shadow: 0 1px 3px rgba(0,0,0,.6); }

/* =====================================================================
   상단 전체(유틸 줄 + 로고 줄)도 딥네이비로 통일
   ===================================================================== */
body.gen-renew .header01, body.gen-renew .header01 .head { background: var(--gen-navy) !important; }
body.gen-renew .header01 .head { border-top: 1px solid rgba(255,255,255,.12) !important; }
body.gen-renew .header01 .head_menu { border-top: 1px solid rgba(255,255,255,.12) !important; }
/* 유틸 줄 글자 → 밝은 색 */
body.gen-renew .header01 .area_top ul li, body.gen-renew .header01 .area_top .weather, body.gen-renew .header01 .area_top .weather *,
body.gen-renew .header01 .weather_info * { color: #cbd5e1 !important; }
body.gen-renew .header01 .date-time { color: #fff !important; }
body.gen-renew .header01 .gnb li a { color: #e2e8f0 !important; }
body.gen-renew .header01 .gnb li a:hover { color: #fff !important; text-decoration: underline; }
body.gen-renew .header01 .gnb li a:after { color: rgba(255,255,255,.25) !important; }
body.gen-renew .header01 .main_top_search input { background: rgba(255,255,255,.1) !important; border-color: rgba(255,255,255,.25) !important; color: #fff !important; }
body.gen-renew .header01 .main_top_search input::placeholder { color: #94a3b8; }
body.gen-renew .header01 .main_top_search input:focus { background: rgba(255,255,255,.18) !important; border-color: #fff !important; }
body.gen-renew .header01 .main_top_search img { filter: brightness(0) invert(1); opacity: .85; }
/* 검은 글씨 로고 → 네이비 위에서 보이도록 흰색으로 표시 (원본 로고 파일은 그대로) */
/* 로고(흰 바탕 이미지)를 네이비 위에 자연스럽게: 흰 바탕은 투명처럼, 검은 글씨는 흰색으로 */
body.gen-renew .header01 .head .logo img { filter: grayscale(1) invert(1) contrast(1.15); mix-blend-mode: screen; }
/* 날씨 아이콘(흰 바탕 이미지)은 작은 흰 배지로 */
body.gen-renew .header01 .weather img, body.gen-renew .header01 .weather_info img { background: #fff; border-radius: 6px; padding: 2px; max-height: 26px !important; width: auto !important; vertical-align: middle; margin-right: 4px; }
/* 큰 모니터 자동 확대 시 날개배너 위치 (top.php 스크립트가 계산) — 푸터 아래로 페이지가 늘어나는 현상 방지 */
html.gen-zoom body.gen-renew .slide_banner .left_banner, html.gen-zoom body.gen-renew .slide_banner .right_banner { top: var(--gen-wing-top, 0px) !important; transition: top .25s ease-out; }

/* 우측 맨 아래 Facebook 위젯: 내용이 표시되지 않고 빈 칸(높이)만 차지해 하단 배너와 푸터 사이에 큰 빈 공간이 생김 → 새 디자인에서는 숨김 */
body.gen-renew .col_right .sns_widget { display: none !important; }
body.gen-renew #main .contents { margin-bottom: 20px !important; }
body.gen-renew #wrap footer { margin-top: 30px !important; }

/* =====================================================================
   좌우 날개배너(etc_A·etc_B)
   - 본문과 거리 띄우기 (기존 15px → 28px)
   - 같은 위치에 배너를 여러 개 등록하면 정사각형·직사각형 카드처럼 간격을 두고 세로로 나열
   ===================================================================== */
body.gen-renew .slide_banner .left_banner.banner_con, body.gen-renew .slide_banner .left_banner { float: none !important; margin: 0 0 0 -188px !important; }
body.gen-renew .slide_banner .right_banner.banner_con, body.gen-renew .slide_banner .right_banner { float: none !important; margin: 0 -188px 0 0 !important; }
body.gen-renew .slide_banner .left_banner, body.gen-renew .slide_banner .right_banner { width: 160px !important; }
body.gen-renew .slide_banner .banner_wrap { float: none !important; display: block; width: 160px !important; margin: 0 0 12px !important; border-radius: 8px; overflow: hidden; box-shadow: 0 2px 8px rgba(15,23,42,.12); background: #fff; }
body.gen-renew .slide_banner .banner_wrap:last-child { margin-bottom: 0 !important; }
body.gen-renew .slide_banner .banner_wrap img { display: block; width: 160px !important; height: auto !important; }
body.gen-renew .slide_banner .banner_wrap a { display: block; }

/* 서브메뉴 줄: 연한 라벤더 바탕 + 진보라 글자 */
body.gen-renew .header01 .sub_bar { background: #f1edf9 !important; border-bottom: 1px solid #e2dbf2 !important; }
body.gen-renew .header01 .sub_lnb li a { color: #4c2a85 !important; }
body.gen-renew .header01 .sub_lnb li a:hover { color: #2e1065 !important; text-decoration: underline; text-underline-offset: 4px; }

/* =====================================================================
   블록 입체감(카드) + 컬러 포인트
   - 배치·폭은 그대로 두고 그림자/여백 효과만으로 카드처럼 띄움
   ===================================================================== */
body.gen-renew {
	--gen-purple: #5b3fa0;
	--gen-teal: #0f766e;
	--gen-card-shadow: 0 1px 2px rgba(15,23,42,.06), 0 6px 18px rgba(15,23,42,.08);
	--gen-card-shadow-hover: 0 2px 4px rgba(15,23,42,.08), 0 14px 32px rgba(15,23,42,.14);
}
body.gen-renew #main { background: #f2f4f8; }
body.gen-renew #main .column_area01 { background: linear-gradient(180deg, #ebe7f6 0%, #f2f4f8 100%) !important; }

/* 공통 카드: 폭은 그대로, 흰 바탕을 바깥으로 14px 넓혀 보이게(spread shadow) */
body.gen-renew #main .sec_n2,
body.gen-renew #main .contents02,
body.gen-renew #main .movie_news,
body.gen-renew #main .photo_news,
body.gen-renew .col_right .news_sec,
body.gen-renew .col_right .notice,
body.gen-renew .col_right .research,
body.gen-renew .col_right .hotChannel,
body.gen-renew .col_right .movie,
body.gen-renew .col_right .photo,
body.gen-renew .news_list_sec,
body.gen-renew .article_view_sec {
	background: #fff !important; border-radius: 2px;
	box-shadow: 0 0 0 14px #fff, 0 0 0 15px rgba(15,23,42,.05), 0 12px 30px 14px rgba(15,23,42,.07) !important;
	margin-bottom: 44px !important;
}
body.gen-renew #main .sec_n2 { margin-top: 24px !important; }
body.gen-renew .col_right .news_sec, body.gen-renew .col_right .notice, body.gen-renew .col_right .research,
body.gen-renew .col_right .hotChannel, body.gen-renew .col_right .movie, body.gen-renew .col_right .photo { margin-top: 14px !important; }

/* 이미 테두리가 있는 박스형 블록 → 테두리 대신 그림자 */
body.gen-renew .rank .rank_con,
body.gen-renew #hotChannel2 .photo_main_con,
body.gen-renew .sec_n3_con, body.gen-renew .sec_n4_con,
body.gen-renew .play_list2 {
	border: 0 !important; border-radius: 12px !important; box-shadow: var(--gen-card-shadow) !important;
}
body.gen-renew .play_list2 { box-shadow: 0 10px 30px rgba(8,26,54,.35) !important; }

/* 블록 상단 컬러 띠 (네이비 · 보라 · 레드 · 틸 순환) */
body.gen-renew .sec_n3_con, body.gen-renew .sec_n4_con { border-top: 4px solid var(--gen-navy) !important; }
body.gen-renew .sec_n3_con:nth-child(4n+2), body.gen-renew .sec_n4_con:nth-child(4n+2) { border-top-color: var(--gen-purple) !important; }
body.gen-renew .sec_n3_con:nth-child(4n+3), body.gen-renew .sec_n4_con:nth-child(4n+3) { border-top-color: var(--gen-red) !important; }
body.gen-renew .sec_n3_con:nth-child(4n+4), body.gen-renew .sec_n4_con:nth-child(4n+4) { border-top-color: var(--gen-teal) !important; }
body.gen-renew .rank .rank_con .tab li.on { box-shadow: inset 0 3px 0 var(--gen-purple) !important; }
body.gen-renew #hotChannel2 .photo_main_con { border-top: 4px solid var(--gen-purple) !important; }

/* 섹션 제목 왼쪽 막대 색도 블록별로 */
body.gen-renew #main .sec_n2.sec_n2_02 .section_top h2:before { background: var(--gen-purple) !important; }
body.gen-renew #main .sec_n2.sec_n2_03 .section_top h2:before { background: var(--gen-teal) !important; }
body.gen-renew #main .photo_news .section_top h2:before { background: var(--gen-purple) !important; }
body.gen-renew #main .sec_n3_con:nth-child(4n+2) > h2:before, body.gen-renew #main .sec_n4_con:nth-child(4n+2) > h2:before { background: var(--gen-purple) !important; }
body.gen-renew #main .sec_n3_con:nth-child(4n+3) > h2:before, body.gen-renew #main .sec_n4_con:nth-child(4n+3) > h2:before { background: var(--gen-red) !important; }
body.gen-renew #main .sec_n3_con:nth-child(4n+4) > h2:before, body.gen-renew #main .sec_n4_con:nth-child(4n+4) > h2:before { background: var(--gen-teal) !important; }
body.gen-renew .col_right .news_sec:nth-of-type(2n) h2:before { background: var(--gen-purple) !important; }

/* 메인탑 4단 기사 → 개별 카드 + 마우스 올리면 살짝 떠오름 */
body.gen-renew .main_movie .section_n1_con { overflow: visible !important; }
body.gen-renew .main_movie .section_n1_con ul { overflow: visible !important; padding-top: 10px !important; }
body.gen-renew .main_movie .section_n1_con ul li { background: #fff; border-radius: 12px; overflow: hidden !important; box-shadow: var(--gen-card-shadow); transition: transform .2s ease, box-shadow .2s ease; }
body.gen-renew .main_movie .section_n1_con ul li:hover { transform: translateY(-4px); box-shadow: var(--gen-card-shadow-hover); }
body.gen-renew .main_movie .section_n1_con ul li dl dd.img { margin-bottom: 0 !important; }
body.gen-renew .section_n1_con .img_box { border-radius: 0 !important; }
body.gen-renew .main_movie .section_n1_con ul li dl dt { padding: 14px 16px 0; }
body.gen-renew .main_movie .section_n1_con ul li dl dd.txt { padding: 0 16px 16px; }
body.gen-renew .main_movie .section_n1_con ul li:nth-child(4n+1) { border-top: 4px solid var(--gen-navy); }
body.gen-renew .main_movie .section_n1_con ul li:nth-child(4n+2) { border-top: 4px solid var(--gen-purple); }
body.gen-renew .main_movie .section_n1_con ul li:nth-child(4n+3) { border-top: 4px solid var(--gen-red); }
body.gen-renew .main_movie .section_n1_con ul li:nth-child(4n+4) { border-top: 4px solid var(--gen-teal); }

/* 하단 섹션 카드도 마우스 올리면 떠오름 */
body.gen-renew .sec_n3_con, body.gen-renew .sec_n4_con, body.gen-renew #hotChannel2 .photo_main_con { transition: transform .2s ease, box-shadow .2s ease; }
body.gen-renew .sec_n3_con:hover, body.gen-renew .sec_n4_con:hover { box-shadow: var(--gen-card-shadow-hover) !important; }

/* 사진은 살짝 입체 */
body.gen-renew #main .img_box { box-shadow: 0 2px 6px rgba(15,23,42,.10); }
body.gen-renew .section_n1_con .img_box { box-shadow: none; }
body.gen-renew .main_movie .section_n1_con ul li dl dt { max-height: none !important; height: auto !important; }
body.gen-renew .main_movie .section_n1_con ul li dl dd.txt { max-height: none !important; }
body.gen-renew .main_movie .section_n1_con ul li dl dd.txt { display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden !important; max-height: 3.25em !important; line-height: 1.6 !important; padding: 0 16px !important; margin: 0 0 16px !important; }

/* =====================================================================
   세피아·파스텔 톤 (채도 낮고 살짝 바랜 신문지 느낌)
   — 이 블록만 지우면 이전(흰색) 디자인으로 돌아갑니다
   ===================================================================== */
body.gen-renew {
	--gen-paper: #f7f2e7;      /* 카드(신문지) */
	--gen-paper-d: #ece4d3;    /* 바탕 */
	--gen-paper-line: #ddd2bd; /* 선 */
	--gen-navy: #2a3650;       /* 바랜 딥네이비 */
	--gen-navy-d: #222c42;
	--gen-red: #a5574a;        /* 벽돌 */
	--gen-purple: #86708f;     /* 더스티 모브 */
	--gen-teal: #6f8c7f;       /* 세이지 */
	--gen-blue: #4f6788;
	--gen-ink: #2e2a24;
	--gen-text: #3a342c;
	--gen-sub: #5f564a;
	--gen-mute: #8a7f70;
	--gen-line: #ddd2bd;
	--gen-line2: #cbbfa8;
	--gen-bg: #efe8da;
	--gen-card-shadow: 0 1px 2px rgba(70,55,30,.08), 0 6px 18px rgba(70,55,30,.10);
	--gen-card-shadow-hover: 0 2px 4px rgba(70,55,30,.10), 0 14px 32px rgba(70,55,30,.16);
	background: var(--gen-paper-d) !important;
}
/* 바탕·카드 */
body.gen-renew #main { background: var(--gen-paper-d) !important; }
body.gen-renew #main .column_area01 { background: linear-gradient(180deg, #e6dccb 0%, var(--gen-paper-d) 100%) !important; }
body.gen-renew #main .sec_n2, body.gen-renew #main .contents02, body.gen-renew #main .movie_news, body.gen-renew #main .photo_news,
body.gen-renew .col_right .news_sec, body.gen-renew .col_right .notice, body.gen-renew .col_right .research,
body.gen-renew .col_right .hotChannel, body.gen-renew .col_right .movie, body.gen-renew .col_right .photo,
body.gen-renew .news_list_sec, body.gen-renew .article_view_sec {
	background: var(--gen-paper) !important;
	box-shadow: 0 0 0 14px var(--gen-paper), 0 0 0 15px rgba(90,70,40,.08), 0 12px 30px 14px rgba(70,55,30,.08) !important;
}
body.gen-renew .main_movie .section_n1_con ul li, body.gen-renew .rank .rank_con, body.gen-renew #hotChannel2 .photo_main_con,
body.gen-renew .sec_n3_con, body.gen-renew .sec_n4_con { background: var(--gen-paper) !important; }
body.gen-renew .rank .rank_con .tab li { background: #e9e0cd !important; }
body.gen-renew .rank .rank_con .tab li.on { background: var(--gen-paper) !important; }
body.gen-renew .img_box { background-color: #e4dac6; }
/* 상단·메뉴 */
body.gen-renew .header01 .sub_bar { background: #e9dfcb !important; border-bottom-color: var(--gen-paper-line) !important; }
body.gen-renew .header01 .sub_lnb li a { color: #5a4630 !important; }
body.gen-renew .header01 .sub_lnb li a:hover { color: #3b2c1a !important; }
body.gen-renew .header01 .navbar > ul.lnb1 > li > a:after { background: #e8c9a8 !important; }
body.gen-renew .header01 .head_menu .navbar > ul.lnb1 > li > a:hover, body.gen-renew .header01 .head_menu .navbar > ul.lnb1 > li.on > a, body.gen-renew .header01 .head_menu .navbar > ul.lnb2 > li > a:hover { color: #f0d9bf !important; }
body.gen-renew .play_list2 h2:before { background: #d98a7a; box-shadow: 0 0 0 4px rgba(217,138,122,.25); }
body.gen-renew .play_list2 h2 span, body.gen-renew .sp-thumbnail-description .catg { color: #e2a596 !important; }
/* 포토 슬라이드 띠 */
body.gen-renew .contents03:not(#hotChannel2) { background: var(--gen-navy-d) !important; }
/* 버튼·포인트 */
body.gen-renew .contents02 .view_bt a { background: transparent !important; }
body.gen-renew .search_bar { background: #e9e0cd !important; }
body.gen-renew .issue_con, body.gen-renew .issue_btn { background: var(--gen-paper) !important; }
body.gen-renew .search_bar select, body.gen-renew .main_top_search input { background-color: var(--gen-paper) !important; }
body.gen-renew .header01 .main_top_search input { background: rgba(255,255,255,.08) !important; }
body.gen-renew .related_news { background: #ede4d1 !important; }
body.gen-renew .tag_list li a { background: #e6dccb !important; color: #5a4630 !important; }
body.gen-renew .paging a, body.gen-renew .paging span { background: var(--gen-paper) !important; }
body.gen-renew .reply_con_bx { background: #ede4d1 !important; }
/* 푸터 */
body.gen-renew #wrap footer { background: #e6dccb !important; border-top-color: var(--gen-paper-line) !important; }
body.gen-renew #wrap footer .fnb { border-bottom-color: var(--gen-paper-line) !important; }
/* 날개배너: 신문지 위 '붙인 광고'처럼 얇은 테두리 */
body.gen-renew .slide_banner .banner_wrap { background: var(--gen-paper) !important; border: 1px solid var(--gen-paper-line); box-shadow: 0 2px 8px rgba(70,55,30,.12) !important; }
body.gen-renew .play_list2 { background: var(--gen-navy-d) !important; }
body.gen-renew .sp-thumbnail-container { background-color: #283350 !important; }
body.gen-renew .sp-thumbnail-container:hover { background-color: #313d5c !important; }
body.gen-renew .sp-selected-thumbnail { background-color: #3a4766 !important; }
body.gen-renew .rank .rank_con .tab li a { color: var(--gen-sub) !important; }

/* =====================================================================
   상단(헤더) — G-CEO 사이트 색 (미드나이트 네이비 + 샴페인 골드)
   ===================================================================== */
body.gen-renew { --gen-gold: #e6cd94; --gen-gold-d: #e5b564; --gen-mid: #091629; }
body.gen-renew .header01, body.gen-renew .header01 .head, body.gen-renew .header01 .head_menu, body.gen-renew .header01 .head_menu .navbar {
	background: var(--gen-mid) !important;
}
body.gen-renew .header01 .head { background: linear-gradient(135deg, #0b1a30 0%, #091629 55%, #081426 100%) !important; border-top: 1px solid rgba(230,205,148,.14) !important; }
body.gen-renew .header01 .head_menu { border-top: 1px solid rgba(230,205,148,.14) !important; }
body.gen-renew .header01 .date-time { color: var(--gen-gold) !important; }
body.gen-renew .header01 .gnb li a { color: #d8dde6 !important; }
body.gen-renew .header01 .gnb li a:hover { color: var(--gen-gold) !important; }
body.gen-renew .header01 .main_top_search input { border-color: rgba(230,205,148,.35) !important; background: rgba(255,255,255,.04) !important; }
body.gen-renew .header01 .main_top_search input:focus { border-color: var(--gen-gold) !important; }
/* 메뉴: 흰 글자, 현재 메뉴·마우스 올림은 골드 */
body.gen-renew .header01 .head_menu .navbar > ul.lnb1 > li > a:hover, body.gen-renew .header01 .head_menu .navbar > ul.lnb1 > li.on > a,
body.gen-renew .header01 .head_menu .navbar > ul.lnb2 > li > a:hover { color: var(--gen-gold) !important; }
body.gen-renew .header01 .navbar > ul.lnb1 > li > a:after { background: var(--gen-gold-d) !important; }
body.gen-renew .header01 .navbar > ul.lnb2 > li > a { color: #c9d0dc !important; }
/* 로고는 흰색 유지, 좌우 상단 배너는 원래 색 */

/* =====================================================================
   v17 — 푸터도 헤더와 같은 G-CEO 색 / 서브메뉴 색 변경 / 날개배너 간격 확대 / 짙은 띠 통일
   ===================================================================== */
/* 기사 사진은 원래 색 그대로 (배경이미지 방식 사진도 지워지지 않도록 background-color만 사용) */
body.gen-renew #main .img_box img, body.gen-renew .view_con img, body.gen-renew #sp_slider .sp-image { filter: none !important; }

/* 서브메뉴 줄: 한 톤 밝은 미드나이트 + 샴페인 골드 글자 */
body.gen-renew .header01 .sub_bar { background: #18284a !important; border-bottom: 1px solid rgba(230,205,148,.18) !important; }
body.gen-renew .header01 .sub_lnb li a { color: #e6cd94 !important; font-weight: 500 !important; }
body.gen-renew .header01 .sub_lnb li a:hover { color: #ffffff !important; text-decoration: none; }

/* 헤드라인 박스·포토 슬라이드 띠도 헤더와 같은 미드나이트 네이비 */
body.gen-renew .play_list2, body.gen-renew .contents03:not(#hotChannel2) { background: var(--gen-mid) !important; }
body.gen-renew .sp-thumbnail-container { background-color: #0f1f38 !important; }
body.gen-renew .sp-thumbnail-container:hover { background-color: #16294a !important; }
body.gen-renew .sp-selected-thumbnail { background-color: #1d3358 !important; }
body.gen-renew .play_list2 h2 span, body.gen-renew .sp-thumbnail-description .catg { color: #e6cd94 !important; }
body.gen-renew .play_list2 h2:before { background: #e5b564; box-shadow: 0 0 0 4px rgba(229,181,100,.25); }
body.gen-renew .contents03:not(#hotChannel2) .photo_main_con > h2:before { background: #e5b564 !important; }

/* 푸터: 미드나이트 네이비 + 골드 */
body.gen-renew #wrap footer { background: linear-gradient(135deg, #0b1a30 0%, #091629 60%, #081426 100%) !important; border-top: 3px solid #e5b564 !important; color: #c9d0dc !important; }
body.gen-renew #wrap footer .fnb { border-bottom: 1px solid rgba(230,205,148,.18) !important; }
body.gen-renew #wrap footer .fnb li a { color: #d8dde6 !important; }
body.gen-renew #wrap footer .fnb li a:before { color: rgba(230,205,148,.35) !important; }
body.gen-renew #wrap footer .fnb li a[href*="private_policy"], body.gen-renew #wrap footer .fnb li a[href*="teenager_policy"] { color: #e6cd94 !important; }
body.gen-renew #wrap footer .fnb li a:hover { color: #ffffff !important; }
body.gen-renew #wrap footer .footer_info_box, body.gen-renew #wrap footer .footer_info_box * { color: #c3cad6 !important; background: transparent !important; background-color: transparent !important; }
body.gen-renew #wrap footer .footer_info_box a { color: #e6cd94 !important; }
/* 푸터 로고(흰 바탕 이미지) → 네이비 위에 흰 로고로 */
body.gen-renew #wrap footer .logo_box img { filter: grayscale(1) invert(1) contrast(1.15); mix-blend-mode: screen; }
body.gen-renew #topBtn { background: #e5b564 !important; color: #091629 !important; }
body.gen-renew #topBtn:hover { background: #ffffff !important; }

/* 좌우 날개배너: 본문과 간격 더 넓게 (28px → 40px, 넓은 화면에서) */
@media screen and (min-width: 1640px) {
	body.gen-renew .slide_banner .left_banner.banner_con, body.gen-renew .slide_banner .left_banner { margin-left: -200px !important; }
	body.gen-renew .slide_banner .right_banner.banner_con, body.gen-renew .slide_banner .right_banner { margin-right: -200px !important; }
}
/* 큰 화면(자동 확대)에서도 헤더·서브메뉴·푸터 색이 화면 좌우 끝까지 이어지도록 */
/* (날개배너가 헤더 안에 있어서 헤더 전체가 아니라 줄마다 적용 — 헤더 전체에 적용하면 날개배너가 잘려 사라짐) */
body.gen-renew .header01 .area_top { box-shadow: 0 0 0 100vmax var(--gen-mid); clip-path: inset(0 -100vmax); position: relative; }
/* 로고 줄의 바깥 색을 메뉴줄 높이만큼 아래로 늘려 메뉴줄 좌우도 채움 (메뉴줄 자체에 잘라내기를 걸면 서브메뉴·전체메뉴가 사라짐) */
body.gen-renew .header01 .head { box-shadow: 0 0 0 100vmax var(--gen-mid); clip-path: inset(0 -100vmax -60px -100vmax); position: relative; }
body.gen-renew .header01 .head_menu { position: relative; z-index: 1; }
body.gen-renew .header01 .sub_bar { box-shadow: 0 0 0 100vmax #18284a; clip-path: inset(0 -100vmax); position: relative; }
body.gen-renew #wrap footer { box-shadow: 0 0 0 100vmax #091629; clip-path: inset(0 -100vmax); }

/* 기사 상세: 본문 사진(및 동영상) 모두 가운데 정렬 */
body.gen-renew .view_con img { display: block !important; float: none !important; margin-left: auto !important; margin-right: auto !important; }
body.gen-renew .view_con figure, body.gen-renew .view_con .cheditor-caption-wrapper, body.gen-renew .view_con .cheditor-caption-wrapper figure { float: none !important; margin-left: auto !important; margin-right: auto !important; display: table !important; }
body.gen-renew .view_con figcaption { text-align: center !important; }
body.gen-renew .view_con iframe, body.gen-renew .view_con video, body.gen-renew .view_con embed { display: block !important; margin-left: auto !important; margin-right: auto !important; max-width: 100%; }

/* 날씨: 한 줄만 보이도록 (롤링 다음 항목이 아래로 삐져나오지 않게) */
body.gen-renew .header01 .weather_info { height: 30px !important; margin-top: 5px !important; overflow: hidden !important; }
body.gen-renew .header01 #weather_info, body.gen-renew .header01 #weather_info > * { line-height: 30px !important; }
body.gen-renew .header01 .weather img, body.gen-renew .header01 .weather_info img { max-height: 22px !important; padding: 1px !important; border-radius: 5px !important; margin-top: 4px !important; vertical-align: top !important; }
body.gen-renew .header01 .weather_info .area, body.gen-renew .header01 .weather_info .temperature { line-height: 30px !important; padding: 0 2px !important; }

/* 메뉴줄 양 끝의 진한 회색 칸 제거 (메뉴 스킨의 배경 이미지/색) */
body.gen-renew .header01 .head_menu .navbar, body.gen-renew .header01 .head_menu .navbar > ul, body.gen-renew .header01 .head_menu .navbar > ul > li {
	background-color: transparent !important; background-image: none !important; border-left: 0 !important; border-right: 0 !important;
}
body.gen-renew .header01 .head_menu { background-image: none !important; }

/* 헤드라인 슬라이더: 기사 수가 적을 때 오른쪽 목록 아래 회색 칸 → 네이비로 */
body.gen-renew #sp_slider, body.gen-renew #sp_slider .sp-slides-container, body.gen-renew #sp_slider .sp-mask, body.gen-renew #sp_slider .sp-slides,
body.gen-renew #sp_slider .sp-thumbnails-container, body.gen-renew #sp_slider .sp-thumbnails, body.gen-renew .play_list2 .sp_con {
	background-color: #0f1f38 !important;
}

/* =====================================================================
   전체메뉴(☰) 서랍 — 글자 진하게 + 하위메뉴는 +/− 로 아래로 펼치기
   ===================================================================== */
body.gen-renew .allMenu.gen-am { position: fixed !important; top: 0 !important; left: 0 !important; width: 290px !important; height: 100vh !important; overflow-y: auto !important; background: #fbf8f1 !important; border: 0 !important; box-shadow: 6px 0 28px rgba(9,22,41,.25) !important; z-index: 99999 !important; }
body.gen-renew .allMenu.gen-am.none_ { display: none !important; }
body.gen-renew .allMenu .allmenu_wrap, body.gen-renew .allMenu .main_nv { float: none !important; width: auto !important; }
body.gen-renew .allMenu .main_nv > li, body.gen-renew .allMenu .main_nv > li.list_item, body.gen-renew .allMenu .main_nv > li.list_item:hover {
	position: relative; float: none !important; width: auto !important; height: auto !important; line-height: 1.4 !important; padding: 0 !important; margin: 0 !important;
	border: 0 !important; border-bottom: 1px solid #e6dcc8 !important; background: transparent !important;
}
body.gen-renew .allMenu .main_nv > li > a, body.gen-renew .allMenu .main_nv > li.list_item:hover > a {
	display: block; height: 54px; line-height: 54px !important; padding: 0 60px 0 22px !important; top: 0 !important;
	background: none !important; font-size: 16px !important; font-weight: 700 !important; color: #1f2430 !important; text-decoration: none;
}
body.gen-renew .allMenu .main_nv > li.list_item:not(.home_li):hover > a { background: #f1eadb !important; color: #091629 !important; }
/* + / − 버튼 */
body.gen-renew .allMenu .gen-am-tg { position: absolute; right: 0; top: 0; width: 54px; height: 54px; cursor: pointer; z-index: 2; }
body.gen-renew .allMenu .gen-am-tg:before, body.gen-renew .allMenu .gen-am-tg:after { content: ""; position: absolute; left: 50%; top: 50%; width: 14px; height: 2px; margin: -1px 0 0 -7px; background: #091629; border-radius: 1px; transition: transform .2s; }
body.gen-renew .allMenu .gen-am-tg:after { transform: rotate(90deg); }
body.gen-renew .allMenu li.gen-open > .gen-am-tg:after { transform: rotate(0deg); }
body.gen-renew .allMenu .gen-am-tg:hover { background: rgba(9,22,41,.06); }
/* 하위메뉴: 오른쪽으로 튀어나오던 패널 → 항목 아래로 펼침 */
body.gen-renew .allMenu .sub_mn { display: none !important; position: static !important; float: none !important; width: auto !important; height: auto !important; left: auto !important; padding: 4px 0 12px !important; background: #f3ecdd !important; border: 0 !important; }
body.gen-renew .allMenu li.gen-open > .sub_mn { display: block !important; }
body.gen-renew .allMenu .sub_mn .menu_top_news { display: none !important; }
body.gen-renew .allMenu .sub_mn .sub_nv { margin: 0 !important; float: none !important; }
body.gen-renew .allMenu .sub_mn .sub_nv li { float: none !important; height: auto !important; line-height: 1.4 !important; padding: 0 !important; background: none !important; }
body.gen-renew .allMenu .sub_mn .sub_nv li a { display: block; padding: 10px 22px 10px 36px !important; font-size: 15px !important; font-weight: 500 !important; color: #3a342c !important; }
body.gen-renew .allMenu .sub_mn .sub_nv li a:before { content: "·"; margin: 0 8px 0 -12px; color: #a5574a; font-weight: 800; }
body.gen-renew .allMenu .sub_mn .sub_nv li a:hover { color: #091629 !important; background: rgba(9,22,41,.05); text-decoration: none; }
/* Home 줄: 네이비 + 흰 닫기(X) */
body.gen-renew .allMenu .main_nv > li.home_li { background: #091629 !important; border-bottom: 2px solid #e5b564 !important; }
body.gen-renew .allMenu .main_nv > li.home_li > a { color: #e6cd94 !important; }
body.gen-renew .allMenu .main_nv .home_li div { top: 14px !important; right: 14px !important; z-index: 3; }
body.gen-renew .allMenu .main_nv .home_li div img { filter: brightness(0) invert(1); }
body.gen-renew .allMenu .main_nv .home_li .sub_nv { display: none !important; }
/* 아래쪽 포토/동영상/커뮤니티 박스 글자 진하게 */
body.gen-renew .allMenu a, body.gen-renew .allMenu li { color: #1f2430; }

/* 전체메뉴 아래쪽 버튼: 회색 아이콘 → 컬러 카드 + 컬러 이미지 아이콘 */
body.gen-renew .allMenu .nv_btn { float: none !important; padding: 16px 14px 24px !important; display: block; }
body.gen-renew .allMenu .nv_btn > li { float: none !important; width: auto !important; height: auto !important; margin: 0 0 10px !important; border: 0 !important; background: none !important; padding: 0 !important; }
body.gen-renew .allMenu .bt_box_con { display: flex; gap: 10px; border: 0 !important; background: none !important; }
body.gen-renew .allMenu .bt_bx { float: none !important; flex: 1; width: auto !important; border: 0 !important; border-radius: 14px; overflow: hidden; box-shadow: 0 4px 12px rgba(9,22,41,.12); }
body.gen-renew .allMenu .bt_bx a { display: block; padding: 14px 6px 12px !important; text-align: center; text-decoration: none; }
body.gen-renew .allMenu .pt_bt { background: linear-gradient(135deg,#f3e9f6,#e4d4ec) !important; }
body.gen-renew .allMenu .mv_bt { background: linear-gradient(135deg,#fbe9e4,#f2d2c9) !important; }
body.gen-renew .allMenu .bt_bx dd { width: 52px; height: 52px; margin: 0 auto 8px !important; background-size: 52px 52px !important; background-repeat: no-repeat !important; }
body.gen-renew .allMenu .pt_bt dd { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2064%2064%27%3E%3Cdefs%3E%3ClinearGradient%20id%3D%27g%27%20x1%3D%270%27%20y1%3D%270%27%20x2%3D%271%27%20y2%3D%271%27%3E%3Cstop%20offset%3D%270%27%20stop-color%3D%27%239b6fb0%27/%3E%3Cstop%20offset%3D%271%27%20stop-color%3D%27%235b3f86%27/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20width%3D%2764%27%20height%3D%2764%27%20rx%3D%2716%27%20fill%3D%27url%28%23g%29%27/%3E%3Cpath%20fill%3D%27none%27%20stroke%3D%27%23fff%27%20stroke-width%3D%273.2%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20d%3D%27M14%2024h8l3-5h14l3%205h8v22H14z%27/%3E%3Ccircle%20cx%3D%2732%27%20cy%3D%2735%27%20r%3D%277.5%27%20fill%3D%27%23ffe6a8%27%20stroke%3D%27%23fff%27%20stroke-width%3D%273%27/%3E%3Ccircle%20cx%3D%2745%27%20cy%3D%2728%27%20r%3D%271.8%27%20fill%3D%27%23fff%27/%3E%3C/svg%3E") !important; }
body.gen-renew .allMenu .mv_bt dd { background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2064%2064%27%3E%3Cdefs%3E%3ClinearGradient%20id%3D%27g%27%20x1%3D%270%27%20y1%3D%270%27%20x2%3D%271%27%20y2%3D%271%27%3E%3Cstop%20offset%3D%270%27%20stop-color%3D%27%23d9735f%27/%3E%3Cstop%20offset%3D%271%27%20stop-color%3D%27%239e3b2c%27/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20width%3D%2764%27%20height%3D%2764%27%20rx%3D%2716%27%20fill%3D%27url%28%23g%29%27/%3E%3Crect%20x%3D%2712%27%20y%3D%2717%27%20width%3D%2740%27%20height%3D%2730%27%20rx%3D%278%27%20fill%3D%27none%27%20stroke%3D%27%23fff%27%20stroke-width%3D%273.2%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27/%3E%3Cpath%20d%3D%27M28%2025v14l12-7z%27%20fill%3D%27%23ffe6a8%27/%3E%3C/svg%3E") !important; }
body.gen-renew .allMenu .bt_bx dd img { display: none !important; }
body.gen-renew .allMenu .bt_bx dt { font-size: 14.5px !important; font-weight: 700 !important; color: #2e2a24 !important; }
body.gen-renew .allMenu .menu_bt1 a, body.gen-renew .allMenu .menu_bt2 a, body.gen-renew .allMenu .menu_bt3 a {
	display: flex !important; align-items: center; height: 58px !important; line-height: 1 !important; padding: 0 16px 0 72px !important; border: 0 !important; border-radius: 14px;
	background-repeat: no-repeat !important; background-size: 40px 40px !important; background-position: 16px center !important;
	font-size: 15.5px !important; font-weight: 700 !important; text-align: left !important; text-decoration: none; box-shadow: 0 4px 12px rgba(9,22,41,.10);
}
body.gen-renew .allMenu .menu_bt1 a { background-color: #e3efe9 !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2064%2064%27%3E%3Cdefs%3E%3ClinearGradient%20id%3D%27g%27%20x1%3D%270%27%20y1%3D%270%27%20x2%3D%271%27%20y2%3D%271%27%3E%3Cstop%20offset%3D%270%27%20stop-color%3D%27%237fa898%27/%3E%3Cstop%20offset%3D%271%27%20stop-color%3D%27%233f6d5f%27/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20width%3D%2764%27%20height%3D%2764%27%20rx%3D%2716%27%20fill%3D%27url%28%23g%29%27/%3E%3Cpath%20fill%3D%27none%27%20stroke%3D%27%23fff%27%20stroke-width%3D%273.2%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20d%3D%27M14%2018h36v22H30l-9%208v-8h-7z%27/%3E%3Ccircle%20cx%3D%2724%27%20cy%3D%2729%27%20r%3D%272.2%27%20fill%3D%27%23ffe6a8%27/%3E%3Ccircle%20cx%3D%2732%27%20cy%3D%2729%27%20r%3D%272.2%27%20fill%3D%27%23ffe6a8%27/%3E%3Ccircle%20cx%3D%2740%27%20cy%3D%2729%27%20r%3D%272.2%27%20fill%3D%27%23ffe6a8%27/%3E%3C/svg%3E") !important; color: #23463b !important; }
body.gen-renew .allMenu .menu_bt2 a { background-color: #f8edd5 !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2064%2064%27%3E%3Cdefs%3E%3ClinearGradient%20id%3D%27g%27%20x1%3D%270%27%20y1%3D%270%27%20x2%3D%271%27%20y2%3D%271%27%3E%3Cstop%20offset%3D%270%27%20stop-color%3D%27%23e8c37a%27/%3E%3Cstop%20offset%3D%271%27%20stop-color%3D%27%23b8862f%27/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20width%3D%2764%27%20height%3D%2764%27%20rx%3D%2716%27%20fill%3D%27url%28%23g%29%27/%3E%3Cpath%20fill%3D%27none%27%20stroke%3D%27%23fff%27%20stroke-width%3D%273.2%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20d%3D%27M20%2012h17l9%209v31H20z%27/%3E%3Cpath%20fill%3D%27none%27%20stroke%3D%27%23fff%27%20stroke-width%3D%273.2%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20d%3D%27M37%2012v9h9%27/%3E%3Crect%20x%3D%2714%27%20y%3D%2734%27%20width%3D%2726%27%20height%3D%2712%27%20rx%3D%273%27%20fill%3D%27%23ffe6a8%27/%3E%3Ctext%20x%3D%2727%27%20y%3D%2743.5%27%20font-family%3D%27Arial%27%20font-size%3D%279%27%20font-weight%3D%27700%27%20text-anchor%3D%27middle%27%20fill%3D%27%237a4a10%27%3EPDF%3C/text%3E%3C/svg%3E") !important; color: #6b4a12 !important; }
body.gen-renew .allMenu .menu_bt3 a { background-color: #e2e8f3 !important; background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2064%2064%27%3E%3Cdefs%3E%3ClinearGradient%20id%3D%27g%27%20x1%3D%270%27%20y1%3D%270%27%20x2%3D%271%27%20y2%3D%271%27%3E%3Cstop%20offset%3D%270%27%20stop-color%3D%27%233a5a8c%27/%3E%3Cstop%20offset%3D%271%27%20stop-color%3D%27%2314294d%27/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20width%3D%2764%27%20height%3D%2764%27%20rx%3D%2716%27%20fill%3D%27url%28%23g%29%27/%3E%3Crect%20x%3D%2712%27%20y%3D%2715%27%20width%3D%2740%27%20height%3D%2734%27%20rx%3D%275%27%20fill%3D%27none%27%20stroke%3D%27%23fff%27%20stroke-width%3D%273.2%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27/%3E%3Crect%20x%3D%2718%27%20y%3D%2722%27%20width%3D%2712%27%20height%3D%2710%27%20rx%3D%271.5%27%20fill%3D%27%23ffe6a8%27/%3E%3Cpath%20fill%3D%27none%27%20stroke%3D%27%23fff%27%20stroke-width%3D%273.2%27%20stroke-linecap%3D%27round%27%20stroke-linejoin%3D%27round%27%20d%3D%27M35%2023h11M35%2030h11M18%2038h28M18%2043h20%27/%3E%3C/svg%3E") !important; color: #14294d !important; }
body.gen-renew .allMenu .menu_bt1 a:hover, body.gen-renew .allMenu .menu_bt2 a:hover, body.gen-renew .allMenu .menu_bt3 a:hover, body.gen-renew .allMenu .bt_bx:hover { filter: brightness(.97); transform: translateY(-1px); }
body.gen-renew .allMenu .loginBtn a { display: block; height: 50px !important; line-height: 50px !important; border-radius: 25px !important; background: linear-gradient(135deg,#0b1a30,#18284a) !important; color: #e6cd94 !important; font-weight: 700 !important; font-size: 15.5px !important; text-align: center; border: 1px solid #e5b564 !important; }
body.gen-renew .allMenu .loginBtn a:hover { background: #e5b564 !important; color: #091629 !important; }
body.gen-renew .allMenu .nv_btn > li.bt_box, body.gen-renew .allMenu .bt_box_con, body.gen-renew .allMenu .bt_bx { height: auto !important; overflow: visible; } body.gen-renew .allMenu .nv_btn > li.bt_box { margin-bottom: 14px !important; } body.gen-renew .allMenu .bt_bx { overflow: hidden; }
body.gen-renew .allMenu .bt_box_con { float: none !important; width: auto !important; }

/* ===== 2026-10-13: 헤더 슬로건 + 메뉴바 색 통일 ===== */
/* 슬로건 문구를 바꾸려면 아래 content 의 따옴표 안만 수정하세요 (\A 는 줄바꿈) */
body.gen-renew .header01 .head::after {
  content: "주한외국인투자기업의 성장과 함께하는,\A글로벌 경제 인텔리전스 미디어";
  white-space: pre; text-align: right;
  position: absolute; right: calc(50% - 800px); top: 50%; transform: translateY(-50%);
  pointer-events: none; z-index: 2;
  font-size: 22px; line-height: 1.45; font-weight: 700; letter-spacing: 0.02em;
  color: #e6cd94; text-shadow: 0 1px 3px rgba(0,0,0,.4);
}
body.gen-renew .header01 #nav2, body.gen-renew .header01 #nav9 { background: var(--gen-mid) !important; }
body.gen-renew .header01 #nav4 .navbar { background: transparent !important; }
/* 오른쪽 상단배너(main_B)가 걸리면 슬로건 자동 숨김 */
body.gen-renew .header01 .head:has(.tbnr02 img)::after, body.gen-renew .header01 .head:has(.tbnr02 iframe)::after { display: none; }
/* 전체메뉴: 가로 스크롤로 밀려 + 가 사라지는 문제 방지 */
body.gen-renew .allMenu.gen-am { overflow-x: hidden !important; overscroll-behavior: contain; }
body.gen-renew .allMenu.gen-am .menu_shadow { display: none !important; }
body.gen-renew .allMenu.gen-am * { max-width: 100%; box-sizing: border-box; }
/* 하단 롤링 슬라이드(제휴 로고) 작게 */
body.gen-renew .rolling_banner { height: auto !important; padding: 6px 0 !important; margin-bottom: 24px !important; }
body.gen-renew .rolling_banner .btn { height: 40px !important; line-height: 40px !important; }
body.gen-renew .rolling_banner .btn a img { width: 22px !important; height: 22px !important; opacity: .75; }
body.gen-renew .rolling_banner .rl_banner_con, body.gen-renew .rolling_banner .rl_banner_con .cycle-carousel-wrap { height: 40px !important; }
body.gen-renew .rolling_banner .rl_banner_con ul li { height: 40px !important; line-height: 40px !important; }
body.gen-renew .rolling_banner .rl_banner_con ul li a { display: block; height: 40px; line-height: 40px; text-align: center !important; }
body.gen-renew .rolling_banner .rl_banner_con ul li img { max-height: 32px !important; max-width: 100% !important; width: auto !important; height: auto !important; vertical-align: middle; }
/* 헤더 왼쪽: 산업통상부 로고 + 운영 기관 (로고 파일: /images/gen_motie_logo.png) */
body.gen-renew .header01 .gen-oper { position: absolute; left: calc(50% - 800px); top: 50%; transform: translateY(-50%); z-index: 2; display: flex; align-items: center; gap: 14px; pointer-events: none; }
body.gen-renew .header01 .gen-oper-logo { display: inline-flex; flex-direction: column; align-items: flex-start; gap: 6px; background: #fff; border-radius: 10px; padding: 6px 12px; box-shadow: 0 2px 8px rgba(0,0,0,.3); }
body.gen-renew .header01 .gen-oper-logo img { height: 30px; width: auto; display: block; filter: none !important; mix-blend-mode: normal !important; }
body.gen-renew .header01 .gen-oper-txt { display: grid; grid-template-columns: auto auto; column-gap: 10px; row-gap: 3px; align-items: center; white-space: nowrap; line-height: 1.3; }
body.gen-renew .header01 .gen-oper-tag { grid-row: 1 / span 2; align-self: center; font-size: 12px; font-weight: 700; color: #091629; background: #e5b564; border-radius: 4px; padding: 3px 6px; }
body.gen-renew .header01 .gen-oper-r { grid-column: 2; display: flex; align-items: baseline; gap: 6px; }
body.gen-renew .header01 .gen-oper-r em { font-style: normal; font-size: 13px; font-weight: 500; color: #c9d2e3; }
body.gen-renew .header01 .gen-oper-r strong { font-size: 15px; font-weight: 700; color: #e6cd94; text-shadow: 0 1px 3px rgba(0,0,0,.4); }
body.gen-renew .header01 .gen-oper-press { margin-top: 3px; padding-top: 4px; border-top: 1px solid rgba(230,205,148,.25); }
body.gen-renew .header01 .gen-oper-press strong { font-size: 13px; font-weight: 600; color: #f1f4fa; letter-spacing: .03em; }

body.gen-renew .header01 .gen-oper-logo img.gen-moel { height: 30px; }
/* 메인 우측 많이본/최신 기사(rank2): 제목 왼쪽, 썸네일 오른쪽으로 정리 */
body.gen-renew .rank2 .rank_li_con > li { width: auto !important; }
body.gen-renew .rank2 .rank_li_item { padding: 12px 0 !important; }
body.gen-renew .rank2 .rank_li_item dl { display: grid !important; grid-template-columns: minmax(0,1fr) 72px; column-gap: 10px; align-items: start; }
body.gen-renew .rank2 .rank_li_item dl dt { grid-column: 1; grid-row: 1; height: auto !important; max-height: 4.2em; overflow: hidden !important; display: -webkit-box !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical; white-space: normal !important; margin: 0 0 4px !important; padding: 0 !important; font-size: 14.5px !important; line-height: 1.4 !important; max-width: 100%; }
body.gen-renew .rank2 .rank_li_item dl dt em { height: auto !important; margin-right: 6px !important; }
body.gen-renew .rank2 .rank_li_item dl dd.catg { grid-column: 1; grid-row: 2; padding-left: 28px !important; font-size: 12px !important; color: var(--gen-mute) !important; }
body.gen-renew .rank2 .rank_li_item dl dd.img { grid-column: 2; grid-row: 1 / span 2; width: 72px !important; height: 54px !important; margin: 0 !important; float: none !important; overflow: hidden; border-radius: 6px; }
body.gen-renew .rank2 .rank_li_item dl dd.img .img_box, body.gen-renew .rank2 .rank_li_item dl dd.img img { width: 72px !important; height: 54px !important; object-fit: cover; margin: 0 !important; }
body.gen-renew .rank2 .rank_li_item dl dt.tit[style] { width: auto !important; }
/* 메인 하단: 우측 섹션 뉴스를 왼쪽 빈 영역에 3칸(벽돌식) 카드로 */
body.gen-renew .gen-rsec-moved, body.gen-renew .col_left .gen-rsec-moved.col_right { clear: both; float: none !important; width: auto !important; padding: 0 !important; position: static !important; display: block !important; column-count: 3; column-gap: 46px; margin: 40px 14px 30px !important; background: none !important; box-shadow: none !important; height: auto !important; }
body.gen-renew .gen-rsec-moved .news_sec { display: inline-block !important; width: 100% !important; float: none !important; margin: 14px 0 44px !important; min-width: 0; break-inside: avoid; -webkit-column-break-inside: avoid; page-break-inside: avoid; vertical-align: top; box-sizing: border-box; }
body.gen-renew .gen-rsec-moved .news_sec h2 { padding-right: 52px !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; }
body.gen-renew .gen-rsec-moved .news_sec ul { width: auto !important; float: none !important; height: auto !important; margin: 0 !important; padding: 0 !important; }
body.gen-renew .gen-rsec-moved .news_sec .news_article { display: grid !important; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 10px !important; }
body.gen-renew .gen-rsec-moved .news_sec .news_article li { width: auto !important; float: none !important; margin: 0 !important; padding: 0 !important; height: auto !important; }
body.gen-renew .gen-rsec-moved .news_sec .news_article li a { display: block; }
body.gen-renew .gen-rsec-moved .news_sec .news_article .img_box { width: 100% !important; height: auto !important; aspect-ratio: 4 / 3; margin: 0 0 8px !important; overflow: hidden; border-radius: 6px; background-size: cover !important; background-position: center !important; float: none !important; }
body.gen-renew .gen-rsec-moved .news_sec .news_article .img_box img { width: 100% !important; height: 100% !important; object-fit: cover; }
body.gen-renew .gen-rsec-moved .news_sec .news_article h3 { font-size: 13.5px !important; font-weight: 600 !important; line-height: 1.4 !important; height: auto !important; max-height: 2.8em; overflow: hidden; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal !important; margin: 0 !important; }
body.gen-renew .gen-rsec-moved .news_sec .news_article p { display: none !important; }
body.gen-renew .gen-rsec-moved .news_sec .news_li { border-top: 1px solid rgba(90,70,40,.12); padding-top: 6px !important; }
body.gen-renew .gen-rsec-moved .news_sec .news_li li { width: auto !important; float: none !important; height: auto !important; padding: 6px 0 !important; margin: 0 !important; }
body.gen-renew .gen-rsec-moved .news_sec .news_li li h3 { font-size: 13.5px !important; font-weight: 500 !important; line-height: 1.4 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; margin: 0 !important; height: auto !important; }

/* 신문지 질감(엠보싱 + 얼룩 + 섬유 티 + 입자) — 끄려면 이 블록만 지우세요 */
body.gen-renew, body.gen-renew #main { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='500' height='500'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.35' numOctaves='1' seed='5' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .25  0 0 0 0 .2  0 0 0 0 .12  0 0 0 9 -7.6'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)' opacity='.55'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .30  0 0 0 0 .24  0 0 0 0 .14  0 0 0 1.2 -.2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='700' height='700'%3E%3Cfilter id='m'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.006' numOctaves='3' seed='11' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .55  0 0 0 0 .45  0 0 0 0 .28  0 0 0 1.4 -.55'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23m)' opacity='.5'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='e2'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.05' numOctaves='4' seed='3' stitchTiles='stitch'/%3E%3CfeDiffuseLighting lighting-color='%23ffffff' surfaceScale='3'%3E%3CfeDistantLight azimuth='225' elevation='50'/%3E%3C/feDiffuseLighting%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23e2)' opacity='.2'/%3E%3C/svg%3E") !important; background-repeat: repeat !important; background-blend-mode: multiply, multiply, multiply, soft-light; }
body.gen-renew #main .column_area01 { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='500' height='500'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.35' numOctaves='1' seed='5' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .25  0 0 0 0 .2  0 0 0 0 .12  0 0 0 9 -7.6'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)' opacity='.55'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .30  0 0 0 0 .24  0 0 0 0 .14  0 0 0 1.2 -.2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='700' height='700'%3E%3Cfilter id='m'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.006' numOctaves='3' seed='11' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .55  0 0 0 0 .45  0 0 0 0 .28  0 0 0 1.4 -.55'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23m)' opacity='.5'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='e2'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.05' numOctaves='4' seed='3' stitchTiles='stitch'/%3E%3CfeDiffuseLighting lighting-color='%23ffffff' surfaceScale='3'%3E%3CfeDistantLight azimuth='225' elevation='50'/%3E%3C/feDiffuseLighting%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23e2)' opacity='.2'/%3E%3C/svg%3E"), linear-gradient(180deg, #e6dccb 0%, var(--gen-paper-d) 100%) !important; }

/* 기사 카드(지면)에도 옅은 신문지 입자 */
body.gen-renew #main .sec_n2, body.gen-renew #main .contents02, body.gen-renew #main .movie_news, body.gen-renew #main .photo_news, body.gen-renew .col_right .news_sec, body.gen-renew .col_right .notice, body.gen-renew .col_right .research, body.gen-renew .col_right .hotChannel, body.gen-renew .col_right .movie, body.gen-renew .col_right .photo, body.gen-renew .news_list_sec, body.gen-renew .article_view_sec, body.gen-renew .rank .rank_con { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .30  0 0 0 0 .24  0 0 0 0 .14  0 0 0 1.2 -.2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.28'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='700' height='700'%3E%3Cfilter id='m'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.006' numOctaves='3' seed='4' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .55  0 0 0 0 .45  0 0 0 0 .28  0 0 0 1.4 -.55'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23m)' opacity='.25'/%3E%3C/svg%3E") !important; background-repeat: repeat !important; }

/* 컬러 로고(G 빨강 · E 파랑 · N 흰색) — 반전 필터 해제 */
body.gen-renew .header01 .head .logo img.gen-logo-c, body.gen-renew #wrap footer .logo_box img.gen-logo-c { filter: none !important; mix-blend-mode: normal !important; }
body.gen-renew .header01 .head .logo img.gen-logo-c { height: auto; max-height: 108px; width: auto; }
body.gen-renew #wrap footer .logo_box img.gen-logo-c { max-height: 46px; }

/* 10개 언어 선택 */
body.gen-renew .gen-lang { position: relative; display: inline-block; font-family: inherit; z-index: 9990; }
body.gen-renew .gen-lang-btn { display: inline-flex; align-items: center; gap: 5px; height: 26px; padding: 0 10px; border: 1px solid rgba(230,205,148,.55); border-radius: 13px; background: rgba(230,205,148,.08); color: #e6cd94; font-size: 12.5px; font-weight: 600; cursor: pointer; line-height: 1; }
body.gen-renew .gen-lang-btn:hover { background: rgba(230,205,148,.2); }
body.gen-renew .gen-lang-list { display: none; position: absolute; top: 32px; right: 0; min-width: 140px; margin: 0; padding: 6px 0; list-style: none; background: #fbf8f1; border: 1px solid #ddd2bd; border-radius: 10px; box-shadow: 0 10px 28px rgba(9,22,41,.28); }
body.gen-renew .gen-lang.open .gen-lang-list { display: block; }
body.gen-renew .gen-lang-list li { float: none !important; height: auto !important; line-height: 1.3 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
body.gen-renew .gen-lang-list li:before, body.gen-renew .gen-lang-list li:after { display: none !important; }
body.gen-renew .gen-lang-list a { display: block; padding: 8px 16px !important; font-size: 13.5px !important; color: #1f2430 !important; text-decoration: none; white-space: nowrap; }
body.gen-renew .gen-lang-list a:hover { background: #efe6d3; }
body.gen-renew .gen-lang-list a.on { color: #a5574a !important; font-weight: 700; }
body.gen-renew .header01 .area_top .gnb li.gen-lang-li { display: flex !important; align-items: center; }
body.gen-renew .header01 .area_top .gnb li.gen-lang-li:before, body.gen-renew .header01 .area_top .gnb li.gen-lang-li:after { display: none !important; }
/* 구글 번역 상단 띠·말풍선 숨김 */
body.gen-renew { top: 0 !important; }
.goog-te-banner-frame, .skiptranslate iframe, #goog-gt-tt, .goog-te-balloon-frame, .VIpgJd-ZVi9od-ORHb-OEVmcd, .VIpgJd-ZVi9od-aZ2wEe-wOHMyf { display: none !important; }
font.goog-text-highlight, .VIpgJd-yAWNEb-VIpgJd-fmcmS-sn54Q { background: none !important; box-shadow: none !important; }
body.gen-renew .gen-lang-list.gen-lang-pop { display: none; position: fixed; min-width: 150px; z-index: 100000; margin: 0; padding: 6px 0; list-style: none; background: #fbf8f1; border: 1px solid #ddd2bd; border-radius: 10px; box-shadow: 0 10px 28px rgba(9,22,41,.28); }

body.gen-renew .gen-lang-btn .gen-lang-sep { font-style: normal; opacity: .5; margin: 0 2px; }
/* 언어 버튼: 로그인 글씨와 크기 맞추고 간격 띄우기 */
body.gen-renew .header01 .area_top .gnb li.gen-lang-li { margin-right: 18px !important; padding: 0 !important; height: 40px !important; }
body.gen-renew .header01 .gen-lang-inline .gen-lang-btn { height: 22px !important; padding: 0 9px !important; gap: 4px !important; font-size: 11.5px !important; font-weight: 500 !important; line-height: 22px !important; letter-spacing: .02em; border-color: rgba(230,205,148,.4) !important; background: transparent !important; }
body.gen-renew .header01 .gen-lang-inline .gen-lang-btn span, body.gen-renew .header01 .gen-lang-inline .gen-lang-btn i { font-size: 11.5px !important; line-height: 22px !important; }
body.gen-renew .header01 .gen-lang-inline .gen-lang-btn svg { width: 12px; height: 12px; }
body.gen-renew .header01 .gen-lang-inline .gen-lang-btn:hover { background: rgba(230,205,148,.15) !important; }
body.gen-renew .header01 .area_top .gnb li.gen-lang-li .gen-lang-inline { display: flex !important; align-items: center; height: 40px; }

/* 번역 모드: 운영기관 표시는 짧은 영문으로 교체 (로고와 겹침 방지) */
body.gen-renew .header01 .gen-oper-en { display: none !important; }
html.translated-ltr body.gen-renew .header01 .gen-oper-ko, html.translated-rtl body.gen-renew .header01 .gen-oper-ko { display: none !important; }
html.translated-ltr body.gen-renew .header01 .gen-oper-en, html.translated-rtl body.gen-renew .header01 .gen-oper-en { display: grid !important; }
body.gen-renew .header01 .gen-oper-en .gen-oper-r strong { font-size: 13.5px; }
body.gen-renew .header01 .gen-oper-en .gen-oper-press strong { font-size: 12px; }
html.translated-ltr body.gen-renew .header01 .head::after, html.translated-rtl body.gen-renew .header01 .head::after { content: "The Voice of Foreign-Invested Companies in Korea,\A Global Economic Intelligence Media"; font-size: 18px; }

/* 로고 줄 오른쪽: 슬로건 + 맨 끝 GEN NEWSWIRE */
body.gen-renew .header01 .head::after {
  content: "주한외국인투자기업의 성장과 함께하는,\A글로벌 경제 인텔리전스 미디어" !important; display: block !important;
  white-space: pre; text-align: right; position: absolute; right: calc(50% - 540px); top: 50%; transform: translateY(-50%);
  pointer-events: none; z-index: 2; font-size: 17px; line-height: 1.5; font-weight: 700; letter-spacing: .01em;
  color: #e6cd94; text-shadow: 0 1px 3px rgba(0,0,0,.4);
}
html.translated-ltr body.gen-renew .header01 .head::after, html.translated-rtl body.gen-renew .header01 .head::after { content: "Growing with Foreign-Invested\ACompanies in Korea" !important; font-size: 16px; }
body.gen-renew .header01 .gen-nw { position: absolute; right: calc(50% - 776px); top: 50%; transform: translateY(-50%); z-index: 3; width: 214px; box-sizing: border-box; display: flex; flex-direction: column; align-items: center; gap: 6px; text-decoration: none !important; padding: 11px 10px 10px; border: 1px solid rgba(230,205,148,.4); border-radius: 12px; background: linear-gradient(135deg, rgba(255,255,255,.05), rgba(255,255,255,0)); transition: border-color .2s, background .2s; }
body.gen-renew .header01 .gen-nw:hover { border-color: rgba(230,205,148,.85); background: rgba(230,205,148,.08); }
body.gen-renew .header01 .gen-nw-logo { display: flex; align-items: baseline; font-size: 21px; line-height: 1; font-weight: 900; font-family: inherit; white-space: nowrap; }
body.gen-renew .header01 .gen-nw-logo i { font-style: normal; }
body.gen-renew .header01 .gen-nw-logo .g { color: #ff4a4a; }
body.gen-renew .header01 .gen-nw-logo .e { color: #3898ff; }
body.gen-renew .header01 .gen-nw-logo .n { color: #ffffff; }
body.gen-renew .header01 .gen-nw-logo b { margin-left: 5px; font-weight: 800; color: #e6cd94; letter-spacing: .02em; }
body.gen-renew .header01 .gen-nw-txt { font-size: 12.5px; font-weight: 600; color: #f1f4fa; white-space: nowrap; }
body.gen-renew .header01 .gen-nw-txt em { font-style: normal; color: #e5b564; margin-left: 2px; }

/* GEN 리포트 드롭다운 */
body.gen-renew .header01 .lnb2 > li.gen-rpt { position: relative; }
body.gen-renew .header01 .lnb2 > li.gen-rpt > .gen-sub { display: none; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); min-width: 170px; margin: 0; padding: 8px 0; list-style: none; background: #fbf8f1; border: 1px solid #ddd2bd; border-radius: 10px; box-shadow: 0 12px 28px rgba(9,22,41,.3); z-index: 9999; }
body.gen-renew .header01 .lnb2 > li.gen-rpt:hover > .gen-sub, body.gen-renew .header01 .lnb2 > li.gen-rpt:focus-within > .gen-sub { display: block; }
body.gen-renew .header01 .lnb2 > li.gen-rpt > .gen-sub li { float: none !important; display: block !important; height: auto !important; line-height: 1.3 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; }
body.gen-renew .header01 .lnb2 > li.gen-rpt > .gen-sub li:before, body.gen-renew .header01 .lnb2 > li.gen-rpt > .gen-sub li:after { display: none !important; }
body.gen-renew .header01 .lnb2 > li.gen-rpt > .gen-sub a { display: block !important; padding: 10px 18px !important; font-size: 14.5px !important; font-weight: 600 !important; color: #1f2430 !important; white-space: nowrap; height: auto !important; line-height: 1.3 !important; text-align: left; }
body.gen-renew .header01 .lnb2 > li.gen-rpt > .gen-sub a:hover { background: #efe6d3; color: #a5574a !important; }