@charset "utf-8";



@keyframes rollingleft1 {

  0% {

    transform: translateX(0);

  }



  50% {

    transform: translateX(-100%);

  }



  50.01% {

    transform: translateX(100%);

  }



  100% {

    transform: translateX(0);

  }

}



@keyframes rollingleft2 {

  0% {

    transition: translateX(0);

  }



  100% {

    transform: translateX(-200%);

  }

}



/* Default */

html {

  -webkit-text-size-adjust: none;

  -moz-text-size-adjust: none;

  -ms-text-size-adjust: none;

}



body,

html {

  width: 100%;

  height: 100%;

  position: fixed;

  overflow: hidden;

}



#wrap {

  width: 100vw;

  height: calc(var(--vh, 1vh) * 100);

  overflow-y: scroll;

  -webkit-overflow-scrolling: touch;

  margin: 0 auto;

}



.m_only {

  display: inline-block;

}



.pc_only {

  display: none;

}



.hide {

  display: none !important;

}



.mt0 {

  margin-top: 0px !important;

}



.mt10 {

  margin-top: 10px !important;

}



.mt17 {

  margin-top: 17px !important;

}



.mt20 {

  margin-top: 20px !important;

}



.mt30 {

  margin-top: 30px !important;

}



.mt40 {

  margin-top: 40px !important;

}



.mt50 {

  margin-top: 50px !important;

}



.mt60 {

  margin-top: 60px !important;

}



.mt70 {

  margin-top: 70px !important;

}



.mt80 {

  margin-top: 80px !important;

}



.mt90 {

  margin-top: 90px !important;

}



.mb0 {

  margin-bottom: 0px !important;

}



.mb10 {

  margin-bottom: 10px !important;

}



.mb20 {

  margin-bottom: 20px !important;

}



.mb30 {

  margin-bottom: 30px !important;

}



.mb40 {

  margin-bottom: 40px !important;

}



.mb50 {

  margin-bottom: 50px !important;

}



.mb60 {

  margin-bottom: 60px !important;

}



.mb70 {

  margin-bottom: 70px !important;

}



.mb80 {

  margin-bottom: 80px !important;

}



.mb90 {

  margin-bottom: 90px !important;

}



.pb0 {

  padding-bottom: 0px !important;

}



.pb40 {

  padding-bottom: 40px !important;

}



.pb50 {

  padding-bottom: 50px !important;

}



.pb90 {

  padding-bottom: 90px !important;

}



/* z-index */

.dim {

  z-index: 50;

}



.fake_dim {

  z-index: 200;

}



.toast_popup,

.layer_popup,

.page_popup {

  z-index: 100;

}



.select_popup_wrap {

  z-index: 40;

}



.main_btn_area {

  z-index: 10;

}



.toast_popup .main_btn_area {

  z-index: inherit;

}



header {

  z-index: 10;

}



.go_back {

  position: fixed;

  left: 14px;

  top: 10px;

  width: 24px;

  height: 24px;

  background-image: url(../image/icon_back_header.svg);

  background-repeat: no-repeat;

  background-position: center center;

  text-indent: -9999px;

  overflow: hidden;

}



.radio.list_type label {

  z-index: 5;

}



.input_box label {

  z-index: 5;

}

/* input */

input[type="radio"],

input[type="checkbox"] {

  width: 0;

  height: 0;

  overflow: hidden;

  opacity: 0;

}



.radio.list_type {

  display: flex;

  align-items: center;

  position: relative;

  height: 56px;

}



.radio.list_type label {

  position: absolute;

  width: 100%;

  height: 56px;

}



.radio.list_type input[type="radio"]:checked + label::before {

  content: "";

  display: inline-block;

  border: 8px solid #ffeb00;

  background-color: #060b11;

}



.radio.list_type .text_area {

  display: flex;

  width: 100%;

  justify-content: space-between;

  padding-left: 48px;

  align-items: center;

  height: 56px;

  line-height: 56px;

}



.radio.list_type .text_area span {

  font-weight: normal;

}



.radio.list_type .text_area .list_title {

  font-size: 16px;

  line-height: 24px;

  width: calc(100% - 70px);

}



.radio.list_type .text_area .list_title .list_sub_text {

  display: block;

  width: 100%;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  font-weight: 200;

  font-size: 12px;

  line-height: 24px;

  color: rgba(6, 11, 17, 0.48);

}



.radio.list_type .text_area .list_title .list_top_text {

  display: block;

  width: 100%;

  white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

  font-weight: 400;

  font-size: 13px;

  line-height: 24px;

  color: rgba(6, 11, 17, 0.48);

}



.radio.list_type .text_area .list_title .list_top_text em + em {

  position: relative;

  padding-left: 10px;

}



.radio.list_type .text_area .list_title .list_top_text em + em::before {

  content: "";

  width: 1px;

  height: 12px;

  background-color: #e3e8ec;

  position: absolute;

  left: 3px;

  top: 60%;

  transform: translateY(-50%);

}



.radio.list_type .text_area .price_text {

  font-size: 14px;

  line-height: 20px;

  min-width: 70px;

  text-align: right;

  white-space: nowrap;

}



.list_area.type_normal ul {

  padding-bottom: 64px;

}



.contents_wrap .list_area.type_normal.list_area li {

  height: auto;

}



.list_area.mult_line .radio.list_type {

  height: auto;

  min-height: 56px;

}



.list_area.mult_line .radio.list_type label {

  height: 100%;

}



.list_area.mult_line .radio.list_type .text_area {

  height: auto;

  min-height: 56px;

}



.list_area.mult_line .radio.list_type label::before {

  top: 11px;

  transform: none;

}



.list_area.mult_line .radio.list_type .text_area {

  align-items: flex-start;

}



.list_area.mult_line .radio.list_type .text_area .list_title {

  padding-top: 12px;

}



.list_area.mult_line .radio.list_type .text_area .price_text {

  margin-top: 12px;

  display: inline-block;

  height: 21px;

}



.list_area.mult_line .radio.list_type .text_area .list_sub_text {

  width: 100%;

  line-height: 18px;

  overflow: hidden;

  text-overflow: ellipsis;

  display: -webkit-box;

  -webkit-line-clamp: 2;

  -webkit-box-orient: vertical;

  white-space: inherit;

}



.radio.list_type {

  display: flex;

  align-items: center;

  position: relative;

  height: 56px;

}



.radio.list_type label {

  position: absolute;

  width: 100%;

  height: 56px;

}



.radio.list_type label::before {

  content: "";

  display: inline-block;

  width: 28px;

  height: 28px;

  min-width: 28px;

  border-radius: 50%;

  box-sizing: border-box;

  background-color: #ffffff;

  border: 1px solid #cfd6dc;

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  left: 8px;

}



.radio.list_type input[type="radio"]:checked + label::before {

  border: 8px solid #ffeb00;

  background-color: #060b11;

}



.radio.list_type input[type="radio"]:disabled + label::before {

  border: 1px solid #979797;

  background-color: #e3e8ec;

  opacity: 0.4;

}



.radio.list_type input[type="radio"]:disabled + label + .text_area,

.radio.list_type

  input[type="radio"]:disabled

  + label

  + .text_area

  .list_title

  .list_top_text {

  color: rgba(6, 11, 17, 0.24);

}



.radio.list_type .text_area {

  padding-left: 48px;

}



/* Input Box */

.input_box {

  width: 100%;

  height: 80px;

  position: relative;

  display: inline-block;

  background-color: #ffffff;

  border: 1px solid #191c20;

  border-radius: 16px;

  overflow: hidden;

  transition: height 0.5s;

}



.input_box label {

  position: absolute;

  top: 16px;

  left: 24px;

  font-weight: normal;

  font-size: 12px;

  line-height: 18px;

  color: rgba(6, 11, 17, 0.48);

}



.input_box input[type="text"],

.input_box input[type="password"] {

  width: 100%;

  height: 100%;

  padding: 37px 24px 17px;

  font-weight: normal;

  font-size: 18px;

}



.input_box input[type="text"]::placeholder,

.input_box input[type="password"]::placeholder {

  color: rgba(6, 11, 17, 0.24);

}



.input_box.error {

  border: 1px solid #e3e8ec;

  height: 96px;

}



.input_box.error input[type="text"],

.input_box.error input[type="password"] {

  padding: 34px 24px 36px;

}



.input_box .error_msg {

  display: none;

  position: absolute;

  top: 65px;

  left: 24px;

  font-weight: normal;

  font-size: 10px;

  line-height: 16px;

  color: #ff3c3c;

}



.input_box.error .error_msg {

  display: inline-block;

}



/* Text Type */

.input_box.text_type {

  background-color: #f8f9fa;

  border: 1px solid #e3e8ec;

}



.input_box.text_type.error {

  border: 1px solid #e3e8ec;

  height: 96px;

}



.input_box.text_type.focus {

  background-color: #ffffff;

  border: 1px solid #191c20;

}



.input_box.text_type.focus.error {

  border: 1px solid #ff3c3c;

  height: 96px;

}



/* Date Type */

.input_box.date_type label {

  display: inline-block;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  z-index: 5;

  padding: 17px 24px;

  background-image: url(../image/icon_select_on.svg);

  background-repeat: no-repeat;

  background-position: calc(100% - 24px) center;

}



.input_box.date_type input[type="date"] {

  width: 100px;

  height: 100px;

  position: absolute;

  left: 0;

  top: 0;

  opacity: 1;

  z-index: 10;

}



.input_box.date_type .date_val {

  position: absolute;

  top: 38px;

  left: 24px;

  font-weight: 500;

  font-size: 18px;

  line-height: 26px;

}



/* readonly Type */

.input_box.readonly_type {

  background-color: #f8f9fa;

  border: 1px solid #e3e8ec;

  pointer-events: none;

  margin-bottom: 12px;

}



.input_box.readonly_type:last-of-type {

  margin-bottom: 0;

}



/* Datepicker */

.datepicker input[type="text"] {

  width: 100px;

  height: 20px;

  pointer-events: none;

}



/* Search */

.search_input_area {

  margin-top: 8px;

  position: relative;

  width: 100%;

  height: 60px;

}



.search_input_area input[type="text"] {

  /* position: absolute; */

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  font-weight: normal;

  font-size: 20px;

  padding: 12px 26px 12px 44px;

  background-image: url(../image/icon_search.svg);

  background-repeat: no-repeat;

  background-position: left center;

  border-bottom: 2px solid rgba(135, 146, 156, 0.2);

  border-radius: 0;

}



.search_input_area input[type="text"]:focus {

  border-bottom: 2px solid #060b11;

}



.search_input_area input[type="text"]::placeholder {

  color: rgba(6, 11, 17, 0.24);

}



.search_input_area .clear {

  position: absolute;

  right: 0;

  top: 50%;

  transform: translateY(-50%);

  text-indent: -99999px;

  display: inline-block;

  width: 24px;

  height: 24px;

  background-image: url(../image/icon_input_clear.svg);

  background-repeat: no-repeat;

  background-position: center center;

  display: none;

}



.search_input_area input[type="text"]:focus + .clear {

  display: inline-block;

}



/* Search Type Button */

.search_input_area.type_btn input[type="text"] {

  background-image: none;

  padding: 12px 26px 20px 0px;

}



.search_input_area.type_btn .clear {

  right: 36px;

}



.search_input_area.type_btn .search_btn {

  position: absolute;

  right: 0;

  top: 0;

  height: 100%;

  width: 32px;

  text-indent: -999999px;

  overflow: hidden;

  background-image: url(../image/icon_search.svg);

  background-repeat: no-repeat;

  background-position: 8px center;

}



/* Main Button */

.main_btn_area {

  position: fixed;

  left: 50%;

  transform: translateX(-50%);

  bottom: 0;

  padding: 34px 24px calc(constant(safe-area-inset-bottom) + 16px);

  padding: 34px 24px calc(env(safe-area-inset-bottom) + 16px);

  width: 100%;

  background: linear-gradient(

    180deg,

    rgba(255, 255, 255, 0) 0%,

    #ffffff 30.91%

  );

}



.main_btn_area.popup_type {

  position: static;

  background: transparent;

}



.main_btn_area.type_two_btn {

  display: flex;

  justify-content: space-between;

}



.main_btn_area.type_two_btn .btn {

  width: calc(50% - 4px);

}



.layer_popup .main_btn_area,

.toast_popup .main_btn_area {

  position: static;

  padding: 0;

  background-color: #ffffff;

  margin-top: 24px;

  background: none;

  transform: none;

}



.main_btn_area .btn {

  width: 100%;

  height: 60px;

  line-height: 60px;

  border-radius: 30px;

  -webkit-border-radius: 30px;

  -moz-border-radius: 30px;

  font-weight: 700;

  font-size: 18px;

  background-color: #ffeb00;

  display: inline-block;

  color: #060b11;

}



.main_btn_area input[type="submit"].btn {

  width: 100%;

  height: 60px;

  line-height: 60px;

  border-radius: 30px;

  -webkit-border-radius: 30px;

  -moz-border-radius: 30px;

  font-weight: 500;

  font-size: 18px;

  background-color: #ffeb00;

  display: inline-block;

  color: #060b11;

  appearance: none;

  -moz-appearance: none;

  -webkit-appearance: none;

}



.main_btn_area .btn + .btn_tooltip {

  position: absolute;

  right: 24px;

  top: 34px;

  width: calc(67% - 36px);

  height: 60px;

  z-index: -1;

}



.main_btn_area .btn + .btn_tooltip .bubble {

  position: absolute;

  left: 50%;

  bottom: 72px;

  max-width: 95%;

  width: 95%;

  transform: translateX(-50%);

  padding: 8px 10px;

  background: #060b11;

  border-radius: 8px;

  display: inline-block;

}



.main_btn_area .btn + .btn_tooltip .bubble.oneline {

  width: max-content;

}



.main_btn_area .btn + .btn_tooltip .bubble::after {

  position: absolute;

  left: 50%;

  bottom: -12px;

  width: 11px;

  height: 8px;

  border: 5px solid transparent;

  border-top: 8px solid #060b11;

  box-sizing: border-box;

  content: "";

  display: block;

}



.main_btn_area .btn + .btn_tooltip .bubble p {

  width: 100%;

  font-size: 14px;

  font-weight: 600;

  color: #ffffff;

  line-height: 20px;

  text-align: center;

  word-break: keep-all;

}



.main_btn_area .btn:disabled {

  background-color: #fff9bf;

  color: rgba(6, 11, 17, 0.32);

}



.main_btn_area .btn.disabled_type_gray:disabled {

  background-color: #f8f9fa;

  border: 1px solid #cfd6dc;

  box-sizing: border-box;

}



.layer_popup .main_btn_area .btn {

  font-size: 16px;

  height: 52px;

  line-height: 52px;

}



.main_btn_area.color_type01 .btn {

  background-color: #f8f9fa;

  border: 1px solid #cfd6dc;

  box-sizing: border-box;

}



.main_btn_area.type_two_btn.color_type01 .btn:first-of-type {

  font-weight: 400;

  background-color: #f8f9fa;

  border: 1px solid #cfd6dc;

  box-sizing: border-box;

}



.main_btn_area.type_two_btn.color_type02 .btn:first-of-type {

  font-weight: 400;

  background-color: #eff2f4;

}



.main_btn_area.type_two_btn.size_type01 .btn:first-of-type {

  width: calc(33% - 4px);

}



.main_btn_area.type_two_btn.size_type01 .btn:last-of-type {

  width: calc(67% - 4px);

}



.layer_popup .main_btn_area.type_two_btn.color_type02 .btn:first-of-type {

  background-color: #f8f9fa;

  border: 1px solid #cfd6dc;

}



.main_btn_area.type_vertical {

  display: flex;

  justify-content: flex-start;

  flex-direction: column;

}



.main_btn_area.type_vertical .btn {

  background-color: #f8f9fa;

  border: 1px solid #cfd6dc;

  display: flex;

  justify-content: center;

  align-items: center;

}



.main_btn_area.type_vertical .btn i {

  display: inline-block;

  width: 24px;

  height: 24px;

  margin-right: 8px;

  background-repeat: no-repeat;

  background-position: center center;

}



.main_btn_area.type_vertical .btn.img_film i {

  background-image: url(../image/icon_film.svg);

}



.main_btn_area.type_vertical .btn.img_album i {

  background-image: url(../image/icon_album.svg);

}



.main_btn_area.type_vertical .btn + .btn {

  margin-top: 8px;

}



.main_btn_area.type_vertical .fake_btn_area {

  position: relative;

  width: 100%;

  height: 60px;

}



.main_btn_area.type_vertical .fake_btn_area input[type="file"] {

  position: absolute;

  left: 0;

  top: 0;

  display: inline-block;

  width: 100%;

  height: 100%;

  opacity: 0;

  z-index: 10;

}



