@import url(masonry.css);
@import url(historia.css);
@import url(reset.css);


/* --------------------
1.솔루션
2. 비지니스
3. 구축사례
4. 회사정보
5. 문의하기
 ----------------------*/

p {
  letter-spacing: -0.05em;
}

/*common*/
.wrap {
  width: 100%;
  position: relative;
}

.inner {
  width: 90%;
  max-width: 1400px;
  margin: auto;
}

.center {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.sub-title .inner {
  padding: 18.75rem 0 7.5rem;
  text-align: center;
  border-bottom: 1px solid #d8d9db;
}

.sub-title .sub-tit1 {
  font-size: 3.75rem;
  font-weight: 600;
  letter-spacing: -3px;
}

.sub-title .sub-tit1::after {
  content: "";
  width: 44px;
  height: 2px;
  background: #f45118;
  display: block;
  margin: 20px auto 9vh;
}

.sub-title .sub-tit2 {
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: -1.6px;
  margin-bottom: 14px;
}

.sub-title .sub-tit2 .mob {
  display: none;
}

.sub-title .sub-tit3 {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: -1px;
}


/* ====================================================
  솔루션

=======================================================  */
/* 솔루션 - 소개 */

.solution-container {
  margin-bottom: 80px;

}

.solution-container .sol-line1 {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10%;
  position: relative;
}

.sol-line1>div {
  position: relative;
  margin-bottom: 7.5rem;
}

/* .sol-line1 .step1:hover img {
  content: url(../img//solution/stepHover1.png);
} */

.sol-line1 div:hover .hoverBox {
  display: block;
}

.sol1-line {
  position: absolute!important;
  top: 26%;
  left: 10%;
  font-weight: 700;
  font-size: 1.25rem;
}
.sol1-line img {
  width: 100%;
}
.mob-point {
  display: none;
}
.sol1-line .point1{
  position: absolute;
  left: 19.3%;
  top: 20%;
}
.sol1-line .point2{
  position: absolute;
  left: 62.2%;
  top: 20%;
}
.sol1-line2 {
  position: absolute!important;
  top: 76%;
  font-weight: 700;
  font-size: 1.25rem;
}
.sol1-line2 img {
  width: 100%;
}
.sol1-line2 .point3 {
  position: absolute;
  top: 24%;
  left: 8%;
}
.sol1-line2 .point4{
  position: absolute;
  top: 24%;
  left: 67%;

}
.step4 {
  margin-right: 5.5%;
}
/* .sol-line1 .step2:hover img {
  content: url(../img//solution/stepHover2.png);
}

.sol-line1 .step3:hover img {
  content: url(../img//solution/stepHover3.png);
}

.sol-line1 .step4:hover img {
  content: url(../img//solution/stepHover4.png);
}

.sol-line1 .step5:hover img {
  content: url(../img//solution/stepHover5.png);
} */
.img-step {
  position: relative;
  display: inline-block;
}

.img-step img {
  transition: transform 0.3s;
}

.img-step:hover img {
  transform: scale(1.1);
}
.hoverBox {
  display: none;
  z-index: 111;
  height: auto;
  position: absolute;
  top: 20rem;
  color: #fff;
  background-image: url(../img/solution/hoverBox1.png);
  background-repeat: no-repeat;
  text-align: center;
  padding: 60px 30px 40px;
  width: 17.875rem;
}

.hoverBox .bold {
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 2.5rem;
}

.hoverBox p:last-child {
  font-size: 1.25rem;
  line-height: 2;
}


.step-box {
  text-align: center;
  margin-top: 4.5rem;
}

.step-box .bold {
  font-weight: 700;
  font-size: 1.625rem;
  margin-bottom: 1.25rem;
}

.step-box .text2 {
  font-size: 1.1rem;
  line-height: 1.5;
}

.sol-1-pc {
  position: absolute;
  top: 27%;
}

.map1 {
  display: flex;
}

.map2 {
  display: flex;
  padding-left: 10px;
}

.pro-hoverBox {
  display: none;
}


.pro-map>div:hover .pro-hoverBox {
  display: block;
  position: absolute;
  background-image: url(/img/solution/hoverBox1.png);
  z-index: 100;
  padding: 60px 30px 40px;
  width: 17.875rem;
  color: #fff;
  top: 83%;
  left: 5%;
  font-weight: 700;
}


.hover1 {
  font-size: 2rem;
  margin-bottom: 30px;
}

.pro-map-mob {
  display: none;
}

.pro-map>div:nth-child(3):hover .pro-hoverBox {
  left: 10%;
}

.pro-map>div:nth-child(5):hover .pro-hoverBox {
  left: 10%;
}

.pro-map>div:nth-child(7):hover .pro-hoverBox {
  left: 10%;
}

.pro-map>div:nth-child(8):hover .pro-hoverBox {
  top: 72%;
  left: 10%;
}

.pro-map>div:nth-child(10):hover .pro-hoverBox {
  left: 10%;
}

.pro-map>div:nth-child(12):hover .pro-hoverBox {
  left: 10%;
}


.pro-map>div:nth-child(1):hover .pro-hoverBox {}

.pro-map>div:nth-child(1):hover .pc-pro {
  content: url('/img/solution/pro-hover3.png');
}

.pro-map>div:nth-child(2):hover .pc-pro {
  content: url('/img/solution/pro-hover2.png');
}

.pro-map>div:nth-child(3):hover .pc-pro {
  content: url('/img/solution/pro-hover1.png');
}

.pro-map>div:nth-child(4):hover .pc-pro {
  content: url('/img/solution/pro-hover4-1.png');
}

.pro-map>div:nth-child(5):hover .pc-pro {
  content: url('/img/solution/pro-hover4.png');
}

.pro-map>div:nth-child(6):hover .pc-pro {
  content: url('/img/solution/pro-hover4-2.png');
}

.pro-map>div:nth-child(7):hover .pc-pro {
  content: url('/img/solution/pro-hover6.png');
}

.pro-map>div:nth-child(8):hover .pc-pro {
  content: url('/img/solution/pro-hover5.png');
}

.pro-map>div:nth-child(9):hover .pc-pro {
  content: url('/img/solution/pro-hover5-1.png');
}

.pro-map>div:nth-child(10):hover .pc-pro {
  content: url('/img/solution/pro-hover7.png');
}

.pro-map>div:nth-child(11):hover .pc-pro {
  content: url('/img/solution/pro-hover8.png');
}

.pro-map>div:nth-child(12):hover .pc-pro {
  content: url('/img/solution/pro-hover9.png');
}

.sol3-li {
  text-align: left;
}

.sol3-li li {
  border-bottom: 1px solid #4B468D;
  padding: 10px 0;
  line-height: 2;
  font-size: 1.25rem;
  display: flex;
}

.sol3-li li>p:first-child {
  margin-right: 5px;
}

.sol3-li li:last-child {
  border-bottom: none;
}


/* 다른 요소에 대한 마우스 오버 시 이미지 변경 */
.pro-map-mob {
  margin-bottom: 50px;
}

.pro-map-mob>div {
  width: 100%;
  display: flex;
  position: relative;

  justify-content: center;
  margin-bottom: 20px;

}

.pro-map-mob img {
  background-repeat: no-repeat;
  margin: 0 auto;

}

.pro-map-mob>div:nth-child(2):hover .mob-pro {
  content: url(/img/solution/mob-hover1.png);
}

.pro-map-mob>div:nth-child(4):hover .mob-pro {
  content: url(/img/solution/mob-hover2.png);
}

.pro-map-mob>div:nth-child(6):hover .mob-pro {
  content: url(/img/solution/mob-hover3.png);
}

.pro-map-mob>div:nth-child(8):hover .mob-pro {
  content: url(/img/solution/mob-hover4.png);
}

.pro-map-mob>div:nth-child(10):hover .mob-pro {
  content: url(/img/solution/mob-hover5.png);
}

.pro-map-mob>div:nth-child(12):hover .mob-pro {
  content: url(/img/solution/mob-hover6.png);
}

.pro-map-mob>div:nth-child(14):hover .mob-pro {
  content: url(/img/solution/mob-hover7.png);
}

.pro-map-mob>div:nth-child(16):hover .mob-pro {
  content: url(/img/solution/mob-hover8.png);
}

.pro-map-mob>div:nth-child(18):hover .mob-pro {
  content: url(/img/solution/mob-hover9.png);
}

.pro-map-mob>div:hover .pro-hoverBox {
  display: block;
  position: absolute;
  z-index: 100;
  background-image: url(/img/solution/hoverBox1.png);
  color: #fff;
  width: 17.875rem;
  left: 50%;
  background-repeat: no-repeat;
  text-align: center;
  padding: 60px 30px 40px;
  top: 85%;
  transform: translate(-50%, 0);
  font-weight: 700;

}

.pro-map-mob>div:nth-child(2) {
  margin-bottom: 0;
}

.pro-map-mob>div:nth-child(11) img {
  margin: 0;
}

.pro-map-mob>div:nth-child(11) {
  margin-left: 10%
}

/* .pro-map-mob>div:nth-child(2):hover img{
  content: url('/img/solution/pro-hover1.png');
}
.pro-map-mob>div:nth-child(4):hover img{
  content: url('/img/solution/pro-hover2.png');

}
.pro-map-mob>div:nth-child(6):hover img{
  content: url('/img/solution/pro-hover3.png');
}
.pro-map-mob>div:nth-child(8):hover img{
  content: url('/img/solution/pro-hover4.png');
}
.pro-map-mob>div:nth-child(10):hover img{
  content: url('/img/solution/pro-hover5.png');
}
.pro-map-mob>div:nth-child(12):hover img{
  content: url('/img/solution/pro-hover6.png');
}
.pro-map-mob>div:nth-child(14):hover img{
  content: url('/img/solution/pro-hover7.png');
}
.pro-map-mob>div:nth-child(16):hover img{
  content: url('/img/solution/pro-hover8.png');
}
.pro-map-mob>div:nth-child(18):hover img{
  content: url('/img/solution/pro-hover9.png');
} */
.sol-mob {
  display: none;
}

.map1>div,
.map2>div {
  margin-bottom: 6rem;
  z-index: 10;
  position: relative;
  cursor: pointer;
}

.map1>div {
  margin-right: 13%;
}

.map2>div:nth-child(1) {
  margin-right: 184px;
  margin-left: 260px;
}

.map1 h5,
.map2 h5 {
  margin-top: 4.375rem;
  margin-bottom: 1.25rem;
  font-size: 1.625em;
  line-height: 1em;
  letter-spacing: -2px;
  text-align: center;

}

.map1 p,
.map2 p {
  line-height: 1.5em;
  margin-bottom: 0;
  font-size: 1.25em;
  letter-spacing: -2px;
  text-align: center;

}

.step-movil {
  position: relative;
  display: none;
}

.step-movil p {
  position: absolute;
  top: 62px;
  z-index: 11;
  left: 22px;
  font-size: 20px;
  font-weight: bold;
}


.solutionMap {
  display: flex;
  position: relative;
  flex-flow: wrap;
  justify-content: center;
  column-count: 2;
  column-gap: 150px;
  margin-bottom: 2.5em;
}

.solutionMap>div {
  margin-bottom: 6em;
  z-index: 10;
  position: relative;
}

.solutionMap>div>img {
  position: relative;
  z-index: 1;
}

.solutionMap p {
  line-height: 1.5em;
  margin-bottom: 0;
  letter-spacing: -2px;
}

.stepBG>p {
  position: absolute;
  font-size: 1.25rem;
  font-weight: 700;
}




.map1>div>img {
  position: relative;
  z-index: 1;
  max-width: 346px;
}



.shopeasy .inner {
  padding-bottom: 18.75rem;
}

.shopeasy .table-tit {
  text-align: center;
  background: #191554;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: -1.2px;
  text-align: center;
  padding: 20px 0;
}

.shopeasy .oms-table {
  display: flex;
  justify-content: center;
}

.shopeasy .table-con>li.wid-1 {
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: -1.2px;
  line-height: 1.5;
}

.shopeasy .table-con>li {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border-bottom: 1px solid #d8d9db;
  list-style: none;
}

.shopeasy .oms-table>li.wid-1 {
  width: 14.28%;
  justify-content: left;
  margin-left: 1.25rem;

}

.shopeasy .table-con>li.wid-3 {
  padding: 30px;
  flex-direction: column;
  align-items: initial;
}

.shopeasy .oms-table>li.wid-3 {
  width: 85.72%;
}

.shopeasy .table-con>li:nth-last-child(1) {
  border-right: 1px solid transparent
}

.shopeasy .table-con>li.wid-3 p:nth-last-child(1) {
  margin-bottom: 0
}

.shopeasy .table-con>li.wid-3 p {
  font-size: 1.2rem;
  line-height: 2;
  letter-spacing: -1px;
  position: relative;
  padding-left: 17px;
  margin-bottom: 20px;
}

.pro-sec2 li.wid {
  width: 33.33%;
  letter-spacing: -1px;
  line-height: 2;
  padding: 50px;
  flex-direction: column;
  align-items: initial;
  text-align: left;
}

.pro-sec2 .table-con>li {
  display: flex;
  box-sizing: border-box;
  border-bottom: 1px solid #d8d9db;
  border-right: 1px solid #d8d9db;
}

.pro-sec2 .wid .style1 {
  font-weight: 700;
  font-size: 1.5rem;
  margin-bottom: 50px;
  margin-left: 0;
}

.pro-sec2 .wid p {
  font-size: 1.25rem;
  line-height: 2;
  margin-left: 5px;
}

@media screen and (max-width: 768px) {
  /* .title {
    background-image: url(/img/solution/shopeasy_bg.png);
    max-width: 375px;
  } */

  .solution-top {
    margin: auto 1em;
    justify-content: center;
  }

  .solution-top .title h1 {
    font-size: 10.835em;
    margin: 56px 12px 60px;
    letter-spacing: -0.3px;
    margin-bottom: 4.5rem;
    line-height: 120px;
    color: #fff;
  }

  .solution-top .title h4 {
    color: #fff;
  }

  .solution-top .title p {
    color: #fff;
  }

  .stepBG {
    display: none;
  }
}

/* 장점 */


.merit-tit {
  display: flex;
  width: 100%;
  color: #fff;
  justify-content: center;
  text-align: center;
  background-color: #191554;
}


.adv-box-pc .arrow,
.adv-box-pc .adv-current {
  display: none;
}

.adv-box-pc ul {
  display: flex;
  justify-content: center;
  width: 100%;
}

.adv-box-mob {
  display: none;
}



.adv-box-pc ul>li:last-child {
  margin-right: 0;
}

.adv-box-pc .adv-li-item {
  background: #191554;
  color: #fff;
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  text-align: center;
  position: relative;
  height: 172px;
  padding: 30px;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: -0.05em;
  line-height: 30px;
  margin-bottom: 50px;
  box-sizing: border-box;
  width: calc(15% - 38px);
  margin-right: 33px;
}

.adv-li-item.active {
  background: #F45118;
}

.adv-li-item.active::after {
  background: url(../img/solution/adv-down.png) no-repeat;
  content: "";
  background-position: center;
  height: 15px;
  position: absolute;
  width: 100%;
  z-index: 10;
  bottom: 30px;
}

.adv-box-pc ul>li>div:hover {
  background: #f45118
}

.adv-box-pc ul>li::before {
  content: "";
  width: 41px;
  height: 13px;
  background: url(../img/solution/adv-arrow.png) no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
  position: absolute;
  left: -33px;
}

.adv-box-pc ul>li:first-child::before {
  display: none;
}

.advantagesContents {
  display: flex;
  justify-content: space-between;
  padding: 6.25rem 0;
  border-bottom: 1px solid #D8D9DB;
  align-items: center;
}

#adv-cont-7 {
  border-bottom: none;
}

