@charset "utf-8"; /* CSS Document */

/* @font-face{font-family:'Pretendard GOV';font-weight:700;font-display:swap;src:local('Pretendard GOV Bold'),url(../../fonts/PretendardGOV-Bold.woff) format('woff'),url(../../fonts/PretendardGOV-Bold.woff2) format('font-woff2')}
@font-face{font-family:'Pretendard GOV';font-weight:500;font-display:swap;src:local('Pretendard GOV Medium'),url(../../fonts/PretendardGOV-Medium.woff) format('woff'),url(../../fonts/PretendardGOV-Medium.woff2) format('font-woff2')}
@font-face{font-family:'Pretendard GOV';font-weight:400;font-display:swap;src:local('Pretendard GOV Regular'),url(../../fonts/PretendardGOV-Regular.woff) format('woff'),url(../../fonts/PretendardGOV-Regular.woff2) format('font-woff2')} */

.Hidden {
    font-size: 0 !important;
    width: 0;
    position: absolute;
    height: 0;
}

/***** Cont *****/
.Popul_Visual_wrap * {
    line-height: 1.5;
    box-sizing: border-box;
    font-family: 'Pretendard GOV', 'Noto Sans Kr' !important;
}

.Popul_Visual_wrap {
    height: calc(100vh - 90px);
    background: linear-gradient(#D0D6DE, #EDF0F3 10px);
    display: flex;
}

.Popul_Visual_wrap .Left {
    padding: 50px;
    position: relative;
    z-index: 2;
}

.Popul_Visual_wrap .Left:has(+ .Open) {
    width: calc(100% - 855px)
}

.Popul_Visual_wrap .Left:has(+ .Close) {
    width: calc(100% - 79px)
}

.Popul_Visual_wrap .Left>* {
    /* z-index: 1; */
    /* position: relative; */
    /* width: 217px; */
}

.Popul_Visual_wrap .Left h2 {
    font-size:0; height:0; overflow:hidden;
    /*font-size: 32px;
    font-weight: 700;
    position: relative;
    padding-right: 25px;
    margin-bottom: 40px;
     pointer-events: none; */
}

.Popul_Visual_wrap .Left h2::after {
    /* content: ''; */
    display: inline-block;
    width: 13px;
    height: 8px;
    border-radius: 50%;
    background: #0180FF;
    position: absolute;
    transform: rotate(-30deg);
}

.Popul_Visual_wrap .Left h2 strong {
    display: block;
    background: url("../../images/popul_visual/common/logo_service_title_blue.svg") no-repeat left center;
    font-size: 0;
    width: 141px;
    height: 40px;
    text-indent: -1000px;
    overflow: hidden;
}

.Popul_Visual_wrap .Left .MapChart_Area {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0 !important;
    width: 100%;
    /* margin: 0 auto; */
    height: 100%;
    text-align: center;
    padding-left: 150px;
    overflow: auto;
}

.Popul_Visual_wrap .Left .MapChart_Area img {
    max-width: 100%;
    max-height: 100%;
    min-width: 788px;
    min-height: 875px;
}

.Popul_Visual_wrap .Left .MapChart_Area::-webkit-scrollbar {
    width: 16px;
    height: 16px;
}

.Popul_Visual_wrap .Left .MapChart_Area::-webkit-scrollbar-thumb {
    background-color: #ADC0CE;
    background-clip: padding-box;
    border-radius: 10px;
    border: transparent solid 4px;
}

.Popul_Visual_wrap .Left .MapChart_Area:hover::-webkit-scrollbar-thumb {
    background-color: #008BF2;
}

.Popul_Visual_wrap .Left .MapChart_Area::-webkit-scrollbar-track {
    background-color: transparent;
}

/* 좌측메뉴 - 규모 및 특성에 사용 */
.Popul_Visual_wrap .LNB01 {
    display: none;
}

.Popul_Visual_wrap .This+.LNB01 {
    display: block;
}

.Popul_Visual_wrap .LNB {
    /* background:#3240BC; */
    margin-bottom: 0px;
    width: 217px;
    /* padding: 10px; */
    /* border-radius: 10px 0 10px 10px; */
    overflow: hidden;
    /* height:111px; */
    transition: all 0.2s;
}

.Popul_Visual_wrap .LNB h3 {
    color: #fff;
    padding: 5px 0 10px 10px;
    font-size: 17px;
    font-weight: 700;
}

.Popul_Visual_wrap .LNB h3+button {
    border: rgba(255 255 255/20%) solid 1px;
    background: #fff url("../../images/popul_visual/component/arrow-down-b.svg") no-repeat right 12px center;
    background-size: 16px 9px;
    width: 100%;
    height: 46px;
    border-radius: 10px 0 10px 10px;
    text-align: left;
    padding-left: 15px;
    font-weight: 500;
    /* color:#fff; */
    font-size: 17px;
}

.Popul_Visual_wrap .LNB h3+button+.List {
    background: #fff;
    border-radius: 10px 0 10px 10px;
    /* margin-top:10px; */
    padding: 15px;
    overflow: hidden;
    padding-bottom: 0;
    transition: all 0.2s;
    height: 0;
    display: none;
    position: relative;
    z-index: 2;
}

.Popul_Visual_wrap .LNB h3+button+.List .option {
    margin-bottom: 5px;
    font-size: 17px;
    display: block;
}

.Popul_Visual_wrap .LNB h3+button+.List .option:hover {
    color: #000;
}

.Popul_Visual_wrap .LNB h3+button+.List .option.This {
    font-weight: 700;
}

.Popul_Visual_wrap .LNB h3+button+.List .option.This::after {
    content: '';
    display: inline-block;
    width: 15px;
    height: 10px;
    background: url("../../images/popul_visual/contents/icon_check.svg") no-repeat center center;
    margin-left: 4px;
}

.Popul_Visual_wrap .LNB h3+button+.List .BtnClose {
    font-size: 0;
    height: 35px;
    width: 100%;
    border-top: #333 solid 1px;
    margin-top: 16px;
    background: url("../../images/popul_visual/component/arrow-down.svg") no-repeat center center;
}

.Popul_Visual_wrap .LNB.Open h3+button+.List {
    height: auto;
    display: block;
}

.Popul_Visual_wrap .LNB.Open h3+button+.List {
    margin-top: -50px
}

/* 좌측탭메뉴 */
.LeftGNB {
    display: block;
    /* border-radius: 20px 0 20px 0; */
    background: #3858A7;
    padding-top: 0;
    width: 98px;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 1;
}

.LeftGNB>a {
    display: flex;
    font-size: 15px;
    color: #fff;
    /* font-weight: 700; */
    /* padding: 0 20px; */
    text-align: center;
    line-height: 1.1;
    /* width: 50%; */
    height: 90px;
    /* position: absolute; */
    /* left: 0; */
    /* top: 0; */
    align-items: center;
    transition: all 0.2s;
    /* background: #CEE3F7; */
    border-bottom: rgba(255 255 255/17%) solid 1px;
    flex-direction: column;
    justify-content: center;
}
.LeftGNB>a::before {content:'';display:block;height: 20px !important;margin-bottom: 10px;width: 30px;position: relative;background:url("../../images/popul_visual/common/icon_menu01.svg") no-repeat center center;}
.LeftGNB>a:nth-of-type(2)::before { background-image:url("../../images/popul_visual/common/icon_menu02.svg")}


.LeftGNB>a.This {
    background: #1C2B50;
    color: #fff;
    font-weight: 500; border:none;
}
.LeftGNB>a+.LNB01 { display:none}
.LeftGNB>a.This+.LNB01 {display:block;position:absolute;left: 98px;top:0;height: 370px;width: 19px;overflow: hidden;transition:all 0.2s;}
.LeftGNB>a.This+.LNB01.Open {width: 190px;}
.LeftGNB>a.This+.LNB01> [class*="Btn"] {position:absolute;right:0;width:20px;height: 45px;font-size:0;background:#587394;top: 20px;border-radius:0 5px 5px 0;text-indent:-1000px;overflow:hidden;}
.LeftGNB>a.This+.LNB01> [class*="Btn"]::before { content:''; z-index:2;display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:url("../../images/popul_visual/common/arrow_left_close.svg") no-repeat center center;}
.LeftGNB>a.This+.LNB01> [class*="BtnOpen"]::before {transform:rotate(180deg);}
.LeftGNB>a.This+.LNB01> .BtnOpen { display:block;}
.LeftGNB>a.This+.LNB01> .BtnClose { display:none;}
.LeftGNB>a.This+.LNB01.Open> .BtnOpen { display:none;}
.LeftGNB>a.This+.LNB01.Open> .BtnClose { display:block;}
.LeftGNB>a.This+.LNB01 .LNB {display:flex;flex-direction: column;align-items: flex-start;font-size: 15px;width: 170px;background:#fff;border:#D4DAE0 solid 1px;border-left:none;padding:20px; position:absolute;  right:19px; top:0; z-index:1;}
.LeftGNB>a.This+.LNB01 .LNB button {margin-bottom:8px;font-weight: 500;color: #5C6372;display:flex;align-items: center;}
.LeftGNB>a.This+.LNB01 .LNB button.This { color:#3858A7; font-weight:700}
.LeftGNB>a.This+.LNB01 .LNB button.This::after {content:'';display:inline-block;width:6px;height:6px;background:#0180FF;border-radius:50%;margin-left: 4px;position: relative;}


/* 맵차트 컨트롤 */
.MapControl {position:absolute;max-width: 44px;right:30px;top:30px;text-align:right;display: flex;flex-direction: column;align-items: flex-end;}
.MapControl >* {margin-bottom: 20px;}
.MapControl .Breadcrumb {display:flex;align-items: center;}
.MapControl .Breadcrumb>* {font-size:15px;color:#3D454E;display: inline-block;}
.MapControl .Breadcrumb .arrow { font-size:13px; margin:0 5px;}
.MapControl .Breadcrumb>a:first-child {background:url("../../images/popul_visual/common/icon_home.svg") no-repeat center center;/* display: inline-block; */text-indent: -1000px;overflow: hidden;font-size: 0;width: 16px;height: 16px;}

.MapControl .SizeControl { display:block; width:44px; box-shadow:0 3px 6px rgba(0 0 0/15%); border-radius:22px;}
.MapControl .SizeControl:last-child { margin-bottom:0;}
.MapControl .SizeControl button {display:block;position:relative;width:44px;height:44px;background: #fff;border: #BBC2CB solid 1px; margin-top:-1px; font-size:0; text-indent:-1000px; overflow:hidden; }
.MapControl .SizeControl button:first-child {border-radius:50% 50% 0 0; margin-top:0;}
.MapControl .SizeControl button:last-child {border-radius: 0 0 50% 50%;}
.MapControl .SizeControl button:only-child { border-radius:50%;}
.MapControl .SizeControl button::before {content:''; display:block; width:100%; height:100%; position:absolute; left:0; top:0;background:#fff no-repeat center center; opacity:0.7; transition:all 0.2s;}
.MapControl .SizeControl button:hover::before { opacity:1;}
.MapControl .SizeControl button.BtnExpand::before { background-image:url("../../images/popul_visual/common/map_control_expand.svg")  }
.MapControl .SizeControl button.BtnContract::before { background-image:url("../../images/popul_visual/common/map_control_contract.svg") }
.MapControl .SizeControl button.BtnReset::before { background-image:url("../../images/popul_visual/common/map_control_reset.svg") }
.MapControl .SizeControl button.BtnDownload::before { background-image:url("../../images/popul_visual/common/btn_save_img_b.svg") }

/* 유입인구지역개수 */
.SlideNum {background:#EDF0F3;border: #BBC2CB solid 1px;box-shadow:0 3px 6px rgba(0 0 0/15%);border-radius: 12px;padding: 15px 20px; width:200px; text-align:left;}
.SlideNum h4 { color:#1C2B50; font-size:15px; padding-left:0;}
.SlideNum h4::before { content:none;}
.SlideNum .Slide_2005 { width:100%;}


/* 대시보드 공통 */
.Dashboard {
    background: linear-gradient(to right, #fff 79px, #BDBDBD 79px, #BDBDBD 80px, #fff 80px);
    min-width: 79px;
    padding-left: 79px;
    position: relative;
    box-shadow: 0 10px 15px #ADC0CE;
    z-index: 3;
    transition: all 0.1s;
    border-top: #BDBDBD solid 1px;
    min-height: 70px;
    overflow-x: hidden;
}

.Dashboard.Open {
    width: 855px;
    left: 0;
    height: calc(100vh - 90px);
}

.Dashboard.Close {
    left: 0;
    width: 79px;
}

.Dashboard .BoardCont {
    height: 100%;
    padding-top: 79px;
    width: 100%;
    max-width: 776px;
    min-width: 500px;
    position: relative;
}

.Dashboard [class*='Board_Btn_'] {
    position: absolute;
    width: 79px;
    height: 79px;
    left: 0;
    top: 0;
    font-size: 0;
    text-indent: -1000px;
    overflow: hidden;
    background: url(../../images/popul_visual/component/arrow-down.svg) no-repeat center center;
    transform: rotate(90deg);
    transition: all 0.1s;
}

.Dashboard.Close .Board_Btn_Close {
    display: none;
}

.Dashboard.Close .Board_Btn_Open {
    display: block;
    transform: rotate(-90deg);
}

.Dashboard.Open .Board_Btn_Close {
    display: block;
    transform: rotate(90deg);
}

.Dashboard.Open .Board_Btn_Open {
    display: none;
}

/* 지역 및 시점 선택 */
.Popul_Visual_wrap .Setting {
    width: 100%;
    position: absolute;
    left: 1px;
    top: 0;
    display: flex;
    min-height: 80px;
    z-index: 3;
}

.Popul_Visual_wrap .Setting>.SelectArea {
    width: calc(50% + 2px);
    height: 80px;
    overflow: hidden;
    background: #fff;
    border: #BDBDBD solid 1px;
    border-radius: 0;
    margin-left: -1px;
    margin-top: -1px;
    margin-right: -1px;
    transition: all 0.2s;
    position: absolute;
    top: 0;
}

.Popul_Visual_wrap .Setting>.SelectArea:first-child {
    left: 0;
}

.Popul_Visual_wrap .Setting>.SelectArea:last-child {
    right: 0;
}

.Popul_Visual_wrap .Setting>.SelectArea::before {
    content: '';
    width: 16px;
    height: 10px;
    display: block;
    background: url(../../images/popul_visual/component/arrow-down.svg) no-repeat center center;
    position: absolute;
    right: 30px;
    top: 35px;
    transform: rotate(180deg);
    transition: all 0.2s;
    pointer-events: none;
}

.Popul_Visual_wrap .Setting>.SelectArea>button {
    border: none
}

.Popul_Visual_wrap .Setting>.SelectArea>button:first-of-type {
    height: 79px;
    border-bottom: #BDBDBD solid 1px;
    width: 100%;
    text-align: left;
    color: #2F4A68;
    font-weight: 700;
    padding-left: 75px;
    font-size: 24px;
    background: url(../../images/popul_visual/contents/icon_calendar.svg) no-repeat left 35px center;
    border-radius: 0;
}
.Popul_Visual_wrap .Setting>.SelectArea>button:first-of-type span { font-size:inherit; font-weight:inherit; color:inherit}

.Popul_Visual_wrap .Setting>.SelectArea:last-of-type>button:first-of-type {
    background-image: url(../../images/popul_visual/contents/icon_position.svg)
}

.Popul_Visual_wrap .Setting>.SelectArea.Open {
    height: auto;
    /* box-shadow:0 0 10px rgba(0 0 0/30%); */
    overflow: visible;
    z-index: 2;
}

.Popul_Visual_wrap .Setting>.SelectArea.Open::before {
    transform: rotate(0deg);
}

.Popul_Visual_wrap .Setting>.SelectArea.Open .BtnClose {
    position: absolute;
    font-size: 0;
    text-indent: -1000px;
    overflow: hidden;
    width: 30px;
    height: 30px;
    top: 25px;
    right: 28px;
    border: none;
}

.Popul_Visual_wrap .Setting>.SelectArea h4::before {
    content: none;
}

.Popul_Visual_wrap .AreaPannel {
    padding: 25px;
}

.Popul_Visual_wrap .AreaPannel.button {
    padding: 0 25px
}

.Popul_Visual_wrap .AreaPannel.button .BtnArea {
    padding: 25px 0 10px 0;
    border-top: #707070 solid 1px;
}

.Popul_Visual_wrap .AreaPannel.button .BtnArea .List {
    display: flex;
    flex-wrap: wrap;
}

.Popul_Visual_wrap .AreaPannel.button .BtnArea button {
    width: calc((100% - 48px)/4);
    margin-right: 16px;
    margin-bottom: 16px;
    background: #EAECEF;
    height: 40px;
    border-radius: 4px;
    transition: all 0.2s;
}

.Popul_Visual_wrap .AreaPannel.button .BtnArea button:nth-child(4n) {
    margin-right: 0;
}

.Popul_Visual_wrap .AreaPannel.button .BtnArea button.This {
    background: #fff;
    border: #707070 solid 1px;
    box-shadow: 0 0 10px rgba(0 0 0/15%);
}

/* 일반 셀렉트 */
.SelectArea {
    display: inline-block;
    height: 38px;
    overflow: hidden;
    background: transparent;
    position: relative;
    transition: all 0.2s;
    border-radius: 4px;
    font-size: 14px;
}

.SelectArea::before {
    content: '';
    width: 13px;
    height: 8px;
    display: block;
    background: url(../../images/popul_visual/component/arrow-down.svg) no-repeat center center;
    background-size: contain;
    position: absolute;
    right: 10px;
    top: 13px;
    transform: rotate(180deg);
    transition: all 0.2s;
    pointer-events: none;
}

.SelectArea>button {
    height: 37px;
    border: #CCCFD4 solid 1px;
    width: 100%;
    border-radius: 4px;
    text-align: left;
    color: inherit;
    padding-left: 10px;
    padding-right: 30px;
    font-size: inherit;
    box-sizing: border-box;
    white-space: nowrap;
    min-width: 90px;
}
.SelectArea>button* {font-size:inherit !important}

.SelectArea>button.BtnClose {
    display: none;
}

.SelectArea.Open {
    height: auto;
    overflow: visible;
    z-index: 2;
}

.SelectArea.Open::before {
    transform: rotate(0deg);
}

.SelectArea.Open>.BtnClose {
    position: absolute;
    font-size: 0 !important;
    text-indent: -1000px;
    overflow: hidden;
    width: 30px;
    height: 30px;
    top: 0;
    right: 0;
    border: none !important;
}

.SelectArea>.List {
    position: absolute;
    background: #fff;
    border: #CCCFD4 solid 1px;
    width: 100%;
    border-radius: 0 0 5px 5px;
    overflow: hidden;
    height: 0;
    margin-top: 10px
}

.SelectArea.Open>.List {
    height: auto;
    margin-top: -1px;
    max-height: 300px;
    overflow: auto;
}

.SelectArea.Open>button {
    border-radius: 5px 5px 0 0;
}

.SelectArea.Open>button.BtnClose {
    display: block;
}

.SelectArea>.List button {
    display: block;
    padding: 5px 10px;
}

.AreaPannel .SelectArea.Open>.BtnClose {
    display: block;
    right: 0 !important;
    top: 0 !important;
    height: 37px !important;
}

.AreaPannel .SelectArea>.BtnClose {
    display: none;
}

/* 수치 온오프 */
.Popul_Visual_wrap .ViewDec {
    display: flex;
    align-items: center;
    position: absolute;
    right: 8px;
    top: 58px;
    z-index: 1;
    height: auto;
}

.Popul_Visual_wrap .ViewDec dt {
    font-size: 12px;
    font-weight: 500;
    margin-right: 8px;
}

.Popul_Visual_wrap .ViewDec dd {
    width: 21px;
    height: 6px;
    border-radius: 15px;
    background: rgba(0 0 0/18%);
    position: relative;
    display: flex;
    align-items: center;
}

.Popul_Visual_wrap .ViewDec dd::before {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    background: #008FFC url(../../images/popul_visual/component/icon_check.svg) no-repeat center center;
    background-size: 8px 6px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 20px;
    transition: all 0.2s;
}

.Popul_Visual_wrap .ViewDec dd button {
    font-size: 0;
    width: 100%;
    height: 22px;
    text-align: center;
    z-index: 0;
}

.Popul_Visual_wrap .ViewDec.on dd::before {
    left: auto;
    right: 0;
}

.Popul_Visual_wrap .ViewDec.on dd button.ViewDecOff {
    color: #fff;
    font-weight: bold;
}

.Popul_Visual_wrap .ViewDec.on dd button.ViewDecOn {
    display: none;
}

.Popul_Visual_wrap .ViewDec.off dd::before {
    left: 0px;
    background: #fff;
    border: #666 solid 1px;
}

.Popul_Visual_wrap .ViewDec.off dd button.ViewDecOn {
    color: #fff;
    font-weight: bold;
}

.Popul_Visual_wrap .ViewDec.off dd button.ViewDecOff {
    display: none;
}

/* 뷰타입 선택 버튼 */
.Popul_Visual_wrap .TypeSelect {
    display: inline-block;
    overflow: auto;
    /* position: absolute; */
    /* right: 0; */
    /* top: 0; */
}

.Popul_Visual_wrap .TypeSelect>button {
    background: #F1F3F5;
    border: #CCCFD4 solid 1px;
    display: inline-block;
    float: left;
    margin-left: -1px;
    height: 37px;
    padding: 0 10px;
    min-width: 38px;
    font-size: 15px;
    color: #83929F;
    transition: all 0.2s;
}

.Popul_Visual_wrap .TypeSelect>button:first-child {
    margin-left: 0;
    border-radius: 4px 0 0 4px;
}

.Popul_Visual_wrap .TypeSelect>button:last-child {
    border-radius: 0 4px 4px 0 ;
}

.Popul_Visual_wrap .TypeSelect>button[class*="ViewType_"] {
    font-size: 0;
    text-indent: -1000px;
    overflow: hidden;
    position: relative;
}

.Popul_Visual_wrap .TypeSelect>button[class*="ViewType_"]::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: no-repeat center center;
    position: absolute;
    left: 0;
    top: 0;
}

.Popul_Visual_wrap .TypeSelect>button.ViewType_stick::before {
    background-image: url("../../images/popul_visual/contents/chart_stick_g.svg")
}

.Popul_Visual_wrap .TypeSelect>button.This.ViewType_stick::before {
    background-image: url("../../images/popul_visual/contents/chart_stick_w.svg")
}

.Popul_Visual_wrap .TypeSelect>button.ViewType_line::before {
    background-image: url("../../images/popul_visual/contents/chart_line_g.svg")
}

.Popul_Visual_wrap .TypeSelect>button.This.ViewType_line::before {
    background-image: url("../../images/popul_visual/contents/chart_line_w.svg")
}

.Popul_Visual_wrap .TypeSelect>button.ViewType_Visual::before {
    background-image: url("../../images/popul_visual/contents/icon_visual_g.svg")
}

.Popul_Visual_wrap .TypeSelect>button.This.ViewType_Visual::before {
    background-image: url("../../images/popul_visual/contents/icon_visual_w.svg")
}

.Popul_Visual_wrap .TypeSelect>button.ViewType_Data::before {
    background-image: url("../../images/popul_visual/contents/icon_data_g.svg")
}

.Popul_Visual_wrap .TypeSelect>button.This.ViewType_Data::before {
    background-image: url("../../images/popul_visual/contents/icon_data_w.svg")
}

.Popul_Visual_wrap .TypeSelect>button.This {
    background-color: #61758F !important;
    border: none;
    color: #fff;
    position: relative;
    z-index: 1;
}

/* 지역 및 시점 선택 내부 셀렉트 */
.Popul_Visual_wrap .AreaPannel.select {
    display: flex
}

.Popul_Visual_wrap .AreaPannel.select .SelectArea {
    width: calc((100% - 16px)/2)
}

.Popul_Visual_wrap .AreaPannel.select .SelectArea:first-child {
    margin-right: 16px;
}

/*////////////////////////////// 결과내용 //////////////////////////////*/
.Popul_Visual_wrap .Result {
    padding: 12px 20px 5px;
    max-height: 100%;
    overflow: auto;
}

.Popul_Visual_wrap .Result::-webkit-scrollbar {
    width: 16px;
    height: 16px;
}

.Popul_Visual_wrap .Result::-webkit-scrollbar-thumb {
    background-color: #ADC0CE;
    background-clip: padding-box;
    border-radius: 10px;
    border: transparent solid 4px;
    transition: all 0.2s;
}

.Popul_Visual_wrap .Result:hover::-webkit-scrollbar-thumb {
    background-color: #008BF2;
}

.Popul_Visual_wrap .Result::-webkit-scrollbar-track {
    background-color: transparent;
}

.ChartArea {
    width: 100%;
    position: relative;
    z-index: 0;
}

.Popul_Visual_wrap .Result>[class*="Block"] {
    position: relative;
    float: left;
    width: 100%;
    /* margin-bottom: 20px; */
    padding: 8px;
}

.Popul_Visual_wrap .Result>[class*="Block"] h3 {
    padding: 10px 0;
    font-size: 19px;
    font-weight: 500;
    margin-bottom: 2px;
}
.Popul_Visual_wrap .Result>[class*="Block"] h3+.BtnGroup {position:absolute;right: 8px;top: 8px;}
.Popul_Visual_wrap .Result>[class*="Block"] h3+.BtnGroup>* {margin-right: 6px;}
.Popul_Visual_wrap .Result>[class*="Block"] h3+.BtnGroup>*:last-child { margin-right:0;}
.Popul_Visual_wrap .Result>[class*="Block"] h3+.BtnGroup .BtnDownload {
    background: #fff;
    border: #CCCFD4 solid 1px;
    height: 37px;
    padding: 0 10px;
    display: inline-block;
    vertical-align: top;
    border-radius: 4px;
    font-size: 14px;
}.Popul_Visual_wrap .Result>[class*="Block"] h3+.BtnGroup .BtnDownload::before {content:'';display:inline-block;width:20px;height:20px;background:url("../../images/popul_visual/common/btn_save_img_g.svg") no-repeat center center;position: relative;margin-right: 5px;vertical-align: middle;}

.Popul_Visual_wrap .Result>[class*="Block"] h3 .Unit {
    font-size: 15px;
    font-weight: 300;
}

.Popul_Visual_wrap .Result>.Block1_01 {
    height: 406px;
}

.Popul_Visual_wrap .Result>.Block1_02 {
    /* height: 345px; */
    padding-right: 330px;
}

.Popul_Visual_wrap .Result>.Block1_02 .TypeSelect {
    right: 330px;
}

.Popul_Visual_wrap .Result>.Block1_02 .ViewDec {
    right: 350px;
    top: 65px;
}

.Popul_Visual_wrap .Result>.Block1_02 .ChartArea {
    background: #F3F5F6;
    min-height: 284px;
    border-radius: 8px;
    padding: 15px;
    padding-top: 50px;
}

.Popul_Visual_wrap .Result>.Block1_02 h4 {
    position: absolute;
    left: 15px;
    margin-top: 12px;
    z-index: 2;
    width: calc(100% - 320px - 100px);
}
.Popul_Visual_wrap .Result>.Block1_02 h4 span:first-child { font-size:inherit}

.Popul_Visual_wrap .Result>.Block1_02 h4::before {
    content: none;
}

.Popul_Visual_wrap .Result>.Block1_02 h4 .Unit {
    font-weight: 300;
    font-size: 13px;
    display: block;
}

.Popul_Visual_wrap .Result>.Block1_02 .Special_List {
    position: absolute;
    right: 8px;
    bottom: 0;
    width: 300px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.Popul_Visual_wrap .Result>.Block1_02 .Special_List button {
    width: calc((100% - 8px)/2);
    margin-bottom: 8px;
    text-align: left;
    height: 65px;
    background: #F1F3F5;
    padding: 10px 13px;
    border-radius: 8px;
    border: #D0D6DE solid 1px;
    transition: all 0.2s;
    position: relative;
}

.Popul_Visual_wrap .Result>.Block1_02 .Special_List button * {
    transition: all 0.2s;
    font-size: inherit;
    font-weight:inherit;
    color:inherit;
}

.Popul_Visual_wrap .Result>.Block1_02 .Special_List button:nth-child(odd) {
    margin-right: 8px;
}

.Popul_Visual_wrap .Result>.Block1_02 .Special_List button .Title {
    font-size: 15px;
    font-weight: 600;
    display: block;
}

.Popul_Visual_wrap .Result>.Block1_02 .Special_List button .Dec {
    font-size: 24px;
    font-weight: 700;
    text-align: right;
    color: #3858A7;
    display: block;
}

.Popul_Visual_wrap .Result>.Block1_02 .Special_List button .Dec .Unit {
    font-size: 20px;
    font-weight: 500;
    color: inherit;
}

.Popul_Visual_wrap .Result>.Block1_02 .Special_List button.This {
    background: #61758F;
    border: none;
    transform: scale(1.1, 1.2);
    box-shadow: 0 0 15px rgba(0 0 0/30%);
    position: relative;
    z-index: 1;
}

.Popul_Visual_wrap .Result>.Block1_02 .Special_List button.This .Title {
    color: #fff;
}

.Popul_Visual_wrap .Result>.Block1_02 .Special_List button.This .Dec {
    color: #fff;
}

/* 시군구별 유입지역 분석 */
.Popul_Visual_wrap .Result>.Block2_01 {
    /* min-height: 450px; */
}
.Popul_Visual_wrap .Result>.Block2_01>h3+.SelectArea {position:absolute;right:0;top:0;background: #F1F3F5;min-width: 89px;}

.Popul_Visual_wrap .Result>.Block2_02 {
    /* height: 327px; */
    /* margin-bottom: 0; */
}

.Popul_Visual_wrap .Result>.Block2_02 h3 {
    /* margin-bottom: 20px; */
}

.Popul_Visual_wrap .Result>.Block2_01 .ChartArea {
    min-height: 320px;
}

/* 최종 분석 */
.Popul_Visual_wrap .analyze {
    display: flex;
    width: 100%;
    border-radius: 20px;
    /* border: #BAC6D2 solid 3px; */
    background: #727E8E;
    box-shadow: 0 0 10px #BAC6D2;
    align-items: center;
    justify-content: center;
    padding: 5px;
    font-size: 17px;
    color: #fff;
    flex-wrap: wrap;
    margin-bottom: 15px;
}

.Popul_Visual_wrap .analyze .SelectArea {
    height: 30px;
    margin-left: 10px;
    position: relative;
    overflow: visible;
    border: none;
}
.Popul_Visual_wrap .analyze .SelectArea::before { border:#fff solid 1px; background:none; width:8px; height:8px; border-width:2px 2px 0 0; transform:rotate(135deg); top:7px; transition:all 0.2s;}
.Popul_Visual_wrap .analyze .SelectArea.Open::before {transform:rotate(-45deg); top:12px}
.Popul_Visual_wrap .analyze .SelectArea>button {
    height: 30px;
    /* width: 30px; */
    border-bottom: none;
    font-size: 17px;
    font-weight: 700;
    color: #fff;
    border: #BAC6D2 solid 1px;
    border-radius: 4px;
    /* top: 0; */
    /* right: 0; */
}

.Popul_Visual_wrap .analyze .SelectArea .List {
    position: absolute;
    left: 0;
    top: 29px;
    height: 0;
    overflow: hidden;
    background: #fff;
    width: 100%;
    border: #BAC6D2 solid 1px;
    border-radius: 0 0 5px 5px;
    opacity: 0;
    transition: all 0.2s;
}

.Popul_Visual_wrap .analyze .SelectArea.Open .List {
    height: auto;
    opacity: 1
}

.Popul_Visual_wrap .analyze .SelectArea>button.BtnClose {
    display: none;
}

.Popul_Visual_wrap .analyze .SelectArea.Open>button.BtnClose {
    display: block;
}

.Popul_Visual_wrap .analyze b {
    color: #fff;
    display: inline-block;
    margin-left: 10px;
    font-size: inherit;
}
.Popul_Visual_wrap .analyze b * { color:inherit; font-size:inherit}

.Popul_Visual_wrap .analyze strong {
    color: #FFf;
    display: inline-block;
    margin-left: 10px;
    font-size: inherit;
    text-decoration: underline;
}
.Popul_Visual_wrap .analyze strong * { color:inherit; font-size:inherit;}

/* 단위선택 - 등록지 체류인구 */
.Block2_02 div.SelectArea {
    /* position: absolute; */
    /* right: 0; */
    /* top: 0; */
    /* background: #F1F3F5; */
}

/* 특성별, 유형별 */
.Block_2part {
    display: none;
    /* overflow: auto; */
}
.Block_2part .ViewDec { top:0}

.Block_2part.Open {
    display: flex;
}

.Block_2part > div {
    float: left;
    width: calc((100% - 30px)/2);
    position: relative;
    min-height: 210px;
}

.Block_2part > div:first-child {
    margin-right: 30px;
}

.Block_2part > div h4 {
    margin-bottom: 10px;
    padding-left: 0
}

.Block_2part > div h4::before {
    content: none;
}

.Block_2part > div h4+* {
    height: 210px;
}

.Block_2part table {
    border: #BAC6D2 solid 3px;
    border-width: 3px 0;
    border-spacing: 0 0 !important;
    /* table-layout: fixed; */
}

.Block_2part table caption {
    font-size: 0 !important;
    width: 0 !important;
    height: 0 !important;
}

.Block_2part table th {
    background: rgba(0 0 0/4%);
    font-weight: 500;
}
.Block_2part table thead th { padding:4px 0}
.Block_2part table tbody th {width:50px !important;}

.Block_2part > div:first-child table * {
    font-size: 17px;
    color: #212121;
}

.Block_2part > div:last-child table * {
    font-size: 13px;
    color: #212121;
    line-height: 1;
}

.Block_2part table th, .Block_2part table td {
    border: #BAC6D2 solid 1px;
}

.Block_2part table td {
    text-align: right;
    padding: 0 15px;
}

.Block_2part table tbody tr:first-child>* {
    border-top: none;
}

.Block_2part table b {
    color: #E56C69 !important;
    font-weight: 700;
}

.Block_2part > div:first-child table td {
    height: 60px
}

.Popul_Visual_wrap .ViewDec:has(+ .Block_2part.Visual:not(.Open)) {
    display: none
}

.ViewPoint_Control {position:absolute;right:70px;top:30px;display: flex;}
.ViewPoint_Control>button { font-size:0; width:20px; height:18px; display:inline-flex; text-indent:-1000px; overflow:hidden; position:relative;margin-right:16px;}
.ViewPoint_Control>button:last-child { margin-right:0}
.ViewPoint_Control>button::before { content:''; display:block; width:16px; height:16px; background: no-repeat center center; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); transition:margin 0.2s;}
.ViewPoint_Control>button[class*="before"]::before {background-image:url(../../images/popul_visual/contents/month_before.svg); }
.ViewPoint_Control>button[class*="before"]:hover::before { margin-left:-3px;}
.ViewPoint_Control>button[class*="after"]::before {background-image:url(../../images/popul_visual/contents/month_after.svg)}
.ViewPoint_Control>button[class*="after"]:hover::before { margin-left:3px;}


@media (max-width:1280px) {
    .Popul_Visual_wrap {height: calc(100vh - 60px);}
    .mobileNav {display: none !important;}
    .Dashboard {border-top:none;position:absolute;}
    .Dashboard.Open {left: auto !important;right: 0;max-width: 100%;height: calc(100vh - 60px);}
    .Dashboard.Close {left: auto !important;right: 0; }
    .Popul_Visual_wrap .Left:has(+ .Open) { width:calc(100% - 98px)}
}
@media (max-width:855px) {
    .Dashboard .BoardCont { padding-top:70px}
    .Popul_Visual_wrap .Setting>.SelectArea>button:first-of-type {height:70px;font-size: 22px;background-position: 24px center;}
    .Popul_Visual_wrap .Setting>.SelectArea { height:71px}
    .Popul_Visual_wrap .Result {padding: 16px 24px 5px 24px;}
    .Popul_Visual_wrap .Setting>.SelectArea::before { top:30px}
    .ViewPoint_Control { top:26px}
}
@media (max-width:768px) {
    .Popul_Visual_wrap .Left {padding: 45px 24px 24px 24px;position: relative;width: 100% !important;}
    .LeftGNB {width: 100%;height: 45px; top:0; display: flex; flex-direction: row;}
    .LeftGNB>a {width:50%;height:100%; flex-direction: row; margin: 0;float: left;}
    .LeftGNB>a::before { margin-bottom:0; margin-right:20px}
    .LeftGNB>a.This+.LNB01 {width: 50% !important;top:45px;left:0;overflow:visible;height: auto;min-height: 45px;}
    .LeftGNB>a.This+.LNB01 .LNB {width:100%;right: 0;background: #1C2B50;border: none;transition:all 0.2s;height:0;overflow:hidden;padding: 0 20px;}
    .LeftGNB>a.This+.LNB01.Open .LNB {height:auto;padding: 20px;}
    .LeftGNB>a.This+.LNB01> [class*="Btn"] {width:45px;position:absolute;right:0;top:-45px;background-color: transparent;}
    .LeftGNB>a.This+.LNB01> [class*="Btn"]::before {transform: rotate(270deg);}
    .LeftGNB>a.This+.LNB01.Open> .BtnClose::before {transform: rotate(90deg);}
    .LeftGNB>a.This+.LNB01 .LNB button { color:rgba(255 255 255/80%);}
    .LeftGNB>a.This+.LNB01 .LNB button.This {color:#0180FF}

    .Dashboard {padding-left:0;/* height: calc(100vh - 105px) !important; */left:100%;top: 105px;background: #fff;}
    .Dashboard.Open {right:auto;left:0;top: 60px;}
    .Dashboard.Close {width:0;padding: 0;right: 100%;}
    .Dashboard.Close .Board_Btn_Open {width:32px;height:32px;position:fixed;top:121px;right:24px;left: auto;background-color: #fff;border: #BBC2CB solid 1px;border-radius: 50%;z-index: 0;}
    .MapControl { max-width:32px; right:24px; top:110px}
    .MapControl .SizeControl { width:32px}
    .MapControl .SizeControl button { width:32px; height:32px}
    .MapControl .SizeControl button::before { background-size:16px 16px !important}

    .Dashboard.Open .Board_Btn_Close {position:absolute;top:0;right: 0;left: auto;height: 45px;width: 55px;}
    .Dashboard.Open .SelectArea>button.BtnClose {position:absolute;top:0;/* left:0; */}
    .Popul_Visual_wrap .Setting>.SelectArea.Open .BtnClose {right: 10px;top: 10px;}
    .Popul_Visual_wrap .Setting { min-height:50px; top:45px; margin-left:-1px}
    .Popul_Visual_wrap .Setting>.SelectArea { height:51px}
    .Popul_Visual_wrap .Setting>.SelectArea>button:first-of-type {height:50px;padding-left: 60px;font-size: 19px;}
    .ViewPoint_Control {top:16px;right: 60px;}
    .Popul_Visual_wrap .Setting>.SelectArea::before {/* height:50px; */top: 22px;right: 20px;}
    .Dashboard .BoardCont { padding-top: 95px; }
}
@media (max-width:650px) {
    .Popul_Visual_wrap .Result>.Block1_02 {padding-right: 8px;padding-bottom:200px;height: auto;}
    .Popul_Visual_wrap .Result>.Block1_02 .TypeSelect { right:0}
    .Popul_Visual_wrap .Result>.Block1_02 .ViewDec {right: 20px;top: 65px;}
    .Popul_Visual_wrap .Result>.Block1_02 .Special_List {top:auto;width: calc(100% - 16px);bottom:0;}
    .Popul_Visual_wrap .Result>.Block1_02 .ChartArea {min-height: 290px;}
    .Popul_Visual_wrap .Result>.Block1_02 h4 {width: calc(100% - 80px);}
    .Popul_Visual_wrap .Result>.Block1_02 .Special_List button { width:calc((100% - 48px)/4); margin-right:16px !important; position:relative; }
    .Popul_Visual_wrap .Result>.Block1_02 .Special_List button:nth-child(4n) { margin-right:0 !important}
    .Popul_Visual_wrap .Result>.Block1_02 .Special_List button .Title { letter-spacing:-1px; position:absolute; left:12px; top:10px; line-height:1.1 !important;}
    .Popul_Visual_wrap .Result>.Block1_02 .Special_List button .Dec .Unit { font-size:17px}
    .Popul_Visual_wrap .Result>.Block1_02 .Special_List button .Dec {font-size:19px;position:absolute;right:15px;bottom: 6px;}

    .Block_2part.Open { flex-direction:column;}
    .Block_2part > div {width:100%;margin-right: 0 !important;}
    .Block_2part > div:first-of-type { margin-bottom:20px;}
}
@media (max-width:560px) {
    .Popul_Visual_wrap .Setting {/* flex-direction:row; */}
    .Popul_Visual_wrap .Setting>.SelectArea>button:first-of-type {padding-left:45px;background-size:20px;background-position:16px;font-size: 17px;}
    .Popul_Visual_wrap .Setting>.SelectArea::before { right:16px}
    .ViewPoint_Control { top:5px; right:50px}
    .ViewPoint_Control>button { width:32px; height:32px; margin:5px}
    .Popul_Visual_wrap .Result>.Block1_02 { padding-bottom:300px}
    .Popul_Visual_wrap .Result>.Block1_02 .Special_List button { height:60px; margin-right:0 !important; width:calc((100% - 16px)/2);}
    .Popul_Visual_wrap .Result>.Block1_02 .Special_List button:nth-child(odd) { margin-right:16px !important;}
    .Popul_Visual_wrap .Result>.Block1_02 .Special_List button.This { transform:scale(1.05, 1.1)}
}

@media (max-width:520px) {
    .Popul_Visual_wrap {height: calc(100vh - 3.125rem);position: relative;}
    .Dashboard .BoardCont {padding-top:45px;min-width: 0;}
    .Popul_Visual_wrap .Left { padding-left:16px; padding-right:16px}
    .Dashboard.Close .Board_Btn_Open {right:16px;top: 115px;}
    .MapControl { right:16px}
    .MapControl .SizeControl { margin-bottom:16px}
    .Dashboard.Open {width:100%;height: calc(100vh - 3.125rem) !important;top: 0;}
    .Popul_Visual_wrap .Setting {position:relative;top:0;display: flex;flex-direction: column;}
    .Popul_Visual_wrap .Setting>.SelectArea {position:relative;/* left:auto; */width: 100%;}
    .Popul_Visual_wrap .AreaPannel { padding:16px}
    .Popul_Visual_wrap .AreaPannel.button { padding:0 16px}
    .Popul_Visual_wrap .Result {padding-left: 8px;padding-right: 8px;max-height: calc(100vh - 3.125rem - 100px - 45px);}
    .Popul_Visual_wrap .Setting>.SelectArea { border-right:none}

    .Popul_Visual_wrap .Result>[class*="Block"] h3+.BtnGroup .BtnDownload {width:37px;font-size:0;padding:0;text-indent:-1000px;overflow:hidden;clip-path:inset(0 0 0 0);position: relative;}
    .Popul_Visual_wrap .Result>[class*="Block"] h3+.BtnGroup .BtnDownload::before {position:absolute;left:50%;top:50%;transform: translate(-50%, -50%);}
}