@charset "utf-8";
#form1 { width:100%; height:100%; } 

/* Selection */
::-moz-selection { /* Code for Firefox */
color: #fff;background: #9d5aff; } 
::selection {color: #fff;background: #9d5aff; } 

/* Default */
body, html {width: 100%;height: 100%; } 
#wrap {position: relative;min-width: 360px;height: 100%;margin: 0 auto;min-height: 512px; } 
.m_only, m-only {display: none !important; } 
.pc_only {display: inline-block; } 
.t_only {display: none !important; } 
.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; }

.scrollOff {position: fixed;overflow: hidden;height: 100%; } 

.dim {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.8);z-index: 100;transition: all 0.5s;opacity: 0;display: none; } 
.dim.on {opacity: 1;display: inline-block; } 

#wrap {width: 100%;max-width: 768px;margin: 0 auto;min-height: 512px; } 

main {padding: 28px 24px 24px;padding-bottom: calc(constant(safe-area-inset-bottom) + 24px);padding-bottom: calc(env(safe-area-inset-bottom) + 24px);min-height: 100%; overflow: hidden; } 

.intro {background-image: url(../image/main_bg.jpg);background-repeat: no-repeat;background-position: center;background-size: cover;position: relative;overflow: hidden; } 
.intro .top_text_area {color: #f3f3f3;z-index: 1; } 
.intro .title_area {position: absolute;top: 108px;left: 24px;padding-top: 68px; } 
.intro .title_area .main_title {font-family: "Poppins";font-weight: 600;font-size: 48px;line-height: 50px;color: #ffffff; } 
.intro .title_area .sub_title {margin-top: 16px;display: block;font-weight: 400;font-size: 20px;line-height: 140%;color: #f3f3f3; } 
.intro .intro_btn {display: inline-block;position: fixed;bottom: 24px;width: calc(100% - 48px);left: 50%;transform: translateX(-50%);background-color: #ffffff;border-radius: 4px;height: 56px;line-height: 56px;z-index: 1;font-weight: 600;font-size: 16px;color: #005dea;min-width: 360px; } 
.intro .title_area .db_logo_area {position: absolute;left: 0;top: 0;width: 108px;height: 51px;background-color: #ffffff;border-radius: 8px; } 
.intro .title_area .db_logo_area img {position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); } 
.intro .db_intro_title_area { margin-top: 54px; } 
.intro .db_intro_title_area .top_text { display: block; font-weight: 400; font-size: 20px; line-height: 140%; color: #f3f3f3; } 
.intro .db_intro_title_area .main_title { font-weight: 400; font-size: 32px; line-height: 38px; color: #ffffff; margin-top: 8px; } 
.intro .db_intro_title_area .main_title b { font-weight: 600; } 
.intro .db_intro_btn_area { margin-top: 48px; position: relative; z-index: 5; } 
.intro .db_intro_btn_area li + li { margin-top: 16px; } 
.intro .db_intro_btn_area .link { width: 100%; height: 72px; display: flex; align-items: center; padding: 0 24px; background-color: #ffffff; border-radius: 4px; text-align: left; background-image: url(../image/icon_arrow_intro01.svg); background-repeat: no-repeat; background-position: calc(100% - 24px) center; } 
.intro .db_intro_btn_area .link .text_box { font-weight: 600; font-size: 16px; line-height: 20px; } 
.intro .db_intro_btn_area .link .text_box em { color: #005dea; } 

/* 공통사항 */
.top_text_area {font-weight: 600;font-size: 14px;line-height: 20px;color: #f3f3f3; } 
input[type="text"] {width: 100%;height: 56px;line-height: 56px;padding: 0 16px;border: 1px solid #d6d6d6;border-radius: 8px;font-weight: 400;font-size: 16px;color: #333333; } 
input[type="text"]::placeholder {color: #d6d6d6; } 
input[type="text"]:focus {border: 1px solid #005DEA; } 
input[type="text"].error {border: 1px solid #FF4F4F; } 
input[type="text"] + .input_error_msg {display: none; } 
input[type="text"].error + .input_error_msg {display: block;position: absolute;bottom: -20px;left: 16px;font-weight: 400;font-size: 12px;line-height: 15px;color: #ff4f4f; } 

main.normal_type .title_area {margin-top: 36px;margin-bottom: 24px;position: relative; } 
main.normal_type .title_area .logo { position: absolute; right: 0; bottom: 20px; } 
main.normal_type .title_area .main_title {padding-bottom: 16px;border-bottom: 1px solid #ededed;font-weight: 600;font-size: 24px;line-height: 29px; } 
main.normal_type .title_area .main_title em {color: #005dea; } 
main.normal_type .title_area .sub_text {margin-top: 8px;font-weight: 400;font-size: 14px;line-height: 20px;color: #666666; } 

.main_btn_area,
.intro_btn {max-width: 728px; } 

.main_btn_area.type_static {margin-top: 56px; } 
.main_btn_area.type_fix {position: fixed;width: calc(100% - 48px);bottom: 24px;bottom: calc(constant(safe-area-inset-bottom) + 24px);bottom: calc(env(safe-area-inset-bottom) + 24px);left: 50%;transform: translateX(-50%);min-width: 312px; } 
.main_btn_area .normal_btn {width: 100%;height: 56px;line-height: 56px;text-align: center;display: inline-block;background-color: #005dea;border-radius: 4px;font-weight: 600;font-size: 16px;color: #ffffff; } 
.main_btn_area.type_way02 {display: flex;justify-content: space-between; } 
.main_btn_area.type_way02 .normal_btn {width: calc(50% - 4px); } 
.main_btn_area .normal_btn.disabled,
.main_btn_area .normal_btn:disabled { background-color: rgba(0, 93, 234, 0.2); pointer-events: none; } 

.main_btn_area .check_box_area {margin-bottom: 12px;text-align: center; } 
.main_btn_area .check_box_area input[type="checkbox"] {display: none; } 
.main_btn_area .check_box_area input[type="checkbox"] + label {padding-left: 32px;font-weight: 400;font-size: 16px;line-height: 24px;color: #999999;background-repeat: no-repeat;background-image: url(../image/icon_chkbox_off.svg);background-position: left center;display: inline-block; } 
.main_btn_area .check_box_area input[type="checkbox"]:checked + label {background-image: url(../image/icon_chkbox_on.svg); } 

.certi_input_area .certi_way_area { } 
.certi_input_area .certi_way_area li {display: block; } 
.certi_input_area .certi_way_area li + li {margin-top: 8px; } 
.certi_input_area .certi_way_area input[type="radio"] { display: inline-block; width: 0px; height: 0px; overflow: hidden; } 
.certi_input_area .certi_way_area input[type="radio"] + label {display: inline-block;width: 100%;height: 56px;line-height: 56px;border: 1px solid #d6d6d6;box-sizing: border-box;border-radius: 8px;padding-left: 56px;background-repeat: no-repeat;background-position: 16px center;background-size: 24px;font-weight: 400;font-size: 16px;position: relative; } 
.certi_input_area .certi_way_area input[type="radio"] + label::after {content: "";width: 24px;height: 24px;display: inline-block;position: absolute;right: 16px;top: 16px;background-image: url(../image/icon_radio_off.svg); } 
.certi_input_area .certi_way_area input[type="radio"]:checked + label::after {background-image: url(../image/icon_radio_on.svg); } 
.certi_input_area .certi_way_area input[type="radio"] + label.kakao {background-image: url(../image/icon_kakao.svg); } 
.certi_input_area .certi_way_area input[type="radio"] + label.samsung {background-image: url(../image/icon_samsung.svg); } 
.certi_input_area .certi_way_area input[type="radio"] + label.pass {background-image: url(../image/icon_pass.svg); } 
.certi_input_area .certi_way_area input[type="radio"] + label.payce {background-image: url(../image/icon_payco.svg); } 
.certi_input_area .certi_way_area input[type="radio"] + label.kb {background-image: url(../image/icon_kb.svg); } 
.certi_input_area .certi_way_area input[type="radio"] + label.shinhan {background-image: url(../image/icon_shinhan.svg); } 
.certi_input_area .certi_way_area input[type="radio"] + label.naver {background-image: url(../image/icon_naver.svg); } 
.certi_input_area .certi_way_area input[type="radio"] + label.toss {background-image: url(../image/icon_toss.svg); } 
.certi_input_area .certi_info_input_area {margin-top: 40px; } 
.certi_input_area .certi_info_input_area li {position: relative; } 
.certi_input_area .certi_info_input_area li + li {margin-top: 30px; } 
.certi_input_area .certi_info_input_area label {display: inline-block;font-weight: 600;font-size: 18px;line-height: 22px; } 
.certi_input_area .certi_info_input_area input[type="text"] {display: block;margin-top: 20px; } 
.certi_input_area .form_select { width: 100%; height: 56px; line-height: 56px; padding: 0 16px; border: 1px solid #d6d6d6; border-radius: 8px; font-weight: 400; font-size: 16px; color: #333333; margin-top: 20px; }
.certi_input_area .form_select.error { border: 1px solid #FF4F4F; } 
.certi_input_area .form_select + .input_error_msg{ display: none; } 
.certi_input_area .form_select.error + .input_error_msg {display: block;position: absolute;bottom: -20px;left: 16px;font-weight: 400;font-size: 12px;line-height: 15px;color: #ff4f4f; } 
.certi_input_area .certi_info_input_area input[type="text"]:read-only {background-color: #f3f3f3; border: 1px solid #d6d6d6; } 
.certi_input_area .certi_info_input_area .input_type_birth01 { margin-top: 20px; width: 100%; height: 56px; background-color: #ffffff; border: 1px solid #d6d6d6; border-radius: 8px; overflow: hidden; position: relative; } 
.certi_input_area .certi_info_input_area .input_type_birth01 .birth01 { display: inline-block; position: absolute; left: 0; top: 0; border: 0; width: calc(50% - 4px); height: 100%; margin: 0; } 
.certi_input_area .certi_info_input_area .input_type_birth01 .birth02 { display: inline-block; position: absolute; right: 0; top: 0; border: 0; width: calc(50% - 4px); padding-left: 16px; height: 100%; margin: 0; font-weight: 400; font-size: 16px; line-height: 56px; } 
.certi_input_area .certi_info_input_area .input_type_birth01 .birth01:read-only { background-color: #ffffff; border: 0; } 
.certi_input_area .certi_info_input_area .input_type_birth01 .div_line { position: absolute; z-index: 1; font-weight: 400; font-size: 16px; line-height: 24px; left: 50%; transform: translateX(-50%); top: 16px; } 
.certi_input_area .certi_info_input_area .input_type_birth01 .birth_label { position: absolute; display: inline-block; left: 0; top: 0; width: 100%; height: 100%; z-index: 5; margin-top: 16px; } 

.certi_input_area .certi_info_input_area .list_title { display: block; font-weight: 600; font-size: 18px; line-height: 22px; } 
.certi_input_area .certi_info_input_area .info_radio_list { margin-top: 20px; } 
.certi_input_area .certi_info_input_area .info_radio_list ul { display: flex; justify-content: space-between; align-items: center; } 
.certi_input_area .certi_info_input_area .info_radio_list li { width: calc(50% - 4px); margin: 0; } 
.certi_input_area .certi_info_input_area .info_radio_list input[type="radio"] { display: none; } 
.certi_input_area .certi_info_input_area .info_radio_list input[type="radio"] + label { display: inline-block; width: 100%; height: 44px; line-height: 44px; border: 1px solid #d6d6d6; background-color: #ffffff; border-radius: 4px; box-sizing: border-box; text-align: center; font-weight: 400; font-size: 16px; } 
.certi_input_area .certi_info_input_area .info_radio_list input[type="radio"]:checked + label { background: rgba(0, 93, 234, 0.08); border: 1px solid #005DEA; color: #005dea; } 

.terms_list_area {margin-top: 72px; } 
.terms_list_area .contents_title {font-weight: 600;font-size: 18px;line-height: 22px; } 
.terms_list_area .terms_chk_list {margin-top: 20px; } 
.terms_list_area .terms_chk_list li {display: flex;justify-content: space-between;align-items: center; } 
.terms_list_area .terms_chk_list li + li {margin-top: 16px; } 
.terms_list_area .terms_chk_list li .list_title {font-weight: 600;font-size: 14px;line-height: 20px; min-width: 125px; display: inline-block; } 

.terms_list_area .terms_chk_list li .list_contents_area {display: flex;justify-content: flex-end;align-items: center; white-space: nowrap; } 
.all_chk { width: 100%; display: flex; justify-content: space-between; text-align: right; } 
.all_chk input[type="checkbox"],
.terms_list_area .terms_chk_list li .list_contents_area .input_area input[type="radio"] { display: inline-block; width: 0px; height: 0px; overflow: hidden; } 
.terms_list_area .terms_chk_list li .list_contents_area .input_area input[type="radio"]:first-child + label { margin-left: 0; } 

.all_chk input[type="checkbox"] + label,
.terms_list_area .terms_chk_list li .list_contents_area .input_area input[type="radio"] + label { display: inline-block; padding-left: 32px; font-weight: 400; font-size: 14px; height: 24px; line-height: 24px; background-image: url(../image/icon_radio_off.svg); background-repeat: no-repeat; background-position: left center; margin-left: 16px; } 
.all_chk input[type="checkbox"]:checked + label,
.terms_list_area .terms_chk_list li .list_contents_area .input_area input[type="radio"]:checked + label { background-image: url(../image/icon_radio_on.svg); } 

.terms_list_area .terms_chk_list li .terms_view_area {margin-left: 16px; } 
.terms_list_area .terms_chk_list li .terms_view_area .toast_open { font-weight: 600; font-size: 12px; line-height: 16px; color: #666666; text-decoration: underline; } 
.terms_list_area .terms_chk_list li.text_view_type {flex-direction: column;justify-content: flex-start;align-items: flex-start; } 
.terms_list_area .terms_chk_list li.text_view_type .text_area { margin-top: 8px; } 
.terms_list_area .terms_chk_list li.text_view_type .text_area pre { white-space: pre-wrap; width: 100%; min-height: 96px; padding: 8px 14px; box-sizing: border-box; border: 1px solid #d6d6d6; border-radius: 8px; margin: 0; font-family: "Pretendard"; height: 96px; overflow: auto; } 
.terms_list_area .terms_chk_list li.text_view_type .text_area pre::-webkit-scrollbar { width: 4px; } 
.terms_list_area .terms_chk_list li.text_view_type .text_area pre::-webkit-scrollbar-thumb { background-color: #e6e6e6; border-radius: 4px; } 
.terms_list_area .terms_chk_list li.text_view_type .text_area pre::-webkit-scrollbar-track { background-color: transparent; /*스크롤바 트랙 색상*/}
.terms_list_area .terms_chk_list li.text_view_type .list_contents_area { display: flex; flex-direction: column; align-items: flex-end; font-weight: 400; font-size: 12px; line-height: 16px; } 
.terms_list_area .terms_chk_list li.text_view_type .list_contents_area .input_area { margin-top: 8px; } 

.certi_step_view_area ul {display: flex;justify-content: space-between;padding: 24px 20px 18px;background: rgba(0, 93, 234, 0.1);border-radius: 16px; } 
.certi_step_view_area li {display: inline-block;text-align: center;width: 78px; } 
.certi_step_view_area li .title {font-weight: 600;font-size: 16px;line-height: 20px;color: #005dea; } 
.certi_step_view_area li i {margin-top: 8px;display: inline-block;width: 32px;height: 32px;background-repeat: no-repeat;background-position: center center; } 
.certi_step_view_area li:nth-of-type(1) i {background-image: url(../image/icon_step01.svg); } 
.certi_step_view_area li:nth-of-type(2) i {background-image: url(../image/icon_step02.svg); } 
.certi_step_view_area li:nth-of-type(3) i {background-image: url(../image/icon_step03.svg); } 
.certi_step_view_area li .inner_text {margin-top: 8px;font-weight: 400;font-size: 14px;line-height: 20px;color: #666666;text-align: center; } 

.survey_list_area dt .main_text {font-weight: 600;font-size: 18px;line-height: 22px; } 
.survey_list_area dt .sub_text {font-weight: 400;font-size: 14px;line-height: 20px;color: #666666; } 
.survey_list_area dd {margin-top: 20px; } 
.survey_list_area dd + dt {margin-top: 48px; } 
.survey_list_area dd .survey_radio_list li + li {margin-top: 16px; } 
.survey_list_area dd .survey_radio_list input[type="radio"] { display: inline-block; width: 0px; height: 0px; overflow: hidden; } 
.survey_list_area dd .survey_radio_list input[type="radio"] + label {padding-left: 32px;display: inline-block;font-weight: 400;font-size: 16px;line-height: 24px;background-image: url(../image/icon_radio_off.svg);background-repeat: no-repeat;background-position: left center; } 
.survey_list_area dd .survey_radio_list input[type="radio"]:checked + label {background-image: url(../image/icon_radio_on.svg); } 

.survey_list_area .survey_chk_list01 {display: flex;justify-content: flex-start;width: calc(100% + 6px);margin-bottom: -8px;flex-wrap: wrap; } 
.survey_list_area .survey_chk_list01 input[type="checkbox"] { display: inline-block; width: 0px; height: 0px; overflow: hidden; } 
.survey_list_area .survey_chk_list01 input[type="checkbox"] + label {display: inline-block;background-color: #ffffff;border: 1px solid #d6d6d6;border-radius: 4px;height: 44px;padding: 0 14px;white-space: nowrap;line-height: 44px;font-weight: 400;font-size: 16px;margin-right: 6px;margin-bottom: 8px; } 
.survey_list_area .survey_chk_list01 input[type="checkbox"]:checked + label { border: 1px solid #005dea; background-color: rgba(0, 93, 234, 0.08); color: #005dea; } 


.normal_type.complete_type .complete_view_area {margin-top: 104px; } 
.normal_type.complete_type .complete_view_area .logo { width: 141px; } 
.normal_type.complete_type .complete_view_area i {display: inline-block;width: 48px;height: 48px;background-image: url(../image/icon_complete01.svg);background-repeat: no-repeat;background-position: center center; } 
.normal_type.complete_type .complete_view_area .main_title {display: block;margin-top: 16px;font-weight: 600;font-size: 24px;line-height: 29px; } 
.normal_type.complete_type .complete_view_area .main_title em {color: #005dea; } 
.normal_type.complete_type .complete_view_area .sub_text {margin-top: 8px;font-weight: 400;font-size: 14px;line-height: 20px;color: #666666; } 


.toast_wrap {position: fixed;left: 50%;transform: translateX(-50%);width: 100%;height: 100%;max-width: 768px;bottom: -100%;transition: bottom 0.5s; z-index: 100; } 
.toast_wrap.on {bottom: 0; } 
.toast_wrap .toast_popup {position: absolute;left: 0;bottom: 0;overflow: hidden;width: 100%;height: 100%;background-color: #ffffff; }
.toast_wrap .toast_popup .top_area {padding: 24px 24px 0;display: flex;justify-content: space-between;align-items: center; } 
.toast_wrap .toast_popup .top_area .top_text {font-weight: 600;font-size: 14px;line-height: 20px;color: #d6d6d6; } 
.toast_wrap .toast_popup .top_area .btn {width: 24px;height: 24px;display: inline-block;background-image: url(../image/icon_close.svg);background-repeat: no-repeat;background-position: center center;text-indent: -999999px;overflow: hidden; } 
.toast_wrap .toast_popup .popup_contents_area {padding: 36px 24px 24px;height: calc(100% - 48px); } 
.toast_wrap .toast_popup .popup_contents_area .terms_title {font-weight: 600;font-size: 24px;line-height: 29px; } 
.toast_wrap .toast_popup .popup_contents_area .scroll_area {margin-top: 24px;display: inline-block;height: calc(100% - 109px);overflow: auto; } 
.toast_wrap .toast_popup .popup_contents_area .scroll_area::-webkit-scrollbar { width: 4px; } 
.toast_wrap .toast_popup .popup_contents_area .scroll_area::-webkit-scrollbar-thumb { background-color: #e6e6e6; border-radius: 4px; } 
.toast_wrap .toast_popup .popup_contents_area .scroll_area::-webkit-scrollbar-track { background-color: transparent; /*스크롤바 트랙 색상*/}
.toast_wrap .toast_popup .popup_contents_area .scroll_area pre { white-space: pre-wrap; font-weight: 400; font-size: 14px; line-height: 20px; font-family: 'Pretendard'; padding-right: 10px; padding-bottom: 24px; } 
.toast_wrap .toast_popup .toast_popup_btn_area {width: 100%;height: 104px;padding: 24px;position: absolute;left: 0;bottom: 0;background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 85%, rgba(255,255,255,0) 100%); } 
.toast_wrap .toast_popup .toast_popup_btn_area .btn {width: 100%;height: 56px;line-height: 56px;background-color: #005dea;border-radius: 4px;font-weight: 600;font-size: 16px;color: #ffffff; } 


.load_wrap { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7); z-index: 10000; } 
.load_wrap .load_text_area { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); text-align: center; width: 100%; padding:20px; } 
.load_wrap .load_text_area p { font-weight: bold; font-size: 26px; line-height: 38px; color: #ffffff; width: 100%; } 


main.report_view_type .report_contents_box.type_table01 .contents_title_area .contents_title { font-weight: 700; font-size: 20px; line-height: 120%; color: #005dea; } 
main.report_view_type .report_contents_box.type_table01 .contents_title_area .contents_sub_text { margin-top: 8px; font-size: 16px; line-height: 120%; color: #666666; } 
main.report_view_type .report_contents_box.type_table01 .contents_title_area table { margin-top: 8px; } 


.report_contents_box.report_contents_box .contents_view_area { margin-top: 12px; } 
.report_contents_box.report_contents_box .contents_view_area table { width: 100%; } 
.report_contents_box.report_contents_box .contents_view_area table th { background-color: #f3f3f3; border-bottom: 1px solid #e3e3e3; padding: 10px 0 10px 16px; text-align: left; font-weight: 700; font-size: 15px; line-height: 18px; color: #333333; } 
.report_contents_box.report_contents_box .contents_view_area table td { padding: 8px; min-height: 72px; border-bottom: 1px solid #e3e3e3; background-color: #ffffff; vertical-align: top; } 
.report_contents_box.report_contents_box .contents_view_area table th .label_area { margin-top: 4px; } 
.report_contents_box.report_contents_box .contents_view_area table th .label { display: inline-block; height: 17px; line-height: 17px; background-color: #ffdada; border-radius: 4px; padding: 0 8px; font-weight: 500; font-size: 11px; color: #ff4f4f; } 
.report_contents_box.report_contents_box .contents_view_area table th .label + label { margin-left: 4px; } 
.report_contents_box.report_contents_box .contents_view_area table td .table_inner_text { font-weight: 400; font-size: 14px; line-height: 120%; } 
.report_contents_box.report_contents_box .contents_view_area table tr:first-child th { border-top-left-radius: 6px; } 
.report_contents_box.report_contents_box .contents_view_area table tr:last-child th { border-bottom: 0; border-bottom-left-radius: 6px; vertical-align: top; } 
.report_contents_box.report_contents_box .contents_view_area table tr:last-child td { border-bottom: 0; } 
.report_contents_box.report_contents_box .link { margin-top: 8px; display: block; background-color: #fff2f2; border: 1px solid #ffbdbd; border-radius: 4px; height: 48px; line-height: 48px; box-sizing: border-box; display: flex; justify-content: center; align-items: center; } 
.report_contents_box.report_contents_box .link i.icon01 { display: inline-block; width: 28px; height: 28px; background-image: url(../image/icon_point01.png); background-size: contain; background-repeat: no-repeat; background-position: center; margin-right: 2px; } 
.report_contents_box.report_contents_box .link span { font-weight: 600; font-size: 15px; line-height: 22px; color: #333333; } 
.report_contents_box.report_contents_box .link span em { color: #ff4f4f; } 
.report_contents_box.report_contents_box .link i.icon02 { display: inline-block; width: 16px; height: 16px; background-image: url(../image/icon_arrow01.svg); background-size: contain; background-repeat: no-repeat; background-position: center; margin-left: 2px; } 


.insurance_info_area { width: 100%; padding-top: 12px; } 
.insurance_info_area .logo_box { display: block; margin-bottom: 8px; } 
.insurance_info_area .text_box { font-size: 12px; line-height: 18px; word-break: keep-all; opacity: 0.7; } 

/* pdf_view_box */
.pdf_view_area { width: calc(100% + 48px); margin-left: -24px; margin-top: -28px; overflow: hidden; }
.pdf_view_area hr { display: block; border: 5px solid #ececec; }

/* 레이어팝업 */
.layer_popup { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 1000; }
.layer_popup.off { display: none; }
.layer_popup .popup { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: calc(100% - 48px); max-width: 432px; min-width: 320px; }
.layer_popup .popup .btn_box { position: absolute; left: 0; bottom: 0; width: 100%; height: 62px; display: flex; }
.layer_popup .popup .btn_box > * { display: block; width: 50%; text-indent: -9999px; }
.layer_popup .popup_bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: -1; }


/* 240729_약관수정 */
.terms_agree_box { margin-top: 40px; }
.terms_agree_box .contents_title { display: block; font-size: 18px; font-weight: 600; line-height: 22px; }
.terms_agree_box .all_chk_box { display: flex; align-items: center; justify-content: space-between; margin-top: 16px; }
.terms_agree_box .all_chk_box .input_area input[type="checkbox"] + label { font-size: 14px; font-weight: 500; line-height: 24px; padding-left: 30px; background: url(../image/icon_radio_off.svg) no-repeat left center; background-size: 24px; display: inline-block; }
.terms_agree_box .all_chk_box .input_area input[type="checkbox"]:checked + label { background: url(../image/icon_radio_on.svg) no-repeat left center; }
.terms_agree_box .all_chk_box .btn_view { font-weight: 600; font-size: 12px; line-height: 16px; color: #666666; text-decoration: underline; display: inline-block; }

.toast_wrap .toast_popup .top_area { padding-bottom: 24px; }
.popup_container { height: calc(100% - 48px); } 
.popup_container .top_chk_box { width: 100%; text-align: center; padding: 0 24px; }
.popup_container .top_chk_box .btn_all { width: 100%; max-width: 400px; height: 48px; line-height: 48px; text-align: center; display: inline-block; background-color: #005dea; border-radius: 4px; font-weight: 600; font-size: 16px; color: #ffffff; }
.popup_container .terms_agree_info { font-size: 13px; font-weight: 400; color: #999; line-height: 18px; text-align: center; padding: 0 16px; margin: 16px 0; }
.popup_container .tab_nav { display: flex; padding: 0 24px; }
.popup_container .tab_nav li { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 50%; padding: 16px 8px; border-bottom: 1px solid #ededed; cursor: pointer; }
.popup_container .tab_nav li span { width: 100%; max-width: 163px; display: block; font-size: 14px; font-weight: 400; color: #999; line-height: 18px; word-break: keep-all; text-align: center; }
.popup_container .tab_nav li.active::after { position: absolute; left: 0; bottom: -3px; width: 100%; height: 5px; background: #222; content: ''; display: block; z-index: 1; }
.popup_container .tab_nav li.active span { font-weight: 700; color: #222; }
.popup_container .tab_cont_wrap { display: inline-block; width: 100%; height: calc(100% - 200px); padding: 36px 24px 24px; overflow: auto; } 
.popup_container .tab_cont_wrap::-webkit-scrollbar { width: 4px; } 
.popup_container .tab_cont_wrap::-webkit-scrollbar-thumb { background-color: #e6e6e6; border-radius: 4px; } 
.popup_container .tab_cont_wrap::-webkit-scrollbar-track { background-color: transparent; /*스크롤바 트랙 색상*/}
.popup_container .tab_box { display: none; overflow: hidden; }
.popup_container .tab_box.active { display: block; }
.popup_container .terms_chk_list li { margin-bottom: 16px; } 
.popup_container .terms_chk_list li .list_title { display: block; font-size: 14px; font-weight: 600; line-height: 20px; } 
.popup_container .terms_chk_list li .list_contents_area { width: 100%; } 
.popup_container .terms_chk_list li .text_area { margin-top: 8px; } 
.popup_container .terms_chk_list li .text_area pre { white-space: pre-wrap; width: 100%; min-height: 96px; font-size: 12px; font-weight: 400; line-height: 16px; padding: 8px 14px; box-sizing: border-box; border: 1px solid #d6d6d6; border-radius: 8px; margin: 0; font-family: "Pretendard"; height: 96px; overflow: auto; } 
.popup_container .terms_chk_list li .text_area pre::-webkit-scrollbar { width: 4px; } 
.popup_container .terms_chk_list li .text_area pre::-webkit-scrollbar-thumb { background-color: #e6e6e6; border-radius: 4px; } 
.popup_container .terms_chk_list li .text_area pre::-webkit-scrollbar-track { background-color: transparent; }
.popup_container .terms_chk_list li .input_area { display: flex; align-items: center; justify-content: flex-end; margin-top: 8px; } 
.terms_agree_box .all_chk_box .input_area input[type="checkbox"],
.popup_container .terms_chk_list li .input_area input[type="radio"] { display: inline-block; width: 0px; height: 0px; overflow: hidden; } 
.popup_container .terms_chk_list li .input_area input[type="radio"]:first-child + label { margin-left: 0; } 
.popup_container .terms_chk_list li .input_area input[type="radio"] + label { display: inline-block; padding-left: 32px; font-weight: 400; font-size: 14px; height: 24px; line-height: 24px; background-image: url(../image/icon_radio_off.svg); background-repeat: no-repeat; background-position: left center; margin-left: 16px; } 
.popup_container .terms_chk_list li .input_area input[type="radio"]:checked + label { background-image: url(../image/icon_radio_on.svg); }