@charset "utf-8";

.page_title{width: 100%; margin: 50px auto;text-align: center;font-size: var(--font-40);color: #000;font-weight: 700;}


/* view */
#bo_v{width: calc(100% - 40px); max-width: var(--max-width);margin: 0 auto 100px !important;}
#bo_v #bo_v_btn{}
#bo_v .subject_wrap{display: flex; justify-content: space-between; align-items: center; flex-flow: row wrap; margin-top: 10px; border-top: 3px solid #333; border-bottom: 1px solid #333;}
#bo_v .subject_wrap p{font-size: var(--font-24); font-weight: 500; line-height: 50px;width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#bo_v .subject_wrap span{font-size: var(--font-18);width: 20%;text-align: right;}
#bo_v #bo_v_atc{}
#bo_v #bo_v_atc #bo_v_con{padding:20px 0;border-bottom: 1px solid #333;}
#bo_v #bo_v_atc #bo_v_con .view-content{}
#bo_v #bo_v_atc #bo_v_con #bo_v_img{margin-top: 50px;}
#bo_v #bo_v_atc #bo_v_con #bo_v_img a{pointer-events: none;}
#bo_v #bo_v_atc #bo_v_con #bo_v_img a img{width: 100%; max-width: 600px;}
#bo_v > a{width: 100%; max-width: 100px; margin: 50px auto 0; display: block;}




/* list */
#bo_list_wrap{width: calc(100% - 40px); max-width: var(--max-width);margin: 0 auto 100px !important;}
#bo_list_wrap #bo_btn_top{display: flex; justify-content: end; align-items: center; flex-flow: row wrap;}
#bo_list_wrap #fboardlist{width: 100%;}
#bo_list_wrap #fboardlist #bo_list{margin-bottom: 50px;}
#bo_list_wrap #fboardlist #bo_list .list_body{display: flex; flex-flow: column; row-gap: 20px;}
#bo_list_wrap #fboardlist #bo_list .list_body li{}
#bo_list_wrap #fboardlist #bo_list .list_body li div.check_wrap{ width: 100%; display: flex;justify-content: space-between; align-items: center; background: #f7f7f7;}
#bo_list_wrap #fboardlist #bo_list .list_body li div.check_wrap a{font-size: var(--font-18); line-height: 30px; display: block; width: fit-content; padding: 0 10px; border-radius: 3px; color: #333;}
#bo_list_wrap #fboardlist #bo_list .list_body li div.check_wrap input{ width: 15px; height: 15px;}
#bo_list_wrap #fboardlist #bo_list .list_body li div.subject_wrap{background: #fff;border-radius: 10px; color: #000; padding: 20px 40px 20px 20px;display: flex;column-gap: 10px; position: relative;top: 0;left: 0;}
#bo_list_wrap #fboardlist #bo_list .list_body li div.subject_wrap.atv{border-radius: 10px 10px 0 0;}
#bo_list_wrap #fboardlist #bo_list .list_body li div.subject_wrap::after{content:"▼";position: absolute;top: 50%;right: 20px;transform: translateY(-50%);font-size: var(--font-18);color: #cdcdcd;}
#bo_list_wrap #fboardlist #bo_list .list_body li div.subject_wrap.atv::after{transform: translateY(-50%) rotate(180deg);}
#bo_list_wrap #fboardlist #bo_list .list_body li div.content_wrap{color: #333; padding: 0px 60px 20px;display: flex;column-gap: 10px;background: #fff;border-radius: 0 0 10px 10px;}
#bo_list_wrap #fboardlist #bo_list .list_body li div p{font-size: var(--font-24);}
#bo_list_wrap #fboardlist #bo_list .list_body li div span{font-size: var(--font-18);padding-top: 4px;}


#bo_list_wrap form#fsearch{}
#bo_list_wrap form#fsearch>div.form-row{margin: 0 auto; width: 100%; max-width: 450px; justify-content: space-between;}
#bo_list_wrap form#fsearch>div.form-row>div:nth-child(1){width: 30%;}
#bo_list_wrap form#fsearch>div.form-row>div:nth-child(2){width: calc(70% - 5px);}
#bo_list_wrap form#fsearch input,
#bo_list_wrap form#fsearch select{height: 50px;box-shadow: unset;font-size: var(--font-18);}
#bo_list_wrap form#fsearch input:focus,
#bo_list_wrap form#fsearch input:active,
#bo_list_wrap form#fsearch select:focus,
#bo_list_wrap form#fsearch select:active{border: 1px solid #ced4da;}
#bo_list_wrap form#fsearch .input-group-append{width: 50px;}
#bo_list_wrap form#fsearch .input-group-append button{width: 100%;}
@media screen and (max-width:600px){
	#bo_v .subject_wrap{padding:10px 0}
	#bo_v .subject_wrap p{width: 100%; line-height: unset; overflow: hidden; white-space: unset; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
	#bo_v .subject_wrap span{width:100%;}

	#bo_list_wrap #bo_btn_top>div>div a:nth-child(1),
	#bo_list_wrap #bo_btn_top>div>div button:nth-child(2){display: none;}
}




/* write */
.text-center.en{display: none !important;}
#bo_w{width: calc(100% - 40px); max-width: var(--max-width);margin: 0 auto 100px !important;}
#bo_w #fwrite{}
#bo_w #fwrite .list-group{margin-bottom: 50px;}
#bo_w #fwrite .list-group .list-group-item{}
#bo_w #fwrite .list-group .list-group-item .form-group{}
#bo_w #fwrite .list-group .list-group-item .form-group>label{font-size: var(--font-18); font-weight: 500;display: flex;align-items: center;}
#bo_w #fwrite .list-group .list-group-item .form-group>div{}
#bo_w #fwrite .list-group .list-group-item .form-group>div input{}
#bo_w #fwrite .list-group .list-group-item .form-group>div input[type='text']{width: 100%;height: 50px;line-height: 50px;background: #fff;border-radius: 5px;border: 1px solid #D9D9D9;padding: 0 20px;font-size: var(--font-18);color: #000;}
#bo_w #fwrite .list-group .list-group-item .form-group>div input:active,
#bo_w #fwrite .list-group .list-group-item .form-group>div input:valid,
#bo_w #fwrite .list-group .list-group-item .form-group>div input:focus{box-shadow: unset;}