section {
            padding: 0;
            height: 100vh;
}

.canvas {
      padding: 0;
}


.ui.container {
      padding: 2vh 0;
      /*height: 96vh;*/
}


/* 텍스트   ==================================================*/
/* 크기 */

.display_1 {
   font-size: 5em;
}

.display_2 {
   font-size: 3.5em;
}

.display_3 {
   font-size: 3em;
   line-height: 3.5em;
}

.large {
   font-size: 1.8em;
}

.medium {
   font-size: 1.5em;
}

.medium_s {
   font-size: 1.2em;
   line-height: 2em;
}

.small {
   font-size: 0.9em;
}

/* 유형 */
.paragraph {
   max-width: 520px;
   margin-bottom: 10px;
}

/* 굵기 */
.light {
   font-weight: 300;
}

.middle {
      font-weight: 400;
}

.bold {
   font-weight: 600;
}

/* 컬러 */
.black {
   color: #181b28;
}

.semi_black {
   color: #3f3f3f;
}

.grey {
   color: #888;
}

.white {
   color: #fff;
}

.red {
   color: #ba2037;
}

.green {
   color: #0dc0ba;
}




/* 배경   ==================================================*/

body {
      background-color: #F5EDE6;
}

.ui.segment {
      background: none;
}

.ui.attached.header {
      background: none;
      border: none;
}

.ui.attached.header.backgov {
      background: #39c2c9;
}

.ui.attached.header.backassm {
      background: #885ca2;
}

.ui.attached.segment {
      background-color: #fff;
      border: none;
}




/* 커버   ==================================================*/
#cover {
      width: 100%;
      height: 500px;
      padding-top: 220px;
      background-image: url('http://img.sbs.co.kr/newimg/news/20171205/201121837.jpg');
      background-size: cover;
      background-position: top;
      color: #fff;
      text-align: center;
}


/* 예산카드   ==================================================*/

.cardContainer {
      display: flex;
      flex-wrap: wrap;
}

.budgetcard {
      width: 45%;
      margin: 2rem 1rem;
}


.budgetname {
      font-weight: 500;
      font-size: 1.3rem;
      color: #fff;
}



@media screen and (max-width: 639px) {

    .display_1 {
        font-size: 3em;
    }
      /* 예산카드   ==================================================*/
      .budgetcard {
            width: 100%;
            margin: 1rem 0.5rem;
      }


      .budgetname {
            font-size: 1rem;
      }

}
