/*!***************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/app/components/header/header.module.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************/
.header_headerWarp__A7BzM {
  /* position: fixed; */
  height: 50px;
  display: flex;
  text-align: center;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px;
}

.header_headerWarp__A7BzM .header_icon__9Qtb5 {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.header_headerWarp__A7BzM .header_iconBack__a0CSl .header_rightIcon__QKln_ {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  padding: 0;
  margin: 0;
  border: none;
  transition: background-color 0.3s, transform 0.1s;
  border-radius: 50%;
}

.header_headerWarp__A7BzM .header_icon__9Qtb5 img {
  width: 30px;
  height: 30px;
  display: block;
}

.header_headerWarp__A7BzM .header_gap__sHW5t {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 2px;
  text-align: right;
  font-size: 18px;
  color: #353c48;
  font-family: "Pretendard";
}

.header_iconBack__a0CSl:active .header_rightIcon__QKln_:active {
  background-color: #d0d0d0;
  transform: scale(0.95);
}

.header_headerWarp__A7BzM .header_gap__sHW5t img {
  display: block;
  width: 18px;
  height: 18px;
}

.header_headerWarp__A7BzM .header_setting__85vG8 {
  margin-top: 4px;
  line-height: 160%;
  font-weight: 500;
}

.header_headerWarp__A7BzM .header_title__xrgbK {
  margin: 0;
  font-size: 22px;
  font-family: "pretandard";
  font-weight: 500;
}

.header_mainHeaderWarp__Pg92N {
  /* position: fixed; */
  height: auto;
  display: flex;
  flex-direction: column;
  text-align: center;
  width: 100%;
  max-width: 480px;
  align-items: center;
  padding: 0 20px;
  background-color: #fdf1da;
  margin: 0 auto;
}

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

}

.header_mainHeaderWarp__Pg92N .header_logoBox__jIjqt .header_logo__uBoM0 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
}

.header_mainHeaderWarp__Pg92N .header_logoBox__jIjqt .header_logo__uBoM0 img {
  width: 40px;
  height: 40px;
}

.header_mainHeaderWarp__Pg92N .header_logoBox__jIjqt .header_title__xrgbK {
  flex: 1;
  margin: 0;
  font-family: "pretandard";
  font-size: 29px;
  text-align: left;
  color: #f76d33;
}

.header_mainHeaderWarp__Pg92N .header_logoBox__jIjqt .header_logoutBtn__UrsNH {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  cursor: pointer;
}

.header_mainHeaderWarp__Pg92N .header_logoBox__jIjqt .header_logoutBtn__UrsNH img {
  width: 67%;
  height: 67%;
}

.header_mainHeaderWarp__Pg92N .header_welcome__e6q_5 {
  width: 100%;
  height: auto;
}

.header_mainHeaderWarp__Pg92N .header_welcome__e6q_5 .header_message__bwLMd {
  font-family: "pretandard";
  font-size: 32px;
  line-height: 50px;
  text-align: left;
  margin: 40px 0 24px;
  color: #2a3244;
}

@media only screen and (max-width: 380px) {
  .header_mainHeaderWarp__Pg92N .header_welcome__e6q_5 .header_message__bwLMd {
    margin-top: 15px;
  }
}

.header_searchBox__H9UEK {
  background-color: #fdf1da;
}

