@charset "utf-8";
/* ===================================================== */
/* MAIN-COMMON */
.body-main #skip-nav::before {content: ''; position: fixed; inset: 0; pointer-events: none; background-color: #000; z-index: 9999; animation: fade-out .8s ease-in .2s both;}
.sec-header {position: relative;}
.sec-tit {margin-bottom: 15px; font-weight: 700; font-size: 4rem; letter-spacing: 0.2em;}
.sec-desc {font-size: 2.4rem;}

@media (hover: hover) and (pointer: fine) {
}
@media (max-width: 1280px){
}
@media (max-width: 1024px){
}
@media (max-width: 768px){
}
@media (max-width: 576px){
}
@media (max-width: 480px){
}
/* MAIN-COMMON */
/* ===================================================== */
 

/* ===================================================== */
/* MAIN-NAV */ 
/* .main-nav { position: fixed; right: var(--outer-padding); top: 50%; transform: translateY(-50%); z-index: 500; } 
.main-nav li + li { margin-top: 10px; } 
.main-nav a { width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: .3s; } 
.main-nav a::before { width: 12px; height: 12px; content: ''; border-radius: 50%; transition: .3s; border: 1px solid var(--color-white-a4); } 
.main-nav .active a { background-color: var(--color-white-a2); } 
.main-nav .active a::before { background-color: var(--color-main); border-color: transparent; } 
.is-open .main-nav {right: calc(var(--outer-padding) + var(--scroll-width));} */

@media (hover: hover) and (pointer: fine) {
  /* .main-nav a:hover::before { background-color: var(--color-main); border-color: transparent; }  */
}
@media (max-width: 1024px) {.main-nav { display: none; }}
/* MAIN-NAV */
/* ===================================================== */

