@charset "utf-8";
/* ============================================================
   [ima] 페이지·게시판 사이드 (side/ima-side.php)
   - 색은 페이지 공통(page/ima/ima-page.css)과 같은 남색 계열
   ============================================================ */
.ima-side {
	--sd-navy:  #12395f;
	--sd-blue:  #2f7fc1;
	--sd-line:  #e3e8ef;
	--sd-soft:  #f4f7fb;
	--sd-text:  #333b45;
	--sd-muted: #6b7684;
	--sd-radius: 10px;
	margin: .5rem 0 2rem;
	word-break: keep-all;
}
.ima-side a { text-decoration: none; }

/* 로그인 */
.ima-side-login { margin-bottom: 1rem; }

/* 하위메뉴 */
.ima-snb { overflow: hidden; border: 1px solid var(--sd-line); border-radius: var(--sd-radius); background: #fff; }
.ima-snb-head {
	padding: 1.05rem 1.2rem; background: var(--sd-navy);
	color: #fff; font-size: 19px; font-weight: 800; letter-spacing: -.5px; line-height: 1.3;
}
.ima-snb-en { display: block; margin-bottom: .15rem; color: rgba(255,255,255,.6); font-size: 11px; font-weight: 700; letter-spacing: .18em; }
.ima-snb-list { margin: 0; padding: .35rem 0; list-style: none; }
.ima-snb-list > li > a {
	position: relative; display: flex; align-items: center; justify-content: space-between;
	padding: .68rem 1.2rem; color: var(--sd-text); font-size: 15px;
}
.ima-snb-list > li > a .fa { color: #c3cad4; font-size: 15px; transition: transform .15s; }
.ima-snb-list > li > a:hover { background: var(--sd-soft); color: var(--sd-navy); }
.ima-snb-list > li > a:hover .fa { transform: translateX(2px); color: var(--sd-navy); }
.ima-snb-list > li + li > a::before {      /* 항목 사이 옅은 줄 */
	content: ""; position: absolute; left: 1.2rem; right: 1.2rem; top: 0; height: 1px; background: #eef1f5;
}
.ima-snb-list > li.on > a { background: var(--sd-soft); color: var(--sd-navy); font-weight: 800; }
.ima-snb-list > li.on > a::after {         /* 선택 표시 : 왼쪽 남색 막대 */
	content: ""; position: absolute; left: 0; top: 8px; bottom: 8px; width: 3px; border-radius: 0 3px 3px 0; background: var(--sd-navy);
}
.ima-snb-list > li.on > a .fa { color: var(--sd-navy); }

/* 3차 메뉴 */
.ima-snb-sub { margin: 0; padding: .2rem 0 .5rem; list-style: none; background: var(--sd-soft); }
.ima-snb-sub a { display: block; padding: .3rem 1.2rem .3rem 2rem; color: var(--sd-muted); font-size: 14px; }
.ima-snb-sub a::before { content: "·"; margin-right: .4rem; }
.ima-snb-sub li.on a, .ima-snb-sub a:hover { color: var(--sd-navy); font-weight: 700; }

/* 문의 */
.ima-side-call {
	display: flex; align-items: center; gap: .8rem; margin-top: 1rem; padding: .9rem 1.1rem;
	border: 1px solid var(--sd-line); border-radius: var(--sd-radius); background: #fff;
}
.ima-side-call > .fa {
	flex: 0 0 38px; width: 38px; height: 38px; border-radius: 50%;
	background: var(--sd-soft); color: var(--sd-navy); font-size: 17px; line-height: 38px; text-align: center;
}
.ima-side-call span { display: block; color: var(--sd-muted); font-size: 12.5px; line-height: 1.3; }
.ima-side-call a { color: var(--sd-navy); font-size: 18px; font-weight: 800; letter-spacing: .02em; font-variant-numeric: tabular-nums; }