fieldset{margin:0; padding:0; border:none;}
ul, ol, li{list-style:none;}
legend, caption{overflow:hidden; position:absolute; width:1px; height:1px; margin:-1px; padding:0; clip:rect(0 0 0 0);}

.c_bs-brd-list span, .c_bs-brd-list a{font-size:20px;}

/* list */
.tabs{margin-bottom:60px;}
.tabs li{width:50%; height:60px; border:1px solid #ddd;}
.tabs li+li{border-left:0;}
.tabs li a{display:block; line-height:60px; font-size:20px; text-align:center;}

/* 활성화 */
.tabs li.on{background-color:var(--mainColor); border:1px solid var(--mainColor);}
.tabs li.on a{color:#fff; font-weight:bold;}

.sub-con > .wrap{padding:100px 0;}

/* .brd_category { text-align:left; padding:10px 0; }
.brd_category > .boa_nav > a { margin:0 20px 0 0; font-size: 20px; }
.brd_category > .boa_nav > a.on { font-weight:bold; color:#f00; } */

.c_bs-brd-list{width:100%; text-align:center; border-top:3px solid var(--mainColor); border-collapse:collapse;}
.c_bs-brd-list > tbody > tr > th{height:60px; background-color:#fff; border-bottom:1px solid var(--mainColor); font-size:20px; font-weight:500;}
.c_bs-brd-list > tbody > tr > td.num, .c_bs-brd-list th.num{width:80px;}
.c_bs-brd-list > tbody > tr > td.name, .c_bs-brd-list th.name{width:100px;}
.c_bs-brd-list > tbody > tr > td.data, .c_bs-brd-list th.data{width:120px;}
.c_bs-brd-list > tbody > tr > td.count, .c_bs-brd-list th.count{width:80px;}
.c_bs-brd-list > tbody > tr > td{height:45px; border-bottom:1px solid #eee; font-size:20px;}
.c_bs-brd-list > tbody > tr > td.subject{text-align:left;}
.c_bs-brd-list > tbody > tr > td.subject > div{font-size:16px;}
.c_bs-brd-list a:hover{color:var(--mainColor); font-weight:bold;}
.c_bs-brd-list .tb_comment, .c_bs-brd-list .tb_secret, .c_bs-brd-list .tb_newicon{vertical-align:middle;}

.c_bs-brd-sch-case{display:inline-block; width:100%; margin:25px 0;}
.c_bs-brd-sch-case .sch-box li{float:left; height:40px; margin-right:5px;}
.c_bs-brd-sch-case .sch-box li input, .c_bs-brd-sch-case .sch-box li select{height:100%; border:1px solid #828282; box-sizing:border-box;}
.c_bs-brd-sch-case .sch-box li:last-child{float:left; margin:0;}
.c_bs-brd-sch-case .btn-case li{float:right;}
.c_bs-brd-sch-case .btn_ty1{display:block; height:40px; padding:0 10px; background:var(--mainColor); border:none; color:#fff; font-size:16px; line-height:40px;}

.non{padding:50px 0; font-size:20px;}

.input_{width:auto; height:35px; border:1px solid #ddd !important; box-sizing:border-box;}

table .tb_bt .bts{padding:8px 15px; background-color:#5a5a5a; border:none; border-radius:0; color:#fff; font-size:16px; font-weight:bold;}

.sch-form{display:flex; justify-content:space-between; width:1200px; margin-top:50px;}
.sch-form tr td{vertical-align:middle;}
.sch-form .search-btn{display:block; width:60px; height:35px; background-color:var(--mainColor); border:none; color:#fff; font-size:16px; font-weight:bold; line-height:35px; text-align:center; vertical-align:middle;}
.sch-form .tb_bt{display:flex;}

.board .ok-btn, .board .can-btn, .tb_button a{display:block; width:110px; height:32px; background:#0080ff; border:none; border-radius:0; color:#fff !important; font-size:14px; font-weight:700; line-height:32px;}

/* view */
.c_bs-brd-v span, .c_bs-brd-v a{font-size:20px;}
.c_bs-brd-v{width:100%; border-top:3px solid var(--mainColor);}
.c_bs-brd-v th.sub{font-weight:500;}
.c_bs-brd-v > tbody > tr > th{width:165px; height:40px; background-color:#f6f6f6; border-bottom:1px solid #eee; font-size:20px; font-weight:500; text-align:left;}
.c_bs-brd-v > tbody > tr > td{height:36px; border-bottom:1px solid #eee; font-size:20px;}
.c_bs-brd-v > tbody > tr > td > div.info{font-size:20px; word-break:break-all;}
.c_bs-brd-v > tbody > tr > td.sub > div{font-size:20px;}
.c_bs-brd-v > tbody > tr > th, .c_bs-brd-v > tbody > tr > td{padding:0 0 0 10px;}
.c_bs-brd-v .v-body{min-height:400px; padding:10px 0;}
.c_bs-brd-v .btn-case{margin:40px auto 80px; text-align:center;}
.c_bs-brd-v .btn-case li{display:inline-block;}
.c_bs-brd-v .btn-case .btn_ty1{display:block; width:60px; height:35px; background-color:var(--mainColor); border:none; color:#fff; font-size:16px; line-height:35px; text-align:center; vertical-align:middle;}

/* write */
.c_bs-brd-w{width:100%; border-top:1px solid #eee;}
.c_bs-brd-w > tbody > tr > th{height:auto; background-color:#f6f6f6; border-bottom:1px solid #eee; font-size:20px; font-weight:500; text-align:left;}
.c_bs-brd-w > tbody > tr > td{height:auto; border-bottom:1px solid #eee; font-size:16px;}
.c_bs-brd-w > tbody > tr > td > div.info{font-size:16px;}
.c_bs-brd-w > tbody > tr > td.sub > div{font-size:16px;}
.c_bs-brd-w > tbody > tr > th, .c_bs-brd-w > tbody > tr > td{padding:10px 20px;}
.c_bs-brd-w .input-box{height:auto;}
.c_bs-brd-w .input-box input{width:calc(100% - 10px); height:40px; border:1px solid #ddd; box-sizing:border-box;}
.c_bs-brd-w .input-box select{width:100%; height:32px; border:none; line-height:16px;}
.c_bs-brd-w textarea.df_input{width:calc(100% - 10px); min-height:400px; padding:5px;}
.c_bs-brd-w .btn-case{margin:40px auto 80px;}
.c_bs-brd-w .btn-case li{display:inline-block;}
.c_bs-brd-w .btn-case li a{display:block; width:110px; height:32px; border:1px solid var(--mainColor); color:#fff; font-size:16px; line-height:32px;}
.c_bs-brd-w .btn-case .btn_ty1{background:var(--mainColor);}
.c_bs-brd-w .btn-case .btn_ty2{background:#ccc; border-color:#ccc;}
.c_bs-brd-w .category-box{width:150px; border:1px solid #ddd;}

.pageWrap{display:flex; align-items:center; justify-content:center; gap:20px;}
.pageWrap li{display:flex; align-items:center; justify-content:center; cursor:pointer;}

.subVis{/* height:100px; */}


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

	.subVis{/* height:16.67vw; */}

	.sub-con > .wrap{padding:13.33vw 4vw;}

	.tabs{margin-bottom:8vw;}
	.tabs li{height:10.67vw;}
	.tabs li a{line-height:10.67vw; font-size:3.73vw;}

	.c_bs-brd-list span, .c_bs-brd-list a{font-size:3.47vw;}
	.c_bs-brd-list{border-top-width:0.4vw;}
	.c_bs-brd-list > tbody > tr > th{height:9.33vw; font-size:3.2vw;}
	.c_bs-brd-list > tbody > tr > td{height:9.33vw; padding:1.33vw 0; font-size:3.2vw; box-sizing:border-box;}
	.c_bs-brd-list > tbody > tr > td.num, .c_bs-brd-list th.num{display:none;}
	.c_bs-brd-list > tbody > tr > td.count, .c_bs-brd-list th.count{display:none;}
	.c_bs-brd-list > tbody > tr > td.name, .c_bs-brd-list th.name{width:16vw;}
	.c_bs-brd-list > tbody > tr > td.data, .c_bs-brd-list th.data{width:18.67vw;}
	.c_bs-brd-list > tbody > tr > td.subject{padding-left:2.67vw;}
	.c_bs-brd-list > tbody > tr > td.subject > div{font-size:3.2vw;}

	.c_bs-brd-sch-case{margin:5.33vw 0;}
	.c_bs-brd-sch-case .sch-box{display:flex; width:100%;}
	.c_bs-brd-sch-case .sch-box li{float:none; height:8vw; margin-right:1.33vw;}
	.c_bs-brd-sch-case .sch-box li:last-child{float:none; margin:0;}
	.c_bs-brd-sch-case .sch-box li input{width:100%;}
	.c_bs-brd-sch-case .sch-box li select{min-width:18.67vw;}
	.c_bs-brd-sch-case .btn_ty1{height:8vw; padding:0 2.67vw; font-size:3.2vw; line-height:8vw;}
	.c_bs-brd-sch-case .btn-case{margin-top:2.67vw;}
	.c_bs-brd-sch-case .btn-case li{float:none;}

	.non{padding:10.67vw 0; font-size:3.73vw;}

	.input_{height:8vw; width:100%;}

	table .tb_bt .bts{padding:2.13vw 4vw; font-size:3.2vw; box-sizing:border-box;}

	.sch-form{display:flex; flex-wrap:wrap; gap:2.67vw; width:100%; margin-top:8vw;}
	.sch-form .tb_bt{display:flex; margin-left:auto; margin-bottom:4vw;}
	.sch-form .search-btn{width:13.33vw; height:8vw; font-size:3.2vw; line-height:8vw;}

	.board .ok-btn, .board .can-btn, .tb_button a{width:21.33vw; height:8vw; font-size:3.2vw; line-height:8vw;}

	/* view */
	.c_bs-brd-v span, .c_bs-brd-v a{font-size:3.47vw;}
	.c_bs-brd-v{border-top-width:0.4vw;}
	.c_bs-brd-v > tbody > tr > th{width:20vw; height:9.33vw; font-size:3.2vw;}
	.c_bs-brd-v > tbody > tr > td{height:9.33vw; font-size:3.2vw;}
	.c_bs-brd-v > tbody > tr > td > div.info{font-size:3.2vw;}
	.c_bs-brd-v > tbody > tr > td.sub > div{font-size:3.2vw;}
	.c_bs-brd-v > tbody > tr > th, .c_bs-brd-v > tbody > tr > td{padding-left:2.67vw;}
	.c_bs-brd-v .v-body{min-height:53.33vw; padding:4vw 2.67vw;}
	.c_bs-brd-v .btn-case{margin:8vw auto 13.33vw;}
	.c_bs-brd-v .btn-case .btn_ty1{width:16vw; height:8vw; font-size:3.2vw; line-height:8vw;}

	/* write */
	.c_bs-brd-w > tbody > tr > th{width:20vw; font-size:3.2vw; box-sizing:border-box;}
	.c_bs-brd-w > tbody > tr > td{font-size:3.2vw;}
	.c_bs-brd-w > tbody > tr > td > div.info{font-size:3.2vw;}
	.c_bs-brd-w > tbody > tr > td.sub > div{font-size:3.2vw;}
	.c_bs-brd-w > tbody > tr > th, .c_bs-brd-w > tbody > tr > td{padding:2.67vw;}
	.c_bs-brd-w .input-box input{width:100%; height:8vw;}
	.c_bs-brd-w .input-box select{height:8vw; font-size:3.2vw; line-height:8vw;}
	.c_bs-brd-w textarea.df_input{width:100%; min-height:53.33vw; padding:2.67vw; box-sizing:border-box;}
	.c_bs-brd-w .btn-case{margin:8vw auto 13.33vw;}
	.c_bs-brd-w .btn-case li a{width:21.33vw; height:8vw; font-size:3.2vw; line-height:8vw;}
	.c_bs-brd-w .category-box{width:26.67vw;}

	.pageWrap{gap:4vw;}
	.pageWrap li{min-width:6.67vw; height:6.67vw; font-size:3.2vw;}

	/* 750px 모바일 시안 기준: 30px = 4vw, 60px = 8vw, 80px = 10.67vw, 100px = 13.33vw로 환산했습니다. */
	/* 게시판 리스트는 모바일 가독성을 위해 번호(num), 조회수(count) 열만 숨기고 제목/작성자/날짜는 유지했습니다. */
}