@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
.doc-cnt100 {margin-bottom:var(--space-100);}

.introduction p {font-size:var(--font-size-17); line-height:1.53em; padding:var(--space-40) 0 0 var(--space-20);}

.history {align-items:center; gap:0 var(--space-60); display:flex; font-size:var(--font-size-17); line-height:1.53em;}
.history p {flex:1;}

.cert {gap:0 var(--space-75); display:flex;}
.cert .imgs {width:50%; max-width:580px; margin:0 -10px -20px; display:flex; flex-wrap:wrap;}
.cert .imgs .img {padding:0 10px; margin-bottom:20px; width:33.3333%; max-width:calc(33.3333% - 5px); display:block;}
.cert .cnt {padding-top:var(--space-40); flex:1; font-size:var(--font-size-17); line-height:1.53em;}
.cert .txt2 {margin-top:var(--space-25); color:#242424;}
.cert ul {margin:15px 0;}
.cert ul li {padding-left:15px; position:relative;}
.cert ul li:before {width:4px; height:4px; top:11px; left:0; position:absolute; content:''; background-color:var(--color-primary);}

.service .item {margin-bottom:var(--space-50); align-items:center; gap:0 var(--space-70); display:flex;}
.service .item:last-child {margin-bottom:0;}
.service .cnt {flex:1;}
.service .item:nth-child(even) .img {order:1;}
.service .item:nth-child(even) .cnt {padding-left:15px;}
.service .tit {font-size:var(--font-size-28); font-weight:700; color:#242424; letter-spacing:0;}
.service .tit span {color:var(--color-secondary);}
.service p {margin:var(--space-20) 0 var(--space-40); line-height:1.5em;}

.sales-top ul {display:flex; margin:0 -10px;}
.sales-top ul li {padding:0 10px; width:33.3333%;}
.sales-top ul li .box {height:260px; flex-direction:column; align-items:center; justify-content:center; text-align:center; border-radius:20px; border:1px solid var(--color-secondary); display:flex;}
.sales-top ul li p {margin-top:var(--space-30); font-size:var(--font-size-20); letter-spacing:-.03em; line-height:1.3em; font-weight:600; color:#242424;}

.sales {margin-top:var(--space-80);}
.sales .item {margin-bottom:var(--space-70);}
.sales .item.last {margin-bottom:var(--space-50);}
.sales .title {padding:var(--space-20) var(--space-25); line-height:1em; border-radius:5px; font-size:var(--font-size-24); color:var(--color-secondary); background-color:#f5f5f8; font-weight:700;}
.sales ul {padding:var(--space-25) var(--space-30) 0;}
.sales li {padding-left:12px; margin-bottom:var(--space-20); line-height:1.5em; position:relative;}
.sales li:last-child {margin-bottom:0;}
.sales li:before {width:4px; height:4px; top:10px; position:absolute; content:''; left:0; background-color:#909090;}
.sales .m-btn {margin:auto;}

.m-btn-buttons button {border:none; margin:auto;}

.doc-tit {padding-left:35px; margin-bottom:var(--space-25); font-size:var(--font-size-28); font-weight:700; color:#242424; position:relative;}
.doc-tit:before {width:27px; height:21px; top:3px; left:0; background-image:url('../images/sub/doctit.png'); background-size:contain; background-repeat:no-repeat; position:absolute; content:'';}

.ourteam {margin:0 -10px -20px; display:flex; flex-wrap:wrap;}
.ourteam .item {width:50%; padding:0 10px; margin-bottom:20px;}
.ourteam .box {height:160px; flex-direction:column; justify-content:center; padding:0 var(--space-30); display:flex; background-color:#f8f8f8; border-radius:10px;}
.ourteam .box .title {margin-bottom:10px; font-size:var(--font-size-24); font-weight:600; color:#242424;}
.ourteam .box dl {margin-top:10px; display:flex;}
.ourteam .box dl dt {width:80px; padding-left:10px; color:#242424; font-weight:600; position:relative;}
.ourteam .box dl dt:before {position:absolute; content:''; top:12px; left:0; width:4px; height:4px; background-color:#909090;}
.ourteam .box dl dd {flex:1;}
.ourteam .box dl dd span {color:var(--color-primary); font-weight:600;}

.ourteam2 {padding:22px 10px; margin-top:var(--space-50); font-weight:600; font-size:var(--font-size-18); text-align:center; background-color:#f5f5f8;}
.ourteam2 span {padding-left:10px; color:var(--color-primary); font-weight:700;}