.AddBtn_btnContainer___CeVx {
  display: flex;
  justify-content: center;
  align-items: center;

  width: 28rem;
  height: 24rem;

  border-radius: 27.632px;
  border: 1px dashed rgba(255, 255, 255, 0.3);
  background: #0f0f0f;

  cursor: pointer;
}

.AddBtn_content__0jcF_ {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.7rem;
}

.AddBtn_plusBtn__l20XS {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3.2rem;
  height: 3.2rem;

  border-radius: 300%;
  border: 1px solid #585858;
  background: none;
}

.AddBtn_plusBtn__l20XS svg {
  stroke: #c6c6c6;
}

.AddBtn_text__9EkAb {
  color: #c6c6c6;
  font-family: Pretendard;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: 2.6rem;
}

.AddBtn_btnContainer___CeVx:hover .AddBtn_text__9EkAb {
  color: white;
}

.AddBtn_btnContainer___CeVx:hover .AddBtn_plusBtn__l20XS {
  border: 1px solid #585858;
  background: #fff;
}
.AddBtn_btnContainer___CeVx:hover .AddBtn_plusBtn__l20XS svg {
  stroke: black;
}

.Modal_modalOverlay__da3ro {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;

  width: 100vw;
  height: 100vh;

  background: rgba(0, 0, 0, 0.4);

  z-index: 999;
}

.Modal_modal__CmwVL {
  position: relative;
  display: flex;
  padding: 2.4rem;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 20px;
  border: 1.302px solid rgba(255, 255, 255, 0.1);
  background: #1a1a1a;
  gap: 1.8rem;

  z-index: 1000;
}

