@charset "UTF-8";
/* 1:1문의 목록 페이지 스타일 파일입니다. */
.personal-inquiry-list__summary {
align-items: center;
padding: 28px 0 10px 0px;
border-bottom: 1px solid var(--color-base-black);
}
.personal-inquiry__summary-total-count,
.personal-inquiry-list__summary-name {
font-size: 18px;
font-weight: 600;
}
.personal-inquiry-list__title {
padding: 20px 0;
padding-top: 30px;
font-size: 16px;
font-weight: 700;
}
.personal-inquiry-list__title em {
color: var(--color-point-red);
}
.personal-inquiry-list .inquiry-item {
padding: 20px 0;
border-bottom: 1px solid var(--gray001);
}
.personal-inquiry-list .inquiry-item__top {
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 15px;
}
.personal-inquiry-list .inquiry-item__top-writer {
font-size: 13px;
font-weight: 400;
color: var(--gray003);
display: flex;
justify-content: flex-end;
}
.personal-inquiry-list .inquiry-item__top-writer span + span::before {
content: "|";
margin: 0 6px 0 4px;
color: var(--gray001);
}
.personal-inquiry-list .inquiry-item__bottom {
display: flex;
gap: 17px;
text-decoration: none;
color: var(--color-base-black);
}
.personal-inquiry-list .inquiry-item__bottom img {
flex: none;
width: 80px;
height: 80px;
border: 1px solid var(--gray001);
border-radius: 6px;
}
.personal-inquiry-list .inquiry-item__inquiry-info {
/* padding: 10px 0; */
/* flex: 1; */
display: flex;
flex-direction: column;
justify-content: space-between;
width: 70%;
padding-top: 8px;
}
.personal-inquiry-list .inquiry-item__inquiry-info-title {
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-clamp: 2;
overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
white-space: normal;
word-wrap: break-word;
display: flex;
align-items: center;
}
.personal-inquiry-list .inquiry-item__content {
color: var(--gray003);
font-size: 13px;
font-weight: 400;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
line-clamp: 2;
overflow: hidden;
display: -webkit-box;
text-overflow: ellipsis;
white-space: normal;
word-wrap: break-word;
padding-top: 6px;
width: 90%;
}
.personal-inquiry-list .inquiry-item__inquiry-info-title .inquiry-item__title {
font-size: 15px;
line-height: 14px;
font-weight: 500;
}
.personal-inquiry-list .inquiry-item__inquiry-type {
font-weight: 400;
font-size: 14px;
color: var(--gray003);
padding: 3px 0;
}
.pagination a:has(button:disabled) {
pointer-events: none;
cursor: default;
}