#bo_view { display: flex; flex-direction: column; align-items: center; max-width: 920px; width: 100%; margin: 0 auto; padding: 80px 0; }
#bo_view .img_wrap { position: relative; width: 100%; aspect-ratio: 2 / 1; }
#bo_view .img_wrap .tit_box { position: absolute; bottom: 100%; left: 0; display: flex; width: 100%; height: 30px; }
#bo_view .img_wrap .tit_box p { width: 50%; display: flex; justify-content: center; align-items: center; font-size: 14px; font-weight: 500; }

#bo_view .img_wrap > h5 { position: absolute; bottom: 10px; right: 10px; display: inline-block; padding: 5px 12px; font-family: 'Pretendard', sans-serif !important; font-size: 16px; font-weight: 400; color: #fff; border-radius: 5px; background-color: rgba(0, 0, 0, 0.3); }

#bo_view .img_wrap .img_box { position: absolute; inset: 0; display: flex; align-items: flex-start; border: 1px solid #eee; border-radius: 10px; overflow: hidden; opacity: 0; }
#bo_view .img_wrap .img_box.on { opacity: 1; }
#bo_view .img_wrap .img_box > div { position: relative; width: 50%; aspect-ratio: 1 / 1; }

#bo_view .img_wrap .img_box .before .lock_box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 10px 0 0 10px; background-color: rgba(0, 0, 0, 0.7); }
#bo_view .img_wrap .img_box .before .lock_box a { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 20px; width: 100%; height: 100%; }
#bo_view .img_wrap .img_box .before .lock_box a p { font-size: 16px; font-weight: 500; color: #fff; line-height: 1.5; text-align: center; }
#bo_view .img_wrap .img_box .before .lock_box a span { display: inline-block; padding: 8px 10px; font-size: 14px; font-weight: 600; color: #000; border-radius: 5px; background-color: #fff; }

#bo_view .tab_wrap { position: relative; display: flex; flex-direction: column; gap: 5px; width: 100%; margin-top: 20px; }
#bo_view .tab_wrap .btn_edit { position: absolute; top: 0; right: -1%; transform: translateY(-50%); }
#bo_view .tab_wrap .btn_edit span { font-size: 24px; color: #898989; }

#bo_view .tab_wrap > h4 { font-family: 'Pretendard', sans-serif !important; font-size: 16px; font-weight: 600; color: #333; }

#bo_view .tab_wrap .photo_angle_box { display: flex; justify-content: flex-end; align-items: center; gap: 5px; }
#bo_view .tab_wrap .photo_angle_box button { padding: 5px 10px; border: 1px solid #ccc; border-radius: 5px; overflow: hidden; }
#bo_view .tab_wrap .photo_angle_box button span { font-size: 16px; font-weight: 300; color: #ccc; text-align: center; }
#bo_view .tab_wrap .photo_angle_box button.on { border-color: #333; }
#bo_view .tab_wrap .photo_angle_box button.on span { font-weight: 400; color: #333; }