.underlineTit18 {
  display: inline-block;
  padding-bottom: 8px;
  border-bottom: solid 3px #386392;
  color: #386392;
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .underlineTit18 {
    font-size: 16px;
  }
}
.underlineTit20 {
  display: inline-block;
  padding-bottom: 8px;
  border-bottom: solid 2px #386392;
  color: #386392;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -1px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .underlineTit20 {
    font-size: 18px;
  }
}
.W500 {
  font-weight: 500 !important;
}
mark {
  background: linear-gradient(to top, #fff8c4 48%, transparent 48%);
}
mark.blue {
  background: linear-gradient(to top, #ecf5ff 48%, transparent 48%);
}
mark.gray {
  background: linear-gradient(to top, #e8e8e8 48%, transparent 48%);
}
small {
  font-size: inherit;
}
em {
  display: block;
  margin-top: 8px;
  color: #dc3545;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: normal;
  font-style: normal;
}
@media screen and (max-width: 321px) {
  em {
    font-size: 12px;
  }
}
.txtColorRed {
  color: #dc3545 !important;
}
.txtBlue {
  color: #0063f8 !important;
}
.txtCobalt {
  color: #0067d8 !important;
}
.request {
  padding-left: 20px;
  margin-top: 2px;
  background: url(../imagesMat/ic_request.svg) no-repeat 0 4px/16px;
}
.txtBox {
  padding: 12px;
  margin-top: 12px;
  border: solid 1px #e1e1e1;
  border-radius: 10px;
  background-color: #fafafa;
  color: #111;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: normal;
}
@media screen and (max-width: 321px) {
  .txtBox {
    font-size: 14px;
  }
}
.mainAccount a * {
  color: #fff;
}
.Accept-content * {
  font-size: 16px !important;
  line-height: 1.5 !important;
  letter-spacing: -0.8px !important;
}
@media screen and (max-width: 321px) {
  .Accept-content * {
    font-size: 12px !important;
    line-height: 1.5 !important;
    letter-spacing: -0.6px !important;
  }
}
.a11y-hidden {
  overflow: hidden;
  position: absolute;
  padding: 0;
  margin: -1px;
  width: 1px;
  height: 1px;
  border: 0;
  white-space: nowrap;
  clip: rect(0 0 0 0);
}
.none {
  display: none !important;
}
.txtgrBrown {
  color: #555 !important;
}
.numberDot {
  position: relative;
  padding-left: 14px;
  margin-top: 6px;
  counter-increment: num;
}
.numberDot:after {
  content: counter(num) ".";
  position: absolute;
  top: 0;
  left: 0;
}
header,
nav.siteMenu {
  position: fixed;
  left: 0;
  z-index: 16;
  width: 100%;
}
header {
  display: flex;
  align-items: center;
  top: 0;
  left: 50%;
  max-width: 600px;
  border-bottom: solid 1px #f1f1f1;
  background-color: #fff;
  transform: translateX(-50%);
}
header .commonWrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding: 0 20px 0 0;
  margin: 0 auto;
  width: 100%;
  max-width: 600px;
  height: 60px;
}
@media screen and (max-width: 321px) {
  header .commonWrap.pl20 h1 {
    font-size: 20px;
  }
}
header .commonWrap h1 {
  font-size: 24px;
  line-height: 1.33;
  letter-spacing: -1.2px;
  font-weight: normal;
}
@media screen and (max-width: 321px) {
  header .commonWrap h1 {
    font-size: 22px;
  }
}
header .commonWrap h1 a {
  display: block;
  width: 130px;
  height: 24px;
  background: url(../imagesMat/logo.svg) no-repeat left/130px;
  font-size: 0;
  text-indent: -9999px;
}
@media screen and (max-width: 321px) {
  header .commonWrap h1 a {
    width: 110px;
    height: 20px;
    background-size: 110px;
  }
}
header .commonWrap div {
  display: flex;
  align-items: center;
}
header .commonWrap .headerBtnWrap.search {
  position: absolute;
  right: 20px;
  z-index: 18;
  cursor: pointer;
}
header .commonWrap .headerBtnWrap button {
  font-size: 0;
  text-indent: -9999px;
  width: 24px;
  height: 60px;
  background: no-repeat center/auto 24px;
}
header .commonWrap .headerBtnWrap button.btnClock {
  background-image: url(../imagesMat/icon_clock.svg);
}
header .commonWrap .headerBtnWrap button.btnFilter {
  background-image: url(../imagesMat/icon_filter.svg);
}
header .commonWrap .headerBtnWrap button.close {
  background-image: url(../imagesMat/icon_close01.svg);
  background-size: 16px;
}
header .commonWrap .headerBtnWrap button.btnQues {
  background-image: url(../imagesMat/icon_question.svg);
}
header .commonWrap .headerBtnWrap button.searchBtn {
  background-image: url(../imagesMat/icon_search02.svg);
}
header .commonWrap .headerBtnWrap button:last-child {
  margin-left: 12px;
}
header .commonWrap .headerBtnWrap .tooltip {
  position: absolute;
  top: 58px;
  right: 10px;
  z-index: 24;
  padding: 6px 34px 6px 16px;
  border-radius: 12px;
  background-image: none;
}
header .commonWrap .headerBtnWrap .tooltip:after {
  top: -20px;
  right: 14px;
  bottom: auto;
  left: auto;
  margin-left: 0;
  transform: rotate(180deg);
}
header .commonWrap .headerBtnWrap .tooltip p {
  font-weight: 500;
  white-space: normal;
}
header .commonWrap .headerBtnWrap .tooltip .close {
  position: absolute;
  top: 0;
  right: 0;
  margin-left: 0;
  width: 34px;
  height: 32px;
  background: url(../imagesMat/icon_close03.svg) no-repeat right 16px top 11px;
}
header .commonWrap .headerSearch {
  position: absolute;
  top: 0;
  left: 48px;
  width: calc(100% - 138px);
  height: 100%;
}
header .commonWrap .headerSearch:has(.resetBtn) input {
  padding-right: 45px;
}
header .commonWrap .headerSearch input {
  padding: 0;
  width: 100%;
  border: 0;
}
header .commonWrap .headerSearch .resetBtn {
  right: 0;
  height: 60px;
  background-position: right 0 top 25px;
  background-image: url(../imagesMat/icon_close04.svg);
}
header.hidden {
  display: none;
}
header.b0 .commonWrap {
  border-bottom: none;
}
.headerTab {
  display: flex;
  align-items: center;
  position: sticky;
  top: 60px;
  z-index: 10;
  width: 100%;
  max-width: 600px;
  background-color: #fff;
}
.headerTab .new {
  font-size: 0;
  text-indent: -9999px;
}
.headerTab li {
  position: relative;
  padding: 8px 0;
  width: 100%;
  border-bottom: solid 1px #e1e1e1;
  color: #aeb0b5;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  text-align: center;
  cursor: pointer;
}
@media screen and (max-width: 321px) {
  .headerTab li {
    font-size: 14px;
  }
}
.headerTab li span {
  align-self: flex-start;
  position: absolute;
  top: 8px;
  left: calc(50% + 30px);
  margin-left: 4px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #dc3545;
  text-align: center;
  color: #fff;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
  font-weight: 500;
  line-height: 14px;
}
@media screen and (max-width: 321px) {
  .headerTab li span {
    font-size: 10px;
  }
}
@media screen and (max-width: 321px) {
  .headerTab li span {
    left: calc(50% + 26px);
    margin-left: 0;
  }
}
.headerTab li span.over {
  width: 21px;
  height: 15px;
  border-radius: 10px;
}
.headerTab li span.over:after {
  content: "+";
}
.headerTab li.active {
  font-weight: bold;
  color: #386392;
}
.headerTab li.active:after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #386392;
}
nav.siteMenu {
  bottom: 0;
}
nav.siteMenu ul {
  overflow: hidden;
  display: flex;
  margin: 0 auto;
  max-width: 600px;
  height: 68px;
  background-color: #fff;
  box-shadow: 0 -2px 5px 0 rgba(0, 0, 0, 0.05);
}
nav.siteMenu li {
  width: 20%;
  text-align: center;
}
nav.siteMenu li a {
  position: relative;
  padding-top: 38px;
  height: 68px;
  background: no-repeat center 10px;
  color: #555;
  font-size: 15px;
  line-height: 1.47;
  letter-spacing: -0.75px;
  cursor: pointer;
}
@media screen and (max-width: 321px) {
  nav.siteMenu li a {
    font-size: 13px;
  }
}
@media screen and (max-width: 321px) {
  nav.siteMenu li a {
    padding-top: 42px;
    background-position: center 14px;
  }
}
nav.siteMenu li a.new::after {
  content: "new";
  position: absolute;
  top: 6px;
  right: 14px;
  width: 14px;
  height: 14px;
  background-image: url(../imagesMat/siteMenuNew.svg);
  font-size: 0;
  text-indent: -9999px;
}
nav.siteMenu li a.current {
  color: #386392;
  font-weight: bold;
}
nav.siteMenu li a.nav01 {
  background-image: url(../imagesMat/nav01.svg);
}
nav.siteMenu li a.nav01.current {
  background-image: url(../imagesMat/nav01-cur.svg);
}
nav.siteMenu li a.nav02 {
  background-image: url(../imagesMat/nav02.svg);
}
nav.siteMenu li a.nav02.current {
  background-image: url(../imagesMat/nav02-cur.svg);
}
nav.siteMenu li a.nav03 {
  background-image: url(../imagesMat/nav03.svg);
}
nav.siteMenu li a.nav03.current {
  background-image: url(../imagesMat/nav03-cur.svg);
}
nav.siteMenu li a.nav04 {
  background-image: url(../imagesMat/nav04.svg);
}
nav.siteMenu li a.nav04.current {
  background-image: url(../imagesMat/nav04-cur.svg);
}
nav.siteMenu li a.nav05 {
  background-image: url(../imagesMat/nav05.svg);
}
nav.siteMenu li a.nav05.current {
  background-image: url(../imagesMat/nav05-cur.svg);
}
nav.siteMenu li a.nav06 {
  background-image: url(../imagesMat/nav06.svg);
}
nav.siteMenu li a.nav06.current {
  background-image: url(../imagesMat/nav06-cur.svg);
}
.scrollTab.basic {
  position: relative;
}
.scrollTab:before,
.scrollTab:after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
}
.scrollTab:before {
  bottom: -8px;
  z-index: -2;
  height: 10px;
  background-color: #f1f1f1;
}
.scrollTab:after {
  bottom: 1px;
  z-index: -1;
  height: 1px;
  background-color: #e1e1e1;
}
.scrollTab__menu {
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  display: flex;
  flex-wrap: nowrap;
  padding: 0 28px;
  background-color: #fff;
  white-space: nowrap;
}
.scrollTab__menu::-webkit-scrollbar {
  display: none;
}
.scrollTab__menu li {
  position: relative;
}
.scrollTab__menu li ~ li {
  margin-left: 8px;
}
.scrollTab__menu li button {
  color: #aeb0b5;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  padding: 12px 8px 8px;
}
@media screen and (max-width: 321px) {
  .scrollTab__menu li button {
    font-size: 14px;
  }
}
.scrollTab__menu li.active button {
  font-weight: bold;
  color: #386392;
}
.scrollTab__menu li.active button:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #386392;
}
.headerFilter {
  position: fixed;
  top: 100px;
  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: rgba(0, 0, 0, 0);
  background-color: #666;
  color: #fff;
  font-weight: 500;
}
.headerFilter__tab button:not(:last-child) {
  margin-right: 8px;
}
select {
  padding: 10px 12px;
  border: solid 1px #e1e1e1;
  border-radius: 8px;
  background: url(../imagesMat/bgTime.svg) no-repeat right 8px center;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  select {
    font-size: 14px;
  }
}
main {
  margin: 0 auto;
  max-width: 600px;
}
main.mt0 .subWrap {
  margin-top: 0;
  min-height: 100vh;
}
@media screen and (min-width: 600px) {
  body {
    background-color: #e7e7e7;
  }
  main {
    background-color: #fff;
  }
}
.commonWrap {
  padding: 0 20px;
}
.commonWrap02 {
  padding: 20px 20px 32px;
}
.commonWrap03 {
  padding: 32px 20px 20px;
}
.commonWrap04 {
  padding: 20px;
}
.commonWrap04.breakLine .caregiver__profile {
  margin-bottom: 0;
}
.commonWrap05 {
  padding: 40px 20px 20px;
}
.commonWrap06 {
  padding: 40px 0 32px;
}
.commonWrap06 {
  padding: 20px 20px 40px;
}
.commonWrap07 {
  padding: 24px 20px 0;
}
.commonWrap08 {
  padding: 32px 20px;
}
.commonWrap09 {
  padding: 24px 20px;
}
.commonWrap10 {
  padding: 40px 20px;
}
.commonWrap11 {
  padding: 30px 20px 40px;
}
.commonWrap12 {
  padding: 40px 20px 32px;
}
.subWrap {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-top: 60px;
  min-height: calc(100vh - 60px);
}
.subWrap .btnWrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  margin: 20px 0;
}
.subWrap .btnWrap.bgGray {
  padding: 20px;
  margin: 0;
  background-color: #f1f1f1;
}
.subWrap .btnWrap.bgGray a {
  padding: 10.5px 20px;
  margin-bottom: 30px;
  border: solid 1px #e1e1e1;
  border-radius: 8px;
  background: url(../imagesMat/arrow_right04.svg) no-repeat right 20px center/7px #f6f6f6;
  color: #777;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
  text-align: left;
  line-height: 1.71;
}
@media screen and (max-width: 321px) {
  .subWrap .btnWrap.bgGray a {
    font-size: 12px;
  }
}
.subWrap .btnWrap.fixed {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 5;
  max-width: 600px;
  padding: 20px;
  margin: 0;
  background-image: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.2),
    rgba(255, 255, 255, 0.8) 8%,
    #fff 20%
  );
}
@media screen and (min-width: 600px) {
  .subWrap .btnWrap.fixed {
    left: 50%;
    margin-left: -300px;
  }
}
.subWrap.mt0 {
  min-height: 100vh;
}
.subWrapFix {
  margin-top: 60px;
  padding-bottom: 100px;
  min-height: calc(100vh - 60px);
}
@media screen and (max-width: 321px) {
  .subWrapFix {
    padding-bottom: 92px;
  }
}
.basicTopBottom {
  margin: 60px 0 68px;
  min-height: calc(100vh - 128px);
}
.bgGray {
  background-color: #f6f6f6;
}
.bgEgBlue {
  background-color: #ecf5ff;
}
.bgWhite {
  background-color: #fff;
}
.borderBlue {
  border-color: #386392 !important;
}
.hospital {
  background: url(../imagesMat/icon_hospital.svg) no-repeat right top;
}
.home {
  background: url(../imagesMat/icon_home.svg) no-repeat right;
}
.acomp {
  background: url(../imagesMat/icon_acomp.svg) no-repeat right/40px;
}
.gasa {
  background: url(../imagesMat/icon_gasa.svg) no-repeat right;
}
.postpartum {
  background: url(../imagesMat/icon_postpartum.svg) no-repeat right;
}
.breakLine {
  position: relative;
  border-bottom: solid 10px #f1f1f1;
}
.breakLine:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #e1e1e1;
}
.breakLine.scroll {
  position: fixed;
  top: 60px;
  z-index: 15;
  width: 100%;
  max-width: 600px;
  border-bottom: solid 8px #f6f6f6;
  background-color: #fff;
}
@media screen and (min-width: 600px) {
  .breakLine.scroll {
    left: 50%;
    margin-left: -300px;
  }
}
.accodiBgWhite {
  border-radius: 12px;
  background-color: #fff;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
}
.accodiBgWhite.open .accodiBgWhite__txt {
  display: block;
}
.accodiBgWhite.open .accodiBgWhite__tit {
  background-image: url(../imagesMat/accodiClose02.svg);
}
.accodiBgWhite__tit {
  background: url(../imagesMat/accodiOpen02.svg) no-repeat right 12px center;
}
.accodiBgWhite__tit button {
  display: block;
  padding: 16px 37px 16px 16px;
  width: 100%;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: bold;
}
@media screen and (max-width: 321px) {
  .accodiBgWhite__tit button {
    font-size: 14px;
  }
}
.accodiBgWhite__txt {
  display: none;
  padding: 0 37px 16px 16px;
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  line-height: normal;
}
@media screen and (max-width: 321px) {
  .accodiBgWhite__txt {
    font-size: 12px;
  }
}
.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 40px 0;
}
.pagination a {
  flex-shrink: 0;
  margin: 0 6px;
  width: 30px;
  height: 30px;
  border: solid 1px #e1e1e1;
  background: no-repeat center/6px;
  color: #aeb0b5;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  line-height: 28px;
  text-align: center;
}
@media screen and (max-width: 321px) {
  .pagination a {
    font-size: 14px;
  }
}
.pagination a.current {
  background-color: #f6f6f6;
}
.pagination a.disabled {
  display: none;
}
.pagination a.prev {
  font-size: 0;
  text-indent: -9999px;
  background-image: url(../imagesMat/arrow_left03.svg);
}
.pagination a.next {
  font-size: 0;
  text-indent: -9999px;
  background-image: url(../imagesMat/arrow_right03.svg);
}
.advancement__banner {
  padding: 16px 20px;
  border-radius: 12px;
  background-color: #e2f1ff;
  background-repeat: no-repeat;
}
.advancement__banner p {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .advancement__banner p {
    font-size: 12px;
  }
}
.advancement__banner p:before {
  content: "";
  display: inline-block;
  flex-shrink: 0;
  margin-right: 14px;
  width: 48px;
  height: 50px;
  background-image: url(../imagesMat/joinRegiBan.svg);
}
.timeCareLabel {
  position: absolute;
  top: -6px;
  right: 16px;
  z-index: 2;
  width: 40px;
  filter: drop-shadow(0 3px 2px rgba(0, 0, 0, 0.16));
}
.map {
  position: relative;
}
.zoom {
  position: absolute;
  right: 12px;
  bottom: 10px;
  z-index: 2;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: url(../imagesMat/zoom.svg) no-repeat center/14px #fff;
  font-size: 0;
  text-indent: -9999px;
  box-shadow: 0px 4px 6px 0 rgba(0, 0, 0, 0.2);
}
.listTopLabel {
  display: none;
  position: absolute;
  top: -31px;
  left: -1px;
  z-index: 1;
  padding: 5px 10px;
  border-radius: 8px 8px 0 0;
  background-color: #386392;
  color: #fff;
}
@media screen and (max-width: 321px) {
  .listTopLabel {
    top: -28px;
  }
}
.listTopLabel p {
  color: #fff;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: bold;
}
@media screen and (max-width: 321px) {
  .listTopLabel p {
    font-size: 12px;
  }
}
.listTopLabel p span {
  margin-left: 8px;
  font-weight: normal;
}
.basic__myInfo {
  padding: 16px;
  border: solid 1px #e1e1e1;
  border-radius: 12px;
  background-color: #f6f6f6;
}
.basic__myInfo div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: solid 1px #e1e1e1;
}
.basic__myInfo div:last-child {
  margin: 0;
  padding: 0;
  border: 0;
}
.basic__myInfo dt,
.basic__myInfo dd {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  line-height: 1.25;
}
@media screen and (max-width: 321px) {
  .basic__myInfo dt,
  .basic__myInfo dd {
    font-size: 14px;
  }
}
.basic__myInfo dt {
  color: #333;
  font-weight: normal;
}
.basic__myInfo dd {
  font-weight: 500;
}
.basicChr {
  position: relative;
  flex-shrink: 0;
  width: 108px;
  height: 108px;
  border: solid 1px #e1e1e1;
  border-radius: 50%;
  background: no-repeat center/cover #f6f6f6;
}
.basicChr.examine::before {
  content: "검토 예정";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: bold;
  line-height: 108px;
  text-align: center;
}
@media screen and (max-width: 321px) {
  .basicChr.examine::before {
    font-size: 14px;
  }
}
.basicChr.complete::after,
.basicChr.examine::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: url(../imagesMat/icon_check02.svg) no-repeat center #fd0;
}
.certifiAgree__info {
  padding: 16px;
  border: solid 1px #e1e1e1;
  border-radius: 12px;
  background-color: #f6f6f6;
}
.certifiAgree__info p {
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .certifiAgree__info p {
    font-size: 12px;
  }
}
.certifiAgree__info span {
  color: #dc3545;
  font-weight: 500;
}
.certifiAgree__info u {
  color: #0067d8;
}
.myAccountList h4,
.myAccountList h5 {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .myAccountList h4,
  .myAccountList h5 {
    font-size: 14px;
  }
}
.myAccountList h5 {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-bottom: 2px;
}
.myAccountList p {
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .myAccountList p {
    font-size: 12px;
  }
}
.myAccountList p span {
  margin-right: 8px;
}
.myAccountList li {
  padding: 20px;
  margin-bottom: 20px;
  border-radius: 12px;
  background-color: #fff;
  box-shadow: 0 2px 8px 0 rgba(17, 17, 17, 0.1);
}
.myAccountList li:last-child {
  margin-bottom: 0;
}
.myAccountList li div:nth-child(1) {
  padding-right: 54px;
  background-image: url(../imagesMat/accountCard.svg);
  background-repeat: no-repeat;
  background-position: right;
}
.myAccountList li.active {
  border: solid 1px #386392;
  background-color: #ecf5ff;
}
.myAccountList li.active .myAccountList__tit {
  background-image: url(../imagesMat/accountCardCheck.svg);
}
.penaltyInfo {
  padding: 16px 14px;
  width: 100%;
  border-radius: 12px;
  background-color: #fff;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
}
.penaltyInfo h2,
.penaltyInfo p {
  text-align: center;
}
.penaltyInfo h2 {
  padding-top: 62px;
  background: url(../imagesMat/penalty.svg) no-repeat center 8px;
  color: #dc3545;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -1px;
}
@media screen and (max-width: 321px) {
  .penaltyInfo h2 {
    font-size: 18px;
  }
}
.penaltyInfo p {
  margin-top: 8px;
  color: #111;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .penaltyInfo p {
    font-size: 14px;
  }
}
.penaltyInfo p.txtGr {
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .penaltyInfo p.txtGr {
    font-size: 12px;
  }
}
.penaltyInfo a {
  padding: 12px 0;
  margin-top: 16px;
  border: solid 1px #386392;
  border-radius: 8px;
  background: url(../imagesMat/arrow_right02.svg) no-repeat right 16px center/8px #ecf5ff;
  color: #386392;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
  line-height: 1.25;
  text-align: center;
}
@media screen and (max-width: 321px) {
  .penaltyInfo a {
    font-size: 14px;
  }
}
.penaltyInfo.inspec figure {
  padding-top: 20px;
  margin-bottom: 12px;
}
.penaltyInfo.inspec figure img {
  margin: 0 auto;
}
.penaltyInfo.inspec h2 {
  padding-top: 0 !important;
  background: none;
}
.penaltyInfo.inspec h3 {
  color: #dc3545;
}
.penaltyInfo.inspec p {
  margin-top: 12px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .penaltyInfo.inspec p {
    font-size: 14px;
  }
}
.penaltyInfo__detail {
  padding: 16px;
  margin: 16px 0;
  border: solid 1px #e1e1e1;
  border-radius: 12px;
  background-color: #f6f6f6;
}
.penaltyInfo__detail div {
  display: flex;
  margin-bottom: 4px;
}
.penaltyInfo__detail div:last-child {
  margin-bottom: 0;
}
.penaltyInfo__detail dt,
.penaltyInfo__detail dd {
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .penaltyInfo__detail dt,
  .penaltyInfo__detail dd {
    font-size: 12px;
  }
}
.penaltyInfo__detail dt {
  font-weight: normal;
  flex-shrink: 0;
}
.penaltyInfo__detail dd {
  position: relative;
  padding-left: 14px;
  font-weight: bold;
}
.penaltyInfo__detail dd:before {
  content: ":";
  position: absolute;
  top: 0;
  left: 5px;
}
.popupWrap .penaltyInfo {
  padding: 0;
  border-radius: 0;
  box-shadow: none;
}
.popupWrap .penaltyInfo h2 {
  padding-top: 54px;
  background-position: center 0;
}
.bubbleInfo {
  display: inline-block;
  position: relative;
  padding: 10px 14px;
  margin-bottom: 28px;
  border: solid 1px #fd0;
  border-radius: 18px;
  background-color: #fff8c4;
}
@media screen and (max-width: 281px) {
  .bubbleInfo {
    padding: 10px 8px;
    text-align: center;
  }
}
.bubbleInfo::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -12px;
  right: 10px;
  z-index: 1;
  width: 30px;
  height: 14px;
  background: url(../imagesMat/padientBubble.svg) no-repeat 0 bottom/30px;
}
.bubbleInfo.pd6 {
  padding: 10px 6px;
}
.bubbleInfo p {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: bold;
  line-height: 1;
}
@media screen and (max-width: 321px) {
  .bubbleInfo p {
    font-size: 14px;
  }
}

.compleCheck {
  margin: 0 auto;
  width: 60px;
  height: 60px;
  border-radius: 50%;
}

.compleCheck {
  background: url(../imagesMat/icon_check03.svg) no-repeat center/27px #fd0;
}
.noticeYelBox {
  padding: 16px 20px;
  border: solid 1px #fd0;
  border-radius: 10px;
  background-color: #fff8c4;
}
.noticeYelBox:has(p:only-child) {
  padding: 12px 16px;
}
.noticeYelBox.scroll {
  position: fixed;
  top: 60px;
  left: 50%;
  z-index: 20;
  padding: 12px 16px;
  width: 100% !important;
  max-width: 600px;
  border: 0;
  border-radius: 0;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
  transform: translateX(-50%);
}
.noticeYelBox strong {
  display: block;
  padding-left: 28px;
  background: url(../imagesMat/icon_noticeInfo.svg) no-repeat 0 2px;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .noticeYelBox strong {
    font-size: 14px;
  }
}
@media screen and (max-width: 321px) {
  .noticeYelBox strong {
    padding-left: 24px;
    background-size: 16px;
  }
}
.noticeYelBox p {
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .noticeYelBox p {
    font-size: 12px;
  }
}
.noticeYelBox p:first-of-type {
  margin-top: 4px;
}
.noticeYelBox p:only-child {
  padding-left: 28px;
  margin-top: 0;
  background: url(../imagesMat/icon_noticeInfo.svg) no-repeat 0 2px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .noticeYelBox p:only-child {
    padding-left: 24px;
    background-size: 16px;
  }
}
.noticeYelBox p.reference {
  margin-top: 0;
  color: #386392;
  font-weight: 500;
}
.limitTextarea {
  overflow-y: auto;
  position: relative;
  border: solid 1px #e1e1e1;
  border-radius: 8px;
  background-color: #fff;
}
.limitTextarea.h152 {
  height: 152px;
}
.limitTextarea.h120 {
  height: 120px;
}
.limitTextarea.h120 textarea {
  height: 82px;
}
.limitTextarea:has(textarea:focus) {
  border: solid 1px #111;
}
.limitTextarea:has(.viewTextarea) {
  height: 116px;
}
.limitTextarea textarea {
  height: 102px;
  border: 0;
  border-radius: 0;
  word-break: break-all;
}
.limitTextarea p {
  position: absolute;
  right: 12px;
  bottom: 12px;
  color: #999;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  line-height: 18px;
}
@media screen and (max-width: 321px) {
  .limitTextarea p {
    font-size: 12px;
  }
}
.limitTextarea .viewTextarea {
  padding: 12px;
  color: #111;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  word-break: break-all;
}
@media screen and (max-width: 321px) {
  .limitTextarea .viewTextarea {
    font-size: 14px;
  }
}
.videoLabel,
.postLabel {
  position: absolute;
  right: 6px;
  bottom: 6px;
  width: 28px;
  height: 28px;
  background: no-repeat center #fff;
  border-radius: 50%;
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.12);
  font-size: 0;
  text-indent: -9999px;
}
.videoLabel {
  background: url(../imagesMat/labelVideo.svg) no-repeat 9px center #fff;
}
.postLabel {
  background: url(../imagesMat/labelPost.svg) no-repeat center #fff;
}
.careComple {
  background-image: url(../imagesMat/trade01.svg);
}
.careComple.disabled {
  background-image: url(../imagesMat/trade01-dis.svg);
}
.certifi {
  background-image: url(../imagesMat/trade02.svg);
}
.certifi.disabled {
  background-image: url(../imagesMat/trade02-dis.svg);
}
.totalCare {
  background-image: url(../imagesMat/trade03.svg);
}
.totalCare.disabled {
  background-image: url(../imagesMat/trade03-dis.svg);
}
.careCancle {
  background-image: url(../imagesMat/trade04.svg);
}
.careCancle.disabled {
  background-image: url(../imagesMat/trade04-dis.svg);
}
.careAccident {
  background-image: url(../imagesMat/trade05.svg);
}
.careAccident.disabled {
  background-image: url(../imagesMat/trade05-dis.svg);
}
.careVac {
  background-image: url(../imagesMat/icon_vac.svg);
}
.careVac.disabled {
  background-image: url(../imagesMat/icon_vac-dis.svg);
}
table {
  border-collapse: separate;
}
table th,
table td {
  vertical-align: middle;
}
table thead {
  background-color: #f1f1f1;
}
table thead th {
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  line-height: 1.25;
}
@media screen and (max-width: 321px) {
  table thead th {
    font-size: 14px;
  }
}
table thead th:first-child,
table thead td:first-child {
  border-radius: 8px 0 0 8px;
}
table thead th:last-child,
table thead td:last-child {
  border-radius: 0 8px 8px 0;
}
table tbody td:nth-child(n + 2) {
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  line-height: 1.57;
}
@media screen and (max-width: 321px) {
  table tbody td:nth-child(n + 2) {
    font-size: 12px;
  }
}
table tbody tr:nth-child(2n) {
  background-color: #f6f6f6;
}
.basicTable th:nth-child(n + 2),
.basicTable td:nth-child(n + 2) {
  padding: 12px 0;
}
@media screen and (max-width: 321px) {
  .basicTable caption {
    font-size: 18px !important;
  }
  .basicTable tbody td:nth-child(1) {
    font-size: 14px !important;
  }
}
.accodiTabWrap .accodi__list--tit,
.accodiTabWrap .accodi__list--panel {
  padding-left: 34px;
}
.accodi__list--tit {
  padding: 24px 40px 24px 20px;
  position: relative;
  cursor: pointer;
}
.accodi__list--tit h3 {
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .accodi__list--tit h3 {
    font-size: 16px;
  }
}
.accodi__list--tit time {
  display: block;
  margin-bottom: 2px;
  color: #aeb0b5;
  font-size: 12px;
  font-weight: normal;
  letter-spacing: -0.6px;
}
.tooltip {
  position: relative;
  padding: 0 16px 0 40px;
  border-radius: 50px;
  background: url(../imagesMat/ic_tooltip_error.svg) no-repeat 16px 8px/16px #333;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
}
.tooltip p {
  padding: 6px 0;
  color: #fff;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  white-space: pre;
}
@media screen and (max-width: 321px) {
  .tooltip p {
    font-size: 12px;
  }
}
@media screen and (max-width: 340px) {
  .tooltip {
    padding: 0 10px 0 32px;
    background-position: 10px;
  }
}
.tooltip:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -17px;
  width: 21px;
  height: 21px;
  margin-left: -11.5px;
  background: url(../imagesMat/bg_tooltip.svg) no-repeat 0 0/21px;
}
.newDote {
  position: absolute;
  top: 14px;
  right: calc(50% - 54px);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #e40e0e;
  font-size: 0;
  text-indent: -9999px;
}
.p0 {
  padding: 0 !important;
}
.prl16 {
  padding-left: 16px !important;
  padding-right: 16px !important;
}
.prl20 {
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.ptb12 {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
.ptb16 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.p16 {
  padding: 16px !important;
}
.pt0 {
  padding-top: 0 !important;
}
.pt12 {
  padding-top: 12px !important;
}
.pt20 {
  padding-top: 20px !important;
}
.pt24 {
  padding-top: 24px !important;
}
.pt30 {
  padding-top: 30px !important;
}
.pt32 {
  padding-top: 32px !important;
}
.pt38 {
  padding-top: 38px !important;
}
.pt43 {
  padding-top: 43px !important;
}
.pt88 {
  padding-top: 88px !important;
}
.pb0 {
  padding-bottom: 0 !important;
}
.pb12 {
  padding-bottom: 12px !important;
}
.pb20 {
  padding-bottom: 20px !important;
}
.pb24 {
  padding-bottom: 24px !important;
}
.pb100 {
  padding-bottom: 100px !important;
}
.pb120 {
  padding-bottom: 120px !important;
}
.pb160 {
  padding-bottom: 160px !important;
}
.pl10 {
  padding-left: 10px !important;
}
.pl20 {
  padding-left: 20px !important;
}
.m0 {
  margin: 0 !important;
}
.mb0 {
  margin-bottom: 0 !important;
}
.mb6 {
  margin-bottom: 6px !important;
}
.mb8 {
  margin-bottom: 8px !important;
}
.mb12 {
  margin-bottom: 12px !important;
}
.mb16 {
  margin-bottom: 16px !important;
}
.mb20 {
  margin-bottom: 20px !important;
}
.mb24 {
  margin-bottom: 24px !important;
}
.mb32 {
  margin-bottom: 32px !important;
}
.mt0 {
  margin-top: 0 !important;
}
.mt4 {
  margin-top: 4px !important;
}
.mt8 {
  margin-top: 8px !important;
}
.mt10 {
  margin-top: 10px !important;
}
.mt12 {
  margin-top: 12px !important;
}
.mt16 {
  margin-top: 16px !important;
}
.mt20 {
  margin-top: 20px !important;
}
.mt30 {
  margin-top: 30px !important;
}
.mt32 {
  margin-top: 32px !important;
}
.mt36 {
  margin-top: 36px !important;
}
.mt40 {
  margin-top: 40px !important;
}
.mt48 {
  margin-top: 48px !important;
}
.mt50 {
  margin-top: 50px !important;
}
.mt60 {
  margin-top: 60px !important;
}
.mtb0 {
  margin: 0 !important;
}
.mt96 {
  margin-top: 96px !important;
}
.b0 {
  border: #fff !important;
}
.bt0 {
  border-top: #fff !important;
}
.bb0 {
  border-bottom: #fff !important;
}
.loading {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.8);
}
.loading img {
  width: 28vmin;
  height: 28vmin;
  max-width: 200px;
  max-height: 200px;
}
.noticeInfo {
  border-top: solid 1px #e1e1e1;
  background-color: #f1f1f1;
}
.noticeInfo.fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  border-top: solid 1px #e1e1e1;
}
.noticeInfo__agree,
.noticeInfo__insurContract {
  position: relative;
  padding: 20px;
}
.noticeInfo__agree:after,
.noticeInfo__insurContract:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 21px;
  width: calc(100% - 40px);
  height: 1px;
  background-color: #e1e1e1;
}
.noticeInfo__agree--tit,
.noticeInfo__insurContract--tit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.noticeInfo__agree--tit h2,
.noticeInfo__insurContract--tit h2 {
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .noticeInfo__agree--tit h2,
  .noticeInfo__insurContract--tit h2 {
    font-size: 16px;
  }
}
.noticeInfo__agree--tit span,
.noticeInfo__insurContract--tit span {
  margin-left: 4px;
}
.noticeInfo__agree--tit .secession,
.noticeInfo__insurContract--tit .secession {
  margin: 0;
}
.noticeInfo__agree .checkSelect__box label,
.noticeInfo__insurContract .checkSelect__box label {
  font-weight: 500;
  color: #333;
}
.noticeInfo__insurContract--check {
  padding: 11px 16px 11px 37px;
  background: url(../imagesMat/icon_check_green.svg) no-repeat 16px center #fff;
  border: solid 1px #e1e1e1;
  border-radius: 8px;
  background-color: #fff;
}
.noticeInfo__insurContract--check span {
  color: #555;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .noticeInfo__insurContract--check span {
    font-size: 14px;
  }
}
.noticeInfo__insurContract .reference.mark {
  margin-top: 12px;
  color: #dc3545;
}
.noticeInfo:has(.noticeInfo__insurContract + .btnWrap) .noticeInfo__insurContract {
  padding-bottom: 0;
}
.noticeInfo:has(.noticeInfo__insurContract + .btnWrap) .noticeInfo__insurContract:after {
  display: none;
}
.noticeInfo__txt {
  padding: 20px 20px 0;
  margin-bottom: 20px;
}
.noticeInfo__txt h2,
.noticeInfo__txt h3 {
  padding-left: 28px;
  background: url(../imagesMat/icon_noticeInfo-gray.svg) no-repeat left/20px;
  color: #333;
}
@media screen and (max-width: 321px) {
  .noticeInfo__txt h2,
  .noticeInfo__txt h3 {
    padding-left: 22px;
    background-size: 16px;
  }
}
.noticeInfo__txt h2 {
  margin-bottom: 10px;
  background-position: 0 3px;
  font-size: 16px;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .noticeInfo__txt h2 {
    font-size: 14px !important;
  }
}
.noticeInfo__txt h3 {
  background-position: 0 0;
  font-size: 14px;
  letter-spacing: -0.7px;
}
.noticeInfo__txt p,
.noticeInfo__txt i {
  margin-bottom: 8px;
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: normal;
}
@media screen and (max-width: 321px) {
  .noticeInfo__txt p,
  .noticeInfo__txt i {
    font-size: 12px;
  }
}
.noticeInfo__txt p > b,
.noticeInfo__txt i > b {
  font-weight: 500;
}
.noticeInfo__txt p > b.block,
.noticeInfo__txt i > b.block {
  display: block;
}
.noticeInfo__txt i {
  position: relative;
  padding-left: 10px;
}
.noticeInfo__txt p:last-child,
.noticeInfo__txt i:last-child,
.noticeInfo__txt p.dash:last-child {
  margin-bottom: 0;
}
.noticeInfo__txt strong {
  font-weight: inherit;
  text-decoration: underline;
}
.noticeInfo__txt u {
  cursor: pointer;
}
.noticeInfo__txt mark b {
  color: #dc3545;
}
.noticeInfo__txt ol {
  margin-top: 8px;
}
.noticeInfo__txt ol li {
  position: relative;
  padding-left: 14px;
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
  counter-increment: noticeNum;
}
@media screen and (max-width: 321px) {
  .noticeInfo__txt ol li {
    font-size: 12px;
  }
}
.noticeInfo__txt ol li:before {
  content: counter(noticeNum) ") ";
  position: absolute;
  top: 0;
  left: 0;
}
.noticeInfo__txt .checkSelect__box label {
  color: #333;
}
.noticeInfo__alertTxt {
  padding: 0 20px;
}
.noticeInfo__alertTxt strong {
  padding-left: 22px;
  background: url(../imagesMat/icon_noticeInfo-gray.svg) no-repeat left;
  color: #dc3545;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .noticeInfo__alertTxt strong {
    font-size: 12px;
  }
}
.noticeInfo__alertTxt + .btnWrap {
  margin-top: 16px;
}
.noticeInfo__aco {
  padding: 20px;
}
.noticeInfo__aco--detail p,
.noticeInfo__aco--detail ol {
  margin-bottom: 4px;
}
.noticeInfo__aco--detail p,
.noticeInfo__aco--detail li {
  position: relative;
  padding-left: 10px;
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: normal;
}
@media screen and (max-width: 321px) {
  .noticeInfo__aco--detail p,
  .noticeInfo__aco--detail li {
    font-size: 12px;
  }
}
.noticeInfo__aco--detail p:before {
  content: "";
  position: absolute;
  top: 9px;
  left: 0;
  width: 5px;
  height: 1px;
  background-color: #777;
}
.noticeInfo__aco summary {
  position: relative;
  padding: 12px 16px 13px 54px;
  border: solid 1px #e1e1e1;
  border-radius: 8px;
  background: url(../imagesMat/notiInfoAcoOpen.svg) no-repeat right 16px center #f6f6f6;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
  cursor: pointer;
}
@media screen and (max-width: 321px) {
  .noticeInfo__aco summary {
    font-size: 12px;
  }
}
.noticeInfo__aco summary span {
  padding: 4px 6px;
  margin-right: 8px;
  border: solid 1px #dc3545;
  border-radius: 20px;
  color: #dc3545;
  font-size: 10px;
  line-height: 1.8;
  letter-spacing: -0.5px;
  line-height: 1;
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
}
.noticeInfo__aco summary::marker {
  display: inline-block;
  content: "";
}
.noticeInfo__aco summary::-webkit-details-marker {
  display: none !important;
}
.noticeInfo__aco[open] > div {
  padding: 10px 16px 16px;
  border: solid 1px #e1e1e1;
  border-top: 0;
  border-radius: 0 0 8px 8px;
  background-color: #f6f6f6;
}
.noticeInfo__aco[open] summary {
  border-bottom: 0;
  border-radius: 8px 8px 0 0;
  background-image: url(../imagesMat/notiInfoAcoClose.svg);
}
.noticeInfo__aco[open] summary:after {
  content: "";
  position: absolute;
  right: 16px;
  bottom: 0;
  width: calc(100% - 32px);
  height: 1px;
  background-color: #e1e1e1;
}
.noticeInfo__txt p.dash {
  position: relative;
  padding-left: 8px;
}
.noticeInfo__txt p.dash:before,
.popupWrap__info p.dash:before {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  width: 4px;
  height: 1px;
  background-color: #7a7a7a;
}
.subWrap__flex .noticeInfo {
  margin: 12px 0 26px;
  border-top: 0;
  border-radius: 12px;
  background-color: #fff;
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.12);
}
.bottomNotiTxt {
  padding: 0 20px;
  margin-top: -20px;
}
.bottomNotiTxt h2 {
  padding-left: 22px;
  background: url(../imagesMat/icon_noticeInfo-gray.svg) no-repeat 0 2px;
  color: #dc3545;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .bottomNotiTxt h2 {
    font-size: 12px;
  }
}
.bottomNotiTxt p {
  margin-top: 6px;
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .bottomNotiTxt p {
    font-size: 12px;
  }
}
.bottomNotiTxt + .btnWrap {
  padding: 16px 20px 20px;
  margin: 0;
}
.bannerTop {
  margin-bottom: 32px;
  padding: 14px 16px;
  border-radius: 12px;
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
}
.bannerTop__titSub {
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .bannerTop__titSub {
    font-size: 12px;
  }
}
.bannerTop__tit {
  margin-top: 2px;
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
  font-weight: bold;
}
@media screen and (max-width: 321px) {
  .bannerTop__tit {
    font-size: 16px;
  }
}
.bannerTop__tit strong {
  font-weight: inherit;
}
.bannerTop > span {
  margin-top: 6px;
  position: relative;
  display: flex;
  align-items: center;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .bannerTop > span {
    font-size: 12px;
  }
}
.bannerTop > span:after {
  content: "";
  margin-left: 6px;
  width: 6px;
  height: 10px;
  background: url(../imagesMat/arrow_right_777.svg) no-repeat center;
}
.bannerTop.compenSa {
  background-color: #fffdf0;
  background: url(../imagesMat/bg_bannerTop_compenSa.png) no-repeat right 16px bottom 4px/68px
    #fffdf0;
}
.bannerTop.compenSa strong {
  color: #0667cf;
}
.basicBorderBox {
  padding: 16px;
  margin-bottom: 8px;
  border: solid 1px #e1e1e1;
  border-radius: 12px;
  background-color: #f6f6f6;
}
.basicBorderBox:last-child {
  margin-bottom: 0;
}
.basicBorderBox dt {
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: normal;
}
@media screen and (max-width: 321px) {
  .basicBorderBox dt {
    font-size: 14px;
  }
}
.basicBorderBox dd {
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .basicBorderBox dd {
    font-size: 16px;
  }
}
.basicBorderBox figure {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  margin-right: 12px;
  width: 64px;
  height: 64px;
  border: solid 1px #e1e1e1;
  border-radius: 50%;
  background-color: #fff;
}
.basicBorderBox figure img {
  width: 44px;
  max-height: 44px;
}
@media screen and (max-width: 321px) {
  .basicBorderBox figure img {
    width: 34px;
    max-height: 34px;
  }
}
.basicBorderBox div {
  width: 100%;
}
.basicBorderBox div p {
  margin-top: 4px;
}
.basicBorderBox div p.shortTxt {
  overflow: hidden;
  width: calc(100vw - 200px);
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.basicBorderBox > li ~ li {
  padding-top: 16px;
  margin-top: 16px;
  border-top: dashed 1px #e1e1e1;
}
.basicBorderBox .totalTime:nth-child(1) dd {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: normal;
}
@media screen and (max-width: 321px) {
  .basicBorderBox .totalTime:nth-child(1) dd {
    font-size: 14px;
  }
}
.basicBorderBox .totalTime:nth-child(1) dd strong {
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .basicBorderBox .totalTime:nth-child(1) dd strong {
    font-size: 16px;
  }
}
.basicBorderBox .totalTime:nth-child(1) dd strong:first-child {
  margin-right: 6px;
}
.basicBorderBox .totalTime:nth-child(1) dd strong:nth-child(n + 2) {
  margin: 0 6px;
}
.basicBorderBox.leftIcon > div {
  padding-left: 26px;
  background-repeat: no-repeat;
  background-position: 0 5px;
}
.basicBorderBox.leftIcon > div.careNumber {
  background: url(../imagesMat/patiCareNumber.svg) no-repeat 0 3px / auto 18px;
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 321px) {
  .basicBorderBox.leftIcon > div.careNumber {
    font-size: 16px;
  }
}
.basicBorderBox.leftIcon > div.careType {
  background-image: url(../imagesMat/patiType.svg);
}
.basicBorderBox.leftIcon > div.careType dt {
  color: #111;
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
  font-weight: 500;
  line-height: 1.5;
}
@media screen and (max-width: 321px) {
  .basicBorderBox.leftIcon > div.careType dt {
    font-size: 16px;
  }
}
.basicBorderBox.leftIcon > div.careType dd {
  margin-top: 4px;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: normal;
}
@media screen and (max-width: 321px) {
  .basicBorderBox.leftIcon > div.careType dd {
    font-size: 14px;
  }
}
.basicBorderBox.leftIcon > div.startTime {
  padding-top: 4px;
  margin-bottom: 8px;
  background-image: url(../imagesMat/patiStartTime.svg);
  background-position: 0 9px;
}
.basicBorderBox.leftIcon > div.finishTime {
  background-image: url(../imagesMat/patiFinishTime.svg);
}
.basicBorderBox.leftIcon > div.totalTime {
  padding-bottom: 4px;
  background-image: url(../imagesMat/patiTotalTime.svg);
}
.basicBorderBox.leftIcon > div.totalTime dd {
  margin-top: 4px;
}
.basicBorderBox.leftIcon > div.totalTime:nth-child(2) {
  padding-top: 16px;
  margin-top: 16px;
  border-top: solid 1px #e1e1e1;
  background-position: 0 20px;
}
.basicBorderBox.leftIcon > div.totalTime:nth-child(2) dd {
  margin-top: 2px;
}
.basicBorderBox .aliflex {
  display: flex;
}
.basicBorderBox .aliflex dt {
  margin: 1px 10px 0 0;
}
.basicInput em {
  display: block;
  margin-top: 8px;
}
.basicInput__txt > label {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
  font-weight: 500;
  line-height: 1.33;
}
@media screen and (max-width: 321px) {
  .basicInput__txt > label {
    font-size: 16px;
  }
}
.basicInput__txt > label.Wbold {
  font-weight: bold;
}
.basicInput__txt > small {
  display: block;
  margin-top: 8px;
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  text-align: left;
}
@media screen and (max-width: 321px) {
  .basicInput__txt > small {
    font-size: 12px;
  }
}
.basicInput__txt.topLine {
  margin-top: 32px;
  padding-top: 20px;
  border-top: solid 1px #e1e1e1;
}
.basicInput__txt.topLine .passwordEdit__info {
  margin: 0 0 20px;
}
.basicInput__txt.bottomLine {
  margin-bottom: 32px;
  padding-bottom: 20px;
  border-bottom: solid 1px #e1e1e1;
}
.basicInput__txt.nationalNumber .basicInput__txt--form {
  position: relative;
}
.basicInput__txt.nationalNumber .basicInput__txt--form:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -6px;
  width: 12px;
  height: 1px;
  background-color: #aeb0b5;
}
.basicInput__txt.nationalNumber .basicInput__txt--form .inputWrap__box:nth-child(n + 2) {
  margin-left: 32px;
}
.basicInput__txt--form {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.basicInput__txt--form .inputWrap__box:nth-child(n + 2) {
  margin-left: 8px;
}
.basicInput__txt--form .react-datepicker-wrapper {
  margin-top: 8px;
  width: calc(50% - 10px);
}
.basicInput__txt--form .react-datepicker-wrapper input {
  background-color: #f6f6f6;
}
.basicInput__txt--form .react-datepicker-wrapper input:focus {
  background-color: #fff;
}
.basicInput__txt--form.career {
  flex-wrap: wrap;
  position: relative;
  padding: 24px 20px;
  margin: 28px 0 -32px -20px;
  width: calc(100% + 40px);
  background-color: #f6f6f6;
}
.basicInput__txt--form.career .inputWrap__box {
  width: calc((100% - 8px) / 2);
}
.basicInput__txt--form.career .inputWrap__box input {
  padding-right: 32px;
}
.basicInput__txt--form.career .inputWrap__box:after {
  position: absolute;
  top: 50%;
  right: 16px;
  margin-top: -12px;
  color: #555;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .basicInput__txt--form.career .inputWrap__box:after {
    font-size: 14px;
  }
}
.basicInput__txt--form.career .inputWrap__box:nth-child(1):after {
  content: "년";
}
.basicInput__txt--form.career .inputWrap__box:nth-child(2):after {
  content: "개월";
}
.basicInput__txt--form.career .inputWrap__box ~ .inputWrap__box {
  position: relative;
}
.basicInput__txt--form.career .inputWrap__box ~ .inputWrap__box:before {
  content: "";
  position: absolute;
  top: -37px;
  left: 50%;
  width: 24px;
  height: 13px;
  background-image: url(../imagesMat/comepareInfoShape.svg);
  transform: translateX(-50%) rotate(180deg);
}
.basicInput__txt h3 {
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
  font-weight: 500;
  line-height: 1.33;
}
@media screen and (max-width: 321px) {
  .basicInput__txt h3 {
    font-size: 16px;
  }
}
.basicInput__txt p {
  color: #777;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .basicInput__txt p {
    font-size: 12px;
  }
}
.basicInput__txt p.mt8 {
  margin-top: 8px;
}
.basicInput__txt .toastTxt {
  position: absolute;
  top: 152px;
  left: 50%;
  padding: 6px 0;
  min-width: calc(100% - 20px);
  max-width: 450px;
  border-radius: 8px;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  text-align: center;
  transform: translateX(-50%);
}
@media screen and (max-width: 321px) {
  .basicInput__txt .toastTxt {
    font-size: 14px;
  }
}
@media screen and (max-width: 321px) {
  .basicInput__txt .toastTxt {
    top: 138px;
  }
}
.basicInput__txt .radioSelect.w100 {
  display: block;
}
li.basicInput__txt {
  margin-bottom: 24px;
}
.btnWrap {
  width: 100%;
}
.btnWrap.fixedBg {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 16;
  max-width: 600px;
  padding: 20px;
  background-image: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.2),
    rgba(255, 255, 255, 0.8) 8%,
    #fff 20%
  );
}
@media screen and (min-width: 600px) {
  .btnWrap.fixedBg {
    left: 50%;
    margin-left: -300px;
  }
}
.btnWrap.noFlex {
  display: block !important;
}
.btnWrap.noFlex button ~ button {
  margin-top: 10px;
  margin-left: 0 !important;
}
.btnWrap.noFlex .bubbleInfo {
  float: right;
  margin-bottom: 24px;
}
.btnWrap.noFlex .bubbleInfo::after {
  right: 25px;
}
.btnWrap button {
  margin-right: 12px;
}
.btnWrap button:last-child {
  margin-right: 0;
}
.btnWrap button,
.btnWrap a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 60px;
  border-radius: 8px;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -1px;
  font-weight: 500;
  line-height: 1;
  text-align: center;
}
@media screen and (max-width: 321px) {
  .btnWrap button,
  .btnWrap a {
    font-size: 18px;
  }
}
.btnColor {
  border: solid 1px #386392;
  background-color: #386392;
  color: #fff;
}
.btnColor.disabled {
  border-color: #aeb0b5;
  background-color: #aeb0b5;
}
.btnBorder {
  border: solid 1px #386392;
  background-color: #fff;
  color: #386392;
}
.btnBorder.download:before {
  content: "";
  display: inline-block;
  margin-right: 8px;
  width: 20px;
  height: 20px;
  background: url(../imagesMat/ic_download_bl.svg) no-repeat center/20px;
}
.listInnerBtnWrap {
  display: flex;
  align-items: center;
  margin-top: 20px;
}
.listInnerBtnWrap button:nth-child(2) {
  margin-left: 8px;
}
.btnWish {
  font-size: 0;
  text-indent: -9999px;
  width: 100%;
  height: 46px;
  border: solid 1px #e1e1e1;
  border-radius: 8px;
  background: url(../imagesMat/ic_wish.svg) no-repeat center/24px;
}
.btnWish.active {
  background-image: url(../imagesMat/ic_wish_active.svg);
}
.btnWish:has(span) {
  text-indent: 0;
  background: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btnWish:has(span) span {
  position: relative;
  padding-left: 28px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .btnWish:has(span) span {
    font-size: 14px;
  }
}
.btnWish:has(span) span:before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  width: 22px;
  height: 22px;
  background: url(../imagesMat/ic_wish.svg) no-repeat center/22px;
}
.btnWish:has(span).active {
  background: none;
}
.btnWish:has(span).active span:before {
  background-image: url(../imagesMat/ic_wish_active.svg);
}
.basicBorderBox + .btnWish {
  margin-top: 4px;
}
.patientDetail__acompday--info + .btnWish {
  margin-top: 12px;
}
.btnIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 46px;
  border: solid 1px #e1e1e1;
  border-radius: 8px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .btnIcon {
    font-size: 14px;
  }
}
.btnIcon:before {
  content: "";
  display: inline-block;
  margin-right: 8px;
  width: 16px;
  height: 16px;
  background: no-repeat center/16px;
}
.btnIcon.modify:before {
  background-image: url(../imagesMat/icon_modify.svg);
}
.btnIcon.magBtn:before {
  background-image: url(../imagesMat/btnMag.svg);
}
.btnIcon.cancelBtn:before {
  background-image: url(../imagesMat/icon_cancel.svg);
}
.btnIcon.delete:before {
  background-image: url(../imagesMat/icon_close01.svg);
}
.btnIcon.comBtn:before {
  background-image: url(../imagesMat/icon_compare.svg);
}
.btnIcon.insJoin:before {
  background-image: url(../imagesMat/icon_insJoin.svg);
}
.btnIcon.paperBtn:before {
  background-image: url(../imagesMat/ic_paper_b.svg);
}
.btnIcon.expBtn:before {
  background-image: url(../imagesMat/icon_expBtn.svg);
}
.btnIcon.coinBtn:before {
  background-image: url(../imagesMat/iconMoney02.svg);
}
.btnIcon.cameBtn:before {
  width: 18px;
  background-image: url(../imagesMat/icon_camera_b.svg);
  background-size: 18px;
}
.btnIcon.noteBtn:before {
  background-image: url(../imagesMat/icon_note_off.svg);
}
.btnIcon.noteBtn.on:before {
  background-image: url(../imagesMat/icon_note_on.svg);
}
.btnIcon.callBtn {
  color: #fff;
  border: 0;
  background-color: #386392;
}
.btnIcon.callBtn:before {
  width: 20px;
  height: 20px;
  background-image: url(../imagesMat/icon_call.svg);
  background-size: 20px;
}
.btnIcon.cxlBtn:before {
  background-image: url(../imagesMat/icon_cxl.svg);
}
.bgBlueBtn {
  display: block;
  padding: 15px 0;
  width: 100%;
  border-radius: 8px;
  background-color: #386392;
  color: #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) {
  .bgBlueBtn {
    font-size: 14px;
  }
}
.BorderBlueBtn {
  padding: 14px 0;
  width: 100%;
  border: solid 1px #386392;
  border-radius: 8px;
  background-color: #ecf5ff;
  color: #386392;
  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) {
  .BorderBlueBtn {
    font-size: 14px;
  }
}
.btnMainPhoto,
.btnBasArrow {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 46px;
  border-radius: 8px;
  background: no-repeat right 16px center #fff;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .btnMainPhoto,
  .btnBasArrow {
    font-size: 14px;
  }
}
.btnMainPhoto {
  border: solid 1px #386392;
  background-image: url(../imagesMat/arrow_right02.svg);
  color: #386392;
}
.btnBasArrow {
  border: solid 1px #e1e1e1;
  background-image: url(../imagesMat/arrow_right04.svg);
}
.backBtn {
  flex-shrink: 0;
  width: 43px;
  height: 60px;
  background: url(../imagesMat/arrow_left01.svg) no-repeat 20px;
  font-size: 0;
  text-indent: -9999px;
}
.resetBtn {
  position: absolute;
  right: 0;
  top: 0;
  width: 45px;
  height: 45px;
  background: url(../imagesMat/icon_close02.svg) no-repeat center rgba(0, 0, 0, 0);
  font-size: 0;
  text-indent: -9999px;
}
@media screen and (max-width: 321px) {
  .resetBtn {
    width: 43px;
    height: 43px;
  }
}
.checkBtn {
  position: absolute;
  right: 0;
  top: 0;
  width: 45px;
  height: 45px;
  background: url(../imagesMat/passwordCheck.svg) no-repeat center rgba(0, 0, 0, 0);
  font-size: 0;
  text-indent: -9999px;
}
.listBtn {
  display: inline-block;
  padding: 0px 10px;
  border: solid 1px #e1e1e1;
  border-radius: 20px;
  background-color: #f1f1f1;
  color: #777;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
  line-height: 2;
}
@media screen and (max-width: 321px) {
  .listBtn {
    font-size: 10px;
  }
}
.linkBtn {
  position: absolute;
  top: 2px;
  right: 0;
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  line-height: 1.29;
  text-decoration: underline;
}
@media screen and (max-width: 321px) {
  .linkBtn {
    font-size: 12px;
  }
}
@media screen and (max-width: 321px) {
  .linkBtn {
    top: 4px;
  }
}
.copyBtn {
  padding-left: 17px;
  margin-left: 8px;
  background: url(../imagesMat/icon_copy.svg) no-repeat left/14px;
  color: #4690e1;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
  font-weight: 500;
  line-height: 26px;
}
@media screen and (max-width: 321px) {
  .copyBtn {
    font-size: 10px;
  }
}
.close {
  top: 0;
  right: 0;
  z-index: 13;
  width: 54px;
  height: 54px;
  background: url(../imagesMat/icon_close01.svg) no-repeat center;
  font-size: 0;
  text-indent: -9999px;
}
.secession {
  display: block;
  margin: 12px auto 0;
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  text-align: center;
  text-decoration: underline;
}
@media screen and (max-width: 321px) {
  .secession {
    font-size: 12px;
  }
}
.searchBtn {
  flex-shrink: 0;
  width: 46px;
  height: 46px;
  border-radius: 0 8px 8px 0;
  background: url(../imagesMat/icon_search.svg) no-repeat center #386392;
  font-size: 0;
  text-indent: -9999px;
}
@media screen and (max-width: 321px) {
  .searchBtn {
    width: 43px;
    height: 43px;
  }
}
.certifiedBtn {
  flex-shrink: 0;
  margin-left: 8px;
  width: 112px;
  height: 46px;
  border: solid 1px #386392;
  border-radius: 8px;
  color: #386392;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
  line-height: 1.69;
  text-align: center;
  white-space: nowrap;
}
@media screen and (max-width: 321px) {
  .certifiedBtn {
    font-size: 14px;
  }
}
@media screen and (max-width: 321px) {
  .certifiedBtn {
    width: 88px;
    height: 43px;
  }
}
.certifiedBtn.active {
  border: solid 1px #e1e1e1;
  color: #aeb0b5;
}
.selectBtn {
  flex-shrink: 0;
  padding: 10px 12px;
  width: 120px;
  border: solid 1px #e1e1e1;
  border-radius: 8px;
  background: url(../imagesMat/arrow_right06.svg) no-repeat right 12px center/6px;
  color: #555;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  line-height: 1.5;
}
@media screen and (max-width: 321px) {
  .selectBtn {
    font-size: 14px;
  }
}
@media screen and (max-width: 321px) {
  .selectBtn {
    padding: 10px 12px;
  }
}
.grayBtn {
  display: flex;
  align-items: center;
  padding: 0 12px;
  height: 34px;
  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) {
  .grayBtn {
    font-size: 12px;
  }
}
.grayBtn:before {
  content: "";
  display: inline-block;
  margin-right: 8px;
}
.grayBtn.shareInner {
  padding: 3.5px 12px;
}
.grayBtn.share:before,
.grayBtn.shareInner:before {
  width: 14px;
  height: 16px;
  background-image: url(../imagesMat/icon_share.svg);
}
.grayBtn.reset:before {
  width: 16px;
  height: 16px;
  background-image: url(../imagesMat/icon_reset.svg);
}
.grayBtn.download:before {
  margin-right: 8px;
  width: 14px;
  height: 12px;
  background-image: url(../imagesMat/icon_download.svg);
  background-size: 14px;
}
.grayBtn.tel:before {
  width: 12px;
  height: 12px;
  background-image: url(../imagesMat/icon_tel.svg);
  background-size: 12px;
}
.grayBtn.account {
  color: #555;
}
.grayBtn.account:before {
  display: none;
  margin-right: 0;
}
.grayBtn.account:after {
  content: "";
  display: inline-block;
  margin-left: 8px;
  width: 6px;
  height: 11px;
  background-image: url(../imagesMat/arrow_right05.svg);
  background-size: 6px;
}
.grayBtn.edit {
  background-color: #f6f6f6;
}
.grayBtn.edit:before {
  margin-right: 4px;
  width: 14px;
  height: 14px;
  background-image: url(../imagesMat/icon_edit.svg);
  color: #111;
}
.arrowBtn {
  padding: 10.5px 20px 10.5px 12px;
  width: 100%;
  border: solid 1px #e1e1e1;
  border-radius: 8px;
  background: url(../imagesMat/arrow_right08.svg) no-repeat right 12px center/6px #f1f1f1;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  line-height: initial;
}
@media screen and (max-width: 321px) {
  .arrowBtn {
    font-size: 14px;
  }
}
.btnTel {
  width: 40px;
  height: 40px;
  background: url(../imagesMat/icon_tel_02.svg) no-repeat right/24px;
  font-size: 0;
  text-indent: -9999px;
}
.identityVerifi__btn {
  padding-left: 73px !important;
  text-align: left !important;
  background: url(../imagesMat/arrowMenuCs.svg) no-repeat 45px/20px;
}
.floating {
  position: fixed;
  bottom: 20px;
  left: 50%;
  z-index: 19;
  width: 100%;
  max-width: 600px;
  transform: translateX(-50%);
}
.floating.today {
  bottom: 100px;
}
.floating.today .btnTop {
  padding-top: 0;
  background-image: none;
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .floating.today .btnTop {
    font-size: 16px;
  }
}
.floating.hasBtn {
  bottom: 120px;
}
.floating:has(.floating__tit) {
  bottom: 0;
  padding: 20px;
  border-radius: 12px 12px 0 0;
  background-color: #fff;
  box-shadow: 0 -8px 12px 0 rgba(0, 0, 0, 0.12);
}
.floating:has(.floating__tit) .floating__tit {
  text-align: center;
}
.floating:has(.floating__tit) .floating__tit h2 {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .floating:has(.floating__tit) .floating__tit h2 {
    font-size: 14px;
  }
}
.floating:has(.floating__tit) .floating__tit p {
  margin-top: 4px;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  line-height: 24px;
}
@media screen and (max-width: 321px) {
  .floating:has(.floating__tit) .floating__tit p {
    font-size: 12px;
  }
}
.floating:has(.floating__tit) .btnWrap {
  margin-top: 16px;
}
.floating:has(.floating__tit) .btnWrap button {
  height: 50px;
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .floating:has(.floating__tit) .btnWrap button {
    font-size: 16px;
  }
}
.floating:has(.floating__tit) .btnTop {
  bottom: 178px;
}
.floating .btnTop {
  position: absolute;
  right: 20px;
  bottom: 0px;
  padding-top: 8px;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: url(../imagesMat/ic_arrowTop_w.svg) no-repeat center 14px/16px rgba(56, 99, 146, 0.86);
  color: #fff;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: bold;
  text-align: center;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.24);
}
@media screen and (max-width: 321px) {
  .floating .btnTop {
    font-size: 12px;
  }
}
.awardsBtn:after {
  content: "";
  display: inline-block;
  margin-left: 4px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-image: url(../imagesMat/iconDetai-g.svg);
}
.calendar {
  position: relative;
  margin-bottom: 10px;
  text-align: right;
}
.calendar h3 {
  margin-bottom: 20px;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -1px;
  text-align: left;
}
@media screen and (max-width: 321px) {
  .calendar h3 {
    font-size: 18px;
  }
}
.calendar__loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 45px;
  left: 0;
  z-index: 5;
  width: 100%;
  height: calc(100% - 49px);
  background-color: rgba(255, 255, 255, 0.85);
}
.calendar__loading:before {
  content: "";
  display: block;
  margin-bottom: 16px;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background-image: url(../imagesMat/calLoading.svg);
  animation: rotate 1.5s linear infinite;
}
.calendar__loading p {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .calendar__loading p {
    font-size: 14px;
  }
}
.calendar__tit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding-bottom: 16px;
}
.calendar__tit:has(.prev, .next) {
  padding-bottom: 12px;
}
.calendar__tit.center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.calendar__tit h4 {
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
  line-height: inherit;
}
@media screen and (max-width: 321px) {
  .calendar__tit h4 {
    font-size: 16px;
  }
}
.calendar__tit button {
  padding: 6px 12px;
  border: solid 1px #e1e1e1;
  border-radius: 18px;
  background-repeat: no-repeat;
  background-size: 6px;
  background-color: #fbfbfb;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: bold;
  line-height: normal;
}
@media screen and (max-width: 321px) {
  .calendar__tit button {
    font-size: 12px;
  }
}
.calendar__tit button.disabled {
  color: #aeb0b5;
  background-color: #f1f1f1;
}
.calendar__tit button.prev {
  padding-left: 26px;
  background-image: url(../imagesMat/arrow_left04.svg);
  background-position: 12px;
}
.calendar__tit button.prev.disabled {
  background-image: url(../imagesMat/arrow_left03.svg);
}
.calendar__tit button.next {
  padding-right: 26px;
  background-image: url(../imagesMat/arrow_right04.svg);
  background-position: right 12px center;
}
.calendar__tit button.next.disabled {
  background-image: url(../imagesMat/arrow_right03.svg);
}
.calendar__head {
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin-bottom: 10px;
  border-bottom: solid 1px #e1e1e1;
  text-align: center;
}
.calendar__head span {
  padding: 13px 0;
  width: 14.285%;
  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) {
  .calendar__head span {
    font-size: 12px;
  }
}
.calendar__detail {
  text-align: center;
}
.calendar__detail--col {
  display: flex;
  align-items: center;
}
.calendar__detail--col span {
  position: relative;
  z-index: 1;
  margin-top: 7px;
  margin-bottom: 7px;
  width: 14.2857142857%;
  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 span.today,
.calendar__detail--col span.case {
  position: relative;
}
.calendar__detail--col span.today:after,
.calendar__detail--col span.case:after {
  content: "";
  position: absolute;
  top: 4px;
  left: 50%;
  z-index: -1;
  margin-left: -11px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
}
.calendar__detail--col span.today small,
.calendar__detail--col span.case small {
  position: absolute;
  bottom: -4px;
  left: 50%;
  transform: translate(-50%, 0);
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .calendar__detail--col span.today small,
  .calendar__detail--col span.case small {
    font-size: 10px;
  }
}
.calendar__detail--col span.today {
  font-weight: bold;
  color: #333;
}
.calendar__detail--col span.today:after {
  background-color: #fd0;
}
.calendar__detail--col span.today small {
  color: #333;
}
.calendar__detail--col span.case {
  color: #fff !important;
}
.calendar__detail--col span.case:after {
  background-color: #386392;
}
.calendar__detail--col span.case small {
  color: #386392;
}
.calendar__detail--col span.disabled {
  color: #aeb0b5 !important;
}
.calendar__detail--col span.sun:after,
.calendar__detail--col span.sat:after,
.calendar__detail--col span.start:after,
.calendar__detail--col span.select:after,
.calendar__detail--col span.finish: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: #386392;
}
.calendar__detail--col span.sun:after,
.calendar__detail--col span.sat:after {
  background-color: #eaf4fc;
}
.calendar__detail--col span.ing {
  background-color: #eaf4fc;
}
.calendar__detail--col span.select,
.calendar__detail--col span.start,
.calendar__detail--col span.start.ing,
.calendar__detail--col span.finish.ing {
  background-color: rgba(0, 0, 0, 0);
  color: #fff !important;
}
.calendar__detail--col span.sun:before,
.calendar__detail--col span.sat:before,
.calendar__detail--col span.start.ing:before,
.calendar__detail--col span.finish.ing:before {
  content: "";
  position: absolute;
  top: 50%;
  z-index: -2;
  margin-top: -16px;
  width: 50%;
  height: 32px;
  background-color: #eaf4fc;
}
.calendar__detail--col span.sun:before,
.calendar__detail--col span.start.ing:before {
  right: 0;
}
.calendar__detail--col span.sat:before,
.calendar__detail--col span.finish.ing:before {
  left: 0;
}
.calendar__detail--col span.sun,
.calendar__detail--col span.sat {
  background-color: rgba(0, 0, 0, 0);
}
.calendar__weekSelBtn {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.calendar__weekSelBtn li {
  width: 14.2857142857%;
}
.calendar__weekSelBtn li:nth-child(n + 2) {
  margin-left: 6px;
}
.calendar__weekSelBtn button {
  padding: 7px 0;
  width: 100%;
  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) {
  .calendar__weekSelBtn button {
    font-size: 14px;
  }
}
.calendar.second {
  margin-bottom: 0;
}
.calendar.second .calendar__tit {
  padding: 0 16px 16px;
}
.calendar + .workDay {
  display: block;
  margin-top: 2px;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  text-align: right;
}
@media screen and (max-width: 321px) {
  .calendar + .workDay {
    font-size: 12px;
  }
}
.calendar + .workDay:before {
  content: "";
  display: inline-block;
  margin-right: 6px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #386392;
}
@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
.caregiver__profile {
  position: relative;
  padding: 16px;
  margin-bottom: 20px;
  border-radius: 12px;
  background-color: #fff;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
}
.caregiver__profile--listInfo {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 14px;
}
.caregiver__profile--listInfo h3 {
  display: flex;
  align-items: center;
  margin-top: 8px;
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .caregiver__profile--listInfo h3 {
    font-size: 16px;
  }
}
.caregiver__profile--listInfo h3:first-child {
  margin-top: 0;
}
.caregiver__profile--listInfo h3 span {
  margin-left: 8px;
  color: #777;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
  line-height: 1.71;
}
@media screen and (max-width: 321px) {
  .caregiver__profile--listInfo h3 span {
    font-size: 12px;
  }
}
.caregiver__profile--listInfo p {
  margin-top: 8px;
}
.caregiver__profile--listInfo p span {
  padding: 2.5px 8px;
  margin-right: 8px;
  border-radius: 20px;
  background-color: #fff2a1;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
  letter-spacing: -0.7px;
  line-height: normal;
}
@media screen and (max-width: 321px) {
  .caregiver__profile--listInfo p span {
    font-size: 12px;
  }
}
.caregiver__profile--listInfo figure {
  margin: 0;
  width: 64px;
  height: 64px;
}
.caregiver__profile--label {
  position: absolute;
  top: 16px;
  right: 8px;
}
.caregiver__profile--persInfo {
  margin-top: 10px;
  text-align: center;
}
.caregiver__profile--persInfo figure {
  margin: 0 auto 12px;
  width: 90px;
  height: 90px;
}
.caregiver__profile--persInfo h3 {
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -1px;
}
@media screen and (max-width: 321px) {
  .caregiver__profile--persInfo h3 {
    font-size: 18px;
  }
}
.caregiver__profile--persInfo p {
  margin: 4px 0 7px;
  color: #777;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .caregiver__profile--persInfo p {
    font-size: 12px;
  }
}
.caregiver__profile--reputation {
  display: flex;
  align-items: center;
  padding: 12px 0;
  border-top: solid 1px #f1f1f1;
  border-bottom: solid 1px #f1f1f1;
}
.caregiver__profile--reputation div {
  position: relative;
  width: 33.3333333333%;
  text-align: center;
}
.caregiver__profile--reputation div:after {
  content: "";
  position: absolute;
  top: 12px;
  right: 0;
  width: 1px;
  height: 24px;
  background-color: #f1f1f1;
}
.caregiver__profile--reputation div:last-child:after {
  display: none;
}
.caregiver__profile--reputation dt {
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: normal;
  line-height: 1.71;
}
@media screen and (max-width: 321px) {
  .caregiver__profile--reputation dt {
    font-size: 12px;
  }
}
.caregiver__profile--reputation 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) {
  .caregiver__profile--reputation dd {
    font-size: 14px;
  }
}
.caregiver__profile--reputation img {
  margin-right: 4px;
}
.caregiver__profile--trade h4 {
  padding-top: 14px;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  line-height: 1;
}
@media screen and (max-width: 321px) {
  .caregiver__profile--trade h4 {
    font-size: 12px;
  }
}
.caregiver__profile--trade > div:nth-child(2) {
  padding: 8px 0 4px;
  margin-top: 14px;
  border-top: solid 1px #f1f1f1;
}
.caregiver__profile--trade dl {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.caregiver__profile--trade dl div {
  display: flex;
  align-items: center;
  margin: 8px 16px 0 0;
  background-repeat: no-repeat;
  background-position: left;
}
.caregiver__profile--trade dl div.disabled dd {
  color: #555;
}
.caregiver__profile--trade dl dt {
  padding-left: 20px;
  margin-right: 4px;
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .caregiver__profile--trade dl dt {
    font-size: 12px;
  }
}
.caregiver__profile--trade dl dd {
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .caregiver__profile--trade dl dd {
    font-size: 12px;
  }
}
.caregiver__profile--totalDetailPay {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 11px 12px;
  margin-top: 16px;
  border: solid 1px #e1e1e1;
  border-radius: 12px;
  background-color: #f6f6f6;
}
@media screen and (max-width: 281px) {
  .caregiver__profile--totalDetailPay {
    flex-wrap: wrap;
  }
}
.caregiver__profile--totalDetailPay dt,
.caregiver__profile--totalDetailPay dd {
  display: flex;
  align-items: center;
}
.caregiver__profile--totalDetailPay dt {
  flex-shrink: 0;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 321px) {
  .caregiver__profile--totalDetailPay dt {
    font-size: 14px;
  }
}
.caregiver__profile--totalDetailPay dt span {
  margin-right: 4px;
  padding: 7px 8px;
  border-radius: 20px;
  background-color: #fff2a1;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  line-height: 1;
}
@media screen and (max-width: 321px) {
  .caregiver__profile--totalDetailPay dt span {
    font-size: 12px;
  }
}
.caregiver__profile--totalDetailPay dd {
  font-size: 22px;
  line-height: 1.36;
  letter-spacing: -1.1px;
  font-weight: bold;
  line-height: 1;
}
@media screen and (max-width: 321px) {
  .caregiver__profile--totalDetailPay dd {
    font-size: 20px;
  }
}
@media screen and (max-width: 281px) {
  .caregiver__profile--totalDetailPay dd {
    margin-left: 41px;
  }
}
.caregiver__profile--totalDetailPay dd:after {
  content: "원";
  margin-left: 2px;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: normal;
  line-height: 1;
}
@media screen and (max-width: 321px) {
  .caregiver__profile--totalDetailPay dd:after {
    font-size: 12px;
  }
}
.rangeAxis {
  padding-top: 5px;
  margin: 0 auto;
  width: 100%;
  max-width: 300px;
  border-top: solid 1px #e1e1e1;
  text-align: center;
}
.rangeAxis p {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .rangeAxis p {
    font-size: 10px;
  }
}
.areaChart {
  margin: 0 auto;
  width: calc(100% - 20px);
  max-width: 290px;
  min-height: 84px;
}
.vertiChart {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 48px;
  margin: 16px 0 60px;
  width: 100%;
  height: 168px;
  border: solid 1px #e1e1e1;
  border-radius: 12px;
  background-color: #fff;
}
.vertiChart__basic {
  position: relative;
  width: 40px;
  height: 100%;
  background-color: #f6f6f6;
  text-align: center;
}
.vertiChart__basic div {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.vertiChart__basic span {
  position: relative;
  top: -24px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: bold;
}
@media screen and (max-width: 321px) {
  .vertiChart__basic span {
    font-size: 14px;
  }
}
.vertiChart__basic p {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -36px;
  margin: auto;
  width: auto;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
  line-height: 1.25;
}
@media screen and (max-width: 321px) {
  .vertiChart__basic p {
    font-size: 14px;
  }
}
.vertiChart__basic:nth-child(1) {
  margin-right: 60px;
}
.vertiChart__basic.disabled div {
  border: 0;
}
.vertiChart__basic.disabled span {
  top: -66px;
  color: #777 !important;
}
.vertiChart__basic .barRed span {
  color: #fc560d;
}
.vertiChart__basic .barBlue span {
  color: #0a6cd8;
}
.barRed {
  background-color: #ffe3d6;
  border: solid 1px #fc560d;
}
.barBlue {
  background-color: #cee1f7;
  border: solid 1px #0a6cd8;
}
.horiChart {
  padding: 20px 16px;
  margin: 16px 0 20px;
  border: solid 1px #e1e1e1;
  border-radius: 12px;
}
.horiChart h3 {
  display: flex;
  align-items: center;
  padding-left: 20px;
  margin-bottom: 16px;
  background-repeat: no-repeat;
  background-position: left;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  line-height: 1.25;
}
@media screen and (max-width: 321px) {
  .horiChart h3 {
    font-size: 14px;
  }
}
.horiChart h3::before {
  background: no-repeat center;
}
.horiChart li {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: dotted 1px #e1e1e1;
}
.horiChart li:last-child {
  border: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.horiChart__wrap {
  margin-bottom: 12px;
}
.horiChart__wrap:last-child {
  margin-bottom: 0;
}
.horiChart__wrap.disabled .horiChart__wrap--basic > div {
  border: 0;
}
.horiChart__wrap p {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: bold;
}
@media screen and (max-width: 321px) {
  .horiChart__wrap p {
    font-size: 12px;
  }
}
.horiChart__wrap p span {
  margin-left: 8px;
  color: #555;
  font-weight: 500;
}
.horiChart__wrap--comp {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.horiChart__wrap--comp strong {
  padding: 1px 7px 8px;
  background: url(../imagesMat/chalHoriCom.svg) no-repeat center;
  color: #fff;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .horiChart__wrap--comp strong {
    font-size: 10px;
  }
}
@media screen and (max-width: 321px) {
  .horiChart__wrap--comp strong {
    padding: 1px 5px 6px;
    background-size: contain;
  }
}
.horiChart__wrap--comp p {
  margin-bottom: 0;
}
.horiChart__wrap--basic {
  overflow: hidden;
  width: 100%;
  height: 16px;
  border-radius: 20px;
  background-color: #f6f6f6;
}
.horiChart__wrap--basic > div {
  overflow: hidden;
  width: 0;
  height: 100%;
  border-radius: 20px;
  transition: width 0.2s ease-in 0s;
}
.radioSelect {
  display: flex;
  align-items: center;
  width: 100%;
}
.radioSelect__box input,
.radioSelect__border input {
  overflow: hidden;
  position: absolute;
  padding: 0;
  margin: -1px;
  width: 1px;
  height: 1px;
  border: 0;
  clip: rect(0, 0, 0, 0);
}
.radioSelect__box input + label,
.radioSelect__border input + label {
  width: 100%;
  border: solid 1px #e1e1e1;
  border-radius: 8px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  line-height: 1;
  transition: all 0.2s ease-in 0s;
  cursor: pointer;
}
@media screen and (max-width: 321px) {
  .radioSelect__box input + label,
  .radioSelect__border input + label {
    font-size: 14px;
  }
}
.radioSelect__box input:checked + label,
.radioSelect__border input:checked + label {
  border: solid 1px #386392;
  background-color: #ecf5ff;
  color: #386392;
  font-weight: bold;
}
.radioSelect__box {
  position: relative;
  margin-bottom: 8px;
}
.radioSelect__box input + label {
  padding: 14px 16px 14px 42px;
}
@media screen and (max-width: 321px) {
  .radioSelect__box input + label {
    padding: 13.5px 10px 13.5px 28px;
  }
}
.radioSelect__box input + label:before,
.radioSelect__box input + label:after {
  content: "";
  position: absolute;
  top: 50%;
  border-radius: 100%;
  transform: translateY(-50%);
}
.radioSelect__box input + label:before {
  left: 16px;
  width: 16px;
  height: 16px;
  border: solid 1px #e1e1e1;
}
@media screen and (max-width: 321px) {
  .radioSelect__box input + label:before {
    left: 10px;
    width: 12px;
    height: 12px;
  }
}
.radioSelect__box input:checked + label:before {
  border: solid 1px #386392;
  background-color: #ecf5ff;
}
.radioSelect__box input:checked + label:after {
  left: 20px;
  width: 8px;
  height: 8px;
  background-color: #386392;
}
@media screen and (max-width: 321px) {
  .radioSelect__box input:checked + label:after {
    left: 13px;
    width: 6px;
    height: 6px;
  }
}
.radioSelect__border {
  margin-right: 10px;
  width: 100%;
}
.radioSelect__border:last-child {
  margin-right: 0;
}
.radioSelect__border input + label {
  padding: 14px 0;
  text-align: center;
}
.daynone {
  position: relative;
  z-index: 21;
  margin-bottom: 12px;
  width: 100%;
  max-width: 450px;
}
.daynone:has(.close) {
  max-width: inherit;
}
.daynone__wrap {
  margin: 0 auto;
  width: 100%;
  cursor: pointer;
}
.daynone__wrap input[type="radio"] {
  overflow: hidden;
  position: absolute;
  padding: 0;
  margin: -1px;
  width: 1px;
  height: 1px;
  border: 0;
  clip: rect(0, 0, 0, 0);
}
.daynone__wrap input[type="radio"] + label {
  padding-left: 28px;
  color: #fff;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .daynone__wrap input[type="radio"] + label {
    font-size: 14px;
  }
}
.daynone__wrap input[type="radio"] + label:before,
.daynone__wrap input[type="radio"] + label:after {
  content: "";
  position: absolute;
  top: 50%;
  border-radius: 100%;
}
.daynone__wrap input[type="radio"] + label:before {
  left: 0;
  margin-top: -9px;
  width: 20px;
  height: 20px;
  border: solid 2px #fff;
}
.daynone__wrap input[type="radio"]:checked + label:after {
  left: 6px;
  margin-top: -3px;
  width: 8px;
  height: 8px;
  background-color: #fff;
}
.daynone .close {
  position: absolute;
  top: -1px;
  right: 0;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background-color: #fff;
  background-size: 12px;
}
.checkSelect {
  margin-top: 12px;
}
.checkSelect__box {
  position: relative;
}
.checkSelect__box input[type="radio"],
.checkSelect__box input[type="checkbox"] {
  overflow: hidden;
  position: absolute;
  padding: 0;
  margin: -1px;
  width: 1px;
  height: 1px;
  border: 0;
  clip: rect(0, 0, 0, 0);
}
.checkSelect__box input[type="radio"] + label,
.checkSelect__box input[type="checkbox"] + label {
  display: flex;
  align-items: center;
  position: relative;
  padding: 0 16px;
  margin-bottom: 8px;
  width: 100%;
  height: 46px;
  border: solid 1px #e1e1e1;
  border-radius: 8px;
  background-color: #fff;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
  cursor: pointer;
}
@media screen and (max-width: 321px) {
  .checkSelect__box input[type="radio"] + label,
  .checkSelect__box input[type="checkbox"] + label {
    font-size: 14px;
  }
}
.checkSelect__box input[type="radio"] + label:before,
.checkSelect__box input[type="checkbox"] + label:before {
  content: "";
  flex-shrink: 0;
  margin-right: 10px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: url(../imagesMat/icon_check.svg) no-repeat center/8.6px #e1e1e1;
  transition: all 0.2s ease-in 0s;
}
@media screen and (max-width: 321px) {
  .checkSelect__box input[type="radio"] + label:before,
  .checkSelect__box input[type="checkbox"] + label:before {
    margin-right: 6px;
    width: 12px;
    height: 12px;
    background-size: 6px;
  }
}
.checkSelect__box input[type="radio"]:checked + label,
.checkSelect__box input[type="checkbox"]:checked + label {
  border-color: #386392;
  background-color: #ecf5ff;
  color: #386392 !important;
  font-weight: bold;
}
.checkSelect__box input[type="radio"]:checked + label::before,
.checkSelect__box input[type="checkbox"]:checked + label::before {
  background-color: #386392;
}
.checkSelect__box:last-child label {
  margin-bottom: 0 !important;
}
.checkSelect__border {
  margin-right: 10px;
  width: 100%;
}
.checkSelect__border:last-child {
  margin-right: 0;
}
.checkSelect__border input {
  overflow: hidden;
  position: absolute;
  padding: 0;
  margin: -1px;
  width: 1px;
  height: 1px;
  border: 0;
  clip: rect(0, 0, 0, 0);
}
.checkSelect__border input + label {
  padding: 14px 0;
  width: 100%;
  border: solid 1px #e1e1e1;
  border-radius: 8px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  transition: all 0.2s ease-in 0s;
  cursor: pointer;
}
@media screen and (max-width: 321px) {
  .checkSelect__border input + label {
    font-size: 14px;
  }
}
.checkSelect__border input:checked + label {
  border: solid 1px #386392;
  background-color: #ecf5ff;
  color: #386392;
  font-weight: bold;
}
.checkSelect.flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.agreeCheck {
  position: relative;
  margin: 16px 0;
}
.agreeCheck:last-child {
  margin-bottom: 0;
}
.agreeCheck input {
  overflow: hidden;
  position: absolute;
  padding: 0;
  margin: -1px;
  width: 1px;
  height: 1px;
  border: 0;
  clip: rect(0, 0, 0, 0);
}
.agreeCheck input + label {
  display: flex;
  align-items: center;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .agreeCheck input + label {
    font-size: 14px;
  }
}
.agreeCheck input + label:before {
  content: " ";
  flex-shrink: 0;
  margin-right: 10px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: url(../imagesMat/icon_check.svg) no-repeat center/8.6px #e1e1e1;
  transition: all 0.2s ease-in 0s;
}
@media screen and (max-width: 321px) {
  .agreeCheck input + label:before {
    margin-right: 6px;
    width: 12px;
    height: 12px;
    background-size: 7px;
  }
}
.agreeCheck input:checked + label::before {
  background-color: #386392;
}
.txtGray,
.txtRed {
  margin-left: 8px;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
  line-height: 1;
  font-weight: normal;
  vertical-align: 2px;
}
@media screen and (max-width: 321px) {
  .txtGray,
  .txtRed {
    font-size: 10px;
  }
}
@media screen and (max-width: 321px) {
  .txtGray,
  .txtRed {
    margin-left: 4px;
  }
}
.txtGray {
  color: #aeb0b5;
}
.txtRed {
  color: #dc3545 !important;
}
.radioSelectCheck {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.radioSelectCheck__box {
  width: calc(33.3333333333% - 10px);
  margin-bottom: 16px;
  border-radius: 50%;
}
.radioSelectCheck__box:nth-child(3n + 2) label {
  margin: 0 auto;
}
.radioSelectCheck__box:nth-child(3n) label {
  margin-left: auto;
}
.radioSelectCheck__box input[type="radio"] {
  overflow: hidden;
  position: absolute;
  padding: 0;
  margin: -1px;
  width: 1px;
  height: 1px;
  border: 0;
  clip: rect(0, 0, 0, 0);
}
.radioSelectCheck__box input[type="radio"] + label {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  max-width: 136px;
  border: solid 1px #e1e1e1;
  border-radius: 50%;
  background-color: #f1f1f1;
}
.radioSelectCheck__box input[type="radio"] + label:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: url(../imagesMat/icon_check.svg) no-repeat center #e1e1e1;
  transition: all 0.2s ease-in 0s;
}
.radioSelectCheck__box input[type="radio"] + label img {
  width: 100%;
  max-width: 136px;
  max-height: 136px;
}
.radioSelectCheck__box input[type="radio"]:checked + label {
  border: solid 2px #386392;
}
.radioSelectCheck__box input[type="radio"]:checked + label:before {
  background-color: #386392;
}
.selCheck {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
}
.selCheck__item {
  flex: 0 0 33.3333%;
  margin-bottom: 18px;
}
.selCheck input {
  margin: 0 auto;
  width: 80px;
  height: 80px;
  border: solid 1px #e1e1e1;
  border-radius: 50%;
  background: no-repeat center/54px #fff;
  transition: all 0.1s ease-in 0s;
  cursor: pointer;
}
.selCheck input:focus {
  border-color: #e1e1e1 !important;
}
.selCheck input:-moz-read-only {
  background-color: #fff;
}
.selCheck input:read-only {
  background-color: #fff;
}
.selCheck input + label {
  position: relative;
  margin-top: 8px;
  width: 80px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  cursor: pointer;
}
@media screen and (max-width: 321px) {
  .selCheck input + label {
    font-size: 14px;
  }
}
.selCheck input + label:before {
  content: "";
  position: absolute;
  top: -88px;
  right: 4px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: url(../imagesMat/icon_check.svg) no-repeat center #e1e1e1;
  transition: all 0.1s ease-in 0s;
}
.selCheck input:checked {
  border-color: #386392;
  background-color: #ecf5ff;
}
.selCheck input:checked:focus {
  border-color: #386392 !important;
}
.selCheck input:checked + label {
  color: #386392;
  font-weight: bold;
}
.selCheck input:checked + label::before {
  background-color: #386392;
}
.checkSquareWrap {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
}
.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;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
}
@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(../imagesMat/icon_check03.svg) no-repeat center/11.7px #e1e1e1;
  transform: translateY(1px);
}
.checkSquare input[type="checkbox"]:checked + label:before {
  background-color: #386392;
}
.checkSquareTxt {
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  margin-bottom: 20px;
}
@media screen and (max-width: 321px) {
  .checkSquareTxt {
    font-size: 12px;
  }
}
.subWrap__flex:has(.checkSquareTxt) .checkSquare {
  margin-bottom: 6px;
}
.react-datepicker__tab-loop {
  position: absolute;
  top: 0;
  left: 0;
}
.react-datepicker__tab-loop:nth-child(3) {
  left: inherit;
  right: 212px;
}
.react-datepicker__tab-loop:nth-child(3) .react-datepicker-popper {
  transform: translate3d(0, 54px, 0px) !important;
}
.react-datepicker__input-container.wrong input {
  border-color: #dc3545 !important;
}
.react-datepicker__input-container input {
  background: url(../imagesMat/icon_cal.svg) no-repeat right 12px center/20px #fff;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .react-datepicker__input-container input {
    background-size: 17px;
  }
}
.filter:has(label[for="startDay"]) .react-datepicker__header {
  padding: 7.5px 0 !important;
}
.filter:has(label[for="startDay"]) .react-datepicker__month {
  margin: 6px 10px 9px !important;
}
.filter:has(label[for="startDay"]) .react-datepicker__month-container {
  width: 242px;
  height: 240px;
}
.filter:has(label[for="startDay"]) .react-datepicker__month-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 47.5px;
}
.filter:has(label[for="startDay"]) .react-datepicker__month-text {
  padding: 6px 0;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .filter:has(label[for="startDay"]) .react-datepicker__month-text {
    font-size: 14px;
  }
}
.filter:has(label[for="startDay"]) .react-datepicker__navigation {
  top: 12px !important;
}
.jobList__item {
  position: relative;
  padding: 8px 16px 16px;
  margin-bottom: 18px;
  border-radius: 12px;
  background-color: #fff;
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.12);
}
.jobList__item.border {
  margin-top: 54px;
  border: solid 1px #386392;
  border-radius: 0 12px 12px 12px;
}
.jobList__item.border .listTopLabel {
  top: -36px;
  display: block;
  padding: 8px 16px;
}
@media screen and (max-width: 321px) {
  .jobList__item.border .listTopLabel {
    top: -34px;
  }
}
.jobList__item.border .jobList__item--number p {
  border-radius: 0 12px 0 0;
}
.jobList__item--label {
  display: flex;
  flex-wrap: wrap;
}
.jobList__item--number {
  width: 100%;
}
.jobList__item--number p {
  margin: -8px -16px 12px;
  border-radius: 12px 12px 0 0;
  padding: 8px 14px;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
  background-color: rgba(237, 245, 253, 0.8);
}
@media screen and (max-width: 321px) {
  .jobList__item--number p {
    font-size: 12px;
  }
}
.jobList__item--cancel {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  margin: -12px 0 12px -16px;
  width: calc(100% + 32px);
  background-color: #ffecee;
  color: #dc3545;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .jobList__item--cancel {
    font-size: 12px;
  }
}
.jobList__item--cancel:before {
  content: "";
  margin-right: 8px;
  width: 16px;
  height: 16px;
  background: url(../imagesMat/icon_warning.svg) no-repeat left/16px;
}
.jobList__item--tit {
  padding: 10px 52px 10px 0;
  margin-bottom: 10px;
  border-bottom: solid 1px #f1f1f1;
}
.jobList__item--tit h3 {
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media screen and (max-width: 321px) {
  .jobList__item--tit h3 {
    font-size: 16px;
  }
}
.jobList__item--tit h3 small {
  margin-right: 6px;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: normal;
  vertical-align: 1px;
}
@media screen and (max-width: 321px) {
  .jobList__item--tit h3 small {
    font-size: 12px;
  }
}
.jobList__item--tit p {
  margin-top: 2px;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .jobList__item--tit p {
    font-size: 12px;
  }
}
.jobList__item--detail {
  margin-bottom: 12px;
}
.jobList__item--detail div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.jobList__item--detail div ~ div {
  margin: 4px 0;
}
.jobList__item--detail div dt {
  flex-shrink: 0;
  margin-right: 20px;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .jobList__item--detail div dt {
    font-size: 14px;
  }
}
.jobList__item--detail div dd {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
  text-align: right;
}
@media screen and (max-width: 321px) {
  .jobList__item--detail div dd {
    font-size: 14px;
  }
}
.jobList__item--detail div dd span {
  margin-right: 4px;
}
.jobList__item--detail .listView {
  display: none;
}
.jobList__item--exp {
  position: relative;
  margin: 22px 0 12px;
}
.jobList__item--exp:after {
  content: "";
  position: absolute;
  top: -12px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #f1f1f1;
}
.jobList__item--exp.corp dt {
  color: #386392;
  background-image: url(../imagesMat/icon_exp02.svg);
  background-color: #ecf5ff;
}
@media screen and (max-width: 281px) {
  .jobList__item--exp.corp dt {
    background-image: none;
  }
}
.jobList__item--exp div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.jobList__item--exp dt {
  flex-shrink: 0;
  padding: 2px 6px 2px 22px;
  border-radius: 4px;
  background: url(../imagesMat/icon_exp01.svg) no-repeat 6px 6px #fff8c4;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
  line-height: normal;
}
@media screen and (max-width: 321px) {
  .jobList__item--exp dt {
    font-size: 12px;
  }
}
@media screen and (max-width: 281px) {
  .jobList__item--exp dt {
    padding-left: 6px;
    background-image: none;
  }
}
.jobList__item--exp dd {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: bold;
  text-align: right;
}
@media screen and (max-width: 321px) {
  .jobList__item--exp dd {
    font-size: 14px;
  }
}
.jobList__item--exp dd span {
  margin-right: 4px;
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
  line-height: normal;
}
@media screen and (max-width: 321px) {
  .jobList__item--exp dd span {
    font-size: 12px;
  }
}
@media screen and (max-width: 321px) {
  .jobList__item--exp dd span {
    margin-right: 2px;
  }
}
.jobList__item--btn {
  position: relative;
}
.jobList__item--btn:has(.tooltip) {
  padding-top: 28px;
}
.jobList__item--btn:has(.tooltip) .tooltip {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.jobList__item--btn button ~ button {
  margin-top: 8px;
}
.jobList__item--btn:has(.btnWish) {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
.jobList__item--btn:has(.btnWish) .btnWish {
  width: 46px;
  flex-shrink: 0;
}
.jobList__item--btn:has(.btnWish) button ~ button {
  margin-top: 0;
}
.jobList__item--btn.flex {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.jobList__item--btn.flex button ~ button {
  margin-top: 0;
}
.jobList__item--btn .doubleWrap {
  margin-top: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.jobList__item--btn .doubleWrap button {
  margin-top: 0;
  width: calc(50% - 6px);
}
@media screen and (max-width: 321px) {
  .jobList__item--btn .paperBtn {
    font-size: 12px;
  }
}
.jobList__item--compli {
  margin-top: 8px;
  margin-bottom: 8px;
}
.jobList__item--compli p {
  padding: 14px 0;
  border: solid 1px #e1e1e1;
  border-radius: 8px;
  background-color: #f6f6f6;
  color: #555;
  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) {
  .jobList__item--compli p {
    font-size: 14px;
  }
}
.jobList__item.fold {
  display: flex;
  flex-direction: column;
  padding: 8px 16px 16px;
  margin-bottom: 16px;
}
.jobList__item.fold .jobList__item--label,
.jobList__item.fold .jobList__item--exp,
.jobList__item.fold .jobList__item--tit h3 small {
  display: none;
}
.jobList__item.fold .jobList__item--number {
  order: 1;
}
.jobList__item.fold .jobList__item--tit {
  order: 3;
  padding: 0;
  margin: 0;
  width: 100%;
  border: 0;
  background: 0;
}
.jobList__item.fold .jobList__item--tit h3 {
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: bold;
}
@media screen and (max-width: 321px) {
  .jobList__item.fold .jobList__item--tit h3 {
    font-size: 14px;
  }
}
.jobList__item.fold .jobList__item--btn {
  order: 4;
  margin-top: 12px;
}
.jobList__item.fold .jobList__item--detail {
  order: 2;
  margin-bottom: 6px;
}
.jobList__item.fold .jobList__item--detail > div {
  display: none !important;
}
.jobList__item.fold .jobList__item--detail .listView {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  padding-top: 4px;
}
.jobList__item.fold .jobList__item--detail .listView li {
  flex-shrink: 0;
  height: 24px;
  padding: 0 6px;
  border-radius: 4px;
  background-color: #f6f6f6;
}
.jobList__item.fold .jobList__item--detail .listView li:first-child {
  padding-left: 26px;
  background: url(../imagesMat/icon_cal03.svg) no-repeat 6px center/14px #ecf5ff;
}
.jobList__item.fold .jobList__item--detail .listView li:first-child p {
  color: #3880c7;
}
.jobList__item.fold .jobList__item--detail .listView li p {
  color: #777;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .jobList__item.fold .jobList__item--detail .listView li p {
    font-size: 12px;
  }
}
.jobList__item.fold .jobList__item--detail .listView__auto p {
  padding-left: 18px;
  background: url(../imagesMat/icon_reset03.svg) no-repeat 0 center #f6f6f6;
}
.jobListSearch {
  position: relative;
  padding-top: 12px;
  width: calc(100% + 40px);
  margin-left: -20px;
  background-color: #fff;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.06);
}
.jobListSearch .backBtn {
  display: none;
}
.jobListSearch.scroll {
  position: fixed;
  top: 0;
  left: 50%;
  z-index: 16;
  padding-top: 0;
  margin-left: 0;
  width: 100%;
  max-width: 600px;
  transform: translateX(-50%);
}
.jobListSearch.scroll input {
  padding-right: 24px;
  border: 0;
  background-color: #fff;
}
.jobListSearch.scroll .backBtn {
  display: block;
  width: 38px;
}
.jobListSearch.scroll .searchBtn {
  margin-left: 12px;
  width: 44px;
  background-color: #fff;
  background-image: url(../imagesMat/icon_search02.svg);
  background-position: left center;
}
.jobListSearch.scroll .jobListSearch__form {
  padding: 0;
}
.jobListSearch.scroll .jobListSearch__form .resetBtn {
  width: 20px;
  background: url(../imagesMat/icon_close04.svg) no-repeat right;
}
.jobListSearch.scroll .jobListSearch__form:after {
  content: "";
  position: fixed;
  top: 60px;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #f1f1f1;
}
.jobListSearch.scroll:before {
  left: 0;
}
.jobListSearch__form {
  display: flex;
  align-items: center;
  padding: 0 20px;
  margin: 0 auto;
  max-width: 600px;
  min-height: 46px;
}
.jobListSearch__form > div {
  position: relative;
  width: 100%;
}
.jobListSearch__form input {
  border-radius: 8px 0 0 8px;
  background-color: #f6f6f6;
}
.jobListSearch__form input:focus {
  background-color: #fff;
}
.jobListSearch__filter {
  position: relative;
  left: -20px;
  padding: 12px 20px;
  margin: 0 auto;
  max-width: 600px;
}
.jobListSearch__filter ul {
  overflow-x: auto;
  display: flex;
  align-items: center;
  padding: 0 20px;
  width: 100%;
}
.jobListSearch__filter ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 7px 12px;
  margin-right: 4px;
  height: 34px;
  border: solid 1px #f8f8f8;
  border-radius: 17px;
  background-color: #f8f8f8;
  color: #777;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
  cursor: pointer;
}
@media screen and (max-width: 321px) {
  .jobListSearch__filter ul li {
    font-size: 12px;
  }
}
.jobListSearch__filter ul li.active {
  border: solid 1px #386392;
  background-color: #ecf5ff;
  color: #386392;
  font-weight: bold;
}
.jobListSearch__filter ul li:last-child {
  margin-right: 0;
}
.jobListSearch__filter ul::-webkit-scrollbar {
  display: none;
}
.jobListSearch__filter--btnWrap {
  position: absolute;
  bottom: 0;
  right: -20px;
  width: 43px;
  height: calc(100% - 12px);
  background-color: #fff;
}
.jobListSearch__filter--btnWrap button {
  width: 100%;
  height: 100%;
  font-size: 0;
  text-indent: -9999px;
  background: url(../imagesMat/icon_tri_blue.svg) no-repeat right 20px top 13px/11px 9px;
}
.jobListSearch__filter--btnWrap:after {
  content: "";
  position: absolute;
  top: 0;
  left: -33px;
  width: 33px;
  height: 100%;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 10%, #fff);
}
.jobListSearch__filter:before {
  content: "";
  position: absolute;
  top: 12px;
  left: 20px;
  width: 34px;
  height: 36px;
  background-image: linear-gradient(to right, #fff, rgba(255, 255, 255, 0) 86%);
}
.jobListSearch__filter.open {
  padding-bottom: 4px;
}
.jobListSearch__filter.open ul {
  flex-wrap: wrap;
}
.jobListSearch__filter.open ul li {
  margin-bottom: 8px;
}
.jobListSearch__filter.open .jobListSearch__filter--btnWrap button {
  transform: rotate(180deg);
  background-position: center bottom 13px;
}
.jobListSearch__filter.open .jobListSearch__filter--btnWrap:after {
  display: none;
}
.jobListSearch__filter.open:before {
  display: none;
}
.jobListSearch__filter.withList {
  padding-right: 37px;
}
.jobListSearch__filter.withList .jobListSearch__filter {
  padding: 12px 50px 12px 20px;
}
.jobListSearch__filter.withList .jobListSearch__filter--btnWrap {
  width: 74px;
}
.jobListSearch__filter.withList .jobListSearch__filter--btnWrap button {
  display: block;
  margin: auto;
  width: 34px;
  height: 34px;
  border: solid 1px #e1e1e1;
  border-radius: 4px;
  background: no-repeat center/24px #fff;
  background-image: url(../imagesMat/ic_btnList.svg);
}
.jobListSearch__filter.withList .jobListSearch__filter--btnWrap button.on {
  background-image: url(../imagesMat/ic_btnFull.svg);
}
.jobListSearch__filter.withList .jobListSearch__filter--btnWrap:after {
  left: -17px;
  width: 17px;
}
input,
textarea {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  input,
  textarea {
    font-size: 14px;
  }
}
input {
  border-radius: 8px;
  padding: 10px 12px;
}
input:-moz-read-only {
  background-color: #f6f6f6;
}
input:disabled,
input:read-only {
  background-color: #f6f6f6;
}
input:-moz-read-only {
  color: #555;
}
input:read-only {
  color: #555;
}
textarea {
  padding: 12px;
  height: 120px;
  border-radius: 8px;
}
.label.gray {
  background-color: #f6f6f6;
}
.label.darkGray {
  background-color: #e1e1e1;
}
.label.lightYel {
  background-color: #fff8c4;
}
.label.yellow {
  background-color: #fff2a1;
}
.label.red {
  background-color: #ffe3d9;
}
.label.lightBlue {
  background-color: #c1eeff;
}
.label.skyBlue {
  background-color: #e1f0ff;
}
.label.green {
  background-color: #beffbe;
}
.label {
  display: flex;
  align-items: center;
  padding: 0 8px;
  margin: 4px 8px 0 0;
  height: 28px;
  border-radius: 20px;
  color: #333;
  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 strong {
  margin-left: 6px;
}
.label.darkGray {
  display: inline-flex;
}
.label.lightBlue small {
  margin-left: 2px;
  color: #0088f8;
}
.label.view {
  background-color: #f6f6f6;
  color: #1a5391;
}
.label.view small {
  margin-left: 4px;
}
.label.view small.max:after {
  content: "+";
}
.label.auto {
  padding-left: 24px;
  background: url(../imagesMat/icon_reset02.svg) no-repeat 8px/14px #f6f6f6;
}
.deadLine {
  overflow: hidden;
  display: flex;
  align-items: center;
  position: relative;
  margin: 4px 8px 0 0;
  height: 28px;
  border-radius: 14px;
  background-color: #f6f6f6;
}
.deadLine__item {
  padding: 0 8px 0 8px;
}
.deadLine .barPink {
  position: absolute;
  left: 0;
  margin: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  border-radius: 14px;
  background-color: #ffe3d9;
}
.deadLine .label {
  z-index: 2;
}
.deadLine strong {
  position: relative;
  z-index: 1;
  padding-left: 20px;
  height: 100%;
  color: #dc3545;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .deadLine strong {
    font-size: 12px;
  }
}
.deadLine strong:before {
  content: "";
  position: absolute;
  top: 52%;
  left: 0;
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../imagesMat/labelDead.svg) no-repeat;
  transform: translateY(-50%);
}
.inputWrap__box {
  position: relative;
  width: 100%;
}
.inputWrap__box > .time {
  position: absolute;
  right: 8px;
  top: 5px;
}
.inputWrap__box.wrong input {
  border-color: #dc3545 !important;
  color: #dc3545 !important;
}
.awardsLabel {
  padding: 9px 13px 1px;
  margin: 8px 0 3px 20px;
  background: url(../imagesMat/bgAwardsLabel01.svg) no-repeat 0 bottom,
    url(../imagesMat/bgAwardsLabel02.svg) no-repeat 13px 0,
    url(../imagesMat/bgAwardsLabel03.svg) no-repeat right bottom;
  color: #b08834;
  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;
  }
}
.contentNone {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-top: 20vh;
  text-align: center;
}
.contentNone h2 {
  margin-top: 20px;
}
.contentNone p {
  margin-top: 16px;
  color: #333;
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
  font-weight: 500;
  line-height: 1.33;
}
@media screen and (max-width: 321px) {
  .contentNone p {
    font-size: 16px;
  }
}
.contentNone.line {
  padding: 32px 0;
  margin-bottom: 16px;
  border: solid 1px #e1e1e1;
  border-radius: 12px;
  background-color: #fff;
}
.contentNone.line p {
  margin-top: 12px;
  color: #777;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .contentNone.line p {
    font-size: 12px;
  }
}
.notifiRegis {
  background-color: #fbfbfb;
}
.notifiRegis:has(article:last-child) {
  padding-bottom: 8px;
}
.notifiRegis:has(.btnWrap.fixedBg) {
  padding-bottom: 88px;
}
.notifiRegis:has(.btnWrap.fixedBg) .btnWrap {
  padding-top: 20px;
}
.notifiRegis:has(:not(.btnWrap)) {
  padding-bottom: 0 !important;
}
.notifiRegis .pageTit {
  position: relative;
  padding: 92px 20px 40px 20px;
  border-bottom: solid 1px #e1e1e1;
  background: url(../imagesMat/ic_note.svg) no-repeat right 16px bottom #fff;
}
.notifiRegis .pageTit__label {
  display: flex;
  align-items: center;
}
.notifiRegis .pageTit__label--txt {
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .notifiRegis .pageTit__label--txt {
    font-size: 14px;
  }
}
.notifiRegis .pageTit__label--num {
  padding: 0 6px;
  height: 20px;
  border: solid 1px #386392;
  border-radius: 20px;
  background-color: #386392;
  color: #fff;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .notifiRegis .pageTit__label--num {
    font-size: 10px;
  }
}
.notifiRegis .pageTit__label--num.yesterday {
  background-color: #fff;
  color: #386392;
}
.notifiRegis .pageTit__label--date {
  color: #386392;
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .notifiRegis .pageTit__label--date {
    font-size: 16px;
  }
}
.notifiRegis .pageTit__label--date ~ .pageTit__label--num {
  margin-left: 8px;
}
.notifiRegis .pageTit__label:has(.pageTit__label--txt) {
  flex-wrap: wrap;
  padding-top: 8px;
}
.notifiRegis .pageTit__label:has(.pageTit__label--txt) .pageTit__label--num {
  margin-right: 8px;
}
.notifiRegis .pageTit__label:has(.pageTit__label--txt) .pageTit__label--date {
  margin-top: 4px;
  width: 100%;
}
.notifiRegis .pageTit h2 {
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -1px;
  padding-right: 96px;
  margin-top: 4px;
  transition: all 0.5s ease 0s;
}
@media screen and (max-width: 321px) {
  .notifiRegis .pageTit h2 {
    font-size: 18px;
  }
}
.notifiRegis .pageTit h2 span {
  margin-right: 4px;
}
.notifiRegis .pageTit .progressStep {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  position: absolute;
  top: 92px;
  right: 20px;
  transition: all 0.5s ease 0s;
}
.notifiRegis .pageTit .progressStep li {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #aeb0b5;
  color: #fff;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
  font-weight: bold;
  text-align: center;
  line-height: 18px;
}
@media screen and (max-width: 321px) {
  .notifiRegis .pageTit .progressStep li {
    font-size: 10px;
  }
}
.notifiRegis .pageTit .progressStep li.active {
  background-color: #386392;
}
.notifiRegis .noticeYelBox {
  margin: 20px auto 0;
  width: calc(100% - 40px);
}
.notifiRegis .noticeYelBox.scroll {
  margin: 0;
}
.notifiRegis .noticeYelBox.scroll + .notifiRegis__paitDet:before {
  content: "";
  display: block;
  width: 100%;
  height: 122px;
}
@media screen and (max-width: 321px) {
  .notifiRegis .noticeYelBox.scroll + .notifiRegis__paitDet:before {
    height: 113px;
  }
}
@media screen and (max-width: 287px) {
  .notifiRegis .noticeYelBox.scroll + .notifiRegis__paitDet:before {
    height: 130px;
  }
}
.notifiRegis__paitDet textarea {
  height: 120px;
}
.notifiRegis__paitDet--tit {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}
.notifiRegis__paitDet--tit h3 {
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
  line-height: 1.44;
}
@media screen and (max-width: 321px) {
  .notifiRegis__paitDet--tit h3 {
    font-size: 16px;
  }
}
.notifiRegis__paitDet--tit h3 span,
.notifiRegis__paitDet--tit h3 em {
  display: block;
}
.notifiRegis__paitDet--tit h3 span {
  margin-bottom: 2px;
  color: #386392;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: bold;
}
@media screen and (max-width: 321px) {
  .notifiRegis__paitDet--tit h3 span {
    font-size: 12px;
  }
}
.notifiRegis__paitDet--tit h3 em {
  margin-top: 2px;
  color: #dc3545;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: normal;
  font-style: normal;
}
@media screen and (max-width: 321px) {
  .notifiRegis__paitDet--tit h3 em {
    font-size: 12px;
  }
}
.notifiRegis__paitDet .notifiRegisListWrap {
  padding: 32px 20px;
  width: 100%;
}
.notifiRegis__paitDet .notifiRegisList {
  padding-top: 8px;
}
.notifiRegis__paitDet .notifiRegisList li:last-of-type {
  margin-bottom: 0;
}
.notifiRegis__paitDet .notifiRegisList:has(textarea) {
  padding-top: 0;
}
.notifiRegis__paitDet .notifiRegisList label {
  background-color: #fff;
}
.notifiRegis__paitDet .notifiRegisList input:disabled + label {
  padding-left: 16px;
  cursor: default;
}
.notifiRegis__paitDet .notifiRegisList input:disabled + label:before,
.notifiRegis__paitDet .notifiRegisList input:disabled + label:after {
  display: none;
}
.notifiRegis__subTit {
  display: block;
  margin-bottom: 4px;
}
.notifiRegis__subTit:nth-of-type(n + 2) {
  padding-top: 24px;
  margin: 24px 0 4px;
  border-top: solid 1px #f1f1f1;
}
.notifiRegis__subTit mark {
  color: #111;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .notifiRegis__subTit mark {
    font-size: 14px;
  }
}
.notifiRegis .btnWrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 20px 20px;
}
.onoffSwitch input {
  overflow: hidden;
  position: absolute;
  padding: 0;
  margin: -1px;
  width: 1px;
  height: 1px;
  border: 0;
  clip: rect(0, 0, 0, 0);
}
.onoffSwitch input:checked ~ label {
  background-color: #386392;
}
.onoffSwitch input:checked ~ label .onoffSwitch__circle {
  left: calc(100% - 30px);
  right: 2px;
}
.onoffSwitch input:not(:checked) ~ label {
  background-color: #e1e1e1;
}
.onoffSwitch input:not(:checked) ~ label .onoffSwitch__circle {
  left: 4px;
  right: calc(100% - 30px);
}
.onoffSwitch label {
  display: flex;
  align-items: center;
  border-radius: 500px;
  cursor: pointer;
  width: 52px;
  height: 32px;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.onoffSwitch__circle {
  position: absolute;
  right: 0;
  width: 26px;
  height: 26px;
  transition: all 0.1s linear 0s;
}
.onoffSwitch__circle--inner {
  display: block;
  height: 100%;
  width: 100%;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 3px 1px 0 rgba(0, 0, 0, 0.06);
}
@keyframes fadeInOut {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.popup {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20;
  padding: 20px;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.popup:has(.noticeInfo) .popupWrap {
  padding: 0;
}
.popup:has(.noticeInfo) .popupWrap .noticeInfo {
  width: 100%;
}
.popup:has(.noticeInfo) .popupWrap .noticeInfo .btnWrap {
  padding: 0 20px 20px;
}
.popup.moreBlack {
  padding: 0;
  background-color: rgba(0, 0, 0, 0.8);
  pointer-events: auto;
}
.popup__guide {
  margin: 0 auto;
  max-width: 600px;
}
.popup__guide--txt {
  position: relative;
  padding: 38px 0 26px;
  margin: 0 auto;
  width: calc(100% - 104px);
  background: url(../imagesMat/img_uiGuide-txt.svg) no-repeat 0 0,
    url(../imagesMat/img_uiGuide-aro.svg) no-repeat 189px 4px;
}
.popup__guide--txt h2 {
  width: 234px;
  height: 36px;
}
.popup__guide--txt p {
  color: #fff;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .popup__guide--txt p {
    font-size: 14px;
  }
}
.popup__guide--txt p span {
  color: #c8e3ff;
}
.popup__guide--txt > span {
  position: absolute;
  bottom: 8px;
  left: 242px;
  width: 54px;
  height: 54px;
  background: url(../imagesMat/img_uiGuide-ic.svg) no-repeat center;
}
.popup__guide img {
  margin: 0 auto;
  width: calc(100% - 104px);
  max-width: 400px;
}
.popup__guide > button {
  display: block;
  margin: 46px auto 0;
  width: 168px;
  height: 60px;
  border: solid 1px #fff;
  border-radius: 8px;
  text-align: center;
  color: #fff;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -1px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .popup__guide > button {
    font-size: 18px;
  }
}
@media screen and (max-height: 720px) {
  .popup__guide--txt {
    width: calc(100% - 48px);
    padding-bottom: 18px;
  }
  .popup__guide--txt > span {
    bottom: 2px;
  }
  .popup__guide img {
    width: calc(100% - 140px);
  }
}
@media screen and (max-width: 359px) {
  .popup__guide--txt {
    width: calc(100% - 48px);
    padding-bottom: 18px;
  }
  .popup__guide--txt > span {
    bottom: 2px;
    left: 230px;
  }
  .popup__guide button {
    margin-top: 20px;
    height: 54px;
  }
}
.popup .btnWrap button {
  height: 50px;
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .popup .btnWrap button {
    font-size: 16px;
  }
}
.popup .basicInput {
  padding: 20px 0 0;
}
.popupWrap {
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 21;
  padding: 32px 16px 16px;
  width: 100%;
  max-width: 450px;
  max-height: calc(100vh - 40px);
  border-radius: 12px;
  background-color: #fff;
  pointer-events: auto;
}
.popupWrap:has(.noticeInfo) {
  padding-bottom: 0;
}
.popupWrap:has(.popupWrap__info:nth-last-child(2)) .btnWrap {
  margin-top: 20px;
}
.popupWrap figure {
  margin-bottom: 20px;
}
.popupWrap figure img {
  display: block;
}
.popupWrap .basicInput__txt {
  margin: 16px 0 8px;
  width: 100%;
}
.popupWrap .basicInput__txt .checkSelect .agreeCheck {
  display: flex;
  align-items: center;
  margin-bottom: 14px;
}
.popupWrap .basicInput__txt .checkSelect .agreeCheck:last-child {
  margin-bottom: 4px;
}
.popupWrap .basicInput__txt .checkSelect .agreeCheck label {
  display: flex;
  align-items: center;
}
.popupWrap .btnWrap {
  display: flex;
  align-items: center;
  margin-top: 24px;
}
.popupWrap .btnWrap.fixWidthBtn button:first-child {
  flex-shrink: 0;
  width: 100px;
}
.popupWrap__tit {
  text-align: center;
}
.popupWrap__tit--help mark {
  padding: 0 6px;
}
.popupWrap__tit h2 {
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -1px;
}
@media screen and (max-width: 321px) {
  .popupWrap__tit h2 {
    font-size: 18px;
  }
}
.popupWrap__tit h3 {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .popupWrap__tit h3 {
    font-size: 14px;
  }
}
.popupWrap__tit .close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
.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) {
  .popupWrap__tit p {
    font-size: 14px;
  }
}
.popupWrap__tit p.awards {
  display: block;
  margin-top: 12px;
}
.popupWrap__tit p.awards small {
  margin-top: 6px;
  color: #777;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .popupWrap__tit p.awards small {
    font-size: 12px;
  }
}
.popupWrap__tit p strong {
  font-weight: 500;
}
.popupWrap__tit p strong.txtRed {
  margin-left: 0;
  font-size: inherit;
  font-weight: bold;
  letter-spacing: inherit;
  line-height: inherit;
  vertical-align: 0;
}
.popupWrap__tit > span {
  margin-top: 0;
  color: #111;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .popupWrap__tit > span {
    font-size: 14px;
  }
}
.popupWrap__tit i {
  margin-top: 8px;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-style: normal;
}
@media screen and (max-width: 321px) {
  .popupWrap__tit i {
    font-size: 12px;
  }
}
.popupWrap__tit img {
  margin: 0 auto 16px;
}
.popupWrap__imgTop.notAvailable {
  margin: -6px 0 16px;
}
.popupWrap__grayBox {
  position: relative;
  margin: 0 auto 12px;
  width: 70px;
  height: 70px;
  border-radius: 6px;
  background-color: #f6f6f6;
}
.popupWrap__grayBox img {
  margin: 0;
  width: 42px;
  max-height: 42px;
}
.popupWrap__info {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 16px;
  margin-top: 16px;
  width: 100%;
  border: solid 1px #e1e1e1;
  border-radius: 8px;
  background-color: #f6f6f6;
}
@media screen and (max-width: 321px) {
  .popupWrap__info {
    padding: 12px;
  }
}
.popupWrap__info.cen {
  padding: 16px 0;
  text-align: center;
}
.popupWrap__info.font16 p {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .popupWrap__info.font16 p {
    font-size: 14px;
  }
}
.popupWrap__info p {
  margin-top: 4px;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .popupWrap__info p {
    font-size: 12px;
  }
}
.popupWrap__info p.dash {
  position: relative;
  padding-left: 8px;
}
.popupWrap__info p:first-child {
  margin: 0;
}
.popupWrap__info i {
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-style: normal;
}
@media screen and (max-width: 321px) {
  .popupWrap__info i {
    font-size: 12px;
  }
}
.popupWrap__info:has(.popupWrap__info--alignLeft) {
  align-items: start;
}
@media screen and (max-width: 321px) {
  .popupWrap__info:has(.popupWrap__info--alignLeft) {
    padding: 12px;
  }
}
.popupWrap__info--basic {
  width: 100%;
}
.popupWrap__info--basic h3 {
  margin: 0;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .popupWrap__info--basic h3 {
    font-size: 14px;
  }
}
.popupWrap__info--basic div:nth-child(2) {
  margin-top: 12px;
}
.popupWrap__info--basic .popupTxtCenter {
  text-align: center;
}
.popupWrap__info--flexCenter {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.popupWrap__info--flexCenter h3 {
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  line-height: 1.71;
}
@media screen and (max-width: 321px) {
  .popupWrap__info--flexCenter h3 {
    font-size: 12px;
  }
}
.popupWrap__info--alignLeft h3 {
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  line-height: 1.71;
}
@media screen and (max-width: 321px) {
  .popupWrap__info--alignLeft h3 {
    font-size: 12px;
  }
}
.popupWrap__info--alignLeft dl div dt,
.popupWrap__info--alignLeft dl div dd {
  display: inline-flex;
}
.popupWrap__info--alignLeft dl div dt {
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .popupWrap__info--alignLeft dl div dt {
    font-size: 12px;
  }
}
.popupWrap__info--alignLeft dl div dd {
  margin-left: 2px;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .popupWrap__info--alignLeft dl div dd {
    font-size: 12px;
  }
}
.popupWrap__info--alignLeft dl div dd:before {
  content: ":";
  margin-right: 2px;
  width: 4px;
  height: auto;
}
@media screen and (min-width: 402px) {
  .popupWrap__info--alignLeft dl div dd br {
    display: none;
  }
}
.popupWrap__infoList {
  padding: 0 16px;
  margin-top: 20px;
  width: 100%;
  border: solid 1px #e1e1e1;
  border-radius: 12px;
  background-color: #f6f6f6;
}
.popupWrap__infoList.noLine div {
  padding: 4px 0;
  border-bottom: 0;
}
.popupWrap__infoList.noLine div:first-child {
  padding-top: 12px;
}
.popupWrap__infoList.noLine div:last-child {
  padding: 12px 0;
  margin-top: 8px;
  border-top: solid 1px #e1e1e1;
}
.popupWrap__infoList.noLine div dd {
  font-weight: normal;
}
.popupWrap__infoList span {
  display: block;
}
.popupWrap__infoList div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 0;
  border-bottom: solid 1px #e1e1e1;
}
.popupWrap__infoList div:last-child {
  border: 0;
}
.popupWrap__infoList div dt,
.popupWrap__infoList div dd {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .popupWrap__infoList div dt,
  .popupWrap__infoList div dd {
    font-size: 14px;
  }
}
.popupWrap__infoList div dt {
  flex-shrink: 0;
  margin-right: 8px;
  color: #333;
  font-weight: normal;
}
.popupWrap__infoList div dd {
  font-weight: bold;
  text-align: right;
}
.popupWrap__ad {
  padding: 16px 24px 0 24px;
  margin-top: 36px;
  width: 100%;
  height: 100px;
  border: solid 1px #e1e1e1;
  border-radius: 12px;
  background-image: url(../imagesMat/img_uniform.png), url(../imagesMat/bg_uniform.png);
  background-position: right 6px top 5px, center;
  background-size: 120px, cover;
  background-repeat: no-repeat;
}
.popupWrap__ad p {
  color: #94928e;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .popupWrap__ad p {
    font-size: 10px;
  }
}
.popupWrap__ad strong {
  display: block;
  margin-top: 2px;
  color: #3f4768;
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
  font-weight: bold;
  line-height: 1.22;
}
@media screen and (max-width: 321px) {
  .popupWrap__ad strong {
    font-size: 16px;
  }
}
.popupWrap__txtBox {
  margin-top: 16px;
  text-align: center;
}
.popupWrap__txtBox h3,
.popupWrap__txtBox p {
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .popupWrap__txtBox h3,
  .popupWrap__txtBox p {
    font-size: 14px;
  }
}
.popupWrap__txtBox p {
  margin-top: 2px;
}
.popupWrap__txtBoxFS14 {
  margin-top: 20px;
  text-align: center;
}
.popupWrap__txtBoxFS14 h3 {
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .popupWrap__txtBoxFS14 h3 {
    font-size: 12px;
  }
}
.popupWrap__txtBoxFS14 p {
  margin-top: 4px;
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .popupWrap__txtBoxFS14 p {
    font-size: 12px;
  }
}
.popupWrap .alertTxt {
  position: relative;
  padding-left: 10px;
  width: 100%;
  color: #dc3545;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .popupWrap .alertTxt {
    font-size: 12px;
  }
}
.popupWrap .alertTxt:before {
  content: "*";
  display: block;
  position: absolute;
  left: 0;
}
.popupBottom {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.popupBottom .popupBottomWrap {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 22;
  width: 100%;
  max-width: 600px;
  border-radius: 12px 12px 0 0;
  background-color: #fff;
  pointer-events: auto;
}
@media screen and (min-width: 600px) {
  .popupBottom .popupBottomWrap {
    left: 50%;
    margin-left: -300px;
  }
}
.popupBottom .popupBottomWrap > .close {
  position: absolute;
  top: 0;
  right: 0;
}
.popupBottom .popupBottomWrap .btnWrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px 20px;
}
.popupBottom .popupBottomWrap .btnWrap button,
.popupBottom .popupBottomWrap .btnWrap a {
  height: 50px;
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .popupBottom .popupBottomWrap .btnWrap button,
  .popupBottom .popupBottomWrap .btnWrap a {
    font-size: 16px;
  }
}
.popupBottom .popupBottomWrap .btnWrap.fixedBg {
  position: absolute !important;
  padding: 20px;
}
.popupBottom .popupBottomWrap__header {
  padding: 18px 20px;
}
.popupBottom .popupBottomWrap__header.center {
  padding-top: 30px;
  text-align: center;
}
.popupBottom .popupBottomWrap__header.center h2 {
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -1px;
}
@media screen and (max-width: 321px) {
  .popupBottom .popupBottomWrap__header.center h2 {
    font-size: 18px;
  }
}
.popupBottom .popupBottomWrap__header.bb {
  border-bottom: solid 1px #f1f1f1;
}
.popupBottom .popupBottomWrap__header.bb h2 {
  font-size: 24px;
  line-height: 1.33;
  letter-spacing: -1.2px;
  font-weight: normal;
}
@media screen and (max-width: 321px) {
  .popupBottom .popupBottomWrap__header.bb h2 {
    font-size: 22px;
  }
}
.popupBottom .popupBottomWrap__header .close {
  position: absolute;
  top: 6px;
  right: 0;
  width: 56px;
}
.popupBottom .popupBottomWrap__header .close.t0 {
  top: 0;
}
.popupBottom .popupBottomWrap__radioBlock {
  padding: 0 20px 30px;
}
.popupBottom .popupBottomWrap__radioBlock .radioSelect {
  display: block;
}
.popupBottom .popupBottomWrap__radioBlock .radioSelect__box:last-child {
  margin-bottom: 0;
}
.popupBottom .popupBottomWrap__chrSelect {
  padding: 32px 24px 16px;
}
.popupBottom .popupBottomWrap__bank {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.popupBottom .popupBottomWrap__bank li {
  display: flex;
  align-items: center;
}
.popupBottom .popupBottomWrap__email {
  padding: 20px 20px 40px;
}
.popupBottom .popupBottomWrap__scrollBox {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  overflow: auto;
  height: 100vh;
}
.popupBottom .popupBottomWrap__scrollBox .noticeInfo {
  padding-bottom: 106px;
}
.popupBottom .popupBottomWrap__scrollBox .noticeInfo__txt {
  margin-bottom: 0;
}
.bgDim {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  background-color: rgba(0, 0, 0, 0.7);
  pointer-events: auto;
}
.bgDim.white {
  background-color: rgba(255, 255, 255, 0.85);
}
.slideFilter {
  padding: 24px 0 8px;
  background-color: #f6f6f6;
  text-align: center;
}
.slideFilter.fixed {
  position: fixed;
  top: 60px;
  left: 0;
  z-index: 8;
  width: 100%;
}
.slideFilter.scroll {
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.14);
}
.slideFilter.joblist {
  margin-top: 84px;
}
.slideFilter__tab {
  overflow: hidden;
  position: relative;
  display: inline-flex;
  padding: 0 !important;
  height: 38px;
  border: solid 2px #e1e1e1;
  border-radius: 20px;
  background: #fff;
}
.slideFilter__tab > * {
  float: left;
}
.slideFilter__tab input[type="radio"] {
  display: none;
}
.slideFilter__tab label {
  display: block;
  margin: 3px;
  width: 55px;
  height: 28px;
  border-radius: 20px;
  color: #777;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: bold;
  line-height: 28px;
  text-align: center;
  cursor: pointer;
}
@media screen and (max-width: 321px) {
  .slideFilter__tab label {
    font-size: 12px;
  }
}
.slideFilter__tab label.active {
  color: #1e4d81;
}
@media screen and (max-width: 321px) {
  .slideFilter__tab label {
    width: 48px;
  }
}
.slideFilter__tab--slider {
  position: absolute;
  top: 1px;
  width: 60px;
  height: 32px;
  border-radius: 20px;
  transition: all 0.25s ease-in-out 0s;
}
@media screen and (max-width: 321px) {
  .slideFilter__tab--slider {
    width: 52px;
  }
}
#firstToggle:checked ~ .slideFilter__tab--slider {
  left: 1px;
  border: solid 1px #386392;
  background: rgba(0, 122, 255, 0.13);
}
#secondToggle:checked ~ .slideFilter__tab--slider {
  left: 61px;
  border: solid 1px #386392;
  background: rgba(0, 122, 255, 0.13);
}
@media screen and (max-width: 321px) {
  #secondToggle:checked ~ .slideFilter__tab--slider {
    left: 55px;
  }
}
#thirdToggle:checked ~ .slideFilter__tab--slider {
  left: 122px;
  border: solid 1px #386392;
  background: rgba(0, 122, 255, 0.13);
}
@media screen and (max-width: 321px) {
  #thirdToggle:checked ~ .slideFilter__tab--slider {
    left: 110px;
  }
}
#fourthToggle:checked ~ .slideFilter__tab--slider {
  left: 183px;
  border: solid 1px #386392;
  background: rgba(0, 122, 255, 0.13);
}
@media screen and (max-width: 321px) {
  #fourthToggle:checked ~ .slideFilter__tab--slider {
    left: 163px;
  }
}
.mapFilter {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 17;
  width: 100%;
}
.mapFilter__list {
  overflow-x: auto;
  display: flex;
  align-items: center;
  padding: 12px 20px;
  width: 100%;
}
.mapFilter__list li {
  padding: 7px 12px;
  margin-right: 4px;
  border-radius: 17px;
  background-color: #fff;
  box-shadow: 0 3px 3px 0px rgba(0, 0, 0, 0.17);
  text-align: center;
  cursor: pointer;
  color: #777;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .mapFilter__list li {
    font-size: 12px;
  }
}
.mapFilter__list li.active {
  border: solid 1px #386392;
  background-color: #ecf5ff;
  color: #386392;
  font-weight: bold;
}
.mapFilter__list li:last-child {
  margin-right: 0;
}
.mapFilter__list::-webkit-scrollbar {
  display: none;
}
.acomShare .jobFind__mapArea {
  height: calc(100vh - 108px);
}
.acomShare .jobFind__listGo button {
  bottom: 0;
}
.acomShare__pin {
  position: absolute;
  width: 50px;
  height: 71px;
}
.account__breakdown--filter {
  padding: 9.5px 12px;
  margin: 16px 0;
  width: 100%;
  border: solid 1px #e1e1e1;
  border-radius: 8px;
  background: url(../imagesMat/arrow_right05.svg) no-repeat right 10px center/6px #f6f6f6;
  color: #777;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .account__breakdown--filter {
    font-size: 12px;
  }
}
@media screen and (max-width: 321px) {
  .account__breakdown--filter {
    padding: 9.5px 32px 9.5px 16px;
  }
}
.account__detailList {
  min-height: calc(100vh - 351px);
  background-color: #f6f6f6;
}
.account__detailList--item li {
  position: relative;
  padding: 16px;
  margin-bottom: 16px;
  border-radius: 12px;
  background-color: #fff;
  box-shadow: 0 2px 8px 0 rgba(17, 17, 17, 0.1);
}
.account__detailList--item li:last-child {
  margin-bottom: 12px;
}
.account__detailList--item li div {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: relative;
  padding-top: 12px;
  margin-top: 12px;
  width: 100%;
  border-top: solid 1px #e1e1e1;
}
.account__detailList--item li div mark {
  position: absolute;
  top: 12px;
  left: 26px;
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .account__detailList--item li div mark {
    font-size: 12px;
  }
}
.account__detailList--item time {
  display: block;
  padding-left: 26px;
  background: no-repeat left;
  color: #777;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .account__detailList--item time {
    font-size: 12px;
  }
}
.account__detailList--item dl {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 4px 0 0 26px;
}
.account__detailList--item dl dt {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: bold;
}
@media screen and (max-width: 321px) {
  .account__detailList--item dl dt {
    font-size: 14px;
  }
}
.account__detailList--item dl dd {
  flex-shrink: 0;
  margin-left: 20px;
  color: #dc3545;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: bold;
  text-align: right;
}
@media screen and (max-width: 321px) {
  .account__detailList--item dl dd {
    font-size: 14px;
  }
}
.account__detailList--item dl dd small {
  display: block;
  color: #dc3545;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
  font-weight: normal;
}
@media screen and (max-width: 321px) {
  .account__detailList--item dl dd small {
    font-size: 10px;
  }
}
.account__detailList--item dl dd small span {
  margin-left: 8px;
  color: #dc3545;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: bold;
}
@media screen and (max-width: 321px) {
  .account__detailList--item dl dd small span {
    font-size: 14px;
  }
}
.account__detailList--item dl dd small span::before {
  content: "-";
  margin-right: 6px;
}
.account__detailList--item .amount {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  text-align: right;
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: bold;
}
@media screen and (max-width: 321px) {
  .account__detailList--item .amount {
    font-size: 12px;
  }
}
.account__detailList--item .amount:after {
  content: "원";
  margin-left: 2px;
  color: #555;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
  font-weight: normal;
}
@media screen and (max-width: 321px) {
  .account__detailList--item .amount:after {
    font-size: 10px;
  }
}
.account__detailList--item .deposit time {
  background-image: url(../imagesMat/accountDeposit.svg);
}
.account__detailList--item .deposit dd {
  color: #0063f8;
}
.account__detailList--item .deposit dd:before {
  content: "+";
  margin-right: 6px;
}
.account__detailList--item .withdraw dd,
.account__detailList--item .retire dd {
  color: #dc3545;
}
.account__detailList--item .withdraw dd:before,
.account__detailList--item .retire dd:before {
  content: "-";
  margin-right: 6px;
}
.account__detailList--item .withdraw time {
  background-image: url(../imagesMat/accountWithdraw.svg);
}
.account__detailList--item .retire time {
  background-image: url(../imagesMat/accountRetire.svg);
}
.account__managementBanner {
  padding-top: 40px;
  background-color: #f1f8ff;
  text-align: center;
}
.account__managementBanner h2 {
  margin-bottom: 8px;
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .account__managementBanner h2 {
    font-size: 16px;
  }
}
.account__managementBanner h2 mark {
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -1px;
}
@media screen and (max-width: 321px) {
  .account__managementBanner h2 mark {
    font-size: 18px;
  }
}
.account__managementBanner p {
  padding-bottom: 162px;
  background: url(../imagesMat/accountManagement.svg) no-repeat center bottom;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .account__managementBanner p {
    font-size: 12px;
  }
}
.account__registerList h3 {
  margin-bottom: 16px;
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
  font-weight: 500;
  line-height: 1.33;
}
@media screen and (max-width: 321px) {
  .account__registerList h3 {
    font-size: 16px;
  }
}
.account__registerList h4 {
  margin-bottom: 4px;
}
.account__registerBanner {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 20px;
  margin-bottom: 20px;
  border-radius: 12px;
  background-color: #e2f1ff;
}
.account__registerBanner:before {
  content: "";
  display: inline-block;
  flex-shrink: 0;
  margin-right: 14px;
  width: 64px;
  height: 60px;
  background-image: url(../imagesMat/accountRegiBanner.svg);
  background-size: 64px;
}
@media screen and (max-width: 321px) {
  .account__registerBanner:before {
    width: 52px;
    height: 49px;
    background-size: 52px;
  }
}
.account__registerBanner p {
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .account__registerBanner p {
    font-size: 10px;
  }
}
.account__registerBanner h2 {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .account__registerBanner h2 {
    font-size: 14px;
  }
}
.accountCard {
  position: relative;
  margin-top: 20px;
  width: 100%;
  border-radius: 12px;
  background: url(../imagesMat/accountBg.svg) no-repeat right -20px center/168px,
    linear-gradient(108deg, #2f6caf 1%, #131d51 99%) center 100%;
  text-align: center;
  box-shadow: 0 6px 12px 0 rgba(8, 24, 42, 0.32);
}
.accountCard * {
  color: #fff;
}
.accountCard__txt {
  padding: 40px 0 24px;
  margin: 0 16px;
  border-bottom: solid 1px rgba(255, 255, 255, 0.2);
}
.accountCard__txt span {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .accountCard__txt span {
    font-size: 14px;
  }
}
.accountCard__txt p {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 4px;
  font-size: 26px;
  line-height: 1.62;
  letter-spacing: -1.3px;
  font-weight: bold;
}
@media screen and (max-width: 321px) {
  .accountCard__txt p {
    font-size: 24px;
  }
}
.accountCard__txt p:after {
  content: "원";
  margin-left: 4px;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -1px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .accountCard__txt p:after {
    font-size: 18px;
  }
}
.accountCard__menu {
  display: flex;
  align-items: center;
  padding: 14.5px 0;
  width: 100%;
}
.accountCard__menu a {
  position: relative;
  width: 100%;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .accountCard__menu a {
    font-size: 14px;
  }
}
.accountCard__menu a:before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  width: 1px;
  height: 10px;
  background-color: rgba(241, 241, 241, 0.2);
}
.accountCard__menu a:first-child:before {
  display: none;
}
.accountDet {
  padding: 24px 20px;
}
.accountDet__box {
  padding: 20px 20px 18px;
  border-radius: 12px;
  border: solid 1px #eaeaea;
  background-color: #fff;
}
.accountDet__box h2 {
  padding-bottom: 16px;
  border-bottom: solid 1px #e1e1e1;
  color: #333;
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .accountDet__box h2 {
    font-size: 16px;
  }
}
.accountDet__box dl div {
  display: flex;
  justify-content: space-between;
}
.accountDet__box dl div ~ div {
  margin-top: 4px;
}
.accountDet__box dl dt {
  flex-shrink: 0;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .accountDet__box dl dt {
    font-size: 14px;
  }
}
.accountDet__box dl dd {
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
  text-align: right;
}
@media screen and (max-width: 321px) {
  .accountDet__box dl dd {
    font-size: 14px;
  }
}
.accountDet__box--my {
  padding: 20px 0;
}
.accountDet__box--my dt {
  color: #777 !important;
}
.accountDet__box--info {
  padding: 16px;
  border: solid 1px #f1f1f1;
  border-radius: 6px;
  background-color: #fbfbfb;
}
.accountDet__box--info div:last-child {
  padding-top: 16px;
  margin-top: 16px;
  border-top: solid 1px #e1e1e1;
}
.accountDet__box .btnBasArrow {
  margin-top: 12px;
  color: #333;
}
.plus {
  color: #0063f8;
}
.minus {
  color: #dc3545;
}
.transfer__bank {
  background-color: #fff;
}
.transfer__bank .basicInput__txt {
  margin-bottom: 8px;
}
.transfer__bank h2 {
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
  font-weight: 500;
  line-height: 1.33;
}
@media screen and (max-width: 321px) {
  .transfer__bank h2 {
    font-size: 16px;
  }
}
.transfer__bank h2 + p {
  margin: 2px 0 16px;
}
.transfer__bank p {
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .transfer__bank p {
    font-size: 12px;
  }
}
.transfer__bank--balance {
  margin-top: 8px;
}
.transfer__bank--balance p {
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .transfer__bank--balance p {
    font-size: 14px;
  }
}
.transfer__bank--balance p u {
  font-weight: bold;
}
.transfer__bank--balance dl {
  display: flex;
  align-items: center;
  padding: 11px 12px;
  margin-top: 20px;
  border-radius: 12px;
  background-color: #f6f6f6;
}
.transfer__bank--balance dl dt {
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: bold;
}
@media screen and (max-width: 321px) {
  .transfer__bank--balance dl dt {
    font-size: 14px;
  }
}
.transfer__bank--balance dl dt:before {
  content: "";
  display: inline-block;
  margin-right: 8px;
  width: 20px;
  height: 20px;
  background: url(../imagesMat/icon_noticeInfo-gray.svg) no-repeat center/20px;
}
.transfer__bank--balance dl dd {
  margin-left: 8px;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .transfer__bank--balance dl dd {
    font-size: 12px;
  }
}
@media screen and (max-width: 321px) {
  .transfer__bank--balance dl {
    display: block;
  }
  .transfer__bank--balance dl dd {
    margin-left: 28px;
  }
}
.transfer__bank--balance.eventPoint p {
  padding: 10px 12px;
  border: solid 1px #e1e1e1;
  border-radius: 8px;
  background-color: #f6f6f6;
  font-weight: bold;
}
.transfer__accountList--tit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.transfer__accountList--tit h3 {
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
  font-weight: 500;
  line-height: 1.33;
}
@media screen and (max-width: 321px) {
  .transfer__accountList--tit h3 {
    font-size: 16px;
  }
}
.identityVerifi {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.identityVerifi h2 {
  position: relative;
  padding-top: 80px;
  margin-top: 15vh;
  text-align: center;
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .identityVerifi h2 {
    font-size: 16px;
  }
}
.identityVerifi h2.mt0 {
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -1px;
}
@media screen and (max-width: 321px) {
  .identityVerifi h2.mt0 {
    font-size: 18px;
  }
}
.identityVerifi h2:after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 3;
  margin-left: -30px;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: url(../imagesMat/icon_check03.svg) no-repeat center/27px #fd0;
}
@media screen and (max-width: 321px) {
  .identityVerifi h2:after {
    left: 0;
    right: 0;
    margin: auto;
    width: 46px;
    height: 46px;
    background-size: 20px;
  }
}
@media screen and (max-width: 321px) {
  .identityVerifi h2 {
    padding-top: 60px;
    margin-top: 10vh;
  }
}
.identityVerifi.fail h2:after {
  background-color: #dc3545;
  background-image: url(../imagesMat/icon_close03.svg);
  background-size: 22px;
}
.identityVerifi__btn {
  padding: 8.5px 0;
  margin: 24px 0 12px;
  width: 232px;
  border: solid 1px #386392;
  border-radius: 8px;
  color: #386392;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
  line-height: 1.69;
  text-align: center;
}
@media screen and (max-width: 321px) {
  .identityVerifi__btn {
    font-size: 14px;
  }
}
.identityVerifi__cs {
  display: flex;
  align-items: center;
  margin-bottom: 100px;
}
.identityVerifi__cs li {
  position: relative;
  color: #777;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  line-height: 1.29;
}
@media screen and (max-width: 321px) {
  .identityVerifi__cs li {
    font-size: 12px;
  }
}
.identityVerifi__cs li:last-child {
  margin-left: 24px;
}
.identityVerifi__cs li:last-child:after {
  content: "";
  position: absolute;
  top: 2px;
  left: -12px;
  width: 1px;
  height: 16px;
  background-color: #aeb0b5;
}
.popupWrap__priceBanner {
  padding: 20px;
  margin-top: 20px;
  width: 100%;
  border: solid 1px #d6e4f6;
  border-radius: 12px;
  background: url(../imagesMat/priceBanner.svg) no-repeat right 16px center #e2eeff;
}
@media screen and (max-width: 321px) {
  .popupWrap__priceBanner {
    padding: 12px;
    background-size: 40px;
    background-position: right 12px center !important;
  }
}
.popupWrap__priceBanner strong {
  font-size: 18px;
  line-height: 1.33;
  letter-spacing: -0.9px;
}
.popupWrap__priceBanner p {
  margin: 0 0 4px;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .popupWrap__priceBanner p {
    font-size: 12px;
  }
}
.popupWrap .identityVerifi h2:after {
  width: 66px;
  height: 66px;
}
@media screen and (max-width: 321px) {
  .popupWrap .identityVerifi h2:after {
    left: 0;
    right: 0;
    margin: auto;
    width: 46px;
    height: 46px;
    background-size: 20px;
  }
}
.authentication__tit {
  padding: 8px 0 10px;
}
.authentication__tit :has(.authentication__tit--visaExpri) {
  padding-bottom: 32px;
}
.authentication__tit--info {
  text-align: center;
}
.authentication__tit--info p {
  padding: 130px 0 2px;
  background: url(../imagesMat/authenticationComple.svg) no-repeat top;
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .authentication__tit--info p {
    font-size: 16px;
  }
}
.authentication__tit--info h2 {
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -1px;
}
@media screen and (max-width: 321px) {
  .authentication__tit--info h2 {
    font-size: 18px;
  }
}
.authentication__tit--info.visaExpri p {
  background-image: url(../imagesMat/authenticationExpri.svg);
}
.authentication__tit--info.visaExpri p strong {
  font-weight: 500;
}
@media screen and (max-width: 410px) {
  .authentication__tit--info.visaExpri p br {
    display: block;
  }
}
.authentication__tit--info.visaExpri h2 mark {
  color: #dc3545;
}
.authentication__tit--visaExpri {
  padding: 50px 20px 16px;
  border-radius: 12px;
  background: url(../imagesMat/authenticationInfo.svg) no-repeat bottom;
}
@media screen and (max-width: 359px) {
  .authentication__tit--visaExpri {
    padding-right: 8px;
  }
}
@media screen and (max-width: 321px) {
  .authentication__tit--visaExpri {
    padding: 48px 12px 14px;
    background-size: contain;
  }
}
@media screen and (max-width: 319px) {
  .authentication__tit--visaExpri {
    padding: 35px 10px 9px;
  }
}
.authentication__tit--visaExpri div {
  display: flex;
  align-items: center;
  justify-content: center;
}
.authentication__tit--visaExpri div:before {
  content: "";
  display: inline-block;
  flex-shrink: 0;
  margin-right: 18px;
  width: 66px;
  height: 60px;
  background: url(../imagesMat/authenticationExpriInfo.svg) no-repeat;
}
@media screen and (max-width: 319px) {
  .authentication__tit--visaExpri div:before {
    width: 45px;
    height: 45px;
    background-size: 45px;
  }
}
.authentication__tit--visaExpri p {
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .authentication__tit--visaExpri p {
    font-size: 12px;
  }
}
.authentication__tit--visaExpri p strong {
  font-weight: 500;
}
@media screen and (max-width: 410px) {
  .authentication__tit--visaExpri p br {
    display: none;
  }
}
.authentication__detail .basicInput__txt:last-child {
  margin-bottom: 0;
}
.authentication__detail h2 {
  margin-bottom: 2px;
}
.authentication__detail .advancement__banner {
  margin: 0 0 20px;
}
.authentication__agree .btnWrap {
  padding: 0;
  margin: 0;
}
.autoMatching__serInfo {
  overflow: hidden;
  margin-top: 20px;
  border: solid 1px #386392;
  border-radius: 8px;
}
.autoMatching__serInfo--explain {
  padding: 32px 16px 28px;
}
.autoMatching__serInfo--explain ol {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.autoMatching__serInfo--explain ol:before {
  content: "";
  position: absolute;
  top: 14px;
  left: 50%;
  width: 75%;
  height: 1px;
  border-top: dashed 2px #bbb;
  transform: translate(-50%);
}
.autoMatching__serInfo--explain ol li {
  position: relative;
  width: 25%;
}
.autoMatching__serInfo--explain ol li:first-child h3 {
  background-image: url(../imagesMat/icon_step01.svg);
}
.autoMatching__serInfo--explain ol li:nth-child(2) h3 {
  background-image: url(../imagesMat/icon_step02.svg);
}
.autoMatching__serInfo--explain ol li:nth-child(3) h3 {
  background-image: url(../imagesMat/icon_step03.svg);
}
.autoMatching__serInfo--explain ol li:last-child h3 {
  background-image: url(../imagesMat/icon_step04.svg);
}
.autoMatching__serInfo--explain h3 {
  padding-top: 33px;
  min-height: 73px;
  background: no-repeat center 3px/22px;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
  text-align: center;
}
@media screen and (max-width: 321px) {
  .autoMatching__serInfo--explain h3 {
    font-size: 12px;
  }
}
@media screen and (max-width: 440px) {
  .autoMatching__serInfo--explain h3 {
    min-height: 93px;
  }
}
@media screen and (max-width: 379px) {
  .autoMatching__serInfo--explain h3 {
    min-height: 113px;
  }
}
.autoMatching__serInfo--explain p {
  margin-top: 28px;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .autoMatching__serInfo--explain p {
    font-size: 14px;
  }
}
.autoMatching__serInfo h2 {
  padding: 12px 12px 12px 40px;
  background: url(../imagesMat/icon_refresh.svg) no-repeat 16px #ecf5ff;
  color: #386392;
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .autoMatching__serInfo h2 {
    font-size: 16px;
  }
}
.autoMatching__serInfo + p {
  margin-top: 12px;
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .autoMatching__serInfo + p {
    font-size: 12px;
  }
}
.autoMatching__howTo {
  padding: 20px;
  margin-top: 24px;
  border: solid 1px #e1e1e1;
  border-radius: 12px;
  background-color: #f6f6f6;
}
.autoMatching__howTo h2 {
  color: #333;
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .autoMatching__howTo h2 {
    font-size: 16px;
  }
}
.autoMatching__howTo p {
  margin-top: 4px;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .autoMatching__howTo p {
    font-size: 14px;
  }
}
.autoMatching__howTo ol {
  padding: 0 16px;
  margin-top: 16px;
  border: solid 1px #e1e1e1;
  border-radius: 10px;
  background-color: #fafafa;
}
.autoMatching__howTo ol li {
  padding: 16px 0;
}
.autoMatching__howTo ol li:not(:last-child) {
  border-bottom: solid 1px #e1e1e1;
}
.autoMatching__howTo ol li:first-child h3 {
  background-image: url(../imagesMat/icon_pinBk.svg);
}
.autoMatching__howTo ol li:nth-child(2) h3 {
  background-image: url(../imagesMat/icon_cal02.svg);
}
.autoMatching__howTo ol li:last-child h3 {
  background-image: url(../imagesMat/icon_people.svg);
}
.autoMatching__howTo ol h3 {
  padding-left: 22px;
  background: no-repeat 0 4px/16px;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .autoMatching__howTo ol h3 {
    font-size: 14px;
  }
}
.autoMatching__howTo ol p {
  margin-top: 4px;
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .autoMatching__howTo ol p {
    font-size: 12px;
  }
}
.autoMatching__tit {
  position: relative;
  padding: 22px 20px;
  background-color: #fff;
}
.autoMatching__tit:has(button) {
  padding-bottom: 40px;
}
.autoMatching__tit.line {
  border-bottom: solid 1px #e1e1e1;
}
.autoMatching__tit h2 {
  color: #386392;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -1px;
}
@media screen and (max-width: 321px) {
  .autoMatching__tit h2 {
    font-size: 18px;
  }
}
.autoMatching__tit p {
  margin-top: 4px;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .autoMatching__tit p {
    font-size: 14px;
  }
}
.autoMatching__tit button {
  position: absolute;
  right: 20px;
  bottom: 16px;
}
.autoMatching .preferArea__detailResult article > p {
  margin-top: 6px;
}
.autoMatching .preferArea__detailResult ul {
  margin-top: 12px;
}
.autoMatching .filter__pati {
  padding-bottom: 100px;
}
.autoMatching .filter__pati .selCheck {
  padding-bottom: 22px;
}
.autoMatching .greyBubbleInfo {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 12px;
  margin-bottom: 32px;
  border: solid 1px #e1e1e1;
  border-radius: 12px;
  background-color: #f6f6f6;
  text-align: left;
}
.autoMatching .greyBubbleInfo:after {
  content: "";
  position: absolute;
  right: 30px;
  bottom: -12.5px;
  width: 30px;
  height: 30px;
  background: url(../imagesMat/img_greyBubble.svg);
}
.autoMatching .greyBubbleInfo strong {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .autoMatching .greyBubbleInfo strong {
    font-size: 14px;
  }
}
.autoMatching .greyBubbleInfo p {
  margin-top: 4px;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .autoMatching .greyBubbleInfo p {
    font-size: 12px;
  }
}
.autoMatching .greyBubbleInfo .grayBtn {
  padding: 0 10px;
  flex-shrink: 0;
  margin-left: 10px;
}
.autoMatching__calendarWrap {
  padding: 20px 20px 107px;
}
.autoMatching__calendarWrap .calendar__tit {
  position: relative;
}
.autoMatching__calendarWrap .calendar__tit .prev,
.autoMatching__calendarWrap .calendar__tit .next {
  position: absolute;
}
.autoMatching__calendarWrap .calendar__tit .prev {
  left: 0;
}
.autoMatching__calendarWrap .calendar__tit .next {
  right: 0;
}
.autoMatInfo__tit {
  padding: 22px 20px;
}
.autoMatInfo__tit h2 {
  min-width: 50%;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -1px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .autoMatInfo__tit h2 {
    font-size: 18px;
  }
}
@media screen and (max-width: 321px) {
  .autoMatInfo__tit h2 br {
    display: none;
  }
}
.autoMatInfo__tit span {
  padding-left: 20px;
  margin-top: 6px;
  background: url(../imagesMat/icon_noticeInfo-gray.svg) no-repeat 0 3px/16px;
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
  line-height: 1.57;
}
@media screen and (max-width: 321px) {
  .autoMatInfo__tit span {
    font-size: 12px;
  }
}
.autoMatInfo__select {
  padding: 22px 20px 20px;
}
.autoMatInfo__select > li ~ li {
  margin-top: 26px;
}
.autoMatInfo__select--tit:has(.edit) {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.autoMatInfo__select--tit h2 {
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -1px;
}
@media screen and (max-width: 321px) {
  .autoMatInfo__select--tit h2 {
    font-size: 18px;
  }
}
.autoMatInfo__select--tit p {
  margin-top: 4px;
  color: #333;
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .autoMatInfo__select--tit p {
    font-size: 16px;
  }
}
.autoMatInfo__select--area {
  display: flex;
  align-items: center;
  padding: 0 12px 0 36px;
  margin-top: 10px;
  height: 48px;
  border: solid 1px #e1e1e1;
  border-radius: 8px;
  background: url(../imagesMat/perferArea.svg) no-repeat 12px #f6f6f6;
}
.autoMatInfo__select--area p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #555;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .autoMatInfo__select--area p {
    font-size: 14px;
  }
}
.autoMatInfo__select--calendar {
  margin-top: 4px;
}
.autoMatInfo__select--calendar .calendar__tit {
  padding: 16px 0 12px;
}
.autoMatInfo__select--calendar .calendar__tit h4 {
  color: #333;
}
.autoMatInfo__select--calendar .calendar__head {
  border-color: #e1e1e1;
}
.autoMatInfo__select--calendar .calendar__head span:first-child {
  color: #333 !important;
}
.autoMatInfo__select--calendar .calendar__detail--col span.ing,
.autoMatInfo__select--calendar .calendar__detail--col span.sat:before,
.autoMatInfo__select--calendar .calendar__detail--col span.sat:after,
.autoMatInfo__select--calendar .calendar__detail--col span.sun:before,
.autoMatInfo__select--calendar .calendar__detail--col span.sun:after,
.autoMatInfo__select--calendar .calendar__detail--col span.start.ing:before,
.autoMatInfo__select--calendar .calendar__detail--col span.finish.ing:before {
  background-color: rgba(81, 154, 233, 0.1);
}
.autoMatInfo__select--calendar .calendar__detail--col span.start,
.autoMatInfo__select--calendar .calendar__detail--col span.select,
.autoMatInfo__select--calendar .calendar__detail--col span.start.ing,
.autoMatInfo__select--calendar .calendar__detail--col span.finish.ing,
.autoMatInfo__select--calendar .calendar__detail--col span.sat.ing,
.autoMatInfo__select--calendar .calendar__detail--col span.sun.ing {
  background-color: rgba(0, 0, 0, 0) !important;
}
.autoMatInfo__select--calendar .calendar__detail--col span:first-child {
  color: #333;
}
.autoMatInfo__select--state {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  padding: 12px;
  margin-top: 10px;
  border: solid 1px #e1e1e1;
  border-radius: 12px;
  background-color: #f6f6f6;
}
.autoMatInfo__select--state li {
  flex-shrink: 0;
}
.autoMatInfo__select--state li.active p {
  border-color: #386392;
  background-color: #ecf5ff;
  color: #386392;
}
.autoMatInfo__select--state li p {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  height: 36px;
  border: solid 1px #e1e1e1;
  border-radius: 20px;
  background-color: #fff;
  color: #aeb0b5;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .autoMatInfo__select--state li p {
    font-size: 12px;
  }
}
.calculate__info,
.calculate__det {
  padding: 20px;
}
.calculate__info h2,
.calculate__det h2 {
  color: #333;
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .calculate__info h2,
  .calculate__det h2 {
    font-size: 16px;
  }
}
.calculate__info--box,
.calculate__det--box {
  padding: 16px;
  margin-top: 12px;
  border-radius: 12px;
}
.calculate__info--box div,
.calculate__det--box div {
  display: flex;
  justify-content: space-between;
}
.calculate__info--box div ~ div,
.calculate__det--box div ~ div {
  margin-top: 8px;
}
.calculate__info--box dt,
.calculate__det--box dt {
  flex-shrink: 0;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .calculate__info--box dt,
  .calculate__det--box dt {
    font-size: 14px;
  }
}
.calculate__info--box dd,
.calculate__det--box dd {
  margin-left: 6px;
  color: #111;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .calculate__info--box dd,
  .calculate__det--box dd {
    font-size: 14px;
  }
}
.calculate__info {
  background-color: #fff;
}
.calculate__info--war {
  padding: 12px 12px 12px 40px;
  margin-bottom: 12px;
  border: solid 1px #dc3545;
  border-radius: 12px;
  background: url(../imagesMat/icon_warning.svg) no-repeat 16px 16px/16px #ffeeef;
}
@media screen and (max-width: 321px) {
  .calculate__info--war {
    padding: 8px 16px 8px 36px;
    background-size: 14px;
    background-position: 16px 14px;
  }
}
.calculate__info--war strong {
  color: #dc3545;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .calculate__info--war strong {
    font-size: 14px;
  }
}
.calculate__info--war p {
  margin-top: 4px;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .calculate__info--war p {
    font-size: 12px;
  }
}
.calculate__info--box {
  border: solid 1px #e1e1e1;
}
.calculate__info--box dd {
  font-weight: 500;
}
.calculate__det--box {
  background-color: #fff;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
}
.calculate__det--box dd {
  font-weight: bold;
}
.calculate__det--box p {
  padding: 14px 0 0 22px;
  margin-top: 16px;
  border-top: solid 1px #e1e1e1;
  background: url(../imagesMat/icon_noticeInfo-gray.svg) no-repeat 0 16px;
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .calculate__det--box p {
    font-size: 12px;
  }
}
.subWrap:has(.calculate) .noticeInfo {
  position: relative;
  border: 0;
  background-color: rgba(0, 0, 0, 0);
}
.subWrap:has(.calculate) .noticeInfo:before {
  content: "";
  position: absolute;
  left: 20px;
  width: calc(100% - 40px);
  height: 1px;
  background-color: #e1e1e1;
}
.calculateReq {
  padding: 20px;
}
.calculateReq h2 {
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -1px;
}
@media screen and (max-width: 321px) {
  .calculateReq h2 {
    font-size: 18px;
  }
}
.calculateReq__txt {
  margin-top: 32px;
}
.calculateReq__txt label {
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .calculateReq__txt label {
    font-size: 16px;
  }
}
.calculateReq__txt textarea {
  margin-top: 8px;
  height: calc(100vh - 296px);
}
.cancel {
  padding: 24px 20px 40px;
}
.cancel__tit {
  padding-bottom: 16px;
  border-bottom: solid 1px #f1f1f1;
}
.cancel__tit h2 {
  color: #386392;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -1px;
}
@media screen and (max-width: 321px) {
  .cancel__tit h2 {
    font-size: 18px;
  }
}
.cancel__tit > p {
  margin-top: 4px;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .cancel__tit > p {
    font-size: 14px;
  }
}
.cancel__tit--num {
  padding: 13px 16px 13px 42px;
  margin-top: 30px;
  border: solid 1px #e1e1e1;
  border-radius: 12px;
  background: url(../imagesMat/patiCareNumber.svg) no-repeat 16px 14px / auto 18px #f6f6f6;
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 321px) {
  .cancel__tit--num {
    font-size: 16px;
  }
}
.cancel__target,
.cancel__info,
.cancel__reas {
  margin-top: 34px;
}
.cancel__target h3,
.cancel__info h3,
.cancel__reas h3 {
  margin-bottom: 14px;
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .cancel__target h3,
  .cancel__info h3,
  .cancel__reas h3 {
    font-size: 16px;
  }
}
.cancel__target div dt,
.cancel__info div dt,
.cancel__reas div dt {
  flex-shrink: 0;
}
.cancel__target .basicBorderBox > li ~ li {
  padding-top: 12px;
  margin-top: 12px;
}
.cancel__target .basicBorderBox > li ~ li:nth-child(2),
.cancel__target .basicBorderBox > li ~ li:has(strong) {
  border-top-style: solid;
}
.cancel__target--list > strong {
  display: block;
  margin-bottom: 6px;
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .cancel__target--list > strong {
    font-size: 16px;
  }
}
.cancel__target--list dl {
  display: flex;
  flex-wrap: wrap;
}
.cancel__target--list dl div ~ div {
  margin-top: 6px;
}
.cancel__target--list dl div.w50 {
  width: 50%;
}
.cancel__info .basicBorderBox div ~ div {
  margin-top: 10px;
}
.cancel__info .basicBorderBox div:last-child {
  padding-top: 16px;
  margin-top: 16px;
  border-top: solid 1px #e1e1e1;
}
.cancel__info ~ .patientDetail__timeInfo {
  margin-top: 12px;
}
.cancel__reas .basicBorderBox {
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  word-break: break-all;
}
@media screen and (max-width: 321px) {
  .cancel__reas .basicBorderBox {
    font-size: 14px;
  }
}
.careGuideBan {
  padding: 0 28px;
  height: 150px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: url(../imagesMat/careGuideBan.svg) no-repeat right bottom/320px #ecf5ff;
}
.careGuideBan h2 {
  margin-bottom: 2px;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -1px;
  line-height: 1.2;
}
@media screen and (max-width: 321px) {
  .careGuideBan h2 {
    font-size: 18px;
  }
}
.careGuideBan p {
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
  line-height: 1.29;
}
@media screen and (max-width: 321px) {
  .careGuideBan p {
    font-size: 12px;
  }
}
.comGuideBan {
  padding: 0 28px;
  height: 150px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: url(../imagesMat/comGuideBan.png) no-repeat right bottom/152px #fff8c4;
}
.comGuideBan h2 {
  margin-bottom: 2px;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -1px;
  line-height: 1.2;
}
@media screen and (max-width: 321px) {
  .comGuideBan h2 {
    font-size: 18px;
  }
}
.comGuideBan p {
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
  line-height: 1.29;
}
@media screen and (max-width: 321px) {
  .comGuideBan p {
    font-size: 12px;
  }
}
.houGuideBan {
  padding: 0 28px;
  height: 150px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: url(../imagesMat/houGuideBan.png) no-repeat right bottom/360px #f3fbea;
}
.houGuideBan h2 {
  margin-bottom: 2px;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -1px;
  line-height: 1.2;
}
@media screen and (max-width: 321px) {
  .houGuideBan h2 {
    font-size: 18px;
  }
}
.houGuideBan p {
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
  line-height: 1.29;
}
@media screen and (max-width: 321px) {
  .houGuideBan p {
    font-size: 12px;
  }
}
.postGuideBan {
  padding: 0 28px;
  height: 150px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: url(../imagesMat/postGuideBan.svg) no-repeat right bottom/auto #fff3f7;
}
.postGuideBan h2 {
  margin-bottom: 2px;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -1px;
  line-height: 1.2;
}
@media screen and (max-width: 321px) {
  .postGuideBan h2 {
    font-size: 18px;
  }
}
.postGuideBan p {
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
  line-height: 1.29;
}
@media screen and (max-width: 321px) {
  .postGuideBan p {
    font-size: 12px;
  }
}
.compenGuideBan {
  padding: 0 28px;
  height: 150px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: url(../imagesMat/compenGuideBan.svg) no-repeat right bottom/auto #fffff5;
}
.compenGuideBan h2 {
  margin-bottom: 2px;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -1px;
  line-height: 1.2;
}
@media screen and (max-width: 321px) {
  .compenGuideBan h2 {
    font-size: 18px;
  }
}
.compenGuideBan p {
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
  line-height: 1.29;
}
@media screen and (max-width: 321px) {
  .compenGuideBan p {
    font-size: 12px;
  }
}
.community__list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.community__list.careGuide .community__list--link h4 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  min-height: initial;
}
.communityPost.careGuide {
  margin-bottom: 40px;
}
.communityPost.careGuide .communityPost__tit h2 {
  flex-wrap: wrap;
  width: 100%;
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .communityPost.careGuide .communityPost__tit h2 {
    font-size: 16px;
  }
}
.communityPost.careGuide .communityPost__tit span {
  width: 100%;
  margin-bottom: 4px;
}
.communityPost.careGuide .communityPost__img p {
  margin-top: 32px;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  line-height: 1.38;
  text-align: center;
}
@media screen and (max-width: 321px) {
  .communityPost.careGuide .communityPost__img p {
    font-size: 14px;
  }
}
.communityPost.careGuide .communityPost__img p:nth-child(n + 2) {
  margin-top: 16px;
}
.communityPost.careGuide .communityPost__img p:last-child {
  margin-bottom: 32px;
}
.communityPost.careGuide .communityPost__img img:last-child {
  margin-bottom: initial;
}
.careNote {
  padding: 24px 20px 40px;
}
.careNote__card {
  position: relative;
  margin-top: 26px;
  border: solid 1px #e1e1e1;
  border-radius: 12px;
  background-color: #fff;
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.12);
}
.careNote__card .label {
  margin: 0;
}
.careNote__card--num {
  display: flex;
  align-items: center;
  padding: 0 14px;
  height: 38px;
  border-bottom: solid 1px #e1e1e1;
  border-radius: 12px 12px 0 0;
  background-color: #edf5fd;
}
.careNote__card--num dt,
.careNote__card--num dd {
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .careNote__card--num dt,
  .careNote__card--num dd {
    font-size: 12px;
  }
}
.careNote__card--num dd {
  margin-left: 2px;
}
.careNote__card--tit {
  padding: 16px 60px 16px 16px;
  background-position: right 16px center;
}
.careNote__card--tit h3 {
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (max-width: 321px) {
  .careNote__card--tit h3 {
    font-size: 16px;
  }
}
.careNote__card--tit span.label {
  display: inline-flex;
  margin-top: 8px;
  font-weight: normal;
}
.careNote__card--tit span.label small {
  margin-left: 2px;
  font-weight: 500;
}
.careNote__card--btn {
  padding: 0 16px 20px;
}
.careNote__card--btn button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 46px;
  border: solid 1px #386392;
  border-radius: 900px;
  background-color: #fff;
  color: #386392;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .careNote__card--btn button {
    font-size: 14px;
  }
}
.careNote__card--btn button.on {
  border-color: #e1e1e1;
  background-color: #fbfbfb;
  color: #111;
}
.careNote__card--btn button.on:before {
  background-image: url(../imagesMat/ic_arrow_up_3d3.svg);
}
.careNote__card--btn button span {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 8px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #dc3545;
  color: #fff;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .careNote__card--btn button span {
    font-size: 10px;
  }
}
.careNote__card--btn button:before {
  content: "";
  display: block;
  margin-right: 8px;
  width: 14px;
  height: 14px;
  background: url(../imagesMat/ic_arrow_down_386.svg) no-repeat center;
}
.careNote__card--grey {
  padding: 16px;
  border-top: solid 1px #e1e1e1;
  background-color: #fbfbfb;
}
.careNote__card--grey:last-child {
  border-radius: 0 0 12px 12px;
}
.careNote__card--grey li {
  overflow: hidden;
  border: solid 1px #e1e1e1;
  border-radius: 12px;
  background-color: #fff;
}
.careNote__card--grey li ~ li {
  margin-top: 10px;
}
.careNote__card--grey li .deadLine {
  margin: 12px auto;
  width: calc(100% - 32px);
}
.careNote__card--grey li .deadLine ~ button.btnIcon {
  border-top: solid 1px #e1e1e1;
}
.careNote__card--grey li button.btnIcon {
  position: relative;
  height: 48px;
  border: 0;
  border-radius: 0;
}
.careNote__card--grey li button.btnIcon span {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
}
.careNote__card--grey li button.btnIcon.noteBtn:disabled {
  background-color: #f1f1f1;
}
.careNote__card--grey li button.btnIcon.noteBtn.on {
  background-color: #fbfbfb;
}
.careNote__card--grey li button.btnIcon.noteBtn.on:disabled {
  background-color: #f6f6f6;
  color: #aeb0b5;
}
.careNote__card--grey li button.btnIcon.noteBtn.on:disabled:before {
  background-image: url(../imagesMat/icon_note_on-aeb.svg);
}
.careNote__card--grey li button.btnIcon.noteBtn.on:disabled .label.gray {
  border: solid 1px #fff;
  background-color: #fbfbfb;
  color: #aeb0b5;
}
.careNote__card--fold {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 48px;
  border-top: solid 1px #e1e1e1;
  border-radius: 0 0 12px 12px;
  color: #777;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
  background-color: #fbfbfb;
}
@media screen and (max-width: 321px) {
  .careNote__card--fold {
    font-size: 12px;
  }
}
.careNote__card--fold:after {
  content: "";
  display: block;
  margin-left: 6px;
  width: 10px;
  height: 10px;
  background: url(../imagesMat/accodiClose.svg) no-repeat left/8px;
  transition: background-image 0.2s ease-in 0s;
}
.careNote__card--fold.on:after {
  background-image: url(../imagesMat/accodiOpen.svg);
}
.clause__tit {
  padding-top: 4px;
  padding-bottom: 24px;
}
.clause__tit h2 {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .clause__tit h2 {
    font-size: 14px;
  }
}
.clause__tit p {
  margin-top: 12px;
  color: #777;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
}
@media screen and (max-width: 321px) {
  .clause__tit p {
    font-size: 10px;
  }
}
@media screen and (max-width: 281px) {
  .clause__tit p br {
    display: none;
  }
}
.clause__tit div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.clause__detail {
  overflow-y: auto;
  padding: 30px 16px;
  height: calc(100vh - 201px);
  border: solid 1px #e1e1e1;
  border-radius: 12px;
}
@media screen and (max-width: 321px) {
  .clause__detail {
    height: calc(100vh - 222px);
  }
}
.clause__detail.samTerms {
  height: calc(100vh - 160px);
  word-break: break-all;
}
.clause__detail.samTerms div ~ div {
  margin-top: 20px;
}
.clause__detail.samTerms * {
  font-size: 16px !important;
  line-height: 1.5 !important;
  letter-spacing: -0.8px !important;
}
@media screen and (max-width: 321px) {
  .clause__detail.samTerms * {
    font-size: 12px !important;
    line-height: 1.5 !important;
    letter-spacing: -0.6px !important;
  }
}
.clause__detail.samTerms .clause__detail--listWrap > li {
  position: relative;
  padding-left: 15px;
  counter-increment: roundNum;
  word-break: auto-phrase;
}
.clause__detail.samTerms .clause__detail--listWrap > li:before {
  content: counter(roundNum);
  position: absolute;
  top: 6px;
  left: 0;
  display: inline-block;
  width: 12px;
  height: 12px;
  border: solid 0.5px #555;
  border-radius: 50%;
  font-size: 8px !important;
  line-height: 1 !important;
  text-align: center;
}
.clause__detail.samTerms .clause__detail--listWrap > li > ol > li {
  position: relative;
  padding-left: 17px;
  counter-increment: list-number;
}
.clause__detail.samTerms .clause__detail--listWrap > li > ol > li:before {
  content: counter(list-number) ".";
  position: absolute;
  left: 0;
  top: 3px;
  width: 22px;
  height: 22px;
  text-align: center;
  color: #555;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
}
@media screen and (max-width: 321px) {
  .clause__detail.samTerms .clause__detail--listWrap > li > ol > li:before {
    font-size: 10px;
  }
}
.clause__detail table {
  width: 100% !important;
  background: none !important;
}
.clause__detail table * {
  border-color: #e1e1e1 !important;
  background-color: #f6f6f6 !important;
  color: #333 !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  word-break: normal !important;
}
.clause__detail .table-bordered {
  border: solid 1px #dee2e6;
}
.clause__detail .table-bordered tr,
.clause__detail .table-bordered td {
  padding: 0.5rem;
  border: solid 1px #dee2e6;
  vertical-align: top;
}
.clause__detail h3 {
  margin-bottom: 6px;
  font-size: 14px !important;
  line-height: 1.43 !important;
  letter-spacing: -0.7px !important;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .clause__detail h3 {
    font-size: 12px;
  }
}
.clause__detail h3 span {
  display: block;
  font-size: 14px !important;
}
.popupWrap__clause {
  overflow-y: auto;
  margin-top: 20px;
  width: 100%;
  max-height: calc(100vh - 238px);
}
.popupWrap__clause .radioSelect {
  display: block;
}
.popupWrap__clause .radioSelect__box:last-child {
  margin-bottom: 0;
}
.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;
}
.commuMenu__ban {
  position: relative;
  padding: 20px;
}
.commuMenu__ban h3 {
  margin-bottom: 3px;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -1px;
}
@media screen and (max-width: 321px) {
  .commuMenu__ban h3 {
    font-size: 18px;
  }
}
.commuMenu__ban p {
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .commuMenu__ban p {
    font-size: 12px;
  }
}
.commuMenu__ban--slide {
  height: 140px;
  padding: 34px 16px 0 16px;
  background: no-repeat right/320px;
}
@media screen and (max-width: 321px) {
  .commuMenu__ban--slide {
    height: 116px;
    padding-top: 24px;
  }
}
.commuMenu__ban--slide.item01 {
  background-image: url(../imagesMat/img_comuban01.png);
  background-color: #fbf9f8;
}
.commuMenu__ban--slide.item02 {
  background-image: url(../imagesMat/img_comuban02.png);
  background-color: #f2f9ff;
}
.commuMenu__ban--slide.item03 {
  padding: 14px 16px;
  background: url(../imagesMat/icon_compensa.png) no-repeat right 16px bottom -35px/156px,
    url(../imagesMat/bg_compensa.png) no-repeat left bottom/cover;
}
.commuMenu__ban--slide.item03 h3 {
  margin-top: 2px;
  margin-bottom: 0;
  font-weight: normal;
}
.commuMenu__ban--slide.item03 h3 mark {
  font-weight: bold;
}
.commuMenu__ban--slide.item03 span {
  margin-top: 14px;
  padding-right: 14px;
  color: #33260e;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
  background: url(../imagesMat/arrow_right08.svg) no-repeat center right/6px;
}
@media screen and (max-width: 321px) {
  .commuMenu__ban--slide.item03 span {
    font-size: 12px;
  }
}
.commuMenu__ban--num {
  position: absolute;
  bottom: 28px;
  right: 32px;
  padding: 5px 8px;
  border-radius: 12px;
  background-color: rgba(0, 0, 0, 0.5);
  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) {
  .commuMenu__ban--num {
    font-size: 10px;
  }
}
.commuMenu__ban--num strong {
  font-weight: 500;
}
.commuMenu__list {
  padding: 18px 20px 20px;
}
.commuMenu__list--item01 {
  background-image: url(../imagesMat/bg_comumenu01.svg);
  background-color: #eeefff;
}
.commuMenu__list--item02 {
  background-image: url(../imagesMat/bg_comumenu02.svg);
  background-color: #fff1d5;
}
.commuMenu__list--item03 {
  background-image: url(../imagesMat/bg_comumenu03.png);
  background-color: #ffe9e9;
}
.commuMenu__list--item04 {
  background-image: url(../imagesMat/bg_comumenu04.png);
  background-color: #faffcb;
}
.commuMenu__list--item05 {
  background-image: url(../imagesMat/bg_comumenu05.svg);
  background-color: #e1f8ee;
}
.commuMenu__list--item06 {
  background-image: url(../imagesMat/bg_comumenu06.svg);
  background-color: #def5ff;
}
.commuMenu__list ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}
.commuMenu__list ul li {
  overflow: hidden;
  border-radius: 14px;
  background-repeat: no-repeat;
  background-position: right bottom;
  background-size: 154px;
}
@media screen and (max-width: 321px) {
  .commuMenu__list ul li {
    background-image: none;
  }
}
.commuMenu__list ul li:nth-child(1) {
  grid-row: 1/4;
}
.commuMenu__list ul li:nth-child(2) {
  grid-row: 1/5;
}
.commuMenu__list ul li:nth-child(3) {
  grid-row: 4/9;
}
.commuMenu__list ul li:nth-child(4) {
  grid-row: 5/8;
}
.commuMenu__list ul li:nth-child(5) {
  grid-row: 8 ​/12;
}
.commuMenu__list ul li:nth-child(6) {
  grid-row: 7 ​/12;
}
.commuMenu__list ul li a {
  padding: 16px;
  cursor: pointer;
}
.commuMenu__list ul li a h3 {
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .commuMenu__list ul li a h3 {
    font-size: 16px;
  }
}
.community__list h4 {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.community__list li {
  overflow: hidden;
  position: relative;
  margin-bottom: 24px;
  width: calc(50% - 12px);
  border-radius: 12px;
  background-color: #fff;
}
.community__list li.comuLoading {
  background: url(../imagesMat/comuLoading.svg) no-repeat center #e1e1e1;
}
.community__list figure {
  padding-bottom: 100%;
  width: 100%;
  border-radius: 12px;
  background: no-repeat center/cover #f6f6f6;
}
.community__list time {
  display: none;
}
.community__list.typeList {
  display: block;
}
.community__list.typeList li {
  display: flex;
  align-items: center;
  padding-bottom: 20px;
  margin: 20px 0;
  width: 100%;
  border-bottom: solid 1px #e1e1e1;
  border-radius: 0;
}
.community__list.typeList li:first-child {
  margin-top: 0;
}
.community__list.typeList a {
  width: 100%;
}
.community__list.typeList div:first-child {
  display: none;
}
.community__list.typeList time {
  display: block;
}
.community__list.typeList h4 {
  margin-top: 4px;
  width: 100%;
  min-height: inherit !important;
  -webkit-line-clamp: 1;
  line-clamp: 1;
}
.community__list--link div:first-child {
  position: relative;
}
.community__list--link time {
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .community__list--link time {
    font-size: 12px;
  }
}
.community__list--link h4 {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin-top: 16px;
  min-height: 51px;
  word-break: break-all;
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .community__list--link h4 {
    font-size: 16px;
  }
}
@media screen and (max-width: 321px) {
  .community__list--link h4 {
    min-height: 42px;
  }
}
.community__list--link span {
  display: block;
  margin-top: 4px;
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .community__list--link span {
    font-size: 12px;
  }
}
.community__detail .communityBtnWrap {
  justify-content: space-between;
}
.community__detailList {
  padding: 0 20px 20px;
}
.community__detailList article a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 0;
  border-bottom: solid 1px #f1f1f1;
}
.community__detailList--txt {
  padding-left: 16px;
  width: calc(100% - 64px);
}
.community__detailList--txt h3,
.community__detailList--txt p {
  width: 100%;
}
.community__detailList--txt h3 {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .community__detailList--txt h3 {
    font-size: 14px;
  }
}
.community__detailList--txt span {
  display: block;
  margin-top: 6px;
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .community__detailList--txt span {
    font-size: 12px;
  }
}
.community__detailList--txt.current h3,
.community__detailList--txt.current span {
  color: #aeb0b5;
}
.community__detailList--thum {
  flex-shrink: 0;
  width: 64px;
}
.community__detailList--thum figure {
  position: relative;
  padding-bottom: 100%;
  width: 100%;
  border-radius: 8px;
  background: no-repeat center/cover #f6f6f6;
}
.community__detailList--thum figure.video:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -10px;
  margin-top: -10px;
  width: 20px;
  height: 20px;
  background: url(../imagesMat/comuListVideo.svg) no-repeat center/100%;
}
.community__topScroll {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 10;
  transform: translateY(120px);
  padding-top: 16px;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: url(../imagesMat/topScroll.svg) no-repeat center 14px rgba(56, 99, 146, 0.86);
  color: #fff;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: bold;
  text-align: center;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.24);
  transition: all transform cubic-bezier(0.8, 0, 0.33, 1) 0.7s;
  opacity: 0;
  visibility: hidden;
}
@media screen and (max-width: 321px) {
  .community__topScroll {
    font-size: 12px;
  }
}
@media screen and (max-width: 321px) {
  .community__topScroll {
    padding-top: 12px;
    width: 48px;
    height: 48px;
    background-position: center 10px;
    background-size: 12px;
  }
}
.community__topScroll.active {
  transform: translateY(0);
  visibility: visible;
  opacity: 1;
}
.communityDetail {
  padding: 68px 20px 20px;
}
.communityVideo__thum {
  overflow: hidden;
  position: relative;
  padding-bottom: 56.25%;
  margin-bottom: 12px;
  height: 0;
  border-radius: 12px;
}
.communityVideo__thum iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  border: 0;
}
.communityVideo__txt h2 {
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .communityVideo__txt h2 {
    font-size: 16px;
  }
}
.communityVideo__txt p {
  margin-top: 8px;
  color: #555;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .communityVideo__txt p {
    font-size: 14px;
  }
}
.communityPost__thum {
  overflow: hidden;
  border-radius: 12px;
}
.communityPost__thum img {
  width: 100%;
}
.communityPost__tit {
  padding: 32px 0 16px;
  border-bottom: solid 1px #e1e1e1;
}
.communityPost__tit h2 {
  display: flex;
  align-items: center;
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .communityPost__tit h2 {
    font-size: 16px;
  }
}
.communityPost__tit h2 span {
  margin-right: 8px;
  color: #555;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .communityPost__tit h2 span {
    font-size: 14px;
  }
}
.communityPost__tit time {
  display: block;
  margin-top: 8px;
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  text-align: right;
}
@media screen and (max-width: 321px) {
  .communityPost__tit time {
    font-size: 12px;
  }
}
.communityPost__txt {
  margin: 40px 0;
}
.communityPost__txt * {
  float: none !important;
  padding: 0 !important;
  margin: 0 !important;
  font-family: "Noto Sans KR", "Sans-serif" !important;
  letter-spacing: -0.8px;
  color: inherit;
}
@media screen and (max-width: 410px) {
  .communityPost__txt * {
    word-break: break-all;
  }
}
.communityPost__txt u span {
  display: inline;
}
.communityPost__txt a {
  text-decoration: underline !important;
  color: #386392 !important;
}
.communityPost__txt table,
.communityPost__txt img {
  width: 100% !important;
}
.communityPost__txt .table-borered {
  border: solid 1px #dee2e6;
}
.communityPost__txt tr,
.communityPost__txt th,
.communityPost__txt td {
  padding: 0.5rem !important;
  width: initial !important;
  border: solid 1px #dee2e6;
}
.communityPost__img img {
  margin: 20px auto;
  width: 100%;
  max-width: 500px;
}
.communityPost__img img:last-child {
  margin-bottom: 40px;
}
.communityBtnWrap {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 24px;
}
.communityBtnWrap button {
  padding: 4.5px 12px;
  border: solid 1px #e1e1e1;
  border-radius: 18px;
  background-color: #fbfbfb;
  background-size: 6px;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
  line-height: 1.71;
}
@media screen and (max-width: 321px) {
  .communityBtnWrap button {
    font-size: 12px;
  }
}
.communityBtnWrap button.prev {
  padding-left: 26px;
  background: url(../imagesMat/arrow_left07.svg) no-repeat 12px/6px;
}
@media screen and (max-width: 321px) {
  .communityBtnWrap button.prev {
    padding-left: 16px;
    background-position: 8px center;
    background-size: 4px;
  }
}
.communityBtnWrap button.prev.disabled {
  background-image: url(../imagesMat/arrow_left03.svg);
}
.communityBtnWrap button.next {
  padding-right: 26px;
  margin-left: 24px;
  background: url(../imagesMat/arrow_right07.svg) no-repeat right 12px center/6px;
}
@media screen and (max-width: 321px) {
  .communityBtnWrap button.next {
    padding-right: 16px;
    background-position: right 8px center;
    background-size: 4px;
  }
}
.communityBtnWrap button.next.disabled {
  background-image: url(../imagesMat/arrow_right03.svg);
}
.communityBtnWrap button.disabled {
  color: #aeb0b5;
  background-color: #f1f1f1;
}
.slideFilter.community {
  position: relative;
  top: 48px;
  padding-top: 20px;
}
.slideFilter.community .slideFilter__tab--slider {
  width: 87px;
}
.slideFilter.community .slideFilter__tab label {
  display: flex;
  align-items: center;
  width: 83px;
}
.slideFilter.community .slideFilter__tab label:before {
  content: "";
  display: inline-block;
  margin-right: 8px;
  margin-left: 12px;
  width: 14px;
}
.slideFilter.community .slideFilter__tab label:nth-child(3):before {
  height: 12px;
  background-image: url(../imagesMat/communityType01.svg);
}
.slideFilter.community .slideFilter__tab label:nth-child(4):before {
  height: 14px;
  background-image: url(../imagesMat/communityType02.svg);
}
.slideFilter.community .slideFilter__tab label.active:nth-child(3):before {
  background-image: url(../imagesMat/communityType01-act.svg);
}
.slideFilter.community .slideFilter__tab label.active:nth-child(4):before {
  background-image: url(../imagesMat/communityType02-act.svg);
}
.slideFilter.community #secondToggle:checked ~ .slideFilter__tab--slider {
  left: 90px;
}
.report__head {
  padding: 45px 20px 81px;
  background: url(../imagesMat/reportBg.svg) no-repeat right bottom #e9f8ff;
}
.report__head h2 {
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -1px;
}
@media screen and (max-width: 321px) {
  .report__head h2 {
    font-size: 18px;
  }
}
.report__head p {
  margin-top: 8px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .report__head p {
    font-size: 14px;
  }
}
.report__list {
  padding: 0 20px;
}
.report__list div {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.report__list li {
  padding: 24px 0;
  border-bottom: solid 1px #e1e1e1;
}
.report__list p {
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .report__list p {
    font-size: 12px;
  }
}
.report__list h3 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 4px 0 16px;
  width: 100%;
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .report__list h3 {
    font-size: 16px;
  }
}
.report__list a {
  margin-right: 8px;
}
.subWrap__flex .todayEnt {
  padding: 44px 20px;
  border-radius: 0;
  background-image: url(../imagesMat/todayEnt-det.png);
  background-size: auto 150px;
}
.subWrap__flex .todayEnt p {
  margin-top: 4px;
}
.community__list.caretoon li,
.community__list.careGuide li {
  border-radius: 0;
}
.compareDetail article {
  padding: 32px 20px 0;
}
.compareDetail article:nth-child(1) {
  padding-bottom: 32px;
}
.compareDetail article > p {
  margin-top: 4px;
}
.compareDetail article > p span {
  font-weight: 500;
}
.compareDetail article > p.compareDetail__txt01 {
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .compareDetail article > p.compareDetail__txt01 {
    font-size: 14px;
  }
}
.compareDetail article > p.compareDetail__txt02 {
  margin-top: 6px;
  color: #777;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  text-align: right;
}
@media screen and (max-width: 321px) {
  .compareDetail article > p.compareDetail__txt02 {
    font-size: 12px;
  }
}
.compareDetail h2 {
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .compareDetail h2 {
    font-size: 16px;
  }
}
.compareDetail h2 strong {
  color: #0a6cd8;
}
.compareDetail h2 strong span {
  color: #386392;
}
.compareDetail__chart p {
  margin-top: 4px;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .compareDetail__chart p {
    font-size: 14px;
  }
}
.compareDetail__chart p span {
  font-weight: 500;
}
.compareDetail__chart--con {
  position: relative;
  margin-bottom: 62px;
  width: 100%;
  height: 100%;
  min-height: 250px;
  max-height: 350px;
}
.compareDetail__dot {
  display: flex;
  align-items: center;
  justify-content: center;
}
.compareDetail__dot li {
  margin-right: 8px;
}
.compareDetail__dot li:last-child {
  margin-right: 0;
}
.compareDetail__dot button {
  font-size: 0;
  text-indent: -9999px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #aeb0b5;
}
.compareDetail__dot button.active {
  background-color: #386392;
}
.compareDetail__table {
  overflow: hidden;
  position: relative;
  margin-top: 24px;
  height: 444px;
}
.compareDetail__table:before {
  content: "";
  position: absolute;
  top: 44px;
  left: 33.33%;
  z-index: 1;
  width: 33.3333333333%;
  height: calc(100% - 44px);
  background-color: rgba(255, 255, 255, 0.66);
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.28);
}
.compareDetail__table:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 2;
  width: 100%;
  height: 136px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 46%, rgba(251, 251, 251, 0.78));
}
.compareDetail__table tr:nth-child(2n) {
  background-color: #fff;
}
.compareDetail__table tr:nth-child(odd) {
  background-color: #f6f6f6;
}
.compareDetail__table thead tr:first-child {
  background-color: #f1f1f1;
}
.compareDetail__table th,
.compareDetail__table td {
  position: relative;
  z-index: 2;
  padding-left: 14px;
}
@media screen and (max-width: 321px) {
  .compareDetail__table th,
  .compareDetail__table td {
    padding: 0 8px;
  }
}
.compareDetail__table th {
  height: 44px;
}
.compareDetail__table th:first-child {
  border-radius: 8px 0 0 0;
}
.compareDetail__table th:last-child {
  border-radius: 0 8px 0 0;
}
.compareDetail__table td {
  height: 40px;
}
.compareDetail__table td:nth-child(1) {
  padding-right: 4px;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .compareDetail__table td:nth-child(1) {
    font-size: 12px;
  }
}
.compareDetail__table td:nth-child(n + 2) {
  color: #777;
}
.compareDetail__table td.win {
  color: #111;
  font-weight: bold;
}
.compareDetail__table td.win .up,
.compareDetail__table td.win .equal {
  margin-left: 4px;
}
@media screen and (max-width: 321px) {
  .compareDetail__table td.win .up,
  .compareDetail__table td.win .equal {
    margin-left: 2px;
  }
}
.compareDetail__table td.win .up {
  padding-left: 18px;
  padding-right: 6px;
  border-radius: 10px;
  background: url(../imagesMat/compareUp.svg) no-repeat 6px center rgba(220, 53, 69, 0.07);
  color: #dc3545;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .compareDetail__table td.win .up {
    font-size: 10px;
  }
}
.compareDetail__table td.win .equal {
  font-size: 0;
  text-indent: -9999px;
  width: 18px;
  height: 20px;
  border-radius: 10px;
  background: url(../imagesMat/compareEqual.svg) no-repeat center #f3f3f3;
  vertical-align: middle;
}
.compareDetail__table.on {
  padding-bottom: 10px;
  height: auto;
}
.compareDetail__table.on:before {
  height: calc(100% - 54px);
}
.compareDetail__table.on:after {
  content: none;
}
.compareDetail__table.on ~ .btnMore {
  display: none;
}
.compareDetail__table.noAco {
  padding-bottom: 10px;
  height: auto;
}
.compareDetail__table.noAco:before {
  height: calc(100% - 54px);
}
.compareDetail__table.noAco:after {
  display: none;
}
.compareDetail .btnMore {
  display: block;
  padding: 7px 30px 7px 12px;
  margin: 16px auto 0;
  border: solid 1px #e1e1e1;
  border-radius: 16px;
  background: url(../imagesMat/ic_arrowDown_b.svg) no-repeat right 12px center/10px #f6f6f6;
}
.dataInfoTip {
  position: relative;
  padding: 20px;
  margin-top: 32px;
  margin-left: -20px;
  width: calc(100% + 40px);
  background-color: #f6f6f6;
}
.dataInfoTip:after {
  content: "";
  position: absolute;
  top: -12px;
  left: 40px;
  width: 24px;
  height: 13px;
  background: url(../imagesMat/comepareInfoShape.svg) no-repeat center;
  transform: rotate(180deg);
}
.dataInfoTip h3 {
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .dataInfoTip h3 {
    font-size: 14px;
  }
}
.dataInfoTip h3:before {
  content: "";
  display: inline-block;
  margin-right: 8px;
  width: 30px;
  height: 30px;
  background: url(../imagesMat/comepareInfo.svg) no-repeat center/30px;
}
.dataInfoTip p {
  margin-bottom: 4px;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  line-height: 1.57;
}
@media screen and (max-width: 321px) {
  .dataInfoTip p {
    font-size: 12px;
  }
}
.dataInfoTip p:last-child {
  margin-bottom: 0;
}
.dataInfoTip button {
  margin-top: 16px;
}
.csCenter {
  padding: 40px 20px;
  text-align: center;
}
.csCenter h2 {
  padding-top: 128px;
  background: url(../imagesMat/csCenter.svg) no-repeat top;
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .csCenter h2 {
    font-size: 16px;
  }
}
.csCenter__btn {
  margin: 32px 0 40px;
}
.csCenter__btn button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 9.5px 0;
  margin-bottom: 8px;
  width: 100%;
  border-radius: 8px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
  line-height: 1.69;
}
@media screen and (max-width: 321px) {
  .csCenter__btn button {
    font-size: 14px;
  }
}
.csCenter__btn button:before {
  content: "";
  display: block;
  margin-right: 8px;
  width: 16px;
  height: 16px;
  background-size: 16px;
}
.csCenter__btn button:nth-child(1) {
  background-color: #fee500;
}
.csCenter__btn button:nth-child(1):before {
  background-image: url(../imagesMat/snsKakao.svg);
}
.csCenter__btn button:nth-child(2) {
  border: solid 1px #e1e1e1;
}
.csCenter__btn button:nth-child(2):before {
  background-image: url(../imagesMat/icon_tel.svg);
}
.csCenter__info {
  display: flex;
  flex-wrap: wrap;
  margin-top: 16px;
}
.csCenter__info div {
  margin-bottom: 6px;
}
.csCenter__info div:last-child {
  margin-bottom: 0;
}
.csCenter__info div:nth-child(n + 1):nth-child(-n + 2) {
  width: 50%;
}
.csCenter__info div:nth-child(n + 3) {
  width: 100%;
}
.csCenter__info dt,
.csCenter__info dd {
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  line-height: 1.57;
}
@media screen and (max-width: 321px) {
  .csCenter__info dt,
  .csCenter__info dd {
    font-size: 12px;
  }
}
.csCenter__info dt {
  margin-bottom: 4px;
  font-weight: bold;
}
.csCenter__info dd span {
  font-weight: 500;
}
.csCenterBtn {
  font-size: 0;
  text-indent: -9999px;
  width: 30px;
  height: 24px;
  background: url(../imagesMat/csCenterBtn.svg) no-repeat center;
}
.eventList a {
  position: relative;
  border-radius: 8px;
}
.eventList li {
  margin: 20px 0;
}
.eventList li:last-child {
  margin-bottom: 0;
}
.eventList figure {
  width: 100%;
  height: 146px;
  border-radius: 12px;
  background: no-repeat center/contain;
  background-size: 100% 100%;
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.12);
}
.eventList time {
  position: absolute;
  right: 8px;
  bottom: 8px;
  padding: 0 10px;
  border-radius: 18px;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
  line-height: 2;
}
@media screen and (max-width: 321px) {
  .eventList time {
    font-size: 10px;
  }
}
.eventDetail img {
  width: 100%;
}
.eventPopup {
  z-index: 22;
}
.eventPopup__img {
  overflow: hidden;
  border-radius: 12px;
}
.eventPopup__img img {
  width: 100%;
  max-height: 600px;
}
.todayEnt {
  border-radius: 12px;
  background: url(../imagesMat/todayEnt.png) no-repeat right bottom/auto 132px #ffebed;
}
.todayEnt h2 {
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -1px;
}
@media screen and (max-width: 321px) {
  .todayEnt h2 {
    font-size: 18px;
  }
}
.todayEnt p {
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .todayEnt p {
    font-size: 12px;
  }
}
.todayEnt h3 {
  margin: 2px 0 10px;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -1px;
}
@media screen and (max-width: 321px) {
  .todayEnt h3 {
    font-size: 18px;
  }
}
.todayEnt span {
  padding-right: 14px;
  background: url(../imagesMat/arrow_right05.svg) no-repeat right/6px;
}
.filter {
  padding: 20px 20px 140px;
}
.filter article {
  margin-top: 24px;
}
.filter article h3 {
  margin-bottom: 8px;
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .filter article h3 {
    font-size: 16px;
  }
}
.filter article .basicInput__txt--form {
  position: relative;
}
.filter article .basicInput__txt--form .react-datepicker-wrapper {
  margin-top: 0;
  width: 100%;
}
.filter__gasa .selCheck {
  margin-top: 18px;
}
.filter__gasa .selCheck__item .gasa01 {
  background-image: url(../imagesMat/img_gasasel01.svg);
}
.filter__gasa .selCheck__item .gasa01:checked {
  background-image: url(../imagesMat/img_gasasel01_a.svg);
}
.filter__gasa .selCheck__item .gasa02 {
  background-image: url(../imagesMat/img_gasasel02.svg);
}
.filter__gasa .selCheck__item .gasa02:checked {
  background-image: url(../imagesMat/img_gasasel02_a.svg);
}
.filter__gasa .selCheck__item .gasa03 {
  background-image: url(../imagesMat/img_gasasel03.svg);
}
.filter__gasa .selCheck__item .gasa03:checked {
  background-image: url(../imagesMat/img_gasasel03_a.svg);
}
.filter__gasa .selCheck__item .gasa04 {
  background-image: url(../imagesMat/img_gasasel04.svg);
}
.filter__gasa .selCheck__item .gasa04:checked {
  background-image: url(../imagesMat/img_gasasel04_a.svg);
}
.filter__gasa .selCheck__item .gasa05 {
  background-image: url(../imagesMat/img_gasasel05.svg);
}
.filter__gasa .selCheck__item .gasa05:checked {
  background-image: url(../imagesMat/img_gasasel05_a.svg);
}
.filter__gasa .selCheck__item .gasa06 {
  background-image: url(../imagesMat/img_gasasel06.svg);
}
.filter__gasa .selCheck__item .gasa06:checked {
  background-image: url(../imagesMat/img_gasasel06_a.svg);
}
.filter__gasa .selCheck__item .gasa07 {
  background-image: url(../imagesMat/img_gasasel07.svg);
}
.filter__gasa .selCheck__item .gasa07:checked {
  background-image: url(../imagesMat/img_gasasel07_a.svg);
}
.filter__gasa .selCheck__item .gasa08 {
  background-image: url(../imagesMat/img_gasasel08.svg);
}
.filter__gasa .selCheck__item .gasa08:checked {
  background-image: url(../imagesMat/img_gasasel08_a.svg);
}
.filter__gasa .selCheck__item .gasa09 {
  background-image: url(../imagesMat/img_gasasel09.svg);
}
.filter__gasa .selCheck__item .gasa09:checked {
  background-image: url(../imagesMat/img_gasasel09_a.svg);
}
.filter__pati .selCheck {
  margin-top: 36px;
}
.filter__pati .selCheck__item .pati01 {
  background-image: url(../imagesMat/ic_patiStat_C01_dis.svg);
}
.filter__pati .selCheck__item .pati01:checked {
  background-image: url(../imagesMat/ic_patiStat_C01.svg);
}
.filter__pati .selCheck__item .pati02 {
  background-image: url(../imagesMat/ic_patiStat_C02_dis.svg);
}
.filter__pati .selCheck__item .pati02:checked {
  background-image: url(../imagesMat/ic_patiStat_C02.svg);
}
.filter__pati .selCheck__item .pati03 {
  background-image: url(../imagesMat/ic_patiStat_C03_dis.svg);
}
.filter__pati .selCheck__item .pati03:checked {
  background-image: url(../imagesMat/ic_patiStat_C03.svg);
}
.filter__pati .selCheck__item .pati04 {
  background-image: url(../imagesMat/ic_patiStat_C05_dis.svg);
}
.filter__pati .selCheck__item .pati04:checked {
  background-image: url(../imagesMat/ic_patiStat_C05.svg);
}
.filter__pati .selCheck__item .pati05 {
  background-image: url(../imagesMat/ic_patiStat_C07_dis.svg);
}
.filter__pati .selCheck__item .pati05:checked {
  background-image: url(../imagesMat/ic_patiStat_C07.svg);
}
.filter__pati .selCheck__item .pati06 {
  background-image: url(../imagesMat/ic_patiStat_C09_dis.svg);
}
.filter__pati .selCheck__item .pati06:checked {
  background-image: url(../imagesMat/ic_patiStat_C09.svg);
}
.filter__pati .selCheck__item .pati07 {
  background-image: url(../imagesMat/ic_patiStat_C10_dis.svg);
}
.filter__pati .selCheck__item .pati07:checked {
  background-image: url(../imagesMat/ic_patiStat_C10.svg);
}
.filter__pati .selCheck__item .pati08 {
  background-image: url(../imagesMat/ic_patiStat_C11_dis.svg);
}
.filter__pati .selCheck__item .pati08:checked {
  background-image: url(../imagesMat/ic_patiStat_C11.svg);
}
.filter__pati .selCheck__item .pati09 {
  background-image: url(../imagesMat/ic_patiStat_C12_dis.svg);
}
.filter__pati .selCheck__item .pati09:checked {
  background-image: url(../imagesMat/ic_patiStat_C12.svg);
}
.filter__pati .selCheck__item .pati10 {
  background-image: url(../imagesMat/ic_patiStat_C14_dis.svg);
}
.filter__pati .selCheck__item .pati10:checked {
  background-image: url(../imagesMat/ic_patiStat_C14.svg);
}
.filter__pati .selCheck__item .pati11 {
  background-image: url(../imagesMat/ic_patiStat_D04_dis.svg);
}
.filter__pati .selCheck__item .pati11:checked {
  background-image: url(../imagesMat/ic_patiStat_D04.svg);
}
.filter__pati .selCheck__item .pati12 {
  background-image: url(../imagesMat/ic_patiStat_C13_dis.svg);
}
.filter__pati .selCheck__item .pati12:checked {
  background-image: url(../imagesMat/ic_patiStat_C13.svg);
}
.popupBottomWrap .preferArea__list {
  overflow-y: auto;
  display: block;
  padding: 20px 20px 84px;
  height: 420px;
  min-height: inherit;
}
.popupBottomWrap__selImg {
  padding: 54px 20px 40px;
  text-align: center;
}
.popupBottomWrap__selImg .basicChr {
  margin: 0 auto 24px;
  width: 130px;
  height: 130px;
}
.popupBottomWrap__selImg .basicChr:after {
  content: "예시 사진";
  position: absolute;
  top: -14px;
  right: -14px;
  z-index: 1;
  padding: 8px 0 14px;
  width: 60%;
  background: url(../imagesMat/exImgPhoto.svg) no-repeat center;
  color: #dc3545;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .popupBottomWrap__selImg .basicChr:after {
    font-size: 12px;
  }
}
@media screen and (max-width: 321px) {
  .popupBottomWrap__selImg .basicChr:after {
    background-size: contain;
  }
}
.popupBottomWrap__selImg h2 {
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -1px;
}
@media screen and (max-width: 321px) {
  .popupBottomWrap__selImg h2 {
    font-size: 18px;
  }
}
.popupBottomWrap__account {
  padding: 20px 20px 0;
}
.popupBottomWrap__account .basicInput__txt--form {
  position: relative;
}
.popupBottomWrap__account .basicInput__txt--form:after {
  content: "~";
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -9px;
  margin-left: -4px;
  color: #555;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .popupBottomWrap__account .basicInput__txt--form:after {
    font-size: 14px;
  }
}
.popupBottomWrap__account.dataPicUp .react-datepicker__tab-loop .react-datepicker-popper {
  z-index: 13;
}
.popupBottomWrap__account.dataPicUp
  .react-datepicker__tab-loop:nth-child(3)
  .react-datepicker-popper {
  left: -29px !important;
  transform: translate3d(0, -246px, 0px) !important;
}
.popupBottomWrap__bank {
  overflow-y: auto;
  padding: 8px 20px 0;
  width: 100%;
  max-height: 445px;
}
.popupBottomWrap__bank figure {
  flex-shrink: 0;
}
.popupBottomWrap__bank li {
  padding: 16px 0;
  width: 50%;
}
.popupBottomWrap__bank img {
  display: block;
  width: 36px;
  height: 36px;
}
.popupBottomWrap__bank p {
  margin-left: 16px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .popupBottomWrap__bank p {
    font-size: 14px;
  }
}
@media screen and (max-width: 321px) {
  .popupBottomWrap__bank p {
    margin-left: 8px;
  }
}
.incomeList {
  position: relative;
  padding: 25px 20px 12px;
}
.incomeList:has(.incomeList__none) {
  padding: 0;
}
.incomeList__fixedTit {
  padding: 16px 20px 0;
  border: solid 1px #eaeaea;
  border-bottom: 0;
  border-radius: 13px 13px 0 0;
  background-color: #fff;
}
.incomeList__fixedTit p {
  margin-bottom: 4px;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .incomeList__fixedTit p {
    font-size: 14px;
  }
}
.incomeList__fixedTit h2 {
  padding-bottom: 16px;
  border-bottom: solid 1px #e1e1e1;
  color: #333;
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .incomeList__fixedTit h2 {
    font-size: 16px;
  }
}
.incomeList__listWrap {
  overflow-y: auto;
  padding: 0 20px;
  max-height: calc(100vh - 285px);
  border: solid 1px #eaeaea;
  border-top: 0;
  border-radius: 0 0 13px 13px;
  background-color: #fff;
}
.incomeList__listWrap dl {
  padding: 20px 0;
}
.incomeList__listWrap dl ~ dl {
  border-top: solid 1px #e1e1e1;
}
.incomeList__listWrap dl div {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.incomeList__listWrap dl div ~ div {
  margin-top: 4px;
}
.incomeList__listWrap dl div dt {
  color: #777;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .incomeList__listWrap dl div dt {
    font-size: 14px;
  }
}
.incomeList__listWrap dl div dd {
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .incomeList__listWrap dl div dd {
    font-size: 14px;
  }
}
.incomeList__listWrap dl div:last-child dd {
  font-weight: bold;
}
.incomeList__none {
  padding: 25px 20px;
}
.incomeList__none--tit {
  padding: 16px 20px;
  border: solid 1px #eaeaea;
  border-radius: 13px;
  background-color: #fff;
}
.incomeList__none--tit p {
  margin-bottom: 4px;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .incomeList__none--tit p {
    font-size: 14px;
  }
}
.incomeList__none--tit h2 {
  color: #333;
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .incomeList__none--tit h2 {
    font-size: 16px;
  }
}
.incomeList__none + .contentNone {
  padding-top: 80px;
}
.insureSam__info--table,
.insureSam__had dl,
.insureHouse__info--table,
.insureHouse__had dl {
  overflow: hidden;
  border: solid 1px #e1e1e1;
  border-radius: 8px;
}
.insureSam__info--table dl:nth-child(n + 2),
.insureSam__had dl dl:nth-child(n + 2),
.insureHouse__info--table dl:nth-child(n + 2),
.insureHouse__had dl dl:nth-child(n + 2) {
  border-top: solid 1px #e1e1e1;
}
.insureSam__info--table dt,
.insureSam__info--table dd,
.insureSam__had dl dt,
.insureSam__had dl dd,
.insureHouse__info--table dt,
.insureHouse__info--table dd,
.insureHouse__had dl dt,
.insureHouse__had dl 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) {
  .insureSam__info--table dt,
  .insureSam__info--table dd,
  .insureSam__had dl dt,
  .insureSam__had dl dd,
  .insureHouse__info--table dt,
  .insureHouse__info--table dd,
  .insureHouse__had dl dt,
  .insureHouse__had dl dd {
    font-size: 12px;
  }
}
.insureSam__info--table dt,
.insureSam__had dl dt,
.insureHouse__info--table dt,
.insureHouse__had dl dt {
  flex-shrink: 0;
  width: 76px;
  background-color: #f6f6f6;
  color: #555;
}
.insureSam__info--table dd,
.insureSam__had dl dd,
.insureHouse__info--table dd,
.insureHouse__had dl dd {
  width: 100%;
  color: #333;
  text-align: right;
}
.insureSam__info--table div,
.insureSam__had dl div,
.insureHouse__info--table div,
.insureHouse__had dl div {
  display: flex;
}
.insureSam__info--table div:first-child dt,
.insureSam__info--table div:first-child dd,
.insureSam__had dl div:first-child dt,
.insureSam__had dl div:first-child dd,
.insureHouse__info--table div:first-child dt,
.insureHouse__info--table div:first-child dd,
.insureHouse__had dl div:first-child dt,
.insureHouse__had dl div:first-child dd {
  padding-top: 12px;
}
.insureSam__info--table div:last-child dt,
.insureSam__info--table div:last-child dd,
.insureSam__had dl div:last-child dt,
.insureSam__had dl div:last-child dd,
.insureHouse__info--table div:last-child dt,
.insureHouse__info--table div:last-child dd,
.insureHouse__had dl div:last-child dt,
.insureHouse__had dl div:last-child dd {
  padding-bottom: 12px;
}
.insureSam {
  padding: 24px 20px 32px;
  background-color: #fff;
}
.insureSam .insuranceInfo__txt {
  padding-bottom: 24px;
  margin: 16px 0 24px;
  border-bottom: solid 1px #e1e1e1;
}
.insureSam__tit {
  text-align: center;
}
.insureSam__tit h2 {
  font-size: 24px;
  line-height: 1.33;
  letter-spacing: -1.2px;
}
@media screen and (max-width: 321px) {
  .insureSam__tit h2 {
    font-size: 22px;
  }
}
.insureSam__tit h2.txt20 {
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -1px;
}
@media screen and (max-width: 321px) {
  .insureSam__tit h2.txt20 {
    font-size: 18px;
  }
}
.insureSam__tit h3 {
  margin-top: 8px;
  color: #999;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: normal;
  line-height: 1.37;
}
@media screen and (max-width: 321px) {
  .insureSam__tit h3 {
    font-size: 14px;
  }
}
.insureSam__tit p {
  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) {
  .insureSam__tit p {
    font-size: 12px;
  }
}
.insureSam__tit.bg {
  padding-top: 26px;
  background: url(../imagesMat/insurStasBg.svg) no-repeat top;
}
.insureSam__tit.bg h2 {
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
  font-weight: 500;
  line-height: 1.33;
}
@media screen and (max-width: 321px) {
  .insureSam__tit.bg h2 {
    font-size: 16px;
  }
}
.insureSam__tit.bg h2.txt24 {
  font-size: 24px;
  line-height: 1.33;
  letter-spacing: -1.2px;
  font-weight: bold;
}
@media screen and (max-width: 321px) {
  .insureSam__tit.bg h2.txt24 {
    font-size: 22px;
  }
}
.insureSam__img {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 16px 0;
  height: 74px;
  border: solid 1px #e1e1e1;
  border-radius: 8px;
}
.insureSam__img.mtb0 {
  padding: 22px 0;
}
.insureSam__img img {
  margin: 0 auto;
}
@media screen and (max-width: 321px) {
  .insureSam__img img {
    width: 70%;
  }
}
.insureSam__info {
  margin-bottom: 16px;
}
.insureSam__info h3 {
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .insureSam__info h3 {
    font-size: 14px;
  }
}
.insureSam__info:last-child {
  margin-bottom: 0;
}
.insureSam__info--pay {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 13px 16px;
  margin: 20px 0 16px;
  border-radius: 8px;
  background-color: #ecf5ff;
}
.insureSam__info--pay dt {
  padding-left: 24px;
  background: url(../imagesMat/iconMoney02.svg) no-repeat left/16px;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .insureSam__info--pay dt {
    font-size: 14px;
  }
}
.insureSam__info--pay dd {
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
  font-weight: bold;
  line-height: 1.22;
}
@media screen and (max-width: 321px) {
  .insureSam__info--pay dd {
    font-size: 16px;
  }
}
.insureSam__info--table button {
  padding: 0 16px;
  width: 100%;
  height: 46px;
  border-top: solid 1px #e1e1e1;
  background: url(../imagesMat/arrow_right04.svg) no-repeat right 16px center/6px;
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .insureSam__info--table button {
    font-size: 12px;
  }
}
.insureSam__had {
  margin: 20px 0 32px;
}
.insureSam__had h3 {
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .insureSam__had h3 {
    font-size: 14px;
  }
}
.insureSam__had dl {
  margin: 10px 0 12px;
}
.insureSam__had p {
  color: #777;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .insureSam__had p {
    font-size: 12px;
  }
}
.insureSam__had p ~ p {
  margin-top: 8px;
}
.insureInfo {
  padding: 28px 20px 0;
}
.insureInfo__list h4 {
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .insureInfo__list h4 {
    font-size: 14px;
  }
}
.insureInfo__list li {
  margin-bottom: 24px;
}
.insureInfo__list li:last-child {
  padding-bottom: 24px;
  border-bottom: solid 1px #e1e1e1;
}
.insureInfo__list p {
  padding: 12px;
  margin-top: 8px;
  border: solid 1px #e1e1e1;
  border-radius: 12px;
  background-color: #f6f6f6;
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .insureInfo__list p {
    font-size: 12px;
  }
}
.insureInfo__agr a {
  text-align: right;
}
.insureInfo__agr .checkSelect__box input[type="radio"] + label,
.insureInfo__agr .checkSelect {
  padding-left: 16px;
}
@media screen and (max-width: 321px) {
  .insureInfo__agr .checkSelect__box input[type="radio"] + label,
  .insureInfo__agr .checkSelect {
    padding-left: 12px;
  }
}
.insureInfo__agr .checkSelect__box label {
  color: #333;
  font-weight: bold;
}
.insureInfo__agr .checkSelect__box label span {
  color: #aeb0b5;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
  font-weight: normal;
}
@media screen and (max-width: 321px) {
  .insureInfo__agr .checkSelect__box label span {
    font-size: 10px;
  }
}
@media screen and (max-width: 321px) {
  .insureInfo__agr .checkSelect__box label span {
    margin-left: 4px;
  }
}
.insureAuto {
  padding-top: 30px;
  background-color: #fff;
}
.insureAuto__tit {
  background: url(../imagesMat/img_samillust.png) no-repeat right 0/111px;
}
@media screen and (max-width: 321px) {
  .insureAuto__tit {
    background-size: 82px;
  }
}
.insureAuto__tit h2 {
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .insureAuto__tit h2 {
    font-size: 16px;
  }
}
.insureAuto__tit h2 span {
  display: block;
  margin-top: 10px;
  background: url(../imagesMat/insurance02.svg) no-repeat left/88px;
  text-indent: -9999px;
}
.insureAuto__tit h2 mark {
  display: inline-block;
  margin-top: 6px;
  color: #333;
  font-size: 24px;
  line-height: 1.33;
  letter-spacing: -1.2px;
  font-weight: bold;
}
@media screen and (max-width: 321px) {
  .insureAuto__tit h2 mark {
    font-size: 22px;
  }
}
@media screen and (max-width: 321px) {
  .insureAuto__tit h2 mark {
    font-size: 20px;
  }
}
.insureAuto__tit p {
  margin-top: 12px;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .insureAuto__tit p {
    font-size: 14px;
  }
}
.insureAuto__info {
  overflow: hidden;
  margin-top: 20px;
  border: solid 1px #e1e1e1;
  border-radius: 8px;
}
.insureAuto__info h3 {
  padding: 12px 12px 12px 38px;
  background: no-repeat 16px 16px #f6f6f6;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .insureAuto__info h3 {
    font-size: 14px;
  }
}
.insureAuto__info h3:first-of-type {
  background-image: url(../imagesMat/icon_people.svg);
}
.insureAuto__info h3:last-of-type {
  background-image: url(../imagesMat/icon_cal02.svg);
}
.insureAuto__info p {
  padding: 16px;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .insureAuto__info p {
    font-size: 12px;
  }
}
.insureAuto__list {
  position: relative;
  padding: 16px;
}
.insureAuto__list:after {
  content: "";
  position: absolute;
  left: 26px;
  bottom: 30px;
  width: 1px;
  height: calc(100% - 60px);
  border-right: dashed 1px #386392;
}
.insureAuto__list h3 {
  margin-bottom: 8px;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .insureAuto__list h3 {
    font-size: 12px;
  }
}
.insureAuto__list li {
  position: relative;
  padding-left: 28px;
  margin-bottom: 8px;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .insureAuto__list li {
    font-size: 12px;
  }
}
.insureAuto__list li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  z-index: 1;
  width: 20px;
  height: 20px;
  background-size: 20px;
}
@media screen and (max-width: 321px) {
  .insureAuto__list li:before {
    top: 1px;
    width: 18px;
    height: 18px;
    background-size: 18px;
  }
}
.insureAuto__list li:nth-child(1):before {
  background-image: url(../imagesMat/insureSamJoin01.svg);
}
.insureAuto__list li:nth-child(2):before {
  background-image: url(../imagesMat/insureSamJoin02.svg);
}
.insureAuto__list li:nth-child(3) {
  margin-bottom: 0;
}
.insureAuto__list li:nth-child(3):before {
  background-image: url(../imagesMat/insureSamJoin03.svg);
}
.insureAuto__noti {
  padding: 16px 12px;
  margin-top: 16px;
  border-radius: 8px;
  background-color: #ecf5ff;
}
.insureAuto__noti h4 {
  padding-left: 24px;
  margin-bottom: 4px;
  background: url(../imagesMat/icon_noticeInfo-gray.svg) no-repeat left;
}
.insureAuto__noti h4,
.insureAuto__noti p {
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .insureAuto__noti h4,
  .insureAuto__noti p {
    font-size: 12px;
  }
}
.bgPaper {
  position: relative;
  padding: 32px 20px 14px;
  box-shadow: 0 14px 10px 0 rgba(0, 0, 0, 0.1);
}
.bgPaper:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -9px;
  z-index: 1;
  width: 100%;
  height: 10px;
  background: url(../imagesMat/punchingBg_bot.svg) repeat-x left;
}
.bgPaper.double {
  margin: 30px auto 0;
  width: calc(100% - 40px);
}
.bgPaper.double:before {
  content: "";
  position: absolute;
  left: 0;
  top: -9px;
  z-index: 1;
  width: 100%;
  height: 10px;
  background: url(../imagesMat/punchingBg_bot.svg) repeat-x left;
  transform: rotate(180deg);
}
.popupBottomWrap__insurSign {
  padding: 20px;
}
.popupBottomWrap__insurSign div {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 200px;
  border: dashed 1px #386392;
  border-radius: 8px;
  background-color: #f8fbff;
}
.popupBottomWrap__insurSign p {
  color: #a5bcd6;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .popupBottomWrap__insurSign p {
    font-size: 14px;
  }
}
.popupBottomWrap__insurSign button {
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 6px 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;
}
@media screen and (max-width: 321px) {
  .popupBottomWrap__insurSign button {
    font-size: 12px;
  }
}
.popupWrap__loading {
  display: flex;
  align-items: center;
  margin: 12px 0 8px;
}
.popupWrap__loading span {
  display: inline-block;
  margin: 0.19em;
  width: 0.6em;
  height: 0.6em;
  border-radius: 0.6em;
  background: #d3e5f8;
  vertical-align: middle;
  animation: popLoading 1s infinite alternate;
}
.popupWrap__loading span:nth-of-type(2) {
  background: #b2d5fc;
  animation-delay: 0.2s;
}
.popupWrap__loading span:nth-of-type(3) {
  background: #78b5f8;
  animation-delay: 0.4s;
}
.popupWrap__loading span:nth-of-type(4) {
  background: #408ce1;
  animation-delay: 0.6s;
}
.popupWrap__loading span:nth-of-type(5) {
  background: #236dbe;
  animation-delay: 0.8s;
}
.popupWrap__loading span:nth-of-type(6) {
  background: #1157a4;
  animation-delay: 1s;
}
.popupWrap__loading span:nth-of-type(7) {
  background: #08386e;
  animation-delay: 1.2s;
}
.popupWrap__info--insurJoin {
  margin: 12px 0 8px;
  padding: 16px 0;
  width: 100%;
  border: solid 1px #e1e1e1;
  border-radius: 12px;
  background-color: #f6f6f6;
  text-align: center;
}
.popupWrap__info--insurJoin h3 {
  margin-bottom: 8px;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .popupWrap__info--insurJoin h3 {
    font-size: 14px;
  }
}
.popupWrap__info--insurJoin p {
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .popupWrap__info--insurJoin p {
    font-size: 12px;
  }
}
@keyframes popLoading {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.insuranceInfo__wrap {
  padding: 20px 16px;
  margin-bottom: 20px;
  border: solid 1px #386392;
  border-radius: 20px 0 20px 20px;
}
.insuranceInfo__tit {
  text-align: center;
}
.insuranceInfo__tit h1 {
  font-size: 24px;
  line-height: 1.33;
  letter-spacing: -1.2px;
  line-height: 1.36;
}
@media screen and (max-width: 321px) {
  .insuranceInfo__tit h1 {
    font-size: 22px;
  }
}
.insuranceInfo__tit h2 {
  color: #333;
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
  font-weight: normal;
  line-height: 1.33;
}
@media screen and (max-width: 321px) {
  .insuranceInfo__tit h2 {
    font-size: 16px;
  }
}
.insuranceInfo__joinInfo {
  padding: 16px;
  margin-top: 20px;
  border-radius: 12px;
  background-color: #ecf5ff;
}
.insuranceInfo__joinInfo div {
  display: flex;
  justify-content: space-around;
  width: 100%;
}
.insuranceInfo__joinInfo div ~ div {
  margin-top: 12px;
}
.insuranceInfo__joinInfo div dt {
  width: 102px;
}
.insuranceInfo__joinInfo div:last-child {
  margin-bottom: 0;
}
.insuranceInfo__joinInfo dt,
.insuranceInfo__joinInfo dd,
.insuranceInfo__detail dt,
.insuranceInfo__detail dd {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  line-height: 1.37;
}
@media screen and (max-width: 321px) {
  .insuranceInfo__joinInfo dt,
  .insuranceInfo__joinInfo dd,
  .insuranceInfo__detail dt,
  .insuranceInfo__detail dd {
    font-size: 14px;
  }
}
.insuranceInfo__joinInfo dt,
.insuranceInfo__detail dt {
  flex-shrink: 0;
  color: #333;
  font-weight: normal;
}
.insuranceInfo__joinInfo dd,
.insuranceInfo__detail dd {
  width: 100%;
  font-weight: 500;
  text-align: right;
}
.insuranceInfo__txt {
  margin: 16px 0;
}
.insuranceInfo__txt p {
  margin-bottom: 8px;
  color: #777;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .insuranceInfo__txt p {
    font-size: 12px;
  }
}
.insuranceInfo__txt p:last-child {
  margin-bottom: 0;
}
.insuranceInfo__txt.pb24 p {
  color: #333;
  font-weight: 500;
}
.insuranceInfo__detail {
  border-top: solid 1px #e1e1e1;
  border-bottom: solid 1px #e1e1e1;
}
.insuranceInfo__detail div {
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
  margin-bottom: 4px;
  width: 100%;
}
.insuranceInfo__detail div ~ div {
  border-top: solid 1px #f6f6f6;
}
.insuranceInfo__detail div:nth-child(n + 4) {
  flex-wrap: wrap;
}
.insuranceInfo__detail div dt {
  width: 74px;
}
.insuranceInfo__detail div dd ~ dd {
  margin-top: 2px;
}
.insuranceInfo__detail h3 {
  padding: 6px 0;
  border-bottom: solid 1px #f6f6f6;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .insuranceInfo__detail h3 {
    font-size: 14px;
  }
}
.insuranceInfo__special {
  overflow: hidden;
  margin: 32px 0 12px;
  border: solid 1px #e1e1e1;
  border-radius: 8px;
  background: url(../imagesMat/popupReceipt.svg) no-repeat center/198px;
}
.insuranceInfo__special 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) {
  .insuranceInfo__special h3 {
    font-size: 14px;
  }
}
.insuranceInfo__special.mt0 h3 {
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .insuranceInfo__special.mt0 h3 {
    font-size: 14px;
  }
}
.insuranceInfo__special ol {
  padding: 16px 10px;
}
.insuranceInfo__special li,
.insuranceInfo__special span,
.insuranceInfo__special i {
  position: relative;
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: normal;
  font-style: normal;
}
@media screen and (max-width: 321px) {
  .insuranceInfo__special li,
  .insuranceInfo__special span,
  .insuranceInfo__special i {
    font-size: 12px;
  }
}
.insuranceInfo__special li {
  padding-left: 14px;
  margin-bottom: 2px;
  counter-increment: num;
}
@media screen and (max-width: 319px) {
  .insuranceInfo__special li {
    padding-left: 12px;
  }
}
.insuranceInfo__special li:nth-child(n + 10) {
  padding-left: 20px;
}
@media screen and (max-width: 319px) {
  .insuranceInfo__special li:nth-child(n + 10) {
    padding-left: 18px;
  }
}
.insuranceInfo__special li:nth-child(n + 10) div {
  padding-left: 8px;
}
.insuranceInfo__special li:before {
  content: counter(num) ")";
  position: absolute;
  top: 0;
  left: 0;
}
.insuranceInfo__special li ol {
  padding: 0;
}
.insuranceInfo__special li ol li {
  counter-increment: circleNum;
  padding-left: 16px;
}
.insuranceInfo__special li 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) {
  .insuranceInfo__special li ol li:before {
    font-size: 10px;
  }
}
@media screen and (max-width: 321px) {
  .insuranceInfo__special li ol li:before {
    top: 1px;
  }
}
.insuranceInfo__special li 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) {
  .insuranceInfo__special li ol li:after {
    top: 4px;
    width: 11px;
    height: 11px;
  }
}
.insuranceInfo__special span {
  margin-bottom: 2px;
}
.insuranceInfo__special span:before {
  content: "";
  position: absolute;
  left: -8px;
  top: 8px;
  width: 4px;
  height: 1px;
  background-color: #555;
}
.insuranceInfo__special + p {
  color: #777;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .insuranceInfo__special + p {
    font-size: 12px;
  }
}
.insuranceInfo__img img {
  width: 100%;
}
.autoInsur {
  padding: 40px 20px;
}
.autoInsur__tit {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.autoInsur__tit h2 {
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .autoInsur__tit h2 {
    font-size: 16px;
  }
}
.autoInsur__tit .secession {
  margin: 0;
}
.autoInsur__agr {
  margin-top: 12px;
}
.autoInsur__agr .checkSelect {
  padding-left: 16px;
}
.autoInsur__info {
  padding: 20px 16px;
  margin-top: 12px;
  border: solid 1px #e1e1e1;
  border-radius: 12px;
  background-color: #f6f6f6;
}
.autoInsur__info--img {
  padding: 23px 0;
  border: solid 1px #e1e1e1;
  border-radius: 8px;
  background-color: #fff;
}
.autoInsur__info--img img {
  margin: 0 auto;
}
.autoInsur__info--txt {
  padding: 16px 0 20px;
  border-bottom: solid 1px #e1e1e1;
}
.autoInsur__info--txt p {
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .autoInsur__info--txt p {
    font-size: 14px;
  }
}
.autoInsur__info span {
  margin-top: 12px;
  color: #777;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .autoInsur__info span {
    font-size: 12px;
  }
}
.autoInsur .insureSam__info--pay {
  margin: 12px 0;
}
.autoInsur .insureSam__info--table .sign div {
  height: 140px;
}
.autoInsur .insureSam__info--table .sign dd {
  display: flex;
  align-items: center;
  justify-content: center;
}
.autoInsur .insureSam__info--table .sign dd img {
  width: auto;
  max-height: 108px;
}
.insureHouse {
  position: relative;
  padding: 12px;
  margin: 30px auto 0;
  width: calc(100% - 40px);
  border-radius: 0 0 12px 12px;
  background-color: #fff;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
}
.insureHouse:before {
  content: "";
  position: absolute;
  left: 0;
  top: -9px;
  z-index: 1;
  width: 100%;
  height: 10px;
  background: url(../imagesMat/punchingBg_bot.svg) repeat-x left;
  transform: rotate(180deg);
}
.insureHouse__tit {
  padding: 12px 0 24px 10px;
  border-bottom: solid 1px #e1e1e1;
  background: url(../imagesMat/ic_medalPaper.png) no-repeat right 10px center/72px;
}
.insureHouse__tit p {
  color: #111;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: bold;
}
@media screen and (max-width: 321px) {
  .insureHouse__tit p {
    font-size: 12px;
  }
}
.insureHouse__tit h2 {
  font-size: 24px;
  line-height: 1.33;
  letter-spacing: -1.2px;
}
@media screen and (max-width: 321px) {
  .insureHouse__tit h2 {
    font-size: 22px;
  }
}
.insureHouse__group {
  padding: 20px 0;
  border-bottom: solid 1px #e1e1e1;
}
.insureHouse__group h3 {
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .insureHouse__group h3 {
    font-size: 14px;
  }
}
.insureHouse__group p {
  margin-top: 12px;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .insureHouse__group p {
    font-size: 12px;
  }
}
.insurContract {
  padding: 24px 20px 122px;
  margin: 0;
  width: 100%;
  border: 0;
  border-radius: 0;
}
.insurContract:after {
  display: none;
}
.insurContract h2 {
  font-size: 22px;
  line-height: 1.36;
  letter-spacing: -1.1px;
}
@media screen and (max-width: 321px) {
  .insurContract h2 {
    font-size: 20px;
  }
}
.insurContract h2 span {
  margin-top: 12px;
  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) {
  .insurContract h2 span {
    font-size: 14px;
  }
}
.insurContract__det:first-of-type {
  margin-top: 24px;
}
.insurContract__det h3 {
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -1px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .insurContract__det h3 {
    font-size: 18px;
  }
}
.insurContract__det--warr {
  overflow: hidden;
  margin-top: 12px;
  border: solid 1px #e1e1e1;
  border-radius: 8px;
}
.insurContract__det--warr div {
  display: flex;
  justify-content: space-between;
}
.insurContract__det--warr div:nth-child(1) dt,
.insurContract__det--warr div:nth-child(1) dd {
  padding-top: 12px;
}
.insurContract__det--warr div:last-child dt,
.insurContract__det--warr div:last-child dd {
  padding-bottom: 12px;
}
.insurContract__det--warr dt,
.insurContract__det--warr dd {
  padding: 2px 12px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .insurContract__det--warr dt,
  .insurContract__det--warr dd {
    font-size: 14px;
  }
}
.insurContract__det--warr dt {
  flex-shrink: 0;
  width: 114px;
  background-color: #f6f6f6;
  color: #555;
}
@media screen and (max-width: 321px) {
  .insurContract__det--warr dt {
    width: 100px;
  }
}
.insurContract__det--warr dd {
  width: 100%;
  color: #333;
  text-align: right;
  word-break: break-all;
}
.insurContract__det--warr ~ h3 {
  margin-top: 12px;
}
.insurContract__det--terms {
  border: solid 1px #e1e1e1;
  border-radius: 8px;
}
.insurContract__det--terms h4 {
  padding: 12px;
  border-radius: 8px 8px 0 0;
  background-color: #f6f6f6;
  color: #333;
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .insurContract__det--terms h4 {
    font-size: 16px;
  }
}
.insurContract__det--terms > div {
  padding: 16px 12px;
}
.insurContract__det--terms > div > ol {
  padding: 0 0 0 6px;
}
.insurContract__det--terms > div > ol:first-child {
  padding: 0;
}
.insurContract__det--terms > div > ol li {
  padding-left: 0;
  color: #555;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .insurContract__det--terms > div > ol li {
    font-size: 14px;
  }
}
.insurContract__det--terms > div > ol li:before,
.insurContract__det--terms > div > ol li:after {
  display: none;
}
.insurContract__det--terms > div > ol li ol {
  padding-left: 6px;
}
.insurContract__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) {
  .insurContract__det--terms > div > span {
    font-size: 12px;
  }
}
.insurContract__det--terms ~ .insurContract__det--terms {
  margin-top: 12px;
}
.insurContract__det--bottomTxt {
  margin-top: 12px;
}
.insurContract__det--bottomTxt span {
  display: block;
  color: #555;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .insurContract__det--bottomTxt span {
    font-size: 14px;
  }
}
.insurContract__det--bottomTxt div {
  margin-top: 32px;
}
.insurContract__det--bottomTxt div p {
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  text-align: right;
}
@media screen and (max-width: 321px) {
  .insurContract__det--bottomTxt div p {
    font-size: 14px;
  }
}
.insurContract__det--bottomTxt div p ~ p {
  margin-top: 2px;
}
.insurContract__det ~ .insurContract__det {
  margin-top: 32px;
  padding-top: 32px;
  border-top: solid 1px #f1f1f1;
}
.insurContract__det table {
  border: solid 1px #e1e1e1;
  border-collapse: collapse;
}
.insurContract__det table tr,
.insurContract__det table td {
  border: solid 1px #e1e1e1;
}
.insurContract__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) {
  .insurContract__det table th {
    font-size: 12px;
  }
}
.insurContract__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) {
  .insurContract__det table td {
    font-size: 12px;
  }
}
.jobFindMapShow {
  position: absolute;
  top: 50%;
  right: 21px;
  padding-top: 22px;
  background: no-repeat top;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
  line-height: 2;
  transform: translateY(-50%);
}
@media screen and (max-width: 321px) {
  .jobFindMapShow {
    font-size: 10px;
  }
}
.jobFindMapShow {
  background-image: url(../imagesMat/jobFindMapShow.svg);
}
.jobSearchCloseBtn {
  display: none;
  flex-shrink: 0;
  padding-right: 5px;
  width: 55px;
  height: 60px;
  background-color: #fff;
  color: #aeb0b5;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: normal;
  text-align: right;
}
@media screen and (max-width: 321px) {
  .jobSearchCloseBtn {
    font-size: 14px;
  }
}
.jobFind__ban {
  position: relative;
}
.jobFind__ban.breakLine {
  border-bottom: solid 8px #f1f1f1;
}
.jobFind__ban a {
  position: relative;
  padding: 25px 20px 24px;
  height: 97px;
  background: no-repeat right bottom/360px;
}
.jobFind__ban a.slide01 {
  background-image: url(../imagesMat/bg_guide01.png);
  background-color: #e9f4ff;
}
.jobFind__ban a.slide01 p {
  color: #386392;
}
.jobFind__ban a.slide01 span {
  background-color: #386392;
}
.jobFind__ban a.slide02 {
  background-image: url(../imagesMat/bg_guide02.png);
  background-color: #fffbdc;
}
.jobFind__ban a.slide02 p {
  color: #845631;
}
.jobFind__ban a.slide02 span {
  background-color: #f98c0e;
}
.jobFind__ban a.slide03 {
  background-image: url(../imagesMat/bg_guide03.png);
  background-color: #f3fbea;
}
.jobFind__ban a.slide03 p {
  color: #486148;
}
.jobFind__ban a.slide03 span {
  background-color: #46b546;
}
.jobFind__ban a.slide04 {
  background-image: url(../imagesMat/bg_guide04.svg);
  background-color: #fff3f7;
}
.jobFind__ban a.slide04 p {
  color: #bc2c69;
}
.jobFind__ban a.slide04 span {
  background-color: #ef2079;
}
.jobFind__ban a p {
  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) {
  .jobFind__ban a p {
    font-size: 12px;
  }
}
@media screen and (max-width: 321px) {
  .jobFind__ban a p {
    padding: 37px 20px;
  }
}
.jobFind__ban a h2 {
  display: flex;
  align-items: center;
  margin-top: 6px;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -1px;
}
@media screen and (max-width: 321px) {
  .jobFind__ban a h2 {
    font-size: 18px;
  }
}
.jobFind__ban a h2 span {
  padding: 4px 6px;
  margin-left: 8px;
  border-radius: 20px;
  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) {
  .jobFind__ban a h2 span {
    font-size: 10px;
  }
}
.jobFind__ban a.slideCompen {
  padding: 14px 20px;
  background: url(../imagesMat/icon_compensa02.png) no-repeat center right/125px,
    url(../imagesMat/bg_compensa02.png) no-repeat left center/100% 100%;
}
.jobFind__ban a.slideCompen p {
  color: #555;
}
.jobFind__ban a.slideCompen h2 {
  display: flex;
  align-items: center;
  margin-top: 1px;
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .jobFind__ban a.slideCompen h2 {
    font-size: 16px;
  }
}
.jobFind__ban a.slideCompen > span {
  margin-top: 4px;
  padding-right: 14px;
  color: #33260e;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
  background: url(../imagesMat/arrow_right08.svg) no-repeat center right/6px;
}
@media screen and (max-width: 321px) {
  .jobFind__ban a.slideCompen > span {
    font-size: 12px;
  }
}
.jobFind__ban--num {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 12px;
  right: 20px;
  z-index: 10;
  padding: 4px 8px;
  border-radius: 12px;
  background-color: rgba(0, 0, 0, 0.5);
}
.jobFind__ban--num span,
.jobFind__ban--num strong {
  color: #fff;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
  line-height: 1;
}
@media screen and (max-width: 321px) {
  .jobFind__ban--num span,
  .jobFind__ban--num strong {
    font-size: 10px;
  }
}
.jobFind__tit {
  position: relative;
  padding: 20px 20px 20px 44px;
  background: url(../imagesMat/jobFind.svg) no-repeat 20px 22px #fff;
}
.jobFind__tit h2 {
  margin-bottom: 4px;
  color: #386392;
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .jobFind__tit h2 {
    font-size: 16px;
  }
}
.jobFind__tit p {
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .jobFind__tit p {
    font-size: 12px;
  }
}
.jobFind__tit.line:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #e1e1e1;
}
.jobFind__list {
  padding: 24px 20px;
}
.jobFind__list h2 {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
  color: #386392;
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .jobFind__list h2 {
    font-size: 16px;
  }
}
.jobFind__list h2:before {
  content: "";
  display: inline-block;
  margin-right: 8px;
  width: 16px;
  height: 20px;
  background: url(../imagesMat/jobFind.svg) no-repeat center;
}
.jobFind__list ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.jobFind__list ul li {
  padding: 18px 20px;
  margin-bottom: 8px;
  width: calc(50% - 4px);
  border: solid 1px #e1e1e1;
  border-radius: 8px;
}
@media screen and (max-width: 319px) {
  .jobFind__list ul li {
    padding: 16px 12px;
  }
}
.jobFind__list ul li:last-child {
  margin-bottom: 0;
}
.jobFind__list ul li h3 {
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .jobFind__list ul li h3 {
    font-size: 16px;
  }
}
.jobFind__list ul li p {
  display: flex;
  align-items: center;
  margin-top: 4px;
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .jobFind__list ul li p {
    font-size: 12px;
  }
}
.jobFind__list ul li mark {
  margin-left: 8px;
  color: #111;
  font-weight: bold;
}
@media screen and (max-width: 321px) {
  .jobFind__list ul li mark {
    margin-left: 4px;
  }
}
.jobFind__list--none * {
  color: #aeb0b5 !important;
}
.jobFind__search {
  display: none;
  position: fixed;
  top: 0;
  left: 50%;
  z-index: 20;
  padding: 0 20px;
  width: 100%;
  max-width: 600px;
  height: 60px;
  background-color: #fff;
  transform: translateX(-50%);
}
.jobFind__search.active {
  display: flex;
  align-items: center;
}
.jobFind__search.active .jobSearchCloseBtn,
.jobFind__search.active .jobFind__search--list {
  display: block;
}
.jobFind__search--txt {
  position: relative;
  padding: 7px 0;
  width: 100%;
}
.jobFind__search--txt:has(.resetBtn) input {
  padding-right: 46px;
}
.jobFind__search--txt input {
  padding-left: 42px;
  border: solid 1px #e1e1e1;
  background: url(../imagesMat/icon_search03.svg) no-repeat 16px #f6f6f6;
  color: #555;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .jobFind__search--txt input {
    font-size: 14px;
  }
}
.jobFind__search--txt input:focus {
  background-image: url(../imagesMat/icon_search04.svg);
  background-color: #fff;
}
.jobFind__search--txt .resetBtn {
  top: 7px;
  right: 0;
  background-image: url(../imagesMat/icon_close04.svg);
}
.jobFind__search--input {
  display: flex;
  align-items: center;
  position: absolute;
  top: -1px;
  right: 0;
  z-index: 18;
  width: 100%;
  max-width: 662px;
  background-color: rgba(0, 0, 0, 0);
}
.jobFind__search--input input {
  padding: 18px 0;
  border: 0;
}
.jobFind__search--list {
  overflow: hidden;
  display: none;
  position: fixed;
  top: 60px;
  left: 50%;
  z-index: 25;
  width: 100%;
  max-width: 600px;
  height: calc(100vh - 60px);
  background-color: #fff;
  transform: translateX(-50%);
}
.jobFind__search--list:has(.contentNone) .jobFind__search--state {
  border-top: solid 1px #e1e1e1;
}
.jobFind__search--list:has(.contentNone) .jobFind__search--state p {
  display: none;
}
.jobFind__search--list ul {
  overflow-y: auto;
  height: calc(100vh - 94px);
}
.jobFind__search--list ul li {
  position: relative;
}
.jobFind__search--list ul li ~ li:after {
  content: "";
  position: absolute;
  top: 0;
  left: 20px;
  z-index: 22;
  width: calc(100% - 40px);
  height: 1px;
  background-color: #e1e1e1;
}
.jobFind__search--list .recently li {
  padding: 24px 50px 24px 46px;
  background: no-repeat 20px;
}
.jobFind__search--list .recently li h3 {
  line-height: 1;
}
.jobFind__search--list .recently li.hospital {
  background-image: url(../imagesMat/icon_mapHospital.svg);
}
.jobFind__search--list .recently li.location {
  background-image: url(../imagesMat/jobFindAdress.svg);
}
.jobFind__search--list .recently li .resetBtn {
  top: 50%;
  right: 4px;
  z-index: 10;
  margin-top: -22px;
  background-image: url(../imagesMat/icon_close04.svg);
}
.jobFind__search--list .result li {
  padding: 20px;
}
.jobFind__search--list .result li h3 {
  line-height: 1.33;
}
.jobFind__search--list .result li p {
  margin-top: 2px;
  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) {
  .jobFind__search--list .result li p {
    font-size: 12px;
  }
}
.jobFind__search--list .recently h3,
.jobFind__search--list .result h3 {
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media screen and (max-width: 321px) {
  .jobFind__search--list .recently h3,
  .jobFind__search--list .result h3 {
    font-size: 16px;
  }
}
.jobFind__search--state {
  min-height: 10px;
  background-color: #f1f1f1;
}
.jobFind__search--state p {
  padding: 8px 20px;
  color: #777;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .jobFind__search--state p {
    font-size: 10px;
  }
}
.jobFind__mapArea {
  position: relative;
  height: calc(100vh - 176px);
}
@media screen and (max-width: 321px) {
  .jobFind__mapArea {
    height: calc(100vh - 173px);
  }
}
.jobFind__mapArea.h100 {
  height: calc(100vh - 60px) !important;
}
.jobFind__mapArea--mapWrap {
  height: 100%;
}
.jobFind__mapArea--zoom,
.jobFind__mapArea--move {
  position: absolute;
  bottom: 20px;
  z-index: 5;
}
.jobFind__mapArea--zoom button,
.jobFind__mapArea--move button {
  font-size: 0;
  text-indent: -9999px;
}
.jobFind__mapArea--zoom {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  left: 20px;
}
.jobFind__mapArea--zoom button {
  width: 30px;
  height: 30px;
}
.jobFind__mapArea--zoom button:nth-child(1) {
  background-image: url(../imagesMat/jobFindZoomIn.svg);
}
.jobFind__mapArea--zoom button:nth-child(2) {
  margin-top: -1px;
  background-image: url(../imagesMat/jobFindZoomOut.svg);
}
.jobFind__mapArea--move {
  right: 20px;
}
.jobFind__mapArea--move button {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: url(../imagesMat/jobFindMove.svg) no-repeat center/22px #fff;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.12);
}
.jobFind__listGo button {
  position: fixed;
  bottom: 68px;
  left: 50%;
  padding: 12px 0;
  width: 100%;
  max-width: 600px;
  background-color: #386392;
  text-align: center;
  color: #fff;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
  transform: translate(-50%);
}
@media screen and (max-width: 321px) {
  .jobFind__listGo button {
    font-size: 14px;
  }
}
.newFind {
  position: relative;
}
.newFind .jobFind__mapArea {
  height: calc(100vh - 128px);
}
.newFind .jobFind__mapArea--move {
  bottom: 20px;
}
.newFind .jobFind__listGo button {
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 84px;
  width: 188px;
  height: 48px;
  border-radius: 8px;
}
.joinRegister__step.breakLine {
  padding-bottom: 20px;
}
.joinRegister__step--item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding-top: 20px;
  margin-bottom: 20px;
  counter-reset: list-number;
}
.joinRegister__step--item:before {
  content: "";
  display: block;
  position: absolute;
  top: 32px;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 1px;
  background-color: #aeb0b5;
}
.joinRegister__step--item li {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  z-index: 2;
  width: 58px;
  white-space: nowrap;
  color: #aeb0b5;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  counter-increment: list-number;
}
@media screen and (max-width: 321px) {
  .joinRegister__step--item li {
    font-size: 12px;
  }
}
.joinRegister__step--item li:before {
  content: counter(list-number);
  margin-bottom: 4px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: #aeb0b5;
  text-align: center;
  color: #fff;
  font-size: 11px;
  line-height: 22px;
  letter-spacing: -0.55px;
  font-weight: bold;
}
@media screen and (max-width: 321px) {
  .joinRegister__step--item li:before {
    font-size: 10px;
  }
}
.joinRegister__step--item li:after {
  content: "";
  display: block;
  position: absolute;
  top: -8px;
  z-index: -1;
  width: 58px;
  height: 58px;
  background-color: #fff;
}
.joinRegister__step--item li.active {
  color: #386392;
  font-weight: bold;
}
.joinRegister__step--item li.active:before {
  background-color: #386392;
}
.joinRegister__step:not(:has(.joinRegister__step--item)) {
  padding-top: 20px;
}
.joinRegister__step01 .basicInput__txt {
  margin-bottom: 24px;
}
.joinRegister__step01 .basicInput em {
  margin-bottom: 0;
}
.joinRegister__step03--tit {
  padding-top: 150px;
  text-align: center;
  background: url(../imagesMat/joinRegiFinish.svg) no-repeat top;
}
.joinRegister__step03--tit h3 {
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .joinRegister__step03--tit h3 {
    font-size: 16px;
  }
}
.joinRegister__step03--tit p {
  margin: 6px 0 24px;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .joinRegister__step03--tit p {
    font-size: 14px;
  }
}
.joinRegister__step03 .commonWrap06 {
  padding-bottom: 12px;
}
.joinRegister__info--detail {
  padding: 10px 0 24px;
  margin: 12px auto;
  width: calc(100% - 40px);
  background: url(../imagesMat/joinRegiInfoDetail.svg) no-repeat center/contain;
  text-align: center;
}
@media screen and (max-width: 359px) {
  .joinRegister__info--detail {
    padding: 12px 12px 21px;
  }
}
.joinRegister__info--detail p {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .joinRegister__info--detail p {
    font-size: 14px;
  }
}
.joinRegister__info--detail p:before {
  content: "";
  display: inline-block;
  margin-right: 8px;
  width: 14px;
  height: 22px;
  background-image: url(../imagesMat/joinRegiInfoDetailTxt.svg);
}
@media screen and (max-width: 359px) {
  .joinRegister__info--detail p:before {
    width: 10px;
    height: 17px;
    background-size: 10px;
  }
}
.joinRegister__chr {
  margin-bottom: 20px;
}
.joinRegister__chr--info {
  display: flex;
  align-items: center;
  justify-content: center;
  background: no-repeat center/contain;
}
@media screen and (max-width: 321px) {
  .joinRegister__chr--info {
    background-size: 100%;
  }
}
.joinRegister__chr--info h3 {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 3px;
  margin-bottom: 12px;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .joinRegister__chr--info h3 {
    font-size: 12px;
  }
}
@media screen and (max-width: 321px) {
  .joinRegister__chr--info h3 {
    padding: 10px 0 16px;
    margin-bottom: 0;
  }
}
.joinRegister__chr--info h3:before {
  content: "";
  display: inline-block;
  width: 30px;
  height: 30px;
}
@media screen and (max-width: 359px) {
  .joinRegister__chr--info h3:before {
    width: 24px;
    height: 24px;
    background-size: 24px;
  }
}
@media screen and (max-width: 319px) {
  .joinRegister__chr--info h3:before {
    display: none;
  }
}
.joinRegister__chr--info.type01 {
  background-image: url(../imagesMat/joinRegisterInfo01.svg);
}
.joinRegister__chr--info.type01 h3:before {
  background-image: url(../imagesMat/joinRegisterInfoEmo01.svg);
}
.joinRegister__chr--info.type02 {
  background-image: url(../imagesMat/joinRegisterInfo02.svg);
}
.joinRegister__chr--info.type02 h3:before {
  background-image: url(../imagesMat/joinRegisterInfoEmo02.svg);
}
.joinRegister__chr--info.type03 {
  background-image: url(../imagesMat/joinRegisterInfo03.svg);
}
.joinRegister__chr--info.type03 h3:before {
  background-image: url(../imagesMat/joinRegisterInfoEmo02.svg);
}
.joinRegister__chr--tit .basicChr {
  margin: 0 auto;
}
.joinRegister__chr--tit h4 {
  position: relative;
  margin-top: 20px;
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
  font-weight: 500;
  line-height: 1.33;
  text-align: center;
}
@media screen and (max-width: 321px) {
  .joinRegister__chr--tit h4 {
    font-size: 16px;
  }
}
.joinRegister__chr--tit h4:after {
  content: "선택";
  position: absolute;
  bottom: 3px;
  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) {
  .joinRegister__chr--tit h4:after {
    font-size: 10px;
  }
}
.joinRegister__chr--btnWrap {
  margin-top: 12px;
}
.joinRegister__chr--btnWrap button:first-child {
  margin-bottom: 8px;
}
.joinRegister__certifi {
  margin: 20px 0 32px;
  padding-bottom: 8px;
}
.joinRegister__agree--banner {
  padding: 54px 16px 26px;
  margin: 0 auto 16px;
  max-width: 320px;
  border-radius: 12px;
  background: url(../imagesMat/joinRegiAgree02.svg) no-repeat right bottom 10px/112px,
    url(../imagesMat/joinRegiAgree01.svg) no-repeat bottom/contain;
}
@media screen and (max-width: 321px) {
  .joinRegister__agree--banner {
    padding: 36px 10px 22px;
    background-size: 80px, contain;
  }
}
@media screen and (max-width: 319px) {
  .joinRegister__agree--banner {
    padding: 36px 10px 16px;
  }
}
.joinRegister__agree--banner h4 {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .joinRegister__agree--banner h4 {
    font-size: 14px;
  }
}
.joinRegister__agree--banner p {
  margin-top: 4px;
  color: #333;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
  line-height: 1.33;
}
@media screen and (max-width: 321px) {
  .joinRegister__agree--banner p {
    font-size: 10px;
  }
}
@media screen and (max-width: 321px) {
  .joinRegister__agree--banner p {
    margin-top: 0;
  }
}
.joinRegister__dispose {
  display: none;
  position: fixed;
  top: 61px;
  left: 50%;
  z-index: 99;
  padding-top: 12vh;
  width: 100%;
  max-width: 600px;
  height: calc(100% - 61px);
  background-color: rgba(255, 255, 255, 0.9);
  text-align: center;
  transform: translateX(-50%);
}
.joinRegister__dispose.active {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.joinRegister__dispose h2 {
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .joinRegister__dispose h2 {
    font-size: 16px;
  }
}
.joinRegister__dispose--loader {
  margin: 16px 0 20px;
}
.joinRegister__dispose--loader span {
  border: solid 4px #fff;
  border-top: solid 4px #386392;
  border-right: solid 4px #386392;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 0.5s linear infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.licenseDet:has(.licenseDet__bottomWrap) .licenseDet__img {
  height: calc(100vh - 176px);
}
.licenseDet__img {
  position: relative;
  height: 100vh;
}
.licenseDet__img--wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
}
.licenseDet__img--wrap img {
  max-width: inherit;
}
.licenseDet__bottomWrap {
  padding: 20px;
  margin: 0;
  background-color: #fff;
}
.licenseDet__bottomWrap > div {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.licenseDet__bottomWrap > div:nth-child(2) button,
.licenseDet__bottomWrap > div:only-child button {
  padding: 19px 0;
  width: 50%;
  border-radius: 8px;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -1px;
  font-weight: 500;
  line-height: 1;
  text-align: center;
}
@media screen and (max-width: 321px) {
  .licenseDet__bottomWrap > div:nth-child(2) button,
  .licenseDet__bottomWrap > div:only-child button {
    font-size: 18px;
  }
}
.licenseDet__bottomWrap > div:nth-child(2) button:not(:last-child),
.licenseDet__bottomWrap > div:only-child button:not(:last-child) {
  margin-right: 12px;
}
.licenseDet__bottomWrap--editBtn {
  margin-bottom: 16px;
}
.licenseDet__bottomWrap--editBtn button {
  padding: 36px 0 0;
  margin: 0 10px;
  width: 42px;
  background: no-repeat center top;
  color: #386392;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 321px) {
  .licenseDet__bottomWrap--editBtn button {
    font-size: 14px;
  }
}
.licenseDet__bottomWrap--editBtn button.rotate {
  background-image: url(../imagesMat/ic_rotate_ac.svg);
}
.licenseDet__bottomWrap--editBtn button.rotate.dimmed {
  background-image: url(../imagesMat/ic_rotate_dimmed.svg);
  color: #aeb0b5;
  font-weight: 500;
}
.licenseDet__bottomWrap--editBtn button.crop {
  background-image: url(../imagesMat/ic_crop_ac.svg);
}
.licenseDet__bottomWrap--editBtn button.crop.dimmed {
  background-image: url(../imagesMat/ic_crop_dimmed.svg);
  color: #aeb0b5;
  font-weight: 500;
}
.licenseDet__dimmed {
  position: absolute;
  top: 60px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  width: 100%;
  max-width: 600px;
  height: calc(100vh - 60px);
  background-color: rgba(0, 0, 0, 0.7);
}
.licenseDet__dimmed p,
.licenseDet__dimmed span {
  color: #fff;
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
  text-align: center;
}
@media screen and (max-width: 321px) {
  .licenseDet__dimmed p,
  .licenseDet__dimmed span {
    font-size: 16px;
  }
}
.licenseDet__dimmed p {
  padding-top: 60px;
  background: url(../imagesMat/ic_exclamationCir_wh.svg) no-repeat top;
}
.licenseDet__dimmed span {
  display: block;
  margin-top: 8px;
  font-weight: 500;
}
.licenseDet__dimmed .btnMainPhoto {
  padding: 15px 0;
  margin-top: 26px;
  background: none #fff;
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 321px) {
  .licenseDet__dimmed .btnMainPhoto {
    font-size: 16px;
  }
}
.licenseDet__dimmed .btnMainPhoto i {
  margin: 2px 0 0 10px;
  width: 7px;
  height: 12px;
  background: url(../imagesMat/arrow_right02.svg) no-repeat center/contain;
}
.ReactCrop__child-wrapper > img {
  display: block;
  max-width: 100vw !important;
  max-height: calc(100vh - 176px) !important;
}
.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection) {
  animation: none !important;
  background: none !important;
}
.ReactCrop__drag-handle {
  width: 26px !important;
  height: 26px !important;
  border: none !important;
  background: none !important;
}
.ReactCrop__drag-handle.ord-nw {
  top: 11px !important;
  left: 11px !important;
  border-top: solid 6px #386392 !important;
  border-left: solid 6px #386392 !important;
}
.ReactCrop__drag-handle.ord-ne {
  top: 11px !important;
  right: 11px !important;
  border-top: solid 6px #386392 !important;
  border-right: solid 6px #386392 !important;
}
.ReactCrop__drag-handle.ord-se {
  right: 11px !important;
  bottom: 11px !important;
  border-right: solid 6px #386392 !important;
  border-bottom: solid 6px #386392 !important;
}
.ReactCrop__drag-handle.ord-sw {
  left: 11px !important;
  bottom: 11px !important;
  border-left: solid 6px #386392 !important;
  border-bottom: solid 6px #386392 !important;
}
.loginWrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  min-height: calc(100vh - 16px);
}
.loginWrap__flex {
  width: 100%;
}
.loginWrap .noticeInfo {
  padding: 16px 20px;
  margin: -4px -20px -16px;
  width: calc(100% + 40px);
  border-top: 0;
}
.loginWrap .noticeInfo .reference {
  margin-top: 0;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
  word-break: break-all;
}
@media screen and (max-width: 321px) {
  .loginWrap .noticeInfo .reference {
    font-size: 10px;
  }
}
.loginWrap .noticeInfo .reference.mark {
  padding-left: 14px;
}
.loginWrap .noticeInfo .reference mark {
  font-weight: bold;
  word-break: break-all;
  color: #555;
}
.loginWrap input {
  min-height: 46px;
}
.loginWrap .resetBtn {
  width: 40px;
  height: 46px;
}
.loginLogo {
  margin: 13vh auto 41px;
  width: 178px;
  height: 33px;
  background-image: url(../imagesMat/logoCarenation.svg);
  font-size: 0;
  text-indent: -9999px;
}
.login__form--enter input {
  padding-left: 41px;
  background: no-repeat 16px center;
}
.login__form--enter .basicInput {
  padding-bottom: 0;
}
.login__form--enter .basicInput__txt {
  margin-bottom: 8px;
}
.login__form--enter .basicInput__txt input {
  background-image: url(../imagesMat/loginId.svg);
}
.login__form--enter .basicInput__txt:nth-child(2) input {
  background-image: url(../imagesMat/loginPass.svg);
}
.loginBtnWrap {
  margin-top: 20px;
}
.loginBtn,
.joinBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  border-radius: 8px;
}
.loginBtn {
  padding: 11px 0;
  background-color: #386392;
  color: #fff;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .loginBtn {
    font-size: 14px;
  }
}
.joinBtnWrap {
  padding-bottom: 16px;
  margin-top: 8px;
}
.joinBtn {
  padding: 11px 0;
  border: solid 1px #386392;
  color: #386392;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: bold;
}
@media screen and (max-width: 321px) {
  .joinBtn {
    font-size: 14px;
  }
}
.joinBtn:before {
  content: "";
  display: inline-block;
  margin-right: 12px;
  width: 20px;
  height: 16px;
  background: url(../imagesMat/loginLogo.svg) no-repeat;
}
.join__find {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.join__find li {
  position: relative;
  width: 50%;
}
.join__find li:first-child:after {
  content: "";
  position: absolute;
  right: 0;
  top: 8px;
  width: 1px;
  height: 10px;
  background-color: #aeb0b5;
}
.join__find a {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  text-align: center;
}
@media screen and (max-width: 321px) {
  .join__find a {
    font-size: 14px;
  }
}
.loginSns {
  width: 100%;
}
.loginSns__list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: solid 1px #f1f1f1;
}
.loginSns__list h2 {
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .loginSns__list h2 {
    font-size: 12px;
  }
}
.loginSns__list--item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0;
}
.loginSns__list--item button {
  margin-left: 12px;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: no-repeat center/20px;
  font-size: 0;
  text-indent: -9999px;
}
.loginSns__list--item button.naver {
  background-image: url(../imagesMat/loginNaver.svg);
  border: solid 1px #e1e1e1;
}
.loginSns__list--item button.kakao {
  background-image: url(../imagesMat/snsKakao.svg);
  background-color: #fee500;
}
.loginSns__list--item button.apple {
  background-image: url(../imagesMat/loginApple.svg);
  background-color: #111;
}
.agreeTerms {
  padding-top: 20px;
}
.agreeTerms h2 {
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -1px;
}
@media screen and (max-width: 321px) {
  .agreeTerms h2 {
    font-size: 18px;
  }
}
.agreeTerms h3 {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .agreeTerms h3 {
    font-size: 14px;
  }
}
.agreeTerms p {
  padding: 12px 0 24px;
  color: #777;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .agreeTerms p {
    font-size: 12px;
  }
}
.agreeTerms .linkBtn {
  top: 0;
  height: 44px;
}
@media screen and (max-width: 321px) {
  .agreeTerms .linkBtn {
    height: 41px;
  }
}
.agreeTerms .checkSelect {
  margin-top: 0;
}
.agreeTerms .checkSelect__box input[type="checkbox"] + label {
  padding: 19px 16px;
  color: #333;
  font-weight: bold;
}
@media screen and (max-width: 321px) {
  .agreeTerms .checkSelect__box input[type="checkbox"] + label {
    padding: 13.5px 10px;
  }
}
.agreeTerms .checkSelect .agreeCheck {
  margin: 0;
}
.agreeTerms .checkSelect .agreeCheck:last-child label {
  padding-bottom: 0;
}
.agreeTerms .checkSelect .agreeCheck label {
  padding: 10px 28px 10px 0;
  width: 100%;
}
@media screen and (max-width: 321px) {
  .agreeTerms .checkSelect .agreeCheck label {
    padding-right: 20px;
  }
}
.agreeTerms__detail {
  margin: 8px 0 22px 16px;
}
@media screen and (max-width: 321px) {
  .agreeTerms__detail {
    margin-left: 10px;
  }
}
.agreeTerms__detail--tit {
  padding: 22px 0 10px;
  border-top: solid 1px #f1f1f1;
  position: relative;
}
.agreeTerms__detail--tit .linkBtn {
  top: 12px;
}
.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;
}
.mainacomp .jobList__item {
  padding: 20px 16px;
}
.mainacomp .jobList__item .btnWrap .btnColor {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .mainacomp .jobList__item .btnWrap .btnColor {
    font-size: 14px;
  }
}
.mainacomp__ban {
  position: relative;
  padding: 64px 20px 0;
  min-height: 474px;
  background: url(../imagesMat/bg_mainacomp03.png) no-repeat right 30% bottom 186px/25%,
    url(../imagesMat/bg_mainacomp02_360.png) no-repeat center bottom 182px / contain,
    url(../imagesMat/bg_mainacomp01.png) no-repeat top/360px,
    linear-gradient(to bottom, #e9f5ff, #c6e4fd);
  text-align: center;
}
@media screen and (min-width: 600px) {
  .mainacomp__ban {
    padding-top: 80px;
    min-height: 582px;
    background: url(../imagesMat/bg_mainacomp03.png) no-repeat right 30% bottom 182px/28%,
      url(../imagesMat/bg_mainacomp02.png) no-repeat center bottom 144px / contain,
      url(../imagesMat/bg_mainacomp01.png) no-repeat top/440px,
      linear-gradient(to bottom, #e9f5ff, #c6e4fd);
  }
}
.mainacomp__ban h2 img {
  margin: 0 auto;
  width: 230px;
}
@media screen and (min-width: 600px) {
  .mainacomp__ban h2 img {
    width: 270px;
  }
}
.mainacomp__ban p,
.mainacomp__ban .btnColor {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.mainacomp__ban p {
  bottom: 98px;
  width: 100%;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .mainacomp__ban p {
    font-size: 12px;
  }
}
.mainacomp__ban p strong {
  display: inline-block;
  margin-top: 6px;
  padding-left: 24px;
  background: url(../imagesMat/ic_noWifi.svg) no-repeat 0 center/20px;
}
.mainacomp__ban .btnColor {
  bottom: 20px;
  width: calc(100% - 40px);
}
.mainacomp__start {
  padding: 40px 20px 20px;
}
.mainacomp__start h2 {
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .mainacomp__start h2 {
    font-size: 16px;
  }
}
.mainacomp__start strong {
  display: block;
  margin: 8px 0;
  color: #dc3545;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .mainacomp__start strong {
    font-size: 14px;
  }
}
.mainacomp__start ol li {
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .mainacomp__start ol li {
    font-size: 14px;
  }
}
.mainacomp__start .btnWrap {
  margin-top: 22px;
}
.mainacomp__start .btnWrap button {
  background: url(../imagesMat/arrow_right01.svg) no-repeat right 32px center/8px #386392;
}
.mainacomp__job {
  padding: 36px 20px 24px;
  background-color: #f6f6f6;
}
.mainacomp__job--tit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}
.mainacomp__job--tit span {
  display: block;
  margin-top: 8px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .mainacomp__job--tit span {
    font-size: 14px;
  }
}
.mainacomp__job--tit button {
  display: flex;
  align-items: center;
  padding: 14px 20px;
  border: solid 1px #386392;
  border-radius: 8px;
  background-color: #fff;
  border: solid 1px #386392;
  border-radius: 8px;
  background-color: #fff;
  color: #386392;
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 321px) {
  .mainacomp__job--tit button {
    font-size: 16px;
  }
}
@media screen and (max-width: 321px) {
  .mainacomp__job--tit button {
    padding: 10px;
  }
}
.mainacomp__job--tit button.on {
  background-color: #386392;
  color: #fff;
}
.mainacomp__job--tit button.on::before {
  background-image: url(../imagesMat/icon_sharepin_on.svg);
}
.mainacomp__job--tit button::before {
  content: "";
  display: block;
  margin-right: 4px;
  width: 16px;
  height: 20px;
  background: url(../imagesMat/icon_sharepin.svg) no-repeat center/16px;
}
.mainacomp__job--list {
  padding: 20px 16px 24px;
  margin-bottom: 26px;
  border-radius: 12px;
  background-color: #fff;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
}
.mainacomp__job--list li {
  position: relative;
  padding: 0 16px 24px 0;
}
.mainacomp__job--list li::after {
  content: "";
  display: block;
  position: absolute;
  top: 20px;
  left: 10px;
  width: 1px;
  height: 100%;
  border-left: dashed 1px #386392;
}
.mainacomp__job--list li:last-child {
  padding-bottom: 0;
}
.mainacomp__job--list li:last-child::after {
  display: none;
}
.mainacomp__job--list li > div {
  display: flex;
  align-items: center;
}
.mainacomp__job--list li > div h4 {
  padding-left: 34px;
  background: no-repeat left/22px #fff;
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
  line-height: 24px;
}
@media screen and (max-width: 321px) {
  .mainacomp__job--list li > div h4 {
    font-size: 16px;
  }
}
.mainacomp__job--list li > div h4.mainacomp01 {
  background-image: url(../imagesMat/mainacomp01_ac.svg);
}
.mainacomp__job--list li > div h4.mainacomp02 {
  background-image: url(../imagesMat/mainacomp02_ac.svg);
}
.mainacomp__job--list li > div h4.mainacomp03 {
  background-image: url(../imagesMat/mainacomp03_ac.svg);
}
.mainacomp__job--list li > div h4.mainacomp04 {
  background-image: url(../imagesMat/mainacomp04_ac.svg);
}
.mainacomp__job--list li p {
  padding-left: 46px;
  margin-top: 8px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .mainacomp__job--list li p {
    font-size: 14px;
  }
}
.mainBgGray {
  padding: 20px 20px 24px;
  background-color: #f6f6f6;
}
.mainBgGray:has(.penaltyInfo) {
  padding-bottom: 32px;
}
.mainJobList > h2 {
  display: flex;
  align-items: center;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -1px;
}
@media screen and (max-width: 321px) {
  .mainJobList > h2 {
    font-size: 18px;
  }
}
.mainJobList .jobList__item {
  margin-top: 12px;
}
@media screen and (max-width: 321px) {
  .mainJobList .jobList__item.border {
    margin-top: 30px;
  }
}
.mainJobList__notifi {
  padding: 12px 16px 12px 40px;
  margin-bottom: 20px;
  border: solid 1px #dc3545;
  border-radius: 12px;
  background: url(../imagesMat/icon_warning.svg) no-repeat 16px 16px/16px #ffeeef;
}
.mainJobList__notifi h2 {
  color: #dc3545;
  margin-bottom: 2px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .mainJobList__notifi h2 {
    font-size: 14px;
  }
}
.mainJobList__notifi p {
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .mainJobList__notifi p {
    font-size: 12px;
  }
}
.mainAccount h2 {
  margin-bottom: 12px;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -1px;
  font-weight: normal;
  line-height: 1.44;
}
@media screen and (max-width: 321px) {
  .mainAccount h2 {
    font-size: 18px;
  }
}
.mainAccount__btn--link {
  display: flex;
  align-items: center;
  padding: 0 16px;
  width: 100%;
  height: 60px;
  border: solid 1px #e1e1e1;
  border-radius: 12px;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -1px;
  font-weight: bold;
  background: url(../imagesMat/arrow_right04.svg) no-repeat right 16px center/8px #f6f6f6;
}
@media screen and (max-width: 321px) {
  .mainAccount__btn--link {
    font-size: 18px;
  }
}
.mainPrefArea {
  margin-top: 24px;
}
.mainPrefArea h2 {
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -1px;
}
@media screen and (max-width: 321px) {
  .mainPrefArea h2 {
    font-size: 18px;
  }
}
.mainPrefArea__btn {
  overflow: hidden;
  margin: 12px 0 24px;
  border: solid 1px #e1e1e1;
  border-radius: 8px;
  background: url(../imagesMat/perferArea.svg) no-repeat 16px 13px/16px #f6f6f6;
}
.mainPrefArea__btn--link {
  padding: 11px 24px 11px 38px;
  width: 100%;
  background: url(../imagesMat/arrow_right04.svg) no-repeat right 16px top 16px/8px;
  color: #555;
  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) {
  .mainPrefArea__btn--link {
    font-size: 14px;
  }
}
.mainPrefArea__btn--link.on {
  white-space: normal;
}
.mainPrefArea__btn--more {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 11.5px 0 16px;
  width: calc(100% - 32px);
  margin: 6.5px auto 0;
  border-top: solid 1px #e1e1e1;
  background-color: #f6f6f6;
  color: #777;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
  text-align: center;
}
@media screen and (max-width: 321px) {
  .mainPrefArea__btn--more {
    font-size: 12px;
  }
}
.mainPrefArea__btn--more.on::after {
  background-image: url(../imagesMat/icon_down_c.svg);
}
.mainPrefArea__btn--more::after {
  content: "";
  display: block;
  margin-left: 6px;
  width: 10px;
  height: 6px;
  background: url(../imagesMat/icon_up_c.svg) no-repeat center/10px;
}
@media screen and (max-width: 321px) {
  .mainPrefArea__btn {
    background-size: 14px, 6px;
  }
}
.mainPrefArea__info {
  padding: 12px 16px 12px 40px;
  margin-top: 10px;
  border-radius: 12px;
  background: url(../imagesMat/icon_noticeInfo-gray.svg) no-repeat 16px #f6f6f6;
}
.mainPrefArea__info p {
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .mainPrefArea__info p {
    font-size: 12px;
  }
}
.mainPrefArea .calendar__head span:first-child {
  color: #dc3545;
}
.mainPrefArea .calendar__detail--col span {
  margin: 0;
  height: 46px;
  line-height: 46px;
}
.mainPrefArea .calendar__detail--col span.today,
.mainPrefArea .calendar__detail--col span.case {
  line-height: 30px;
}
.mainPrefArea .calendar__detail--col span:first-child {
  color: #dc3545;
}
.main__achiev {
  border-radius: 12px;
  background-color: #e5f1ff;
}
.main__achiev a {
  padding: 20px 16px;
  background: url(../imagesMat/mainAchiev.svg) no-repeat right;
}
.main__achiev h2 {
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .main__achiev h2 {
    font-size: 16px;
  }
}
.main__achiev p {
  padding: 3px 0 8px;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .main__achiev p {
    font-size: 12px;
  }
}
.main__achiev span {
  padding: 1px 24px 1px 16px;
  border-radius: 20px;
  background: url(../imagesMat/arrow_right02.svg) no-repeat right 8px center/6px #fff;
  color: #386392;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .main__achiev span {
    font-size: 10px;
  }
}
.main__jobLink {
  position: fixed;
  bottom: 68px;
  z-index: 6;
  width: 100%;
  max-width: 600px;
  border-top: solid 1px #e1e1e1;
  background-color: #f6f6f6;
}
@media screen and (min-width: 600px) {
  .main__jobLink {
    left: 50%;
    margin-left: -300px;
  }
}
.main__jobLink--move {
  display: flex !important;
  align-items: center;
  position: relative;
  padding: 8.5px 68px 9.5px 20px;
  min-height: 45px;
}
.main__jobLink--move small,
.main__jobLink--move span {
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
}
@media screen and (max-width: 321px) {
  .main__jobLink--move small,
  .main__jobLink--move span {
    font-size: 10px;
  }
}
.main__jobLink--move small {
  display: inline-block;
  padding: 4.5px 8px;
  margin-right: 6px;
  border-radius: 20px;
  background-color: #fd0;
  color: #333;
  font-weight: bold;
}
.main__jobLink--move span {
  position: absolute;
  right: 20px;
  top: 9px;
  padding: 4px 14px 4px 6px;
  border: solid 1px #aeb0b5;
  border-radius: 8px;
  background-color: #fff;
  background: url(../imagesMat/arrow_right03.svg) no-repeat right 4px center/4px #fff;
  color: #333;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
}
@media screen and (max-width: 321px) {
  .main__jobLink--move span {
    font-size: 10px;
  }
}
.main__jobLink--move p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .main__jobLink--move p {
    font-size: 14px;
  }
}
.main__jobLink--none {
  color: #777;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
  padding: 12.5px 46px;
  background: url(../imagesMat/mainJobListNone.svg) no-repeat 20px;
}
@media screen and (max-width: 321px) {
  .main__jobLink--none {
    font-size: 14px;
  }
}
.mainAdBan {
  padding: 0 20px 32px;
  margin: 0 auto;
  width: 100%;
}
.mainAdBan img {
  margin: 0 auto;
  width: 100%;
  max-width: 320px;
  border-radius: 8px;
}
@media screen and (max-width: 321px) {
  .mainAdBan img {
    width: 100%;
  }
}
.mainBanner {
  padding: 40px 0;
}
.mainBanner__list .slick-list .slick-slide > div {
  padding: 0 20px;
}
.mainBanner__list a {
  position: relative;
  padding: 20px 18px 0;
  height: 170px;
  min-height: 170px;
  border-radius: 12px;
}
.mainBanner__list a h3 {
  margin-top: 8px !important;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -1px;
}
@media screen and (max-width: 321px) {
  .mainBanner__list a h3 {
    font-size: 18px;
  }
}
.mainBanner__list a span,
.mainBanner__list a p {
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .mainBanner__list a span,
  .mainBanner__list a p {
    font-size: 12px;
  }
}
.mainBanner__list a span {
  position: absolute;
  left: 18px;
  bottom: 16px;
}
.mainBanner__list a small {
  color: #777;
  font-size: 10px;
  line-height: 1.8;
  letter-spacing: -0.5px;
}
.mainBanner__list a.compenSa {
  padding-top: 32px;
  background: url(../imagesMat/icon_compensa.png) no-repeat bottom right -24px/184px,
    url(../imagesMat/bg_compensa.png) no-repeat right center/cover;
}
.mainBanner__list a.slide01 {
  padding-top: 48px;
  background: url(../imagesMat/mainSlideLogo01.png) no-repeat 16px 20px/97px 14px,
    url(../imagesMat/mainSlideBg01.png) no-repeat center/cover;
  background-blend-mode: multiply;
}
.mainBanner__list a.slide01 h3 {
  margin-top: 2px !important;
}
.mainBanner__list a.slide01 h3 mark {
  background: linear-gradient(to top, #c5d1e9 48%, transparent 48%);
}
.mainBanner__list a.slide01 small {
  margin-top: 10px;
  display: block;
}
.mainBanner__list a.mainInsur {
  background: url(../imagesMat/mainInsuranceAuto.png) no-repeat right center/138px #dbeffe;
}
@media screen and (max-width: 369px) {
  .mainBanner__list a.mainInsur {
    background-size: 40%;
  }
}
.mainBanner__list a.mainInsur span {
  padding-right: 14px;
  background: url(../imagesMat/arrow_right05.svg) no-repeat right/6px;
}
.mainBanner__list a.mainInsur mark {
  background: linear-gradient(to top, #b7d9ff 48%, transparent 48%);
}
.mainBanner__list a.todayEnt mark {
  background: linear-gradient(to top, #ffd8dc 48%, transparent 48%);
}
.mainBanner__list a.uniform {
  padding-top: 40px;
  background: url(../imagesMat/img_uniform02.png) no-repeat bottom right/174px,
    url(../imagesMat/bg_uniform02.png) no-repeat right center/contain #ebebeb;
}
.mainBanner__list a.uniform mark {
  background: linear-gradient(to top, #d9d9d9 48%, transparent 48%);
}
.mainBanner__list a.uniform span {
  padding-right: 14px;
  background: url(../imagesMat/arrow_right05.svg) no-repeat right/6px;
}
.mainBanner__dot {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}
.mainBanner__dot span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #aeb0b5;
  font-size: 0;
  text-indent: -9999px;
}
.mainBanner__dot span.active {
  background-color: #386392;
}
.mainBanner__dot span ~ span {
  margin-left: 8px;
}
.bgGradi {
  background-image: linear-gradient(to bottom, #fff, #f6f6f6);
}
.mainAppStas {
  padding: 40px 20px 28px;
}
.mainAppStas__tit {
  text-align: center;
}
.mainAppStas__tit h2 {
  padding-top: 32px;
  margin-bottom: 2px;
  background-image: url(../imagesMat/mainAppStasBg.svg);
  background-position: top;
  background-repeat: no-repeat;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -1px;
}
@media screen and (max-width: 321px) {
  .mainAppStas__tit h2 {
    font-size: 18px;
  }
}
.mainAppStas__tit p {
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .mainAppStas__tit p {
    font-size: 12px;
  }
}
.mainAppStas__task {
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 20px 0;
  margin: 24px 0 30px;
  border-radius: 12px;
  background-color: #fff;
  text-align: center;
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.12);
}
.mainAppStas__task div {
  position: relative;
  width: 100%;
}
.mainAppStas__task div:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -15px;
  width: 1px;
  height: 30px;
  background-color: #e1e1e1;
}
.mainAppStas__task div:last-child:after {
  display: none;
}
.mainAppStas__task div:first-child dt:after {
  content: "건";
}
.mainAppStas__task div:last-child dt:after {
  content: "명";
}
.mainAppStas__task div dd {
  margin-top: 2px;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .mainAppStas__task div dd {
    font-size: 14px;
  }
}
.mainAppStas__task div dt {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  line-height: 1.33;
  letter-spacing: -1.2px;
  font-weight: bold;
}
@media screen and (max-width: 321px) {
  .mainAppStas__task div dt {
    font-size: 22px;
  }
}
.mainAppStas__task div dt:after {
  margin-left: 4px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .mainAppStas__task div dt:after {
    font-size: 14px;
  }
}
.mainAppStas__reve--tit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}
.mainAppStas__reve--tit h3 {
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .mainAppStas__reve--tit h3 {
    font-size: 16px;
  }
}
.mainAppStas__reve--tit button {
  padding: 9px 12px;
  border: solid 1px #e1e1e1;
  border-radius: 18px;
  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) {
  .mainAppStas__reve--tit button {
    font-size: 12px;
  }
}
.mainAppStas__reve--tit button.disabled {
  color: #aeb0b5;
  background-color: #f1f1f1;
}
.mainAppStas__reve--tit button.prev {
  padding-left: 26px;
  background: url(../imagesMat/arrow_left07.svg) no-repeat 12px/6px #fff;
}
@media screen and (max-width: 321px) {
  .mainAppStas__reve--tit button.prev {
    padding-right: 6px;
    padding-left: 14px;
    background-position: 8px center;
    background-size: 4px;
  }
}
.mainAppStas__reve--tit button.prev.disabled {
  background-image: url(../imagesMat/arrow_left03.svg);
  background-color: #f1f1f1;
}
.mainAppStas__reve--tit button.next {
  padding-right: 26px;
  background: url(../imagesMat/arrow_right07.svg) no-repeat right 12px center/6px #fff;
}
@media screen and (max-width: 321px) {
  .mainAppStas__reve--tit button.next {
    padding-left: 6px;
    padding-right: 14px;
    background-position: right 8px center;
    background-size: 4px;
  }
}
.mainAppStas__reve--tit button.next.disabled {
  background-image: url(../imagesMat/arrow_right03.svg);
  background-color: #f1f1f1;
}
.mainAppStas__reve--txt p {
  padding-left: 24px;
  margin-top: 16px;
  background: url(../imagesMat/icon_noticeInfo-gray.svg) no-repeat left;
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .mainAppStas__reve--txt p {
    font-size: 12px;
  }
}
.mainAppStas__reve--list {
  position: relative;
  padding-top: 58px;
}
.mainAppStas__reve--list:after {
  content: "";
  position: absolute;
  top: 0;
  left: 4px;
  width: calc(100% - 8px);
  height: 100%;
  border-radius: 12px;
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.12);
}
.mainAppStas__reve--list h4 {
  display: flex;
  align-items: center;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .mainAppStas__reve--list h4 {
    font-size: 14px;
  }
}
.mainAppStas__reve--list h4 span {
  margin-left: 6px;
  color: #999;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .mainAppStas__reve--list h4 span {
    font-size: 10px;
  }
}
.mainAppStas__reve--list p {
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
  font-weight: bold;
  line-height: 1.33;
}
@media screen and (max-width: 321px) {
  .mainAppStas__reve--list p {
    font-size: 16px;
  }
}
.mainAppStas__reve--list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding: 13.5px 16px 13.5px 68px;
  background-color: #fff;
  counter-increment: mainReve;
}
.mainAppStas__reve--list li:before {
  content: counter(mainReve);
  position: absolute;
  top: 50%;
  left: 16px;
  margin-top: -15px;
  width: 36px;
  height: 30px;
  background-size: 36px;
  background-position: center;
  background-repeat: no-repeat;
  color: #aeb0b5;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 900;
  line-height: 29px;
  text-align: center;
}
@media screen and (max-width: 321px) {
  .mainAppStas__reve--list li:before {
    font-size: 14px;
  }
}
.mainAppStas__reve--list li:nth-child(1) {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  padding: 17px 24px 17px 76px;
  margin-left: -4px;
  width: calc(100% + 8px);
  border-radius: 12px;
  box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.12);
}
.mainAppStas__reve--list li:nth-child(1):before,
.mainAppStas__reve--list li:nth-child(2):before,
.mainAppStas__reve--list li:nth-child(3):before {
  font-size: 0;
  text-indent: -9999px;
}
.mainAppStas__reve--list li:nth-child(1) p {
  color: #386392;
}
.mainAppStas__reve--list li:nth-child(1):before {
  left: 24px;
  background-image: url(../imagesMat/mainAppReve01.svg);
}
.mainAppStas__reve--list li:nth-child(2):before {
  background-image: url(../imagesMat/mainAppReve02.svg);
}
.mainAppStas__reve--list li:nth-child(3):before {
  background-image: url(../imagesMat/mainAppReve03.svg);
}
.mainAppStas__reve--list li:last-child {
  border-radius: 0 0 12px 12px;
}
.mainAppStas__reve--list li:nth-child(n + 2) {
  width: calc(100% - 8px);
  margin: 0 auto;
}
@media screen and (max-width: 321px) {
  .mainAppStas__reve--list {
    padding-top: 53px;
  }
  .mainAppStas__reve--list li {
    padding-left: 50px;
    padding-right: 12px;
  }
  .mainAppStas__reve--list li:before {
    left: 12px;
    margin-top: -13px;
    width: 30px;
    height: 27px;
    background-size: 30px;
    line-height: 26px;
  }
  .mainAppStas__reve--list li:nth-child(1) {
    padding-left: 58px;
    padding-right: 20px;
  }
  .mainAppStas__reve--list li:nth-child(1):before {
    left: 20px;
  }
}
.mainComuLink {
  position: relative;
  width: 100%;
  background-image: linear-gradient(108deg, #fff7b1 0%, #fbc37a 99%);
}
.mainComuLink a {
  padding: 12px 20px 16px;
}
.mainComuLink a:after {
  content: "";
  position: absolute;
  top: -14px;
  right: 20px;
  width: 156px;
  height: 121px;
  background: url(../imagesMat/mainCareBook.png) no-repeat center/contain;
}
@media screen and (max-width: 321px) {
  .mainComuLink a:after {
    top: 50%;
    margin-top: -60px;
    width: 140px;
  }
}
.mainComuLink h4 {
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .mainComuLink h4 {
    font-size: 16px;
  }
}
.mainComuLink h4:after {
  display: inline-block;
  content: "";
  margin-left: 10px;
  width: 36px;
  height: 30px;
  background-image: url(../imagesMat/mainCareFree.svg);
}
.mainComuLink p,
.mainComuLink span {
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .mainComuLink p,
  .mainComuLink span {
    font-size: 12px;
  }
}
.mainComuLink p {
  margin: 2px 0 12px;
}
.mainComuLink span {
  padding: 3px 24px 3px 12px;
  border-radius: 20px;
  background: url(../imagesMat/arrow_right05.svg) no-repeat right 12px center/6px #fcd58d;
  color: #333;
}
.homeWrap {
  margin: 60px 0 0;
}
.homeWrap .jobList__item {
  margin-bottom: 0;
}
.homeWrap .jobList__item ~ .jobList__item {
  margin-top: 18px;
}
.homeWrap:has(.commonWrap12:first-child) .commonWrap12 {
  padding-top: 20px;
}
footer {
  position: relative;
  padding: 22px 20px 138px;
  margin: 0 auto;
  max-width: 600px;
  background-color: #f6f6f6;
}
.footer__link {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.footer__link li {
  margin-top: 2px;
}
.footer__link li a {
  position: relative;
  padding-right: 6px;
  margin-right: 6px;
  color: #777;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .footer__link li a {
    font-size: 10px;
  }
}
.footer__link li a:after {
  content: "";
  position: absolute;
  top: 5px;
  right: 0;
  width: 1px;
  height: 10px;
  background-color: #777;
}
.footer__link li:last-child a {
  padding-left: 0;
}
.footer__link li:last-child a:after {
  display: none;
}
.footer__txt {
  padding: 8px 0;
  color: #777;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
}
@media screen and (max-width: 321px) {
  .footer__txt {
    font-size: 10px;
  }
}
.footer__acompny h2 {
  display: flex;
  align-items: center;
  color: #555;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
  font-weight: normal;
}
@media screen and (max-width: 321px) {
  .footer__acompny h2 {
    font-size: 10px;
  }
}
.footer__acompny h2:after {
  content: "";
  display: block;
  margin-left: 8px;
  width: 10px;
  height: 6px;
  background: url(../imagesMat/footerOpen.svg) no-repeat;
}
.footer__acompny.active h2:after {
  background-image: url(../imagesMat/footerClose.svg);
}
.footer__acompny.active .footer__acompny--open {
  display: flex;
}
.footer__acompny--open {
  display: none;
  flex-wrap: wrap;
  margin-top: 6px;
}
.footer__acompny--open * {
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
}
@media screen and (max-width: 321px) {
  .footer__acompny--open * {
    font-size: 10px;
  }
}
.footer__acompny--open dt {
  margin-top: 2px;
  margin-right: 16px;
  width: 95px;
  white-space: nowrap;
  color: #555;
}
.footer__acompny--open dd {
  margin-top: 2px;
  width: calc(100% - 111px);
  color: #777;
}
.popupBrower {
  z-index: 22;
  width: 100%;
}
.popupBrower__tit {
  padding-top: 28px;
  background: url(../imagesMat/img_leaf_gold.svg) no-repeat top;
}
.popupBrower__tit h2 {
  color: rgba(255, 255, 255, 0.7);
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -1px;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 321px) {
  .popupBrower__tit h2 {
    font-size: 18px;
  }
}
.popupBrower__main {
  position: relative;
  margin-top: 24px;
  padding-bottom: 288px;
  background: url(../imagesMat/img_browerPhone.png) no-repeat bottom/360px;
  text-align: center;
}
.popupBrower__main:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 180px;
  height: 70px;
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #767676);
}
.popupBrower__main p:first-child {
  margin-bottom: 4px;
  color: rgba(255, 255, 255, 0.7);
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .popupBrower__main p:first-child {
    font-size: 12px;
  }
}
.popupBrower__main p:first-child span {
  margin-left: 2px;
  color: #ffcb00;
  font-family: "NotoSansKR-Bold";
  transform: translateY(-1px);
}
.popupBrower__main p:nth-child(2) {
  color: rgba(255, 255, 255, 0.7);
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  line-height: 1.38;
}
@media screen and (max-width: 321px) {
  .popupBrower__main p:nth-child(2) {
    font-size: 14px;
  }
}
.popupBrower__btn {
  display: flex;
  transform: translateY(-5px);
}
.popupBrower__btn button {
  margin: auto;
  width: 156px;
  height: 46px;
  border: solid 2px rgba(0, 0, 0, 0);
  border-radius: 8px;
  background: no-repeat center/cover #fff;
  font-size: 0;
  transition: border 0.2s ease 0s;
}
.popupBrower__btn button.google {
  margin-right: 4px;
  background-image: url(../imagesMat/ic_google.svg);
}
.popupBrower__btn button.apple {
  margin-left: 4px;
  background-image: url(../imagesMat/ic_appStore.svg);
}
.popupBrower__btn button:hover {
  border-color: #386392;
}
.termsList .arrowMenu li a {
  padding-left: 20px;
}
.popupWrap .checkSelect {
  width: 100%;
}
.popupWrap .checkSelect .agreeCheck {
  margin: 12px 0;
}
.popupWrap .checkSelect .agreeCheck:last-child {
  margin: 0;
}
.popupWrap .checkSelect .agreeCheck label {
  padding-right: 24px;
}
.popupWrap .checkSelect .linkBtn {
  top: 50%;
  transform: translateY(-50%);
}
.popupWrap__und {
  margin-top: 16px;
}
.popupWrap__und a {
  display: block;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
  text-decoration: underline;
}
@media screen and (max-width: 321px) {
  .popupWrap__und a {
    font-size: 14px;
  }
}
.meeting__que,
.meeting__send {
  padding: 24px 20px 20px;
}
.meeting__que h2,
.meeting__send h2 {
  position: relative;
  padding-left: 18px;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -1px;
  font-weight: normal;
}
@media screen and (max-width: 321px) {
  .meeting__que h2,
  .meeting__send h2 {
    font-size: 18px;
  }
}
.meeting__que h2:before,
.meeting__send h2:before {
  position: absolute;
  top: 0;
  left: 0;
  font-weight: bold;
}
.meeting__que h2 mark,
.meeting__send h2 mark {
  font-weight: bold;
}
.meeting__que {
  background-color: #f6f6f6;
}
.meeting__que h2:before {
  content: "1.";
}
.meeting__que > p {
  margin: 12px 0 26px;
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .meeting__que > p {
    font-size: 12px;
  }
}
.meeting__que--list {
  position: relative;
  padding: 0 16px 4px;
  border-radius: 0 0 12px 12px;
  background-color: #fff;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
}
.meeting__que--list:before {
  content: "";
  position: absolute;
  left: 0;
  top: -10px;
  z-index: 1;
  width: 100%;
  height: 10px;
  background: url(../imagesMat/punchingBg.svg) repeat-x;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
}
.meeting__que--list:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 14px;
  background-color: #fff;
}
.meeting__que--list li {
  padding: 20px 0;
}
.meeting__que--list li:first-child {
  padding-top: 16px;
}
.meeting__que--list li ~ li {
  border-top: dashed 1px #e1e1e1;
}
.meeting__que--list li h3 {
  color: #333;
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .meeting__que--list li h3 {
    font-size: 16px;
  }
}
.meeting__que--list li p {
  margin-top: 12px;
  color: #555;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  word-break: break-all;
}
@media screen and (max-width: 321px) {
  .meeting__que--list li p {
    font-size: 14px;
  }
}
.meeting__com {
  padding: 32px 20px 12px;
}
.meeting__com h2 {
  padding-left: 32px;
  background: url(../imagesMat/icon_check_blue.svg) no-repeat left/24px;
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
  line-height: 24px;
}
@media screen and (max-width: 321px) {
  .meeting__com h2 {
    font-size: 16px;
  }
}
.meeting__com p {
  margin-top: 8px;
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .meeting__com p {
    font-size: 12px;
  }
}
.meeting__send h2:before {
  content: "2.";
}
.meeting__send.breakLine {
  background-color: #f6f6f6;
}
.meeting__send.breakLine button {
  border-color: #386392;
  background-color: #fff;
  color: #386392;
}
.meeting__send.breakLine button::before {
  background-image: url(../imagesMat/icon_camera_blue.svg);
}
.meeting__send button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 13px 0;
  width: 100%;
  border: solid 1px #386392;
  border-radius: 20px;
  background-color: #386392;
  color: #fff;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 321px) {
  .meeting__send button {
    font-size: 14px;
  }
}
.meeting__send button:before {
  content: "";
  display: block;
  margin-right: 10px;
  width: 18px;
  height: 16px;
  background: url(../imagesMat/icon_camera.svg) no-repeat center/18px;
}
.meeting__send--info {
  display: flex;
  align-items: flex-end;
  padding: 20px 12px 20px 20px;
  margin: 20px 0;
  border-radius: 12px;
  background-color: #fff;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 321px) {
  .meeting__send--info {
    padding: 20px 12px;
  }
}
.meeting__send--info figure {
  flex-shrink: 0;
  position: relative;
  margin-right: 24px;
  width: 130px;
  height: 130px;
  border-radius: 50%;
  background: url(../imagesMat/img_metphoto.png) no-repeat center/cover;
}
@media screen and (max-width: 340px) {
  .meeting__send--info figure {
    width: 100px;
    height: 100px;
  }
}
@media screen and (max-width: 321px) {
  .meeting__send--info figure {
    margin-right: 16px;
    width: 80px;
    height: 80px;
  }
}
.meeting__send--info figure:after {
  content: "예시 이미지";
  display: block;
  position: absolute;
  top: -7px;
  right: -42px;
  width: 88px;
  height: 41px;
  background: url(../imagesMat/img_metbul.svg) no-repeat center/contain;
  color: #386392;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
  line-height: 32px;
  text-align: center;
}
@media screen and (max-width: 321px) {
  .meeting__send--info figure:after {
    font-size: 12px;
  }
}
@media screen and (max-width: 340px) {
  .meeting__send--info figure:after {
    right: -38px;
  }
}
@media screen and (max-width: 321px) {
  .meeting__send--info figure:after {
    top: -18px;
    width: 70px;
    height: 36px;
  }
}
.meeting__send--info p {
  padding-bottom: 20px;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  line-height: 1.44;
}
@media screen and (max-width: 321px) {
  .meeting__send--info p {
    font-size: 14px;
  }
}
@media screen and (max-width: 321px) {
  .meeting__send--info p {
    padding-bottom: 12px;
  }
}
.meeting__send--info p small,
.meeting__send--info p span {
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
  line-height: 1;
}
@media screen and (max-width: 321px) {
  .meeting__send--info p small,
  .meeting__send--info p span {
    font-size: 10px;
  }
}
.meeting__send--info p span {
  display: block;
  margin-top: 2px;
}
.meeting__photo {
  padding: 24px 20px;
}
.meeting__photo .btnWrap {
  padding: 0;
}
.meeting__photo > p {
  padding-left: 24px;
  background: url(../imagesMat/icon_noticeInfo-gray.svg) no-repeat 0 3px/16px;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .meeting__photo > p {
    font-size: 12px;
  }
}
.meeting__photo--box {
  padding: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 12px;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
}
.meeting__photo--box figure {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  width: 247px;
  height: 247px;
  border: solid 1px #e1e1e1;
  border-radius: 50%;
}
@media screen and (max-width: 321px) {
  .meeting__photo--box figure {
    width: 180px;
    height: 180px;
  }
}
.meeting__photo--box figure img {
  -o-object-fit: cover;
  object-fit: cover;
}
.meeting__photo--box p {
  margin-top: 16px;
  color: #386392;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
  text-align: center;
}
@media screen and (max-width: 321px) {
  .meeting__photo--box p {
    font-size: 14px;
  }
}
.myInfo__loginState h3 {
  padding-left: 26px;
  margin-bottom: 12px;
  background: no-repeat left/20px;
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .myInfo__loginState h3 {
    font-size: 16px;
  }
}
.myInfo__loginState .kakao {
  background-image: url(../imagesMat/snsKakao.svg);
}
.myInfo__loginState .apple {
  background-image: url(../imagesMat/myInfoApple.svg);
  background-size: 18px;
}
.myInfo__loginState .naver {
  background-image: url(../imagesMat/myInfoNaver.svg);
}
.myInfo__expri h3 {
  display: flex;
  align-items: center;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: solid 1px #f1f1f1;
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .myInfo__expri h3 {
    font-size: 16px;
  }
}
.myInfo__expri h3.line2 {
  flex-direction: column;
  align-items: flex-start;
}
.myInfo__expri h3.line2 mark {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}
.myInfo__expri h3.line2 mark span {
  position: absolute;
  bottom: 7px;
  width: 100%;
}
.myInfo__expri--list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
}
.myInfo__expri--list li {
  width: calc(50% - 4px);
}
.myInfo__expri--list li input {
  overflow: hidden;
  position: absolute;
  padding: 0;
  margin: -1px;
  width: 1px;
  height: 1px;
  border: 0;
  clip: rect(0, 0, 0, 0);
}
.myInfo__expri--list li input + label {
  position: relative;
  padding: 14px 0;
  width: 100%;
  height: 46px;
  border: solid 1px #e1e1e1;
  border-radius: 8px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  transition: all 0.2s ease-in 0s;
}
@media screen and (max-width: 321px) {
  .myInfo__expri--list li input + label {
    font-size: 14px;
  }
}
.myInfo__expri--list li input:checked + label {
  border: solid 1px #386392;
  background-color: #ecf5ff;
  color: #386392;
  font-weight: bold;
}
.myInfo__expri--list li:nth-child(n + 17) {
  margin-bottom: 0;
}
.myInfo__expri--list + .basicInput {
  margin-bottom: 32px;
}
.myInfo__expri--list + .basicInput:has(+ .basicInput__txt--form.career) {
  margin-bottom: 30px;
}
.myInfo__expri .commonWrap08 ~ .commonWrap08 {
  padding-top: 0;
}
.myInfo__certifi h3 {
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .myInfo__certifi h3 {
    font-size: 16px;
  }
}
.myInfo__certifi .checkSelect {
  margin-top: 20px;
}
.myInfo__certifi .checkSelect__box:last-child input:checked + label {
  margin-bottom: 8px !important;
}
.myInfo__certifi .checkSelect__box > label h4 {
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: normal;
}
@media screen and (max-width: 321px) {
  .myInfo__certifi .checkSelect__box > label h4 {
    font-size: 14px;
  }
}
.myInfo__certifi .checkSelect__box > label small {
  display: inline-block;
  margin-left: 8px;
  color: #999;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
}
@media screen and (max-width: 321px) {
  .myInfo__certifi .checkSelect__box > label small {
    font-size: 10px;
  }
}
.myInfo__certifi .checkSelect__box input:checked + label h4 {
  color: #386392;
  font-weight: bold;
}
.myInfo__certifi .checkSelect__box input:checked + label small {
  font-weight: normal;
}
.myInfo__certifi .checkSelect__box input:checked ~ .fileAttach,
.myInfo__certifi .checkSelect__box input:checked ~ .etcCertifi {
  display: block;
}
.myInfo__certifi .checkSelect__box input[type="checkbox"] + label {
  padding: 10px 16px;
}
.myInfo__agree {
  position: relative;
  margin-bottom: 20px;
}
.myInfo__agree h3 {
  display: flex;
  align-items: center;
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
  font-weight: 500;
  line-height: 1.33;
}
@media screen and (max-width: 321px) {
  .myInfo__agree h3 {
    font-size: 16px;
  }
}
.myInfo__agree .linkBtn {
  top: 35px;
  right: 20px;
}
.myInfo__agree .radioSelect {
  margin: 8px 0;
}
.myInfo__basic {
  padding: 32px 20px;
  background-color: #f6f6f6;
}
.myInfo__basic .caregiver__profile--reputation {
  padding: 10px 0 16px;
  border: 0;
}
.myInfo__basic > div {
  position: relative;
  padding: 30px 16px 16px;
  border-radius: 12px;
  background-color: #fff;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
}
.myInfo__basic--chr {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.myInfo__basic--chr:has(.awardsLabel) h2 {
  margin-top: 0;
}
.myInfo__basic--chr h2 {
  margin-top: 14px;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -1px;
}
@media screen and (max-width: 321px) {
  .myInfo__basic--chr h2 {
    font-size: 18px;
  }
}
.myInfo__basic--chr p {
  margin-top: 2px;
  color: #555;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .myInfo__basic--chr p {
    font-size: 14px;
  }
}
.myInfo__basic--chr .basicChr {
  width: 90px;
  height: 90px;
  background-image: url(../imagesMat/ic_character.svg);
}
.myInfo__basic--chr .basicChr.examine:before {
  line-height: 90px;
}
.myInfo__basic--chr .basicChr.examine:after {
  width: 30px;
  height: 30px;
  background-size: 14px;
}
.myInfo__streng--tit {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: solid 1px #f1f1f1;
}
.myInfo__streng--tit h3 {
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .myInfo__streng--tit h3 {
    font-size: 16px;
  }
}
.myInfo__streng--tit > span {
  margin-top: 8px;
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .myInfo__streng--tit > span {
    font-size: 12px;
  }
}
.myInfo__streng--list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.myInfo__streng--list li {
  width: calc((100% - 16px) / 3);
}
.myInfo__streng--list li:nth-child(n + 4) {
  margin-top: 8px;
}
.myInfo__streng--list li input {
  overflow: hidden;
  position: absolute;
  padding: 0;
  margin: -1px;
  width: 1px;
  height: 1px;
  border: 0;
  clip: rect(0, 0, 0, 0);
}
.myInfo__streng--list li input + label {
  position: relative;
  padding: 14px 0;
  width: 100%;
  height: 46px;
  border: solid 1px #e1e1e1;
  border-radius: 8px;
  text-align: center;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  line-height: 1;
  cursor: pointer;
  transition: all 0.2s ease-in 0s;
}
@media screen and (max-width: 321px) {
  .myInfo__streng--list li input + label {
    font-size: 14px;
  }
}
.myInfo__streng--list li input:checked + label {
  border: solid 1px #386392;
  background-color: #ecf5ff;
  color: #386392;
  font-weight: bold;
}
.myInfo__streng--list li:nth-child(n + 17) {
  margin-bottom: 0;
}
.fileAttach {
  display: none;
  overflow: hidden;
  position: relative;
  margin-bottom: 20px;
  height: 200px;
  border: dashed 1px #386392;
  border-radius: 8px;
  background-color: #f8fbff;
}
.fileAttach.add label {
  position: absolute;
  z-index: 4;
  background-image: none;
  font-size: 0 !important;
  pointer-events: none;
}
.fileAttach.add a {
  display: block;
}
.fileAttach__dimmed {
  position: absolute;
  top: 0;
  z-index: 5;
  padding: 52px 16px 16px;
  width: 100%;
  height: 100%;
  background: url(../imagesMat/ic_exclamation_wh.svg) no-repeat center 20px rgba(0, 0, 0, 0.5);
  text-align: center;
}
.fileAttach__dimmed p {
  color: #fff;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .fileAttach__dimmed p {
    font-size: 14px;
  }
}
.fileAttach__dimmed span {
  margin-top: 4px;
  color: #fff;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .fileAttach__dimmed span {
    font-size: 14px;
  }
}
.fileAttach__dimmed .btnMainPhoto {
  padding: 11px 0;
  margin-top: 10px;
  background: none #fff;
}
.fileAttach__dimmed .btnMainPhoto i {
  margin: 2px 0 0 10px;
  width: 7px;
  height: 12px;
  background: url(../imagesMat/arrow_right02.svg) no-repeat center/contain;
}
.fileAttach:has(.fileAttach__dimmed) {
  border: none;
}
.fileAttach:has(.fileAttach__dimmed) a {
  filter: blur(3px);
  -webkit-filter: blur(3px);
}
.fileAttach input {
  overflow: hidden;
  position: absolute;
  padding: 0;
  margin: -1px;
  width: 1px;
  height: 1px;
  border: 0;
  clip: rect(0, 0, 0, 0);
}
.fileAttach .openPopup {
  position: absolute;
  top: 0;
  left: 0;
  padding: 108px 0 68px;
  width: 100%;
  height: 100%;
  background: url(../imagesMat/fileAttach.svg) no-repeat center 68px;
  color: #386392;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
  text-align: center;
}
@media screen and (max-width: 321px) {
  .fileAttach .openPopup {
    font-size: 14px;
  }
}
.fileAttach a {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: no-repeat center/contain;
  font-size: 0;
  text-indent: -9999px;
}
.fileAttach .delBtn {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 5;
  padding: 7px 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) {
  .fileAttach .delBtn {
    font-size: 12px;
  }
}
.etcCertifi {
  display: none;
  padding: 20px 10px;
  margin-top: 8px;
  border: solid 1px #f1f1f1;
  border-radius: 8px;
  background-color: #f6f6f6;
}
.etcCertifi__tit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 6px;
}
.etcCertifi__tit mark {
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .etcCertifi__tit mark {
    font-size: 14px;
  }
}
.etcCertifi__tit mark p {
  display: inline-block;
  margin-left: 4px;
  color: #386392;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .etcCertifi__tit mark p {
    font-size: 12px;
  }
}
.etcCertifi__tit button {
  color: #777;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .etcCertifi__tit button {
    font-size: 12px;
  }
}
.etcCertifi__fileAttach {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.etcCertifi__fileAttach--certiArea {
  position: relative;
  padding-bottom: 100%;
}
.etcCertifi__fileAttach--certiArea:has(.delete) label {
  pointer-events: none;
}
.etcCertifi__fileAttach--certiArea input .openPopup {
  position: absolute;
  z-index: 4;
  width: 100%;
  height: 100%;
  font-size: 0;
  text-indent: -9999px;
}
.etcCertifi__fileAttach--certiArea input + label {
  display: none;
}
.etcCertifi__fileAttach--certiArea a {
  overflow: hidden;
  position: absolute;
  width: 100%;
  height: 100%;
  border: solid 1px #386392;
  border-radius: 8px;
  font-size: 0;
  text-indent: -9999px;
}
.etcCertifi__fileAttach--certiArea a .certifiImg {
  height: inherit;
  background: no-repeat center/cover #f8fbff;
}
.etcCertifi__fileAttach--certiArea .dimmed {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  text-align: center;
}
.etcCertifi__fileAttach--certiArea .dimmed span {
  padding-top: 23px;
  width: 100%;
  background: url(../imagesMat/iconService.svg) no-repeat top;
  color: #e2e2e2;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  text-indent: 0;
}
@media screen and (max-width: 321px) {
  .etcCertifi__fileAttach--certiArea .dimmed span {
    font-size: 12px;
  }
}
.etcCertifi__fileAttach--certiArea .dimmed + .certifiImg {
  filter: blur(3px);
  -webkit-filter: blur(3px);
}
.etcCertifi__fileAttach--certiArea .delete {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
  width: 24px;
  height: 24px;
  background: url(../imagesMat/ic_delelete.svg) no-repeat center;
  font-size: 0;
  text-indent: -9999px;
}
.etcCertifi__fileAttach li {
  margin-top: 16px;
  width: calc(25% - 6px);
}
.etcCertifi__fileAttach li h5 {
  margin-top: 6px;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
  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) {
  .etcCertifi__fileAttach li h5 {
    font-size: 12px;
  }
}
.etcCertifi__fileAttach .addCertifi .etcCertifi__fileAttach--certiArea input {
  overflow: hidden;
  position: absolute;
  padding: 0;
  margin: -1px;
  width: 1px;
  height: 1px;
  border: 0;
  clip: rect(0, 0, 0, 0);
}
.etcCertifi__fileAttach .addCertifi .etcCertifi__fileAttach--certiArea .openPopup {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  border: dashed 1px #386392;
  border-radius: 8px;
  background-color: #f8fbff;
}
.etcCertifi__fileAttach .addCertifi .etcCertifi__fileAttach--certiArea .openPopup span {
  padding-top: 20px;
  color: #386392;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: bold;
  background: url(../imagesMat/ic_plus_blue.svg) no-repeat top;
}
@media screen and (max-width: 321px) {
  .etcCertifi__fileAttach .addCertifi .etcCertifi__fileAttach--certiArea .openPopup span {
    font-size: 12px;
  }
}
.etcCertifi__blindNoti {
  padding: 16px 0 0 22px;
  margin-top: 16px;
  border-top: solid 1px #e1e1e1;
  background: url(../imagesMat/icon_noticeInfo-gray.svg) no-repeat 0;
}
.etcCertifi__blindNoti strong {
  color: #dc3545;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .etcCertifi__blindNoti strong {
    font-size: 12px;
  }
}
.etcCertifi__blindNoti p {
  margin-top: 2px;
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .etcCertifi__blindNoti p {
    font-size: 12px;
  }
}
.headerBtn button {
  position: relative;
  width: 24px;
  height: 24px;
  font-size: 0;
  text-indent: -9999px;
}
.headerBtn .alarm {
  background-image: url(../imagesMat/mypageAlr.svg);
}
.headerBtn .setting {
  margin-left: 20px;
  background-image: url(../imagesMat/mypageSet.svg);
}
.headerBtn .new:after {
  content: "";
  position: absolute;
  top: -6px;
  right: -6px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #e40e0e;
}
.mypageWrap {
  margin: 60px 0 68px;
  min-height: calc(100vh - 128px);
}
.mypageWrap .accountCard {
  margin-top: 12px;
}
.mypage {
  padding: 20px 20px 0;
}
.mypage__vac {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 38px 10px 42px;
  margin-top: 8px;
  border-radius: 8px;
  background: url(../imagesMat/icon_vac.svg) no-repeat 16px center,
    url(../imagesMat/arrow_right03.svg) no-repeat right 16px center, #f6f6f6;
}
.mypage__vac h2 {
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .mypage__vac h2 {
    font-size: 12px;
  }
}
.mypage__vac p {
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: bold;
}
@media screen and (max-width: 321px) {
  .mypage__vac p {
    font-size: 12px;
  }
}
.mypage__penalty {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px 12px 4px 16px;
  border: solid 1px #dc3545;
  border-radius: 20px;
  background-color: #ffe8e9;
}
@media screen and (max-width: 321px) {
  .mypage__penalty {
    padding-left: 12px;
  }
}
.mypage__penalty h2 {
  display: flex;
  align-items: center;
  color: #dc3545;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .mypage__penalty h2 {
    font-size: 14px;
  }
}
.mypage__penalty h2:before {
  content: "";
  display: block;
  margin-right: 8px;
  width: 18px;
  height: 18px;
  background-image: url(../imagesMat/penalty.svg);
  background-size: 18px;
}
@media screen and (max-width: 321px) {
  .mypage__penalty h2:before {
    margin-right: 4px;
    width: 14px;
    height: 14px;
    background-size: 14px;
  }
}
.mypage__penalty button {
  padding: 3px 8.5px;
  border-radius: 20px;
  background-color: #dc3545;
  color: #fff;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .mypage__penalty button {
    font-size: 10px;
  }
}
@media screen and (max-width: 321px) {
  .mypage__penalty button {
    padding: 3px 5px;
  }
}
.mypage__titName {
  padding: 4px 0;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -1px;
  font-weight: normal;
  line-height: 1.44;
}
@media screen and (max-width: 321px) {
  .mypage__titName {
    font-size: 18px;
  }
}
.mypage__reward {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 40px 12px 46px;
  margin-top: 16px;
  border: solid 1px #fd0;
  border-radius: 8px;
  background: url(../imagesMat/iconMoney.svg) no-repeat 12px center/26px,
    url(../imagesMat/arrow_right06.svg) no-repeat right 16px center/8px #fff8c4;
}
@media screen and (max-width: 319px) {
  .mypage__reward {
    padding-left: 40px;
    padding-right: 30px;
  }
}
.mypage__reward span {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .mypage__reward span {
    font-size: 14px;
  }
}
.mypage__reward p {
  display: flex;
  align-items: center;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -1px;
  font-weight: bold;
}
@media screen and (max-width: 321px) {
  .mypage__reward p {
    font-size: 18px;
  }
}
.mypage__reward p:after {
  content: "원";
  margin-left: 4px;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: normal;
  line-height: 1.71;
}
@media screen and (max-width: 321px) {
  .mypage__reward p:after {
    font-size: 12px;
  }
}
.mypage__menu {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.mypage__menu a {
  position: relative;
  padding: 54px 0 24px;
  width: 25%;
  background: no-repeat center 24px/24px;
  text-align: center;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .mypage__menu a {
    font-size: 12px;
  }
}
.mypage__menu a:before {
  content: "";
  position: absolute;
  left: 0;
  top: 41px;
  width: 1px;
  height: 16px;
  background-color: #e1e1e1;
}
.mypage__menu a:first-child:before {
  display: none;
}
.mypage__menu .mypage__menu--info {
  background-image: url(../imagesMat/iconInfo.svg) !important;
}
.mypage__menu .mypage__menu--history {
  background-image: url(../imagesMat/iconHistory.svg) !important;
}
.mypage__menu .mypage__menu--note {
  background-image: url(../imagesMat/iconNote.svg) !important;
}
.mypage__menu .mypage__menu--auth {
  background-image: url(../imagesMat/iconAuth.svg) !important;
}
.subTopImg {
  padding: 27px 32px 34px;
  background: no-repeat right 20px bottom #fffbe4;
}
.subTopImg h2 {
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -1px;
}
@media screen and (max-width: 321px) {
  .subTopImg h2 {
    font-size: 18px;
  }
}
.subTopImg p {
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .subTopImg p {
    font-size: 12px;
  }
}
.subTopImg.noti {
  background-image: url(../imagesMat/subTopImgNoti.svg);
}
.subTopImg.Arm {
  background-image: url(../imagesMat/subTopImgArm.svg);
  background-position: right bottom;
}
.link__list.Arm .link__list--tit {
  padding-left: 34px;
}
.link__list--tit {
  position: relative;
  padding: 24px 40px 24px 20px;
  border-bottom: solid 1px #f1f1f1;
  background: url(../imagesMat/arrow_right03.svg) no-repeat right 20px top 40px;
}
.link__list--tit.new:after {
  cursor: pointer;
  content: "";
  position: absolute;
  top: 30px;
  left: 20px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #e40e0e;
}
.link__list--tit time {
  display: block;
  color: #aeb0b5;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .link__list--tit time {
    font-size: 12px;
  }
}
.link__list--tit h3 {
  margin-top: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 321px) {
  .link__list--tit h3 {
    font-size: 16px;
  }
}
.link__list--tit h3.warning {
  display: flex !important;
  color: #dc3545;
  align-items: center;
}
.link__list--tit h3.warning:before {
  content: "";
  display: block;
  margin-right: 6px;
  width: 16px;
  height: 16px;
  background-image: url(../imagesMat/icon_penalty.svg);
}
.linkDetail__tit {
  border-bottom: solid 1px #f1f1f1;
}
.linkDetail__tit h2 {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .linkDetail__tit h2 {
    font-size: 16px;
  }
}
.linkDetail__tit time {
  display: block;
  margin-bottom: 4px;
  color: #aeb0b5;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  line-height: 1;
}
@media screen and (max-width: 321px) {
  .linkDetail__tit time {
    font-size: 12px;
  }
}
.linkDetail__txt {
  color: #333;
}
.linkDetail__txt * {
  color: #333 !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
  letter-spacing: -0.8px !important;
}
.linkDetail__txt .commonWrap04 a {
  color: #386392 !important;
  font-weight: 500 !important;
  text-decoration: underline !important;
}
.linkDetail__txt p {
  margin-top: 0;
}
.linkDetail__txt table {
  overflow-x: auto;
  width: 100% !important;
}
.linkDetail__txt table > * {
  word-break: break-all;
}
.linkDetail__txt td,
.linkDetail__txt th {
  padding: 0.75rem;
  border: solid 1px #e1e1e1;
  vertical-align: top;
}
.notification {
  padding: 0 20px 14px;
}
.notification:has(.jobListSearch.scroll) {
  padding-top: 105px;
}
.notification__reset {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20;
  padding-top: 240px;
  width: 100%;
  height: 100vh;
}
.notification__reset--loading {
  display: flex;
  align-items: center;
}
.notification__reset--loading span {
  margin: 0 4px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #d3e5f8;
  vertical-align: middle;
  animation: popLoading 1s infinite alternate;
}
.notification__reset--loading span:nth-of-type(2) {
  background: #b2d5fc;
  animation-delay: 0.2s;
}
.notification__reset--loading span:nth-of-type(3) {
  background: #78b5f8;
  animation-delay: 0.4s;
}
.notification__reset--loading span:nth-of-type(4) {
  background: #408ce1;
  animation-delay: 0.6s;
}
.notification__reset--loading span:nth-of-type(5) {
  background: #236dbe;
  animation-delay: 0.8s;
}
.notification__reset--loading span:nth-of-type(6) {
  background: #1157a4;
  animation-delay: 1s;
}
.notification__reset--loading span:nth-of-type(7) {
  background: #08386e;
  animation-delay: 1.2s;
}
.notification__reset p {
  padding: 10px 12px;
  margin-top: 24px;
  border-radius: 8px;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  line-height: 1;
}
@media screen and (max-width: 321px) {
  .notification__reset p {
    font-size: 14px;
  }
}
.notification__tab .accodiBgWhite {
  margin: 20px 0 20px;
}
.notification__tab .accodiBgWhite__tit button {
  padding: 12px 37px 12px 44px;
  background: url(../imagesMat/icon_noticeInfo.svg) no-repeat 16px;
}
.notification__tab .accodiBgWhite__txt {
  margin-top: -6px;
}
.notification__list {
  margin-top: 20px;
}
.notification__list .contentNone {
  padding-top: 8vh;
}
.notification__list .checkSquare {
  margin-bottom: 14px;
}
.notification .scrollTab {
  margin-left: -20px;
  width: calc(100% + 40px);
  border-bottom: solid 1px #f1f1f1;
}
.notification .scrollTab::before,
.notification .scrollTab::after {
  display: none;
}
.notification .scrollTab__menu {
  padding: 0;
}
.notification .scrollTab__menu li:first-child {
  margin-left: 20px;
}
.notification .scrollTab__menu li:last-child {
  margin-right: 20px;
}
.notification .scrollTab__menu li button {
  padding-top: 11px;
}
.notification .jobList__item {
  border: solid 1px #e1e1e1;
}
.notification .jobList__item.border {
  border: solid 1px #386392;
}
.jobFindFilter {
  padding: 9px 12px 9px 34px;
  border: solid 1px #e1e1e1;
  border-radius: 18px;
  background: url(../imagesMat/jobFindFilter.svg) no-repeat 12px/12px #fff;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 321px) {
  .jobFindFilter {
    font-size: 12px;
  }
}
@media screen and (max-width: 321px) {
  .jobFindFilter {
    padding: 8px 10px 8px 26px;
    background-position: 10px;
  }
}
.jobFindFilter.active {
  border-color: #386392;
  background-image: url(../imagesMat/jobFindFilter-a.svg);
  background-color: #deeeff;
  color: #386392;
  font-weight: bold;
}
.jobFindFilter.fixed {
  position: fixed;
  top: 70px;
  left: 20px;
  z-index: 10;
}
.passwordEdit {
  margin-bottom: 20px;
}
.passwordEdit .linkBtn {
  position: relative;
  margin-top: 12px;
  color: #333;
  font-weight: 500;
  text-align: right;
}
.passwordEdit__tit {
  padding-top: 80px;
  background: url(../imagesMat/passwordEdit.svg) no-repeat top;
  text-align: center;
}
.passwordEdit__tit h2 {
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -1px;
}
@media screen and (max-width: 321px) {
  .passwordEdit__tit h2 {
    font-size: 18px;
  }
}
.passwordEdit__tit strong {
  color: #dc3545;
}
.passwordEdit__tit p {
  margin-top: 8px;
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .passwordEdit__tit p {
    font-size: 12px;
  }
}
.passwordEdit__info {
  padding: 12px;
  margin-top: 16px;
  border: solid 1px #e1e1e1;
  border-radius: 12px;
  background-color: #f6f6f6;
}
.passwordEdit__info h2,
.passwordEdit__info h3 {
  margin-bottom: 4px;
  text-align: center;
}
.passwordEdit__info h3 {
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: bold;
}
@media screen and (max-width: 321px) {
  .passwordEdit__info h3 {
    font-size: 12px;
  }
}
.passwordEdit__info p {
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .passwordEdit__info p {
    font-size: 12px;
  }
}
.password,
.pasKeypad * {
  text-align: center;
}
.password {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.password__tit {
  padding-top: 130px;
  background: url(../imagesMat/certiPass.svg) no-repeat center 70px;
}
@media screen and (max-width: 321px) {
  .password__tit {
    padding-top: 100px;
    background-position: center 40px;
    background-size: 40px;
  }
}
.password__tit h2 {
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -1px;
}
@media screen and (max-width: 321px) {
  .password__tit h2 {
    font-size: 18px;
  }
}
.password__tit p {
  margin: 8px 0 32px;
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .password__tit p {
    font-size: 12px;
  }
}
@media screen and (max-width: 321px) {
  .password__tit p {
    margin-bottom: 24px;
  }
}
.password__tit p.error {
  color: #dc3545;
}
.password__tit.idCard {
  background-image: url(../imagesMat/certiIdCard.svg);
}
.password__num {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 32px;
}
.password__num li {
  margin-left: 24px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #e1e1e1;
}
@media screen and (max-width: 321px) {
  .password__num li {
    margin-left: 18px;
    width: 16px;
    height: 16px;
  }
}
.password__num li.active {
  background-color: #386392;
}
.password__num li:first-child {
  margin-left: 0;
}
.pasKeypad__num {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.pasKeypad__num li {
  width: 33.3333333333%;
  height: 70px;
}
@media screen and (max-width: 321px) {
  .pasKeypad__num li {
    height: 55px;
  }
}
.pasKeypad__num li button {
  display: block;
  width: 100%;
  height: 100%;
  color: #333;
  font-size: 24px;
  line-height: 1.33;
  letter-spacing: -1.2px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .pasKeypad__num li button {
    font-size: 22px;
  }
}
.pasKeypad__num--logo {
  font-size: 0;
  text-indent: -9999px;
  background: url(../imagesMat/pasKeypadLogo.svg) no-repeat center;
}
.pasKeypad__num--del {
  font-size: 0;
  text-indent: -9999px;
  background: url(../imagesMat/certiPassDel.svg) no-repeat center;
}
.pasKeypad__num .active {
  background-color: #ecf5ff;
}
.pasKeypad__none {
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 12px;
}
.pasKeypad__none button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  color: #aeb0b5;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
  text-decoration: underline;
}
@media screen and (max-width: 321px) {
  .pasKeypad__none button {
    font-size: 12px;
  }
}
.pasKeypad__none button:before {
  content: "";
  display: inline-block;
  margin-right: 8px;
  width: 16px;
  height: 16px;
  background-image: url(../imagesMat/icon_noticeInfo-gray.svg);
}
.pasKeypad__none p {
  position: absolute;
  left: 50%;
  bottom: 28px;
  transform: translateX(-50%);
  padding: 3px 0;
  width: 186px;
  border-radius: 8px;
  background-color: #777;
  color: #fff;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .pasKeypad__none p {
    font-size: 10px;
  }
}
.pasKeypad__none p:after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 50%;
  z-index: 1;
  margin-left: -5.5px;
  width: 11px;
  height: 7px;
  background-image: url(../imagesMat/passKeyBub.svg);
}
.pasKeypad__btn {
  color: #aeb0b5;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .pasKeypad__btn {
    font-size: 12px;
  }
}
.accountPassword {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 15vh;
  min-height: 200px;
  text-align: center;
}
.accountPassword img {
  margin-bottom: 12px;
  width: 100px;
}
.accountPassword .pincode-input-container {
  display: flex;
}
.accountPassword p {
  color: #777;
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .accountPassword p {
    font-size: 16px;
  }
}
@media screen and (max-width: 321px) {
  .accountPassword .pincode-input-text {
    width: 40px !important;
    height: 40px !important;
  }
}
.patientDetail {
  position: relative;
  padding: 40px 20px;
}
.patientDetail:first-of-type {
  padding-top: 28px;
}
.patientDetail:last-child.breakLine {
  border-bottom: none;
}
.patientDetail:last-child.breakLine:after {
  display: none;
}
.patientDetail > p:nth-child(2) {
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .patientDetail > p:nth-child(2) {
    font-size: 14px;
  }
}
.patientDetail.nomMtching .patientDetail__placeInfo {
  padding-bottom: 8px;
  margin-bottom: 0;
  border: 0;
}
.patientDetail.nomMtching .patientDetail__placeInfo .basicBorderBox {
  padding: 16px;
}
.patientDetail.nomMtching .patientDetail__placeInfo .basicBorderBox div:nth-child(1) {
  margin-bottom: 8px;
}
.patientDetail.nomMtching .patientDetail__placeInfo .basicBorderBox dt {
  margin-bottom: 2px;
}
.patientDetail .underlineTit20 {
  margin: 0 0 20px;
}
.patientDetail h3 {
  margin: 32px 0 12px;
}
.patientDetail h3.title {
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .patientDetail h3.title {
    font-size: 16px;
  }
}
.patientDetail h2.title {
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .patientDetail h2.title {
    font-size: 16px;
  }
}
.patientDetail .desc {
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .patientDetail .desc {
    font-size: 14px;
  }
}
.patientDetail__calendar {
  margin-top: 40px;
}
.patientDetail__calendar .calendar {
  margin-bottom: 20px;
}
.patientDetail__calendar .calendar:nth-child(2) {
  margin-bottom: 32px;
}
.patientDetail__calendar .calendar__detail--col span.disabled {
  color: rgba(0, 0, 0, 0) !important;
}
.patientDetail textarea {
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
  line-height: 1.5;
}
@media screen and (max-width: 321px) {
  .patientDetail textarea {
    font-size: 16px;
  }
}
.patientDetail textarea:disabled {
  background-color: #f6f6f6;
}
.patientDetail .eventBanner {
  margin-bottom: 20px;
  border-radius: 12px;
  background: no-repeat right;
}
.patientDetail .calendar__detail--col span {
  color: #aeb0b5;
}
.patientDetail__alert {
  position: fixed;
  top: 132px;
  left: 20px;
  z-index: 10;
  padding: 8px 40px;
  width: calc(100% - 40px);
  max-width: 560px;
  border-radius: 12px;
  background: url(../imagesMat/icon_noticeInfo.svg) no-repeat 16px 14px/16px rgba(0, 0, 0, 0.7);
  color: #fff;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .patientDetail__alert {
    font-size: 14px;
  }
}
@media screen and (min-width: 600px) {
  .patientDetail__alert {
    left: 50%;
    margin-left: -280px;
  }
}
.patientDetail__alert button {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  background: url(../imagesMat/icon_close03.svg) no-repeat right 16px center/16px;
}
.patientDetail__insur {
  width: 100%;
}
.patientDetail__insur h2 {
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .patientDetail__insur h2 {
    font-size: 16px;
  }
}
.patientDetail__insur p {
  margin-bottom: 24px;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .patientDetail__insur p {
    font-size: 14px;
  }
}
.patientDetail__insur--btn {
  padding: 8.5px 16px;
  width: 100%;
  border: solid 1px #386392;
  border-radius: 8px;
  background: url(../imagesMat/arrow_right02.svg) no-repeat right 16px center #fff;
  text-align: center;
  color: #386392;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
  line-height: 1.69;
}
@media screen and (max-width: 321px) {
  .patientDetail__insur--btn {
    font-size: 14px;
  }
}
.patientDetail__sup {
  padding: 9px 16px 9px 40px;
  margin-bottom: 24px;
  border: solid 1px #fd0;
  border-radius: 12px;
  background: url(../imagesMat/icon_noticeInfo.svg) no-repeat 16px 14px/16px #fff8c4;
}
.patientDetail__sup p,
.patientDetail__sup dt,
.patientDetail__sup dd {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .patientDetail__sup p,
  .patientDetail__sup dt,
  .patientDetail__sup dd {
    font-size: 14px;
  }
}
.patientDetail__sup dl {
  display: flex;
  align-items: center;
}
.patientDetail__sup dd {
  margin-left: 4px;
}
.patientDetail__map {
  overflow: hidden;
  margin-bottom: 20px;
  height: 200px;
  border-radius: 12px;
  background-color: #f6f6f6;
}
.patientDetail__map.h100 {
  margin-top: 60px;
  margin-bottom: 0;
  height: calc(100vh - 60px);
  border-radius: 0;
}
.patientDetail__placeInfo {
  padding-bottom: 40px;
  margin-bottom: 40px;
  border-bottom: solid 1px #f1f1f1;
}
.patientDetail__placeInfo.pmb0 {
  padding: 0;
  margin: 0;
  border: 0;
}
.patientDetail__placeInfo .basicBorderBox.leftIcon {
  padding: 12px 16px;
}
.patientDetail__placeInfo .basicBorderBox.leftIcon span {
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
  font-weight: 500;
  line-height: 21px;
}
@media screen and (max-width: 321px) {
  .patientDetail__placeInfo .basicBorderBox.leftIcon span {
    font-size: 16px;
  }
}
.patientDetail__placeInfo .basicBorderBox dd {
  margin-top: 2px;
  word-break: break-all;
}
.patientDetail__placeInfo .basicBorderBox div ~ div {
  margin-top: 8px;
}
.patientDetail__time .totalTime:nth-child(3) {
  padding-top: 16px;
  margin-top: 16px;
  border-top: solid 1px #e1e1e1;
  background-position: 0 22px;
}
.patientDetail__time ~ .patientDetail__placeInfo {
  margin-top: 8px;
}
.patientDetail__privacy {
  position: relative;
}
.patientDetail__privacy dt {
  margin-right: 10px;
}
.patientDetail__privacy dd {
  word-break: break-all;
}
.patientDetail__privacy .bubbleInfo {
  position: absolute;
  top: -58px;
  right: 0;
}
.patientDetail__privacy .basicBorderBox {
  display: flex;
  flex-wrap: wrap;
  padding: 16px 16px 7px;
}
.patientDetail__privacy .basicBorderBox.leftIcon div {
  display: block;
}
.patientDetail__privacy .basicBorderBox.plural {
  flex-direction: column;
  align-items: start;
}
.patientDetail__privacy .basicBorderBox.plural dl {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.patientDetail__privacy .basicBorderBox.plural dl:last-child {
  padding-bottom: 8px;
}
.patientDetail__privacy .basicBorderBox.plural dl div.w100 {
  width: 100%;
}
.patientDetail__privacy .basicBorderBox.plural dl div:last-child {
  margin-bottom: 0;
}
.patientDetail__privacy .basicBorderBox.plural dl ~ dl {
  padding-top: 16px;
  margin-top: 16px;
}
.patientDetail__privacy .basicBorderBox.plural dl ~ dl: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;
}
.patientDetail__privacy .basicBorderBox div {
  display: flex;
  align-items: center;
  margin-bottom: 6px;
}
.patientDetail__privacy .basicBorderBox div:first-child,
.patientDetail__privacy .basicBorderBox div:last-child {
  align-items: flex-start;
}
.patientDetail__privacy .basicBorderBox div:first-child dt,
.patientDetail__privacy .basicBorderBox div:last-child dt {
  margin-top: 1px;
}
@media screen and (max-width: 321px) {
  .patientDetail__privacy .basicBorderBox div:first-child dt,
  .patientDetail__privacy .basicBorderBox div:last-child dt {
    margin-top: 2px;
  }
}
.patientDetail__privacy .basicBorderBox div:nth-child(n + 2):nth-child(-n + 5) {
  width: 50%;
}
.patientDetail__watchout .underlineTit20 {
  margin-top: 40px;
}
.patientDetail__watchout .grayBtn {
  padding: 0 28px 0 16px;
  margin: 24px auto 32px;
  background: url(../imagesMat/arrow_right04.svg) no-repeat right 12px center/6px #fbfbfb;
  color: #333;
}
.patientDetail__watchout .grayBtn:before {
  display: none;
}
.patientDetail__watchout .basicBorderBox:last-child {
  margin-top: 20px;
}
.patientDetail__watchout .basicBorderBox:last-child dd {
  margin-top: 4px;
}
.patientDetail__watchout .acoTxtBox {
  padding: 12px;
  min-height: 76px;
  border: solid 1px #e1e1e1;
  border-radius: 12px;
  background-color: #f6f6f6;
}
.patientDetail__watchout .acoTxtBox:has(button) {
  padding-bottom: 0;
}
.patientDetail__watchout .acoTxtBox.open p {
  overflow: visible;
  text-overflow: inherit;
  -webkit-line-clamp: inherit;
  -webkit-box-orient: inherit;
}
.patientDetail__watchout .acoTxtBox.open button i {
  background-image: url(../imagesMat/acoClose.svg);
}
.patientDetail__watchout .acoTxtBox p {
  color: #111;
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-all;
}
@media screen and (max-width: 321px) {
  .patientDetail__watchout .acoTxtBox p {
    font-size: 16px;
  }
}
.patientDetail__watchout .acoTxtBox button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 0 15px;
  margin-top: 16px;
  width: 100%;
  border-top: solid 1px #e1e1e1;
  color: #777;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
  text-align: center;
}
@media screen and (max-width: 321px) {
  .patientDetail__watchout .acoTxtBox button {
    font-size: 12px;
  }
}
.patientDetail__watchout .acoTxtBox button i {
  margin-left: 6px;
  width: 10px;
  height: 10px;
  background: url(../imagesMat/acoOpen.svg) no-repeat center;
}
.patientDetail__watchout--txt {
  border-top: solid 1px #e1e1e1;
}
.patientDetail__watchout--txt h3 {
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .patientDetail__watchout--txt h3 {
    font-size: 16px;
  }
}
.patientDetail__watchout--txt textarea {
  margin-top: 12px;
  height: 138px;
  font-weight: 500;
}
.patientDetail__watchout--opini {
  position: relative;
  padding-top: 14px;
  margin-top: 8px;
}
.patientDetail__watchout--opini:before {
  content: "";
  position: absolute;
  top: 0;
  left: 20px;
  z-index: 1;
  width: 40px;
  height: 25px;
  background-image: url(../imagesMat/patientOpinionBub.svg);
}
.patientDetail__watchout--opini div {
  padding: 16px;
  border: solid 1px #e1e1e1;
  border-radius: 12px;
  background-color: #fff;
}
.patientDetail__watchout--opini h5 {
  padding-left: 22px;
  margin-bottom: 4px;
  background: url(../imagesMat/patientOpinionTxt.svg) no-repeat left;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .patientDetail__watchout--opini h5 {
    font-size: 14px;
  }
}
.patientDetail__watchout--opini p {
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  word-break: break-all;
}
@media screen and (max-width: 321px) {
  .patientDetail__watchout--opini p {
    font-size: 12px;
  }
}
.patientDetail__watchout--detail {
  display: flex;
  align-items: center;
}
.patientDetail__watchout--detail button {
  position: absolute;
  width: 64px;
  height: 64px;
}
.patientDetail__watchout--detail button span {
  position: absolute;
  top: 0;
  right: 0;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: url(../imagesMat/icon_help.svg) no-repeat center/18px #aeb0b5;
  font-size: 0;
}
.patientDetail__watchout--detail ul {
  padding-top: 4px;
}
.patientDetail__watchout--detail ul li {
  position: relative;
  padding-left: 10px;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  line-height: 1.57;
}
@media screen and (max-width: 321px) {
  .patientDetail__watchout--detail ul li {
    font-size: 12px;
  }
}
.patientDetail__watchout--detail ul li:after {
  content: "-";
  position: absolute;
  top: 0;
  left: 0;
}
.patientDetail__watchout--detail h4 {
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
  font-weight: normal;
}
@media screen and (max-width: 321px) {
  .patientDetail__watchout--detail h4 {
    font-size: 16px;
  }
}
.patientDetail__watchout--detail h4.fwt500 {
  font-weight: 500;
  line-height: 1.33;
}
.patientDetail__watchout--detail h5 {
  display: flex;
  align-items: center;
}
.patientDetail__watchout--detail h5 span {
  margin-right: 8px;
  color: #111;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: normal;
}
@media screen and (max-width: 321px) {
  .patientDetail__watchout--detail h5 span {
    font-size: 14px;
  }
}
.patientDetail__watchout--detail h5 strong {
  color: #111;
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
  font-weight: bold;
}
@media screen and (max-width: 321px) {
  .patientDetail__watchout--detail h5 strong {
    font-size: 16px;
  }
}
.patientDetail__watchout--detail h5.db {
  display: block;
}
.patientDetail__watchout--detail h5.db span {
  display: block;
}
.patientDetail__watchout--detail p {
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  word-break: break-all;
}
@media screen and (max-width: 321px) {
  .patientDetail__watchout--detail p {
    font-size: 12px;
  }
}
.patientDetail__watchout--detail h3 {
  margin: 0;
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
  font-weight: normal;
}
@media screen and (max-width: 321px) {
  .patientDetail__watchout--detail h3 {
    font-size: 16px;
  }
}
.patientDetail__watchout--txtInfo {
  padding-left: 76px;
  margin-top: 4px;
}
.patientDetail__watchout--txtInfo small {
  display: block;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .patientDetail__watchout--txtInfo small {
    font-size: 12px;
  }
}
.patientDetail__timeInfo {
  margin-top: 18px;
}
.patientDetail__timeInfo p {
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .patientDetail__timeInfo p {
    font-size: 12px;
  }
}
.patientDetail__timeInfo p:nth-child(1) {
  padding-left: 22px;
  margin-bottom: 6px;
  background: url(../imagesMat/icon_noticeInfo-gray.svg) no-repeat 0 2px/16px;
  font-weight: bold;
  color: #dc3545;
}
.patientDetail__basicInfo--patiStat {
  padding: 20px 16px;
  border: solid 1px #e1e1e1;
  border-radius: 12px;
  background-color: #f6f6f6;
}
.patientDetail__basicInfo--patiStat > ul > li {
  position: relative;
}
.patientDetail__basicInfo--patiStat > ul > li .flexWrap {
  display: flex;
  align-items: center;
}
.patientDetail__basicInfo--patiStat > ul > li .flexWrap figure {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-right: 12px;
  width: 64px;
  height: 64px;
  border: solid 1px #e1e1e1;
  border-radius: 50%;
  background-color: #fff;
}
.patientDetail__basicInfo--patiStat > ul > li .flexWrap figure img {
  width: 44px;
  height: 44px;
}
.patientDetail__basicInfo--patiStat > ul > li .flexWrap figure button {
  position: absolute;
  top: 0;
  right: 0;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: url(../imagesMat/icon_help.svg) no-repeat center/18px #aeb0b5;
  font-size: 0;
}
.patientDetail__basicInfo--patiStat > ul > li .flexWrap h4 {
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .patientDetail__basicInfo--patiStat > ul > li .flexWrap h4 {
    font-size: 16px;
  }
}
.patientDetail__basicInfo--patiStat > ul > li .flexWrap h4 span,
.patientDetail__basicInfo--patiStat > ul > li .flexWrap h4 strong,
.patientDetail__basicInfo--patiStat > ul > li .flexWrap h4 small {
  display: block;
}
.patientDetail__basicInfo--patiStat > ul > li .flexWrap h4 span {
  margin-right: 8px;
  color: #111;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: normal;
}
@media screen and (max-width: 321px) {
  .patientDetail__basicInfo--patiStat > ul > li .flexWrap h4 span {
    font-size: 14px;
  }
}
.patientDetail__basicInfo--patiStat > ul > li .flexWrap h4 strong {
  margin-top: 2px;
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .patientDetail__basicInfo--patiStat > ul > li .flexWrap h4 strong {
    font-size: 16px;
  }
}
.patientDetail__basicInfo--patiStat > ul > li .flexWrap h4 small {
  margin-top: 2px;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: normal;
}
@media screen and (max-width: 321px) {
  .patientDetail__basicInfo--patiStat > ul > li .flexWrap h4 small {
    font-size: 12px;
  }
}
.patientDetail__basicInfo--patiStat > ul > li .flexWrap p {
  margin-top: 2px;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: normal;
  word-break: break-all;
}
@media screen and (max-width: 321px) {
  .patientDetail__basicInfo--patiStat > ul > li .flexWrap p {
    font-size: 12px;
  }
}
.patientDetail__basicInfo--patiStat > ul > li:first-child:before {
  display: none;
}
.patientDetail__basicInfo--patiStat > ul > li:nth-child(n + 2) {
  padding-top: 16px;
  margin-top: 16px;
}
.patientDetail__basicInfo--patiStat > ul > 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;
}
.patientDetail__basicInfo--patiStat > ul > li p {
  word-break: break-all;
}
.patientDetail__basicInfo--patiStat > ul.noBdt li {
  padding-top: 0;
  margin-top: 8px;
}
.patientDetail__basicInfo--patiStat > ul.noBdt li:before {
  display: none;
}
.patientDetail__basicInfo--patiStat > ul.noBdt li:first-child {
  margin-top: 0;
}
.patientDetail__basicInfo--patiStat .btnDetstat {
  display: block;
  position: relative;
  padding: 9px 28px 9px 14px;
  margin: 16px auto 0;
  border: solid 1px #386392;
  border-radius: 18px;
  background-color: #fbfbfb;
  color: #386392;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 321px) {
  .patientDetail__basicInfo--patiStat .btnDetstat {
    font-size: 12px;
  }
}
.patientDetail__basicInfo--patiStat .btnDetstat:after {
  content: "";
  position: absolute;
  top: 12px;
  right: 14px;
  width: 6px;
  height: 10px;
  background: url(../imagesMat/ic_arrowRight_blue.svg) no-repeat center/cover;
}
.patientDetail__basicInfo--patiStat .detTxt {
  position: relative;
  padding-top: 16px;
  margin-top: 24px;
}
.patientDetail__basicInfo--patiStat .detTxt: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;
}
.patientDetail__basicInfo--patiStat .detTxt:has(.plus) {
  margin-top: 16px;
}
.patientDetail__basicInfo--patiStat .detTxt:first-child {
  padding-top: 0;
  margin-top: 0;
}
.patientDetail__basicInfo--patiStat .detTxt:first-child:before {
  display: none;
}
.patientDetail__basicInfo--patiStat .detTxt h4 {
  color: #111;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .patientDetail__basicInfo--patiStat .detTxt h4 {
    font-size: 14px;
  }
}
.patientDetail__basicInfo--patiStat .detTxt h4.plus {
  padding-left: 20px;
  background: url(../imagesMat/ic_roundPlus.svg) no-repeat left;
}
.patientDetail__basicInfo--patiStat .detTxt p {
  padding: 12px;
  margin-top: 12px;
  height: auto;
  border: solid 1px #e1e1e1;
  border-radius: 10px;
  background-color: #fafafa;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  word-break: break-all;
}
@media screen and (max-width: 321px) {
  .patientDetail__basicInfo--patiStat .detTxt p {
    font-size: 14px;
  }
}
.patientDetail__basicInfo--patiStat .detTxt p ~ p {
  margin-top: 6px;
}
.patientDetail__basicInfo--patiStat .detTxt__list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
  padding: 10px 14px 14px 14px;
  margin-top: 16px;
  border: solid 1px #e1e1e1;
  border-radius: 10px;
  background-color: #fafafa;
}
.patientDetail__basicInfo--patiStat .detTxt__list span {
  display: block;
  flex-shrink: 0;
  padding: 10px 16px;
  margin-top: 4px;
  width: -moz-fit-content;
  width: fit-content;
  border: solid 1px #386392;
  border-radius: 18px;
  background-color: #fff;
  color: #386392;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 321px) {
  .patientDetail__basicInfo--patiStat .detTxt__list span {
    font-size: 12px;
  }
}
.patientDetail__basicInfo--patiStat .patiStat__txt {
  width: calc(100% - 76px);
}
.patientDetail__basicInfo--patiStat .patiStat__list h4 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .patientDetail__basicInfo--patiStat .patiStat__list h4 {
    font-size: 14px;
  }
}
.patientDetail__basicInfo--patiStat .patiStat__list h4:has(strong) {
  font-weight: normal;
}
.patientDetail__basicInfo--patiStat .patiStat__list h4 strong {
  margin-left: 10px;
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .patientDetail__basicInfo--patiStat .patiStat__list h4 strong {
    font-size: 16px;
  }
}
.patientDetail__basicInfo--patiStat .patiStat__list--items {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 12px;
}
.patientDetail__basicInfo--patiStat .patiStat__list--items li {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  width: auto;
  height: 36px;
  border: solid 1px #e1e1e1;
  border-radius: 18px;
  background-color: #fff;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .patientDetail__basicInfo--patiStat .patiStat__list--items li {
    font-size: 14px;
  }
}
.patientDetail__promise--info {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 16px 12px;
  margin-top: 12px;
  border: solid 1px #e1e1e1;
  border-radius: 12px;
  background-color: #f6f6f6;
  text-align: center;
}
.patientDetail__promise--info p {
  color: #555;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .patientDetail__promise--info p {
    font-size: 14px;
  }
}
.patientDetail__promise--info button {
  padding: 8.5px 0;
  margin-top: 16px;
  width: 100%;
  border: solid 1px #e1e1e1;
  border-radius: 8px;
  background: url(../imagesMat/arrow_right04.svg) no-repeat right 16px center #fff;
  text-align: center;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
  line-height: 1.69;
}
@media screen and (max-width: 321px) {
  .patientDetail__promise--info button {
    font-size: 14px;
  }
}
.patientDetail__uniform {
  margin-top: 40px;
}
.patientDetail__uniform--tit {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.patientDetail__uniform--tit button:before {
  display: none;
}
.patientDetail__uniform--info {
  position: relative;
  padding: 12px 20px 12px 50px;
  margin-top: 22px;
  border: solid 1px #e1e1e1;
  border-radius: 12px;
  background: url(../imagesMat/joinRegisterInfoEmo01.svg) no-repeat 12px 11px #f6f6f6;
}
.patientDetail__uniform--info p {
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .patientDetail__uniform--info p {
    font-size: 12px;
  }
}
.patientDetail__uniform--info:after {
  content: "";
  position: absolute;
  top: -15px;
  left: 20px;
  width: 40px;
  height: 19.5px;
  background-image: url(../imagesMat/uniformBul.svg);
  background-size: 40px;
}
.patientDetail__uniform .radioSelect {
  flex-wrap: wrap;
  margin-top: 8px;
}
.patientDetail__uniform .radioSelect__box {
  width: 100%;
}
.patientDetail__btnModify {
  display: flex;
  align-items: center;
  position: absolute;
  right: 20px;
  top: 40px;
  z-index: 2;
}
.patientDetail__btnModify button {
  padding: 8px 12px;
  margin-left: 8px;
  border: solid 1px #e1e1e1;
  border-radius: 18px;
  background-color: #f6f6f6;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 321px) {
  .patientDetail__btnModify button {
    font-size: 12px;
  }
}
.patientDetail__tit {
  background-position: right top;
}
@media screen and (max-width: 321px) {
  .patientDetail__tit {
    background-size: 48px;
  }
}
.patientDetail__tit.gasa {
  background-size: 44px;
}
.patientDetail__txt {
  margin-top: 12px;
  height: 144px;
}
.patientDetail__pay {
  padding: 20px 24px;
  border: solid 1px #fd0;
  border-radius: 8px;
  background: url(../imagesMat/joinRegiOrange.svg) no-repeat right 20px center/88px #fff8c4;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 321px) {
  .patientDetail__pay {
    background-size: 65px;
  }
}
.patientDetail__pay dt {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: bold;
  line-height: normal;
}
@media screen and (max-width: 321px) {
  .patientDetail__pay dt {
    font-size: 14px;
  }
}
.patientDetail__pay dd {
  font-size: 22px;
  line-height: 1.36;
  letter-spacing: -1.1px;
  font-weight: bold;
  line-height: normal;
}
@media screen and (max-width: 321px) {
  .patientDetail__pay dd {
    font-size: 20px;
  }
}
.patientDetail__pay dd small {
  margin-right: 4px;
  color: #333;
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .patientDetail__pay dd small {
    font-size: 16px;
  }
}
.patientDetail__pay dd span {
  margin-right: 4px;
}
.patientDetail__pay dd.day span::before {
  content: "일";
  margin-right: 4px;
  color: #333;
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .patientDetail__pay dd.day span::before {
    font-size: 16px;
  }
}
.patientDetail__calc {
  position: relative;
  padding: 15px 11px 12px 16px;
  margin-bottom: 8px;
  width: 100%;
  border: solid 1px #dc3545;
  border-radius: 12px;
  background-color: #ffeeef;
}
.patientDetail__calc strong {
  display: block;
  padding-left: 24px;
  background: url(../imagesMat/icon_warning.svg) no-repeat 0 4px/16px;
  color: #dc3545;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .patientDetail__calc strong {
    font-size: 12px;
  }
}
@media screen and (max-width: 321px) {
  .patientDetail__calc strong {
    padding-left: 0;
    background-image: none;
  }
}
.patientDetail__calc p {
  margin-top: 5px;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .patientDetail__calc p {
    font-size: 12px;
  }
}
.patientDetail__calc span {
  position: absolute;
  right: 16px;
  bottom: 12px;
  padding: 4px 8px;
  border-radius: 12.5px;
  background-color: #dc3545;
  color: #fff;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
}
@media screen and (max-width: 321px) {
  .patientDetail__calc span {
    font-size: 10px;
  }
}
.patientDetail__calc.mb24 {
  margin-top: -12px;
}
.patientDetail__acomp h3 {
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .patientDetail__acomp h3 {
    font-size: 16px;
  }
}
.patientDetail__acomp p {
  margin-top: 4px;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .patientDetail__acomp p {
    font-size: 14px;
  }
}
.patientDetail__acomp--txt {
  padding: 16px;
  border: solid 1px #e1e1e1;
  border-radius: 12px;
  background-color: #f6f6f6;
}
.patientDetail__acomp--txt.h142 {
  overflow-y: auto;
  height: 142px;
}
.patientDetail__acomp--txt h4 {
  padding-left: 24px;
  background: url(../imagesMat/icon_check_blue.svg) no-repeat 0 6px/16px;
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .patientDetail__acomp--txt h4 {
    font-size: 16px;
  }
}
.patientDetail__acompday {
  padding-bottom: 36px;
  margin-bottom: 36px;
  border-bottom: solid 1px #f1f1f1;
  background: url(../imagesMat/icon_acomp.svg) no-repeat right 41px;
}
.patientDetail__acompday .underlineTit20 {
  margin-bottom: 8px;
}
.patientDetail__acompday--form {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.patientDetail__acompday--form div {
  width: 100%;
}
.patientDetail__acompday--form div:first-child {
  margin-bottom: 24px;
}
.patientDetail__acompday--form div:first-child dt {
  margin-top: 12px;
}
.patientDetail__acompday--form div:nth-child(n + 2) {
  width: calc(50% - 4px);
}
.patientDetail__acompday--form dt {
  margin-bottom: 8px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .patientDetail__acompday--form dt {
    font-size: 14px;
  }
}
.patientDetail__acompday--form dd {
  padding: 14px 12px;
  border: solid 1px #e1e1e1;
  border-radius: 8px;
  background-color: #f6f6f6;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 321px) {
  .patientDetail__acompday--form dd {
    font-size: 14px;
  }
}
.patientDetail__acompday--info {
  padding: 16px 18px;
  margin-top: 8px;
  border: solid 1px #e1e1e1;
  border-radius: 12px;
  background-color: #f6f6f6;
}
.patientDetail__acompday--info span {
  display: block;
  margin-top: 8px;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .patientDetail__acompday--info span {
    font-size: 14px;
  }
}
.patientDetail__acompday--info span strong {
  color: #111;
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .patientDetail__acompday--info span strong {
    font-size: 16px;
  }
}
.patientDetail__traffic {
  padding-bottom: 36px;
  margin-bottom: 36px;
  border-bottom: solid 1px #f1f1f1;
}
.patientDetail__traffic .checkSelect__box input:checked + label {
  font-weight: bold;
}
.patientDetail__traffic--info {
  padding: 16px;
  border: solid 1px #e1e1e1;
  border-radius: 12px;
  background-color: #f6f6f6;
}
.patientDetail__traffic--info p {
  position: relative;
  padding-left: 22px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .patientDetail__traffic--info p {
    font-size: 14px;
  }
}
.patientDetail__traffic--info p:before {
  content: "※";
  position: absolute;
  left: 0;
}
.patientDetail__path .underlineTit20 {
  margin-bottom: 8px;
}
.patientDetail__path p {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .patientDetail__path p {
    font-size: 14px;
  }
}
.patientDetail__path--list {
  padding: 0 0 20px 20px;
}
.patientDetail__path--list li {
  position: relative;
}
.patientDetail__path--list li::before,
.patientDetail__path--list li::after {
  content: "";
  display: block;
  position: absolute;
}
.patientDetail__path--list li::before {
  top: 30px;
  left: -20px;
  width: 8px;
  height: 8px;
  border: solid 2px #386392;
  border-radius: 50%;
}
.patientDetail__path--list li::after {
  top: 48px;
  left: -16.5px;
  width: 1px;
  height: calc(100% - 33px);
  background-color: #aeb0b5;
}
.patientDetail__path--list li:last-child::after {
  display: none;
}
.patientDetail__path--list li:first-child,
.patientDetail__path--list li ~ li {
  padding-top: 20px;
}
.patientDetail__path--list li h3 {
  margin: 0;
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .patientDetail__path--list li h3 {
    font-size: 16px;
  }
}
.patientDetail__path--list li > p {
  margin: 8px 0;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .patientDetail__path--list li > p {
    font-size: 12px;
  }
}
.patientDetail__path--list li > div:first-child {
  display: flex;
  align-items: center;
}
.patientDetail__path--list li > div:last-child {
  padding: 16px;
  border: solid 1px #e1e1e1;
  border-radius: 12px;
  background-color: #f6f6f6;
}
.patientDetail__path--list li > div:last-child p {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .patientDetail__path--list li > div:last-child p {
    font-size: 14px;
  }
}
.patientDetail__path--list li > div:last-child p span {
  display: block;
  color: #333;
  font-weight: normal;
}
.patientDetail__gasa {
  padding: 40px 0;
  margin-bottom: 40px;
  border-bottom: solid 1px #f1f1f1;
}
.patientDetail__gasa li:last-child {
  padding-bottom: 4px;
}
.patientDetail__gasa li ~ li {
  padding-top: 20px;
  margin-top: 20px;
  border-top: solid 1px #e1e1e1;
}
.patientDetail__gasa--txtarea ~ .patientDetail__gasa--list {
  margin-top: 6px;
}
.patientDetail__gasa--txtarea.flex {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.patientDetail__gasa--txtarea dt {
  margin-right: 10px;
}
.patientDetail__gasa--txtarea dd.textarea {
  overflow-y: auto;
  padding: 12px;
  margin-top: 6px;
  width: 100%;
  height: 110px;
  border: solid 1px #e1e1e1;
  border-radius: 10px;
  background-color: #fafafa;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: normal;
  word-break: break-all;
}
@media screen and (max-width: 321px) {
  .patientDetail__gasa--txtarea dd.textarea {
    font-size: 14px;
  }
}
.patientDetail__gasa--list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.patientDetail__gasa--list > div {
  display: flex;
}
.patientDetail__gasa--list > div.w50 {
  width: 50%;
}
@media screen and (max-width: 321px) {
  .patientDetail__gasa--list > div.w50 {
    width: 100%;
    margin-top: 6px;
  }
}
.patientDetail__gasa--list > div:last-child {
  margin: 6px 0;
}
.patientDetail__gasa--list > div dt {
  flex-shrink: 0;
  margin-right: 10px;
}
.patientDetail__gasa--list > div dd {
  margin-top: -1px;
}
.patientDetail__gasa--list > div dd span {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  line-height: 1;
}
@media screen and (max-width: 321px) {
  .patientDetail__gasa--list > div dd span {
    font-size: 14px;
  }
}
.patientDetail__redBubble {
  padding: 9px 16px 9px 40px;
  margin: 24px auto 0;
  width: calc(100% - 40px);
  border: solid 1px #dc3545;
  border-radius: 12px;
  background: url(../imagesMat/icon_warning.svg) no-repeat 16px 14px/16px #ffeeef;
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
}
.patientDetail__redBubble h3 {
  color: #111;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .patientDetail__redBubble h3 {
    font-size: 14px;
  }
}
.patientDetail__redBubble.noTab {
  margin: 28px auto -8px;
}
.caregiverList {
  margin-top: 32px;
}
.caregiverList h2 {
  margin-bottom: 12px;
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
  font-weight: bold;
  line-height: 1.33;
}
@media screen and (max-width: 321px) {
  .caregiverList h2 {
    font-size: 16px;
  }
}
.caregiverList .caregiver__profile--reputation {
  padding: 0;
  border: 0;
}
.caregiverMe .caregiver__profile--reputation {
  padding: 0;
  border: 0;
}
.careDetail {
  padding: 0 20px 100px;
}
.careDetail:has(.jobListSearch.scroll) {
  padding-top: 150px;
}
.careDetail__tab {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 16px;
  height: 40px;
  border: solid 1px #e1e1e1;
  border-radius: 900px;
  background-color: #fff;
}
.careDetail__tab button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25%;
  border-radius: 900px;
  color: #777;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  transition: all 0.2s ease-in 0s;
}
@media screen and (max-width: 321px) {
  .careDetail__tab button {
    font-size: 14px;
  }
}
.careDetail__tab button small {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  padding: 0 4px;
  margin-left: 2px;
  min-width: 16px;
  height: 16px;
  border-radius: 16px;
  border: solid 1px #777;
  font-size: 10px;
  line-height: 1.8;
  letter-spacing: -0.5px;
}
.careDetail__tab button.active {
  height: 40px;
  background-color: #386392;
  color: #fff;
  font-weight: bold;
}
.careDetail__tab button.active:first-child,
.careDetail__tab button.active:last-child {
  width: calc(25% + 2px);
}
.careDetail__tab button.active:first-child {
  margin-left: -1px;
}
.careDetail__tab button.active:last-child {
  margin-right: -1px;
}
.careDetail__tab button.active small {
  border-color: #fff;
  background-color: #fff;
  color: #386392;
}
.careDetail__timeLine .jobList__item {
  margin-top: 26px;
  border: solid 1px #e1e1e1;
}
.careDetail__timeLine .jobList__item:last-child {
  margin-bottom: 24px;
}
.careDetail__timeLine .jobList__item--detail {
  padding-bottom: 12px;
}
.careDetail__timeLine .jobList__item--detail:last-child {
  padding-bottom: 0;
}
.careDetail__timeLine .jobList__item--insur {
  padding: 12px 0 0;
  margin: 4px 0 0;
  border-bottom: 0;
}
.careDetail__timeLine .jobList__item--insur h4 {
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: normal;
}
@media screen and (max-width: 321px) {
  .careDetail__timeLine .jobList__item--insur h4 {
    font-size: 14px;
  }
}
.careDetail__timeLine .jobList__item--insur.join {
  padding: 0 0 4px;
  margin-top: 8px;
}
.careDetail__timeLine--check {
  display: flex;
  align-items: center;
  padding: 6px 20px 6px 42px;
  margin-top: 20px;
  border-radius: 16px;
  background: url(../imagesMat/img_timeline.svg) no-repeat 20px center/16px #fff;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
}
.careDetail__timeLine--check dt,
.careDetail__timeLine--check dd {
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .careDetail__timeLine--check dt,
  .careDetail__timeLine--check dd {
    font-size: 12px;
  }
}
.careDetail__timeLine--check dd {
  color: #386392;
  margin-left: 6px;
}
.careDetail__timeLine--info {
  padding-top: 20px;
}
.careDetail__timeLine--info p {
  background: url(../imagesMat/icon_noticeInfo-gray.svg) no-repeat 0 3px;
}
.careDetail__timeLine--info p,
.careDetail__timeLine--info button,
.careDetail__timeLine--info span {
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .careDetail__timeLine--info p,
  .careDetail__timeLine--info button,
  .careDetail__timeLine--info span {
    font-size: 12px;
  }
}
.careDetail__timeLine--info p,
.careDetail__timeLine--info span {
  padding-left: 24px;
}
.careDetail__timeLine--info button {
  padding-right: 12px;
  width: 100%;
  background: url(../imagesMat/accodiOpen02.svg) no-repeat right/10px;
}
.careDetail__timeLine--info span {
  display: block;
  margin-top: 4px;
}
.careDetail__timeLine--info.open button {
  background-image: url(../imagesMat/accodiClose02.svg);
}
.careDetail__timeLine--list {
  padding: 24px 0 30px;
}
.careDetail__timeLine--list li {
  position: relative;
  padding-left: 20px;
}
.careDetail__timeLine--list li:after {
  content: "";
  position: absolute;
  left: 4px;
  bottom: -9px;
  width: 1px;
  height: calc(100% - 21px);
  background-color: #aeb0b5;
}
.careDetail__timeLine--list li > h3 {
  margin-bottom: 10px;
  color: #777;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .careDetail__timeLine--list li > h3 {
    font-size: 12px;
  }
}
.careDetail__timeLine--list li > h3:before,
.careDetail__timeLine--list li > h3:after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  top: 7px;
  left: 1px;
}
.careDetail__timeLine--list li > h3:after {
  border: solid 2px #386392;
}
.careDetail__timeLine--list li.today h3 {
  display: flex;
  align-items: center;
}
.careDetail__timeLine--list li.today h3 span {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 12px;
  width: 38px;
  height: 22px;
  border: solid 1px #386392;
  border-radius: 20px;
  background-color: #fff;
  color: #386392;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .careDetail__timeLine--list li.today h3 span {
    font-size: 10px;
  }
}
.careDetail__timeLine--list li.today h3::before {
  background-color: #386392;
}
.careDetail__timeLine--list li.today h3::after {
  top: 3px;
  left: -3px;
  width: 16px;
  height: 16px;
  border: solid 1px #386392;
}
.careDetail__timeLine--list li.today .jobList__item--tit h3 {
  display: block;
}
.careDetail__timeLine--list .jobList__item {
  margin: 0 0 18px;
}
.careDetail__timeLine--list .jobList__item:last-child {
  margin-bottom: 20px;
}
.btnWrap.timeLineBtn {
  display: flex;
  align-items: center;
  margin-top: 40px;
}
.btnWrap.timeLineBtn .btnBorder {
  flex-shrink: 0;
  margin-right: 8px;
  width: 116px;
}
.bigData {
  padding: 40px 20px;
  background: url(../imagesMat/bigDataBg.svg) no-repeat right 0 #ecf5ff;
}
.bigData .reference {
  color: #777;
}
.bigData__tit {
  margin-bottom: 16px;
}
.bigData__tit h2 {
  margin-top: 8px;
  color: #333;
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .bigData__tit h2 {
    font-size: 16px;
  }
}
.bigData__tit p {
  position: relative;
  margin: 8px 0 56px;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .bigData__tit p {
    font-size: 12px;
  }
}
.bigData__tit p:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -16px;
  z-index: 2;
  width: 60px;
  height: 3px;
  background-color: #0a6cd8;
}
.bigData__txt h3 {
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
  font-weight: normal;
}
@media screen and (max-width: 321px) {
  .bigData__txt h3 {
    font-size: 16px;
  }
}
.bigData__txt strong {
  color: #0a6cd8;
}
.bigData__txt p {
  margin-top: 8px;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .bigData__txt p {
    font-size: 12px;
  }
}
.bigData__box {
  position: relative;
  padding: 20px 16px;
  margin: 16px 0 20px;
  border-radius: 12px;
  background-color: #fff;
  box-shadow: 0 4px 10px 0 rgba(8, 47, 90, 0.14);
}
.bigData__box--tit {
  padding: 0 0 12px 28px;
  background: url(../imagesMat/img_coin.svg) no-repeat left 2px/20px;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .bigData__box--tit {
    font-size: 14px;
  }
}
.bigData__box--tit strong {
  margin-right: 4px;
  color: #0a6cd8;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -1px;
}
@media screen and (max-width: 321px) {
  .bigData__box--tit strong {
    font-size: 18px;
  }
}
.bigData__box--info {
  padding-top: 12px;
  border-top: solid 1px #e1e1e1;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .bigData__box--info {
    font-size: 12px;
  }
}
.bigData__resultPay {
  padding: 20px 20px 20px 48px;
  margin-top: 24px;
  border: solid 1px #1073ba;
  border-radius: 8px;
  background: url(../imagesMat/iconMoney02.svg) no-repeat 20px 22px #fff;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
}
.bigData__resultPay dt {
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .bigData__resultPay dt {
    font-size: 14px;
  }
}
.bigData__resultPay dd {
  margin-top: 4px;
  color: #0a6cd8;
  font-size: 22px;
  line-height: 1.36;
  letter-spacing: -1.1px;
  font-weight: bold;
}
@media screen and (max-width: 321px) {
  .bigData__resultPay dd {
    font-size: 20px;
  }
}
.bigData .patientDetail__basicInfo h3 {
  margin: 32px 0 8px;
}
.bigData .patientDetail__basicInfo .basicBorderBox {
  background-color: #fff;
}
.carePayChr {
  margin: 0 auto;
  max-width: 310px;
}
.carePayChr__bar {
  display: flex;
  justify-content: space-around;
  height: 84px;
}
@media screen and (max-width: 398px) {
  .carePayChr__bar {
    width: 100%;
  }
}
.carePayChr__bar > div {
  align-self: flex-end;
  position: relative;
  width: 34px;
  border: solid 1px #0a6cd8;
  border-bottom: 0;
  background-color: rgba(10, 108, 216, 0.3);
}
@media screen and (max-width: 321px) {
  .carePayChr__bar > div {
    width: 28px;
  }
}
.carePayChr__bar > div.zero {
  border: 0;
}
.carePayChr__bar > div span {
  position: absolute;
  top: -36px;
  left: 50%;
  padding: 4px 0 10px;
  width: calc(100% + 38px);
  background: url(../imagesMat/barTooltip01.svg) no-repeat center/contain;
  color: #fff;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
  font-weight: 500;
  text-align: center;
  transform: translateX(-50%);
}
@media screen and (max-width: 321px) {
  .carePayChr__bar > div span {
    font-size: 10px;
  }
}
@media screen and (max-width: 321px) {
  .carePayChr__bar > div span {
    width: calc(100% + 44px);
  }
}
.popupWrap__carePay {
  width: 100%;
}
.popupWrap__carePay > p {
  margin-bottom: 2px;
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .popupWrap__carePay > p {
    font-size: 12px;
  }
}
.popupWrap__carePay h2 {
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
  font-weight: 500;
  text-align: center;
}
@media screen and (max-width: 321px) {
  .popupWrap__carePay h2 {
    font-size: 16px;
  }
}
.popupWrap__carePay strong,
.popupWrap__carePay mark {
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -1px;
}
@media screen and (max-width: 321px) {
  .popupWrap__carePay strong,
  .popupWrap__carePay mark {
    font-size: 18px;
  }
}
.popupWrap__carePay b mark {
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .popupWrap__carePay b mark {
    font-size: 16px;
  }
}
.popupWrap__carePay .radioSelect {
  flex-wrap: wrap;
  margin-top: 12px;
}
.popupWrap__carePay .radioSelect__box {
  width: 100%;
}
.popupWrap__carePay:nth-child(2) {
  margin-top: 24px;
  padding-top: 24px;
  border-top: solid 1px #e1e1e1;
}
@media screen and (max-width: 321px) {
  .popupWrap__carePay:nth-child(2) {
    margin-top: 16px;
    padding-top: 16px;
  }
}
.popupWrap__carePay--txtarea.warning > .limitTextarea {
  border-color: #dc3545;
}
.popupWrap__carePay--txtarea label {
  display: flex;
  align-items: center;
  margin-top: 22px;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: bold;
}
@media screen and (max-width: 321px) {
  .popupWrap__carePay--txtarea label {
    font-size: 14px;
  }
}
.popupWrap__carePay--txtarea label .txtRed {
  margin-left: 6px;
}
.popupWrap__carePay--txtarea label ~ .limitTextarea {
  margin-top: 8px;
}
.popupWrap__carePay--txtarea .limitTextarea {
  margin-top: 14px;
}
.popupWrap__helpInfo {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px 20px;
  text-align: center;
}
.popupWrap__helpInfo figure {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 110px;
  height: 110px;
  border: solid 1px #e1e1e1;
  border-radius: 50%;
}
@media screen and (max-width: 321px) {
  .popupWrap__helpInfo figure {
    width: 90px;
    height: 90px;
  }
}
.popupWrap__helpInfo figure img {
  max-width: inherit;
  width: 64px;
  height: 64px;
}
@media screen and (max-width: 321px) {
  .popupWrap__helpInfo figure img {
    width: 44px;
    height: 44px;
  }
}
.popupWrap__helpInfo h2 {
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -1px;
}
@media screen and (max-width: 321px) {
  .popupWrap__helpInfo h2 {
    font-size: 18px;
  }
}
.popupWrap__helpInfo h2 mark {
  padding: 0 6px;
}
.popupWrap__helpInfo p {
  margin-top: 8px;
  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) {
  .popupWrap__helpInfo p {
    font-size: 14px;
  }
}
.popupBottomWrap.share button.close {
  top: -54px;
  background-image: url(../imagesMat/icon_close03.svg);
  background-size: 16px;
}
.popupBottomWrap.share .popupBottomWrap__header {
  padding: 15px 20px;
}
.popupBottomWrap__main {
  padding: 0 20px 30px;
}
.popupBottomWrap__main--share button {
  padding: 11px 0 11px 42px;
  width: 100%;
  border: solid 1px #e1e1e1;
  border-radius: 8px;
  background: no-repeat 16px;
  color: #111;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
  line-height: 1.25;
}
@media screen and (max-width: 321px) {
  .popupBottomWrap__main--share button {
    font-size: 14px;
  }
}
.popupBottomWrap__main--share button.kakao {
  background-image: url(../imagesMat/ic_kakao.svg);
}
.popupBottomWrap__main--share button.link {
  background-image: url(../imagesMat/ic_url.svg);
}
.popupBottomWrap__main--share button.more {
  background-image: url(../imagesMat/ic_more.svg);
}
.popupBottomWrap__main--share:not(:last-child) {
  margin-bottom: 8px;
}
.popupToast {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 100px;
  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);
}
.popupToast p {
  color: #fff;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .popupToast p {
    font-size: 14px;
  }
}
.popupToast.copy {
  bottom: 256px;
}
.popupShareWrap {
  position: relative;
  z-index: 22;
  margin-left: -40px;
  width: calc(100% + 40px);
  max-width: 600px;
  height: 100%;
  background: url(../imagesMat/ic_sharedWallet.png) no-repeat center/360px;
}
@media screen and (min-width: 540px) {
  .popupShareWrap {
    background-size: 500px;
  }
}
@media screen and (max-width: 321px) {
  .popupShareWrap {
    background-size: 300px;
  }
}
.popupShareWrap__header {
  position: absolute;
  top: -8px;
  right: 0;
  background: url(../imagesMat/ic_arrow_dashed.svg) no-repeat 37.3px 0;
}
.popupShareWrap__header p {
  margin-top: 46px;
  color: #fff;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  text-align: right;
}
@media screen and (max-width: 321px) {
  .popupShareWrap__header p {
    font-size: 14px;
  }
}
.popupShareWrap__header--share {
  position: absolute;
  right: 0;
  padding: 9px 12px 9px 34px;
  border: solid 1px #e1e1e1;
  border-radius: 18px;
  background: url(../imagesMat/icon_share.svg) no-repeat 12px #fbfbfb;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
  line-height: 1;
}
@media screen and (max-width: 321px) {
  .popupShareWrap__header--share {
    font-size: 12px;
  }
}
.popupShareWrap__header--close {
  position: absolute;
  top: 98px;
  right: 0;
  padding-right: 24px;
  background: url(../imagesMat/icon_close03.svg) no-repeat right/16px;
  color: #fff;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: bold;
  text-decoration: underline;
}
@media screen and (max-width: 321px) {
  .popupShareWrap__header--close {
    font-size: 14px;
  }
}
.experiExplan {
  padding: 8px 20px 40px;
  width: 100%;
  background-color: #fff;
}
.experiExplan__item {
  display: flex;
  padding: 16px 0;
  border-bottom: dashed 1px #e1e1e1;
}
.experiExplan__item--img {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 16px;
  width: 64px;
  height: 64px;
  border: solid 1px #e1e1e1;
  border-radius: 50%;
}
.experiExplan__item--txt {
  width: calc(100% - 80px);
}
.experiExplan__item--txt h2 {
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .experiExplan__item--txt h2 {
    font-size: 16px;
  }
}
.experiExplan__item--txt p {
  margin-top: 4px;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: normal;
}
@media screen and (max-width: 321px) {
  .experiExplan__item--txt p {
    font-size: 12px;
  }
}
.eventPoint__tab {
  position: fixed;
  top: 60px;
  left: 0;
  z-index: 5;
  width: 100%;
}
.eventPoint__tab .commonWrap04 {
  margin: 0 auto;
  max-width: 600px;
  background-color: #fff;
}
.eventPoint__tab--list {
  display: flex;
  align-items: center;
  margin: 0 auto;
  max-width: 600px;
}
.eventPoint__tab--list li {
  padding: 10px 0;
  margin-right: 10px;
  width: 100%;
  border: solid 1px #e1e1e1;
  border-radius: 8px;
  background-color: #fff;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
  text-align: center;
  transition: background 0.2s ease-in 0s;
}
@media screen and (max-width: 321px) {
  .eventPoint__tab--list li {
    font-size: 14px;
  }
}
.eventPoint__tab--list li:last-child {
  margin: 0;
}
.eventPoint__tab--list li.active {
  border-color: #386392;
  background-color: #ecf5ff;
  color: #386392;
  font-weight: bold;
}
.eventPoint__btn {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 2;
  width: 100%;
  max-width: 600px;
}
@media screen and (min-width: 600px) {
  .eventPoint__btn {
    left: 50%;
    margin-left: -300px;
  }
}
.eventPoint__btn .eventPoint__btn * {
  color: #fff;
}
.eventPoint__btn button {
  padding: 15.5px 0;
  width: 100%;
  border-radius: 20px 20px 0 0;
  background-color: #386392;
  color: #fff;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -1px;
  text-align: center;
}
@media screen and (max-width: 321px) {
  .eventPoint__btn button {
    font-size: 18px;
  }
}
.eventPoint__list {
  margin: 96px 0 60px;
}
.eventPoint__list--item h3 {
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
  font-weight: 500;
  line-height: 1.33;
}
@media screen and (max-width: 321px) {
  .eventPoint__list--item h3 {
    font-size: 16px;
  }
}
@media screen and (max-width: 321px) {
  .eventPoint__list {
    margin-bottom: 57px;
  }
}
.eventPointSelect li {
  position: relative;
  margin-bottom: 20px;
  border-radius: 12px;
  background-color: #fff;
}
.eventPointSelect li > div {
  padding: 16px;
  border: solid 1px #fff;
  border-radius: 12px;
  background: url(../imagesMat/accountCardCheck-dis.svg) no-repeat right 16px top 16px #fff;
  transition: background 0.2s ease-in 0s;
  box-shadow: 0 2px 8px 0 rgba(17, 17, 17, 0.1);
}
.eventPointSelect li:last-child {
  margin-bottom: 0;
}
.eventPointSelect time {
  display: block;
  color: #a1a1a1;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .eventPointSelect time {
    font-size: 12px;
  }
}
.eventPointSelect time:first-child {
  margin-bottom: 3px;
}
.eventPointSelect h4 {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  width: calc(100% - 38px);
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .eventPointSelect h4 {
    font-size: 14px;
  }
}
.eventPointSelect p {
  display: flex;
  align-items: center;
}
.eventPointSelect .active {
  border-radius: 12px;
}
.eventPointSelect .active > div {
  border-color: #386392;
  background-image: url(../imagesMat/accountCardCheck.svg);
  background-color: #ecf5ff;
}
.eventPointSelect .imminent,
.eventPointSelect .complete {
  margin-top: 47px;
  border-radius: 0 12px 20px 20px;
}
.eventPointSelect .imminent:first-child,
.eventPointSelect .complete:first-child {
  margin-top: 28px !important;
}
@media screen and (max-width: 321px) {
  .eventPointSelect .imminent:first-child,
  .eventPointSelect .complete:first-child {
    margin-top: 25px !important;
  }
}
.eventPointSelect .imminent > div,
.eventPointSelect .complete > div {
  border: 0;
}
.eventPointSelect .imminent .listTopLabel,
.eventPointSelect .complete .listTopLabel {
  display: block;
  top: -30px;
  left: 0;
}
@media screen and (max-width: 321px) {
  .eventPointSelect .imminent .listTopLabel,
  .eventPointSelect .complete .listTopLabel {
    top: -27px;
  }
}
.eventPointSelect .imminent {
  background-color: #d93444;
}
.eventPointSelect .imminent > div {
  border-top: solid 3px #dc3545;
}
.eventPointSelect .imminent .listTopLabel {
  background-color: #d93444;
}
.eventPointSelect .imminent .eventPointSelect__time time:nth-child(2) {
  color: #dc3545;
}
.eventPointSelect .imminent .eventPointSelect__time.txtGrey time:nth-child(2) {
  color: #a1a1a1;
}
.eventPointSelect .complete {
  background-color: #777;
}
.eventPointSelect .complete h4 {
  color: #aeb0b5;
}
.eventPointSelect .complete .eventPointSelect__time p,
.eventPointSelect .complete .eventPointSelect__time p:after {
  color: #aeb0b5;
}
.eventPointSelect .complete .listTopLabel {
  background-color: #777;
}
.eventPointSelect .complete > div {
  border-top: solid 3px #777;
  background-image: none;
}
.eventPointSelect .link > div {
  background-image: none;
}
.eventPointSelect .link .eventPointSelect__time {
  margin-top: 10px;
}
.eventPointSelect__time {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-top: 8px;
}
.eventPointSelect__time div {
  width: 100%;
}
.eventPointSelect__time p {
  flex-shrink: 0;
  margin-left: 8px;
  font-size: 22px;
  line-height: 1.36;
  letter-spacing: -1.1px;
  font-weight: bold;
  line-height: 1.09;
}
@media screen and (max-width: 321px) {
  .eventPointSelect__time p {
    font-size: 20px;
  }
}
.eventPointSelect__time p:after {
  content: "원";
  margin-left: 4px;
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: normal;
}
@media screen and (max-width: 321px) {
  .eventPointSelect__time p:after {
    font-size: 12px;
  }
}
.eventPointSelect__link {
  margin-top: 12px;
  padding: 8px 40px;
  border-radius: 12px;
  background: url(../imagesMat/eventPointLink.svg) no-repeat 12px center/20px,
    url(../imagesMat/arrow_right04.svg) no-repeat right 12px center/7px #ecf5ff;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .eventPointSelect__link {
    font-size: 12px;
  }
}
.popupBottomWrap:has(.eventPointWrap__info) {
  border-top: solid 4px #386392;
  box-shadow: 0 -4px 8px 0 rgba(0, 0, 0, 0.16);
}
.eventPointWrap__close {
  font-size: 0;
  text-indent: -9999px;
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -45px;
  width: 90px;
  height: 30px;
  border-radius: 12px 12px 0 0;
  background: url(../imagesMat/eventPointClose.svg) no-repeat center #386392;
  box-shadow: 0 -4px 8px 0 rgba(0, 0, 0, 0.16);
}
.eventPointWrap__info div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 6px;
}
.eventPointWrap__info dt,
.eventPointWrap__info dd {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .eventPointWrap__info dt,
  .eventPointWrap__info dd {
    font-size: 14px;
  }
}
.eventPointWrap__info dt {
  font-weight: normal;
}
.eventPointWrap__info dd {
  font-weight: 500;
  text-align: right;
}
.eventPointWrap__total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 0 24px;
  margin-top: 12px;
  border-top: solid 1px #e1e1e1;
}
.eventPointWrap__total dt {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .eventPointWrap__total dt {
    font-size: 14px;
  }
}
.eventPointWrap__total dd {
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -1px;
  font-weight: bold;
  line-height: 1.2;
}
@media screen and (max-width: 321px) {
  .eventPointWrap__total dd {
    font-size: 18px;
  }
}
.eventPointWrap__total + .btnWrap {
  padding: 0 !important;
}
.preferArea {
  padding: 28px 20px 0;
}
.preferArea__menu {
  overflow-x: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  display: flex;
  flex-wrap: nowrap;
  white-space: nowrap;
}
.preferArea__menu::-webkit-scrollbar {
  display: none;
}
.preferArea__list {
  display: flex;
  align-items: center;
}
.preferArea__list button {
  position: relative;
  padding: 10px 0;
  margin: 0 8px 8px 0;
  width: calc(33.3333333333% - 5.4px);
  border: solid 1px #e1e1e1;
  border-radius: 8px;
  background-color: #fff;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  text-align: center;
  transition: all 0.2s ease-in 0s;
}
@media screen and (max-width: 321px) {
  .preferArea__list button {
    font-size: 14px;
  }
}
.preferArea__list button:has(span) {
  font-weight: 500;
}
.preferArea__list button span {
  position: absolute;
  top: 8px;
  right: calc(33.3333333333% - 16px);
  width: 16px;
  border-radius: 50%;
  background-color: #fd0;
  color: #555;
  font-size: 10px;
  line-height: 1.8;
  letter-spacing: -0.5px;
  line-height: 16px;
}
.preferArea__list button:nth-child(3n) {
  margin-right: 0;
}
.preferArea__list button.select {
  border: solid 1px #386392;
  background-color: #ecf5ff;
  color: #386392;
  font-weight: bold;
}
.preferArea__list--all,
.preferArea__list--select {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.preferArea__detailResult {
  margin: 24px 0 25px;
}
.preferArea__detailResult:has(ul) {
  margin-bottom: 32px;
}
.preferArea__detailResult article div {
  display: flex;
  align-items: center;
}
.preferArea__detailResult article div h3 {
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .preferArea__detailResult article div h3 {
    font-size: 16px;
  }
}
.preferArea__detailResult article div p {
  margin-left: 8px;
  color: #555;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .preferArea__detailResult article div p {
    font-size: 14px;
  }
}
.preferArea__detailResult article > p {
  margin-top: 8px;
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .preferArea__detailResult article > p {
    font-size: 16px;
  }
}
.preferArea__detailResult ul {
  display: flex;
  flex-wrap: wrap;
  margin-top: 16px;
}
.preferArea__detailResult ul li {
  position: relative;
  padding: 5px 30px 5px 12px;
  margin: 0 4px 8px 0;
  border: solid 1px #386392;
  border-radius: 20px;
  background-color: #ecf5ff;
  color: #386392;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .preferArea__detailResult ul li {
    font-size: 14px;
  }
}
.preferArea__detailResult ul li button {
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
  height: 34px;
  background-size: 10px;
  background-color: rgba(0, 0, 0, 0);
}
.boxTab {
  overflow: hidden;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  border: solid 1px #e1e1e1;
  border-radius: 12px;
}
.boxTab li {
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 30%;
  height: 52px;
  border-bottom: solid 1px #e1e1e1;
  border-right: solid 1px #e1e1e1;
  background-color: #fff;
  color: #777;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  line-height: 1.25;
  text-align: center;
  transition: background 0.2s ease-in 0s;
  cursor: pointer;
}
@media screen and (max-width: 321px) {
  .boxTab li {
    font-size: 14px;
  }
}
.boxTab li:nth-child(3n) {
  border-right: 0;
}
.boxTab li:nth-last-child(-n + 3) {
  border-bottom: 0;
}
.boxTab li.active {
  border: 0;
  border-color: #386392;
  background-color: #386392;
  color: #fff;
  font-weight: 500;
}
.boxTab li.null {
  background-color: #f6f6f6;
  min-height: 44px;
}
.accodi__list {
  border-bottom: solid 1px #f1f1f1;
  background: url(../imagesMat/accodiOpen.svg) no-repeat right 20px top 34px;
}
.accodi__list.open {
  border: 0;
  background-color: #f6f6f6;
  background-image: url(../imagesMat/accodiClose.svg);
}
.accodi__list.open .accodi__list--tit h3 {
  overflow: auto;
  white-space: normal;
}
.accodi__list.open .accodi__list--panel {
  display: block;
}
.accodi__list--tit h3 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.accodi__list--panel {
  display: none;
  padding: 4px 20px 20px;
}
.accodi__list--panel p {
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .accodi__list--panel p {
    font-size: 14px;
  }
}
.writeReview__list {
  padding: 0 20px;
  background-color: #fff;
}
.writeReview__list li {
  position: relative;
  padding: 24px 0 20px;
  border-bottom: solid 1px #f1f1f1;
}
.writeReview__list li:last-child {
  border-bottom: 0;
}
.writeReview__list li p {
  margin: 8px 0 16px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  word-break: break-all;
}
@media screen and (max-width: 321px) {
  .writeReview__list li p {
    font-size: 14px;
  }
}
.writeReview__list--top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.writeReview__list--top span {
  padding: 9px 10px 9px 24px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: bold;
  line-height: 1;
}
@media screen and (max-width: 321px) {
  .writeReview__list--top span {
    font-size: 14px;
  }
}
.writeReview__list--top > div {
  display: flex;
  align-items: center;
}
.writeReview__list--top > div button {
  margin-left: 12px;
  color: #777;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .writeReview__list--top > div button {
    font-size: 12px;
  }
}
.writeReview__list--top.keyword span {
  background: url(../imagesMat/ic_like.svg) no-repeat left center;
}
.writeReview__list--labelWrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
  padding-right: 60px;
}
.writeReview__list--labelWrap span {
  padding: 7px 10px;
  margin: 0 4px 4px 0;
  border-radius: 4px;
  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) {
  .writeReview__list--labelWrap span {
    font-size: 12px;
  }
}
.writeReview__list--labelWrap span.label05 {
  color: #3f9b3f !important;
  font-weight: 500;
}
.writeReview__list--labelWrap time {
  position: absolute;
  top: 5px;
  right: 0;
  color: #777;
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
}
@media screen and (max-width: 321px) {
  .writeReview__list--labelWrap time {
    font-size: 10px;
  }
}
.writeReview__list .keywordList {
  margin: 12px 0 16px;
}
.writeReview .contentNone {
  height: calc(100vh - 60px);
  padding-top: 120px;
  background-color: #f6f6f6;
  justify-content: start;
}
.keywordList {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  width: 100%;
}
.keywordList__item {
  padding: 8px 10px !important;
  border: 0 !important;
  display: flex;
  align-items: center;
  gap: 4px;
  background-color: #f6f6f6;
  border-radius: 8px;
}
.keywordList__item span {
  color: #111;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .keywordList__item span {
    font-size: 12px;
  }
}
.arrowMenu li {
  border-bottom: solid 1px #f1f1f1;
  background: url(../imagesMat/arrow_right03.svg) no-repeat right 20px center;
}
.arrowMenu a,
.arrowMenu div,
.arrowMenu button {
  padding: 16px 20px 16px 56px;
  background: no-repeat 20px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
  line-height: 24px;
}
@media screen and (max-width: 321px) {
  .arrowMenu a,
  .arrowMenu div,
  .arrowMenu button {
    font-size: 14px;
  }
}
.arrowMenu button {
  width: 100%;
}
.arrowMenu .arrowMenuIncome {
  background-image: url(../imagesMat/arrowMenuIncome.svg);
}
.arrowMenu .arrowMenuAuto {
  background-image: url(../imagesMat/arrowMenuAuto.svg);
}
.arrowMenu .arrowMenuCompen {
  background-image: url(../imagesMat/arrowMenuCompen.svg);
}
.arrowMenu .arrowMenuReview {
  background-image: url(../imagesMat/arrowMenuReview.svg);
}
.arrowMenu .arrowMenuNotice {
  background-image: url(../imagesMat/arrowMenuNotice.svg);
}
.arrowMenu .arrowMenuEvent {
  background-image: url(../imagesMat/arrowMenuEvent.svg);
}
.arrowMenu .arrowMenuQnA {
  background-image: url(../imagesMat/arrowMenuQnA.svg);
}
.arrowMenu .arrowMenuCs {
  background-image: url(../imagesMat/arrowMenuCs.svg);
}
.arrowMenu .arrowMenuSuge {
  background-image: url(../imagesMat/arrowMenuSuge.svg);
}
.arrowMenu .arrowMenuPassword {
  background-image: url(../imagesMat/arrowMenuPassword.svg);
}
.arrowMenu .arrowMenuAccout {
  background-image: url(../imagesMat/arrowMenuAccout.svg);
}
.arrowMenu .arrowMenuPush {
  background-image: url(../imagesMat/arrowMenuPush.svg);
}
.arrowMenu .arrowMenuOut {
  background-image: url(../imagesMat/arrowMenuOut.svg);
}
.arrowMenu .arrowMenuWdw {
  background-image: url(../imagesMat/arrowMenuWdw.svg);
}
.arrowMenu .arrowTerms {
  background-image: url(../imagesMat/arrowTerms.svg);
}
.arrowMenu div.arrowMenuVer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-image: url(../imagesMat/arrowMenuVer.svg);
}
.arrowMenu div.arrowMenuVer span {
  background-color: #fff;
  color: #777;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: normal;
}
@media screen and (max-width: 321px) {
  .arrowMenu div.arrowMenuVer span {
    font-size: 12px;
  }
}
.alertSetting li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  border-bottom: solid 1px #f1f1f1;
}
.alertSetting li h2 {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .alertSetting li h2 {
    font-size: 14px;
  }
}
.alertSetting li h2 + p {
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .alertSetting li h2 + p {
    font-size: 12px;
  }
}
.alertSetting li h3 {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .alertSetting li h3 {
    font-size: 14px;
  }
}
.alertSetting li p {
  margin-top: 2px;
}
.alertSetting__tit {
  position: relative;
  padding: 16px 20px 0;
}
.alertSetting__tit h2 {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .alertSetting__tit h2 {
    font-size: 14px;
  }
}
.alertSetting__tit h2 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) {
  .alertSetting__tit h2 span {
    font-size: 10px;
  }
}
.alertSetting__tit .linkBtn {
  top: 18px;
  right: 20px;
}
.subTopImg.suge {
  padding: 32px 20px 40px;
  background-image: url(../imagesMat/subTopImgSuge.svg);
}
.subTopImg.suge h2 {
  line-height: 1.3;
}
.subTopImg.suge p {
  margin-top: 12px;
}
.suggestion {
  padding: 20px 20px 24px;
}
.suggestion__clas {
  margin-bottom: 24px;
}
.suggestion__clas h3 {
  color: #333;
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
  font-weight: 500;
  line-height: 1.33;
}
@media screen and (max-width: 321px) {
  .suggestion__clas h3 {
    font-size: 16px;
  }
}
.suggestion__clas button {
  display: block;
  padding: 11px 12px;
  margin-top: 8px;
  width: 100%;
  border: solid 1px #e1e1e1;
  border-radius: 8px;
  background: url(../imagesMat/arrow_right03.svg) no-repeat right 12px center;
  color: #555;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  line-height: normal;
}
@media screen and (max-width: 321px) {
  .suggestion__clas button {
    font-size: 14px;
  }
}
.suggestion__opi label {
  color: #333;
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
  font-weight: 500;
  line-height: 1.33;
}
@media screen and (max-width: 321px) {
  .suggestion__opi label {
    font-size: 16px;
  }
}
.suggestion__opi textarea {
  height: 156px;
  margin-top: 8px;
}
.popupWrap__tit.suggest h2 {
  font-weight: normal;
}
.popupWrap__suge {
  overflow-y: auto;
  margin-top: 20px;
  width: 100%;
  max-height: calc(100vh - 176px);
}
.popupWrap__suge .radioSelect {
  display: block;
}
.popupWrap__suge .radioSelect__box:last-child {
  margin-bottom: 0;
}
.vacBan {
  padding: 19px 16px;
  border-radius: 12px;
  background: url(../imagesMat/vacBan.svg) no-repeat right #e2f1ff;
}
.vacBan p {
  margin-top: 2px;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
  font-weight: 500;
}
@media screen and (max-width: 321px) {
  .vacBan p {
    font-size: 12px;
  }
}
.vacBan h2 {
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .vacBan h2 {
    font-size: 14px;
  }
}
.vacCheck {
  margin-top: 20px;
}
.vacCheck h2 {
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .vacCheck h2 {
    font-size: 16px;
  }
}
.vacCheck .checkSelect__box.vac input[type="checkbox"]:checked + label {
  margin-bottom: 61px !important;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .vacCheck .checkSelect__box.vac input[type="checkbox"]:checked + label {
    font-size: 12px;
  }
}
@media screen and (max-width: 319px) {
  .vacCheck .checkSelect__box.vac input[type="checkbox"]:checked + label {
    margin-bottom: 108px !important;
  }
}
.vacCheck .checkSelect__box.vac input[type="checkbox"]:checked ~ .vacCheck__det {
  display: flex;
  align-items: center;
  width: 100%;
}
.vacCheck .checkSelect__box.vac input[type="checkbox"]:disabled + label {
  background-color: #f1f1f1;
  color: #aeb0b5;
}
.vacCheck__det {
  display: none;
  position: absolute;
  left: 0;
  bottom: -53px;
  padding: 8px 16px 12px;
  border: solid 1px #386392;
  border-top: 0;
  border-radius: 8px;
  background: no-repeat right 12px center #ecf5ff;
}
@media screen and (max-width: 319px) {
  .vacCheck__det {
    flex-wrap: wrap;
    bottom: -100px;
  }
  .vacCheck__det button,
  .vacCheck__det > div {
    width: 100%;
  }
}
.vacCheck__det > button,
.vacCheck__det > div {
  width: 50%;
}
@media screen and (max-width: 321px) {
  .vacCheck__det > button,
  .vacCheck__det > div {
    width: 100%;
  }
}
.vacCheck__det > button {
  display: block;
  padding: 10px 12px;
  margin-right: 8px;
  border: solid 1px #e1e1e1;
  border-radius: 8px;
  background: url(../imagesMat/arrow_right03.svg) no-repeat right 12px center #fff;
  color: #555;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .vacCheck__det > button {
    font-size: 14px;
  }
}
@media screen and (max-width: 319px) {
  .vacCheck__det > button {
    margin-right: 0;
    margin-bottom: 4px;
  }
}
.vacCheck__det:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 58px;
  width: 100%;
  height: 7px;
  background-color: #ecf5ff;
}
@media screen and (max-width: 321px) {
  .vacCheck__det:after {
    bottom: 57px;
  }
}
@media screen and (max-width: 319px) {
  .vacCheck__det:after {
    bottom: 103px;
  }
}
.vacCheck__det .react-datepicker__input-container input[readonly] {
  background-color: #fff;
}
.vacCheck__det .react-datepicker__input-container input[readonly]:focus {
  border: solid 1px #e1e1e1 !important;
}
.vacCheck p {
  padding-left: 24px;
  margin-top: 18px;
  background: url(../imagesMat/icon_noticeInfo-gray.svg) no-repeat 0 0;
  color: #333;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .vacCheck p {
    font-size: 12px;
  }
}
.verification {
  padding: 20vh 20px 40px;
  text-align: center;
}
.verification h2 {
  margin: 20px 0 12px;
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .verification h2 {
    font-size: 16px;
  }
}
.verification p {
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
}
@media screen and (max-width: 321px) {
  .verification p {
    font-size: 14px;
  }
}
.withdrawal h2 {
  padding: 2px 0 2px 40px;
  background: url(../imagesMat/icon_emoji_sad.svg) no-repeat left;
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
  font-weight: normal;
}
@media screen and (max-width: 321px) {
  .withdrawal h2 {
    font-size: 16px;
  }
}
.withdrawal h2 mark {
  font-weight: bold;
}
.withdrawal p {
  margin: 12px 0 20px;
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .withdrawal p {
    font-size: 12px;
  }
}
.withdrawal__sel {
  padding: 24px 16px 16px;
  border-radius: 12px;
  box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);
}
.withdrawal__sel h3 {
  margin-bottom: 12px;
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .withdrawal__sel h3 {
    font-size: 16px;
  }
}
.withdrawal__sel--reason .arrowBtn {
  background-color: #fff;
}
.withdrawal__sel--reason .arrowBtn.bgGray {
  background-color: #f6f6f6;
}
.withdrawal__sel--reason textarea {
  margin-top: 8px;
  padding: 10px 12px;
  height: 72px;
  line-height: 1.38;
}
.withdrawal__sel--reason textarea:focus {
  border-color: inherit;
  background-color: #fff;
}
.withdrawalNoti {
  position: relative;
  padding: 20px 20px 0;
}
.withdrawalNoti.on {
  border-top: solid 1px #e1e1e1;
  background-color: #f1f1f1;
}
.withdrawalNoti.on h2,
.withdrawalNoti.on .underline,
.withdrawalNoti.on .withdrawalNoti__agree {
  display: block;
}
.withdrawalNoti h2 {
  display: none;
  color: #333;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: -0.8px;
  line-height: 1.38;
}
@media screen and (max-width: 321px) {
  .withdrawalNoti h2 {
    font-size: 14px;
  }
}
.withdrawalNoti h2 + button {
  font-size: 12px;
  line-height: 1.5;
  letter-spacing: -0.6px;
}
@media screen and (max-width: 321px) {
  .withdrawalNoti h2 + button {
    font-size: 10px;
  }
}
.withdrawalNoti .underline {
  display: none;
  position: absolute;
  top: 22px;
  right: 20px;
  color: #999;
  text-decoration: underline;
}
.withdrawalNoti .btnWrap {
  padding: 20px 0;
  margin: 0;
}
.withdrawalNoti__agree {
  display: none;
  margin: 12px 0 10px;
}
.withdrawalNoti__agree.active .withdrawalNoti__agree--txt {
  display: block;
}
.withdrawalNoti__agree--txt {
  display: none;
  padding: 16px;
  margin-bottom: 12px;
  border: solid 1px #e1e1e1;
  border-radius: 12px;
  background-color: #fff;
}
.withdrawalNoti__agree--txt p {
  color: #555;
  font-size: 14px;
  line-height: 1.43;
  letter-spacing: -0.7px;
}
@media screen and (max-width: 321px) {
  .withdrawalNoti__agree--txt p {
    font-size: 12px;
  }
}
.withdrawalNoti__agree--txt p.dash {
  position: relative;
  padding-left: 6px;
}
.withdrawalNoti__agree--txt p.dash:after {
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  width: 4px;
  height: 1px;
  background-color: #666;
}
.popupWrap.withdrawal {
  padding: 32px 20px;
}
.popupWrap.withdrawal h2 {
  padding-left: 0;
  background: none;
  font-size: 18px;
  line-height: 1.44;
  letter-spacing: -0.9px;
}
@media screen and (max-width: 321px) {
  .popupWrap.withdrawal h2 {
    font-size: 16px;
  }
}
.popupWrap__withdrawal {
  overflow-y: auto;
  margin-top: 20px;
  width: 100%;
  max-height: calc(100vh - 238px);
}
.popupWrap__withdrawal .radioSelect {
  display: block;
}
.popupWrap__withdrawal .radioSelect__box:last-child {
  margin-bottom: 0;
} /*# sourceMappingURL=style.css.map */