@charset "utf-8";

/* 공통 */
.shop_wrap{color: #222;}
.shop_wrap a,
.shop_wrap a:hover{text-decoration: none;}
.shop_wrap button{cursor: pointer;font-family: inherit;}
.shop_wrap .lab + label:empty{padding-left: 22px;height: 22px;margin: 0;}
.shop_wrap .lab:disabled + label{opacity: 0.3;cursor: default;}
.shop_page_tit{font-size: 28px;line-height: 36px;font-weight: 700;color: #111;margin-bottom: 30px;}
.shop_nodata{padding: 80px 0;text-align: center;font-size: 15px;color: #999;border-top: 1px solid #111;border-bottom: 1px solid #ddd;}

.shop_wrap .btn_line{display: inline-block;vertical-align: middle;padding: 0 24px;height: 50px;line-height: 48px;border: 1px solid #111;background: #fff;color: #111;font-size: 15px;text-align: center;box-sizing: border-box;transition: all 0.2s;}
.shop_wrap .btn_line:hover{background: #111;color: #fff;}
.shop_wrap .btn_line.small{padding: 0 12px;height: 32px;line-height: 30px;font-size: 13px;border-color: #ccc;}
.shop_wrap .btn_line.small:hover{border-color: #111;}
.shop_wrap .btn_fill{display: inline-block;vertical-align: middle;padding: 0 24px;height: 50px;line-height: 50px;border: none;background: #111;color: #fff;font-size: 15px;text-align: center;box-sizing: border-box;transition: all 0.2s;}
.shop_wrap .btn_fill:hover{background: #444;}
.shop_wrap .shop_nodata .btn_line{display: block;width: 180px;margin: 20px auto 0;}

.shop_wrap .price .rate{font-style: normal;font-weight: 700;color: #111;margin-right: 4px;}
.shop_wrap .price strong{font-weight: 700;color: #111;}
.shop_wrap .price del{color: #aaa;margin-left: 4px;font-size: 0.85em;}

/* 카테고리 탭 (제품관리 탭 디자인) */
.shop_tab{display: flex;flex-wrap: wrap;margin: -7px;margin-bottom: 30px;}
.shop_tab li{width: calc((100% / 4) - 14px);margin: 7px;}
.shop_tab li a{display: block;text-decoration: none;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 50px;border: 1px solid #ccc;border-radius: 4px;font-size: 15px;color: #666;}
.shop_tab li.on a{color: #fff;border-color: #333333;background: #333333;font-weight: 700;}

.shop_tab2{display: flex;flex-wrap: wrap;margin: -4px;margin-top: -20px;margin-bottom: 30px;}
.shop_tab2 li{width: calc((100% / 6) - 8px);margin: 4px;}
.shop_tab2 li a{display: block;text-decoration: none;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;line-height: 45px;background: #f7f7f7;border-radius: 4px;font-size: 14px;color: #666;}
.shop_tab2 li.on a{color: #000;background: #f1f1f1;}

#shop-total{color: #999;font-size: 16px;}
#shop-total strong{color: #000;}

/* 상품 목록 (카드형) */
.shop_list_wrap{margin-top: 40px;}
.shop_list{display: flex;flex-wrap: wrap;margin: -20px;margin-top: 0;}
.shop_list li{width: calc((100% / 4) - 40px);margin: 20px;position: relative;}
.shop_list li > a{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 2;text-indent: -999em;}
.shop_list li .tmb{padding-bottom: 100%;position: relative;overflow: hidden;border-radius: 10px;}
.shop_list li .tmb img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;transition: all 1s;}
.shop_list li:hover .tmb img{transform: scale(1.05);}
.shop_list li .tmb:before{content: '';display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 1px solid rgba(0,0,0,0.08);box-sizing: border-box;border-radius: 10px;z-index: 1;}
.shop_list li .icons{position: absolute;top: 15px;left: 15px;z-index: 2;}
.shop_list li .icons .icon{width: 38px;line-height: 38px;border-radius: 38px;text-align: center;font-size: 13px;border: 2px solid #272727;display: block;margin-bottom: 5px;font-weight: bold;color: #222222;background: #fff;letter-spacing: -1px;}
.shop_list li .icons .icon.soldout{background: #272727;color: #fff;}
.shop_list li.soldout .tmb img{opacity: 0.5;}
.shop_list li .info{margin-top: 20px;}
.shop_list li .info .title{display: block;font-size: 18px;line-height: 24px;color: #000;font-weight: bold;}
.shop_list li .info .summary{display: block;font-size: 14px;line-height: 20px;color: #666;margin-top: 5px;}
.shop_list li .info .price{display: block;font-size: 16px;line-height: 22px;margin-top: 10px;}

/* 상품 상세 (제품관리 상세 디자인) */
.shop_view .infobox{position: relative;padding-left: 600px;min-height: 600px;}
.shop_view .infobox dt{position: absolute;top: 0;left: 0;width: 600px;}
.shop_view .infobox dt .imgs{position: relative;}
.shop_view .infobox dt .imgs .item{border-radius: 5px;border: 1px solid #ddd;box-sizing: border-box;overflow: hidden;background: #fff;}
.shop_view .infobox dt .imgs .item .tmb{padding-bottom: 100%;position: relative;}
.shop_view .infobox dt .imgs .item .tmb img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.shop_view .infobox dt .imgs .arrows > button{position: absolute;top: 50%;transform: translate(0, -50%);border: none;z-index: 81;width: 30px;height: 60px;background: rgba(0,0,0,0.1);text-indent: -999em;transition: background 0.2s;}
.shop_view .infobox dt .imgs .arrows > button:hover{background: rgba(0,0,0,0.2);}
.shop_view .infobox dt .imgs .arrows > button:after{content: '';position: absolute;top: 50%;left: 50%;width: 9px;height: 9px;border-top: 2px solid #000;border-left: 2px solid #000;margin: -5px 0 0 -3px;transform: rotate(-45deg);}
.shop_view .infobox dt .imgs .arrows > button.next:after{margin-left: -7px;transform: rotate(135deg);}
.shop_view .infobox dt .imgs .arrows > button.swiper-button-disabled{opacity: 0;}
.shop_view .infobox dt .imgs .prev{left: 0;}
.shop_view .infobox dt .imgs .next{right: 0;}
.shop_view .infobox dt .imgs .dots{position: absolute;bottom: 15px;left: 0;width: 100%;z-index: 81;text-align: center;}
.shop_view .infobox dt .imgs .dots > span{margin: 0 3px;width: 8px;height: 8px;border-radius: 8px;opacity: 1;background: rgba(0,0,0,0.2);}
.shop_view .infobox dt .imgs .dots > span.swiper-pagination-bullet-active{background: rgba(0,0,0,1);}
.shop_view .infobox dt .thumbnails{margin-top: 10px;}
.shop_view .infobox dt .thumbnails .item{border-radius: 5px;border: 1px solid #ddd;box-sizing: border-box;overflow: hidden;cursor: pointer;}
.shop_view .infobox dt .thumbnails .item .tmb{padding-bottom: 100%;position: relative;}
.shop_view .infobox dt .thumbnails .item .tmb img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.shop_view .infobox dt .thumbnails .item.swiper-slide-thumb-active{border-color: #111;}
.shop_view .infobox dd{padding-left: 60px;padding-top: 40px;}
.shop_view .infobox dd .head{border-bottom: 1px solid #eee;margin-bottom: 30px;padding-bottom: 30px;}
.shop_view .infobox dd .head .category{font-size: 16px;font-weight: 600;color: #999;display: block;margin-bottom: 10px;}
.shop_view .infobox dd .head .title{font-size: 30px;line-height: 40px;color: #111;font-weight: 700;display: block;}
.shop_view .infobox dd .summary{display: block;font-size: 16px;line-height: 26px;color: #666;}
.shop_view .infobox dd .detail{margin-top: 20px;border-top: 1px solid #ddd;}
.shop_view .infobox dd .detail li{position: relative;padding: 17px 20px;padding-left: 200px;border-bottom: 1px solid #ddd;}
.shop_view .infobox dd .detail li > *{font-size: 15px;line-height: 130%;letter-spacing: -1px;}
.shop_view .infobox dd .detail li > strong{position: absolute;top: 0;left: 0;bottom: 0;font-weight: 600;color: #111;padding: 17px 20px;background: #f7f7f7;width: 180px;box-sizing: border-box;}
.shop_view .infobox dd .detail li p span{color: #999;font-size: 13px;}
.shop_view .infobox dd .detail li .price{font-size: 18px;}
.shop_view .infobox dd .soldout_msg{margin-top: 20px;padding: 20px;background: #f5f5f5;text-align: center;color: #666;font-size: 15px;border-radius: 5px;}

.shop_view .option_select{padding-top: 20px;}
.shop_view .option_select .sltbox{margin-bottom: 10px;}
.shop_view .option_select label{display: block;font-size: 14px;color: #666;margin-bottom: 6px;}
.shop_view .option_select select{width: 100%;height: 44px;border: 1px solid #ddd;padding: 0 10px;font-size: 14px;box-sizing: border-box;background: #fff;}
.shop_view .option_select select:disabled{background: #f7f7f7;color: #aaa;}

.shop_wrap .selected_list{margin-top: 15px;}
.shop_wrap .selected_list li{position: relative;background: #f7f7f7;padding: 15px;padding-right: 40px;margin-bottom: 6px;}
.shop_wrap .selected_list li .name{display: block;font-size: 14px;color: #222;margin-bottom: 10px;}
.shop_wrap .selected_list li .line_price{position: absolute;right: 40px;bottom: 20px;font-size: 15px;}
.shop_wrap .selected_list li .del{position: absolute;top: 10px;right: 10px;width: 20px;height: 20px;border: none;background: none;text-indent: -999em;}
.shop_wrap .selected_list li .del:before,
.shop_wrap .selected_list li .del:after{content: '';position: absolute;top: 50%;left: 3px;width: 14px;height: 1px;background: #888;transform: rotate(45deg);}
.shop_wrap .selected_list li .del:after{transform: rotate(-45deg);}
.shop_wrap .selected_list li .del:hover:before,
.shop_wrap .selected_list li .del:hover:after{background: #111;}

.shop_wrap .qty{display: inline-block;vertical-align: middle;font-size: 0;}
.shop_wrap .qty button.minus,
.shop_wrap .qty button.plus{width: 30px;height: 30px;border: 1px solid #ddd;background: #fff;font-size: 15px;color: #333;vertical-align: middle;transition: all 0.2s;}
.shop_wrap .qty button.minus:hover,
.shop_wrap .qty button.plus:hover{border-color: #111;}
.shop_wrap .qty .qty_inp{width: 44px;height: 30px;border: 1px solid #ddd;border-left: none;border-right: none;text-align: center;font-size: 14px;vertical-align: middle;box-sizing: border-box;}
.shop_wrap .qty .qty_save{margin-left: 6px;}

.shop_view .total_price{margin-top: 20px;padding-top: 20px;border-top: 1px solid #111;text-align: right;font-size: 15px;color: #666;}
.shop_view .total_price strong{font-size: 24px;color: #111;margin-left: 10px;}

.shop_view .btns{margin-top: 20px;font-size: 0;}
.shop_view .btns button{height: 56px;font-size: 16px;vertical-align: top;transition: all 0.2s;}
.shop_view .btns .btn_wish{width: 56px;border: 1px solid #ddd;background: #fff;text-indent: -999em;position: relative;}
.shop_view .btns .btn_wish:before{content: '\2661';position: absolute;top: 0;left: 0;width: 100%;line-height: 54px;text-indent: 0;font-size: 26px;color: #999;}
.shop_view .btns .btn_wish:hover{border-color: #111;}
.shop_view .btns .btn_wish.on:before{content: '\2665';color: #111;}
.shop_view .btns .btn_cart{width: calc((100% - 66px) / 2);margin-left: 5px;border: 1px solid #111;background: #fff;color: #111;}
.shop_view .btns .btn_cart:hover{background: #f2f2f2;}
.shop_view .btns .btn_buy{width: calc((100% - 66px) / 2);margin-left: 5px;border: 1px solid #111;background: #111;color: #fff;}
.shop_view .btns .btn_buy:hover{background: #444;border-color: #444;}

.shop_view .contentbox{margin-top: 70px;}
.shop_view .contentbox .tab{margin-bottom: 40px;border-bottom: 1px solid #000;display: table;width: 100%;table-layout: fixed;}
.shop_view .contentbox .tab li{display: table-cell;vertical-align: top;}
.shop_view .contentbox .tab li a{display: block;font-size: 18px;color: #666;line-height: 60px;text-align: center;border: 1px solid transparent;transition: color 0.2s;}
.shop_view .contentbox .tab li a:hover{color: #000;}
.shop_view .contentbox .tab li.on a{border-color: #000;border-bottom-color: #fff;background: #fff;color: #000;position: relative;top: 1px;}
.shop_view .contentbox .tab_content .content{display: none;min-height: 300px;font-size: 15px;line-height: 26px;color: #555;}
.shop_view .contentbox .tab_content img{max-width: 100%;height: auto;}
.shop_view .contentbox .content_tit{font-size: 18px;line-height: 26px;font-weight: 700;color: #111;padding-bottom: 12px;margin-bottom: 15px;border-bottom: 1px solid #eee;}
.shop_view .contentbox .guide{font-size: 15px;line-height: 26px;color: #555;margin-bottom: 50px;word-break: keep-all;}
.shop_view .contentbox .guide:last-child{margin-bottom: 0;}
.shop_view .info_table{width: 100%;border-collapse: collapse;border-top: 1px solid #111;font-size: 14px;}
.shop_view .info_table th{width: 200px;padding: 14px 20px;background: #f7f7f7;border-bottom: 1px solid #eee;text-align: left;font-weight: 500;color: #333;vertical-align: top;}
.shop_view .info_table td{padding: 14px 20px;border-bottom: 1px solid #eee;color: #555;}

/* 장바구니 */
.shop_cart .cart_head,
.shop_wish .cart_head{position: relative;padding: 22px 0;border-bottom: 1px solid #111;font-size: 14px;line-height: 20px;}
.shop_cart .cart_head .btn_line,
.shop_wish .cart_head .btn_line{position: absolute;right: 0;top: 50%;margin-top: -16px;}
.shop_cart .cart_list li{position: relative;padding: 20px 220px 20px 150px;min-height: 90px;border-bottom: 1px solid #eee;}
.shop_cart .cart_list li .chk{position: absolute;left: 0;top: 50%;margin-top: -14px;line-height: 0;}
.shop_cart .cart_list li .tmb{position: absolute;left: 30px;top: 20px;width: 90px;height: 90px;overflow: hidden;background: #f5f5f5;}
.shop_cart .cart_list li .tmb img{width: 100%;height: 100%;object-fit: cover;}
.shop_cart .cart_list li .info .title{display: block;font-size: 16px;color: #111;line-height: 22px;transition: color 0.2s;}
.shop_cart .cart_list li .info .title:hover{color: #666;}
.shop_cart .cart_list li .info .opt{display: block;font-size: 13px;color: #888;margin-top: 4px;}
.shop_cart .cart_list li .info .unit{display: block;font-size: 14px;color: #555;margin-top: 6px;}
.shop_cart .cart_list li .info .warn{display: inline-block;margin-top: 6px;padding: 0 8px;line-height: 22px;background: #555;color: #fff;font-size: 12px;}
.shop_cart .cart_list li .qty{position: absolute;right: 120px;top: 50%;margin-top: -15px;}
.shop_cart .cart_list li .qty .qty_save{position: absolute;top: 36px;left: 0;width: 104px;margin-left: 0;}
.shop_cart .cart_list li .line_price{position: absolute;right: 0;top: 50%;margin-top: -12px;line-height: 24px;font-size: 17px;color: #111;}
.shop_cart .cart_list li.disabled .tmb,
.shop_cart .cart_list li.disabled .info .title,
.shop_cart .cart_list li.disabled .line_price{opacity: 0.4;}

.shop_cart .cart_summary{margin-top: 40px;padding: 30px;background: #f7f7f7;text-align: center;}
.shop_cart .cart_summary dl{display: inline-block;vertical-align: middle;margin: 0 20px;}
.shop_cart .cart_summary dt{font-size: 14px;color: #888;}
.shop_cart .cart_summary dd{font-size: 20px;font-weight: 700;color: #111;margin-top: 6px;}
.shop_cart .cart_summary .total dd{font-size: 26px;}
.shop_cart .cart_summary .op{display: inline-block;vertical-align: middle;font-size: 20px;color: #aaa;}
.shop_cart .cart_summary .ship_notice{margin-top: 15px;font-size: 13px;color: #555;}
.shop_cart .cart_summary .calc_notice{margin-top: 6px;font-size: 12px;color: #999;}
.shop_cart .cart_btns{margin-top: 30px;text-align: center;}
.shop_cart .cart_btns > *{width: 220px;margin: 0 4px;}

/* 위시리스트 */
.shop_wish .shop_list{margin-top: 10px;}
.shop_wish .shop_list li .wish_chk{position: absolute;top: 15px;left: 15px;z-index: 3;line-height: 0;}
.shop_wish .shop_list li .wish_chk .lab + label:before{background: #fff;}

/* 로그인 (layout.css #signin 사용) */
#signin .shop_guest{text-align: center;}
#signin .shop_guest h5{font-size: 18px;font-weight: 700;color: #1b1d21;}
#signin .shop_guest .desc{font-size: 13px;line-height: 20px;color: #7d848f;margin: 10px 0 20px;}
#signin .shop_guest .btn2{border-radius: 8px;}

/* 주문서 / 주문완료 / 주문내역 공통 */
.shop_wrap .order_tit{position: relative;font-size: 18px;line-height: 26px;font-weight: 700;color: #111;padding-bottom: 12px;margin-bottom: 15px;border-bottom: 1px solid #111;}
.shop_wrap .order_tit em{font-style: normal;color: #999;font-weight: 400;margin-left: 4px;}
.shop_wrap .order_sec{margin-bottom: 50px;}
.shop_wrap .help{font-size: 13px;line-height: 20px;color: #888;margin-top: 8px;}
.shop_wrap .help strong{color: #111;}
.shop_wrap .order_items li{position: relative;padding: 15px 150px 15px 100px;min-height: 80px;border-bottom: 1px solid #eee;}
.shop_wrap .order_items li .tmb{position: absolute;left: 0;top: 15px;width: 80px;height: 80px;overflow: hidden;border-radius: 5px;background: #f5f5f5;}
.shop_wrap .order_items li .tmb img{width: 100%;height: 100%;object-fit: cover;}
.shop_wrap .order_items li .title{display: block;font-size: 15px;line-height: 22px;color: #111;}
.shop_wrap .order_items li a.title:hover{color: #666;}
.shop_wrap .order_items li .opt{display: block;font-size: 13px;color: #888;margin-top: 4px;}
.shop_wrap .order_items li .qty{display: block;font-size: 13px;color: #555;margin-top: 4px;}
.shop_wrap .order_items li .price{position: absolute;right: 0;top: 50%;transform: translateY(-50%);font-size: 16px;color: #111;}
.shop_wrap .order_info dt{float: left;clear: left;width: 140px;padding: 10px 0;font-size: 14px;color: #888;}
.shop_wrap .order_info dd{padding: 10px 0 10px 140px;font-size: 14px;line-height: 22px;color: #222;border-bottom: 1px solid #f2f2f2;}
.shop_wrap .order_info dd strong{font-size: 16px;color: #111;}

/* 주문서 */
.shop_order form{position: relative;}
.shop_order .order_main{margin-right: 400px;}
.shop_order .order_side{position: absolute;top: 0;right: 0;bottom: 0;width: 360px;}
.shop_order .order_side .summary{position: sticky;top: 20px;padding: 30px;border: 1px solid #ddd;border-radius: 10px;background: #fff;}
.shop_order .order_side .summary dl{font-size: 15px;line-height: 32px;}
.shop_order .order_side .summary dt{float: left;clear: left;color: #666;}
.shop_order .order_side .summary dd{text-align: right;color: #111;}
.shop_order .order_side .summary .total{margin-top: 15px;padding-top: 15px;border-top: 1px solid #eee;font-size: 15px;color: #111;line-height: 30px;}
.shop_order .order_side .summary .total strong{float: right;font-size: 24px;}
.shop_order .order_side .summary .save_point{margin-top: 8px;text-align: right;font-size: 13px;color: #888;}
.shop_order .order_side .summary .agree{margin: 25px 0 15px;font-size: 13px;}
.shop_order .order_side .summary .agree label{font-size: 13px;line-height: 20px;}
.shop_order .order_form dt{float: left;clear: left;width: 140px;padding-top: 10px;font-size: 14px;color: #333;}
.shop_order .order_form dt em{color: #111;margin-left: 2px;font-style: normal;}
.shop_order .order_form dd{padding: 0 0 12px 140px;}
.shop_order .order_form .inp{width: 100%;max-width: 460px;height: 44px;box-sizing: border-box;}
.shop_order .order_form .inp.zipcode{width: 160px;}
.shop_order .order_form .inp.point_inp{width: 160px;text-align: right;}
.shop_order .order_form .btn2.small{vertical-align: middle;}
.shop_order .order_form .mt5{display: block;margin-top: 5px;}
.shop_order .order_tit .same_chk{position: absolute;right: 0;top: 0;font-weight: 400;}
.shop_order .order_tit .same_chk label{font-size: 13px;}
.shop_order .pay_methods{margin-bottom: 15px;}
.shop_order .pay_methods .pay_item{display: inline-block;vertical-align: middle;margin: 0 25px 10px 0;}
.shop_order .shop_pg_module{display: none;}

/* 주문완료 */
.shop_complete .complete_head{padding: 40px 0 50px;text-align: center;}
.shop_complete .complete_head .shop_page_tit{margin-bottom: 15px;}
.shop_complete .complete_head p{font-size: 16px;color: #555;}
.shop_complete .complete_head p strong{color: #111;}
.shop_complete .bank_box{padding: 30px;margin-bottom: 50px;background: #f7f7f7;border-radius: 10px;}
.shop_complete .bank_box .order_tit{border-bottom-color: #ddd;}
.shop_complete .bank_box dt{float: left;clear: left;width: 120px;font-size: 14px;line-height: 30px;color: #888;}
.shop_complete .bank_box dd{padding-left: 120px;font-size: 15px;line-height: 30px;color: #111;}

/* 주문내역 */
.shop_mypage .mypage_info{position: relative;padding: 20px 25px;margin-bottom: 30px;background: #f7f7f7;border-radius: 10px;font-size: 15px;color: #555;}
.shop_mypage .mypage_info strong{font-size: 18px;color: #111;margin-left: 6px;}
.shop_mypage .mypage_info ul{position: absolute;right: 25px;top: 50%;transform: translateY(-50%);}
.shop_mypage .mypage_info li{display: inline-block;vertical-align: middle;margin-left: 15px;}
.shop_mypage .mypage_info li a{font-size: 14px;color: #666;}
.shop_mypage .mypage_info li a:hover{color: #111;}
.shop_mypage .order_status_tab{margin-top: 0;}
.shop_mypage .order_list li{position: relative;margin-bottom: 15px;padding: 20px;border: 1px solid #ddd;border-radius: 10px;transition: border-color 0.2s;}
.shop_mypage .order_list li:hover{border-color: #111;}
.shop_mypage .order_list li > a{position: absolute;display: block;inset: 0;z-index: 10;text-indent: -999em;}
.shop_mypage .order_list li .head{padding-bottom: 12px;margin-bottom: 15px;border-bottom: 1px solid #eee;font-size: 14px;color: #888;}
.shop_mypage .order_list li .head .no{margin-left: 10px;color: #333;}
.shop_mypage .order_list li .body{position: relative;padding-left: 90px;min-height: 70px;}
.shop_mypage .order_list li .tmb{position: absolute;left: 0;top: 0;width: 70px;height: 70px;overflow: hidden;border-radius: 5px;background: #f5f5f5;}
.shop_mypage .order_list li .tmb img{width: 100%;height: 100%;object-fit: cover;transition: all 1s;}
.shop_mypage .order_list li:hover .tmb img{transform: scale(1.05);}
.shop_mypage .order_list li .title{display: block;font-size: 16px;line-height: 24px;color: #111;padding-top: 8px;}
.shop_mypage .order_list li .price{display: block;font-size: 15px;color: #111;margin-top: 4px;}
.shop_mypage .order_list li .price em{font-style: normal;font-size: 13px;color: #888;}
.shop_wrap .status{display: inline-block;padding: 0 10px;line-height: 24px;border-radius: 24px;background: #eee;color: #333;font-size: 12px;font-weight: 700;}
.shop_mypage .order_list li .head .status{float: right;}
.shop_wrap .status.status_wait{background: #fff;border: 1px solid #333;line-height: 22px;}
.shop_wrap .status.status_paid,
.shop_wrap .status.status_ready,
.shop_wrap .status.status_ship{background: #333;color: #fff;}
.shop_wrap .status.status_done,
.shop_wrap .status.status_confirm{background: #111;color: #fff;}
.shop_wrap .status.status_cancel,
.shop_wrap .status.status_refund{background: #f2f2f2;color: #999;}

/* 주문 상세 */
.shop_order_view .order_view_head{padding: 18px 20px;margin-bottom: 40px;background: #f7f7f7;border-radius: 10px;font-size: 14px;color: #666;}
.shop_order_view .order_view_head span{margin-right: 20px;}
.shop_order_view .order_view_head strong{color: #111;}
.shop_order_view .order_view_head .status{float: right;margin-right: 0;margin-top: -2px;}

/* for mobile */
@media screen and (max-width: 1000px){

    .shop_page_tit{font-size: 22px;line-height: 30px;margin-bottom: 20px;}

    .shop_tab{margin: -2px;margin-bottom: 20px;}
    .shop_tab li{width: calc((100% / 2) - 4px);margin: 2px;}
    .shop_tab li a{line-height: 40px;font-size: 14px;}
    .shop_tab2{margin: -2px;margin-top: -10px;margin-bottom: 20px;}
    .shop_tab2 li{width: calc((100% / 3) - 4px);margin: 2px;}
    .shop_tab2 li a{line-height: 35px;font-size: 13px;}

    #shop-total{font-size: 13px;}
    .shop_list_wrap{margin-top: 20px;}

    .shop_list{margin: -5px;margin-top: 10px;}
    .shop_list li{width: calc((100% / 2) - 10px);margin: 5px;}
    .shop_list li .tmb{border-radius: 5px;}
    .shop_list li .tmb:before{border-radius: 5px;}
    .shop_list li .icons{top: 10px;left: 10px;}
    .shop_list li .icons .icon{width: 30px;line-height: 30px;border-radius: 30px;font-size: 11px;}
    .shop_list li .info{margin-top: 15px;}
    .shop_list li .info .title{font-size: 16px;line-height: 20px;}
    .shop_list li .info .summary{font-size: 13px;line-height: 18px;}
    .shop_list li .info .price{font-size: 14px;margin-top: 6px;}

    .shop_view .infobox{padding-left: 0;min-height: 0;}
    .shop_view .infobox dt{position: relative;width: auto;}
    .shop_view .infobox dt .imgs .arrows > button{width: 25px;height: 50px;}
    .shop_view .infobox dd{padding-left: 0;padding-top: 0;margin-top: 40px;}
    .shop_view .infobox dd .head{margin-bottom: 20px;padding-bottom: 15px;}
    .shop_view .infobox dd .head .category{font-size: 13px;margin-bottom: 5px;}
    .shop_view .infobox dd .head .title{font-size: 20px;line-height: 30px;}
    .shop_view .infobox dd .summary{font-size: 14px;line-height: 20px;}
    .shop_view .infobox dd .detail{margin-top: 15px;}
    .shop_view .infobox dd .detail li{padding: 15px;padding-left: 120px;}
    .shop_view .infobox dd .detail li > *{font-size: 13px;}
    .shop_view .infobox dd .detail li > strong{padding: 15px;width: 105px;}
    .shop_view .btns button{height: 50px;font-size: 15px;}
    .shop_view .btns .btn_wish{width: 50px;}
    .shop_view .btns .btn_wish:before{line-height: 48px;}
    .shop_view .btns .btn_cart,
    .shop_view .btns .btn_buy{width: calc((100% - 60px) / 2);}
    .shop_view .contentbox{margin-top: 50px;}
    .shop_view .contentbox .tab{margin-bottom: 20px;}
    .shop_view .contentbox .tab li a{font-size: 14px;line-height: 50px;}
    .shop_view .contentbox .tab_content .content{min-height: 200px;font-size: 14px;line-height: 22px;}
    .shop_view .contentbox .content_tit{font-size: 15px;line-height: 22px;padding-bottom: 8px;margin-bottom: 10px;}
    .shop_view .contentbox .guide{font-size: 13px;line-height: 20px;margin-bottom: 30px;}
    .shop_view .info_table th{width: 100px;padding: 12px;}
    .shop_view .info_table td{padding: 12px;}

    .shop_cart .cart_list li{padding: 15px 0 60px 110px;min-height: 80px;}
    .shop_cart .cart_list li .tmb{left: 26px;top: 15px;width: 76px;height: 76px;}
    .shop_cart .cart_list li .info .title{font-size: 14px;padding-right: 10px;}
    .shop_cart .cart_list li .qty{left: 110px;right: auto;top: auto;bottom: 15px;margin-top: 0;}
    .shop_cart .cart_list li .qty .qty_save{position: static;width: auto;margin-left: 6px;}
    .shop_cart .cart_list li .line_price{top: auto;bottom: 18px;margin-top: 0;font-size: 15px;}
    .shop_cart .cart_summary{padding: 20px 15px;}
    .shop_cart .cart_summary dl{margin: 0 8px;}
    .shop_cart .cart_summary dd{font-size: 15px;}
    .shop_cart .cart_summary .total dd{font-size: 18px;}
    .shop_cart .cart_btns > *{width: calc(50% - 6px);margin: 0 2px;padding: 0;}

    .shop_wrap .order_tit{font-size: 16px;}
    .shop_wrap .order_sec{margin-bottom: 35px;}
    .shop_wrap .order_items li{padding: 12px 0 12px 80px;min-height: 64px;}
    .shop_wrap .order_items li .tmb{top: 12px;width: 64px;height: 64px;}
    .shop_wrap .order_items li .title{font-size: 14px;line-height: 20px;}
    .shop_wrap .order_items li .price{position: static;transform: none;display: block;margin-top: 6px;font-size: 15px;}
    .shop_wrap .order_info dt{width: 90px;font-size: 13px;}
    .shop_wrap .order_info dd{padding-left: 90px;font-size: 13px;}

    .shop_order .order_main{margin-right: 0;}
    .shop_order .order_side{position: static;width: auto;}
    .shop_order .order_side .summary{position: static;padding: 20px;}
    .shop_order .order_form dt{float: none;width: auto;padding: 0 0 6px;font-size: 13px;}
    .shop_order .order_form dd{padding: 0 0 15px;}
    .shop_order .order_form .inp{max-width: none;height: 42px;}
    .shop_order .order_form .inp.zipcode{width: calc(100% - 90px);}
    .shop_order .order_form .inp.point_inp{width: calc(100% - 110px);}
    .shop_order .order_tit .same_chk{top: -2px;}

    .shop_complete .complete_head{padding: 20px 0 30px;}
    .shop_complete .complete_head p{font-size: 14px;}
    .shop_complete .bank_box{padding: 20px;margin-bottom: 35px;}
    .shop_complete .bank_box dt{width: 80px;font-size: 13px;}
    .shop_complete .bank_box dd{padding-left: 80px;font-size: 14px;}

    .shop_mypage .mypage_info{padding: 15px;font-size: 14px;}
    .shop_mypage .mypage_info ul{position: static;transform: none;margin-top: 8px;}
    .shop_mypage .mypage_info li{margin: 0 12px 0 0;}
    .shop_mypage .mypage_info li a{font-size: 13px;}
    .shop_mypage .order_list li{padding: 15px;}
    .shop_mypage .order_list li .head{font-size: 12px;}
    .shop_mypage .order_list li .head .no{display: block;margin: 4px 0 0;}
    .shop_mypage .order_list li .body{padding-left: 75px;min-height: 60px;}
    .shop_mypage .order_list li .tmb{width: 60px;height: 60px;}
    .shop_mypage .order_list li .title{font-size: 14px;line-height: 20px;padding-top: 4px;}
    .shop_mypage .order_list li .price{font-size: 14px;}

    .shop_order_view .order_view_head{padding: 15px;margin-bottom: 30px;font-size: 13px;}
    .shop_order_view .order_view_head span{display: block;margin: 0 0 4px;}
    .shop_order_view .order_view_head .status{display: inline-block;float: none;margin: 6px 0 0;}

}