@media screen and (max-width: 1560px) {
  .system-pc .system-arrow {
    width: 55.2%;
    left: 20.1%;
  }

  .system-pc .system-arrow .sys-arrow>li {
    width: 160px;
    margin-bottom: 67px;
  }

  .system-pc .system-arrow .sys-arrow>li p {
    font-size: 0.9rem;
  }

  .system-process .sys-pro1 {
    padding: 90px 40px 60px 40px;
  }

  .system-process .sys-pro1 .pro1-con img {
    width: 40px;
  }

  .system-process .sys-pro1 .pro1-con .txt1 {
    font-size: 1.2rem;
  }
  .suc-subpage>a{
    display: block!important;
  }
  .system-process .sys-pro1 .pro1-con .txt2 {
    font-size: 0.9rem;
  }

  .system-process .sys-pro1>li {
    height: 140px;
  }

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

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

  .system-process .sys-pro2 .pro2-tit {
    font-size: 1.6rem;
  }

  .system-process .sys-pro2 .pro2-list>li>a {
    font-size: 1.2rem;
  }

  .system-process .sys-pro3 {
    padding: 90px 40px 40px 40px;
  }

  .system-process .sys-pro3>li {
    padding: 20px 30px;
    margin-bottom: 14px;
  }

  .system-process .sys-pro3 .pro3-con .tit {
    font-size: 1.2rem;
  }

  .company .pc {
    width: 95%;
  }
}

@media screen and (max-width: 1400px) {
  .system-pc .system-arrow .sys-arrow>li {
    width: 140px;
  }
  .sol1-line, .sol1-line2 {
    display: none!important;
  }
  .system-pc .system-arrow .sys-arrow>li p {
    font-size: 0.8rem;
  }

  .system-pc .system-arrow {
    width: 55.2%;
    left: 19.9%;
  }

  .system-process .sys-pro3 .pro3-con .tit {
    font-size: 1rem;
  }

  .mes-sec2 .mes-pro2>li .txt1 {
    font-size: 1rem;
  }

  .mes-sec2 .mes-pro2>li .txt2 {
    font-size: 0.8rem;
  }

  .mes-sec2 .mes-pro3>li .txt3 {
    font-size: 0.8rem;
  }

  .company .pc {
    width: 85%;
  }
}

@media screen and (max-width: 1300px) {
  .cms-sec2 .cms-list .cms-box1 {
    font-size: 1.25rem;
  }

  .cms-sec2 .cms-list .cms-box2 {
    font-size: 0.95rem;
  }
}

