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

}

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

.w_date,
.w_hit { display: none;}
.w_name2{ width: 10.5em;}
.input_st.s1,
.board_table th,
.board_table td{font-size: 0.863em;}

.popWrap.policy{width: 80vw;}

/* 갤러리 */
.board_photo.d1 > li{width: calc((100% - 0em) / 3);}

}

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

.board_search {font-size: .8em;}
.w_name{width: 6em;}

.board_st th, .board_st td {font-size: 1em !important;}

/**/
.board_st.list.tit th {font-size:.750em !important;}
.board_st.list.notice td {font-size:.750em !important;}

/**/
.board_view_top .tit {font-size:1em;}
.board_view_middle {padding:1em;}

/**/
.board_st.inqury_st th {padding:.5em;}

.table_form_wrap .form_tit{ font-size: 0.9em;}
.table_form .wrap_in{ font-size: 0.8em;}

.board_viewT .vTit .tit .t1{ font-size: 1.175em;}
.board_viewF{ padding: 0.9em 1.3em;}
.board_viewF .wrap_con li a .tt{ font-size: 0.84em;}
.board_viewF .wrap_tit{ width: 5em; margin-right: 0; border: 0;}
.board_viewF .wrap_tit .t1{ font-size: 0.925em;}
.table_form .wrap_in .tit_wrap{ width: 6em;}

.input_st{ font-size: 0.88em; padding: .5em 0.5em;}
.page_btn{ flex-direction: column; align-items: stretch; gap: 2em;}
.page_btn.ps3{flex-direction: row !important; gap: .5em !important;}

.board_st.write th,
.board_st.write td{ font-size: 0.88em !important;}
.board_st.write,
.board_st.write caption,
.board_st.write thead,
.board_st.write tbody,
.board_st.write tfoot,
.board_st.write th,
.board_st.write td,
.board_st.write tr,
.board_st.write .in_table,
.board_st.write .in_table .tr,
.board_st.write .in_table .th,
.board_st.write .in_table .td{ display:block; box-sizing:border-box; height:auto;}
.board_st.write .in_table .th,
.board_st.write .in_table .td{ width:auto;}
.board_st.write{ font-size:1em !important;}
.board_table .in_table .th {text-align:left !important;}


/* 갤러리 */
.board_photo{justify-content: flex-end;}
.board_photo.d1 > li{width: calc((100% - 1em) / 2);}
.board_photo.d1 > li .wrap_in{ margin: 1.5em 0 0 0.7em;}
.board_photo > li .wrap_in .con_wrap .t1{font-size: 0.925em;}
}

@media screen and (max-width:500px){
/* #BoardBox{margin-top: 1em;} */
.board_search{flex-direction: column; align-items: flex-start; gap: 1em;}
.board_pg button{font-size: .84em;}
.table_form_wrap .form_tit{ font-size: 0.7em;}
.table_form .wrap_in .tit_wrap{width: 4em;}
.table_form > li{ font-size: 0.88em; padding: 0.5em 0;}

.board_viewT{ padding: 1em .5em;}
.board_viewT .vTit + .board_info{margin-top: 0.5em; font-size: 0.812em;}
.board_viewT .vTit .tit .t1{ font-size: 0.975em;} 
.board_viewM{ font-size: 0.818em;}

.ask_info{ font-size: 0.88em;}

/* .btn.prev,
.btn.next,
.btn.last,
.btn.first{display: none;} */
.board_photo > li .wrap_in .con_wrap .t1{ font-size: 0.88em;}

.board_st.write .check .label_st,
.page_tit_wrap .t1{ font-size: 0.88em;}

.popWrap.policy{width: 90vw;}

.popIn .input_st,
.board_st.write .input_st{height: 3.8em;}
}

@media screen and (max-width:460px){
.board_search{font-size: 0.75em;}
.board_table th, .board_table td{font-size: .75em;}
}

@media screen and (max-width:380px){
select.input_st{padding-right: 1.3em !important;}
.board_search .search .btn{ padding: 0px 0.7em;}
}

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

}

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

}