#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%; height: fit-content; }
#bo_view .img_wrap .tit_box { display: flex; width: 100%; height: 30px; }
#bo_view .img_wrap .tit_box p { display: flex; justify-content: center; align-items: center; width: 50%; font-size: 14px; 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: 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; width: 100%; margin-top: 20px; }
#bo_view .tab_wrap .btn_edit { position: absolute; top: 10px; right: -5px; transform: translateY(-50%); }
#bo_view .tab_wrap .btn_edit span { font-size: 24px; color: #898989; }

#bo_view .tab_wrap .photo_angle_box { display: flex; justify-content: center; 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; }

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

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