@media screen and (max-width: 1200px) {
  .system-pc {
    display: none;
  }
  .solution-container .sol-line1{
    flex-direction: column;
    align-items: center;
    gap: unset;

  }
  .sol-line1>div {
    margin-bottom: 0;
  }
  .step-box .text2{
    margin-bottom: 2.5rem;
  }
  .mob-point{
    display: block;
  }
  .mob-point img{
    width: 100%;
  }

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

  .system-mob {
    display: block;
    padding-bottom: 12vh;
  }

  .system-mob .sys-img img {
    width: 100%;
    display: block;
    margin: 8vh 0 5vh;
  }

  .system-mob .tab-navwrap {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    padding: 16px 20px;
    background: #f45118;
    color: #fff;
    cursor: pointer;
  }

  .system-mob .tab-navwrap .arrow {
    width: 32px;
    position: absolute;
    right: 20px;
    top: 16px;
    transition: all 0.4s;
  }

  .system-mob .tab-navwrap.active .arrow {
    transform: rotate(180deg);
  }

  .system-mob .tab-navwrap .arrow img {
    display: block;
    width: 100%;
  }

  .system-mob .tab-navwrap .nav-current {
    color: #fff;
    font-size: 1.2rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    width: inherit;
    height: inherit;
    border: 0 none;
    outline: 0 none;
    background: transparent;
    cursor: pointer;
    font-family: "pretendard";
    position: relative;
  }

  .system-mob .tab-navwrap .tab-nav {
    position: absolute;
    top: 55px;
    left: 0;
    width: 100%;
    background: #fff;
    border: 1px solid #f45118;
    color: #f45118;
    list-style-type: none;
    padding: 0;
    overflow: hidden;
    max-height: 0;
    transition: 0.3s ease-in;
    box-sizing: border-box;
  }


  .system-mob .tab-navwrap.active .tab-nav {
    max-height: initial;
  }

  .system-mob .tab-navwrap.active .tab-nav>li {
    border-top: 1px solid #f45118;
    padding: 16px 20px;
    transition: 0.1s;
    font-size: 1.2rem;
  }

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

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

  .system-mob .sys-list>li:nth-child(2n) {
    margin-right: 0;
  }

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

  .system-mob .tab-con>div {
    display: none;
  }

  .system-mob .tab-con>div.on {
    display: block;
  }

  .oms-title>li.left .tit1 {
    font-size: 8rem;
  }

  .oms-title>li.left .tit2 {
    font-size: 3rem;
    margin: 40px 0 20px;
  }

  .oms-title>li.left .tit3 {
    font-size: 1.2rem;
  }

  .oms-sec1 .info-list>li.tit {
    font-size: 2rem;
  }

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

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

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

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

@media screen and (max-width: 1024px) {
  .sub-title .inner {
    padding: 12.875rem 0 7.5rem;
  }
  .contact-left .info-wrap{
    text-align: start;

    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .contact-left .info-wrap .info1 a {
    /*bottom: 40px;*/
  }

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

  .sub-title .sub-tit2 {
    margin-bottom: 40px;
  }

  .sub-title .sub-tit3 {
    word-break: keep-all;
  }

  .sub-title .sub-tit3 br {
    display: none;
  }

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

  .sol-1-pc {
    display: none;
  }

  .solution-container {
    margin-bottom: 50px;
  }



  /* .map2,
  .map1 {
    display: flex;
    flex-direction: column;
  } */
  .info-box .info-wrap {
    margin-left: 0;
  }

  /* .map2>div,
  .map1>div {
    margin: 0 auto;
  } */

  .sol-mob {
    display: block;
    margin: 40px auto 0;
  }

  .map2>div:nth-child(1),
  .map2>div:nth-child(3) {
    margin: auto;
  }

  .shopeasy .oms-table>li.wid-1 {
    width: 100%;
    margin: 0;
  }

  .shopeasy .table-con>li.wid-3 {
    padding: 30px 0 0;
  }

  .shopeasy .table-con>li.wid-3 p {
    line-height: 30px;
    padding: 0;
  }
  .shopeasy .oms-table>li.wid-3 {
    width: 100%;
  }

  .shopeasy .oms-table {
    display: block;
    margin-top: 50px;
  }

  .shopeasy .table-con>li {
    border-bottom: none;
  }

  .shopeasy .table-con {
    border-bottom: 1px solid #D8D9DB;
    padding-bottom: 50px;
  }

  .mes-sec1 {
    padding: 5rem 0 30px;
  }

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

  .mes-sec1 .mes-pro>li,
  .wos-sec2 .mes-pro>li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
  }

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

  .mes-sec1 .mes-arrow {
    margin: 30px auto 0;
  }

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

  .mes-sec2-mob {
    display: block;
    padding-bottom: 12vh;
  }

  .mes-sec2-mob .inner {
    background: #f2f2f5;
    box-sizing: border-box;
    padding: 20px 14px;
  }

  .mes-sec2-mob .mes-pro3 {
    display: flex;
    flex-wrap: wrap;
  }

  .mes-sec2-mob .mes-pro3>li {
    width: 100%;
    background: #fff;
    box-sizing: border-box;
    border: 1px solid #6b7588;
    background: #fff;
    margin-bottom: 40px;
    position: relative;
  }

  .mes-sec2-mob .mes-pro3>li.wid-50 {
    width: calc(50% - 20px);
    margin-right: 40px;
  }

  .mes-sec2-mob .mes-pro3>li.wid-50-mar {
    margin-right: 0;
  }

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

  .mes-sec2-mob .mes-pro3>li.wid-100-mar {
    margin-bottom: 100px;
  }

  .mes-sec2-mob .mes-pro3>li.bottom::after {
    background: url(../img/mes-arrow4.png) no-repeat 0px 0px;
    content: "";
    display: inline-block;
    height: 46px;
    width: 12px;
    position: absolute;
    left: 50%;
    bottom: -42px;
    z-index: 10;
    transform: translateX(-50%);
  }

  .mes-sec2-mob .mes-pro3>li.bottom2::after {
    background: url(../img/mes-arrow5.png) no-repeat 0px 0px;
    content: "";
    display: inline-block;
    height: 271px;
    width: 12px;
    position: absolute;
    left: 50%;
    bottom: -267px;
    z-index: 10;
    transform: translateX(-50%);
    background-size: 100% 100%;
  }

  .mes-sec2-mob .mes-pro3>li.bottom3::after {
    background: url(../img/mes-arrow5.png) no-repeat 0px 0px;
    content: "";
    display: inline-block;
    height: 244px;
    width: 12px;
    position: absolute;
    left: 50%;
    bottom: -240px;
    z-index: 10;
    transform: translateX(-50%);
    background-size: 100% 100%;
  }

  .mes-sec2-mob .mes-pro3>li.right::after {
    background: url(../img/mes-arrow6.png) no-repeat 0px 0px;
    content: "";
    display: inline-block;
    height: 12px;
    width: 50px;
    position: absolute;
    right: -47px;
    bottom: 63px;
    z-index: 10;
    background-size: 100% 100%;
  }

  .mes-sec2-mob .mes-pro3>li.top::after {
    background: url(../img/mes-arrow7.png) no-repeat 0px 0px;
    content: "";
    display: inline-block;
    height: 46px;
    width: 12px;
    position: absolute;
    left: 50%;
    top: -41px;
    z-index: 10;
    transform: translateX(-50%) rotate(180deg) !important;
    background-size: 100% 100%;
  }

  .mes-sec2-mob .mes-pro3>li.top2::after {
    background: url(../img/mes-arrow7.png) no-repeat 0px 0px;
    content: "";
    display: inline-block;
    height: 46px;
    width: 12px;
    position: absolute;
    left: 50%;
    top: -41px;
    z-index: 10;
    transform: translateX(-50%);
    background-size: 100% 100%;
  }

  .mes-sec2-mob .mes-pro3>li p {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    letter-spacing: -0.05em;
    padding: 20px 0;
    box-sizing: border-box;
  }

  .mes-sec2-mob .mes-pro3>li .txt1 {
    font-size: 1.37rem;
    font-weight: 700;
    background: #6b7588;
    color: #fff;
  }

  .mes-sec2-mob .mes-pro3>li .txt2 {
    font-size: 1.25rem;
    font-weight: 400;
    color: #6b7588;
  }

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

  .mes-sec2-mob .mes-pro3>li .txt2 img {
    width: 56px;
    margin: 0 4px;
    display: block;
  }
  .pro-map {
    display: none;
  }

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

  .fulfill-top .fulfill-step {
    flex-direction: column;
  }

  .fulfill-top .fulfill-step>li {
    width: 100%;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 30px;
  }

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

  .fulfill-top .fulfill-step>li::after {
    opacity: 0;
  }

  .fulfill-top {
    padding-top: 8vh;
    margin-top: 8vh;
    border-top: 1px solid #d8d9db;
  }

  .fulfill-title .inner {
    border-bottom: 0;
  }

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

  .fulfill-sec1 .fulfill-img {
    margin-top: 60px;
    flex-direction: column;
  }

  .fulfill-sec1 .fulfill-img>li.left {
    width: 100%;
    margin-right: 0;
    margin-bottom: 5px;
  }

  .outsourcing-img {
    margin-top: 60px;
    justify-content: center;
  }


  .fulfill-sec1 .fulfill-img>li.right {
    width: 100%;
  }

  .fulfill-sec1 .fulfill-img>li.right img:nth-child(1) {
    margin-bottom: 5px;
  }

  .oms-top {
    overflow-x: hidden;
  }

  .oms-title {
    position: relative;
    padding: 5.5vh 0 18.5vh;
    color: #fff;
  }

  .oms-title::before {
    z-index: -1;
    content: "";
    width: 112%;
    height: 100%;
    background: url(/img/solution/oms-top-mob.png);
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
  }

  .oms-title>li.right {
    display: none;
  }

  .oms-sec1 {
    padding: 8vh 0 10vh;
  }

  .oms-sec1 .info-list {
    flex-direction: column;
  }

  .oms-sec1 .info-list>li.tit {
    margin-bottom: 50px;
  }

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

  .oms-sec1 .list-wrap>li {
    width: 100%;
    margin-bottom: 70px;
  }

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

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

  .oms-sec1 .list-wrap>li:nth-last-child(1) {
    margin-bottom: 0;
  }

  .oms-sec2 .table-tit {
    display: none;
  }

  .oms-sec2 .oms-table {
    flex-direction: column;
  }

  .oms-sec2 .oms-table>li.wid-1 {
    width: 100%;
    border-right: 0;
    align-items: flex-start;
    justify-content: flex-start;
    background: #191554;
    color: #fff;
    box-sizing: border-box;
    padding: 20px;
  }

  .oms-sec2 .oms-table>li.wid-1 br {
    display: none;
  }

  .oms-sec2 .oms-table>li.wid-2 {
    width: 100%;
    border-right: 0;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 50px 20px;
  }
  .com-sec2 .inner {
    padding-bottom: 7.5rem;
  }
  .oms-sec2 .oms-table>li.wid-2>div::before {
    content: "주요 업무 구분";
    font-size: 1.5rem;
    color: #3d4149;
    font-weight: 700;
    letter-spacing: -1.2px;
    margin-bottom: 30px;
    display: block;
  }

  .oms-sec2 .oms-table>li.wid-2 p {
    line-height: normal;
    position: relative;
    padding-left: 17px;
    margin-bottom: 26px;
  }

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

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

  .oms-sec2 .oms-table>li.wid-3::before {
    content: "기능 설명 및 기대효과";
    font-size: 1.5rem;
    color: #3d4149;
    font-weight: 700;
    letter-spacing: -1.2px;
    margin-bottom: 30px;
    display: block;
  }

  .oms-sec2 .oms-table>li.wid-3 {
    width: 100%;
    padding: 50px 20px;
    border-bottom: 0;
  }

  .success .inner {
    padding: 9.125rem 0 7.5rem;
  }

  .chapter>a {
    display: none;
  }

  .contact-wrap {
    padding: 18vh 0 11vh;
  }

  .contact-wrap .inner {
    flex-direction: column;
  }

  .contact-left .tit-wrap {
    margin-bottom: 80px;
    padding-bottom: 80px;
    text-align: center;
    border-bottom: 1px solid #d8d9db;
  }

  .contact-left .tit-wrap .tit2::after {
    display: none;
  }

  .contact-left .tit-wrap .tit1 {
    margin-bottom: 0;
  }

  .contact-left .tit-wrap .tit1::after {
    content: "";
    width: 30px;
    height: 2px;
    background: #f45118;
    margin: 20px auto 8vh;
    display: block;
  }

  .contact-left .info-wrap {
    margin-bottom: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid #d8d9db;
  }

  .contact-right {
    width: 100%;
    max-width: initial;
  }

  .cms-sec {
    padding: 8vh 0 7.5rem;
  }

  .cms-sec1 {
    display: none;
  }

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

  .cms-sec1-mob .box-wrap {
    margin-bottom: 50px;
  }

  .cms-sec1-mob .box-wrap .title {
    padding: 20px;
    background: #191554;
    color: #fff;
    font-size: 1.62rem;
    font-weight: 700;
    letter-spacing: -0.05em;
  }

  .cms-sec1-mob .box-wrap .box {
    padding: 50px 20px;
    box-sizing: border-box;
    border-bottom: 1px solid #d8d9db;
  }

  .cms-sec1-mob .box-wrap .box .txt1 {
    font-size: 1.5rem;
    color: #3d4149;
    font-weight: 700;
    letter-spacing: -0.05em;
    margin-bottom: 30px;
  }

  .cms-sec1-mob .box-wrap .step-list p {
    font-size: 1.25rem;
    letter-spacing: -0.05em;
    line-height: 1.5;
    margin-bottom: 26px;
    position: relative;
    padding-left: 17px;
  }

  .cms-sec1-mob .box-wrap .step-list p::before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #1f2125;
    position: absolute;
    left: 0;
    top: 13px;
  }

  .cms-sec1-mob .box-wrap .step-list p:nth-last-child(1) {
    margin-bottom: 0;
  }

  .cms-sec1-mob>div:nth-last-child(1) {
    margin-bottom: 0;
  }

  .cms-sec2 .cms-list {
    flex-direction: column;
  }

  .cms-sec2 .cms-list>li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 50px;
  }

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

  .com-title {
    display: block;
  }

  .company .com-title .right {
    width: 100%;
  }

  .com-title .left img,
  .com-sec2 .mob {
    width: 100%;
  }

  .com-title .right .com-box {
    margin-top: 50px;
  }

  .emsMain div {
    padding: 2rem;
  }

  .emsMain p {
    font-size: 1.3rem;
  }

  .emsSide div {
    width: 8rem;
    height: 8rem;
  }

  .emsLeft img {
    width: 100%;
  }

  .corp-page-container {
    padding-bottom: 9rem;
  }

  .sub-page .inner {
    padding: 10rem 0 0;
  }

  .success .sub-tit1 {
    font-size: 2.25rem;
    letter-spacing: -1.8px;
    font-weight: 700;
  }

  .success .sub-tit1::after {
    width: 30px;

  }

  .suc-ul>li {
    border-top: 1px solid #f45118;
    padding: 16px 20px;
    transition: 0.1s;
    text-align: left;
    margin: 0;
  }

  .success .sub-tit2 {
    font-size: 1.75rem;
    letter-spacing: -1.4px;
    line-height: 1.3;
    font-weight: 700;
  }

  .success .sub-tit3 {
    line-height: 1.5;

    border-bottom: 1px solid #D8D9DB;
    color: #3D4149;
    padding-bottom: 5rem;
  }

  .corp-gnb {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    padding: 16px 20px;
    background: #f45118;
    color: #fff;
    cursor: pointer;
    margin-top: 5rem;
    z-index: 10;
  }

  #scrollButton {
    display: none!important;
  }

  .corp-gnb .arrow {
    display: block;
    width: 32px;
    position: absolute;
    right: 20px;
    top: 16px;
    transition: all 0.4s;
  }
  .suc-ul li>a{
    width: 100%;
    margin-left: 0;
  }
  .suc-ul .on,
  .suc-ul li>a:hover {
    color: #f45118;
    border-bottom: none;
    padding-bottom: 0;
  }

  .corp-gnb .corp-current {
    color: #fff;
    font-size: 1.2rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    width: inherit;
    height: inherit;
    border: 0 none;
    outline: 0 none;
    background: transparent;
    cursor: pointer;
    font-family: "pretendard";
    position: relative;
  }

  .corp-gnb.active .arrow {
    transform: rotate(180deg);
  }

  .corp-gnb .suc-ul {
    position: absolute;
    top: 55px;
    left: 0;
    display: block;
    width: 100%;
    background: #fff;
    border: 1px solid #f45118;
    color: #f45118;
    list-style-type: none;
    padding: 0;
    overflow: hidden;
    max-height: 0;
    transition: 0.3s ease-in;
    box-sizing: border-box;
  }

  .list_tab>li::after {
    display: none;
  }

  .corp-gnb.active .suc-ul {
    max-height: initial;
  }

  .corp-gnb.active .suc-ul .link-tab {
    border-top: 1px solid #f45118;
    padding: 16px 20px;
    transition: 0.1s;
  }

  .suc-ul .on {
    border-bottom: none;
  }


  .work-bg {
    background-image: none;
    padding: 0;
  }

  .work-box {
    flex-direction: column;
    position: unset;
    width: 100%;
  }

  .work-box:nth-child(2) {
    left: 0;
  }

  .work-box>div {
    width: 100%;
  }
  .pc-pro {
    display: none;
  }
  .mob-pro {
    display: block;
  }
  .map-bg {
    display: none;
  }

  .chapter {
    display: block;
    text-align: left;
    margin-bottom: 10px;
    margin-top: 50px;
  }

  .chapter ul {
    margin-bottom: 30px;
  }
  .img-cot {
    margin-bottom: 60px;
  }
  .img-cot .pc {
    display: none;
  }

  .img-cot .mob {
    display: block;
  }

  .corp-info {
    margin: 50px 0 100px;
  }

  .pc-v {
    display: none;
  }

  .map1 {
    justify-content: center;
  }


  .mob-v {
    display: block;
  }

  .corp-contents {
    display: block;
    width: 100%;
    padding: 50px 0 50px 0;
    border-bottom: 1px solid #d8d9db;

  }

  .corp-title .t-wid2 {
    width: 100%;
    font-size: 26px;
    line-height: 1;
  }

  .corp-contents .t-wid1 {
    width: 100%;
    font-weight: 700;
    border: none;
    padding: 0 0 30px;
  }

  .corp-contents .t-wid2 {
    border: none;
    width: 100%;
    line-height: 1.5;
    padding: 0;

  }

  .m-mt-50 {
    margin-top: 50px !important;
  }

  .info-wrap {
    margin-left: 0;
  }

  .info-wrap .txt2 {
    margin-bottom: 30px;
    line-height: 1.5;
  }

  .info-wrap>li {
    line-height: 2;
    margin-bottom: 0;
  }

  .main-box {
    margin-top: 0;
  }

  .main-box>.mainTextDrop:first-child .dropItem {
    padding-top: 0;
  }

  .dropItem>div {
    margin-bottom: 1.875rem;
  }

  .mainTextBox p {
    margin-left: 0;
  }

  .info-box li>span {
    margin-left: 0;
  }

  .pc-ism {
    display: none;
  }

  .mob-ism {
    display: block;
  }


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

  .adv-box-pc {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    padding: 16px 20px;
    background: #f45118;
    color: #fff;
    margin-bottom: 50px;
    cursor: pointer;
  }

  .adv-box-pc .arrow {
    width: 32px;
    position: absolute;
    right: 20px;
    top: 16px;
    transition: all 0.4s;
    display: block;
  }

  .adv-box-pc.active .arrow {
    transform: rotate(180deg);
  }

  .adv-box-pc .arrow img {
    width: 100%;
  }

  .adv-box-pc .adv-current {
    color: #fff;
    font-size: 1.25rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    width: inherit;
    height: inherit;
    border: 0 none;
    outline: 0 none;
    background: transparent;
    cursor: pointer;
    font-family: "pretendard";
    position: relative;
  }

  .adv-box-pc .adv-nav {
    position: absolute;
    top: 55px;
    left: 0;
    width: 100%;
    background: #fff;
    border: 1px solid #f45118;
    color: #f45118;
    list-style-type: none;
    padding: 0;
    overflow: hidden;
    max-height: 0;
    transition: 0.3s ease-in;
    box-sizing: border-box;
  }

  .adv-box-pc.active .adv-nav {
    max-height: initial;
    display: block;
  }

  .adv-box-pc .adv-li-item {
    margin: 0;
  }

  .adv-box-pc.active .adv-nav>li {
    border-top: 1px solid #f45118;
    padding: 16px 20px;
    transition: 0.1s;
    font-size: 1.2rem;
    background: #fff;
    color: #f45118;
    width: 100%;
    height: auto;
    font-weight: 400;
    justify-content: left;

  }

  .adv-nav>li::after,
  .adv-nav>li::before {
    display: none;
  }

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

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

}

