@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1024px){
.table_st.list.response{ font-size:1em;}
.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 thead{ 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); background: #f2f2f2; }
.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;  background: #f2f2f2 !important; padding-top: 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]{  flex-wrap:wrap; align-content:center; align-items:center; text-align:left; display:flex !important; }
.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; font-size: .750em; flex:1 0 10em; max-width: 10em; }
.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.list.res1.response *[data-th]{ display:block !important;}
.table_st.list.res1.response *[data-th]:before{ display:block; max-width:100%; margin-bottom:.75em; padding:.75em 0; border-bottom:1px dashed #ddd; font-size:1.063em; color:#093291;}
.table_st.list.res1.response td[data-th]:first-child{ padding-top:0;}
.table_st.list.res1.response th[data-th]:before{ padding-top:0;}
.table_st.list.response .total{ background:#eef3f6; border-color:#ccc;}
.table_st.list.response .total th{ background:#093291 !important; border-width:0; color:#fff; font-weight:700;}
.table_st.list.response .total2{ background:#f2f2f2; border-color:#ccc;}
.table_st.list.response .total2 th{ background:#444 !important; border-width:0; font-weight:700;}
.table_st.list.response .total2 td{ color:#000;}
.table_st.list.response .tb_bg1{ background:#f9f5eb !important;}

.table_st.list.response tr.mSt{position: inherit; margin-top: 0; padding: 0; border: none; box-shadow: inherit; background: none; }/*파츠 하단 텍스트 박스*/
.table_st.list.response tr:first-child td.mSt:first-child{background: none important;}
.table_st.list.response tr.mSt td:first-child{background: none !important;padding-right: 0; padding-left: 0; }

.board_st.faq .w_btn{width: 10em;}

.mBtn100{width: 100% !important}
.mBtn100.pdst1{margin-top: .5em;}

.qty_inp,
.cart_qty{min-width: 100% !important; width: 100% !important;}


}

@media screen and (max-width:900px){
/*공지사항*/
.board_st.list.tit + .board_st.list{ border-top:2px solid #243763;}
.board_st.list{display: block; box-sizing: border-box; width: auto !important; height: auto !important}
.board_st.list thead{display: none;}
.board_st.list tbody {display: block; box-sizing: border-box; width: auto !important; height: auto !important}
.board_st.list tbody tr{display: block; box-sizing: border-box; width: auto !important; height: auto !important; padding: .5em; border-bottom: 1px solid #ddd;}
.board_st.list tbody td{position: relative; display: block; box-sizing: border-box; width: auto !important; height: auto !important; border: none; text-align: left; padding: .5em 0;}
.board_st.list tbody td.w_no{display: none;}
.board_st.list .w_tit a{ max-width:100% !important; white-space:normal !important; font-size: 1.125em; font-weight: 600; text-align: left}
.board_st.list .w_tit ~ td{position:relative; display:inline-block; padding-left:.75em; margin-left:.75em; text-align: center;}
.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 .w_tit ~ td.w_name.st1{margin-left: 0; padding-left: 0;}
.board_st.list tbody tr:nth-child(2n-1) {background: #fafafa}

.board_st.faq .list > li.BScon .con .w_faq{display: none;}
.board_st.faq .list > li.BScon .con .w_tit{padding: 0;}

}

@media screen and (max-width:780px){
.input_st{}
.input_st.w1{ width:100%}
.input_wrap .input_st{ flex:1 1 0%; min-width:0}
.input_wrap .wrap100{ width:100%; display:flex; align-items:center}
.input_wrap .wrap100:not(:last-child){ margin-bottom:.5em}

}

@media screen and (max-width:768px){
.w_faq{width: 4em;}

/**/
.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 - 7em);}
.board_search_wrap .btn{ flex:1; max-width:7em;}
.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_st.write{}
.board_st.write tr{ padding:1em .25em; /*border-bottom:1px solid #aaa;*/}
.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 auto; min-width: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{flex-wrap: wrap;}
.board_st.faq .list > li .con .faq_tit{font-size: 1.5em;}
.board_st.faq .list > li .con .w_tit{ padding:1em .5em;}
.board_st.faq .list > li .con .faqQ{ font-weight:500;}
.board_st.faq .w_btn {width: 100%; order: 4; text-align: left; padding-bottom: .250em;}
.board_st.faq .w_faq{width: 3em;}
.board_st.faq .w_more{width: 3em; order: 3;}
.board_st.faq .w_btn > *{vertical-align: middle !important}
}

@media screen and (max-width:500px){
.table_st.list.response tr{padding: .5em;}

.board_st.list .w_tit a{font-size: 1.063em}
.board_st.list .w_tit ~ td{font-size: .813em; margin-left: .75em; padding-left: .75em;}
.board_st.list .w_tit + td{margin-left: 0; padding-left: 0;}

.board_st.list .w_tit ~ td{margin-left: .5em; padding-left: .5em;}

}

@media screen and (max-width:280px){
.board_search_wrap .inp{max-width: calc(100% - 6em)}
.board_search_wrap .btn{flex:100%; max-width: 100%; margin-top: .5em;}
}