.advantagesContents div {
  width: calc(100% - (331px + 10%));
}

.advantagesContents .style1 {
  font-size: 2rem;
  font-weight: 800;
  letter-spacing: -1px;
  margin-bottom: 34px;
}

.advantagesContents .style1 span {
  color: #f45118;
}

.advantagesContents .style2 {
  font-size: 1.25rem;
  line-height: 1.8;
}

/* 프로세스 */
.work-bg {
  position: relative;
  padding: 90px 0 30rem;
  background-image: url(/img/solution/bg-sol3.png);

}

/* .work-bg>img {
  width: 100%;
  max-width: 1400px;
  position: absolute;
  z-index: -1;
  top: -90px;
} */
.pc-pro {
  display: block;
}

.mob-pro {
  display: none;
}

.proc-ul {
  display: flex;
  max-width: 1200px;
  justify-content: space-between;
  border: #191554 solid 6px;
  padding: 30px 0;
  text-align: center;
  margin: 0 auto;
  background: #fff;
}

.proc-ul-mob {
  display: none;
}

.proc-ul>li {
  padding: 0 30px;
  color: #191554;
  width: 33.3%;
  border-right: 1px solid #000;
}

.proc-ul>li:last-child {
  border-right: none;
}

.proc-con {}

.proc-ul .lastImg {
  max-width: 120px;
}

