diff --git a/pochak/pochak.xcodeproj/project.pbxproj b/pochak/pochak.xcodeproj/project.pbxproj
index 18fcc3e7..95674f1a 100644
--- a/pochak/pochak.xcodeproj/project.pbxproj
+++ b/pochak/pochak.xcodeproj/project.pbxproj
@@ -3,7 +3,7 @@
 	archiveVersion = 1;
 	classes = {
 	};
-	objectVersion = 56;
+	objectVersion = 70;
 	objects = {
 
 /* Begin PBXBuildFile section */
@@ -470,6 +470,10 @@
 		F9A6AE07B1A942C2FFC48F28 /* Pods-pochak-pochakUITests.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-pochak-pochakUITests.release.xcconfig"; path = "Target Support Files/Pods-pochak-pochakUITests/Pods-pochak-pochakUITests.release.xcconfig"; sourceTree = "<group>"; };
 /* End PBXFileReference section */
 
+/* Begin PBXFileSystemSynchronizedRootGroup section */
+		082638162CDDEDE000EE1521 /* Views */ = {isa = PBXFileSystemSynchronizedRootGroup; explicitFileTypes = {}; explicitFolders = (); path = Views; sourceTree = "<group>"; };
+/* End PBXFileSystemSynchronizedRootGroup section */
+
 /* Begin PBXFrameworksBuildPhase section */
 		EA1B0B542A49D23A00F86FBC /* Frameworks */ = {
 			isa = PBXFrameworksBuildPhase;
@@ -853,6 +857,7 @@
 		373815142A89E6BE0032066A /* Login */ = {
 			isa = PBXGroup;
 			children = (
+				082638162CDDEDE000EE1521 /* Views */,
 				EAAACDB42A5168280041B1B9 /* Login.storyboard */,
 				373815152A89E6D30032066A /* SocialJoinViewController.swift */,
 				3766F4122C3A69E5001DD239 /* TermsOfAgreeViewController.swift */,
@@ -1373,6 +1378,9 @@
 			);
 			dependencies = (
 			);
+			fileSystemSynchronizedGroups = (
+				082638162CDDEDE000EE1521 /* Views */,
+			);
 			name = pochak;
 			productName = pochak;
 			productReference = EA1B0B572A49D23A00F86FBC /* pochak.app */;
diff --git a/pochak/pochak/Global/Extensions/UILabel+.swift b/pochak/pochak/Global/Extensions/UILabel+.swift
index 79b93fb3..8ab0f122 100644
--- a/pochak/pochak/Global/Extensions/UILabel+.swift
+++ b/pochak/pochak/Global/Extensions/UILabel+.swift
@@ -23,4 +23,42 @@ extension UILabel {
             attributedText = attributeString
         }
     }
+    
+    /// UILabel 내의 특정 문자열의 CGRect를 반환하는 메소드
+    /// - Parameter subText: CGRect값을 알고 싶은 특정 문자열
+    /// - Returns: 해당 문자열의 CGRect
+    func boundingRectForCharacterRange(subText: String) -> CGRect? {
+        guard let attributedText = attributedText else { return nil }
+        guard let text = self.text else { return nil }
+
+        guard let subRange = text.range(of: subText) else { return nil }
+        let range = NSRange(subRange, in: text)
+
+        // attributedText를 기반으로 한 NSTextStorage를 선언하고 NSLayoutManager를 추가
+        let layoutManager = NSLayoutManager()
+        let textStorage = NSTextStorage(attributedString: attributedText)
+        textStorage.addLayoutManager(layoutManager)
+
+        // instrinsicContentSize를 기반으로 NSTextContainer를 선언
+        let textContainer = NSTextContainer(size: intrinsicContentSize)
+
+        // 정확한 CGRect를 구해야하므로 padding 값은 0
+        textContainer.lineFragmentPadding = 0.0
+
+        // layoutManager에 추가
+        layoutManager.addTextContainer(textContainer)
+        var glyphRange = NSRange()
+
+        // 주어진 범위(rage)에 대한 실질적인 glyphRange 구하기
+        layoutManager.characterRange(
+            forGlyphRange: range,
+            actualGlyphRange: &glyphRange
+        )
+
+        // textContainer 내의 지정된 glyphRange에 대한 CGRect 값 반환
+        return layoutManager.boundingRect(
+            forGlyphRange: glyphRange,
+            in: textContainer
+        )
+    }
 }
diff --git a/pochak/pochak/Resources/Assets.xcassets/Checkmark.imageset/Checkmark.png b/pochak/pochak/Resources/Assets.xcassets/Checkmark.imageset/Checkmark.png
new file mode 100644
index 00000000..b1f8f34d
Binary files /dev/null and b/pochak/pochak/Resources/Assets.xcassets/Checkmark.imageset/Checkmark.png differ
diff --git a/pochak/pochak/Resources/Assets.xcassets/Checkmark.imageset/Checkmark@2x.png b/pochak/pochak/Resources/Assets.xcassets/Checkmark.imageset/Checkmark@2x.png
new file mode 100644
index 00000000..f5a5ca27
Binary files /dev/null and b/pochak/pochak/Resources/Assets.xcassets/Checkmark.imageset/Checkmark@2x.png differ
diff --git a/pochak/pochak/Resources/Assets.xcassets/Checkmark.imageset/Checkmark@3x.png b/pochak/pochak/Resources/Assets.xcassets/Checkmark.imageset/Checkmark@3x.png
new file mode 100644
index 00000000..75a80264
Binary files /dev/null and b/pochak/pochak/Resources/Assets.xcassets/Checkmark.imageset/Checkmark@3x.png differ
diff --git a/pochak/pochak/Resources/Assets.xcassets/Checkmark.imageset/Contents.json b/pochak/pochak/Resources/Assets.xcassets/Checkmark.imageset/Contents.json
new file mode 100644
index 00000000..91ff5752
--- /dev/null
+++ b/pochak/pochak/Resources/Assets.xcassets/Checkmark.imageset/Contents.json
@@ -0,0 +1,23 @@
+{
+  "images" : [
+    {
+      "filename" : "Checkmark.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "filename" : "Checkmark@2x.png",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "filename" : "Checkmark@3x.png",
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
diff --git a/pochak/pochak/UI/Login/Base.lproj/Login.storyboard b/pochak/pochak/UI/Login/Base.lproj/Login.storyboard
index ccab4f0d..b4f400c0 100644
--- a/pochak/pochak/UI/Login/Base.lproj/Login.storyboard
+++ b/pochak/pochak/UI/Login/Base.lproj/Login.storyboard
@@ -1,9 +1,9 @@
 <?xml version="1.0" encoding="UTF-8"?>
-<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="32700.99.1234" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" useTraitCollections="YES" useSafeAreas="YES" colorMatched="YES" initialViewController="w5l-aB-8rx">
+<document type="com.apple.InterfaceBuilder3.CocoaTouch.Storyboard.XIB" version="3.0" toolsVersion="23504" targetRuntime="iOS.CocoaTouch" propertyAccessControl="none" useAutolayout="YES" useTraitCollections="YES" useSafeAreas="YES" colorMatched="YES" initialViewController="w5l-aB-8rx">
     <device id="retina6_12" orientation="portrait" appearance="light"/>
     <dependencies>
         <deployment identifier="iOS"/>
-        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="22685"/>
+        <plugIn identifier="com.apple.InterfaceBuilder.IBCocoaTouchPlugin" version="23506"/>
         <capability name="Image references" minToolsVersion="12.0"/>
         <capability name="Named colors" minToolsVersion="9.0"/>
         <capability name="Safe area layout guides" minToolsVersion="9.0"/>
@@ -14,9 +14,15 @@
         <array key="Pretendard-Bold.ttf">
             <string>Pretendard-Bold</string>
         </array>
+        <array key="Pretendard-Light.ttf">
+            <string>Pretendard-Light</string>
+        </array>
         <array key="Pretendard-Medium.ttf">
             <string>Pretendard-Medium</string>
         </array>
+        <array key="Pretendard-SemiBold.ttf">
+            <string>Pretendard-SemiBold</string>
+        </array>
     </customFonts>
     <scenes>
         <!--Social Join View Controller-->
@@ -422,9 +428,6 @@
                                         <state key="normal" title="보기">
                                             <color key="titleColor" name="gray04"/>
                                         </state>
-                                        <connections>
-                                            <action selector="openPrivacyPolicy:" destination="3Iw-Cb-BdT" eventType="touchUpInside" id="glY-T0-Ucx"/>
-                                        </connections>
                                     </button>
                                     <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="c7L-9Z-VnX">
                                         <rect key="frame" x="260" y="149.66666666666669" width="30" height="30"/>
@@ -433,9 +436,6 @@
                                         <state key="normal" title="보기">
                                             <color key="titleColor" name="gray04"/>
                                         </state>
-                                        <connections>
-                                            <action selector="openTermsOfUSe:" destination="3Iw-Cb-BdT" eventType="touchUpInside" id="h0F-15-PlT"/>
-                                        </connections>
                                     </button>
                                     <button opaque="NO" contentMode="scaleToFill" contentHorizontalAlignment="center" contentVerticalAlignment="center" buttonType="system" lineBreakMode="middleTruncation" translatesAutoresizingMaskIntoConstraints="NO" id="W25-HF-kds">
                                         <rect key="frame" x="10" y="298.33333333333337" width="280" height="33.333333333333314"/>
@@ -497,8 +497,6 @@
                         <outlet property="backgroundView" destination="9PP-lq-jel" id="zfn-GI-c1I"/>
                         <outlet property="pochakCorpLabel" destination="QJt-RG-HKZ" id="01Q-WZ-lzQ"/>
                         <outlet property="pochakLabel" destination="zpj-Id-v3Y" id="Cqc-Vk-xSt"/>
-                        <outlet property="seePrivacyPolicy" destination="vJI-PQ-G2a" id="9ze-Sn-jR8"/>
-                        <outlet property="seeTermsOfUse" destination="c7L-9Z-VnX" id="13B-J4-PUe"/>
                         <outlet property="titleLabel" destination="6GH-cM-sso" id="KEY-zp-4im"/>
                     </connections>
                 </viewController>
diff --git a/pochak/pochak/UI/Login/SocialJoinViewController.swift b/pochak/pochak/UI/Login/SocialJoinViewController.swift
index 472a23fa..856831ea 100644
--- a/pochak/pochak/UI/Login/SocialJoinViewController.swift
+++ b/pochak/pochak/UI/Login/SocialJoinViewController.swift
@@ -119,7 +119,7 @@ class SocialJoinViewController: UIViewController, SendDelegate {
     
     private func changeViewControllerAccordingToisNewMemeberStateForGoogle(_ isNewMember : Bool, _ resultDataForGoogle : GoogleLoginModel){
         if isNewMember == true {
-            guard let termsOfAgreeVC = self.storyboard?.instantiateViewController(withIdentifier: "TermsOfAgreeVC") as? TermsOfAgreeViewController else {return}
+            let termsOfAgreeVC = TermsOfAgreeViewController()
             termsOfAgreeVC.modalPresentationStyle = .overCurrentContext    //  투명도가 있으면 투명도에 맞춰서 나오게 해주는 코드(뒤에있는 배경이 보일 수 있게)
             termsOfAgreeVC.delegate = self
             self.present(termsOfAgreeVC, animated: false, completion: nil)
@@ -144,7 +144,7 @@ class SocialJoinViewController: UIViewController, SendDelegate {
         if isNewMember == true {
             print("inside changeVCForApple")
             // 프로필 설정 페이지로 이동
-            guard let termsOfAgreeVC = self.storyboard?.instantiateViewController(withIdentifier: "TermsOfAgreeVC") as? TermsOfAgreeViewController else {return}
+            let termsOfAgreeVC = TermsOfAgreeViewController()
             termsOfAgreeVC.modalPresentationStyle = .overCurrentContext    //  투명도가 있으면 투명도에 맞춰서 나오게 해주는 코드(뒤에있는 배경이 보일 수 있게)
             termsOfAgreeVC.delegate = self
             self.present(termsOfAgreeVC, animated: false, completion: nil)
diff --git a/pochak/pochak/UI/Login/TermsOfAgreeViewController.swift b/pochak/pochak/UI/Login/TermsOfAgreeViewController.swift
index 4695cfb4..ec7106cf 100644
--- a/pochak/pochak/UI/Login/TermsOfAgreeViewController.swift
+++ b/pochak/pochak/UI/Login/TermsOfAgreeViewController.swift
@@ -8,123 +8,362 @@
 import UIKit
 import SafariServices
 
-class TermsOfAgreeViewController: UIViewController, UIViewControllerTransitioningDelegate {
+final class TermsOfAgreeViewController: UIViewController, UIViewControllerTransitioningDelegate {
+    
+    // MARK: - Properties
+    
+    private var didAgreeForAll: Bool = false {
+        didSet {
+            if didAgreeForAll {
+                agreeToAllButton.isChecked = true
+                nextButton.isActive = true
+            }
+            else {
+                agreeToAllButton.isChecked = false
+                nextButton.isActive = false
+            }
+        }
+    }
+    
+    private var didAgreeForPrivacyPolicy: Bool = false {
+        didSet {
+            privacyPolicyAgreeButton.isChecked = didAgreeForPrivacyPolicy
+        }
+    }
 
-    @IBOutlet weak var pochakLabel: UILabel!
-    @IBOutlet weak var pochakCorpLabel: UILabel!
-    @IBOutlet weak var titleLabel: UILabel!
-    @IBOutlet weak var appIcon: UIImageView!
-    @IBOutlet weak var agreeForPrivacyPolicy: UIButton!
-    @IBOutlet weak var agreeForTermsOfUSe: UIButton!
-    @IBOutlet weak var seePrivacyPolicy: UIButton!
-    @IBOutlet weak var seeTermsOfUse: UIButton!
-    @IBOutlet weak var agreeAndContinueButton: UIButton!
+    private var didAgreeForTermsOfUse: Bool = false {
+        didSet {
+            termsOfUseAgreeButton.isChecked = didAgreeForTermsOfUse
+        }
+    }
+    
+    var delegate: SendDelegate?
+    
+    // MARK: - Views
     
-    @IBOutlet weak var backgroundView: UIView!
+    private let pochakLetterLogoImageView: UIImageView = {
+        let view = UIImageView()
+        view.image = UIImage(named: "logo_full")
+        return view
+    }()
     
+    private let guideLabel: UILabel = {
+        let label = UILabel()
+        label.text = "서비스 이용을 위해\n이용약관 동의가 필요합니다."
+        label.font = UIFont(name: "Pretendard-Bold", size: 26)
+        label.numberOfLines = 2
+        return label
+    }()
     
-    var didAgreeForPrivacyPolicy : Bool = false
-    var didAgreeForTermsOfUse : Bool = false
-    var delegate : SendDelegate?
+    private let agreeToAllLabel: UILabel = {
+        let label = UILabel()
+        label.text = "약관 전체 동의"
+        label.font = UIFont(name: "Pretendard-Bold", size: 20)
+        return label
+    }()
     
+    private let agreeToAllButton: CheckButton = {
+        let button = CheckButton()
+        button.addTarget(self, action: #selector(agreeToAllButtonDidTap), for: .touchUpInside)
+        button.isChecked = false
+        return button
+    }()
+    
+    private let borderLine: UIView = {
+        let view = UIView()
+        view.backgroundColor = UIColor(named: "gray00")
+        return view
+    }()
+    
+    private let termsOfUseAgreeLabel: UILabel = {
+        let label = UILabel()
+        label.isUserInteractionEnabled = true
+        return label
+    }()
+    
+    private let termsOfUseAgreeButton: CheckButton = {
+        let button = CheckButton()
+        button.addTarget(self, action: #selector(termsOfUseAgreeButtonDidTap), for: .touchUpInside)
+        button.isChecked = false
+        return button
+    }()
+    
+    private let privacyPolicyAgreeLabel: UILabel = {
+        let label = UILabel()
+        label.isUserInteractionEnabled = true
+        return label
+    }()
+    
+    private let privacyPolicyAgreeButton: CheckButton = {
+        let button = CheckButton()
+        button.addTarget(self, action: #selector(privacyPolicyAgreeButtonDidTap), for: .touchUpInside)
+        button.isChecked = false
+        return button
+    }()
+    
+    private let nextButton: NextButton = {
+        let button = NextButton()
+        button.isActive = false
+        button.addTarget(self, action: #selector(nextButtonDidTap), for: .touchUpInside)
+        return button
+    }()
+    
+    // MARK: - Lifecycle
     
     override func viewDidLoad() {
         super.viewDidLoad()
-        backgroundView.layer.cornerRadius = 8
-        appIcon.layer.cornerRadius = 5
-        agreeAndContinueButton.layer.cornerRadius = 5
-        seePrivacyPolicy.setUnderline()
-        seeTermsOfUse.setUnderline()
-        
-        pochakLabel.text = "Pochak"
-        pochakLabel.font = UIFont(name: "Pretendard-SemiBold", size: 20)
-        pochakLabel.textColor = .black
-        
-        pochakCorpLabel.text = "Pochak Corp."
-        pochakCorpLabel.font = UIFont(name: "Pretendard-Light", size: 16)
-        pochakCorpLabel.textColor = UIColor(named: "gray04")
-        
-        titleLabel.text = "개인정보 및 이용약관 동의 항목"
-        titleLabel.font = UIFont(name: "Pretendard-SemiBold", size: 18)
-        titleLabel.textColor = .black
-        
-        
-        agreeForPrivacyPolicy.setTitle(" [필수] 개인정보 제3자 제공 동의", for: .normal)
-        agreeForPrivacyPolicy.setImage(UIImage(systemName: "checkmark.circle"), for: .normal)
-        agreeForPrivacyPolicy.titleLabel?.font =  UIFont(name: "Pretendard-Medium", size: 15)
-        agreeForPrivacyPolicy.setTitleColor(UIColor(named: "gray04"), for: .normal)
-        agreeForPrivacyPolicy.tintColor = UIColor(named: "gray04")
-
         
-        agreeForTermsOfUSe.setTitle(" [필수] 이용약관 항목", for: .normal)
-        agreeForTermsOfUSe.setImage(UIImage(systemName: "checkmark.circle"), for: .normal)
-        agreeForTermsOfUSe.titleLabel?.font =  UIFont(name: "Pretendard-Medium", size: 15)
-        agreeForTermsOfUSe.setTitleColor(UIColor(named: "gray04"), for: .normal)
-        agreeForTermsOfUSe.tintColor = UIColor(named: "gray04")
-
-        // Do any additional setup after loading the view.
-    }
-    
-    @IBAction func pressAgreeForPrivacyPolicy(_ sender: Any) {
-        if !didAgreeForPrivacyPolicy {
-            didAgreeForPrivacyPolicy = true
-            agreeForPrivacyPolicy.setTitleColor(UIColor.black, for: .normal)
-            agreeForPrivacyPolicy.setImage(UIImage(systemName: "checkmark.circle.fill"), for: .normal)
-            agreeForPrivacyPolicy.tintColor = UIColor.black
-        } else if didAgreeForPrivacyPolicy {
-            didAgreeForPrivacyPolicy = false
-            agreeForPrivacyPolicy.setTitleColor(UIColor(named: "gray04"), for: .normal)
-            agreeForPrivacyPolicy.setImage(UIImage(systemName: "checkmark.circle"), for: .normal)
-            agreeForPrivacyPolicy.tintColor = UIColor(named: "gray04")
-        }
+        view.backgroundColor = .white
         
+        setupPochakLogoImageView()
+        setupGuideLabel()
+        setupAgreeToAllLabel()
+        setupAgreeToAllButton()
+        setupBorderLine()
+        setupTermsOfUseAgreeLabel()
+        setupTermsOfUseAgreeButton()
+        setupPrivacyPolicyAgreeLabel()
+        setupPrivacyPolicyAgreeButton()
+        setupNextButton()
     }
     
-    @IBAction func pressAgreeForTermsOfUSe(_ sender: Any) {
-        if !didAgreeForTermsOfUse {
-            didAgreeForTermsOfUse = true
-            agreeForTermsOfUSe.setTitleColor(UIColor.black, for: .normal)
-            agreeForTermsOfUSe.setImage(UIImage(systemName: "checkmark.circle.fill"), for: .normal)
-            agreeForTermsOfUSe.tintColor = UIColor.black
-        } else if didAgreeForTermsOfUse {
-            didAgreeForTermsOfUse = false
-            agreeForTermsOfUSe.setTitleColor(UIColor(named: "gray04"), for: .normal)
-            agreeForTermsOfUSe.setImage(UIImage(systemName: "checkmark.circle"), for: .normal)
-            agreeForTermsOfUSe.tintColor = UIColor(named: "gray04")
-        }
+    // MARK: - Actions
+    
+    @objc private func termsOfUseAgreeButtonDidTap() {
+        print("이용약관 선택됨")
+        termsOfUseAgreeButton.isChecked.toggle()
+        didAgreeForTermsOfUse = termsOfUseAgreeButton.isChecked
+        checkEachAgreeStatus()
     }
     
+    @objc private func privacyPolicyAgreeButtonDidTap() {
+        print("개인정보 동의 선택됨")
+        privacyPolicyAgreeButton.isChecked.toggle()
+        didAgreeForPrivacyPolicy = privacyPolicyAgreeButton.isChecked
+        checkEachAgreeStatus()
+    }
     
-    @IBAction func openPrivacyPolicy(_ sender: Any) {
-        guard let url = URL(string: "https://pochak.notion.site/e365e34f018949b88543adbe6b0b3746") else { return }
-        let safariVC = SFSafariViewController(url: url)
-        // delegate 지정 및 presentation style 설정.
-        safariVC.transitioningDelegate = self
-        safariVC.modalPresentationStyle = .pageSheet
+    @objc private func termsOfUseLabelDidTap(_ sender: UITapGestureRecognizer) {
+        // termsOfUseAgreeLabel에서 선택된 부분의 CGPoint 구하기
+        let point = sender.location(in: termsOfUseAgreeLabel)
+        
+        if let rect = termsOfUseAgreeLabel.boundingRectForCharacterRange(subText: "이용약관"), rect.contains(point) {
+            guard let url = URL(string: "https://pochak.notion.site/6520996186464c36a8b3a04bc17fa000?pvs=74") else { return }
+            let safariVC = SFSafariViewController(url: url)
+            safariVC.transitioningDelegate = self
+            safariVC.modalPresentationStyle = .pageSheet
 
-        present(safariVC, animated: true, completion: nil)
+            present(safariVC, animated: true, completion: nil)
+        }
     }
     
+    @objc private func privacyPolicyLabelDidTap(_ sender: UITapGestureRecognizer) {
+        // privacyPolicyAgreeLabel에서 선택된 부분의 CGPoint 구하기
+        let point = sender.location(in: privacyPolicyAgreeLabel)
+        
+        if let rect = privacyPolicyAgreeLabel.boundingRectForCharacterRange(subText: "개인정보 수집 및 제공"), rect.contains(point) {
+            guard let url = URL(string: "https://pochak.notion.site/e365e34f018949b88543adbe6b0b3746") else { return }
+            let safariVC = SFSafariViewController(url: url)
+            safariVC.transitioningDelegate = self
+            safariVC.modalPresentationStyle = .pageSheet
+            present(safariVC, animated: true, completion: nil)
+        }
+    }
     
-    @IBAction func openTermsOfUSe(_ sender: Any) {
-        guard let url = URL(string: "https://pochak.notion.site/6520996186464c36a8b3a04bc17fa000?pvs=74") else { return }
-        let safariVC = SFSafariViewController(url: url)
-        // delegate 지정 및 presentation style 설정.
-        safariVC.transitioningDelegate = self
-        safariVC.modalPresentationStyle = .pageSheet
-
-        present(safariVC, animated: true, completion: nil)
+    @objc private func agreeToAllButtonDidTap() {
+        print("전체 동의 눌림")
+        agreeToAllButton.isChecked.toggle()
+        didAgreeForAll = agreeToAllButton.isChecked
+        changeAllAgreeStatus()
     }
     
-    @IBAction func agreeAndContinue(_ sender: Any) {
-        if didAgreeForPrivacyPolicy && didAgreeForTermsOfUse {
+    @objc private func nextButtonDidTap() {
+        if didAgreeForAll {
             self.dismiss(animated: true)
             delegate?.sendAgreed(agree: true)
-        } else {
-            print("not agreed yet")
         }
     }
+    
+    // MARK: - Layout
+    
+    private func setupPochakLogoImageView() {
+        view.addSubview(pochakLetterLogoImageView)
+        
+        pochakLetterLogoImageView.translatesAutoresizingMaskIntoConstraints = false
+        
+        NSLayoutConstraint.activate([
+            pochakLetterLogoImageView.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor, constant: 44),
+            pochakLetterLogoImageView.leadingAnchor.constraint(equalTo: view.safeAreaLayoutGuide.leadingAnchor, constant: 20),
+        ])
+    }
+    
+    private func setupGuideLabel() {
+        view.addSubview(guideLabel)
+        
+        guideLabel.translatesAutoresizingMaskIntoConstraints = false
+        
+        NSLayoutConstraint.activate([
+            guideLabel.leadingAnchor.constraint(equalTo: pochakLetterLogoImageView.leadingAnchor),
+            guideLabel.topAnchor.constraint(equalTo: pochakLetterLogoImageView.bottomAnchor, constant: 8),
+            
+        ])
+    }
+    
+    private func setupAgreeToAllLabel() {
+        view.addSubview(agreeToAllLabel)
+        
+        agreeToAllLabel.translatesAutoresizingMaskIntoConstraints = false
+        
+        NSLayoutConstraint.activate([
+            agreeToAllLabel.leadingAnchor.constraint(equalTo: view.safeAreaLayoutGuide.leadingAnchor, constant: 26),
+            agreeToAllLabel.topAnchor.constraint(equalTo: guideLabel.bottomAnchor, constant: 127),
+        ])
+    }
+    
+    private func setupAgreeToAllButton() {
+        view.addSubview(agreeToAllButton)
+        
+        agreeToAllButton.translatesAutoresizingMaskIntoConstraints = false
+        
+        NSLayoutConstraint.activate([
+            agreeToAllButton.widthAnchor.constraint(equalToConstant: 20),
+            agreeToAllButton.heightAnchor.constraint(equalTo: agreeToAllButton.widthAnchor, multiplier: 1),
+            agreeToAllButton.leadingAnchor.constraint(greaterThanOrEqualTo: agreeToAllLabel.trailingAnchor, constant: 50),
+            agreeToAllButton.trailingAnchor.constraint(equalTo: view.safeAreaLayoutGuide.trailingAnchor, constant: -24),
+            agreeToAllButton.topAnchor.constraint(equalTo: agreeToAllLabel.topAnchor),
+        ])
+    }
+    
+    private func setupBorderLine() {
+        view.addSubview(borderLine)
+        
+        borderLine.translatesAutoresizingMaskIntoConstraints = false
+        
+        NSLayoutConstraint.activate([
+            borderLine.heightAnchor.constraint(equalToConstant: 1),
+            borderLine.leadingAnchor.constraint(equalTo: view.safeAreaLayoutGuide.leadingAnchor, constant: 20),
+            borderLine.trailingAnchor.constraint(equalTo: view.safeAreaLayoutGuide.trailingAnchor, constant: -20),
+            borderLine.topAnchor.constraint(equalTo: agreeToAllLabel.bottomAnchor, constant: 13)
+        ])
+    }
+    
+    private func setupTermsOfUseAgreeLabel() {
+        view.addSubview(termsOfUseAgreeLabel)
+        
+        termsOfUseAgreeLabel.translatesAutoresizingMaskIntoConstraints = false
+        
+        configureUnderlineAttributes(linkText: "이용약관",
+                                     generalText: String(format: "[필수]  서비스 %@ 동의", "이용약관"),
+                                     label: termsOfUseAgreeLabel)
+        
+        let recognizer = UITapGestureRecognizer(target: self, action: #selector(termsOfUseLabelDidTap(_: )))
+        termsOfUseAgreeLabel.addGestureRecognizer(recognizer)
+        
+        NSLayoutConstraint.activate([
+            termsOfUseAgreeLabel.leadingAnchor.constraint(equalTo: view.safeAreaLayoutGuide.leadingAnchor, constant: 22),
+            termsOfUseAgreeLabel.topAnchor.constraint(equalTo: borderLine.bottomAnchor, constant: 17)
+        ])
+    }
+    
+    private func setupTermsOfUseAgreeButton() {
+        view.addSubview(termsOfUseAgreeButton)
+        
+        termsOfUseAgreeButton.translatesAutoresizingMaskIntoConstraints = false
+        
+        NSLayoutConstraint.activate([
+            termsOfUseAgreeButton.leadingAnchor.constraint(greaterThanOrEqualTo: termsOfUseAgreeLabel.trailingAnchor, constant: 50),
+            termsOfUseAgreeButton.trailingAnchor.constraint(equalTo: agreeToAllButton.trailingAnchor),
+            termsOfUseAgreeButton.topAnchor.constraint(equalTo: termsOfUseAgreeLabel.topAnchor),
+            termsOfUseAgreeButton.widthAnchor.constraint(equalToConstant: 20),
+            termsOfUseAgreeButton.heightAnchor.constraint(equalTo: termsOfUseAgreeButton.widthAnchor, multiplier: 1)
+        ])
+    }
+    
+    private func setupPrivacyPolicyAgreeLabel() {
+        view.addSubview(privacyPolicyAgreeLabel)
+        
+        privacyPolicyAgreeLabel.translatesAutoresizingMaskIntoConstraints = false
+        
+        configureUnderlineAttributes(linkText: "개인정보 수집 및 제공",
+                                     generalText: String(format: "[필수]  %@ 동의", "개인정보 수집 및 제공"),
+                                     label: privacyPolicyAgreeLabel)
+        
+        let recognizer = UITapGestureRecognizer(target: self, action: #selector(privacyPolicyLabelDidTap(_: )))
+        privacyPolicyAgreeLabel.addGestureRecognizer(recognizer)
+        
+        NSLayoutConstraint.activate([
+            privacyPolicyAgreeLabel.leadingAnchor.constraint(equalTo: termsOfUseAgreeLabel.leadingAnchor),
+            privacyPolicyAgreeLabel.topAnchor.constraint(equalTo: termsOfUseAgreeLabel.bottomAnchor, constant: 16)
+        ])
+    }
+    
+    private func setupPrivacyPolicyAgreeButton() {
+        view.addSubview(privacyPolicyAgreeButton)
+        
+        privacyPolicyAgreeButton.translatesAutoresizingMaskIntoConstraints = false
+        
+        NSLayoutConstraint.activate([
+            privacyPolicyAgreeButton.leadingAnchor.constraint(greaterThanOrEqualTo: privacyPolicyAgreeLabel.trailingAnchor, constant: 50),
+            privacyPolicyAgreeButton.trailingAnchor.constraint(equalTo: termsOfUseAgreeButton.trailingAnchor),
+            privacyPolicyAgreeButton.topAnchor.constraint(equalTo: privacyPolicyAgreeLabel.topAnchor),
+            privacyPolicyAgreeButton.widthAnchor.constraint(equalToConstant: 20),
+            privacyPolicyAgreeButton.heightAnchor.constraint(equalTo: privacyPolicyAgreeButton.widthAnchor, multiplier: 1)
+        ])
+    }
+    
+    private func setupNextButton() {
+        view.addSubview(nextButton)
+        
+        nextButton.translatesAutoresizingMaskIntoConstraints = false
+        
+        NSLayoutConstraint.activate([
+            nextButton.leadingAnchor.constraint(equalTo: view.safeAreaLayoutGuide.leadingAnchor, constant: 20),
+            nextButton.trailingAnchor.constraint(equalTo: view.safeAreaLayoutGuide.trailingAnchor, constant: -20),
+            nextButton.bottomAnchor.constraint(equalTo: view.safeAreaLayoutGuide.bottomAnchor, constant: -16),
+            nextButton.heightAnchor.constraint(equalToConstant: 48)
+        ])
+    }
+    
+    // MARK: - Functions
+    
+    private func configureUnderlineAttributes(linkText: String, generalText: String, label: UILabel) {
+        let generalFont = UIFont(name: "Pretendard-Medium", size: 16)
 
+        // NSAttributedString.Key, Value 속성 정의
+        let generalAttributes: [NSAttributedString.Key: Any] = [
+            .foregroundColor: UIColor(named: "gray05"),
+            .font: generalFont
+        ]
+        let linkAttributes: [NSAttributedString.Key: Any] = [
+            .underlineStyle: NSUnderlineStyle.single.rawValue,
+            .foregroundColor: UIColor(named: "gray05"),
+            .font: generalFont
+        ]
+        
+        let mutableString = NSMutableAttributedString()
+
+        // generalAttributes(기본 스타일) 적용
+        mutableString.append(
+            NSAttributedString(string: generalText, attributes: generalAttributes)
+        )
+
+        // 각 문자열의 range에 linkAttributes 적용
+        mutableString.setAttributes(
+            linkAttributes,
+            range: (generalText as NSString).range(of: linkText)
+        )
+
+        label.attributedText = mutableString
+    }
+    
+    private func changeAllAgreeStatus() {
+        didAgreeForTermsOfUse = didAgreeForAll
+        didAgreeForPrivacyPolicy = didAgreeForAll
+    }
+    
+    private func checkEachAgreeStatus() {
+        didAgreeForAll = didAgreeForTermsOfUse && didAgreeForPrivacyPolicy
+    }
 }
 
 extension UIButton {
diff --git a/pochak/pochak/UI/Login/Views/CheckButton.swift b/pochak/pochak/UI/Login/Views/CheckButton.swift
new file mode 100644
index 00000000..f9a557e5
--- /dev/null
+++ b/pochak/pochak/UI/Login/Views/CheckButton.swift
@@ -0,0 +1,63 @@
+//
+//  CheckButton.swift
+//  pochak
+//
+//  Created by Suyeon Hwang on 11/8/24.
+//
+
+import UIKit
+
+final class CheckButton: UIButton {
+    
+    var isChecked: Bool = false {
+        didSet {
+            updateButtonConfiguration()
+        }
+    }
+    
+    override init(frame: CGRect) {
+        super.init(frame: frame)
+        
+        initButton()
+        
+//        if isSelected {
+//            self.layer.backgroundColor = UIColor(named: "yellow00")?.cgColor
+//            self.layer.borderColor = nil
+//            print("isSelected")
+//        }
+//        else {
+//            self.layer.borderWidth = 1.2
+//            self.layer.borderColor = UIColor(named: "gray03")?.cgColor
+//            self.layer.backgroundColor = nil
+//            print("is not selected")
+//        }
+    }
+    
+    required init?(coder: NSCoder) {
+        fatalError("init(coder:) has not been implemented")
+    }
+    
+    // MARK: - Functions
+    
+    private func initButton() {
+        self.isEnabled = true
+        self.clipsToBounds = true
+        self.layer.cornerRadius = 10
+        updateButtonConfiguration()
+    }
+    
+    private func updateButtonConfiguration() {
+        self.isSelected = isChecked
+        self.layer.borderWidth = isChecked ? 0 : 1.2
+        self.layer.borderColor = isChecked ? nil : UIColor(named: "gray03")?.cgColor
+        self.layer.backgroundColor = isChecked ? UIColor(named: "yellow00")?.cgColor : nil
+        
+        if isChecked {
+            self.setImage(UIImage(named: "Checkmark"), for: .normal)
+            self.imageView?.contentMode = .scaleAspectFit
+        }
+        else {
+            self.setImage(nil, for: .normal)
+        }
+    }
+}
diff --git a/pochak/pochak/UI/Login/Views/NextButton.swift b/pochak/pochak/UI/Login/Views/NextButton.swift
new file mode 100644
index 00000000..6866215b
--- /dev/null
+++ b/pochak/pochak/UI/Login/Views/NextButton.swift
@@ -0,0 +1,61 @@
+//
+//  NextButton.swift
+//  pochak
+//
+//  Created by Suyeon Hwang on 11/10/24.
+//
+
+import UIKit
+
+final class NextButton: UIButton {
+    
+    // MARK: - Properties
+    
+    var isActive: Bool = false {
+        didSet {
+            setNeedsUpdateConfiguration()
+        }
+    }
+    
+    // MARK: - Initialization
+    
+    init(_ title: String = "다음", _ font: UIFont = UIFont(name: "Pretendard-Bold", size: 16)!) {
+        super.init(frame: .zero)
+        
+        var config = UIButton.Configuration.filled()
+        config.contentInsets = .init(top: 13, leading: 0, bottom: 13, trailing: 0)
+        config.attributedTitle = AttributedString(title)
+        config.attributedTitle?.setAttributes(AttributeContainer([NSAttributedString.Key.font: font]))
+        self.configuration = config
+        
+        let buttonStateHandler: UIButton.ConfigurationUpdateHandler = { button in
+            switch self.isActive {
+            case true:
+                self.isEnabled = true
+                button.configuration?.background.backgroundColor = UIColor(named: "yellow00")
+                //button.configuration?.baseForegroundColor = .white
+                button.configuration?.attributedTitle?.setAttributes(AttributeContainer([NSAttributedString.Key.foregroundColor: UIColor.white, NSAttributedString.Key.font: font]))
+            case false:
+                self.isEnabled = false
+                button.configuration?.background.backgroundColor = UIColor(named: "gray03")
+                //button.configuration?.baseForegroundColor = UIColor(hexCode: "D2C2FF")
+                button.configuration?.attributedTitle?.setAttributes(AttributeContainer([NSAttributedString.Key.foregroundColor: UIColor.white, NSAttributedString.Key.font: font]))
+            }
+        }
+        
+        self.configurationUpdateHandler = buttonStateHandler
+        setupButton()
+    }
+    
+    required init?(coder: NSCoder) {
+        fatalError("init(coder:) has not been implemented")
+    }
+    
+    // MARK: - Functions
+    
+    private func setupButton() {
+        self.clipsToBounds = true
+        self.layer.cornerRadius = 10
+        self.isEnabled = false  // 초기 상태
+    }
+}