.main_btn_area.type_vertical .fake_btn_area .fake_btn {

  background-color: #f8f9fa;

  border: 1px solid #cfd6dc;

  display: flex;

  justify-content: center;

  align-items: center;

  height: 100%;

  border-radius: 30px;

  font-weight: 500;

  font-size: 18px;

  line-height: 26px;

}



.main_btn_area.type_vertical .fake_btn i {

  display: inline-block;

  width: 24px;

  height: 24px;

  margin-right: 8px;

  background-repeat: no-repeat;

  background-position: center center;

}



.main_btn_area.type_vertical .fake_btn.img_film i {

  background-image: url(../image/icon_film.svg);

}



.main_btn_area.type_vertical .fake_btn.img_album i {

  background-image: url(../image/icon_album.svg);

}



.main_btn_area.type_vertical .fake_btn_area + .fake_btn_area {

  margin-top: 8px;

}



.main_btn_area.type_vertical.color_type02 .btn {

  border: 0;

}



.main_btn_area.type_vertical.color_type02 .btn:first-of-type {

  background-color: #ffeb00;

  color: #060b11;

}



.main_btn_area.type_vertical.color_type02 .btn:last-of-type {

  background-color: #eff2f4;

  color: #060b11;

}



.main_btn_area .btn_other {

  display: block;

  text-align: center;

  margin-top: 16px;

}



.main_btn_area .btn_other .btn02 {

  display: inline-block;

  font-size: 14px;

  font-weight: 500;

  color: rgba(6, 11, 17, 0.48);

  line-height: 20px;

}



/* common - contents */



/* popup */

.dim {

  position: fixed;

  left: 50%;

  top: 0;

  width: 100%;

  height: calc(var(--vh, 1vh) * 100);

  background-color: rgba(0, 0, 0, 0.6);

  display: none;

  transform: translateX(-50%);

}



.fake_dim {

  position: fixed;

  left: 50%;

  top: 0;

  width: 100%;

  height: 100%;

  background-color: transparent;

  display: none;

  transform: translateX(-50%);

}



.dim.on,

.fake_dim.on {

  display: block;

}



.toast_popup {

  position: fixed;

  left: 50%;

  bottom: -100%;

  transform: translateX(-50%);

  width: 100%;

  height: auto;

  overflow: hidden;

  padding: 16px 24px calc(constant(safe-area-inset-bottom) + 16px);

  padding: 16px 24px calc(env(safe-area-inset-bottom) + 16px);

  transition: all 0.5s;

  border-radius: 32px 32px 0 0;

  background-color: #ffffff;

}



.toast_popup.on {

  padding: 16px 24px calc(constant(safe-area-inset-bottom) + 16px);

  padding: 16px 24px calc(env(safe-area-inset-bottom) + 16px);

  bottom: 0;

}



.toast_popup .exit_btn_area {

  width: 100%;

  display: flex;

  justify-content: flex-end;

}



.toast_popup .exit_btn_area .exit {

  display: inline-block;

  width: 24px;

  height: 24px;

  line-height: 24px;

  text-indent: -99999px;

  background-image: url(../image/icon_close_popup.svg);

  background-repeat: no-repeat;

  background-position: center center;

}



.toast_popup .popup_top_area {

  display: flex;

  justify-content: space-between;

  align-items: center;

}



.toast_popup .popup_top_area .btn,

.toast_popup .popup_top_area .delete {

  font-weight: normal;

  font-size: 14px;

  line-height: 20px;

  display: inline-block;

  color: rgba(6, 11, 17, 0.48);

}



.toast_popup .popup_top_area .title {

  font-weight: normal;

  font-size: 18px;

  line-height: 26px;

}



.toast_popup .popup_top_area .exit.type_none_circle {

  display: inline-block;

  width: 24px;

  height: 24px;

  line-height: 24px;

  text-indent: -99999px;

  background-image: url(../image/icon_exit_header.svg);

  background-repeat: no-repeat;

  background-position: center center;

}



.toast_popup .scroll_area {

  overflow: auto;

  height: calc(100% - 62px);

}



.toast_popup .scroll_btn_area {

  overflow: auto;

  height: calc(100% - 62px);

  padding-bottom: 110px;

}



.toast_popup .search_list_area {

  margin-top: 36px;

}



.toast_popup .search_list_area.type_normal_list li {

  height: 48px;

  margin-bottom: 20px;

}



.toast_popup .search_list_area.type_normal_list li label {

  padding-left: 48px;

  height: 100%;

  line-height: 48px;

  font-weight: normal;

  font-size: 16px;

}



.toast_popup .search_list_area.type_normal_list li:last-of-type {

  margin-bottom: 0px;

}



.toast_popup .bot_btn_area {

  position: absolute;

  width: 100%;

  height: 110px;

  padding: 34px 16px 16px;

  left: 50%;

  transform: translateX(-50%);

  bottom: 16px;

  z-index: 10;

  background: linear-gradient(

    180deg,

    rgba(255, 255, 255, 0) 0%,

    #ffffff 30.91%

  );

}



.toast_popup .bot_btn_area .btn {

  width: 100%;

  height: 60px;

  line-height: 60px;

  background-color: #ffeb00;

  border-radius: 30px;

  font-weight: 500;

  font-size: 18px;

}



.toast_popup .popup_main_text {

  display: block;

  font-size: 20px;

  font-weight: 700;

  color: #060b11;

  line-height: 28px;

  padding: 8px 0 0;

}



.toast_popup .popup_main_text em {

  color: #008dff;

  font-size: 20px;

}



.toast_popup .popup_sub_text_box {

  margin-top: 16px;

  width: 100%;

  padding: 20px;

  background-color: #eff2f4;

  border-radius: 16px;

  font-weight: normal;

  font-size: 13px;

  line-height: 20px;

  color: rgba(6, 11, 17, 0.48);

}



.toast_popup .popup_sub_text_area {

  margin-top: 16px;

  font-weight: normal;

  font-size: 14px;

  line-height: 20px;

  color: rgba(6, 11, 17, 0.48);

  min-height: 36px;

}



.toast_popup .popup_sub_text_area.type_hi_reset {

  min-height: auto;

}



.layer_popup {

  position: fixed;

  width: 312px;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  background-color: #ffffff;

  border-radius: 32px;

  padding: 32px 16px 16px;

  text-align: center;

  display: none;

}



.layer_popup.on {

  display: block;

}



.layer_popup .popup_main_text {

  font-weight: 500;

  font-size: 20px;

  line-height: 28px;

}



.layer_popup .popup_sub_text_area {

  margin-top: 10px;

}



.layer_popup .popup_sub_text_area .pop_title {

  font-size: 20px;

  font-weight: 700;

  color: #060b11;

  line-height: 28px;

  margin-bottom: 8px;

}



.layer_popup .popup_sub_text_area .pop_title.ico_error::before {

  width: 48px;

  height: 48px;

  background-image: url(../image/icon_error.svg);

  background-repeat: no-repeat;

  background-position: center center;

  margin: 0 auto 8px;

  content: "";

  display: block;

}



.layer_popup .popup_sub_text_area .sub_text {

  font-weight: normal;

  font-size: 16px;

  line-height: 24px;

  color: rgba(6, 11, 17, 0.48);

  letter-spacing: -0.75px;

}



.layer_popup .popup_sub_text_area .sub_text.black {

  color: #060b11;

}



.layer_popup .main_btn_area {

  padding: 0;

  margin-top: 26px;

}



.layer_popup .main_btn_area.popup_type .btn {

  height: 52px;

  line-height: 52px;

  background-color: #f8f9fa;

  border: 1px solid #cfd6dc;

  box-sizing: border-box;

}



.popup_input_list li {

  margin-bottom: 12px;

}



.popup_input_list li:last-of-type {

  margin-bottom: 0px;

}



.page_popup {

  position: fixed;

  width: 100%;

  height: 100%;

  left: 0;

  top: 0;

  background-color: #ffffff;

  display: none;

}



.page_popup.on {

  display: block;

}



.page_popup .title_area {

  padding: 8px 16px 24px;

}



.page_popup .title_area .contents_title {

  font-weight: 500;

  font-size: 26px;

  line-height: 36px;

  display: block;

  padding-bottom: 6px;

}



.page_popup .title_area .contents_sub_text {

  padding-top: 12px;

  font-weight: 400;

  font-size: 15px;

  line-height: 21px;

  color: #444b52;

  word-break: keep-all;

}



.select_popup_wrap {

  position: fixed;

  background-color: #ffffff;

  left: 50%;

  transform: translateX(-50%);

  bottom: 0;

  width: 100%;

  height: 0%;

  transition: height 0.5s;

}



.select_popup_wrap.on {

  display: block;

  height: 100%;

}



.select_popup_wrap .toast_select_popup {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  display: none;

  overflow: auto;

  padding: 0px 16px 0px;

}



.select_popup_wrap .toast_select_popup.on {

  display: block;

}



.select_popup_wrap .header_area {

  position: -webkit-sticky; /* Safari */

  position: sticky;

  top: 0;

  left: 0;

  background-color: #ffffff;

  z-index: 10;

  height: auto;

}



.select_popup_wrap .header_area .top_btn_area {

  width: 100%;

  height: 44px;

  text-align: right;

  padding-top: 10px;

}



.select_popup_wrap .header_area .top_btn_area .exit {

  width: 24px;

  height: 24px;

  text-indent: -99999px;

  background-image: url(../image/icon_exit_header.svg);

  background-repeat: no-repeat;

  background-position: center center;

}



.select_popup_wrap .header_area .title_area {

  padding-top: 10px;

}



.select_popup_wrap .header_area .title_area .contents_title {

  padding: 0 8px;

  font-weight: 500;

  font-size: 26px;

  line-height: 36px;

  display: block;

}



.select_popup_wrap .header_area .title_area .contents_sub_text {

  padding: 8px 8px 23px;

  font-weight: normal;

  font-size: 14px;

  line-height: 20px;

  color: rgba(6, 11, 17, 0.48);

}



.select_popup_wrap .list_area {

  margin-bottom: 30px;

  padding-bottom: 92px;

}



.select_popup_wrap .contents_area {

  min-height: calc(100% - 287px);

}



.select_popup_wrap .contents_area.hi_set {

  min-height: calc(100% - 287px);

}



.contents_wrap.full_type .title_area.fixed_type {

  position: fixed;

  top: 0px;

  display: block;

  width: 100%;

  background-color: #ffffff;

  padding-top: 8px;

  z-index: 10;

}



.list_view_area.tab_type .tab_title.fixed_type {

  position: fixed;

  top: 42px;

  width: 100%;

  background-color: #ffffff;

  z-index: 10;

}



.list_view_area.tab_type .tab_title.fixed_type + .tab_contents_area {

  padding-top: 104px;

}



/* 최근 이용 병원 수정 - 20220118 */



.toast_popup .edit_btn_area .btn {

  font-weight: normal;

  font-size: 14px;

  line-height: 20px;

  color: rgba(6, 11, 17, 0.48);

}



.toast_popup .search_list_area.type_normal_list .recent_list.type_change li {

  height: 78px;

}



.toast_popup .recent_list.type_change li label {

  display: none;

}



.toast_popup .recent_list.type_change > li {

  position: relative;

  padding: 16px 0;

}



.toast_popup .recent_list.type_change > li a,

.toast_popup .recent_list.type_change > li label {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

}



.toast_popup .recent_list.type_change li .icon {

  position: absolute;

  left: 0;

  top: 16px;

  width: 40px;

  height: 40px;

  display: inline-block;

  background-color: #f8f9fa;

  border-radius: 15px;

  background-image: url(../image/icon_list02.svg);

  background-repeat: no-repeat;

  background-position: center center;

  margin-top: 2px;

}



.toast_popup .recent_list.type_change li .text_contents {

  padding-left: 56px;

}



.toast_popup .recent_list.type_change li .text_contents .top_text {

  display: flex;

  justify-content: flex-start;

  align-items: center;

  flex-wrap: wrap;

}



.toast_popup .recent_list.type_change li .text_contents .top_text li {

  display: inline-block;

  font-weight: normal;

  font-size: 13px;

  line-height: 20px;

  color: rgba(6, 11, 17, 0.48);

  white-space: nowrap;

  height: auto;

  margin: 0;

  width: auto;

}



.toast_popup .recent_list.type_change li .text_contents .top_text li + li {

  padding-left: 12px;

  position: relative;

}



.toast_popup

  .recent_list.type_change

  li

  .text_contents

  .top_text

  li

  + li.on::before {

  content: "";

  display: inline-block;

  width: 1px;

  height: 12px;

  background-color: #e3e8ec;

  position: absolute;

  left: 6px;

  top: 50%;

  transform: translateY(-50%);

}



.toast_popup .recent_list.type_change li .text_contents .title {

  display: block;

  font-weight: normal;

  font-synthesis: 16px;

  line-height: 24px;

  margin-top: 2px;

}



.toast_popup .recent_list.type_change.edit_mode a {

  display: none;

}



.toast_popup .recent_list.type_change.edit_mode .icon {

  display: none;

}



.toast_popup .recent_list.type_change.edit_mode label {

  display: block;

}



.toast_popup .search_list_area.padding_set {

  padding-bottom: 92px;

}



.toast_popup .search_list_area + .main_btn_area.fixed_type {

  position: fixed;

  bottom: 0;

  left: 50%;

  transform: translateX(-50%);

  padding: 16px 16px calc(constant(safe-area-inset-bottom) + 16px);

  padding: 16px 16px calc(env(safe-area-inset-bottom) + 16px);

  width: 100%;

  background: linear-gradient(

    180deg,

    rgba(255, 255, 255, 0) 0%,

    #ffffff 30.91%

  );

}



/* header */

/*

header { position: fixed; left: 50%; transform: translateX(-50%); top: 0; width: 100%; height: 44px; background-color: #ffffff; }

header .go_back { position: absolute; left: 16px; top: 50%; transform: translateY(-50%); width: 24px; height: 24px; background-image: url(../image/icon_back_header.svg); background-repeat: no-repeat; background-position: center center; text-indent: -99999px; }

header .exit { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); width: 24px; height: 24px; background-image: url(../image/icon_exit_header.svg); background-repeat: no-repeat; background-position: center center; text-indent: -99999px; }

header .progress_bar_area { position: absolute; left: 0; bottom: 0; height: 2px; width: 100%; }

header .progress_bar_area .bar { position: absolute; left: 0; top: 0; height: 100%; transition: width 0.3s; background-color: #3F424A; }

header .title { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-weight: 500; font-size: 17px; line-height: 23px; }

*/



/* Contents */

.contents_wrap {

  width: 100%;

  height: auto;

  min-height: 100%;

  padding: 44px 24px 75px;

  box-sizing: border-box;

}



.contents_wrap.viewer_type {

  background-color: #eff2f4;

  padding: 8px 12px 140px;

}



.contents_wrap.bottom_set01 {

  padding-bottom: 46px;

}



.contents_wrap.type_bot_guide_wrap {

  padding: 8px 24px 0px;

}



.contents_wrap.type_bot_guide_wrap .bot_set_contents {

  margin-bottom: calc(100vh - 609px - constant(safe-area-inset-bottom));

  margin-bottom: calc(100vh - 609px - env(safe-area-inset-bottom));

}



.contents_wrap.full_type {

  padding: 8px 0 140px;

}



.contents_wrap.full_type.none_btn {

  padding: 8px 0 0px;

}



.contents_wrap .title_area.thin_type {

  min-height: 36px;

}



.contents_wrap .title_area .contents_title {

  display: block;

  font-weight: 600;

  font-size: 26px;

  line-height: 36px;

  padding-bottom: 6px;

}



.contents_wrap .title_area .contents_title + .contents_sub_text {

  padding: 6px 0 0;

  font-weight: normal;

  font-size: 16px;

  line-height: 24px;

  color: rgba(6, 11, 17, 0.56);

  word-break: keep-all;

  padding: 6px 0;

}



/* Full Type */

.contents_wrap.full_type .title_area {

  padding: 36px 24px 0;

}



.contents_wrap.full_type .info_view.type_document {

  padding-top: 44px;

}



.contents_wrap.full_type .info_view.type_document .contents_main_title_area {

  padding: 0 24px 0px;

}



.contents_wrap.full_type

  .info_view.type_document

  .contents_main_title_area

  .title {

  font-weight: normal;

  font-size: 18px;

  line-height: 26px;

  display: inline-block;

  margin-right: 8px;

  margin-top: 40px;

}



.contents_wrap.full_type

  .info_view.type_document

  .contents_main_title_area

  .date {

  font-weight: normal;

  font-size: 10px;

  line-height: 16px;

  color: rgb(6, 11, 17, 0.48);

}



.contents_main_title_area .detail_info_list span {

  font-weight: normal;

  font-size: 14px;

  line-height: 20px;

  color: rgba(6, 11, 17, 0.48);

}



.contents_main_title_area .detail_info_list li {

  margin-bottom: 4px;

}



