@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:.938em;}

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


/*COMMENT***************************/
.comment_area .comment_info{}
.comment_area .comment_info .input_st{ flex:1; width:auto;}
.comment_area .comment_info > .comm_inner{ width:55%;}
.comment_area .comment_info > .comm_spam{ flex:1; padding:0 1em;}
.comment_area .comment_info > .comm_spam .spamInp{ flex:1;}

/**/
.board_photo .list{ margin:0 0 -3em -.75em}
.board_photo .list > li .wrap_in{ margin:0 0 3em .75em;}
.board_photo .list > li .wrap_in .img_wrap{ box-shadow:0 0 .5em rgba(0,0,0,.1);}
.board_photo .list > li .wrap_in .con_wrap .t1{ font-size:1em;}
.board_photo .list > li .wrap_in .con_wrap .btn{ width:100%;}
.board_photo .list > li .wrap_in .con_wrap .btn ~ .btn{ margin-top:.25em;}

/**/
.board_list .list_con .circle{ font-size:.750em;}
.board_list:not(.page_layout) .list_con{ padding:1em .5em;}
.board_list:not(.page_layout) .list_con .tit{ font-size:1.063em;}


/**/
.table_st{ font-size:1em;}
.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:.938em;}
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:600;}
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;}
.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; font-size:.938em;}
.board_view_middle{ padding:2.5em 0 !important; overflow-x:auto;}
.board_view_bottom .w_form_tit{ width:7em;}


/*COMMENT***************************/
.comment_area .comment_tit .tit > span{ width:100%;}
.comment_area .comment_tit .tit > span ~ span{ margin-top:.375em;}
.comment_area .comment_info .input_st:last-child{ margin-right:0;}
.comment_area .comment_info > .label_st{ order:-1;}
.comment_area .comment_info > .comm_inner{ flex:1 1 100%; margin-top:.375em;}
.comment_area .comment_info > .comm_spam{ flex:1 1 100%; padding:.25em 0 0 0;}
.comment_area .comment_info > .comm_spam .spamInp{ display:flex;}

.comment_area .comment{ position:relative; padding-right:0;}
.comment_area .comment .comment_txt{ height:8em;}
.comment_area .comment .comment_btn{ position:static; width:100%; height:3em; margin-top:.5em;}


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

/**/
.board_photo .list > li{ width:50%;}

.board_list .list_con .circle{ display:none;}


/************/
/*TABLE*/
.table_st.response{ border-top:none;}
.table_st.response:not(.list) th,
.table_st.response:not(.list) td{ text-align:left !important; padding-left:.5em; padding-right:.5em;}
.table_st.response:not(.list) tbody th{ background:#fef2f3;}
.table_st.response tbody td{ background:#fff !important;}

.table_st.page.response tbody tr{ margin-top:-1px; border:solid #000; border-width:1px 0 0 0;}
.table_st.page.response tbody tr:first-child{ margin-top:0; border-top-width:3px; border-color:#ec1c24;}
.table_st.page.response tbody th:not([data-th]) .input_tt{ display:inline}
.table_st.page.response *[data-th]:before{ flex:1 0 25%; max-width:25%; min-width:8.5em;}

.table_st.page.response.moSt1 tbody *[data-th]:before{ max-width:none; flex:1 1 auto;}
.table_st.page.response.moSt1 tbody *[data-th] > *{ flex:0 1 auto;}
.table_st.page.response.moSt1 tbody *[data-th]:before,
.table_st.page.response.moSt1 tbody *[data-th] > *{ padding:.25em 0;}

.table_st.page.response.moSt2 tbody tr{ display:flex; flex-wrap:wrap; align-content:center; align-items:center;}
.table_st.page.response.moSt2 tbody tr:not(:first-child){ border-color:#e5e5e5;}
.table_st.page.response.moSt2 tbody tr *:not(.moTit):not(.moCon){ width:100% !important;}
.table_st.page.response.moSt2 tbody .moTit{ flex:1 1 auto; border-width:0;}
.table_st.page.response.moSt2 tbody .moCon{ flex:0 1 auto; border-width:0; text-align:right !important;}

.table_st.line.response th,
.table_st.line.response td{ border-left-width:0;}

.table_st.response .mo_pointBox{ margin:.75em 0 1.5em 0 !important; padding:1em 1em !important; border:1px solid #e5e5e5 !important;}
.table_st.response .mo_pointBox:last-child:not(th):not(td){ margin-bottom:0 !important;}
.table_st.response .mo_pointBox th,
.table_st.response .mo_pointBox td{ padding:0 0; border-width:0;}

.table_st.form.response{}

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

.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:0 1 auto; width:auto;}
.board_search_wrap .sel:first-child .input_st{ padding-left:0;}
.board_search_wrap .inp{ width:100%;}
.board_search_wrap .btn_write{ flex:1 0 100%; width:100%; margin:.5em 0 0 0; font-size:1.125em; font-weight:500;}

.board_search_wrap .po{ flex:1;}
.board_search_wrap .po .btn{ right:0; padding:0 0;}

.board_paging{ font-size:.750em;}

/**/
.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:600px){
.page_icon_list .moHide{ display:none;}

/* New */
.table_st.page.response.moSt1 tbody *[data-th]:before {
  flex: 1 1 30%;
}
.table_st.page.response.moSt1 tbody *[data-th] > * {
  flex: 1 1 65%;
}

}

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

}