@charset "utf-8";
/*CSS Document*/
@import url(/adm/wiz_reset.css);
:root {
  --m-color: #0084dd;
  --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;
}

html,
body {
  font-size: 14px;
}
body,
table,
th,
td,
input,
select,
textarea,
div,
button,
form {
  color: #333; /*line-height:1.6;*/
  font-family: inherit;
  font-size: inherit;
}
.bbs_btn {
  border: 1px solid #ddd;
  line-height: 24px;
  font-size: 12px;
  padding: 0 12px;
  box-sizing: border-box;
  display: inline-block;
  cursor: pointer;
}
.bbs_btn.bg {
  background: #777;
  color: #fff;
  border-color: #777;
}
.bbs_chip {
  border: 1px solid #ddd;
  line-height: 16px;
  font-size: 12px;
  padding: 0 4px;
  box-sizing: border-box;
  display: inline-block;
  border-radius: 4px;
  margin: 0 4px;
}
.bbs_chip.ready {
  color: var(--m-ready);
  border-color: var(--m-ready);
  background: #fff;
}
.bbs_chip.ing {
  color: var(--m-ing);
  border-color: var(--m-ing);
  background: #fff;
}
.bbs_chip.end {
  color: var(--m-end);
  border-color: var(--m-end);
  background: #f3f3f3;
}
.prd_chip {
  border: 1px solid #ddd;
  line-height: 11px;
  font-size: 11px;
  padding: 1px 4px;
  box-sizing: border-box;
  display: inline-block;
  border-radius: 4px;
  margin: 0 4px 0 0;
}
.prd_chip.new {
  background: var(--m-new);
  color: #fff;
  border-color: var(--m-new);
}
.prd_chip.pop {
  background: var(--m-pop);
  color: #fff;
  border-color: var(--m-pop);
}
.prd_chip.recom {
  background: var(--m-rec);
  color: #fff;
  border-color: var(--m-rec);
}
.prd_chip.sale {
  background: var(--m-sale);
  color: #fff;
  border-color: var(--m-sale);
}
.prd_chip.best {
  background: var(--m-best);
  color: #fff;
  border-color: var(--m-best);
}

/***************************************************** 게시판 카테고리 *****************************************************/
.cat_lst {
  margin-bottom: 10px;
}
.cat_lst a {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.065rem;
  color: #999;
  text-align: center;
  margin: 0 4px;
  vertical-align: middle;
  box-sizing: border-box;
}
.cat_lst a:first-child {
  margin-left: 0;
}
.cat_lst a:hover {
  color: var(--m-color);
}
.cat_lst a.on {
  color: var(--m-color);
}

.count {
  display: block;
  font-size: 15px;
  line-height: 20px;
  font-weight: 500;
  letter-spacing: -0.045rem;
  color: #222;
  background: url(./image/total_ico.png) 0 50% no-repeat;
  padding-left: 20px;
  margin-bottom: 10px;
  box-sizing: border-box;
}
.count strong {
  color: #eb0808;
}
.AW_bbs_table span.notice {
  color: var(--m-color);
}

/***************************************************** 리스트 *****************************************************/
.AW_bbs_table {
  border-top: 1px solid #999;
}
.AW_bbs_table,
.AW_bbs_table tbody,
.AW_bbs_table > tbody > tr {
  display: block;
  width: 100%;
  text-align: left;
}
.AW_bbs_table tr {
  padding: 14px 1%;
  box-sizing: border-box;
  border-bottom: 1px solid #ddd;
}
.AW_bbs_table th {
  text-align: left;
  word-break: break-all;
  display: block;
}
.AW_bbs_table th,
.AW_bbs_table td {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: -0.045rem;
  color: #333;
  vertical-align: middle;
}
.AW_bbs_table th a {
  display: inline;
  color: #333;
  line-height: 1.5;
}
.AW_bbs_table th a,
.AW_bbs_table th .cat {
  font-size: 14px;
  color: #333;
}
.AW_bbs_table td {
  display: none;
  text-align: left;
  font-size: 13px;
  line-height: 24px;
  color: #999;
  padding: 0 !important;
}
.AW_bbs_table td .m_ttl {
  display: none;
}
.AW_bbs_table td .m_ttl {
  vertical-align: middle;
  margin-right: 8px;
}
.AW_bbs_table td.w {
  display: inline-block;
}
.AW_bbs_table td.d {
  display: inline-block;
  margin-left: 15px;
}
.AW_bbs_table td.h {
  display: inline-block;
  margin-left: 15px;
}
.AW_bbs_table td.c {
  display: inline-block;
  margin-left: 15px;
}
.AW_bbs_table td.h .m_ttl {
  display: inline-block;
}
.AW_bbs_table td.h a {
  display: inline-block;
  vertical-align: middle;
}
.AW_bbs_table td a,
.AW_bbs_table td .cat {
  font-size: 16px;
  line-height: 24px;
  color: #333;
}
.AW_bbs_table td .cat {
  font-size: 14px;
  line-height: 20px;
  color: var(--m-color);
}

