@charset "utf-8";

/* 보험사 선택 */
.insurance_section .sticky_box { position: sticky; left: 0; top: 56px; background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 80%, rgba(255,255,255,0.8995973389355743) 95%, rgba(255,255,255,0) 100%); z-index: 1000; }
.insurance_section .tab_box { display: flex; flex-wrap: wrap; margin-top: 16px; }
.insurance_section .tab_box li { margin-right: 8px; }
.insurance_section .tab_box li a { display: block; font-size: 14px; font-weight: 500; color: #555555; line-height: 32px; padding: 0 12px; background: #F5F5F5; border-radius: 16px; }
.insurance_section .tab_box li.on a { font-weight: 700; color: #ffffff; background: #3667CD; }
.insurance_section .select_top { position: relative; display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; }
.insurance_section .select_top .title { flex: 1; font-size: 18px; font-weight: 700; color: #242424; }
.insurance_section .select_top .count { display: inline-block; min-width: 22px; height: 22px; font-size: 16px; font-weight: 700; color: #447FE4; line-height: 22px; padding: 0 6px; background: #F3F7FE; border-radius: 11px; overflow: hidden; vertical-align: -5px; margin-left: 4px; }
.insurance_section .select_top .btn_clear { display: inline-block; font-size: 13px; font-weight: 500; color: #242424; line-height: 30px; padding: 0 16px; background: #ffffff; border: 1px solid #E6E6E6; border-radius: 8px; }
.insurance_section .select_list { display: flex; flex-wrap: wrap; }
.insurance_section .select_list li { position: relative; width: 32%; margin-right: 2%; overflow: hidden; }
.insurance_section .select_list li:nth-of-type(3n) { margin-right: 0; }
.insurance_section .select_list li:nth-of-type(n+4) { margin-top: 16px; }
.insurance_section .select_list li input[type=checkbox] { display: none; }
.insurance_section .select_list li input[type=checkbox] + label { width: 100%; height: 84px; display: flex; flex-direction: column; align-items: center; justify-content: center; background: #ffffff; border: 1px solid #E6E6E6; border-radius: 12px; cursor: pointer; }
.insurance_section .select_list li input[type=checkbox] + label .logo { display: block; width: 42px; height: 24px; text-align: center; overflow: hidden; }
.insurance_section .select_list li input[type=checkbox] + label .logo img { max-width: 100%; max-height: 100%; }
.insurance_section .select_list li input[type=checkbox] + label .company { display: block; font-size: 12px; font-weight: 500; color: #242424; text-align: center; margin-top: 8px; }
.insurance_section .select_list li input[type=checkbox]:checked + label { background: #F3F7FE; border: 1px solid #447FE4; }
.insurance_section .select_list .btn_link { position: absolute; right: 10px; top: 10px; width: 10px; height: 10px; background: url(../image/icon/icon_link.svg) no-repeat center center; background-size: contain; text-indent: -9999px; overflow: hidden; z-index: 5; }
.insurance_section .notice_box { width: 100%; font-size: 15px; font-weight: 400; color: #555; line-height: 20px; word-break: keep-all; padding: 20px; border-radius: 8px; background: #fafafa; }

/* 가상팩스번호발급 */
.fax_section .ins_info { display: flex; align-items: flex-start; justify-content: space-between; }
.fax_section .ins_info > .icon_box { display: flex; flex-direction: column; justify-content: center; width: 32px; height: 32px; overflow: hidden; }
.fax_section .ins_info > .icon_box img { width: 100%; max-width: 100%; max-height: 100%; }
.fax_section .ins_info > .ins_detail { flex: 1; padding: 0 20px; }
.fax_section .ins_detail .name { font-size: 14px; font-weight: 700; color: #242424; margin-bottom: 8px; }
.fax_section .ins_detail .call { display: inline-block; font-size: 15px; font-weight: 400; color: #2166D4; text-decoration: underline; margin-bottom: 8px; }
.fax_section .ins_detail .call::before { width: 16px; height: 16px; background: url(../image/icon/icon_call.svg) no-repeat center center; background-size: contain; content: ''; display: inline-block; vertical-align: -3px; margin-right: 4px; }
.fax_section .ins_detail .time { font-size: 12px; font-weight: 400; color: #555555; }
.fax_section .chk_box { width: 24px; overflow: hidden; }
.fax_section .chk_box input[type=checkbox] { display: none; }
.fax_section .chk_box input[type=checkbox] + label { display: inline-block; width: 24px; height: 24px; text-indent: -9999px; background: #ffffff; border: 1px solid #727272; border-radius: 4px; overflow: hidden; cursor: pointer; transition: border 0.1s ease-in-out; }
.fax_section .chk_box input[type=checkbox] + label:hover { border: 1px solid #242424; }
.fax_section .chk_box input[type=checkbox]:checked + label { background: url(../image/icon/icon_checked.svg) no-repeat center center #0AA622; background-size: 24px; border: 1px solid #0AA622; }
.fax_insurance { margin-bottom: 24px; }
.fax_insurance li { padding: 20px; border: 1px solid #E6E6E6; border-radius: 12px; margin-bottom: 16px; }
.fax_insurance li:last-of-type { margin-bottom: 0; }
.fax_insurance .input_box_lb { margin-top: 16px; }
.direct_insurance li { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 18px 20px; background: #ffffff; border: 1px solid #E6E6E6; border-radius: 12px; overflow: hidden; margin-bottom: 16px; }
.direct_insurance li:last-of-type { margin-bottom: 0; }
.direct_insurance .ins_info { align-items: center; }
.direct_insurance .ins_detail .name { margin-bottom: 0; }

/* 자녀서류첨부하기 */
.upload_box .icon_tooltip { vertical-align: -6px; }
.documents_box .info { display: flex; justify-content: space-between; margin-bottom: 16px; }
.documents_box .info dt { width: calc(100% - 50px); font-size: 15px; font-weight: 400; color: #555555; line-height: 22px; }
.documents_box .info dd { width: 50px; font-size: 15px; font-weight: 700; color: #555555; line-height: 22px; text-align: right; }
.documents_box .preview_list { display: flex; flex-wrap: wrap; }
.documents_box .preview_list li { position: relative; display: flex; flex-direction: column; justify-content: center; width: calc(50% - 10px); min-width: 150px; height: 41vw; max-height: 210px; min-height: 150px; background: #FCFCFC; border: 1px solid #E6E6E6; border-radius: 8px; overflow: hidden; margin-bottom: 16px; }
.documents_box .preview_list li:nth-of-type(odd) { margin-right: 20px; }
.documents_box .preview_list li img { width: 100%; max-width: 100%; max-height: 100%; }
.documents_box .preview_list li .btn_delete { position: absolute; right: 10px; top: 10px; width: 24px; height: 24px; background: url(../image/btn/btn_delete.png) no-repeat center center,#242424; background-size: 28px; border-radius: 50%; text-indent: -9999px; z-index: 10; }
.documents_box .no_file { width: 100%; font-size: 15px; font-weight: 400; color: #555555; padding: 20px; text-align: center; border: 1px solid #E6E6E6; border-radius: 8px; }

/* 보험금청구 */
.cont_btn { text-align: right; }
.cont_btn .btn_fold { display: inline-block; font-size: 14px; font-weight: 400; color: #2A81EB; line-height: 16px; background: transparent; border-bottom: 1px solid #2A81EB; }
.form_box { position: relative; }
.form_box::after { position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: calc(100% - 40px); border-bottom: 1px solid transparent; margin: 0 auto; content: ''; display: block; transition: all 0.3s ease-in-out; }
.form_box .tt01 { left: 20px; top: -55px; }
.form_box .tt02 { left: 20px; top: 40px; }
.form_box.off .tooltip_box { transform: scale(0); opacity: 0; }
.form_title { position: relative; display: flex; align-items: center; justify-content: space-between; padding: 20px; background: #ffffff; cursor: pointer; }
.form_title h3 { flex: 1; display: block; font-size: 15px; font-weight: 700; color: #242424; transition: all 0.1s ease-in-out; }
.form_title h3 .icon { vertical-align: -6px; margin-right: 4px; }
.form_title h3 em { font-size: 12px; color: #888888; }
.form_title .right { display: flex; width: 70px; text-align: right; margin-left: 10px; }
.form_title .state { display: inline-block; width: 42px; font-size: 12px; font-weight: 400; line-height: 18px; }
.form_title .arrow { display: inline-block; width: 18px; height: 18px; background: url(../image/icon/icon_tg_arrow.svg) no-repeat center center; background-size: 24px; margin-left: 10px; transition: all 0.3s ease-in-out; }
.form_detail { height: auto; padding: 24px 20px; background: #f5f5f5; overflow: hidden; transition: all 0.4s ease-out; }
.form_detail .line { width: 100%; height: 1px; background: #E6E6E6; border: none; margin: 16px 0; }
.form_detail .check_box { display: flex; flex-wrap: wrap; }
.form_detail .check_box li { margin-right: 8px; margin-bottom: 8px; }
.form_detail .check_box li input[type=checkbox] { display: none; }
.form_detail .check_box li input[type=checkbox] + label { display: inline-block; font-size: 15px; font-weight: 400; color: #888888; line-height: 32px; padding: 0 15px; background: #ffffff; border: 1px solid #ccc; border-radius: 14px; cursor: pointer; }
.form_detail .check_box li input[type=checkbox]:checked + label { color: #ffffff; background: #2A81EB; border: 1px solid #2A81EB; }
.form_detail .radio_box.type01 { display: flex; }
.form_detail .radio_box.type01 li { width: 25%; }
.form_detail .radio_box.type01 li input { display: none; }
.form_detail .radio_box.type01 li input + label { position: relative; display: block; font-size: 15px; font-weight: 400; color: #555; line-height: 38px; text-align: center; border: 1px solid #ddd; background: #fff; cursor: pointer; margin-left: -1px; }
.form_detail .radio_box.type01 li:first-of-type input + label { border-top-left-radius: 4px; border-bottom-left-radius: 4px; margin-left: 0; }
.form_detail .radio_box.type01 li:last-of-type input + label { border-top-right-radius: 4px; border-bottom-right-radius: 4px; }
.form_detail .radio_box.type01 li input:checked + label { font-weight: 700; color: #010A4A; background: #DDEEFF; border: 1px solid #010A4A; z-index: 1; }
.form_detail .radio_box.type02 li { margin-bottom: 16px; }
.form_detail .radio_box.type02 li:last-of-type { margin-bottom: 0; }
.form_detail .radio_box.type02 li input { display: none; }
.form_detail .radio_box.type02 li input + label { font-size: 15px; font-weight: 400; color: #555; line-height: 24px; cursor: pointer; }
.form_detail .radio_box.type02 li input + label::before { width: 24px; height: 24px; background: #fff; border: 1px solid #777; border-radius: 4px; content: ''; display: inline-block; vertical-align: -8px; margin-right: 8px; }
.form_detail .radio_box.type02 li input:checked + label::before { background: url(../image/icon/icon_checked.svg) no-repeat center center ,#0AA622; border: 1px solid #0AA622; }
.form_detail .radio_box.type03 { display: flex; }
.form_detail .radio_box.type03 li { width: 50%; }
.form_detail .radio_box.type03 li input { display: none; }
.form_detail .radio_box.type03 li input + label { font-size: 15px; font-weight: 400; color: #555; line-height: 24px; cursor: pointer; }
.form_detail .radio_box.type03 li input + label::before { display: inline-block; width: 24px; height: 24px; background: #ffffff; border: 1px solid #727272; border-radius: 50%; overflow: hidden; vertical-align: -8px; content: ''; margin-right: 8px; transition: border 0.1s ease-in-out; }
.form_detail .radio_box.type03 li input:checked + label::before { background: url(../image/icon/icon_checked.svg) no-repeat center center #0AA622; background-size: 24px; border: 1px solid #0AA622; }
.form_detail .flex { flex-wrap: wrap; margin: 8px 0; }
.form_detail .flex .select_box { width: calc(50% - 4px); }
.form_detail .textarea_box { margin-top: 8px; }
/* ? off */
.form_box.off::after { border-bottom: 1px solid #e6e6e6; }
.form_box.off .form_title .arrow { transform: rotate(-180deg); }
.form_box.off .form_title h3 { font-weight: 400; }
.form_box.off .form_detail { height: 0; padding: 0 20px; }
/* ? popup */
.popup_bank .tab_nav { position: relative; display: flex; width: 173px; padding: 4px; background: #F5F5F5; border-radius: 25px; margin: 8px auto 16px; }
.popup_bank .tab_nav > span { position: relative; font-size: 15px; font-weight: 500; color: #555; line-height: 38px; text-align: center; cursor: pointer; z-index: 5; transition: all 0.2s ease; }
.popup_bank .tab_nav > span.on { color: #ffffff; }
.popup_bank .tab_nav > .bar { position: absolute; left: 4px; top: 4px; width: 80px; height: 38px; border-radius: 19px; background: #2166D4; display: block; transition: all 0.2s ease; }
.popup_bank .tab_nav .tnav01 { width: 75px; }
.popup_bank .tab_nav .tnav02 { width: 90px; }
.popup_bank .tab_nav .tnav01.on ~ .bar { left: 4px; width: 75px; }
.popup_bank .tab_nav .tnav02.on ~ .bar { left: 79px; width: 90px; }
.popup_bank .tab_cont .tab_box { display: none; }
.popup_bank .tab_cont .tab_box.on { display: block; }
.popup_bank .list { display: flex; flex-wrap: wrap; }
.popup_bank .list li { width: 50%; }
.popup_bank .list li input[type=radio] { display: none; }
.popup_bank .list li input[type=radio] + label { display: inline-block; height: 54px; padding: 13px 0; cursor: pointer; }
.popup_bank .list li img { width: 28px; vertical-align: -9px; margin-right: 10px; }
.popup_bank .list li img.lg { vertical-align: 0; }
.popup_bank .list li span { display: inline-block; font-size: 14px; font-weight: 500; color: #242424; line-height: 16px; }
.popup_account { width: 100%; margin-bottom: 24px; }
.popup_account .main_title { margin-bottom: 18px; }
.popup_account .input_box_lb { margin-bottom: 8px; }
.popup_sign { position: relative; width: 100%; padding-bottom: 28px; margin: 24px 0; }
.popup_sign .sign_box { background: url(../image/bg/bg_sign.png); border: 1px solid #E9EAED; border-radius: 4px; text-align: center; }
.popup_sign .sign_box.error { border: 1px solid #E64C2E; }
.popup_sign .sign_box.error::after { position: absolute; right: 10px; bottom: 10px; width: 24px; height: 24px; background: url(../image/icon/icon_input_error.svg) no-repeat center center; background-size: contain; content: ''; display: block; z-index: 5; }
.popup_sign .error_msg { position: absolute; left: 0; top: 200px; }
.popup_sign .btn_edit { position: absolute; right: 0; bottom: 0; display: inline-block; font-size: 14px; font-weight: 400; color: #555; line-height: 18px; background: transparent; border-bottom: 1px solid #242424; }

/* 청구서 제출하기 */
.history_detail table { width: 100%; border-top: 1px solid #555555; border-collapse: collapse; }
.history_detail table tr { border-bottom: 1px solid #E6E6E6; }
.history_detail table tr th { width: 110px; min-width: 110px; font-size: 15px; font-weight: 400; color: #242424; line-height: 21px; text-align: left; padding: 10px 0; }
.history_detail table tr td { width: calc(100% - 110px); font-size: 15px; font-weight: 400; color: #555555; line-height: 21px; text-align: left; padding: 10px 20px; }

/* 청구완료 및 청구내역 보기 */
.complete_section .tit_box { width: 100%; text-align: center; padding: 40px 20px 20px; }
.complete_section .tit_box .icon_confirm { margin-bottom: 16px; }
.history_list li { width: 100%; padding: 20px; border: 1px solid #E6E6E6; border-radius: 8px; margin-bottom: 16px; }
.history_list li:last-of-type { margin-bottom: 0; }
.history_list dl { display: flex; justify-content: space-between; margin-bottom: 12px; }
.history_list dl:last-of-type { margin-bottom: 0; }
.history_list dl dt { width: 100px; font-size: 15px; font-weight: 400; color: #555555; }
.history_list dl dd { width: calc(100% - 110px); font-size: 15px; font-weight: 400; color: #242424; }
.history_list dl dd a { color: #2A81EB; text-decoration: underline; }
.history_list .btn_download { display: block; font-size: 17px; font-weight: 500; color: #242424; line-height: 45px; text-align: center; background: #ffffff; border: 1px solid #777; border-radius: 8px; margin-top: 16px; }