/* COMMON */
.dot-title { position: relative; margin-bottom: 2em; padding-left: 1em; font-size: 1.8rem; }
.dot-title::before { content: ''; position: absolute; top: 0.625em; left: 0; width: 0.2em; height: 0.2em; background: currentColor; border-radius: 50%; will-change: transform; }

[data-animate] { }
[data-animate] [data-split] { opacity: 0; }
[data-animate] [data-split-ready] { opacity: 1; }
[data-animate] [data-split] .line { overflow: hidden; }
[data-animate] [data-split] .sentence { transform: translateY(100%); }

.section-heading { margin-bottom: 60px; }
.section-heading .heading { font-family: var(--font-display); line-height: 1.3; font-size: 5.2rem; font-weight: 700; color: var(--clr-primary); }
.section-heading .text { margin-top: 32px; line-height: 1.45; font-size: 2.2rem; color: var(--clr-primary); }
.section-heading .link-hover { display: inline-flex; margin-top: 50px; width: 50px; height: 50px; }
.section-heading .link-hover .icon { width: 100%; height: 100%; }
.section-heading .heading.sr-animate[data-line] .line { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); }

.sub-heading { margin-bottom: 30px; font-family: var(--font-display); line-height: 1.3; font-size: 3.2rem; font-weight: 700; color: var(--clr-primary); }

.link-hover { display: inline-flex; width: 50px; height: 50px; transition: all ease .35s; }
.link-hover .icon { width: 100%; height: 100%; }
.link-hover .icon::before { background-repeat: repeat; background-image: url('/theme/basic/images/arrow-right.svg'); transition: background-position ease .35s; }
.link-hover-light .icon::before { background-image: url('/theme/basic/images/arrow-right-light.svg'); }
.link-hover-external .icon::before { background-image: url('/theme/basic/images/arrow-external-light.svg'); }
@media (hover: hover) and (pointer: fine) {
	.link-hover:hover .icon::before { background-position-x: 50px; }
}
@media screen and (max-width: 1024px) {
    .section-heading { margin-bottom: 40px; }
    .section-heading .heading { margin-bottom: 14px; font-size: 3.2rem; }
    .section-heading .text { margin-top: 16px; font-size: 1.8rem; }
	.section-heading .link-hover { margin-top: 30px; width: 40px; height: 40px; }

	.sub-heading { margin-bottom: 20px; font-size: 2.4rem; }

	.link-hover { width: 40px; height: 40px; }
}
@media screen and (max-width: 768px) {
    .section-heading { margin-bottom: 30px; }
    .section-heading .heading { margin-bottom: 10px; font-size: 2.4rem; }
    .section-heading .text { margin-top: 12px; font-size: 1.6rem; }
	.section-heading .link-hover { margin-top: 20px; width: 30px; height: 30px; }

	.sub-heading { font-size: 2rem; }

	.link-hover { width: 30px; height: 30px; }
}


