/* COMMON */
.flex { display: flex; justify-content: space-between; }

.section:last-of-type { padding-bottom: 200px; }
.section-heading { color: var(--clr-black); }
.section-heading .heading { line-height: 1.5; font-family: var(--font-display); font-size: 6.4rem; font-weight: 700; }
.section-heading .text { margin-top: 25px; font-size: 2.4rem; }

.dot-title { position: relative; margin-bottom: 2em; padding-left: 1em; font-size: 1.8rem; }
.dot-title:last-child { margin-bottom: 0 !important; }
.dot-title::before { content: ''; position: absolute; top: 0.625em; left: 0; width: 0.2em; height: 0.2em; background: #000; border-radius: 50%; will-change: transform; }
@media screen and (max-width: 1024px) {
	.flex { display: block; }

	.section:last-of-type { padding-bottom: 120px; }
	.section-heading .heading { font-size: 3.8rem; }
	.section-heading .text { margin-top: 20px; font-size: 2rem; }

	.dot-title { font-size: 1.6rem; }
}
@media screen and (max-width: 768px) {
	.section-heading .heading { font-size: 2.4rem; }
	.section-heading .text { margin-top: 16px; font-size: 1.6rem; }

	.dot-title { font-size: 1.5rem; }
}


/* page-lead */
.page-lead { padding: 240px 0 110px; }
.page-lead .heading { line-height: 1.5; font-size: 7.2rem; font-weight: 700; color: var(--clr-black); }
.page-lead .breadcrumb .lists { display: flex; margin-bottom: 38px; }
.page-lead .breadcrumb .lists .item { display: flex; align-items: center; position: relative; font-size: 1.6rem; font-weight: 500; color: var(--clr-black); }
.page-lead .breadcrumb .lists .item:not(:last-child)::after { content: ''; display: inline-block; margin: 0 28px; width: 1px; height: 12px; background: #888888; }
.page-lead .breadcrumb .lists .link { color: #888888; }
.page-lead .breadcrumb .lists .icon-home { display: inline-block; width: 28px; height: 28px; background-repeat: no-repeat; background-position: center; background-size: auto 100%; background-image: url('/images/home.svg'); }
.page-lead .breadcrumb .toggle { padding-right: 32px; }
.page-lead .breadcrumb .toggle::after { content: ''; position: absolute; top: 0; right: 0; display: inline-flex; width: 24px; height: 24px; background-size: auto 100%; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10L12 15L17 10' stroke='%23666666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }
.page-lead .breadcrumb .toggle[aria-pressed="true"]::after { transform: scaleY(-1); }
.page-lead .breadcrumb .toggle[aria-pressed="true"] + .sub-menu { visibility: visible; opacity: 1; }
.page-lead .breadcrumb .sub-menu { z-index: 10; position: absolute; top: 100%; left: -24px; padding-top: 6px; visibility: hidden; opacity: 0; }
.page-lead .breadcrumb .sub-menu .depth2 { padding: 24px; background: #fff; border: 1px solid #f7f7f7; border-radius: 10px; box-shadow: 2px 3px 4px 0 rgba(0, 0, 0, .08); }
.page-lead .breadcrumb .sub-menu .depth2 a { display: inline-flex; padding: 6px 0; font-size: 1.6rem; font-weight: 400; color: var(--clr-dark); white-space: nowrap; }
@keyframes subVisualFade {
    to { opacity: 1; }
}
@keyframes subVisual {
    to { transform: none; }
}
@media (hover: hover) and (pointer: fine) {
    .page-lead .breadcrumb .listbox a:hover { color: #000000; }
    .page-lead .breadcrumb .listbox a:hover span { background-size: 100% 100%; }
	.page-lead .breadcrumb .sub-menu .depth2 a:hover { color: var(--clr-primary); text-decoration: underline; text-underline-offset: 0.25em; }
}
@media screen and (min-width: 1025px) {
	.page-lead-tabs .list { -webkit-backdrop-filter: saturate(150%) blur(25px); backdrop-filter: saturate(150%) blur(25px); }
}
@media screen and (max-width: 1024px) {
	.page-lead { padding: 140px 0 46px; }
	.page-lead .heading { font-size: 4.6rem; }
	.page-lead .breadcrumb { display: none; }
	.page-lead .breadcrumb .lists { margin-bottom: 10px; }
    .page-lead .breadcrumb .lists .item { font-size: 13px; }
	.page-lead .breadcrumb .lists .item:not(:last-child)::after { margin-right: 5px; margin-left: 5px; }
	.page-lead .breadcrumb .lists .link { font-size: 12px; }
	.page-lead .breadcrumb .lists .icon-home { width: 14px; height: 14px; }
	.page-lead .breadcrumb .toggle { padding-right: 26px; }
	.page-lead .breadcrumb .toggle::after { width: 20px; height: 20px; }
	.page-lead .breadcrumb .sub-menu .depth2 { padding: 16px; }
	.page-lead .breadcrumb .sub-menu .depth2 a { font-size: 1.4rem; }
}
@media screen and (max-width: 768px) {
	.page-lead { padding: 120px 0 34px; }
	.page-lead .heading { font-size: 3.4rem; }
	.page-lead .breadcrumb .sub-menu .depth2 a { font-size: 1.3rem; }
}
@media screen and (max-width: 500px) {
	.page-lead { padding: 120px 0 30px; }
	.page-lead .heading { font-size: 2.6rem; }
}


/* Hero Section */
.section-hero { position: relative; height: 250vh; height: 250svh; }
.section-hero .hero-wrap { overflow: hidden; position: sticky; top: 0; left: 0; width: 100%; height: 100vh; height: 100svh; }
.section-hero .background { z-index: 2; position: absolute; bottom: -40vh; left: 0; right: 0; margin: auto; width: 83.33333vw; height: 50vh; background: #000; transform-origin: bottom; will-change: transform; }
.section-hero .background .item { display: block; width: 100%; height: 100%; object-fit: cover; will-change: transform; }
.section-hero .contents { z-index: 2; display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; padding-right: 5%; padding-left: 5%; width: 100%; height: 100%; }
.section-hero .heading { line-height: 1.3; text-align: center; font-size: 6.8rem; font-weight: 700; color: var(--clr-black); }
.section-hero .heading .line { will-change: transform; }
.section-hero .heading .eng { display: block; margin-top: 10px; font-family: var(--font-display); font-size: 6rem; font-weight: 700; letter-spacing: normal; will-change: transform; }
@media screen and (max-width: 1024px) {
	.section-hero { padding-top: 180px; height: auto; }
	.section-hero .hero-wrap { position: static; height: auto; }
	.section-hero .block { display: flex; flex-direction: column-reverse; }
	.section-hero .background { position: static; width: 100%; height: 360px; }
	.section-hero .contents { position: static; margin-bottom: 30px; }
	.section-hero .heading { font-size: 2.4rem; transform: none; }
	.section-hero .heading .eng { font-size: 4rem; }
}
@media screen and (max-width: 768px) {
	.section-hero { padding-top: 120px; }
	.section-hero .background { height: 300px; }
	.section-hero .heading { font-size: 2rem; }
	.section-hero .heading .eng { margin-top: 4px; font-size: 2.4rem; }
}
@media screen and (max-width: 500px) {
	.section-hero .background { height: 240px; }
	.section-hero .heading { font-size: 1.8rem; }
}


.company-hero { position: relative; height: 780px; }
.company-hero .background { overflow: hidden; height: 100%; background: var(--background); }
.company-hero .background .item { visibility: hidden; display: block; width: 100%; height: 100%; transform: scale(1.1); will-change: transform; object-fit: cover; }
.company-introduce { padding: 160px 0; text-align: center; }
.company-introduce .heading { margin-bottom: 46px; line-height: 1.3; font-size: 4.8rem; font-weight: 600; color: var(--clr-black); }
.company-introduce .text { font-size: 2rem; }
@media screen and (max-width: 1024px) {
	.company-hero { height: 410px; }
	.company-introduce { padding: 120px 0; }
	.company-introduce .heading { margin-bottom: 30px; font-size: 3.2rem; }
	.company-introduce .text { font-size: 1.6rem; }
}
@media screen and (max-width: 768px) {
	.company-hero { height: 310px; }
	.company-introduce { padding: 80px 0; }
	.company-introduce .heading { margin-bottom: 20px; font-size: 2.2rem; }
	.company-introduce .text { font-size: 1.5rem; }
}
@media screen and (max-width: 500px) {
	.company-hero { height: 150px; }
}


/* 회사소개 */
.about-introduce { padding: 200px 0; background: #fff; }
.about-introduce .side { width: 30%; }
.about-introduce .contents { width: 60.625%; }
.about-introduce .contents .text { font-size: 2.2rem; }
.about-mission { position: relative; padding-bottom: 140px; min-height: 800px; height: 100vh; height: 100svh; }
.about-mission .background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('/images/sub/company/about/mission-background.jpg') no-repeat center / cover; }
.about-mission .contents { display: flex; align-items: flex-end; height: 100%; }
.about-mission .inner { display: flex; justify-content: flex-end; }
.about-mission .section-heading { color: #fff; }
.about-mission .section-heading [data-animate] { will-change: transform; }
.about-mission .section-heading .heading { color: inherit; }
.about-mission .section-heading .sub-heading { margin: 40px 0 32px; font-size: 3.2rem; font-weight: 600; }
.about-mission .section-heading .text { color: inherit; }
.about-vision { padding: 200px 0; }
.about-vision .lists { margin-top: 90px; border-bottom: 1px solid var(--border); }
.about-vision .lists .item { display: flex; align-items: center; justify-content: space-between; position: relative; padding: 40px 0; background: #fff; border-top: 1px solid var(--border); }
.about-vision .lists .side { width: 48.75%; }
.about-vision .lists .contents { padding: 0 0 0 100px; width: 48.75%; }
.about-vision .lists .title { font-size: 3.2rem; font-weight: 600; color: var(--clr-black); }
.about-vision .lists .text { margin-top: 30px; }

.ceo-introduce { padding-top: 160px; }
.ceo-introduce .side { width: 38.75%; }
.ceo-introduce .contents { width: 54.375%; }
.ceo-introduce .heading { font-size: 4.8rem; font-weight: 600; color: var(--clr-black); }
.ceo-introduce .text { font-size: 2rem; }
.ceo-introduce .text:last-child { margin-top: 52px; color: var(--clr-black); }
.ceo-introduce .text .name { padding-left: 0.65em; font-size: 2.4rem; font-weight: 700; }

.history-main { position: relative; padding-top: 160px; }
.history-main .inner { margin-bottom: 160px; }
/* .history-main .history-tabs { z-index: 10; position: sticky; top: 115px; left: 0; margin-bottom: -20px; margin-right: auto; margin-left: auto; max-width: var(--inner); width: 90%; text-align: center; transition: all ease .35s; } */
.history-main .history-tabs { z-index: 10; position: sticky; top: calc(100vh - 125px); left: 0; margin-bottom: -20px; margin-right: auto; margin-left: auto; max-width: var(--inner); width: 90%; text-align: center; transition: all ease .35s; }
.history-main .history-tabs .lists { display: inline-flex; align-items: center; justify-content: center; padding: 10px; background: #F7F7F7; border-radius: 80px; transition: all ease .35s; }
.history-main .history-tabs .tab { width: 250px; height: 60px; text-align: center; font-weight: 700; color: var(--clr-black); border-radius: 60px; transition: all ease .35s; }
.history-main .history-tabs .tab[aria-selected="true"] { color: #fff; background: var(--clr-primary); }
/* [data-header-hide] + .main .history-main .history-tabs { top: 15px; } */
/* [data-header-hide] + .main .history-main .lists { box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15); } */

.history-main .section-child { position: relative; padding-top: 180px; }
/* .history-main .section-child:first-of-type { padding-top: 0; } */
/* .history-main .section-child:first-of-type .heading { top: -60px; } */
/* .history-main .section-child:last-child { margin-bottom: 0; } */
.history-main .heading { position: absolute; top: 120px; left: 0; font-size: 12rem; font-weight: 700; color: var(--clr-black); }
.history-main .history-lists { margin-left: 39.875%; padding-left: 80px; }
.history-main .history-lists .item { margin-bottom: 100px; }
.history-main .history-lists .item:last-child { margin-bottom: 0; }
.history-main .title { position: relative; font-size: 3.2rem; font-weight: 700; color: var(--clr-black); }
.history-main .title::before { content: ''; position: absolute; top: 45%; left: -80px; margin-left: -4px; width: 8px; height: 8px; background: #AAAAAA; border-radius: 50%; transition: all ease .35s; }
.history-main .history-data { margin-top: 28px; }
.history-main .history-data .data { position: relative; margin-bottom: 16px; padding-left: 28px; }
.history-main .history-data .data::before { content: ''; position: absolute; top: 0.65em; left: 0; width: 0.45em; height: 0.11em; background: #d9d9d9; }
.history-main .history-data .data:last-child { margin-bottom: 0; }
.history-main .progress { z-index: 2; position: absolute; top: 204px; left: 39.875%; margin-left: -1px; width: 2px; height: calc(100% - 204px); background: #AAAAAA; }
.history-main .progress .path { position: absolute; top: 0; left: 0; width: 100%; height: 0; background: var(--clr-primary); }
.history-main .progress .dot { position: absolute; bottom: -8px; left: -5px; width: 12px; height: 12px; background: #fff; border: 3px solid var(--clr-primary); border-radius: 50%; transition: opacity ease .35s; }
.history-main .history-lists .item.on .title::before { background: var(--clr-primary); }
/* .history-main .progress .dot::after { content: ''; position: absolute; top: -17px; left: -17px; width: 50px; height: 50px; border-radius: 50%; background: #59BDD2; opacity: .2; animation: dot ease-out 1s infinite; } */
/* .history-main .progress .dot { opacity: 1; } */

.ci-main { padding-top: 140px; }
.ci-main .section-child { padding: 70px 0; }
.ci-main .section-child:first-child { padding-top: 0; }
.ci-main .section-child:last-child { padding-bottom: 0; }
.ci-main .heading { font-size: 4rem; font-weight: 700; color: var(--clr-black); }
.ci-main .side { width: 16.875%; }
.ci-main .contents { width: 79.375%; }
.ci-main .image { display: flex; align-items: center; justify-content: center; height: 400px; background: var(--background); border-radius: 20px; }
.ci-main .text-wrap { margin-top: 60px; }
.ci-main .text-wrap .title { margin-bottom: 20px; font-size: 2.4rem; font-weight: 700; color: var(--clr-black); }
.ci-main .text-wrap .text { font-size: 2rem; }

.global-office .flex { align-items: center; margin-right: auto; margin-left: auto; max-width: var(--inner); width: 90%; }
.global-office .side { width: 59.0625%; }
.global-office .contents { width: 36.875%; }
.global-office .section-child { padding: 120px 0; }
.global-office .section-child:last-child { padding-bottom: 0; }
.global-office .section-child:nth-child(even) { background: var(--background); }
.global-office .section-child:nth-child(even) .image { background: #fff; }
.global-office .heading { margin-bottom: 60px; font-size: 4.8rem; font-weight: 700; color: var(--clr-black); }
.global-office .data { font-size: 2rem; }
.global-office .data .row { display: flex; margin-top: 26px; }
.global-office .data .dt { display: flex; align-items: center; justify-content: space-between; margin-bottom: auto; font-weight: 700; color: var(--clr-black); }
.global-office .data .dt::after { content: ''; display: block; margin: 0 20px; width: 1px; height: 12px; background: #eaeaea; }
.global-office .data .dd { flex: 1 1; }
.global-office .image { background: var(--background); aspect-ratio: 1.5047770701; }

@media screen and (max-width: 1500px) {
	.history-main .heading { font-size: 8.6rem; }
}
@media screen and (max-width: 1024px) {
	.about-introduce { padding: 120px 0; }
	.about-introduce .side { width: 100%; }
	.about-introduce .contents { margin-top: 30px; width: 100%; }
	.about-introduce .contents .text { font-size: 1.8rem; }

	.about-mission { padding: 140px 0; min-height: auto; height: auto; background: #000; }
	.about-mission::before { content: ''; z-index: 2; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.15); }
	.about-mission .contents { z-index: 3; position: relative; }
	.about-mission .section-heading .sub-heading { margin: 24px 0 20px; font-size: 2.6rem; }

	.about-vision { padding: 120px 0; }
	.about-vision .lists { margin-top: 60px; }
	.about-vision .lists .title { font-size: 2.4rem; }
	.about-vision .lists .contents { padding: 0; }
	.about-vision .lists .title { font-size: 2.4rem; }
	.about-vision .lists .text { margin-top: 24px; }

	.ceo-introduce { padding: 120px 0; }
	.ceo-introduce .side { width: 100%; }
	.ceo-introduce .contents { padding-top: 30px; width: 100%; }
	.ceo-introduce .heading { font-size: 2.6rem; }
	.ceo-introduce .text { font-size: 1.7rem; }
	.ceo-introduce .text:last-child { margin-top: 46px; }
	.ceo-introduce .text .name { font-size: 2rem; }

	.history-main { padding-top: 0; }
	.history-main .inner { margin-bottom: 120px; }
	/* .history-main { padding-top: 120px; } */
	/* .history-main .history-tabs { top: 79px; } */
	.history-main .history-tabs { top: calc(100vh - 90px); }
	.history-main .history-tabs .tab { width: 180px; height: 45px; }
	.history-main .history-tabs .lists { padding: 6px; }
	.history-main .history-lists { margin-left: 36%; }
	.history-main .progress { left: 36%; }
	.history-main .heading { top: 142px; font-size: 6.4rem; }
	.history-main .history-lists { padding-left: 60px; }
	.history-main .history-lists .item { margin-bottom: 80px; }
	.history-main .title { font-size: 2.6rem; }
	.history-main .title::before { left: -60px; }
	.history-main .history-data { margin-top: 18px; }
	.history-main .history-data .data { margin-bottom: 10px; padding-left: 18px; }

	.ci-main { padding: 120px 0; }
	.ci-main .side { width: 100%; }
	.ci-main .contents { padding-top: 30px; width: 100%; }
	.ci-main .heading { font-size: 3rem; }
	.ci-main .image { height: 260px; border-radius: 12px; }
	.ci-main .image .item { width: auto; height: 36%; }
	.ci-main .text-wrap { margin-top: 40px; }
	.ci-main .text-wrap .title { margin-bottom: 14px; font-size: 2rem; }
	.ci-main .text-wrap .text { font-size: 1.6rem; }

	.global-office .contents { width: 100%; }
	.global-office .side { padding-top: 40px; width: 100%; }
	.global-office .heading { margin-bottom: 34px; font-size: 3.2rem; }
	.global-office .data { font-size: 1.6rem; }
	.global-office .data .row { margin-top: 18px; }
	.global-office .data .dt::after { margin: 0 14px; height: 10px; }
}
@media screen and (max-width: 768px) {
	.about-introduce { padding: 80px 0; }
	.about-introduce .contents .text { font-size: 1.6rem; }
	.about-mission { padding: 80px 0; }
	.about-mission .background { background-position: left center; }
	.about-mission .section-heading .sub-heading { font-size: 2rem; }

	.about-vision { padding: 80px 0; }
	.about-vision .lists .item { display: block; }
	.about-vision .lists .contents { width: 100%; }
	.about-vision .lists .side { margin-top: 30px; width: 100%; }
	.about-vision .lists .title { font-size: 1.8rem; }
	.about-vision .lists .text { margin-top: 16px; }

	.ceo-introduce { padding: 80px 0; }
	.ceo-introduce .heading { font-size: 2rem; }
	.ceo-introduce .text { font-size: 1.5rem; }
	.ceo-introduce .text:last-child { margin-top: 40px; }
	.ceo-introduce .text .name { font-size: 1.7rem; }

	/* .history-main { padding-top: 80px; } */
	.history-main .inner { margin-bottom: 80px; }
	.history-main .history-tabs { top: calc(100vh - 65px); margin-bottom: -40px; }
	.history-main .history-tabs .lists { padding: 4px; }
	.history-main .history-tabs .tab { width: 100px; height: 45px; font-size: 1.4rem; }
	.history-main .history-lists { margin-left: 0; }
	.history-main .progress { top: 194px; left: 0; }
	.history-main .heading { top: 90px; left: 30px; font-size: 3.6rem; }
	.history-main .history-lists { padding-left: 34px; }
	.history-main .history-lists .item { margin-bottom: 42px; }
	.history-main .history-data .data { margin-bottom: 6px; padding-left: 12px; }
	.history-main .title { font-size: 2rem; }
	.history-main .title::before { top: 38%; left: -34px; }

	.ci-main { padding: 80px 0; }
	.ci-main .heading { font-size: 2.4rem; }
	.ci-main .image { height: 140px; }
	.ci-main .text-wrap { margin-top: 30px; }
	.ci-main .text-wrap .title { margin-bottom: 10px; font-size: 1.8rem; }
	.ci-main .text-wrap .text { font-size: 1.5rem; }

	.global-office .section-child { padding: 80px 0; }
	.global-office .heading { margin-bottom: 20px; font-size: 2.2rem; }
	.global-office .data { font-size: 1.5rem; }
	.global-office .data .dt::after { margin: 0 10px; }
	.global-office .side { padding-top: 30px; }
}


/* 제품소개 */
.flex-box { display: flex; justify-content: space-between; padding: 80px; background: #fff; border: 1px solid var(--border); border-radius: 20px; }
.flex-box .col:first-child { width: 22.223%; }
.flex-box .col:last-child { width: 72.223%; }
.flex-box .col-auto:first-child,
.flex-box .col-auto:last-child { width: 100%; }
.flex-box .heading { position: relative; padding-left: 0.75em; font-size: 3.2rem; font-weight: 700; color: var(--clr-black); }
.flex-box .heading::before { content: ''; position: absolute; top: 0.55em; left: 0; width: 0.25em; height: 0.25em; background: currentColor; border-radius: 50%; will-change: transform; }
.flex-box .dot-text { position: relative; padding-left: 0.7777em; font-weight: 500; }
.flex-box .dot-text::before { content: ''; position: absolute; top: 0.625em; left: 0; width: 0.2em; height: 0.2em; background: currentColor; border-radius: 50%; will-change: transform; }
.flex-box .row { margin-bottom: 60px; }
.flex-box .row:last-child { margin-bottom: 0; }
.flex-box .title { margin-bottom: 24px; font-size: 2.4rem; font-weight: 600; color: var(--clr-black); }
.flex-box .grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 24px; }
.flex-box .grid .item { padding: 40px 12px; background: var(--background); text-align: center; border-radius: 12px; }
.flex-box .grid .image { margin-bottom: 20px; }
.flex-box .grid .text { color: var(--clr-black); }
.flex-box .gray-box { padding: 40px; background: var(--background); border-radius: 16px; }
.flex-box .gray-box .lists { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.flex-box .gray-box .lists .item { font-weight: 500; }
.flex-box .gray-box .dot-title { margin-bottom: 0; padding-left: 0.7777em; }
.flex-box .gray-box .dot-title::before { top: 0.625em; left: 0; width: 0.2em; height: 0.2em; }
.flex-box .gray-box .ul { margin-top: 8px; }
.flex-box .gray-box .ul li,
.flex-box .gray-box .lists small { font-size: 1.6rem; }
.flex-box .flex-wrap { display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; }
.flex-box .flex { align-items: center; }
.flex-box .flex .contents { width: 54.0384%; }
.flex-box .thumbnail { overflow: hidden; background: var(--background); border-radius: 16px; aspect-ratio: 1.42; }
.flex-box .thumbnail .image { display: block; width: 100%; }

.products-hero { position: relative; display: flex; align-items: center; justify-content: center; height: 780px; text-align: center; color: #fff; }
.products-hero .background { overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.products-hero .background .item { visibility: hidden; display: block; width: 100%; height: 100%; object-fit: cover; will-change: transform; }
.products-hero .heading { font-size: 4rem; font-weight: 600; opacity: 0; }
.products-hero .heading .line { opacity: 0; will-change: transform; }
.products-solution { padding: 100px 0; }
.products-solution .sub-heading { margin-bottom: 106px; text-align: center; }
.products-solution .sub-heading .heading { margin-bottom: 40px; font-size: 4.8rem; color: var(--clr-black); }
.products-solution .sub-heading .text { font-size: 2rem; }
.products-solution .flex-box .side { width: 40.96154%; }
.products-solution.bg-gray { padding-top: 160px; }
.products-solution.bg-gray .flex-box { border: none; }
@media screen and (max-width: 1024px) {
	.flex-box { padding: 64px; border-radius: 12px; }
	.flex-box .row { margin-bottom: 46px; }
	.flex-box .title { margin-bottom: 18px; font-size: 2rem; }
	.flex-box .grid .image { width: auto; height: 42px; }
	.flex-box .gray-box { padding: 32px; border-radius: 8px; }
	.flex-box .thumbnail { border-radius: 8px; }
	.flex-box .heading { font-size: 2.4rem; }
	.flex-box .col:first-child { width: 100%; }
	.flex-box .col:last-child { margin-top: 30px; width: 100%; }

	.products-hero { height: 480px; }
	.products-hero .heading { font-size: 2.4rem; }
	.products-solution { padding: 120px 0; }
	.products-solution .sub-heading { margin-bottom: 80px; }
	.products-solution .sub-heading .heading { margin-bottom: 30px; font-size: 3.4rem; }
	.products-solution .sub-heading .text { font-size: 1.8rem; }
	.products-solution .flex-box { display: block; }
	.products-solution .flex-box .side { width: 100%; }
	.products-solution .flex-box .contents { padding-top: 30px; width: 100%; }
	.products-solution .flex-box .contents .title { margin-bottom: 16px; }
	.products-solution.bg-gray { padding-top: 120px; }
}
@media screen and (max-width: 768px) {
	.flex-box { padding: 32px 24px; }
	.flex-box .row { margin-bottom: 40px; }
	.flex-box .title { font-size: 1.8rem; }
	.flex-box .gray-box { padding: 24px; }
	.flex-box .gray-box .lists { grid-template-columns: repeat(2, 1fr); gap: 10px; }
	.flex-box .heading { font-size: 2rem; }

	.products-hero { height: 320px; }
	.products-hero .heading { font-size: 1.8rem; }

	.products-solution { padding: 80px 0; }
	.products-solution .sub-heading { margin-bottom: 60px; }
	.products-solution .sub-heading .heading { margin-bottom: 20px; font-size: 2.2rem; }
	.products-solution .sub-heading .text { font-size: 1.6rem; }
	.products-solution .flex-box .contents { padding-top: 24px; }
	.products-solution .flex-box .contents .title { margin-bottom: 10px; }
	.products-solution.bg-gray { padding-top: 80px; }
}
@media screen and (max-width: 500px) {
	.flex-box .gray-box .lists { grid-template-columns: 1fr; gap: 4px; }
	.flex-box .flex-wrap { grid-template-columns: 1fr; }

	.products-hero { height: 240px; }
	.products-hero .heading { font-size: 1.6rem; }
}


/* 기술역량 */
.core-main .section-child { display: flex; flex-direction: row-reverse; }
.core-main .side { overflow: hidden; width: 50%; height: 957px; }
.core-main .side .image { width: 100%; height: 100%; object-fit: cover; }
.core-main .contents { display: flex; align-items: flex-end; padding-bottom: 100px; width: 50%; }
.core-main .text-wrap { margin-left: calc(50vw - min(90vw, 1600px) / 2); }
.core-main .badge { display: block; font-size: 2rem; font-weight: 700; }
.core-main .heading { margin: 24px 0 120px; font-size: 4rem; font-weight: 700; }
.core-main .title { margin-bottom: 26px; font-size: 2.4rem; font-weight: 600; }
.core-main .lists .item { margin-bottom: 16px; color: #555; }

.process-main { padding-top: 140px; background: var(--background); }
.process-main .lists { display: flex; flex-wrap: wrap; justify-content: flex-end; margin: -40px; }
.process-main .lists .item { padding: 40px; width: 33.33333%; }
.process-main .lists .block { display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; padding: 24px; aspect-ratio: 1; }
.process-main .lists .layer { overflow: hidden; position: absolute; top: 0; left: 0; padding: 1px; width: 100%; height: 100%; border-radius: 50%; pointer-events: none; }
.process-main .lists .layer::before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--clr-primary); transform: translate3d(-100%, 0, 0); will-change: transform; }
.process-main .lists .layer::after { content: ''; display: block; position: relative; width: 100%; height: 100%; background: #fff; border-radius: 50%; }
.process-main .lists .badge { z-index: 2; position: relative; font-weight: 700; color: var(--clr-primary); }
.process-main .lists .image { z-index: 2; position: relative; margin: 30px 0; width: 96px; }
.process-main .lists .title { z-index: 2; position: relative; margin-bottom: 12px; line-height: 1.3; text-align: center; font-size: 2.8rem; font-weight: 700; color: var(--clr-black); }
.process-main .lists .text { z-index: 2; position: relative; text-align: center; font-size: 1.6rem; }
.process-main .lists .bridge { position: absolute; top: 0; bottom: 0; left: 100%; margin: auto; width: 80px; height: 40px; }
.process-main .lists .bridge .line { position: absolute; display: block; width: 100%; height: 100%; }
.process-main .lists .bridge .line::before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; margin: auto; width: 100%; height: 1px; background-image: linear-gradient(to right, #999999 2px, transparent 2px); background-size: 7px 2px; background-repeat: repeat-x; background-position: center; }
.process-main .lists .bridge .line::after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; margin: auto; width: 100%; height: 1px; background: var(--clr-primary); opacity: 0; }
.process-main .lists .bridge .arrow { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 40px; height: 40px; background: #cccccc; border-radius: 50%; }
.process-main .lists .bridge .arrow::before { content: ''; display: block; width: 100%; height: 100%; background: url('/images/chevron-right-light.svg') no-repeat center / auto 100%; }
.process-main .lists .item:nth-child(4) { order: 5; }
.process-main .lists .item:nth-child(5) { order: 4; }
.process-main .lists .item.on .layer::before { transform: none !important; transition: transform cubic-bezier(0.43, 0.12, 0.21, 1) 1.2s; }
.process-main .lists .item.on .bridge .arrow { background: var(--clr-primary); transition: background .35s ease 1.1s; }
.process-main .lists .item.on .bridge .line::after { opacity: 1; transition: opacity .35s ease 1.1s; }

.rnd-main .section-child { display: flex; align-items: center; }
.rnd-main .side { z-index: 2; position: relative; width: 50%; height: 987px; }
.rnd-main .side .image { display: block; width: 100%; height: 100%; object-fit: cover; }
.rnd-main .contents { width: 50%; padding-right: 95px; }
.rnd-main .text-wrap { margin-left: calc(50vw - min(90vw, 1600px) / 2); }
.rnd-main .heading { margin-bottom: 28px; font-size: 4.8rem; font-weight: 600; color: var(--clr-black); }
.rnd-main .lists { margin-top: 40px; padding: 40px; background: var(--background); }
.rnd-main .lists .item { margin-bottom: 1.25em; font-size: 1.6rem; color: var(--clr-black); }
.rnd-main .lists .dot-title::before { width: 0.25em; height: 0.25em; }
.rnd-direction { padding-top: 140px; background: var(--background); }
.rnd-direction .sub-heading { margin-bottom: 40px; }
.rnd-direction .sub-heading .heading { margin-bottom: 20px; font-size: 4.8rem; font-weight: 600; color: var(--clr-black); }
.rnd-direction .sub-heading .text { font-size: 2rem; }
.rnd-direction .grid { z-index: 2; position: relative; display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.rnd-direction .block { padding: 50px; height: 100%; background: #fff; border-radius: 16px; border: 1px solid var(--border); }
.rnd-direction .title { margin-bottom: 24px; font-size: 2.2rem; font-weight: 700; color: var(--clr-black); }
.rnd-direction .lists .item { margin-bottom: 0.66667em; }
@media screen and (min-width: 1025px) {
	.process-main .lists .item:nth-child(4) .layer::before { transform: translateY(-100%); }
	.process-main .lists .item:nth-child(5) .layer::before { transform: translatex(100%); }
	.process-main .lists .item:nth-child(3) .bridge { top: 100%; left: 0; right: 0; transform: rotate(90deg) translateX(50%); }
	.process-main .lists .item:nth-child(4) .bridge { left: auto; right: 100%; transform: rotate(180deg); }
}
@media screen and (min-width: 769px) {
	.core-main:last-of-type { padding-bottom: 0; }

	.rnd-main .section-child:nth-child(even) { flex-direction: row-reverse; }
	.rnd-main .section-child:nth-child(even) .contents { padding-left: 95px; padding-right: 0; }
	.rnd-main .section-child:nth-child(even) .text-wrap { margin-right: calc(50vw - min(90vw, 1600px) / 2); margin-left: 0; }
}
@media screen and (max-width: 1024px) {
	.core-main .side { height: auto; }
	.core-main .contents { padding-bottom: 60px; }
	.core-main .badge { font-size: 1.8rem; }
	.core-main .heading { margin: 20px 0 80px; font-size: 2.6rem; }
	.core-main .title { font-size: 2rem; }
	.core-main .lists .item { margin-bottom: 10px; }

	.process-main { padding-top: 120px; }
	.process-main .inner { max-width: 500px; }
	.process-main .lists { display: block; }
	.process-main .lists .item { width: 100%; }
	.process-main .lists .bridge { top: 100%; left: 0; right: 0; transform: rotate(90deg) translateX(50%); }
	.process-main .lists .layer::before { transform: translateY(-100%); }
	.process-main .lists .image { margin: 26px 0; width: 64px; }
	.process-main .lists .title { font-size: 2rem; }
	.process-main .lists .text { font-size: 1.5rem; }

	.rnd-main .heading { margin-bottom: 20px; font-size: 3.2rem; }
	.rnd-main .side { height: 780px; }
	.rnd-main .lists { margin-top: 30px; padding: 32px; }
	.rnd-main .lists .item { font-size: 1.5rem; }

	.rnd-direction .sub-heading .heading { margin-bottom: 16px; font-size: 3.2rem; }
	.rnd-direction .sub-heading .text { font-size: 1.8rem; }
	.rnd-direction .block { padding: 32px; border-radius: 8px; }
	.rnd-direction .title { margin-bottom: 20px; font-size: 2rem; }
}
@media screen and (max-width: 768px) {
	.core-main .section-child { display: block; margin-bottom: 60px; }
	.core-main .section-child:last-child { margin-bottom: 0; }
	.core-main .side { width: 100%; }
	.core-main .contents { padding: 30px 0 0; margin-right: auto; margin-left: auto; max-width: var(--inner); width: 90%; }
	.core-main .text-wrap { margin-left: 0; }
	.core-main .badge { font-size: 1.6rem; }
	.core-main .heading { margin: 10px 0 24px; font-size: 2rem; }
	.core-main .title { font-size: 1.7rem; }
	.core-main .lists .item { margin-bottom: 2px; }

	.process-main { padding-top: 80px; }
	.process-main .inner { max-width: 400px; }
	.process-main .lists .bridge .arrow { width: 34px; height: 34px; }
	.process-main .lists .badge { margin-top: -30px; }
	.process-main .lists .image { margin: 18px 0; width: 48px; }
	.process-main .lists .title { font-size: 1.8rem; }
	.process-main .lists .text { font-size: 1.4rem; }
	.process-main .lists .block { padding: 36px; }

	.rnd-main .section-child { display: block; }
	.rnd-main .side { width: 100%; height: auto; }
	.rnd-main .contents { margin-right: auto; margin-left: auto; max-width: var(--inner); width: 90%; padding: 30px 0; }
	.rnd-main .text-wrap { margin-left: 0; }
	.rnd-main .heading { margin-bottom: 16px; font-size: 2.4rem; }
	.rnd-main .lists .item { margin-bottom: 0.6em; }

	.rnd-direction .sub-heading .heading { margin-bottom: 14px; font-size: 2.4rem; }
	.rnd-direction .sub-heading .text { font-size: 1.6rem; }
	.rnd-direction .title { margin-bottom: 16px; font-size: 1.8rem; }
	.rnd-direction .lists .item { margin-bottom: 0.45em; }
}
@media screen and (max-width: 500px) {
	.process-main .inner { max-width: 80%; }

	.rnd-direction .grid { grid-template-columns: 1fr; }
}


/* ESG */
.esg-main:last-of-type { padding-bottom: 0; }
.esg-main .section-child { padding: 140px 0; }
.esg-main .section-child:first-child { padding-top: 0; }
.esg-main .section-child:nth-child(even) { background: var(--background); }
.esg-main .section-child:last-child { padding-bottom: 200px; }
.esg-main .ban { position: relative; height: 496px; }
.esg-main .ban .background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.esg-main .ban .background .image { display: block; width: 100%; height: 100%; object-fit: cover; }
.esg-main .ban .context { z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; padding: 0 24px; height: 100%; text-align: center; color: #fff; }
.esg-main .ban .heading { margin-bottom: 20px; font-size: 4.8rem; font-weight: 700; }
.esg-main .ban .text { font-size: 2.4rem; font-weight: 600; }
.esg-main .flex { margin-top: 80px; }
.esg-main .flex .side { width: 30%; }
.esg-main .flex .contents { width: 58.1%; }
.esg-main .title { font-size: 2.4rem; font-weight: 400; }
.esg-main .title .eng { display: block; margin-bottom: 20px; font-size: 4.8rem; font-weight: 700; color: var(--clr-black); }
.esg-main .lists .item { margin-bottom: 66px; }
.esg-main .lists .item:last-child { margin-bottom: 0; }
.esg-main .lists .name { position: relative; margin-bottom: 22px; font-size: 2.8rem; font-weight: 700; color: var(--clr-black); }
.esg-main .lists .name .order { vertical-align: 4px; padding-right: 16px; font-size: 1.8rem; font-weight: 700; color: var(--clr-primary); }
.esg-main .lists .text { padding-left: 44px; font-size: 1.6rem; }
@media screen and (max-width: 1024px) {
	.esg-main .section-child:last-child { padding-bottom: 120px; }

	.esg-main .section-child { padding: 120px 0; }
	.esg-main .ban { height: 370px; }
	.esg-main .ban .heading { font-size: 3.2rem; }
	.esg-main .ban .text { font-size: 1.8rem; }
	.esg-main .flex { margin-top: 60px; }
	.esg-main .flex .side { width: 100%; }
	.esg-main .flex .contents { padding-top: 30px; width: 100%; }
	.esg-main .title { font-size: 2rem; }
	.esg-main .title .eng { margin-bottom: 14px; font-size: 3.2rem; }
	.esg-main .lists .item { margin-bottom: 30px; }
	.esg-main .lists .name { margin-bottom: 12px; font-size: 2rem; }
	.esg-main .lists .name .order { vertical-align: 2px; padding-right: 10px; font-size: 1.6rem; }
	.esg-main .lists .text { padding-left: 34px; font-size: 1.5rem; }
}
@media screen and (max-width: 768px) {
	.esg-main .section-child { padding: 80px 0; }
	.esg-main .section-child:last-child { padding-bottom: 120px; }
	.esg-main .ban { height: 240px; }
	.esg-main .ban .heading { font-size: 2rem; }
	.esg-main .ban .text { font-size: 1.5rem; }
	.esg-main .flex { margin-top: 40px; }
	.esg-main .title { font-size: 1.8rem; }
	.esg-main .title .eng { margin-bottom: 6px; font-size: 2.4rem; }
	.esg-main .lists .item { margin-bottom: 20px; }
	.esg-main .lists .name { margin-bottom: 10px; font-size: 1.8rem; }
	.esg-main .lists .name .order { vertical-align: 2px; padding-right: 8px; font-size: 1.5rem; }
	.esg-main .lists .text { padding-left: 30px; font-size: 1.4rem; }
}


/* 채용정보 */
.recruit-introduce .text { font-size: 4.8rem; font-weight: 600; color: var(--clr-black); }
.recuit-main:last-of-type { padding-bottom: 0; }
.recuit-main .section-child { display: flex; align-items: center; justify-content: space-between; margin-right: auto; margin-left: auto; padding: 70px 0; max-width: var(--inner); width: 90%; }
.recuit-main .section-child:first-child { padding-top: 0; }
.recuit-main .section-child:last-child { padding-bottom: 200px; }
.recuit-main .side { width: 48.75%; min-height: 785px; }
.recuit-main .contents { padding-right: 23px; width: 43.75%; }
.recuit-main .side .image { display: block; width: 100%; height: 100%; border-radius: 20px; object-fit: cover; }
.recuit-main .section-child:nth-child(even) { flex-direction: row-reverse; }
.recuit-main .section-child:nth-child(even) .contents { padding-right: 0; }
.recuit-main .heading { margin-bottom: 80px; font-size: 4.8rem; font-weight: 700; color: var(--clr-black); }
.recuit-main .lists .item { margin-top: 40px; }
.recuit-main .lists .title { margin-bottom: 16px; font-size: 2.4rem; font-weight: 700; color: var(--clr-black); }
.recuit-main .lists .dot-title::before { width: 0.16666em; height: 0.16666em; }
.recuit-main .lists .text { padding-left: 24px; font-weight: 500; }

.recuit-process { padding-top: 140px; background: var(--background); }
.recuit-process .sub-heading .heading { font-size: 4.8rem; font-weight: 700; color: var(--clr-black); }
.recuit-process .lists { display: flex; flex-wrap: wrap; justify-content: flex-end; margin: -58px; }
.recuit-process .lists .item { padding: 58px; width: 33.33333%; }
.recuit-process .lists .block { display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; padding: 24px; aspect-ratio: 1; }
.recuit-process .lists .layer { overflow: hidden; position: absolute; top: 0; left: 0; padding: 1px; width: 100%; height: 100%; border-radius: 50%; pointer-events: none; }
.recuit-process .lists .layer::before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--clr-primary); transform: translate3d(-100%, 0, 0); will-change: transform; }
.recuit-process .lists .layer::after { content: ''; display: block; position: relative; width: 100%; height: 100%; background: #fff; border-radius: 50%; }
.recuit-process .lists .badge { z-index: 2; position: relative; font-weight: 700; color: var(--clr-primary); }
.recuit-process .lists .image { z-index: 2; position: relative; margin: 24px 0 20px; width: 64px; }
.recuit-process .lists .title { z-index: 2; position: relative; font-size: 2.8rem; font-weight: 700; color: var(--clr-black); }
.recuit-process .lists .text { z-index: 2; position: relative; font-size: 1.6rem; }
.recuit-process .lists .bridge { position: absolute; top: 0; bottom: 0; left: 100%; margin: auto; width: 116px; height: 40px; }
.recuit-process .lists .bridge .line { position: absolute; display: block; width: 100%; height: 100%; }
.recuit-process .lists .bridge .line::before { content: ''; position: absolute; top: 0; left: 0; bottom: 0; margin: auto; width: 100%; height: 1px; background-image: linear-gradient(to right, #999999 2px, transparent 2px); background-size: 7px 2px; background-repeat: repeat-x; background-position: center; }
.recuit-process .lists .bridge .line::after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; margin: auto; width: 100%; height: 1px; background: var(--clr-primary); opacity: 0; }
.recuit-process .lists .bridge .arrow { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 40px; height: 40px; background: #cccccc; border-radius: 50%; }
.recuit-process .lists .bridge .arrow::before { content: ''; display: block; width: 100%; height: 100%; background: url('/images/chevron-right-light.svg') no-repeat center / auto 100%; }
.recuit-process .lists .item.on .layer::before { transform: none; transition: transform cubic-bezier(0.43, 0.12, 0.21, 1) 1.2s; }
.recuit-process .lists .item.on .bridge .arrow { background: var(--clr-primary); transition: background .35s ease 1.1s; }
.recuit-process .lists .item.on .bridge .line::after { opacity: 1; transition: opacity .35s ease 1.1s; }
.recuit-process .flex .contents { width: 74.876%; }
.recuit-process .ban { overflow: hidden; position: relative; margin-top: 160px; height: 496px; border-radius: 10px; }
.recuit-process .ban .background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.recuit-process .ban .background .item { display: block; width: 100%; height: 100%; object-fit: cover; }
.recuit-process .ban .context { z-index: 2; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 24px; height: 100%; text-align: center; color: #fff; }
.recuit-process .ban .context .title { margin-bottom: 40px; font-size: 4.8rem; font-weight: 700; }
@media screen and (max-width: 1024px) {
	.recuit-main .section-child { padding: 60px 0; }
	.recuit-main .section-child:last-child { padding-bottom: 120px; }
	.recruit-introduce .text { font-size: 2.8rem; }
	.recuit-main .side { min-height: auto; height: 400px; }
	.recuit-main .side .image { border-radius: 12px; }
	.recuit-main .heading { margin-bottom: 46px; font-size: 3.2rem; }
	.recuit-main .lists .item { margin-top: 30px; }
	.recuit-main .lists .title { font-size: 2rem; }

	.recuit-process { padding-top: 120px; }
	.recuit-process .sub-heading .heading { font-size: 3.2rem; }
	.recuit-process .flex .contents { margin-top: 30px; width: 100%; }
	.recuit-process .lists .badge { font-size: 1.5rem; }
	.recuit-process .lists .image { margin: 16px 0; width: 48px; }
	.recuit-process .lists .title { font-size: 1.8rem; }
	.recuit-process .ban { margin-top: 120px; height: 286px; }
	.recuit-process .ban .context .title { margin-bottom: 30px; font-size: 3.2rem; }
}
@media screen and (max-width: 768px) {
	.recruit-introduce .text { font-size: 1.8rem; }
	.recuit-main .section-child { display: block; padding: 40px 0; }
	.recuit-main .side { width: 100%; }
	.recuit-main .contents { padding-top: 30px; width: 100%; }
	.recuit-main .heading { margin-bottom: 24px; font-size: 2.4rem; }
	.recuit-main .lists .item { margin-top: 20px; }
	.recuit-main .lists .title { margin-bottom: 10px; font-size: 1.6rem; }
	.recuit-main .lists .text { padding-left: 18px; }

	.recuit-process { padding-top: 80px; }
	.recuit-process .sub-heading .heading { font-size: 2.4rem; }
	.recuit-process .lists .item { width: 100%; }
	.recuit-process .flex .contents { margin-right: auto; margin-left: auto; max-width: 280px; width: 60%; }
	.recuit-process .lists { margin: -40px; }
	.recuit-process .lists .item { padding: 40px; }
	.recuit-process .lists .layer::before { transform: translateY(-100%); }
	.recuit-process .lists .bridge { top: 100%; left: 0; right: 0; width: 80px; height: 40px; transform: rotate(90deg) translateX(50%); }
	.recuit-process .lists .bridge .arrow { width: 34px; height: 34px; }
	.recuit-process .ban { margin-top: 80px; height: 214px; }
	.recuit-process .ban .context .title { margin-bottom: 20px; font-size: 2rem; }
}
@media screen and (max-width: 500px) {
	.recuit-main .side { height: 200px; }
}


/* 문의하기 */
.inquiry-main { padding-top: 160px; }
.inquiry-main .sub-heading { margin-bottom: 80px; }
.inquiry-main .sub-heading .heading { font-size: 4.8rem; font-weight: 600; color: var(--clr-black); }
.inquiry-form .form-group { margin-bottom: 40px; }
.inquiry-form .form-group:last-child { margin-bottom: 0; }
.inquiry-form .form-group .label { display: block; margin-bottom: 26px; font-size: 2rem; font-weight: 600; color: var(--clr-black); }
.inquiry-form .form-group .input { width: 100%; }
.inquiry-form .form-group .textarea { width: 100%; height: 400px; }
.inquiry-form .agree-heading { margin: 80px 0 28px; font-size: 3.6rem; font-weight: 600; color: var(--clr-black); }
.inquiry-form .agree-box { margin-bottom: 20px; padding: 10px; background: var(--background); border-radius: 10px; }
.inquiry-form .agree-box .scroll { overflow-x: hidden; overflow-y: auto; padding: 26px; height: 360px; font-size: 1.6rem; color: #666; }

.location-main { padding-top: 160px; }
.location-main .sub-heading { margin-bottom: 80px; }
.location-main .sub-heading .heading { font-size: 4.8rem; font-weight: 600; color: var(--clr-black); }
.location-main .map-box { z-index: 2; position: relative; background: var(--background); }
.location-main .map-box .item { display: block; width: 100%; height: 760px; }
.location-main .map-info { display: flex; justify-content: space-between; margin-top: 80px; }
.location-main .map-info .side { width: 32%; }
.location-main .map-info .contents { width: 48.75%; }
.location-main .map-info .title { line-height: 1.3; font-size: 4.8rem; font-weight: 600; color: var(--clr-black); }
.location-main .map-info .data .dt { margin-bottom: 24px; font-size: 2rem; font-weight: 600; color: var(--clr-black); }
.location-main .map-info .data .dd { font-weight: 500; }
.location-main .map-info .data .icon { vertical-align: text-bottom; margin-right: 0.3em; }
@media screen and (max-width: 1024px) {
	.inquiry-main { padding-top: 120px; }
	.inquiry-main .sub-heading { margin-bottom: 60px; }
	.inquiry-main .sub-heading .heading { font-size: 2.4rem; }
	.inquiry-form .form-group { margin-bottom: 24px; }
	.inquiry-form .form-group .label { margin-bottom: 10px; font-size: 1.8rem; }
	.inquiry-form .form-group .textarea { height: 300px; }
	.inquiry-form .agree-heading { margin: 40px 0 20px; font-size: 2rem; }
	.inquiry-form .agree-box { border-radius: 8px; }
	.inquiry-form .agree-box .scroll { padding: 18px; height: 220px; font-size: 1.4rem; }

	.location-main { padding-top: 120px; }
	.location-main .sub-heading { margin-bottom: 40px; }
	.location-main .sub-heading .heading { font-size: 2.4rem; }
	.location-main .map-box .item { height: 480px; }
	.location-main .map-info { display: block; margin-top: 40px; }
	.location-main .map-info .title { font-size: 2.4rem; }
	.location-main .map-info .side { width: 100%; }
	.location-main .map-info .contents { padding-top: 30px; width: 100%; }
	.location-main .map-info .data .dt { margin-bottom: 10px; font-size: 1.8rem; }
	.location-main .map-info .data .icon { width: 20px; height: 20px; }
}
@media screen and (max-width: 768px) {
	.inquiry-main { padding-top: 80px; }
	.inquiry-main .sub-heading { margin-bottom: 40px; }
	.inquiry-main .sub-heading .heading { font-size: 1.8rem; }
	.inquiry-form .form-group { margin-bottom: 20px; }
	.inquiry-form .form-group .label { margin-bottom: 6px; font-size: 1.6rem; }
	.inquiry-form .form-group .textarea { height: 160px; }
	.inquiry-form .agree-box .scroll { padding: 12px; height: 130px; font-size: 1.3rem; }

	.location-main { padding-top: 80px; }
	.location-main .map-info .contents { padding-top: 20px; }
	.location-main .sub-heading { margin-bottom: 24px; }
	.location-main .sub-heading .heading { font-size: 1.8rem; }
	.location-main .map-box .item { height: 340px; }
	.location-main .map-info { margin-top: 30px; }
	.location-main .map-info .title { font-size: 2rem; }
	.location-main .map-info .data .dt { font-size: 1.6rem; }
}
@media screen and (max-width: 768px) {
	.location-main .map-box .item { height: 260px; }
}


/* for Global */
[lang="en"] .ceo-introduce .text .name { padding-left: 0; padding-right: 0.65em; }
[lang="en"] .global-office .data .dt { width: 130px; }
@media screen and (min-width: 1025px) {
	[lang="en"] .flex-box .heading { font-size: 2.6rem; }
	[lang="en"] .recuit-main .heading { font-size: 4.2rem; }
	[lang="en"] .recuit-process .lists .title { font-size: 2.4rem; }
}
@media screen and (max-width: 1366px) {
	[lang="cn"] .flex-box .gray-box .lists small { overflow-wrap: anywhere; word-break: normal; }
}
@media screen and (max-width: 1024px) {
	[lang="en"] .global-office .data .dt { width: 100px; }
}
@media screen and (max-width: 768px) {
	[lang="en"] .global-office .data .dt { width: 90px; }	
}