.proc-ul img {
  margin: auto;
  width: 100%;
}

.proc-con .tit {
  font-size: 1.625rem;
  font-weight: 800;
  letter-spacing: -1.2px;
  text-align: center;
  margin-bottom: 20px;
}


.proc-logo {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;

}

.proc-logo>li {
  width: calc(50% - 6px);
  margin-top: 9px;
  box-sizing: border-box;
}


.pro3-con .tit {
  font-size: 1.5rem;
  letter-spacing: -1.2px;
  text-align: center;
  margin-bottom: 20px;
}

.proc-logo>li img {
  display: block;
  max-width: 120px;
}

.work-map {
  background-repeat: no-repeat;
  height: auto;
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
  position: relative;
}

.map-bg {
  width: 100%;
}

.work-box {
  display: flex;
  position: absolute;
  flex-wrap: wrap;
  width: 105%;
  justify-content: space-between;
}

.work-box img {
  margin-bottom: 90px;
  width: 92%;
}

.work-box:nth-child(1) {}

.work-box:nth-child(2) {
  top: 95px;
  left: -15px;
}

.work-box:nth-child(3) {
  top: 20%;
  left: -2%;

}

.work-box:nth-child(4) {
  top: 40%;
  left: -5%;

}

.work-box:nth-child(5) {
  top: 58.2%;
  left: -5%;
}

.work-box .tit1 {
  font-size: 1.625rem;
  font-weight: 700;
  color: #3D4149;
  margin-bottom: 4px;
  margin-right: 18px;
}

.work-box>div {
  text-align: center;
  width: 33.3%;
  position: relative;
  cursor: pointer;
}



.work-box .tit2 {
  font-weight: 500;
  color: #767676;
  margin-bottom: 27px;
  margin-right: 18px;

}

/* 핵심 시스템 */
.wos {
  padding-top: 30px !important;
}

.system-pc {
  padding: 7.5rem 0 18.75rem;
}

.system-mob {
  display: none;
}

.system-pc .inner {
  position: relative;
}

.system-pc .system-arrow {
  width: 790px;
  position: absolute;
  left: 270px;
  top: 163px;
  display: flex;
  justify-content: space-between;
  z-index: 20;
}

.system-pc .system-arrow .sys-arrow {
  display: flex;
  flex-direction: column;
}

.system-pc .system-arrow .sys-arrow>li {
  margin-bottom: 107px;
  width: 194px;
  position: relative;
}

.system-pc .system-arrow .sys-arrow>li:nth-last-child(1) {
  margin-bottom: 0;
}

.system-pc .system-arrow .sys-arrow>li img {
  width: 100%;
  display: block;
}

