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

}

@media screen and (max-width:1024px){
	
.bgfix.fix{ background-attachment:inherit;}
.movBg > .vod{ width:100%; height:100%; object-fit:cover;}
	
/**/
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;}


/**/
.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;}

.input_tt{ display:block; margin:.375em 0; font-size:1em;}

/**/
.board_view_top,
.board_view_middle,
.board_view_bottom{ font-size:1em;}
.board_view_middle img{ width:auto !important;}
.board_st.faq{ font-size:1.063em;}

/**/
.table_st{ font-size:1.063em;}
.table_st th,
.table_st td,
.table_st thead th,
.table_st tbody th,
.table_st tbody td{ color:#000;}
.table_st thead th,
.table_st tbody th{ font-weight:700;}
.table_st td a{ color:inherit;}
.table_st.page tbody th.al{ padding-left:1em;}

.table_st.list.response{ font-size:1.063em;}
.table_st.list.response,
.table_st.list.response caption,
.table_st.list.response thead,
.table_st.list.response tbody,
.table_st.list.response tfoot,
.table_st.list.response tr,
.table_st.list.response th,
.table_st.list.response td{ display:block; box-sizing:border-box; height:auto !important; width:auto !important;}
.table_st.list.response .moHide{ display:none !important;}
.table_st.list.response tr{ position:relative; margin-top:.75em; padding:.75em; background:#fff; border:1px solid #e5e5e5; box-shadow:0 .375em .375em rgba(9,50,145,.07);}
.table_st.list.response tr:first-child{ margin-top:0; border-top-width:0;}
.table_st.list.response th,
.table_st.list.response td{ text-align:left !important;}
.table_st.list.response td{ background:#fff !important; border-width:1px 0 0 0;}
.table_st.list.response td:first-child{ border-width:0;}
.table_st.list.response td.w_btn:last-child{ border-width:0;}
.table_st.list.response td.w_btn .input_st{ padding:1em .75em; font-size:1em; font-weight:500;}
.table_st.list.response *[data-th]{ display:flex !important; flex-wrap:wrap; align-content:center; align-items:center; text-align:left;}
.table_st.list.response *[data-th]:before{ content:attr(data-th); box-sizing:border-box; display:flex; align-content:center; align-items:center; flex:1 0 7.5em; max-width:7.5em; padding-right:.75em; color:#000; font-weight:700;}
.table_st.list.response *[data-th] > *{ flex:1;}
.table_st.list.response tbody th{ background:#eef3f6 !important; border-width:1px 1px; margin-bottom:-1px;}
.table_st.list.response tbody th > *{ font-size:1.063em;}

.table_st.form tbody th:not(.ac){ padding-left:1em;}

/**/
.w_form_tit{ width:9em;}
.table_st .w_th{ width:12em;}
.table_st .w_middle{ width:10em;}
.table_st .w_big{ width:16em;}

}

@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 thead{ display:none;}
table.response tr{ position:relative;}
table.response *[data-th]{ display:flex !important; flex-wrap:wrap; align-content:center; align-items:center; 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 7.5em; max-width:7.5em; padding-right:.75em; color:#000; font-weight:700;}
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:1em;}
.board_st th,
.board_st td{ padding:.5em .5em;}

.board_st.list.tit{ display:none;}
.board_st.list.tit + .board_st.list{ border-top:4px solid #093291;}
.board_st.list tr{ padding:.5em .5em; border-bottom:1px solid #ddd;}
.board_st.list td{ border:none; padding:.25em 0; text-align:left; background:transparent !important;}
.board_st.list tr{ padding-left:4em;}
.board_st.list tr .w_no{ position:absolute; top:50%; left:0; transform:translateY(-50%); padding:0; width:3em !important; text-align:center;}
.board_st.list td .xi{ font-size:1.25em;}
.board_st.list .w_tit{ font-size:1.125em;}
.board_st.list .w_tit a{ color:#000; font-weight:700;}
.board_st.list .w_tit ~ td{ position:relative; display:inline-block; padding-left:1.125em; margin-left:1em;}
.board_st.list .w_tit ~ td:before{ content:""; position:absolute; left:0; top:50%; margin-top:-.375em; height:.75em; width:1px; background:#ddd;}
.board_st.list .w_tit + td{ padding-left:0; margin-left:0;}
.board_st.list .w_tit + td:before{ display:none;}

.board_st.list.notice tr{ background:#f2f8f8;}
.board_st.list .reply{ background:#f7f7f7;}

.board_st.write{}
.board_st.write tr{ padding:1em .25em; border-bottom:1px solid #e9e9e9;}
.board_st.write th,
.board_st.write td{ border-width:0; padding:.25em 0;}
.tb_wrap .board_st.write th { color:#fff;}
.tb_wrap .board_st.write th,
.tb_wrap .board_st.write td{ border-width:1px; padding:.75em .5em; padding-left:1.5em;}

.board_st.write th{ font-size:1.125em; color:#111;}

.board_view_top .tit{ text-align:center; font-weight:500;}
.board_view_top .board_info{ padding:0 1px .75em 0;}
.board_view_top .board_info > li{ flex:1 1 50%; border:solid #ddd; border-width:1px; margin:0 -1px -1px 0; padding:.75em .75em;}
.board_view_top .board_info > li:before{ display:none;}
.board_view_top .board_file{ padding:.75em .5em;}
.board_view_middle{ padding:2.5em 0 !important; overflow-x:auto;}
.board_view_bottom .w_form_tit{ width:7em;}

/**/
.board_st.faq{}
.board_st.faq .list .BScon{ padding:1em 0;}
.board_st.faq .list > li .con .w_tit{ padding:1em .5em;}
.board_st.faq .list > li .con .faqQ{ font-weight:500;}

/************/
/*TABLE*/
.table_st.response{ font-size:1.125em;}
.table_st.response:not(.list) th,
.table_st.response:not(.list) td{ border-width:0 !important; text-align:left !important;}
.table_st.response:not(.list) td{ border-bottom-width:1px !important;}
.table_st.response:not(.list) tbody th{ background:#fafafa !important;}
.table_st.response tbody td{ background:#fff !important;}
.table_st.form.response{}

/**/
.w_faq   { width:3em;}
.w_more  { width:2.5em;}
.w_form_tit2{width:19em;}

.table_st .w_small{ width:16%; min-width:5em;}
.table_st .w_middle{ width:18%; min-width:6em;}
.table_st .w_big{ width:40%;}

.table_st.page:not(.response) th{ padding-left:.25em; padding-right:.25em;}
.table_st.page:not(.response) td{ padding-left:.625em; padding-right:.625em;}

/**/
.board_search_wrap{ display:block; font-size:1em;}
.board_search_wrap .total_wrap{ margin:0 0 .5em 0;}
.board_search_wrap .right{ display:flex; flex-wrap:wrap;}
.board_search_wrap .input_st{ margin-left:.25em; padding-left:.5em; padding-right:.5em;}
.board_search_wrap .input_st:first-child{ margin-left:0;}
.board_search_wrap .sel{ flex:1; max-width:6em;}
.board_search_wrap .inp{ flex:1; max-width:calc(100% - 6em - 5.5em);}
.board_search_wrap .btn{ flex:1; max-width:5.5em;}
.board_search_wrap .btn_write{ flex:1 0 100%; width:100%; margin:.5em 0 0 0; font-size:1.125em; font-weight:500;}

/**/
.board_btn_wrap{ margin-top:3em;}
.board_btn_wrap .input_st{ min-width:inherit; padding-left:.5em; padding-right:.5em; font-weight:500;}
.board_btn_wrap.flex .input_st:not(.s1) .xi{ display:none;}

.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{ font-size:1.063em;}
.pop .board_btn_wrap.full > .input_st:not(.s1){ height:3em;}

.group_inpBtn.flex{ flex-wrap:wrap;}
.group_inpBtn.flex > .label_select:first-child{ flex:1 1 100%; margin:0 0 .25em 0;}
.group_inpBtn.flex > .label_select:last-child{ margin-bottom:0;}
.group_inpBtn.flex > .label_select .input_st{ width:100%;}

}

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

}

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

}

@media screen and (max-width:380px){
.board_view_top .board_info > li{ flex:1 1 100%;}

}

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

}

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

}