@charset "utf-8";
@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-section-body {}

.mp-article.split {display: grid; grid-template-columns: 435px 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;}

.pc-display {}
.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;}
}
@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: 400vh; 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: 900;}

.main-visual-content {height: 100%; display: flex;flex-direction:column; align-items: flex-start;}
.main-visual .tit {font-size: 150px; font-weight: 800; line-height: 1.2; color:#fff; text-align: left; width: 0; white-space: nowrap; overflow: hidden; transition: .3s ease; display: flex; gap: 20px; align-items: flex-end;  line-height: 1.1;}
.main-visual .tit.active {width: 100%;}
.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:50px; left:50px; display: flex; z-index: 11111; flex-direction: column; align-items: center; }
.scroll-down .txt {font-size: 12px; color:#fff; display: flex; flex-direction: column; align-items: center; line-height: 1;}
.scroll-down .scroll-svg  #scroll-line {animation: scroll-ani 1.8s ease-in infinite; }
@keyframes scroll-ani {
  0% {transform: translate(960.5px, 937.5px);}
  100% {transform: translate(960.5px, 948px);}
}


@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: 80px;}
  .main-visual .tit {font-size: 95px;}
}
@media screen and (max-width: 767px) {
  .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: 40px; gap: 12px; line-height: 1.5;}
  .main-visual .tit .divide { height: 5px; width: 100px;}
  .main-visual-content .title3 {line-height: 1.5;}
  .scroll-down {left: 10px; bottom: 10px;}
  .scroll-down .txt {font-size: 10px;}
}
@media screen and (max-width: 499px) {
  .main-visual {height: 800vh;}

}



.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 {font-weight: 500; margin-bottom: 26px; line-height: 1.41;}
.mp-solution-inq-banner .thumb-cont {position: absolute; width: 50%; right:0; top:0;}
.mp-solution-inq-banner .thumb-cont .thumb {filter: drop-shadow(19px 26px 15px rgba(88, 88, 88, 0.3));  }
.mp-solution-inq-banner .thumb-cont .back-morphing {opacity: 0.5; position: absolute; top:38px; right:-10px;} 
.mp-solution-inq-banner .btn-inquiry {display: flex; align-items: center; gap: 23px; height: 42px; border-radius: 69px; background: #fff; padding-inline: 38px; 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);}

@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: 40px; font-size: 15px; border-radius: 0 0 30px 30px;}
  .mp-solution-inq-banner .container {padding: 0;}
  .mp-solution-inq-banner .description .mp-section-title-2 {font-size: 30px;}
  .mp-solution-inq-banner .thumb-cont {top:-40px;}
  .mp-solution-inq-banner .thumb-cont .back-morphing {width: 100%; top:-38px;}
}
@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: 14px;padding-inline: 27px; height: 37px;}
  .mp-solution-inq-banner .thumb-cont {width: 60%; top: -30px;}
}
@media screen and (max-width: 599px) {
  .mp-solution-inq-banner {padding-inline: 20px; border-radius:  0 0 20px 20px;}
  .mp-solution-inq-banner .thumb-cont {top:63px;}
  .mp-solution-inq-banner .thumb-cont .back-morphing {top:-100px;}
}




/* 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: 8px 37px ; background: var(--primary);  border-radius: 30px;color:#fff; display: inline-block; margin-bottom: 1em;}
#mp-solution .solution-ls .content .head .tit {font-size: 37px; font-weight: 700; line-height: 1.43;}
#mp-solution .solution-ls .content .thumb {background:#F6F6F6; border-radius: 29px; margin: 30px 0 40px; padding: 30px 20px;}
#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; }


@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 {padding: 3px 32px; 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: 24px;}
  #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;}
#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: 500px; flex-shrink: 0; }
#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 {width: 620px;height: 394px;position: relative; right: 0;}
#mp-feature .feature-container .content-box .content .thumb-cont > img {position: absolute;filter: drop-shadow(19px 20px 11px rgba(88, 88, 88, 0.2)); }
#mp-feature .feature-container .content-box .content .thumb-cont .info-img-1 {filter: drop-shadow(19px 20px 11px rgba(88, 88, 88, 0.4)); bottom: 0;}
#mp-feature .feature-container .content-box .content .thumb-cont .info-img-2 {left: 39%; top:60px; z-index: 1;}
#mp-feature .feature-container .content-box .content .thumb-cont .info-img-3 {right: 0;}

#mp-feature .feature-container .content-box .content .thumb-cont .course-img-1 {left: 20%; top:15%; z-index: 1;}
#mp-feature .feature-container .content-box .content .thumb-cont .course-img-2 {right: 55px;}

#mp-feature .feature-container .content-box .content .thumb-cont .score-img-1 {bottom: 0;}
#mp-feature .feature-container .content-box .content .thumb-cont .score-img-2 {left: 39%; top:60px; z-index: 1;}
#mp-feature .feature-container .content-box .content .thumb-cont .score-img-3 {right: 0;}

#mp-feature .feature-container .content-box .content .thumb-cont .commuication-img-2 {right: 47px; bottom:0;}


/* 수정 */
#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;}