.contents_main_title_area .detail_info_list .detail_title {

  display: inline-block;

  margin-right: 12px;

}



.contents_wrap.full_type .contents_list_area.contents_box {

  padding: 16px 24px 0px;

}



.contents_wrap.full_type

  .contents_list_area.contents_box

  + .contents_list_area.contents_box {

  padding-top: 40px;

}



.contents_wrap.full_type .contents_list_area .contents_title_area {

  display: flex;

  justify-content: space-between;

  align-items: center;

}



.contents_wrap.full_type .contents_list_area .contents_title_area .title {

  font-weight: normal;

  font-size: 16px;

  line-height: 24px;

}



.contents_wrap.full_type .contents_list_area .contents_title_area .delete {

  font-weight: 500;

  font-size: 14px;

  line-height: 20px;

  text-decoration-line: underline;

  color: rgba(6, 11, 17, 0.48);

}



.contents_wrap.full_type .contents_list_area .info_list_area {

  margin-top: 20px;

  background-color: #f8f9fa;

  border-radius: 12px;

  padding: 24px 20px;

}



.contents_wrap.full_type .contents_list_area .info_list_area .inner_title {

  font-weight: 500;

  font-size: 13px;

  line-height: 20px;

}



.contents_wrap.full_type .contents_list_area .info_list_area .inner_list {

  margin-top: 12px;

}



.contents_wrap.full_type .contents_list_area .info_list_area li {

  justify-content: space-between;

  margin-bottom: 8px;

}



.contents_wrap.full_type .contents_list_area .info_list_area li::before {

  content: "•";

  display: inline-block;

  color: rgba(6, 11, 17, 0.48);

}



.contents_wrap.full_type .contents_list_area .info_list_area li .title {

  font-weight: normal;

  font-size: 13px;

  line-height: 20px;

  color: rgb(6, 11, 17, 0.48);

}



.contents_wrap.full_type .contents_list_area .info_list_area li .info {

  font-weight: normal;

  font-size: 13px;

  line-height: 20px;

  color: rgb(6, 11, 17, 0.48);

  float: right;

}



.contents_wrap.full_type .contents_list_area .info_list_area li:last-child {

  margin-bottom: 0px;

}



.contents_wrap.full_type .contents_list_area .document_price_area {

  border-top: 1px solid #cfd6dc;

  padding-top: 16px;

  text-align: right;

}



.contents_wrap.full_type .contents_list_area .document_price_area .price {

  font-weight: 500;

  font-size: 20px;

  line-height: 28px;

}



.contents_wrap.full_type .contents_btn_area {

  padding: 32px 24px 0;

  text-align: center;

}



.contents_wrap.full_type .contents_btn_area .btn {

  width: auto;

  height: 52px;

  background-color: #f8f9fa;

  border: 1px solid #cfd6dc;

  box-sizing: border-box;

  border-radius: 42px;

  font-weight: normal;

  font-size: 16px;

  padding: 0 62px 0 88px;

  background-image: url(../image/icon_plus_btn.svg);

  background-repeat: no-repeat;

  background-position: calc(50% - 44px) center;

}



.contents_wrap.full_type .total_price_area {

  margin-top: 72px;

  padding: 0 24px;

}



.contents_wrap.full_type .total_price_area li {

  display: flex;

  justify-content: space-between;

  align-items: center;

}



.contents_wrap.full_type .total_price_area .total_price_calc li {

  margin-bottom: 16px;

}



.contents_wrap.full_type .total_price_area .total_price_calc li:last-of-type {

  margin-bottom: 0px;

}



.contents_wrap.full_type .total_price_area .total_price_calc strong {

  font-weight: normal;

  font-size: 16px;

  line-height: 24px;

  display: flex;

  align-items: center;

}



.contents_wrap.full_type .total_price_area .total_price_calc span,

.contents_wrap.full_type .total_price_area .total_price_calc em {

  font-weight: normal;

  font-size: 16px;

  line-height: 24px;

}



.contents_wrap.full_type .total_price_area .total_price_calc em {

  color: rgb(6, 11, 17, 0.48);

}



.contents_wrap.full_type .total_price_area .info_btn {

  display: inline-block;

  width: 16px;

  height: 24px;

  background-image: url(../image/icon_price_info.svg);

  background-repeat: no-repeat;

  background-position: center center;

  margin: 0px 0 0 4px;

}



.contents_wrap.full_type .total_price_area .fees_price {

  margin-top: 0px;

  padding: 16px;

  background-color: #f8f9fa;

  border-radius: 12px;

}



.contents_wrap.full_type .total_price_area .fees_price li {

  margin-bottom: 16px;

}



.contents_wrap.full_type .total_price_area .fees_price li:last-of-type {

  margin-bottom: 0;

}



.contents_wrap.full_type .total_price_area .fees_price strong {

  display: flex;

  align-items: center;

}



.contents_wrap.full_type .total_price_area .fees_price strong em {

  font-weight: normal;

  font-size: 13px;

  line-height: 20px;

  color: rgba(6, 11, 17, 0.48);

}



.contents_wrap.full_type .total_price_area .fees_price strong,

.contents_wrap.full_type .total_price_area .fees_price span {

  font-weight: normal;

  font-size: 16px;

  line-height: 20px;

}



.contents_wrap.full_type .total_price_area .fees_price + .total_price_calc {

  margin-top: 20px;

}



.contents_wrap.full_type .total_price_area .total_price {

  margin-top: 32px;

  display: flex;

  justify-content: space-between;

  align-items: center;

}



.contents_wrap.full_type .total_price_area .total_price span {

  font-weight: 500;

  font-size: 20px;

  line-height: 28px;

}



.contents_wrap.full_type .total_price_area .total_price span em {

  font-weight: normal;

  font-size: 13px;

  line-height: 20px;

  color: rgba(6, 11, 17, 0.48);

}



.contents_wrap.full_type .total_price_area .total_price strong {

  font-weight: 500;

  font-size: 32px;

  line-height: 44px;

}



.contents_wrap.full_type .total_price_area .balance_text {

  text-align: right;

  font-weight: normal;

  font-size: 14px;

  line-height: 20px;

  color: rgb(6, 11, 17, 0.48);

}



.contents_wrap.full_type .title_area.type_complete {

  text-align: center;

  padding-bottom: 40px;

  border-bottom: 12px solid rgba(135, 146, 156, 0.1);

  padding-top: 96px;

}



.contents_wrap.full_type .title_area.type_complete i.complete {

  display: block;

  width: 56px;

  height: 56px;

  background-image: url(../image/icon_complete.svg);

  background-repeat: no-repeat;

  background-position: center center;

  margin: 0 auto;

}



.contents_wrap.full_type .title_area.type_complete .contents_title {

  margin-top: 18px;

  display: block;

}



.contents_wrap.full_type .title_area.type_complete .wait_guide_area {

  margin-top: 24px;

  background-color: #f8f9fa;

  border-radius: 24px;

  text-align: left;

  padding: 28px 24 44px;

  background-image: url(../image/character_jo_01.png);

  background-repeat: no-repeat;

  background-position: calc(100% - 20px) calc(100% - 4px);

}



.contents_wrap.full_type .title_area.type_complete .wait_guide_area .title {

  font-weight: normal;

  font-size: 16px;

  line-height: 24px;

}



.contents_wrap.full_type .title_area.type_complete .wait_guide_area p {

  margin-top: 4px;

  font-weight: normal;

  font-size: 13px;

  line-height: 20px;

  color: rgba(6, 11, 17, 0.48);

}



.contents_wrap.full_type .contents_list_area.type_complete {

  padding: 40px 24px 0;

}



.contents_wrap.full_type .contents_list_area.type_complete .basics_info li {

  margin-bottom: 4px;

}



.contents_wrap.full_type

  .contents_list_area.type_complete

  .basics_info

  li:last-of-type {

  margin-bottom: 0px;

}



.contents_wrap.full_type .contents_list_area.type_complete .basics_info span {

  font-weight: normal;

  font-size: 14px;

  line-height: 20px;

  color: rgba(6, 11, 17, 0.48);

}



.contents_wrap.full_type .contents_list_area.type_complete .basics_info .title {

  margin-right: 4px;

}



.contents_wrap.full_type .contents_info_area .contents_title {

  margin-top: 0px;

  display: block;

  font-weight: normal;

  font-size: 18px;

  line-height: 26px;

}



.contents_wrap.full_type .contents_info_area .contents_title .date {

  font-weight: 500;

  font-size: 14px;

  line-height: 20px;

  color: rgba(6, 11, 17, 0.48);

}



.contents_wrap.full_type .contents_info_area .case_view_area {

  margin-top: 8px;

}



.contents_wrap.full_type .contents_info_area .case_view_area li {

  display: flex;

  justify-content: space-between;

}



.contents_wrap.full_type .contents_info_area .case_view_area li .title {

  font-weight: normal;

  font-size: 16px;

  line-height: 24px;

  color: rgba(6, 11, 17, 0.48);

}



.contents_wrap.full_type .contents_info_area .case_view_area li .case {

  font-weight: normal;

  font-size: 16px;

  line-height: 24px;

}



.contents_wrap.full_type .contents_info_area .info_detail_area {

  margin-top: 24px;

  padding: 24px 20px;

  background-color: #f8f9fa;

  border-radius: 12px;

}



.contents_wrap.full_type

  .contents_info_area

  .info_detail_area

  + .info_detail_area {

  margin-top: 16px;

}



.contents_wrap.full_type .contents_info_area .info_detail_area .title {

  font-weight: normal;

  font-size: 13px;

  line-height: 20px;

}



.contents_wrap.full_type

  .contents_info_area

  .info_detail_area

  .detail_inner_list {

  margin-top: 12px;

}



.contents_wrap.full_type

  .contents_info_area

  .info_detail_area

  .detail_inner_list

  li {

  margin-bottom: 8px;

}



.contents_wrap.full_type

  .contents_info_area

  .info_detail_area

  .detail_inner_list

  li::before {

  content: "•";

  display: inline-block;

  color: rgba(6, 11, 17, 0.48);

}



.contents_wrap.full_type

  .contents_info_area

  .info_detail_area

  .detail_inner_list

  span {

  font-weight: normal;

  font-size: 14px;

  line-height: 20px;

  color: rgba(6, 11, 17, 0.48);

}



.contents_wrap.full_type

  .contents_info_area

  .info_detail_area

  .detail_inner_list

  span:last-of-type {

  float: right;

}



.contents_wrap .complete_view_area {

  padding-top: 78px;

  text-align: center;

}



.contents_wrap .complete_view_area .complete_icon {

  width: 56px;

  height: 56px;

  display: block;

  margin: 0 auto;

  background-image: url(../image/icon_complete.svg);

  background-repeat: no-repeat;

  background-position: center center;

}



.contents_wrap .complete_view_area .title {

  display: block;

  margin-top: 32px;

  font-weight: 500;

  font-size: 26px;

  line-height: 36px;

}



.contents_wrap .claim_input_area {

  padding-top: 32px;

}



.contents_wrap .claim_input_area .title {

  font-weight: normal;

  font-size: 18px;

  line-height: 26px;

}



.contents_wrap .claim_input_area .info_insert_area {

  margin-top: 16px;

}



.contents_wrap .claim_input_area ul {

  position: relative;

  background-color: rgb(248, 249, 250);

  border-radius: 16px;

}



.contents_wrap .claim_input_area li {

  position: relative;

  height: 0;

  overflow: hidden;

  transition: height 0.5s;

}



.contents_wrap .claim_input_area li::after {

  position: absolute;

  display: inline-block;

  content: "";

  width: calc(100% - 48px);

  height: 1px;

  background-color: rgba(135, 146, 156, 0.2);

  left: 50%;

  transform: translateX(-50%);

  bottom: 0;

  z-index: 1;

}



.contents_wrap .claim_input_area li.visable {

  height: 78px;

}



.contents_wrap .claim_input_area li.on::after,

.contents_wrap .claim_input_area li:last-of-type::after {

  display: none;

}



.contents_wrap .claim_input_area li .select_info_area {

  border-radius: 16px;

  background-image: url(../image/icon_select_off.svg);

  background-repeat: no-repeat;

  background-position: calc(100% - 24px) center;

  padding: 16px 24px;

  box-sizing: border-box;

  border: 1px solid rgb(248, 249, 250);

  box-sizing: border-box;

}



.contents_wrap .claim_input_area li .select_info_area .label {

  display: block;

  font-weight: normal;

  font-size: 12px;

  line-height: 18px;

  color: rgba(6, 11, 17, 0.48);

}



.contents_wrap .claim_input_area li .select_info_area .title {

  margin-top: 4px;

  font-weight: 500;

  font-size: 18px;

  line-height: 26px;

}



.contents_wrap .claim_input_area li.on .select_info_area {

  background-color: #ffffff;

  border: 1px solid #191c20;

  background-image: url(../image/icon_select_on.svg);

}



/* 신청완료 수정 */

.contents_wrap .title_area.type_complete02 {

  padding: 96px 0 60px;

  border-bottom: 12px solid rgba(135, 146, 156, 0.1);

}



.contents_wrap .title_area.type_complete02 .lottie_loading {

  width: 214px;

  height: 76px;

  margin: 0px auto 32px;

  padding: 0;

}



.contents_wrap .title_area.type_complete02 .contents_title {

  font-weight: 500;

  font-size: 20px;

  line-height: 28px;

  text-align: center;

  display: block;

  width: 100%;

}



.contents_wrap .title_area.type_complete02 .wait_guide_area {

  margin-top: 16px;

}



.contents_wrap .title_area.type_complete02 .wait_guide_area p {

  font-weight: 500;

  font-size: 13px;

  line-height: 20px;

  text-align: center;

  color: rgba(6, 11, 17, 0.48);

}



/* list */

.search_list_area.type_hospital ul {

  padding-bottom: 64px;

}



.search_list_area.type_hospital {

  margin-top: 24px;

}



.search_list_area.type_hospital li a {

  display: block;

  text-align: left;

  padding: 12px 0;

}



.search_list_area.type_hospital .list_top_area {

  display: flex;

  justify-content: flex-start;

  align-items: center;

}



.search_list_area.type_hospital .list_top_area .list_term {

  font-weight: normal;

  font-size: 12px;

  line-height: 18px;

  color: rgba(6, 11, 17, 0.48);

  margin-right: 4px;

  margin-bottom: 4px;

}



.search_list_area.type_hospital .list_top_area .list_type {

  padding: 0 6px;

  font-weight: 500;

  font-size: 10px;

  line-height: 16px;

  color: #008dff;

  background-color: #e3f3ff;

  border-radius: 10px;

}



.search_list_area.type_hospital .list_title {

  display: block;

  font-weight: normal;

  font-size: 16px;

  line-height: 24px;

}



.search_list_area.type_hospital .list_title .tag {

  padding: 0 6px;

  font-weight: 500;

  font-size: 10px;

  line-height: 16px;

  color: #008dff;

  background-color: #e3f3ff;

  border-radius: 10px;

  vertical-align: 2px;

}



.search_list_area.type_hospital .list_text {

  margin-top: 4px;

  font-weight: normal;

  font-size: 12px;

  line-height: 18px;

  color: rgba(6, 11, 17, 0.48);

}



/* 병원 검색 - 최근 이용 병원 - 20220111 */

.search_list_area.type_recent .recent_title_area {

  width: calc(100% + 32px);

  margin-left: -16px;

  padding: 36px 16px 8px;

  display: flex;

  justify-content: space-between;

  align-items: center;

}



.search_list_area.type_recent .recent_title_area .btn {

  display: inline-block;

  padding: 0 12px;

  font-weight: normal;

  font-size: 14px;

  line-height: 20px;

  text-align: center;

  color: rgba(6, 11, 17, 0.48);

  height: 32px;

  box-sizing: border-box;

  border: 1px solid #e3e8ec;

  border-radius: 6px;

}



.search_list_area.type_recent ul {

  margin: 12px 0;

  position: relative;

}



.search_list_area.type_recent li {

  height: 56px;

  line-height: 48px;

  font-weight: normal;

  font-size: 16px;

  line-height: 24px;

  display: flex;

  justify-content: space-between;

  align-items: center;

  width: 100%;

  position: absolute;

  left: 0;

  background-color: #ffffff;

  z-index: 0;

  transition: all 0.5s;

}



.search_list_area.type_recent li label {

  display: flex;

  align-items: center;

}



.search_list_area.type_recent li input[type="checkbox"] + i {

  display: inline-block;

  width: 24px;

  height: 24px;

  background-image: url(../image/chkbox_star_off.svg);

  background-repeat: no-repeat;

  background-position: center center;

}



.search_list_area.type_recent li input[type="checkbox"]:checked + i {

  background-image: url(../image/chkbox_star_on.svg);

}



