@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 70px;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;display: none;}
#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;}
#viewcomment{}
#viewcomment>div{}
#viewcomment>div>div{font-size: var(--font-15);}
#viewcomment>div>div b{}
#viewcomment #bo_vc{}
#viewcomment #bo_vc article{}
#viewcomment #bo_vc article .cmt-wrap{}
#viewcomment #bo_vc article .cmt-wrap header{}
#viewcomment #bo_vc article .cmt-wrap header div{}
#viewcomment #bo_vc article .cmt-wrap header div ul{}
#viewcomment #bo_vc article .cmt-wrap header div ul li{}
#viewcomment #bo_vc article .cmt-wrap header div ul li span{font-size: var(--font-15);}
#viewcomment #bo_vc article .cmt-wrap .cmt-content{font-size: var(--font-18);}
#viewcomment #bo_vc article .cmt-wrap .cmt-btn{}
#viewcomment #bo_vc article .cmt-wrap .cmt-btn ul{display: flex; justify-content: end; align-items: end;column-gap: 3px;}
#viewcomment #bo_vc article .cmt-wrap .cmt-btn ul li{}
#viewcomment #bo_vc article .cmt-wrap .cmt-btn ul li a{font-size: var(--font-15); padding: 0 10px; border: 1px solid #ddd; line-height: 30px; display: block; color: #333; border-radius: 3px;}
#fviewcomment .cmt-box{}
#fviewcomment .cmt-box .input-group{}
#fviewcomment .cmt-box .input-group textarea{resize: none;font-size: var(--font-15);}
#fviewcomment .cmt-box .input-group .input-group-append{}
#fviewcomment .cmt-box .input-group .input-group-append button{}




/* 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_head{display: flex; justify-content: space-between; align-items: center; border-top: 3px solid #333; border-bottom: 1px solid #333;}
#bo_list_wrap #fboardlist #bo_list .list_head li{text-align: center; font-size: var(--font-18); font-weight: bold; line-height: 50px;position: relative;top: 0;left: 0;}
#bo_list_wrap #fboardlist #bo_list .list_head li a{color:#000 !important}
#bo_list_wrap #fboardlist #bo_list .list_head li input[type='checkbox']{position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 15px; height: 15px;}
#bo_list_wrap #fboardlist #bo_list .list_head li:nth-child(1){width: 100px;}
#bo_list_wrap #fboardlist #bo_list .list_head li:nth-child(2){width: calc(100% - 250px);}
#bo_list_wrap #fboardlist #bo_list .list_head li:nth-child(3){width: 150px;}

#bo_list_wrap #fboardlist #bo_list .list_body{}
#bo_list_wrap #fboardlist #bo_list .list_body>div{border-bottom: 1px solid #333 !important;}
#bo_list_wrap #fboardlist #bo_list .list_body li{display: flex; justify-content: space-between; align-items: center;border-bottom: 1px solid #ddd;cursor: pointer;}
#bo_list_wrap #fboardlist #bo_list .list_body li>div{font-size: var(--font-15);position: relative;top: 0;left: 0; line-height: 50px;}
#bo_list_wrap #fboardlist #bo_list .list_body li:last-child{border-bottom: 1px solid #333;}
#bo_list_wrap #fboardlist #bo_list .list_body li>div input[type='checkbox']{position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 15px; height: 15px;}
#bo_list_wrap #fboardlist #bo_list .list_body li>div:nth-child(1){width: 100px;text-align: center;}
#bo_list_wrap #fboardlist #bo_list .list_body li>div:nth-child(2){width: calc(100% - 250px);white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#bo_list_wrap #fboardlist #bo_list .list_body li>div:nth-child(3){width: 150px;text-align: center;}

#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:800px){
	#bo_list_wrap #fboardlist #bo_list .list_head li:nth-child(1){width: 80px;}
	#bo_list_wrap #fboardlist #bo_list .list_head li:nth-child(2){width: calc(100% - 180px);}
	#bo_list_wrap #fboardlist #bo_list .list_head li:nth-child(3){width: 100px;}
	#bo_list_wrap #fboardlist #bo_list .list_body li>div:nth-child(1){width: 80px;}
	#bo_list_wrap #fboardlist #bo_list .list_body li>div:nth-child(2){width: calc(100% - 180px);}
	#bo_list_wrap #fboardlist #bo_list .list_body li>div:nth-child(3){width: 100px;}
}
@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-last-child(3),
	#bo_list_wrap #bo_btn_top>div>div button:nth-last-child(2){display: none;}
	#bo_list_wrap #fboardlist #bo_list .list_head li:nth-child(1){display:none;}
	#bo_list_wrap #fboardlist #bo_list .list_head li:nth-child(2){width: calc(100% - 100px);}
	#bo_list_wrap #fboardlist #bo_list .list_head li:nth-child(3){width: 100px;}
	#bo_list_wrap #fboardlist #bo_list .list_body li>div:nth-child(1){display:none;}
	#bo_list_wrap #fboardlist #bo_list .list_body li>div:nth-child(2){width: calc(100% - 100px);}
	#bo_list_wrap #fboardlist #bo_list .list_body li>div:nth-child(3){width: 100px;}
}




/* 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{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;border: 1px solid #D9D9D9;}
#bo_w #fwrite #captcha{display: flex; align-items: center; flex-flow: row wrap; column-gap: 4px;}
#bo_w #fwrite #captcha #captcha_img{}
#bo_w #fwrite #captcha #captcha_key{width: calc(100% - 200px); height: 40px; border-radius: unset;font-weight: unset;}
#bo_w #fwrite #captcha .captcha_btn_wrap{}
#bo_w #fwrite #captcha .captcha_btn_wrap button{}
#bo_w #fwrite #captcha #captcha_info{display: block;width: 100%;}