@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_btn.bg2 {background: var(--m-color); color: #fff; border-color: var(--m-color);}
.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);}



/* 주문 과정 */
.Product_process_top { border-top:2px solid #333; padding:0 10px 25px 0; text-align:right;}

/* 장바구니 */
.amout_num { font-size:9pt; color:#545454; border:1px solid #dfdfdf; background-color:#ffffff;}

/* 적립금 */
.Point_bbs_top { border:1px solid #ddd; padding:10px 15px; margin-bottom:10px }
.Point_bbs_top th { padding:0 10px; }

/***************************************************** 리스트 *****************************************************/
/* 상품 list ------------------------------------------*/
.AWprd_list_table{}
.AWprd_list_table th, .AWprd_list_table td{ text-align:center; }
.AWprd_list_table .AWprd_list_img img { width:130px; height:130px; }
.AWprd_list_table th{ height:40px; }
.AWprd_list_table td{ padding-bottom:4px; }


/* 카테고리 */
.Product_ct_tit { border-top:1px solid #333; font-weight:bold; font-size:14px; text-align:left; background:url(image/title_bullet.png) left 18px no-repeat; padding:15px 0 15px 18px;} 
.Product_Category_Wrap { background:#f8f8f8; border:1px solid #dddddd; padding:15px 20px; }
.Product_Category_Wrap a { color:#666; }


/***************************************************** 추천 *****************************************************/
/* 추천 list ------------------------------------------*/
.AWrecom_list_table { border:1px solid #ddd; margin:20px 0; padding:0px 20px 30px;  }
.AWrecom_list_table p { border-bottom:1px solid #ddd; margin-bottom:30px; line-height:3.5; font-size:13px; color:#666; }



/***************************************************** 주문 *****************************************************/
/* 주문 page ------------------------------------------*/



/***************************************************** 상품 View *****************************************************/
/* View page ------------------------------------------*/

/* 상품 이미지 */
.prd_top {width:100%; height:auto; margin-bottom:16px; overflow: hidden; position: relative;}
.prd_top .swiper-wrapper {box-sizing: border-box;}
.prd_top .swiper-slide {text-align: center; padding-bottom: 100%; box-sizing: border-box; position: relative;}
.prd_top .swiper-slide img {width:auto; height:auto; max-width:100%; min-height: 100%; min-width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.prd_top .swiper-pagination {position:static; bottom:0; width:100%; margin:12px 0;}
.prd_top .swiper-pagination-bullet {width:10px; height:10px; border-radius:50%;}
.prd_top .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 2px;}
.prd_top .swiper-pagination-bullet-active {background: var(--m-color);}


/* 상품 정보 가격 */
.prd_top_info {width: 100%;}
.View_info_price { }
.View_info_prdpoint, 
.View_info_prdpay {padding-right: 12px;}
.View_info_notice p {color: red; font-size: 13px; text-align: center; margin-top: 10px;}
.View_info_notice p strong {font-size: 15px; font-weight: 900;}
.View_info_list { }
.View_info_option1 { padding-top:10px; }
.View_info_option2 { padding-top:10px; }
.View_info_scrape {}
.View_info_scrape .p_info {font-size:0; white-space:nowrap;}
.View_info_scrape .p_info img{cursor:pointer; margin-left:3px;}
.View_info_scrape .p_info img:first-child{margin-left:0;}

/* 상품 옵션선택 */
.View_info_option_tit{margin:15px 0 10px; font-size:12px; color:#333; letter-spacing:-0.05em; line-height:1.3;}
.View_info_option{margin:0 0 5px; padding: 0 12px; box-sizing: border-box;}
.View_info_option select{width: 100%; height: 40px; margin: 6px auto; display: block; font-size:13px;  border:1px solid #ddd; box-sizing: border-box;}
.View_info_option-qty{position:relative; padding: 0 12px; box-sizing: border-box;}
.View_info_option-qty .btn_x{position:absolute; right:10px; top:50%; transform: translateY(-50%); width:13px; height:13px; text-align:center; background:url(/adm/product/image/btn_x.png) 50% 50% no-repeat #fff; background-size: 10px auto; border:1px solid #ddd;}
/* 수량 */
.qty-btn{font-size:0; white-space:nowrap; padding: 4px 0; box-sizing: border-box;}
.qty-btn, .qty-btn *{vertical-align:middle; font-family:Arial;}
.qty-btn *{vertical-align:middle;}
.qty-btn button {box-sizing: border-box; width: 28px; height: 28px; line-height: 26px; text-align:center; border:1px solid #ddd; cursor:pointer; font-size: 18px; background:#f5f5f5; color: #666;}
.qty-btn input {margin: 0 -4px; box-sizing: border-box; width:70px; height:28px; line-height:28px; text-align:center; font-size:15px; color:#444; background:#fff; border-width:1px 0; border-style:solid; border-color:#ddd; }

/* 총 상품금액 */
.View_info_prdprice{letter-spacing:-0.065rem; color:#111; font-weight:500; box-sizing:border-box; font-size: 16px; margin: 12px 0 0; border-top: 1px solid #ddd; padding: 12px;}

/* 제품 뷰 버튼 */
.View_info_btn{width: 100%; display: block; margin: 12px 0 0; padding: 12px; box-sizing: border-box;}
.View_info_btn table {width: 100%;}
.View_info_btn tbody {width: 100%;}
.View_info_btn tr {width: 100%;}
.View_info_btn td:first-of-type {width: 50px;}
.View_info_btn td:nth-of-type(2) {width: calc((100% - 50px) / 2);}
.View_info_btn td:nth-of-type(3) {width: calc((100% - 50px) / 2);}

.View_info_btn a {font-size: 17px !important; letter-spacing: -0.025em !important;}
.View_info_btn .wish {font-size: 0; display: block; width: 100%; height:50px; line-height:48px; border:1px solid #ddd;background:#fff url(./image/wish_on.png) 50% 50% no-repeat; text-indent:-9999px; box-sizing:border-box;}
.View_info_btn .wish.on {background:#fff url(./image/wish_on.png) 50% 50% no-repeat;}
.View_info_btn .buy {display: block; width: 100%; height: 50px; line-height: 48px; text-align: center; color: #fff; background: #333; }
.View_info_btn .buy {display: block; width: 100%; height: 50px; line-height: 48px; text-align: center; color: #fff; background: #333; }
.View_info_btn .cart {display: block; width: 100%; height: 50px; line-height: 48px; text-align: center; color: #fff; background: var(--m-color);}



/* 제품 뷰 버튼-네이버 */
.View_info_btn_naver{margin: 12px 0; text-align:right; padding: 0 12px; box-sizing: border-box;}


/* 제품 뷰페이지 */
.p_name {font-size:18px !important; color:#111; padding:0 12px 16px; letter-spacing:-0.05em; font-weight:500; line-height:21px; margin-bottom:6px;}
.p_tit {font-size:14px; padding: 0 12px; box-sizing: border-box; color: #111; line-height:34px; width: 25%;}
.p_info {padding: 0 12px; box-sizing: border-box; font-size: 14px;}
.p_info img {}
.price {font-weight:bold;}
.price_b {font-weight:bold; }
.p_price {font-size: 16px !important; color: var(--m-color); letter-spacing: 0; font-weight: 500; line-height: 26px;}
.p_price strong {font-size: 22px !important; font-weight: bold; line-height: 26px;}
.p_ttl {font-size: 16px !important; font-weight: 500; color: #333;}

/*   상품정보, 관련상품, Q&A, 상품평쓰기 탭   */


/*  상품평쓰기_view  */
#Sub_Body .prd_view_tab_inner { height:0px; border-bottom:none; }
#Sub_Body .prd_view_tab_inner div {  background:#f8f8f8; padding:20px;  border-bottom:1px solid #ddd;}


/*  사업자번호, 현금영수증  */



/***************************************************** 팝업 *****************************************************/
/* 주문취소 팝업 ----------------------*/
.order_cc_tit{position:relative; height:38px; line-height:38px; font-size:16px; color:#fff; font-weight:600; letter-spacing:-0.05em; padding-left:15px; background:#aaa;}
.order_cc_tit a.close{position:absolute; right:10px; top:50%; margin-top:-10px;}

.order_cc_cont{text-align:left;}
.order_cc_cont p{margin:30px 0 0; font-size:13px; color:#666;}
.order_cc_cont .order_cc { padding:5px 0; margin:15px 25px 0;}
.order_cc_cont .order_cc table{ border-top:1px solid #333; font-size:12px; width:418px; }
.order_cc_cont .order_cc table th { font-weight:normal; background:#f7f7f7; border-bottom:1px solid #ddd; text-align:center; }
.order_cc_cont .order_cc table td{ border-bottom:1px solid #ddd; padding:15px; }
.order_cc_cont .order_cc table td input{ margin:0 3px 0 10px;}
.order_cc_cont .order_cc table td button{}

/* 쿠폰 팝업 ----------------------*/
.coupon_list_tit{position:relative; height:38px; line-height:38px; font-size:16px; color:#fff; font-weight:600; letter-spacing:-0.05em; padding-left:15px; background:#aaa;}
.coupon_list_tit a.close{position:absolute; right:10px; top:50%; margin-top:-10px;}
.coupon_tit { background:url(image/title_bullet.png) left 17px no-repeat; padding:15px 0 15px 18px;} 
.coupon_tit b { color:#333; }

.coupon_list_cont{ }
.coupon_list_cont p {margin:0px 0 0; font-size:13px; color:#666;}
.coupon_list_cont .coupon_list { padding:5px 0; margin:15px 20px 0;}
.coupon_list_cont .coupon_list table{ border-top:1px solid #333;  width:593px; }
.coupon_list_cont .coupon_list table th { font-weight:normal; background:#f7f7f7; border-bottom:1px solid #ddd; font-size:12px; }
.coupon_list_cont .coupon_list table td{ border-bottom:1px solid #ddd; padding:15px; font-size:12px; }
.coupon_list_cont .coupon_list table td input{ margin:0 3px 0 10px;}
.coupon_list_cont .coupon_list table td button{}



/* 검색 -------------------------------------*/
.prd_search_top_txt { text-align:right; line-height:30px; }
.prd_search_top {padding:20px 50px; border-top:1px solid #333; border-bottom:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd; background:#f7f7f7;}
.prd_search_table {}
.prd_search_table th { text-align:left; }
.prd_search_table td input { padding:3px; }
.prd_search_table td select { padding:3px; }





/* 게시판 하단 검색------------------------------------------*/
.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%;}



.prd_list {width: 100%;}
.prd_list li {position:relative; float:left; width: calc((100% - 7px) / 2); margin:0 7px 7px 0;}
.prd_list li:nth-child(2n) {margin-right:0;}
.prd_list li a {position:relative; display:block; width:100%; height:100%; font-size: 16px;}
.prd_list li .best:not(.prd_chip) {position:absolute; top:0; left:0; width:40px; height:40px; line-height:40px; text-align:center; background:rgba(239,64,35,.6); font-size:20px; color:#fff; z-index:2;}
.prd_list li:nth-child(n+4) .best {background:rgba(0,0,0,.6);}
.prd_list li .wish_btn {position:absolute; top:10px; right:10px; width:25px; height:25px; background:url(../images/ico/wish_ico.png) 50% 50% no-repeat; text-indent:-9999px; cursor:pointer; z-index:2;}
.prd_list li .wish_btn.on {background-image:url(../images/ico/wish_on.png);}
.prd_list li .img_box {overflow: hidden; position:relative; margin-bottom:14px; width: 100%; }
.prd_list li .img_box a {position:relative; display:block; width:100%; padding-bottom: 100%; box-sizing: border-box; height: 0;}
.prd_list li .img_box img {position:absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);  margin:auto; width: 100%; height: 100%; max-width: 100% !important;}
.prd_list dt a {max-height:40px; font-size:15px; font-weight:500; line-height:20px; letter-spacing:-0.065rem; color:#222; margin-bottom:12px; overflow:hidden;
	white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: keep-all;}
.prd_list .price {font-size: 16px; line-height: 24px; letter-spacing:-0.065rem; color:#111; font-weight: 500;}
.prd_list .price strong {letter-spacing:0;}
.prd_list .cost {font-size:14px; line-height: 18px; letter-spacing:-0.065rem; color:#999; text-decoration:line-through;}
.prd_list .cost strong {font-weight:400; letter-spacing:0; font-size: 14px; margin: 0 0 0 4px;}
.prd_list dt a {max-height:40px; font-size:15px; font-weight:500; line-height:20px; letter-spacing:-0.065rem; color:#222; margin-bottom:12px; overflow:hidden;
	white-space: normal; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: keep-all;}

.prd_list.recom {margin: 0 0 0; border: 1px solid #ddd; box-sizing: border-box; padding: 14px; display: flex; justify-content: flex-start; align-items: flex-start; align-content: flex-start; flex-wrap: wrap;}
.prd_list.recom li:not(.line) {float: none; width: calc((100% - 7px) / 2); margin: 0 7px 7px 0;}
.prd_list.recom li:nth-of-type(2n) {margin: 0 0 7px 0;}
.prd_list.recom li .img_box {width: 100%; height: initial;}
.prd_list.recom li .img_box a {padding-bottom: 100%; height: 0; box-sizing: border-box;}
.prd_list.recom li .img_box img {width: 100%; height: 100%; object-fit: cover; left: 50%; top: 50%; transform: translate(-50%, -50%); right: initial; bottom: initial;}

.prd_list.rel {flex-wrap: wrap; display: flex; justify-content: flex-start; align-items: stretch; align-content: flex-start;}
.prd_list.rel li.line {width: 100%; height: 1px; background: transparent; padding: 0; margin: 0;}
.prd_list.rel li {float: none; width: calc((100% - 40px) / 5); margin: 0 10px 10px 0; height: auto;}
.prd_list.rel li:nth-of-type(6n) {margin: 0 0 5px 0;}
.prd_list.rel li .img_box{width: 100%; height: 224px;}

.no-msg {font-size: 14px; font-weight: 400; color: #333; letter-spacing: -0.05em; line-height: 18px; text-align: center; margin: 15px auto; width: 100%;}
.recom_tit {font-size: 15px; font-weight: 500; color: #121212; letter-spacing: -0.05em; text-align: left; margin: 15px 0 8px;}


.prd_top {margin: 24px auto 14px; display: block;}
.prd_top tbody {display: block; width: 100%;}
.prd_top tr {display: block; width: 100%;}
.prd_top td {display: block; width: 100%;}
.prd_top .count {font-size:15px; font-weight:500; line-height:30px; color:#333; letter-spacing:-0.065rem;}
.prd_top .count strong {color:var(--m-color);}
.prd_top select {margin: 12px 0 0; width:140px; height:36px; font-family:'NotoSans',sans-serif; font-size:14px; letter-spacing:-0.045rem; color:#555; padding:0 25px 0 12px; border:1px solid #ddd; box-sizing:border-box;}
.prd_top .search_bar {float:right;}
.prd_top .search_bar input {display:inline-block; width:200px; height:24px; font-family:'NotoSans',sans-serif; font-size:15px; letter-spacing:-0.045rem; color:#555; padding:0 12px; border:1px solid #ddd; vertical-align:middle; box-sizing:border-box;}
.prd_top .search_bar .submit_btn {display:inline-block; width:50px; height:24px; line-height:24px; background:#333; color:#fff; border-radius:3px; font-family:'NotoSans',sans-serif; font-size:14px; letter-spacing:-0.045rem; vertical-align:middle; margin-left:6px; box-sizing:border-box;}

.cate_ttl {font-size: 24px; line-height: 36px; font-weight:500; letter-spacing:-0.045rem; color:#111; text-align:center; margin:24px auto 16px;}
.cate_box {width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; align-content: flex-start; flex-wrap: wrap; }
.cate_box li {width: 50%; box-sizing: border-box; height: 40px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.cate_box li:first-of-type {border-top: 1px solid #ddd;}
.cate_box li:nth-of-type(2) {border-top: 1px solid #ddd;}
.cate_box li:nth-of-type(2n + 1) {border-left: 1px solid #ddd;}
.cate_box li a {position:relative; display: flex; justify-content: flex-start; align-items: center; text-align: left; width:100%; height: 100%; letter-spacing:-0.025rem; font-size:14px; font-weight:500; color:#555; padding:0 8px; vertical-align:middle; box-sizing:border-box;}




/*prd_view*/


.View_Detail_Wrap {margin: 0 0 14px;}
.View_Detail_Wrap ul {width: 100%; display: flex; justify-content: flex-start; align-items: center;}
.View_Detail_Wrap ul li {cursor:pointer; width: 25%; height: 100%; flex: none;}
.View_Detail_Wrap ul li a {position: relative; font-size: 15px; line-height: 54px; border-top: 1px solid #ddd; letter-spacing: -0.025em; font-weight: 400; color: #333; display: flex; justify-content: center; align-items: center; text-align: center; width: 100%; height: 100%;  border-bottom: 1px solid #ddd; box-sizing: border-box;}
.View_Detail_Wrap ul li.current {}
.View_Detail_Wrap ul li.current a { font-weight: bold; color: var(--m-color);}
.View_Detail_Wrap ul li.current a::after {content: ''; background: var(--m-color); width: 100%; position: absolute; bottom: 0; left: 0; height: 2px;}
.View_Detail_Wrap ul li p { }

.View_Detail_Cont {margin: 24px 0 16px; width: 100%; padding: 0 12px; box-sizing: border-box;}
.View_Detail_Cont .AWshop_list_table {border-collapse: collapse; table-layout: fixed; display: table !important}
.View_Detail_Cont .AWshop_list_table tbody {width: 100%; display: table-row-group !important;}
.View_Detail_Cont .AWshop_list_table tbody tr {width: 100%; display: table-row !important;}
.View_Detail_Cont .AWshop_list_table th {font-size: 12px; padding: 0 0; box-sizing: border-box; display: table-cell!important; height: 50px;}
.View_Detail_Cont .AWshop_list_table th:first-of-type {padding: 0 0 0 12px;}
.View_Detail_Cont .AWshop_list_table td {font-size: 12px; padding: 0; box-sizing: border-box; display: table-cell !important; height: 50px;}
.View_Detail_Cont .AWshop_list_table td:first-of-type {padding: 0 0 0 12px;}
.View_Detail_Cont .AWshop_list_table td.prd_view_tab_inner {border-bottom: 0;}
.View_Detail_Cont .AWshop_list_table td.prd_view_tab_inner div {border-bottom: 1px solid #ddd; box-sizing: border-box; padding: 12px;}
.View_Detail_Cont .AWshop_list_table td.prd_view_tab_inner div {font-size: 12px;}
.View_Detail_Cont .AWshop_list_table tr.is-hidden {border-bottom: 0 !important;}
.View_Detail_Cont .AWshop_list_table tr.is-hidden td {height: auto; padding: 0;}


.View_Detail_Cont .prd_list.rel li {width: calc((100% - 21px) / 4); margin: 0 7px 7px 0;}
.View_Detail_Cont .prd_list.rel li:nth-of-type(4n) {margin: 0 0 7px;}
.View_Detail_Cont .prd_list.rel li .img_box {height: auto;}
.View_Detail_Cont .prd_list.rel li dt a {font-size: 14px;}
.View_Detail_Cont .prd_list.rel li dd .price {font-size: 13px;}



/*prd_view 게시판 버튼*/
.prd_view_btns {display: flex; justify-content: flex-end; align-items: center; width: 100%; margin: 12px 0;}
.prd_view_btns a {border: 1px solid #ddd; box-sizing: border-box; display: flex; width: 80px; height: 30px; flex: none; text-align: center; justify-content: center; align-items: center; background: #fff; color: #333; font-size: 12px; font-weight: 500;}
.prd_view_btns a + a{margin: 0 0 0 6px;}


.prd_chapter {display: flex; justify-content: flex-end; align-items: center; margin: 0 0 12px;}
.prd_chapter li {text-align: left; width: 80px; height: 40px; position: relative; flex: none; margin: 0 0 0 0;}
.prd_chapter li::after {content: ''; display: block;
	margin: 0 auto;
	width: 8px;
	height: 8px;
	border-top: 1px solid #c1c1c1;
	border-left: 1px solid #c1c1c1; transform: rotate(135deg);
	position: absolute; top: 20px; right: 11px;
}
.prd_chapter li:last-child {width: 64px;}
.prd_chapter li:last-child::after {content: initial;}
.prd_chapter li span {font-size: 12px; color: #c1c1c1;}
.prd_chapter li p {font-size: 15px; color: #c1c1c1; font-weight: 400; letter-spacing: -0.025em;}
.prd_chapter li.active span {color: var(--m-color);}
.prd_chapter li.active p {color: #222; font-weight: bold;}


.bbs_bottom {margin: 10px 0 0; display: flex; justify-content: space-between; align-items: flex-start;}
.bbs_bottom .left {flex: none; width: 600px; max-width: 50%;}
.bbs_bottom .right {flex: none; width: 600px; max-width: 50%;}


.AWshop_list_table {display: block;}
.AWshop_list_table tbody {display: block; width: 100%;}
.AWshop_list_table tfoot {display: block; width: 100%; padding: 10px; box-sizing: border-box;}
.AWshop_list_table tbody tr {display: block; width: 100%; border-bottom: 1px solid #ddd; box-sizing: border-box; border-top: 1px solid #222; padding: 10px;}
.AWshop_list_table tbody td {display: block; width: 100%; text-align: left;}
.AWshop_list_table tbody td[align=center] {text-align: center;}
.AWshop_list_table tfoot tr {display: flex; justify-content: space-between; align-items: center;}
.AWshop_list_table tfoot.Basket_price_total2 tr {flex-wrap: wrap;}
.AWshop_list_table tfoot td {width: 50%;}
.AWshop_list_table tfoot.Basket_price_total2 td {width: 100%;}
.AWshop_list_table tfoot.Basket_price_total3 td {width: 100%; text-align: right;}
.basket_ttl {font-size: 15px; font-weight: 500; color: #000; letter-spacing: -0.05em; margin: 4px 0 0;}
.basket_opt {font-size: 13px; color: #888; font-weight: 400; letter-spacing: -0.03em;}
.basket_price {font-size: 15px; font-weight: 400; color: #000; letter-spacing: -0.05em; margin: 2px 0 0; text-align: right;}
.basket_price strong {color: var(--m-error); font-size: 18px;}
.basket_reserve {text-align: right; font-size: 13px;}
.basket_flex {display: flex; justify-content: space-between; align-items: center;}
.basket_num {display: flex; justify-content: flex-start; align-items: center; margin: 8px 0 0;}
.basket_num > * {flex: none; margin: 0 2px 0 0;}
.basket_num input[type=text] {text-align: center; width: 60px; border: 1px solid #ddd; box-sizing: border-box; background: #fff; height: 24px; padding: 0 5px; font-size: 15px; font-weight: 500; color: #000;}
.basket_num .basket_btn {font-family: Arial !important; display: flex; justify-content: center; align-items: center; width: 24px; border: 1px solid #ddd; box-sizing: border-box; background: #fff; height: 24px; font-size: 18px;}
.basket_num button {width: 40px; height: 24px; font-size: 13px; color: #000; border: 1px solid #ddd; background: #fff; box-sizing: border-box; text-align: center;}
.del_btn {display: flex; justify-content: center; align-items: center; width: 40px; height: 24px; font-size: 13px; color: #000; border: 1px solid #ddd; background: #fff; box-sizing: border-box; text-align: center;}
.AWshop_list_table tfoot td {font-size: 14px; letter-spacing: -0.05em;}
.AWshop_list_table tfoot td:nth-of-type(2) {text-align: right;}
.AWshop_list_table tfoot td span {color: var(--m-error); font-size: 18px;}



.AWshop_list_table.order_list_table {}
.AWshop_list_table.order_list_table tr {display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
.AWshop_list_table.order_list_table th {width: 30%; text-align: left; font-weight: 400; color: #000; font-size: 14px; line-height: 28px; letter-spacing: -0.035em;}
.AWshop_list_table.order_list_table td {width: 70%; text-align: left; font-weight: 400; color: #000; font-size: 14px; line-height: 28px; letter-spacing: -0.035em;}
.AWshop_list_table.order_list_table td.no_listing {width: 100%;}

.AWorder_form_table {display: block; width: 100%; margin: 0 0 24px; border-top: 1px solid #222; box-sizing: border-box;}
.AWorder_form_table tbody {display: block; width: 100%;}
.AWorder_form_table tr {display: block; width: 100%; border-bottom: 1px solid #ddd; box-sizing: border-box;  margin: 0 0 2px; padding: 8px 4px;}
.AWorder_form_table th {display: block; width: 100%; text-align: left; font-size: 15px; font-weight: 400; letter-spacing: -0.06em; color: #000; margin: 0 0 4px;}
.AWorder_form_table td {display: block; width: 100%; text-align: left; font-size: 14px; font-weight: 400; letter-spacing: -0.05em; color: #999;}
.AWorder_form_table td + th {margin: 12px 0 4px;}
.AWorder_form_table select {width: 100%; display: block; font-size: 14px; border: 1px solid #ddd; box-sizing: border-box; font-weight: 400; padding: 0 5px; height: 30px;}
.AWorder_form_table .input {max-width: 100%; width: 100%; display: block; font-size: 14px; border: 1px solid #ddd; box-sizing: border-box; background: #f7f7f7; font-weight: 400; padding: 0 5px; height: 30px;}
.AWorder_form_table .input[name=send_tphone], .AWorder_form_table .input[name=send_hphone] {width: 30%; display: inline-block;}
.AWorder_form_table .input[name=send_tphone2], .AWorder_form_table .input[name=send_hphone2] {width: 30%; display: inline-block;}
.AWorder_form_table .input[name=send_tphone3], .AWorder_form_table .input[name=send_hphone3] {width: 30%; display: inline-block;}
.AWorder_form_table .input[name=rece_tphone], .AWorder_form_table .input[name=rece_hphone] {width: 30%; display: inline-block;}
.AWorder_form_table .input[name=rece_tphone2], .AWorder_form_table .input[name=rece_hphone2] {width: 30%; display: inline-block;}
.AWorder_form_table .input[name=rece_tphone3], .AWorder_form_table .input[name=rece_hphone3] {width: 30%; display: inline-block;}
.AWorder_form_table .input[name=send_post], .AWorder_form_table .input[name=rece_post] {width: 30%; display: inline-block;}
.AWorder_form_table .input[name=send_name], .AWorder_form_table .input[name=rece_name] {width: 30%; display: inline-block;}
.AWorder_form_table .input[name=coupon_use] {width: 30%; display: inline-block;}
.AWorder_form_table .input[name=send_address1],.AWorder_form_table .input[name=rece_address1] {width: 100%; display: block;}
.AWorder_form_table .input[name=send_address2],.AWorder_form_table .input[name=rece_address2] {width: 100%; display: block;}
.AWorder_form_table .input[name=reserve_use] {width: 30%; display: inline-block;}
.AWorder_form_table textarea.input {height: 120px; resize: none; padding: 5px;}
.Product_order_tit {font-size: 18px; margin: 0 0 12px; font-weight: bold; color: #000; letter-spacing: -0.045em; display: flex; justify-content: flex-start; align-items: center;}
.Product_order_tit > * {flex: none;}
.Product_order_tit .only_chk.font {margin: 0 0 0 8px;}
.Product_order_tit .only_chk.font input[type=checkbox] + label {top: 3px; font-weight: 400;}
.Product_order_tit .only_chk.font input[type=checkbox] + label::before {top: 40%;}
.chk_btn {display:inline-block; height:30px; line-height: 30px; background:#777; text-align:center; color:#fff; font-size:13px; padding:0 16px; box-sizing:border-box; vertical-align:middle; cursor:pointer;}
.AWorder_form_table .inner_table {border-top: 1px solid #000; box-sizing: border-box; padding: 20px; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.AWorder_form_table .inner_table .input {width: 100%; font-size: 13px; color: #000;}
.AWorder_form_table .inner_table tr {border: 0;}
.AWorder_form_table .inner_table th {font-size: 14px;}
.AWorder_form_table .inner_table td {font-size: 12px;}
.AWorder_form_table .inner_table td + th {margin-top: 8px;}
.AWorder_form_table .only_chk {margin: 0 0 12px;}
.AWorder_form_table .only_chk.font input[type=radio] + label {font-size: 12px;}
.AWorder_form_table #cash_info01 {margin: 4px 0 0;}
.AWorder_form_table #cash_info02 .input {width: 30%; display: inline-block;}
.AWorder_form_table #cash_info02 .input:nth-of-type(4) {margin: 4px 0 0;}
.AWorder_btn {display: flex; justify-content: center; align-items: center;}
.AWorder_btn > * {flex: none; width: 50%;}
.form_sub strong {color: var(--m-error);}

.AWorder_btn{margin:40px 0 0; text-align:center; overflow:hidden;}
.AWorder_btn a,
.AWorder_btn input, .AWorder_btn button{float:left; font-family: inherit; width:50%; height:40px; line-height:40px; font-size:14px; letter-spacing:-0.07em; text-align:center; background:#e0e0e0; color:#666; transition:all 0.3s; box-sizing:border-box; cursor:pointer;}
.AWorder_btn a:first-child, .AWorder_btn input:first-child, .AWorder_btn button:first-child{color:#fff; background:#333;}

/* 버튼 */
.AW-mem-btn{margin:40px 0 0; text-align:center; overflow:hidden;}
.AW-mem-btn a,
.AW-mem-btn input, .AW-mem-btn button{float:left; font-family: inherit; width:50%; height:40px; line-height:40px; font-size:14px; letter-spacing:-0.07em; text-align:center; background:#e0e0e0; color:#666; transition:all 0.3s; box-sizing:border-box; cursor:pointer;}
.AW-mem-btn a:first-child, .AW-mem-btn input:first-child, .AW-mem-btn button:first-child{color:#fff; background:#333;}



.order_view_btn{margin:40px 0 0; text-align:center; overflow:hidden;}
.order_view_btn a,
.order_view_btn input, .order_view_btn button{float:left; font-family: inherit; width:50%; height:40px; line-height:40px; font-size:14px; letter-spacing:-0.07em; text-align:center; background:#e0e0e0; color:#666; transition:all 0.3s; box-sizing:border-box; cursor:pointer;}
.order_view_btn a:first-child, .order_view_btn input:first-child, .order_view_btn button:first-child{color:#fff; background:#333;}



.point_table {display: block;}
.point_table tbody {display: block; width: 100%;}
.point_table tbody tr:not(.box) {display: flex; justify-content: flex-start; align-items: center; width: 100%; border-bottom: 1px solid #ddd;
	box-sizing: border-box; border-top: 1px solid #222; padding: 10px; flex-wrap: wrap;}
.point_table tbody th {display: block; width: 30%; text-align: left; font-size: 14px; font-weight: 400; color: #000; letter-spacing: -0.045em;}
.point_table tbody td {display: block; width: 70%; text-align: left; font-size: 14px; font-weight: 400; color: #000; letter-spacing: -0.045em;}
.point_table tbody td strong {font-size: 18px; letter-spacing: 0; margin: 0 0 0 4px;}
.point_table tbody td[align=center] {text-align: center;}
.point_table p {text-align: right;}
.point_table tbody td.no_list {width: 100%; text-align: center;}
.point_table tbody tr.box {border: 1px solid #ddd; box-sizing: border-box; padding: 10px 14px; width: 100%; display: block; margin: 0 0 18px;}
.point_table tbody tr.box td {}


.wish_top {display: flex; justify-content: space-between; align-items: center; width: 100%; margin: 0 0 10px;}
.wish_top select {height: 28px; font-size: 13px; padding: 0 28px 0 10px; box-sizing: border-box; width: auto;}
.wish_top_ttl {font-size: 15px; letter-spacing: -0.045em; color: #000; font-weight: 400;}
.wish_table {display: block;}
.wish_table tbody {display: block; width: 100%;}
.wish_table tbody tr:not(.box) {display: block; width: 100%; border-bottom: 1px solid #ddd;
	box-sizing: border-box; border-top: 1px solid #222; padding: 10px; }
.wish_table tbody td {display: block; width: 100%; text-align: left; font-size: 14px; font-weight: 400; color: #888; letter-spacing: -0.035em;}
.wish_table tbody td strong {font-size: 18px; letter-spacing: 0; margin: 0 0 0 4px;}
.wish_table tbody td[align=center] {text-align: center;}
.wish_table tbody td.no_list {width: 100%; text-align: center;}
.wish_img {display: block; margin: 10px 0 0;}
.wish_ttl {font-size: 15px; font-weight: 500; color: #000; letter-spacing: -0.05em; margin: 4px 0 0; display: flex; justify-content: flex-start; align-items: center;}
.wish_ttl a {display: inline-block; vertical-align: middle;}
.wish_ttl span {display: inline-block; vertical-align: text-top;}
.wish_opt {font-size: 13px; color: #888; font-weight: 400; letter-spacing: -0.03em;}
.wish_date {font-size: 13px; color: #ccc; font-weight: 400; letter-spacing: -0.03em;}
.wish_price {font-size: 15px; font-weight: 400; color: #000; letter-spacing: -0.05em; margin: 2px 0 0; text-align: right;}
.wish_price strong {color: var(--m-error); font-size: 18px;}


.coupon_table {display: block;}
.coupon_table tbody {display: block; width: 100%;}
.coupon_table tbody tr:not(.box) {display: block; width: 100%; border-bottom: 1px solid #ddd;
	box-sizing: border-box; border-top: 1px solid #222; padding: 10px;}
.coupon_table tbody td {display: block; width: 100%; text-align: left; font-size: 14px; font-weight: 400; color: #000; letter-spacing: -0.045em;}
.coupon_table tbody td strong {font-size: 18px; letter-spacing: 0; margin: 0 0 0 4px;}
.coupon_table tbody td[align=center] {text-align: center;}
.coupon_table tbody td.no_list {width: 100%; text-align: center;}
.coupon_table tbody tr.box {background: var(--m-color); box-sizing: border-box; padding: 10px 14px; width: 100%; display: block; margin: 0 0 18px;}
.coupon_table tbody tr.box td {color: #fff;}
.coupon_ttl {font-size: 15px; font-weight: 500; color: #000; letter-spacing: -0.05em; margin: 4px 0 0; display: flex; justify-content: flex-start; align-items: center;}
.coupon_date {font-size: 13px; color: #888; font-weight: 400; letter-spacing: -0.03em;}
.coupon_price {font-size: 15px; font-weight: 400; color: #000; letter-spacing: -0.05em; margin: 2px 0 0; text-align: right;}
.coupon_price strong {color: var(--m-error); font-size: 18px;}
.coupon_opt {font-size: 13px; color: #888; font-weight: 400; letter-spacing: -0.03em;}


.coupon_popup {padding: 10px; box-sizing: border-box; }
.coupon_popup .AW-mem-tit {margin: 12px 0 0;}
.coupon_popup .AW-mem-tit.sec {margin: 48px 0 0;}

.table_layout {margin:10px 0 0; box-sizing: border-box; }
.coupon_popup .table_layout .AWshop_list_table {width: 100%;}
.AWshop_list_table {width: 100%;}
.address_ttl {font-size: 15px; font-weight: 500; color: #000; text-align: left; margin: 12px 0 8px;}
.AWshop_list_table .is-head {display: none;}
.AWshop_list_table td { width: 100%; font-size: 14px; letter-spacing: -0.045em;}
.AW-mem-btn.only button {margin: 0 auto; float: none; display: block;}
.AW-mem-btn.only a {margin: 0 auto; float: none; display: block;}


.AWshop_list_table.table_ver {display: table !important; border-top: 1px solid #222; box-sizing: border-box; table-layout: fixed;}
.AWshop_list_table.table_ver tbody {display: table-row-group !important;}
.AWshop_list_table.table_ver tr {display: table-row !important;}
.AWshop_list_table.table_ver th {border-bottom: 1px solid #222; padding: 4px 0 6px; box-sizing: border-box; word-break: keep-all; display: table-cell !important; text-align: center !important; width: auto !important; font-size: 13px; letter-spacing: -0.035em;}
.AWshop_list_table.table_ver td {border-bottom: 1px solid #ddd; padding: 10px; box-sizing: border-box; display: table-cell !important; text-align: center !important; width: auto !important; font-size: 13px; letter-spacing: -0.035em;}
.AWshop_list_table.table_ver th:first-of-type:not(.name) {display: none !important;}
.AWshop_list_table.table_ver td:first-of-type:not(.name) {display: none !important;}
.AWshop_list_table.table_ver .only_chk:not(.font) {display: inline-block;}
.AWshop_list_table.table_ver .only_chk:not(.font) input[type=checkbox] {width: 0; height: 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;}



.s_prd_top {width: 100%; padding: 42px 0 32px; box-sizing: border-box; background: #fafafa; border: 1px solid #ddd;}
.prd_search_top_table {width: 100%; display: block; font-size: 16px; font-weight: 500; letter-spacing: -0.025em; color: #222;}
.prd_search_top_table tbody {width: 100%; display: block;}
.prd_search_top_table tr {width: 100%; display: flex; justify-content: center; align-items: center; margin: 0 0 10px;}
.prd_search_top_table th {padding: 0; text-align: left; width: 110px; font-weight: 400;}
.prd_search_top_table td {padding: 0; text-align: left; width: 400px; font-weight: 400;}
.prd_search_top_table td[colspan='2'] {width: 200px;}
.prd_search_top_table td input {height: 34px; border: 1px solid #ddd; box-sizing: border-box; width: 191px; padding: 0 12px; font-family: inherit;}
.prd_search_top_table td select {height: 34px; border: 1px solid #ddd; box-sizing: border-box; width: 100%; padding: 0 12px; font-family: inherit;}
.prd_search_top_table td input.s_name {width: 100%;}
.prd_search_top_table td input.s_brand {width: 100%;}
.prd_search_top_table td button {margin: 24px auto 0; border: 0; font-family: inherit; height: 45px; box-sizing: border-box; width: 100%; background: var(--m-color); color: #fff; font-weight: 500; font-size: 16px;}
.s_prd_middle {width: 100%; display: flex; justify-content: space-between; align-items: center; padding: 24px 0 12px; box-sizing: border-box;}
.s_prd_middle .left {width:50%;}
.s_prd_middle .left p {font-size:15px; font-weight:500; line-height:30px; color:#333; letter-spacing:-0.065rem;}
.s_prd_middle .left p strong {color: var(--m-color);}
.s_prd_middle .right {width: 200px;}
.s_prd_middle .right select {height: 34px; border: 1px solid #ddd; box-sizing: border-box; width: 100%; padding: 0 12px; font-family: inherit;}
.s_prd_body {width: 100%;}