.system-pc .system-arrow .sys-arrow>li p {
  text-align: center;
  color: #fff;
  font-size: 1.12rem;
  letter-spacing: -0.9px;
  line-height: 1.44;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.system-pc .system-remark {
  font-size: 1.12rem;
  color: #f45118;
  text-align: end;
  font-weight: 700;
  letter-spacing: -0.9px;
  margin-bottom: 20px;
}

.system-process {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.system-process .sys-pro {
  border: 1px dashed #1f2125;
  background: #f2f2f5;
  box-sizing: border-box;
}

.system-process .sys-pro1 {
  width: 22%;
  padding: 100px 40px 40px 40px;
  display: flex;
  flex-direction: column;
}

.system-process .sys-pro2 {
  width: 37%;
  padding: 40px 60px 60px 60px;
}

.system-process .sys-pro3 {
  width: 27%;
  padding: 100px 40px 40px 40px;
}

.system-process .sys-pro1>li {
  width: 100%;
  height: 150px;
  border: 1px solid #1f2125;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.system-process .sys-pro1>li:nth-child(2) {
  margin: 90px 0;
}

.system-process .sys-pro1 .pro1-con {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-direction: column;
}

.system-process .sys-pro1 .pro1-con img {
  display: block;
  width: 56px;
  margin: 0 auto 14px;
}

.system-process .sys-pro1 .pro1-con .txt1 {
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: -1.2px;
  line-height: 1.08;
}

.system-process .sys-pro1 .pro1-con .txt2 {
  letter-spacing: -0.8px;
  line-height: 1.62;
}

.system-process .sys-pro2 .pro2-tit {
  text-align: center;
  font-size: 2rem;
  font-weight: 800;
  color: #3d4149;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.system-process .sys-pro2 .pro2-list {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 30;
}

.system-process .sys-pro2 .pro2-list>li {
  border: 1px solid #3d4149;
  background: #fff;
  margin-bottom: 10px;
  transition: all 0.4s;
}

.system-process .sys-pro2 .pro2-list>li:hover {
  color: #f45118;
  border: 1px solid #f45118;
}

.system-process .sys-pro2 .pro2-list>li:nth-last-child(1) {
  margin-bottom: 0;
}

.system-process .sys-pro2 .pro2-list>li>a {
  display: flex;
  text-align: center;
  font-size: 1.62rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -1.3px;
  height: 110px;
  align-items: center;
  justify-content: center;
}

.system-process .sys-pro3>li {
  border: 1px solid #1f2125;
  background: #fff;
  box-sizing: border-box;
  padding: 40px 24px;
  margin-bottom: 24px;
}

.system-process .sys-pro3>li:nth-last-child(1) {
  margin-bottom: 0;
}

.system-process .sys-pro3 .pro3-con .tit {
  font-size: 1.5rem;
  letter-spacing: -1.2px;
  text-align: center;
  margin-bottom: 20px;
}

.system-process .sys-pro3 .pro3-logo {
  display: flex;
  flex-wrap: wrap;
}

.system-process .sys-pro3 .pro3-logo>li {
  width: calc(50% - 6px);
  margin-top: 9px;
}

.system-process .sys-pro3 .pro3-logo>li:nth-child(2n) {
  margin-left: 12px;
}

.system-process .sys-pro3 .pro3-logo>li:nth-child(1),
.system-process .sys-pro3 .pro3-logo>li:nth-child(2) {
  margin-top: 0;
}

.system-process .sys-pro3 .pro3-logo>li img {
  width: 100%;
  display: block;
}

.sys-popup {
  width: 100%;
  height: 100vh;
  position: fixed;
  display: none;
  background: rgba(86, 86, 86, 0.8);
  background-blend-mode: multiply;
  z-index: 100;
  left: 0;
  top: 0;
}

.sys-popup .popup-inner {
  width: 90%;
  max-width: 950px;
  background: #fff;
  position: absolute;
  left: 50%;
  top: 26vh;
  transform: translateX(-50%);
  padding: 40px 60px 60px 70px;
  box-sizing: border-box;
  text-align: center;
}

.sys-popup .popup-inner .close {
  position: absolute;
  right: 60px;
  top: 40px;
  width: 32px;
}

.sys-popup .popup-inner .close img {
  display: block;
  width: 100%;
}

.sys-popup .popup-inner .tit {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.43;
  letter-spacing: -1.6px;
  padding-bottom: 42px;
  margin-bottom: 42px;
  border-bottom: 1px solid #d8d9db;
}

.sys-popup .popup-list {
  display: flex;
  flex-wrap: wrap;
  background: #f2f2f5;
  box-sizing: border-box;
  padding: 30px;
}

.sys-popup .popup-list>li {
  width: calc(25% - 18.75px);
  height: 66px;
  margin-right: 25px;
  margin-top: 30px;
  border: 1px solid #1f2125;
  background: #191554;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.25rem;
  color: #fff;
  letter-spacing: -1px;
  box-sizing: border-box;
}

.sys-popup .popup-list>li:nth-child(4n) {
  margin-right: 0;
}

.sys-popup .popup-list>li:nth-child(1),
.sys-popup .popup-list>li:nth-child(2),
.sys-popup .popup-list>li:nth-child(3),
.sys-popup .popup-list>li:nth-child(4) {
  margin-top: 0;
}

/*생산관리시스템*/
.mes-sec1 {
  padding: 7.5rem 0 20px;
}

.mes-sec1 .mes-pro,
.wos-sec2 .mes-pro {
  display: flex;
}

.mes-sec1 .mes-pro>li,
.wos-sec2 .mes-pro>li {
  width: calc(25% - 30px);
  margin-right: 40px;
  box-sizing: border-box;
  border: 2px solid #191554;
  height: 100%;
}

.mes-sec1 .mes-pro>li:nth-last-child(1),
.wos-sec2 .mes-pro>li:nth-last-child(1) {
  margin-right: 0;
}

.mes-sec1 .mes-pro>li p,
.wos-sec2 .mes-pro>li p {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 64px;
}

.wos .mes-pro>li p:last-child {
  height: 124px;
}

.wos-sec2 .mes-pro>li .txt2 {
  line-height: 1.6;
  padding: 20px;
  height: 170px;

}

.mes-sec1 .mes-pro>li .txt1,
.wos-sec2 .mes-pro>li .txt1 {
  background: #191554;
  color: #fff;
  font-size: 1.3rem;
  font-weight: 700;
  letter-spacing: -1.5px;

}

.mes-sec1 .mes-pro>li .txt2,
.wos-sec2 .mes-pro>li .txt2 {
  color: #191554;
  font-size: 1.2rem;
  letter-spacing: -1.5px;
  font-weight: 500;
}

.mes-sec1 .mes-arrow {
  width: 156px;
  margin: 20px auto 0;
}

.mes-sec1 .mes-arrow img {
  display: block;
  width: 100%;
}

.mes-sec2-mob {
  display: none;
}

.mes-sec2 {
  padding-bottom: 18.75rem;
}

.mes-sec2 .inner {
  background: #f2f2f5;
  box-sizing: border-box;
  padding: 50px 30px;
}

.mes-sec2 .mes-pro2 {
  display: flex;
}

.mes-sec2 .mes-pro2>li {
  width: calc(14.285% - 17.142px);
  margin-right: 20px;
  box-sizing: border-box;
  border: 2px solid #6b7588;
  position: relative;
  letter-spacing: -0.05em;
  background: #fff;
}

.mes-sec2 .mes-pro2>li.right::after {
  background: url(../img/mes-arrow2.png) no-repeat 0px 0px;
  content: "";
  display: inline-block;
  height: 15px;
  width: 33px;
  position: absolute;
  right: -28px;
  bottom: 28px;
  z-index: 10;
}

.mes-sec2 .mes-pro2>li p {
  display: flex;
  align-items: center;
  justify-content: center;
}

.mes-sec2 .mes-pro2>li .txt1 {
  height: 64px;
  background: #6b7588;
  color: #fff;
  font-size: 1.3rem;
  font-weight: 700;
}

.mes-sec2 .mes-pro2>li .txt2 {
  height: 74px;
  font-size: 1rem;
  color: #6b7588;
  font-weight: 500;
  background: #fff;
}

.mes-sec2 .mes-pro3 {
  margin-top: 70px;
  position: relative;
  z-index: 10;
}

.mes-sec2 .mes-pro3>li {
  height: 172px;
}

.mes-sec2 .mes-pro3>li.wid-50 {
  width: 27.571%;
}

.mes-sec2 .mes-pro3>li.opa {
  opacity: 0;
}

.mes-sec2 .mes-pro3>li.left::after {
  background: url(../img/mes-arrow2.png) no-repeat 0px 0px;
  content: "";
  display: inline-block;
  height: 15px;
  width: 33px;
  position: absolute;
  left: -28px;
  bottom: 44px;
  transform: rotate(180deg);
  z-index: 10;
}

.mes-sec2 .mes-pro3>li.top::after {
  background: url(../img/mes-arrow3.png) no-repeat 0px 0px;
  content: "";
  display: inline-block;
  height: 80px;
  width: 15px;
  position: absolute;
  left: 50%;
  top: -76px;
  transform: translateX(-50%);
  z-index: 10;
}

.mes-sec2 .mes-pro3>li.bottom::after {
  background: url(../img/mes-arrow3.png) no-repeat 0px 0px;
  content: "";
  display: inline-block;
  height: 80px;
  width: 15px;
  position: absolute;
  left: 50%;
  top: -79px;
  transform: translateX(-50%) rotate(180deg) !important;
  z-index: 10;
}

.mes-sec2 .mes-pro3>li .txt2 {
  height: calc(100% - 64px);
}

.mes-sec2 .mes-pro3>li .txt2 img {
  width: 81px;
  margin: 0 12px;
}

.mes-sec2 .mes-pro3>li .txt3 {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 1rem;
  color: #6b7588;
  font-weight: 500;
  background: #fff;
  line-height: 1.5;
}

/* -----------------------------
          솔루션
------------------------------ */



/*oms상세*/
.oms-title {
  display: flex;
  justify-content: space-between;
  text-align: initial;
}

.oms-title>li.left .tit1 {
  font-size: 14.75rem;
  line-height: 0.92;
  font-weight: 900;
  letter-spacing: -6px;
}

.oms-title>li.left .tit2 {
  font-size: 4.25rem;
  font-weight: 700;
  letter-spacing: -3.4px;
  margin: 60px 0 30px;
}

.oms-title>li .tit3 {
  font-size: 1.5rem;
  letter-spacing: -1.2px;
  line-height: 1.6;
}

.oms-title>li.right {
  width: 44.57%;
}

.oms-title>li.right img {
  width: 100%;
  display: block;
}

.oms-sec1 {
  padding: 12vh 0;
}

.oms-sec1 .info-list {
  display: flex;
  justify-content: space-between;
}

.oms-sec1 .info-list>li.tit {
  font-size: 2.62rem;
  font-weight: 700;
  letter-spacing: -2.1px;
}

.oms-sec1 .info-list>li.list {
  width: 64%;
}

.oms-sec1 .list-wrap {
  display: flex;
  flex-wrap: wrap;
}

.oms-sec1 .list-wrap>li {
  width: calc(50% - 7%);
}

.oms-sec1 .list-wrap>li:nth-child(2n) {
  margin-left: 14%;
}

.oms-sec1 .list-wrap>li:nth-child(1),
.oms-sec1 .list-wrap>li:nth-child(2) {
  margin-bottom: 64px;
}

.oms-sec1 .list-wrap .txt1 {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 20px;
}

.oms-sec1 .list-wrap .txt1 span {
  color: #f45118;
}

.oms-sec1 .list-wrap .txt2 {
  font-size: 1.25rem;
  line-height: 2;
  letter-spacing: -1px;
}

.oms-sec2,
.pro-sec2 {
  padding-bottom: 25vh;
}

.oms-sec2 .oms-table,
.pro-sec2 .oms-table {
  display: flex;
}

.oms-sec2 .oms-table>li.wid-1 {
  width: 14%;
}

.oms-sec2 .oms-table>li.wid-2 {
  width: 18%;
}

.oms-sec2 .oms-table>li.wid-3 {
  width: 68%;
}

.oms-sec2 .table-tit,
.pro-sec2 .table-tit {
  background: #191554;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: -1.2px;
  text-align: center;
  padding: 20px 0;
}

.pro-sec2 .table-tit {
  justify-content: center;

}

.oms-sec2 .table-con>li {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border-bottom: 1px solid #d8d9db;
  border-right: 1px solid #d8d9db;
}

.oms-sec2 .table-con>li:nth-last-child(1) {
  border-right: 1px solid transparent;
}

.oms-sec2 .table-con>li.wid-1 {
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: -1.2px;
  line-height: 1.5;
}

.oms-sec2 .table-con>li.wid-2 {
  font-size: 1.25rem;
  letter-spacing: -1px;
  line-height: 2;
}

.oms-sec2 .table-con>li.wid-3 {
  padding: 50px;
  flex-direction: column;
  align-items: initial;
}

.oms-sec2 .table-con>li.wid-3 p {
  font-size: 1.2rem;
  line-height: 2;
  letter-spacing: -1px;
  position: relative;
  padding-left: 17px;
  margin-bottom: 20px;
}

.oms-sec2 .table-con>li.wid-3 p:nth-last-child(1) {
  margin-bottom: 0;
}

.oms-sec2 .table-con>li.wid-3 p::before {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #1f2125;
  position: absolute;
  left: 0;
  top: 15px;
}

/*cms*/
.cms-sec {
  padding: 7.5rem 0 18.75rem;
}

.cms-sec1-mob {
  display: none;
}

.cms-sec1 .cms-tit {
  font-size: 2rem;
  letter-spacing: -0.05rem;
  font-weight: 500;
  text-align: center;
  margin-bottom: 60px;
}

.cms-step {
  display: flex;
}

.cms-step>li {
  box-sizing: border-box;
  width: 21.75%;
  border-left: 1px solid #d8d9db;
}

.cms-step>li:nth-child(1) {
  width: 13%;
  border-left: 0;
}

.cms-step-tit {
  background: #f2f2f5;
  border-top: 2px solid #6b7588;
  border-bottom: 1px solid #6b7588;
}

.cms-step-tit>li {
  height: 68px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: -0.05em;
}

.cms-step-con>li {
  padding: 50px 20px 46px 20px;
  border-left: 1px solid #d8d9db;
  border-bottom: 1px solid #d8d9db;
}

.cms-step-con>li:nth-child(1) {
  padding: 50px 30px 0 30px;
  border-left: 0;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: -0.05em;
  line-height: 2;
}

.cms-step-con .step-list p {
  font-size: 1.25rem;
  line-height: 2;
  letter-spacing: -0.05em;
  padding-left: 12px;
  position: relative;
}

.cms-step-con .step-list p::before {
  content: "";
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #1f2125;
  position: absolute;
  left: 0;
  top: 18px;
}

.cms-arrow {
  position: relative;
  margin: 30px 0;
}

.cms-arrow img {
  width: 156px;
  display: block;
  margin: auto;
}

.cms-arrow p {
  width: 400px;
  height: 70px;
  border: 2px solid #f45118;
  font-size: 1.62rem;
  letter-spacing: -0.05em;
  font-weight: 700;
  color: #f45118;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 50%;
  top: 54px;
  transform: translateX(-50%);
  background: #fff;
}

.cms-sec2 .cms-list {
  display: flex;
}

.cms-sec2 .cms-list>li {
  width: calc(25% - 7.5px);
  margin-right: 10px;
}

.cms-sec2 .cms-list>li:nth-last-child(1) {
  margin-right: 0;
}

.cms-sec2 .cms-list .cms-box1 {
  background: #191554;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 180px;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: -0.05em;
  line-height: 1.66;
  margin-bottom: 50px;
  box-sizing: border-box;
}

.cms-sec2 .cms-list .cms-box2::before {
  content: "";
  width: 15px;
  height: 57px;
  background: url(../img/mes-list-arrow.png) no-repeat;
  background-position: 0 0;
  background-size: 100% 100%;
  position: absolute;
  left: 50%;
  top: -57px;
  transform: translateX(-50%);
}

.cms-sec2 .cms-list .cms-box2 {
  border: 2px solid #191554;
  height: 150px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 2;
  letter-spacing: -0.05em;
  position: relative;
  color: #191554;
}

/* -----------------------------
          비즈니스
------------------------------ */

/*물류센터*/
.fulfill-top {
  padding-top: 7.5rem;
}

.fulfill-top img {
  width: 100%;
  display: block;
  margin: 0 auto 48px;
}

.fulfill-top .pad {
  display: none;
}

.fulfill-top img.mob {
  display: none;
}

.hist .mob {
  display: none;
}

.fulfill-top .fulfill-step {
  display: flex;
}

.fulfill-top .fulfill-step>li {
  width: 33.333%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  position: relative;
}

.fulfill-top .fulfill-step>li::after {
  content: "";
  width: 1px;
  height: 38px;
  background: #6b7588;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.fulfill-top .fulfill-step>li:nth-last-child(1)::after {
  opacity: 0;
}

.fulfill-top .fulfill-step>li .num {
  font-size: 2.75rem;
  color: #f45118;
  font-weight: 900;
  margin-right: 20px;
  width: 66px;
}

.fulfill-top .fulfill-step>li .txt {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.6;
  color: #3d4149;
  text-align: initial;
}

.fulfill-sec1 {
  padding: 7.5rem 0 18.75rem;
}

.fulfill-sec1 .fulfill-info .txt1 {
  font-size: 2rem;
  font-weight: 800;
  letter-spacing: -1.6px;
  margin-bottom: 40px;
}

.fulfill-sec1 .fulfill-info .txt2 {
  font-size: 1.25rem;
  line-height: 2;
  letter-spacing: -0.4px;
}

.fulfill-sec1 .fulfill-img,
.outsourcing-img {
  text-align: center;
  display: block;
  margin-top: 7.5rem;
}

.outsourcing-img img {
  width: 100%;
}
.out-img {position: relative;}
.out-img img {
  width: 100%;
  max-width: 375px;
}
.out-img p{position: absolute;
  font-size: 1.25rem;font-weight: 900;
  left: 50%;  transform: translate(-50%, 0);
}

.out-img p:nth-child(2){  top: 23.5%;
}
.out-img p:nth-child(3){ top: 35.5%;}
.out-img p:nth-child(4){ top: 47.5%;}
.out-img p:nth-child(5){ top: 59.5%;}
.out-img p:nth-child(6){ top: 71.5%;}
.out-img p:nth-child(7){ top: 84.5%;}

.outTxt1 {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 70px;
}

.outTxt2 {
  display: flex;
  font-size: 1.25rem;
  font-weight: 900;
  color: #3D4149;
  padding: 10px;
  justify-content: space-between;
}

.outTxt2 p {
  width: 10rem;
}

.fulfill-sec1 .fulfill-img img {
  width: 100%;
  display: block;
}

.fulfill-sec1 .fulfill-img>li.left {
  width: 62.36%;
  margin-right: 17px;
}

.fulfill-sec1 .fulfill-img>li.right {
  width: calc(100% - (62.36% + 17px));
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.fulfill-sec1 .fulfill-img .mob,
.outsourcing-img .mob {
  display: none;
}


.process img {
  width: 100%;
}

/* -----------------------------
          회사 소개
------------------------------ */


.txt5 {
  line-height: 40px;
  font-size: 1.25rem;
  text-align: left;
}

@media(max-width: 956px) {
  .main-text {
    display: block;
  }

  .img-box,
  .text-box {
    width: 100%;
  }

  .img-box .imgMovil {
    display: block;
    width: 100%;
    margin-bottom: 3.125rem;

  }

  .img-box .imgPc {
    display: none;
  }

  .txt5 {
    line-height: 30px;
  }

  .text-box>div:first-child {
    margin-bottom: 3.125rem;
  }

  .corp1 .imgMovil {
    display: block;
    width: 100%;
  }

  .corp1 .imgPc {
    display: none;
  }
}




/* company */
.company .inner {
  padding: 7.5rem 0;
  border-bottom: 1px solid #d8d9db;
}

.company .mob {
  display: none;
}

.com-title {
  display: flex;
  justify-content: space-between;
}


.company .com-title .right {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  width: 43%;

}

.right .com-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}

.company .right .com-txt1 {
  font-weight: 800;
  font-size: 1.625rem;
  line-height: 2;
}

.company .right a {
  font-weight: 500;
  color: #f45118;
  font-size: 0.9375rem;
}

.company .right .com-txt2 {
  line-height: 2;
  font-size: 1.25rem;
  letter-spacing: -1px;
}

.com-sec2 .inner {
  padding: 7.5rem 0 18.75rem;
}

.com-sec2 .pc {
  width: 100%;
}

.com-sec2 .mob {
  display: none;
}

.ceo .inner {
  border-bottom: none !important;
  padding-bottom: 0;
}

.ceo-box {
  padding: 7.5rem 0 18.75rem;
  text-align: left;

}

.ceo-box img {
  width: 100%;
  margin-bottom: 7.5rem;
}

.ceo-box .txt1 {
  font-size: 1.625rem;
  font-weight: 800;
  margin-bottom: 2.5rem;
}

.ceo-box .txt2 {
  line-height: 2;
  font-size: 1.25rem;
  letter-spacing: -1px;
}

.ceo-box .txt2>span {
  font-weight: 700;
  font-size: 1.5rem;
}

.fromCEO {
  text-align: right;
  font-weight: 700;
  font-size: 1.25rem;
  margin-top: 2.5rem;
}

.ceo-box .mob {
  display: none;
}

.com-info-sec1 {
  padding: 7.5rem 0 18.75rem;
}

.info-box {
  margin-bottom: 7.5rem;
  letter-spacing: -1px;

}

.info-box .txt1 {
  font-size: 1.625rem;
  font-weight: 800;
  margin-bottom: 1.25rem;
}

.info-box .txt2 {
  font-size: 1.25rem;
  line-height: 2;
}

.info-box .txt3 {
  font-size: 1.5rem;
  font-weight: 700;
  margin: 40px 0 20px;
}

.info-box h5 {
  font-size: 1.25rem;
  font-weight: 800;
  margin-top: 30px;
  margin-bottom: 1.25rem;

}

.main-box {
  margin-top: 0;

}

.mainTextDrop {
  padding: 1.375rem 0;
  border-bottom: 0.5px solid #d8d9db;
}

.dropItem {}

.dropItem>div {
  display: flex;
  height: 1.5rem;
  justify-content: space-between;
  align-items: center;
  font-size: 1.25rem;
  letter-spacing: -0.5px;
}

.dropItem .d-flex {
  align-items: center;
}

.dropItem span {
  background-color: #F45118;
  border-radius: 40px;
  width: 4.75rem;
  text-align: center;
  margin-right: 10px;
  padding: 4px 0;
  align-self: center;
  color: #fff;
  font-weight: 700;
}

.mob-on {}

.dropItem p {
  margin: 0;
}

.d-flex {
  display: flex;
}

.dropItem button {
  border: none;
  background-color: transparent;
}

.pc-ism {
  margin-left: 10px;
}

.mob-ism {
  display: none;
  font-size: 1.25rem;
  margin-bottom: 30px;

}

.mainTextBox {
  width: calc(100% - 5.25rem);
  display: block;
  margin-left: 5.25rem;
  background: #F2F2F5;
  padding: 2.5rem 0;
  font-size: 1.25rem;
  margin-top: 20px;
  line-height: 2;
}

.mainTextBox>div {
  border-bottom: 1px solid #D8D9DB;
  margin: 0 6.25rem;
  padding: 1.875rem 0;
}

.mainTextBox>div:last-child {
  border-bottom: none;
}

.mainTextBox div>li {
  display: flex;
}

.info-box .info-wrap {
  margin-left: 40px;
}

.mainTextBox p {
  margin-left: 4px;
}

.info-wrap>li {
  display: flex;
  font-size: 1.25rem;
  margin-bottom: 20px;
}

.info-wrap .txt2 {
  margin-bottom: 20px;
}

.info-box li>span {
  letter-spacing: 1.5px;
  margin-left: 7px;
  margin-right: 4px;
}


.ems {
  display: flex;
  margin: 3.5em 0 0;
  justify-content: center;
  color: #3D4149;
}

.ems-title {
  text-align: center;
  font-size: 2rem;
  font-weight: 600;
}

.emsSide {
  border: #3D4149 dashed 1px;
  padding: 1.25rem;
  margin: auto 0;

}

.emsSide div {
  background-color: #F2F2F5;
  width: 12.5rem;
  height: 12.5rem;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.25rem;
  text-align: center;
}

.emsSide div:last-child {
  margin-bottom: 0;
}

.emsSide img {
  width: auto;
  margin-bottom: 0.8rem;
}

.emsSide p {
  font-size: 1.25rem;
  font-weight: 800;

}


.emsMain {
  width: 45.5rem;
  margin: 0 1em;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.emsMain div {
  border: #3D4149 solid 1px;
  text-align: center;
  padding: 2.625rem 0;
  align-content: center;
}

.emsMain p {
  margin: auto;
  font-size: 1.625rem;
  font-weight: 800;

}

.arrow-col {
  display: none;
}

.emsLeft {
  align-items: center;
  display: flex;
}



.sub-page {}

.sub-page .inner {
  padding: 18.75vh 0 8.5vh;
  text-align: center;
}

.sub-page .sub-tit1 {
  font-size: 3.75rem;
  font-weight: 600;
  letter-spacing: -3px;
}

.sub-page .sub-tit1::after {
  content: "";
  width: 44px;
  height: 2px;
  background: #f45118;
  display: block;
  margin: 20px auto 9vh;
}

.sub-page .sub-tit2 {
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: -1.6px;
  margin-bottom: 14px;
}

.sub-page .sub-tit2 .mob {
  display: none;
}

.sub-page .sub-tit3 {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: -1px;
}

.success .inner {
  padding: 12.5rem 0 18.75rem;
  text-align: center;
}

.success .sub-tit1 {
  font-size: 3.75rem;
  font-weight: 600;
  letter-spacing: -3px;
}

.success .sub-tit1::after {
  content: "";
  width: 44px;
  height: 2px;
  background: #f45118;
  display: block;
  margin: 20px auto 5.625rem;
}

.success .sub-tit2 {
  font-size: 2rem;
  font-weight: 600;
  letter-spacing: -1.6px;
  margin-bottom: 14px;
}

.success .sub-tit3 {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: -1px;
}

.corp-gnb {
  margin-top: 7.5rem;
}

.corp-gnb .arrow,
.corp-gnb .corp-current {
  display: none;
}

.suc-ul {
  display: flex;
  border-top: 1px solid #D8D9DB;
  border-bottom: 1px solid #D8D9DB;
  flex-wrap: wrap;
}

.suc-ul>li {
  margin: 1.2rem 0;
  font-size: 1.125rem;
  letter-spacing: -1.2px;
}


.suc-ul>li>a {
  margin-right: 1rem;
}

.suc-ul>li:first-child>a {
  margin-left: 0;
}

.fulfill-step .pad {
  display: block;
}

.pad {
  display: block;
}

.suc-ul>li:last-child>a {
  margin-right: 0;
}

.suc-ul li>a {
  margin: 0 1.65rem;
}

.sol3 {
  padding-bottom: 0;

}

.suc-ul li::after {
  content: "|";
  color: #D8D9DB;

}

.suc-ul li:last-child::after {
  content: "";

}

.suc-ul .on,
.suc-ul li>a:hover {
  color: #f45118;
  border-bottom: 4px solid #F45118;
  padding-bottom: 17px;
}

.chapter {
  display: flex;
  margin-top: 7.5rem;
  margin-bottom: 2.5rem;
  align-items: baseline;
  justify-content: space-between;
}

.chapter ul {
  display: flex;
  font-size: 1rem;
}

.chapter ul>li {
  margin-right: 10px;
}

.chapter ul>li::after {
  content: ">";
  margin-left: 10px;
}

.chapter ul>li:last-child::after {
  content: "";
}

.chapter ul>li:last-child {
  font-weight: 700;
}

.chapter>a {
  color: #f45118;
  font-size: 15px;
  align-items: baseline;
  content: '↗';
  font-weight: 500;
}

.chapter p::after {
  margin-left: 3px;
  font-size: 1.125rem;
}

.corp-page-container {
  padding: 40px 0 18.75rem;
}
.img-cot {
  margin-bottom: 40px;
  height: auto;
}

.img-cot img {
  width: 100%;
  border: solid 1px #D8D9DB;
}

.mob-v {
  display: none;
}

.img-cot .mob {
  display: none;
  border: solid 1px #D8D9DB;
}

.corp-info {
  margin: 7.5rem 0 5rem;
  text-align: left;
}

.corp-info .txt1 {
  font-size: 2rem;
  font-weight: 900;
  margin-bottom: 2.5rem;
}

.corp-info .txt2 {
  font-size: 1.25rem;
  line-height: 2;

}

.corp-title {
  background: #191554;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: -1.2px;
  text-align: center;
  padding: 16px 0;
  display: flex;
  letter-spacing: -1px;
  line-height: 2;
}

.corp-title .t-wid1 {
  width: 22.5%;
}

.corp-title .t-wid2 {
  width: 77.5%;

}

.corp-contents .t-wid1 {
  text-align: left;
  width: 18%;
  font-size: 1.5rem;
  font-weight: 500;
  padding: 1.125rem 0 1.125rem 50px;
  display: flex;
  justify-content: left;
  letter-spacing: -1.2px;
}

.corp-contents .t-wid2 {
  text-align: left;
  width: 84%;
  padding: 1.125rem 0 1.125rem 50px;
  font-size: 1.25rem;
  display: flex;
  justify-content: left;
}

.corp-contents {
  display: flex;
}

.corp-contents li {
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border-bottom: 1px solid #d8d9db;
  border-right: 1px solid #d8d9db;
}

.corp-contents li:last-child {
  border-right: none;
}

#scrollButton {
  display: none;
  position: fixed;
  bottom: 33.5%;
  right: 5%;
  width: 50px;
  height: 50px;
  background-color: #ccc;
  border: none;
  border-radius: 50%;
  outline: none;
  cursor: pointer;
  transition: opacity 0.3s;
}


.hist .cot {
  display: flex;
  justify-content: space-evenly;
}

.hist-year {
  font-weight: 900;
  font-size: 4.75rem;
}

.hist-year p {
  margin-bottom: 100px;
  color: #D8D9DB;
}

.home-section .home-content {
  height: 60px;
  display: flex;
  align-items: center;
}

.home-section .home-content .bx-menu,
.home-section .home-content .text {
  color: #11101d;
  font-size: 35px;
}

.home-section .home-content .bx-menu {
  margin: 0 15px;
  cursor: pointer;
}

.home-section .home-content .text {
  font-size: 26px;
  font-weight: 600;
}


@media (max-width: 400px) {
  .sidebar.close .nav-links li .sub-menu {
    display: none;
  }

  .sidebar {
    width: 78px;
  }

  .sidebar.close {
    width: 0;
  }

  .home-section {
    left: 78px;
    width: calc(100% - 78px);
    z-index: 100;
  }

  .sidebar.close~.home-section {
    width: 100%;
    left: 0;
  }
}


/* 오시는 길 */
.mapa .inner {
  padding: 7.5rem 0 18.75rem;
}

.dePerfil {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  width: 100%;
  margin-bottom: 30px;

}

.mapBox .txt1,
.dePerfil .txt1 {
  font-size: 1.625rem;
  font-weight: 800;
  margin-bottom: 50px;
}

.dePerfil a>span {
  color: #fff;
}


.perfil>div {
  align-items: center;
  border-bottom: solid 0.5px #767676;
  height: 5.5rem;
}



.dePerfil span {
  background: #F45118;
  padding: 1em 3em;
}


.perfil .txt2 {
  width: 10rem;
  font-size: 1.5rem;
  font-weight: 700;
  text-align: left;
  display: flex;
  align-items: center;
}

.perfil .txt2 span {
  color: #f45118;
  font-size: 1rem;
  margin-right: 10px;
}

.perfil .txt3 {
  font-size: 1.25rem;
  text-align: left;
}

.mapBox {
  width: 100%;
  height: auto;
  margin-bottom: 7.5rem;
  text-align: left;
}

.mapBox div {
  width: 100% !important;
  height: 37rem;
}

/* ------------
 5. 문의하기
 ----------- */



/*contact*/
.contact-wrap {
  padding: 15vh 0 14.4vh;
}

.contact-wrap .inner {
  display: flex;
  justify-content: space-between;
}

.contact-left .tit-wrap {
  margin-bottom: 10vh;
}

.contact-left .tit-wrap .tit1 {
  font-size: 3.75rem;
  font-weight: 700;
  margin-bottom: 10px;
}

.contact-left .tit-wrap .tit2 {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: -1px;
}

.contact-left .tit-wrap .tit2::after {
  content: "";
  width: 44px;
  height: 2px;
  background: #f45118;
  display: block;
  margin-top: 30px;
}

.contact-left .info-wrap .info1 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.43;
  letter-spacing: -1.6px;
  position: relative;
  display: inline-block;
}

.contact-left .info-wrap .info1 a {
  display: inline-flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 30px;
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: -0.6px;
  color: #767676;
  border: 1px solid #767676;
  position: absolute;
  right: 0px;
  bottom: 7px;
}

.contact-left .info-wrap .info2 {
  margin: 40px 0 30px;
  font-size: 1.12rem;
  font-weight: 700;
  letter-spacing: -0.36px;
}

.contact-left .info-wrap .info2 p:nth-child(1) {
  margin-bottom: 4px;
}

.contact-left .info-wrap .info3 {
  font-size: 1rem;
  color: #767676;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: -0.32px;
}

.contact-right {
  width: 50%;
  max-width: 680px;
}

.contact-right .title {
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: -1.2px;
  margin: 20px 0 30px;
}

.form-navwrap {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  padding: 0 20px;
  border: 1px solid #1f2125;
  cursor: pointer;
  height: 60px;
  margin-bottom: 16px;
}

.form-navwrap .arrow {
  width: 18px;
  position: absolute;
  right: 20px;
  top: 16px;
  transition: all 0.4s;
}

.form-navwrap.active .arrow {
  transform: rotate(180deg);
}

.form-navwrap .arrow img {
  display: block;
  width: 100%;
}

.form-navwrap .form-current {
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: -0.32px;
  display: flex;
  align-items: center;
  width: inherit;
  height: inherit;
  border: 0 none;
  outline: 0 none;
  background: transparent;
  cursor: pointer;
  font-family: "pretendard";
  position: relative;
  color: #1f2125;
}

.form-navwrap .form-nav {
  position: absolute;
  top: 68px;
  left: 0;
  width: 100%;
  background: #fff;
  list-style-type: none;
  padding: 0;
  overflow: hidden;
  max-height: 0;
  transition: 0.1s ease-in;
  box-sizing: border-box;
  opacity: 0;
}

.form-navwrap.active .form-nav {
  max-height: initial;
  opacity: 1;
  border: 1px solid #1f2125;
}

.form-navwrap.active .form-nav>li {
  padding: 16px 20px;
  transition: 0.1s;
  font-size: 1rem;
  font-weight: 500;
}

.form-navwrap.active .form-nav>li:hover {
  background: #fff3ef;
}

.contact-right .title span {
  color: #f45118;
}

.input-wrap input::-ms-clear {
  display: none;
}

.input-wrap input[type="number"]::-webkit-inner-spin-button,
.input-wrap input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.input-wrap input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  background: #f2f2f5;
  padding: 0 18px;
  height: 60px;
  font-size: 1rem;
  font-family: Pretendard;
  font-weight: 500;
  letter-spacing: -0.32px;
  border: 0;
  box-sizing: border-box;
}

