/* banner */
.banner-wrap { position: relative; padding: 30px 0 0; }
.banner-wrap img { width: 100%; }

@media (max-width: 768px) {
  .banner-wrap { padding: 0; }
}


/* board area */
.item-group { position: relative; display: flex; gap: 30px; padding-top: 50px; border-top: 0; }
.item-group .item { position: relative; width: calc(50% - 15px); border-top: 0; }
.item-group .item .board-wrap { border-top: 0; margin-top: 0; }

/* board title */
.item-group .item .title-area { position: relative; padding-bottom: 15px; border-bottom: 1px solid #aaa; }
.item-group .item .title-area .tit { font-size: 1.9rem; font-weight: 600; }
.item-group .item .title-area .more-btn { position: absolute; top: 7px; right: 0; font-size: 19px; padding: 2px 6px; background: #acb7c7; line-height: 1; border-radius: 3px; color: #fff; cursor: pointer; }
.item-group .item .title-area .more-btn:hover { background: #959eaa; }


@media (max-width: 999px) {
  .item-group { display: block; }
  .item-group .item { width: 100%; margin-bottom: 50px; }
}

@media (max-width: 500px) {
  .item-group .item .title-area { padding-bottom: 10px; }
  .item-group .item .title-area .tit { font-size: 1.6rem; }
  .item-group .item .title-area .more-btn { font-size: 15px;}
}