mark {
  background: linear-gradient(to top, #fff8c4 48%, transparent 48%);
}
mark.markBrw {
  background: linear-gradient(to top, #f6efec 48%, transparent 48%);
}
mark.markBu {
  background: linear-gradient(to top, #edf5fd 48%, transparent 48%);
}
mark.markGr {
  background: linear-gradient(to top, #f1efec 48%, transparent 48%);
}
.a11y-hidden {
  position: absolute;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  overflow: hidden;
  margin: -1px;
  border: 0;
  padding: 0;
  white-space: nowrap;
}
.dash {
  padding-left: 8px;
  position: relative;
}
.dash:after {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 4px;
  height: 1px;
  background-color: #555;
}
.dash span {
  font-weight: 500;
}
.underlineTit {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.underlineTit__head {
  display: inline-block;
  padding-bottom: 9px;
  border-bottom: solid 2px #7e4f40;
  color: #7e4f40;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .underlineTit__head {
    font-size: 16px;
  }
}
.underlineTit__head {
  font-weight: 500;
}
.underlineTit span {
  padding: 3px 8px;
  border-radius: 10px;
}
.warning input {
  border-color: #dc3545 !important;
}
.alert {
  display: block;
  margin-top: 2px;
  color: #dc3545;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .alert {
    font-size: 12px;
  }
}
.alert {
  font-weight: normal;
}
.underline {
  color: #999;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
}
@media screen and (max-width: 321px) {
  .underline {
    font-size: 11px;
  }
}
.underline {
  text-decoration: underline;
}
.underline02 {
  color: #777;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .underline02 {
    font-size: 14px;
  }
}
.underline02 {
  text-decoration: underline;
}
.underline03 {
  color: #777;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .underline03 {
    font-size: 12px;
  }
}
.underline03 {
  text-decoration: underline;
}
.txtBlack {
  color: #111 !important;
}
.txtGray {
  color: #aeb0b5 !important;
}
.txtBlue {
  color: #4288ce !important;
}
.txtRed {
  color: #dc3545 !important;
}
.txtGrey {
  color: #555 !important;
}
.txtCocoa {
  color: #7e4f40 !important;
}
.fw-nor {
  font-weight: normal !important;
}
.pageTit {
  padding: 70px 20px 0;
  background-color: #fff;
}
.pageTit h2 {
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -1px;
}
@media screen and (max-width: 321px) {
  .pageTit h2 {
    font-size: 16px;
  }
}
.pageTit h2 {
  line-height: 1.4;
}
.pageTit p {
  margin-top: 4px;
  color: #555;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .pageTit p {
    font-size: 14px;
  }
}
.pageTit p {
  line-height: 1.5;
}
.pageTit .progressNum {
  padding: 2px 6px;
  margin-left: 14px;
  border: 1px solid #7e4f40;
  border-radius: 12px;
  color: #7e4f40;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
}
@media screen and (max-width: 321px) {
  .pageTit .progressNum {
    font-size: 11px;
  }
}
.pageTit .progressNum {
  font-weight: 500;
  vertical-align: 2px;
}
.pageTit .progressNum small {
  font-size: inherit;
}
header {
  position: fixed;
  left: 50%;
  top: 0;
  z-index: 10;
  width: 100%;
  max-width: 600px;
  height: 50px;
  border-bottom: solid 1px #f1f1f1;
  background-color: #fff;
  transform: translateX(-50%);
}
header .headerWrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 20px;
  width: 100%;
  height: 100%;
}
header .headerWrap > div {
  display: flex;
  align-items: center;
}
header h1 {
  font-size: 22px;
  line-height: 1.36;
  letter-spacing: -1.1px;
}
@media screen and (max-width: 321px) {
  header h1 {
    font-size: 18px;
  }
}
header h1 {
  font-weight: normal;
  white-space: nowrap;
}
header img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
header button {
  width: auto;
}
.comHeaderTabWrap {
  position: sticky;
  top: 50px;
  z-index: 21;
  min-height: 44px;
  border-bottom: solid 1px #e1e1e1;
  background-color: #fff;
}
.comHeaderTabWrap .comHeaderTab {
  display: flex;
  width: 100%;
}
.comHeaderTabWrap .comHeaderTab li {
  width: 50%;
}
.comHeaderTabWrap .comHeaderTab li button {
  position: relative;
  padding: 12px 0 8px;
  color: #aeb0b5;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .comHeaderTabWrap .comHeaderTab li button {
    font-size: 14px;
  }
}
.comHeaderTabWrap .comHeaderTab li button {
  text-align: center;
}
.comHeaderTabWrap .comHeaderTab li.active button {
  position: relative;
  color: #333;
  font-weight: bold;
}
.comHeaderTabWrap .comHeaderTab li.active button:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -2px;
  width: 100%;
  height: 2px;
  background-color: #7e4f40;
}
.scrollTabWrap {
  position: fixed;
  top: 50px;
  left: 50%;
  z-index: 21;
  width: 100%;
  max-width: 600px;
  min-height: 44px;
  border-bottom: solid 1px #e1e1e1;
  background-color: #fff;
  transform: translateX(-50%);
}
.scrollTabWrap .scrollTab {
  overflow-x: auto;
  display: flex;
}
.scrollTabWrap .scrollTab li {
  height: 100%;
  padding: 0 10px;
}
.scrollTabWrap .scrollTab li:first-child {
  padding-left: 20px;
}
.scrollTabWrap .scrollTab li:last-child {
  padding-right: 20px;
}
.scrollTabWrap .scrollTab li.active button {
  color: #333;
  font-weight: bold;
}
.scrollTabWrap .scrollTab li.active button:after {
  bottom: 0;
  height: 2px;
  background-color: #7e4f40;
}
.scrollTabWrap .scrollTab li button {
  position: relative;
  height: 44px;
  color: #aeb0b5;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .scrollTabWrap .scrollTab li button {
    font-size: 14px;
  }
}
.scrollTabWrap .scrollTab li button {
  line-height: 1;
  text-align: center;
  white-space: nowrap;
}
.scrollTabWrap .scrollTab li button:after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
}
.scrollTabWrap .scrollTab::-webkit-scrollbar {
  display: none;
}
.headerComu {
  border-bottom: 0;
  background-color: rgba(0, 0, 0, 0);
}
.headerComu .searchBtn {
  width: 24px;
  height: 24px;
  background-size: 24px;
}
.headerFilter {
  position: sticky;
  top: 94px;
  z-index: 9;
  padding: 24px 0 20px;
  background-color: #fbfbfb;
}
.headerFilter.scroll {
  padding: 16px 0;
  background-color: #fff;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 321px) {
  .headerFilter.scroll {
    padding: 12px 0;
  }
}
.headerFilter__tab {
  display: flex;
  align-items: center;
  padding: 0 20px;
}
.headerFilter__tab button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 12px;
  width: auto;
  height: 32px;
  border: solid 1px #e1e1e1;
  border-radius: 16px;
  background-color: #fff;
  color: #777;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .headerFilter__tab button {
    font-size: 12px;
  }
}
.headerFilter__tab button.active {
  border-color: rgba(0, 0, 0, 0);
  background-color: #666;
  color: #fff;
  font-weight: 500;
}
.headerFilter__tab button:not(:last-child) {
  margin-right: 8px;
}
header:has(+ main .comHeaderTabWrap),
header:has(+ main .notifiSearch.scrolled) {
  border-bottom: none;
}
.headerFilter + .patientInfo__care .patientWarning {
  margin-top: 0;
}
.headerFilter + .patientInfo__care .patientInfo__care--tit {
  margin-top: 0;
}
main {
  margin: 50px auto 0;
  max-width: 600px;
}
main.mt0 .basicWrap {
  min-height: 100vh;
}
input::-moz-placeholder {
  color: #999;
}
input::placeholder {
  color: #999;
}
input:focus {
  border-color: #111;
  background-color: #fff !important;
}
input:has(+ .reset:last-child, + .resetBtn:last-child) {
  padding-right: 46px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
}
textarea {
  padding: 10px 12px;
  border: solid 1px #e1e1e1;
  border-radius: 8px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  textarea {
    font-size: 14px;
  }
}
textarea {
  resize: none;
}
textarea::-moz-placeholder {
  color: #999;
}
textarea::placeholder {
  color: #999;
}
textarea:focus {
  color: #111;
  border-color: #111;
}
.basicWrap {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  min-height: calc(100vh - 50px);
}
.basicWrap__bot {
  padding: 12px 20px 20px;
}
.basicWrap:has([class*="__btn"]) .basicWrap__bot {
  padding-bottom: 76px;
}
.basicWrap:has(.notifiComple) .basicWrap__bot {
  margin-top: auto;
  padding-bottom: 0;
}
.bgGrey {
  background-color: #fbfbfb;
}
.bgWhite {
  background-color: #fff !important;
}
.btnWrap {
  display: flex;
  align-items: center;
  padding: 20px;
}
.btnWrap button:nth-child(2) {
  margin-left: 12px;
}
.btnWrap.fixed,
.btnWrap.tranFixed {
  position: fixed;
  left: 50%;
  bottom: 0;
  z-index: 21;
  padding: 10px 20px 12px !important;
  width: 100%;
  max-width: 600px;
  transform: translateX(-50%);
}
.btnWrap.fixed button,
.btnWrap.tranFixed button {
  margin: 0 auto;
  max-width: 560px;
}
.btnWrap.fixed button:nth-child(2),
.btnWrap.tranFixed button:nth-child(2) {
  margin-left: 12px;
}
@media screen and (min-width: 600px) {
  .btnWrap.fixed,
  .btnWrap.tranFixed {
    justify-content: center;
  }
  .btnWrap.fixed button:first-child:nth-last-child(2),
  .btnWrap.fixed button:first-child:nth-last-child(2) ~ button,
  .btnWrap.tranFixed button:first-child:nth-last-child(2),
  .btnWrap.tranFixed button:first-child:nth-last-child(2) ~ button {
    max-width: 274px;
    margin: 0;
  }
  .btnWrap.fixed button:first-child:nth-last-child(2),
  .btnWrap.tranFixed button:first-child:nth-last-child(2) {
    margin-right: 12px;
  }
}
.btnWrap.fixed {
  background-image: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.2),
    rgba(255, 255, 255, 0.8) 8%,
    #fff 20%
  );
}
.breakLine {
  position: relative;
  border-bottom: solid 10px #f1f1f1;
}
.breakLine:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #e1e1e1;
}
.b0 {
  border-bottom: 0 !important;
}
.pt0 {
  padding-top: 0 !important;
}
.pb0 {
  padding-bottom: 0 !important;
}
.mt0 {
  margin-top: 0px !important;
}
.mb0 {
  margin-bottom: 0 !important;
}
.mt8 {
  margin-top: 8px !important;
}
.failX,
.compleCheck {
  margin: 0 auto;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: no-repeat center;
}
.failX {
  background-image: url(../../imagesHomecare/iconX-w.svg);
  background-color: #dc3545;
  background-size: 20px;
}
.compleCheck {
  background-image: url(../../imagesHomecare/iconCheck_yw.svg);
}
@media screen and (min-width: 600px) {
  body {
    background-color: #e7e7e7;
  }
  main {
    background-color: #fff;
  }
}
input {
  padding: 10px 12px;
  border: solid 1px #e1e1e1;
  border-radius: 8px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  input {
    font-size: 14px;
  }
}
input {
  line-height: 1;
}
input:disabled {
  color: #555 !important;
  background-color: #f6f6f6 !important;
}
textarea:disabled {
  background-color: #f6f6f6;
  font-weight: 500;
}
select {
  padding: 10px 12px;
  border: solid 1px #e1e1e1;
  border-radius: 8px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  select {
    font-size: 14px;
  }
}
.alertBoxDetail {
  padding: 12px 16px;
  margin-bottom: 20px;
  border: solid 1px #dc3545;
  border-radius: 12px;
  background-color: #ffecee;
}
.alertBoxDetail strong {
  display: flex;
  position: relative;
  padding-left: 24px;
  color: #dc3545;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .alertBoxDetail strong {
    font-size: 14px;
  }
}
.alertBoxDetail strong:before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  display: block;
  width: 16px;
  height: 16px;
  background: url(../../imagesHomecare/icon_error.svg) no-repeat left;
}
.alertBoxDetail p {
  padding-left: 24px;
  margin-top: 4px;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .alertBoxDetail p {
    font-size: 12px;
  }
}
@media screen and (max-width: 321px) {
  .alertBoxDetail p br {
    display: none;
  }
}
.home {
  background: url(../../imagesHomecare/bgHome.svg) no-repeat;
}
.hospital {
  background: url(../../imagesHomecare/bgHospital.svg) no-repeat;
}
.homeNur {
  background: url(../../imagesHomecare/bgHomeNursing.svg) no-repeat;
}
.timeCare {
  background: url(../../imagesHomecare/bgTimeCare.svg) no-repeat;
}
.dayCare {
  background: url(../../imagesHomecare/bgDayCare.svg) no-repeat;
}
.none {
  display: none !important;
}
.basicInfoSt {
  border: solid 1px #e1e1e1;
  border-radius: 12px;
  background-color: #f6f6f6 !important;
}
.basicInfoSt dd {
  margin-top: 2px;
}
.basicInfoSt.titSM dt {
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .basicInfoSt.titSM dt {
    font-size: 12px;
  }
}
.basicInfoSt.titSM dd {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .basicInfoSt.titSM dd {
    font-size: 14px;
  }
}
.basicInfoSt.titSM dd {
  font-weight: 500;
}
.basicInfoSt.titNor dt {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .basicInfoSt.titNor dt {
    font-size: 14px;
  }
}
.basicInfoSt.titNor dt {
  font-weight: 500;
}
.basicInfoSt.titNor dd {
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .basicInfoSt.titNor dd {
    font-size: 12px;
  }
}
.pt10 {
  padding-top: 10px !important;
}
.pt20 {
  padding-top: 20px !important;
}
.pt24 {
  padding-top: 24px !important;
}
.pt30 {
  padding-top: 30px !important;
}
.pt32 {
  padding-top: 32px !important;
}
.pt40 {
  padding-top: 40px !important;
}
.pt42 {
  padding-top: 42px !important;
}
.pt50 {
  padding-top: 50px !important;
}
.pt60 {
  padding-top: 60px !important;
}
.pt66 {
  padding-top: 66px !important;
}
.pt70 {
  padding-top: 70px !important;
}
.pt100 {
  padding-top: 100px !important;
}
.pt120 {
  padding-top: 120px !important;
}
.pt138 {
  padding-top: 138px !important;
}
.pb16 {
  padding-bottom: 16px !important;
}
.pb20 {
  padding-bottom: 20px !important;
}
.pb30 {
  padding-bottom: 30px !important;
}
.pb32 {
  padding-bottom: 32px !important;
}
.pb40 {
  padding-bottom: 40px !important;
}
.pb50 {
  padding-bottom: 50px !important;
}
.pb60 {
  padding-bottom: 60px !important;
}
.pb70 {
  padding-bottom: 70px !important;
}
.pb80 {
  padding-bottom: 80px !important;
}
.pb90 {
  padding-bottom: 90px !important;
}
.pb92 {
  padding-bottom: 92px !important;
}
.pb100 {
  padding-bottom: 100px !important;
}
.pb110 {
  padding-bottom: 110px !important;
}
.mt6 {
  margin-top: 6px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mt16 {
  margin-top: 16px !important;
}
.mt18 {
  margin-top: 18px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mt22 {
  margin-top: 22px !important;
}
.mt24 {
  margin-top: 24px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.mt32 {
  margin-top: 32px !important;
}
.mt40 {
  margin-top: 40px !important;
}
.mt50 {
  margin-top: 50px !important;
}
.mt60 {
  margin-top: 60px !important;
}
.mt70 {
  margin-top: 70px !important;
}
.mt80 {
  margin-top: 80px !important;
}
.mb16 {
  margin-bottom: 16px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb30 {
  margin-bottom: 30px !important;
}
.mb40 {
  margin-bottom: 40px !important;
}
.mb50 {
  margin-bottom: 50px !important;
}
.mb60 {
  margin-bottom: 60px !important;
}
.mb70 {
  margin-bottom: 70px !important;
}
.mb80 {
  margin-bottom: 80px !important;
}
.mb90 {
  margin-bottom: 90px !important;
}
.ml8 {
  margin-left: 8px !important;
}
.btnWrap.column {
  flex-direction: column;
}
.btnWrap.column button:nth-child(2) {
  margin: 10px 0 0 0;
}
.btnWrap.column button:nth-child(3) {
  margin: 10px 0 0 0;
}
.btnWrap:has(.btnWrap__ywTxtBubble) {
  position: relative;
  padding-top: 72px;
}
.btnWrap:has(.btnWrap__ywTxtBubble) button:nth-child(2) {
  margin-left: 0;
}
.btnWrap:has(.btnWrap__ywTxtBubble) button:last-of-type {
  margin-left: 12px;
}
.btnWrap__ywTxtBubble {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 98px;
  left: 20px;
  padding: 12px 0;
  width: calc(100% - 40px);
  border-radius: 12px;
  background-color: #fff8c4;
}
.btnWrap__ywTxtBubble:after {
  content: "";
  position: absolute;
  z-index: 1;
  right: 100px;
  bottom: -20px;
  width: 36px;
  height: 20px;
  background: url(../../imagesHomecare/bg_bulb.svg) no-repeat center;
}
.btnWrap__ywTxtBubble span {
  padding-left: 24px;
  background: url(../../imagesHomecare/ic_card_yw.svg) no-repeat 0 4px/20px;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .btnWrap__ywTxtBubble span {
    font-size: 12px;
  }
}
.popup {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  padding: 20px;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  visibility: hidden;
  opacity: 0;
  transition: all 0.1s ease-in-out 0s;
}
.popup.active {
  z-index: 99;
  visibility: visible;
  opacity: 1;
}
.popup.active .popupWrap {
  transform: scale(1);
  opacity: 1;
}
.popup .popupWrap {
  overflow-y: auto;
  position: relative;
  width: 100%;
  max-width: 450px;
  max-height: calc(100vh - 40px);
  border-radius: 12px;
  background-color: #fff;
  transform: scale(0.7);
  transition: all 0.2s ease-in-out 0s;
  opacity: 0;
}
.popup .popupWrap__tit {
  padding: 32px 20px 0;
  text-align: center;
}
.popup .popupWrap__tit.img figure {
  margin: 8px auto 20px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: url(../../imagesHomecare/iconCheck.svg) no-repeat center #ffd241;
}
.popup .popupWrap__tit .compleCheck {
  margin-bottom: 16px;
}
.popup .popupWrap__tit img,
.popup .popupWrap__tit figure {
  margin: 0 auto 16px;
}
.popup .popupWrap__tit h2 {
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .popup .popupWrap__tit h2 {
    font-size: 16px;
  }
}
.popup .popupWrap__tit p {
  margin-top: 12px;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .popup .popupWrap__tit p {
    font-size: 14px;
  }
}
.popup .popupWrap__tit p.awards small {
  display: block;
  margin-top: 8px;
  color: #999;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .popup .popupWrap__tit p.awards small {
    font-size: 12px;
  }
}
.popup .popupWrap__tit p.awards small {
  font-weight: normal;
}
.popup .popupWrap__box {
  padding: 16px;
  margin: 12px auto 0;
  width: calc(100% - 32px);
  border: solid 1px #e1e1e1;
  border-radius: 12px;
  background-color: #f6f6f6;
}
@media screen and (max-width: 321px) {
  .popup .popupWrap__box:has(.popupWrap__box--cs) {
    padding: 12px;
  }
}
.popup .popupWrap__box ~ .popupWrap__txt {
  margin-top: 20px;
}
.popup .popupWrap__box h3 {
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .popup .popupWrap__box h3 {
    font-size: 12px;
  }
}
.popup .popupWrap__box h3.txtCt {
  text-align: center;
}
.popup .popupWrap__box ol.parentheses li {
  position: relative;
  padding-left: 14px;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .popup .popupWrap__box ol.parentheses li {
    font-size: 12px;
  }
}
.popup .popupWrap__box ol.parentheses li {
  counter-increment: custom-counter;
}
.popup .popupWrap__box ol.parentheses li:before {
  position: absolute;
  left: 0;
  content: counter(custom-counter) ")";
}
.popup .popupWrap__box ol.parentheses li ~ li {
  margin-top: 4px;
}
.popup .popupWrap__box ol.parentheses ~ p {
  margin-top: 4px;
}
.popup .popupWrap__box p {
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .popup .popupWrap__box p {
    font-size: 12px;
  }
}
.popup .popupWrap__box p {
  text-align: center;
}
.popup .popupWrap__box p.dash,
.popup .popupWrap__box p.reference {
  text-align: left;
}
.popup .popupWrap__box p ~ p {
  margin-top: 4px;
}
.popup .popupWrap__box span {
  display: block;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .popup .popupWrap__box span {
    font-size: 14px;
  }
}
.popup .popupWrap__box span {
  font-weight: bold;
  text-align: center;
}
.popup .popupWrap__box dt,
.popup .popupWrap__box dd {
  display: inline-flex;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .popup .popupWrap__box dt,
  .popup .popupWrap__box dd {
    font-size: 12px;
  }
}
.popup .popupWrap__box dd {
  margin-left: 2px;
  font-weight: bold;
}
.popup .popupWrap__box--cs div dt,
.popup .popupWrap__box--cs div dd {
  display: inline-flex;
}
.popup .popupWrap__box--cs div dt {
  font-weight: bold;
}
.popup .popupWrap__box--cs div dd {
  margin-left: 2px;
  font-weight: normal;
}
.popup .popupWrap__box--cs div dd:before {
  content: ":";
  margin-right: 2px;
  width: 4px;
  height: auto;
}
@media screen and (min-width: 400px) {
  .popup .popupWrap__box--cs div dd br {
    display: none;
  }
}
.popup .popupWrap__txt {
  margin-bottom: 32px;
  text-align: center;
}
.popup .popupWrap__txt p {
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .popup .popupWrap__txt p {
    font-size: 14px;
  }
}
.popup .popupWrap__btn {
  display: flex;
  align-items: center;
  margin-top: 32px;
  border-top: solid 1px #e1e1e1;
}
.popup .popupWrap__btn button {
  padding: 20px 0;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .popup .popupWrap__btn button {
    font-size: 14px;
  }
}
.popup .popupWrap__btn button {
  line-height: 1;
  text-align: center;
}
.popup .popupWrap__btn button:nth-child(2) {
  border-left: solid 1px #e1e1e1;
}
.popup .popupWrap__btn button:first-child:nth-last-child(1) {
  background-color: #f6f6f6;
  font-weight: 500;
}
.popup .popupWrap__btn button:first-child:nth-last-child(2) {
  background-color: #fff;
}
.popup .popupWrap__btn button:first-child:nth-last-child(2) ~ button {
  flex-shrink: 0;
  width: 50%;
  background-color: #f6f6f6;
  color: #7e4f40;
  font-weight: 500;
}
.popup .popupWrap__btn button.call span {
  padding-left: 24px;
  background: url(../../imagesHomecare/iconTel.svg) no-repeat left center/16px;
}
.popup .popupWrap__close {
  position: absolute;
  top: 0;
  right: 0;
}
.bottomPopup {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  transition: all 0.1s cubic-bezier(0.86, 0, 0.07, 1) 0s;
  visibility: hidden;
  opacity: 0;
}
.bottomPopup.active {
  visibility: visible;
  opacity: 1;
}
.bottomPopup.active .bottomPopupWrap {
  transform: translateY(0);
}
.bottomPopup .bottomPopupWrap {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  max-width: 600px;
  border-radius: 12px 12px 0 0;
  background-color: #fff;
  transform: translateY(100%);
  transition: all 0.7s cubic-bezier(0.8, 0, 0.33, 1) 0s;
}
.bottomPopup .bottomPopupWrap .scrollTabWrap {
  position: static;
  border-radius: 20px 20px 0 0;
  transform: none;
}
.bottomPopup .bottomPopupWrap .scrollTabWrap .scrollTab li button {
  padding: 24px 0 12px;
  height: auto;
  white-space: nowrap;
}
.bottomPopup .bottomPopupWrap .listCheck__check:last-child input + label:before {
  display: none;
}
.bottomPopup .bottomPopupWrap .listCheck input {
  overflow: hidden;
  position: absolute;
  padding: 0;
  margin: -1px;
  width: 1px;
  height: 1px;
  border: 0;
  clip: rect(0, 0, 0, 0);
}
.bottomPopup .bottomPopupWrap .listCheck input + label {
  position: relative;
  padding: 16px 0;
  width: 100%;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .bottomPopup .bottomPopupWrap .listCheck input + label {
    font-size: 14px;
  }
}
.bottomPopup .bottomPopupWrap .listCheck input + label {
  text-align: center;
  transition: background 0.2s ease 0s;
}
.bottomPopup .bottomPopupWrap .listCheck input + label:before,
.bottomPopup .bottomPopupWrap .listCheck input + label:after {
  content: "";
  position: absolute;
  z-index: 1;
}
.bottomPopup .bottomPopupWrap .listCheck input + label:before {
  left: 20px;
  bottom: -1px;
  width: calc(100% - 40px);
  height: 1px;
  background-color: #e1e1e1;
}
.bottomPopup .bottomPopupWrap .listCheck input:checked + label {
  background-color: #f6f6f6;
  font-weight: bold;
  color: #111;
}
.bottomPopup .bottomPopupWrap .listCheck input:checked + label:after {
  top: 50%;
  right: 20px;
  margin-top: -8px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: url(../../imagesHomecare/iconCheck.svg) no-repeat center/8px #7e4f40;
}
@media screen and (min-width: 600px) {
  .bottomPopup .bottomPopupWrap {
    left: 50% !important;
    margin-left: -300px;
  }
}
.bottomPopup__titClose {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: solid 1px #f1f1f1;
}
.bottomPopup__titClose h2 {
  padding: 17px 0 17px 20px;
  font-size: 22px;
  line-height: 1.36;
  letter-spacing: -1.1px;
}
@media screen and (max-width: 321px) {
  .bottomPopup__titClose h2 {
    font-size: 18px;
  }
}
.bottomPopup__titClose h2 {
  font-weight: normal;
  line-height: 1;
}
.bottomPopup__txtInfo {
  padding: 20px 20px 16px;
}
.bottomPopup__txtInfo p {
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .bottomPopup__txtInfo p {
    font-size: 14px;
  }
}
.bottomPopup__txtInfo p {
  line-height: 1.38;
}
.bottomPopup__txtInfo p ~ p {
  margin-top: 8px;
}
.bottomPopup__tit {
  padding: 40px 20px 0;
  text-align: center;
}
.bottomPopup__tit figure {
  margin-bottom: 16px;
  width: 60px;
  height: 60px;
}
.bottomPopup__tit h2 {
  margin: 20px 0 12px;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .bottomPopup__tit h2 {
    font-size: 16px;
  }
}
.bottomPopup__tit p {
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .bottomPopup__tit p {
    font-size: 14px;
  }
}
.bottomPopup__vac {
  padding: 30px 20px 16px;
}
.bottomPopup__vac--tit {
  padding: 10px 0 30px;
  border-bottom: solid 1px #f1f1f1;
  text-align: center;
}
.bottomPopup__vac--tit img {
  margin: 0 auto;
}
.bottomPopup__vac--tit h2 {
  margin: 16px 0 8px;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -1px;
}
@media screen and (max-width: 321px) {
  .bottomPopup__vac--tit h2 {
    font-size: 16px;
  }
}
.bottomPopup__vac--tit p {
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .bottomPopup__vac--tit p {
    font-size: 14px;
  }
}
.bottomPopup__vac--list h2 {
  margin-bottom: 16px;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -1px;
}
@media screen and (max-width: 321px) {
  .bottomPopup__vac--list h2 {
    font-size: 16px;
  }
}
.bottomPopup__vac--list h2 {
  text-align: center;
}
.bottomPopup__vac--list > div {
  padding: 16px 36px 16px 20px;
  border: solid 1px #e1e1e1;
  border-radius: 8px;
  background: url(../../imagesHomecare/bgVac.svg) no-repeat right 20px center #fff;
}
.bottomPopup__vac--list > div h3 {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  color: #333;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .bottomPopup__vac--list > div h3 {
    font-size: 16px;
  }
}
.bottomPopup__vac--list > div h3 span {
  padding: 2px 6px;
  margin-left: 12px;
  border: solid 1px #1bb480;
  border-radius: 2px;
  background-color: #fff;
  color: #1bb480;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .bottomPopup__vac--list > div h3 span {
    font-size: 12px;
  }
}
.bottomPopup__vac--list > div h3 span {
  font-weight: 500;
}
.bottomPopup__vac--list dl div {
  display: flex;
  align-items: center;
  margin-bottom: 2px;
}
.bottomPopup__vac--list dl div:last-child {
  margin-bottom: 0;
}
.bottomPopup__vac--list dl div dt,
.bottomPopup__vac--list dl div dd {
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .bottomPopup__vac--list dl div dt,
  .bottomPopup__vac--list dl div dd {
    font-size: 12px;
  }
}
.bottomPopup__vac--list dl div dt {
  flex-shrink: 0;
  width: 80px;
  color: #555;
}
@media screen and (max-width: 321px) {
  .bottomPopup__vac--list dl div dt {
    width: 68px;
  }
}
.bottomPopup__vac--list dl div dd {
  color: #333;
  font-weight: 500;
}
.bottomPopup__vac--info {
  padding-top: 16px;
}
.bottomPopup__vac--info p {
  padding-left: 22px;
  background: url(../../imagesHomecare/iconNoti-grey.svg) no-repeat 0 2px;
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .bottomPopup__vac--info p {
    font-size: 12px;
  }
}
.bottomPopup__noTrans {
  padding: 29.5px 20px;
  background: url(../../imagesHomecare/img_notrans.svg) no-repeat right 32px center/contain #ffeec4;
}
.bottomPopup__noTrans h3 {
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -1px;
}
@media screen and (max-width: 321px) {
  .bottomPopup__noTrans h3 {
    font-size: 16px;
  }
}
.bottomPopup__noTrans h3 {
  line-height: 1.3;
}
.bottomPopup__noTrans span {
  display: block;
  margin-top: 4px;
  color: #d3bd85;
  font-size: 10px;
  line-height: inherit;
  letter-spacing: -0.5px;
}
@media screen and (max-width: 321px) {
  .bottomPopup__noTrans span {
    font-size: 9px;
  }
}
@media screen and (max-width: 281px) {
  .bottomPopup__noTrans span {
    max-width: 50%;
  }
}
.noticeGrey {
  padding: 20px;
  border-top: solid 1px #e1e1e1;
  background-color: #f1f1f1;
}
.noticeGrey:has(.btnWrap.fixed) {
  padding-bottom: 92px;
}
.noticeGrey > span {
  display: block;
  margin-top: 10px;
  color: #777;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
}
@media screen and (max-width: 321px) {
  .noticeGrey > span {
    font-size: 11px;
  }
}
.noticeGrey__aco {
  overflow: hidden;
  border: solid 1px #e1e1e1;
  border-radius: 8px;
  margin-top: 16px;
}
.noticeGrey__aco:first-child {
  margin-top: 0;
}
.noticeGrey__aco:nth-of-type(2) {
  margin-top: 8px;
}
.noticeGrey__aco summary {
  display: flex;
  align-items: center;
  position: relative;
  padding: 0 16px;
  height: 46px;
  background: url(../../imagesHomecare/acoOpen.svg) no-repeat right 16px center #f6f6f6;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .noticeGrey__aco summary {
    font-size: 12px;
  }
}
.noticeGrey__aco summary {
  font-weight: 500;
}
.noticeGrey__aco summary span {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 6px;
  margin-right: 8px;
  height: 20px;
  border: solid 1px #dc3545;
  border-radius: 20px;
  color: #dc3545;
  font-size: 10px;
  line-height: inherit;
  letter-spacing: -0.5px;
}
@media screen and (max-width: 321px) {
  .noticeGrey__aco summary span {
    font-size: 9px;
  }
}
.noticeGrey__aco > div p {
  margin: 4px 0;
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .noticeGrey__aco > div p {
    font-size: 12px;
  }
}
.noticeGrey__aco > div p {
  line-height: 1.57;
}
.noticeGrey__aco > div p:first-child {
  margin-top: 0;
}
.noticeGrey__aco > div p:last-child {
  margin-bottom: 0;
}
.noticeGrey__aco > div p span {
  display: inline;
  font-weight: 500;
}
.noticeGrey__aco > div ol {
  padding-left: 9px;
}
.noticeGrey__aco > div i {
  padding-left: 20px;
  margin-top: 2px;
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .noticeGrey__aco > div i {
    font-size: 12px;
  }
}
.noticeGrey__aco > div i {
  font-weight: 500;
  font-style: normal;
}
.noticeGrey__aco[open] > div {
  padding: 12px 16px 16px;
  background-color: #f6f6f6;
}
.noticeGrey__aco[open] summary {
  border-bottom: 0;
  border-radius: 8px 8px 0 0;
  background-image: url(../../imagesHomecare/acoClose.svg);
}
.noticeGrey__aco[open] summary:after {
  content: "";
  position: absolute;
  right: 16px;
  bottom: 0;
  width: calc(100% - 32px);
  height: 1px;
  background-color: #e1e1e1;
}
.noticeGrey__aco + .btnWrap {
  padding-top: 32px;
}
.noticeGrey ol {
  margin-top: 4px;
}
.noticeGrey ol.noNum li {
  padding-left: 8px;
  counter-increment: none;
}
.noticeGrey ol.noNum li:before {
  display: none;
}
.noticeGrey ol li {
  position: relative;
  padding-left: 14px;
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .noticeGrey ol li {
    font-size: 12px;
  }
}
.noticeGrey ol li {
  counter-increment: noticeNum;
}
.noticeGrey ol li:before {
  content: counter(noticeNum) ") ";
  position: absolute;
  top: 0;
  left: 0;
}
.noticeGrey > ol li {
  font-weight: 500;
}
.noticeGrey > h2 {
  padding-left: 20px;
  margin-bottom: 8px;
  min-height: 20px;
  background: url(../../imagesHomecare/iconNoti-grey.svg) no-repeat 0 2px/16px;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .noticeGrey > h2 {
    font-size: 12px;
  }
}
.noticeGrey > h2 ~ h2 {
  margin-top: 12px;
}
.noticeGrey > p {
  margin-top: 4px;
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .noticeGrey > p {
    font-size: 12px;
  }
}
.noticeGrey .btnWrap {
  padding: 20px 0 0;
}
.backBtn {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  background: url(../../imagesHomecare/ic_back_btn.svg) no-repeat center;
  font-size: 0;
  text-indent: -9999px;
  cursor: pointer;
}
.searchBtn {
  width: 22px;
  height: 22px;
  background: url(../../imagesHomecare/iconSearch-3.svg) no-repeat center;
  font-size: 0;
  text-indent: -9999px;
}
.resetBtn {
  width: 24px;
  height: 24px;
  background: url(../../imagesHomecare/icon_x_grey.svg) no-repeat center;
  font-size: 0;
  text-indent: -9999px;
}
.outlineRouBtn {
  padding: 9px 12px;
  border: solid 1px #e1e1e1;
  border-radius: 18px;
  background-color: #fbfbfb;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .outlineRouBtn {
    font-size: 12px;
  }
}
.outlineRouBtn {
  font-weight: 500;
  line-height: 1;
}
.outlineRouBtn:before {
  content: "";
  display: inline-block;
  background: no-repeat center;
}
.outlineRouBtn.tel {
  display: flex;
  align-items: center;
  justify-content: center;
}
.outlineRouBtn.tel:before {
  width: 12px;
  height: 12px;
  margin-right: 6px;
  background-image: url(../../imagesHomecare/iconTel.svg);
  background-size: 12px;
}
.outlineRouBtn.intial {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  width: 82px;
  height: 34px;
  padding: 0 10px;
  margin-left: 4px;
}
.outlineRouBtn.intial:before {
  flex-shrink: 0;
  left: 0;
  width: 16px;
  height: 16px;
  background-image: url(../../imagesHomecare/iconIntial.svg);
  background-size: 16px;
}
@media screen and (max-width: 321px) {
  .outlineRouBtn.intial {
    width: 74px;
  }
}
.outlineRouBtn.edit {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  width: auto;
  background-color: #f6f6f6;
}
.outlineRouBtn.edit:before {
  margin-right: 4px;
  width: 14px;
  height: 14px;
  background-image: url(../../imagesHomecare/iconCarePati.svg);
  background-size: 14px;
}
.outlineTxtBtn {
  padding: 15px 0;
  min-height: 46px;
  border: solid 1px #7e4f40;
  border-radius: 8px;
  background-color: #fff;
  color: #7e4f40;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .outlineTxtBtn {
    font-size: 16px;
  }
}
.outlineTxtBtn {
  font-weight: 500;
  line-height: 1;
  text-align: center;
}
.solidBtn {
  padding: 16px 0;
  min-height: 46px;
  border-radius: 8px;
  color: #fff;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .solidBtn {
    font-size: 16px;
  }
}
.solidBtn {
  font-weight: 500;
  line-height: 1;
  text-align: center;
  margin: 0 auto;
  max-width: 560px;
  background-color: #a47768 !important;
}
.solidBtn:disabled {
  background-color: #aeb0b5 !important;
}
.solidBtn.call {
  display: flex;
  align-items: center;
  justify-content: center;
}
.solidBtn.call:before {
  content: "";
  display: inline-block;
  margin-right: 8px;
  width: 18px;
  height: 18px;
  background: url(../../imagesHomecare/iconCall.svg) no-repeat center/contain;
}
.solidBtn.grey {
  padding: 15px 0;
  border: solid 1px #e1e1e1;
  background-color: #f6f6f6 !important;
  color: #333;
}
.arrowBtn {
  border: solid 1px #e1e1e1;
  border-radius: 8px;
}
.delBtn {
  width: 24px;
  height: 24px;
  background: url(../../imagesHomecare/iconX-e.svg) no-repeat center;
  font-size: 0;
  text-indent: -9999px;
}
.btnClose {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  width: 56px;
  height: 56px;
  background: url(../../imagesHomecare/iconX.svg) no-repeat center;
  font-size: 0;
  text-indent: -9999px;
}
.btnDiag {
  padding: 10px 30px 10px 12px;
  border: 1px solid #e1e1e1;
  border-radius: 8px;
  color: #999;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .btnDiag {
    font-size: 14px;
  }
}
.btnDiag {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: url(../../imagesHomecare/arrowRight-a.svg) no-repeat right 12px center/6px;
}
.btnDiag.beB {
  color: #111;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .btnDiag.beB {
    font-size: 14px;
  }
}
.btnDiag.delete {
  background-image: url(../../imagesHomecare/icon_x_grey.svg);
  background-size: 16px;
}
.floatingBtn {
  overflow: hidden;
  position: fixed;
  left: 50%;
  z-index: 24;
  bottom: 74px;
  width: 100%;
  height: 88px;
  max-width: 600px;
  transform: translateX(-50%);
  pointer-events: none;
}
.floatingBtn.scroll button {
  right: -36px;
  animation: flash 1.2s linear infinite;
}
@keyframes flash {
  0% {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), -1px 0px 16px #7d6253;
  }
  50% {
    box-shadow: none;
  }
  100% {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), -1px 0px 16px #7d6253;
  }
}
.floatingBtn button {
  position: absolute;
  top: 16px;
  right: 20px;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background-image: linear-gradient(134deg, #616161 28%, #3e3837 62%, #825c4f 86%);
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
  transition: right 1s ease 0s;
  pointer-events: auto;
}
.floatingBtn button span {
  position: absolute;
  top: 0;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: url(../../imagesHomecare/ic_csBtn.svg) no-repeat;
  font-size: 0;
  text-indent: -9999px;
  animation: spriteAni 5s ease-in-out infinite;
}
@keyframes spriteAni {
  0% {
    background-position: 0 0;
  }
  50% {
    background-position: -56px 0;
  }
  100% {
    background-position: 0 0;
  }
}
@media screen and (max-width: 321px) {
  .outlineRouBtn {
    padding: 8px;
  }
}
.iconBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 0;
  border: solid 1px #e1e1e1;
  border-radius: 8px;
  background-color: #fff;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .iconBtn {
    font-size: 14px;
  }
}
.iconBtn {
  font-weight: 500;
  text-align: center;
}
.iconBtn:before {
  content: "";
  display: inline-block;
  margin-right: 8px;
  width: 16px;
  height: 16px;
  background: no-repeat center/16px;
}
.iconBtn.reRegi:before {
  background-image: url(../../imagesHomecare/iconReRegi.svg);
}
.iconBtn.cancel:before {
  background-image: url(../../imagesHomecare/iconCanCel.svg);
}
.iconBtn.exten:before {
  background-image: url(../../imagesHomecare/iconExten.svg);
}
.iconBtn.view:before {
  background-image: url(../../imagesHomecare/iconView.svg);
}
.iconBtn.select:before {
  background-image: url(../../imagesHomecare/iconSelect.svg);
}
.iconBtn.review01:before {
  background-image: url(../../imagesHomecare/iconReview01.svg);
}
.iconBtn.review02:before {
  background-image: url(../../imagesHomecare/iconReview02.svg);
}
.iconBtn.viewCont:before {
  background-image: url(../../imagesHomecare/icon_viewCont.svg);
}
.iconBtn.contract:before {
  background-image: url(../../imagesHomecare/iconContract.svg);
}
.iconBtn.contractEdit:before {
  background-image: url(../../imagesHomecare/iconContractEdit.svg);
}
.iconBtn.check:before {
  background-image: url(../../imagesHomecare/iconCheckRou.svg);
}
.iconBtn.edit:before {
  background-image: url(../../imagesHomecare/iconCarePati.svg);
}
.reset {
  position: absolute;
  top: 0;
  right: 0;
  width: 46px;
  height: 46px;
  background: url(../../imagesHomecare/icon_x_grey.svg) no-repeat right 12px center/16px;
  font-size: 0;
  text-indent: -9999px;
}
@media screen and (max-width: 321px) {
  .reset {
    width: 43px;
    height: 43px;
  }
}
.arrowBtn {
  padding: 14px 0;
  background: url(../../imagesHomecare/arrowRight-3.svg) no-repeat right 16px center/8px #fff;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .arrowBtn {
    font-size: 14px;
  }
}
.arrowBtn {
  font-weight: 500;
  line-height: 1;
  text-align: center;
}
.outlineTxtBtn.ellipse {
  padding: 14px 0;
  border-radius: 23px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .outlineTxtBtn.ellipse {
    font-size: 14px;
  }
}
.outlineTxtBtn.ellipse {
  line-height: 1;
}
.outlineTxtBtn.grey {
  border-color: #e1e1e1;
  color: #111;
}
.solidBtn.greenCheck {
  display: flex;
  align-items: center;
  justify-content: center;
  border: solid 1px #e1e1e1;
  background-color: #f6f6f6 !important;
  color: #111;
}
.solidBtn.greenCheck:before {
  content: "";
  display: inline-block;
  margin-right: 10px;
  width: 12px;
  height: 8px;
  background: url(../../imagesHomecare/icon_chk_green.svg) no-repeat center;
}
.solidBtn.pink {
  background-color: #fff1ec !important;
  color: #7e4f40;
}
.calendar {
  text-align: center;
}
.calendar:has(.calendar__tit button) .calendar__tit {
  padding-bottom: 16px;
}
.calendar:has(.calendar__tit button) .calendar__tit h4 {
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .calendar:has(.calendar__tit button) .calendar__tit h4 {
    font-size: 16px;
  }
}
.calendar:has(.calendar__tit button) .calendar__detail {
  padding-top: 10px;
}
.calendar ~ .calendar {
  margin-top: 8px;
}
.calendar.time .calendar__tit {
  justify-content: center;
}
.calendar__tit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding-bottom: 8px;
}
.calendar__tit h4 {
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .calendar__tit h4 {
    font-size: 14px;
  }
}
.calendar .prev,
.calendar .next {
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .calendar .prev,
  .calendar .next {
    font-size: 12px;
  }
}
.calendar .prev,
.calendar .next {
  font-weight: bold;
  width: 75px;
  height: 34px;
  border: solid 1px #e1e1e1;
  border-radius: 18px;
  background: no-repeat 12px center/6px #fbfbfb;
  flex-shrink: 0;
}
.calendar .prev:disabled,
.calendar .next:disabled {
  color: #aeb0b5;
  background-color: #f1f1f1;
}
@media screen and (max-width: 321px) {
  .calendar .prev,
  .calendar .next {
    width: 62px;
    height: 28px;
  }
}
.calendar .prev {
  padding-right: 12px;
  background-image: url(../../imagesHomecare/arrowLeft-7.svg);
  text-align: right;
}
.calendar .prev:disabled {
  background-image: url(../../imagesHomecare/arrowLeft-a.svg);
}
@media screen and (max-width: 321px) {
  .calendar .prev {
    background-position: 10px;
    padding-right: 8px;
  }
}
.calendar .next {
  padding-left: 12px;
  background-image: url(../../imagesHomecare/arrowRight-7.svg);
  background-position: right 12px center;
}
.calendar .next:disabled {
  background-image: url(../../imagesHomecare/arrowRight-a.svg);
}
@media screen and (max-width: 321px) {
  .calendar .next {
    padding-left: 8px;
    background-position: right 10px center;
  }
}
.calendar__head {
  display: flex;
  align-items: center;
}
.calendar__head span {
  padding: 10px 0;
  width: 14.285%;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .calendar__head span {
    font-size: 12px;
  }
}
.calendar__head span {
  font-weight: 500;
}
.calendar__detail {
  border-top: solid 1px #e1e1e1;
}
.calendar__detail--col {
  display: flex;
  align-items: center;
}
.calendar__detail--col span {
  position: relative;
  z-index: 1;
  margin: 4px 0;
  width: 14.285%;
  height: 32px;
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .calendar__detail--col span {
    font-size: 12px;
  }
}
.calendar__detail--col span {
  font-weight: 500;
  line-height: 32px;
}
.calendar__detail--col .ing {
  background-color: #fff2ed;
  font-weight: 500;
  color: #555 !important;
}
.calendar__detail--col .ing.sun:after,
.calendar__detail--col .ing.sat:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  margin-top: -16px;
  margin-left: -16px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #fff2ed;
}
.calendar__detail--col .ing.sun:before,
.calendar__detail--col .ing.sat:before {
  content: "";
  position: absolute;
  top: 50%;
  z-index: -2;
  margin-top: -16px;
  width: 50%;
  height: 32px;
  background-color: #fff2ed;
}
.calendar__detail--col .ing.sun:before {
  right: 0;
}
.calendar__detail--col .ing.sat:before {
  left: 0;
}
.calendar__detail--col .ing.sun,
.calendar__detail--col .ing.sat {
  background-color: rgba(0, 0, 0, 0);
}
.calendar__detail--col .sel {
  z-index: 2;
  color: #fff !important;
}
.calendar__detail--col .sel:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: -1;
  margin-top: -16px;
  margin-left: -16px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #a47768;
}
.calendar__detail--col .start,
.calendar__detail--col .finish {
  z-index: 2;
  background-color: rgba(0, 0, 0, 0);
  color: #fff !important;
}
.calendar__detail--col .start:after,
.calendar__detail--col .finish:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: -1;
  margin-top: -16px;
  margin-left: -16px;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #a47768;
}
.calendar__detail--col .start.ing:before,
.calendar__detail--col .finish.ing:before {
  content: "";
  position: absolute;
  top: 50%;
  z-index: -2;
  margin-top: -16px;
  width: 50%;
  height: 32px;
  background-color: #fff2ed;
}
.calendar__detail--col .start.ing:before {
  right: 0;
}
.calendar__detail--col .finish.ing:before {
  left: 0;
}
.calendar__detail--col .disabled {
  color: rgba(0, 0, 0, 0) !important;
}
.inputWrap .hyphen {
  margin: 0 8px;
  width: auto;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .inputWrap .hyphen {
    font-size: 16px;
  }
}
.inputWrap .hyphen {
  font-weight: bold;
  text-align: center !important;
}
.inputWrap .decoTxt {
  width: auto;
  color: #111;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .inputWrap .decoTxt {
    font-size: 16px;
  }
}
.inputWrap .decoTxt {
  font-weight: bold;
}
.inputWrap .decoTxt:first-child {
  margin-right: 9px;
}
.inputWrap .decoTxt:last-child {
  margin-left: 9px;
}
.radioSelectCheck {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.radioSelectCheck__box {
  position: relative;
  width: calc(50% - 4px);
}
.radioSelectCheck input {
  overflow: hidden;
  position: absolute;
  padding: 0;
  margin: -1px;
  width: 1px;
  height: 1px;
  border: 0;
  clip: rect(0, 0, 0, 0);
}
.radioSelectCheck input[type="radio"] + label:before,
.radioSelectCheck input[type="radio"] + label:after {
  content: "";
  position: absolute;
  border-radius: 50%;
}
.radioSelectCheck input[type="radio"] + label:before {
  top: 12px;
  right: 12px;
  width: 16px;
  height: 16px;
  border: solid 1px #e1e1e1;
}
.radioSelectCheck input[type="radio"]:checked + label {
  border: solid 1px #7e4f40;
  background-color: #fff1ec;
  font-weight: bold;
}
.radioSelectCheck input[type="radio"]:checked + label:before {
  border-color: #7e4f40;
}
.radioSelectCheck input[type="radio"]:checked + label:after {
  top: 16px;
  right: 16px;
  width: 8px;
  height: 8px;
  background-color: #7e4f40;
}
.radioSelectCheck label {
  width: 100%;
  border: solid 1px #e1e1e1;
  border-radius: 12px;
  background-color: #fff;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .radioSelectCheck label {
    font-size: 14px;
  }
}
.radioSelectCheck label {
  font-weight: 500;
  text-align: center;
}
.radioSelectCheck label span {
  display: block;
  margin-top: 4px;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .radioSelectCheck label span {
    font-size: 12px;
  }
}
.radioSelectCheck label span {
  font-weight: normal;
}
.checkBoxSel {
  position: relative;
}
.checkBoxSel ~ .checkBoxSel {
  margin-top: 8px;
}
.checkBoxSel label {
  display: flex;
  align-items: center;
  width: 100%;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .checkBoxSel label {
    font-size: 14px;
  }
}
.checkBoxSel input[type="checkbox"] {
  overflow: hidden;
  position: absolute;
  padding: 0;
  margin: -1px;
  width: 1px;
  height: 1px;
  border: 0;
  clip: rect(0, 0, 0, 0);
}
.checkBoxSel input[type="checkbox"] + label {
  position: relative;
  padding: 10px 16px;
  border: solid 1px #e1e1e1;
  border-radius: 8px;
  background-color: #fff;
}
.checkBoxSel input[type="checkbox"] + label:before {
  content: "";
  flex-shrink: 0;
  margin-right: 10px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: url(../../imagesHomecare/iconCheck.svg) no-repeat center/8.6px #e1e1e1;
  transition: all 0.2s ease-in 0s;
}
.checkBoxSel input[type="checkbox"]:checked + label {
  border-color: #7e4f40;
  background-color: #fff1ec;
  color: #7e4f40;
  font-weight: bold;
}
.checkBoxSel input[type="checkbox"]:checked + label:before {
  background-color: #7e4f40;
  color: #fff;
}
.checkBoxSel:has(label strong) input[type="checkbox"] + label {
  flex-wrap: wrap;
  padding-left: 42px;
}
.checkBoxSel:has(label strong) input[type="checkbox"] + label:before {
  position: absolute;
  top: 15px;
  left: 16px;
}
.checkSquare {
  display: block !important;
  position: relative;
}
.checkSquare input[type="checkbox"] {
  overflow: hidden;
  position: absolute;
  padding: 0;
  margin: -1px;
  width: 1px;
  height: 1px;
  border: 0;
  clip: rect(0, 0, 0, 0);
}
.checkSquare input[type="checkbox"] + label {
  display: flex;
  align-items: center;
  margin: 0;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .checkSquare input[type="checkbox"] + label {
    font-size: 14px;
  }
}
.checkSquare input[type="checkbox"] + label {
  font-weight: normal;
  cursor: pointer;
}
.checkSquare input[type="checkbox"] + label:before {
  content: " ";
  margin-right: 8px;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  background: url(../../imagesHomecare/iconCheck.svg) no-repeat center/11.7px #e1e1e1;
  transform: translateY(1px);
  transition: all 0.2s ease-in 0s;
}
.checkSquare input[type="checkbox"]:checked + label:before {
  background-color: #7e4f40;
  color: #fff;
}
.radioCheckSel ~ .radioCheckSel {
  margin-top: 8px;
}
.radioCheckSel input[type="radio"] {
  overflow: hidden;
  position: absolute;
  padding: 0;
  margin: -1px;
  width: 1px;
  height: 1px;
  border: 0;
  clip: rect(0, 0, 0, 0);
}
.radioCheckSel input[type="radio"] + label {
  position: relative;
  padding: 10px 16px 10px 42px;
  width: 100%;
  border: solid 1px #e1e1e1;
  border-radius: 8px;
  background-color: #fff;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .radioCheckSel input[type="radio"] + label {
    font-size: 14px;
  }
}
.radioCheckSel input[type="radio"] + label {
  transition: background 0.2s ease-in 0s;
}
.radioCheckSel input[type="radio"] + label:before,
.radioCheckSel input[type="radio"] + label:after {
  content: "";
  position: absolute;
  border-radius: 100%;
  top: 50%;
  transform: translateY(-50%);
}
.radioCheckSel input[type="radio"] + label:before {
  left: 16px;
  border: 1px solid #e1e1e1;
  width: 16px;
  height: 16px;
}
.radioCheckSel input[type="radio"]:checked + label,
.radioCheckSel input[type="radio"]:checked + label:before {
  border: 1px solid #7e4f40;
  background-color: #fff1ec;
  color: #7e4f40;
  font-weight: bold;
}
.radioCheckSel input[type="radio"]:checked + label:after {
  left: 20px;
  width: 8px;
  height: 8px;
  background-color: #7e4f40;
}
.radioCheckSel input[type="radio"]:disabled + label {
  background-color: #f6f6f6;
  color: #aeb0b5;
}
.radioCheckSel input[type="radio"]:disabled + label .label {
  color: #aeb0b5 !important;
  background-color: #fff !important;
}
.radioCheckSel input[type="radio"]:disabled + label small {
  color: inherit !important;
}
.radioCheckSel:has(label small) input[type="radio"] + label:before {
  top: 15px;
  transform: none;
}
.radioCheckSel:has(label small) input[type="radio"] + label:after {
  top: 19px;
  transform: none;
}
.radioCheckSel:has(label small) input[type="radio"] + label small {
  display: block;
}
.radioCheckSel:has(label small) input[type="radio"] + label span {
  position: absolute;
  top: 10px;
  right: 16px;
  height: 22px;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
}
@media screen and (max-width: 321px) {
  .radioCheckSel:has(label small) input[type="radio"] + label span {
    font-size: 11px;
  }
}
.radioCheckSel:has(label small) input[type="radio"] + label span.left {
  right: auto;
  margin-left: 8px;
}
.radioCheckSel:has(label small) input[type="radio"]:checked + label {
  font-weight: bold;
}
.radioCheckSel:has(label small) input[type="radio"]:checked + label span {
  background-color: #fff;
}
.checkBoxSel:has(label strong) input:checked + label strong,
.radioCheckSel:has(label strong) input:checked + label strong {
  font-weight: bold;
}
.checkBoxSel:has(label strong) label strong,
.radioCheckSel:has(label strong) label strong {
  font-weight: 500;
}
.checkBoxSel:has(label strong) label small,
.radioCheckSel:has(label strong) label small {
  margin-top: 2px;
  width: 100%;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .checkBoxSel:has(label strong) label small,
  .radioCheckSel:has(label strong) label small {
    font-size: 12px;
  }
}
.checkBoxSel:has(label strong) label small,
.radioCheckSel:has(label strong) label small {
  font-weight: normal;
}
.radioBoxSel {
  width: 100%;
}
.radioBoxSel:nth-child(n + 2) {
  margin-left: 8px;
}
.radioBoxSel input {
  overflow: hidden;
  position: absolute;
  padding: 0;
  margin: -1px;
  width: 1px;
  height: 1px;
  border: 0;
  clip: rect(0, 0, 0, 0);
}
.radioBoxSel input + label {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
  width: 100%;
  height: 46px;
  border: solid 1px #e1e1e1;
  border-radius: 8px;
  background-color: #fff;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .radioBoxSel input + label {
    font-size: 14px;
  }
}
.radioBoxSel input + label {
  text-align: center;
}
.radioBoxSel input + label:before {
  border: 1px solid #e1e1e1;
}
.radioBoxSel input:checked + label,
.radioBoxSel input:checked + label:before {
  border: 1px solid #7e4f40;
  background-color: #fff1ec;
  color: #7e4f40;
  transition: all 0.2s ease-in 0s;
}
.radioBoxSel input:checked + label {
  font-weight: bold;
}
.checkSelTxt01 {
  position: relative;
  padding: 16px;
  margin-top: 30px;
  border: solid 1px #e1e1e1;
  border-radius: 12px;
  background-color: #fff;
}
@media screen and (max-width: 321px) {
  .checkSelTxt01 {
    padding: 12px;
  }
}
.checkSelTxt01:after {
  content: "";
  position: absolute;
  top: -18px;
  left: 20px;
  z-index: 1;
  width: 40px;
  height: 25px;
  background-image: url(../../imagesHomecare/bgCompOpin.svg);
}
.checkSelTxt01 label {
  padding-left: 22px;
  background: url(../../imagesHomecare/icon_text.svg) no-repeat 0 3px/16px;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .checkSelTxt01 label {
    font-size: 12px;
  }
}
.checkSelTxt01 label {
  font-weight: bold;
}
@media screen and (max-width: 321px) {
  .checkSelTxt01 label {
    padding-left: 18px;
    background-size: 12px;
  }
}
.checkSelTxt01 label span {
  margin-left: 8px;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
}
@media screen and (max-width: 321px) {
  .checkSelTxt01 label span {
    font-size: 11px;
  }
}
.checkSelTxt01 label span {
  font-weight: normal;
  vertical-align: 1px;
}
.checkSelTxt01 textarea {
  padding: 12px;
}
.checkSelTxt01 p {
  padding: 8px 12px 8px 32px;
  margin-top: 12px;
  border-radius: 8px;
  background: url(../../imagesHomecare/icon_check.svg) no-repeat 12px 11px/14px #f6f6f6;
  color: #333;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
}
@media screen and (max-width: 321px) {
  .checkSelTxt01 p {
    font-size: 11px;
  }
}
@media screen and (max-width: 321px) {
  .checkSelTxt01 p {
    background-size: 12px;
  }
}
.iconBigTitBox {
  padding: 16px;
  border: solid 1px #e1e1e1;
  border-radius: 12px;
  background-color: #f6f6f6;
}
.iconBigTitBox div.check dt {
  background-image: url(../../imagesHomecare/bgCareType.svg);
}
.iconBigTitBox div.change dt {
  background-image: url(../../imagesHomecare/ic_auto.svg);
}
.iconBigTitBox div.price dt {
  background-image: url(../../imagesHomecare/ic_payInfo.svg);
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .iconBigTitBox div.price dt {
    font-size: 16px;
  }
}
.iconBigTitBox div ~ div {
  padding-top: 16px;
  margin-top: 16px;
  border-top: 1px solid #e1e1e1;
}
.iconBigTitBox div dt {
  padding-left: 26px;
  background: no-repeat 0 center;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .iconBigTitBox div dt {
    font-size: 14px;
  }
}
.iconBigTitBox div dt {
  font-weight: 500;
}
.iconBigTitBox div dd {
  padding-left: 26px;
  margin-top: 2px;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .iconBigTitBox div dd {
    font-size: 12px;
  }
}
.iconSmTitBox {
  padding: 16px;
  border: solid 1px #e1e1e1;
  border-radius: 12px;
  background-color: #f6f6f6;
}
.iconSmTitBox__tit,
.iconSmTitBox__txt {
  padding-left: 26px;
}
.iconSmTitBox__tit {
  background: no-repeat 0 4px;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .iconSmTitBox__tit {
    font-size: 14px;
  }
}
.iconSmTitBox__tit {
  font-weight: normal;
}
@media screen and (max-width: 321px) {
  .iconSmTitBox__tit {
    background-position: 0 2px;
  }
}
.iconSmTitBox__tit strong {
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .iconSmTitBox__tit strong {
    font-size: 16px;
  }
}
.iconSmTitBox__txt {
  margin-top: 2px;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .iconSmTitBox__txt {
    font-size: 14px;
  }
}
.iconSmTitBox__txt strong {
  color: #111;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .iconSmTitBox__txt strong {
    font-size: 16px;
  }
}
.iconSmTitBox.warning {
  border-color: #dc3545;
}
.iconSmTitBox.warning .f16 {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .iconSmTitBox.warning .f16 {
    font-size: 14px;
  }
}
.iconSmTitBox.flex {
  padding: 15px 16px;
}
.iconSmTitBox.flex div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.iconSmTitBox.flex .iconSmTitBox__tit {
  color: #111;
  font-weight: 500;
}
.iconSmTitBox.flex .iconSmTitBox__txt {
  margin-top: 0;
  color: #111;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .iconSmTitBox.flex .iconSmTitBox__txt {
    font-size: 16px;
  }
}
.iconSmTitBox.flex .iconSmTitBox__txt {
  font-weight: bold;
}
.iconSmTitBox div.time .iconSmTitBox__tit {
  background-image: url(../../imagesHomecare/iconClock.svg);
}
.iconSmTitBox div.price .iconSmTitBox__tit {
  background-image: url(../../imagesHomecare/ic_payInfo.svg);
}
.iconSmTitBox div:has(dt.a11y-hidden + dd) {
  margin-top: 0;
  background: url(../../imagesHomecare/iconClock.svg) no-repeat 0 center;
}
.iconSmTitBox div ~ div {
  padding-top: 16px;
  margin-top: 16px;
  border-top: 1px solid #e1e1e1;
}
.iconNoTitBox {
  border: solid 1px #e1e1e1;
  border-radius: 12px;
  background-color: #f6f6f6;
}
.iconNoTitBox.h56 {
  padding: 15px 16px;
}
.iconNoTitBox.h56 p {
  font-weight: 500;
}
.iconNoTitBox.h46 {
  padding: 10px 16px;
}
.iconNoTitBox p {
  padding-left: 26px;
  background: no-repeat 0 center;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .iconNoTitBox p {
    font-size: 14px;
  }
}
.iconNoTitBox p.greenCheck {
  background-image: url(../../imagesHomecare/ic_check_green.svg);
}
.label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 8px;
  height: 28px;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .label {
    font-size: 12px;
  }
}
.label {
  font-weight: 500;
}
.label.RD {
  background-color: #ffecee;
  color: #dc3545;
}
.label.YW {
  background-color: #ffffb9;
  color: #b37200;
}
.label.BU {
  background-color: #edf5fd;
  color: #0a6cd8;
}
.label.GY {
  background-color: #f6f6f6;
  color: #555;
}
.label.GN {
  background-color: #e5fae5;
  color: #3f9b3f;
}
.label.BR {
  background-color: #f9f0ed;
  color: #7e4f40;
}
.label.PKBR {
  background-color: #fff0eb;
  color: #7e4f40;
}
.label.GYRD {
  background-color: #f6f6f6;
  color: #dc3545;
}
.label span {
  color: #333;
}
.awardsLabel {
  padding: 9px 13px 1px;
  background: url(../../imagesHomecare/img_awards_label01.svg) no-repeat 0 bottom,
    url(../../imagesHomecare/img_awards_label02.svg) no-repeat 13px 0,
    url(../../imagesHomecare/img_awards_label03.svg) no-repeat right bottom;
  color: #7e4f40;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .awardsLabel {
    font-size: 12px;
  }
}
.awardsLabel {
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .awardsLabel {
    padding: 8px 9px 1px;
    background-size: 8px, 10px, 8px;
  }
}
.limitTextarea {
  overflow: hidden;
  position: relative;
  display: none;
  margin-top: 8px;
  width: 100% !important;
  height: 120px;
  border: solid 1px #e1e1e1;
  border-radius: 8px;
  background-color: #fff;
}
.limitTextarea:has(textarea:focus) {
  border: solid 1px #111;
}
.limitTextarea.h175 {
  height: 175px;
}
.limitTextarea.h175 textarea {
  height: 139px;
}
.limitTextarea.h216 {
  margin-top: 16px;
  height: 216px;
}
.limitTextarea.h216 textarea {
  height: 180px;
}
.limitTextarea textarea {
  display: block;
  padding: 12px 12px 0;
  margin-top: 0;
  height: 84px;
  border: 0;
  word-break: break-all;
}
.limitTextarea p {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 0 12px 12px 0;
  color: #999;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .limitTextarea p {
    font-size: 12px;
  }
}
.limitTextarea p {
  font-weight: normal;
  line-height: 18px;
  text-align: right;
}
.limitInputBox {
  position: relative;
}
.limitInputBox__txt {
  margin-top: 8px;
  text-align: right;
}
.limitInputBox__txt small {
  color: #999;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .limitInputBox__txt small {
    font-size: 12px;
  }
}
.noneItem {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #fbfbfb;
}
.noneItem img {
  margin-bottom: 12px;
}
.noneItem h2 {
  color: #333;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .noneItem h2 {
    font-size: 16px;
  }
}
.noneItem p {
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .noneItem p {
    font-size: 14px;
  }
}
.noneItem p {
  text-align: center;
}
.noneItem {
  padding-top: 22vh;
  min-height: calc(100vh - 200px);
}
.notifiHelpPopup {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px 20px 0;
  text-align: center;
}
.notifiHelpPopup figure {
  position: relative;
  margin: 0 auto;
  width: 70px;
  height: 70px;
  border-radius: 6px;
  background-color: #f6f6f6;
}
.notifiHelpPopup figure img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  max-height: 50px;
  transform: translate(-50%, -50%);
}
.notifiHelpPopup h2 {
  margin: 16px 0 8px;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -1px;
}
@media screen and (max-width: 321px) {
  .notifiHelpPopup h2 {
    font-size: 16px;
  }
}
.notifiHelpPopup p {
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .notifiHelpPopup p {
    font-size: 14px;
  }
}
.notifiHelpPopup p.tal {
  text-align: left;
}
.notifiHelpPopup .addCaution {
  padding-top: 16px;
  padding-left: 22px;
  margin-top: 24px;
  border-top: 1px solid #f1f1f1;
  background: url(../../imagesHomecare/iconNoti-grey.svg) no-repeat 0 19px/16px;
  text-align: left;
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .notifiHelpPopup .addCaution {
    font-size: 12px;
  }
}
.notifiHelpPopup .addTxt {
  display: block;
  margin: 24px auto 0;
  padding: 14px 0 0 22px;
  border-top: 1px solid #f1f1f1;
  background: url(../../imagesHomecare/iconHelp.svg) no-repeat left top 16px/16px;
  text-align: left;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .notifiHelpPopup .addTxt {
    font-size: 12px;
  }
}
.notifiHelpPopup.scroll {
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px 0 0;
  margin: 0 20px;
  height: 210px;
}
.notifiHelpPopup.scroll figure {
  flex-shrink: 0;
}
.notifiItems {
  position: relative;
  border: solid 1px #e1e1e1;
  border-radius: 12px;
  background-color: #fff;
}
.notifiItems img {
  position: absolute;
  right: 12px;
  width: 40px;
}
.notifiItems__label {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin-top: -4px;
}
.notifiItems__label .label {
  margin-top: 4px;
  margin-right: 6px;
}
.notifiItems__tit {
  padding: 12px 56px 12px 0;
  border-bottom: solid 1px #f1f1f1;
  background-position: right;
  background-size: 40px;
}
.notifiItems__tit h3 {
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .notifiItems__tit h3 {
    font-size: 16px;
  }
}
.notifiItems__tit h3 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.notifiItems__info {
  margin-top: 12px;
}
.notifiItems__insur {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto 12px;
  width: calc(100% - 32px);
  border-top: solid 1px #f1f1f1;
  border-bottom: solid 1px #f1f1f1;
}
.notifiItems__btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0 16px 16px;
  margin-top: 6px;
}
@media screen and (max-width: 281px) {
  .notifiItems__btn button {
    width: 100% !important;
  }
  .notifiItems__btn button:nth-child(n + 2) {
    margin-top: 4px !important;
  }
}
.notifiItems__btn button:first-child:nth-last-child(1) {
  width: 100%;
}
.notifiItems__btn button:first-child:nth-last-child(2),
.notifiItems__btn button:first-child:nth-last-child(2) ~ button {
  width: calc(50% - 4px);
}
.notifiItems__btn button:first-child:nth-last-child(3),
.notifiItems__btn button:first-child:nth-last-child(3) ~ button:nth-last-child(2) {
  width: calc(50% - 4px);
}
.notifiItems__btn button:nth-child(3) {
  margin-top: 8px;
}
.notifiItems img {
  top: -6px;
}
.notifiItems__number {
  margin: -16px -16px 16px;
  padding: 8px 14px;
  background-color: rgba(255, 249, 245, 0.6);
  border-radius: 12px 12px 0 0;
}
.notifiItems__number p {
  color: #7e4f40;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .notifiItems__number p {
    font-size: 12px;
  }
}
.notifiItems__number p {
  font-weight: 500;
}
.notifiItems__info div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.notifiItems__info div:nth-child(n + 2) {
  margin-top: 4px;
}
.notifiItems__info dt,
.notifiItems__info dd {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .notifiItems__info dt,
  .notifiItems__info dd {
    font-size: 14px;
  }
}
.notifiItems__info dt {
  color: #555;
}
.notifiItems__info dd {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.notifiItems__insur {
  padding: 18px 0;
}
.notifiItems__insur p,
.notifiItems__insur button {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .notifiItems__insur p,
  .notifiItems__insur button {
    font-size: 14px;
  }
}
.notifiItems__insur p {
  color: #555;
  font-weight: bold;
}
@media screen and (max-width: 345px) {
  .notifiItems__insur p {
    width: 55%;
  }
}
.notifiItems__insur button {
  width: auto;
  font-weight: bold;
  text-decoration: underline;
}
.notifiRegisListWrap {
  width: 100%;
  background-color: #fbfbfb;
}
.notifiRegisListWrap:last-child {
  padding-bottom: 20px;
}
.notifiRegisListWrap__tit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
@media screen and (max-width: 281px) {
  .notifiRegisListWrap__tit h3 {
    margin-right: 0;
  }
  .notifiRegisListWrap__tit figure {
    display: none;
  }
}
.notifiRegisListWrap__tit h3 {
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .notifiRegisListWrap__tit h3 {
    font-size: 16px;
  }
}
.notifiRegisListWrap__tit h3 {
  line-height: 1.44;
}
.notifiRegisListWrap__tit h3:has(br:nth-child(3) + small) small {
  margin-left: 0;
}
.notifiRegisListWrap__tit h3 span {
  display: block;
  margin-bottom: 2px;
  color: #a47768;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .notifiRegisListWrap__tit h3 span {
    font-size: 12px;
  }
}
.notifiRegisListWrap__tit h3 small {
  display: inline-block;
  margin-left: 4px;
  color: #aeb0b5;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .notifiRegisListWrap__tit h3 small {
    font-size: 12px;
  }
}
.notifiRegisListWrap__tit h3 small {
  font-weight: normal;
  vertical-align: 2px;
}
.notifiRegisListWrap__tit figure {
  flex-shrink: 0;
  position: relative;
  margin: 0 0 2px 8px;
  width: 50px;
  height: 50px;
  border: solid 1px #e1e1e1;
  border-radius: 6px;
  background-color: #f6f6f6;
}
.notifiRegisListWrap__tit figure img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 44px;
  max-height: 44px;
  transform: translate(-50%, -50%);
}
.notifiRegisListWrap__list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.notifiRegisListWrap__imgList {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.notifiRegisListWrap__imgList .radioCheckSel {
  margin-top: 0;
  width: calc(33.3333% - 5px);
  text-align: center;
}
.notifiRegisListWrap__imgList .radioCheckSel input[type="radio"] + label {
  padding: 76px 16px 0;
  height: 129px;
  background: no-repeat center 18px/54px #fff;
  font-weight: 500;
}
@media screen and (max-width: 336px) {
  .notifiRegisListWrap__imgList .radioCheckSel input[type="radio"] + label {
    padding: 76px 8px 0;
  }
}
.notifiRegisListWrap__imgList .radioCheckSel input[type="radio"] + label:after {
  display: none;
}
.notifiRegisListWrap__imgList .radioCheckSel input[type="radio"] + label:before {
  top: 12px;
  left: auto;
  right: 12px;
  background: url(../../imagesHomecare/ic_check_wh.svg) no-repeat center/8.6px #e1e1e1;
  transform: none;
}
.notifiRegisListWrap__imgList .radioCheckSel input[type="radio"] + label small {
  display: block;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .notifiRegisListWrap__imgList .radioCheckSel input[type="radio"] + label small {
    font-size: 12px;
  }
}
.notifiRegisListWrap__imgList .radioCheckSel input[type="radio"] + label small {
  font-weight: normal;
}
.notifiRegisListWrap__imgList .radioCheckSel input[type="radio"]:checked + label {
  background-color: #fff1ec;
  color: #111;
}
.notifiRegisListWrap__imgList .radioCheckSel input[type="radio"]:checked + label:before {
  border: 0;
  background-color: #7e4f40;
}
.notifiRegisListWrap__imgList .radioCheckSel:has(input:checked) ~ .checkBoxSel {
  display: block;
}
.notifiRegisListWrap__imgList .checkBoxSel {
  display: none;
  margin-top: 24px;
  width: 100%;
}
.notifiRegisListWrap__imgList .checkBoxSel:before {
  content: "";
  position: absolute;
  top: -17px;
  left: 50%;
  z-index: 1;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: solid 1px #e1e1e1;
  background: url(../../imagesHomecare/ic_add_bk.svg) no-repeat center #fbfbfb;
  transform: translateX(-50%);
}
.notifiRegisListWrap__imgList .checkBoxSel:has(input:checked) {
  margin-top: 14px;
}
.notifiRegisListWrap__imgList
  .checkBoxSel:has(input:checked)
  + .notifiRegisListWrap__imgList--info {
  display: block;
}
.notifiRegisListWrap__imgList .checkBoxSel:has(input:checked):before {
  display: none;
}
.notifiRegisListWrap__imgList .checkBoxSel input[type="checkbox"] + label {
  justify-content: center;
  padding: 8px 16px;
  font-weight: 500;
  transition: background 0.2s ease-in 0s;
}
.notifiRegisListWrap__imgList .checkBoxSel input[type="checkbox"] + label em {
  margin-left: 8px;
  color: #aeb0b5;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
}
@media screen and (max-width: 321px) {
  .notifiRegisListWrap__imgList .checkBoxSel input[type="checkbox"] + label em {
    font-size: 11px;
  }
}
.notifiRegisListWrap__imgList .checkBoxSel input[type="checkbox"] + label em {
  font-style: normal;
}
.notifiRegisListWrap__imgList .checkBoxSel input[type="checkbox"] + label:before {
  margin-right: 0;
  width: 54px;
  height: 54px;
  border-radius: 0;
  background: url(../../imagesHomecare/ic_patiStat_H01.svg) no-repeat center/54px;
}
.notifiRegisListWrap__imgList .checkBoxSel input[type="checkbox"] + label:after {
  content: "";
  position: absolute;
  top: 12px;
  right: 12px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: url(../../imagesHomecare/ic_check_wh.svg) no-repeat center/8.6px #e1e1e1;
}
.notifiRegisListWrap__imgList .checkBoxSel input[type="checkbox"]:checked + label {
  color: #111;
}
.notifiRegisListWrap__imgList .checkBoxSel input[type="checkbox"]:checked + label:after {
  background-color: #7e4f40;
}
.notifiRegisListWrap__imgList--info {
  display: none;
  position: relative;
  width: 100%;
  padding: 16px 12px;
  margin-top: 28px;
  border: solid 1px #e1e1e1;
  border-radius: 8px;
  background-color: #fff;
}
.notifiRegisListWrap__imgList--info:before {
  content: "";
  position: absolute;
  top: -15px;
  left: 20px;
  z-index: 1;
  width: 40px;
  height: 25px;
  background-image: url(../../imagesHomecare/bgCareOpin.svg);
}
.notifiRegisListWrap__imgList--info > p {
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .notifiRegisListWrap__imgList--info > p {
    font-size: 12px;
  }
}
.notifiRegisListWrap__imgList--info > p {
  font-weight: bold;
}
.notifiRegisListWrap__imgList--info > p small {
  display: block;
  margin-bottom: 2px;
  color: #a47768;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .notifiRegisListWrap__imgList--info > p small {
    font-size: 12px;
  }
}
.notifiRegisListWrap__imgList--info > p span {
  margin-left: 8px;
  vertical-align: 1px;
  color: #aeb0b5;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
}
@media screen and (max-width: 321px) {
  .notifiRegisListWrap__imgList--info > p span {
    font-size: 11px;
  }
}
.notifiRegisListWrap__imgList--info > p span {
  font-weight: normal;
}
.notifiRegisListWrap__imgList--info .limitTextarea {
  display: block;
}
.notifiRegisListWrap__btn {
  margin-top: 16px;
}
.notifiRegisListWrap__btn button {
  display: flex;
  align-items: center;
  width: auto;
}
.notifiRegisListWrap__btn button:before {
  content: "";
  display: inline-block;
  margin-right: 7px;
  width: 16px;
  height: 16px;
  background: url(../../imagesHomecare/iconHelp.svg) no-repeat center/16px;
}
.notifiRegisListWrap__btn u {
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .notifiRegisListWrap__btn u {
    font-size: 12px;
  }
}
.notifiRegisListWrap__btn u {
  font-weight: 500;
}
.notifiStep {
  position: absolute;
  top: 62px;
  right: 50%;
  transform: translateX(50%);
  width: 100%;
  max-width: 600px;
}
.notifiStep__list {
  display: flex;
  justify-content: flex-end;
  position: relative;
  padding: 0 20px;
}
.notifiStep__list li {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 1px;
  margin-left: 6px;
  width: 18px;
  height: 18px;
  border: 1px solid #aeb0b5;
  border-radius: 50%;
  color: #aeb0b5;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
}
@media screen and (max-width: 321px) {
  .notifiStep__list li {
    font-size: 11px;
  }
}
.notifiStep__list li {
  font-weight: bold;
}
.notifiStep__list li.active {
  border: 1px solid #7e4f40;
  background-color: #fff1ec;
  color: #7e4f40;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
}
@media screen and (max-width: 321px) {
  .notifiStep__list li.active {
    font-size: 11px;
  }
}
.react-datepicker__input-container {
  width: 100%;
}
.react-datepicker__input-container input {
  background: url(../../imagesHomecare/bgCal.svg) no-repeat right 12px center;
}
.date-start {
  flex-shrink: 0;
}
.date-start .rc-time-picker {
  width: 100%;
}
.date-start .rc-time-picker .rc-time-picker-input {
  padding: 10px 12px;
  height: auto;
  border-radius: 8px;
  background: url(../../imagesHomecare/bgTime.svg) no-repeat right 12px center;
  color: #111;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .date-start .rc-time-picker .rc-time-picker-input {
    font-size: 14px;
  }
}
.date-start .rc-time-picker .rc-time-picker-input::-moz-placeholder {
  color: #999;
}
.date-start .rc-time-picker .rc-time-picker-input::placeholder {
  color: #999;
}
.rc-time-picker-icon,
.rc-time-picker-clear {
  display: none;
}
.reference {
  display: block;
  margin-top: 8px;
  color: #777;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .reference {
    font-size: 12px;
  }
}
.reference.mark {
  position: relative;
  padding-left: 18px;
}
.reference.mark:before {
  content: "※";
  position: absolute;
  left: 0;
  width: 16px;
  height: 20px;
}
.notifiTimePicker {
  padding: 32px 20px;
}
.notifiTimePicker:last-child {
  padding-bottom: 40px;
}
.notifiTimePicker:has(.notifiTimePicker__time ~ .notifiTimePicker__selTime) {
  position: relative;
}
.notifiTimePicker:has(.notifiTimePicker__time ~ .notifiTimePicker__selTime):before,
.notifiTimePicker:has(.notifiTimePicker__time ~ .notifiTimePicker__selTime):after {
  content: "";
  position: absolute;
  left: 20px;
  width: calc(100% - 40px);
  height: 1px;
  background-color: #e1e1e1;
}
.notifiTimePicker:has(.notifiTimePicker__time ~ .notifiTimePicker__selTime):before {
  top: 0;
}
.notifiTimePicker:has(.notifiTimePicker__time ~ .notifiTimePicker__selTime):after {
  bottom: 0;
}
.notifiTimePicker:has(.notifiTimePicker__selTime ~ .notifiTimePicker__time)
  .notifiTimePicker__selTime {
  padding-bottom: 32px;
  margin-bottom: 32px;
  border-bottom: solid 1px #e1e1e1;
}
.notifiTimePicker__tit {
  padding-bottom: 32px;
}
.notifiTimePicker__tit h3 {
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .notifiTimePicker__tit h3 {
    font-size: 16px;
  }
}
.notifiTimePicker__tit p {
  color: #555;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .notifiTimePicker__tit p {
    font-size: 14px;
  }
}
.notifiTimePicker__day label,
.notifiTimePicker__time label,
.notifiTimePicker__selTime label {
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .notifiTimePicker__day label,
  .notifiTimePicker__time label,
  .notifiTimePicker__selTime label {
    font-size: 16px;
  }
}
.notifiTimePicker__day label,
.notifiTimePicker__time label,
.notifiTimePicker__selTime label {
  font-weight: 500;
}
.notifiTimePicker__day {
  margin-bottom: 32px;
}
.notifiTimePicker__day li ~ li {
  margin-top: 20px;
}
.notifiTimePicker__day li > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.notifiTimePicker__day li > div .date-start {
  margin-left: 8px;
  width: 94px !important;
}
.notifiTimePicker__time {
  padding-bottom: 20px;
}
.notifiTimePicker__time:has(> p) {
  padding-bottom: 32px;
  border-bottom: solid 1px #e1e1e1;
}
.notifiTimePicker__time p {
  display: flex;
  padding: 12px 8px;
  margin-top: 16px;
  border-radius: 8px;
  background-color: #f6f6f6;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .notifiTimePicker__time p {
    font-size: 12px;
  }
}
.notifiTimePicker__time p {
  font-weight: 500;
}
.notifiTimePicker__time p:before {
  content: "";
  display: block;
  margin: 2px 2px 0 0;
  width: 16px;
  height: 16px;
  background: url(../../imagesHomecare/icon_bulb_y.svg) no-repeat center/16px;
}
@media screen and (min-width: 500px) {
  .notifiTimePicker__time p {
    justify-content: center;
  }
}
.notifiTimePicker__bul {
  padding-top: 32px;
}
.notifiTimePicker__bul--info {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 12px;
  margin-bottom: 32px;
  border: solid 1px #e1e1e1;
  border-radius: 12px;
  background-color: #f6f6f6;
}
@media screen and (min-width: 500px) {
  .notifiTimePicker__bul--info {
    justify-content: center;
  }
  .notifiTimePicker__bul--info .outlineRouBtn.intial {
    margin-left: 10px;
  }
}
.notifiTimePicker__bul--info:after {
  content: "";
  position: absolute;
  right: 38px;
  bottom: -16px;
  width: 32.6px;
  height: 34.7px;
  background: url(../../imagesHomecare/bgCalInfo.svg) no-repeat;
}
.notifiTimePicker__bul--info h4 {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .notifiTimePicker__bul--info h4 {
    font-size: 14px;
  }
}
.notifiTimePicker__bul--info p {
  margin-top: 4px;
  color: #dc3545;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .notifiTimePicker__bul--info p {
    font-size: 12px;
  }
}
.notifiTimePicker__bul--btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.notifiTimePicker__bul--btn li {
  width: 14.2857142857%;
}
.notifiTimePicker__bul--btn li ~ li {
  margin-left: 6px;
}
.notifiTimePicker__bul--btn button {
  padding: 7px 0;
  border: solid 1px #e1e1e1;
  border-radius: 8px;
  background-color: #fff;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .notifiTimePicker__bul--btn button {
    font-size: 14px;
  }
}
.notifiTimePicker__bul--btn button {
  font-weight: 500;
  text-align: center;
}
.notifiTimePicker__bul--cal {
  margin-top: 32px;
}
.notifiTimePicker__bul--cal .calendar__tit {
  justify-content: center;
}
.notifiTimePicker__selTime {
  margin-bottom: 28px;
}
.notifiTimePicker__selTime--list {
  display: flex;
  justify-content: space-between;
}
.notifiTimePicker__selTime--list li {
  width: calc(50% - 4px);
}
.notifiTimePicker__selTime--list li select {
  background: url(../../imagesHomecare/bgTime.svg) no-repeat right 8px center;
}
.cardBox h3 {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .cardBox h3 {
    font-size: 14px;
  }
}
.cardBox h3 {
  font-weight: bold;
}
.cardBox p {
  margin-top: 2px;
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .cardBox p {
    font-size: 12px;
  }
}
.cardBox p {
  font-weight: normal;
}
.cardBox__form {
  position: relative;
  padding: 16px;
  margin: 22px 0 26px;
  border: 1px solid #7e4f40;
  border-radius: 12px;
  background: no-repeat right 16px top 24px #fff;
}
.cardBox__form strong,
.cardBox__form span {
  display: block;
  padding-right: 48px;
}
.cardBox__form strong {
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .cardBox__form strong {
    font-size: 14px;
  }
}
.cardBox__form strong {
  font-weight: bold;
}
.cardBox__form span {
  margin-top: 2px;
  color: #777;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .cardBox__form span {
    font-size: 12px;
  }
}
.cardBox__form span {
  font-weight: normal;
  line-height: 1.71;
}
.cardBox__form button {
  padding: 13px 0;
  margin-top: 12px;
  background-color: #f6f6f6;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .cardBox__form button {
    font-size: 12px;
  }
}
.cardBox__form button {
  line-height: 1;
}
.cardBox__form:after {
  content: "";
  position: absolute;
  top: -1px;
  left: 16px;
  width: 32px;
  height: 4px;
  border-radius: 0 0 4px 4px;
}
.cardBox__noCard {
  padding: 84px 0 36px;
  margin: 22px 0 26px;
  min-height: 140px;
  border: 1px solid #7e4f40;
  border-radius: 12px;
  background: url(../../imagesHomecare/icon_add.svg) no-repeat center 36px #fff;
  text-align: center;
  color: #7e4f40;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .cardBox__noCard {
    font-size: 14px;
  }
}
.cardBox__noCard {
  font-weight: 500;
  line-height: 1;
}
.cardBox__total {
  padding-top: 20px;
  border-top: 1px dotted #e1e1e1;
}
.cardBox__total dl div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 8px;
}
.cardBox__total dl div dt {
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .cardBox__total dl div dt {
    font-size: 12px;
  }
}
.cardBox__total dl div dt {
  font-weight: normal;
}
.cardBox__total dl div dd {
  color: #111;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .cardBox__total dl div dd {
    font-size: 14px;
  }
}
.cardBox__total dl div dd {
  font-weight: 500;
}
.cardBox__total dl div:first-child {
  margin-top: 0;
}
.cardBox__total dl div:last-child dt {
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .cardBox__total dl div:last-child dt {
    font-size: 14px;
  }
}
.cardBox__total dl div:last-child dt {
  font-weight: bold;
}
.cardBox__total dl div:last-child dd {
  color: #111;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .cardBox__total dl div:last-child dd {
    font-size: 14px;
  }
}
.cardBox__total dl div:last-child dd {
  font-weight: bold;
}
.cardBox__total--desc {
  padding: 12px 12px 12px 34px;
  margin-top: 20px;
  border: 1px solid #e1e1e1;
  border-radius: 12px;
  background: url(../../imagesHomecare/iconNoti-grey.svg) no-repeat 12px 16px/16px #f6f6f6;
}
.cardBox__total--desc p {
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .cardBox__total--desc p {
    font-size: 12px;
  }
}
.cardBox__total--desc p {
  font-weight: normal;
}
.cardBox__payDay {
  margin-top: 8px;
}
.cardBox__payDay dl {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px;
  border: solid 1px #e1e1e1;
  border-radius: 12px;
  background-color: #f6f6f6;
}
.cardBox__payDay dl dt {
  padding-left: 22px;
  background: url(../../imagesHomecare/iconNoti-grey.svg) no-repeat 0 2px;
}
.cardBox__payDay dl dt,
.cardBox__payDay dl dd {
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .cardBox__payDay dl dt,
  .cardBox__payDay dl dd {
    font-size: 12px;
  }
}
.payCard01 {
  background-image: url(../../imagesHomecare/ic_cardInfo01.svg) !important;
}
.payCard01:after {
  background-color: #009090;
}
.payCard02 {
  background-image: url(../../imagesHomecare/ic_cardInfo02.svg) !important;
}
.payCard02:after {
  background-color: #e44b4b;
}
.payCard03 {
  background-image: url(../../imagesHomecare/ic_cardInfo03.svg) !important;
}
.payCard03:after {
  background-color: #9badc4;
}
.payCard04 {
  background-image: url(../../imagesHomecare/ic_cardInfo04.svg) !important;
}
.payCard04:after {
  background-color: #fc0;
}
.payCard05 {
  background-image: url(../../imagesHomecare/ic_cardInfo05.svg) !important;
}
.payCard05:after {
  background-color: #dc3a49;
}
.payCard06 {
  background-image: url(../../imagesHomecare/ic_cardInfo06.svg) !important;
}
.payCard06:after {
  background-color: #0c4ca3;
}
.payCard07 {
  background-image: url(../../imagesHomecare/ic_cardInfo07.svg) !important;
}
.payCard07:after {
  background-color: #0046ff;
}
.payCard08 {
  background-image: url(../../imagesHomecare/ic_cardInfo08.svg) !important;
}
.payCard08:after {
  background-color: #1434cb;
}
.payCard09 {
  background-image: url(../../imagesHomecare/ic_cardInfo09.svg) !important;
}
.payCard09:after {
  background-color: #eb001b;
}
.payCard10 {
  background-image: url(../../imagesHomecare/ic_cardInfo10.svg) !important;
}
.payCard10:after {
  background-color: #006fbc;
}
.payCard11 {
  background-image: url(../../imagesHomecare/ic_cardInfo11.svg) !important;
}
.payCard11:after {
  background-color: #006a65;
}
.payCard12 {
  background-image: url(../../imagesHomecare/ic_cardInfo12.svg) !important;
}
.payCard12:after {
  background-color: #002258;
}
.payCard13 {
  background-image: url(../../imagesHomecare/ic_cardInfo13.svg) !important;
}
.payCard13:after {
  background-color: #002258;
}
.payCard14 {
  background-image: url(../../imagesHomecare/ic_cardInfo14.svg) !important;
}
.payCard14:after {
  background-color: #00367f;
}
.payCard15 {
  background-image: url(../../imagesHomecare/ic_cardInfo15.svg) !important;
}
.payCard15:after {
  background-color: #62bbb8;
}
.payCard16 {
  background-image: url(../../imagesHomecare/ic_cardInfo16.svg) !important;
}
.payCard16:after {
  background-color: #056dae;
}
.payCard17 {
  background-image: url(../../imagesHomecare/ic_cardInfo17.svg) !important;
}
.payCard17:after {
  background-color: #0067ac;
}
.payCard18 {
  background-image: url(../../imagesHomecare/ic_cardInfo18.svg) !important;
}
.payCard18:after {
  background-color: #0056a7;
}
.payCard19 {
  background-image: url(../../imagesHomecare/ic_cardInfo19.svg) !important;
}
.payCard19:after {
  background-color: #0069b4;
}
.payCard20 {
  background-image: url(../../imagesHomecare/ic_cardInfo20.svg) !important;
}
.payCard20:after {
  background-color: #0046ff;
}
.payCard21 {
  background-image: url(../../imagesHomecare/ic_cardInfo21.svg) !important;
}
.payCard21:after {
  background-color: #44c7f4;
}
.payCard22 {
  background-image: url(../../imagesHomecare/ic_cardInfo22.svg) !important;
}
.payCard22:after {
  background-color: #140064;
}
.payCard23 {
  background-image: url(../../imagesHomecare/ic_cardInfo23.svg) !important;
}
.payCard23:after {
  background-color: #ffdc00;
}
.payCard24 {
  background-image: url(../../imagesHomecare/ic_cardInfo24.svg) !important;
}
.payCard24:after {
  background-color: #e72410;
}
.payCard25 {
  background-image: url(../../imagesHomecare/ic_cardInfo25.svg) !important;
}
.payCard25:after {
  background-color: #85c51b;
}
.profileCare {
  border: solid 1px #e1e1e1;
  border-radius: 12px;
  background-color: #fff;
}
.profileCare a {
  padding: 20px 16px 0;
}
.profileCare .label {
  position: absolute;
  top: 16px;
  right: 16px;
  padding: 5px 8px;
  border-radius: 12px;
}
.profileCare__img {
  margin: 0 auto 12px;
  width: 90px;
  height: 90px;
  border: solid 1px #e1e1e1;
  border-radius: 50%;
  background: no-repeat center/cover #f6f6f6;
}
.profileCare__detTit button {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 3px;
  padding-left: 20px;
}
.profileCare__detTit button:after {
  content: "";
  display: inline-block;
  margin-left: 4px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-image: url(../../imagesHomecare/ic_quest_brown.svg);
  transform: translateY(3px);
}
.profileCare__detTit h2 {
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -1px;
}
@media screen and (max-width: 321px) {
  .profileCare__detTit h2 {
    font-size: 16px;
  }
}
.profileCare__detTit p {
  margin-top: 4px;
  color: #777;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .profileCare__detTit p {
    font-size: 12px;
  }
}
.profileCare__listTit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 8px;
}
.profileCare__listTit--person .profileTitLabel .awardsLabel {
  margin-bottom: 18px;
}
.profileCare__listTit--person h3 {
  display: flex;
  align-items: center;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .profileCare__listTit--person h3 {
    font-size: 16px;
  }
}
.profileCare__listTit--person h3 {
  word-break: break-all;
}
.profileCare__listTit--person h3 span {
  margin-left: 8px;
  color: #777;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .profileCare__listTit--person h3 span {
    font-size: 12px;
  }
}
.profileCare__listTit--person h3 span {
  font-weight: 500;
}
.profileCare__listTit--person dl {
  display: flex;
  align-items: center;
  margin: 8px 0 12px;
}
.profileCare__listTit--person dt {
  padding: 4px 8px;
  border-radius: 4px;
  background-color: #f9f0ed;
  color: #7e4f40;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .profileCare__listTit--person dt {
    font-size: 12px;
  }
}
.profileCare__listTit--person dt {
  font-weight: 500;
}
.profileCare__listTit--person dd {
  margin-left: 8px;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -1px;
}
@media screen and (max-width: 321px) {
  .profileCare__listTit--person dd {
    font-size: 16px;
  }
}
.profileCare__listTit--person dd {
  font-weight: bold;
}
.profileCare__listTit--person p {
  position: relative;
  padding: 4px 8px;
  border: solid 1px #e1e1e1;
  border-radius: 6px;
  background-color: #fbfbfb;
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .profileCare__listTit--person p {
    font-size: 12px;
  }
}
.profileCare__listTit--person p {
  font-weight: 500;
  line-height: 1.43;
}
.profileCare__listTit--person p:after {
  content: "";
  position: absolute;
  top: -11.5px;
  left: 46px;
  width: 34px;
  height: 16.1px;
  background-image: url(../../imagesHomecare/bgProfileTxt02.svg);
}
.profileCare__listTit--person p strong {
  color: #a47768;
}
@media screen and (max-width: 321px) {
  .profileCare__listTit--person p {
    padding: 3px 8px;
    margin: 0;
  }
  .profileCare__listTit--person p:after {
    top: -6px;
    width: 15px;
    height: 12.5px;
    background-size: 15px;
  }
}
.profileCare__listTit--person > span {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px 8px;
  margin-top: 10px;
  border-radius: 12px;
  background-color: #ffefe5;
  color: #7e4f40;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .profileCare__listTit--person > span {
    font-size: 12px;
  }
}
.profileCare__listTit--person > span {
  font-weight: 500;
  line-height: 1;
}
.profileCare__listTit--person > span small {
  padding-left: 17px;
  margin-left: 4px;
  background: url(../../imagesHomecare/iconStar.svg) no-repeat 0 center/13px;
  color: #111;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .profileCare__listTit--person > span small {
    font-size: 12px;
  }
}
.profileCare__listTit--person > span small {
  line-height: 1;
}
.profileCare__listTit--img {
  overflow: hidden;
  flex-shrink: 0;
  width: 64px;
  height: 64px;
  border: solid 1px #e1e1e1;
  border-radius: 50%;
  background: no-repeat center/cover #f6f6f6;
}
@media screen and (max-width: 321px) {
  .profileCare__listTit--img {
    width: 55px;
    height: 55px;
  }
}
.profileCare__info {
  display: flex;
  align-items: center;
  padding: 10px 0;
  border-top: solid 1px #f1f1f1;
  border-bottom: solid 1px #f1f1f1;
}
.profileCare__info div {
  position: relative;
  width: 33.3333333333%;
  text-align: center;
}
.profileCare__info div:last-child:after {
  display: none;
}
.profileCare__info div:after {
  content: "";
  position: absolute;
  top: 12px;
  right: 0;
  width: 1px;
  height: 24px;
  background-color: #f1f1f1;
}
.profileCare__info div dt {
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .profileCare__info div dt {
    font-size: 12px;
  }
}
.profileCare__info div dd {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .profileCare__info div dd {
    font-size: 14px;
  }
}
.profileCare__info div dd {
  font-weight: 500;
}
.profileCare__info div dd:before {
  content: "";
  display: inline-block;
  margin-right: 4px;
  width: 16px;
  height: 16px;
  background: no-repeat left/16px;
}
.profileCare__info .age dd:before {
  background-image: url(../../imagesHomecare/iconAge.svg);
}
.profileCare__info .gender01 dd:before {
  background-image: url(../../imagesHomecare/iconGender01.svg);
}
.profileCare__info .gender02 dd:before {
  background-image: url(../../imagesHomecare/iconGender02.svg);
}
.profileCare__info .nation01 dd:before {
  background-image: url(../../imagesHomecare/iconNation01.svg);
}
.profileCare__info .nation02 dd:before {
  background-image: url(../../imagesHomecare/iconNation02.svg);
}
.profileCare__total {
  padding-top: 14px;
}
.profileCare__total--trade {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 4px 0 14px;
  border-bottom: solid 1px #f1f1f1;
}
.profileCare__total--trade div {
  margin: 6px 16px 0 0;
}
.profileCare__total--vacine {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding-top: 16px;
}
.profileCare__total--vacine dt {
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .profileCare__total--vacine dt {
    font-size: 12px;
  }
}
.profileCare__total--vacine dt:before {
  content: "";
  display: inline-block;
  margin-right: 4px;
  width: 16px;
  height: 16px;
}
.profileCare__total--vacine button {
  position: relative;
  margin-left: 4px;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .profileCare__total--vacine button {
    font-size: 12px;
  }
}
.profileCare__total--vacine button {
  font-weight: 500;
  text-decoration: underline;
}
.profileCare__total--vacine button span {
  position: absolute;
  right: -24px;
  bottom: 3px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-image: url(../../imagesHomecare/iconVacDet.svg);
  font-size: 0;
  text-indent: -9999px;
}
.profileCare__total div {
  display: flex;
  align-items: center;
}
.profileCare__total div dt {
  display: flex;
  align-items: center;
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .profileCare__total div dt {
    font-size: 12px;
  }
}
.profileCare__total div dt:before {
  content: "";
  display: inline-block;
  margin-right: 4px;
  width: 16px;
  height: 16px;
}
.profileCare__total div dd {
  margin-left: 4px;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .profileCare__total div dd {
    font-size: 12px;
  }
}
.profileCare__total div dd {
  font-weight: 500;
}
.profileCare__total h3 {
  padding: 0 12px 0 21px;
  background: url(../../imagesHomecare/icon_total.svg) no-repeat left top 3px/16px;
}
@media screen and (max-width: 321px) {
  .profileCare__total h3 {
    background-size: 14px;
  }
}
.profileCare__btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
}
.profileCare__btn button:first-child:nth-last-child(1) {
  width: 100%;
}
.profileCare__btn button:first-child:nth-last-child(2),
.profileCare__btn button:first-child:nth-last-child(2) ~ button {
  width: calc(50% - 4px);
}
@media screen and (max-width: 339px) {
  .profileCare__btn {
    flex-wrap: wrap;
  }
  .profileCare__btn button:nth-child(n + 2) {
    margin-top: 4px;
  }
  .profileCare__btn button:first-child:nth-last-child(2),
  .profileCare__btn button:first-child:nth-last-child(2) ~ button {
    width: 100%;
  }
}
.profileCare__pay {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 11px 11px;
  margin-top: 16px;
  border: solid 1px #e1e1e1;
  border-radius: 8px;
  background-color: #f6f6f6;
}
@media screen and (max-width: 281px) {
  .profileCare__pay {
    flex-wrap: wrap;
  }
}
.profileCare__pay dt,
.profileCare__pay dd {
  display: flex;
  align-items: center;
}
.profileCare__pay dt {
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .profileCare__pay dt {
    font-size: 14px;
  }
}
.profileCare__pay dt {
  font-weight: 500;
}
.profileCare__pay dt span {
  padding: 2px 6px;
  margin-right: 6px;
  border: solid 1px #7e4f40;
  border-radius: 4px;
  background-color: #fff;
  color: #7e4f40;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .profileCare__pay dt span {
    font-size: 12px;
  }
}
.profileCare__pay dd {
  font-size: 22px;
  line-height: 1.36;
  letter-spacing: -1.1px;
}
@media screen and (max-width: 321px) {
  .profileCare__pay dd {
    font-size: 18px;
  }
}
.profileCare__pay dd {
  font-weight: bold;
}
@media screen and (max-width: 281px) {
  .profileCare__pay dd {
    padding-left: 40px;
    margin-top: 2px;
    width: 100%;
  }
}
.profileCare__pay dd:after {
  content: "원";
  margin-left: 2px;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .profileCare__pay dd:after {
    font-size: 12px;
  }
}
.profileCare__pay dd:after {
  font-weight: normal;
}
.profileCare:has(.awardsLabel) .profileCare__img {
  margin: 0 auto 8px;
}
.shadowBox {
  padding-top: 32px;
  border: solid 1px #e1e1e1;
  border-radius: 12px;
  background-color: #fff;
  text-align: center;
}
.shadowBox h3 {
  margin-bottom: 2px;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .shadowBox h3 {
    font-size: 14px;
  }
}
.shadowBox h3 {
  font-weight: 500;
}
.shadowBox p {
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -1px;
}
@media screen and (max-width: 321px) {
  .shadowBox p {
    font-size: 16px;
  }
}
.shadowBox p {
  font-weight: 500;
}
.shadowBox p strong {
  margin-left: 8px;
  margin-right: 4px;
  font-size: 26px;
  line-height: inherit;
  letter-spacing: -0.65px;
}
@media screen and (max-width: 321px) {
  .shadowBox p strong {
    font-size: 24px;
  }
}
.shadowBox p strong:first-child {
  margin-left: 0;
}
.careCom:before {
  background-image: url(../../imagesHomecare/iconCareCom.svg);
}
.certifi:before {
  background-image: url(../../imagesHomecare/iconCertifi.svg);
}
.careTime:before {
  background-image: url(../../imagesHomecare/iconCareTime.svg);
}
.carVac:before {
  background-image: url(../../imagesHomecare/iconVac.svg);
}
.carVac button {
  margin-left: 4px;
  color: #555 !important;
}
.careCan:before {
  background-image: url(../../imagesHomecare/iconCareCan.svg);
}
.careAcd:before {
  background-image: url(../../imagesHomecare/iconCareAcd.svg);
}
.disabled dt,
.disabled dd,
.disabled button {
  color: #555 !important;
}
.disabled .careCom:before {
  background-image: url(../../imagesHomecare/iconCareCom-dis.svg);
}
.disabled .certifi:before {
  background-image: url(../../imagesHomecare/iconCertifi-dis.svg);
}
.disabled .careTime:before {
  background-image: url(../../imagesHomecare/iconCareTime-dis.svg);
}
.disabled .carVac:before {
  background-image: url(../../imagesHomecare/iconVac-dis.svg);
}
.disabled .careCan:before {
  background-image: url(../../imagesHomecare/iconCareCan-dis.svg);
}
.disabled .careAcd:before {
  background-image: url(../../imagesHomecare/iconCareAcd-dis.svg);
}
.profileCare__listTit--person b {
  display: block;
  margin-top: 8px;
  color: #111;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -1px;
}
@media screen and (max-width: 321px) {
  .profileCare__listTit--person b {
    font-size: 16px;
  }
}
.adBanner {
  overflow: hidden;
  border-radius: 12px;
}
.alyCagiv {
  padding: 0 0 40px;
}
.alyCagiv h2 {
  margin-bottom: 12px;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .alyCagiv h2 {
    font-size: 16px;
  }
}
.alyCagiv__send {
  padding-top: 82px;
  min-height: calc(100vh - 158px);
  text-align: center;
}
.alyCagiv__send h2 {
  margin-bottom: 0;
}
.alyCagiv__send p {
  margin-top: 10px;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .alyCagiv__send p {
    font-size: 14px;
  }
}
.alyCagiv__send img {
  margin: 0 auto 12px;
}
.alyCagiv__list {
  padding: 0 20px;
}
.alyCagiv__list li ~ li {
  margin-top: 20px;
}
.alyCagiv__list .profileCare__total {
  padding-top: 10px;
}
.alyCagiv__list .profileCare__total--trade {
  padding: 0;
  border-bottom: 0;
}
.alyCagiv .comHeaderTabWrap + [class*="alyCagiv"]:not([class*="__send"]) {
  margin-top: 25px;
}
.license__alertTxt {
  padding: 0 20px;
  margin-top: 24px;
}
.license__alertTxt p {
  padding: 9px 12px 9px 34px;
  border: solid 1px #fd0;
  border-radius: 16px;
  background: url(../../imagesHomecare/iconNoti.svg) no-repeat 12px center/16px #fff8c4;
  color: #111;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .license__alertTxt p {
    font-size: 12px;
  }
}
.license__alertTxt p {
  line-height: 1;
}
.license__list {
  display: flex;
  flex-wrap: wrap;
  padding: 0 20px;
  margin-top: 24px;
}
.license__list li {
  margin-bottom: 12px;
  width: calc(33.3333% - 7px);
}
.license__list li:nth-child(3n) {
  margin-left: 10px;
}
.license__list li:nth-child(3n + 1) {
  margin-right: 10px;
}
.license__list li figure {
  border: solid 1px #e1e1e1;
  border-radius: 12px;
  background: no-repeat center/cover;
  aspect-ratio: 1;
}
.license__list li h3 {
  margin-top: 10px;
  width: 100%;
  height: 40px;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .license__list li h3 {
    font-size: 12px;
  }
}
.license__list li h3 {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-align: center;
  word-break: break-all;
}
.license__list li h3 small {
  padding-left: 2px;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
}
@media screen and (max-width: 321px) {
  .license__list li h3 small {
    font-size: 11px;
  }
}
.license__list li h3 small {
  font-weight: normal;
}
.license .noneItem {
  height: calc(100vh - 50px);
}
.licenseDet {
  width: 100%;
  height: 100%;
  min-height: calc(100vh - 126px);
}
.licenseDet .noneItem {
  padding-top: 29vh;
  height: 100vh;
  background-color: #000;
}
.licenseDet .noneItem p {
  color: #fff;
}
.licenseDet .slideImgWrap {
  background-color: #000;
}
.licenseDet .slideImgWrap__list {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100vh;
}
.licenseDet .slideImgWrap__list--item {
  width: 100%;
  height: 100%;
}
.licenseDet .slideImgWrap__list--item img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.licenseDet .slideImgWrap__btn {
  position: fixed;
  top: 50%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 600px;
  transform: translateY(-50%);
}
.licenseDet .slideImgWrap__btn button {
  width: 56px;
  height: 56px;
  background: no-repeat center;
  font-size: 0;
  text-indent: -9999px;
}
.licenseDet .slideImgWrap__btn button.left {
  background-image: url(../../imagesHomecare/ic_slideBtn_left.svg);
}
.licenseDet .slideImgWrap__btn button.right {
  background-image: url(../../imagesHomecare/ic_slideBtn_right.svg);
}
.licenseDet .slideImgWrap__tit {
  position: fixed;
  bottom: 0;
  padding: 27px 20px 31px;
  width: 100%;
  max-width: 600px;
  background-color: rgba(0, 0, 0, 0.5);
}
.licenseDet .slideImgWrap__tit p {
  color: #fff;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .licenseDet .slideImgWrap__tit p {
    font-size: 16px;
  }
}
.licenseDet .slideImgWrap__tit p {
  font-weight: 500;
  line-height: 1;
  text-align: center;
  word-break: break-all;
}
.transparent {
  border: none;
  background-color: rgba(0, 0, 0, 0);
  transition: opacity 0.5s ease 0s;
}
.transparent .headerWrap {
  background-color: rgba(0, 0, 0, 0.5);
}
.transparent .backBtn {
  background-image: url(../../imagesHomecare/ic_back_btn_wh.svg);
}
.transparent .pageNum p {
  color: #e1e1e1;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .transparent .pageNum p {
    font-size: 14px;
  }
}
.transparent .pageNum p span {
  color: #fff;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .transparent .pageNum p span {
    font-size: 14px;
  }
}
.transparent .pageNum p span {
  font-weight: 500;
}
.loading {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99;
  width: 100%;
  height: 100vh;
  background-color: hsla(0, 0%, 100%, 0.6);
}
@keyframes loading {
  to {
    background-position: -936px 0;
  }
}
.loading__img {
  width: 234px;
  padding-bottom: 234px;
  background: url(../../imagesHomecare/img_loading.svg) no-repeat 0 0 / auto 234px;
  transform: scale(0.4);
  animation: loading 0.5s infinite steps(4);
}
.mainHeader {
  display: none;
}
.serviceMain {
  position: relative;
  min-height: 100vh;
}
.serviceMain__ban > div {
  padding: 48px 20px 68px;
  min-height: 181px;
}
.serviceMain__ban > div:has(button) {
  padding-top: 36px;
  padding-bottom: 56px;
}
.serviceMain__ban > div h2 {
  font-size: 22px;
  line-height: 1.36;
  letter-spacing: -1.1px;
}
@media screen and (max-width: 321px) {
  .serviceMain__ban > div h2 {
    font-size: 18px;
  }
}
.serviceMain__ban > div p {
  margin-top: 6px;
  color: #333;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .serviceMain__ban > div p {
    font-size: 16px;
  }
}
.serviceMain__ban > div p b {
  font-weight: bold;
}
.serviceMain__ban button {
  padding: 8px 22px 8px 10px;
  margin-top: 14px;
  width: auto;
  border: 1px solid #7e4f40;
  border-radius: 16px;
  background: url(../../imagesHomecare/icon_arrowRight_co.svg) no-repeat right 10px center/6px #fff;
  color: #7e4f40;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .serviceMain__ban button {
    font-size: 12px;
  }
}
.serviceMain__ban button {
  font-weight: 500;
  line-height: 1;
}
.serviceMain__regiSta {
  position: relative;
  background-color: #fff;
}
.serviceMain__regiSta:before {
  content: "";
  position: absolute;
  top: -20px;
  right: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 20px;
  border-radius: 20px 20px 0 0;
  background-color: #fff;
  box-shadow: 0 -6px 10px -6px rgba(0, 0, 0, 0.06);
}
.serviceMain__regiSta .mainItems {
  padding: 0px 20px 32px;
}
.serviceMain__regiSta .login h3 {
  padding-left: 22px;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .serviceMain__regiSta .login h3 {
    font-size: 16px;
  }
}
.serviceMain__regiSta .login__list {
  margin-top: 16px;
  padding: 0 16px;
  border: 1px solid #e1e1e1;
  border-radius: 12px;
}
.serviceMain__regiSta .login__list a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 15px 16px 0;
  width: 100%;
  background: url(../../imagesHomecare/arrowRight-c.svg) no-repeat right center/6px 10px;
}
.serviceMain__regiSta .login__list a p {
  padding-left: 24px;
  color: #555;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .serviceMain__regiSta .login__list a p {
    font-size: 14px;
  }
}
.serviceMain__regiSta .login__list a p {
  font-weight: 500;
}
.serviceMain__regiSta .login__list a span {
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .serviceMain__regiSta .login__list a span {
    font-size: 14px;
  }
}
.serviceMain__regiSta .login__list a span {
  font-weight: bold;
}
.serviceMain__regiSta .login__list a:nth-child(1) p {
  background: url(../../imagesHomecare/icon_calendarTime.svg) no-repeat left center/16px;
}
.serviceMain__regiSta .login__list a ~ a {
  border-top: solid 1px #f1f1f1;
}
.serviceMain__regiSta .login__list ~ h3 {
  margin-top: 20px;
}
.serviceMain__regiSta .login__list:has(a:nth-child(n + 2)) a:first-child {
  padding-bottom: 14px;
}
.serviceMain__regiSta .login__list:has(a:nth-child(n + 2)) a:last-child {
  padding-top: 14px;
}
.serviceMain__regiSta .login__list:has(a:nth-child(n + 2)) a:not(:first-child):not(:last-child) {
  padding-top: 14px;
  padding-bottom: 14px;
}
.serviceMain__regiSta .login__guide {
  padding: 20px;
  margin-top: 12px;
  height: 108px;
  border-radius: 12px;
  background-repeat: no-repeat;
  background-position: right center;
  background-size: auto 108px;
}
.serviceMain__regiSta .login__guide p {
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .serviceMain__regiSta .login__guide p {
    font-size: 14px;
  }
}
.serviceMain__regiSta .login__guide p {
  font-weight: bold;
}
.serviceMain__regiSta .login__guide span {
  color: #777;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .serviceMain__regiSta .login__guide span {
    font-size: 12px;
  }
}
.serviceMain__regiSta .logout {
  padding: 20px;
  border: solid 1px #e1e1e1;
  border-radius: 12px;
}
.serviceMain__regiSta .logout__tit {
  display: flex;
  align-items: center;
}
.serviceMain__regiSta .logout__tit img {
  width: 80px;
}
.serviceMain__regiSta .logout__tit--txt {
  margin-left: 20px;
}
.serviceMain__regiSta .logout__tit--txt h3 {
  color: #333;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .serviceMain__regiSta .logout__tit--txt h3 {
    font-size: 16px;
  }
}
.serviceMain__regiSta .logout__tit--txt h3 {
  margin-bottom: 4px;
}
.serviceMain__regiSta .logout__tit--txt h3 strong {
  color: #7e4f40;
}
.serviceMain__regiSta .logout__tit--txt p {
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .serviceMain__regiSta .logout__tit--txt p {
    font-size: 14px;
  }
}
.serviceMain__regiSta .logout__tit--img {
  flex-shrink: 0;
  width: 80px;
  height: 80px;
  border-radius: 8px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.serviceMain__regiSta .logout__list {
  padding-top: 16px;
  margin-top: 20px;
  border-top: 1px solid #f1f1f1;
}
.serviceMain__regiSta .logout__list li {
  display: flex;
  align-items: center;
  position: relative;
  padding-left: 46px;
  height: 36px;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .serviceMain__regiSta .logout__list li {
    font-size: 14px;
  }
}
.serviceMain__regiSta .logout__list li:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 36px;
  height: 36px;
  border: 1px solid #e1e1e1;
  border-radius: 50%;
  background: no-repeat center/20px;
}
.serviceMain__regiSta .logout__list li p strong {
  color: #333;
}
.serviceMain__regiSta .logout__list li ~ li {
  margin-top: 8px;
}
.serviceMain__btn {
  background: url(../../imagesHomecare/mainCareJobBtn.svg) no-repeat right 30px center #a47768;
  position: fixed;
  bottom: 0;
  left: 50%;
  z-index: 9;
  width: 100%;
  max-width: 600px;
  height: 56px;
  border-radius: 20px 20px 0 0;
  color: #fff;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -1px;
}
@media screen and (max-width: 321px) {
  .serviceMain__btn {
    font-size: 16px;
  }
}
.serviceMain__btn {
  font-weight: 500;
  line-height: 52px;
  text-align: center;
  transform: translateX(-50%);
  box-shadow: 0 -6px 8px 0 rgba(0, 0, 0, 0.16);
}
.serviceMain__tutorial {
  margin-top: 24px;
  padding: 20px;
  border-radius: 12px;
  background: url(../../imagesHomecare/bg_tuto.svg) no-repeat top right/151px,
    linear-gradient(64deg, #f6f6f6 31.28%, #f0f0f0 95.16%);
}
.serviceMain__tutorial h3 {
  color: #333;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .serviceMain__tutorial h3 {
    font-size: 16px;
  }
}
.serviceMain__tutorial h3 strong {
  color: #7e4f40;
}
.serviceMain__tutorial > div {
  margin-top: 30px;
}
.serviceMain__tutorial > div button ~ button {
  margin-top: 12px;
}
.careCancel ul {
  padding: 16px 20px 32px;
}
.notifiComple__txt {
  padding: 204px 20px 40px;
  text-align: center;
}
.notifiComple__txt h2 {
  position: relative;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .notifiComple__txt h2 {
    font-size: 16px;
  }
}
.notifiComple__txt p {
  margin-top: 4px;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .notifiComple__txt p {
    font-size: 14px;
  }
}
.notifiComple__txt .compleCheck {
  position: absolute;
  top: 73px;
  left: 50%;
  width: 166px;
  height: 166px;
  transform: translateX(-50%);
  animation: complete 1.2s ease-in-out;
}
@keyframes complete {
  0% {
    background-size: 24px;
  }
  50% {
    background-size: 100%;
  }
  100% {
    background-size: 72px;
  }
}
.notifiComple__txt .compleCheck:before {
  content: "";
  display: block;
  position: absolute;
  top: -10px;
  left: 50%;
  width: 203px;
  height: 120px;
  transform: translateX(-50%);
  animation: confetti 1s ease-in-out;
  animation-delay: 0.2s;
}
@keyframes confetti {
  0% {
    background: url(../../imagesHomecare/ic_confetti01.svg) no-repeat center;
  }
  50% {
    background: url(../../imagesHomecare/ic_confetti02.svg) no-repeat center/100%;
  }
}
.notifiComple__progress {
  padding: 0 20px;
}
.notifiComple__progress ul {
  display: flex;
  justify-content: space-between;
}
.notifiComple__progress ul li {
  position: relative;
  width: 33.3333%;
  text-align: center;
}
.notifiComple__progress ul li:before,
.notifiComple__progress ul li:after {
  content: "";
  position: absolute;
  left: 71.25%;
  top: 11px;
  width: 57.5%;
  height: 1px;
  border-bottom: 1px dashed #aeb0b5;
}
.notifiComple__progress ul li:last-child:before,
.notifiComple__progress ul li:last-child:after {
  display: none;
}
.notifiComple__progress ul li .numCircle {
  margin: auto;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: no-repeat center/cover;
  color: #777;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .notifiComple__progress ul li .numCircle {
    font-size: 12px;
  }
}
.notifiComple__progress ul li .numCircle {
  font-weight: 500;
}
.notifiComple__progress ul li .numCircle.two {
  background-image: url(../../imagesHomecare/icon_step_2.svg);
}
.notifiComple__progress ul li .numCircle.three {
  background-image: url(../../imagesHomecare/icon_step_3.svg);
}
.notifiComple__progress ul li h3 {
  margin-top: 12px;
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .notifiComple__progress ul li h3 {
    font-size: 12px;
  }
}
.notifiComple__progress ul li h3 {
  font-weight: 500;
}
.notifiComple__progress ul li p {
  margin-top: 4px;
  color: #777;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
}
@media screen and (max-width: 321px) {
  .notifiComple__progress ul li p {
    font-size: 11px;
  }
}
.notifiComple__progress ul li.active .numCircle {
  background-image: url(../../imagesHomecare/icon_step_chk_brw.svg);
  animation: flashImage 1s 3 1.2s forwards;
}
@keyframes flashImage {
  0% {
    background-image: url(../../imagesHomecare/icon_step_chk_brw.svg);
  }
  50% {
    background-image: url(../../imagesHomecare/icon_step_chk.svg);
  }
  100% {
    background-image: url(../../imagesHomecare/icon_step_chk_brw.svg);
  }
}
.notifiComple__progress ul li.active:after {
  animation: flashLine 1s 3 1.2s forwards;
}
@keyframes flashLine {
  0% {
    border-color: #7e4f40;
    width: 0;
  }
  50% {
    border-color: rgba(0, 0, 0, 0);
  }
  100% {
    border-color: #7e4f40;
    width: 57.5%;
  }
}
.botWrap {
  margin-top: 40px;
}
.botWrap__ban {
  padding: 19px 16px;
  width: calc(100% - 40px);
  margin: 0 auto 20px;
  border-radius: 12px;
  background: url(../../imagesHomecare/bg_notifiComBan.png) no-repeat right 16px center/62px #f6f6f6;
}
.botWrap__ban strong {
  display: block;
  color: #7e4f40;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .botWrap__ban strong {
    font-size: 12px;
  }
}
.botWrap__ban strong {
  font-weight: bold;
}
.botWrap__ban strong ~ p {
  margin-top: 2px;
}
.botWrap__ban p {
  display: inline-flex;
  padding-right: 12px;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .botWrap__ban p {
    font-size: 12px;
  }
}
.botWrap__ban p {
  font-weight: 500;
  background: url(../../imagesHomecare/arrowRight-c.svg) no-repeat right;
}
.doneCaution {
  padding: 0 20px;
}
.doneCaution p {
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .doneCaution p {
    font-size: 12px;
  }
}
.doneCaution__wrap {
  padding-top: 12px;
  border-top: 1px solid #e1e1e1;
}
.doneCaution__titWrap {
  padding-top: 20px;
  border-top: 1px solid #e1e1e1;
}
.doneCaution__titWrap h4 {
  padding-left: 22px;
  margin-bottom: 8px;
  background: url(../../imagesHomecare/iconNoti-grey.svg) no-repeat 0 2px/16px;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .doneCaution__titWrap h4 {
    font-size: 12px;
  }
}
.doneCaution__titWrap h4:nth-child(n + 2) {
  margin-top: 12px;
}
.patientWarning {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 8px 10px 28px;
  margin-top: 24px;
  border-radius: 8px;
  background: url(../../imagesHomecare/icon_bulb_y.svg) no-repeat 8px 12px #fff8c4;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .patientWarning {
    font-size: 12px;
  }
}
.patientWarning {
  font-weight: 500;
}
.patientWarning:has(span) {
  margin-bottom: 24px;
  background-position: 8px 14px;
}
.patientWarning span {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-left: 10px;
  width: 37px;
  height: 26px;
  border-radius: 20px;
  background-color: #fd0;
  color: #111;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
}
@media screen and (max-width: 321px) {
  .patientWarning span {
    font-size: 11px;
  }
}
.patientWarning span {
  font-weight: 500;
}
.patientWarning.red {
  padding: 12px 16px 12px 40px;
  color: #dc3545;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .patientWarning.red {
    font-size: 14px;
  }
}
.patientWarning.red {
  font-weight: bold;
  border: solid 1px #dc3545;
  border-radius: 12px;
  background-color: #ffecee;
  background: url(../../imagesHomecare/icon_error.svg) no-repeat 16px 16px/16px #ffecee;
}
.patientWarning.red span {
  height: 24px;
  background-color: #dc3545;
  color: #fff;
}
.patientWarning.red:has(button) {
  margin-bottom: 24px;
  flex-direction: column;
  align-items: start;
}
.patientWarning.red:has(button) button {
  margin-top: 16px;
  margin-left: -24px;
  position: relative;
  width: calc(100% + 24px);
  height: 46px;
  color: #111;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .patientWarning.red:has(button) button {
    font-size: 14px;
  }
}
.patientWarning.red:has(button) button {
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  border: solid 1px #e1e1e1;
  border-radius: 8px;
  background-color: #fff;
}
.patientWarning.red:has(button) button:after {
  margin-left: 8px;
  content: "";
  width: 7px;
  height: 12px;
  background: url(../../imagesHomecare/arrowRight-1.svg) no-repeat center/7px;
}
.patientWarning.red:has(button) button:disabled {
  background-color: #f6f6f6;
  color: #aeb0b5;
}
.patientWarning.red:has(button) button:disabled:after {
  background-image: url(../../imagesHomecare/arrowRight-a.svg);
}
.patientWarning.red:has(button) button ~ button {
  margin-top: 8px;
}
.patientInfo .notifiSubTit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.patientInfo .notifiSubTit:has(.outlineRouBtn.edit) {
  margin-bottom: 8px;
  min-height: 34px;
}
.patientInfo .notifiSubTit h3 {
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .patientInfo .notifiSubTit h3 {
    font-size: 16px;
  }
}
.patientInfo .notifiSubTit h3 {
  font-weight: 500;
}
.patientInfo__detail--status {
  margin-top: 32px;
}
.patientInfo__detail .carePers {
  margin-top: 32px;
}
.patientInfo__detail .carePers .basicInfoSt {
  display: flex;
  flex-wrap: wrap;
  padding: 16px;
}
.patientInfo__detail .carePers .basicInfoSt div {
  display: flex;
  margin-bottom: 4px;
  width: 50%;
}
.patientInfo__detail .carePers .basicInfoSt div dt {
  flex-shrink: 0;
  margin-top: 2px;
}
.patientInfo__detail .carePers .basicInfoSt div dd {
  margin-top: 0;
  margin-left: 10px;
  word-break: break-all;
}
.patientInfo__detail .carePers .basicInfoSt div:last-child {
  margin-bottom: 0;
}
.patientInfo__detail .carePers .basicInfoSt div.w100 {
  width: 100% !important;
}
.patientInfo__detail .carePers .basicInfoSt div:has(.basicInfoSt.check) {
  flex-wrap: wrap;
  gap: 8px;
}
.patientInfo__detail .carePers .basicInfoSt div:has(.basicInfoSt.check) dd {
  width: 100%;
  margin-left: 0;
}
.patientInfo__detail .carePers .basicInfoSt.check {
  padding: 12px;
  width: 100%;
  flex-direction: column;
  gap: 8px;
}
.patientInfo__detail .carePers .basicInfoSt.check li {
  padding-right: 16px;
  font-size: 0;
  background: url(../../imagesHomecare/icon_chk_e1e.svg) no-repeat center right/16px;
}
.patientInfo__detail .carePers .basicInfoSt.check li.active {
  background-image: url(../../imagesHomecare/icon_chk_7e4.svg);
}
.patientInfo__detail .carePers .basicInfoSt.check span {
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .patientInfo__detail .carePers .basicInfoSt.check span {
    font-size: 12px;
  }
}
.patientInfo__detail .carePers .basicInfoSt.check span {
  font-weight: 500;
}
.patientInfo__detail .carePers.type {
  position: relative;
}
.patientInfo__detail .carePers.type span {
  margin-bottom: 8px;
  display: block;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .patientInfo__detail .carePers.type span {
    font-size: 12px;
  }
}
.patientInfo__detail .carePers.type span {
  font-weight: 500;
  text-align: right;
}
.patientInfo__detail .carePers.type .basicInfoSt {
  display: block;
  padding: 15px 16px 15px 42px;
  background: url(../../imagesHomecare/iconCheckRou.svg) no-repeat 16px 20px;
}
.patientInfo__agree {
  position: relative;
  padding: 40px 20px;
  border-top: solid 10px #f1f1f1;
}
.patientInfo__agree:after {
  content: "";
  position: absolute;
  top: -11px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #e1e1e1;
}
.patientInfo__agree li ~ li {
  margin-top: 24px;
}
.patientInfo__agree--tit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.patientInfo__agree--tit h3 {
  display: flex;
  align-items: center;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .patientInfo__agree--tit h3 {
    font-size: 16px;
  }
}
.patientInfo__agree--tit h3 {
  font-weight: 500;
}
.patientInfo__agree--tit h3 span {
  margin-left: 8px;
  color: #dc3545;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
}
@media screen and (max-width: 321px) {
  .patientInfo__agree--tit h3 span {
    font-size: 11px;
  }
}
.patientInfo__agree--tit h3 span {
  font-weight: normal;
}
.patientInfo__agree--tit h3.noFlex {
  display: inline-block;
}
.patientInfo__agree--tit h3.noFlex span {
  margin-left: 2px;
  vertical-align: 2px;
}
.notifiSearch {
  padding: 16px 20px;
  min-height: 88px;
  background-color: #fff;
}
.notifiSearch.scrolled .notifiSearch__wrap {
  position: fixed;
  top: 50px;
  right: 50%;
  z-index: 10;
  padding: 12px 20px;
  width: 100%;
  max-width: 600px;
  background-color: #fff;
  transform: translateX(50%);
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.06);
}
.notifiSearch__form {
  padding: 16px;
  border: solid 1px #e1e1e1;
  border-radius: 12px;
}
.notifiSearch__form--input {
  display: flex;
  position: relative;
}
.notifiSearch__form--input > div {
  position: relative;
  width: 100%;
}
.notifiSearch__form--input > div.warning input::-moz-placeholder {
  color: #dc3545;
}
.notifiSearch__form--input > div.warning input::placeholder {
  color: #dc3545;
}
.notifiSearch__form--input input {
  height: 46px;
  background-color: #fff;
  color: #111;
}
@media screen and (max-width: 321px) {
  .notifiSearch__form--input input {
    height: 43px;
  }
}
.notifiSearch__form--input input:focus ~ .searchBtn {
  background-color: #7e4f40;
}
.notifiSearch__form--input > .reset {
  right: 44px;
}
.notifiSearch__form--input .searchBtn {
  flex-shrink: 0;
  width: 44px;
  height: 46px;
  background: url(../../imagesHomecare/iconSearch.svg) no-repeat center #a1a1a1;
  border-radius: 0 8px 8px 0;
  font-size: 0;
  text-indent: -9999px;
}
@media screen and (max-width: 321px) {
  .notifiSearch__form--input .searchBtn {
    width: 43px;
    height: 43px;
  }
}
.notifiSearch.breakLine .notifiSearch__form--input input {
  padding-right: 36px;
  border-radius: 8px 0 0 8px;
  border-right: 0;
  background-color: #f6f6f6;
}
.notifiSearch.breakLine .notifiSearch__form--input input::-moz-placeholder {
  color: #999;
}
.notifiSearch.breakLine .notifiSearch__form--input input::placeholder {
  color: #999;
}
.notifiSearch.breakLine .notifiSearch__form--input input:focus {
  border: 1px solid #7e4f40;
}
.notifiPlace__result .noneItem {
  padding: 120px 0 20px;
  min-height: auto;
}
@media screen and (max-width: 281px) {
  .notifiPlace__result .noneItem {
    min-height: calc(100vh - 338px);
  }
}
.notifiPlace__result ul {
  background-color: #fff;
}
.notifiPlace__result ul li {
  position: relative;
}
.notifiPlace__result ul li:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 20px;
  width: calc(100% - 40px);
  height: 1px;
  background-color: #f1f1f1;
}
.notifiPlace__result ul li button {
  padding: 16px 20px;
}
.notifiPlace__result ul li p {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .notifiPlace__result ul li p {
    font-size: 14px;
  }
}
.notifiPlace__result ul li p {
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.notifiPlace__result ul li span {
  display: block;
  margin-top: 4px;
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .notifiPlace__result ul li span {
    font-size: 12px;
  }
}
.notifiPlace__result ul li span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.popupWrap .notifiSearch__form {
  padding: 30px 16px 0;
  border: 0;
}
.popupWrap .notifiSearch__form--tit {
  padding: 60px 0 20px;
  background-position: center 0;
  text-align: center;
}
.popupWrap .notifiSearch__form--tit label {
  color: #111;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .popupWrap .notifiSearch__form--tit label {
    font-size: 16px;
  }
}
.popupWrap .notifiSearch__form--tit label {
  font-weight: bold;
}
.popupWrap .notifiSearch__form--input {
  flex-wrap: wrap;
}
.popupWrap .notifiSearch__form--input div:first-child {
  margin-bottom: 8px;
}
.popupWrap .notifiSearch__form--input div.detBox span {
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 10px 12px;
  width: 100%;
  height: 46px;
  border: 1px solid #e1e1e1;
  border-radius: 8px;
  background-color: #f6f6f6;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .popupWrap .notifiSearch__form--input div.detBox span {
    font-size: 14px;
  }
}
.popupWrap .notifiSearch__form--input div.detBox span {
  white-space: nowrap;
}
@media screen and (max-width: 321px) {
  .popupWrap .notifiSearch__form--input div.detBox span {
    height: 43px;
  }
}
.popupWrap .notifiSearch__form--input div.detBox span::-webkit-scrollbar {
  width: 0;
  display: none;
}
.popupWrap .notifiSearch__form .checkBoxSel {
  padding-top: 16px;
  margin-top: 16px;
  border-top: solid 1px #e1e1e1;
}
.notifiPlaceDet .notifiSearch {
  padding-bottom: 10px;
}
.notifiPlaceDet .notifiSearch__form--input {
  flex-wrap: wrap;
}
.notifiPlaceDet .notifiSearch__form--input input:nth-child(n + 2) {
  margin-top: 8px;
}
.notifiPlaceDet__map {
  padding: 0 20px;
}
.notifiPlaceDet__map > div {
  margin-top: 6px;
  min-height: calc(100vh - 349px);
  border-radius: 12px;
}
.notifiRegis__pait {
  padding: 0 20px;
}
.notifiRegis__pait h3 {
  display: inline-block;
  padding-bottom: 9px;
  border-bottom: solid 3px #a47768;
  color: #a47768;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .notifiRegis__pait h3 {
    font-size: 16px;
  }
}
.notifiRegis__pait h3 {
  font-weight: 500;
}
.notifiRegis__pait--form {
  margin-top: 32px;
}
.notifiRegis__pait--form li {
  margin-bottom: 24px;
}
.notifiRegis__pait--form li:last-child {
  margin-bottom: 0;
}
.notifiRegis__pait--form li > label {
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .notifiRegis__pait--form li > label {
    font-size: 16px;
  }
}
.notifiRegis__pait--form li > label {
  font-weight: 500;
}
.notifiRegis__pait--form li > label span {
  color: #999;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
}
@media screen and (max-width: 321px) {
  .notifiRegis__pait--form li > label span {
    font-size: 11px;
  }
}
.notifiRegis__pait--form li > label span {
  font-weight: normal;
}
.notifiRegis__pait--form li > label.half {
  width: calc(50% + 4px);
}
.notifiRegis__pait--form li > label.flex {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.notifiRegis__pait--form li > label button {
  margin-left: 8px;
  width: auto;
  color: #999;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
}
@media screen and (max-width: 321px) {
  .notifiRegis__pait--form li > label button {
    font-size: 11px;
  }
}
.notifiRegis__pait--form li > label button {
  font-weight: normal;
  text-decoration: underline;
}
.notifiRegis__pait--form li > div {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.notifiRegis__pait--form li > div div {
  position: relative;
  width: 100%;
}
.notifiRegis__pait--form li > div span {
  flex-shrink: 0;
  width: 35px;
  color: #7e4f40;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .notifiRegis__pait--form li > div span {
    font-size: 14px;
  }
}
.notifiRegis__pait--form li > div span {
  font-weight: 500;
  text-align: right;
}
.notifiRegis__pait--form li > div .reset {
  background-position: center;
}
.notifiRegis__pait--form li > div.half {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.notifiRegis__pait--form li > div.half div {
  width: calc(50% - 4px);
}
.notifiRegis__pait--form li em {
  margin-top: 8px;
  color: #dc3545;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .notifiRegis__pait--form li em {
    font-size: 12px;
  }
}
.notifiRegis__pait--form li em {
  font-style: normal;
}
.notifiRegis__pait--form li.checkBoxSel p {
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .notifiRegis__pait--form li.checkBoxSel p {
    font-size: 14px;
  }
}
.notifiRegis__pait--form li.checkBoxSel p {
  font-weight: normal;
}
.notifiRegis__pait--form li.checkBoxSel input[type="checkbox"]:checked + label {
  border-color: #e1e1e1;
  background-color: #fff;
}
.notifiRegis__pait--form li .btnSel {
  padding: 10px 34px 10px 12px;
  border: 1px solid #e1e1e1;
  border-radius: 8px;
  color: #111;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .notifiRegis__pait--form li .btnSel {
    font-size: 14px;
  }
}
.notifiRegis__pait--form li .btnSel {
  font-weight: normal;
  background: url(../../imagesHomecare/icon_arrowDown_c1.svg) no-repeat right 12px center/10px;
}
.notifiRegis__pait--form textarea {
  height: 120px;
}
.notifiRegis__pait:has(> .checkBoxSel:nth-child(1)) {
  margin-top: 24px;
}
.notiInfoBox {
  padding: 12px 12px 12px 34px;
  border: solid 1px #e1e1e1;
  border-radius: 12px;
  background-color: #f6f6f6;
  background: url(../../imagesHomecare/iconNoti-greyWh.svg) no-repeat 12px 14px/16px #f6f6f6;
}
.notiInfoBox ~ .notiInfoBox {
  margin-top: 8px;
}
.notiInfoBox h3 {
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .notiInfoBox h3 {
    font-size: 12px;
  }
}
.notiInfoBox h3 ~ p {
  margin-top: 8px;
}
.notiInfoBox p {
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .notiInfoBox p {
    font-size: 12px;
  }
}
.notiInfoBox p:nth-child(n + 2) {
  margin-left: -18px;
}
.notiInfoBox p.dash strong {
  display: block;
  font-weight: 500;
}
.notiInfoBox p ~ p {
  margin-top: 4px;
}
.notiInfoBox span {
  display: block;
  font-weight: normal;
}
.notiInfoBox.YW p,
.notiInfoBox.b0 p {
  color: #333;
}
.notiInfoBox.YW {
  border: 0;
  background-image: url(../../imagesHomecare/iconNoti.svg);
  background-color: #fff8c4;
}
.notiInfoBox.YW p {
  font-weight: 500;
}
.notiInfoBox.b0 {
  border: 0 !important;
}
.patientInfo__detail {
  padding: 40px 20px;
}
.patientInfo__detail--status .basicInfoSt {
  padding: 16px;
}
.patientInfo__detail--status .basicInfoSt.halfSel li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.patientInfo__detail--status .basicInfoSt.halfSel li .statItem:last-child {
  width: 46%;
}
.patientInfo__detail--status .basicInfoSt.halfSel li .statItem:only-child,
.patientInfo__detail--status .basicInfoSt.halfSel li .statItem:first-child {
  width: 54%;
}
.patientInfo__detail--status .basicInfoSt.halfSel li figure {
  margin-right: 10px;
}
@media screen and (max-width: 345px) {
  .patientInfo__detail--status .basicInfoSt.halfSel li figure {
    margin-right: 8px;
  }
}
.patientInfo__detail--status .basicInfoSt li {
  position: relative;
  padding: 16px 0;
}
.patientInfo__detail--status .basicInfoSt li:before {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 1px;
  background-image: linear-gradient(90deg, #e1e1e1, #e1e1e1 30%, transparent 30%, transparent 100%);
  background-size: 9px 1px;
}
.patientInfo__detail--status .basicInfoSt li:has(.txtField) {
  flex-wrap: wrap;
  padding-top: 0;
  border: 0;
}
.patientInfo__detail--status .basicInfoSt li:has(.txtField) h4 {
  margin-bottom: 10px;
  font-weight: 500;
}
.patientInfo__detail--status .basicInfoSt li:has(.txtField) .txtField {
  padding: 12px;
  width: 100%;
  min-height: 70px;
  border: solid 1px #e1e1e1;
  border-radius: 8px;
  background-color: #fbfbfb;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .patientInfo__detail--status .basicInfoSt li:has(.txtField) .txtField {
    font-size: 14px;
  }
}
.patientInfo__detail--status .basicInfoSt li:has(.txtField) .txtField {
  word-break: break-all;
}
.patientInfo__detail--status .basicInfoSt li.divideLine {
  padding-top: 20px;
  border-top: solid 1px #e1e1e1;
}
.patientInfo__detail--status .basicInfoSt li.divideLine:before {
  display: none;
}
.patientInfo__detail--status .basicInfoSt li.divideLine:only-child {
  border-top: none;
}
.patientInfo__detail--status .basicInfoSt li.brownLine:before {
  display: none;
}
.patientInfo__detail--status .basicInfoSt li.brownLine .txtField {
  border-color: #7e4f40;
}
.patientInfo__detail--status .basicInfoSt li.mt4:before {
  display: none;
}
.patientInfo__detail--status .basicInfoSt li:nth-child(1) {
  padding-top: 0;
}
.patientInfo__detail--status .basicInfoSt li:nth-child(1):before {
  display: none;
}
.patientInfo__detail--status .basicInfoSt li:last-child {
  padding-bottom: 0;
}
.patientInfo__detail--status .basicInfoSt li figure {
  flex-shrink: 0;
  position: relative;
  margin-right: 12px;
  width: 64px;
  height: 64px;
  border: solid 1px #e1e1e1;
  border-radius: 50%;
  background-color: #fff;
}
@media screen and (max-width: 345px) {
  .patientInfo__detail--status .basicInfoSt li figure {
    margin-right: 8px;
    width: 40px;
    height: 40px;
  }
}
.patientInfo__detail--status .basicInfoSt li figure img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 44px;
  max-height: 44px;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 345px) {
  .patientInfo__detail--status .basicInfoSt li figure img {
    width: 30px;
    max-height: 35px;
  }
}
.patientInfo__detail--status .basicInfoSt li figure button {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 64px;
  height: 64px;
}
@media screen and (max-width: 345px) {
  .patientInfo__detail--status .basicInfoSt li figure button {
    width: 40px;
    height: 40px;
  }
}
.patientInfo__detail--status .basicInfoSt li figure button span {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: url(../../imagesHomecare/iconDetai.svg) no-repeat center/contain;
  font-size: 0;
  text-indent: -9999px;
}
@media screen and (max-width: 345px) {
  .patientInfo__detail--status .basicInfoSt li figure button span {
    width: 14px;
    height: 14px;
  }
}
.patientInfo__detail--status .basicInfoSt li h4 {
  min-width: 60px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .patientInfo__detail--status .basicInfoSt li h4 {
    font-size: 14px;
  }
}
.patientInfo__detail--status .basicInfoSt li h4 small {
  display: block;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .patientInfo__detail--status .basicInfoSt li h4 small {
    font-size: 12px;
  }
}
.patientInfo__detail--status .basicInfoSt li h4 small {
  font-weight: normal;
}
.patientInfo__detail--status .basicInfoSt li h4 span {
  font-weight: normal;
}
.patientInfo__detail--status .basicInfoSt li p {
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .patientInfo__detail--status .basicInfoSt li p {
    font-size: 12px;
  }
}
.patientInfo__detail--status .basicInfoSt li p {
  line-height: 1.57;
}
.patientInfo__detail--status .statItem {
  display: flex;
  align-items: center;
}
.review .reviewChkList li {
  display: flex;
  align-items: center;
  padding: 7px 0;
}
.review .reviewChkList li:first-child {
  padding-top: 0;
}
.review .reviewChkList li:last-child {
  padding-bottom: 0;
}
.review .reviewChkList li h4 {
  padding: 9px 0;
  border-radius: 4px;
  width: 91px;
  background-color: #f6f6f6;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .review .reviewChkList li h4 {
    font-size: 12px;
  }
}
.review .reviewChkList li h4 {
  font-weight: 500;
  line-height: 1;
  text-align: center;
}
.review .reviewChkList li .starBox {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex-shrink: 0;
  margin-left: 20px;
  width: calc(100% - 112px);
  max-width: 320px;
}
.review .reviewChkList li .starBox button:disabled {
  cursor: auto;
}
.review .pageTit ~ .review__total {
  padding-top: 4px;
}
.review__care {
  padding: 5px 20px 20px;
}
.review__care--tit h2 {
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .review__care--tit h2 {
    font-size: 16px;
  }
}
.review__care--tit p {
  margin: 4px 0 12px;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .review__care--tit p {
    font-size: 14px;
  }
}
.review__care--tit p span {
  color: #7e4f40;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .review__care--tit p span {
    font-size: 14px;
  }
}
.review__care--tit p span {
  font-weight: 500;
}
.review__care--info {
  margin-bottom: 7px;
}
.review__care--info button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding: 14px 40px;
  border: solid 1px #e1e1e1;
  border-radius: 8px;
  background: url(../../imagesHomecare/iconNoti-grey.svg) no-repeat 12px center/20px;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .review__care--info button {
    font-size: 12px;
  }
}
.review__care--info button {
  font-weight: 500;
  line-height: 1;
}
.review__care--info span {
  position: absolute;
  top: 50%;
  right: 14px;
  z-index: 1;
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .review__care--info span {
    font-size: 12px;
  }
}
.review__care--info span {
  font-weight: normal;
  text-decoration: underline;
  transform: translateY(-50%);
}
.review__total {
  padding: 8px 20px 24px;
  border-top: solid 1px #e1e1e1;
}
.review__total.b0 {
  border: 0;
}
.review__total--list li {
  position: relative;
  padding: 24px 0;
  border-bottom: solid 1px #e1e1e1;
}
.review__total--list a {
  display: inline-block;
  width: 50%;
}
.review__total--list a span {
  padding-left: 24px;
  background: url(../../imagesHomecare/iconStar.svg) no-repeat 0 center;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .review__total--list a span {
    font-size: 14px;
  }
}
.review__total--list a span {
  font-weight: bold;
}
.review__total--list a span:after {
  content: "";
  display: inline-block;
  margin-left: 10px;
  width: 8px;
  height: 14px;
  background-image: url(../../imagesHomecare/arrowRight-3.svg);
}
.review__total--list div {
  display: flex;
  align-items: center;
}
.review__total--list div:nth-child(3) {
  margin-top: 10px;
}
.review__total--list div:nth-child(3) small {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 8px;
  height: 22px;
  border-radius: 4px;
  background-color: #f6f6f6;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
}
@media screen and (max-width: 321px) {
  .review__total--list div:nth-child(3) small {
    font-size: 11px;
  }
}
.review__total--list div:nth-child(3) small {
  font-weight: 500;
}
.review__total--list div:nth-child(3) small.label01 {
  color: #7e4f40;
}
.review__total--list div:nth-child(3) small.label02 {
  color: #0a6cd8;
}
.review__total--list div:nth-child(3) small.label03 {
  color: #ffa800;
}
.review__total--list div:nth-child(3) small.label04 {
  color: #ff4e95;
}
.review__total--list div:nth-child(3) small.label05 {
  color: #3f9b3f;
}
.review__total--list div:nth-child(3) time,
.review__total--list div:nth-child(3) span {
  position: relative;
  margin-left: 16px;
  color: #777;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
}
@media screen and (max-width: 321px) {
  .review__total--list div:nth-child(3) time,
  .review__total--list div:nth-child(3) span {
    font-size: 11px;
  }
}
.review__total--list div:nth-child(3) time:before,
.review__total--list div:nth-child(3) span:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 4px;
  left: -8px;
  width: 1px;
  height: 10px;
  background-color: #e1e1e1;
}
.review__total--list p {
  margin-top: 12px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .review__total--list p {
    font-size: 14px;
  }
}
.review__total--list p {
  word-break: break-all;
}
.review__total--list .reviewBtnWrap {
  position: absolute;
  top: 24px;
  right: 0;
  z-index: 1;
}
.review__total--list .reviewBtnWrap button {
  padding: 0 0 4px 14px;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .review__total--list .reviewBtnWrap button {
    font-size: 12px;
  }
}
.review__total--list .reviewBtnWrap button:nth-last-child(1) {
  color: #dc3545;
}
.review__total--list .reviewBtnWrap button:nth-last-child(2) {
  color: #777;
}
.review__total--list .reviewMenuWrap {
  top: 18px;
}
.review__infoTotal {
  padding: 66px 20px 20px;
  background-color: #fbfbfb;
}
.review__infoTotal--box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 128px;
  border: solid 1px #e1e1e1;
  border-radius: 12px;
  background-color: #fff;
}
.review__infoTotal--box h2 {
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .review__infoTotal--box h2 {
    font-size: 16px;
  }
}
.review__infoTotal--box h2 {
  font-weight: 500;
}
.review__infoTotal--box p {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2px;
  font-size: 26px;
  line-height: inherit;
  letter-spacing: -0.65px;
}
@media screen and (max-width: 321px) {
  .review__infoTotal--box p {
    font-size: 24px;
  }
}
.review__infoTotal--box p {
  font-weight: bold;
}
.review__infoTotal--box p:before {
  content: "";
  display: inline-block;
  margin-right: 12px;
  width: 24px;
  height: 24px;
  background: url(../../imagesHomecare/iconStar.svg) no-repeat center/24px;
}
.review__infoDet {
  padding: 32px 20px;
}
.review__infoDet:last-child {
  padding-bottom: 40px;
}
.review__infoDet h3 {
  margin-bottom: 14px;
  display: flex;
  align-items: center;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .review__infoDet h3 {
    font-size: 16px;
  }
}
.review__infoDet h3 time {
  margin-left: 16px;
  color: #777;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
}
@media screen and (max-width: 321px) {
  .review__infoDet h3 time {
    font-size: 11px;
  }
}
.review__infoDet h3 time {
  font-weight: normal;
}
.review__infoDet--txt {
  position: relative;
}
.review__infoDet--txt p {
  padding: 16px;
  border: solid 1px #e1e1e1;
  border-radius: 12px;
  background-color: #f6f6f6;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .review__infoDet--txt p {
    font-size: 14px;
  }
}
.review__infoDet--txt p {
  word-break: break-all;
}
.review__infoDet--txt ~ .review__infoDet--txt {
  margin-top: 32px;
}
.review__infoDet--txt.report {
  padding: 0;
}
.review__infoDet--txt.report .reviewMenuWrap {
  display: none;
}
.review__infoDet--txt.report p {
  color: #777;
}
.review__profile {
  padding: 20px;
  background-color: #f6f6f6;
}
.review__profile .profileCare {
  position: relative;
  padding: 30px 0 20px;
  text-align: center;
}
.review__profile .profileCare__info {
  padding: 12px 0 0;
  border: 0;
}
.review__profile--info {
  margin-top: 16px;
  border: solid 1px #e1e1e1;
  border-radius: 8px;
  background-color: #fff;
}
.review__profile--info.on h3 button {
  background-image: url(../../imagesHomecare/arrowTop-3.svg);
}
.review__profile--info.on .reviewInfo {
  display: block;
}
.review__profile--info h3 button {
  padding: 11px 0;
  background: url(../../imagesHomecare/arrowBottom-3.svg) no-repeat right 12px center;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .review__profile--info h3 button {
    font-size: 14px;
  }
}
.review__profile--info h3 button {
  font-weight: 500;
  text-align: center;
}
.review__profile--info .reviewInfo {
  display: none;
  padding: 0 12px 16px;
}
.review__profile--info .reviewInfo p,
.review__profile--info .reviewInfo dd {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .review__profile--info .reviewInfo p,
  .review__profile--info .reviewInfo dd {
    font-size: 14px;
  }
}
.review__profile--info .reviewInfo p,
.review__profile--info .reviewInfo dd {
  font-weight: 500;
  line-height: 1.5;
}
.review__profile--info .reviewInfo dt {
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .review__profile--info .reviewInfo dt {
    font-size: 12px;
  }
}
.review__profile--info .reviewInfo dt {
  line-height: 1.71;
}
.review__profile--info .reviewInfo p {
  padding-left: 30px;
  margin-bottom: 8px;
  background: no-repeat;
}
.review__profile--info .reviewInfo p:first-child {
  padding-top: 16px;
  border-top: solid 1px #e1e1e1;
  background-image: url(../../imagesHomecare/bgCareNum02.svg);
  background-position: 4px 20px;
}
.review__profile--info .reviewInfo p:nth-child(2) {
  background-image: url(../../imagesHomecare/bgCareType.svg);
  background-position: 4px center;
}
.review__profile--info .reviewInfo .careInfo div {
  padding-left: 30px;
  margin-bottom: 8px;
  background: no-repeat 4px 3px;
}
.review__profile--info .reviewInfo .careInfo div:last-child {
  margin-bottom: 0;
}
.review__profile--info .reviewInfo .careInfo div dt {
  margin-bottom: 2px;
}
.review__profile--info .reviewInfo .careInfo .careStart {
  background-image: url(../../imagesHomecare/bgCareDay01.svg);
}
.review__profile--info .reviewInfo .careInfo .careFinsih {
  background-image: url(../../imagesHomecare/bgCareDay02.svg);
}
.review__profile--info .reviewInfo .careInfo .carePlace {
  background-image: url(../../imagesHomecare/bgCareDay04.svg);
}
.review__profile--info .reviewInfo .carePatient {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding-top: 16px;
  padding-left: 28px;
  margin-top: 16px;
  border-top: solid 1px #e1e1e1;
  background: url(../../imagesHomecare/bgCareDay05.svg) no-repeat 4px 20px;
}
.review__profile--info .reviewInfo .carePatient div {
  display: flex;
  margin-bottom: 4px;
}
.review__profile--info .reviewInfo .carePatient div:nth-child(1) {
  width: 100%;
}
.review__profile--info .reviewInfo .carePatient div:nth-child(n + 2) {
  width: 50%;
}
.review__profile--info .reviewInfo .carePatient div:last-child {
  width: 100%;
  margin-bottom: 0;
}
.review__profile--info .reviewInfo .carePatient div dt {
  flex-shrink: 0;
  margin-top: 2px;
  margin-right: 10px;
}
.review__profile--info .reviewInfo .carePatient div dd {
  word-break: break-all;
}
.review__check h3,
.review__check > div > label,
.review__textarea h3,
.review__textarea > div > label {
  margin-bottom: 14px;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .review__check h3,
  .review__check > div > label,
  .review__textarea h3,
  .review__textarea > div > label {
    font-size: 16px;
  }
}
.review__check h3,
.review__check > div > label,
.review__textarea h3,
.review__textarea > div > label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.review__check h3 span,
.review__check > div > label span,
.review__textarea h3 span,
.review__textarea > div > label span {
  margin-left: 8px;
  color: #dc3545;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
}
@media screen and (max-width: 321px) {
  .review__check h3 span,
  .review__check > div > label span,
  .review__textarea h3 span,
  .review__textarea > div > label span {
    font-size: 11px;
  }
}
.review__check h3 span,
.review__check > div > label span,
.review__textarea h3 span,
.review__textarea > div > label span {
  font-weight: normal;
  vertical-align: 3px;
}
.review__check {
  padding: 32px 20px;
}
.review__textarea {
  padding: 32px 20px 40px;
}
.review__textarea label {
  font-weight: bold;
}
.review__textarea .limitTextareaWrap .limitTextarea {
  margin-top: 0;
  display: block;
  height: 170px;
}
.review__textarea .limitTextareaWrap .limitTextarea textarea {
  height: 120px;
}
.review__textarea > div {
  position: relative;
}
.review__textarea > div ~ div {
  margin-top: 32px;
}
.review__textarea > div > p {
  padding: 16px;
  border: solid 1px #e1e1e1;
  border-radius: 12px;
  background-color: #f6f6f6;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .review__textarea > div > p {
    font-size: 14px;
  }
}
.review__textarea > div > p {
  word-break: break-all;
}
.alyCagivDet .review__care {
  padding-bottom: 13px !important;
}
.alyCagivDet .review__care .arrowBtn {
  margin-top: 20px;
}
.alyCagivDet .review__care--tit h2 {
  margin-bottom: 0 !important;
}
.alyCagivDet .review__total.pb92 {
  padding-top: 0 !important;
}
.alyCagivDet .review__total.pb92 .review__total--list {
  position: relative;
  margin-top: 8px;
}
.alyCagivDet .review__total.pb92 .review__total--list p {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.alyCagivDet .review__total .arrowBtn {
  margin-top: 20px;
}
.reviewMenuWrap {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
.reviewMenuWrap > button {
  width: 24px;
  height: 24px;
  font-size: 0;
  text-indent: -9999px;
  background: url(../../imagesHomecare/ic_reviewMenu.svg) no-repeat center/16px;
}
.reviewMenuWrap .reviewMenu {
  display: none;
  position: absolute;
  top: 27px;
  right: 0;
  z-index: 2;
  border: solid 1px #e1e1e1;
  border-radius: 12px;
  background-color: #fff;
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.12);
}
.reviewMenuWrap .reviewMenu.active {
  display: block;
}
.reviewMenuWrap .reviewMenu li {
  padding: 0;
  border-bottom: 0;
}
.reviewMenuWrap .reviewMenu li button {
  padding: 12px;
}
.reviewMenuWrap .reviewMenu li button.report span {
  background: url(../../imagesHomecare/iconReport.svg) no-repeat left center/16px;
  padding-left: 20px;
}
.reviewMenuWrap .reviewMenu li button span {
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .reviewMenuWrap .reviewMenu li button span {
    font-size: 12px;
  }
}
.replyBox {
  margin-top: 24px;
  padding: 16px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: start !important;
  justify-content: start !important;
  background: #f6f6f6;
  border-radius: 8px;
}
.replyBox:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: -15px;
  left: 20px;
  border-left: 10px solid rgba(0, 0, 0, 0);
  border-right: 10px solid rgba(0, 0, 0, 0);
  border-bottom: 20px solid #f6f6f6;
}
.replyBox__tit {
  display: flex;
  align-items: center;
  justify-content: center;
}
.replyBox__tit strong {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .replyBox__tit strong {
    font-size: 14px;
  }
}
.replyBox__tit strong {
  font-weight: 500;
}
.replyBox__tit time {
  position: relative;
  margin-left: 16px;
  color: #777;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
}
@media screen and (max-width: 321px) {
  .replyBox__tit time {
    font-size: 11px;
  }
}
.replyBox__tit time:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 4px;
  left: -8px;
  width: 1px;
  height: 12px;
  background-color: #e1e1e1;
}
.replyBox .reviewMenuWrap {
  top: 16px;
  right: 16px;
}
.replyBox__txt {
  margin-top: 6px;
}
.replyBox__txt p {
  margin-top: 0;
  color: #333;
}
.replyBox.report .reviewMenuWrap {
  display: none;
}
.replyBox.report .replyBox__txt p {
  color: #777;
}
.warningBox {
  margin-bottom: 12px;
  padding: 12px 12px 12px 34px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  border: solid 1px #dc3545;
  border-radius: 12px;
  background-color: #ffecee;
  background: url(../../imagesHomecare/iconNoti-red.svg) no-repeat left 12px top 14px/16px #ffecee;
}
.warningBox strong {
  color: #dc3545;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .warningBox strong {
    font-size: 12px;
  }
}
.warningBox strong {
  font-weight: bold;
}
.warningBox p {
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .warningBox p {
    font-size: 12px;
  }
}
.search {
  min-height: 300px;
}
.search .searchBtn {
  background-image: url(../../imagesHomecare/iconSearch-3.svg);
}
.search:after {
  content: "";
  position: fixed;
  top: 50px;
  left: 50%;
  width: 100%;
  max-width: 600px;
  height: 1px;
  background-color: #e1e1e1;
  transform: translateX(-50%);
}
.search .noneItem {
  min-height: calc(100vh - 50px);
  background-color: rgba(0, 0, 0, 0);
}
.search__input {
  position: fixed;
  top: 0;
  left: 50%;
  z-index: 23;
  width: 100%;
  max-width: 600px;
  background-color: #fff;
  transform: translateX(-50%);
}
.search__input--wrap {
  position: relative;
  margin: 0 auto;
  max-width: 600px;
  height: 50px;
}
.search__input--wrap .backBtn {
  position: absolute;
  top: 5px;
  left: 0;
}
.search__input--wrap input {
  padding: 14px 78px 14px 44px;
  height: 50px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .search__input--wrap input {
    font-size: 14px;
  }
}
@media screen and (max-width: 319px) {
  .search__input--wrap input {
    padding-left: 42px;
    padding-top: 15px;
  }
}
.search__input--wrap input.noBd {
  border: 0;
}
.search__input--wrap .resetBtn,
.search__input--wrap .searchBtn {
  position: absolute;
  top: 0;
  height: 50px;
  cursor: pointer;
}
.search__input--wrap .resetBtn {
  right: 52px;
}
@media screen and (max-width: 319px) {
  .search__input--wrap .resetBtn {
    right: 44px;
  }
}
.search__input--wrap .searchBtn {
  right: 20px;
}
.search__input--filter {
  position: fixed;
  top: 51px;
  left: 0;
  z-index: 1;
  width: 100%;
  background-color: #f6f6f6;
}
.search__input--filter > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
  padding: 10px 20px;
  max-width: 600px;
}
.search__input--filter dl {
  display: flex;
  align-items: center;
  padding-left: 20px;
  background: url(../../imagesHomecare/iconPin02.svg) no-repeat left/16px;
}
.search__input--filter dl dt,
.search__input--filter dl dd {
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .search__input--filter dl dt,
  .search__input--filter dl dd {
    font-size: 12px;
  }
}
.search__input--filter dl dt,
.search__input--filter dl dd {
  font-weight: 500;
}
.search__input--filter dl dd {
  margin-left: 2px;
}
.search__input--filter button {
  padding-right: 18px;
  width: auto;
  background: url(../../imagesHomecare/arrowDown-a.svg) no-repeat right/10px;
  color: #777;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .search__input--filter button {
    font-size: 12px;
  }
}
.search__recent {
  padding: 24px 20px;
}
.search__recent--tit h2 {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .search__recent--tit h2 {
    font-size: 14px;
  }
}
.search__recent--tit {
  display: flex;
  align-items: center;
}
.search__recent--tit button {
  margin-left: 8px;
  color: #aeb0b5;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
}
@media screen and (max-width: 321px) {
  .search__recent--tit button {
    font-size: 11px;
  }
}
.search__recent--tit button {
  line-height: 1;
}
.search__recent--list {
  margin-top: 16px;
}
.search__recent--list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding-left: 32px;
  padding-right: 32px;
  height: 24px;
  background: url(../../imagesHomecare/iconSearch-cir.svg) no-repeat left;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .search__recent--list li {
    font-size: 14px;
  }
}
.search__recent--list li a {
  margin-right: 4px;
  width: 100%;
  color: #555;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .search__recent--list li a {
    font-size: 14px;
  }
}
.search__recent--list li a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.search__recent--list li time {
  flex-shrink: 0;
  color: #aeb0b5;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
}
@media screen and (max-width: 321px) {
  .search__recent--list li time {
    font-size: 11px;
  }
}
.search__recent--list li:nth-child(n + 2) {
  margin-top: 20px;
}
.search__recent--list li.noneRecent {
  color: #555;
}
.search__recent--list .delBtn {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -12px;
}
.search__now {
  background-color: #fff;
}
.search__now--list li {
  position: relative;
  padding: 16px 34px 16px 52px;
  background: url(../../imagesHomecare/iconSearch-cir.svg) no-repeat 20px center/24px;
  color: #555;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .search__now--list li {
    font-size: 14px;
  }
}
.search__now--list li {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.search__now--list li:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  width: 6px;
  height: 10px;
  background: url(../../imagesHomecare/arrowRight-a.svg) no-repeat center/cover;
}
.search__now--list li:hover {
  background-color: #f6f6f6;
}
.alyCagivDet article:nth-child(n + 2) {
  padding: 32px 20px;
}
.alyCagivDet article:nth-child(n + 2) h2 {
  margin-bottom: 16px;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .alyCagivDet article:nth-child(n + 2) h2 {
    font-size: 16px;
  }
}
.alyCagivDet .noneBox {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100px;
  min-height: auto;
  border: solid 1px #e1e1e1;
  border-radius: 12px;
  background-color: #f6f6f6;
}
.alyCagivDet .noneBox img {
  width: 44px;
}
.alyCagivDet .noneBox p {
  margin-top: 4px;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .alyCagivDet .noneBox p {
    font-size: 12px;
  }
}
.alyCagivDet__profile {
  padding: 20px;
  background-color: #fbfbfb;
}
.alyCagivDet__profile--first,
.alyCagivDet__profile--passion {
  padding: 7px 12px 7px 39px;
  margin: 0 auto 20px;
  max-width: 276px;
  border: solid 1px #fd0;
  border-radius: 20px;
  background: url(../../imagesHomecare/bgProfiFirst.png) no-repeat 5px center/30px #fff8c4;
}
.alyCagivDet__profile--first p,
.alyCagivDet__profile--passion p {
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .alyCagivDet__profile--first p,
  .alyCagivDet__profile--passion p {
    font-size: 12px;
  }
}
.alyCagivDet__profile--first p,
.alyCagivDet__profile--passion p {
  font-weight: 500;
}
.alyCagivDet__profile--passion {
  max-width: 287px;
  background-image: url(../../imagesHomecare/bgProfiPassion.png);
}
.alyCagivDet__profile .profileCare {
  position: relative;
  padding: 30px 16px 16px;
  text-align: center;
}
.alyCagivDet__profile .profileCare__info {
  padding-bottom: 12px;
  border-top: 0;
}
@media screen and (max-width: 321px) {
  .alyCagivDet__profile .profileCare__pay {
    flex-direction: column;
  }
}
.alyCagivDet__profile .profileCare__pay dt {
  text-align: left;
}
@media screen and (max-width: 281px) {
  .alyCagivDet__profile .profileCare__pay dd {
    justify-content: center;
    padding-left: 0;
  }
}
.alyCagivDet__profile .profileCare h3 {
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .alyCagivDet__profile .profileCare h3 {
    font-size: 12px;
  }
}
.alyCagivDet__profile .profileCare h3 {
  text-align: left;
}
.alyCagivDet__profile .workingDay {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  margin-top: 12px;
  border: solid 1px #e1e1e1;
  border-radius: 12px;
  background-color: #fff;
}
@media screen and (max-width: 321px) {
  .alyCagivDet__profile .workingDay {
    flex-direction: column;
    align-items: center;
  }
}
.alyCagivDet__profile .workingDay h2 {
  flex-shrink: 0;
  padding-left: 22px;
  background: url(../../imagesHomecare/icon_date.svg) no-repeat 0 6px/16px;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .alyCagivDet__profile .workingDay h2 {
    font-size: 14px;
  }
}
.alyCagivDet__profile .workingDay h2 {
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .alyCagivDet__profile .workingDay h2 {
    background-position: 0 4px;
  }
}
.alyCagivDet__profile .workingDay div {
  padding-left: 8px;
  text-align: right;
}
@media screen and (max-width: 321px) {
  .alyCagivDet__profile .workingDay div {
    text-align: center;
  }
}
.alyCagivDet__profile .workingDay div span {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .alyCagivDet__profile .workingDay div span {
    font-size: 14px;
  }
}
.alyCagivDet__profile .workingDay div span {
  font-weight: bold;
}
.alyCagivDet__profile--mes {
  position: relative;
  padding: 16px;
  margin-top: 30px;
  border: solid 1px #e1e1e1;
  border-radius: 12px;
  background-color: #fff;
}
.alyCagivDet__profile--mes:after {
  content: "";
  position: absolute;
  top: -15px;
  left: 20px;
  z-index: 1;
  width: 40px;
  height: 25px;
  background-image: url(../../imagesHomecare/bgCareOpin.svg);
}
.alyCagivDet__profile--mes h3 {
  padding-left: 22px;
  background: url(../../imagesHomecare/bgCareOpinTxt_gr.svg) no-repeat 0 3px/16px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .alyCagivDet__profile--mes h3 {
    font-size: 14px;
  }
}
.alyCagivDet__profile--mes h3 {
  font-weight: 500;
}
.alyCagivDet__profile--mes p {
  margin-top: 6px;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .alyCagivDet__profile--mes p {
    font-size: 14px;
  }
}
.alyCagivDet__profile--mes p.caution {
  padding: 8px 8px 8px 23px;
  margin-top: 8px;
  border-radius: 8px;
  background: url(../../imagesHomecare/icon_check.svg) no-repeat 7px 11px/14px, #f6f6f6;
  color: #333;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
}
@media screen and (max-width: 321px) {
  .alyCagivDet__profile--mes p.caution {
    font-size: 11px;
  }
}
.alyCagivDet__profile--mes p.caution {
  word-break: break-all;
}
.alyCagivDet__int--box {
  overflow-y: auto;
  padding: 16px;
  height: 132px;
  border: solid 1px #e1e1e1;
  border-radius: 12px;
  background-color: #f6f6f6;
}
.alyCagivDet__int--box p {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .alyCagivDet__int--box p {
    font-size: 14px;
  }
}
.alyCagivDet__int--box p {
  word-break: break-all;
}
.alyCagivDet__certi h2 {
  margin-bottom: 0;
}
.alyCagivDet__certi h2 + p {
  margin: 4px 0 14px 0;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .alyCagivDet__certi h2 + p {
    font-size: 14px;
  }
}
.alyCagivDet__certi h2 + p span {
  color: #7e4f40;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .alyCagivDet__certi h2 + p span {
    font-size: 14px;
  }
}
.alyCagivDet__certi h2 + p span {
  font-weight: 500;
}
.alyCagivDet__certi ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 12px 12px 4px;
}
.alyCagivDet__certi li {
  flex-shrink: 0;
  padding: 10px 12px 10px 34px;
  margin: 0 8px 8px 0;
  border: solid 1px #e1e1e1;
  border-radius: 18px;
  background: no-repeat 10px center #fff;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .alyCagivDet__certi li {
    font-size: 12px;
  }
}
.alyCagivDet__certi li {
  font-weight: 500;
  line-height: 1;
}
.alyCagivDet__certi li small {
  margin-left: 2px;
  color: #333;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
}
@media screen and (max-width: 321px) {
  .alyCagivDet__certi li small {
    font-size: 11px;
  }
}
.alyCagivDet__certi li small {
  font-weight: 500;
  line-height: 1;
}
.alyCagivDet__certi li span {
  margin-left: 4px;
  color: #7e4f40;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .alyCagivDet__certi li span {
    font-size: 12px;
  }
}
.alyCagivDet__certi li span {
  font-weight: bold;
  line-height: 1;
}
.alyCagivDet__certi .certifi01 {
  background-image: url(../../imagesHomecare/ic_certifi01.svg);
}
.alyCagivDet__certi .certifi02 {
  background-image: url(../../imagesHomecare/ic_certifi02.svg);
}
.alyCagivDet__certi .certifi04 {
  background-image: url(../../imagesHomecare/ic_certifi04.svg);
}
.alyCagivDet__certi .certifi08 {
  background-image: url(../../imagesHomecare/ic_certifi08.svg);
}
.alyCagivDet__certi .certifi16 {
  background-image: url(../../imagesHomecare/ic_certifi16.svg);
}
.alyCagivDet__certi .certifi32 {
  background-image: url(../../imagesHomecare/ic_certifi32.svg);
}
.alyCagivDet__certi > a {
  margin-top: 20px;
}
.alyCagivDet__certi > p {
  margin-top: 16px;
  color: #777;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .alyCagivDet__certi > p {
    font-size: 12px;
  }
}
.alyCagivDet__streng--list {
  display: flex;
  flex-wrap: wrap;
  padding: 0 10px;
  margin-top: 20px;
  text-align: center;
}
.alyCagivDet__streng--list li {
  flex: 0 0 33.3333%;
}
@media screen and (min-width: 600px) {
  .alyCagivDet__streng--list li {
    flex: 0 0 80px;
    margin-right: 30px;
  }
}
.alyCagivDet__streng--list li:nth-child(3n-2) figure,
.alyCagivDet__streng--list li:nth-child(3n-2) span {
  margin-right: auto;
  margin-left: 0;
}
.alyCagivDet__streng--list li:nth-child(3n) figure,
.alyCagivDet__streng--list li:nth-child(3n) span {
  margin-left: auto;
  margin-right: 0;
}
.alyCagivDet__streng--list li figure {
  margin: 0 auto 10px;
  width: 80px;
  height: 80px;
  border: solid 1px #7e4f40;
  border-radius: 50%;
  background: no-repeat center #fff;
  flex-shrink: 0;
}
.alyCagivDet__streng--list li span {
  display: block;
  margin: 0 auto;
  width: 80px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .alyCagivDet__streng--list li span {
    font-size: 14px;
  }
}
.alyCagivDet__streng--list li span {
  font-weight: 500;
}
.alyCagivDet__streng--list li.streng01 figure {
  background-image: url(../../imagesHomecare/ic_kind.svg);
}
.alyCagivDet__streng--list li.streng02 figure {
  background-image: url(../../imagesHomecare/ic_responsibility.svg);
}
.alyCagivDet__streng--list li.streng03 figure {
  background-image: url(../../imagesHomecare/ic_careful.svg);
}
.alyCagivDet__streng--list li.streng04 figure {
  background-image: url(../../imagesHomecare/ic_time.svg);
}
.alyCagivDet__streng--list li.streng05 figure {
  background-image: url(../../imagesHomecare/ic_communication.svg);
}
.alyCagivDet__streng--list li.streng06 figure {
  background-image: url(../../imagesHomecare/ic_thoughtful.svg);
}
.alyCagivDet__streng--list li.streng07 figure {
  background-image: url(../../imagesHomecare/ic_clean.svg);
}
.alyCagivDet__streng--list li.streng08 figure {
  background-image: url(../../imagesHomecare/ic_passion.svg);
}
.alyCagivDet__streng--list li.streng09 figure {
  background-image: url(../../imagesHomecare/ic_patience.svg);
}
.alyCagivDet__data {
  position: relative;
}
.alyCagivDet__data--chart {
  height: 268px;
}
.alyCagivDet__data--loading {
  position: absolute;
  left: 20px;
  bottom: 32px;
  padding-top: 70px;
  width: calc(100% - 40px);
  height: 268px;
  background: hsla(0, 0%, 100%, 0.6);
}
.alyCagivDet__data--loading figure {
  margin-bottom: 8px;
  animation: dataLoading 3s infinite;
}
.alyCagivDet__data--loading figure img {
  margin: auto;
}
@keyframes dataLoading {
  0% {
    transform: rotate(-180deg);
  }
  50% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(180deg);
  }
}
.alyCagivDet__data--loading p {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .alyCagivDet__data--loading p {
    font-size: 14px;
  }
}
.alyCagivDet__data--loading p {
  font-weight: 500;
  text-align: center;
}
.alyCagivDet__trade .shadowBox {
  padding-bottom: 24px;
  margin-bottom: 20px;
}
.alyCagivDet__trade--tabBtn {
  display: flex;
  align-items: center;
  padding-top: 2px;
  margin-bottom: 16px;
}
.alyCagivDet__trade--tabBtn button {
  padding: 6px 12px;
  margin-right: 8px;
  width: -moz-fit-content;
  width: fit-content;
  border: solid 1px #e1e1e1;
  border-radius: 16px;
  color: #777;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .alyCagivDet__trade--tabBtn button {
    font-size: 12px;
  }
}
.alyCagivDet__trade--tabBtn button.active {
  border-color: #666;
  background-color: #666;
  color: #fff;
}
.alyCagivDet__trade--info {
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin-top: 20px;
}
.alyCagivDet__trade--info div {
  position: relative;
  width: 33.3333333333%;
}
.alyCagivDet__trade--info div:after {
  content: "";
  position: absolute;
  right: 0;
  top: 12px;
  width: 1px;
  height: 24px;
  background-color: #f1f1f1;
}
.alyCagivDet__trade--info div:last-child:after {
  display: none;
}
.alyCagivDet__trade--info dt {
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .alyCagivDet__trade--info dt {
    font-size: 12px;
  }
}
.alyCagivDet__trade--info dd {
  display: flex;
  align-items: center;
  justify-content: center;
  background: no-repeat left;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .alyCagivDet__trade--info dd {
    font-size: 14px;
  }
}
.alyCagivDet__trade--info dd {
  font-weight: 500;
}
.alyCagivDet__trade--info dd:before {
  content: "";
  display: inline-block;
  margin-right: 4px;
  width: 16px;
  height: 16px;
}
.alyCagivDet__trade > div:last-child {
  margin-top: 6px;
}
.alyCagivDet__expri .shadowBox {
  padding-bottom: 32px;
  margin-bottom: 4px;
}
.alyCagivDet__expri .shadowBox p strong:first-child {
  margin-left: 8px;
}
.alyCagivDet__expri--list {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
.alyCagivDet__expri--list li {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 16px;
  width: 25%;
}
.alyCagivDet__expri--list li.disabled span {
  border: dashed 1px #e1e1e1;
  background-color: #f6f6f6;
  color: #aeb0b5;
}
.alyCagivDet__expri--list li.disabled p {
  color: #aeb0b5;
}
.alyCagivDet__expri--list span {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 19vmin;
  height: 19vmin;
  max-height: 80px;
  max-width: 80px;
  border: solid 1px #7e4f40;
  border-radius: 50%;
  background-color: #fff1ec;
  color: #7e4f40;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -1px;
}
@media screen and (max-width: 321px) {
  .alyCagivDet__expri--list span {
    font-size: 16px;
  }
}
.alyCagivDet__expri--list span {
  font-weight: 500;
}
.alyCagivDet__expri--list p {
  margin-top: 4px;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .alyCagivDet__expri--list p {
    font-size: 14px;
  }
}
.alyCagivDet__expri--list p {
  text-align: center;
}
.alyCagivDet__expri--first ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.alyCagivDet__expri--first ul li {
  padding: 7px 16px;
  margin-right: 4px;
  margin-bottom: 8px;
  border: solid 1px #7e4f40;
  border-radius: 20px;
  color: #7e4f40;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .alyCagivDet__expri--first ul li {
    font-size: 14px;
  }
}
.alyCagivDet__expri--first ul li {
  font-weight: 500;
  background-color: #fff1ec;
}
.alyCagivDet__expri--first ul li:last-child {
  margin-right: 0;
}
@media screen and (max-width: 321px) {
  .alyCagivDet__expri--first ul li {
    padding: 4px 8px;
  }
}
.alyCagivDet__expri--first div {
  padding: 12px 12px 12px 40px;
  margin-top: 16px;
  border-radius: 12px;
  background: url(../../imagesHomecare/iconNoti-greyWh.svg) no-repeat 12px 12px #f6f6f6;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .alyCagivDet__expri--first div {
    font-size: 12px;
  }
}
.alyCagivDet__expri--first div {
  font-weight: 500;
}
.careComple__none .noneItem {
  padding-top: 100px;
  background-color: #fff;
  min-height: auto;
}
.careComple__box {
  padding: 64px 20px 20px 20px;
  background-color: #fbfbfb;
}
.careComple__box .shadowBox {
  padding-bottom: 24px;
}
.careComple__box .shadowBox h2 {
  margin-bottom: 2px;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .careComple__box .shadowBox h2 {
    font-size: 14px;
  }
}
.careComple__box .shadowBox h2 {
  font-weight: 500;
}
.careComple__det {
  padding: 32px 20px 20px;
}
.careComple__det h3 {
  margin-bottom: 12px;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .careComple__det h3 {
    font-size: 16px;
  }
}
.careComple__det h4 {
  margin-bottom: 16px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .careComple__det h4 {
    font-size: 14px;
  }
}
.careComple__det--status {
  position: relative;
  padding: 0 16px 4px;
  margin-bottom: 26px;
  border: solid 1px #e1e1e1;
  border-radius: 12px;
}
.careComple__det--status:last-child {
  margin-bottom: 0;
}
.careComple__det--status > img {
  position: absolute;
  top: -12px;
  right: 12px;
}
.careComple__det--status dl {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0;
  margin-bottom: 16px;
  border-bottom: solid 1px #f1f1f1;
}
.careComple__det--status dl div {
  width: calc(50% - 8px);
  position: relative;
}
.careComple__det--status dl div:last-child:after {
  content: "";
  position: absolute;
  top: 6px;
  left: -16px;
  width: 1px;
  height: 40px;
  background-color: #f1f1f1;
}
.careComple__det--status dt {
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .careComple__det--status dt {
    font-size: 12px;
  }
}
.careComple__det--status dd {
  margin-top: 4px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .careComple__det--status dd {
    font-size: 14px;
  }
}
.careComple__det--status dd {
  font-weight: bold;
}
.careComple__det--status ul {
  display: flex;
  flex-wrap: wrap;
}
.careComple__det--status ul li {
  margin-bottom: 16px;
  width: 25%;
}
.careComple__det--status ul li figure {
  position: relative;
  margin: 0 auto;
  width: 60px;
  height: 60px;
  border: solid 1px #e1e1e1;
  border-radius: 50%;
}
@media screen and (max-width: 321px) {
  .careComple__det--status ul li figure {
    width: 52px;
    height: 52px;
  }
}
.careComple__det--status ul li figure img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  transform: translate(-50%, -50%);
  -o-object-fit: contain;
  object-fit: contain;
}
.careComple__det--status ul li p {
  margin-top: 8px;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .careComple__det--status ul li p {
    font-size: 12px;
  }
}
.careComple__det--status ul li p {
  font-weight: 500;
  text-align: center;
}
.careComple__det--status .simple {
  display: flex;
  align-items: center;
  padding-bottom: 12px;
}
.careComple__det--status .simple figure {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  border: solid 1px #e1e1e1;
  background: url(../../imagesHomecare/careComSim.svg) no-repeat center;
}
.careComple__det--status .simple p {
  margin-left: 16px;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .careComple__det--status .simple p {
    font-size: 12px;
  }
}
.careComple__det--status .simple p {
  font-weight: 500;
}
.careComple__det--status .statusAco summary {
  cursor: pointer;
  background: url(../../imagesHomecare/arrowBottom-3.svg) no-repeat right center;
}
.careComple__det--status .statusAco summary::marker {
  display: inline-block;
  content: "";
}
.careComple__det--status .statusAco summary::-webkit-details-marker {
  display: none !important;
}
.careComple__det--status .statusAco[open] summary {
  background-image: url(../../imagesHomecare/arrowTop-3.svg);
}
@media screen and (max-width: 321px) {
  .careList__item {
    padding-top: 41px;
  }
}
.careList__item ul {
  padding: 77px 20px 22px;
}
.careList__item ul .notifiItems ~ li {
  margin: 18px 0;
}
.careList__item ul .notifiItems a {
  padding: 16px 16px 10px;
}
.careList__item ul .notifiItems__info dt {
  flex-shrink: 0;
  width: 102px;
  margin-right: 6px;
}
.careList__item .noneItem {
  padding: 20vh 0 34vh;
  min-height: calc(100vh - 94px);
}
@media screen and (max-width: 321px) {
  .careList__item .noneItem {
    min-height: calc(100vh - 91px);
  }
}
.careList .headerFilter {
  padding-bottom: 0;
  background-color: #fbfbfb;
}
.careList .headerFilter.scroll {
  padding-bottom: 16px;
}
.careList .headerFilter.scroll + .careList__item ul {
  padding-top: 86px;
}
.careList__item ul {
  padding-top: 32px;
}
.checkSelect {
  margin-top: 12px;
}
.checkSelect__box {
  position: relative;
}
.checkSelect__box input[type="radio"],
.checkSelect__box input[type="checkbox"] {
  overflow: hidden;
  position: absolute;
  padding: 0;
  margin: -1px;
  width: 1px;
  height: 1px;
  border: 0;
  clip: rect(0, 0, 0, 0);
}
.checkSelect__box input[type="radio"] + label,
.checkSelect__box input[type="checkbox"] + label {
  display: flex;
  align-items: center;
  position: relative;
  padding: 14px 16px;
  margin-bottom: 8px;
  width: 100%;
  border: solid 1px #e1e1e1;
  border-radius: 8px;
  background-color: #fff;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .checkSelect__box input[type="radio"] + label,
  .checkSelect__box input[type="checkbox"] + label {
    font-size: 14px;
  }
}
.checkSelect__box input[type="radio"] + label,
.checkSelect__box input[type="checkbox"] + label {
  line-height: 1;
  cursor: pointer;
}
@media screen and (max-width: 321px) {
  .checkSelect__box input[type="radio"] + label,
  .checkSelect__box input[type="checkbox"] + label {
    padding: 13.5px 10px;
  }
}
.checkSelect__box input[type="radio"] + label:before,
.checkSelect__box input[type="checkbox"] + label:before {
  content: "";
  flex-shrink: 0;
  margin-right: 10px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: url(../../imagesHomecare/icon_check.svg) no-repeat center/8.6px #e1e1e1;
  transition: all 0.2s ease-in 0s;
}
@media screen and (max-width: 321px) {
  .checkSelect__box input[type="radio"] + label:before,
  .checkSelect__box input[type="checkbox"] + label:before {
    margin-right: 6px;
    width: 12px;
    height: 12px;
    background-size: 6px;
  }
}
.checkSelect__box input[type="radio"]:checked + label,
.checkSelect__box input[type="checkbox"]:checked + label {
  border-color: #7e4f40;
  background-color: #fff9f7;
  color: #7e4f40 !important;
  font-weight: bold;
}
.checkSelect__box input[type="radio"]:checked + label::before,
.checkSelect__box input[type="checkbox"]:checked + label::before {
  background-color: #7e4f40;
}
.checkSelect__box:last-child label {
  margin-bottom: 0 !important;
}
.contractInfo:has(.comHeaderTabWrap) {
  padding-top: 44px;
}
.contractInfo:has(.pageTit) .contractInfo__basic {
  padding-top: 32px;
}
.contractInfo:has(.pageTit) .contractInfo__basic ul {
  margin-top: 0;
}
.contractInfo__detail {
  padding: 32px 20px 40px;
}
.contractInfo__detail .column {
  margin-top: 20px;
}
.contractInfo__detail .column .basicInfoSt {
  padding: 16px;
}
.contractInfo__detail .column .basicInfoSt div ~ div {
  margin-top: 8px;
}
.contractInfo__detail .column .basicInfoSt div:nth-child(n + 1) {
  display: block;
  width: 100%;
}
.contractInfo__detail .column .basicInfoSt div dd {
  margin-left: 0;
}
.contractInfo__detail .column .basicInfoSt div.divide {
  display: flex;
  align-items: center;
  padding-top: 12px;
  margin-top: 12px;
  border-top: solid 1px #e1e1e1;
}
.contractInfo__detail .column .basicInfoSt div.divide dd {
  margin-left: 10px;
  width: 43%;
}
.contractInfo__basic {
  padding: 70px 20px 40px;
}
.contractInfo__basic--form {
  margin-top: 26px;
}
.contractInfo__basic--form li ~ li {
  margin-top: 24px;
}
.contractInfo__basic--form li h3 {
  margin-bottom: 10px;
}
.contractInfo__basic--form li div {
  display: flex;
  align-items: center;
}
.contractInfo__basic--form li div span {
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .contractInfo__basic--form li div span {
    font-size: 16px;
  }
}
.contractInfo__basic--form li div span {
  font-weight: bold;
}
.contractInfo__basic--form li div span:first-child {
  margin-right: 10px;
}
.contractInfo__basic--form li div input + span {
  margin: 0 8px;
}
.contractInfo__basic--form li em {
  margin-top: 8px;
  color: #dc3545;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .contractInfo__basic--form li em {
    font-size: 12px;
  }
}
.contractInfo__basic--form li em {
  font-style: normal;
}
.contractInfo__certifi {
  padding: 40px 20px 20px;
}
.contractInfo__certifi .checkSelect {
  margin-top: 20px;
}
.contractInfo__certifi .checkSelect__box:last-child input:checked + label {
  margin-bottom: 8px !important;
}
.contractInfo__certifi .checkSelect__box > label span {
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .contractInfo__certifi .checkSelect__box > label span {
    font-size: 14px;
  }
}
.contractInfo__certifi .checkSelect__box > label span {
  font-weight: 500;
}
.contractInfo__certifi .checkSelect__box > label small {
  display: inline-block;
  margin-left: 8px;
  color: #999;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
}
@media screen and (max-width: 321px) {
  .contractInfo__certifi .checkSelect__box > label small {
    font-size: 11px;
  }
}
.contractInfo__certifi .checkSelect__box input:checked + label span {
  color: #7e4f40;
  font-weight: bold;
}
.contractInfo__certifi .checkSelect__box input:checked + label small {
  font-weight: normal;
}
.contractInfo__certifi .checkSelect__box input:checked ~ .fileAttach {
  display: block;
}
.contractInfo__certifi .checkSelect__box input[type="checkbox"] + label {
  padding: 10px 16px;
}
.contractInfo__certifi .checkSelect__box input[type="checkbox"] + label .desc {
  margin-top: 2px;
  padding-left: 26px;
  width: 100%;
  color: #777;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .contractInfo__certifi .checkSelect__box input[type="checkbox"] + label .desc {
    font-size: 12px;
  }
}
.contractInfo__certifi .checkSelect__box input[type="checkbox"] + label .desc {
  font-weight: normal !important;
}
.contractInfo__certifi .checkSelect__box input[type="checkbox"] + label:has(.desc) {
  flex-wrap: wrap;
}
.contractInfo__certifi .checkSelect__box .fileAttach {
  display: none;
  margin-bottom: 20px;
}
.contractInfo__certifi .checkSelect__box:last-child .fileAttach {
  margin-bottom: 0;
}
.contractInfo__certifi--list {
  margin-top: 24px;
}
.contractInfo__certifi--list li .certifiTit {
  margin-bottom: 12px;
  color: #333;
}
.contractInfo__certifi--list li ~ li {
  margin-top: 20px;
}
.contractInfo h2:not(.pageTit h2) {
  display: inline-block;
  padding-bottom: 8px;
  border-bottom: solid 2px #7e4f40;
  color: #7e4f40;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .contractInfo h2:not(.pageTit h2) {
    font-size: 16px;
  }
}
.contractInfo h2:not(.pageTit h2) {
  font-weight: 500;
}
.contractInfo h3 {
  display: flex;
  align-items: center;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .contractInfo h3 {
    font-size: 16px;
  }
}
.contractInfo h3 {
  font-weight: 500;
}
.contractInfo h3 span {
  margin-left: 8px;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
}
@media screen and (max-width: 321px) {
  .contractInfo h3 span {
    font-size: 11px;
  }
}
.contractInfo .contractIit {
  position: relative;
}
.contractInfo .contractIit .outlineRouBtn {
  position: absolute;
  top: 0;
  right: 0;
}
.fileAttach {
  overflow: hidden;
  position: relative;
  height: 160px;
  border: dashed 1px #7e4f40;
  border-radius: 8px;
}
.fileAttach input {
  overflow: hidden;
  position: absolute;
  padding: 0;
  margin: -1px;
  width: 1px;
  height: 1px;
  border: 0;
  clip: rect(0, 0, 0, 0);
}
.fileAttach label {
  position: absolute;
  z-index: 4;
  padding-top: 87px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  color: #7e4f40;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .fileAttach label {
    font-size: 14px;
  }
}
.fileAttach label {
  font-weight: 500;
  width: 100%;
  height: 100%;
  background: url(../../imagesHomecare/ic_fileAttach.svg) no-repeat center top 49px #fff9f7;
}
.fileAttach > div:not(.rejectFile) {
  display: none;
  position: absolute;
  z-index: 4;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f6f6f6;
}
.fileAttach > div:not(.rejectFile) img {
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  margin: 0 auto;
}
.fileAttach > div:not(.rejectFile) button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  text-indent: -9999px;
}
.fileAttach .delBtn {
  display: none;
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 5;
  padding: 7px 12px;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .fileAttach .delBtn {
    font-size: 12px;
  }
}
.fileAttach .delBtn {
  font-weight: 500;
  line-height: 1;
  background-image: url(../../imagesHomecare/iconX-999.svg);
  background-size: 16px;
}
.fileAttach.add > div:not(.rejectFile) {
  display: block;
}
.fileAttach.add .delBtn {
  display: block;
}
.fileAttach.add:has(.rejectFile) .delBtn {
  display: none;
}
.fileAttach .rejectFile {
  padding: 32px 16px 16px;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  z-index: 6;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 8px;
}
.fileAttach .rejectFile > span {
  color: #fff;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .fileAttach .rejectFile > span {
    font-size: 14px;
  }
}
.fileAttach .rejectFile strong {
  margin-top: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  max-width: 100%;
  color: #fff;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .fileAttach .rejectFile strong {
    font-size: 14px;
  }
}
.fileAttach .rejectFile strong {
  font-weight: 500;
  text-align: left;
  white-space: nowrap;
}
.fileAttach .rejectFile strong > span {
  width: 100%;
  word-break: break-all;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fileAttach .rejectFile button {
  margin-top: 14px;
  position: relative;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #7e4f40;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .fileAttach .rejectFile button {
    font-size: 14px;
  }
}
.fileAttach .rejectFile button {
  font-weight: 500;
  border: solid 1px #7e4f40;
  border-radius: 8px;
  background-color: #fff;
}
.fileAttach .rejectFile button:after {
  content: "";
  margin-left: 8px;
  width: 7px;
  height: 12px;
  background: url(../../imagesHomecare/icon_arrowRight_co.svg) no-repeat center/7px;
}
.contractCheck article {
  padding: 32px 20px 0;
}
.contractCheck article h3 {
  margin-bottom: 8px;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .contractCheck article h3 {
    font-size: 16px;
  }
}
.contractCheck article h3 {
  font-weight: 500;
}
.contractCheck article ~ article {
  margin: 32px 20px 0;
  padding: 32px 0 0;
  border-top: solid 1px #e1e1e1;
}
.contractCheck article ~ article:last-child {
  padding-bottom: 20px;
}
.contractCheck__list li {
  border: solid 1px #e1e1e1;
  border-radius: 8px;
}
.contractCheck__list li.active {
  border-color: #7e4f40;
  background-color: #fff1ec;
}
.contractCheck__list li.active a {
  color: #7e4f40;
  font-weight: 500;
}
.contractCheck__list li.active a:before {
  background-color: #7e4f40;
}
.contractCheck__list li ~ li {
  margin-top: 8px;
}
.contractCheck__list li a {
  position: relative;
  padding: 15px 16px 15px 42px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .contractCheck__list li a {
    font-size: 14px;
  }
}
.contractCheck__list li a {
  line-height: 1;
}
.contractCheck__list li a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 16px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: url(../../imagesHomecare/ic_check_wh.svg) no-repeat center #e1e1e1;
  transform: translateY(-50%);
}
.contractView {
  overflow-y: auto;
  padding-bottom: 92px;
  height: calc(100vh - 50px);
}
.contractList ul .notifiItems {
  padding-bottom: 24px;
  border: none;
  border-radius: 0;
  border-bottom: solid 1px #f1f1f1;
}
.contractList ul .notifiItems a {
  padding: 0;
}
.contractList ul .notifiItems .notifiItems__btn {
  padding: 0;
  margin-top: 24px;
}
.contractList ul .notifiItems ~ li {
  margin: 24px 0;
}
.contractList ul .notifiItems ~ li:last-child {
  border-bottom: 0;
}
.translucent {
  background: rgba(0, 0, 0, 0.5);
  border-bottom: 0;
}
.translucent .headerWrap {
  padding: 0 20px;
}
.translucent .headerWrap h1 {
  color: #fff;
}
.translucent .headerWrap .btnClose {
  width: 50px;
  height: 50px;
  background-image: url(../../imagesHomecare/iconX-wh.svg);
}
.attachDet {
  position: relative;
  width: 100%;
  height: 100vh;
  background-color: #000;
  display: flex;
  align-items: center;
}
.attachDet .imgWrap {
  position: absolute;
  width: 100%;
  height: calc(100vh - 100px);
}
.attachDet .imgWrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.serviceMain.homecare .serviceMain__ban {
  position: relative;
}
.serviceMain.homecare .serviceMain__ban .bannerSlideWrap {
  padding: 0;
  min-height: auto;
}
.serviceMain.homecare .serviceMain__ban .bannerSlideWrap__list {
  padding: 48px 20px 68px;
  min-height: 200px;
}
.serviceMain.homecare .serviceMain__ban .bannerSlideWrap__list.slide01 {
  background: url(../../imagesHomecare/bg_main_banner01.png) no-repeat right top/auto 204px #fbfbfb;
}
.serviceMain.homecare .serviceMain__ban .bannerSlideWrap__dot {
  position: absolute;
  z-index: 5;
  right: 12px;
  bottom: 32px;
  padding: 4px 6px 6px;
  border-radius: 30px;
  background-color: rgba(17, 17, 17, 0.34);
  line-height: 0;
}
.serviceMain.homecare .serviceMain__ban .bannerSlideWrap__dot span {
  color: #fff;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
}
@media screen and (max-width: 321px) {
  .serviceMain.homecare .serviceMain__ban .bannerSlideWrap__dot span {
    font-size: 11px;
  }
}
.serviceMain.homecare .serviceMain__ban .bannerSlideWrap__dot span {
  font-weight: 500;
  line-height: 1;
}
.serviceMain.homecare .serviceMain__ban:has(button) .bannerSlideWrap__list {
  padding: 36px 20px 56px;
  min-height: 220px;
}
.serviceMain.homecare .serviceMain__ban:has(button) .bannerSlideWrap__list.slide01 {
  background: url(../../imagesHomecare/bg_main_banner01.png) no-repeat right top/auto 220px #fbfbfb;
}
.serviceMain.homecare .serviceMain__ban button {
  position: absolute;
  bottom: 56px;
  left: 20px;
}
@media screen and (max-width: 321px) {
  .serviceMain.homecare .serviceMain__ban button {
    bottom: 70px;
  }
}
.serviceMain.homecare .serviceMain__regiSta .login h3 {
  background: url(../../imagesHomecare/ic_more_visit.svg) no-repeat 0 center;
}
.serviceMain.homecare .serviceMain__regiSta .login__list.horizon {
  padding: 0;
  display: flex;
  align-items: center;
}
.serviceMain.homecare .serviceMain__regiSta .login__list.horizon a {
  position: relative;
  flex-direction: column;
  padding: 23px 0 !important;
  background: none;
}
.serviceMain.homecare .serviceMain__regiSta .login__list.horizon a p {
  padding-left: 0;
  color: #999;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .serviceMain.homecare .serviceMain__regiSta .login__list.horizon a p {
    font-size: 12px;
  }
}
.serviceMain.homecare .serviceMain__regiSta .login__list.horizon a p {
  font-weight: 500;
}
.serviceMain.homecare .serviceMain__regiSta .login__list.horizon a span {
  margin-top: 6px;
  color: #999;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .serviceMain.homecare .serviceMain__regiSta .login__list.horizon a span {
    font-size: 16px;
  }
}
.serviceMain.homecare .serviceMain__regiSta .login__list.horizon a span {
  font-weight: bold;
}
.serviceMain.homecare .serviceMain__regiSta .login__list.horizon a ~ a {
  border-top: 0;
}
.serviceMain.homecare .serviceMain__regiSta .login__list.horizon a ~ a:before {
  content: "";
  position: absolute;
  top: 28px;
  left: 0;
  width: 1px;
  height: 40px;
  background-color: #e1e1e1;
}
.serviceMain.homecare .serviceMain__regiSta .login__guide.bgBook {
  padding: 14px 16px 14px 46px;
  height: 74px;
  background: url(../../imagesHomecare/ic_bgBook.svg) no-repeat left 16px top 14px/24px,
    url(../../imagesHomecare/arrowRight-c.svg) no-repeat right 16px center/6px 10px;
  background-color: #f6f6f6;
}
.serviceMain.homecare .serviceMain__regiSta .login__guide.bgBook strong {
  color: #7e4f40;
}
.serviceMain.homecare .serviceMain__regiSta .login__guide.bgBook span {
  margin-top: 2px;
}
.serviceMain.homecare .serviceMain__regiSta .login__guide + div {
  margin-top: 32px;
}
.serviceMain.homecare .serviceMain__regiSta .login ~ .logout {
  margin-top: 32px;
}
.serviceMain.homecare .serviceMain__regiSta .login.active .login__list a p {
  color: #555;
}
.serviceMain.homecare .serviceMain__regiSta .login.active .login__list a span {
  color: #111;
}
.serviceMain.homecare .serviceMain__regiSta .logout {
  padding: 0;
  border: 0;
}
.serviceMain.homecare .serviceMain__regiSta .logout > div h3 {
  color: #333;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .serviceMain.homecare .serviceMain__regiSta .logout > div h3 {
    font-size: 16px;
  }
}
.serviceMain.homecare .serviceMain__regiSta .logout > div ul {
  margin-top: 16px;
  padding: 16px;
  border: solid 1px #e1e1e1;
  border-radius: 12px;
  background-color: #fff;
}
.serviceMain.homecare .serviceMain__regiSta .logout > div ul li {
  position: relative;
}
.serviceMain.homecare .serviceMain__regiSta .logout > div ul li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 19px;
}
.serviceMain.homecare .serviceMain__regiSta .logout > div ul li p {
  padding-left: 19px;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .serviceMain.homecare .serviceMain__regiSta .logout > div ul li p {
    font-size: 14px;
  }
}
.serviceMain.homecare .serviceMain__regiSta .logout > div ul li p {
  font-weight: 500;
  background: url(../../imagesHomecare/ic_Qdot.svg) no-repeat left top 5px/16px;
  word-break: break-all;
}
.serviceMain.homecare .serviceMain__regiSta .logout > div ul li figure {
  flex-shrink: 0;
}
.serviceMain.homecare .serviceMain__regiSta .logout > div ul li img {
  width: 70px;
  height: 70px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 8px;
}
.serviceMain.homecare .serviceMain__regiSta .logout > div ul li ~ li {
  margin-top: 12px;
  padding-top: 12px;
  border-top: solid 1px #f1f1f1;
}
.serviceMain.homecare .serviceMain__regiSta .logout > div ul li button {
  margin: 12px auto 0;
  padding: 6px 26px 6px 12px;
  width: auto;
  display: block;
  color: #777;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .serviceMain.homecare .serviceMain__regiSta .logout > div ul li button {
    font-size: 12px;
  }
}
.serviceMain.homecare .serviceMain__regiSta .logout > div ul li button {
  font-weight: 500;
  border: solid 1px #e1e1e1;
  border-radius: 20px;
  background-color: #fff;
  background: url(../../imagesHomecare/arrowRight-c.svg) no-repeat right 12px center/6px;
}
.serviceMain.homecare .serviceMain__regiSta .logout + .login {
  margin-top: 25px;
}
.serviceMain.homecare .serviceMain__regiSta--banner {
  position: relative;
  padding: 20px;
  margin-top: 12px;
  border-radius: 12px;
  background: url(../../imagesHomecare/bg_findHos.png) no-repeat center/cover;
}
.serviceMain.homecare .serviceMain__regiSta--banner strong {
  position: relative;
  z-index: 2;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .serviceMain.homecare .serviceMain__regiSta--banner strong {
    font-size: 14px;
  }
}
.serviceMain.homecare .serviceMain__regiSta--banner p {
  position: relative;
  z-index: 2;
  margin-top: 2px;
  color: #777;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .serviceMain.homecare .serviceMain__regiSta--banner p {
    font-size: 12px;
  }
}
.serviceMain.homecare .serviceMain__regiSta--banner p {
  font-weight: normal;
}
.serviceMain.homecare .serviceMain__regiSta--banner:before {
  content: "";
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: linear-gradient(
    to right,
    rgba(255, 255, 255, 0.9) 3%,
    rgba(255, 255, 255, 0.39) 37%,
    rgba(255, 255, 255, 0) 97%
  );
}
.notifiComple__step {
  margin-top: 40px;
  padding: 0 20px;
}
.notifiComple__step ul {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.notifiComple__step ul:before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 13px;
  width: 80%;
  left: 50%;
  height: 3px;
  background-color: #f1f1f1;
  transform: translateX(-50%);
}
.notifiComple__step ul li {
  position: relative;
  z-index: 2;
  width: 20%;
  padding-top: 36px;
  background: no-repeat center top/28px;
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .notifiComple__step ul li {
    font-size: 12px;
  }
}
.notifiComple__step ul li {
  font-weight: 500;
  text-align: center;
}
.notifiComple__step ul li:nth-child(1) {
  background-image: url(../../imagesHomecare/icon_compleStep01.svg);
  animation: flashImage01 1s 3 1.2s forwards;
}
@keyframes flashImage01 {
  0% {
    background-image: url(../../imagesHomecare/icon_compleStep01.svg);
  }
  50% {
    background-image: url(../../imagesHomecare/icon_compleStep01_gr.svg);
  }
  100% {
    background-image: url(../../imagesHomecare/icon_compleStep01.svg);
  }
}
.notifiComple__step ul li:nth-child(1):after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 13.5px;
  left: 60%;
  width: 100%;
  border-top: dashed 2px #7e4f40;
  animation: flashLine02 1s 3 1.2s forwards;
}
@keyframes flashLine02 {
  0% {
    border-color: #7e4f40;
    width: 0%;
  }
  50% {
    border-top: rgba(0, 0, 0, 0);
    width: 0%;
  }
  100% {
    border-color: #7e4f40;
    width: 80%;
  }
}
.notifiComple__step ul li:nth-child(1):before {
  content: "매칭중";
  position: absolute;
  top: -44px;
  right: -50px;
  padding: 9px 8px 0 0;
  width: 81px;
  height: 62px;
  background: url(../../imagesHomecare/bg_whBubble.png) no-repeat center/81px;
  color: #111;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .notifiComple__step ul li:nth-child(1):before {
    font-size: 12px;
  }
}
.notifiComple__step ul li:nth-child(1):before {
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .notifiComple__step ul li:nth-child(1):before {
    padding-top: 11px;
  }
}
.notifiComple__step ul li:nth-child(2) {
  background-image: url(../../imagesHomecare/icon_compleStep02.svg);
  animation: flashImage02 0.8s steps(1) forwards;
  animation: flashImage02 1s 3 1.2s forwards;
}
@keyframes flashImage02 {
  0% {
    background-image: url(../../imagesHomecare/icon_compleStep02.svg);
  }
  50% {
    background-image: url(../../imagesHomecare/icon_compleStep02_gr.svg);
  }
  100% {
    background-image: url(../../imagesHomecare/icon_compleStep02.svg);
  }
}
.notifiComple__step ul li:nth-child(3) {
  background-image: url(../../imagesHomecare/icon_compleStep03.svg);
}
.notifiComple__step ul li:nth-child(4) {
  background-image: url(../../imagesHomecare/icon_compleStep04.svg);
}
.notifiComple__step ul li:nth-child(5) {
  background-image: url(../../imagesHomecare/icon_compleStep05.svg);
}
.notifiComple:has(.notifiComple__step) .notifiComple__txt {
  padding-top: 178px;
}
.notifiComple:has(.notifiComple__step) .notifiComple__txt .compleCheck {
  top: 47px;
}
.notifiComple__process {
  margin: 40px auto 40px;
  width: calc(100% - 40px);
  border: solid 1px #e1e1e1;
  border-radius: 12px;
}
.notifiComple__process h3 {
  padding: 12px 16px 12px 38px;
  border-radius: 12px 12px 0 0;
  background: url(../../imagesHomecare/icon_nurseComple.svg) no-repeat 16px #f6f6f6;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .notifiComple__process h3 {
    font-size: 14px;
  }
}
.notifiComple__process ol {
  position: relative;
  padding: 16px;
}
.notifiComple__process li {
  position: relative;
  padding-left: 22px;
  background: no-repeat top 3px left;
}
.notifiComple__process li:not(:last-child):after {
  content: "";
  position: absolute;
  top: 19px;
  left: 8px;
  width: 1px;
  height: 100%;
  border-right: dashed 1px #999;
}
.notifiComple__process li:nth-child(1) {
  background-image: url(../../imagesHomecare/icon_process01.svg);
}
.notifiComple__process li:nth-child(2) {
  background-image: url(../../imagesHomecare/icon_process02.svg);
}
.notifiComple__process li:nth-child(3) {
  background-image: url(../../imagesHomecare/icon_process03.svg);
}
.notifiComple__process li:nth-child(4) {
  background-image: url(../../imagesHomecare/icon_process04.svg);
}
.notifiComple__process li:nth-child(5) {
  background-image: url(../../imagesHomecare/icon_process05.svg);
}
.notifiComple__process li ~ li {
  margin-top: 8px;
}
.notifiComple__process li p {
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .notifiComple__process li p {
    font-size: 12px;
  }
}
.notifiComple__process li p {
  word-break: break-all;
}
.notifiComple.center .notifiComple__txt {
  padding-top: 280px;
}
@media screen and (max-width: 321px) {
  .notifiComple.center .notifiComple__txt {
    padding-top: 216px;
  }
}
.notifiComple.center .notifiComple__txt .compleCheck {
  top: 150px;
}
@media screen and (max-width: 321px) {
  .notifiComple.center .notifiComple__txt .compleCheck {
    top: 90px;
  }
}
.notifiCustom .pageTit {
  padding-bottom: 32px;
  border-bottom: 1px solid #e1e1e1;
}
.notifiCustom h3 {
  margin-bottom: 16px;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .notifiCustom h3 {
    font-size: 16px;
  }
}
.notifiCustom h3 span {
  display: block;
  margin-bottom: 2px;
  color: #7e4f40;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .notifiCustom h3 span {
    font-size: 12px;
  }
}
.notifiCustom h3 span {
  font-weight: bold;
}
.notifiCustom__sel {
  padding: 24px 20px;
}
.notifiCustom__sel .radioSelectCheck__box label {
  height: 174px;
  background-size: 50px;
}
.notifiCustom__sel.first .radioSelectCheck__box label {
  padding-top: 82px;
  background-position: center 24px;
}
.notifiCustom__sel.second .radioSelectCheck__box label {
  padding-top: 104px;
  background-position: center 46px;
}
.notifiCustom__popup {
  padding: 120px 20px 0;
  text-align: center;
  background-size: 64px;
  background-position: center 40px;
}
.notifiCustom__popup h3 {
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -1px;
}
@media screen and (max-width: 321px) {
  .notifiCustom__popup h3 {
    font-size: 16px;
  }
}
.notifiCustom__popup > p {
  margin: 8px 0 24px;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .notifiCustom__popup > p {
    font-size: 14px;
  }
}
@media screen and (max-width: 321px) {
  .notifiCustom__popup > p br {
    display: none;
  }
}
.notifiCustom__popup h4 {
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .notifiCustom__popup h4 {
    font-size: 14px;
  }
}
.notifiCustom__popup--info {
  display: flex;
  height: 86px;
  margin: 8px 0 0;
  border: solid 1px #e1e1e1;
  border-radius: 12px;
  background-color: #f6f6f6;
}
.notifiCustom__popup--info div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 50%;
}
.notifiCustom__popup--info div:nth-child(2) {
  position: relative;
}
.notifiCustom__popup--info div:nth-child(2) :after {
  content: "";
  position: absolute;
  left: 0;
  top: 23px;
  width: 1px;
  height: 40px;
  background-color: #e1e1e1;
}
.notifiCustom__popup--info dt {
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .notifiCustom__popup--info dt {
    font-size: 12px;
  }
}
.notifiCustom__popup--info dd {
  margin-top: 2px;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .notifiCustom__popup--info dd {
    font-size: 14px;
  }
}
.notifiCustom__popup--info dd {
  font-weight: 500;
}
.notifiCustom__popup--det {
  margin: 12px 0 10px;
  text-align: left;
}
.notifiCustom__popup--det p {
  padding: 8px 12px 8px 34px;
  margin: 0 auto;
  border-radius: 18px;
  background: url(../../imagesHomecare/icon_bulb_y.svg) no-repeat calc(50% - 141px) 10px/16px
    #fff8c4;
  text-align: center;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .notifiCustom__popup--det p {
    font-size: 12px;
  }
}
.notifiCustom__popup--det p {
  font-weight: 500;
}
@media screen and (max-width: 400px) {
  .notifiCustom__popup--det p {
    text-align: left;
    background-position: 14px 10px;
  }
}
.notifiItems__info div {
  align-items: start;
}
.notifiItems__info dd {
  overflow: visible;
  text-align: right;
  text-overflow: inherit;
  white-space: inherit;
}
.notifiRegis {
  padding-bottom: 40px;
}
.notifiRegis:last-child {
  padding-bottom: 20px;
}
.notifiRegis:has(.notifiRegis__paitDet) {
  padding-bottom: 8px;
}
.notifiRegis__grey {
  padding: 0 20px;
}
.notifiRegis__grey .notifiRegisList {
  padding-top: 16px;
}
.notifiRegis__grey--info {
  padding: 20px;
  margin-top: 24px;
  border: solid 1px #e1e1e1;
  border-radius: 12px;
  background-color: #f6f6f6;
}
.notifiRegis__grey--info li:nth-child(2) {
  padding-top: 20px;
  margin-top: 20px;
  border-top: solid 1px #e1e1e1;
}
.notifiRegis__grey--info h3 {
  margin-bottom: 12px;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .notifiRegis__grey--info h3 {
    font-size: 14px;
  }
}
.notifiRegis__grey--info h3 span {
  padding: 4px 10px;
  margin-bottom: 8px;
  border-radius: 20px;
  background-color: #fff;
  color: #7e4f40;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .notifiRegis__grey--info h3 span {
    font-size: 12px;
  }
}
.notifiRegis__grey--info p {
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .notifiRegis__grey--info p {
    font-size: 12px;
  }
}
.notifiRegis__daySel {
  padding: 0 20px;
}
.notifiRegis__daySel--form {
  margin-top: 32px;
}
.notifiRegis__daySel--form > p {
  position: relative;
  padding: 10px 8px 10px 26px;
  margin: 16px auto 32px;
  border-radius: 8px;
  background: url(../../imagesHomecare/icon_bulb_y.svg) no-repeat 8px 12px/16px #f6f6f6;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .notifiRegis__daySel--form > p {
    font-size: 12px;
  }
}
.notifiRegis__daySel--form > p {
  font-weight: 500;
}
.notifiRegis__daySel--form > p:after {
  content: "";
  position: absolute;
  right: 50%;
  bottom: -32px;
  transform: translateX(50%);
  width: 100%;
  height: 1px;
  background-color: #e1e1e1;
}
@media screen and (min-width: 500px) {
  .notifiRegis__daySel--form > p {
    background: url(../../imagesHomecare/icon_bulb_y.svg) no-repeat calc(50% - 125px) 12px/16px
      #f6f6f6;
    text-align: center;
  }
}
.notifiRegis__daySel--form.day .date-start {
  margin-left: 8px;
  width: 94px !important;
}
.notifiRegis__daySel--form.time {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.notifiRegis__daySel--form.time > div {
  width: 50%;
}
.notifiRegis__daySel--form.time .ml8 select {
  background: url(../../imagesHomecare/bgTime.svg) no-repeat right 8px center;
}
.notifiRegis__daySel--form li:last-child {
  margin-top: 20px;
}
.notifiRegis__daySel--form li > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.notifiRegis__daySel--form li > div input {
  padding-right: 44px;
}
.notifiRegis__daySel--form li > div input::-moz-placeholder {
  color: #999;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
.notifiRegis__daySel--form li > div input::placeholder {
  color: #999;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .notifiRegis__daySel--form li > div input::-moz-placeholder {
    font-size: 14px;
  }
  .notifiRegis__daySel--form li > div input::placeholder {
    font-size: 14px;
  }
}
.notifiRegis__daySel--form li > span {
  margin: 8px 0 16px 0;
  color: #777;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .notifiRegis__daySel--form li > span {
    font-size: 12px;
  }
}
.notifiRegis__daySel--form label {
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .notifiRegis__daySel--form label {
    font-size: 16px;
  }
}
.notifiRegis__daySel--form label {
  font-weight: 500;
}
.notifiRegis__daySel--total {
  padding: 20px 16px;
  margin-top: 16px;
  border: solid 1px #e1e1e1;
  border-radius: 12px;
  background-color: #f6f6f6;
}
.notifiRegis__daySel--total div {
  padding-left: 26px;
  background: no-repeat 0 5px;
}
.notifiRegis__daySel--total div:nth-child(n + 1) {
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: solid 1px #e1e1e1;
}
.notifiRegis__daySel--total div:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
.notifiRegis__daySel--total div:nth-child(-n + 2) {
  background-image: url(../../imagesHomecare/iconClock.svg);
}
.notifiRegis__daySel--total dt {
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .notifiRegis__daySel--total dt {
    font-size: 14px;
  }
}
.notifiRegis__daySel--total dd {
  margin-top: 2px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .notifiRegis__daySel--total dd {
    font-size: 14px;
  }
}
.notifiRegis__daySel--total dd strong {
  margin-top: 2px;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .notifiRegis__daySel--total dd strong {
    font-size: 16px;
  }
}
.notifiRegis__daySel--total.warning {
  border: 1px solid #dc3545;
}
.notifiRegis__daySel--total.warning strong {
  color: #dc3545;
}
.notifiRegis__daySel--warning {
  padding: 0 6px 0 18px;
  margin-top: 12px;
  background: url(../../imagesHomecare/bgWaring.svg) no-repeat left 4px/12px;
  color: #dc3545;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .notifiRegis__daySel--warning {
    font-size: 12px;
  }
}
.notifiRegis__daySel--cal {
  padding: 32px 20px;
  margin-left: -20px;
  width: calc(100% + 40px);
}
.notifiRegis__daySel--cal .calendarTimeSel__info {
  position: relative;
  padding: 18px 16px 16px;
  margin-bottom: 32px;
  border: solid 1px #e1e1e1;
  border-radius: 12px;
  background-color: #f6f6f6;
  text-align: center;
}
.notifiRegis__daySel--cal .calendarTimeSel__info:after {
  content: "";
  position: absolute;
  right: 38px;
  bottom: -16px;
  width: 32.6px;
  height: 34.7px;
  background: url(../../imagesHomecare/bgCalInfo.svg) no-repeat;
}
.notifiRegis__daySel--cal .calendarTimeSel__info h4 {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .notifiRegis__daySel--cal .calendarTimeSel__info h4 {
    font-size: 14px;
  }
}
.notifiRegis__daySel--cal .calendarTimeSel__info p {
  margin-top: 4px;
  color: #dc3545;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .notifiRegis__daySel--cal .calendarTimeSel__info p {
    font-size: 12px;
  }
}
.notifiRegis__daySel--cal .calendarTimeSel__info .outlineRouBtn {
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
}
@media screen and (max-width: 500px) {
  .notifiRegis__daySel--cal .calendarTimeSel__info {
    padding: 18px 10px 16px;
  }
  .notifiRegis__daySel--cal .calendarTimeSel__info h4,
  .notifiRegis__daySel--cal .calendarTimeSel__info p {
    text-align: left;
  }
  .notifiRegis__daySel--cal .calendarTimeSel__info .outlineRouBtn {
    right: 8px;
    padding: 6px;
    font-size: 12px;
  }
  .notifiRegis__daySel--cal .calendarTimeSel__info .outlineRouBtn:before {
    width: 12px;
    height: 12px;
    background-size: cover;
  }
}
.notifiRegis__daySel--cal .calendarTimeSel__day {
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.notifiRegis__daySel--cal .calendarTimeSel__day li {
  width: 14.2857142857%;
}
.notifiRegis__daySel--cal .calendarTimeSel__day li:nth-child(n + 2) {
  margin-left: 6px;
}
.notifiRegis__daySel--cal .calendarTimeSel__day button {
  padding: 7px 0;
  border: solid 1px #e1e1e1;
  border-radius: 8px;
  background-color: #fff;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .notifiRegis__daySel--cal .calendarTimeSel__day button {
    font-size: 14px;
  }
}
.notifiRegis__daySel--cal .calendarTimeSel__day button {
  font-weight: 500;
  text-align: center;
}
.notifiRegis__daySel--cal .calendar__tit {
  justify-content: center;
}
.notifiRegis__daySel--cal .calendar__detail--col span {
  color: #555;
}
.notifiRegis__paitDet {
  border-top: 1px solid #e1e1e1;
}
.notifiRegis__paitDet textarea {
  margin-top: 8px;
  height: 84px;
}
.notifiRegis__paitDet .notifiRegisList.imgSel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.notifiRegis__paitDet .notifiRegisList.imgSel .radioCheckSel {
  margin-top: 0;
  width: calc(33.3333% - 5px);
  text-align: center;
}
.notifiRegis__paitDet .notifiRegisList.imgSel .radioCheckSel label {
  padding: 76px 8px 14px;
  height: 129px;
  font-weight: 500;
  background: no-repeat center 18px/54px #fff;
}
@media screen and (max-width: 336px) {
  .notifiRegis__paitDet .notifiRegisList.imgSel .radioCheckSel label {
    padding: 76px 8px 14px;
  }
}
.notifiRegis__paitDet .notifiRegisList.imgSel .radioCheckSel label:after {
  display: none;
}
.notifiRegis__paitDet .notifiRegisList.imgSel .radioCheckSel label:before {
  top: 12px;
  left: auto;
  right: 12px;
  background: url(../../imagesHomecare/iconCheck.svg) no-repeat center/8.6px #e1e1e1;
  transform: none;
}
.notifiRegis__paitDet .notifiRegisList.imgSel .radioCheckSel label small {
  display: block;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .notifiRegis__paitDet .notifiRegisList.imgSel .radioCheckSel label small {
    font-size: 12px;
  }
}
.notifiRegis__paitDet .notifiRegisList.imgSel .radioCheckSel label small {
  font-weight: normal;
}
.notifiRegis__paitDet .notifiRegisList.imgSel .radioCheckSel:has(input:checked) ~ .checkBoxSel {
  display: block;
}
.notifiRegis__paitDet .notifiRegisList.imgSel .radioCheckSel input:checked + label {
  background-color: #fff1ec;
  color: #111;
  font-weight: bold;
}
.notifiRegis__paitDet .notifiRegisList.imgSel .radioCheckSel input:checked + label:before {
  border: none;
  background-color: #7e4f40;
}
.notifiRegis__paitDet .notifiRegisList.imgSel .radioCheckSel:first-child label {
  background-image: url(../../imagesHomecare/ic_patiStat_G01.svg);
}
.notifiRegis__paitDet .notifiRegisList.imgSel .radioCheckSel:nth-child(2) label {
  background-image: url(../../imagesHomecare/ic_patiStat_G02.svg);
}
.notifiRegis__paitDet .notifiRegisList.imgSel .radioCheckSel:nth-child(3) label {
  background-image: url(../../imagesHomecare/ic_patiStat_G03.svg);
}
.notifiRegis__paitDet .notifiRegisList.imgSel .checkBoxSel {
  display: none;
  margin-top: 24px;
  width: 100%;
}
.notifiRegis__paitDet .notifiRegisList.imgSel .checkBoxSel:before {
  content: "";
  position: absolute;
  top: -17px;
  left: 50%;
  z-index: 1;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: solid 1px #e1e1e1;
  background: url(../../imagesHomecare/ic_add_bk.svg) no-repeat center #fbfbfb;
  transform: translateX(-50%);
}
.notifiRegis__paitDet .notifiRegisList.imgSel .checkBoxSel:has(input:checked) {
  margin-top: 14px;
}
.notifiRegis__paitDet .notifiRegisList.imgSel .checkBoxSel:has(input:checked) + .addSel {
  display: block;
}
.notifiRegis__paitDet .notifiRegisList.imgSel .checkBoxSel:has(input:checked):before {
  display: none;
}
.notifiRegis__paitDet .notifiRegisList.imgSel .checkBoxSel label {
  justify-content: center;
  padding: 8px 16px;
  font-weight: 500;
  transition: background 0.2s ease-in 0s;
}
.notifiRegis__paitDet .notifiRegisList.imgSel .checkBoxSel label em {
  margin-left: 8px;
  color: #aeb0b5;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
}
@media screen and (max-width: 321px) {
  .notifiRegis__paitDet .notifiRegisList.imgSel .checkBoxSel label em {
    font-size: 11px;
  }
}
.notifiRegis__paitDet .notifiRegisList.imgSel .checkBoxSel label em {
  font-style: normal;
}
.notifiRegis__paitDet .notifiRegisList.imgSel .checkBoxSel label:before {
  margin-right: 0;
  width: 54px;
  height: 54px;
  border-radius: 0;
  background: url(../../imagesHomecare/ic_patiStat_H01.svg) no-repeat center/54px;
}
.notifiRegis__paitDet .notifiRegisList.imgSel .checkBoxSel label:after {
  content: "";
  position: absolute;
  top: 12px;
  right: 12px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: url(../../imagesHomecare/iconCheck.svg) no-repeat center/8.6px #e1e1e1;
}
.notifiRegis__paitDet .notifiRegisList.imgSel .checkBoxSel input:checked + label {
  color: #111;
  font-weight: bold;
}
.notifiRegis__paitDet .notifiRegisList.imgSel .checkBoxSel input:checked + label:after {
  background-color: #7e4f40;
}
.notifiRegis__paitDet .notifiRegisList.imgSel .addSel {
  margin-top: 28px;
}
.notifiRegis__paitDet .notifiRegisList.imgSel .addSel:before {
  content: "";
  position: absolute;
  top: -15px;
  left: 20px;
  z-index: 1;
  width: 40px;
  height: 25px;
  background-image: url(../../imagesHomecare/bgCareOpin.svg);
}
@media screen and (max-width: 321px) {
  .notifiRegis__paitDet .notifiRegisList.imgSel .addSel > p {
    max-width: 160px;
  }
}
.notifiRegis__paitDet .notifiRegisList.imgSel .addSel .limitTextarea {
  display: block;
}
.notifiRegis__paitDet .notifiRegisList textarea {
  display: none;
}
.notifiRegis__paitDet .notifiRegisList input:checked ~ textarea {
  display: block;
}
.notifiRegis__paitDet .notifiRegisList #isolation02:checked ~ .addSel {
  display: block;
}
.notifiRegis__paitDet .notifiRegisList #isolation02:checked ~ .addSel label {
  margin-top: 16px;
}
.notifiRegis__paitDet .notifiRegisList #request05:checked ~ .limitTextarea {
  display: block;
}
.notifiRegis__paitDet .halfSel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
}
.notifiRegis__paitDet .halfSel .radioCheckSel,
.notifiRegis__paitDet .halfSel .checkBoxSel {
  margin-top: 0 !important;
}
.notifiRegis__paitDet .halfSel .radioCheckSel label,
.notifiRegis__paitDet .halfSel .checkBoxSel label {
  padding: 14px 16px;
  text-align: center;
}
.notifiRegis__paitDet .halfSel .radioCheckSel label:before,
.notifiRegis__paitDet .halfSel .radioCheckSel label:after,
.notifiRegis__paitDet .halfSel .checkBoxSel label:before,
.notifiRegis__paitDet .halfSel .checkBoxSel label:after {
  display: none;
}
.notifiRegis__paitDet .halfSel .radioBoxSel {
  margin-left: 0 !important;
}
.notifiRegis__paitDet .halfSel .checkBoxSel label {
  display: inline-block;
  transition: background 0.2s ease-in 0s;
  line-height: 1;
}
.notifiRegis__paitDet .halfSel .addSel {
  margin-top: 6px;
}
.notifiRegis__paitDet .halfSel .addSel > p {
  padding-left: 24px;
  margin-bottom: 16px;
  background: url(../../imagesHomecare/ic_infoBox_b.svg) no-repeat 0 2px/16px;
}
.notifiRegis__paitDet .halfSel .addSel ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.notifiRegis__paitDet .halfSel .addSel ul li {
  width: calc(33.3333% - 5px);
}
.notifiRegis__paitDet .halfSel .addSel ul:has(li:nth-last-child(2) input:checked) .limitTextarea {
  display: block;
  width: 100%;
}
.notifiRegis__paitDet .halfSel li {
  width: calc(50% - 4px);
}
.notifiRegis__paitDet .halfSel:has(li:nth-last-child(2) input:checked) > .limitTextarea,
.notifiRegis__paitDet .halfSel:has(li:nth-last-child(2) input:checked) .addSel {
  display: block;
  width: 100%;
}
.notifiRegis__paitDet .limitTextarea {
  display: none;
  overflow: hidden;
  position: relative;
  margin-top: 8px;
  height: 120px;
  border: solid 1px #e1e1e1;
  border-radius: 8px;
  background-color: #fff;
}
.notifiRegis__paitDet .limitTextarea.h175 {
  height: 175px;
}
.notifiRegis__paitDet .limitTextarea.h175 textarea {
  height: 139px;
}
.notifiRegis__paitDet .limitTextarea:has(textarea:focus) {
  border: solid 1px #111;
}
.notifiRegis__paitDet .limitTextarea textarea {
  display: block;
  margin-top: 0;
  padding: 12px 12px 0;
  border: none;
  word-break: break-all;
}
.notifiRegis__paitDet .limitTextarea p {
  position: absolute;
  right: 0;
  bottom: 0;
  padding: 0 12px 12px 0;
  color: #999;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .notifiRegis__paitDet .limitTextarea p {
    font-size: 12px;
  }
}
.notifiRegis__paitDet .limitTextarea p {
  font-weight: normal;
  line-height: 18px;
  text-align: right;
}
.notifiRegis__paitDet .addSel {
  display: none;
  position: relative;
  padding: 16px 12px;
  width: 100%;
  border: solid 1px #e1e1e1;
  border-radius: 8px;
  background-color: #fff;
}
.notifiRegis__paitDet .addSel > p {
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .notifiRegis__paitDet .addSel > p {
    font-size: 12px;
  }
}
.notifiRegis__paitDet .addSel > p {
  font-weight: bold;
}
.notifiRegis__paitDet .addSel > p em {
  margin-left: 2px;
  color: #dc3545;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
}
@media screen and (max-width: 321px) {
  .notifiRegis__paitDet .addSel > p em {
    font-size: 11px;
  }
}
.notifiRegis__paitDet .addSel > p em {
  font-weight: normal;
  font-style: normal;
}
.notifiRegis__paitDet .addSel > p small {
  display: block;
  margin-bottom: 2px;
  color: #a47768;
}
.notifiRegis__paitDet .addSel > p span {
  margin-left: 8px;
  color: #aeb0b5;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
}
@media screen and (max-width: 321px) {
  .notifiRegis__paitDet .addSel > p span {
    font-size: 11px;
  }
}
.notifiRegis__paitDet .addSel > p span {
  font-weight: normal;
  vertical-align: 1px;
}
.notifiRegis__paitDet--tit {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}
.notifiRegis__paitDet--tit:has(+ .halfSel) {
  margin-bottom: 8px;
}
.notifiRegis__paitDet--tit h3,
.notifiRegis__paitDet--tit h4 {
  padding-right: 20px;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .notifiRegis__paitDet--tit h3,
  .notifiRegis__paitDet--tit h4 {
    font-size: 16px;
  }
}
.notifiRegis__paitDet--tit h3,
.notifiRegis__paitDet--tit h4 {
  line-height: 1.44;
}
.notifiRegis__paitDet--tit h3 span,
.notifiRegis__paitDet--tit h4 span {
  display: block;
  margin-bottom: 2px;
  color: #a47768;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .notifiRegis__paitDet--tit h3 span,
  .notifiRegis__paitDet--tit h4 span {
    font-size: 12px;
  }
}
.notifiRegis__paitDet--tit h3 em,
.notifiRegis__paitDet--tit h4 em {
  display: inline-block;
  margin-left: 4px;
  color: #dc3545;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
}
@media screen and (max-width: 321px) {
  .notifiRegis__paitDet--tit h3 em,
  .notifiRegis__paitDet--tit h4 em {
    font-size: 11px;
  }
}
.notifiRegis__paitDet--tit h3 em,
.notifiRegis__paitDet--tit h4 em {
  font-weight: normal;
  font-style: normal;
  vertical-align: 3px;
}
.notifiRegis__paitDet--tit figure {
  flex-shrink: 0;
  align-self: flex-end;
  position: relative;
  width: 50px;
  height: 50px;
  border: 1px solid #e1e1e1;
  border-radius: 6px;
  background-color: #f6f6f6;
}
.notifiRegis__paitDet--tit figure img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 44px;
  max-height: 44px;
  transform: translate(-50%, -50%);
}
.notifiRegis__paitDet--btn {
  margin-top: 16px;
}
.notifiRegis__paitDet--btn button {
  display: flex;
  align-items: center;
  width: auto;
}
.notifiRegis__paitDet--btn button:before {
  content: "";
  display: inline-block;
  margin-right: 7px;
  width: 16px;
  height: 16px;
  background: url(../../imagesHomecare/iconHelp.svg) no-repeat center/16px;
}
.notifiRegis__paitDet--btn u {
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .notifiRegis__paitDet--btn u {
    font-size: 12px;
  }
}
.notifiRegis__paitDet--btn u {
  font-weight: 500;
}
.notifiRegis__paitDet--careNoti {
  padding: 32px 20px;
  background-color: #fbfbfb;
}
.notifiRegis__paitDet--careNoti label {
  display: flex;
  align-items: center;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .notifiRegis__paitDet--careNoti label {
    font-size: 16px;
  }
}
.notifiRegis__paitDet--careNoti label {
  font-weight: bold;
}
.notifiRegis__paitDet--careNoti label span {
  margin-left: 8px;
  color: #aeb0b5;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
}
@media screen and (max-width: 321px) {
  .notifiRegis__paitDet--careNoti label span {
    font-size: 11px;
  }
}
.notifiRegis__paitDet--careNoti label span {
  font-weight: normal;
}
.notifiRegis__paitDet--careNoti .limitTextarea {
  display: block;
}
.notifiRegis__helpPopup {
  padding: 40px 20px 0;
  text-align: center;
}
.notifiRegis__helpPopup p {
  display: flex;
  align-items: center;
  justify-content: center;
}
.notifiRegis__helpPopup p.tal {
  display: block;
  margin: auto;
  text-align: left;
  word-break: break-all;
}
@media screen and (min-width: 801px) {
  .notifiRegis__helpPopup p.tal {
    width: 55%;
  }
}
.notifiRegis__helpPopup figure {
  position: relative;
  margin: 0 auto;
  width: 70px;
  height: 70px;
  border-radius: 6px;
  background-color: #f6f6f6;
}
.notifiRegis__helpPopup figure img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  max-height: 50px;
  transform: translate(-50%, -50%);
}
.notifiRegis__helpPopup h2 {
  margin: 16px 0 8px;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -1px;
}
@media screen and (max-width: 321px) {
  .notifiRegis__helpPopup h2 {
    font-size: 16px;
  }
}
.notifiRegis__helpPopup p {
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .notifiRegis__helpPopup p {
    font-size: 14px;
  }
}
.notifiRegis__helpPopup .addCaution {
  padding-top: 16px;
  padding-left: 22px;
  margin-top: 24px;
  border-top: 1px solid #f1f1f1;
  background: url(../../imagesHomecare/iconNoti-grey.svg) no-repeat 0 19px/16px;
  text-align: left;
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .notifiRegis__helpPopup .addCaution {
    font-size: 12px;
  }
}
.notifiRegis__helpPopup .addTxt {
  display: block;
  margin: 24px auto 0;
  padding: 14px 0 0 22px;
  border-top: 1px solid #f1f1f1;
  background: url(../../imagesHomecare/iconHelp.svg) no-repeat left top 16px/16px;
  text-align: left;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .notifiRegis__helpPopup .addTxt {
    font-size: 12px;
  }
}
.notifiRegis__helpPopup.scroll {
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px 0 0;
  margin: 0 20px;
  height: 210px;
}
.notifiRegis__helpPopup.scroll figure {
  flex-shrink: 0;
}
.notifiRegis__pait--form li .detBox span {
  padding: 14px 12px;
  width: calc(100% - 120px);
  height: 46px;
  border: solid 1px #e1e1e1;
  border-radius: 8px;
  background-color: #f6f6f6;
  color: #111;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .notifiRegis__pait--form li .detBox span {
    font-size: 14px;
  }
}
.notifiRegis__pait--form li .detBox span {
  font-weight: normal;
  text-align: left;
  line-height: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.notifiRegis__pait--form li .detBox .outlineTxtBtn {
  flex-shrink: 0;
  padding: 14px 0;
  margin-left: 8px;
  width: 112px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .notifiRegis__pait--form li .detBox .outlineTxtBtn {
    font-size: 14px;
  }
}
.notifiRegis__pait--form li .detBox .outlineTxtBtn {
  line-height: 1;
}
.notifiRegisListWrap {
  padding: 32px 20px;
  width: 100%;
  background-color: #fbfbfb;
}
.notifiStep {
  position: absolute;
  top: 62px;
  right: 50%;
  transform: translateX(50%);
  width: 100%;
  max-width: 600px;
}
.notifiStep__list {
  display: flex;
  justify-content: flex-end;
  position: relative;
  padding: 0 20px;
}
.notifiStep__list li {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 1px;
  margin-left: 6px;
  width: 18px;
  height: 18px;
  border: 1px solid #aeb0b5;
  border-radius: 50%;
  color: #aeb0b5;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
}
@media screen and (max-width: 321px) {
  .notifiStep__list li {
    font-size: 11px;
  }
}
.notifiStep__list li {
  font-weight: bold;
}
.notifiStep__list li.active {
  border: 1px solid #7e4f40;
  background-color: #fff1ec;
  color: #7e4f40;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
}
@media screen and (max-width: 321px) {
  .notifiStep__list li.active {
    font-size: 11px;
  }
}
.react-datepicker__input-container {
  width: 100%;
}
.react-datepicker__input-container input {
  background: url(../../imagesHomecare/bgCal.svg) no-repeat right 12px center;
}
.date-start {
  flex-shrink: 0;
}
.date-start .rc-time-picker {
  width: 100%;
}
.date-start .rc-time-picker .rc-time-picker-input {
  padding: 10px 12px;
  height: auto;
  border-radius: 8px;
  background: url(../../imagesHomecare/bgTime.svg) no-repeat right 12px center;
  color: #111;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .date-start .rc-time-picker .rc-time-picker-input {
    font-size: 14px;
  }
}
.date-start .rc-time-picker .rc-time-picker-input::-moz-placeholder {
  color: #555;
}
.date-start .rc-time-picker .rc-time-picker-input::placeholder {
  color: #555;
}
.rc-time-picker-icon,
.rc-time-picker-clear {
  display: none;
}
.react-datepicker__navigation-icon--previous::before,
.react-datepicker__navigation-icon--next::before {
  top: 13px !important;
  border-color: #a6a6a6 !important;
}
.reference {
  display: block;
  margin-top: 8px;
  color: #777;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .reference {
    font-size: 12px;
  }
}
.reference.mark {
  position: relative;
  padding-left: 18px;
}
.reference.mark:before {
  content: "※";
  position: absolute;
  left: 0;
  width: 16px;
  height: 20px;
}
.notifiRegis__daySel {
  padding-bottom: 32px;
}
.notifiRegis__daySel:nth-of-type(2) {
  padding-bottom: 0;
}
.notifiRegis__daySel--btn {
  margin-top: 32px;
  border-top: solid 1px #e1e1e1;
}
.notifiRegis__daySel--btn ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 10px;
  margin-top: 32px;
}
.notifiRegis__daySel--btn .radioBoxSel {
  margin-left: 0 !important;
  width: 16.6666666667%;
}
.notifiRegis__daySel--btn .radioBoxSel input + label {
  height: 40px;
}
.greyBgBubble {
  position: relative;
  padding: 16px 12px;
  margin-top: 32px;
  border: solid 1px #e1e1e1;
  border-radius: 12px;
  background-color: #f6f6f6;
}
.greyBgBubble:after {
  content: "";
  position: absolute;
  right: 30px;
  bottom: -14px;
  width: 30px;
  height: 30px;
  background: url(../../imagesHomecare/bgCalInfo.svg) no-repeat center/cover;
}
.greyBgBubble h3 {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .greyBgBubble h3 {
    font-size: 14px;
  }
}
.greyBgBubble p {
  margin-top: 4px;
  color: #dc3545;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .greyBgBubble p {
    font-size: 12px;
  }
}
.greyBgBubble .outlineRouBtn {
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
}
.patientInfo h2 {
  display: inline-block;
  padding-bottom: 8px;
  border-bottom: solid 2px #7e4f40;
  color: #7e4f40;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .patientInfo h2 {
    font-size: 16px;
  }
}
.patientInfo h2 {
  font-weight: 500;
}
.patientInfo__care {
  padding: 0 20px 40px;
}
.patientInfo__care:has(.patientWarning) .patientInfo__care--tit {
  margin-top: 0;
}
.patientInfo__care--tit {
  padding-bottom: 8px;
  margin-top: 32px;
  background-position: right 0;
  background-size: 44px;
}
.patientInfo__care--map {
  position: relative;
  z-index: 2;
  margin: 12px 0 20px;
  height: 200px;
}
.patientInfo__care--map .map__wrap {
  min-height: 200px;
  border-radius: 12px;
}
.patientInfo__care--map .zoom {
  position: absolute;
  right: 12px;
  bottom: 12px;
  z-index: 2;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: url(../../imagesHomecare/icon_zoom.svg) no-repeat center;
  background-color: #fff;
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2);
  cursor: pointer;
  font-size: 0;
  text-indent: -9999px;
}
.patientInfo__care--place .careNum {
  margin-bottom: 8px;
}
.patientInfo__care--place .careNum .basicInfoSt {
  padding: 10px 16px 10px 42px;
  background: url(../../imagesHomecare/bgCareNum.svg) no-repeat 16px center;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .patientInfo__care--place .careNum .basicInfoSt {
    font-size: 14px;
  }
}
.patientInfo__care--place .careNum .basicInfoSt {
  font-weight: 500;
}
.patientInfo__care--place .carePlace .basicInfoSt {
  padding: 16px 16px 20px;
  margin-top: 8px;
}
.patientInfo__care--place .carePlace .basicInfoSt div:nth-child(1) {
  padding-bottom: 8px;
}
.patientInfo__care--place .carePlace .basicInfoSt div dd {
  word-break: break-all;
}
.patientInfo__detail:has(.carePers) {
  padding-top: 0;
}
.patientInfo__detail:has(.carePers) .carePers:first-child {
  padding-top: 40px;
  margin-top: 0;
  border-top: solid 1px #e1e1e1;
}
.patientInfo__detail .carePers .divide {
  padding-top: 13px;
  margin-top: 11px;
  border-top: solid 1px #e1e1e1;
}
.patientInfo__detail .carePers.patient .basicInfoSt div:nth-child(even) {
  width: 60%;
}
.patientInfo__detail .carePers.patient .basicInfoSt div:nth-child(odd) {
  width: 40%;
}
.patientInfo__detail .carePers.patient .basicInfoSt div:first-child {
  width: 100% !important;
}
.patientInfo__detail .carePers.patient .basicInfoSt div:first-child dt {
  width: auto;
}
@media screen and (max-width: 321px) {
  .patientInfo__detail .carePers.patient .basicInfoSt div:nth-child(2) {
    width: 40%;
  }
}
@media screen and (max-width: 321px) {
  .patientInfo__detail .carePers.patient .basicInfoSt div:nth-child(3) {
    width: 60%;
  }
}
@media screen and (max-width: 346px) {
  .patientInfo__detail .carePers.patient .basicInfoSt div dt {
    width: auto;
  }
}
.patientInfo__detail .carePers.protector .basicInfoSt div {
  width: 50%;
}
.patientInfo__detail .carePers.protector .basicInfoSt div:last-child {
  flex-direction: column;
}
.patientInfo__detail .carePers.protector .basicInfoSt div:last-child dd {
  margin: 2px 0 0;
}
@media screen and (max-width: 346px) {
  .patientInfo__detail .carePers.protector .basicInfoSt div:nth-child(odd) {
    width: 35%;
  }
  .patientInfo__detail .carePers.protector .basicInfoSt div:nth-child(even) {
    width: 65%;
  }
}
.patientInfo__detail .carePers.nurseSchedule .basicInfoSt div {
  flex-direction: column;
  padding-left: 26px;
  margin: 12px 0 0;
  width: 100%;
  background: no-repeat 0 2px;
}
.patientInfo__detail .carePers.nurseSchedule .basicInfoSt div:nth-child(1) {
  margin-top: 0;
  background-image: url(../../imagesHomecare/iconCal.svg);
}
.patientInfo__detail .carePers.nurseSchedule .basicInfoSt div:nth-child(2) {
  background-image: url(../../imagesHomecare/iconCheckDay.svg);
}
.patientInfo__detail .carePers.nurseSchedule .basicInfoSt div:nth-child(3) {
  background-image: url(../../imagesHomecare/iconClock.svg);
}
.patientInfo__detail .carePers.nurseSchedule .basicInfoSt div:nth-child(3) dd {
  font-weight: bold;
}
.patientInfo__detail .carePers.nurseSchedule .basicInfoSt div dt {
  margin: 0;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .patientInfo__detail .carePers.nurseSchedule .basicInfoSt div dt {
    font-size: 12px;
  }
}
.patientInfo__detail .carePers.nurseSchedule .basicInfoSt div dd {
  margin: 2px 0 0;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .patientInfo__detail .carePers.nurseSchedule .basicInfoSt div dd {
    font-size: 14px;
  }
}
.patientInfo__detail .carePers.nurseSchedule .basicInfoSt div dd {
  font-weight: 500;
}
.patientInfo__detail .carePers.selectedCenter .basicInfoSt > div {
  align-items: center;
  padding-left: 26px;
  margin-bottom: 0;
  width: 100%;
  background: url(../../imagesHomecare/icon_pin.svg) no-repeat left center/16px;
}
.patientInfo__detail .carePers.selectedCenter .basicInfoSt > div dt {
  margin-top: 0;
  width: calc(100% - 78px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .patientInfo__detail .carePers.selectedCenter .basicInfoSt > div dt {
    font-size: 14px;
  }
}
.patientInfo__detail .carePers.selectedCenter .basicInfoSt > div dt {
  font-weight: 500;
}
.patientInfo__detail .carePers.selectedCenter .basicInfoSt > div dd {
  margin-left: auto;
  flex-shrink: 0;
  color: #7e4f40;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .patientInfo__detail .carePers.selectedCenter .basicInfoSt > div dd {
    font-size: 12px;
  }
}
.patientInfo__detail .carePers.selectedCenter .basicInfoSt > div dd {
  font-weight: 500;
}
.patientInfo__detail .carePers.selectedCenter .basicInfoSt > div ~ div {
  margin-top: 10px;
}
.patientInfo .headerFilter {
  background-color: #fff;
}
.patientInfo:not(:has(.comHeaderTabWrap)) .headerFilter {
  top: 50px;
}
.patientList {
  padding-bottom: 40px;
}
.patientList .noneItem {
  padding: 15vh 20px 20px;
  min-height: auto;
  background-color: rgba(0, 0, 0, 0);
}
.patientList .noneItem p {
  margin-top: 4px;
}
.patientList .noneItem .arrowBtn {
  margin-top: 16px;
}
.patientList .arrowBtn {
  margin-top: 16px;
  background-position: right 12px center;
}
.patientList__items {
  padding-top: 16px;
  margin: 16px auto 0;
  width: calc(100% - 40px);
  border-top: solid 1px #e1e1e1;
}
.patientList__items .radioCheckSel {
  position: relative;
}
.patientList__items .radioCheckSel input[type="radio"] + label {
  display: flex;
  align-items: center;
  padding: 21px 12px 21px 42px;
  word-break: break-all;
}
.patientList__items .radioCheckSel input[type="radio"] + label span {
  margin-left: 8px;
  color: #aeb0b5;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
}
@media screen and (max-width: 321px) {
  .patientList__items .radioCheckSel input[type="radio"] + label span {
    font-size: 11px;
  }
}
.patientList__items .radioCheckSel input[type="radio"] + label span {
  line-height: 1;
}
.patientList__items .radioCheckSel input:checked ~ .patientList__items--btn button {
  background-color: #fff;
}
.patientList__items .radioCheckSel input:disabled ~ label {
  padding-left: 12px;
}
.patientList__items .radioCheckSel input:disabled ~ label:before {
  display: none;
}
.patientList__items--btn {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  right: 12px;
  z-index: 1;
  transform: translateY(-50%);
}
.patientList__items--btn button {
  margin-left: 8px;
  width: 41px;
  height: 26px;
  border-radius: 18px;
  background-color: #f1f1f1;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
}
@media screen and (max-width: 321px) {
  .patientList__items--btn button {
    font-size: 11px;
  }
}
.patientList__items--btn button {
  font-weight: 500;
  text-align: center;
}
.paymentInfo h2 {
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .paymentInfo h2 {
    font-size: 16px;
  }
}
.paymentInfo__det--time dl,
.paymentInfo__det--day dl {
  padding: 20px 16px;
  margin-top: 16px;
  border: solid 1px #e1e1e1;
  border-radius: 12px;
}
.paymentInfo__det--day dl div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 6px;
}
.paymentInfo__det--day dl div dt {
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .paymentInfo__det--day dl div dt {
    font-size: 14px;
  }
}
.paymentInfo__det--day dl div dt {
  flex-shrink: 0;
}
.paymentInfo__det--day dl div dt span {
  margin-left: 4px;
  color: #dc3545;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .paymentInfo__det--day dl div dt span {
    font-size: 12px;
  }
}
.paymentInfo__det--day dl div dt span {
  font-weight: normal;
}
@media screen and (max-width: 361px) {
  .paymentInfo__det--day dl div dt span {
    display: block;
    margin-left: 0;
  }
}
.paymentInfo__det--day dl div:nth-child(n + 1):nth-child(-n + 2) dd {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .paymentInfo__det--day dl div:nth-child(n + 1):nth-child(-n + 2) dd {
    font-size: 14px;
  }
}
.paymentInfo__det--day dl div:nth-child(n + 1):nth-child(-n + 2) dd {
  font-weight: 500;
}
.paymentInfo__det--day dl div:last-child {
  padding-top: 16px;
  margin: 16px 0 0;
  border-top: solid 1px #e1e1e1;
}
.paymentInfo__det--day dl div:last-child dt {
  padding-left: 26px;
  background: url(../../imagesHomecare/ic_payInfo.svg) no-repeat left 4px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .paymentInfo__det--day dl div:last-child dt {
    padding-left: 18px;
    background-size: 14px;
  }
}
.paymentInfo__det--day dl div:last-child dd {
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .paymentInfo__det--day dl div:last-child dd {
    font-size: 16px;
  }
}
.paymentInfo__det--day dl div:last-child dd {
  font-weight: bold;
}
.paymentInfo__det--time .calendar__tit {
  display: block;
}
.paymentInfo__det--time .calendar span {
  color: #555;
}
.paymentInfo__payCard {
  position: relative;
  padding: 24px 20px 40px;
  border-top: solid 10px #f1f1f1;
}
.paymentInfo__payCard:after {
  content: "";
  position: absolute;
  top: -10px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #e1e1e1;
}
.paymentInfo__payCard .alertBoxDetail {
  margin: 16px 0;
}
.paymentInfo__payCard .cardBox__form {
  margin: 16px 0 0;
  border-color: #e1e1e1;
}
.paymentInfo.bill .paymentInfo__billTitle {
  padding: 16px 20px 0;
}
.paymentInfo.bill .paymentInfo__billTitle h2 {
  margin-top: 8px;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -1px;
}
@media screen and (max-width: 321px) {
  .paymentInfo.bill .paymentInfo__billTitle h2 {
    font-size: 16px;
  }
}
.paymentInfo.bill .paymentInfo__profile {
  padding: 24px 20px;
  text-align: center;
}
.paymentInfo.bill .paymentInfo__profile .profileCare {
  position: relative;
  padding: 30px 16px 16px;
}
.paymentInfo.bill .paymentInfo__profile .profileCare__info {
  margin-top: 12px;
}
.paymentInfo.bill .paymentInfo__profile .profileCare__pay {
  flex-wrap: wrap;
}
@media screen and (max-width: 321px) {
  .paymentInfo.bill .paymentInfo__profile .profileCare__pay {
    flex-direction: column;
    justify-content: center;
  }
}
@media screen and (max-width: 321px) {
  .paymentInfo.bill .paymentInfo__profile .profileCare__pay dd {
    padding-left: 0;
    width: auto;
  }
}
.paymentInfo.bill .paymentInfo__det {
  padding: 24px 20px;
}
.paymentInfo.bill .paymentInfo__det--time .calendar__tit {
  padding-bottom: 16px;
}
.paymentInfo.bill .paymentInfo__det--time h4 {
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .paymentInfo.bill .paymentInfo__det--time h4 {
    font-size: 16px;
  }
}
.paymentInfo.bill .paymentInfo__det--day dl {
  margin-top: 24px;
}
.payRefund {
  padding: 0 0 40px;
}
.payRefund .noneItem {
  background-color: rgba(0, 0, 0, 0);
}
.payRefund__list {
  padding: 0 20px;
}
.payRefund__list li {
  padding: 24px 0;
  border-bottom: solid 1px #f1f1f1;
}
.payRefund__list--label {
  display: flex;
  align-items: center;
  margin-bottom: 14px;
}
.payRefund__list--label span:nth-child(n + 2) {
  margin-left: 4px;
}
.payRefund__list--info > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.payRefund__list--info > div:nth-child(n + 2) {
  margin-top: 4px;
}
.payRefund__list--info > div:last-child dt,
.payRefund__list--info > div:last-child dd {
  font-weight: bold;
}
.payRefund__list--info dt,
.payRefund__list--info dd {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .payRefund__list--info dt,
  .payRefund__list--info dd {
    font-size: 14px;
  }
}
.payRefund__list--info dt {
  flex-shrink: 0;
  width: 90px;
  color: #555;
}
.payRefund__list--info dd {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.payRefund__list--btn {
  margin-top: 24px;
}
.payRefundDet {
  position: relative;
  padding: 24px 20px 0;
  margin-bottom: 40px;
  background: url(../../imagesHomecare/bgRec.svg) no-repeat right 25px #fff;
}
.payRefundDet:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -26px;
  z-index: 10;
  width: 100%;
  height: 26px;
  background: url(../../imagesHomecare/bgRecPat.png) repeat-x;
}
.payRefundDet__tit {
  padding-bottom: 18px;
  margin-bottom: 2px;
  border-bottom: solid 1px #e1e1e1;
}
.payRefundDet__tit h2 {
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .payRefundDet__tit h2 {
    font-size: 16px;
  }
}
.payRefundDet__tit h2 {
  font-weight: 500;
}
.payRefundDet__tit h2 strong {
  display: block;
  font-size: 26px;
  line-height: inherit;
  letter-spacing: -0.65px;
}
@media screen and (max-width: 321px) {
  .payRefundDet__tit h2 strong {
    font-size: 24px;
  }
}
.payRefundDet__tit p {
  padding: 10px 12px 10px 36px;
  margin-top: 16px;
  border-radius: 12px;
  background: url(../../imagesHomecare/bgNoti.svg) no-repeat 12px 12px #f6f6f6;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .payRefundDet__tit p {
    font-size: 12px;
  }
}
.payRefundDet dl {
  padding: 20px 0;
  border-top: solid 1px #e1e1e1;
}
.payRefundDet dl div {
  display: flex;
  justify-content: space-between;
}
.payRefundDet dl div:nth-child(n + 2) {
  margin-top: 4px;
}
.payRefundDet dl div dd {
  text-align: right;
}
.payRefundDet__info dt,
.payRefundDet__info dd {
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .payRefundDet__info dt,
  .payRefundDet__info dd {
    font-size: 12px;
  }
}
.payRefundDet__info dt {
  flex-shrink: 0;
  width: 86px;
}
.payRefundDet__info dd {
  font-weight: 500;
  word-break: break-all;
}
.payRefundDet__pay dt,
.payRefundDet__pay dd {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .payRefundDet__pay dt,
  .payRefundDet__pay dd {
    font-size: 14px;
  }
}
.payRefundDet__pay dt span,
.payRefundDet__pay dd span {
  display: block;
  margin-top: 2px;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .payRefundDet__pay dt span,
  .payRefundDet__pay dd span {
    font-size: 12px;
  }
}
.payRefundDet__pay dt span {
  word-break: break-all !important;
}
.payRefundDet__pay dd {
  width: 112px;
  flex-shrink: 0;
  font-weight: bold;
}
.payRefundDet__total div {
  align-items: center;
}
.payRefundDet__total dt,
.payRefundDet__total dd {
  font-weight: bold;
}
.payRefundDet__total dt {
  flex-shrink: 0;
  padding-left: 20px;
  margin-right: 10px;
  background: url(../../imagesHomecare/iconMoney.svg) no-repeat left;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .payRefundDet__total dt {
    font-size: 14px;
  }
}
.payRefundDet__total dd {
  color: #7e4f40;
  font-size: 26px;
  line-height: inherit;
  letter-spacing: -0.65px;
}
@media screen and (max-width: 321px) {
  .payRefundDet__total dd {
    font-size: 24px;
  }
}
.billing {
  padding: 40px 20px 20px;
}
.billing__tit {
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid #e1e1e1;
}
.billing__tit h2 {
  text-align: center;
  color: #111;
  font-size: 24px;
  line-height: 1.33;
  letter-spacing: -1.2px;
}
@media screen and (max-width: 321px) {
  .billing__tit h2 {
    font-size: 22px;
  }
}
.billing__tit h2 {
  font-weight: 500;
}
.billing__tit strong {
  display: block;
  margin-top: 32px;
  color: #333;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .billing__tit strong {
    font-size: 16px;
  }
}
.billing__tit strong {
  font-weight: 500;
}
.billing__tit span {
  margin-top: 8px;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .billing__tit span {
    font-size: 12px;
  }
}
.billing__tit span {
  font-weight: 500;
}
.billing__list li {
  margin-bottom: 16px;
}
.billing__list li h3 {
  margin-bottom: 2px;
  color: #111;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .billing__list li h3 {
    font-size: 14px;
  }
}
.billing__list li h3 {
  font-weight: 500;
}
.billing__list li span {
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .billing__list li span {
    font-size: 12px;
  }
}
.billing__list li span {
  font-weight: 500;
}
.billing__list li table {
  margin-top: 8px;
}
.billing__list li table tr th,
.billing__list li table tr td {
  padding: 4px 12px;
  border: solid 1px #e1e1e1;
  text-align: center;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .billing__list li table tr th,
  .billing__list li table tr td {
    font-size: 12px;
  }
}
.scrollForm {
  padding: 12px 20px 24px;
  border-bottom: solid 1px #e1e1e1;
  background-color: #fff;
}
.scrollForm.scroll01 {
  position: fixed;
  top: 0;
  left: 50%;
  z-index: 10;
  padding: 0;
  margin-top: 0;
  width: 100%;
  max-width: 600px;
  transform: translateX(-50%);
}
.scrollForm.scroll01 .scrollForm__searchArea input {
  height: 50px;
}
.scrollForm.scroll01 .scrollForm__searchArea .backBtn {
  display: block;
  height: 50px;
}
.scrollForm.scroll01 .scrollForm__searchArea .resetBtn {
  right: 42px;
  width: 24px;
  height: 50px;
}
.scrollForm.scroll01 .scrollForm__searchArea .searchBtn {
  width: 42px;
  height: 50px;
  background-size: 22px;
}
.scrollForm.scroll01 .scrollForm__searchArea input {
  padding: 13px 74px 13px 44px;
  border: 0;
}
.scrollForm.scroll02 {
  position: fixed;
  top: 50px;
  left: 50%;
  z-index: 10;
  padding: 12px 20px 12px;
  margin-top: 0;
  width: 100%;
  max-width: 600px;
  transform: translateX(-50%);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}