.input-wrap input::placeholder {
  font-size: 1rem;
  font-family: Pretendard;
  font-weight: 500;
  letter-spacing: -0.32px;
  color: #6b7588;
}

.input-wrap input:focus {
  outline: none;
}

.input-wrap {
  display: flex;
  margin-bottom: 16px;
}

.input-wrap.wid-50 {
  justify-content: space-between;
}

.input-wrap.wid-50 input {
  width: calc(50% - 8px);
}

.input-wrap textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  background: #f2f2f5;
  font-size: 1rem;
  font-family: 'Pretendard';
  font-weight: 500;
  letter-spacing: -0.32px;
  border: 0;
  color: #6B7588;
  box-sizing: border-box;
  padding: 14px 18px;
  height: 154px;
}

.input-wrap textarea::placeholder {
  font-size: 1rem;
  font-family: 'Pretendard';
  font-weight: 500;
  letter-spacing: -0.32px;
  color: #6b7588;
  line-height: 1.87;
}

.input-wrap textarea:focus {
  outline: none;
}

.file-wrap {
  width: 100%;
  height: 48px;
  display: flex;
  box-sizing: border-box;
  background: #f2f2f5;
}

.file-name {
  position: relative;
  width: calc(100% - 150px);
  height: 100%;
}

.filebox input[type="file"] {
  display: none;
}