.header_searchBar__4tbwL {
  width: 100%;
  height: 56px;
  border-radius: 15px;
  border: none;
  padding: 20px;
  font-size: 24px;
  margin: 0 0 24px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/app/signup/components/style/signup.module.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************/
.signup_wrap__uncbn {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 480px;
  margin: 0 auto;
}

.signup_topWrap__uGPaI {
  padding: 0px 30px 30px 40px;
  width: 100%;
  border-bottom: 10px solid #f4f6f8;
}
.signup_title__DJg4l {
  font-size: 24px;
  font-family: "pretandard";
}

.signup_topWrap__uGPaI .signup_typeBox__lLpun {
  display: flex;
  flex-direction: row;
  gap: 92px;
}
.signup_middleWrap__jVguU {
  padding: 15px 30px;
  width: 100%;
  border-bottom: 10px solid #f4f6f8;
}
.signup_middleWrap__jVguU .signup_Title__9m9K_ {
  font-size: 24px;
  font-family: "pretandard";
}

.signup_middleWrap__jVguU .signup_noticeBox__3UV7y {
  padding: 0;
  color: #1a1e28;
  font-size: 14px;
  font-family: "pretandard";
  /* margin-top: -30px; */
}
.signup_middleWrap__jVguU .signup_noticeBox__3UV7y ul {
  padding: 0 0 0 20px;
  font-size: 24px;
}
.signup_middleWrap__jVguU .signup_authTop__15wZA {
  display: flex;
  align-items: end;
  gap: 10px;
}

.signup_middleWrap__jVguU .signup_authTop__15wZA input {
  margin: 0;
}
.signup_middleWrap__jVguU .signup_authBottom__8PoUJ {
  display: flex;
  align-items: center;
  font-family: "pretandard";
}
.signup_middleWrap__jVguU .signup_authBottom__8PoUJ input {
  width: 325px;
  margin: 10px 0;
}
.signup_middleWrap__jVguU .signup_authBottom__8PoUJ p {
  width: 100px;
  text-align: center;
  font-size: 18px;
  text-decoration: underline;
}

.signup_bottomWrap__lJy0h {
  padding: 10px 30px 10px 30px;
  width: 100%;
}
/* .bottomWrap .term {
  margin-bottom: 40px;
} */
.signup_bottomWrap__lJy0h .signup_term__Cy_zl ul {
  list-style: none;
  padding: 0;
}
.signup_bottomWrap__lJy0h .signup_term__Cy_zl li {
  padding: 26px 20px;
  height: 75px;
  font-size: 24px;

  font-family: "pretandard";
}
.signup_bottomWrap__lJy0h .signup_term__Cy_zl li:first-child {
  border: 1px solid #d8dce1;
  border-radius: 15px;
}

.signup_selectBox__apYbZ {
  width: 100%;
  font-family: "pretandard";
  color: #595f73;
  margin-bottom: 20px;
}

.signup_selectBox__apYbZ .signup_label___fZBP {
  font-family: "pretandard";
  color: #595f73;
  font-weight: 400;
  font-size: 24px;
  margin: 0;
}

.signup_selectBox__apYbZ .signup_centerSelect__FGWto {
  width: 100%;
  height: 70px;
  border: 2px solid #d8dce1;
  border-radius: 15px;
  padding: 0 20px;
  font-size: 24px;
  color:#595f73;
  -webkit-appearance:none; /* for chrome */
  -moz-appearance:none; /*for firefox*/
  appearance:none;
  background:url(/_next/static/media/select-arrow.a8f73f18.png) no-repeat 97% 50%/35px auto;
}
.signup_liWrap__Plj_M {
  position: relative;
}

@keyframes signup_fadeIn__r28GR {
  from {
    opacity: 0;
  
  }
  to {
    opacity: 1;
   
  }
}
.signup_termsModal__P1NWn {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: #ffff;
  z-index: 999;
  animation: signup_fadeIn__r28GR 1s forwards;
}

.signup_modalBody__F20h_ {
  width: 100%;
  max-width: 480px;
  margin: 0 auto 20px;
  height: calc(100vh - 50px);
  overflow-y: scroll;
  background-color: #ffff;
  padding: 0px 10px 20px 0px;
  font-family: "pretandard";
}

.signup_modalBody__F20h_ p {   
  font-size: 13px;
}


.signup_scrollHide__MoE8K {
  height: calc(100vh - 50px);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 480px;
  margin: 0 auto;

}



.signup_required__mD3V7 {
  vertical-align: sub;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/app/components/ui/style/button.module.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************/
.button_btn__6gkL8 {
  width: 100%;
  height: 70px;
  border-radius: 15px; 
  font-family: "pretandard";
  font-size: 24px;
  line-height: 68px;
  text-align: center;
  cursor: pointer;

}

.button_kakao__WAxUk {
  position: relative;
  width: 100%;
  height: 75px;
  border-radius: 15px;
  font-family: "pretandard";
  font-size: 24px;
  line-height: 75px;
  text-align: center;
  cursor: pointer;
  
}

.button_kakao__WAxUk::before {
  position: absolute;
  content: "";
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  background-image: url(/_next/static/media/kakao.9eb8d71c.png);
  background-size: cover;
  width: 45px;
  height: 45px;
  cursor: pointer;
}

.button_apple__54NxQ {
  position: relative;
  width: 100%;
  height: 75px;
  border-radius: 15px;
  font-family: "pretandard";
  font-size: 24px;
  line-height: 75px;
  text-align: center;
  cursor: pointer;
  
}

.button_apple__54NxQ::before {
  position: absolute;
  content: "";
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  background-image: url(/_next/static/media/apple.665d353c.png);
  background-size: cover;
  width: 45px;
  height: 45px;
  cursor: pointer;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/app/components/ui/style/modal.module.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/
.modal_modalBg___8aK2 {
  position: fixed;
  width: 100%;
  height: 100vh;
  z-index: 99;
  /* background-color: rgba(0, 0, 0, 0.5); */
  background-color:  rgba(0, 0, 0, 0.4);
  top: 0;
  left: 0;

}
.modal_modalCenterWrap__N5xo6 {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 15px;
  max-width: 450px;
  transform: translate(-50%, -50%);
  background-color: #ffffff;
  width: 95%;
  padding: 35px 25px;
  z-index: 99;
}
.modal_modalBottomWrap__zl4ce {
  display: flex;
  flex-direction: column;
  position: absolute;
  bottom: 0;
  left: 50%;
  border-radius: 15px 15px 0 0;
  max-width: 480px;
  transform: translateX(-50%);
  background-color: #ffffff;
  width: 100%;
  padding: 35px 25px;
  z-index: 99;
}

.modal_modalBody__mSc_k {

}


.modal_modalTitle__2lVdc {
  font-family: "pretandard";
  font-size: 28px;
  margin: 0;
}
.modal_modalBody__mSc_k {
  font-family: "pretandard";
  font-size: 24px;
}
.modal_modalBtnBox__swDsz {
  display: flex;
  flex-direction: column;
  gap:10px;
}
.modal_modalDualBtnBox__KzQbF {
  display: flex;
  flex-direction: row;
  gap:5px;
}
.modal_modalBtnBox__swDsz button {
  width: 100%;
  font-size: 28px;
  line-height: 75px;
  border-radius: 15px;
}
.modal_modalBtnBox__swDsz .modal_btnTop__0zwes {
  background-color: #ff6d3d;
  color: #ffffff;
  border: none;

}

.modal_modalBtnBox__swDsz .modal_btnBottom__b_Z1n {
  color: #ff6d3d;
  background-color: #ffffff;
  border: 1px solid #ff6d3d;
}


.modal_modalDualBtnBox__KzQbF button {
  width: 100%;
  font-size: 28px;
  line-height: 75px;
  border-radius: 15px;
}
.modal_modalDualBtnBox__KzQbF .modal_btnTop__0zwes {
  background-color: #ff6d3d;
  color: #ffffff;
  border: none;

}

.modal_modalDualBtnBox__KzQbF .modal_btnBottom__b_Z1n {
  color: #ff6d3d;
  background-color: #ffffff;
  border: 1px solid #ff6d3d;
}

.modal_profileImg__hGkXE {
  width: 100px;
  height: 100px;
  overflow: hidden;
  border-radius: 50%;
  background-color: #5c5f66;
  border: 1px solid #e8ebf1;

}
.modal_modalContent__zO8e8 {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 20px 0;

}
.modal_imageWrap__Vo5as {
  position: relative;
  width: 100px;
  height: 100px;

}
.modal_uploadBtn__GXpZv{
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #efeff1;
  right: 0;
  bottom: 0; 
}

.modal_modalContent__zO8e8 img {
  width: 100%;
  height: 100%;
}

.modal_errorMsg__9MqOi {
  text-align: center;
  font-size: 20px;
  color: #e42938;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/app/components/ui/style/radio.module.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/
/* The container */
.radio_container__eS2w_ {
  display: flex;
  position: relative;
  width: 100%;
  height: 100%;
  align-items: center;
  padding-left: 45px;
  cursor: pointer;
  font-size: 24px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  font-family: "pretandard";
}

/* Hide the browser's default radio button */
.radio_container__eS2w_ input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.radio_checkmark__9nAPQ {
  position: absolute;
  left: 0;
  height: 28px;
  width: 28px;

  border-radius: 50%;
  border: 3px solid #99a2b3;
}

/* When the radio button is checked, add a blue background */
.radio_container__eS2w_ input:checked ~ .radio_checkmark__9nAPQ {
  background-color: #eee;
  border: 3px solid #ff6b3a;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radio_checkmark__9nAPQ:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio_container__eS2w_ input:checked ~ .radio_checkmark__9nAPQ:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.radio_container__eS2w_ .radio_checkmark__9nAPQ:after {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #ff6b3a;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[7].use[3]!./src/app/components/ui/style/input.module.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************/
/* textInput 스타일 */
.input_input__t1U_I {
  width: 100%;
  font-family: "pretandard";
  color: #595f73;
  margin-bottom: 20px;
}
.input_input__t1U_I label {
  font-size: 24px;
}
.input_input__t1U_I input {
  border: 2px solid #d8dce1;
  border-radius: 15px;
  height: 70px;
  margin: 5px 0px 0px;
  padding: 0 15px;
  font-size: 24px;
  text-align: right;
}
.input_inputBox__2qB55 {
  display: flex;
  width: 100%;
  font-family: "pretandard";
  color: #595f73;
  margin-bottom: 20px;
  align-items: center;
}
.input_inputBox__2qB55 .input_input__t1U_I {
  border: 2px solid #d8dce1;
  border-radius: 15px;
  height: 70px;
  margin: 5px 0px 0px;
  padding: 0 15px;
  font-size: 24px;
  text-align: right;
}

/* checkbox 스타일 */
.input_container__QpdYR {
  display: flex;
  position: relative;
  width: 100%;
  height: 100%;
  align-items: center;
  padding-left: 45px;
  cursor: pointer;
  font-size: 24px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  font-family: "pretandard";
}

/* Hide the browser's default checkbox */
.input_container__QpdYR input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.input_checkmark__HXzAc {
  position: absolute;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: #eee;
}

.input_container__QpdYR:hover input ~ .input_checkmark__HXzAc {
  background-color: #ccc;
}

.input_container__QpdYR input:checked ~ .input_checkmark__HXzAc {
  background-color: #ff6d3d;
}

.input_checkmark__HXzAc:after {
  content: "";
  position: absolute;
  display: none;
}

.input_container__QpdYR input:checked ~ .input_checkmark__HXzAc:after {
  display: block;
}

.input_container__QpdYR .input_checkmark__HXzAc:after {
  left: 6px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

.input_errorBox__Hl5Fp {
  margin: 0px 20px 0px 20px;
}

.input_error__PQMUi {
  color: #e42938;
}

/* checkbox 스타일 */
.input_centerContainer__ZlZNK {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  align-items: center;

  cursor: pointer;
  font-size: 24px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  font-family: "pretandard";
  text-align: center;
  line-height: 19px;
}

/* Hide the browser's default checkbox */
.input_centerContainer__ZlZNK input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.input_centerContainer__ZlZNK:hover input ~ .input_checkmark__HXzAc {
  background-color: #ccc;
}

.input_centerContainer__ZlZNK input:checked ~ .input_checkmark__HXzAc {
  background-color: #ff6d3d;
}

.input_centerContainer__ZlZNK input:checked ~ .input_checkmark__HXzAc:after {
  display: block;
}

.input_centerContainer__ZlZNK .input_checkmark__HXzAc:after {
  left: 6px;
  top: 3px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

.input_viewIcon__uKCiO {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 10px;
  height: auto;
  cursor: pointer;
}

.input_required__nIsQN {
  vertical-align: sub;
}

.input_lineCheckboxLable__qSOTv {
  display: flex;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  align-items: center;
}
.input_srOnly__yHE0L {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.input_lineCheckboxDiv__aFny_ {
  margin-right: 1rem; /* 16px */
  display: flex;
  height: 1.25rem; /* 20px */
  width: 1.25rem; /* 20px */
  align-items: center;
  border-radius: 0.25rem; /* 4px */
  border-width: 1px;
  border-style: solid;
  justify-content: center;
}
.input_lineCheckboxDivActive__RfhNW {
  margin-right: 1rem; /* 16px */
  display: flex;
  height: 1.25rem; /* 20px */
  width: 1.25rem; /* 20px */
  align-items: center;
  border-radius: 0.25rem; /* 4px */
  border-width: 1px;
  border-style: solid;
  border-color: var(--primary-color); /* Define your primary color */
  background-color: #f0f0f0; /* Example gray */
  background-color: transparent; /* Add media query or class for dark mode */
}
.input_lineCheckboxSpan__BAOaj {
  opacity: 0;
}

.input_lineCheckboxSpanActive__PCv7B {
  opacity: 1; /* Override for active state */
}