@charset "utf-8";

.doc-tit {margin-bottom:var(--space-45); font-size:var(--font-size-28); font-weight:700; letter-spacing:-.03em; line-height:1.4em;}

.dash-line {border-bottom:1px dashed #ddd; margin:var(--space-60) 0;}

.greeting {position:relative; padding-top:var(--space-100);}
.greeting .bg {position:absolute; top:0; right:0;}
.greeting .content {position:relative; z-index:2; padding:var(--space-60); background:rgba(255,255,255,.88);width:70.4%;}
.greeting .content .text {color:#454545; font-weight:600;}
.greeting .content .name {margin-bottom:var(--space-50); font-size:var(--font-size-18); font-weight:700; letter-spacing:-.03em; line-height:1.4em;}
.greeting .content .name span {margin-left:var(--space-30); display:inline-block; color:var(--color-primary);}
.greeting .content .list ul li {margin-bottom:var(--space-15); font-weight:400; letter-spacing:-.03em; line-height:1.4em; color:#454545;}
.greeting .content .list ul li:last-child {margin-bottom:0;}
.greeting .content .list ul li:before {vertical-align:middle; content:''; display:inline-block; width:5px; height:5px; background:var(--color-primary); border-radius:50%; margin-right:var(--space-10);} 

.root_daum_roughmap_landing {width:100% !important;}
.root_daum_roughmap .wrap_map {height:clamp(250px, calc(570 / var(--inner) * 100vw), 570px) !important;}
.root_daum_roughmap .cont {display:none;}

.location-info {margin-top:var(--space-40); display:flex; gap:var(--space-20); flex-wrap:wrap; justify-content:space-between; align-items:center;}
.location-info .item {display:flex; align-items:center; gap:0 var(--space-20);}
.location-info .item .text dl dt {margin-bottom:var(--space-10); font-weight:600; letter-spacing:-.03em; line-height:1.4em; color:var(--color-primary);}
.location-info .item .text dl dd {color:#454545;}

.biz-banner {margin-bottom:var(--space-60);} 

.work ul {display:grid; grid-template-columns:repeat(4, 1fr); gap:var(--space-20);}
.work .box {padding:var(--space-50) var(--space-20); border:1px solid #ddd; text-align:center; height:270px;}
.work .box .ico img {height:clamp(40px, calc(56 / var(--inner) * 100vw), 56px)}
.work .box .tit {margin:var(--space-20) 0; font-size:var(--font-size-20); font-weight:700; letter-spacing:-.03em; line-height:1.4em; color:var(--color-primary);}
.work .box .txt {font-weight:400; letter-spacing:-.03em; color:#454545;}

.service ul {display:grid; grid-template-columns:repeat(2, 1fr); gap:var(--space-15);}
.service ul li {padding-left:15px; position:relative; font-weight:400; letter-spacing:-.03em; color:#454545;}
.service ul li:before {position:absolute; left:0; top:.7em; content:''; display:inline-block; width:5px; height:5px; background:var(--color-primary); border-radius:100%;}
.service.wide ul {grid-template-columns:1fr;}

.process .item {margin-bottom:var(--space-30);}
.process .item .title {margin-bottom:var(--space-15); padding-left:15px; position:relative; font-weight:600; letter-spacing:-.03em; line-height:1.4em; color:#454545;}
.process .item .title:before {position:absolute; left:0; top:.6em; content:''; display:inline-block; width:5px; height:5px; background:var(--color-primary); border-radius:100%;}
.process .item .text {padding-left:15px; color:#454545;}
.process .list ol {display:flex; margin:calc(var(--space-30) * -1);}
.process .list ol li {position:relative; width:20%; text-align:center; padding:var(--space-30);}
.process .list ol li:after {color:#999; font-size:var(--font-size-28); font-weight:600; letter-spacing:-.03em; line-height:1.4em; content:'→'; position:absolute; top:50%; right:0; margin-right:-.4em; transform:translateY(-50%);}
.process .list ol li:last-child:after {display:none;}
.process .list .box {border:1px solid #ddd; display:flex; flex-direction:column; align-items:center; justify-content:center; height:120px;}
.process .list .box p {font-weight:600; color:var(--color-primary);}
.process .list.col-4 ol {flex-wrap:wrap;}
.process .list.col-4 ol li {width:25%;}

.compensation .item {margin-bottom:var(--space-30);}
.compensation .item:last-child {margin-bottom:0;}
.compensation .item .tit {margin-bottom:var(--space-10); font-weight:600; color:#454545;}
.compensation .item .txt {color:#454545; padding-left:.9em;}