.mypage-container{
    height: calc(100vh - 48px - 24px);
}

/* 리뷰 리스트 */
.review-header-wrap{
    display: flex;
    background: #FAE372;
}
.review-header-wrap .item{
    width: 33%;
    padding: 20px 0;
    text-align: center;
}
.review-header-wrap .item .tit{
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
}
.review-header-wrap .item .val{
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
}
.my-qna-menu-wrap{
    display: flex;
    margin-top: 20px;
    padding:0 20px;
}
.my-qna-menu-wrap .menu{
    width: 41px;
    text-align: center;
    position: relative;
    text-align: right;
}
.my-qna-menu-wrap.menu:nth-child(1){
    text-align: left;
}
.my-qna-menu-wrap.menu:nth-child(1)::after{
    position: absolute;
    content: "";
    width: 1px;
    height: 14px;
    background: #D2D2D2;
    top: 8px;
    right:0;
}
.my-qna-menu-wrap .menu p{
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: #959595 !important;
}
.my-qna-menu-wrap .menu .active{
    font-weight: 500 !important;
    color: #FA7282 !important;
}
.total{
    font-weight: 500;
    font-size: 12px;
    line-height: 17px;
    padding-left:20px;
    padding-top: 4px;
}

.my-qna-list-container{
    padding: 20px 0;
    box-sizing: border-box;

}
.my-qna-list-container .item{
    border: 1px solid #E8E8E8;
    border-radius: 10px;
    position: relative;
    margin-bottom: 12px;
}
.my-qna-list-container .item .menu-btn{
    position: absolute;
    top: 24px;
    right: 20px;
}
.my-qna-list-container .report {
    position: absolute;
    background: #fff;
    padding: 13px 60px;
    border-radius: 10px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    top: 50px;
    right: 20px;
    display: none;
    z-index: 1002;
}
.my-qna-list-container .item .top-wrap{
    padding:20px 20px;
    box-sizing: border-box;
}
.my-qna-list-container .item .top-wrap .category{
    background: rgba(51, 51, 51, 0.12);
    border: 1px solid rgba(51, 51, 51, 0.6);
    border-radius: 4px;
    padding: 3px 10px;
    font-weight: 500;
    font-size: 12px;
    box-sizing: border-box;
}
.my-qna-list-container .item .top-wrap .question-modify-btn{
    float: right;
    border: 1px solid #333;
    border-radius: 4px;
    font-weight: 500;
    font-size: 12px;
    line-height: 17px;
    padding:3px 10px;
    margin-right: 6px;
}
.my-qna-list-container .item .top-wrap .question-del-btn{
    float: right;
    border: 1px solid #FA7282;
    border-radius: 4px;
    background: #FA7282;
    font-weight: 500;
    font-size: 12px;
    line-height: 17px;
    padding:3px 10px;
    color: #fff !important;
}
.my-qna-list-container .item .top-wrap .info-wrap{
}
.my-qna-list-container .item .top-wrap .info-wrap .info-area{
    width: 100%;
}
.my-qna-list-container .item .top-wrap .info-wrap .info-area .type{
    font-size: 12px;
    line-height: 17px;
    color: #7070F1 !important;
    font-weight: 500;
    margin-bottom: 5px;
}
.my-qna-list-container .item .top-wrap .info-wrap .info-area .modify-date{
    font-weight: 400;
    font-size: 12px;
    color: #959595 !important;
    margin-left: 17px;
    position: relative;
}
.my-qna-list-container .item .top-wrap .info-wrap .info-area .modify-date::after{
    position: absolute;
    width: 1px;
    height: 8px;
    left: -10.5px;
    top: 6px;
    content: "";
    background: #ABABAB;
}
.my-qna-list-container .item .top-wrap .info-wrap .info-area .name{
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
}
.my-qna-list-container .item .top-wrap .info-wrap .info-area .preview{
    color: #959595 !important;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    word-break: break-all;
}
.my-qna-list-container .item .top-wrap .keyword-tip{
    font-weight: 400;
    font-size: 10px;
    line-height: 14px;
    margin-top: 12px;
}
.my-qna-list-container .item .top-wrap .tag-wrap{
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-top: 6px;
}
.my-qna-list-container .item .top-wrap .qna-btn{
    background: #FAE372;
    border-radius: 6px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    padding: 13px 0;
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-top: 20px;
}
.my-qna-list-container .item .top-wrap .tag-wrap .tag{
    font-weight: 500;
    font-size: 12px;
    background: #F8F8FD;
    border: 1px solid #DEDEF1;
    border-radius: 4px;
    padding: 4px 10px;
    box-sizing: border-box;
}

.my-qna-list-container .item .bottom-wrap{
    background: #F8F8FD;
    border-radius: 0px 0px 9px 9px;
    padding: 13px 20px;
    align-items: center;
    display: flex;
    width: 100%;
    position: relative;
    bottom: 0;
    left: 0;
    top: 0;
    box-sizing: border-box;
}
.my-qna-list-container .item .bottom-wrap .icon{
    margin-right: 9px;
    width: 16px;
}
.my-qna-list-container .item .bottom-wrap .val{
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #959595 !important;
    margin-right: 18px;
}

