@charset "utf-8";
/* 증명서 확인 */
.card_list_box .card_view_box {
  margin-bottom: 24px;
}
.card_view_box {
  width: 100%;
  padding: 4px 0;
  background: #ffffff;
  border-radius: 12px;
  box-shadow: var(--shadow-01);
}
.card_view_box .inner_box {
  padding: 16px 20px;
}
.card_view_box .card_sub_title {
  position: relative;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
}
.card_view_box .card_sub_title.toggle_tab::after {
  position: absolute;
  right: 0;
  top: 1px;
  width: 16px;
  height: 16px;
  background: url(../image/icon/icon_arrow_down.svg) no-repeat center center;
  background-size: contain;
  content: "";
  display: block;
  cursor: pointer;
  z-index: 5;
  transition: all 0.2s ease-in-out;
}
.card_view_box .card_sub_title.toggle_tab.on::after {
  transform: rotate(180deg);
}
.card_view_box .toggle_cont.on {
  display: block;
}
.card_view_box .text {
  font-size: 14px;
  font-weight: 400;
  color: var(--gray-500);
  line-height: 20px;
}
.card_view_box .card_info_box {
  position: relative;
}
.card_view_box .card_info_box .btn_delete {
  position: absolute;
  right: 0;
  top: 0;
  width: 24px;
  height: 24px;
  background: url(../image/btn/btn_close.svg) no-repeat center center;
  background-size: contain;
  text-indent: -9999px;
  opacity: 0.6;
  overflow: hidden;
}
.card_view_box .card_info_box .date {
  font-size: 14px;
  font-weight: 400;
  color: var(--gray-500);
  line-height: 20px;
  display: block;
}
.card_view_box .card_info_box .date em {
  color: var(--gray-500);
}
.card_view_box .card_info_box .name {
  position: relative;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  padding-right: 80px;
  margin: 6px 0;
}
.card_view_box .card_info_box .bedge {
  position: absolute;
  right: 0;
  top: 0;
}
.card_view_box .card_info_box .label {
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  color: var(--primary);
  line-height: 26px;
  padding: 0 8px;
  border: 1px solid var(--primary);
  border-radius: 14px;
  vertical-align: 2px;
  margin-left: 4px;
}
.card_view_box .card_info_box .paper {
  font-size: 16px;
  font-weight: 500;
  color: var(--primary);
  line-height: 20px;
  margin-top: 6px;
}
.card_view_box .card_info_box .detail_list_box {
  padding-top: 16px;
  border-top: 1px solid var(--gray-200);
  margin-top: 16px;
}
.card_view_box .card_cancle_box .card_sub_title {
  color: var(--error);
  margin-bottom: 8px;
}
.card_view_box .detail_list_box .card_sub_title {
  margin-bottom: 12px;
}
.card_view_box .detail_list_box ul li {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 12px;
}
.card_view_box .detail_list_box ul li:last-of-type {
  margin-bottom: 0;
}
.card_view_box .detail_list_box ul li > span {
  width: 80px;
  min-width: 80px;
  display: block;
}
.card_view_box .detail_list_box ul li > strong {
  flex: 1;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: right;
  display: block;
}
.card_view_box .detail_list_box ul li > .price {
  flex: 1;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  text-align: right;
}
.card_view_box .detail_list_box ul li .toggle_tab {
  position: relative;
  text-indent: -9999px;
}
.card_view_box .detail_list_box ul li .toggle_tab::after {
  position: absolute;
  right: 0;
  top: 1px;
  width: 16px;
  height: 16px;
  background: url(../image/icon/icon_arrow_down.svg) no-repeat center center;
  background-size: contain;
  content: "";
  display: block;
  cursor: pointer;
  z-index: 5;
  transition: all 0.2s ease-in-out;
}
.card_view_box .detail_list_box ul li .toggle_tab.on::after {
  transform: rotate(180deg);
}
.card_view_box .detail_list_box ul li .toggle_cont {
  width: 100%;
  overflow: hidden;
}
.card_view_box .detail_list_box ul li .toggle_cont p {
  margin-top: 8px;
}
.card_view_box .text_warning {
  font-size: 13px;
  line-height: 18px;
  word-break: keep-all;
  text-align: center;
  margin-top: 12px;
}
.card_view_box .text_warning::before {
  width: 16px;
  height: 16px;
  background: url(../image/icon/icon_warning.svg) no-repeat center center;
  background-size: contain;
  display: inline-block;
  content: "";
  vertical-align: -3px;
  margin-right: 4px;
}
.card_view_box .text_warning b {
  font-weight: 400;
  color: var(--primary);
}

/* 병원 서류 내역 */
.paper_list_box {
  padding-top: 12px;
}
.paper_list_box li {
  display: flex;
  align-items: flex-start;
}
.paper_list_box li + li {
  padding-top: 8px;
  border-top: 1px solid var(--gray-200);
  margin-top: 8px;
}
.paper_list_box li .title {
  flex: 1;
  font-size: 13px;
  font-weight: 600;
  line-height: 18px;
  display: block;
}
.paper_list_box li .detail {
  min-width: 120px;
  text-align: right;
}
.paper_list_box li .detail span {
  font-size: 13px;
  color: var(--gray-500);
  line-height: 18px;
  display: block;
  margin-bottom: 8px;
}
.paper_list_box li .detail span:last-of-type {
  margin-bottom: 0;
}

/*! ────────────────────────────────────── Accounts ────────────────────────────────────── */
/* 로그인 */
.member_link_box {
  display: flex;
}
.member_link_box.center {
  justify-content: center;
}
.member_link_box a {
  position: relative;
  display: inline-block;
  font-size: 13px;
  font-weight: 400;
  color: var(--gray-500);
  line-height: 20px;
  padding: 0 7px;
}
.member_link_box a:first-of-type {
  padding-left: 0;
}
.member_link_box a:not(:first-of-type)::before {
  position: absolute;
  left: -2px;
  top: 0;
  content: "|";
  display: inline-block;
}
.sns_login_box {
  width: 100%;
  text-align: center;
  margin-top: 48px;
}
.sns_login_box p {
  font-size: 15px;
  font-weight: 400;
  color: var(--gray-400);
  line-height: 20px;
}
.sns_login_box .link_box {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 8px;
}
.sns_login_box .link_box > * {
  display: inline-block;
  width: 55px;
  height: 55px;
  text-indent: -9999px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 7px;
}
.sns_login_box .link_box .btn_kakao {
  background: url(../image/icon/icon_sns_kakao.svg) no-repeat center center;
  background-size: contain;
}
.sns_login_box .link_box .btn_naver {
  background: url(../image/icon/icon_sns_naver.svg) no-repeat center center;
  background-size: contain;
}

