diff --git a/HMH_iOS/HMH_iOS/Global/Literals/Literal/Image.swift b/HMH_iOS/HMH_iOS/Global/Literals/Literal/Image.swift
index 3ed7b41..e3edab3 100644
--- a/HMH_iOS/HMH_iOS/Global/Literals/Literal/Image.swift
+++ b/HMH_iOS/HMH_iOS/Global/Literals/Literal/Image.swift
@@ -10,6 +10,7 @@ import UIKit
 enum ImageLiterals {
     enum NavigationBar {
         static var icArrowLeft: UIImage { .load(named: "ic_back")}
+        static var icPoint: UIImage { .load(named: "ios_point")}
     }
     
     enum TabBar {
diff --git a/HMH_iOS/HMH_iOS/Global/Resources/Assets.xcassets/ios_point.imageset/Contents.json b/HMH_iOS/HMH_iOS/Global/Resources/Assets.xcassets/ios_point.imageset/Contents.json
new file mode 100644
index 0000000..f78062d
--- /dev/null
+++ b/HMH_iOS/HMH_iOS/Global/Resources/Assets.xcassets/ios_point.imageset/Contents.json
@@ -0,0 +1,23 @@
+{
+  "images" : [
+    {
+      "filename" : "ios_point.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "filename" : "ios_point@2x.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "filename" : "ios_point@3x.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
diff --git a/HMH_iOS/HMH_iOS/Global/Resources/Assets.xcassets/ios_point.imageset/ios_point.png b/HMH_iOS/HMH_iOS/Global/Resources/Assets.xcassets/ios_point.imageset/ios_point.png
new file mode 100644
index 0000000..da9d0cd
Binary files /dev/null and b/HMH_iOS/HMH_iOS/Global/Resources/Assets.xcassets/ios_point.imageset/ios_point.png differ
diff --git a/HMH_iOS/HMH_iOS/Global/Resources/Assets.xcassets/ios_point.imageset/ios_point@2x.png b/HMH_iOS/HMH_iOS/Global/Resources/Assets.xcassets/ios_point.imageset/ios_point@2x.png
new file mode 100644
index 0000000..4379e96
Binary files /dev/null and b/HMH_iOS/HMH_iOS/Global/Resources/Assets.xcassets/ios_point.imageset/ios_point@2x.png differ
diff --git a/HMH_iOS/HMH_iOS/Global/Resources/Assets.xcassets/ios_point.imageset/ios_point@3x.png b/HMH_iOS/HMH_iOS/Global/Resources/Assets.xcassets/ios_point.imageset/ios_point@3x.png
new file mode 100644
index 0000000..6b18999
Binary files /dev/null and b/HMH_iOS/HMH_iOS/Global/Resources/Assets.xcassets/ios_point.imageset/ios_point@3x.png differ
diff --git a/HMH_iOS/HMH_iOS/Presentation/Common/UIComponets/HMHNavigationBar.swift b/HMH_iOS/HMH_iOS/Presentation/Common/UIComponets/HMHNavigationBar.swift
index cb26a12..363807e 100644
--- a/HMH_iOS/HMH_iOS/Presentation/Common/UIComponets/HMHNavigationBar.swift
+++ b/HMH_iOS/HMH_iOS/Presentation/Common/UIComponets/HMHNavigationBar.swift
@@ -18,6 +18,7 @@ final class HMHNavigationBar: UIView {
     }
     
     private var type: NavigationBarType = .normal
+    private var isGray: Bool = false
     
     private lazy var backArrowButton = UIButton().then {
         $0.setImage(ImageLiterals.NavigationBar.icArrowLeft, for: .normal)
@@ -25,10 +26,14 @@ final class HMHNavigationBar: UIView {
     }
     
     private lazy var pointButton = UIButton().then {
-        $0.backgroundColor = .blue
         $0.isHidden = true
     }
     
+    private let pointImageView = UIImageView().then {
+        $0.image = ImageLiterals.NavigationBar.icPoint
+        $0.tintColor = .gray3
+    }
+    
     private let logoImageView = UIImageView().then {
         $0.backgroundColor = .blue
     }
@@ -39,17 +44,24 @@ final class HMHNavigationBar: UIView {
         $0.isHidden = true
     }
     
-    init(leftItem type: NavigationBarType, isBackButton: Bool, isTitleLabel: Bool, isPointImage: Bool, titleText: String? = nil) {
+    init(leftItem type: NavigationBarType,
+         isBackButton: Bool,
+         isTitleLabel: Bool,
+         isPointImage: Bool,
+         isBackGroundGray: Bool,
+         titleText: String? = nil) {
         super.init(frame: .zero)
         self.type = type
         
         backArrowButton.isHidden = !isBackButton
         titleLabel.isHidden = !isTitleLabel
         pointButton.isHidden = !isPointImage
+        isGray = isBackGroundGray
         titleLabel.text = titleText
         
         setUI()
         addTarget()
+        configureNavigationBar()
     }
     
     required init?(coder: NSCoder) {
@@ -65,36 +77,80 @@ final class HMHNavigationBar: UIView {
         switch type {
         case .normal:
             self.addSubviews(backArrowButton, titleLabel, pointButton)
-            
+            pointButton.addSubview(pointImageView)
         case .logo:
             self.addSubviews(logoImageView)
         }
     }
     
     private func setConstraints() {
-        switch type {
-        case .normal:
-            backArrowButton.snp.makeConstraints {
-                $0.centerY.equalToSuperview()
-                $0.leading.equalToSuperview().inset(20.adjusted)
-                $0.size.equalTo(24.adjusted)
+        //SE이외의 기기 일때
+        if UIScreen.main.isLongerThan812pt {
+            self.snp.makeConstraints {
+                $0.height.equalTo(113.adjusted)
             }
-            
-            titleLabel.snp.makeConstraints {
-                $0.center.equalToSuperview()
+            switch type {
+            case .normal:
+                backArrowButton.snp.makeConstraints {
+                    $0.centerY.equalTo(titleLabel)
+                    $0.leading.equalToSuperview().inset(20.adjusted)
+                    $0.size.equalTo(24.adjusted)
+                }
+                
+                titleLabel.snp.makeConstraints {
+                    $0.top.equalToSuperview().offset(68.adjusted)
+                    $0.centerX.equalToSuperview()
+                }
+                
+                pointButton.snp.makeConstraints {
+                    $0.centerY.equalTo(titleLabel)
+                    $0.trailing.equalToSuperview().inset(20.adjusted)
+                    $0.size.equalTo(24.adjusted)
+                }
+                
+                pointImageView.snp.makeConstraints {
+                    $0.edges.equalToSuperview()
+                }
+                
+            case .logo:
+                logoImageView.snp.makeConstraints {
+                    $0.centerY.equalToSuperview().offset(50.adjusted)
+                    $0.leading.equalToSuperview().inset(20.adjusted)
+                    $0.size.equalTo(24.adjusted)
+                }
             }
-            
-            pointButton.snp.makeConstraints {
-                $0.centerY.equalToSuperview()
-                $0.trailing.equalToSuperview().inset(20.adjusted)
-                $0.size.equalTo(24.adjusted)
+        } else {
+            self.snp.makeConstraints {
+                $0.height.equalTo(83.adjusted)
             }
-            
-        case .logo:
-            logoImageView.snp.makeConstraints {
-                $0.centerY.equalToSuperview()
-                $0.leading.equalToSuperview().inset(20.adjusted)
-                $0.size.equalTo(24.adjusted)
+            switch type {
+            case .normal:
+                backArrowButton.snp.makeConstraints {
+                    $0.centerY.equalTo(titleLabel)
+                    $0.leading.equalToSuperview().inset(20.adjusted)
+                    $0.size.equalTo(24.adjusted)
+                }
+                
+                titleLabel.snp.makeConstraints {
+                    $0.centerX.equalToSuperview()
+                    $0.bottom.equalToSuperview().offset(-18.adjusted)
+                }
+                
+                pointButton.snp.makeConstraints {
+                    $0.centerY.equalTo(titleLabel)
+                    $0.trailing.equalToSuperview().inset(20.adjusted)
+                    $0.size.equalTo(24.adjusted)
+                }
+                
+                pointImageView.snp.makeConstraints {
+                    $0.edges.equalToSuperview()
+                }
+            case .logo:
+                logoImageView.snp.makeConstraints {
+                    $0.centerY.equalToSuperview().offset(50.adjusted)
+                    $0.leading.equalToSuperview().inset(20.adjusted)
+                    $0.size.equalTo(24.adjusted)
+                }
             }
         }
     }
@@ -103,6 +159,9 @@ final class HMHNavigationBar: UIView {
         backArrowButton.addTarget(self, action: #selector(backArrowButtonTapped), for: .touchUpInside)
     }
     
+    private func configureNavigationBar() {
+        self.backgroundColor = isGray ? .gray7 : .background
+    }
     
     @objc private func backArrowButtonTapped() {
         guard let navigationController = findViewController()?.navigationController else {