@charset "UTF-8";

.main-content-box03 {position:relative;}
.main-content-box03:before{content:'';position:absolute;top:0;left:0;display:block;width:100%;height:100%;max-height:calc(100% - 40px - 64px - 20px);background-color:#ffffff;}

/******* main section4 Reference start*****/
.mn-con-4-reference {  
  padding: 5rem 0;
  display: flex;
  flex-direction: column;
  gap: 7rem;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
										
}
.mn-con-4-refer-title {
  color: #101828;
  text-align: center;
  font-family: "NotoSansKr-Bold", sans-serif;
  font-size: 2.375rem;
  line-height: 2.25rem;
  font-weight: 700;
  position: relative;
  align-self: stretch;
}
/******* main section4 Reference start
.client-references {
  /*padding: 3rem -849.236875rem 0rem -11.0125rem;/
  display: flex;
  flex-direction: column;
  gap: 0rem;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 120rem;
  height: 9.75rem;
  position: relative;
  overflow: hidden;
}*****/


.references-container {
      overflow: hidden;
      width: 100%;
      position: relative;
      padding: 3rem 0;
    }

    .references-container::before,
    .references-container::after {
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      width: 150px;
      z-index: 10;
      pointer-events: none;
    }

    .references-container::before {
      left: 0;
      background: linear-gradient(to right, transparent);
    }

    .references-container::after {
      right: 0;
      background: linear-gradient(to left, transparent);
    }

    .references-track {
      display: flex;
      animation: scroll 120s linear infinite;
      width: fit-content;
    }

    .references-track:hover {
      animation-play-state: paused;
    }

    .references-set {
      display: flex;
      gap: 0.9375rem; /* 15px */
      padding: 0 2rem;
      align-items: center;
    }

    @keyframes scroll {
      0% {
        transform: translateX(0);
      }
      100% {
        transform: translateX(-50%);
      }
    }

    .client-card {
      background: white;
      border-radius: 0.75rem; /* 12px */
      padding: 1rem 1.5rem; /* 16px 24px */
      width: 190px;
      height: 60px;
      display: flex;
      align-items: center;
      justify-content: center;
      border: 1px solid #e5e7eb;
      position: relative;
      flex-shrink: 0;
    }

    .company-logo {
      max-width: 160px;
      max-height: 45px;
      width: 100%;
      height: auto;
      object-fit: contain;
    }

    .company-logo-large {
      max-width: 200px;
      max-height: 70px;
    }
/*********** main section4 Reference end*****************/

/*********** main section5 News Blogs start*******************/

/*.main-content-box03 .main-mini-wrap{padding:20px 0 0;}*/
.main-content-box03 .main-mini-wrap .main-mini-box{position:relative;display:flex;background-color:#fff;}
.main-content-box03 .mini-tit-box{padding: 20px 30px 40px;width: 100%;max-width:25%;min-width:280px;border-bottom:1px solid #ccc;box-sizing:border-box;}
.main-content-box03 .main-tab-box > ul{position:relative;padding:0 0 10px 0;font-size:0;text-align:left;/*white-space: nowrap;overflow:auto;*/}
.main-content-box03 .main-tab-box > ul > li{display:inline-block;width:auto;height:auto;border:0;background:none;box-sizing:border-box;opacity:1;}
.main-content-box03 .main-tab-box > ul > li:last-of-type{margin:0 !important;}
.main-content-box03 .main-tab-box > ul > li.active{position:relative;}

.main-content-box03 .main-tab-box > ul > li .mini-tab{display:block;padding:10px 30px;border-radius:4px;font-size:17px;color:#333333;line-height:1.4em;font-weight:600;}
.main-content-box03 .main-tab-box > ul > li .mini-tab:hover{}
.main-content-box03 .main-tab-box > ul > li.active .mini-tab{background-color:#008AD8;color:#fff;}
.main-content-box03 .main-tab-box > ul > li .main-notice-swiper{display:none;}
.main-content-box03 .main-tab-box > ul > li .main-notice-swiper .tab-content{display:none;position:relative;}
.main-content-box03 .main-tab-box > ul > li.active .main-notice-swiper{display:block;position:absolute;top:100%;left:0;width:100%;}
.main-content-box03 .main-tab-box > ul > li.active .main-notice-swiper .tab-content{display:flex;}

/*.scrollert>.scrollert-content{position:relative;}*/

.main-content-box03 .control-wrap{position:absolute;bottom:40px;left:20px;}
.main-content-box03 .mini-board-content ul li.active .control-wrap{display:flex;align-items:center;height:35px;border:1px solid rgba(0,0,0,0.2);border-radius: 10px;}
.main-content-box03 .control-wrap > div{width: 60px;text-align: center;cursor:pointer;}
.main-content-box03 .control-wrap > div:last-of-type{margin:0;}
.main-content-box03 .control-wrap .btn-prev{padding:0 10px;width:24px;height: 100%;border-right:1px solid rgba(0,0,0,0.2);background:url(/_res/service/test/img/main/btn-notice-arrl.png) no-repeat center center/13px 10px;}
.main-content-box03 .control-wrap .btn-next{padding:0 10px;width:24px;height: 100%;border-left:1px solid rgba(0,0,0,0.2);background:url(/_res/service/test/img/main/btn-notice-arrr.png) no-repeat center center/13px 10px;}
.main-content-box03 .control-wrap .btn-next.swiper-button-lock,
.main-content-box03 .control-wrap .btn-prev.swiper-button-lock{display:block;}

.main-content-box03 .control-wrap .btn-prev-gallery{padding:0 20px;width:24px;height: 100%;border-right:1px solid rgba(0,0,0,0.2);background:url(/_res/service/test/img/main/btn-notice-arrl.png) no-repeat center center/16px 12px;}
.main-content-box03 .control-wrap .btn-next-gallery{padding:0 20px;width:24px;height: 100%;border-left:1px solid rgba(0,0,0,0.2);background:url(/_res/service/test/img/main/btn-notice-arrr.png) no-repeat center center/16px 12px;}
.main-content-box03 .control-wrap .btn-next-gallery.swiper-button-lock,
.main-content-box03 .control-wrap .btn-prev-gallery.swiper-button-lock{display:block;}

.main-content-box03 .btn-more{display:none;position:absolute;top:10px;right:0;width:24px;height:24px;background:url(/_res/service/test/img/main/btn-mini-viewmore.png) no-repeat;background-size:100%;}
.main-content-box03 li.active .btn-more{display:block;}

.main-content-box03 .mini-primary-box{width: 100%;max-width:75%;}
.main-content-box03 .mini-board-content ul li.active .swiper-pagination-fraction{display:inline-block;font-size:1rem;}
.main-content-box03 .swiper-pagination-fraction {display: none;width:auto;}
/*
.main-content-box03 .mini-tit-box ul li{display:none;position:relative;padding: 14px 0 0;font-size: 36px;}
.main-content-box03 .mini-tit-box ul li.active{display:block;}
.main-content-box03 .mini-tit-box ul li:before{content:'';display:block;position:absolute;top:-2px;left:0;width:60px;height:5px;background:#008AD8;}
*/
.main-content-box03 .mini-tit-box .main-title{position:relative;padding: 14px 0 0;font-size: 28px;line-height: 1.4em;}
.main-content-box03 .mini-tit-box .main-title:before{content:'';display:block;position:absolute;top:-2px;left:0;width:60px;height:5px;background:#008AD8;}
.main-content-box03 .mini-tit-box p{display:none;font-size:16px;color:#666666;}


/*********** main section5 News Blogs end*****************/






@media screen and (max-width:1024.98px) {
	.main-content-box03 .main-mini-wrap{padding:80px 30px 0 0;}
}

@media screen and (max-width:768px) {
	.main-content-box03{background-color:#fff;}
	.main-content-box03:before{display:none;}
	.main-content-box03 .main-mini-wrap{padding:30px 0 40px;}
	.main-content-box03 .main-mini-wrap .main-mini-box .btn-more{top:29px;right:10px;}

	
	.main-content-box03 .main-tab-box > ul{padding:3px 0 20px;}
	.main-content-box03 .main-tab-box > ul > li.active:before{top:-3px;width:20px;height:2px;}
	.main-content-box03 .main-tab-box > ul > li .mini-tab {padding: 10px 24px;}

	
	
	.main-content-box03 .main-mini-wrap .main-mini-box{display:block;}
	.main-content-box03 .mini-tit-box{max-width:100%;min-width:0;border-bottom:0;}
	.main-content-box03 .mini-primary-box{position: relative;padding: 20px 0 0;max-width:100%;border-top: 1px solid #ccc;}
	.main-content-box03 .mini-tit-box p{display:block;}
	.main-content-box02 .main-solution-swiper .swiper-slide .desc-box{top:65%;}
	
	.main-content-box03 .control-wrap{bottom:auto;top:auto;bottom: calc(100% + 40px);left:0px;}
	.main-content-box03 .mini-tit-box {	padding: 0 0px 174px}	
	
}

@media screen and (max-width:480px){


	.main-content-box03 .main-tab-box > ul > li .mini-tab{line-height:1.4em;}
	.main-content-box02 .main-solution-swiper .swiper-slide .desc-box{top:60%;}
	.main-content-box03 .mini-board-content ul li.active .control-wrap{display:none;}
	.main-content-box03 .mini-tit-box{padding: 0 0 100px;}
	

}
@media screen and (max-width:360px){
	
	.main-content-box02 .main-solution-swiper .swiper-slide .desc-box{top:50%;}
	.main-content-box03 .main-tab-box > ul > li .mini-tab {padding: 10px 20px;}
	.main-content-box03 .main-mini-wrap .main-mini-box .btn-more{right:0;}


}

@media screen and (max-width:320px){
	
	
	.main-content-box03 .main-tab-box > ul > li .mini-tab {padding: 10px 14px;}
	
	
	
	

}