@charset "utf-8";
/* ============================================================
   m_company.css — 모바일 회사소개 공용 (m_sub_11 인사말 / 12 연혁 / 13 조직도)
   - 각 페이지 인라인 style/<style> 을 한 곳으로 통합
   - 색상은 /css/common.css 토큰 사용 (모바일 헤더에서 로드)
   ============================================================ */

/* ===== 11 인사말 ===== */
.m-greet{ box-sizing:border-box; padding:6cqw 4cqw 7cqw; border:0.4cqw solid #e3e8ef; border-radius:1.5cqw; text-align:left; color:var(--text-basic); }
.m-greet-circ{ display:flex; align-items:center; justify-content:center; gap:2cqw; margin-bottom:6cqw; }
.m-greet-circ .line{ flex:1 1 0; max-width:28cqw; height:0.4cqw; }
.m-greet-circ .line.l{ background:linear-gradient(to right, transparent 0%, #8fc742 100%); }
.m-greet-circ .line.r{ background:linear-gradient(to right, #8fc742 0%, transparent 100%); }
.m-greet-circ .badges{ display:flex; gap:1.2cqw; flex:0 0 auto; }
.m-greet-circ .badges span{ display:inline-block; width:7cqw; height:7cqw; line-height:7cqw; text-align:center; border-radius:50%; background:var(--bg-light); color:#2966c0; font-size:3.3cqw; font-weight:bold; }
.m-greet-head{ margin:0 0 6cqw; font-size:4.7cqw; line-height:1.5; font-weight:bold; letter-spacing:-0.3cqw; text-align:center; }
.m-greet-head .c1{ color:#3b95e8; }
.m-greet-head .etc{ color:var(--text-light); font-size:3.8cqw; }
.m-greet-head .c2{ color:#e3b055; border-bottom:0.4cqw solid #e3b055; padding-bottom:0.5cqw; }
.m-greet-head .c3{ color:#9dc354; }
.m-greet-body{ margin:0 0 6cqw; font-size:3.3cqw; line-height:1.9; word-break:keep-all; }
.m-greet-body strong{ color:#4a90c4; }
.m-greet-en{ font-size:7cqw; font-weight:bold; letter-spacing:-0.4cqw; line-height:1.1; }
.m-greet-en .g{ color:var(--green); }
.m-greet-en .b{ color:var(--blue-pale); }
.m-greet-sign{ margin-top:5cqw; font-family:'Nanum Pen Script', cursive; font-size:9cqw; line-height:1; color:#444; letter-spacing:-0.5cqw; }

/* ===== 12 연혁 ===== */
.m-hist{ text-align:left; }
.m-hist-title{ margin:0 0 3cqw; line-height:1.05; display:flex; align-items:flex-end; justify-content:space-between; gap:2cqw; }
.m-hist-title span{ display:block; font-size:6cqw; font-weight:bold; color:var(--blue-pale); line-height:1.15; }
.m-hist-title span b{ color:var(--green); }   /* Samjuk = 초록 */
.m-hist-title strong{ display:block; font-size:11cqw; font-weight:900; color:#d2d2d2; text-align:right; line-height:0.78; margin-bottom:0.5cqw; }
.m-hist-building{ display:block; width:74%; height:auto; aspect-ratio:426 / 301; margin:0 auto 3cqw; }
.m-hist-tl{ border-left:1px dashed #d8d8d8; background:#f6f7f8; padding:0 4cqw 0 0; }
.m-hist-group{ margin-bottom:7cqw; }
.m-hist-group:last-child{ margin-bottom:0; }
.m-hist-year{ display:inline-block; padding:1.5cqw 6.5cqw 1.5cqw 4cqw; color:#fff; font-size:4.6cqw; font-weight:bold; letter-spacing:0.6cqw;
	clip-path:polygon(0 0, calc(100% - 3cqw) 0, 100% 50%, calc(100% - 3cqw) 100%, 0 100%); }
.m-hist-items{ list-style:none; margin:2.5cqw 0 0; padding:0 0 0 6cqw; }
.m-hist-items li{ margin-bottom:1.8cqw; font-size:3.6cqw; line-height:1.55; }
.m-hist-date{ display:block; color:var(--blue); font-weight:500; }
.m-hist-desc{ display:block; color:var(--text-dark); }
.m-hist-note{ color:var(--text-light); }

/* ===== 13 조직도 ===== */
.m-org{ text-align:center; }
.m-org-head{ padding-bottom:3cqw; border-bottom:1px solid var(--line); margin-bottom:5cqw; text-align:left; }
.m-org-title{ margin:0; font-size:7cqw; font-weight:bold; line-height:1.1; }
.m-org-title b{ color:var(--green); }
.m-org-title span{ color:var(--blue-pale); }
.m-org-desc{ margin:2cqw 0 0; font-size:3.2cqw; color:var(--text-basic); line-height:1.5; }
.m-org-ceo .m-org-box{ display:inline-block; width:30cqw; }
.m-org-ceo::after{ content:''; display:block; width:1px; height:8cqw; margin:0 auto; background:var(--line); }
.m-org-depts{ display:flex; gap:1.5cqw; }
.m-org-dept{ flex:1 1 0; min-width:0; position:relative; padding-top:9cqw; box-sizing:border-box; }
/* 가로 분배선: gap(1.5cqw)만큼 양옆으로 늘려 부서끼리 이어줌 */
.m-org-dept::before{ content:''; position:absolute; top:0; left:-0.75cqw; right:-0.75cqw; height:1px; background:var(--line); }
.m-org-dept:first-child::before{ left:50%; }   /* 첫 부서는 박스 중앙에서 시작 */
.m-org-dept:last-child::before{ right:50%; }    /* 마지막 부서는 박스 중앙에서 끝 */
/* 세로 낙하선: 가로선 → 각 부서 박스 */
.m-org-dept::after{ content:''; position:absolute; top:0; left:50%; width:1px; height:9cqw; background:var(--line); }
.m-org-box{ border-radius:1.5cqw; overflow:hidden; color:var(--white); }
.m-org-box .b-top{ padding:2.5cqw 0.8cqw; font-size:2.7cqw; font-weight:700; line-height:1.25; word-break:keep-all; }
.m-org-box .b-bot{ padding:2cqw 0.6cqw; font-size:1.95cqw; line-height:1.35; min-height:11cqw; box-sizing:border-box; word-break:break-word; }
.m-org-ceo .b-top{ background:var(--green-deep); font-size:3.2cqw; }
.m-org-ceo .b-bot{ background:var(--green-light); font-size:3.4cqw; font-weight:bold; display:flex; align-items:center; justify-content:center; }
.m-org-dept .b-top{ background:var(--blue-dark); }
.m-org-dept .b-bot{ background:var(--blue-light); }
.m-org-dept:first-child .b-top{ background:var(--teal); }   /* 경리부 = 청록 */
.m-org-dept:first-child .b-bot{ background:var(--teal-light); }