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

.doc-cnt {margin-bottom:var(--space-100);}
.doc-cnt:last-child {margin-bottom:0;}

.doc-title {position:relative; padding-left:18px; font-size:var(--font-size-24); font-weight:600; line-height:1.3em; color:var(--color-primary); margin-bottom:var(--space-30);}
.doc-title::before {content:''; position:absolute; top:.2em; bottom:.2em; left:0; width:3px; background:var(--color-primary);}

.table-wrap {overflow-x:auto;}
.table-wrap table {width:100%; border-collapse:collapse; border-top:2px solid #686868; font-size:14px; line-height:1.5em;}
.table-wrap table th {background:#fafafa; border:1px solid #ddd; padding:16px 12px; text-align:center; color:#2c2c2c; font-weight:600;}
.table-wrap table td {border:1px solid #ddd; padding:13px; text-align:center; color:#454545;}

.table-desc {margin-top:var(--space-16); color:#454545;}

/* 회사소개 */
.greeting-image {margin-bottom:var(--space-60); text-align:center;}

.greetings-title {font-size:var(--font-size-34); font-weight:700; line-height:1.3em; color:var(--color-primary); text-align:center; margin-bottom:var(--space-50);}
.greetings-intro {font-size:var(--font-size-24); line-height:1.5em; color:#454545; text-align:center;}
.greetings-intro strong {font-weight:600;}
.greetings-divider {text-align:center; margin:var(--space-60) 0; border-top:1px solid #ddd;}
.greetings-message {font-size:var(--font-size-18); line-height:1.67em; color:#454545; text-align:center; margin-bottom:var(--space-50);}
.greetings-signature {text-align:center; margin-top:var(--space-50);}
.greetings-signature p {font-size:var(--font-size-20); color:#454545;}
.greetings-signature strong {font-weight:600;}

.vision-image {margin-bottom:var(--space-30);}
.vision-values {display:flex;}
.vision-item {flex:1; padding:0 20px;}
.vision-en-title {font-size:var(--font-size-14); color:#9e9e9e; font-weight:400; margin-bottom:6px; line-height:1.3em;}
.vision-ko-title {font-size:var(--font-size-22); color:#242424; font-weight:700; margin-bottom:var(--space-24); line-height:1.3em;}
.vision-description {font-size:var(--font-size-16); color:#454545; line-height:1.63em;}
.vision-description p {margin-bottom:0;}

.root_daum_roughmap {width:100% !important; border-radius:var(--radius-32); overflow:hidden;}
.root_daum_roughmap .wrap_map {height:clamp(240px, calc(450 / var(--inner) * 100vw), 450px) !important;}
.root_daum_roughmap .cont {display:none;}
.root_daum_roughmap .wrap_controllers {display:none !important;}

.directions-address {display:flex; align-items:center; gap:var(--space-10); margin-bottom:var(--space-30);}
.directions-address .icon {width:24px; line-height:0;}
.directions-address .text {flex:1 1 auto; min-width:0; width:1%; font-size:var(--font-size-24); font-weight:700; color:#454545; line-height:1.5em;}

.directions-info {display:flex; flex-wrap:wrap; justify-content:space-between; gap:20px; margin-top:30px;}
.directions-info .item {display:flex; align-items:center; gap:var(--space-20);}
.directions-info .item .icon {width:80px;}
.directions-info .item .text {flex:1 1 auto; min-width:0; width:1%; font-size:var(--font-size-16); color:#454545; line-height:1.5em;}
.directions-info .item .text .title {font-size:var(--font-size-22); color:#242424; font-weight:700; line-height:1.3em; margin-bottom:2px;}
.directions-info .item .text .value {font-size:var(--font-size-18); color:#454545; line-height:1.3em;}

/* 판매제품 */
.product-title:first-child {margin-top:0;}
.product-title {text-align:center; margin-top:var(--space-150); margin-bottom:var(--space-60);}
.product-title h2 {font-size:var(--font-size-34); font-weight:700; line-height:1.3em; color:#454545; margin-bottom:var(--space-20);}
.product-title p {font-size:var(--font-size-18); line-height:1.5em; color:#454545;}

.product-images {display:grid; grid-template-columns:repeat(3, 1fr); gap:var(--space-40);}
.product-images img {width:100%; height:100%; object-fit:cover;}

/* 갤러리 */
.photo-gallery {display:grid; grid-template-columns:repeat(3, 1fr); gap:40px var(--space-40); border-top:2px solid #686868; padding-top:var(--space-40); text-align:center;}
.photo-gallery .item .img {aspect-ratio:373/250; margin-bottom:var(--space-20);}
.photo-gallery .item .img img {display:block; width:100%; height:100%; object-fit:cover;}
.photo-gallery .item .tit {color:#222; font-size:var(--font-size-20); font-weight:600; line-height:1.3em;}