@charset "utf-8";
/*CSS Document*/
@import url(/adm/wiz_reset.css);
@import url(/adm/wiz_reset_m.css);
:root {
  --m-color: #EE1C25;
  --m-color-transparent: rgba(0, 132, 221, 0.65);
  --m-color-strong: #0669a6;
  --m-error: #d43d60;
  --m-new: #fca604;
  --m-pop: #32c081;
  --m-rec: #fa647d;
  --m-sale:#ec3f3f;
  --m-ing: #00a4a2;
  --m-best: #00a4a2;
  --m-end: #8f8f99;
  --m-ready: #f58604;
}

body, table, th, td, input, select, textarea, div, button, form{font-family: inherit; font-size: inherit;}
/* respon table resizing */
#wiz_get_table_width {width:100% !important;}

.category_pd { padding-bottom:20px;  box-sizing:border-box; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
.category_pd a { font-size: 14px; letter-spacing: -0.025rem; color: #666; display: block; margin: 0 4px;}
.category_pd i {display: inline-block; width: 1px; height: 12px; background: #ddd; margin: 0 4px;}
.category_pd a b {color: var(--m-color);}
.category_pd font:last-child {display: none;}

/***************************************************** 코멘트 작성 *****************************************************/
.AWbbs_comment_id{ text-align:center; background:#f7f7f7; line-height:1.4;}
.AWbbs_comment_id p{font-weight:bold;}
.bbsComment { background: #fafafa; border-top: 1px solid #333; box-sizing: border-box; border-bottom: 1px solid #ddd; padding: 18px 14px; margin: 0 0 16px;}
.AWbbs_comment_input_info{font-size: 15px; width: 100%; text-align: left; display: block;}
.AWbbs_comment_input_info tbody {width: 100%; display: block; }
.AWbbs_comment_input_info tr {display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
.AWbbs_comment_input_info input {vertical-align: middle; font-family: inherit; display: inline-block; width: 200px; max-width: 100%; padding: 2px 12px; height: 32px; box-sizing: border-box; border: 1px solid #ddd; background: #fff; font-size: 14px; }
.AWbbs_comment_input_info th {width: 70px; padding: 0; text-align: left; display: block; box-sizing: border-box;}
.AWbbs_comment_input_info th:first-of-type {width: 50px;}
.AWbbs_comment_input_info th:last-of-type {width: 70px;}
.AWbbs_comment_input_info td {box-sizing: border-box; display: block; max-width: calc(100% - 70px); width: 100%; padding: 3px 0;}
.comment_textarea {width: 100%; margin: 12px 0 0;}
.comment_textarea tbody {width: 100%;}
.comment_textarea tr {width: 100%;}
.comment_textarea td {vertical-align: top;}
.comment_textarea td[colspan="2"] {padding: 20px 0 0; box-sizing: border-box;}
.comment_textarea textarea {resize: none; font-family: inherit; display: inline-block; width: 100%; padding: 12px 12px; height: 80px; box-sizing: border-box; border: 1px solid #ddd; background: #fff; font-size: 14px; }
.comment_textarea button {display: block; width: 88px; height: 80px; text-align: center; background: #333; color: #fff; font-family: inherit; font-size: 14px;}
.comment_textarea .comment {font-size: 15px; word-break: keep-all; display: inline-block;}
.comment_textarea input[type=text] {vertical-align: middle; font-family: inherit; display: inline-block; width: 100%; max-width: 200px; padding: 2px 12px; height: 32px; box-sizing: border-box; border: 1px solid #ddd; background: #fff; font-size: 14px; }


.AW-bbs-delwrap{width:92%; max-width:400px; text-align:center; padding:35px 0; margin:0 auto; border:2px solid #ddd; box-sizing:border-box;}
.AW-bbs-delwrap i{}
.AW-bbs-delwrap p{margin:20px 0 20px;}
.AW-bbs-delwrap div{}
.AW-bbs-delwrap div,.AW-bbs-delwrap div *{vertical-align:middle;}
.AW-bbs-delwrap div input[type="password"]{width:130px; height:25px; line-height:25px; text-align:center;}
.AW-bbs-delwrap div img{cursor:pointer;}

/******************************************************* 리스트 하단버튼 *******************************************************/
.bbs_btn { border: 1px solid #ddd;line-height: 31px;font-size: 14px;padding: 0 12px;box-sizing: border-box;display: inline-block;cursor: pointer; vertical-align: middle;}
.bbs_btn.bg {background: #777; color: #fff;border-color: #777;}
.bbs_btn { line-height: 31px; padding: 0 12px;}


.AWbbs_f_search {display: flex; justify-content: flex-end; align-items: center; width: 100%; margin: 0 0 10px;}
.AWbbs_f_search table {flex: none; width: 100%; display: block;}
.AWbbs_f_search tbody {width: 100%; display: block;}
.AWbbs_f_search tr {width: 100%; display: flex; justify-content: flex-end; align-items: center; flex-wrap: wrap;}

.AWbbs_f_search td { padding: 16px 2px; box-sizing: border-box; display: block; flex: none;}
.AWbbs_f_search td:first-of-type {width: 100%; text-align: left; padding: 5px 0;}
.AWbbs_f_search td:nth-of-type(2) {box-sizing: border-box; width: 70%; padding: 5px 0; }
.AWbbs_f_search td:nth-of-type(3) {width: 30%; padding: 5px 0 5px 5px;}

.AWbbs_f_search select { font-family: inherit; display: inline-block; width: 100%; height: 43px; padding: 2px 30px 2px 12px; box-sizing: border-box; border: 1px solid #ddd; background: #fff url(/img/icon/sel_ico.png) calc(100% - 12px) 54% no-repeat; background-size: 13px auto;}
.AWbbs_f_search input { font-family: inherit; display: inline-block; width: 100%; height: 43px; padding: 2px 12px; box-sizing: border-box; border: 1px solid #ddd; background: #fff; }
.AWbbs_f_search button { font-family: inherit; display: inline-block; width: 100%; height: 43px; box-sizing: border-box; border: 1px solid #222; background: #222; color: #fff; }


/******************************************************* 게시판 페이징처리 *******************************************************/
.bbs_paging { margin: 20px auto 30px; }
.bbs_paging tr td { width: 30px; height: 30px; text-align: center; vertical-align: middle; padding-left: 3px; }
.bbs_paging tr td:first-of-type { padding: 0; }
.bbs_paging tr td a { display: block; width: 100%; height: 100%; line-height: 30px; font-size: 14px;}
.bbs_paging tr td b { display: block; width: 100%; height: 100%; line-height: 30px; background: #223568; color: #fff; font-weight: bold; font-size: 14px;}
.bbs_paging tr td img { display: block; max-width: 100%; max-height: 100%; }
.pager b {font-size: 14px;}

.faqBasic {width: 100%; border-collapse: collapse; font-family: inherit; }
.faqBasic tr.line {border-bottom: 1px solid #ddd; box-sizing: border-box;}
.faqBasic td {padding: 20px 10px; box-sizing: border-box; vertical-align: top;}
.faqBasic td.ttl {font-size: 15px; padding: 20px 10px 20px 0; line-height: 24px;}
.faqBasic .faqCont {background: #fafafa; padding: 20px 30px; box-sizing: border-box; border-bottom: 1px solid #ddd; font-size: 15px; line-height: 24px; color: #666; letter-spacing: 0;}
.faqBasic .faqCont .ttl {display: flex; justify-content: flex-start; align-items: center;}
.faqBasic .faqCont .ttl .cont {font-size: 15px; width: 80%; display: inline-block; vertical-align: middle;}
.faqBasic .faqCont .ttl .edit {font-size: 15px; width: 20%; display: flex; justify-content: flex-end; align-items: center;}
.faqBasic th {}
.faqBasic td {}
.faqBasic td .q-mark {color: var(--m-color); font-weight: bold; font-size: 24px;}
.faqBasic td .a-mark {color: #ff0000; font-weight: bold; font-size: 24px;}
.faqBasic td.hidden_chk {padding-left: 0 !important; padding-right: 0 !important; width: 0 !important;}
.faqBasic td .edit {}


/***************************************************** 게시판 글쓰기 *****************************************************/
.AWbbs_input_table{ border-top:1px solid #333; width: 100%;}
.AWbbs_input_table th, .AWbbs_input_table td{font-size: 13px; text-align:left; padding: 12px 20px; box-sizing: border-box; border-bottom:1px solid #ddd; }
.AWbbs_input_table th  input, .AWbbs_input_table td input {vertical-align: middle; font-family: inherit; display: inline-block; width: 260px; padding: 2px 12px; height: 32px; box-sizing: border-box; border: 1px solid #ddd; background: #fff; font-size: 14px; }
.AWbbs_input_table th  input[name=subject], .AWbbs_input_table td input[name=subject] {width: 460px;}
.AWbbs_input_table th  select, .AWbbs_input_table td select {vertical-align: middle; font-family: inherit; display: inline-block; width: auto; padding: 2px 40px 2px 12px; height: 32px; box-sizing: border-box; border: 1px solid #ddd; background: #fff url(/img/icon/sel_ico.png) calc(100% - 12px) 54% no-repeat; background-size: 13px auto; font-size: 14px; }
.AWbbs_input_table th{background: #fafafa;}
.AWbbs_input_table th input[type=checkbox], .AWbbs_input_table td input[type=checkbox] {appearance: none; width: 0; height: 0; margin: 0; padding: 0;}
.AWbbs_input_table th input[type=checkbox]:checked + label, .AWbbs_input_table td input[type=checkbox] + label {font-size: 14px; font-family: inherit; display: inline-block; position: relative; padding: 0 0 0 26px; box-sizing: border-box;}
.AWbbs_input_table th input[type=checkbox] + label::before, .AWbbs_input_table td input[type=checkbox] + label::before {content: ''; display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); border-radius: 4px; width: 18px; height: 18px; background: #fff url(/img/icon/chk_off.png) 50% 50% no-repeat; background-size: 72.22% auto; border: 1px solid #ddd; box-sizing: border-box;}
.AWbbs_input_table th input[type=checkbox]:checked + label::before, .AWbbs_input_table td input[type=checkbox]:checked + label::before {background: var(--m-color) url(/img/icon/chk_on.png) 50% 50% no-repeat; background-size: 72.22% auto; border-color: var(--m-color); }

.AWbbs_input_table th input[type=radio], .AWbbs_input_table td input[type=radio] {appearance: none; width: 0; height: 0; margin: 0; padding: 0;}
.AWbbs_input_table th input[type=radio]:checked + label, .AWbbs_input_table td input[type=radio] + label {font-size: 14px; font-family: inherit; display: block; position: relative; padding: 0 0 0 26px; box-sizing: border-box;}
.AWbbs_input_table th input[type=radio] + label::before, .AWbbs_input_table td input[type=radio] + label::before {content: ''; display: block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); border-radius: 50%; width: 18px; height: 18px; background: #fff url(/img/icon/chk_off.png) 50% 50% no-repeat; background-size: 72.22% auto; border: 1px solid #ddd; box-sizing: border-box;}
.AWbbs_input_table th input[type=radio]:checked + label::before, .AWbbs_input_table td input[type=radio]:checked + label::before {background: var(--m-color) url(/img/icon/chk_on.png) 50% 50% no-repeat; background-size: 72.22% auto; border-color: var(--m-color); }
.AWbbs_input_table .ess {font-size: 13px; color: #ff0000; display: inline-block; vertical-align: middle;}

.AWbbs_input_table input[type=file] {height: auto; padding: 4px; box-sizing: border-box;}
.AWbbs_input_table textarea {font: inherit; width: 100%; display: block; resize: none; border: 1px solid #ddd; background: #fff; padding: 20px; box-sizing: border-box; }
.AW_bbs_input_checkbox{ margin:0 0 10px;}
.AW_bbs_input_checkbox input{vertical-align:middle;}
.AW_bbs_input_checkbox label{vertical-align:middle; margin:0 10px 0 2px;}
.AWbbs_input_table .comment {display: block; margin: 10px 0 0;}
.ess {font-size: 13px; word-break: keep-all; line-height: 1.2;}
.AWbbs_input_table th input[type=checkbox], .AWbbs_input_table td input[type=checkbox],.AWbbs_input_table th input[type=radio], .AWbbs_input_table td input[type=radio] {display: none; appearance: none;}


/***************************************************** 체크박스 커스텀 *****************************************************/
.only_chk {}
.only_chk.inline {display: inline-block; vertical-align: middle;}
.only_chk.flex_center_only_chk {display: flex; justify-content: center; align-items: center;}
.only_chk input[type=checkbox] {appearance: none !important;}
.only_chk input[type=checkbox] + label {font-size: 0;  border-radius: 4px; display: inline-block; vertical-align: middle; width: 18px; height: 18px; background: #fff url(/img/icon/chk_off.png) 50% 50% no-repeat; background-size: 72.22% auto; border: 1px solid #ddd; box-sizing: border-box;}
.only_chk input[type=checkbox]:checked + label {background: var(--m-color) url(/img/icon/chk_on.png) 50% 50% no-repeat; background-size: 72.22% auto; border-color: var(--m-color); }
.only_chk.font input[type=checkbox] + label {line-height: 1; margin: 0; font-size: 15px; width: auto; position: relative; padding: 0 0 0 30px; box-sizing: border-box; border: 0; background: transparent;}
.only_chk.font input[type=checkbox] + label::before {position: absolute; top: 50%; left: 0; transform: translateY(-50%); content: ''; border-radius: 4px; display: block; width: 18px; height: 18px; background: #fff url(/img/icon/chk_off.png) 50% 50% no-repeat; background-size: 72.22% auto; border: 1px solid #ddd; box-sizing: border-box;}
.only_chk.font input[type=checkbox]:checked + label::before {background: var(--m-color) url(/img/icon/chk_on.png) 50% 50% no-repeat; background-size: 72.22% auto; border-color: var(--m-color);}


.paging_container {margin: 32px auto;}
select {appearance:  none !important;}