.page-lead { overflow: hidden; position: relative; height: 720px; text-align: center; background: #000; }
.page-lead .contents { z-index: 2; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; margin: auto; width: 90%; height: 100%; color: #fff; }
.page-lead .background { overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; animation: subvisualFadeIn ease .85s forwards; }
.page-lead .background .item { display: block; position: relative; width: 100%; height: 100%; transform: scale(1.15); animation: 2s subVisual cubic-bezier(0.39, 0.58, 0.57, 1) forwards, 1s subVisualFade ease forwards; opacity: 0; object-fit: cover; }
.page-lead .badge { margin-bottom: 20px; font-size: 2rem; color: #fff; }
.page-lead .page-lead-heading { line-height: 1.4; font-family: var(--font-display); font-size: 5rem; color: inherit; }
.page-lead .line { overflow: hidden; }
.page-lead .sentence { transform: translateY(100%); will-change: transform; }
.page-lead .page-lead-text { margin-top: 16px; line-height: 1.5; font-size: 2.4rem; color: inherit; }
.page-lead [data-split-ready] { opacity: 1; }
.page-lead-tab { position: relative; }
.page-lead-tab::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #dddddd; }
.page-lead-tab .swiper { margin-right: auto; margin-left: auto; width: 90%; }
.page-lead-tab .swiper-wrapper { justify-content: center; }
.page-lead-tab .swiper-slide { position: relative; margin-right: 60px; }
.page-lead-tab .swiper-slide:last-child { margin-right: 0; }
.page-lead-tab ul { display: flex; margin: auto; max-width: 1500px; width: 90%; }
.page-lead-tab li { width: auto; }
.page-lead-tab a,
.page-lead-tab button { display: flex; align-items: center; justify-content: center; position: relative; padding: 10px; height: 60px; font-family: var(--font-display); font-size: 2rem; color: #C4CED4; font-weight: 700; }
/* .page-lead-tab a::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; opacity: 0; background: #000; transform: scaleX(0); transform-origin: center; transition: all ease .35s; } */
.page-lead-tab li.on a,
.page-lead-tab li.on button { color: var(--clr-primary); }
.page-lead-tab .sub { display: block; position: absolute; top: 100%; left: 0; margin: -1px 0 0 -12px; padding: 16px; width: auto; background: #fff; box-shadow: 0 0 6px 0 rgb(23 54 109 / 18%); border-radius: 14px; opacity: 0; visibility: hidden; transition: all .15s ease; }
.page-lead-tab .sub a { justify-content: flex-start; height: 45px; font-family: var(--font-display); font-size: 1.6rem; font-weight: 700; color: #c4ced4; white-space: nowrap; }
.page-lead-tab [aria-expanded]::after { content: ''; display: inline-flex; margin-left: 10px; width: 30px; height: 30px; background: url('/theme/basic/images/chevron-down-gray.svg') no-repeat center / auto 100%; }
.page-lead-tab li.on [aria-expanded]::after,
.page-lead-tab [aria-expanded="true"]::after { background-image: url('/theme/basic/images/chevron-down-primary.svg'); }
.page-lead-tab li.on .sub a { color: #c4ced4; }
.page-lead-tab [aria-expanded="true"] { color: var(--clr-primary); }
.page-lead-tab [aria-expanded="true"]::after { transform: scaleY(-1); }
.page-lead-tab [aria-expanded="true"] + .sub { opacity: 1; visibility: visible; }
/* .page-lead-tab li.on a::after { background: var(--clr-primary); opacity: 1; transform: scaleX(1); } */
@keyframes subVisualFade {
    to { opacity: 1; }
}
@keyframes subVisual {
    to { transform: none; }
}
@media screen and (pointer: fine) {
    /* .page-lead-tab a:hover::after { opacity: 1; transform: scaleX(1); } */
	.page-lead-tab .sub a:hover { color: var(--clr-primary) !important; }
}
@media screen and (min-width: 1025px) {
}
@media screen and (max-width: 1024px) {
    .page-lead { height: 360px; }
    .page-lead .inner { padding-top: 140px; }
    .page-lead .page-lead-heading { font-size: 3.6rem; }
	.page-lead .page-lead-text { font-size: 1.8rem; margin-top: 12px; }
    .page-lead .eng { font-size: 1.4rem; margin-top: 10px; }
	.page-lead-tab ul { margin: 0; max-width: none; width: 100%; }
	.page-lead-tab li { margin-right: 15px; }
	.page-lead-tab li:last-child { margin-right: 0; }
	.page-lead-tab a,
	.page-lead-tab button { padding: 0; height: 50px; font-size: 1.8rem; }
	.page-lead-tab [aria-expanded]::after { margin-right: -6px; width: 26px; height: 26px; }
	.page-lead-tab .swiper { width: auto; padding: 0 5%; }
    .page-lead-tab .swiper-slide { margin-right: 50px; }
	.page-lead-tab .sub a { padding: 5px 10px; height: auto; font-size: 1.4rem; }

	.breadcrumb { top: 110px; }
	.breadcrumb li { font-size: 1.3rem; }
}
@media screen and (max-width: 768px) {
    .page-lead { height: 280px; }
    .page-lead .inner { padding-top: 90px; }
    .page-lead .page-lead-heading { font-size: 2.8rem; }
	.page-lead .page-lead-text { font-size: 1.4rem; margin-top: 8px; }
    .page-lead .eng { font-size: 1.3rem; margin-top: 6px; }
    .page-lead-tab .swiper-slide { margin-right: 32px; }
    .page-lead-tab a,
	.page-lead-tab button { font-size: 1.6rem; }
	.page-lead-tab [aria-expanded]::after { margin-left: 6px; width: 22px; height: 22px; }
	.page-lead-tab .sub { border-radius: 8px; }
	.page-lead-tab .sub a { font-size: 1.3rem; }
	.page-lead-vertical { height: auto; aspect-ratio: 0.65; }

    .breadcrumb { top: 90px; }
    .breadcrumb li { font-size: 1.2rem; padding: 0 10px; }
}
@media screen and (max-width: 480px) {
	.page-lead { height: 240px; }
	.page-lead .page-lead-text { display: none; }
	.page-lead-tab .swiper-wrapper { justify-content: flex-start; }
	.page-lead-tab a,
	.page-lead-tab button { font-size: 1.5rem; }
	.page-lead-vertical { height: auto; }
}

.flex-box-main .text { color: var(--clr-primary); }
@media screen and (min-width: 1025px) {
	.flex-box { display: flex; justify-content: space-between; }
	.flex-box-top { width: 30%; }
	.flex-box-main { width: 65.83%; }
}
@media screen and (max-width: 1024px) {
	.flex-box-top { margin-bottom: 30px; }
}
@media screen and (max-width: 768px) {

}


/* About us */
.about-vision { padding-top: 160px; }
.about-vision .inner { display: flex; flex-direction: row-reverse; justify-content: space-between; }
.about-vision .side { padding-top: 98px; width: 35.25%; }
.about-vision .contents { width: 58.3%; }
.about-vision .section-heading { margin-bottom: 32px; }
.about-vision .bloque .text { margin-bottom: 20px; color: var(--clr-primary); }
.about-vision .bloque .text:last-child { margin-bottom: 0; }
.about-vision .media iframe,
.about-vision .media video { display: block; width: 100%; height: 100%; object-fit: cover; aspect-ratio: 1.3733; border-radius: 20px; }
.about-history { overflow: hidden; padding-top: 160px; }
.about-history .section-child { padding: 120px 0 160px; background: #E2E7EA; }
.about-history .slide-container { overflow: hidden; margin-top: 100px; }
.about-history .slide-container .controls { display: flex; justify-content: space-between; position: relative; margin-bottom: 60px; padding-bottom: 30px; margin-right: auto; margin-left: auto; max-width: var(--inner); width: 90%; border-bottom: 1px solid #7c8eab; }
.about-history .slide-container .controls .swiper-button-prev,
.about-history .slide-container .controls .swiper-button-next { position: static; margin: 0; }
.about-history .slide-container .controls .swiper-button-prev { background-image: url('/theme/basic/images/slide-prev-primary.svg'); }
.about-history .slide-container .controls .swiper-button-next { background-image: url('/theme/basic/images/slide-next-primary.svg'); }
.about-history .history-slide { padding: 0 calc((100% - var(--inner)) / 2); }
.about-history .history-slide .swiper-slide { display: flex; flex-direction: column; height: auto; }
.about-history .history-slide .date { margin-bottom: 20px; text-align: center; font-family: var(--font-display); font-size: 2rem; font-weight: 700; color: var(--clr-primary); }
.about-history .history-slide .box { flex: 1 1; padding: 40px 30px; text-align: center; background: #ffffff; border-radius: 32px; }
.about-history .history-slide .image { margin-bottom: 30px; padding: 0 10px; border-bottom: 1px solid #23323B; }
.about-history .history-slide .title { font-size: 2rem; font-weight: 600; color: var(--clr-primary); }
.about-history .history-slide .title span { padding-bottom: 0.25em; background-image: linear-gradient(transparent calc(100% - 50%), #dee3e5 2px); background-size: 100% 100%; background-repeat: no-repeat; }
.about-history .history-slide .text { margin-top: 12px; font-size: 1.6rem; color: var(--clr-primary); }
.about-industry { overflow: hidden; padding: 160px 0 var(--section-bottom); }
.about-industry .lists { --gap: 38px; display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--gap); margin: 80px 0; }
.about-industry .lists .item { display: flex; align-items: center; justify-content: center; position: relative; padding: 26px; text-align: center; background: #E2E7EA; border-radius: 30px; }
.about-industry .lists .item::before { content: ''; position: absolute; top: 0; bottom: 0; right: calc(var(--gap) * -1); margin: auto; width: var(--gap); height: var(--gap); background: url('/theme/basic/images/sub/company/about/list-symbol.svg') no-repeat center / auto 42.1%; }
.about-industry .lists .item:last-child::before { content: none; }
.about-industry .lists .text { font-size: 2rem; color: var(--clr-primary); }
.about-industry .lists .text b { font-weight: 600; }
.about-industry .image-box { overflow: hidden; position: relative; }
.about-industry .image-box .item { border-radius: 32px; }
.about-industry .image-box .text { position: absolute; bottom: 4.1%; left: 3%; line-height: 1.2; font-family: var(--font-display); font-size: clamp(1.2rem, 3.6vw, 4.8rem); font-weight: 700; color: var(--clr-primary); }
.about-industry .image-box .text span { padding-left: 0.45em; }
@media screen and (max-width: 1350px) {
	.about-history .history-slide { padding: 0 5%; }
}
@media screen and (max-width: 1024px) {
	.about-vision { padding-top: 120px; }
	.about-vision .section-heading { margin-bottom: 26px; }
	.about-vision .bloque .text { margin-bottom: 16px; }
	.about-vision .side { padding-top: 68px; }
	.about-history { padding-top: 120px; }
	.about-history .flex-box-top img { width: 260px; }
	.about-history .section-child { padding: 80px 0 120px; }
	.about-history .history-slide .box { padding: 36px; }
    .about-history .history-slide .date { margin-bottom: 12px; font-size: 1.9rem; }
    .about-history .history-slide .title { font-size: 1.7rem; }
    .about-history .history-slide .text { font-size: 1.5rem; }
    .about-history .history-slide .image { margin-bottom: 20px; }
	.about-history .slide-container { margin-top: 60px; }
	.about-history .slide-container .controls { margin-bottom: 45px; padding-bottom: 20px; }
	.about-industry { padding-top: 120px }
	.about-industry .flex-box-top img { width: 260px; }
	.about-industry .lists { margin: 54px 0; }
	.about-industry .lists .text { font-size: 1.8rem; }
}
@media screen and (max-width: 768px) {
	.about-vision { padding-top: 80px; }
	.about-vision .inner { flex-direction: column-reverse; }
	.about-vision .section-heading { margin-bottom: 20px; }
	.about-vision .side { padding-top: 20px; width: 100%; }
	.about-vision .contents { width: 100%; }
	.about-vision .media iframe { aspect-ratio: 1.7771; border-radius: 14px; }
	.about-vision .bloque .text { margin-bottom: 12px; }
	.about-history { padding-top: 80px; }
	.about-history .flex-box-top img { width: 200px; }
	.about-history .section-child { padding: 60px 0 80px; }
	.about-history .history-slide .box { padding: 24px; border-radius: 12px; }
    .about-history .history-slide .date { font-size: 1.8rem; }
	.about-history .history-slide .title { font-size: 1.6rem; }
	.about-history .history-slide .text { font-size: 1.4rem; }
	.about-history .slide-container { margin-top: 40px; }
	.about-history .slide-container .controls { margin-bottom: 35px; padding-bottom: 15px; }
    .about-history .slide-container .controls .swiper-button-prev,
    .about-history .slide-container .controls .swiper-button-next { background-size: 80% auto; }
	.about-industry { padding-top: 80px }
	.about-industry .flex-box-top img { width: 200px; }
	.about-industry .lists { grid-template-columns: auto; }
	.about-industry .lists { margin: 42px 0; }
	.about-industry .lists .item { border-radius: 18px; }
	.about-industry .lists .item::before { top: auto; right: 0; left: 0; bottom: calc(var(--gap) * -1); background-size: auto 34%;transform: rotate(90deg); }
	.about-industry .lists .text { font-size: 1.6rem; }
	.about-industry .image-box .item { border-radius: 20px; }
}
@media screen and (max-width: 480px) {
	.about-history .history-slide .title span { padding-right: 0.2em; padding-left: 0.2em; }
	.about-history .history-slide .title span br { display: none !important; }
}


/* Location */
.button-external { display: inline-flex; align-items: center; justify-content: center; margin-top: 16px; padding: 0 16px; height: 45px; text-align: center; font-weight: 500; color: var(--clr-primary); background: var(--background); border-radius: 45px; transition: all .15s ease; }

.about-location { padding: 160px 0 var(--section-bottom); }
.about-location .section-heading { margin-bottom: 26px; }
.about-location .section-child { padding-top: 160px; }
.about-location .section-child:first-of-type { padding-top: 0; }
.about-location .location-head { display: flex; justify-content: flex-end; margin-top: 40px; }
.about-location .sub-heading { margin-bottom: 50px; }
.about-location .location-lists .item { display: none; gap: 40px; margin-top: 24px; padding: 40px; font-size: 2rem; border: 1px solid #859aba; border-radius: 30px; }
.about-location .location-lists .side { width: 18%; }
.about-location .location-lists .contents { flex: 1 1; }
.about-location .location-lists .badge { display: flex; line-height: 1.1; font-weight: 600; color: var(--clr-primary); }
.about-location .location-lists .badge::before { content: ''; flex-shrink: 0; display: block; margin-right: 0.5em; width: 1em; height: 1em; background: currentColor; border-radius: 50%; will-change: transform; }
.about-location .location-lists .title { font-family: var(--font-display); font-size: 2.4rem; font-weight: 700; color: var(--clr-primary); }
.about-location .location-lists .text { margin-top: 12px; line-height: 1.4; font-weight: 300; color: var(--clr-primary); }
.about-location .location-lists .data { display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px; margin-top: 40px; }
.about-location .location-lists .data .dt { font-family: var(--font-display); font-weight: 700; color: var(--clr-primary); }
.about-location .location-lists .data .dd { margin-top: 6px; font-weight: 300; color: var(--clr-primary); }
.about-location .location-lists .ul { margin-top: 16px; }
.about-location .location-lists .ul .li { margin-bottom: 4px; padding-left: 0.5em; font-weight: 500; color: var(--clr-primary); }
.about-location .location-lists .ul .li:last-child { margin-bottom: 0; }
.about-location .location-lists .ul .li::before { top: 0.75em; width: 0.165em; height: 0.165em; }
.about-location .location-lists .item.flex { display: flex; }
.about-location .location-lists .item-teal .badge { color: var(--clr-teal); }
.about-location .location-lists .item-orange .badge { color: var(--clr-orange); }
.about-location .location .radio .radio-label { padding-right: calc(var(--width) + var(--gap)); font-weight: 600; color: var(--clr-teal); }
.about-location .location .radio .radio-label::before { content: none; }
.about-location .location .radio .radio-label::after { z-index: -1; border-radius: var(--width); opacity: 1; transition: width .15s ease; }
.about-location .location .radio .radio-hidden:checked ~ .radio-label { color: #fff; }
.about-location .location .radio .radio-hidden:checked ~ .radio-label::after { width: 100%; }

.about-location .map { overflow: hidden; position: relative; padding: 40px 30px; background: var(--background); border-radius: 34px; }
.about-location .map svg { display: block; margin: auto; width: 100%; height: auto; }
.about-location .map path { transition: all .1s ease; }
.about-location .map [data-map-location] { z-index: 2; position: relative; display: block; pointer-events: all; }
.about-location .map [data-map-on]:not([data-map-location="us"]):not([data-map-location="korea"]):not([data-map-location="global"]):not([data-map-location="america"]) path:nth-child(1) { fill: var(--clr-primary); }
.about-location .map [data-map-on]:not([data-map-location="us"]):not([data-map-location="korea"]):not([data-map-location="global"]):not([data-map-location="america"]) path:nth-child(2) { stroke: var(--clr-primary); }
.about-location .map [data-map-on]:not([data-map-location="us"]):not([data-map-location="korea"]):not([data-map-location="global"]):not([data-map-location="america"]) path:last-child { fill: var(--clr-primary); }
.about-location .map [data-map-location="us"] path:not(:nth-child(1)):not(:nth-child(3)) { fill: #C4CED4; }
.about-location .map [data-map-location="us"] path:nth-child(1) { stroke: #C4CED4; }
.about-location .map [data-map-location="us"] path:nth-child(2) { fill: #C4CED4; }
.about-location .map [data-map-location="us"] path:nth-child(3) { stroke: #C4CED4; }
/* .about-location .map [data-map-location="korea"] path:not(:nth-child(1)):not(:nth-child(3)) { fill: #C4CED4; } */
.about-location .map [data-map-location="vietnam"] { z-index: 2; }
.about-location .map [data-map-location="korea"] path:nth-child(1) { stroke: #C4CED4; }
.about-location .map [data-map-location="korea"] path:nth-child(2) { fill: #C4CED4; }
.about-location .map [data-map-location="korea"] path:nth-child(3) { stroke: #C4CED4; }
.about-location .map [data-map-location="global"] path:nth-child(1) { stroke: #C4CED4; }
.about-location .map [data-map-location="global"] path:nth-child(2) { fill: #C4CED4; }
.about-location .map [data-map-location="global"] path:nth-child(3) { stroke: #C4CED4; }
.about-location .map [data-map-location="global"] line { stroke: #C4CED4; }
.about-location .map [data-map-on][data-map-location="nc"] path:nth-child(1) { fill: var(--clr-teal) !important; }
.about-location .map [data-map-on][data-map-location="nc"] path:nth-child(2) { stroke: var(--clr-teal) !important; }
.about-location .map [data-map-on][data-map-location="nc"] path:last-child { fill: var(--clr-teal) !important; }
.about-location .map [data-map-on][data-map-location="us"] path:not(:nth-child(1)):not(:nth-child(3)) { fill: var(--clr-primary); }
.about-location .map [data-map-on][data-map-location="us"] path:nth-child(1) { stroke: var(--clr-orange); }
.about-location .map [data-map-on][data-map-location="us"] path:nth-child(2) { fill: var(--clr-orange) !important; }
.about-location .map [data-map-on][data-map-location="us"] path:nth-child(3) { stroke: var(--clr-orange); }
.about-location .map [data-map-on][data-map-location="korea"] path:nth-child(n+4) { fill: var(--clr-primary); }
.about-location .map [data-map-on][data-map-location="korea"] path:nth-child(1) { stroke: var(--clr-orange); }
.about-location .map [data-map-on][data-map-location="korea"] path:nth-child(2) { fill: var(--clr-orange) !important; }
.about-location .map [data-map-on][data-map-location="korea"] path:nth-child(3) { stroke: var(--clr-orange); }
.about-location .map [data-map-on][data-map-location="global"] path:nth-child(1) { stroke: var(--clr-orange); }
.about-location .map [data-map-on][data-map-location="global"] path:nth-child(2) { fill: var(--clr-orange) !important; }
.about-location .map [data-map-on][data-map-location="global"] path:nth-child(3) { stroke: var(--clr-orange); }
.about-location .map [data-map-on][data-map-location="global"] path:nth-child(n+4) { fill: var(--clr-primary); }
.about-location .map [data-map-on][data-map-location="global"] line { stroke: var(--clr-orange); }
.about-location .map [data-map-on][data-map-location="america"] path:nth-child(n+4) { fill: var(--clr-primary); }
.about-location .map [data-map-on][data-map-location="america"] path:nth-child(1),
.about-location .map [data-map-on][data-map-location="america"] path:nth-child(2) { fill: var(--clr-teal); }
.about-location .map [data-map-on][data-map-location="america"] path:nth-child(3) { stroke: var(--clr-teal); }
.about-location .map [data-map-pass] { pointer-events: none; }
.about-location .map .indicator { z-index: 2; position: absolute; bottom: 36px; left: 40px; }
.about-location .map .indicator .item { display: flex; align-items: center; margin-bottom: 10px; font-weight: 600; color: #C4CED4; }
.about-location .map .indicator .item::before { content: ''; display: block; margin-right: 0.5em; width: 1em; height: 1em; background: currentColor; border-radius: 50%; will-change: transform; }
.about-location .map .indicator .item:last-child { margin-bottom: 0; }
.about-location .map .indicator .item.on { color: var(--clr-primary); }
.about-location .map .indicator .item.on::before { background: var(--clr-primary); }
.about-location .map .indicator .item.on[data-indicator="us"]::before { background: var(--clr-orange); }
.about-location .map .indicator .item.on[data-indicator="bcs"] { color: var(--clr-teal); }
.about-location .map .indicator .item.on[data-indicator="bcs"]::before { background: var(--clr-teal); }

@media (hover: hover) and (pointer: fine) {
	.button-external:hover { color: #fff; background: var(--clr-primary); }
}
@media screen and (max-width: 1024px) {
	.about-location { padding-top: 120px; }
	.about-location .sub-heading { margin-bottom: 30px; font-size: 2.4rem; }
	.about-location .map { padding: 30px; }
	.about-location .map .indicator { left: 30px; bottom: 50px; }
	.about-location .map .indicator .item { margin-bottom: 6px; }
	.about-location .section-child { padding-top: 120px; }
	.about-location .location-head { margin-top: 32px; }
	.about-location .location-lists .item { margin-top: 20px; padding: 32px; font-size: 1.8rem; border-radius: 22px; }
	.about-location .location-lists .badge::before { width: 0.625em; height: 0.625em; }
	.about-location .location-lists .side { width: 21%; }
	.about-location .location-lists .title { font-size: 1.9rem; }
	.about-location .location-lists .text { margin-top: 8px; }
	.about-location .location-lists .data { gap: 24px; margin-top: 30px; }
	.about-location .location-lists .data .dd { margin-top: 2px; }
	.about-location .location-lists .ul .li { font-size: 1.6rem; }
}
@media screen and (max-width: 768px) {
	.about-location { padding-top: 80px; }
	.about-location .sub-heading { margin-bottom: 24px; font-size: 1.8rem; }
	.about-location .section-child { padding-top: 80px; }
	.about-location .map { padding: 24px; border-radius: 14px; }
	.about-location .map svg { max-width: 800px; }
	.about-location .map .indicator { left: 24px; }
	.about-location .map .indicator .item { margin-bottom: 4px; }
	.about-location .location-head { margin-top: 26px; }
	.about-location .location-lists .item { margin-top: 16px; padding: 24px; font-size: 1.6rem; border-radius: 12px; }
	.about-location .location-lists .item.flex { display: block; }
	.about-location .location-lists .title { font-size: 1.7rem; }
	.about-location .location-lists .side { width: 100%; }
	.about-location .location-lists .contents { padding-top: 24px; width: 100%; }
	.about-location .location-lists .ul .li { font-size: 1.4rem; margin-bottom: 2px; }
}
@media screen and (max-width: 480px) {
	.about-location .map svg { max-width: 650px; }
	.about-location .map .indicator { bottom: 40px; }
	.about-location .map .indicator .item { font-size: 1.3rem; margin-bottom: 2px; }
	.about-location .location-lists .item { font-size: 1.4rem; }
	.about-location .location-lists .badge { font-size: 1.6rem; }
	.about-location .location-lists .data { grid-template-columns: auto; gap: 10px; margin-top: 20px; }
}

/* SUSTAINABILITY */
.table { font-size: 1.6rem; text-align: center; color: var(--clr-primary); border-top: 2px solid var(--clr-primary); border-bottom: 2px solid var(--clr-primary); }
.table thead tr th { padding: 10px; font-family: var(--font-display); font-size: 1.8rem; font-weight: 700; color: var(--clr-primary); background: #E2E7EA; border-right: 1px solid var(--clr-primary); }
.table thead tr { border-bottom: 1px solid var(--clr-primary); }
.table thead tr:last-child { border-bottom: 2px solid var(--clr-primary); }
.table tbody tr td { padding: 14px 10px; border-right: 1px solid var(--clr-primary); border-bottom: 1px solid var(--clr-primary); }
.table thead tr th:not(.border-right):last-child,
.table tbody tr td:not(.border-right):last-child { border-right: none; }
.table-footnote { display: block; margin-top: 12px; font-size: 1.6rem; color: var(--clr-primary); }

.sustainability-esg { overflow: hidden; padding: 160px 0 var(--section-bottom); }
.sustainability-esg .section-heading { text-align: center; }
.sustainability-esg .esg-tab .tabs { justify-content: center; }
.sustainability-esg .esg-tab .tab { min-width: 185px; }
.sustainability-esg .section-child { padding-top: 160px; }
.sustainability-report { padding: 160px 0 var(--section-bottom); }
.sustainability-report .section-heading { text-align: center; }
.sustainability-report .download-lists { margin-top: 160px; }
.sustainability-report .download-lists .item:last-child { margin-bottom: 0; }
.sustainability-report .download-lists .block { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; padding: 40px; background: var(--background); border-radius: 24px; }
.sustainability-report .download-lists .title { font-family: var(--font-display); font-size: 2rem; font-weight: 700; color: var(--clr-primary); }
.sustainability-report .download-lists .link { display: inline-flex; align-items: center; justify-content: center; padding: 0 24px; height: 50px; text-align: center; font-size: 2rem; font-weight: 700; color: var(--clr-primary); background: #fff; border-radius: 50px; transition: all .35s ease; }
.sustainability-report .download-lists .link::after { content: ''; display: inline-flex; margin-left: 0.6em; width: 18px; height: 18px; background: url('/theme/basic/images/download-primary.svg') no-repeat center / auto 100%; transition: all .35s ease; }
@media (hover: hover) and (pointer: fine) {
	.sustainability-report .download-lists .block .link:hover { color: #fff; background: var(--clr-primary); }
	.sustainability-report .download-lists .block .link:hover::after { filter: brightness(0) invert(1); }
}
@media screen and (max-width: 1024px) {
	.table thead tr th { font-size: 1.8rem; }
	.table-footnote { margin-top: 14px; font-size: 1.4rem; }

	.sustainability-esg { padding-top: 120px; }
	.sustainability-esg .section-child { padding-top: 120px; }
	.sustainability-esg .esg-tab { --gap: 12px; }
	.sustainability-esg .esg-tab .tab { min-width: 170px; }
	.sustainability-report .download-lists { margin-top: 80px; }
	.sustainability-report .download-lists .block { margin-bottom: 20px; padding: 24px 34px; }
	.sustainability-report .download-lists .title { font-size: 1.6rem; }
	.sustainability-report .download-lists .link { font-size: 1.6rem; }
	.sustainability-report .download-lists .link::after { width: 16px; height: 16px; }
}
@media screen and (max-width: 768px) {
	.table thead tr th { font-size: 1.6rem; }
	.table-footnote { margin-top: 12px; font-size: 1.3rem; }

	.sustainability-esg { padding-top: 80px; }
	.sustainability-esg .section-child { padding-top: 80px; }
	.sustainability-esg .esg-tab { --gap: 10px; }
	.sustainability-esg .esg-tab .tab { min-width: 145px; }
	.sustainability-report .download-lists { margin-top: 60px; }
	.sustainability-report .download-lists .block { margin-bottom: 16px; border-radius: 14px; }
	.sustainability-report .download-lists .title { font-size: 1.5rem; }
	.sustainability-report .download-lists .link { font-size: 1.5rem; }
}
@media screen and (max-width: 480px) {
	.table { font-size: 1.3rem; }
	.table thead tr th { font-size: 1.4rem; }

	.sustainability-esg .table { max-width: 500px; }
	.sustainability-esg .esg-tab { --gap: 6px; }
	.sustainability-esg .esg-tab .tab { padding: 0 20px; min-width: auto; font-size: 1.3rem; }
	.sustainability-report .download-lists .block { display: block; padding: 24px; }
	.sustainability-report .download-lists .link { margin-top: 16px; width: 100%; height: 45px; }
}


/* PARTNER */
.partner-main { padding: 160px 0 var(--section-bottom); }
.partner-main .section-heading { text-align: center; }
.partner-main .partner-lists { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 160px; }
.partner-main .partner-lists .thumbnail { overflow: hidden; display: flex; align-items: center; justify-content: center; position: relative; background: var(--background); border-radius: 24px; aspect-ratio: 0.8807; }
/* .partner-main .list .thumbnail img { display: block; width: 100%; height: 100%; object-fit: cover; } */
@media screen and (max-width: 1024px) {
	.partner-main { padding-top: 120px; }
	.partner-main .partner-lists { gap: 20px; margin-top: 80px; }
}
@media screen and (max-width: 768px) {
	.partner-main { padding-top: 80px; }
	.partner-main .partner-lists { margin-top: 60px; }
	.partner-main .partner-lists .thumbnail { border-radius: 16px; }
}
@media screen and (max-width: 480px) {
	.partner-main .partner-lists { grid-template-columns: auto; }
}


/* PRODUCTS - INDEX */
.products-main .section-introduce { padding: 160px 0; }
.products-main .section-introduce .section-heading { margin-bottom: 0; }
.products-main .section-introduce .text { margin-top: 0; }
.products-main .section-options { padding: 120px 0; background: var(--background); }
.products-main .section-options .section-heading { text-align: center; }
.products-main .section-lists { padding: 120px 0 var(--section-bottom); }

.battery-filter .select { padding: 0 64px 0 20px; width: 100%; font-size: 1.6rem; font-weight: 700; color: var(--clr-primary); border: none; border-radius: 16px; }
.battery-filter .row { display: flex; margin: 0 -6px 44px; }
.battery-filter .row:last-child { margin-bottom: 0; }
.battery-filter [class^="col"] { flex: 1 1; padding: 0 6px; }
.battery-filter .col-auto { flex: 1 1 auto; }
.battery-filter .title { display: block; margin-bottom: 8px; font-weight: 700; color: var(--clr-primary); }
.battery-filter .range { padding: 35px 22px; height: 86px; background: #fff; border-radius: 16px; }
.battery-filter .noUi-target { margin-top: -14px; background: #c4ced4; border: none; box-shadow: none; height: 5px; border-radius: 5px; }
.battery-filter .noUi-connect { background: var(--clr-primary); }
.battery-filter .noUi-handle { right: -7.5px; top: -6px; width: 15px; height: 15px; border-radius: 50%; background: #1a2e5a; border: none; box-shadow: none; cursor: pointer; }
.battery-filter .noUi-handle::before,
.battery-filter .noUi-handle::after { display: none; }
.battery-filter .noUi-handle:hover { background: #2a3e7a; }
.battery-filter .noUi-marker { background: #c4ced4; width: 2px; height: 6px; }
.battery-filter .noUi-marker-large { background: #c4ced4; width: 2px; height: 6px; }
.battery-filter .noUi-value { font-size: 1.2rem; color: #666; margin-top: 4px; }
.battery-filter .noUi-value-large { font-size: 1.3rem; font-weight: 500; color: #c4ced4; }
.battery-filter .noUi-pips-horizontal .noUi-value { display: none; }
.battery-filter .noUi-pips-horizontal .noUi-value-large { display: block; }
.battery-filter .noUi-value.is-active { color: #002c5f !important; font-weight: bold; }
.battery-filter .noUi-horizontal .noUi-tooltip { top: 218%; bottom: auto; padding: 2px 4px; font-size: 1.3rem; font-weight: 500; color: #fff; background: var(--clr-primary); border: none; }

.battery-lists { display: grid; grid-template-columns: repeat(3, 1fr); gap: 36px; }
.battery-lists .item { overflow: hidden; border: 1px solid var(--border); border-radius: 30px; }
.battery-lists .thumbnail { overflow: hidden; position: relative; background: var(--background); aspect-ratio: 1.4746376812; }
.battery-lists .thumbnail img { position: absolute; right: 0; bottom: 0; left: 0; top: 0; display: block; margin: auto; width: 80%; height: 80%; object-fit: cover; }
.battery-lists .context { padding: 24px 30px; }
.battery-lists .chips { display: inline-flex; align-items: center; }
.battery-lists .chips .chip { position: relative; margin-right: 10px; padding-right: 10px; font-size: 1.6rem; font-weight: 700; color: var(--clr-orange); }
.battery-lists .chips .chip::after { content: ''; position: absolute; top: 0; right: -1px; bottom: 0; margin: auto; width: 2px; height: 56%; background: currentColor; }
.battery-lists .chips .chip:last-child { margin-right: 0; padding-right: 0; }
.battery-lists .chips .chip:last-child::after { content: none; }
.battery-lists .title { margin-top: 6px; line-height: 1.2; font-size: 3.4rem; font-weight: 700; color: var(--clr-primary); }
@media screen and (min-width: 1025px) {
	.products-main .section-introduce .inner { display: flex; justify-content: space-between; }
	.products-main .section-introduce .side { padding-top: 8px; width: 33%; }
	.products-main .section-introduce .contents { width: 63.3333%; }
	.products-main .section-introduce .text { font-size: 2rem; }

	.battery-filter .col-sm { max-width: 340px; }
}
@media screen and (max-width: 1024px) {
	.products-main .section-introduce { padding: 120px 0; }
	.products-main .section-introduce img { margin-bottom: 32px; max-width: 260px; }
	.products-main .section-options { padding: 120px 0; }
	.products-main .section-lists { padding-top: 120px; }

	.battery-filter .select { font-size: 1.5rem; border-radius: 10px; }
	.battery-filter .range { border-radius: 10px; }

	.battery-lists { grid-template-columns: repeat(2, 1fr); gap: 26px; }
	.battery-lists .item { border-radius: 18px; }
	.battery-lists .context { padding: 20px 24px; }
	.battery-lists .chips .chip { font-size: 1.4rem; }
	.battery-lists .title { font-size: 2.4rem; }
}
@media screen and (max-width: 768px) {
	.products-main .section-introduce { padding: 80px 0; }
	.products-main .section-introduce img { margin-bottom: 24px; max-width: 180px; }
	.products-main .section-options { padding: 80px 0; }
	.products-main .section-lists { padding-top: 80px; }

	.battery-filter .row { flex-direction: column; margin-bottom: 0; }
	.battery-filter .row:last-child [class^="col"]:last-child { margin-bottom: 0; }
	.battery-filter [class^="col"] { margin-bottom: 20px; }
	.battery-filter .noUi-target { height: 3px; }
	.battery-filter .noUi-handle { top: -5px; right: -6.5px; width: 13px; height: 13px; }
	.battery-filter .noUi-pips-horizontal { padding: 8px 0; }
	.battery-filter .noUi-value { font-size: 1.1rem; }
	.battery-filter .noUi-horizontal .noUi-tooltip { top: 198%; font-size: 1.1rem; }
	.battery-filter .range { height: 78px; }

	.battery-lists { grid-template-columns: repeat(2, 1fr); }
	.battery-lists .chips .chip { font-size: 1.3rem; }
	.battery-lists .item { border-radius: 10px; }
}
@media screen and (max-width: 480px) {
	.battery-lists { grid-template-columns: repeat(1, 1fr); }

}


/* PRODUCTS */
.products-introduce { overflow: hidden; padding: 160px 0 var(--section-bottom); }
.products-introduce .inner { max-width: 1320px; }
.products-introduce .section-heading { text-align: center; }
.products-introduce .products-tab .tabs { justify-content: center; }
.products-introduce .product-head { display: flex; justify-content: space-between; padding-top: 120px; }
.products-introduce .section-heading + .product-head { padding-top: 60px; }
.products-introduce .product-head .side { width: 41.2878%; }
.products-introduce .product-head .contents { width: 53.7878%; display: flex; flex-direction: column; }
.products-introduce .product-head .thumbnail { overflow: hidden; background: #c4ced4; border-radius: 32px; aspect-ratio: 1.2111; }
.products-introduce .product-head .thumbnail .item { display: block; width: 100%; height: 100%; border-radius: inherit; object-fit: cover; }
.products-introduce .product-head .heading { display: flex; color: var(--clr-primary); }
.products-introduce .product-head .heading .item { font-family: var(--font-display); font-size: 4rem; font-weight: 700; }
.products-introduce .product-head .heading .small { display: inline-block; margin: 0.45em 0 0 0.85em; font-size: 2.4rem; }
.products-introduce .product-head .title { margin-top: 16px; font-size: 2rem; font-weight: 700; color: var(--clr-primary); }
.products-introduce .product-head .text { margin: 16px 0 26px; font-size: 2rem; color: var(--clr-primary); }
.products-introduce .product-head .icon-lists { margin-top: auto; display: flex; align-items: center; gap: 30px; }
.products-introduce .product-body { padding-top: 100px; }
.products-introduce .feature-lists { border-top: 1px solid var(--clr-primary); border-bottom: 1px solid var(--clr-primary); }
.products-introduce .feature-lists .item { display: flex; justify-content: space-between; }
.products-introduce .feature-lists .item:last-child .icon-box,
.products-introduce .feature-lists .item:last-child .text-box { border-bottom: none; }
.products-introduce .feature-lists .icon-box { display: flex; align-items: center; width: 16.5151%; border-bottom: 1px solid var(--clr-primary); }
.products-introduce .feature-lists .icon-box .image { margin: auto; }
.products-introduce .feature-lists .text-box { display: flex; flex-direction: column; justify-content: center; padding: 30px; width: 81.6666%; font-size: 2rem; color: var(--clr-primary); border-bottom: 1px solid var(--clr-primary); }
.products-introduce .feature-lists .title { margin-bottom: 4px; font-weight: 700; }
.products-introduce .specifications { margin-top: 100px; }
.products-introduce .specifications:first-child { margin-top: 0; }
.products-introduce .specifications th { padding: 6px; }
.products-introduce .specifications td { padding: 6px; }
.products-introduce .specifications .view { display: inline-flex; align-items: center; padding: 0 16px; height: 30px; background: transparent; border-radius: 30px; transition: all .15s ease; }
.products-introduce .specifications .view .icon { margin-right: 0.15em; width: 20px; height: 20px; font-size: 2rem; }

.products-view { padding: 160px 0 var(--section-bottom); }
.products-view .inner { max-width: 1320px; }
.products-view .section-heading { text-align: center; }
.products-view .view-contents .buttons { display: flex; align-items: center; justify-content: center; gap: 30px; margin-top: 60px; }
.products-view .view-contents .buttons .button { width: 200px; height: 55px; }
.products-view .view-contents .buttons .button .icon { margin-left: 0.65em; width: 16px; height: 16px; }
.products-view .view-contents .buttons .button .icon-download-light { filter: brightness(0) invert(1); }
.products-view .view-contents .buttons .button .icon-download-light::before { background-image: url('/theme/basic/images/download-primary.svg'); }
@media (hover: hover) and (pointer: fine) {
	.products-introduce .specifications .view:hover { background: rgba(0 0 0 / 5%); }
}
@media screen and (min-width: 1025px) {
	.products-introduce .products-tab .tabs .tab { min-width: 150px; }

}
@media screen and (max-width: 1024px) {
	.products-introduce { padding-top: 120px; }
	.products-introduce .section-heading + .product-head { padding-top: 40px; }
	.products-introduce .product-head { padding-top: 80px; }
	.products-introduce .product-head .thumbnail { border-radius: 16px; }
	.products-introduce .product-head .heading .item { font-size: 3rem; }
	.products-introduce .product-head .heading .small { margin: 0.1em 0 0 0.65em; font-size: 2rem; }
	.products-introduce .product-head .title { margin-top: 10px; font-size: 1.8rem; }
	.products-introduce .product-head .text { margin: 10px 0 16px; font-size: 1.6rem; }
	.products-introduce .product-head .icon-lists { margin-top: 16px; }
	.products-introduce .product-head .icon-lists .image { width: auto; height: 64px; }
	.products-introduce .product-body { padding-top: 60px; }
	.products-introduce .feature-lists .text-box { padding: 24px; font-size: 1.6rem; }

	.products-view { padding-top: 120px; }
	.products-view .view-contents .buttons { margin-top: 46px; }
}
@media screen and (max-width: 768px) {
	.products-introduce { padding-top: 80px; }
	.products-introduce .section-heading + .product-head { padding-top: 20px; }
	.products-introduce .product-head { display: block; padding-top: 40px; }
	.products-introduce .product-head .side { width: 100%; }
	.products-introduce .product-head .contents { padding-top: 30px; width: 100%; }
	.products-introduce .product-head .heading .item { font-size: 2rem; }
	.products-introduce .product-head .heading .small { font-size: 1.6rem; }
	.products-introduce .product-head .title { font-size: 1.6rem; }
	.products-introduce .product-head .text { margin-bottom: 10px; font-size: 1.5rem; }
	.products-introduce .product-body { padding-top: 40px; }
	.products-introduce .feature-lists .text-box { padding: 0 0 24px; width: 100%; font-size: 1.5rem; }
	.products-introduce .feature-lists .icon-box { padding: 10px 0; width: 100%; border-bottom: none; }
	.products-introduce .feature-lists .icon-box .image { width: auto; height: 100px; }

	.products-view { padding-top: 80px; }
	.products-view .view-contents .buttons { margin-top: 34px; }
	.products-view .view-contents .buttons .button { width: 160px; height: 45px; }
	.products-view .view-contents .buttons .button .icon { width: 14px; height: 14px; }
}
@media screen and (max-width: 480px) {
	.products-introduce .feature-lists .item { display: block; }
}

/* Battery Management */
.battery-main { padding: 160px 0 var(--section-bottom); }
.battery-main .section-heading { text-align: center; }
.battery-main .button-wrap { display: flex; justify-content: flex-end; }
.battery-main .button-wrap .button { width: 290px; height: 60px; font-weight: 400; justify-content: space-between; padding: 0 30px; }
.battery-main .button-wrap .button .icon { width: 24px; height: 24px; }
.battery-main .button-wrap .button .icon::before { background-image: url('/theme/basic/images/download-primary-2.svg'); }
.battery-main .flex { display: flex; justify-content: center; position: relative; margin: 40px auto 0; padding-left: 320px; padding-right: min(16.9%, 320px); max-width: 1920px; width: auto; }
.battery-main .battery-side { z-index: 3; position: absolute; top: 0; left: 0; padding: 120px 0 0 40px; height: 100%; }
.battery-main .battery-side .sticky { position: sticky; top: 130px; left: 0; transition-property: top; transition-duration: 0.35s; transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.battery-main .battery-side .tab .button { justify-content: center; padding: 0 10px; width: 100%; height: 50px; line-height: 1.3; text-align: center; font-size: 1.5rem; font-weight: 600; color: var(--clr-primary); letter-spacing: -0.02em; background: #fff; border: 1px solid var(--clr-primary); border-radius: 50px; box-sizing: border-box; }
.battery-main .battery-side .tab .button[aria-selected="true"] { color: #fff; background: var(--clr-primary); }
.battery-main .battery-side .tab .button[aria-selected="true"] .icon { opacity: 1; transform: translateX(0); }
.battery-main .battery-contents { max-width: var(--inner); }
.battery-main .battery-contents .section { padding: 120px 0 0; }
.battery-main .battery-contents .heading { margin-bottom: 30px; font-family: var(--font-display); font-size: 3.6rem; font-weight: 700; color: var(--clr-primary); }
@media screen and (min-width: 1025px) {
	.battery-main .battery-side .sticky { overflow-x: hidden; overflow-y: auto; width: 240px; }
	.battery-main .battery-side .sticky::-webkit-scrollbar { width: 8px; }
	.battery-main .battery-side .sticky::-webkit-scrollbar-thumb { background-color: #1D3641; border-radius: 8px; }
	.battery-main .battery-side .sticky::-webkit-scrollbar-track { background-color: #D9D9D9; border-radius: 8px; }
	.battery-main .battery-side .tab .list { display: block; transform: none !important; }
	.battery-main .battery-side .tab .item { margin-bottom: 10px; }
	.battery-main .battery-side .tab .item:last-child { margin-bottom: 0; }
	.battery-main .battery-side .tab .button { width: 240px; }
    .battery-main .battery-side .tab .button:hover { color: #fff; background: var(--clr-primary); }
	.battery-main .battery-side .tab .button:hover .icon { transform: translateX(0); opacity: 1; }
	.battery-main .battery-side .tab .swiper-scrollbar { display: none; }
}
@media screen and (max-width: 1830px) {
	.battery-main .flex { justify-content: flex-start; padding-right: 5%; }
}
@media screen and (max-width: 1024px) {
	.battery-main { padding-top: 120px; }
    .battery-main .flex { flex-direction: column; margin-top: 40px; padding-left: 5%; padding-right: 5%; }
	.battery-main .battery-side { position: absolute; top: 0; left: 0; padding: 0; width: 100%; height: 100%; pointer-events: none; }
	.battery-main .battery-side .sticky { overflow: hidden; position: sticky; top: 0; left: 0; top: var(--header-height); padding: 0 5%; background: #fff; pointer-events: auto; }

	[data-header-hide] ~ .main .battery-side .sticky { top: 0; }

    .battery-main .battery-side .tab { overflow: visible; padding: 10px 0; }
    .battery-main .battery-side .tab .item { width: auto; }
    .battery-main .battery-side .tab .button .icon { display: none; }
    .battery-main .battery-main { margin: 30px auto 0; padding: 0 0 160px; max-width: var(--inner); width: 90%; }
    .battery-main .battery-main .section { padding-top: 45px; }
    .battery-main .battery-main .section-heading { font-size: 3.2rem; margin-bottom: 24px; }
    .battery-main .battery-main .button-wrap { margin-bottom: 34px; }
    .battery-main .battery-side .tab .button { padding-right: 1em; padding-left: 1em; }
    .battery-main .battery-side .tab .button::before { content: none; }
	.battery-main .battery-contents .heading { margin-bottom: 20px; font-size: 2.4rem; }
	.battery-main .button-wrap .button { height: 55px; }
	.battery-main .button-wrap .button .icon { width: 20px; height: 20px; }
}
@media screen and (max-width: 768px) {
	.battery-main { padding-top: 80px; }
    .battery-main .battery-contents .section { padding-top: 100px; }
    .battery-main .battery-contents .section-heading { font-size: 2.4rem; margin-bottom: 20px; }
    .battery-main .battery-contents .button-wrap { margin-bottom: 30px; }
	.battery-main .battery-contents .heading { font-size: 2rem; }
	.battery-main .button-wrap .button { height: 50px; }
}
@media screen and (max-width: 480px) {
	.battery-main .button-wrap { justify-content: center; }
}


.view-container { position: relative; }
.view-container .accessibility-text { display: none; flex-direction: column; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 1.5rem; color: #fff; background: rgba(0, 0, 0, 0.6); pointer-events: none; user-select: none; }
.view-container .accessibility-text::before { content: ''; display: block; margin-bottom: 0.65em; width: 42px; height: 42px; background: url('/theme/basic/images/hand.png') no-repeat center / auto 100%; }
.viewer-backdrop { background-color: rgba(0, 0, 0, 0.7); }
.viewer-container img {background: #fff;}
.viewer-button { top: 5px; right: 5px; width: 60px; height: 60px; background-color: transparent; border-radius: 0; }
.viewer-close::before { top: 0; left: 0; width: 100%; height: 100%; background: url('/theme/basic/images/x-light.svg') no-repeat center / auto 50%; }
.viewer-button:focus,
.viewer-button:hover { background: transparent; }
.viewer-canvas img {/* pointer-events: auto; */}
@media screen and (max-width: 1024px) {
    .view-container img { pointer-events: auto; }
    .view-container .accessibility-text { display: flex; }
}


/* Career */
.career-main { padding: 160px 0; }
.career-main .section-heading { text-align: center; }
.career-main .map { overflow: hidden; padding: 40px; background: var(--background); border-radius: 34px; }
.career-main .map svg { display: block; margin: auto; width: 100%; height: auto; }
.career-main .map [data-map-location] { fill: var(--background); transition: all .1s ease; }
.career-main .map [data-map-text] { pointer-events: none; }
.career-main .map [data-map-on] { fill: var(--clr-primary); }
.career-main .location { margin-top: 60px; }
.career-main .location-head { display: flex; align-items: center; justify-content: space-between; }
.career-main .location-head .heading { font-family: var(--font-display); font-size: 3.2rem; font-weight: 700; color: var(--clr-primary); }
.career-main .location-head .radio .radio-label { font-weight: 600; }
/* .career-main .location-head .radio .radio-label { font-size: 2rem; font-weight: 600; color: var(--clr-primary); } */

/* .career-main .location-head .radio { --gap: 10px; --width: 25px; --background: #DDDDDD; --border-color: #DDDDDD; --border-radius: 50%; }
.career-main .location-head .radio .check-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.career-main .location-head .radio .check-label { display: inline-flex; position: relative; padding-left: calc(var(--width) + var(--gap)); cursor: pointer; user-select: none; }
.career-main .location-head .radio .check-label::before,
.career-main .location-head .radio .check-label::after { content: ''; position: absolute; top: 0.1em; left: 0; width: var(--width); height: var(--width); background: var(--background); border: 1px solid var(--border-color); border-radius: var(--border-radius); transition: opacity ease .1s; cursor: pointer; }
.career-main .location-head .radio .check-label::before { background: var(--background) url('/images/check-light.svg') no-repeat center / auto 100%; border-color: var(--border-color); }
.career-main .location-head .radio .check-label::after { background: var(--clr-teal) url('/images/check-light.svg') no-repeat center / auto 100%; border-color: var(--clr-teal); opacity: 0; } */

.career-main .location-lists .item { display: none; gap: 40px; margin-top: 24px; padding: 40px; font-size: 2rem; border: 1px solid #859aba; border-radius: 30px; }
.career-main .location-lists .side { width: 24%; }
.career-main .location-lists .contents { flex: 1 1; display: flex; align-items: center; justify-content: space-between; }
.career-main .location-lists .badge { font-size: 2.4rem; font-weight: 600; color: var(--clr-teal); }
.career-main .location-lists .text { line-height: 1.4; font-size: 2rem; color: var(--clr-primary); }
.career-main .location-lists .data { display: grid; grid-template-columns: 140px 2fr; grid-auto-rows: min-content; align-items: center; margin-top: 20px; color: var(--clr-primary); border-top: 1px solid var(--clr-primary); border-bottom: 1px solid var(--clr-primary); }
.career-main .location-lists .data .dt { grid-column: 1; grid-row: 1 / span 10; align-self: center; font-family: var(--font-display); font-size: 2rem; font-weight: 700; }
.career-main .location-lists .data .dd { grid-column: 2; padding: 12px 20px; border-bottom: 1px solid var(--clr-primary); font-size: 2rem; }
.career-main .location-lists .data .dd:last-child { border-bottom: none; }
.career-main .location-lists .link-box { display: flex; align-items: center; margin: 20px 0 0 140px; padding: 0 20px; height: 45px; font-size: 2rem; font-weight: 500; color: var(--clr-primary); background: var(--background); transition: all .15s ease; }
.career-main .location-lists .link-circle { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; margin-top: 34px; width: 165px; height: 165px; line-height: 1.3; text-align: center; font-family: var(--font-display); font-size: 2.4rem; font-weight: 700; color: var(--clr-primary); border: 1px solid var(--clr-primary); border-radius: 50%; transition: all .15s ease; }
.career-main .location-lists .link-circle::after { content: ''; display: inline-flex; margin-top: 8px; width: 41px; height: 18px; background: url('/theme/basic/images/arrow-long-right-primary.svg') no-repeat center / auto 100%; }
.career-main .location-lists .link-circle .span { display: block; }
.career-main .location-lists .item.flex { display: flex; }

.career-main .location-head .radio .radio-label { padding-right: calc(var(--width) + var(--gap)); color: var(--clr-teal); }
.career-main .location-head .radio .radio-label::before { content: none; }
.career-main .location-head .radio .radio-label::after { z-index: -1; border-radius: var(--width); opacity: 1; transition: width .15s ease; }
.career-main .location-head .radio .radio-hidden:checked ~ .radio-label { color: #fff; }
.career-main .location-head .radio .radio-hidden:checked ~ .radio-label::after { width: 100%; }

.career-ours { padding-bottom: var(--section-bottom); }
.career-ours .section-heading { text-align: center; }
.career-ours .flex { display: flex; flex-direction: row-reverse; align-items: center; justify-content: space-between; }
.career-ours .flex .side { width: 50.5833%; }
.career-ours .flex .contents { width: 42.75%; }
.career-ours .flex .image { border-radius: 20px; }
.career-ours .flex .title { font-family: var(--font-display); font-size: 3.2rem; font-weight: 700; color: var(--clr-primary); }
.career-ours .flex .text { margin-top: 20px; font-size: 2.2rem; font-weight: 500; color: var(--clr-teal); }
.career-ours .flex .ul { margin-top: 32px; padding: 20px; border-top: 1px solid var(--clr-primary); border-bottom: 1px solid var(--clr-primary); }
.career-ours .flex .ul .li { margin-bottom: 6px; color: var(--clr-primary); }
.career-ours .flex .ul .li:last-child { margin-bottom: 0; }
.career-description { padding: 160px 0 var(--section-bottom); }
.career-description .section-heading { text-align: center; }
.career-description .description-tab { --color: #C4CED4; }
.career-description .description-tab .tabs { border-top: 1px solid var(--clr-primary); border-bottom: 1px solid var(--clr-primary); border-radius: 0; }
.career-description .description-tab .tabs .tab { flex: 1 1; height: 60px; font-family: var(--font-display); font-size: 2rem; color: var(--color); font-weight: 700; border: none; border-radius: 0; }
.career-description .description-tab .tabs .tab[aria-selected="true"] { color: var(--clr-primary); background: none; }
.career-description .context { padding: 40px 0; color: var(--clr-primary); }
.career-description .context b { font-weight: 700; }
.career-apply { padding-top: 160px; }
.career-apply .section-heading { margin-bottom: 120px; text-align: center; }
.career-apply .apply { padding: 120px 0 var(--section-bottom); background: var(--background); }
.career-apply .apply .flex { display: flex; justify-content: space-between; }
.career-apply .apply .flex .col { transition: all .15s ease; }
.career-apply .apply .flex .col:last-child { padding: 40px; background: #fff; border-radius: 24px; }
.career-apply .apply .flex .col.disabled { opacity: 0.35; pointer-events: none; user-select: none; }
.career-apply .apply .heading { margin-bottom: 30px; text-align: center; font-family: var(--font-display); font-size: 3.2rem; font-weight: 700; color: var(--clr-primary); }
.career-apply .description { margin-top: 40px; padding: 24px 20px; background: #fff; border-radius: 8px; }
.career-apply .description .text { text-align: center; color: var(--clr-primary); }
.career-apply .bottom-button { display: flex; align-items: center; justify-content: flex-end; margin-top: 40px; }
.career-apply .bottom-button .button { width: 200px; height: 55px; }
.career-apply .accordionjs .acc_head { border: none; }
.career-apply .accordionjs .acc_head::after { content: none; }
.career-apply .apply:not(.next) .bottom-button .button { background-color: transparent; }
@media (hover: hover) and (pointer: fine) {
	.career-main .location-lists .link-box:hover { color: #fff; background: var(--clr-primary); }
	.career-main .location-lists .link-circle:hover { background: var(--background); border-color: var(--background); }
	.career-description .description-tab .tabs .tab:hover { color: var(--clr-primary); background: none; }
}
@media screen and (min-width: 1025px) {
	.career-main .location-lists .col:first-child { width: 66.3%; }
}
@media screen and (min-width: 769px) {
	.career-apply .apply .flex .col:first-child { width: 45.25%; }
	.career-apply .apply .flex .col:last-child { width: 50%; }
}
@media screen and (max-width: 1024px) {
	.career-main { padding: 120px 0; }
	.career-main .map { border-radius: 16px; }
	.career-main .location { margin-top: 40px; }
	.career-main .location-head .heading { font-size: 2.4rem; }
	.career-main .location-head .radio .radio-label { font-size: 1.7rem; }
	.career-main .location-lists .item { margin-top: 20px; padding: 32px; font-size: 1.8rem; border-radius: 22px; }
	.career-main .location-lists .badge { font-size: 1.8rem; }
	.career-main .location-lists .text { font-size: 1.8rem; }
	.career-main .location-lists .data { grid-template-columns: 120px 2fr; }
	.career-main .location-lists .data .dt,
	.career-main .location-lists .data .dd { font-size: 1.8rem; }
	.career-main .location-lists .data .dd { padding: 12px 14px; }
	.career-main .location-lists .link-box { font-size: 1.8rem; margin-left: 120px; padding: 0 14px; }
	.career-main .location-lists .link-circle { width: 150px; height: 150px; font-size: 1.8rem; }
	.career-main .location-lists .link-circle::after { width: 37px; height: 17px; }
	.career-ours .flex .title { font-size: 2.4rem; }
	.career-ours .flex .text { font-size: 1.7rem; margin-top: 10px; }
	.career-ours .flex .ul { margin-top: 20px; padding: 16px; }
	.career-ours .flex .ul .li { margin-bottom: 4px; }
	.career-description { padding-top: 120px; }
	.career-description .description-tab .tabs .tab { font-size: 1.8rem; }
	.career-description .context { padding: 30px 0; }
	.career-apply { padding-top: 120px; }
	.career-apply .section-heading { margin-bottom: 60px; }
	.career-apply .apply { padding-top: 80px; }
	.career-apply .description { margin-top: 24px; }
	.career-apply .bottom-button { margin-top: 24px; }
	.career-apply .apply .heading { font-size: 2.4rem; }
	.apply-form .form-group:last-child {}
}
@media screen and (max-width: 768px) {
	.career-main { padding: 80px 0; }
	.career-main .location { margin-top: 30px; }
	.career-main .map { padding: 24px; }
	.career-main .map svg { max-width: 600px; }
	.career-main .location-head .heading { font-size: 1.8rem; }
	.career-main .location-head .radio .radio-label { font-size: 1.5rem; }
	.career-main .location-lists .side { width: 100%; }
	.career-main .location-lists .contents { padding-top: 24px; width: 100%; }
	.career-main .location-lists .contents .col:first-child { flex: 1 1; padding-right: 30px; }
	.career-main .location-lists .item { margin-top: 16px; padding: 24px; font-size: 1.6rem; border-radius: 12px; }
	.career-main .location-lists .badge { font-size: 1.6rem; }
	.career-main .location-lists .text { font-size: 1.6rem; }
	.career-main .location-lists .data { margin-top: 14px; }
	.career-main .location-lists .data .dt,
	.career-main .location-lists .data .dd { font-size: 1.6rem; }
	.career-main .location-lists .data .dd { padding: 10px 12px; }
	.career-main .location-lists .link-box { margin-top: 14px; height: 40px; font-size: 1.6rem; }
	.career-main .location-lists .link-circle { width: 135px; height: 135px; font-size: 1.6rem; }
	.career-main .location-lists .link-circle::after { width: 33px; height: 16px; }
	.career-main .location-lists .item.flex { display: block; }
	.career-ours .flex { display: block; }
	.career-ours .flex .side { width: 100%; }
	.career-ours .flex .image { width: 100%; border-radius: 14px; }
	.career-ours .flex .contents { padding-top: 24px; width: 100%; }
	.career-ours .flex .title { font-size: 1.8rem; }
	.career-ours .flex .text { font-size: 1.5rem; margin-top: 8px; }
	.career-ours .flex .ul { margin-top: 16px; padding: 14px 0; }
	.career-description { padding-top: 80px; }
	.career-description .description-tab { --gap: 10px; }
	.career-description .description-tab .tabs .tab { padding: 0; font-size: 1.6rem; white-space: normal; }
	.career-description .context { padding: 24px 0; }
	.career-apply { padding-top: 80px; }
	.career-apply .section-heading { margin-bottom: 40px; }
	.career-apply .apply { padding-top: 60px; }
	.career-apply .description { margin-top: 20px; }
	.career-apply .bottom-button { justify-content: center; margin-top: 20px; }
	.career-apply .apply .heading { font-size: 2rem; }
	.career-apply .apply .flex { display: block; }
	.career-apply .apply .flex .col:last-child { margin-top: 40px; padding: 32px; }
}
@media screen and (max-width: 480px) {
	.career-main .location-lists .contents { display: block; }
	.career-main .location-lists .contents .col:first-child { padding-right: 0; }
	.career-main .location-lists .contents .col:last-child { text-align: center; }
	.career-main .location-lists .item { font-size: 1.4rem; }
	.career-main .location-lists .text { font-size: 1.4rem; }
	.career-main .location-lists .data { display: block; border-top: none; }
	.career-main .location-lists .data .dt { padding-bottom: 10px; border-bottom: 1px solid var(--clr-primary); }
	.career-main .location-lists .data .dd { padding: 8px 0; font-size: 1.4rem; }
	.career-main .location-lists .link-box { margin: 14px 0 0; }
	.career-main .location-lists .link-circle { flex-direction: row; align-items: center; justify-content: space-between; padding: 0 24px; width: 100%; height: 50px; font-size: 1.5rem; border-radius: 8px; }
	.career-main .location-lists .link-circle::after { margin: 0; width: 27px; height: 13px; }
	.career-main .location-lists .link-circle .span br { display: none; }
	.career-description .description-tab .tabs .tab { font-size: 1.5rem; }
	.career-apply .apply .flex .col:last-child { padding: 24px; }
}


.apply-form .form-group { margin-bottom: 30px; }
.apply-form .form-group:last-child { margin-top: 40px; margin-bottom: 0; }
.apply-form .form-group:last-child .button { width: 200px; }
.apply-form .form-group .label { display: block; margin-bottom: 14px; font-family: var(--font-display); font-weight: 700; color: var(--clr-primary); }
.apply-form .form-group .input { width: 100%; }
.apply-form .form-group .textarea { width: 100%; height: 410px; }
@media screen and (max-width: 1024px) {
	.apply-form .form-group { margin-bottom: 20px; }
	.apply-form .form-group:first-child { font-size: 1.4rem; }
	.apply-form .form-group:last-child { margin-top: 40px; }
	.apply-form .form-group .label { margin-bottom: 10px; font-size: 1.6rem; }
	.apply-form .form-group .textarea { height: 300px; }
	.apply-form .form-group:last-child { margin-top: 24px; }
}
@media screen and (max-width: 768px) {
	.apply-form .form-group { margin-bottom: 16px; }
	.apply-form .form-group:first-child { font-size: 1.3rem; }
	.apply-form .form-group:last-child { margin-top: 30px; }
	.apply-form .form-group .label { margin-bottom: 6px; font-size: 1.5rem; }
	.apply-form .form-group .textarea { height: 160px; }
	.apply-form .form-group:last-child { margin-top: 20px; text-align: center !important; }
}
@media screen and (max-width: 480px) {
	.apply-form .form-group .label { font-size: 1.4rem; }
}


/* Contact */
.contact-main { padding-top: 160px; }
.contact-main .section-heading { text-align: center; }
.contact-main .contact { padding: 120px 0 var(--section-bottom); background: var(--background); }
.contact-main .contact .heading { margin-bottom: 36px; text-align: center; font-family: var(--font-display); font-size: 3.6rem; font-weight: 700; color: var(--clr-primary); }

.inquiry-form .form-group { display: flex; margin-bottom: 30px; }
.inquiry-form .form-group:last-child { margin-top: 60px; margin-bottom: 0; }
.inquiry-form .form-group:last-child .button { width: 200px; height: 55px; background: transparent; }
.inquiry-form .form-group.text-center { justify-content: center; }
.inquiry-form .form-group .label { flex-shrink: 0; display: block; padding-top: 1.1em; width: 170px; font-family: var(--font-display); font-weight: 700; color: var(--clr-primary); }
.inquiry-form .form-group .input { width: 100%; }
.inquiry-form .form-group .select { width: 100%; color: #979797; }
.inquiry-form .form-group .textarea { width: 100%; height: 260px; }
.inquiry-form .form-group .file-upload { width: 100%; }
@media screen and (max-width: 1024px) {
	.contact-main { padding-top: 120px; }
	.contact-main .contact { padding-top: 80px }
	.contact-main .contact .heading { font-size: 2.4rem; }

	.inquiry-form .form-group { margin-bottom: 20px; }
	.inquiry-form .form-group:first-child { font-size: 1.4rem; }
	.inquiry-form .form-group:last-child { margin-top: 40px; }
	.inquiry-form .form-group .label { margin-bottom: 14px; padding-top: 0.65em; width: 140px; font-size: 1.6rem; }
	.inquiry-form .form-group .textarea { height: 200px; }
}
@media screen and (max-width: 768px) {
	.contact-main { padding-top: 80px; }
	.contact-main .contact { padding-top: 60px }
	.contact-main .contact .heading { font-size: 1.8rem; }

	.inquiry-form .form-group { display: block; margin-bottom: 16px; }
	.inquiry-form .form-group:first-child { font-size: 1.3rem; }
	.inquiry-form .form-group:last-child { margin-top: 30px; }
	.inquiry-form .form-group .label { margin-bottom: 10px; padding-top: 0; width: 100%; font-size: 1.5rem; }
	.inquiry-form .form-group .textarea { height: 140px; }
}


/* Terms */
.terms { padding: 260px 0 var(--section-bottom); }
.terms .section-heading { text-align: center; }
/* .terms h1 { font-size: 2em; font-weight: bold; margin-bottom: 1.2em; } */
.terms h3 { font-size: 1.2em; font-weight: bold; margin-top: 2em; margin-bottom: 0.5em; }
.terms h4 { font-size: 1em; font-weight: bold; margin-top: 1.5em; margin-bottom: 0.4em; }
.terms p { margin: 0.8em 0; }
.terms ul { list-style: revert; margin: 0.6em 0 0.6em 1.8em; padding: 0; }
.terms li { margin-bottom: 0.5em; }
.terms a { color: #1a0dab; text-decoration: underline; word-break: break-all; }
.terms .section { margin-top: 2.5em; }
.terms .subsection { margin-top: 1.5em; }
.terms .contact-block { margin: 0.8em 0; }
.terms .contact-block p { margin: 0.2em 0; }
.terms .effective-date { margin-top: 3em; font-style: italic; }
@media screen and (max-width: 1024px) {
	.terms { padding-top: 140px; }
}
@media screen and (max-width: 768px) {
	.terms { padding-top: 120px; }

}


.search-finder { z-index: 9; position: fixed; bottom: 50px; left: 80px; transition: all ease .25s; }
/* .search-finder img { width: 140px; height: auto; animation: bounce ease 1.5s infinite; } */
.search-finder a { display: block; }
.search-finder img { width: 157px; height: auto; }
.search-finder[data-search-floating] { transform: translateX(-100%); opacity: 0; }
.search-finder .close { position: absolute; top: 0; left: 0; width: 40px; height: 40px; background: #00a4a6 url('/theme/basic/images/close-light.svg') no-repeat center / auto 60%; border-radius: 50%; }
@media screen and (max-width: 1024px) {
	.search-finder { bottom: 10px; left: 10px; }

}
@media screen and (max-width: 768px) {
	.search-finder img { width: 141px; height: auto; }
}


/* Search Result */
.search-results { padding: 260px 0 var(--section-bottom); }
.search-results .section-heading { text-align: center; }
.search-results .search-heading { text-align: center; }
.search-results .search-form { text-align: center; }
.search-results .search-form .box { overflow: hidden; display: inline-flex; position: relative; max-width: 1000px; width: 100%; height: 60px; border: 1px solid var(--clr-primary); border-radius: 60px; }
.search-results .search-form .box .input { flex: 1 1; height: 100%; border: none; outline: none; }
.search-results .search-form .box .button { padding: 0; width: 60px; height: 100%; }
.search-results .search-form .box .button::before { content: ''; display: block; width: 100%; height: 100%;     background: url(/theme/basic/images/search-primary.svg) no-repeat center / auto 37.5%; }

.search-results .results { display: flex; justify-content: center; position: relative; margin: 30px auto 0; padding-left: 320px; padding-right: min(16.9%, 320px); max-width: 1920px; width: auto; }
.search-results .results-side { z-index: 3; position: absolute; top: 0; left: 0; padding: 60px 0 0 40px; height: 100%; }
.search-results .results-side .sticky { position: sticky; top: 130px; left: 0; transition-property: top; transition-duration: 0.35s; transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.search-results .results-side .tab .button { justify-content: center; padding: 0 10px; min-width: 70px; width: 100%; height: 50px; line-height: 1.3; text-align: center; font-size: 1.5rem; font-weight: 600; color: var(--clr-primary); letter-spacing: -0.02em; background: #fff; border: 1px solid var(--clr-primary); border-radius: 50px; box-sizing: border-box; }
.search-results .results-side .tab .button[aria-current="page"] { color: #fff; background: var(--clr-primary); }
.search-results .results-side .tab .button[aria-current="page"] .icon { opacity: 1; transform: translateX(0); }
.search-results .results-contents { max-width: var(--inner); width: 100%; }
.search-results .results-contents .section { padding: 60px 0; border-bottom: 1px solid var(--clr-primary); }
.search-results .results-contents .section:last-child { padding-bottom: 0; border-bottom: none; }
.search-results .results-heading { margin: 80px 0 0; text-align: center; font-family: var(--font-display); font-size: 2.4rem; font-weight: 600; color: var(--clr-primary); }
.search-results .results-contents .heading { display: flex; flex-wrap: wrap; align-items: flex-end; margin-bottom: 30px; font-family: var(--font-display); font-size: 3.6rem; font-weight: 600; color: var(--clr-primary); }
.search-results .results-contents .heading b { padding-right: 0.5em; }
.search-results .results-contents .heading .total { margin-bottom: 0.4em; font-size: 2rem; }
.search-results .results-contents .lists .item { position: relative; margin-top: 6px; padding-left: 0.825em; color: var(--clr-primary); font-weight: 500; }
.search-results .results-contents .lists .item::before { content: ''; position: absolute; top: 0.8em; left: 0; width: 0.45em; height: 1px; background: currentColor; }
.search-results .results-contents .lists .total { color: var(--clr-teal); }
@media (hover: hover) and (pointer: fine) {
	.search-results .results-contents .lists .link:hover { text-decoration: underline; text-underline-offset: 0.25em; }
}
@media screen and (min-width: 1025px) {
	.search-results .results-side .sticky { overflow-x: hidden; overflow-y: auto; width: 240px; }
	.search-results .results-side .sticky::-webkit-scrollbar { width: 8px; }
	.search-results .results-side .sticky::-webkit-scrollbar-thumb { background-color: #1D3641; border-radius: 8px; }
	.search-results .results-side .sticky::-webkit-scrollbar-track { background-color: #D9D9D9; border-radius: 8px; }
	.search-results .results-side .tab .list { display: block; transform: none !important; }
	.search-results .results-side .tab .item { margin-bottom: 10px; }
	.search-results .results-side .tab .item:last-child { margin-bottom: 0; }
	.search-results .results-side .tab .button { width: 240px; }
    .search-results .results-side .tab .button:hover { color: #fff; background: var(--clr-primary); }
	.search-results .results-side .tab .button:hover .icon { transform: translateX(0); opacity: 1; }
	.search-results .results-side .tab .swiper-scrollbar { display: none; }
	.search-results .results-contents { min-height: 410px; }
}
@media screen and (max-width: 1830px) {
	.search-results .results { justify-content: flex-start; padding-right: 5%; }
}
@media screen and (max-width: 1024px) {
	.search-results { padding-top: 140px; }
	.search-results .results { flex-direction: column; margin-top: 40px; padding-left: 5%; padding-right: 5%; }
	.search-results .results-side { position: absolute; top: 0; left: 0; padding: 0; width: 100%; height: 100%; pointer-events: none; }
	.search-results .results-side .sticky { overflow: hidden; position: sticky; top: 0; left: 0; top: var(--header-height); padding: 0 5%; background: #fff; pointer-events: auto; }

	[data-header-hide] ~ .main .results-side .sticky { top: 0; }

	.search-results .search-form .box { height: 50px; }

	.search-results .results-side .tab { overflow: visible; padding: 10px 0; }
    .search-results .results-side .tab .item { width: auto; }
    .search-results .results-side .tab .button .icon { display: none; }
    .search-results .results-side .tab .button { padding-right: 1em; padding-left: 1em; }
    .search-results .results-side .tab .button::before { content: none; }
	.search-results .results-contents { padding-top: 80px; }
	.search-results .results-contents .heading { margin-bottom: 14px; font-size: 2.4rem; }
	.search-results .results-contents .heading .total { font-size: 1.6rem; margin-bottom: 0.25em; }
	.search-results .results-heading { margin-top: 60px; font-size: 1.8rem; }
}
@media screen and (max-width: 768px) {
	.search-results { padding-top: 120px; }

	.search-results .results-contents .section { padding: 40px 0; }
    .search-results .results-contents .section-heading { font-size: 2.4rem; margin-bottom: 20px; }
    .search-results .results-contents .button-wrap { margin-bottom: 30px; }
	.search-results .results-contents .heading { margin-bottom: 10px; font-size: 2rem; }
	.search-results .results-contents .heading .total { font-size: 1.4rem; }
	.search-results .results-heading { font-size: 1.6rem; }
	.search-results .results-contents .lists .item { margin-top: 3px; }
}


/* for Global */
[lang="fr"] .about-industry .image-box .text,
[lang="es"] .about-industry .image-box .text { font-size: clamp(1.2rem, 3.6vw, 3.6rem); }