@charset "utf-8";
/* ============================================================
   회사소개 (cd=company) — hbil teal/emerald 테마
   ============================================================ */
.ceo_wrap {
	font-family: Pretendard, -apple-system, BlinkMacSystemFont, sans-serif;
	color: var(--hbil-text, #111827);
	max-width: 1100px;
	margin: 0 auto;
}
.ceo_wrap *,
.ceo_wrap *:before,
.ceo_wrap *:after { box-sizing: border-box; }
.ceo_wrap h2,
.ceo_wrap h3,
.ceo_wrap h4 {
	width: auto !important;
	height: auto !important;
	float: none !important;
	clear: none !important;
	border: none !important;
	padding: 0;
	margin: 0;
	line-height: 1.3;
}

/* ============================================================
   Hero (그라데이션 + 라이트 패턴)
   ============================================================ */
.ceo_hero {
	position: relative;
	min-height: 280px;
	padding: 60px 40px;
	margin-bottom: 32px;
	border-radius: 16px;
	overflow: hidden;
	background: linear-gradient(135deg, #0F766E 0%, #064E3B 100%);
	color: #fff;
}
.ceo_hero:before {
	content: '';
	position: absolute;
	inset: 0;
	background:
		radial-gradient(circle at 20% 20%, rgba(16, 185, 129, 0.25), transparent 50%),
		radial-gradient(circle at 80% 80%, rgba(94, 234, 212, 0.20), transparent 50%);
	pointer-events: none;
}
.ceo_hero_overlay { display: none; }
.ceo_hero_inner {
	position: relative;
	z-index: 2;
	max-width: 720px;
}
.ceo_hero .h_badge {
	margin-bottom: 16px;
	background: rgba(255,255,255,0.16) !important;
	color: #99F6E4 !important;
	border: 1px solid rgba(255,255,255,0.22);
	padding: 5px 14px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	font-size: 11px;
}
.ceo_hero_title {
	margin: 0 0 14px !important;
	font-size: 32px !important;
	font-weight: 700 !important;
	color: #fff !important;
	line-height: 1.3 !important;
	letter-spacing: -0.02em;
}
.ceo_hero_title strong {
	color: #5EEAD4 !important;
	font-weight: 800 !important;
	display: inline-block;
}
.ceo_hero_desc {
	margin: 0 !important;
	font-size: 15px;
	color: rgba(255,255,255,0.86);
	line-height: 1.6;
}

/* ============================================================
   CEO 인사말 본문
   ============================================================ */
.ceo_message {
	background: #fff;
	border: 1px solid var(--hbil-border, #E5E7EB);
	border-radius: 16px;
	padding: 44px 48px;
	margin-bottom: 28px;
}
.ceo_greeting { margin-bottom: 30px; }
.ceo_greet_hello {
	font-size: 16px;
	color: var(--hbil-text-soft, #4B5563);
	margin: 0 0 8px;
	letter-spacing: -0.01em;
}
.ceo_greet_intro {
	font-size: 20px;
	color: var(--hbil-text, #111827);
	margin: 0;
	letter-spacing: -0.02em;
	line-height: 1.5;
}
.ceo_greet_intro strong {
	color: var(--hbil-primary, #0F766E);
	font-weight: 700;
}

.ceo_principles {
	display: flex;
	flex-direction: column;
	gap: 28px;
}
.ceo_principle { padding-left: 0; }
.ceo_principle_label {
	display: inline-flex;
	align-items: center;
	padding: 8px 18px;
	margin: 0 0 14px;
	background: var(--hbil-dark, #064E3B);
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	border-radius: 8px;
	letter-spacing: -0.01em;
}
.ceo_principle p {
	margin: 0 0 12px;
	font-size: 14.5px;
	line-height: 1.85;
	color: var(--hbil-text-soft, #4B5563);
}
.ceo_principle p:last-child { margin-bottom: 0; }
.ceo_principle p strong {
	color: var(--hbil-primary, #0F766E);
	font-weight: 600;
}
.ceo_principle_thanks {
	margin-top: 8px !important;
	font-size: 15px !important;
	color: var(--hbil-text, #111827) !important;
	font-weight: 600;
}

.ceo_signature {
	margin-top: 36px;
	padding-top: 24px;
	border-top: 1px dashed var(--hbil-border, #E5E7EB);
	display: flex;
	justify-content: flex-end;
	align-items: baseline;
	gap: 12px;
}
.ceo_signature_role {
	font-size: 13.5px;
	color: var(--hbil-muted, #6B7280);
}
.ceo_signature_name {
	font-size: 22px;
	font-weight: 700;
	color: var(--hbil-text, #111827);
	font-family: 'Nanum Pen Script', 'Pretendard', cursive;
	letter-spacing: 0.04em;
}

/* ============================================================
   핵심 가치 카드 (3개)
   ============================================================ */
.ceo_values {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr) !important;
	gap: 18px !important;
	margin-bottom: 28px;
}
.ceo_value_card {
	padding: 28px 24px !important;
	text-align: left;
	display: flex !important;
	flex-direction: column;
	gap: 14px;
}
.ceo_value_card h4 {
	font-size: 16px !important;
	font-weight: 700 !important;
	color: var(--hbil-text, #111827) !important;
	margin: 0 !important;
}
.ceo_value_card p {
	margin: 0;
	font-size: 13.5px;
	color: var(--hbil-text-soft, #4B5563);
	line-height: 1.65;
}

/* page_body.html 컨테이너 패딩 보정 */
.box_body_center_content { padding: 0; }

/* tab_bar 잔재 */
.tab_bar { margin-bottom:0;}
#box_search { padding:10px; border-left:1px solid #dadcdc; border-right:1px solid #dadcdc; border-bottom:1px solid #dadcdc; }
.panel { margin-right:10px; }

/* 레거시(.ceo) 호환 */
.ceo { background: none; padding: 0; height: auto; }
.ceo h4 { font-size: 24px; color: var(--hbil-primary, #0F766E); padding: 0; }
.ceo_intro { margin-top: 20px; }
.p_txt { font-size: 16px; line-height: 1.6; }
.p_img { margin-top: 20px; }

.gm-style-iw { text-align: center; }

/* 반응형 */
@media (max-width: 900px) {
	.ceo_hero { padding: 40px 24px; min-height: 220px; }
	.ceo_hero_title { font-size: 24px !important; }
	.ceo_message { padding: 28px 24px; }
	.ceo_values { grid-template-columns: 1fr !important; }
}