/**************************************** 주문/배송조회 ****************************************/

.order_box .inquiry_box{margin-top: 20px;padding: 25px 20px;}
.order_box .inquiry_box ul{display: flex;justify-content: space-between;}
.order_box .inquiry_box ul li{display: flex;margin: auto;}
.order_box .inquiry_box ul li i{margin: 35px 0 0 90px;color: #ddd;font-size: 40px;}
.order_box .inquiry_box ul li .order_list{text-align: center;}
.order_box .inquiry_box ul li .order_list img{width: 40px;}
.order_box .inquiry_box ul li .order_list .order_name{display:block;font-size:20px;margin-top: 7px;}
.order_box .inquiry_box ul li .order_list .order_content{}
.order_box .inquiry_box ul li .order_list .order_num{font-size:23px;color: var(--color-point);display: inline-block;font-weight: 600;margin-right: 3px;}

.order_box .period{border: 1px solid #ddd;box-sizing: border-box;border-radius: 5px;margin-top: 20px; display: flex;padding: 15px;position: relative;}
.order_box .period span{margin-right: 20px;font-weight: 700;line-height: 30px;letter-spacing: -.48px;}
.order_box .period .date_wrap{display:flex;justify-content: space-between;width:100%}
.order_box .period .date_wrap .myorder{display:none}

.order_box .period .date_box input[type="date"]{border: 1px solid #e5e5e5;border-radius: 5px;background: #fff;color: #222;font-size: 14px;   font-weight: 400;}
.order_box .period .date_box{margin-right:86px}

.order_box .period .inquiry_tit{display: inline-block;position: absolute;top: 0;right: 0;width: 85px;height: 100%;background: var(--color-point);  border-radius: 0 5px 5px 0;color: #fff;font-size: 14px;line-height: 22px;text-align: center;}
.order_box .period ul{display: flex;}
.order_box .period ul li .order_month{height: 28px;padding: 0 15px;border: 1px solid #e5e5e5; border-radius: 5px; background: #fff; color: #222;font-size: 13px;font-weight: 400;margin-left: 4px;}

.order_box .details{padding-top:30px;}
.order_box .details .details_table{width: 100%;border-top: 2px solid #d6d6d6;border-bottom: 1px solid #e6e6e6;}
.order_box .details .details_table tr th {padding: 11px 0 10px;background: #fafafa;color: #666;}

.order_box .details .details_table tr td{padding: 17px 5px;text-align: center;border-top: 1px solid #e6e6e6;border-right: 1px solid #e6e6e6;text-align:center;}
.order_box .details .details_table tr td .o_data{font-size: 15px;font-weight: 600;display: block;margin-bottom: 7px;}
.order_box .details .details_table tr td .o_see{height: 22px;padding: 0 5px;border: 1px solid #e5e5e5;border-radius: 5px;background: #fff;font-size: 13px;display: inline-block;line-height: 20px;}
.order_box .details .details_table tr td .o_see:hover{background: #919197;color: #fff;}
.order_box .details .details_table tr td .order_product{}
.order_box .details .details_table tr td .order_product a{display: block;}
.order_box .details .details_table tr td .order_product a .o_name{}
.order_box .details .details_table tr td .order_product a .o_num{font-weight: 600;}
.order_box .details .details_table tr .o_quantity{}
.order_box .details .details_table tr td .o_amount{color: #f11e1e;}
.order_box .details .details_table tr td .n_name{font-size: 13px;margin-top: 3px;}
.order_box .details .details_table tr td .n_name .n_amount{color: #f11e1e;}

.order_box .details .details_table tr td .order_down a{height: 22px;padding: 0 5px;border-radius: 5px;font-size: 13px;display: block;width:102px;margin: 6px auto;color: #fff;line-height: 24px;}
.order_box .details .details_table tr td .order_down .o_dowmbox1{background:var(--color-sub);}
.order_box .details .details_table tr td .order_down .o_dowmbox2{background:var(--color-point);}
.order_box .details .details_table tr td .order_down .o_dowmbox3{background:#3669af;}
.order_box .details .details_table tr td .o_inquiry{color:var(--color-point);}


/** 주문상세 **/
.d_infor .d_day{margin-top: 20px;border: 1px solid #cecfce;border-radius: 5px;padding: 15px;position:relative;}
.d_infor .d_day li {display:inline-block;}
.d_infor .d_day li span{display:inline-block;color:#888;width:80px;text-align:right;padding-right:10px}
.d_infor .d_day .d_down{position:absolute;right:10px;top:10px;}

.d_infor .d_estimate{padding-top: 5px;}
.d_infor .d_estimate .d_table{width: 100%;border-top: 2px solid #d6d6d6;border-bottom: 1px solid #e6e6e6;}
.d_infor .d_estimate .d_table tr th{padding: 11px 0 10px;background: #fafafa;color: #666;}
.d_infor .d_estimate .d_table tr td{padding: 5px;border-top: 1px solid #e6e6e6;border-right: 1px solid #e6e6e6;text-align: center;}
.d_infor .d_estimate .d_table tr input[type="checkbox"]{accent-color:green;}
.d_infor .d_estimate .d_table tr:hover{background:#fdf9f4;}
.d_infor .d_estimate .d_table tr .d_pass .d_in{color:var(--color-point);}
.d_infor .d_estimate .d_table tr .d_pass .d_out{color:var(--color-sub2);}


.d_infor .d_estimate .d_table tr td .d_goodsbox{display:flex;margin-left: 10px;}
.d_infor .d_estimate .d_table tr td .d_imgbox{position:relative;width:50px;}
.d_infor .d_estimate .d_table tr td .d_imgbox:after{content:'';display:block;padding-bottom:100%}
.d_infor .d_estimate .d_table tr td .d_imgbox .d_box{position:absolute;left:0px;top:0px;width:100%;height:100%}
.d_infor .d_estimate .d_table tr td .d_imgbox .d_box img{width:100%; height:100%}
.d_infor .d_estimate .d_table tr td .d_goods{text-align:left;padding-left: 10px;width:240px;}
.d_infor .d_estimate .d_table tr td .d_goods .goods_name{display: block;font-weight: 500; margin: 5px 0 5px 0;overflow: hidden;text-overflow: ellipsis;
 white-space: nowrap;}
.d_infor .d_estimate .d_table tr td .d_goods .goods_com{display: block;color: #999;font-size: 13px;}


.d_infor .d_estimate .d_table tr td .d_price{}
.d_infor .d_estimate .d_table tr .d_delivery{color:var(--color-sub);font-weight:500;}
.d_infor .d_estimate .d_table tr td .d_ask{height: 22px;padding: 0 5px;border: 1px solid #e5e5e5; border-radius: 5px;font-size: 13px;display: inline-block;
line-height: 20px;}


.d_infor .d_button{display:flex;justify-content: space-between;margin-top: 30px;}
.d_infor .d_button .d_put{border-radius: 5px;border: 1px solid var(--color-point);padding: 5px 10px;color: var(--color-point);}
.d_infor .d_button .d_put:hover{background:var(--color-point);color:#fff}
.d_infor .d_button .d_down1, .d_down2, .d_down3{display:inline-block;border-radius: 5px;padding: 5px 7px;color:#fff;margin-left: 3px;}
.d_infor .d_button .d_down1{background: var(--color-sub);}
.d_infor .d_button .d_down2{background: var(--color-point);}
.d_infor .d_button .d_down3{background: #3669af;}

.d_infor .d_sum{margin-top: 20px;border: 1px solid #ddd;box-sizing: border-box;border-radius: 5px;padding: 15px;}

.d_infor .d_addres{margin-top:40px;}
.d_infor .d_infodeco{font-size:20px;margin-bottom: 20px;display: block;}
.d_infor .d_addres .addres_box{border-top: 2px solid var(--color-point);}
.d_infor .d_addres .addres_box ul{margin-top: 20px;}
.d_infor .d_addres .addres_box ul li{display: flex;font-size: 16px;margin-bottom: 5px;}
.d_infor .d_addres .addres_box ul li span{width: 100px;margin-bottom: 5px;}
.d_infor .d_addres .addres_box ul li .d_deco{display: inline-block;margin-left: 30px;font-weight: 500;}

.d_infor .d_pay {margin-top:40px}
.d_infor .d_pay .d_paybox ul{display:flex;padding: 50px 0;border: 1px solid #efefef;border-top: 2px solid var(--color-point);border-bottom: 0;justify-content: space-around;text-align: center;}
.d_infor .d_pay .d_paybox ul li{}
.d_infor .d_pay .d_paybox ul li .pay_means{color: #666;font-size: 16px;line-height: 22px;font-weight: 700;margin-bottom: 3px;}
.d_infor .d_pay .d_paybox ul li .pay_tit{color: #666666; font-size: 24px; line-height: 30px; font-weight: 700;}

.d_infor .d_amount{padding: 20px 50px 27px 0; border-top: 2px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;background: #f6f6f6;  text-align: right;}
.d_infor .d_amount strong{display: inline-block;margin: 0 0 0 15px;font-size: 22px;line-height: 28px;vertical-align: middle;font-weight: 700;}
.d_infor .d_amount p{display: inline-block;margin: 0 0 0 18px;color: #ff2828;font-size: 24px; line-height: 32px;vertical-align: -3px;
 font-weight: 700;}

.d_infor .d_listbox{text-align: center;padding: 40px 0;}	
.d_infor .d_listbox a{font-size: 20px;border-radius: 5px; display: block;width: 150px; margin: auto;padding: 11px 0px;border:1px solid var(--color-point);color:var(--color-point);}	
.d_infor .d_listbox a:hover{background:var(--color-point);color:#fff;}	

/****************** 나의활동보기 ***********************/
.sub_title {position:relative;}
.sort_list {position:absolute;right:0px;top:0px;font-weight:400;font-size:0px}
.sort_list li.on a{color:var(--color-point);}
.sort_list li{display:inline-block}
.sort_list li:after{content:'|';color:#ccc;display:inline-block;font-size:17px;font-weight:100;}
.sort_list li:last-child:after{content:'';color:#fff;}
.sort_list li a{display:inline-block;padding:5px 10px;font-size:17px;}


.comment_box.mypage {border-top:1px solid #333;margin-top:10px;}
.comment_box.mypage .comment_con dd h5 a{color:#999;padding-bottom:10px;font-weight:400}
.comment_box.mypage .comment_con dd p{font-size:15px}











/******************************************************* 회원정보수정 *********************************************************/


.member_edit {float:left;width:50%}
.member_edit li{padding-bottom:10px;display:flex;gap:5px;min-height:40px;line-height:40px;}
.member_edit li .tit{font-size:14px;width:150px;}
.member_edit li .tit span{color:red}
.member_edit li .txt{color:#777;font-size:14px;width:260px}
.member_edit li .txt2{width:100px}


.member_edit input[type="text"]:focus,
.member_edit input[type="password"]:focus,.member_edit select:focus {border:1px solid #333}

.member_edit input[type="text"], 
.member_edit input[type="password"], 
.member_edit select  {  height: 40px;    width: 100%;
    padding: 0 10px;    line-height: 40px;    border-radius: 4px;    border: 1px solid #dbdbdb;    background-color: #fff;    color: #424242;    font-size: 15px;}

.member_edit #timer {border:none;box-shadow:none;width:60px;line-height:20px;height:20px;color:red;background-color:#fff}
.member_edit .help {line-height:1.4}
.member_edit .box:after {clear:both;content:'';display:block}
.member_edit .box {display:flex;align-items:center;justify-content: space-between;}
.member_edit .box.tell {display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px}
.member_edit .box.add {display:grid;grid-template-columns:1fr 1fr;gap:5px}
.member_edit .detail_btn {display:block;border:1px solid var(--color-point);color:var(--color-point);text-align:center;min-width:100px;line-height: 38px;border-radius:5px}
.member_edit .detail_sbtn {display:inline-block;border:1px solid var(--color-point);color:var(--color-point);text-align:center;min-width:100px;line-height: 38px;border-radius:5px}
	
.member_edit .agree_box {border:1px solid #cecfce;padding:15px;border-radius:5px}
.member_edit .agree_box .agree_tit{border-bottom:1px solid #cecfce;padding-bottom:10px;margin-bottom:10px;}

.member_edit .agree_box label a{text-decoration:underline;}

.member_edit .agree_box li {padding:5px 0;display:flex;line-height:25px}
.member_edit label span {padding-left:5px}
.member_edit label span.point {color:red}
.member_edit input[type="checkbox"] {display: none;}
.member_edit input[type="checkbox"] + label:before {display: inline-block; content:'';width:25px; height: 25px; background:url(/images/member/checked_gray.png) #fff center no-repeat;background-size:15px;border:1px solid #cecfce;cursor: pointer; border-radius: 20px;vertical-align:middle;margin-right:8px}
.member_edit input[type="checkbox"]:checked + label:before {background:url(/images/member/checked.png) var(--color-point) no-repeat center;background-size:15px;border:1px solid var(--color-point)}

.member_edit input[type="radio"] {display: none;}
/**
input[type="radio"] + label:before {display: inline-block; content:'';width:22px; height: 22px; border:1px solid #cecfce;cursor: pointer; border-radius: 20px;vertical-align:middle}
input[type="radio"]:checked + label:before {border:6px solid var(--color-point);width:22px;height:22px;}
**/
.member_edit input[type="radio"] + label:before {display: inline-block; content:'';width:25px; height: 25px; background:url(/images/member/checked_gray.png) #fff center no-repeat;background-size:15px;border:1px solid #cecfce;cursor: pointer; border-radius: 20px;vertical-align:middle;margin-right:8px}
.member_edit input[type="radio"]:checked + label:before {background:url(/images/member/checked.png) var(--color-point) no-repeat center;background-size:15px;border:1px solid var(--color-point)}



.member_edit .agree_box *{vertical-align:middle}

.tal_list li{padding:10px;float:left;line-height:32px;white-space:nowrap;}
.tal_list li *{vertical-align:middle}
.tal_list li.etc {clear:both;display:block;float:none}
.tal_list li.etc textarea{border:1px solid #cecfce;width:100%;height:70px}

.help_box {line-height:21px;border:1px solid #cecfce;padding:20px;border-radius:10px;margin-top:20px;clear:both}
.help_box strong{font-size:16px;position:relative;padding-left:12px;font-weight:400;display:block;margin-bottom:3px}
.help_box strong:before{background-color:var(--color-point);width:3px;height:13px;content:'';display:inline-block;position:absolute;left:3px;top:5px;}