.filebox label {
  display: flex;
  width: 150px;
  height: 100%;
  text-align: center;
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  background-color: #3d4149;
  cursor: pointer;
  text-transform: uppercase;
  transition: all 0.4s;
  align-items: center;
  justify-content: center;
}

.filebox label img {
  width: 18px;
  margin-right: 8px;
}

.file-name .file_del {
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  line-height: 1;
  cursor: pointer;
  display: none;
}

.file-name .file_del img {
  width: 16px;
  display: block;
}

.file-name.on .file_del {
  display: block;
}

.upload-name {
  display: inline-block;
  padding: 0px 8px;
  font-size: 0.8rem;
  line-height: 40px;
  color: #808080;
  vertical-align: middle;
  background-color: #f2f2f3;
  border: 0px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: calc(100% - 180px);
  box-sizing: border-box;
  display: none;
}

.upload-name.ver2 {
  background-color: transparent;
  width: 100%;
  padding: 0 26px 0 26px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 100%;
  align-items: center;
  font-size: 1rem;
  color: #6b7588;
  font-weight: 500;
  display: flex;
}

.filebox label:hover {
  background-color: #808080;
}

.contact-right .input-info {
  font-size: 13px;
  letter-spacing: -0.26px;
  color: #767676;
  margin: 8px 0 34px;
  font-weight: 500;
}

