@charset "utf-8";

/*---마이페이지 내 테이블은 commom.css에서 제어해줌 ---*/

/* main */
.my_quick{overflow:hidden;margin:10px 0 50px}
.my_quick ul{display:flex;overflow:hidden}
.my_quick ul li{flex: 1; padding:10px 50px 10px 20px;border: 1px solid #dcdcdc;position: relative;}
.my_quick ul li~li{margin-left: 40px;}
.my_quick ul li h5{font-size: 16px;color: #765625; line-height: 30px;font-weight: bold;}
.my_quick ul li span{display: block;margin-bottom: 10px;}
.my_quick ul li em {position: absolute;display: inline-block;right: 20px;top: 50%;transform: translateY(-50%);color: #999;}


/* 안내글 */
.rounding_box{padding:20px 15px;border-bottom:solid 1px #e1e1e1;margin-bottom:30px}
.rounding_box ul li a {background-color: #765625;line-height: 22px;border-radius:3px;padding: 0 10px;font-size: 12px; color: #FFF;}

/* 주문/배송조회 */
.order_tab {width: 100%; margin-bottom: 30px;}
.order_tab ul {display: flex;}
.order_tab li {flex: 1;border-top: 1px solid #dcdcdc;border-bottom: 1px solid #765625;text-align: center;background-color: #f7f7f7;line-height: 40px;}
.order_tab li~li {border-left: 1px solid #dcdcdc;}
.order_tab li.active {position: relative;border: 1px solid #765625 !important;border-bottom: 0;background-color: #FFF;font-weight: bold;}
.order_tab li.active::before {position: absolute;content: '';bottom: -1px;left: 0;width: 100%;height: 1px;background-color: #FFF;}
.order_tab li:first-child {border-left: 1px solid #dcdcdc;}
.order_tab li:last-child {border-right: 1px solid #dcdcdc;}
.order_pro_percel{padding:5px;background:#f9f9f9;overflow:hidden}

/* 회원탈퇴 */
.secession_survay{position:relative;border:1px solid #dbdbdb;border-top:1px solid #444;margin-bottom:30px}
.secession_survay h5{padding:10px 20px;font-size:14px;background-color:#f3f3f3;border-bottom:1px solid #dbdbdb;color:#444;font-weight: bold;}
.secession_survay ul{overflow:hidden;width:480px;padding:20px 0 20px 25px}
.secession_survay li{width:240px;float:left;margin-bottom:11px;color:#666}
.secession_survay li input{margin:0 3px 0 0}
.secession_survay li.etc{position:absolute;top:52px;right:50px}
.secession_survay li textarea{width:265px;height:73px;margin-top:10px;background-color:#fafafa}
.secession_survay p{overflow:hidden;width:auto;padding:20px 25px;color:#666;line-height:18px}

/* 박스 */
.gradient_box{margin-bottom:27px;padding:12px 18px 15px;font-size:14px;border-top:1px solid #dcdcdc;background-color: #f7f7f7;}
.gradient_box input{margin-left:5px}
.gradient_box a {line-height: 30px; font-size: 14px; padding: 0 10px; margin-left: 10px; background-color: #343234; color: #FFF;}
.order_num{font-size:14px;font-weight:bold;position:relative;color:#222;letter-spacing:-0.01em}
.order_num a.btn{position:absolute;right:10px;top:10px}
.cancel_result{line-height:200%;text-align:Center;color:#222;font-size:12px;letter-spacing:-0.01em}
.cancel_result strong.big{font-size:16px;color:#000}

/* 나의 쿠폰함 */
.coupon_info{padding:20px;margin-top:50px;border: 1px solid #dcdcdc;background-color: #f7f7f7;}
.coupon_info li{line-height:24px;padding-left: 15px;position: relative;}
.coupon_info li::before{content: '';position: absolute;left: 0;top: 12px;width: 8px; height: 2px;background-color: #765625;}
.coupon_image{overflow:hidden}
/* 나의 주문내역 */
h5.myorder_title{position:relative}
h5.myorder_title a.btn{position:absolute;right:0;top:-5px}
.myorder_list {
    margin: 10px 0 0;
    border-top: 1px solid #444;
    border-bottom: 1px solid #dcdcdc;
}
.myorder_list .title {
    background: #f3f3f3;
    border-left: solid 1px #dbdbdb;
    border-right: solid 1px #dbdbdb;
    border-bottom: solid 1px #dbdbdb;
    overflow: hidden;
}
.myorder_list .title li {
    float: left;
    font-size: 14px;
    color: #222;
    line-height: 30px;
    display: inline;
    text-align: center;
}
.myorder_list .title li:nth-child(1) {
    width: 20%;
}
.myorder_list .title li:nth-child(2) {
    width: 40%;
}
.myorder_list .title li:nth-child(3) {
    width: 5%;
}
.myorder_list .title li:nth-child(4) {
    width: 10%;
}
.myorder_list .title li:nth-child(5) {
    width: 10%;
}
.myorder_list .title li:nth-child(6) {
    width: 15%;
}
.myorder_list .order_list {
    overflow: hidden;
}
.myorder_list .order_list~.order_list {
    border-top: 1px solid #dcdcdc;
}
.myorder_list .order_list li {
    float: left;
    display: inline;
    font-size: 14px;
    text-align: center;
    line-height: 80px;
    padding: 10px 0;
}
.myorder_list .order_list li img {
    width: 80px;
    height: 80px;
    margin-right: 10px;
}
.myorder_list .order_list li:nth-child(1) {
    width: 20%;
}

.myorder_list .order_list li:nth-child(2) {
    width: 40%;
    text-align: left;
    padding: 10px 0;
}

.myorder_list .order_list li:nth-child(3) {
    width: 5%;
}

.myorder_list .order_list li:nth-child(4) {
    width: 10%;
}

.myorder_list .order_list li:nth-child(5) {
    width: 10%;
}

.myorder_list .order_list li:nth-child(6) {
    width: 15%;
}
.myorder_list .order_list li .info {
    font-size: 13px;
    line-height: 24px;
    padding: 0 10px;
    color: #FFF;
    background-color: #999;
    border: #666;
}
.myorder_list .order_list li .cancel {
    font-size: 13px;
    line-height: 24px;
    padding: 0 10px;
    color: #FFF;
    background-color: #ca1818;
    border: #a51515;
}
.myorder_list .order_list li .order {
    font-size: 13px;
    line-height: 24px;
    padding: 0 10px;
    color: #FFF;
    background-color: #769f28;
    border: #62851e;
}
.myorder_list .order_list li .change {
    font-size: 13px;
    line-height: 24px;
    padding: 0 10px;
    color: #FFF;
    background-color: #e58a08;
    border: #bf770f;
}
.myorder_list .order_list li .recall {
    font-size: 13px;
    line-height: 24px;
    padding: 0 10px;
    color: #FFF;
    background-color: #af1daf;
    border: #7c137c;
}
.myorder_list .order_list li .nomber {
    font-size: 13px;
    line-height: 24px;
    padding: 0 10px;
    color: #FFF;
    background-color: #343234;
    border: #111;
}
.myorder_list ul li.none {
    text-align: center;
    font-size: 14px;
    display: block;
    line-height: 40px;
}

.myorder_list2 {
    margin: 10px 0 0;
    border-top: 1px solid #444;
    border-bottom: 1px solid #dcdcdc;
}

.myorder_list2 .title {
    background: #f3f3f3;
    border-left: solid 1px #dbdbdb;
    border-right: solid 1px #dbdbdb;
    border-bottom: solid 1px #dbdbdb;
    overflow: hidden;
}

.myorder_list2 .title li {
    float: left;
    font-size: 14px;
    color: #222;
    line-height: 30px;
    display: inline;
    text-align: center;
}

.myorder_list2 .title li:nth-child(1) {
    width: 60%;
}

.myorder_list2 .title li:nth-child(2) {
    width: 5%;
}

.myorder_list2 .title li:nth-child(3) {
    width: 10%;
}

.myorder_list2 .title li:nth-child(4) {
    width: 10%;
}

.myorder_list2 .title li:nth-child(5) {
    width: 15%;
}

.myorder_list2 .order_list {
    overflow: hidden;
}

.myorder_list2 .order_list~.order_list {
    border-top: 1px solid #dcdcdc;
}

.myorder_list2 .order_list li {
    float: left;
    display: inline;
    font-size: 14px;
    text-align: center;
    line-height: 80px;
    padding: 10px 0;
}

.myorder_list2 .order_list li img {
    width: 80px;
    height: 80px;
    margin-right: 10px;
}

.myorder_list2 .order_list li:nth-child(1) {
    width: 60%;
    text-align: left;
    padding: 10px 0;
}

.myorder_list2 .order_list li:nth-child(2) {
    width: 5%;
}

.myorder_list2 .order_list li:nth-child(3) {
    width: 10%;
}

.myorder_list2 .order_list li:nth-child(4) {
    width: 10%;
}

.myorder_list2 .order_list li:nth-child(5) {
    width: 15%;
}

.myorder_list2 .order_list li .info {
    font-size: 13px;
    line-height: 24px;
    padding: 0 10px;
    color: #FFF;
    background-color: #999;
    border: #666;
}
.myorder_list2 .order_list li a {
    font-size: 13px;
    line-height: 24px;
}
.myorder_list2 .order_list li .cancel {
    padding: 0 10px;
    color: #FFF;
    background-color: #ca1818;
    border: #a51515;
}

.myorder_list2 .order_list li .order {
    padding: 0 10px;
    color: #FFF;
    background-color: #769f28;
    border: #62851e;
}

.myorder_list2 .order_list li .change {
    padding: 0 10px;
    color: #FFF;
    background-color: #e58a08;
    border: #bf770f;
}

.myorder_list2 .order_list li .recall {
    padding: 0 10px;
    color: #FFF;
    background-color: #af1daf;
    border: #7c137c;
}

.myorder_list3 {
    margin: 10px 0 0;
    border-top: 1px solid #444;
    border-bottom: 1px solid #dcdcdc;
}

.myorder_list3 .title {
    background: #f3f3f3;
    border-left: solid 1px #dbdbdb;
    border-right: solid 1px #dbdbdb;
    border-bottom: solid 1px #dbdbdb;
    overflow: hidden;
}

.myorder_list3 .title li {
    float: left;
    font-size: 14px;
    color: #222;
    line-height: 30px;
    display: inline;
    text-align: center;
}

.myorder_list3 .title li:nth-child(1) {
    width: 5%;
}
.myorder_list3 .title li:nth-child(1) input {
    margin-top: 9px;
}

.myorder_list3 .title li:nth-child(2) {
    width: 60%;
}

.myorder_list3 .title li:nth-child(3) {
    width: 20%;
}

.myorder_list3 .title li:nth-child(4) {
    width: 5%;
}

.myorder_list3 .title li:nth-child(5) {
    width: 10%;
}

.myorder_list3 .order_list {
    overflow: hidden;
}

.myorder_list3 .order_list~.order_list {
    border-top: 1px solid #dcdcdc;
}

.myorder_list3 .order_list li {
    float: left;
    display: inline;
    font-size: 14px;
    text-align: center;
    line-height: 80px;
    padding: 10px 0;
}

.myorder_list3 .order_list li img {
    width: 80px;
    height: 80px;
    margin-right: 10px;
}
.myorder_list3 .order_list li:nth-child(1) {
    width: 5%;
}
.myorder_list3 .order_list li:nth-child(1) input {
    margin-top: 32px;
}
.myorder_list3 .order_list li:nth-child(2) {
    width: 60%;
    text-align: left;
    padding: 10px 0;
}

.myorder_list3 .order_list li:nth-child(3) {
    width: 20%;
}

.myorder_list3 .order_list li:nth-child(4) {
    width: 5%;
}

.myorder_list3 .order_list li:nth-child(5) {
    width: 10%;
}
.myorder_list3 .order_list li:nth-child(5) select {
    margin-top: 32px;
}

.myorder_list3 .order_list li .info {
    font-size: 13px;
    line-height: 24px;
    padding: 0 10px;
    color: #FFF;
    background-color: #999;
    border: #666;
}

.myorder_list3 .order_list li a {
    font-size: 13px;
    line-height: 24px;
}

.myorder_list3 .order_list li .cancel {
    padding: 0 10px;
    color: #FFF;
    background-color: #ca1818;
    border: #a51515;
}

.myorder_list3 .order_list li .order {
    padding: 0 10px;
    color: #FFF;
    background-color: #769f28;
    border: #62851e;
}

.myorder_list3 .order_list li .change {
    padding: 0 10px;
    color: #FFF;
    background-color: #e58a08;
    border: #bf770f;
}

.myorder_list3.order_list li .recall {
    padding: 0 10px;
    color: #FFF;
    background-color: #af1daf;
    border: #7c137c;
}

.oredr_info_reconfirm {
    overflow: hidden;
    margin: 40px 0 0
}

.oredr_info_reconfirm>div {
    float: left;
    width: 49%;
}
.oredr_info_reconfirm>div:last-child {
    margin-left: 2%;
}

/* 주문상세내역 */
.table_hor tbody td.refund strong{color:#ca1818}
.table_hor tbody td textarea[name='memo'] {width: 100%;}

/* 주문취소 안내 */
.claim_info{padding:0 20px 25px;border-bottom:solid 1px #ccc}
.claim_info h2{margin-bottom:10px}

/* 부분취소 */
div.reason{border:solid 4px #ddd;padding:15px;margin-top:10px;background-color: #f7f7f7;}
div.reason textarea{width:100%;display:block;margin-top:10px;font-size: 14px;padding: 10px;}
div.reason select{height: 30px;}
div.reason strong{color:#444}
.refund_box{overflow:hidden;margin:10px 0 0}
.refund_box .refund_table_left{width:48%;float:left}
.refund_box .refund_table_right{width:48%;float:right}

.refund_table_left table{border-top:1px solid #444}
.refund_table_left tbody th{background:#f3f3f3;font-size:11px;text-align:left;font-weight:normal;padding:8px 15px 7px;color:#444;border-bottom:solid 1px #dbdbdb;border-right:solid 1px #dbdbdb}
.refund_table_left tbody td{text-align:right;padding:8px 15px 7px;color:#444;border-bottom:solid 1px #dbdbdb;line-height:16px;font-size:12px}

.refund_table_right table{border-top:1px solid #444}
.refund_table_right tbody th{background:#444;font-size:11px;text-align:left;font-weight:bold;padding:8px 15px 7px;color:#fff;border-bottom:solid 1px #dbdbdb;border-right:solid 1px #dbdbdb}
.refund_table_right tbody td{text-align:right;padding:8px 15px 7px;color:#444;border-bottom:solid 1px #dbdbdb;line-height:16px;font-size:12px;font-weight:bold}
.refund_table_right tbody td span.total{font-size:14px}

td.bank_name{background:#f6f6f6;color:#444;border-right:solid 1px #dbdbdb}

div.cancel_box{background:#f4f4f4;padding:5px;margin-top:50px}
div.cancel_box div.cancel_info{border:solid 1px #ccc;background:#fff;padding:30px}
div.cancel_box div.cancel_info h5 {
    font-size: 18px;
    font-weight: bold;
    color: #111;
}
div.cancel_box div.cancel_info>div {
    font-size: 16px;
    color: #343234;
}

/*  환불계좌관리 */
table td.refund_bank img{vertical-align:middle;margin-right:5px}
.bt_search {line-height: 30px; font-size: 14px; color: #FFF;background-color: #000;padding: 0 10px;}

.table_frame {
    width: 100%;
    border-top: 1px solid #444;
    border-bottom: solid 1px #dbdbdb;
    margin-top: 10px;
}

.table_frame .title {
    overflow: hidden;
    background: #f3f3f3;
}

.table_frame .title li {
    float: left;
    font-size: 14px;
    text-align: center;
    line-height: 40px;
    color: #343234;
}

.table_frame .order_list {
    overflow: hidden;
}

.table_frame .order_list li {
    float: left;
    font-size: 14px;
    text-align: center;
    line-height: 40px;
}

.table_frame .title li:nth-child(1) {
    width: 10%;
}

.table_frame .title li:nth-child(2) {
    width: 20%;
}

.table_frame .title li:nth-child(3) {
    width: 40%;
}

.table_frame .title li:nth-child(4) {
    width: 10%;
}

.table_frame .title li:nth-child(5) {
    width: 10%;
}

.table_frame .title li:nth-child(6) {
    width: 10%;
}

.table_frame .order_list li:nth-child(1) {
    width: 10%;
}

.table_frame .order_list li:nth-child(2) {
    width: 20%;
}

.table_frame .order_list li:nth-child(3) {
    width: 40%;
    padding-left: 10px;
    text-align: left;
    font-weight: bold;
}

.table_frame .order_list li:nth-child(4) {
    width: 10%;
}

.table_frame .order_list li:nth-child(5) {
    width: 10%;
}

.table_frame .order_list li:nth-child(6) {
    width: 10%;
}

.table_frame .order_list li a {
    background-color:#666;
    display: inline-block;
    line-height: 30px;
    padding: 0 10px;
    color: #FFF;
}

.table_frame ul li.none {
    width: 100%;
    font-size: 14px;
    text-align: center;
    line-height: 40px;
}

.table_frame .order_list~.order_list {
    border-top: 1px solid #dcdcdc;
}

.table_ask {
    width: 100%;
    border-top: 1px solid #444;
    border-bottom: solid 1px #dbdbdb;
    margin-top: 10px;
}

.table_ask .title {
    overflow: hidden;
    background: #f3f3f3;
}

.table_ask .title li {
    float: left;
    font-size: 14px;
    text-align: center;
    line-height: 40px;
    color: #343234;
}

.table_ask .list {
    overflow: hidden;
}

.table_ask .list li {
    float: left;
    font-size: 14px;
    text-align: center;
    line-height: 40px;
}

.table_ask .title li:nth-child(1) {
    width: 15%;
}

.table_ask .title li:nth-child(2) {
    width: 55%;
}

.table_ask .title li:nth-child(3) {
    width: 15%;
}

.table_ask .title li:nth-child(4) {
    width: 15%;
}

.table_ask .list li:nth-child(1) {
    width: 15%;
}

.table_ask .list li:nth-child(2) {
    width: 55%;
    padding-left: 10px;
    text-align: left;
    font-weight: bold;
}

.table_ask .list li:nth-child(3) {
    width: 15%;
}

.table_ask .list li:nth-child(4) {
    width: 15%;
}

.table_ask .list~.list {
    border-top: 1px solid #dcdcdc;
}

.table_ask ul li.none {
    width: 100%;
    font-size: 14px;
    text-align: center;
    line-height: 40px;
}

.table_kip {
    width: 100%;
    border-top: 1px solid #444;
    border-bottom: solid 1px #dbdbdb;
    margin-top: 10px;
}

.table_kip .title {
    overflow: hidden;
    background: #f3f3f3;
}

.table_kip .title li {
    float: left;
    font-size: 14px;
    text-align: center;
    line-height: 40px;
    color: #343234;
}

.table_kip .list {
    overflow: hidden;
}

.table_kip .list li {
    float: left;
    font-size: 14px;
    text-align: center;
    line-height: 80px;
    padding: 10px 0;
}

.table_kip .title li:nth-child(1) {
    width: 55%;
}

.table_kip .title li:nth-child(2) {
    width: 12%;
}

.table_kip .title li:nth-child(3) {
    width: 12%;
}

.table_kip .title li:nth-child(4) {
    width: 21%;
}

.table_kip .list li:nth-child(1) {
    width: 55%;
    text-align: left;
    font-weight: bold;
}
.table_kip .list li:nth-child(1) img {
    width: 80px;
    margin-right: 10px;
}

.table_kip .list li:nth-child(2) {
    width: 12%;
}

.table_kip .list li:nth-child(3) {
    width: 12%;
}

.table_kip .list li:nth-child(4) {
    width: 21%;
}

.table_kip .list~.list {
    border-top: 1px solid #dcdcdc;
}

.table_kip ul.none li {
    width: 100%;
    font-size: 14px;
    text-align: center;
    line-height: 40px;
}

.table_kip .list li button {
    height: 30px;
    padding: 0 20px 0 10px;
    border: 1px solid #dcdcdc;
    position: relative;
}

.table_kip .list li button::before {
    content: '▶';
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 8px;
    color: #a51515;
}

.order_kip {
    margin: 10px 0 0;
    border-top: 1px solid #444;
    border-bottom: 1px solid #dcdcdc;
}

.order_kip ul.title {
    background: #f3f3f3;
    border-left: solid 1px #dbdbdb;
    border-right: solid 1px #dbdbdb;
    border-bottom: solid 1px #dbdbdb;
    overflow: hidden;
}

.order_kip ul.title li {
    display: inline;
    font-weight: normal;
    padding: 9px 0 7px;
    color: #444;
    text-align: center;
    float: left;
}

.order_kip ul.list {
    display: block;
    overflow: hidden;
    padding: 10px 0;
}

.order_kip ul.list li {
    text-align: center;
    float: left;
}

.order_kip ul.title li:nth-child(1) {
    width: 5%;
}

.order_kip ul.title li:nth-child(2) {
    width: 65%;
}

.order_kip ul.title li:nth-child(3) {
    width: 10%;
}

.order_kip ul.title li:nth-child(4) {
    width: 10%;
}

.order_kip ul.title li:nth-child(5) {
    width: 10%;
}

.order_kip ul.list li:nth-child(1) {
    width: 5%;
    line-height: 80px;
}

.order_kip ul.list li:nth-child(2) {
    width: 65%;
    text-align: left;
    line-height: 80px;
}

.order_kip ul.list li:nth-child(3) {
    width: 10%;
    line-height: 80px;
}

.order_kip ul.list li:nth-child(4) {
    width: 10%;
    line-height: 80px;
}

.order_kip ul.list li:nth-child(5) {
    width: 10%;
    line-height: 80px;
}

.order_kip ul.list li:nth-child(5) button {
    line-height: 30px;
    padding: 0 20px 0 10px;
    border: 1px solid #dcdcdc;
    position: relative;
}

.order_kip .list li button::before {
    content: '▶';
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 8px;
    color: #a51515;
}

.order_kip ul.list li.product {
    overflow: hidden;
}

.order_kip ul.list li img {
    float: left;
    display: inline;
    margin-right: 10px;
}

.order_kip ul.list li span {
    float: left;
    display: inline;
}

.order_kip ul.list~ul.list {
    border-top: 1px solid #dcdcdc;
}

.order_kip ul.list li.none {
    width: 100%;
}

.cc_list_table {
    display: block;
    border-bottom: solid 1px #dbdbdb;
}

.cc_list_table ul.title {
    background: #f3f3f3;
    border-top: solid 1px #dbdbdb;
    overflow: hidden;
}

.cc_list_table ul.title li {
    font-size: 14px;
    color: #444;
    float: left;
    text-align: center;
    line-height: 40px;
}

.cc_list_table ul li:nth-child(1) {
    width: 10%;
}
.cc_list_table ul li:nth-child(2) {
    width: 20%;
}
.cc_list_table ul li:nth-child(3) {
    width: 10%;
}
.cc_list_table ul li:nth-child(4) {
    width: 10%;
}
.cc_list_table ul li:nth-child(5) {
    width: 10%;
}
.cc_list_table ul li:nth-child(6) {
    width: 20%;
}
.cc_list_table ul li:nth-child(7) {
    width: 10%;
}
.cc_list_table ul li:nth-child(8) {
    width: 10%;
}

.cc_list_table ul.list {
    font-size: 14px;
    overflow: hidden;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.cc_list_table ul.list li {
    float: left;
    line-height: 40px;
    text-align: center;
    
}

.cc_list_table ul~ul {
    border-top: 1px solid #dcdcdc;
}

@media (max-width: 500px) {
    .gradient_box {
        font-size: 16px;
    }
    
    .rounding_box ul li a {
        display: block;
        line-height: 40px;
        font-size: 18px;
        text-align: center;
        margin-top: 10px;
    }

    .gradient_box p input {
        height: 40px;
        width: 130px;
        margin-left: 0;
        font-size: 16px;
    }

    .gradient_box a {
        background-color: #343234;
        display: block;
        line-height: 40px;
        text-align: center;
        font-size: 16px;
        margin-top: 10px;
        margin-left: 0;
    }
    .bt_search {
        font-size: 16px;
        line-height: 40px;
        margin-top: 10px;
        width: 100%;
        text-align: center;
    }

    .bul_red_arrow a {
        font-size: 16px;
        display: inline-block;
        padding: 0 30px 0 10px;
    }

    .myorder_list .title {
        display: none;
    }

    .myorder_list .order_list li {
        font-size: 16px;
        line-height: normal;
    }

    .myorder_list .order_list li:nth-child(1) {
        width: 30%;
    }
    .myorder_list .order_list li:nth-child(2) {
        width: 70%;
    }
    .myorder_list .order_list li:nth-child(2) a {
        overflow: hidden;
    }
    .myorder_list .order_list li:nth-child(2) img,.myorder_list .order_list li:nth-child(2) span {
        float: left;
    }
    .myorder_list .order_list li:nth-child(3) {
        line-height: 40px;
        width: 5%;
    }
    .myorder_list .order_list li:nth-child(4) {
        line-height: 40px;
        width: 25%;
    }
    .myorder_list .order_list li:nth-child(5) {
        line-height: 40px;
        width: 25%;
    }
    .myorder_list .order_list li:nth-child(6) {
        width: 45%;
        line-height: 40px;
    }
    .myorder_list .order_list li .info,.myorder_list .order_list li .cancel {
        line-height: 40px;
        font-size: 16px;
    }

    .myorder_list2 .title {
        display: none;
    }
    .myorder_list2 .order_list li {
        font-size: 16px;
        line-height: normal;
    }
    .myorder_list2 .order_list li:nth-child(1) {
        width: 72%;
    }
    .myorder_list2 .order_list li:nth-child(2) {
        width: 28%;
        position: relative;
        line-height: 80px;
    }
    .myorder_list2 .order_list li:nth-child(2)::before {
        content: '수량 :';
        position: absolute;
        padding: 20px;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
    }
    .myorder_list2 .order_list li:nth-child(3) {
        width: 25%;
        line-height: 40px;
    }
    .myorder_list2 .order_list li:nth-child(4) {
        width: 25%;
        line-height: 40px;
    }
    .myorder_list2 .order_list li:nth-child(5) {
        width: 50%;
        line-height: 40px;
    }
    .myorder_list2 .order_list li a {
        line-height: 40px;
        font-size: 16px;
    }
    .oredr_info_reconfirm>div {
        float: none;
        width: 100%;
    }
    .oredr_info_reconfirm>div:last-child {
        margin-left: 0;
        margin-top: 40px;
    }
    .table_hor tbody td input {
        font-size: 16px;
    }
    .table_hor tbody tr input {
        height: 40px;
    }
    .table_hor tbody tr:nth-child(3) input,.table_hor tbody tr:nth-child(4) input {
        width: 80px;
    }

    .myorder_list3 .title {
        display: none;
    }
    .myorder_list3 .order_list li {
        font-size: 16px;
        line-height: normal;
    }
    .myorder_list3 .order_list li:nth-child(1) {
        width: 5%;
    }
    .myorder_list3 .order_list li:nth-child(2) {
        width: 95%;
        line-height: 80px;
    }
    .myorder_list3 .order_list li:nth-child(3) {
        width: 40%;
        line-height: 40px;
    }
    
    .myorder_list3 .order_list li:nth-child(4)::before {
        content: '수량 :';
        position: absolute;
        padding-left: 10px;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
    }
    .myorder_list3 .order_list li:nth-child(4) {
        width: 30%;
        line-height: 40px;
        position: relative;
    }
    .myorder_list3 .order_list li:nth-child(5) {
        width: 30%;
        line-height: 40px;
    }
    .myorder_list3 .order_list li:nth-child(5) select {
        height: 40px;
        margin-top: 0;
        font-size: 16px;
        padding-left: 10px;
    }
    .myorder_list3 .order_list li span {
        font-size: 16px;
    }

    div.reason {
        font-size: 16px;
    }
    div.reason select {
        font-size: 16px;
        height: 40px;
    }
    div.reason textarea {
        font-size: 16px;
    }
    .myorder_list ul li.none {
        font-size: 16px;
    }
    .my_quick ul {
        display: block;
    }
    .my_quick ul li {
        flex: none;
        width: 100%;
    }
    .my_quick ul li~li {
        margin-top: 20px;
        margin-left: 0;
    }

    .my_quick ul li h5 {
        font-size: 18px;
    }

    .my_quick ul li span {
        font-size: 16px;
    }

    .table_frame .title {
        display: none;
    }

    .table_frame .order_list li {
        font-size: 16px;
    }

    .table_frame .order_list li:nth-child(1) {
        width: 100%;
        background-color: #f7f7f7;
    }

    .table_frame .order_list li:nth-child(2) {
        width: 30%;
    }

    .table_frame .order_list li:nth-child(3) {
        width: 70%;
        line-height: 24px;
        padding: 8px;
    }

    .table_frame .order_list li:nth-child(4) {
        width: 33.3333%;
    }

    .table_frame .order_list li:nth-child(5) {
        width: 33.3333%;
    }

    .table_frame .order_list li:nth-child(6) {
        width: 33.3333%;
    }

    .table_ask .title {
        display: none;
    }

    .table_ask .list li {
        font-size: 16px;
    }

    .table_ask .list li:nth-child(1) {
        width: 20%;
        text-align: left;
        padding-left: 10px;
    }

    .table_ask .list li:nth-child(2) {
        width: 80%;
        padding: 8px;
        line-height: 24px;
    }

    .table_ask .list li:nth-child(3) {
        width: auto;
        padding-left: 10px;
    }

    .table_ask .list li:nth-child(4) {
        width: auto;
        float: right;
        padding-right: 10px;
    }

    .table_kip .title {
        display: none;
    }

    .table_kip .list li {
        font-size: 16px;
    }

    .table_kip .list li:nth-child(1) {
        width: 100%;
    }

    .table_kip .list li:nth-child(2) {
        width: 25%;
        line-height: 40px;
    }

    .table_kip .list li:nth-child(3) {
        width: 25%;
        line-height: 40px;
    }

    .table_kip .list li:nth-child(4) {
        width: 50%;
        line-height: 40px;
    }

    .table_kip .list li button {
        font-size: 16px;
    }

    .table_kip .list li button::before {
        content: '▶';
        position: absolute;
        right: 8px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 8px;
        color: #a51515;
    }

    .refund_box .refund_table_left {
        width: 100%;
        float: none;
    }

    .refund_box .refund_table_right {
        width: 100%;
        float: none;
        margin-top: 20px;
    }

    .refund_table_left tbody th, .refund_table_left tbody td, .refund_table_right tbody th, .refund_table_right tbody td {
        font-size: 16px;
    }

    .refund_table_left table colgroup {
        display: none;
    }

    .refund_table_left tbody th, .refund_table_right tbody th {
        width: 150px;
    }

    .table_hor tbody tr input[name='refundAccount'] {
        width: 100%;
    }

    .table_hor tbody tr input[name='refundDepositor'] {
        width: 100%;
    }

    .order_kip ul.title {
        display: none;
    }

    .order_kip ul.list {
        display: block;
        overflow: hidden;
        padding: 10px 0;
        font-size: 16px;
    }

    .order_kip ul.list li:nth-child(1) {
        width: 10%;
        line-height: 80px;
    }

    .order_kip ul.list li:nth-child(2) {
        width: 90%;
        text-align: left;
        line-height: 80px;
    }

    .order_kip ul.list li:nth-child(3) {
        width: 30%;
        line-height: 40px;
    }

    .order_kip ul.list li:nth-child(4) {
        width: 30%;
        line-height: 40px;
    }

    .order_kip ul.list li:nth-child(5) {
        width: 40%;
        line-height: 40px;
    }

    .order_kip ul.list li:nth-child(5) button {
        line-height: 40px;
    }

    .order_kip ul.list li:nth-child(5) button {
        font-size: 16px;
    }

    .cc_list_table ul.title {
        display: none;
    }
    .cc_list_table ul.list {
        display: block;
    }

    .cc_list_table ul.list li {
        font-size: 16px;
        line-height: 40px;
        position: relative;
    }

    .cc_list_table ul li:nth-child(1) {
        width: 50%;
        background-color: #f3f3f3;
        padding-left: 10px;
        text-align: left;
    }

    .cc_list_table ul li:nth-child(2) {
        width: 50%;
        background-color: #f3f3f3;
        padding-right: 10px;
        text-align: right;
    }

    .cc_list_table ul li:nth-child(3) {
        width: 33.3333%;
        text-align: left;
        padding-left: 12%;
    }

    .cc_list_table ul li:nth-child(3)::before {
        content: '적립 :';
        position: absolute;
        left: 10px;
        top: 0;
        font-size: 16px;
    }

    .cc_list_table ul li:nth-child(4) {
        width: 33.3333%;
        text-align: left;
        padding-left: 12%;
    }

    .cc_list_table ul li:nth-child(4)::before {
        content: '사용 :';
        position: absolute;
        left: 10px;
        top: 0;
        font-size: 16px;
        color: #6a6a6a;
        font-weight: 400;
    }

    .cc_list_table ul li:nth-child(5) {
        width: 33.3333%;
        text-align: left;
        padding-left: 12%;
    }

    .cc_list_table ul li:nth-child(5)::before {
        content: '잔여 :';
        position: absolute;
        left: 10px;
        top: 0;
        font-size: 16px;
    }

    .cc_list_table ul li:nth-child(6) {
        width: 50%;
        text-align: left;
        padding-left: 20%;
        height: 40px;
    }
    .cc_list_table ul li:nth-child(6)::before {
        content: '주문번호 :';
        position: absolute;
        left: 10px;
        top: 0;
        font-size: 16px;
    }
        
    .cc_list_table ul li:nth-child(7) {
        width: 50%;
        text-align: left;
        padding-left: 20%;
    }

    .cc_list_table ul li:nth-child(7)::before {
        content: '유효기간 :';
        position: absolute;
        left: 10px;
        top: 0;
        font-size: 16px;
    }

    .cc_list_table ul li:nth-child(8) {
        width: 100%;
        padding-left: 20%;
        text-align: left;
        display: flex;
    }

    .cc_list_table ul li:nth-child(8)::before {
        content: '사용유무 :';
        position: absolute;
        left: 10px;
        top: 0;
        font-size: 16px;
    }



}