@charset "utf-8";
/**
 * HANIRO LINE — design 통합 시안 공통 변수
 * /haniro_css/haniro_*.css 보다 먼저 로드
 */
:root {
	/* ── 컬러 팔레트 ── */
	--haniro-color-navy: #0B2846;
	--haniro-color-blue: #2962D9;
	--haniro-color-blue-light: #4B7CE4;
	--haniro-color-blue-soft: #5FA6D9;
	--haniro-color-yellow: #F9E621;
	--haniro-color-red: #FF5555;
	--haniro-color-black1: #222222;
	--haniro-color-black2: #303030;
	--haniro-color-gray1: #666666;
	--haniro-color-gray2: #757575;
	--haniro-color-gray3: #999999;
	--haniro-color-gray4: #CCCCCC;
	--haniro-color-bg1: #EBF1F5;
	--haniro-color-bg2: #F1F1F1;
	--haniro-color-bg3: #F8F8F8;
	--haniro-color-bg4: #F9F9F9;
	--haniro-color-border: #E4E4E4;
	--haniro-color-border-footer: #CFD5D9;
	--haniro-color-table-head: #F5F7FA;
	--haniro-color-white: #FFFFFF;

	--haniro-shortcut-pad-x: 10px;
	--haniro-shortcut-pad-y: 10px;
	--haniro-shortcut-menu-gap: 20px;
	--haniro-shortcut-item-width: 80px;
	--haniro-gnb-drop-gap: 19px;
	--haniro-gnb-drop-bridge: 24px;
	--haniro-notice-badge-size: 15px;
	--haniro-font-roboto: "Roboto", sans-serif;
	--haniro-font-jp: "Noto Sans JP", sans-serif;

	/* ── 레이아웃 ── */
	--haniro-layout-width: 1280px;

	/* ── 그림자 ── */
	--haniro-shadow-box: 4px 4px 10px rgba(0, 0, 0, 0.1);
	--haniro-shadow-input: 0 1px 4px rgba(0, 0, 0, 0.15);

	/* ── 남색 primary 버튼 (hover: 노랑 — 팝업 내부는 blue hover 별도 유지) ── */
	--haniro-btn-navy-bg: var(--haniro-color-navy);
	--haniro-btn-navy-color: var(--haniro-color-white);
	--haniro-btn-navy-hover-bg: var(--haniro-color-yellow);
	--haniro-btn-navy-hover-color: var(--haniro-color-navy);
	--haniro-btn-navy-hover-border: var(--haniro-color-yellow);
	--haniro-btn-navy-transition: background-color 0.25s ease, border-color 0.25s ease, color 0.25s ease;

	/* ── 시맨틱 (기존 CSS 호환) ── */
	--haniro-navy: var(--haniro-color-navy);
	--haniro-navy-light: var(--haniro-color-blue);
	--haniro-primary: var(--haniro-color-yellow);
	--haniro-primary-dark: var(--haniro-color-yellow);
	--haniro-text: var(--haniro-color-black1);
	--haniro-text-muted: var(--haniro-color-gray1);
	--haniro-border: var(--haniro-color-border);
	--haniro-border-footer: var(--haniro-color-border-footer);
	--haniro-border-gray: var(--haniro-color-gray4);
	--haniro-bg-gray: var(--haniro-color-bg2);
	--haniro-bg-table-cell: var(--haniro-color-bg4);
	--haniro-bg-footer: var(--haniro-color-bg1);
	--haniro-white: var(--haniro-color-white);
	--haniro-point: var(--haniro-color-navy);
	--haniro-link: var(--haniro-color-navy);
	--haniro-danger: var(--haniro-color-red);

	/* ── Noto Sans JP — font-weight 100~900 (variable font) ── */
	--haniro-fw-thin: 100;
	--haniro-fw-extralight: 200;
	--haniro-fw-light: 300;
	--haniro-fw-regular: 400;
	--haniro-fw-medium: 500;
	--haniro-fw-semibold: 600;
	--haniro-fw-bold: 700;
	--haniro-fw-extrabold: 800;
	--haniro-fw-black: 900;
}

body.haniro {
	font-family: var(--haniro-font-jp) !important;
	font-optical-sizing: auto;
	font-style: normal;
	font-weight: var(--haniro-fw-regular);
	color: var(--haniro-text);
}

body.haniro a {
	color: var(--haniro-link);
}