@charset "UTF-8";
/* text mixin */
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.markPinkBrw {
  background: linear-gradient(to top, rgba(222, 141, 113, 0.19) 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;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .underlineTit__head {
    font-size: 16px;
  }
}
.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;
  font-weight: normal;
}
@media screen and (max-width: 321px) {
  .alert {
    font-size: 12px;
  }
}

.underline {
  color: #999;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
  text-decoration: underline;
}
@media screen and (max-width: 321px) {
  .underline {
    font-size: 11px;
  }
}

.underline02 {
  color: #777;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  text-decoration: underline;
}
@media screen and (max-width: 321px) {
  .underline02 {
    font-size: 14px;
  }
}

.underline03 {
  color: #777;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  text-decoration: underline;
}
@media screen and (max-width: 321px) {
  .underline03 {
    font-size: 12px;
  }
}

.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;
  line-height: 1.4;
}
@media screen and (max-width: 321px) {
  .pageTit h2 {
    font-size: 16px;
  }
}
.pageTit p {
  margin-top: 4px;
  color: #555;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  line-height: 1.5;
}
@media screen and (max-width: 321px) {
  .pageTit p {
    font-size: 14px;
  }
}
.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;
  font-weight: 500;
  vertical-align: 2px;
}
@media screen and (max-width: 321px) {
  .pageTit .progressNum {
    font-size: 11px;
  }
}
.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 #e1e1e1;
  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;
  font-weight: normal;
  white-space: nowrap;
}
@media screen and (max-width: 321px) {
  header h1 {
    font-size: 18px;
  }
}
header img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
header button {
  width: auto;
}

.comHeaderTabWrap {
  position: sticky;
  top: 50px;
  z-index: 21;
  width: 100%;
  max-width: 600px;
  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;
  text-align: center;
}
@media screen and (max-width: 321px) {
  .comHeaderTabWrap .comHeaderTab li button {
    font-size: 14px;
  }
}
.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;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
}
@media screen and (max-width: 321px) {
  .scrollTabWrap .scrollTab li button {
    font-size: 14px;
  }
}
.scrollTabWrap .scrollTab li button:after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
}
.scrollTabWrap .scrollTab::-webkit-scrollbar {
  display: none;
}

.headerComu {
  border-bottom: 0;
  background-color: transparent;
}
.headerComu .searchBtn {
  width: 24px;
  height: 24px;
  background-size: 24px;
}

/* 이 위로 수정 금지 */
/* 간병 탭 필터 */
.headerFilter {
  position: fixed;
  top: 94px;
  left: 50%;
  z-index: 9;
  padding: 24px 0 16px;
  width: 100%;
  max-width: 600px;
  background-color: #fff;
  text-align: center;
  transform: translateX(-50%);
}
@media screen and (max-width: 321px) {
  .headerFilter {
    top: 90px;
  }
}
.headerFilter.scroll {
  padding-top: 16px;
  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 {
  padding: 8px 12px;
  width: auto;
  border: solid 1px #e1e1e1;
  border-radius: 16px;
  background-color: #fff;
  color: #777;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  line-height: 1;
}
@media screen and (max-width: 321px) {
  .headerFilter__tab button {
    font-size: 12px;
  }
}
.headerFilter__tab button.active {
  border-color: transparent;
  background-color: #666;
  color: #fff;
  font-weight: 500;
}
.headerFilter__tab button:not(:last-child) {
  margin-right: 8px;
}

.headerWrap:has(.btnClose) {
  position: relative;
  padding-right: 0;
  padding-left: 20px;
}
.headerWrap:has(.btnClose) .btnClose {
  width: 50px;
  height: 50px;
  background-size: 15px;
}

/* 헤더밑에 fixed되는 항목있을때 border 삭제 */
header:has(+ main .comHeaderTabWrap),
header:has(+ main .notifiSearch.scrolled) {
  border-bottom: 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;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox  */
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;
  resize: none;
}
@media screen and (max-width: 321px) {
  textarea {
    font-size: 14px;
  }
}
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);
}

.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:has(button:nth-child(3)) {
  flex-wrap: wrap;
}
.btnWrap:has(button:nth-child(3)) button:nth-child(1),
.btnWrap:has(button:nth-child(3)) button:nth-child(2) {
  width: calc(50% - 6px);
}
.btnWrap:has(button:nth-child(3)) button:nth-child(2) {
  background-color: #fff1ec;
}
.btnWrap:has(button:nth-child(3)) button:last-child {
  margin-top: 8px;
}
.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: 760px;
}
.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: 374px;
    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;
}

.mt4 {
  margin-top: 4px !important;
}

/* 실패 & 완료 */
.failX,
.compleCheck {
  margin: 0 auto;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: no-repeat center;
}

.failX {
  background-image: url(../tutoimg/iconX-w.svg);
  background-color: #dc3545;
  background-size: 20px;
}

.compleCheck {
  background-image: url(../tutoimg/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;
  line-height: 1;
}
@media screen and (max-width: 321px) {
  input {
    font-size: 14px;
  }
}
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;
  }
}

.home {
  background: url(../tutoimg/bgHome.svg) no-repeat;
}

.hospital {
  background: url(../tutoimg/bgHospital.svg) no-repeat;
}

.timeCare {
  background: url(../tutoimg/bgTimeCare.svg) no-repeat;
}

.dayCare {
  background: url(../tutoimg/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;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .basicInfoSt.titSM dd {
    font-size: 14px;
  }
}
.basicInfoSt.titNor dt {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .basicInfoSt.titNor dt {
    font-size: 14px;
  }
}
.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;
}

.pb2 {
  padding-bottom: 2px !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;
}

.mt28 {
  margin-top: 28px !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;
}

/* 이 위로 수정 금지 */
/* 하단은 care(간병 서비스) 에만 적용 */
.btnWrap.fixed02 {
  position: fixed;
  left: 50%;
  bottom: 0;
  z-index: 21;
  justify-content: center;
  padding: 10px 20px 12px !important;
  width: 100%;
  max-width: 600px;
  background-image: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.2),
    rgba(255, 255, 255, 0.8) 8%,
    #fff 20%
  );
  transform: translateX(-50%);
}
.btnWrap.fixed02 button {
  width: calc(50% - 6px);
}
@media screen and (min-width: 600px) {
  .btnWrap.fixed02 {
    justify-content: center;
  }
  .btnWrap.fixed02 button:first-child:nth-last-child(2),
  .btnWrap.fixed02 button:first-child:nth-last-child(2) ~ button {
    max-width: 380px;
    margin: 0;
  }
  .btnWrap.fixed02 button:first-child:nth-last-child(2) {
    margin-right: 12px;
  }
}

.noticeGrey {
  padding: 20px;
  border-top: solid 1px #e1e1e1;
  background-color: #f1f1f1;
}
.noticeGrey:has(.btnWrap.fixed) {
  padding-bottom: 92px;
}
.noticeGrey__aco {
  margin-top: 16px;
}
.noticeGrey__aco:first-child {
  margin-top: 0;
}
.noticeGrey__aco:nth-of-type(2) {
  margin-top: 8px;
}
.noticeGrey__aco summary {
  position: relative;
  padding: 14px 16px 14px 54px;
  border: solid 1px #e1e1e1;
  border-radius: 8px;
  background: url(../tutoimg/acoOpen.svg) no-repeat right 16px center #f6f6f6;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
  line-height: 1;
  cursor: pointer;
}
@media screen and (max-width: 321px) {
  .noticeGrey__aco summary {
    font-size: 12px;
  }
}
.noticeGrey__aco summary span {
  position: absolute;
  top: 50%;
  left: 16px;
  padding: 4px 5px;
  margin-right: 8px;
  border: solid 1px #dc3545;
  border-radius: 20px;
  color: #dc3545;
  font-size: 10px;
  line-height: inherit;
  letter-spacing: 0.5px;
  line-height: 1;
  transform: translateY(-50%);
}
@media screen and (max-width: 321px) {
  .noticeGrey__aco summary span {
    font-size: 9px;
  }
}
.noticeGrey__aco summary::marker {
  display: inline-block;
  content: "";
}
.noticeGrey__aco summary::-webkit-details-marker {
  display: none !important;
}
.noticeGrey__aco > div p {
  margin: 4px 0;
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  line-height: 1.57;
  word-break: break-all;
}
@media screen and (max-width: 321px) {
  .noticeGrey__aco > div p {
    font-size: 12px;
  }
}
.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;
  font-weight: 500;
  font-style: normal;
}
@media screen and (max-width: 321px) {
  .noticeGrey__aco > div i {
    font-size: 12px;
  }
}
.noticeGrey__aco[open] > div {
  padding: 11.5px 16px 20px;
  border: solid 1px #e1e1e1;
  border-top: 0;
  border-radius: 0 0 8px 8px;
  background-color: #f6f6f6;
}
.noticeGrey__aco[open] summary {
  border-bottom: 0;
  border-radius: 8px 8px 0 0;
  background-image: url(../tutoimg/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;
  counter-increment: noticeNum;
}
@media screen and (max-width: 321px) {
  .noticeGrey ol li {
    font-size: 12px;
  }
}
.noticeGrey ol li:before {
  content: counter(noticeNum) ") ";
  position: absolute;
  top: 0;
  left: 0;
}
.noticeGrey > ol li {
  font-weight: 500;
}
.noticeGrey > h2 {
  padding-left: 24px;
  margin-bottom: 8px;
  background: url(../tutoimg/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;
  word-break: break-all;
}
@media screen and (max-width: 321px) {
  .noticeGrey > p {
    font-size: 12px;
  }
}
.noticeGrey .btnWrap {
  padding: 20px 0 0;
}

/* 기본 팝업 */
.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(../tutoimg/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;
  font-weight: normal;
}
@media screen and (max-width: 321px) {
  .popup .popupWrap__tit p.awards small {
    font-size: 12px;
  }
}
.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;
  counter-increment: custom-counter;
}
@media screen and (max-width: 321px) {
  .popup .popupWrap__box ol.parentheses li {
    font-size: 12px;
  }
}
.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;
  text-align: center;
}
@media screen and (max-width: 321px) {
  .popup .popupWrap__box p {
    font-size: 12px;
  }
}
.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;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 321px) {
  .popup .popupWrap__box span {
    font-size: 14px;
  }
}
.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;
  line-height: 1;
  text-align: center;
}
@media screen and (max-width: 321px) {
  .popup .popupWrap__btn button {
    font-size: 14px;
  }
}
.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(../tutoimg/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;
  text-align: center;
  transition: background 0.2s ease 0s;
}
@media screen and (max-width: 321px) {
  .bottomPopup .bottomPopupWrap .listCheck input + label {
    font-size: 14px;
  }
}
.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(../tutoimg/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;
  font-weight: normal;
  line-height: 1;
}
@media screen and (max-width: 321px) {
  .bottomPopup__titClose h2 {
    font-size: 18px;
  }
}
.bottomPopup__txtInfo {
  padding: 20px 20px 16px;
}
.bottomPopup__txtInfo p {
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  line-height: 1.38;
}
@media screen and (max-width: 321px) {
  .bottomPopup__txtInfo p {
    font-size: 14px;
  }
}
.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;
  text-align: center;
}
@media screen and (max-width: 321px) {
  .bottomPopup__vac--list h2 {
    font-size: 16px;
  }
}
.bottomPopup__vac--list > div {
  padding: 16px 36px 16px 20px;
  border: solid 1px #e1e1e1;
  border-radius: 8px;
  background: url(../tutoimg/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;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .bottomPopup__vac--list > div h3 span {
    font-size: 12px;
  }
}
.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(../tutoimg/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(../tutoimg/img_notrans.svg) no-repeat right 32px center/contain #ffeec4;
}
.bottomPopup__noTrans h3 {
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -1px;
  line-height: 1.3;
}
@media screen and (max-width: 321px) {
  .bottomPopup__noTrans h3 {
    font-size: 16px;
  }
}
.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%;
  }
}

.backBtn {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  background: url(../tutoimg/ic_back_btn.svg) no-repeat center;
  font-size: 0;
  text-indent: -9999px;
  cursor: pointer;
}

.closeBtn {
  width: 40px;
  height: 40px;
  background: url(../tutoimg/iconX.svg) no-repeat center right;
  font-size: 0;
  text-indent: -9999px;
}

.searchBtn {
  width: 22px;
  height: 22px;
  background: url(../tutoimg/iconSearch-3.svg) no-repeat center;
  font-size: 0;
  text-indent: -9999px;
}

.resetBtn {
  width: 24px;
  height: 24px;
  background: url(../tutoimg/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;
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 321px) {
  .outlineRouBtn {
    font-size: 12px;
  }
}
.outlineRouBtn:before {
  content: "";
  display: inline-block;
  background: no-repeat center;
}
.outlineRouBtn.intial {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 10px;
  width: 82px;
}
.outlineRouBtn.intial:before {
  flex-shrink: 0;
  left: 0;
  width: 16px;
  height: 16px;
  background-image: url(../tutoimg/iconIntial.svg);
  background-size: 16px;
}
.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(../tutoimg/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;
  font-weight: 500;
  line-height: 1;
  text-align: center;
}
@media screen and (max-width: 321px) {
  .outlineTxtBtn {
    font-size: 16px;
  }
}

.solidBtn {
  padding: 16px 0;
  min-height: 46px;
  border-radius: 8px;
  color: #fff;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  margin: 0 auto;
  max-width: 760px;
  background-color: #a47768 !important;
}
@media screen and (max-width: 321px) {
  .solidBtn {
    font-size: 16px;
  }
}
.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(../tutoimg/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(../tutoimg/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(../tutoimg/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;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: url(../tutoimg/arrowRight-a.svg) no-repeat right 12px center/6px #fff;
}
@media screen and (max-width: 321px) {
  .btnDiag {
    font-size: 14px;
  }
}
.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(../tutoimg/icon_x_grey.svg);
  background-size: 16px;
}

/* 고객센터 플로팅 버튼 */
.floatingBtn {
  overflow: hidden;
  position: fixed;
  left: 50%;
  z-index: 2;
  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: all 1s ease 0s;
  pointer-events: auto;
}
.floatingBtn button span {
  position: absolute;
  top: 0;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: url(../tutoimg/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;
  }
}

main:not(:has(.btnWrap)) + .floatingBtn {
  bottom: 4px;
}

/* 이 위로 수정 금지 */
@media screen and (max-width: 321px) {
  .outlineRouBtn {
    padding: 8px;
  }
}

.outlineArwBtn {
  width: -moz-fit-content;
  width: fit-content;
  padding: 8px 26px 8px 12px;
  border: 1px solid #7e4f40;
  border-radius: 16px;
  background: url(../tutoimg/arrowRight-br.svg) no-repeat right 10px center, #fff;
  color: #7e4f40;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 321px) {
  .outlineArwBtn {
    font-size: 12px;
  }
}

.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;
  font-weight: 500;
  text-align: center;
}
@media screen and (max-width: 321px) {
  .iconBtn {
    font-size: 14px;
  }
}
.iconBtn:before {
  content: "";
  display: inline-block;
  margin-right: 8px;
  width: 16px;
  height: 16px;
  background: no-repeat center/16px;
}
.iconBtn.reRegi:before {
  background-image: url(../tutoimg/iconReRegi.svg);
}
.iconBtn.cancel:before {
  background-image: url(../tutoimg/iconCanCel.svg);
}
.iconBtn.withDrawal:before {
  background-image: url(../tutoimg/iconWithDrawal.svg);
}
.iconBtn.reReque:before {
  background-image: url(../tutoimg/iconReReque.svg);
}
.iconBtn.exten:before {
  background-image: url(../tutoimg/iconExten.svg);
}
.iconBtn.view:before {
  background-image: url(../tutoimg/iconView.svg);
}
.iconBtn.select:before {
  background-image: url(../tutoimg/iconSelect.svg);
}
.iconBtn.review01:before {
  background-image: url(../tutoimg/iconReview01.svg);
}
.iconBtn.review02:before {
  background-image: url(../tutoimg/iconReview02.svg);
}
.iconBtn.edit:before {
  background-image: url(../tutoimg/iconCarePati.svg);
}

.reset {
  position: absolute;
  top: 0;
  right: 0;
  width: 46px;
  height: 46px;
  background: url(../tutoimg/icon_x_grey.svg) no-repeat right 8px 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(../tutoimg/arrowRight-3.svg) no-repeat right 12px center/8px #fff;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
  line-height: 1;
  text-align: center;
}
@media screen and (max-width: 321px) {
  .arrowBtn {
    font-size: 14px;
  }
}

.outlineTxtBtn.reSearch {
  background-color: #fff1ec;
}
.outlineTxtBtn.reSearch:before {
  content: "";
  display: inline-block;
  margin-right: 8px;
  width: 20px;
  height: 17px;
  background: url(../tutoimg/iconReSearch.svg) no-repeat center;
}

/* pdf 다운로드 버튼 */
.outlineTxtBtn.download {
  display: flex;
  align-items: center;
  justify-content: center;
}
.outlineTxtBtn.download::before {
  content: "";
  display: inline-block;
  margin-right: 8px;
  width: 20px;
  height: 20px;
  background: url(../tutoimg/ic_download_brw.svg) no-repeat center/20px;
}

.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;
  font-weight: bold;
  width: 75px;
  height: 34px;
  border: solid 1px #e1e1e1;
  border-radius: 18px;
  background: no-repeat 12px center/6px #fbfbfb;
  flex-shrink: 0;
}
@media screen and (max-width: 321px) {
  .calendar .prev,
  .calendar .next {
    font-size: 12px;
  }
}
.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(../tutoimg/arrowLeft-7.svg);
  text-align: right;
}
.calendar .prev:disabled {
  background-image: url(../tutoimg/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(../tutoimg/arrowRight-7.svg);
  background-position: right 12px center;
}
.calendar .next:disabled {
  background-image: url(../tutoimg/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;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .calendar__head span {
    font-size: 12px;
  }
}
.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;
  font-weight: 500;
  line-height: 32px;
}
@media screen and (max-width: 321px) {
  .calendar__detail--col span {
    font-size: 12px;
  }
}
.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: transparent;
}
.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: transparent;
  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: transparent !important;
}

.chartUnit {
  position: absolute;
  top: 12px;
  right: 12px;
  padding: 4px 6px;
  border: solid 1px #e1e1e1;
  border-radius: 8px;
  background-color: #fbfbfb;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
}
@media screen and (max-width: 321px) {
  .chartUnit {
    font-size: 11px;
  }
}

.axis {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px 2px 0;
  border-top: solid 1px #e1e1e1;
}
.axis span {
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
  text-align: center;
}
@media screen and (max-width: 321px) {
  .axis span {
    font-size: 11px;
  }
}

/* 세로 차트 */
.vertiChartWrap {
  display: flex;
  justify-content: space-around;
  height: 84px;
}
.vertiChartWrap__bar {
  align-self: flex-end;
  flex-shrink: 0;
  position: relative;
  width: 34px;
  border-bottom: 0;
  border: solid 1px #fc560d;
  background-color: rgba(252, 86, 13, 0.3);
}
@media screen and (max-width: 321px) {
  .vertiChartWrap__bar {
    margin-right: 4px;
    width: 30px;
  }
  .vertiChartWrap__bar:last-child {
    margin-right: 0;
  }
}
.vertiChartWrap__bar span {
  position: absolute;
  top: -35px;
  left: 50%;
  width: 30px;
  height: 26px;
  border: solid 1px #e1e1e1;
  border-radius: 8px;
  background-color: #fff;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  transform: translateX(-50%);
}
@media screen and (max-width: 321px) {
  .vertiChartWrap__bar span {
    font-size: 11px;
  }
}
.vertiChartWrap__bar span:after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 50%;
  margin-left: -7px;
  width: 14px;
  height: 7px;
  background-image: url(../tutoimg/bgChartSpan01.svg);
}
.vertiChartWrap__bar.zero {
  border: 0;
}
.vertiChartWrap__bar.zero span {
  display: none;
}
.vertiChartWrap__bar.max span {
  color: #fff;
  background: #fc560d;
}
.vertiChartWrap__bar.max span:after {
  background-image: url(../tutoimg/bgChartSpan02.svg);
}

/* 라디오 버튼 셀렉트 */
.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;
}
.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;
  font-weight: 500;
  text-align: center;
}
@media screen and (max-width: 321px) {
  .radioSelectCheck label {
    font-size: 14px;
  }
}
.radioSelectCheck label span {
  display: block;
  margin-top: 4px;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: normal;
}
@media screen and (max-width: 321px) {
  .radioSelectCheck label span {
    font-size: 12px;
  }
}

/* 기본 체크박스 스타일 */
.checkBoxSel {
  position: relative;
}
.checkBoxSel ~ .checkBoxSel {
  margin-top: 8px;
}
.checkBoxSel label {
  display: flex;
  align-items: center;
  width: 100%;
  color: #333;
  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;
}
@media screen and (max-width: 321px) {
  .checkBoxSel input[type="checkbox"] + label {
    padding: 10px 12px;
  }
}
.checkBoxSel input[type="checkbox"] + label:before {
  content: "";
  flex-shrink: 0;
  margin-right: 10px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: url(../tutoimg/iconCheck.svg) no-repeat center/8.6px #e1e1e1;
  transition: all 0.2s ease-in 0s;
}
@media screen and (max-width: 321px) {
  .checkBoxSel input[type="checkbox"] + label:before {
    width: 12px;
    height: 12px;
    background-size: 6px;
  }
}
.checkBoxSel input[type="checkbox"]:checked + label {
  color: #7e4f40;
  border-color: #7e4f40;
  font-weight: 500;
  background-color: #fff1ec;
}
.checkBoxSel input[type="checkbox"]:checked + label:before {
  color: #fff;
  background-color: #7e4f40;
}

