@charset "utf-8";

.xe-widget-wrapper { overflow: unset; }

.author_list {
    padding: 0 0px;
    margin-top: 4px;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;  /* ← 이걸로 변경 */
    gap: 4px;
}

.author_list > div {
    font-size: 14px;
    width: calc(50% - 4px);
    _border: 1px solid rgb(230 230 230);
    _box-shadow: 2px 2px 8px -3px rgba(200,200,200,.3);
    _background-color: #ffffff;
    padding-right: 20px;
    _border-radius: 4px;
	position: relative;  /* 가운데줄긋기위해← 추가 */
}

/* 가운데 줄 긎기위해 추가 첫 번째 박스 오른쪽에만 구분선 */
.author_list > div:first-child::after {
    content: "";
    position: absolute;
    right: -2px;  /* gap 4px 중앙 */
    top: 10%;     /* 위아래 10%씩 여백 → 80% 길이 */
    height: 90%;
    width: 1px;
    background-color: rgb(230 230 230);
	
}


.author_list h3 {
    margin-bottom: 20px;
    font-size: 1em;
    font-weight: 400;
    display: flex;
    align-items: center;
}
.author_list h3 i { color: #ffcc00; vertical-align: baseline; margin-right: 4px; }
.author_list h3 span { _font-weight: 600; color: #3f3f3f; font-size: 14px; }
.author_list h3 em { margin-right: 4px; }

.author_list a {

    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 1.0;
    padding-left: 10px;
	color: #888;
}
.author_list a + a {
/* 리스트 하단 라인부분과 목록과 목록사이 여백 조정*/
    _border-top: 1px solid rgb(230 230 230);
    padding-top: 6px;
    margin-top: 6px;
}

.author_list span.ap_profile_title {
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
/* 댓글 수 부분*/
.author_list span.ap_profile_title span { _color: #3f3f3f; _font-size: .8em; _font-weight: 600; }
.author_list span.ap_profile_title span i { opacity: .5; }
.author_list span.ap_profile_regdate { opacity: .6; font-size: .85em; padding-left: 10px; white-space: nowrap; }

.nocon { opacity: .5; }
.nocon i { color: #3f3f3f; }

/* 다크모드 */
:is(.color_scheme_dark),
:root[color-theme='dark'] {
    .author_list > div {
        border: 1px solid rgba(150,150,150,.1);
        box-shadow: 2px 2px 8px -3px rgba(0,0,0,.5);
        background-color: rgb(35 35 35);
    }
    .author_list a + a { border-top: 1px solid rgba(150,150,150,.1); }
    .author_list h3 { font-weight: 300; }
}

/* 모바일 */
@media screen and (max-width: 768px) {
    .author_list {
        flex-wrap: wrap;
        padding: 0 15px;
    }
    .author_list > div { width: 100%; padding: 20px 10px; }
    .author_list > div + div { 
        margin-top: 4px;
        display: none;  /* ← 두 번째 박스(최근 댓글) 숨김 */
    }
}

/* 모바일에서는 세로 구분선 숨김 */
@media screen and (max-width: 768px) {
    .author_list > div:first-child::after {
        display: none;
    }
}