@charset "utf-8";

.map_report_modal .tab_cont { display: none; }
.map_report_modal .tab_cont.active { display: block; }
.map_report_modal .modal_cont { overflow-y: hidden; padding: 0; }
.modal_report_tab_wrap { padding: 24px;}
.modal_report_tab_wrap .swiper-container { background-color: #f2f2f5; border-radius: 20px; }
.modal_report_tab { display: flex; }
.modal_report_tab .tab_menu { font-size: 0.88em; font-weight: bold; width: 16.6%; min-width: 120px; text-align: center; height: 40px; line-height: 40px; color: #686c6e; letter-spacing: -0.7px; cursor: pointer; }
.modal_report_tab .tab_menu.active { color: #fff; border-radius: 22px; background-color: #ff9400; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); border: solid 2px #e86b00; line-height: 37px; }

.modal_report_cont { height: calc(100% - 64px); padding: 60px 24px 40px; overflow-y: auto; }
.modal_report_cont .com_blue_box::after { content: ''; display: block; clear: both; }
.modal_report_cont .com_blue_box .blue_box_bg { height: 53px; float: left; width: 42px; }
.modal_report_cont .com_blue_box .blue_box_cont { float: left; width: calc(100% - 42px); position: relative; border: 1px solid #0068bd; border-left: none; height: 53px; background-color: #f4faff; border-radius: 0 0 12px 0; font-size: 1.75em; margin-bottom: 8px; }
.modal_report_cont .com_blue_box .inner { position: absolute; width: 100%; padding: 0 2%; left: 0; top: 51%; transform: translateY(-50%); font-size: 12px; line-height: 1.4em; word-break: keep-all; }
.modal_report_cont .map_area { border: 1px solid #707070; margin: 24px 0; }
.modal_report_cont .com_gray_box { border-radius: 7px; background-color: #f7f7fc; padding: 24px; }
.modal_report_cont .com_gray_box .title { font-size: 1.1em; font-weight: bold; margin-bottom: 12px; }
.modal_report_cont .com_gray_box .dsec { font-size: 13px; line-height: 1.5em; letter-spacing: -0.65px; word-break: keep-all; }
.modal_report_cont .com_info { margin-top: 26px; font-size: 12px; color: #686c6e; text-align: center; line-height: 17px; }
.modal_report_cont .com_info .icon { padding-right: 3px; }
.modal_report_cont .com_info .desc { word-break: keep-all; }
.modal_report_cont .btm_logo { text-align: center; margin-top: 27.5px; }
.modal_report_cont .big_title { font-size: 1.75em; font-weight: bold; }
.modal_report_cont .big_title .icon { padding-right: 10px; padding-right: 5px; }
.modal_report_cont .small_title { font-size: 1.1em; font-weight: bold; margin-bottom: 1em; } 
.modal_report_cont .small_title .icon { margin-top: -1px; padding-right: 5px; } 
.modal_report_cont .inner_title { font-size: 0.88em; font-weight: bold; }
.modal_report_cont .inner_title .icon { margin-top: 3.5px; padding-right: 5px; }
.modal_report_cont .com_table_wrap { overflow-x: auto; }
.modal_report_cont .com_table th { font-weight: bold; background-color: #f4f0f0; color: #202529; }
.modal_report_cont .com_table th,
.modal_report_cont .com_table td { padding: 6px 5px 4px; }
.modal_report_cont .com_table td.increase span,
.modal_report_cont .com_table td.decrease span { display: inline-block; position: relative; padding-right: 10px; }
.modal_report_cont .com_table td.increase span::before,
.modal_report_cont .com_table td.decrease span::before { content: ''; display: block; width: 0; height: 0; position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
.modal_report_cont .com_table td.increase span::before { border-top: 1px solid transparent; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 9px solid #ff9400; }
.modal_report_cont .com_table td.decrease span::before { border-top: 9px solid #5baef2; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 1px solid transparent; }
.modal_report_cont .table_title .base_date { text-align: right; font-size: 12px; color: #666; padding: 1em 0; }
.modal_report_cont .table_title .base_date span { padding: 0 8px; }
.modal_report_cont .table_title .base_date span + span { padding-right: 0; border-left: 1px solid #d6d6d6; }
.modal_report_cont .chart_box_wrap {}
.modal_report_cont .chart_box_wrap .chart_info { text-align: right; font-size: 12px; color: #666; padding: 1em 0; }
.modal_report_cont .chart_box_wrap .chart_box { position: relative; text-align: center; border: 1px solid #e8e8e8; height: 300px; overflow: hidden; }
.modal_report_cont .pie_chart { text-align: center; }
.modal_report_cont .half_cont { margin-top: 1.6em; }
.modal_report_cont .half_cont > div { float: left; width: 50%; margin-top: 1.6em; overflow-x: hidden; }
.modal_report_cont .chart_double_wrap .chart_box_wrap { float: left; margin-top: 20px; height: 265px; }
.modal_report_cont .chart_double_wrap .chart_box_wrap .chart { overflow-x: hidden; }
.modal_report_cont .chart_double_wrap .chart_box { height: 265px; }

@media (max-width: 1080px) {
    .modal_report_cont .com_blue_box .inner .mob_br { display: inline; }
}
@media (max-width: 850px) {
    .modal_report_tab_wrap { padding-right: 0; }
    .modal_report_tab_wrap .swiper-container { border-radius: 20px 0 0 20px; }
}
@media (max-width: 700px) {
    .modal_report_cont .com_info .mob_br { display: inline; }
    .modal_report_cont .com_blue_box .inner { font-size: 11px; }
}


/* 표지 */
.modal_report_cont .cover_wrap .modal_tit_wrap { text-align: center; }
.modal_report_cont .cover_wrap .modal_tit {  font-weight: bold; margin-bottom: 0.8em; position: relative; left: 6% }
.modal_report_cont .cover_wrap .blue_box_cont li { position: relative; float: left; padding-right: 15px; }
.modal_report_cont .cover_wrap .blue_box_cont li + li { padding-left: 15px; }
.modal_report_cont .cover_wrap .blue_box_cont li + li::before { content: ''; width: 2px; height: 2px; border-radius: 20px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background-color: #8c9ead;  }
@media (max-width: 740px) {
    .modal_report_cont .cover_wrap .blue_box_cont li { padding-right: 4px; }
    .modal_report_cont .cover_wrap .blue_box_cont li + li { padding-left: 5px; }
}

/* 개요 */
.modal_report_cont .summary_wrap .com_table_wrap { margin-top: 24px; }
.modal_report_cont .summary_wrap .com_table tbody td, .modal_report_cont .summary_wrap .com_table tbody td +th { border-left: 1px solid #d6d6d6; }

/* 분석 공통 */
.modal_report_cont .analysis_wrap .big_title { margin-bottom: 1.3em; }
.modal_report_cont .analysis_wrap > article + article { margin-top: 2.25em }
.modal_report_cont .analysis_wrap .com_table th { font-weight: 900; }

/* 업종 분석 */
.modal_report_cont .business_analysis_wrap .article1_1 .half_cont > div { margin-top: 0; }
.modal_report_cont .business_analysis_wrap .article1_1 .com_table th { height: 30px; line-height: 30px; padding: 2px 5px 0; }


/* 소비분석 */
.modal_report_cont .sales_wrap .article2_5 .half_cont { margin-top: 0; }
.modal_report_cont .sales_wrap .article2_5 .com_table th { line-height: 53px; padding: 0; }
.modal_report_cont .sales_wrap .article2_5 .com_table td { line-height: 40px; padding: 0; }
.modal_report_cont .sales_wrap .article2_5 .pie_chart_wrap { padding-left: 5%; }
.modal_report_cont .sales_wrap .article2_5 .pie_chart .inner_title { text-align: left; }
.modal_report_cont .sales_wrap .article2_5 .pie_chart .inner_title::after { content: ''; display: block; clear: both; }
.modal_report_cont .sales_wrap .article2_5 .pie_chart .inner_title .base_date { float: right; padding: 0; }
.base_date { text-align: right; font-size: 12px; color: #666; padding: 1em 0; }
.modal_report_cont .sales_wrap .article2_5 .pie_chart .inner_title .base_date span { padding: 0 8px; }
.modal_report_cont .sales_wrap .article2_5 .pie_chart .inner_title .base_date span + span { padding-right: 0; border-left: 1px solid #d6d6d6; }
.modal_report_cont .sales_wrap .article2_6 .pie_chart_wrap .chart_gride { float: left; width: 33.3%; }
.modal_report_cont .sales_wrap .article2_6 .pie_chart { position: relative; height: 270px; overflow: hidden; }
@media (max-width: 830px) {
    .modal_report_cont .sales_wrap .article2_5 .half_cont > div { width: 100%; }
    .modal_report_cont .sales_wrap .article2_6 .pie_chart_wrap .chart_gride { width: 100%; }
}

/* 인구분석 */
.modal_report_cont .population_wrap .chart_double_wrap .chart_box_wrap:first-child { width: 35%; }
.modal_report_cont .population_wrap .chart_double_wrap .chart_box_wrap:last-child { width: 65%; padding-left: 2%; }

/* 지역(배후지)분석 */
.modal_report_cont .area_wrap .chart_double_wrap .chart_box_wrap:first-child { width: 60%; padding-right: 2%; }
.modal_report_cont .area_wrap .chart_double_wrap .chart_box_wrap:last-child { width: 40%; }

@media (max-width: 900px) {
    /* 인구분석 */
    .modal_report_cont .population_wrap .chart_double_wrap .chart_box_wrap:first-child { width: 100%; }
    .modal_report_cont .population_wrap .chart_double_wrap .chart_box_wrap:last-child { width: 100%; padding-left: 0; }

    /* 지역(배후지)분석 */
    .modal_report_cont .area_wrap .chart_double_wrap .chart_box_wrap:first-child { width: 100%; padding-right: 0; }
    .modal_report_cont .area_wrap .chart_double_wrap .chart_box_wrap:last-child { width: 100%; }
}