acheck_area@charset "utf-8";
/* CSS Document */

/*board*/
.board_wrap{ font-size:.825em}

.board_st th{padding:20px 0 20px 10px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;  color:#111; font-weight:600; font-size:0.938em; text-align:center; background:#f9f9f9;}
.board_st td{ padding:20px 0 20px 10px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; color:#111;}
.board_st th .ti_poin {color:#d12d33; padding-left:5px;}


.board_st{table-layout:fixed}
.board_st.list.tit th{ border:2px solid #666; border-left: none; border-right:none}
.board_st.list .no_con{ padding:100px 0}

.board_st.list th{ font-size:0.875em;}
.board_st.list td{ text-align:center; font-size:0.875em;}
.board_st.list td.w_tit{ text-align:left; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.board_st.list td a{ color:#555;}
.board_st a:hover{ text-decoration:underline}

.board_st.list.notice td{ background:#f9f9f9}
.board_st.list.reply td{ background:#f9f9f9;}

.board_st.view{ border-top:1px solid #ddd}
.board_st.write,
.board_st.view.tit{ border-top:2px solid #666;}

.board_st.write th,
.board_st.view th{ background:#f5f5f5; font-size:0.875em;}

.board_st.write td,
.board_st.view td{ font-size:0.875em;}


.board_st.write tr th.left { padding-left:3%; text-align:left; }
.board_st.write tr th.left1 { padding-left:4%; text-align:left; }
.board_st.write tr th span.red { color:#cc2229; font-weight:bold; }
.board_st.write tr td span.gr { color:#bbb; }

.board_view_con{ padding:20px}

/**/
.board_title{ display:inline-block; *display:inline; zoom:1; width:50%; font-size:1.75em; font-weight:600;color:#111;}



/**/
.board_icon{ display:inline-block; *display:inline; zoom:1; text-align:center; margin:0 3px}
.board_icon.new{ background:#666; color:#fff; width:20px; height:20px;font-size:.75em; line-height:20px; border-radius:20px;}
.board_icon.reply{ background:#aaa; color:#fff; width:20px; height:20px;font-size:.75em; line-height:20px; border-radius:5px;}
.board_icon.notice{ padding:0 10px; background:#00c6ff; color:#fff;line-height:20px; border-radius:5px;}
.board_icon.down{ background:url(../images/board/icon_down.png) no-repeat; background-size:100% auto; width:14px; height:14px;}

/*search*/
.board_search{ text-align: right; padding-bottom:10px; }
.search_select{ border:1px solid #999; line-height:32px; height:32px; min-width:100px; padding-left:10px;}
.search_inp{ border:none; border-bottom:1px solid #999; line-height:30px; height:30px; min-width:150px; padding:0 5px; color:#aaa}
.search_inp:focus{ color:#111}
.search_btn{ line-height:30px; background:#111; color:#fff; border:none; padding:0 15px}

/**/
.board_btn_wrap{ text-align:center; margin-top:30px}
.board_btn_wrap_l{ float:left; margin-top:10px}
.board_btn{ line-height:40px; padding:0 15px;}
.board_btn.size1{ line-height:60px; padding:0 40px}
.board_btn.size2{ line-height:1; padding:5px; font-size:.938em}
.board_btn.c1{ background:#333; border:1px solid #069; color:#fff; cursor:pointer; width:100px; height:42px;}
.board_btn.c2{ background:#fff; border:1px solid #999; color:#666; cursor:pointer; width:100px; height:42px;}
.board_btn.c3{ background:#444; border:1px solid #444; color:#fff; cursor:pointer;}
.board_btn.c4{ background:#f1f1f1; border:1px solid #ccc; color:#666; cursor:pointer;}

.board_btn.c1:hover {background:#005fb3;}

/**/
.board_paging{ text-align:center; margin-top:60px;}
.board_paging button{ vertical-align:top; width:30px; height:30px; line-height:30px; border:1px solid #ddd; background:#fff; color:#333; font-family: Verdana, Arial, Helvetica, sans-serif}
.board_paging button:hover,
.board_paging button.on{ background:#444; color:#fff}
.board_paging button.icon{ background:#f1f1f1;}
.board_paging button.icon:hover{ background:#aaa}

/**/
.board_photo_wrap{ margin:0 0 -50px -40px; overflow:hidden}
.board_photo_wrap > li{ float:left; width:25%}
.board_photo_wrap .list{ margin:0 0 50px 40px; cursor:pointer}
.board_photo_wrap .list .img{border:1px solid #ddd}
.board_photo_wrap .list .tit{ text-align:center; font-weight:600; border-bottom:1px dashed #ddd; border-top:0; padding:10px 5px; color:#444; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size:0.938em; }
.board_photo_wrap .list:hover .img{ border-color:#666}
.board_photo_wrap .list:hover .tit{ border-color:#666; color:#000; transition:0.3s}

/**/
.board_sub_tt{ color:#555; font-size:.938em; vertical-align: middle}

/**/
.w_no{ width:80px}
.w_tit{ width:auto}
.w_name{ width:100px}
.w_date{ width:100px}
.w_date2{ width:200px}
.w_down{ width:150px}
.w_hit{ width:100px}
.w_op{ width:100px}
.w_state{ width:150px}
.w_form_tit{ width:15%}
.w_auto{ width:auto}

.inp_w1{ width:10%}
.inp_w2{ width:20%}
.inp_w3{ width:30%}
.inp_w4{ width:40%}
.inp_w5{ width:50%}
.inp_w6{ width:60%}
.inp_w7{ width:70%}
.inp_w8{ width:80%}
.inp_w9{ width:90%}
.inp_w10{ width:100%}
.textarea_w1{ width:100%; height:200px;}

/**/
.label_st{display:inline-block; *display:inline; zoom:1; padding:0 10px;}
.label_st > *{ display:inline-block; *display:inline; zoom:1; vertical-align:middle; cursor:pointer;}
.label_st span{ margin-left:3px}

.input_st{display:inline-block; *display:inline; zoom:1; vertical-align:middle; border:1px solid #ccc; color:#666; box-sizing:border-box}
.input_st:focus,
.input_st:hover{ background:#f9f9f9}
input[type=text].input_st,
input[type=password].input_st{line-height:30px; height:30px;}
input[type=file].input_st{ background:none; border:none}
textarea.input_st{}
select.input_st{ height:30px;}
input[type=button].btn_st,
input[type=submit].btn_st{display:inline-block; *display:inline; zoom:1; vertical-align:middle; border:none}

.input_st.tel { width:9%; min-width:50px; }
.acheck_area{ margin-top:20px; margin-bottom:40px; text-align:right; font-size:1.063em; color:#444; background:#f9f9f9; padding:20px 0;}

@media all and (max-width:1023px){
	.w_state{width:60px}
	.w_date2{width:127px;}
	
	.w_hit{width:80px;}
	.w_date{width:80px;}
	.w_name{width:80px;}
	.inp_w1{width:25%;}
	.inp_w2{width:50%;}
}

@media all and (max-width:940px){
	.board_sub_tt{ color:#555; font-size:0.938em; display:block; margin-top:5px;}
	.inp_w1{width:30%;}
	.inp_w2{width:68%;}
}


@media all and (max-width:768px){
	.notice.board_icon{padding:0 3px;}
	.board_st th, .board_st td{padding:5px 5px;}
	.board_st th {font-size:.813em;}
	.board_photo_wrap > li{width:50%;}
	.w_no{width:34px}
	.w_state{width:40px;}
	.w_date2{width:100px;}
	.search_inp{min-width:100px; font-size:1.2em;}
	.search_select{font-size:1.2em;}
	
	.w_date{width:61px;}
	
	.w_hit{width:40px;}
	.w_name{width:50px;}
	
	.inp_w1{width:35%;}
	.inp_w2{width:100%;}
	.inp_w3 {width:100%;}

	.board_sub_tt{display:block; padding-top:5px;}
	
	.sub_agree_wrap{padding:10px;}
	
	.board_btn{line-height:30px; padding:0 5px;}
	
	.board_btn.c1{ background:#069; border:1px solid #069; color:#fff; cursor:pointer; width:120px; height:40px;}
	.board_btn.c2{ background:#fff; border:1px solid #999; color:#666; cursor:pointer; width:120px; height:40px;}
	
	
	.acheck_area {font-size:.813em; padding:10px 0;}
}