diff --git a/src/components/modalLarge.js b/src/components/modalLarge.js
index 8dbbe29..c04c720 100644
--- a/src/components/modalLarge.js
+++ b/src/components/modalLarge.js
@@ -7,9 +7,49 @@ const ModalLarge = (props) => {
     <div className={open ? "openModalLarge modalLarge" : "modalLarge"}>
       {open ? (
         <section>
-          <header>
-            {header}
+          {/* <header> */}
+          {header}
+          {/* <svg
+            className="close"
+            onClick={close}
+            width="8"
+            height="8"
+            viewBox="0 0 8 8"
+            fill="none"
+            xmlns="http://www.w3.org/2000/svg"
+          >
+            <rect
+              y="0.707153"
+              width="1"
+              height="10"
+              rx="0.5"
+              transform="rotate(-45 0 0.707153)"
+              fill="#bababa"
+            />
+            <rect
+              x="7.07129"
+              width="1"
+              height="10"
+              rx="0.5"
+              transform="rotate(45 7.07129 0)"
+              fill="#bababa"
+            />
+          </svg> */}
+          {/* <img
+              className="close"
+              onClick={close}
+              src="icons/_x-btn.svg"
+              alt=""
+            ></img> */}
+          {/* </header> */}
+          <main>
             <svg
+              className="modal-close-xbtn"
+              style={{
+                marginLeft: "94%",
+                marginTop: "10px",
+                cursor: "pointer",
+              }}
               className="close"
               onClick={close}
               width="8"
@@ -35,14 +75,8 @@ const ModalLarge = (props) => {
                 fill="#bababa"
               />
             </svg>
-            {/* <img
-              className="close"
-              onClick={close}
-              src="icons/_x-btn.svg"
-              alt=""
-            ></img> */}
-          </header>
-          <main>{props.children}</main>
+            {props.children}
+          </main>
         </section>
       ) : null}
     </div>
diff --git a/src/pages/Meetingrooms.js b/src/pages/Meetingrooms.js
index 7af44fb..f3123a3 100644
--- a/src/pages/Meetingrooms.js
+++ b/src/pages/Meetingrooms.js
@@ -1,16 +1,14 @@
-import { Container, Col, Row, Card } from "react-bootstrap";
 import { useEffect, useState } from "react";
 import { Link, useNavigate } from "react-router-dom";
 import axios from "axios";
 
-import ApplicationModal from "../components/applicationModal";
 import CategorySelect from "../components/categorySelect";
 import Paginator from "../components/paginator";
 import "../statics/css/studyRecruit.css";
 import isLogin from "../utils/isLogin";
+import ModalLarge from "../components/modalLarge";
 
 const MeetingroomCard = ({ meeting, openModal, setMeetingSeq }) => {
-  console.log(meeting);
   const [imgSelected, setImgSelected] = useState("");
   const images = [
     "meetingroom01.jpg",
@@ -28,6 +26,7 @@ const MeetingroomCard = ({ meeting, openModal, setMeetingSeq }) => {
   useEffect(() => {
     setImgSelected(images[Math.floor(Math.random() * images.length)]);
   }, [meeting]);
+
   const meetingroomImg =
     "https://i6a301.p.ssafy.io:8080/images/" + meeting.meetingImg;
   const defaultImg = `images/${imgSelected}`;
@@ -134,68 +133,6 @@ const MeetingroomCard = ({ meeting, openModal, setMeetingSeq }) => {
       </div>
       <div className="meetingroom-card__title">{meeting.meetingTitle}</div>
     </div>
-    // <Col
-    //   lg={3}
-    //   style={{ marginBottom: "0.5rem", cursor: "pointer" }}
-    //   onClick={() => {
-    //     openModal();
-    //     sendMeetingSeq();
-    //     localStorage.setItem("meetingSeq", meeting.meetingSeq);
-    //   }}
-    // >
-    //   <Card style={{ marginBottom: "0.5rem" }}>
-    //     <div>
-    //       <Card.Img
-    //         style={{ position: "relative", height: "150px" }}
-    //         src={meeting.meetingImg ? meetingroomImg : defaultImg}
-    //       />
-
-    //       <div
-    //         style={{
-    //           padding: "0rem 0.5rem",
-    //           position: "absolute",
-    //           bottom: "0.5rem",
-    //           left: "0.5rem",
-    //           backgroundColor: "white",
-    //           opacity: 0.7,
-    //           borderRadius: "5px",
-    //         }}
-    //       >
-    //         <div>{meeting.meetingHeadcount} / 12</div>
-    //       </div>
-    // <div>
-    //   {bookmark ? (
-    //     <img
-    //       style={{ position: "absolute", top: "0.5rem", right: "0.5rem" }}
-    //       src="icons/meetingroom/_bookmark_true.svg"
-    //       onClick={(e) => {
-    //         e.stopPropagation();
-    //         changeBookmark();
-    //       }}
-    //       alt=""
-    //     />
-    //   ) : (
-    //     <img
-    //       style={{ position: "absolute", top: "0.5rem", right: "0.5rem" }}
-    //       src="icons/meetingroom/_bookmark_false.svg"
-    //       onClick={(e) => {
-    //         e.stopPropagation();
-    //         changeBookmark();
-    //       }}
-    //       alt=""
-    //     />
-    //   )}
-    // </div>
-    //     </div>
-    //   </Card>
-    //   <Card.Subtitle
-    //     style={{
-    //       fontFamily: "pretendard",
-    //     }}
-    //   >
-    //     {meeting.meetingTitle}
-    //   </Card.Subtitle>
-    // </Col>
   );
 };
 
@@ -209,6 +146,29 @@ export default function Meetingrooms() {
   const [modalOpen, setModalOpen] = useState(false);
   const [meetingSeq, setMeetingSeq] = useState("");
   const [selectedMeeting, setSelectedMeeting] = useState("");
+  const [imgSelected, setImgSelected] = useState("");
+
+  const images = [
+    "meetingroom01.jpg",
+    "meetingroom02.jpg",
+    "meetingroom03.jpg",
+    "meetingroom04.jpg",
+    "meetingroom05.jpg",
+    "meetingroom06.jpg",
+    "meetingroom07.jpg",
+    "meetingroom08.jpg",
+    "meetingroom09.jpg",
+    "meetingroom10.jpg",
+    "meetingroom11.jpg",
+  ];
+  useEffect(() => {
+    setImgSelected(images[Math.floor(Math.random() * images.length)]);
+  }, [meetingSeq]);
+
+  console.log(selectedMeeting);
+  const meetingroomImg =
+    "https://i6a301.p.ssafy.io:8080/images/" + selectedMeeting.meetingImg;
+  const defaultImg = `images/${imgSelected}`;
 
   useEffect(() => {
     getMeetingDetails();
@@ -221,6 +181,10 @@ export default function Meetingrooms() {
     setModalOpen(false);
   };
 
+  const CamRule = (num) => {
+    const rule = ["카메라 필수"];
+  };
+
   const onChangeSearch = (event) => {
     setSearchInput(event.target.value);
   };
@@ -290,108 +254,128 @@ export default function Meetingrooms() {
     localStorage.setItem("studySeq", meetingSeq);
   }, [meetingSeq]);
   return (
-    <main style={{ padding: "1rem 0" }}>
-      <div className="studyrecruit">
-        <div className="studyrecruit-heading">
-          <span className="studyrecruit-h1">자유열람실</span>
-          <span className="studyrecruit-h2">
-            나와 맞는 자유열람실을 찾아보세요
-          </span>
-        </div>
-        <div className="studyrecuit-middle">
-          <div className="studyrecruit-search">
-            <CategorySelect categoryseq={setCategory} />
-            <div className="studyrecruit-search__bar">
-              <input
-                onKeyPress={onKeyEnter}
-                onChange={onChangeSearch}
-                placeholder="방제목, 글 내용으로 검색하세요"
+    <div className="studyrecruit">
+      <div className="studyrecruit-heading">
+        <span className="studyrecruit-h1">자유열람실</span>
+        <span className="studyrecruit-h2">
+          나와 맞는 자유열람실을 찾아보세요
+        </span>
+      </div>
+      <div className="studyrecuit-middle">
+        <div className="studyrecruit-search">
+          <CategorySelect categoryseq={setCategory} />
+          <div className="studyrecruit-search__bar">
+            <input
+              onKeyPress={onKeyEnter}
+              onChange={onChangeSearch}
+              placeholder="방제목, 글 내용으로 검색하세요"
+            />
+            <svg
+              className="studyrecruit-search__icon"
+              onClick={onClickSearch}
+              width="18"
+              height="18"
+              viewBox="0 0 18 18"
+              fill="none"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <path
+                d="M16.625 16.6249L13.0736 13.0672L16.625 16.6249ZM15.0417 8.31242C15.0417 10.0971 14.3327 11.8087 13.0707 13.0707C11.8088 14.3326 10.0972 15.0416 8.3125 15.0416C6.52781 15.0416 4.81622 14.3326 3.55426 13.0707C2.29229 11.8087 1.58333 10.0971 1.58333 8.31242C1.58333 6.52773 2.29229 4.81614 3.55426 3.55418C4.81622 2.29222 6.52781 1.58325 8.3125 1.58325C10.0972 1.58325 11.8088 2.29222 13.0707 3.55418C14.3327 4.81614 15.0417 6.52773 15.0417 8.31242V8.31242Z"
+                stroke="var(--textColor-darker)"
+                strokeWidth="2"
+                strokeLinecap="round"
               />
-              <svg
-                className="studyrecruit-search__icon"
-                onClick={onClickSearch}
-                width="18"
-                height="18"
-                viewBox="0 0 18 18"
-                fill="none"
-                xmlns="http://www.w3.org/2000/svg"
-              >
-                <path
-                  d="M16.625 16.6249L13.0736 13.0672L16.625 16.6249ZM15.0417 8.31242C15.0417 10.0971 14.3327 11.8087 13.0707 13.0707C11.8088 14.3326 10.0972 15.0416 8.3125 15.0416C6.52781 15.0416 4.81622 14.3326 3.55426 13.0707C2.29229 11.8087 1.58333 10.0971 1.58333 8.31242C1.58333 6.52773 2.29229 4.81614 3.55426 3.55418C4.81622 2.29222 6.52781 1.58325 8.3125 1.58325C10.0972 1.58325 11.8088 2.29222 13.0707 3.55418C14.3327 4.81614 15.0417 6.52773 15.0417 8.31242V8.31242Z"
-                  stroke="var(--textColor-darker)"
-                  strokeWidth="2"
-                  strokeLinecap="round"
-                />
-              </svg>
-            </div>
+            </svg>
           </div>
-          <button
-            className="studyrecruit-create"
-            onClick={() => navigate("/settings/meeting")}
-          >
-            내 열람실 바로가기
-          </button>
-        </div>
-        {/* <Container style={{ marginTop: "0.5rem", padding: "0rem" }}>
-          <Row className="studyrecruit-board"> */}
-        <div className="meetingroom-list">
-          {postData.data &&
-            postData.data.map((meeting) => (
-              <>
-                <MeetingroomCard
-                  setMeetingSeq={setMeetingSeq}
-                  openModal={openModal}
-                  key={meeting.meetingSeq}
-                  meeting={meeting}
-                />
-              </>
-            ))}
         </div>
-        {/* </Row>
-        </Container> */}
+        <button
+          className="studyrecruit-create"
+          onClick={() => navigate("/settings/meeting")}
+        >
+          내 열람실 바로가기
+        </button>
+      </div>
+      <div className="meetingroom-list">
+        {postData.data &&
+          postData.data.map((meeting) => (
+            <MeetingroomCard
+              setMeetingSeq={setMeetingSeq}
+              openModal={openModal}
+              key={meeting.meetingSeq}
+              meeting={meeting}
+            />
+          ))}
       </div>
 
       <div className="studyrecruit-pagination">
         <Paginator currentpage={setCurrentPage} />
       </div>
-
-      <ApplicationModal open={modalOpen} close={closeModal}>
-        <div style={{ textAlign: "left", padding: "0 20%" }}>
-          카테고리: {selectedMeeting.categoryName}
-        </div>
-        <div style={{ textAlign: "left", padding: "0 20%" }}>
-          호스트 이름: {selectedMeeting.hostName}
-        </div>
-        <div style={{ textAlign: "left", padding: "0 20%" }}>
-          카메라 규칙: {selectedMeeting.meetingCamType}
-        </div>
-        <div style={{ textAlign: "left", padding: "0 20%" }}>
-          현재 인원: {selectedMeeting.meetingHeadcount} / 12
-        </div>
-        <div style={{ textAlign: "left", padding: "0 20%" }}>
-          미팅룸 이름: {selectedMeeting.meetingTitle}
-        </div>
-        <div style={{ textAlign: "left", padding: "0 20%" }}>
-          미팅룸 설명: {selectedMeeting.meetingDesc}
+      <ModalLarge open={modalOpen} close={closeModal}>
+        <div className="meeting-detail-modal">
+          <div className="meeting-detail-modal__img">
+            <img
+              src={selectedMeeting.meetingImg ? meetingroomImg : defaultImg}
+              alt=""
+            />
+          </div>
+          <div className="meeting-detail-modal__contents">
+            <div className="meeting-detail-modal__contents-header">
+              <span className="meeting-detail-modal__category">
+                {selectedMeeting.categoryName}
+              </span>
+              <span className="meeting-detail-modal__title">
+                {selectedMeeting.meetingTitle}
+              </span>
+            </div>
+            <div className="meeting-detail-modal__contents-body">
+              <div className="meeting-detail-modal__hostname">
+                <svg
+                  className="meetingroom__crown"
+                  width="16"
+                  height="16"
+                  viewBox="0 0 640 512"
+                  fill="none"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M528 448H112C103.2 448 96 455.2 96 464V496C96 504.8 103.2 512 112 512H528C536.8 512 544 504.8 544 496V464C544 455.2 536.8 448 528 448ZM592 128C565.5 128 544 149.5 544 176C544 183.1 545.6 189.7 548.4 195.8L476 239.2C460.6 248.4 440.7 243.2 431.8 227.6L350.3 85C361 76.2 368 63 368 48C368 21.5 346.5 0 320 0C293.5 0 272 21.5 272 48C272 63 279 76.2 289.7 85L208.2 227.6C199.3 243.2 179.3 248.4 164 239.2L91.7 195.8C94.4 189.8 96.1 183.1 96.1 176C96.1 149.5 74.6 128 48.1 128C21.6 128 0 149.5 0 176C0 202.5 21.5 224 48 224C50.6 224 53.2 223.6 55.7 223.2L128 416H512L584.3 223.2C586.8 223.6 589.4 224 592 224C618.5 224 640 202.5 640 176C640 149.5 618.5 128 592 128Z"
+                    fill="#F2C831"
+                  />
+                </svg>
+                {selectedMeeting.hostName}
+              </div>
+              <div className="meeting-detail-modal__hostname">
+                <svg
+                  className="meetingroom__person"
+                  width="14"
+                  height="14"
+                  viewBox="0 0 15 15"
+                  fill="none"
+                  xmlns="http://www.w3.org/2000/svg"
+                >
+                  <path
+                    d="M7.5 7.5C8.44483 7.5 9.35097 7.12467 10.0191 6.45657C10.6872 5.78847 11.0625 4.88233 11.0625 3.9375C11.0625 2.99267 10.6872 2.08653 10.0191 1.41843C9.35097 0.750334 8.44483 0.375 7.5 0.375C6.55517 0.375 5.64903 0.750334 4.98093 1.41843C4.31283 2.08653 3.9375 2.99267 3.9375 3.9375C3.9375 4.88233 4.31283 5.78847 4.98093 6.45657C5.64903 7.12467 6.55517 7.5 7.5 7.5V7.5ZM9.875 3.9375C9.875 4.56739 9.62478 5.17148 9.17938 5.61688C8.73398 6.06228 8.12989 6.3125 7.5 6.3125C6.87011 6.3125 6.26602 6.06228 5.82062 5.61688C5.37522 5.17148 5.125 4.56739 5.125 3.9375C5.125 3.30761 5.37522 2.70352 5.82062 2.25812C6.26602 1.81272 6.87011 1.5625 7.5 1.5625C8.12989 1.5625 8.73398 1.81272 9.17938 2.25812C9.62478 2.70352 9.875 3.30761 9.875 3.9375V3.9375ZM14.625 13.4375C14.625 14.625 13.4375 14.625 13.4375 14.625H1.5625C1.5625 14.625 0.375 14.625 0.375 13.4375C0.375 12.25 1.5625 8.6875 7.5 8.6875C13.4375 8.6875 14.625 12.25 14.625 13.4375ZM13.4375 13.4328C13.4363 13.1406 13.2546 12.2619 12.4495 11.4567C11.6753 10.6825 10.2182 9.875 7.5 9.875C4.78063 9.875 3.32475 10.6825 2.5505 11.4567C1.74538 12.2619 1.56488 13.1406 1.5625 13.4328H13.4375Z"
+                    fill="var(--textColor-todo)"
+                  />
+                </svg>
+                {selectedMeeting.meetingHeadcount}
+              </div>
+            </div>
+            <div className="meeting-detail-modal__desc">
+              {selectedMeeting.meetingDesc}
+            </div>
+          </div>
         </div>
-
-        <Link
-          to={{
-            pathname: `/meeting/${meetingSeq}`,
-          }}
-        >
-          <button
-            style={{
-              border: "none",
-              margin: "2rem",
-              backgroundColor: "#6667ab",
-              color: "#eeeeee",
+        <center>
+          <Link
+            to={{
+              pathname: `/meeting/${meetingSeq}`,
             }}
           >
-            입실하기
-          </button>
-        </Link>
-      </ApplicationModal>
-    </main>
+            <button className="meeting-modal-in-btn">입실하기</button>
+          </Link>
+        </center>
+      </ModalLarge>
+    </div>
   );
 }
diff --git a/src/statics/css/meetingroom.css b/src/statics/css/meetingroom.css
index 0f70cb1..9b3b45d 100644
--- a/src/statics/css/meetingroom.css
+++ b/src/statics/css/meetingroom.css
@@ -688,6 +688,7 @@
 }
 
 .meetingroom-list {
+  padding-top: 1.5rem;
   display: grid;
   width: 100%;
   grid-template-columns: repeat(auto-fill, minmax(192px, auto));
@@ -696,7 +697,7 @@
 
 .meetingroom-card {
   cursor: pointer;
-  padding: 0.8rem 0;
+  padding: 0.6rem 0;
   width: 100%;
 }
 
@@ -723,7 +724,7 @@
   left: 0.5rem;
   background-color: rgba(252, 252, 252, 0.6);
   border-radius: 3px;
-  color: var(--textColor);
+  color: #444444;
   font-size: 12px;
 }
 
@@ -734,4 +735,83 @@
   padding: 0.2rem 0.4rem;
 }
 
+.meeting-detail-modal__img {
+  position: relative;
+  width: 100%;
+  height: 0;
+  overflow: hidden;
+  padding-bottom: 75%;
+}
+.meeting-detail-modal__img img {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  left: 0;
+  top: 10px;
+  opacity: 0.8;
+}
+
+.meeting-detail-modal__contents {
+  position: relative;
+  top: -20px;
+}
+
+.meeting-detail-modal__contents-header {
+  width: 70%;
+  background-color: var(--borderColor);
+  padding: 0.5rem;
+  border-radius: 0 4px 4px 0;
+}
+
+.meeting-detail-modal__category {
+  font-size: 12px;
+  color: #6667ab;
+  padding-right: 10px;
+}
+
+.meeting-detail-modal__title {
+  color: var(--textColor);
+  font-weight: 500;
+  font-size: 16px;
+}
+
+.meeting-detail-modal__contents-body {
+  display: flex;
+  align-items: center;
+  padding: 0.8rem 1.2rem;
+}
+
+.meetingroom__crown {
+  cursor: default;
+  margin-right: 5px;
+  margin-bottom: 4px;
+}
+
+.meetingroom__person {
+  margin-right: 5px;
+  margin-bottom: 3px;
+}
+
+.meeting-detail-modal__hostname {
+  font-size: 14px;
+  color: var(--textColor);
+  padding-right: 10px;
+}
+
+.meeting-detail-modal__desc {
+  padding: 0 1.2rem;
+  font-size: 15px;
+  color: var(--textColor);
+}
+
+.meeting-modal-in-btn {
+  border: none;
+  margin: 2rem 1rem;
+  background-color: #6667ab;
+  color: #eeeeee;
+  font-size: 15px;
+  padding: 0.3rem 1rem;
+  border-radius: 5px;
+}
+
 /*# sourceMappingURL=meetingroom.css.map */
diff --git a/src/statics/css/meetingroom.css.map b/src/statics/css/meetingroom.css.map
index 25a2a9a..cc1ce10 100644
--- a/src/statics/css/meetingroom.css.map
+++ b/src/statics/css/meetingroom.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../scss/main.scss","../scss/meetingroom.scss"],"names":[],"mappings":"AAAQ;AAUR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EAEA;EAEA;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EAEA;EAEA;EACA;;;AAQF;EACE;;;ACrEF;EACE;EACA;;AAEA;AACE;EACA;EACA;EACA;EACA;EACA;AACA;AACA;EACA;AACA;EACA;EACA;AACA;AACA;;AAEA;AACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,aD5CM;;AC+CR;EACE;EACA;EACA;EACA,YDhDI;ECiDJ,ODhDI;ECiDJ,aDrDM;ECsDN;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,aD/EM;ECgFN;EAEA;EAGA;;AAIF;EACE;EACA;EAEA;EACA;EACA,OD3FI;EC4FJ,aDhGM;ECiGN;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;;AAGF;EACE;EAEA;EACA;EACA;EACA;;AAOJ;AACE;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;EACA;AACA;AACA;AACA;EACA;EACA;EACA;AACA;EAEA;EACA;EACA;EACA,ODvJE;ECwJF;;AAEA;EACE;EACA;EAEA;EACA;EAEA,aDrKE;ECsKF;;AAEA;EAEE;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAGJ;EACE;EACA;EACA;;AAEA;EAEE;EACA,aD/LA;ECgMA;EACA;;AAEF;EAEE;EACA,aDtMA;ECuMA;EACA;;AAIJ;EAEE;EACA;EAEA;EACA;EACA;;AAEA;EACE;EACA,aDvNA;ECwNA;EACA,ODtNF;;AC0NF;EAEE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA,ODpOF;ECqOE;EACA;;AAGF;EACE;EACA,OD1OF;EC2OE;EACA;;AAGF;EACE,ODjPF;ECkPE;EACA;;AAGF;EACE,ODtPF;ECuPE;EACA;;AAMR;EAGE;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EAEA;EACA;EACA;AACA;EACA;EACA;EACA;AACA;AACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;EACA;EACA;EACA;EACA;EACA,aDtSA;ECuSA,ODnSF;ECoSE;EACA;;AAEA;EAEE;EACA;EACA;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA,aD5TF;EC6TE;EACA;;AAGF;EAEE;EACA;EAIA;EACA;EACA;EACA;;AAIJ;EAEE;EACA;EACA,aDnVA;ECoVA;;AAEA;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA,aDzWF;EC0WE;EACA;;AAGF;EACE;EACA;EACA,OD7WJ;EC8WI,YDlXF;;ACqXA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAcF;EACE;EACA,aD7YF;EC8YE;EACA;;AAGF;EACE;EACA;EACA;EACA,ODlZJ;ECmZI,YDvZF;;AC0ZA;EACE;EACA;EACA,ODzZJ;EC0ZI,YD9ZF;;ACiaA;EACE;;AAGF;EACE;EACA,aDvaF;ECwaE;EACA,ODraJ;ECsaI;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA,ODjbJ;ECkbI;EACA;EACA,aDxbF;ECybE;EACA;;AASF;EACE;;AAEF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA,aDhdF;ECidE;EACA;;AAUJ;EACE;;AAGF;EACE;EACA;EAEA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;;AAEA;EAEE;EACA;EACA;EACA;EACA;EACA,aD/fF;ECggBE;EAEA;;AAOV;EAGE;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EAEA;EACA;EACA;AACA;EACA;EACA;EACA;AACA;AACA;EACA;EACA;EACA;;AAEA;EAEE;EACA;EACA;EACA;EACA;EACA,aD7iBA;EC8iBA,OD1iBF;EC2iBE;EACA;;AAEA;EAEE;EACA;EACA;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA,aDnkBF;ECokBE;EACA;;AAIJ;EAEE;EACA;EACA,aD7kBA;EC8kBA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE,ODnlBN;EColBM,aDxlBJ;ECylBI;EACA;EACA;;AAEF;EACE,OD3lBN;EC4lBM,aD/lBJ;ECgmBI;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAUhB;AACE;EACA;EACA;EACA;EACA;AACA;EACA;AACA;EACA;AACA;EACA;EACA;AACA;AACA;AACA;AACA;AACA;AACA;EACA;EACA;;AAEA;EAME;EACA;AACA;;AAGF;EACE;EACA;EAGA;EAOA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA,aD7qBM;EC8qBN;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA,ODrrBE;ECsrBF;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA,ODjsBE;ECksBF;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA,OD7sBE;EC8sBF;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;;;AAOV;EACE;EACA;EACA;;;AAGF;EACE,kBD9vBU;EC+vBV;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA","file":"meetingroom.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../scss/main.scss","../scss/meetingroom.scss"],"names":[],"mappings":"AAAQ;AAUR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EAEA;EAEA;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EAEA;EAEA;EACA;;;AAQF;EACE;;;ACrEF;EACE;EACA;;AAEA;AACE;EACA;EACA;EACA;EACA;EACA;AACA;AACA;EACA;AACA;EACA;EACA;AACA;AACA;;AAEA;AACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,aD5CM;;AC+CR;EACE;EACA;EACA;EACA,YDhDI;ECiDJ,ODhDI;ECiDJ,aDrDM;ECsDN;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,aD/EM;ECgFN;EAEA;EAGA;;AAIF;EACE;EACA;EAEA;EACA;EACA,OD3FI;EC4FJ,aDhGM;ECiGN;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;;AAGF;EACE;EAEA;EACA;EACA;EACA;;AAOJ;AACE;EACA;EACA;AACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;;AAEA;EACE;;AAEA;EACE;EACA;EACA;AACA;AACA;AACA;EACA;EACA;EACA;AACA;EAEA;EACA;EACA;EACA,ODvJE;ECwJF;;AAEA;EACE;EACA;EAEA;EACA;EAEA,aDrKE;ECsKF;;AAEA;EAEE;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAGJ;EACE;EACA;EACA;;AAEA;EAEE;EACA,aD/LA;ECgMA;EACA;;AAEF;EAEE;EACA,aDtMA;ECuMA;EACA;;AAIJ;EAEE;EACA;EAEA;EACA;EACA;;AAEA;EACE;EACA,aDvNA;ECwNA;EACA,ODtNF;;AC0NF;EAEE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA,ODpOF;ECqOE;EACA;;AAGF;EACE;EACA,OD1OF;EC2OE;EACA;;AAGF;EACE,ODjPF;ECkPE;EACA;;AAGF;EACE,ODtPF;ECuPE;EACA;;AAMR;EAGE;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EAEA;EACA;EACA;AACA;EACA;EACA;EACA;AACA;AACA;EACA;EACA;EACA;EACA;;AAEA;EAEE;EACA;EACA;EACA;EACA;EACA,aDtSA;ECuSA,ODnSF;ECoSE;EACA;;AAEA;EAEE;EACA;EACA;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA,aD5TF;EC6TE;EACA;;AAGF;EAEE;EACA;EAIA;EACA;EACA;EACA;;AAIJ;EAEE;EACA;EACA,aDnVA;ECoVA;;AAEA;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA,aDzWF;EC0WE;EACA;;AAGF;EACE;EACA;EACA,OD7WJ;EC8WI,YDlXF;;ACqXA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAcF;EACE;EACA,aD7YF;EC8YE;EACA;;AAGF;EACE;EACA;EACA;EACA,ODlZJ;ECmZI,YDvZF;;AC0ZA;EACE;EACA;EACA,ODzZJ;EC0ZI,YD9ZF;;ACiaA;EACE;;AAGF;EACE;EACA,aDvaF;ECwaE;EACA,ODraJ;ECsaI;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA,ODjbJ;ECkbI;EACA;EACA,aDxbF;ECybE;EACA;;AASF;EACE;;AAEF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA,aDhdF;ECidE;EACA;;AAUJ;EACE;;AAGF;EACE;EACA;EAEA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;AACA;EACA;EACA;;AAEA;EAEE;EACA;EACA;EACA;EACA;EACA,aD/fF;ECggBE;EAEA;;AAOV;EAGE;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EAEA;EACA;EACA;AACA;EACA;EACA;EACA;AACA;AACA;EACA;EACA;EACA;;AAEA;EAEE;EACA;EACA;EACA;EACA;EACA,aD7iBA;EC8iBA,OD1iBF;EC2iBE;EACA;;AAEA;EAEE;EACA;EACA;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA,aDnkBF;ECokBE;EACA;;AAIJ;EAEE;EACA;EACA,aD7kBA;EC8kBA;;AAEA;EACE;EACA;EACA;EACA;;AAEA;EACE,ODnlBN;EColBM,aDxlBJ;ECylBI;EACA;EACA;;AAEF;EACE,OD3lBN;EC4lBM,aD/lBJ;ECgmBI;EACA;EACA;;AAEF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAUhB;AACE;EACA;EACA;EACA;EACA;AACA;EACA;AACA;EACA;AACA;EACA;EACA;AACA;AACA;AACA;AACA;AACA;AACA;EACA;EACA;;AAEA;EAME;EACA;AACA;;AAGF;EACE;EACA;EAGA;EAOA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA,aD7qBM;EC8qBN;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA,ODrrBE;ECsrBF;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA,ODjsBE;ECksBF;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA,OD7sBE;EC8sBF;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;;;AAOV;EACE;EACA;EACA;;;AAGF;EACE,kBD9vBU;EC+vBV;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;;;AAMF;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACE;EACA;;;AAEF;EAKE;EAEA;EACA;EACA;;;AAEF;EACE;EACA,ODj2BU;ECk2BV;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA;;;AAEF;EACE;EACA;EACA,kBDp4BU;ECq4BV;EACA;EACA;EACA","file":"meetingroom.css"}
\ No newline at end of file
diff --git a/src/statics/css/modalLarge.css b/src/statics/css/modalLarge.css
index e064652..0ff41d8 100644
--- a/src/statics/css/modalLarge.css
+++ b/src/statics/css/modalLarge.css
@@ -58,10 +58,6 @@
   z-index: 99;
   background-color: rgba(0, 0, 0, 0.6);
 }
-.modalLarge svg {
-  cursor: pointer;
-  height: 15px;
-}
 .modalLarge > section {
   width: 80%;
   max-width: 400px;
@@ -79,10 +75,6 @@
   background-color: var(--htmlbgColor);
   font-weight: 700;
 }
-.modalLarge > section > main {
-  padding: 5px 16px 30px 16px;
-  text-align: center;
-}
 .modalLarge > section > main .main-heading {
   font-size: 14px;
   color: var(--textColor);
diff --git a/src/statics/css/modalLarge.css.map b/src/statics/css/modalLarge.css.map
index bfa8dba..86bd640 100644
--- a/src/statics/css/modalLarge.css.map
+++ b/src/statics/css/modalLarge.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../scss/main.scss","../scss/modalLarge.scss"],"names":[],"mappings":"AAAQ;AAUR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EAEA;EAEA;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EAEA;EAEA;EACA;;;AAQF;EACE;;;ACrEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;;AACA;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;;AACA;EACE;;AAEF;EACE;EACA;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBDlEI;ECmEJ;;AAGJ;EACE;EACA;;;AAIN;EACE;EACA;EACA","file":"modalLarge.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../scss/main.scss","../scss/modalLarge.scss"],"names":[],"mappings":"AAAQ;AAUR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EAEA;EAEA;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EAEA;EAEA;EACA;;;AAQF;EACE;;;ACrEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;AAKA;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;;AACA;EACE;;AAEF;EACE;EACA;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBDlEI;ECmEJ;;AAGJ;EACE;EACA;;;AAIN;EACE;EACA;EACA","file":"modalLarge.css"}
\ No newline at end of file
diff --git a/src/statics/css/settingsAdmin.css b/src/statics/css/settingsAdmin.css
index 294c1bf..54f2365 100644
--- a/src/statics/css/settingsAdmin.css
+++ b/src/statics/css/settingsAdmin.css
@@ -128,6 +128,9 @@
   cursor: default;
   background-color: #808080;
 }
+.settings-admin .settings-admin-input-pwd {
+  text-align: center;
+}
 .settings-admin .settings-admin-input-pwd .settings-admin-input-heading {
   font-size: 14px;
   text-align: left;
@@ -174,6 +177,7 @@
   height: 28px;
   border-radius: 5px;
   margin-top: 20px;
+  margin-bottom: 40px;
 }
 .settings-admin .settings-admin-input-pwd button:disabled {
   cursor: default;
diff --git a/src/statics/css/settingsAdmin.css.map b/src/statics/css/settingsAdmin.css.map
index f71ba88..01fc3c2 100644
--- a/src/statics/css/settingsAdmin.css.map
+++ b/src/statics/css/settingsAdmin.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../scss/main.scss","../scss/settingsAdmin.scss"],"names":[],"mappings":"AAAQ;AAUR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EAEA;EAEA;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EAEA;EAEA;EACA;;;AAQF;EACE;;;ACrEF;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AAEF;EACE;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIE;EACE;;AAGJ;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;;AAEA;EACE,OD3DI;;AC6DN;EACE;;AAGJ;EACE;EACA;EACA,kBDpEM;ECqEN;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AAMJ;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;EACA;EACA;;AAEA;EACE;;AAEF;EACE,ODlHI;;ACoHN;EACE;;AAGJ;EACE;EACA;EACA,kBD3HM;EC4HN;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA","file":"settingsAdmin.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../scss/main.scss","../scss/settingsAdmin.scss"],"names":[],"mappings":"AAAQ;AAUR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EAEA;EAEA;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EAEA;EACA;EACA;EAEA;EAEA;EACA;;;AAQF;EACE;;;ACrEF;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AAEF;EACE;;AAGJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIE;EACE;;AAGJ;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;EACA;EACA;;AAEA;EACE,OD3DI;;AC6DN;EACE;;AAGJ;EACE;EACA;EACA,kBDpEM;ECqEN;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AAIN;EAEE;;AACA;EACE;EACA;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEF;EACE;;AAEF;EACE;;AAEF;EACE;EACA;EACA;;AAEA;EACE;;AAEF;EACE,ODnHI;;ACqHN;EACE;;AAGJ;EACE;EACA;EACA,kBD5HM;EC6HN;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA","file":"settingsAdmin.css"}
\ No newline at end of file
diff --git a/src/statics/scss/meetingroom.scss b/src/statics/scss/meetingroom.scss
index 89337be..2b56268 100644
--- a/src/statics/scss/meetingroom.scss
+++ b/src/statics/scss/meetingroom.scss
@@ -791,6 +791,7 @@
 }
 
 .meetingroom-list {
+  padding-top: 1.5rem;
   display: grid;
   width: 100%;
   grid-template-columns: repeat(auto-fill, minmax(192px, auto));
@@ -798,7 +799,7 @@
 }
 .meetingroom-card {
   cursor: pointer;
-  padding: 0.8rem 0;
+  padding: 0.6rem 0;
   width: 100%;
 }
 .meetingroom-card__img {
@@ -823,7 +824,7 @@
   left: 0.5rem;
   background-color: rgba(252, 252, 252, 0.6);
   border-radius: 3px;
-  color: var(--textColor);
+  color: #444444;
   font-size: 12px;
 }
 .meetingroom-card__title {
@@ -832,3 +833,80 @@
   font-weight: 500;
   padding: 0.2rem 0.4rem;
 }
+
+// .meeting-detail-modal {
+//   width: 100%;
+// }
+.meeting-detail-modal__img {
+  position: relative;
+  width: 100%;
+  height: 0;
+  overflow: hidden;
+  padding-bottom: 75%;
+  & img {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    left: 0;
+    top: 10px;
+    opacity: 0.8;
+  }
+}
+.meeting-detail-modal__contents {
+  position: relative;
+  top: -20px;
+}
+.meeting-detail-modal__contents-header {
+  // position: relative;
+  // top: -20px;
+  // display: flex;
+  // align-items: center;
+  width: 70%;
+  // margin-right: 25%;
+  background-color: var(--borderColor);
+  padding: 0.5rem;
+  border-radius: 0 4px 4px 0;
+}
+.meeting-detail-modal__category {
+  font-size: 12px;
+  color: $mainColor;
+  padding-right: 10px;
+}
+.meeting-detail-modal__title {
+  color: var(--textColor);
+  font-weight: 500;
+  font-size: 16px;
+}
+.meeting-detail-modal__contents-body {
+  display: flex;
+  align-items: center;
+  padding: 0.8rem 1.2rem;
+}
+.meetingroom__crown {
+  cursor: default;
+  margin-right: 5px;
+  margin-bottom: 4px;
+}
+.meetingroom__person {
+  margin-right: 5px;
+  margin-bottom: 3px;
+}
+.meeting-detail-modal__hostname {
+  font-size: 14px;
+  color: var(--textColor);
+  padding-right: 10px;
+}
+.meeting-detail-modal__desc {
+  padding: 0 1.2rem;
+  font-size: 15px;
+  color: var(--textColor);
+}
+.meeting-modal-in-btn {
+  border: none;
+  margin: 2rem 1rem;
+  background-color: $mainColor;
+  color: #eeeeee;
+  font-size: 15px;
+  padding: 0.3rem 1rem;
+  border-radius: 5px;
+}
diff --git a/src/statics/scss/modalLarge.scss b/src/statics/scss/modalLarge.scss
index e779cd4..cdb5bdc 100644
--- a/src/statics/scss/modalLarge.scss
+++ b/src/statics/scss/modalLarge.scss
@@ -10,10 +10,10 @@
   left: 0;
   z-index: 99;
   background-color: rgba(0, 0, 0, 0.6);
-  & svg {
-    cursor: pointer;
-    height: 15px;
-  }
+  // & svg {
+  //   cursor: pointer;
+  //   height: 15px;
+  // }
   > section {
     width: 80%;
     max-width: 400px;
@@ -31,8 +31,8 @@
       font-weight: 700;
     }
     > main {
-      padding: 5px 16px 30px 16px;
-      text-align: center;
+      // padding: 5px 16px 30px 16px;
+      // text-align: center;
       & .main-heading {
         font-size: 14px;
         color: var(--textColor);
diff --git a/src/statics/scss/settingsAdmin.scss b/src/statics/scss/settingsAdmin.scss
index a23292f..39a6516 100644
--- a/src/statics/scss/settingsAdmin.scss
+++ b/src/statics/scss/settingsAdmin.scss
@@ -87,6 +87,7 @@
   }
   .settings-admin-input-pwd {
     // width: 30rem;
+    text-align: center;
     .settings-admin-input-heading {
       font-size: 14px;
       text-align: left;
@@ -134,6 +135,7 @@
       height: 28px;
       border-radius: 5px;
       margin-top: 20px;
+      margin-bottom: 40px;
       &:disabled {
         cursor: default;
         background-color: #808080;