/* ===================================================== */
/* MAIN-INTRO */
.intro-box {width: 100vw; height: 100vh; background: #fff; position: fixed; top: 0; left: 0; z-index: 9999;}
.intro-box .logo_part01 {width: 196px; height: 160px; position: fixed; top: 45%; left: 50%; transform: rotate(-45deg) translate(-126px, -97px);} 
.intro-box .logo_part02 {width: 196px; height: 160px; position: fixed; top: 45%; right: 50%; transform: rotate(-45deg) translate(126px, 97px);}

@media (max-width: 1920px) {}
/* MAIN-INTRO */
/* ===================================================== */


/* ===================================================== */
/* MAIN-VISUAL */
.visual {position: relative; overflow: hidden;}
.visual-slide {height: 100vh; height: 100svh; min-height: 60rem; }
.visual-slide-img { display: block; height: 100%; background: #222 no-repeat center/cover; background-position: top center; transform: scale(1.1); transition: 4s linear;} 
.visual-slide-img::before {content: ''; inset: 0; position: absolute; background-color: var(--color-black-a6); z-index: 0;}
.visual-01 {background-image: url(../images/main/main_visual01.jpg);}
.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 {text-align: center; position: absolute; inset: 50% 0 auto; z-index: 10; font-weight: 800; font-size: calc(1.4rem + 10px); transform: translateY(-50%); } 
.visual-tit {display: inline-block; padding: 0 3rem; font-size: 7rem; font-weight: 100; color: #fff; letter-spacing: 0.05em; position: relative;}
.visual-tit::before {display: block; content: ''; width: 20rem; height: 16rem; background: url(../images/main/visual-text-deco01.png) no-repeat center / contain; position: absolute; top: 50%; left: 0; transform: translate(-100%, -50%);}
.visual-tit::after {display: block; content: ''; width: 20rem; height: 16rem; background: url(../images/main/visual-text-deco02.png) no-repeat center / contain; position: absolute; top: 50%; right: 0; transform: translate(100%, -50%);}
.visual-txt-slide.txt1 .visual-tit::before,
.visual-txt-slide.txt1 .visual-tit::after {opacity: 0; animation: visualtit 5s 2s 1 forwards;}
@keyframes visualtit{
  0%{opacity: 0;}
  100%{opacity: 1;}
}
.visual-tit span {font-weight: 700;}
.visual-desc {font-size: 26px; font-weight: 400; color: #fff; letter-spacing: 0.05em; opacity: 0.5;}
.visual-on .visual-tit {animation: fade-in 1.2s ease-out .6s both;}
.visual-on .visual-desc .char {
  --vdd: 1.6s; /* visual-desc 애니메이션 시간 */
  animation: fade-in .5s ease-out calc(.8s + (var(--vdd) / var(--char-total) * var(--char-index))) both; } 

.visual-nav {display: flex; align-items: center; justify-content: center; margin-top: 4rem;}
.visual-nav .numcount {display: flex; align-items: center;}
.visual-nav .numcount span {display: inline-block; font-family: var(--font-montserrat); font-size: 16px; font-weight: 600; color: #fff; text-align: right; min-width: 2rem;}
.pro-bar {margin: 0 1rem; width: 150px; height: 1px; background: rgba(255, 255, 255, 0.2); position: relative;}
.pro-bar::after {display: block; content: ''; width: 0; height: 100%; background: #fff; position: absolute; top: 0; left: 0;}
.pro-bar.pro-ani::after{animation: proBar 5s 1;}
@keyframes proBar{
  0%{width:0;}
  100%{width:100%;}
}

.slick-nav {display: flex; align-items: center; margin-left: 3rem;}
.slick-nav .nav {width: 20px; height: 20px; background: url(../images/common/ico_arrow03.png) no-repeat center; cursor: pointer; transition: all 0.3s ease-in-out;}
.slick-nav .prev {transform: rotate(180deg);}
.slick-nav .nav:hover {transform: translateX(5px);}
.slick-nav .prev:hover {transform: rotate(180deg) translateX(5px);}
.visual-nav .pause-play-btn {display: flex; justify-content: center; margin: 0 2rem; width: 15px; height: 17px;}
.visual-nav .pause-play-btn span {display: inline-block; width: 2px; height: 100%; background: #fff; margin: 0 1px;}

/* 스크롤 다운 */
.visual-scroll { display: flex; flex-direction: column; align-items: start; position: absolute; left: var(--outer-padding); bottom: 0; transition: .3s; z-index: 3;} 
.visual-scroll-btn { font-weight: 500; font-size: calc(9px + 0.5rem); color: #fff; line-height: 0.7; letter-spacing: 0.15em; writing-mode: vertical-lr; } 
.visual-scroll-line { overflow: hidden; position: relative; width: 1px; height: calc(5vh + 5em); margin-top: calc(0.5vh + 0.5em); 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 (hover: hover) and (pointer: fine) {
}

@media (max-width: 1280px) {
  .visual-slide {height: 800px;}
  .visual-tit {font-size: 6rem;}
  .visual-tit::before,
  .visual-tit::after {max-height: 100%;}
  .visual-desc {font-size: 22px; margin-top: 5px;}
}
@media (max-width: 1024px) {
}
@media (max-width: 768px) {
  .visual-tit {font-size: 5rem;}
  .visual-tit::before {width: 10rem; left: var(--inner-padding);}
  .visual-tit::after {width: 10rem; right: var(--inner-padding);}
  .visual-desc {font-size: 16px;}
}
@media (max-width: 576px) {
  .visual-slide {height: 600px;}
  .visual-tit {font-size: 4rem;}
  .pro-bar {width: 100px;}
  .visual-scroll-btn {font-size: 12px; font-weight: 400;}
  .visual-scroll-line {height: calc(5vh + 3em);}
}
@media (max-width: 480px) {
  .visual-slide {height: 500px;}
  .visual-tit {font-size: 4rem;}
  .visual-tit::before,
  .visual-tit::after {width: 6rem;}
  .visual-desc {font-size: 16px;}
  .pro-bar {width: 80px;}
  .visual-scroll-btn {font-size: 10px; }
  .visual-scroll-line {height: calc(5vh);}
}
/* MAIN-VISUAL */
/* ===================================================== */


/* ===================================================== */
/* */
.main_solution .item {display: flex; position: relative;}
.main_solution * {height: 100vh;}
.main_solution .item * {height: auto;}

.solution-list-nav {display: flex; justify-content: space-between; align-items: center; width: 150px; height: 160px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1;}
.solution-list-nav .nav-btn {width: 40px; height: 40px; background: url(../images/main/solution-arrow.png) no-repeat center; cursor: pointer;}
.solution-list-nav .prev {transform: rotate(180deg);}

.main_solution .sec-header {display: flex; flex-direction: column; justify-content: center; width: 50%; padding: 0 18rem; text-align: center; background: url(../images/main/section_bg.png) no-repeat center / cover;}
.main_solution .sec-tit {font-family: var(--font-montserrat); font-size: 18px; font-weight: 600; letter-spacing: 0.05em; color: #4d4e4e; text-transform: uppercase;}
.main_solution .sec-tit.nth-1 {padding-top: 60px; background: url(../images/main/section_ico01.png) no-repeat center top;}
.main_solution .sec-tit.nth-2 {padding-top: 55px; background: url(../images/main/section_ico02.png) no-repeat center top;}
.main_solution .sec-tit.nth-3 {padding-top: 50px; background: url(../images/main/section_ico03.png) no-repeat center top;}
.main_solution .sec-sub-tit {font-size: 4.5rem; font-weight: 800; letter-spacing: -0.02em; color: #222;}
.main_solution .sec-sub-tit span {color: var(--color-main);}
.main_solution .sec-desc {font-size: 19px; font-weight: 500; letter-spacing: -0.02em; color: #666; line-height: 1.6; margin-top: 3rem;}
.main_solution .btn-more {display: inline-block; margin: 9rem auto 0;}
.main_solution .btn-more a {display: block; border: 1px solid #222; padding: 15px 20px; transition: all 0.3s ease-in-out;}
.main_solution .btn-more span {padding-right: 11.5rem; font-size: 17px; font-weight: 800; letter-spacing: -0.025em; color: #222; position: relative; transition: all 0.3s ease-in-out;}
.main_solution .btn-more span::after {display: block; content: ''; width: 18px; height: 18px; background: url(../images/common/ico_arrow01.png) no-repeat center; position: absolute; top: 50%; right: 0; transform: translateY(-50%); transition: all 0.3s ease-in-out;}

.main_solution .img-box {width: 50%; background-repeat: no-repeat; background-size: cover; background-position: center; text-align: center; position: relative;}
.main_solution .img-box.nth-1 {background-image: url(../images/main/section_bg02.jpg);}
.main_solution .img-box.nth-2 {background-image: url(../images/main/section_bg03.jpg);}
.main_solution .img-box.nth-3 {background-image: url(../images/main/section_bg04.jpg);}
.main_solution .img-box .num-box {width: 240px; height: 240px; border-radius: 50%; background: #000; position: absolute; top: 50%; left: 0; transform: translate(-50%, -50%);}
.main_solution .img-box .num {width: 100%; height: 100%; padding: 15px; box-sizing: border-box; position: relative;}
.main_solution .img-box .num img {width: calc(100% - 30px); height: calc(100% - 30px); animation: is-any 30s linear infinite; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
@keyframes is-any {
  100% {transform: translate(-50%, -50%) rotate(360deg);}
}
.main_solution .img-box .num p {display: flex; flex-direction: column; font-family: var(--font-montserrat); font-size: 30px; font-weight: 700; color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.main_solution .img-box .num span+span {padding: 0 5px; color: rgba(255, 255, 255, 0.3); position: relative;}
.main_solution .img-box .num span+span::after {display: block; content: ''; width: 100%; height: 2px; background: #fff; background: #fff; position: absolute; top: 0; left: 0;}

@media (hover: hover) and (pointer: fine) {
  .main_solution .btn-more:hover a {background: var(--color-main); border-color: var(--color-main);}
  .main_solution .btn-more:hover span {color: #fff;}
  .main_solution .btn-more:hover span::after {background-image: url(../images/common/ico_arrow02.png);}
}
@media (max-width: 1620px) {
  .main_solution .sec-header {padding-left: 5rem;}
}
@media (max-width: 1440px) {
  .main_solution .sec-header {padding-left: var(--inner-padding); padding-right: 14rem;}
  .main_solution .img-box .num-box {width: 180px; height: 180px;}
  .main_solution .sec-sub-tit {font-size: 4rem;}
  .main_solution .sec-desc {font-size: 17px;}
}
@media (max-width: 1280px) {
  .main_solution {min-height: 650px; height: 100%;}
  .main_solution * {height: auto;}
  .solution-list-wrap {height: 100%;}
  .main_solution .item {flex-direction: column-reverse;}
  .main_solution .sec-header {width: 100%; min-height: 600px; padding: 15rem var(--inner-padding) 10rem;}
  .main_solution .img-box {min-height: 500px; width: 100%;}
  .main_solution .img-box .num-box {top: 100%; left: 50%;}
  .main_solution .btn-more {margin-top: 5rem;}
  .solution-list-nav {top: 500px; width: 140px;}
  .main_solution .img-box .num p {font-size: 24px;}
  .main_solution .img-box .num {padding: 5px;}
  .main_solution .img-box .num img {width: calc(100% - 10px); height: calc(100% - 10px);}
}
@media (max-width: 1024px) {
}
@media (max-width: 768px) {
}
@media (max-width: 576px) {
  .main_solution .sec-tit {font-size: 16px;}
  .main_solution .sec-sub-tit {font-size: 30px;}
  .main_solution .sec-desc {font-size: 16px;}
}
@media (max-width: 480px) {
  .main_solution .sec-sub-tit {font-size: 24px;}
}
/* */
/* ===================================================== */


/* ===================================================== */
/* */
.main_product {background: url(../images/main/section_bg05.jpg) no-repeat center / cover;}

/*Tab*/
.main__products-box {height: 100%;}
.main__products-box dl {display: flex; flex-direction: column; justify-content: center; width: 100%; height: 100%; position:relative;}
.main__products-box dl::before {display: block; content: ''; width: 2px; height: 100%; background: rgba(255, 255, 255, 0.3); position: absolute; top: 0; left: 354px;}
.main__tab {display:block; width:354px; height:120px; margin-bottom: 1px;}
.main__tab a {display:flex; align-items: center; font-size:28px; color: rgba(255, 255, 255, 0.65); font-weight:700; letter-spacing: -0.025em; position:relative; width:100%; height:100%; z-index:2; padding-left: 8rem; transition: all 0.3s ease-in-out;}
.main__tab a:before {content:''; display:block; width: 0; height:100%; position:absolute; top:0; left:0; border-radius: 0 120px 120px 0; background: linear-gradient(to right, var(--color-main), var(--color-sub)); transition: all 0.5s ease-in-out;}
.main__tab a span {display:inline-block; line-height:1.3; position:relative; z-index:3;}

.main__tab.is-active a,
.main__tab a:hover {color:#fff;}
.main__tab.is-active a:before,
.main__tab a:hover:before {width: calc(100% + 8rem);}


.main__tab-contents {position:absolute; display:none; height: 100%; left: 354px; top: 0; padding: 0 var(--inner-padding);}
.main__tab-contents.is-active {display:flex;}

.main__products-text {display: flex; flex-direction: column; justify-content: center;}
.main__products-text .sec-sub-tit {font-size: 3.5rem; font-weight: 400; color: #fff;}
.main__products-text .sec-sub-tit span {font-size: 26px;}
.main__products-text .sec-sub-tit em {font-family: var(--font-montserrat); font-weight: 700;}
.main__products-text .sec-sub-tit em.logo {background: linear-gradient(to right top, var(--color-main), var(--color-sub)); color: transparent; -webkit-background-clip: text;}
.main__products-text .sec-tit {font-size: 5rem; font-weight: 800; color: #fff; letter-spacing: -0.025em; margin-top: 2rem;}
.main__products-text .sec-desc {font-size: 18px; font-weight: 400; color: #fff; letter-spacing: -0.025em; opacity: 0.7; line-height: 1.4; margin-top: 1rem;}
.main__products-text .btn-more {margin-top: 3rem;}
.main__products-text .btn-more a {display: inline-block; padding: 1rem 2rem; background: #07a577; position: relative;}
.main__products-text .btn-more a::after {display: block; content: ''; width: 18px; height: 18px; background: url(../images/common/ico_arrow01.png) no-repeat center; position: absolute; top: 50%; right: 20px; transform: translateY(-50%);}
.main__products-text .btn-more span {padding-right: 11rem; font-size: 18px; font-weight: 800; color: #222; letter-spacing: -0.025em;}

.main__tab-contents .img {display: flex; align-items: center; min-width: 440px; margin-left: 13rem; position: relative;}
.main__tab-contents .img::before {display: block; content: ''; width: calc(100% + 40px); height: calc(100% + 40px); background: url(../images/main/products-img_bg.png) no-repeat center / contain; animation: is-any 50s linear infinite; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
@keyframes is-any {
  100% {transform: translate(-50%, -50%) rotate(-360deg);}
}
.main__tab-contents img {border-radius: 50%;}

@media (hover: hover) and (pointer: fine) {
}
@media (max-width: 1620px) {
  .main__tab-contents .img {margin-left: 5rem;}
  .main__products-text {margin-left: 5rem;}
  .main__products-text .sec-tit {font-size: 6rem;}
  .main__products-text .sec-sub-tit {font-size: 3rem;}
  .main__tab.is-active a:before, .main__tab a:hover:before {width: calc(100% + 5rem);}
}
@media (max-width: 1440px) {
  .main__tab {width: 310px;}
  .main__tab a {padding-left: 5rem;}
  .main__products-box dl::before {left: 310px;}
  .main__tab-contents {left: 310px;}
  .main__tab-contents .img {min-width: 370px;}
}
@media (max-width: 1280px) {
  .main_product {padding: 10rem 0;}
  .main__tab {width: 260px;}
  .main__tab a {font-size: 22px;}
  .main__products-box dl::before {left: 260px; height: calc(100% + 20rem); top: -10rem;}
  .main__tab-contents {left: 260px;}
  .main__products-text .sec-tit {font-size: 4rem;}
  .main__products-text .sec-sub-tit {font-size: 24px;}
  .main__products-text .sec-sub-tit span {font-size: 18px;}
  .main__products-text .sec-desc {font-size: 16px;}
  .main__tab-contents .img {min-width: 300px;}
}
@media (max-width: 1024px) {
  .main_product {padding-bottom: 55rem;}
  .main__tab {width: auto; margin: 0 3rem; min-width: 1px; height: auto;}
  .main__tab a {padding: 1.5rem 0; font-size: 18px; text-align: center;}
  .main__tab a:before {left: -2.5rem; border-radius: 120px;}
  .main__tab a span {width: 100%;}
  .main__tab a span br {display: none;}
  .main__products-box dl {flex-direction: row;}
  .main__tab-contents {left: 0; top: 10rem; height: auto;}
  .main__products-text {margin-left: 0;}
  .main__products-box dl::before {display: none;}
}
@media (max-width: 768px) {
  .main_product {padding-bottom: 100rem;}
  .main__products-box dl {flex-wrap: wrap; padding: 0 var(--inner-padding);}
  .main__tab {width: calc(50% - 1rem); margin: 0 0 2rem;}
  .main__tab:nth-of-type(2n) {margin-left: 2rem;}
  .main__tab a:before { left: 0;}
  .main__tab.is-active a:before, .main__tab a:hover:before {width: 100%;}
  .main__tab-contents {width: 100%; flex-direction: column-reverse; top: 20rem;}

  .main__tab-contents .img {margin-left: 0; }
  .main__tab-contents img {margin: 0 auto; max-width: 270px;}
  .main__products-text {margin-top: 10rem; text-align: center; padding: 0 2rem;}
  .main__products-text .sec-tit br {display: none;}
}
@media (max-width: 576px) {
  .main_product {padding-bottom: 10rem;}
  .main__tab {width: 100%; margin-bottom: 0;}
  .main__tab:nth-of-type(2n) {margin-left: 0;}
  .main__tab a {border-radius: 120px; border: 1px solid rgba(255, 255, 255, 0.2);}
  .main__tab-contents {display: flex; position: static; margin-top: 3rem; height: 0; overflow: hidden; transition: all 30s ease-in-out;}
  .main__tab-contents.is-active {height: auto; padding-bottom: 5rem;}
  .main__tab-contents .img {padding: 3rem 0;}
  .main__tab-contents .img::before {width: 310px; height: 310px;}
  .main__products-text {margin-top: 5rem;}
}
@media (max-width: 480px) {
  .main__products-text .sec-sub-tit br {display: none;}
  .main__tab-contents {padding: 0;}
  .main__tab-contents img {max-width: 230px;}
  .main__tab-contents .img::before {width: 270px; height: 270px;}
}
/* */
/* ===================================================== */


/* ===================================================== */
/* */
.main_company {background: url(../images/main/section_bg06.jpg) no-repeat center / cover; text-align: center;}
.main_company .sec-tit {font-family: var(--font-montserrat); font-size: 24px; font-weight: 600; color: var(--color-main); letter-spacing: 0.05em; text-transform: uppercase;}
.main_company .sec-sub-tit {font-size: 4.5rem; font-weight: 800; letter-spacing: -0.025em; color: #fff;}

.main_company .company-main-menu {display: flex; justify-content: center; margin-top: 11rem;}
.company-main-menu .item {background: #161616; border-radius: 20px; width: calc(25% - 18.75px); transition: all 0.3s ease-in-out;}
.company-main-menu .item+.item {margin-left: 25px;}
.company-main-menu a {display: block; padding: 5rem 1.5rem;}
.company-main-menu a .ico {width: 65px; height: 65px; border-radius: 10px; background-color: #282828; background-repeat: no-repeat; background-position: center; margin: 0 auto; transition: all 0.3s ease-in-out;}
.company-main-menu .item.nth-1 .ico {background-image: url(../images/main/company-ico01.png);}
.company-main-menu .item.nth-2 .ico {background-image: url(../images/main/company-ico02.png);}
.company-main-menu .item.nth-3 .ico {background-image: url(../images/main/company-ico03.png);}
.company-main-menu .item.nth-4 .ico {background-image: url(../images/main/company-ico04.png);}
.company-main-menu a h2 {font-size: 25px; font-weight: 800; color: #fff; letter-spacing: -0.025em; margin-top: 2.5rem;}
.company-main-menu a p {font-size: 16px; font-weight: 600; color: #fff; opacity: 0.5; letter-spacing: -0.025em; margin-top: 2rem; transition: all 0.3s ease-in-out;}

@media (hover: hover) and (pointer: fine) {
  .company-main-menu .item:hover {background: var(--color-main); transform: translateY(-30px);}
  .company-main-menu .item:hover .ico {background-color: #fff;}
  .company-main-menu .item.nth-1:hover .ico {background-image: url(../images/main/company-ico01_h.png);}
  .company-main-menu .item.nth-2:hover .ico {background-image: url(../images/main/company-ico02_h.png);}
  .company-main-menu .item.nth-3:hover .ico {background-image: url(../images/main/company-ico03_h.png);}
  .company-main-menu .item.nth-4:hover .ico {background-image: url(../images/main/company-ico04_h.png);}
  .company-main-menu .item:hover p {opacity: 0.8;}
}
@media (max-width: 1620px) {
}
@media (max-width: 1280px) {
  .main_company {padding: 10rem 0 15rem;}
  .main_company .sec-tit {font-size: 20px; margin-bottom: 10px;}
  .main_company .sec-sub-tit {font-size: 3.5rem;}
  .main_company .company-main-menu {margin-top: 7rem;}
  .company-main-menu .item {width: calc(25% - 11.25px);}
  .company-main-menu .item+.item {margin-left: 15px;}
  .company-main-menu a h2 {font-size: 20px;}
  .company-main-menu a p {font-size: 15px; font-weight: 400;}
  .company-main-menu a p br {display: none;}
}
@media (max-width: 1024px) {
  .main_company .company-main-menu {flex-wrap: wrap;}
  .company-main-menu .item {width: calc(50% - 7.5px); margin-bottom: 15px;}
  .company-main-menu .item:nth-of-type(3) {margin-left: 0;}
  .company-main-menu .item:hover {transform: translateY(0);}
}
@media (max-width: 768px) {
}
@media (max-width: 576px) {
}
@media (max-width: 480px) {
  .company-main-menu .item {width: 100%; margin-left: 0;}
  .company-main-menu .item+.item {margin-left: 0;}
}

/* */
/* ===================================================== */


/* ===================================================== */
/* */
.main_map::after {display: block; content: ''; width: 100%; height: 100%; background: url(../images/main/main_map-bg01.png) no-repeat left top / auto 100%; position: absolute; top: 0; left: 0;}
.main_map::before {display: block; content: ''; width: 100%; height: 100%; background: url(../images/main/main_map-bg02.png) no-repeat right bottom / auto 100%; position: absolute; bottom: 0; right: 0;}
.main_map iframe {width: 80%; height: 100%; position: absolute; top: 0; right: 0; z-index: -1;}
.main_map .sec-header {padding: 0 8rem; position: relative; z-index: 1;}
.main_map .sec-tit {font-size: 20px; font-weight: 500; letter-spacing: -0.025em; color: #e0fff7;}
.main_map .sec-tit em {font-weight: 700;}
.main_map .sec-sub-tit {font-size: 5rem; font-weight: 800; letter-spacing: -0.025em; color: #fff; margin-top: 1rem;}

.main_map address {margin-top: 1rem;}
.main_map .item {margin-top: 4rem;}
.main_map .item dt {font-size: 24px; font-weight: 700; letter-spacing: -0.025em; color: #fff;}
.main_map .item dd {font-size: 20px; font-weight: 600; letter-spacing: 0.05em; color: #e0fff7; line-height: 1.5;}

.main_map .item .map-link-wrap {display: flex; margin-top: 1.5rem;}
.main_map .item .btn {width: 35px; height: 35px; margin-right: 8px;}
.main_map .item .btn a {display: block; width: 100%; height: 100%; border-radius: 50%; background-color: #fff; transition: all 0.3s ease-in-out;}
.main_map .item .btn.naver-map a {background-image: url(../images/main/ico_naver-map.png); background-repeat: no-repeat; background-position: right bottom;}
.main_map .item .btn.kakao-map a {background-color: #fae200; background-image: url(../images/main/ico_kakao-map.png); background-repeat: no-repeat; background-position: center;}
.main_map .item .btn.t-map a {background-image: url(../images/main/ico_t-map.png); background-repeat: no-repeat; background-position: center;}
.main_map .item .btn.google-map a {background-image: url(../images/main/ico_google-map.png); background-repeat: no-repeat; background-position: center;}
.main_map .item .btn.naver-map:hover a {background-image: url(../images/main/ico_naver-map_on.png); background-color: var(--color-main);}
.main_map .item .btn.kakao-map:hover a {background-image: url(../images/main/ico_kakao-map_on.png); background-color: var(--color-main);}
.main_map .item .btn.t-map:hover a {background-image:  url(../images/main/ico_t-map_on.png); background-color: var(--color-main);}
.main_map .item .btn.google-map:hover a {background-image: url(../images/main/ico_google-map_on.png); background-color: var(--color-main);}

@media (hover: hover) and (pointer: fine) {
}
@media (max-width: 1920px) {
  .main_map .sec-header {padding: 0 5rem;}
}
@media (max-width: 1620px) {
  .main_map::before {right: auto; left: 10%;}
}
@media (max-width: 1440px) {
  .main_map .sec-sub-tit {font-size: 4rem;}
}
@media (max-width: 1280px) {
  .main_map::before {width: 50%; background-size: contain; right: 0; left: auto;}
  .main_map .sec-header {padding: 10rem var(--inner-padding);}
  .main_map iframe {width: 60%; height: 150%; top: 50%; transform: translateY(-50%);}
}
@media (max-width: 1024px) {
  .main_map .fp-tableCell {display: flex; flex-direction: column-reverse;}
  .main_map::after {display: none;}
  .main_map .sec-header {background: #04a57c;}
  .main_map iframe {position: static; top: 0; left: 0; transform: translate(0, 0); width: 100%; height: 400px;}

  .main_map .sec-tit br {display: none;}

  .main_map address {display: flex; flex-wrap: wrap;}
  .main_map .item {width: 50%;}
  .main_map .item dt {margin-right: 20px;}
  .main_map .item dd {font-size: 18px; font-weight: 400;}
}
@media (max-width: 768px) {
  .main_map::before {width: 55%;}
  .main_map .item {padding-right: 5%;}
}
@media (max-width: 576px) {
  .main_map::before {width: 70%;}
  .main_map .sec-tit {font-size: 16px;}
  .main_map .item.addr {width: 100%;}
}
@media (max-width: 480px) {
  .main_map::before {width: 90%;}
  .main_map .item {width: 100%;}
}
/* */
/* ===================================================== */