
caption{ display:none; }
.board{ width:1200px; margin:0 auto; }

#tb_board{width:1200px; margin:0 auto; }
#morning_board{width:1200px; margin:0 auto; }
#tb_board_view{width:1200px; margin:0 auto; }

/* list */
#tb_board_list { width:100%; text-align:center; border-top:2px solid var(--mainColor); border-collapse:collapse; } 
#tb_board_list th { background-color:#fff; font-weight:500; font-size:20px; border-bottom:1px solid var(--mainColor); height:60px; } 
#tb_board_list td { border-bottom:1px solid #EAEAEA; text-align:center; padding:15px 0; font-size:20px; } 
#tb_board_list td.tb_subject { text-align:left; word-break:break-all; } 
#tb_board_list span.tb_comment { letter-spacing:0pt; color:red; padding:0 0 0 5px } 
#tb_board_list span.tb_secret { padding:0 0 0 5px } 
#tb_board_list span.tb_newicon { padding:0 0 0 5px } 
#tb_board_list td.tb_num { width: 80px } 
#tb_board_list td.tb_name { width:100px; } 
#tb_board_list td.tb_data { width:180px; letter-spacing:0pt } 
#tb_board_list td.tb_count { width:90px; letter-spacing:0pt } 
#tb_board_list td span,
#tb_board_list td a { display:inline-block; vertical-align:middle; font-size:20px; } 
#tb_board_list td.tb_count .ok{ color:#999; }
table .input_ { width:auto; height:35px; box-sizing:border-box; border:1px solid #ddd; } 
#tb_board_list .category{ display:inline-block; color:#234343; font-weight:bold; vertical-align:middle; }
#tb_board_list .title{ display:inline-block; font-size:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle; }

.c_bs-brd-list { width:100%; text-align:center; border-top:2px solid #0a4167; border-collapse:collapse; } 
.c_bs-brd-list > tbody > tr > th { background-color:#eee; font-weight:500; font-size:20px; border-bottom:1px solid #0a4167; height:60px; } 
.c_bs-brd-list > tbody > tr > td { font-size:16px; border-bottom:1px solid #eee; height:36px; } 
.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 { font-weight:bold; color:#0a4167; } 
.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; margin-right:5px; height:40px; } 
.c_bs-brd-sch-case .sch-box li input,
.c_bs-brd-sch-case .sch-box li select { 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 { border-radius:0; background-color:#5a5a5a; color:#fff; font-size:16px; font-weight:400; border:none; padding:8px 15px; font-weight:bold; } 

.board-list{ overflow:hidden; }
.board-list .bottom{display:flex; width:100%; justify-content:space-between; margin-bottom:40px; }
.board-list .sch-wrap{ display:flex; }
.board-list .sch-wrap li{ height:50px; box-sizing:border-box; }
.board-list .sch-wrap li+li{ margin-left:0; }
.board-list .sch-wrap .select-box{ border:1px solid #ddd; border-radius:0; overflow:hidden; display:none; }
.board-list .sch-wrap .select-box select{ width:160px; height:100%; font-size:18px; color:#333; padding-left:10px; border:0; outline:0; }
.board-list .sch-wrap .sch-box{ width:280px; padding:12px 0; border:none; border-right:0; background-color:transparent; border-radius:0x; box-sizing:border-box; text-align:left; border-bottom:2px solid #000; height:50px; }
.board-list .sch-wrap .sch-box input{font-size:16px; color:#999; outline:0; border:0; background-color:transparent; margin-left:20px; }
.board-list .sch-wrap .sch-btn span{ display:block; width:60px; height:50px; background:url(./board_ico_sch.png) center no-repeat; border-radius:0; border-bottom:2px solid #000; box-sizing:border-box; }
.board-list .sch-wrap .sch-btn span a{ display:block; width:100%; height:100%; }
.board-list .btn-wrap{ display:flex; }
.board-list .btn-wrap li{ width:100px; height:50px; border-radius:30px; }
.board-list .btn-wrap li+li{ margin-left:5px; }
.board-list .btn-wrap li.del{ background-color:#ddd; }
.board-list .btn-wrap li.del a{ color:#666; }
.board-list .btn-wrap li.write{ background-color:var(--mainColor); }
.board-list .btn-wrap li a{ display:block; line-height:50px; color:#fff; font-size:18px; text-align:center; }
.pager{ padding-top:50px; }


/* view */
#tb_board_view{ border-top:2px solid var(--mainColor); }
#tb_board_view td span,
#tb_board_view td a { font-size:20px; } 
/* #tb_board_view { border-top:1px solid #eee; }  */
#tb_board_view .tb_subject { width:165px; border-bottom:1px solid #eee; background-color:#f6f6f6; padding-left:15px; font-weight:400; text-align:left; font-size:20px; height:40px; } 
#tb_board_view .tb_content { font-size:20px; border-bottom:1px solid #eee; padding:8px 0 8px 10px; letter-spacing:0px; text-align:left; word-break:break-all; } 

#tb_board_view .tb_body { min-height:400px; padding:10px 0; text-align:left; letter-spacing:0pt; word-break:break-all } 
#tb_board_view .tb_body p{font-size:18px; }
#tb_board_view .tb_fileline { text-align:right; letter-spacing:0pt } 
#tb_board_view .tb_button { text-align:center; padding:20px 0 0 0; border-top:1px solid #eee; } 
#tb_board_view .tb_button li { display:inline-block; } 
#tb_board_view .tb_button li .btn_ty1 { display:block; padding:0; background-color:var(--mainColor); color:#fff; font-size:18px; border:none; text-align:center; vertical-align:middle; border-radius:30px; line-height:50px; width:100px; display:inline-block; } 
#tb_board_view .tb_button li .btn_ty2 { display:block; padding:0; background-color:#fff; color:#333; font-size:18px; border:none; text-align:center; vertical-align:middle; border-radius:30px; line-height:50px; width:100px; display:inline-block; border:1px solid #ddd; } 
#tb_board_view div.tb_file_td { color:#6F9CC6 } 

#tb_board_comment div.tb_commentname_td span { padding:0 0 0 5px } 
#tb_board_comment .tb_board_comment_list td { border-bottom:1 solid #E8E8E8; height:28px } 

ul.list { border-bottom:1px solid #46566c; border-top:1px solid #EAEAEA; overflow:hidden; } 
ul.list li { font-size:12px; color:#7a7a7a; height:34px; line-height:34px; border-bottom:1px solid #EAEAEA; } 
ul.list li a { font-size:12px; color:#7a7a7a; } 
ul.list li span { display:inline-block; width:120px; text-indent:50px; height:34px; line-height:34px; margin-right:20px; font-weight:bold; background-color:#f7f7f7 } 
.list_next { background:url(<?=$g_skin_link?>/images/bbs_next_icon.gif) no-repeat 35px 50%; } 
.list_prev { background:url(<?=$g_skin_link?>/images/bbs_prev_icon.gif) no-repeat 35px 50%; } 
.re_con { border-top:1px solid #ddd; padding:20px 15px; margin-top:20px; color:#8b8d8d; } 

/* write */
table label { font-size:inherit; } 
#tb_board_write{width:1200px; margin:0 auto; }
#tb_board_write td span,
#tb_board_write td a { font-size:20px; } 
/* #tb_board_write .tb_subject { width:165px; background-color:#f6f6f6; padding-left:15px; font-weight:400; text-align:left; font-size:20px; height:40px; }  */
#tb_board_write .tb_content { font-size:20px; padding:8px 0 8px 10px; letter-spacing:0px; text-align:left; word-break:break-all; }
#tb_board_write { border-top:1px solid #eee; width:100%; } 
#tb_board_write .tb_line { border-bottom:1px solid #E7E7E7; text-align:left } 
#tb_board_write .tb_subject {width:115px; height:40px; text-align:left; font-weight:500; background-color:#f6f6f6; font-size:20px; padding-left:15px; } 
#tb_board_write .tb_content { text-align:left; padding-left:8px; color:#7F7F7F; } 
#tb_board_write .tb_text { color:#7F7F7F; padding-left:10px } 
#tb_board_write input,
#tb_board_write select { font-size:18px; height:40px; border:1px solid #ddd; box-sizing:border-box; } 
#tb_board_write select { width:200px; box-sizing:border-box; }
#tb_board_write .category-box select{ width:200px; }
#tb_board_write input[type="file"]{ font-size:16px; }
#tb_board_write .bt-type { overflow:hidden; margin:20px auto 0; } 
#tb_board_write .bt-type a {display:block; font-size:18px; text-align:center; width:100px; height:50px; line-height:50px; border-radius:30px; padding:0; border:1px solid #ddd; } 
#tb_board_write .bt-type a.ok{background:var(--mainColor); color:#fff; border:1px solid var(--mainColor); }
.psn-info-cs {text-align:left; margin-bottom:10px; border-top:2px solid #ddd; border-bottom:1px solid #ddd; } 
.agree-case { font-size:16px; text-align:right; margin-bottom:20px; } 


.pager.newType{display:flex; gap:5px; align-items:center; margin:40px auto 0; padding:0; justify-content:center; }
.pager.newType > div:nth-child(odd){cursor:pointer; }
.pager.newType > div:nth-child(2){display:flex; gap:3px; align-items:Center; }
.pager.newType > div:nth-child(2) span{color:#333; font-size:16px; width:48px; cursor:pointer; }
.pager.newType > div:nth-child(2) span.on{color:#fff; text-align:center; line-height:48px; background:var(--mainColor); width:48px; }

@media screen and (max-width:768px) {

	.board{ width:100%; margin:0 auto; }
	#morning_board{width:100%; }
	#tb_board{width:100%; }
	#tb_board_list { width:100%; text-align:center; border-top:0.27vw solid var(--mainColor); border-collapse:collapse; } 
	#tb_board_list th { background-color:#fff; font-weight:500; font-size:3.73vw; border-bottom:0.13vw solid var(--mainColor); height:12vw; } 
	#tb_board_list td { border-bottom:0.13vw solid #EAEAEA; text-align:center; padding:0; font-size:3.73vw; height:12vw; } 
	#tb_board_list td.tb_subject { text-align:left; word-break:break-all; } 
	#tb_board_list span.tb_comment { letter-spacing:0pt; color:red; padding:0 0 0 0.67vw } 
	#tb_board_list span.tb_secret { padding:0 0 0 0.67vw } 
	#tb_board_list span.tb_newicon { padding:0 0 0 0.67vw } 
	#tb_board_list td.tb_num, #tb_board_list th.tb_num { width: 11% !important; } 
	#tb_board_list td.tb_subject, #tb_board_list th.tb_subject{ width:50% !important; }
	#tb_board_list td.tb_name, #tb_board_list th.tb_name { width:15% !important; } 
	#tb_board_list .tb_data { display:none; } 
	#tb_board_list td.tb_count, #tb_board_list th.tb_count { width:15% !important; }
	#tb_board_list td span,
	#tb_board_list td a { display:inline-block; vertical-align:middle; font-size:3.73vw; } 
	#tb_board_list td.tb_count .ok{ color:#999; }
	table .input_ { width:auto; height:4.67vw; box-sizing:border-box; border:0.13vw solid #ddd; } 
	#tb_board_list .category{ display:inline-block; color:#234343; font-weight:bold; vertical-align:middle; }
	#tb_board_list .title{ display:inline-block; font-size:3.73vw; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; vertical-align:middle; }
	


	/* write */
	fieldset, abbr, acronym{width:100%; }
	table label { font-size:inherit; } 
	#tb_board_write{width:100%; margin:0 auto; }
	#tb_board_write td span,
	#tb_board_write td a { font-size:2.67vw; } 
	/* #tb_board_write .tb_subject { width:22.00vw; background-color:#f6f6f6; padding-left:2.00vw; font-weight:400; text-align:left; font-size:2.67vw; height:5.33vw; }  */
	#tb_board_write .tb_content { font-size:4.53vw; padding:10px; letter-spacing:0.00vw; text-align:left; word-break:break-all; }
	#tb_board_write { border-top:0.13vw solid #eee; width:100%; } 
	#tb_board_write .tb_line { border-bottom:0.13vw solid #E7E7E7; text-align:left } 
	#tb_board_write .tb_line tr{display:flex; }
	#tb_board_write .tb_line tr tr{flex-direction:column; }
	#tb_board_write .tb_line tr tr img{width:40vw; }
	#tb_board_write .tb_subject {width:100%; max-width:24.00vw; height:auto; text-align:left; font-weight:500; background-color:#f6f6f6; font-size:4.53vw; padding-left:10px; position:relative; } 
	#tb_board_write .tb_subject label{width:100%; box-sizing:border-box; padding:0 10px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); white-space:pre; }
	#tb_board_write .tb_content {width:100%; text-align:left; padding-left:1.33vw; color:#7F7F7F; } 
	#tb_board_write .tb_text { color:#7F7F7F; padding-left:0; font-size:3.53vw} 
	#tb_board_write input,
	#tb_board_write select { font-size:4.53vw; height:12vw; border:0.13vw solid #ddd; box-sizing:border-box; width:100% !important; } 
	#tb_board_write select { width:100%; box-sizing:border-box; }
	#tb_board_write .category-box select{ width:100%; }
	#tb_board_write input[type="file"]{ font-size:2.13vw; }
	/*#tb_board_write .bt-type { overflow:hidden; margin:2.67vw auto 0; } 
	#tb_board_write .bt-type a {display:block; font-size:2.40vw; text-align:center; width:13.33vw; height:6.67vw; line-height:6.67vw; border-radius:4.00vw; padding:0; border:0.13vw solid #ddd; } 
	#tb_board_write .bt-type a.ok{background:var(--mainColor); color:#fff; border:0.13vw solid var(--mainColor); }*/
	.psn-info-cs {text-align:left; margin-bottom:1.33vw; border-top:0.27vw solid #ddd; border-bottom:0.13vw solid #ddd; } 
	.agree-case { font-size:3.73vw; text-align:right; margin-bottom:2.67vw; } 





	/* view */
	#tb_board_view{ border-top:0.27vw solid var(--mainColor); }
	#tb_board_view table{width:100%; table-layout:fixed;}
	fieldset, abbr, acronym{width:100%; }
	table label { font-size:inherit; } 
	#tb_board_view{width:100%; margin:0 auto; }
	#tb_board_view td span,
	#tb_board_view td a { font-size:3.73vw; } 
	/* #tb_board_view .tb_subject { width:22.00vw; background-color:#f6f6f6; padding-left:2.00vw; font-weight:400; text-align:left; font-size:2.67vw; height:5.33vw; }  */
	#tb_board_view .tb_content { font-size:4.53vw; padding:10px; letter-spacing:0.00vw; text-align:left; word-break:break-all; }
	#tb_board_view { border-top:0.13vw solid #eee; width:100%; } 
	#tb_board_view .tb_line { border-bottom:0.13vw solid #E7E7E7; text-align:left } 
	#tb_board_view  tr{display:flex; }
	#tb_board_view  tr tr{flex-direction:row; }
	#tb_board_view  tr tr img{width:40vw; }
	#tb_board_view .tb_subject {width:100%; max-width:24.00vw; height:auto; text-align:left; font-weight:500; background-color:#f6f6f6; font-size:4.53vw; padding-left:10px; position:relative; display:flex; justify-content:flex-start; align-items:Center; } 
	#tb_board_view .tb_subject label{width:100%; box-sizing:border-box; padding:0 10px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); white-space:pre; }
	#tb_board_view .tb_content {width:100%; text-align:left; padding-left:10px; color:#7F7F7F; } 
	#tb_board_view .tb_text { color:#7F7F7F; padding-left:0; font-size:3.53vw} 
	#tb_board_view input,
	#tb_board_view select { font-size:4.53vw; height:12vw; border:0.13vw solid #ddd; box-sizing:border-box; width:100% !important; } 
	#tb_board_view select { width:100%; box-sizing:border-box; }
	#tb_board_view .category-box select{ width:100%; }
	#tb_board_view input[type="file"]{ font-size:2.13vw; }
	#tb_board_view .tb_button {width:100%; display:flex; justify-content:center; float:none; padding-top:4.53vw !important; gap:10px;} 
	#tb_board_view .tb_button li { display:inline-block; } 
	#tb_board_view .tb_button li .btn_ty1 {width:18.67vw; height:9.33vw; line-height:9.33vw; font-size:3.73vw;} 
	#tb_board_view .tb_button li .btn_ty2 {width:18.67vw; height:9.33vw; line-height:9.33vw; font-size:3.73vw;} 


	.board-list{width:100%; }
	.board-list .bottom .sch-wrap {display:flex; justify-content:space-between; width:100%; float:none; margin-left:0; }
	.board-list .bottom .sch-wrap li {height:100%; }
	.board-list .bottom .sch-wrap .select-box select {width:24vw; height:100%; font-size:3.73vw; background:url(../../image/selc_arrow.jpg) right 1.33vw center no-repeat; }
	.board-list .bottom .sch-wrap .sch-box {width:90%; padding:1.6vw 0; height:10vw; background-color:transparent; border-bottom:0.27vw solid #000; }
	.board-list .bottom .sch-wrap .sch-box input {width:100%; margin-left:2.67vw; font-size:3.73vw; color:#999; outline:0; border:0; background-color:transparent; }
	.board-list .sch-wrap .sch-btn {width:10%; }
	.board-list .sch-wrap .sch-btn span {display:block; width:100%; height:10vw; margin:0; background:url(image/board_ico_sch.png) center no-repeat; background-size:3.2vw; border-bottom:0.27vw solid #000; }
	.board-list .sch-wrap .sch-btn span a {display:block; width:100%; height:100%; line-height:9.33vw; font-size:3.73vw; }
	.board-list .bottom {flex-direction:column; gap:2.67vw; margin-bottom:2.67vw; }
	.board-list .bottom .btn-wrap {justify-content:center; float:none; padding-top:0 !important; }
	.board-list .bottom .btn-wrap li {width:18.67vw; height:9.33vw; }
	.board-list .bottom .btn-wrap li a {line-height:9.33vw; font-size:3.73vw; }
	.board-list .pager {margin-bottom:8vw; }
	.board-list .pager .text01 {padding:0 1.33vw; font-size:4.53vw; }
	.board-list .pager .prv-btn {padding-right:2.67vw; }
	.board-list .pager .nxt-btn {padding-left:2.67vw; }

	.board-list .pager{ margin-bottom:8.00vw; }
    .board-list .pager .text01{ font-size:4.53vw; padding:0 1.33vw; }
    .board-list .pager .prv-btn{ padding-right:2.67vw; }
    .board-list .pager .nxt-btn{ padding-left:2.67vw; }
	.pager.newType > div:nth-child(2) span{color:#333; font-size:4.53vw; width:10vw; cursor:pointer; }
	.pager.newType > div:nth-child(2) span.on{color:#fff; text-align:center; line-height:10vw; background:var(--mainColor); width:10vw; }


	#tb_board_write .bt-type a {width:18.67vw; height:9.33vw; line-height:9.33vw; font-size:3.73vw; }


}