@charset "utf-8";

/* ======================================================================== */
.board_wrap{padding-top: 30px; padding-bottom: 60px;}
.board_wrap .box { padding-left: 15px; padding-right: 15px; }
.board_wrap .btn_box{margin: 30px auto;}

#bo_cate{overflow-x: scroll; -ms-overflow-style: none; scrollbar-width: none; margin: 15px auto;}
#bo_cate::-webkit-scrollbar { display: none; }

#bo_cate_ul{display: flex; gap: 5px; font-size: 12px;}
#bo_cate_ul a{display: block; padding: 0 1em; line-height: 2.2; border: 1px solid #eee; border-radius: 2em; white-space: nowrap; color: #999;}
#bo_cate_ul a#bo_cate_on{background-color: #222; border-color: #222; color: #fff; font-weight: 600;}

.bo_fx{justify-content: space-between; margin-bottom: 10px;}
.bo_fx > ul{display: flex; align-items: center; font-size: 12px; font-weight: 500;}
.bo_fx > ul > li + li { border-left: 1px solid #ddd; }
.bo_fx > ul > li > a, .bo_fx > ul > li > input {display: block; padding: 0 10px; transition-duration: 100ms;}
.bo_fx > ul > li > input:hover{cursor: pointer;}
.bo_fx .bold{font-weight: 700; color: #000;}
.bo_fx .red{font-weight: 700; color: var(--red);}
.bo_fx .btn_admin{font-weight: 700; color: var(--blue);}

#bo_sch{max-width: 400px; padding: 2px 1em; border: 2px solid #222; background-color: #fff; margin: 30px auto; border-radius: 2em; font-size: 13px;}
#bo_sch > form{display: flex; align-items: center;}
#bo_sch > form > select{width: 30%; max-width: 180px; border: none; background-color: transparent;}
#bo_sch > form > input[name="stx"]{flex: 1; border: none; background-color: transparent;}
#bo_sch > form > button{color: var(--main-color); font-size: 1.2em;}


/* 포토 리스트 */
.all_chk{padding: 10px 0; border: 1px solid #eee; border-style: solid none; margin: 15px auto;}
#gall_ul .img .gall_chk{position: absolute; top: 10px; right: 10px;}
#gall_ul .gall_cate{display: inline-block; padding: 0 0.8em; line-height: 2; border: 1px solid #222; border-radius: 2em; white-space: nowrap; font-size: 0.65em; background-color: #222; color: #fff; font-weight: 600; vertical-align: top;}
#gall_ul .news_text .tit{height: 2.7em;}

#gall_ul .bo_icon{white-space: nowrap; color: #999; font-size: 0.8em;}
#gall_ul .bo_icon > * + *{margin-left: 2px;}
#gall_ul .bo_icon .cnt_cmt{font-weight: 900; color: var(--point-color); font-size: 0.8em; vertical-align: top;}
.empty_list{grid-column: 1 / -1; padding: 50px 0; color: #666; border: 1px solid #eee; border-style: solid none;}

.good_row{margin-top: 10px;}
.good_row{font-size: 12px; color: #999; align-items: center;}
.good_row li + li{padding-left: 8px; margin-left: 10px;border-left: 1px solid #eee;}
.good_row .black{color: #222;}
.good_row .red{color: #df0000;}
.good_row .gray{color: #ccc;}

#board_wrap + .bo_fx{padding: 1em 0; border: 1px solid #eee; border-style: solid none; margin: 30px auto;}


/* 뷰페이지 */
#bo_v_atc{line-height: 1.6;}
#bo_v_atc img{max-width: 100%;}
#bo_v_file, #bo_v_link{padding: 30px 15px;}

.view_skin > .bo_fx{padding: 15px 0; background-color: #fbfbfb; border-top: 1px solid #eee;}
.bo_v_nb{margin: 15px 0; justify-content: space-between; color: #ddd;}
.bo_v_nb a > span{display: inline-block; font-size: 0.8em; margin: 0 0.5em; vertical-align: text-bottom; line-height: 1.6; font-weight: 600; color: #999;}


/* 추천 비추천 */
.good_wrap{margin: 30px auto;}
.good_wrap > ul{display: flex; justify-content: center; gap: 15px;}
.good_wrap > ul > li{width: 100px; aspect-ratio: 1/1; border: 1px solid #eee; box-shadow: 0 0 8px 0 rgba(0, 0, 0, .05); border-radius: 50%;}
.good_wrap a{display: flex; width: 100%; height: 100%; flex-direction: column; align-items: center; justify-content: center; padding: 10px;}
.good_wrap .icon{font-size: 1.4em;}
.btn_good{color: var(--red);}
.btn_nogood{color: var(--blue);}