diff --git a/src/app/page.js b/src/app/page.js
index 25cd8640..767679b0 100644
--- a/src/app/page.js
+++ b/src/app/page.js
@@ -3,9 +3,9 @@ import { getSession } from '@/lib/authActions'
 
 export default async function Home() {
   const session = await getSession()
-
   const mainPageProps = {
     isLoggedIn: session?.isLoggedIn,
+    pwdInitYn: session?.pwdInitYn,
   }
 
   return (
diff --git a/src/components/auth/NewLogin.jsx b/src/components/auth/NewLogin.jsx
index cf56378e..5b5bc83a 100644
--- a/src/components/auth/NewLogin.jsx
+++ b/src/components/auth/NewLogin.jsx
@@ -19,6 +19,10 @@ export default function NewLogin() {
   const passwordRef = useRef(null)
   const router = useRouter()
 
+  useEffect(() => {
+    setOpen(false)
+  }, [])
+
   useEffect(() => {
     if (passwordVisible) {
       passwordRef.current.type = 'text'
diff --git a/src/components/common/modal/QModal.jsx b/src/components/common/modal/QModal.jsx
index 1cf01915..cf98698b 100644
--- a/src/components/common/modal/QModal.jsx
+++ b/src/components/common/modal/QModal.jsx
@@ -4,16 +4,25 @@ import { useRecoilState, useRecoilValue } from 'recoil'
 
 import { Modal } from 'react-responsive-modal'
 
-import { modalContent, modalState } from '@/store/modalAtom'
+import { modalContent, modalState, modalProps } from '@/store/modalAtom'
 
 import 'react-responsive-modal/styles.css'
 
 export default function QModal() {
   const [open, setOpen] = useRecoilState(modalState)
   const children = useRecoilValue(modalContent)
+  const props = useRecoilValue(modalProps)
+  const { closeOnOverlayClick = true, closeOnEsc = true, showCloseIcon = true } = props
 
   return (
-    <Modal open={open} onClose={() => setOpen(false)} center>
+    <Modal
+      open={open}
+      onClose={() => setOpen(false)}
+      center
+      closeOnOverlayClick={closeOnOverlayClick}
+      closeOnEsc={closeOnEsc}
+      showCloseIcon={showCloseIcon}
+    >
       {children}
     </Modal>
   )
diff --git a/src/components/header/Header.jsx b/src/components/header/Header.jsx
index 04fd56c6..65da6051 100644
--- a/src/components/header/Header.jsx
+++ b/src/components/header/Header.jsx
@@ -124,7 +124,7 @@ export default function Header(props) {
   }
 
   return (
-    !(pathName.includes('login') || pathName.includes('join')) && (
+    !(pathName.includes('login') || pathName.includes('join') || sessionState.pwdInitYn === 'N') && (
       <header className={isDimmed}>
         <div className="header-inner">
           <div className="header-right">
diff --git a/src/store/modalAtom.js b/src/store/modalAtom.js
index a9a708ac..301b5b81 100644
--- a/src/store/modalAtom.js
+++ b/src/store/modalAtom.js
@@ -13,3 +13,12 @@ export const modalContent = atom({
     </>
   ),
 })
+
+export const modalProps = atom({
+  key: 'modalProps',
+  default: {
+    closeOnOverlayClick: true,
+    closeOnEsc: true,
+    showCloseIcon: true,
+  },
+})