@charset "UTF-8";

/* 신고/환불 페이지 UI 수정 */
.PrdItem_1 .Head div.status--cancel--request,
.PrdItem_1 .Head div.status--refund--done,
.PrdItem_1 .Head div.status--refund--denied,
.PrdItem_1 .Head div.status--report--cancel,
.PrdItem_1 .Head div.status--reply--done,
.PrdItem_1 .Head div.status--purchase--cancel{
	background: #F4F4F4;
	color: #767676;
}
.PrdItem_1 .Head div.status--refund--active,
.PrdItem_1 .Head div.status--report--active{
	background: #FBEDED;
	color: #FF3838;
}

.myinfo_report_refund .TitleBox_2 .Title_2{
	color: #767676;
	font-size: 14px;
	line-height: 24px;
	font-weight: 400;
}
.myinfo_report_refund .ProductBorderList_1 > ul > li {
	border: 1px solid #EBEBEB;
    border-radius: 8px;
    padding: 0;
    margin-bottom: 8px;
}
.myinfo_report_refund .ProductBorderList_1 .PrdItem_1 .Head{
	display: flex;
    padding: 12px 16px;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #EBEBEB;
}
.myinfo_report_refund .ProductBorderList_1 .PrdItem_1 .Head > p{
	color: #767676;
	font-size: 12px;
	line-height: 16px;
}
.myinfo_report_refund .ProductBorderList_1 .PrdItem_1 .Head > div,
.myinfo_report_detail .report_detail_top .NotifyViewBox_1 .PrdItem_1 .Head > div,
.myinfo_refund_detail .refund_detail_top .NotifyViewBox_1 .PrdItem_1 .Head > div{
	display: flex;
    align-items: center;
	height: 22px;
	border-radius: 4px;
	font-size: 12px;
	font-weight: 500;
	line-height: 12px;
	padding: 0 7px;
}

.myinfo_report_refund .ProductBorderList_1 .PrdItem_1 .Body{
	padding: 16px;
    gap: 16px;
    margin: 0;
}
.myinfo_report_refund .ProductBorderList_1 .PrdItem_1 .Body .Right{
	margin: 0;
	display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
}
.myinfo_report_refund .ProductBorderList_1 .PrdItem_1 .Body .Right .brand_name{
	color: #A6A6A6;
	font-weight: 400;
	line-height: 14px;
}
.myinfo_report_refund .ProductBorderList_1 .PrdItem_1 .Body .Right .product_name{
	font-family: "SUIT", sans-serif;
	font-size: 12px;
	font-weight: 600;
	line-height: 18px;
	margin-bottom: -2px;
}
.myinfo_report_refund .ProductBorderList_1 .PrdItem_1 .Body .Right .purchase_name{
	color: #A6A6A6;
	font-size: 12px;
	line-height: 20px;
}

