diff --git a/14th-team5-iOS/App/Sources/Presentation/Calendar/View/MemoriesCalendarPageTitleView.swift b/14th-team5-iOS/App/Sources/Presentation/Calendar/View/MemoriesCalendarPageTitleView.swift
index 4c550a018..f13c3200a 100644
--- a/14th-team5-iOS/App/Sources/Presentation/Calendar/View/MemoriesCalendarPageTitleView.swift
+++ b/14th-team5-iOS/App/Sources/Presentation/Calendar/View/MemoriesCalendarPageTitleView.swift
@@ -21,7 +21,7 @@ final public class MemoriesCalendarPageTitleView: BaseView<MemoriesCalendarTitle
     private let memoryCountLabel: BBLabel = BBLabel(.body1Regular, textColor: .gray200)
     private let tipButton: UIButton = UIButton(type: .system)
     
-    private let toolTipView: BBToolTipView = BBToolTipView()
+    private let toolTipView: BBToolTip = BBToolTip(.monthlyCalendar)
     
     // MARK: - Properties
     
@@ -47,10 +47,7 @@ final public class MemoriesCalendarPageTitleView: BaseView<MemoriesCalendarTitle
     
     private func bindOutput(reactor: Reactor) {
         reactor.pulse(\.$hiddenTooltipView)
-            .bind(with: self) {
-                $1 ? $0.toolTipView.hidePopover()
-                : $0.toolTipView.showPopover()
-            }
+            .bind(to: toolTipView.rx.isHidden)
             .disposed(by: disposeBag)
     }
     
@@ -58,7 +55,7 @@ final public class MemoriesCalendarPageTitleView: BaseView<MemoriesCalendarTitle
     public override func setupUI() {
         super.setupUI()
         
-        self.addSubviews(labelStack, memoryCountLabel, toolTipView)
+        self.addSubviews(labelStack, memoryCountLabel)
         labelStack.addArrangedSubviews(titleLabel, tipButton)
     }
     
@@ -79,10 +76,6 @@ final public class MemoriesCalendarPageTitleView: BaseView<MemoriesCalendarTitle
             $0.size.equalTo(20)
         }
         
-        toolTipView.snp.makeConstraints {
-            $0.top.equalTo(tipButton.snp.bottom).offset(4)
-            $0.leading.equalToSuperview().offset(57.5)
-        }
     }
 
     public override func setupAttributes() {
@@ -102,9 +95,9 @@ final public class MemoriesCalendarPageTitleView: BaseView<MemoriesCalendarTitle
             $0.distribution = .fill
         }
         
-        toolTipView.hidePopover()
-        toolTipView.toolTipType = .monthlyCalendar
-//        toolTipView.anchorPoint = CGPoint(x: 0.3, y: 0)
+        toolTipView.do {
+            $0.superview = tipButton
+        }
     }
     
 }
diff --git a/14th-team5-iOS/App/Sources/Presentation/Management/Reactor/ManagementTableHeaderReactor.swift b/14th-team5-iOS/App/Sources/Presentation/Management/Reactor/ManagementTableHeaderReactor.swift
index 33810e539..a73d4e884 100644
--- a/14th-team5-iOS/App/Sources/Presentation/Management/Reactor/ManagementTableHeaderReactor.swift
+++ b/14th-team5-iOS/App/Sources/Presentation/Management/Reactor/ManagementTableHeaderReactor.swift
@@ -15,17 +15,23 @@ public final class ManagementTableHeaderReactor {
     
     // MARK: - Action
     
-    public enum Action { }
+    public enum Action {
+        case didTappedToolTipButton
+    }
     
     
     // MARK: - Mutation
     
-    public enum Mutation { }
+    public enum Mutation {
+        case setToolTipHidden(Bool)
+    }
     
     
     // MARK: - State
     
-    public struct State { }
+    public struct State {
+        @Pulse var isHidden: Bool = false
+    }
     
     
     // MARK: - Properties
@@ -39,4 +45,19 @@ public final class ManagementTableHeaderReactor {
         self.initialState = State()
     }
     
+    public func mutate(action: Action) -> Observable<Mutation> {
+        switch action {
+        case .didTappedToolTipButton:
+            return .just(.setToolTipHidden(!currentState.isHidden))
+        }
+    }
+    
+    public func reduce(state: State, mutation: Mutation) -> State {
+        var newState = state
+        switch mutation {
+        case let .setToolTipHidden(isHidden):
+            newState.isHidden = isHidden
+        }
+        return newState
+    }
 }
diff --git a/14th-team5-iOS/App/Sources/Presentation/Management/View/ManagementTableHeaderView.swift b/14th-team5-iOS/App/Sources/Presentation/Management/View/ManagementTableHeaderView.swift
index e1c9fd2d9..680d5662f 100644
--- a/14th-team5-iOS/App/Sources/Presentation/Management/View/ManagementTableHeaderView.swift
+++ b/14th-team5-iOS/App/Sources/Presentation/Management/View/ManagementTableHeaderView.swift
@@ -20,7 +20,7 @@ public final class ManagementTableHeaderView: BaseView<ManagementTableHeaderReac
     private let familyNameLabel: BBLabel = BBLabel(.head1, textColor: .gray200)
     private let memberCountLabel: BBLabel = BBLabel(.body1Regular, textColor: .gray400)
     private let familyNameEditButton: BBButton = BBButton()