.search_list_area.type_recent02 .recent_title_area {

  width: calc(100% + 32px);

  margin-left: -16px;

  padding: 36px 16px 12px;

  display: flex;

  justify-content: space-between;

  align-items: center;

}



.search_list_area.type_recent02 .recent_title_area .btn {

  display: inline-block;

  padding: 0 12px;

  font-weight: normal;

  font-size: 14px;

  line-height: 20px;

  text-align: center;

  color: rgba(6, 11, 17, 0.48);

  height: 32px;

  box-sizing: border-box;

  border: 1px solid #e3e8ec;

  border-radius: 6px;

}



.search_list_area.type_recent02 .recent_list {

  padding-bottom: 24px;

}



.search_list_area.type_recent02 .recent_list .list a {

  padding: 16px 0px;

  display: flex;

  justify-content: flex-start;

  align-items: flex-start;

}



.search_list_area.type_recent02 .recent_list .list a i {

  display: inline-block;

  width: 40px;

  height: 40px;

  min-width: 40px;

  background-color: #f8f9fa;

  border-radius: 15px;

  background-image: url(../image/icon_list02.svg);

  background-repeat: no-repeat;

  background-position: center center;

  margin-top: 2px;

}



.search_list_area.type_recent02 .recent_list .list a .text_contents {

  padding-left: 16px;

}



.search_list_area.type_recent02 .recent_list .list a .text_contents .top_text {

  display: flex;

  justify-content: flex-start;

  align-items: center;

  flex-wrap: wrap;

}



.search_list_area.type_recent02

  .recent_list

  .list

  a

  .text_contents

  .top_text

  li {

  display: inline-block;

  font-weight: normal;

  font-size: 13px;

  line-height: 20px;

  color: rgba(6, 11, 17, 0.48);

  white-space: nowrap;

}



.search_list_area.type_recent02

  .recent_list

  .list

  a

  .text_contents

  .top_text

  li

  + li {

  padding-left: 12px;

  position: relative;

}



.search_list_area.type_recent02

  .recent_list

  .list

  a

  .text_contents

  .top_text

  li

  + li.on::before {

  content: "";

  display: inline-block;

  width: 1px;

  height: 12px;

  background-color: #e3e8ec;

  position: absolute;

  left: 6px;

  top: 50%;

  transform: translateY(-50%);

}



.search_list_area.type_recent02

  .recent_list

  .list

  a

  .text_contents

  .top_text

  .false {

  font-weight: normal;

  font-size: 13px;

  line-height: 20px;

  color: #ff3c3c;

}



.search_list_area.type_recent02 .recent_list .list a .text_contents .title {

  font-weight: normal;

  font-size: 16px;

  line-height: 24px;

  margin-top: 2px;

  display: block;

}



.search_list_area.type_chk li {

  position: relative;

  display: inline-block;

  width: 100%;

}



.search_list_area.type_chk li label {

  position: relative;

  display: block;

  width: 100%;

  padding: 12px 42px;

}



.search_list_area.type_chk li label::before {

  position: absolute;

  left: 8px;

  top: 12px;

  width: 24px;

  height: 24px;

  background-image: url(../image/chkbox_off.svg);

  background-repeat: no-repeat;

  background-position: center center;

  content: "";

  display: block;

}



.search_list_area.type_chk li input[type="checkbox"]:checked + label::before {

  background-image: url(../image/chkbox_on.svg);

}

.search_list_area.type_chk li input[type="checkbox"]:disabled + label::before {

  opacity: 0;

}



.search_list_area.type_chk li .list_text_area {

  display: block;

}



.search_list_area.type_radio li {

  position: relative;

  display: inline-block;

  width: 100%;

  height: 94px;

}



.search_list_area.type_radio li label {

  position: absolute;

  width: 100%;

  height: 100%;

  z-index: 5;

  background-image: url(../image/radio_off.svg);

  background-repeat: no-repeat;

  background-position: 8px center;

}



.search_list_area.type_radio li input[type="radio"]:checked + label {

  background-image: url(../image/radio_on.svg);

}



.search_list_area.type_radio li .list_text_area {

  display: inline-block;

  width: calc(100% - 52px);

  height: 100%;

  position: absolute;

  right: 0;

  top: 0;

  padding: 12px 0;

}



/* 검색 수정 - 20220330 */

.search_list_area.type_ex_list {

  margin-top: 24px;

}



.search_list_area.type_ex_list .ex_list_area li {

  border-bottom: 1px solid rgba(135, 146, 156, 0.2);

}



.search_list_area.type_ex_list .ex_list_area li .ex_title {

  display: block;

  width: 100%;

  height: 48px;

  line-height: 48px;

  font-weight: 400;

  font-size: 16px;

}



.search_list_area.type_ex_list .search_list_area.type_search_result li {

  border-bottom: 1px solid rgba(135, 146, 156, 0.2);

  padding-bottom: 12px;

  padding-top: 12px;

  padding-left: 8px;

  display: flex;

  justify-content: space-between;

  align-items: center;

}



.search_list_area.type_ex_list

  .search_list_area.type_search_result

  li:first-of-type {

  padding-top: 0;

}



.search_list_area.type_ex_list .search_list_area.type_search_result .label {

  display: inline-block;

  padding: 0 6px;

  height: 16px;

  line-height: 16px;

  background-color: #e3f3ff;

  border-radius: 10px;

  font-weight: 500;

  font-size: 10px;

  line-height: 16px;

  color: #008dff;

}



.search_list_area.type_ex_list .search_list_area.type_search_result .title {

  margin-top: 4px;

  display: block;

  font-weight: 400;

  font-size: 16px;

  line-height: 24px;

}



.search_list_area.type_ex_list .search_list_area.type_search_result .use_msg {

  margin-top: 4px;

  font-weight: 400;

  font-size: 13px;

  line-height: 20px;

  color: #ff3c3c;

}



.search_list_area.type_ex_list .search_list_area.type_search_result .list_info {

  margin-top: 4px;

  font-weight: 400;

  font-size: 14px;

  line-height: 20px;

  color: rgba(6, 11, 17, 0.48);

}



.search_list_area.type_ex_list .search_list_area.type_search_result .btn_area {

  min-width: 98px;

  text-align: right;

}



.search_list_area.type_ex_list

  .search_list_area.type_search_result

  .btn_area

  .btn {

  display: inline-block;

  padding: 0 13px;

  height: 32px;

  line-height: 32px;

  font-weight: 400;

  font-size: 14px;

  border-radius: 100px;

}



.search_list_area.type_ex_list

  .search_list_area.type_search_result

  .btn_area

  .btn.type_gray {

  background-color: #eff2f4;

}



.search_list_area.type_ex_list

  .search_list_area.type_search_result

  .btn_area

  .btn.type_normal {

  background-color: #ffeb00;

}



.search_list_area.type_chk.chlid_type li input + label {

  padding-left: 56px;

  z-index: 2;

}

.search_list_area.type_chk.chlid_type li input:disabled + label {

  background: url(../image/icon_child01.svg) no-repeat left center;

}

.search_list_area.type_chk.chlid_type li input:checked:disabled + label {

  background: url(../image/icon_child01.svg) no-repeat left center;

}



.search_list_area.type_chk.chlid_type li .text_area {

  padding-left: 56px;

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-wrap: wrap;

  flex-direction: column;

}



.search_list_area.type_chk.chlid_type li .text_area .top_text_area {

  width: 100%;

}



.search_list_area.type_chk.chlid_type li .text_area .top_text_area span {

  font-weight: 400;

  font-size: 13px;

  line-height: 20px;

  color: rgba(6, 11, 17, 0.48);

  position: relative;

}



.search_list_area.type_chk.chlid_type li .text_area .top_text_area span + span {

  padding-left: 10px;

}



.search_list_area.type_chk.chlid_type

  li

  .text_area

  .top_text_area

  span

  + span::before {

  content: "";

  display: inline-block;

  width: 1px;

  height: 12px;

  background-color: #e3e8ec;

  left: 3px;

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

}



.search_list_area.type_chk.chlid_type li .text_area .title {

  width: 100%;

  margin-top: 2px;

  font-weight: 400;

  font-size: 16px;

  line-height: 24px;

}



.search_false_area {

  margin-top: 36px;

  text-align: center;

}



.search_false_area i {

  display: block;

  width: 36px;

  height: 36px;

  margin: 0 auto;

  background-image: url(../image/icon_info01.svg);

  background-repeat: no-repeat;

  background-position: center center;

}



.search_false_area .title {

  margin-top: 16px;

  font-weight: 500;

  font-size: 20px;

  line-height: 28px;

  display: block;

}



.search_false_area p.sub_text {

  margin-top: 10px;

  font-weight: normal;

  font-size: 16px;

  line-height: 24px;

  color: rgba(6, 11, 17, 0.48);

}



.search_false_area .photo_guide_area {

  margin-top: 78px;

  width: 100%;

  background-color: #444b5c;

  border-radius: 16px;

  padding: 24px 32px 18px;

  text-align: left;

  background-image: url(../image/img_guide_bg01.svg);

  background-repeat: no-repeat;

  background-position: calc(100% - 45px) 27px;

}



.search_false_area .photo_guide_area .guide_title {

  font-weight: 500;

  font-size: 18px;

  line-height: 26px;

  color: #fcfcfc;

}



.search_false_area .photo_guide_area .guide_text {

  margin-top: 12px;

  font-weight: 500;

  font-size: 13px;

  line-height: 20px;

  color: rgba(252, 252, 252, 0.48);

}



.search_false_area .btn_area {

  margin-top: 80px;

}



.search_false_area .btn_area p {

  font-weight: normal;

  font-size: 16px;

  line-height: 24px;

  color: rgba(6, 11, 17, 0.48);

}



.search_false_area .btn_area .btn {

  margin-top: 4px;

  display: inline-block;

  font-weight: normal;

  font-size: 14px;

  line-height: 20px;

  color: #008dff;

  text-decoration-line: underline;

}



.search_false_area .area_select_area {

  margin-top: 44px;

}



.search_false_area .area_select_area dt {

  display: block;

  text-align: left;

  font-weight: 400;

  font-size: 16px;

  line-height: 24px;

}



.search_false_area .area_select_area dd + dt {

  margin-top: 24px;

}



.search_false_area .area_select_area .chk_list_area input {

  display: none;

}



.search_false_area .area_select_area .chk_list_area input:checked + label {

  background-color: #ffeb00;

}



.search_false_area .area_select_area .chk_list_area,

.search_false_area .area_select_area .link_list_area {

  display: flex;

  justify-content: flex-start;

  margin-top: 8px;

  flex-wrap: wrap;

  width: calc(100% + 8px);

}



.search_false_area .area_select_area .chk_list_area label,

.search_false_area .area_select_area .link_list_area a {

  display: inline-block;

  margin-right: 8px;

  margin-bottom: 12px;

  height: 32px;

  padding: 0 13px;

  line-height: 32px;

  background-color: #eff2f4;

  border-radius: 100px;

  font-weight: 400;

  font-size: 14px;

}



.result_area {

  margin-top: 36px;

  text-align: center;

  display: flex;

  flex-direction: column;

  justify-content: center;

  flex: 1;

}



.result_area .title {

  font-weight: 600;

  font-size: 20px;

  line-height: 28px;

  display: block;

}



.result_area p.sub_text {

  margin-top: 4px;

  font-weight: normal;

  font-size: 16px;

  line-height: 24px;

  color: rgba(6, 11, 17, 0.56);

}



.result_area span.word {

  color: #008dff;

}



.result_area .btn_area {

  margin-top: 24px;

  padding-top: 16px;

}



.result_area .btn_area .btn {

  display: inline-block;

  font-size: 14px;

  font-weight: 600;

  line-height: 32px;

  border-radius: 16px;

  padding: 0 14px;

  border: 1px solid #ced4da;

  background: #ffffff;

}



.need_photo_area {

  margin-top: 122px;

  text-align: center;

}



.need_photo_area i {

  display: block;

  width: 36px;

  height: 36px;

  margin: 0 auto;

  background-image: url(../image/icon_info01.svg);

  background-repeat: no-repeat;

  background-position: center center;

}



.need_photo_area .title {

  margin-top: 16px;

  font-weight: 500;

  font-size: 20px;

  line-height: 28px;

}



.need_photo_area p.sub_text {

  margin-top: 10px;

  font-weight: normal;

  font-size: 16px;

  line-height: 24px;

  color: rgba(6, 11, 17, 0.48);

}



.contents_wrap .list_area.type_normal li {

  margin-bottom: 8px;

  height: 56px;

}



.term_list_area ul {

  display: flex;

  justify-content: flex-start;

  flex-wrap: wrap;

}



.term_list_area label {

  display: inline-block;

  margin-right: 8px;

  padding: 0px 12px;

  height: 32px;

  line-height: 32px;

  background-color: #eff2f4;

  border-radius: 6px;

  font-weight: normal;

  font-size: 14px;

  color: rgba(6, 11, 17, 0.48);

  margin-bottom: 12px;

}



.term_list_area input[type="radio"]:checked + label {

  background-color: #444b52;

  color: #ffffff;

}



.term_list_area li:last-of-type label {

  margin-right: 0px;

}



.term_list_area + .term_select_area {

  margin-top: 4px;

}



.term_select_area .term_type .date_type + .date_type {

  margin-top: 12px;

}



.term_list_area + .term_select_area.hide + .search_list_area {

  margin-top: 4px;

}



.term_list_area + .term_type .input_box.date_type + .input_box.date_type {

  margin-top: 12px;

}



.lottie_complete {

  height: 56px;

  text-align: center;

}



/* 추가서류발급내역 - 20220118 */

.list_view_area.tab_type .tab_title {

  padding: 0 24px;

  display: flex;

  justify-content: flex-start;

  border-bottom: 0.5px solid rgba(135, 146, 156, 0.2);

}



.list_view_area.tab_type .tab_title li {

  cursor: pointer;

  padding: 20px 4px 10px;

  display: inline-block;

  font-weight: normal;

  font-size: 15px;

  line-height: 22px;

  color: rgba(6, 11, 17, 0.48);

  margin-bottom: -1px;

  position: relative;

  margin-right: 12px;

}



.list_view_area.tab_type .tab_title li:last-of-type {

  margin-right: 0;

}



.list_view_area.tab_type .tab_title li.active {

  color: #060b11;

  border-bottom: 2px solid #060b11;

}



.list_view_area.tab_type .tab_title li.point::before {

  content: "";

  display: inline-block;

  width: 6px;

  height: 6px;

  border-radius: 50%;

  position: absolute;

  top: 18px;

  right: 0;

  background-color: #ff3c3c;

}



.list_view_area.tab_type .tab_contents_area {

  padding-top: 16px;

}



.list_view_area.tab_type .tab_contents_area .list a {

  padding: 16px 24px;

  display: flex;

  justify-content: flex-start;

  align-items: flex-start;

}



.list_view_area.tab_type .tab_contents_area .list a i {

  display: inline-block;

  width: 40px;

  height: 40px;

  min-width: 40px;

  background-color: #f8f9fa;

  border-radius: 15px;

  background-image: url(../image/icon_list01.svg);

  background-repeat: no-repeat;

  background-position: center center;

  margin-top: 2px;

}



.list_view_area.tab_type .tab_contents_area .list a .text_contents {

  padding-left: 16px;

}



.list_view_area.tab_type .tab_contents_area .list a .text_contents .top_text {

  display: flex;

  justify-content: flex-start;

  align-items: center;

  flex-wrap: wrap;

}



.list_view_area.tab_type

  .tab_contents_area

  .list

  a

  .text_contents

  .top_text

  li {

  display: inline-block;

  font-weight: normal;

  font-size: 13px;

  line-height: 20px;

  color: rgba(6, 11, 17, 0.48);

  white-space: nowrap;

}



.list_view_area.tab_type

  .tab_contents_area

  .list

  a

  .text_contents

  .top_text

  li

  + li {

  padding-left: 12px;

  position: relative;

}



.list_view_area.tab_type

  .tab_contents_area

  .list

  a

  .text_contents

  .top_text

  li

  + li.on::before {

  content: "";

  display: inline-block;

  width: 1px;

  height: 12px;

  background-color: #e3e8ec;

  position: absolute;

  left: 6px;

  top: 50%;

  transform: translateY(-50%);

}



.contents_wrap.full_type.footer_type {

  position: relative;

  padding-bottom: 250px;

}



.list_view_area.tab_type + .footer_contect_area {

  text-align: center;

  position: absolute;

  bottom: 120px;

  left: 0;

  width: 100%;

  font-weight: normal;

  font-size: 13px;

  line-height: 20px;

  color: rgba(6, 11, 17, 0.48);

}



.list_view_area.tab_type

  .tab_contents_area

  .list

  a

  .text_contents

  .top_text

  .false {

  font-weight: normal;

  font-size: 13px;

  line-height: 20px;

  color: #ff3c3c;

}