.scrollForm.scroll02 span {
  display: none;
}
.scrollForm__searchArea {
  position: relative;
}
.scrollForm__searchArea input {
  height: 46px;
}
.scrollForm__searchArea button {
  position: absolute;
  top: 0;
}
.scrollForm__searchArea .backBtn {
  display: none;
}
.scrollForm__searchArea .resetBtn {
  right: 28px;
  width: 24px;
  height: 46px;
  background-position: 0 center;
}
.scrollForm__searchArea .searchBtn {
  right: 0;
  width: 28px;
  height: 46px;
  background-size: 16px;
  background-position: 0 center;
}
.scrollForm span {
  padding-left: 22px;
  margin-top: 12px;
  background: url(../../imagesHomecare/iconNoti-grey.svg) no-repeat 0 2px;
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .scrollForm span {
    font-size: 12px;
  }
}
.selectPlace__checkItem {
  padding: 20px 20px 92px;
}
.selectPlace__checkItem li ~ li {
  margin-top: 12px;
}
.selectPlace__checkItem li input {
  overflow: hidden;
  position: absolute;
  padding: 0;
  margin: -1px;
  width: 1px;
  height: 1px;
  border: 0;
  clip: rect(0, 0, 0, 0);
}
.selectPlace__checkItem li input:checked + label {
  border-color: #7e4f40;
  background-color: #fff1ec;
}
.selectPlace__checkItem li input:checked + label:before {
  background-color: #7e4f40;
}
.selectPlace__checkItem li input:checked + label > strong {
  color: #7e4f40;
  font-weight: bold;
}
.selectPlace__checkItem li label {
  position: relative;
  padding: 16px 16px 16px 48px;
  width: 100%;
  border: solid 1px #e1e1e1;
  border-radius: 8px;
  background-color: #fff;
  transition: background 0.2s ease-in 0s;
  cursor: pointer;
}
.selectPlace__checkItem li label:before {
  content: "";
  position: absolute;
  top: 18px;
  left: 16px;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  background: url(../../imagesHomecare/ic_check_wh.svg) no-repeat center/12px #e1e1e1;
}
.selectPlace__checkItem li label strong {
  display: block;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .selectPlace__checkItem li label strong {
    font-size: 14px;
  }
}
.selectPlace__checkItem li label strong {
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.selectPlace__checkItem li label span {
  display: block;
  margin-top: 4px;
  color: #777;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .selectPlace__checkItem li label span {
    font-size: 12px;
  }
}
.selectPlace__checkItem li label span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.selectPlace__checkItem li label span b {
  position: relative;
  padding-right: 6px;
  margin-right: 6px;
  font-weight: 500;
}
.selectPlace__checkItem li label span b:after {
  content: "";
  position: absolute;
  top: 3px;
  right: 0;
  width: 1px;
  height: 14px;
  background-color: #e1e1e1;
}
.notifiRule:not(.notifiRule__content) .notifiPeriod {
  padding-top: 24px;
}
.notifiRule .pageTit {
  padding-top: 70px;
}
.notifiRule__content {
  padding: 16px 20px 32px;
}
.notifiRule__content:last-child {
  padding-bottom: 20px;
}
.notifiRule__content h2 {
  padding: 16px 0;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -1px;
}
@media screen and (max-width: 321px) {
  .notifiRule__content h2 {
    font-size: 16px;
  }
}
.notifiRule__content ~ .notifiPeriod {
  padding-top: 24px;
  margin-top: -8px;
  border-top: solid 1px #f1f1f1;
}
.notifiRule__content .checkBoxSel:has(label strong) input:checked + label small {
  display: none;
}
.notifiRule__content .checkSquare {
  padding-top: 24px;
  margin-top: 24px;
  border-top: solid 1px #f1f1f1;
}
.notifiRule__content--radio ul:has(#chk2_02:checked) + .notiInfoBox {
  display: block;
}
.notifiRule__content--radio .notiInfoBox {
  display: none;
}
.notifiRule__content--radio .alertTxt {
  padding: 20px 0 0 22px;
  margin-top: 40px;
  border-top: solid 1px #e1e1e1;
  background: url(../../imagesHomecare/iconNoti-grey.svg) no-repeat 0 23px;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .notifiRule__content--radio .alertTxt {
    font-size: 12px;
  }
}
.notifiRule__place {
  padding-bottom: 20px;
  width: calc(100% - 40px);
  margin: 0 auto;
}
.notifiRule__place h2 {
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -1px;
}
@media screen and (max-width: 321px) {
  .notifiRule__place h2 {
    font-size: 16px;
  }
}
.notifiRule__place--form {
  margin-top: 12px;
}
.notifiRule__place--form li {
  margin-bottom: 12px;
}
.notifiRule__place--form li > div {
  position: relative;
}
.notifiRule__place--form li > div ~ div {
  margin-top: 8px;
}
.notifiRule__place--form li label,
.notifiRule__place--form li p {
  display: block;
  margin-bottom: 8px;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .notifiRule__place--form li label,
  .notifiRule__place--form li p {
    font-size: 16px;
  }
}
.notifiRule__place--form li label,
.notifiRule__place--form li p {
  font-weight: 500;
}
.notifiRule__place--form li .txtRed {
  display: block;
  margin-top: 8px;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .notifiRule__place--form li .txtRed {
    font-size: 12px;
  }
}
.notifiRule__place--form li .btnSearch {
  display: flex;
  align-items: center;
  position: relative;
  padding: 0 12px;
  height: 46px;
  border: solid 1px #e1e1e1;
  border-radius: 8px;
  background-color: #f6f6f6;
  color: #999;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .notifiRule__place--form li .btnSearch {
    font-size: 14px;
  }
}
.notifiRule__place--form li .btnSearch:before {
  content: "";
  position: absolute;
  top: -1px;
  right: -1px;
  width: 44px;
  height: 46px;
  border-radius: 0 8px 8px 0;
  background: url(../../imagesHomecare/iconSearch.svg) no-repeat center #a1a1a1;
}
.notifiRule__place--map {
  margin-top: 24px;
}
.notifiRule__place--map > div {
  height: 200px;
  border-radius: 12px;
}
.bottomPopup__card {
  overflow: auto;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 24px 20px 0;
  width: 100%;
  max-height: 445px;
}
.bottomPopup__card li {
  display: flex;
  align-items: center;
  width: 50%;
  padding: 16px 0;
}
.bottomPopup__card li figure {
  flex-shrink: 0;
}
.bottomPopup__card li figure img {
  width: 36px;
}
.bottomPopup__card li p {
  margin-left: 16px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .bottomPopup__card li p {
    font-size: 14px;
  }
}
.bottomPopup__card li p {
  font-weight: 500;
}
.bottomPopup__card li:nth-child(1),
.bottomPopup__card li:nth-child(2) {
  padding-top: 0;
}
@media screen and (max-width: 321px) {
  .bottomPopup__card {
    padding: 24px 12px 0;
  }
}
.bottomPopup .bottomPopupWrap:has(.bottomPopup__fullPage, .bottomPopup__fullDet) {
  border-radius: 0 !important;
}
.bottomPopup__fullPage {
  overflow-y: auto;
  padding: 34px 20px 94px;
  height: 100vh;
}
.bottomPopup__fullPage figure {
  position: relative;
  flex-shrink: 0;
  width: 68px;
  height: 68px;
  border-radius: 6px;
  background-color: #f6f6f6;
}
.bottomPopup__fullPage figure img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 48px;
  max-height: 48px;
  transform: translate(-50%, -50%);
}
.bottomPopup__fullPage li {
  padding: 26px 0;
  display: flex;
  align-items: center;
}
.bottomPopup__fullPage li:first-child {
  padding-top: 0;
}
.bottomPopup__fullPage li:last-child {
  padding-bottom: 0;
}
.bottomPopup__fullPage li ~ li {
  border-top: dashed 1px #e1e1e1;
}
.bottomPopup__fullPage li div {
  margin-left: 16px;
}
.bottomPopup__fullPage li div strong {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .bottomPopup__fullPage li div strong {
    font-size: 14px;
  }
}
.bottomPopup__fullPage li div p {
  margin-top: 4px;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .bottomPopup__fullPage li div p {
    font-size: 12px;
  }
}
.bottomPopup__sign {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: 20px auto 8px;
  width: calc(100% - 40px);
  height: 200px;
  border: dashed 1px #a47768;
  border-radius: 8px;
  background-color: #fffcfb;
}
.bottomPopup__sign button {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1;
  padding: 9px 12px;
  width: auto;
  border: solid 1px #e1e1e1;
  border-radius: 17px;
  background-color: #fbfbfb;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .bottomPopup__sign button {
    font-size: 12px;
  }
}
.bottomPopup__sign button {
  font-weight: 500;
  line-height: 1;
}
.bottomPopup__sign h3 {
  color: #7e4f40;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .bottomPopup__sign h3 {
    font-size: 14px;
  }
}
.bottomPopup__sign h3 {
  font-weight: 500;
}
.popupSel {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 32px 50px 12px;
}
.popupSel div {
  padding: 8px 0;
  text-align: center;
  color: #aeb0b5;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .popupSel div {
    font-size: 16px;
  }
}
.popupSel div.active {
  padding: 16px 0;
  margin: 12px 0;
  border-top: 1px solid #7e4f40;
  border-bottom: 1px solid #7e4f40;
  color: #7e4f40;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -1px;
}
@media screen and (max-width: 321px) {
  .popupSel div.active {
    font-size: 16px;
  }
}
.popupSel div.active {
  font-weight: bold;
}
.popupSel__item:first-child {
  width: 100%;
}
.popupSel__item:first-child:nth-last-child(2) {
  flex-shrink: 0;
  width: calc(50% - 18px);
}
.popupSel__item:first-child:nth-last-child(2) ~ .popupSel__item {
  margin-left: 18px;
  width: calc(50% - 18px);
}
.popupToast {
  width: 100%;
  height: 100%;
}
.popupToast p {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 84px;
  z-index: 99;
  margin: auto;
  padding: 6px 12px;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 8px;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .popupToast p {
    font-size: 14px;
  }
}
.popupToast p {
  text-align: center;
} /*# sourceMappingURL=style.css.map */