/* 사각 체크박스 */
.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;
  font-weight: normal;
  cursor: pointer;
}
@media screen and (max-width: 321px) {
  .checkSquare input[type="checkbox"] + label {
    font-size: 14px;
  }
}
.checkSquare input[type="checkbox"] + label:before {
  content: " ";
  margin-right: 8px;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  background: url(../tutoimg/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: 14px 16px 14px 42px;
  width: 100%;
  border: solid 1px #e1e1e1;
  border-radius: 8px;
  background-color: #fff;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  line-height: 1;
  transition: background 0.2s ease-in 0s;
}
@media screen and (max-width: 321px) {
  .radioCheckSel input[type="radio"] + label {
    font-size: 14px;
  }
}
@media screen and (max-width: 321px) {
  .radioCheckSel input[type="radio"] + label {
    padding: 13.5px 8px 13.5px 28px;
  }
}
.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;
}
@media screen and (max-width: 321px) {
  .radioCheckSel input[type="radio"] + label:before {
    left: 10px;
    width: 12px;
    height: 12px;
  }
}
.radioCheckSel input[type="radio"]:checked + label,
.radioCheckSel input[type="radio"]:checked + label:before {
  border: 1px solid #7e4f40;
  background-color: #fff1ec;
  color: #7e4f40;
  font-weight: 500;
}
.radioCheckSel input[type="radio"]:checked + label:after {
  left: 20px;
  width: 8px;
  height: 8px;
  background-color: #7e4f40;
}
@media screen and (max-width: 321px) {
  .radioCheckSel input[type="radio"]:checked + label:after {
    left: 13px;
    width: 6px;
    height: 6px;
  }
}
.radioCheckSel input[type="radio"]:disabled + label {
  background-color: #f6f6f6;
  color: #aeb0b5;
}
.radioCheckSel input[type="radio"]:disabled + label small {
  color: inherit !important;
}

/* 라디오 박스 선택시 */
.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 {
  padding: 14px 0;
  margin-bottom: 0;
  width: 100%;
  border: solid 1px #e1e1e1;
  border-radius: 8px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  line-height: 1;
  text-align: center;
}
@media screen and (max-width: 321px) {
  .radioBoxSel input + label {
    font-size: 14px;
  }
}
.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: 500;
}

/* 체크박스나 라디오 클릭시 나오는 텍스트 내용 */
.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(../tutoimg/bgCompOpin.svg);
}
.checkSelTxt01 label {
  padding-left: 22px;
  background: url(../tutoimg/icon_text.svg) no-repeat 0 3px/16px;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: bold;
}
@media screen and (max-width: 321px) {
  .checkSelTxt01 label {
    font-size: 12px;
  }
}
@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;
  font-weight: normal;
  vertical-align: 1px;
}
@media screen and (max-width: 321px) {
  .checkSelTxt01 label span {
    font-size: 11px;
  }
}
.checkSelTxt01 textarea {
  padding: 12px;
}
.checkSelTxt01 p {
  padding: 8px 12px 8px 32px;
  margin-top: 12px;
  border-radius: 8px;
  background: url(../tutoimg/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;
  }
}

/* 라벨 스타일 */
.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;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .label {
    font-size: 12px;
  }
}
.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 span {
  color: #333;
}
.label.auto {
  padding-left: 24px;
  background: url(../tutoimg/ic_auto_cocoa.svg) no-repeat 8px center/14px #f6f6f6;
  color: #7e4f40;
}

.awardsLabel {
  padding: 9px 13px 1px;
  background: url(../tutoimg/img_awards_label01.svg) no-repeat 0 bottom,
    url(../tutoimg/img_awards_label02.svg) no-repeat 13px 0,
    url(../tutoimg/img_awards_label03.svg) no-repeat right bottom;
  color: #7e4f40;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .awardsLabel {
    font-size: 12px;
  }
}
@media screen and (max-width: 321px) {
  .awardsLabel {
    padding: 8px 9px 1px;
    background-size: 8px, 10px, 8px;
  }
}

.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;
  text-align: center;
}
@media screen and (max-width: 321px) {
  .noneItem p {
    font-size: 14px;
  }
}

/* 이 위로 수정 금지 */
.noneItem {
  padding-top: 22vh;
  min-height: calc(100vh - 200px);
}

.notifiItems {
  position: relative;
  border: solid 1px #e1e1e1;
  border-radius: 12px;
  background-color: #fff;
}
.notifiItems img {
  position: absolute;
  right: 12px;
  width: 40px;
  z-index: 3;
}
.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;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (max-width: 321px) {
  .notifiItems__tit h3 {
    font-size: 16px;
  }
}
.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;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .notifiItems__number p {
    font-size: 12px;
  }
}
.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 {
  flex-shrink: 0;
  color: #555;
  font-weight: bold;
}
.notifiItems__insur button {
  width: auto;
  font-weight: bold;
  text-decoration: underline;
}

/* 자동 결제 카드 등록 레이아웃 */
.cardBox h3 {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: bold;
}
@media screen and (max-width: 321px) {
  .cardBox h3 {
    font-size: 14px;
  }
}
.cardBox p {
  margin-top: 2px;
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: normal;
}
@media screen and (max-width: 321px) {
  .cardBox p {
    font-size: 12px;
  }
}
.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;
  font-weight: bold;
}
@media screen and (max-width: 321px) {
  .cardBox__form strong {
    font-size: 14px;
  }
}
.cardBox__form span {
  margin-top: 2px;
  color: #777;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: normal;
  line-height: 1.71;
}
@media screen and (max-width: 321px) {
  .cardBox__form span {
    font-size: 12px;
  }
}
.cardBox__form button {
  padding: 13px 0;
  margin-top: 12px;
  background-color: #f6f6f6;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  line-height: 1;
}
@media screen and (max-width: 321px) {
  .cardBox__form button {
    font-size: 12px;
  }
}
.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(../tutoimg/icon_add.svg) no-repeat center 36px #fff;
  text-align: center;
  color: #7e4f40;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 321px) {
  .cardBox__noCard {
    font-size: 14px;
  }
}
.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;
  font-weight: normal;
}
@media screen and (max-width: 321px) {
  .cardBox__total dl div dt {
    font-size: 12px;
  }
}
.cardBox__total dl div dd {
  color: #111;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .cardBox__total dl div dd {
    font-size: 14px;
  }
}
.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;
  font-weight: bold;
}
@media screen and (max-width: 321px) {
  .cardBox__total dl div:last-child dt {
    font-size: 14px;
  }
}
.cardBox__total dl div:last-child dd {
  color: #111;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: bold;
}
@media screen and (max-width: 321px) {
  .cardBox__total dl div:last-child dd {
    font-size: 14px;
  }
}
.cardBox__total--desc {
  padding: 12px 12px 12px 34px;
  margin-top: 20px;
  border: 1px solid #e1e1e1;
  border-radius: 12px;
  background: url(../tutoimg/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;
  font-weight: normal;
}
@media screen and (max-width: 321px) {
  .cardBox__total--desc p {
    font-size: 12px;
  }
}

.payCard01 {
  background-image: url(../tutoimg/ic_cardInfo01.svg) !important;
}
.payCard01:after {
  background-color: #009090;
}

.payCard02 {
  background-image: url(../tutoimg/ic_cardInfo02.svg) !important;
}
.payCard02:after {
  background-color: #e44b4b;
}

.payCard03 {
  background-image: url(../tutoimg/ic_cardInfo03.svg) !important;
}
.payCard03:after {
  background-color: #9badc4;
}

.payCard04 {
  background-image: url(../tutoimg/ic_cardInfo04.svg) !important;
}
.payCard04:after {
  background-color: #ffcc00;
}

.payCard05 {
  background-image: url(../tutoimg/ic_cardInfo05.svg) !important;
}
.payCard05:after {
  background-color: #dc3a49;
}

.payCard06 {
  background-image: url(../tutoimg/ic_cardInfo06.svg) !important;
}
.payCard06:after {
  background-color: #0c4ca3;
}

.payCard07 {
  background-image: url(../tutoimg/ic_cardInfo07.svg) !important;
}
.payCard07:after {
  background-color: #0046ff;
}

.payCard08 {
  background-image: url(../tutoimg/ic_cardInfo08.svg) !important;
}
.payCard08:after {
  background-color: #1434cb;
}

.payCard09 {
  background-image: url(../tutoimg/ic_cardInfo09.svg) !important;
}
.payCard09:after {
  background-color: #eb001b;
}

.payCard10 {
  background-image: url(../tutoimg/ic_cardInfo10.svg) !important;
}
.payCard10:after {
  background-color: #006fbc;
}

.payCard11 {
  background-image: url(../tutoimg/ic_cardInfo11.svg) !important;
}
.payCard11:after {
  background-color: #006a65;
}

.payCard12 {
  background-image: url(../tutoimg/ic_cardInfo12.svg) !important;
}
.payCard12:after {
  background-color: #002258;
}

.payCard13 {
  background-image: url(../tutoimg/ic_cardInfo13.svg) !important;
}
.payCard13:after {
  background-color: #002258;
}

.payCard14 {
  background-image: url(../tutoimg/ic_cardInfo14.svg) !important;
}
.payCard14:after {
  background-color: #00367f;
}

.payCard15 {
  background-image: url(../tutoimg/ic_cardInfo15.svg) !important;
}
.payCard15:after {
  background-color: #62bbb8;
}

.payCard16 {
  background-image: url(../tutoimg/ic_cardInfo16.svg) !important;
}
.payCard16:after {
  background-color: #056dae;
}

.payCard17 {
  background-image: url(../tutoimg/ic_cardInfo17.svg) !important;
}
.payCard17:after {
  background-color: #0067ac;
}

.payCard18 {
  background-image: url(../tutoimg/ic_cardInfo18.svg) !important;
}
.payCard18:after {
  background-color: #0056a7;
}

.payCard19 {
  background-image: url(../tutoimg/ic_cardInfo19.svg) !important;
}
.payCard19:after {
  background-color: #0069b4;
}

.payCard20 {
  background-image: url(../tutoimg/ic_cardInfo20.svg) !important;
}
.payCard20:after {
  background-color: #0046ff;
}

.payCard21 {
  background-image: url(../tutoimg/ic_cardInfo21.svg) !important;
}
.payCard21:after {
  background-color: #44c7f4;
}

.payCard22 {
  background-image: url(../tutoimg/ic_cardInfo22.svg) !important;
}
.payCard22:after {
  background-color: #140064;
}

.payCard23 {
  background-image: url(../tutoimg/ic_cardInfo23.svg) !important;
}
.payCard23:after {
  background-color: #ffdc00;
}

.payCard24 {
  background-image: url(../tutoimg/ic_cardInfo24.svg) !important;
}
.payCard24:after {
  background-color: #e72410;
}

.payCard25 {
  background-image: url(../tutoimg/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;
  height: 24px;
  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(../tutoimg/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;
  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;
  word-break: break-all;
}
@media screen and (max-width: 321px) {
  .profileCare__listTit--person h3 {
    font-size: 16px;
  }
}
.profileCare__listTit--person h3 span {
  margin-left: 8px;
  color: #777;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .profileCare__listTit--person h3 span {
    font-size: 12px;
  }
}
.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;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .profileCare__listTit--person dt {
    font-size: 12px;
  }
}
.profileCare__listTit--person dd {
  margin-left: 8px;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -1px;
  font-weight: bold;
}
@media screen and (max-width: 321px) {
  .profileCare__listTit--person dd {
    font-size: 16px;
  }
}
.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;
  font-weight: 500;
  line-height: 1.43;
}
@media screen and (max-width: 321px) {
  .profileCare__listTit--person p {
    font-size: 12px;
  }
}
.profileCare__listTit--person p:after {
  content: "";
  position: absolute;
  top: -11.5px;
  left: 46px;
  width: 34px;
  height: 16.1px;
  background-image: url(../tutoimg/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--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__listTit + .profileCare__desc {
  margin: -4px 0 16px;
  padding: 12px;
  width: 100%;
  background: none;
  background-color: #f6f6f6;
  border-radius: 12px;
}
.profileCare__listTit + .profileCare__desc p {
  padding: 0;
  border: none;
  border-radius: 0;
}
.profileCare__listTit + .profileCare__desc p::after {
  display: none;
}
.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;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .profileCare__info div dd {
    font-size: 14px;
  }
}
.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(../tutoimg/iconAge.svg);
}
.profileCare__info .gender01 dd:before {
  background-image: url(../tutoimg/iconGender01.svg);
}
.profileCare__info .gender02 dd:before {
  background-image: url(../tutoimg/iconGender02.svg);
}
.profileCare__info .nation01 dd:before {
  background-image: url(../tutoimg/iconNation01.svg);
}
.profileCare__info .nation02 dd:before {
  background-image: url(../tutoimg/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;
  font-weight: 500;
  text-decoration: underline;
}
@media screen and (max-width: 321px) {
  .profileCare__total--vacine button {
    font-size: 12px;
  }
}
.profileCare__total--vacine button span {
  position: absolute;
  right: -24px;
  bottom: 3px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-image: url(../tutoimg/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;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .profileCare__total div dd {
    font-size: 12px;
  }
}
.profileCare__total h3 {
  padding: 0 12px 0 21px;
  background: url(../tutoimg/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;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .profileCare__pay dt {
    font-size: 14px;
  }
}
.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;
  font-weight: bold;
}
@media screen and (max-width: 321px) {
  .profileCare__pay dd {
    font-size: 18px;
  }
}
@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;
  font-weight: normal;
}
@media screen and (max-width: 321px) {
  .profileCare__pay dd:after {
    font-size: 12px;
  }
}
.profileCare__desc {
  padding-left: 20px;
  margin-top: 12px;
  background: url(../tutoimg/iconNoti-black.svg) no-repeat left top 3px/14.2px;
}
.profileCare__desc p {
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  word-break: break-all;
  text-align: left;
}
@media screen and (max-width: 321px) {
  .profileCare__desc p {
    font-size: 12px;
  }
}
.profileCare__desc p strong {
  font-weight: 500;
}
.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;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .shadowBox h3 {
    font-size: 14px;
  }
}
.shadowBox p {
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -1px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .shadowBox p {
    font-size: 16px;
  }
}
.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(../tutoimg/iconCareCom.svg);
}

.certifi:before {
  background-image: url(../tutoimg/iconCertifi.svg);
}

.careTime:before {
  background-image: url(../tutoimg/iconCareTime.svg);
}

.carVac:before {
  background-image: url(../tutoimg/iconVac.svg);
}
.carVac button {
  margin-left: 4px;
  color: #555 !important;
}

.careCan:before {
  background-image: url(../tutoimg/iconCareCan.svg);
}

.careAcd:before {
  background-image: url(../tutoimg/iconCareAcd.svg);
}

.disabled dt,
.disabled dd,
.disabled button {
  color: #555 !important;
}
.disabled .careCom:before {
  background-image: url(../tutoimg/iconCareCom-dis.svg);
}
.disabled .certifi:before {
  background-image: url(../tutoimg/iconCertifi-dis.svg);
}
.disabled .careTime:before {
  background-image: url(../tutoimg/iconCareTime-dis.svg);
}
.disabled .carVac:before {
  background-image: url(../tutoimg/iconVac-dis.svg);
}
.disabled .careCan:before {
  background-image: url(../tutoimg/iconCareCan-dis.svg);
}
.disabled .careAcd:before {
  background-image: url(../tutoimg/iconCareAcd-dis.svg);
}


.iconBtn span {
  padding-left: 24px;
  background: url(../tutoimg/iconView.svg) no-repeat left center/16px;
}

.solidBtn span {
  padding-left: 26px;
  background: url(../tutoimg/iconCall.svg) no-repeat left center/contain;
}
.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: rgba(255, 255, 255, 0.6);
}
@keyframes loading {
  to {
    background-position: -936px 0;
  }
}
.loading__img {
  width: 234px;
  padding-bottom: 234px;
  background: url(../tutoimg/img_loading.svg) no-repeat 0 0 / auto 234px;
  transform: scale(0.4);
  animation: loading 0.5s infinite steps(4);
}

/* 신고하기 */
.report {
  padding: 24px 20px 45px;
}
.report h2 {
  margin-bottom: 16px;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .report h2 {
    font-size: 16px;
  }
}
.report__target {
  margin-bottom: 24px;
}
.report__target .basicInput__box--list {
  display: flex;
  align-items: center;
}
.report__target .basicInput__box--list label {
  display: flex;
  align-items: center;
  justify-content: center;
}
.report__target .basicInput__box--list label:before {
  content: "";
  display: inline-block;
  margin-right: 6px;
  width: 16px;
  height: 16px;
  border: 0 !important;
  background: no-repeat center/16px;
}
.report__target .basicInput__box--list .radioBoxSel.target01 label:before {
  background-image: url(../tutoimg/iconTarget01.svg);
}
.report__target .basicInput__box--list .radioBoxSel.target01 input:checked ~ label:before {
  background-image: url(../tutoimg/iconTarget01-a.svg);
}
.report__target .basicInput__box--list .radioBoxSel.target02 label:before {
  background-image: url(../tutoimg/iconTarget02.svg);
}
.report__target .basicInput__box--list .radioBoxSel.target02 input:checked ~ label:before {
  background-image: url(../tutoimg/iconTarget02-a.svg);
}
.report__target .basicInput__box--list .radioBoxSel.target03 label:before {
  background-image: url(../tutoimg/iconTarget03.svg);
}
.report__target .basicInput__box--list .radioBoxSel.target03 input:checked ~ label:before {
  background-image: url(../tutoimg/iconTarget03-a.svg);
}
.report__reason .radioCheckSel {
  margin-bottom: 8px;
}
.report__reason .radioCheckSel textarea {
  display: none;
  margin-top: 8px;
  height: 120px;
}
.report__reason .radioCheckSel input:checked ~ textarea {
  display: block;
}

.adBanner a {
  position: relative;
  height: 80px;
  border-radius: 12px;
}
.adBanner a strong {
  color: #333;
  font-size: 15px;
  line-height: 1.47;
  letter-spacing: -0.75px;
}
@media screen and (max-width: 321px) {
  .adBanner a strong {
    font-size: 13px;
  }
}
.adBanner a ~ a {
  margin-top: 12px;
}
.adBanner .AD01 {
  padding: 16px 18px 14px;
  background-image: url(../tutoimg/img_ad01.png), url(../tutoimg/bg_ad01.png);
  background-repeat: no-repeat;
  background-position: right 44px bottom, center;
  background-size: contain, cover;
}
.adBanner .AD01 button {
  position: relative;
  padding: 7px 18px 7px 8px;
  margin-top: 5px;
  width: auto;
  border-radius: 12px;
  background-color: #7e4f40;
  color: #fff;
  font-size: 10px;
  line-height: inherit;
  letter-spacing: 0.5px;
  font-weight: 500;
  letter-spacing: normal;
  line-height: 1;
}
@media screen and (max-width: 321px) {
  .adBanner .AD01 button {
    font-size: 9px;
  }
}
.adBanner .AD01 button:after {
  content: "";
  position: absolute;
  top: 8px;
  right: 8px;
  width: 5px;
  height: 8px;
  background: url(../tutoimg/arrowRight-w.svg) no-repeat center/cover;
}
.adBanner .AD02 {
  padding: 18px;
  background-image: url(../tutoimg/img_ad02.png), url(../tutoimg/bg_ad02.png);
  background-repeat: no-repeat;
  background-position: right 38px bottom, center;
  background-size: 110px, cover;
}
.adBanner .AD02 strong {
  color: #484848;
  font-size: 15px;
  line-height: 1.47;
  letter-spacing: -0.75px;
  font-weight: bold;
}
@media screen and (max-width: 321px) {
  .adBanner .AD02 strong {
    font-size: 13px;
  }
}
.adBanner .AD02 strong span {
  color: #7e4f40;
}
.adBanner .AD02 p {
  display: flex;
  align-items: center;
  color: #7b7b7b;
  font-size: 15px;
  line-height: 1.47;
  letter-spacing: -0.75px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .adBanner .AD02 p {
    font-size: 13px;
  }
}
.adBanner .AD02 p img {
  margin-top: 3px;
  width: 5px;
  margin-left: 6px;
}
.adBanner .AD03 {
  padding: 19px 16px;
  background-image: url(../tutoimg/icon_compensa.png);
  background-color: #f6f6f6;
  background-repeat: no-repeat;
  background-position: right 15px center;
  background-size: 65px;
}
.adBanner .AD03 strong {
  color: #7e4f40;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: bold;
}
@media screen and (max-width: 321px) {
  .adBanner .AD03 strong {
    font-size: 12px;
  }
}
.adBanner .AD03 p {
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .adBanner .AD03 p {
    font-size: 12px;
  }
}
.adBanner .AD03 p strong {
  color: #333;
}
.adBanner .AD03 p img {
  display: inline-block;
  width: 6px;
  margin-left: 6px;
}
.adBanner .ad {
  position: absolute;
  right: 10px;
  bottom: 10px;
  padding: 5px 6px;
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.34);
  color: #fff;
  font-size: 10px;
  line-height: inherit;
  letter-spacing: 0.5px;
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 321px) {
  .adBanner .ad {
    font-size: 9px;
  }
}

.notifiRegis {
  /* 환자 정보 입력 */
}
.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;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .notifiRegis__pait h3 {
    font-size: 16px;
  }
}
.notifiRegis__pait--tit {
  margin-bottom: 16px;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .notifiRegis__pait--tit {
    font-size: 16px;
  }
}
.notifiRegis__pait--tit strong {
  color: #7e4f40;
}
.notifiRegis__pait--tit.check {
  padding-left: 25px;
  background: url(../tutoimg/ic_checkCircle-brown.svg) no-repeat left center/18px;
}
.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;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .notifiRegis__pait--form li > label {
    font-size: 16px;
  }
}
.notifiRegis__pait--form li > label span {
  color: #999;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
  font-weight: normal;
}
@media screen and (max-width: 321px) {
  .notifiRegis__pait--form li > label span {
    font-size: 11px;
  }
}
.notifiRegis__pait--form li > label.half {
  width: calc(50% + 4px);
}
.notifiRegis__pait--form li > label button {
  margin-left: 8px;
  width: auto;
  color: #999;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
  font-weight: normal;
  text-decoration: underline;
}
@media screen and (max-width: 321px) {
  .notifiRegis__pait--form li > label button {
    font-size: 11px;
  }
}
.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:has(input) span {
  flex-shrink: 0;
  width: 35px;
  color: #7e4f40;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
  text-align: right;
}
@media screen and (max-width: 321px) {
  .notifiRegis__pait--form li > div:has(input) span {
    font-size: 14px;
  }
}
.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;
  font-style: normal;
}
@media screen and (max-width: 321px) {
  .notifiRegis__pait--form li em {
    font-size: 12px;
  }
}
.notifiRegis__pait--form li.checkBoxSel p {
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: normal;
}
@media screen and (max-width: 321px) {
  .notifiRegis__pait--form li.checkBoxSel p {
    font-size: 14px;
  }
}
.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;
  font-weight: normal;
  background: url(../tutoimg/icon_arrowDown_c1.svg) no-repeat right 12px center/10px;
}
@media screen and (max-width: 321px) {
  .notifiRegis__pait--form li .btnSel {
    font-size: 14px;
  }
}
.notifiRegis__pait--form li:has(input[type="checkbox"]:checked) .limitTextareaWrap {
  display: block;
  margin: 32px -20px -40px -20px;
  padding: 20px;
  background-color: #f6f6f6;
}
.notifiRegis__pait--form li:has(input[type="checkbox"]:checked) .limitTextareaWrap .limitTextarea {
  margin-top: 0;
  display: block;
}
.notifiRegis__pait--form li:has(input[type="checkbox"]:checked) .limitTextareaWrap:before {
  content: "";
  position: absolute;
  top: -17px;
  left: 20px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 17px solid #f6f6f6;
}
.notifiRegis__pait--form textarea {
  height: 120px;
}
.notifiRegis__pait.pb32:has(input[type="checkbox"]:checked) .limitTextareaWrap {
  margin-bottom: -32px;
}
.notifiRegis__pait .basicInfoSt:has(.notifiRegis__pait--form) {
  background-color: #fbfbfb !important;
}
.notifiRegis__pait .basicInfoSt:has(.notifiRegis__pait--form) .notifiRegis__pait--form {
  margin-top: 0;
  padding: 16px 12px;
}
.notifiRegis__pait .basicInfoSt:has(.notifiRegis__pait--form) .notifiRegis__pait--form label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .notifiRegis__pait .basicInfoSt:has(.notifiRegis__pait--form) .notifiRegis__pait--form label {
    font-size: 14px;
  }
}
.notifiRegis__pait .basicInfoSt:has(.notifiRegis__pait--form) .notifiRegis__pait--form label span {
  margin-left: 8px;
}