-    
+    private let familyNameToolTipeView: BBToolTip = BBToolTip(.familyNameEdit)
     
     // MARK: - Properties
     
@@ -58,6 +58,9 @@ public final class ManagementTableHeaderView: BaseView<ManagementTableHeaderReac
             $0.setImage(DesignSystemAsset.edit.image, for: .normal)
             $0.addTarget(self, action: #selector(didTapFamilyNameEditButton(_:event:)), for: .touchUpInside)
         }
+        familyNameToolTipeView.do {
+            $0.superview  = familyNameEditButton
+        }
     }
     
     public override func setupAutoLayout() {
@@ -75,6 +78,18 @@ public final class ManagementTableHeaderView: BaseView<ManagementTableHeaderReac
         }
     }
     
+    public override func bind(reactor: Reactor) {
+        familyNameEditButton.rx.tap
+            .throttle(RxInterval._300milliseconds, scheduler: RxScheduler.main)
+            .map { Reactor.Action.didTappedToolTipButton }
+            .bind(to: reactor.action)
+            .disposed(by: disposeBag)
+        
+        reactor.pulse(\.$isHidden)
+            .bind(to: familyNameToolTipeView.rx.isHidden)
+            .disposed(by: disposeBag)
+    }
+
 }
 
 
diff --git a/14th-team5-iOS/Core/Sources/Bibbi/BBCommons/BBToolTip/BBAnimatable.swift b/14th-team5-iOS/Core/Sources/Bibbi/BBCommons/BBToolTip/BBAnimatable.swift
index 9cd47602b..e4e521f94 100644
--- a/14th-team5-iOS/Core/Sources/Bibbi/BBCommons/BBToolTip/BBAnimatable.swift
+++ b/14th-team5-iOS/Core/Sources/Bibbi/BBCommons/BBToolTip/BBAnimatable.swift
@@ -16,42 +16,52 @@ public typealias BBComponentPresentable = BBComponentShowable & BBComponentClosa
 /// **Animate**, **CGAffineTransform**, **CABasicAnimation** 을 활용한 Animation 메서드를 정의하는 Protocol 입니다.
 ///  해당 **BBComponentShowable** 프로토콜은 Component 객체를 보여주는 애니메이션을 정의하는 프로토콜입니다.
 public protocol BBComponentShowable {
-    func showPopover(duration: TimeInterval, options: UIView.AnimationOptions, transform: CGAffineTransform, alpha: CGFloat)
+    func show(duration: TimeInterval, options: UIView.AnimationOptions, transform: CGAffineTransform, alpha: CGFloat)
 }
 
 /// **Animate**, **CGAffineTransform**, **CABasicAnimation** 을 활용한 Animation 메서드를 정의하는 Protocol 입니다.
 ///  해당 **BBComponentClosable** 프로토콜은 Component 객체를 숨기는 애니메이션을 정의하는 프로토콜입니다.
 public protocol BBComponentClosable {
-    func hidePopover(duration: TimeInterval, options: UIView.AnimationOptions, transform: CGAffineTransform, alpha: CGFloat)
+    func hide(duration: TimeInterval, options: UIView.AnimationOptions, transform: CGAffineTransform, alpha: CGFloat)
 }
 
 
 //MARK: - Extensions
 
