#bo_list {position:relative;max-width:1480px;padding:0 10px;margin: 0 auto;}



.agree_part {margin: 50px 0 0;}
.agree_part .top_part strong {font-size: 1.125rem; font-weight: 500; color: #1b1b1b;}
.agree_part .txt_wrap {border: 1px solid #ddd; padding: 30px; overflow: auto; margin: 10px 0 0; height: 300px; overflow: auto;}
.agree_part .txt_wrap h4 {font-size; 1.125rem; margin: 0 0 10px;}
.agree_part .txt_wrap p {font-size: 0.875rem; margin: 0 0 5px;}


#bo_w .btn_wrap {margin: 20px 0 30px; text-align: right;}
#bo_w .btn_wrap label {cursor: pointer;}
#bo_w .btn_wrap label input[type="checkbox"] + span {position: relative; display: inline-block; width: 20px; height: 20px; border: 1px solid #ddd; margin: 0 5px 0 0;}
#bo_w .btn_wrap label input[type="checkbox"] + span::before {content: ""; position: absolute;width: 8px; height: 8px; background: #262626; left: 50%; top: 50%; transform: translate(-50%,-50%); transition: .3s ease; opacity: 0;}
#bo_w .btn_wrap label input[type="checkbox"]:checked + span::before {opacity: 1;}
#bo_w .btn_wrap label em {display: inline-block; transform: translate(0,-4px);}

#bo_w .btn_confirm {text-align: center;}
#bo_w .btn_confirm > div {display: inline-block; width: auto;}
#bo_w .btn_confirm a {float: left; display: inline-block; width: 170px; height: 56px; line-height: 56px; border: 1px solid #ddd; font-size: 1.125rem; font-weight: 300; color: #fff; margin: 0 10px 0 0;}
#bo_w .btn_confirm input {float: left; display: inline-block; width: 170px; height: 56px; line-height: 56px; font-size: 1.125rem; font-weight: 300; color: #fff; background: #3f4448;}


#bo_w .name_line td input {width: 342px;}
#bo_w .num_line td select {width: 92px; float: left; color: #b3b3b3; background: url("/skin/board/online/img/select_icon.png")no-repeat; background-position: right 10px center;}
#bo_w .num_line td span {display: inline-block; float: left; width: 5px; height: 1px; margin: 0 10px; transform: translate(0,18px); background: #aaaaaa;}
#bo_w .num_line td input {width: 100px; float: left;}
#bo_w .num_line td.call input {width: 100%; float: none;}
#bo_w .mail_line td input {width: 240px; float: left;}
#bo_w .mail_line td span {display: inline-block; float: left; margin: 0 5px; transform: translate(0,6px);}
#bo_w .mail_line td select {float: left; width:236px; margin: 0 0 0 10px; color: #b3b3b3; background: url("/skin/board/online/img/select_icon.png")no-repeat; background-position: right 10px center;}
#bo_w .part_line td select {width: 209px; color: #b3b3b3; background: url("/skin/board/online/img/select_icon.png")no-repeat; background-position: right 10px center;}

#bo_w tr.mobile {display: none;}

#bo_w .etc_txt{font-size: 0.875rem;color:#ff0000;margin:5px 0 0 0;display: inline-block;}


@media screen and (max-width: 1024px) {
	#bo_list{padding: 0 10px;}
    #bo_w .mail_line td select,
    #bo_w .mail_line td input {width: calc((100% - 35px) / 3);}
    #bo_w tr.pc{ display: none;}
    #bo_w tr.mobile {display: table-row;}
    #bo_w .num_line td select,
    #bo_w .num_line td input {width: calc((100% - 30px) / 3);}
    #bo_w .name_line td input {width: 100%;}
    #bo_w .part_line td select {width: 100%;}
    #bo_w table th {width: auto; padding: 0 10px;}
    #bo_w .num_line td span {margin: 0 5px;}
    #bo_w table td {padding: 10px;}
    .agree_part .txt_wrap {padding: 10px; height: 200px;}

    #bo_v_title {}
    #bo_v_title .titArea {}
    #bo_v_info {}
    #bo_v_info span {}
    #bo_v_info > span {font-size:1.25rem;}
    #bo_v_info > *:last-child {}
    #bo_v_info .sound_only {}
    #bo_v_info b {font-size:1.25rem;}
    #bo_v_info .if_date {}
    #bo_v_atc {}

}

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

#bo_list:after {display:block;visibility:hidden;clear:both;content:""}
#bo_list .td_board {width:120px;text-align:center}
#bo_list .td_chk {width:55px;text-align:center}
#bo_list .td_date {width:60px;text-align:center;}
#bo_list .td_datetime {text-align:left;}
#bo_list .td_group {width:100px;text-align:center}
#bo_list .td_mb_id {width:100px;text-align:center}
#bo_list .td_mng {width:80px;text-align:center}
#bo_list .td_name {text-align:left;}
#bo_list .td_nick {width:100px;text-align:center}
#bo_list .td_num {text-align:left}
#bo_list .td_num2 {width:90px;text-align:center}
#bo_list .td_numbig {width:80px;text-align:center}
#bo_list .txt_active {color:#5d910b}
#bo_list .txt_expired {color:#ccc}


    #bo_v_title {}
    #bo_v_title .titArea {}
    #bo_v_info {}
    #bo_v_info span {}
    #bo_v_info > span {font-size:1rem;}
    #bo_v_info > *:last-child {}
    #bo_v_info .sound_only {}
    #bo_v_info b {font-size:1rem;}
    #bo_v_info .if_date {}
    #bo_v_atc {}


}