.limitTextarea {
  display: none;
  overflow: hidden;
  position: relative;
  margin-top: 8px;
  height: 120px;
  border: solid 1px #e1e1e1;
  border-radius: 8px;
  background-color: #fff;
}
.limitTextarea:has(textarea:focus) {
  border: solid 1px #111;
}
.limitTextarea textarea {
  padding: 12px 12px 0;
  height: 84px;
  border: none;
  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;
  font-weight: normal;
  line-height: 18px;
  text-align: right;
}
@media screen and (max-width: 321px) {
  .limitTextarea p {
    font-size: 12px;
  }
}

/* 공고 등록 전구 텍스트 박스 */
.bulbInfoBox {
  padding: 8px 10px 8px 26px;
  border-radius: 8px;
  background: url(../tutoimg/icon_bulb_y.svg) no-repeat left 8px top 10px/16px #f6f6f6;
}
.bulbInfoBox p {
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
  word-break: break-all;
}
@media screen and (max-width: 321px) {
  .bulbInfoBox p {
    font-size: 12px;
  }
}

/* 공고 등록 회색 원 느낌표 텍스트 박스 (보더 라인 있음) */
.notiInfoBox {
  padding: 12px 12px 12px 34px;
  border: solid 1px #e1e1e1;
  border-radius: 12px;
  background-color: #f6f6f6;
  background: url(../tutoimg/iconNoti-greyWh.svg) no-repeat left 12px top 14px/16px #f6f6f6;
}
.notiInfoBox p {
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .notiInfoBox p {
    font-size: 12px;
  }
}

/* 공고 등록 - 검색 */
.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(../tutoimg/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: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;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (max-width: 321px) {
  .notifiPlace__result ul li p {
    font-size: 14px;
  }
}
.notifiPlace__result ul li span {
  display: block;
  margin-top: 4px;
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (max-width: 321px) {
  .notifiPlace__result ul li span {
    font-size: 12px;
  }
}

/* 공고 등록 - 검색 팝업 */
.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;
  font-weight: bold;
}
@media screen and (max-width: 321px) {
  .popupWrap .notifiSearch__form--tit label {
    font-size: 16px;
  }
}
.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;
  white-space: nowrap;
}
@media screen and (max-width: 321px) {
  .popupWrap .notifiSearch__form--input div.detBox span {
    font-size: 14px;
  }
}
@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;
}

.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(../tutoimg/ic_confetti01.svg) no-repeat center;
  }
  50% {
    background: url(../tutoimg/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;
  /*  right: -28.75%; */
  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;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .notifiComple__progress ul li .numCircle {
    font-size: 12px;
  }
}
.notifiComple__progress ul li .numCircle.two {
  background-image: url(../tutoimg/icon_step_2.svg);
}
.notifiComple__progress ul li .numCircle.three {
  background-image: url(../tutoimg/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;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .notifiComple__progress ul li h3 {
    font-size: 12px;
  }
}
.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(../tutoimg/icon_step_chk_brw.svg);
  animation: flashImage 1s 3 1.2s forwards;
}
@keyframes flashImage {
  0% {
    background-image: url(../tutoimg/icon_step_chk_brw.svg);
  }
  50% {
    background-image: url(../tutoimg/icon_step_chk.svg);
  }
  100% {
    background-image: url(../tutoimg/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: transparent;
  }
  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(../tutoimg/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;
  font-weight: bold;
}
@media screen and (max-width: 321px) {
  .botWrap__ban strong {
    font-size: 12px;
  }
}
.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;
  font-weight: 500;
  background: url(../tutoimg/arrowRight-c.svg) no-repeat right;
}
@media screen and (max-width: 321px) {
  .botWrap__ban p {
    font-size: 12px;
  }
}

.doneCaution {
  padding: 0 20px;
}
.doneCaution__wrap {
  padding-top: 12px;
  border-top: 1px solid #e1e1e1;
}
.doneCaution__wrap p {
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .doneCaution__wrap p {
    font-size: 12px;
  }
}
.doneCaution__titWrap {
  padding-top: 20px;
  border-top: solid 1px #e1e1e1;
}
.doneCaution__titWrap h4 {
  padding-left: 22px;
  margin-bottom: 8px;
  background: url(../tutoimg/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;
}
.doneCaution__titWrap p {
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .doneCaution__titWrap p {
    font-size: 12px;
  }
}

/* 지원한 케어메이트 목록 */
.alyCagiv {
  padding: 0 20px 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: 75px;
  min-height: calc(100vh - 140px);
  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 li ~ li {
  margin-top: 20px;
}
.alyCagiv__list .profileCare__total {
  padding-top: 10px;
}
.alyCagiv__list .profileCare__total--trade {
  padding: 0;
  border-bottom: 0;
}
.alyCagiv .comHeaderTabWrap {
  margin: 0 -20px;
  width: auto;
}

.license__alertTxt {
  padding: 0 20px;
  margin-top: 24px;
}
.license__alertTxt p {
  padding: 9px 12px 9px 34px;
  border: solid 1px #ffdd00;
  border-radius: 16px;
  background: url(../tutoimg/iconNoti.svg) no-repeat 12px center/16px #fff8c4;
  color: #111;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  line-height: 1;
}
@media screen and (max-width: 321px) {
  .license__alertTxt p {
    font-size: 12px;
  }
}
.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;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-align: center;
  word-break: break-all;
}
@media screen and (max-width: 321px) {
  .license__list li h3 {
    font-size: 12px;
  }
}
.license__list li h3 small {
  padding-left: 2px;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
  font-weight: normal;
}
@media screen and (max-width: 321px) {
  .license__list li h3 small {
    font-size: 11px;
  }
}
.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 img {
  width: 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: 100vw;
  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(../tutoimg/ic_slideBtn_left.svg);
}
.licenseDet .slideImgWrap__btn button.right {
  background-image: url(../tutoimg/ic_slideBtn_right.svg);
}
.licenseDet .slideImgWrap__tit {
  position: fixed;
  bottom: 0;
  padding: 27px 20px 31px;
  width: 100vw;
  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;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  word-break: break-all;
}
@media screen and (max-width: 321px) {
  .licenseDet .slideImgWrap__tit p {
    font-size: 16px;
  }
}
.licenseDet .slick-track {
  height: 100vh;
}
.licenseDet .slick-arrow {
  display: none !important;
}

/* 케어메이트 자격증 상세 헤더 */
.transparent {
  border: none;
  background-color: transparent;
  transition: opacity 0.5s ease 0s;
}
.transparent .headerWrap {
  background-color: rgba(0, 0, 0, 0.5);
}
.transparent .backBtn {
  background-image: url(../tutoimg/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;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .transparent .pageNum p span {
    font-size: 14px;
  }
}

/* 결제 완료 & 실패 */
.paymentStatus {
  padding: 110px 20px 40px;
}
@media screen and (max-width: 321px) {
  .paymentStatus {
    padding-top: 90px;
  }
}
.paymentStatus__fail,
.paymentStatus__comple {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.paymentStatus__fail h2,
.paymentStatus__comple h2 {
  margin-top: 18px;
  color: #333;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
  font-weight: bold;
}
@media screen and (max-width: 321px) {
  .paymentStatus__fail h2,
  .paymentStatus__comple h2 {
    font-size: 16px;
  }
}
.paymentStatus__fail p,
.paymentStatus__comple p {
  margin-top: 12px;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .paymentStatus__fail p,
  .paymentStatus__comple p {
    font-size: 14px;
  }
}
.paymentStatus__fail .compleCheck,
.paymentStatus__comple .compleCheck {
  background: url(../tutoimg/iconCheck_yw.svg) no-repeat center;
}
.paymentStatus__fail {
  padding-top: 30px;
}
.paymentStatus__fail .failX {
  background-size: 20px;
}
.paymentStatus .paymentPayerList {
  margin-top: 48px;
}
.paymentStatus .paymentPayerList li {
  padding: 24px 0;
  border: none;
  border-radius: 0;
  border-top: solid 1px #f1f1f1;
  border-bottom: solid 1px #f1f1f1;
  background-color: #fff;
}
.paymentStatus .paymentPayerList li:nth-last-child(n + 2),
.paymentStatus .paymentPayerList li:nth-last-child(n + 2) ~ .paymentStatus .paymentPayerList li {
  border-bottom: none;
}
.paymentStatus .paymentPayerList li h3 {
  margin-bottom: 4px;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .paymentStatus .paymentPayerList li h3 {
    font-size: 12px;
  }
}
.paymentStatus .paymentPayerList li p,
.paymentStatus .paymentPayerList li b {
  color: #333;
  font-weight: bold;
}
.paymentStatus .paymentPayerList li b {
  margin-left: 4px;
}
.paymentStatus .paymentPayerList li span {
  padding: 4px 8px;
  width: auto;
  height: auto;
  border: none;
  border-radius: 4px;
  background-color: #f9f0ed;
  color: #7e4f40;
  font-weight: 500;
}
.paymentStatus .paymentPayerList li span.fail {
  color: #555;
  background-color: #f6f6f6;
}

/* 한 줄 평 */
.review {
  /* 별점 체크 */
  /* 한 줄 평 전체 보기*/
  /** 한 줄 평 정보 - 평점 **/
  /** 한 줄 평 정보 - 점수 **/
  /* 한 줄 평 남기기 - 케어메이트 프로필 정보 */
  /* 한 줄 평 남기기 - 항목별 체크*/
  /* 한 줄 평 남기기 - 텍스트  */
}
.review .reviewChkList {
  padding-top: 20px;
}
.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;
  font-weight: 500;
  line-height: 1;
  text-align: center;
}
@media screen and (max-width: 321px) {
  .review .reviewChkList li h4 {
    font-size: 12px;
  }
}
.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;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .review__care--tit p span {
    font-size: 14px;
  }
}
.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(../tutoimg/iconNoti-grey.svg) no-repeat 12px center/20px;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 321px) {
  .review__care--info button {
    font-size: 12px;
  }
}
.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;
  font-weight: normal;
  text-decoration: underline;
  transform: translateY(-50%);
}
@media screen and (max-width: 321px) {
  .review__care--info span {
    font-size: 12px;
  }
}
.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(../tutoimg/iconStar.svg) no-repeat 0 center;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: bold;
}
@media screen and (max-width: 321px) {
  .review__total--list a span {
    font-size: 14px;
  }
}
.review__total--list a span:after {
  content: "";
  display: inline-block;
  margin-left: 10px;
  width: 8px;
  height: 14px;
  background-image: url(../tutoimg/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;
  font-weight: 500;
}
@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.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) small.label06 {
  color: #5c3f9b;
}
.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;
  word-break: break-all;
}
@media screen and (max-width: 321px) {
  .review__total--list p {
    font-size: 14px;
  }
}
.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__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;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .review__infoTotal--box h2 {
    font-size: 16px;
  }
}
.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;
  font-weight: bold;
}
@media screen and (max-width: 321px) {
  .review__infoTotal--box p {
    font-size: 24px;
  }
}
.review__infoTotal--box p:before {
  content: "";
  display: inline-block;
  margin-right: 12px;
  width: 24px;
  height: 24px;
  background: url(../tutoimg/iconStar.svg) no-repeat center/24px;
}
.review__infoDet {
  padding: 24px 20px;
}
.review__infoDet h3 {
  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;
  font-weight: normal;
}
@media screen and (max-width: 321px) {
  .review__infoDet h3 time {
    font-size: 11px;
  }
}
.review__infoDet--list {
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: solid 1px #e1e1e1;
}
.review__infoDet--list h3 {
  margin-bottom: 0;
}
.review__infoDet--txt p {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  margin-top: 10px;
  word-break: break-all;
}
@media screen and (max-width: 321px) {
  .review__infoDet--txt p {
    font-size: 14px;
  }
}
.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(../tutoimg/arrowTop-3.svg);
}
.review__profile--info.on .reviewInfo {
  display: block;
}
.review__profile--info h3 button {
  padding: 11px 0;
  background: url(../tutoimg/arrowBottom-3.svg) no-repeat right 12px center;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
  text-align: center;
}
@media screen and (max-width: 321px) {
  .review__profile--info h3 button {
    font-size: 14px;
  }
}
.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;
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (max-width: 321px) {
  .review__profile--info .reviewInfo p,
  .review__profile--info .reviewInfo dd {
    font-size: 14px;
  }
}
.review__profile--info .reviewInfo dt {
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  line-height: 1.71;
}
@media screen and (max-width: 321px) {
  .review__profile--info .reviewInfo dt {
    font-size: 12px;
  }
}
.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(../tutoimg/bgCareNum02.svg);
  background-position: 4px 20px;
}
.review__profile--info .reviewInfo p:nth-child(2) {
  background-image: url(../tutoimg/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(../tutoimg/bgCareDay01.svg);
}
.review__profile--info .reviewInfo .careInfo .careFinsih {
  background-image: url(../tutoimg/bgCareDay02.svg);
}
.review__profile--info .reviewInfo .careInfo .carePlace {
  background-image: url(../tutoimg/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(../tutoimg/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 > label,
.review__uniform h3,
.review__uniform > label,
.review__textarea h3,
.review__textarea > label {
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .review__check h3,
  .review__check > label,
  .review__uniform h3,
  .review__uniform > label,
  .review__textarea h3,
  .review__textarea > label {
    font-size: 16px;
  }
}
.review__check h3 span,
.review__check > label span,
.review__uniform h3 span,
.review__uniform > label span,
.review__textarea h3 span,
.review__textarea > label span {
  margin-left: 8px;
  color: #dc3545;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
  font-weight: normal;
  vertical-align: 3px;
}
@media screen and (max-width: 321px) {
  .review__check h3 span,
  .review__check > label span,
  .review__uniform h3 span,
  .review__uniform > label span,
  .review__textarea h3 span,
  .review__textarea > label span {
    font-size: 11px;
  }
}
.review__check {
  padding: 32px 20px;
}
.review__textarea {
  padding: 32px 20px;
}
.review__textarea label {
  margin-bottom: 10px;
  font-weight: bold;
}
.review__textarea textarea {
  height: 120px;
}

/* 지원한 케어메이트 상세 > 케어메이트가 받은 한 줄 평 */
.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;
}

/* 메인 검색 페이지 */
.search {
  min-height: 300px;
  /* 검색창 */
  /* 최근검색어 */
  /* 현재검색 */
}
.search .searchBtn {
  background-image: url(../tutoimg/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: transparent;
}
.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(../tutoimg/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;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .search__input--filter dl dt,
  .search__input--filter dl dd {
    font-size: 12px;
  }
}
.search__input--filter dl dd {
  margin-left: 2px;
}
.search__input--filter button {
  padding-right: 18px;
  width: auto;
  background: url(../tutoimg/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 {
  display: flex;
  align-items: center;
}
.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 button {
  margin-left: 8px;
  color: #aeb0b5;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
  line-height: 1;
}
@media screen and (max-width: 321px) {
  .search__recent--tit button {
    font-size: 11px;
  }
}
.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(../tutoimg/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;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (max-width: 321px) {
  .search__recent--list li a {
    font-size: 14px;
  }
}
.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(../tutoimg/iconSearch-cir.svg) no-repeat 20px center/24px;
  color: #555;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (max-width: 321px) {
  .search__now--list li {
    font-size: 14px;
  }
}
.search__now--list li:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  width: 6px;
  height: 10px;
  background: url(../tutoimg/arrowRight-a.svg) no-repeat center/cover;
}
.search__now--list li:hover {
  background-color: #f6f6f6;
}

/* 간병인배상책임보험 가입증명서 */
.insurance {
  position: relative;
  padding: 12px;
  margin: 26px auto 20px;
  width: calc(100% - 40px);
  border: solid 1px #f1f1f1;
  border-radius: 0 0 12px 12px;
  background-color: #fff;
}
.insurance:after {
  content: "";
  position: absolute;
  top: -23px;
  left: 0;
  width: 100%;
  height: 24px;
  background-image: url(../tutoimg/bgPunch02.svg);
}
.insurance__tit {
  padding-top: 44px;
  background: url(../tutoimg/titBronzeBg.svg) no-repeat center 12px;
  text-align: center;
}
.insurance__tit h2 {
  margin-bottom: 2px;
  font-size: 24px;
  line-height: 1.33;
  letter-spacing: -1.2px;
}
@media screen and (max-width: 321px) {
  .insurance__tit h2 {
    font-size: 22px;
  }
}
.insurance__tit h3 {
  color: #999;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .insurance__tit h3 {
    font-size: 14px;
  }
}
.insurance__colorBox {
  padding: 16px 12px;
  margin: 20px 0;
  border: solid 1px #f9d6ca;
  border-radius: 12px;
  background-color: #fffcfb;
}
.insurance__colorBox div {
  display: flex;
  margin-bottom: 8px;
}
.insurance__colorBox div:last-child {
  margin-bottom: 0;
}
.insurance__colorBox dt,
.insurance__colorBox dd {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .insurance__colorBox dt,
  .insurance__colorBox dd {
    font-size: 14px;
  }
}
.insurance__colorBox dt {
  flex-shrink: 0;
  width: 84px;
  color: #333;
}
@media screen and (max-width: 321px) {
  .insurance__colorBox dt {
    width: 62px;
  }
}
.insurance__colorBox dd {
  font-weight: 500;
  word-break: break-all;
}
.insurance__str {
  padding-bottom: 24px;
  margin-top: -4px;
  margin-bottom: 24px;
  border-bottom: solid 1px #e1e1e1;
}
.insurance__str p {
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .insurance__str p {
    font-size: 12px;
  }
}
.insurance__txt p {
  color: #777;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .insurance__txt p {
    font-size: 12px;
  }
}
.insurance__txt p:nth-child(n + 2) {
  margin-top: 8px;
}
.insurance__det {
  padding-top: 32px;
  margin-top: 32px;
  border-top: solid 1px #e1e1e1;
}
.insurance__det.usage {
  padding-top: 0;
  border: 0;
}
.insurance__det.usage dt {
  width: 90px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .insurance__det.usage dt {
    width: 64px;
  }
}
.insurance__det.usage dd {
  text-align: left;
}
.insurance__det h4 {
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .insurance__det h4 {
    font-size: 14px;
  }
}
.insurance__det--warr {
  overflow: hidden;
  margin: 10px 0 12px;
  border: solid 1px #e1e1e1;
  border-radius: 8px;
}
.insurance__det--warr div {
  display: flex;
  justify-content: space-between;
}
.insurance__det--warr div:nth-child(1) dt,
.insurance__det--warr div:nth-child(1) dd {
  padding-top: 12px;
}
.insurance__det--warr div:last-child dt,
.insurance__det--warr div:last-child dd {
  padding-bottom: 12px;
}
.insurance__det--warr dt,
.insurance__det--warr dd {
  padding: 2px 12px;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  line-height: 1.57;
}
@media screen and (max-width: 321px) {
  .insurance__det--warr dt,
  .insurance__det--warr dd {
    font-size: 12px;
  }
}
.insurance__det--warr dt {
  flex-shrink: 0;
  width: 72px;
  background-color: #f6f6f6;
  color: #555;
}
@media screen and (max-width: 321px) {
  .insurance__det--warr dt {
    width: 66px;
  }
}
.insurance__det--warr dd {
  width: 100%;
  color: #333;
  text-align: right;
}
.insurance__det--terms {
  overflow: hidden;
  margin-bottom: 12px;
  border-radius: 8px;
  border: solid 1px #e1e1e1;
  background: url(../tutoimg/bgLogo-lightGr.svg) no-repeat center;
}
.insurance__det--terms h5 {
  padding: 12px;
  background-color: #f6f6f6;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .insurance__det--terms h5 {
    font-size: 14px;
  }
}
.insurance__det--terms ol {
  padding: 16px 12px;
}
.insurance__det--terms ol li,
.insurance__det--terms ol p {
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .insurance__det--terms ol li,
  .insurance__det--terms ol p {
    font-size: 12px;
  }
}
.insurance__det--terms ol li {
  position: relative;
  padding-left: 12px;
  margin-bottom: 2px;
  counter-increment: num;
}
.insurance__det--terms ol li:last-child {
  margin-bottom: 0;
}
.insurance__det--terms ol li:nth-child(n + 10) {
  padding-left: 20px;
}
.insurance__det--terms ol li:before {
  content: counter(num) ")";
  position: absolute;
  left: 0;
  top: 0;
}
.insurance__det--terms ol ol {
  padding: 0;
}
.insurance__det--terms ol ol li {
  counter-increment: circleNum;
  padding-left: 16px;
}
.insurance__det--terms ol ol li:before {
  content: counter(circleNum);
  position: absolute;
  top: 2px;
  left: 3px;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
}
@media screen and (max-width: 321px) {
  .insurance__det--terms ol ol li:before {
    font-size: 11px;
  }
}
@media screen and (max-width: 321px) {
  .insurance__det--terms ol ol li:before {
    top: 1px;
  }
}
.insurance__det--terms ol ol li:after {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  width: 13px;
  height: 13px;
  border: solid 1px #555;
  border-radius: 50%;
}
@media screen and (max-width: 321px) {
  .insurance__det--terms ol ol li:after {
    top: 4px;
    width: 11px;
    height: 11px;
  }
}
.insurance__logo {
  padding: 21px 0;
  margin-top: 32px;
  border: solid 1px #e1e1e1;
  border-radius: 8px;
}
.insurance__logo img {
  margin: 0 auto;
  max-width: 99px;
}

/* 공고 등록 취소 (클래스 전체적으로 수정 필요 : notifiCancel) */
.careCancel ul {
  padding: 16px 20px 32px;
}

/* 지원한 케어메이트 목록 */
.alyCagiv__status {
  padding-top: 25px;
}
.alyCagiv__status > div {
  border: solid 1px #e1e1e1;
  border-radius: 12px;
  background-color: #fff;
}
.alyCagiv__status--chart {
  position: relative;
  padding: 77px 26px 12px;
  margin-bottom: 12px;
  min-height: 211px;
}
.alyCagiv__status--chart .chartWrap {
  position: relative;
}
.alyCagiv__status--chart .chartWrap__line {
  padding: 0 18px;
}
.alyCagiv__status--chart .chartWrap__line canvas {
  height: 84px !important;
}
.alyCagiv__status--chart .chartWrap__bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.alyCagiv__status--chart .chartWrap__bar .vertiChartWrap {
  justify-content: space-between;
  padding: 0 18px;
}
@media screen and (max-width: 321px) {
  .alyCagiv__status--chart .chartWrap {
    padding: 0;
  }
  .alyCagiv__status--chart .chartWrap .vertiChartWrap {
    padding: 0 4px;
  }
}
.alyCagiv__status--account {
  padding: 16px 16px 16px 38px;
  margin-bottom: 7px;
  background: url(../tutoimg/iconCoinApply.svg) no-repeat 16px 20px;
}
.alyCagiv__status--account h3 {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  margin-bottom: 4px;
}
@media screen and (max-width: 321px) {
  .alyCagiv__status--account h3 {
    font-size: 14px;
  }
}
.alyCagiv__status--account p {
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .alyCagiv__status--account p {
    font-size: 12px;
  }
}
.alyCagiv__status--account p span {
  padding-left: 6px;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: bold;
}
@media screen and (max-width: 321px) {
  .alyCagiv__status--account p span {
    font-size: 14px;
  }
}
.alyCagiv__status--account p em {
  margin: 0 8px;
  font-size: 16px;
  font-weight: bold;
}
.alyCagiv__list {
  padding-top: 25px;
}
.alyCagiv__list--ai {
  padding: 18px;
  margin-bottom: 20px;
  border: solid 1.5px #a47768;
  border-radius: 12px;
  background: url(../tutoimg/bg_ai02.png) no-repeat right bottom/contain #fffcfb;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
}
.alyCagiv__list--ai.scroll {
  position: fixed;
  top: 50px;
  left: 50%;
  z-index: 5;
  width: 100%;
  max-width: 600px;
  border: none;
  border-radius: 0;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
  transform: translateX(-50%);
}
.alyCagiv__list--ai.scroll + ul:before {
  content: "";
  display: block;
  width: 100%;
  height: 82px;
}
.alyCagiv__list--ai p {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .alyCagiv__list--ai p {
    font-size: 14px;
  }
}
.alyCagiv__list--ai strong {
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .alyCagiv__list--ai strong {
    font-size: 16px;
  }
}

/* 지원한 케어메이트 프로필 상세 */
.alyCagivDet {
  /* 케어메이트 소개 */
  /* 케어메이트가 등록한 자격증 */
  /* 케어메이트만의 강점 */
  /* 케어네이션 DATA LAB. */
  /* 케어메이트 거래 정보 */
  /* 케어메이트가 경험한 환자 상태 */
}
.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(../tutoimg/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;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .alyCagivDet__profile--first p,
  .alyCagivDet__profile--passion p {
    font-size: 12px;
  }
}
.alyCagivDet__profile--passion {
  max-width: 287px;
  background-image: url(../tutoimg/bgProfiPassion.png);
}
.alyCagivDet__profile .profileCare {
  position: relative;
  padding: 30px 16px 16px;
  text-align: center;
  /* 케어메이트 프로필 - 프로필 정보 */
}
.alyCagivDet__profile .profileCare__info {
  padding-bottom: 12px;
  border-top: 0;
}
.alyCagivDet__profile .profileCare h3 {
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  text-align: left;
}
@media screen and (max-width: 321px) {
  .alyCagivDet__profile .profileCare h3 {
    font-size: 12px;
  }
}
.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(../tutoimg/bgCareOpin.svg);
}
.alyCagivDet__profile--mes h3 {
  padding-left: 22px;
  background: url(../tutoimg/bgCareOpinTxt_gr.svg) no-repeat 0 3px/16px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .alyCagivDet__profile--mes h3 {
    font-size: 14px;
  }
}
.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(../tutoimg/icon_check.svg) no-repeat 7px 11px/14px, #f6f6f6;
  color: #333;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
  word-break: break-all;
}
@media screen and (max-width: 321px) {
  .alyCagivDet__profile--mes p.caution {
    font-size: 11px;
  }
}
.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;
  word-break: break-all;
}
@media screen and (max-width: 321px) {
  .alyCagivDet__int--box p {
    font-size: 14px;
  }
}
.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;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .alyCagivDet__certi h2 + p span {
    font-size: 14px;
  }
}
.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;
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 321px) {
  .alyCagivDet__certi li {
    font-size: 12px;
  }
}
.alyCagivDet__certi li small {
  margin-left: 2px;
  color: #333;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 321px) {
  .alyCagivDet__certi li small {
    font-size: 11px;
  }
}
.alyCagivDet__certi li span {
  margin-left: 4px;
  color: #7e4f40;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: bold;
  line-height: 1;
}
@media screen and (max-width: 321px) {
  .alyCagivDet__certi li span {
    font-size: 12px;
  }
}
.alyCagivDet__certi .certifi01 {
  background-image: url(../tutoimg/ic_certifi01.svg);
}
.alyCagivDet__certi .certifi02 {
  background-image: url(../tutoimg/ic_certifi02.svg);
}
.alyCagivDet__certi .certifi04 {
  background-image: url(../tutoimg/ic_certifi04.svg);
}
.alyCagivDet__certi .certifi08 {
  background-image: url(../tutoimg/ic_certifi08.svg);
}
.alyCagivDet__certi .certifi16 {
  background-image: url(../tutoimg/ic_certifi16.svg);
}
.alyCagivDet__certi .certifi32 {
  background-image: url(../tutoimg/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%;
}
.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;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .alyCagivDet__streng--list li span {
    font-size: 14px;
  }
}
.alyCagivDet__streng--list li.streng01 figure {
  background-image: url(../tutoimg/ic_kind.svg);
}
.alyCagivDet__streng--list li.streng02 figure {
  background-image: url(../tutoimg/ic_responsibility.svg);
}
.alyCagivDet__streng--list li.streng03 figure {
  background-image: url(../tutoimg/ic_careful.svg);
}
.alyCagivDet__streng--list li.streng04 figure {
  background-image: url(../tutoimg/ic_time.svg);
}
.alyCagivDet__streng--list li.streng05 figure {
  background-image: url(../tutoimg/ic_communication.svg);
}
.alyCagivDet__streng--list li.streng06 figure {
  background-image: url(../tutoimg/ic_thoughtful.svg);
}
.alyCagivDet__streng--list li.streng07 figure {
  background-image: url(../tutoimg/ic_clean.svg);
}
.alyCagivDet__streng--list li.streng08 figure {
  background-image: url(../tutoimg/ic_passion.svg);
}
.alyCagivDet__streng--list li.streng09 figure {
  background-image: url(../tutoimg/ic_patience.svg);
}
@media screen and (min-width: 600px) {
  .alyCagivDet__streng--list li {
    flex: 0 0 80px;
    margin-right: 30px;
  }
}
.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: rgba(255, 255, 255, 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;
  font-weight: 500;
  text-align: center;
}
@media screen and (max-width: 321px) {
  .alyCagivDet__data--loading p {
    font-size: 14px;
  }
}
.alyCagivDet__trade .shadowBox {
  padding-bottom: 24px;
  margin-bottom: 20px;
}
.alyCagivDet__trade--tabBtn {
  display: flex;
  align-items: center;
  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;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .alyCagivDet__trade--info dd {
    font-size: 14px;
  }
}
.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 {
  /* 돌봄 유형 */
}
.alyCagivDet__expri .shadowBox {
  padding-bottom: 32px;
  margin-bottom: 4px;
}
.alyCagivDet__expri .shadowBox p strong:first-child {
  margin-left: 8px;
}
.alyCagivDet__expri--list {
  display: flex;
  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;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .alyCagivDet__expri--list span {
    font-size: 16px;
  }
}
.alyCagivDet__expri--list p {
  margin-top: 4px;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  text-align: center;
}
@media screen and (max-width: 321px) {
  .alyCagivDet__expri--list p {
    font-size: 14px;
  }
}
.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;
  font-weight: 500;
  background-color: #fff1ec;
}
@media screen and (max-width: 321px) {
  .alyCagivDet__expri--first ul li {
    font-size: 14px;
  }
}
.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(../tutoimg/iconNoti-greyWh.svg) no-repeat 12px 12px #f6f6f6;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .alyCagivDet__expri--first div {
    font-size: 12px;
  }
}

