@charset "utf-8";

/* ******************** default ******************** */

/* 폰트 */
@import "../../../font/NanumSquareNeo.css";

/* root */
@import "../../common/color";

/* mixin */ 
@import "../../mixin/ui-mixin";

/* common */ 
@import "../../common/common";


/* ******************** 공통 요소 ******************** */

/* header */
@import "../../common/header";

/* footer */
@import "../../common/footer";

/* fix-btn */ 
@import "../../common/fixed-btn";


/* ******************** component ******************** */

/* input */ 
@import "../../component/input-style";

/* 컨텐츠 공용 타이틀 */
@import "../../component/title-style";

/* btn-style */ 
@import "../../component/button-style.scss";

/* normal table */ 
@import "../../component/normal-table.scss";


/* ******************** sub-common ******************** */ 

/* sub-banner */ 
@import "../common/_sub-banner";

/* sub-tab */ 
@import "../common/_sub-tab";

/* sub-common-cont */
@import "../common/_sub-cont";



/* ******************** 공용장비지원센터 ******************** */

/* banner */ 
@import "./_banner";




.cont-banner {
  background-image: url(../../../img/sub/portal-intro/cec/cont_banner.webp); 
}

/* 이용절차 */
.process {
  ul {
    li {
      float: left; position:relative; width: calc(16% - 5px); text-align: center; margin-right:10px; font-size:1.4rem; font-weight:500; 
      &:last-child {margin:0;}
      &:after {content:''; position:absolute; top:10px; left:0; width:100%; height: 120%; background: #eef1f4;z-index: -1;border-top: 3px solid var(--line-color) }
      span { position:relative; top:-1px; font-weight:600; padding: 4px 0 0; background:var(--main-color); color: #fff; border-radius: 50%;font-size:1rem; margin: 0 auto 10px; width: 20px; height: 20px; display: block; z-index: 2;}
    }
  }
}

@media (max-width:1024px) {
  .process {
    ul {
      li {
        font-size: 1.2rem;
      }
    }
  }
}

@media (max-width: 560px) {
  .process {
    ul {
      li {
        width: calc(33% - 10px); margin-bottom: 30px;
      }
    }
  }
}