@charset "utf-8";

/* Base */

.mp-section {--theme-1: #fff; --theme-2: var(--primary); --radius: 100px; padding-block: 151px 195px; border-radius: var(--radius) var(--radius) 0 0;  font-size: 17px; }
.mp-section-head {margin-bottom: 70px;}

.mp-section-title-sml { font-size: 30px; font-weight: 700; color:var(--primary); text-transform: capitalize; display: block; margin-bottom: 0.6em;}
.mp-section-title { font-size: 46px; font-weight: 700; text-transform: uppercase; line-height: 1.45;}
.mp-section-title-2 {font-size: 36px; font-weight: 700; text-transform: uppercase;}
.mp-section-desc {font-size: 20px; line-height: 1.8;}

.mp-article.split {display: grid; grid-template-columns: 450px calc(100% - 502px); gap: 67px; padding: 300px 0;}
.mp-article.split .mp-article-head {}

.sticky-section {position: relative; margin-bottom: 0; box-shadow: 0 -100px 100px rgb(0,0,0,.15); box-shadow: none;}
.sticky-section::after {position: absolute; top: 100%; left: 0; width: 100%; height: 500px; content: ''; background: var(--theme-1); pointer-events: none;}
.sticky-section::before {position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; background: rgb(0,0,0,.65); z-index: 100; border-radius: var(--radius) var(--radius) 0 0; opacity: 0; transition: opacity .3s; pointer-events: none;}
.sticky-section-active::before {opacity: 1; transition: opacity 1s;}
.sticky-section.not-action::before {display: none;}
.sticky-section-hide {opacity: 0;}

.m-display {display: none;}


@media (hover: hover) {
  .tab-nav button:hover {--theme: var(--primary);}
}
@media screen and (max-width: 1399px) {
  .mp-section {--radius: 30px; padding-block: 130px 150px; font-size: 16px;}
  .mp-section-head {margin-bottom: 50px;}
  .mp-section-title {font-size: 34px;}
  .mp-section-title-sml {font-size: 24px;}
  .mp-section-desc {font-size: 16px;}
  .mp-article.split { grid-template-columns: 300px calc(100% - 330px); gap: 30px; padding: 200px 0; align-items: flex-end;}

  #mp-plug-merit .mp-article.split {grid-template-columns: 330px calc(100% - 360px);}
}
@media screen and (max-width: 767px) {
  .mp-section {--radius: 10px; padding-block: 60px 120px; font-size: 15px;}
  .mp-section-head {margin-bottom: 40px;}
  .mp-section-title {font-size: 30px; display: inline-block;}
  .mp-section-title-2 {font-size: 20px;}
  .mp-article.split {padding: 100px 0;}
  .pc-display {display: none;}
  .m-display {display: block;}
}
@media screen and (max-width: 499px) {}


/* Main visual */
.main-visual {position: relative;  width: 100%; height: 200vh; display: flex; flex-direction: column;}
.main-visual .inner {align-items: center;  display: flex;  height: calc(var(--vh, 1vh)* 100);  height: 100dvh;  left: 0;  overflow: hidden;  position: sticky;  top: 0;  width: 100%;}
.main-visual-bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;}
.main-visual-bg::after {position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; background: rgb(0,0,0,.5); mix-blend-mode: overlay;}

.main-visual-bg video {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; display: block; transform: scale(1.2); transition: .4s ease-in;}
.main-visual-bg.init video {transform: scale(1);}