.list_view_area.tab_type .tab_contents_area .list a .text_contents .title {

  font-weight: normal;

  font-size: 16px;

  line-height: 24px;

  margin-top: 2px;

  display: block;

}



.list_view_area.tab_type

  .tab_contents_area

  .list

  a

  .text_contents

  .childe_text {

  display: block;

  font-weight: 400;

  font-size: 13px;

  line-height: 24px;

  color: rgba(6, 11, 17, 0.48);

}



.list_view_area.tab_type

  .tab_contents_area

  .list

  a

  .text_contents

  .title.false {

  color: rgba(6, 11, 17, 0.48);

}



.list_view_area.tab_type .tab_contents_area .wait_guide_text {

  width: calc(100% - 48px);

  margin: 0 auto 16px;

  padding: 16px 16px 16px 42px;

  background-color: #f8f9fa;

  border-radius: 16px;

  font-weight: normal;

  font-size: 14px;

  line-height: 20px;

  background-image: url(../image/icon_ExMark.svg);

  background-repeat: no-repeat;

  background-position: 16px 16px;

}



.list_view_area.tab_type .tab_contents_area .none_doc_view {

  height: calc(100% - 254px);

  text-align: center;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-wrap: wrap;

}



.list_view_area.tab_type .tab_contents_area .none_doc_view i {

  display: inline-block;

  width: 17px;

  height: 19px;

  background-image: url(../image/icon_doc01.svg);

  background-repeat: no-repeat;

  background-position: center center;

}



.list_view_area.tab_type .tab_contents_area .none_doc_view p {

  display: block;

  width: 100%;

  font-weight: normal;

  font-size: 16px;

  line-height: 24px;

  color: rgba(6, 11, 17, 0.48);

  margin-top: 15px;

}



.doc_view_list {

  height: calc(100% - 104px);

  background-color: rgba(135, 146, 156, 0.1);

}



.doc_view_list .list {

  border-top: 8px solid rgba(135, 146, 156, 0.1);

  background-color: #ffffff;

  padding: 28px 24px 32px;

}



.doc_view_list .list .title {

  font-weight: bold;

  font-size: 18px;

  line-height: 26px;

}



.doc_view_list .list .title span {

  font-weight: normal;

  font-size: 15px;

  line-height: 22px;

  color: #9ea3a8;

  display: inline-block;

  margin-left: 2px;

}



.doc_view_list .list .receipt_list_area {

  margin-top: 30px;

}



.doc_view_list .list .receipt_list_area .inner_list {

  display: flex;

  margin-bottom: 36px;

  justify-content: space-between;

  align-items: flex-start;

}



.doc_view_list .list .receipt_list_area .inner_list:last-of-type {

  margin-bottom: 0;

}



.doc_view_list .list .receipt_list_area .inner_list .text_contents {

  display: flex;

  flex-wrap: wrap;

}



.doc_view_list .list .receipt_list_area .inner_list .text_contents .list_title {

  width: 100%;

  font-weight: normal;

  font-size: 14px;

  line-height: 20px;

  display: block;

}



.doc_view_list .list .receipt_list_area .inner_list .text_contents .date {

  display: block;

  width: 100%;

  margin-top: 2px;

  font-weight: normal;

  font-size: 12px;

  line-height: 18px;

  color: rgba(6, 11, 17, 0.48);

}



.doc_view_list .list .receipt_list_area .inner_list .btn_area {

  min-width: 84px;

}



.doc_view_list li .btn {

  display: inline-block;

  padding: 0 13px;

  background-color: #eef2f4;

  box-sizing: border-box;

  border-radius: 100px;

  height: 32px;

  line-height: 32px;

  font-weight: normal;

  font-size: 14px;

}



.doc_view_list li.disabled_list .title {

  color: #cfd6dc;

}



.doc_view_list li.disabled_list .date {

  font-weight: normal;

  font-size: 13px;

  color: #cfd6dc;

}



.doc_view_list.type_normal {

  background-color: #ffffff;

  padding: 0 24px;

}



.doc_view_list.type_normal li {

  padding: 24px 0;

  border-bottom: 1px solid rgba(135, 146, 156, 0.2);

  display: flex;

  justify-content: space-between;

  align-items: center;

}



.doc_view_list.type_normal li .title {

  font-weight: 500;

  font-size: 16px;

}



.doc_view_list.type_normal li.disabled_list .title {

  color: #cfd6dc;

}



.doc_view_list.type_normal li.disabled_list .date {

  font-weight: normal;

  font-size: 13px;

  color: #cfd6dc;

}



.contents_wrap .none_doc_view.type_doc_check {

  height: calc(100% - 150px);

  display: flex;

  justify-content: center;

  align-items: center;

}



.contents_wrap .none_doc_view.type_doc_check .flex_box {

  display: flex;

  flex-wrap: wrap;

  justify-content: center;

}



.contents_wrap .none_doc_view.type_doc_check i {

  width: 17px;

  height: 19px;

  background-image: url(../image/icon_doc01.svg);

  background-repeat: no-repeat;

  background-position: center center;

  display: inline-block;

}



.contents_wrap .none_doc_view.type_doc_check p {

  width: 100%;

  margin-top: 15px;

  font-weight: normal;

  font-size: 16px;

  line-height: 24px;

  color: rgba(6, 11, 17, 0.48);

}



/* 이미지 뷰어 */

.contents_wrap.img_view_type {

  background-color: #eff2f4;

  padding: 12px 12px 100px;

}



.contents_wrap.img_view_type .img_view_area {

  width: 100%;

  height: auto;

  min-height: calc(100% - 112px);

  background-color: #ffffff;

  box-shadow: 0px 0px 4px #d8d8d8;

}



/* 에러페이지 */

.contents_wrap .error_view {

  height: calc(100% - 148px);

  display: flex;

  justify-content: center;

  align-content: center;

  flex-wrap: wrap;

}



.contents_wrap .error_view i {

  display: block;

  width: 36px;

  height: 36px;

  background-image: url(../image/icon_error.svg);

  background-repeat: no-repeat;

  background-position: center center;

}



.contents_wrap .error_view i {

  width: 112px;

  height: 112px;

  background-size: 64px;

}



.contents_wrap .error_view .title {

  display: block;

  width: 100%;

  text-align: center;

  margin-top: 16px;

  font-weight: 700;

  font-size: 20px;

  line-height: 28px;

}



.contents_wrap .error_view .text {

  width: 100%;

  display: block;

  text-align: center;

  margin-top: 2px;

  font-weight: normal;

  font-size: 16px;

  line-height: 24px;

  color: rgba(6, 11, 17, 0.48);

}



/* 인증 / 에러페이지 */

.alert_view {

  padding-top: 5vh;

  display: flex;

  justify-content: center;

  align-content: center;

  flex-wrap: wrap;

}



.alert_view i {

  display: block;

  width: 112px;

  height: 112px;

  background-repeat: no-repeat;

  background-position: center center;

  background-size: 112px;

}



.alert_view.ico_error i {

  background-image: url(../image/icon_error_big.svg);

}



.alert_view.ico_certif i {

  background-image: url(../image/icon_certif.png);

}



.alert_view .title {

  display: block;

  width: 100%;

  text-align: center;

  margin-top: 20px;

  font-weight: 700;

  font-size: 26px;

  line-height: 36px;

}



.alert_view .text {

  width: 100%;

  display: block;

  text-align: center;

  margin-top: 6px;

  font-weight: normal;

  font-size: 16px;

  line-height: 24px;

  color: rgba(6, 11, 17, 0.48);

}



/* 20220503 - UI 추가 */

.none_child_view {

  margin-top: 72px;

  text-align: center;

}



.none_child_view i {

  display: block;

  width: 36px;

  height: 36px;

  margin: 0 auto;

  background-image: url(../image/icon_info01.svg);

  background-repeat: no-repeat;

  background-position: center center;

}



.none_child_view .title {

  margin-top: 16px;

  font-weight: 500;

  font-size: 20px;

  line-height: 28px;

  display: block;

}



.none_child_view p.sub_text {

  margin-top: 10px;

  font-weight: normal;

  font-size: 16px;

  line-height: 24px;

  color: rgba(6, 11, 17, 0.48);

}



.child_list_view .top_area {

  display: flex;

  justify-content: space-between;

  align-items: center;

}



.child_list_view .top_area .title {

  font-weight: 400;

  font-size: 18px;

  line-height: 26px;

}



.child_list_view .top_area .btn {

  display: inline-block;

  width: 76px;

  height: 32px;

  line-height: 32px;

  background-color: #ffffff;

  border: 1px solid #e3e8ec;

  box-sizing: border-box;

  border-radius: 6px;

  font-weight: 400;

  font-size: 14px;

  color: rgba(6, 11, 17, 0.48);

}



.child_list_view .add_btn {

  margin: 40px auto 0;

  font-weight: 400;

  font-size: 14px;

  line-height: 20px;

  color: #008dff;

  border-bottom: 1px solid #008dff;

  display: block;

}



.none_child_view .add_btn {

  margin-top: 70px;

  font-weight: 400;

  font-size: 14px;

  line-height: 20px;

  color: #008dff;

  border-bottom: 1px solid #008dff;

}



.child_list_view .list_area {

  margin-top: 12px;

}



.bot_gray_area {

  margin-top: 48px;

}



.bot_gray_area {

  width: calc(100% + 48px);

  margin-left: -24px;

  background-color: #f8f9fa;

  padding: 28px 24px 140px;

}



.doc_box_list > li {

  width: 100%;

  display: flex;

  justify-content: space-between;

  align-items: center;

  background-color: #ffffff;

  border-radius: 8px;

  padding: 20px 16px;

}



.doc_box_list > li + li {

  margin-top: 8px;

}



.doc_box_list > li i {

  display: inline-block;

  width: 24px;

  min-width: 24px;

  height: 24px;

  border-radius: 50%;

  background-color: #ffeb00;

  font-weight: 400;

  font-size: 14px;

  line-height: 20px;

  text-align: center;

}



.doc_box_list > li .title {

  flex-grow: 1;

  padding-left: 8px;

  font-weight: 400;

  font-size: 13px;

  line-height: 20px;

}



.doc_box_list > li .btn {

  width: 76px;

  min-width: 76px;

  height: 32px;

  line-height: 32px;

  background-color: #444b52;

  border-radius: 6px;

  font-weight: 400;

  font-size: 14px;

  color: #ffffff;

  text-align: center;

}



.doc_box_list > li .btn.complete {

  background-color: #eff2f4;

  color: rgba(6, 11, 17, 0.48);

}



.doc_radio_box + .sub_info_text,

.doc_box_list + .sub_info_text,

.input_box + .sub_info_text {

  margin-top: 12px;

  font-weight: 500;

  font-size: 14px;

  line-height: 20px;

  color: rgba(6, 11, 17, 0.48);

  display: flex;

  word-break: keep-all;

}



.doc_radio_box + .sub_info_text i,

.doc_box_list + .sub_info_text i {

  width: 16px;

  min-width: 16px;

  height: 20px;

  display: inline-block;

  margin-right: 8px;

  background-image: url(../image/icon_info02.svg);

  background-repeat: no-repeat;

  background-position: center center;

}



.input_box + .sub_info_text i {

  width: 16px;

  min-width: 16px;

  height: 20px;

  display: inline-block;

  margin-right: 2px;

  background-image: url(../image/icon_info02.svg);

  background-repeat: no-repeat;

  background-position: center center;

}



.sub_info_text + .doc_radio_box {

  margin-top: 56px;

}



.sub_info_text + .doc_radio_box {

  padding: 28px 0;

  background-color: #ffffff;

  border-radius: 8px;

  text-align: center;

}



.doc_radio_box > li {

  height: 24px;

  display: inline-block;

}



.doc_radio_box > li + li {

  margin-left: 15px;

}



.doc_radio_box input[type="radio"] + label {

  position: relative;

  padding-left: 32px;

  font-weight: 400;

  font-size: 14px;

  line-height: 24px;

  height: 24px;

  white-space: nowrap;

  display: inline-block;

}



.doc_radio_box input[type="radio"] + label::before {

  content: "";

  display: inline-block;

  width: 22px;

  height: 22px;

  min-width: 22px;

  border-radius: 50%;

  box-sizing: border-box;

  background-color: #ffffff;

  border: 1px solid #cfd6dc;

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  left: 0px;

}



.doc_radio_box input[type="radio"]:checked + label::before {

  border: 6px solid #ffeb00;

  background-color: #060b11;

}



.regist_doc_area .none_data_area {

  padding-top: 44px;

  text-align: center;

}



.regist_doc_area .none_data_area > i {

  display: inline-block;

  width: 84px;

  height: 84px;

  background-image: url(../image/img_guide_bg02.svg);

  background-repeat: no-repeat;

  background-position: center center;

}



.regist_doc_area .none_data_area .guide_text {

  margin-top: 10px;

  font-weight: 400;

  font-size: 13px;

  line-height: 20px;

  color: rgba(6, 11, 17, 0.48);

}



.regist_doc_area .none_data_area .file_upload_btn {

  margin-top: 20px;

  width: 100%;

  height: 104px;

  position: relative;

}



.regist_doc_area .none_data_area .file_upload_btn {

  width: 100%;

  background-color: #f8f9fa;

  border: 1px dashed #cfd6dc;

  box-sizing: border-box;

  border-radius: 16px;

  text-align: center;

  display: flex;

  justify-content: center;

  flex-wrap: wrap;

  align-items: center;

  flex-direction: column;

}



.regist_doc_area .none_data_area .file_upload_btn i {

  display: inline-block;

  width: 32px;

  height: 32px;

  background-image: url(../image/icon_plus01.svg);

  background-repeat: no-repeat;

  background-position: center center;

}



.regist_doc_area .none_data_area .file_upload_btn strong {

  display: block;

  width: 100%;

  margin-top: 8px;

  font-weight: 500;

  font-size: 14px;

  line-height: 20px;

  color: rgba(6, 11, 17, 0.48);

}



.data_view_area {

  width: 104px;

  height: 104px;

  border-radius: 16px;

  overflow: hidden;

  position: relative;

  background-color: #d5d5d5;

}



.data_view_area .del_btn {

  display: inline-block;

  width: 24px;

  height: 24px;

  position: absolute;

  top: 8px;

  right: 8px;

  border-radius: 50%;

  background-color: rgba(6, 11, 17, 0.1);

  background-image: url(../image/icon_delete.svg);

  background-repeat: no-repeat;

  background-position: center center;

  text-indent: -9999px;

  overflow: hidden;

  z-index: 1;

}



.data_view_area a {

  display: inline-block;

  width: 100%;

  height: 100%;

  overflow: hidden;

  position: relative;

}



.data_view_area a img {

  position: absolute;

  width: 100%;

  left: 0;

  top: 0;

}



.img_view_area .img_header_area {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 44px;

  background-color: #ffffff;

}



.img_view_area .img_header_area .back_btn {

  display: inline-block;

  position: absolute;

  left: 14px;

  top: 50%;

  transform: translateY(-50%);

  width: 24px;

  height: 24px;

  background-image: url(../image/icon_back_header.svg);

  text-indent: -99999px;

  overflow: hidden;

}



.img_view_area .img_header_area .title {

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  font-weight: 500;

  font-size: 17px;

  line-height: 23px;

}



.img_view_area .img_wrap {

  margin-top: 60px;

  width: 100%;

  background-color: #ffffff;

  box-shadow: 0px 0px 4px #d8d8d8;

  height: auto;

}



.img_view_area .img_wrap img {

  width: 100%;

}



.input_list_area {

  margin-top: 27px;

}



.input_list_area > ul > li + li {

  margin-top: 16px;

}



.contents_wrap.type_film_view {

  padding: 8px 24px 110px;

}



.film_view_area {

  width: calc(100%);

  height: calc(100% - 228px);

  background-color: #a3a3a3;

  position: relative;

}



.film_view_area img {

  width: 100%;

  max-height: 100%;

  position: absolute;

  left: 0%;

  top: 0%;

}



.film_view_area + .main_btn_area {

  background: #ffffff;

}



.list_area + .list_sub_text_area {

  margin-top: 20px;

  border-top: 0.5px solid rgba(135, 146, 156, 0.2);

  padding-top: 24px;

}



.list_area + .list_sub_text_area .list_sub_text_box {

  padding: 16px;

  background-color: #f8f9fa;

  border-radius: 12px;

  display: flex;

  justify-content: flex-start;

  align-items: flex-start;

}



.list_area + .list_sub_text_area .list_sub_text_box i {

  display: inline-block;

  min-width: 16px;

  margin-right: 8px;

  height: 16px;

  background-image: url(../image/icon_info02.svg);

  background-repeat: no-repeat;

  background-position: center center;

  background-size: 16px;

}



.list_area + .list_sub_text_area .list_sub_text_box p {

  font-weight: 400;

  font-size: 14px;

  line-height: 20px;

  color: rgba(6, 11, 17, 0.48);

}