@media screen and (max-width: 767px) {
  .sub-title {
    color: #3d4149;
  }

  .pad {
    display: block;
  }

  .solution-container {
    background-image: none;
  }

  .sub-title .sub-tit1 {
    font-size: 2.25rem;
    letter-spacing: -1.8px;
    font-weight: 700;
  }

  .sub-title .sub-tit1::after {
    width: 30px;
  }

  .sub-title .sub-tit2 {
    font-size: 1.75rem;
    letter-spacing: -1.4px;
    line-height: 1.3;
    font-weight: 700;
  }

  .sub-title .sub-tit3 {
    line-height: 1.5;
  }

  .mapa .inner {
    padding: 7.5rem 0;
  }

  .perfil .txt2 {
    width: 4.75rem;
    font-size: 1.25rem;
    letter-spacing: -1.5px;

  }

  .perfil .txt3 {
    width: 80%;
    letter-spacing: -1.5px;
  }


  .advantagesContents {
    flex-direction: column;
    border: none;

    padding: 0;
  }

  .advantagesContents img {
    margin: 88px 0 137px;
    width: 97%;
  }

  .advantagesContents div {
    width: 100%;
  }

  .advantagesContents .style1 {
    font-size: 1.875rem;
  }

  .pro-sec2 .oms-table {
    display: block;
  }

  .pro-sec2 li.wid {
    width: 100%;
  }
  .proc-ul-mob{
    display: block;
    width: 90%;
    margin: 0 auto;
  }
  .wid-mob {
    display: none!important;
  }
  .proc-ul {
    display: none;
  }
  .pro-sec2 .table-con>li {
    border-right: none;
  }

  .pro-sec2 .wid .style1 {
    margin-bottom: 30px;
  }
  .oms-sec2, .pro-sec2{
    padding-bottom: 7.5rem;
  }

  .system-mob .tab-navwrap .nav-current {
    font-size: 1.25rem;
  }

  .system-mob .tab-navwrap.active .tab-nav>li {
    font-size: 1.25rem;
  }

  .mes-sec1 .mes-pro>li,
  .wos-sec2 .mes-pro>li {
    border: 1px solid #191554;
  }

  .mes-sec1 .mes-pro>li .txt1,
  .wos-sec2 .mes-pro>li .txt1 {
    font-size: 1.625rem;
  }

  .mes-sec1 .mes-pro>li .txt2 {
    font-size: 1.25rem;
  }

  .wos-sec2 .mes-pro>li .txt2 {
    font-size: 1.25rem;
    padding: 30px 25px;
    line-height: 1.5;
    height: 100%;
  }

  .mes-sec1 .mes-arrow {
    width: 169px;
  }

  .mes-sec2-mob .mes-pro3>li .txt2 img {
    width: 46px;
  }

  .outsourcing-img .pc {
    display: none;
  }
  .outTxt1 {
    margin: 0;
  }
  .outTxt2 {
    display: none;
  }

  .outsourcing-img .mob {
    margin: 0 auto;
    display: block;
    width: 90%;
  }

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

  .fulfill-top .fulfill-step>li .num {
    margin-right: 14px;
  }

  .fulfill-top .fulfill-step>li .txt {
    font-size: 1.5rem;
    line-height: 1.3;
  }



  .fulfill-sec1 .fulfill-info .txt1 {
    font-size: 1.87rem;
    margin-bottom: 50px;
  }

  .fulfill-sec1 .fulfill-info .txt2 {
    line-height: 1.5;
    letter-spacing: -1px;
  }

  .oms-title>li.left .tit1 {
    font-size: 8rem;
  }

  .oms-title>li.left .tit2 {
    letter-spacing: -1.8px;
    font-size: 2.25rem;
    line-height: 1.3;
    margin: 60px 0 40px;
  }

  .oms-title>li.left .tit3 {
    font-size: 1rem;
    letter-spacing: -0.9px;
    line-height: 1.87;
    word-break: keep-all;
  }

  .oms-title>li.left .tit3 br {
    display: none;
  }

  .oms-sec1 .info-list>li.tit {
    font-size: 1.87rem;
    letter-spacing: -1.5px;
  }

  .oms-sec1 .list-wrap .txt2 {
    line-height: 1.5;
  }

  .oms-sec2 .oms-table>li.wid-1 {
    font-size: 1.62rem;
    line-height: 1;
    margin: 50px 0 0 0;
  }

  .oms-sec2 .table-con>li.wid-2 {
    line-height: initial;
  }

  .fulfill-sec1 .fulfill-img .pc {
    display: none;
  }

  .fulfill-sec1 .fulfill-img .mob {
    display: block;
  }

  .oms-sec2 .table-con>li.wid-3 p {
    line-height: 1.5;
  }

  .company .pc,
  .com-sec2 .pc,
  .ceo-box .pc {
    display: none;
  }

  .company .mob,
  .com-sec2 .mob {
    display: block;
  }

  .company .mob img,
  .com-sec2 .mob img {
    width: 100%;
  }

  .ceo-box {
    padding: 5rem 0 0;
  }

  .ceo-box .mob {
    display: block;
    margin-bottom: 50px;
  }

  .ceo-box .txt1 {
    margin-bottom: 40px;
  }

  .ceo-box .txt2 {
    line-height: 1.5;
  }


  .ceo-box .txt2>span {
    font-size: 1.25rem;
    line-height: 2;
  }

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

  .contact-left .tit-wrap .tit1 {
    font-size: 2.25rem;
    font-weight: 700;
    letter-spacing: -1.8px;
    color: #3d4149;
  }

  .contact-left .tit-wrap .tit2 {
    font-weight: 400;
    color: #3d4149;
  }

  .contact-left .info-wrap .info1 {
    line-height: 1.34;
  }
  .contact-left .info-wrap{
    /*display: block;*/

  }
  .contact-left .info-wrap .info1 a {
    /*width: 90px;*/
    /*height: 42px;*/
    /*right: 32px;*/
    /*bottom: -2px;*/
    /*font-size: 1rem;*/
  }

  .contact-left .info-wrap .info2 {
    margin: 40px 0 30px;
  }

  .contact-left .info-wrap .info3 {
    line-height: 1.875;
  }

  .contact-right .title {
    margin: 0 0 30px;
    font-size: 1.25rem;
    line-height: 1.5;
  }

  .form-navwrap .arrow {
    top: 19px;
  }

  .input-wrap.wid-50 {
    flex-direction: column;
  }

  .input-wrap.wid-50 input {
    width: 100%;
  }

  .input-wrap.wid-50 input:nth-child(1) {
    margin-bottom: 16px;
  }

  .input-wrap textarea {
    height: 188px;
  }

  .filebox label {
    width: 114px;
  }

  .upload-name.ver2 {
    font-size: 0.87rem;
  }

  .contact-right .input-info {
    font-size: 0.87rem;
  }

  .captcha-wrap {
    flex-wrap: wrap;
    height: auto;
  }

  .captcha-wrap>li {
    margin-right: 0;
  }

  .captcha-wrap .tit-btn {
    width: 100%;
    height: 48px;
    margin-bottom: 10px;
  }

  .captcha-wrap .captcha-view,
  .captcha-wrap .captcha-typing {
    width: 100%;
    height: 48px;
    margin-bottom: 10px;
    margin-right: 0;
  }

  .captcha-wrap .captcha-btn {
    width: calc(50% - 2px);
    height: 48px;
  }

  .form-end {
    flex-direction: column;
  }

  .agree-wrap {
    margin-right: 0;
  }

  .agree-wrap p {
    font-size: 1.2rem;
  }

  .form-end button {
    margin: 50px auto 0;
  }

  .form-popup .popup-inner {
    padding: 40px 20px 60px 20px;
    max-height: 80%;
  }

  .form-popup .popup-inner .tit {
    font-size: 1.62rem;
    text-align: initial;
    padding-bottom: 30px;
    margin-bottom: 30px;
  }

  .form-popup .popup-inner .close {
    right: 20px;
    top: 43px;
  }

  .form-popup .agree-info {
    max-height: 350px;
    padding-right: 10px;
    font-size: 1.25rem;
    line-height: 1.5;
    letter-spacing: -0.4px;
  }

  .form-popup button {
    margin: 60px auto 0;
  }

  .form-popup .agree-info .txt2 {
    margin-top: 30px;
  }

  .form-popup .agree-info .txt4 {
    font-size: 1rem;
    margin-top: 10px;
  }

  .cms-arrow img {
    width: 169px;
  }

  .cms-arrow p {
    width: max-content;
    height: auto;
    padding: 30px;
    top: 38px;
  }

  .cms-sec2 .cms-list .cms-box1 {
    height: auto;
    padding: 30px;
    font-size: 1.37rem;
    line-height: 1.36;
  }

  .cms-sec2 .cms-list .cms-box2 {
    height: auto;
    padding: 20px;
    font-size: 1.25rem;
    line-height: 1.5;
  }

  .mainTextDrop {
    padding: 0;
  }

  .dropItem {
    border-bottom: 1px solid #D8D9DB;
    padding: 30px 0;
  }

  .mainTextBox {
    width: 100%;
    margin: 0;
    padding: 0;
  }

  .mainTextBox>div {
    padding: 30px 0;
    margin: 0 30px;
  }


  .ems {
    align-items: center;
    flex-direction: column;
  }

  .emsMain {
    width: 100%;
  }

  .emsMain div {
    padding: 2rem;
    margin: 0 0 2.15rem;
  }

  .emsMain div:last-child {
    margin: 0;
  }

  .emsMain p {
    font-size: 1.3rem;
  }

  .emsSide {
    width: 240px;
  }

  .emsSide div {
    width: 100%;
    height: 12.5rem;
  }

  .emsLeft img {
    width: 100%;
  }

  .arrow-row {
    display: none;
  }

  .arrow-col {
    display: block;
  }

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

  .topBtn {
    display: none;
  }

  .privacy1 {
    color: #3d4149;
  }

  .privacy1 .inner {
    padding: 9.175rem 0 5rem;
  }

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

  .privacy1 .sub-tit1 {
    font-size: 2.25rem;
    letter-spacing: -1.8px;
    font-weight: 700;
  }

  .privacy1 .sub-tit1::after {
    width: 30px;
  }

  .priBox {
    font-size: 1rem;
    margin-top: 5rem;
  }

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

  .pri1,
  .pri2 {
    font-size: 1.375rem;
    margin-bottom: 1rem;
    line-height: 30px;
  }

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

  .pri-li3 .txt5,
  .pri-li3 .txt6 {
    font-size: 1rem;
  }
}