@charset "utf-8";
/* ===================================================== */
/* MAIN - COMMON */
.body-main {background-color: #000;}

.body-main .header-inner { animation: fade-down .8s ease-out .2s both;}
.section {background: no-repeat center/cover;}
.section .sec-wrap {padding: 16rem 0 22rem;}
.section:where(.product, .company, .location) {padding-top: calc(var(--header-height) / 2);}
.sec-tit {font-family: var(--font-kohi);}

/* 더보기 버튼 */
.btn-more {--btn-color: var(--color-main); --btn-hover: #fff; display: flex; width: fit-content; height: 3.3em; font-weight: 800; font-size: 18px; background-color: #fff;}
.btn-more span { display: flex; align-items: center;padding: 0 2em; border: 2px solid var(--btn-color, var(--btn-color)); border-right-style: hidden; border-radius: 1.1em 0 0 1.1em; background: linear-gradient(to left, var(--btn-color) 0%, var(--btn-color) 100%) no-repeat calc(100% + 2px) center/0 calc(100% + 4px); line-height: 1; color: var(--btn-color); transition: all .3s;}
.btn-more::after { width: 3.3em; height: 100%; border-top-right-radius: 1.1em; background: var(--btn-color) url(../images/common/arrow.svg) no-repeat center;content: '';}
.btn-more:hover span {background-size: calc(100% + 4px) calc(100% + 4px); color: var(--btn-hover);}
.btn-white {--btn-color: #fff; --btn-hover: var(--color-main); background-color: transparent;}
.btn-white::after {background-image: url(../images/common/arrow_on.svg);}

/* 메인페이지 - 페이드인 */
.fade-effect {position: fixed; width: 100%; height: 100%; left: 0; top: 0; pointer-events: none; background-color: #000; z-index: 9999; animation: fade-out 0.6s ease-in both;}

@media (max-width: 1280px) {
  .section:where(.product, .company, .location) {padding-top: 0;}
  .section .sec-wrap {padding-bottom: 19rem;}
}
@media (max-width: 1024px) {
  .btn-more::after {background-size: 20%;}
}
/* MAIN - COMMON */
/* ===================================================== */


/* ===================================================== */
/* MAIN - VISUAL */
.visual {position: relative; color: #fff; overflow: hidden;}

/* 슬라이드 */
.visual-slide {height: 100vh; height: 100svh; min-height: 72rem; filter: brightness(40%);}
.visual-slide-img { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #222 no-repeat center/cover; transform: scale(1.1); transition: all 4s linear;} 
.visual-slide-img::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--color-black-a4); content: '';}
.visual-01 {background-image: url(../images/main/main_visual01.jpg); background-position: left center;}
.visual-01::before { background-color: var(--color-black-a2);}
.visual-02 {background-image: url(../images/main/main_visual02.jpg);}
.visual-03 {background-image: url(../images/main/main_visual03.jpg);}
.visual-on .visual-slide-img { transform: scale(1.01); } 

/* 타이틀 제목 */
.visual-txt { position: absolute; top: 50%; left: 50%; z-index: 50; width: max-content;text-align: center; transform: translate(-50%, -50%);}
.visual-subtit {font-size: 25px; font-family: var(--font-kohi); letter-spacing: 0.04em; color: var(--color-main); animation: fade-in 0.4s ease-out 0.9s both; }
.visual-tit { padding: 0.25em 0; font-size: 60px; font-family: var(--font-kohi);}
.visual-tit .word { animation: fade-in-blur 1s ease-out both; animation-delay: calc(1s + 0.25s * var(--line-index));}
.visual-desc { font-weight: 600;font-size: 23px; line-height: 1.35;}
.visual-desc b { font-weight: 800;color: var(--color-main);}
.visual-desc .char { animation: fade-in calc((var(--char-total) * 0.015s) - var(--char-index) * 0.01s) ease-out calc(2.2s + (1s / var(--char-total) * var(--char-index))) both; } 

/* === 메인 비주얼 슬라이더 내비게이션 === */
.visual-nav { overflow: hidden;position: absolute; right: 0; bottom: 0; z-index: 5; width: 100%; height: 65%; animation: fade-up 0.8s linear .2s both; font-size: 10px; } 
.visual-nav::before { position: absolute; top: 0; left: 0; width: calc(100% - 11em); height: calc(100% - 10em); border-bottom-right-radius: 5.5em; background-color: transparent; outline: 30em solid var(--color-main-a6);content: ''; pointer-events: none;}
/* 애로우, 페이저 */
.visual-pager {position: absolute; bottom: 0; height: 10em; display: flex; align-items: center; justify-content: center; width: 100%; column-gap: 2.7rem;}
.visual-pager .slick-arrow {padding: 1rem; font-size: 0;}
.visual-pager .slick-arrow::before {content: ''; display: block; width: 3.4rem; background: url(../images/common/visual_arrow.svg) no-repeat center/contain; height: 2.1rem; transition: transform .3s;}
.visual-pager .slick-next {order: 5; transform: scaleX(-1);}

.visual-pager .slick-dots {display: flex; column-gap: 0.5rem;}
.visual-pager .slick-dots button {width: 3.5rem; height: 3.5rem; font-size: 0; display: flex;}
.visual-pager .slick-dots button::before {content: ''; font-size: 0.7rem; width: 1em; outline: 1em solid transparent; height: 1em; background-color: #fff; border-radius: 50%; margin: auto; transition: outline .3s;}
.visual-pager li.slick-active button::before {outline-color: var(--color-white-a2);}
/* 썸네일 */
.visual-thumb .slick-dots { display: flex; flex-direction: column; align-items: center; row-gap: 2em; position: absolute; right: 0; width: 11em; height: fit-content; padding-top: 2em;} 
.visual-thumb .slick-dots li {width: 7em; height: 7em; }
.visual-thumb .slick-dots button { overflow: hidden; position: relative; width: 100%; height: 100%; background-size: cover; font-size: 0;} 
.visual-thumb .slick-dots button::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: var(--color-black-a4);content: ''; transition: all .3s;}
.visual-thumb .slick-dots button::after { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 3px solid #fff;content: ''; transform: scale(1.1); transition: all .3s;}
.visual-thumb .slick-dots .slick-active button::before {background-color: transparent;}
.visual-thumb .slick-dots .slick-active button::after { opacity: 1;transform: scale(1);}

@media (hover: hover) and (pointer: fine) {
  .visual-pager .slick-arrow:hover::before {transform: translateX(-0.4rem);}
  .visual-pager li:hover button::before {outline-color: var(--color-white-a2);}
  .visual-thumb .slick-dots button:hover::before {background-color: transparent;}
  .visual-thumb .slick-dots button:hover::after { opacity: 1;transform: scale(1);}
}

/* 스크롤 다운 */
.visual-scroll { display: flex; flex-direction: column; align-items: center; position: absolute; right: 0; bottom: 0; width: 11em; transition: all 0.3s; } 
.visual-scroll-btn {  font-weight: 500; font-size: 14px; line-height: 1; letter-spacing: 0.15em; writing-mode: vertical-lr; } 
.visual-scroll-line { overflow: hidden; position: relative; width: 1px; height: 11vh; margin: 1.5vh 0.25em 0 0; background-color: var(--color-white-a4); } 
.visual-scroll-line::before { position: absolute; top: 0; left: 0; width: 100%; height: 50%; background-color: #fff; content: ''; animation: scroll-line 2.5s linear infinite; } 
@keyframes scroll-line { 
 0% { transform: translateY(-110%); } 
 10% { transform: translateY(-60%); } 
 60% { transform: translateY(160%); } 
 70% { transform: translateY(210%); } 
 100% { transform: translateY(210%); } 
 }

@media (max-width: 1600px) {
  .visual-slide { min-height: 768px; }
}
@media (max-width: 1440px) {
  .visual-slide { min-height: 720px; }
  .visual-subtit {font-size: 24px; }
  .visual-tit {font-size: calc(26px + 1.75vw);}
  .visual-desc {font-size: 22px;}
}
@media (max-width: 1280px) {
  .visual-slide { min-height: 640px; }
  .visual-subtit {font-size: 22px; }
  .visual-desc {font-size: 20px;}
  .visual-nav { font-size: 9px;} 
  .visual-scroll-line { height: 10vh; margin-top: 1.2vh; } 
}
@media (max-width: 1024px) {
  .visual-slide { min-height: 512px; }
  .visual-subtit {font-size: 21px; }
  .visual-tit {font-size: calc(10px + 3.2vw); margin-bottom: 0.4em;}
  .visual-desc {font-size: 19px;}
  .visual-nav { font-size: 8px;} 
  .visual-scroll-line { height: 9vh; margin-top: 1vh; } 
}
@media (max-width: 768px) {
  .visual-subtit {font-size: max(18px, calc(12px + 0.8vw));}
  .visual-tit {font-size: calc(10px + 3.6vw);}
  .visual-desc {font-size: 18px;}
  .visual-desc .char { animation-delay: calc(2.35s + (1.2s / var(--char-total) * var(--char-index))); } 
  .visual-nav { font-size: calc(4px + 0.5vw);} 
  .visual-scroll-btn {font-size: 13px;}
}
@media (max-width: 640px) {
  .visual-thumb .slick-dots { row-gap: 1.5em; padding-top: 1.5em;} 
  .visual-thumb .slick-dots li {width: 8em; height: 8em; }
}
@media (max-width: 576px) {
  .visual-txt { top: 48%;}
  .visual-tit {font-size: calc(10px + 4.2vw);}
  .visual-desc {font-size: max(15px, calc(4px + 2.5vw));}
  .visual-nav {height: 33%; font-size: calc(4px + 0.6vw);} 
  .visual-nav::before { border-bottom-right-radius: 4.5em; }
  .visual-pager {column-gap: 1.6rem;}
  .visual-scroll {display: none;}
}
/* MAIN - VISUAL */
/* ===================================================== */
/* MAIN - VISUAL _ en */
@media (max-width: 1280px) {
  :lang(en) .visual-desc {max-width: 500px; margin: 0 auto;}
}
/* MAIN - VISUAL _ en */
/* ===================================================== */


/* ===================================================== */
/* MAIN - PRODUCT */
.product {background-image: url(../images/main/main_product_bg.jpg);}
.product::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/main/main_product_bg02.png) no-repeat var(--outer-padding) center/contain;content: '';}
.product .sec-wrap {display: flex; justify-content: space-between; align-items: center;}

/* 왼쪽 이미지 */
.product .left { position: relative; width: 47%; font-size: 10px; }
.product-left-slick {overflow: hidden; border-radius: 6em 0 0 6em;}
.product-left-slick img {filter: brightness(50%);}
.product-nav {position: absolute; right: -10%; bottom: -9%; width: 44%; padding-top: 34%;}
.product-nav::before { position: absolute; right: 0; bottom: 0;width: 100%; height: 100%; background: url(../images/common/img_deco.svg) no-repeat left top/contain; filter: var(--drop-shadow-4); content: ''; transform: rotate(180deg);}
.product-nav .slick-arrow { display: flex; flex-shrink: 0; position: relative; width: 3em; height: 3em; content: ''; text-indent: -100vw; color: transparent;}
.product-nav .slick-arrow::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/common/arrow_vertical.svg) no-repeat center/1.6em 1em; content: '';}
.product-nav .slick-next {transform: scaleY(-1);}
.product-nav-txt { display: flex;flex-direction: column; align-items: center; position: absolute; top: 50%; right: 0; width: 28%; font-family: var(--font-kohi); color: #fff; transform: translateY(-55%);}
.product-nav-num { padding-right: 0.325em; font-size: 1.6em; line-height: 1.4; text-align: center; white-space: nowrap; writing-mode: vertical-lr;}
.product-nav-num .nav-num { display: inline-block;height: 2em;}
.product-nav-num b {padding: 0.5em 0;}

/* 오른쪽 텍스트 */
.product .right {width: 45%; max-width: 60rem; font-size: 10px;}
.product .sec-tit { width: fit-content; margin-bottom: 1.8em; border-bottom: 1px solid var(--color-main);font-size: calc(10px + 1.5em); color: var(--color-main);}
.product-right-slick .slick-track {display: flex;}
.product-right-slick .item {display: flex; flex-direction: column; -webkit-user-select: text; -ms-user-select: text; user-select: text; }
.product-right-slick .item-tit { margin-bottom: 0.3em; font-size: 5.5em; font-family: var(--font-kohi); letter-spacing: normal; color: #222;}
.product-right-slick .item-cont { overflow: hidden; flex-grow: 1; margin-bottom: 4.5em; font-weight: 700;}
.product-right-slick .item-cont li {padding: 0.3em 0; font-size: max(17px, 2.2em); line-height: 1.1;}
.product-right-slick .btn-more { flex-shrink: 0;margin-top: auto; margin-left: auto;}

@media (max-width: 1280px) {
  .product::before { background-position: 10% center;}
  .product .left { font-size: 0.8vw; }
  .product .right {font-size: 0.75vw;}
  .product .btn-more {font-size: 17px;}
}
@media (max-width: 1024px) {
  .product .right {font-size: 0.725vw;}
  .product .btn-more {font-size: 16px;}
}
@media (max-width: 768px) {
  .product::before {opacity: 0.5; background-image: linear-gradient(to top, #fff 10%, transparent 100%), url(../images/main/main_product_bg02.png); background-position: center top;}
  .product .sec-wrap {flex-direction: column; row-gap: calc(30px + 5vw); padding-bottom: 17rem;}
  .product .left {width: 85%; max-width: 520px; font-size: 1.2vw; margin-right: 8%;}
  .product .right {width: 92%; font-size: 1vw; max-width: none;}
  .product .btn-more {font-size: 15px;}
}
@media (max-width: 576px) {
  .product .left {font-size: 1.4vw;}
  .product-nav { width: 51%; padding-top: 39%;}
  .product .right {font-size: 1.25vw;}
  .product .sec-tit {font-size: 2.5rem; }
  .product-right-slick .item-cont li {font-size: 16px;}
}
@media (max-width: 414px) {
  .product .left {font-size: 1.8vw; width: 96%; margin-right: 4%;}
  .product-nav {right: -4%; bottom: -9%; width: 57%; padding-top: 43%;}
  .product .right {font-size: 1.5vw; width: 100%;}
  .product-right-slick .item-cont li {font-size: 15px;}
  .product .btn-more {font-size: 14px;}
}
/* MAIN - PRODUCT */
/* ===================================================== */


/* ===================================================== */
/* MAIN - COMPANY */
.company {background-image: url(../images/main/main_company_bg.jpg); text-align: center; overflow: hidden;}

/* 슬릭 내비 */
.company-slick-nav {position: relative; width: 95%; margin: 0 auto;}
.company-slick-nav .slick-arrow {font-size: 0; position: absolute; top: -16px; z-index: 50; padding: 10px;}
.company-slick-nav .slick-arrow::before {width: 25px; height: 40px; background: url(../images/common/arrow_lighten.svg) no-repeat center/contain; content: ''; display: block;}
.company-slick-nav .slick-prev {left: 0;}
.company-slick-nav .slick-next {right: 0;}
.company-slick-nav .slick-prev::before {transform: scaleX(-1);}
/* 슬릭, 항목 헤더 */
.company-slick .slick-list {overflow: visible;}
.company-slick .slick-track {display: flex;}
.company-slick .item {display: flex; justify-content: center;}
.company-slick .item-wrap {display: flex; flex-direction: column; align-items: center; row-gap: 3.5rem; max-width: 28rem; }
.company-slick .item-header {display: flex; flex-direction: column; align-items: center;  color: var(--color-main-lighten); transition: all .3s;}
.company-slick .item-header .sec-tit {font-size: 4.5rem; line-height: 1;}
.company-slick .item-header::before { order: 5; width: 2px; height: 3rem; margin: 3rem 0 4rem; background-color: var(--color-main-lighten);content: ''; transition: all .3s;}
.company-slick .item-header::after { order: 10; width: 8.5rem; height: 8.1rem; background: url(../images/main/main_company_ico01.png) no-repeat center/contain;content: ''; transition: all .3s;}
.company-slick .item.nth-2 .item-header::after {background-image: url(../images/main/main_company_ico02.png);}
.company-slick .item.nth-3 .item-header::after {background-image: url(../images/main/main_company_ico03.png);}
/* 항목 콘텐츠, 항목 링크메뉴 */
.company-slick .item-cont { display: flex; flex-grow: 1; align-items: center;  position: relative; min-height: 22rem; padding: 5rem 5%; border-radius: 3rem 0; background-color: #222;font-weight: 700;  transition: box-shadow .3s;}
.company-slick .item-cont::before,
.company-slick .item-cont::after { opacity: 0; position: absolute; right: 0; bottom: 0; width: 100%; height: 100%; border-radius: 4rem 0.5rem; background-color: var(--color-main); content: ''; transition: all .3s; pointer-events: none;}
.company-slick .item-cont::after {right: auto; bottom: auto; left: 0; top: 0;}
.company-slick .item-desc { font-size: max(18px, 2rem); color: var(--color-main-lighten); letter-spacing: -0.02em;}
.company-slick .item-desc h4 {line-height: 1.4;}
.company-slick .item-menu { display: flex; visibility: hidden; opacity: 0; flex-direction: column;position: absolute; top: 0; left: 0;  z-index: 5; width: 100%; height: 100%; font-weight: 700; font-size: max(18px, 2rem); color: var(--color-main); transition: all .3s;}
.company-slick .item-menu li { flex: 1; z-index: 5;}
.company-slick .item-menu li:not(:first-child) {border-top: var(--border-gray-1);}
.company-slick .item-menu li a {display: flex; justify-content: center; align-items: center; height: 100%;  padding: 0 10%; background-color: #fff; transition: color .2s, background-color .2s;}
.company-slick .item-menu li:first-child a {border-top-left-radius: calc(3rem - 2px);}
.company-slick .item-menu li:last-child a {border-bottom-right-radius: calc(3rem - 2px);}
.company-slick .item-float { overflow: hidden; opacity: 0;position: absolute; right: 5%; bottom: 100%; z-index: 10; width: 100%; height: 7rem; border-top-left-radius: 4rem; font-size: 2.5rem; letter-spacing: 0.3em; color: #fff; transform: translateY(40%); transition: all .3s;}
.company-slick .item-float p {display: flex; align-items: center; position: absolute; bottom: 0; left: 0; width: max-content; height: 100%; animation: company-float calc(0.25s * var(--char-total)) linear 0.6s infinite paused reverse;}
.company-slick .item-float p::before,
.company-slick .item-float p::after { width: max-content; padding-left: 0.5em;content: attr(data-float); white-space: nowrap;}
@keyframes company-float { from {transform: translateX(-50%);} }

/* hover */
@media (min-width: 769px) {
  .company-slick .item-wrap:hover {z-index: 5;}
  .company-slick .item-wrap:hover .item-header { color: #fff;transform: translateY(-3rem);}
  .company-slick .item-wrap:hover .item-header::before { background-color: #fff;transform: translateY(-1rem);}
  .company-slick .item-wrap:hover .item-header::after { background-image: url(../images/main/main_company_ico01_on.png);transform: translateY(-2rem);}
  .company-slick .item.nth-2 .item-wrap:hover .item-header::after { background-image: url(../images/main/main_company_ico02_on.png);}
  .company-slick .item.nth-3 .item-wrap:hover .item-header::after { background-image: url(../images/main/main_company_ico03_on.png);}
  .company-slick .item-wrap:hover .item-cont::before, 
  .company-slick .item-wrap:hover .item-cont::after { opacity: 1;width: 125%; height: calc(100% + 7rem);}
  .company-slick .item-wrap:hover .item-menu { visibility: visible;opacity: 1; filter: var(--drop-shadow-4);}
  .company-slick .item-wrap:hover .item-float {opacity: 1; width: 115%; transform: translateY(0); transition: all .3s, opacity .4s .2s;}
  .company-slick .item-wrap:hover .item-float p {animation-play-state: running;}
  .company-slick .item-menu li a:hover {background-color: var(--color-sub); color: #fff;}
}
@media (min-width: 1281px) {
  .company-slick .item-wrap:hover .item-cont::before, 
  .company-slick .item-wrap:hover .item-cont::after { width: 130%;}
  .company-slick .item-wrap:hover .item-float {width: 120%;}
}
@media (max-width: 1024px) {
  .company-slick {width: 95%; margin: 0 auto; max-width: 950px;}
  .company-slick .item-wrap {max-width: 320px; width: 75%; min-width: 265px;}
  .company-slick .item-cont { padding: 5rem 7%;}
  .company-slick .item-float { font-size: 2.2rem;}
}
@media (max-width: 768px) {
  .company .sec-wrap {padding-bottom: 23rem;}
  .company-slick-nav { max-width: 55rem;}
  .company-slick-nav .slick-arrow::before {background-image: url(../images/common/arrow.svg); }
  .company-slick {width: 100%;}
  .company-slick .item-wrap {width: 65%; row-gap: 11.5rem;}
  .company-slick .item-header .sec-tit {font-size: 5.2rem;}
  .company-slick .item-wrap .item-header { color: #fff;}
  .company-slick .item-wrap .item-header::before { background-color: #fff; height: 5rem; margin: 1.5rem 0 2.5rem; width: 1px;}
  .company-slick .item-wrap .item-header::after { background-image: url(../images/main/main_company_ico01_on.png);}
  .company-slick .item.nth-2 .item-wrap .item-header::after { background-image: url(../images/main/main_company_ico02_on.png);}
  .company-slick .item.nth-3 .item-wrap .item-header::after { background-image: url(../images/main/main_company_ico03_on.png);}

  .company-slick .item-cont {min-height: 25rem;}
  .company-slick .item-wrap .item-cont::before, 
  .company-slick .item-wrap .item-cont::after { opacity: 1; width: 125%; height: calc(100% + 7rem);}
  .company-slick .item-wrap .item-float {opacity: 1; width: 115%; transform: translateY(0); transition: 0s;}
  .company-slick .item-wrap .item-float p {animation-play-state: running;}
  .company-slick .item-wrap .item-menu { visibility: visible;opacity: 1; filter: var(--drop-shadow-4);}
}
@media (max-width: 576px) {
  .company-slick-nav {width: 75%;}
  .company-slick-nav .slick-arrow { top: -12px;}
  .company-slick-nav .slick-arrow::before {width: 20px; height: 32px;}
  .company-slick .item-wrap {width: 55%; min-width: 0;}
  .company-slick .item-header .sec-tit {font-size: 5rem;}
  .company-slick .item-desc,
  .company-slick .item-menu { font-size: calc(9px + 1rem);}
  .company-slick .item-cont {min-height: 23rem;}
  .company-slick .item {margin: 0 3vw;}
}
@media (max-width: 480px) {
  .company-slick-nav {width: 90%;}
  .company-slick .item-wrap {width: 60%;}
}
/* MAIN - COMPANY */
/* ===================================================== */
/* MAIN - COMPANY _ en */
:lang(en) .company .item-menu li { line-height: 1.1; }
/* MAIN - COMPANY _ en */
/* ===================================================== */


/* ===================================================== */
/* MAIN - LOCATION */
.location {background-image: url(../images/main/main_location_bg.jpg); color: #fff; font-size: 10px; overflow: hidden;}
.location .sec-wrap {display: grid; column-gap: 10%; padding-left: var(--inner-padding); grid: repeat(2, auto) / auto 1fr; }
.location .sec-tit { padding: 0.8em 0 1em; font-size: 5em;}
.location .left { align-self: center; width: 33em; padding-bottom: 5em;}
.location .list { margin-bottom: 2.25em;font-weight: 700; font-size: max(16px, 2em); word-break: break-word;}
.location .type {flex-shrink: 0;}
.location .type::after {content: '.';}
.location .item:not(:first-child) {margin-top: 1.5em; font-size: max(15px, 0.9em);}
.location .item:not(:first-child) .value {padding-top: 0.3em;}

/* 오른쪽 지도 */
.location .right {grid-row: 1 / -1; grid-column-start: 2; position: relative; }
.location .right::before { position: absolute; top: -1rem; left: -1rem; width: 17rem; height: 13.1rem; background: url(../images/common/img_deco.svg) no-repeat left top/contain; filter: var(--drop-shadow-6);content: ''; pointer-events: none; transition: .3s;}
.location .right iframe {border-top-left-radius: 3rem;}
.location .right:hover::Before {opacity: 0.1;}

/* MAIN - LOCATION _ en */
:where(:lang(en)) .location .sec-wrap {column-gap: 8%;}
:where(:lang(en)) .location .left { width: 35em;} 
/* MAIN - LOCATION _ en */

@media (max-width: 1280px) {
  .location {font-size: 9px;}
  .location .sec-wrap {column-gap: 7%;}
  .location .btn-more {font-size: 17px;}
  :where(:lang(en)) .location .sec-wrap {column-gap: 5%;}
}
@media (max-width: 1024px) {
  .location {font-size: 1vw;}
  .location .btn-more {font-size: 16px;}
}
@media (max-width: 768px) {
  .location {font-size: 8px;}
  .location .sec-wrap {grid-template-columns: 1fr; }
  .location .sec-tit {order: -5; text-align: center; padding: 0 var(--inner-padding) 1.3em 0; transition-delay: 0s !important; transition-duration: .8s !important;}
  .location .left {width: 85%; padding: 6em 0 0; justify-self: center;}
  .location .list {font-size: 18px;}
  .location .item {display: flex; gap: 0.3em;}
  .location .item:not(:first-child) {font-size: 17px; margin-top: 1.2em;}
  .location .item:not(:first-child) .value {padding-top: 0;}
  .location .btn-more {font-size: 15px; margin-left: auto;}
  .location .right {grid-column-start: initial; grid-row: 2 / 3; height: calc(225px + 25vw);  width: 95%; justify-self: end; transition-delay: 0.2s;}
}
@media (max-width: 576px) {
  .location .right {width: 96%;}
  .location .left {width: 92%; padding-right: var(--inner-padding);}
}
@media (max-width: 480px) {
  .location {font-size: 7px;}
  .location .list {font-size: 16px;}
  .location .item:not(:first-child) {font-size: 15px;}
  .location .btn-more {font-size: 14px;}
}
@media (max-width: 414px) {
  .location .left {width: 100%;}
  .location .item {display: flex; flex-direction: column;}
}
/* MAIN - LOCATION */
/* ===================================================== */