.wrap{background-color:#fff;}


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

/* mypage */
.mypage{padding:100px 0;}
.mypage h3{font-size:30px; text-align: center; font-weight: 700; color: #444; font-family: 'Pretendard'; margin-bottom:40px; }


 
.mypage .my{display: flex; border:1px solid #ddd; padding:30px;}
.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 #333; color: #333; font-weight: 500; margin-left: 10px;} 

.mypage .lookup{margin-top:60px;}
.mypage .lookup h6{font-size: 1.25rem; font-weight: bold; color: #555; border-bottom:1px solid #b7a695; padding-bottom:10px;}
.mypage .mypage_cupon.lookup h6{border-bottom:none;}
.mypage .point_list_wrap h6{margin-bottom:0; padding-bottom: 10px;}
.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 #order_product_state_wrap div p:nth-child(2){color: #b7a695; font-weight: 600;}
.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 .lookup_list p.text br{display: none;}


.mypage .bottom_{margin-top:100px}
.mypage .bottom_ ul{color: #444;padding:0px 0; }
.mypage .bottom_ ul li{display: inline-block;text-align: center; width:calc(100% / 2);margin-left:-4px;}
.mypage .bottom_ ul li>div{border:1px solid #d8d8d8; border-right: 0; padding: 30px 0;}
.mypage .bottom_ ul li:last-child>div{border-right: 1px solid #d8d8d8;}

/* .mypage .bottom_ ul li:nth-child(4){border-right:none} */
.mypage .bottom_ ul li i{width:40px;display: block; margin: 0 auto;opacity: 0.7;}
/* 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;}
.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: 1.1em;}
.mypage .point_list ul li p span{color: #b7a695; 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;}
/* .point_list_wrap .in_body{border-bottom:1px solid #000} */
.mypage .point_list ul li:last-child::after{display: none;}
/* .mypage .list_in{border-bottom: 1px solid #ddd;} */
.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;padding: 13px 0px;}
/* .mypage .list_in .in_body_table:last-child{border-bottom: 0;} */
.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: 1em; font-weight: 500;}
.mypage .list_in .table_body li.p-count{color: #b7a695; font-weight: 800; font-family: 'Pretendard';}
.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; font-family: 'Pretendard';}
.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;}
.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;} */


.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;}
.more_order .lookup h6{margin-bottom: 0;}
.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; font-family: 'Pretendard';}
.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-top: 30px; background-color: #f5f5f5; padding: 30px;display: flex;}
.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%; max-width: 100%;}
.period_wrap .month_search > ul{display: flex;}
.period_wrap .month_search ul li{display: flex; vertical-align: middle; padding-right: 8px;}
.period_wrap .month_search ul li>div:first-child{margin-right:7px;}
.period_wrap .month_search ul li>div select{width:100%; background-color: #fff; border:none;padding: 8px 16px;color:#888;font-size: 14px;}
.period_wrap .month_search ul li>div{width: 180px;display: flex; vertical-align: middle;width: 100%;}
.period_wrap .month_search ul li>div:nth-child(2){width: 379px;}
.period_wrap .month_search ul li>div:nth-child(2) div{display: inline-block;}
.period_wrap .month_search ul li button{background-color: #b7a695;color: #fff; padding: 6px 16px;}
.period_wrap .month_search ul li input{outline: none; border: 0;  background-color: #fff; padding: 8px 16px;}
.period_wrap .month_search ul li span{width: 10px; color: #777; padding-top: 2px; display: inline-block;margin: 0 3px;}

/* 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{border-top: 1px solid #b7a695; border-bottom:1px solid #ddd;}
.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; cursor: pointer;}
.page_but .page_item.active{border-bottom: 2px solid #b7a695; color: #b7a695;font-size: 16px;}






/* ********************************************* *
 * 1024px max
 * ********************************************* */
 @media (max-width:1024px)
{

    .order_inquiry .mo_ver .but_box02{display: none;}
    



.mypage .bottom_ ul{border:none; }
.mypage .bottom_ ul li>div{margin:5px; border-right: 1px solid #d8d8d8;}


.mypage.search_wrap {padding: 100px 20px;}
}


/* ********************************************* *
 * 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 {
        display: flex;
        border: 1px solid #ddd;
        padding: 30px;
        flex-direction: column;
    }
    .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;}

        .search_wrap .bd-xl{padding:0;}


}




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

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


    .mypage .bottom_ {margin-top: 30px;}


    


 }
    



 /* ********************************************* *
 * 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;}
.mypage .bottom_ ul li {width: calc(100% / 2);}
}

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

}

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


    .mypage .lookup_list ul li:after{display: none;}
    .mypage .lookup_list p.text{font-size: 0.85rem;line-height: 1.2;}
.mypage .lookup_list p.text br{display: block;}


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


    
}