/* sub-visual */
.sub-visual { height: 700px; position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; display: flex; align-items: center; justify-content: center; color: #fff;}
.sub-visual h1.heading { font-size: 70px; text-align: center;}
.sub-visual .list { position: absolute; bottom: 40px; left: 0; width: 100%;}
.sub-visual .list .swiper { width: 90%; max-width: 1520px; margin: 0 auto; padding: 10px; background: rgba(21, 21, 21, 0.2); backdrop-filter: blur(10px); border-radius: 50px;}
.sub-visual .list .swiper-slide { width: auto; flex: 1; text-align: center;}
.sub-visual .list .swiper-slide a { border-radius: 35px; display: block; padding: 16px 20px; color: #fff; font-weight: 700; white-space: nowrap;}
.sub-visual .list .swiper-slide a.active { background: var(--accent-color);}
@media screen and (max-width: 1280px) {

}

@media screen and (max-width: 1024px) {
}

@media screen and (max-width: 768px) {
	.sub-visual{height:350px;}
	.sub-visual .list{bottom:20px;}
  .sub-visual h1.heading { font-size: 34px;}
  .sub-visual .list .swiper-slide a { padding: 8px 20px;}
}

.sub-visual.vs-brochure { background-image: url(/images/sub/visual-brochure.jpg);}
.sub-visual.vs-ethics { background-image: url(/images/sub/visual-ethics.jpg);}
.sub-visual.vs-news { background-image: url(/images/sub/visual-news.jpg);}
.sub-visual.vs-ceo { background-image: url(/images/sub/visual-ceo.jpg);}
.sub-visual.vs-history { background-image: url(/images/sub/visual-history.jpg);}
.sub-visual.vs-location { background-image: url(/images/sub/visual-location.jpg);}
.sub-visual.vs-network { background-image: url(/images/sub/visual-network.jpg);}
.sub-visual.vs-process { background-image: url(/images/sub/visual-process.jpg);}
.sub-visual.vs-talent { background-image: url(/images/sub/visual-talent.jpg);}
.sub-visual.vs-vision { background-image: url(/images/sub/visual-vision.jpg);}
.sub-visual.vs-logistics { background-image: url(/images/sub/visual-logistics.jpg);}
.sub-visual.vs-trading { background-image: url(/images/sub/visual-trading.jpg);}
.sub-visual.vs-solution { background-image: url(/images/sub/visual-solution.jpg);}
.sub-visual.vs-core { background-image: url(/images/sub/visual-core.jpg);}

/* sub-header */
.sub-header { overflow: hidden;}
.sub-header .heading { padding: 160px 0 100px;}

@media screen and (max-width: 1024px) {
  .sub-header .heading { padding: 80px 0 50px;}
}

@media screen and (max-width: 768px) {
  .sub-header .heading{ padding: 60px 0 40px; font-size: 24px;}
}

/* tab-btns */
.tab-btns { position:relative; background: #fff; z-index: 1; min-height:92px;}
.tab-btns .inner { border: 2px solid var(--border-color);}
.tab-btns .swiper { width: max-content; max-width: 100%; margin: 0 auto;}
.tab-btns .swiper-slide { width: 200px;}
.tab-btns .swiper-slide a { position: relative; display: block; padding: 30px 20px; width: 100%; font-size: 20px; font-weight: 500; color: #aaa; text-align: center;}
.tab-btns .swiper-slide:not(:first-child) a::before { content: ''; display: block; position: absolute; top: 50%; left: 0; width: 1px; height: 18px; background: var(--border-color); transform: translateY(-50%);}
.tab-btns .swiper-slide a.active { color: var(--accent-color); font-weight: 600;}
html[lang='en'] .tab-btns .swiper-slide { width: 250px;}

.tab-btns.fixed .inner{ position: fixed; top: 0; left:0; border:0; background: #fff; width: 100%; max-width:100%;border-bottom:1px solid var(--border-color);  }
.tab-btns.fixed .swiper-slide a{padding:20px;}


@media screen and (max-width: 1024px) {
  .tab-btns .swiper-slide a { padding: 20px;}
}

@media screen and (max-width: 768px) {
	.tab-btns{min-height:50px;}
  .tab-btns.fixed .inner { width: 100%;}
  .tab-btns .swiper-slide { width: auto !important;}
  .tab-btns .swiper-slide a { padding: 13px 20px; font-size: 16px; }
  .tab-btns.fixed .swiper-slide a { padding: 13px 20px ;  }
  .tab-btns .swiper-slide:not(:first-child) a::before{height:16px;}
}

/* promotion */
.brochure { padding: 160px 0 180px;}
.brochure-area { display: flex; gap: 50px 10%;}
.brochure-area .text-box { padding-top: 60px; flex: 1;}
.brochure-area .text-box .label { color: var(--accent-color); margin-bottom: 20px; font-size: 20px; font-weight: 600;}
.brochure-area .text-box .heading { margin-bottom: 40px;}
.brochure-area .text-box .desc { margin-bottom: 40px; color: #000; font-size: 1.2em;}
.brochure-area .text-box .down-btns { display: flex; gap: 10px;}
.brochure-area .text-box .down-btns a { display: flex; align-items: center; padding: 10px 40px; gap: 75px; height: 60px; border-radius: 35px; border: 1px solid var(--accent-color); font-weight: 600; color: var(--accent-color);}
.brochure-area .text-box .down-btns a i{font-size: 1.1em;}
@media screen and (max-width: 1280px) {

}

@media screen and (max-width: 1024px) {
  .brochure-area { flex-wrap: wrap;}
}

@media screen and (max-width: 768px) {
  .brochure { padding: 60px 0 100px;}
  .brochure-area .text-box { padding: 0;}
  .brochure-area .text-box .down-btns a { padding: 10px 30px; height: 45px; gap: 25px; width: 100%;  justify-content: space-between;}
  .brochure-area .text-box .down-btns a span { width: 12px; height: 12px;}
  .brochure-area .text-box .down-btns{gap:5px;}
  .brochure-area .text-box .label { font-size: 16px; margin-bottom: 15px;}
  .brochure-area .text-box .heading{font-size: 28px; margin-bottom: 20px;}
  .brochure-area .text-box .desc{margin-bottom: 20px;}
}

.ethics-intro { padding: 120px 0;}
.ethics-intro .heading { margin-bottom: 40px;}
.ethics-intro .intro-list li:first-child { border-top: 2px solid #E8E8E8;}
.ethics-intro .intro-list li { padding: 60px 0; border-bottom: 2px solid #E8E8E8; display: flex; align-items: center; gap: 100px; font-size: 20px; }
.ethics-intro .intro-list li .desc{color: #151515;}
.ethics-intro .intro-list li .img-box { flex-shrink: 0;}
.ethics-intro .intro-list li strong { font-size: 26px; font-weight: 700; margin-bottom: 20px; }
.ethics-intro .intro-list li .accent { margin-top: 20px; font-weight: 600; display: block;}
@media screen and (max-width: 1280px) {

}

@media screen and (max-width: 1024px) {
  .ethics-intro .intro-list li { flex-wrap: wrap; gap: 50px;}
}

@media screen and (max-width: 768px) {
  .ethics-intro { padding: 60px 0;}
  .ethics-intro .intro-list li { padding: 30px 0; gap:25px; font-size: 16px;}
  .ethics-intro .intro-list li .img-box { width: 100%;}
  .ethics-intro .intro-list li strong { font-size: 20px;  margin-bottom: 10px;}
  .ethics-intro .heading{margin-bottom: 20px;}
  .ethics-intro .intro-list li .accent{margin-top: 10px;}
}

.ethics-regulations { padding: 0 0 120px;}
.ethics-regulations .heading { margin-bottom: 40px;}
.ethics-regulations .regulations-list { padding: 60px; border-radius: 16px; border: 2px solid var(--border-color);}
.ethics-regulations .regulations-list > li { display: flex; align-items: center; gap: 100px;}
.ethics-regulations .regulations-list > li + li { margin-top: 20px;}
.ethics-regulations .regulations-list > li .title { flex: 0 0 300px; padding: 50px 20px; color: var(--accent-color);border:1px solid var(--accent-color); background: rgba(31, 34, 136, 0.05); font-size: 20px; font-weight: 700; border-radius: 10px; text-align: center;}
.ethics-regulations .regulations-list > li ul li { position: relative; padding-left: 10px; font-size: 20px;}
.ethics-regulations .regulations-list > li ul li::before { content: ''; position: absolute; top: 13px; left: 0; width: 3px; height: 3px; border-radius: 50%; background: #666;}
.ethics-regulations .regulations-list > li ul li + li{margin-top: 5px;}
@media screen and (max-width: 1280px) {

}

@media screen and (max-width: 1024px) {
  .ethics-regulations .regulations-list { padding: 30px;}
  .ethics-regulations .regulations-list > li { gap: 50px;}
  .ethics-regulations .regulations-list > li .title { padding: 30px;}
}

@media screen and (max-width: 768px) {
  .ethics-regulations { padding-bottom: 80px;}
  .ethics-regulations .heading{margin-bottom: 20px;}
  .ethics-regulations .regulations-list > li { flex-wrap: wrap; gap: 20px;}
  .ethics-regulations .regulations-list > li + li { margin-top: 40px;}
  .ethics-regulations .regulations-list > li .title { flex: 0 0 100%; padding: 20px; font-size: 16px;}
  .ethics-regulations .regulations-list > li ul li{font-size: 16px;}
  .ethics-regulations .regulations-list > li ul li::before{top:9px;}
  :lang(en) .ethics-regulations .regulations-list > li ul li::before{top:8px;}
}

.ethics-conduct { padding: 120px 0; background: var(--bg-sub-color);}
.ethics-conduct .heading { margin-bottom: 20px;}
.ethics-conduct .text { margin-bottom: 40px;}
.ethics-conduct .conduct-list li { padding: 50px 60px; background: #fff; border-radius: 16px; display: flex; align-items: center; gap: 50px; font-size: 20px;}
.ethics-conduct .conduct-list li .desc{color: #151515;}
.ethics-conduct .conduct-list li + li { margin-top: 20px;}
.ethics-conduct .conduct-list li .title { flex: 0 0 395px; font-size: 24px; font-weight: 700; display: flex; gap: 50px; align-items: center;}
.ethics-conduct .conduct-list li .title::before { content: ''; display: block; width: 45px; height: 45px; background-repeat: no-repeat; background-size: contain; background-position: center;}
.ethics-conduct .conduct-list li:nth-child(1) .title::before { background-image: url(/images/sub/promotion/conduct-ico1.svg);}
.ethics-conduct .conduct-list li:nth-child(2) .title::before { background-image: url(/images/sub/promotion/conduct-ico2.svg);}
.ethics-conduct .conduct-list li:nth-child(3) .title::before { background-image: url(/images/sub/promotion/conduct-ico3.svg);}
.ethics-conduct .conduct-list li:nth-child(4) .title::before { background-image: url(/images/sub/promotion/conduct-ico4.svg);}
.ethics-conduct .conduct-list li:nth-child(5) .title::before { background-image: url(/images/sub/promotion/conduct-ico5.svg);}
.ethics-conduct .conduct-list li:nth-child(6) .title::before { background-image: url(/images/sub/promotion/conduct-ico6.svg);}
@media screen and (max-width: 1280px) {

}

@media screen and (max-width: 1024px) {
  .ethics-conduct .conduct-list li { padding: 30px;}
  .ethics-conduct .conduct-list li .title { flex: 0 0 200px; gap: 30px; font-size: 20px;}
  .ethics-conduct .conduct-list li .title::before { width: 35px; height: 35px;}
}

@media screen and (max-width: 768px) {
  .ethics-conduct { padding: 60px 0;}
  .ethics-conduct .conduct-list li { flex-wrap: wrap; gap: 10px; font-size: 16px;}
  .ethics-conduct .conduct-list li .title { gap: 10px; font-size: 18px; width: 100%; flex:auto; }
  .ethics-conduct .conduct-list li .title::before { width: 30px; height: 30px; flex-shrink: 0;}
  .ethics-conduct .heading{margin-bottom: 10px;}
  .ethics-conduct .text{margin-bottom: 30px;}
  .ethics-conduct .conduct-list li + li{margin-top: 10px;}
}

.ethics-office { padding: 120px 0 180px;}
.ethics-office .heading { margin-bottom: 20px;}
.ethics-office .text { margin-bottom: 40px;}
.ethics-office .office-area { border-radius: 16px; padding: 60px; border: 2px solid var(--border-color);}
.ethics-office .area-top { display: flex; justify-content: space-between; gap: 50px; padding-bottom: 60px; border-bottom: 1px solid var(--border-color);}
.ethics-office .area-top > div { flex: 1;}
.ethics-office .area-top .office-intro .desc { margin-bottom: 20px;}
.ethics-office .area-top .office-intro .btn-link { display: flex; align-items: center; text-align: center; font-size: 16px; font-weight: 600; padding: 10px 30px; height: 56px; color: #fff; background: var(--accent-color); width: fit-content; border-radius: 35px; gap: 20px;}
.ethics-office .area-body { padding-top: 60px;}
.ethics-office .area-place { display: flex;   gap: 10px;}
.ethics-office .area-place li {width: 100%; display: flex;     gap: 10px; background: rgba(31, 34, 136, 0.05); padding: 20px 24px; font-weight: 600; border-radius: 10px;}
.ethics-office .area-place li i { flex-shrink: 0; margin-top: 4px;}
@media screen and (max-width: 1280px) {
	.ethics-office .area-place{flex-wrap:wrap;}
	.ethics-office .area-place li{width: calc(50% - 5px);}
}

@media screen and (max-width: 1024px) {

}

@media screen and (max-width: 768px) {
  .ethics-office { padding: 60px 0 80px;}
  .ethics-office .heading{margin-bottom: 10px;}
  .ethics-office .text{margin-bottom: 30px;}
  .ethics-office .office-area { padding: 40px 30px;}
  .ethics-office .area-top { flex-wrap: wrap; gap: 30px; padding-bottom: 40px;}
  .ethics-office .area-top .office-intro .btn-link { height: 40px; padding: 10px 20px; font-size: 16px;}
  .ethics-office .area-top > div { flex: 0 0 100%;}
  .ethics-office .area-body { padding-top: 40px;}
	.ethics-office .area-place li{width: 100%; padding:16px; gap:5px;}
	.ethics-office .area-place li i{margin-top: 0;}
}


.report-content { background: var(--bg-sub-color); padding: 120px 0 180px;}
.report-content .heading { margin-bottom: 40px;}
.report form { background: #fff; border-radius: 16px; padding: 60px 100px; margin-bottom: 40px;}
.report form .contact-notice { font-size: 14px; font-weight: 500; text-align: right; margin-bottom: 14px;}
.report form .submit { height: 80px; width: 250px; border-radius: 50px; background: #000; color: #fff; font-size: 22px; font-weight: 700; display: block; margin: 0 auto; text-align: center; place-content: center;}
.report form .form-title { font-size: 42px; font-weight: 600; margin-bottom: 40px;}
.report form .form-row {display: flex;margin-bottom: 20px;}
.report form .form-row:first-child { margin-bottom: 40px;}
.report form .form-row:last-child { margin-bottom: 60px;}
.report form .form-textarea::placeholder,
.report form .form-row input::placeholder { font-size: 18px; color: #aaa;}
.report form .form-label {flex: 0 0 200px; padding-top: 15px;font-weight: 600; font-size: 20px;}
.report form .form-label.required::after {content: "*";color: var(--accent-color); margin-left: 4px;}
.report form .form-input-container {flex: 1;}
.report form .form-input-container.radio-group { padding-top: 15px; display: flex; flex-wrap: wrap; gap: 20px; align-items: center; }
.report form .form-input-container.radio-group .radio-item { display: flex; align-items: center; cursor: pointer; position: relative; }
.report form .form-input-container.radio-group .radio-item input[type="radio"] { appearance: none; width: 20px; height: 20px; border: 2px solid #ddd; border-radius: 50%; margin-right: 8px; position: relative; }
.report form .form-input-container.radio-group .radio-item input[type="radio"]:checked { border-color: var(--accent-color); background-color: var(--accent-color); }
.report form .form-input-container.radio-group .radio-item input[type="radio"]:checked::after { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 8px; height: 8px; background-color: white; border-radius: 50%; }
.report form .form-input-container.radio-group .radio-text { user-select: none; }
.report form .form-input-container.radio-group .radio-item:hover input[type="radio"] { border-color: var(--accent-color); }
.report form .form-input, .form-select, .form-textarea {width: 100%; height: 60px; padding: 10px 24px; font-size: 18px; border: 2px solid var(--border-color); border-radius: 10px;}
.report form .form-input:focus-visible, .form-select:focus-visible, .form-textarea:focus-visible { outline: 2px solid var(--accent-color);}
.report form .form-select { background: url(/images/ico-dropdown.svg) #fff no-repeat right 30px center/ 11px 20px;}
.report form .form-textarea {min-height: 228px; resize: vertical; padding: 24px;}
.report form .group-container {display: flex;align-items: center;gap: 10px;}
.report form .email-part {flex: 1;}
.report form .email-separator { font-size: 24px;}
.report form .form-input-container input { flex: 1;}
.report form .email-domain-select { flex: 1;}
.report form .policy-title {font-size: 22px; font-weight: 600;margin-bottom: 30px;}
.report form .policy-content {height: 300px;overflow-y: auto;padding: 30px;background-color: #fff;border: 1px solid #ddd;margin-bottom: 10px;font-size: 17px; color: #666;}
.report form .consent-checkbox {display: flex;align-items: center;gap: 10px;margin-top: 15px;}
.report form .privacy-policy .desc { font-size: 17px;}
.report form .form-submit {text-align: center;margin-top: 30px;}
.report form .submit-button {background-color: #000; color: #fff; border: none; border-radius: 35px;padding: 16px 40px;font-size: 22px;font-weight: 500;cursor: pointer;transition: background-color 0.3s; width: 200px;}
.report form .submit-button:hover {background-color: #333;}
.report form .consent-container { width: 100%;}
.report form .consent-checkbox {display: flex;align-items: center; }
.report form .consent-checkbox a { font-size: 16px; font-weight: 600; line-height: 1; text-decoration: underline; text-underline-offset: 5px;}
.report form .consent-checkbox input[type="checkbox"] {position: absolute;opacity: 0;width: 0;height: 0;}
.report form .consent-checkbox label {position: relative;padding-left: 30px; cursor: pointer; font-size: 16px; user-select: none;}
.report form .consent-checkbox label:before {content: "";position: absolute;left: 0;top: 0px;width: 20px;height: 20px;border: 2px solid var(--border-color); transition: all 0.2s ease; border-radius:4px; box-sizing: border-box;}
.report form .consent-checkbox input[type="checkbox"]:checked + label:before {background-color:  var(--accent-color);border-color: var(--accent-color);}
.report form .consent-checkbox input[type="checkbox"]:checked + label:after {content: "";position: absolute;left: 7px;top: 2px;width: 6px;height: 12px;border: solid white;border-width: 0 2px 2px 0;transform: rotate(45deg);}
.report form .form-foot { padding-top: 60px; border-top: 1px solid var(--border-color);}
.report form .form-foot .title { font-size: 20px; font-weight: 600; margin-bottom: 20px;}
.report form .form-foot .text-area { padding: 40px; overflow-y: auto; height: 296px; font-size: 16px; margin-bottom: 20px; border: 2px solid var(--border-color); border-radius: 10px;}
.report .submit { height: 65px; width: 200px; border-radius: 50px; background: #151515; color: #fff; font-size: 20px; font-weight: 700; display: block; margin: 0 auto; text-align: center; place-content: center;}
@media screen and (max-width: 1024px) {
  .contact form { padding: 80px 50px;}
  .contact form .form-label { flex: 0 0 110px;}
}
@media screen and (max-width: 768px) {
  .report { padding: 0;}
	.report-content { padding: 60px 0 100px;}
	.report-content .heading { margin-bottom: 20px;}
	.report form .form-foot .title { font-size: 16px; margin-bottom: 10px;}
	.report form .form-foot .text-area { padding: 20px; height: 206px; margin-bottom: 10px; font-size: 14px;}
	.report form .form-foot { padding-top: 30px;}
	.report .submit { height: 50px; font-size: 16px; width: 140px;}
  .report form { padding:  20px 30px 40px; }
  .report form .form-input-container.radio-group{padding-top: 0; gap:10px;}
  .report form .form-title { font-size: 24px; margin-bottom: 0;}
  .report form .form-row { flex-wrap: wrap; gap: 10px; margin-bottom: 0;}
  .report form .form-row:first-child { margin-bottom: 0; padding-bottom: 20px;}
  .report form .form-label { flex: 0 0 100%; font-size: 17px;}
  .report form .consent-checkbox a { font-size: 14px;}
  .report form .form-input, .form-select, .form-textarea { height: 40px; font-size: 14px; padding: 10px 15px !important;}
  .report form .form-row input::placeholder { font-size: 14px;}
  .report form .policy-title { font-size: 16px; margin-bottom: 10px;}
  .report form .policy-content { padding: 10px; font-size: 14px;}
  .report form .form-select { background-size: 12px 8px; background-position: right 15px center; flex: auto;}
  .report form .consent-checkbox label { padding-left: 20px; font-size: 14px;}
  .report form .consent-checkbox label:before { width: 15px; height: 15px;}
  .report form .group-container { gap: 5px; flex-wrap: wrap;}
  .report form .privacy-policy .desc { font-size: 14px;}
  .report form .consent-checkbox input[type="checkbox"]:checked + label:after { left: 5px; width: 5px; height: 8px;}
  .report form .submit-button { padding: 10px 20px; font-size: 17px; width: 140px;}
  .report form .email-separator{font-size: 14px;}
  .report form .form-row:last-child{padding-bottom: 20px; margin-bottom: 20px;}
  .report form .form-title{margin-bottom: 20px;}
  .report form .form-textarea { border-radius: 10px; padding: 15px !important; font-size: 14px;}
  .report form .form-textarea::placeholder { font-size: 14px;}
  .report form .desc-list li { font-size: 14px;}
  .report form .submit { height: 40px; width: 120px; font-size: 16px;}
}
.report-content .file-upload { display: flex; gap: 10px; height: 70px;}
.report-content .file-upload input[type="file"] { display: none;}
.report-content .file-upload label { display: block; flex: 0 0 256px; border-radius: 10px; background: #111; color: #fff; text-align: center; place-content: center; cursor: pointer;}
.report-content .file-upload span { padding: 0; background: transparent; border: none; color: initial; font-family: inherit;}
.report-content .file-list { flex: 1; background: #fff; border: 2px solid var(--border-color); color: #aaa; border-radius: 10px; padding: 10px 24px; place-content: center;}
.report-content .file-item { display: flex; align-items: center; justify-content: space-between;}
.report-content .file-remove { background: #111; color: #fff; color: white; border: none; padding: 4px 8px; border-radius: 4px; cursor: pointer; font-size: 12px;}
@media screen and (max-width: 1280px) {

}

@media screen and (max-width: 1024px) {
  .report-content .file-upload label { flex: 0 0 120px;}
}

@media screen and (max-width: 768px) {
  .report-content .file-upload { height: 40px; gap: 5px;}
  .report-content .file-upload label { flex: 0 0 70px; font-size: 14px;}
  .report-content .file-list { padding: 0 10px; width: calc(100% - 75px); }
  .report-content .file-upload span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
}


/* about */
.ceo-intro { width: 100%; height: 100vh; background: url(/images/sub/about/ceo-bg.jpg) no-repeat center/cover; place-content: center; background-attachment: fixed; text-align: center; color: #fff;}
.ceo-intro .heading { margin-bottom: 30px;}
.ceo-intro .text { font-size: 24px; font-weight: 500;}
.ceo-intro .text span { font-weight: 700; vertical-align: baseline;}
@media screen and (max-width: 1280px) {

}

@media screen and (max-width: 1024px) {

}

@media screen and (max-width: 768px) {
  .ceo-intro {position:relative; height: 70vh;}
  .ceo-intro:before{content:''; width:100%; height:100%; background: rgba(0,0,0,0.4); position:absolute; left:0; top:0;}
  .ceo-intro .text { font-size: 16px;}
  .ceo-intro .heading{margin-bottom: 15px; font-size: 24px;}
}

.ceo-feature { padding: 160px 0 180px;}
.ceo-feature .feature-area { display: flex; align-items: center; gap: 100px;}
.ceo-feature .feature-area .img-box { flex: 0 0 40%; text-align:right; border-radius:16px; overflow:hidden;}
.ceo-feature .feature-area .texts { flex: 1 0 0;}
.ceo-feature .feature-area .texts .sbj { margin-bottom: 20px;  }
.ceo-feature .feature-area .texts .text { line-height: 1.7; font-size: 20px; color: #333;}
.ceo-feature .feature-area .texts .text + .sbj{margin-top: 80px;}
.ceo-feature .feature-area .texts .text + .text { margin-top: 20px;}
.ceo-feature .feature-area .texts .text span { font-weight: 700; color: #151515; vertical-align: baseline;}
.ceo-feature .feature-area .texts .sign {padding-top: 20px;}
.ceo-feature .feature-area .texts .sign strong{font-size: 28px; color: #151515;vertical-align: baseline; margin-left: 10px;}
@media screen and (max-width: 1280px) {

}

@media screen and (max-width: 1024px) {
  .ceo-feature .feature-area { gap: 50px;}
}

@media screen and (max-width: 768px) {
  .ceo-feature { padding: 60px 0 80px;}
  .ceo-feature .feature-area { flex-wrap: wrap; gap: 50px;}
  .ceo-feature .feature-area + .feature-area { margin-top: 70px;}
  .ceo-feature .feature-area .img-box { flex: 0 0 100%; order: 1;}
  .ceo-feature .feature-area .texts { order: 2;}
	.ceo-feature .feature-area .texts .text { font-size: 16px;}
	.ceo-feature .feature-area .texts .text br{display:none;}
	.ceo-feature .feature-area .texts .text + .sbj{margin-bottom: 10px; margin-top: 30px;}
	.ceo-feature .feature-area .texts .text + .text{margin-top: 10px;}
	.ceo-feature .feature-area .texts .sign strong{font-size: 20px; margin-left: 5px;}
}

.vision-intro { height: 400vh; position: relative; margin-bottom: 240px;}
.vision-intro .sticky { place-content: center; height: 100vh;}
.vision-intro h2.heading { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; width: 100%; z-index: 1;}
.vision-intro .intro-area { max-width: 1396px; width: 100%; aspect-ratio: 1; display: flex; align-items: center; justify-content: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 50%; }
.vision-intro .intro-area .img-boxs { border-radius: 50%; position: relative;}
.vision-intro .intro-area .img-boxs .bubble { position: absolute; display: flex; align-items: center; aspect-ratio: 1; font-weight: 700; line-height: 1.2; color: #000125; z-index: 1; box-shadow: 0px 0px 30px 0px #0001251A; border-radius: 50%; text-align: center; justify-content: center; font-family: 'Pretendard';}
.vision-intro .intro-area .img-boxs .bubble.v1 { width: 18%; top: 17%; left: 19%; background: #fff;}
.vision-intro .intro-area .img-boxs .bubble.v2 { width: 13%; top: 25%; right: -3%; background: #000125; color: #fff;}
.vision-intro .intro-area .img-boxs .bubble.v3 { width: 11.3%; top: 63%; left: 1%; background: #1F2288; color: #fff;}
.vision-intro .intro-area .img-boxs .bubble.v4 { width: 15.7%; top: 67%; right: 19%; background: #E9E9F3;}
.vision-intro .line { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; border: 1px solid rgb(31 34 136 / 10%);}
.vision-intro .line .line{border-color: rgb(31 34 136 / 3%);} 
.earth{ width: 900px; height: 900px; display:flex; align-items:center; justify-content:center;}
.globe { position: relative;    width: 200px;height: 200px;  transform:scale(3);}
.sphere,
.outer_shadow,
.inner_shadow {  position: absolute;  left: 0; top: 0;  width: 200px; height: 200px;  background-position: 0 0;  background-repeat: no-repeat;  opacity:.2;}
.worldmap {  position: absolute;  left: 0; top: 0;  width: 200px; height: 200px;  overflow: hidden;  border-radius: 50%;}
.worldmap_front {  background-position: 0 0;  animation: textureSpinreverse 8s linear infinite;}
.worldmap_back { background-position: 0px -220px;  animation: textureSpin 8s linear infinite;}
@keyframes textureSpin {
  from { transform: translateX(0); }
    to { transform: translateX(-47.5%); }
}

@keyframes textureSpinreverse {
  from { transform: translateX(-47.5%); }
    to { transform: translateX(0); }
} 
.worldmap_front,
.worldmap_back {  position: absolute;  left: 0; top: 0;  width: 1000px; height: 200px;  background-image: url("/images/sub/about/earth-bg.png");  background-repeat: no-repeat;  background-size:1000px;} 
.inner_shadow {  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwIiB5PSIwIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgdmlld0JveD0iMCAwIDIwMCAyMDAiPg0KPHJhZGlhbEdyYWRpZW50IGlkPSJyZyIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMTAwIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+DQoJPHN0b3Agb2Zmc2V0PSIwLjg1IiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAiLz4NCgk8c3RvcCBvZmZzZXQ9IjEiICAgIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPg0KPC9yYWRpYWxHcmFkaWVudD4NCjxjaXJjbGUgZmlsbD0idXJsKCNyZykiIG9wYWNpdHk9IjAuMSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iMTAwIi8+DQo8L3N2Zz4NCg==");}

.swiper-button-next svg, .swiper-button-prev svg{display:none;}

@media screen and (max-width: 1280px) {
	.earth{width: 100%; height: 100%;}
	.globe{transform:scale(1);}
	.vision-intro .img-boxs .line{transform:scale(1.3);}

}

@media screen and (max-width: 1024px) {

}

@media screen and (max-width: 768px) {
  .vision-intro { margin: 0; height: 200vh;}
  .vision-intro .intro-area .img-boxs .bubble { font-size: 10px;}
  .vision-intro .intro-area .img-boxs .bubble.v1 {width: 40%;top: -4%;left: -4%;}
  .vision-intro .intro-area .img-boxs .bubble.v2 {width: 36%; right:-20%;}
  .vision-intro .intro-area .img-boxs .bubble.v3 {width: 30%; left:-20%;}
  .vision-intro .intro-area .img-boxs .bubble.v4 {width: 34%; right:10%; top:80%;}
}

.vision-ideology { height: 400vh; text-align: center;}
.vision-ideology .sticky { height: 100vh;}
.vision-ideology .ideology-area { position: absolute; top: 0; left: 0; width: 100%; height: 100%; place-content: center;}
.vision-ideology .ideology-area:nth-child(2) { background: url(/images/sub/about/ideology-bg.jpg) no-repeat center/cover;}
.vision-ideology .ideology-area:nth-child(2),
.vision-ideology .ideology-area:nth-child(2) .label { color: #fff;}
.vision-ideology .ideology-area .list { display: flex; gap: 30px;}
.vision-ideology .ideology-area .list li { width: 100%; padding: 100px 40px; backdrop-filter: blur(20px); background: rgba(255,255,255,.1); color: #fff; text-align: center;}
.vision-ideology .ideology-area .list li .img-box { margin-bottom: 20px; display: flex; justify-content: center;}
.vision-ideology .ideology-area .list li .sbj { margin-bottom: 20px;}
.vision-ideology .ideology-area .list li .text { font-size: 20px;  }
.vision-ideology .label { font-size: 20px; font-weight: 700; color: var(--accent-color); margin-bottom: 16px;}
@media screen and (max-width: 1280px) {

}

@media screen and (max-width: 1024px) {
  .vision-ideology .heading { font-size: 35px;}
  .vision-ideology .ideology-area .list li { padding: 30px;}
}

@media screen and (max-width: 768px) {
  .vision-ideology { height: auto;}
  .vision-ideology .sticky { height: auto;}
  .vision-ideology .heading { font-size: 22px; margin-bottom: 50px;}
  .vision-ideology .label { font-size: 18px;}
  .vision-ideology .ideology-area { position: static; }
  .vision-ideology .ideology-area:nth-child(2) { display: none;}
  .vision-ideology .ideology-area:nth-child(3) { background: url(/images/sub/about/ideology-bg.jpg) no-repeat center / cover;}
  .vision-ideology .ideology-area .list { flex-direction:column; padding:60px 0; gap:15px;}
  .vision-ideology .ideology-area .list li .text { font-size: 16px;}
  .vision-ideology .ideology-area .list li .img-box img { width: 50px;}
  .vision-ideology .ideology-area .list li .sbj{font-size: 20px; margin-bottom: 10px;}
}

.vision-policy { padding: 160px 0 0 ; overflow: hidden;}
.vision-policy .swiper { overflow: visible;}
.vision-policy .policy-header { margin-bottom: 100px;}
.vision-policy .label { font-size: 20px; font-weight: 700; color: var(--accent-color); margin-bottom: 20px;}
.vision-policy .swiper-slide {  } 
.vision-policy .swiper-slide .year span { padding: 8px 16px; background: var(--accent-color); color: #fff; border-radius: 35px; width: fit-content; font-size: 16px; font-weight: 700;  line-height: 1; }
.vision-policy .swiper-slide .poster{ width: 100%; aspect-ratio: 1; background: rgba(31, 34, 136, 0.03);  border-radius: 10px; padding:6%; margin:20px 0;}
.vision-policy .swiper-slide .poster img{width: 100%; height: 100%; object-fit:contain;}
.vision-policy .swiper-slide .texts { }
.vision-policy .swiper-slide .texts .sbj {  color: var(--accent-color); letter-spacing: -0.05em;}
.vision-policy .swiper-slide .texts .text { margin-top: 5px;}
@media screen and (max-width: 1280px) {

}

@media screen and (max-width: 1024px) { 
}

@media screen and (max-width: 768px) {
  .vision-policy { padding: 60px 0 0;}
  .vision-policy .policy-header{margin-bottom: 40px;}
  .vision-policy .label{font-size: 16px; margin-bottom: 10px;}
  .vision-policy .swiper-slide .year {flex: 0 0 80px;}
  .vision-policy .swiper-slide .texts .sbj{font-size: 24px;}
}

.vision-thanks { height: 400vh;}
.vision-thanks .sticky { height: 100vh;}
.vision-thanks .thanks-area { place-content: center; position: absolute; width: 100%; height: 100%; text-align: center;}
.vision-thanks .thanks-area .inner { display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 80px;}
.vision-thanks .thanks-area .text { font-size: 24px; font-weight: 700; }
.vision-thanks .thanks-area .label{opacity:.5;}
.vision-thanks .thanks-area .heading { font-size: 100px; font-style: italic; color: var(--accent-color);font-family:'RobotoCondensed';}
.vision-thanks .thanks-area:nth-child(2) { color: #fff; background: url(/images/sub/about/thanks-bg.jpg) no-repeat center/cover;}
.vision-thanks .thanks-area:nth-child(2) .heading { color: #fff;}
@media screen and (max-width: 1280px) {

}

@media screen and (max-width: 1024px) {
  .vision-thanks .thanks-area .heading { font-size: 70px;}
}

@media screen and (max-width: 768px) {
  .vision-thanks { height: 200vh;}
  .vision-thanks .thanks-area .inner { gap: 50px;}
  .vision-thanks .thanks-area .text { font-size: 18px; }
  .vision-thanks .thanks-area .heading { font-size: 40px;}
}

.vision-ci { padding: 160px 0;}
.vision-ci .ci-header { margin-bottom: 100px;}
.vision-ci .ci-header .label { color: var(--accent-color); margin-bottom: 20px; font-size: 20px; font-weight: 700;}
.vision-ci .ci-area { display: flex;}
.vision-ci .ci-area + .ci-area { margin-top: 120px;}
.vision-ci .ci-area .title { flex: 0 0 26%; font-size: 32px; font-weight: 700;}
.vision-ci .ci-area .col { flex: 1 0 0;}
.vision-ci .ci-area .col .text { font-size: 20px; line-height: 1.7; margin-bottom: 40px;}
.vision-ci .ci-area .col .text span { font-weight: 700; vertical-align: baseline;}
.vision-ci .ci-area .col .down-btns { display: flex; margin-top: 40px; gap: 10px;}
.vision-ci .ci-area .col .down-btns a { padding: 20px 40px; flex: 1; display: flex; justify-content: space-between; align-items: center; background: #000125; color: #fff; border-radius: 10px; font-size: 18px; font-weight: 600;}
.vision-ci .ci-area .col .down-btns a i { filter: invert(1);}
.vision-ci .ci-area .list li { padding: 30px; border: 2px solid var(--border-color); display: flex; gap: 40px; align-items: center;}
.vision-ci .ci-area .list li + li { margin-top: 16px; }
.vision-ci .ci-area .list li .bg-box { width: 180px; aspect-ratio: 1; background: var(--accent-color);}
.vision-ci .ci-area .list li .texts{width:calc(100% - 220px);}
.vision-ci .ci-area .list li:nth-child(2) .bg-box { background: #009945;}
.vision-ci .ci-area .list li strong { font-size: 26px; font-weight: 600; margin-bottom: 20px; display:block;}
.vision-ci .ci-area .list li dl div { display: flex; gap: 10px; color: #666;}
.vision-ci .ci-area .list li dl div + div { margin-top: 10px;}
.vision-ci .ci-area .list li dl dt { flex: 0 0 100px; font-weight: 600; }
.vision-ci .ci-area .list li dl dd { flex: 1 0 0; display: flex; align-items: center; gap: 20px;}
.vision-ci .ci-area .list li dl dd span { }
.vision-ci .ci-area .logo-box{aspect-ratio: 2.8; border: 2px solid var(--border-color); display:flex; align-items:center; justify-content:center; padding:50px;}
@media screen and (max-width: 1280px) {

}

@media screen and (max-width: 1024px) {
  .vision-ci .ci-area .title { font-size: 24px;}
}

@media screen and (max-width: 768px) {
  .vision-ci { padding: 60px 0 100px;}
  .vision-ci .ci-area { flex-wrap: wrap; gap: 20px;}
  .vision-ci .ci-area + .ci-area { margin-top: 60px;}
  .vision-ci .ci-area .title { flex: 0 0 100%; font-size: 20px;}
  .vision-ci .ci-area .col .text { font-size: 16px; margin-bottom: 20px;}
  .vision-ci .ci-area .col .down-btns{margin-top: 20px;}
  .vision-ci .ci-area .col .down-btns a { padding: 10px 20px; font-size: 14px; border-radius:4px;}
  .vision-ci .ci-area .list li { flex-wrap: wrap; gap: 20px;}
  .vision-ci .ci-area .list li .bg-box { width: 100%; aspect-ratio: 3;}
  .vision-ci .ci-area .list li .texts{width: 100%;}
  .vision-ci .ci-area .list li strong { font-size: 20px; margin-bottom: 20px; display:block;}
  .vision-ci .ci-area .list li dl div + div{margin-top: 5px;}
  .vision-ci .ci-area .list li dl dt { flex: 0 0 60px;  }
  .vision-ci .ci-header{margin-bottom: 40px;}
}

.history { padding: 160px 0 180px; position: relative;}
.history::before { content: ''; display: block; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 1px; height: 100%; background: var(--border-color);}
.history .inner { display: flex;}
.history .inner .col { width: 50%;}
.history .inner .col.left { padding-right: 10.5%;}
.history .inner .col.left .sticky { top: 100px;}
.history .inner .col.right { padding-left: 10.5%;}
.history .inner .col .history-area + .history-area { margin-top: 100px;}
.history .inner .col .title { font-size: 30px; font-weight: 700; margin-bottom: 30px; line-height: 1; }
.history .inner .col .history-area > .img { display: none; margin-bottom: 40px;}
.history .inner .col .history-area > .year { display: none; font-size: 30px; font-weight: 700; padding: 10px 0;  position: sticky; top: 0; background: #fff; z-index: 1;}
.history .inner .col .item + .item { margin-top: 100px;}
.history .inner .col dl div { display: flex; gap: 10px;}
.history .inner .col dl div + div { margin-top: 20px;}
.history .inner .col dt { flex: 0 0 50px; font-weight: 600; }
.history .inner .col dd { flex: 1 0 0; color: #333; }
.history .inner .col .year-btns { margin-bottom: 60px;}
.history .inner .col .year-btns button { display: block; font-size: 50px; font-weight: 600; color: #ddd; }
.history .inner .col .year-btns button.active { color: inherit;}
.history .inner .col .swiper { height: 358px; width: max-content; margin: 0; max-width: 100%;}
@media screen and (max-width: 1280px) {

}

@media screen and (max-width: 1024px) {
  .history::before { content: none;}
  .history .inner .col .year-btns button { font-size: 30px;}
  .history .inner .col .title { font-size: 24px;}
}

@media screen and (max-width: 768px) {
  .history { padding: 60px 0 100px;}
  .history .inner .col .history-area > .img { display: block;}
  .history .inner .col .history-area > .year { display: block;}
  .history .inner .col.left { display: none;}
  .history .inner .col.right { width: 100%; padding: 0;}
  .history .inner .col .item + .item { margin-top: 50px;}
  .history .inner .col .title { font-size: 24px; margin-bottom: 15px;}
  .history .inner .col dt { flex: 0 0 35px;}
  .history .inner .col dl div + div { margin-top: 10px;}
  .history .inner .col .history-area + .history-area{margin-top: 50px;}
}

.network { padding: 120px 0 180px;}
.network .network-header { position: sticky; top: 0; background: #fff; margin-top: 60px; border-bottom: 1px solid var(--border-color); z-index: 1;}
.network .network-header .swiper-slide { width: auto; font-weight: 500; color: #bbb; padding: 21px 0; cursor: pointer;}
.network .network-header .swiper-slide.active { color: inherit; font-weight: 700; border-bottom: 2px solid #000;}
.network .network-wrap .network-area { margin-top: 120px;}
.network .network-wrap .network-area .card-title { margin-bottom: 40px;}
.network .network-wrap .network-area .card-title h4{font-size: 32px; margin-top: 40px;}
.network .network-wrap .network-area .card-title:has(h4){margin-bottom: 20px;}
.network .network-wrap .network-area .card-title .group { display: flex; justify-content: space-between;  margin-top: 16px;}
.network .network-wrap .network-area .card-title .group .text{line-height: 1.6; width: calc(100% - 200px);}
.network .network-wrap .network-area .card-title .group .btn-blank { display: flex; gap: 10px; align-items: center; height: 50px; padding: 5px 24px; border-radius: 35px; border: 1px solid #151515; font-size: 16px; font-weight: 500;}
.network .network-wrap .network-area .card-list { display: flex; flex-wrap:wrap; gap: 30px;}
.network .network-wrap .network-area .card-list:has(> article:only-child) { display:block; }
.network .network-wrap .network-area .card-list article {width:calc(50% - 15px); padding: 50px 60px; background: var(--accent-color2); border-radius: 16px;}
.network .network-wrap .network-area .card-list article:only-child {width: 100%;}
.network .network-wrap .network-area .card-list article .sbj { margin-bottom: 10px;}
.network .network-wrap .network-area .card-list article .text { position: relative; padding-left: 24px;   color: #666; margin-bottom: 30px;}
.network .network-wrap .network-area .card-list article .text::before { content: ''; display: block; position: absolute; top: 4px; left: 0; width: 20px; height: 20px; background: url(/images/ico-pin-accent.svg) no-repeat center/ auto 100%; }
.network .network-wrap .network-area .card-list article dl div { display: flex;}
.network .network-wrap .network-area .card-list article dl div + div { margin-top: 10px;}
.network .network-wrap .network-area .card-list article dt { flex: 0 0 100px;  font-weight: 600; color: #151515;}
:lang(en) .network .network-wrap .network-area .card-list article dt{flex:0 0 150px;}
.network .network-wrap .network-area .card-list article dd { flex: 1 0 0;  color: #666; font-weight: 300;}
.network .network-wrap .network-area .card-list + .business-list article:first-child{border-top: 0;}
.network .network-wrap .network-area .business-list article{padding:50px 0; border-top:2px solid #E8E8E8;}
.network .network-wrap .network-area .business-list article dl { display: flex;}
.network .network-wrap .network-area .business-list article dt { flex: 0 0 160px;  font-weight: 600; color: #151515; font-size: 20px;}
.network .network-wrap .network-area .business-list article dd { flex: 1 0 0;   font-weight: 300;}
.network .network-wrap .network-area .business-list article dd .tit{color: #151515; font-weight: 600; margin-bottom: 10px;}
.network .network-wrap .network-area .business-list article dd ul + ul{margin-top: 20px;}
.network .network-wrap .network-area .business-list article dd ul li{margin-top: 2px;}
.network .network-wrap .network-area .business-list article dd ul li + .tit{margin-top: 20px;}
.network .network-wrap .network-area .overseas-location{display:flex; gap:30px; margin-top: 30px;}
.network .network-wrap .network-area .overseas-location .img-box{border-radius:16px; overflow:hidden;      width: 60%; }
.network .network-wrap .network-area .overseas-location .img-box img{width: 100%; height: 100%; object-fit:cover;}
.network .network-wrap .network-area .overseas-location iframe{border-radius:16px; overflow:hidden; width: 40%; }
.network-legend{display:flex; justify-content:center; font-size: 22px; font-weight: 500;   align-items:center; margin-bottom: 60px;}
.network-legend strong{vertical-align:baseline; color: var(--accent-color); font-size: 1.6em; margin-left: 10px;} 
.network-legend li + li:before{content:''; width: 1px; height: 20px; background: #ddd; display:inline-block; margin:0 20px; margin-top: -3px;  vertical-align: middle;}


@media screen and (max-width: 1280px) {

}

@media screen and (max-width: 1024px) {
  .network .network-wrap .network-area .card-list article { padding: 30px;}
}

@media screen and (max-width: 768px) {
  .network { padding: 60px 0 100px;}
  .network .network-header{margin-top: 30px;}
  .network .network-header .swiper-slide{padding:10px 0;}
  .network .network-wrap .network-area { margin-top: 50px;}
  .network .network-wrap .network-area .card-list { grid-template-columns: repeat(1, 1fr);}
  .network .network-wrap .network-area .card-title .group { flex-wrap: wrap; gap: 20px; margin-top: 8px;}
  .network .network-wrap .network-area .card-title{margin-bottom: 20px;}
  .network .network-wrap .network-area .card-title .heading{font-size: 24px;}
  .network .network-wrap .network-area .card-title .group .btn-blank { height: 45px; padding: 5px 20px; font-size: 14px;}
  .network .network-wrap .network-area .business-list article{padding:30px 0;}
	.network .network-wrap .network-area .business-list article dl { flex-wrap: wrap;}
	.network .network-wrap .network-area .business-list article dt { flex: 0 0 100%; margin-bottom: 10px; font-size: 18px;}
	.network .network-wrap .network-area .overseas-location {  flex-direction:column; gap:15px; margin-top: 15px;}
	.network .network-wrap .network-area .overseas-location .img-box{width: 100%; height: 200px;}
	.network .network-wrap .network-area .overseas-location iframe{width: 100%; height:200px;}
	.network .network-wrap .network-area .card-list {gap:15px;}
	.network .network-wrap .network-area .card-list article{  border-radius:10px; width:100%;}
  .network .network-wrap .network-area .card-list article dt { flex: 0 0 80px;}
  :lang(en) .network .network-wrap .network-area .card-list article dt{flex:0 0 110px;}
  .network .network-wrap .network-area .business-list article dd .tit{margin-bottom: 5px;}
  .network .network-wrap .network-area .card-list article .text::before{top:1px;}
  .network .network-wrap .network-area .card-list article .sbj{font-size: 20px;}
  .network .network-wrap .network-area .card-list article .text{margin-bottom: 15px;}
  .network .network-wrap .network-area .card-title .group .text{width:100%; line-height: 1.3;}
  .network-legend{font-size: 15px; margin-bottom: 30px;}
  .network-legend strong{margin-left: 5px;}
  .network-legend li + li:before{margin:0 15px; height: 12px;}
}

.location-wrap { padding-bottom: 180px;}
.location-wrap .location-top { display: flex; gap: 30px; margin-bottom: 30px;}
.location-wrap .location-top .img-box{border-radius:16px; overflow:hidden;}
.location-wrap .location-top iframe { flex: 1; border-radius: 16px;}
.location-wrap .location-foot { padding: 60px 80px; background: var(--accent-color2); border-radius: 16px; }
.location-wrap .location-foot .title {  margin-bottom: 20px;}
.location-wrap .location-foot .list {  display: flex; }
.location-wrap .location-foot .list li { padding: 0 25px; display: flex; align-items: flex-start; gap: 10px;  font-weight: 500; }
.location-wrap .location-foot .list li i { flex-shrink: 0; margin-top: 2px;}
.location-wrap .location-foot .list li:first-child { padding-left: 0;}
.location-wrap .location-foot .list li:not(:last-child){white-space:nowrap;}
.location-wrap .location-foot .list li:not(:first-child) { border-left: 1px solid var(--border-color);}
@media screen and (max-width: 1280px) {

}

@media screen and (max-width: 1024px) {
  .location-wrap .location-foot { padding: 50px;}
}

@media screen and (max-width: 768px) {
  .location-wrap { padding-bottom: 100px;}
  .location-wrap .location-top { flex-wrap: wrap; gap:15px;}
  .location-wrap .location-top iframe{height:300px;}
  .location-wrap .location-foot { padding: 36px 30px 40px;  }
  .location-wrap .location-foot .title {font-size: 24px;  }
  .location-wrap .location-foot .list { flex-wrap: wrap; gap: 10px 20px;}
  .location-wrap .location-foot .list li { padding: 0; width: 100%;}
  .location-wrap .location-foot .list li:not(:first-child) { border: none;}
}

/* recruit */
.talent .graph-box { text-align: center;}
.talent .talent-system { padding: 120px 0 180px; }
.talent .talent-system .heading { margin-bottom: 40px;}
.talent .talent-system .list { padding: 80px 20px; border: 2px solid var(--border-color); border-radius: 16px; display: flex;}
.talent .talent-system .list li {width: 100%; position: relative; padding: 0 40px 0 50px; display: flex; gap: 30px;}
.talent .talent-system .list li:not(:first-child)::before { content: ''; display: block; position: absolute; top: 50%; left: 0; width: 1px; height: 80px; transform: translateY(-50%); background: var(--border-color);}
.talent .talent-system .list li .icon-box { flex-shrink: 0; width: 60px;}
.talent .talent-system .list li .sbj { margin-bottom: 10px;}
@media screen and (max-width: 1280px) {

}

@media screen and (max-width: 1024px) {
  .talent .talent-system .list li { flex-wrap: wrap;}
}

@media screen and (max-width: 768px) {
  .talent .talent-system { padding: 60px 0 100px;}
  .talent .talent-system .heading{margin-bottom: 20px;}
  .talent .talent-system .list { flex-direction:column; gap: 70px; padding:50px 30px;}
  .talent .talent-system .list li { padding: 0 10px; gap: 20px; text-align: center;}
  .talent .talent-system .list li .icon-box { margin: 0 auto;}
  .talent .talent-system .list li:not(:first-child)::before { top: -25%; left: 50%; width: 100%; height: 1px; transform: translate(-50%, 0%);}
  .talent .talent-system .list li .sbj{font-size: 20px;}
}

.process { padding: 160px 0 180px; }
.process .process-area + .process-area { margin-top: 120px;}
.process .process-area .heading { margin-bottom: 40px;}
.process .process-area .process-step {  border-radius: 900px; margin-bottom: 80px;}
.process .process-area .process-info{margin-top: 80px;}
.process .business-process .process-info{padding:0 20px; margin-top: 40px;}
.process .process-area ol { display: flex;  }
.process .process-area ol li {position:relative; width: 100%; aspect-ratio: 1; border-radius: 50%; background: var(--accent-color2); display: flex; align-items: center; justify-content: center; flex-direction: column; margin: 0 -15px; backdrop-filter: blur(10px); gap: 10px; padding:0 20px; text-align: center;}
.process .process-area ol li:before{content:''; width:calc(100% - 4px); height:calc(100% - 4px); position:absolute; left:50%; top:50%; transform: translate(-50%, -50%) ; border:4px solid  var(--accent-color); border-radius:50%; opacity:0; transition:all ease .35s; pointer-events:none;}
.process .process-area ol li:last-child:before{background: var(--accent-color); border:0; animation: wave 2s infinite ease-out; z-index:-1; transform: translate(-50%, -50%) scale(0); }
.process .process-area ol li.active{ }
.process .process-area ol li.active:before{opacity:1; }
.process .process-area ol li .icon-box{width: 50px;}
.process .process-area ol li .num { color: var(--accent-color);   font-weight: 700; font-size: 1.1em; margin-bottom: 5px;}
.process .process-area ol li .text { font-size: 20px; font-weight: 600;}
.process .process-area ol li.end { background: var(--accent-color); color: #fff;}
.process .process-area ol li.end .num { color: #fff;}
.process .process-area:nth-child(2) .process-step { max-width: 1030px; margin: 0 auto 80px;}
.process .process-info + .process-info { margin-top: 80px;}
.process .process-info .heading { margin-bottom: 40px; }
.process .process-info .info-list { display: flex; gap: 20px;}
.process .process-info .info-list article {width: 100%; background: var(--accent-color2); border-radius: 16px; padding: 50px 40px;}
.process .process-info .info-list article .title { margin-bottom: 10px;}
.process .process-info .info-list article li { font-size: 18px; color: #333;}
.process .process-info .li-dot + .li-dot{margin-top: 5px;}


@keyframes wave {
  0% {
    transform: translate(-50%, -50%) scale(0);
    opacity: 1;
  }
  70% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.5;
  }
  100% {
    transform: translate(-50%, -50%) scale(1.5);
    opacity: 0;
  }
}


@media screen and (max-width: 1280px) {

}

@media screen and (max-width: 1024px) {
  .process .process-area .process-step { border-radius: 30px;} 
  .process .process-area ol { flex-wrap:wrap;}
  .process .process-area ol li{width:50%;}
}

@media screen and (max-width: 768px) {
  .process { padding: 60px 0 100px;}
  .process .process-area .heading{margin-bottom: 20px; }
  .process .process-area + .process-area { margin-top: 60px;}
  .process .process-area .process-step { padding: 50px 20px; margin-bottom: 40px;}
  .process .process-area .process-info{margin-bottom: 40px;}
  .process .process-area:nth-child(2) .process-step{margin:0 auto 40px;}
  .process .process-area ol {flex-direction:column;}
  .process .process-area ol li { width: 70%; margin:  -20px auto 0;}
  .process .process-area ol li .text { font-size: 18px;}
  .process .process-info .info-list{flex-direction:column; gap:10px;}
  .process .process-info .info-list article { padding: 30px;}
  .process .process-info + .process-info { margin-top: 50px;}
  .process .process-info .info-list article li{font-size: 16px;}
}

/* business */
.business { padding: 120px 0 0;}
.business-wrap { padding: 120px 0; overflow: hidden;}
.business-wrap:last-child { padding-bottom: 180px;}
.business-wrap + .business-wrap { background: #F7F7F8;}
.business-area h3.heading { margin-bottom: 40px;}
.business-area h3.heading p { font-size: 20px; margin-top: 10px;}
.business-area + .business-area { margin-top: 120px;}

@media screen and (max-width: 1280px) {

}

@media screen and (max-width: 1024px) {

}

@media screen and (max-width: 768px) {
  .business { padding: 60px 0 0;}
  .business-area h3.heading { margin-bottom: 20px;}
  .business-area h3.heading p { font-size: 16px; margin-top: 5px;}
  .business-wrap { padding: 40px 0;}
  .business-wrap:last-child { padding-bottom: 100px;}
  .business-area + .business-area { margin-top: 40px;}
}

.business-area .overview-box { padding: 60px; border: 2px solid var(--border-color); border-radius: 16px;}
.business-area .overview-box .text { font-size: 20px; margin-bottom: 40px; }
.business-area .overview-box .list { display: flex; gap: 6px; flex-wrap: wrap;}
.business-area .overview-box .list li { padding: 10px 20px; border-radius: 35px; background: var(--accent-color); color: #fff; font-size: 15px; font-weight: 400; white-space: nowrap; }
.business-area .overview-box .desc { display: block; font-size: 15px; color: #aaa; line.business-wrap-height: 1.5;  font-weight: 300;}
.business-area .overview-box .desc:first-of-type { margin-top: 10px;}
.business-area .type-box { margin-top: 40px;}
.business-area .type-box .title { margin-bottom: 10px;}
.business-area .type-box li { padding-left: 12px;}
.business-area .type-box li + li{margin-top: 5px;}
.business-area .type-box li::before { width: 4px; height: 4px; background: var(--accent-color);}
@media screen and (max-width: 1280px) {

}

@media screen and (max-width: 1024px) {

}

@media screen and (max-width: 768px) {
  .business-area .overview-box { padding: 20px;}
  .business-area .overview-box .text { font-size: 16px; margin-bottom: 20px;}
  .business-area .overview-box .list li { padding: 5px 14px; font-size: 12px;}
  .business-area .overview-box .desc{font-size: 13px;}
}

.business-area .business-slide .swiper { overflow: visible;}
.business-area .business-slide figure { padding-bottom: 65%; margin-bottom: 20px; border-radius: 16px; overflow:hidden;}
.business-area .business-slide figure .text { position: absolute; left: 0; bottom: 0; padding: 40px; font-size: 24px; font-weight: 700; color: #fff; width: 100%; height: 100%; place-content: end; background: rgba(0,0,0,.2);}
.business-area .business-slide figure .over { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: 0.3s;}
.business-area .business-slide .swiper-slide:hover figure .over { opacity: 1; visibility: visible;}
.business-area .business-slide .swiper-slide .text { font-weight: 600; font-size: 22px;}
.business-area .business-slide .list li { color: #333;}
.business-area .business-slide .list li + li{margin-top: 5px;}
.business-area .business-slide .list li span { font-size: 14px; color: #aaa;}
@media screen and (max-width: 1280px) {

}

@media screen and (max-width: 1024px) {

}

@media screen and (max-width: 768px) {
	.business-area .business-slide figure{margin-bottom: 15px;}
  .business-area .business-slide figure .text { padding: 24px;  }
  .business-area .business-slide .swiper-slide .text{font-size: 18px;}
}

.business-area .business-card { display: flex; flex-wrap:wrap; gap: 30px;} 
.business-area .business-card article{width: calc(33.33% - 20px);}
.business-area .business-card:has(> article:nth-child(2):last-child){gap:40px;}
.business-area .business-card:has(> article:nth-child(2):last-child) > article,
.business-area .business-card:has(> article:nth-child(4):last-child) > article {width: calc(50% - 20px);} 


.business-area .business-card figure { border-radius: 16px;}
.business-area .business-card figure .sbj { position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; color: #fff; width: 100%; height: 100%; text-align: center; padding:0 30px; font-weight: 600; background: rgba(0,0,0,0.3);}
.business-area .business-card span.text { margin-top: 20px; display: block; font-size: 22px; font-weight: 600;}
.business-area .business-card.solution-card figure { padding-bottom: 54%;}
.business-area .business-card.v3 {  }
.business-area .business-card.v3 figure { padding-bottom: 62%;}
@media screen and (max-width: 1280px) {

}

@media screen and (max-width: 1024px) {
  .business-area .business-card { gap: 20px;}
  .business-area .business-card article{width: 100% !important;}
}

@media screen and (max-width: 768px) {
  .business-area .business-card { grid-template-columns: repeat(1, 1fr); gap:10px;}
  .business-area .business-card figure .sbj { padding: 30px;}
  .business-area .business-card.v3 { grid-template-columns: repeat(2, 1fr); gap: 30px 10px;}
  .business-area .business-card.v3 figure { border-radius:10px;}
  .business-area .business-card span.text { font-size: 18px; margin-top: 15px;}
}

.business-area .business-tab-btns .swiper-slide { width: auto; padding: 0 0 5px; font-size: 18px; font-weight: 500; color: #bbb; cursor: pointer; background: #f4f4f4; padding: 10px 20px; border-radius: 50px; }
.business-area .business-tab-btns .swiper-slide:hover,
.business-area .business-tab-btns .swiper-slide.active { background: var(--accent-color); font-weight: 700; color: #fff;}


.business .tab-menu{display:flex; gap:10px;}
.business .tab-menu a { width: auto; padding: 0 0 5px; font-size: 18px; font-weight: 500; color: #bbb; cursor: pointer; background: #f4f4f4; padding: 10px 20px; border-radius: 50px; display:block;}
.business .tab-menu a.active { background: var(--accent-color); font-weight: 700; color: #fff;} 
.business .tab { display: none;}
.business .tab.active { display: block;}
.business .tab .slide-header { margin: 60px 0;}
.business .tab .slide-header .sbj { margin-bottom: 10px;} 
.business .img-list{display:flex; flex-wrap:wrap; gap:60px 30px;} 
.business .img-list > li{width: calc(33.33% - 20px);}
.business .img-list:has(> li:nth-child(2):last-child){gap:60px 40px;}
.business .img-list:has(> li:nth-child(2):last-child) > li,
.business .img-list:has(> li:nth-child(4):last-child) > li {width: calc(50% - 20px);} 
.business .img-list > li .text { font-size: 22px; font-weight: 600;} 
.business .img-list > li figure { padding-bottom: 60%; margin-bottom: 20px; border-radius: 16px; overflow:hidden; } 
.business .img-list > li figure .text { position: absolute; left: 0; bottom: 0; padding: 40px; font-size: 28px; font-weight: 600; color: #fff; width: 100%; height: 100%; place-content: end; background: rgba(0,0,0,.3);}
.business .img-list > li figure .over { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; transition: 0.3s;}
.business .img-list > li:hover figure .over { opacity: 1; visibility: visible;} 
.business .img-list > li .list li { color: #333;}
.business .img-list > li .list li + li{margin-top: 5px;}
.business .img-list > li .list li span {display:block; margin-top: 3px; font-size: 14px; color: #aaa;} 
.business .tab[data-id="tab2"] .img-list > li,
.business .tab[data-id="tab2"] .slide-header{opacity:1 !important; transform:none !important;}


@media screen and (max-width: 1280px) {

}

@media screen and (max-width: 1024px) {

}

@media screen and (max-width: 768px) {
	.business .img-list{gap:30px !important;}
	.business .img-list > li{width: 100% !important; }
	.business .img-list > li figure .text{padding:20px; font-size: 20px;}
	.business .img-list > li figure{margin-bottom: 15px;}
    .business .img-list > li figure .text { padding: 24px;  }
    .business .img-list > li .text{font-size: 18px;}
}





 

@media screen and (max-width: 768px) {
  .business-area .business-tab-btns .swiper-slide { font-size: 14px;}
  .business .tab-menu a { font-size: 14px;}
}

.business-product .product-content { margin-top: 30px;}
.business-product .product-area { display: none; grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr)); grid-auto-rows: 1fr; gap: 50px 30px;} 
.business-product .product-area.active { display: grid;}
.business-product .product-area .img-box { width: 100%; aspect-ratio: 1; overflow:hidden; border-radius: 20px; border: 2px solid var(--border-color); display: flex; align-items: center; justify-content: center; margin-bottom: 10px; padding:20px;}
.business-product .product-area .img-box img{max-width: 100%; max-height: 100%; object-fit:contain; transition:all ease .35s;}
.business-product .product-area .text { font-weight: 500; text-align: center; display:block;}
.business-product .product-area .product-item:hover{color: var(--accent-color);}
.business-product .product-area .product-item:hover .img-box img{transform:scale(1.4);}


@media screen and (max-width: 1280px) {

}

@media screen and (max-width: 1024px) {

}

@media screen and (max-width: 768px) {
  .business-product .product-content { margin-top: 30px;}
  .business-product .product-area { grid-template-columns: repeat(auto-fill, minmax(min(100%, 150px), 1fr)); gap: 16px  ;}
  .business-product .product-area .img-box{padding:10px;}
}

.business-service .service-step { display: flex; gap: 76px; max-width: 1052px; margin: 0 auto; width: 100%;}
.business-service .service-step li {width: 100%; position: relative; aspect-ratio: 1; border: 2px solid var(--accent-color); border-radius: 50%; padding: 20px;}
.business-service .service-step li:not(:first-child)::before { content: ''; display: block; width: 78px; height: 1px; position: absolute; right: 100%; top: 50%; transform: translateY(-50%); border-bottom: 2px solid #ddd; }
.business-service .service-step li:not(:first-child)::after { content: ''; display: block; width: 12px; aspect-ratio: 1; border-radius: 50%; position: absolute; right: 100%; top: 50%; transform: translate(50%, -50%); background: var(--accent-color);}
.business-service .service-step li .item { background: rgba(31, 34, 136, 0.03); border-radius: 50%; width: 100%; aspect-ratio: 1; padding: 22px;}
.business-service .service-step li .bubble { background: #fff; border-radius: 50%; width: 100%; aspect-ratio: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px;   }
.business-service .service-step li .bubble .icon-box img{width: 60px;}
.business-service .service-step li .sbj { font-size: 20px; font-weight: 600; text-align: center; padding:0 10px;}
@media screen and (max-width: 1280px) {

}

@media screen and (max-width: 1024px) {
  .business-service .service-step {   gap: 30px;}
  .business-service .service-step li:not(:first-child)::before,
  .business-service .service-step li:not(:first-child)::after { display: none;}
}

@media screen and (max-width: 768px) {
  .business-service .service-step { flex-direction:column; align-items:center; gap: 10px;}
  .business-service .service-step li{max-width:240px;}
  .business-service .service-step li .sbj { font-size: 18px;}
  .business-service .service-step li .item{padding:10px;}
}

.business-area .business-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 200px), 1fr)); grid-auto-rows: 1fr; gap: 30px;}
.business-area .business-list li { aspect-ratio: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px; background: rgba(31, 34, 136, 0.03); border-radius: 16px; padding:0 10px;}
.business-area .business-list li .icon-box{width: 60px;}
.business-area .business-list li .sbj { font-size: 18px; font-weight: 600; text-align: center;}
@media screen and (max-width: 1280px) {

}

@media screen and (max-width: 1024px) {

}

@media screen and (max-width: 768px) {
  .business-area .business-list { grid-template-columns: repeat(auto-fill, minmax(min(100%, 120px), 1fr)); gap: 10px;}
  :lang(en) .business-area .business-list { grid-template-columns: repeat(auto-fill, minmax(min(100%, 140px), 1fr));}
  .business-area .business-list li { gap: 10px;}
  .business-area .business-list li .sbj { font-size: 16px;}
}

.forwarding-strength .business-slide { display: none;}
.forwarding-strength .business-slide.active { display: block;}
.forwarding-strength .business-slide .slide-header { margin: 60px 0;}
.forwarding-strength .business-slide .slide-header .sbj { margin-bottom: 10px;}
.forwarding-strength .business-slide .swiper-slide figure { padding-bottom: 67%; margin-bottom: 20px;}
.forwarding-strength .business-slide .swiper-slide .text { font-size: 22px; font-weight: 600;}

.business-count .count-area { position: relative; height: 3vw; flex: 1;}
.business-count .count-area .number_motion { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; display: flex; align-items: flex-end; font-weight: 700; gap: 5px; font-size: 1vw;}
.business-count .count-area .number_motion .year { overflow: hidden; height: 100%; display: flex; align-items: flex-start; line-height: 1; font-weight: 600;}
.business-count .count-area .number_motion .year span { line-height: 1; font-size: 3vw; }
.business-count .count-list { display: flex; background: url(/images/sub/business/forwarding-bg.png) no-repeat center/cover; border-radius: 16px; padding: 60px 2.6%; color: #fff;}
.business-count .count-list li { flex: 1; padding: 0 3.5%; position: relative;}
.business-count .count-list li:not(:first-child)::before { content: ''; display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 1px; height: 100px; background: rgba(255,255,255,.2); }
.business-count .count-list li .title { font-size: 20px; font-weight: 600; margin-bottom: 40px; opacity: .5;}
@media screen and (max-width: 1280px) {

}

@media screen and (max-width: 1024px) {

}

@media screen and (max-width: 768px) {
  .business-count .count-list { flex-wrap: wrap; padding: 50px 30px;}
  .business-count .count-list li { flex: 0 0 100%;}
  .business-count .count-list li + li { margin-top: 25px; padding-top: 25px;}
  .business-count .count-list li:not(:first-child)::before { top: 0; transform: none; width: 100%; height: 1px;}
  .business-count .count-list li .title { margin-bottom: 20px; font-size: 18px; }
  .business-count .count-area { height: 30px;}
  .business-count .count-area .number_motion { font-size: 14px;}
  .business-count .count-area .number_motion .year span { font-size: 30px;}
  .forwarding-strength .business-slide .slide-header .sbj{font-size: 20px;}
  .forwarding-strength .business-slide .slide-header{margin:40px 0 30px;}
  .forwarding-strength .business-slide .swiper-slide .text{font-size: 18px;}
  .forwarding-strength .business-slide .swiper-slide figure{margin-bottom: 15px;}

  
  .tab .slide-header .sbj{font-size: 20px;}
  .tab .slide-header{margin:40px 0 30px;}
}

.business-area.export-slide .flex-box .swiper{border-radius: 16px; overflow:hidden;}
.business-area.export-slide .flex-box > div { flex: 1; position: relative;}
.business-area.export-slide figure { padding-bottom: 60%;  }
.business-area.export-slide .col { padding: 40px 60px; display: flex; flex-direction: column;}
.business-area.export-slide .controls { display: flex; align-items: center; gap: 20px; margin-top: auto;}
.business-area.export-slide .controls > div { position: static; }
.business-area.export-slide .controls .swiper-pagination { width: auto; font-size: 20px; color: rgba(21, 21, 21, 0.5); }
.business-area.export-slide .controls .swiper-pagination-current { color: var(--accent-color); font-weight: 600;}
.business-area.export-slide .controls .swiper-button-next,
.business-area.export-slide .controls .swiper-button-prev { background: url(/images/sub/business/export-slide-arrow.png) no-repeat center/cover; width: 10px; height: 16px; margin: 0; }
.business-area.export-slide .controls .swiper-button-disabled { background: url(/images/sub/business/export-slide-arrow-end.png) no-repeat center/cover; opacity: 1;}
@media screen and (max-width: 1280px) {

}

@media screen and (max-width: 1024px) {
  .business-area.export-slide .flex-box .col { flex: 0 0 40%;}
}

@media screen and (max-width: 768px) {
  .business-area.export-slide .flex-box { flex-wrap: wrap;}
  .business-area.export-slide .flex-box > div { flex: 0 0 100%;}
  .business-area.export-slide .flex-box .col { padding: 20px 0 0; flex:0 0 100%;}
  .business-area.export-slide .flex-box .col .sbj { font-size: 18px; }
  .business-area.export-slide .controls { margin-top: 20px;}
  .business-area.export-slide .controls .swiper-pagination { font-size: 16px;}

}

.business-area.global-graph .flex-box { align-items: center;}
.business-area.global-graph .flex-box .text {  font-size: 26px; font-weight: 500; padding-left: 80px;}
.business-area.global-graph .flex-box .text .accent { font-weight: 700;}
.business-area.global-graph .flex-box .img-box { box-shadow: 4px 4px 30px 0px rgba(0, 0, 0, 0.05);}
@media screen and (max-width: 1280px) {

}

@media screen and (max-width: 1024px) {
  .business-area.global-graph .flex-box { flex-wrap: wrap; }
  .business-area.global-graph .flex-box .img-box { flex: 0 0 100%;}
  .business-area.global-graph .flex-box .text { padding: 30px 0 0; }
}

@media screen and (max-width: 768px) {
  .business-area.global-graph .flex-box .text { font-size: 18px;}
}

.business-area .certified-box .list { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 280px), 1fr)); grid-auto-rows: 1fr; gap: 40px;}
.business-area .certified-box .list figure { padding-bottom: 141%; margin-bottom: 20px; box-shadow: 8px 8px 30px 0px rgba(0, 0, 0, 0.1);}
.business-area .certified-box .list .text { font-size: 22px; font-weight: 600; text-align: center; display: block;}

.business-wrap .network-map { position: relative;}
.business-wrap .network-count { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.business-wrap .network-count .bubble { position: absolute; width: 18.9%; aspect-ratio: 1; border-radius: 50%; background: rgba(255, 255, 255, 0.5); border: 1px solid rgba(232, 232, 232, 1); backdrop-filter: blur(5px); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06); place-content: center; text-align: center;}
.business-wrap .network-count .bubble:nth-child(1) { top: 0%; left: 0%;}
.business-wrap .network-count .bubble:nth-child(2) { top: 20%; left: 30%;}
.business-wrap .network-count .bubble:nth-child(3) {top: 10%;left: 68%;}
.business-wrap .network-count .bubble:nth-child(4) {top: 50%;left: 3%;}
.business-wrap .network-count .bubble:nth-child(5) {top: 50%;left: 80%;}
.business-wrap .network-count .bubble .label { font-weight: 500; color: var(--accent-color); margin-bottom: 14px;}
.business-wrap .network-count .count-area { position: relative; height: 70px; flex: 1;}
.business-wrap .network-count .count-area .number_motion { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; display: flex; align-items: flex-end; font-weight: 700; gap: 5px; justify-content: center;}
.business-wrap .network-count .count-area .number_motion .year { overflow: hidden; height: 100%; display: flex; align-items: flex-start; line-height: 1; font-weight: 600;}
.business-wrap .network-count .count-area .number_motion .year span { line-height: 1; font-size: 70px; }
.business-wrap .network-card { display: flex; flex-wrap:wrap; gap: 30px;}
.business-wrap .network-card article { width:calc(33.33% - 20px); border-radius: 16px; background: #fff; padding: 40px;}
.business-wrap .network-card article .title { color: var(--accent-color); margin-bottom: 30px; line-height: 1.2;}
.business-wrap .network-card article .list { display: flex; flex-wrap: wrap; gap: 25px 40px; overflow: hidden;}
.business-wrap .network-card article .list li { position: relative; line-height: 1;}
.business-wrap .network-card article .list li::before { content: ''; display: block; position: absolute; left: -20px; top: 50%; transform: translateY(-50%); width: 1px; height: 16px; background: rgba(31, 34, 136, 0.1); }
.business-wrap .network-card article .list li span { font-size: 16px; line-height: 1;}
.business-wrap .network-card article .list li span.num { font-weight: 700;}

/* new */
.business-wrap .network-cont { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.business-wrap .network-cont .ico{z-index:2; position:relative; box-shadow: 2px 2px 20px #aaa;  border-radius: 50%;}
.business-wrap .network-cont .ico img{width: 50px;   aspect-ratio: 1; vertical-align:top; }
.business-wrap .network-cont .num{padding:0 12px;  z-index:3; height: 34px; line-height: 32px; border-radius:30px; background: #fff; border:1px solid var(--accent-color); color: var(--accent-color);display:inline-block; position:absolute; left:calc(100% + 17px); top:-29px; white-space:nowrap; font-weight: 600; min-width:50px; text-align: center; font-size: 16px;}
.business-wrap .network-cont .num:after{content:'개'; font-size: .8em; vertical-align:baseline;  line-height: normal;display:inline-block; margin-left: 2px; font-weight: 500;}
:lang(en) .business-wrap .network-cont .num:after{display:none;}
.business-wrap .network-cont .num:before{content:''; width: 34px;background: url('/images/sub/business/map-line.svg') no-repeat center center / contain; position:absolute; top:50%; right:100%;     aspect-ratio: 2.3;}
.business-wrap .network-cont .num.left{ left:auto; right: calc(100% + 17px);}
.business-wrap .network-cont .num.left:before{right:auto; left:100%; transform: scaleX(-1);}
.business-wrap .network-cont .num.left.bottom{top:auto; bottom:-29px;}
.business-wrap .network-cont .num.left.bottom:before{ transform: scale(-1);} 
.business-wrap .network-cont .num.bottom{top:auto; bottom:-29px;}
.business-wrap .network-cont .num.bottom:before{ top:auto; bottom:50%; transform: scaleY(-1);} 
.business-wrap .network-cont .nation { position: absolute;   }
.business-wrap .network-cont .dk{left:7%; top:19%;} 
.business-wrap .network-cont .pl{left:12%; top:14%;}
.business-wrap .network-cont .dz{left:3%; top:32%;}
.business-wrap .network-cont .tr{left:15%; top:28%;}
.business-wrap .network-cont .eg{left:11%; top:38%;}
.business-wrap .network-cont .ru{left:29%; top:15%;}
.business-wrap .network-cont .in{left:25.5%; top:39%;}
.business-wrap .network-cont .cn{left:33%; top:28%;}
.business-wrap .network-cont .kr{left:39%; top:27%;}
.business-wrap .network-cont .jp{left:43%; top:29%;}
.business-wrap .network-cont .th{left:31%; top:43%;}
.business-wrap .network-cont .vn{left:35%; top:43%;}
.business-wrap .network-cont .my{left:33%; top:52%;}
.business-wrap .network-cont .id{left:37%; top:58%;}
.business-wrap .network-cont .us{left:80%; top:25%;}
.business-wrap .network-cont .mx{left:77%; top:31%;}


@media screen and (max-width: 1280px) {

}

@media screen and (max-width: 1024px) {
  .business-wrap .network-count .count-area { height: 4vw;}
  .business-wrap .network-count .count-area .number_motion .year span { font-size: 4vw;}
  .business-wrap .network-card {   gap:20px;}
  .business-wrap .network-card article{width:calc(50% - 10px);}

}

@media screen and (max-width: 768px) {
  .business-area .certified-box .list { grid-template-columns: repeat(auto-fill, minmax(min(100%, 140px), 1fr)); gap: 20px 10px;}
  .business-area .certified-box .list .text { font-size: 16px;}
  .business-wrap .network-count .bubble .label { font-size: 1.8vw; margin-bottom: 0.5vw;}
  .business-wrap .network-count .count-area .number_motion { font-size: 2vw; gap: 1px;}
  .business-wrap .network-card{gap:10px;}
  .business-wrap .network-card article { width: 100%; padding:30px;}
  .business-wrap .network-card article .list li span{font-size: 15px;}
  .business-wrap .network-card article .list{gap: 15px 40px;}
  .business-wrap .network-card article .title{margin-bottom: 15px;}

  .business-wrap .network-cont .ico img{width: 20px;}
  .business-wrap .network-cont .num{height: 24px; line-height: 22px; font-size: 12px; padding:0 8px;    min-width: auto; left: calc(100% + 10px); top:-20px;}
  .business-wrap .network-cont .num.left{    right: calc(100% + 10px);}
  .business-wrap .network-cont .num:before{width: 20px;}

	.business-wrap .network-cont .num.left.bottom{top:auto; bottom:-20px;}
	.business-wrap .network-cont .num.bottom{  bottom:-20px;}

  .business-wrap .network-cont .num{display:none;}
  .business-wrap .network-cont .nation:hover .num{display:block;  }
}

.business-process .process-box { padding: 40px; background: var(--accent-color2); border-radius: 500px;}
.business-process .process-box .img-box img { margin: 0 auto;}
.business-process .process-box .step-list {  position: relative; z-index:1; display: flex; justify-content: space-between;;   counter-reset: number 0; gap:54px; margin:0 auto;}
.business-process .process-box .step-list > li { width: 100%;  } 
.business-process .process-box .step-list .progress-bar {position: absolute;  top: 50%;  left: 0;height: 3px;  width: calc(100% - 30px);background: #ddd;   transform: translateY(-50%);   z-index:-1; }
.business-process .process-box .step-list .progress-bar span{  position: absolute;  top: 50%;  left: 0;  height: 3px;  width: 0%;  background: var(--accent-color);   transform: translateY(-50%);  transition: width 2s linear;  z-index: -1;}
.business-process .process-box .step-list .progress-bar span:after{ content:"\e93f";     font-family: xeicon !important; display:flex; align-items:center; justify-content:center;	width: 30px; height:30px; border-radius:50%;  background: var(--accent-color);  color: #fff; position:absolute; left:100%; top:50%; transform:translateY(-50%);  } 
.business-process .process-box .step-list .bubble { position: relative;  aspect-ratio: 1; border-radius: 50%; padding:0 10px; border: 3px solid #eee; background: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; width:100%;  margin:0 auto; transition:all ease .35s;}
.business-process .process-box .step-list .bubble:before{content:'0'counter(number); counter-increment: number 1; display:block; text-align: center; color: var(--accent-color); font-weight: 700; font-size: 18px; line-height: 1;}
.business-process .process-box .step-list .bubble .icon-box{width: 40px;}
.business-process .process-box .step-list > li.end .bubble { background:var(--accent-color); border-color:var(--accent-color); color: #fff;}
.business-process .process-box .step-list > li.end .bubble::before{color: #fff;}  
.business-process .process-box .step-list > li.end .bubble .sbj{color: #fff;}
.business-process .process-box .step-list > li.end .bubble:after{content:''; content:''; width:calc(100% - 4px); height:calc(100% - 4px); position:absolute; left:50%; top:50%; transform: translate(-50%, -50%) ; border:4px solid  var(--accent-color); border-radius:1000px;   transition:all ease .35s; pointer-events:none; background: var(--accent-color); border:0; z-index:-1; transform: translate(-50%, -50%) scale(0); } 
.business-process .process-box .step-list > li.active .bubble:after{  animation: wave 2s infinite ease-out; }  
.business-process .process-box .step-list > li .sbj { padding:0 10px; font-size: 16px; text-align: center; display: block; line-height: 1.5; color: #666;}
.business-process .process-box .step-list > li.active .bubble{border-color:var(--accent-color);}
.business-process .process-box .step-list > li .text { font-size: 20px; padding:0 10px;font-weight: 600; text-align: center;}
:lang(en) .business-process .process-box .step-list > li .text{font-size: 18px;}
:lang(en) .business-process .process-box .step-list > li .sbj{font-size: 14px;}
.business-process .process-box .step-list .list { flex-wrap: wrap;   gap: 7px  ;   margin: 20px auto 0;  flex-direction: column;  width: auto;  display: inline-flex;  text-align: left;}
.business-process .process-box .step-list .list li { font-weight: 500;} 
.business-process .process-box .step-list:has(> li:nth-of-type(3):last-of-type) {  max-width: 900px;}
.business-process .process-box .step-list:has(> li:nth-of-type(4):last-of-type) {  max-width: 1100px; gap:36px;}
.business-process .process-box .step-list:has(> li:nth-of-type(5):last-of-type) { }
.business-process .process-box .step-list:has(> li:nth-of-type(6):last-of-type) { gap:30px;}
.business-process .process-box .step-list:has(> li:nth-of-type(8):last-of-type) { gap:24px;} 
.process-area .process-box .step-list:has(> li:nth-of-type(4):last-of-type) {  max-width: 950px; gap:30px;}


.business-process .process-box:has(.side){    padding: 140px 40px;}
.business-process .process-box .step-list > li{position:relative;} 
.business-process .process-box .step-list > li .side{ text-align: center;  position:absolute; border-radius:50px; width: 160px;   left: calc(100% + 12px);  transform: translateX(-50%);  z-index:-1; font-weight: 500; line-height: 1.2; display:flex; flex-direction:column; align-items:center;}
.business-process .process-box .step-list > li .side:after{content:''; width: 2px; height:100px; background: #ddd; display:inline-block; vertical-align: top;}
.business-process .process-box .step-list > li .side .text{width: 100%;color: var(--accent-color);  padding:14px 30px; background: var(--accent-color2);  border-radius:50px; }
.business-process .process-box .step-list > li .top{ bottom:50%; }  
.business-process .process-box .step-list > li .btm{ top:50%; flex-direction: column-reverse; }  
.business-process .process-box .step-list > li .line{ top:50%; flex-direction: column-reverse;  width: 190px; }  
.business-process .process-box .step-list > li .line .text{ border-top:2px solid #ddd;  background: none; border-radius:0; white-space:nowrap; text-align: center;    padding: 14px 0;}
.business-process .process-box .step-list > li .line:after{width: 100%; background: none; border-left:2px solid #ddd; border-right:2px solid #ddd;} 

 
 
 
@media screen and (max-width: 1280px) {  
	.business-process .process-box{padding:30px; border-radius:20px;}  
	.business-process .process-box .step-list{ flex-direction: column; gap:30px !important; max-width: 260px;        align-items: center;}
	.business-process .process-box .step-list .bubble{   border-radius:500px; padding: 40px; aspect-ratio: auto; width: 100%;}   
	.business-process .process-box .step-list .progress-bar{width: 3px; height:calc(100% - 30px);         left: 50%;top: 0;transform: translateX(-50%);}
	.business-process .process-box .step-list .progress-bar span{top:0; transform:none;}
	.business-process .process-box .step-list .progress-bar span:after{  transform: rotate(90deg) translateX(-50%); transform-origin: left;top: 100%; left: 50%; }
	
	.business-process .process-box:has(.side){ padding: 30px 80px;  }
	.business-process .process-box:has(.side) .step-list > li{ max-width: 200px;}
	.business-process .process-box .step-list > li .side{  transform: none; width:130px;}
	.business-process .process-box .step-list > li .side .text{padding:14px 20px; font-size: 16px;}
	.business-process .process-box .step-list > li .top{transform: rotate(90deg); left: calc(50% + 12px); bottom: auto;  top: 56%;}
	.business-process .process-box .step-list > li .btm{ transform: rotate(90deg); left:auto; right: calc(50% + 12px); bottom: auto;  top: 56%;}
	.business-process .process-box .step-list > li .btm .text{transform: rotate(180deg);}  
	.business-process .process-box .step-list > li .line{width: 200px; left: auto;right: 50%; transform: rotate(90deg); top:56%} 


} 

@media screen and (max-width: 768px) {  
    .business-process .process-box { padding: 30px;}
	.business-process .process-box:has(.side){padding:30px 60px;}
	.business-process .process-box .step-list .bubble{padding:40px 0;}
    .business-process .process-box .step-list > li .text { font-size:19px;}
    :lang(en) .business-process .process-box .step-list > li .text { font-size:17px; ;}  
	:lang(en) .business-process .process-box .step-list > li .side .text{font-size: 15px; line-height: 1} 
	.business-process .process-box > .img-box .mo img { max-width:400px; width: 100%;} 
	.business-process .process-box .step-list .list{padding:0 20px;} 
	.business-process .process-box .step-list > li .text{font-size: 18px;}    
	.business-process .process-box .step-list > li .sbj{margin:10px auto 0;}

}

.business-process .process-card { display: grid; grid-template-columns: repeat(3, 1fr); grid-auto-rows: 1fr; gap: 36px; overflow: hidden; counter-reset: number 0;}
.business-process .process-card article { position: relative; padding: 50px 30px 30px  ; border-radius: 20px; border: 3px solid #eee;  }  
.business-process .process-card article .icon-box { text-align: center; padding-bottom: 30px;  }
.business-process .process-card article .icon-box img{max-width:60px;}
.business-process .process-card article .icon-box .sbj { display: block; font-size: 24px; font-weight: 600; margin-top: 10px;} 
.business-process .process-card article ul.v2 { display: flex; flex-wrap: wrap; gap: 20px; }
.business-process .process-card article ul.v2 > li { flex: 1;}
.business-process .process-card article > ul {   background: #F7F7F8; padding:20px; border-radius:10px;}
.business-process .process-card article .li-dot ul {margin-top: 5px;}
.business-process .process-card article .li-dot ul li { position: relative; padding-left: 10px; font-size: 16px;}
.business-process .process-card article .li-dot ul li::before { content: ''; display: block; position: absolute; top: 10px; left: 0; width: 4px; height: 1px; background: #000;}
@media screen and (max-width: 1280px) {

}

@media screen and (max-width: 1024px) {
  .business-process .process-card { grid-template-columns: repeat(2, 1fr);}
  .business-process .process-card article { padding: 30px;}
}

@media screen and (max-width: 768px) {
  .business-process .process-card { grid-template-columns: repeat(1, 1fr); gap: 15px;}
  /* .business-process .process-card article::before { top: -26px; left: 50%; transform: translate(-50%, -50%) rotate(90deg);} */
	.business-process .process-card article { place-content: center; padding:20px;}
	.business-process .process-card article .icon-box{padding-bottom: 20px;}
	.business-process .process-card article .icon-box .sbj{font-size: 20px;}

}


.strength-graph{ background: #fff; padding:80px; border-radius:20px; text-align: center; width: 100%; max-width:800px;}
.strength-graph h4{font-size: 24px; margin-bottom: 30px; line-height: 1.3;}
.strength-graph .graph-box{position:relative;  padding:10px 0;  padding-left: 50px; border-radius:20px; }
.strength-graph .graph-box .unit { display: flex;  flex-direction: column; justify-content: space-between;  height: 100%;  position:absolute; left:0; top:0; text-align:right;    }
.strength-graph .graph-box .unit div {  position: relative;  font-size: 14px; color: #ccc;}
.strength-graph .graph-box .linebar { display: flex;  align-items: flex-end; justify-content:center;  gap: 16%; flex: 1;  position: relative; width:100%;    aspect-ratio: 2; }
.strength-graph .graph-box .linebar::before {  content: "";  position: absolute;top: 0;  left: 0;  width: 100%;  height: 100%;  background-image: repeating-linear-gradient(to bottom, transparent, transparent calc(100% / 6 - 1px), #e8e8e8 calc(100% / 6 - 1px), #e8e8e8 calc(100% / 6) );border-top:2px solid #E8E8E8;pointer-events: none;}
.strength-graph .graph-box .linebar div {  width: 16%;background-color: #007bff;  height: 0;    position:relative; z-index:2;}
.strength-graph .graph-box .linebar div:before{content:'년'; position:absolute; left:50%; transform:translateX(-50%); bottom:-30px; font-size: 16px; font-weight: 600;}
.strength-graph .graph-box .linebar .bar1:before{content:'2023';}
.strength-graph .graph-box .linebar .bar2:before{content:'2024';}
.strength-graph .graph-box .linebar .bar3:before{content:'2025';}
.sr-animate .strength-graph .graph-box .linebar .bar1 { --target-height: 42%;  background-image: linear-gradient(0deg, #e9eaff, #d3d4e8);  animation: rise 1s 0.5s forwards;}
.sr-animate .strength-graph .graph-box .linebar .bar2 { --target-height: 67%;  background-image: linear-gradient(0deg, #d2d3e7, #8f90c3);  animation: rise 1s 1s forwards;}
.sr-animate .strength-graph .graph-box .linebar .bar3 { --target-height: 83%;  background-image: linear-gradient(0deg, #8e8fc2, #202388);  animation: rise 1s 1.5s forwards;}
@keyframes rise {
  to {
    height: var(--target-height);
  }
}

@media screen and (max-width: 768px) {
	.strength-graph{padding:30px;}
	.strength-graph h4{font-size: 20px; margin-bottom: 15px;}
	.strength-graph .graph-box .unit div{font-size: 12px;}
	.strength-graph .graph-box .linebar div:before{font-size: 13px;}
}


.etc-content{padding : 160px 0 180px; font-size: 16px; }
.etc-content h2{font-size: 30px; margin:80px 0 10px;}
.etc-content h2:first-child{margin-top: 0;}
.etc-content h3{font-size: 20px; margin:30px 0 10px;}
.etc-content h4{font-size: 18px; margin-bottom: 10px;}
.etc-content p + p{margin-top: 10px;}
.etc-content .etc-li > li{text-indent:-15px; padding-left: 15px; line-height: 1.7;}
.etc-content .etc-li > li + li{margin-top: 5px;}
.etc-content .etc-box{background: #F7F7F8; padding:30px; border-radius:8px;}
.etc-content table {width: 100%; margin : 20px 0;}
.etc-content table th{border:2px solid #E8E8E8; padding:10px 5px; text-align: center; background: #F7F7F8; font-weight: 500;}
.etc-content table td{border:2px solid #E8E8E8; padding:10px 5px; text-align: center;}
.etc-tab-menu {display:flex; gap:16px; justify-content:center; margin-bottom: 50px;}
.etc-tab-menu li {width: 100%;     max-width: 300px; }
.etc-tab-menu li a{display:block; height:100%; display:flex; align-items:center; justify-content:center; padding: 20px; border-radius:8px; border:1px solid var(--border-color);   cursor:pointer; text-align: center; font-size: 18px; color: #888;}
.etc-tab-menu li a.active{background: #000125; color: #fff; border-color:#000125; font-weight: 500;}
.etc-tab{ display: none;}
.etc-tab.active{ display: block;}


@media screen and (max-width: 768px) {
  .etc-content{padding:60px 0; font-size: 14px;}
  .etc-tab-menu {gap:10px; margin-bottom: 20px;}
  .etc-tab-menu li a{font-size: 14px; padding:10px;}
  .etc-content .etc-li > li{text-indent:-13px; padding-left: 13px; }
  .etc-content h2{font-size: 20px;     margin: 40px 0 5px;}
  .etc-content h3{font-size: 16px; margin :20px 0 5px;}
  .etc-content h4{font-size: 15px; margin-bottom: 5px;}
  .etc-content .etc-box{padding:20px;}
  .etc-content table th,
  .etc-content table td{font-size: 12px;}

}


.consulting-cont{display:flex; gap:5%; justify-content:space-between; background: #F7F7F8;  padding:60px; border-radius:20px;} 
.consulting-cont .dropdown { width: 70%;}
.consulting-cont .dropdown > ul > li{background: #fff;  padding:0 30px; border-radius:10px;}
.consulting-cont .dropdown > ul > li + li{margin-top: 20px;} 
.consulting-cont .dropdown-btn { display:flex;   padding:30px 0;  width: 100%; text-align:left;} 
.consulting-cont .dropdown-btn h5{width: 200px; padding-right: 20px; }
.consulting-cont .dropdown-btn p{width: calc(100% - 200px);}
:lang(en) .consulting-cont .dropdown-btn h5{width: 300px;}
:lang(en) .consulting-cont .dropdown-btn p{width: calc(100% - 300px);}
.consulting-cont .dropdown-btn p{font-size: 18px; margin-top: 3px;}
.consulting-cont .dropdown-cont {display:none; padding: 20px 0 50px;}
.consulting-cont .dropdown-cont .process-box{background: none; border-radius:0; padding:0; opacity:1 !important; transform:none !important;}
.consulting-cont .dropdown-cont .process-box .step-list > li .bubble{  }

@media screen and (max-width: 768px) { 
	.consulting-cont{padding:30px; flex-direction:column; gap:20px;}
	.consulting-cont .dropdown{width: 100%;}
	.consulting-cont .dropdown-btn{flex-direction:column; gap:0; padding:20px 0; gap:10px;}
	.consulting-cont .dropdown-btn h5{width: 100%; padding-right: 0;}
	.consulting-cont .dropdown-btn p{width: 100%; font-size: 15px;}
	:lang(en) .consulting-cont .dropdown-btn h5{width: 100%;}
	:lang(en) .consulting-cont .dropdown-btn p{width: 100%;} 
	.consulting-cont .dropdown > ul > li + li{margin-top: 10px;}
	.consulting-cont .dropdown > ul > li{padding:0 20px;}
	.consulting-cont .dropdown-cont{padding: 15px 0 30px;}
	.consulting-cont .dropdown-btn h5{width: 100%; padding-right: 0;}  
}


.business-diagram .diagram-box{position:relative; } 
.business-diagram .diagram-box ul{  display:flex;  flex-wrap:wrap;justify-content:center;  text-align: center; gap:80px 120px;} 
.business-diagram .diagram-box li.active > div{border-color:var(--accent-color);}
.business-diagram .diagram-box li{width: calc(50% - 60px);}
.business-diagram .diagram-box li > div {width: 100%; max-width:400px;   position: relative;  border-radius:200px;  padding:40px; border: 5px solid #eee; background: #fff; display: inline-flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px;  transition:all ease .35s; font-weight: 600; text-align: center; font-size: 22px;} 
.business-diagram .diagram-box li img{width: 60px; margin-bottom: 10px;}
.business-diagram .diagram-box li:nth-child(1){width: 100%;}
.business-diagram .diagram-box li:nth-child(2){text-align:right;}
.business-diagram .diagram-box li:nth-child(3){text-align:left;}
.business-diagram .diagram-box li > div:before{content:''; position:absolute; left:50%; top:50%; width: 95%; height: 105%;background: var(--accent-color);   z-index:-1; transform: translate(-50%, -50%) scale(0); opacity:0; border-radius:600px;}
.business-diagram .diagram-box li.active > div:before {animation: wave 2s infinite -3s ease-out; }
.business-diagram .diagram-lines { position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  pointer-events: none;}
.business-diagram .line-gray { stroke: #eee;  stroke-width: 5;  fill: none;}
.business-diagram .line-blue {  stroke: var(--accent-color);  stroke-width: 5;  fill: none;  stroke-dasharray: 600;  stroke-dashoffset: 600;  animation: drawLine 6s ease-in-out infinite;} 
.business-diagram .line-blue:nth-of-type(4) {   animation: drawLineForward 6s ease-in-out infinite; }
.business-diagram .line-blue:nth-of-type(6) {   animation: drawLineReverseForward 6s ease-in-out infinite;   animation-delay: 2s; }
.business-diagram .line-blue:nth-of-type(5) {   animation: drawLineForward 6s ease-in-out infinite;   animation-delay: 4s; } 
.business-diagram .line-gray:nth-of-type(2),
.business-diagram .line-blue:nth-of-type(5){   transform: scaleY(-1) scaleX(-1); transform-box: fill-box; transform-origin: 50% 50%;  } 

@keyframes drawLineForward {
  0% {
    stroke-dashoffset: 600;  
  }
  40% {
    stroke-dashoffset: 0;   
  }
  60% {
    stroke-dashoffset: -600;   
  }
  100% {
    stroke-dashoffset: -600; 
  }
}

@keyframes drawLineReverseForward {
  0% {
    stroke-dashoffset: 600; 
  }
  40% {
    stroke-dashoffset: 0; 
  }
  60% {
    stroke-dashoffset: -600;  
  }
  100% {
    stroke-dashoffset: -600; 
  }
}

@media screen and (max-width: 768px) { 
	.business-diagram .diagram-box ul{    gap: 20px;}
	.business-diagram .diagram-box li > div{font-size: 14px; padding:20px 10px; border-radius:10px;}
	.business-diagram .diagram-box li > div:before{ border-radius:10px;}
	.business-diagram .diagram-box li {width: calc(50% - 10px);}
	.business-diagram .diagram-box li img{width: 40px; margin-bottom: 0;}
	.business-diagram .line-gray{    stroke-width: 10;}
	.business-diagram .line-blue{    stroke-width: 10;}
}
  


.sub-content:has(.partner-list) .sub-header{text-align: center;}
.sub-content:has(.partner-list) .business-content{text-align: center;     padding: 0 0 160px;}  
.business-content .partner-list{display:flex; flex-wrap:wrap; justify-content:center;}
.business-content .partner-list li{width: 20%; text-align: center; padding:2%;}
.business-content .partner-list li img{ } 


@media screen and (max-width: 768px) {
  .business-content { padding: 0 0 80px;}
  .business-content .partner-list li{width:33.33%; padding:2% 0;}
  .business-content .partner-header .heading{font-size: 40px; margin-bottom: 20px;} 
}