@charset "utf-8";

/************************************** import **************************************/
/* common css */
@import url("../sub-common.css");


/************************************** my page **************************************/


/* 문의 내역 */
.right-cont .btn-wrap.inquiry-btn {margin-top:20px;}
.right-cont .btn-wrap.inquiry-btn span.material-icons {margin-right:5px}
.right-cont .btn-wrap.list-btn {margin-top:30px;}

@media(max-width:768px) {
    .right-cont .btn-wrap.inquiry-btn {margin-top:10px;}
    .right-cont .btn-wrap.inquiry-btn button {font-size:1.2rem;padding:8px 12px;}
}

/* 문의 내역 상세 */
.answer-area {padding-top:60px;}
.answer-area .answer-top {padding-bottom:17px;}
.answer-area .answer-top .left-txt {float:left; color:#947ce1; font-size:1.4rem; font-weight:600;}
.answer-area .answer-top .right-date {float:right; color:#b0b0b0; font-size:1.4rem; font-weight:500;}
.answer-area .answer-cont {padding:20px; border-radius:8px; border:1px solid #e7e7e7; min-height:170px; font-size:1.4rem; line-height:23px;}
.right-cont .btn-wrap.detail {float:right;}
.right-cont .info-txt {float:left; position:relative; top:8px; padding-right:25px; color:#947ce1;}

/* 문의 답변 대기중 */
.answer-area .answer-cont.empty {text-align:center; padding-top:70px; background:#f3f3f3; border-color:#f3f3f3; font-weight:600; color:#bbb;}

@media(max-width:572px) {
    .answer-area {padding-top:45px;}
    .answer-area .answer-top { padding-bottom:10px}
    .answer-area .answer-top .left-txt,
    .answer-area .answer-top .right-date {font-size:1.3rem;}
    .answer-area .answer-cont {font-size:1.3rem; padding:15px;}
    .right-cont .info-txt {font-size:1.2rem; padding-right:15px; }
}