@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap");
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.content_wrap {
  background-color: #efefef;
  padding: 0 60px;
}
.user_title,
.ani_title {
  padding: 70px 0 50px 0;
}
.user_title h4,
.ani_title h4 {
  text-align: center;
}
.info_line {
  display: flex;
  width: 100%;
  height: 58px;
  margin-bottom: 30px;
}
.info_left {
  width: 170px;
  height: 100%;
  line-height: 58px;
  color: #414141;
  font-size: 33px;
  font-weight: 500;
  font-family: "Noto Sans KR";
}
.info_right {
  width: calc(100% - 170px);
}
.info_right input,
.info_right .select_wrap {
  width: 100%;
  height: 100%;
  border: 1px solid #dadada;
  padding-left: 36px;
  font-size: 27px;
  line-height: 58px;
  border-radius: 5px;
}
.info_right input::placeholder {
  color: #b9b9b9;
  font-size: 27px;
  line-height: 58px;
}
.info_right.zipcode {
  display: flex;
  justify-content: space-between;
}
.info_right.zipcode input {
  width: 467px;
}
.btn_zipcode_search {
  width: 284px;
  height: 100%;
  background-color: #8e8e8e;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 27px;
  border-radius: 5px;
}
.follow {
  display: flex;
  font-size: 33px;
  color: #414141;
  height: 58px;
}
.follow p {
  letter-spacing: -3px;
  padding-right: 27px;
  line-height: 58px;
}
.follow_radio {
  color: #7c7c7c;
  line-height: 58px;
  display: flex;
  align-items: center;
}
.go_instar {
  font-size: 33px;
  color: #2e8fd2;
  text-align: center;
  text-decoration: underline;
  text-underline-position: under;
  padding-top: 20px;
}
.info_y,
.info_n {
  display: inline-block;
  width: 36px;
  height: 36px;
  border: 1px solid #d5d5d5;
  border-radius: 50%;
  background-color: #fff;
  margin-right: 8px;
  position: relative;
}
.info_y_circle,
.info_n_circle {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.info_y_txt {
  padding-right: 20px;
}
#fo_y,
#fo_n {
  display: none;
}
.info_right.pet_name {
  display: flex;
  justify-content: space-between;
}
.info_right.pet_name > input {
  width: 467px;
}
.add_line {
  margin-bottom: 10px;
  display: flex;
}
.add_line .info_left {
  width: 170px;
  height: 100%;
  line-height: 58px;
}
.add_line p {
  color: #b11f29;
  font-size: 26px;
  letter-spacing: -3px;
}
.ani_type {
  width: 300px;
  display: flex;
  justify-content: space-between;
}
.ani_type input {
  display: none;
}
.type_dog,
.type_cat {
  width: 145px;
  border: 2px solid #b4b4b4;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 33px;
  color: #7c7c7c;
}
.info_right.choice {
  display: flex;
  align-items: center;
}
.choice_rank {
  display: inline-block;
  width: 110px;
  font-size: 32px;
  color: #7c7c7c;
}
.select_wrap {
  width: 672px;
  height: 100%;
  position: relative;
}
.info_right .select_wrap {
  border: none;
}
.select_arrow {
  position: absolute;
  right: 0;
  top: 2px;
}
/* select 박스 ui바꾸기 */
.ui-button .ui-icon {
  background: none;
  opacity: 0;
}
.ui-menu-item {
  width: 100%;
  height: 50px;
  list-style: none;
  line-height: 50px;
  background-color: #fff;
  overflow: hidden;
}
.info_right.choice .ui-selectmenu-button {
  width: 100%;
  height: 100%;
  color: #b9b9b9;
  font-size: 27px;
  background-color: #fff;
}
.choice4 {
  color: #b11f29;
  font-size: 26px;
  letter-spacing: -3px;
}
.term_policy {
  display: flex;
  justify-content: space-around;
}
.policy_y,
.term_y {
  display: inline-block;
  width: 36px;
  height: 36px;
  border: 1px solid #d5d5d5;
  border-radius: 50%;
  background-color: #fff;
  margin-right: 20px;
  position: relative;
}
.policy_y_circle,
.term_y_circle {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.policy,
.term {
  display: flex;
  align-items: center;
}
#user_privacy,
#user_terms {
  display: none;
}
.term_policy label {
  color: #2e8fd2;
  font-size: 32px;
  text-decoration: underline;
  text-underline-position: under;
  padding-bottom: 5px;
}
.btn_submit_wrap {
  padding: 100px 0;
  display: flex;
  justify-content: center;
}

.btn_submit_box {
  width: 654px;
  height: 110px;
  background-color: #b11f29;
  border-radius: 55px;
  position: relative;
}
.btn_submit_box input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
/* 팝업창 */
.popup_wrap {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 1080px;
  margin: 0 auto;
  background-color: #ffffff;
  overflow: auto;
}
.popup {
  width: 100%;
  padding: 78px 50px 0 50px;
}
.popup section {
  padding-bottom: 100px;
}

.popup section h3 {
  display: flex;
  align-items: center;
  font-size: 35px;
  color: #414141;
  letter-spacing: -3px;
}
.red_square {
  display: inline-block;
  background-color: #b11f29;
  width: 8px;
  height: 35px;
  margin-right: 20px;
}
.popup .line {
  display: inline-block;
  width: 100%;
  height: 1px;
  margin: 27px 0 30px 0;
  background-color: #dadada;
}
.popup .txt,
.red_txt {
  padding-left: 27px;
  letter-spacing: -3.5px;
  line-height: 160%;
}
.popup .txt {
  font-size: 27px;
  color: #8f8f8f;
}
.txt .space {
  height: 10px;
}
.red_txt {
  color: #bd9598;
  font-size: 27px;
  line-height: 200%;
}
.popup_btn_close {
  width: 100%;
  height: 100px;
  text-align: center;
  border-top: 5px solid #f0f0f0;
  font-size: 35px;
  color: #636363;
  display: flex;
  align-items: center;
  justify-content: center;
}
.popup_btn_close span {
  font-weight: 5 00;
}