/* 계정 안내 */
.account_info_box {
  width: 100%;
  padding: 10px 20px;
  background: var(--gray-25);
  border-radius: 8px;
}
.account_info_box dl {
  display: flex;
  align-items: flex-start;
  margin-bottom: 10px;
}
.account_info_box dl:last-of-type {
  margin-bottom: 0;
}
.account_info_box dl dt {
  width: 90px;
  min-width: 90px;
  font-size: 14px;
  font-weight: 600;
  color: var(--gray-500);
  line-height: 20px;
}
.account_info_box dl dd {
  flex: 1;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.account_info_box dl dd.id {
  color: var(--primary);
}
.account_info_box dl dd.id.naver::before {
  width: 20px;
  height: 20px;
  background: url(../image/icon/icon_sns_naver.svg) no-repeat center center;
  background-size: contain;
  vertical-align: -5px;
  margin-right: 4px;
  content: "";
  display: inline-block;
}
.account_info_box dl dd.id.kakao::before {
  width: 20px;
  height: 20px;
  background: url(../image/icon/icon_sns_kakao.svg) no-repeat center center;
  background-size: contain;
  vertical-align: -5px;
  margin-right: 4px;
  content: "";
  display: inline-block;
}

/* 아이디찾기 완료 */
.account_id_box {
  width: 100%;
  padding: 20px;
  background: var(--gray-25);
  border-radius: 8px;
}
.account_id_box p {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-align: center;
}
.account_id_box strong {
  color: var(--primary);
}

/*! ────────────────────────────────────── Mymage ────────────────────────────────────── */
/* 마이페이지 */
.mypage_section .my_info_box {
  position: relative;
  padding-right: 100px;
}
.mypage_section .my_info_box .btn_logout {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  padding: 6px 16px;
}
.mypage_section .connect_list_box > li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.mypage_section .connect_list_box > li:last-of-type {
  margin-bottom: 0;
}
.mypage_section .connect_list_box > li p {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.mypage_section .connect_list_box > li .link {
  font-size: 14px;
  color: var(--gray-500);
  display: inline-block;
  margin-left: 6px;
}
.mypage_section .sub_link_box > li {
  margin-bottom: 12px;
}
.mypage_section .sub_link_box > li:last-of-type {
  margin-bottom: 0;
}
.mypage_section .sub_link_box > li a {
  position: relative;
  display: block;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
}
.mypage_section .sub_link_box > li a::after {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  background: url(../image/icon/icon_arrow_right.svg) no-repeat center center;
  background-size: contain;
  content: "";
  display: block;
}
.mypage_section .fnb_link_box {
  position: absolute;
  left: 0;
  bottom: 64px;
  width: 100%;
  padding: 24px 20px;
  background: var(--gray-100);
}
.mypage_section .fnb_link_box ul {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.mypage_section .fnb_link_box ul li a {
  font-size: 14px;
  font-weight: 400;
  color: var(--gray-400);
}

/* 고객센터 */
.support_section .cs_info_box {
  position: relative;
  padding-left: 30px;
}
.support_section .cs_info_box h3 {
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
}
.support_section .cs_info_box h3::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  background: url(../image/icon/icon_cs.svg) no-repeat center center;
  background-size: contain;
  content: "";
  display: block;
}
.support_section .cs_info_box .call {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
  display: inline-block;
  margin: 8px 0 4px;
}
.support_section .cs_info_box p {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}
.faq_box + .faq_box {
  padding-top: 24px;
  border-top: 1px solid var(--gray-200);
  margin-top: 24px;
}
.faq_box .title {
  font-size: 16px;
  font-weight: 500;
  color: var(--primary);
  line-height: 22px;
}
.faq_box .title img {
  width: 20px;
  vertical-align: -4px;
}
.faq_box .list {
  margin-top: 16px;
}
.faq_box .list > li {
  position: relative;
  width: 100%;
  padding-left: 20px;
  margin-bottom: 12px;
}
.faq_box .list > li:last-of-type {
  margin-bottom: 0;
}
.faq_box .q_box {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  cursor: pointer;
  padding-right: 30px;
}
.faq_box .q_box::before {
  position: absolute;
  left: 0;
  top: -1px;
  color: var(--primary);
  content: "Q.";
  display: inline-block;
  z-index: 5;
}
.faq_box .q_box::after {
  position: absolute;
  right: 0;
  top: 0;
  width: 18px;
  height: 18px;
  background: url(../image/icon/icon_arrow_down.svg) no-repeat center center;
  content: "";
  display: block;
  opacity: 0.6;
  transition: all 0.2s ease-in-out;
}
.faq_box .q_box.on::after {
  transform: rotate(-180deg);
}
.faq_box .a_box {
  width: 100%;
}
.faq_box .a_box p {
  font-size: 14px;
  font-weight: 400;
  color: var(--gray-500);
  line-height: 20px;
  margin-top: 6px;
}
.faq_box .a_box p b {
  font-weight: 400;
  color: var(--primary);
}
.faq_box .a_box p em {
  font-size: 12px;
  font-weight: 400;
  color: var(--gray-400);
}
.faq_box .a_box p img {
  width: 16px;
  vertical-align: -2px;
}
.faq_box .a_box .sub_btn_box {
  margin-top: 6px;
}

/* 공지사항 */
.notice_section .title {
  max-height: 44px;
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: keep-all;
  text-overflow: ellipsis;
  overflow: hidden;
}
.notice_section .date {
  font-size: 11px;
  font-weight: 400;
  color: var(--gray-400);
  line-height: 18px;
  display: block;
  margin-top: 2px;
}
.notice_list_box {
  padding: 24px 0;
}
.notice_list_box > li {
  width: 100%;
  margin-bottom: 16px;
}
.notice_list_box > li:last-of-type {
  margin-bottom: 0;
}
.notice_list_box > li .toggle_tab {
  position: relative;
  width: 100%;
  padding: 0 50px 0 20px;
  display: block;
}
.notice_list_box > li .toggle_tab::after {
  position: absolute;
  right: 20px;
  top: 2px;
  width: 18px;
  height: 18px;
  background: url(../image/icon/icon_arrow_down.svg) no-repeat center center;
  background-size: contain;
  content: "";
  display: inline-block;
  opacity: 0.7;
}
.notice_list_box > li .toggle_tab.on::after {
  transform: rotate(180deg);
}
.notice_list_box > li .toggle_cont {
  position: relative;
}
.notice_list_box > li .toggle_cont .notice_detail_box {
  padding: 20px;
  background: var(--gray-25);
  margin-top: 16px;
}
.notice_detail_box {
  position: relative;
  width: 100%;
}
.notice_detail_box * {
  color: var(--gray-500);
}
.notice_detail_box p {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.notice_detail_box strong {
  font-size: 18px;
}
.notice_detail_box span {
  text-decoration: underline;
}

/* 이용약관 / 개인정보처리방침 */
.terms_section .main_title {
  margin-bottom: 30px;
}
.terms_section .text_box {
  margin-bottom: 30px;
}
.terms_section .text_box h3 {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 16px;
}
.terms_section .text_box h4 {
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  margin: 12px 0;
}
.terms_section .text_box p {
  font-size: 13px;
  font-weight: 400;
  color: var(--gray-700);
  line-height: 18px;
  margin-top: 8px;
}
.terms_section .text_box p em {
  text-decoration: underline;
}
.terms_section .text_box table {
  min-width: 100%;
  border-top: 1px solid var(--gray-200);
}
.terms_section .text_box table tr {
  border-bottom: 1px solid var(--gray-200);
}
.terms_section .text_box table th {
  font-size: 13px;
  font-weight: 700;
  color: var(--gray-700);
  line-height: 18px;
  word-break: keep-all;
  vertical-align: middle;
  padding: 8px;
  background: var(--gray-100);
  border-right: 1px solid var(--gray-200);
}
.terms_section .text_box table td {
  font-size: 13px;
  font-weight: 400;
  color: var(--gray-700);
  line-height: 18px;
  word-break: keep-all;
  padding: 8px;
  border-right: 1px solid var(--gray-200);
}
.terms_section .text_box table thead th:last-of-type,
.terms_section .text_box table tbody td:last-of-type {
  border-right: none;
}
.terms_section .text_box ul {
  margin-top: 4px;
}
.terms_section .text_box ul li {
  position: relative;
  font-size: 13px;
  font-weight: 400;
  color: var(--gray-700);
  line-height: 18px;
  padding-left: 10px;
}
.terms_section .text_box ul.dot li {
  padding-left: 16px;
}
.terms_section .text_box ul.dot li::before {
  position: absolute;
  left: 6px;
  top: 7px;
  width: 3px;
  height: 3px;
  background: var(--gray-500);
  border-radius: 50%;
  content: "";
  display: block;
}
.terms_section .table_scroll {
  width: 100%;
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.terms_section .table_scroll::-webkit-scrollbar {
  display: none;
}

/*! ────────────────────────────────────── Home ────────────────────────────────────── */
/* 상단 링크 버튼 */
.home_link_box {
  position: relative;
  display: block;
  width: 100%;
  padding: 10px 30px 10px 48px;
  background: #ffffff;
  box-shadow: var(--shadow-01);
  border-radius: 6px;
  margin-top: 16px;
}
.home_link_box::before {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  width: 30px;
  height: 30px;
  background: url(../image/icon/icon_hospital_full.svg) no-repeat center center;
  background-size: contain;
  content: "";
  display: inline-block;
}
.home_link_box::after {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 20px;
  height: 20px;
  background: url(../image/icon/icon_arrow_right.svg) no-repeat center center;
  background-size: contain;
  content: "";
  display: block;
  opacity: 0.4;
}
.home_link_box p {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.home_link_box strong {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  display: block;
  margin-top: 2px;
}

/* 진행 상황 */
.progress_state_box + .progress_state_box {
  padding-top: 24px;
  border-top: 1px solid var(--gray-200);
  margin-top: 24px;
}
.progress_state_box .title_box {
  position: relative;
}
.progress_state_box .title_box .btn_view {
  position: absolute;
  right: 0;
  top: 3px;
  display: block;
  z-index: 5;
}
.progress_state_box .title_box .btn_view::after {
  width: 20px;
  height: 20px;
  background: url(../image/icon/icon_arrow_right.svg) no-repeat center center;
  background-size: contain;
  content: "";
  display: inline-block;
  vertical-align: -5px;
  opacity: 0.4;
}
.progress_state_box .result_text_box {
  width: 100%;
  margin-top: 20px;
}
.progress_state_box .result_text_box h3 {
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
  margin-bottom: 8px;
}
.progress_state_box .result_text_box h3 b {
  font-weight: 400;
  color: var(--primary);
}
.progress_state_box .result_text_box p,
.progress_state_box .result_text_box ul li {
  font-size: 13px;
  font-weight: 400;
  color: var(--gray-400);
  line-height: 18px;
}
.progress_state_box .result_text_box ul li {
  position: relative;
  padding-left: 17px;
}
.progress_state_box .result_text_box ul li::before {
  position: absolute;
  left: 7px;
  top: 7px;
  width: 3px;
  height: 3px;
  background: var(--gray-400);
  border-radius: 50%;
  content: "";
  display: block;
}
/* - 진행 상황 없음 */
.progress_state_box .none_data_box {
  width: 100%;
  padding: 20px 16px;
  background: #ffffff;
  box-shadow: var(--shadow-01);
  border-radius: 12px;
}
.progress_state_box .none_data_box p {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
  margin-bottom: 16px;
}
.progress_state_box .none_data_box p::before {
  width: 18px;
  height: 18px;
  background: url(../image/icon/icon_warning.svg) no-repeat center center;
  background-size: contain;
  content: "";
  display: inline-block;
  vertical-align: -4px;
  margin-right: 4px;
}

/*! ────────────────────────────────────── Payment ────────────────────────────────────── */
/* 증명서 확인 - 총 결제 금액 */
.price_check_box .title_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.price_check_box .title_box h3 {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}
.price_check_box .title_box .total_price {
  font-size: 20px;
  font-weight: 700;
  color: var(--primary);
  line-height: 24px;
}
.price_check_box .list_box {
  padding-top: 16px;
  border-top: 1px solid var(--gray-200);
  margin-top: 16px;
}
.price_check_box .list_box ul li {
  display: flex;
  margin-bottom: 12px;
}
.price_check_box .list_box ul li:last-of-type {
  margin-bottom: 0;
}
.price_check_box .list_box ul li > * {
  width: 50%;
  font-size: 14px;
  line-height: 20px;
  display: block;
}
.price_check_box .list_box ul li span {
  color: var(--gray-500);
}
.price_check_box .list_box ul li strong {
  font-weight: 700;
  text-align: right;
}
.price_check_box .list_box ul li .discount {
  color: var(--primary);
}

/* 결제하기 - 결제 서류 */
.card_slide_box {
  position: relative;
  width: 100%;
}
.card_slide_box .card_pager {
  width: 100%;
  text-align: center;
  margin-top: 24px;
}
.card_slide_box .card_pager > span {
  width: 9px;
  height: 9px;
  background: #ffffff;
  border: 1px solid var(--primary);
  border-radius: 50%;
  display: inline-block;
  opacity: 1;
}
.card_slide_box .card_pager > span.swiper-pagination-bullet-active {
  background: var(--primary);
}
.cart_list_box > li {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin-bottom: 12px;
}
.cart_list_box > li:last-of-type {
  margin-bottom: 0;
}
.cart_list_box .date {
  font-size: 13px;
  color: var(--gray-600);
  line-height: 18px;
  display: inline-block;
}
.cart_list_box .paper {
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
}
.cart_list_box .hospital {
  font-size: 13px;
  color: var(--gray-600);
  line-height: 18px;
}
.cart_list_box .price {
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
}

/* 결제하기 - 총 결제 금액 */
.calculator_box .flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.calculator_box .calc_detail_box {
  padding-bottom: 16px;
  border-bottom: 1px solid var(--gray-200);
}
.calculator_box .calc_detail_box ul li {
  margin-top: 6px;
}
.calculator_box .calc_detail_box ul li > * {
  font-size: 16px;
  line-height: 22px;
  display: inline-block;
}
.calculator_box .calc_detail_box strong {
  font-weight: 500;
  text-align: right;
}
.calculator_box .calc_detail_box strong.type_blue {
  color: #3f8cff;
}
.calculator_box .calc_discount_box {
  padding-top: 16px;
}
.calculator_box .calc_discount_box .title,
.calculator_box .calc_discount_box .total_discount {
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  display: inline-block;
}
.calculator_box .calc_discount_box .total_discount {
  color: var(--primary);
}
.calculator_box .calc_discount_box ul li {
  margin-top: 6px;
}
.calculator_box .calc_discount_box ul li > * {
  font-size: 14px;
  font-weight: 400;
  color: var(--gray-400);
  line-height: 22px;
  display: inline-block;
}
.calculator_box .calc_discount_box ul li span::before {
  content: "ㄴ";
  display: inline-block;
  margin-right: 4px;
}
.calculator_box .calc_total_box {
  padding-top: 24px;
}
.calculator_box .calc_total_box .title {
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  display: inline-block;
}
.calculator_box .calc_total_box .total_price {
  font-size: 26px;
  font-weight: 700;
  color: var(--primary);
  line-height: 34px;
  display: inline-block;
}

/* 결제하기 - 결제방법 */
.payment_list_box ul > li {
  position: relative;
  width: 100%;
  padding: 12px 0;
}
.payment_list_box input[type="radio"] + label {
  position: relative;
  display: block;
  width: 100%;
  padding-left: 30px;
}
.payment_list_box input[type="radio"] + label .icon_radio {
  position: absolute;
  left: 0;
  top: 1px;
}
.payment_list_box input[type="radio"] + label .text {
  position: relative;
  font-size: 16px;
  font-weight: 500;
  color: var(--gray-400);
  line-height: 22px;
}
.payment_list_box input[type="radio"] + label .text img {
  vertical-align: -6px;
  margin-right: 6px;
}
.payment_list_box input[type="radio"]:checked + label .text {
  color: var(--gray-900);
}

/*! ────────────────────────────────────── Documents ────────────────────────────────────── */
/* 증명서 발급 안내 */
.document_guide_box > li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 12px;
  z-index: 1;
}
.document_guide_box > li:last-of-type {
  margin-bottom: 0;
}
.document_guide_box > li::before {
  position: absolute;
  left: 0;
  top: -1px;
  width: 24px;
  height: 24px;
  font-size: 14px;
  color: #ffffff;
  line-height: 24px;
  text-align: center;
  background: var(--primary);
  border-radius: 50%;
  content: "";
  display: block;
  z-index: 5;
}
.document_guide_box > li:nth-of-type(1):before {
  content: "1";
}
.document_guide_box > li:nth-of-type(2):before {
  content: "2";
}
.document_guide_box > li:nth-of-type(3):before {
  content: "3";
}
.document_guide_box > li::after {
  position: absolute;
  left: 11px;
  top: 0;
  width: 2px;
  height: calc(100% + 12px);
  background: var(--primary);
  content: "";
  display: block;
}
.document_guide_box > li:last-of-type:after {
  display: none;
}
.document_guide_box > li h3 {
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
}
.document_guide_box > li p {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  margin-top: 4px;
}

/* 병원 검색 */
.search_result_box .result_list_box > li {
  width: 100%;
  margin-bottom: 12px;
}
.search_result_box .result_list_box > li:last-of-type {
  margin-bottom: 0;
}
.search_result_box .result_list_box .link {
  width: 100%;
  padding: 10px 16px;
  background: #ffffff;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  overflow: hidden;
  display: block;
}
.search_result_box .result_list_box .name {
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
  display: inline-block;
}
.search_result_box .result_list_box .label {
  font-size: 14px;
  font-weight: 600;
  color: var(--primary);
  line-height: 16px;
  padding: 4px 8px;
  background: #ffffff;
  border: 1px solid var(--primary);
  border-radius: 14px;
  display: inline-block;
  vertical-align: 1px;
  margin-left: 4px;
}
.search_result_box .result_list_box .address {
  font-size: 13px;
  font-weight: 400;
  color: var(--gray-400);
  line-height: 20px;
  margin-top: 4px;
}
.search_result_box .result_list_box .link:hover {
  background: var(--primary-light);
  border: 1px solid var(--primary);
}

/* 선택된 항목 상세 */
.select_detail_box li {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 8px;
}
.select_detail_box li:last-of-type {
  margin-bottom: 0;
}
.select_detail_box li > * {
  font-size: 14px;
  line-height: 20px;
  display: block;
}
.select_detail_box li span {
  width: 60px;
}
.select_detail_box li strong {
  width: calc(100% - 60px);
  font-weight: 500;
  color: var(--primary);
  text-align: right;
}

/* 진료일 선택 */
.period_list_box {
  display: flex;
}
.period_list_box li {
  width: calc(25% - 6px);
  margin-right: 8px;
}
.period_list_box li:last-of-type {
  margin-right: 0;
}
.period_list_box li input + label {
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  color: var(--gray-400);
  line-height: 36px;
  text-align: center;
  background: #ffffff;
  border: 1px solid var(--gray-200);
  border-radius: 6px;
  display: block;
  cursor: pointer;
}
.period_list_box li input:checked + label {
  color: #ffffff;
  background: var(--primary);
  border: 1px solid var(--primary);
}
.date_view_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.date_view_box > em {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin: 0 8px;
}
.date_view_box > input {
  position: relative;
  flex: 1;
  max-width: calc(50% - 30px);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  padding: 12px;
  background: url(../image/icon/icon_calendar_gray.svg) no-repeat
      calc(100% - 10px) center,
    #ffffff;
  background-size: 20px;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
  display: inline-block;
  cursor: pointer;
}
.date_view_box > input::placeholder {
  color: var(--gray-400);
}
.date_view_box > input.type_full {
  max-width: 100%;
}
.date_view_box .btn_search {
  min-width: 24px;
  height: 46px;
  background: url(../image/icon/icon_search.svg) no-repeat center center;
  background-size: 24px;
  text-indent: -9999px;
  overflow: hidden;
  margin-left: 8px;
}

/* 보험사 선택 */
.connect_info_box dl {
  position: relative;
  padding-left: 60px;
}
.connect_info_box dl::before {
  position: absolute;
  left: 4px;
  top: 4px;
  width: 45px;
  height: 45px;
  background: url(../image/icon/icon_umbrella.svg) no-repeat center center;
  background-size: contain;
  content: "";
  display: block;
}
.connect_info_box dl dt {
  font-size: 16px;
  font-weight: 700;
  color: var(--gray-900);
  margin-bottom: 4px;
}
.connect_info_box dl dd {
  font-size: 12px;
  font-weight: 400;
  color: var(--gray-500);
  line-height: 18px;
}
.insurance_list_box {
  padding-bottom: 24px;
}
.insurance_list_box .title {
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
}
.insurance_list_box .list {
  display: flex;
  flex-wrap: wrap;
  margin-top: 8px;
}
.insurance_list_box .list li {
  width: 50%;
  padding: 12px 16px 12px 0;
}
.insurance_list_box .list li a {
  display: inline-block;
  width: 100%;
}
.insurance_list_box .list li img {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  vertical-align: middle;
  overflow: hidden;
}
.insurance_list_box .list li span {
  width: calc(100% - 42px);
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  vertical-align: middle;
  display: inline-block;
  margin-left: 8px;
}
.insurance_list_box .list + .title {
  padding-top: 24px;
  border-top: 1px solid var(--gray-200);
  margin-top: 24px;
}

/* 의무기록사본 faq */
.medical_info_section .faq_box .toggle_cont {
  display: block;
}
.medical_guide_box li {
  position: relative;
  padding-left: 22px;
  margin-bottom: 16px;
}
.medical_guide_box li:last-of-type {
  margin-bottom: 0;
}
.medical_guide_box li::before {
  position: absolute;
  left: 0;
  top: 2px;
  width: 18px;
  height: 18px;
  background: url(../image/icon/icon_error.svg) no-repeat center center;
  background-size: contain;
  content: "";
  display: block;
}
.medical_guide_box li h3 {
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  margin-bottom: 2px;
}
.medical_guide_box li p {
  position: relative;
  font-size: 13px;
  color: var(--gray-500);
  line-height: 20px;
}
.medical_guide_box li p.dot,
.medical_guide_box li p.numb {
  padding-left: 14px;
}
.medical_guide_box li p.dot::before {
  position: absolute;
  left: 6px;
  top: 8px;
  width: 2px;
  height: 2px;
  background: var(--gray-500);
  border-radius: 50%;
  content: "";
  display: block;
}
.medical_guide_box li p.numb em {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 13px;
  color: var(--gray-500);
  content: "";
  display: block;
}

/* 자녀선택 */
.children_view_box {
  width: 100%;
  text-align: center;
}
.children_view_box .btn {
  font-size: 14px;
  font-weight: 500;
  color: var(--gray-500);
  line-height: 20px;
  padding: 8px 8px;
  background: var(--gray-100);
  display: inline-block;
}
.children_view_box .btn::before {
  width: 20px;
  height: 20px;
  background: url(../image/icon/icon_plus.svg) no-repeat center center;
  background-size: 20px;
  content: "";
  display: inline-block;
  vertical-align: -5px;
  margin-right: 4px;
}
.children_view_box .children_list_box .btn_box {
  text-align: right;
  margin-bottom: 8px;
}
.children_view_box .children_list_box .btn_edit {
  font-size: 14px;
  font-weight: 500;
  color: var(--gray-400);
  line-height: 20px;
  border-bottom: 1px solid var(--gray-400);
  display: inline-block;
}
.children_view_box .none_data_box {
  width: 100%;
}
.children_view_box .none_data_box i {
  width: 32px;
  height: 32px;
  background: url(../image/icon/icon_warning_p.svg) no-repeat center center;
  background-size: 26px;
  content: "";
  display: inline-block;
}
.children_view_box .none_data_box p {
  font-size: 14px;
  font-weight: 400;
  color: var(--gray-400);
  line-height: 20px;
  margin-top: 8px;
}
.children_detail_box h3 {
  font-size: 16px;
  font-weight: 400;
  color: var(--primary);
  line-height: 20px;
}
.children_detail_box .upload_list_box {
  width: 100%;
  padding: 16px;
  border-radius: 12px;
  box-shadow: 0px 2px 6px 0px rgba(16, 24, 40, 0.09);
}
.children_detail_box .upload_list_box li {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.children_detail_box .upload_list_box li + li {
  padding-top: 16px;
  border-top: 1px solid var(--gray-200);
  margin-top: 16px;
}
.children_detail_box .upload_list_box p {
  font-size: 14px;
  font-weight: 500;
  color: var(--gray-900);
  line-height: 20px;
}
.children_detail_box .upload_list_box .btn {
  font-size: 14px;
  font-weight: 500;
  color: var(--gray-500);
  line-height: 20px;
  padding: 8px 8px;
  background: var(--gray-100);
  display: inline-block;
  margin-top: 8px;
}
.children_detail_box .upload_list_box .btn::before {
  width: 20px;
  height: 20px;
  background: url(../image/icon/icon_plus.svg) no-repeat center center;
  background-size: 20px;
  content: "";
  display: inline-block;
  vertical-align: -5px;
  margin-right: 4px;
}
.children_detail_box .radio_list_box {
  display: flex;
  width: 100%;
  padding: 16px;
  border-radius: 12px;
  box-shadow: 0px 2px 6px 0px rgba(16, 24, 40, 0.09);
}
.children_detail_box .radio_list_box li {
  margin-right: 16px;
}
.children_detail_box .radio_list_box li label {
  font-size: 14px;
  font-weight: 500;
  color: var(--gray-900);
  line-height: 20px;
  display: inline-block;
}
.children_detail_box .radio_list_box li label .icon_radio {
  position: relative;
  vertical-align: -5px;
  margin-right: 8px;
}

/* 자녀목록 */
.children_list_box ul li + li {
  margin-top: 8px;
}
.children_list_box ul li .text_box {
  position: relative;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.children_list_box ul li .text_box dt {
  font-size: 14px;
  font-weight: 500;
  color: var(--gray-900);
  line-height: 20px;
}
.children_list_box ul li .text_box dd {
  font-size: 14px;
  font-weight: 500;
  color: var(--gray-400);
  line-height: 20px;
}
.children_list_box .type_radio label {
  position: relative;
  display: block;
  padding: 16px 16px 16px 44px;
  border: 1px solid var(--gray-200);
  border-radius: 12px;
  cursor: pointer;
}
.children_list_box .type_radio label .icon_radio {
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: var(--gray-100);
  border: 1px solid var(--gray-200);
  border-radius: 50%;
  display: block;
  overflow: hidden;
}
.children_list_box .type_radio input:checked + label {
  background: var(--primary-light);
  border: 1px solid var(--primary);
}
.children_list_box .type_radio input:checked + label .icon_radio {
  border: 1px solid var(--primary);
}
.children_list_box .type_radio input:checked + label .icon_radio::after {
  position: absolute;
  left: 5px;
  top: 5px;
  width: 8px;
  height: 8px;
  background: var(--primary);
  content: "";
  display: block;
  z-index: 5;
  border-radius: 50%;
}
.children_list_box .type_check label {
  position: relative;
  display: block;
  padding: 16px 16px 16px 44px;
  border: 1px solid var(--gray-200);
  border-radius: 12px;
  pointer-events: none;
}
.children_list_box .type_check label .icon_chkbox {
  display: none;
}
.children_list_box .type_check .text_box::before {
  position: absolute;
  left: -24px;
  top: 0;
  width: 20px;
  height: 20px;
  background: url(../image/icon/icon_children.svg) no-repeat center center;
  background-size: contain;
  content: "";
  display: block;
}
.children_list_box.type_edit .type_check label {
  pointer-events: all;
  cursor: pointer;
}
.children_list_box.type_edit .type_check label .icon_chkbox {
  display: block;
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url(../image/icon/icon_chkbox.svg);
  background-size: 20px;
  border-radius: 50%;
  overflow: hidden;
}
.children_list_box.type_edit .type_check input:checked + label .icon_chkbox {
  background: url(../image/icon/icon_chkbox_on.svg);
  background-size: 20px;
}
.children_list_box.type_edit .type_check .text_box::before {
  display: none;
}

/* 자녀추가 */
.none_upload_box {
  width: 100%;
  text-align: center;
  padding: 24px 20px;
  border: 1px solid var(--gray-300);
  border-radius: 12px;
}
.none_upload_box .btn_upload {
  position: relative;
  display: block;
  width: 100px;
  height: 100px;
  background: var(--gray-200);
  border: 1px solid var(--gray-200);
  border-radius: 10px;
  margin: 0 auto 12px;
}
.none_upload_box .btn_upload::after {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 24px;
  height: 24px;
  background: url(../image/icon/icon_plus.svg) no-repeat center center;
  background-size: contain;
  content: "";
  display: inline-block;
}
.none_upload_box .btn_upload input[type="file"] {
  display: none;
}
.none_upload_box .btn_upload label {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -9999px;
  overflow: hidden;
  z-index: 5;
  cursor: pointer;
}
.none_upload_box p {
  font-size: 12px;
  font-weight: 400;
  color: var(--gray-400);
  line-height: 18px;
}
.none_upload_box p strong {
  font-weight: 400;
  color: var(--primary);
  display: block;
}
.upload_view_box .preview_item {
  position: relative;
  width: 100px;
  height: 100px;
  background: var(--gray-200);
  border-radius: 10px;
  overflow: hidden;
}
.upload_view_box .preview_item img {
  width: 100%;
  max-width: 100%;
  height: 100%;
  object-fit: cover;
}
.upload_view_box .btn_delete {
  position: absolute;
  right: 8px;
  top: 8px;
  width: 18px;
  height: 18px;
  text-indent: -9999px;
  background: url(../image/btn/btn_close.svg) no-repeat center center;
  background-size: contain;
  overflow: hidden;
  display: block;
  z-index: 5;
}

/* 진료내역선택 - 추가 */
.select_list_box > li.type_multiple {
  background: #ffffff;
  border: 1px solid var(--gray-200);
  border-radius: 8px;
}
.select_list_box > li.type_multiple.on {
  background: var(--primary-light);
  border: 1px solid var(--primary);
}
.select_list_box > li.type_multiple > input + label {
  background: transparent;
  border: none;
}
.select_list_box > li.type_multiple > input + label .text {
  padding-right: 0;
}
.select_list_box > li.type_multiple > input + label .text p {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.select_list_box > li.type_multiple .y,
.select_list_box > li.type_multiple.on .n {
  display: none;
}
.select_list_box > li.type_multiple .n,
.select_list_box > li.type_multiple.on .y {
  display: block;
}
.select_list_box .sub_chk_box ul {
  display: flex;
  flex-wrap: wrap;
  padding: 4px 12px 4px 45px;
}
.select_list_box .sub_chk_box ul li {
  margin: 0 6px 6px 0;
}
.select_list_box .sub_chk_box ul li input + label {
  font-size: 13px;
  font-weight: 400;
  color: var(--gray-500);
  line-height: 30px;
  background: #ffffff;
  padding: 0 8px;
  border: 1px solid var(--gray-300);
  border-radius: 8px;
  display: inline-block;
  cursor: pointer;
}
.select_list_box .sub_chk_box ul li input:checked + label {
  color: #ffffff;
  background: var(--primary);
  border: 1px solid var(--primary);
}

/* 팝업 - 의무기록사본 FAQ */
.popup_faq_box {
  height: calc(100vh - 400px);
  overflow-y: scroll;
}
.popup_faq_box::-webkit-scrollbar {
  display: block;
  width: 6px;
}
.popup_faq_box::-webkit-scrollbar-thumb {
  background: var(--primary);
  border-radius: 4px;
}
.popup_faq_box::-webkit-scrollbar-track {
  background: var(--primary-light);
  border-radius: 4px;
}
.popup_faq_box .text_box {
  margin-bottom: 16px;
}
.popup_faq_box .text_box h3 {
  position: relative;
  font-size: 14px;
  font-weight: 700;
  color: var(--black);
  line-height: 20px;
  margin-bottom: 4px;
  word-break: keep-all;
}
.popup_faq_box .text_box h3::before {
  color: var(--primary);
  content: "Q.";
  display: inline-block;
  margin-right: 4px;
}
.popup_faq_box .text_box p {
  font-size: 13px;
  font-weight: 400;
  color: var(--gray-500);
  line-height: 20px;
  word-break: keep-all;
}

/*! ────────────────────────────────────── Claim ────────────────────────────────────── */
/* 청구 서류 보완 */
.document_upload_box h3 {
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
}
.document_upload_box ul {
  display: flex;
  flex-wrap: wrap;
  margin-top: 16px;
}
.document_upload_box ul li {
  position: relative;
  width: calc(33.33% - 6px);
  height: 28vw;
  max-width: 141px;
  min-width: 100px;
  max-height: 141px;
  min-height: 100px;
  background: var(--gray-200);
  border: 1px solid var(--gray-200);
  border-radius: 10px;
  overflow: hidden;
  margin-right: 9px;
}
.document_upload_box ul li:nth-of-type(3n) {
  margin-right: 0;
}
.document_upload_box ul li:nth-of-type(n + 4) {
  margin-top: 8px;
}
.document_upload_box ul li > img {
  width: 100%;
  max-width: 100%;
  height: 100%;
  object-fit: cover;
}
.document_upload_box ul li > .btn_delete {
  position: absolute;
  right: 4px;
  top: 4px;
  width: 24px;
  height: 24px;
  text-indent: -9999px;
  background: url(../image/btn/btn_delete.svg) no-repeat center center;
  background-size: contain;
  overflow: hidden;
  display: block;
  z-index: 5;
}
.document_upload_box .btn_upload {
  cursor: pointer;
  text-indent: -9999px;
}
.document_upload_box .btn_upload::after {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 24px;
  height: 24px;
  background: url(../image/icon/icon_plus.svg) no-repeat center center;
  background-size: contain;
  content: "";
  display: inline-block;
}
.none_card_box {
  width: 100%;
  padding: 16px;
  background: #ffffff;
  border-radius: 12px;
  box-shadow: var(--shadow-01);
}

/* 가상 팩스 번호 */
.fax_info_box {
  width: 100%;
  padding: 16px;
  background: #ffffff;
  border-radius: 12px;
  box-shadow: var(--shadow-01);
}
.fax_info_box dl {
  width: 100%;
  padding-left: 28px;
}
.fax_info_box dl dt {
  position: relative;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  margin-bottom: 6px;
}
.fax_info_box dl dt img {
  position: absolute;
  left: -28px;
  top: 0;
  width: 20px;
  height: 20px;
}
.fax_info_box dl dd {
  font-size: 14px;
  line-height: 18px;
  margin-top: 4px;
}
.fax_info_box dl dd::before {
  width: 18px;
  height: 18px;
  content: "";
  display: inline-block;
  vertical-align: -4px;
  margin-right: 4px;
}
.fax_info_box dl dd:nth-of-type(1)::before {
  background: url(../image/icon/icon_alarm.svg) no-repeat center center;
  background-size: contain;
}
.fax_info_box dl dd:nth-of-type(2)::before {
  background: url(../image/icon/icon_call.svg) no-repeat center center;
  background-size: contain;
}
.fax_info_box .form_group_box {
  padding-left: 50px;
}
.fax_info_box .form_group_box .form_label {
  position: relative;
  font-weight: 400;
}
.fax_info_box .form_group_box .form_label::before {
  position: absolute;
  left: -22px;
  top: 0;
  width: 18px;
  height: 18px;
  background: url(../image/icon/icon_fax.svg) no-repeat center center;
  background-size: contain;
  content: "";
  display: inline-block;
}

/* 필요 서류 안내 */
.claim_guide_box ul > li {
  margin-bottom: 24px;
}
.claim_guide_box ul > li:last-of-type {
  margin-bottom: 0;
}
.claim_guide_box .toggle_tab {
  position: relative;
  padding: 0 26px;
}
.claim_guide_box .toggle_tab::after {
  position: absolute;
  right: 0;
  top: 2px;
  width: 18px;
  height: 18px;
  background: url(../image/icon/icon_arrow_down.svg) no-repeat center center;
  background-size: contain;
  content: "";
  display: block;
  cursor: pointer;
  opacity: 0.5;
  transition: all 0.2s ease-in-out;
}
.claim_guide_box .toggle_tab.on::after {
  transform: rotate(180deg);
}
.claim_guide_box .toggle_cont {
  padding-left: 24px;
}
.claim_guide_box i {
  position: absolute;
  left: 0;
  top: 1px;
  width: 20px;
  height: 20px;
  display: inline-block;
}
.claim_guide_box i.icon_hospital {
  background: url(../image/icon/icon_hospital_full.svg) no-repeat center center;
  background-size: contain;
}
.claim_guide_box i.icon_bed {
  background: url(../image/icon/icon_bed.svg) no-repeat center center;
  background-size: contain;
}
.claim_guide_box i.icon_mask {
  background: url(../image/icon/icon_mask.svg) no-repeat center center;
  background-size: contain;
}
.claim_guide_box i.icon_syringe {
  background: url(../image/icon/icon_syringe.svg) no-repeat center center;
  background-size: contain;
}
.claim_guide_box i.icon_phone {
  background: url(../image/icon/icon_call.svg) no-repeat center center;
  background-size: contain;
}
.claim_guide_box h3 {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}
.claim_guide_box p {
  position: relative;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  word-break: keep-all;
  padding-left: 20px;
  margin-top: 8px;
}
.claim_guide_box p::before {
  position: absolute;
  left: 0;
  top: 2px;
  width: 16px;
  height: 16px;
  content: "";
  display: block;
}
.claim_guide_box p.text {
  padding-left: 3px;
}
.claim_guide_box p.board::before {
  background: url(../image/icon/icon_clipboard.svg) no-repeat center center;
  background-size: contain;
}
.claim_guide_box p.note::before {
  background: url(../image/icon/icon_note.svg) no-repeat center center;
  background-size: contain;
}
.claim_guide_box p.pill::before {
  background: url(../image/icon/icon_pill.svg) no-repeat center center;
  background-size: contain;
}
.claim_guide_box p.phone::before {
  background: url(../image/icon/icon_phone.svg) no-repeat center center;
  background-size: contain;
}
.claim_guide_box a {
  font-size: 16px;
  font-weight: 700;
  color: var(--primary);
  line-height: 24px;
  display: inline-block;
}

/*! ────────────────────────────────────── Analysis ────────────────────────────────────── */
.analysis_landing_section .cont_box.type_top {
  background: #dfeeff;
}
.analysis_landing_section .title_box {
  position: relative;
  padding-bottom: 18px;
}
.analysis_landing_section .title_box::after {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100px;
  height: 90px;
  background: url(../image/img_analysis_landing.svg) no-repeat center center;
  background-size: contain;
  content: "";
  display: block;
}
.analysis_landing_section .qna_box {
  padding: 24px 20px;
  background: #ffffff;
  border-radius: 8px;
}
.analysis_landing_section .qna_box h3 {
  position: relative;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
  padding-left: 20px;
}
.analysis_landing_section .qna_box h3::before {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 16px;
  font-weight: 700;
  color: var(--primary);
  line-height: 22px;
  content: "Q.";
  display: block;
}
.analysis_landing_section .qna_box p {
  font-size: 14px;
  font-weight: 400;
  color: var(--gray-400);
  line-height: 18px;
  word-break: keep-all;
}
.analysis_landing_section .qna_box ul {
  display: flex;
}
.analysis_landing_section .qna_box ul li {
  width: 33.33%;
  text-align: center;
  padding: 0 4px;
}
.analysis_landing_section .qna_box .icon_box {
  width: 40px;
  height: 40px;
  margin: 0 auto 8px;
}
.analysis_landing_section .qna_box .icon_box.man {
  background: url(../image/icon/icon_man_blue.svg) no-repeat center center;
  background-size: contain;
}
.analysis_landing_section .qna_box .icon_box.paper {
  background: url(../image/icon/icon_paper_blue.svg) no-repeat center center;
  background-size: contain;
}
.analysis_landing_section .qna_box .icon_box.algorithm {
  background: url(../image/icon/icon_algorithm_blue.svg) no-repeat center center;
  background-size: contain;
}

/*! ─────────────────── Page - 404에러 ─────────────────── */
.error_section {
  text-align: center;
}
.error_section .icon_error {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: url(../image/icon/icon_error.svg) no-repeat center center;
  background-size: contain;
}

/*! ─────────────────── 241111 - 바로청구 ─────────────────── */
.complete_section .icon_complete {
  display: inline-block;
  width: 65px;
  height: 65px;
  background: url(../image/icon/icon_complete_p.svg) no-repeat center center;
  background-size: contain;
}

/* 홈 */
.main_section {
  overflow: hidden;
}
.main_section .link_slider {
  position: relative;
}
.main_section {
  overflow: hidden;
}
.main_section .link_slider .swiper-slide {
  width: 286px;
}
.main_section .link_slider .side_link_box {
  position: relative;
  display: block;
  width: 100%;
  padding: 10px 38px 10px 48px;
  background: #ffffff;
  box-shadow: 0px 2px 6px 0px rgba(16, 24, 40, 0.09);
  border-radius: 12px;
}
.main_section .link_slider .side_link_box::before,
.main_section .link_slider .side_link_box::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.main_section .link_slider .side_link_box::before {
  left: 10px;
  width: 30px;
  height: 30px;
  background: url(../image/icon/icon_hospital_full.svg) no-repeat center center;
  background-size: contain;
}
.main_section .link_slider .side_link_box::after {
  right: 10px;
  width: 20px;
  height: 20px;
  background: url(../image/icon/icon_arrow_right.svg) no-repeat center center;
  background-size: contain;
  opacity: 0.4;
}
.main_section .link_slider .side_link_box p {
  display: flex;
  align-items: center;
  width: 100%;
  height: 49px;
  font-size: 16px;
  font-weight: 700;
  color: var(--gray-900);
  line-height: 140%;
}
.main_section .link_slider .swiper-pagination {
  position: absolute;
  bottom: -24px;
}
.main_section .link_slider .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #00ba9e;
}
.main_section .documents_link_box {
  display: flex;
}
.main_section .documents_link_box li {
  position: relative;
  width: 50%;
  padding: 18px 14px;
  background: linear-gradient(180deg, #00ba9e 0%, #00ab91 100%);
  border-radius: 16px;
  margin-right: 16px;
}
.main_section .documents_link_box li:last-child {
  margin: 0;
}
.main_section .documents_link_box li > p {
  width: 100%;
  height: 46px;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  line-height: 23px;
}
.main_section .documents_link_box li > p strong {
  display: inline-block;
  font-size: 28px;
  color: inherit;
  line-height: 36px;
}
.main_section .documents_link_box li > .btn {
  display: block;
  width: 100%;
  font-size: 14px;
  font-weight: 600;
  color: var(--primary);
  line-height: 19px;
  padding: 8px;
  background: #fff;
  border-radius: 32px;
  margin-top: 10px;
}
.main_section .documents_link_box li > .btn::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../image/icon/icon_arrow_right_primary.svg) no-repeat center
    center;
  background-size: contain;
  vertical-align: -3px;
  margin-left: 6px;
}
.main_section .claim_link_box {
  width: 100%;
  padding: 18px 14px;
  background: #fff;
  border-radius: 16px;
}
.main_section .claim_link_box p {
  position: relative;
  font-size: 18px;
  font-weight: 500;
  color: var(--gray-900);
  line-height: 130%;
  padding-left: 56px;
}
.main_section .claim_link_box p::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 41px;
  height: 50px;
  background: url(../image/img_claim.svg) no-repeat center center;
  background-size: contain;
}
.main_section .claim_link_box .btn {
  display: block;
  width: 100%;
  font-size: 14px;
  font-weight: 600;
  color: var(--gray-500);
  line-height: 19px;
  padding: 8px;
  background: var(--gray-100);
  border-radius: 32px;
  margin-top: 18px;
}
.main_section .claim_link_box .btn::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../image/icon/icon_arrow_right.svg) no-repeat center center;
  background-size: contain;
  opacity: 0.7;
  vertical-align: -3px;
  margin-left: 8px;
}

/* 숨은 보험 찾기 */
.main_section .claim_link_box.type_find p::before {
  background: url(../image/icon/icon_find.svg) no-repeat center center;
  background-size: contain;
}

#popup:has(.popup_find_claim) {
  left: 50%;
}

#popup .popup_find_claim .popup_section {
  text-align: center;
  padding-top: 32px;
}

