.header{-ms-overflow-style:none;background-color:#fff;border-radius:2rem;max-height:-webkit-fit-content;max-height:-moz-fit-content;max-height:fit-content;overflow-x:hidden;position:relative;scrollbar-width:none}.header,.headerContent{display:flex;justify-content:center}.headerContent{flex-direction:column;font-size:1.5rem;height:100%;padding:2rem clamp(1.6rem,4vw,4rem);width:min(100%,104rem)}.headingBox{align-items:center;display:flex;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.headingBox img{height:44.254px;margin-right:9px;width:43px}.headingBox span{color:#191a1a;font-size:20px;font-style:normal;font-weight:800;line-height:normal;margin-right:24px}.headingBox .headerBtn{align-items:center;background:#1987d9;border-radius:4px;color:#fff;display:inline-flex;font-size:18px;font-style:normal;font-weight:700;gap:10px;justify-content:center;line-height:normal;padding:6px 12px}.header .titleBox{align-items:center;display:flex;flex-direction:column;margin:10rem 0 5rem;text-align:center}.header .titleBox .blueLine{background:#1987d9;height:8px;margin:0 auto;width:62px}.header .titleBox .title{color:#1987d9;font-size:clamp(3rem,4vw,6rem);font-style:normal;font-weight:800;line-height:1.1;margin-top:24px;text-align:center}.header .titleBox img{align-items:center;background-color:#fff;display:flex;height:auto;justify-content:center;margin:5rem 0;width:min(100%,808px)}.header .contentBox{align-items:flex-start;display:flex;flex-direction:column;margin:auto;width:100%}.header .contentBox .tabBtn{align-items:center;display:flex;justify-content:center}.header .contentBox .tabBtn button{background:#fff;border:2px solid #1987d9;border-bottom:none;border-radius:4px 4px 0 0;color:#1987d9;display:flex;font-size:15px;font-style:normal;font-weight:700;line-height:24px;margin-right:8px;padding:16px 40px}.header .content{background:#fff;border:2px solid #1987d9;border-radius:0 4px 4px;max-width:90rem;width:100%}.header .content .cont{padding:2rem 9rem}.header .content.resource{height:60rem}.header .content.resource .cont{height:100%;overflow-y:scroll}.header .content .cont h4{color:#191a1a;font-size:18px;font-style:normal;font-weight:800;line-height:32px;margin-bottom:.5rem}.header .content .cont .method{margin-top:3rem}.header .content .cont p{color:#191a1a;font-size:15px;font-style:normal;font-weight:400;line-height:24px}.header .content .cont .expCont{padding:.8rem 0}.header .content .cont .blueText{color:#1987d9;font-weight:600}.header .content a{text-decoration:underline}.header .content .line{border-bottom:1px solid #d1d1d1;height:1px;margin:5rem 0;width:100%}.header .dataTable{gap:1rem;justify-content:center;margin-top:1rem}.header .dataTable,.header .dataTable .table{display:flex;flex-direction:column}.header .dataTable .table .exp{font-weight:600;line-height:32px;margin-bottom:.5rem}.header .dataTable .table .dataSourceTable{font-size:1.6rem;max-width:74rem}.header .dataTable .table .dataSourceTable table{width:95%}.header .dataTable .table .dataSourceTable table td,.header .dataTable .table .dataSourceTable table th{border:1px solid #dcdcdc;color:#191a1a;font-size:15px;font-style:normal;padding:1.3rem .4rem;text-align:center;vertical-align:middle}.header .dataTable .table .dataSourceTable table th{background-color:#ececec;font-weight:600;line-height:18px}.header .dataTable .table .dataSourceTable table td{background-color:#fff;font-weight:400;line-height:20px}.header .dataTable .table .dataSourceTable table tr .center{display:table-cell;vertical-align:middle}.header .dataTable .table .dataSourceTable .grayText{color:#585858;font-size:13px}.method .dataExp.res{display:flex;flex-direction:column;gap:2rem}.method .dataExp .depth{color:grey;font-size:1.9rem;margin-left:2rem}.method .dataExp .ex{display:flex;font-weight:400;padding:0 1rem 1rem;text-indent:-1rem}.mapSelectWrap.subSelectWrap{border-radius:0 1rem 1rem 0;left:0;position:absolute;top:36rem;transition:all .5s ease-out;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:1}.mapSelectWrap .mapSelectTit{align-items:center;color:#0d1823;display:flex;font-size:2rem;font-weight:700;height:2rem}.subSelectWrap .hideBtn{background:#0000;cursor:pointer;position:absolute;right:-1.2rem;top:50%;transform:translateY(-50%)}.subSelectWrap .hideBtn .mobileArrow{display:none}.subSelectWrap .hideBtn img{transform:rotate(0deg);transition:all .5s ease-out}.subSelectWrap.hide{box-sizing:border-box;height:4.4rem;left:0;min-height:4.4rem;padding:0;width:4.4rem}.subSelectWrap.hide>.mapSelectTit,.subSelectWrap.hide>.regionChecked{display:none}.subSelectWrap.hide .hideBtn{right:.6rem;top:50%;transform:translateY(-50%)}.subSelectWrap.hide .hideBtn img{transform:rotate(180deg);transition:all .5s ease-out}.bottomInfoBox{bottom:2%;container-type:inline-size;display:flex;left:50%;position:absolute;transform:translateX(-50%);width:80%}.bottomInfoBox,.densityBarWrap{align-items:center;justify-content:center}.densityBarWrap{grid-gap:1rem;background:#ffffffd9;border-radius:1rem;display:grid;gap:1rem;grid-template-columns:minmax(0,1fr) minmax(8rem,.8fr) auto;left:0;padding:1.5rem 4%;width:100%}.densityBarWrap .text{font-size:1.5rem;margin:0;white-space:nowrap;width:auto}.bottomInfoBox .barWrapTit{min-width:0}.bottomInfoBox .barWrapTit .boxTit{color:#0d1823;font-size:1.7rem;font-weight:700;line-height:1.3;margin-right:0;white-space:normal}.bottomInfoBox .slider{min-width:0}.bottomInfoBox .boxCnt{align-items:center;display:flex;gap:.5rem}.bottomInfoBox .boxCnt .densityNum{background:#fff;border:1px solid #000;border-radius:5px;font-size:1.4rem;font-weight:600;height:3rem;margin-left:0;padding:.8rem;width:4.5em}.bottomInfoBox .boxCnt .searchBtn{border-radius:.5rem;color:#fff;flex:none;font-size:1.5rem;font-weight:600;height:3rem;width:6.5rem}.bottomInfoBox .boxCnt .searchBtn.orangeBox{background:#ed7d31}.bottomInfoBox .boxCnt .searchBtn.blueBox{background:#19a7ec}.densityNum.orangeText{color:#ed7d31}.densityNum.blueText{color:#19a7ec}.flowInput{float:left}.inflowInput{margin-top:1.5rem;padding:1rem}.outflowInput{float:left;padding:1rem}.inflowInput span,.outflowInput span{font-size:1.4rem;margin-left:.3rem}.btn{float:left;margin-left:1rem;margin-top:5.5rem}.searchBtn{background:#000;border-radius:.5rem;color:#fff;font-size:1.8rem;font-weight:600;height:3.4rem;width:5.6rem}.infoTable table td .valNum{color:#0d1823;display:block;font-size:1.2rem}.MuiSlider-thumb{height:10px!important;width:10px!important}.mapOptionLegendIcon{align-items:center;background:#ffffffd9;border-radius:1rem;cursor:pointer;display:flex;height:4rem;justify-content:center;position:absolute;right:1rem;width:4rem;z-index:1}.mapOptionLegend{width:19rem}.mapOptionLegendIcon.basic,.mapOptionLegendIcon.center,.mapOptionLegendIcon.trafficPop{padding:1rem}.mapOptionLegend.trafficPop.left,.mapOptionLegend.trafficPop.right,.mapOptionLegendIcon.trafficPop{top:.5rem}.mapOptionLegend.basic,.mapOptionLegendIcon.basic{right:1rem;top:42rem}.mapOptionLegend.center,.mapOptionLegendIcon.center{right:1rem;top:19rem}.mapSelectWrap{background:#ffffffd9;border-radius:1rem;padding:1rem;position:absolute;right:1rem;z-index:1}.mapSelectWrap .regionChecked{color:#0d1823;font-size:1.3rem;font-weight:500;line-height:2.3rem;margin-top:.5rem}.mapSelectWrap .regionChecked label{align-items:center;display:flex}.mapSelectWrap .regionChecked label .numBox{align-items:center;background-color:#7f7f7f;border-radius:3px;box-sizing:border-box;color:#fff;display:flex;font-size:1.1rem;height:1.6rem;justify-content:center;margin-right:.5rem;width:1.6rem}.mapSelectWrap .regionChecked input[type=checkbox]{margin-left:.3rem;margin-right:.25rem}.mapSelectWrap .regionChecked input[type=radio]{margin-right:.25rem}.mapSelectWrap .regionChecked .depth{line-height:1.6rem;margin-left:1.3rem;width:16rem}.mapSelectWrap .regionChecked .depth img{height:15px;margin-left:.5rem;width:15px}.mapSelectWrap .regionChecked .layer{font-size:1.2rem}.mapSelectWrap .regionChecked .layer.center{align-items:flex-start;display:flex}.mapSelectWrap .regionChecked .layer .hubText{width:3.7rem}.mapSelectWrap .regionChecked .layer p{width:12rem}.mapOptionLegend .regionChecked label .center,.mapOptionLegend .regionChecked label .idsColorBox{height:1.5rem;margin-left:.5rem;opacity:.8;width:2.3rem}.mapSelectWrap .regionChecked label .hub{margin-top:.35rem}.center.hubBox{background-color:#b2c0ef80;border:3px solid #0075ff}.center.redBox{border:3.5px solid #b63539}.center.pinkBox{border:3.5px solid #f561bd}.idsColorBox{border:3px solid #004ba7}.mapOptionLegend .regionChecked label .sm{font-size:1rem}.mapOptionLegend .regionChecked label .road{margin-left:.5rem;opacity:.8;width:2.2rem}.road.high{background-color:#e99100;height:.3rem}.road.national{background-color:#0dabe6;height:.12rem}.road.province{background-color:#37a900;height:.1rem}.mapOptionLegend.two{padding:2rem;top:13.6rem;z-index:1}.LegendColorBox{border:1px solid;display:inline-block;height:1.5rem;margin-left:.5rem;margin-right:.5rem;opacity:.8;width:2.2rem}.LegendColorText{font-size:1.2rem}.mapSelectWrap .infoTooltip{height:3rem;width:3rem}.mapSelectWrap .infoTooltipIcon{font-size:1.6rem}.legendCloseBtn{cursor:pointer;font-weight:700;position:absolute;right:1.5rem;top:1rem}.legendCloseBtn .css-i4bv87-MuiSvgIcon-root{font-size:1.8rem}.OpacitySliderBox{border-radius:5px;padding:.5rem .3rem .5rem 0;width:14rem}.OpacityDesBox{display:flex;justify-content:space-between}input[type=range]{-webkit-appearance:none;appearance:none;width:100%}input[type=range]::-webkit-slider-runnable-track{background-color:#dedede;border:1.5px solid #8e8e8e;cursor:pointer;height:5px;width:100%}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:#dedede;border:1.5px solid #8e8e8e;border-radius:999px;cursor:pointer;height:1rem;margin-top:-2.5px;width:1rem}.MuiSlider-root{color:#0d1823!important;margin:0 .75rem!important}.MuiSlider-thumb,.MuiSlider-thumb:after{height:10px!important;width:10px!important}.MuiTooltip-tooltip{font-size:1.3rem!important;max-width:31rem!important;opacity:.9!important}.MuiTooltip-tooltip li{list-style-position:inside;margin-left:18px;text-indent:-18px}.MuiTypography-root{align-items:flex-start!important;display:flex!important;flex-direction:column!important;font-size:1.3rem!important}.chartArea{background:#ffffffd9;border-radius:1rem;flex-direction:column;height:24rem;left:1.1rem;padding:1.5rem .5rem;position:absolute;top:10rem;width:19rem;z-index:1}.chartArea,.chartArea p{align-items:center;display:flex}.chartArea p{font-size:small;justify-content:center;margin-bottom:.5rem}.chartArea .sm{font-size:1.1rem;margin-bottom:.5rem}.chartArea .pieChart{height:160px!important;width:160px!important}.chartIcon{align-items:center;background:#ffffffd9;border-radius:1rem;cursor:pointer;display:flex;height:4rem;justify-content:center;left:1rem;padding:.8rem;position:absolute;top:10rem;width:4rem;z-index:1}.chartIcon svg{height:2.4rem;width:2.4rem}.chartIcon .css-i4bv87-MuiSvgIcon-root{font-size:3.1rem}.popup{background-color:#f0f0f0e6;border-radius:1rem;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;cursor:move;display:block;padding:.4rem;position:absolute;width:-webkit-max-content;width:max-content;z-index:4}.popup header{align-items:center;display:flex;justify-content:space-between;padding-left:.5rem}.popup span{font-size:14px;font-weight:700}.popup div{align-items:center;background-color:#fff;border:1px solid #e1e1e1;border-radius:999px;display:flex;height:22px;justify-content:space-between;margin-bottom:.25rem;padding:0 1.2rem;width:205px}.popup div p{font-size:12px}.partitionContent{align-items:center;display:flex;flex-direction:column;min-height:100rem;width:100%}.partitionContent .tit{font-size:36px;font-style:normal;line-height:normal;margin-top:5rem;text-align:center}.partitionContent .tit h3{color:#191a1a;font-weight:700}.partitionContent .tit .blueText{color:#1987d9;color:var(--bluePoint,#1987d9);font-weight:800}.partitionContent .tit .exp{color:#1987d9;font-size:20px;font-weight:500;margin-top:24px 0 13px}.partitionContent .topCnt{align-items:center;display:flex;padding:0 2rem;width:90%}.partitionContent .topCnt .selectHub{display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.partitionContent .topCnt .selectHub .numBox{align-items:center;background-color:#0075ff;border-radius:3px;color:#fff;display:flex;font-size:medium;height:2.7rem;justify-content:center;text-align:center;width:2.7rem}.partitionContent .topCnt .selectHub span{align-items:center;color:#0075ff;display:flex;font-size:large;font-weight:600;justify-content:center;margin-left:.8rem}.partitionContent .topCnt .zoomTooltip{background-color:#06f;border:3px solid #fff;border-radius:37px;color:#fff;font-size:1.8rem;font-weight:800;margin-left:auto;padding:1rem 2rem;z-index:1}.partitionContent .partitionWrap{align-items:center;display:flex;height:90rem;justify-content:center;overflow:hidden;padding:1rem 2rem 2rem;position:relative;width:90%}.partitionContent .partitionWrap .partitionLine{background-color:#0d1823;height:100%;width:8px;z-index:1}.partitionContent .partitionWrap .partition{background-color:#fff;height:100%;position:relative;width:calc(50% - 4px)}.partitionContent .partitionWrap .partition--single{background-color:#fff;height:100%;position:relative;width:100%}.partitionContent .partitionWrap .partition--invisible{visibility:hidden}.mapArea{height:100%;position:relative;width:100%}.mapZoom{bottom:4.1rem;left:2.7rem;position:absolute;width:20px}.mapZoom button{background:none;margin-top:2px}.partitionContent .partitionWrap .mapTit{left:1rem;top:5rem}.partitionContent .partitionWrap .mapTit,.partitionContent .partitionWrap .zoomTooltip{border:3px solid #fff;border-radius:37px;color:#fff;font-size:1.8rem;font-weight:800;padding:1rem 2rem;position:absolute}.partitionContent .partitionWrap .zoomTooltip{background-color:#06f;right:2.4rem;top:2.4rem;z-index:1}.partitionContent .partitionWrap .mapTit.orangeBG{background-color:#ed7d31}.partitionContent .partitionWrap .mapTit.blueBG{background-color:#19a7ec}.partitionContent .partitionWrap .layerMode{border:1px solid;border-radius:5px;font-size:1.6rem;font-weight:500;padding:.4rem;position:absolute;right:29rem;top:1rem;z-index:1}.partitionContent .partitionWrap .layerMode.center{background-color:#b8b8b8}.partitionContent .partitionWrap .layerMode.in{background-color:#ffc085}.partitionContent .partitionWrap .layerMode.out{background-color:#8bcceb}.partitionContent .partitionWrap .layerMode button{background-color:#fff;border-radius:2px;padding:.6rem 1rem}.partition .layerMode button.twoDms{margin-right:.4rem}.partitionContent .partitionWrap .tooltip{background-color:#333;border-radius:4px;color:#fff;font-size:1.5rem;padding:1rem;position:absolute;z-index:2}.ol-full-screen{left:1rem;top:1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.ol-control{padding:0}.ol-control button{align-items:center;color:#000;display:flex;font-size:1.7rem;height:2rem;justify-content:center;padding:1.4rem;width:2rem}.ol-control button,.ol-control button:focus,.ol-control button:hover{background-color:#fff9}.fullscreen:-webkit-full-screen{height:100%;margin:0}.fullscreen:fullscreen{height:100%}.fullscreen{align-items:center;border:1px solid;display:flex;height:100%;justify-content:center;margin-bottom:10px;position:relative;width:100%}.flowControls{display:contents}.mapCanvas{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.flowOverlay{display:contents}.panelHeading{align-items:center;background:#0000;color:#0d1823;cursor:pointer;display:flex;font-size:1.4rem;font-weight:700;gap:.8rem;justify-content:space-between;line-height:1.3;min-height:3.2rem;text-align:left;width:100%}.panelHeading svg{flex:none}.panelHeading[aria-expanded=false] svg{transform:rotate(-90deg)}.chartArea--collapsed.panelHeading,.mapSelectWrap.panelHeading{background:#ffffffe6;border-radius:1rem;padding:.8rem 1rem}.mapOptionLegend.trafficPop.panelHeading{box-sizing:border-box;width:19rem}.chartArea--collapsed.panelHeading{align-items:center;box-sizing:border-box;flex-direction:row;height:auto;justify-content:space-between;min-height:3.2rem;white-space:nowrap}.Footer{align-items:center;border-top:1px solid #0000001a;display:flex;flex-direction:column-reverse;margin:7rem 0;padding:4.5rem 0}.Footer .content .krihsInfo,.Footer .content .reportInfo{display:flex;flex-direction:column;font-style:normal;line-height:24px}.Footer .content .krihsInfo h3{color:#191a1a;font-size:15px;font-weight:700;margin-bottom:.4rem}.Footer .content .krihsInfo span{color:#b5b5b5;font-size:14px;font-weight:500}.Footer .content .reportInfo{margin-top:1.5rem}.Footer .content .reportInfo li{color:#191a1a;font-size:15px;font-weight:600}.Footer .content .reportInfo li .bold{font-weight:700}@media (max-width:1024px){.fullscreen:not(.fullscreen--flow) .mapCanvas>.mapZoom{background:#ffffffe6;border-radius:.8rem;bottom:auto;display:flex;flex-direction:column;gap:.4rem;left:1rem;padding:.6rem;right:auto;top:1rem;width:auto;z-index:3}.fullscreen:not(.fullscreen--flow) .mapCanvas>.mapZoom button{margin:0}.header .titleBox{margin:6rem 0 4rem}.header .titleBox img{margin:3rem 0}.header .content .cont{padding:2rem clamp(2rem,5vw,6rem)}.header .dataTable .table .dataSourceTable{max-width:100%;overflow-x:auto}.partitionContent .partitionWrap,.partitionContent .topCnt{width:100%}.partitionContent .topCnt .zoomTooltip{font-size:1.5rem}}.partitionContent .layerStack{align-items:flex-end;display:flex;flex-direction:column;gap:.6rem;pointer-events:none;position:absolute;right:1rem;top:1rem;width:min(19rem,calc(100% - 2rem));z-index:5}.partitionContent .layerStack>.mapOptionLegend{background:#ffffffe6;border:1px solid #d7dce1;border-radius:1rem;box-shadow:0 1px 4px #00000014;box-sizing:border-box;height:auto;left:auto;overflow:hidden;padding:0;pointer-events:auto;position:relative;right:auto;top:auto;width:100%}.partitionContent .layerStack>.mapOptionLegend .panelHeading,.partitionContent .layerStack>.mapOptionLegend.panelHeading{min-height:3.8rem;padding:.8rem 1rem}.partitionContent .layerStack>.mapOptionLegend .regionChecked{border-top:1px solid #e3e6e9;margin:0;max-height:21rem;overflow-y:auto;padding:.8rem;position:static;width:100%}.trafficLegendSlot{display:contents}.fullscreen--flow .mapOptionLegend.trafficPop{overflow-x:hidden}.fullscreen--flow .mapOptionLegend.trafficPop .regionChecked{box-sizing:border-box;overflow-x:hidden}.fullscreen--flow .mapOptionLegend.trafficPop .regionChecked .depth{margin-left:.6rem;min-width:0;width:auto}.fullscreen--flow .mapOptionLegend.trafficPop .OpacitySliderBox{box-sizing:border-box;max-width:100%;width:100%}.fullscreen--flow .mapOptionLegend.trafficPop .LegendColorText{min-width:0;overflow-wrap:anywhere}@media (max-width:959px){.fullscreen--flow>.flowControls>.subSelectWrap{background:#f4f5f7;border:1px solid #e3e6e9;border-radius:1rem;box-sizing:border-box;left:auto;max-height:none;min-height:0;padding:1rem;position:relative;right:auto;top:auto;width:100%;z-index:1}.fullscreen--flow .subSelectWrap .mapSelectTit{font-size:14px;min-height:2.8rem;padding-right:3rem}.fullscreen--flow .subSelectWrap .regionChecked{align-items:center;display:flex;gap:24px;justify-content:flex-start;margin-top:.8rem}.fullscreen--flow .subSelectWrap .regionChecked label{font-size:clamp(10px,2.7vw,13px);line-height:1.4;white-space:nowrap}.fullscreen--flow .subSelectWrap .regionChecked input{flex:none;margin-right:.2rem}.fullscreen--flow>.flowControls>.subSelectWrap.hide{height:auto;left:auto;min-height:0;padding:1rem;width:100%}.fullscreen--flow>.flowControls>.subSelectWrap.hide>.mapSelectTit{display:flex}.fullscreen--flow>.flowControls>.subSelectWrap.hide>.regionChecked{display:none}.subSelectWrap .hideBtn{align-items:center;display:flex;height:2.8rem;justify-content:center;width:2.8rem}.fullscreen--flow .subSelectWrap.hide .hideBtn,.subSelectWrap .hideBtn{right:1rem;top:1.1rem;transform:none}.subSelectWrap .hideBtn .desktopArrow{display:none}.subSelectWrap .hideBtn .mobileArrow{display:block;font-size:22px;transform:rotate(180deg)}.subSelectWrap.hide .hideBtn .mobileArrow{transform:rotate(0deg)}}@media (min-width:768px){@container (max-width: 50rem){.densityBarWrap{gap:.6rem;grid-template-columns:minmax(0,1fr) auto;padding:1rem}.bottomInfoBox .barWrapTit{grid-column:1/-1}.bottomInfoBox .boxCnt{gap:.4rem}.bottomInfoBox .boxCnt .densityNum{padding:.4rem}.bottomInfoBox .boxCnt .searchBtn,.bottomInfoBox .boxCnt .text{font-size:1.3rem}}}@media (max-width:767px){html{font-size:9px}body{overflow-x:hidden}.headerContent{min-width:0;padding:2.4rem 1.6rem;width:100%}.headingBox{flex-wrap:wrap;gap:1rem;width:100%}.headingBox span{font-size:16px;margin-right:0}.headingBox .headerBtn{font-size:14px}.header .titleBox{margin:4rem 0 2rem;min-width:0;width:100%}.header .titleBox .title{display:block;font-size:clamp(24px,6vw,36px);line-height:1.2;overflow-wrap:anywhere;width:100%;word-break:break-all}.header .titleBox img{margin:2rem 0}.header .contentBox .tabBtn{align-items:center;justify-content:flex-start;max-width:100%;width:auto}.header .contentBox .tabBtn button{flex:0 0 auto;font-size:12px;line-height:1.3;margin-right:.4rem;padding:1rem 1.6rem;text-align:center;width:auto}.header .content.resource{height:auto;max-height:none}.header .content.resource .cont{height:auto;overflow:visible}.header .content .cont{min-width:0;overflow-wrap:anywhere;padding:1.8rem 1.4rem;word-break:break-all}.header .content .cont h4{font-size:16px}.header .content .cont p,.header .dataTable .table .dataSourceTable table td,.header .dataTable .table .dataSourceTable table th{font-size:13px}.header .dataTable .table .dataSourceTable table{min-width:52rem}.partitionContent{box-sizing:border-box;height:auto;min-height:0;padding:0 1.2rem}.partitionContent .tit{font-size:24px;line-height:1.25;margin:3rem 0 1.5rem}.partitionContent .tit .exp{display:block;font-size:14px;line-height:1.4;margin-top:1rem}.partitionContent .topCnt{flex-wrap:wrap;gap:1rem;padding:0 .5rem 1.2rem}.partitionContent .topCnt .zoomTooltip{border-radius:1rem;font-size:13px;line-height:1.4;margin-left:0;padding:.8rem 1.2rem;width:100%}.partitionContent .partitionWrap{box-sizing:border-box;height:auto;overflow:visible;padding:0;width:100%}.fullscreen{align-items:stretch;box-sizing:border-box;display:flex;flex-direction:column;gap:1.2rem;height:auto;justify-content:flex-start;margin-bottom:0;padding:.8rem;position:relative;width:100%}.fullscreen--flow{--panel-closed-width:17.5rem;--panel-open-width:19rem}.fullscreen--flow>.flowControls{display:block;width:100%;z-index:2}.fullscreen .mapCanvas{align-items:stretch;box-sizing:border-box;display:flex;flex-direction:column;gap:1.2rem;height:auto;justify-content:flex-start;min-width:0}.fullscreen--flow .flowOverlay{align-items:flex-end;display:flex;flex-direction:column;gap:.6rem;max-height:42rem;pointer-events:none;position:absolute;right:1rem;top:9rem;width:min(var(--panel-open-width),calc(100% - 2rem));z-index:5}.fullscreen--flow .flowOverlay>*{pointer-events:auto}.partitionContent .partitionWrap .partition,.partitionContent .partitionWrap .partition--single{align-items:stretch;border:1px solid #dcdcdc;border-radius:1rem;box-sizing:border-box;display:flex;flex-direction:column;gap:1rem;height:auto;isolation:isolate;min-height:54rem;min-width:0;padding:5.6rem .8rem .8rem;position:relative;width:100%}.partitionContent .partitionWrap .fullscreen--flow .mapCanvas>.partition,.partitionContent .partitionWrap .fullscreen--flow .mapCanvas>.partition--single,.partitionContent .partitionWrap .fullscreen--flow .mapCanvas>.partition~.partition{padding-top:5.6rem}.partitionContent .partitionWrap .partition--invisible,.partitionContent .partitionWrap .partitionLine{display:none}.partitionContent .partitionWrap .mapArea{border-radius:.6rem;height:100%;inset:0;overflow:hidden;position:absolute;width:100%;z-index:0}.partitionContent .partitionWrap .mapTit{border-width:2px;font-size:14px;left:1.6rem;max-width:calc(100% - 3.2rem);padding:.6rem 1rem;top:1.6rem;z-index:2}.partitionContent .partitionWrap .partition--single>:is(.chartArea,.chartIcon,.mapSelectWrap,.mapOptionLegendIcon,.bottomInfoBox),.partitionContent .partitionWrap .partition>:is(.chartArea,.chartIcon,.mapSelectWrap,.mapOptionLegendIcon,.bottomInfoBox){bottom:auto;left:auto;position:relative;right:auto;top:auto;transform:none;z-index:1}.partitionContent .partitionWrap .partition--single>:is(.chartArea,.mapSelectWrap),.partitionContent .partitionWrap .partition>:is(.chartArea,.mapSelectWrap){box-sizing:border-box}.partitionContent .partitionWrap .partition--single>.mapSelectWrap,.partitionContent .partitionWrap .partition>.mapSelectWrap{align-self:flex-end;max-height:22rem;max-width:100%;overflow-y:auto;width:min(19rem,100%);width:min(var(--panel-open-width,19rem),100%)}.fullscreen--flow .flowOverlay .mapOptionLegend{background:#ffffffe6;border:1px solid #d7dce1;border-radius:1rem;box-shadow:0 1px 4px #00000014;box-sizing:border-box;height:auto;left:auto;max-height:none;min-height:4rem;overflow:hidden;padding:0;position:relative;right:auto;top:auto;transition:width .22s ease;width:min(var(--panel-open-width),100%);z-index:5}.fullscreen--flow .flowOverlay .mapOptionLegend.accordionPanel--closed{padding:.8rem 1rem;width:min(var(--panel-closed-width),100%)}.fullscreen--flow .flowOverlay .accordionPanel--open{animation:mobilePanelExpand .22s ease-out}.fullscreen--flow .flowOverlay .mapOptionLegend .panelHeading{box-sizing:border-box;font-size:12px;min-height:3.8rem;padding:.8rem 1rem;white-space:nowrap}.fullscreen--flow .flowOverlay .panelHeading svg,.partitionContent .partitionWrap .partition .panelHeading svg{height:1.8rem;width:1.8rem}.fullscreen--flow .flowOverlay .mapOptionLegend .regionChecked{background:#0000;border-top:1px solid #e3e6e9;box-sizing:border-box;margin:0;max-height:21rem;overflow-x:hidden;overflow-y:auto;padding:.8rem;position:static;width:100%}.fullscreen--flow .flowOverlay .regionChecked .depth{margin-left:.6rem;min-width:0;width:auto}.fullscreen--flow .flowOverlay .regionChecked .layer,.fullscreen--flow .flowOverlay .regionChecked .layer p{min-width:0;overflow-wrap:anywhere;width:auto}.fullscreen--flow .flowOverlay .panelHeading[aria-expanded=true] svg{transform:rotate(180deg)}.fullscreen--flow .flowOverlay .panelHeading[aria-expanded=false] svg{transform:rotate(0deg)}.partition .panelHeading[aria-expanded=true] svg,.partition--single .panelHeading[aria-expanded=true] svg{transform:rotate(180deg)}.partition .panelHeading[aria-expanded=false] svg,.partition--single .panelHeading[aria-expanded=false] svg{transform:rotate(0deg)}.partitionContent .partitionWrap .mapOptionLegendIcon{align-self:flex-end}.partitionContent .partitionWrap .chartArea{align-self:flex-start;height:auto;max-height:21rem;min-height:0;overflow-y:auto;width:min(19rem,100%);width:min(var(--panel-open-width,19rem),100%)}.partitionContent .partitionWrap .chartArea:not(.chartArea--collapsed){animation:mobilePanelExpand .22s ease-out;padding:1rem}.partitionContent .partitionWrap .chartArea--collapsed{max-height:none;overflow:visible;width:min(17.5rem,100%);width:min(var(--panel-closed-width,17.5rem),100%)}.partitionContent .partitionWrap .partition>.mapOptionLegend.trafficPop.panelHeading{font-size:12px;white-space:nowrap;width:min(17.5rem,100%);width:min(var(--panel-closed-width,17.5rem),100%)}.partitionContent .partitionWrap .mapOptionLegend.trafficPop:not(.panelHeading){animation:mobilePanelExpand .22s ease-out}.partitionContent .partitionWrap .chartArea .pieChart{max-width:100%}.partitionContent .partitionWrap .chartIcon{align-self:flex-start}.partitionContent .partitionWrap .bottomInfoBox{align-self:stretch;margin-top:auto;width:100%}.partitionContent .partitionWrap .partition>.mapOptionLegend.trafficPop{align-self:flex-start;max-height:17rem;overflow-y:auto;width:min(19rem,100%);width:min(var(--panel-open-width,19rem),100%)}.partitionContent .partitionWrap .fullscreen--dual .mapCanvas>.partition>.mapOptionLegend.trafficPop.right{align-self:auto;left:auto;position:absolute;right:.8rem;top:5.6rem;width:min(var(--panel-open-width),calc(100% - 1.6rem));z-index:3}.partitionContent .partitionWrap .fullscreen--dual .mapCanvas>.partition>.mapOptionLegend.trafficPop.right.panelHeading{width:min(var(--panel-closed-width),calc(100% - 1.6rem))}.partitionContent .partitionWrap .densityBarWrap{display:flex;flex-wrap:wrap;gap:1rem;padding:1.2rem;width:100%}.bottomInfoBox .barWrapTit,.bottomInfoBox .boxCnt,.bottomInfoBox .slider{width:100%}.bottomInfoBox .barWrapTit .boxTit{float:none;font-size:14px;line-height:1.4;white-space:normal}.bottomInfoBox .boxCnt .densityNum{margin-left:0}.bottomInfoBox .boxCnt .text{font-size:13px;width:auto}.partitionContent .partitionWrap .popup{max-width:calc(100% - 1rem);touch-action:pan-y}.partitionContent .partitionWrap .popup div{max-width:100%}.fullscreen .mapCanvas>.mapZoom{background:#ffffffd9;border-radius:.8rem;bottom:auto;display:flex;flex-direction:column;gap:1rem;left:auto;padding:.6rem;position:absolute;right:1rem;top:1rem;width:auto;z-index:6}.mapZoom button{margin:0}.Footer{margin:4rem 0 0;padding:2.4rem 1.6rem}.Footer .content{overflow-wrap:anywhere;width:100%}.Footer .content .krihsInfo span,.Footer .content .reportInfo li{font-size:13px;line-height:1.5}}@media (max-width:359px){.fullscreen--flow{--panel-closed-width:14rem;--panel-open-width:15rem}.fullscreen--flow .subSelectWrap .regionChecked{gap:8px}.fullscreen--flow .panelHeading{font-size:10px!important;gap:.4rem}.fullscreen--flow .panelHeading svg{height:1.4rem!important;width:1.4rem!important}.fullscreen--flow .flowOverlay .mapOptionLegend.accordionPanel--closed,.fullscreen--flow .mapCanvas .partition>.chartArea--collapsed,.fullscreen--flow .mapCanvas .partition>.mapOptionLegend.trafficPop.panelHeading{padding-inline:.8rem}.fullscreen--flow .flowOverlay{right:.5rem}.partitionContent .partitionWrap .fullscreen--flow .mapCanvas>:is(.partition,.partition--single){padding-inline:.4rem}.partitionContent .partitionWrap .fullscreen--flow .mapCanvas>.partition>.mapOptionLegend.trafficPop.right{right:.4rem}}@media (min-width:360px) and (max-width:399px){.fullscreen--flow{--panel-closed-width:15.5rem;--panel-open-width:16.5rem}.fullscreen--flow .panelHeading{font-size:11px!important;gap:.5rem}.fullscreen--flow .panelHeading svg{height:1.6rem!important;width:1.6rem!important}}@keyframes mobilePanelExpand{0%{width:min(var(--panel-closed-width),100%)}to{width:min(var(--panel-open-width),100%)}}@media (min-width:768px) and (max-width:959px){.partitionContent .partitionWrap:has(.fullscreen--flow){box-sizing:border-box;height:auto;overflow:visible;width:100%}.fullscreen--flow{align-items:stretch;display:flex;flex-direction:column;gap:1rem;height:auto}.fullscreen--flow>.flowControls{display:block}.fullscreen--flow .mapCanvas{display:flex;flex-direction:column;gap:1rem;height:auto}.partitionContent .partitionWrap .fullscreen--flow .mapCanvas>:is(.partition,.partition--single){border:1px solid #dcdcdc;border-radius:1rem;box-sizing:border-box;display:flex;flex-direction:column;gap:1rem;height:auto;isolation:isolate;min-height:60rem;min-width:0;padding:6rem 1rem 1rem;position:relative;width:100%}.fullscreen--flow .partitionLine,.partitionContent .partitionWrap .fullscreen--flow .mapCanvas>.partition--invisible{display:none}.fullscreen--flow .mapCanvas .mapArea{height:100%;inset:0;position:absolute;width:100%;z-index:0}.fullscreen--flow .mapCanvas .mapTit{left:1rem;top:1rem;z-index:2}.partitionContent .partitionWrap .fullscreen--flow .mapCanvas .partition>:is(.chartArea,.chartIcon,.mapSelectWrap,.mapOptionLegendIcon,.bottomInfoBox){bottom:auto;box-sizing:border-box;left:auto;position:relative;right:auto;top:auto;transform:none;z-index:1}.partitionContent .partitionWrap .fullscreen--flow .mapCanvas .partition>:is(.chartArea,.mapSelectWrap){align-self:flex-start;height:auto;max-height:22rem;overflow-y:auto;width:min(19rem,100%)}.partitionContent .partitionWrap .fullscreen--flow .mapCanvas .partition>.chartArea:not(.chartArea--collapsed){padding:1rem}.fullscreen--flow .panelHeading{font-size:1.3rem;gap:.6rem;white-space:nowrap}.fullscreen--flow .panelHeading svg{height:1.8rem;width:1.8rem}.partitionContent .partitionWrap .fullscreen--flow .mapCanvas .partition>.chartArea--collapsed{max-height:none;overflow:visible}.partitionContent .partitionWrap .fullscreen--flow .mapCanvas .partition>.mapOptionLegend.trafficPop{max-height:17rem}.partitionContent .partitionWrap .fullscreen--dual .mapCanvas>.partition>.mapOptionLegend.trafficPop.right{align-self:auto;left:auto;position:absolute;right:1rem;top:1rem;width:min(19rem,calc(100% - 2rem));z-index:3}.partitionContent .partitionWrap .fullscreen--flow .mapCanvas .partition>.bottomInfoBox{margin-top:auto;width:100%}.fullscreen--flow .flowOverlay{display:flex;flex-direction:column;gap:.6rem;pointer-events:none;position:absolute;right:1rem;top:1rem;width:19rem;z-index:5}.fullscreen--flow .flowOverlay .mapOptionLegend{box-sizing:border-box;height:auto;max-height:none;overflow:hidden;pointer-events:auto;position:relative;right:auto;top:auto;width:100%}.fullscreen--flow .flowOverlay .mapOptionLegend .regionChecked{margin-top:.5rem;max-height:22rem;overflow-y:auto;position:static;width:100%}.fullscreen--flow .mapCanvas>.mapZoom{bottom:auto;left:auto;position:absolute;right:21rem;top:1rem;z-index:6}}@media (min-width:960px){.fullscreen--flow .flowOverlay{align-items:flex-end;box-sizing:border-box;display:flex;flex-direction:column;gap:.6rem;left:auto;padding-right:1rem;pointer-events:none;position:absolute;right:0;top:1rem;width:min(20rem,100%);z-index:5}.fullscreen--dual .flowOverlay{left:0;right:auto;width:calc(50% - 4px)}.fullscreen--flow .flowOverlay .mapOptionLegend{background:#ffffffe6;border:1px solid #d7dce1;border-radius:1rem;box-shadow:0 1px 4px #00000014;box-sizing:border-box;height:auto;left:auto;max-height:none;min-height:4rem;overflow:hidden;padding:0;pointer-events:auto;position:relative;right:auto;top:auto;width:min(19rem,100%)}.fullscreen--flow .flowOverlay .mapOptionLegend.panelHeading{padding:.8rem 1rem}.fullscreen--flow .flowOverlay .mapOptionLegend .panelHeading{min-height:3.8rem;padding:.8rem 1rem}.fullscreen--flow .flowOverlay .mapOptionLegend .regionChecked{border-top:1px solid #e3e6e9;margin:0;max-height:21rem;overflow-y:auto;padding:.8rem;position:static;width:100%}.fullscreen--flow .flowOverlay .mapOptionLegend.trafficPop .regionChecked{max-height:17rem}.fullscreen--flow .partition>.mapOptionLegend.trafficPop{max-height:17rem;overflow-y:auto}.fullscreen--flow .panelHeading{font-size:1.3rem;gap:.6rem;white-space:nowrap}.fullscreen--flow .panelHeading svg{height:1.8rem;width:1.8rem}}
/*# sourceMappingURL=main.dcab1f11.css.map*/