.list_sub_text_area + .list_area {

  margin-top: 24px;

}



.popup_term_chk_area {

  margin-top: 20px;

}



.popup_term_chk_area .checkbox.term_main_type {

  width: 100%;

  height: 56px;

}



.popup_term_chk_area .checkbox.term_main_type input[type="checkbox"] + label {

  display: inline-block;

  width: 100%;

  height: 100%;

  padding-left: 48px;

  line-height: 56px;

  background-image: url(../image/chkbox_off.svg);

  background-repeat: no-repeat;

  background-size: 32px;

  background-position: 8px center;

  font-weight: 500;

  font-size: 18px;

}



.popup_term_chk_area

  .checkbox.term_main_type

  input[type="checkbox"]:checked

  + label {

  background-image: url(../image/chkbox_on.svg);

}



.popup_term_chk_area .term_sub_chk_list li {

  width: 100%;

  min-height: 28px;

  line-height: 28px;

  display: flex;

  justify-content: space-between;

  align-items: flex-start;

}



.popup_term_chk_area .term_sub_chk_list li .checkbox {

  width: calc(100% - 24px);

  min-height: 28px;

}



.popup_term_chk_area

  .term_sub_chk_list

  li

  .checkbox

  input[type="checkbox"]

  + label {

  width: 100%;

  min-height: 28px;

  padding-left: 42px;

  background-image: url(../image/chkbox01_off.svg);

  background-repeat: no-repeat;

  background-position: 8px 2px;

  font-weight: 400;

  font-size: 12px;

  color: rgba(6, 11, 17, 0.48);

  line-height: 28px;

  display: inline-block;

}



.popup_term_chk_area

  .term_sub_chk_list

  li

  .checkbox

  input[type="checkbox"]:checked

  + label {

  background-image: url(../image/chkbox01_on.svg);

  color: #060b11;

  font-weight: 500;

}



.popup_term_chk_area .term_sub_chk_list li .term_detail_open_btn {

  width: 24px;

  height: 24px;

  text-indent: -99999px;

  overflow: hidden;

  background-image: url(../image/icon_arrow01.svg);

  background-repeat: no-repeat;

  background-position: center center;

  margin-top: 2px;

}



.sub_term_wrap {

  position: fixed;

  z-index: 100;

  background-color: #ffffff;

  width: 100%;

  height: 100%;

  bottom: -100%;

  left: 0;

  transition: bottom 0.5s;

}



.sub_term_wrap.on {

  bottom: 0;

}



.sub_term_wrap .term_toast_popup_contents {

  display: none;

}



.sub_term_wrap .term_toast_popup_contents.on {

  display: block;

  width: 100%;

  height: 100%;

}



.sub_term_wrap .term_toast_popup_contents .term_popup_header {

  width: 100%;

  height: 44px;

  position: relative;

}



.sub_term_wrap .term_toast_popup_contents .term_popup_header .title {

  position: absolute;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  display: block;

  white-space: nowrap;

  font-weight: 500;

  font-size: 17px;

  line-height: 23px;

  color: #060b11;

}



.sub_term_wrap

  .term_toast_popup_contents

  .term_popup_header

  .term_detail_close_btn {

  width: 24px;

  height: 24px;

  text-indent: -99999px;

  overflow: hidden;

  background-image: url(../image/icon_back_header.svg);

  background-repeat: no-repeat;

  background-position: center center;

  background-size: 24px;

  position: absolute;

  left: 14px;

  top: 50%;

  transform: translateY(-50%);

}



.sub_term_wrap .term_toast_popup_contents .term_detail_text_area {

  width: 100%;

  height: calc(100% - 44px);

  padding: 32px 24px;

  box-sizing: border-box;

  overflow: scroll;

  color: #060b11;

}



.sub_term_wrap .term_toast_popup_contents .term_detail_text_area .main_title {

  font-weight: 700;

  font-size: 20px;

  line-height: 23px;

  margin-bottom: 32px;

  display: block;

}



.sub_term_wrap .term_toast_popup_contents .term_detail_text_area .inner_text {

  font-weight: 400;

  font-size: 13px;

  line-height: 22px;

}



.sub_term_wrap .term_toast_popup_contents .term_detail_text_area .sub_title {

  font-weight: 700;

  font-size: 16px;

  line-height: 22px;

}



.sub_term_wrap

  .term_toast_popup_contents

  .term_detail_text_area

  .inner_list

  li {

  list-style: disc;

  margin-left: 22px;

  font-weight: 400;

  font-size: 13px;

  line-height: 22px;

}



.sub_term_wrap .term_toast_popup_contents .term_detail_text_area .text_bold {

  font-weight: 700;

  font-size: 16px;

  line-height: 22px;

}



.bot_guide_text_area {

  position: sticky;

  top: 286px;

  width: calc(100% + 48px);

  max-height: 393px;

  padding: 40px 24px 138px;

  left: 0;

  background-color: #f1f3f5;

  margin-left: -24px;

}



.bot_guide_text_area .area_title {

  font-weight: 700;

  font-size: 20px;

  line-height: 34px;

  color: rgba(6, 11, 17, 0.48);

}



.bot_guide_text_area .list_title {

  margin-top: 25px;

  font-weight: 700;

  font-size: 16px;

  line-height: 24px;

  color: rgba(6, 11, 17, 0.48);

}



.bot_guide_text_area .gudie_text_list {

  margin-top: 16px;

  font-weight: 400;

  font-size: 13px;

  line-height: 20px;

  color: rgba(6, 11, 17, 0.48);

}



.bot_guide_text_area .gudie_text_list li {

  padding-left: 12px;

  position: relative;

}



.bot_guide_text_area .gudie_text_list li::after {

  content: "";

  width: 3px;

  height: 3px;

  background-color: rgba(6, 11, 17, 0.48);

  display: inline-block;

  border-radius: 50%;

  left: 1px;

  top: 8px;

  position: absolute;

}



.bot_guide_text_area .gudie_text_list li + li {

  margin-top: 8px;

}



.insurance_list_area {

  margin-top: 10px;

}



.insurance_list_area .insurance_list + .insurance_list {

  margin-top: 44px;

}



.insurance_list_area .insurance_list .list_title {

  font-weight: 400;

  font-size: 15px;

  line-height: 22px;

  color: rgba(6, 11, 17, 0.48);

}



.insurance_list_area .insurance_list .list_title + ul {

  margin-top: 16px;

  display: grid;

  grid-template-columns: 1fr 1fr 1fr;

  gap: 8px;

}



.insurance_list_area .insurance_list > ul > li {

  height: 82px;

}



.insurance_list_area .insurance_list > ul > li a {

  display: flex;

  justify-content: center;

  align-items: center;

  flex-direction: column;

  width: 100%;

  height: 100%;

  background-color: #f8f9fa;

  border-radius: 24px;

}



.insurance_list_area .insurance_list > ul > li a .img_box {

  width: 32px;

}



.insurance_list_area .insurance_list > ul > li a .img_box img {

  width: 32px;

}



.insurance_list_area .insurance_list > ul > li a .box_text {

  margin-top: 6px;

  font-weight: 500;

  font-size: 12px;

  line-height: 18px;

  color: #060b11;

  text-align: center;

}



/* ========== 230522 ========== */

.graphic_center {

  display: flex;

  flex-direction: column;

}



.contents_graphic {

  display: flex;

  flex: 1;

  flex-direction: column;

  align-items: center;

  justify-content: center;

}



.contents_graphic .icon_search {

  display: block;

  width: 120px;

  height: 120px;

  overflow: hidden;

  background-image: url(../image/icon_search_history.png);

  background-repeat: repeat;

  background-position: center center;

  background-size: 120px;

  text-indent: -9999px;

}



.img_center {

  position: fixed;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

}



.icon_certif {

  display: block;

  width: 120px;

  height: 120px;

  overflow: hidden;

  background-image: url(../image/icon_certif.png);

  background-repeat: repeat;

  background-position: center center;

  background-size: 120px;

  text-indent: -9999px;

}



.icon_search {

  display: block;

  width: 120px;

  height: 120px;

  overflow: hidden;

  background-image: url(../image/icon_search_history.png);

  background-repeat: repeat;

  background-position: center center;

  background-size: 120px;

  text-indent: -9999px;

}



.contents_bottom {

  width: 100%;

  padding: 24px 24px 40px;

  background: #f8f9fa;

  overflow: hidden;

}



.contents_bottom .title {

  font-size: 18px;

  font-weight: 700;

  color: #060b11;

  line-height: 26px;

  margin-bottom: 26px;

}



.loop_wrap {

  display: flex;

}



.loop_wrap ul.original {

  animation: rollingleft1 60s linear infinite;

}



.loop_wrap ul.clone {

  animation: rollingleft2 60s linear infinite;

}



.loop_wrap ul {

  display: flex;

}



.loop_wrap ul li {

  display: inline-block;

  width: 80px;

  height: 124px;

  text-align: center;

  margin: 0 6px;

}



.loop_wrap ul li img {

  width: 76px;

  border-radius: 50%;

  overflow: hidden;

  margin-bottom: 8px;

}



.loop_wrap ul li span {

  display: block;

  width: 100%;

  font-size: 13px;

  font-weight: 400;

  color: #060b11;

  line-height: 20px;

}



.certif_wrap {

  margin-top: 24px;

}



.list_certif,

.list_telecom {

  height: auto;

  max-height: calc(100vh - 300px);

  overflow-y: scroll;

  -ms-overflow-style: none;

  scrollbar-width: none;

}



.list_certif::-webkit-scrollbar,

.list_telecom::-webkit-scrollbar {

  display: none;

}



.list_certif li,

.list_telecom li {

  border-bottom: 1px solid #e5e9ee;

}



.list_telecom li:last-of-type {

  border-bottom: none;

}



.list_certif li a,

.list_telecom li a {

  display: block;

  font-size: 16px;

  font-weight: 400;

  color: #060b11;

  line-height: 24px;

  padding: 16px 0;

}



.list_telecom li a {

  padding: 16px 10px;

}



.list_certif li a::before {

  width: 24px;

  height: 24px;

  background-repeat: repeat;

  background-position: center center;

  background-size: 24px;

  vertical-align: -6px;

  display: inline-block;

  content: "";

  margin-right: 6px;

}



.list_certif li a.ico_kakao::before {

  background-image: url(../image/icon_certif_kakao.svg);

}



.list_certif li a.ico_pass::before {

  background-image: url(../image/icon_certif_pass.png);

}



.list_certif li a.ico_naver::before {

  background-image: url(../image/icon_certif_naver.png);

}



.list_certif li a.ico_hana::before {

  background-image: url(../image/icon_certif_hana.png);

}



.list_certif li a.ico_shinhan::before {

  background-image: url(../image/icon_certif_shinhan.png);

}



.list_certif li a.ico_kb::before {

  background-image: url(../image/icon_certif_kb.png);

}



.list_certif li a.ico_samsung::before {

  background-image: url(../image/icon_certif_samsung.png);

}



.list_certif li a.ico_banksalad::before {

  background-image: url(../image/icon_certif_banksalad.png);

}



.list_certif li a.ico_toss::before {

  background-image: url(../image/icon_certif_toss.png);

}



.list_certif li a.ico_payco::before {

  background-image: url(../image/icon_certif_payco.png);

}



.list_certif li a.ico_nh::before {

  background-image: url(../image/icon_certif_nh.png);

}



.list_certif li a .recomd {

  display: inline-block;

  font-size: 10px;

  font-weight: 500;

  color: #008dff;

  line-height: 16px;

  vertical-align: 1px;

  background: #e3f3ff;

  border-radius: 8px;

  padding: 0 8px;

  margin-left: 5px;

}



/* 231010 */

@keyframes list-loading {

  0% {

    transform: translateY(0);

    opacity: 1;

  }



  30% {

    transform: translateY(0);

    opacity: 0.75;

  }



  50% {

    transform: translateY(-5px);

    opacity: 0.5;

  }



  70% {

    transform: translateY(0);

    opacity: 0.75;

  }



  100% {

    transform: translateY(0);

    opacity: 1;

  }

}



.pt0 {

  padding-top: 0px !important;

}



.pt16 {

  padding-top: 16px !important;

}



.pt24 {

  padding-top: 24px !important;

}



.pb16 {

  padding-bottom: 16px !important;

}



.pb24 {

  padding-bottom: 24px !important;

}



.fix_btn_wrap {

  padding-bottom: 110px;

}



.contents_wrap {

  display: flex;

  flex-direction: column;

}



.contents_wrap.type_scroll {

  padding: 44px 24px 0;

  overflow: hidden;

}



.ico_hospital {

  width: 50px;

  height: 50px;

  background: url(../image/icon_hospital.svg) no-repeat center center;

  background-size: contain;

  display: inline-block;

  margin: 0 0 8px;

}



/*? layout */

#header {

  position: sticky;

  left: 0;

  top: 0;

  width: 100%;

  height: 44px;

  background: #ffffff;

  z-index: 10;

}



#header .page_title {

  display: block;

  font-size: 16px;

  font-weight: 600;

  line-height: 24px;

  padding: 10px 48px;

  text-align: center;

  opacity: 1;

  transition: all 0.2s ease-in-out;

}



#header .page_title.off {

  opacity: 0;

}



#container .cont_wrap {

  width: 100%;

  padding-left: 24px;

  padding-right: 24px;

  background: #ffffff;

  overflow: hidden;

}



#container .cont_wrap.sticky {

  position: sticky;

  z-index: 10;

}



#container .title_box .title {

  font-size: 26px;

  font-weight: 600;

  color: #060b11;

  line-height: 36px;

}



#container .title_box .text {

  font-size: 16px;

  font-weight: 400;

  color: rgba(6, 11, 17, 0.56);

  line-height: 24px;

  padding: 6px 0;

  margin-top: 6px;

}

/*? 검색창 */

#container .search_box.sticky {

  top: 0;

}



.search_input_box {

  position: relative;

  width: 100%;

}



.search_input_box::before {

  position: absolute;

  left: 16px;

  top: 11px;

  width: 20px;

  height: 20px;

  background-image: url(../image/icon_search_g.svg);

  background-repeat: no-repeat;

  background-size: contain;

  background-position: center center;

  content: "";

  display: block;

}



.search_input_box input[type="text"] {

  width: 100%;

  height: 42px;

  font-weight: normal;

  font-size: 16px;

  color: #060b11;

  padding: 0 44px;

  background: rgba(135, 146, 156, 0.1);

  border-radius: 12px;

}



.search_input_box input[type="text"]::placeholder {

  color: rgba(6, 11, 17, 0.16);

}



.search_input_box .clear {

  position: absolute;

  right: 16px;

  top: 11px;

  text-indent: -99999px;

  display: inline-block;

  width: 20px;

  height: 20px;

  background-image: url(../image/icon_input_clear_g.svg);

  background-repeat: no-repeat;

  background-position: center center;

  display: none;

  z-index: 5;

}



.search_input_box input[type="text"]:focus + .clear {

  display: inline-block;

}

/*? 최근검색 */

#container .recent_box.sticky {

  top: 66px;

}



.search_recent_box {

  position: relative;

}



.search_recent_box .title {

  font-size: 16px;

  font-weight: 400;

  color: rgba(6, 11, 17, 0.56);

  line-height: 24px;

  display: block;

  margin-bottom: 16px;

}



.search_recent_box .btn_del_all {

  position: absolute;

  right: 0;

  top: 0;

  font-size: 14px;

  font-weight: 400;

  color: #060b11;

  line-height: 20px;

}



.search_recent_box .scroll_x {

  width: calc(100% + 48px);

  margin-left: -24px;

  padding-left: 24px;

  white-space: nowrap;

  overflow-x: auto;

  -ms-overflow-style: none;

  scrollbar-width: none;

}



.search_recent_box .scroll_x::-webkit-scrollbar {

  display: none;

}



.search_recent_box ul {

  font-size: 0;

}



.search_recent_box ul li {

  position: relative;

  display: inline-block;

  margin-right: 8px;

}



.search_recent_box ul a {

  font-size: 15px;

  font-weight: 400;

  color: rgba(6, 11, 17, 0.56);

  line-height: 34px;

  padding: 0 32px 0 16px;

  background: rgba(135, 146, 156, 0.1);

  border-radius: 6px;

  display: inline-block;

}



.search_recent_box ul .btn_delete {

  position: absolute;

  right: 10px;

  top: 9px;

  width: 16px;

  height: 16px;

  background-image: url(../image/btn_delete.svg);

  background-repeat: no-repeat;

  background-position: center center;

  background-size: contain;

  overflow: hidden;

}

/*? 병원목록 */

.hospital_list_box {

  position: relative;

}



.hospital_list_box ul li {

  border-bottom: 1px solid rgba(135, 146, 156, 0.2);

}



