@charset "utf-8";

@font-face {
	font-family: 'Pretendard Variable';
	font-weight: 45 920;
	font-style: normal;
	font-display: swap;
	src: url('font/PretendardVariable.woff2') format('woff2-variations');
}

/* ---------- 변수 ---------- */
:root{
  --pink:#ff7ba9;
  --pink-bg:#f47f96;
  --pink-txt:#c2185b;
  --hot:#ff99a9;
  --hot-pink:#ff7489;

  --green:#2c7552;      /* 메인 민트그린 (rk_num.n3에서 이미 사용중) */
  --green-bg:#e0f7f1;   /* 연한 배경용 */
  --green-txt:#00a884;  /* 텍스트/강조용 (rk_name 3위에서 이미 사용중) */
  --green-dark:#00806a; /* hover, 진한 강조용 */

  --line:#e9e9e9;
  --txt:#000;
  --sub:#888;
  --radius:10px;
  --wrap:1280px;

  --white-txt:#fff;
}

/* @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700;900&display=swap'); */

/* 요소(element) 여백 초기화  */
html, body,
div, span,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
blockquote, p, address, pre, cite,
form, fieldset, input, textarea, select,
table, th, td,figure {
	margin:0;
	padding:0;
	box-sizing:border-box;
}

/* 테이블설정 */
table, th, td{
	margin:0;
}

/* 목록 */
ol, ul,li { list-style:none}

/* 테두리 없애기 */
fieldset, img, abbr,acronym { border:0 none; }


/* 테이블 - 마크업에 'cellspacing="0"' 지정 함께 필요 */
table {
	border-collapse: separate;
	border-spacing:0;
	border:0 none;
	}

/* 텍스트 관련 요소 초기화 */
address, caption, em, cite, th {
	font-weight:400;
	font-style:normal;
	}
ins { text-decoration:none; }
del { text-decoration:line-through; }

/* body 스타일 */
body,td,div {
	color:#5f5f5f;
	font-size:15px;
	font-family: 'Pretendard Variable', sans-serif;
	font-weight:400;
	/* letter-spacing: -0.02em; */
}