/*신고 상세정보*/
.myinfo_report_detail .report_detail_top,
.myinfo_refund_detail .refund_detail_top{
	background: #F4F4F4;
	padding: 16px 0;
}
.myinfo_report_detail .NotifyViewBox_1,
.myinfo_refund_detail .NotifyViewBox_1{
	border: 1px solid #EBEBEB;
    border-radius: 8px;
    padding: 0;
}
.myinfo_report_detail .report_detail_top .NotifyViewBox_1 .PrdItem_1 .Head,
.myinfo_refund_detail .refund_detail_top .NotifyViewBox_1 .PrdItem_1 .Head{
	display: flex;
    padding: 12px 16px;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #EBEBEB;
}
.myinfo_report_detail .report_detail_top .NotifyViewBox_1 .PrdItem_1 .Head > p,
.myinfo_refund_detail .refund_detail_top .NotifyViewBox_1 .PrdItem_1 .Head > p{
	color: #303030;
	font-size: 12px;
	line-height: 16px;
	font-weight: 600;
}
.myinfo_report_detail .report_detail_top .NotifyViewBox_1 .PrdItem_1 .Body,
.myinfo_refund_detail .refund_detail_top .NotifyViewBox_1 .PrdItem_1 .Body{
	padding: 16px;
    gap: 16px;
    margin: 0;
}
.myinfo_report_detail .report_detail_top .NotifyViewBox_1 .PrdItem_1 .Body .Right,
.myinfo_refund_detail .refund_detail_top .NotifyViewBox_1 .PrdItem_1 .Body .Right{
	margin: 0;
	display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
}
.myinfo_report_detail .report_detail_top .NotifyViewBox_1 .PrdItem_1 .Body .Right .brand_name,
.myinfo_refund_detail .refund_detail_top .NotifyViewBox_1 .PrdItem_1 .Body .Right .brand_name{
	color: #A6A6A6;
	font-weight: 400;
	line-height: 14px;
}
.myinfo_report_detail .report_detail_top .NotifyViewBox_1 .PrdItem_1 .Body .Right .product_name,
.myinfo_refund_detail .refund_detail_top .NotifyViewBox_1 .PrdItem_1 .Body .Right .product_name{
	font-family: "SUIT", sans-serif;
	font-size: 12px;
	font-weight: 600;
	line-height: 18px;
	margin-bottom: -2px;
}
.myinfo_report_detail .report_detail_top .NotifyViewBox_1 .PrdItem_1 .Body .Right .purchase_name,
.myinfo_refund_detail .refund_detail_top .NotifyViewBox_1 .PrdItem_1 .Body .Right .purchase_name{
	color: #A6A6A6;
	font-size: 12px;
	line-height: 20px;
}
.myinfo_report_detail .report_detail_bottom,
.myinfo_refund_detail .refund_detail_bottom{
	padding: 16px 20px 0;
}
.myinfo_report_detail .report_detail_bottom .NotifyViewBox_1 .Inner,
.myinfo_refund_detail .refund_detail_bottom .NotifyViewBox_1 .Inner{
	padding: 4px 10px;
}
.myinfo_report_detail .report_detail_bottom .NotifyViewBox_1 .Head,
.myinfo_refund_detail .refund_detail_bottom .NotifyViewBox_1 .Head{
	display: flex;
    padding: 12px 16px;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #EBEBEB;
}
.myinfo_report_detail .report_detail_bottom .NotifyViewBox_1 .Head .Txt1,
.myinfo_refund_detail .refund_detail_bottom .NotifyViewBox_1 .Head .Txt1{
	color: #303030;
	font-size: 12px;
	font-weight: 600;
	line-height: 18px;
}
.myinfo_report_detail .report_detail_bottom .NotifyViewBox_1 .Head .Txt2,
.myinfo_refund_detail .refund_detail_bottom .NotifyViewBox_1 .Head .Txt2{
	color: #303030;
	font-size: 11px;
	line-height: 16px;
	display: inline-flex;
    align-items: center;
}
.myinfo_report_detail .report_detail_bottom .NotifyViewBox_1 .Body,
.myinfo_refund_detail .refund_detail_bottom .NotifyViewBox_1 .Body{
	display: flex;
	padding: 12px 16px;
	flex-direction: column;
	gap: 6px;
}
.myinfo_report_detail .report_detail_bottom .NotifyViewBox_1 .Body .Txt1,
.myinfo_refund_detail .refund_detail_bottom .NotifyViewBox_1 .Body .Txt1{
	color: #303030;
	font-size: 12px;
	font-weight: 600;
	line-height: 18px;
}
.myinfo_report_detail .report_detail_bottom .NotifyViewBox_1 .Body .Txt2,
.myinfo_refund_detail .refund_detail_bottom .NotifyViewBox_1 .Body .Txt2{
	color: #303030;
	font-size: 11px;
	line-height: 16px;
}
.myinfo_report_detail .report_detail_bottom .btnBox{
	padding-top: 20px;
}
.myinfo_report_detail .report_detail_bottom .AlertBox_2{
	margin-top: 16px;
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	gap: 6px;
}
.myinfo_report_detail .report_detail_bottom .AlertBox_2 .Txt1{
	color: #303030;
	font-size: 12px;
	font-weight: 600;
	line-height: 18px;
}
.myinfo_report_detail .report_detail_bottom .AlertBox_2 .Txt2{
	color: #303030;
	font-size: 14px;
	font-weight: 500;
	line-height: 20px;
}
.myinfo_report_detail .report_detail_bottom .cancelTxt,
.myinfo_refund_detail .refund_detail_bottom .cancelTxt{
	margin-top: 32px;
	text-align: center;
}
.myinfo_report_detail .report_detail_bottom .cancelTxt .Txt1,
.myinfo_refund_detail .refund_detail_bottom .cancelTxt .Txt1{
	color: #303030;
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
}
.myinfo_report_detail .report_detail_bottom .cancelTxt .Txt1 span,
.myinfo_refund_detail .refund_detail_bottom .cancelTxt .Txt1 span{
	color: #FF3838;
}
.myinfo_report_detail .report_detail_bottom .cancelTxt .Txt2,
.myinfo_refund_detail .refund_detail_bottom .cancelTxt .Txt2{
	color: #767676;
	font-size: 14px;
	line-height: 20px;
}
.myinfo_report_detail .report_detail_bottom .TosBox_1,
.myinfo_refund_detail .refund_detail_bottom .TosBox_1{
	margin-top: 16px;
}
.myinfo_refund_detail .refund_detail_bottom .refund{
	margin-top: 16px;
}
.myinfo_refund_detail .refund_detail_bottom .refund .TextAreaUi{
	height: 140px;
	overflow: hidden;
    resize: none;
}
.myinfo_refund_detail .refund_detail_bottom .refund .TextAreaUi:focus{
	border-color: #FF3838;
    background: #ffffff;
    box-shadow: none;
}

.myinfo_report_error .TextAreaUi:focus{
	border-color: #FF3838;
    background: #ffffff;
    box-shadow: none;
}
.myinfo_report_cancle .TextAreaUi:focus{
	border-color: #FF3838;
    background: #ffffff;
    box-shadow: none;
}