.list_foot {
  margin: 4px 0 0;
}
.list_foot td {
  padding: 8px 0 0;
  box-sizing: border-box;
}

.bbs_btn {
  border: 1px solid #ddd;
  line-height: 24px;
  font-size: 12px;
  padding: 0 12px;
  box-sizing: border-box;
  display: inline-block;
  cursor: pointer;
}
.bbs_btn.bg {
  background: #777;
  color: #fff;
  border-color: #777;
}

/***************************************************** 게시판 하단 검색 *****************************************************/
.AWbbs_f_search {
  border-top: 1px solid #999;
  border-bottom: 1px solid #ddd;
  background: #f7f7f7;
  padding: 10px 0;
  width: 100%;
  margin: 0 auto;
  table-layout: fixed;
}
.AWbbs_f_search tbody {
  width: 100%;
}
.AWbbs_f_search tr {
  width: 100%;
}
.AWbbs_f_search select {
  width: 100%;
  height: 37px;
  border: 1px solid #ccc;
  padding: 4px 10px 5px;
  box-sizing: border-box;
  font-family: inherit;
}
.AWbbs_f_search input {
  width: 100%;
  height: 37px;
  line-height: 35px;
  background: #fff;
  border: 1px solid #ccc;
  padding: 3px 10px 3px;
  box-sizing: border-box;
  font-family: inherit;
}
.AWbbs_f_search button {
  width: 100%;
  height: 37px;
  font-size: 14px;
  font-weight: 500;
  line-height: 37px;
  letter-spacing: -0.065rem;
  color: #fff;
  background: #555;
  font-family: inherit;
}

/***************************************************** 게시판 하단 페이징 *****************************************************/
.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;
}
.bbs_paging tr td b {
  display: block;
  width: 100%;
  height: 100%;
  line-height: 30px;
  background: var(--m-color);
  color: #fff;
  font-weight: bold;
}
.bbs_paging tr td img {
  display: block;
  max-width: 100%;
  max-height: 100%;
}

/***************************************************** 게시판 내용 보기 *****************************************************/
.bbs_view {
  width: 100%;
  display: block;
  border-top: 1px solid #333;
  box-sizing: border-box;
}
.bbs_view > thead {
  width: 100%;
  display: block;
}
.bbs_view > tbody {
  width: 100%;
  display: block;
}
.bbs_view > thead > tr,
.bbs_view > tbody > tr {
  width: 100%;
  display: block;
  box-sizing: border-box;
}
.bbs_view tr.line {
  border-bottom: 1px solid #ddd;
}
.bbs_view > thead > tr > th,
.bbs_view > tbody > tr > th {
  width: 100%;
  display: block;
  text-align: left;
  padding: 14px 1%;
  box-sizing: border-box;
  font-size: 14px;
  color: #333;
  letter-spacing: -0.025em;
  font-weight: 400;
  line-height: 24px;
}
.bbs_view > thead > tr > th b,
.bbs_view > tbody > tr > th b {
  font-weight: 500;
}
.bbs_view > thead > tr .ttl {
  display: inline-block;
  vertical-align: middle;
}
.bbs_view > thead > tr .ttl + .ttl {
  margin: 0 0 0 10px;
}
.bbs_view > tbody > tr > td {
  width: 100%;
  display: block;
  padding: 14px 1%;
  box-sizing: border-box;
}
.bbs_view > tbody > tr > td img {
  max-width: 100%;
  height: auto;
}

/***************************************************** 게시판 다음글 이전글 *****************************************************/
.mNextPrev th {
  padding: 16px 1%;
  box-sizing: border-box;
  text-align: left;
  border-bottom: 1px solid #ddd;
  font-size: 14px;
  width: 20%;
  font-weight: 400;
}
.mNextPrev td {
  padding: 16px 1%;
  box-sizing: border-box;
  border-bottom: 1px solid #ddd;
  text-align: left;
  font-weight: 400;
  font-size: 14px;
}
.mNextPrev td img {
  max-height: 11px;
  width: 11px;
  vertical-align: middle;
}

