@charset "utf-8";
/* 공통 시작 */
.table_title{margin: 100px auto 50px;}
.table_title>span{font-size: var(--font-size20); font-weight: 500;display: block;}
.table_title>p{font-size: var(--font-size50); font-weight: 800; color: var(--blue-dip);margin: 0px 0 30px;}
.table_title>b{font-weight: 700; font-size: var(--font-size30); line-height: calc(var(--font-size40) + 5px); display: block;}
.table_title>b span{}
.feed{font-size: var(--font-size18) !important;line-height: var(--font-size30) !important; color: #9a9a9a !important;display: block;padding-left: var(--font-size18);position: relative;top: 0;left: 0;}
.feed::before{content:"※"; font-size: var(--font-size18) !important;color: #9a9a9a !important;display: block;position: absolute;top: 0;left: 0;line-height: var(--font-size30) !important;}
/* 공통 끝 */


/* write 시작 */
#bo_w{width: calc(100% - 40px); max-width: var(--max-width); margin: 0 auto;}
#bo_w form{}
#bo_w form .write_wrap{}
#bo_w form .write_wrap>li{display: flex; justify-content: space-between; align-items: flex-start; flex-flow: row wrap;margin-bottom: 20px;}
#bo_w form .write_wrap>li:last-child{margin-bottom: 0;}
#bo_w form .write_wrap>li>label{font-size: var(--font-size20);width: 130px;margin: 0;line-height: 50px;font-weight: 600;}
#bo_w form .write_wrap>li>div{font-size: var(--font-size20);width: calc(100% - 130px);}
#bo_w form .write_wrap>li>div .custom-checkbox,
#bo_w form .write_wrap>li>div .custom-radio{height: 50px; line-height: 50px;}
#bo_w form .write_wrap>li>div .custom-checkbox label::before,
#bo_w form .write_wrap>li>div .custom-checkbox label::after,
#bo_w form .write_wrap>li>div .custom-radio label::before,
#bo_w form .write_wrap>li>div .custom-radio label::after{bottom: unset;top: 50% !important;transform: translateY(-50%);}
#bo_w form .write_wrap>li>div>button{height: 50px;line-height: 50px;padding: 0 10px;}
.btn_wrap{width: 100%; display: flex; justify-content: center; align-items: center; gap: 10px; max-width: 900px; margin: 100px auto 0;}
.btn_wrap a,
.btn_wrap button{width: calc(50% - 5px); font-size: var(--font-size20);}
.btn_wrap a{padding: 0 10px !important; line-height: 50px; height: 50px;}
/* write 끝 */



/* list 시작 */
#bo_list_wrap{width: calc(100% - 40px); max-width: var(--max-width); margin: 0 auto;}
#bo_list_wrap #bo_search{width: 100%; max-width: 377px; margin: 0 0 0 auto;}
#bo_list_wrap #bo_search #fsearch{display: flex; justify-content: center; align-items: center; width: 100%; max-width: unset !important;position: relative;top: 0;left: 0;}
#bo_list_wrap #bo_search #fsearch input{width: 100%;}
#bo_list_wrap #bo_search #fsearch button{position: absolute;top: 0;right: 0;width: 50px;}
#bo_list_wrap #bo_search #fsearch button i{}
#bo_list_wrap #fboardlist{}
#bo_list_wrap #fboardlist #bo_btn_top{display: flex; justify-content: space-between; align-items: center; margin: 20px auto 0;}
#bo_list_wrap #fboardlist #bo_btn_top .left{font-size: var(--font-size18); line-height: 50px;}
#bo_list_wrap #fboardlist #bo_btn_top .left b{}
#bo_list_wrap #fboardlist #bo_btn_top .right{}
#bo_list_wrap #fboardlist #bo_btn_top .right a{}
#bo_list_wrap #fboardlist #bo_btn_top .right a i{}
#bo_list_wrap #fboardlist #bo_btn_top .right button{}
#bo_list_wrap #fboardlist #bo_btn_top .right button i{}
#bo_list_wrap #fboardlist #bo_galleryy{margin-top: 10px;}
#bo_list_wrap #fboardlist #bo_galleryy>ul{margin: 0;margin: 0; display: flex; justify-content: flex-start; gap: 20px; flex-flow: row wrap;}
#bo_list_wrap #fboardlist #bo_galleryy>ul li{position: relative;top: 0;left: 0; width: calc(25% - 15px);}
#bo_list_wrap #fboardlist #bo_galleryy>ul li .chk-box{height: 20px; width: 20px; margin: 0;display: block; position: absolute; top: 5px; left: 5px;z-index: 1;}
#bo_list_wrap #fboardlist #bo_galleryy>ul li .chk-box input{height: 100% !important; width: 100%; margin: 0 !important;}
#bo_list_wrap #fboardlist #bo_galleryy>ul li .tegs{display: block; text-align: center; font-size: var(--font-size18); padding: 5px 10px; color: #fff; position: absolute; z-index: 1; top: 0px; right: 0px; border-radius: 5px; /*box-shadow: 0px 0px 2px #fff;*/ cursor: pointer;}
#bo_list_wrap #fboardlist #bo_galleryy>ul li.ing .tegs{ background: var(--blue-main);}
#bo_list_wrap #fboardlist #bo_galleryy>ul li.today .tegs{background: #b0376c;}
#bo_list_wrap #fboardlist #bo_galleryy>ul li.ready .tegs{background: #efa600;}
#bo_list_wrap #fboardlist #bo_galleryy>ul li.end .tegs{background: #676767;}
#bo_list_wrap #fboardlist #bo_galleryy>ul li .img-wrap{border-radius: 5px;}
#bo_list_wrap #fboardlist #bo_galleryy>ul li .img-wrap.no_img{border: 1px solid #e7e7e7;background: #fff;}
#bo_list_wrap #fboardlist #bo_galleryy>ul li:hover .img-wrap .img-item{transform: scale(1.1);}
#bo_list_wrap #fboardlist #bo_galleryy>ul li .img-wrap .img-item{transition: 0.3s;}
#bo_list_wrap #fboardlist #bo_galleryy>ul li .img-wrap .img-item{}
#bo_list_wrap #fboardlist #bo_galleryy>ul li .img-wrap .img-item a{}
#bo_list_wrap #fboardlist #bo_galleryy>ul li .img-wrap .img-item a img{border-radius: unset !important;}
#bo_list_wrap #fboardlist #bo_galleryy>ul li .text_wrap{border-radius: 0 0 5px 5px;}
#bo_list_wrap #fboardlist #bo_galleryy>ul li .text_wrap p{text-align: center; font-size: var(--font-size20); width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: var(--font-size18) 10px;}
#bo_list_wrap .pager_wrap{margin-top: 50px;}
#bo_list_wrap .pager_wrap ul{}
#bo_list_wrap .pager_wrap ul li{}
#bo_list_wrap .pager_wrap ul li.disabled{display: none;}
#bo_list_wrap .pager_wrap ul li.active a{color: var(--blue-main); font-weight: 500;position: relative;top: 0;left: 0;}
#bo_list_wrap .pager_wrap ul li.active a::after{content: ""; position: absolute; bottom: 3px; left: 50%; transform: translateX(-50%); width: 70%; height: 2px; background: var(--blue-main);}
#bo_list_wrap .pager_wrap ul li a{background: unset !important; border: none !important;font-size: var(--font-size20);color: #676767;}
#bo_list_wrap .all_btn{width: 100%; max-width: 400px; margin: 20px auto 0; display: block; font-size: var(--font-size20);}
/* list 끝 */



/* view 시작 */
#bo_v{width: calc(100% - 40px); max-width: var(--max-width); margin: 0 auto;}
#bo_v .top_btn{display: flex; justify-content: space-between; align-items: end;margin: 0 !important;padding-bottom: 10px;}
#bo_v .top_btn>span{font-size: var(--font-size18); line-height: var(--font-size18); color: #676767;}
#bo_v .top_btn>div{}
#bo_v .top_btn>div a,
#bo_v .top_btn>div button{}
#bo_v .state{}
#bo_v .state span{display: block; text-align: center; font-size: var(--font-size20);color: #fff; padding: 10px 20px; line-height: var(--font-size30);}
#bo_v.ing .state span{background: var(--blue-main);}
#bo_v.today .state span{background: #b0376c;}
#bo_v.ready .state span{background: #efa600;}
#bo_v.end .state span{background:#676767;}
#bo_v header{margin: 0 !important;padding: 0 !important;}
#bo_v header #bo_v_title{text-align: center; font-size: var(--font-size30); color: #000; padding: 20px; line-height: var(--font-size40);}
#bo_v header #bo_v_title span{display: block; font-size: var(--font-size20); line-height: var(--font-size20); margin-top: 10px;}
#bo_v.ing header #bo_v_title{background: #3f42ad17;}
#bo_v.today header #bo_v_title{background: #ae376b17}
#bo_v.ready header #bo_v_title{background:#efa60017;}
#bo_v.end header #bo_v_title{background:#00000017;}
#bo_v.ing header #bo_v_title span{color: var(--blue-main);}
#bo_v.today header #bo_v_title span{color: #b0376c;}
#bo_v.ready header #bo_v_title span{color: #efa600;}
#bo_v.end header #bo_v_title span{color:#676767;}
#bo_v #bo_v_data{}
#bo_v #bo_v_data ul{border-bottom: 1px solid #ddd;}
#bo_v #bo_v_data ul li{display: flex; align-items: center; border-top: 1px solid #ddd; padding: 10px 0;}
#bo_v #bo_v_data ul li>p{font-size: var(--font-size18); padding: 0 20px; line-height: var(--font-size30);color: #00000063;}
#bo_v #bo_v_data ul li>div{width: calc(100% - 75px);}
#bo_v #bo_v_data ul li>div>div{display: flex; align-items: center; gap: 10px;}
#bo_v #bo_v_data ul li>div>div i{font-size: 13px !important;}
#bo_v #bo_v_data ul li>div>div a{width: calc(100% - 25px);display: flex; align-items: center; gap: 5px;}
#bo_v #bo_v_data ul li>div>div a p{font-size: var(--font-size18); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: calc(100% - 15px); width: fit-content;}
#bo_v #bo_v_data ul li>div>div a span{font-size: 13px;}
#bo_v #bo_v_atc{}
#bo_v #bo_v_atc #bo_v_con{margin-bottom: 10px; margin-top: 10px; padding-bottom: 50px; border-bottom: 4px solid var(--blue-main);}
#bo_v #bo_v_atc #bo_v_con a{width: 100%; height: fit-content; display: block; max-width: 600px; margin: 0 auto;}
#bo_v #bo_v_atc #bo_v_con a img{width:100%;border: 1px solid #00000047; border-radius: unset !important;}
#bo_v #bo_v_atc #bo_v_con .view-content{font-size: var(--font-size20) !important;}
#bo_v #bo_v_atc .tag_wrap{color: #0000006e; font-size: var(--font-size18); font-weight: 300; display: flex; justify-content: end; text-align: right; flex-flow: row wrap;}
#bo_v #bo_v_atc .tag_wrap a{pointer-events: none;color: #0000006e; font-size: var(--font-size18);}
#bo_v>a{width: 100%;max-width: 400px;margin: 20px auto;display: block; font-size: var(--font-size20);}
#bo_v .next_prev{border-bottom: 1px solid #ddd;}
#bo_v .next_prev li{display: flex; align-items: center; border-top: 1px solid #ddd; padding: 10px 0;}
#bo_v .next_prev li>p{font-size: var(--font-size18); padding: 0 20px; line-height: var(--font-size30);color: #00000063;}
#bo_v .next_prev li>div{width: calc(100% - 75px);display: flex; align-items: center; gap: 10px;}
#bo_v .next_prev li>div i{font-size: 13px !important;}
#bo_v .next_prev li>div a{width: calc(100% - 25px);font-size: var(--font-size18); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

/* view 끝 */



@media all and (max-width:1200px) {
	#bo_list_wrap #fboardlist #bo_galleryy>ul{gap: 15px;}
	#bo_list_wrap #fboardlist #bo_galleryy>ul li{width: calc(33.333333% - 10px);}
}

@media all and (max-width:900px) {
    #bo_w form .write_wrap>li>label,
    #bo_w form .write_wrap>li>div{width: 100%;}
	#bo_w form .write_wrap>li>label{line-height: 30px;}
}

@media all and (max-width:700px) {
    #bo_list_wrap #fboardlist #bo_btn_top{display: none;}
    #bo_list_wrap #fboardlist #bo_galleryy>ul li input{display: none;}
    #bo_list_wrap #bo_search{max-width: unset;}
    #bo_v .top_btn{justify-content: end;}
    #bo_v .top_btn>div{display: none;}
    #bo_v #bo_v_data ul li>p{display: none;}
    #bo_v #bo_v_data ul li>div{width: 100%;}
    #bo_v .next_prev li>p{display: none;}
    #bo_v .next_prev li>div{width: 100%;}
	#bo_list_wrap #fboardlist #bo_galleryy>ul li{width: calc(50% - 7.5px);}
}

@media all and (max-width:350px) {
	#bo_list_wrap #fboardlist #bo_galleryy>ul li{width: 100%;}
}