/* COMMON */
.footer { border-top: 1px solid var(--border); }

.section-heading { margin-bottom: 60px; }
.section-heading .heading { margin-bottom: 20px; font-family: var(--font-display); line-height: 1.3; font-size: 6rem; font-weight: 700; }
.section-heading .heading[data-line] .line { display: inline-block; clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%); transition: clip-path ease .65s; }
.section-heading .text { font-size: 2rem; }
.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%); }

.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: 4.2rem; }
    .section-heading .text { font-size: 1.8rem; }
	.section-heading .link-hover { margin-top: 30px; width: 40px; height: 40px; }

	.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.6rem; }
    .section-heading .text { font-size: 1.6rem; }
	.section-heading .link-hover { margin-top: 20px; width: 30px; height: 30px; }

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


/* sub-visual */
.sub-visual { margin: 200px 0 150px; }
.sub-visual .title { text-align: center; font-size: 6rem; font-weight: 600; }
.breadcrumb ol { display: flex; justify-content: center; margin-bottom: 20px; }
.breadcrumb li { display: flex; align-items: center; font-size: 1.6rem; font-weight: 500; }
.breadcrumb li:not(:last-child)::after { content: ''; display: inline-block; margin: 0 12px; width: 20px; height: 20px; background: url('/theme/basic/images/chevron-right.svg') no-repeat center / auto 100%; }
.breadcrumb a { color: inherit; }
.breadcrumb .icon-home { display: inline-block; vertical-align: -3px; width: 20px; height: 20px; background-repeat: no-repeat; background-position: center; background-size: auto 100%; background-image: url('/theme/basic/images/home.svg'); }
@keyframes subVisualFade {
    to { opacity: 1; }
}
@keyframes subVisual {
    to { transform: none; }
}
@media (hover: hover) and (pointer: fine) {
    .breadcrumb .listbox a:hover { color: #000000; }
    .breadcrumb .listbox a:hover span { background-size: 100% 100%; }
}
@media screen and (min-width: 1025px) {
	.sub-visual-tabs .list { -webkit-backdrop-filter: saturate(150%) blur(25px); backdrop-filter: saturate(150%) blur(25px); }
}
@media screen and (max-width: 1024px) {
	.sub-visual { margin: 140px 0 100px; }
	.sub-visual .title { font-size: 4.6rem; }
	.breadcrumb ol { margin-bottom: 10px; }
    .breadcrumb li { font-size: 13px; }
	.breadcrumb li:not(:last-child)::after { margin-right: 5px; margin-left: 5px; }
	.breadcrumb a { font-size: 12px; }
	.breadcrumb .icon-home { width: 14px; height: 14px; }
}
@media screen and (max-width: 768px) {
	.sub-visual { margin: 120px 0 80px; }
	.sub-visual .title { font-size: 3.4rem; }
}
@media screen and (max-width: 768px) {
	.sub-visual { margin: 120px 0 60px; }
	.sub-visual .title { 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: 0; left: 0; right: 0; margin: auto; width: 67.7083333333vw; height: 50vh; background: #000; transform-origin: bottom; will-change: transform; }
.section-hero .background .item { display: block; width: 100%; height: 100%; object-fit: cover; }
.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: 4.6rem; font-weight: 700; color: #fff; transform: translateY(50px); }
.section-hero .heading .line { opacity: 0; 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 { height: auto; }
	.section-hero .hero-wrap { position: static; height: auto; }
	.section-hero .block { position: relative; }
	.section-hero .background { position: relative; width: 100%; height: 500px; }
	.section-hero .heading { font-size: 2.4rem; transform: none; }
	.section-hero .heading .eng { font-size: 4rem; }
}
@media screen and (max-width: 768px) {
	.section-hero .background { height: 340px; }
	.section-hero .heading { font-size: 1.8rem; }
	.section-hero .heading .eng { margin-top: 4px; font-size: 2.4rem; }
}
@media screen and (max-width: 768px) {
	.section-hero .background { height: 260px; }
	.section-hero .heading { font-size: 1.6rem; }
}


/* SMC */
.smc .section-introduce { z-index: 2; position: relative; background: #fff; }
.smc .section-introduce .section-child-head { display: flex; align-items: center; justify-content: center; height: 100vh; height: 100svh; text-align: center; }
.smc .section-introduce .section-child-head .heading { font-size: 4rem; font-weight: 700; }
.smc .section-introduce .section-child-body { position: relative; height: 300svh; height: 300svh; }
.smc .section-introduce .introduce-wrap { overflow: hidden; position: sticky; top: 0; left: 0; width: 100%; height: 100svh; height: 100vh; }
.smc .section-introduce .introduce-wrap .item { position: absolute; top: 50%; transform: translateY(-50%); }
.smc .section-introduce .introduce-wrap .item .image { display: block; width: 100%; height: 100%; object-fit: cover; will-change: transform; }
.smc .section-introduce .introduce-wrap .item-main { left: 35.7291vw; width: 28.6458vw; aspect-ratio: 0.7857; will-change: transform; }
.smc .section-introduce .introduce-wrap .item-main .mask { z-index: 2; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0; pointer-events: none; }
.smc .section-introduce .introduce-wrap .item-1 { left: -1.7708vw; width: 15.625vw; }
.smc .section-introduce .introduce-wrap .item-2 { left: 15.4166vw; width: 18.75vw; }
.smc .section-introduce .introduce-wrap .item-3 { left: 65.9375vw; width: 18.75vw; }
.smc .section-introduce .introduce-wrap .item-4 { left: 86.25vw; width: 15.625vw; }
.smc .section-introduce .introduce-wrap .contents { display: flex; align-items: flex-end; justify-content: flex-end; z-index: 3; position: absolute; top: 0; left: 0; padding: 0 100px; width: 100%; height: 100%; color: #fff; }
.smc .section-introduce .introduce-wrap .context { padding: 100px 0; }
.smc .section-introduce .introduce-wrap .title { position: absolute; top: 150px; left: 100px; font-family: var(--font-display); line-height: 1.3; font-size: 6rem; font-weight: 700; letter-spacing: normal; clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%); }
.smc .section-introduce .introduce-wrap .text { margin-top: auto; line-height: 1.5; font-size: 2rem; font-weight: 500; opacity: 0; transform: translateY(35px); }
.smc .section-introduce .mobile-contents { display: none; margin: 80px auto 0; width: 90%; }
.smc .section-introduce .mobile-contents .title { margin-bottom: 20px; font-size: 2.4rem; }
.smc .section-value { position: relative; height: 400vh; height: 400svh; }
.smc .section-value .symbol { clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%); transition: clip-path .65s ease .7s; }
.smc .section-value .symbol.sr-animate { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); }

.smc .section-value .value-wrap { overflow: hidden; display: flex; align-items: center; position: sticky; top: 0; left: 0; width: 100%; height: 100vh; height: 100svh; }
.smc .section-value .lists { display: flex; }
.smc .section-value .lists .item { margin-right: 1.5625vw; width: 27.0833vw; }
.smc .section-value .lists .background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--clr-primary); clip-path: inset(50% 0 50% 0); transition: clip-path cubic-bezier(0.22, 0.61, 0.36, 1) .5s; }
.smc .section-value .lists .block { display: block; position: relative; aspect-ratio: 0.8; }
.smc .section-value .lists .context { z-index: 2; display: flex; flex-direction: column; position: absolute; top: 0; left: 0; padding: 40px; height: 100%; color: #fff; white-space: normal; }
.smc .section-value .lists .image { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.smc .section-value .lists .badge { display: block; margin-bottom: 15px; line-height: 1.3; font-family: var(--font-display); font-size: 3.6rem; font-weight: 700; letter-spacing: normal; }
.smc .section-value .lists .title { font-size: 2rem; font-weight: 600; }
.smc .section-value .lists .text { margin-top: auto; transform: translateY(20px); transition: all ease .35s; opacity: 0; }
.smc .section-value .scroller { display: flex; align-items: center; white-space: nowrap; }
.smc .section-value .section-heading { margin-bottom: 0; }
.smc .section-value .section-heading .heading { margin-bottom: 0; line-height: inherit; font-family: inherit; font-size: 5rem; font-weight: 600; }
.smc .section-value .section-heading .text { margin: 0 200px; font-size: 4rem; font-weight: 600; }
.smc .section-value .symbol { content: ''; flex: 1 0 auto; display: block; margin: 0 200px; width: 200px; height: 3px; background: #000; }
.smc .section-strength { overflow: hidden; padding: 100px 0; }
.smc .section-strength .section-heading .heading { letter-spacing: normal; }
.smc .section-strength .lists { display: flex; }
.smc .section-strength .lists .item { flex: 1 0 auto; width: 16.6666%; opacity: 0; transition: all .85s ease .15s; }
.smc .section-strength .lists .item:nth-child(1) { transform: translateX(30px); }
.smc .section-strength .lists .item:nth-child(2) { transform: translateX(70px); }
.smc .section-strength .lists .item:nth-child(3) { transform: translateX(110px); }
.smc .section-strength .lists .item:nth-child(4) { transform: translateX(150px); }
.smc .section-strength .lists .item:nth-child(5) { transform: translateX(190px); }
.smc .section-strength .lists .item:nth-child(6) { transform: translateX(230px); }
.smc .section-strength .lists.sr-animate .item { opacity: 1; transform: none; }
.smc .section-strength .lists .item:last-child .block::after { border-right: none; }
.smc .section-strength .lists .block { display: block; position: relative; padding: 40px 24px; height: 100%; }
.smc .section-strength .lists .block::before,
.smc .section-strength .lists .block::after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; pointer-events: none; will-change: transform; }
.smc .section-strength .lists .block::before { width: calc(100% - 18px); height: 100%; border-top: 2px solid #000; border-bottom: 2px solid #000; transition: opacity ease .35s; }
.smc .section-strength .lists .block::after { width: calc(100% + 1px); height: calc(100% - 40px); border-right: 2px solid #000; }
.smc .section-strength .lists .image { width: 60px; }
.smc .section-strength .lists .context { z-index: 2; position: relative; height: 100%; text-align: center; }
.smc .section-strength .lists .title { margin: 30px 0 20px; line-height: 1.3; font-size: 2rem; font-weight: 500; }
.smc .section-products { position: relative; padding-bottom: 160px; height: 300vh; height: 300svh; }
.smc .section-products .section-heading .heading { letter-spacing: normal; }
.smc .section-products .products-wrap { overflow: hidden; display: flex; align-items: center; position: sticky; top: 0; left: 0; width: 100%; height: 100vh; height: 100svh; }
.smc .section-products .lists { display: flex; white-space: nowrap; }
.smc .section-products .lists .item { flex: 1 0 auto; margin-right: 20px; width: 44.2708vw; }
.smc .section-products .lists .item:last-child { margin-right: 0; }
.smc .section-products .lists .block { overflow: hidden; display: block; position: relative; color: #fff; }
.smc .section-products .lists .block::before { content: ''; z-index: 2; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0; transition: opacity ease .65s; }
.smc .section-products .lists .thumbnail { display: block; transition: transform ease .45s; will-change: transform; }
.smc .section-products .lists .name { z-index: 3; position: absolute; bottom: 30px; left: 30px; font-size: 2.4rem; font-weight: 600; }
.smc .section-products .lists .link-hover { z-index: 3; position: absolute; bottom: 30px; right: 40px; opacity: 0; }
.smc .section-process { overflow: hidden; z-index: 2; position: relative; padding-top: 200px; background: #fff; }
.smc .section-process .section-heading .heading { font-size: 4rem; }
.smc .section-process .block-lists { display: flex; }
.smc .section-process .block-lists .item { flex: 1 0 auto; width: 16.6666%; opacity: 0; transition: all .85s ease .15s; }
.smc .section-process .block-lists .item:nth-child(1) { transform: translateX(30px); }
.smc .section-process .block-lists .item:nth-child(2) { transform: translateX(70px); }
.smc .section-process .block-lists .item:nth-child(3) { transform: translateX(110px); }
.smc .section-process .block-lists .item:nth-child(4) { transform: translateX(150px); }
.smc .section-process .block-lists .item:nth-child(5) { transform: translateX(190px); }
.smc .section-process .block-lists .item:nth-child(6) { transform: translateX(230px); }
.smc .section-process .block-lists .item:last-child .block::after { border-right: none; }
.smc .section-process .block-lists.sr-animate .item { opacity: 1; transform: none; }
.smc .section-process .block-lists .block { display: block; position: relative; padding: 40px 24px 60px; height: 100%; }
.smc .section-process .block-lists .block::before,
.smc .section-process .block-lists .block::after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; pointer-events: none; will-change: transform; }
.smc .section-process .block-lists .block::before { width: calc(100% - 18px); height: calc(100% - 1px); border-top: 2px solid #000; border-bottom: 2px solid #000; transition: opacity ease .35s; }
.smc .section-process .block-lists .block::after { width: calc(100% + 1px); height: calc(100% - 40px); border-right: 2px solid #000; }
.smc .section-process .block-lists .image { width: 100px; }
.smc .section-process .block-lists .context { z-index: 2; position: relative; height: 100%; text-align: center; }
.smc .section-process .block-lists .title { margin: 30px 0 10px; line-height: 1.3; font-size: 2rem; font-weight: 500; }
.smc .section-process .block-lists .title .badge { display: block; margin-bottom: 10px; font-family: var(--font-display); font-size: 1.6rem; font-weight: 700; color: var(--clr-primary); }
.smc .section-process .round-lists { display: flex; margin: -25px; }
.smc .section-process .round-lists .item { flex: 1 0 auto; padding: 25px; width: 12.5%; opacity: 0; transition: all .85s ease .15s; }
.smc .section-process .round-lists .item:nth-child(1) { transform: translateX(30px); }
.smc .section-process .round-lists .item:nth-child(2) { transform: translateX(70px); }
.smc .section-process .round-lists .item:nth-child(3) { transform: translateX(110px); }
.smc .section-process .round-lists .item:nth-child(4) { transform: translateX(150px); }
.smc .section-process .round-lists .item:nth-child(5) { transform: translateX(190px); }
.smc .section-process .round-lists .item:nth-child(6) { transform: translateX(230px); }
.smc .section-process .round-lists .item:nth-child(7) { transform: translateX(270px); }
.smc .section-process .round-lists .item:nth-child(8) { transform: translateX(310px); }
.smc .section-process .round-lists .item:nth-child(2) .round { background: #108CC1; }
.smc .section-process .round-lists .item:nth-child(3) .round { background: #1A93C3; }
.smc .section-process .round-lists .item:nth-child(4) .round { background: #279BC6; }
.smc .section-process .round-lists .item:nth-child(5) .round { background: #33A3C9; }
.smc .section-process .round-lists .item:nth-child(6) .round { background: #3DAACB; }
.smc .section-process .round-lists .item:nth-child(7) .round { background: #4AB3CF; }
.smc .section-process .round-lists .item:nth-child(8) .round { background: #59BDD2; }
.smc .section-process .round-lists .item:last-child .round::after { content: none; }
.smc .section-process .round-lists.sr-animate .item { opacity: 1; transform: none; }
.smc .section-process .round-lists .round { position: relative; max-width: 172px; border-radius: 50%; background: #0081BD; }
.smc .section-process .round-lists .round::before { content: ''; display: block; padding-top: 100%; }
.smc .section-process .round-lists .round::after { content: ''; position: absolute; top: 0; right: -36px; bottom: 0; margin: auto; width: 26px; height: 26px; background: url('/theme/basic/images/sub/smc/process/chevron-right.svg') no-repeat center / auto 100%; }
.smc .section-process .round-lists .round .image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.smc .section-process .round-lists .title { margin-top: 20px; line-height: 1.3; text-align: center; font-size: 2rem; font-weight: 500; color: #111; }
.smc .section-process .round-lists .title .badge { display: block; margin-bottom: 10px; font-family: var(--font-display); font-size: 1.6rem; font-weight: 700; color: #AAAAAA; }
.smc .section-process .card-lists { overflow: hidden; display: flex; flex-wrap: wrap; justify-content: space-between; border-top: 2px solid var(--clr-black); border-bottom: 2px solid var(--clr-black); }
.smc .section-process .card-lists .item { position: relative; padding: 40px 40px 60px; width: 32.1512%; }
.smc .section-process .card-lists .item:last-child .round::after { content: none; }
.smc .section-process .card-lists .item:nth-child(n+4)::before { content: ''; position: absolute; top: 0; left: 0; width: 110%; height: 2px; background: var(--clr-black); }
.smc .section-process .card-lists .thumbnail { position: relative; }
.smc .section-process .card-lists .thumbnail::after { content: ''; position: absolute; top: 0; right: -68px; bottom: 0; margin: auto; width: 26px; height: 26px; background: url('/theme/basic/images/sub/smc/process/chevron-right.svg') no-repeat center / auto 100%; }
.smc .section-process .card-lists .title { margin: 30px 0 10px; padding-left: 20px; line-height: 1.3; font-size: 2rem; font-weight: 500; color: #111; }
.smc .section-process .card-lists .title .badge { display: block; margin-bottom: 10px; font-family: var(--font-display); font-size: 1.6rem; font-weight: 700; color: var(--clr-primary); }
.smc .section-process .card-lists .text { padding-left: 20px; line-height: 1.4; font-size: 1.7rem; }
.smc .section-media { padding: 200px 0; }
.smc .section-media .inner { display: flex; align-items: center; justify-content: space-between; }
.smc .section-media .section-heading { flex: 1 0 300px; }
.smc .section-media .section-heading .heading { margin-bottom: 0; }
.smc .section-media .section-heading .text { text-align: right; }
.smc .section-media .media { flex: 1 0 1000px; }
.smc .section-media .media .item { display: block; width: 100%; height: auto; }
@media (hover: hover) and (pointer: fine) {
    .section-value .lists .block:hover .background { clip-path: inset(0 0 0 0); }
    .section-value .lists .block:hover .text { transform: none; opacity: 1; }

	.smc .section-products .lists .block:hover::before { opacity: .2; }
    .smc .section-products .lists .block:hover .thumbnail { transform: scale(1.1); }
    .smc .section-products .lists .block:hover .link-hover { opacity: 1; }
    .smc .section-products .lists .block:hover .link-hover .icon::before { background-position-x: 50px; }
}
@media screen and (min-width: 1025px) {
	.smc .section-process .section-heading { margin-bottom: 40px; }
}
@media screen and (max-width: 1024px) {
	.smc .section-introduce .section-child-head { padding: 180px 0 80px; height: auto; }
	.smc .section-introduce .section-child-head .heading { font-size: 2.6rem; }
	.smc .section-introduce .section-child-body { height: auto; }
	.smc .section-introduce .introduce-wrap { position: relative; height: 36.6vw; }
	.smc .section-introduce .introduce-wrap .contents { display: none; }
	.smc .section-introduce .mobile-contents { display: block; }
	.smc .section-value { padding: 120px 0 60px; height: auto; }
	.smc .section-value .value-wrap { position: static; height: auto; display: block; }
	.smc .section-value .scroller { display: block; white-space: normal; }
	.smc .section-value .section-heading .heading { margin-bottom: 30px; font-size: 3rem; }
	.smc .section-value .section-heading .heading br { display: none; }
	.smc .section-value .section-heading .heading[data-line] .line-wrap { display: inline-block; clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%); transition: clip-path ease .65s; }
	.smc .section-value .section-heading .heading[data-line] .line { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); }
	.smc .section-value .section-heading .heading[data-line].sr-animate .line-wrap { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); }
	.smc .section-value .symbol { display: none; }
	.smc .section-value .lists { margin: -5px; }
	.smc .section-value .lists .item { margin: 0; padding: 5px; width: 33.33333%; }
	.smc .section-value .lists .badge { margin-bottom: 10px; font-size: 2.2rem; }
	.smc .section-value .lists .context { padding: 34px; }
	.smc .section-value .lists .context::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); }
	.smc .section-value .lists .title { z-index: 2; position: relative; }
	.smc .section-value .lists .text { z-index: 2; position: relative; opacity: 1; font-size: 1.4rem; transform: none; }
	.smc .section-value .section-heading .text { margin: 30px 0 0; font-size: 2.4rem; transform: none; }
	.smc .section-strength { padding: 60px 0; }
	.smc .section-strength .lists { flex-wrap: wrap; }
	.smc .section-strength .lists .item { width: 33.33333%; }
	.smc .section-strength .lists .item:nth-child(3n) .block::after { content: none; }
	.smc .section-strength .lists .item:nth-child(-n + 3) .block::before { border-bottom-width: 0; }
	.smc .section-strength .lists .title { margin: 20px 0 14px; font-size: 1.8rem; }
	.smc .section-strength .lists .block { padding: 34px 16px; }
	.smc .section-products { padding: 60px 0; height: auto; }
	.smc .section-products .products-wrap { position: static; height: auto; }
	.smc .section-products .lists { flex-wrap: wrap; margin: -5px; }
	.smc .section-products .lists .item { margin: 0; padding: 5px; width: 50%; }
	.smc .section-products .lists .name { font-size: 2rem; }
	.smc .section-products .lists .link-hover { bottom: 24px; right: 24px; opacity: 1; }
	.smc .section-process { padding-top: 120px; }
	.smc .section-process .section-heading .heading { font-size: 3rem; }
	.smc .section-process .block-lists { flex-wrap: wrap; }
	.smc .section-process .block-lists .block { padding: 34px 16px 30px; }
	.smc .section-process .block-lists .item { width: 33.33333%; }
	.smc .section-process .block-lists .item:nth-child(3n) .block::after { content: none; }
	.smc .section-process .block-lists .item:nth-child(-n + 3) .block::before { border-bottom-width: 0; }
	.smc .section-process .block-lists .image { width: 80px; }
	.smc .section-process .block-lists .title { margin: 20px 0 8px; font-size: 1.7rem; }
	.smc .section-process .block-lists .title .badge { font-size: 1.5rem; }
	.smc .section-process .round-lists { flex-wrap: wrap; }
	.smc .section-process .round-lists .item { flex: 0 0 auto; width: 25%; }
	.smc .section-process .round-lists .round { max-width: none; }
	.smc .section-process .round-lists .title { margin-top: 16px; font-size: 1.8rem; }
	.smc .section-process .round-lists .title .badge { margin-bottom: 8px; font-size: 1.5rem; }
	.smc .section-process .card-lists .thumbnail::after { right: calc(1.7732% - 48px); }
	.smc .section-process .card-lists .item { padding: 24px 24px 30px; }
	.smc .section-process .card-lists .title { margin: 20px 0 10px; padding-left: 12px; font-size: 1.8rem; }
	.smc .section-process .card-lists .title .badge { margin-bottom: 6px; }
	.smc .section-process .card-lists .text { padding-left: 12px; font-size: 1.6rem; }
	.smc .section-media { padding: 120px 0; }
	.smc .section-media .inner { display: block; }
	.smc .section-media .section-heading:last-child { margin: 30px 0 0; }
}
@media screen and (max-width: 768px) {
	.smc .section-introduce .section-child-head { padding: 120px 0 80px; }
	.smc .section-introduce .section-child-head .heading { font-size: 2rem; }
	.smc .section-introduce .mobile-contents .title { margin-bottom: 16px; font-size: 2rem; }
	.smc .section-value { padding: 80px 0 40px; }
	.smc .section-value .section-heading .heading { font-size: 2.4rem; }
	.smc .section-value .lists { flex-wrap: wrap; }
	.smc .section-value .lists .context { padding: 26px; }
	.smc .section-value .lists .item { width: 100%; }
	.smc .section-value .lists .badge { margin-bottom: 6px; font-size: 2rem; }
	.smc .section-value .lists .title { font-size: 1.8rem; }
	.smc .section-value .section-heading .text { font-size: 1.8rem; }
	.smc .section-strength { padding: 40px 0; }
	.smc .section-strength .lists .item { width: 50%; }
	.smc .section-strength .lists .item:nth-child(2n) .block::after { content: none; }
	.smc .section-strength .lists .item:nth-child(3n) .block::after { content: ''; }
	.smc .section-strength .lists .item:nth-child(-n + 4) .block::before { border-bottom-width: 0; }
	.smc .section-products { padding: 40px 0; }
	.smc .section-products .lists .name { right: 24px; bottom: 24px; font-size: 1.8rem; }
	.smc .section-process { padding-top: 80px; }
	.smc .section-process .section-heading .heading { font-size: 2.4rem; }
	.smc .section-process .block-lists .item { width: 50%; }
	.smc .section-process .block-lists .item:nth-child(2n) .block::after { content: none; }
	.smc .section-process .block-lists .item:nth-child(3n) .block::after { content: ''; }
	.smc .section-process .block-lists .item:nth-child(-n + 4) .block::before { border-bottom-width: 0; }
	.smc .section-process .block-lists .image { width: 64px; }
	.smc .section-process .block-lists .title { margin: 14px 0 6px; font-size: 1.6rem; }
	.smc .section-process .block-lists .title .badge { font-size: 1.4rem; }
	.smc .section-process .round-lists .title { margin-top: 14px; font-size: 1.7rem; }
	.smc .section-process .round-lists .title .badge { margin-bottom: 6px; font-size: 1.4rem; }
	.smc .section-process .card-lists .item { width: 48%; }
	.smc .section-process .card-lists .item:nth-child(3)::before { content: ''; position: absolute; top: 0; left: 0; width: 110%; height: 2px; background: var(--clr-black); }
	.smc .section-process .card-lists .thumbnail::after { right: calc(2% - 56px); }
	.smc .section-process .card-lists .title { margin-top: 10px; padding-left: 0; font-size: 1.6rem; }
	.smc .section-process .card-lists .title .badge { margin-bottom: 4px; }
	.smc .section-process .card-lists .text { padding-left: 0; font-size: 1.5rem; }
	.smc .section-media { padding: 80px 0; }
}
@media screen and (max-width: 600px) {
	.smc .section-introduce .section-child-head .heading { font-size: 1.6rem; }
	.smc .section-strength .lists .item { width: 100%; }
	.smc .section-strength .lists .item:not(:last-child) .block::before { border-bottom-width: 0; }
	.smc .section-strength .lists .item .block::after { border-right-width: 0; }
	.smc .section-products .lists .item { width: 100%; }
	.smc .section-process .block-lists .item { width: 100%; }
	.smc .section-process .block-lists .item:not(:last-child) .block::before { border-bottom-width: 0; }
	.smc .section-process .block-lists .item .block::after { border-right-width: 0; }
	.smc .section-process .round-lists .item { width: 50%; }
	.smc .section-process .round-lists .item:nth-child(2n) .round::after { content: none; }
	.smc .section-process .card-lists .item { padding: 24px 0; width: 100%; }
	.smc .section-process .card-lists .item:nth-child(2)::before { content: ''; position: absolute; top: 0; left: 0; width: 110%; height: 2px; background: var(--clr-black); }
}


/* 회사소개 */
.company ~ .cursor .cursor-wrap { background: #0097D7; }

/* .company .section-hero { position: relative; height: 200vh; height: 200svh; }
.company .section-hero .hero-wrap { overflow: hidden; position: sticky; top: 0; left: 0; width: 100%; height: 100vh; height: 100svh; }
.company .section-hero .background { width: 100%; height: 100%; }
.company .section-hero .background .item { display: block; width: 100%; height: 100%; object-fit: cover; }
.company .section-hero .contents { display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; color: #fff; }
.company .section-hero .heading { line-height: 1.3; font-size: 6rem; font-weight: 700; visibility: hidden; }
.company .section-hero .heading.font-display { font-family: var(--font-display); } */
/* .company .section-hero .heading { line-height: 1.3; font-size: 6rem; font-weight: 700; clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%); transition: clip-path ease .65s; } */
/* .company .section-hero .heading.sr-animate { clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); } */
.company .section-introduce { z-index: 2; position: relative; display: flex; align-items: center; justify-content: center; height: 100vh; height: 100svh; min-height: 600px; text-align: center; background: #fff; }
.company .section-introduce .heading { font-size: 4rem; font-weight: 700; color: var(--clr-black); }
.company .section-bathpoint { overflow: hidden; position: relative; padding: 200px 0; text-align: center; color: #fff; }
.company .section-bathpoint .background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.company .section-bathpoint .background .item { display: block; width: 100%; height: 100%; object-fit: cover; }
.company .section-bathpoint .background .colorize { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #005BAC; mix-blend-mode: color; pointer-events: none; }
.company .section-bathpoint .section-heading { margin-bottom: 100px; }
.company .section-bathpoint .section-heading .text { font-size: 2.4rem; font-weight: 500; }
.company .section-bathpoint .mask { pointer-events: none; }
.company .section-bathpoint .mask-1::before,
.company .section-bathpoint .mask-1::after { content: ''; z-index: 2; position: absolute; top: 0; left: 0; width: 100%; height: 500px; background: linear-gradient(360deg, rgba(0, 29, 54, 0) 0%, #003767 100%); opacity: 0.7; }
.company .section-bathpoint .mask-1::after { top: auto; bottom: 0; transform: rotate(180deg); }
.company .section-bathpoint .mask-2::before,
.company .section-bathpoint .mask-2::after { content: ''; z-index: 2; position: absolute; top: 0; left: 0; width: 500px; height: 100%; background: linear-gradient(270deg, rgba(0, 29, 54, 0) 0%, #001D36 100%); opacity: 0.7; }
.company .section-bathpoint .mask-2::after { left: auto; right: 0; transform: rotate(180deg); }
.company .section-bathpoint .contents { z-index: 3; position: relative; }
.company .section-bathpoint .context { margin-top: 100px; }
.company .section-bathpoint .context p { margin: 1.5em 0; line-height: 1.5; font-size: 2rem; }
.company .section-bathpoint .bathpoint-slide { overflow: visible; }
.company .section-bathpoint .bathpoint-slide .swiper-wrapper { transition-timing-function: linear; }
.company .section-bathpoint .bathpoint-slide .swiper-slide { width: auto; }
.company .section-client { padding: 200px 0; }
.company .section-client .clients { padding: 0 30px; }
.company .section-client .lists { display: flex; flex-wrap: wrap; margin: -2px; }
.company .section-client .lists .item { padding: 2px; width: 12.5%; }
.company .section-client .lists .block { box-shadow: 0 0 0 1px #E6EEF4; }
.company .section-client .lists .image { display: block; width: 100%; }
.company .section-inquiry { overflow: hidden; padding-bottom: 200px; }
.company .section-inquiry .inner:first-child { padding-bottom: 210px; }
.company .section-inquiry .marquee { position: absolute; bottom: 0; white-space: nowrap; user-select: none; }
.company .section-inquiry .bottom-button { display: none; justify-content: center; align-items: center; margin-top: 30px; }
.company .section-inquiry .marquee .item { position: relative; line-height: 1.3; font-family: var(--font-display); font-size: 15rem; font-weight: 700; color: #E6EEF4; letter-spacing: 0.05em; user-select: none; pointer-events: none; }
.company .section-inquiry .marquee .item:nth-of-type(2) { position: absolute; left: 100%; top: 0; }
.company .section-inquiry .marquee .item span { user-select: none; pointer-events: none; }
.company .section-inquiry .marquee .item-2 { margin-left: 0.165em; }
.company .section-design { z-index: 2; position: relative; padding: 200px 0; text-align: center; background: #fff; }
.company .section-design .logo { width: auto; height: 80px; }
.company .section-design .text { margin: 60px 0; line-height: 1.4; font-size: 3rem; font-weight: 600; color: #111; }
.company .section-design .button-wrap { display: flex; align-items: center; justify-content: center; }
.company .section-design .button-wrap .button { margin: 0 5px; width: 220px; }
.company .section-ci { z-index: 2; position: relative; padding-bottom: 200px; background: #fff; }
.company .section-ci .section-child { display: flex; justify-content: space-between; padding: 100px 0; }
.company .section-ci .section-child:first-child { padding-top: 0; }
.company .section-ci .section-child:last-child { padding-bottom: 0; }
.company .section-ci .section-child .side { width: 22.67441%; }
.company .section-ci .section-child .contents { width: 75.58139%; }
.company .section-ci .section-heading .heading { font-size: 4rem; }
.company .section-ci .paper-lists { display: flex; flex-wrap: wrap; margin: -20px -10px; }
.company .section-ci .paper-lists .item { padding: 20px 10px; width: 33.33333%; }
.company .section-ci .paper-lists .paper {
	display: flex; align-items: center; justify-content: center; height: 200px;
	background-color: white;
	background-image: linear-gradient(#f2f2f2 1px, transparent 1px), linear-gradient(90deg, #f2f2f2 1px, transparent 1px);
	background-size: 10px 10px;
	background-position: -1px -1px;
	border: 1px solid #f2f2f2;
}
.company .section-ci .paper-lists .paper-fill {
	background-color: #1c4558;
	background-image: linear-gradient(#1b4254 1px, transparent 1px), linear-gradient(90deg, #1b4254 1px, transparent 1px);
	border: #1b4254;
}
.company .section-ci .paper-lists .data { display: flex; margin-top: 20px; }
.company .section-ci .paper-lists .data .dt { position: relative; padding-right: 20px; font-family: var(--font-display); font-weight: 600; color: #333; }
.company .section-ci .paper-lists .data .dt::after { content: ''; position: absolute; top: 7px; right: 8px; width: 1px; height: 12px; background: var(--border); }
.company .section-ci .card-lists { display: flex; flex-wrap: wrap; margin: -10px; }
.company .section-ci .card-lists .item { padding: 10px; width: 33.33333%; }
.company .section-ci .card-lists .card { padding: 40px; height: 100%; color: #fff; }
.company .section-ci .card-lists .card-blue { background: #0081BD; }
.company .section-ci .card-lists .card-lightblue { background: #59BDD2; }
.company .section-ci .card-lists .card-gray { background: #4C4D4F; }
.company .section-ci .card-lists .title { margin-bottom: 50px; line-height: 1.3; font-family: var(--font-display); font-size: 2rem; font-weight: 600; }
.company .section-ci .card-lists .title .logo { margin-right: 0.25em; width: 25px; height: 25px; }
.company .section-ci .card-lists .data .row { display: flex; margin-bottom: 10px; }
.company .section-ci .card-lists .data .row:last-child { margin-bottom: 0; }
.company .section-ci .card-lists .data .dt { position: relative; padding-right: 20px; line-height: 1.3; font-family: var(--font-display); font-weight: 500; }
.company .section-ci .card-lists .data .dt::after { content: ''; position: absolute; top: 5px; right: 8px; width: 1px; height: 12px; background: rgba(255, 255, 255, 0.2); }
.company .section-ci .card-lists .data .dd { line-height: 1.3; font-family: var(--font-display); }
.company .section-location { z-index: 2; position: relative; padding: 200px 0; background: #fff; }
.company .section-location .section-child { display: flex; flex-direction: row-reverse; justify-content: space-between; padding: 60px 0; border-bottom: 1px solid var(--border); }
.company .section-location .section-child:first-child { padding-top: 0; }
.company .section-location .section-child:last-child { padding-bottom: 0; border-bottom: none; }
.company .section-location .side { width: 47.09302%; }
.company .section-location .contents { width: 47.09302%; }
.company .section-location .map { overflow: hidden; position: relative; }
.company .section-location .map::before { content: ''; display: block; padding-top: 61.72839%; }
.company .section-location .map iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.company .section-location .badge { margin-bottom: 60px; line-height: 1.3; font-family: var(--font-display); color: var(--clr-primary); font-weight: 700; }
.company .section-location .badge .logo { vertical-align: baseline; margin-right: 0.5em; width: 25px; }
.company .section-location .heading { margin: 15px 0 32px; line-height: 1.3; font-size: 4rem; font-weight: 600; color: #111; }
.company .section-location .flag::before { content: ''; display: inline-flex; width: 50px; height: 50px; background-repeat: no-repeat; background-position: center; background-size: auto 100%; border-radius: 50%; }
.company .section-location .flag-kor::before { background-image: url('/theme/basic/images/sub/location/flag-kor.png'); border: 1px solid var(--border); }
.company .section-location .flag-vnm::before { background-image: url('/theme/basic/images/sub/location/flag-vnm.png'); }
.company .section-location .flag-idn::before { background-image: url('/theme/basic/images/sub/location/flag-idn.png'); border: 1px solid var(--border); }
.company .section-location .data { display: table; line-height: 1.3; }
.company .section-location .data .row { display: table-row; }
.company .section-location .data .dt { display: table-cell; padding: 7px 0; width: 60px; font-family: var(--font-display); font-weight: 500; color: #333; }
.company .section-location .data .dd { display: table-cell; padding: 7px 0; line-height: 1.3; color: #333; }
.company .section-location .data .dd .font-display { font-weight: 300; }
.company .section-history { z-index: 2; position: relative; padding: 380px 0 200px; background: #fff; }
.company .section-history .flex { display: flex; justify-content: flex-end; }
.company .section-history .heading { position: relative; top: 0; left: 0; line-height: 1.3; width: 18.63043em; font-size: 4.6rem; font-weight: 700; color: #111; }
.company .section-history .heading .item { position: absolute; left: 0; clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%); }
.company .section-history .heading .item-1 { top: -180px; }
.company .section-history .heading .item-2 { top: -120px; }
.company .section-history .image .item { z-index: 3; position: absolute; top: 0; left: 100px; }
.company .history { position: relative; padding-left: 100px; width: 42.32558%; }
.company .history .progress { position: absolute; top: 0; left: 0; margin-left: -1px; width: 2px; height: 100%; background: #E6EEF4; }
.company .history .progress .path { position: absolute; top: 0; left: 0; width: 100%; height: 0; background: #59BDD2; }
.company .history .progress .dot { position: absolute; bottom: -8px; left: -7px; width: 16px; height: 16px; background: #59BDD2; border-radius: 50%; opacity: 0; transition: opacity ease .35s; }
.company .history .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; }
.company .history .lists .item { padding: 40px 0; border-bottom: 1px solid var(--border); }
.company .history .lists .item:first-child { padding-top: 0; }
.company .history .lists .item:last-child { padding-bottom: 0; border-bottom: none; }
.company .history .data .dt { margin-bottom: 10px; line-height: 1.3; font-family: var(--font-display); font-size: 2.4rem; font-weight: 700; }
.company .history .data .dd { position: relative; margin-bottom: 10px; padding-left: 0.7777em; line-height: 1.3; color: #333; }
.company .history .data .dd::before { content: ''; position: absolute; top: 0.5277em; left: 0; width: 0.2222em; height: 0.2222em; background: #666; }
.company .history .data .dd:last-child { margin-bottom: 0; }
.company .history .flag { display: inline-flex; vertical-align: middle; margin-left: 0.2777em; width: 35px; height: 25px; }
.company .history .flag::before { content: ''; display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: auto 100%; }
.company .history .flag-vnm::before { background-image: url('/theme/basic/images/sub/history/flag-vnm.jpg'); }
.company .history .flag-idn::before { background-image: url('/theme/basic/images/sub/history/flag-idn.jpg'); box-shadow: 0 0 0 1px solid var(--border); }
.company .history .flag-kor::before { background-image: url('/theme/basic/images/sub/history/flag-kor.jpg'); box-shadow: 0 0 0 1px solid var(--border); }
.company .history.on .progress .dot { opacity: 1; }
@keyframes dot {
	to { opacity: 0; transform: scale(1); }
	from { opacity: 1; transform: scale(0); }
}
@media (hover: hover) and (pointer: fine) {

}
@media screen and (max-width: 1024px) {
	.company .section-introduce { padding: 180px 0; height: auto; min-height: auto; }
	.company .section-introduce .heading { font-size: 2.4rem; }
	.company .section-bathpoint { padding: 120px 0; }
	.company .section-bathpoint .section-heading { margin-bottom: 60px; }
	.company .section-bathpoint .section-heading .text { font-size: 1.8rem; }
	.company .section-bathpoint .bathpoint-slide .swiper-slide img { width: auto; height: 260px; }
	.company .section-bathpoint .context { margin-top: 80px; }
	.company .section-bathpoint .context p { font-size: 1.8rem; }
	.company .section-client { padding: 120px 0; }
	.company .section-client .lists .item { width: 25%; }
	.company .section-inquiry { padding-bottom: 120px; }
	.company .section-inquiry .inner:first-child { padding-bottom: 160px; }
	.company .section-inquiry .marquee .item { font-size: 10rem; }
	.company .section-inquiry .bottom-button { display: flex; }
	.company .section-history { padding: 120px 0; }
	.company .section-history .heading { position: static; width: auto; font-size: 3.4rem; }
	.company .section-history .heading .item { position: static; }
	.company .section-history .image .item { position: static; margin-top: 30px; width: 100%; }
	.company .history { padding-top: 36px; padding-left: 36px; width: 50%; }
	.company .history .lists .item { padding: 34px 0; }
	.company .history .data .dt { font-size: 2.2rem; }
	.company .history .flag { width: 32px; height: 23px; }
	.company .section-design { padding: 120px 0; }
	.company .section-design .logo { height: 48px; }
	.company .section-design .text { margin: 40px 0; font-size: 2rem; }
	.company .section-design .button-wrap .button { width: 180px; }
	.company .section-ci { padding-bottom: 120px; }
	.company .section-ci .section-child { display: block; padding: 60px 0; }
	.company .section-ci .section-child .side { width: 100%; }
	.company .section-ci .section-child .contents { width: 100%; }
	.company .section-ci .section-heading .heading { font-size: 3.2rem; }
	.company .section-ci .paper-lists .paper { height: 160px; }
	.company .section-ci .paper-lists .data { margin-top: 14px; }
	.company .section-ci .paper-lists .data .dt::after { top: 5px; }
	.company .section-ci .card-lists .card { padding: 34px; }
	.company .section-ci .card-lists .title { margin-bottom: 34px; font-size: 1.8rem; }
	.company .section-ci .card-lists .title .logo { width: 21px; height: 21px; }
	.company .section-ci .card-lists .data .row { margin-bottom: 6px; }
	.company .section-location { padding: 120px 0; }
	.company .section-location .section-child { padding: 40px 0; }
	.company .section-location .heading { margin: 5px 0 20px; font-size: 3rem; }
	.company .section-location .badge { margin-bottom: 40px; }
	.company .section-location .flag::before { width: 40px; height: 40px; }
	.company .section-location .data .dt { padding: 5px 0; width: 50px; }
	.company .section-location .data .dd { padding: 5px 0; }
}
@media screen and (max-width: 768px) {
	.company .section-introduce { padding: 120px 0; }
	.company .section-introduce .heading { font-size: 2rem; }
	.company .section-bathpoint { padding: 80px 0; }
	.company .section-bathpoint .section-heading { margin-bottom: 40px; }
	.company .section-bathpoint .section-heading .text { font-size: 1.6rem; }
	.company .section-bathpoint .bathpoint-slide .swiper-slide img { height: 200px; }
	.company .section-bathpoint .context { margin-top: 40px; }
	.company .section-bathpoint .context p { font-size: 1.6rem; }
	.company .section-client { padding: 80px 0; }
	.company .section-inquiry { padding-bottom: 80px; }
	.company .section-inquiry .inner:first-child { padding-bottom: 80px; }
	.company .section-inquiry .marquee .item { font-size: 6rem; }
	.company .section-history { padding: 80px 0; }
	.company .section-history .heading {  font-size: 2.4rem; }
	.company .history { padding-top: 24px; padding-left: 24px; width: 90%; }
	.company .history .lists .item { padding: 24px 0; }
	.company .history .data .dt { font-size: 2rem; }
	.company .history .progress .dot { bottom: -6px; left: -6px; width: 14px; height: 14px; }
	.company .history .progress .dot::after { top: -13px; left: -13px; width: 40px; height: 40px; }
	.company .section-design { padding: 80px 0; }
	.company .section-ci { padding-bottom: 80px; }
	.company .section-ci .paper-lists .item { width: 100%; }
	.company .section-ci .card-lists .item { width: 100%; }
	.company .section-location { padding: 80px 0; }
	.company .section-location .section-child { flex-direction: column-reverse; }
	.company .section-location .side { margin-top: 30px; width: 100%; }
	.company .section-location .contents { width: 100%; }
	.company .section-location .heading { font-size: 2.4rem; }
	.company .section-location .flag::before { width: 30px; height: 30px; }
	.company .section-location .badge { margin-bottom: 24px; }
}
@media screen and (max-width: 600px) {
	.company .section-introduce .heading { font-size: 1.6rem; }
	.company .section-client .lists .item { width: 50%; }
	.company .section-inquiry .inner:first-child { padding-bottom: 60px; }
	.company .section-inquiry .marquee .item { font-size: 3.4rem; }
}


/* 제품소개 */
.products .section-child-heading { margin-bottom: 40px; line-height: 1.3; font-size: 4rem; font-weight: 600; color: var(--clr-black); }
.products .line-table { margin-bottom: 30px; }
.products .line-table:last-child { margin-bottom: 0; }
.products .line-table .caption { position: relative; padding-bottom: 15px; font-weight: 600; color: #333; border-bottom: 2px solid var(--clr-black); }
.products .line-table .caption .footnote { position: absolute; top: 3px; right: 0; font-size: 1.5rem; color: #666666; }
.products .line-table td { padding: 30px 0; line-height: 1.3; font-size: 1.6rem; }
.products .line-table td:last-child .data,
.products .line-table td:last-child .colorize { border-right: none; }
.products .line-table .data { padding: 0 30px; border-right: 1px solid rgba(0, 0, 0, 0.1); }
.products .line-table .data .dt { margin-bottom: 10px; font-family: var(--font-display); color: #333333; font-weight: 500; }
.products .line-table .data .dd { font-family: var(--font-display); color: #666666; }
.products .line-table .colorize { display: flex; flex-direction: column; align-items: center; border-right: 1px solid rgba(0, 0, 0, 0.1); }
.products .line-table .colorize .item { display: inline-block; width: 60px; height: 60px; border: 1px solid var(--border); border-radius: 50px; }
.products .line-table .colorize .item-white { background: #fff; }
.products .line-table .colorize .item-gray { background: #BCBDC0; border-color: #BCBDC0; }
.products .line-table .colorize .item-marble { background: url('/theme/basic/images/sub/products/colorize-marble.png'); }
.products .line-table .colorize .name { margin-top: 10px; font-weight: 500; }
.products .navigation { z-index: 10; position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); transition: bottom ease .15s; }
.products .navigation .lists { display: flex; align-items: center; padding: 0 15px; background: linear-gradient(90deg, #0081BD 0%, #59BDD2 100%); border-radius: 50px; }
.products .navigation .item { padding: 0 15px; }
.products .navigation .link { display: inline-flex; align-items: center; justify-content: center; height: 50px; text-align: center; font-weight: 600; color: #fff; opacity: 0.5; transition: opacity ease .1s; }
.products .navigation .link[aria-current="page"] { opacity: 1; }
.products .navigation[data-navigation-sticky] { position: fixed; bottom: -50px; }
.products .navigation[data-navigation-sticky="true"] { position: fixed; bottom: 10px; }

.products .section-gate { z-index: 2; position: relative; padding: 200px 0; background: #fff; }
.products .section-gate .lists { display: flex; flex-wrap: wrap; margin: -50px -30px; }
.products .section-gate .lists .item { padding: 50px 30px; width: 50%; }
.products .section-gate .lists .item .thumbnail { overflow: hidden; position: relative; }
.products .section-gate .lists .item .thumbnail::before { content: ''; z-index: 2; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0; transition: opacity ease .65s; }
.products .section-gate .lists .item .thumbnail .image { display: block; transition: transform ease .65s; }
.products .section-gate .lists .item .context { display: flex; align-items: center; justify-content: space-between; margin-top: 20px; }
.products .section-gate .lists .item .name { font-size: 2rem; font-weight: 500; color: var(--clr-black); }
.products .section-gate .lists .link-hover { width: 30px; height: 30px; }
.products .section-product { z-index: 2; position: relative; background: #fff; }
.products .section-child { padding: 200px 0; }
.products .section-child-introduce .inner { display: flex; flex-direction: row-reverse; justify-content: space-between; }
.products .section-child-introduce .side { width: 49.4187%; }
.products .section-child-introduce .contents { width: 41.8605%; }
.products .section-child-introduce .badge { line-height: 1.3; font-family: var(--font-display); color: var(--clr-primary); font-weight: 700; }
.products .section-child-introduce .badge .logo { vertical-align: baseline; margin-right: 0.5em; width: 25px; }
.products .section-child-introduce .heading { margin: 11px 0 40px; line-height: 1.3; font-size: 6rem; font-weight: 600; color: var(--clr-black); }
.products .section-child-introduce .context { margin-bottom: 60px; }
.products .section-child-introduce .text-large { font-size: 2rem; font-weight: 500; color: #222; }
.products .section-child-introduce .text { margin: 25px 0; font-weight: 300; color: #444; }
.products .section-child-introduce .button { width: 220px; font-size: 1.7rem; }
.products .section-child-specification { background: #EFF6FB; }
.products .section-child-specification .section-child-heading { margin-bottom: 50px; }
.products .section-child-specification .inner { display: flex; align-items: center; justify-content: space-between; padding-top: 50px; padding-bottom: 50px; }
.products .section-child-specification .inner:first-child { padding-top: 0; }
.products .section-child-specification .inner:last-child { padding-bottom: 0; }
.products .section-child-specification .side { width: 34.8838%; }
.products .section-child-specification .contents { width: 56.3953%; }
.products .section-child-specification .grid { display: flex; flex-wrap: wrap; margin: -15px; }
.products .section-child-specification .grid > .item { flex: 1 1; padding: 15px; }
.products .section-child-gallery { overflow: hidden; }
.products .section-child-gallery .section-child-heading { display: flex; align-items: center; justify-content: space-between; }
.products .section-child-gallery .section-child-heading .item { font-size: inherit; }
.products .section-child-gallery .controls { display: flex; }
.products .section-child-gallery .controls .swiper-button-prev,
.products .section-child-gallery .controls .swiper-button-next { display: inline-flex; position: static; margin: 0 0 0 20px; width: 30px; height: 30px; }
.products .section-child-gallery .controls .swiper-button-prev { background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 6L6 15.5L15 25' stroke='%23CCCCCC' stroke-width='3'/%3E%3Crect width='19' height='3' transform='matrix(-1 0 0 1 25 14)' fill='%23CCCCCC'/%3E%3C/svg%3E%0A"); }
.products .section-child-gallery .controls .swiper-button-next { background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 6L25 15.5L16 25' stroke='%23CCCCCC' stroke-width='3'/%3E%3Crect x='6' y='14' width='19' height='3' fill='%23CCCCCC'/%3E%3C/svg%3E%0A"); }
.products .section-child-gallery .controls .swiper-navigation-icon { display: none; }
.products .section-child-gallery .gallery-slide { overflow: visible; margin: 0 -51.16279%; }
.products .section-child-gallery .gallery-slide .thumbnail { overflow: hidden; position: relative; }
.products .section-child-gallery .gallery-slide .thumbnail::before { content: ''; z-index: 2; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0; transition: opacity ease .65s; }
.products .section-child-gallery .gallery-slide .thumbnail .image { display: block; transition: transform ease .65s; }
.products .section-child-gallery .gallery-slide .context { margin-top: 15px; }
.products .section-child-gallery .gallery-slide .name { font-size: 2rem; font-weight: 500; color: var(--clr-black); }
@media (hover: hover) and (pointer: fine) {
	.products .navigation .link:hover { opacity: 1; }
	.products .section-gate .lists .block:hover .icon::before { background-position-x: 30px; }
	.products .section-gate .lists .block:hover .thumbnail::before { opacity: 0.2; }
	.products .section-gate .lists .block:hover .thumbnail .image { transform: scale(1.1); }
	.products .section-child-gallery .gallery-slide .swiper-slide:hover .thumbnail .image { transform: scale(1.1); }
	.products .section-child-gallery .gallery-slide .swiper-slide:hover .thumbnail::before { opacity: 0.2; }
	.products .section-child-gallery .gallery-slide .swiper-slide:hover .thumbnail .image { transform: scale(1.1); }
}
@media screen and (max-width: 1024px) {
	.products .line-table td { padding: 20px 0; font-size: 1.5rem; }
	.products .line-table .caption .footnote { font-size: 1.4rem; }
	.products .line-table .data { padding: 0 12px; }
	.products .line-table .data .dt { margin-bottom: 6px; }
	.products .line-table .colorize .item { width: 50px; height: 50px; }
	.products .section-gate { padding: 120px 0; }
	.products .section-gate .lists { margin: -25px -15px; }
	.products .section-gate .lists .item { padding: 25px 15px; }
	.products .section-gate .lists .item .name { font-size: 1.8rem; }
	.products .section-gate .lists .item .context { margin-top: 16px; }
	.products .section-child { padding: 120px 0; }
	.products .section-child-heading { margin-bottom: 30px; font-size: 3rem; }
	.products .section-child-introduce .badge .logo { width: 21px; }
	.products .section-child-introduce .heading { font-size: 4rem; }
	.products .section-child-introduce .context { margin-bottom: 40px; }
	.products .section-child-introduce .heading { margin: 9px 0 20px; font-size: 3.6rem; }
	.products .section-child-introduce .text { margin: 15px 0; }
	.products .section-child-introduce .text-large { font-size: 1.8rem; }
	.products .section-child-specification .contents { width: 60%; }
	.products .section-child-specification .section-child-heading { margin-bottom: 30px; }
	.products .section-child-gallery .gallery-slide .name { font-size: 1.8rem; }
	.products .navigation { display: none; }
}
@media screen and (max-width: 768px) {
	.products .line-table td { padding: 16px 0; font-size: 1.4rem; }
	.products .line-table .caption .footnote { font-size: 1.3rem; }
	.products .line-table .data { padding: 0 10px; }
	.products .line-table .data .dt { margin-bottom: 4px; }
	.products .line-table .colorize .item { width: 40px; height: 40px; }
	.products .line-table .colorize .name { margin-top: 8px; }
	.products .section-gate { padding: 80px 0; }
	.products .section-gate .lists { margin: -15px -10px; }
	.products .section-gate .lists .item { padding: 15px 10px; }
	.products .section-gate .lists .item .name { font-size: 1.6rem; }
	.products .section-gate .lists .item .context { margin-top: 12px; }
	.products .section-child { padding: 80px 0; }
	.products .section-child-heading { font-size: 2.4rem; }
	.products .section-child-introduce .inner { display: block; }
	.products .section-child-introduce .side { width: 100%; }
	.products .section-child-introduce .contents { margin-top: 30px; width: 100%; }
	.products .section-child-introduce .badge .logo { width: 19px; }
	.products .section-child-introduce .heading { font-size: 3rem; }
	.products .section-child-introduce .context { margin-bottom: 30px; }
	.products .section-child-introduce .heading { margin: 7px 0 10px; font-size: 2.4rem; }
	.products .section-child-introduce .text { margin: 10px 0; }
	.products .section-child-introduce .text-large { font-size: 1.6rem; }
	.products .section-child-specification .inner { display: block; }
	.products .section-child-specification .side { width: 100%; }
	.products .section-child-specification .side .image { width: 100%; }
	.products .section-child-specification .contents { margin-top: 30px; width: 100%; }
	.products .section-child-specification .section-child-heading { margin-bottom: 20px; }
	.products .section-child-gallery .controls { display: none; }
	.products .section-child-gallery .gallery-slide .name { font-size: 1.6rem; }
}
@media screen and (max-width: 600px) {
	.products .line-table { display: block; }
	.products .line-table .data { border-right: none; }
	.products .line-table .caption .footnote { display: block; position: static; margin-top: 6px; }
	.products .line-table caption { display: block; }
	.products .line-table tbody { display: block; }
	.products .line-table tr { display: flex; flex-wrap: wrap; }
	.products .line-table th { display: block; }
	.products .line-table td { display: block; width: 50%; border-bottom: 1px solid var(--border); }
	.products .line-table td:not(:nth-child(2)):nth-last-of-type(-n + 2) { border-bottom: none; }
	.products .line-table td.mo-w { width: 100%; }
	.products .line-table td:nth-child(2) .colorize { border-right: none; }
	.products .section-gate .lists .item { width: 100%; }
	.products .section-child-specification .grid > .item { flex: 0 1 auto; width: 100%; }
	.products .section-child-gallery .gallery-slide { margin: 0 -160% 0 0; }
}


/* 고객센터 */
.center .section-inquiry { padding-bottom: 200px; }
.center .section-inquiry .section-heading { margin: -100px 0 60px; text-align: center; }
.center .section-inquiry .section-heading .text { line-height: 1.4; font-size: 3rem; font-weight: 600; color: var(--clr-black); }
.inquiry-container { margin-right: auto; margin-left: auto; padding-top: 30px; max-width: 1200px; border-top: 2px solid var(--clr-black); }
.inquiry-container .inquiry-head { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 14px; }
.inquiry-container .inquiry-head .title { font-size: 40px; font-weight: 700; color: #111111; }
.inquiry-container .inquiry-head .note { margin: 0; color: inherit; }
.inquiry-container .inquiry-foot { margin-top: 40px; text-align: center; }
.inquiry-container .inquiry-foot .button { max-width: 180px; width: 100%; }
/* .inquiry-container .inquiry-table { border-top: 1px solid #1c1c1c; } */
/* .inquiry-container .inquiry-table tr { border-bottom: 1px solid #dcdcdc; } */
.inquiry-container .inquiry-table td { padding: 10px 30px; }
.inquiry-container .inquiry-table > tbody > tr > td:first-child { padding-left: 0; }
.inquiry-container .inquiry-table > tbody > tr > td:last-child { padding-right: 0; }
.inquiry-container .inquiry-table .flex { display: flex; }
.inquiry-container .inquiry-table .flex .th { flex: 0 0 auto; width: 160px; }
.inquiry-container .inquiry-table .th { margin: 16px 0; font-weight: 600; color: var(--clr-black); }
.inquiry-container .input,
.inquiry-container .select,
.inquiry-container .textarea { width: 100%; }
.inquiry-container .textarea { height: 380px; }
.inquiry-container .radio label { font-size: inherit; color: inherit; }
.inquiry-container .file-upload { display: flex; align-items: center; position: relative; margin-top: 6px; max-width: 550px; }
.inquiry-container .file-upload:first-child { margin-top: 0; }
.inquiry-container .file-upload .input-wrap { position: relative; width: 100%; }
.inquiry-container .file-upload .input { display: block; padding: 0 40px 0 20px; line-height: 60px; height: 60px; background: #f7f7f7; user-select: none; border-radius: 0; }
.inquiry-container .file-upload .delete { display: none; position: absolute; top: 0; right: 11px; bottom: 0; margin: auto; width: 30px; height: 30px; background: url('/theme/cream/images/icon-close.svg') no-repeat center / auto 50%; cursor: pointer; }
.inquiry-container .file-upload .button { flex: 1 0 150px; width: 150px; color: #fff; cursor: pointer; background: #333333; }
.inquiry-container .file-upload .file-input { position: absolute; top: 0; left: 0; margin: 0; padding: 0;  width: 1px; height: 1px; clip: rect(0 0 0 0); overflow: hidden; }
/* .inquiry-container .file-upload .input.is-selected { color: #000; background: #ebebeb; border-color: #ebebeb; } */
.inquiry-container .file-upload .input.is-selected ~ .delete { display: block; }
/* .inquiry-container p { margin-top: 14px; font-size: 16px; color: #999999; } */
.inquiry-container .check input { min-width: auto; width: 24px; }
.inquiry-container .terms-container { margin-top: 10px; padding: 10px; background: #fff; border: 1px solid var(--border); border-radius: 0; }
.inquiry-container .terms-container .terms { overflow-x: hidden; overflow-y: auto; padding: 20px; height: 210px; max-height: 210px; font-size: 1.6rem; color: #666; }
.inquiry-container .terms-container .terms h1,
.inquiry-container .terms-container .terms h2 { margin-top: 1.5em; margin-bottom: 0.5em; font-size: inherit; font-weight: 500; }
.inquiry-container .terms-container .terms p { margin-top: 0.5em; margin-bottom: 0.5em; }
.inquiry-container .terms-container .terms p:last-child { margin-bottom: 0; }
.inquiry-container .terms-container .terms h1:first-child,
.inquiry-container .terms-container .terms h2:first-child,
.inquiry-container .terms-container .terms h3:first-child,
.inquiry-container .terms-container .terms p:first-child { margin-top: 0; }
.inquiry-container .terms-container .terms h1:last-child,
.inquiry-container .terms-container .terms h2:last-child,
.inquiry-container .terms-container .terms h3:last-child,
.inquiry-container .terms-container .terms p:last-child { margin-bottom: 0; }
.inquiry-container .terms-container table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-size: 80%;
}
.inquiry-container .terms-container th,
.inquiry-container .terms-container td {
    border: 1px solid #ddd;
    padding: 12px;
    text-align: left;
    vertical-align: top;
}
.inquiry-container .terms-container th {
    background-color: #f1f1f1;
    font-weight: 700;
}
.inquiry-container .terms-container ul,
.inquiry-container .terms-container ol {
    margin-top: 0.25em;
    margin-bottom: 0.25em;
    margin-left: revert;
    padding-left: revert;
    list-style: revert;
}
.contact-info {
    background-color: #f8f9fa;
    padding: 15px;
    border-radius: 5px;
    margin: 20px 0;
}

.section-terms { padding-bottom: 200px; color: #333; }
.section-terms .inner { max-width: 1200px; }
.section-terms h1 { margin: 1.5em 0 0.5em; font-size: inherit; font-weight: 400; }
.section-terms h1:first-child { margin-top: 0; }
.section-terms ol { padding-left: 1.1em; text-indent: -1.1em; }
.section-terms ol ol { margin: 0.25em 0 0.5em; }
.section-terms .ol { margin-left: revert; list-style: revert; text-indent: 0; }
@media screen and (pointer: fine) {

}
@media screen and (max-width: 1024px) {
	.center .section-inquiry { padding-bottom: 120px; }
	.center .section-inquiry .section-heading { margin: -60px 0 40px; }
	.center .section-inquiry .section-heading .text { font-size: 2rem; }

    .inquiry { padding-bottom: 160px; }
    .inquiry-container { padding: 16px; }
    .inquiry-container .input,
    .inquiry-container .select,
    .inquiry-container .textarea { min-width: auto; width: 100%; }
    .inquiry-container .textarea { height: 200px; }
    .inquiry-container .inquiry-table .flex { display: block; }
    .inquiry-container .inquiry-table .flex .th { width: 100%; }
	.inquiry-container .inquiry-table,
	.inquiry-container .inquiry-table .tbody,
	.inquiry-container .inquiry-table .tr,
	.inquiry-container .inquiry-table .th,
	.inquiry-container .inquiry-table .td { display: block; }
	.inquiry-container .inquiry-table .th { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 10px; width: 100%; }
	.inquiry-container .inquiry-table .td { padding: 14px 0; }
    /* .inquiry-container .inquiry-table tr:first-child td:first-child { padding-top: 32px; } */
    .inquiry-container .inquiry-table .td:first-child { width: 100% !important; }
    .inquiry-container .inquiry-table .td:last-child { width: 100% !important; }
	.inquiry-container .input { width: 100%; font-size: 1.5rem; }
    .inquiry-container .textarea { font-size: 1.5rem; }
	.inquiry-container .inquiry-head { margin-bottom: 20px; }
	.inquiry-container .inquiry-head .title { font-size: 30px; }
	.inquiry-container .inquiry-head .note { margin-bottom: 6px; font-size: 14px; }
	/* .inquiry-container .inquiry-body .terms-container { margin-top: 40px; } */
	.inquiry-container .inquiry-foot { margin-top: 50px; }
	.inquiry-container .inquiry-foot .button { height: 50px; }
	.inquiry-container .agree-container { margin-top: 6px; }
    .inquiry-container .terms-container .terms { padding: 12px; height: 160px; font-size: 1.4rem; }

	.section-terms { padding-bottom: 120px; }
}
@media screen and (max-width: 768px) {
	.center .section-inquiry { padding-bottom: 80px; }
	.center .section-inquiry .section-heading { margin: -40px 0 26px; }
	.center .section-inquiry .section-heading .text { font-size: 1.8rem; }

    .inquiry { padding-bottom: 120px; }
    .inquiry-container { padding: 16px 0; }
    .inquiry-container .textarea { height: 120px; font-size: 1.4rem; }
    .input-group.email { flex-wrap: wrap; }
    .input-group.email .col:last-child { width: 100%; }
    .input-group.email input,
    .input-group.email select { min-width: auto; }
	.inquiry-container .input { font-size: 1.4rem; }
	.inquiry-container .inquiry-head { margin-bottom: 14px; }
	.inquiry-container .inquiry-head .title { font-size: 24px; }
	.inquiry-container .inquiry-head .note { font-size: 13px; }
	/* .inquiry-container .inquiry-body .terms-container { margin-top: 30px; } */
    .inquiry-container .file-upload .input { height: 50px; }
    .inquiry-container .file-upload .button { height: 50px; }
    .inquiry-container .inquiry-foot { margin-top: 30px; }
	.inquiry-container .agree-container { margin-top: 2px; }
    .inquiry-container .terms-container .terms { padding: 16px 10px; }
    .inquiry-container .terms-container .terms { font-size: 1.3rem; }

	.section-terms { padding-bottom: 80px; }
}
@media screen and (max-width: 600px) {
	.center .section-inquiry .section-heading .text { font-size: 1.6rem; }
}


/* for global */
@media screen and (min-width: 1025px) {
	[lang="vi"] .smc .section-media .section-heading .text { max-width: 340px; }
	[lang="vi"] .smc .section-media .section-heading:last-child { display: flex; justify-content: flex-end; }
	[lang="vi"] .smc .section-media .media { flex-basis: 800px; }
}
@media screen and (max-width: 1024px) {

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

}