@charset "utf-8";

.gray-bg {background:#F8F8F8;}

.doc-cnt {padding:var(--space-100) 0;}
.doc-cnt:last-child {padding-bottom:0;}

.s-head {margin-bottom:var(--space-40); text-align:center; font-size:var(--font-size-40); font-weight:700; line-height:1.3em; font-family:var(--font-outfit);}

.doc-tit {font-size:var(--font-size-32); font-weight:700; line-height:1.4em; letter-spacing:-.03em; color:#242424; margin-bottom:var(--space-25);}
.doc-tit span {color:var(--color-primary);}

.about .inner {background-image:url('/images/sub/about-bg.png'); background-size:100% 99%; background-repeat:no-repeat; text-align:center; padding:247px 5% 205px 0;}
.about .inner p {font-size:var(--font-size-18); line-height:1.5em; color:#454545; letter-spacing:-.03em;}

.ceo-profile {display:flex; align-items:center; gap:var(--space-60);}
.ceo-profile .img {width:300px;}
.ceo-profile .info {flex:1; display:flex; gap:0 clamp(20px, calc(130 / var(--inner) * 100vw), 130px);}
.ceo-profile .item {flex:1; margin-bottom:var(--space-40);}
.ceo-profile .item:last-child {margin-bottom:0;}
.ceo-profile .item h3 {border-bottom:1px solid #ddd; padding-bottom:var(--space-15); margin-bottom:var(--space-30); font-size:var(--font-size-32); font-weight:700; line-height:1.3em; color:#242424; letter-spacing:-.03em;}
.ceo-profile .item h3 small {font-size:var(--font-size-18); font-weight:600; line-height:1.3em;}
.ceo-profile .list ul {list-style:none; padding-left:0;}
.ceo-profile .list ul li {position:relative; padding-left:30px; margin-bottom:var(--space-15); font-size:var(--font-size-18); line-height:1.5em; color:#454545; letter-spacing:-.03em;}
.ceo-profile .list ul li::before {content:"✓"; position:absolute; left:0; top:.55em; width:16px; height:16px; background:#242424; color:#fff; border-radius:50%; font-size:11px; font-weight:400; display:flex; align-items:center; justify-content:center;}
.ceo-profile .list ul li:last-child {margin-bottom:0;}

.service {text-align:center;}
.service .doc-tit {font-size:var(--font-size-24); font-weight:600; line-height:1.5; letter-spacing:-0.03em; color:#242424; margin-bottom:var(--space-40);}
.service .doc-tit span {color:var(--color-primary);}

.vision {text-align:center;}
.vision p {margin-bottom:var(--space-50); font-size:var(--font-size-18); color:#454545;}

.history-tab {margin-bottom:var(--space-100);}
.history-tab ul {display:flex; gap:0 var(--space-10); justify-content:center;}
.history-tab ul li a {display:flex; align-items:center; justify-content:center; text-align:center; border:1px solid #ddd; border-radius:50px; font-size:var(--font-size-18); font-weight:600; line-height:1.4em; letter-spacing:-.03em; color:#8F8F8F; padding:0 var(--space-20); height:40px; width:120px;}
.history-tab ul li.active a {background:var(--color-primary); border-color:var(--color-primary); color:#fff;}

.history .item {position:relative; padding-bottom:var(--space-65); position:relative; display:flex;}
.history .item:last-child {padding-bottom:0;}
.history .item:before {background:#fff; content:''; position:absolute; left:41%; margin-left:-9px; top:.35em; width:18px; height:18px; border:5px solid var(--color-primary); border-radius:50%;}
.history .item:after {z-index:-1; content:''; position:absolute; left:41%; top:.4em; width:1px; height:100%; background:#ddd;}
.history .item:last-child:after {height:auto; bottom:.2em;}
.history .item .left {display:flex; align-items:center; width:41%; padding-right:var(--space-20);}
.history .item .left.year {display:block;}
.history .item .right {flex:1; padding-left:var(--space-80);}
.history .item h3 {padding-right:var(--space-80); text-align:right; font-size:var(--font-size-32); font-weight:700; letter-spacing:-.03em; line-height:1em;}
.history .item .cnt {display:flex;}
.history .item .cnt .month {display:inline-block; font-size:var(--font-size-20); font-weight:600; letter-spacing:-.03em; line-height:1.4em; min-width:48px;}
.history .item .cnt .txt {font-size:var(--font-size-18); font-weight:400; color:#454545;}
.history .item .card {position:relative; width:100%; display:flex; align-items:center; gap:0 var(--space-20);}
.history .item .card .img {width:300px; position:relative; right:0;}
.history .item .card .img img {position:absolute; top:50%; transform:translateY(-50%); width:100%; height:163px; display:block;}
.history .item .card .line {flex:1; height:1px; background:var(--color-primary);}
.history .item .right .card {flex-direction:row-reverse;}

.service-intro {text-align:center;}
.service-intro .s-head {margin-bottom:var(--space-10);}
.service-intro .txt-1 {font-size:var(--font-size-18); font-weight:600; margin-bottom:var(--space-25); letter-spacing:-.03em;}
.service-intro .txt-2 {font-size:var(--font-size-24); font-weight:600; line-height:1.5em; color:#454545; letter-spacing:-.03em;}
.service-intro .txt-2 span {color:var(--color-primary);}
.service-content .title {margin-bottom:var(--space-40);}
.service-content .title h3 {position:relative; font-size:var(--font-size-32); font-weight:700; line-height:1.4em; color:#242424; letter-spacing:- .03em; display:flex; align-items:center; padding-left:clamp(50px, calc(88 / var(--inner) * 100vw), 88px);}
.service-content .title h3 span {position:absolute; left:0; display:inline-flex; align-items:center; justify-content:center; width:clamp(38px, calc(64 / var(--inner) * 100vw), 64px); height:clamp(38px, calc(64 / var(--inner) * 100vw), 64px); background:var(--color-primary); color:#fff; border-radius:50%; font-size:var(--font-size-24); font-weight:600;}
.service-content .title p {margin-left:clamp(50px, calc(88 / var(--inner) * 100vw), 88px); font-size:var(--font-size-24); line-height:1.4em; color:#454545; letter-spacing:-.03em; margin-top:var(--space-15); font-weight:600;}
.service-content .items {display:grid; grid-template-columns:repeat(2, 1fr); gap:var(--space-40);}
.service-content .items.col-3 {grid-template-columns:repeat(3, 1fr);}
.service-content .items .item .tit {font-size:var(--font-size-24); font-weight:600; line-height:1.5em; color:#242424; letter-spacing:-.03em; margin-top:var(--space-30); padding-left:var(--space-35); position:relative;}
.service-content .items .item .tit::before {content:""; position:absolute; left:0; top:.25em; width:clamp(16px, calc(24 / var(--inner) * 100vw), 24px); height:clamp(16px, calc(24 / var(--inner) * 100vw), 24px); background:url('/images/sub/check.png') no-repeat center center / contain;}
.service-content .items .item .txt {padding-left:.6em; text-indent:-.6em; font-size:var(--font-size-18); line-height:1.5em; color:#454545; letter-spacing:-.03em; margin-top:var(--space-15);}
.service-content .arrow {margin:var(--space-40) auto; width:28px; height:46px; background:url('/images/sub/service-arrow.png') no-repeat center center / contain;}
.service-content .text {margin-top:var(--space-15); padding:var(--space-35); background:#F8F8F8; border-radius:100px; text-align:center; font-size:var(--font-size-24); font-weight:600; color:#242424; letter-spacing:-0.03em;}
.doc-cnt.gray-bg .service-content .text {border:1px solid #ddd; background:#fff;}

.careers {text-align:center;}
.careers .text {font-size:var(--font-size-24); line-height:1.5em; color:#242424; letter-spacing:-0.03em; margin-bottom:var(--space-100); font-weight:600;}
.careers .items {display:flex; justify-content:space-between;}
.careers .item {display:flex; flex-direction:column; align-items:center;}
.careers .item .line {margin-top:var(--space-25); width:6px; height:67px; background-size:contain; background-repeat:no-repeat; background-position:50% 50%;}
.careers .item p {margin-top:var(--space-20); font-size:var(--font-size-18); line-height:1.5em; color:#454545; letter-spacing:-0.03em; text-align:center;}
.careers .item p span {color:#242424; font-weight:600;}
.careers .item:nth-child(odd) .line {background-image:url('/images/sub/careers-line.png');}
.careers .item:nth-child(even) .line {background-image:url('/images/sub/careers-line2.png');}

.tova-intro {display:flex; align-items:center; gap:0 50px; justify-content:space-between;}
.tova-intro .content h3 {font-size:var(--font-size-40); font-weight:700; line-height:1.4em; color:#332749; letter-spacing:-0.03em;}
.tova-intro .content .text {margin-bottom:clamp(30px, calc(130 / var(--inner) * 100vw), 130px); font-size:var(--font-size-52); font-weight:400; line-height:1.3em; color:#242424; letter-spacing:-0.03em;}
.tova-intro .content .text strong {color:#619;}
.tova-intro .why .tit {display:flex; align-items:center; gap:0 var(--space-20); font-size:var(--font-size-24); font-weight:600; line-height:1.4em; color:#332749; letter-spacing:-0.03em; margin-bottom:var(--space-20);}
.tova-intro .why .tit:after {content:''; background:#332749; flex:1; height:1px;}
.tova-intro .why .cnt {display:flex; gap:var(--space-40);}
.tova-intro .why .cnt .img {width:120px;}
.tova-intro .why .cnt .txt {flex:1; font-size:var(--font-size-18); line-height:1.5em; color:#454545; letter-spacing:-0.03em;}
.tova-intro .image {width:30.36%;}

.tova-solve {display:flex; align-items:center; gap:var(--space-65);}
.tova-solve .video {width:47.03%;}
.tova-solve .video .video-container video{transform:scale(1.15);}
.tova-solve .content {width:100%; max-width:693px; text-align:center;}
.tova-solve .content h3 {font-size:var(--font-size-32); font-weight:700; line-height:1.4em; color:#332749; letter-spacing:-0.03em; margin-bottom:var(--space-25);}
.tova-solve .content .txt-1 {font-size:var(--font-size-18); line-height:1.5em; color:#454545; letter-spacing:-0.03em; margin-bottom:var(--space-20);}
.tova-solve .content .txt-2 {font-size:var(--font-size-18); line-height:1.5em; font-weight:600; color:#454545; letter-spacing:-0.03em; margin-bottom:var(--space-60);}
.tova-solve .content .txt-2 strong {color:#332749;}
.tova-solve .keyword {display:flex; justify-content:center;}
.tova-solve .keyword .item {width:clamp(110px, calc(186 / var(--inner) * 100vw), 186px); aspect-ratio:1; display:flex; align-items:center; justify-content:center; background:#332749; color:#fff; font-size:var(--font-size-20); font-weight:600; line-height:1.4em; letter-spacing:-0.03em; border-radius:100%;}
.tova-solve .keyword .item:nth-child(2) {position:relative; z-index:1; color:#332749; background:rgba(255, 255, 255, .7); margin:0 calc(var(--space-30) * -1);}

.tova-core .doc-tit {color:#4B3F72; text-align:center;}
.tova-core h4 {text-align:center; font-size:var(--font-size-40); font-weight:700; line-height:1.4em; color:#619; letter-spacing:-0.03em; margin-bottom:var(--space-10);}
.tova-core .text {text-align:center; font-size:var(--font-size-24); line-height:1.4em; color:#454545; letter-spacing:-0.03em; margin-bottom:var(--space-40); font-weight:600;}
.tova-core .items {display:grid; grid-template-columns:repeat(2, 1fr); gap:var(--space-40);}
.tova-core .items .item {border-radius:20px; border:1px solid #ddd; background:#FFF;padding:var(--space-70); display:flex; flex-direction:column; align-items:center;}
.tova-core .items .item .list {width:100%; max-width:440px;}
.tova-core .items .item .list ul li {display:flex; align-items:center; gap:0 var(--space-10); border-radius:48px; border:1px solid #DDD; background:#F2F3FF; box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.05); font-size:var(--font-size-18); line-height:1.4em; color:#454545; letter-spacing:-0.03em; font-weight:400; padding:var(--space-15); margin-bottom:var(--space-20);}
.tova-core .items .item .list ul li:last-child {margin-bottom:0;}
.tova-core .items .item .list ul li span {text-align:center; min-width:clamp(30px, calc(48 / var(--inner) * 100vw), 48px); line-height:clamp(30px, calc(48 / var(--inner) * 100vw), 48px); border-radius:100%; background:#332749; color:#fff; font-size:var(--font-size-18); font-weight:600;}
.tova-core .items .item.item1 {gap:30px;}
.tova-core .items .item.item1 .img {width:48%;}
.tova-core .items .item.item1 .list {margin-top:0;}
.tova-core .items .item.item1 {grid-column:span 2; flex-direction:row; align-items:center; justify-content:space-between;}
.tova-core .items .item.item2 {justify-content:flex-end;}
.tova-core .items .item.item2 .list {margin-top:var(--space-100);}
.tova-core .items .item.item3 .list {margin-top:var(--space-30);}

.tova-account h3 {text-align:center; font-size:var(--font-size-40); font-weight:700; line-height:1.4em; color:#619; letter-spacing:-0.03em; margin-bottom:var(--space-40);}
.tova-account .wrap {display:flex; align-items:center; gap:var(--space-55);}
.tova-account .wrap .image {width:61.85%;}
.tova-account .content {flex:1;}
.tova-account .content h4 {font-size:var(--font-size-32); font-weight:700; line-height:1.4em; color:#332749; letter-spacing:-0.03em; margin-bottom:var(--space-20);}
.tova-account .content .txt {font-size:var(--font-size-18); line-height:1.5em; color:#454545; letter-spacing:-0.04em;}
.tova-account .content .txt strong {color:#332749;}