/* 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: 1px 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: 24px; 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;}
.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 #000; font-weight: 600;}
@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: 1px solid #E8E8E8;}
.ethics-intro .intro-list li { padding: 60px 0; border-bottom: 1px solid #E8E8E8; display: flex; align-items: center; gap: 100px;}
.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;}
  .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: 1px 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 62px; color: 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; color: #666;}
.ethics-regulations .regulations-list > li ul li::before { content: ''; position: absolute; top: 11px; 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::before{top:10px;}
  :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;}
.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: 20px;}
  .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: 1px 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; justify-content: center;   gap: 10px; background: rgba(31, 34, 136, 0.05); padding: 20px; 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: 1px 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: 1px 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: 1px 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: 1px 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%);}
@media screen and (max-width: 1280px) {

}

@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: 25%;top: 15%;left: 13%;}
  .vision-intro .intro-area .img-boxs .bubble.v2 {width: 16%;}
  .vision-intro .intro-area .img-boxs .bubble.v3 {width: 14.3%;}
  .vision-intro .intro-area .img-boxs .bubble.v4 {width: 16.7%;}
}

.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 { padding: 40px; background: rgba(31, 34, 136, 0.03); border: 1px solid rgba(31, 34, 136, 0.2); border-radius: 10px; height: auto !important; min-height: 100%; display: flex; flex-direction: column; justify-content:space-between;}
.vision-policy .swiper-slide .year { flex: 0 0 160px;}
.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 .texts { }
.vision-policy .swiper-slide .texts .sbj {  color: var(--accent-color); letter-spacing: -0.05em;}
.vision-policy .swiper-slide .texts .text { margin-top: 10px;}
@media screen and (max-width: 1280px) {

}

@media screen and (max-width: 1024px) {
  .vision-policy .swiper-slide { padding: 30px;}
}

@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: 1px 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: 1px 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: 20px 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 .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 .business-list article{padding:50px 0;}
.network .network-wrap .network-area .business-list article + article{border-top:1px 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%; }
@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;}
}

.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: 1px 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: 40px;}
.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;}
.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 { padding: 30px  45px; border: 1px dashed var(--accent-color); border-radius: 900px; margin-bottom: 80px;}
.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% - 2px); height:calc(100% - 2px); position:absolute; left:50%; top:50%; transform: translate(-50%, -50%) ; border:2px 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 .num { color: var(--accent-color); font-size: 16px; font-weight: 700;}
.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;}


@keyframes wave {
  0% {
    transform: translate(-50%, -50%) scale(0);
    opacity: 0.8;
  }
  70% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 0.2;
  }
  100% {
    transform: translate(-50%, -50%) scale(1.3);
    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; font-size: 24px;}
  .process .process-area + .process-area { margin-top: 70px;}
  .process .process-area .process-step { padding: 50px 20px; 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: 1px 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: grid; grid-template-columns: repeat(2, 1fr); gap: 40px;}
.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;}
.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 { grid-template-columns: repeat(3, 1fr); gap: 60px 40px; }
.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;}
}

@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: 16px; margin-top: 10px;}
}

.business-area .business-tab-btns .swiper-slide { width: auto; padding: 0 0 5px; font-size: 20px; font-weight: 500; color: #bbb; cursor: pointer;}
.business-area .business-tab-btns .swiper-slide.active { color: #151515; font-weight: 700; border-bottom: 2px solid #000;}
@media screen and (max-width: 1280px) {

}

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

}

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

.business-product .product-content { margin-top: 60px;}
.business-product .product-area { display: none; grid-template-columns: repeat(auto-fill, minmax(min(100%, 190px), 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: 12px; border: 1px solid var(--border-color); display: flex; align-items: center; justify-content: center; margin-bottom: 10px;}
.business-product .product-area .text { font-weight: 500;}
@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: 20px  ;}
}

.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: 1px dashed var(--accent-color); border-radius: 50%; padding: 20px;}
.business-service .service-step li:not(:first-child)::before { content: ''; display: block; width: 76px; height: 1px; position: absolute; right: 100%; top: 50%; transform: translateY(-50%); border-bottom: 1px dashed var(--accent-color); }
.business-service .service-step li:not(:first-child)::after { content: ''; display: block; width: 8px; 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 .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: 50px;}
.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;}
}

.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;}
@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-process .process-box { padding: 60px; background: var(--accent-color2); border-radius: 16px;}
.business-process .process-box .img-box img { margin: 0 auto;}
.business-process .process-box .step-list { display: grid; justify-content: center; overflow: hidden;}
.business-process .process-box .step-list .bubble { position: relative;  aspect-ratio: 1; border-radius: 50%; padding:0 10px; border: 1px dashed var(--accent-color); background: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; width:100%; max-width:240px; margin:0 auto;}
.business-process .process-box .step-list .bubble .icon-box{width: 50px;}
.business-process .process-box .step-list .bubble.end { background: var(--accent-color); color: #fff;}
.business-process .process-box .step-list li:not(:last-child) .bubble::before { content: ''; display: block; width: 14px; height: 17px; position: absolute; left: calc(100% + 50px); top: 50%; transform: translateY(-50%); background: url(/images/sub/business/ico-process-arrow.svg) no-repeat center/auto 70%; }
.business-process .process-box .step-list li:not(:last-child) .bubble::after { content: ''; display: block; width: 50px; height: 1px; border-bottom: 1px dashed var(--accent-color); position: absolute; left: 100%; top: 50%; transform: translateY(-50%); }
.business-process .process-box .step-list li > .sbj { font-weight: 500; margin: 20px auto 0; text-align: center; display: block; line-height: 1.5;}
.business-process .process-box .step-list .bubble .text { font-size: 20px; padding:0 10px;font-weight: 600; text-align: center;}
:lang(en) .business-process .process-box .step-list .bubble .text{font-size: 18px;}
.business-process .process-box .step-list .list { flex-wrap: wrap;   gap: 10px  ;   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 .list.v2 { display:grid; grid-template-columns: repeat(2, 1fr); }
@media screen and (max-width: 1280px) {

}

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

}

@media screen and (max-width: 768px) {
  .business-process .process-box { padding: 30px;}
  .business-process .process-box .step-list .bubble .text { font-size:19px;}
  :lang(en) .business-process .process-box .step-list .bubble .text { font-size:17px;}
  .business-process .process-box .step-list li:not(:last-child) .bubble::after,
  .business-process .process-box .step-list li:not(:last-child) .bubble::before{display:none;}
}

.business-process .process-box .step-list.logistics-lt { gap: 74px; max-width: 868px; width: 100%; margin: 0 auto;display:flex; justify-content:center;}
.business-process .process-box .step-list.logistics-lt > li{width: 100%; text-align: center;}
.business-process .process-box .step-list.rd-lt { display:flex; gap: 54px; }
.business-process .process-box .step-list.rd-lt li{width: 100%; max-width:240px;}
.business-process .process-box .step-list.rd-lt li:not(:last-child) .bubble::before { position: absolute; left: calc(100% + 30px);}
.business-process .process-box .step-list.rd-lt li:not(:last-child) .bubble::after { width: 30px; }
.business-process .process-box .step-list.forwarding-lt { gap: 74px; max-width: 1182px; width: 100%; margin: 0 auto; display:flex;}
.business-process .process-box .step-list.forwarding-lt > li{width: 100%;}
@media screen and (max-width: 1280px) {
	.business-process .process-box .step-list.rd-lt .bubble .text{font-size: 1.4vw;}
	:lang(en) .business-process .process-box .step-list.rd-lt .bubble .text{font-size: 1.1vw;}
	.business-process .process-box .step-list .bubble .text{font-size: 1.4vw;}
	.business-process .process-box{padding:30px;}


}

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

}

@media screen and (max-width: 768px) {
	.business-process .process-box{padding:50px 30px;}
	.business-process .process-box > .img-box .mo img { max-width:400px; width: 100%;}
  .business-process .process-box .step-list.logistics-lt { gap: 30px; flex-direction:column; align-items:center;}
  .business-process .process-box .step-list.logistics-lt > li{max-width:220px;}
  .business-process .process-box .step-list .list{padding:0 20px;}
  .business-process .process-box .step-list.forwarding-lt { gap: 30px;  flex-direction:column; align-items:center;}
	.business-process .process-box .step-list .bubble .text{font-size: 18px;}
	:lang(en) .business-process .process-box .step-list.logistics-lt { gap: 30px; grid-template-columns: auto;}
  .business-process .process-box .step-list.rd-lt { flex-wrap:wrap; gap: 10px  ;}
  .business-process .process-box .step-list.rd-lt .bubble .text {  font-size:3.6vw;}
  :lang(en) .business-process .process-box .step-list.rd-lt .bubble .text{font-size: 3.4vw;}
  .business-process .process-box .step-list.rd-lt li{width: calc(50% - 10px);}
  .business-process .process-box .step-list li > .sbj{font-size: 16px;}

}

.business-process .process-card { display: grid; grid-template-columns: repeat(3, 1fr); grid-auto-rows: 1fr; gap: 57px; overflow: hidden;}
.business-process .process-card article { position: relative; padding: 30px 50px; border-radius: 20px; border: 1px solid var(--border-color);}
/* .business-process .process-card article::before { content: ''; display: block; width: 14px; height: 24px; position: absolute; top: 50%; left: -26px; transform: translate(-50%, -50%); background: url(/images/ico-step-arrow.png) no-repeat center/cover;} */
.business-process .process-card article .icon-box { text-align: center; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid var(--border-color);}
.business-process .process-card article .icon-box .sbj { display: block; font-size: 20px; 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 .li-dot { font-weight: 500;}
.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: 30px;}
  /* .business-process .process-card article::before { top: -26px; left: 50%; transform: translate(-50%, -50%) rotate(90deg);} */
	.business-process .process-card article { place-content: center;}

}


.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:1px 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:1px solid #e8e8e8; padding:10px 5px; text-align: center; background: #F7F7F8; font-weight: 500;}
.etc-content table td{border:1px 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;}

}