.Modal_modalHeader__PORGn {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.Modal_modalTitle__eDyKY {
  color: #fff;
  font-family: Pretendard;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: 2.2rem;
}

.Modal_contentAddBtn__2XK7i {
  display: flex;
  height: 2.8rem;
  padding: 0.32rem 1.15rem;
  justify-content: center;
  align-items: center;

  font-family: Pretendard;
  font-size: 1.1529rem;
  font-weight: 600;

  border-radius: 2.4706rem;

  cursor: pointer;

  /* 기본 버튼 상태값 */
  background: #fff;
  border: 1px solid #fff;
  color: var(--90, #1a1a1a);
}

#Modal_active__MxRdQ {
  background: #fff;
  border: 1px solid #fff;
  color: var(--90, #1a1a1a);
}

#Modal_deactive__FhpwJ {
  background: transparent;
  border: 0.8px solid #585858;
  color: #c6c6c6;
}

.PlusBtn_btn__9bNX7 {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.3rem 1.3rem;

  border-radius: 2.8235rem;

  font-family: Pretendard;
  font-size: 1.3rem;
  font-style: normal;
  font-weight: 600;
  line-height: 2.4471rem;

  transition: all 0.2s ease-in-out;
  cursor: pointer;
  outline: none;
}

.PlusBtn_default__37Iyg {
  color: #c6c6c6;
  border: 0.9px solid #585858;
  background-color: transparent;
}

.PlusBtn_active__GDZq9 {
  color: #1a1a1a;
  border: 0.9px solid #585858;
  background: #fff;
}

.LoginBtn_btn___NOD4 {
  display: flex;
  padding: 1.2rem 2.6rem;
  justify-content: center;
  align-items: center;
  gap: 1rem;

  border: none;
  border-radius: 30px;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%),
    linear-gradient(96deg, #6df5ff -0.2%, #8079b4 96.8%);

  color: #fff;

  font-family: Pretendard;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 600;

  cursor: pointer;
}

.LoginBtn_btn___NOD4:hover {
  background-color: #f3f4f6;
}

.GoogleLogin_googleBtn__ZBFgh {
  display: flex;
  height: 3.05rem;
  padding: 0.8501rem;
  gap: 0.8501rem;
  align-items: flex-start;

  border: none;
  border-radius: 4px;
  background: #fff;
  box-shadow: 0px 10.388px 19.292px 0px rgba(0, 0, 0, 0.07);

  cursor: pointer;
}

.GoogleLogin_googleBtnText__5hl6I {
  padding: 0px 3rem;

  color: rgba(0, 0, 0, 0.54);
  font-family: "Roboto-Medium";
  font-size: 1.1335rem;
  font-weight: 500;
  font-style: normal;
  line-height: normal;
}

.NameBtn_btn__KHk6P {
  display: flex;
  padding: 1.2rem 2.6rem;
  justify-content: center;
  align-items: center;
  gap: 0.8rem;
  height: 4.3rem;

  border-radius: 30px;
  border: 1px solid #585858;
  background: #1a1a1a;

  cursor: pointer;
}

.NameBtn_name__24aae {
  color: #fff;

  font-family: Pretendard;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.NameBtn_year__hJdfJ {
  color: #9a9a9a;

  font-family: "SUIT Variable";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.LogoutModal_modal__4gNvb {
  position: relative;
  display: flex;
  padding: 2.4rem;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 20px;
  border: 1.302px solid rgba(255, 255, 255, 0.1);
  background: #1a1a1a;
  gap: 1.8rem;
}

.LogoutModal_titleText___6vSi {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.8rem;
}

.LogoutModal_name___Sa54 {
  color: #fff;
  font-family: Pretendard;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.LogoutModal_year__zm4jG {
  color: #9a9a9a;
  font-family: SUIT Variable;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.LogoutModal_partContainer__2O68R {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.4rem;
}

.LogoutModal_part__L3J_9 {
  color: #fff;
  font-family: Pretendard;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2rem;
}

.LogoutModal_partName__BvWPP {
  display: flex;
  width: 19.8rem;
  padding: 0.6rem 1.2rem;
  justify-content: space-between;
  align-items: center;
  border-radius: 4px;
  border: 1px solid #c6c6c6;
  background: #fff;
  color: #000;
  font-family: Pretendard;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2rem;
}

.LogoutModal_logoutBtn__IaKQa {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.491rem;
  background-color: transparent;
  border-radius: 24.551px;
  border: 0.818px solid #585858;
  width: 6.8rem;
  height: 2.8rem;
  color: #c6c6c6;
  font-family: Pretendard;
  font-size: 1.1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.4rem;
  cursor: pointer;
}

.LogoutModal_btnWrapper__xttYk {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.TopBar_nav__qo2Wy {
  position: fixed;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 3.6rem 5.6rem;

  width: 100vw;

  background: linear-gradient(180deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);

  z-index: 999;
}

.TopBar_nav__qo2Wy div {
  display: flex;
  justify-content: center;
  align-items: center;
}

.TopBar_menu__QxKUU {
  gap: 3rem;
}

.UserBtn_loading__kPd_i {
  display: flex;
  padding: 1.2rem 2.6rem;
  justify-content: center;
  align-items: center;
  gap: 0.8rem;
  height: 4.3rem;

  width: 12.877rem;

  border-radius: 30px;
  border: 1px solid #585858;
  background: #1a1a1a;

  color: #9a9a9a;
  font-family: Pretendard;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;

  cursor: pointer;
}

.MembersBtn_btnText__htj2S {
  border: none;
  background: none;

  color: #fff;
  font-family: Pretendard;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;

  cursor: pointer;
  outline: none;
}

.LogoBtn_btn__xu7uO {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.8rem;

  background: none;
  border: none;

  outline: none;
  cursor: pointer;
}

.LogoBtn_text__odcGx {
  color: #fff;
  font-family: "SUIT Variable";
  font-size: 2.2rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.044rem;
}

.DeleteContentModal_modalHeader__Xq9uU {
  width: 38rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.DeleteContentModal_modalBody__pi2Dn {
  width: 100%;

  font-family: Pretendard;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 2.2rem;
}

.DeleteContentModal_modalFooter__qFQVB {
  width: 100%;

  display: flex;
  justify-content: flex-end;
}

.DeleteContentModal_deleteBtn__I3tZB {
  cursor: pointer;

  display: flex;
  padding: 0.33rem 1.15rem;
  justify-content: center;
  align-items: center;

  border-radius: 2.4706rem;
  border: 0.824px solid #585858;
  background: #fff;

  color: #1a1a1a;
  font-family: Pretendard;
  font-size: 1.1529rem;
  font-style: normal;
  font-weight: 600;
  line-height: 2.1412rem;
}

@keyframes Toast_fadeIn__o_xrP {
  0% {
    opacity: 0;
    /* transform: translateX(-50%) translateY(20px); */
  }
  100% {
    opacity: 1;
    /* transform: translateX(-50%) translateY(0); */
  }
}

@keyframes Toast_fadeOutDown__tFpnX {
  0% {
    opacity: 1;
    /* transform: translateX(-50%) translateY(0); */
  }
  100% {
    opacity: 0;
    /* transform: translateX(-50%) translateY(20px); */
  }
}

.Toast_toastWrap__QXThU {
  position: fixed;
  bottom: 6rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
  animation: Toast_fadeIn__o_xrP 0.3s ease-out forwards, Toast_fadeOutDown__tFpnX 0.3s ease-in 1s forwards;
}

.Toast_toastContainer__ERYWy {
  display: flex;
  padding: 1rem 3rem 1rem 2rem;
  align-items: center;
  gap: 1.6rem;
  border-radius: 10px;
  border: 1px solid var(--60, #585858);
  background: #1a1a1a;
}

.Toast_textContainer__KBuc8 > h1 {
  color: var(--Basic-White, #fff);
  font-family: Pretendard;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 22px;
}

.Toast_textContainer__KBuc8 > h2 {
  color: var(--10, #c6c6c6);
  font-family: Pretendard;
  font-size: 1rem;
  font-weight: 400;
  line-height: 20px;
}

.AddTagModal_modal__rxAIA {
  position: absolute;
  min-width: 17rem;
  top: 6.5rem;
  display: flex;
  padding: 1rem 1.2rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.8rem;
  border-radius: 10px;
  border: 1.302px solid rgba(255, 255, 255, 0.1);
  background: #272727;
}

.AddTagModal_contentsContainer__qpezx {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  width: 100%;
}

.AddTagModal_contentsContainer__qpezx > p {
  color: var(--30, #9a9a9a);
  font-family: Pretendard;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
}

.AddTagModal_tagsContainer__xdFGg {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  width: 100%;
}

.AddTagModal_tagContainer__Hha5T {
  display: flex;
  padding: 0.2rem;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;

  border-radius: 8px;
  cursor: pointer;
  width: 100%;

  gap: 1rem;
}

.AddTagModal_tagContainer__Hha5T:hover {
  background: #343434;
}

.AddTagModal_tagColor__QNGJq {
  width: 0.4rem;
  height: 0.4rem;
  background-color: #bdbdbd;
  border-radius: 50%;
}

.AddTagModal_tagBtn__mY0sa {
  display: inline-flex;
  height: 2.4rem;
  padding: 2.75px 5.499px;
  justify-content: center;
  align-items: center;
  gap: 2.75px;

  border-radius: 6.874px;
  border: 0.687px solid #e6e6e6;
  background: var(--Basic-White, #fff);

  color: var(--90, #1a1a1a);
  font-family: Pretendard;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 13.749px;

  white-space: nowrap;
}

.AddTagModal_inputContainer___3gL1 {
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 0.3rem;
}

.AddTagModal_inputContainer___3gL1 > input {
  font-size: 1rem;
}

.AddTagModal_inputTag__v8T7r {
  height: 2.8rem;
  width: 100%;
  padding: 0.2rem 0.8rem;
  align-items: center;

  border-radius: 6px;
  border: 1px solid var(--10, #c6c6c6);
  background: var(--Basic-White, #fff);

  color: var(--30, #9a9a9a);
  font-family: Pretendard;
  font-size: 0.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.AddTagModal_plusBtn__tUbB5 {
  display: flex;
  width: 2.4rem;
  height: 2.4rem;
  padding: 0.4rem 0.6rem;
  justify-content: center;
  align-items: center;
  /* gap: 3.143px; */

  border-radius: 6px;
  border: 0.786px solid var(--60, #585858);
  cursor: pointer;
  /* background-color: #fff; */
}

/* .icPlus > path {
  fill: #fff;
} */

.AddTagModal_icPlus__VtVQq {
  width: 1rem;
  height: 1rem;
  cursor: pointer;
}

.AddTagModal_icTrash__nMkgt {
  width: 1.5rem;
  height: 1.5rem;
}

.AddTag_container__ZbTnD {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 60rem;
  position: relative;
}
.AddTag_title__Ksd8F {
  color: var(--Basic-White, #fff);

  font-size: 1.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.AddTag_tagContainer__Cjx3s {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.6rem;
}

.AddTag_tagBtn__Apmxg,
.AddTag_addTagBtn__jSogF {
  display: flex;
  padding: 0.4rem 0.8rem;
  justify-content: center;
  align-items: center;
  gap: 0.4rem;

  border-radius: 10px;
}

.AddTag_tagBtn__Apmxg {
  background: var(--Basic-White, #fff);
  border: 1px solid #e6e6e6;

  color: black;
}
.AddTag_addTagBtn__jSogF {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.3);
}

.AddTag_tagColor__MxF0X {
  width: 0.6rem;
  height: 0.6rem;
  background-color: #b4b4b4;
  border-radius: 50%;
}

.AddTag_tagBtn__Apmxg > p,
.AddTag_addTagBtn__jSogF > p {
  color: var(--90, #1a1a1a);

  /* Web/Pretendard/Body7(Mobile) */
  font-family: Pretendard;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 166.667% */

  cursor: pointer;
}

.AddTag_addTagBtn__jSogF > p {
  color: var(--Basic-White, #fff);
}
.AddTag_deleteIcn__prPOG > path {
  stroke: #9a9a9a;
}

.InfoModal_modal__7KikJ {
  position: absolute;
  top: 2rem;
  right: -4rem;
  display: flex;
  width: 72rem;
  height: 40rem;
  padding: 2rem;
  justify-content: center;
  align-items: flex-start;
  gap: 3rem;

  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  background: var(--90, #1a1a1a);
}

.InfoModal_body__lvvx0 {
  font-size: 1.2rem;
  line-height: 1.5;
}

.Spinner_spinnerContainer__6X_KC {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.Spinner_spinner__hy3sr {
  position: relative;
  width: 32px;
  height: 32px;
}

.Spinner_dot__A15d2 {
  position: absolute;
  width: 100%;
  height: 100%;
}

.Spinner_dotCircle__HbykP {
  width: 6px;
  height: 6px;
  background-color: #538fff;
  border-radius: 50%;
  opacity: 0.2;
  animation: Spinner_fade__9_Q6x 1s linear infinite;
  transform: translateY(-13px);
}

.Spinner_dot__A15d2:nth-child(1) .Spinner_dotCircle__HbykP {
  animation-delay: 0s;
  opacity: 1;
}
.Spinner_dot__A15d2:nth-child(2) .Spinner_dotCircle__HbykP {
  transform: rotate(45deg) translateY(-13px);
  animation-delay: -0.125s;
}
.Spinner_dot__A15d2:nth-child(3) .Spinner_dotCircle__HbykP {
  transform: rotate(90deg) translateY(-13px);
  animation-delay: -0.25s;
}
.Spinner_dot__A15d2:nth-child(4) .Spinner_dotCircle__HbykP {
  transform: rotate(135deg) translateY(-13px);
  animation-delay: -0.375s;
}
.Spinner_dot__A15d2:nth-child(5) .Spinner_dotCircle__HbykP {
  transform: rotate(180deg) translateY(-13px);
  animation-delay: -0.5s;
}
.Spinner_dot__A15d2:nth-child(6) .Spinner_dotCircle__HbykP {
  transform: rotate(225deg) translateY(-13px);
  animation-delay: -0.625s;
}
.Spinner_dot__A15d2:nth-child(7) .Spinner_dotCircle__HbykP {
  transform: rotate(270deg) translateY(-13px);
  animation-delay: -0.75s;
}
.Spinner_dot__A15d2:nth-child(8) .Spinner_dotCircle__HbykP {
  transform: rotate(315deg) translateY(-13px);
  animation-delay: -0.875s;
}

@keyframes Spinner_fade__9_Q6x {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0.2;
  }
}

.page_pageContainer__300NW {
  width: 100vw;
  height: auto;
  min-height: 100vh;
}

.page_column__4sIJX {
  position: fixed;
  left: calc(100vw * 0.3);
  top: 0;
  width: 0.1rem;
  height: 100%;

  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.2) 0%,
    rgba(255, 255, 255, 0.8) 52.5%,
    rgba(255, 255, 255, 0.4) 76.99%,
    rgba(255, 255, 255, 0.6) 100%
  );

  border: none;
  z-index: -998;
}

.page_row__x2eVE {
  position: fixed;
  top: 34rem;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.5) 0%,
    rgba(255, 255, 255, 0.1) 52.5%,
    rgba(255, 255, 255, 0.4) 76.99%,
    rgba(255, 255, 255, 0.25) 100%
  );
  border: 0;
  width: 100%;
  height: 0.1rem;
  z-index: -998;
}

.page_imgWrapper__XiOUK {
  position: absolute;
  bottom: 82rem;
  left: 70rem;
  width: 100vw;
  display: flex;
  justify-content: flex-end;
  z-index: -999;
}

.page_imgWrapper__XiOUK img {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
}

.LinkModal_modal__udXGF {
  position: absolute;
  min-width: 15rem;
  max-width: 50rem;
  top: 2rem;
  display: flex;
  padding: 1rem 1.2rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.8rem;
  border-radius: 10px;
  border: 1.302px solid rgba(255, 255, 255, 0.1);
  background: #272727;
  right: 15rem;
}

.LinkModal_modalText__THdZU {
  color: var(--30, #9a9a9a);

  /* Web/Pretendard/Body7(Mobile) */
  font-family: Pretendard;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 20px; /* 166.667% */
}

.LinkModal_referenceContainer__YSwmk {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.7rem;
  width: 100%;
}

.LinkModal_referenceBox__uP4eq {
  display: flex;
  /* width: 100%; */
  width: 36rem;
  height: 5.7rem;
  padding: 0.6rem;
  align-items: center;
  gap: 1rem;

  border-radius: 10px;
  border: 0.5px solid var(--10, #c6c6c6);
  background: var(--BG_White, #f3f5f7);

  cursor: pointer;
  /* white-space: nowrap; */
  min-width: 0;
  max-width: 100%;

  flex: 1 1;
}

.LinkModal_referenceBox__uP4eq:hover {
  background-color: #fff;
}

.LinkModal_referenceText__N2kDL {
  display: flex;
  flex-direction: column;
  max-width: 80%;
}

.LinkModal_referenceText__N2kDL > h1 {
  color: var(--Basic-Black, #000);

  font-family: Pretendard;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.LinkModal_referenceText__N2kDL > h2 {
  color: var(--30, #9a9a9a);

  font-family: Pretendard;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;

  /* ellipsis 적용 */
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
}

.LinkModal_profileImgContainer__lzGw8 {
  width: 6rem;
  height: 4.5rem;
  border-radius: 10px;
}

.LinkModal_loadingContainer__Y4L7y {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.LinkModal_fileContainer__xOrr3 {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  /* justify-content: center; */
}

.LinkModal_fileBtn__NKgf2 {
  display: flex;
  width: 17.7rem;
  height: 2.6rem;
  padding: 0.2rem 0.8rem;
  justify-content: space-between;
  align-items: center;

  border-radius: 4px;
  border: 0.5px solid var(--10, #c6c6c6);
  background: var(--BG_White, #f3f5f7);

  color: var(--Basic-Black, #000);

  font-family: Pretendard;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 160% */
}

.LinkModal_fileBtn__NKgf2 > p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 90%;
}
.LinkModal_icdelete__WwTvN {
  width: 0.6rem;
  height: 0.6rem;
  cursor: pointer;
}
.LinkModal_icdelete__WwTvN > path {
  stroke: #9a9a9a;
}

.TopBtnContainer_topContainer__7dlex {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: end;

  gap: 4.6rem;
}

.TopBtnContainer_buttonSection__jYHzb {
  display: flex;
  gap: 0.6rem;
}

.TopBtnContainer_tempSubBtn__g2nEz {
  color: var(--60, #585858);
  font-family: Pretendard;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 600;
  line-height: 19.024px; /* 128.571% */
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  -webkit-text-decoration-style: solid;
          text-decoration-style: solid;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;

  display: flex;
  padding: 8.455px 14.796px;
  justify-content: center;
  align-items: center;
  gap: 6.341px;
}

.TopBtnContainer_activatedBtn__cPJ0N,
.TopBtnContainer_defaultBtn__arpXx {
  display: flex;
  height: 3.6rem;
  padding: 4.228px 14.796px;
  justify-content: center;
  align-items: center;
  gap: 6.341px;
  border-radius: 31.706px;
  border: 1.057px solid var(--60, #585858);
}

.TopBtnContainer_activatedBtn__cPJ0N {
  background: var(--Basic-White, #fff);
  cursor: pointer;
}

.TopBtnContainer_defaultBtn__arpXx {
  background-color: transparent;
  color: #c6c6c6;
}

.TopBtnContainer_infoBtn__YOmHe {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  position: relative;
  cursor: pointer;
}

.TopBtnContainer_infoBtn__YOmHe > p {
  color: var(--Basic-White, #fff);

  font-family: Pretendard;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}

.TopBtnContainer_modalSection__R1mFY {
  display: flex;
  gap: 2rem;
  align-items: center;
}

.TopBtnContainer_linkBtn__LqYgx {
  display: flex;
  padding: 0.2rem 0.6rem;
  height: 3rem;
  align-items: center;
  gap: 0.5rem;
  border-radius: 6px;
  font-family: Pretendard;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 20px;
}

.TopBtnContainer_activeBtn__DGHWy {
  background: rgba(255, 255, 255, 0.1);
  height: 3.2rem;

  color: var(--30, #9a9a9a);
  cursor: pointer;
}

.TopBtnContainer_deActiveBtn__Npg4G {
  color: var(--60, #585858);
  border: 1px solid var(--60, #585858);
}

.TopBtnContainer_activeLink__avn5p > path {
  color: var(--60, #9a9a9a);
}

.TopBtnContainer_deActiveLink__DkBgb > path {
  color: var(--60, #585858);
}

.TopBtnContainer_templateBtn__IbKwu {
  display: flex;
  padding: 0.2rem 0.6rem;
  height: 3rem;
  align-items: center;
  gap: 0.5rem;
  border-radius: 6px;
  border: 1px solid #4a90e2;
  background: #4a90e2;
  font-family: Pretendard;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 20px;

  color: var(--Basic-White, #fff);

  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}

.TopBtnContainer_templateBtn__IbKwu:hover {
  background: #357abd;
  border-color: #357abd;
}

.TopBtnContainer_fileBtn__Cy_FV {
  display: flex;
  padding: 0.2rem 0.6rem;
  height: 3rem;
  align-items: center;
  gap: 0.5rem;
  border-radius: 6px;
  border: 1px solid var(--60, #585858);
  background: var(--Basic-White, #fff);
  font-family: Pretendard;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 20px;

  color: #000;

  cursor: pointer;
}

.Titlebox_container__OP5VW {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
}

.Titlebox_topContainer__8yl2_ {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  width: 50%;
}
.Titlebox_inputBox__iM8qR {
  width: 100%;
  padding: 0.6rem 1.2rem;

  border-radius: 10px;
  border: 1px solid var(--10, #c6c6c6);

  background: var(--Basic-White, #fff);

  color: var(--Basic-Black, #000);

  font-family: Pretendard;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.Titlebox_inputBoxLarge__U1oCB {
  width: 59.5rem;
  height: 36rem;
  padding: 2rem 1.6rem;

  border-radius: 4px;
  border: 1px solid var(--10, #c6c6c6);

  background: var(--Basic-White, #fff);

  color: var(--Basic-Black, #000);

  font-size: 1.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.Titlebox_title__EbvMT {
  color: var(--Basic-White, #fff);

  font-size: 1.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.Titlebox_buttonSection__Vi_Do {
  display: flex;
  justify-content: end;

  width: 100%;
}

.Titlebox_buttonSection__Vi_Do > button {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 10rem;
  height: 3.5rem;
  padding: 3.294px 11.529px;

  border-radius: 4px;
  border: 0.824px solid var(--60, #585858);
}

.Titlebox_activatedBtn__QbUKB {
  background-color: #fff;
  color: #1a1a1a;
  cursor: pointer;
}

.Titlebox_defaultBtn__NDoCq {
  background-color: transparent;
  color: #c6c6c6;
}

.AddArticleMain_overlay__dptj6 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

  width: 100vw;
  height: 100vh;

  padding: 5rem;
  background: rgba(0, 0, 0, 0.4);
}

.AddArticleMain_modalBox__LXGjB {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  /* gap: 3rem; */
  width: 100%;

  padding: 3.4rem;
  border-radius: 20px;
  border: 1.5px solid rgba(255, 255, 255, 0.1);

  background: var(--90, #1a1a1a);
  position: relative;
}

.AddArticleMain_titleContainer__YkAgD {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 1.2rem;
  margin: 5rem 0 3rem 0;
}

.AddArticleMain_titleContainer__YkAgD > p {
  color: var(--Basic-White, #fff);

  /* Web/Pretendard/Button1 */
  font-family: Pretendard;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}
.AddArticleMain_topSection__jXcI3 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  gap: 3rem;
}

.AddArticleMain_topSection__jXcI3 > p {
  color: var(--Basic-White, #fff);

  font-size: 1.4rem;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
}

.AddArticleMain_bodySection__iYFWU {
  display: flex;
  justify-content: center;
  height: 50rem;
  width: 100%;
}

.ArticleMain_wrapper__TVB4b {
  width: 100vw;
  height: 100vh;

  display: flex;
  background-color: #fff;
}

.ArticleMain_rightContainer__BDX0A {
  display: flex;
  width: 100%;
  height: 100vh;
  overflow-y: scroll;

  padding: 10rem 2.4rem 0 6rem;
  gap: 4rem;
  justify-content: space-around;
}

.Article_articleContainer__p4gcE {
  height: -moz-fit-content;
  height: fit-content;
  min-height: 30rem;
  padding: 3rem;

  overflow-y: auto;

  border-radius: 3rem;
  border: 1.5px solid rgba(255, 255, 255, 0.1);
  background: #0f0f0f;

  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 2.4rem;
}

.Article_articlesContainer__m0tnb {
  width: 100%;

  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2rem;
}

.Article_articleSingleContainer__Z_Lne {
  width: 100%;

  cursor: pointer;

  border-radius: 1rem;
  border: 1.5px solid #c6c6c6;
  background: #f3f5f7;

  display: grid;
  grid-template-columns: 3.3fr 7fr;
  height: 19rem;
  grid-gap: 2.4rem;
  gap: 2.4rem;
}

.Article_articleSingleContainer__Z_Lne:hover {
  background-color: #ffffff;
}

.Article_imgWrapper__LDdRC {
  width: 100%;
  height: 100%;
  max-height: 18.7rem;
  max-width: 26rem;
  position: relative;
  object-fit: cover;

  flex-shrink: 0;
}

.Article_mainContentWrapper__clXPp {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1rem;
  padding: 2rem 2rem 2rem 0;
}

.Article_topContainer__nzokw {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.2rem;
}

.Article_bottomContainer__wN9nj {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.4rem;
}

.Article_tagContainer__pvISE {
  flex-wrap: wrap;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 0.2rem;
}

.Article_titleDateWrapper__5d9lV {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.Article_articleTitle__6eM3u {
  width: 100%;

  color: #000;

  font-size: 1.6rem;
  font-weight: 600;
  line-height: 2.2rem;
}

.Article_contentContainer__x_aRh {
  width: 100%;

  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.Article_content__hrf29 {
  width: 100%;

  color: #1a1a1a;
  font-family: Pretendard;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 2rem;
}

.Article_contentInfo___zt5C {
  color: #1a1a1a;
  font-size: 1.2rem !important;
  font-weight: 400;
  line-height: 2rem;
}

#Article_profileContainer__77Pjb {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 0;
}

#Article_creatorInfoContainer__GEEEW {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 0.4rem;
}

#Article_fontSize12__hCCIp {
  color: #000;
  font-size: 1.2rem !important;
}

#Article_fontSize10__OaL70 {
  color: #585858;
  font-size: 1rem !important;
}

.StudyroomMain_wrapper__UyE7T {
  width: 100vw;
  height: auto;
  overflow-y: scroll;

  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;

  padding: 10rem 6%;
  /* 화면 크기에 가로 padding 값 상대적으로 변경 */
}

.StudyroomMain_topContainer__PfDmD {
  display: flex;
  flex-direction: row;
}

.StudyroomMain_backBtnContainer__35tN7 {
  cursor: pointer;

  padding: 1rem 2rem 1rem 1rem;
}

.StudyroomMain_mainContainer__uTZrV {
  width: 100%;

  display: grid;
  grid-gap: 2rem;
  grid-template-columns: 7fr 3fr;
}

.Footer_footerWrapper__2oY65 {
  display: flex;
  flex-direction: column;
  padding-top: 16rem;
}

.Footer_footerContainer__AxhWR {
  width: 100vw;
  height: 14rem;
  display: flex;
  padding: 3.8rem 6.7rem;
  justify-content: space-between;
  background-color: black;
  margin-top: auto;
}

.Footer_contentsContainer__OV6tD {
  display: flex;
  flex-direction: column;
  color: #9a9a9a;
  gap: 1.2rem;
  font-family: "SUIT Variable";
  font-size: 1.6rem;
  line-height: 2.4rem;
}

.Footer_rightContentsContainer__ZQcg5 {
  align-items: end;
}

.Footer_contactContainer__gHlOX {
  display: flex;
  gap: 3.2rem;
}

.Footer_contactMent__lAmef {
  display: flex;
}

.not-found_container__QWVpV {
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.not-found_wrapper__k9s49 {
  display: flex;
  flex-direction: column;
  gap: 5rem;
  padding: 15rem 8rem 10rem 8rem;
  background: linear-gradient(90deg, #1a1a1a 35.78%, #000 100%);
  position: absolute;
  width: 100vw;
}

.not-found_wrapper__k9s49 > h1 {
  color: var(--Basic-White, #fff);
  font-family: Pretendard;
  font-size: 6rem;
  font-style: normal;
  font-weight: 600;
  line-height: 40px; /* 66.667% */
}

.not-found_wrapper__k9s49 > p {
  color: var(--30, #9a9a9a);
  font-feature-settings: "calt" off;

  /* Web/Pretendard/Body4 */
  font-family: Pretendard;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2;
  letter-spacing: -0.18px;
}

.not-found_link__O_hUG {
  display: flex;
  gap: 1.2rem;
  align-items: center;
  cursor: pointer;
}

.not-found_link__O_hUG > p {
  color: var(--Basic-White, #fff);

  /* Web/Pretendard/Button1 */
  font-family: Inter;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
}

.not-found_absoluteBackBtnContainer__WufsL {
  cursor: pointer;
  margin-bottom: 10rem;
}