/* ai 맞춤 케어메이트 */
.alyCagiv.ai {
  padding: 20px 20px 40px;
}
.alyCagiv.ai .profileCare {
  padding: 16px 16px 20px;
}
.alyCagiv.ai .profileCare__listTit {
  align-items: center;
  padding-bottom: 16px;
}
.alyCagiv.ai .profileCare__listTit .profileTitLabel h3 {
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -1px;
}
@media screen and (max-width: 321px) {
  .alyCagiv.ai .profileCare__listTit .profileTitLabel h3 {
    font-size: 16px;
  }
}
.alyCagiv.ai .profileCare__listTit .profileTitLabel span {
  color: #777;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .alyCagiv.ai .profileCare__listTit .profileTitLabel span {
    font-size: 14px;
  }
}
.alyCagiv.ai .profileCare__listTit .profileTitLabel .awardsLabel {
  color: #7e4f40;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .alyCagiv.ai .profileCare__listTit .profileTitLabel .awardsLabel {
    font-size: 12px;
  }
}
.alyCagiv.ai .profileCare__btn {
  padding: 16px 0 0;
}
.alyCagiv.ai .profileCare__btn button {
  padding: 11px 0;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .alyCagiv.ai .profileCare__btn button {
    font-size: 14px;
  }
}
.alyCagiv.ai .profileCare__btn button.arrow {
  background: url(../tutoimg/arrowRight-w.svg) no-repeat right 16px center/8px;
}

.autoMatch__pickBox {
  padding: 16px 20px 0;
  background-color: #fff;
}
.autoMatch__pickBox--list .radioCheckSel {
  position: relative;
  width: 100%;
  height: 100%;
}
.autoMatch__pickBox--list .radioCheckSel.apply .payBox {
  padding-top: 16px;
}
.autoMatch__pickBox--list .radioCheckSel.apply .payBox p strong {
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: bold;
}
@media screen and (max-width: 321px) {
  .autoMatch__pickBox--list .radioCheckSel.apply .payBox p strong {
    font-size: 14px;
  }
}
.autoMatch__pickBox--list .radioCheckSel.bdt {
  margin-top: 44px;
}
.autoMatch__pickBox--list .radioCheckSel.bdt > div:before {
  content: "";
  position: absolute;
  top: -22px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #e1e1e1;
}
.autoMatch__pickBox--list .radioCheckSel input + label {
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-color: transparent !important;
}
.autoMatch__pickBox--list .radioCheckSel input + label:before {
  transform: translateY(0);
  top: 20px;
}
.autoMatch__pickBox--list .radioCheckSel input:checked + label:after {
  top: 28px;
}
.autoMatch__pickBox--list .radioCheckSel > div {
  padding: 16px 20px 16px 42px;
  transition: background 0.2s ease-in 0s;
}
.autoMatch__pickBox--list .radioCheckSel > div > p {
  color: #111;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: bold;
}
@media screen and (max-width: 321px) {
  .autoMatch__pickBox--list .radioCheckSel > div > p {
    font-size: 14px;
  }
}
.autoMatch__pickBox--list .radioCheckSel > div span {
  margin-top: 4px;
  color: #111;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: normal;
}
@media screen and (max-width: 321px) {
  .autoMatch__pickBox--list .radioCheckSel > div span {
    font-size: 12px;
  }
}
.autoMatch__pickBox--list .radioCheckSel > div span b {
  font-weight: bold;
}
.autoMatch__pickBox--list .radioCheckSel > div .payBox {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px dashed #e1e1e1;
}
.autoMatch__pickBox--list .radioCheckSel > div .payBox h3 {
  margin-bottom: 6px;
}
.autoMatch__pickBox--list .radioCheckSel > div .payBox p {
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: normal;
}
@media screen and (max-width: 321px) {
  .autoMatch__pickBox--list .radioCheckSel > div .payBox p {
    font-size: 14px;
  }
}
.autoMatch__pickBox--list .radioCheckSel > div .payBox p strong {
  margin-right: 4px;
  color: #111;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
  font-weight: bold;
}
@media screen and (max-width: 321px) {
  .autoMatch__pickBox--list .radioCheckSel > div .payBox p strong {
    font-size: 16px;
  }
}
.autoMatch__pickBox--list .radioCheckSel > div .payBox span {
  padding-left: 22px;
  margin-top: 2px;
  color: #111;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
  font-weight: bold;
}
@media screen and (max-width: 321px) {
  .autoMatch__pickBox--list .radioCheckSel > div .payBox span {
    font-size: 16px;
  }
}
.autoMatch__pickBox--list .radioCheckSel > div .payBox .basicInfoSt {
  margin-top: 12px;
  padding: 12px 16px;
}
.autoMatch__pickBox--list .radioCheckSel > div .payBox .bubbleBox p {
  padding-left: 0;
}
.autoMatch__pickBox--list .radioCheckSel > div .payBox .bubbleBox p strong {
  margin-right: 0;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .autoMatch__pickBox--list .radioCheckSel > div .payBox .bubbleBox p strong {
    font-size: 12px;
  }
}
.autoMatch__pickBox--list .radioCheckSel > div .bubbleBox {
  position: relative;
  padding: 10px 12px;
  margin-top: 22px;
  border: 1px solid #e1e1e1;
  border-radius: 12px;
  background-color: #f6f6f6;
}
.autoMatch__pickBox--list .radioCheckSel > div .bubbleBox p {
  word-break: break-all;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: normal;
}
@media screen and (max-width: 321px) {
  .autoMatch__pickBox--list .radioCheckSel > div .bubbleBox p {
    font-size: 12px;
  }
}
.autoMatch__pickBox--list .radioCheckSel > div .bubbleBox:before {
  content: "";
  position: absolute;
  top: -12.5px;
  left: 17px;
  z-index: 1;
  width: 26px;
  height: 18px;
  background: url(../tutoimg/img_wordBubble.svg) no-repeat center;
}
.autoMatch__pickBox--list .radioCheckSel > div:has(.payBox) {
  padding-bottom: 20px;
}
.autoMatch__pickBox--list .radioCheckSel input:checked ~ div {
  background-color: #fff9f5;
}
.autoMatch__pickBox--list .radioCheckSel input:checked ~ div > p {
  color: #7e4f40;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: bold;
}
@media screen and (max-width: 321px) {
  .autoMatch__pickBox--list .radioCheckSel input:checked ~ div > p {
    font-size: 14px;
  }
}
.autoMatch__pickBox--list .radioCheckSel input:checked ~ div .basicInfoSt {
  border: 1px solid #e1d4d0;
  background-color: #f6e8e3 !important;
}
.autoMatch__pickBox--list .radioCheckSel input:checked ~ div .bubbleBox {
  border: 1px solid #e1d4d0;
  background-color: #f6e8e3;
}
.autoMatch__pickBox--list .radioCheckSel input:checked ~ div .bubbleBox:before {
  background-image: url(../tutoimg/img_wordBubble_active.svg);
}
.autoMatch__pickBox--list .radioCheckSel input:disabled ~ div {
  background-color: #f6f6f6;
}
.autoMatch__pickBox--list .radioCheckSel input:disabled ~ div p {
  color: #aeb0b5;
}
.autoMatch__pickBox--list .radioCheckSel input:disabled ~ div span {
  color: #aeb0b5;
}
.autoMatch__pickBox--list .switchBox {
  padding: 16px 20px 20px 16px;
  margin-top: 8px;
  border: 1px solid #e1e1e1;
  border-radius: 8px;
}
.autoMatch__pickBox--list .switchBox p {
  padding-left: 26px;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: bold;
}
@media screen and (max-width: 321px) {
  .autoMatch__pickBox--list .switchBox p {
    font-size: 14px;
  }
}
.autoMatch__pickBox--list .switchBox span {
  display: block;
  position: relative;
  padding: 0 0 16px 26px;
  margin-top: 4px;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: normal;
}
@media screen and (max-width: 321px) {
  .autoMatch__pickBox--list .switchBox span {
    font-size: 12px;
  }
}
.autoMatch__pickBox--list .switchBox span:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: calc(100% - 26px);
  height: 1px;
  border-bottom: 1px dotted #e1e1e1;
}
.autoMatch__pickBox--list .switchBox__money {
  padding-left: 26px;
  margin-top: 10px;
}
.autoMatch__pickBox--list .switchBox__money dt {
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: normal;
}
@media screen and (max-width: 321px) {
  .autoMatch__pickBox--list .switchBox__money dt {
    font-size: 14px;
  }
}
.autoMatch__pickBox--list .switchBox__money dd {
  padding-left: 22px;
  margin-top: 2px;
  color: #111;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
  font-weight: bold;
}
@media screen and (max-width: 321px) {
  .autoMatch__pickBox--list .switchBox__money dd {
    font-size: 16px;
  }
}
.autoMatch__pickBox--list .switchBox__agree {
  margin-top: 12px;
}
.autoMatch__pickBox--list .switchBox__agree--rad input {
  overflow: hidden;
  position: absolute;
  padding: 0;
  margin: -1px;
  width: 1px;
  height: 1px;
  border: 0;
  clip: rect(0, 0, 0, 0);
}
.autoMatch__pickBox--list .switchBox__agree--rad label {
  padding: 11px;
  margin-top: 8px;
  width: 100%;
  border: 1px solid #e1e1e1;
  border-radius: 8px;
  text-align: center;
  color: #111;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: normal;
}
@media screen and (max-width: 321px) {
  .autoMatch__pickBox--list .switchBox__agree--rad label {
    font-size: 14px;
  }
}
.autoMatch__pickBox--list .switchBox__agree--rad input:checked + label {
  background-color: #f6f6f6;
  color: #111;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .autoMatch__pickBox--list .switchBox__agree--rad input:checked + label {
    font-size: 14px;
  }
}
.autoMatch__pickBox--list .switchBox .bubbleBox {
  position: relative;
  padding: 10px 12px;
  margin: 22px 0 0 26px;
  border: 1px solid #e1e1e1;
  border-radius: 12px;
  background-color: #f6f6f6;
}
.autoMatch__pickBox--list .switchBox .bubbleBox p {
  padding-left: 0;
  word-break: break-all;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: normal;
}
@media screen and (max-width: 321px) {
  .autoMatch__pickBox--list .switchBox .bubbleBox p {
    font-size: 12px;
  }
}
.autoMatch__pickBox--list .switchBox .bubbleBox p strong {
  font-weight: 500;
}
.autoMatch__pickBox--list .switchBox .bubbleBox:before {
  content: "";
  position: absolute;
  top: -12.5px;
  left: 17px;
  z-index: 1;
  width: 26px;
  height: 18px;
  background: url(../tutoimg/img_wordBubble.svg) no-repeat center;
}
.autoMatch__pickBox--list .cardBox {
  padding: 20px;
  margin-top: 8px;
  border: 1px solid #e1e1e1;
  border-radius: 8px;
}
.autoMatch .reference {
  margin-top: 10px;
  color: #555;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
}
@media screen and (max-width: 321px) {
  .autoMatch .reference {
    font-size: 11px;
  }
}

.coinTxt {
  padding-left: 22px;
  background: url(../tutoimg/ic_coin_b.svg) no-repeat 0 4px;
}

.infoTxt {
  padding-left: 26px;
  background: url(../tutoimg/ic_infoBox_b.svg) no-repeat 0 4px;
}

.careComple__none .noneItem {
  padding-top: 100px;
  background-color: #fff;
  min-height: auto;
}
.careComple__box {
  padding: 20px 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;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .careComple__box .shadowBox h2 {
    font-size: 14px;
  }
}
.careComple__det {
  padding: 32px 20px 40px;
}
.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;
  font-weight: bold;
}
@media screen and (max-width: 321px) {
  .careComple__det--status dd {
    font-size: 14px;
  }
}
.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;
  font-weight: 500;
  text-align: center;
}
@media screen and (max-width: 321px) {
  .careComple__det--status ul li p {
    font-size: 12px;
  }
}
.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(../tutoimg/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;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .careComple__det--status .simple p {
    font-size: 12px;
  }
}
.careComple__det--status .statusAco summary {
  cursor: pointer;
  background: url(../tutoimg/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(../tutoimg/arrowTop-3.svg);
}

.careList__item .checkSquare {
  padding: 0 20px;
  margin: 84px 0 20px;
}
.careList__item .checkSquare + ul {
  padding-top: 0px;
}
.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 - 95px);
}
@media screen and (max-width: 321px) {
  .careList__item .noneItem {
    min-height: calc(100vh - 92px);
  }
}
.careList .headerFilter {
  padding-bottom: 0;
  background-color: #fbfbfb;
}
.careList .headerFilter.scroll {
  padding-bottom: 16px;
}
.careList .headerFilter.scroll + .careList__item ul {
  padding-top: 86px;
}
.careList .headerFilter.scroll + .careList__item .checkSquare + ul {
  padding-top: 0;
}

