diff --git a/frontend-temp/src/pages/album/mobile/AlbumDetail.jsx b/frontend-temp/src/pages/album/mobile/AlbumDetail.jsx
index d7a2ce7..c956e50 100644
--- a/frontend-temp/src/pages/album/mobile/AlbumDetail.jsx
+++ b/frontend-temp/src/pages/album/mobile/AlbumDetail.jsx
@@ -13,6 +13,9 @@ import {
   ChevronUp,
   FileText,
   ChevronRight,
+  Info,
+  Users,
+  Tag,
 } from 'lucide-react';
 import { Swiper, SwiperSlide } from 'swiper/react';
 import { Virtual } from 'swiper/modules';
@@ -30,6 +33,7 @@ function MobileAlbumDetail() {
   const [lightbox, setLightbox] = useState({ open: false, images: [], index: 0, showNav: true, teasers: null, photos: null });
   const [showAllTracks, setShowAllTracks] = useState(false);
   const [showDescriptionModal, setShowDescriptionModal] = useState(false);
+  const [showPhotoInfo, setShowPhotoInfo] = useState(false);
   const swiperRef = useRef(null);
 
   // 앨범 데이터 로드
@@ -58,10 +62,18 @@ function MobileAlbumDetail() {
     window.history.pushState({ description: true }, '');
   }, []);
 
