/* 목록 */

#bo_list {width:98%;max-width:1300px;margin:80px auto;height:auto;overflow: hidden}

#bo_list .tbl_head01 thead th {
    background-color: #494038;
    color:#fff;
    border-top: 0px #000 solid;
    border-bottom: 0px #ddd solid;
    font-weight: 700;
    font-size: 14px;
    
}
#bo_list .tbl_head02 thead th {
    background-color: #fff;
    color:#000;
    border-top: 0px #000 solid;
    border-bottom: 0px #ddd solid;
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 10px;
    
}

#bo_list .tbl_head01 tr {
    border-bottom: 1px solid #ccc;
}
#bo_list .tbl_head01 td {
    padding: 10px 0;
}
#bo_list .tbl_head01 td.title{
    text-align: left;
}
#bo_list .tbl_head01 a {
    font-size: 14px;color:#000;font-weight:700;
}
#bo_list .tbl_head01 a:hover{
    color:#666;;font-weight:700;
}
#bo_list .tbl_head01 th.use_title {
    text-align: left;
}

#bo_list .tbl_head01 th {
    font-weight: 900 !important;
    font-size: 14px !important;
}

#bo_list .recipe {width:100%;height:auto;overflow: hidden;margin:0px auto 10px;}
#bo_list .recipe p {text-align: center;margin:0px auto 15px}
#bo_list .recipe p img {width:100%}


.btn-group {width:100%;margin: 30px auto;height:40px;text-align: center}
.btn-group p {display: inline-block;margin: 0px 5px;text-align: center}

/* 페이징*/
.pagination {width:100%;margin: 20px auto;height:40px;text-align: center}
.pagination li
    {position: relative;display: inline-block; padding: 6px;
    margin:5px;background-color: #fff;text-align: center;}

.pagination li.num a {
    position: relative;
   display: inline-block;
    padding: 6px;
    margin:0px 2px;
    line-height:15px;text-align: center;
    color: #000;font-size:13px;
    text-decoration: none;
    background-color: #f5f5f5;
    width:15px;height:15px;
    border-radius:20px;
}

.pagination li.num2 a:hover {background-color: #494038;color:#fff}
.pagination li.num2 a.active {background-color: #494038;color:#fff}

.pagination li.num2 a {
    position: relative;
   display: inline-block;
    padding: 6px;
    margin:0px 2px;
    line-height:15px;text-align: center;
    color: #000;font-size:13px;
    text-decoration: none;
    background-color: #f5f5f5;
    width:15px;height:15px;
    border-radius:20px;
}

.pagination li.num a:hover {background-color: #1f441e;color:#fff}
.pagination li.num a.active {background-color: #1f441e;color:#fff}

a.btn_submit {
    padding: 10px 25px;
    border: 0;
    background: #494038;
    color: #fff;font-weight: bold;
    cursor: pointer;border-radius: 6px;
}
a.btn_submit:hover {
    padding: 10px 25px;
    border: 0;
    background: #1f441e;font-weight: bold;
    color: #fff;
    cursor: pointer;border-radius: 6px;
}


/* 뷰페이지 */

.bo_con {
    width:98%;margin: 0 auto 20px; padding-bottom:20px;
    font-size: 14px;color:#000;border-bottom: 1px solid #666;
}
.bo_con img{width:100%;max-width:940px}
.bo_con p.ttl {color:#fff;width:90%;max-width:360px;height:30px; background:#494038;border-radius:50px;line-height:30px;padding:10px 0px;margin: 20px auto; text-align: center;} 
.bo_con p {position: relative; font-size:14px;line-height:30px;color:#000;text-align: center;margin: 20px auto;font-weight:bold}

@media all and (max-width:768px) {
   
    #bo_list .tbl_head01 th {
        background-color:  #494038 !important;
    }
    #bo_list .tbl_head01 th.subject {
        text-align: left;
        padding-left: 15px !important;
        font-size: 15px !important;
        color: #000;
    }
    #bo_list .tbl_head01 th.use_title {
        padding-right: 0 !important;
        margin-right: 0 !important;
        font-size: 14px !important;
        text-align: center !important;
        border-left: 1px #eee solid;
    }
    #bo_list .tbl_head01 td.td_subject {
        text-align: left;
        padding-left: 15px!important;
        font-size: 14px !important;
    }
    #bo_list .tbl_head01 td.td_name {
        padding-right: 0 !important;
        margin-right: 0 !important;
        text-align: center !important;
        font-size: 14px !important;
        border-left: 1px #eee solid;
    }
 #bo_list .recipe {width:100%;height:auto;overflow: hidden;margin:0px auto 20px;}
}