@charset "utf-8";

/* 공통 */
.sub-heading {margin-bottom:clamp(24px, calc(60 / var(--inner) * 100vw), 60px); text-align:center;}
.sub-heading .title {color:#454545; font-size:var(--font-size-20); font-weight:600; line-height:1.6em;}

/* 참여 */
.participation {display:grid; gap:30px; grid-template-columns:repeat(3, 1fr); text-align:center;}
.participation .item {display:flex; flex-direction:column; justify-content:center; min-height:300px; padding:40px 30px; background:#f8f8f8; border-radius:10px;}
.participation .item h3 {margin-bottom:.6em; font-size:var(--font-size-22); line-height:1.5em;}
.participation .item p {color:#454545;}

/* 사업 */
.business-image {display:none; margin-bottom:10px;}

/* 법인소개 */
.sub-top {padding:40px; background:#f8f8f8; border-radius:10px;}
.sub-top.mgb {margin-bottom:var(--space-80);}

.major-business h3 {margin-bottom:var(--space-30); font-size:var(--font-size-24); line-height:1.3em; letter-spacing:-.03em; text-align:center;}
.major-business .items {display:grid; grid-template-columns:repeat(4, 1fr); gap:20px;}
.major-business .item {display:flex; align-items:center; justify-content:center; min-height:180px; padding:20px; color:#fff; font-size:var(--font-size-18); line-height:1.5em; letter-spacing:-.03em; text-align:center; box-shadow:0 3px 6px rgba(0, 0, 0, 0.1); transition:transform 0.3s; border-radius:10px;}
.major-business .item:hover {transform:translateY(-5px);}
.major-business .item:nth-child(1) {background-color:#904a37;}
.major-business .item:nth-child(2) {background-color:#885647;}
.major-business .item:nth-child(3) {background-color:#b08377;}
.major-business .item:nth-child(4) {background-color:#eebcad;}

.history {max-width:800px; margin:0 auto; padding:40px; border:1px solid #ddd; border-radius:10px;}
.history .item {display:flex; padding:15px 0;}
.history .item:not(:last-child) {border-bottom:1px solid #dddddd; margin-bottom:15px;}
.history .item .date {min-width:140px; margin-right:var(--space-30); font-size:var(--font-size-22); font-weight:700; line-height:1.5em; color:#774839;}
.history .item .content {line-height:1.7em;}

.board-members {display:grid; grid-template-columns:repeat(2, 1fr); border-top:1px solid #ddd;}
.board-member {display:flex; margin-bottom:var(--space-40); padding-bottom:var(--space-40); border-bottom:1px solid #ddd;}
.board-member:first-child { padding-top:var(--space-40);}
.board-member.wide {grid-column:span 2;}
.member-photo {width:260px; flex-shrink:0;}
.member-photo img {border-radius:var(--radius-24);}
.member-info {flex-grow:1; padding:var(--space-30) 0; margin-left:var(--space-50);}
.member-name {font-size:var(--font-size-24); line-height:1.3em; font-weight:700; margin-bottom:var(--space-20); position:relative;}

.office-section {margin-bottom:var(--space-60); padding:var(--space-40) 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.office-subtitle {font-size:var(--font-size-22); font-weight:700; color:#242424; margin-bottom:var(--space-25);}
.office-list {margin-bottom:var(--space-30);}
.office-list li {position: relative; padding-left:25px; margin-bottom:var(--space-10); line-height:1.5;}
.office-list li:before {content:"•"; position: absolute; left: 0; color: #774839; font-weight: bold;}
.office-images {display:flex; gap:15px; margin:var(--space-30) 0; width:100%;}
.office-images img {width:100%; object-fit:cover;}
.office-image-large {width:570px;}      
.office-image-small {width:300px;}

.staff-members {display:grid; grid-template-columns:repeat(2, 1fr);}
.staff-member {margin-bottom:var(--space-40); display: flex; border-bottom: 1px solid #ddd; padding-bottom:var(--space-40);}
.staff-member:first-child {padding-top:var(--space-10);}
.staff-photo {width:260px; flex-shrink:0;}
.staff-photo img {border-radius:var(--radius-24);}
.staff-info {flex-grow:1; padding:var(--space-30) 0; margin-left:var(--space-50);}
.staff-name {font-size:var(--font-size-24); line-height:1.3em; margin-bottom:var(--space-20); position: relative;}
        
.info-columns {display:flex; flex-wrap:wrap; gap:var(--space-30);}
.info-column {flex:1; min-width:300px;}
.info-title {display:inline-block; font-size:var(--font-size-18); font-weight:700; padding:6px 20px; margin-bottom:15px; background:#333; color:#fff; border-radius:50px;}
.info-list li {position:relative; padding-left:25px; margin-bottom:var(--space-10); line-height:1.5; font-weight:500;}
.info-list li:before {content: "✓"; position: absolute; left: 0; color: #774839; font-weight: bold;}

.articles h2 {margin:3rem 0 1.5rem; color:#242424; font-size:var(--font-size-24); line-height:1.6em; text-align:center;}
.articles h2:first-child {margin-top:0;}
.articles h3 {margin:1.5rem 0 1.5rem; color:#242424; font-size:var(--font-size-20); font-weight:600; line-height:1.6em; text-align:center;}
.articles p {margin:1rem 0; color:#454545;}
.articles p strong {color:#242424;}
.articles .indent {padding-left:1em; text-indent:-1em;}