@charset "utf-8";

/* ============================================================
   FICA 레이아웃 프레임 — 흰색 헤더 + 서브비주얼 + 현재위치(일반 흐름)
   메인/서브 레이아웃 공통 로드. common.css의 오버레이 규칙을 덮어씁니다.
   ============================================================ */

/* ---------- 흰색 솔리드 헤더 ---------- */
header.header {position:relative !important; top:0; background:#fff !important; box-shadow:0 1px 0 #eee, 0 6px 18px rgba(0,0,0,0.04); z-index:100;}
header.header nav::after {display:none !important;}
header h1 a {background-image:url(../images/common/logo.png) !important;}

@media screen and (min-width:1025px) {
	header.header {position:relative !important; padding-top:var(--topHeight);}
	header h1 a {margin:18px auto;}
	.topmenu {background:#f7f3f2 !important; border-bottom:1px solid #eee;}
	.topmenu a {color:#6f615c !important;}
	#google_translate_element .goog-te-gadget-simple > span > a,
	#google_translate_element .goog-te-gadget-simple > span > a > span:last-child {color:#6f615c !important;}
	.gnb > ul > li > a {color:#2d2822 !important;}
	.gnb > ul > li:hover > a {color:var(--color) !important;}
}

/* 스크롤 시 고정 헤더 */
header.header.fixed {position:fixed !important; background:#fff !important;}

/* ---------- 서브비주얼 (일반 흐름) ---------- */
#sub_visual {position:relative; background:url(../images/sub_vis01.jpg) 50% 28% / cover no-repeat; padding:0;}
#sub_visual::before {content:''; position:absolute; inset:0; background:linear-gradient(100deg, rgba(56,16,12,0.68) 0%, rgba(56,16,12,0.3) 60%, rgba(56,16,12,0.12) 100%);}
#sub_visual .tit_group {position:relative; z-index:1; padding-top:0 !important; height:var(--subvisHeight); display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center;}
#sub_visual .tit_group h2 {color:#fff; font-family:'Paperlogy', sans-serif; letter-spacing:-1px; text-shadow:0 2px 16px rgba(0,0,0,0.3);}
#sub_visual .tit_group p {color:rgba(255,255,255,0.9); font-size:1rem; letter-spacing:0; margin-top:0.5rem;}

/* ---------- 현재위치 (일반 흐름, 서브비주얼 바로 아래 풀폭 바) ---------- */
#path_wrap {position:relative !important; top:0 !important; left:0; width:100%; background:#fff; border-bottom:1px solid #ecdfdb; box-shadow:0 2px 8px rgba(0,0,0,0.03);}
#path_wrap .innerwrap {max-width:var(--maxWidth); margin:0 auto; padding:0 20px;}
.breadcrumb > li > a {color:#6f615c;}
.breadcrumb > li:first-child a::after {color:#a99b96;}
.breadcrumb > li.has_sub > a::after {color:#c3b4af;}
.breadcrumb > li > ul {background:var(--color);}
.breadcrumb > li.depth > a.on {background:var(--color); color:#fff;}
.breadcrumb > li.depth > a.on::after {color:#fff;}

/* ---------- 컨테이너 (absolute 해제 대응) ---------- */
.container {padding-top:0 !important;}
.container .sub_content {padding:3.125rem 0 6.25rem; min-height:400px;}

@media screen and (max-width:1024px) {
	#sub_visual {background-position:50% 30%;}
	.container .sub_content {padding:2.5rem 0 3.75rem;}
}