@charset "utf-8";

#bbs_wrap{width:100%; overflow: hidden;}

#bbs_wrap .wid97{width:97%;}

.bbs_btn{padding:4px 15px;margin:0;text-decoration:none !important;color:#464646;border:1px solid #C4C4C4;background-color:#FFF;text-align:center;}
.bbs_btn2{padding:4px 15px;margin:0;text-decoration:none !important;color:#FFF;border:1px solid #535353;background-color:#5D5D5D;text-align:center;}
.bbs_btn3{padding:4px 15px;margin:0;text-decoration:none !important;color:#FEFEFE;border:1px solid #989898;background-color:#8B8B8B;text-align:center;}

a.bbs_btn{color:#464646;}
a.bbs_btn2{color:#FFF;}
a.bbs_btn3{color:#FEFEFE;}

.bbs_sch { width: 100%; margin: 1rem 0;}
.bbs_sch form { width: 100%; display:flex; flex-wrap: wrap; justify-content: space-between; gap:0.2rem;}
.bbs_sch .vpos1 {flex-basis:200px; flex-grow:1; flex-shrink: 1; display:flex; flex-wrap:nowrap; justify-content: flex-start; gap:0.2rem;}
.bbs_sch .vpos2 {flex-basis:300px; flex-grow:1; flex-shrink: 1; display:flex; flex-wrap:nowrap; justify-content: flex-end; gap:0.2rem;}
.bbs_sch .vpos2 input[type="text"] {flex-basis:150px; flex-grow:1; flex-shrink: 1; max-width:75%;}
.bbs_sch select, .bbs_sch input, .bbs_sch a { vertical-align: middle; cursor: pointer; }

table.bbs_tbl{width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0;border-top:1px solid #DEDEDE;}
table.bbs_tbl th.bbs_th1{padding:10px 0;background-color:#F9F9FA;border-bottom:1px solid #EBEBEB;text-align:center;}
table.bbs_tbl td.bbs_td1{padding:10px;border-bottom:1px solid #EBEBEB;text-align:center;}
table.bbs_tbl td.bbs_td2{padding:10px;border-bottom:1px solid #EBEBEB;text-align:left;}
table.bbs_tbl td.bbs_ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;}

.bbs_title{background-color:#F9F9FA;border-top:1px solid #DEDEDE;border-bottom:1px solid #DEDEDE;padding:10px;word-break:break-all;font-weight:bold;}
.bbs_vinfo{ display:flex; justify-content: space-between; flex-wrap: wrap;}
.bbs_vinfo dl{flex-basis:320px; flex-grow:1; flex-shrink: 1; margin:0 0 5px 0;padding:10px 0 10px 0;border-bottom:1px solid #DEDEDE; display:flex; justify-content: start;}
.bbs_vinfo dl .file{padding:0 0 0 20px;background:url(./img/file.gif) 0 center no-repeat;margin:0 4px 0 0;}
.bbs_vinfo dl dt{ width:15%; padding:0 0 0 10px;font-weight:bold; min-width:65px;}
.bbs_vinfo dl dd{ width:85%; margin:0; }
.bbs_vinfo dl dd div {white-space:nowrap; overflow: hidden; text-overflow: ellipsis;}

.bbs_vinfo .bbs_dl2{flex-basis:320px; flex-grow:1; flex-shrink: 1; display:flex; justify-content: space-between; flex-wrap: wrap;}
.bbs_vinfo .bbs_dl2 dl{flex-basis:160px; flex-grow:1; flex-shrink: 1;}
.bbs_vinfo .bbs_dl2 dl dt{width:20%; min-width:65px; padding:0 0 0 10px;font-weight:bold; white-space:nowrap;}
.bbs_vinfo .bbs_dl2 dl dd{width:80%; white-space:nowrap;}

.bbs_vbox{padding:10px;border:1px solid #DEDEDE;margin:0 0 10px 0;word-break:break-all;}
.bbs_vbox > img { margin: 0 auto;}

.bbs_vbtn{width: 100%; margin: 1rem 0; display:flex; flex-wrap: wrap; justify-content: space-between; gap:0.2rem;}
.bbs_vbtn .vpos1{flex-basis:150px; flex-grow:1; flex-shrink: 1; display:flex; flex-wrap:nowrap; justify-content: flex-start; gap:0.2rem;}
.bbs_vbtn .vpos2{flex-basis:150px; flex-grow:1; flex-shrink: 1; display:flex; flex-wrap:nowrap; justify-content: flex-end; gap:0.2rem;}

.bbs_pnlist { margin: 20px 0 20px 0; border-top: 1px solid #8e8e8e; border-bottom: 1px solid #8e8e8e;  padding: 0; }
.bbs_pnlist li:first-child { border-bottom: 1px solid #e4e4e4; }
.bbs_pnlist li { padding: 10px 0; overflow: hidden; height:1.5rem; white-space: nowrap; text-overflow: ellipsis; word-wrap: break-word; text-align: left;}
.bbs_pnlist li .b_btn { float: left; color: #333; padding: 0 0 0 20px; width: 70px; background: url(./img/ico_down.gif) 5px center no-repeat; }
.bbs_pnlist li:first-child .b_btn { background: url(./img/ico_up.gif) 5px center no-repeat; }
.bbs_pnlist li .b_con { color: #767676; padding: 0 0 0 10px; border-left: 1px solid #ccc;}

.bbs_pgbox { text-align: center; padding: 0.3rem 0 0.5rem 0; }
.bbs_pgbox img { border: none; }
.bbs_pgbox a { text-decoration: none; padding: 0 0.1rem; width: 1.5rem; height: 1.5rem; display: inline-block; margin: 0 2px 0 0; vertical-align: middle; font-size:1rem; letter-spacing:-1px; text-align:center; line-height:1.5rem;}
.bbs_pgbox a.on, .bbs_pgbox a:hover { text-decoration: none; background: #2f2f2f; color: #fff; }
.bbs_pgbox a.no { text-decoration: none; background: none; padding: 0; width: 1.5rem; height: 1.5rem; }

.bbs_wbox { width: 100%; margin: 0 0 30px 0;}
.bbs_wbox .wr_title { text-align: left; border-top: 1px solid #ccc; color: #111; padding: 9px 10px; margin: 0; font-weight: bold; border-bottom: 1px solid #ccc;}
.bbs_wbox .file_guide { margin: 5px 0 0 0;  }
.bbs_wbox .file_guide span { color: #3366cc; }

.bbs_sbox{padding:10px;text-align:center;}

#item_data td{text-align:left;padding:1px 0;}

.input_comment { width: 100%; margin: 0; }
.input_comment .com_title { text-align: left; border-top: 1px solid #ccc; color: #111; padding: 9px 10px; margin: 0; font-size: 14px; font-weight: bold; border-bottom: 1px solid #ccc; }

#bbs_wrap .tarea_box { position: relative; padding-right: 65px; }
#bbs_wrap .tarea_box .type_tarea { width: 100%; height: 100px; margin: 0; padding: 0; }
#bbs_wrap .tarea_box .bbs_btn { position: absolute; top: 0; right: 0; }

.comment_list { list-style: none; margin: 0; padding: 0; border-top: 1px solid #ccc; }
.comment_list li { width: 100%; border-bottom: 1px solid #ccc; padding: 10px 0 5px 0; }
.comment_list li:after { content: ""; display: block; clear: both; }
.comment_list .comm_title { width: 10%; float: left; margin: 0; padding: 0; text-align: right; font-weight:bold; }
.comment_list .comm_con { width: 79%; padding-left: 1%; float: left; position: relative; word-break: break-all; }
.comment_list .comm_con img { vertical-align: middle; }
.comment_list .comm_date { width: 10%; float: left; text-align: right; }

.comm_box { border: 3px solid #d4d4d4; padding: 10px 5px;margin-bottom:15px; }
.comm_box .box_in { width: 100%; zoom: 1 }
.box_in:after { content: ""; display: block; clear: both }
.box_in .comTitle { float: left; font-weight: bold; font-size: 14px; padding: 7px 0 0 10px; color: #434343 }
.box_in .comTab { float: right; }
.comTab { width: auto; }
.comTab ul { list-style: none; float: left; margin: 0; }
.comTab li { float:left; margin: 0 0 0 10px; border: 1px solid #8c8c8c; border-top-left-radius: 5px; border-bottom-right-radius: 5px; }
.comTab li:first-child { margin: 0 }
.comTab li a { text-decoration: none; color: #666; padding: 5px 10px; display: block; }
.comTab li:hover, .comTab li.on { border: 1px solid #1f62c9; }
.comTab li:hover a, .comTab li.on a { color: #fff; background: #1f62c9; }
.write_content { overflow-x:auto;}

.bbs_tag_name { display: flex; gap:0.5rem; flex-wrap:wrap;}
.tag_name_span{ padding:0.2rem; color:#248dc9; border:1px dashed #248dc9;}

@media screen and (max-width: 768px) {
	#bbs_wrap .wid97{width:95%;}
	.bbs_sch .vpos1 select, .bbs_sch .vpos1 option, .bbs_sch .vpos2 select, .bbs_sch .vpos2 option { font-size:0.8rem; letter-spacing: -0.1px;}
	.bbs_sch .vpos2 {justify-content: space-between;}
	.bbs_sch .vpos2 input[type="text"] {width:40vw; max-width:75vw;}

	.bbs_pgbox a {width: 1.2rem; font-size:0.8rem;}
	
	.bbs_pnlist li .b_btn, .bbs_pnlist li .b_con { font-size:0.9rem; }

	table.bbs_tbl td > span { display:block; font-size:0.8rem; margin-top:0.2rem; color:#999;}
	table.bbs_tbl th.bbs_th1 {display:block; position:relative; width: 100%; text-align:left; padding: 10px 10px;}
	table.bbs_tbl td.bbs_td2 {display:block; position:relative; width: 100%; padding: 10px 0;}
	table.bbs_tbl td.bbs_td2 input[type="text"] { width:95%;}

	#bbs_wrap .tarea_box { position: relative; padding-right: 10px;}

	.input_comment table.bbs_tbl th.bbs_th1 { display:table-cell; width: 15%; text-align:left; padding: 10px 10px;}
	.input_comment table.bbs_tbl td.bbs_td2 { display:table-cell; width: 80%; padding: 10px 5px;}
	
	.bbs_title{background-color:#F9F9FA;border-top:1px solid #DEDEDE;border-bottom:1px solid #DEDEDE;padding:10px;word-break:break-all;font-weight:bold; font-size:0.9rem;}
	.bbs_vinfo{width:100%;position:relative; }
	.bbs_vinfo dl{width:100%;margin:0 0 5px 0;padding:10px 0 10px 0;border-bottom:1px solid #DEDEDE; font-size:0.7rem!important; display:flex; }
	.bbs_vinfo dl:after{content: "";display:block;clear:both;}
	.bbs_vinfo dl dd div, .bbs_vinfo dl dd div a { font-size:0.7rem; text-overflow: ellipsis; white-space: nowrap; word-break:break-all;}
	.bbs_vinfo dl dd div span { display:block;}
	.bbs_vinfo dl .file{padding:0 0 0 20px;background:url(./img/file.gif) 0 center no-repeat;margin:0 4px 0 0; font-size:0.7rem; word-break: break-word; width: 40vw; overflow: hidden; text-overflow: ellipsis; display: inline-block;}
	.bbs_vinfo dl dt{width:15%; padding:0 0 0 10px;font-weight:bold; margin-right:5px;}
	.bbs_vinfo dl dd{ margin:0; }
	
	.bbs_pnlist li .b_btn, .bbs_pnlist li .b_con { font-size:0.9rem; }
	
	.bbs_vbox{width:100%; padding:5px; box-sizing:border-box;}
	.bbs_vbox img {max-width:100%; height:auto }
	.bbs_vbox td{padding:10px; font-size:.8rem; box-sizing:border-box;}
	
	.bbs_vbtn .vpos1{float:right;}
	.bbs_vbtn .vpos2{display:none;}
	
.bbs_sch .vpos2 { float: left;}
}