.contact-right .input-info span {
  color: #f45118;
  font-weight: 800;
}

.captcha-wrap {
  display: flex;
  justify-content: space-between;
  height: 48px;
}

.captcha-wrap>li {
  margin-right: 10px;
  box-sizing: border-box;
}

.captcha-wrap .tit-btn {
  border: 1px solid #1f2125;
  width: 150px;
  height: 100%;
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: -0.32px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.captcha-wrap .captcha-view,
.captcha-wrap .captcha-typing {
  width: calc(50% - 140px);
  border: 1px solid #d8d9db;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 18px;
  margin-right: 10px;

}

.captcha-wrap .captcha-view img {
  width: 100px;
  display: block;
  max-width: 95%;
}

.captcha-wrap .captcha-btn {
  width: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 4px;
  background: #3d4149;
  cursor: pointer;
}

.captcha-wrap .captcha-btn img {
  width: 18px;
  display: block;
}

.captcha-wrap>li:nth-last-child(1) {
  margin-right: 0;
}

.form-end {
  display: flex;
  justify-content: space-between;
}

.form-end button {
  width: 180px;
  height: 60px;
  background: #f45118;
  color: #fff;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  font-weight: 600;
  border: 0;
  cursor: pointer;
  font-family: "Pretendard";
  display: flex;
}

.agree-wrap {
  display: flex;
  margin: 0 10px;
}

.agree-wrap p {
  font-size: 1rem;
  font-weight: 500;
  color: #3d4149;
  letter-spacing: -0.8px;
}

.agree-wrap p a {
  display: inline-block;
  text-decoration: underline;
}

.agree-wrap p span {
  color: #f45118;
}

.check-btn {
  margin-right: 8px;
}

.check-btn input[type="checkbox"] {
  display: none;
}

.check-btn input[type="checkbox"]+label {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 1px solid #3d3d3d;
  position: relative;
}

.check-btn input[id="agree"]:checked+label::after {
  content: "✔";
  font-size: 12px;
  width: 16px;
  height: 16px;
  text-align: center;
  position: absolute;
  left: -.7px;
  top: -1.5px;
}

.form-popup {
  width: 100%;
  height: 100vh;
  position: fixed;
  display: none;
  background: rgba(86, 86, 86, 0.8);
  background-blend-mode: multiply;
  z-index: 100;
  left: 0;
  top: 0;
}

.form-popup .popup-inner {
  width: 90%;
  max-width: 950px;
  background: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  /* box-shadow: 0px 4px 70px 0px #c3c3c6; */
  padding: 40px 60px 60px 70px;
  box-sizing: border-box;
  text-align: center;
  transform: translate(-50%, -50%);
}

.form-popup .popup-inner .close {
  position: absolute;
  right: 60px;
  top: 40px;
  width: 32px;
}

.form-popup .popup-inner .close img {
  display: block;
  width: 100%;
}

.form-popup .popup-inner .tit {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.43;
  letter-spacing: -1.6px;
  padding-bottom: 42px;
  margin-bottom: 42px;
  border-bottom: 1px solid #d8d9db;
}

.form-popup .agree-info {
  text-align: initial;
  height: 30%;
  overflow-y: scroll;
  box-sizing: border-box;
  padding-right: 30px;
  font-size: 1rem;
  color: #3d4149;
  letter-spacing: -0.48px;
  line-height: 1.87;
  max-height: 610px;
}

.form-popup .agree-info .txt1 {
  font-weight: 500;
  letter-spacing: -0.32px;
}

.form-popup .agree-info .txt2 {
  font-weight: 700;
  margin-top: 20px;
}

.form-popup .agree-info .txt3 {
  color: #3d4149;
}

.form-popup .agree-info .txt4 {
  color: #767676;
  font-weight: 400;
}

.form-popup .agree-info::-webkit-scrollbar {
  width: 3px;
}

.form-popup .agree-info::-webkit-scrollbar-thumb {
  height: 30%;
  background: #f45118;
}

.form-popup .agree-info::-webkit-scrollbar-track {
  background: #d8d9db;
}

.form-popup button {
  width: 180px;
  height: 60px;
  background: #3d4149;
  color: #fff;
  border: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  color: #fff;
  font-weight: 600;
  margin: 7vh auto 0;
  font-family: "Pretendard";
  cursor: pointer;
}

.privacy1 .inner {
  padding: 18.75rem 0 7.5rem;
  text-align: center;
  border-bottom: 1px solid #d8d9db;
}

.privacy1 .sub-tit1 {
  font-size: 3.75rem;
  font-weight: 600;
  letter-spacing: -3px;
}

.privacy1 .sub-tit1::after {
  content: "";
  width: 44px;
  height: 2px;
  background: #f45118;
  display: block;
  margin: 20px auto 0;
}

.privacy2 .inner {
  padding-bottom: 18.75rem;
}

.priBox {
  margin-top: 7.5rem;
  font-size: 1.25rem;
  padding-right: 1rem;
}

.pri-list {
  margin-right: 3.5rem;
}

.pri-list>li {
  margin-top: 80px;
}

.pri1 {
  font-size: 1.625rem;
  font-weight: 700;
  margin-bottom: 1.25rem;
  line-height: 2.5rem;
}

.pri2 {
  font-size: 1.625rem;
  font-weight: 800;
  margin-bottom: 1.25rem;
}

.pri2 span {
  color: #f45118;
  margin-right: 8px;
}

.pri3 {
  line-height: 2;
  margin-bottom: 8px;
  display: flex;
}

.pri3 span {
  margin-right: 8px;
}

.pri-li2 {
  margin-left: 2.2rem;
  margin-bottom: 1.25rem;
}

.pri-li2 li {
  list-style: decimal;
  margin-top: 1.25rem;
  line-height: 30px;
}

.pri-li3 {
  margin-left: 1.5rem;
  margin-bottom: 1.25rem;
}

.pri-li4 {
  margin-left: 23px;
  margin-bottom: 6px;
}

.pri-li4 li {
  list-style: disc;
  font-weight: 400;
  margin-left: 5px;
}

.pri-li3 .txt5 {
  font-weight: 700;
  margin-top: 6px;
}

.pri-li4 li::marker {
  font-size: 1rem;
}

.pri-li3 .txt6 {
  color: #767676;
}

.image-container {
 display: flex;
 justify-content: center;
 align-items: center;
 margin: 20px 0;
}