#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; opacity: 0; border-radius: 29px; background: #fff;box-shadow: 7px 7px 15px rgba(0,0,0,0.16); padding: 96px 67px 77px; z-index: 11;  width: 100%; position: absolute; transition: .3s ease;}

#mp-feature .feature-container .tab-bar .tab-btn.active {background: var(--primary);}
#mp-feature .feature-container .content-box .content.active {opacity: 1;}

#mp-feature .feature-container .content-box .content.cont1 {position: relative;}
#mp-feature .mo-sbj-cont {display: none;} 
/* 수정 */


@media screen and (max-width: 1399px) {
  #mp-feature {height: 2200px;}
  #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 .content {padding: 50px; flex-direction: column; gap: 40px; min-height: 712px;}
  #mp-feature .feature-container .content-box .content .txt-cont {width: 100%; }
  #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%;}
  
}
@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; display: grid; grid-template-columns: repeat(3,1fr);}
  #mp-feature .feature-container .content-box .content .thumb-cont.gtc--2 { grid-template-columns: repeat(2,1fr);}
  #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%;}
  #mp-feature .container {position: static;height: 100%;;}
  #mp-feature .mo-sbj-cont {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;}

}

/* Inquiry */
#mp-inq {background:#394039; color: #fff;}
#mp-inq .mp-section-head {display: flex; gap: 0px; flex-direction: column;}
#mp-inq .mp-section-head .desc {line-height: 1.4; margin-bottom: 0.6em;}

.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;}

#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;}
@media (hover: hover) {}
@media screen and (max-width: 1399px) {
  .inq-form {display: block;}
  .inq-form-categories {padding: 0; margin-bottom: 30px;}
  .inq-form-categories .plx-inp-tit {margin-bottom: 15px;}
  .inq-form-categories .checkbox-group.vertical {flex-direction: row;}
  .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;}
}
@media screen and (max-width: 499px) {}


/* Format */
@media (hover: hover) {}
@media screen and (max-width: 1399px) {}
@media screen and (max-width: 767px) {}
@media screen and (max-width: 499px) {}