.hospital_list_box ul li a {

  display: block;

  padding: 16px 0;

}



.hospital_list_box .list_title {

  display: block;

  font-size: 16px;

  font-weight: 600;

  color: #060b11;

  line-height: 24px;

}



.hospital_list_box .list_text {

  margin-top: 4px;

  font-size: 13px;

  font-weight: normal;

  color: rgba(6, 11, 17, 0.56);

  line-height: 20px;

}



.hospital_list_box .keyword {

  color: #008dff;

}



.hospital_list_box .btn_more {

  width: 100%;

  font-size: 16px;

  font-weight: 400;

  color: rgba(6, 11, 17, 0.56);

  line-height: 24px;

  text-align: center;

  padding: 20px 0;

  border: none;

  pointer-events: all;

}



.hospital_list_box .btn_more::after {

  width: 20px;

  height: 20px;

  vertical-align: middle;

  background-image: url(../image/icon_arrow_down.svg);

  background-repeat: no-repeat;

  background-position: center center;

  background-size: contain;

  content: "";

  display: inline-block;

}



.hospital_list_box .btn_more.off {

  pointer-events: none;

}



.hospital_list_box .list_loading {

  position: fixed;

  left: 50%;

  bottom: 50px;

  transform: translateX(-50%);

  width: 48px;

  height: 8px;

  text-align: center;

  display: none;

}



.hospital_list_box .list_loading span {

  display: inline-block;

  width: 8px;

  height: 8px;

  border-radius: 50%;

  background: #87929c;

  text-indent: -9999px;

  overflow: hidden;

  margin: 0 0.5px;

  animation: list-loading 0.7s linear infinite forwards;

}



.hospital_list_box .list_loading span:nth-of-type(2) {

  animation-delay: 0.1s;

}



.hospital_list_box .list_loading span:nth-of-type(3) {

  animation-delay: 0.2s;

}

/*? 검색 결과 안내 */

.alert_box {

  text-align: center;

  padding-top: 36px;

}



.alert_box.type_center {

  position: fixed;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  width: 100%;

}



.alert_box .title {

  font-weight: 600;

  font-size: 20px;

  line-height: 28px;

  display: block;

}



.alert_box .sub_text {

  margin-top: 8px;

  font-weight: normal;

  font-size: 16px;

  line-height: 24px;

  color: rgba(6, 11, 17, 0.56);

}



.alert_box .keyword {

  color: #008dff;

}



.alert_box .btn_box {

  margin-top: 24px;

}



.alert_box .btn_box .btn {

  display: inline-block;

  font-size: 14px;

  font-weight: 600;

  line-height: 32px;

  border-radius: 16px;

  padding: 0 14px;

  border: 1px solid #ced4da;

  background: #ffffff;

}



.alert_box .btn_box .btn.mid {

  font-size: 16px;

  line-height: 46px;

  border-radius: 24px;

  padding: 0 16px;

}

/*? 조회중 */

.lookup_box {

  position: fixed;

  left: 50%;

  top: 50%;

  transform: translate(-50%, -50%);

  width: 100%;

  text-align: center;

  padding: 24px 0;

}



.lookup_box .img_wrap {

  position: relative;

  width: 100%;

  margin-bottom: 30px;

}



.lookup_box .img_wrap::after {

  position: absolute;

  left: 0;

  top: 0;

  width: 100%;

  height: 100%;

  background: transparent;

  content: "";

  display: block;

  z-index: 10;

}



.lookup_box .title {

  font-size: 20px;

  font-weight: 600;

  line-height: 28px;

  display: block;

}



.lookup_box .sub_text {

  font-size: 16px;

  font-weight: 400;

  line-height: 24px;

  color: rgba(6, 11, 17, 0.56);

  margin-top: 8px;

}



.logo_slider {

  position: relative;

  width: 280px;

  margin: 0 auto;

  overflow: hidden;

}



.logo_slider::before {

  position: absolute;

  left: 0;

  top: 0;

  width: 50px;

  height: 100%;

  background: rgb(255, 255, 255);

  background: linear-gradient(

    90deg,

    rgba(255, 255, 255, 1) 0%,

    rgba(255, 255, 255, 0) 100%

  );

  content: "";

  display: block;

  z-index: 10;

}



.logo_slider::after {

  position: absolute;

  right: 0;

  top: 0;

  width: 50px;

  height: 100%;

  background: rgb(255, 255, 255);

  background: linear-gradient(

    -90deg,

    rgba(255, 255, 255, 1) 0%,

    rgba(255, 255, 255, 0) 100%

  );

  content: "";

  display: block;

  z-index: 10;

}



.logo_slider .swiper-wrapper .swiper-slide {

  width: 50px;

  height: 50px;

}



.logo_slider .img_hospital {

  position: relative;

  left: 0;

  display: flex;

  align-items: center;

  justify-content: center;

  width: 50px;

  height: 50px;

  border: 1px solid #eeeeee;

  border-radius: 50%;

  overflow: hidden;

  margin: 0;

  transform: scale(0.6);

  opacity: 0.2;

  transition: all 0.4s ease-in-out;

}



.logo_slider .img_hospital img {

  width: 100%;

}



.logo_slider .swiper-wrapper .swiper-slide.swiper-slide-prev .img_hospital,

.logo_slider .swiper-wrapper .swiper-slide.swiper-slide-next .img_hospital {

  transform: scale(0.8);

  opacity: 0.5;

}



.logo_slider .swiper-wrapper .swiper-slide.swiper-slide-prev .img_hospital {

  left: -5px;

}



.logo_slider .swiper-wrapper .swiper-slide.swiper-slide-next .img_hospital {

  left: 5px;

}



.logo_slider .swiper-wrapper .swiper-slide.swiper-slide-active .img_hospital {

  transform: scale(1);

  opacity: 1;

}



