/*!

__/\\\\\\\\\\\\\\\_______/\\\\\_________/\\\\\\\\\______/\\\________/\\\______/\\\\\\\\\____
 _\/\\\///////////______/\\\///\\\_____/\\\///////\\\___\/\\\_____/\\\//_____/\\\///////\\\__
  _\/\\\_______________/\\\/__\///\\\__\/\\\_____\/\\\___\/\\\__/\\\//_______/\\\______\//\\\_
   _\/\\\\\\\\\\\______/\\\______\//\\\_\/\\\\\\\\\\\/____\/\\\\\\//\\\______\//\\\_____/\\\\\_
    _\/\\\///////______\/\\\_______\/\\\_\/\\\//////\\\____\/\\\//_\//\\\______\///\\\\\\\\/\\\_
     _\/\\\_____________\//\\\______/\\\__\/\\\____\//\\\___\/\\\____\//\\\_______\////////\/\\\_
      _\/\\\______________\///\\\__/\\\____\/\\\_____\//\\\__\/\\\_____\//\\\____/\\________/\\\__
       _\/\\\________________\///\\\\\/_____\/\\\______\//\\\_\/\\\______\//\\\__\//\\\\\\\\\\\/___
        _\///___________________\/////_______\///________\///__\///________\///____\///////////_____

*/

@media (max-width: 1200px) {
    .main {
        /*border: 1px solid red;*/
    }
}

@media (max-width: 1024px) {
    .main {
        /*border: 1px solid yellow;*/
    }

    /* container-box */
    .container-box {
        padding: 0;
        border: 0;
        background: transparent !important;
        box-shadow: none;
    }

    /* 페이지 메뉴 */
    #pageMenu-trigger {
        height: auto;
    }

    /* 게시판 목록 */
    #bo_btn_top {
        margin: 0 0 20px 0;
    }
    #bo_list tbody tr:last-child td {
        /*border-bottom: 1px solid #fff !important;*/
    }
    #bo_list .table-list colgroup .td_no,
    #bo_list .table-list colgroup .td_name,
    #bo_list .table-list colgroup .td_hit,
    #bo_list .table-list colgroup .td_datetime {
        display: none;
    }
    #bo_list .table-list colgroup {}
    #bo_list .table-list .td_num2,
    #bo_list .table-list .td_name,
    #bo_list .table-list .td_num,
    #bo_list .table-list .td_datetime {
        display: none;
    }
    #bo_list .table-list thead {
        display: none;
    }
    #bo_list .table-list td {}
    #bo_list .table-list .td_num2,
    #bo_list .table-list .td_name,
    #bo_list .table-list .td_num,
    #bo_list .table-list .td_datetime {
        display: none;
    }
    #bo_list .m_d_datetime {
        margin-top: 5px;
        color: var(--color-gray);
        font-size: 0.875rem /* 14/16 */;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 0 6px;
    }
    #bo_list #bo_btn_top .btn_bo_user li:first-child {
        margin-left: 0;
    }
    #bo_list #bo_btn_top .bo_btns {
        display: none;
    }
    #bo_list #bo_btn_top .btn_bo_user {
        justify-content: flex-start;
        align-items: center;
        gap: 5px 5px;
    }
    #bo_list .bo_fx {
        display: flex;
        flex-direction: column;
        /*gap: 30px 0;*/
    }
    #bo_list .bo_fx .bo_total {
        display: none;
    }
    #bo_list .bo_fx .pg_wrap {
    }
    #bo_list .bo_fx .btn_bo_user {
        align-self: flex-end;
    }

    /* 게시판 보기 */
    #bo_v {}
    #bo_v .bo_v_nb .nb_date {
        display: none;
    }
    #bo_vc_w #wr_name, #bo_vc_w #wr_password {
        margin-bottom: 10px;
    }

    /* 게시판 쓰기 */
    #bo_w .bo_w_flie {
        flex-direction: column;
        align-items: flex-start;
        /*justify-content: flex-start;*/
        /*border: 1px solid red;*/
        gap: 5px 0;
    }

    /* captcha */
    #captcha {
        margin-top: 0;
        padding-top: 0;
    }
}

@media (max-width: 768px) {
    .main {
        /*border: 1px solid blue;*/
    }

    /* 게시판 목록 */
    #bo_btn_top {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px 0;
    }
    #bo_list #bo_btn_top .btn_bo_user  {
        justify-content: flex-start;
        align-items: center;
        gap: 5px 5px;
    }

    /* 게시판 보기 */
    #bo_v_info .profile_info {
        flex-direction: column;
        gap: 10px 0;
    }
    #bo_v_info .bo_v_com {
        margin: 0 0 10px  0;
    }
    #bo_v_info .profile_info .wr_img img {
        width: 30px;
        height: 30px;
    }

    /* 댓글  */
    #bo_vc_w #wr_name {
        /*margin-bottom: 10px;*/
    }
}

@media (max-width: 576px) {
    .main {
        background-color: var(--bg-default);
        /*border: 1px solid red;*/
    }

    /* 게시판 보기 */
    #bo_v_con {
        min-height: auto;
    }
    #bo_v_con p, #bo_v_con div, #bo_v_con li {
        font-size: 1rem;
    }
    #bo_v_atc {
        min-height: auto;
        height: auto;
    }
    #bo_v_atc .bo_v_tit .title {
        font-size: 1.2rem /* 18/15 */;
        margin: 10px 0 20px 0;
    }
    #bo_v_info .profile_info .wr_img img {
        width: 30px;
        height: 30px;
    }
    #bo_v_sns {
        gap: 0 3px;
    }
    #bo_v_info .profile_info .profile_detail .wr_date {
        font-size: 0.8125rem  /* 13/16 */;
    }
    #bo_v_info .profile_info .profile_detail .wr_hit {
        font-size: 0.8125rem  /* 13/16 */;
    }

    /* 게시판 쓰기 */
    #captcha {
        display: block !important;
    }
    #bo_w {
        width: 100%;
    }
    #bo_w .half_input {
        width: 100%;
    }
    #bo_w #wr_password, #bo_w #wr_homepage {
        margin-left: 0;
    }
    #bo_vc_w #wr_name, #bo_vc_w #wr_password {
        width: 100%;
        margin-left: 0;
    }
    #bo_w .btn-confirm > * {
        flex: 0 0 49%;
    }

    /* 댓글 쓰기 */
    #bo_vc_w .btn-confirm > * {
        /*flex: 0 0 100%;*/
        flex: 0 0 auto;
    }
    #bo_list .bo-item .bo-item-body {
        height: auto;
    }

    /*#bo_w .bo_w_flie {*/
    /*    gap: 0;*/
    /*}*/
}

@media (max-width: 480px) {
    body {
        border: 1px solid green;
    }

    #bo_btn_top {
        margin: 10px 0;
    }
    .bo_sch select, .bo_sch .sch_bar {
        border-radius: 0;
    }

    #bo_v .btn-confirm > * {
        flex: 1 1 auto;
    }
}