.wrap{background-color:#fff;}


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

/* mypage */


 
.mypage_wrap .my{display: flex;background: #f8f8f8; padding:30px;border-radius: 15px;}
.mypage_wrap .my .reserves_dis{display: flex;width: 50%; }
.mypage_wrap .my .reserves_dis > div+div{position: relative;}
.mypage_wrap .my .reserves_dis > div+div::before{content: '';display: block;width: 1px;height: 70%;position: absolute;left:0;top:50%;transform: translateY(-50%);background: #ddd;}
.mypage_wrap .profile  > div{font-size: 1.5rem;width: calc(100% - 120px);}
.mypage_wrap .my .profile{display: flex;width:70%;align-items: center;}
.mypage_wrap .my .profile i{border-radius: 50%;overflow: hidden;margin-right: 20px;border:1px solid #ddd;width: 100px;height: 100px;;}
.mypage_wrap .my .profile img{width: 100%;height: 100%;}
.mypage_wrap .my .rating{margin-top: 4px;font-size: 1rem;color:#71BF44;} 
.mypage_wrap .my .rating button{background: #ddd;border-radius: 30px;padding:4px 10px 2px;margin-left: 4px;position: relative;top:-1px;}

.mypage_wrap .my .reserves{cursor: pointer;background-color: #f8f8f8;margin-right:30px;padding:20px 30px; width:100%; border-radius: 15px;text-align: center;}
.mypage_wrap .my .reserves:last-child{margin-right:0px;}
.mypage_wrap .my .reserves .tit{    cursor: inherit;position: relative;max-width: max-content;margin:0 auto;}
.mypage_wrap .my .reserves .tit:after{position:absolute;content:'';display: block ;width:8px; height:8px; border-top:1px solid #333; border-right:1px solid #333; top:35%; right:-12px;; transform: rotate(45deg) translateY(-50%); }
.mypage_wrap .my .reserves .txt{position:relative; cursor: pointer;line-height: 1;margin-top: 16px;}
.mypage_wrap .my .reserves span.monny{font-size:2em;font-weight: bold;}

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

.mypage_wrap .order_wrap{border:1px solid #ddd;border-radius: 10px;padding:20px;}
.mypage_wrap .mypage_cupon.lookup h6{border-bottom:none;}
.mypage_wrap .point_list_wrap h6{margin-bottom:0;}
.mypage_wrap .lookup_list{padding:50px 0 }
.mypage_wrap .lookup_list ul{display:flex;}
.mypage_wrap .lookup_list ul li{width:20%;text-align: center;position:relative;}
.mypage_wrap .lookup_list .text br{display: none;}
.mypage_wrap .lookup_list ul li + li:after{border-top:2px solid #bbb;border-right:2px solid #bbb;content:'';display: block; width:10px;height:10px; transform: rotate(45deg); position:absolute; top:50%;left:0;}
.mypage_wrap .lookup_list .number .in_number{font-size: 3em; font-weight: bold;    line-height: 1;}

.mypage_wrap .lookup02{margin-top: 20px;margin-bottom: 40px;}
.mypage_wrap .lookup02 ul{display: flex; }
.mypage_wrap .lookup02 ul li{width:33.33%;padding:16px 20px 14px; border:1px solid #ddd;border-radius: 10px;}
.mypage_wrap .lookup02 ul li+li{margin-left: 20px;}
.mypage_wrap .lookup02 ul li p{position:relative;}
.mypage_wrap .lookup02 ul li p:last-child{color: #71BF44;}
.mypage_wrap .lookup02 ul li > div{line-height: 1;display: flex; justify-content: space-between;    font-size: 0.9rem;}




.mypage_wrap .bottom_{margin-top:100px}
.mypage_wrap .bottom_ ul{color: #444;padding:0px 0;border:1px solid #ddd;border-radius: 20px;display: flex; }
.mypage_wrap .bottom_ ul li{text-align: center; width:calc(100% / 6);}
.mypage_wrap .bottom_ ul li + li{border-left:1px solid #ddd;}
.mypage_wrap .bottom_ ul li>div{padding: 30px 0;}

/* .mypage_wrap .bottom_ ul li:nth-child(4){border-right:none} */
.mypage_wrap .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;}


/* 적립금 */



.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: #f8f8f8;}
.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>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_wrap .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;
}


.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:2px solid #000;}
.order_info_wrap .order_info .list{width: 100%; padding: 16px 0px; 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: 200px;color: #767676;}
.order_info_wrap .order_info button{border:1px solid #333;color:#333; border-radius: 10px; padding:5px 00px; width:80px;margin-left:15px;;}
 


.order_tabs{display: flex;border-bottom:1px solid #000;margin-bottom: 40px;}
.order_tabs li{width: 300px;transform: translateY(1px);text-align: center;}
.order_tabs li.on{border:1px solid #000;border-bottom: 1px solid #fff;}
.order_tabs li.on a{background: #fff;color: #000;}
.order_tabs li a{display: block;padding:16px 0;background: #f8f8f8;color: #666;}

.period_wrap{background-color: #f8f8f8; padding: 20px;display: flex;border-radius: 15px;}
.period_wrap > div{width: 50%;;}
.period_wrap .period ul{display: -webkit-box; display: -ms-flexbox; display: flex;border:1px solid #ddd;background: #fff;border-radius: 10px;overflow: hidden;}
.period_wrap .period ul li{width: 25%;}
.period_wrap .period ul li+li{border-left:1px solid #ddd;}
.period_wrap .period .d-block{justify-content: flex-start;position: relative;;}
.period_wrap .period .d-block input[type="checkbox"] + label{width: 100%;height: 45px;margin-right: 0; border: none;border-radius: 0;;background-image: initial;}
.period_wrap .period .d-block input[type="checkbox"]:checked + label span{color: #fff;}
.period_wrap .period .d-block span{font-size: 0.95em;position: absolute;    width: 100%;text-align: center;top: 50%;transform: translate(-50%,-50%);    left: 50%;}




.period_wrap .month_search {margin-left: 24px;; }
.period_wrap .month_search > ul{display: flex;width: 100%;height: 100%;}
.period_wrap .month_search li{display: flex; vertical-align: middle;    align-items: center;}
.period_wrap .month_search li + li{margin-left:16px;}
.period_wrap .month_search li>div select{width:100%; background-color: #fff; border:none;padding: 8px 16px;color:#888;font-size: 14px;}
.period_wrap .month_search li>div{width: calc(100% - 96px);;display: flex; vertical-align: middle;height: 100%;}
.period_wrap .month_search .list_insec > div{width: 50%;height: 100%;}
.period_wrap .month_search li:last-child{width: 80px;}
.period_wrap .month_search li button{background-color: #000;color: #fff; padding: 6px 0px;text-align: center;height: 100%;width: 100%;border-radius: 10px;}
.period_wrap .month_search li input{outline: none; border: 0;  background-color: #fff; padding: 8px 16px;border-radius: 10px;    height: 100%;border:1px solid #ddd;font-family: inherit;width: 100%;}
.period_wrap .month_search li span{color: #bbb; padding-top: 2px; display: inline-block;margin: 0 10px;font-weight: bold;}


.order_product_list{margin-top: 40px;}
.order_product_list .button.type03 button{margin:0 auto;}
/* order_inquiry */

.delivery_status{color:#be3434; font-size:15px;font-weight: bold;margin-bottom: 5px;}
.delivery_status span{font-weight: inherit;}




/*마이페이지 커스텀(분양몰)*/

.mypage_felx{display: flex;}
.mypage_left_wrap{width: 250px;;}
.mypage_right_wrap{width: calc(100% - 250px);;}


.mypage_title_tabs h4{font-size: 2rem;font-weight: bold;margin-bottom: 30px;}
.mypage_title_tabs .depth01 li + li{margin-top:40px}
.mypage_title_tabs .depth02 {margin-top: 10px;}
.mypage_title_tabs .depth02 li > a{color: #666;font-size: 0.9rem;font-weight: 400;}
.mypage_title_tabs .depth02 li + li{margin-top:8px}

.mypage_title_tabs .depth02 li.on > a{color: #71BF44;position: relative;}
.mypage_title_tabs .depth02 li.on > a::before{content:'';display: block;width: 6px;height: 6px;border-top:1px solid #71BF44;border-right:1px solid #71BF44;position: absolute;right:-10px;top:43%;transform: translateY(-50%) rotate(45deg);}


/*회원정보변경*/
.mypage_correction .jion_list li{display: flex;align-items: center;}
.mypage_correction .jion_list li .jion_title{width: 150px;;}
.mypage_correction .jion_list li .jion_right{width: calc(100% - 150px);;}

.mypage_correction .my_profile .filebox .upload-name{display: none;}


.mypage_correction .filebox{display: flex;    align-items: center;}
.mypage_correction .jion_list li .filebox label{margin-left: 20px;background: #ddd;color:#666;font-size: 0.9rem;}
.mypage_correction .base_profile{width: 150px;height: 150px;border: 1px solid #ddd;border-radius: 5px;background-color: #fff;display: block;border-radius: 50%;overflow: hidden;}
.mypage_correction .filebox .upload-thumb-wrap{width: 150px;height: 150px;border-radius: 50%;overflow: hidden;}
.mypage_correction .filebox .upload-thumb-wrap img,
.mypage_correction .base_profile img{width: 100%;height: 100%;}


/*배송지*/
.add_name strong{border: 1px solid #71BF44;color: #71BF44;padding:4px 12px;font-size: 0.9rem;border-radius: 30px;position: relative;top:-2px}

.mypage_address .head_table{display: none;}
.mypage_address .body_table{border-top:1px solid #ddd;}
.mypage_address .body_table li >div{flex-wrap: wrap;position: relative;    justify-content: flex-start;}
.mypage_address .d-block{position: absolute;left:0;top:2px;width: auto;}
.mypage_address .add_name{padding-left: 28px;width: 100%;text-align: left;font-size: 1.125rem;font-weight: 600;}
.mypage_address .add_name span{font-weight: inherit;}
.mypage_address .add_info{width: 100%;text-align: left;margin:8px 0;}
.mypage_address .add_name02,
.mypage_address .add_tell{width: auto;color: #767676;}
.mypage_address .add_name02{margin-right: 16px;}



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

    
.mypage_wrap .bottom_ ul li{width:calc(100% / 3);}



.mypage_title_tabs h4{display: none;}
.mypage_felx{display: block;;}
.mypage_left_wrap,
.mypage_right_wrap{width: 100%;}
.mypage_right_wrap{margin-top: 30px;}
.mypage_right_wrap.margin_on{margin-top: 100px;}
.mypage_left_wrap .depth01{display: flex;    justify-content: center;}
.mypage_title_tabs .depth01 > li{margin:0 20px;text-align: center;padding:16px 0;}
.mypage_title_tabs .depth01 > li em{font-size: 1.125rem;color: #666;}
.mypage_title_tabs .depth01 > li em.on{color: #71BF44;}
.mypage_title_tabs .depth01 > li + li{margin-top: 0;;}
.mypage_title_tabs .depth02{position: absolute;top:56px;width: 100%;left:50%;transform: translateX(-50%);margin-top: 0;align-items: center;display: none;background: #f8f8f8;padding:12px;}
.mypage_title_tabs .depth02 li{display:inline-block;margin:0 30px}

.padding_sub_tb.mypage{padding-top: 0;}
.mypage_title_tabs .depth02 li + li{margin-top: 0;;}
.mypage_title_tabs .depth02 li.on > a::before{display: none;}



.mypage h4.join_sub_tit{display: none;}
}


/* ********************************************* *
 * 960px max
 * ********************************************* */
 @media (max-width:960px)
{
    .order_tabs li.on,
    .order_tabs{border:none;    align-items: center;}
    .order_tabs li{width: 50%; }
    .order_tabs li a{background: #f9f9f9;color: #666;border:none; border-radius:6px ; font-size: 16px; padding:12px; border:1px solid #eee;}
    .order_tabs li + li{margin-left: 10px;}
    .order_tabs li.on a{border:none;color: #fff;background: #71BF44; }
    .order_tabs li.on a span.desktop_str{display: none; }
    .order_tabs li.on a span.mobile_str{display: block; }


    .period_wrap{background: transparent; padding:0; display: block;}

    .period_wrap > div{width: 100%;}
    .period_wrap .period ul{border-radius: 6px;}
    .period_wrap .month_search{margin-left: 0; margin-top: 10px;}
    .period_wrap .month_search li input{padding:14px; border-radius: 6px;}
    .period_wrap .month_search li.list_insec{width: calc(100% - 120px);}
    .period_wrap .month_search li:last-child{width:120px; margin-left: 10px;}
    .period_wrap .month_search li button{border-radius: 6px;}

    .mypage_wrap .lookup02{margin:30px 0;}
    .mypage_wrap .lookup02 ul li{border-radius: 6px;}


    .mypage_wrap .lookup_list .number .in_number{font-size: 36px;}
    .mypage_wrap .order_wrap {  border-radius: 6px;  padding: 20px 0;    }
    .mypage_wrap .order_wrap .text{line-height: 1.2;height: 33px; font-size: 14px; color: #666;display: flex; align-items: center;justify-content: center; margin-top: 6px; }
    .mypage_wrap .order_wrap .text br{display: block; }





}





/* ********************************************* *
 * 840px max
 * ********************************************* */
 @media (max-width:840px)
{
    .mypage_wrap .my .profile {  width: calc(100% - 370px);}
    .mypage_wrap .my .reserves_dis{width:370px; }
    .mypage_wrap .my .reserves { margin-right: 12px; padding: 10px 20px;}
    .mypage_wrap .profile > div { font-size: 1.3rem;}


}




 /* ********************************************* *
 * 768 max
 * ********************************************* */
 @media (max-width:768px)
{
    .mypage_wrap .lookup_list ul li:after {left: -9px;}
    .mypage_wrap .lookup_list {margin:0;padding:20px 0 15px; }
    .mypage_wrap .bottom_ ul {padding: 0px 0; flex-wrap: wrap;}
    .mypage_wrap .lookup_list ul li + li:after { border-top: 1px solid #bbb; border-right: 1px solid #bbb; width: 8px; height: 8px; top: 37%;left:-5px;}

    .mypage_wrap .bottom_ ul li + li{border-left:none;}
    .mypage_wrap .bottom_ ul li:last-child{border-bottom:none;}
    .mypage_wrap .bottom_ ul li{width: 100%;border-left:none;border-bottom:1px solid #ddd;}
    .mypage_wrap .bottom_ ul li a{display: flex;    align-items: center;}
    .mypage_wrap .bottom_ ul li i{margin:0;width: 40px;height: 40px;margin-right: 20px;;}
    .mypage_wrap .bottom_ ul li i img{width: 100%;}
    .mypage_wrap .my > div:first-child {width: 100%;}
    .mypage_wrap .list_in .table_body li.p-name{width: 30%;}
    .mypage_wrap .list_in .table_body .date{width: 30%;}
    .mypage_wrap .bottom_ ul li>div {padding: 20px ;    }
    .mypage_wrap .my .profile {  width: calc(100% - 320px);}
    .mypage_wrap .my .reserves_dis{width:320px; }

    .table_style01.order_list {padding: 20px;}
    .mypage_title_tabs .depth02 li {margin: 0 15px;}



    .mypage_address .button.type02 > div{display: flex;flex-direction: column;align-items: flex-start;}
    .mypage_address .button.type02 > div button{margin-left: 0;}
    .mypage_address .button.type02 > div button + button{margin-top: 10px;}
    .mypage_address .button.slide_flex{    align-items: flex-start;}

}

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


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


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


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

    .order_tabs li{transform: translateY(3px);width: 50%;}
    .order_inquiry.order_list_wrap .table_body li:first-child{padding-left:0px;}
    .order_inquiry.order_list_wrap .table_body li{padding-left:150px;}
    .period_wrap .month_search ul li{padding-right: 0px;}
    .period_wrap > div{width: 100%;}
    .period_wrap .month_search{margin-left: 0;margin-top: 12px;;}

    .period_wrap .month_search{width: 100%;}
    .period_wrap .month_search ul li{width:80px;margin:0;}
    .period_wrap .month_search ul li input{font-size: 14px;padding:12px;}
    .period_wrap .month_search ul li span{width: 10px;}
    .period_wrap .month_search ul li button{ padding: 12px;}
    .period_wrap .period .d-block{width: 100%;}

    .period_wrap .month_search li.list_insec {width: calc(100% - 80px);}

    .period_wrap .month_search li:last-child {width: 80px; }


    .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:'Order number : '; 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;}

    .order_tabs li{height: 60px;}
    .order_tabs li a { font-size: 14px; line-height: 1.4;   padding: 10px;  display: block; width: 100%; height: 100%;display: flex;justify-content: center;
        align-items: center;justify-content: space-between;}

        .order_tabs li a > span{text-align: left; word-break: break-all;margin-right: 10px;width: calc(100% - 40px);}
        .order_tabs li a strong{background: #fff; color: #fff; border-radius: 4px;padding:6px; width: 30px;}
        .order_tabs li a strong span{color: #71BF44; font-size: 16px;font-weight: 600;}


    .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:'Quantity : '; margin-right:5px;;}
    .com_payment .order_inquiry.order_list_wrap .table_body li.delivery::before{content:'Shipping Status : ';margin-right:5px;}
    .com_payment .order_inquiry.order_list_wrap .table_body li.Sale::before{content:'Discount amount : ' ;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_wrap .list_in .table_body {padding: 33px 0;}

    .period_wrap .month_search ul li>div:nth-child(2) {width: 100%;}
    .mypage_wrap .my { padding: 20px;display: block;}
    .mypage_wrap .my .reserves_dis {margin-top: 20px;width: 100%;}
    .mypage_wrap .my .reserves {padding:15px 15px 8px;margin-right: 15px;}
    .mypage_wrap .my .reserves .txt {margin-top: 8px; }
    .order_inquiry.order_list_wrap .table_body li.img_sec{display: block;;}
    .mypage_wrap .my .reserves span.monny { font-size: 1.5rem;}

    .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_wrap .list_in .in_body_table{padding:0 ;}
    .com_payment.mypage_wrap .list_in .table_body {
        padding: 20px 0;
    }

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

    .order_product_list {margin-top: 20px; }

    .mypage_wrap .lookup02 ul li{padding: 12px 15px 12px;border-radius: 5px;}
    .mypage_wrap .lookup02 ul li+li{margin-left: 12px;}


    .mypage_title_tabs .depth01 > li em {font-size: 1rem;}



    .mypage_correction .jion_list li{display: block;}
    .mypage_correction .jion_list li .jion_right{width: 100%;}



 }
    



 /* ********************************************* *
 * 576 max
 * ********************************************* */
 @media (max-width:576px){
    .mypage_title_tabs .depth01 > li em{font-size: 0.9rem;}
    .mypage_title_tabs .depth01 > li{padding: 16px 0;;margin:0 12px;}  
    .mypage_title_tabs .depth02 li {margin: 0 12px;}
    .mypage_title_tabs .depth02 li > a{font-size: 0.8rem;}
    .mypage_title_tabs .depth02 { top: 53px;}

     .mypage_wrap .my {padding:16px ; padding-bottom: 22px;}


.mypage_wrap .lookup_list .text{font-size: 0.9rem;margin-top: 6px;;}
.mypage_wrap .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; 
}
.order_info_wrap .order_info .list p{ font-weight: 400;}
.order_info_wrap .order_info .list p.title{color: #777;width: 100px; }
.order_info_wrap .order_info .list p{width:calc( 100% - 100px); }

.more_order h6.my_sub_tit { font-size: 1.125rem; font-weight: 400;}
.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_wrap .bottom_ ul li i { width: 30px;}
.mypage_wrap .bottom_ ul li p{font-size:13px;color:#666}
.order_info_wrap .order_info .list {padding:12px 0px;font-size: 0.9rem;}
.mypage_wrap .bottom_ ul li>div {padding: 15px 0;}
.mypage_wrap .bottom_ ul li {width: calc(100% / 2);}


.more_order .table_style01.order_list .more_product > div{display: block;}
.more_order .table_style01.order_list .w100px{width: 100%;margin-top: 12px;}
.more_order .table_style01.order_list .w100px > div{display: flex;}
.more_order .table_style01.order_list .w100px > div button{width: 50%;margin:0;padding:10px; ;}
.more_order .table_style01.order_list .w100px > div button +button{margin-left: 12px;;}

.mypage_correction .base_profile{width: 120px;height: 120px;;}



}

/* ********************************************* *
* 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_wrap .list_in .table_body {padding: 10px 0 40px;}
    .com_payment .order_inquiry.order_list_wrap .table_body li.listsec02 p{margin-top:0 !important;}
    .mypage_wrap .my .profile i { width: 80px; height: 80px;margin-right: 0px;}
    .mypage_wrap .profile > div {width: calc(100% - 80px);font-size: 22px;LINE-HEIGHT: 1.4;}
    .mypage_wrap .my .reserves{padding:0px 0;}




    .mypage_address .button.type02 > div{display: flex;flex-direction: row;align-items: flex-start;}
    .mypage_address .button.type02 > div button + button{margin-top: 0px; margin-left: 10px;}
    .mypage_address .button.slide_flex{ display: block;}
    .mypage_address .button.slide_flex > button{width: 100%; margin-top: 20px;}
    
    .mypage_wrap .my .reserves .tit:after { width: 6px; height: 6px;   border-top: 1px solid #888;border-right: 1px solid #888;}


    .period_wrap .period .d-block input,
    .period_wrap .period .d-block span{font-size: 14px;}



}

/* ********************************************* *
* 400 max
* ********************************************* */
@media (max-width:400px)
{
    .order_tabs li {transform: translateY(4px);}
    .order_tabs li a {font-size: 0.9rem;}
    /* .mypage_wrap .my .reserves_dis {flex-direction: column;} */
    .mypage_wrap .my > div:first-child {width: 100%;}
    .mypage_wrap .my .reserves { width: 100%;}
    /* .mypage_wrap .my .reserves:last-child { margin-top: 20px;} */
    .mypage_wrap .lookup_list ul li:after {width: 10px;  height: 10px;border-top: 2px solid #ddd;border-right: 2px solid #ddd}
    .mypage_wrap .lookup_list ul li .text{font-size: 13px;;margin: 0 auto; line-height: 1.2;height: 33px;margin-top: 4px;;}
    .mypage_wrap .lookup_list ul li .text br{display: block;}
    .mypage_wrap .profile > div { font-size: 20px;}
    .mypage_wrap .profile > div p.name{ font-weight: 600;}
    .mypage_wrap .profile > div p span{ font-weight: inherit;}

    .mypage_wrap .my .rating { font-size: 0.9rem;}

    .order_list_wrap>a{color: #fff;color: rgba(255, 255, 255, 0);}
    .mypage_wrap .lookup_list ul li + li:after { width: 6px;height: 6px;}

    .mypage_wrap .order_wrap {border-radius:0px;border:none;padding:0;}
    .mypage_wrap .lookup_list{padding:16px 0;}
    .mypage_wrap .lookup_list .number .in_number {font-size: 1.5em;}



    .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_wrap .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_wrap .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_wrap .point_list_wrap .list_in .table_body{padding: 0;}
    .mypage_wrap .list_in .in_body_table{padding:8px 0;}
    .mypage_wrap .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_wrap .list_in .table_body li.cou_img {width: 100px; height: 100px;}
    .mypage_wrap .mypage_cupon .list_in .table_body li { padding-left: 120px;}
    .mypage_wrap .mypage_cupon .list_in .table_body {padding: 10px 0 10px;}
    .mypage_wrap .my .reserves span.monny {font-size: 1.2em;}
    .mypage_wrap .my .reserves .txt:after {width: 10px; height: 10px;border-top: 2px solid #ddd; border-right: 2px solid #ddd;}
    .mypage_address .add_name{font-size: 1rem;}
    .mypage_address .d-block{top:2px}

    .mypage_title_tabs .depth01 > li {padding: 14px 0;margin: 0 8px;}
    .mypage_title_tabs .depth01 > li em{font-size: 0.85rem;}

    .table_style01.order_list{bordeR:none;padding:0;border-top:1px solid #ddd;border-radius: 0;;}
    .period_wrap .period .d-block input[type="checkbox"] + label {height: 40px;}
    .period_wrap .period .d-block span{font-size: 0.85rem;}
    .period_wrap .period ul {  border-radius: 5px;}
    .mypage_wrap .lookup02 ul li > div{font-size: 0.8rem;}
    .period_wrap .month_search li button,
    .period_wrap .month_search ul li input{font-size: 0.9rem;border-radius: 5px;    padding: 10px;}
    .period_wrap .month_search li span { margin: 0 4px;}


    
    .mypage_address .button.type02 > div{display: block;}
    .mypage_address .button.type02 > div button{width: 100%;}
    .mypage_address .button.type02 > div button + button{margin-top: 5px; margin-left: 0px;}


    .order_tabs{display: block;}
    .order_tabs li{height: auto; width: 100%;;}
    .order_tabs li + li{margin-left: 0; margin-top: 10px;}
    .order_tabs li a {padding: 8px;}


    .mypage_wrap .lookup02 ul{display: block;}
    .mypage_wrap .lookup02 ul li {padding: 10px; font-size: 14px;}
    .mypage_wrap .lookup02 ul li > div{font-size: inherit;}
    .mypage_wrap .lookup02 ul li{width: 100%;}
    .mypage_wrap .lookup02 ul li + li{margin-top: 6px;margin-left: 0;;;}

    .period_wrap .month_search > ul{display: block;}
    .period_wrap .month_search li.list_insec{width: 100%;}
    .period_wrap .month_search li:last-child{width: 100%; margin-top: 6px;margin-left: 0;}
    .period_wrap .month_search ul li button {padding: 10px; }



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


    
}