.fullSlide {
  position: relative;
}
.fullSlide .close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  width: 54px;
  height: 54px;
  background: url(../tutoimg/iconX.svg) no-repeat center/14px;
  font-size: 0;
  text-indent: -9999px;
}
.fullSlide img {
  width: 100%;
  min-height: 260px;
  max-height: 600px;
}
.fullSlide__dot {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  z-index: 1;
  width: 100%;
  max-width: 600px;
  height: 12vh;
}
.fullSlide__dot li {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #e1e1e1;
  font-size: 0;
  text-indent: -9999px;
}
.fullSlide__dot li.active {
  background-color: #7e4f40;
}
.fullSlide__dot li:nth-child(n + 2) {
  margin-left: 8px;
}
.fullSlide__list {
  display: flex !important;
  justify-content: space-between;
  flex-direction: column;
  padding-top: 14vh;
  height: 100vh;
}
.fullSlide__list > div:nth-child(2) {
  overflow: hidden;
}
.fullSlide__list--txt {
  flex-shrink: 0;
  height: 30vh;
  text-align: center;
}
.fullSlide__list--txt h2 {
  margin-bottom: 20px;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -1px;
}
@media screen and (max-width: 321px) {
  .fullSlide__list--txt h2 {
    font-size: 16px;
  }
}
.fullSlide__list--txt p {
  margin: 12px 0 16px;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .fullSlide__list--txt p {
    font-size: 14px;
  }
}
.fullSlide__list--txt p strong {
  color: #7e4f40;
}
.fullSlide__list--txt figure {
  margin: 0 auto;
  width: 130px;
  height: 38px;
  background: url(../tutoimg/insuranceFind.svg) no-repeat center/130px;
}
.fullSlide__list--txt figure figcaption {
  font-size: 0;
  text-indent: -9999px;
}
.fullSlide__list--next {
  position: relative;
  padding-bottom: 20px;
  height: 120px;
  text-align: right;
}
.fullSlide__list--next b {
  position: absolute;
  right: 46px;
  bottom: 16px;
  color: #aeb0b5;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: normal;
  animation: next 2s infinite;
  animation-delay: 0s;
}
@media screen and (max-width: 321px) {
  .fullSlide__list--next b {
    font-size: 12px;
  }
}
.fullSlide__list--next span {
  position: absolute;
  bottom: 20px;
  z-index: 2;
  width: 12px;
  height: 12px;
  border-top: 1px solid #aeb0b5;
  border-right: 1px solid #aeb0b5;
  box-sizing: border-box;
  transform: rotate(-315deg);
  animation: next 2s infinite;
  opacity: 0;
}
.fullSlide__list--next span:nth-of-type(1) {
  right: 30px;
  animation-delay: 0.15s;
}
.fullSlide__list--next span:nth-of-type(2) {
  right: 20px;
  animation-delay: 0.3s;
}
.fullSlide__list--next span:nth-of-type(3) {
  right: 10px;
  animation-delay: 0.45s;
}
@keyframes next {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.insurance.contract {
  padding: 24px 20px 92px;
  margin: 0;
  width: 100%;
  border: 0;
  border-radius: 0;
}
.insurance.contract:after {
  display: none;
}
.insurance.contract h2 {
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -1px;
}
@media screen and (max-width: 321px) {
  .insurance.contract h2 {
    font-size: 16px;
  }
}
.insurance.contract > p {
  margin-top: 12px;
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .insurance.contract > p {
    font-size: 12px;
  }
}
.insurance.contract .insurance__det {
  padding-top: 0;
  margin-top: 0;
  border: 0;
}
.insurance.contract .insurance__det:first-of-type {
  margin-top: 24px;
}
.insurance.contract .insurance__det:nth-of-type(2) {
  padding-top: 32px;
  margin-top: 32px;
  border-top: solid 1px #f1f1f1;
}
.insurance.contract .insurance__det--warr dt {
  width: 114px;
}
.insurance.contract .insurance__det--terms {
  background: none;
}
.insurance.contract .insurance__det--terms h3 {
  padding: 12px;
  background-color: #f6f6f6;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .insurance.contract .insurance__det--terms h3 {
    font-size: 14px;
  }
}
.insurance.contract .insurance__det--terms > div {
  padding: 16px 12px;
}
.insurance.contract .insurance__det--terms > div > ol {
  padding: 0 0 0 6px;
}
.insurance.contract .insurance__det--terms > div > ol:first-child {
  padding: 0;
}
.insurance.contract .insurance__det--terms > div > ol li {
  padding-left: 0;
}
.insurance.contract .insurance__det--terms > div > ol li:before,
.insurance.contract .insurance__det--terms > div > ol li:after {
  display: none;
}
.insurance.contract .insurance__det--terms > div > ol li ol {
  padding-left: 6px;
}
.insurance.contract .insurance__det--terms > div > span {
  margin: 2px 0 6px;
  width: 100%;
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
  text-align: center;
}
@media screen and (max-width: 321px) {
  .insurance.contract .insurance__det--terms > div > span {
    font-size: 12px;
  }
}
.insurance.contract .insurance__det--terms p {
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  word-break: break-all;
}
@media screen and (max-width: 321px) {
  .insurance.contract .insurance__det--terms p {
    font-size: 12px;
  }
}
.insurance.contract .insurance__det--bottomTxt span {
  display: block;
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .insurance.contract .insurance__det--bottomTxt span {
    font-size: 12px;
  }
}
.insurance.contract .insurance__det--bottomTxt div {
  margin-top: 32px;
}
.insurance.contract .insurance__det--bottomTxt div p {
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  text-align: right;
}
@media screen and (max-width: 321px) {
  .insurance.contract .insurance__det--bottomTxt div p {
    font-size: 12px;
  }
}
.insurance.contract .insurance__det--bottomTxt div p ~ p {
  margin-top: 2px;
}
.insurance.contract .insurance__det h3 {
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .insurance.contract .insurance__det h3 {
    font-size: 16px;
  }
}
.insurance.contract .insurance__det table {
  border: solid 1px #e1e1e1;
  border-collapse: collapse;
}
.insurance.contract .insurance__det table tr,
.insurance.contract .insurance__det table td {
  border: solid 1px #e1e1e1;
}
.insurance.contract .insurance__det table th {
  border-right: solid 1px #e1e1e1;
  background-color: #f6f6f6;
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: normal;
  vertical-align: middle;
}
@media screen and (max-width: 321px) {
  .insurance.contract .insurance__det table th {
    font-size: 12px;
  }
}
.insurance.contract .insurance__det table td {
  padding-left: 12px;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  vertical-align: middle;
}
@media screen and (max-width: 321px) {
  .insurance.contract .insurance__det table td {
    font-size: 12px;
  }
}

.mainHeader {
  display: none;
}

/* 메인 */
.careMain article h3 {
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -1px;
}
@media screen and (max-width: 321px) {
  .careMain article h3 {
    font-size: 16px;
  }
}
.careMain article:nth-child(3) {
  position: relative;
  padding-top: 8px;
}
.careMain article:nth-child(3):after {
  content: "";
  position: absolute;
  top: -20px;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 22px;
  border-radius: 20px 20px 0 0;
  background-color: #fff;
  box-shadow: 0 -6px 10px -6px rgba(0, 0, 0, 0.06);
}
.careMain__ban {
  position: relative;
}
.careMain__ban--item01,
.careMain__ban--item04,
.careMain__ban--item02,
.careMain__ban--item03 {
  position: relative;
  padding: 0 20px;
  height: 204px;
}
.careMain__ban--item01 h2,
.careMain__ban--item04 h2,
.careMain__ban--item02 h2,
.careMain__ban--item03 h2 {
  font-size: 22px;
  line-height: 1.36;
  letter-spacing: -1.1px;
}
@media screen and (max-width: 321px) {
  .careMain__ban--item01 h2,
  .careMain__ban--item04 h2,
  .careMain__ban--item02 h2,
  .careMain__ban--item03 h2 {
    font-size: 18px;
  }
}
.careMain__ban--item01 p,
.careMain__ban--item04 p,
.careMain__ban--item02 p,
.careMain__ban--item03 p {
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .careMain__ban--item01 p,
  .careMain__ban--item04 p,
  .careMain__ban--item02 p,
  .careMain__ban--item03 p {
    font-size: 12px;
  }
}
.careMain__ban--item01 {
  padding-top: 46px;
  background: url(../tutoimg/careMainBan02-play.png) no-repeat center 52%/40px,
    url(../tutoimg/careMainBan02-pe.png) no-repeat right bottom -3px / contain,
    url(../tutoimg/careMainBan02.png) no-repeat right bottom/cover;
}
.careMain__ban--item01 h2 {
  color: #fff;
  font-weight: normal;
}
.careMain__ban--item01 h2 strong {
  display: block;
}
.careMain__ban--item01 span {
  padding-right: 14px;
  margin-top: 8px;
  background: url(../tutoimg/arrowRight-w.svg) no-repeat right;
  color: #fff;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .careMain__ban--item01 span {
    font-size: 12px;
  }
}
.careMain__ban--item04 {
  padding-top: 32px;
  background: url(../tutoimg/icon_compensa.png) no-repeat right bottom/189px,
    url(../tutoimg/careMainBan04.png) no-repeat right/cover;
}
.careMain__ban--item04 p {
  color: #555;
  font-weight: 500;
}
.careMain__ban--item04 h2 {
  margin-top: 2px;
}
.careMain__ban--item04 h2 strong {
  color: #7e4f40;
}
.careMain__ban--item02 {
  padding-top: 24px;
  background: url(../tutoimg/careMainBan.png) no-repeat right/cover;
}
.careMain__ban--item02 h2 {
  margin: 4px 0;
  font-weight: normal;
}
.careMain__ban--item02 p {
  color: #333;
}
.careMain__ban--item02 span {
  position: absolute;
  bottom: 32px;
  left: 20px;
  color: #777;
  font-size: 11px;
  letter-spacing: -0.55px;
}
.careMain__ban--item03 {
  padding-top: 24px;
  background: url(../tutoimg/careMainBan03.png) no-repeat right/contain #dbf0ff;
}
.careMain__ban--item03 p {
  color: #555;
  font-weight: 500;
}
.careMain__ban--item03 h2 {
  margin: 4px 0 20px;
  font-weight: bold;
}
.careMain__ban--num {
  position: absolute;
  right: 12px;
  bottom: 32px;
  z-index: 1;
  padding: 5px 6px;
  border-radius: 30px;
  background-color: rgba(0, 0, 0, 0.34);
  color: #fff;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 321px) {
  .careMain__ban--num {
    font-size: 11px;
  }
}
.careMain__btn {
  background: url(../tutoimg/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;
  font-weight: 500;
  line-height: 52px;
  text-align: center;
  transform: translateX(-50%);
  box-shadow: 0 -6px 8px 0 rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 321px) {
  .careMain__btn {
    font-size: 16px;
  }
}
.careMain__regiSta {
  padding: 12px 20px 32px;
}
.careMain__regiSta h3 {
  margin-bottom: 12px;
}
.careMain__regiSta li ~ li {
  margin-top: 18px;
}
.careMain__regiSta li a {
  padding: 16px;
}
.careMain__regiSta button {
  margin-top: 16px;
  height: 46px;
  border: solid 1px #7e4f40;
  border-radius: 40px;
  background: url(../tutoimg/arrowBottom-cocoa.svg) no-repeat right 20px center;
  color: #7e4f40;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
  line-height: 45px;
  text-align: center;
}
@media screen and (max-width: 321px) {
  .careMain__regiSta button {
    font-size: 14px;
  }
}
.careMain__regiSta button.active {
  background-image: url(../tutoimg/arrowTop-cocoa.svg);
}
.careMain__datSta {
  padding: 28px 20px 26px;
}
.careMain__datSta > p {
  margin-top: 2px;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .careMain__datSta > p {
    font-size: 14px;
  }
}
.careMain__datSta--join {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14.5px 16px;
  margin-top: 20px;
  border: solid 1px #e1e1e1;
  border-radius: 12px;
  background-color: #f6f6f6;
}
.careMain__datSta--join dt {
  margin-right: 8px;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .careMain__datSta--join dt {
    font-size: 14px;
  }
}
.careMain__datSta--join dd {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 321px) {
  .careMain__datSta--join dd {
    font-size: 14px;
  }
}
.careMain__datSta--join dd strong {
  margin-right: 2px;
  font-size: 20px;
  line-height: 1;
}
.careMain__datSta ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.careMain__datSta li {
  margin-top: 12px;
  border-radius: 12px;
  border: solid 1px #e1e1e1;
  background: no-repeat #fff;
}
.careMain__datSta .mainDataInfo,
.careMain__datSta .mainDataAccou {
  width: 100%;
}
.careMain__datSta .mainDataInfo {
  position: relative;
  padding: 22px 20px 60px;
}
.careMain__datSta .mainDataInfo h4 {
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
  text-align: center;
}
@media screen and (max-width: 321px) {
  .careMain__datSta .mainDataInfo h4 {
    font-size: 16px;
  }
}
.careMain__datSta .mainDataInfo > span {
  position: absolute;
  right: 20px;
  bottom: 22px;
  color: #777;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
}
@media screen and (max-width: 321px) {
  .careMain__datSta .mainDataInfo > span {
    font-size: 11px;
  }
}
.careMain__datSta .mainDataInfo__chart {
  overflow: hidden;
  position: relative;
  margin: 0 auto;
  width: 288px;
  min-height: 166px;
}
@media screen and (max-width: 359px) {
  .careMain__datSta .mainDataInfo__chart {
    width: 236px;
  }
}
@media screen and (max-width: 321px) {
  .careMain__datSta .mainDataInfo__chart {
    width: 210px;
  }
}
.careMain__datSta .mainDataInfo__chart--canvas {
  padding: 16px 0 20px;
  margin: 16px 0 20px;
}
.careMain__datSta .mainDataInfo__chart--canvas canvas {
  width: 126px !important;
  height: 126px !important;
}
@media screen and (max-width: 321px) {
  .careMain__datSta .mainDataInfo__chart--canvas {
    margin-bottom: 0;
  }
}
.careMain__datSta .mainDataInfo__chart--legend {
  position: absolute;
  top: 33px;
  right: 3px;
  width: 225px;
  height: 88px;
  background: url(../tutoimg/mainChtLine.svg) no-repeat 1px 18px;
  text-align: right;
}
@media screen and (max-width: 359px) {
  .careMain__datSta .mainDataInfo__chart--legend {
    width: 173px;
  }
}
@media screen and (max-width: 321px) {
  .careMain__datSta .mainDataInfo__chart--legend {
    width: 147px;
  }
}
.careMain__datSta .mainDataInfo__chart--legend dl {
  display: inline-flex;
  flex-direction: column;
  position: relative;
  z-index: 3;
  padding: 10px 20px;
  margin-top: -10px;
  width: 152px;
  border: solid 1px #e1e1e1;
  border-radius: 12px;
  background-color: #fff;
}
@media screen and (max-width: 359px) {
  .careMain__datSta .mainDataInfo__chart--legend dl {
    padding: 10px;
    width: 140px;
  }
}
@media screen and (max-width: 321px) {
  .careMain__datSta .mainDataInfo__chart--legend dl {
    padding: 8px 10px;
    width: 120px;
  }
}
.careMain__datSta .mainDataInfo__chart--legend dl dt {
  display: flex;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .careMain__datSta .mainDataInfo__chart--legend dl dt {
    font-size: 14px;
  }
}
.careMain__datSta .mainDataInfo__chart--legend dl dt:before {
  content: "";
  display: inline-block;
  margin-right: 8px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
}
.careMain__datSta .mainDataInfo__chart--legend dl dd {
  margin-left: 4px;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: bold;
  line-height: 1;
}
@media screen and (max-width: 321px) {
  .careMain__datSta .mainDataInfo__chart--legend dl dd {
    font-size: 14px;
  }
}
.careMain__datSta .mainDataInfo__chart--legend dl dd:after {
  content: "%";
  display: inline-block;
  color: #333;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
  font-weight: normal;
  line-height: 1;
}
@media screen and (max-width: 321px) {
  .careMain__datSta .mainDataInfo__chart--legend dl dd:after {
    font-size: 11px;
  }
}
@media screen and (max-width: 359px) {
  .careMain__datSta .mainDataInfo__chart--legend dl {
    padding: 10px;
    width: 140px;
  }
}
@media screen and (max-width: 321px) {
  .careMain__datSta .mainDataInfo__chart--legend dl {
    padding: 8px 10px;
    width: 120px;
  }
}
.careMain__datSta .mainDataInfo__chart--legend div {
  display: flex;
  align-items: center;
}
.careMain__datSta .mainDataInfo__chart--legend div:nth-child(1) dt:before {
  background-color: #7e4f40;
}
.careMain__datSta .mainDataInfo__chart--legend div:nth-child(2) dt:before {
  background-color: #f1f1f1;
}
.careMain__datSta .mainDataInfo__line {
  position: absolute;
  right: 19px;
  bottom: 48px;
  padding: 6px 20px;
  width: 152px;
  background: url(../tutoimg/mainLegendWomen.svg) no-repeat 0 0,
    url(../tutoimg/mainLegendMen.svg) no-repeat right 0;
}
.careMain__datSta .mainDataInfo__line--bar {
  overflow: hidden;
  width: 100%;
  height: 11px;
  border-radius: 40px;
  background-color: #ece4da;
}
.careMain__datSta .mainDataInfo__line--bar > div {
  height: 100%;
  background-color: #a47768;
}
.careMain__datSta .mainDataInfo__line--info {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 8px;
  margin-top: 18px;
  margin-left: -30px;
  width: calc(100% + 50px);
  height: 28px;
  border-radius: 6px;
  background-color: #f6f6f6;
  text-align: center;
}
.careMain__datSta .mainDataInfo__line--info p {
  display: flex;
  flex-shrink: 0;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .careMain__datSta .mainDataInfo__line--info p {
    font-size: 12px;
  }
}
.careMain__datSta .mainDataInfo__line--info p ~ p {
  margin-left: 4px;
}
.careMain__datSta .mainDataInfo__line--info span {
  margin-left: 3px;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .careMain__datSta .mainDataInfo__line--info span {
    font-size: 12px;
  }
}
.careMain__datSta .mainDataInfo__line--info span:after {
  content: "%";
  color: #333;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
  font-weight: normal;
}
@media screen and (max-width: 321px) {
  .careMain__datSta .mainDataInfo__line--info span:after {
    font-size: 11px;
  }
}
.careMain__datSta .mainDataAccou {
  padding: 20px;
  background-image: url(../tutoimg/mainDataAccou.svg);
  background-position: right 20px center;
}
.careMain__datSta .mainDataAccou h4 {
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: normal;
}
@media screen and (max-width: 321px) {
  .careMain__datSta .mainDataAccou h4 {
    font-size: 14px;
  }
}
.careMain__datSta .mainDataAccou p {
  display: flex;
  align-items: center;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
  font-weight: bold;
  margin-top: 2px;
}
@media screen and (max-width: 321px) {
  .careMain__datSta .mainDataAccou p {
    font-size: 16px;
  }
}
.careMain__datSta .mainDataAccou p:after {
  content: "원";
  margin-left: 2px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .careMain__datSta .mainDataAccou p:after {
    font-size: 14px;
  }
}
.careMain__datSta .mainDataUse,
.careMain__datSta .mainDataTime {
  flex-direction: column-reverse;
  padding: 74px 20px 20px;
  width: calc(50% - 4px);
  background-position: 20px 20px;
}
.careMain__datSta .mainDataUse p,
.careMain__datSta .mainDataUse span,
.careMain__datSta .mainDataTime p,
.careMain__datSta .mainDataTime span {
  display: flex;
  align-items: center;
  margin-bottom: 2px;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -1px;
  font-weight: bold;
  line-height: 1.2;
}
@media screen and (max-width: 321px) {
  .careMain__datSta .mainDataUse p,
  .careMain__datSta .mainDataUse span,
  .careMain__datSta .mainDataTime p,
  .careMain__datSta .mainDataTime span {
    font-size: 16px;
  }
}
.careMain__datSta .mainDataUse p:after,
.careMain__datSta .mainDataUse span:after,
.careMain__datSta .mainDataTime p:after,
.careMain__datSta .mainDataTime span:after {
  display: inline-block;
  margin-left: 2px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 321px) {
  .careMain__datSta .mainDataUse p:after,
  .careMain__datSta .mainDataUse span:after,
  .careMain__datSta .mainDataTime p:after,
  .careMain__datSta .mainDataTime span:after {
    font-size: 14px;
  }
}
.careMain__datSta .mainDataUse h4,
.careMain__datSta .mainDataTime h4 {
  position: relative;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: normal;
}
@media screen and (max-width: 321px) {
  .careMain__datSta .mainDataUse h4,
  .careMain__datSta .mainDataTime h4 {
    font-size: 12px;
  }
}
.careMain__datSta .mainDataUse {
  background-image: url(../tutoimg/mainDataUse.svg);
}
.careMain__datSta .mainDataUse p:after {
  content: "건";
}
.careMain__datSta .mainDataTime {
  background-image: url(../tutoimg/mainDataTime.svg);
}
.careMain__datSta .mainDataTime span:nth-child(1):after {
  content: "년";
}
.careMain__datSta .mainDataTime span:nth-child(2):after {
  content: "일";
}
.careMain__datSta .mainDataTime span:nth-child(n + 2) {
  margin-left: 4px;
}
.careMain__datSta .adBanner {
  margin-top: 32px;
}
.careMain__review {
  position: relative;
  padding: 36px 20px 40px;
  background: url(../tutoimg/mainRevewBg.png) no-repeat right 0/360px #f6f6f6;
}
.careMain__review h3 {
  padding-bottom: 2px;
}
.careMain__review > p {
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .careMain__review > p {
    font-size: 14px;
  }
}
.careMain__review--list {
  padding-top: 4px;
  margin-top: 24px;
  border-radius: 12px;
  background-color: #fff;
}
.careMain__review--list .slick-vertical .slick-slide {
  border: 0;
}
.careMain__review--list > button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 19px 0;
  color: #777;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
  line-height: 1;
  text-align: center;
}
@media screen and (max-width: 321px) {
  .careMain__review--list > button {
    font-size: 12px;
  }
}
.careMain__review--list > button:after {
  content: "";
  display: inline-block;
  margin-left: 8px;
  width: 6px;
  height: 10px;
  background: url(../tutoimg/arrowRight-c.svg) no-repeat center/6px;
}
.careMain__review--list a {
  position: relative;
  padding: 16px;
}
.careMain__review--list a:after {
  content: "";
  position: absolute;
  left: 16px;
  bottom: 0;
  width: calc(100% - 32px);
  height: 1px;
  background-color: #f1f1f1;
}
.careMain__review--list a > div {
  display: flex;
  align-items: center;
  padding-right: 50px;
  margin-bottom: 10px;
}
.careMain__review--list a > div span {
  display: flex;
  align-items: center;
  color: #777;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 321px) {
  .careMain__review--list a > div span {
    font-size: 11px;
  }
}
.careMain__review--list a > div span strong {
  margin-right: 4px;
  color: #111;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  line-height: 1;
}
@media screen and (max-width: 321px) {
  .careMain__review--list a > div span strong {
    font-size: 12px;
  }
}
.careMain__review--list a > div > i {
  margin-left: 12px;
  color: #777;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
}
@media screen and (max-width: 321px) {
  .careMain__review--list a > div > i {
    font-size: 11px;
  }
}
.careMain__review--list a p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  line-height: 1;
}
@media screen and (max-width: 321px) {
  .careMain__review--list a p {
    font-size: 12px;
  }
}
.careMain__review--list a p span {
  padding: 4.5px 6px;
  margin-right: 4px;
  border-radius: 20px;
  background-color: #f6f6f6;
  color: #333;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
  line-height: 1;
}
@media screen and (max-width: 321px) {
  .careMain__review--list a p span {
    font-size: 11px;
  }
}
.careMain__review--list a small {
  position: absolute;
  top: 14px;
  right: 16px;
  z-index: 1;
  padding: 6px 6px 6px 22px;
  border-radius: 20px;
  background: url(../tutoimg/bgStarOne.svg) no-repeat 6px center/12px #fff8c4;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 321px) {
  .careMain__review--list a small {
    font-size: 12px;
  }
}
.careMain__info {
  padding: 32px 0 96px;
}
.careMain__info > h3 {
  padding: 0 20px;
}
.careMain__info--list {
  margin-top: 24px;
}
.careMain__info--list .slick-list .slick-slide > div {
  padding: 0 20px;
}
.careMain__info--list a {
  padding: 63px 16px 0;
  height: 160px;
  border-radius: 12px;
  background: no-repeat right/cover;
}
.careMain__info--list a p {
  color: #fff;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  margin-bottom: 4px;
}
@media screen and (max-width: 321px) {
  .careMain__info--list a p {
    font-size: 12px;
  }
}
.careMain__info--list a h4 {
  color: #fff;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .careMain__info--list a h4 {
    font-size: 16px;
  }
}
.careMain__info--list a.slide01 {
  background-image: url(../tutoimg/mainInfoBg01.png);
}
.careMain__info--list a.slide02 {
  background-image: url(../tutoimg/mainInfoBg02.png);
}
.careMain__info--list .slick-dots {
  display: flex;
  position: static;
  bottom: auto;
}
.careMain__info--list .slick-dots li {
  margin: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
}
.careMain__info--list .slick-dots li ~ li {
  margin-left: 4px;
}
.careMain__info--list .slick-dots li button {
  display: block;
  padding: 0;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #aeb0b5;
}
.careMain__info--list .slick-dots li button:before {
  display: none;
}
.careMain__info--list .slick-dots li.slick-active button {
  background-color: #7e4f40;
}
.careMain__info .careMain__info--dot {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 16px;
}
.careMain__info .careMain__info--dot li {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #aeb0b5;
  font-size: 0;
  text-indent: -9999px;
}
.careMain__info .careMain__info--dot li.active {
  background-color: #7e4f40;
}
.careMain__info .careMain__info--dot li ~ li {
  margin-left: 4px;
}

