@charset "utf-8";
.mgb-25 {margin-bottom:var(--space-25);}
.mgb-50 {margin-bottom:var(--space-50);}
.mgb-100 {margin-bottom:var(--space-100);}
.mgb-150 {margin-bottom:var(--space-150);}

.doc-tit {font-size:var(--font-size-40); margin-bottom:var(--space-35); font-weight:700; color:var(--color-primary); letter-spacing:-.01em; line-height:1.2em;}
.fz24-tit {margin-bottom:var(--space-30); font-size:var(--font-size-24); color:var(--color-bk); letter-spacing:-.01em; line-height:1.5em;}
.fz18-tit {margin-bottom:var(--space-30); font-size:var(--font-size-18); color:var(--color-bk); letter-spacing:-.01em; line-height:1.67em;}

.about .fz24-tit:last-child {margin-bottom:0;}

.foundation .img {margin-bottom:var(--space-60); text-align:center;}

.research {margin-bottom:var(--space-80);}
.research .flex {gap:0 var(--space-70); display:flex; align-items:center;}
.research .flex .txt {flex:1;}
.research .flex .txt p:last-child {margin-bottom:0;}
.research .chk-list2 .box {height:100%;}
.research .dot-list > li {padding-left:15px;}

.partners {margin-bottom:var(--space-60);}
.partners .item {margin-bottom:var(--space-60); display:flex;}
.partners .item:last-child {margin-bottom:0;}
.partners .col-l {font-size:var(--font-size-32); font-weight:700; color:var(--color-bk); line-height:1.3em; letter-spacing:-.01em; flex:1;} 