#mp-feature .feature-container .tab-bar .tab-btn {line-height: 1.3;}
.footer .etc nav > i {display: block; width: 1px ; height: 30px; background: #909090; }

@media screen and (min-width:1400px){
    .mp-solution-inq-banner .thumb-cont .back-morphing {width: 100%;}
    #mp-solution .solution-ls .content .check-ls .item .txt {font-size: 19px;}
    .mp-section-title {font-size: 37px;}
    #mp-feature .feature-container .content-box .content .txt-cont .check-ls .ls {font-size: 18px;}
    #mp-feature .feature-container .content-box .content {padding: 96px 34px 77px; justify-content: space-between;}
    #mp-feature .feature-container .content-box .content .thumb-cont {width: 50%;}
    #mp-feature .feature-container .content-box .content .txt-cont {width: 50%;}
    #mp-feature .feature-container .content-box .content .txt-cont .check-ls .ls.text-line {line-height: 1.3;}
    #mp-feature .feature-container .content-box .content .txt-cont .check-ls .ls.text-line .icon {transform: translateY(-16px);}
    #mp-feature .feature-container .tab-bar .tab-btn {min-height: 112px; display: flex; flex-direction: column;}
    .inq-form-categories {padding-left: 13px;}
    .inq-form-foot {padding-inline:13px;}
}
@media screen and (max-width:1399px){
  .mp-solution-inq-banner .thumb-cont {right: -30px;}
  .mp-solution-inq-banner .thumb-cont .back-morphing {width: 89%;}
  .mp-solution-inq-banner .description .mp-section-title-2 {font-size: 22px;}
  #mp-solution .solution-ls .content .check-ls .item {padding-inline: 6px;}
  #mp-solution .solution-ls .content .check-ls .item .txt {font-size: 17px;}
  #mp-feature .feature-container .content-box .content {padding: 50px 20px;}
  #mp-feature .feature-container .content-box .content .txt-cont .check-ls {grid-template-columns: repeat(1,1fr);}
  .mp-section-title {font-size: 30px;}
  #mp-feature .feature-container .tab-bar .tab-btn {padding: 15px 10px; font-size: 15px; min-height: 105px;}
  .inq-form-categories {border-right: none;}
  .footer .etc {margin-left: 58px; width: 100%; margin-top: -100px;}
  .footer .etc nav {justify-content: flex-start;align-items: flex-start; line-height: 1.3;}
  .footer .etc nav > i {height: 20px; }
  .footer .etc .to-pluxity-homepage {width: 100px;height: 100px;}
  .main-visual .tit .divide {width: 200px;}
  #mp-feature .feature-container .content-box .content {height: 100%;}
  .inq-form-body .plx-inp-tit {width: 100px;}
}

@media screen and (max-width:767px){
  .mp-solution-inq-banner .description .mp-section-title-2 {font-size: 18px;}
  .mp-solution-inq-banner .thumb-cont {right: 0;}
  .mp-section-title-sml {font-size: 20px;}
  .mp-section-title {font-size: 22px;}
  #mp-solution .solution-ls .content {padding: 40px 10px 38px;}
  #mp-solution .solution-ls .content .head .tit {font-size: 21px;}
  #mp-solution .solution-ls .content .check-ls .item {padding: 3px;}
  #mp-solution .solution-ls .content .check-ls .item .txt {font-size: 14px;}
  #mp-solution .solution-ls .content:first-child .check-ls .item:last-child .txt {width: calc(100% + 14px); margin-left: 10px;}
  #mp-feature .feature-container .tab-bar {grid-template-columns: repeat(1,1fr);}
  #mp-feature .feature-container .tab-bar .tab-btn {font-size: 15px; flex-direction: row; border-radius: 10px 10px 0 0; border-top:1px solid #fff; margin-top: -8px;}
  #mp-feature .feature-container .tab-bar .tab-btn:first-child {border-top: none;}
  #mp-feature .feature-container .tab-bar .tab-btn:last-child {padding-bottom: 30px;;}
  #mp-feature .feature-container .content-box .content .txt-cont .check-ls {gap: 10px;}
  #mp-feature .feature-container .content-box .content .txt-cont .check-ls .ls {line-height: 1.6;}
  #mp-feature .feature-container .content-box .content .txt-cont .check-ls .ls .icon {transform: translateY(-6px);}
  #mp-feature .feature-container .content-box .content { padding: 30px 12px; gap: 25px;}
  #mp-feature .feature-container .content-box .content .txt-cont .check-ls .ls {font-size: 14px;}
  .footer .etc {margin:30px 0 0; width: 100%; padding-right: 40px;}
  .footer .etc .to-pluxity-homepage {width: 100%;margin-bottom: 15px; height: auto;}
  .footer .etc nav {flex-direction: column; gap: 5px;}
  .footer .etc nav > i {width: 100%; height: 1px; transform: translateY(1px);}
  .main-visual .tit .divide {width: 100px;}
  #mp-feature .feature-container .tab-bar .tab-btn {min-height: 0;}
  .main-visual .tit {font-size: 43px;}
  #mp-feature .mp-section-title {font-size: 20px;}
  #mp-feature .container {height: auto;}

}


#mp-inq .inq-contact-wrap { margin-top: 1rem;}
#mp-inq .inq-contact { font-size: 16px; color: #666;  padding: .7rem 1.5rem; background: rgba(255, 255, 255, 1); border-radius: 10px; border: 1px solid #e0e0e0; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05); transition: all 0.3s ease; display: inline-flex; align-items: center; justify-content: center;   gap: .6rem; line-height: 1.5;}
#mp-inq .inq-contact:hover {background: rgba(255, 255, 255, 0.95); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); transform: translateY(-1px);}
#mp-inq .inq-contact a {color: var(--primary); font-weight: 600; text-decoration: none; transition: color 0.3s ease;}
#mp-inq .inq-contact a:hover {color: var(--primary-light); text-decoration: underline;}

@media screen and (max-width: 1399px) {
  #mp-inq .inq-contact {font-size: 15px; }
}
@media screen and (max-width: 767px) {
  #mp-inq .inq-contact {font-size: 14px; margin: 10px 0 20px; flex-direction: column; gap: 0rem;}
  #mp-inq .inq-contact a {display: block; margin-top: 5px; font-size: 15px;}
}