@charset "utf-8";
.root_daum_roughmap .wrap_map, .root_daum_roughmap, .direction-map iframe {width: 100% !important; height: 100% !important;}
.gradient-txt {display: block; width: fit-content; background: linear-gradient(90deg, #D31E21 0%, #A43C93 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent;}
.table-wrap {border-top: 2px solid var(--dark-color); text-align: center;}
.table-wrap table {width: 100%; border-collapse: collapse;}
.table-wrap th {background: #FAFAFA; font-size: var(--font-size-18); line-height: 1.5556em; color: var(--dark-color); font-weight: 700;}
.table-wrap th, .table-wrap td {padding: clamp(8px, calc(18 / var(--inner) * 100vw), 18px) var(--space-20); border-right: 1px solid #eee; border-bottom: 1px solid #eee;}
.table-wrap th:last-child, .table-wrap td:last-child {border-right: none;}
.table-wrap.type2 td {text-align: left; font-size: var(--font-size-18);}
.table-wrap.indent tbody td:first-child  {text-indent: -1em; padding-left:calc(var(--space-20) + 1px);}
.table-wrap a:hover {text-decoration: underline; text-underline-offset: 4px;;}
.dot-tit {display: flex; margin-bottom: 24px; font-size: var(--font-size-24); color: var(--dark-color);}
.dot-tit:before {content: '●'; display: block; margin-right: var(--space-15); color: var(--primary-color); font-size: .5em;;}

.greeting-slider, .history-head {border-radius: var(--radius-24) var(--radius-24) 0 0; overflow: hidden;}
.greeting-txt .desc {padding-left: var(--space-40); border-left: 2px solid var(--primary-color);}
.history-body {position: relative; display: flex; flex-direction: column; gap: var(--space-100);}
.history-body:before {content: ''; z-index: -1; position: absolute; top: 0; bottom: 0; left: 50%; width: 1px; background: #ddd;}
.history-era {display: flex; align-items: center; justify-content: center; width: clamp(100px, calc(200 / var(--inner) * 100vw), 200px); height: clamp(100px, calc(200 / var(--inner) * 100vw), 200px); margin: 0 auto var(--space-40); border-radius: 100%;background: linear-gradient(90deg, #D31E21 0%, #A43C93 100%); font-size: var(--font-size-38); font-weight: 600; line-height: 1.36847em; color: #fff;}
.history-body .dot-list li:before {color: var(--primary-color); font-weight: 700;;}
.history-item {width: 50%; font-size: var(--font-size-18); line-height: 1.55556em;}
.history-item:nth-child(odd) {margin-left: auto; padding-left: var(--history-gap);}
.history-item:nth-child(even) {padding-right: var(--history-gap); text-align: right;}
.history-item:nth-child(even) .dot-list li {position: relative; padding-right: 20px;}
.history-item:nth-child(even) .dot-list li:before {position: absolute; right: 0; margin-right: 0;}
.history-year {position: relative; font-size: var(--font-size-32); line-height: 1.4375em; font-weight: 700; margin-bottom: 10px;}
.history-year:before {content: ''; position: absolute; top: 50%; left:calc(var(--history-gap) * -1); transform: translate(-50%, -50%); width: clamp(20px, calc(24 / var(--inner) * 100vw), 24px); height: clamp(20px, calc(24 / var(--inner) * 100vw), 24px); border-radius: 100%; border: clamp(4px, calc(6 / var(--inner) * 100vw), 6px) solid rgba(255, 255, 255, 0.70); background: var(--primary-color);}
.history-item:nth-child(even) .history-year:before {left: auto; right: calc(var(--history-gap) * -1); transform: translate(50%, -50%);}
.history-item p {font-weight: 600; margin-bottom: 10px;}

.about-qms-cnt .table-wrap td:nth-child(3) {text-align: left;}

.page-about-recruit {display: flex; flex-direction: column; gap: clamp(40px, calc(140 / var(--inner) * 100vw), 140px);}
.recruit-sec {display: flex; flex-direction: column; gap: var(--space-50);}
.recruit-sec__tit {margin: 0; letter-spacing: -0.02em;}
.recruit-talent-row {display: flex; flex-wrap: wrap; gap: var(--space-20);}
.recruit-talent-card {flex: 1 1 280px; display: flex; flex-direction: column; gap: var(--space-25); padding: var(--space-40) var(--space-15) var(--space-15) var(--space-40); border-radius: var(--radius-16); background: #f8f8f8; min-width: 0;}
.recruit-talent-card__body {display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: var(--space-15); width: 100%;}
.recruit-talent-card__txt {flex: 1 1 200px; margin: 0; color: #505050; letter-spacing: -0.02em; line-height: 1.7em;}
.recruit-talent-card__txt p {margin: 0;}
.recruit-icon-talent {display: flex; flex-shrink: 0; align-items: center; justify-content: center; padding: var(--space-50); border-radius: var(--radius-16); background: linear-gradient(90deg, rgba(211, 30, 33, 0.8) 0%, rgba(164, 60, 147, 0.8) 100%);}
.recruit-jobs {display: grid; grid-template-columns: repeat(5, 1fr); gap: var(--space-20); align-items: stretch;}
.recruit-job-card {display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--space-25); padding: clamp(30px, calc(50 / var(--inner) * 100vw), 50px) var(--space-15); border: 1px solid #dfdfdf; border-radius: var(--radius-16); background: #fff; text-align: center;}
.recruit-job-card__icon {display: flex; align-items: center; justify-content: center; padding: var(--space-30); border: 1px solid #eee; border-radius: 100%; background: #f8f8f8; box-sizing: border-box;}
.recruit-benefits {display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-20);}
.recruit-benefits p {margin-top: 5px;}
.recruit-process-box {display: flex; flex-direction: column; gap: var(--space-35); width: 100%; padding: var(--space-40) clamp(20px, calc(56 / var(--inner) * 100vw), 56px); border-radius: var(--radius-16); background: #f8f8f8; box-sizing: border-box;}
.recruit-process-box__tit {margin: 0;}
.recruit-process-steps {display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: center; gap: 20px clamp(10px, calc(30 / var(--inner) * 100vw), 56px);}
.recruit-step {display: flex; flex-direction: column; align-items: center; gap: var(--space-20); width: 200px; max-width: 100%; text-align: center;}
.recruit-step__circle {display: flex; align-items: center; justify-content: center; padding:var(--space-60); max-width: 100%; border: 1px solid #eee; border-radius: 200px; background: #fff; box-sizing: border-box;}
.recruit-step__txt {display: flex; flex-direction: column; gap: 4px; align-items: center;}
.recruit-step__txt p {margin: 0;}
.recruit-step__sub {margin: 0; color: #505050; letter-spacing: -0.02em; line-height: 1.6667em;}
.recruit-step__single {margin: 0; letter-spacing: -0.02em; line-height: 1.7em;}
.recruit-step-arrow {display: flex; flex-shrink: 0; align-items: center; align-self: center; padding-bottom: clamp(40px, calc(76 / var(--inner) * 100vw), 76px);}
.recruit-step-arrow img {display: block; max-height: clamp(23px, calc(48 / var(--inner) * 100vw), 48px); object-fit: contain;}
.recruit-info-row {display: flex; flex-wrap: wrap; gap: var(--space-40); margin-top: var(--space-40);}
.recruit-info-col {flex: 1 1 240px; display: flex; flex-direction: column; gap: var(--space-25); min-width: 0;}
.recruit-info-col__hd {display: flex; align-items: center; gap: var(--space-15);}
.recruit-info-col__hd h3 {margin: 0;}
.recruit-info-col__dot {flex-shrink: 0; width: 10px; height: 10px; border-radius: 500px; background: var(--primary-color);}
.recruit-info-col__body {margin: 0; color: #505050; letter-spacing: -0.02em; line-height: 1.7em;}
.recruit-info-col__body--list p {margin: 0 0 8px;}
.recruit-info-col__body--list p:last-child {margin-bottom: 0;}
.recruit-info-col__body a {color: #505050; text-decoration: none;}
.recruit-info-col__body a:hover {color: var(--primary-color);}
.recruit-contact__dl {display: grid; grid-template-columns: auto 1fr; gap: 8px var(--space-15); margin: 0; align-items: baseline;}
.recruit-contact__dl dt {margin: 0; color: var(--gray-color2);}
.recruit-contact__dl dd {margin: 0; color: #505050;}



.direction-map {height: clamp(270px, calc(520 / var(--inner) * 100vw), 520px);}
.directions {display: flex; gap: 25px; margin-top: var(--space-60);}
.directions .address-info {width: 50%;}
.directions .comp {display: flex; align-items: center;}
.directions .comp:before {content: ''; display: block; width: clamp(3px, calc(5 / var(--inner) * 100vw), 5px); height: 28px; background: var(--primary-color); margin-right: var(--space-20); border-radius: 100px;}
.directions .contact-info {display: flex; flex-direction: column; flex: 1; min-width: 0; border-top:1px solid #ddd;  font-size: var(--font-size-20); font-weight: 600; line-height: 1.7em; color: var(--dark-color);}
.directions .contact-info dl {flex: 1; display:flex; padding:var(--space-25) 0; border-bottom:1px solid #ddd;}
.directions .contact-info dt {width:140px; color:var(--gray-color2);}
.directions .contact-info dt svg {vertical-align:middle; margin:-.2em var(--space-40) 0 0;}
.directions .contact-info dd {flex:1 1 auto; min-width:0; width:1%;}

@media (max-width: 1024px) {
	.directions .contact-info dt {width:140px;}
}

@media (max-width: 640px) {
	.directions .contact-info dt { width:110px;}
}

.page-service-overview {display: grid; grid-template-columns: repeat(3, 1fr); gap:var(--space-80) var(--space-50);}
.service-overview-item .icon {position: relative; width: fit-content; padding: var(--space-60); background: #F4F4F4; border-radius: var(--radius-48); margin: 0 auto var(--space-40); transition: .2s;}
.service-overview-item .icon:after {content: 'More'; position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 50%); padding: 8px 16px; border-radius: 100px; background: #fff; border: 1px solid #eee; color: var(--gray-color2); font-size: var(--font-size-18); font-weight: 500; line-height: 1.5556em;}
.service-overview-item .txt {max-width: 215px; margin: 0 auto;}
.service-overview-item .category {margin-bottom: 12px; color: var(--gray-color2); font-weight: 500;}
.service-overview-item h3 {font-size: var(--font-size-26); line-height: 1.3846em; color: var(--dark-color); font-weight: 600;}
.service-overview-item:hover .icon {background: linear-gradient(154deg, #D31E21 0.05%, #A43C93 83.37%);}
.service-overview-item:hover .icon:after {border-color: var(--dark-color); background: var(--dark-color); color: #fff;}

.page-service {display: flex; flex-direction: column; gap: var(--space-140);}
.page-service .svc-hero {position: relative; overflow: hidden; border-radius: var(--radius-24); background: #f8f8f8;}
.page-service .svc-hero__body {position: relative; z-index: 1; display: flex; flex-direction: column; gap: var(--space-50); overflow: hidden; padding: clamp(25px, calc(64 / var(--inner) * 100vw), 64px) clamp(20px, calc(70 / var(--inner) * 100vw), 70px); background: #f8f8f8;}
.page-service .svc-hero__deco {z-index: -1; position: absolute; top: -18px; right: clamp(16px, calc(40 / var(--inner) * 100vw), 40px); width: clamp(160px, calc(340 / var(--inner) * 100vw), 340px); max-width: 42%; pointer-events: none;}
.page-service .svc-title-row {display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-20);}
.page-service .svc-title-row__bar {flex-shrink: 0; width: 5px; height: 28px; border-radius: 500px; background: var(--primary-color);}
.page-service .svc-highlight {display: flex; flex-direction: column; gap: 12px; align-items: center; justify-content: center; width: 100%; padding: var(--space-40); border-radius: var(--radius-16); background: #fff; text-align: center;}
.page-service .svc-block-head {display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-15); margin-bottom: var(--space-30);}
.page-service .svc-block-head__grad {margin: 0; font-size: var(--font-size-42); font-weight: 800; line-height: 1.3333em; letter-spacing: -0.02em; background: linear-gradient(90deg, var(--primary-color) 0%, #a43c93 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;}
.page-service .svc-block-head__muted {margin: 0; font-size: var(--font-size-18); font-weight: 700; line-height: 1.5556em; color: var(--gray-color2);}
.page-service .svc-block-lead {margin: 0 0 clamp(40px, calc(70 / var(--inner) * 100vw), 70px); font-size: var(--font-size-24); font-weight: 500; line-height: 1.4167em; letter-spacing: -0.02em; color: #505050;}
.page-service .svc-pair {display: flex; flex-wrap: wrap; width: 100%; margin-bottom: clamp(24px, calc(40 / var(--inner) * 100vw), 40px); border-radius: var(--radius-24); box-shadow: 0 6px 48px rgba(0, 0, 0, 0.06);}
.page-service .svc-pair__card {flex: 1 1 280px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--space-25); padding: var(--space-60) var(--space-20); border: 1px solid #eee; background: #fff; text-align: center;}
.page-service .svc-pair__card:first-child {border-radius: var(--radius-24) 0 0 var(--radius-24);}
.page-service .svc-pair__card:last-child {border-radius: 0 var(--radius-24) var(--radius-24) 0; border-left: 0;}
.page-service .svc-pair__tit {margin: 0; font-size: var(--font-size-24); font-weight: 700; line-height: 1.4167em; color: var(--dark-color);}
.page-service .svc-diamond {position: relative; width: 17px; height: 17px; flex-shrink: 0;}
.page-service .svc-diamond:before {content: ''; position: absolute; left: 50%; top: 50%; width: 4px; height: 20px; margin: -10px 0 0 -2px; border-radius: 500px; background: var(--primary-color); transform: rotate(45deg);}
.page-service .svc-pair__foot {margin: 0; font-size: var(--font-size-20); line-height: 1.7em; color: #505050;}
.page-service .svc-icons-4 {display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; width: 100%;}
.page-service .svc-icons-4.three {grid-template-columns: repeat(3, 1fr);}
.page-service .svc-icons-4.two {grid-template-columns: repeat(2, 1fr);}
.page-service .svc-icon-card {flex: 1 1 200px; display: flex; flex-direction: column; align-items: center; gap: var(--space-25); max-width: 100%; padding: clamp(36px, calc(54 / var(--inner) * 100vw), 54px) var(--space-15) clamp(36px, calc(50 / var(--inner) * 100vw), 50px); border: 2px solid #eee; border-radius: var(--radius-24); text-align: center;}
.page-service .svc-icon-card__mark {display: block; width: 16px; height: 11px; object-fit: contain;}
.page-service .svc-icon-card__tit {margin: 0; font-size: var(--font-size-24); font-weight: 700; line-height: 1.4167em; color: var(--dark-color);}
.page-service .svc-icon-card__desc {margin: 0; font-size: var(--font-size-18); font-weight: 500; line-height: 1.6667em; color: #505050;}
.page-service .svc-icon-card__en {margin: 0; font-size: 15px; font-weight: 600; line-height: 1.3333em; letter-spacing: -0.02em; color: var(--gray-color2); text-align: center;}
.page-service .svc-icon-card__title-cluster {display: flex; flex-direction: column; align-items: center; gap: 8px; max-width: 100%; text-align: center;}
.page-service .svc-icon-card__detail {margin: 0; font-size: var(--font-size-18); font-weight: 500; line-height: 1.6667em; letter-spacing: -0.02em; color: #505050; text-align: center;}
.page-service .svc-icon-card__detail p {margin: 0;}
.page-service .svc-scope-stack {display: flex; flex-direction: column; gap: 10px; width: 100%;}
.page-service .svc-txt-em {color: var(--primary-color); font-weight: 600;}
.page-service .svc-related-hd.svc-csv-subhd {margin-top: var(--space-40); margin-bottom: var(--space-40);}
.page-service .svc-subsection-hd.svc-csv-subhd {margin-top: var(--space-40);}
.page-service .svc-cc-pillar-grid {display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; width: 100%;}
.page-service .svc-cc-pillar-row {display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; width: 100%;}
.page-service .svc-cc-pillar-row--solo {justify-content: flex-start;}
.page-service .svc-cc-pillar {flex: 1 1 240px; display: flex; flex-direction: column; gap: 24px; align-items: flex-start; min-width: 0; max-width: 100%; padding: 24px; border-radius: var(--radius-16); background: #f8f8f8;}
.page-service .svc-cc-pillar--solo {flex: 0 1 695px; max-width: 100%;}
.page-service .svc-cc-pillar__num {display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; flex-shrink: 0; border: 1px solid var(--dark-color); border-radius: 100px; background: #fff; font-size: 14px; font-weight: 700; line-height: 1; color: var(--dark-color);}
.page-service .svc-cc-pillar__tit {margin: 0; font-size: var(--font-size-24); font-weight: 600; line-height: 1.4167em; letter-spacing: -0.02em; color: var(--dark-color);}
.page-service .svc-cc-pillar__txt {margin: 0; font-size: var(--font-size-16); font-weight: 500; line-height: 1.5em; letter-spacing: -0.02em; color: #505050;}
.page-service .svc-cc-pillar > div {display: flex; flex-direction: column; gap: 10px;}
.page-service .svc-cc-pillar__stack p {margin: 0 0 6px; font-size: var(--font-size-16); font-weight: 500; line-height: 1.5em; letter-spacing: -0.02em; color: #505050;}
.page-service .svc-cc-pillar__stack p:last-child {margin-bottom: 0;}
.page-service .svc-cc-why-foot {display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; width: 100%;}
.page-service .svc-cc-why-card {flex: 0 1 460px; max-width: 100%;}
.page-service .svc-cc-process {display: flex; flex-direction: column; gap: clamp(16px, calc(24 / var(--inner) * 100vw), 24px); width: 100%;}
.page-service .svc-cc-process__row {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 4px 8px; width: 100%;}
.page-service .svc-cc-step {display: flex; flex: 1 1 140px; flex-direction: column; align-items: center; justify-content: center; gap: 16px; min-width: 0; max-width: 275px; aspect-ratio: 1; margin: 0 auto; padding: 16px; border: 2px solid #eee; border-radius: 100%; background: #fff; box-sizing: border-box;}
.page-service .svc-cc-step--md {max-width: min(100%, 234px); margin: 0}
.page-service .svc-cc-step__num {display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; flex-shrink: 0; border-radius: 100px; background: #121212; font-size: 14px; font-weight: 700; line-height: 1; color: #fff;}
.page-service .svc-cc-step__num--light {background: #fff; border: 1px solid #fff; color: var(--primary-color);}
.page-service .svc-cc-step__en {margin: 0; font-size: 15px; font-weight: 600; line-height: 1.3333em; letter-spacing: -0.02em; color: var(--gray-color2); text-align: center;}
.page-service .svc-cc-step__en p {margin: 0;}
.page-service .svc-cc-step__en p + p {margin-top: 2px;}
.page-service .svc-cc-step__ko {margin: 0; font-size: var(--font-size-18); font-weight: 600; line-height: 1.5556em; letter-spacing: -0.02em; color: var(--dark-color); text-align: center;}
.page-service .svc-cc-step--end {border: 0; background: linear-gradient(90deg, var(--primary-color) 0%, #a43c93 100%); color: #fff;}
.page-service .svc-cc-step--end .svc-cc-step__en {color: rgba(255, 255, 255, 0.92);}
.page-service .svc-cc-step--end .svc-cc-step__ko {color: #fff;}
.page-service .svc-cc-arrow {display: flex; flex-shrink: 0; align-items: center; justify-content: center; width: clamp(24px, calc(46 / var(--inner) * 100vw), 46px); font-size: 14px; font-weight: 600; color: #ccc;}
.page-service .svc-cc-type-row {display: flex; flex-wrap: wrap; gap: 10px; width: 100%; align-items: stretch;}
.page-service .svc-cc-type-card {flex: 1 1 280px; display: flex; flex-direction: column; gap: 40px; align-items: flex-start; min-width: 0; max-width: 100%; padding: 24px 24px 34px; border-radius: var(--radius-16); background: #f8f8f8;}
.page-service .svc-cc-type-hd {display: flex; flex-direction: column; gap: 24px; align-items: flex-start;}
.page-service .svc-cc-type-tit {margin: 0; font-size: var(--font-size-24); font-weight: 600; line-height: 1.4167em; letter-spacing: -0.02em; color: var(--dark-color);}
.page-service .svc-cc-type-tit p {margin: 0;}
.page-service .svc-cc-type-body {display: flex; flex-direction: column; gap: 34px; width: 100%;}
.page-service .svc-cc-type-points {margin-bottom: var(--space-15); font-size: 15px; font-weight: 600; line-height: 1.3333em; letter-spacing: -0.02em; color: var(--primary-color);}
.page-service .svc-monolith + .svc-block-lead {margin-top: var(--space-50); margin-bottom: 0;}
.page-service .svc-cc-type-lead {margin: 0 0 clamp(40px, calc(70 / var(--inner) * 100vw), 70px); font-size: var(--font-size-24); font-weight: 500; line-height: 1.6667em; letter-spacing: -0.02em; color: #505050;}
.page-service .svc-cc-type-lead p {margin: 0 0 0.5em;}
.page-service .svc-cc-type-lead p:last-child {margin-bottom: 0;}
.page-service .svc-lab-table-wrap {width: 100%; overflow-x: auto;}
.page-service .svc-lab-table-wrap td {vertical-align: middle; text-align: center; font-size: var(--font-size-16); font-weight: 400; line-height: 1.5em; color: #505050;}
.page-service .svc-lab-table-wrap th {vertical-align: middle;}
.page-service .svc-lab-table-wrap .svc-lab-td--group {color: var(--gray-color); font-weight: 500;}
.page-service .svc-lab-app-row {display: flex; flex-wrap: wrap; gap: 10px; width: 100%; align-items: stretch;}
.page-service .svc-lab-app-card {flex: 1 1 280px; display: flex; flex-direction: column; gap: 24px; align-items: flex-start; min-width: 0; max-width: 100%; padding: clamp(32px, calc(40 / var(--inner) * 100vw), 40px) clamp(24px, calc(34 / var(--inner) * 100vw), 34px); border-radius: var(--radius-24); background: #f8f8f8;}
.page-service .svc-lab-app-card__hd {display: flex; flex-direction: column; gap: 24px; align-items: flex-start;}
.page-service .svc-lab-app-card__intro {display: flex; flex-direction: column; gap: 16px; align-items: flex-start; max-width: 100%;}
.page-service .svc-lab-app-card__stack {display: flex; flex-direction: column; gap: 4px; align-items: flex-start;}
.page-service .svc-lab-app-card__tit {margin: 0; font-size: var(--font-size-20); font-weight: 600; line-height: 1.5em; letter-spacing: -0.02em; color: var(--dark-color);}
.page-service .svc-lab-app-card__desc {margin: 0; font-size: var(--font-size-18); font-weight: 400; line-height: 1.5556em; letter-spacing: -0.02em; color: #505050;}
.page-service .svc-lab-app-card__note {margin: 0; font-size: 14px; font-weight: 600; line-height: 1.4286em; letter-spacing: -0.02em; color: var(--gray-color2);}
.page-service .svc-lab-app-list {margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 8px; width: 100%;}
.page-service .svc-lab-app-list li {display: flex; gap: 12px; align-items: center; margin: 0; font-size: var(--font-size-16); font-weight: 500; line-height: 1.5em; color: #505050;}
.page-service .svc-lab-app-list li::before {content: ''; flex-shrink: 0; width: 4px; height: 4px; border-radius: 100%; background: var(--primary-color);}
.page-service .sec-tit {margin-bottom: var(--space-70);}
.page-service .sec-tit .svc-section-title {margin-bottom: var(--space-30);}
.page-service .svc-section-title {width: fit-content; margin: 0 0 var(--space-50); font-size: var(--font-size-42); font-weight: 800; line-height: 1.3333em; letter-spacing: -0.02em; background: linear-gradient(90deg, var(--primary-color) 0%, #a43c93 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;}
.page-service .svc-process-map {overflow: hidden; width: 100%; padding: var(--space-40); border: 1px solid #eee; border-radius: var(--radius-24); background: #fff; text-align: center;}
.page-service .svc-footnote {text-indent: -.5em; padding-left: 0.5em; margin: var(--space-40) 0 0; color: var(--gray-color2);}
.page-service .svc-ref-grid {display: flex; flex-wrap: wrap; gap: 10px; justify-content: center;}
.page-service .svc-ref-card {flex: 1 1 240px; display: flex; flex-direction: column; gap: var(--space-30); max-width: 100%; padding: var(--space-40) clamp(24px, calc(34 / var(--inner) * 100vw), 34px); border: 1px solid #eee; border-radius: var(--radius-24); background: #f8f8f8;}
.page-service .svc-ref-card__hd {display: flex; flex-direction: column; gap: var(--space-25);}
.page-service .svc-ref-card__tit {min-height: 3em; margin: 0; font-size: var(--font-size-20); font-weight: 600; line-height: 1.5em; color: var(--dark-color);}
.page-service .svc-ref-card__label {margin: 0 0 8px; font-size: 15px; font-weight: 600; line-height: 1.3333em; color: var(--gray-color2);}
.page-service .svc-ref-card__txt {margin: 0; font-size: var(--font-size-16); line-height: 1.5em; color: #505050;}
.page-service .svc-ref-card__list {margin: 0; padding: 0; list-style: none;}
.page-service .svc-ref-card__list li {position: relative; margin-top: 10px; text-indent: -.7em; padding-left: .7em; padding-left: 0; font-size: var(--font-size-16); line-height: 1.5em; color: #505050;}
.page-service .svc-ref-card__list li:first-child {margin-top: 0;}
.page-service .svc-cta-head {margin: 0 0 var(--space-30); font-size: var(--font-size-42); font-weight: 800; line-height: 1.4762em; letter-spacing: -0.02em; background: linear-gradient(90deg, var(--primary-color) 0%, #a43c93 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;}
.page-service .svc-cta-lead {margin: 0 0 clamp(40px, calc(70 / var(--inner) * 100vw), 70px); font-size: var(--font-size-24); font-weight: 500; line-height: 1.6667em; color: #505050;}
.page-service .svc-cta-lead p {margin: 0 0 1em; font-size: inherit; font-weight: inherit; line-height: inherit; color: inherit;}
.page-service .svc-cta-lead p:last-child {margin-bottom: 0;}
.page-service .svc-hero-intro {margin: 0; font-size: var(--font-size-24); font-weight: 500; line-height: 1.4167em; letter-spacing: -0.02em; color: #505050;}
.page-service .svc-related-hd {display: flex; align-items: center; gap: var(--space-15); margin-bottom: var(--space-20);}
.page-service .svc-related-hd__dot {flex-shrink: 0; width: 10px; height: 10px; border-radius: 500px; background: var(--primary-color);}
.page-service .svc-related-hd__tit {margin: 0; font-size: var(--font-size-24); font-weight: 700; color: var(--dark-color);}
.page-service .svc-related-list {width: 100%; max-width: 1400px; margin: 0 auto;}
.page-service .svc-related-row {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-20); padding: var(--space-25) 0; border-bottom: 1px solid #eee;}
.page-service .svc-related-row:last-child {border-bottom: 0;}
.page-service .svc-related-row__left {display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-15);}
.page-service .svc-related-row__num {display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 100px; background: #eee; font-size: 14px; font-weight: 700; color: var(--gray-color);}
.page-service .svc-related-row__tit {flex:1; min-width: 0; margin: 0; font-size: var(--font-size-24); font-weight: 600; line-height: 1.6667em; color: #505050;}
.page-service .btn-svc-more {display: inline-flex; align-items: center; justify-content: center; padding: var(--space-15) 40px; border: 1px solid var(--primary-color); font-size: var(--font-size-16); font-weight: 600; line-height: 1.75em; color: var(--primary-color); text-decoration: none; transition: .2s;}
.page-service .btn-svc-more:hover {background: var(--primary-color); color: #fff;}
.page-service .svc-block-sub {margin:var(--space-30) 0 0 ; font-size: var(--font-size-24); font-weight: 500; line-height: 1.4167em; color: #505050;}
.page-service .svc-monolith {display: flex; flex-direction: column; align-items: center; gap: var(--space-25); width: 100%; margin-bottom: clamp(32px, calc(40 / var(--inner) * 100vw), 40px); padding: clamp(40px, calc(60 / var(--inner) * 100vw), 60px) var(--space-20); border: 1px solid #eee; border-radius: var(--radius-24); background: #fff; box-shadow: 0 6px 48px rgba(0, 0, 0, 0.06); text-align: center;}
.page-service .svc-monolith__tit {margin: 0; font-size: var(--font-size-28); font-weight: 700; line-height: 1.5em; letter-spacing: -0.02em; color: var(--dark-color);}
.page-service .svc-monolith__sub {margin: 0; font-size: var(--font-size-18); font-weight: 500; line-height: 1.6667em; color: #505050;}
.page-service .svc-monolith__sub--muted {color: var(--gray-color3);}
.page-service .svc-subsection-hd {display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-15); margin-bottom: var(--space-40);}
.page-service .svc-subsection-hd__dot {flex-shrink: 0; width: 10px; height: 10px; border-radius: 500px; background: var(--primary-color);}
.page-service .svc-subsection-hd__tit {margin: 0; font-size: var(--font-size-24); font-weight: 700; color: var(--dark-color);}
.page-service .svc-subsection-hd__muted {margin: 0; font-size: var(--font-size-18); font-weight: 700; line-height: 1.5556em; color: var(--gray-color2);}
.page-service .svc-kpi-row {display: flex; flex-wrap: wrap; gap: 10px; width: 100%; margin-bottom: 40px;}
.page-service .svc-kpi-card {flex: 1 1 200px; display: flex; flex-direction: column; align-items: center; gap: var(--space-25); min-width: 0; padding: clamp(20px, calc(54 / var(--inner) * 100vw), 54px) var(--space-15) clamp(15px, calc(50 / var(--inner) * 100vw), 50px); border-radius: var(--radius-24); background: #f8f8f8; text-align: center;}
.page-service .svc-kpi-card__txt {margin: 0; font-size: var(--font-size-20); font-weight: 600; line-height: 1.7em; color: var(--dark-color);}
.page-service .svc-benefits-list {width: 100%; max-width: 1400px; margin: 0;}
.page-service .svc-benefit-row {display: flex; align-items: center; gap: var(--space-15); padding: var(--space-25) 0; border-bottom: 1px solid #eee;}
.page-service .svc-benefit-row:first-of-type {padding-top: 0;}
.page-service .svc-benefit-row:last-of-type {border-bottom: 0; padding-bottom: 0;}
.page-service .svc-benefit-num {display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; flex-shrink: 0; border-radius: 100px; background: var(--dark-color); color: #fff; font-size: 14px; font-weight: 700; line-height: 1;}
.page-service .svc-benefit-txt {margin: 0; font-size: var(--font-size-20); font-weight: 500; line-height: 1.7em; color: #505050;}
.page-service .svc-benefit-txt.svc-benefit-txt--accent {color: var(--primary-color);}
.page-service .svc-bio-two-row {display: flex; flex-wrap: wrap; gap: 10px; width: 100%; align-items: stretch;}
.page-service .svc-bio-two-card {flex: 1 1 280px; display: flex; flex-direction: column; gap: 30px; align-items: flex-start; min-width: 0; max-width: 100%; padding: 40px clamp(24px, calc(34 / var(--inner) * 100vw), 34px); border-radius: var(--radius-24); background: #f8f8f8;}
.page-service .svc-bio-two-card__hd {display: flex; flex-direction: column; gap: 24px; align-items: flex-start; max-width: 100%;}
.page-service .svc-bio-two-card__tit {margin: 0; font-size: var(--font-size-24); font-weight: 600; line-height: 1.5em; letter-spacing: -0.02em; color: var(--dark-color);}
.page-service .svc-bio-two-card__lines {display: flex; flex-direction: column; gap: 10px; width: 100%;}
.page-service .svc-bio-two-card__line {margin: 0; font-size: var(--font-size-18); font-weight: 400; line-height: 1.5em; letter-spacing: -0.02em; color: #505050;}
.page-service .svc-bio-two-stack {display:grid; grid-template-columns: repeat(2, 1fr); gap: 10px; width: 100%;}
.page-service .svc-bio-two-card__tit-stack {display: flex; flex-direction: column; gap: 4px; align-items: flex-start; max-width: 100%;}
.page-service .svc-bio-two-card__suben {margin: 0; font-size: var(--font-size-15); font-weight: 600; line-height: 1.4286em; letter-spacing: -0.02em; color: var(--gray-color2);}
.page-service .svc-ccs-three-row {display: flex; flex-wrap: wrap; gap: 20px; width: 100%; align-items: stretch;}
.page-service .svc-ccs-pillar {flex: 1 1 200px; display: flex; flex-direction: column; gap: var(--space-40); align-items: flex-start; min-width: 0; max-width: 100%; padding: 20px; border-radius: var(--radius-24); background: #f8f8f8;}
.page-service .svc-ccs-pillar__ico {display: flex; align-items: center; justify-content: center; padding: 12px; border-radius: 12px; background: #fff;}
.page-service .svc-ccs-pillar__txt {display: flex; flex-direction: column; gap: 10px; align-items: flex-start; max-width: 100%;}
.page-service .svc-ccs-pillar__tit {margin: 0; font-size: var(--font-size-24); font-weight: 600; line-height: 1.4167em; letter-spacing: -0.02em; color: var(--dark-color);}
.page-service .svc-ccs-pillar__desc {margin: 0; font-size: var(--font-size-16); font-weight: 500; line-height: 1.5em; letter-spacing: -0.02em; color: #505050;}
.page-service .svc-strength-rows {display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; width: 100%;}
.page-service .svc-strength-card {display: flex; flex-direction: column; gap: var(--space-25); align-items: flex-start; min-width: 0; padding: var(--space-25); border-radius: var(--radius-16); background: #f8f8f8;}
.page-service .svc-strength-num {display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; flex-shrink: 0; border: 1px solid var(--dark-color); border-radius: 100px; background: #fff; font-size: 14px; font-weight: 700; color: var(--dark-color);}
.page-service .svc-strength-card__tit {margin: 0 0 10px; font-size: var(--font-size-24); font-weight: 600; line-height: 1.4167em; color: var(--dark-color);}
.page-service .svc-strength-card__desc {margin: 0; font-size: var(--font-size-16); font-weight: 500; line-height: 1.5em; color: #505050;}
.page-service .svc-strength-card--solo {grid-column: 1 / -1; max-width: 695px; width: 100%; justify-self: center;}
.page-service .svc-hero-intro-stack .svc-hero-intro + .svc-hero-intro {margin-top: 0;}
.page-service .svc-hero .desc p {margin: 0 0 1em;}
.page-service .svc-hero .desc p:last-child {margin-bottom: 0;}
@media (max-width: 900px) {
	.page-service .svc-pair__card:first-child {border-radius: var(--radius-24) var(--radius-24) 0 0;}
	.page-service .svc-pair__card:last-child {border-radius: 0 0 var(--radius-24) var(--radius-24); border-left: 1px solid #eee; border-top: 1px solid #eee;}
	.page-service .svc-strength-card--solo {grid-column: 1;}
}
.page-service .svc-app-grid {display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; width: 100%;}
.page-service .svc-app-card {flex: 1 1 220px; display: flex; flex-direction: column; gap: var(--space-30); align-items: flex-start; min-width: 0; max-width: 100%; padding: clamp(20px, calc(40 / var(--inner) * 100vw), 40px) clamp(15px, calc(34 / var(--inner) * 100vw), 34px); border-radius: var(--radius-24); background: #f8f8f8;}
.page-service .svc-app-card__hd {display: flex; flex-direction: column; gap: var(--space-25); align-items: flex-start;}
.page-service .svc-app-card__tit {margin: 0; font-size: var(--font-size-20); font-weight: 600; line-height: 1.5em; color: var(--dark-color);}
.page-service .svc-app-card__list {margin: 0; padding: 0; list-style: none; font-size: var(--font-size-16); font-weight: 400; line-height: 1.5em; color: #505050;}
.page-service .svc-app-card__list li {margin-top: 10px; text-indent: -.8em; padding-left: 0.8em;}
.page-service .svc-app-card__list li:first-child {margin-top: 0;}
.page-service .svc-map-pair {display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; width: 100%;}
.page-service .svc-map-pair__card {flex: 1 1 280px; display: flex; flex-direction: column; align-items: center; gap: var(--space-30); min-width: 0; max-width: 100%; padding: clamp(25px, calc(54 / var(--inner) * 100vw), 54px) var(--space-20) clamp(15px, calc(50 / var(--inner) * 100vw), 50px); border: 2px solid #eee; border-radius: var(--radius-24); background: #fff; text-align: center;}
.page-service .svc-map-pair__mark {display: block; width: 16px; height: 11px; object-fit: contain;}
.page-service .svc-map-pair__tit {margin: 0; font-size: var(--font-size-24); font-weight: 700; line-height: 1.4167em; color: var(--dark-color);}
.page-service .dot-list li {font-size: var(--font-size-18); font-weight: 500; line-height: 1.6667em; color: #505050; text-align: center;}
.page-service .dot-list li::before {color: var(--primary-color);}
.page-service .svc-map-pair__hd {display: flex; flex-direction: column; gap: var(--space-25); align-items: center;}
.page-service .svc-map-foot {margin: 0; font-size: var(--font-size-20); font-weight: 400; line-height: 1.7em; color: #505050;}
.page-service .svc-block-lead--stack {margin-bottom: var(--space-50); font-size: var(--font-size-24); font-weight: 500; line-height: 1.4167em; letter-spacing: -0.02em; color: #505050;}
.page-service .svc-block-lead--stack p {margin: 0 0 0.5em;}
.page-service .svc-block-lead--stack p:last-child {margin-bottom: 0;}
.page-service .svc-std-subhd-mt {margin-top: var(--space-40);}
.page-service .sec-tit .svc-cta-lead--tight {margin-bottom: 0;}
.page-service .svc-std-lead {margin: 0; font-size: var(--font-size-24); font-weight: 500; line-height: 1.6667em; color: #505050;}
.page-service .svc-std-lead--en {margin: 0; font-size: var(--font-size-24); font-weight: 500; line-height: 1.6667em; color: var(--gray-color2);}
.page-service .svc-std-grid {display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; width: 100%;}
.page-service .svc-std-card {flex: 1 1 220px; display: flex; flex-direction: column; gap: var(--space-25); align-items: flex-start; min-width: 0; max-width: 100%; padding: clamp(32px, calc(40 / var(--inner) * 100vw), 40px) clamp(20px, calc(34 / var(--inner) * 100vw), 34px); border-radius: var(--radius-24); background: #f8f8f8;}
.page-service .svc-std-card__tit {margin: 0; font-size: var(--font-size-20); font-weight: 600; line-height: 1.5em; color: var(--dark-color);}
.page-service .svc-std-card__txt {margin: 0; font-size: var(--font-size-16); font-weight: 500; line-height: 1.5em; color: #505050;}
.page-service .svc-cta-subline {margin: 0 0 var(--space-30); font-size: var(--font-size-28); font-weight: 600; line-height: 1.5em; letter-spacing: -0.02em; color: var(--dark-color);}

.page-reference-overview {display: flex; flex-direction: column; gap: var(--space-140);}
.reference-overview-summary {display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-100) clamp(10px, calc(55 / var(--inner) * 100vw), 55px);}
.reference-overview-summary h4 {padding-bottom: var(--space-25); border-bottom: 1px solid var(--dark-color); font-size: var(--font-size-24); color: var(--dark-color); line-height: 1.4167em;}
.reference-overview-summary .txt:before {content:'Project Highlights'; display: block; font-size: var(--font-size-18); font-weight: 600; margin-bottom: 8px;}
.reference-overview-summary .icon {position: relative; text-align: center; margin: var(--space-50) 0;}
.reference-overview-summary .icon span {position: absolute; left: 0; top: 0; padding: 8px 14px; border-radius: 100px; background: var(--primary-color); color: #fff; font-size: var(--font-size-14); font-weight: 600; line-height: 1.1428em;}
.reference-overview-summary .icon span + img {margin-left: 20px;}
.reference-performance-chart {margin-top: clamp(40px, calc(70 / var(--inner) * 100vw), 70px);}
.ref-perf-chart {padding: clamp(20px, calc(70 / var(--inner) * 100vw), 70px) clamp(10px, calc(60 / var(--inner) * 100vw), 60px) clamp(20px, calc(60 / var(--inner) * 100vw), 60px); border: 1px solid #eee; border-radius: var(--radius-24); background: #fff;}
.ref-perf-chart__bars {display: flex; align-items: flex-end; justify-content: center; gap: clamp(4px, calc(10 / var(--inner) * 100vw), 10px); padding: 0 clamp(12px, calc(40 / var(--inner) * 100vw), 40px);}
.ref-perf-chart__col {display: flex; flex: 1 1 0; flex-direction: column; align-items: center; justify-content: flex-end; min-width: 0; max-width: 100%;}
.ref-perf-chart__col--peak {gap: clamp(10px, calc(16 / var(--inner) * 100vw), 16px);}
.ref-perf-chart__badge {margin: 0; font-size: var(--font-size-16); font-weight: 600; line-height: 1.5em; letter-spacing: -0.02em; color: #b6191c; text-align: center; white-space: nowrap;}
.ref-perf-chart__bar {width: clamp(22px, calc(40 / var(--inner) * 100vw), 40px); max-width: 100%; border-radius: 500px 500px 0 0;}
.ref-perf-chart__bar--1 {height: clamp(48px, calc(90 / var(--inner) * 100vw), 90px); background: linear-gradient(179deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.12) 100%), linear-gradient(90deg, #f8e0e0 0%, #f8e0e0 100%);}
.ref-perf-chart__bar--2 {height: clamp(75px, calc(140 / var(--inner) * 100vw), 140px); background: linear-gradient(179deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.12) 100%), linear-gradient(90deg, #f1b7b8 0%, #f1b7b8 100%);}
.ref-perf-chart__bar--3 {height: clamp(66px, calc(124 / var(--inner) * 100vw), 124px); background: linear-gradient(179deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.12) 100%), linear-gradient(90deg, #e88e8f 0%, #e88e8f 100%);}
.ref-perf-chart__bar--4 {height: clamp(72px, calc(136 / var(--inner) * 100vw), 136px); background: linear-gradient(179deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.12) 100%), linear-gradient(90deg, #e16567 0%, #e16567 100%);}
.ref-perf-chart__bar--5 {height: clamp(170px, calc(320 / var(--inner) * 100vw), 320px); background: linear-gradient(177deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.12) 100%), linear-gradient(90deg, #b6191c 0%, #b6191c 100%);}
.ref-perf-chart__bar--6 {height: clamp(58px, calc(110 / var(--inner) * 100vw), 110px); background: linear-gradient(179deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.12) 100%), linear-gradient(90deg, #8f1416 0%, #8f1416 100%);}
.ref-perf-chart__bar--7 {height: clamp(42px, calc(80 / var(--inner) * 100vw), 80px); background: linear-gradient(179deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.12) 100%), linear-gradient(90deg, #690f10 0%, #690f10 100%);}
.ref-perf-chart__rule {height: 1px; margin: 0 clamp(12px, calc(40 / var(--inner) * 100vw), 40px); background: #dfdfdf;}
.ref-perf-chart__cats {display: flex; justify-content: center; gap: clamp(4px, calc(10 / var(--inner) * 100vw), 10px); padding: clamp(12px, calc(20 / var(--inner) * 100vw), 20px) clamp(12px, calc(40 / var(--inner) * 100vw), 40px) 0;}
.ref-perf-chart__cat {display: flex; flex: 1 1 0; flex-direction: column; align-items: center; justify-content: flex-start; min-width: 0; max-width: 100%; font-size: var(--font-size-16); font-weight: 500; line-height: 1.5em; letter-spacing: -0.02em; color: #505050; text-align: center;}
.ref-perf-chart__cat-line {display: block;}
@media (max-width: 720px) {
	.ref-perf-chart__badge {font-size: clamp(11px, 3.2vw, 14px); white-space: normal;}
	.ref-perf-chart__cat {font-size: clamp(11px, 2.8vw, 15px);}
}

.reference-performance-graph {padding: var(--space-50); border-radius: var(--radius-24); border: 1px solid #EEE; text-align: center;}
.page-work-reference {gap: 25px 35px;}
.page-work-reference .img {max-width: 760px; width: 54.3%; border-radius: var(--radius-24); overflow: hidden;}

.contact-boxes {display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-20);}
.contact-box {display: flex; flex-direction: column; justify-content: space-between; gap: var(--space-25); padding:var(--space-30) 15px 15px; border-radius: var(--radius-16); background: #F8F8F8; transition: .2s;}
.contact-header {padding-left: 8px;}
.contact-header .category {margin-bottom: clamp(6px, calc(12 / var(--inner) * 100vw), 12px); font-weight: 600; color: var(--primary-color);}
.contact-header .name {display: flex; gap: var(--space-15); align-items: center; font-size: var(--font-size-28); font-weight: 700; color: var(--dark-color);}
.contact-header .name span {font-size: var(--font-size-16); font-weight: 600; color: var(--gray-color2);}
.contact-body {display: grid; grid-template-columns: repeat(2, 1fr); gap: 6px;}
.contact-body .contact-info {padding: var(--space-15) var(--space-20); border-radius: 8px; background: #fff; transition: .2s;}
.contact-body span {margin-bottom: 4px; font-size: var(--font-size-14); font-weight: 600; line-height: 1.4286em; color: var(--gray-color2);}
.contact-body  p {font-weight: 500; color: var(--dark-color);}
.contact-box:hover {background: linear-gradient(90deg, #D31E21 0%, #A43C93 100%);}
.contact-box:hover .name {color: #fff;}
.contact-box:hover .category,
.contact-box:hover .name span {color: rgba(255, 255, 255, 0.70);}
.contact-body .contact-info:hover {background: var(--dark-color);}
.contact-body .contact-info:hover p {color: #fff;}

.sec-global {padding: var(--space-50) 0 0; border-radius: var(--radius-24); background: #878787;}
.sec-global h3 {margin-bottom: calc(var(--space-50) * -1);}
.global-map {position: relative;}
.global-links {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.global-link {position: absolute; z-index: 1; max-width: 241px; width: 17.215%}
.global-link.global10 {max-width: none; width: 40%;}
.global-link a {position: relative; display: block; border-radius: 12px; overflow: hidden; box-shadow: 8px 16px 16px 0 rgba(0, 0, 0, 0.08); transform: scale(.66);}
.global-link a:after {content:''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border-radius: 12px; border: 2px solid #fff;}
.global-link:hover {z-index:2;}
.global-link a:hover {transform: scale(1); z-index: 1;}
.global-link a:hover:after {border-color: #F29F01;}
.global-link:not(.global10) a:hover ~ .line svg path {fill: #F29F01;}
.global10:hover .line svg path {stroke: #F29F01;}
.global-link .line svg {position: absolute; z-index: -1;}
.global-link.global01 {top: 18.2%; left: 14.2%;}
.global-link.global02 {top: 14.5%; left: 33.1%;}
.global-link.global03 {top: 14.3%; left: 50%;}
.global-link.global04 {top: 17.3%; left: 66.5%;}
.global-link.global05 {top: 31%; left: 77.5%;}
.global-link.global06 {top: 45%; left: 76%;}
.global-link.global07 {top: 62.5%; left: 76%;}
.global-link.global08 {top: 40.5%; left: 10.3%;}
.global-link.global09 {top: 58.3%; left: 16.9%;}
.global-link.global10 {display: flex; justify-content: center; top: 78.6%; left: 50%; transform: translateX(-50%);}
.global-link.global10 a {margin: 0 -5%;}

.global-link.global01 .line svg {top: 55%; left: 54%; width: 30%; height: 168%;}
.global-link.global02 .line svg {top: 80%; left: 52%; height: 180%;}
.global-link.global03 .line svg {top: 80%; left: 5%; height: 185%;}
.global-link.global04 .line svg {top: 80%; left: 6%; height: 114%;}
.global-link.global05 .line svg {top: 40%; right: 81%; height: 105%;}
.global-link.global06 .line svg {top: 6%; right: 80%; width: 45%;}
.global-link.global07 .line svg {top: 21%; right:80%; width: 48%;}
.global-link.global08 .line svg {top: 46%; left: 83%; width: 31%;}
.global-link.global09 .line svg {top: 20%; left: 80%; width: 47%;}
.global-link.global10 .line svg {bottom: 48%; left: 50%; transform: translateX(-50%); width: 117%;}