.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: #a47768;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: bold;
}
@media screen and (max-width: 321px) {
  .notifiCustom h3 span {
    font-size: 12px;
  }
}
.notifiCustom__sel .radioSelectCheck__box label {
  height: 174px;
  background-size: 50px;
}
.notifiCustom__sel.first {
  padding: 24px 20px 0;
}
.notifiCustom__sel.first .radioSelectCheck__box label {
  padding-top: 82px;
  background-position: center 24px;
}
.notifiCustom__sel.second {
  padding: 24px 20px;
}
.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-top: 8px;
  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--det {
  margin-top: 24px;
  text-align: left;
}
.notifiCustom__popup--det p {
  padding: 8px 12px 8px 34px;
  margin: 0 auto;
  border-radius: 18px;
  background: url(../tutoimg/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;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .notifiCustom__popup--det p {
    font-size: 12px;
  }
}
@media screen and (max-width: 400px) {
  .notifiCustom__popup--det p {
    text-align: left;
    background-position: 14px 10px;
  }
}
.notifiCustom__personInfo {
  padding: 24px 20px 40px;
}
.notifiCustom__personInfo--fetch h3 {
  margin-bottom: 8px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .notifiCustom__personInfo--fetch h3 {
    font-size: 14px;
  }
}
.notifiCustom__personInfo--fetch > div {
  display: flex;
  align-items: center;
  gap: 8px;
}
.notifiCustom__personInfo--fetch > div button {
  width: auto;
  padding: 8px 12px;
  color: #777;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  line-height: 1;
  background-color: #fff;
  border: solid 1px #e1e1e1;
  border-radius: 20px;
}
@media screen and (max-width: 321px) {
  .notifiCustom__personInfo--fetch > div button {
    font-size: 12px;
  }
}
.notifiCustom__personInfo--fetch > div button.active {
  font-weight: 500;
  color: #fff;
  background-color: #666;
  border-color: #666;
}
.notifiCustom__personInfo--fetch > div button:disabled {
  background-color: #f6f6f6;
  color: #aeb0b5;
}
.notifiCustom__personInfo--form {
  margin-top: 20px;
  padding: 20px 16px;
  border: solid 1px #e1e1e1;
  border-radius: 12px;
  background-color: #fff;
}
.notifiCustom__personInfo--form li > label {
  margin-bottom: 8px;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .notifiCustom__personInfo--form li > label {
    font-size: 16px;
  }
}
.notifiCustom__personInfo--form li > label span {
  color: #999;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
  font-weight: normal;
}
@media screen and (max-width: 321px) {
  .notifiCustom__personInfo--form li > label span {
    font-size: 11px;
  }
}
.notifiCustom__personInfo--form li > div {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.notifiCustom__personInfo--form li > div div {
  position: relative;
  width: 100%;
}
.notifiCustom__personInfo--form li > div span {
  flex-shrink: 0;
  width: 35px;
  color: #7e4f40;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
  text-align: right;
}
@media screen and (max-width: 321px) {
  .notifiCustom__personInfo--form li > div span {
    font-size: 14px;
  }
}
.notifiCustom__personInfo--form li > div .reset {
  background-position: center;
}
.notifiCustom__personInfo--form li > div.half {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.notifiCustom__personInfo--form li > div.half div {
  width: calc(50% - 4px);
}
.notifiCustom__personInfo--form li em {
  margin-top: 8px;
  color: #dc3545;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-style: normal;
}
@media screen and (max-width: 321px) {
  .notifiCustom__personInfo--form li em {
    font-size: 12px;
  }
}
.notifiCustom__personInfo--form li ~ li {
  margin-top: 24px;
}
.notifiCustom__personInfo--form ~ .notifiCustom__personInfo--radio {
  margin-top: 24px;
}
.notifiCustom__personInfo--form ~ .notifiCustom__personInfo--radio > div {
  display: flex;
  align-items: center;
  justify-content: center;
}
.notifiCustom__personInfo--radio label {
  margin-bottom: 8px;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .notifiCustom__personInfo--radio label {
    font-size: 16px;
  }
}
.notifiCustom__personInfo--radio .radioBoxSel label {
  background-color: #fff;
}
.notifiCustom__personInfo--radio .radioBoxSel input:disabled + label {
  background-color: #f6f6f6;
  color: #aeb0b5;
  font-weight: normal;
}

.notifiSearch.scrolled .notifiSearch__wrap--txt {
  display: none;
}
.notifiSearch__wrap--txt {
  margin-top: 12px;
}
.notifiSearch__wrap--txt span {
  display: block;
  padding-left: 22px;
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  background: url(../tutoimg/iconNoti-grey.svg) no-repeat 0 center/16px;
}
@media screen and (max-width: 321px) {
  .notifiSearch__wrap--txt span {
    font-size: 12px;
  }
}

/* 등록되지 않은 병·의원 */
.notifiPlace__result--info {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
  margin: 16px auto;
  width: calc(100% - 40px);
  background-color: #f6f6f6;
  border: 1px solid #e1e1e1;
  border-radius: 12px;
}
.notifiPlace__result--info > div {
  max-width: 272px;
}
.notifiPlace__result--info h4 {
  padding-left: 22px;
  background: url(../tutoimg/iconSelect_br.svg) no-repeat 0 4px/16px;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .notifiPlace__result--info h4 {
    font-size: 14px;
  }
}
.notifiPlace__result--info ol {
  margin: 8px 0 12px;
  counter-reset: list-number;
}
.notifiPlace__result--info ol li {
  position: relative;
  padding-left: 20px;
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  counter-increment: list-number;
}
@media screen and (max-width: 321px) {
  .notifiPlace__result--info ol li {
    font-size: 12px;
  }
}
.notifiPlace__result--info ol li b {
  font-weight: 500;
}
.notifiPlace__result--info ol li span {
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
}
@media screen and (max-width: 321px) {
  .notifiPlace__result--info ol li span {
    font-size: 11px;
  }
}
.notifiPlace__result--info ol li:before {
  position: absolute;
  top: 3px;
  left: 0;
  content: counter(list-number);
  width: 16px;
  height: 16px;
  border: 1px solid #555;
  border-radius: 50%;
  color: #555;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
  font-weight: 500;
  line-height: 13px;
  text-align: center;
}
@media screen and (max-width: 321px) {
  .notifiPlace__result--info ol li:before {
    font-size: 11px;
  }
}
.notifiPlace__result--info ol li ~ li {
  margin-top: 2px;
}
.notifiPlace__result .noneItem:has(.notifiPlace__result--info) {
  padding-top: 72px;
}

.notifiRegis {
  padding-bottom: 40px;
  /* 기간 선택 */
  /* 환자 상세 정보 입력 */
}
.notifiRegis:has(.notifiRegis__paitDet) {
  padding-bottom: 8px;
}
.notifiRegis:has(.notifiRegis__family) {
  padding-bottom: 20px;
}
.notifiRegis__grey {
  padding: 0 20px 32px;
}
.notifiRegis__grey .notifiRegisList {
  padding-top: 16px;
}
.notifiRegis__grey .notifiRegisList input:checked + label {
  font-weight: bold;
}
.notifiRegis__grey .notifiRegisList input[type="radio"] + label {
  padding-top: 16px;
  line-height: 1.5;
}
.notifiRegis__grey .notifiRegisList input[type="radio"] + label:before {
  top: 20px;
  transform: none;
}
.notifiRegis__grey .notifiRegisList input[type="radio"] + label:after {
  top: 24px;
  transform: none;
}
@media screen and (max-width: 321px) {
  .notifiRegis__grey .notifiRegisList input[type="radio"] + label:after {
    top: 23px;
  }
}
.notifiRegis__grey .notifiRegisList input[type="radio"] + label small {
  display: block;
  margin-top: 2px;
  color: #111;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: normal;
}
@media screen and (max-width: 321px) {
  .notifiRegis__grey .notifiRegisList input[type="radio"] + label small {
    font-size: 12px;
  }
}
.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__family {
  padding: 40px 20px 0;
}
.notifiRegis__family--question h2 {
  margin-bottom: 16px;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -1px;
}
@media screen and (max-width: 321px) {
  .notifiRegis__family--question h2 {
    font-size: 16px;
  }
}
.notifiRegis__family--question ul:has(#familyCare02:checked) + .basicInfoSt {
  display: block;
}
.notifiRegis__family--question ul .radioCheckSel input:checked + label {
  font-weight: bold;
}
.notifiRegis__family--question ul .radioCheckSel input[type="radio"] + label {
  padding-top: 16px;
  line-height: 1.5;
}
.notifiRegis__family--question ul .radioCheckSel input[type="radio"] + label:before {
  top: 20px;
  transform: none;
}
.notifiRegis__family--question ul .radioCheckSel input[type="radio"] + label:after {
  top: 24px;
  transform: none;
}
@media screen and (max-width: 321px) {
  .notifiRegis__family--question ul .radioCheckSel input[type="radio"] + label:after {
    top: 23px;
  }
}
.notifiRegis__family--question ul .radioCheckSel input[type="radio"] + label small {
  display: block;
  margin-top: 2px;
  color: #111;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: normal;
}
@media screen and (max-width: 321px) {
  .notifiRegis__family--question ul .radioCheckSel input[type="radio"] + label small {
    font-size: 12px;
  }
}
.notifiRegis__family--question .basicInfoSt {
  display: none;
  padding: 12px 16px;
  margin-top: 8px;
  border-radius: 8px;
}
.notifiRegis__family--question .basicInfoSt strong {
  display: block;
  margin-bottom: 8px;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .notifiRegis__family--question .basicInfoSt strong {
    font-size: 12px;
  }
}
.notifiRegis__family--question .basicInfoSt p {
  margin-top: 2px;
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .notifiRegis__family--question .basicInfoSt p {
    font-size: 12px;
  }
}
.notifiRegis__family--question .alertTxt {
  padding: 20px 0 0 22px;
  margin-top: 40px;
  border-top: solid 1px #e1e1e1;
  background: url(../tutoimg/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) {
  .notifiRegis__family--question .alertTxt {
    font-size: 12px;
  }
}
.notifiRegis__daySel {
  padding: 0 20px;
}
.notifiRegis__daySel--form {
  margin-top: 32px;
}
.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(../tutoimg/bgTime.svg) no-repeat right 8px center;
}
.notifiRegis__daySel--form.time ~ .notifiRegis__daySel--totalWrap {
  padding-top: 0;
  border-top: none;
}
.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 > 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;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .notifiRegis__daySel--form label {
    font-size: 16px;
  }
}
.notifiRegis__daySel--totalWrap {
  margin-top: 24px;
  padding-top: 24px;
  border-top: solid 1px #f1f1f1;
}
.notifiRegis__daySel--totalWrap span {
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .notifiRegis__daySel--totalWrap span {
    font-size: 16px;
  }
}
.notifiRegis__daySel--totalWrap div dd {
  word-break: break-all;
}
.notifiRegis__daySel--totalWrap ~ .bulbInfoBox {
  margin-top: 12px;
}
.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(../tutoimg/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.brown {
  border-color: #7e4f40;
  background-color: #fff9f5;
}
.notifiRegis__daySel--total.brown dt strong {
  color: #7e4f40;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .notifiRegis__daySel--total.brown dt strong {
    font-size: 16px;
  }
}
.notifiRegis__daySel--total.brown dd {
  color: #333;
}
.notifiRegis__daySel--total.brown dd strong {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .notifiRegis__daySel--total.brown dd strong {
    font-size: 14px;
  }
}
.notifiRegis__daySel--total.warning {
  border-color: #dc3545;
  background-color: rgba(255, 241, 236, 0.5);
}
.notifiRegis__daySel--total.warning dt strong {
  color: #111;
}
.notifiRegis__daySel--warning {
  padding: 0 6px 0 18px;
  margin-top: 12px;
  background: url(../tutoimg/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 26px;
  margin-left: -20px;
  width: calc(100% + 40px);
}
.notifiRegis__daySel--cal .calendarTimeSel__info {
  position: relative;
  padding: 18px 16px 16px;
  margin-bottom: 12px;
  border: solid 1px #e1e1e1;
  border-radius: 12px;
  background-color: #f6f6f6;
}
.notifiRegis__daySel--cal .calendarTimeSel__info:after {
  content: "";
  position: absolute;
  right: 38px;
  bottom: -16px;
  width: 32.6px;
  height: 34.7px;
  background: url(../tutoimg/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: #555;
  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: 16px;
  right: 12px;
}
.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;
}
.notifiRegis__paitDet .notifiRegisList {
  /* 너비값 1/2 인 라디오박스 */
  /* 반려동물 선택하는 이미지 선택 박스 */
  /* 선택박스 클릭시 텍스트 박스 나오게 */
}
.notifiRegis__paitDet .notifiRegisList.halfSel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.notifiRegis__paitDet .notifiRegisList.halfSel .radioCheckSel,
.notifiRegis__paitDet .notifiRegisList.halfSel .checkBoxSel {
  margin-top: 8px;
}
.notifiRegis__paitDet .notifiRegisList.halfSel .radioCheckSel label,
.notifiRegis__paitDet .notifiRegisList.halfSel .checkBoxSel label {
  padding: 14px 16px;
  text-align: center;
}
.notifiRegis__paitDet .notifiRegisList.halfSel .radioCheckSel label:before,
.notifiRegis__paitDet .notifiRegisList.halfSel .radioCheckSel label:after,
.notifiRegis__paitDet .notifiRegisList.halfSel .checkBoxSel label:before,
.notifiRegis__paitDet .notifiRegisList.halfSel .checkBoxSel label:after {
  display: none;
}
.notifiRegis__paitDet .notifiRegisList.halfSel .checkBoxSel label {
  display: inline-block;
  transition: background 0.2s ease-in 0s;
  line-height: 1;
}
.notifiRegis__paitDet .notifiRegisList.halfSel .addSel {
  display: block;
  margin-top: 14px;
  width: 100%;
}
.notifiRegis__paitDet .notifiRegisList.halfSel .addSel:before {
  display: none;
}
.notifiRegis__paitDet .notifiRegisList.halfSel .addSel > p {
  margin-bottom: 8px;
  padding-left: 24px;
  background: url(../tutoimg/ic_infoBox_b.svg) no-repeat 0 2px/16px;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: bold;
}
@media screen and (max-width: 321px) {
  .notifiRegis__paitDet .notifiRegisList.halfSel .addSel > p {
    font-size: 12px;
  }
}
.notifiRegis__paitDet .notifiRegisList.halfSel .addSel > p em {
  margin-left: 2px;
  color: #dc3545;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
  font-weight: normal;
  font-style: normal;
}
@media screen and (max-width: 321px) {
  .notifiRegis__paitDet .notifiRegisList.halfSel .addSel > p em {
    font-size: 11px;
  }
}
.notifiRegis__paitDet .notifiRegisList.halfSel .addSel ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.notifiRegis__paitDet .notifiRegisList.halfSel .addSel ul li {
  width: calc(33.3333% - 5px);
}
.notifiRegis__paitDet
  .notifiRegisList.halfSel
  .addSel
  ul:has(li:nth-last-child(2) input:checked)
  .limitTextarea {
  display: block;
  width: 100%;
}
.notifiRegis__paitDet .notifiRegisList.halfSel li {
  width: calc(50% - 4px);
}
.notifiRegis__paitDet
  .notifiRegisList.halfSel:has(li:nth-last-child(2) input:checked)
  > .limitTextarea,
.notifiRegis__paitDet .notifiRegisList.halfSel:has(li:nth-last-child(2) input:checked) .addSel {
  display: block;
  width: 100%;
}
.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 16px 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(../tutoimg/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;
  font-weight: normal;
}
@media screen and (max-width: 321px) {
  .notifiRegis__paitDet .notifiRegisList.imgSel .radioCheckSel label small {
    font-size: 12px;
  }
}
.notifiRegis__paitDet .notifiRegisList.imgSel .radioCheckSel:has(input:checked) ~ .checkBoxSel {
  display: block;
}
.notifiRegis__paitDet .notifiRegisList.imgSel .radioCheckSel input:checked + label {
  background-color: #fff1ec;
  color: #111;
}
.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(../tutoimg/ic_patiStat_G01.svg);
}
.notifiRegis__paitDet .notifiRegisList.imgSel .radioCheckSel:nth-child(2) label {
  background-image: url(../tutoimg/ic_patiStat_G02.svg);
}
.notifiRegis__paitDet .notifiRegisList.imgSel .radioCheckSel:nth-child(3) label {
  background-image: url(../tutoimg/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(../tutoimg/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;
  font-style: normal;
}
@media screen and (max-width: 321px) {
  .notifiRegis__paitDet .notifiRegisList.imgSel .checkBoxSel label em {
    font-size: 11px;
  }
}
.notifiRegis__paitDet .notifiRegisList.imgSel .checkBoxSel label:before {
  margin-right: 0;
  width: 54px;
  height: 54px;
  border-radius: 0;
  background: url(../tutoimg/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(../tutoimg/iconCheck.svg) no-repeat center/8.6px #e1e1e1;
}
.notifiRegis__paitDet .notifiRegisList.imgSel .checkBoxSel input:checked + label {
  color: #111;
}
.notifiRegis__paitDet .notifiRegisList.imgSel .checkBoxSel input:checked + label:after {
  background-color: #7e4f40;
}
.notifiRegis__paitDet .notifiRegisList.imgSel .addSel {
  width: 100%;
}
.notifiRegis__paitDet .notifiRegisList.imgSel .addSel > p {
  padding-left: 0;
  background: none;
  font-weight: bold;
}
@media screen and (max-width: 321px) {
  .notifiRegis__paitDet .notifiRegisList.imgSel .addSel > p {
    max-width: 160px;
  }
}
.notifiRegis__paitDet .notifiRegisList.imgSel .addSel > p small {
  display: block;
  margin-bottom: 2px;
  color: #a47768;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: bold;
}
@media screen and (max-width: 321px) {
  .notifiRegis__paitDet .notifiRegisList.imgSel .addSel > p small {
    font-size: 12px;
  }
}
.notifiRegis__paitDet .notifiRegisList.imgSel .addSel > p span {
  font-weight: normal;
}
.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 .addSel {
  display: none;
  position: relative;
  padding: 16px 12px;
  margin-top: 28px;
  border: 1px solid #e1e1e1;
  border-radius: 8px;
  background-color: #fff;
}
.notifiRegis__paitDet .notifiRegisList .addSel:before {
  content: "";
  position: absolute;
  top: -15px;
  left: 20px;
  z-index: 1;
  width: 40px;
  height: 25px;
  background-image: url(../tutoimg/bgCareOpin.svg);
}
.notifiRegis__paitDet .notifiRegisList .addSel > p {
  padding-left: 18px;
  background: url(../tutoimg/icon_bulb_y.svg) no-repeat 0/16px;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .notifiRegis__paitDet .notifiRegisList .addSel > p {
    font-size: 12px;
  }
}
.notifiRegis__paitDet .notifiRegisList .addSel > p span {
  margin-left: 8px;
  color: #aeb0b5;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
  vertical-align: 1px;
}
@media screen and (max-width: 321px) {
  .notifiRegis__paitDet .notifiRegisList .addSel > p span {
    font-size: 11px;
  }
}
.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 .notifiRegisList + .notiInfoBox {
  margin-top: 12px;
}
.notifiRegis__paitDet .limitTextarea.h175 {
  height: 175px;
}
.notifiRegis__paitDet .limitTextarea.h175 textarea {
  height: 139px;
}
.notifiRegis__paitDet .limitTextarea textarea {
  display: block;
  margin-top: 0;
}
.notifiRegis__paitDet--tit {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
  /* '기존 환자 상세' : h4 (나중에 지울것)
    '개편된 환자 상세' : h3 
  */
}
.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;
  line-height: 1.44;
}
@media screen and (max-width: 321px) {
  .notifiRegis__paitDet--tit h3,
  .notifiRegis__paitDet--tit h4 {
    font-size: 16px;
  }
}
.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;
  font-weight: normal;
  font-style: normal;
  vertical-align: 3px;
}
@media screen and (max-width: 321px) {
  .notifiRegis__paitDet--tit h3 em,
  .notifiRegis__paitDet--tit h4 em {
    font-size: 11px;
  }
}
.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(../tutoimg/iconHelp.svg) no-repeat center/16px;
}
.notifiRegis__paitDet--btn u {
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .notifiRegis__paitDet--btn u {
    font-size: 12px;
  }
}
.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;
  font-weight: bold;
}
@media screen and (max-width: 321px) {
  .notifiRegis__paitDet--careNoti label {
    font-size: 16px;
  }
}
.notifiRegis__paitDet--careNoti label span {
  margin-left: 8px;
  color: #aeb0b5;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
  font-weight: normal;
}
@media screen and (max-width: 321px) {
  .notifiRegis__paitDet--careNoti label span {
    font-size: 11px;
  }
}
.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 {
  text-align: left;
  word-break: break-all;
}
@media screen and (min-width: 601px) {
  .notifiRegis__helpPopup p.tal {
    display: inline-flex;
  }
}
.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(../tutoimg/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(../tutoimg/iconHelp.svg) no-repeat left 16px/16px;
  text-align: left;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
}
@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;
}

