html, button, input, select, textarea { color: #080808; font-family: 'NotoSansKR', 'Lato', 'Pretendard', '고딕', Arial, AppleGothic, sans-serif }

.section_wrap,
section.intro_section .section_wrap, 
section.survey_section .section_wrap, 
section.result_section .section_wrap { width: 100%; max-width: 480px; padding: 40px 24px 24px; }

.bot_btn_area { width: 100%; }
.bot_btn_area button, 
.bot_btn_area a, 
.bot_btn_area input[type="button"], 
.bot_btn_area input[type="submit"] { height: 60px; line-height: 60px; border-radius: 0px; font-weight: 500; font-size: 16px; }

.bot_btn_area.type01 button, 
.bot_btn_area.type01 a, 
.bot_btn_area.type01 input[type="button"], 
.bot_btn_area.type01 input[type="submit"] { background-color: #080808; width: 100%; border-radius: 0; }

.bot_btn_area.type02 button:first-child, 
.bot_btn_area.type02 a:first-child, 
.bot_btn_area.type02 input[type="button"]:first-child, 
.bot_btn_area.type02 input[type="submit"]:first-child { width: 33%; border: 1px solid #e9e9e9; color: #080808; border-radius: 0; }

.bot_btn_area.type02 button:last-child, 
.bot_btn_area.type02 a:last-child, 
.bot_btn_area.type02 input[type="button"]:last-child,
.bot_btn_area.type02 input[type="submit"]:last-child { width: calc(67% - 8px); }
.bot_btn_area.type02 button:enabled:last-child, 
.bot_btn_area.type02 a:enabled:last-child, 
.bot_btn_area.type02 input[type="button"]:enabled:last-child,
.bot_btn_area.type02 input[type="submit"]:enabled:last-child { background-color: #080808; border-radius: 0; }

.bot_btn_area.type02 button:disabled:last-child, 
.bot_btn_area.type02 a:disabled:last-child, 
.bot_btn_area.type02 input[type="button"]:disabled:last-child,
.bot_btn_area.type02 input[type="submit"]:disabled:last-child { background-color: #e9e9e9; color: #787878; }

.intro_section .bot_btn_area.hi_type02 { margin-top: 16px; }

.input_box.type_text { height: 50px; }
.input_box.type_text input { background-color: #ffffff; font-weight: 400; font-size: 16px; width: 100%; height: 50px; padding: 0 16px; border: 1px solid #e9e9e9; position: static; opacity: 1; }
.input_box.type_text input::placeholder { font-weight: 400; font-size: 16px; color: #787878; }
.input_box.type_text input + label { display: none; }

.input_box.type_text { position: relative; }
.input_box.type_text.type_unit input { padding-right: 56px; width: 100%; }
.input_box.type_text .unit { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); font-weight: 500; font-size: 16px; line-height: 24px; }

.input_box.type_text input.focus,
.input_box.type_text input:focus { border: 1px solid #080808; }

.input_box.type_text input.valid,
.input_box.type_text input:valid { background-color: #ffffff; width: 100%; }
.input_box.type_text input.valid + label,
.input_box.type_text input:valid + label { background-color: #ffffff; }

.input_list .error_msg_area { padding-left: 16px; }
.input_list .error_msg_area .msg_text { font-weight: 400; font-size: 13px; line-height: 20px; display: inline-block; color: #D10606; }
.input_box + .inputbox_error_msg { padding-left: 16px; font-weight: 400; font-size: 13px; line-height: 20px; display: inline-block; color: #D10606; }
.input_box.type_text.error input { border: 1px solid #D10606; }
.input_box.error + .inputbox_error_msg { margin-top: 0; }
.input_list .agree_chk_list + .error_msg_area.active { margin-top: 16px; }

.popup_type06 { width: 312px; padding: 72px 24px 24px; background-position: center 24px; min-height: auto; border-radius: 0px; }
.popup_type06 .popup_contents_area p { font-weight: 500; font-size: 14px; line-height: 20px; }

.popup.popup_type08 { padding: 24px 24px 16px; width: 312px; border-radius: 0px; }
.popup_type08 .popup_title { font-size: 22px; line-height: 28px; margin-bottom: 8px !important; }
.popup_type08 .popup_text { line-height: 20px; margin-bottom: 16px !important; font-weight: 500; }
.popup_type08 .popup_btn { height: 50px; line-height: 50px; font-weight: 500; font-size: 16px; background-color: #080808; border-radius: 0px; }


section.intro_section .bot_btn_area { padding-bottom: 0; }

.intro_section .bot_btn_area { margin-top: 48px; }

.intro_section .certi_wrap { padding: 0; width: 100%; }
.intro_section .certi_wrap .certi_step_text { padding-top: 0; }

.intro_section .certi_wrap { min-height: inherit; }
.certi_wrap .certi_chk_area { width: 100%; }

.loading_contents_area { padding-top: 0; }


.intro_section .certi_wrap .certi_step_text { font-weight: 500; font-size: 16px; line-height: 24px; }
.intro_section .certi_wrap .certi_step_text + .certi_title { margin-top: 8px;  }
.certi_wrap .certi_chk_area > ul > li .title_area label { background-size: 28px; border: 1px solid #e9e9e9; border-radius: 0; }
.intro_section .certi_wrap .certi_title { font-size: 22px; line-height: 28px; font-weight: 700; }
.certi_wrap .certi_chk_area > ul > li { margin-bottom: 12px; }
.certi_wrap .certi_chk_area > ul > li:last-of-type { margin-bottom: 0px; }
.certi_wrap .certi_chk_area.type_line > ul > li { height: 56px; }

.certi_wrap .certi_chk_area.type_line > ul > li .title_area label { border: 1px solid #e9e9e9; border-radius: 0px; }
.certi_wrap .certi_chk_area.type_line > ul > li .title_area label { font-size: 16px; }
.certi_wrap .certi_chk_area.type_line > ul > li .title_area input[type="radio"]:checked + label { border: 1px solid #080808; }
.certi_wrap .certi_chk_area.type_line > ul > li .title_area input[type="radio"] + label::after { background-image: url(../image_himmune/icon_chk01_off.svg); background-size: 20px; border: 0; }
.certi_wrap .certi_chk_area.type_line > ul > li .title_area input[type="radio"]:checked + label::after { background-image: url(../image_himmune/icon_chk01_on.svg); border: 0; }

.certi_wrap .certi_chk_area .input_area li { margin-bottom: 12px; }
.certi_wrap .input_list { margin-top: 12px; }
.certi_wrap .gender_chk_area li { margin-right: 8px; }
.certi_wrap .gender_chk_area li { width: calc(100% - 4px);}
.certi_wrap .gender_chk_area input[type="radio"] + label { text-align: center; display: inline-block; width: 100%; background-color: #ffffff; border: 1px solid #e9e9e9; border-radius: 0px; height: 48px; line-height: 48px; font-weight: 500; font-size: 15px; color: #787878; }
.certi_wrap .gender_chk_area input[type="radio"]:checked + label { border: 1px solid #080808; color: #080808; }
.certi_wrap .gender_chk_area input[type="radio"] + label::before { display: none; }

.certi_wrap .agree_area.input_list { margin-top: 24px; width: 100%; }
.certi_wrap .agree_area .all_chk + label { height: 56px; line-height: 56px; border: 1px solid #e9e9e9; border-radius: 0px; padding-left: 48px; background-image: url(../image_himmune/icon_chk01_off.svg); background-size: 20px; background-position: 16px center; font-weight: 400; font-size: 16px; color: #080808 }
.certi_wrap .agree_area .all_chk:checked + label { border: 1px solid #080808; background-image: url(../image_himmune/icon_chk01_on.svg); }
.agree_chk_list { margin-top: 16px; }
.agree_chk_list li { padding: 0; }
.input_list li { margin-top: 12px; }
.agree_chk_list label { padding-left: 48px; }
.agree_chk_list input[type="checkbox"] + label { font-weight: 400; font-size: 15px; line-height: 22px; display: inline-block; padding-left: 48px; color: #080808; }
.agree_chk_list input[type="checkbox"]:checked + label { font-weight: 400; color: #080808; }
.agree_chk_list input[type="checkbox"] + label::before { left: 16px; background-image: url(../image_himmune/icon_chk02_off.svg); }
.agree_chk_list input[type="checkbox"]:checked + label::before { background-image: url(../image_himmune/icon_chk02_on.svg); }
.certi_wrap + .bot_btn_area.static_type { margin-top: 48px; }

.certi_wrap .certi_wait_view i.type_img { margin-top: 24px; }
.certi_wrap .certi_wait_view p { margin-top: 16px; line-height: 24px; color: #787878; }

.certi_wrap .certi_wait_view i.type_pass,
.certi_wrap .certi_wait_view i.type_toss,
.certi_wrap .certi_wait_view i.type_naver { margin: 24px auto 48px; background-image: url(../image_himmune/icon_phone.svg); background-repeat: no-repeat;  background-position: center bottom; position: relative; background-size: 80px; }
.certi_wrap .certi_wait_view i::after { content: ""; width: 48px; height: 48px; display: inline-block;  position: absolute; top: 0; right: 0; z-index: 1; background-size: contain; background-repeat: no-repeat; background-position: center; }
.certi_wrap .certi_wait_view i.type_pass::after { background-image: url(../image_himmune/icon_certi01_pass.png); }
.certi_wrap .certi_wait_view i.type_toss::after { background-image: url(../image_himmune/icon_certi01_toss.png); }
.certi_wrap .certi_wait_view i.type_naver::after { background-image: url(../image_himmune/icon_certi01_naver.png); }

.certi_wrap .certi_wait_view .guide_box { background-color: rgba(53,141,255,0.1); padding: 12px 16px; border-radius: 0; }
.certi_wrap .certi_wait_view .guide_box .title { margin-top: 0; font-weight: 500; font-size: 16px; line-height: 24px; color: #358dff; }
.certi_wrap .certi_wait_view .guide_box .text_list { margin-top: 4px; font-weight: 400; font-size: 15px; line-height: 22px; color: #080808; }
.loading_contents_area .text_area { margin-top: 16px; font-size: 22px; line-height: 28px; }
.loading_contents_area .text_area em { color: #358dff; }
.skeleton_load_area01 .load_view_box { width: 168px; margin: 28px auto 24px; padding: 0; }
.skeleton_load_area01 .load_view_box .skeleton_action .text_type .text.text01 { width: 56px; }
.skeleton_load_area01 .load_view_box .skeleton_action .text_type .text.text02 { width: 120px; }
.skeleton_load_area01 .load_view_box .skeleton_action .text_type { width: 120px; }
.loading_contents_area .loading_area .text_contents p { width: 100%; font-weight: 500; font-size: 15px; line-height: 22px; margin-top: 0; }
.loading_contents_area .loading_area .text_contents .timer span,
.loading_contents_area .loading_area .text_contents p strong { color: #358dff; }

.skeleton_load_area01 .load_view_box .skeleton_action .img_type { background-color: #e9e9e9; border-radius: 0; }
.skeleton_load_area01 .load_view_box .skeleton_action .text_type .text { background-color: #e9e9e9; }

.survey_section .contents_wrap { padding-top: 0; width: 100%; min-height: inherit; }
section.survey_section .survey_title { font-weight: 700; font-size: 22px; line-height: 28px; }
section.survey_section .survey_sub_title { margin-top: 8px; font-weight: 400; font-size: 15px; line-height: 22px; color: #787878; padding-bottom: 0; display: block; }
section.survey_section .scroll_area { padding-right: 0; }
section.survey_section .scroll_area .chk_list_area.type02 { margin-top: 24px; padding-left: 0; padding-bottom: 48px; }
.survey_section .bot_btn_area { padding-bottom: 0; }
section.survey_section .chk_list_area.type02 li { padding-left: 30px; line-height: 24px; margin-bottom: 12px; }
section.survey_section .chk_list_area.type02 li:last-child { margin-bottom: 0; }

section.survey_section .chk_list_area.type02 input[type="checkbox"],
section.survey_section .chk_list_area.type02 input[type="radio"] { display: none; }
section.survey_section .chk_list_area.type02 input[type="checkbox"] + label,
section.survey_section .chk_list_area.type02 input[type="radio"] + label { display: inline-block; width: 100%; font-weight: 400; font-size: 16px; color: #080808; position: relative; }

section.survey_section .chk_list_area.type02 input[type="checkbox"] + label::before,
section.survey_section .chk_list_area.type02 input[type="radio"] + label::before { position: absolute; content: ""; width: 20px; height: 20px; }

section.survey_section .chk_list_area.type02 input[type="checkbox"] + label::before { left: -28px; top:2px; background-image: url(../image_himmune/icon_chk01_off.svg); }
section.survey_section .chk_list_area.type02 input[type="radio"] + label::before { left: -28px; top:2px; background-image: url(../image_himmune/icon_radio01_off.svg); }

section.survey_section .chk_list_area.type02 input[type="checkbox"]:checked + label::before { background-image: url(../image_himmune/icon_chk01_on.svg); }
section.survey_section .chk_list_area.type02 input[type="radio"]:checked + label::before { background-image: url(../image_himmune/icon_radio01_on.svg); }

section.survey_section .chk_list_area.type02 input[type="checkbox"]:checked + label, 
section.survey_section .chk_list_area.type02 input[type="radio"]:checked + label { color: #080808; font-weight: 400; }

section.survey_section .chk_list_area.type01 li { margin-bottom: 12px; }
section.survey_section .chk_list_area.type01 li input[type="checkbox"] + label { border: 1px solid #e9e9e9; border-radius: 0px; padding: 0px 16px; height: 48px; line-height: 45px; font-weight: 400; font-size: 15px; color: #787878; }
section.survey_section .chk_list_area.type01 li input[type="checkbox"]:checked + label { border: 1px solid #080808; color: #080808; font-weight: 500; background-color: #ffffff; }
section.survey_section .chk_list_area.type01 { padding-top: 24px; }
section.survey_section .scroll_area .chk_list_area.type01{ padding-bottom: 28px; }
.agree_chk_list li button { margin-right: 16px; font-weight: 400; font-size: 14px; line-height: 20px; color: #787878; text-decoration: inherit; }
@-webkit-keyframes skeleton_text01 {
    0% {
        width: 0;
    }
    8% {
        width: 0;
    }
    30% {
        width: 56px;
    }
}

@keyframes skeleton_text01 {
    0% {
        width: 0;
    }
    8% {
        width: 0;
    }
    30% {
        width: 56px;
    }
}
body { position: relative; } 
.terms_dim { position: fixed; left: 0; top: 0; display: none; z-index: 1000; width: 100%; height: 100%; }
.terms_dim.active { display: block; }
.terms_toast_wrap { position: fixed; left: 50%; transform: translateX(-50%); top: 0; display: none; z-index: 1100; overflow: hidden; z-index: 1500; width: 100%; max-width: 480px; height: 100%; }
.terms_toast_wrap.active { display: block; }

.terms_toast_wrap .toast_popup { position: fixed; left: 0; bottom: -100%; width: 100%; height: 100%; transition: bottom 0.5s; background-color: #ffffff; }
.terms_toast_wrap .toast_popup.active { bottom: 0; }

.terms_toast_wrap .toast_popup .top_area { width: 100%; height: 84px; padding: 40px 24px 0; background-color: #ffffff; display: flex; justify-content: space-between; align-items: flex-start; }
.terms_toast_wrap .toast_popup .top_area .title { font-weight: 700; font-size: 22px; line-height: 28px; }
.terms_toast_wrap .toast_popup .top_area .exit_btn { display: inline-block; width: 24px; height: 24px; background-image: url(../image/intro_exit.svg); background-repeat: no-repeat; background-position: center; }

.terms_toast_wrap .toast_popup .text_area { height: calc(100% - 180px); overflow: auto; width: 100%; padding: 0 24px; }
.terms_toast_wrap .toast_popup .text_area p { font-weight: 400; font-size: 14px; line-height: 20px; white-space: pre-wrap; }
.terms_toast_wrap .toast_popup .pop_btn_area { width: 100%; height: 96px; padding: 12px 24px 0; background-color: #ffffff; }
.terms_toast_wrap .toast_popup .pop_btn_area .btn { width: 100%; display: inline-block; height: 60px; line-height: 60px; background-color: #080808; border-radius: 0px; font-weight: 500; font-size: 16px; color: #ffffff; }


/* 맞춤 솔루션 */
.solution_section .contents_wrap { padding-top: 8px; padding-bottom: 38px; width: 100%; min-height: inherit; }
.solution_section .section_title_area { text-align: center; }
.solution_section .section_title_area .date { font-weight: 400; font-size: 15px; line-height: 22px; color: #787878; }
.solution_section .section_title_area .solution_title { margin-top: 4px; font-weight: 700; font-size: 22px; line-height: 28px; }
.solution_section .section_title_area .solution_title em { color: #358dff; }
.solution_section .goods_contents_wrap { padding-top: 32px; }
.solution_section .goods_contents_wrap .goods_list_area + .goods_list_area { padding-top: 20px; margin-top: 20px; position: relative; }
.solution_section .goods_contents_wrap .goods_list_area + .goods_list_area::after { position: absolute; content: ""; width: calc(100% - 72px); border-top: 1px solid #e9e9e9; height: 0; top: 0; left: 50%; transform: translateX(-50%); }
.solution_section .goods_contents_wrap .goods_list_area .area_title { font-weight: 700; font-size: 18px; line-height: 24px; }
.solution_section .goods_contents_wrap .goods_list_area .goods_view_box { display: flex; justify-content: space-between; align-items: center; margin-top: 16px; }
.solution_section .goods_contents_wrap .goods_list_area .goods_view_box .img_area { width: 90px; height: 90px; position: relative; border-radius: 0px; background-color: rgba(200,200,200,0.3); }
.solution_section .goods_contents_wrap .goods_list_area .goods_view_box .img_area img { position: absolute; left: 50%; top: 50%; height: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); }
.solution_section .goods_contents_wrap .goods_list_area .goods_view_box .text_area { width: calc(100% - 90px); padding-left: 16px; display: flex; flex-direction: column; }
.solution_section .goods_contents_wrap .goods_list_area .goods_view_box .text_area .goods_title { font-weight: 700; font-size: 15px; line-height: 22px; }
.solution_section .goods_contents_wrap .goods_list_area .goods_view_box .text_area .sub_text { margin-top: 2px; font-weight: 400; font-size: 14px; line-height: 20px; color: #787878; } 

.solution_section .btn_area { margin-top: 32px; width: 100%; display: flex; flex-direction: column; align-items: center; }
.solution_section .btn_area .area_sub_text { font-weight: 700; font-size: 14px; line-height: 20px; color: #358dff; }
.solution_section .btn_area .area_sub_text + .btn { margin-top: 8px; }
.solution_section .btn_area .btn { display: inline-block; width: 100%; height: 60px; line-height: 60px; background-color: #080808; border-radius: 0px; font-weight: 500; font-size: 16px; color: #ffffff; }

.solution_section .btn_area + .result_contents_area { margin-top: 56px; }
.solution_section .result_contents_area + .result_contents_area { margin-top: 56px; }
.solution_section .result_contents_area .area_title { font-weight: 700; font-size: 22px; line-height: 28px; }
.solution_section .result_contents_area.type_data_view .info_area .basic_info_list { margin-top: 16px; }
.solution_section .result_contents_area.type_data_view .info_area .basic_info_list li { display: flex; justify-content: flex-start; align-items: center; }
.solution_section .result_contents_area.type_data_view .info_area .basic_info_list li + li { margin-top: 4px; }
.solution_section .result_contents_area.type_data_view .info_area .basic_info_list li strong { font-weight: 500; font-size: 15px; line-height: 22px; display: inline-block; width: 68px; }
.solution_section .result_contents_area.type_data_view .info_area .basic_info_list li span { display: inline-block; font-weight: 400; font-size: 15px; line-height: 22px; color: #787878; }
.solution_section .result_contents_area.type_data_view .info_area .basic_info_list .btn { width: 22px; height: 22px; display: inline-block; background-image: url(../image_himmune/icon_info01.svg); background-repeat: no-repeat; background-position: center; }
.solution_section .result_contents_area.type_data_view .info_area .attention_list ul { margin-top: 16px; display: flex; justify-content: space-between; flex-wrap: wrap; }
.solution_section .result_contents_area.type_data_view .info_area .attention_list .box:nth-of-type(n+4) { margin-top: 12px; }
.solution_section .result_contents_area.type_data_view .info_area .attention_list .box { width:calc(33% - 12px); height: 96px; background-color: #ffffff; border: 1px solid #e9e9e9; border-radius: 0px; text-align: center; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: center; cursor: pointer; }
.solution_section .result_contents_area.type_data_view .info_area .attention_list .box i { display: inline-block; width: 48px; height: 48px; background-repeat: no-repeat; background-position: center center; }
.solution_section .result_contents_area.type_data_view .info_area .attention_list .box:nth-of-type(1) i { background-image: url(../image_himmune/icon_result01.svg); }
.solution_section .result_contents_area.type_data_view .info_area .attention_list .box:nth-of-type(2) i { background-image: url(../image_himmune/icon_result02.svg); }
.solution_section .result_contents_area.type_data_view .info_area .attention_list .box:nth-of-type(3) i { background-image: url(../image_himmune/icon_result03.svg); }
.solution_section .result_contents_area.type_data_view .info_area .attention_list .box:nth-of-type(4) i { background-image: url(../image_himmune/icon_result04.svg); }
.solution_section .result_contents_area.type_data_view .info_area .attention_list .box:nth-of-type(5) i { background-image: url(../image_himmune/icon_result05.svg); }
.solution_section .result_contents_area.type_data_view .info_area .attention_list .box:nth-of-type(6) i { background-image: url(../image_himmune/icon_result06.svg); }
.solution_section .result_contents_area.type_data_view .info_area .attention_list .box span { display: inline-block; margin-top: 2px; font-weight: 500; font-size: 15px; line-height: 22px; }
.solution_section .result_contents_area.type_data_view .info_area .attention_list .box.on { background-color: rgba(53, 141, 255, 0.1); border: 1px solid #358dff; }
.solution_section .result_contents_area.type_data_view .info_area .attention_list .box.warning::after { content: ""; display: inline-block; width: 16px; height: 16px; background-image: url(../image_himmune/icon_warning.svg); background-repeat: no-repeat; background-position: center center; position: absolute; left: 6px; top: 6px; }
.solution_section .result_contents_area.type_data_view .data_view_table { margin-top: 16px; display: none; border-radius: 0; overflow: hidden; }
.solution_section .result_contents_area.type_data_view .data_view_table thead th { background-color: #f4f4f4; font-weight: 500; font-size: 15px; height: 36px; line-height: 36px; text-align: left; padding-left: 12px; }
.solution_section .result_contents_area.type_data_view .data_view_table tbody td { padding: 10px 0 10px 12px;  }
.solution_section .result_contents_area.type_data_view .data_view_table tbody td { border-bottom: 1px solid #e9e9e9; }
.solution_section .result_contents_area.type_data_view .data_view_table tbody td:nth-child(1) { font-weight: 400; font-size: 15px; line-height: 22px; }
.solution_section .result_contents_area.type_data_view .data_view_table tbody td:nth-child(2) { font-weight: 400; font-size: 15px; line-height: 22px; }
.solution_section .result_contents_area.type_data_view .data_view_table tbody td:nth-child(3) { font-weight: 400; font-size: 15px; line-height: 22px; color: #787878; }
.solution_section .result_contents_area.type_data_view .data_view_table tbody td:nth-child(4) { font-weight: 600; font-size: 15px; line-height: 22px; color: #358dff; }
.solution_section .result_contents_area.type_data_view .data_view_table tbody td:nth-child(4) i { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background-color: #358dff;  margin-right: 2px; }

.solution_section .result_contents_area.type_data_view .data_view_table tbody .warning td:nth-child(2) { color: #D10606; }
.solution_section .result_contents_area.type_data_view .data_view_table tbody .warning td:nth { color: #D10606; }
.solution_section .result_contents_area.type_data_view .data_view_table tbody .warning td:nth-child(4) { color: #D10606; }
.solution_section .result_contents_area.type_data_view .data_view_table tbody .warning td:nth-child(4) i { background-color: #D10606; }
.solution_section .result_contents_area.type_data_view .data_view_table.active { display: table; }
.solution_section .result_contents_area.type_data_view .result_guide_area { margin-top: 16px; display: flex; justify-content: flex-start; align-items: flex-start; }
.solution_section .result_contents_area.type_data_view .result_guide_area i { display: inline-block; width: 24px; height: 24px; background-image: url(../image_himmune/icon_info01.svg); background-repeat: no-repeat; background-position: center; }
.solution_section .result_contents_area.type_data_view .result_guide_area .guide_text { margin-left: 4px; font-weight: 400; font-size: 15px; line-height: 22px; color: #787878; }

.solution_section .result_contents_area.nuts_info01 .contents_area,
.solution_section .result_contents_area.nuts_info02 .contents_area { margin-top: 16px; }

.solution_section .result_contents_area.nuts_info01 .contents_area .list_title { font-weight: 700; font-size: 18px; line-height: 24px; color: #358dff; display: block; }
.solution_section .result_contents_area.nuts_info01 .contents_area .inner_box { border: 1px solid #e9e9e9; border-radius: 0px; padding: 12px 0px 12px 16px; margin-top: 8px; } 

.solution_section .result_contents_area.nuts_info01 .contents_area .scroll_area { width: 100%; max-height: 270px; overflow-y: scroll; padding-right: 4px; position: relative;  -ms-overflow-style: none; scrollbar-width: none; overflow: scroll; position: relative; height: 178px; padding-right: 16px; }
.solution_section .result_contents_area.nuts_info01 .contents_area .scroll_area::-webkit-scrollbar { display: none; }
.solution_section .result_contents_area.nuts_info01 .contents_area .scroll_area .bar_wrap { display: inline-block; position: absolute; width: 2px; height: 100%; right: 4px; top: 0; background-color: transparent; overflow: hidden; background-color: transparent }
.solution_section .result_contents_area.nuts_info01 .contents_area .scroll_area .bar { content:""; display: inline-block; position: absolute; width: 2px; right: 0; top: 0; border-radius: 2px; background: rgba(200, 200, 200, 0.5); }



.solution_section .result_contents_area.nuts_info01 .contents_area .inner_box .list_inner_title { font-weight: 700; font-size: 16px; line-height: 24px; color: #358dff; display: block; }
.solution_section .result_contents_area.nuts_info01 .contents_area .inner_box .inner_text { margin-top: 4px; font-weight: 400; font-size: 15px; line-height: 22px; }
.solution_section .result_contents_area.nuts_info01 .contents_area .inner_box .inner_text + .list_inner_title { margin-top: 12px; }
.solution_section .result_contents_area.nuts_info01 .contents_area .swiper-wrapper { height: inherit; }
.solution_section .result_contents_area.nuts_info01 .swiper-pagination { margin-top: 8px; width: 100%; }
.solution_section .result_contents_area.nuts_info01 .swiper-pagination .swiper-pagination-bullet { width: 8px; height: 8px; display: inline-block; transition: width 0.5s; border-radius: 33px; background-color: #c8c8c8; opacity: 1; }
.solution_section .result_contents_area.nuts_info01 .swiper-pagination .swiper-pagination-bullet + .swiper-pagination-bullet { margin-left: 8px; }
.solution_section .result_contents_area.nuts_info01 .swiper-pagination .swiper-pagination-bullet-active { width: 24px; border-radius: 33px; background-color: #358dff; } 

.solution_section .result_contents_area .area_title + .area_sub_title { margin-top: 4px; font-weight: 400; font-size: 15px; line-height: 22px; color: #787878; }
.solution_section .result_contents_area.nuts_info02 .warning_info_area .box_title { font-weight: 700; font-size: 18px; line-height: 24px; color: #D10606; }
.solution_section .result_contents_area.nuts_info02 .warning_info_area .warning_data_box { margin-top: 8px; background-color: #ffffff; border: 1px solid #e9e9e9; border-radius: 0px; padding: 12px 16px; }
.solution_section .result_contents_area.nuts_info02 .warning_info_area .warning_data_box li { display: flex; justify-content: flex-start; align-items: center; }
.solution_section .result_contents_area.nuts_info02 .warning_info_area .warning_data_box li + li { margin-top: 8px; }
.solution_section .result_contents_area.nuts_info02 .warning_info_area .warning_data_box li i { display: inline-block; width: 16px; height: 16px; background-image: url(../image_himmune/icon_warning.svg); background-repeat: no-repeat; background-position: center; background-size: 16px; }
.solution_section .result_contents_area.nuts_info02 .warning_info_area .warning_data_box li p { padding-left: 4px; font-weight: 600; font-size: 15px; line-height: 22px; }
.solution_section .result_contents_area.nuts_info02 .warning_info_area .warning_data_box + .box_title { margin-top: 12px; }

.solution_section .result_contents_area.type_age01 .contents_area { margin-top: 8px; }
.solution_section .result_contents_area.type_age01 .data_view_wrap { position: relative; height: 84px; width: 100%; }
.solution_section .result_contents_area.type_age01 .data_view_wrap .box_flex_wrap { width: 100%; height: 100%; display: flex; justify-content: space-between; align-items: flex-start; }
.solution_section .result_contents_area.type_age01 .data_view_wrap .box_flex_wrap .data_view_box { width: calc(50% - 20px); height: 100%; background-color: #ffffff; border: 1px solid #e9e9e9; border-radius: 0px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.solution_section .result_contents_area.type_age01 .data_view_wrap .box_flex_wrap .data_view_box  .title { font-weight: 500; font-size: 15px; line-height: 22px; color: #787878; }
.solution_section .result_contents_area.type_age01 .data_view_wrap .box_flex_wrap .data_view_box .age { font-weight: 600; font-size: 32px; line-height: 38px; }

.solution_section .result_contents_area.type_age01.type_red .data_view_wrap .box_flex_wrap .data_view_box:last-of-type .age { color: #D10606 }
.solution_section .result_contents_area.type_age01.type_blue .data_view_wrap .box_flex_wrap .data_view_box:last-of-type .age { color: #358dff; }

.solution_section .result_contents_area.type_age01 .data_view_wrap .arrow_area { position: absolute; top: 11px; left: 50%; transform: translateX(-50%); width: 76px; height: 60px; background-repeat: no-repeat; background-position: center; line-height: 60px; font-weight: 600; font-size: 18px; color: #ffffff; padding-left: 6px; }
.solution_section .result_contents_area.type_age01.type_red .data_view_wrap .arrow_area { background-image: url(../image_himmune/icon_arrow_red.svg); }
.solution_section .result_contents_area.type_age01.type_blue .data_view_wrap .arrow_area { background-image: url(../image_himmune/icon_arrow_blue.svg); }
.solution_section .result_contents_area.type_age02 .contents_area { margin-top: 12px; }
.solution_section .result_contents_area.type_age02 .contents_area .img_view_box img { width: 100%; }

.solution_section .result_contents_area.type_age02 .contents_area .graph_area { margin-top: 35px; display: flex; justify-content: space-between; align-items: flex-start; height: 412px; }
.solution_section .result_contents_area.type_age02 .contents_area .graph_area .left_side_area { width: 88px; height: calc(100% - 6px); margin-top: -8px; }
.solution_section .result_contents_area.type_age02 .contents_area .graph_area .left_side_area ul { display: flex; flex-direction: column; justify-content: space-between; height: 100%; }
.solution_section .result_contents_area.type_age02 .contents_area .graph_area .left_side_area li { font-weight: 500; font-size: 15px; line-height: 22px; }
.solution_section .result_contents_area.type_age02 .contents_area .graph_area .right_side_area { width: calc(100% - 88px); }

.solution_section .result_contents_area.type_age02 .contents_area .graph_area .right_side_area ul { display: flex; flex-direction: column; position: relative; }
.solution_section .result_contents_area.type_age02 .contents_area .graph_area .right_side_area ul::after { position: absolute; left: 50%; transform: translateX(-50%); width: 0px; border-left: 1px dashed #c8c8c8; content: ""; display: inline-block; height: 100%; } 
.solution_section .result_contents_area.type_age02 .contents_area .graph_area .right_side_area ul li + li { margin-top: 58px;  } 
.solution_section .result_contents_area.type_age02 .contents_area .graph_area .right_side_area .bar_wrap { background-color: #e9e9e9; border-radius: 33px; position: relative; width: 100%; height: 6px;}
.solution_section .result_contents_area.type_age02 .contents_area .graph_area .right_side_area .bar_wrap .bar.type_blue { position: absolute; right: 50%; top: 0; }
.solution_section .result_contents_area.type_age02 .contents_area .graph_area .right_side_area .bar_wrap .bar.type_red { position: absolute; left: 50%; top: 0; }

.solution_section .result_contents_area.type_age02 .contents_area .graph_area .right_side_area .bar_wrap .bar .point_wrap { width: 10px; height: 10px; display: inline-block; background-color: #ffffff; border-radius: 50%; position: relative; top: -2px; z-index: 1; }
.solution_section .result_contents_area.type_age02 .contents_area .graph_area .right_side_area .bar_wrap .bar .point_wrap .label { position: absolute; left: 50%; transform: translateX(-50%); top: -23px; background-color: #ffffff; border: 1px solid; border-radius: 52px; padding: 0 6px; height: 19px; line-height: 18px; font-weight: 600; font-size: 11px; white-space: normal; box-sizing: border-box; }
.solution_section .result_contents_area.type_age02 .contents_area .graph_area .right_side_area .bar_wrap .bar .point_wrap .age { position: absolute; left: 50%; bottom: -22px; font-weight: 600; font-size: 14px; line-height: 20px; transform: translateX(-50%); display: inline-block; white-space: nowrap; }

.solution_section .result_contents_area.type_age02 .contents_area .graph_area .right_side_area .bar_wrap .bar { position: absolute; }
.solution_section .result_contents_area.type_age02 .contents_area .graph_area .right_side_area .bar_wrap .bar .point_wrap { position: absolute; }
.solution_section .result_contents_area.type_age02 .contents_area .graph_area .right_side_area .bar_wrap .bar.type_blue .point_wrap { left: -5px; }
.solution_section .result_contents_area.type_age02 .contents_area .graph_area .right_side_area .bar_wrap .bar.type_red .point_wrap { right: -5px; }

.solution_section .result_contents_area.type_age02 .contents_area .graph_area .right_side_area .bar_wrap .bar.type_blue .point_wrap { border: 2px solid #358DFF; }
.solution_section .result_contents_area.type_age02 .contents_area .graph_area .right_side_area .bar_wrap .bar.type_blue .point_wrap .label { border-color: #358DFF; color: #358DFF; }
.solution_section .result_contents_area.type_age02 .contents_area .graph_area .right_side_area .bar_wrap .bar.type_blue .point_wrap .age { color: #358DFF; }

.solution_section .result_contents_area.type_age02 .contents_area .graph_area .right_side_area .bar_wrap .bar { height: 100%; }
.solution_section .result_contents_area.type_age02 .contents_area .graph_area .right_side_area .bar_wrap .bar.type_blue { background: rgba(53, 141, 255, 0.6); }
.solution_section .result_contents_area.type_age02 .contents_area .graph_area .right_side_area .bar_wrap .bar.type_red { background:  rgba(209, 6, 6, 0.6);; }
.solution_section .result_contents_area.type_age02 .contents_area .graph_area .right_side_area .bar_wrap .bar.type_red .point_wrap { border: 2px solid #D10606; }
.solution_section .result_contents_area.type_age02 .contents_area .graph_area .right_side_area .bar_wrap .bar.type_red .point_wrap .label { border-color: #D10606; color: #D10606; }
.solution_section .result_contents_area.type_age02 .contents_area .graph_area .right_side_area .bar_wrap .bar.type_red .point_wrap .age { color: #D10606; }

.popup.popup_type_himmune01 { border-radius: 0px; padding: 16px 24px 24px; width: 312px; }
.popup.popup_type_himmune01 .popup_title { margin-top: 8px; font-weight: 700; font-size: 22px; line-height: 28px; }
.popup.popup_type_himmune01 .popup_sub_title { margin-top: 4px; font-weight: 400; font-size: 15px; line-height: 22px; color: #787878; }
.popup.popup_type_himmune01 .inner_text_box { margin-top: 8px; background-color: rgba(53,141,255,0.1); border-radius: 0px; padding: 12px; }
.popup.popup_type_himmune01 .inner_text_box .box_title { font-weight: 600; font-size: 16px; line-height: 24px; color: #358DFF; }
.popup.popup_type_himmune01 .inner_text_box .text_list { margin-top: 8px; }
.popup.popup_type_himmune01 .inner_text_box .text_list li { padding-left: 10px; font-weight: 400; font-size: 13px; line-height: 20px; position: relative; }
.popup.popup_type_himmune01 .inner_text_box .text_list li::before { content: ""; width: 3px; height: 3px; position: absolute; left: 2px; top: 8px; background-color: #080808; border-radius: 50%; }
.popup.popup_type_himmune01 .inner_text_box .text_list li + li { margin-top: 4px; }

/* 480 -> */
.section_wrap { min-height: inherit; }
    
section.intro_section .bot_btn_area { position: static; width: 100%; transform: none; }
.certi_wrap .certi_chk_area { height: inherit; }
.certi_wrap .certi_chk_area{ padding-bottom: 0; }
.certi_wrap .certi_chk_area.none_scroll { padding-bottom: 0; height: auto; overflow:visible; }
section.survey_section .title_area { position: static; }
section.survey_section .scroll_area { padding-top: 0; padding-bottom: 0; }
section.survey_section .bot_btn_area { position: static; width: 100%; transform: none; }
section.survey_section .bot_btn_area { padding: 0; background: none; box-shadow: none; }
section.survey_section .chk_list_area.type01 li { margin-right: 8px; }
/* <- 480 */