@charset "utf-8";/*CSS Document*/
/*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;
}

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: 31px; font-size: 14px; 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; }

/* 배송비, 결제 토탈 */
.Basket_price_total { background:#f8f8f8; height:60px; padding:0 10px; border-bottom:1px solid #ddd; }
.Basket_price_total .price {font-size: 17px; color: #d43d60; font-weight: 500;}

/* 장바구니 */
.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 td { width: 50%; font-size: 15px; letter-spacing: -0.025em; color: #222; line-height: 36px;}
.Point_bbs_top td strong {font-weight: bold; color: var(--m-error);}
.Point_bbs_top td span {display: inline-block;}
.Point_bbs_top td span + span {margin: 0 0 0 14px;}

/***************************************************** 리스트 *****************************************************/
/* 상품 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; }*/


/* 게시판 list ------------------------------------------*/
.AWshop_list_table { table-layout: fixed; border-collapse: collapse; }
.AWshop_list_table tbody {width: 100%;}
.AWshop_list_table.border { border-top:1px solid #333; }
.AWshop_list_table tr { border-bottom: 1px solid #ddd; box-sizing: border-box; width: 100%; }
.AWshop_list_table th, .AWshop_list_table td { font-size:15px; font-weight:500; text-align:center; line-height:31px; letter-spacing:-0.045rem; color:#333; padding:12px 0; vertical-align:middle; }
.AWshop_list_table th[align=left] { text-align: left;}
.AWshop_list_table td[align=left] { text-align: left;}
.AWshop_list_table td { box-sizing: border-box; }
.AWshop_list_table td.h70 { height:70px; }
/* 테이블 안에 테이블 리셋 */
.AWshop_list_table table { border:0 none; }
.AWshop_list_table table th, .AWshop_list_table table td { height:auto; padding:0; border:0 none; background:none; }
.AWshop_list_table td .opt {font-size: 14px; color: #999; font-weight: 400; line-height: 18px;}
.AWshop_list_table .only_chk {display: inline-block;}

.AWshop_list_table tfoot td {box-sizing: border-box;}
.AWshop_list_table tfoot td:first-of-type {text-align: left; padding: 0 0 0 20px;}
.AWshop_list_table tfoot td:last-of-type {text-align: right; padding: 0 40px 0 0;}
.AWshop_list_table tfoot .price {display: inline-block; margin: 0 0 0 12px; font-size: 18px;}
.AWshop_list_table tfoot .price b {display: inline-block; font-size: 22px; margin: 0 0 0 4px;}

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

    /***************************************************** 추천 *****************************************************/
/* 추천 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; }



/***************************************************** 주문 *****************************************************/
.table_layout {margin:16px 0 0; box-sizing: border-box;}
.AWorder_form_table {margin:16px 0 0; border-top:1px solid #999; padding:10px 0 0; box-sizing: border-box;}
.AWorder_form_table table {width: 100%; border-collapse: collapse; table-layout: fixed;}
.AWorder_form_table tbody {width: 100%;}
.AWorder_form_table tr {width: 100%;}
.AWorder_form_table th, .AWorder_form_table td{text-align:left; font-weight:normal; font-size:15px; letter-spacing:-0.05em; /*border-bottom:1px solid #ddd;*/}
.AWorder_form_table th{width:130px; height:40px; padding-left:15px;}
.AWorder_form_table th span{color:#ff1d1d; font-weight:600;}
.AWorder_form_table td{/*padding:7px 0 7px 15px;*/ padding:8px 0;}
.AWorder_form_table td input[type='text'], .AWorder_form_table td input[type='password']{width:250px; height:37px; padding:0 10px; background:#f7f7f7; border:1px solid #ddd; vertical-align:middle; box-sizing:border-box;}
.AWorder_form_table td input[name*="phone"], .AWorder_form_table td input[name*="post"]{width:76px;}
.AWorder_form_table td input[name*="address1"], .AWorder_form_table td input[name*="address2"]{width:80%;}
.AWorder_form_table td input[type='file']{background:#f7f7f7; border:1px solid #dfdfdf;}
.AWorder_form_table td .chk_btn {display:inline-block; height:37px; line-height:37px; 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 td select{width:250px; height:37px; padding:0 10px; border:1px solid #ddd; vertical-align:middle; box-sizing:border-box;}
.AWorder_form_table td label{vertical-align:middle;}
.AWorder_form_table td .comment{display:inline-block; font-size:13px; color:#888;}
.AWorder_form_table td .border{width:100%; height:1px; background:#e2e2e2; /*margin:15px 0;*/}
.AWorder_form_table td textarea{width:100%; height:200px; padding:15px; line-height:1.6; font-size:14px; color:#777; background:#f7f7f7; border:1px solid #ddd; box-sizing:border-box; word-break:keep-all; resize:none; transition:all 0.3s;}
.AWorder_form_table table .inner_table {box-sizing: border-box; table-layout: initial;}
.AWorder_form_table table .inner_table th {width: 145px;}
.AWorder_form_table table .inner_table td {width: calc((100% - 290px) / 2);}
.AWorder_form_table table .flex_container {display: flex; justify-content: flex-start; align-items: center;}
.AWorder_form_table table .flex_container .only_chk + .only_chk {margin: 0 0 0 12px;}
.AWorder_form_table table .flex_container .only_chk.font input[type=radio] + label {padding: 0 0 0 26px;}
.AWorder_form_table table .flex_container .only_chk.font input[type=radio] + label::before {top: 40%;}
.AWorder_form_table table #cash_info01 .only_chk{margin: 0 0 12px;}
.AWorder_form_table table #cash_info01 .only_chk:last-of-type {margin: 0;}
.AWorder_form_table table #cash_info02 {margin: 12px 0 0;}
.AWorder_form_table table #cash_info02 .input[type='text'] {width: 120px;}
.AWorder_form_table table #cash_info02 .input[type='password'] {width: 120px;}

.AW-mem-tit{margin-top:50px; text-align: left;}
.AW-mem-tit strong{display:block; font-size:22px; font-weight:600; color:#444; letter-spacing:-0.07em; line-height:1.6; transition:all 0.3s; }
.AW-mem-tit p{font-size:15px; color:#777; letter-spacing:-0.05em; margin:5px 0 0; transition:all 0.3s;}
.AW-mem-tit p span{color:#ff1d1d;}
.AW-mem-tit .only_chk {display: flex; justify-content: flex-start; align-items: flex-end;}
.AW-mem-tit .only_chk strong {margin: 0 12px 0 0;}
.AW-mem-tit .only_chk.font input[type=checkbox] + label {padding: 0 0 0 26px; line-height: 1.3;}

    /* 버튼 */
.AW-mem-btn{margin:60px 0 0; text-align:center; overflow:hidden;}
.AW-mem-btn a,
.AW-mem-btn input, .AW-mem-btn button{float:left; width:50%; height:60px; line-height:60px; font-size:17px; 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:hover, .AW-mem-btn input:hover, .AW-mem-btn button:hover{background:#ccc;}
.AW-mem-btn a:first-child, .AW-mem-btn input:first-child, .AW-mem-btn button:first-child{color:#fff; background:#333;}
.AW-mem-btn a:first-child:hover, .AW-mem-btn input:first-child:hover, .AW-mem-btn button:first-child:hover{background:#000;}
.AW-mem-btn.only input,
.AW-mem-btn.only button,
.AW-mem-btn.only a{display: inline-block; float: none; width: 300px;}


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

/* 상품 이미지 */
.View_Product_Img { display: block; width: 100%; height: 500px; margin: 0 auto 25px; }
.View_Product_Img img {display: block; width: 100%; height: 100%;}
.View_Product_SImg { font-size: 0; display: flex; justify-content: flex-start; align-items: center;}
.View_Product_SImg li {width: 72px; height: 72px; border: 1px solid #aaa; box-sizing: border-box; margin: 0 10px 0 0; overflow: hidden;}
.View_Product_SImg li:last-of-type {margin: 0 ;}
.View_Product_SImg img {  width: 100%; height: 100%; cursor:pointer; margin:0 2px; }

/* 상품 정보 가격 */
.View_info_price { background:#f8f8f8; border-top:1px solid #333; border-bottom:1px solid #ddd; padding:10px 0; }
.View_info_list { padding:10px 0; }
.View_info_option1 { padding-top:10px; }
.View_info_option2 { border-top:1px solid #d9d9d9; padding-top:10px; }
.View_info_scrape { border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; padding:10px 0; }
.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; }

.prd_view_wrap ~ div {display: none;}
.prd_view_wrap .prd_ttl .prd_name {font-size:35px; font-weight:500; letter-spacing:-0.045rem; line-height:1.4; color:#111; margin-bottom:25px;}
.prd_ttl .price_box {margin:0 auto 16px;}
.prd_ttl .price_box .sell_price {display:inline-block; font-size:35px; line-height:33px; letter-spacing:-0.045rem; color:var(--m-color); font-weight:300; margin-bottom:40px;}
.prd_ttl .price_box .sell_price strong {letter-spacing:0; font-weight:700;}
.prd_ttl .price_box .con_price {font-size:24px; line-height:33px; color:#aaa; font-weight:300; text-decoration:line-through; margin-left:5px;}
.prd_ttl .price_box .con_price strong {font-weight:500;}
.prd_ttl .price_box .coupon_down {color:var(--m-color);}

/* 상품 옵션선택 */
.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; }
.View_info_option select { width:100%; height:27px; font-size:13px; padding-left:5px; border:1px solid #ddd; }
.View_info_option-qty { position:relative; border-bottom:1px solid #ddd; padding:15px 35px 15px 10px; background:#f9f9f9; }
.View_info_option-qty .btn_x { position:absolute; right:10px; top:50%; margin-top:-7px; width:13px; height:13px; text-align:center; background:url(/adm/product/image/btn_x.png) 50% 50% no-repeat #fff; border:1px solid #ddd; }
/* 수량 */
.qty-btn { font-size:0; white-space:nowrap; }
.qty-btn, .qty-btn * { vertical-align:middle;}
.qty-btn button {box-sizing: border-box; width: 36px; height: 36px; line-height: 34px; text-align:center; border:1px solid #ddd; cursor:pointer; font-size:22px; background:#f5f5f5; color: #666; font-weight: 300;}
.qty-btn button.edit {font-size: 12px; background: transparent; border: 0; font-weight: bold; color: var(--m-error);}
.qty-btn a {display: inline-block; box-sizing: border-box; width: 36px; height: 36px; line-height: 34px; text-align:center; border:1px solid #ddd; cursor:pointer; font-size:22px; background:#f5f5f5; color: #666; font-weight: 300;}
.qty-btn input {box-sizing: border-box; width:70px; height:36px; line-height:36px; text-align:center; font-size:15px; color:#444; background:#fff; border-width:1px 0; border-style:solid; border-color:#ddd; }

/* 총 상품금액 */
.View_info_prdprice { margin:25px 0 0; }


/* 제품 뷰 버튼 */
.View_info_btn { padding:15px 0 0; /*border-top:1px solid #d9d9d9; */ }

/* 제품 뷰 버튼-네이버 */
.View_info_btn_naver { margin:10px 0 0; text-align:right; }


/* 제품 뷰페이지 */
.prd_view_wrap .prd_ttl .prd_name {font-size:35px; font-weight:500; letter-spacing:-0.045rem; line-height:1.4; color:#111; margin-bottom:25px; border-bottom: 1px solid #ddd; padding-bottom: 15px;}
.prd_ttl .price_box {margin:0 auto 16px;}
.prd_ttl .price_box .sell_price {display:inline-block; font-size:14px; line-height:33px; letter-spacing:-0.045rem; color:#666; font-weight:300; margin-bottom:40px;}
.prd_ttl .price_box .sell_price strong {letter-spacing:0; font-weight:700;}
.prd_ttl .price_box .con_price {font-size:24px; line-height:33px; color:#aaa; font-weight:300; text-decoration:line-through; margin-left:5px;}
.prd_ttl .price_box .con_price strong {font-weight:500;}
.prd_ttl .price_box .coupon_down {color:var(--m-color);}

.prd_info {border-width:1px 0; border-style:solid; border-color:#ddd; padding:16px 0; box-sizing:border-box;}
.p_tit {font-size:15px; line-height:35px; letter-spacing:-0.045rem; width:120px; vertical-align:middle;}
.p_info { padding-left:20px; font-size:15px; letter-spacing:-0.045rem; color:#444; vertical-align:middle;}
.p_info a:hover {color:#111;}
.p_info .bar:after {content:''; display:inline-block; width:1px; height:13px; background:#ddd; margin:-2px 11px 0 10px; vertical-align:middle;}

.prd_opt {padding:16px 0 10px; box-sizing:border-box;}
.prd_opt td {padding-bottom:4px;}
.prd_opt .count_box {overflow: hidden;}
.prd_opt .count_box input {float: left; width: 70px; height: 36px; line-height:34px; font-family: inherit; font-size:15px; font-weight:500; color:#111; text-align: center; border:1px solid #ddd; padding:0; box-sizing:border-box; }
.prd_opt select {width: 100%; font-weight: 400; height: 44px; padding: 0 10px; box-sizing: border-box; line-height:34px; font-family: inherit; font-size:15px; color:#111; text-align: left; border:1px solid #ddd; }
.prd_opt .count_box a {float:  left; width: 36px; height: 36px; font-weight:300; line-height:34px; border: 1px solid #ddd; color:#666; text-align:center; box-sizing:border-box; }
.prd_opt .count_box a.down {border-right: none; font-size:24px; background:#f5f5f5;}
.prd_opt .count_box a.up {border-left: none; font-size:24px; background:#f5f5f5;}
.prd_opt h4 {font-size: 15px; font-weight: 400; margin: 0 0 10px;}

.prd_price {border-top:1px solid #aaa; padding:16px 0 0; box-sizing:border-box;}
.prd_price .total_price {float:right; font-size:35px; font-weight:600; line-height:40px; color:var(--m-color);}

.prd_order_btn {margin:30px auto 36px;}
.prd_order_btn .wish_btn {float:left; width:55px; height:55px; border:1px solid #ddd; margin-right:8px; background:url(/img/comm/wish_ico.png) 50% 50% no-repeat; text-indent:-9999px; box-sizing:border-box;}
.prd_order_btn .wish_btn:hover, .prd_order_btn .wish_btn.on {background-image:url(/img/comm/wish_on.png);}
.prd_order_btn .order_btn {float:left; width:265px; height:55px; line-height:55px; text-align:center; background:var(--m-color); color:#fff; font-size:18px; letter-spacing:-0.045rem; font-weight:500; box-sizing:border-box;}
.prd_order_btn .cart_btn {float:right; width:265px; height:55px; line-height:55px; text-align:center; background:#444; color:#fff; font-size:18px; letter-spacing:-0.045rem; font-weight:500; box-sizing:border-box;}

.prd_sns {float:right;}
.prd_sns .sns {float:left; width:34px; height:34px; margin-left:5px; vertical-align:middle; background-position:50% 50%; background-size:100% auto; text-indent:-9999px; cursor:pointer;}
.prd_sns .twit {background-image:url(/img/comm/social-twitter.png);}
.prd_sns .face {background-image:url(/img/comm/social-facebook.png);}
.prd_sns .insta {background-image:url(/img/comm/social-insta.png);}
.prd_sns .kakao {background-image:url(/img/comm/social-kakao.png);}

.prd_sns .twit:hover {background-image:url(/img/comm/social-twitter-on.png);}
.prd_sns .face:hover {background-image:url(/img/comm/social-facebook-on.png);}
.prd_sns .insta:hover {background-image:url(/img/comm/social-insta-on.png);}
.prd_sns .kakao:hover {background-image:url(/img/comm/social-kakao-on.png);}

/* 상품정보, 관련상품, Q&A, 상품평쓰기 탭 */
.View_Detail_Wrap { margin:0 0 15px; display: none;}
.View_Detail_Wrap ul { overflow:hidden; width:100%; display: flex; justify-content: flex-start; align-items: center;}
.View_Detail_Wrap ul li {width: 25%; height: 56px; position:relative; float: none; border: 1px solid #ddd; cursor: pointer; border-right: 0; }
.View_Detail_Wrap ul li:last-of-type {border-right: 1px solid #ddd;}
.View_Detail_Wrap ul li a {width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; font-size: 1.2rem; color: #888; letter-spacing: -0.025em;}
.View_Detail_Wrap ul li.current {border-bottom-color: var(--m-color); }
.View_Detail_Wrap ul li.current a {background-color:#fff; color: var(--m-color);}


/* 상품평쓰기_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; text-align: left;}
.prd_view_tab_inner div { background:#f8f8f8; padding:20px; border-bottom:1px solid #ddd; text-align: left;}




/***************************************************** 팝업 *****************************************************/
/* 주문취소 팝업 ----------------------*/
.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_popup {width: 800px; padding: 20px; box-sizing: border-box;}
.coupon_popup .AW-mem-tit:first-child {margin: 0;}

/*배송지관리 ---------------------*/
.AW_list_table {table-layout: fixed; border-collapse: collapse;}
.AW_list_table.border { border-top:1px solid #333; }
.AW_list_table tr { border-bottom: 1px solid #ddd; box-sizing: border-box; }
.AW_list_table th,.AW_list_table td { font-size:15px; font-weight:500; text-align:center; line-height:31px; letter-spacing:-0.045rem; color:#333; padding:12px 0; vertical-align:middle;}
.AW_list_table th {  }
.AW_list_table td {}
.AW_list_table td.h70 { height:70px; }
/* 테이블 안에 테이블 리셋 */
.AW_list_table table { border:0 none; }
.AW_list_table table th, .AW_list_table table td { height:auto; padding:0; border:0 none; background:none; }
.AW_list_table .address_lnk {display: block;}
.AW_list_table .address_lnk .address_detail {display: inline-block; margin: 0 0 0 6px;}
.AW_list_table .only_chk {display: inline-block;}


/* 검색 -------------------------------------*/
.prd_search {border-bottom:1px solid #ddd; padding-bottom:12px; margin:0 auto 30px;}
.prd_search .count {float:left; font-size:15px; font-weight:500; line-height:30px; color:#333; letter-spacing:-0.065rem;}
.prd_search .count strong {color:var(--m-color);}
.prd_search select {float:right; width:200px; height:36px; font-family:'NotoSans',sans-serif; font-size:15px; letter-spacing:-0.045rem; color:#555; padding:0 25px 0 12px; border:1px solid #ddd; box-sizing:border-box;}
.prd_search .search_bar {float:right;}
.prd_search .search_bar input {display:inline-block; width:200px; height:32px; 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_search .search_bar .submit_btn {display:inline-block; width:50px; height:32px; line-height:32px; 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;}

.prd_list_wrap .no_prd {height:80px; line-height:80px; margin:50px auto 80px; font-size:18px; font-weight:500; color:#111; text-align:center;}



/*주문배송 조회 버튼*/
.order_detail_btn {margin:20px 0 0; overflow:hidden;}
.order_view_btn {margin:20px 0 0;}
.order_detail_btn .order_view_btn a,
.order_detail_btn .order_view_btn input, .order_detail_btn .order_view_btn button{float:left; width:50%; height:60px; line-height:60px; font-size:17px; letter-spacing:-0.07em; text-align:center; background:#e0e0e0; color:#666; transition:all 0.3s; box-sizing:border-box; cursor:pointer;}
.order_detail_btn .order_view_btn a:hover, .order_detail_btn .order_view_btn input:hover, .order_detail_btn .order_view_btn button:hover{background:#ccc;}
.order_detail_btn .order_view_btn a:first-child, .order_detail_btn .order_view_btn input:first-child, .order_detail_btn .order_view_btn button:first-child{color:#fff; background:#333;}
.order_detail_btn .order_view_btn a:first-child:hover, .order_detail_btn .order_view_btn input:first-child:hover, .order_detail_btn .order_view_btn button:first-child:hover{background:#000;}




/* prd_list */
.prd_list_wrap .prd_ttl {margin:0 0 30px;}
.prd_list_wrap .prd_ttl h2 {float:left; font-size:40px; line-height:40px; color:#111; font-weight:300;}
.prd_list_wrap .prd_ttl h2 strong {font-weight:700;}
.prd_list_wrap .prd_ttl h2 span {display:inline-block; margin-left:4px; font-size:17px; line-height:34px; letter-spacing:-0.065rem; color:#777;}

.prd_list {}
.prd_list li {position:relative; float:left; width: 32%; margin-right: 2%; margin-bottom: 25px; border: 1px solid  #ddd; padding: 15px; background: #fff;}
.prd_list li:nth-child(3n) {margin-right:0;}
.prd_list li a {position:relative; display:block; width:100%; height:100%;}
.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 .img_box {position:relative; width: 100%; height: 400px; margin-bottom:22px; overflow:hidden;}
.prd_list li .img_box img {position:absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); margin:auto; transition:all 0.35s; width: 100%;}
/*.prd_list li:hover .img_box img {transform:scale(1.1);}*/
/*20230612 상품기능 가맹점용으로 변경작업 - 카테고리이름추가*/
.prd_list h4 {color: #666; font-size: 14px;}
.prd_list dt {max-height:42px; font-size:28px; font-weight:500; letter-spacing:-0.065rem; color:#222; margin-bottom:12px; overflow:hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break: keep-all;}
.prd_list li:hover dt {color:var(--m-color);}
.prd_list .price {font-size:14px; line-height: 2em; letter-spacing:-0.065rem; color:#666;}
.prd_list .price strong {font-weight:700; letter-spacing:0;}
.prd_list .cost {font-size:15px; line-height:34px; letter-spacing:-0.065rem; color:#999; text-decoration:line-through;}
.prd_list .cost strong {font-weight:700; letter-spacing:0;}

.prd_list.recom {margin: 0; border: 1px solid #ddd; box-sizing: border-box; padding: 20px; 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% - 40px) / 5); margin: 0 10px 10px 0;}
.prd_list.recom li:nth-of-type(5n) {margin: 0 0 5px 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.recom li:hover .img_box img {transform: translate(-50%, -50%) scale(1.1); }

.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: 232px;}
.prd_list.rel .price {font-size: 15px; letter-spacing: -0.025em;}
.prd_list.rel dt {font-size: 16px; }
.prd_list.rel li:hover dt {color: #222;}
.prd_list.rel li:hover .img_box img {transform: initial;}


/*category*/

.cate_ttl {font-size:32px; line-height:40px; font-weight:500; letter-spacing:-0.045rem; color:#111; text-align:center; margin:30px auto 50px; display: none;}
.cate_box {width: 100%; display: flex; justify-content: flex-start; align-items: flex-start; align-content: flex-start; flex-wrap: wrap; display: none;}
.cate_box li {width: 20%; box-sizing: border-box; height: 50px; 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(3) {border-top: 1px solid #ddd;}
.cate_box li:nth-of-type(4) {border-top: 1px solid #ddd;}
.cate_box li:nth-of-type(5) {border-top: 1px solid #ddd;}
.cate_box li:nth-of-type(5n + 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:15px; font-weight:500; color:#555; padding:0 16px; vertical-align:middle; box-sizing:border-box;}
.cate_box li:hover a {color: var(--m-color);}


.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%; display: none;}
.recom_tit {font-size: 18px; font-weight: bold; color: #121212; letter-spacing: -0.05em; text-align: left; margin: 18px 0 9px; display: none;}







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


.wish_table_top {border:1px solid #ddd; padding:10px 15px; margin-bottom:10px; box-sizing: border-box;}
.wish_table_top table {width: 100%;}
.wish_table_top tbody {width: 100%;}
.wish_table_top tr {width: 100%;}
.wish_table_top td {width: 50%; font-size: 15px; letter-spacing: -0.025em; color: #222;}
.wish_table_top td:first-of-type {text-align: left;}
.wish_table_top td:last-of-type {text-align: right;}
.wish_table_top td select {width:200px; height:36px; font-family:'NotoSans',sans-serif; font-size:15px; letter-spacing:-0.045rem; color:#555; padding:0 25px 0 12px; border:1px solid #ddd; box-sizing:border-box;}


.prd_chapter {display: flex; justify-content: flex-end; align-items: center;}
.prd_chapter li {text-align: left; width: 110px; height: 60px; 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: 26px; right: 20px;
}
.prd_chapter li:last-child {width: 84px;}
.prd_chapter li:last-child::after {content: initial;}
.prd_chapter li span {font-size: 12px; color: #c1c1c1;}
.prd_chapter li p {font-size: 20px; 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;}

.error_type {border: 2px solid #ddd; background: #fff; text-align: center; padding: 20px; box-sizing: border-box;}
.error_type span {color: var(--m-error);}


/******************************************************* 게시판 페이징처리 *******************************************************/
.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: #0084dd; color: #fff; font-weight: bold; }
.bbs_paging tr td img { display: block; max-width: 100%; max-height: 100%; }

/******************************************************* 리스트 하단버튼 *******************************************************/
.bbs_btn { border: 1px solid #ddd;line-height: 31px;font-size: 14px;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 #888; border-bottom: 1px solid #ddd; box-sizing: border-box; background: #f2f2f2; }
.AWbbs_f_search td { padding: 16px 2px; box-sizing: border-box; }
.AWbbs_f_search select { font-family: inherit; display: block; width: auto; padding: 2px 30px 2px 12px; height: 42px; box-sizing: border-box; border: 1px solid #ddd; background: #fff url(/img/comm/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: 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: block; width: 80px; height: 42px; box-sizing: border-box; border: 1px solid #555; background: #555; color: #fff; font-size: 14px; letter-spacing: -0.025rem; }

/***************************************************** 체크박스 커스텀 *****************************************************/
.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 {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/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 {}
.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: 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/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: 15px; 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;}
.chk_flex_container .only_chk.star {margin: 0 16px 0 0;}



/***************************************************** 퀵바 *****************************************************/
.quick_wrap {position:fixed; top:0; right:0; width:85px; height:100%; background:#fff; border-left:1px solid #ddd; box-sizing:border-box; z-index: 995; transition:right 0.35s;}
.quick_wrap.close {right:-85px;}

.quick_wrap .quick_btn {position:absolute; top:300px; left:0; width:21px; height:40px; background:#fff url(/img/comm/close_ico.png) 50% 50% no-repeat; border-width:1px 0 1px 1px; border-style:solid; border-color:#eee #ddd #eee; margin-left:-21px; text-indent:-9999px; box-sizing:border-box; outline-color:var(--m-color);}
.quick_wrap.close .quick_btn {background-image:url(/img/comm/open_ico.png);}

.quick_wrap .inner {padding:30px 10px 0; box-sizing:border-box;}
.quick_wrap .quick_lnk {margin-bottom:40px;}
.quick_wrap .quick_lnk li {margin-bottom:30px;}
.quick_wrap .quick_lnk a {position:relative; display:block; width:100%; padding:45px 0 0; text-align:center; background:url(/img/comm/top_ico1.png) 50% 0 no-repeat; font-size:13px; line-height:15px; letter-spacing:-0.085rem; color:#333; box-sizing:border-box;}
.quick_wrap .quick_lnk a:hover {color:var(--m-color);}
.quick_wrap .quick_lnk li:nth-child(2) a {background:url(/img/comm/top_ico2.png) 50% 15% no-repeat;}
.quick_wrap .quick_lnk li:nth-child(3) a {background:url(/img/comm/top_ico3.png) 50% 0 no-repeat;}
.quick_wrap .quick_lnk li:nth-child(4) a {background:url(/img/comm/quick_ico4.png) 50% 0 no-repeat;}
.quick_wrap .quick_lnk .count {position:absolute; top:0; right:8px; width:20px; height:20px; line-height:20px; text-align:center; font-size:11px; font-weight:600; letter-spacing:0; color:#fff; background:var(--m-color); border-radius:50%; margin:-7px 0 0; box-sizing:border-box;}

.quick_wrap .today {width:100%; border-top:1px solid #eee; padding-top:30px;}
.quick_wrap .today span {display:block; font-size:14px; line-height:20px; color:#555; text-align:center; margin-bottom:12px;}
.quick_wrap .today ul {width:61px; margin:0 auto;}
.quick_wrap .today li {width:61px; height:61px; margin-bottom:5px; box-sizing:border-box;}
.quick_wrap .today img, .quick_wrap .today li a {display:block; width:100%; height:100%;}
.quick_wrap .controls_btn {width:61px; margin:10px auto 0;}
.quick_wrap .controls_btn button {float:left; width:30px; height:25px; border:1px solid #ddd; background:url(/img/comm/prev_ico.png) 50% 50% no-repeat; text-indent:-9999px; box-sizing:border-box;}
.quick_wrap .controls_btn button.next {border-left:none; background-image:url(/img/comm/next_ico.png);}