.wrap{background-color:#fff;}


.pay-list.list-no-image .list-con-body dd{height:auto;}

/* mypage */
.mypage{padding:100px 0;}
.mypage h3{font-size:2.2em; text-align: center; }
.sub-title-02{margin-bottom: 60px;}

 
.mypage .my{display: flex; justify-content: space-between; align-items: center;}
.mypage .my .btn_wrap{display: flex; flex-wrap: nowrap;}
.mypage .my .btn_wrap a{ border: 1px solid #ddd; border-radius: 5px; margin-left: 8px; display: flex; align-items: center; justify-content: center; padding: 12px 16px;}

.mypage .my .btn_wrap .my_point{cursor: pointer; border-radius: 5px; border: 1px solid #ffb042;background-color: #ffb042; color: #fff; padding: 12px 12px; justify-content: space-between; display: flex; align-items: center;}
.mypage .my .btn_wrap .my_point p{margin-right: 12px; font-size: 14px;}
.mypage .my .btn_wrap .my_point p.point{color: #fff; font-weight: 600;  font-size: 18px; text-align: right;}


.mypage .my .reserves_dis{display: flex;width: 50%; }
.mypage .my .name{margin-bottom:10px}
.mypage .my .span_name{font-size:2em;font-weight: bolder;}
.mypage .my .span_ranking{font-size:1em;font-weight: bolder;}
.mypage .my > div:first-child{display: flex;width:50%;align-items: center;}
.mypage .my .reserves{background-color: #f5f5f5;margin-right:30px;padding:20px 30px; width:100%; border-radius: 15px;}
.mypage .my .reserves:last-child{margin-right:0px;}
.mypage .my .reserves .tit{margin-bottom:5px}
.mypage .my .reserves .txt{position:relative; cursor: pointer;}
.mypage .my .reserves .txt:after{position:absolute;content:'';display: block ;width:15px; height:15px; border-top:3px solid #ddd; border-right:3px solid #ddd; top:34%; right:0;; transform: rotate(45deg);}
.mypage .my .reserves span.monny{font-size:2em;margin-right:5px}

.secession{text-align: right;font-sizE: 13px;color: #888; margin-top: 10px;}
.secession a{border-bottom:1px solid #888}

.mypage .lookup{margin-top:60px;}
.mypage .lookup h6{font-size: 22px; font-weight: 600; color: #000; border-bottom:2px solid #000;padding-bottom:15px;margin-bottom:0;}
.mypage .mypage_cupon.lookup h6{border-bottom:none;}
.mypage .point_list_wrap h6{margin-bottom:0;}
.mypage .lookup_list{margin:20px 0; padding:50px 0 }
.mypage .lookup_list ul{display:flex;}
.mypage .lookup_list ul li{width:20%;text-align: center;position:relative;}
.mypage .lookup_list ul li:after{border-top:3px solid #ddd;border-right:3px solid #ddd;content:'';display: block; width:15px;height:15px; transform: rotate(45deg); position:absolute; top:50%;left:0;}
.mypage .lookup_list ul li:first-child::after{display: none;}
.mypage .lookup_list .number .in_number{font-size: 4em; font-weight: 500;}

.mypage .lookup02 ul{display: flex; background-color: #f5f5f5; border:1px solid #bbb; }
.mypage .lookup02 ul li{width:33.33%;padding:15px 20px; border-right:1px solid #bbb;}
.mypage .lookup02 ul li:last-child{border-right:none; }
.mypage .lookup02 ul li p{position:relative; padding-left:15px;}
.mypage .lookup02 ul li p:first-child::before{background-color: #000;content:''; display: block; width:5px; height:5px; position:absolute;transform: rotate(45deg) translateY(-50%); top:50%; left:0;}
.mypage .lookup02 ul li > div{display: flex; justify-content: space-between;}




.mypage .bottom_{border-radius: 5px; margin-top:48px; background-color: #fafafb; padding: 32px; border: 1px solid #ddd;}
.mypage .bottom_ ul{color: #444;padding:0px 0; display: flex; }
.mypage .bottom_ ul li{display: inline-block;text-align: center;  width: 33.333%; margin-left:-4px; opacity: 0.7;}
.mypage .bottom_ ul li.on a p{font-weight: 600;}
.mypage .bottom_ ul li p{font-size: 18px;  margin-top: 16px;}
.mypage .bottom_ ul li>div{padding: 30px 0;position: relative;}
.mypage .bottom_ ul li>div::after{content: ""; width: 1px; height: 50px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background-color: #ddd;}
.mypage .bottom_ ul li:last-child>div::after{display: none;}

.mypage .bottom_ ul li i{width:60px;display: block; margin: 0 auto;opacity: 0.7;}
.mypage .bottom_ ul li.on i{opacity: 1;}
.mypage .bottom_ ul li.on{opacity: 1;}



/* open */
.mypage-review .review-txt.c-pointer.open .arrow{transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg);}

.mypage-review .review-main-star{position: unset;}

.mypage-review-yet .review-main-star{opacity: 0; visibility: hidden;}
/* 리뷰 버튼 */
.review-btn-wrap{position: absolute; right:0; top:-6px;}
.review-btn-wrap span:first-child{margin-right:4px;}
.review-btn-wrap .btn-etc{padding:0;}

.view-datail-review-container{min-height:104px;}

/* 취소신청 정보 */
.order-receipt-container{padding-bottom:0;}

/* 2020-06-09 */


.pay-list.list-no-image .list-con dd span[data-attr="order_number"]{font-weight: bold;}


/* 적립금 */
.mypage .in_body_table{border-bottom:1px solid #ddd;}
.mypage .point_list{/* margin-top:20px; */ padding:50px 0; border-bottom: 1px solid #ddd;}
.mypage .point_list ul li p{font-size: 1.2em; text-align: center;}
.mypage .point_list ul li p:first-child{font-weight: 600;}
.mypage .point_list ul li p:last-child{font-size: 1em;}
.mypage .point_list ul li p span{color: #ffb042; font-size: 1.45em; font-weight: 500;}
.mypage .point_list ul li.all-point p span{color: #000;}
.mypage .point_list ul li::after{content: ""; position: absolute; right: 0; top: 50%;
    width: 1px; height: 80%; background-color: #ddd;
    -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);
}
.point_list_wrap .interested_items .in_body{border:none;}
.mypage .point_list ul li:last-child::after{display: none;}

.mypage .point_list_wrap .list_in ul li{padding: 16px 0;}


.mypage .list_in .no_point{padding:60px 0; text-align: center;color:#888}
.mypage .list_in .table_body{width: 100%;     
    -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
}
.mypage .list_in .in_body_table{border-bottom: 1px solid #ddd;}
.mypage .list_in .table_body li{ text-align: left;}
.mypage .list_in .table_body li.cou_img{width:160px;height:150px;}
.mypage .list_in .table_body li.cou_img > div{width:100%;height:100%;}
.mypage .list_in .table_body li.p-name{margin-left: 20px;text-align: left; width: 40%;}
.mypage .list_in .table_body .date{font-size: 0.9em; opacity: 0.7; width: 20%; text-align: right;}
.mypage .list_in .table_body li.p-name p{font-size: 1.2em; font-weight: 500;}
.mypage .list_in .table_body li.p-count{color: #be3434; font-weight: 600;}
.mypage .list_in .table_body li.p-count.minus{color: #999;}
.mypage .list_in .table_body li.how{width: 30%;}

.order_inquiry.order_list_wrap .table_body li:first-child {   text-align: left;
}

.order_inquiry.order_list_wrap .table_body li.img_sec{position: absolute;
    top: 50%;width:130px;height:130px ;display: none;
    left: 0;border-radius: 10px;
    transform: translateY(-50%);background-color: #f5f5f5;}
.order_inquiry.order_list_wrap .table_body li.img_sec i{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 80%;
}


.order_inquiry.order_list_wrap .table_body li {
    padding: 20px 0px;
    text-align: center;
}
.order_inquiry.order_list_wrap .table_body li.product_price .one_price{font-size:14px;color:#888;transform: translateY(-2px);
    display: block;}
.order_inquiry.order_list_wrap .table_body li.product_price .one_price::before{content:'('}
.order_inquiry.order_list_wrap .table_body li.product_price .one_price::after{content:')'}


.order_inquiry.order_list_wrap .table_body li.listsec_title{cursor: pointer;}
/* order_list */
.order_list_wrap{width: 100%; overflow: hidden; position: relative;}
.btn-container{text-align: right;}
.btn-container button{width:150px !important; text-align: center; padding:10px 0; border:1px solid #bbb;border-radius: 7px;margin-left:10px;}
.com_payment .order_inquiry.order_list_wrap .table_body li.listsec04{position:relative}
.more_order .listsec04.btn-container button{width: 100px !important;padding: 5px 0;font-size:13px;color:#888;    margin-left: 0px;margin-top: 5px;}


.order_list_wrap h6{font-size: 1.125rem; margin-bottom: 20px;}
.order_list_wrap h6>span{position: relative; padding-left: 8px; margin-left: 8px;}
.order_list_wrap h6>span::before{content: ""; width: 2px; height: 10px; background-color: #ababab; position: absolute; left: 0; top: 50%;
    -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);
}
.address .order_list_wrap h6>span::before{content: ""; width: 0px; height: 10px; background-color: #ababab; position: absolute; left: 0; top: 50%;
    -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);
}
/* .address.mypage .list_in{border-top:0} */
.order_list_wrap>a{position: absolute;; right: 0; top: 2px; padding-right: 16px;}
.order_list_wrap>a::after{content: ""; border-top: 3px solid #333;
    border-right: 3px solid #333;
    display: block;
    width: 10px;
    height: 10px;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 6px;
}
.order_list_wrap .shopping_basket .listsec01{width: 50%; word-break: break-all;}
.order_list_wrap .table_body li{padding: 0 8px;}
.order_list_wrap .table_body .p_op{padding-left: 15px; font-size: 0.8em; opacity: 0.7;}
.order_list_wrap .in_body_table{border-bottom: 1px solid #ddd;}
.order_list_wrap .in_body_table:last-child{border-bottom: 0;}
/* .order_list_wrap .in_body{border-bottom: 1px solid #000;} */

.order_list_wrap .tab_wrap {margin-bottom:20px;}
.order_list_wrap .tab_wrap ul{display: flex; align-items: center;}
.order_list_wrap .tab_wrap ul li + li{margin-top: 0 !important;}
.order_list_wrap .tab_wrap ul li{margin-right: 16px; cursor: pointer;}
.order_list_wrap .tab_wrap ul li:last-child{margin-right: 0;}
.order_list_wrap .tab_wrap ul li b{font-size: 20px; font-weight: 600; opacity: 0.4;}
.order_list_wrap .tab_wrap ul li b.on{position: relative; opacity: 1;}
.order_list_wrap .tab_wrap ul li b.on::after{content: ""; width: 100%; height: 2px; background-color: #222; position: absolute; 
    left: 50%; transform: translateX(-50%); bottom: -5px;
}
.point_list_wrap .in_body_table{border-bottom: 1px solid #ddd;}
/* .point_list_wrap .in_body_table:last-child{border-bottom: 0;} */

.mypage_title{font-size: 1.125rem; margin-bottom: 20px;}
.order_info_wrap .order_info{/* border-top: 1px solid #000;  */border-bottom: 1px solid #888;}
.order_info_wrap .order_info .list{width: 100%; padding: 16px 20px; border-bottom: 1px solid #ddd;}
.order_info_wrap .order_info .list{display: flex;}
.order_info_wrap .order_info .list:last-child{border-bottom: 0;}
.order_info_wrap .order_info p{display: inline-block; vertical-align: middle; font-weight: 400; margin-right: -4px;}
.order_info_wrap .order_info p.title{width: 250px; font-weight: 600;}
.order_info_wrap .order_info button{border:1px solid #333;color:#333; border-radius: 10px; padding:5px 00px; width:80px;margin-left:15px;;}
 
.period_wrap{margin-bottom: 60px; background-color: #f5f5f5; padding: 30px;display: flex; border-radius: 5px;}
.period_wrap .period{display: -webkit-box; display: -ms-flexbox; display: flex;}
.period_wrap .period .d-block{width: 73px;justify-content: flex-start;}
.period_wrap .period span{font-size: 0.95em;}
.period_wrap .month_search {margin-left: 24px; width: 100%;}
.period_wrap .month_search > ul{display: flex; align-items: center;}
.period_wrap .month_search ul li{display: flex; vertical-align: middle; padding-right: 8px;}
.period_wrap .month_search ul li + li{margin-top: 0 !important;}
.period_wrap .month_search ul li>div:first-child{margin-right:7px; width: 450px; flex: 0.5;}
.period_wrap .month_search ul li>div select{cursor: pointer; width:100%; background-color: #fff; border:none;padding: 16px 16px;color:#888;font-size: 14px;}
.period_wrap .month_search ul li>div{display: flex; flex: 2; align-items: center;}
.period_wrap .month_search ul li>div:nth-child(2){}
.period_wrap .month_search ul li>div:nth-child(2) div{display: inline-block; flex: 1;} 
.period_wrap .month_search ul li button{background-color: #222;color: #fff; padding: 16px 16px; border-radius: 5px;}
.period_wrap .month_search ul li input{outline: none; border: 0;  background-color: #fff; padding: 16px 16px; width: 100%; border-radius: 5px;}
.period_wrap .month_search ul li span{width: 10px; color: #777; padding-top: 2px; display: inline-block;margin: 0 3px;}
.period_wrap .month_search ul li:last-child{width: 60px; padding-right: 0;}
.period_wrap .month_search ul li:first-child{width: calc(100% - 60px);}
/* order_inquiry */

.order_inquiry .mo_ver .delivery_status{color:#be3434; font-size:15px;}
.order_inquiry .mo_ver .in_body_table01 .flex_sec{display: flex;align-items: center;}
.order_inquiry .mo_ver .product_img{width:160px;height: 160px; }
.order_inquiry .mo_ver .product_img i { width: 100%; display: block; height: 100%; position: relative;
    z-index: 99;}
    .order_inquiry .mo_ver .in_body_table01{padding:20px 0;border-bottom:1px solid #ddd;}
/* .order_inquiry .mo_ver .list_in{padding:20px 0;} */
.order_inquiry .mo_ver .product_img i img {position: absolute; top: 50%;  left: 50%;  transform: translate(-50%, -50%);  padding: 30px;}
.order_inquiry .mo_ver .product_img i::after{content: ''; display: block; z-index: -1 ;width: 100%; height: 100%; background-color: #f5f5f5; position: absolute; top: 0;left: 0; border-radius: 10px;}
.order_inquiry .mo_ver .product_text_box{margin-left:20px; width:calc(100% - 160px);}
.order_inquiry .mo_ver .product_text_box .delivery_status{margin-bottom:15px;}
.order_inquiry .mo_ver .product_text_box .listsec06{font-size:1.25rem; font-weight: bold; width:100%;}
.order_inquiry .mo_ver .product_text_box .listsec06 .span_money{font-weight: 500;}
.order_inquiry .mo_ver .product_text_box .product_title{color:#999; font-size:0.937rem; margin:3px 0;}
.order_inquiry .mo_ver .product_text_box .p_op{color:#999; font-size:0.937rem}

.order_inquiry .mo_ver .but_box{display: flex; margin-top:10px;}
.order_inquiry .mo_ver .but_box button{width:calc((100% - 20px)/3); margin-right:10px; border:1px solid #bbb;padding:7px 0; border-radius: 10px;}


.in_body{}
.lookup.order_list_wrap .in_body{border-top:none;}

/* page_but */
.page_but{width:100%; text-align: center; margin-top:60px;}
.page_but div{display: inline-block;}
.page_but div.page_item{color: #888; font-size: 14px;padding: 0 3px; margin: 0 3px;}
.page_but .page_item.active{border-bottom: 2px solid #000; color: #000;font-size: 16px;}




/* 더맛있는반찬 마이페이지 */
.mypage .order_list_wrap{}
.mypage .order_list_wrap ul li + li{margin-top: 60px;}
.mypage .order_list_wrap ul li .top{display: flex; justify-content: space-between; align-items: center; border-bottom: 2px solid #222; padding-bottom: 16px; margin-bottom: 16px;}
.mypage .order_list_wrap ul li .top_date{}
.mypage .order_list_wrap ul li .top_date b{font-size: 17px; font-weight: 600; position: relative; padding-left: 16px; margin-left: 13px;}
.mypage .order_list_wrap ul li .top_date b.cancle_btn{color: #ffb042;}
.mypage .order_list_wrap ul li .top_date b::after{content:""; width: 2px; height: 15px; background-color: #777; position: absolute; 
    left: 0; top: 50%; transform: translateY(-50%);
}
.mypage .order_list_wrap ul li .top_date b:first-child::after{width: 5px; height: 5px; border-radius: 50%; background-color: #ffb042;top: 80%; right: 6px;}
/* .mypage .order_list_wrap ul li .top_date b:last-child::after{display: none;} */
.mypage .order_list_wrap ul li .top_date b.day{font-size: 1.6em; color: #ffb042; margin-right: 4px; margin-left: 0;}
.mypage .order_list_wrap ul li .view_btn a{display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 17px;}
.mypage .order_list_wrap ul li .view_btn a span{font-weight: 600;}
.mypage .order_list_wrap ul li .view_btn a img{width: 20px; margin-left: 4px;}

.mypage .order_list_wrap ul li dl{display: flex; align-items: center; justify-content: space-between; padding: 16px; border-bottom: 1px solid #ddd;}
.mypage .order_list_wrap ul li dl .img{width: 150px; height: 150px; background-color: #f5f5f5; border-radius: 5px; padding: 16px;}
.mypage .order_list_wrap ul li dl dd{padding: 0 24px;}
.mypage .order_list_wrap ul li dl dd p{font-size: 19px;}
.mypage .order_list_wrap ul li dl dd.name{text-align: left; flex: 1.5;}
.mypage .order_list_wrap ul li dl dd.state{flex: 0.5;}

.mypage .order_list_wrap ul li dl dd.state button{margin-top: 4px; border: 1px solid #ddd; border-radius: 3px; padding: 8px 12px;}

.mypage .order_list_wrap.order_list_wrap02 ul + ul{margin-top: 24px;}
.mypage .order_list_wrap.order_list_wrap02 ul li .top{margin-bottom: 0; border-bottom: 1px solid #222;}
.mypage .order_list_wrap.order_list_wrap02 ul li + li{margin-top: 24px;}
.mypage .cancle_btn button{background-color: #fff; border: 1px solid #999; color: #999; padding:8px 12px; font-size: 13px; border-radius: 5px;}
.mypage .cancle_statu{color: #777 !important; font-weight: 500 !important;}
/* 주문상세내역 */

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.btn{display: flex; align-items: center; justify-content: flex-end;}
.btn a{ display: block; font-size: 14px; border: 1px solid #ddd; padding: 8px 12px; border-radius: 5px; text-align: center; margin-top: 2px; }


.detail_wrap{}
.detail_wrap ul li + li{margin-top: 60px;}
.detail_wrap ul li b{font-size: 22px; font-weight: 600; 
    display: block; 
}
.detail_wrap ul li .top{margin-bottom: 16px;}
.detail_wrap ul li.order_info .top{margin-bottom: 0;}
.detail_wrap ul li .top{border-bottom: 2px solid #222; padding-bottom: 16px; display: flex; align-items: center; justify-content: space-between; }
.detail_wrap ul li .top .btn a{font-size: 15px; border: 1px solid #222;}
.detail_wrap ul li.order_info dl{display: flex; align-items: center; justify-content: space-between;}
.detail_wrap ul li dl{border-bottom: 1px solid #ddd; padding: 16px 0;}
.detail_wrap ul li dl p{font-size: 17px;}
.detail_wrap ul li dl p.next-day i{width: 30px; height: 30px; color: #fff; background-color: #ffb042; border-radius: 50%; font-size: 0.85em; display: inline-block; vertical-align: middle; text-align: center; line-height:30px;}
.detail_wrap ul li dl p i + i{margin-left: 8px;}
.detail_wrap ul li dl p + p{margin-top: 16px;}
.detail_wrap ul li dl p input{background-color: #f5f5f5; border-radius: 5px; border: 0; outline: 0; padding: 12px 16px;}
.detail_wrap ul li dl dt p{font-weight: 700;}
.detail_wrap ul li dl dd{text-align: right;}
.detail_wrap ul li dl dd span.re{opacity: 0.7; font-size: 14px; color: #e83338;}
.order_detail .detail_wrap .btn_wrap{width: 120px; margin: 60px auto 0 auto;}
.order_detail .detail_wrap .btn_wrap a{display: block; text-align: center;border-radius: 5px; background-color: #222; color: #fff;
    padding: 16px 32px; transition-duration: 0.3s;
}
.order_detail .detail_wrap .btn_wrap a:hover{background-color: #ffb042;}

.detail_wrap ul li.order_list_wrap .list dl{display: flex; align-items: center;}
.detail_wrap ul li.order_list_wrap .list dl dd.img{width: 100px; height: 100px; border-radius: 5px; padding: 16px; background-color: #f5f5f5;}
.detail_wrap ul li.order_list_wrap .list dl dd.name{font-size: 17px; padding:0 24px; font-weight: 600; text-align: left;}
.detail_wrap ul li.order_list_wrap .list dl dd.name p{font-weight: 600;}
.detail_wrap ul li.order_list_wrap .list dl dd.name span{font-size: 18px; color: #111; font-weight: 600; opacity: 1;}
.detail_wrap ul li .info_wrap{}
.detail_wrap ul li .info_wrap p{position: relative; padding-left: 16px; font-size: 17px;}
.big{font-size: 20px !important; color: #e83338 !important; font-weight: 600 !important;}
.big::after{top: 14px !important;}
.detail_wrap ul li .info_wrap p::after{content: ""; width: 5px; height: 5px; background-color: #ffb042; position: absolute; left: 0; top: 10px;}
.detail_wrap ul li .info_wrap p + p{margin-top: 8px;}


.detail_wrap ul li.area select{cursor: pointer; width: 250px;border: 1px solid #ddd;padding: 8px 12px;border-radius: 5px;background-position: 95% 50%;}
.detail_wrap ul li.area .select_con{display: flex; gap: 8px;}

.detail_wrap .caution_wrap{background-color: #f5f5f5; padding: 32px; text-align: center; position: relative;}
.detail_wrap .caution_wrap p{position: relative; z-index: 2; font-size: 17px;}
.detail_wrap .caution_wrap p span{position: relative; z-index: 1;}
.detail_wrap .caution_wrap p span i{position: relative; z-index: 3; font-weight: 600;}
.detail_wrap .caution_wrap p span::after{content: ""; width: 100%; height: 10px; background-color: rgba(255, 148, 0, 0.46); position: absolute;
    z-index: 1;
    left: 50%; bottom: -0; transform: translateX(-50%);
}


.detail_wrap .address{background-color: #f5f5f5; padding: 24px; margin-top: 32px;}
.detail_wrap .mypage .lookup h6{border-bottom: 0; font-size: 17px;}
.detail_wrap .address .shopping_basket .in_body ul{padding: 0;}
.detail_wrap .address .shopping_basket .table_head{background-color: #fdfdfd; border-bottom: 0;}
.detail_wrap .food_list .f_img img{border-radius: 10px; overflow: hidden;}
.detail_wrap .food_list{margin-bottom: 80px;}
.detail_wrap .food_list .f_title{text-align: center; margin-bottom: 48px; font-size: 17px; position: relative; }
.detail_wrap .food_list .f_title::after{content: ""; width: 100%; height: 1px; border: 1px dashed #ddd; position: absolute; left: 50%; top: 50%;
    transform: translateX(-50%); z-index: -1;
}
.detail_wrap .food_list .f_title b{ background-color: #ffb042; color: #fff; border-radius: 50px; padding: 16px 48px;  font-weight: 500;}


.order_address dl dt{width: 150px;}
.order_address dl dd{width: calc(100% - 150px);}
.order_address dl dd input{width: 100%;}
.order_address dl dd p{display: flex;}
.order_address dl dd p button{border: 1px solid #222; border-radius: 5px; margin-left: 8px; display: block; min-width: 100px;}
.order_address dl dd select{width: 250px; border: 1px solid #ddd; padding: 8px 12px;border-radius: 5px; background-position: 95% 50%; cursor: pointer;}
.text-a-l{text-align: left !important;}
.rotate_e{background: url(https://s3.ap-northeast-2.amazonaws.com/lbcontents/images/BANCHAN_LANDING/165289045080783.png)no-repeat 95% 50% / 8px 5px;}
.card_wrap{display: flex; }
.card_wrap .con{border-radius: 5px; flex-direction: column;
    display: flex; align-items: center; justify-content: center;
   
    min-width:180px;
    position: relative;
    color: #fff;
    width: 245px;
}
.card_wrap .con + .con{margin-left: 16px;}
.card_wrap .con.add_card{border: 1px solid #ddd; cursor: pointer; color: #222;}
.card_wrap .con.add_card a{display: flex; width: 100%; flex-direction: column; align-items: center; justify-content: center;  padding: 24px 24px; opacity: 0.6; transition-duration: 0.3s;}
.card_wrap .con.add_card:hover a{opacity: 1;}
.card_wrap .con.add_card p{font-weight: 600;font-size: 16px;}
.card_wrap .con.add_card:hover{border: 1px solid #ffb042; color: #ffb042;}
.card_wrap .con.add_card p + p{margin-top: 16px; }



/* .card_wrap .con:last-child{margin-left: 0;} */
.card_wrap .con .info{display: flex; justify-content: space-between; font-size: 12px;}
.card_wrap .con .card{width: 100%; padding: 24px;}
.card_wrap .con .card p{font-size: 16px; padding: 8px 0;}
.card_wrap .x-btn{position: absolute; right: 16px; top: 6px; cursor: pointer; font-size:20px;}
.card_wrap .con p.card_name{font-weight: 600; font-size: 19px;}


.day_wrap{display: flex; align-items: center;}
.day_wrap button{display: flex;align-items: center; justify-content: center; cursor: pointer;}
.day_wrap button i{font-size: 16px; border: 1px solid #ddd; padding: 12px 24px;border-radius: 5px; display: block; width: 100%;}

/* .day_wrap button:last-child{margin-right: 0;} */
.day_wrap button.day_check i{background-color: #ffb042; color: #fff; border: 1px solid #ffb042;}

.request_wrap textarea{background-color: #f5f5f5; border: 0; outline: 0; padding: 12px 16px; border-radius: 5px; width: 100%;}


.no-subscribe{width: 1200px; max-width: 100%; margin: 0 auto; display: flex; align-items: center; justify-content: center;  border-bottom: 1px solid #ddd; padding-bottom: 32px;}
.no-subscribe p{text-align: center; font-size: 18px; border-top: 2px solid #222; padding: 24px 0; margin-top: 16px;}
.no-subscribe .btn{display: flex; align-items: center; justify-content: center;}
.no-subscribe .btn a{background-color: #222; color: #fff; font-size: 15px; padding: 12px 32px; border: 1px solid #222; transition-duration: 0.3s;}
.no-subscribe .btn a:hover{background-color: #ffb042; border: 1px solid #ffb042;}



.out_tit{ background-color: #f5f5f5; padding: 16px; align-items: center; cursor: pointer;}
.out_tit b{font-size: 17px !important;}
.out_tit span{display: block; width: 10px; height: 10px; border-right: 1px solid #222; border-bottom: 1px solid #222; transform: rotate(45deg);}
.out_tit span.move_e{ transform: rotate(-135deg);}
.detail_wrap ul li.order_info .multi_wrap .multi_in{display: none;}
.detail_wrap ul li.order_info .multi_wrap + .multi_wrap{border-top: 1px dashed #999;}
/* ********************************************* *
 * 1200px max
 * ********************************************* */
 @media (max-width:1200px)
{
    .mypage h3{font-size: 2em;}
    .detail_wrap ul li b{font-size: 20px;}
    .detail_wrap .caution_wrap p{font-size: 16px;}
}
/* ********************************************* *
 * 1024px max
 * ********************************************* */
 @media (max-width:1024px)
{

    .order_inquiry .mo_ver .but_box02{display: none;}
    .mypage .bottom_ ul li{width:calc(100% / 3);margin-left:-3px;}
    .mypage .bottom_ ul{border:none; }
    .mypage .bottom_ ul li>div{margin:5px;}

    .order_list_wrap .tab_wrap ul li b{font-size: 19px;}
    .mypage .order_list_wrap ul li .top_date b.day{font-size: 1.5em;}
    .mypage .order_list_wrap ul li .top_date b{font-size: 16px;}
    .mypage .order_list_wrap ul li .view_btn a{font-size: 16px;}

    .detail_wrap .food_list .f_title{font-size: 16px;}




}


/* ********************************************* *
 * 960px max
 * ********************************************* */
 @media (max-width:960px)
{
    .period_wrap {display: inherit;}
    .period_wrap .month_search {margin-left:0; margin-top:20px;}
}





/* ********************************************* *
 * 840px max
 * ********************************************* */
 @media (max-width:840px)
{
    .mypage .my {}
    .mypage .my .reserves_dis{display: flex;margin-top:30px; width: 100%;  }
    .mypage .my .reserves {width: 50%;}

    .mypage .list_in .table_body li.cou_img { width: 175px;}
    
    .mypage .bottom_ ul li p{font-size: 16px;}
    .mypage .bottom_{padding: 16px;}
    .mypage .bottom_{margin-top: 24px;}

}




 /* ********************************************* *
 * 768 max
 * ********************************************* */
 @media (max-width:768px)
{
    .mypage .lookup_list ul li:after {left: -9px;}
    .mypage .bottom_ ul{border-bottom:none}
    .mypage .lookup_list {padding: 15px 0 20px;margin:0;}
    .mypage .bottom_ ul {padding: 0px 0; }
    .mypage .my > div:first-child {width: 100%;}

    .mypage .lookup02 ul li {padding: 6px 11px;}

    
    .mypage .list_in .table_body li.p-name{width: 30%;}
    .mypage .list_in .table_body .date{width: 30%;}
    .mypage .bottom_ ul li>div {padding: 20px 0;}

    .mypage .order_list_wrap.order_list_wrap02 ul li .top{display: block;}
    .mypage .order_list_wrap ul li .view_btn a{justify-content: flex-end;}
    .mypage .order_list_wrap ul li .view_btn{margin-top: 32px; opacity: 0.6;}
    .mypage .order_list_wrap ul li .top_date b.day {font-size: 1.05em; display: table; margin-bottom: 8px; background-color: #ffb042; padding: 4px 16px; border-radius: 55px; color: #fff;}
    
    .mypage .bottom_ ul li i{width: 45px;}
    .mypage .bottom_ ul li p{margin-top: 8px; font-size: 15px;}
    .mypage .bottom_{padding: 0;}

    .mypage .order_list_wrap ul li .top_date b:first-child::after{display: none;}
    .mypage .order_list_wrap ul li .top_date b:nth-child(2):after{display: none; }
    .mypage .order_list_wrap ul li .top_date b:nth-child(2){padding-left: 0; margin-left: 0;}

    .review_list ul li .con_wrap{flex-direction: column; align-items: flex-start;}
    .review_list ul li .date_wrap{width: 100%;}
    .review_list ul li .btn_wrap{width: 100%; display: flex; justify-content: flex-end; margin-top: 8px;}

    

}

 /* ********************************************* *
 * 640 max
 * ********************************************* */
 @media (max-width:640px){
    /* .mypage .point_list, .mypage .list_in{padding: 24px 0;} */
    .mypage .point_list ul li p{font-size: 0.95em;}
    .mypage .point_list ul li p:last-child{font-size: 0.9em;}
    .mypage .list_in .table_body li{width: 90%; padding:0; text-align: left;}
    .mypage .list_in .table_body li:first-child{margin-left:0;}

    .mypage .list_in .table_body li.cou_img{position:absolute; top:50%; left:0; transform: translateY(-50%);padding: 0;width: 135px;height: 135px;}
    .mypage .list_in .table_body li.p-name{width: 100%;margin-left:0;}
    .mypage .mypage_cupon .list_in .table_body li{padding-left:150px;}
    .mypage .mypage_cupon .list_in .table_body li.cou_img{padding-left:0;}


    .mypage .list_in .table_body{display: block; padding: 16px 0;}
    .mypage .interested_items .list_in .table_body{padding: 32px 0;}


    .mypage .list_in .table_body li.how{font-size: 0.9em; width: 100%; text-align: left;margin-top: 10px;}
    .mypage .list_in .table_body .date{font-size: 0.85em; padding-top: 8px; width: 100%; text-align: left;}
    .mypage .list_in .table_body li.p-name p{font-weight: 500; font-size: 1.25rem;;}
    .mypage .list_in .table_body li.p-count{padding-top: 8px;}
    .mypage .list_in .table_body li{display: block;}
    .mypage .interested_items .list_in .table_body li.listsec03{display: none;}
    .mypage .interested_items .list_in .table_body li.listsec05{display: none;}


    .order_inquiry.order_list_wrap .table_body li:first-child{padding-left:0px;}
    .order_inquiry.order_list_wrap .table_body li{padding-left:150px;}
    .order_info_wrap .order_info p.title{width: 185px;}
    .period_wrap .month_search ul li{padding-right: 0px;}
    .period_wrap .month_search ul li input{width: 200px;}
    .period_wrap{padding: 20px;}
    .period_wrap .month_search{width: 100%;}
    .period_wrap .month_search ul li{width: 100%; padding-bottom: 16px;display:inline-block;}
    .period_wrap .month_search ul li input{width: 100%;font-size: 14px;}
    .period_wrap .month_search ul li span{width: 10px;}
    .period_wrap .month_search ul li button{width: 100%; padding: 12px;}
    .period_wrap .period .d-block{width: 100%;}
    .period_wrap .period{display:flex;}
    .period_wrap .month_search ul li>div:first-child{width:100%;}
    .period_wrap .month_search ul li .list_insec{display: flex;width:100%;margin-top:10px;}
    .period_wrap .month_search ul li .list_insec > span{width:9px;}
    .period_wrap .month_search ul li .list_insec > div{width:calc((100% - 9px) / 2);}
    .period_wrap .period .d-block{justify-content: flex-start;}

    .order_inquiry.order_list_wrap .table_body{position:relative}
    .order_inquiry.order_list_wrap .table_body li.listsec_title{font-size:1.125rem;color:#333}
    .order_inquiry.order_list_wrap01 .table_body li.listsec_title{margin-top:20px;}
    .order_inquiry.order_list_wrap .table_body li{font-size:14px; color:#888;}
    .order_inquiry.order_list_wrap .table_body li.listsec03::before{content:'주문번호 : '; font-weight: 500;}
    /* .order_inquiry.order_list_wrap .table_body li.listsec05::before{content:'주문상태 : '; font-weight: 500;} */
    .order_inquiry.order_list_wrap .table_body li.listsec05{color: #be3434;}
    .order_inquiry.order_list_wrap .table_body li.listsec06{position:absolute; top:7px;}

    .order_inquiry.order_list_wrap .table_body li.listsec04{position:absolute; right:0; top:16px; text-align: right; font-size:1.125rem; color:#333;width:auto;}
    .order_inquiry.order_list_wrap01 .table_body li.listsec04{top:3px;}
    .order_inquiry.order_list_wrap .table_body li.listsec04 p{font-weight: 400;}



    .com_payment .order_inquiry.order_list_wrap .table_body{position:relative}
    .com_payment .order_inquiry.shop_event .table_body li.listsec02 i{position:absolute;top:6px;left:0;}
    .com_payment .order_inquiry.order_list_wrap .table_body li.listsec02 i{position:absolute;top:50%;left:0;transform: translateY(-50%);}
    .com_payment .order_inquiry.order_list_wrap .table_body li{padding-left:150px; }

    .com_payment .order_inquiry.order_list_wrap .table_body li.listsec03::before{display:none !important;}
    .com_payment .order_inquiry.shop_event .table_body{padding:45px 0 !important;}
    .com_payment .order_inquiry.shop_event .table_body .listsec02 p{font-size:1.25rem;color:#333;}

    .com_payment .order_inquiry.order_list_wrap .table_body li.listsec02 p{font-size:1.25rem;color:#333;}
    .com_payment .order_inquiry.order_list_wrap .table_body li.listsec04{position: inherit; color:#888; font-size:14px; text-align: left;top:0;display: flex;
        justify-content: flex-start; ;}
    .com_payment .order_inquiry.order_list_wrap .table_body li.del_status{display: none;}
    .com_payment .order_inquiry.order_list_wrap .table_body li.listsec06::before{display: none;}
    .com_payment .order_inquiry.order_list_wrap .table_body li.quantity::before{content:'수량 : '; margin-right:5px;;}
    .com_payment .order_inquiry.order_list_wrap .table_body li.delivery::before{content:'배송상태 : ';margin-right:5px;}
    .com_payment .order_inquiry.order_list_wrap .table_body li.Sale::before{content:'할인금액 : ' ;margin-right:5px;}
    


    .com_payment .order_inquiry.order_list_wrap .table_body .listsec06.product_price{width: 100%;position: absolute; color:#333; font-size:1.25rem; text-align: right;top:16px; ;}
    .com_payment .order_list_wrap .table_body .p_op{font-size:14px; color:#888; opacity:1; padding-left: 0;}

    .com_payment.mypage .list_in .table_body {padding: 33px 0;}


    .period_wrap .month_search > ul {display: inherit; }
    .period_wrap .month_search ul li>div:nth-child(2) {width: 100%;}

    .mypage .my .span_name {font-size: 1.5em;}
    .mypage .my .reserves span.monny {font-size: 1.5em;}
    .mypage .my .reserves_dis {margin-top: 20px;}
    .mypage .my .reserves {padding:15px 15px 8px;margin-right: 15px;}

    .order_inquiry.order_list_wrap .table_body li.img_sec{display: block;;}


    .more_order .listsec04.btn-container button{position:absolute;top:50%; transform: translateY(-50%);right:0;width: 100% !important; max-width: 100px !important; margin-top: 0px;}


    .more_order.mypage .list_in .in_body_table{padding:0 ;}
    .com_payment.mypage .list_in .table_body {
        padding: 20px 0;
    }

    .order_inqlist .shopping_basket{border-top:1px solid #888;}



    .day_wrap{flex-wrap:wrap;}
    .day_wrap button{margin-bottom: 8px;}

    .detail_wrap ul li dl p{font-size: 15px;}
    .detail_wrap ul li .info_wrap p{font-size: 16px;}

    .card_wrap .con.add_card p{font-size: 14px;}

    .mypage .bottom_ ul li i{width: 40px;}
    .mypage .bottom_ ul li p{margin-top: 4px;}
    .mypage .my .btn_wrap a{padding: 8px 16px;}

    .period_wrap .month_search ul li:first-child{width: 100%;}
    .period_wrap .month_search ul li:last-child{width: 100%;}
    .period_wrap .month_search ul li>div select{background-position: 97% 50%;}
    .period_wrap .period .d-block{width:75px;}
    

    .detail_wrap ul li b{font-size: 17px;}


    .mypage h3{font-size: 1.8em;}
    .sub-title-02{margin-bottom: 32px;}
    .detail_wrap{margin-top: 24px;}
    .detail_wrap ul li.order_info .top{padding-bottom: 8px;}
    .order_detail .detail_wrap .btn_wrap{margin-top: 32px;}
    .order_detail .detail_wrap .btn_wrap a{font-size: 13px;}
    .detail_wrap .food_list .f_title b { padding: 12px 32px;}
    .detail_wrap .food_list .f_title{font-size: 15px;}
    .detail_wrap .food_list{margin-bottom: 60px;}


    .order_address dl dd select + select{margin-top: 8px;}
    .order_address dl dd select{width: 100%;}


    .detail_wrap ul li + li{margin-top: 48px;}

 }
    



 /* ********************************************* *
 * 576 max
 * ********************************************* */
 @media (max-width:576px){
    .mypage .my {padding: 15px;}
    .mypage .lookup_list .number .in_number { font-size: 2em;}

    .order_info_wrap .order_info .list{
        display: -webkit-box; display: -ms-flexbox; display: flex;
        -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;
    }
    .order_info_wrap .order_info .list p{ font-weight: 400;}
    .order_info_wrap .order_info .list p.title{color: #777; width: auto;}


    .order_inquiry .mo_ver .but_box01{display: none;}
    .order_inquiry .mo_ver .but_box02{display: flex;}
    .order_inquiry .mo_ver .but_box button:last-child{margin-right:0;}

    .mypage .bottom_ ul li i { width: 30px;}
    .mypage .bottom_ ul li p{font-size:13px;color:#666}
    .order_info_wrap .order_info .list {padding: 16px 8px;}
    .mypage .bottom_ ul li>div {padding: 15px 0; border: 1px solid #ddd; border-radius: 5px;}
    .mypage .bottom_ ul li>div::after{display: none;}

    .day_wrap{}
    .day_wrap button{width: 33.333%;font-size: 15px;}
    .detail_wrap ul li .info_wrap p{font-size: 15px;}

    .mypage .bottom_{background-color: #fff; border: 0; padding: 0;}

    .mypage .my{display: block; padding: 16px 0;}

    .mypage .my .btn_wrap a{width: calc(33.333% - 4px); align-items: center; display: flex; text-align: center; margin-right: -1px; margin-left: 0; border-radius: 3px; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
    }
    .kakao_account, .naver_account{width:100%;}
    .mypage .my .btn_wrap a:first-child{border-left: 1px solid #ddd;}
    /* .mypage .my .btn_wrap a:last-child{display: none;} */

    .mypage .bottom_ ul{flex-wrap: wrap;}
    .mypage .bottom_ ul li{width: 33.333%;}
    .naver_account{font-size: 14px; padding: 8px 12px;}


    .review_list ul li .date_wrap b:last-child{width: 100%;}
    .review_list ul li .date_wrap{flex-wrap: wrap;}
    .review_list ul li .date_wrap b.add:before{content: "배송지:"; width: auto; height: auto; background-color: transparent;}
    .review_list ul li .date_wrap b.add{ padding-left:50px; font-weight: 400;}
    .mypage .order_list_wrap ul li .view_btn a{font-size: 15px;}

    .mypage .my .btn_wrap{gap: 4px; flex-wrap: wrap;}
    .naver_account{justify-content: center; text-align: center; width: 100%;}


 

}

/* ********************************************* *
* 500 max
* ********************************************* */
@media (max-width:500px)
{
    .com_payment .order_inquiry.order_list_wrap .table_body li.delivery::before {float: left;}
    .com_payment .order_inquiry.order_list_wrap .table_body li.listsec04{display: inherit;}
    .more_order .listsec04.btn-container button{position: inherit; top: 0;transform: none;    margin: 5px 0;width: 100% !important;    max-width: 100% !important;}

    
    .com_payment .order_inquiry.order_list_wrap .table_body li {position: relative; }
    .com_payment .order_inquiry.order_list_wrap .table_body li.listsec02 i {top: 140%;}
    .com_payment .order_inquiry.order_list_wrap .gift .table_body li.listsec02 i{top:80%;}



    .com_payment .order_inquiry.order_list_wrap .table_body .listsec06.product_price {top: auto;bottom:9px;display: flex;
        align-items: flex-end;
        justify-content: flex-end;}


    .com_payment.mypage .list_in .table_body {padding: 10px 0 40px;}
    .com_payment .order_inquiry.order_list_wrap .table_body li.listsec02 p{margin-top:0 
        !important;
    }
    .detail_wrap ul li dl p{font-size: 15px;}

    .detail_wrap ul li.order_info dl{display: block;}
    .detail_wrap ul li dl dd{text-align: left; opacity: 0.8;}
    .order_address dl dd{width: 100%;}
    .order_address dl dt{width: 100%; margin-bottom:8px; display: block;}
    .detail_wrap ul li dl dt p{margin-bottom: 8px;}

    .mypage .bottom_ ul li{width: 33.333%; margin-left: 0; flex-grow: 1;}
    .mypage .bottom_ ul{display: flex; flex-wrap: wrap;}

    .mypage .order_list_wrap ul li .top_date b{display: block; text-align: left; padding-right:0; margin-right: 0;}
    .mypage .order_list_wrap ul li .top_date b::before{content:""; width: auto; display: inline-block; vertical-align: middle; margin-right: 4px;}
    .mypage .order_list_wrap ul li .top_date b.day::before{display: none;}
    .mypage .order_list_wrap ul li .top_date b.day_num::before{display: none;}
    .mypage .order_list_wrap ul li .top_date b + b{margin-top: 4px;}
    .mypage .order_list_wrap ul li .top_date b.pd_num{opacity: 0.7; font-weight: 500;}
    .mypage .order_list_wrap ul li .top_date b.pd_num::before{content: "주문번호: ";}
    .mypage .order_list_wrap ul li .top_date b.pd_state{opacity: 0.7; font-weight: 500;}
    .mypage .order_list_wrap ul li .top_date b.pd_state::before{content: "주문상태: "; color: #222; line-height: 1;}
    .mypage .order_list_wrap ul li .top_date b::after{display: none;}




    .card_wrap .con .card{padding: 16px;}
    .card_wrap .con .card p{padding: 4px 0; font-size: 15px;}
    .card_wrap .con p.card_name{font-size: 14px;}
    .card_wrap{display: block;}
    .card_wrap .con{width: 100%;}
    .card_wrap .con + .con{margin-left: 0; margin-top: 16px;}
    .order_detail .detail_wrap .btn_wrap{width: 100%;}

    .detail_wrap .food_list .f_img{width: 100%;}
    .detail_wrap .food_list .f_title {font-size: 15px;}
    .day_wrap button i{font-size: 15px; padding: 10px 24px;}

    .mypage .order_list_wrap ul li .top_date b{padding-left: 0; margin-left: 0;}

    .mypage .order_list_wrap ul li{position: relative;}
    .mypage .order_list_wrap ul li .top_date b.cancle_btn{position: absolute; right: 0; top: 0;}

    .review_list ul li .btn_wrap{margin-top: 24px;}
    .review_list ul li .btn_wrap button{width: 100%; justify-content: center; align-items: center;}

    .btn{justify-content: flex-start; margin-top: 8px;}
    .big{font-size: 16px !important; margin-top: 4px; display: block;}
    .detail_wrap ul li dl dd span{line-height: 1.2; display: block; margin-top: 4px;}

    .detail_wrap ul li .info_wrap p a{font-size: 0.95em !important;}

}

/* ********************************************* *
* 400 max
* ********************************************* */
@media (max-width:400px)
{
    /* .mypage .my .reserves_dis {flex-direction: column;} */
    .mypage .my > div:first-child {width: 100%;}
    .mypage .my .reserves { width: 100%;}
    /* .mypage .my .reserves:last-child { margin-top: 20px;} */
    .mypage .lookup_list ul li:after {width: 10px;  height: 10px;border-top: 2px solid #ddd;border-right: 2px solid #ddd}
    .mypage .lookup_list ul li .text{font-size:14px}

    .order_list_wrap>a{color: #fff;color: rgba(255, 255, 255, 0);}


    .period_wrap {padding: 15px;}


    .order_inquiry.order_list_wrap .table_body li.listsec04{    bottom: 0; top:auto;}
    .order_inquiry.order_list_wrap .table_body li.img_sec{width: 100px; height: 100px;}
    .mypage .list_in .table_body li {padding-left: 110px;}
    .mypage.address .list_in .table_body li{padding-left: 0;}
    .mypage.address .list_in .table_body{padding: 0;}
    .mypage .point_list_wrap .list_in .table_body li {padding-left: 0;}
    .mypage.inter_items .point_list_wrap .list_in .table_body li {padding-left: 110px;}
    .mypage .point_list_wrap .list_in .table_body{padding: 0;}
    .mypage .list_in .in_body_table{padding:8px 0;}
    .mypage .list_in .table_body{    padding: 10px 0 35px;}
    .order_inquiry.order_list_wrap .table_body li.listsec06 {top: auto;
        bottom: 0;
    }

    .com_payment .order_inquiry.order_list_wrap .table_body li{padding-left:110px !important;  }

    
    .order_inquiry.order_list_wrap .table_body li.listsec_title {margin-top: 10px;}

    .mypage .list_in .table_body li.cou_img {width: 100px; height: 100px;}
    .mypage .mypage_cupon .list_in .table_body li { padding-left: 120px;}
    .mypage .mypage_cupon .list_in .table_body {
        padding: 10px 0 10px;
    }
    .mypage .my .reserves span.monny {
        font-size: 1.2em;
    }
    .mypage .my .reserves .txt:after {width: 10px; height: 10px;border-top: 2px solid #ddd; border-right: 2px solid #ddd;}

    .detail_wrap ul li dl p{display: block;}
    .order_address dl dd p button {
        margin-left: 0;
        display: block;
        min-width: 100px;
        margin-top: 8px;
        width: 100%;
        padding: 12px 16px;
    }
    .order_detail .detail_wrap .btn_wrap a{padding: 12px 32px;}
    .mypage .bottom_ ul li{width: 50%;}

    .period_wrap .period .d-block{width: 50%; margin-bottom: 8px;}
    .period_wrap .period{flex-wrap: wrap;}

    .day_wrap button{width:50%;}

    .detail_wrap ul li.area .select_con{flex-wrap: wrap;}
    .detail_wrap ul li.area .select_con select{width: 100%;}

    .review_list ul li .btn_wrap{flex-wrap: wrap;}


}
/* ********************************************* *
* 300 max
* ********************************************* */
@media (max-width:300px){
    .mypage .lookup02 ul{display: inherit;}
    .mypage .lookup02 ul li{width:100% ; border-right: none;border-bottom:1px solid #bbb;}
    .mypage .lookup02 ul li:last-child{border-bottom:none}
    .mypage .bottom_ ul li p {font-size: 11px;}    
    .secession a {display: block;width: max-content;margin-left: auto;}
    .mypage .my .reserves {padding: 10px 9px 3px;border-radius: 10px;}
    .mypage .my .reserves .tit {font-size: 14px; }
    .mypage .my .reserves span.monny {font-size: 1.2em;}
    .mypage .my .reserves .txt:after {width: 9px; height: 9px; border-top: 2px solid #ddd; border-right: 2px solid #ddd;}


    
}