/* 부모 컨테이너 설정: 기준점 잡기 */ .carousel-caption { position: relative; height: 100%; /* 전체 높이를 활용하기 위해 설정 */ bottom: 0 !important; left: 0 !important; right: 0 !important; width: 100%; } /* 왼쪽 박스를 오른쪽 위로 이동 */ .cl_caption.text_left { position: absolute !important; top: 20%; /* 위에서부터 20% 지점 (숫자가 작을수록 더 위로 올라감) */ right: 5%; /* 오른쪽에서 5%만큼 떨어짐 (오른쪽 정렬 효과) */ left: auto !important; /* 기존의 왼쪽 정렬 해제 */ /* 현재 위치에서 위로 추가 이동 (디테일 조정) */ transform: translateY(-50%); text-align: right !important; /* 텍스트 안의 글자들도 오른쪽 정렬 */ width: auto; } /* (선택 사항) 오른쪽 박스와 겹치지 않게 조정 */ .cl_caption.text_right { position: absolute; bottom: 10%; right: 5%; }