/***************************************************** 상품평 이용가능한 게시판 *****************************************************/
.Prd_review_bbs {
  border: 1px solid #ddd;
  background: #fafafa;
  padding: 12px;
  margin: 16px 0;
}
.Prd_review_bbs table {
  width: 100%;
  display: block;
}
.Prd_review_bbs tbody {
  width: 100%;
  display: block;
}
.Prd_review_bbs tr {
  width: 100%;
  display: block;
}
.Prd_review_bbs td {
  width: 100%;
  display: block;
}
.Prd_review_bbs th {
  width: 100%;
  display: block;
}
.Prd_review_bbs_img img {
  padding: 3px;
  background: #fff;
  border: 1px solid #ddd;
}
.Prd_review_bbs_info {
}
.Prd_review_bbs_info th {
  text-align: left;
  border-bottom: 1px solid #ddd;
  padding: 12px 0;
  box-sizing: border-box;
  font-size: 14px;
}
.Prd_review_bbs_info td {
  padding-top: 12px;
  box-sizing: border-box;
}
.Prd_review_bbs_info td span {
  color: #d43d60;
  display: block;
  font-weight: 500;
}
.bbs_more_prd_btn {
  width: 70px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background: #333;
  color: #fff;
  font-size: 13px;
}
a.bbs_more_prd_btn:link {
  color: #fff;
}
a.bbs_more_prd_btn:hover {
  color: #fff;
}

/***************************************************** 글쓰기 페이지 *****************************************************/
.AWbbs_input_table {
  display: block;
  width: 100%;
}
.AWbbs_input_table tbody {
  width: 100%;
  display: block;
}
.AWbbs_input_table tr {
  width: 100%;
  display: block;
}
.AWbbs_input_table th {
  width: 100%;
  display: block;
  text-align: left;
  font-size: 14px;
  color: #888;
  letter-spacing: -0.035em;
  font-weight: 400;
  height: 22px;
}
.AWbbs_input_table td {
  width: 100%;
  display: block;
  text-align: left;
  font-size: 14px;
  color: #888;
  letter-spacing: -0.035em;
  font-weight: 400;
  margin: 0 0 10px;
}
.AWbbs_input_table td .input {
  width: 100%;
  display: block;
  border: 1px solid #ddd;
  height: 32px;
  background: #fafafa;
  box-sizing: border-box;
  padding: 0 10px;
}
.AWbbs_input_table td textarea.input {
  width: 100%;
  display: block;
  border: 1px solid #ddd;
  background: #fafafa;
  box-sizing: border-box;
  padding: 10px;
  resize: none;
  height: 200px;
  margin: 10px 0 0;
}

/***************************************************** 코멘트 답글달기 페이지 *****************************************************/
.AWbbs_comment_input_info {
  background: #fafafa;
  width: 100%;
  display: block;
}
.AWbbs_comment_input_info tbody {
  width: 100%;
  display: block;
}
.AWbbs_comment_input_info tr {
  width: 100%;
  display: block;
}
.AWbbs_comment_input_info td {
  padding: 4px;
  box-sizing: border-box;
  width: 100%;
  flex-wrap: wrap;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  color: #888;
  letter-spacing: -0.035em;
}
.AWbbs_comment_input_info td input[type="text"] {
  width: 100%;
  display: block;
  font-size: 14px;
  padding: 0 8px;
  box-sizing: border-box;
  height: 32px;
  background: #fff;
  border: 1px solid #ddd;
}
.AWbbs_comment_input_info td input[type="password"] {
  width: 100%;
  display: block;
  font-size: 14px;
  padding: 0 8px;
  box-sizing: border-box;
  height: 32px;
  background: #fff;
  border: 1px solid #ddd;
}
.AWbbs_comment_input_info td img + input[type="text"] {
  width: calc(100% - 92px);
  margin: 0 0 0 10px;
}
.AWbbs_comment_input_info td .comment {
  display: block;
  text-align: left;
  width: 100%;
}
.comment_textarea {
  background: #fafafa;
  width: 100%;
  display: block;
}
.comment_textarea tbody {
  width: 100%;
  display: block;
}
.comment_textarea tr {
  width: 100%;
  display: block;
}
.comment_textarea td {
  width: 100%;
  display: block;
  padding: 4px;
  box-sizing: border-box;
}
.comment_textarea textarea {
  width: 100%;
  border: 1px solid #ddd;
  box-sizing: border-box;
  background: #fff;
  padding: 8px;
  font-size: 14px;
  resize: none;
  height: 120px;
}
.comment_textarea button {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background: #333;
  color: #fff;
  font-size: 14px;
  height: 42px;
}

