diff --git a/src/components/works/FrameCard.tsx b/src/components/works/FrameCard.tsx
index d3a588f..2bb03bd 100644
--- a/src/components/works/FrameCard.tsx
+++ b/src/components/works/FrameCard.tsx
@@ -134,7 +134,7 @@ export default function FrameCard({
 
         {/* 사진 */}
         <div
-          className="absolute flex items-center justify-center overflow-hidden rounded-sm"
+          className="absolute flex items-center justify-center overflow-hidden rounded-sm touch-none overscroll-none"
           style={{
             top: pad.top,
             left: pad.left,
@@ -145,7 +145,7 @@ export default function FrameCard({
           <img
             src={src}
             alt="work"
-            className="w-full object-cover"
+            className="w-full object-cover pointer-events-none select-none no-drag no-callout"
             loading="lazy"
           />
         </div>
diff --git a/src/index.css b/src/index.css
index bd78729..f39530d 100644
--- a/src/index.css
+++ b/src/index.css
@@ -5,6 +5,14 @@
   /* background-color: #f7f8f9; */
 }
 
+.no-drag {
+  -webkit-user-drag: none;
+  user-drag: none;
+}
+.no-callout {
+  -webkit-touch-callout: none;
+}
+
 @font-face {
   font-family: Pretendard;
   font-style: normal;