/* common */

  .content_wrap{position: relative;background: var(--bg-subcolor01);}
  .banner-admin{position: absolute;top: 10px;right: 10px;transition:all .4s;color:var(--txt-color);border:1px solid var(--txt-color);font-size: var(--txt-fonts);padding: 7px 15px;}
  .banner-admin:hover{background: var(--txt-color);color: var(--bg-color02);}
  .sub-fadeup{overflow:hidden;}
  .sub-fadeup h5{font-size: var(--txt-fontb);transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1) .1s;will-change: transform;transform: translateY(100%) translateZ(0);transform-origin: bottom left;padding-bottom: 1px;}
  .sub-fadeup.ani-active h5{transform: translateZ(0);}
  /* About us */
  /* About us */

  @media screen and (min-width:1300px){
    .about01-s01{background: var(--bg-subcolor01);position: relative;display: flex;height: 730px;flex-direction: column;align-items: flex-end;max-width: 100%;padding-left: 20px;padding-right: 20px;margin: auto;}
    .about01-s01-wrap{max-width: 100%;width: 100%;}
    
    .about01-s01-wrap .about01-s01-tit{display: flex;flex-direction:column;gap: 15px;height: 230px;}
    .about01-s01-wrap .about01-s01-tit p{display: block;margin-left: 15px;border-bottom:1px solid #243b55b5;color:#243b55b5;width: fit-content;font-size: var(--txt-fonts);}
    .about01-s01-wrap .about01-s01-tit h5{font-size: var(--txt-fontb);}
    .about01-s01-wrap .about01-s01-tit h5 br{display: none;}
    
    .about01-s01-wrap .about01-s01-txt{display: flex;flex-wrap: wrap;position: absolute;top: 50%;transform: translateY(-50%);width: 50%;}
    .about01-s01-wrap .about01-s01-txt > div{width: 32%;display: flex;flex-direction: column;gap:15px;margin-bottom: 20px;}
    .about01-s01-wrap .about01-s01-txt > div > p{display: block;margin-left: 15px;border-bottom:1px solid #243b55b5;color:#243b55b5;width: fit-content;font-size: var(--txt-fonts);}
    .about01-s01-wrap .about01-s01-txt > div > h5{font-size: var(--txt-fontb);display: flex;font-weight: 600;color:#3e7fc1;line-height: 1.3;}
    .about01-s01-wrap .about01-s01-txt > div > h5 > p{font-weight: 600;color:#3e7fc1;}
    .about01-s01-wrap .about01-s01-txt > div > h5 > span{margin-left: 3px;font-size: 20px;display: block;line-height: 1;}
    .graph-container {        width: 100%;max-width: 65%;height: 100%;margin: 0;position: absolute;bottom: 0;right: 0;}
    .line-graph {width: 100%;height: auto;}
    
    /* 그리드 라인 스타일 */
    .grid-lines line {stroke: #243b55a3;stroke-width: 0.5;stroke-dasharray: 4,4;opacity: 0.5;}
    
    /* 메인 꺾은선 스타일 */
    .main-line {fill: none;stroke: var(--txt-color);stroke-width: 0.5;stroke-dasharray: 2000;stroke-dashoffset: 2000;}
    .about01-s01.active .main-line{animation: drawLine 2s ease-out forwards;}
    /* 포인트 마커 스타일 */
    .points circle {fill: var(--txt-color);}
    
    /* 라인 그리기 애니메이션 */
    @keyframes drawLine {
      to {
        stroke-dashoffset: 0;
      }
    }
    
    .about01-s02-pc{background: var(--bg-subcolor02);position: relative;overflow:hidden;height: auto;display: flex;align-items: center;padding:70px 0;}
    .about01-s02-pc .about01-s02-wrap{max-width: 100%;padding-left: 20px;padding-right: 20px;width: 100%;margin:auto;position: relative;height: 100%;display: flex;align-items: center;justify-content: space-between;gap: 35px;}
    .about01-s02-pc .about01-s02-wrap > div {
      background: #EDEDED;
      width: 33.333%;box-shadow:5px 5px 5px #17171738;height: auto;gap: 45px;
      padding: 50px 0;display: flex;
      flex-direction: column;
      justify-content: space-between;
      border-radius:10px;
    
    }
    .about01-s02-pc .about01-s02-wrap > div:first-child {
      position: relative;
    }
    .about01-s02-pc .about01-s02-wrap > div > .about01-s02-tit{display: flex;flex-direction: column;gap: 20px;}
    .about01-s02-pc .about01-s02-wrap > div > .about01-s02-tit > p{display: none;margin-left: 15px;border-bottom:1px solid #243b55b5;color:#243b55b5;width: fit-content;font-size: var(--txt-fonts);}
    .about01-s02-pc .about01-s02-wrap > div > .about01-s02-tit > h5{font-size: var(--txt-fontb);text-align: center;}
    .about01-s02-pc .about01-s02-wrap > div > .about01-s02-img{}
    .about01-s02-pc .about01-s02-wrap > div > .about01-s02-img > img{width: 60%;display: block;margin:auto;}
    .about01-s02-pc .about01-s02-wrap > div > .about01-s02-txt{font-size: var(--txt-fonts);height: 145px;text-align: center;}

    .about03-s01{max-width:100%;margin:auto;}
  }
  @media screen and (min-width:1680px){
    .about01-s01{height: 750px;}
  }
  @media screen and (min-width:1921px){
    .graph-container{max-width:47%;}
  }
  @media screen and (min-width:768px) and (max-width:1299px){
    .about01-s01{background: var(--bg-subcolor01);position: relative;display: flex;height: 450px;flex-direction: column;align-items: flex-end;max-width: 100%;padding-left: 20px;padding-right: 20px;margin: auto;}
    .about01-s01-wrap{max-width: 100%;width: 100%;}
    
    .about01-s01-wrap .about01-s01-tit{display: flex;flex-direction:column;gap: 15px;height: 230px;}
    .about01-s01-wrap .about01-s01-tit p{display: block;margin-left: 15px;border-bottom:1px solid #243b55b5;color:#243b55b5;width: fit-content;font-size: var(--txt-fonts);}
    .about01-s01-wrap .about01-s01-tit h5{font-size: var(--txt-fontb);}
    .about01-s01-wrap .about01-s01-tit h5 br{display: none;}
    
    .about01-s01-wrap .about01-s01-txt{display: flex;flex-wrap: wrap;position: absolute;top: 65%;transform: translateY(-50%);width: 80%;}
    .about01-s01-wrap .about01-s01-txt > div{width: 32%;display: flex;flex-direction: column;gap:15px;margin-bottom: 20px;}
    .about01-s01-wrap .about01-s01-txt > div > p{display: block;margin-left: 15px;border-bottom:1px solid #243b55b5;color:#243b55b5;width: fit-content;font-size: var(--txt-fonts);}
    .about01-s01-wrap .about01-s01-txt > div > h5{font-size: var(--txt-fontb);display: flex;font-weight: 600;color:#3e7fc1;line-height: 1.3;}
    .about01-s01-wrap .about01-s01-txt > div > h5 > p{font-weight: 600;color:#3e7fc1;}
    .about01-s01-wrap .about01-s01-txt > div > h5 > span{margin-left: 3px;font-size: 20px;display: block;line-height: 1;}
    .graph-container {        width: 100%;max-width: 65%;height: 100%;margin: 0;position: absolute;bottom: 0;right: 0;}
    .line-graph {width: 100%;height: auto;}
    
    /* 그리드 라인 스타일 */
    .grid-lines line {stroke: #243b55a3;stroke-width: 0.5;stroke-dasharray: 4,4;opacity: 0.5;}
    
    /* 메인 꺾은선 스타일 */
    .main-line {fill: none;stroke: var(--txt-color);stroke-width: 0.5;stroke-dasharray: 2000;stroke-dashoffset: 2000;}
    .about01-s01.active .main-line{animation: drawLine 2s ease-out forwards;}
    /* 포인트 마커 스타일 */
    .points circle {fill: var(--txt-color);}
    
    /* 라인 그리기 애니메이션 */
    @keyframes drawLine {
      to {
        stroke-dashoffset: 0;
      }
    }
    
    .about01-s02-pc{background: var(--bg-subcolor02);position: relative;overflow:hidden;height: auto;display: flex;align-items: center;padding:70px 0;}
    .about01-s02-pc .about01-s02-wrap{max-width: 100%;padding-left: 20px;padding-right: 20px;width: 100%;margin:auto;position: relative;height: 100%;display: flex;align-items: center;justify-content: space-between;gap: 15px;}
    .about01-s02-pc .about01-s02-wrap > div {
      background: #EDEDED;
      width: 33.333%;box-shadow:5px 5px 5px #17171738;gap: 45px;height: auto;
      padding: 50px 0 50px 20px;display: flex;
      flex-direction: column;
      justify-content: space-between;
    
    }
    .about01-s02-pc .about01-s02-wrap > div:first-child {
      position: relative;
    }
    .about01-s02-pc .about01-s02-wrap > div > .about01-s02-tit{display: flex;flex-direction: column;gap: 20px;}
    .about01-s02-pc .about01-s02-wrap > div > .about01-s02-tit > p{display: block;margin-left: 15px;border-bottom:1px solid #243b55b5;color:#243b55b5;width: fit-content;font-size: var(--txt-fonts);}
    .about01-s02-pc .about01-s02-wrap > div > .about01-s02-tit > h5{font-size: var(--txt-fontb);word-wrap: keep-all;}
    .about01-s02-pc .about01-s02-wrap > div > .about01-s02-tit > h5 br{display: none;}
    .about01-s02-pc .about01-s02-wrap > div > .about01-s02-img{}
    .about01-s02-pc .about01-s02-wrap > div > .about01-s02-img > img{width: 100%;}
    .about01-s02-pc .about01-s02-wrap > div > .about01-s02-txt{font-size: var(--txt-fonts);height: 145px;}
    .about01-s02-pc .about01-s02-wrap > div > .about01-s02-txt p{word-break:keep-all;}
    .about01-s02-pc .about01-s02-wrap > div > .about01-s02-txt p br{display: none;}

    .about03-s01{max-width:100%;margin:auto;}
  }
  @media screen and (max-width:767px){
    .about01-s01{background: var(--bg-subcolor01);position: relative;}
    .about01-s01-wrap{max-width: 90%;width: 100%;margin:auto;}
    
    .about01-s01-wrap .about01-s01-tit{display: flex;flex-direction:column;gap: 15px;height: 300px;}
    .about01-s01-wrap .about01-s01-tit p{display: block;margin-left: 15px;border-bottom:1px solid #243b55b5;color:#243b55b5;width: fit-content;font-size: var(--txt-fonts);}
    .about01-s01-wrap .about01-s01-tit h5{font-size: var(--txt-fontb);}
    
    .about01-s01-wrap .about01-s01-txt{display: flex;flex-wrap: wrap;position: absolute;top: 50%;transform: translateY(-50%);}
    .about01-s01-wrap .about01-s01-txt > div{width: 50%;display: flex;flex-direction: column;gap:15px;margin-bottom: 20px;}
    .about01-s01-wrap .about01-s01-txt > div > p{display: block;margin-left: 15px;border-bottom:1px solid #243b55b5;color:#243b55b5;width: fit-content;font-size: var(--txt-fonts);}
    .about01-s01-wrap .about01-s01-txt > div > h5{font-size: var(--txt-fontb);display: flex;font-weight: 600;color:#3e7fc1;line-height: 1.3;}
    .about01-s01-wrap .about01-s01-txt > div > h5 > p{color:#3e7fc1;}
    .about01-s01-wrap .about01-s01-txt > div > h5 > span{margin-left: 3px;font-size: 20px;color:#3e7fc1;display: block;line-height: 1;}
    .graph-container {width: 100%;max-width: 800px;margin: 0 auto;}
    .line-graph {width: 100%;height: auto;}
    
    /* 그리드 라인 스타일 */
    .grid-lines line {stroke: #243b55a3;stroke-width: 1;stroke-dasharray: 4,4;opacity: 0.5;}
    
    /* 메인 꺾은선 스타일 */
    .main-line {fill: none;stroke: var(--bg-maincolor);stroke-width: 2;stroke-dasharray: 2000;stroke-dashoffset: 2000;}
    .about01-s01.active .main-line{animation: drawLine 2s ease-out forwards;}
    /* 포인트 마커 스타일 */
    .points circle {fill: var(--bg-maincolor);}
    
    /* 라인 그리기 애니메이션 */
    @keyframes drawLine {
      to {
        stroke-dashoffset: 0;
      }
    }
    
    .about01-s02{background: var(--bg-subcolor02);position: relative;overflow:hidden;display: flex;align-items: center;}
    .about01-s02 .about01-s02-wrap{max-width: 90%;width: 100%;margin:auto;position: relative;height: 100%;    display: flex;align-items: center;flex-direction: column;}
    .about01-s02 .about01-s02-wrap > div {background: #EDEDED;width: 100%;box-shadow:5px 5px 5px #17171738;height: 100%;margin-bottom: 50px;padding: 50px 0;border-radius: 10px;}
    .about01-s02 .about01-s02-wrap > div:last-child{margin-bottom: 0;}
    .about01-s02-wrap > div:first-child {
      position: relative;
    }
    .about01-s02 .about01-s02-wrap > div > .about01-s02-tit{display: flex;flex-direction: column;gap: 20px;}
    .about01-s02 .about01-s02-wrap > div > .about01-s02-tit > p{display: block;margin: auto;border-bottom:1px solid #243b55b5;color:#243b55b5;width: fit-content;font-size: var(--txt-fonts);}
    .about01-s02 .about01-s02-wrap > div > .about01-s02-tit > h5{font-size: var(--txt-fontb);text-align: center;}
    .about01-s02 .about01-s02-wrap > div > .about01-s02-img{margin:20px 0;}
    .about01-s02 .about01-s02-wrap > div > .about01-s02-img > img{width: 100%;}
    .about01-s02 .about01-s02-wrap > div > .about01-s02-txt{font-size: var(--txt-fonts);text-align: center;}
  }

  /* About us  end*/
  /* About us  end*/

  /* Our Mission, Our Vision */
  /* Our Mission, Our Vision */

  @media screen and (min-width:1300px){
    .slider-container{background: var(--bg-subcolor02);position: relative;display: flex;justify-content: center;}
    .slider-container:after{content:'';display: block;width: 95%;position: absolute;right: 0;height: 1px;bottom: -1px;background: #243b55b5;}
    .slider-container .slider-sub{max-width: 50%;display: flex;justify-content: flex-end;gap: 20px;width: 100%;}
    .slider-container .slider-sub .slick-list {margin: 0 -15px;padding-right: 25%;overflow:unset;}
    .slider-container .slider-sub .slide{opacity: 0.5;width: 25%;}
    .slider-container .slider-sub .slide > a{background: var(--bg-color02);transition: 0.5s ease;border-radius:10px;font-size: var(--txt-fonts);display: flex;gap: 10px;padding: 15px 0;justify-content: center;}
    .slider-container .slider-sub .slide > a > p{display: none;}
    .slider-container .slider-sub .slide > a > div{display: flex;justify-content: space-between;align-items: center;}
    .slider-container .slider-sub .slide > a > div:after{content:'';display: none;width: 10px;height: 10px;transition: 0.5s ease;background: url(../../img/common/right-arrow.png) center / cover;}
    .slider-container .slider-sub .slide > a > div > span{}

    .slider-container .slider-sub .slide.slick-active{opacity: 1;}
    .slider-container .slider-sub .slide:hover{opacity: 1;}
    .slider-container .slider-sub .slide:hover > a{background: #3e7fc1;color:var(--bg-color02);}
    .slider-container .slider-sub .slide:hover > a > p{color: var(--bg-color02);}
    .slider-container .slider-sub .slide:hover > a > div:after{filter:invert(1);}
    .slider-container .slider-sub .slide:hover > a > div >span{}

    .slider-container .slider-sub .slide.first{opacity: 1;}
    .slider-container .slider-sub .slide.first > a{background: #3e7fc1;color:var(--bg-color02);}
    .slider-container .slider-sub .slide.first > a > p{color: var(--bg-color02);}
    .slider-container .slider-sub .slide.first > a > div:after{filter:invert(1);}
    .slider-container .slider-sub .slide.first > a > div >span{}

    /* main03, main04*/
    .about02-s01-pc{height: 80vh;display: flex;align-items:center;padding: 0 20px;}
    .about02-s01-pc > div:first-child{width: 50%;height: 80%;border-radius:15px;box-shadow: 3px 2px 10px #cdcdcd;display: flex;justify-content: center;align-items: center;}
    .about02-s01-pc > div:first-child > img{width: 70%;object-fit: cover;}
    .about02-s01-pc > div:last-child{height: 80%;position: relative;width: 50%;display: flex;align-items: center;}
    .about02-s01-pc > div:last-child > div{width: 100%;height: 100%;display: flex;align-items: center;padding: 0 20px;justify-content: center;flex-direction: column;gap: 60px;}
    .about02-s01-pc > div:last-child > div > div:first-child{font-size: var(--txt-fonts);display: flex;flex-direction: column;justify-content: space-between;gap: 45px;font-size: var(--txt-fontb);}
    .about02-s01-pc > div:last-child > div > div:last-child{font-size: var(--txt-fonts);display: flex;flex-direction: column;width: 70%;word-break: keep-all;gap: 20px;}
    .about02-s01-pc > div:last-child > div > div:last-child > p{word-break: keep-all;text-align: center;}
    .about02-s01-pc > div:last-child > a{position: absolute;left: 20px;bottom: 2%;font-size:var(--txt-fonts);}


  }
  @media screen and (min-width:768px) and (max-width:1299px){

    .slider-container{background: var(--bg-subcolor02);position: relative;display: flex;justify-content: flex-end;}
    .slider-container:after{content:'';display: block;width: 95%;position: absolute;right: 0;height: 1px;bottom: -1px;background: #243b55b5;}
    .slider-container .slider-sub{max-width: 68%;display: flex;justify-content: flex-end;gap: 20px;width: 100%;}
    .slider-container .slider-sub .slick-list {margin: 0 -15px;padding-right: 25%;overflow:unset;}
    .slider-container .slider-sub .slide{opacity: 0.5;width: 25%;}
    .slider-container .slider-sub .slide > a{background: var(--bg-color02);transition: 0.5s ease;border-radius:10px;font-size: var(--txt-fonts);display: flex;gap: 10px;padding: 10px 0;}
    .slider-container .slider-sub .slide > a > p{}
    .slider-container .slider-sub .slide > a > div{display: flex;justify-content: space-between;align-items: center;}
    .slider-container .slider-sub .slide > a > div:after{content:'';display: none;width: 10px;height: 10px;transition: 0.5s ease;background: url(../../img/common/right-arrow.png) center / cover;}
    .slider-container .slider-sub .slide > a > div > span{}

    .slider-container .slider-sub .slide.slick-active{opacity: 1;}
    .slider-container .slider-sub .slide:hover{opacity: 1;}
    .slider-container .slider-sub .slide:hover > a{background: #3e7fc1;color:var(--bg-color02);}
    .slider-container .slider-sub .slide:hover > a > p{color: var(--bg-color02);}
    .slider-container .slider-sub .slide:hover > a > div:after{filter:invert(1);}
    .slider-container .slider-sub .slide:hover > a > div >span{}

    .slider-container .slider-sub .slide.first{opacity: 1;}
    .slider-container .slider-sub .slide.first > a{background: #3e7fc1;color:var(--bg-color02);}
    .slider-container .slider-sub .slide.first > a > p{color: var(--bg-color02);}
    .slider-container .slider-sub .slide.first > a > div:after{filter:invert(1);}
    .slider-container .slider-sub .slide.first > a > div >span{}

    /* main03, main04*/
    .about02-s01-pc{height: 50vh;display: flex;align-items:center;}
    .about02-s01-pc > div:first-child{width: 50%;height: 100%;}
    .about02-s01-pc > div:first-child > img{width: 100%;height: 100%;object-fit: cover;}
    .about02-s01-pc > div:last-child{height: 100%;position: relative;width: 50%;display: flex;align-items: center;}
    .about02-s01-pc > div:last-child > div{width: 100%;display: flex;align-items:center;padding: 0 20px;justify-content: space-between;flex-direction: column;gap: 40px;}
    .about02-s01-pc > div:last-child > div > div:first-child{font-size: var(--txt-fontb);display: flex;flex-direction: column;justify-content: space-between;gap: 45px;}
    .about02-s01-pc > div:last-child > div > div:last-child{font-size: var(--txt-fonts);display: flex;flex-direction: column;width: 50%;word-break: keep-all;gap: 20px;text-align: center;}
    .about02-s01-pc > div:last-child > div > div:last-child > p{word-break: keep-all;}
    .about02-s01-pc > div:last-child > div > div:last-child > p br{}
    .about02-s01-pc > div:last-child > a{position: absolute;left: 20px;bottom: 2%;font-size:var(--txt-fonts);}

  }
  @media screen and (max-width:767px){
    .slider-container{background: var(--bg-subcolor02);padding-left: 20px;position: relative;}
    .slider-container:after{content:'';display: block;width: 95%;position: absolute;right: 0;height: 1px;bottom: -1px;background: #243b55b5;}
    .slider-container .slider-sub{}
    .slider-container .slider-sub .slick-list {margin: 0 -15px;padding-right: 25%;overflow:unset;}
    .slider-container .slider-sub .slide{ margin: 0 15px;opacity: 0.5;}
    .slider-container .slider-sub .slide > a{background: var(--bg-color02);padding: 15px 25px;border-radius:10px;transition: 0.5s ease;font-size: var(--txt-fonts);height: 70px;display: flex;flex-direction: column;gap: 10px;justify-content: center;box-shadow: 5px 5px 5px #17171738;}
    .slider-container .slider-sub .slide > a > p{}
    .slider-container .slider-sub .slide > a > div{display: flex;justify-content: space-between;align-items: center;}
    .slider-container .slider-sub .slide > a > div:after{content:'';display: none;width: 10px;height: 10px;transition: 0.5s ease;background: url(../../img/common/right-arrow.png) center / cover;}
    .slider-container .slider-sub .slide > a > div > span{}

    .slider-container .slider-sub .slide.slick-active{opacity: 1;}
    .slider-container .slider-sub .slide:hover{opacity: 1;}
    .slider-container .slider-sub .slide:hover > a{background: #3e7fc1;color:var(--bg-color02);}
    .slider-container .slider-sub .slide:hover > a > p{color: var(--bg-color02);}
    .slider-container .slider-sub .slide:hover > a > div:after{filter:invert(1);}
    .slider-container .slider-sub .slide:hover > a > div >span{}

    .slider-container .slider-sub .slide.first{opacity: 1;}
    .slider-container .slider-sub .slide.first > a{background: #3e7fc1;color:var(--bg-color02);}
    .slider-container .slider-sub .slide.first > a > p{color: var(--bg-color02);}
    .slider-container .slider-sub .slide.first > a > div:after{filter:invert(1);}
    .slider-container .slider-sub .slide.first > a > div >span{}

    .about02-s01{background: var(--bg-subcolor01);}
    .about02-s01-wrap{padding: 0 20px;}
    .about02-s01-wrap .about02-s01-tit{display: flex;flex-direction: column;gap: 15px;}
    .about02-s01-wrap .about02-s01-tit > div{overflow:hidden;}
    .about02-s01-wrap .about02-s01-tit > div > h5{font-size:var(--txt-fontb);text-align: center;}
    .about02-s01-wrap .about02-s01-tit > div{font-size:var(--txt-fonts);text-align: center;}
    .about02-s01-wrap .about02-s01-tit > div > p{}
    .about02-s01-wrap .about02-s01-tit > div > p:nth-child(odd){}

    .about02-s01-wrap .about02-s01-img{width: 100%;height: 300px;overflow: hidden;box-shadow: 5px 5px 5px #17171738;margin: 30px 0;border-radius: 10px;}
    .about02-s01-wrap .about02-s01-img img{width: 100%;height: 100%;object-fit: cover;}

    .about02-s01-wrap .about02-s01-txt{font-size:var(--txt-fonts);text-align: center;}
    .about02-s01-wrap .about02-s01-txt > p:nth-child(odd){}

    .about-contact{padding: 0 20px;}
    .about-contact > a{display: flex;justify-content: center;border-radius:5px;align-items: center;color: #fff;font-size: var(--txt-fonts);background: #3e7fc1;padding: 13px 0;text-transform: uppercase;}
    .about-contact > a > p{color: var(--bg-color02);}
    .about-contact > a > img{width: 10px;margin-right: 45px;display: none;}
  }
  /* Our Mission, Our Vision end */
  /* Our Mission, Our Vision end */

  @media screen and (min-width:1300px){
    .swiper-wrapper {transition-timing-function: linear;}
    .swiper{padding: 40px 0;}
    }
    @media screen and (min-width:768px) and (max-width:1299px){
      .swiper-wrapper {transition-timing-function: linear;}
      .swiper{padding: 40px 0;}
    }
  @media screen and (max-width:767px){
  .swiper-wrapper {transition-timing-function: linear;}
  .swiper{padding: 20px 0;}
  }


    @media screen and (min-width:1300px){
      /* System api */
      /* System api */
      .serv01-s01.mo{display: none;}
      .serv01-s01{height: 60vh;display: flex;align-items:center;}
      .serv01-s01 > div:first-child{width: 50%;height: 100%;display: none;}
      .serv01-s01 > div:first-child > img{width: 100%;height: 100%;object-fit: cover;}
      .serv01-s01 > div:last-child{height: 100%;position: relative;width: 100%;display: flex;align-items: center;}
      .serv01-s01 > div:last-child > div{width: 100%;height: 80%;display: flex;align-items: center;padding: 0 20px;justify-content: center;flex-direction: column;gap: 50px;}
      .serv01-s01 > div:last-child > div > div:first-child{font-size: var(--txt-fonts);display: flex;flex-direction: column-reverse;justify-content: space-between;gap: 25px;align-items: center;}
      .serv01-s01 > div:last-child > div > div:first-child > p:first-child{font-size: var(--txt-fontb);}
      .serv01-s01 > div:last-child > div > div:first-child > p:last-child{color: #243b55b5;font-size: var(--txt-fonts);border-bottom: 1px solid #243b55b5;display: block;width: fit-content;}
      .serv01-s01 > div:last-child > div > div:last-child{font-size:var(--txt-fonts);text-align: center;}
      .serv01-s01 > div:last-child > div > div:last-child > p{}

      .serv01-s02{background: var(--bg-color02);}
      .serv01-s02 > h5{font-size: var(--txt-fontb);display: block;padding: 70px 20px;text-align: center;}
      .serv01-s02 > h5 > br{display: none;}
      .serv01-s02 .serv01-s02-wrap{color:var(--bg-maincolor);background: var(--bg-color02);position: relative;display: flex;flex-direction: column;margin-bottom: 250px;}
      .serv01-s02 .serv01-s02-wrap:after{content: '';display: block;width: auto;position: absolute;right: 20px;left: 20px;height: 1px;top:0;background: #243b55b5;}
    
      .serv01-s02-wrap {width: 100%;margin:auto;position: relative;}
      .serv01-s02-wrap .serv01-s02-01 .line-ani{position: absolute;width: auto;}
      .serv01-s02-wrap .serv01-s02-02 .line-ani{position: absolute;width: auto;}
    
      /* 애니메이션 */
      .line-ani svg {overflow: visible;}
      .line-path {stroke-dasharray: 1360;stroke-dashoffset: 1;transition: stroke-dashoffset 1s ease-in-out;}
      .serv01-s02-wrap > .serv01-s02-02 > div,  .serv01-s02-wrap > .serv01-s02-01 > div{opacity: 1;transition:opacity 1s ease-in-out;}
      /* .serv01-s02-wrap > .serv01-s02-02 > div.active, .serv01-s02-wrap > .serv01-s02-01 > div.active {opacity: 1;} */
      .serv01-s02-wrap > .serv01-s02-02 > div.f_right, .serv01-s02-wrap > .serv01-s02-01 > div.f_right{opacity: 1;}
      .serv01-s02-wrap > .serv01-s02-02 > div.line-ani, .serv01-s02-wrap > .serv01-s02-01 > div.line-ani {opacity:1;}
      /* .serv01-s02-wrap > .serv01-s02-02 > div.line-ani.active .line-path, .serv01-s02-wrap > .serv01-s02-01 > div.line-ani.active .line-path {stroke-dashoffset: 0;} */
      .serv01-s02-wrap > .serv01-s02-02 > div.line-ani circle, .serv01-s02-wrap > .serv01-s02-01 > div.line-ani circle {opacity: 1;transition:opacity 1s ease-in-out;}
      /* .serv01-s02-wrap > .serv01-s02-02 > div.line-ani.active circle, .serv01-s02-wrap > .serv01-s02-01 > div.line-ani.active circle {opacity: 1;} */
      .serv01-s02-wrap > .serv01-s02-02 > div.line-ani path:last-child, .serv01-s02-wrap > .serv01-s02-01 > div.line-ani path:last-child {opacity: 1;transition:opacity 1s ease-in-out;}
      /* .serv01-s02-wrap > .serv01-s02-02 > div.line-ani.active path:last-child, .serv01-s02-wrap > .serv01-s02-01 > div.line-ani.active path:last-child {opacity: 1;} */
    
      .serv01-s02-01{width: 95%;margin:auto;position: relative;}
      .serv01-s02-01 > div{margin-bottom: 80px;width: 100%;}
      .serv01-s02-01 > div > span{border-radius:10px;display: block;width: 100%;padding: 20px 0;font-size: var(--txt-fonts);text-align: center;background: var(--bg-subcolor01);box-shadow: 5px 5px 5px #17171738;}
      .serv01-s02-01 > div:nth-child(n+3) > span{width: 75%;}
      .serv01-s02-01 > div:nth-child(2){z-index: 2;position: relative;}
      .serv01-s02-01 > div.f_right{display: flex;justify-content: flex-end;}
      .serv01-s02-01 > div.f_right > span{width: 50%;}
      .serv01-s02-01 > div.transparent > span{background: var(--bg-color02);box-shadow:none;color:#243b55b5;}
      .serv01-s02-01 > div.line-ani{margin-bottom: 0;}
      .serv01-s02-01 > div.line-ani > span{background: #3e7fc1;color: var(--bg-color02);padding: 10px 20px;display: block;text-align: center;width: auto;position: absolute;left: 50%;transform: translate(-50%, -50%);}
      .serv01-s02-01 > div.line-type04.line-ani > span{left: 45%;}
      .serv01-s02-01 .line-type01{top: 5%;left: 50%;transform: translateX(-50%);}
      .serv01-s02-01 .line-type02{top: 33.1%;left: 50%;transform: translateX(-50%);}
      .serv01-s02-01 .line-type03{top: 47%;left: 40%;transform: translateX(-50%);}
      .serv01-s02-01 .line-type03 > span{top: 40%;}
      .serv01-s02-01 .line-type04{top: 7.1%;left: 75%;transform: translateX(-50%);z-index: 3;    transition: opacity 1s ease-in-out 1s !important;}
      .serv01-s02-01 .line-type04 > span{top: 450px;}
      .serv01-s02-01 .line-type05{top: 77%;left: 40%;transform: translateX(-50%);}
      .serv01-s02-01 .line-type06{top: 65%;left: 75%;transform: translateX(-50%);}
      
      .serv01-s02-02{width: 95%;margin:auto;position: relative;}
      .serv01-s02-02 > div{margin-bottom: 80px;width: 100%;}
      .serv01-s02-02 > div > span{display: block;width: 100%;padding: 20px 0;font-size: var(--txt-fonts);text-align: center;background: var(--bg-subcolor01);box-shadow: 5px 5px 5px #17171738;}
      .serv01-s02-02 > div.transparent{position: relative;z-index: 2;}
      .serv01-s02-02 > div.transparent > span{background: var(--bg-color02);box-shadow:none;color:#243b55b5;}
      .serv01-s02-02 > div.line-ani{margin-bottom: 0;}
      .serv01-s02-02 .line-type01{top: 8.8%;left: 50%;transform: translateX(-50%);}
      .serv01-s02-02 .line-type02{top: 48.8%;left: 50%;transform: translateX(-50%);}
      /* System api end */
      /* System api end */
        }
        @media screen and (min-width:768px) and (max-width:1299px){
      /* System api */
      /* System api */
      .serv01-s01.mo{display: none;}
      .serv01-s01{height: 50vh;display: flex;align-items:center;}
      .serv01-s01 > div:first-child{width: 50%;height: 100%;}
      .serv01-s01 > div:first-child > img{width: 100%;height: 100%;object-fit: cover;}
      .serv01-s01 > div:last-child{height: 100%;position: relative;width: 50%;display: flex;align-items: center;}
      .serv01-s01 > div:last-child > div{width: 100%;display: flex;align-items: center;padding: 0 20px;justify-content: space-between;flex-direction: column;gap: 45px;}
      .serv01-s01 > div:last-child > div > div:first-child{font-size: var(--txt-fontb);display: flex;flex-direction: column-reverse;justify-content: space-between;gap: 45px;align-items: center;text-align: center;}
      .serv01-s01 > div:last-child > div > div:first-child > p:first-child{word-break:keep-all;}
      .serv01-s01 > div:last-child > div > div:first-child > p:last-child{color: #243b55b5;font-size: var(--txt-fonts);border-bottom: 1px solid #243b55b5;display: block;width: fit-content;}
      .serv01-s01 > div:last-child > div > div:last-child{font-size:var(--txt-fonts);}
      .serv01-s01 > div:last-child > div > div:last-child > p{text-align: center;}

      .serv01-s02{background: var(--bg-color02);}
      .serv01-s02 > h5{font-size: var(--txt-fontb);display: block;padding: 70px 20px;text-align: center;}
      .serv01-s02 > h5 > br{display: none;}
      .serv01-s02 .serv01-s02-wrap{color:var(--bg-maincolor);background: var(--bg-color02);position: relative;display: flex;flex-direction: column;margin-bottom: 250px;}
      .serv01-s02 .serv01-s02-wrap:after{content: '';display: block;width: auto;position: absolute;right: 20px;left: 20px;height: 1px;top:0;background: #243b55b5;}
    
      .serv01-s02-wrap {width: 100%;margin:auto;position: relative;}
      .serv01-s02-wrap .serv01-s02-01 .line-ani{position: absolute;width: auto;}
      .serv01-s02-wrap .serv01-s02-02 .line-ani{position: absolute;width: auto;}
    
      /* 애니메이션 */
      .line-ani svg {overflow: visible;}
      .line-path {stroke-dasharray: 1360;stroke-dashoffset: 1;transition: stroke-dashoffset 1s ease-in-out;}
      .serv01-s02-wrap > .serv01-s02-02 > div,  .serv01-s02-wrap > .serv01-s02-01 > div{opacity: 1;transition:opacity 1s ease-in-out;}
      /* .serv01-s02-wrap > .serv01-s02-02 > div.active, .serv01-s02-wrap > .serv01-s02-01 > div.active {opacity: 1;} */
      .serv01-s02-wrap > .serv01-s02-02 > div.f_right, .serv01-s02-wrap > .serv01-s02-01 > div.f_right{opacity: 1;}
      .serv01-s02-wrap > .serv01-s02-02 > div.line-ani, .serv01-s02-wrap > .serv01-s02-01 > div.line-ani {opacity:1;}
      /* .serv01-s02-wrap > .serv01-s02-02 > div.line-ani.active .line-path, .serv01-s02-wrap > .serv01-s02-01 > div.line-ani.active .line-path {stroke-dashoffset: 0;} */
      .serv01-s02-wrap > .serv01-s02-02 > div.line-ani circle, .serv01-s02-wrap > .serv01-s02-01 > div.line-ani circle {opacity: 1;transition:opacity 1s ease-in-out;}
      /* .serv01-s02-wrap > .serv01-s02-02 > div.line-ani.active circle, .serv01-s02-wrap > .serv01-s02-01 > div.line-ani.active circle {opacity: 1;} */
      .serv01-s02-wrap > .serv01-s02-02 > div.line-ani path:last-child, .serv01-s02-wrap > .serv01-s02-01 > div.line-ani path:last-child {opacity: 1;transition:opacity 1s ease-in-out;}
      /* .serv01-s02-wrap > .serv01-s02-02 > div.line-ani.active path:last-child, .serv01-s02-wrap > .serv01-s02-01 > div.line-ani.active path:last-child {opacity: 1;} */
    
      .serv01-s02-01{width: 95%;margin:auto;position: relative;}
      .serv01-s02-01 > div{margin-bottom: 80px;width: 100%;}
      .serv01-s02-01 > div > span{border-radius:10px;display: block;width: 100%;padding: 20px 0;font-size: var(--txt-fonts);text-align: center;background: var(--bg-subcolor01);box-shadow: 5px 5px 5px #17171738;}
      .serv01-s02-01 > div:nth-child(n+3) > span{width: 75%;}
      .serv01-s02-01 > div:nth-child(2){z-index: 2;position: relative;}
      .serv01-s02-01 > div.f_right{display: flex;justify-content: flex-end;}
      .serv01-s02-01 > div.f_right > span{width: 50%;}
      .serv01-s02-01 > div.transparent > span{background: var(--bg-color02);box-shadow:none;color:#243b55b5;}
      .serv01-s02-01 > div.line-ani{margin-bottom: 0;}
      .serv01-s02-01 > div.line-ani > span{background: #3e7fc1;color: var(--bg-color02);padding: 10px 20px;display: block;text-align: center;width: auto;position: absolute;left: 50%;transform: translate(-50%, -50%);}
      .serv01-s02-01 > div.line-type04.line-ani > span{left: 45%;}
      .serv01-s02-01 .line-type01{top: 5%;left: 50%;transform: translateX(-50%);}
      .serv01-s02-01 .line-type02{top: 33.1%;left: 50%;transform: translateX(-50%);}
      .serv01-s02-01 .line-type03{top: 47%;left: 40%;transform: translateX(-50%);}
      .serv01-s02-01 .line-type03 > span{top: 40%;}
      .serv01-s02-01 .line-type04{top: 7.1%;left: 75%;transform: translateX(-50%);z-index: 3;    transition: opacity 1s ease-in-out 1s !important;}
      .serv01-s02-01 .line-type04 > span{top: 450px;}
      .serv01-s02-01 .line-type05{top: 77%;left: 40%;transform: translateX(-50%);}
      .serv01-s02-01 .line-type06{top: 65%;left: 75%;transform: translateX(-50%);}
      
      .serv01-s02-02{width: 95%;margin:auto;position: relative;}
      .serv01-s02-02 > div{margin-bottom: 80px;width: 100%;}
      .serv01-s02-02 > div > span{display: block;width: 100%;padding: 20px 0;font-size: var(--txt-fonts);text-align: center;background: var(--bg-subcolor01);box-shadow: 5px 5px 5px #17171738;}
      .serv01-s02-02 > div.transparent{position: relative;z-index: 2;}
      .serv01-s02-02 > div.transparent > span{background: var(--bg-color02);box-shadow:none;color:#243b55b5;}
      .serv01-s02-02 > div.line-ani{margin-bottom: 0;}
      .serv01-s02-02 .line-type01{top: 8.8%;left: 50%;transform: translateX(-50%);}
      .serv01-s02-02 .line-type02{top: 48.8%;left: 50%;transform: translateX(-50%);}
      /* System api end */
      /* System api end */
        }
    @media screen and (max-width:767px){
  /* System api */
  /* System api */
  .serv01-s01{background: var(--bg-subcolor01);}
  .serv01-s01 .serv01-s01-wrap{max-width: 90%;width: 100%;margin:auto;position: relative;height: 100%;display: flex;align-items: center;}
  .serv01-s01 .serv01-s01-wrap > div {background: var(--bg-color02);width: 100%;box-shadow:5px 5px 5px #17171738;height: 100%;padding: 50px 0;border-radius:10px;}
  .serv01-s01 .serv01-s01-wrap > div > .serv01-s01-tit{display: flex;flex-direction: column;gap: 20px;align-items: center;}
  .serv01-s01 .serv01-s01-wrap > div > .serv01-s01-tit > p{display: block;border-bottom:1px solid #243b55b5;color:#243b55b5;width: fit-content;font-size: var(--txt-fonts);}
  .serv01-s01 .serv01-s01-wrap > div > .serv01-s01-tit > h5{font-size: var(--txt-fontb);text-align: center;}
  .serv01-s01 .serv01-s01-wrap > div > .serv01-s01-img{margin:20px 0;}
  .serv01-s01 .serv01-s01-wrap > div > .serv01-s01-img > img{width: 100%;}
  .serv01-s01 .serv01-s01-wrap > div > .serv01-s01-txt{font-size: var(--txt-fonts);text-align: center;padding: 0 20px;}
  .serv01-s01 .serv01-s01-wrap > div > .serv01-s01-txt > p:nth-child(even){word-break:keep-all;}

  .serv01-s02{background: var(--bg-subcolor01);}
  .serv01-s02 > h5{font-size: var(--txt-fontb);display: block;padding: 50px 20px;text-align: center;}
  .serv01-s02 .serv01-s02-wrap{color:var(--bg-maincolor);background: var(--bg-color02);position: relative;display: flex;flex-direction: column;}
  .serv01-s02 .serv01-s02-wrap:after{content: '';display: block;width: auto;position: absolute;right: 20px;left: 20px;height: 1px;top:0;background: #243b55b5;}

  .serv01-s02-wrap {width: 100%;margin:auto;position: relative;}
  .serv01-s02-wrap .serv01-s02-01 .line-ani{position: absolute;width: auto;}
  .serv01-s02-wrap .serv01-s02-02 .line-ani{position: absolute;width: auto;}

  /* 애니메이션 */
  .line-ani svg {overflow: visible;}
  .line-path {stroke-dasharray: 600;stroke-dashoffset: 1;transition: stroke-dashoffset 1s ease-in-out;}
  .serv01-s02-wrap > .serv01-s02-02 > div,  .serv01-s02-wrap > .serv01-s02-01 > div{opacity: 1;transition:opacity 1s ease-in-out;}
  /* .serv01-s02-wrap > .serv01-s02-02 > div.active, .serv01-s02-wrap > .serv01-s02-01 > div.active {opacity: 1;} */
  .serv01-s02-wrap > .serv01-s02-02 > div.f_right, .serv01-s02-wrap > .serv01-s02-01 > div.f_right{opacity: 1;}
  .serv01-s02-wrap > .serv01-s02-02 > div.line-ani, .serv01-s02-wrap > .serv01-s02-01 > div.line-ani {opacity:1;}
  /* .serv01-s02-wrap > .serv01-s02-02 > div.line-ani.active .line-path, .serv01-s02-wrap > .serv01-s02-01 > div.line-ani.active .line-path {stroke-dashoffset: 1;} */
  .serv01-s02-wrap > .serv01-s02-02 > div.line-ani circle, .serv01-s02-wrap > .serv01-s02-01 > div.line-ani circle {opacity: 1;transition:opacity 1s ease-in-out;}
  /* .serv01-s02-wrap > .serv01-s02-02 > div.line-ani.active circle, .serv01-s02-wrap > .serv01-s02-01 > div.line-ani.active circle {opacity: 1;} */
  .serv01-s02-wrap > .serv01-s02-02 > div.line-ani path:last-child, .serv01-s02-wrap > .serv01-s02-01 > div.line-ani path:last-child {opacity: 1;transition:opacity 1s ease-in-out;}
  /* .serv01-s02-wrap > .serv01-s02-02 > div.line-ani.active path:last-child, .serv01-s02-wrap > .serv01-s02-01 > div.line-ani.active path:last-child {opacity: 1;} */

  .serv01-s02-01{width: 95%;margin:auto;position: relative;}
  .serv01-s02-01 > div{margin-bottom: 80px;width: 100%;}
  .serv01-s02-01 > div > span{border-radius:10px;display: block;width: 100%;padding: 20px 0;font-size: var(--txt-fonts);text-align: center;background: var(--bg-subcolor01);box-shadow: 5px 5px 5px #17171738;}
  .serv01-s02-01 > div:nth-child(n+3) > span{width: 75%;}
  .serv01-s02-01 > div:nth-child(2){z-index: 2;position: relative;}
  .serv01-s02-01 > div.f_right{display: flex;justify-content: flex-end;}
  .serv01-s02-01 > div.f_right > span{width: 50%;}
  .serv01-s02-01 > div.transparent > span{background: var(--bg-color02);box-shadow:none;color:#243b55b5;}
  .serv01-s02-01 > div.line-ani{margin-bottom: 0;}
  .serv01-s02-01 > div.line-ani > span{background: #3e7fc1;color: var(--bg-color02);padding: 10px 20px;display: block;text-align: center;width: auto;position: absolute;left: 50%;transform: translate(-50%, -50%);}
  .serv01-s02-01 > div.line-type04.line-ani > span{left: 45%;}
  .serv01-s02-01 .line-type01{top: 5%;left: 50%;transform: translateX(-50%);}
  .serv01-s02-01 .line-type02{top: 33.1%;left: 50%;transform: translateX(-50%);}
  .serv01-s02-01 .line-type03{top: 47%;left: 40%;transform: translateX(-50%);}
  .serv01-s02-01 .line-type03 > span{top: 40%;}
  .serv01-s02-01 .line-type04{top: 7.1%;left: 75%;transform: translateX(-50%);z-index: 3;    transition: opacity 1s ease-in-out 1s !important;}
  .serv01-s02-01 .line-type04 > span{top: 450px;}
  .serv01-s02-01 .line-type05{top: 77%;left: 40%;transform: translateX(-50%);}
  .serv01-s02-01 .line-type06{top: 65%;left: 75%;transform: translateX(-50%);}
  
  .serv01-s02-02{width: 95%;margin:auto;position: relative;}
  .serv01-s02-02 > div{margin-bottom: 80px;width: 100%;}
  .serv01-s02-02 > div > span{display: block;width: 100%;padding: 20px 0;font-size: var(--txt-fonts);text-align: center;background: var(--bg-subcolor01);box-shadow: 5px 5px 5px #17171738;}
  .serv01-s02-02 > div.transparent{position: relative;z-index: 2;}
  .serv01-s02-02 > div.transparent > span{background: var(--bg-color02);box-shadow:none;color:#243b55b5;}
  .serv01-s02-02 > div.line-ani{margin-bottom: 0;}
  .serv01-s02-02 .line-type01{top: 8.8%;left: 50%;transform: translateX(-50%);}
  .serv01-s02-02 .line-type02{top: 48.8%;left: 50%;transform: translateX(-50%);}
  /* System api end */
  /* System api end */
    }


  @media screen and (min-width:1024px){
      /* Feature */
      /* Feature */
      .serv02-s01{background: var(--bg-color02);}
      .serv02-s01-wrap{display: flex;justify-content: space-between;width: 100%;padding: 0 20px;}
      .serv02-s01-wrap > div {display: flex;gap: 10px;justify-content: center;}
      .serv02-s01-wrap > div:first-child{width: 40%;}
      .serv02-s01-wrap > div:last-child{width: 60%;}
      .serv02-s01-wrap > div  > div{width: 31%;display: flex;flex-direction: column;align-items: center;}
      .serv02-s01-wrap > div:first-child > div {width: 50%;}
      .serv02-s01-wrap > div  > div > div:first-child{width: 140px;}
      .serv02-s01-wrap > div:last-child  > div:first-child > div:first-child{width: 140px;}
      .serv02-s01-wrap > div  > div > div:first-child img{width: 140px;display: block;text-align: center;margin:auto;}
      .serv02-s01-wrap > div  > div > div.bar{display: block;margin:40px auto;width: 140px;height: 1px;background: #243b55b5;}
      .serv02-s01-wrap > div  > div > div:last-child{text-align: center;font-size: var(--txt-fonts);display: flex;align-items: center;height: 35px;}
      .serv02-s01-wrap > div  > div > div:last-child p{}
    
        .slider-container02{background: var(--bg-subcolor02);position: relative;display: none;justify-content: flex-end;}
        .slider-container02:after{content:'';display: block;width: 95%;position: absolute;right: 0;height: 1px;bottom: -1px;background: #243b55b5;}
        .slider-container02 .slider-sub02{display: flex;justify-content: flex-end;gap: 20px;max-width:40%;width: 100%;}
        .slider-container02 .slider-sub02 .slick-list {margin: 0 -15px;padding-right: 25%;overflow:unset;}
        .slider-container02 .slider-sub02 .slide{opacity: 1;width: 20%;}
        .slider-container02 .slider-sub02 .slide > a{background: #3e7fc1;color: var(--bg-color02);align-items: flex-start;transition: 0.5s ease;font-size: var(--txt-fonts);display: flex;flex-direction: column;gap: 10px;justify-content: center;height: 70px;}
        .slider-container02 .slider-sub02 .slide > a > p{}
        .slider-container02 .slider-sub02 .slide > a > div{display: flex;justify-content: space-between;align-items: center;}
        .slider-container02 .slider-sub02 .slide > a > div > span{}
    
    
        .slider-container02 .slider-sub02 .slide.slick-active{opacity: 1;}
        .slider-container02 .slider-sub02 .slide.slick-active > a{background: #243b55b5;color:var(--bg-color02);}
        .slider-container02 .slider-sub02 .slide.slick-active > a > p{color: var(--bg-color02);}
        .slider-container02 .slider-sub02 .slide.slick-active > a > div:after{filter:invert(1);}
        .slider-container02 .slider-sub02 .slide.slick-active > a > div >span{}
    
        .serv02-s02-wrap02{background: var(--bg-subcolor02);}
        .serv02-s02-wrap02 > div > div{padding: 0 20px;margin:auto;display: flex;gap: 35px;justify-content: space-between;}
        .serv02-s02-wrap02 > div > div:first-child {justify-content: center;}
        .serv02-s02-wrap02 > div > div:last-child {justify-content: space-between;}
        .serv02-s02-wrap02 > div > div > div{background: #EDEDED;width: 45%;box-shadow: 5px 5px 5px #17171738;border-radius:10px;height: auto;padding: 70px 0;margin-bottom: 30px;}
        .serv02-s02-wrap02 > div > div > div{width: 32%;}
        .serv02-s02-wrap02 > div > div:first-child > div{width: 50%;}
        .serv02-s02-wrap02 > div > div > div > div.pl{text-align: center;}
        .serv02-s02-wrap02 > div > div > div > .serv02-s02-img.pl{}
        .serv02-s02-wrap02 > div > div > div > .serv02-s02-img.pr{padding-left: 0px;padding-right: 20px;}
        .serv02-s02-wrap02 > div > div > div > .serv02-s02-tit{display: flex;flex-direction: column;gap: 20px;}
        .serv02-s02-wrap02 > div > div > div > .serv02-s02-tit p{display: none;margin-left: 15px;border-bottom: 1px solid #243b55b5;color: #243b55b5;width: fit-content;font-size: var(--txt-fonts);}
        .serv02-s02-wrap02 > div > div > div > .serv02-s02-tit h5{font-size: var(--txt-fontb);height: 80px;text-align: center;}
        .serv02-s02-wrap02 > div > div > div > .serv02-s02-tit h5 br{display: none;}
        .serv02-s02-wrap02 > div > div > div > .serv02-s02-img{margin: 20px 0;}
        .serv02-s02-wrap02 > div > div > div > .serv02-s02-img img{width: 60%;margin: auto;display: block;}
        .serv02-s02-wrap02 > div > div > div > .serv02-s02-txt{font-size: var(--txt-fonts);}
        .serv02-s02-wrap02 > div > div > div > .serv02-s02-txt p{}
        /* Feature end */
        /* Feature end */
      }

  @media screen and (max-width:767px){
  /* Feature */
  /* Feature */
  .serv02-s01{background: var(--bg-color02);}
  .serv02-s01-wrap > div {display: flex;gap: 10px;justify-content: center;}
  .serv02-s01-wrap > div  > div{width: 31%;display: flex;flex-direction: column;align-items: center;}
  .serv02-s01-wrap > div:first-child{margin-bottom: 30px;}
  .serv02-s01-wrap > div:first-child > div {width: 50%;}
  .serv02-s01-wrap > div  > div > div:first-child{width: 70px;}
  .serv02-s01-wrap > div:last-child  > div:first-child > div:first-child{width: 90px;}
  .serv02-s01-wrap > div  > div > div:first-child img{width: 80px;display: block;text-align: center;margin:auto;}
  .serv02-s01-wrap > div  > div > div.bar{display: block;margin:20px auto;width: 70px;height: 1px;background: #243b55b5;}
  .serv02-s01-wrap > div  > div > div:last-child{text-align: center;font-size: 13px;display: flex;align-items: center;height: 35px;}
  .serv02-s01-wrap > div  > div > div:last-child p{}

    .slider-container02{background: var(--bg-subcolor02);padding-left: 20px;position: relative;}
    .slider-container02:after{content:'';display: block;width: 95%;position: absolute;right: 0;height: 1px;bottom: -1px;background: #243b55b5;}
    .slider-container02 .slider-sub{}
    .slider-container02 .slider-sub .slick-list {margin: 0 -15px;padding-right: 25%;overflow:unset;}
    .slider-container02 .slider-sub .slide{ margin: 0 15px;opacity: 0.5;}
    .slider-container02 .slider-sub .slide > a{background: var(--bg-color02);align-items:center;padding: 15px;transition: 0.5s ease;font-size: var(--txt-fonts);display: flex;flex-direction: column;gap: 10px;justify-content: center;box-shadow: 5px 5px 5px #17171738;border-radius:10px;}
    .slider-container02 .slider-sub .slide > a > p{}
    .slider-container02 .slider-sub .slide > a > div{display: flex;justify-content: space-between;align-items: center;}
    .slider-container02 .slider-sub .slide > a > div > span{}


    .slider-container02 .slider-sub .slide.slick-active{opacity: 1;}
    .slider-container02 .slider-sub .slide.slick-active > a{background: #3e7fc1;color:var(--bg-color02);}
    .slider-container02 .slider-sub .slide.slick-active > a > p{color: var(--bg-color02);}
    .slider-container02 .slider-sub .slide.slick-active > a > div:after{filter:invert(1);}
    .slider-container02 .slider-sub .slide.slick-active > a > div >span{}

    .serv02-s02-wrap02{background: var(--bg-subcolor02);}
    .serv02-s02-wrap02 > div{width: 90%;margin:auto;}
    .serv02-s02-wrap02 > div > div{background: #EDEDED;width: 100%;box-shadow: 5px 5px 5px #17171738;border-radius:10px;height: 60vh;padding: 50px 0;margin-bottom: 30px;}
    .serv02-s02-wrap02 > div > div > div.pl{padding: 0 20px;text-align: center;}
    .serv02-s02-wrap02 > div > div > .serv02-s02-img.pl{padding: 0 20px;}
    .serv02-s02-wrap02 > div > div > .serv02-s02-img.pr{padding: 0 20px;}
    .serv02-s02-wrap02 > div > div > .serv02-s02-tit{display: flex;flex-direction: column;gap: 20px;}
    .serv02-s02-wrap02 > div > div > .serv02-s02-tit p{display: block;margin: auto;border-bottom: 1px solid #243b55b5;color: #243b55b5;width: fit-content;font-size: var(--txt-fonts);}
    .serv02-s02-wrap02 > div > div > .serv02-s02-tit h5{font-size: var(--txt-fontb);height: 70px;text-align: center;}
    .serv02-s02-wrap02 > div > div > .serv02-s02-img{margin: 20px 0;}
    .serv02-s02-wrap02 > div > div > .serv02-s02-img img{width: 100%;}
    .serv02-s02-wrap02 > div > div > .serv02-s02-txt{font-size: var(--txt-fonts);}
    .serv02-s02-wrap02 > div > div > .serv02-s02-txt p{}
    /* Feature end */
    /* Feature end */
  }

  @media screen and (max-width:375px){
    .serv02-s02-wrap02 > div > div{height: 70vh;}
  }