#bo_view { display: flex; flex-direction: column; align-items: center; width: 95%; margin: 0 auto; padding: calc(var(--standard_px) * 80) 0; }
#bo_view .img_wrap { position: relative; width: 100%; aspect-ratio: 2 / 1; }
#bo_view .img_wrap .tit_box { display: flex; width: 100%; height: calc(var(--standard_px) * 30); }
#bo_view .img_wrap .tit_box p { display: flex; justify-content: center; align-items: center; width: 50%; font-size: calc(var(--standard_px) * 14); font-weight: 500; }

#bo_view .img_wrap .img_box { display: flex; align-items: stretch; width: 100%; border: 1px solid #eee; border-radius: 10px; overflow: hidden; }
#bo_view .img_wrap .img_box > div { position: relative; display: flex; justify-content: center; align-items: center; width: 50%; }
#bo_view .img_wrap .img_box > div img { height: auto; }


#bo_view .img_wrap .img_box .before .lock_box { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: calc(var(--standard_px) * 10) 0 0 calc(var(--standard_px) * 10); 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: calc(var(--standard_px) * 20); width: 100%; height: 100%; }
#bo_view .img_wrap .img_box .before .lock_box a p { font-size: calc(var(--standard_px) * 16); 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: calc(var(--standard_px) * 8) calc(var(--standard_px) * 10); font-size: calc(var(--standard_px) * 14); font-weight: 600; color: #000; border-radius: calc(var(--standard_px) * 5); background-color: #fff; }

#bo_view .tab_wrap { position: relative; width: 100%; margin-top: calc(var(--standard_px) * 20); }
#bo_view .tab_wrap .btn_edit { position: absolute; top: calc(var(--standard_px) * 10); right: calc(var(--standard_px) * -5); transform: translateY(-50%); }
#bo_view .tab_wrap .btn_edit span { font-size: calc(var(--standard_px) * 24); color: #898989; }

#bo_view .tab_wrap .photo_angle_box { display: flex; justify-content: center; align-items: center; gap: calc(var(--standard_px) * 5); }
#bo_view .tab_wrap .photo_angle_box button { padding: calc(var(--standard_px) * 5) calc(var(--standard_px) * 10); border: calc(var(--standard_px) * 1) solid #ccc; border-radius: calc(var(--standard_px) * 5); overflow: hidden; }
#bo_view .tab_wrap .photo_angle_box button span { font-size: calc(var(--standard_px) * 16); 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; }

#bo_view .tab_wrap .subject { width: 100%; margin-top: calc(var(--standard_px) * 30); padding-bottom: calc(var(--standard_px) * 15); text-align: center; }
#bo_view .tab_wrap .subject h4 { font-family: 'Pretendard', sans-serif !important; font-size: calc(var(--standard_px) * 22); font-weight: 600; color: #333; }

#bo_view .tab_wrap .info { width: 100%; padding-top: calc(var(--standard_px) * 15); text-align: center; border-top: calc(var(--standard_px) * 1) dashed #ccc; }
#bo_view .tab_wrap .info h5 { font-family: 'Pretendard', sans-serif !important; font-size: calc(var(--standard_px) * 18); font-weight: 400; color: #777; }