@charset "utf-8";

.doc-tit {margin-bottom:20px; font-size:var(--fz24); font-weight:600; letter-spacing:-.03em; line-height:1.4em;}
.doc-tit:before {content:''; display:block; width:20px; height:1px; background:#000; margin-bottom:26px;}

.dot-list li {margin-bottom:7px; position:relative; padding-left:9px; font-weight:400; letter-spacing:-.03em; line-height:1.4em; color:#505050;}
.dot-list li:before {content:'.'; position:absolute; left:0; top:-.3em;}
.dot-list li:last-child {margin-bottom:0;}

.greeting {display:flex; justify-content:space-between; gap:60px;}
.greeting .cnt {flex:1 1 auto; min-width:0; width:1%;}
.greeting .cnt h2 {margin-bottom:26px; font-size:var(--fz30); font-weight:700; letter-spacing:-.03em; line-height:1.33em;}
.greeting .cnt p {margin-bottom:25px; font-size:var(--fz18); font-weight:400; letter-spacing:-.03em; line-height:1.44em; color:#505050;}
.greeting .cnt p:last-child {margin-bottom:0;}
.greeting .cnt .ceo {font-size:var(--fz18); font-weight:600; letter-spacing:-.03em; line-height:1.44em; color:#505050;}
.greeting .img {width:40%;}

.history {position:relative;}
.history .group {position:relative; padding-bottom:95px;}
.history .group:nth-child(even) {margin-left:50%; padding-left:100px;}
.history .group:nth-child(odd) {margin-right:50%; padding-right:100px; text-align:right;}
.history .group:last-child {padding-bottom:0;}
.history .group h2 {margin-bottom:20px; font-size:var(--fz30); font-weight:700; letter-spacing:-.03em; line-height:1em; color:var(--color-primary);}
.history .group ul li {margin-bottom:15px; font-weight:400; letter-spacing:-.03em; line-height:1.44em; color:#505050;}
.history .group ul li:last-child {margin-bottom:0;}

.history .progress-container {position:absolute; left:50%; top:0; height:100%; width:4px; background:#ddd;z-index:10;}
.history .progress-bar {position:relative; width:100%; background:var(--color-primary); height:0;}
.history .progress-bar:after {box-shadow:0 3px 15px rgba(15,52,96,.6); position:absolute; left:50%; bottom:0; transform:translateX(-50%); border-radius:20px; content:''; width:40px; height:64px; background:var(--color-primary) url('/images/sub/history-arrow.png') no-repeat 50% 50%;}

.client-tit {margin-bottom:100px; text-align:center; font-size:var(--fz40); font-weight:700; letter-spacing:-.03em; line-height:1em; color:var(--color-primary);}

.client-list ul {display:flex; flex-wrap:wrap; margin:-23px -18px;}
.client-list ul li {width:20%; text-align:center; padding:23px 18px;}
.client-list .tit {line-height:1.4em; color:#505050; margin-top:15px;}

.sub-map .root_daum_roughmap .wrap_map {height:610px !important;}

.directions {z-index:30; position:relative; top:-130px; padding:45px 55px; background:var(--color-primary); color:#fff; max-width:600px; margin-left:auto;}
.directions .addr {margin-bottom:50px;}
.directions .addr dt {margin-bottom:3px; font-size:var(--fz20); font-weight:400; letter-spacing:-.03em; line-height:1.4em; color:#fff;}
.directions .addr dd {font-size:var(--fz20); font-weight:700; letter-spacing:-.03em; line-height:1.4em; color:#fff;}
.directions .info p {margin-bottom:8px; font-size:var(--fz18); font-weight:400; letter-spacing:-.03em; line-height:1.4em; color:#fff;}
.directions .info p:last-child {margin-bottom:0;}
.directions .info p strong {min-width:100px; display:inline-block;}

.biz-intro {margin-bottom:var(--space-150); padding:var(--space-120) 0 var(--space-100); background-repeat:no-repeat; background-position:50% 50%; background-size:cover;  text-align:center; color:#fff;}
.biz-intro .tit {font-size:var(--fz60); font-weight:300; letter-spacing:-.03em; line-height:1.33em;}
.biz-intro .en {margin:5px 0 10px; font-size:var(--fz14); font-weight:800; letter-spacing:1em; line-height:1.33em;}
.biz-intro .txt {font-size:var(--fz48); font-weight:800; letter-spacing:-.03em; line-height:1.33em;}
.biz-intro .txt:after {content:''; display:block; width:1px; height:24px; background:#fff; margin:25px auto 32px;}
.biz-intro .desc {font-size:var(--fz20); font-weight:300; letter-spacing:-.03em; line-height:1.8em; color:#fff;}

.work-cnt {display:flex; justify-content:space-between;}
.work-cnt .col {width:calc(50% - 40px); display:flex; flex-direction:column; justify-content:space-between;}
.work-cnt .dot-list {min-height:140px; padding-bottom:100px;}

.ad-cnt:not(:last-child) {margin-bottom:var(--space-150);}
.ad-cnt .doc-tit {width:18.5%;}
.ad-cnt .cnt-area {flex:1;}

.ad-field {display:flex;} 
.ad-field .cnt-area {display:flex; justify-content:space-between;}
.ad-field .cnt-area .dot-list {margin-top:25px; width:38.6%;}
.ad-field .cnt-area .img {width:58%;}

.ad-process {display:flex;}
.ad-process .list ul {display:flex;}
.ad-process .list ul li {width:25%; display:flex;}
.ad-process .box {text-align:center;}
.ad-process .box .con {margin-top:12px; display:flex; justify-content:center;}
.ad-process .box .num {text-align:left; min-width:33px; font-family:var(--font-paper); font-size:var(--fz14); font-weight:700; letter-spacing:-.03em;}
.ad-process .box .txt {font-weight:400; letter-spacing:-.03em; line-height:1.5em; color:#505050;}

.ad-char {display:flex;}
.ad-char .dot-list {margin-top:25px;}