@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;}
.section {color: #fff; background: #222 no-repeat center/cover;}
.section .fp-tableCell > .inner {height: 100%; padding-top: var(--header-height);}
.sec-header {padding-top: 8rem; position: relative;}
.sec-tag {margin-bottom: 15px; font-family: var(--font-montserrat); font-size: 25px; font-weight: 600;}
.sec-tit {margin-bottom: 15px; font-weight: 800; font-size: 6rem;}
.sec-desc {margin-bottom: 25px; font-size: 20px; font-weight: 600;}
.btn-more {display: inline-block;}
.btn-more a {padding: 2.5rem 5rem; border: 1px solid #fff; font-family: var(--font-montserrat); font-size: 20px; font-weight: 700; letter-spacing: -0.025em; color: #fff; transition: all 0.3s ease-in-out;}
.btn-more a:hover {background: var(--color-main); border-color: var(--color-main);}

.section:nth-child(2) {background-image: url(../images/main/section_bg02.jpg);}
.section:nth-child(3) {background-image: url(../images/main/section_bg03.jpg);}
.section:nth-child(4) {background-image: url(../images/main/section_bg04.jpg); background-position-x: right;}
.section:nth-child(5) {background-image: url(../images/main/section_bg05.jpg); background-position: 50% 10%;}
@media (hover: hover) and (pointer: fine) {
}
@media (max-width: 1280px){
  .sec-header {padding-top: 0;}
  .sec-tag {margin-bottom: 5px; font-size: 22px;}
  .sec-tit {font-size: 5rem;}
  .sec-desc {font-size: 18px;}
}
@media (max-width: 1024px){
}
@media (max-width: 768px){
  .sec-tag {font-size: 18px;}
  .btn-more a {font-size: 18px; padding: 2rem 4rem;}
}
@media (max-width: 576px){
  .sec-tit {font-size: 30px;}
}
@media (max-width: 480px){
  .sec-tag {font-size: 16px;}
  .sec-desc {font-size: 16px; font-weight: 500;}
  .btn-more a {font-size: 16px;}
}
/* MAIN-COMMON */
/* ===================================================== */
 

/* ===================================================== */
/* MAIN-NAV */ 
.main-nav {position: fixed; left: 0; bottom: 0; z-index: 500; transition: all 0.5s ease-in-out;} 
.main-nav li {position: absolute; bottom: -62px; left: 0; color: #fff;} 
.main-nav li:nth-of-type(1) {left: -15px;}
.main-nav li:nth-of-type(2) {left: -50px; bottom: -100px;}
.main-nav li:nth-of-type(3) {left: -5px; bottom: -58px; color: var(--color-main);}
.main-nav li:nth-of-type(4) {color: var(--color-main);}
.main-nav span {opacity: 0; font-family: var(--font-montserrat); font-size: 25rem; font-weight: 900; transition: all 0.3s ease-in-out;} 
.main-nav li:nth-of-type(2) span {font-size: 41rem;}
.main-nav .active span {opacity: 1;} 

@media (hover: hover) and (pointer: fine) {
}
@media (max-width: 1780px){
  .main-nav {left: auto; right: 0;}
  .main-nav li:nth-of-type(1) {left: -195px;}
  .main-nav li:nth-of-type(2) {left: -120px;}
  .main-nav li:nth-of-type(3) {left: -165px;}
  .main-nav li:nth-of-type(4) {left: -164px;}
}
@media (max-width: 1620px) {
  .main-nav span {font-size: 20rem;}
  .main-nav li:nth-of-type(1) {left: -156px;}
  .main-nav li:nth-of-type(2) {left: -60px; bottom: -46px;}
  .main-nav li:nth-of-type(2) span {font-size: 20rem;}
  .main-nav li:nth-of-type(3) {left: -132px; bottom: -46px;}
  .main-nav li:nth-of-type(4) {left: -130px;}
}
@media (max-width: 576px) {
}
/* @media (max-width: 1024px) {.main-nav { display: none; }} */
/* MAIN-NAV */
/* ===================================================== */


/* ===================================================== */
/* 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; transform: scale(1.1); transition: 4s linear;} 
.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 {display: flex; align-items: flex-end; height: 100%; padding-bottom: 19rem; position: absolute; inset: 50% 0 auto; z-index: 10; font-weight: 800; font-size: calc(1.4rem + 10px); transform: translateY(-50%); } 
.visual-desc {font-size: 5.5rem; letter-spacing: 0; line-height: 1.2;}
.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-dot {display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; right: 2.5rem; bottom: 19rem; animation: fade-in .4s linear 1.6s both; } 
.visual-dot .slick-dots { display: flex; flex-direction: column;} 
.visual-dot li + li {margin-top: 3rem;}
.visual-dot li button { display: flex; width: 10px; height: 10px; border-radius: 50%; background: rgba(255, 255, 255, 0.25); font-size: 0; transition: .3s;} 
.visual-dot li.slick-active button,
.visual-dot li button:hover {background: #fff;}

.progress-container {width: 54px; height: 54px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.3); margin-bottom: 2.5rem; position: relative;}

.pause-play-btn {position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; background: url(../images/common/ico_pause.png) no-repeat center;}
.pause-play-btn.pause {background-image: url(../images/common/ico_play.png); background-position: 60% center;}

.progress-ring-circle {fill: none; stroke: #fff; stroke-dasharray: 176; stroke-dashoffset: 176; transition: stroke-dashoffset 0.2s; transform: rotate(-90deg); transform-origin: 50% 50%;}


/* 스크롤 다운 */
.visual-scroll {width: 24px; height: 32px; position: absolute; left: 50%; bottom: 8rem; transform: translateX(-50%); transition: .3s; z-index: 99;}
.visual-scroll-btn {font-size: 0; position: relative;}
.visual-scroll-btn::before {display: block; content: ''; width: 24px; height: 32px; background: url(../images/common/visual-scroll.png) no-repeat center; position: absolute; top: 0; left: 0; animation: scroll-line 2.5s linear infinite;}
@keyframes scroll-line { 
  0% { transform: translateY(-80%); opacity: 0;} 
  10% { transform: translateY(-60%); } 
  60% { transform: translateY(160%); opacity: 1;} 
  70% { transform: translateY(180%); } 
  100% { transform: translateY(180%); opacity: 0;} 
}

@media (hover: hover) and (pointer: fine) {
}
@media (max-width: 1280px) {
  .visual-slide {height: 100vh;}
  .visual-desc {font-size: 4rem;}
}
@media (max-width: 1024px) {
}
@media (max-width: 768px) {
  .visual-desc {font-size: 30px; padding-right: 7rem;}
  .visual-desc br {display: none;}
}
@media (max-width: 576px) {
  .visual-txt {font-weight: 600;}
  .visual-desc {font-size: 26px; padding-right: 0;}
}
@media (max-width: 480px) {
  .visual-txt {padding-bottom: 26rem;}
  .visual-desc {font-size: 24px;}
  .visual-dot {right: auto; left: var(--inner-padding); bottom: 16rem; flex-direction: row;}
  .progress-container {margin-bottom: 0; margin-right: 1rem;}
  .visual-dot .slick-dots {flex-direction: row;}
  .visual-dot li + li {margin-top: 0; margin-left: 1rem;}

}
/* MAIN-VISUAL */
/* ===================================================== */


/* ===================================================== */
/* */
.main__product {transition: all 0.3s ease-in-out; overflow: hidden;}
.main__product.on-1 {background-image: url(../images/main/section_bg02-1.jpg);}
.main__product.on-2 {background-image: url(../images/main/section_bg02-2.jpg);}
.main__product.on-3 {background-image: url(../images/main/section_bg02-3.jpg);}
.main__product.on-4 {background-image: url(../images/main/section_bg02-4.jpg);}
.section:nth-child(2) .inner {display: flex; flex-direction: column; justify-content: space-between;}
.main__product.on-1 .inner::after {display: block; content: ''; width: 59rem; height: 80rem; background: url(../images/main/product-img.png) no-repeat center bottom / contain; position: absolute; bottom: 0; right: 0;}
.section:nth-child(2) .sec-header {z-index: 1;}
.product-menu {display: flex; position: relative; z-index: 1;}
.product-menu .item {cursor: pointer; position: relative;}
.product-menu p {padding: 3rem; min-height: 24rem; font-size: 27px; font-weight: 700; letter-spacing: -0.025em;}
.product-menu span {display: inline-block; padding-bottom: 2rem; position: relative;}
.product-menu span::after {display: block; content: ''; width: 100%; height: 2px; background: #85b1ef; position: absolute; left: 0; bottom: 0; transition: all 0.3s ease-in-out;}
.product-menu .btn-more {display: none; position: absolute; bottom: 0; right: 0; transition: all 0.3s ease-in-out;}
.product-menu .btn-more a {font-size: 0; width: 84px; height: 74px; border: 0; background: #000; position: relative;}
.product-menu .btn-more a::after {display: block; content: ''; width: 52px; height: 16px; background: url(../images/main/product-btn.png) no-repeat center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all 0.3s ease-in-out;}

.main__product.on-2 .sec-tag {color: #000;}
.main__product.on-2 .sec-tit {color: var(--color-main);}
.main__product.on-2 .sec-desc {color: #666;}
.main__product.on-2 .sec-desc span {font-size: 18px; font-weight: 700; color: var(--color-main);}
.main__product.on-2 .product-menu .item:not(.on) span {color: #000;}
.main__product.on-2 .product-menu .item:hover span {color: #fff;}
.main__product.on-2 .btn-more a {border-color: var(--color-main); color: var(--color-main);}
.main__product.on-2 .btn-more a:hover {color: #fff;}

.product-menu .item:hover,
.product-menu .item.on {background: var(--color-main);}
.product-menu .item:hover span::after,
.product-menu .item.on span::after {opacity: 0;}
.product-menu .item:hover .btn-more,
.product-menu .item.on .btn-more {display: block;}
.product-menu .item .btn-more:hover a::after {transform: translate(-40%, -50%);}

.product-top-list .item {display: none; opacity: 0; transition: all 0.3s ease-in-out;}
.product-top-list .item.on {display: flex; opacity: 1;}
.product-top-list .item .sec-tit span {font-family: var(--font-montserrat);}
.product-top-list .item .txt {flex: none; width: 55%;}
.product-top-list .item .img-box {flex: none; width: 45%;}
.main__product .sec-desc br {display: none;}
.product-top-list .item .main-img {height: 45rem; transform: translateX(7.5rem);}
.main__product.on-3 .product-top-list .item .main-img,
.main__product.on-4 .product-top-list .item .main-img {height: 52rem;margin-top: -7rem;}
.product-top-list .item .main-img {display: flex; justify-content: center; align-items: center;}
.product-top-list .item .sub-img {display: flex; justify-content: flex-end; padding-right: 7rem; position: absolute; top: 80%; right: 0;}
.product-top-list .item .sub-img .img {display: flex; justify-content: center; align-items: center; width: 12rem; height: 12rem; border-radius: 50%; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); overflow: hidden;}
.product-top-list .item .sub-img .img+.img {margin-left: 4px;}
@media (hover: hover) and (pointer: fine) {
}
@media (max-width: 1440px) {
  .main__product.on-2 .sec-desc br {display: none;}
  .product-top-list .item .sub-img {top: 75%;}
}
@media (max-width: 1280px) {
  .section:nth-child(2) .inner::after {width: 50rem;}
  .main__product .product-top-list .item {min-height: 50rem;}
  .product-menu {margin-top: 3rem;}
  .product-menu p {font-size: 22px;}
}
@media (max-width: 1024px) {
  .section:nth-child(2) .inner::after {width: 38rem;}
  .product-top-list .item {min-height: 42rem;}
  .product-menu p {min-height: 24rem; font-size: 18px; padding: 3rem 1.5rem;}

  .main__product {background-color: #fff; background-position: left top;}
  .product-top-list .item .main-img {transform: translateX(0);}
  .product-top-list .item .sub-img {right: 0%;}
  .product-top-list .item .sub-img .img {width: 10rem; height: 10rem;}
}
@media (max-width: 768px) {
  .section:nth-child(2) .inner::after {width: 32rem;}
  .section:nth-child(2) .sec-tit {font-size: 4rem;}
  .section:nth-child(2) .sec-desc {width: 100%;}
  .product-menu {margin-top: 11rem;}
  .product-menu p {font-size: 18px; font-weight: 500; padding: 1.5rem 1.5rem; min-height: 20rem;}
  .product-menu .btn-more a {width: 65px; height: 70px; padding: 0;}
  .product-menu .btn-more a::after {width: 30px; background-position-x: right;}

  .main__product .product-top-list .item {flex-direction: column;}
  .product-top-list .item .txt {width: 100%; order: 2;} 
  .product-top-list .item .img-box {width: 100%; position: relative;}
  .main__product .product-top-list .item .main-img {width: 80%; margin: 0 auto;}
  .main__product.on-2 .product-top-list .item .main-img {height: 28rem;}
  .main__product.on-3 .product-top-list .item .main-img, .main__product.on-4 .product-top-list .item .main-img {margin-top: 0;}

  .product-top-list .item .txt {margin-top: 2REM;}
  .main__product.on-2 .sec-desc span {font-size: 15px; font-weight: 500;}
}
@media (max-width: 576px) {
  .section:nth-child(2) .sec-desc br {display: none;}
  .product-top-list .item {min-height: 53rem;}
  .product-menu {flex-wrap: wrap; margin-top: 4rem;}
  .product-menu .item {width: 50%;}
  .product-menu p {min-height: 14rem;}
  .product-menu .btn-more a {width: 55px; height: 55px;}
}
@media (max-width: 480px) {
  .section:nth-child(2) .sec-tit {font-size: 24px;}
  .product-menu .item {width: 100%; min-height: 60px;}
  .product-menu p {min-height: 1px; font-size: 16px;}
  .product-menu span {padding-bottom: 12px;}
  .product-menu .btn-more a {height: 60px;}
  .main__product .product-top-list .item .main-img, .main__product.on-3 .product-top-list .item .main-img, .main__product.on-4 .product-top-list .item .main-img {width: 90%; height: auto;}
  .product-top-list .item .sub-img {position: relative;}
}
/* */
/* ===================================================== */


/* ===================================================== */
/* */
.section:nth-child(3) .inner {display: flex; flex-direction: column; justify-content: space-between;}
.section:nth-child(3) .inner::after {display: block; content: ''; width: calc(40% + var(--inner-padding)); height: calc(100% - var(--header-height)); background: url(../images/main/solution-bg.png) no-repeat right center / contain; position: absolute; top: var(--header-height); right: calc(0% - var(--inner-padding));}
.section:nth-child(3) .sec-header {color: #222; padding-right: 40%; padding-top: 5rem;}
.section:nth-child(3) .sec-tit {color: var(--color-main); font-size: 5rem;}
.section:nth-child(3) .btn-more a {color: var(--color-main); border-color: var(--color-main);}
.section:nth-child(3) .btn-more a:hover {color: #fff;}

.solution-bottom {margin-top: 4.5rem; padding: 6.5rem 0; position: relative;}
.solution-bottom::after {display: block; content: ''; width: calc(100% + (var(--inner-padding) * 2)); height: 100%; background: #fff; position: absolute; bottom: 0; left: calc(0% - var(--inner-padding));}
.solution-bottom .tit {font-size: 3.5rem; font-weight: 300; color: #222; line-height: 1.6; text-decoration: underline; text-underline-offset: 10px; text-decoration-thickness: 1px; position: relative; z-index: 1;}
.solution-bottom .tit span {font-weight: 800; color: var(--color-main);}
.solution-list {display: flex; margin-top: 1rem; position: relative; z-index: 1;}
.solution-list .list.nth-1 {margin-top: 3.5rem;}
.solution-list .list.nth-1 p {padding-left: 15px; font-size: 20px; font-weight: 700; color: #717171; letter-spacing: -0.025em; position: relative;}
.solution-list .list.nth-1 p::after {display: block; content: ''; width: 6px; height: 2px; background: #717171; position: absolute; left: 0; top: 14px;}
.solution-list .list.nth-2 {display: flex; margin-left: 3rem;}
.solution-list .list.nth-2 .item {display: flex; padding: 0 1rem; width: 17rem; height: 17rem; align-items: center; justify-content: center; border-radius: 50%; background: var(--color-main); text-align: center;}
.solution-list .list.nth-2 .item:nth-of-type(1) {background: rgba(46, 94, 163, 0.4); transform: translateX(2rem);}
.solution-list .list.nth-2 .item:nth-of-type(2) {background: rgba(46, 94, 163, 0.7); transform: translateX(1rem);}
.solution-list .list.nth-2 p {font-size: 16px; font-weight: 800; color: #fff;}

@media (hover: hover) and (pointer: fine) {
}
@media (max-width: 1920px) {
  .section:nth-child(3) .inner::after {top: 0;}
  .solution-bottom .tit {font-size: 30px;}
}
@media (max-width: 1280px) {
  .section:nth-child(3) .sec-header {padding-top: 0;}
  .section:nth-child(3) .sec-tit {font-size: 4rem;}
  .section:nth-child(3) .sec-desc br {display: none;}
  .solution-list .list.nth-1 p {font-size: 18px;}
}
@media (max-width: 1024px) {
  .section:nth-child(3) .inner::after {height: calc(75% - var(--header-height));}
  .section:nth-child(3) .sec-tit {font-size: 3rem;}
  .solution-list {margin-top: 3.5rem; align-items: center;}
  .solution-list .list.nth-1 {margin-top: 0;}
  .solution-list .list.nth-1 p {padding-left: 10px; font-size: 16px;}
  .solution-list .list.nth-2 p {font-size: 14px; font-weight: 700;}
  .solution-list .list.nth-1 p::after {top: 11px;}
  .solution-list .list.nth-2 .item {width: 15rem; height: 15rem;}
}
@media (max-width: 768px) {
  .section:nth-child(3) .inner::after {display: none;}
  .section:nth-child(3) .sec-header {padding-right: 0;}
  .section:nth-child(3) .sec-tit br {display: none;}
  .solution-bottom .tit {font-size: 24px;}
  .solution-list {flex-direction: column-reverse;}
  .solution-list .list.nth-1 {margin-top: 2rem;}
  .solution-list .list.nth-2 {margin-left: 0; margin-top: 2rem;}
  .solution-list .list.nth-2 .item {width: 19rem; height: 19rem;}
}
@media (max-width: 576px) {
  .section:nth-child(3) .sec-tit {font-size: 20px;}
  .solution-bottom .tit {font-size: 20px;}
}
@media (max-width: 480px) {
  .solution-list .list.nth-2 {flex-direction: column; margin-top: -12rem;}
  .solution-list .list.nth-2 .item {width: 26rem; height: 26rem;}
  .solution-list .list.nth-2 .item:nth-of-type(1) {transform: translate(0, 12rem);}
  .solution-list .list.nth-2 .item:nth-of-type(2) {transform: translate(0, 7rem);}
}
/* */
/* ===================================================== */


/* ===================================================== */
/* */
.community::after {display: block; content: ''; width: 100%; height: 130px; background: url(../images/main/community-bg02.png) no-repeat center top; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.community .sec-header {display: inline-block; width: 65%; padding-bottom: 8.5rem; position: relative;}
.community .sec-header::before {display: block; content: ''; width: calc(100% + var(--inner-padding)); height: calc(100% + var(--header-height)); background: url(../images/main/community-bg01.png) no-repeat center / cover; position: absolute; bottom: 0; right: 0;}
.community .sec-header .txt {position: relative; z-index: 1;}
.community .sec-tit {font-family: var(--font-montserrat);}

.community .news-list {margin-top: 15rem; padding-right: 17rem; position: relative; z-index: 1;}
.community .tit {display: inline-block; font-size: 4rem; font-weight: 700; text-decoration: underline; text-decoration-thickness: 4px; text-underline-offset: 10px; max-width:100%; overflow: hidden; white-space:nowrap; text-overflow: ellipsis;}
.community .desc {width: 80%; margin-top: 2rem; font-size: 25px; font-weight: 600; max-width:100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;line-clamp: 2; -webkit-box-orient: vertical;}
.community .date {margin-top: 3rem; font-family: var(--font-montserrat); font-size: 20px; font-weight: 700;}
.community .news-img-list {width: 575px; height: 390px; position: absolute; left: calc(100% - 9rem); bottom: 0; z-index: 1; transform: translateY(-11rem);}
.community .img {width: 575px; height: 390px; position: relative;}
.community img {min-width: 100%; min-height: 100%; object-fit: cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.community .nav {display: flex; position: absolute; bottom: 0; left: calc(100% - 100px); z-index: 2;}
.community .nav-btn {height: 11rem; width: 100px; background-image: url(../images/main/btn-arrow.png); background-position: center; background-repeat: no-repeat; cursor: pointer;}
.community .nav-btn.next {background-color: #000; transform: rotate(180deg);}
.community .nav-btn.pause {background-image: url(../images/main/btn-pause.png);}
.community .nav-btn.pause.on {background-image: url(../images/main/btn-play.png);}

.community .btn-more {position: absolute; top: 10rem; right: 2rem; z-index: 1;}
.community .btn-more a {display: block; border: 0; width: 42px; height: 42px; padding: 0; background: url(../images/main/btn-more.png) no-repeat center;}

@media (hover: hover) and (pointer: fine) {
}
@media (max-width: 1440px) {
  .community .news-img-list {left: calc(100% - 15rem);}
}
@media (max-width: 1280px) {
  .community {padding-bottom: var(--header-height);}
  .community .btn-more {top: 2rem;}
  .community .tit {font-size: 32px;}
  .community .desc {font-size: 20px;}
  .community .date {font-size: 16px;}
  .community .news-img-list {width: calc(65% + 5rem); height: 340px;}
  .community .img {height: 340px;}
}
@media (max-width: 1024px) {
  .community .news-list {padding-right: 14rem;}
  .community .news-img-list {left: calc(100% - 11rem);}
}
@media (max-width: 768px) {
  .community .sec-header {display: flex; flex-direction: column; width: 100%;}
  .community .sec-header::before {width: calc(100%); right: auto; left: calc(-1 * var(--inner-padding));}
  .community .news-list {order: 3; margin-top: 2rem;}
  .community .desc {width: 100%;}
  .community .news-img-list {order: 2; width: 100%; position: inherit; left: auto; bottom: auto; transform: translate(0, 0);}
  .community .img {width: auto;}
  .community .nav {left: auto; right: var(--inner-padding);}
  .community .nav-btn.pause {background-color: #fff;}
}
@media (max-width: 576px) {
  .community .sec-header {padding-bottom: 100px;}
  .community .sec-header::before {width: calc(100% + var(--inner-padding));}
  .community .news-list {padding-right: 2rem;}
  .community .tit {font-size: 24px;}
  .community .desc {font-size: 18px;}
  .community .nav-btn {width: 70px; height: 70px;}
}
@media (max-width: 480px) {
  .community .news-img-list,
  .community .img {height: 300px;}
  .community .nav {right: 0;}
}
/* */
/* ===================================================== */


/* ===================================================== */
/* */
.inquiry::after {display: block; content: ''; width: 154px; height: 154px; background: url(../images/main/inquiry-deco.png) no-repeat center; position: absolute; top: -4.5rem; right: 9rem; animation: is-any 15s linear infinite;}
@keyframes is-any {
  100% {transform: rotate(360deg);}
}
.inquiry .sec-header {padding: 18rem 5rem 32rem; background: url(../images/main/inquiry-bg.png) no-repeat center / cover; border-radius: 10px 90px 90px 90px; box-shadow: 0 0 70px rgba(0, 0, 0, 0.17); overflow: hidden; position: relative; z-index: 1;}
.inquiry .sec-tit {font-family: var(--font-montserrat); font-size: 5.5rem; font-weight: 700;}
.inquiry .sec-sub-tit {display: inline-block; padding: 1rem 1.5rem 1rem 0; font-size: 24px; font-weight: 700; letter-spacing: 0.05em; position: relative;}
.inquiry .sec-sub-tit::before {display: block; content: ''; width: calc(100% + 12rem); height: 100%; background: var(--color-main); position: absolute; top: 0; right: 0;}
.inquiry .sec-sub-tit span {position: relative; z-index: 1;}
.inquiry .sec-desc {margin-top: 2rem; font-size: 20px; font-weight: 700;}
.inquiry .btn-more { position: absolute; bottom: 0; right: 0;}
.inquiry .btn-more a {font-family: var(--font-montserrat); font-size: 3.5rem; font-weight: 700; color: var(--color-main); border: 0; padding: 7rem 10rem; background: #fff;}
.inquiry .btn-more span {padding-right: 9rem; position: relative;}
.inquiry .btn-more span::after {display: block; content: ''; width: 52px; height: 16px; background: url(../images/main/product-btn.png) no-repeat center; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}

@media (hover: hover) and (pointer: fine) {
}
@media (max-width: 1620px) {
  .inquiry .sec-header {padding-bottom: 25rem; margin-top: 5rem;}
}
@media (max-width: 1440px) {
  .inquiry .sec-header {border-radius: 10px 65px 65px 65px;}
}
@media (max-width: 1280px) {
  .inquiry .fp-tableCell > .inner {padding-top: 0; padding-bottom: 10rem;}
  .inquiry::after {top: -7.5rem; right: 3rem;}
  .inquiry .sec-header {margin-top: 0; padding: 10rem 5rem 20rem;}
  .inquiry .sec-tit {font-size: 4.5rem;}
  .inquiry .sec-sub-tit {font-size: 20px;}
  .inquiry .btn-more a {padding: 4rem 5rem; font-size: 24px;}
}
@media (max-width: 1024px) {
  .inquiry .sec-header {border-radius: 10px 40px 40px 40px; padding: 10rem 5rem 12rem;}
  .inquiry .sec-desc {font-size: 18px;}
}
@media (max-width: 768px) {
  .inquiry .sec-header {padding: 10rem 4rem 12rem;}
  .inquiry .sec-sub-tit {font-size: 18px;}
}
@media (max-width: 576px) {
  .inquiry .sec-header {padding-top: 4rem; border-radius: 10px 20px 20px 20px;}
  .inquiry .sec-tit {font-size: 30px;}
  .inquiry .sec-sub-tit {font-weight: 400;}
  .inquiry .sec-desc {font-size: 16px;}
  .inquiry .sec-desc br {display: none;}
  .inquiry .btn-more a {padding: 2rem 3rem; font-size: 20px;}
}
@media (max-width: 480px) {
  .inquiry .sec-header {padding: 5rem 2rem 7rem;}
  .inquiry .sec-tit {font-size: 20px; font-weight: 600;}
  .inquiry .sec-sub-tit {font-size: 16px;}
}
/* */
/* ===================================================== */