.my-qna-list-container .name-wrap{
    border-bottom: 1px solid #EAEAEA;
    padding:11px 20px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    position: relative;
}
.my-qna-list-container .name-wrap .profile{
    width: 34px;
    height: 34px;
    border-radius: 50%;
    margin-right: 8px;
}
.my-qna-list-container .name-wrap .user-name{
    font-weight: 500;
    font-size: 12px;
    line-height: 17px;
}
.my-qna-list-container .name-wrap .anwser-menu{
    position: absolute;
    top: 20px;
    right: 20px;
}

.my-qna-list-container .item .select-wrap{
    margin-top: 20px;
}
.my-qna-list-container .item .select-wrap .status{
    font-weight: 500;
    font-size: 12px;
    line-height: 17px;
    background: rgba(51, 51, 51, 0.08);
    border: 1px solid rgba(51, 51, 51, 0.5);
    border-radius: 4px;
    padding:3px 10px;
}
.my-qna-list-container .item .select-wrap .text{
    font-weight: 500;
    font-size: 12px;
    line-height: 17px;
    color: #959595 !important;
    margin-top: 7px;
}
.my-qna-list-container .anwser-item{
    padding: 20px 20px;
    box-sizing: border-box;
    background: #F8F8FD;
    box-sizing: border-box;
}
.my-qna-list-container .anwser-item .info{
    font-weight: 500;
    font-size: 12px;
    line-height: 17px;
    color: #FA7282 !important;
    margin-bottom: 8px;
}
.my-qna-list-container .anwser-item .tit{
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    word-break: break-all;
}
.my-qna-list-container .anwser-item .tag-wrap {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-top: 6px;
}
.my-qna-list-container .anwser-item .tag-wrap .tag {
    font-weight: 500;
    font-size: 12px;
    background: #F8F8FD;
    border: 1px solid #DEDEF1;
    border-radius: 4px;
    padding: 4px 10px;
    box-sizing: border-box;
}
.my-qna-list-container .anwser-item .select-wrap{
    margin-top: 20px;
}
.my-qna-list-container .anwser-item .select-wrap .status{
    font-weight: 500;
    font-size: 12px;
    line-height: 17px;
    background: rgba(51, 51, 51, 0.08);
    border: 1px solid rgba(51, 51, 51, 0.5);
    border-radius: 4px;
    padding:3px 10px;
}
.my-qna-list-container .anwser-item .select-wrap .text{
    font-weight: 500;
    font-size: 12px;
    line-height: 17px;
    color: #959595 !important;
    margin-top: 7px;
}

    /* modal popup */
.mini-modal .info-text{
    padding:40px 35px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    background: #fff;
    text-align: center;
}
.mini-modal .info-text .tit{
    font-weight: 500;
    font-size: 16px;
    line-height: 23px;
    margin-bottom: 13px;
}
.mini-modal .info-text .reason{
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
}
.mini-modal .btn-wrap{
    background: #FAE372;
    text-align: center;
    padding: 14px 0;
    font-size: 14px;
    cursor: pointer;
    display: flex;
}
.mini-modal .btn-wrap div{
    text-align: center;
    width: 50%;
    position: relative;
}
.mini-modal .btn-wrap div:nth-child(1)::after{
    position: absolute;
    content: "";
    height: 16px;
    width: 1px;
    top: 0px;
    right: 0;
    background: #fff;
}


/*  신고하기 팝업  */
.report-modal-wrap{
    width: 100%;
    height: calc(100vh - 74px);
    left: 0;
    position: absolute;
    z-index: 1002;
    background: #fff;
    padding: 20px 20px 20px;
    box-sizing: border-box;
    border-radius: 10px 10px 0px 0px;
    transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);
    top: 100%;
    overflow-y: scroll;
    display: none;
}
.report-modal-wrap .modal-close{
    position: absolute;
    top: 27px;
    right: 27px;
    cursor: pointer;
}
.report-modal-wrap .modal-tit{
    font-weight: 500;
    font-size: 18px;
    text-align: center;
}
.report-modal-wrap .contact-wrap{
    padding: 20px 20px;
    box-sizing: border-box;
}
.report-modal-wrap .select-wrap{
    width: 100%;
    margin-bottom: 16px;
}
.report-modal-wrap .select-wrap select{
    padding: 14px 24px 14px 0.9em;
    border: 1px solid #E8E8E8;
    background: url(/image/login/select-box.png) no-repeat 93% 120%;
    border-radius: 8px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    font-size: 14px;
    text-align: left;
    width: 100%;
}
.report-modal-wrap .form-wrap input[type=text]{
    border: 1px solid #E8E8E8 !important;
}
.report-modal-wrap textarea{
    border-radius: 8px;
    font-size: 14px;
    padding: 14px 20px;
    width: 100%;
    box-sizing: border-box;
    outline: none;
    background: #fff;
    border: 1px solid #E8E8E8 !important;
    height: 160px;
    resize:none;
    margin-bottom: 16px;
}
.report-modal-wrap textarea::placeholder{
    color: #ababab;
}
.report-modal-wrap .input-file{
    display: inline-block;
    width: 100%;
    border: 1px dashed #333333;
    border-radius: 8px;
    text-align: center;
    padding:13px 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 20px;
}