/* 링크 */
a, a:link {color:#2f2f2f;text-decoration:none;}
a:visited {color:#2f2f2f;text-decoration:none;}
a:hover {color:#ff99a9;text-decoration:none;}
a:focus {color:crimson;text-decoration:none;}
a:active {color:#2f2f2f;text-decoration:none;}

.telegram_a {font-size:14px;}
.telegram_icon {width:15px;}
.cate_nav_icon {width:20px;margin-right:2px;}
.mo_logo {width:22px;}

.mo_menu_auth a:hover {color:#fff; background:#3BAFDA;}

/* 이미지, 폼관련 요소 */
label, select, input, textarea {
	vertical-align:middle;
	box-sizing:border-box;
	font-size:15px;
}

select {
	padding:9px;
	border:1px solid #D8D8D8;
	background-color:#ffffff;
	font-size:1.05em;
	border-radius:6px;
}

img {max-width:100%;vertical-align:middle;}

.thm7{font-size:11px; font-family:'Pretendard Variable', sans-serif;letter-spacing: 0pt}
.input_{border:1px solid #D8D8D8; background-color:#ffffff;padding:9px;font-size:1.05em;border-radius:6px}


/* 관리자전용알림 */
.adminmess{display:flex;text-align:center;max-width:500px;margin:0 auto;border:2px dashed #000000;padding:10px ;background-color:#efefef;margin-top:10px;box-sizing:border-box;;align-items:center}
.adminmess span:first-child{display:block;padding:5px 20px;background-color:#595C60;color:#ffffff;border-radius:6px}
.adminmess span:last-child{padding-left:20px}


/* 네비게이션 디자인 */
.navi_design{background-color:#F5F5F5;border:1px solid #dddddd;text-align:left;height:50px;line-height:50px;}
.navi_design h2{display:none}
.navi_design ul{float:left;padding-left:10px}
.navi_design ul li{float:left;padding:0 20px;background:url(../image/A_icon_7.gif);background-repeat:no-repeat;background-Position:100% 50%;}
.navi_design ul li:last-child{background:url();}

.name_popup ul{position:absolute; z-index:1; left:0px; top:10px;background-color:#ffffff;border:1px solid #dddddd;width:120px;border-radius:10px;padding:10px}
.name_popup ul li > a{display:block;padding:5px 10px;}


/* 작성폼등에 설명글용 */
div.mess{margin-top:10px;color:#838383;line-height:1.3em}
span.mess{margin-left:10px;color:#838383}
div.guid{margin-top:10px;padding:10px;background-color:#efefef;border:1px solid #dddddd;border-radius:10px}


/* placeholder 색상변경 */
input::placeholder {color:#ccc;}
input::-webkit-input-placeholder {color:#ccc;}
input:-ms-input-placeholder {color:#ccc;} 
textarea::placeholder {color:#ccc;}
textarea::-webkit-input-placeholder {color:#ccc;}
textarea:-ms-input-placeholder {color:#ccc;}

/* ========================================
   빔님이 추가한 디자인
======================================== */
/* 공용 */
hr {display: none;}
.is-hidden {display:none !important}
.is-visible {display:block !important}
.msg_sound_only, .screen_reader_only, .sound_only {position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:700;text-align:center;line-height:3.3em}
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.img_fix {width:100%;height:auto}
.inner, #tnb .inner, #hd_wrapper, #cate_nav .cate_nav_wrap, .bn_inner, #container_wr, #ft_wr, #ft_copy {width:100%;max-width:var(--wrap);margin:0 auto;}


/* ========================================
   주소킹 상담 팝업 - 세련된 닫기 버튼
======================================== */
#hd_popup_new .hd_close {position:absolute !important;top:10px !important;right:16px !important;width:34px !important;height:34px !important;box-sizing:border-box;display:flex !important;align-items:center;justify-content:center;background:#ffffff !important;border:1px solid #d8d8d8;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,0.12);cursor:pointer;z-index:99999;font-size:0;transition:background-color 0.2s ease,border-color 0.2s ease,box-shadow 0.2s ease}

/* 기존 아이콘 숨기기 */
#hd_popup_new .hd_close i {display:none !important}

/* 깔끔한 X 표시 */
#hd_popup_new .hd_close::before {content:"\00D7";display:block;color:#444444;font-family:Arial,sans-serif;font-size:27px;font-weight:400;line-height:1}

/* 마우스를 올렸을 때 */
#hd_popup_new .hd_close:hover {background:#f3f3f3 !important;border-color:#aaaaaa;box-shadow:0 3px 9px rgba(0,0,0,0.18)}

/* 모바일 */
@media screen and (max-width: 768px) {
   #hd_popup_new .hd_close {top:10px !important;right:16px !important;width:34px !important;height:34px !important}
	#hd_popup_new .hd_close::before {font-size:27px}
}

/* 상단 유틸바 */
#tnb {padding:12px 0; border-bottom:1px solid #ddd;}
#tnb .inner {display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}
#hd_define, #hd_qnb {display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#hd_define li a, #hd_qnb li a {font-weight:900;line-height:26px;display:inline-block;font-size:15px;}
#hd_define .btn_ch {background:#0047a0;color:#fff;padding:0 12px;border-radius:4px}
#hd_define .btn_dm {background:#ff0000;color:#fff;padding:0 12px;border-radius:4px}
.hd_login {display:none}


/* 로고 / 날짜 / 검색 */
#hd_wrapper {position:relative;padding:22px 12px;display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}

/* 햄버거 버튼 (모바일 전용) */
#mo_menu_btn {display:none;position:absolute;left:12px;top:50%;transform:translateY(-50%);width:40px;height:40px;border:0;background:transparent;color:var(--txt);font-size:33px;line-height:1;z-index:5}

/* 찜목록 버튼 (모바일 전용) - 우측 끝, 햄버거와 동일 높이 */
#mo_fav_btn {display:none;position:absolute;right:12px;top:50%;transform:translateY(-50%);width:40px;height:40px;line-height:40px;text-align:center;z-index:5}
#mo_fav_btn img {width:34px;height:34px;object-fit:contain;vertical-align:middle}

/* ---------- 모바일 사이드 메뉴 ---------- */
#mo_menu {position:fixed;top:0;left:0;width:280px;max-width:82%;height:100%;background:#fff;z-index:1100;transform:translateX(-100%);transition:transform .25s ease;overflow-y:auto;-webkit-overflow-scrolling:touch;box-shadow:2px 0 12px rgba(0,0,0,.15)}
#mo_menu.on {transform:translateX(0)}
#mo_menu_bg {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.45);z-index:1090}
#mo_menu_bg.on {display:block}
body.mo_menu_lock {overflow:hidden}

.mo_menu_hd {position:relative;background:var(--pink-bg);padding:16px 44px 16px 16px}
.mo_menu_tit {display:block;font-size:18px;font-weight:700;color:var(--white-txt);line-height:1.4}
.mo_menu_close {position:absolute;right:8px;top:12px;width:32px;height:32px;border:0;background:transparent;color:var(--white-txt);font-size:13px}

.mo_menu_tab {display:grid;grid-template-columns:repeat(2,1fr);border-bottom:1px solid var(--line)}
.mo_menu_tab li + li {border-left:1px solid var(--line)}
.mo_menu_tab a {display:block;padding:14px 4px;text-align:center;font-weight:700;font-size:13px}

.mo_menu_auth {display:grid;grid-template-columns:repeat(2,1fr);background:var(--pink-bg)}
.mo_menu_auth li + li {border-left:1px solid rgba(255,255,255,.5)}
.mo_menu_auth a {display:block;padding:12px 4px;text-align:center;font-weight:700;font-size:13px;color:var(--white-txt)}

.mo_menu_cate {display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:12px}
.mo_menu_cate a {display:block;border:1px solid var(--line);border-radius:8px;padding:14px 8px;text-align:left;font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:35px;}
.mo_menu_cate a:hover {text-decoration:underline;}

/* 모바일 메뉴 Font Awesome 아이콘 크기 통일 */
.mo_menu_cate .mo_menu_icon {display:inline-flex;width:35px;height:35px;font-size:35px;align-items:center;justify-content:center;vertical-align:middle}

.mo_menu_ft {padding:12px;border-top:1px solid var(--line)}
.mo_menu_tg a {display:inline-block;color:#3f7fe0;font-weight:700;font-size:14px;margin-bottom:10px}
.mo_btn_ch,.mo_btn_dm {display:block;text-align:center;color:#fff !important;font-weight:700;font-size:14px;padding:9px 0;border-radius:4px;margin-bottom:6px}
.mo_btn_ch {background:#0047a0}
.mo_btn_dm {background:#ff0000}

#hd_top_row {display:contents}
#hd_date {position:absolute;left:12px;top:50%;transform:translateY(-50%);text-align:center;line-height:1.5}
#hd_date .hd_ymd {display:block;color:var(--hot);font-weight:700;font-size:18px}
#hd_date .hd_clock {display:block;color:var(--green);font-weight:700;font-size:18px}

/* ---------- 실시간 인기검색어 ---------- */
#hd_hot {position:absolute;left:250px;top:50%;transform:translateY(-50%);width:230px;height:26px;overflow:hidden}
#hd_hot_list {position:relative;top:0;margin:0;padding:0}
#hd_hot_list li {height:26px;line-height:26px;display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden}
#hd_hot_list .hk_num {color:var(--hot);font-weight:700;font-size:16px;flex-shrink:0}
#hd_hot_list a {color:var(--txt);font-weight:700;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#hd_hot_list a:hover {color:var(--pink)}

#logo {text-align:center}
#logo img {max-width:150px;width:auto}

.hd_sch_wr {position:absolute;right:12px;top:50%;transform:translateY(-50%);z-index:101;}

.global-search {display:flex;align-items:center;gap:8px}

/* 검색엔진 선택 */
.gs_engine {position:relative;flex-shrink:0}
.gs_engine select {position:absolute;left:-9999px;opacity:0;width:0;height:0}
.gs_sel {display:flex;align-items:center;justify-content:space-between;gap:8px;width:122px;height:40px;padding:0 12px;background:#f2f2f2;border-radius:8px;cursor:pointer;user-select:none}
.gs_sel_label {font-weight:700;font-size:15px;color:var(--txt)}
.gs_sel_arrow {color:#bbb;font-size:20px;font-weight:400}
.gs_engine:hover .gs_sel {background:#ebebeb}

.gs_items {display:none;position:absolute;left:0;top:46px;width:100%;background:#fff;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.15);overflow:hidden;z-index:1000}
.gs_items.on {display:block}
.gs_items li {padding:10px 12px;font-size:14px;cursor:pointer;color:var(--txt)}
.gs_items li:hover {background:#f7f7f7}
.gs_items li.on {background:#f2f2f2;color:var(--txt)}

/* 검색 입력 */
.gs_input_wrap {position:relative;flex-shrink:0}
.gs_input {width:240px;height:40px;padding:0 42px 0 14px;background:#f2f2f2;border:0 !important;border-radius:8px;font-size:15px;font-weight:700;color:var(--txt)}
.gs_input:focus {background:#ededed;box-shadow:none !important;border:0 !important}
.gs_input::placeholder {color:#aaa}
#gs_submit {position:absolute;right:0;top:0;width:42px;height:40px;background:transparent;border:0;color:#666;display:flex;align-items:center;justify-content:center}
#gs_submit:hover {color:var(--txt)}



/* ---------- 핑크 메뉴바 (GNB) ---------- */
#cate_nav {background:var(--pink-bg);position:relative;z-index:100}
#cate_nav > h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#cate_nav .cate_nav_wrap {position:relative}
#cate_nav #cate_nav_list {text-align:center;font-size:16px}
#cate_nav .cate_nav_item {display:inline-block;line-height:57px;position:relative}
#cate_nav .cate_nav_item.cate_nav_mobile { display: none; }
.cate_nav_link {display:block;padding:0 6px;color:var(--white-txt) !important;font-weight:700;font-size:20px;text-decoration:none !important;}
#cate_nav .cate_nav_item:hover > .cate_nav_link {color:#fff;transition:color .2s}
.cate_nav_link:hover {text-decoration:underline;}
.cate_nav_item .bg {display:none}

.cate_sub_list {display:none;position:absolute;top:50px;left:0;min-width:150px;z-index:200}
.cate_sub_list_box {border:1px solid var(--line);border-top:0;box-shadow:0 1px 5px rgba(0,0,0,.15);background:#fff}
.cate_sub_link {display:block;padding:0 12px;line-height:40px;color:var(--txt);text-align:left}
.cate_sub_link:hover {color:var(--pink-txt);background:#fdf3f7}
.cate_nav_item_over .cate_sub_list {display:block;left:0}
.cate_nav_item_over2 .cate_sub_list {display:block;right:0;left:auto}
.cate_nav_empty {padding:0 16px;line-height:50px;color:var(--txt)}
.cate_nav_empty a {color:var(--pink-txt);text-decoration:underline}


/* =========================================================
   주소킹 2차·3차 카테고리 프리미엄 드롭다운
   기존 nav#cate_nav HTML 구조 유지
   Font Awesome 4.x 호환
   ========================================================= */

/* ---------------------------------------------------------
   1. 메뉴 위치 기준
   --------------------------------------------------------- */
#cate_nav #cate_nav_list > .cate_nav_item {position:relative}
#cate_nav .cate_nav_sub_item {position:relative;display:block;width:100%;height:auto;margin:0;padding:0;line-height:normal;list-style:none}

/* ---------------------------------------------------------
   2. 2차·3차 메뉴 공통 패널
   --------------------------------------------------------- */
#cate_nav ul.cate_nav_submenu {display:block;position:absolute;width:180px;min-width:180px;max-width:200px;margin:0;padding:6px 0;list-style:none;box-sizing:border-box;background:#ffffff;border:1px solid #dce3ed;border-radius:3px;box-shadow:0 4px 12px rgba(24,39,75,0.10);opacity:0;visibility:hidden;pointer-events:none;z-index:10000;transition:opacity 0.18s ease,visibility 0.18s ease,transform 0.18s ease}

/* ---------------------------------------------------------
   3. 2차 메뉴 위치
   1차 메뉴 바로 아래에 표시
   --------------------------------------------------------- */
#cate_nav #cate_nav_list > .cate_nav_item > ul.cate_nav_submenu {top:100%;left:-50px;right:auto;transform:translateY(5px)}

/* 1차 메뉴에 마우스 오버 또는 키보드 포커스 */
#cate_nav #cate_nav_list > .cate_nav_item:hover > ul.cate_nav_submenu,#cate_nav #cate_nav_list > .cate_nav_item:focus-within > ul.cate_nav_submenu {opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}

/* ---------------------------------------------------------
   4. 3차 메뉴 위치
   2차 메뉴의 오른쪽에 바로 붙여 표시
   --------------------------------------------------------- */
#cate_nav #cate_nav_list > .cate_nav_item > ul.cate_nav_submenu > .cate_nav_sub_item {position:relative}
#cate_nav #cate_nav_list .cate_nav_sub_item > ul.cate_nav_submenu {top:0;left:100%;right:auto;margin:0;padding:6px 0;transform:translateX(0)}

/* 2차 항목에 마우스를 올리면 해당 3차 메뉴만 표시 */
#cate_nav #cate_nav_list .cate_nav_sub_item:hover > ul.cate_nav_submenu, #cate_nav #cate_nav_list .cate_nav_sub_item:focus-within > ul.cate_nav_submenu {opacity:1;visibility:visible;pointer-events:auto;transform:translateX(0)}

/* ---------------------------------------------------------
   5. 하위 메뉴 링크 기본 디자인
   --------------------------------------------------------- */
#cate_nav a.cate_nav_sub_link {position:relative;display:flex;align-items:center;justify-content:flex-start;width:100%;min-height:41px;margin:0;padding:9px 12px;box-sizing:border-box;color:#344054;background:transparent;border:0;border-radius:0;font-size:15px;font-weight:500;line-height:1.6;text-decoration:none;transition:color 0.18s ease,background-color 0.18s ease,padding-left 0.18s ease}
#cate_nav a.cate_nav_sub_link > .cate_nav_sub_text {flex:1}

/* 메뉴 텍스트 */
#cate_nav .cate_nav_sub_text {display:inline-block;font-size:15px !important;font-weight:500;min-width:0;flex:1}

/* ---------------------------------------------------------
   6. Font Awesome 아이콘
   --------------------------------------------------------- */
#cate_nav .cate_nav_sub_icon {display:inline-block;width:20px;min-width:20px;margin-right:9px;color:#8a96a8;font-size:15px;text-align:center;transition:color 0.18s ease,transform 0.18s ease}


/* 하위 메뉴가 있는 항목의 화살표 */
#cate_nav .cate_nav_arrow {display:inline-block;width:12px;min-width:12px;flex:0 0 12px;flex-shrink:0;margin-left:auto;padding-left:0;color:#9aa5b5;font-size:16px;text-align:right;line-height:1;transition:color 0.18s ease,transform 0.18s ease}

/* 1차 메뉴 화살표 */
#cate_nav .cate_nav_link > .cate_nav_arrow {display:inline-block;margin-left:6px;padding-left:0;font-size:12px;vertical-align:middle}

/* ---------------------------------------------------------
   7. 마우스 오버 및 키보드 포커스 효과
   --------------------------------------------------------- */
#cate_nav ul.cate_nav_submenu > .cate_nav_sub_item > a.cate_nav_sub_link:hover,#cate_nav ul.cate_nav_submenu > .cate_nav_sub_item > a.cate_nav_sub_link:focus {color:#175cd3;background:#eff6ff;padding-left:16px;outline:none}

/* 왼쪽 강조선 */
#cate_nav ul.cate_nav_submenu > .cate_nav_sub_item > a.cate_nav_sub_link:hover::before,#cate_nav ul.cate_nav_submenu > .cate_nav_sub_item > a.cate_nav_sub_link:focus::before {content:"";position:absolute;top:7px;bottom:7px;left:0;width:3px;background:#3478f6;border-radius:0 3px 3px 0}

/* 아이콘 강조 */
#cate_nav a.cate_nav_sub_link:hover .cate_nav_sub_icon,#cate_nav a.cate_nav_sub_link:focus .cate_nav_sub_icon {color:#3478f6;transform:scale(1.08)}

/* 화살표 강조 */
#cate_nav a.cate_nav_sub_link:hover .cate_nav_arrow, #cate_nav a.cate_nav_sub_link:focus .cate_nav_arrow {color:#175cd3;transform:translateX(2px)}

/* ---------------------------------------------------------
   8. 메뉴 항목의 첫 번째·마지막 모서리
   --------------------------------------------------------- */
#cate_nav ul.cate_nav_submenu > .cate_nav_sub_item:first-child > a.cate_nav_sub_link {border-radius:7px 7px 0 0}
#cate_nav ul.cate_nav_submenu > .cate_nav_sub_item:last-child > a.cate_nav_sub_link {border-radius:0 0 7px 7px}

/* ---------------------------------------------------------
   9. 모션 최소화 설정
   --------------------------------------------------------- */
@media (prefers-reduced-motion: reduce) {
    #cate_nav ul.cate_nav_submenu, #cate_nav a.cate_nav_sub_link, #cate_nav .cate_nav_sub_icon, #cate_nav .cate_nav_arrow {
        transition: none;
    }
}


/* ============================================================
   배너 (/sub/banner.php)
   ============================================================ */
.bn_sec {padding:0;margin-bottom:10px;}
.bn_tit {text-align:center;font-size:24px;font-weight:700;color:var(--txt);padding:10px 0 14px}
.bn_tit .ico {color:var(--pink-bg);}
.bn_grid {display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.bn_item {display:block;border:2px solid #d84c6f;border-radius:4px;overflow:hidden;line-height:0}
.bn_item img {width:100%;height:auto;display:block}



/* ============================================================
   푸터
   ============================================================ */
#ft {background:#fff;border-top:1px solid var(--line);text-align:center;margin-top:10px;}
#ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ft_wr {padding:24px 12px}
#ft_wr .ft_tg, #ft_wr .ft_catch {font-weight:900;}
#ft_link a {display:inline-block;margin:0 8px;line-height:2em;font-weight:700}
#ft_company {color:#666;line-height:1.9}
#ft_company h2 {font-size:16px;margin:12px 0 8px}
#ft_copy {padding:16px 12px;color:var(--txt);font-weight:700;font-size:15px}

#top_btn,#bottom_btn {position:fixed;right:20px;width:44px;height:44px;line-height:44px;border:0;border-radius:50%;background:#9e9e9e;color:#fff;text-align:center;font-size:16px;z-index:90}
#top_btn {bottom:74px}
#bottom_btn {bottom:22px}
#top_btn:hover, #bottom_btn:hover {background:#757575}



/* ============================================================
   반응형
   ============================================================ */

@media (max-width:1024px){
  .latest_wr,.latest_top_wr {grid-template-columns:repeat(2,1fr)}
  #hd_wrapper {display:block;text-align:center;padding:12px}

  /* 날짜/시계 + 실검 한 줄 배치 */
  #hd_top_row {display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:nowrap;margin-bottom:8px}
  #hd_date {position:static;transform:none;display:flex;align-items:center;gap:8px;flex-shrink:0}
  #hd_hot{position:static;transform:none;margin:0;width:auto;max-width:200px;flex-shrink:1;min-width:0}
  #hd_hot_list li {justify-content:flex-start}

  .hd_sch_wr {position:static;transform:none;margin:10px auto 0;display:flex;justify-content:center}
  .global-search {justify-content:center}
}

/* 모바일 */
@media (max-width:768px){
  body {font-size:13px}

  /* 상단 유틸바 숨김 (내용은 햄버거 메뉴에 있음) */
  #tnb {display:none}

  /* 햄버거 노출 - 로고와 같은 줄 왼쪽 */
  #mo_menu_btn {display:block;left:8px;top:50px;bottom:14px;transform:none}

  /* 찜목록 버튼 노출 - 햄버거와 동일 높이, 우측 끝 */
  #mo_fav_btn {display:block;right:8px;top:50px;bottom:14px;transform:none}

  #hd_wrapper {padding:10px 12px}

  #hd_top_row {gap:10px;margin-bottom:6px}
  #logo {padding-left:16px}
  #logo img {max-height:56px}
  #hd_date {flex-direction:row;gap:0;line-height:1.3}
  #hd_date .hd_ymd,#hd_date .hd_clock {font-size:14px}
  #hd_date .hd_clock { margin-left:5px;}
  #hd_hot {max-width:150px}
  #hd_hot_list .hk_num,#hd_hot_list a {font-size:14px}

  .hd_sch_wr {width:100%;padding:0}
  .global-search {width:100%}
  .gs_sel {width:82px;height:38px;padding:0 10px}
  .gs_sel_label {font-size:13px}
  .gs_input_wrap {flex:1;min-width:0}
  .gs_input {width:100%;height:38px;font-size:13px}
  #gs_submit {height:38px}

  /* 메뉴바 - 주소파크식 그리드(한눈에 전체 표시) */
  #cate_nav .cate_nav_wrap {padding:0}
  #cate_nav #cate_nav_list {
    display:grid;
    grid-template-columns:repeat(4,1fr); /* 한 줄에 4개 */
    white-space:normal;
    overflow:visible;
    text-align:center;
    font-size:13px;
  }
  #cate_nav .cate_nav_item {
    display:block;
    line-height:normal;
    position:static;
    border-right:1px solid rgba(255,255,255,.35);
    border-bottom:1px solid rgba(255,255,255,.35);
  }

  #cate_nav .cate_nav_item.cate_nav_mobile { display: block; }
  #cate_nav .cate_nav_item.cate_nav_mobile a i { font-size:20px; }
  /* 각 줄의 오른쪽 끝(3n번째) 테두리 제거 */
  #cate_nav .cate_nav_item:nth-child(4n) {border-right:0}
  .cate_nav_link {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:4px;
    padding:12px 4px;
    font-size:13px;
    line-height:1.3;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .cate_nav_link:hover {text-decoration:none}
  .cate_nav_icon {width:16px}
  .cate_sub_list {display:none !important}

  .bn_grid {grid-template-columns:1fr;gap:6px}
  .bn_tit {font-size:18px}

  .latest_wr,.latest_top_wr {grid-template-columns:1fr;gap:14px}

  .tbl_frm01 th {width:80px;padding:6px 8px}
  .half_input {width:100%}

  #top_btn,#bottom_btn {right:12px;width:40px;height:40px;line-height:40px}
  #top_btn {bottom:66px}
  #bottom_btn {bottom:18px}

  #ft_link a {margin:0 5px;font-size:12px}
  #ft_copy {font-size:13px}
}