@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1280px){	

}

@media screen and (max-width:1024px){
	
/**/
table .input_st,
table .label_file .btn,
table .label_select{ margin:.25em 0;}
table .label_select .input_st{ margin:0;}
table .input_st:not([type=button]):not([type=submit]):not(button):not(a),
table .label_select{ width:100% !important;}
table .input_row .input_st{ margin-top:0; margin-bottom:0;}

/**/
.board_st .w_check,
.board_st .w_name,
.board_st .w_hit,
.board_st.faq .list .w_btn{ display:none !important;}

.input_st.moHide{ display:none !important;}
.input_tt{ display:block; margin:.375em 0;}

.board_btn_wrap.moHide{ display:none !important;}

}

@media screen and (max-width:768px){
	
table.response{ font-size:1em;}
table.response,
table.response caption,
table.response thead,
table.response tbody,
table.response tfoot,
table.response tr,
table.response th,
table.response td{ display:block; box-sizing:border-box; height:auto !important; width:auto !important;}
table.response tr{ position:relative;}
table.response *[data-th]{ display:flex !important; flex-wrap:wrap; align-items:stretch; text-align:left;}
table.response *[data-th]:before{ content:attr(data-th); box-sizing:border-box; display:flex; align-content:center; align-items:center; flex:1 0 6em; max-width:6em; font-weight:500;}
table.response *[data-th] > *{ flex:1;}

table .pcHide{ display:block !important;}
table .pcHide.flex{ display:flex !important;}
table .moHide{ display:none !important;}

/*BOARD*/
.board_st{ font-size:.875em;}
.board_st.list td{ padding:.75em .25em !important;}
.board_st.list td.w_tit > a{ display:block; max-width:100%;}
.board_st.list td.w_tit *[class^="fa bd_"]{ display:none;}

.board_st.view,
.board_st.view_list{ font-size:.813em;}
.board_st.view td{ padding-left:.625em; padding-right:.625em; font-weight:400;}
.board_st.view td a{ word-break:break-all; word-wrap:break-word;}
.board_st.view_list .w_form_tit{ text-align:left;}

.board_view_middle{ padding:2.5em .5em 3em .5em; overflow-x:auto;}
.board_view_con{ font-size:1.063em;}
.board_view_bottom{ padding:0;}

.board_st.faq{ font-size:1em;}
.board_st.faq .list .td{ line-height:1.2em;}
.board_st.faq .faq_tit{ font-size:1.250em;}


/**/
.w_no    { width:4.5em;}
.w_date  { width:6.25em;}
.w_con   { width:7em;}

.board_st .w_faq { width:3.5em;}

.w_form_tit,
.board_st.view_list .w_form_tit{ width:5.5em;}

.board_st.view_list .w_no  { width:5.25em;}
.board_st.view_list .w_date{ width:6.25em;}

/**/
.board_btn_wrap{ justify-content:center !important; text-align:center;}

.board_btn_wrap.full{ display:flex;}
.board_btn_wrap.full > .input_st{ flex:1; margin-left:.25em;}
.board_btn_wrap.full > .input_st:first-child{ margin-left:0;}
.pop .board_btn_wrap.full > .input_st:not(.s1){ height:3em;}

}

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

}

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

}

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

}

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

}

@media all and (max-width:1024px) and (orientation:landscape){

}