.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;
  font-weight: bold;
}
@media screen and (max-width: 321px) {
  .notifiStep__list li {
    font-size: 11px;
  }
}
.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;
  }
}

/* 데이터 피커 - 간병에서만 24시까지 표출 필요해서 프론트에서 care-time 클래스 추가 요청 (추후 타 서비스 변경 가능성 있음.)  */
.react-datepicker__input-container {
  width: 100%;
}
.react-datepicker__input-container input {
  background: url(../tutoimg/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(../tutoimg/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: #111;
}
.date-start .rc-time-picker .rc-time-picker-input::placeholder {
  color: #111;
}

.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;
}

.rc-time-picker.care-time {
  position: relative;
}
.rc-time-picker.care-time .care-time-panel {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  width: 100%;
  background: #fff;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  max-height: 185px;
  overflow-y: auto;
}
.rc-time-picker.care-time .care-time-panel .option {
  padding: 4px 12px;
  line-height: 24px;
  cursor: pointer;
  white-space: nowrap;
  font-size: 14px;
}
.rc-time-picker.care-time .care-time-panel .option:hover {
  background-color: #f5f5f5;
}
.rc-time-picker.care-time .care-time-panel .option.selected {
  font-weight: 700;
}

/* 당구장 표시 있을 때 & 없을 때 */
.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;
}
.reference.greyish {
  color: #555;
}

/* 노란색 알림 안내 */
.patientWarning {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 8px 10px 26px;
  margin: 20px 0;
  border-radius: 8px;
  background: url(../tutoimg/icon_bulb_y.svg) no-repeat 8px 12px #fff8c4;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .patientWarning {
    font-size: 12px;
  }
}
.patientWarning span {
  padding: 4px 8px;
  border-radius: 14px;
  background-color: #fd0;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .patientWarning span {
    font-size: 12px;
  }
}
.patientWarning:has(span) {
  background-position: 8px 16px;
}
.patientWarning.red {
  padding: 12px 16px 12px 40px;
  color: #dc3545;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: bold;
  border: solid 1px #dc3545;
  border-radius: 12px;
  background-color: #ffecee;
  background: url(../tutoimg/icon_error.svg) no-repeat 16px 19px/16px #ffecee;
}
@media screen and (max-width: 321px) {
  .patientWarning.red {
    font-size: 14px;
  }
}
.patientWarning.red span {
  background-color: #dc3545;
  color: #fff;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .patientWarning {
    padding-left: 36px;
    background-position: 12px 14px;
    background-size: 16px;
  }
  .patientWarning span {
    padding: 4px 6px;
  }
}

/* 간병 상세 본문 시작 */
.patientInfo {
  padding-top: 50px;
  /* 수정하기 버튼 관련 */
  /* 간병 정보 */
  /* 환자 정보 */
  /* 데이터 랩 */
  /* 개인정보 제3자 제공 동의서, 간병인 중개 계약서 */
  /* 가족 간병 */
  /* 매칭 방법 */
}
.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;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .patientInfo h2 {
    font-size: 16px;
  }
}
.patientInfo .carePati__tit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  margin-bottom: 8px;
  min-height: 34px;
}
.patientInfo .carePati__tit h3 {
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .patientInfo .carePati__tit h3 {
    font-size: 16px;
  }
}
.patientInfo__care {
  padding: 0 20px 40px;
  /* 간병 정보  - 지도 */
  /* 간병 정보  - 상세 주소 */
  /* 간병 정보 - AI 추천 케어메이트 */
  /* 간병 정보 - 달력 */
}
.patientInfo__care--tit {
  padding-bottom: 8px;
  margin-top: 32px;
  background-position: right 0;
  background-size: 44px;
}
.patientInfo__care:has(.patientWarning) .patientInfo__care--tit {
  margin-top: 0;
}
.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(../tutoimg/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(../tutoimg/bgCareNum.svg) no-repeat 16px center;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .patientInfo__care--place .careNum .basicInfoSt {
    font-size: 14px;
  }
}
.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__care--ai {
  position: relative;
  padding: 16px 16px 25px 16px;
  margin-top: 20px;
  border: solid 1.5px #a47768;
  border-radius: 12px;
  background: url(../tutoimg/bg_ai01.png) no-repeat right bottom/auto 167px #fffcfb;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
}
.patientInfo__care--ai + .patientInfo__care--cal {
  padding-top: 0;
  border: 0;
}
.patientInfo__care--ai h3 {
  display: inline-block;
  padding: 7px 8px 7px 22px;
  border-radius: 5px;
  background: url(../tutoimg/iconCheck-b.svg) no-repeat 8px center #fff1ec;
  color: #a47768;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 321px) {
  .patientInfo__care--ai h3 {
    font-size: 12px;
  }
}
.patientInfo__care--ai p {
  margin-top: 7px;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .patientInfo__care--ai p {
    font-size: 16px;
  }
}
.patientInfo__care--ai mark {
  display: inline-block;
  padding-right: 2px;
  margin-top: 16px;
  color: #7e4f40;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: bold;
}
@media screen and (max-width: 321px) {
  .patientInfo__care--ai mark {
    font-size: 14px;
  }
}
.patientInfo__care--ai mark:after {
  content: "";
  display: inline-block;
  margin-left: 7px;
  width: 6px;
  height: 11px;
  background: url(../tutoimg/arrowRight-b.svg) no-repeat center;
}
@media screen and (max-width: 321px) {
  .patientInfo__care--ai mark {
    margin-top: 12px;
  }
}
.patientInfo__care--ai ul {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 16px;
  bottom: 16px;
}
.patientInfo__care--ai ul li {
  width: 42px;
  height: 42px;
}
.patientInfo__care--ai ul li:not(:last-child) {
  margin-right: 2px;
}
@media screen and (max-width: 321px) {
  .patientInfo__care--ai ul li {
    width: 38px;
    height: 38px;
  }
}
.patientInfo__care--cal {
  padding-top: 40px;
  margin-top: 40px;
  border-top: solid 1px #f1f1f1;
  /* 간병 정보  - 기간제 */
  /* 간병 정보  - 시간제 */
}
.patientInfo__care--cal .careType span {
  display: block;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
  text-align: right;
  margin-bottom: 8px;
}
@media screen and (max-width: 321px) {
  .patientInfo__care--cal .careType span {
    font-size: 12px;
  }
}
.patientInfo__care--cal .careType .basicInfoSt {
  padding: 15px 16px 15px 42px;
  background: url(../tutoimg/bgCareType.svg) no-repeat 16px 20px;
}
.patientInfo__care--cal .careCalWrap {
  text-align: right;
}
.patientInfo__care--cal .careCalWrap__info {
  overflow: visible;
  display: inline-block;
  position: relative;
  z-index: 2;
  padding: 6px 16px;
  margin-bottom: 26px;
  border: 1px solid #ffdd00;
  border-radius: 20px;
  background-color: #fff8c4;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: bold;
  text-align: right;
}
@media screen and (max-width: 321px) {
  .patientInfo__care--cal .careCalWrap__info {
    font-size: 12px;
  }
}
.patientInfo__care--cal .careCalWrap__info:after {
  content: "";
  position: absolute;
  z-index: 1;
  right: 19px;
  bottom: -10px;
  width: 18px;
  height: 10px;
  background: url(../tutoimg/bgBalloonArr02.svg) center/cover;
}
@media screen and (max-width: 359px) {
  .patientInfo__care--cal .careCalWrap__info {
    text-align: left;
    word-break: break-all;
  }
}
.patientInfo__care--cal .careCalWrap.day {
  padding-top: 40px;
}
.patientInfo__care--cal .careCalWrap.day .calendar__tit {
  padding-bottom: 10px;
}
.patientInfo__care--cal .careCalWrap.day .calendar__detail--col span {
  margin: 7px 0;
  color: #aeb0b5;
}
.patientInfo__care--cal .careCalWrap.day .calendar__detail--col span .ing {
  color: #555;
}
.patientInfo__care--cal .careCalWrap.time {
  padding-top: 32px;
}
.patientInfo__care--cal .careCalWrap .carePati__tit {
  margin-bottom: 8px;
}
.patientInfo__care--cal .careCalWrap .careTime {
  margin-top: 16px;
}
.patientInfo__care--cal .careDay {
  margin-top: 20px;
}
.patientInfo__care--cal .careDay .basicInfoSt {
  padding: 16px;
  text-align: left;
}
.patientInfo__care--cal .careDay .basicInfoSt div {
  padding-left: 26px;
  background: no-repeat 0 4px;
}
.patientInfo__care--cal .careDay .basicInfoSt div:nth-child(1) {
  background-image: url(../tutoimg/bgCareDay01.svg);
}
.patientInfo__care--cal .careDay .basicInfoSt div:nth-child(2) {
  padding-bottom: 16px;
  margin: 8px 0 16px;
  border-bottom: solid 1px #e1e1e1;
  background-image: url(../tutoimg/bgCareDay02.svg);
}
.patientInfo__care--cal .careDay .basicInfoSt div:nth-child(3) {
  background-image: url(../tutoimg/bgCareDay03.svg);
}
.patientInfo__care--cal .careDay .basicInfoSt div:nth-child(3) dd {
  font-weight: bold;
}
.patientInfo__care--cal .careDay ~ .careTime {
  margin-top: 32px;
}
.patientInfo__care--cal .careTime .basicInfoSt {
  padding: 20px 16px;
  text-align: left;
}
.patientInfo__care--cal .careTime .basicInfoSt div {
  padding-left: 26px;
  background: no-repeat 0 4px;
}
.patientInfo__care--cal .careTime .basicInfoSt div:nth-child(1) {
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: solid 1px #e1e1e1;
}
.patientInfo__care--cal .careTime .basicInfoSt div:nth-child(-n + 2) {
  background-image: url(../tutoimg/bgCareDay03.svg);
}
.patientInfo__care--cal .careTime .basicInfoSt div dt {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  margin-bottom: 5px;
}
@media screen and (max-width: 321px) {
  .patientInfo__care--cal .careTime .basicInfoSt div dt {
    font-size: 14px;
  }
}
.patientInfo__care--cal .careTime .basicInfoSt div dd {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .patientInfo__care--cal .careTime .basicInfoSt div dd {
    font-size: 14px;
  }
}
.patientInfo__care--cal .careTime .basicInfoSt div dd strong {
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .patientInfo__care--cal .careTime .basicInfoSt div dd strong {
    font-size: 16px;
  }
}
.patientInfo__care--cal .careTime ~ .careTime {
  margin-top: 32px;
}
.patientInfo__detail {
  padding: 40px 20px;
  /* 환자 정보 - 개인 정보 */
  /* 간병 유의사항 */
  /* 환자 상태 개편 */
}
.patientInfo__detail .carePers {
  margin-top: 8px;
}
.patientInfo__detail .carePers .basicInfoSt {
  display: flex;
  flex-wrap: wrap;
  padding: 16px;
}
.patientInfo__detail .carePers .basicInfoSt div {
  display: flex;
  margin-bottom: 6px;
  width: 100%;
}
.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:nth-child(n + 2) {
  width: 50%;
}
.patientInfo__detail .carePers .basicInfoSt div:last-child {
  margin-bottom: 0;
}
.patientInfo__detail .carePers .basicInfoSt div.w100 {
  width: 100%;
}
.patientInfo__detail--notice {
  margin-top: 32px;
}
.patientInfo__detail--notice label {
  display: block;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .patientInfo__detail--notice label {
    font-size: 16px;
  }
}
.patientInfo__detail--notice textarea {
  margin-top: 8px;
  height: 135px;
}
.patientInfo__detail--notice textarea::-moz-placeholder {
  font-weight: normal;
}
.patientInfo__detail--notice textarea::placeholder {
  font-weight: normal;
}
.patientInfo__detail--status {
  margin-top: 32px;
}
.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.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 textarea {
  border-color: #7e4f40;
}
.patientInfo__detail--status .basicInfoSt li.mt4:before {
  display: none;
}
.patientInfo__detail--status .basicInfoSt li:has(textarea) {
  flex-wrap: wrap;
  padding-top: 0;
  border: 0;
}
.patientInfo__detail--status .basicInfoSt li:has(textarea) h4 {
  margin-bottom: 10px;
  font-weight: 500;
}
.patientInfo__detail--status .basicInfoSt li:has(textarea) textarea {
  background-color: #fbfbfb;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: normal;
  word-break: break-all;
}
@media screen and (max-width: 321px) {
  .patientInfo__detail--status .basicInfoSt li:has(textarea) textarea {
    font-size: 14px;
  }
}
.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;
}
.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(../tutoimg/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;
  }
}
@media screen and (max-width: 345px) {
  .patientInfo__detail--status .basicInfoSt li figure button {
    width: 40px;
    height: 40px;
  }
}
.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;
  font-weight: normal;
}
@media screen and (max-width: 321px) {
  .patientInfo__detail--status .basicInfoSt li h4 small {
    font-size: 12px;
  }
}
.patientInfo__detail--status .basicInfoSt li h4 b {
  font-weight: bold;
}
.patientInfo__detail--status .basicInfoSt li p {
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  line-height: 1.57;
}
@media screen and (max-width: 321px) {
  .patientInfo__detail--status .basicInfoSt li p {
    font-size: 12px;
  }
}
.patientInfo__detail--status .basicInfoSt li p:nth-child(2) {
  margin-top: 4px;
}
.patientInfo__detail--status .statItem {
  display: flex;
  align-items: center;
}
.patientInfo__detail .txtRequest p {
  padding: 12px;
  border: solid 1px #e1e1e1;
  border-radius: 10px;
  background-color: #fbfbfb;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  word-break: break-all;
}
@media screen and (max-width: 321px) {
  .patientInfo__detail .txtRequest p {
    font-size: 14px;
  }
}
.patientInfo__detail .txtRequest p small {
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  display: block;
}
@media screen and (max-width: 321px) {
  .patientInfo__detail .txtRequest p small {
    font-size: 12px;
  }
}
.patientInfo__bigData {
  padding: 0 20px 40px;
  background-color: #edf5fd;
}
.patientInfo__bigData--tit {
  position: relative;
  padding: 40px 20px 16px;
  width: calc(100% + 40px);
  margin-left: -20px;
  background: url(../tutoimg/bgBigdata.svg) no-repeat right 0;
}
.patientInfo__bigData--tit img {
  width: 200px;
}
.patientInfo__bigData--tit p {
  margin-top: 8px;
  color: #333;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
  font-weight: bold;
}
@media screen and (max-width: 321px) {
  .patientInfo__bigData--tit p {
    font-size: 16px;
  }
}
.patientInfo__bigData--chart {
  position: relative;
  padding: 20px 16px 20px 44px;
  border-radius: 12px;
  background: url(../tutoimg/iconCoinApply.svg) no-repeat left 16px top 22px/20px #fff;
  box-shadow: 0 4px 10px 0 rgba(8, 47, 90, 0.14);
}
.patientInfo__bigData--chart .rangeInfo p {
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .patientInfo__bigData--chart .rangeInfo p {
    font-size: 14px;
  }
}
.patientInfo__bigData--chart .rangeInfo span {
  margin-top: 4px;
  color: #111;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .patientInfo__bigData--chart .rangeInfo span {
    font-size: 14px;
  }
}
.patientInfo__bigData--chart .rangeInfo span strong {
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -1px;
}
@media screen and (max-width: 321px) {
  .patientInfo__bigData--chart .rangeInfo span strong {
    font-size: 16px;
  }
}
.patientInfo__bigData--chart + .reference {
  margin-top: 16px;
  color: #555;
}
.patientInfo__agree,
.patientInfo__insurContract {
  position: relative;
  padding: 40px 20px;
  border-top: solid 10px #f1f1f1;
}
.patientInfo__agree:after,
.patientInfo__insurContract:after {
  content: "";
  position: absolute;
  top: -11px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #e1e1e1;
}
.patientInfo__agree--tit,
.patientInfo__insurContract--tit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.patientInfo__agree--tit h3,
.patientInfo__insurContract--tit h3 {
  display: flex;
  align-items: center;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .patientInfo__agree--tit h3,
  .patientInfo__insurContract--tit h3 {
    font-size: 16px;
  }
}
.patientInfo__agree--tit h3 span,
.patientInfo__insurContract--tit h3 span {
  margin-left: 8px;
  color: #dc3545;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
  font-weight: normal;
}
@media screen and (max-width: 321px) {
  .patientInfo__agree--tit h3 span,
  .patientInfo__insurContract--tit h3 span {
    font-size: 11px;
  }
}
.patientInfo__insurContract--view {
  padding: 16px;
  background: url(../tutoimg/arrowRight-7.svg) no-repeat right 16px center;
  border: solid 1px #e1e1e1;
  border-radius: 12px;
  background-color: #fff;
  display: flex;
  align-items: center;
}
.patientInfo__insurContract--view figure {
  padding: 12px;
  border: solid 1px #e1e1e1;
  border-radius: 12px;
  background-color: #fbfbfb;
}
.patientInfo__insurContract--view figcaption {
  margin-left: 16px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .patientInfo__insurContract--view figcaption {
    font-size: 14px;
  }
}
.patientInfo__insurContract--view ~ p,
.patientInfo__insurContract--view ~ div {
  margin-top: 8px;
}
.patientInfo__insurContract--info {
  padding: 12px 12px 12px 34px;
  background: url(../tutoimg/iconNoti-grey.svg) no-repeat 12px 14px/16px #f6f6f6;
  border-radius: 12px;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .patientInfo__insurContract--info {
    font-size: 12px;
  }
}
.patientInfo__insurContract--ansewer p {
  padding: 11px 16px 11px 42px;
  border: 1px solid #e1e1e1;
  border-radius: 8px;
  background: url(../tutoimg/icon_chk_green.svg) no-repeat 16px center/16px #f6f6f6;
  color: #111;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: normal;
}
@media screen and (max-width: 321px) {
  .patientInfo__insurContract--ansewer p {
    font-size: 14px;
  }
}
.patientInfo__family {
  padding: 40px 20px;
}
.patientInfo__family .carePati__tit:nth-child(3) {
  margin-top: 32px;
}
.patientInfo__family--answer p {
  padding: 11px 16px 11px 42px;
  border: 1px solid #e1e1e1;
  border-radius: 8px;
  background: url(../tutoimg/icon_chk_green.svg) no-repeat 16px center/16px #f6f6f6;
  color: #111;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: normal;
}
@media screen and (max-width: 321px) {
  .patientInfo__family--answer p {
    font-size: 14px;
  }
}
.patientInfo__autoMatch {
  padding: 40px 20px;
}
.patientInfo__autoMatch--tit {
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.patientInfo__autoMatch--tit h3 {
  color: #111;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .patientInfo__autoMatch--tit h3 {
    font-size: 16px;
  }
}
.patientInfo__autoMatch--wrap {
  padding: 16px;
  border: 1px solid #e1e1e1;
  border-radius: 12px;
  background-color: #f6f6f6;
}
.patientInfo__autoMatch--wrap h4 {
  padding-left: 26px;
  background: url(../tutoimg/bgCareType.svg) no-repeat left 6px;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .patientInfo__autoMatch--wrap h4 {
    font-size: 14px;
  }
}
@media screen and (max-width: 321px) {
  .patientInfo__autoMatch--wrap h4 {
    padding-left: 22px;
    background: url(../tutoimg/bgCareType.svg) no-repeat left 3px;
  }
}
.patientInfo__autoMatch--wrap p {
  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) {
  .patientInfo__autoMatch--wrap p {
    font-size: 12px;
  }
}
.patientInfo__autoMatch--wrap .addBox {
  padding-top: 16px;
  margin-top: 16px;
  border-top: 1px solid #e1e1e1;
}
.patientInfo__autoMatch--wrap .addBox h4 {
  background: url(../tutoimg/ic_auto.svg) no-repeat left 6px;
}
@media screen and (max-width: 321px) {
  .patientInfo__autoMatch--wrap .addBox h4 {
    background: url(../tutoimg/ic_auto.svg) no-repeat left 3px;
  }
}
.patientInfo__autoMatch--card {
  padding: 16px;
  border: 1px solid #e1e1e1;
  border-radius: 12px;
  background-color: #f6f6f6;
}
.patientInfo__autoMatch--card .cardInfo {
  position: relative;
  padding: 16px;
  border: 1px solid #e1e1e1;
  border-radius: 12px;
  background: no-repeat right 16px center/35px #fff;
}
.patientInfo__autoMatch--card .cardInfo span {
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: bold;
}
@media screen and (max-width: 321px) {
  .patientInfo__autoMatch--card .cardInfo span {
    font-size: 14px;
  }
}
.patientInfo__autoMatch--card .cardInfo p {
  margin-top: 4px;
  color: #777;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: normal;
}
@media screen and (max-width: 321px) {
  .patientInfo__autoMatch--card .cardInfo p {
    font-size: 12px;
  }
}
.patientInfo__autoMatch--card .cardInfo:after {
  content: "";
  position: absolute;
  top: -1px;
  left: 16px;
  width: 32px;
  height: 4px;
  border-radius: 0 0 4px 4px;
}
.patientInfo__autoMatch--card .cardInfo.blue:after {
  background-color: #3d5eab;
}
.patientInfo__autoMatch--card .payInfo {
  padding: 16px 0;
  border-bottom: 1px solid #e1e1e1;
}
.patientInfo__autoMatch--card .payInfo div {
  margin-bottom: 6px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.patientInfo__autoMatch--card .payInfo div dt {
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: normal;
}
@media screen and (max-width: 321px) {
  .patientInfo__autoMatch--card .payInfo div dt {
    font-size: 12px;
  }
}
.patientInfo__autoMatch--card .payInfo div dt strong {
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: bold;
}
@media screen and (max-width: 321px) {
  .patientInfo__autoMatch--card .payInfo div dt strong {
    font-size: 14px;
  }
}
.patientInfo__autoMatch--card .payInfo div dd {
  color: #111;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .patientInfo__autoMatch--card .payInfo div dd {
    font-size: 14px;
  }
}
.patientInfo__autoMatch--card .payInfo div dd strong {
  color: #111;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: bold;
}
@media screen and (max-width: 321px) {
  .patientInfo__autoMatch--card .payInfo div dd strong {
    font-size: 14px;
  }
}
.patientInfo__autoMatch--card .payInfo div:last-child {
  margin-bottom: 0;
}
.patientInfo__autoMatch--card .txtInfo {
  padding: 12px 0 0 22px;
  background: url(../tutoimg/iconNoti-grey.svg) no-repeat left 14px/16px;
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: normal;
}
@media screen and (max-width: 321px) {
  .patientInfo__autoMatch--card .txtInfo {
    font-size: 12px;
  }
}

