@charset "utf-8";

/* ========== 전체 서브페이지 스타일 (컨텐츠만) ========== */

/* 디자인 서브: 확정 시안 본문 */
.ceo-greeting, .overview-block, .overview-ci, .company-location, .org-chart {width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; min-width: 0; box-sizing: border-box;}
.page-overview .overview-block, .page-overview .overview-ci {display: block; width: 100%; max-width: 1200px; margin-left: auto; margin-right: auto; min-width: 0;}
.overview-block {padding-top: clamp(36px, calc(72 / var(--inner) * 100vw), 72px); padding-bottom: 0;}
.overview-block__title {display: block; width: 100%; margin: 0 0 var(--space-40); font-size:var(--font-size-36); font-weight: 600; line-height:1.3889em; letter-spacing: -0.02em; color: #2c2c2c;}
.overview-table {border: 1px solid #dfdfdf; border-radius: 16px; overflow: hidden; width: 100%;}
.page-overview .overview-table__row {display: flex; flex-wrap: nowrap; align-items: center; gap: 0; padding: var(--space-30) var(--space-24); border-bottom: 1px solid #dfdfdf;}
.overview-table__row--company {align-items: center;}
.overview-table__label {flex: 0 0 124px; font-size:var(--font-size-16); font-weight: 500; letter-spacing: -0.02em; line-height:1.5em; color: #676767;}
.overview-table__value {flex: 1 1 auto; min-width: 0;}
.overview-table__value--brand {display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--space-16);}
.overview-table__name {font-size:var(--font-size-24); font-weight: 600; line-height:1.6667em; letter-spacing: -0.02em; color: var(--color-primary);}
.overview-table__name-en {font-size:var(--font-size-16); font-weight: 500; line-height:1.5em; letter-spacing: -0.02em; color: #a8a8a8;}
.overview-table__grid {display: grid;}
.overview-table__grid--4 {grid-template-columns: repeat(4, minmax(0, 1fr));}
.overview-table__grid--3 {grid-template-columns: repeat(3, minmax(0, 1fr));}
.overview-table__cell {display: flex; flex-direction: column; gap: var(--space-24); padding: var(--space-30) var(--space-24); border-right: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; box-sizing: border-box;}
.overview-table__grid--4 .overview-table__cell:nth-child(4n), .overview-table__grid--3 .overview-table__cell:nth-child(3n) {border-right: 0;}
.overview-table__grid--3 .overview-table__cell {border-bottom: 0; gap: var(--space-12);}
.overview-table__cell .overview-table__label {flex: none;}
.overview-table__highlight {font-size:var(--font-size-24); font-weight: 600; line-height:1.6667em; letter-spacing: -0.02em; color: var(--color-primary);}
.overview-table__text {margin: 0; font-size:var(--font-size-24); font-weight: 500; line-height:1.6667em; letter-spacing: -0.02em; color: #505050;}
.overview-table__text--dark {color: #121212;}
.overview-table__text-sub {font-size:var(--font-size-14); font-weight: 500; line-height:1.1429em; letter-spacing: -0.02em; color: #878787;}
.overview-table__address {margin: 0; font-size:var(--font-size-20); font-weight: 500; line-height:1.7em; letter-spacing: -0.02em; color: #505050;}
.overview-ci {padding-top: clamp(36px, calc(72 / var(--inner) * 100vw), 72px);}
.page-overview .overview-ci__head {display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-8); width: 100%; margin-bottom: var(--space-40);}
.overview-ci__eyebrow {margin: 0; font-size:var(--font-size-18); font-weight: 500; line-height:1.6667em; letter-spacing: -0.02em; color: var(--color-primary);}
.overview-ci__title {margin: 0; font-size:var(--font-size-36); font-weight: 600; line-height:1.3889em; letter-spacing: -0.02em; color: #2c2c2c;}
.page-overview .overview-ci__panel {display: flex; flex-wrap: nowrap; gap: var(--space-80); align-items: stretch; padding: var(--space-40); border-radius: 24px; background: #f4f4f4;}
.page-overview .overview-ci__visual {flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: var(--space-10);}
.overview-ci__card {position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; background: #fff; border-radius: 16px; overflow: hidden;}
.overview-ci__card-label {position: absolute; top: 20px; left: 24px; font-size:var(--font-size-18); font-weight: 500; line-height:1.6667em; letter-spacing: -0.02em; color: #2c2c2c;}
.overview-ci__card--symbol {min-height: 280px; padding-top: var(--space-28);}
.overview-ci__symbol {display: block; width: 152px; height: auto;}
.overview-ci__logos {display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-10);}
.overview-ci__card--logo {min-height: 180px; padding-top: var(--space-24);}
.page-overview .overview-ci__logo-mark {display: block; width: auto; height: auto; max-width: 100%; max-height: 24px;}
.page-overview .overview-ci__logo-mark img {display: block; width: auto; height: auto; max-height: 24px;}
.page-overview .overview-ci__logo-mark--en {max-height: 20px;}
.page-overview .overview-ci__desc {flex: 0 0 520px; width: 520px; max-width: 100%; min-width: 0; min-height: 470px; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; align-self: stretch; box-sizing: border-box;}
.page-overview .overview-ci__concept {display: flex; flex-direction: column; align-items: flex-start; gap: var(--space-8); flex-shrink: 0;}
.overview-ci__concept-title {margin: 0; font-size:var(--font-size-28); font-weight: 500; line-height:1.5em; letter-spacing: -0.02em; color: #2c2c2c;}
.overview-ci__concept-text {margin: 0; font-size:var(--font-size-20); font-weight: 400; line-height:1.7em; letter-spacing: -0.02em; color: #2c2c2c;}
.overview-ci__details {margin: 0; margin-top: auto; padding: 0 0 var(--space-32); width: 100%; flex-shrink: 0;}
.overview-ci__detail-row {display: flex; flex-wrap: nowrap; align-items: flex-start; gap: 0; padding: var(--space-28) 0; border-top: 1px solid #dfdfdf;}
.overview-ci__detail-row:last-child {padding-bottom: 0;}
.overview-ci__detail-row dt {flex: 0 0 120px; width: 120px; margin: 0; font-size:var(--font-size-18); font-weight: 500; line-height:1.6667em; letter-spacing: -0.02em; color: #2c2c2c;}
.page-overview .overview-ci__detail-row dd {flex: 1 1 auto; min-width: 0; margin: 0; font-size:var(--font-size-18); font-weight: 400; line-height:1.6667em; letter-spacing: -0.02em; color: #505050;}
.page-overview .overview-ci__detail-line {margin: 0; line-height:1.875em;}
.page-info-contact .info-contact {padding: clamp(36px, calc(72 / var(--inner) * 100vw), 72px) 0 0;}
.page-info-contact .info-contact__visual {width: 100%; max-width: 1200px; height: 400px; margin-bottom: var(--space-40); overflow: hidden; border-radius: 24px;}
.page-info-contact .info-contact__visual img {width: 100%; height: 100%; object-fit: cover; object-position: center;}
.page-info-contact .info-contact__board {width: 100%; max-width: 1200px;}
.page-info-contact .info-contact__row {display: flex; align-items: stretch; width: 100%;}
.page-info-contact .info-contact__row--head {border-top: 2px solid #2c2c2c;}
.page-info-contact .info-contact__row--sub {border-top: 1px solid #eee; border-bottom: 1px solid #eee;}
.page-info-contact .info-contact__cell {flex: 1 1 0; min-width: 0; padding: var(--space-30); border-right: 1px solid #dfdfdf; box-sizing: border-box;}
.page-info-contact .info-contact__cell--last {border-right: 0;}
.page-info-contact .info-contact__title {margin: 0 0 var(--space-30); font-size:var(--font-size-26); font-weight: 500; line-height:1.5385em; letter-spacing: -0.02em; color: #2c2c2c;}
.page-info-contact .info-contact__meta {display: flex; flex-direction: column; gap: var(--space-10); margin: 0;}
.page-info-contact .info-contact__row-meta {display: flex; align-items: flex-start; gap: 0; margin: 0;}
.page-info-contact .info-contact__label {flex: 0 0 88px; width: 88px; margin: 0; font-size:var(--font-size-20); font-weight: 500; line-height:1.5em; letter-spacing: -0.02em; color: #bbb;}
.page-info-contact .info-contact__value {margin: 0; font-size:var(--font-size-20); font-weight: 400; line-height:1.5em; letter-spacing: -0.02em; color: #676767;}
.page-info-contact .info-contact__value a {color: inherit; text-decoration: none;}
.page-info-contact .info-contact__value a:hover {text-decoration: underline;}
.page-ir-shareholder-proposal .ir-proposal {padding: clamp(36px, calc(72 / var(--inner) * 100vw), 72px) 0 0;}
.page-ir-shareholder-proposal .ir-proposal__head {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-20); padding: var(--space-24) var(--space-24) var(--space-24) var(--space-34); background: #fcfcfc; border: 1px solid #eee; border-radius: 16px;}
.page-ir-shareholder-proposal .ir-proposal__head-title {margin: 0; font-size:var(--font-size-28); font-weight: 500; line-height:1.5em; letter-spacing: -0.02em; color: var(--color-primary);}
.page-ir-shareholder-proposal .ir-proposal__head-tools {display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-10);}
.page-ir-shareholder-proposal .ir-proposal__revision {display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-16);}
.page-ir-shareholder-proposal .ir-proposal__revision-label {font-size:var(--font-size-20); font-weight: 500; line-height:1.7em; letter-spacing: -0.02em; color: #676767;}
.page-ir-shareholder-proposal .ir-proposal__revision-select {width: 220px; height: 60px; padding: 0 var(--space-36) 0 var(--space-20); font-family:var(--font-body); font-size:var(--font-size-16); font-weight: 400; line-height:1.5em; letter-spacing: -0.02em; color: #505050; background: #fff url("/images/sub/sub-inquiry-select-arrow.svg") no-repeat right 20px center; border: 1px solid #dfdfdf; border-radius: 8px; appearance: none; box-sizing: border-box;}
.page-ir-shareholder-proposal .ir-proposal__form-btn {display: inline-flex; align-items: center; gap: var(--space-10); padding: var(--space-12) var(--space-22) var(--space-12) var(--space-24); font-size:var(--font-size-18); font-weight: 600; line-height:1.6667em; letter-spacing: -0.02em; color: #fff; text-decoration: none; background: #1c1c1c; border-radius: 999px; transition: background-color 0.2s ease;}
.page-ir-shareholder-proposal .ir-proposal__form-btn:hover, .page-ir-shareholder-proposal .ir-proposal__form-btn:active {background: var(--color-primary);}
.page-ir-shareholder-proposal .ir-proposal__form-btn:focus-visible {background: var(--color-primary); outline: none; box-shadow: 0 0 0 3px rgba(242,128,51,.3);}
.page-ir-shareholder-proposal .ir-proposal__form-btn-icon {flex-shrink: 0; display: block;}
.page-ir-shareholder-proposal .ir-proposal__intro {margin-top: var(--space-40);}
.page-ir-shareholder-proposal .ir-proposal__intro-title {margin: 0 0 var(--space-20); font-size:var(--font-size-24); font-weight: 500; line-height:1.6667em; letter-spacing: -0.02em; color: #2c2c2c;}
.page-ir-shareholder-proposal .ir-proposal__intro-text {margin: 0; font-size:var(--font-size-20); font-weight: 400; line-height:1.7em; letter-spacing: -0.02em; color: #2c2c2c;}
.page-ir-shareholder-proposal .ir-proposal__sections {margin-top: var(--space-40); padding-top: var(--space-40); border-top: 1px solid #eee;}
.page-ir-shareholder-proposal .ir-proposal__section + .ir-proposal__section {margin-top: var(--space-40);}
.page-ir-shareholder-proposal .ir-proposal__section-title {display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-16); margin: 0 0 var(--space-20); font-size:var(--font-size-24); font-weight: 500; line-height:1.6667em; letter-spacing: -0.02em; color: #2c2c2c;}
.page-ir-shareholder-proposal .ir-proposal__section-num {display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; font-size:var(--font-size-14); font-weight: 500; line-height:1.1429em; letter-spacing: -0.02em; color: #676767; border: 1px solid #eee; border-radius: 10px; box-sizing: border-box;}
.page-ir-shareholder-proposal .ir-proposal__body {margin: 0 0 var(--space-20); font-size:var(--font-size-20); font-weight: 400; line-height:1.7em; letter-spacing: -0.02em; color: #505050;}
.page-ir-shareholder-proposal .ir-proposal__body--single {margin-bottom: var(--space-20);}
.page-ir-shareholder-proposal .ir-proposal__body:last-child {margin-bottom: 0;}
.page-ir-shareholder-proposal .ir-proposal__caption {display: inline-flex; align-items: center; margin: 0; padding: var(--space-8) var(--space-10); font-size:var(--font-size-16); font-weight: 500; line-height:1.5em; letter-spacing: -0.02em; color: #878787; background: #f6f6f6; border-radius: 10px;}
.page-ir-shareholder-proposal .ir-proposal__olist, .page-ir-shareholder-proposal .ir-proposal__ulist {margin: 0 0 var(--space-20); padding: 0; list-style: none;}
.page-ir-shareholder-proposal .ir-proposal__olist {display: flex; flex-direction: column; gap: var(--space-12);}
.page-ir-shareholder-proposal .ir-proposal__olist li {display: flex; gap: 0; font-size:var(--font-size-18); font-weight: 400; line-height:1.6667em; letter-spacing: -0.02em; color: #676767;}
.page-ir-shareholder-proposal .ir-proposal__olist li::before {flex: 0 0 28px; content: counter(proposal-ol) ". "; counter-increment: proposal-ol;}
.page-ir-shareholder-proposal .ir-proposal__olist {counter-reset: proposal-ol;}
.page-ir-shareholder-proposal .ir-proposal__ulist {display: flex; flex-direction: column; gap: var(--space-12);}
.page-ir-shareholder-proposal .ir-proposal__ulist li {display: flex; align-items: flex-start; gap: var(--space-22); font-size:var(--font-size-18); font-weight: 400; line-height:1.6667em; letter-spacing: -0.02em; color: #676767;}
.page-ir-shareholder-proposal .ir-proposal__ulist li::before {flex-shrink: 0; width: 6px; height: 6px; margin-top: var(--space-12); content: ""; background: #676767; border-radius: 50%;}
.page-ir-shareholder-proposal .ir-proposal__proc-list {display: flex; flex-direction: column; gap: var(--space-12);}
.page-ir-shareholder-proposal .ir-proposal__proc-block {display: flex; flex-direction: column; gap: var(--space-10);}
.page-ir-shareholder-proposal .ir-proposal__proc-row {display: flex; flex-wrap: wrap; align-items: flex-start; gap: var(--space-16);}
.page-ir-shareholder-proposal .ir-proposal__proc-label {display: flex; flex: 0 0 auto; gap: 0; margin: 0; font-size:var(--font-size-18); font-weight: 500; line-height:1.6667em; letter-spacing: -0.02em; color: #2c2c2c;}
.page-ir-shareholder-proposal .ir-proposal__proc-num {display: inline-block; width: 28px;}
.page-ir-shareholder-proposal .ir-proposal__proc-desc {flex: 1 1 280px; margin: 0; padding-top: var(--space-2); font-size:var(--font-size-18); font-weight: 400; line-height:1.6667em; letter-spacing: -0.02em; color: #676767;}
.page-ir-shareholder-proposal .ir-proposal__sublist {margin: 0; padding: 0 0 0 var(--space-40); list-style: none;}
.page-ir-shareholder-proposal .ir-proposal__sublist li {display: flex; flex-wrap: wrap; align-items: flex-start; gap: var(--space-10); font-size:var(--font-size-16); font-weight: 400; line-height:1.5em; letter-spacing: -0.02em; color: #878787;}
.page-ir-shareholder-proposal .ir-proposal__sublist li + li {margin-top: var(--space-12);}
.page-ir-shareholder-proposal .ir-proposal__sublist li::before {flex-shrink: 0; width: 6px; height: 6px; margin-top: var(--space-9); content: ""; background: #ccc; border-radius: 50%;}
.page-ir-shareholder-proposal .ir-proposal__sublist strong {font-weight: 500; color: #505050;}
.page-ir-shareholder-proposal .ir-proposal__contact {margin-top: var(--space-20);}
.page-ir-shareholder-proposal .ir-proposal__contact-title {margin: 0 0 var(--space-4); font-size:var(--font-size-18); font-weight: 400; line-height:1.6667em; letter-spacing: -0.02em; color: #676767;}
.page-ir-shareholder-proposal .ir-proposal__contact-info {margin: 0; font-size:var(--font-size-18); font-weight: 400; line-height:1.6667em; letter-spacing: -0.02em; color: #676767;}
.page-recruit-philosophy .recruit-philosophy {padding: clamp(36px, calc(72 / var(--inner) * 100vw), 72px) 0 0;}
.page-recruit-philosophy .recruit-philosophy__block + .recruit-philosophy__block {margin-top: var(--space-80);}
.page-recruit-philosophy .recruit-philosophy__kicker {margin: 0 0 var(--space-16); font-size:var(--font-size-18); font-weight: 500; line-height:1.6667em; letter-spacing: -0.02em; color: var(--color-primary);}
.page-recruit-philosophy .recruit-philosophy__title {margin: 0; font-size:var(--font-size-28); font-weight: 500; line-height:1.5em; letter-spacing: -0.02em; color: #2c2c2c;}
.page-recruit-philosophy .recruit-philosophy__head {margin-bottom: var(--space-40);}
.page-recruit-philosophy .recruit-philosophy__cards {display: flex; flex-wrap: wrap; gap: var(--space-12); align-items: stretch;}
.page-recruit-philosophy .recruit-philosophy__card {display: flex; flex: 1 1 280px; flex-direction: column; justify-content: space-between; gap: var(--space-28); min-height: 100%; padding: var(--space-36); border: 1px solid #eee; border-radius: 16px; box-sizing: border-box;}
.page-recruit-philosophy .recruit-philosophy__card-body {display: flex; flex-direction: column; gap: var(--space-20);}
.page-recruit-philosophy .recruit-philosophy__card-title {margin: 0; font-size:var(--font-size-24); font-weight: 500; line-height:1.5833em; letter-spacing: -0.02em; color: #2c2c2c;}
.page-recruit-philosophy .recruit-philosophy__card-list {margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: var(--space-6);}
.page-recruit-philosophy .recruit-philosophy__card-list li {display: flex; gap: var(--space-10); align-items: flex-start; font-size:var(--font-size-20); font-weight: 400; line-height:1.7em; letter-spacing: -0.02em; color: #505050;}
.page-recruit-philosophy .recruit-philosophy__card-list li::before {flex-shrink: 0; width: 4px; height: 4px; margin-top: 15px; content: ""; background: #ccc; border-radius: 50%;}
.page-recruit-philosophy .recruit-philosophy__card-icon {display: flex; justify-content: flex-end; width: 100%;}
.page-recruit-philosophy .recruit-philosophy__card-icon img {display: block; width: 64px; height: 64px;}
.page-recruit-philosophy .recruit-philosophy__head--hr {display: flex; flex-direction: column; gap: var(--space-16); margin-bottom: var(--space-40);}
.page-recruit-philosophy .recruit-philosophy__title--hr {font-size:var(--font-size-28); line-height:1.5em;}
.page-recruit-philosophy .recruit-philosophy__policy {margin: 0; font-size:var(--font-size-22); font-weight: 400; line-height:1.6364em; letter-spacing: -0.02em; color: #676767;}
.page-recruit-philosophy .recruit-philosophy__policy-accent {font-weight: 500; color: var(--color-primary);}
.page-recruit-philosophy .recruit-philosophy__principles {display: flex; flex-wrap: wrap; gap: var(--space-20); margin: 0; padding: 0; list-style: none;}
.page-recruit-philosophy .recruit-philosophy__principle {display: flex; flex: 1 1 200px; flex-direction: column; align-items: center; gap: var(--space-20); padding: var(--space-40) var(--space-16); background: #f8f8f8; border-radius: 16px; box-sizing: border-box;}
.page-recruit-philosophy .recruit-philosophy__principle-num {display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; font-size:var(--font-size-16); font-weight: 600; line-height:1.5em; letter-spacing: -0.02em; color: #fff; background: var(--color-primary); border-radius: 50%;}
.page-recruit-philosophy .recruit-philosophy__principle-text {margin: 0; font-size:var(--font-size-20); font-weight: 400; line-height:1.7em; letter-spacing: -0.02em; color: #505050; text-align: center;}
.page-recruit-hr-system .recruit-hr-system {padding: clamp(36px, calc(72 / var(--inner) * 100vw), 72px) 0 0;}
.page-recruit-hr-system .recruit-hr-system__head {display: flex; flex-direction: column; gap: var(--space-16); margin-bottom: var(--space-40);}
.page-recruit-hr-system .recruit-hr-system__title {margin: 0; font-size:var(--font-size-28); font-weight: 500; line-height:1.5em; letter-spacing: -0.02em; color: #2c2c2c;}
.page-recruit-hr-system .recruit-hr-system__lead {margin: 0; font-size:var(--font-size-22); font-weight: 400; line-height:1.6364em; letter-spacing: -0.02em; color: #676767;}
.page-recruit-hr-system .recruit-hr-system__grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-12);}
.page-recruit-hr-system .recruit-hr-system__card {display: flex; flex-direction: column; gap: var(--space-40); min-height: 100%; padding: var(--space-30); background: #f8f8f8; border-radius: 16px; box-sizing: border-box;}
.page-recruit-hr-system .recruit-hr-system__card-icon {display: flex; align-items: center; justify-content: flex-start; width: 56px; height: 56px;}
.page-recruit-hr-system .recruit-hr-system__card-icon img {display: block; max-width: 56px; max-height: 50px; width: auto; height: auto;}
.page-recruit-hr-system .recruit-hr-system__card-text {display: flex; flex-direction: column; gap: var(--space-12);}
.page-recruit-hr-system .recruit-hr-system__card-title {margin: 0; font-size:var(--font-size-26); font-weight: 500; line-height:1.5385em; letter-spacing: -0.02em; color: #2c2c2c;}
.page-recruit-hr-system .recruit-hr-system__card-desc {margin: 0; font-size:var(--font-size-18); font-weight: 400; line-height:1.6667em; letter-spacing: -0.02em; color: #505050;}
.page-recruit-process .recruit-process {padding: clamp(36px, calc(72 / var(--inner) * 100vw), 72px) 0 0;}
.page-recruit-process .recruit-process__block + .recruit-process__block {margin-top: var(--space-80);}
.page-recruit-process .recruit-process__section-title {margin: 0 0 var(--space-40); font-size:var(--font-size-28); font-weight: 500; line-height:1.5em; letter-spacing: -0.02em; color: #2c2c2c;}
.page-recruit-process .recruit-process__field-grid {display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid #2c2c2c;}
.page-recruit-process .recruit-process__field {display: flex; flex-direction: column; gap: var(--space-16); padding: var(--space-28) var(--space-32); border-right: 1px solid #eee; border-bottom: 1px solid #eee; box-sizing: border-box;}
.page-recruit-process .recruit-process__field:nth-child(3n) {border-right: none;}
.page-recruit-process .recruit-process__field-icon {display: flex; align-items: center; width: 48px; height: 48px; margin-bottom: var(--space-14);}
.page-recruit-process .recruit-process__field-icon img {display: block; max-width: 48px; max-height: 48px; width: auto; height: auto;}
.page-recruit-process .recruit-process__field-name {margin: 0; font-size:var(--font-size-26); font-weight: 500; line-height:1.5385em; letter-spacing: -0.02em; color: #2c2c2c;}
.page-recruit-process .recruit-process__field-detail {display: flex; flex-direction: column; gap: var(--space-4);}
.page-recruit-process .recruit-process__field-place {margin: 0; font-size:var(--font-size-18); font-weight: 500; line-height:1.5556em; letter-spacing: -0.02em; color: #a8a8a8;}
.page-recruit-process .recruit-process__field-desc {margin: 0; font-size:var(--font-size-18); font-weight: 400; line-height:1.5556em; letter-spacing: -0.02em; color: #676767;}
.page-recruit-process .recruit-process__steps {display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-8);}
.page-recruit-process .recruit-process__step {display: flex; flex: 1 1 200px; flex-direction: column; gap: var(--space-40); padding: var(--space-34); border: 1px solid #eee; border-radius: 16px; box-sizing: border-box;}
.page-recruit-process .recruit-process__step-icon img {display: block; max-width: 56px; max-height: 56px;}
.page-recruit-process .recruit-process__step-num {margin: 0 0 var(--space-4); font-size:var(--font-size-16); font-weight: 600; line-height:1.5em; letter-spacing: -0.02em; color: var(--color-primary);}
.page-recruit-process .recruit-process__step-title {margin: 0; font-size:var(--font-size-24); font-weight: 500; line-height:1.6667em; letter-spacing: -0.02em; color: #2c2c2c;}
.page-recruit-process .recruit-process__step-note {font-size:var(--font-size-20); font-weight: 500; line-height:1.7em; color: #878787;}
.page-recruit-process .recruit-process__step-arrow {flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px;}
.page-recruit-process .recruit-process__step-arrow img {display: block; width: 40px; height: 40px;}
.page-recruit-process .recruit-process__apply {margin-top: var(--space-80); padding: var(--space-40); background: #f8f8f8; border-radius: 24px;}
.page-recruit-process .recruit-process__apply-cols {display: flex; flex-wrap: wrap; gap: var(--space-48);}
.page-recruit-process .recruit-process__apply-col {flex: 1 1 280px; min-width: 0;}
.page-recruit-process .recruit-process__apply-col:first-child {padding-right: var(--space-48); border-right: 1px solid #eee;}
.page-recruit-process .recruit-process__apply-heading {display: inline-flex; align-items: center; gap: var(--space-10); margin: 0 0 var(--space-24); font-size:var(--font-size-28); font-weight: 500; line-height:1.5em; letter-spacing: -0.02em; color: #2c2c2c;}
.page-recruit-process .recruit-process__apply-heading-icon {flex-shrink: 0;}
.page-recruit-process .recruit-process__apply-intro {margin: 0 0 var(--space-16); font-size:var(--font-size-20); font-weight: 400; line-height:1.7em; letter-spacing: -0.02em; color: #505050;}
.page-recruit-process .recruit-process__apply-list {margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: var(--space-8);}
.page-recruit-process .recruit-process__apply-list li {display: flex; gap: var(--space-10); align-items: flex-start; font-size:var(--font-size-18); font-weight: 400; line-height:1.6667em; letter-spacing: -0.02em; color: #2c2c2c;}
.page-recruit-process .recruit-process__apply-list li::before {flex-shrink: 0; width: 6px; height: 6px; margin-top: var(--space-12); content: ""; background: #ccc; border-radius: 50%;}
.page-recruit-process .recruit-process__apply-list--etc li::before {margin-top: var(--space-12);}
.page-recruit-process .recruit-process__contact-bar {display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-24); margin-top: var(--space-40); padding: var(--space-16) var(--space-24); font-size:var(--font-size-16); font-weight: 500; line-height:1.5em; letter-spacing: -0.02em; color: #fff; background: #2c2c2c; border-radius: 10px;}
.page-recruit-process .recruit-process__contact-sep {flex-shrink: 0; width: 1px; height: 12px; background: rgba(255, 255, 255, 0.35);}
.page-recruit-process .recruit-process__disclaimer {margin: var(--space-16) 0 0; font-size:var(--font-size-16); font-weight: 500; line-height:1.5em; letter-spacing: -0.02em; color: var(--color-primary);}
.page-greeting .ceo-greeting {display: block; width: 100%; max-width: 1200px; padding: clamp(36px, calc(72 / var(--inner) * 100vw), 72px) 0 0; box-sizing: border-box; overflow-wrap: break-word; word-break: keep-all;}
.page-greeting .ceo-greeting__intro {display: flex; flex-direction: column; gap: var(--space-24); width: 100%; margin-bottom: var(--space-40);}
.page-greeting .ceo-greeting__title {width: 100%; max-width: 100%; margin: 0; font-size:var(--font-size-36); font-weight: 600; line-height:1.3889em; letter-spacing: -0.02em; color: #2c2c2c; white-space: normal;}
.page-greeting .ceo-greeting__lead {margin: 0; font-size:var(--font-size-24); font-weight: 500; line-height:1.6667em; letter-spacing: -0.02em; color: #2c2c2c;}
.page-greeting .ceo-greeting__accent {color: var(--color-primary); font-weight: 500;}
.page-greeting .ceo-greeting__content {display: flex; flex-direction: column; gap: var(--space-40); width: 100%;}
.page-greeting .ceo-greeting__text {display: flex; flex-direction: column; gap: var(--space-20); width: 100%; font-size:var(--font-size-20); font-weight: 400; line-height:1.7em; letter-spacing: -0.02em; color: #505050;}
.page-greeting .ceo-greeting__text p {margin: 0;}
.page-greeting .ceo-greeting__accent--inline {font-weight: 500;}
.page-greeting .ceo-greeting__sign-row {display: flex; align-items: center; justify-content: space-between; gap: var(--space-24); width: 100%; max-width: 100%; min-width: 0; flex-wrap: wrap;}
.page-greeting .ceo-greeting__sign {display: flex; align-items: center; gap: var(--space-24); flex-shrink: 0;}
.page-greeting .ceo-greeting__sign-label {padding-bottom: 3px; font-size:var(--font-size-18); font-weight: 500; line-height:1.6667em; letter-spacing: -0.02em; color: #2c2c2c;}
.page-greeting .ceo-greeting__signature {font-family:"thefaceshop_inklipquid", cursive, sans-serif; font-size: clamp(28px, calc(52 / var(--inner) * 100vw), 52px);; font-weight: 400; line-height:1.2692em; letter-spacing: 0.2em; color: #2c2c2c;}
.page-greeting .ceo-greeting__watermark {display: block; flex: 0 0 367px; width: 367px; max-width: 45%; height: auto; opacity: 0.08; object-fit: contain; object-position: right center;}
.page-org .org-chart {width: 100%; padding: var(--space-100) 0 0; box-sizing: border-box;}
.page-org .org-chart__diagram {display: flex; flex-direction: column; align-items: center; width: 100%;}
.page-org .org-chart__ceo-row {display: flex; justify-content: center; width: 100%;}
.page-org .org-chart__node {margin: 0; text-align: center; box-sizing: border-box;}
.page-org .org-chart__node--ceo {display: inline-flex; align-items: center; justify-content: center; padding: var(--space-24) var(--space-44); border-radius: 500px; background: var(--color-primary); font-size:var(--font-size-26); font-weight: 600; line-height:1.5385em; letter-spacing: -0.02em; color: #fff;}
.page-org .org-chart__connector {flex-shrink: 0; background: #ddd;}
.page-org .org-chart__connector--down {width: 1px; height: 80px;}
.page-org .org-chart__fork {position: relative; width: 100%; max-width: 931px; margin: 0 auto;}
.page-org .org-chart__fork::before {content: ""; position: absolute; top: 0; left: calc((100% - 3 * var(--space-40)) / 8); right: calc((100% - 3 * var(--space-40)) / 8); height: 1px; background: #ddd; pointer-events: none; z-index: 0;}
.page-org .org-chart__cols {position: relative; z-index: 1; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-40); width: 100%;}
.page-org .org-chart__col {display: flex; flex-direction: column; align-items: center; min-width: 0;}
.page-org .org-chart__connector--branch {width: 1px; height: 80px; background: #ddd;}
.page-org .org-chart__connector--dept {width: 1px; height: 24px;}
.page-org .org-chart__node--branch {display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; min-height: 88px; padding: var(--space-14) var(--space-20); border-radius: 80px; background: #121212; color: #fff;}
.page-org .org-chart__branch-title {margin: 0; font-size:var(--font-size-22); font-weight: 600; line-height:1.6364em; letter-spacing: -0.02em;}
.page-org .org-chart__branch-sub {margin: 0; font-size:var(--font-size-16); font-weight: 500; line-height:1.625em; letter-spacing: -0.02em; color: rgba(255, 255, 255, 0.64);}
.page-org .org-chart__depts {display: flex; flex-direction: column; gap: var(--space-10); width: 100%; margin: 0; padding: 0; list-style: none;}
.page-org .org-chart__node--dept {display: flex; align-items: center; justify-content: center; width: 100%; padding: var(--space-18) var(--space-16); border: 1px solid #ddd; border-radius: 500px; background: #fff; font-size:var(--font-size-18); font-weight: 500; line-height:1.6667em; letter-spacing: -0.02em; color: #505050;}
.page-location .company-location {width: 100%; padding: clamp(36px, calc(72 / var(--inner) * 100vw), 72px) 0 0; box-sizing: border-box;}
.page-location .company-location__tabs {display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-8); width: 100%; margin-bottom: var(--space-40);}
.page-location .company-location__tab {display: inline-flex; align-items: center; justify-content: center; padding: var(--space-12) var(--space-26); border: 1px solid #dfdfdf; border-radius: 80px; background: #fff; font-family:var(--font-body); font-size:var(--font-size-20); font-weight: 500; line-height:1.7em; letter-spacing: -0.02em; color: #505050; cursor: pointer; transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;}
.page-location .company-location__tab.is-active, .page-location .company-location__tab[aria-selected="true"] {border-color: var(--color-primary); background: var(--color-primary); color: #fff;}
.page-location .company-location__tab:focus-visible {outline: 2px solid var(--color-primary); outline-offset: 2px;}
.page-location .company-location__content {display: flex; flex-direction: column; gap: var(--space-20); width: 100%; box-sizing: border-box;}
.page-location .company-location__content[hidden] {display: none;}
.page-location .company-location__map-wrap {width: 100%; max-width: 1200px; height: 520px; border-radius: 24px; overflow: hidden; background: #e8e8e8;}
.company-location__map-wrap iframe {display: block; width: 100%; height: 100%; border: 0;}
.page-location .company-location__info {width: 100%; padding: var(--space-36) var(--space-40); border-radius: 16px; background: #f8f8f8; box-sizing: border-box;}
.page-location .company-location__info-grid {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; margin: 0;}
.page-location .company-location__info-grid + .company-location__info-grid {margin-top: var(--space-24); padding-top: var(--space-24); border-top: 1px solid #dfdfdf;}
.page-location .company-location__info-cell {margin: 0; padding: 0 0 0 var(--space-40); border-right: 1px solid #dfdfdf;}
.page-location .company-location__info-cell:first-child {padding-left: 0;}
.page-location .company-location__info-cell:last-child {border-right: 0;}
.page-location .company-location__info-label {margin: 0 0 var(--space-4); font-size:var(--font-size-20); font-weight: 500; line-height:1.7em; letter-spacing: -0.02em; color: #2c2c2c;}
.page-location .company-location__info-value {margin: 0; font-size:var(--font-size-20); font-weight: 400; line-height:1.7em; letter-spacing: -0.02em; color: #505050;}
.page-location .company-location__info-value a {color: inherit; text-decoration: none;}
.page-location .company-location__info-value a:hover {text-decoration: underline;}

.real-cont img {max-width:100%;}

/* ESG 본문 */
.page-ir-esg .ir-esg {padding: clamp(36px, calc(72 / var(--inner) * 100vw), 72px) 0 0;}
.page-ir-esg .ir-esg__block {display: flex; flex-wrap: wrap; gap: var(--space-24); align-items: flex-start;}
.page-ir-esg .ir-esg__block:first-child {padding-bottom: var(--space-120);}
.page-ir-esg .ir-esg__intro {flex: 1 1 280px; min-width: 0;}
.page-ir-esg .ir-esg__kicker {margin: 0 0 var(--space-16); font-size: var(--font-size-24); font-weight: 500; line-height:1.4167em; letter-spacing: -0.02em; color: var(--color-primary);}
.page-ir-esg .ir-esg__title {margin: 0; font-size: var(--font-size-32); font-weight: 500; line-height:1.4375em; letter-spacing: -0.02em; color: #2c2c2c;}
.page-ir-esg .ir-esg__main {flex: 1 1 280px; min-width: 0; padding-top: var(--space-50); display: flex; flex-direction: column; gap: var(--space-80);}
.page-ir-esg .ir-esg__main--compliance {gap: var(--space-40);}
.page-ir-esg .ir-esg__pillar {display: flex; flex-direction: column; gap: var(--space-40);}
.page-ir-esg .ir-esg__pillar-head {padding-top: var(--space-32); border-top: 1px solid #eee;}
.page-ir-esg .ir-esg__pillar-title {margin: 0 0 var(--space-16); font-size: var(--font-size-28); font-weight: 500; line-height:1.5em; letter-spacing: -0.02em; color: #2c2c2c;}
.page-ir-esg .ir-esg__pillar-desc {margin: 0 0 var(--space-24); font-size: var(--font-size-20); font-weight: 400; line-height:1.7em; letter-spacing: -0.02em; color: #676767;}
.page-ir-esg .ir-esg__pillar-list {margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: var(--space-12);}
.page-ir-esg .ir-esg__pillar-list li {display: flex; align-items: center; gap: var(--space-22); font-size: var(--font-size-18); font-weight: 400; line-height:1.6667em; letter-spacing: -0.02em; color: #2c2c2c;}
.page-ir-esg .ir-esg__pillar-list li::before {flex-shrink: 0; width: 6px; height: 6px; content: ""; background: #ccc; border-radius: 50%;}
.page-ir-esg .ir-esg__figure {margin: 0; height: 360px; border-radius: 24px; overflow: hidden;}
.page-ir-esg .ir-esg__figure img {display: block; width: 100%; height: 100%; object-fit: cover;}
.page-ir-esg .ir-esg__figure--governance img {object-position: center bottom;}
.page-ir-esg .ir-esg__compliance-row {display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: var(--space-24); padding-top: var(--space-32); border-top: 1px solid #eee;}
.page-ir-esg .ir-esg__compliance-text {flex: 1 1 280px; min-width: 0;}
.page-ir-esg .ir-esg__compliance-title {margin: 0 0 var(--space-16); font-size: var(--font-size-28); font-weight: 500; line-height:1.5em; letter-spacing: -0.02em; color: #2c2c2c;}
.page-ir-esg .ir-esg__compliance-desc {margin: 0; font-size: var(--font-size-20); font-weight: 400; line-height:1.7em; letter-spacing: -0.02em; color: #676767;}
.page-ir-esg .ir-esg__pill-btn {display: inline-flex; flex-shrink: 0; align-items: center; gap: var(--space-10); padding: var(--space-12) var(--space-22) var(--space-12) var(--space-24); font-size: var(--font-size-16); font-weight: 600; line-height:1.5em; letter-spacing: -0.02em; color: #2c2c2c; text-decoration: none; background: #f4f4f4; border-radius: 999px; transition: background-color 0.2s ease, color 0.2s ease;}
.page-ir-esg .ir-esg__pill-btn:hover, .page-ir-esg .ir-esg__pill-btn:active {background: var(--color-primary); color: #fff;}
.page-ir-esg .ir-esg__pill-btn:focus-visible {background: var(--color-primary); color: #fff; outline: none; box-shadow: 0 0 0 3px rgba(242,128,51,.3);}
.page-ir-esg .ir-esg__pill-btn-icon {flex-shrink: 0; display: block;}
.page-ir-esg .ir-esg__pill-btn:hover .ir-esg__pill-btn-icon, .page-ir-esg .ir-esg__pill-btn:active .ir-esg__pill-btn-icon, .page-ir-esg .ir-esg__pill-btn:focus-visible .ir-esg__pill-btn-icon {filter: brightness(0) invert(1);}
.page-ir-esg button.ir-esg__pill-btn {border: none; cursor: pointer; font-family: inherit;}

/* 주요 연혁 */
.company-history {width: 100%; padding: clamp(36px, calc(72 / var(--inner) * 100vw), 72px) 0 var(--space-120); box-sizing: border-box;}
.company-history__head {margin-bottom: var(--space-60);}
.company-history__title {margin: 0; font-size: var(--font-size-36); font-weight: 600; line-height:1.3889em; letter-spacing: -0.02em; color: #2c2c2c;}
.company-history__timeline {position: relative; display: flex; flex-direction: column; gap: var(--space-40); width: 100%;}
.company-history__line {position: absolute; left: 14px; width: 0; pointer-events: none;}
.company-history__line--track {top: 18px; bottom: 18px; border-left: 1px solid #eee; z-index: 0;}
.company-history__row {position: relative; z-index: 1; display: flex; align-items: flex-start; gap: 0; width: 100%; opacity: 1; transform: none; transition: opacity 0.65s cubic-bezier(0.16, 1, 0.3, 1), transform 0.65s cubic-bezier(0.16, 1, 0.3, 1);}
.company-history__row.is-visible {opacity: 1; transform: translateY(0);}
.company-history__year-col {display: flex; flex-shrink: 0; align-items: flex-start; gap: var(--space-30); width: 220px; min-width: 0;}
.company-history__year-marker {display: block; flex-shrink: 0; width: 28px; height: 37px;}
.company-history__year {font-size: var(--font-size-32); font-weight: 500; line-height:1.4375em; letter-spacing: -0.02em; color: #676767;}
.company-history__row--current .company-history__year {color: var(--color-primary);}
.company-history__events {display: flex; flex: 1 1 auto; flex-direction: column; gap: var(--space-10); min-width: 0; padding-top: var(--space-6);}
.company-history__events--gap-md {gap: var(--space-14);}
.company-history__event {display: flex; align-items: flex-start; gap: 0; width: 100%;}
.company-history__event--stack {align-items: flex-start;}
.company-history__month {display: flex; flex-shrink: 0; align-items: center; gap: var(--space-10); width: 80px; font-size: var(--font-size-20); font-weight: 500; line-height:1.7em; letter-spacing: -0.02em; color: #2c2c2c;}
.company-history__month img {display: block; flex-shrink: 0; width: 6px; height: 6px;}
.company-history__desc {flex: 1 1 auto; min-width: 0; margin: 0; font-size: var(--font-size-20); font-weight: 400; line-height:1.7em; letter-spacing: -0.02em; color: #505050; white-space: normal; overflow-wrap: anywhere;}
.company-history__desc--stack {display: flex; flex-direction: column; gap: var(--space-16);}
.company-history__desc--stack p {margin: 0; line-height:1.7em;}
.company-history__timeline.is-animated .company-history__row:not(.is-visible) {opacity:0; transform:translateY(28px);}


.dart-wrap {padding: var(--space-80) 0 0;}