.crifs .box {margin-top:var(--space-15); padding:var(--space-15) var(--space-20); gap:0 var(--space-25); display:flex; justify-content:center; align-items:center; background-color:#f4f4f4; color:#505050; text-align:center;}
.crifs .more-btn {margin-bottom:var(--space-40); text-align:right;}

.choose-fi {display:flex;}
.choose-fi .doc-tit {margin-bottom:var(--space-30);}
.choose-fi .col-txt {margin-left:var(--space-80); order:2; flex:1;}
.choose-fi .dot-list {margin-bottom:var(--space-45);}
.choose-fi .dot-list > li {margin-bottom:var(--space-30); font-size:var(--font-size-24); font-weight:700;}
.choose-fi .dot-list > li:before {top:15px;}
.choose-fi .dot-list p {margin-top:4px; font-size:var(--font-size-16); font-weight:400; color:#505050; line-height:1.5em;}
.choose-fi .box {padding:var(--space-25) var(--space-30); background-color:#f9f9f9;}
.choose-fi .box .tt {font-size:var(--font-size-20); margin-bottom:var(--space-15); font-weight:700; letter-spacing:-.01em; line-height:1.4em;}
.choose-fi .box .chk-list li {padding-bottom:12px;}

.choose-fi .col-img {width:600px;}
.choose-fi .col-img .image {height:600px; background:url('../images/sub/choose-fi.jpg') no-repeat 50% 50% / cover;}
.choose-fi .col-img .txt {font-size:var(--font-size-20); font-weight:500; padding:var(--space-35); letter-spacing:-.01em; line-height:1.7em; color:#fff; height:100%; align-items:flex-end; justify-content:center; display:flex; text-align:center;}

.greeting .group {padding:var(--space-70) 0; display:flex; border-bottom:1px solid #ddd;}
.greeting .group:last-child {padding-bottom:0; border-bottom:0;}
.greeting .col-l {width:300px; font-size:var(--font-size-40); color:var(--color-bk); font-weight:700; line-height:1.3em; letter-spacing:-.01em;}
.greeting .col-r {flex:1; font-size:var(--font-size-18); letter-spacing:-.01em; line-height:1.67em;}
.greeting .col-r p {margin-bottom:var(--space-20);}
.greeting .col-r p:last-child {margin-bottom:0;}

.dot-list > li {padding-left:20px; margin-bottom:var(--space-20); position:relative; letter-spacing:-.01em; line-height:1.7em; font-weight:500; font-size:var(--font-size-20); color:var(--color-bk);}
.dot-list > li:before {top:13px; width:6px; height:6px; position:absolute; content:''; left:0; background-color:var(--color-primary); border-radius:100%;}
.dot-list > li:last-child {margin-bottom:0;}
.dot-list.ty2 > li {margin-bottom:13px; font-size:var(--font-size-16); color:#505050;}
.dot-list.ty2 > li:before {top:10px; background-color:#ccc;}
.dot-list.ty2 > li:last-child {margin-bottom:0;}

.technologies {max-width:1920px; margin:0 auto;}
.technologies.ty1 .contain.w-1400 {margin:0 0 0 auto;}
.technologies.ty2 .contain.w-1400 {margin:0 auto 0 0;}
.contain.w-1400 {max-width:1460px; padding:0;}

.tech-top {font-size:var(--font-size-40); margin-bottom:var(--space-70); letter-spacing:-.01em; line-height:1.3em; color:var(--color-bk);}
.tech-top.right {text-align:right;}

.tech-item.bg {padding:var(--space-50) var(--space-60); background-color:#13917f10;}
.tech-item.bg .cnt {margin-top:0;}
.tech-item .cnt {margin-top:var(--space-70);}
.tech-item .cnt .tt {font-size:var(--font-size-32); font-weight:700; color:var(--color-bk); letter-spacing:-.01em; line-height:1.3em;}
.tech-item .cnt p {font-size:var(--font-size-20); margin-top:var(--space-20); letter-spacing:-.01em; line-height:1.7em;}
.tech-item .more-btn {margin-top:var(--space-40); text-align:right;}

.more-btn a {padding:10px var(--space-35); display:inline-block; border:1px solid #505050; font-weight:500; font-size:var(--font-size-18); letter-spacing:-.01em; color:var(--color-bk);}
.more-btn a i {width:18px; height:18px;	margin:-2px 0 0 10px; vertical-align:middle; background-image:url('../images/sub/sbtn-ico.png'); background-size:contain; background-repeat:no-repeat; background-position:50% 50%; display:inline-block;}
.more-btn a:hover {background-color:var(--color-primary); color:#fff; border-color:var(--color-primary);}
.more-btn a:hover i {background-image:url('../images/sub/sbtn-ico-on.png');}

.shadow {box-shadow:1px 3px 10px rgba(0,0,0,.19);}

.services-flex {margin-top:var(--space-50); display:flex;}
.services-flex .col {width:50%;}
.services-flex .col-l {font-size:var(--font-size-32); color:var(--color-bk); line-height:1.38em;}
.services-flex .col-r .tt {font-size:var(--font-size-24); margin-bottom:var(--space-20); font-weight:700; letter-spacing:-.01em; line-height:1.3em; color:var(--color-bk);}
.services-flex .col-r p {line-height:1.63em;}
.services-flex .col-r p + .more-btn {margin-top:var(--space-35);}
.services-flex .col-r .more-btn {text-align:right;}

.consulting .g-tit {font-size:var(--font-size-32); margin-bottom:var(--space-25); font-weight:700; color:var(--color-bk); letter-spacing:-.01em; line-height:1.3em;}
.consulting .g-txt {font-size:var(--font-size-20); margin-bottom:var(--space-30); line-height:1.7em; letter-spacing:-.01em;}

.chk-list li {padding:0 0 var(--space-15) 25px; position:relative; line-height:1.4em;}
.chk-list li:last-child {padding-bottom:0 !important;}
.chk-list li strong {color:var(--color-bk); letter-spacing:-.01em; line-height:1.4em; font-size:var(--font-size-18);}
.chk-list li:before {width:14px; height:12px; top:5px; left:0; background-image:url('../images/sub/chk-ico2.png'); background-size:contain; background-repeat:no-repeat; position:absolute; content:'';}

.chk-list2 {display:flex; flex-wrap:wrap; margin:0 -10px -20px;}
.chk-list2 > li {padding:0 10px; margin-bottom:20px; width:50%;}
.chk-list2 .box {padding:var(--space-35) var(--space-30); border:1px solid #ddd;}

.chk-tit {padding:0 0 var(--space-25) 32px; font-size:var(--font-size-18); font-weight:700; letter-spacing:-.01em; line-height:1.3em; position:relative; color:var(--color-primary);}
.chk-tit:before {width:22px; height:22px; top:1px; left:0; background-image:url('../images/sub/chk-ico1.png'); background-size:contain; background-repeat:no-repeat; position:absolute; content:'';} {}

.consulting-wide {padding:var(--space-100) 0; color:#fff; background:url('../images/sub/consulting-wide.jpg') no-repeat 50% 50% / cover;}
.consulting-wide .tit {font-size:var(--font-size-48); margin-bottom:var(--space-30); font-weight:700; letter-spacing:-.01em; line-height:1.25em;}
.consulting-wide a {min-width:200px; line-height:60px; font-size:var(--font-size-20); display:inline-block; text-align:center; border:1px solid #fff; letter-spacing:-.01em;}
.consulting-wide a:hover {text-decoration:underline;}

.articles {margin:0 -5px; display:flex;}
.articles .item {padding:0 5px; width:33.3333%; color:#fff;}
.articles .box {height:393px; padding:var(--space-30); background-size:cover; background-repeat:no-repeat; background-position:50% 50%;}
.articles .box.bg1 {background-image:url('../images/sub/articles-bg1.jpg');}
.articles .box.bg2 {background-image:url('../images/sub/articles-bg2.jpg');}
.articles .box.bg3 {background-image:url('../images/sub/articles-bg3.jpg');}
.articles .txt {font-size:var(--font-size-18); display:flex; height:100%; align-items:flex-end; letter-spacing:-.01em; line-height:1.67em;}

/* 폴딩 공통스타일 시작 */
.fold-open .group {margin-bottom:10px;}
.fold-open .group:last-child {margin-bottom:0;}
.fold-open .group .tit a {border:1px solid #ddd; position:relative;}
.fold-open .group .tit a:after {width:22px; height:24px; right:43px; content:""; position:absolute; border-right:2px solid var(--color-bk); border-bottom:2px solid var(--color-bk); transform:rotate(45deg);}
.fold-open .group.active {border:1px solid #ddd;}
.fold-open .content {padding:var(--space-35) var(--space-40); line-height:1.63em; letter-spacing:-.01em; position:relative; display:none; color:var(--color-bk);}
.fold-open .content:before {position:absolute; content:''; top:0; left:var(--space-35); right:var(--space-35); height:1px; background-color:#ddd;}
.fold-open .group.active .tit a {border:0;}
.fold-open .group.active .tit a:after {transform:rotate(-135deg); border-color:var(--color-primary);}
.fold-open .list1 {padding:10px;}
.fold-open .list1 li {font-size:var(--font-size-14); padding-left:7px; text-indent:-6px; color:#505050; margin-bottom:3px; letter-spacing:-.01em; line-height:1.4em;}
.fold-open .list1 li:last-child {margin-bottom:0;}
/* 폴딩 공통스타일 끝 */

.foldings .group .tit a {padding:var(--space-35) var(--space-40); background-color:#f9f9f9; display:block;}
.foldings .group .tit a strong {font-size:var(--font-size-24); font-weight:700; color:var(--color-bk); letter-spacing:-.01em; line-height:1.3em; display:block;}
.foldings .group .tit a p {margin-top:var(--space-15); font-size:var(--font-size-18); letter-spacing:-.01em; line-height:1.44em;}
.foldings .group .tit a:after {top:51px;}
.foldings .group.active .tit a {background-color:#fff;}
.foldings .group.active .tit a strong {color:var(--color-primary);}
.foldings .group.active .tit a:after {margin-top:10px;}

.foldings .list2 li {margin-bottom:var(--space-50);}
.foldings .list2 li:last-child {margin-bottom:0;}
.foldings .list2 li .tt {font-size:var(--font-size-18); font-weight:700; letter-spacing:-.01em; line-height:1.4em;}
.foldings .list2 li .txt1 {font-size:var(--font-size-16); margin:12px 0 10px; letter-spacing:-.01em; line-height:1.63em;}
.foldings .list2 li .txt2 {padding-left:7px; text-indent:-6px; font-size:var(--font-size-14); color:#505050; letter-spacing:-.01em; line-height:1.57em;}

.casestudy-wide {padding:var(--space-150) 0; background-color:#f9f9f9;}
.casestudy-wide h2 {font-size:var(--font-size-40); margin-bottom:var(--space-50); color:var(--color-bk); letter-spacing:-.01em; line-height:1.3em; text-align:center; display:block;}
.casestudy .group .tit a {padding:var(--space-20) var(--space-40); display:flex; align-items:center; font-weight:700; color:var(--color-bk);}
.casestudy .group .tit a span {font-size:var(--font-size-32); padding-right:var(--space-30); letter-spacing:-.01em; line-height:1.2em;}
.casestudy .group .tit a strong {font-size:var(--font-size-20); letter-spacing:-.01em; line-height:1.2em;}
.casestudy .group .tit a:after {top:21px;}
.casestudy .group.active {background-color:#fff;}
.casestudy .group.active .tit a {color:var(--color-primary);}
.casestudy .group.active .tit a:after {margin-top:16px;}
.casestudy .dot-list > li {color:var(--color-bk); font-weight:500;}

.img-flex {display:flex; margin:var(--space-30) -9px 0;}
.img-flex .item {padding:0 9px;}
.img-flex .chk-tit {padding-bottom:15px; font-weight:500; font-size:var(--font-size-16);}
.img-flex .chk-tit:before {top:-1px;}
.img-flex .item p {margin-top:12px; line-height:1.5em; letter-spacing:-.01em; color:#505050;}

.alone-img {margin-top:var(--space-30);}
.img-flex.center {text-align:center;}

.contact {display:flex;}
.contact .col {flex:1;}
.contact .col-tit {font-size:var(--font-size-32); padding-top:var(--space-45); margin-bottom:var(--space-50); font-weight:700; position:relative;}
.contact .col-tit:after {bottom:-20px; left:0; width:30px; height:3px; position:absolute; content:'';}
.contact .col-l {margin-right:var(--space-60); flex:1;}
.contact .col-l .col-tit {color:var(--color-bk);}
.contact .col-l .col-tit:after {background-color:var(--color-bk);}
.contact .col-r .col-tit:after {background-color:#fff;}
.contact .col-r {flex:1 600px; max-width:600px;}
.contact .col-r .top {padding:0 var(--space-40) var(--space-45); background-color:var(--color-primary); color:#fff;}
.contact .col-r dl {font-size:var(--font-size-20); letter-spacing:-.01em;}
.contact .col-r dl dt {font-weight:700;}
.contact .col-r dl dt img {margin:-2px 10px 0 0; vertical-align:middle;}
.contact .col-r dl.flex {margin-bottom:var(--space-30); display:flex;}
.contact .col-r dl.flex dt {width:115px;}
.contact .col-r dl.flex dd {flex:1;}
.contact .col-r dl.no-flex dd {margin-top:10px; padding-left:var(--space-30);}
.contact .g-map iframe {width:100%; height:390px;}

.inquiry .required {color:#ed1c24;}
.inquiry .wrap {display:grid; gap:var(--space-15);}
.inquiry .wrap dl dt {font-weight:500;}
.inquiry .wrap dl dd {line-height:0;}
.inquiry .wrap dl dd .input {height:40px;}
.inquiry .form-agree {margin:var(--space-20) 0 var(--space-30);}
.inquiry .buttons {margin:0;}
.inquiry .check {margin:0; text-align:left;}
.inquiry .check a {font-size:12px; line-height:22px; border-radius:3px; color:#000; background-color:#f9f9f9;}
.inquiry .btn-pack.large {min-width:200px;}