.main-visual-content {height: 100%; display: flex;justify-content: center; align-items: center; flex-direction:column;}
.main-visual-content .title3 {position: absolute; left:0; font-size: 120px; width: 100%; line-height: 1.2;color: #fff; opacity: 0; transform: scale(2); display: block; text-align: center; font-weight: 700;}

.main-visual-content {height: 100%; display: flex;flex-direction:column; align-items: flex-start;}



.main-visual .ani-wrap {display: flex;flex-direction: column; gap: 30px;}
.main-visual .tit {font-size: 104px; font-weight: 800; line-height: 1.2; color:#fff; text-align: left; width: 0; white-space: nowrap; overflow: hidden; transition: .3s ease-in-out; display: flex; gap: 20px; align-items: flex-end;  line-height: 1.1;}
.main-visual .tit.active {width: 100%;}
.main-visual .tit-1.active {transition-delay: .2s; }
.main-visual .tit-2.active {transition-delay: .4s; }
.main-visual .tit-3.active {transition-delay: .6s; } 
/* 
.main-visual.init .tit {width: 100%;}
.main-visual.init .tit-1 {transition-delay: .2s; }
.main-visual.init .tit-2 {transition-delay: .4s; }
.main-visual.init .tit-3 {transition-delay: .6s; } */


.main-visual .tit .divide {width: 300px; height: 10px; background: #fff; display: block;}
.main-visual-content .title3 .ani { overflow: hidden; white-space: nowrap; width: 100%;height: 100%;}
.main-visual-content .title3 .ani .txt {transform: translate(0%, 100%);transition: .5s ease-in; opacity: 0;}
.main-visual-content .title3 .ani.active .txt {width: 100%; transform: translate(0%, 0%);display: block; opacity: 1;}



.scroll-down {position: absolute; bottom:100px; left:50%; transform: translateX(-50%); display: flex; z-index: 11111; flex-direction: column; align-items: center; gap: 10px;}
.scroll-down .txt {font-size: 14px; color:#fff; display: flex; flex-direction: column; align-items: center; line-height: 1;}
.scroll-down {animation: scroll-ani 1s ease-in infinite alternate-reverse; }
@keyframes scroll-ani {
  0% {transform: translate(-50%,0px);}
  100% {transform:translate(-50%,20px);}
}


@media screen and (max-width: 1399px) {
  .main-visual {min-height: 720px;}
  .main-visual-content .content {width: 70%;}
  .main-visual-content .content .logo {width: 320px; margin-left: -84px;}
  .main-visual-content .content .desc {font-size: 30px;}
  .main-visual-content .title-box {font-size: 62px;}
  .main-visual .ani-wrap {width: 100%; align-items: center; justify-content: center;}
  .main-visual .tit {font-size: 54px; justify-content: center; }
}
@media screen and (max-width: 767px) {
  .main-visual {height: 100vh;}
  .main-visual .ani-wrap {align-items: flex-start; justify-content: flex-start; gap: 0;}
  .main-visual .tit {justify-content: flex-start;}
  .main-visual-content .content {width: 100%; padding: 0; text-align: center;}
  .main-visual-content .content .logo {margin-inline: auto; width: 240px; transform: translate(-23px);}
  .main-visual-content .content .desc {font-size: 24px;}
  .main-visual-content .title-box {font-size: 32px;}
  .main-visual .tit {font-size: 28px; gap: 12px; line-height: 1.5; }
  .main-visual .tit .divide { height: 5px; width: 100px;}
  .main-visual-content .title3 {line-height: 1.5;}
  .scroll-down {bottom: 50px;}
  .scroll-down .txt {font-size: 12px;}
  .scroll-down .mouse {width: 25px; height: 25px;}
  .scroll-down .arr {width: 15px; height: 15px;}
}
@media screen and (max-width: 499px) {
  .main-visual {height: 160vh;}

}



.mp-solution-inq-banner {background: var(--primary); color: var(--gray); border-radius: 0 0 100px 100px; overflow: hidden; }
.mp-solution-inq-banner .container {display: flex; align-items: center; justify-content: space-between; position: relative;padding: 75px 0 60px;}
.mp-solution-inq-banner .description {font-size: 17px; color:#fff;}
.mp-solution-inq-banner .description .mp-section-title-2 {margin-bottom: 10px; line-height: 1.37;}
.mp-solution-inq-banner .description .desc {font-size: 16px; line-height: 1.43; display: block; margin-bottom: 28px;}
.mp-solution-inq-banner .btn-inquiry {display: flex; align-items: center; gap: 23px; height: 42px; border-radius: 69px; background: #fff; padding-inline: 24px; transition: background .4s var(--cubic-pop1); color:var(--primary); font-weight: 700;}
.mp-solution-inq-banner .btn-inquiry .slogan {flex-shrink: 0; transition: color .4s var(--cubic-pop1);}
.mp-solution-inq-banner .btn-inquiry .box {height: 42px; display: flex; align-items: center; justify-content: center; text-align: center; border-radius: 42px; border: 1px solid var(--gray-dark); padding-inline: 23px; transition: background .4s var(--cubic-pop1), border .4s var(--cubic-pop1), color .4s var(--cubic-pop1);}
.mp-solution-inq-banner .thumb-cont {width: 780px; height: 145px; }
.mp-solution-inq-banner .thumb-cont .diagram {border-radius: 73px; background: #008800; display: flex; justify-content: space-between; position: relative; padding: 13px 24px;}
.mp-solution-inq-banner .thumb-cont .diagram .item {display: flex; }
.mp-solution-inq-banner .thumb-cont .diagram .item li {width: 119px; height: 119px; border-radius: 50%; background: #FF9100; position: relative; display: flex; align-items: center; justify-content: center;}
.mp-solution-inq-banner .thumb-cont .diagram .item li .banner-gear {position: absolute; animation: gear 10s linear infinite;}
.mp-solution-inq-banner .thumb-cont .diagram .item li .tit {font-size: 20px; color:#fff; line-height: 1.25; position: relative; font-weight: 700; text-align: center;}
.mp-solution-inq-banner .thumb-cont .diagram .item li .banner-plus-icon {position: absolute; top:50%;right:-10px; transform: translate(0,-50%); z-index: 3;}
.mp-solution-inq-banner .thumb-cont .diagram .item:last-child li .banner-plus-icon {right: auto; left:-10px;}
.mp-solution-inq-banner .thumb-cont .diagram .thumb {position: absolute; left:50%; top:50%; transform: translate(-45%, -46%); z-index: 2; width: 356px;}

@keyframes gear {
  0% {rotate:0deg}
  100% {rotate: 365deg}
}

@media (hover: hover) {
  .mp-solution-inq-banner .btn-inquiry:hover {background: var(--primary-light); color: #fff;}
}

@media screen and (max-width: 1399px) {
  .mp-solution-inq-banner {padding-block: 50px 60px; font-size: 15px; border-radius: 0 0 100px 100px;}
  .mp-solution-inq-banner .container {padding: 0px; flex-direction: column; gap: 30px;}
  .mp-solution-inq-banner .description {text-align: center;width: 100%;}
  .mp-solution-inq-banner .description .mp-section-title-2 {font-size: 30px;}
  .mp-solution-inq-banner .description .desc {margin-bottom: 16px;}
  .mp-solution-inq-banner .btn-inquiry {margin: 0 auto;}
  .mp-solution-inq-banner .thumb-cont {width: 100%;}
  .mp-solution-inq-banner .thumb-cont .diagram .item li .tit {font-size: 16px;}
  .mp-solution-inq-banner .thumb-cont .diagram .thumb {width: 268px;}

}
@media screen and (max-width: 767px) {
  .mp-solution-inq-banner .container {align-items: flex-start;}
  .mp-solution-inq-banner .description .mp-section-title-2 {font-size: 24px;}
  .mp-solution-inq-banner .btn-inquiry {font-size: 18px;padding-inline: 27px; height: 47px; border-radius: 5px; justify-content: center; width: 100%;}

  .mp-solution-inq-banner .thumb-cont {height: 100%;}
  .mp-solution-inq-banner .thumb-cont .diagram {flex-direction: column; border-radius: 26px; align-items: center; padding: 25px 10px;}
  .mp-solution-inq-banner .thumb-cont .diagram .thumb {position: static; transform: none;}
  .mp-solution-inq-banner .thumb-cont .diagram .item {justify-content: center;}
  .mp-solution-inq-banner .thumb-cont .diagram .item:nth-of-type(1) li:nth-child(2) .banner-plus-icon {right:auto; left:50%; transform:translate(-50%); top:auto; bottom:-10px;}
  .mp-solution-inq-banner .thumb-cont .diagram .item:nth-of-type(2) li:nth-child(1) .banner-plus-icon {right:auto; left:50%; transform:translate(-50%); top:-10px;}
  /* .mp-solution-inq-banner .thumb-cont .diagram .item {justify-content: center;width: 100%; gap: 10px;}
  .mp-solution-inq-banner .thumb-cont .diagram .item:last-child {margin-top: .5em;}
  .mp-solution-inq-banner .thumb-cont .diagram .item .banner-plus-icon {display: none;}
  .mp-solution-inq-banner .thumb-cont .diagram .item li {width: 100%; height: 100%; border-radius: 50px;}
  .mp-solution-inq-banner .thumb-cont .diagram .item li .tit {padding: .5em 1.5em;}
  .mp-solution-inq-banner .thumb-cont .diagram .item li .banner-gear {display: none;} */

  .mp-solution-inq-banner .thumb-cont .diagram {display: block;}
  .mp-solution-inq-banner .thumb-cont .diagram .thumb {margin: 0 auto;}
  
}
@media screen and (max-width: 599px) {
  .mp-solution-inq-banner {padding-inline: 20px; border-radius:  0 0 20px 20px;}
}

.solution-intro {background: #F5F5F5;}
#mp-process {padding-block:120px 100px; overflow: hidden;}
#mp-process .mp-section-title {text-align: center; margin-bottom: 42px;}
#mp-process .process-ls {display: flex; gap: 20px; width: 100%;}
#mp-process .process-ls li {border-radius: 16px; box-shadow: 8px 8px 11px rgba(0,0,0,0.16); position: relative; width: 100%;   z-index: 2;}
#mp-process .process-ls li .inner {padding: 20px; position: relative;}
#mp-process .process-ls li:first-child {background: #fff;}
#mp-process .process-ls li .num {font-size: 19px; color:var(--primary); font-weight: 700;}
#mp-process .process-ls li .tit {font-size: 24px; font-weight: 700;}
#mp-process .process-ls li .icon {width: 102px; height: 102px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #F6F6F6; margin-left: auto;}
#mp-process .process-ls li .icon img {}
#mp-process .process-ls li .process-arrow {position: absolute; top:50%; left:100%; transform: translate(-18px,-50%); z-index: -1;}
#mp-process .process-bg {position: absolute;width: 100%; height: 100%; object-fit: cover;}




@media screen and (max-width: 1399px) {
  #mp-process .process-ls li .tit {font-size: 19px; margin-bottom: 1em;}
  #mp-process .process-ls li .icon {width: 60px; height: 60px;}
  #mp-process .process-ls li .icon img {width: 35px;}
  #mp-process .process-ls li .num {font-size: 16px;}
  #mp-process .process-bg {object-fit: initial;}
  #mp-process .process-ls li .process-arrow {width: 45px;}
}
@media screen and (max-width: 767px) {
  #mp-process .process-ls {flex-direction: column;}
  #mp-process .process-ls li {background: #fff;}
  #mp-process .process-ls li .process-arrow {display: none;}
  #mp-process .process-ls li .tit {margin-bottom: 0;}
  #mp-process .process-ls li .icon {margin-top: -56px;}
  #mp-process .process-bg {display: none;}
}



/* Brands */
#mp-solution {--theme-1: var(--primary); --theme-2: var(--secondary);  border-radius: 0;}
#mp-solution .mp-section-head {}
#mp-solution .mp-section-title { font-weight: 400;}
#mp-solution .solution-ls {display: flex; gap: 28px;}
#mp-solution .solution-ls .content {display: flex; flex-direction: column; align-items: center; background: #fff; box-shadow: 7px 7px 15px rgba(0,0,0,0.16);border-radius: 29px; padding: 40px 15px 38px;}
#mp-solution .solution-ls .content .head {text-align: center;}
#mp-solution .solution-ls .content .head .tit-sml {font-size: 20px; font-weight: 700; padding: .5em 1em ; background: var(--primary);  border-radius: 30px;color:#fff; display: inline-block; margin-bottom: 1em; line-height: 1;}
#mp-solution .solution-ls .content .head .tit {font-size: 32px; font-weight: 700; line-height: 1.34; color:#545454;}
#mp-solution .solution-ls .content .thumb {background:#F6F6F6; border-radius: 29px; margin: 30px 0 40px; padding: 20px 10px;}
#mp-solution .solution-ls .content .thumb > img {margin: 0 auto; display: block;}
#mp-solution .solution-ls .content .check-ls {display: flex; width: 100%;}
#mp-solution .solution-ls .content .check-ls .item {display: flex; flex-direction: column; align-items: center; gap: 4px; width: 100%;}
#mp-solution .solution-ls .content .check-ls .item:not(:last-child){border-right: 1px dashed #B5B5B5;}
#mp-solution .solution-ls .content .check-ls .item .check-svg {}
#mp-solution .solution-ls .content .check-ls .item .txt {font-size: 20px; line-height:1.35 ; text-align: center; }

#mp-solution .solution-ls .content .thumb {padding-bottom: 0;}
@media (hover: hover) {
}
@media screen and (max-width: 1399px) {
  #mp-solution .solution-ls {flex-direction: column;}
  #mp-solution .solution-ls .content .head .tit{font-size: 32px;}
  #mp-solution .solution-ls .content .head .tit-sml {margin-bottom: 0.8em;}
}
@media screen and (max-width: 767px) {
  #mp-solution .solution-ls .content .head .tit-sml {font-size: 16px;}
  #mp-solution .solution-ls .content .head .tit {font-size: 22px;}
  #mp-solution .solution-ls .content .check-ls {}
  #mp-solution .solution-ls .content .thumb {margin:30px 0;}
  #mp-solution .solution-ls .content .check-ls .item {padding: 5px;}
  #mp-solution .solution-ls .content .check-ls .item .txt {font-size: 14px;}
  #mp-solution .solution-ls .content .check-ls .item .check-svg {width: 30px;}
  #mp-solution .solution-ls .content:nth-child(2) .check-ls .item:nth-child(1) {width: calc(100% + 10px); margin-left: -10px;}
}
@media screen and (max-width: 499px) {}



/* why plug */
.mp-plug {background: #1E1E1E; border-radius: 0; padding: 0 0 210px; }
.mp-plug .mp-article-head {display: flex; gap: 70px; align-items: flex-start; }
.mp-plug .mp-article-head .num {color:#fff; font-weight: 300; margin-top: 4px;}
.mp-plug .mp-article-head .wrap {color:#B5B5B5;}
.mp-plug .mp-article-head .wrap b {color:#fff;}
.mp-plug .mp-article-head .wrap .mp-section-desc { margin-top: 58px;}
.mp-plug .mp-section-body {position: relative;}
.mp-plug .scroll-bar-container { position:absolute; top:0; width: 5px; z-index: 10; will-change: transform; background: #000;left:50px; height: 100%; transform-origin: top;}
.mp-plug .scroll-bar-container .scroll-bar {position:sticky; top:40%; left:0px; height: 450px; background: #fff; display: block;  }

.mp-plug .mp-section-head {background: #1e1e1e; width: 100%; height: 240px; display: flex; align-items: flex-end;z-index: 1111; margin-bottom: 0;}
.mp-plug .mp-article.split.first {margin-top: 70px;}

@media (hover: hover) {}
@media screen and (max-width: 1399px) {
  .mp-plug .mp-section-head {height: 150px;}
  .mp-plug .mp-article-head {gap: 30px;}
  .mp-plug .scroll-bar-container {width: 3px;left: 29px; }
  .mp-plug .scroll-bar-container .scroll-bar {height: 350px; }
  .mp-plug .mp-article.split.first {margin-top: 30px;}
  .mp-plug .mp-article-head .wrap .mp-section-desc {margin-top: 30px;;}
}
@media screen and (max-width: 767px) {
  .mp-plug {padding: 0 0 100px;}
  .mp-plug .mp-article.split {flex-direction: column;display: flex;}
  .mp-plug .mp-article-head {width: 100%;}
  .mp-plug .mp-article-body {margin-left: 40px;;}
  .mp-plug .mp-article-head .wrap .mp-section-desc {margin-top: 20px;}
}
@media screen and (max-width: 499px) {}



/* mp-feature */
.mp-feature {position: relative; padding-block: 0;}
.mp-feature .feature-container {width:100%; height: auto;;}
.mp-feature .feature-container .tab-bar {width: calc(100% - 22px);display: flex; gap: 8px; align-items: center; margin: 0 auto;}

.mp-feature .feature-container .content-box .content .txt-cont {display: flex; flex-direction: column;justify-content: space-between; width: 400px; flex-shrink: 0;  gap: 30px;}
.mp-feature .feature-container .content-box .content .txt-cont .check-ls {display: flex; flex-direction: column; }
.mp-feature .feature-container .content-box .content .txt-cont .check-ls .ls {display: flex; font-size: 20px; align-items: flex-end;}
.mp-feature .feature-container .content-box .content .txt-cont .check-ls .ls .icon {}
.mp-feature .feature-container .content-box .content .thumb-cont > img {position: absolute;  bottom:26px; right:34px;}

.mp-feature {height: 2400px;}
.mp-feature .mp-feature-anc {position: absolute; top: calc(12.2% * var(--i) + 1%); width: 2px; height: 2px;  display: block;}
.mp-feature #mp-feature-anc-1 {--i: 0;}
.mp-feature #mp-feature-anc-2 {--i: 1;}
.mp-feature #mp-feature-anc-3 {--i: 2;}
.mp-feature #mp-feature-anc-4 {--i: 3;}
.mp-feature .container {position: sticky; top:0; display: flex; flex-direction: column; justify-content: center;  height: 100vh; }
.mp-feature .feature-container .content-box {margin-top: -10px; display: flex; position: relative; width: 100%; flex-direction: column; background: #fff; min-height: 541px; height: 541px;}


.mp-feature .feature-container .tab-bar .tab-btn {font-size: 20px; font-weight: 700; background: #B5B5B5; color:#fff; border-radius: 18px 18px 0 0; width: 100%; padding: 17px 24px;transition: .3s ease}
.mp-feature .feature-container .content-box .content {display: flex; align-items: center; opacity: 0; border-radius: 29px; background: #fff;box-shadow: 7px 7px 15px rgba(0,0,0,0.16); padding: 30px 20px 26px 67px; z-index: 11;  width: 100%; position: absolute; transition: .3s ease; pointer-events: none; height: 100%;}

.mp-feature .feature-container .tab-bar .tab-btn.active {background: var(--primary);}
.mp-feature.merit-feat .feature-container .tab-bar .tab-btn.active {background: var(--secondary);}
.mp-feature.merit-feat .mp-section-title {color:#545454;}
.mp-feature .feature-container .content-box .content.active {opacity: 1; pointer-events: initial;}

.mp-feature .feature-container .content-box .content.cont1 {position: relative;}
.mp-feature.merit-feat .feature-container .content-box .content .txt-cont {width: 60%;}
.mp-feature .mo-sbj-cont {display: none;} 



@media screen and (max-width: 1399px) {
  .mp-feature {height: 2200px; padding-bottom: 80px;}
  .mp-feature .feature-container .tab-bar {gap: 2px;}
  .mp-feature .feature-container .tab-bar .tab-btn {font-size: 14px; padding: 15px; line-height: 1.3; min-height: 70px;display: flex; flex-direction: column; }
  .mp-feature .feature-container .content-box {height: 100%;}
  .mp-feature .feature-container .content-box .content {padding: 50px; flex-direction: column; gap: 26px; height: auto;}
  .mp-feature .feature-container .content-box .content .txt-cont {width: 100%; gap: 0;}
  .mp-feature .feature-container .content-box .content .txt-cont .check-ls {display: grid; grid-template-columns: repeat(2,1fr); gap:0 10px;margin-top: 20px;}
  .mp-feature .feature-container .content-box .content .txt-cont .check-ls .ls {font-size: 16px;}
  .mp-feature .feature-container .content-box .content .txt-cont .check-ls .ls .icon {width: 30px;}
  .mp-feature .feature-container .content-box .content .thumb-cont {width: 100%;}
  .mp-feature .feature-container .content-box .content .thumb-cont > img {position: static;}

  .mp-feature.merit-feat .feature-container .content-box .content .txt-cont {width: 100%;}
  .mp-feature.merit-feat .feature-container .content-box .content .txt-cont .check-ls {grid-template-columns: repeat(1,1fr);}

  
}
@media screen and (max-width: 767px) {
  .mp-feature .feature-container .tab-bar {grid-template-columns: repeat(2,1fr); display: grid; width: 100%;}
  .mp-feature .feature-container .tab-bar .tab-btn {pointer-events: initial; padding: 10px 12px; font-size: 15px; width: 100%;  border-radius: 10px; gap: 4px; min-height: 100%;}
  .mp-feature .feature-container .content-box {margin-top: 20px;gap: 40px;}
  .mp-feature .feature-container .content-box .content {display: flex; opacity: 1; position: static;padding: 30px 17px;  min-height: 0; gap: 25px;}
  .mp-feature .feature-container .content-box .content .txt-cont .check-ls {grid-template-columns: repeat(1,1fr); gap: 5px;}
  .mp-feature .feature-container .content-box .content .txt-cont .check-ls .ls {align-items: flex-start;}
  .mp-feature .feature-container .content-box .content .thumb-cont {height: auto;align-items: center; justify-content: center; gap: 10px; }
  .mp-feature .feature-container .content-box .content .thumb-cont > img {position: static;}
  .mp-feature .feature-container .content-box .content .thumb-cont.flex {}
  .mp-feature .feature-container .content-box .content .thumb-cont.flex .commuication-img-1 {width: 65%;position: absolute;left: -11px;}
  .mp-feature .feature-container .content-box .content .thumb-cont.flex .commuication-img-2 {width: 47%; margin-left: auto;}
  .mp-feature .feature-container .tab-bar {display: none;}
  .mp-feature {height: 100%; padding-block: 68px;}
  .mp-feature .container {position: static;height: 100%;;}
  .mp-feature .mo-sbj-cont {width: 100%; display: flex; background: var(--primary); padding:12px 10px; color:#fff; font-size: 15px; border-radius: 10px; font-weight: 500; gap: 10px;line-height: 1.3;}
  .mp-feature.merit-feat .mo-sbj-cont {background: var(--secondary);}
  .mp-feature.merit-feat .mp-section-title {font-size: 27px;}
  .mp-feature .mp-section-head {margin-bottom: 0;}
}

/* Inquiry */
.bg-light-gray {background:#F8F8F8; }
#mp-inq .mp-section-head {display: flex; align-items: flex-end; gap: 30px;}
#mp-inq .mp-section-head .desc {line-height: 1.4; margin-bottom: 0.6em;}
#mp-inq .brochure-link {display: flex; align-items: center; gap: 15px; padding-top: 32px;}
#mp-inq .brochure-link .round-button {--bg: #fff; color: var(--primary); --hover-bg: var(--primary); --hover-color: #fff; width: 198px;}

.inq-form {background: #fff; border-radius: 12px; padding: 34px 43px; color: var(--dark); display: grid; grid-template-columns: 240px 1fr;}
.inq-form-categories {padding-left: 25px; padding-right: 15px; padding-block: 29px 0; border-right: 1px solid #E3E3E3;}
.inq-form-categories .plx-inp-tit {margin-bottom: 35px;}
.inq-form-body {padding: 15px 15px 0 38px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px 50px; align-content: flex-start;}
.inq-form-body .plx-inp-tit {width: 100px;}
.inq-form-body .plx-inp-box.full {grid-column: span 2;}
.inq-form-body .plx-inp-box.inp-cnt {margin-top: -13px;}
.inq-form-body .plx-inp-box.inp-cnt .textarea {height: 150px;}
.inq-form-foot {grid-column: span 2; display: flex; justify-content: space-between; align-items: center; padding-inline: 25px 15px; padding-top: 20px; border-top: 1px solid #e3e3e3; margin-top: 30px;}
.inq-form-foot .agreebox {gap: 25px;}
.inq-form-foot .button-submit {width: 130px;}


@media (hover: hover) {}
@media screen and (max-width: 1399px) {
  .inq-form {display: block;}
  .inq-form-categories {padding: 0; margin-bottom: 30px; border-right: none;}
  .inq-form-categories .plx-inp-tit {margin-bottom: 15px;}
  .inq-form-categories .checkbox-group.vertical {flex-direction: row; display: grid;grid-template-columns: repeat(3,1fr);}
  .inq-form-body {padding: 0; gap: 15px;}
  .inq-form-body .plx-inp-tit {width: 60px;}
  .inq-form-foot {padding-inline: 0;}
  .inq-form-foot .agreebox {flex-direction: column; gap: 8px;}
  #mp-inq {margin-bottom: -50px;}
  #mp-inq .brochure-link {flex-direction: column;}
}
@media screen and (max-width: 767px) {
  #mp-inq .mp-section-head {flex-direction: column; align-items: flex-start; gap: 6px;}
  #mp-inq .mp-section-head .desc {margin-bottom: 0;}
  .inq-form {padding: 25px 20px;}
  .inq-form-body {grid-template-columns: repeat(1, 1fr);}
  .inq-form-body .plx-inp-box.full {grid-column: span 1;}
  .inq-form-foot {flex-direction: column; gap: 25px;}
  .* #mp-feature .feature-container .content-box .content .thumb-cont.gtc--2 {width: 80%; margin: 0 auto;} */
  .mp-feature .mp-section-head {margin-bottom: 20px;}
  .inq-form-categories .checkbox-group.vertical {grid-template-columns: repeat(1,1fr);}
}
@media screen and (max-width: 499px) {}




.mp-download {--radius: 55px; overflow: hidden; position: relative;}
.mp-download .solution-download-bg {position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover;}
.mp-download .container {padding-block: 80px; display: flex; flex-direction: column; align-items: center; position: relative; color:#fff; }
.mp-download .txt-box {  text-align: center;}
.mp-download .tit-sml {font-size: 30px; opacity: 0.65; margin-bottom: .8em; font-weight: 700;}
.mp-download .tit {font-size: 37px; font-weight: 700;}
.mp-download .desc {font-size: 25px;}
.mp-download .btn-link-ls {display: flex; gap: 28px; margin-top: 35px;}
.mp-download .btn-link-ls .btn-link {display: flex; align-items: center; justify-content: center; padding: .5em 1.5em; border-radius: 50px; background: var(--primary);  gap: 11px;}
.mp-download .btn-link-ls .btn-link .txt {font-size: 16px;font-weight: 700; color:#fff;}
.mp-download .btn-link-ls .btn-link:nth-child(2) {background: var(--secondary);}


@media (hover: hover) {}
@media screen and (max-width: 1399px) {
  .mp-download .container {padding-block: 60px;}
  .mp-download .tit-sml {font-size: 23px;}
  .mp-download .tit {font-size: 26px;}
  .mp-download .desc {font-size: 19px;}
}
@media screen and (max-width: 767px) {
  .mp-download .btn-link-ls {flex-direction: column; gap: 14px;}
  .mp-download .desc {line-height: 1.6; display: block; margin-top: .5em;}
  .mp-download .tit-sml {font-size: 20px;}
}
@media screen and (max-width: 499px) {}






/*  */
#modal-solution-down .head { padding-bottom: 0px;}
#modal-solution-down .inq-form {display: flex; flex-direction: column; }
#modal-solution-down .inq-form .inq-form-body {grid-template-columns: 300px 1fr;}

#modal-solution-down .solution-down {}
#modal-solution-down .down-agreebox-wrap {display: flex; flex-direction: column;}
#modal-solution-down .down-privacy-inq {display: none;}
#modal-solution-down .down-privacy-inq {display: none;}


.download-cont {width: 100%; height: 100vh; display: flex; align-items: center; justify-content: center;}
.download-cont .loading {font-size: 50px;}

@media screen and (max-width: 1399px) {
  #modal-solution-down .container {width:500px !important; }
  #modal-solution-down .inq-form .inq-form-body {flex-direction: column;display: flex;}
}
@media screen and (max-width: 767px) {

}