@media (prefers-color-scheme: dark) {

  html,

  body {

    background-color: #16191c;

  }



  header {

    background-color: #16191c;

  }



  header .go_back {

    background-image: url(../image/icon_back_header_dark.svg);

  }



  header .exit {

    background-image: url(../image/icon_exit_header_dark.svg);

  }



  header .progress_bar_area .bar {

    background-color: #fcfcfc;

  }



  .contents_wrap {

    background-color: #16191c;

  }



  .contents_wrap .title_area .contents_title + .contents_sub_text {

    color: rgba(252, 252, 252, 0.48);

  }



  .select_popup_wrap .header_area .top_btn_area .exit {

    background-image: url(../image/icon_exit_header_dark.svg);

  }



  .search_input_area input[type="text"] {

    background-image: url(../image/icon_search_dark.svg);

    border-bottom: 2px solid rgba(135, 146, 156, 0.2);

  }



  .search_input_area input[type="text"]:focus {

    border-bottom: 2px solid #fcfcfc;

  }



  .search_input_area .clear {

    background-image: url(../image/icon_input_clear_dark.svg);

  }



  .search_input_area input[type="text"]::placeholder {

    color: rgba(252, 252, 252, 0.24);

  }



  .search_input_area.type_btn .search_btn {

    background-image: url(../image/icon_search_dark.svg);

  }



  .search_list_area.type_hospital .list_top_area .list_term {

    color: rgba(252, 252, 252, 0.48);

  }



  .search_list_area.type_hospital .list_top_area .list_type {

    background-color: #0d273d;

    color: #3da8ff;

  }



  .search_list_area.type_hospital .list_text {

    color: rgba(252, 252, 252, 0.48);

  }



  .search_list_area.type_recent .recent_title_area {

    color: #fcfcfc;

    border-bottom: 1px solid #202326;

  }



  .search_list_area.type_recent .recent_title_area .btn {

    border: 1px solid #25282b;

    color: rgba(252, 252, 252, 0.48);

  }



  .search_list_area.type_recent li {

    background-color: #16191c;

  }



  .search_list_area.type_recent li input[type="checkbox"] + i {

    background-image: url(../image/chkbox_star_off_dark.svg);

  }



  .search_list_area.type_recent li input[type="checkbox"]:checked + i {

    background-image: url(../image/chkbox_star_on_dark.svg);

  }



  /* 검색 수정 - 20220330 */

  .search_list_area.type_ex_list .ex_list_area li {

    border-color: #202326;

  }



  .search_list_area.type_ex_list .search_list_area.type_search_result .label {

    background-color: #0d273d;

    color: #3da8ff;

  }



  .search_list_area.type_ex_list

    .search_list_area.type_search_result

    .list_info {

    color: rgba(252, 252, 252, 0.48);

  }



  .search_list_area.type_ex_list

    .search_list_area.type_search_result

    .btn_area

    .btn.type_gray {

    background-color: #202326;

  }



  .search_list_area.type_ex_list

    .search_list_area.type_search_result

    .btn_area

    .btn.type_normal {

    background-color: #ffef3d;

    color: #060b11;

  }



  .search_list_area.type_ex_list .search_list_area.type_search_result .use_msg {

    color: #ff6a6a;

  }



  .search_false_area p.sub_text {

    color: rgba(252, 252, 252, 0.48);

  }



  .search_false_area .btn_area p {

    color: rgba(252, 252, 252, 0.48);

  }



  .search_false_area .btn_area .btn {

    color: #3da8ff;

  }



  .search_false_area .area_select_area .chk_list_area label,

  .search_false_area .area_select_area .link_list_area a {

    background-color: #202326;

  }



  .search_false_area .area_select_area .chk_list_area input:checked + label {

    background-color: #ffef3d;

    color: #060b11;

  }



  .toast_popup {

    background-color: #282b2e;

  }



  .toast_popup .popup_main_text em {

    color: #3da8ff;

  }



  .toast_popup .exit_btn_area .exit {

    background-image: url(../image/icon_close_popup_dark.svg);

  }



  .toast_popup .popup_top_area .exit.type_none_circle {

    background-image: url(../image/icon_exit_header_dark.svg);

  }



  .toast_popup .popup_sub_text_box {

    background-color: #202326;

    color: rgba(252, 252, 252, 0.48);

  }



  .toast_popup .popup_top_area .delete {

    color: rgba(252, 252, 252, 0.48);

  }



  .layer_popup {

    background-color: #282b2e;

  }



  .layer_popup .popup_sub_text_area .sub_text {

    color: rgba(252, 252, 252, 0.48);

  }



  .layer_popup .popup_sub_text_area .sub_text.black {

    color: #fcfcfc;

  }



  .toast_popup .popup_sub_text_area {

    color: rgba(252, 252, 252, 0.48);

  }



  .page_popup {

    background-color: #16191c;

  }



  .page_popup .title_area .contents_sub_text {

    color: #bcc0c4;

  }



  .main_btn_area {

    background: linear-gradient(180deg, rgba(25, 28, 32, 0) 0%, #191c20 30.91%);

  }



  .main_btn_area .btn {

    background-color: #ffef3d;

    color: #060b11;

  }



  .main_btn_area .btn:disabled {

    background-color: #363614;

  }



  .main_btn_area.type_two_btn.color_type02 .btn:first-of-type {

    background-color: #9ea3a8;

    color: #060b11;

  }



  .main_btn_area.type_vertical .btn {

    background-color: #1b1e21;

    border: 1px solid #3a3e42;

    color: #fcfcfc;

  }



  .main_btn_area.type_vertical .btn.img_film i {

    background-image: url(../image/icon_film_dark.svg);

  }



  .main_btn_area.type_vertical .btn.img_album i {

    background-image: url(../image/icon_album_dark.svg);

  }



  .main_btn_area.type_vertical .fake_btn_area .fake_btn {

    background-color: #1b1e21;

    border: 1px solid #3a3e42;

    color: #fcfcfc;

  }



  .main_btn_area.type_vertical .fake_btn_area .fake_btn i {

    background-image: url(../image/icon_film_dark.svg);

  }



  .main_btn_area.type_vertical .fake_btn_area .fake_btn i {

    background-image: url(../image/icon_album_dark.svg);

  }



  .main_btn_area.color_type01 .btn {

    background: #1b1e21;

    border: 1px solid #3a3e42;

    color: #fcfcfc;

  }



  .main_btn_area.type_vertical.color_type02 .btn:first-of-type {

    background-color: #ffef3d;

    color: #060b11;

  }



  .main_btn_area.type_vertical.color_type02 .btn:last-of-type {

    background: #1b1e21;

    border: 1px solid #3a3e42;

    color: #fcfcfc;

  }



  .layer_popup {

    background-color: #2a2d30;

  }



  .layer_popup .main_btn_area.type_two_btn.color_type02 .btn:first-of-type {

    background-color: #202326;

    border: 1px solid #3a3e42;

    color: #fcfcfc;

  }



  .layer_popup .main_btn_area.popup_type .btn {

    background-color: #1b1e21;

    border: 1px solid #3a3e42;

    color: #fcfcfc;

  }



  .select_popup_wrap {

    background-color: #16191c;

  }



  .select_popup_wrap .header_area {

    background-color: #16191c;

  }



  .select_popup_wrap .header_area .title_area .contents_sub_text {

    color: rgba(252, 252, 252, 0.48);

  }



  .term_list_area label {

    background-color: #202326;

    color: rgba(252, 252, 252, 0.48);

  }



  .term_list_area input[type="radio"]:checked + label {

    background-color: #bcc0c4;

    color: #090c0f;

  }



  .input_box.date_type label {

    background-image: url(../image/icon_select_on_dark.svg);

  }



  .input_box {

    background-color: transparent;

    border: 1px solid #ffffff;

  }



  .input_box label {

    color: rgba(252, 252, 252, 0.48);

  }



  .input_box input[type="text"]::placeholder {

    color: rgba(252, 252, 252, 0.24);

  }



  .input_box .error_msg {

    color: #ff6a6a;

  }



  .input_box.text_type.error {

    border: 1px solid #25282b;

  }



  .input_box.focus.error {

    border: 1px solid #ff6a6a;

  }



  .input_box.readonly_type {

    background-color: transparent;

    border: 1px solid #25282b;

  }



  .radio.list_type label::before {

    border: 1px solid #cfd6dc;

    background-color: transparent;

  }



  .radio.list_type input[type="radio"]:checked + label::before {

    border: 8px solid #ffef3d;

    background-color: #16191c;

  }



  .radio.list_type input[type="radio"]:disabled + label::before {

    border: 1px solid #9ea3a8;

    background-color: #25282b;

    opacity: 0.4;

  }



  .radio.list_type input[type="radio"]:disabled + label + .text_area,

  .radio.list_type

    input[type="radio"]:disabled

    + label

    + .text_area

    .list_title

    .list_top_text {

    color: rgba(252, 252, 252, 0.24);

  }



  .radio.list_type .text_area .list_title .list_sub_text {

    color: rgba(252, 252, 252, 0.48);

  }



  .contents_wrap .claim_input_area ul {

    background-color: rgb(54, 58, 62);

  }



  .contents_wrap .claim_input_area li::after {

    background-color: rgba(135, 146, 156, 0.2);

  }



  .contents_wrap .claim_input_area li .select_info_area {

    border: none;

  }



  .contents_wrap .claim_input_area ul li.on .select_info_area {

    background-color: #191c20;

    border: 1px solid #fcfcfc;

  }



  .contents_wrap .claim_input_area li .select_info_area .label {

    color: rgba(252, 252, 252, 0.48);

  }



  .contents_wrap .claim_input_area li .select_info_area {

    background-image: url(../image/icon_select_off_dark.svg);

  }



  .contents_wrap .claim_input_area li.on .select_info_area {

    background-image: url(../image/icon_select_on_dark.svg);

  }



  .contents_wrap.full_type

    .info_view.type_document

    .contents_main_title_area

    .date,

  .contents_wrap.full_type .contents_list_area .contents_title_area .delete,

  .contents_wrap.full_type .contents_list_area .info_list_area li .info,

  .contents_wrap.full_type .total_price_area .total_price_calc em,

  .contents_wrap.full_type .total_price_area .balance_text,

  .contents_wrap.full_type .contents_list_area.type_complete .basics_info span,

  .contents_wrap.full_type .contents_info_area .contents_title .date,

  .contents_wrap.full_type .contents_info_area .case_view_area li .title,

  .contents_wrap.full_type

    .contents_info_area

    .info_detail_area

    .detail_inner_list

    span,

  .contents_wrap.full_type

    .contents_info_area

    .info_detail_area

    .detail_inner_list

    li::before,

  .contents_wrap.full_type .total_price_area .fees_price strong em,

  .contents_wrap.full_type .total_price_area .total_price span em {

    color: rgba(252, 252, 252, 0.48);

  }



  .contents_wrap.full_type .contents_list_area .info_list_area li .title {

    color: rgba(252, 252, 252, 0.48);

  }



  .contents_wrap.full_type .contents_list_area .document_price_area {

    border-top: 1px solid rgba(252, 252, 252, 0.24);

  }



  .contents_wrap.full_type .contents_btn_area .btn {

    background-image: url(../image/icon_plus_btn_dark.svg);

    background-color: #131313;

    border: 1px solid #3a3e42;

  }



  .contents_wrap.full_type .total_price_area .fees_price {

    background-color: #282b2e;

  }



  .contents_wrap.full_type .title_area.type_complete i.complete {

    background-image: url(../image/icon_complete_dark.svg);

  }



  .contents_wrap.full_type .title_area.type_complete .wait_guide_area .title {

    color: #060b11;

  }



  .contents_wrap.full_type .contents_info_area .info_detail_area {

    background-color: #282b2e;

  }



  .contents_wrap .complete_view_area .complete_icon {

    background-image: url(../image/icon_complete_dark.svg);

  }



  .search_list_area.type_chk li label::before {

    background-image: url(../image/chkbox_off_dark.svg);

  }



  .search_list_area.type_chk li input[type="checkbox"]:checked + label::before {

    background-image: url(../image/chkbox_on_dark.svg);

  }



  .contents_main_title_area .detail_info_list span {

    color: rgba(252, 252, 252, 0.48);

  }



  .contents_wrap.full_type .contents_list_area .info_list_area {

    background-color: #202326;

  }



  .contents_wrap.full_type .contents_list_area .info_list_area li::before {

    color: rgba(252, 252, 252, 0.48);

  }



  .doc_view_list .list {

    background-color: #16191c;

    border-top: 8px solid rgba(118, 124, 130, 0.1);

  }



  .doc_view_list {

    background-color: rgba(118, 124, 130, 0.1);

  }



  .doc_view_list .list .receipt_list_area .inner_list .text_contents .date {

    color: rgba(252, 252, 252, 0.48);

  }



  .doc_view_list li .btn {

    background-color: #202326;

    color: #fcfcfc;

  }



  .doc_view_list .list .title span {

    color: rgba(252, 252, 252, 0.48);

  }



  .doc_view_list.type_normal {

    background-color: #16191c;

  }



  .doc_view_list.type_normal li {

    border-bottom: 1px solid rgba(118, 126, 130, 0.2);

  }



  .doc_view_list.type_normal li.disabled_list .title,

  .doc_view_list.type_normal li.disabled_list .date {

    color: #3a3e42;

  }



  /* 20220118 수정사항 반영 */

  .list_view_area.tab_type .tab_title {

    border-bottom: 0.5px solid rgba(6, 11, 17, 0.2);

  }



  .list_view_area.tab_type .tab_title li {

    color: rgba(252, 252, 252, 0.48);

  }



  .list_view_area.tab_type .tab_title li.active {

    color: #fcfcfc;

    border-bottom: 2px solid #fcfcfc;

  }



  .list_view_area.tab_type .tab_contents_area .list a i {

    background-image: url(../image/icon_list01_dark.svg);

    background-color: #202326;

  }



  .list_view_area.tab_type

    .tab_contents_area

    .list

    a

    .text_contents

    .top_text

    li {

    color: rgba(252, 252, 252, 0.48);

  }



  .list_view_area.tab_type

    .tab_contents_area

    .list

    a

    .text_contents

    .top_text

    li

    + li.on::before {

    background-color: #e3e8ec;

  }



  .list_view_area.tab_type .tab_title li.point::before {

    background-color: #ff6a6a;

  }



  .contents_wrap .title_area.type_complete02 {

    border-bottom: 12px solid rgba(118, 124, 130, 0.1);

  }



  .contents_wrap .title_area.type_complete02 .wait_guide_area p {

    color: rgba(252, 252, 252, 0.48);

  }



  .contents_wrap.full_type

    .contents_info_area

    .info_detail_area

    .detail_inner_list

    li {

    color: rgba(252, 252, 252, 0.48);

  }



  .search_list_area.type_recent02 .recent_title_area .btn {

    background-color: #16191c;

    border: 1px solid #25282b;

    color: rgba(252, 252, 252, 0.48);

  }



  .search_list_area.type_recent02 .recent_list .list a i,

  .toast_popup .recent_list.type_change li .icon {

    background-color: #202326;

    background-image: url(../image/icon_list02_dark.svg);

  }



  .search_list_area.type_recent02

    .recent_list

    .list

    a

    .text_contents

    .top_text

    li,

  .toast_popup .recent_list.type_change li .text_contents .top_text li {

    color: rgba(252, 252, 252, 0.48);

  }



  .search_list_area.type_recent02

    .recent_list

    .list

    a

    .text_contents

    .top_text

    li

    + li.on::before,

  .toast_popup

    .recent_list.type_change

    li

    .text_contents

    .top_text

    li

    + li.on::before {

    background-color: #e3e8ec;

  }



  .toast_popup .edit_btn_area .btn {

    color: rgba(252, 252, 252, 0.48);

  }



  .toast_popup .search_list_area + .main_btn_area.fixed_type {

    background: linear-gradient(

      180deg,

      rgba(40, 43, 46, 0) 0%,

      rgba(40, 43, 46, 0) 30.91%

    );

  }



  .list_view_area.tab_type .tab_contents_area .wait_guide_text {

    background-color: #1b1e21;

    background-image: url(../image/icon_ExMark_dark.svg);

  }



  .list_view_area.tab_type

    .tab_contents_area

    .list

    a

    .text_contents

    .top_text

    .false {

    color: #ff6a6a;

  }



  .list_view_area.tab_type

    .tab_contents_area

    .list

    a

    .text_contents

    .title.false {

    color: rgba(252, 252, 252, 0.48);

  }



  .list_view_area.tab_type .tab_contents_area .none_doc_view i {

    background-image: url(../image/icon_doc01_dark.svg);

  }



  .list_view_area.tab_type .tab_contents_area .none_doc_view p {

    color: rgba(252, 252, 252, 0.48);

  }



  .contents_wrap.img_view_type {

    background-color: #1b1b1b;

  }



  .contents_wrap .none_doc_view.type_doc_check i {

    background-image: url(../image/icon_doc01_dark.svg);

  }



  .contents_wrap .none_doc_view.type_doc_check p {

    color: rgba(252, 252, 252, 0.48);

  }



  .contents_wrap .error_view i {

    background-image: url(../image/icon_error_dark.svg);

  }



  .contents_wrap .error_view .text {

    color: rgba(252, 252, 252, 0.48);

  }



  .contents_wrap.full_type .title_area.fixed_type {

    background-color: #16191c;

  }



  .list_view_area.tab_type .tab_title.fixed_type {

    background-color: #16191c;

  }



  .list_view_area.tab_type + .footer_contect_area {

    color: rgba(252, 252, 252, 0.48);

  }



  /* 20220503 - UI 추가 */

  .none_child_view i {

    background-image: url(../image/icon_info01_dark.svg);

  }



  .none_child_view p.sub_text {

    color: rgba(252, 252, 252, 0.48);

  }



  .none_child_view .add_btn {

    color: #3da8ff;

    border-bottom: 1px solid #3da8ff;

  }



  .bot_gray_area {

    background-color: #1b1e21;

  }



  .doc_box_list > li {

    background-color: #16191c;

  }



  .doc_box_list > li i {

    background-color: #ffef3d;

    color: #060b11;

  }



  .doc_box_list > li .btn {

    background-color: #bcc0c4;

    color: #16191c;

  }



  .doc_box_list > li .btn.complete {

    background-color: #202326;

    color: rgba(252, 252, 252, 0.48);

  }



  .doc_radio_box + .sub_info_text,

  .doc_box_list + .sub_info_text,

  .input_box + .sub_info_text {

    color: rgba(252, 252, 252, 0.48);

  }



  .doc_radio_box + .sub_info_text i,

  .doc_box_list + .sub_info_text i,

  .input_box + .sub_info_text i {

    background-image: url(../image/icon_info02_dark.svg);

  }



  .sub_info_text + .doc_radio_box {

    background-color: #16191c;

  }



  .doc_radio_box input[type="radio"] + label::before {

    background-color: transparent;

    border: 1px solid #cfd6dc;

  }



  .doc_radio_box input[type="radio"]:checked + label::before {

    border-color: #ffef3d;

    background-color: #060b11;

  }



  .radio.list_type .text_area .list_title .list_top_text {

    color: rgba(252, 252, 252, 0.48);

  }



  .radio.list_type .text_area .list_title .list_top_text em + em::before {

    background-color: #25282b;

  }



  .child_list_view .top_area .btn {

    background-color: #202326;

    color: rgba(252, 252, 252, 0.48);

    border: 1px solid #25282b;

  }



  .regist_doc_area .none_data_area .guide_text {

    color: rgba(252, 252, 252, 0.48);

  }



  .regist_doc_area .none_data_area .file_upload_btn {

    background-color: #1b1e21;

    border: 1px dashed #3a3e42;

  }



  .regist_doc_area .none_data_area .file_upload_btn strong {

    color: rgba(252, 252, 252, 0.48);

  }



  .contents_wrap.viewer_type {

    background-color: #16191c;

  }



  .img_view_area .img_header_area {

    background-color: #16191c;

  }



  .img_view_area .img_header_area .back_btn {

    background-image: url(../image/icon_back_header_dark.svg);

  }



  .toast_popup .bot_btn_area {

    background: linear-gradient(

      180deg,

      rgba(40, 43, 46, 0) 0%,

      rgba(40, 43, 46, 1) 30.91%,

      rgba(40, 43, 46, 1) 100%

    );

  }



  .toast_popup .popup_top_area .btn,

  .toast_popup .popup_top_area .delete {

    color: rgba(252, 252, 252, 0.48);

  }



  .search_list_area.type_chk.chlid_type li .text_area .top_text_area span {

    color: rgba(252, 252, 252, 0.48);

  }



  .search_list_area.type_chk.chlid_type

    li

    .text_area

    .top_text_area

    span

    + span::before {

    background-color: #25282b;

  }



  .toast_popup

    .search_list_area.type_chk.chlid_type

    li

    .text_area

    .top_text_area

    span

    + span::before {

    background-color: #52575c;

  }



  .search_list_area.type_chk.chlid_type li input:disabled + label,

  .search_list_area.type_chk.chlid_type li input:checked:disabled + label {

    background: url(../image/icon_child01_dark.svg) no-repeat left center;

  }



  .toast_popup .bot_btn_area .btn {

    background: #ffef3d;

    color: #060b11;

  }



  .input_box.text_type {

    background-color: #1b1e21;

    border: 1px solid #ffffff;

  }



  .input_box.text_type.focus {

    background-color: #16191c;

    border: 1px solid #eeeff0;

  }



  .list_view_area.tab_type

    .tab_contents_area

    .list

    a

    .text_contents

    .childe_text {

    color: rgba(252, 252, 252, 0.48);

  }



  .film_view_area + .main_btn_area {

    background-color: #16191c;

  }



  .list_area + .list_sub_text_area {

    border-top: 1px solid rgba(118, 124, 130, 0.2);

  }



  .list_area + .list_sub_text_area .list_sub_text_box {

    background-color: #1b1e21;

  }



  .list_area + .list_sub_text_area .list_sub_text_box i {

    background-image: url(../image/icon_info02_dark.svg);

  }



  .list_area + .list_sub_text_area .list_sub_text_box p {

    color: rgba(252, 252, 252, 0.48);

  }



  .popup_term_chk_area .checkbox.term_main_type input[type="checkbox"] + label {

    background-image: url(../image/chkbox_off_dark.svg);

  }



  .popup_term_chk_area

    .checkbox.term_main_type

    input[type="checkbox"]:checked

    + label {

    background-image: url(../image/chkbox_on.svg);

  }



  .popup_term_chk_area

    .term_sub_chk_list

    li

    .checkbox

    input[type="checkbox"]

    + label {

    background-image: url(../image/chkbox01_off_dark.svg);

    color: rgba(252, 252, 252, 0.48);

  }



  .popup_term_chk_area

    .term_sub_chk_list

    li

    .checkbox

    input[type="checkbox"]:checked

    + label {

    background-image: url(../image/chkbox01_on_dark.svg);

    color: #fcfcfc;

  }



  .popup_term_chk_area .term_sub_chk_list li .term_detail_open_btn {

    background-image: url(../image/icon_arrow01_dark.svg);

  }



  .bot_guide_text_area {

    background-color: #2a2d30;

  }



  .bot_guide_text_area .area_title,

  .bot_guide_text_area .list_title,

  .bot_guide_text_area .gudie_text_list {

    color: rgba(252, 252, 252, 0.48);

  }



  .bot_guide_text_area .gudie_text_list li::after {

    background-color: rgba(252, 252, 252, 0.48);

  }



  .insurance_list_area .insurance_list .list_title {

    color: rgba(252, 252, 252, 0.48);

  }



  .insurance_list_area .insurance_list > ul > li a {

    background-color: #25282b;

  }



  .insurance_list_area .insurance_list > ul > li a .box_text {

    color: #fcfcfc;

  }



  /* 230522  */

  .main_btn_area .btn_other .btn02 {

    color: rgba(252, 252, 252, 0.48);

  }



  .toast_popup .popup_main_text {

    color: #fff;

  }



  .layer_popup .popup_sub_text_area .pop_title {

    color: #fff;

  }



  .list_certif li,

  .list_telecom li {

    border-bottom: 1px solid #313437;

  }



  .list_certif li a,

  .list_telecom li a {

    color: #fcfcfc;

  }



  .list_certif li a .recomd {

    background-color: #0d273d;

    color: #3da8ff;

  }



  .contents_bottom {

    background: #2a2d30;

  }



  .contents_bottom .title {

    color: #fcfcfc;

  }



  .loop_wrap ul li span {

    color: #fcfcfc;

  }



  .alert_view .text {

    color: rgba(252, 252, 252, 0.48);

  }



  .search_list_area.type_hospital .list_title .tag {

    background-color: #0d273d;

    color: #3da8ff;

  }



  .result_area p.sub_text {

    color: rgba(252, 252, 252, 0.48);

  }



  .result_area .btn_area .btn {

    color: #ffffff;

    background-color: #2a2d30;

    border-color: #42464a;

  }



  .main_btn_area .btn + .btn_tooltip .bubble {

    background: #fcfcfc;

  }



  .main_btn_area .btn + .btn_tooltip .bubble::after {

    border-top: 8px solid #fcfcfc;

  }



  .main_btn_area .btn + .btn_tooltip .bubble p {

    color: #16191c;

  }



  /* 231010 */

  #header {

    background: #16191c;

  }



  #header .page_title {

    color: #ffffff;

  }



  #container .cont_wrap {

    background: #16191c;

  }



  #container .title_box .title {

    color: #fcfcfc;

  }



  #container .title_box .text {

    color: rgba(252, 252, 252, 0.56);

  }



  .search_input_box::before {

    background-image: url(../image/icon_search_w.svg);

  }



  .search_input_box input[type="text"] {

    color: #fcfcfc;

    background: rgba(3, 4, 5, 0.64);

  }



  .search_input_box input[type="text"]::placeholder {

    color: rgba(252, 252, 252, 0.16);

  }



  .search_input_box .clear {

    background-image: url(../image/icon_input_clear_w.svg);

  }



  .search_recent_box .title {

    color: rgba(252, 252, 252, 0.56);

  }



  .search_recent_box .btn_del_all {

    color: #fcfcfc;

  }



  .search_recent_box ul a {

    color: rgba(252, 252, 252, 0.56);

    background: rgba(255, 255, 255, 0.04);

  }



  .search_recent_box ul .btn_delete {

    background-image: url(../image/btn_delete_w.svg);

  }



  .hospital_list_box ul li {

    border-bottom: 1px solid rgba(118, 124, 130, 0.2);

  }



  .hospital_list_box .list_title {

    color: #fcfcfc;

  }



  .hospital_list_box .list_text {

    color: rgba(252, 252, 252, 0.56);

  }



  .hospital_list_box .btn_more {

    color: rgba(252, 252, 252, 0.56);

  }



  .hospital_list_box .btn_more::after {

    background-image: url(../image/icon_arrow_down_w.svg);

  }



  .alert_box .sub_text {

    color: rgba(252, 252, 252, 0.56);

  }



  .alert_box .btn_box .btn {

    color: #fcfcfc;

    background: #2a2d30;

    border: 1px solid #42464a;

  }



  .lookup_box .title {

    color: #fcfcfc;

  }



  .lookup_box .sub_text {

    color: rgba(252, 252, 252, 0.56);

  }



  .logo_slider::before {

    background: rgb(22, 25, 28);

    background: linear-gradient(

      90deg,

      rgba(22, 25, 28, 1) 0%,

      rgba(22, 25, 28, 0) 100%

    );

    content: "";

    display: block;

    z-index: 10;

  }



  .logo_slider::after {

    background: rgb(22, 25, 28);

    background: linear-gradient(

      -90deg,

      rgba(22, 25, 28, 1) 0%,

      rgba(22, 25, 28, 0) 100%

    );

    content: "";

    display: block;

    z-index: 10;

  }

}