.board_title {
    color: #222;
    font-size: 1.7em;
    letter-spacing: -1px;
    font-weight: 400;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

.board_title img {
    margin-top: -3px;
    margin-right: 10px;
}

.bo_list_total {
    position: relative;
}

.btn_bo_adm, .btn_bo_adm li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-right: 5px;
}

.btn_bo_adm li {
    float: left;
    margin-top: 15px;
}

.btn_bo_adm li input {
    border: 1px solid #d21750;
    background: #d21750;
    padding: 4px 10px;
    color: #fff;
    font-size: 1.2em;
    letter-spacing: -1px;
    font-weight: 300;
}

.btn_bo_user, .btn_bo_user li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.btn_bo_user li {
    padding: 15px 0 20px 5px;
    text-align: right;
    float: right;
}

.btn_bo_user li a {
    border: 1px solid #ccc;
    background: #fff;
    padding: 4px 10px;
    color: #454545;
    font-size: 1.2em;
    letter-spacing: -1px;
    font-weight: 300;
}

.bo_fx {
    position: relative;
}

.bo_notice {
    background: #e9f0f8;
}

#bo_w table {
    width: 100%;
}

#bo_w table th {
    background: #f2f2f2;
    border: 1px solid #ddd;
    padding: 5px 10px;
    color: #222;
    font-size: 1.2em;
    letter-spacing: -1px;
    font-weight: 200;
    white-space: nowrap;
}

#bo_w table td {
    background: #fff;
    border: 1px solid #ddd;
    padding: 5px 10px;
    color: #222;
    font-size: 1.2em;
    letter-spacing: -1px;
    font-weight: 200;
}

#bo_list table {
    width: 100%;
    table-layout: fixed;
    white-space: nowrap;
}

#bo_list table th {
    height: 40px;
    background: #f2f2f2;
    border: 1px solid #ddd;
    padding: 5px 10px;
    color: #222;
    font-size: 1.2em;
    letter-spacing: -1px;
    font-weight: 200;
    white-space: nowrap;
}

#bo_list table td {
    height: 40px;
    border: 1px solid #ddd;
    padding: 5px 10px;
    color: #222;
    font-size: 1.2em;
    font-weight: 200;
}

.td_subject {
    position: relative;
    width: 100%;
    letter-spacing: -1px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    float: left;
}

.td_subject a {
    color: #353535;
}

.td_subject img {
    padding-right: 5px;
    padding-bottom: 3px;
}

.bo_list_tr:hover {
    background: #f2f2f2;
}

.td_num {
    width: 8%;
}

.td_name {
    width: 15%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.td_date {
    width: 10%;
}

.td_chk {
    width: 33px;
}

#bo_w table td .frm_input {
    max-width: 500px;
    width: 100%;
    border: 1px solid #eee;
}

#bo_w table td .frm_inputm {
    width: 100%;
    border: 1px solid #eee;
}

.text-right {
    text-align: right;
}

.btn_confirm {
    width: 100%;
    text-align: center;
    padding: 10px 0;
}

.btn_confirm input {
    border: 1px solid #ff6633;
    background: #ff6600;
    padding: 5px 10px;
    color: #fff;
    font-size: 1.2em;
    letter-spacing: -1px;
    font-weight: 400;
}

.btn_confirm a {
    border: 1px solid #ddd;
    background: #f2f2f2;
    padding: 4px 10px;
    color: #555;
    font-size: 1.2em;
    letter-spacing: -1px;
    font-weight: 300;
}

.pg_wrap {
    position: relative;
    text-align: center;
    padding: 10px 0;
}

#bo_sch {
    position: relative;
    text-align: center;
    height: 34px;
    padding: 10px 0;
}

#bo_sch select {
    max-width: 200px;
    line-height: 34px;
    border: 1px solid #ddd;
    background: #fff;
    padding: 4px 0;
}

#bo_sch .frm_input {
    max-width: 200px;
    line-height: 22px;
    border: 2px solid #33ccff;
    background: #fff;
    padding: 4px 11px;
}

