@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";


/* ******************** 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/amic/cont_banner.webp); 
}

.intro-wrap {
  .img-wrap {
    img { width: 70%;}
  }
}
@media (max-width: 900px) {
  .intro-wrap {
    .img-wrap {
      img { width: 100%;}
    }
  }
}

/* 기대효과 */
.effect {
  ul {
    margin-top: 70px;
    li {
      position: relative; float: left; width: calc(25% - 12px); margin-right: 12px; text-align: center; padding:65px 0 30px; background: #eef1f4; min-height: 155px; font-weight: 500; color:#072918; border-radius: 0 0 15px 15px; border-top: 3px solid var(--line-color);
      &:nth-child(2) {
        p {position: relative; top: 10px;}
      }
      &:after { content: ''; position: absolute; top:-45px; left: 50%; margin-left: -45px; width:90px; height:90px;}
      &:nth-child(1):after { background: url("../../../img/sub/portal-intro/amic/busn_icon01.svg")no-repeat;}
      &:nth-child(2):after { background: url("../../../img/sub/portal-intro/amic/busn_icon02.svg")no-repeat;}
      &:nth-child(3):after { background: url("../../../img/sub/portal-intro/amic/busn_icon03.svg")no-repeat;}
      &:nth-child(4):after { background: url("../../../img/sub/portal-intro/amic/busn_icon04.svg")no-repeat;}
      p {line-height: 20px;}
    }
  }
}

@media all and (max-width:680px) {
  .effect {
    ul {
      li {
        width: calc(50% - 10px); margin-right:20px;
        &:nth-child(2n) {margin-right: 0;}
        &:nth-child(3),
        &:nth-child(4) {margin-top:70px;}
      }
    }
  }
}