-public extension BBComponentShowable where Self: UIView {
-    /// showPopover  메서드 호출 시 Popover 애니메이션 효과를 실행합니다.
-    func showPopover(duration: TimeInterval = 0.3, options: UIView.AnimationOptions = [.curveEaseInOut], transform: CGAffineTransform = CGAffineTransform(scaleX: 0.1, y: 0.1), alpha: CGFloat = 1) {
-        self.transform = transform
-        self.alpha = alpha
+public extension BBComponentShowable where Self: BBToolTip {
+    func show(duration: TimeInterval = 0.3, options: UIView.AnimationOptions = [.curveEaseInOut], transform: CGAffineTransform = CGAffineTransform(scaleX: 0.1, y: 0.1), alpha: CGFloat = 1) {
         
-        UIView.animate(withDuration: duration, delay: 0, options: options) { [weak self] in
-            guard let self else { return }
-            self.transform = CGAffineTransform.identity
-            self.alpha = 1
+        guard let contentView else {
+            assertionFailure("No contentView assigned to BBToolTip")
+            return
+        }
+        
+        superview?.addSubview(contentView)
+        updateLayout()
+        
+        UIView.animate(withDuration: duration, delay: 0, options: options) {
+            self.contentView?.transform = CGAffineTransform.identity
+            self.contentView?.alpha = 1
         }
     }
 }
 
-public extension BBComponentClosable where Self: UIView {
-    /// hidePopover  메서드 호출 시 Popover 애니메이션 효과를 제거합니다.
-    func hidePopover(duration: TimeInterval = 0.3, options: UIView.AnimationOptions = [.curveEaseInOut], transform: CGAffineTransform = CGAffineTransform(scaleX: 0.1, y: 0.1), alpha: CGFloat = 0) {
+public extension BBComponentClosable where Self: BBToolTip {
+    func hide(
+        duration: TimeInterval = 0.3,
+        options: UIView.AnimationOptions = [.curveEaseInOut],
+        transform: CGAffineTransform = CGAffineTransform(scaleX: 0.1, y: 0.1),
+        alpha: CGFloat = 0
+    ) {
         
-        UIView.animate(withDuration: duration, delay: 0, options: options) { [weak self] in
-            guard let self else { return }
-            self.transform = transform
-            self.alpha = alpha
-        } completion: { _ in
-            self.transform = CGAffineTransform.identity
-        }
+        UIView.animate(withDuration: duration, delay: 0, options: options, animations: {
+            self.contentView?.transform = transform
+            self.contentView?.alpha = 0
+        }, completion: { _ in 
+            self.contentView?.removeFromSuperview()
+            self.contentView?.transform = .identity
+        })
+        
+        self.contentView?.layoutIfNeeded()
     }
 }
diff --git a/14th-team5-iOS/Core/Sources/Bibbi/BBCommons/BBToolTip/BBDrawable.swift b/14th-team5-iOS/Core/Sources/Bibbi/BBCommons/BBToolTip/BBBaseToolTipView.swift
similarity index 59%
rename from 14th-team5-iOS/Core/Sources/Bibbi/BBCommons/BBToolTip/BBDrawable.swift
rename to 14th-team5-iOS/Core/Sources/Bibbi/BBCommons/BBToolTip/BBBaseToolTipView.swift
index 348387470..66979570e 100644
--- a/14th-team5-iOS/Core/Sources/Bibbi/BBCommons/BBToolTip/BBDrawable.swift
+++ b/14th-team5-iOS/Core/Sources/Bibbi/BBCommons/BBToolTip/BBBaseToolTipView.swift
@@ -1,29 +1,39 @@
 //
-//  BBDrawable.swift
+//  BBBaseToolTipView.swift
 //  Core
 //
-//  Created by Kim dohyun on 9/19/24.
+//  Created by 김도현 on 10/27/24.
 //
 
 import UIKit
 
-/// **UIBezierPath**, ** CALayer**, **CGMutablePath**을  활용한 draw 메서드를 정의하는 Protocol입니다.
-protocol BBDrawable {
-    func drawToolTip(_ frame: CGRect, type: BBToolTipType, context: CGContext)
-    func drawToolTipArrowShape(_ frame: CGRect, type: BBToolTipType, path: CGMutablePath)
-    func drawToolTipBottomShape(_ frame: CGRect, toolTipType: BBToolTipType, cornerRadius: CGFloat, path: CGMutablePath)
-    func drawToolTipTopShape(_ frame: CGRect, toolTipType: BBToolTipType, cornerRadius: CGFloat, path: CGMutablePath)
-}
-
+import SnapKit
+import Then
 
-extension BBDrawable {
+public class BBBaseToolTipView: UIView {
+    // MARK: - Properties
+    public var toolTipType: BBToolTipType
+    
+    // MARK: - Intializer
+    public init(toolTipType: BBToolTipType) {
+        self.toolTipType = toolTipType
+        super.init(frame: .zero)
+    }
+    
+    required init?(coder: NSCoder) {
+        fatalError("init(coder:) has not been implemented")
+    }
     
+    public override func draw(_ rect: CGRect) {
+        super.draw(rect)
+        guard let context = UIGraphicsGetCurrentContext() else { return }
+        context.saveGState()
+        drawToolTip(rect, type: toolTipType, context: context)
+        context.restoreGState()
+    }
     
-    /// drawToolTip 메서드 호출 시 **BBToolTipType** 에 해당하는 ToolTip Layout을 **CGContext** 내에서 드로잉 하는 메서드입니다.
-    ///
-    /// drawToolTip에 frame은 UIView의 **draw(_: )**  메서드에서 호출되고 있습니다.
-    /// ToolTip Layout을 변경할 경우 **setNeedsDisplay** 메서드를 호출하시면 됩니다.
-    func drawToolTip(_ frame: CGRect, type: BBToolTipType, context: CGContext) {
+    // MARK: - Configure
+    private func drawToolTip(_ frame: CGRect, type: BBToolTipType, context: CGContext) {
         let toolTipPath = CGMutablePath()
         
         switch type {
@@ -40,13 +50,10 @@ extension BBDrawable {
         context.setFillColor(type.configure.backgroundColor.cgColor)
         context.fillPath()
     }
-    
-    /// drawToolTipArrowShape 메서드 호출 시 ToolTip에 Arrow 모양을 드로잉 하도록 실행합니다.
-    ///
-    /// **BBToolTipType** 에 따라 Arrow의 위치가 배치됩니다.
-    func drawToolTipArrowShape(_ frame: CGRect, type: BBToolTipType, path: CGMutablePath) {
+
+    private func drawToolTipArrowShape(_ frame: CGRect, type: BBToolTipType, path: CGMutablePath) {
         let margin: CGFloat = 16
-        let arrowTipXPosition = type.xPosition.rawValue * frame.width
+        let arrowTipXPosition = type.configure.xPosition.rawValue * frame.width
         let adjustedArrowTipXPosition = min(max(arrowTipXPosition, margin + type.configure.arrowWidth / 2), frame.width - margin - type.configure.arrowWidth / 2)
         let arrowLeft = adjustedArrowTipXPosition - type.configure.arrowWidth / 2
         let arrowRight = adjustedArrowTipXPosition + type.configure.arrowWidth / 2
@@ -62,11 +69,8 @@ extension BBDrawable {
             path.addLine(to: CGPoint(x: arrowRight, y: frame.height - type.configure.arrowHeight))
         }
     }
-    
-    /// drawToolTipTopShape  메서드 실행 시 ToolTip의 **ContentShape** 영역들을 드로잉 하도록 실행합니다.
-    ///
-    /// Note: - 해당 메서드는 **BBToolTipVerticalPosition** 이 Top일 경우 실행합니다.
-    func drawToolTipTopShape(_ frame: CGRect, toolTipType: BBToolTipType, cornerRadius: CGFloat, path: CGMutablePath) {
+
+    private func drawToolTipTopShape(_ frame: CGRect, toolTipType: BBToolTipType, cornerRadius: CGFloat, path: CGMutablePath) {
         path.addArc(tangent1End: CGPoint(x: frame.maxX, y: toolTipType.configure.arrowHeight), tangent2End: CGPoint(x: frame.maxX, y: frame.maxY + frame.height), radius: cornerRadius)
         path.addArc(tangent1End: CGPoint(x: frame.maxX, y: frame.maxY), tangent2End: CGPoint(x: frame.minX, y: frame.maxY), radius: cornerRadius)
         
@@ -74,13 +78,11 @@ extension BBDrawable {
         path.addArc(tangent1End: CGPoint(x: frame.minX, y: toolTipType.configure.arrowHeight), tangent2End: CGPoint(x: frame.maxX, y: toolTipType.configure.arrowHeight), radius: cornerRadius)
     }
     
-    /// drawToolTipBottomShape  메서드 실행 시 ToolTip의 **ContentShape** 영역들을 드로잉 하도록 실행합니다.
-    ///
-    /// Note: - 해당 메서드는 **BBToolTipVerticalPosition** 이 Bottom일 경우 실행합니다.
-    func drawToolTipBottomShape(_ frame: CGRect, toolTipType: BBToolTipType, cornerRadius: CGFloat, path: CGMutablePath) {
+    private func drawToolTipBottomShape(_ frame: CGRect, toolTipType: BBToolTipType, cornerRadius: CGFloat, path: CGMutablePath) {
         path.addArc(tangent1End: CGPoint(x: frame.maxX, y: frame.height - toolTipType.configure.arrowHeight), tangent2End: CGPoint(x: frame.maxX, y: 0), radius: cornerRadius)
         path.addArc(tangent1End: CGPoint(x: frame.maxX, y: 0), tangent2End: CGPoint(x: frame.minX, y: 0), radius: cornerRadius)
         path.addArc(tangent1End: CGPoint(x: frame.minX, y: 0), tangent2End: CGPoint(x: frame.minX, y: frame.height - toolTipType.configure.arrowHeight), radius: cornerRadius)
         path.addArc(tangent1End: CGPoint(x: frame.minX, y: frame.height - toolTipType.configure.arrowHeight), tangent2End: CGPoint(x: frame.maxX, y: frame.height - toolTipType.configure.arrowHeight), radius: cornerRadius)
     }
+    
 }
diff --git a/14th-team5-iOS/Core/Sources/Bibbi/BBCommons/BBToolTip/BBTextToolTipView.swift b/14th-team5-iOS/Core/Sources/Bibbi/BBCommons/BBToolTip/BBTextToolTipView.swift
new file mode 100644
index 000000000..021fe14fe
--- /dev/null
+++ b/14th-team5-iOS/Core/Sources/Bibbi/BBCommons/BBToolTip/BBTextToolTipView.swift
@@ -0,0 +1,77 @@
+//
+//  BBTextToolTipView.swift
+//  Core
+//
+//  Created by 김도현 on 10/27/24.
+//
+
+import UIKit
+
+import SnapKit
+import Then
+
+
+public class BBTextToolTipView: BBBaseToolTipView {
+    // MARK: - Properties
+    private var contentLabel: BBLabel = BBLabel()
+    
+    // MARK: - Intializer
+    public override var intrinsicContentSize: CGSize {
+        let contentWidth = contentLabel.intrinsicContentSize.width + 32
+        let contentHeight = contentLabel.intrinsicContentSize.height + toolTipType.configure.arrowHeight + 20
+        return CGSize(width: contentWidth, height: contentHeight)
+    }
+    
+    
+    public override init(toolTipType: BBToolTipType) {
+        super.init(toolTipType: toolTipType)
+        setupToolTipUI()
+        setupToolTipContent()
+        setupAutoLayout()
+    }
+    
+    required init?(coder: NSCoder) {
+        fatalError("init(coder:) has not been implemented")
+    }
+    
+    // MARK: - Configure
+    private func setupToolTipUI() {
+        addSubview(contentLabel)
+    }
+    
+    private func setupToolTipContent() {
+        contentLabel.do {
+            $0.text = toolTipType.configure.contentText
+            $0.fontStyle = toolTipType.configure.font
+            $0.textAlignment = .center
+            $0.numberOfLines = 0
+            $0.textColor = toolTipType.configure.foregroundColor
+            $0.sizeToFit()
+        }
+        
+        self.do {
+            $0.backgroundColor = .clear
+        }
+    }
+    
+    private func setupAutoLayout() {
+        let position = toolTipType.configure.yPosition
+        let arrowHeight: CGFloat = toolTipType.configure.arrowHeight
+        let textPadding: CGFloat = 10
+        
+        switch position {
+        case .bottom:
+            contentLabel.snp.makeConstraints {
+                $0.horizontalEdges.equalToSuperview().inset(16)
+                $0.bottom.equalToSuperview().inset((arrowHeight + textPadding))
+                $0.top.equalToSuperview().inset(textPadding)
+            }
+        case .top:
+            contentLabel.snp.makeConstraints {
+                $0.horizontalEdges.equalToSuperview().inset(16)
+                $0.top.equalToSuperview().inset((arrowHeight + textPadding))
+                $0.bottom.equalToSuperview().inset(textPadding)
+            }
+        }
+    }
+}
diff --git a/14th-team5-iOS/Core/Sources/Bibbi/BBCommons/BBToolTip/BBThumbnailToolTipView.swift b/14th-team5-iOS/Core/Sources/Bibbi/BBCommons/BBToolTip/BBThumbnailToolTipView.swift
new file mode 100644
index 000000000..ffbadd63c
--- /dev/null
+++ b/14th-team5-iOS/Core/Sources/Bibbi/BBCommons/BBToolTip/BBThumbnailToolTipView.swift
@@ -0,0 +1,111 @@
+//
+//  BBThumbnailToolTipView.swift
+//  Core
+//
+//  Created by 김도현 on 10/27/24.
+//
+
+import UIKit
+
+import SnapKit
+import Then
+
+public class BBThumbnailToolTipView: BBBaseToolTipView {
+    // MARK: - Properties
+    private let stackView: UIStackView = UIStackView()
+    private let contentLabel: BBLabel = BBLabel()
+    
+    
+    // MARK: - Intializer
+    public override var intrinsicContentSize: CGSize {
+        guard case let .waitingSurvivalImage(_, imageURLs) = toolTipType else {
+            return .zero
+        }
+        let thumbnailWidth = CGFloat(24 * imageURLs.count)
+        let labelWidth = contentLabel.intrinsicContentSize.width
+        let contentWidth = thumbnailWidth + labelWidth + 38
+        let contentHeight = max(stackView.intrinsicContentSize.height, contentLabel.intrinsicContentSize.height) + toolTipType.configure.arrowHeight + 20
+        
+        return CGSize(width: contentWidth, height: contentHeight)
+    }
+    
+    public override init(toolTipType: BBToolTipType) {
+        super.init(toolTipType: toolTipType)
+        guard case let .waitingSurvivalImage(_, imageURLs) = toolTipType else {
+            return
+        }
+        setupToolTipUI()
+        setupToolTipContent()
+        setupAutoLayout()
+        setupThumbnailImageView(imageURL: imageURLs)
+    }
+    
+    required init?(coder: NSCoder) {
+        fatalError("init(coder:) has not been implemented")
+    }
+    
+    
+    // MARK: - Configure
+    public func setupToolTipUI() {
+        addSubviews(stackView, contentLabel)
+    }
+    
+    
+    public func setupAutoLayout() {
+        let arrowHeight: CGFloat = toolTipType.configure.arrowHeight
+        let textPadding: CGFloat = 10
+        guard case let .waitingSurvivalImage(_, imageURLs) = toolTipType else {
+            return
+        }
+        
+        stackView.snp.makeConstraints {
+            $0.width.equalTo(24 * imageURLs.count)
+            $0.height.equalTo(24)
+            $0.left.equalToSuperview().inset(16)
+            $0.centerY.equalTo(contentLabel)
+        }
+        
+        
+        contentLabel.snp.makeConstraints {
+            $0.left.equalTo(stackView.snp.right).offset(6)
+            $0.right.equalToSuperview().inset(16)
+            $0.bottom.equalToSuperview().inset(arrowHeight + textPadding)
+            $0.top.equalToSuperview().inset(textPadding)
+        }
+    }
+    
+    public func setupToolTipContent() {
+        stackView.do {
+            $0.spacing = -4
+            $0.distribution = .fillEqually
+        }
+        
+        contentLabel.do {
+            $0.text = toolTipType.configure.contentText
+            $0.fontStyle = toolTipType.configure.font
+            $0.textAlignment = .center
+            $0.numberOfLines = 0
+            $0.textColor = toolTipType.configure.foregroundColor
+            $0.sizeToFit()
+        }
+        
+        self.do {
+            $0.backgroundColor = .clear
+        }
+    }
+    
+    
+    private func setupThumbnailImageView(imageURL: [URL]) {
+        imageURL.forEach {
+            let imageView: UIImageView = UIImageView(frame: .init(x: 0, y: 0, width: 20, height: 20))
+            imageView.contentMode = .scaleAspectFill
+            imageView.layer.borderColor = UIColor.mainYellow.cgColor
+            imageView.layer.borderWidth = 2
+            imageView.layer.cornerRadius = 10
+            imageView.clipsToBounds = true
+            imageView.kf.setImage(with: $0)
+            stackView.addArrangedSubview(imageView)
+        }
+    }
+    
+}
diff --git a/14th-team5-iOS/Core/Sources/Bibbi/BBCommons/BBToolTip/BBToolTip.swift b/14th-team5-iOS/Core/Sources/Bibbi/BBCommons/BBToolTip/BBToolTip.swift
new file mode 100644
index 000000000..cd897cbc7
--- /dev/null
+++ b/14th-team5-iOS/Core/Sources/Bibbi/BBCommons/BBToolTip/BBToolTip.swift
@@ -0,0 +1,94 @@
+//
+//  BBToolTip.swift
+//  Core
+//
+//  Created by 김도현 on 10/27/24.
+//
+
+import UIKit
+
+import SnapKit
+
+public final class BBToolTip: NSObject, BBComponentPresentable {
+    
+    // MARK: - Properties
+    public var contentView: BBBaseToolTipView?
+    public var superview: UIView?
+    public var isHidden: Bool = true {
+        didSet { isHidden ? self.hide() : self.show() }
+    }
+    
+    public var toolTipStyle: BBToolTipType {
+        didSet {
+            contentView?.removeFromSuperview()
+            createToolTipContent(toolTipStyle) { [weak self] in
+                guard let superview = self?.superview,
+                        let contentView = self?.contentView
+                else { return }
+                superview.addSubview(contentView)
+                self?.updateLayout()
+            }
+        }
+    }
+    
+    // MARK: - Intializer
+    public init(
+        _ toolTipStyle: BBToolTipType = .activeCameraTime
+    ) {
+        self.toolTipStyle = toolTipStyle
+        super.init()
+        createToolTipContent(toolTipStyle)
+    }
+    
+    // MARK: - Configure
+    public func updateLayout() {
+        guard let superview = superview, let contentView = contentView else {
+            assertionFailure("No superview or contentView assigned to BBToolTip")
+            return
+        }
+        
+        superview.layoutIfNeeded()
+        contentView.layoutIfNeeded()
+        
+        contentView.frame.size = contentView.intrinsicContentSize
+
+        let superviewCenterX = superview.bounds.midX
+        let contentViewWidth = contentView.frame.width
+        let arrowTipXPosition = toolTipStyle.configure.xPosition.rawValue * contentViewWidth
+
+        let horizontalOffset = superviewCenterX - arrowTipXPosition
+ 
+        var contentViewFrame = contentView.frame
+        switch toolTipStyle {
+        case .contributor, .monthlyCalendar:
+            contentViewFrame.origin = CGPoint(
+                x: horizontalOffset,
+                y: superview.bounds.origin.y + superview.frame.height
+            )
+        case .familyNameEdit:
+            contentViewFrame.origin = CGPoint(
+                x: horizontalOffset + superview.bounds.midX,
+                y: superview.bounds.minY - contentView.frame.height
+            )
+        default:
+            contentViewFrame.origin = CGPoint(
+                x: horizontalOffset,
+                y: superview.bounds.minY - contentView.frame.height
+            )
+        }
+        
+        contentView.frame = contentViewFrame
+    }
+
+    
+    private func createToolTipContent(_ style: BBToolTipType, completion: (() -> Void)? = nil) {
+        switch style {
+        case .waitingSurvivalImage:
+            self.contentView = BBThumbnailToolTipView(toolTipType: style)
+        default:
+            self.contentView = BBTextToolTipView(toolTipType: style)
+        }
+        
+        completion?()
+    }
+}
diff --git a/14th-team5-iOS/Core/Sources/Bibbi/BBCommons/BBToolTip/BBToolTipConfiguration.swift b/14th-team5-iOS/Core/Sources/Bibbi/BBCommons/BBToolTip/BBToolTipConfiguration.swift
index f46711b80..6f4cfd0f2 100644
--- a/14th-team5-iOS/Core/Sources/Bibbi/BBCommons/BBToolTip/BBToolTipConfiguration.swift
+++ b/14th-team5-iOS/Core/Sources/Bibbi/BBCommons/BBToolTip/BBToolTipConfiguration.swift
@@ -12,27 +12,30 @@ import DesignSystem
 /// BBToolTip에 (UI, Width, Height) Properties를 설정하기 위한 구조체입니다.
 public struct BBToolTipConfiguration {
     /// ToolTip Corner Radius
-    public var cornerRadius: CGFloat
+    public let cornerRadius: CGFloat
     /// TooTip TextFont Foreground Color
-    public var foregroundColor: UIColor
+    public let foregroundColor: UIColor
     /// TooTip Background Color
-    public var backgroundColor: UIColor
-    /// ToolTip Arrow Position
-    public var position: BBToolTipVerticalPosition
+    public let backgroundColor: UIColor
+    /// ToolTip Arrow YPosition
+    public let yPosition: BBToolTipVerticalPosition
+    /// ToolTip Arrow XPosition
+    public let xPosition: BBToolTipHorizontalPosition
     /// ToolTip Text Font
-    public var font: BBFontStyle
+    public let font: BBFontStyle
     /// ToolTip Content Text
-    public var contentText: String
+    public let contentText: String
     /// ToolTip Arrow Width
-    public var arrowWidth: CGFloat
+    public let arrowWidth: CGFloat
     /// ToolTip Arrow Height
-    public var arrowHeight: CGFloat
+    public let arrowHeight: CGFloat
     
     public init(
         cornerRadius: CGFloat = 12,
         foregroundColor: UIColor = .bibbiBlack,
         backgroundColor: UIColor = .mainYellow,
-        position: BBToolTipVerticalPosition = .top,
+        yPosition: BBToolTipVerticalPosition = .bottom,
+        xPosition: BBToolTipHorizontalPosition = .center,
         font: BBFontStyle = .body2Regular,
         contentText: String = "",
         arrowWidth: CGFloat = 15,
@@ -41,7 +44,8 @@ public struct BBToolTipConfiguration {
         self.cornerRadius = cornerRadius
         self.foregroundColor = foregroundColor
         self.backgroundColor = backgroundColor
-        self.position = position
+        self.xPosition = xPosition
+        self.yPosition = yPosition
         self.font = font
         self.contentText = contentText
         self.arrowWidth = arrowWidth
diff --git a/14th-team5-iOS/Core/Sources/Bibbi/BBCommons/BBToolTip/BBToolTipType.swift b/14th-team5-iOS/Core/Sources/Bibbi/BBCommons/BBToolTip/BBToolTipType.swift
index 21b428435..4cabc0c7d 100644
--- a/14th-team5-iOS/Core/Sources/Bibbi/BBCommons/BBToolTip/BBToolTipType.swift
+++ b/14th-team5-iOS/Core/Sources/Bibbi/BBCommons/BBToolTip/BBToolTipType.swift
@@ -11,7 +11,7 @@ import DesignSystem
 
 /// BBToolTip의 Style을 설정하기 위한  Nested types입니다.
 /// 해당 **BBToolTipType** 을 통해 BBToolTip의 Layout을 구성합니다.
-public enum BBToolTipType {
+public enum BBToolTipType: Equatable {
     /// 홈 화면 inactive Camera Button State ToolTip Type
     case inactiveCameraTime
     /// 홈 화면 active Camera Button State ToolTip Type
@@ -52,70 +52,80 @@ public enum BBToolTipType {
             return .init(
                 foregroundColor: .bibbiWhite,
                 backgroundColor: .gray700,
-                position: .bottom,
+                yPosition: .bottom,
+                xPosition: .center,
                 contentText: "오늘의 생존신고는 완료되었어요"
             )
         case .activeCameraTime:
             return .init(
                 foregroundColor: .bibbiWhite,
                 backgroundColor: .gray700,
-                position: .bottom,
+                yPosition: .bottom,
+                xPosition: .center,
                 contentText: "하루에 한 번 사진을 올릴 수 있어요"
             )
         case .familyNameEdit:
             return .init(
                 foregroundColor: .bibbiBlack,
                 backgroundColor: .mainYellow,
-                position: .bottom,
+                yPosition: .bottom,
+                xPosition: .right,
                 contentText: "가족 방 이름을 변경해보세요!"
             )
         case .inactiveSurvivalCameraNoUpload:
             return .init(
                 foregroundColor: .bibbiWhite,
                 backgroundColor: .gray700,
-                position: .bottom,
+                yPosition: .bottom,
+                xPosition: .center,
                 contentText: "생존신고 후 미션 사진을 올릴 수 있어요"
             )
         case .inactiveMissionCameraPostUpload:
             return .init(
                 foregroundColor: .bibbiWhite,
                 backgroundColor: .gray700,
-                position: .bottom,
+                yPosition: .bottom,
+                xPosition: .center,
                 contentText: "오늘의 미션은 완료되었어요"
             )
         case .inactiveMissionCamera:
             return .init(
                 foregroundColor: .bibbiWhite,
                 backgroundColor: .gray700,
-                position: .bottom,
+                yPosition: .bottom,
+                xPosition: .center,
                 contentText: "아직 미션 사진을 찍을 수 없어요"
             )
         case .activeMissionCamera:
             return .init(
                 foregroundColor: .bibbiWhite,
                 backgroundColor: .gray700,
-                position: .bottom,
+                yPosition: .bottom,
+                xPosition: .center,
                 contentText: "미션 사진을 찍으러 가볼까요?"
             )
         case .contributor:
             return .init(
                 foregroundColor: .bibbiWhite,
                 backgroundColor: .gray700,
-                position: .top,
+                yPosition: .top,
+                xPosition: .midLeft,
                 contentText: "생존신고 횟수가 동일한 경우\n이모지, 댓글 수를 합산해서 등수를 정해요"
             )
         case .monthlyCalendar:
             return .init(
                 foregroundColor: .bibbiWhite,
                 backgroundColor: .gray700,
-                position: .top,
+                yPosition: .top,
+                xPosition: .midLeft,
                 contentText: "모두가 참여한 날과 업로드한 사진 수로\n이 달의 친밀도를 측정합니다"
             )
         case let .waitingSurvivalImage(contentText, profile):
             return .init(
                 foregroundColor: .bibbiBlack,
                 backgroundColor: .mainYellow,
-                position: .bottom,
+                yPosition: .bottom,
+                xPosition: .center,
                 contentText: "\(contentText)님 외 \(profile.count - 1)명이 기다리고 있어요"
             )
         }
diff --git a/14th-team5-iOS/Core/Sources/Bibbi/BBCommons/BBToolTip/BBToolTipView.swift b/14th-team5-iOS/Core/Sources/Bibbi/BBCommons/BBToolTip/BBToolTipView.swift
deleted file mode 100644
index 22612f967..000000000
--- a/14th-team5-iOS/Core/Sources/Bibbi/BBCommons/BBToolTip/BBToolTipView.swift
+++ /dev/null
@@ -1,127 +0,0 @@
-//
-//  BBToolTipView.swift
-//  Core
-//
-//  Created by Kim dohyun on 9/13/24.
-//
-
-import UIKit
-
-import DesignSystem
-import Kingfisher
-import SnapKit
-import Then
-
-
-public final class BBToolTipView: UIView, BBDrawable, BBComponentPresentable {
-    
-    //MARK: Properties
-    private let contentLabel: BBLabel = BBLabel()
-    private let profileStackView: UIStackView = UIStackView()
-    public var toolTipType: BBToolTipType = .activeCameraTime {
-        didSet {
-            setupToolTipContent()
-            setupAutoLayout(toolTipType)
-            setNeedsDisplay()
-        }
-    }
-    
-    public init() {
-        super.init(frame: .zero)
-        setupToolTipUI()
-    }
-    
-    required init?(coder: NSCoder) {
-        fatalError("init(coder:) has not been implemented")
-    }
-    
-    public override func draw(_ rect: CGRect) {
-        super.draw(rect)
-        guard let context = UIGraphicsGetCurrentContext() else { return }
-        context.saveGState()
-        drawToolTip(rect, type: toolTipType, context: context)
-        context.restoreGState()
-    }
-    
-    //MARK: Configure
-    private func setupToolTipContent() {
-        
-        profileStackView.do {
-            $0.spacing = -4
-            $0.distribution = .fillEqually
-        }
-        
-        contentLabel.do {
-            $0.text = toolTipType.configure.contentText
-            $0.fontStyle = toolTipType.configure.font
-            $0.textAlignment = .center
-            $0.numberOfLines = 0
-            $0.textColor = toolTipType.configure.foregroundColor
-            $0.sizeToFit()
-        }
-        
-        self.do {
-            $0.backgroundColor = .clear
-        }
-    }
-    
-    private func setupToolTipUI() {
-        addSubviews(contentLabel, profileStackView)
-    }
-    
-    
-    private func setupWaitingToolTipUI(imageURL: [URL]) {
-        imageURL.forEach {
-            createProfileImageView(imageURL: $0)
-        }
-    }
-    
-    private func createProfileImageView(imageURL: URL) {
-        let imageView = UIImageView(frame: .init(x: 0, y: 0, width: 20, height: 20))
-        imageView.contentMode = .scaleAspectFill
-        imageView.layer.borderColor = UIColor.mainYellow.cgColor
-        imageView.layer.borderWidth = 2
-        imageView.clipsToBounds = true
-        imageView.layer.cornerRadius = 10
-        imageView.kf.setImage(with: imageURL)
-        profileStackView.addArrangedSubview(imageView)
-    }
-    
-    private func setupAutoLayout(_ type: BBToolTipType) {
-        let arrowHeight = toolTipType.configure.arrowHeight
-        let textPadding: CGFloat = 10
-        
-        switch type {
-        case .monthlyCalendar, .contributor:
-            contentLabel.snp.remakeConstraints {
-                $0.left.equalToSuperview().inset(16)
-                $0.right.equalToSuperview().inset(16)
-                $0.top.equalToSuperview().inset((arrowHeight + textPadding))
-                $0.bottom.equalToSuperview().inset(textPadding)
-            }
-        case let .waitingSurvivalImage(_ ,imageURL):
-            setupWaitingToolTipUI(imageURL: imageURL)
-            
-            profileStackView.snp.remakeConstraints {
-                $0.width.equalTo(24 * imageURL.count)
-                $0.left.equalToSuperview().offset(16)
-                $0.height.equalTo(24)
-                $0.centerY.equalTo(contentLabel)
-            }
-            
-            contentLabel.snp.remakeConstraints {
-                $0.left.equalTo(profileStackView.snp.right).offset(2)
-                $0.right.equalToSuperview().inset(16)
-                $0.bottom.equalToSuperview().inset((arrowHeight + textPadding))
-                $0.top.equalToSuperview().inset(textPadding)
-            }
-        default:
-            contentLabel.snp.remakeConstraints {
-                $0.left.equalToSuperview().inset(16)
-                $0.right.equalToSuperview().inset(16)
-                $0.bottom.equalToSuperview().inset((arrowHeight + textPadding))
-                $0.top.equalToSuperview().inset(textPadding)
-            }
-        }
-    }
-}