.board_category {display: flex; justify-content: left; gap:20px; margin: 20px 0 20px;}
.board_category button {border: 0; background: none; cursor: pointer; font-size:14px;}
.board_category_now {color: #46342a; font-weight: 600;}
.board_category_not {color: #c0b7ae; font-weight: 500;}

/* MOBILE */
@media (max-width: 767px) {
.board_topbanner {position: relative; height:250px;
                  background-image: url('/images/dameun_design_source_012.png'); background-size: cover; background-position: top center; background-repeat: no-repeat;}
.board01 {position: relative; min-height: 750px; background-color: #f5f0e7; color: #46342a; line-height: 1.5; padding: 80px 20px;}
.board_subtitle {font-weight: 600; font-size: 14px; padding-bottom:20px;}
.board_title {font-weight: 600; font-size: 24px; margin-bottom:20px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.board01_frame {border: 1px solid #c0b7ae; height:200px; padding: 20px; margin-bottom:20px;}
.board_text {font-size:14px; color: #7a6c62; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.board_number {font-size:14px; font-weight: 600;}
.board_number a {margin-right:30px;}
.board_number_not {color: #c0b7ae;font-weight: 500;}
}

/* PC */
@media (min-width: 768px) {
.board_topbanner {position: relative; height:33vh; min-height: 200px max-height: 400px; 
                  background-image: url('/images/dameun_design_source_012.png'); background-size: cover; background-position: top center; background-repeat: no-repeat;}
.board01 {position: relative; height:auto; background-color: #f5f0e7; color: #46342a; line-height: 1.5; padding: 100px 10%;}
.board_subtitle {font-weight: 600; font-size: 14px; padding-bottom:20px;}
.board_title {font-weight: 600; font-size: 32px; margin-bottom:20px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.board01_list {display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: auto auto; column-gap: 20px; row-gap: 20px; align-items: start; margin-bottom:20px;}
.board01_frame {border: 1px solid #c0b7ae; height:250px; padding: 20px;}
.board_text {font-size:14px; color: #7a6c62; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.board_number {font-size:14px; font-weight: 600;}
.board_number a {margin-right:30px;}
.board_number_not {color: #c0b7ae;font-weight: 500;}
}