+  // 사진 정보 바텀시트 열기
+  const openPhotoInfo = useCallback(() => {
+    setShowPhotoInfo(true);
+    window.history.pushState({ photoInfo: true }, '');
+  }, []);
+
   // 뒤로가기 처리
   useEffect(() => {
     const handlePopState = () => {
-      if (showDescriptionModal) {
+      if (showPhotoInfo) {
+        setShowPhotoInfo(false);
+      } else if (showDescriptionModal) {
         setShowDescriptionModal(false);
       } else if (lightbox.open) {
         setLightbox((prev) => ({ ...prev, open: false }));
@@ -70,7 +82,7 @@ function MobileAlbumDetail() {
 
     window.addEventListener('popstate', handlePopState);
     return () => window.removeEventListener('popstate', handlePopState);
-  }, [showDescriptionModal, lightbox.open]);
+  }, [showPhotoInfo, showDescriptionModal, lightbox.open]);
 
   // 이미지 다운로드
   const downloadImage = useCallback(async () => {
@@ -384,112 +396,159 @@ function MobileAlbumDetail() {
 
       {/* 라이트박스 - Swiper ViewPager 스타일 */}
       <AnimatePresence>
-        {lightbox.open && (
-          <motion.div
-            initial={{ opacity: 0 }}
-            animate={{ opacity: 1 }}
-            exit={{ opacity: 0 }}
-            className="fixed inset-0 bg-black z-[60] flex flex-col"
-          >
-            {/* 상단 헤더 */}
-            <div className="absolute top-0 left-0 right-0 flex items-center px-4 py-3 z-20">
-              <div className="flex-1 flex justify-start">
-                <button onClick={() => window.history.back()} className="text-white/80 p-1">
-                  <X size={24} />
-                </button>
-              </div>
-              {lightbox.showNav && lightbox.images.length > 1 && (
-                <span className="text-white/70 text-sm tabular-nums">
-                  {lightbox.index + 1} / {lightbox.images.length}
-                </span>
-              )}
-              <div className="flex-1 flex justify-end">
-                <button onClick={downloadImage} className="text-white/80 p-1">
-                  <Download size={22} />
-                </button>
-              </div>
-            </div>
+        {lightbox.open && (() => {
+          const currentPhoto = lightbox.photos?.[lightbox.index];
+          const concept = currentPhoto?.title;
+          const hasValidConcept = concept && concept.trim() && concept !== 'Default';
+          const members = currentPhoto?.members;
+          const hasMembers = members && String(members).trim();
+          const hasPhotoInfo = hasValidConcept || hasMembers;
 
-            {/* Swiper */}
-            <Swiper
-              modules={[Virtual]}
-              virtual
-              initialSlide={lightbox.index}
-              onSwiper={(swiper) => {
-                swiperRef.current = swiper;
-              }}
-              onSlideChange={(swiper) => setLightbox((prev) => ({ ...prev, index: swiper.activeIndex }))}
-              className="w-full h-full"
-              spaceBetween={0}
-              slidesPerView={1}
-              resistance={true}
-              resistanceRatio={0.5}
+          return (
+            <motion.div
+              initial={{ opacity: 0 }}
+              animate={{ opacity: 1 }}
+              exit={{ opacity: 0 }}
+              className="fixed inset-0 bg-black z-[60] flex flex-col"
             >
-              {lightbox.images.map((url, index) => (
-                <SwiperSlide key={index} virtualIndex={index}>
-                  <div className="w-full h-full flex flex-col items-center justify-center">
-                    {lightbox.teasers?.[index]?.media_type === 'video' ? (
-                      <video
-                        src={url}
-                        className="max-w-full max-h-[70vh] object-contain"
-                        controls
-                        autoPlay={index === lightbox.index}
-                      />
-                    ) : (
-                      <img
-                        src={url}
-                        alt=""
-                        className="max-w-full max-h-[70vh] object-contain"
-                        loading={Math.abs(index - lightbox.index) <= 2 ? 'eager' : 'lazy'}
-                      />
-                    )}
-                    {/* 컨셉 포토 정보 (멤버 + 컨셉) */}
-                    {lightbox.photos && (() => {
-                      const photo = lightbox.photos[index];
-                      const title = photo?.title;
-                      const hasValidTitle = title && title.trim() && title !== 'Default';
-                      const members = photo?.members;
-                      const hasMembers = members && String(members).trim();
+              {/* 상단 헤더 */}
+              <div className="absolute top-0 left-0 right-0 flex items-center px-4 py-3 z-20">
+                <div className="flex-1 flex justify-start">
+                  <button onClick={() => window.history.back()} className="text-white/80 p-1">
+                    <X size={24} />
+                  </button>
+                </div>
+                {lightbox.showNav && lightbox.images.length > 1 && (
+                  <span className="text-white/70 text-sm tabular-nums">
+                    {lightbox.index + 1} / {lightbox.images.length}
+                  </span>
+                )}
+                <div className="flex-1 flex justify-end items-center gap-2">
+                  {hasPhotoInfo && (
+                    <button onClick={openPhotoInfo} className="text-white/80 p-1">
+                      <Info size={22} />
+                    </button>
+                  )}
+                  <button onClick={downloadImage} className="text-white/80 p-1">
+                    <Download size={22} />
+                  </button>
+                </div>
+              </div>
 
-                      if (!hasValidTitle && !hasMembers) return null;
+              {/* Swiper */}
+              <Swiper
+                modules={[Virtual]}
+                virtual
+                initialSlide={lightbox.index}
+                onSwiper={(swiper) => {
+                  swiperRef.current = swiper;
+                }}
+                onSlideChange={(swiper) => setLightbox((prev) => ({ ...prev, index: swiper.activeIndex }))}
+                className="w-full h-full"
+                spaceBetween={0}
+                slidesPerView={1}
+                resistance={true}
+                resistanceRatio={0.5}
+              >
+                {lightbox.images.map((url, index) => (
+                  <SwiperSlide key={index} virtualIndex={index}>
+                    <div className="w-full h-full flex items-center justify-center">
+                      {lightbox.teasers?.[index]?.media_type === 'video' ? (
+                        <video
+                          src={url}
+                          className="max-w-full max-h-full object-contain"
+                          controls
+                          autoPlay={index === lightbox.index}
+                        />
+                      ) : (
+                        <img
+                          src={url}
+                          alt=""
+                          className="max-w-full max-h-full object-contain"
+                          loading={Math.abs(index - lightbox.index) <= 2 ? 'eager' : 'lazy'}
+                        />
+                      )}
+                    </div>
+                  </SwiperSlide>
+                ))}
+              </Swiper>
 
-                      return (
-                        <div className="mt-4 flex flex-col items-center gap-2 px-4">
-                          {hasValidTitle && (
-                            <span className="px-3 py-1.5 bg-white/10 backdrop-blur-sm rounded-full text-white font-medium text-sm">
-                              {title}
-                            </span>
-                          )}
-                          {hasMembers && (
-                            <div className="flex flex-wrap items-center justify-center gap-1.5">
-                              {String(members)
-                                .split(',')
-                                .map((member, idx) => (
-                                  <span key={idx} className="px-2.5 py-1 bg-primary/80 rounded-full text-white text-xs">
-                                    {member.trim()}
-                                  </span>
-                                ))}
+              {/* 모바일용 인디케이터 */}
+              {lightbox.showNav && lightbox.images.length > 1 && (
+                <LightboxIndicator
+                  count={lightbox.images.length}
+                  currentIndex={lightbox.index}
+                  goToIndex={(i) => swiperRef.current?.slideTo(i)}
+                  width={120}
+                />
+              )}
+
+              {/* 사진 정보 바텀시트 */}
+              <AnimatePresence>
+                {showPhotoInfo && hasPhotoInfo && (
+                  <motion.div
+                    initial={{ opacity: 0 }}
+                    animate={{ opacity: 1 }}
+                    exit={{ opacity: 0 }}
+                    className="absolute inset-0 bg-black/60 z-30"
+                    onClick={() => window.history.back()}
+                  >
+                    <motion.div
+                      initial={{ y: '100%' }}
+                      animate={{ y: 0 }}
+                      exit={{ y: '100%' }}
+                      transition={{ type: 'spring', damping: 25, stiffness: 300 }}
+                      drag="y"
+                      dragConstraints={{ top: 0, bottom: 0 }}
+                      dragElastic={{ top: 0, bottom: 0.5 }}
+                      onDragEnd={(_, info) => {
+                        if (info.offset.y > 100 || info.velocity.y > 300) {
+                          window.history.back();
+                        }
+                      }}
+                      className="absolute bottom-0 left-0 right-0 bg-zinc-900 rounded-t-3xl"
+                      onClick={(e) => e.stopPropagation()}
+                    >
+                      {/* 드래그 핸들 */}
+                      <div className="flex justify-center pt-3 pb-2 cursor-grab active:cursor-grabbing">
+                        <div className="w-10 h-1 bg-zinc-600 rounded-full" />
+                      </div>
+
+                      {/* 정보 내용 */}
+                      <div className="px-5 pb-8 space-y-4">
+                        <h3 className="text-white font-semibold text-lg">사진 정보</h3>
+
+                        {hasMembers && (
+                          <div className="flex items-start gap-3">
+                            <div className="w-8 h-8 bg-primary/20 rounded-full flex items-center justify-center flex-shrink-0">
+                              <Users size={16} className="text-primary" />
                             </div>
-                          )}
-                        </div>
-                      );
-                    })()}
-                  </div>
-                </SwiperSlide>
-              ))}
-            </Swiper>
+                            <div>
+                              <p className="text-zinc-400 text-xs mb-1">멤버</p>
+                              <p className="text-white">{members}</p>
+                            </div>
+                          </div>
+                        )}
 
-            {/* 모바일용 인디케이터 */}
-            {lightbox.showNav && lightbox.images.length > 1 && (
-              <LightboxIndicator
-                count={lightbox.images.length}
-                currentIndex={lightbox.index}
-                goToIndex={(i) => swiperRef.current?.slideTo(i)}
-                width={120}
-              />
-            )}
-          </motion.div>
-        )}
+                        {hasValidConcept && (
+                          <div className="flex items-start gap-3">
+                            <div className="w-8 h-8 bg-white/10 rounded-full flex items-center justify-center flex-shrink-0">
+                              <Tag size={16} className="text-zinc-400" />
+                            </div>
+                            <div>
+                              <p className="text-zinc-400 text-xs mb-1">컨셉</p>
+                              <p className="text-white">{concept}</p>
+                            </div>
+                          </div>
+                        )}
+                      </div>
+                    </motion.div>
+                  </motion.div>
+                )}
+              </AnimatePresence>
+            </motion.div>
+          );
+        })()}
       </AnimatePresence>
     </>
   );