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

/* 공통 */
.doc-head {font-size:var(--font-size-40); line-height:1.3em; margin-bottom:var(--space-50); text-align:center;}

.sub-sec {padding:var(--space-100) 0;}
.sub-sec.first {padding-top:0;}
.sub-sec.bg {background:#f8f8f8;}

.sub-top-text {text-align:center; font-size:var(--font-size-22); font-weight:500; line-height:1.5em;}
.sub-top-text:after {content:''; display:block; width:12px; height:12px; background:var(--color-primary); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); margin:var(--space-40) auto;}
.sub-top-text .logo-img {margin-bottom:var(--space-40);}

.img-cnt {display:flex; align-items:center; gap:var(--space-80)}
.img-cnt .cnt-area {flex:1 1 auto; min-width:0; width:1%;}
.img-cnt .cnt-area .tit {position:relative; padding-left:12px; font-size:var(--font-size-32); line-height:1.3em; margin-bottom:var(--space-24);}
.img-cnt .cnt-area .tit:before {content:''; position:absolute; top:.2em; bottom:.2em; left:0; width:3px; background:var(--color-primary);}
.img-cnt .cnt-area .txt1 {font-size:var(--font-size-20); color:#454545; line-height:1.4em; margin-bottom:var(--space-40);}
.img-cnt .cnt-area .txt2 {max-width:450px; padding:var(--space-26) var(--space-30); font-size:var(--font-size-18); color:var(--color-primary); line-height:1.63em; border-radius:var(--radius-8); background:#f2f6f7;}
.img-cnt .cnt-area .txt2 p {margin-bottom:0;}
.img-cnt .img-area {width:50%;}

/* 주주총회 토탈 컨설팅 */
.team-plan {display:flex; align-items:center; justify-content:space-between; gap:var(--space-50);}
.team-plan .tit-area {display:flex; align-items:center; width:37%;  background:url('/images/sub/voting-arrow.png') 100% 50% no-repeat;}
.team-plan .tit-area .tit {display:flex; align-items:center; justify-content:center; width:61%; aspect-ratio:1/1; font-size:40px; color:#fff; line-height:1.3em; text-align:center; background-image:linear-gradient( 80deg,  rgb(1,79,98) 0%, rgb(16,24,51) 100%); box-shadow:0 0 8px rgba(0, 0, 0, 0.08); border-radius:100%; }
.team-plan .tit-area .arr {flex:1 1 auto; min-width:0; width:1%; margin-bottom:8px; padding:35px; font-size:var(--font-size-20); font-weight:700; color:#454545; text-align:right;}
.team-plan .list-area {flex:1 1 auto; min-width:0; width:1%; display:flex; flex-direction:column; gap:var(--space-20);}
.team-plan .list-area .item {display:flex; align-items:center; gap:var(--space-20); background:#fff; padding:var(--space-20); border-radius:200px; box-shadow:0 0 8px rgba(0, 0, 0, 0.08);}
.team-plan .list-area .item .ico {width:60px;}
.team-plan .list-area .item .txt {flex:1 1 auto; min-width:0; width:1%;font-size:var(--font-size-20); font-weight:500; line-height:1.5em;}
.team-plan .list-area .item .txt .sm {font-size:var(--font-size-18); color:#242424;}
.team-plan .list-area .item:nth-child(even) {color:var(--color-primary);}

.solution-wrap {display:flex; flex-direction:column; gap:var(--space-80);}
.solution-wrap .img-cnt:nth-child(even) {flex-direction:row-reverse;}

.solution-process {overflow:hidden; text-align:center;}
.solution-process .wrap {display:flex; margin:0 -20px;}
.solution-process .item {width:25%;}
.solution-process .item .num {position:relative; margin-bottom:var(--space-30); font-size:var(--font-size-20); font-weight:700; color:#454545; text-align:center;}
.solution-process .item .num:before {content:''; position:absolute; top:50%; left:0; right:0; margin-top:-2px; height:3px; background:var(--color-primary);}
.solution-process .item .num span {position:relative; display:flex; align-items:center; justify-content:center; margin:0 auto; width:54px; height:54px; font-size:var(--font-size-30); font-weight:700; color:var(--color-primary); text-align:center; background:#fff; border-radius:100%; border:3px solid var(--color-primary);}
.solution-process .item .ico {position:relative; margin-bottom:var(--space-30);}
.solution-process .item .ico:after {content:''; position:absolute; top:50%; right:-26px; margin-top:-9px; width:53px; height:17px; background:url('/images/sub/solution-arrow.png') no-repeat center center / contain;}
.solution-process .item .tit {padding:0 20px; margin-bottom:8px; font-size:var(--font-size-20); line-height:1.3em;}
.solution-process .item .tit strong {font-weight: 600;}
.solution-process .item .txt {padding:0 20px; color:#454545; line-height:1.5em;}
.solution-process .item:first-child .num:before {left:50%;}
.solution-process .item:last-child .num:before {right:50%;}
.solution-process .item:last-child .ico:after {display:none;}

/* 회사소개 */
.greetings {display:flex; gap:var(--space-70);}
.greetings .img {width:50%; max-width:585px;}
.greetings .cnt {flex:1 1 auto; min-width:0; width:1%;}
.greetings .cnt .tit {font-size:var(--font-size-32); font-weight:600; line-height:1.31em; margin-bottom:var(--space-24);}
.greetings .cnt .txt {font-size:var(--font-size-18); line-height:1.56em; margin-bottom:24px;}
.greetings .cnt .sign {font-size:var(--font-size-20); font-weight:600; line-height:1.56em; margin-top:var(--space-50);}
.greetings .cnt .sign img {vertical-align:middle; margin:-.2em 0 0 16px;}

.vision {display:grid; grid-template-columns:repeat(3, 1fr); border:1px solid #ddd;}
.vision .item {display:flex; flex-direction:column; align-items:center; gap:12px; padding:60px 30px; text-align:center;}
.vision .item:not(:last-child) {border-right:1px solid #ddd;}
.vision .item .icon {width:80px; aspect-ratio: 1/1; margin-bottom:10px;}
.vision .item .icon lord-icon {width:100%; height:100%;}
.vision .item h3 {font-size:var(--font-size-22); font-weight:600; line-height:1.3em;}
.vision .item p {font-size:var(--font-size-17); color:#454545; line-height:1.75em;}

.clients {display:grid; grid-template-columns:repeat(4, 1fr); gap:var(--space-30);}

.directions {display:flex; justify-content:space-between; align-items:center;}
.directions .text-area {width:42%;}
.directions .text-area h3 {position:relative; padding-left:30px; font-size:var(--font-size-20); font-weight:600; line-height:1.3em; margin-bottom:var(--space-30);}
.directions .text-area h3:before {content:''; position:absolute; top:0; left:0; width:20px; height:20px; background:url('/images/sub/bullet.svg') 50% 50%/contain no-repeat;}
.directions .text-area .info {display:flex; flex-direction:column; gap:var(--space-20); margin-bottom:var(--space-60);}
.directions .text-area .info dl {display:flex; align-items:flex-start; gap:var(--space-10);}
.directions .text-area .info dl dt {display:flex; align-items:center; gap:10px; min-width:100px; font-size:var(--font-size-18); font-weight:500; line-height:1.4em;}
.directions .text-area .info dl dt img {width:16px; margin-top:-.1em;}
.directions .text-area .info dl dd {flex:1; color:#454545; line-height:1.6em;}
.directions .text-area .btns {display:flex; flex-wrap:wrap; gap:var(--space-10);}
.directions .text-area .btn {display:inline-flex; justify-content:center; align-items:center; width:160px; height:48px; text-align:center; border:2px solid #686868; border-radius:50px; color:#686868; font-weight: 600; line-height:1.5em;}
.directions .map-area {width:55%;}
.directions .map-area .root_daum_roughmap {width:100% !important; aspect-ratio:66/40; border-radius:var(--radius-40); overflow:hidden;}
.directions .map-area .root_daum_roughmap .wrap_map {height:100% !important;}
.directions .map-area .root_daum_roughmap .map_border,
.directions .map-area .root_daum_roughmap .wrap_controllers,
.directions .map-area .root_daum_roughmap .cont {display:none;}

/* 성공실적 */
.project-list table {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #242424;}
.project-list table td {padding:16px; border:1px solid #ddd; text-align:center;}
.project-list table td.year {font-size:var(--font-size-22); font-weight:700; line-height:1.3em;}
.project-list table td.client {font-size:var(--font-size-18); font-weight:600; line-height:1.5em;}
.project-list table td.remark {font-size:var(--font-size-18); line-height:1.5em; color:#454545;}
.project-list table .bg td {background:#f7f9fa;}
.project-list tr th:first-child,
.project-list tr td:first-child {border-left:0;}
.project-list tr th:last-child,
.project-list tr td:last-child {border-right:0;}

/* 업무프로세스 */
.strategy {display:grid; grid-template-columns:repeat(3, 1fr); gap:var(--space-30);}
.strategy .item {display:flex; flex-direction:column; align-items:center; gap:var(--space-20); padding:var(--space-40); border-radius:var(--space-24); border:1px solid #ddd; text-align:center;}
.strategy .item .num {display:inline-flex; align-items:center; justify-content:center; width:80px; height:28px; font-size:var(--font-size-20); font-weight:700; color:#fff; text-align:center; background:var(--color-primary); border-radius:30px;}
.strategy .item .icon {width:80px; aspect-ratio:1/1;}
.strategy .item .icon lord-icon {width:100%; height:100%;}
.strategy .item p {font-size:var(--font-size-18); color:#454545; line-height:1.5em;}