#popup .popup_find_claim .title_text {
  font-size: 24px;
  font-weight: 700;
  line-height: 130%;
  color: #101828;
}

#popup .popup_find_claim .content_box {
  height: 170px;
}

/* 자녀선택 */
.children_detail_box02 h3 {
  font-size: 18px;
  font-weight: 500;
  color: var(--gray-900);
  line-height: 130%;
}
.children_detail_box02 h3 .icon_notice {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(../image/icon/icon_notice_p.svg) no-repeat center center;
  background-size: contain;
  vertical-align: -4px;
  margin-right: 4px;
}
.children_detail_box02 .upload_info_box {
  width: 100%;
  background: #fff;
  padding: 16px;
  border-radius: 12px;
  box-shadow: 0px 2px 6px 0px rgba(16, 24, 40, 0.09);
}
.children_detail_box02 .upload_info_box .toggle_tab {
  position: relative;
  padding-right: 24px;
}
.children_detail_box02 .upload_info_box .toggle_tab::after {
  position: absolute;
  right: 0;
  top: 1px;
  width: 18px;
  height: 18px;
  background: url(../image/icon/icon_arrow_down.svg) no-repeat center center;
  background-size: contain;
  content: "";
  display: block;
  cursor: pointer;
  z-index: 5;
  transition: all 0.2s ease-in-out;
}
.children_detail_box02 .upload_info_box .toggle_tab.on::after {
  transform: rotate(180deg);
}
.children_detail_box02 .upload_info_box .title {
  display: block;
  font-size: 16px;
  font-weight: 700;
  color: var(--gray-900);
  line-height: 24px;
}
.children_detail_box02 .upload_info_box .title i {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: -7px;
}
.children_detail_box02 .upload_info_box .title i.icon_complete {
  background: url(../image/icon/icon_complete_p.svg) no-repeat center center;
  background-size: contain;
}
.children_detail_box02 .upload_info_box .title i.icon_warning {
  background: url(../image/icon/icon_warning_red.svg) no-repeat center center;
  background-size: contain;
}
.children_detail_box02 .upload_info_box ul li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid var(--gray-200);
  padding-top: 16px;
  margin-top: 16px;
}
.children_detail_box02 .upload_info_box .text_box li:first-of-type {
  border-top: none;
  padding-top: 0;
  margin-top: 0;
}
.children_detail_box02 .upload_info_box ul li p {
  flex: 1;
  position: relative;
  font-size: 14px;
  font-weight: 500;
  color: var(--gray-600);
  line-height: 18px;
  padding-left: 20px;
}
.children_detail_box02 .upload_info_box ul li p::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 1px;
  width: 16px;
  height: 16px;
  background: url(../image/icon/icon_filetext.svg) no-repeat center center;
  background-size: contain;
}
.children_detail_box02 .upload_info_box ul li .btn {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  color: var(--gray-500);
  line-height: 20px;
  padding: 6px 12px 6px 10px;
  border-radius: 8px;
}
.children_detail_box02 .upload_info_box ul li .btn::before {
  content: "";
  display: inline-block;
  margin-right: 4px;
}
.children_detail_box02 .upload_info_box ul li .btn_plus {
  background: var(--gray-100);
  border: 1px solid var(--gray-100);
}
.children_detail_box02 .upload_info_box ul li .btn_plus::before {
  width: 20px;
  height: 20px;
  background: url(../image/icon/icon_plus.svg) no-repeat center center;
  background-size: contain;
  vertical-align: -5px;
}
.children_detail_box02 .upload_info_box ul li .btn_change {
  background: #ffffff;
  border: 1px solid var(--gray-400);
}
.children_detail_box02 .upload_info_box ul li .btn_change::before {
  width: 16px;
  height: 16px;
  background: url(../image/icon/icon_change_gray.svg) no-repeat center center;
  background-size: contain;
  content: "";
  display: inline-block;
  vertical-align: -3px;
}