/***************************************************** 비밀글 해제 *****************************************************/
.secret_area {
  width: 100%;
  margin: 0 auto;
  border: 2px solid #eee;
  box-sizing: border-box;
  padding: 20px;
}
.secret_area .msg {
  font-size: 14px;
  text-align: center;
  font-weight: 400;
  color: #000;
  letter-spacing: -0.045em;
  line-height: 24px;
  margin: 0 0 16px;
}
.secret_area .input-pwd {
  display: block;
  width: 100%;
  margin: 0 auto;
  border: 1px solid #ddd;
  box-sizing: border-box;
  padding: 0 8px;
  background: #fff;
  height: 36px;
}
.secret_area .bbs_bottom {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: 16px 0 0;
}
.secret_area .bbs_bottom a,
.secret_area .bbs_bottom button {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  height: 36px;
  letter-spacing: -0.045em;
  font-size: 16px;
}
.secret_area .bbs_bottom a {
  background: #e0e0e0;
  color: #666;
}
.secret_area .bbs_bottom button {
  background: #333;
  color: #fff;
}

/***************************************************** 게시판 하단 버튼 *****************************************************/
.bbs_bottom_table {
  width: 100%;
  display: block;
}
.bbs_bottom_table tbody {
  width: 100%;
  display: block;
}
.bbs_bottom_table tr {
  width: 100%;
  display: block;
}
.bbs_bottom_table td {
  width: 100%;
  display: block;
  margin: 10px 0;
}

/***************************************************** 체크박스. 라디오등등 상품평이 들어간 radio는 커스텀화 한다 *****************************************************/
.only_chk {
}
.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: block;
  width: 18px;
  height: 18px;
  background: #fff url(/img/comm/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/comm/chk_on.png) 50% 50% no-repeat;
  background-size: 72.22% auto;
  border-color: var(--m-color);
}
.only_chk.font input[type="checkbox"] + label {
  margin: 0;
  font-size: 13px;
  width: auto;
  position: relative;
  padding: 0 0 0 20px;
  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/comm/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/comm/chk_on.png) 50% 50% no-repeat;
  background-size: 72.22% auto;
  border-color: var(--m-color);
}
.only_chk.flex_center_only_chk {
  display: flex;
  justify-content: center;
  align-items: center;
}
.only_chk input[type="radio"] {
  appearance: none !important;
  border: 0;
}
.only_chk input[type="radio"] + label::before {
  font-size: 0;
  border-radius: 4px;
  display: block;
  width: 18px;
  height: 18px;
  background: #fff url(/img/comm/chk_off.png) 50% 50% no-repeat;
  background-size: 72.22% auto;
  border: 1px solid #ddd;
  box-sizing: border-box;
}
.only_chk input[type="radio"]:checked + label {
  background: var(--m-color) url(/img/comm/chk_on.png) 50% 50% no-repeat;
  background-size: 72.22% auto;
  border-color: var(--m-color);
}
.only_chk.font input[type="radio"] + label {
  line-height: 1;
  margin: 0;
  font-size: 13px;
  width: auto;
  position: relative;
  padding: 0 0 0 20px;
  box-sizing: border-box;
  border: 0;
  background: transparent;
}
.only_chk.font input[type="radio"] + label::before {
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  background: #fff url(/img/comm/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="radio"]:checked + label::before {
  background: var(--m-color) url(/img/comm/chk_on.png) 50% 50% no-repeat;
  background-size: 72.22% auto;
  border-color: var(--m-color);
}
.only_chk.star input[type="radio"] + label {
  line-height: 1;
  margin: 0;
  font-size: 13px;
  width: auto;
  position: relative;
  padding: 0 0 0 20px;
  box-sizing: border-box;
  border: 0;
  background: transparent;
}
.only_chk.star input[type="radio"] + label::before {
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  background: #fff url(/img/comm/chk_off.png) 50% 50% no-repeat;
  background-size: 72.22% auto;
  border: 1px solid #ddd;
  box-sizing: border-box;
}
.only_chk.star input[type="radio"]:checked + label::before {
  background: var(--m-color) url(/img/comm/chk_on.png) 50% 50% no-repeat;
  background-size: 72.22% auto;
  border-color: var(--m-color);
}
.chk_flex_container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 10px 0;
  font-size: 13px;
  color: #888;
}
.chk_flex_container .only_chk {
  margin: 0 4px;
}
.chk_flex_container .only_chk.star {
  margin: 0 16px 0 0;
}
.input_flex_container {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.input_flex_container .only_chk {
  margin: 0 4px;
}
.input_flex_container .only_chk.font input[type="checkbox"] + label {
  line-height: 1.4;
}