body {background: #fff;}
.sub_top {padding:280px 0px 20px; border-bottom:1px solid #ddd; background: #fff;}
.sub_content {padding:150px 0px 60px;}
.sub_title {margin:0px auto 300px;}
.sub_content h4 {font-size:24px; line-height: 1.5; margin-bottom:100px;}

.search_box {width:450px; margin:0 auto 50px; display: flex;}
.search_box select {margin-right:30px; width: 30%; font-size:20px; padding:0 0 20px 0px; border:0; border-bottom:1px solid #000; color:#666;}
.search_box input {appearance: none; width:70%; font-size:20px; background: url(/img/magnify_icon.png) no-repeat right 10px top; padding:0 0 20px 0px; border:0; border-bottom:1px solid #000;}

.total {font-size:16px; color:#666; margin-bottom:20px;}
.total b {font-weight:var(--weight_bold); color:#222;}


@media (max-width: 768px){
    .sub_top {padding:80px 0px 10px;}
    .sub_title {margin:0px auto 80px;}
    .sub_content {padding:50px 0px 80px;}
    .sub_content h4 {font-size:18px; margin-bottom:20px;}
    .total {font-size:14px;}
    .search_box {width: 100%;}
    .search_box select {margin-right:10px; font-size:16px;}
    .search_box input {font-size:16px; background-size:24px;}

    .board_content .board_box ul li .left .board_num {text-align: left; margin-bottom:10px; font-size:12px;}
    .board_content .board_box ul li .right .board_views {font-size:12px;}
    .board_content .board_box ul li .right {align-items: flex-end;}
}