@charset "utf-8";

.basic-post-webzine1 { overflow:hidden; line-height:20px; }
.basic-post-webzine1 .txt-normal { letter-spacing:0; }
.basic-post-webzine1 .txt-short { letter-spacing:-1px; padding-right:1px; }
.basic-post-webzine1 .post-vicon { position:absolute; left:6px; top:6px; color: #fff; font-size:20px; z-index:1; text-shadow: 1px 1px 1px #000; }
.basic-post-webzine1 .post-none { padding:50px 10px; text-align:center; color:#888; }
.basic-post-webzine1 .post-row { float:left; overflow:hidden; }
.basic-post-webzine1 .post-list { overflow:hidden; }
.basic-post-webzine1 .post-image { position:relative; overflow:hidden; }
.basic-post-webzine1 .post-content { margin:0px 0px -2px; overflow:hidden; }
.basic-post-webzine1 .post-subject { overflow:hidden; letter-spacing:-1px; padding:10px; font-size:26px; margin-bottom:0px;line-height:33px;}
.basic-post-webzine1 .post-text { font-size:15px; color:#888; margin-top:10px; line-height:22px;}
.basic-post-webzine1 .post-sp { color:#ccc; margin:0px 4px; }
.is-pc .ko .basic-post-webzine .post-ko { font-size:11px; }
/* 모바일(767px 이하) 화면에서 사진 위, 텍스트 아래 1단 배치 */
@media (max-width: 767px) {
    .basic-post-webzine1 .post-image.pull-left,
    .basic-post-webzine1 .post-image.pull-right {
        float: none !important; /* 좌우 정렬 해제 */
        width: 100% !important; /* 사진 영역을 모바일 가로 너비에 꽉 차게 */
        height: auto !important; /* 높이는 사진 비율에 맞춰 자동 조절 */
        margin: 0 0 15px 0 !important; /* 사진 아래쪽 여백 15px 추가 */
    }
    
    .basic-post-webzine1 .media-body {
        display: block !important;
        width: 100% !important; /* 텍스트 공간을 전체 너비(100%)로 확보 */
        clear: both !important; /* 위쪽 사진의 float 속성 영향을 끊어줌 */
    }
    
    /* 모바일에서는 제목(subject) 지정 높이를 해제하여 자연스럽게 표시되도록 처리 */
    .basic-post-webzine1 .post-subject {
        height: auto !important; 
        margin-bottom: 5px;
    }
}