@charset "utf-8";

/* 본문 콘텐츠 영역 - 사용자 입력 HTML 기본 스타일 */
#bo_v_con a { color: var(--hex-primary-600); text-decoration: underline; }
#bo_v_con a:hover { color: var(--hex-primary-700); }
#bo_v_con img { max-width: 100%; height: auto; }

/* 갤러리 이미지 기본 스타일 */
.gall_img img, .gall_img video { max-width: 100%; height: auto !important; }

/* 임시저장 콘텐츠 숨김 */
.autosave_content { display: none; }

/* 갤러리 그리드 반응형 (삭제 처리하고 리스트형으로 강제 변환) */
#gall_ul { 
    display: flex !important; 
    flex-direction: column !important; 
    grid-template-columns: none !important; /* 기존 그리드 무력화 */
}
#gall_ul li { 
    width: 100% !important; 
    max-width: 100% !important; 
    display: block !important; 
}


/* 카드 부모 박스: float 속성 때문에 높이가 찌그러지는 걸 방지 (clearfix 효과) */
.my-card-box { overflow: hidden !important; display: block !important; }

/* 기본(모바일) 환경에서는 위아래로 100%씩 차지 */
.my-left-box { float: none; width: 100%; box-sizing: border-box; }
.my-right-box { float: none; width: 100%; box-sizing: border-box; margin-top: 1rem; padding-top: 1rem; border-top: 1px solid #f3f4f6; }

/* PC 환경(768px 이상)에서만 가로 60대 40으로 강제 분할 */
@media (min-width: 768px) {
	.my-left-box { float: left !important; width: 65% !important; padding-right: 1.5rem; }
	/* 💡 100%를 넘지 않게 안전하게 38%만 주고 오른쪽으로 딱 붙입니다 */
	.my-right-box { float: right !important; width: 34% !important; margin-top: 0; padding-top: 0; border-top: none; border-left: 1px solid #f3f4f6; padding-left: 1.5rem; }
}

.my-right-box p {width:100px;}