/*!

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

*/

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

    /* 게시판 목록 */
    .page-wrap .bo-aside {
        display: none;
    }

    /* 게시판 목록 */
    #bo_list .bo-item-thumb img {
        width: 100%;
        max-width: 100%;
        height: auto;
        max-height: auto;
    }

    /* 게시판 보기 */
    .bo_v_tit {
        text-align: left;
    }
    .bo_v_tit .title {
        text-align: left;
        margin-left: 0;
    }
}

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

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

    /* 게시판 목록 */
    #bo_list .table-list thead {
        display: none;
    }
    #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 {
        display: block;
        margin-top: 5px;
        color: var(--color-gray);
        font-size: 0.875rem  /* 14/16 */;
    }
    #bo_list #bo_btn_top {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 20px 0;
    }
    #bo_list #bo_btn_top .btn_bo_user {
        justify-content: flex-start;
    }
    #bo_list #bo_btn_top .btn_bo_user li:first-child {
        margin-left: 0;
    }
    #bo_list .bo_fx .bo_total, #bo_list .bo_fx .pg_wrap {
        flex: 1 1 50%;
    }
    #bo_list .mc-control-row {
        margin-top: 10px;
        /*border-radius: 0;*/
    }
    #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 {
        flex: 0 0 100%;
        align-self: flex-end;
    }

    /* 게시판 보기 */
    #bo_v {}
    #bo_v_file li, #bo_v_link li {
        flex-direction: column;
        align-items: flex-start;
        /*justify-content: flex-start;*/
        /*border: 1px solid red;*/
        gap: 5px 0;
    }

    /* 게시판 쓰기 */
    #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_list .bo-lt-wrap {
    }
    #bo_list .bo-item {
        flex: 1 1 calc(50% - 30px);
    }

    /* 게시판 보기 */
    #bo_v_info .profile_info {
        flex-direction: column;
        gap: 10px 0;
    }
    #bo_v_info .bo_v_com {
        margin: 0 0;
    }
    .bo_v_tit .title {
        font-size: 1.25rem  /* 20/16 */;
    }
}

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

    /* 게시판 목록 */
    #bo_list .bo-item {
        flex: 1 1 calc(50% - 30px);
    }
    #bo_list .bo-item .bo-item-body {
        height: auto;
    }
    #bo_list .mc .mc-control-label {
        display: none;
    }

    /* 게시판 보기 */
    #bo_v_con p, #bo_v_con div, #bo_v_con li {
        font-size: 1rem;
    }
    #bo_v_atc .bo_v_tit .title {
        font-size: 1.2rem /* 18/15 */;
        margin: 10px 0 20px 0;
    }
    #bo_v_con ul.list-icon.list-circle > li::after {
        left: 1px;
    }

    /* 게시판 쓰기 */
    #captcha {
        display: block !important;
    }
    #bo_w {
        width: 100%;
    }
    #bo_w .mc-control-help {
        display: none;
    }
    #bo_w .mc-controls {
        flex: 1;
    }
    #bo_w .mc-controls select {
        width: 100% !important;
    }
    #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-direction: column;
        gap: 10px 0;
    }
    #bo_vc_w .btn-confirm .secret {
        align-self: flex-start;
    }
    #bo_vc_w .btn-confirm .btn_primary {
        width: 100%;
        flex: 0 0 100%
    }
}

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

    .bo_sch select, .bo_sch .sch_bar {
        border-radius: 0;
    }

    /* 게시판 목록 */
    #bo_btn_top .btn_bo_user a, #bo_btn_top .btn_bo_user button {
        min-width: 64px;
    }
    #bo_btn_top .btn_bo_user i {
        display: none;
    }
}

@media (max-width: 319px){
    /* 게시판 목록 */
    #bo_list .bo-item {
        flex: 1 1 calc(100%);
    }
}