main.report_view_type { padding: 48px 24px 112px; padding-bottom: calc(constant(safe-area-inset-bottom) + 112px); padding-bottom: calc(env(safe-area-inset-bottom) + 112px); }
main.report_view_type header { position: fixed; left: 50%; transform: translateX(-50%); width: 100%; max-width: 768px; text-align: center; background-color: #ffffff; top: 0; height: 48px; z-index: 100; }
main.report_view_type header .back_btn { position: absolute; left: 24px; top: 50%; transform: translateY(-50%); width: 24px; height: 24px; background-image: url(../image/icon_arrow_back.svg); background-repeat: no-repeat; background-position: center center; text-indent: -999999px; overflow: hidden; }
main.report_view_type header .header_title { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-weight: 400; font-size: 16px; line-height: 24px; color: #333333; }
main.report_view_type header .home_btn { position: absolute; right: 24px; top: 50%; transform: translateY(-50%); width: 24px; height: 24px; background-image: url(../image/icon_home.svg); background-repeat: no-repeat; background-position: center center; text-indent: -999999px; overflow: hidden; }
main.report_view_type { position: relative; }
main.report_view_type .contents_wrap .contents_main_title { margin-top: 24px; font-weight: 600; font-size: 32px; line-height: 38px; color: #005dea; }
main.report_view_type .contents_wrap .contents_main_title + .report_contents_box { margin-top: 34px; }
main.report_view_type.btn_posA { padding-bottom: 128px; padding-bottom: calc(constant(safe-area-inset-bottom) + 128px); padding-bottom: calc(env(safe-area-inset-bottom) + 128px); }
main.btn_posA .main_btn_area { position: absolute; }
main.intro_view_type { padding: 86px 24px 112px; padding-bottom: calc(constant(safe-area-inset-bottom) + 112px); padding-bottom: calc(env(safe-area-inset-bottom) + 112px); position: relative; }
main.intro_view_type .header_text { position: absolute; left: 24px; top: 28px; }
main.intro_view_type .header_text { font-weight: 600; font-size: 14px; line-height: 20px; color: #d0d0d0; }
.main_btn_area { position: fixed; bottom: 0px; padding: 24px 24px 24px; padding-bottom: calc(constant(safe-area-inset-bottom) + 24px); padding-bottom: calc(env(safe-area-inset-bottom) + 24px); width: 100%; left: 50%; transform: translateX(-50%); background: linear-gradient(360deg, #FFFFFF 64.42%, rgba(255, 255, 255, 0) 100%); z-index: 100; max-width: 768px; }
.main_btn_area .main_btn_wrap { height: 56px; width: 100%; display: flex; justify-content: space-between; align-items: center; }
.main_btn_area .main_btn_wrap .main_btn { height: 100%; line-height: 56px; font-weight: 600; font-size: 16px; border-radius: 4px; }
.main_btn_area.type_one_btn .main_btn { width: 100%; }
.main_btn_area.type_two_btn .main_btn { width: calc(50% - 4px); }
.main_btn_area .main_btn_wrap .main_btn:nth-child(1) { background-color: #ffffff; border: 1px solid #005dea; color: #005dea; }
.main_btn_area .main_btn_wrap .main_btn:nth-child(2) { background-color: #005DEA; border: 1px solid #005dea; color: #ffffff; }
.main_btn_area.type_one_btn .main_btn_wrap .main_btn { background-color: #005DEA; border: 1px solid #005dea; color: #ffffff; }
.main_btn_area.type_one_btn.typeB .main_btn_wrap .main_btn { background-color: #ffffff; border: 1px solid #005dea; color: #005dea; }
.main_btn_area .go_top { position: fixed; right: 24px; bottom: 89px; bottom: calc(constant(safe-area-inset-bottom) + 89px); bottom: calc(env(safe-area-inset-bottom) + 89px); display: inline-block; width: 40px; height: 40px; background-color: #ffffff; border: 1px solid #ededed; border-radius: 4px; z-index: 101; background-image: url(../image/icon_arrow_goup.svg); background-repeat: no-repeat; background-position: center center; display: none; }
/* 인트로 */
.intro_view_wrap .wrap_title { font-weight: 600; font-size: 24px; line-height: 29px; }
.intro_view_wrap .wrap_title em { color: #005dea; }
.intro_view_wrap .wrap_title + .intro_info_area { margin-top: 32px; }
.intro_view_wrap .intro_info_area + .intro_info_area { margin-top: 24px; }
.intro_view_wrap .intro_info_area .area_title { font-weight: 600; font-size: 18px; line-height: 22px}

.intro_view_wrap .intro_info_area .area_box { margin-top: 8px; background-color: #ffffff; border: 1px solid #d6d6d6; border-radius: 8px; padding: 16px 24px; }
.intro_view_wrap .intro_info_area .area_box li { display: flex; justify-content: space-between; align-items: center; }
.intro_view_wrap .intro_info_area .area_box li + li { margin-top: 8px; }
.intro_view_wrap .intro_info_area .area_box li .list_title { font-weight: 400; font-size: 15px; line-height: 20px; color: #666666; }
.intro_view_wrap .intro_info_area .area_box li .data { font-weight: 600; font-size: 16px; line-height: 20px; }
.contents_select_wrap { margin-top: 38px; }
.contents_select_wrap .wrap_title { font-weight: 600; font-size: 24px; line-height: 29px; }
.contents_select_wrap .wrap_title em { color: #005dea; }
.contents_select_wrap .select_contents_area { margin-top: 32px; }
.contents_select_wrap .select_contents_area .contents_wrap li .link { width: 100%; height: 64px; display: flex; justify-content: flex-start; align-items: center; padding: 0 16px; background-color: #ffffff; border: 1px solid #d6d6d6; border-radius: 8px; font-weight: 600; font-size: 16px; background-image: url(../image/icon_arrow_link.svg); background-repeat: no-repeat; background-position: calc(100% - 20px) center; box-sizing: border-box; }
.contents_select_wrap .select_contents_area .contents_wrap li + li { margin-top: 12px; }
.contents_select_wrap .select_contents_area .contents_wrap li .link .label { display: inline-block; margin-left: 4px; background-color: rgba(0,93,234,0.1); border-radius: 4px; padding: 0 8px; height: 20px; line-height: 20px; font-weight: 600; font-size: 12px; color: #005dea; }
.contents_select_wrap .select_contents_area .contents_wrap .list_sub_text { margin-top: 12px; font-weight: 400; font-size: 14px; line-height: 18px; color: #666666; }
.contents_select_wrap .select_disease_area { margin-top: 20px; }
.contents_select_wrap .select_disease_area ul { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; }
.contents_select_wrap .select_disease_area ul li { width: calc(50% - 6px); margin-bottom: 12px; }
.contents_select_wrap .select_disease_area ul li .link { height: 56px; line-height: 56px; display: inline-block; width: 100%; border: 1px solid #d6d6d6; border-radius: 6px; background-color: #ffffff; font-weight: 600; font-size: 16px; }
/* 타이틀 영역 */
main.report_view_type .report_contents_box .contents_title_area { position: relative; }
main.report_view_type .report_contents_box .contents_title_area .contents_title { font-weight: 600; font-size: 18px; line-height: 22px; display: flex; justify-content: flex-start; align-items: center; }
main.report_view_type .report_contents_box .contents_title_area .contents_title .title_sub_text { margin-left: 4px; font-weight: 400; font-size: 11px; color: #666666; line-height: 22px; display: inline-block; }
main.report_view_type .report_contents_box .contents_title_area .contents_sub_text { margin-top: 6px; font-weight: 400; font-size: 15px; line-height: 20px; color: #666666; }
.contents_main_sub_text { margin-top: 6px; font-weight: 400; font-size: 15px; line-height: 20px; color: #666666; }
.report_contents_box + .report_contents_box { margin-top: 32px; }
.report_contents_box .source { margin-top: 4px; font-weight: 400; font-size: 11px; line-height: 15px; color: #666666; }
.report_contents_box .contents_title_area .contents_title .source { line-height: 22px; margin: 0; display: inline-block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.report_contents_box .contents_title_area .contents_sub_guide_text { margin-top: 4px; font-weight: 400; font-size: 12px; line-height: 15px; color: #005dea; }
.report_contents_box .contents_title_area .label { position: absolute; right: 0; top: -2px; background-color: #ffffff; border: 1px solid; border-radius: 8px; font-weight: 600; font-size: 16px; width: 56px; height: 26px; line-height: 26px; text-align: center; display: inline-block; }
.report_contents_box.type_red .contents_title_area .label { border-color: #FF4F4F; color: #FF4F4F; }
.report_contents_box.type_orange .contents_title_area .label { border-color: #FF6F1E; color: #FF6F1E; }
.report_contents_box.type_yellow .contents_title_area .label { border-color: #FFC01E; color: #FFC01E; }
.report_contents_box.type_blue .contents_title_area .label { border-color: #005DEA; color: #005DEA; }
.report_contents_box .graph_guide_label { position: absolute; top: 0; right: 0; padding: 0 8px; height: 23px; line-height: 23px; background-color: #f3f3f3; border-radius: 4px; display: flex; justify-content: center; align-items: center; }
.report_contents_box .graph_guide_label .guide_wrap { display: flex; align-items: center; }
.report_contents_box .graph_guide_label i { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 4px; }
.report_contents_box .graph_guide_label .guide_wrap + .guide_wrap { margin-left: 6px; }
.report_contents_box .graph_guide_label .type_blue i { background-color: #005DEA; }
.report_contents_box .graph_guide_label .type_red i { background-color: #FF4F4F; }
.report_contents_box .graph_guide_label .guide_wrap span { font-weight: 600; font-size: 10px; }
/* 컨텐츠 - 일반 */
.contentx_box_sub_text_box { background-color: #f3f3f3; border-radius: 6px; padding: 12px 16px; font-weight: 400; font-size: 14px; line-height: 18px; color: #666666; }
.report_contents_box + .contentx_box_sub_text_box { margin-top: 8px; }
.contentx_box_sub_text_box + .report_contents_box { margin-top: 32px; }
.report_contents_box.type_summary01 { background-color: #ffcbcb; border-radius: 6px; padding: 16px; }
.report_contents_box.type_summary01 p { font-weight: 600; font-size: 16px; line-height: 20px; text-align: center; }
.report_contents_box.type_summary01 p em { color: #FF4F4F; }
.report_contents_box .contents_view_area { margin-top: 8px; }
.report_contents_box .contents_view_area .data_view_wrap { margin-top: 8px; }
.report_contents_box.type_age01 .contents_view_area .data_view_wrap { padding: 12px; background-color: #f3f3f3; border-radius: 6px; position: relative; }
.report_contents_box.type_age01 .contents_view_area .data_view_wrap .box_flex_wrap { display: flex; justify-content: space-between; align-items: center; }
.report_contents_box.type_age01 .contents_view_area .data_view_wrap .data_view_box { width: calc(50% - 24px); height: 80px; background-color: #ffffff; border: 1px solid #d6d6d6; border-radius: 8px; text-align: center; padding: 12px 0; min-width: 120px; }
.report_contents_box.type_age01 .contents_view_area .data_view_wrap .data_view_box p { white-space: nowrap; }
.report_contents_box.type_age01 .contents_view_area .data_view_wrap .data_view_box .title { font-weight: 600; font-size: 14px; line-height: 18px; color: #666666; }
.report_contents_box.type_age01 .contents_view_area .data_view_wrap .data_view_box .age { font-weight: 600; font-size: 32px; line-height: 38px; }
.report_contents_box.type_age01 .contents_view_area.type_red .data_view_wrap .data_view_box:last-of-type .age { color: #FF4F4F; }
.report_contents_box.type_age01 .contents_view_area.type_blue .data_view_wrap .data_view_box:last-of-type .age { color: #005DEA; }
.report_contents_box.type_age01 .contents_view_area .data_view_wrap .arrow_area { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 76px; height: 60px; padding-left: 6px; line-height: 60px; font-weight: 700; font-size: 18px; color: #ffffff; z-index: 1; }
.report_contents_box.type_age01 .contents_view_area.type_red .data_view_wrap .arrow_area { background-image: url(../image/icon_arrow01_red.svg); }
.report_contents_box.type_age01 .contents_view_area.type_blue .data_view_wrap .arrow_area { background-image: url(../image/icon_arrow01_blue.svg); }
.report_contents_box.type_age01 .contents_view_area .box_sub_text { margin-top: 6px; font-weight: 600; font-size: 13px; line-height: 18px; }
.report_contents_box.type_age01 .contents_view_area.type_red .box_sub_text em { color: #ff4f4f; }
.report_contents_box.type_age01 .contents_view_area.type_blue .box_sub_text em { color: #005DEA; }
.report_contents_box.type_label01 .contents_view_area .data_view_wrap { padding: 12px 0; background-color: #f3f3f3; border-radius: 6px; justify-content: center; align-items: center; display: flex; }
.report_contents_box.type_label01 .contents_view_area .data_view_wrap li { display: flex; justify-content: center; align-items: center; }
.report_contents_box.type_label01 .contents_view_area .data_view_wrap li + li { margin-top: 8px; }
.report_contents_box.type_label01 .contents_view_area .data_view_wrap .label_box { width: 72px; height: 52px; background-color: #ffffff; border: 1px solid #d6d6d6; border-radius: 8px; text-align: center; padding: 5px 0; }
.report_contents_box.type_label01 .contents_view_area .data_view_wrap .label_box + .label_box { margin-left: 8px; }
.report_contents_box.type_label01 .contents_view_area .data_view_wrap .label_box .title { font-weight: 400; font-size: 11px; line-height: 15px; white-space: nowrap; }
.report_contents_box.type_label01 .contents_view_area .data_view_wrap .label_box .state { font-weight: 600; font-size: 20px; line-height: 26px; white-space: nowrap; }
.report_contents_box.type_label01 .contents_view_area .data_view_wrap .label_box.type_blue .state { color: #005dea; }
.report_contents_box.type_label01 .contents_view_area .data_view_wrap .label_box.type_yellow .state { color: #FFC01E; }
.report_contents_box.type_label01 .contents_view_area .data_view_wrap .label_box.type_red { border: 1px solid #FF4F4F; }
.report_contents_box.type_label01 .contents_view_area .data_view_wrap .label_box.type_red .state { color: #FF4F4F; }
.report_contents_box.type_label01 .contents_view_area .data_view_wrap .label_box.type_gray .state { color: #666666; }
.report_contents_box.type_label01 .contents_view_area .data_view_wrap .label_box.type_orange .state { color: #FF6F1E; }
.report_contents_box.type_label01 .contents_view_area .data_view_wrap .label_box .state.type_small { font-weight: 600; font-size: 16px; }
.report_contents_box.type_bar01 .contents_view_area { background-color: #f3f3f3; border-radius: 6px; padding: 8px 6px 6px; }
.report_contents_box.type_bar01 .data_view_wrap { display: flex; flex-direction: column; }
.report_contents_box.type_bar01 .bar_wrap { display: flex; justify-content: space-between; padding: 30px 6px 0; }
.report_contents_box.type_bar01 .bar_wrap .bar_area { width: calc(12.5% - 4px); position: relative; }
.report_contents_box.type_bar01 .bar_wrap .bar_area .bar { width: 100%; height: 5px; position: relative; }
.report_contents_box.type_bar01 .bar_wrap .bar_area .label { display: none; position: absolute; top: -30px; width: 43px; height: 22px; line-height: 20px; border: 1.5px solid; border-radius: 4px; text-align: center; box-sizing: border-box; font-weight: 600; font-size: 12px; left: 50%; transform: translateX(-50%); }
.report_contents_box.type_bar01 .bar_wrap .bar_area:nth-child(1) .label, .report_contents_box.type_bar01 .bar_wrap .bar_area:nth-child(2) .label { color: #005dea; border-color: #005dea; background-color: rgba(0, 93, 234, 0.1); }
.report_contents_box.type_bar01 .bar_wrap .bar_area:nth-child(3) .label, .report_contents_box.type_bar01 .bar_wrap .bar_area:nth-child(4) .label { color: #FFC01E; border-color: #FFC01E; background-color: rgba(255, 192, 30, 0.1); }
.report_contents_box.type_bar01 .bar_wrap .bar_area:nth-child(5) .label, .report_contents_box.type_bar01 .bar_wrap .bar_area:nth-child(6) .label { color: #FF6F1E; border-color: #FF6F1E; background-color: rgba(255, 111, 30, 0.1); }
.report_contents_box.type_bar01 .bar_wrap .bar_area:nth-child(7) .label, .report_contents_box.type_bar01 .bar_wrap .bar_area:nth-child(8) .label { color: #FF4F4F; border-color: #FF4F4F; background-color: rgba(255, 79, 79, 0.1); }
.report_contents_box.type_bar01 .bar_wrap .bar_area:nth-child(1) .bar { border-radius: 3px 0 0 3px; }
.report_contents_box.type_bar01 .bar_wrap .bar_area:nth-child(8) .bar { border-radius: 0 3px 3px 0; }
.report_contents_box.type_bar01 .bar_wrap .bar_area:nth-child(1) .bar, .report_contents_box.type_bar01 .bar_wrap .bar_area:nth-child(2) .bar { background-color: #005dea; }
.report_contents_box.type_bar01 .bar_wrap .bar_area:nth-child(3) .bar, .report_contents_box.type_bar01 .bar_wrap .bar_area:nth-child(4) .bar { background-color: #FFC01E; }
.report_contents_box.type_bar01 .bar_wrap .bar_area:nth-child(5) .bar, .report_contents_box.type_bar01 .bar_wrap .bar_area:nth-child(6) .bar { background-color: #FF6F1E; }
.report_contents_box.type_bar01 .bar_wrap .bar_area:nth-child(7) .bar, .report_contents_box.type_bar01 .bar_wrap .bar_area:nth-child(8) .bar { background-color: #FF4F4F; }
.report_contents_box.type_bar01 .bar_wrap .bar_area .bar .point { position: absolute; left: 50%; top: 50%; display: inline-block; width: 12px; height: 12px; background-color: #ffffff; border-radius: 50%; transform: translate(-50%,-50%); border: 3px solid; display: none; }
.report_contents_box.type_bar01 .bar_wrap .bar_area.active .bar .point { display: inline-block; }
.report_contents_box.type_bar01 .bar_wrap .bar_area:nth-child(1) .bar .point, .report_contents_box.type_bar01 .bar_wrap .bar_area:nth-child(2) .bar .point { border-color: #005dea; }
.report_contents_box.type_bar01 .bar_wrap .bar_area:nth-child(3) .bar .point, .report_contents_box.type_bar01 .bar_wrap .bar_area:nth-child(4) .bar .point { border-color: #FFC01E; }
.report_contents_box.type_bar01 .bar_wrap .bar_area:nth-child(5) .bar .point, .report_contents_box.type_bar01 .bar_wrap .bar_area:nth-child(6) .bar .point { border-color: #FF6F1E; }
.report_contents_box.type_bar01 .bar_wrap .bar_area:nth-child(7) .bar .point, .report_contents_box.type_bar01 .bar_wrap .bar_area:nth-child(8) .bar .point { border-color: #FF4F4F; }
.report_contents_box.type_bar01 .contents_view_area .text_wrap { margin-top: 6px; display: flex; justify-content: space-between; align-items: center; }
.report_contents_box.type_bar01 .contents_view_area .text_wrap .text { font-weight: 400; font-size: 15px; line-height: 20px; color: #666666; }
.report_contents_box.type_bar01 .bar_wrap .bar_area.active .label { display: inline-block; }
.report_contents_box.type_bar02 .contents_view_area { background-color: #f3f3f3; border-radius: 6px; padding: 36px 12px 6px; }
.report_contents_box.type_bar02 .contents_view_area .bar_wrap { width: 100%; height: 5px; position: relative; border-radius: 5px; background-color: #d6d6d6; }
.report_contents_box.type_bar02 .contents_view_area .bar_wrap .bar { height: 100%; position: absolute; left: 0; top: 0; border-radius: 5px; }
.report_contents_box.type_bar02.type_blue .contents_view_area .bar_wrap .bar { background-color: #005dea; }
.report_contents_box.type_bar02.type_yellow .contents_view_area .bar_wrap .bar { background-color: #FFC01E; }
.report_contents_box.type_bar02.type_orange .contents_view_area .bar_wrap .bar { background-color: #FF6F1E; }
.report_contents_box.type_bar02.type_red .contents_view_area .bar_wrap .bar { background-color: #FF4F4F; }
.report_contents_box.type_bar02 .contents_view_area .bar_wrap .point_box { position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 12px; height: 12px; }
.report_contents_box.type_bar02 .contents_view_area .bar_wrap .point_box .point { position: absolute; left: 0; top: 0; width: 12px; height: 12px; border-radius: 50%; background-color: #ffffff; border: 3px solid; }
.report_contents_box.type_bar02.type_blue .contents_view_area .bar_wrap .point_box .point { border-color: #005dea; }
.report_contents_box.type_bar02.type_yellow .contents_view_area .bar_wrap .point_box .point { border-color: #FFC01E; }
.report_contents_box.type_bar02.type_orange .contents_view_area .bar_wrap .point_box .point { border-color: #FF6F1E; }
.report_contents_box.type_bar02.type_red .contents_view_area .bar_wrap .point_box .point { border-color: #FF4F4F; }
.report_contents_box.type_bar02 .contents_view_area .bar_wrap .label { position: absolute; top: -25px; display: inline-block; width: 43px; height: 22px; border: 1.5px solid; border-radius: 4px; text-align: center; line-height: 20px; font-weight: 600; font-size: 12px; left: -15px; }
.report_contents_box.type_bar02.type_blue .contents_view_area .bar_wrap .label { border-color: #005dea; color: #005dea; background-color: rgba(0, 93, 234, 0.1); }
.report_contents_box.type_bar02.type_yellow .contents_view_area .bar_wrap .label { border-color: #FFC01E; color: #FFC01E; background-color: rgba(255, 192, 30, 0.1); }
.report_contents_box.type_bar02.type_orange .contents_view_area .bar_wrap .label { border-color: #FF6F1E; color: #FF6F1E; background-color: rgba(255, 111, 30, 0.1); }
.report_contents_box.type_bar02.type_red .contents_view_area .bar_wrap .label { border-color: #FF4F4F; color: #FF4F4F; background-color: rgba(255, 79, 79, 0.1); }
.report_contents_box.type_bar02 .contents_view_area .text_wrap { margin-top: 8px; display: flex; justify-content: space-between; align-items: center; }
.report_contents_box.type_bar02 .contents_view_area .text_wrap .text { font-weight: 400; font-size: 15px; line-height: 20px; color: #666666; }
.report_contents_box.type_bar03 .contents_view_area .bar_view_box { padding: 12px 16px; background-color: #f3f3f3; border-radius: 6px; }
.report_contents_box.type_bar03 .contents_view_area .bar_view_box .data_view_wrap { margin-top: 0; padding-top: 22px; display: flex; justify-content: space-between; align-items: center; }
.report_contents_box.type_bar03 .contents_view_area .bar_view_box .data_view_wrap .date { font-weight: 600; font-size: 11px; line-height: 15px; color: #666666; white-space: nowrap; }
.report_contents_box.type_bar03 .contents_view_area .bar_view_box .data_view_wrap .bar_wrap { margin: 0 4px; width: 100%; position: relative; background-color: #d6d6d6; border-radius: 5px; height: 5px; }
.report_contents_box.type_bar03 .contents_view_area .bar_view_box .data_view_wrap .bar_wrap .bar { height: 100%; border-radius: 5px; background-color: #005dea; position: absolute; left: 0; top: 0; }
.report_contents_box.type_bar03 .contents_view_area .bar_view_box .data_view_wrap .bar_wrap .point_box { width: 12px; height: 12px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.report_contents_box.type_bar03 .contents_view_area .bar_view_box .data_view_wrap .bar_wrap .point_box .point { display: inline-block; width: 100%; height: 100%; background-color: #ffffff; border-radius: 50%; border: 3px solid #005dea; }
.report_contents_box.type_bar03 .contents_view_area .bar_view_box .data_view_wrap .bar_wrap .point_box .label { position: absolute; top: -25px; width: 43px; height: 22px; background: rgba(0, 93, 234, 0.1); border: 1.5px solid #005DEA; border-radius: 4px; text-align: center; line-height: 20px; font-weight: 600; font-size: 12px; color: #005dea; left: -15px; }
.report_contents_box.type_bar03 .contents_view_area .bar_view_box .bar_sub_text { margin-top: 12px; font-weight: 400; font-size: 14px; line-height: 18px; color: #666666; }
.report_contents_box.type_bar03 .contents_view_area .text_view_box { margin-top: 8px; background-color: #f3f3f3; border-radius: 6px; padding: 12px 16px; }
.report_contents_box.type_bar03 .contents_view_area .text_view_box .box_title { font-weight: 600; font-size: 16px; line-height: 20px; }
.report_contents_box.type_bar03 .contents_view_area .text_view_box .box_text { font-weight: 400; font-size: 14px; line-height: 18px; margin-top: 6px; color: #666666; }
.report_contents_box.type_bar03 .contents_view_area .text_view_box .box_text b { font-weight: 600; }
.report_contents_box.type_label02 .contents_view_area { background-color: #f3f3f3; border-radius: 6px; padding: 12px 16px; }
.report_contents_box.type_label02 .contents_view_area .data_view_wrap { display: flex; justify-content: space-between; }
.report_contents_box.type_label02 .contents_view_area .data_view_wrap .label_wrap { width: 100px; display: flex; justify-content: center; align-items: center; }
.report_contents_box.type_label02 .contents_view_area .data_view_wrap .label_wrap .label { width: 100%; height: 56px; line-height: 54px; background-color: #ffffff; border: 1.5px solid; border-radius: 8px; text-align: center; font-weight: 600; font-size: 24px; }
.report_contents_box.type_label02.type_blue .contents_view_area .data_view_wrap .label_wrap .label { border-color: #005dea; color: #005dea; }
.report_contents_box.type_label02.type_yellow .contents_view_area .data_view_wrap .label_wrap .label { border-color: #FFC01E; color: #FFC01E; }
.report_contents_box.type_label02.type_red .contents_view_area .data_view_wrap .label_wrap .label { border-color: #FF4F4F; color: #FF4F4F; }
.report_contents_box.type_label02 .contents_view_area .text_wrap { width: calc(100% - 112px); font-weight: 400; font-size: 14px; line-height: 18px; color: #333333; }
.report_contents_box.type_graph01 .contents_view_area .graph_box_wrap { margin: 22px auto 0; width: 226px; height: 124px; display: flex; justify-content: space-between; }
.report_contents_box.type_graph01 .contents_view_area .graph_box_wrap .graph_box { display: flex; justify-content: center; align-items: center; flex-direction: column; }
.report_contents_box.type_graph01 .contents_view_area .graph_box_wrap .bar_wrap { height: 124px; width: 100%; }
.report_contents_box.type_graph01 .contents_view_area .graph_box_wrap .graph_box .bar { position: relative; width: 100%; min-height: 1%; }
.report_contents_box.type_graph01 .contents_view_area .graph_box_wrap .graph_box .bar:nth-child(1) { background-color: #FF7272; }
.report_contents_box.type_graph01 .contents_view_area .graph_box_wrap .graph_box .bar:nth-child(2) { background-color: #FFCD4B; }
.report_contents_box.type_graph01 .contents_view_area .graph_box_wrap .graph_box .bar:nth-child(3) { background-color: #689DEC; }
.report_contents_box.type_graph01 .contents_view_area .graph_box_wrap .graph_box .bar .bar_text { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); font-weight: 600; font-size: 14px; line-height: 18px; color: #333333; z-index: 1; }
.report_contents_box.type_graph01 .contents_view_area .graph_box_wrap .age_text { margin-top: 1px; display: block; text-align: center; font-weight: 400; font-size: 14px; line-height: 18px; color: #333333; }
.report_contents_box.type_graph01 .contents_view_area .graph_guide_view { margin: 8px auto; width: 209px; height: 24px; line-height: 24px; background-color: #f3f3f3; border-radius: 4px; display: flex; justify-content: center; align-items: center; }
.report_contents_box.type_graph01 .contents_view_area .graph_guide_view .text_box + .text_box { margin-left: 8px; }
.report_contents_box.type_graph01 .contents_view_area .graph_guide_view .text_box i { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 4px; }
.report_contents_box.type_graph01 .contents_view_area .graph_guide_view .text_box:nth-child(1) i { background-color: #689DEC; }
.report_contents_box.type_graph01 .contents_view_area .graph_guide_view .text_box:nth-child(2) i { background-color: #FFCD4B; }
.report_contents_box.type_graph01 .contents_view_area .graph_guide_view .text_box:nth-child(3) i { background-color: #FF7272; }
.report_contents_box.type_graph01 .contents_view_area .graph_guide_view .text_box .text { font-weight: 600; font-size: 12px; line-height: 16px; color: #333333; }
.report_contents_box.type_graph02 .contents_view_area .graph_box { padding: 10px 54px 10px 16px; background-color: #f3f3f3; border-radius: 6px; }
.report_contents_box.type_graph02 .contents_view_area .graph_box .graph_bar { position: relative; height: 10px; border-radius: 0 4px 4px 0; }
.report_contents_box.type_graph02.type_red .contents_view_area .graph_box .graph_bar { background-color: #FF4F4F; }
.report_contents_box.type_graph02.type_orange .contents_view_area .graph_box .graph_bar { background-color: #FF6F1E; }
.report_contents_box.type_graph02.type_yellow .contents_view_area .graph_box .graph_bar { background-color: #FFC01E; }
.report_contents_box.type_graph02.type_blue .contents_view_area .graph_box .graph_bar { background-color: #005DEA; }
.report_contents_box.type_graph02 .contents_view_area .graph_box .graph_bar .graph_text { position: absolute; right: -38px; top: 50%; transform: translateY(-50%); font-weight: 600; font-size: 14px; line-height: 18px; color: #666666; }
.report_contents_box.type_graph02 .contents_view_area .text_wrap { margin-top: 8px; background-color: #f3f3f3; border-radius: 6px; padding: 12px 16px; font-weight: 400; font-size: 14px; line-height: 18px; color: #666666; }
.report_contents_box.type_graph02.type_double .contents_view_area .graph_box .graph_bar .graph_text { right: -42px; }
.report_contents_box.type_graph02.type_double .graph_box .box_title { font-weight: 600; font-size: 14px; line-height: 18px; }
.report_contents_box.type_graph02.type_double .graph_box .box_title + .graph_wrap { margin-top: 4px; }
.report_contents_box.type_graph02.type_double .graph_box .box_title + .graph_wrap .graph_bar { background-color: #ff4f4f; }
.report_contents_box.type_graph02.type_double .graph_box .graph_wrap + .graph_wrap { margin-top: 8px; }
.report_contents_box.type_graph02.type_double .graph_box .graph_wrap + .graph_wrap .graph_bar { background-color: #005dea; }
.report_contents_box.type_graph02.type_double .contents_view_area .graph_box .graph_bar .graph_text { font-weight: 600; font-size: 14px; line-height: 18px; color: #666666; }
.report_contents_box.type_graph02.type_double .graph_box + .graph_box { margin-top: 8px; }
.report_contents_box.type_graph02 .contents_view_area .inner_text_box { margin-top: 12px; font-weight: 400; font-size: 14px; line-height: 18px; color: #666666; width: calc(100% + 38px)}

.report_contents_box.type_graph03 .contents_view_area { margin-top: 12px; }
.report_contents_box.type_graph03 .contents_view_area .graph_list_wrap ul { display: flex; justify-content: center; align-items: flex-start; width: 312px; margin: 0 auto; flex-wrap: wrap; }
.report_contents_box.type_graph03 .contents_view_area .graph_list_wrap ul .graph_box + .graph_box { margin-left: 36px; }
.report_contents_box.type_graph03 .contents_view_area .graph_list_wrap ul .graph_box:nth-of-type(2n+1) { margin-left: 0; }
.report_contents_box.type_graph03 .contents_view_area .graph_list_wrap ul .graph_box:nth-child(n+3) { margin-top: 12px; }
.report_contents_box.type_graph03 .contents_view_area .graph_list_wrap .text_wrap { margin-top: 2px; display: flex; justify-content: space-between; align-items: center; }
.report_contents_box.type_graph03 .contents_view_area .graph_list_wrap .text_wrap .title { font-weight: 600; font-size: 14px; line-height: 18px; color: #666666; }
.report_contents_box.type_graph03 .contents_view_area .graph_list_wrap .text_wrap .data { font-weight: 600; font-size: 14px; line-height: 18px; }
.report_contents_box.type_graph03 .contents_view_area .text_list_wrap { margin-top: 8px; padding: 16px; background-color: #f3f3f3; border-radius: 6px; }
.report_contents_box.type_graph03 .contents_view_area .text_list_wrap li { padding-left: 20px; position: relative; font-weight: 400; font-size: 13px; line-height: 18px; color: #666666; }
.report_contents_box.type_graph03 .contents_view_area .text_list_wrap li + li { margin-top: 6px; }
.report_contents_box.type_graph03 .contents_view_area .text_list_wrap li b { font-weight: 600; }
.report_contents_box.type_graph03 .contents_view_area .text_list_wrap li::after { content: ""; width: 3px; height: 3px; display: inline-block; background-color: #666666; position: absolute; left: 8px; top: 6px; border-radius: 50%; }
.report_contents_box.type_graph03 .graph_wrap { position: relative; }
.report_contents_box.type_graph03 .graph_wrap .arrow { position: absolute; display: inline-block; width: 11px; height: 25px; position: absolute; left: 50%; bottom: 0; background-image: url(../image/icon_pin.svg); background-repeat: no-repeat; background-position: center; z-index: 1; transform: translateX(-50%); }
.report_contents_box.type_graph03 .graph_wrap.type_div02 .arrow.type01 { transform: translate(-100%,10%) rotate(-50deg); }
.report_contents_box.type_graph03 .graph_wrap.type_div02 .arrow.type02 { transform: translate(-20%,10%) rotate(50deg); }
.report_contents_box.type_graph03 .graph_wrap.type_div03 .arrow.type01 { transform: translate(-100%,20%) rotate(-80deg); }
.report_contents_box.type_graph03 .graph_wrap.type_div03 .arrow.type02 { }
.report_contents_box.type_graph03 .graph_wrap.type_div03 .arrow.type03 { transform: translate(-20%,10%) rotate(80deg); }
.report_contents_box.type_graph03 .graph_wrap.type_div04 .arrow.type01 { transform: translate(-100%,20%) rotate(-80deg); }
.report_contents_box.type_graph03 .graph_wrap.type_div04 .arrow.type02 { transform: translate(-100%,10%) rotate(-20deg); }
.report_contents_box.type_graph03 .graph_wrap.type_div04 .arrow.type03 { transform: translate(-20%,10%) rotate(20deg); }
.report_contents_box.type_graph03 .graph_wrap.type_div04 .arrow.type04 { transform: translate(0%,18%) rotate(80deg); }
.report_contents_box.type_graph03 .graph_wrap.type_div05 .arrow.type01 { transform: translate(-100%,20%) rotate(-80deg); }
.report_contents_box.type_graph03 .graph_wrap.type_div05 .arrow.type02 { transform: translate(-100%,10%) rotate(-40deg); }
.report_contents_box.type_graph03 .graph_wrap.type_div05 .arrow.type03 { }
.report_contents_box.type_graph03 .graph_wrap.type_div05 .arrow.type04 { transform: translate(-20%,10%) rotate(40deg); }
.report_contents_box.type_graph03 .graph_wrap.type_div05 .arrow.type05 { transform: translate(0%,18%) rotate(80deg); }
.report_contents_box.type_graph04 .contents_view_area .graph_wrap { display: flex; justify-content: space-between; align-items: flex-end; width: 297px; margin: 12px auto 0; }
.report_contents_box.type_graph04 .contents_view_area .graph_wrap .bar { width: 12px; background-color: #ededed; border-radius: 4px 4px 0 0; }
.report_contents_box.type_graph04 .contents_view_area .graph_wrap .bar:nth-child(1) { height: 4px; }
.report_contents_box.type_graph04 .contents_view_area .graph_wrap .bar:nth-child(2) { height: 10px; }
.report_contents_box.type_graph04 .contents_view_area .graph_wrap .bar:nth-child(3) { height: 20px; }
.report_contents_box.type_graph04 .contents_view_area .graph_wrap .bar:nth-child(4) { height: 30px; }
.report_contents_box.type_graph04 .contents_view_area .graph_wrap .bar:nth-child(5) { height: 40px; }
.report_contents_box.type_graph04 .contents_view_area .graph_wrap .bar:nth-child(6) { height: 50px; }
.report_contents_box.type_graph04 .contents_view_area .graph_wrap .bar:nth-child(7) { height: 64px; }
.report_contents_box.type_graph04 .contents_view_area .graph_wrap .bar:nth-child(8) { height: 78px; }
.report_contents_box.type_graph04 .contents_view_area .graph_wrap .bar:nth-child(9) { height: 88px; }
.report_contents_box.type_graph04 .contents_view_area .graph_wrap .bar:nth-child(10) { height: 100px; }
.report_contents_box.type_graph04 .contents_view_area .graph_wrap .bar:nth-child(11) { height: 100px; }
.report_contents_box.type_graph04 .contents_view_area .graph_wrap .bar:nth-child(12) { height: 88px; }
.report_contents_box.type_graph04 .contents_view_area .graph_wrap .bar:nth-child(13) { height: 78px; }
.report_contents_box.type_graph04 .contents_view_area .graph_wrap .bar:nth-child(14) { height: 64px; }
.report_contents_box.type_graph04 .contents_view_area .graph_wrap .bar:nth-child(15) { height: 50px; }
.report_contents_box.type_graph04 .contents_view_area .graph_wrap .bar:nth-child(16) { height: 40px; }
.report_contents_box.type_graph04 .contents_view_area .graph_wrap .bar:nth-child(17) { height: 30px; }
.report_contents_box.type_graph04 .contents_view_area .graph_wrap .bar:nth-child(18) { height: 20px; }
.report_contents_box.type_graph04 .contents_view_area .graph_wrap .bar:nth-child(19) { height: 10px; }
.report_contents_box.type_graph04 .contents_view_area .graph_wrap .bar:nth-child(20) { height: 4px; }
.report_contents_box.type_graph04 .contents_view_area .graph_wrap .bar:nth-child(1).active, .report_contents_box.type_graph04 .contents_view_area .graph_wrap .bar:nth-child(2).active, .report_contents_box.type_graph04 .contents_view_area .graph_wrap .bar:nth-child(3).active, .report_contents_box.type_graph04 .contents_view_area .graph_wrap .bar:nth-child(4).active, .report_contents_box.type_graph04 .contents_view_area .graph_wrap .bar:nth-child(5).active, .report_contents_box.type_graph04 .contents_view_area .graph_wrap .bar:nth-child(6).active, .report_contents_box.type_graph04 .contents_view_area .graph_wrap .bar:nth-child(7).active, .report_contents_box.type_graph04 .contents_view_area .graph_wrap .bar:nth-child(8).active, .report_contents_box.type_graph04 .contents_view_area .graph_wrap .bar:nth-child(9).active, .report_contents_box.type_graph04 .contents_view_area .graph_wrap .bar:nth-child(10).active { background-color: #005DEA; }
.report_contents_box.type_graph04 .contents_view_area .graph_wrap .bar:nth-child(11).active, .report_contents_box.type_graph04 .contents_view_area .graph_wrap .bar:nth-child(12).active, .report_contents_box.type_graph04 .contents_view_area .graph_wrap .bar:nth-child(13).active, .report_contents_box.type_graph04 .contents_view_area .graph_wrap .bar:nth-child(14).active, .report_contents_box.type_graph04 .contents_view_area .graph_wrap .bar:nth-child(15).active, .report_contents_box.type_graph04 .contents_view_area .graph_wrap .bar:nth-child(16).active, .report_contents_box.type_graph04 .contents_view_area .graph_wrap .bar:nth-child(17).active, .report_contents_box.type_graph04 .contents_view_area .graph_wrap .bar:nth-child(18).active, .report_contents_box.type_graph04 .contents_view_area .graph_wrap .bar:nth-child(19).active, .report_contents_box.type_graph04 .contents_view_area .graph_wrap .bar:nth-child(20).active { background-color: #FF4F4F; }
.report_contents_box.type_graph04 .contents_view_area .text_wrap { margin: 2px auto 0; width: 312px; display: flex; justify-content: space-between; align-items: center; }
.report_contents_box.type_graph04 .contents_view_area .text_wrap .text { text-align: center; font-weight: 400; font-size: 11px; line-height: 15px; color: #666666; }
.report_contents_box.type_graph05 .contents_view_area { margin: 12px auto 0; }
.report_contents_box.type_graph05 .contents_view_area .graph_wrap { width: 312px; position: relative; height: 248px; margin: 0 auto; background-image: url(../image/graph_bg_img.png); background-repeat: no-repeat; background-position: right 15px; background-size: 284px 208px; }
.report_contents_box.type_graph05 .contents_view_area .graph_wrap .left_side_text { position: absolute; left: 0; top: 0; display: flex; flex-direction: column; height: 231px; justify-content: space-between; align-items: flex-end; }
.report_contents_box.type_graph05 .contents_view_area .graph_wrap .left_side_text .unit { font-weight: 400; font-size: 11px; line-height: 15px; }
.report_contents_box.type_graph05 .contents_view_area .graph_wrap .left_side_text .text { font-weight: 600; font-size: 11px; line-height: 15px; padding-right: 6px; }
.report_contents_box.type_graph05 .contents_view_area .graph_wrap .graph_box { width: 284px; height: 200px; position: absolute; right: 0; top: 23px; }
.report_contents_box.type_graph05 .contents_view_area .graph_wrap .graph_box ul { width: 100%; height: 120%; display: flex; justify-content: space-between; padding: 0 5px; position: absolute; top: -40px; }
.report_contents_box.type_graph05 .contents_view_area .graph_wrap .graph_box .bar_wrap { width: 24px; height: 100%; display: flex; justify-content: center; align-items: flex-end; }
.report_contents_box.type_graph05 .contents_view_area .graph_wrap .graph_box .bar_wrap .bar { position: relative; border-radius: 4px 4px 0 0; width: 12px; }
.report_contents_box.type_graph05 .contents_view_area .graph_wrap .graph_box .bar_wrap .bar .text { position: absolute; top: -18px; font-weight: 600; font-size: 14px; line-height: 18px; }
.report_contents_box.type_graph05 .contents_view_area .graph_wrap .graph_box .bar_wrap .bar.type_red { background-color: #FF4F4F; }
.report_contents_box.type_graph05 .contents_view_area .graph_wrap .graph_box .bar_wrap .bar.type_blue { background-color: #005DEA; }
.report_contents_box.type_graph05 .contents_view_area .graph_wrap .graph_box .bar_wrap .bar.type_red .text { color: #FF4F4F; }
.report_contents_box.type_graph05 .contents_view_area .graph_wrap .graph_box .bar_wrap .bar.type_blue .text { color: #005DEA; }
.report_contents_box.type_graph05 .contents_view_area .graph_wrap .graph_box .bar_wrap .bar:nth-child(1) .text { right: 0; }
.report_contents_box.type_graph05 .contents_view_area .graph_wrap .graph_box .bar_wrap .bar:last-child .text { left: 50%; transform: translateX(-50%); text-align: center; width: 25px; }
.report_contents_box.type_graph05 .contents_view_area .graph_wrap .graph_box .bar_wrap .bar + .bar .text { left: 0; transform: none; }
.report_contents_box.type_graph05 .contents_view_area .graph_wrap .bot_side_text { bottom: 0; position: absolute; right: 0; display: flex; width: 282px; justify-content: space-between; padding-left: 6px; }
.report_contents_box.type_graph05 .contents_view_area .graph_wrap .bot_side_text .text { font-weight: 600; font-size: 11px; line-height: 15px; }
.report_contents_box.type_graph05 .contents_view_area .text_box { margin-top: 8px; padding: 12px 16px; background-color: #f3f3f3; border-radius: 6px; }
.report_contents_box.type_graph05 .contents_view_area .text_box .box_title { font-weight: 600; font-size: 16px; line-height: 20px; }
.report_contents_box.type_graph05 .contents_view_area .text_box .box_text { margin-top: 6px; font-weight: 400; font-size: 14px; line-height: 18px; color: #666666; }
.report_contents_box.type_graph05 .contents_view_area .text_box .label_area { display: flex; justify-content: center; align-items: flex-start; padding-top: 6px; flex-wrap: wrap; width: 244px; margin: 0 auto; }
.report_contents_box.type_graph05 .contents_view_area .text_box .label_area .label { display: inline-block; width: auto; height: 30px; line-height: 28px; background-color: #ffffff; padding: 0 8px; border: 1px solid #d6d6d6; border-radius: 4px; font-weight: 400; font-size: 14px; color: #666666; margin: 6px 4px 0; }
.report_contents_box.type_graph05 .contents_view_area .text_box .label_area .label.type_red { border: 1px solid #ff4f4f; font-weight: 600; color: #ff4f4f; }
.report_contents_box.type_graph05 .contents_view_area .text_box .label_area.pd_set .label { padding: 0 10px; }
.report_contents_box.type_graph06 .contents_view_area { width: 228px; height: 100px; margin: 12px auto 0; position: relative; }
.report_contents_box.type_graph06.type01 .contents_view_area .graph_box { display: inline-block; width: 100px; height: 100px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: conic-gradient(#005DEA 0% 41%, #FF4F4F 41% 62%, #FF6F1E 62% 71%, #FFC01E 71% 73%, #D6D6D6 73% 100%); border-radius: 50%; }
.report_contents_box.type_graph06.type01.type_brain .contents_view_area .graph_box { display: inline-block; width: 100px; height: 100px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: conic-gradient(#005DEA 0% 35%, #FF4F4F 35% 61%, #FF6F1E 61% 66%, #FFC01E 66% 69%, #D6D6D6 69% 100%); border-radius: 50%; }
.report_contents_box.type_graph06 .contents_view_area .graph_box .title { text-align: center; display: inline-block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 2; font-weight: 400; font-size: 13px; line-height: 18px; color: #666666; }
.report_contents_box.type_graph06.type01 .contents_view_area .text_wrap { position: absolute; width: 100%; height: 100%; }
.report_contents_box.type_graph06 .contents_view_area .text_wrap .text { font-weight: 400; font-size: 11px; line-height: 15px; position: absolute; white-space: nowrap; }
.report_contents_box.type_graph06.type01 .contents_view_area .text_wrap .text:nth-child(1) { left: calc(50% + 80px); transform: translateX(-50%); top: 26px; }
.report_contents_box.type_graph06.type01 .contents_view_area .text_wrap .text:nth-child(2) { left: calc(50% + 80px); transform: translateX(-50%); bottom: 5px; }
.report_contents_box.type_graph06.type01 .contents_view_area .text_wrap .text:nth-child(3) { left: 10px; bottom: 5px; }
.report_contents_box.type_graph06.type01 .contents_view_area .text_wrap .text:nth-child(4) { left: 10px; bottom: 25px; }
.report_contents_box.type_graph06.type01 .contents_view_area .text_wrap .text:nth-child(5) { left: 10px; top: 4px; }
.report_contents_box.type_graph06.type02 .contents_view_area .graph_box { display: inline-block; width: 100px; height: 100px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: conic-gradient(#005DEA 0% 66%, #FF4F4F 66% 78%, #D6D6D6 78% 100%); border-radius: 50%; }
.report_contents_box.type_graph06.type02.type_brain .contents_view_area .graph_box { display: inline-block; width: 100px; height: 100px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: conic-gradient(#005DEA 0% 46%, #FF4F4F 46% 90%, #D6D6D6 90% 100%); border-radius: 50%; }
.report_contents_box.type_graph06.type02.type_brain .contents_view_area .text_wrap .text:nth-child(2) { left: 0px; bottom: 0px; }
.report_contents_box.type_graph06.type02 .contents_view_area .text_wrap .text:nth-child(1) { left: calc(50% + 80px); transform: translateX(-50%); top: 26px; }
.report_contents_box.type_graph06.type02 .contents_view_area .text_wrap .text:nth-child(2) { left: 0px; bottom: 28px; }
.report_contents_box.type_graph06.type02 .contents_view_area .text_wrap .text:nth-child(3) { left: 20px; top: 0px; }
.report_contents_box.type_graph06 .contents_view_area .graph_box::after { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 62px; height: 62px; display: inline-block; background-color: #ffffff; z-index: 1; border-radius: 50%; }
.report_contents_box.type_arrow01 .contents_view_area .data_view_wrap { position: relative; height: 151px; }
.report_contents_box.type_arrow01 .contents_view_area .data_view_wrap .view_box { position: absolute; top: 0; width: calc(50% - 6px); background-color: #f3f3f3; border-radius: 8px; padding: 8px; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; height: 100%; }
.report_contents_box.type_arrow01 .contents_view_area .data_view_wrap .arrow { width: 40px; height: 38px; display: inline-block; position: absolute; left: 50%; top: 52px; transform: translateX(-50%); background-image: url(../image/icon_arrow01_skyblue.svg); z-index: 1; }
.report_contents_box.type_arrow01 .contents_view_area .data_view_wrap .view_box .state { font-weight: 400; font-size: 11px; line-height: 15px; color: #666666; position: absolute; left: 8px; top: 8px; }
.report_contents_box.type_arrow01 .contents_view_area .data_view_wrap .view_box:first-child { left: 0; }
.report_contents_box.type_arrow01 .contents_view_area .data_view_wrap .view_box:first-child .top_text_area { color: #FF4F4F; }
.report_contents_box.type_arrow01 .contents_view_area .data_view_wrap .view_box:last-child .top_text_area { color: #005DEA; }
.report_contents_box.type_arrow01 .contents_view_area .data_view_wrap .view_box:first-child .bot_text_area .data { color: #FF4F4F; }
.report_contents_box.type_arrow01 .contents_view_area .data_view_wrap .view_box:last-child .bot_text_area .data { color: #005DEA; }
.report_contents_box.type_arrow01 .contents_view_area .data_view_wrap .view_box:last-child { right: 0; }
.report_contents_box.type_arrow01 .contents_view_area .data_view_wrap .view_box .top_text_area { text-align: center; }
.report_contents_box.type_arrow01 .contents_view_area .data_view_wrap .view_box .top_text_area p { font-weight: 600; font-size: 14px; line-height: 18px; }
.report_contents_box.type_arrow01 .contents_view_area .data_view_wrap .view_box .top_text_area p + p { margin-top: 4px; }
.report_contents_box.type_arrow01 .contents_view_area .data_view_wrap .view_box .bot_text_area { text-align: center; margin-top: 4px; width: 100%; text-align: center; background-color: #ffffff; border-radius: 8px; border: 1px solid #d6d6d6; padding: 8px 12px; }
.report_contents_box.type_arrow01 .contents_view_area .data_view_wrap .view_box .bot_text_area .text_wrap { display: flex; justify-content: space-between; align-items: center; }
.report_contents_box.type_arrow01 .contents_view_area .data_view_wrap .view_box .bot_text_area .text_wrap .title { font-weight: 600; font-size: 12px; line-height: 16px; color: #666666; }
.report_contents_box.type_arrow01 .contents_view_area .data_view_wrap .view_box .bot_text_area .text_wrap .data { font-weight: 600; font-size: 14px; line-height: 18px; }
.report_contents_box.type_arrow01 .contents_view_area .data_view_wrap .view_box .bot_text_area .text_wrap + .text_wrap { margin-top: 4px; }
.report_contents_box.type_arrow01 .view_box { background-repeat: no-repeat; background-position: bottom center; }
.report_contents_box.type_arrow01.type_man .view_box:first-child { background-image: url(../image/bg_man01.svg); }
.report_contents_box.type_arrow01.type_man .view_box:last-child { background-image: url(../image/bg_man02.svg); }
.report_contents_box.type_arrow01.type_woman .view_box:first-child { background-image: url(../image/bg_woman01.svg); }
.report_contents_box.type_arrow01.type_woman .view_box:last-child { background-image: url(../image/bg_woman02.svg); }
.report_contents_box.type_table01 .contents_table { border-collapse: collapse; border-radius: 6px; border-style: hidden; box-shadow: 0 0 0 1px #f3f3f3; }
.report_contents_box.type_table01 .contents_table.align_center th, .report_contents_box.type_table01 .contents_table.align_center td { text-align: center; }
.report_contents_box.type_table01 .contents_table.last_left th, .report_contents_box.type_table01 .contents_table.last_left td { text-align: center; }
.report_contents_box.type_table01 .contents_table.last_left td:last-child { text-align: left; }
.report_contents_box.type_table01 .contents_table.last_left td { line-height: 15px; padding: 6px; font-size: 11px; }
.report_contents_box.type_table01 .contents_table.all_left tbody td { text-align: left; padding: 6px; font-size: 10px; line-height: 13px; }
.report_contents_box.type_table01 .contents_table thead th { background-color: #f3f3f3; border: 1px solid #f3f3f3; }
.report_contents_box.type_table01 .contents_table thead th { padding: 6px 0; font-weight: 400; font-size: 12px; line-height: 15px; color: #666666; }
.report_contents_box.type_table01 .contents_table tbody td { border-right: 1px solid #f3f3f3; height: 24px; line-height: 24px; font-weight: 400; font-size: 13px; color: #666666; border-bottom: 1px solid #f3f3f3; }
.report_contents_box.type_table01 .contents_table tbody td:first-child { border-left: 1px solid #f3f3f3; }
.report_contents_box.type_table01 .table_sub_text { margin-top: 4px; font-weight: 400; font-size: 10px; line-height: 15px; color: #666666; }
.report_contents_box.type_table01 .text_list_wrap + .contents_table { margin-top: 12px; }
.report_contents_box.type_table02 .table_view_box { width: 312px; height: 181px; position: relative; margin: 0 auto; }
.report_contents_box.type_table02 .table_view_box .left_side_area { position: absolute; left: 0; top: 22px; display: flex; justify-content: flex-start; align-items: center; }
.report_contents_box.type_table02 .table_view_box .left_side_area .side_title { font-weight: 600; font-size: 14px; line-height: 18px; }
.report_contents_box.type_table02 .table_view_box .left_side_area .sub_title_area { display: flex; flex-direction: column; justify-content: center; align-items: center; margin: 0 5px 0 8px; }
.report_contents_box.type_table02 .table_view_box .left_side_area .sub_title_area .sub_title { font-weight: 400; font-size: 11px; line-height: 15px; display: inline-block; }
.report_contents_box.type_table02 .table_view_box .left_side_area .sub_title_area .sub_title + .sub_title { margin-top: 54px; }
.report_contents_box.type_table02 .table_view_box .bot_side_area { position: absolute; right: 0; bottom: 0; width: 265px; text-align: center; }
.report_contents_box.type_table02 .table_view_box .bot_side_area .sub_title_area .sub_title { font-weight: 400; font-size: 11px; line-height: 15px; display: inline-block; }
.report_contents_box.type_table02 .table_view_box .bot_side_area .sub_title_area .sub_title + .sub_title { margin-left: 70px; }
.report_contents_box.type_table02 .table_view_box .bot_side_area .side_title { font-weight: 600; font-size: 14px; line-height: 18px; margin-top: 4px; }
.report_contents_box.type_table02 .table_area { position: absolute; right: 0; top: 0; width: 265px; height: 140px; }
.report_contents_box.type_table02 .table_area table { border-collapse: collapse; border-radius: 6px; border-style: hidden; box-shadow: 0 0 0 2px #ededed; }
.report_contents_box.type_table02 .table_area td { width: 100%; height: 70px; text-align: center; }
.report_contents_box.type_table02 .table_area tr:first-child td { border-bottom: 2px dashed #ededed; }
.report_contents_box.type_table02 .table_area td { border-left: 2px dashed #ededed; }
.report_contents_box.type_table02 .table_area td:first-child { border-left: 0; }
.report_contents_box.type_table02 .table_area .flex_box { display: flex; flex-direction: column; align-items: center; justify-content: center; }
.report_contents_box.type_table02 .table_area .label { white-space: nowrap; font-weight: 400; font-size: 10px; line-height: 15px; color: #666666; display: inline-block; }
.report_contents_box.type_table02 .table_area .label.active { background: rgba(0, 93, 234, 0.1); border-radius: 29px; padding: 0 4px; height: 19px; line-height: 19px; font-weight: 600; font-size: 10px; color: #005dea; }
.report_contents_box.type_table02 .table_area .label + .label { margin-top: 1px; }
.report_contents_box.type_good01 .contents_view_area .data_view_box { background-color: #f3f3f3; border-radius: 8px; padding: 12px 0; text-align: center; }
.report_contents_box.type_good01 .contents_view_area .data_view_box .box_title { font-weight: 600; font-size: 16px; line-height: 20px; }
.report_contents_box.type_good01 .contents_view_area .data_view_box .img_wrap { display: flex; margin-top: 12px; justify-content: center; align-items: center; }
.report_contents_box.type_good01 .contents_view_area .data_view_box .img_wrap .img_box { display: flex; flex-direction: column; }
.report_contents_box.type_good01 .contents_view_area .data_view_box .img_wrap .img_box + .img_box { margin-left: 24px; }
.report_contents_box.type_good01 .contents_view_area .data_view_box .img_wrap .img_box .img_title { margin-top: 4px; font-weight: 600; font-size: 14px; line-height: 18px; }
.report_contents_box.type_age01 .contents_view_area { margin-top: 12px; }
.report_contents_box.type_age01 .contents_view_area .img_view_box { background-color: #f3f3f3; border-radius: 12px; overflow: hidden; }
.report_contents_box.type_age01 .contents_view_area .img_view_box img { width: calc(100% - 36px); margin: 21px auto 0; display: block; }
.report_contents_box.type_age01 .contents_view_area .graph_area { margin-top: 35px; display: flex; justify-content: space-between; align-items: flex-start; }
.report_contents_box.type_age01 .contents_view_area .graph_area .left_side_area { width: 88px; height: calc(100% + 4px); margin-top: -4px; }
.report_contents_box.type_age01 .contents_view_area .graph_area .left_side_area ul { display: flex; flex-direction: column; justify-content: space-between; height: 100%; }
.report_contents_box.type_age01 .contents_view_area .graph_area .left_side_area ul li + li { margin-top: 46px; }
.report_contents_box.type_age01 .contents_view_area .graph_area .left_side_area li { font-weight: 600; font-size: 14px; line-height: 18px; }
.report_contents_box.type_age01 .contents_view_area .graph_area .right_side_area { width: calc(100% - 88px); }
.report_contents_box.type_age01 .contents_view_area .graph_area .right_side_area ul { display: flex; flex-direction: column; position: relative; }
.report_contents_box.type_age01 .contents_view_area .graph_area .right_side_area ul::after { position: absolute; left: 50%; transform: translateX(-50%); width: 0px; border-left: 1px dashed #d6d6d6; content: ""; display: inline-block; height: 100%; }
.report_contents_box.type_age01 .contents_view_area .graph_area .right_side_area ul li + li { margin-top: 58px; }
.report_contents_box.type_age01 .contents_view_area .graph_area .right_side_area .bar_wrap { background-color: #f0f0f0; border-radius: 33px; position: relative; width: 100%; height: 6px; }
.report_contents_box.type_age01 .contents_view_area .graph_area .right_side_area .bar_wrap .bar.type_blue { position: absolute; right: 50%; top: 0; }
.report_contents_box.type_age01 .contents_view_area .graph_area .right_side_area .bar_wrap .bar.type_red { position: absolute; left: 50%; top: 0; }
.report_contents_box.type_age01 .contents_view_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; }
.report_contents_box.type_age01 .contents_view_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; }
.report_contents_box.type_age01 .contents_view_area .graph_area .right_side_area .bar_wrap .bar .point_wrap .age { position: absolute; left: 50%; bottom: -20px; font-weight: 600; font-size: 14px; line-height: 18px; transform: translateX(-50%); display: inline-block; white-space: nowrap; }
.report_contents_box.type_age01 .contents_view_area .graph_area .right_side_area .bar_wrap .bar { position: absolute; }
.report_contents_box.type_age01 .contents_view_area .graph_area .right_side_area .bar_wrap .bar .point_wrap { position: absolute; }
.report_contents_box.type_age01 .contents_view_area .graph_area .right_side_area .bar_wrap .bar.type_blue .point_wrap { left: -5px; }
.report_contents_box.type_age01 .contents_view_area .graph_area .right_side_area .bar_wrap .bar.type_red .point_wrap { right: -5px; }
.report_contents_box.type_age01 .contents_view_area .graph_area .right_side_area .bar_wrap .bar.type_blue .point_wrap { border: 2px solid #005dea; }
.report_contents_box.type_age01 .contents_view_area .graph_area .right_side_area .bar_wrap .bar.type_blue .point_wrap .label { border-color: #005dea; color: #005dea; }
.report_contents_box.type_age01 .contents_view_area .graph_area .right_side_area .bar_wrap .bar.type_blue .point_wrap .age { color: #005dea; }
.report_contents_box.type_age01 .contents_view_area .graph_area .right_side_area .bar_wrap .bar { height: 100%; }
.report_contents_box.type_age01 .contents_view_area .graph_area .right_side_area .bar_wrap .bar.type_blue { background: #C5DBFC; }
.report_contents_box.type_age01 .contents_view_area .graph_area .right_side_area .bar_wrap .bar.type_red { background: #FFA0A0; }
.report_contents_box.type_age01 .contents_view_area .graph_area .right_side_area .bar_wrap .bar.type_red .point_wrap { border: 2px solid #FF4F4F; }
.report_contents_box.type_age01 .contents_view_area .graph_area .right_side_area .bar_wrap .bar.type_red .point_wrap .label { border-color: #FF4F4F; color: #FF4F4F; }
.report_contents_box.type_age01 .contents_view_area .graph_area .right_side_area .bar_wrap .bar.type_red .point_wrap .age { color: #FF4F4F; }
/* footer wrap */
.footer_wrap { margin-top: 32px; padding-top: 24px; border-top: 1px solid #ededed; }
.footer_wrap .footer_contents + .footer_contents { margin-top: 24px; }
.footer_wrap .footer_contents.type_graph01 { display: flex; justify-content: space-between; align-items: center; }
.footer_wrap .footer_contents.type_graph01 .text_wrap { padding-right: 10px; }
.footer_wrap .footer_contents.type_graph01 .graph_box { display: inline-block; width: 100px; height: 100px; position: relative; }
.footer_wrap .footer_contents.type_graph01 .graph_box .graph_bg { display: inline-block; width: 94px; height: 94px; background: conic-gradient(#99bef6 0% 100%); border-radius: 50%; position: relative; left: 50%; top: 50%; transform: translate(-50%,-50%); }
.footer_wrap .footer_contents.type_graph01 .graph_box .graph_bg::after { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 62px; height: 62px; display: inline-block; background-color: #ffffff; z-index: 1; border-radius: 50%; }
.footer_wrap .footer_contents.type_graph01 .graph_box .data { position: absolute; left: calc(50% + 18px); width: 30px; transform: translateX(-50%); z-index: 3; font-weight: 600; font-size: 11px; line-height: 15px; color: #333333; top: 7px; white-space: nowrap; display: inline-block; }
.footer_wrap .footer_contents.type_graph01 .graph_box .title { display: inline-block; left: 50%; transform: translate(-50%,-50%); top: 50%; position: absolute; z-index: 3; font-weight: 400; font-size: 11px; line-height: 15px; color: #666666; }
.footer_wrap .footer_contents.type_graph01 .graph_box .graph_bar { display: inline-block; width: 100%; height: 100%; border-radius: 50%; position: absolute; left: 0; top: 0; transform: scaleX(-1); }
.footer_wrap .footer_contents.type_graph01 .graph_box .graph_bar::after { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 50px; height: 50px; display: inline-block; background-color: #ffffff; z-index: 1; border-radius: 50%; }
.footer_wrap .footer_contents.type_graph01 .text_wrap .title { font-weight: 600; font-size: 14px; line-height: 18px; }
.footer_wrap .footer_contents.type_graph01 .text_wrap .source { margin-top: 2px; font-weight: 400; font-size: 11px; line-height: 15px; color: #666666; }
.footer_wrap .footer_contents.type_graph01 .text_wrap .main_text { margin-top: 6px; font-weight: 400; font-size: 14px; line-height: 18px; color: #666666; }
.footer_wrap .footer_contents.type_graph02 { display: flex; justify-content: space-between; align-items: center; }
.footer_wrap .footer_contents.type_graph02 .text_wrap { padding-right: 8px; }
.footer_wrap .footer_contents.type_graph02 .graph_box { width: 138px; height: 102px; }
.footer_wrap .footer_contents.type_graph02 .text_wrap .title { font-weight: 600; font-size: 14px; line-height: 18px; }
.footer_wrap .footer_contents.type_graph02 .text_wrap .source { margin-top: 2px; font-weight: 400; font-size: 11px; line-height: 15px; color: #666666; }
.footer_wrap .footer_contents.type_graph02 .text_wrap .main_text { margin-top: 6px; font-weight: 400; font-size: 14px; line-height: 18px; color: #666666; }
.footer_wrap .footer_contents.type_graph02 .graph_box ul { display: flex; justify-content: space-between; align-items: flex-end; width: 100%; height: 100%; }
.footer_wrap .footer_contents.type_graph02 .graph_box li { height: 70px; display: flex; flex-direction: column; align-items: center; justify-content: flex-end; margin-bottom: 15px; position: relative; }
.footer_wrap .footer_contents.type_graph02 .graph_box li + li { margin-left: 4px; }
.footer_wrap .footer_contents.type_graph02 .graph_box li .year { font-weight: 400; font-size: 11px; line-height: 15px; position: absolute; bottom: -15px; }
.footer_wrap .footer_contents.type_graph02 .graph_box li .graph_bar { background-color: #99bef6; width: 22px; position: relative; border-radius: 6px 6px 0 0; }
.footer_wrap .footer_contents.type_graph02 .graph_box li .graph_bar .data { position: absolute; left: 50%; transform: translateX(-50%); top: -17px; font-weight: 400; font-size: 11px; line-height: 15px; }
.footer_wrap .footer_contents.type_graph02 .graph_box li:last-of-type .year { font-weight: 600; font-size: 11px; line-height: 15px; }
.footer_wrap .footer_contents.type_graph02 .graph_box li:last-of-type .graph_bar { background-color: #005DEA; }
.footer_wrap .footer_contents.type_graph02 .graph_box li:last-of-type .graph_bar .data { font-weight: 600; color: #005dea; }
/* 맞춤 영양성분 추천*/
.nuts_contents_area { margin-top: 32px; }
.nuts_contents_area .contents_title_area { display: flex; justify-content: flex-start; align-items: center; }
.nuts_contents_area .contents_title_area p { margin-left: 4px; font-weight: 600; font-size: 18px; line-height: 24px; }
.nuts_contents_area .contents_title_area i { display: inline-block; width: 24px; height: 24px; background-repeat: no-repeat; background-position: center; }
.nuts_contents_area.type_custom .contents_title_area i { background-image: url(../image/icon_good.svg); }
.nuts_contents_area.type_warning .contents_title_area i { background-image: url(../image/icon_bad.svg); }
.nuts_contents_area.type_custom .nuts_list_area { margin-top: 12px; }
.nuts_contents_area.type_custom .nuts_list_area li { display: flex; flex-direction: column; }
.nuts_contents_area.type_custom .nuts_list_area li + li { margin-top: 24px; }
.nuts_contents_area.type_custom .nuts_list_area li .img_area { width: 132px; height: 92px; background-color: #ffffff; border: 1px solid #ededed; border-radius: 6px; position: relative; }
.nuts_contents_area.type_custom .nuts_list_area li .img_area img { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); }
.nuts_contents_area.type_custom .nuts_list_area li .list_title_area { display: flex; justify-content: flex-start; align-items: center; margin-top: 8px; }
.nuts_contents_area.type_custom .nuts_list_area li .list_title_area .label { height: 20px; line-height: 20px; background-color: rgba(0,93,234,0.1); border-radius: 4px; padding: 0 8px; font-weight: 600; font-size: 12px; color: #005dea; }
.nuts_contents_area.type_custom .nuts_list_area li .list_title_area .title { font-weight: 600; font-size: 16px; line-height: 20px; margin-left: 6px; }
.nuts_contents_area.type_custom .nuts_list_area li .list_text { margin-top: 6px; font-weight: 400; font-size: 14px; line-height: 18px; }
.nuts_contents_area.type_warning .contents_list_box { margin-top: 12px; border: 1px solid #ededed; border-radius: 6px; padding: 16px; }
.nuts_contents_area.type_warning .contents_list_box li { display: flex; justify-content: flex-start; align-items: center; }
.nuts_contents_area.type_warning .contents_list_box li + li { margin-top: 16px; }
.nuts_contents_area.type_warning .contents_list_box .label { background-color: rgba(255,79,79,0.1); border-radius: 4px; padding: 0 8px; height: 20px; line-height: 20px; font-weight: 600; font-size: 12px; color: #ff4f4f; }
.nuts_contents_area.type_warning .contents_list_box .nuts_name { margin-left: 8px; font-weight: 600; font-size: 16px; line-height: 20px; }
.pillgram_step_view { margin-top: 32px; background-color: rgba(0,93,234,0.1); padding: 24px; border-radius: 6px; }
.pillgram_step_view .title { text-align: center; font-weight: 600; font-size: 20px; line-height: 26px; }
.pillgram_step_view .title em { color: #005dea; }
.pillgram_step_view .sub_text { margin-top: 4px; font-weight: 400; font-size: 15px; line-height: 20px; color: #666666; text-align: center; }
.pillgram_step_view .sub_text b { font-weight: 700; }
.pillgram_step_view .inner_list { margin-top: 16px; }
.pillgram_step_view .inner_list li { background-color: #ffffff; border-radius: 6px; height: 42px; line-height: 42px; text-align: center; font-weight: 600; font-size: 16px; }
.pillgram_step_view .inner_list li + li { margin-top: 12px; position: relative; }
.pillgram_step_view .inner_list li + li::before { content: ""; display: inline-block; width: 20px; height: 18px; background-image: url(../image/icon_arrow_step.svg); background-repeat: no-repeat; background-position: center; background-size: contain; position: absolute; left: 50%; top: -16px; transform: translateX(-50%); }
.pack_qr_img_area { margin-top: 16px; }
.pack_qr_img_area .img_contents_wrap { width: 221px; height: 206px; position: relative; margin: 0 auto; }
.pack_qr_img_area .img_contents_wrap .pack_img_area { width: 221px; height: 206px; position: absolute; left: 0; top: 0; background-image: url(../image/img_pack.png); background-repeat: no-repeat; background-position: center; background-size: contain; }
.pack_qr_img_area .img_contents_wrap .pack_img_area .title { position: absolute; left: 26px; top: 46px; font-weight: 600; font-size: 16px; line-height: 20px; }
.pack_qr_img_area .img_contents_wrap .pack_img_area .nuts_list { top: 82px; left: 26px; position: absolute; font-weight: 400; font-size: 14px; line-height: 20px; }
.pack_qr_img_area .img_contents_wrap .pack_img_area .nuts_list li + li { margin-top: 8px; }
.pack_qr_img_area .img_contents_wrap + .contents_sub_text { margin-top: 12px; font-weight: 400; font-size: 14px; line-height: 18px; color: #666666; text-align: center; }
main.report_view_type .contents_wrap .contents_info_box { width: 100%; font-size: 12px; font-weight: 400; color: #666; line-height: 16px; word-break: keep-all; padding: 8px 16px; background: #F3F3F3; border-radius: 6px; margin-top: 8px; margin-bottom: 32px; }