#bo_sch .btn_submit {
    line-height: 22px;
    border: 1px solid #ddd;
    background: #f2f2f2;
    padding: 4px 11px;
    color: #555;
    font-size: 1.2em;
    letter-spacing: -1px;
    font-weight: 300;
}

#bo_v_title {
    color: #222;
    font-size: 2.2em;
    font-weight: 400;
}

#bo_v_info {
    color: #555;
    font-size: 1em;
    font-weight: 300;
    margin-bottom: 10px;
}

#bo_v_info .inf_name {
    color: #000;
    padding-right: 10px;
}

#bo_v_link {
    position: relative;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 15px 0 15px 0;
    margin: 0;
}

#bo_v_file {
    position: relative;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 15px 0 15px 0;
    margin: 0;
}

#buttonWrapper {
    top: 325px !important;
}

#bo_v_con {
    clear: both;
    line-height: 160%;
    margin-bottom: 50px;
}

.bo_v_nb .btn_b01 {
    border: 1px solid #ddd;
    background: #f2f2f2;
    padding: 3px 8px;
    color: #555;
    font-size: 1em;
    letter-spacing: -1px;
    font-weight: 300;
}

#bo_vc {
    position: relative;
    padding: 10px;
    margin: 20px 0;
    border: 1px solid #ddd;
    background: #f8f8f8;
}

#bo_vc .cmm_text {
    position: relative;
    padding: 10px;
    margin-bottom: 2px;
    border: 1px solid #ddd;
    background: #fff;
}

#bo_vc .cmm_name {
    margin-bottom: 2px;
    color: #222;
    font-size: 1em;
    font-weight: 300;
}

#bo_vc .cmm_name .bo_vc_hdinfo {
    color: #333;
    font-size: 0.9em;
    font-weight: 200;
}

#bo_vc .bo_vc_act {
    text-align: right;
    margin-bottom: 20px;
}

#bo_vc_w {
    position: relative;
    width: 100%;
    margin-bottom: 2px;
    background: #fff;
}

.tbl_frm01 table {
    width: 100%;
    background: #fff;
    border: 1px solid #ddd;
}

.tbl_frm01 th, .tbl_frm01 td {
    padding: 10px;
}

.tbl_frm01 th {
    color: #222;
    font-size: 1.2em;
    font-weight: 200;
}

.tbl_frm01 .wr_secret {
    border-bottom: 1px solid #ddd;
}

.tbl_frm01 input {
    border: 1px solid #ddd;
    background: #fff;
    padding: 4px 10px;
    color: #222;
    font-size: 1.2em;
    font-weight: 300;
}

.tbl_frm01 #wr_content {
    width: 100%;
    border: 1px solid #ddd;
    padding: 10px;
}






@media only screen and (max-width:768px) {

    .resp_table th,  .resp_table td {
        width: 100%;
        display: block;
        border-top: none;
    }
    .resp_table tr:first-child th {
        border-top: 1px solid #ddd;
    }

    .resp_list_table,
    .resp_list_table thead,
    .resp_list_table tbody,
    .resp_list_table tr,
    .resp_list_table td {
        display: block;
        /* table¿Í ÇÏÀ§ ¿ä¼ÒµéÀÇ display ¼Ó¼ºÀ» º¯°æÇÕ´Ï´Ù. */
    }

    .resp_list_table th {
        display: none;
    }
 
    .resp_list_table tr {
        border-bottom: 1px solid #ddd;
    }
 
    #bo_list table td {
        border: none;
    }

    .td_num {
        display: none !important;
    }

    .td_name {
        clear: both;
        width: auto;
        float: left;
        padding-right: 15px;
        color: #000000 !important;
    }

    .td_date {
        color: #777 !important;
    }

    .td_name, .td_date {
        height: 30px !important;
        padding: 0 10px !important;
        font-size: 1em !important;
    }

    .td_subject {
        padding-top: 5px;
        float: left;
    }

    .contents_box {
        padding-left: 0;
        padding-right: 0;
    }

    #bo_sch .frm_input {
        max-width: 150px;
    }

    #bo_v_con img {
        width: 100% !important;
    }

    #bo_v_con .cheditor-caption {
        width: 100% !important;
    }

}