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

.orderlist_cancel .head .top{    word-break: keep-all;text-align: center; color:#888; font-size:0.937rem}
.orderlist_cancel .cancel_top > p{width:100%; font-size: 1.25rem; }

.orderlist_cancel .reason01{position:relative;margin-top:10px;height: 60px;}

.orderlist_cancel .reason01 p{padding:10px 10px; border:1px solid #ddd; }
.orderlist_cancel .reason01 select{width:100%; ;border:1px solid #ddd; background-color: #fff; padding:15px 15px;z-index: 9; font-size:1rem;}
.orderlist_cancel .reason01 ul li{cursor: pointer;}
.orderlist_cancel .reason01_01 p{position:relative}

.orderlist_cancel .reason01_01 .review_star{width:320px;height:52px;/* overflow: hidden;  */margin:0 auto;margin-bottom: 60px;}

.orderlist_cancel .reason01_01 .review_star ul li{position:relative;display: inline-block; width:59px; height:52px;overflow: hidden;}



.orderlist_cancel .reason01_01 .review_star .yes_star{width:300px;height:52px;background:url(https://bigsdata.s3.ap-southeast-3.amazonaws.com/BIGSMALL/images/165325131871073.png) no-repeat;     z-index: 9;background-size:cover ; position:absolute; top:0; }
.orderlist_cancel .reason01_01 .review_star .no_star{width:300px;height:52px;background:url(https://bigsdata.s3.ap-southeast-3.amazonaws.com/BIGSMALL/images/165325096087124.png) no-repeat;background-size:cover;position:absolute; top:0; left:0;}

.review_pro_info{display: flex;border-bottom:1px solid #ddd;padding-bottom: 30px;}
.review_pro_info .product_img { width: 140px; height: 140px;overflow: hidden;}
.review_pro_info .product_text_box{width: calc(100% - 140px);padding-left: 20px;display: flex;align-items: center;}
.review_pro_info .p_op{opacity: 0.6;}
.review_pro_info .p_number_price{display: flex;opacity: 0.6;}
.review_pro_info .p_number_price p + p{margin-left: 10px;padding-left: 10px;;position: relative;;}
.review_pro_info .p_number_price p + p::before{content:'';display: block;width: 1px;height: 12px;background: #ddd;position: absolute;left:0;top:45%;transform: translateY(-50%);}
.review_pro_info .product_title{font-size: 1.25rem;font-weight: 600;margin:6px 0;}

.star4 ul li:nth-child(5) .yes_star{display: none;}

.star3 ul li:nth-child(4) .yes_star{display: none;}
.star3 ul li:nth-child(5) .yes_star{display: none;}

.star2 ul li:nth-child(3) .yes_star{display: none;}
.star2 ul li:nth-child(4) .yes_star{display: none;}
.star2 ul li:nth-child(5) .yes_star{display: none;}



.star1 ul li:nth-child(2) .yes_star{display: none;}
.star1 ul li:nth-child(3) .yes_star{display: none;}
.star1 ul li:nth-child(4) .yes_star{display: none;}
.star1 ul li:nth-child(5) .yes_star{display: none;}

.star0 ul li .yes_star{display: none;}

.orderlist_cancel .review_star .star_ment{position: relative;top:12px;color: #f14141;}
.orderlist_cancel .review_star .star_ment span{font-weight: bold;}
.orderlist_cancel .review_star .star_ment p{text-align: center;display: none;}

.orderlist_cancel .star1 .star_ment .m01{display: block;}
.orderlist_cancel .star2 .star_ment .m02{display: block;}
.orderlist_cancel .star3 .star_ment .m03{display: block;}
.orderlist_cancel .star4 .star_ment .m04{display: block;}
.orderlist_cancel .star5 .star_ment .m05{display: block;}



p.sec_txt{margin-top: 20px;;}
.orderlist_cancel .cancel_reason{margin-top: 60px;}
.orderlist_cancel .product_list li{margin-bottom: 0;}


.sns_reivew_w ul{display: flex;}
.sns_reivew_w ul li{margin-right: 120px;}



.orderlist_cancel .reason02_01 .img_box ul li{display: inline-block; width:98px; height:98px; margin-right:10px; position:relative}
.orderlist_cancel .reason02_01 .img_box ul li:last-child{margin:0}
.orderlist_cancel .reason02_01 .img_box{width:100%;}
.orderlist_cancel .reason02_01 .img_box .img_im{overflow: scroll;}
.orderlist_cancel .reason02_01 .img_box ul{width: 640px;display: flex;justify-content: flex-start;}
.orderlist_cancel .reason02_01 .img_box .sc_event{width:100%; overflow-x: scroll; }

.orderlist_cancel .reason02_01 .img_box .sc_event::-webkit-scrollbar{background-color: #fff; height:10px; }
.orderlist_cancel .reason02_01 .img_box .sc_event::-webkit-scrollbar-thumb{background-color: #ddd; border-radius: 10px;background-clip: padding-box;
    border: 2px solid transparent;}

.orderlist_cancel .reason02_01 .img_box ul li img{width:20px; background-color: rgba(0 , 0, 0 , 0.3);padding:4px; border-radius: 10px; position:absolute; top:7px; right:7px;}




.reason02_01 button{width:100%; border:1px dashed #bbb; padding:15px 0; border-radius: 10px;margin-top:10px;display: flex;  align-items: center; justify-content: center;}
.reason02_01 button svg{position: relative;top:1px;margin-right: 6px;}
.reason02_01 .img_box ul li{display: inline-block; width:98px; height:98px; margin-right:10px; position:relative}
.reason02_01 .img_box ul li:last-child{margin:0}
.reason02_01 .img_box{width:100%;}
.reason02_01 .img_box .img_im{overflow: scroll;}
.reason02_01 .img_box ul{width: 640px;display: flex;justify-content: flex-start;}
.reason02_01 .img_box .sc_event{width:100%; overflow-x: scroll; }

.reason02_01 .img_box .sc_event::-webkit-scrollbar{background-color: #fff; height:10px; }
.reason02_01 .img_box .sc_event::-webkit-scrollbar-thumb{background-color: #ddd; border-radius: 10px;background-clip: padding-box;
    border: 2px solid transparent;}

.reason02_01 .img_box ul li img{width:20px; background-color: rgba(0 , 0, 0 , 0.3);padding:4px; border-radius: 10px; position:absolute; top:7px; right:7px;}







.orderlist_cancel .reason03{margin-top:20px;margin-bottom:10px;}
.orderlist_cancel .reason03 > p{ font-size: 1.25rem;}
.orderlist_cancel .reason03 > div {border-top:1px solid #ddd;padding-top:10px; line-height: 2em;}
.orderlist_cancel .reason03 > div > div{color:#888;display: flex;justify-content: space-between;align-items: center;}

.orderlist_cancel .reason04{padding-top:10px;border-top:1px solid #000;display: flex;  font-size: 1.25rem;justify-content: space-between;}
.orderlist_cancel .reason05{font-size:0.812rem;margin-top:20px; color:#bbb}
.orderlist_cancel .reason05 ul li > p{position:relative; padding-left:10px;}
.orderlist_cancel .reason05 ul li > p::after{ position:absolute;top:9px; left:0px;content:''; display: block; width:4px; height:4px; background-color: #bbb;border-radius: 10px;}

.orderlist_cancel .reason05 ul li > div p{position:relative; padding-left:20px;}
.orderlist_cancel .reason05 ul li > div p::after{ position:absolute;top:10px; left:10px;content:''; display: block; width:5px; height:2px; background-color: #bbb;}

.cancel_next_but{width:100%; margin-top:20px;}
.cancel_next_but button{width:100%; background-color: #000; color:#fff; padding:15px 0; border-radius: 10px;}




.pr_list{margin-bottom:20px;margin-top:20px;}
.pr_list > p{margin-bottom:10px;}
.pr_list .option_list .in_body_table > ul{justify-content: flex-start;display: flex;align-items: center;text-align: center;}
.pr_list .option_list .in_body_table > ul:last-child{padding:20px 0 }
/* .pr_list .option_list .in_body_table > ul:last-child li{width:33.3% } */

.pr_list .option_list .in_body_table > ul:last-child li .price_point{font-size:1.25rem; font-weight: bold;}

.pr_list .option_list .listsec01{width: 5%;}
.pr_list .option_list .listsec02{width:200px;}
.pr_list .option_list .listsec03{width: 13%;}
.pr_list .option_list .listsec04{width: 13%;}
.pr_list .option_list .listsec05{width: 13%;}
.pr_list .option_list .listsec06{width: calc(100% -  200px);text-align: left;}

.pr_list .option_list .listsec06 > div:nth-child(2){display: flex;align-items: flex-end;}
.pr_list .option_list .mo_ver_title{font-size:1.125rem}
.pr_list .option_list .mo_ver_price01{font-size:1rem; color:#bbb;margin-right:10px; position:relative}
.pr_list .option_list .mo_ver_price01::before{content:'';display: block; width:60px; height:1px; background: #bbb; position:absolute; top:50%; left:-2px;}
.pr_list .option_list .mo_ver_price02{font-size:1.25rem; font-weight: bold;}
.pr_list .option_list .table_head{color: #000;
    padding: 15px 0;border-top: 1px solid #000;
    border-bottom: 1px solid #000;} 
.pr_list .option_list .table_body .listsec02{display: flex;align-items: center; text-align: left; padding:0px 20px;font-size: 1.125rem;} 
.pr_list .option_list .table_body .listsec02 > div{width:100%;}
.pr_list .option_list .table_body .listsec02 p{padding-left:20px;}
.pr_list .option_list .table_body .listsec02 i{width: 100%; display: block;height: 270px;position:relative;z-index: 99;}
.pr_list .option_list .table_body .listsec02 i img{position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); padding:30px}
.mo_ver{position:relative}
.pr_list .close{position:absolute; top:10px; right:10px}
.pr_list .close i.fa{font-size:1.25rem}

.product_list .option_list + .option_list {margin-top: 15px;}
.product_list .option_list .price{font-size: 1.125rem;}
.product_list .option_list .price span{font-size:inherit;}
.product_list .option_list .sale{font-size:0.95rem;    margin: 6px 0;}
.product_list .option_list.on {border:1px solid #71BF44;}

.option_list {border:1px solid #ddd;padding:16px}
.option_list .thumbnail{width: 90px;height: 90px;margin-right: 20px;;}
.option_list > div{display: flex;align-items: center;    position: relative;}



.option_list .select > div { align-items: center; font-size: 1rem; border-radius: 8px; }
.option_list .select_sec .munber {text-align: right;display: flex;justify-content: space-between;
}
.option_list  .table_body .listsec02 i {height: 150px;border-radius: 10px; overflow: hidden;}
.option_list .select_sec .munber input{line-height: 0.9; font-size:1.1rem;transform: translateY(-1px);background: #e9e9e9;width: 38px;height: 38px;border-radius: 30px;border:none;font-weight: bold;color: #888;    line-height: 1;}

.option_list .select_sec .munber > div{padding:0 12px;color: #888;width: 50px;
    font-size: 1.125rem;background: #fff;font-weight: 600;}
.option_list .select_sec{ position: absolute;right: 0;bottom:30px;}

.option_list li > div{display: flex;position: relative;align-items: center;}
.option_list li .thumbnail{overflow: hidden;width: 90px;height: 90px;margin-right: 20px;}
.option_list li .tit{font-size: 1.125rem;    margin-bottom: 10px;}
.option_list li .sale{font-size: 0.9rem;margin: 0 0 8px;}
.option_list li .price{font-size: 0.9rem;}
.option_list li .price span{font-size: 1.25rem;}
.option_list .pro_info .sale::before{width: 100%;}
/* ********************************************* *
* 1600px max
* ********************************************* */
@media (max-width:1600px){
    .bd-xl {padding: 100px 20px;}



}

/* ********************************************* *
* 960px max
* ********************************************* */
@media (max-width:960px){
    .con_body { width: 60%;}



}












/* ********************************************* *
* 769px max
* ********************************************* */
@media (max-width:769px){
    .con_body { width: 100%;}


    .orderlist_cancel .reason02_01 .img_box ul { width: 730px;}
}

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

/* ********************************************* *
* 600px max
* ********************************************* */
@media (max-width:600px){
    .pr_list .option_list .listsec02 {width: 150px;}
    .pr_list .option_list .table_body .listsec02 i img {padding: 20px ; }
    .pr_list .option_list .table_body .listsec02 i {height: 150px ;}
    .pr_list .option_list .listsec06 {width: calc(100% - 150px);}
    .orderlist_cancel .reason01 select {line-height: 1.2em;}
    .orderlist_cancel .reason01 {height: 40px;}
}

/* ********************************************* *
* 320px max
* ********************************************* */
@media (max-width:320px){
    .orderlist_cancel .reason01_01 .review_star{width: 250px; height: 43px;}
    .orderlist_cancel .reason01_01 .review_star .no_star {width: 250px;height: 43px;}
    .orderlist_cancel .reason01_01 .review_star .yes_star{width: 250px;height: 43px;}




}
/* ********************************************* *
* 400px max
* ********************************************* */
@media (max-width:400px){
    .pr_list .option_list .in_body_table > ul {display: inherit;}
    .pr_list .option_list .listsec06 { width: 100%; margin-top: 20px;}
    .pr_list .d-block input[type="checkbox"] + label {margin-right: 0;}
    .pr_list .d-block {position:absolute;top:20px; right:20px;}
    .pr_list .option_list .table_body{position:relative}
    .pr_list .option_list .table_body .listsec02{padding:0}


}