@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */

/* 회사소개 */
.greetings {text-align:center;}
.greetings .image {margin-bottom:var(--space-70); overflow:hidden; border-radius:var(--radius-32);}
.greetings .subtit {margin-bottom:var(--space-40); font-size:var(--font-size-32); line-height:1.3em; letter-spacing:-.03em; color:var(--color-primary);}
.greetings .subtit:before,
.greetings .subtit:after {font-family:'NanumMyeongjo',sans-serif; font-size:var(--font-size-50); font-weight: 800; line-height:1em; opacity:0.4;}
.greetings .subtit:before {content:'“'; margin-right:10px;}
.greetings .subtit:after {content:'”'; margin-left:10px;}
.greetings .txt {color:#484848; line-height:1.875em;}
.greetings .sign {margin-top:var(--space-60); font-weight:600; color:#484848;}

/* 사업분야 */
.biz-title {text-align:center; margin-bottom:var(--space-100);}
.biz-title .txt1 {margin-bottom:var(--space-30); font-size:var(--font-size-20); font-weight:600; line-height:1.4em; letter-spacing:-.03em; color:#F79F2A;}
.biz-title .txt2 {margin-bottom:var(--space-30); font-size:var(--font-size-34); font-weight:700; line-height:1.4em; letter-spacing:-.03em;}
.biz-title .txt3 {line-height:1.875em; color:#484848;}

.biz-content {padding:var(--space-100) 0; background:#F5F8FF; text-align:center;}
.biz-content .title {margin-bottom:var(--space-60);}
.biz-content .title h2 {font-size:var(--font-size-24); font-weight:600; line-height:1.3em; letter-spacing:-.03em;}
.biz-content .title p {margin-top:var(--space-20); line-height:1.875em; color:#484848;}
.biz-content .items {display:flex; gap:var(--space-40);}
.biz-content .item {flex:1; min-height:clamp(180px, calc(240 / var(--inner) * 100vw), 240px); background:#fff; border:1px solid #ddd; border-radius:var(--radius-24); padding:clamp(24px, calc(34 / var(--inner) * 100vw), 34px) clamp(14px, calc(20 / var(--inner) * 100vw), 20px); display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center;}
.biz-content .item .icon {margin-bottom:var(--space-30);}
.biz-content .item .icon img {width:clamp(48px, calc(56 / var(--inner) * 100vw), 56px);}
.biz-content .item h3 {font-size:var(--font-size-20); font-weight:600; color:var(--color-primary);  line-height:1.3em;}
.biz-content .item p {color:#484848; line-height:1.7em; margin-top:var(--space-20);}