@charset "utf-8";/*CSS Document*/
/*CSS Document*/
@import url(/adm/wiz_reset.css);
:root {
    --m-color: #223568;
    --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{color:#333; /*line-height:1.6;*/ font-family: inherit; font-size: inherit;}
/* respon table resizing */
#wiz_get_table_width {width:100% !important;}

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

/***************************************************** 리스트 *****************************************************/
/* 게시판 카테고리 ----------------------------------------- */
.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:#223568;}
.cat_lst a.on {color:#223568;}

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


.photo_bbs { width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; }
.photo_bbs li { padding: 0 0 40px; box-sizing: border-box; margin: 0 2.6% 0 0; }
.photo_bbs .only_chk {display: inline-block;}
.photo_bbs .img_box a { display: block; width: 100%; }
.photo_bbs .thumb {position:relative; width:100%; padding-top:70%; margin:0 0 17px; box-sizing:border-box; overflow:hidden; border: 1px solid #ddd; box-sizing: border-box;}
.photo_bbs .thumb img {position:absolute; width:100%; transition:all 0.3s; height: auto; min-height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.photo_bbs li:hover img {transform: translate(-50%, -50%) scale(1.05);}
.photo_bbs .tit a {transition: all 0.3s; display:block; max-height: 48px; font-size: 17px; font-weight:500; line-height: 22px; letter-spacing:-0.025rem; color:#222;
    overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.photo_bbs .tit a:hover {text-decoration: underline;}
.photo_bbs .tit .num {font-size: 14px; font-family: 'NotoSans', sans-serif; font-weight: 500; margin: 0 0 6px; display: inline-block;}
.photo_bbs .tit .num .only_chk + em {margin: 0 0 0 4px;}
.photo_bbs .tit .num font {font-size: 14px; font-family: 'NotoSans', sans-serif; font-weight: 500;}
.photo_bbs .date {font-size: 14px; color: #888; letter-spacing: 0; margin: 15px 0 0; font-family: 'Lato', sans-serif; font-weight: normal;}

.photo_bbs.lst_type_1 li {width: calc(100% / 1); margin: 0;}
.photo_bbs.lst_type_2 li {width: calc((100% - 2.6%) / 2);}
.photo_bbs.lst_type_2 li:nth-of-type(3n) {margin: 0;}
.photo_bbs.lst_type_3 li {width: calc((100% - 5.2%) / 3);}
.photo_bbs.lst_type_3 li:nth-of-type(4n) {margin: 0;}
.photo_bbs.lst_type_4 li {width: calc((100% - 7.8%) / 4);}
.photo_bbs.lst_type_4 li:nth-of-type(5n) {margin: 0;}
.photo_bbs.lst_type_5 li {width: calc((100% - 10.4%) / 5);}
.photo_bbs.lst_type_5 li:nth-of-type(6n) {margin: 0;}
.photo_bbs li.line {padding: 0; width: 100% !important; height: 1px; margin: 0;}

@media all and (max-width: 900px) {
    .photo_bbs {}
    .photo_bbs li {padding: 0 0 4rem;}
    .photo_bbs .tit a {font-size: 1.5rem; line-height: 1.2; max-height: 4.8rem;}
    .photo_bbs .date {margin: 1rem 0 0; font-size: 1.3rem;}
    .photo_bbs .tit .num {font-size: 1.2rem; margin: 0 0 0.5rem;}
    .photo_bbs .tit .num font {font-size: 1.2rem;}
    .photo_bbs .tit .num .only_chk + em {margin: 0 0 0 0.4rem;}

}

@media all and (max-width: 767px) {
    .photo_bbs {}
    .photo_bbs .tit a {font-size: 1.6rem; max-height: 4.8rem;}
    .photo_bbs .date {font-size: 1.4rem;}
    .photo_bbs .tit .num {font-size: 1.4rem; margin: 0 0 1rem;}
    .photo_bbs .tit .num font {font-size: 1.4rem;}
    .photo_bbs li.line {display: none !important;}

    .photo_bbs.lst_type_1 li {width: calc(100% / 1); margin: 0;}

    .photo_bbs.lst_type_2 {justify-content: space-between;}
    .photo_bbs.lst_type_2 li {width: calc((100% - 2.6%) / 2); margin: 0 !important;}

    .photo_bbs.lst_type_3 {justify-content: space-between;}
    .photo_bbs.lst_type_3 li {width: calc((100% - 2.6%) / 2); margin: 0 !important;}

    .photo_bbs.lst_type_4 {justify-content: space-between;}
    .photo_bbs.lst_type_4 li {width: calc((100% - 2.6%) / 2); margin: 0 !important;}

    .photo_bbs.lst_type_5 {justify-content: space-between;}
    .photo_bbs.lst_type_5 li {width: calc((100% - 2.6%) / 2); margin: 0 !important;}

    .photo_bbs.lst_type_3 {}
}
@media all and (max-width: 350px) {
    .photo_bbs {}
    .photo_bbs .tit a {font-size: 1.9rem; max-height: 4.8rem;}
    .photo_bbs .date {font-size: 1.6rem; margin: 1.4rem 0 0;}
    .photo_bbs .tit .num {font-size: 1.6rem; margin: 0 0 0.875rem;}
    .photo_bbs .tit .num font {font-size: 1.6rem;}
    .photo_bbs.lst_type_3 li {width: 100%;}
    .photo_bbs.lst_type_3 li {width: 100%;}
    .photo_bbs.lst_type_3 li {width: 100%;}
    .photo_bbs.lst_type_4 li {width: 100%;}
    .photo_bbs.lst_type_5 li {width: 100%;}
}


/***************************************************** 상품평 *****************************************************/
/* 상품평 view ------------------------------------------*/
.Prd_review_bbs { border:1px solid #ddd; background:#fafafa; padding:20px; margin:15px 0; }
.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-bottom:15px;  font-size:16px; }
.Prd_review_bbs_info td { padding-top:15px;  }
.Prd_review_bbs_info td span {color:#d43d60;}
.bbs_more_prd_btn {width: 80px; height: 40px; display: flex; justify-content: center; align-items: center; text-align: center; background: #333; color: #fff; font-size: 16px;}
a.bbs_more_prd_btn:link {color: #fff;}
a.bbs_more_prd_btn:hover {color: #fff;}

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

@media all and (max-width: 900px) {
    .bbs_btn {font-size: 1.4rem; line-height: 3.1rem; padding: 0 1.2rem;}
}


.AWbbs_f_search {display: flex; justify-content: flex-end; align-items: center; width: 100%;}
.AWbbs_f_search table {flex: none;}
.AWbbs_f_search td { padding: 16px 2px; box-sizing: border-box; }
.AWbbs_f_search select { font-family: inherit; display: inline-block; width: auto; padding: 2px 30px 2px 12px; height: 42px; 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; letter-spacing: -0.025rem; }
.AWbbs_f_search input { font-family: inherit; display: inline-block; width: 260px; padding: 2px 12px; height: 42px; box-sizing: border-box; border: 1px solid #ddd; background: #fff; font-size: 14px; letter-spacing: -0.025rem; }
.AWbbs_f_search button { font-family: inherit; display: inline-block; width: 80px; height: 42px; box-sizing: border-box; border: 1px solid #222; background: #222; color: #fff; font-size: 14px; letter-spacing: -0.025rem; }

@media all and (max-width: 900px) {
    .AWbbs_f_search {}
    .AWbbs_f_search table {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;}
    .AWbbs_f_search td {display: block; flex: none;}
    .AWbbs_f_search td:first-of-type {width: 109px;}
    .AWbbs_f_search td:nth-of-type(2) {width: 260px; padding: 0 0.25rem; box-sizing: border-box;}
    .AWbbs_f_search td:nth-of-type(3) {width: 80px;}
    .AWbbs_f_search select {width: 100%; font-size: 1.5rem; height: 37px;}
    .AWbbs_f_search button {width: 100%; font-size: 1.5rem; height: 37px;}
    .AWbbs_f_search input {width: 100%; font-size: 1.5rem; height: 37px;}
}

@media all and (max-width: 767px) {
    .AWbbs_f_search {margin: 0 0 1rem;}
    .AWbbs_f_search tr {flex-wrap: wrap;}
    .AWbbs_f_search td:first-of-type {width: 100%; text-align: left; padding: 0.5rem 0;}
    .AWbbs_f_search td:nth-of-type(2) {width: 70%; padding: 0.5rem 0;}
    .AWbbs_f_search td:nth-of-type(3) {width: 30%; padding: 0.5rem 0 0.5rem 0.5rem;}
    .AWbbs_f_search select {height: 4.3rem;}
    .AWbbs_f_search button {height: 4.3rem;}
    .AWbbs_f_search input {height: 4.3rem;}
}
@media all and (max-width: 420px) {


}
@media all and (max-width: 375px) {
}
/******************************************************* 게시판 페이징처리 *******************************************************/
.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%; }


@media all and (max-width: 900px) {
    .bbs_paging {margin: 2rem auto 3rem;}
    .bbs_paging tr td {width: 3rem; height: 3rem; padding: 0 0 0 0.3rem; }
    .bbs_paging tr td:first-of-type {}
    .bbs_paging tr td a {line-height: 3rem; font-size: 1.4rem;}
    .bbs_paging tr td b {line-height: 3rem; font-size: 1.4rem;}
    .bbs_paging tr td img {}
}

/******************************************************* 비밀글 보기 *******************************************************/
.secret_area {width: 500px; margin: 0 auto; border: 2px solid #eee; box-sizing: border-box; padding: 20px;}
.secret_area .msg {font-size: 16px; text-align: center; font-weight: 400; color: #000; letter-spacing: -0.045em; line-height: 24px;}
.secret_area .input-pwd {display: block; width: 300px; margin: 0 auto; border: 1px solid #ddd; box-sizing: border-box; padding: 0 8px; background: #fff; height: 48px;}
.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: 48px; 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;}


/***************************************************** 게시판 보기 페이지 *****************************************************/
.AWbbs_view_table { border-collapse:collapse;}
.AWbbs_view_table.border{border-top:1px solid #333;}
.AWbbs_view_table > tbody > tr {border-bottom:1px solid #ddd;}
.AWbbs_view_table > tbody > tr.no_line {border: 0;}
.AWbbs_view_table th, .AWbbs_view_table td{text-align:left; font-size:15px; font-weight:400; letter-spacing:-0.045rem; color:#666;
    vertical-align:middle; box-sizing:border-box; padding: 14px 0 14px 3%;}
.AWbbs_view_table th {padding: 0 0 0 3%; box-sizing: border-box; color: #000; font-weight: 500; height: 50px;}
.AWbbs_view_table th.head_line {font-size: 30px; line-height: 1.2; font-family: 'NotoSans', sans-serif; padding: 27px 0 14px 3%; box-sizing: border-box; color: #000; font-weight: bold;}
.AWbbs_view_table td.sub_line {font-family: 'NotoSans', sans-serif; padding: 14px 0 27px 3%; box-sizing: border-box; color: #000; font-size: 16px;}
.AWbbs_view_table td.sub_line span {display: inline-block; vertical-align: middle; margin: 0 14px 0 0;}
.AWbbs_view_table td.sub_line span em {font-weight: bold; font-family: 'Lato', sans-serif;}
.AWbbs_view_table td.sub_line span b {font-weight: bold; font-family: 'NotoSans', sans-serif;}
.AWbbs_view_table th .cat {color:var(--m-color);}
.AWbbs_view_table td{line-height: 1.6;}
.AWbbs_view_table td[align="right"] {text-align:right;}
.AWbbs_view_table a {color:#333;}
.AWbbs_view_table a:hover {color:var(--m-color);}
.AWbbs_view_table .contents { padding: 27px 3%; box-sizing: border-box; color: #000; font-size: 18px; line-height: 1.2; font-family: 'NotoSans', sans-serif; letter-spacing: -0.045rem;}
.AWbbs_view_table img {width:auto; height:auto; max-width:100%;}
/***************************************************** 게시판 테이블 안의 테이블 리셋 *****************************************************/
.AWbbs_view_table table{border:0 none;}
.AWbbs_view_table table th, .AWbbs_view_table table td{height:auto; padding:0; border:0 none;}

@media all and (max-width: 767px) {
    .AWbbs_view_table td {padding: 1.4rem 0 1.4rem 3%; font-size: 1.5rem;}
    .AWbbs_view_table th {padding: 1.4rem 0 1.4rem 3%; font-size: 1.5rem; height: 5rem;}
    .AWbbs_view_table th.head_line {padding: 2.7rem 0 1.4rem 3%; font-size: 2.8rem; height: auto; line-height: 1.4;}
    .AWbbs_view_table td.sub_line {padding: 0 0 1.4rem 3%; font-size: 1.6rem;}
    .AWbbs_view_table td.sub_line span {margin: 0 1.4rem 0 0;}
    .AWbbs_view_table .contents {padding: 2.7rem 3%; font-size: 1.8rem;}

}
@media all and (max-width: 480px) {
    .AWbbs_view_table td {padding: 1.2rem 0 1.2rem 1.6rem; font-size: 1.4rem;}
    .AWbbs_view_table th {padding: 1.2rem 0 1.2rem 1.6rem; font-size: 1.4rem; height: 5rem; width: 25%;}
    .AWbbs_view_table th.head_line {padding: 1.6rem 0 1.2rem 1.6rem; font-size: 2.6rem; width: 100%;}
    .AWbbs_view_table td.sub_line {padding: 0 0 1.2rem 1.6rem; font-size: 1.5rem;}
    .AWbbs_view_table td.sub_line span {margin: 0 1.2rem 0 0;}
    .AWbbs_view_table .contents {padding: 1.6rem 1.6rem; font-size: 1.6rem;}

}

/***************************************************** 코멘트 작성 *****************************************************/
.AWbbs_comment_id{ text-align:center; background:#f7f7f7; line-height:1.4;}
.AWbbs_comment_id p{font-weight:bold;}
.AWbbs_comment_id span{display:block; color:#999; font-size:10px;}
.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{}
.AWbbs_comment_input_info input {vertical-align: middle; font-family: inherit; display: inline-block; width: 180px; padding: 2px 12px; height: 36px; box-sizing: border-box; border: 1px solid #ddd; background: #fff; font-size: 14px; letter-spacing: -0.025rem;}
.comment_textarea {width: 100%;}
.comment_textarea tbody {width: 100%;}
.comment_textarea tr {width: 100%;}
.comment_textarea {margin: 12px 0 0;}
.comment_textarea textarea {font-family: inherit; display: inline-block; width: 100%; padding: 12px 12px; height: 80px; resize: none; box-sizing: border-box; border: 1px solid #ddd; background: #fff; font-size: 14px; letter-spacing: -0.025rem;}
.comment_textarea button {display: block; width: 88px; height: 80px; text-align: center; background: #333; color: #fff; font-family: inherit; font-size: 14px;}



/***************************************************** 게시판 글쓰기 *****************************************************/
.AWbbs_input_table{ border-top:1px solid #333; width: 100%;}
.AWbbs_input_table th, .AWbbs_input_table td{text-align:left; padding: 12px 20px; box-sizing: border-box; border-bottom:1px solid #ddd; font-size: 15px;}
.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: 36px; box-sizing: border-box; border: 1px solid #ddd; background: #fff; font-size: 14px; letter-spacing: -0.025rem;}
.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: 36px; 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; letter-spacing: -0.025rem;}
.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 textarea {font: inherit; width: 100%; display: block; resize: none; border: 1px solid #ddd; background: #fff; padding: 12px 20px; box-sizing: border-box; font-size: 16px;}

.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: 15px; word-break: keep-all; line-height: 1.2;}

@media all and (max-width: 900px) {
    .AWbbs_input_table {display: block; width: 100%;}
    .AWbbs_input_table tbody {display: block; width: 100%;}
    .AWbbs_input_table tr {display: flex; width: 100%; justify-content: flex-start; align-items: stretch; flex-wrap: wrap;}
    .AWbbs_input_table th {display: flex; justify-content: flex-start; align-items: center; width: 30%; padding: 1rem; font-size: 1.6rem;}
    .AWbbs_input_table td {display: block; width: 100%; padding: 1rem; font-size: 1.6rem;}
    .AWbbs_input_table th + td {width: 70%;}
    .AWbbs_input_table th input[name=subject], .AWbbs_input_table td input[name=subject] {max-width: 100%; font-size: 1.6rem; width: 100% !important;}
    .AWbbs_input_table th input, .AWbbs_input_table td input {max-width: 100%; font-size: 1.6rem;}
    .ess {font-size: 1.5rem;}
}

@media all and (max-width: 480px) {
    .AWbbs_input_table th {width: 100px;}
    .AWbbs_input_table th + td {width: calc(100% - 100px);}
}



/***************************************************** 체크박스 커스텀 *****************************************************/
.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);}


/***************************************************** 라디오박스 커스텀 *****************************************************/
.only_chk {}
.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: inline-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 input[type=radio]: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=radio] + 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=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/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=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);}