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

}

@media screen and (max-width:1024px){
	
.bgfix.fix{ background-attachment:inherit;}


/**/
.input_st.moHide,
.board_st .board_chk,
.board_st .w_check,
.board_st .w_hit,
.board_st.faq .w_btn,
.board_btn_wrap.moHide,
.btn_cate.moHide,
.board_search_wrap .moHide{ display:none !important;}

/**/
.page_btn .in{ flex:1;}
.page_btn .in > .input_st{ flex:1; padding:0 .5em; font-size:1em;}
.page_btn .in > .input_st .xi{ display:none;}
.page_btn .max1{ max-width:none; min-width:auto;}

/*BOARD*/
.board_aTit{ font-weight:600;}

.board_st colgroup,
.board_st thead,
.board_st .w_name{ display:none;}
.board_st,
.board_st tbody{ display:block;}
.board_st.list.tit{ border-top: 1px solid #111;}
.board_st.list.tit tr{ display: none;}
.board_st tr{ display:flex; flex-wrap:wrap; align-items:center; gap:.5em 1em; height: auto; padding:1.5em 0; border-bottom:1px solid #ddd; font-size:.875em;}
.board_st tr > *{ box-sizing:border-box; min-width:0;}
.board_st td{ height:auto; border-width:0; padding:0 0;}
.board_st td:not(.w_no){ text-align:left;}
.board_st .w_no{ width:4em;}
.board_st .w_tit{ width:calc(100% - 5em);}
.board_st .w_tit + td,
.board_st .w_name + td{ margin-left:5em;}
.board_st .w_date,
.board_st .w_hit,
.board_st .w_state{ width:auto;}
.board_st .w_state{ margin-left:auto;}
.board_st .aTit_wrap{ font-size:1.125em;}

.board_pg button{ min-width:2.5em; height:2.5em;}

.board_search{ flex-wrap:wrap;}
.board_search .total{ display:none;}
.board_search .search{ flex:1 1 100%;}
.board_search .search .select{ min-width:6em;}
.board_search .search .inp{ flex:1; width:auto;}
.board_search .search .btn .ico{ font-size:1.250em}
.board_search .search .btn .tt{ display:none;}

.board_info > li .ico,
.board_info > li.hit,
.board_viewT .board_info > li.date:after{ display:none;}

.board_viewT{ padding:1.5em .5em;}
.board_viewT .vTit{ flex-direction:column; align-items:flex-start; gap:.75em;}
.board_viewT .state{ order:-1;}

.board_viewF{ flex-direction:column; padding:3vw 4vw; gap:1em;}
.board_viewF .wrap_tit{ width:100%; padding:0 0; margin-right:0; border-width:0;}
.board_viewF .wrap_con{ flex:1 1 100%;}

.board_viewB{}
.board_viewB .table_form .wrap_in .tit_wrap{ width:7em; padding:0 .25em;}

.board_faq > li .wrap_in{ gap:0 .5em; font-size:.938em;}
.board_faq > li .wrap_in .tit{ width:3.5em;}
.board_faq > li .wrap_in .sbj .tt{ padding:.5em 0;}
.board_faq > li .wrap_in .con{ padding:.625em 0;}
.board_faq > li .wrap_in .ico{ width:3.5em;}
.board_faq > li .wrap_in .modify{ display:none;}
.board_faq > li.on .faqCon .wrap_in{ padding-top:2em; padding-bottom:2em;}

.board_gallery{ gap:1em 1em;}
.board_gallery > li{ width:calc(33.33% - .6666em);}
.board_gallery > li .wrap_in .img_wrap{ border-radius:1em;}

.input_st.w3{width: 100%;}

}

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

.table_form_wrap .table_form > li{ border-bottom-style:dashed; padding:1.5em .5em !important;}
.table_form_wrap .table_form .wrap_in{ flex-wrap:wrap; gap:1.5em;}
.table_form_wrap .table_form .wrap_in .tit_wrap,
.table_form_wrap .table_form .wrap_in .con_wrap{ flex:1 1 100%; width:100%; padding:0 0; min-height:auto;}

.board_gallery > li{ width:calc(50% - .5em);}
.board_gallery > li .wrap_in .con_wrap .t1{ font-size:1.125em; font-weight:600;}
.board_gallery > li .board_info{ gap:.25em;}
.board_gallery > li .board_info > li{ width:100%;}
.board_gallery > li .board_info > li:after{ display:none;}



}

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

}

@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){

}