.wrap{background-color:#fff;}


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

/* mypage */
.mypage{}
.mypage h3{font-size:2em; text-align: center; margin-bottom:40px}


 
.mypage .my{display: flex; border:1px solid #ddd; padding:30px;}
.mypage .my .reserves_dis{display: flex;width: 60%; }
.mypage .my .name{margin-bottom:10px; font-size: 20px;}
.mypage .my .span_name{font-size:1.7em;font-weight: bolder; margin-right: 4px;}
.mypage .my .span_ranking{font-size:1em;font-weight: bolder;}
.mypage .my > div:first-child{display: flex;width:40%;align-items: center;}
.mypage .my .reserves{background-color: #f5f5f5;margin-right:30px;padding:20px 30px; width:100%; border-radius: 5px;}
.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; font-weight: 600;}

.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: 1.25rem; 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:25%;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; cursor: pointer;}
.mypage .lookup02 ul li:last-child{border-right:none; }
.mypage .lookup02 ul li p{position:relative;}
/* .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_{margin-top:100px; display: none;}
.mypage .bottom_ ul{color: #444;padding:0px 0; }
.mypage .bottom_ ul li{display: inline-block;text-align: center; width:calc(100% / 7);margin-left:-4px;}
.mypage .bottom_ ul li>div{border:1px solid #ddd;  padding: 30px 0;}
:lang(en).mypage .bottom_ ul{display: flex;justify-content: space-between;}
:lang(en).mypage .bottom_ ul li>div p{height: 44px;display: flex;    justify-content: center;align-items: center;}
/* .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;}


.mypage .left{width: 230px;}
.mypage .right{width: calc(100% - 230px); padding-left: 100px;}


/* 리뷰 버튼 */
.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: 1em;}
.mypage .point_list ul li p span{color: #be3434; 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; padding: 16px 0;}
.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: #be3434; font-weight: 600;}
.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: relative;
   width:130px;height:100px ;    background-color: #f5f5f5; margin: 16px 32px 16px 0;
   
}
.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: 2px;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;}
.more_order .button button{padding: 8px 16px; text-align: center; background-color:#104976; color: #fff; min-width: 120px; font-size: 16px;}
.more_order .button{margin-top: 32px; display: flex; align-items: center; justify-content: center;}


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


.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-top: 30px; background-color: #f5f5f5; padding: 30px;display: flex;}
.period_wrap.period_wrap02{flex-direction: column;}
.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.period_wrap02 .month_search{margin-left: 0; margin-top: 24px;}
.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.period_wrap02 .month_search ul li>div:first-child{width: 100px;}

.period_wrap .month_search ul li>div select{width:100%; background-color: #fff; border:none;padding: 8px 16px;color:#888;font-size: 14px; background:url(../img/s3_SHOP/165524060115868.png)no-repeat 90% 50% / 10px 8px;}
.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.period_wrap02 .month_search ul li>div:nth-child(2){width: calc(100% - 100px); align-items: center; margin-top: 0;}
.period_wrap .month_search ul li>div:nth-child(2) div{display: inline-block;}
.period_wrap .month_search ul li button{background-color: #000;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;}
.period_wrap .month_search ul li>div select{padding: 12px 16px;}
.period_wrap .month_search ul li input{padding: 12px 16px;}
/* 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: 2px;}


.in_body{ border-top:2px solid #000;border-bottom:1px solid #bbb}
.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 #4f00cc; color: #4f00cc;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 li:first-child{width: 100%;margin: -1px;}
.mypage .bottom_ ul li:first-child>div > a{display:flex;align-items: center;justify-content: center;}
.mypage .bottom_ ul li:first-child i{margin:0;margin-right:20px;display: flex;align-items: center;}


.mypage .bottom_ ul{border:none; }
.mypage .bottom_ ul li>div{margin:5px;}

:lang(en).mypage .bottom_ ul{    flex-wrap: wrap;}

}


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

    .mypage .dis-f{display: block;}
    .mypage .left{display: none;}
    .mypage .right{width:100%; padding-left: 0;}
    .mypage .right .secession{margin-bottom: 32px;}
    .mypage .lookup{margin-top: 0;}
    .mypage .order_list_wrap01{margin-top: 60px;}
    .mypage .side_nav .side_sub_depth{justify-content: flex-start;}
    .mypage .bottom_{display: block; border-top: 1px dashed #ddd; padding-top: 32px; margin-top: 32px;}

    
}





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




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

    
    .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 .content{padding-top:0;padding-bottom: 0;;}
    .mypage .content [class*='bd']{padding-left: 0;padding-right: 0;}
    .mypage .my .reserves_dis{margin-top: 12px;}

    
}

 /* ********************************************* *
 * 640 max
 * ********************************************* */
 @media (max-width:640px){
    .content [class*='bd']{padding:0;}
    .mypage_review .panels {margin-top: 20px;}
    .mypage h3 { margin-bottom: 20px;padding-top: 0; font-size: 1.7em;}


    .mypage_review .tabSet .tabs li{width: 50%;margin:0;;}
    .mypage_review .tabSet .tabs li + li{margin-left: 10px;}
    .mypage_review .tabSet .tabs li a{text-align: center;    padding: 15px 20px;}

    .mypage .my .name{font-size: 18px;}

    .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{ width: 100%;}

    .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:0;}
    .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;}
    .more_order .btn-container{display: flex; align-items: center; justify-content: center;}
    .more_order .btn-container button{width: 33.333% !important;}
    .more_order .button button{width: 100%; padding: 12px 16px;}


    .period_wrap .month_search ul li{padding-right: 0px; display: flex;}
    .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{padding-bottom: 16px;}
    .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{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:4px;}
    li.no_posi{position: static !important; text-align: left;}
    .order_inquiry.order_list_wrap01 .table_body li.date{bottom:16px; top: inherit; right: 0; left: inherit; text-align: right;}
    .order_inquiry.order_list_wrap .table_body{padding-bottom: 32px;}
    .order_inquiry.order_list_wrap .table_body li.listsec04 p{font-weight: 400;}
    .order_inquiry.order_list_wrap .table_body li.img_sec{position: absolute;}

    .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;
    }
    .order_inquiry.order_list_wrap01 .table_body li.money_con{position: static;}
    .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.45rem; text-align: right;top:16px;font-weight: 600;
    }
    .com_payment .order_inquiry.order_list_wrap .table_body .listsec06.product_price span{font-weight: 600;}
    .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: 16px 0;}
    .com_payment .order_inquiry.order_list_wrap .table_body li.listsec02 p.product_title{margin: 16px 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.3em;}
    .mypage .my .reserves span.monny {font-size: 1.5em;}
    .mypage .my .reserves {padding:15px 15px 8px;margin-right: 15px;}
    .mypage .order_list_wrap{margin-top: 40px;}


    .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 ;}
    .order_inqlist .shopping_basket{border-top:1px solid #888;}

    .mypage .my .reserves .txt:after{width: 10px; height: 10px; border-color: #999; border-width: 1px;}

 }
    



 /* ********************************************* *
 * 576 max
 * ********************************************* */
 @media (max-width:576px){
    .mypage .my {padding: 20px;}
    .mypage .my .name{margin-bottom: 0;}
    .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.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);}

    .mypage .lookup_list ul li p{font-size: 14px;}
    .mypage .lookup02 ul li p{font-size: 14px;}
    .mypage .lookup02 ul li{padding: 12px;}






}

/* ********************************************* *
* 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 .gift .table_body li.listsec02 i{top:80%;}
    .com_payment.mypage .list_in .table_body {padding: 10px 0;}
    .more_order .button button{font-size: 15px;}

}

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

    .period_wrap.period_wrap02 .month_search ul li>div:first-child{width: 100%; margin-right: 0;}
    .period_wrap.period_wrap02 .month_search ul li>div:nth-child(2){width: 100%; margin-top: 8px;}
    .period_wrap .month_search ul li{flex-wrap: wrap;}

    .order_info_wrap .order_info .list{flex-direction: column;}
    .order_info_wrap .order_info .list p.title{margin-bottom: 8px; font-weight: 600;}
}
/* ********************************************* *
* 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;}


    
}