/* 환자 목록 */
.patientList {
  padding-bottom: 40px;
}
.patientList .noneItem {
  padding: 15vh 20px 20px;
  min-height: auto;
  background-color: transparent;
}
.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;
  line-height: 1;
}
@media screen and (max-width: 321px) {
  .patientList__items .radioCheckSel input[type="radio"] + label span {
    font-size: 11px;
  }
}
.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;
  font-weight: 500;
  text-align: center;
}
@media screen and (max-width: 321px) {
  .patientList__items--btn button {
    font-size: 11px;
  }
}

/* 환자 목록 삭제 업데이트 안내 */
.updateNoti {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 24px 20px 0;
  height: 100vh;
  background: url(../tutoimg/bg_appUpdate.jpg) no-repeat center/cover;
}
.updateNoti__tit {
  width: 100%;
  text-align: center;
}
.updateNoti__tit button {
  position: relative;
  z-index: 22;
  padding: 9px 32px 9px 12px;
  margin-left: auto;
  width: auto;
  border-radius: 20px;
  background: url(../tutoimg/ic_cancle_wh.svg) no-repeat right 12px center rgba(0, 0, 0, 0.4);
  color: #fff;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  line-height: 1;
}
@media screen and (max-width: 321px) {
  .updateNoti__tit button {
    font-size: 12px;
  }
}
.updateNoti__tit h2 {
  padding-top: 64px;
  margin-top: 36px;
  color: #7e4f40;
  font-size: 22px;
  line-height: 1.36;
  letter-spacing: -1.1px;
  background: url(../tutoimg/img_megaphone.png) no-repeat top center/60px;
}
@media screen and (max-width: 321px) {
  .updateNoti__tit h2 {
    font-size: 18px;
  }
}
.updateNoti__tit p {
  margin-top: 8px;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .updateNoti__tit p {
    font-size: 14px;
  }
}
.updateNoti__btn {
  padding: 0 20px 48px;
}
.updateNoti__btn .whiteRouBtn {
  padding: 15px 12px;
  margin: 0 auto;
  border-radius: 40px;
  background-color: #fff;
  width: 100%;
  max-width: 320px;
  color: #7e4f40;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
}
@media screen and (max-width: 321px) {
  .updateNoti__btn .whiteRouBtn {
    font-size: 14px;
  }
}
.updateNoti__btn p {
  margin-top: 24px;
  color: #fff;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  text-align: center;
}
@media screen and (max-width: 321px) {
  .updateNoti__btn p {
    font-size: 12px;
  }
}

.paymentInfo h2,
.paymentIng h2 {
  display: flex;
  align-items: center;
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .paymentInfo h2,
  .paymentIng h2 {
    font-size: 16px;
  }
}
.paymentInfo h2 span,
.paymentIng h2 span {
  margin-left: 4px;
  color: #dc3545;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: normal;
}
@media screen and (max-width: 321px) {
  .paymentInfo h2 span,
  .paymentIng h2 span {
    font-size: 12px;
  }
}
.paymentInfo__profile,
.paymentIng__profile {
  padding: 20px;
  background-color: #fbfbfb;
}
.paymentInfo__profile .profileCare__btn,
.paymentIng__profile .profileCare__btn {
  padding: 2px 16px 16px;
}
.paymentInfo__profile .profileCare__total,
.paymentIng__profile .profileCare__total {
  padding: 6px 0 0 0;
}
.paymentInfo__profile .profileCare__total--trade,
.paymentIng__profile .profileCare__total--trade {
  border-bottom: none;
}
.paymentInfo__det--time dl,
.paymentInfo__det--day dl,
.paymentIng__det--time dl,
.paymentIng__det--day dl {
  padding: 20px 16px;
  margin-top: 16px;
  border: solid 1px #e1e1e1;
  border-radius: 12px;
}
.paymentInfo__det--day dl div,
.paymentIng__det--day dl div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 6px;
}
.paymentInfo__det--day dl div dt,
.paymentIng__det--day dl div dt {
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  flex-shrink: 0;
}
@media screen and (max-width: 321px) {
  .paymentInfo__det--day dl div dt,
  .paymentIng__det--day dl div dt {
    font-size: 14px;
  }
}
.paymentInfo__det--day dl div:nth-child(n + 1):nth-child(-n + 2) dd,
.paymentIng__det--day dl div:nth-child(n + 1):nth-child(-n + 2) dd {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .paymentInfo__det--day dl div:nth-child(n + 1):nth-child(-n + 2) dd,
  .paymentIng__det--day dl div:nth-child(n + 1):nth-child(-n + 2) dd {
    font-size: 14px;
  }
}
.paymentInfo__det--day dl div:last-child,
.paymentIng__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,
.paymentIng__det--day dl div:last-child dt {
  padding-left: 26px;
  background: url(../tutoimg/iconPayInfo.svg) no-repeat left;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .paymentInfo__det--day dl div:last-child dt,
  .paymentIng__det--day dl div:last-child dt {
    padding-left: 18px;
    background-size: 14px;
  }
}
.paymentInfo__det--day dl div:last-child dd,
.paymentIng__det--day dl div:last-child dd {
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
  font-weight: bold;
}
@media screen and (max-width: 321px) {
  .paymentInfo__det--day dl div:last-child dd,
  .paymentIng__det--day dl div:last-child dd {
    font-size: 16px;
  }
}
.paymentInfo__det--time,
.paymentIng__det--time {
  margin-top: 20px;
}
.paymentInfo__det--time .calendar__tit,
.paymentIng__det--time .calendar__tit {
  display: block;
}
.paymentInfo__det--time .calendar span,
.paymentIng__det--time .calendar span {
  color: #555;
}
.paymentInfo__det--time dl,
.paymentIng__det--time dl {
  background-color: #f6f6f6;
}
.paymentInfo__det--time dl div,
.paymentIng__det--time dl div {
  padding-left: 26px;
}
.paymentInfo__det--time dl div:nth-child(n + 1),
.paymentIng__det--time dl div:nth-child(n + 1) {
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: solid 1px #e1e1e1;
}
.paymentInfo__det--time dl div:last-child,
.paymentIng__det--time dl div:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
.paymentInfo__det--time dl div:nth-child(-n + 2),
.paymentIng__det--time dl div:nth-child(-n + 2) {
  background: url(../tutoimg/iconClock.svg) no-repeat 0 5px;
}
.paymentInfo__det--time dl div:nth-child(3),
.paymentIng__det--time dl div:nth-child(3) {
  background: url(../tutoimg/iconPayInfo.svg) no-repeat 0 5px;
}
.paymentInfo__det--time dl div:nth-child(3) dd,
.paymentIng__det--time dl div:nth-child(3) dd {
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
  font-weight: bold;
}
@media screen and (max-width: 321px) {
  .paymentInfo__det--time dl div:nth-child(3) dd,
  .paymentIng__det--time dl div:nth-child(3) dd {
    font-size: 16px;
  }
}
.paymentInfo__det--time dl div dt,
.paymentIng__det--time dl div dt {
  margin-bottom: 2px;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .paymentInfo__det--time dl div dt,
  .paymentIng__det--time dl div dt {
    font-size: 14px;
  }
}
.paymentInfo__det--time dl div dd,
.paymentIng__det--time dl div dd {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .paymentInfo__det--time dl div dd,
  .paymentIng__det--time dl div dd {
    font-size: 14px;
  }
}

.paymentInfo__insur,
.paymentInfo__det {
  padding: 32px 20px;
}
.paymentInfo__insurContract {
  padding: 32px 20px;
}
.paymentInfo__insur a {
  display: flex;
  align-items: center;
}
.paymentInfo__insur a:first-of-type {
  padding: 16px 0 24px;
}
.paymentInfo__insur a:nth-of-type(2) {
  padding-top: 24px;
}
.paymentInfo__insur a:only-of-type {
  padding-bottom: 0;
}
.paymentInfo__insur a ~ a {
  border-top: solid 1px #e1e1e1;
}
.paymentInfo__insur i {
  flex-shrink: 0;
  margin-right: 16px;
  width: 64px;
  height: 64px;
  border: solid 1px #e1e1e1;
  border-radius: 8px;
  background: no-repeat center/40px #fbfbfb;
}
.paymentInfo__insur h3 {
  display: inline-block;
  padding-right: 14px;
  background: url(../tutoimg/arrowRight-7.svg) no-repeat right center/6px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .paymentInfo__insur h3 {
    font-size: 14px;
  }
}
.paymentInfo__insur p {
  margin-top: 4px;
  color: #777;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .paymentInfo__insur p {
    font-size: 12px;
  }
}
.paymentInfo__insur--view i {
  background-image: url(../tutoimg/icon_insurCertifi.svg);
}
.paymentInfo__insur--subs i {
  background-image: url(../tutoimg/icon_insurSubs.svg);
}
.paymentInfo__payer {
  padding: 32px 20px 40px;
}
.paymentInfo__payer b {
  margin-left: 4px;
  font-weight: normal;
}

/* 결제하기 */
.paymentIng__det {
  padding: 32px 20px;
}
.paymentIng__det--info {
  padding: 16px;
  margin-bottom: 32px;
  border: solid 1px #e1e1e1;
  border-radius: 12px;
}
.paymentIng__det--info div {
  display: flex;
  justify-content: space-between;
  margin-bottom: 6px;
}
.paymentIng__det--info div:last-child {
  margin-bottom: 0;
}
.paymentIng__det--info dt {
  flex-shrink: 0;
  width: 92px;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .paymentIng__det--info dt {
    font-size: 14px;
  }
}
.paymentIng__det--info dd {
  margin-top: 1px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
  text-align: right;
  word-break: break-all;
}
@media screen and (max-width: 321px) {
  .paymentIng__det--info dd {
    font-size: 14px;
  }
}
.paymentIng__how {
  padding: 20px;
}
.paymentIng__how h3 {
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .paymentIng__how h3 {
    font-size: 16px;
  }
}
.paymentIng__how > p {
  margin: 6px 0 16px;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .paymentIng__how > p {
    font-size: 12px;
  }
}
.paymentIng__how--btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 16px 0;
}
.paymentIng__how--btn button {
  width: calc(50% - 4px);
  border: solid 1px #e1e1e1;
  border-radius: 8px;
  background-repeat: no-repeat;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 321px) {
  .paymentIng__how--btn button {
    font-size: 14px;
  }
}
.paymentIng__how--btn button:hover {
  border-color: #7e4f40;
}
.paymentIng__how--btn button:nth-child(1) {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 16px 0 20px;
}
.paymentIng__how--btn button:nth-child(2) {
  padding: 16px 0 56px;
  background-image: url(../tutoimg/iconFastPay.svg);
  background-position: center bottom 20px;
}
.paymentIng__how--btn button.active {
  border-color: #7e4f40;
}
.paymentIng__how--btn button span {
  margin-top: 8px;
  width: 100px;
  height: 28px;
  background: url(../tutoimg/iconNorPay01.svg) no-repeat left,
    url(../tutoimg/iconNorPay02.svg) no-repeat 36px center,
    url(../tutoimg/iconNorPay03.svg) no-repeat right;
}
.paymentIng__how--info {
  padding: 16px;
  border-radius: 8px;
  background-color: #fbfbfb;
}
.paymentIng__how--info div:last-child {
  margin-top: 8px;
}
.paymentIng__how--info h4 {
  margin-bottom: 4px;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .paymentIng__how--info h4 {
    font-size: 12px;
  }
}
.paymentIng__how--info p {
  color: #555;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
}
@media screen and (max-width: 321px) {
  .paymentIng__how--info p {
    font-size: 11px;
  }
}

.paymentBan {
  padding: 13px 20px;
  background: url(../tutoimg/bgPayBan.svg) no-repeat right/contain #fff5ee;
}
.paymentBan h3 {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .paymentBan h3 {
    font-size: 14px;
  }
}
.paymentBan h3 span {
  display: block;
  color: #333;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .paymentBan h3 span {
    font-size: 11px;
  }
}
.paymentBan p {
  margin-top: 4px;
  color: #777;
  font-size: 10px;
  line-height: inherit;
  letter-spacing: 0.5px;
}
@media screen and (max-width: 321px) {
  .paymentBan p {
    font-size: 9px;
  }
}

/* 결제자 정보 */
.paymentPayerList {
  margin-top: 16px;
}
.paymentPayerList li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  border: solid 1px #e1e1e1;
  border-radius: 12px;
}
.paymentPayerList li h3 {
  margin-bottom: 2px;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
  word-break: break-all;
}
@media screen and (max-width: 321px) {
  .paymentPayerList li h3 {
    font-size: 14px;
  }
}
.paymentPayerList li p {
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .paymentPayerList li p {
    font-size: 12px;
  }
}
.paymentPayerList li span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  width: 84px;
  height: 36px;
  flex-shrink: 0;
  border: solid 1px #e1e1e1;
  border-radius: 8px;
  background-color: #f6f6f6;
}
@media screen and (max-width: 321px) {
  .paymentPayerList li span {
    font-size: 12px;
  }
}
.paymentPayerList li span.fail {
  color: #dc3545;
  border-color: #dc3545;
}
@media screen and (max-width: 321px) {
  .paymentPayerList li span {
    width: 60px;
  }
}

/* 한 줄 평 남기기 - 유니폼 */
.review__uniform {
  padding: 32px 20px;
}
.review__uniform h3 {
  margin-bottom: 16px;
}
.review__uniform li {
  margin-bottom: 8px;
}
.review__uniform li:last-child {
  margin-bottom: 0;
}

/* 보호자님이 남긴 후기 */
.mainViwList .pageTit {
  padding-bottom: 32px;
  border-bottom: solid 1px #e1e1e1;
}
.mainViwList__list {
  padding: 0 20px 16px;
}
.mainViwList__list li {
  position: relative;
  padding: 24px 0;
  border-bottom: solid 1px #e1e1e1;
}
.mainViwList__list li:last-child {
  border-bottom: 0;
}
.mainViwList__list li.focus {
  padding: 24px 20px 28px;
  margin-top: 24px;
  border-bottom: 0;
  border-radius: 12px;
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.12);
}
.mainViwList__list li.focus .mainViwList__list--asol {
  right: -4px;
}
.mainViwList__list li.block {
  padding-bottom: 12px;
}
.mainViwList__list li.block p {
  padding: 12px 0;
  margin-bottom: 0;
  border-radius: 8px;
  background-color: rgba(246, 246, 246, 0.9);
  text-align: center;
}
.mainViwList__list li.block p span {
  display: block;
  margin-top: 2px;
  color: #777;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .mainViwList__list li.block p span {
    font-size: 12px;
  }
}
.mainViwList__list--txt > span,
.mainViwList__list--txt > i {
  display: block;
  padding-right: 86px;
}
.mainViwList__list--txt > span {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  color: #777;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .mainViwList__list--txt > span {
    font-size: 12px;
  }
}
.mainViwList__list--txt > span strong {
  margin-right: 8px;
  color: #111;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .mainViwList__list--txt > span strong {
    font-size: 14px;
  }
}
.mainViwList__list--txt i {
  margin: 4px 0 8px;
  color: #777;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
  line-height: 1;
}
@media screen and (max-width: 321px) {
  .mainViwList__list--txt i {
    font-size: 11px;
  }
}
.mainViwList__list--txt p {
  margin-bottom: 12px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  word-break: break-all;
}
@media screen and (max-width: 321px) {
  .mainViwList__list--txt p {
    font-size: 14px;
  }
}
.mainViwList__list--txt small {
  padding: 4px 10px;
  border-radius: 20px;
  background-color: #f6f6f6;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  line-height: 1;
}
@media screen and (max-width: 321px) {
  .mainViwList__list--txt small {
    font-size: 12px;
  }
}
.mainViwList__list--asol {
  display: flex;
  align-items: center;
  position: absolute;
  top: 24px;
  right: -20px;
  z-index: 1;
}
.mainViwList__list--asol strong {
  padding: 9px 10px 9px 34px;
  border-radius: 20px;
  background: url(../tutoimg/bgStarOne.svg) no-repeat 10px center/16px #fff8c4;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  line-height: 1;
}
@media screen and (max-width: 321px) {
  .mainViwList__list--asol strong {
    font-size: 14px;
  }
}
.mainViwList__list--asol > button {
  width: 44px;
  height: 34px;
  background: url(../tutoimg/iconDotVer-3.svg) no-repeat right 20px center/16px;
  font-size: 0;
  text-indent: -9999px;
}
.mainViwList__list--asol > div {
  display: none;
  position: absolute;
  top: 42px;
  right: 20px;
  z-index: 2;
  padding: 5px 0;
  border: solid 1px #e1e1e1;
  border-radius: 12px;
  background-color: #fff;
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.12);
}
.mainViwList__list--asol > div.on {
  display: block;
}
.mainViwList__list--asol > div button {
  display: block;
  padding: 6px 12px 6px 32px;
  background: no-repeat 12px center/16px;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .mainViwList__list--asol > div button {
    font-size: 12px;
  }
}
.mainViwList__list--asol > div .blockBtn {
  background-image: url(../tutoimg/iconBlock.svg);
}
.mainViwList__list--asol > div .reportBtn {
  background-image: url(../tutoimg/iconReport.svg);
}
.mainViwList__list--asol > div .unlockBtn {
  background-image: url(../tutoimg/iconUnlock.svg);
}

.popupWrap__infoList {
  padding: 12px 16px;
  margin: 16px auto 0;
  width: calc(100% - 32px);
  border: solid 1px #e1e1e1;
  border-radius: 12px;
  background-color: #f6f6f6;
}
.popupWrap__infoList div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.popupWrap__infoList div dt {
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: normal;
}
@media screen and (max-width: 321px) {
  .popupWrap__infoList div dt {
    font-size: 12px;
  }
}
.popupWrap__infoList div dd {
  color: #111;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: bold;
}
@media screen and (max-width: 321px) {
  .popupWrap__infoList div dd {
    font-size: 12px;
  }
}
.popupWrap__infoList div.big {
  padding-top: 12px;
  margin-top: 12px;
  border-top: 1px solid #e1e1e1;
}
.popupWrap__infoList div.big dt,
.popupWrap__infoList div.big dd {
  color: #111;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: bold;
}
@media screen and (max-width: 321px) {
  .popupWrap__infoList div.big dt,
  .popupWrap__infoList div.big dd {
    font-size: 14px;
  }
}

.popupWrap__desc {
  padding: 0 16px;
  margin: 10px 0 32px;
  color: #777;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: normal;
}
@media screen and (max-width: 321px) {
  .popupWrap__desc {
    font-size: 12px;
  }
}

.popupWrap__tit--ai {
  display: inline-block;
  width: 80px;
  height: 112px;
  background: url(../tutoimg/icon_ai.svg) no-repeat -16px 0/912px;
  animation: ai 1.4s infinite steps(1, start);
}
@keyframes ai {
  0% {
    background-position: -16px 0;
  }
  20% {
    background-position: -16px 0;
  }
  30% {
    background-position: -116px 0;
  }
  40% {
    background-position: -216px 0;
  }
  50% {
    background-position: -316px 0;
  }
  60% {
    background-position: -416px 0;
  }
  70% {
    background-position: -516px 0;
  }
  80% {
    background-position: -616px 0;
  }
  90% {
    background-position: -716px 0;
  }
  100% {
    background-position: -816px 0;
  }
}

.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;
  }
}

.bottomPopup .bottomPopupWrap:has(.bottomPopup__fullPage) {
  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__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;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .bottomPopup__card li p {
    font-size: 14px;
  }
}
.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;
  }
}

/*# sourceMappingURL=style.css.map */