/* 진료내역 */
.date_view_box02 {
}
.result_top_box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.result_top_box .total {
  font-size: 14px;
  font-weight: 400;
  color: var(--gray-500);
  line-height: 130%;
  margin-left: auto;
}
.result_top_box .total em {
  color: var(--gray-500);
}
.result_top_box p {
  width: 100%;
}
.result_detail_box .none_data_box {
  text-align: center;
}
.result_detail_box .none_data_box .icon_data {
  width: 60px;
}
.result_detail_box .none_data_box p {
  font-size: 12px;
  font-weight: 400;
  color: var(--gray-400);
  line-height: 18px;
  margin-top: 8px;
}
.result_list_wrap ul li {
  margin-bottom: 10px;
}
.result_list_wrap ul li:last-of-type {
  margin-bottom: 0;
}
.result_list_wrap .item_wrap {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 20px;
  background: #fff;
  border: 1px solid #fff;
  border-radius: 8px;
  box-shadow: 0px 2px 6px 0px rgba(16, 24, 40, 0.09);
  cursor: pointer;
}
.result_list_wrap .item_wrap .text_box {
  width: calc(100% - 46px);
}
.result_list_wrap .item_wrap .text_box .label {
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  color: var(--gray-500);
  line-height: 18px;
  padding: 1px 12px;
  background: #fff;
  border: 1px solid var(--gray-500);
  border-radius: 32px;
}
.result_list_wrap .item_wrap .text_box .state_box {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.result_list_wrap .item_wrap .text_box .state_box span {
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  line-height: 18px;
  padding: 5px 12px;
  border-radius: 32px;
  margin-right: 10px;
}
.result_list_wrap .item_wrap .text_box .state_box .blue {
  color: var(--success-deep);
  background: var(--success-light);
}
.result_list_wrap .item_wrap .text_box .state_box .primary {
  color: var(--primary);
  background: var(--primary-light);
}
.result_list_wrap .item_wrap .text_box .state_box .gray {
  color: var(--gray-500);
  background: #ebebeb;
}
.result_list_wrap .item_wrap .text_box .title {
  font-size: 16px;
  font-weight: 500;
  color: var(--gray-900);
  line-height: 140%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.result_list_wrap .item_wrap .text_box .address {
  font-size: 12px;
  font-weight: 400;
  color: var(--gray-500);
  line-height: 18px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.result_list_wrap .item_wrap .text_box .paper_name {
  position: relative;
  font-size: 16px;
  font-weight: 500;
  color: var(--gray-900);
  line-height: 140%;
  padding-left: 18px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.result_list_wrap .item_wrap .text_box .paper_name::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 2px;
  width: 16px;
  height: 16px;
  background: url(../image/icon/icon_filetext.svg) no-repeat center center;
  background-size: contain;
}
.result_list_wrap .item_wrap .text_box .date {
  font-size: 12px;
  font-weight: 400;
  color: var(--gray-500);
  line-height: 18px;
}
.result_list_wrap .item_wrap .text_box .date span {
  display: inline-block;
  max-width: 170px;
  color: var(--gray-500);
  vertical-align: middle;
  margin-left: 16px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.result_list_wrap .item_wrap .text_box .detail_box {
  padding-top: 12px;
  border-top: 1px solid var(--gray-200);
  margin-top: 12px;
}
.result_list_wrap .item_wrap .text_box .detail_box p {
  font-size: 14px;
  font-weight: 400;
  color: var(--gray-700);
  line-height: 130%;
}
.result_list_wrap .item_wrap .check_box {
  width: 20px;
  margin-left: 26px;
}
.result_list_wrap .item_wrap .check_box .icon_chkbox {
  width: 20px;
  height: 20px;
  background: url(../image/icon/icon_chkbox.svg) no-repeat center center;
  background-size: contain;
  display: inline-block;
}
.result_list_wrap input:checked + .item_wrap {
  border: 1px solid var(--primary);
}
.result_list_wrap input:checked + .item_wrap .check_box .icon_chkbox {
  background: url(../image/icon/icon_chkbox_on.svg) no-repeat center center;
  background-size: contain;
}
.result_list_wrap input:disabled + .item_wrap {
  background: var(--gray-25);
  border: 1px solid var(--gray-300);
}
.result_list_wrap input:disabled + .item_wrap .check_box .icon_chkbox {
  background: url(../image/icon/icon_chkbox_disabled.svg) no-repeat center
    center;
  background-size: contain;
}

/* 청구내용 */
.select_check_box ul {
  display: flex;
  flex-wrap: wrap;
}
.select_check_box ul li {
  margin-right: 6px;
  margin-top: 6px;
}
.select_check_box ul li input + label {
  display: inline-block;
  font-size: 16px;
  font-weight: 400;
  color: var(--gray-900);
  line-height: 22px;
  padding: 7px 11px;
  background: #fff;
  border: 1px solid var(--gray-300);
  border-radius: 8px;
  cursor: pointer;
}
.select_check_box ul li input:checked + label {
  background: var(--primary-light);
  border: 1px solid var(--primary);
}

/* 청구서류확인 */
.card_view_box02 {
  width: 100%;
  padding: 4px 0;
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0px 2px 6px 0px rgba(16, 24, 40, 0.09);
}
.card_view_box02 .inner_box {
  padding: 18px 20px;
}
.card_view_box02 .card_sub_title {
  position: relative;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
.card_view_box02 .card_sub_title.toggle_tab::after {
  position: absolute;
  right: 0;
  top: 1px;
  width: 16px;
  height: 16px;
  background: url(../image/icon/icon_arrow_down.svg) no-repeat center center;
  background-size: contain;
  content: "";
  display: block;
  cursor: pointer;
  z-index: 5;
  transition: all 0.2s ease-in-out;
}
.card_view_box02 .card_sub_title.toggle_tab.on::after {
  transform: rotate(180deg);
}
.card_view_box02 .toggle_cont.on {
  display: block;
}
.card_view_box02 .text {
  font-size: 14px;
  font-weight: 400;
  color: var(--gray-500);
  line-height: 20px;
}
.card_view_box02 .card_info_box {
  position: relative;
}
.card_view_box02 .card_info_box .title_box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.card_view_box02 .card_info_box .btn_delete {
  position: absolute;
  right: 0;
  top: 0;
  width: 24px;
  height: 24px;
  background: url(../image/btn/btn_close.svg) no-repeat center center;
  background-size: contain;
  text-indent: -9999px;
  opacity: 0.6;
  overflow: hidden;
}
.card_view_box02 .card_info_box .date {
  font-size: 12px;
  font-weight: 400;
  color: var(--gray-500);
  line-height: 18px;
  display: block;
}
.card_view_box02 .card_info_box .date em {
  color: var(--gray-500);
}
.card_view_box02 .card_info_box .name {
  position: relative;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px;
  padding-right: 80px;
}
.card_view_box02 .card_info_box .name img {
  width: 24px;
  vertical-align: -7px;
  margin-right: 8px;
}
.card_view_box02 .card_info_box .bedge {
  position: absolute;
  right: 0;
  top: 0;
}
.card_view_box02 .card_info_box .label {
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  color: var(--primary);
  line-height: 26px;
  padding: 0 8px;
  border: 1px solid var(--primary);
  border-radius: 14px;
  vertical-align: 2px;
  margin-left: 4px;
}
.card_view_box02 .card_info_box .paper {
  font-size: 16px;
  font-weight: 500;
  color: var(--primary);
  line-height: 20px;
  margin-top: 6px;
}
.card_view_box02 .card_info_box .detail_list_box {
  padding-top: 18px;
  border-top: 1px solid var(--gray-200);
  margin-top: 18px;
}
.card_view_box02 .card_cancle_box .card_sub_title {
  color: var(--error);
  margin-bottom: 8px;
}
.card_view_box02 .detail_list_box .card_sub_title {
  margin-bottom: 12px;
}
.card_view_box02 .detail_list_box ul li {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.card_view_box02 .detail_list_box ul li:last-of-type {
  margin-bottom: 0;
}
.card_view_box02 .detail_list_box ul li > span {
  width: 80px;
  min-width: 80px;
  display: block;
}
.card_view_box02 .detail_list_box ul li > strong {
  flex: 1;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: right;
  display: block;
}
.card_view_box02 .detail_list_box ul li > .price {
  flex: 1;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
  text-align: right;
}
.card_view_box02 .detail_list_box ul li .toggle_tab {
  position: relative;
  text-indent: -9999px;
}
.card_view_box02 .detail_list_box ul li .toggle_tab::after {
  position: absolute;
  right: 0;
  top: 1px;
  width: 16px;
  height: 16px;
  background: url(../image/icon/icon_arrow_down.svg) no-repeat center center;
  background-size: contain;
  content: "";
  display: block;
  cursor: pointer;
  z-index: 5;
  transition: all 0.2s ease-in-out;
}
.card_view_box02 .detail_list_box ul li .toggle_tab.on::after {
  transform: rotate(180deg);
}
.card_view_box02 .detail_list_box ul li .toggle_cont {
  width: 100%;
  overflow: hidden;
}
.card_view_box02 .detail_list_box ul li .toggle_cont p {
  margin-top: 8px;
}
.card_view_box02 .text_warning {
  font-size: 13px;
  line-height: 18px;
  word-break: keep-all;
  text-align: center;
  margin-top: 12px;
}
.card_view_box02 .text_warning::before {
  width: 16px;
  height: 16px;
  background: url(../image/icon/icon_warning.svg) no-repeat center center;
  background-size: contain;
  display: inline-block;
  content: "";
  vertical-align: -3px;
  margin-right: 4px;
}
.card_view_box02 .text_warning b {
  font-weight: 400;
  color: var(--primary);
}
.paper_list_box02 {
  padding-top: 12px;
}
.paper_list_box02 li {
  display: flex;
  align-items: flex-start;
}
.paper_list_box02 li + li {
  padding-top: 8px;
  border-top: 1px solid var(--gray-200);
  margin-top: 8px;
}
.paper_list_box02 li .title {
  flex: 1;
  min-width: 120px;
  font-size: 13px;
  font-weight: 500;
  line-height: 18px;
  display: block;
  padding-right: 8px;
}
.paper_list_box02 li .detail {
  max-width: 50%;
  min-width: 120px;
  text-align: right;
}
.paper_list_box02 li .detail span {
  display: block;
  position: relative;
  font-size: 13px;
  color: var(--gray-500);
  line-height: 18px;
  margin-bottom: 8px;
}
.paper_list_box02 li .detail span:last-of-type {
  margin-bottom: 0;
}
.paper_list_box02 li .detail span::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url(../image/icon/icon_filetext.svg) no-repeat center center;
  background-size: contain;
  vertical-align: -4px;
  margin-right: 2px;
}