@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:block; 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;}