@charset "utf-8";

/* ============================================
   설립취지 및 목적 (mission) 전용 스타일 — 브릭 테마(#92342b)
   리드문 + 설립취지 카드 + 목적 아이콘 카드
   색상/폰트/아이콘은 레이아웃 공통(--color, --gradient, Material Icons)
   ============================================ */

/* 소제목 */
.mission h4.con_tit {display:flex; align-items:center; gap:10px; font-size:1.5rem; color:#2d2422; margin:0 0 1.5rem;}
.mission h4.con_tit::before {content:''; width:7px; height:26px; background:var(--gradient); border-radius:50rem;}
.mission section {margin-top:3.5rem;}

/* ---------- 리드문 ---------- */
.est_lead {position:relative; background:linear-gradient(125deg, #faf3f1 0%, #f6eeec 100%); border:1px solid #ecdcd8; border-radius:22px; padding:2.75rem 2.5rem; overflow:hidden;}
.est_lead::before {content:'\201C'; position:absolute; top:0.6rem; left:1.5rem; font-family:Georgia, serif; font-size:6.5rem; line-height:1; color:rgba(146,52,43,0.12);}
.est_lead .badge {display:inline-flex; align-items:center; gap:7px; background:var(--color); color:#fff; font-size:0.8125rem; font-weight:700; border-radius:50rem; padding:5px 16px; margin-bottom:1.125rem; position:relative;}
.est_lead .badge .material-icons-outlined {font-size:1.0625rem;}
.est_lead p {position:relative; font-size:1.1875rem; line-height:1.85; color:#3a2f2d; word-break:keep-all; font-weight:500;}
.est_lead p .hl {color:var(--color); font-weight:700;}

/* ---------- 설립취지 카드 (번호형) ---------- */
.reason_list {display:grid; grid-template-columns:1fr; gap:1rem;}
.reason_list > li {display:flex; align-items:flex-start; gap:1.125rem; background:#fff; border:1px solid #eadfdc; border-left:4px solid var(--color); border-radius:16px; padding:1.5rem 1.625rem; box-shadow:0 5px 16px rgba(146,52,43,0.05); transition:transform .2s ease-out, box-shadow .2s ease-out;}
.reason_list > li:hover {transform:translateY(-4px); box-shadow:0 14px 28px rgba(146,52,43,0.12);}
.reason_list > li .no {flex:0 0 42px; width:42px; height:42px; display:inline-flex; justify-content:center; align-items:center; background:var(--gradient); color:#fff; border-radius:13px; font-size:1.25rem; font-weight:800; font-family:"Roboto", sans-serif;}
.reason_list > li p {font-size:1.0938rem; line-height:1.65; color:#41372f; padding-top:5px; word-break:keep-all;}

/* ---------- 목적 카드 (아이콘 그리드) ---------- */
.obj_grid {display:grid; grid-template-columns:1fr; gap:1.125rem;}
.obj_card {background:#fff; border:1px solid #eadfdc; border-radius:18px; padding:1.75rem 1.625rem; box-shadow:0 5px 16px rgba(146,52,43,0.05); transition:transform .2s ease-out, box-shadow .2s ease-out, border-color .2s;}
.obj_card:hover {transform:translateY(-5px); box-shadow:0 16px 30px rgba(146,52,43,0.13); border-color:#e2ccc7;}
.obj_card .ic {display:inline-flex; justify-content:center; align-items:center; width:56px; height:56px; background:linear-gradient(135deg, #92342b 0%, #c05a44 100%); color:#fff; border-radius:16px; margin-bottom:1.125rem; box-shadow:0 8px 18px rgba(146,52,43,0.22);}
.obj_card .ic .material-icons-outlined {font-size:1.75rem;}
.obj_card .tt {display:block; font-size:1.1875rem; font-weight:700; color:#2d2422; margin-bottom:0.5rem; letter-spacing:-0.3px;}
.obj_card .ds {font-size:1.0313rem; line-height:1.6; color:#6a5c58; word-break:keep-all;}

@media screen and (min-width:769px) {
	.reason_list {grid-template-columns:repeat(2, 1fr);}
	.obj_grid {grid-template-columns:repeat(2, 1fr);}
}
@media screen and (min-width:1025px) {
	.obj_grid {grid-template-columns:repeat(3, 1fr);}
}
@media screen and (max-width:768px) {
	.est_lead {padding:2rem 1.5rem;}
	.est_lead p {font-size:1.0938rem;}
	.mission h4.con_tit {font-size:1.3125rem;}
}