@charset "utf-8";

/* 모바일 목록 */
@media all and (max-width:767px) {
	.responsive #bo_list .float-left.float-md-none {margin-right:0.75rem;}
	.responsive #bo_list .na-title {margin-bottom:0.14rem;}
}

/* webzine */
#bo_webzine .chk-box {position:absolute; z-index:2; right:10px; bottom:5px;}
#bo_webzine .wr-now {position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.1);}

#bo_webzine .img-wrap .img-item {border-radius:4px; overflow:hidden;}
#bo_webzine .img-wrap .img-item a {display:block;}
#bo_webzine .img-wrap .img-item a img {transition:all .1s cubic-bezier(.7,0,.3,1);transform:all .1s cubic-bezier(.7,0,.3,1);-webkit-transition:all .1s cubic-bezier(.7,0,.3,1);}
#bo_webzine .img-wrap .img-item a:hover img {transform: scale(1.12);}
#bo_webzine .card-body {padding:0.4rem 1.25rem;}

@media (max-width:580px) {
	#bo_webzine .card-body {padding:1rem 0.25rem;}
}

/* =========================================
   [수정된 스타일] 캘린더 뱃지 (월/일 디자인)
========================================= */

/* 작성일 캘린더형 날짜 뱃지 기본 구조 */
.list-calendar-badge {
    display: inline-flex;
    flex-direction: column;
    text-align: center;
    border-radius: 6px;
    overflow: hidden;
    border: 1px solid #4a69bd;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    vertical-align: middle;
    line-height: 1.2;
}

/* 윗부분 파란색 배경 (월) */
.list-calendar-badge .cal-top {
    background: #4a69bd;
    color: #fff;
    font-size: 11px; /* 월 단위를 작게 표시 */
    font-weight: 800;
    padding: 3px 6px;
    letter-spacing: 0.5px;
}

/* 아랫부분 흰색 배경 (일) */
.list-calendar-badge .cal-bot {
    color: #333;
    font-size: 14px; /* 일 단위를 가시성 있게 확대 */
    font-weight: 800;
    padding: 2px 6px 4px; /* 아래 여백 살짝 조절 */
}

/* 모바일 환경 뱃지 최적화 (더 작게) */
@media (max-width: 768px) {
	.list-calendar-badge .cal-top { font-size: 10px; padding: 2px 5px; }
	.list-calendar-badge .cal-bot { font-size: 12px; padding: 1px 5px 3px; }
}