@charset "UTF-8";

main {
    /* position: relative; */
    height: 100%;
    min-height: 768px;
}

.mapArea {
	position: fixed;
	width:100%;
	height: 100vh;
}

.main-wrap {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    max-width: 1820px;
    width: 100%;
    margin: 0 auto;
    padding: 40px 0;
    gap: 40px;
}

.left-conts {
    width: 260px;
}

.left-titleBox {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 150px;
    background-color: #5CB531;
}

.left-titleBox::after {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    content: "";
    width: 0px;
    height: 0px;
    border-bottom: 40px solid transparent;
    border-right: 40px solid #fff;
}

.left-titleBox h2 {
    color: #fff;
    font-size: 1.75rem;
    font-weight: 600;
    font-family: 'elice', sans-serif;
}

.left-acodianBox li .acodian-btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #DFDFDF;
    font-size: 1.25rem;
    color: #66645D;
    padding: 20px 30px;
}

.left-acodianBox li .acodian-btn.acodian-active {
    border: 1px solid #66645D;
    background-color: #66645D;
    color: #fff;
}


.remove-icon {
    display: block;
    width: 24px;
    height: 24px;
    background: url(../images_new/remove.png) no-repeat center/contain;
}

.add-icon {
    display: block;
    width: 24px;
    height: 24px;
    background: url(../images_new/add.png) no-repeat center/contain;
}

.acodian-2depthBox {
    display: none;
}

.acodian-2depthBox li .acodian-2depth-btn {
    display: block;
    padding: 14px 30px;
    background-color: #F5F5F5;
    border: 1px solid #DFDFDF;
    color: #66645D;
    font-size: 1.125rem;
}

.acodian-2depthBox li .acodian-2depth-btn:hover,
.acodian-2depthBox li .acodian-2depth-btn.acodian-2depth-btn-active {
    color: #5CB531;
}

.right-conts {
    width: calc(100% - 300px);
}

.board-title-wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    border-bottom: 1px solid #C8C8C8;
    padding-bottom: 14px;
}

.board-title-wrap h2 {
    font-size: 1.75rem;
    font-weight: 600;
    font-family: 'elice';
    color: #66645D;
}

.navigationBox {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 4px;
}

.navigationBox li {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.875rem;
    gap: 4px;
    color: #989898;
}

.navigationBox li:last-child {
    font-weight: 600;
}

.navigationBox li .nav-home {
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images_new/navigation_home.png) no-repeat center/contain;
}

.navigationBox li::after {
    display: block;
    content: "";
    width: 15px;
    height: 15px;
    background: url(../images_new/navigation_next.png) no-repeat center/contain;
}

.navigationBox li:last-child::after {
    background: none;
}

.searchBox-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #F3FFEE;
    margin-top: 20px;
    padding: 10px 40px;
}

.searchBox-flex-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 50px;
}

.selectBox-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.administrative-btn-wrap button {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 245px;
    padding: 6px 10px;
    border: 1px solid #E4E4E4;
    background-color: #fff;
    font-size: 1.125rem;
}

.administrative-btn-wrap button::after {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background: url(../images_new/magnifier.png) no-repeat center/contain;
}

.select-name {
    font-size: 1.125rem;
    color: #66645D;
}

.selectBox {
    width: 125px;
}

.selectBox select {
    width: 100%;
    font-size: 1.125rem;
}

.choice-nemaBox {
    width: 268px;
    background-color: #D7E8CF;
    padding: 10px;
    text-align: center;
}

.choice-nemaBox p {
    color: #339816;
    font-size: 1.125rem;
    font-weight: 500;
}

.table-top-conts-wrap {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    flex-direction: column;
}

.table-top-conts-wrap p {
    padding: 9px;
    font-size: 0.875rem;
    color: #66645D;
    margin-top: 10px;
}

.downloadBox {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-top: 20px;
}

.downloadBox button {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border: 1px solid #0F7B3F;
    border-radius: 5px;
    padding: 4px 10px;
    color: #0F7B3F;
}

.downloadBox button .excel-icon {
    display: block;
    width: 30px;
    height: 30px;
    background: url(../images_new/excel_icon.png) no-repeat center/contain;
}

.downloadBox button .download-icon {
    display: block;
    width: 24px;
    height: 24px;
    background: url(../images_new/download.png) no-repeat center/contain;
}

.tableBox-wrap {
    width: 100%;
    height: 445px;
    margin-top: 10px;
    overflow: auto;
}

.tableBox-wrap table {
    width: 100%;
    border-top: 3px solid #5CB531;
    white-space: nowrap;
}

.tableBox-wrap table thead tr th {
    padding: 10px 0;
    text-align: center;
    background-color: #F2F2F2;
    border-left: 1px solid #D9D9D9;
    border-bottom: 1px solid #D9D9D9;
    vertical-align: middle;
    color: #393939;
    font-weight: 600;
}

.tableBox-wrap.tableBox-scroll-wrap {
    width: 100%;
    height: 445px;
    margin-top: 10px;
    overflow: auto;
}

.tableBox-wrap.tableBox-scroll-wrap table {
    width: 100%;
    min-width: 1800px;
    border-top: 3px solid #5CB531;
    white-space: nowrap;
}

.tableBox-wrap table tr:first-child th:first-child {
    border-left: none;
}

.tableBox-wrap.tableBox-scroll-wrap table tr.sum {
    background-color: #FFFFEE;
}

.tableBox-wrap.tableBox-scroll-wrap table tr.sum td {
    font-weight: 700;
}

.tableBox-wrap table tr.sum {
    background-color: #FFFFEE;
	}

.tableBox-wrap table tr.sum td {
	font-weight: 700;
	}

.tableBox-wrap table tbody tr td {
    padding: 9px 0;
    text-align: center;
    color: #393939;
    border-left: 1px solid #D9D9D9;
    border-bottom: 1px solid #D9D9D9;
}

.tableBox-wrap table tbody tr td {
    padding: 9px 0;
    text-align: center;
    color: #393939;
    border-left: 1px solid #D9D9D9;
    border-bottom: 1px solid #D9D9D9;
    vertical-align: middle;
}

.tableBox-wrap table tbody tr td:first-child {
    border-left: none;
}

.tableBox-wrap table tbody tr td.table-border-left {
    border-left: 1px solid #D9D9D9;
}

.tableBox-wrap table tbody tr td .figure-up {
	color: #D7112E;
}

.tableBox-wrap table tbody tr td .figure-down {
	color: #004098;
}


.layerpop-wrap {
    position: fixed;
    background-color: rgba(0, 0, 0, 0.4);
    width: 100vw;
    height: 100vh;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 999;
}

.layerpopBox {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 890px;
    height: auto;
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
}

.layerpop-conts-wrap {
    width: 100%;
    padding: 30px 50px;
}

.layerpop-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 14px;
    border-bottom: 1px solid #DFDFDF;
}

.layerpop-title h2 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-family: "elice";
    font-size: 1.875rem;
}

.pop-title-icon {
    display: block;
    width: 40px;
    height: 40px;
    background: url(../images_new/layerpop_icon.png) no-repeat center/contain;
}

.close-btnBox {
    width: 30px;
    height: 30px;
}

.close-btnBox .close-btn {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images_new/layerpop_close.png) no-repeat center/contain;
}

.layerpop-conts {
    margin-top: 30px;
}

.layerpop-large-category {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-bottom: 3px solid #5CB531;
}

.layerpop-large-category li {
    width: 100%;
}

.layerpop-large-category li .large-category-btn {
    display: block;
    text-align: center;
    font-size: 1.375rem;
    padding: 12px 0;
    border: 1px solid #E3E3E3;
    color: #66645D;
    transition: all .3s;
}

.layerpop-large-category li:first-child .large-category-btn {
    border-radius: 10px 0 0 0;
}

.layerpop-large-category li:last-child .large-category-btn {
    border-radius: 0 10px 0 0;
}

.layerpop-large-category li .large-category-btn:hover,
.layerpop-large-category li .large-category-btn.lg-category-active {
    background-color: #5CB531;
    border: 1px solid #5CB531;
    color: #fff;
}

.layerpop-category-wrap {
    padding: 20px 0;
    border-bottom: 1px solid #DFDFDF;
}

.layerpop-category {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: 14px;
    height: 155px;
    overflow-y: auto;
}

.layerpop-category li {
    width: calc((100% - 42px) / 4);
}

.layerpop-category li .category-btn {
    display: block;
    width: 100%;
    text-align: center;
    background-color: #f8f8f8;
    border: 1px solid #d4d4d4;
    border-radius: 10px;
    padding: 12px 0;
    transition: all .3s;
    color: #66645D;
}

.layerpop-category li .category-btn:hover,
.layerpop-category li .category-btn.category-btn-active {
    background-color: #004098;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
    color: #fff;
}

.layerpop-bottom-btnBox {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 20px;
}



/* -----------------------------사업현황 END ----------------------- */


.enterprise-closeBox {
    display: flex;
    justify-content: flex-end;
}

.enterprise-close-btn {
	width: 40px;
	height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #3D3D3D;
    padding: 10px;
    z-index: 10;
    border-radius: 50%;
    box-shadow: 0 0 4px 2px #bcbcbc;
     transition: all 0.3s;
}

.enterprise-close-btn:hover {
	width:90px;
	border-radius: 999px;
}

.enterprise-close-btn p {
	width: 0;
	opacity: 0;
	font-size: 1.125rem;
	font-weight: 500;
	 color: #E6E6E6;
	 transition: all 0.3s;
}

.enterprise-close-btn:hover p {
	width: 100%;
	opacity: 1;
	transition-delay: 0.15s;
}

.enterprise-close-icon {
    display: block;
    width: 30px;
    height: 30px;
    background: url(../images_new/enterprise_close.png) no-repeat center/contain;
}

.pop-searchBox-wrap {
    position: relative;
    width: 460px;
}

.pop-searchBox {}

.pop-search-title {
    background-color: #5CB531;
    border-radius: 10px 10px 0 0;
}

.pop-search-title h3 {
    color: #fff;
    padding: 14px 20px;
    font-size: 1.375rem;
}

.pop-search-conts-wrap {
    background-color: #fff;
    border: 1px solid #5CB531;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
    border-radius: 0 0 10px 10px;
    padding: 20px 0;
}

.selectBox-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
}

.pop-search-conts-wrap .select-name {
    font-size: 1rem;
}

.pop-search-conts-wrap .selectBox select {
    border: 1px solid #5CB531;
    padding: 4px 10px;
    font-size: 1rem;
    font-weight: 600;
    color: #66645D;
    background: url(../images_new/pop-selectBox.png) no-repeat 95% 50%;
    background-size: 20px;
}

.pop-search-conts {
    margin-top: 20px;
    padding: 0 20px;
}

.pop-search-conts li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 12px;
}

.pop-search-conts li:last-child {
    margin-bottom: 0;
    padding-bottom: 20px;
    border-bottom: 1.5px solid #D9D9D9;
}

.pop-search-icon {
    display: block;
    background: url(../images_new/map_pop_icon.png) no-repeat center/contain;
    width: 33px;
    height: 33px;
}

.pop-search-name {
    width: 145px;
    font-size: 1.125rem;
    font-weight: 600;
}

.pop-choice-btn {
    width: calc(100% - 238px);
    background-color: #F6F6F6;
    padding: 10px 20px;
    border-radius: 10px;
    color: #66645D;
}

.checkBox-wrap {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-left: 43px;
    gap: 10px;
}

.pop-search-conts-wrap .layerpop-bottom-btnBox {
    margin-top: 20px;
}

.map-pop-closeBox {
    position: absolute;
    top: 0;
    right: -60px;
    width: 50px;
    height: 50px;
}

.map-pop-close-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: #5CB531;
    border-radius: 10px;
    transition: all .3s;
}


.map-pop-close-btn:hover {
    background-color: #215E04;
}

.map-pop-close-icon {
    display: block;
    width: 35px;
    height: 35px;
    background: url(../images_new/map_pop_arrow.png) no-repeat center/contain;
}

.map-pop-showBox {
    position: absolute;
    top: 62px;
    width: 50px;
    height: 50px;
}

.map-pop-show-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: #5CB531;
    border-radius: 10px;
    transition: all .3s;
}

.map-pop-show-btn:hover {
    background-color: #215E04;
}

.map-pop-show-icon {
    display: block;
    width: 35px;
    height: 35px;
    background: url(../images_new/map_pop_show.png) no-repeat center/contain;
}


.pop-detailBox-wrap {
    position: absolute;
    display: none;
    top: 520px;
    width: 460px;
    margin-top: 30px;
}

.pop-detail-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #004098;
    border-radius: 10px 10px 0 0;
    padding: 14px 20px;
}

.pop-detail-title h3 {
    color: #fff;
    font-size: 1.375rem;
}

.pop-detail-closeBox {
    width: 25px;
    height: 25px;
}

.pop-detail-close-btn {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images_new/map_pop_close.png) no-repeat center/contain;
}

.pop-detail-tableBox {
    background-color: #fff;
    border: 1px solid #004098;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
    border-radius: 0 0 10px 10px;
    padding: 20px 30px;
}

.pop-detail-tableBox table {
    width: 100%;
    border-top: 2px solid #D9D9D9;
}

.pop-detail-tableBox table tbody tr td {
    border-bottom: 1px solid #d9d9d9;
    padding: 10px 14px;
    font-size: 1.125rem;
}

.pop-detail-tableBox table tbody tr td:first-child {
    background-color: #F2F2F2;
    color: #393939;
    font-weight: 600;
}

.title01 {
    background-color: #004098;
}

.tableBox01 {
    border: 1px solid #004098;
}

.title02 {
    background-color: #D7112E;
}

.tableBox02 {
    border: 1px solid #D7112E;
}

.title03 {
    background-color: #7006A2;
}

.tableBox03 {
    border: 1px solid #7006A2;
}

.title04 {
    background-color: #34AC6A;
}

.tableBox04 {
    border: 1px solid #34AC6A;
}

.title05 {
    background-color: #5373E7;
}

.tableBox05 {
    border: 1px solid #5373E7;
}

.markerBox-wrap {
    position: relative;
}

.markerBox {
    width: 50px;
    height: 67px;
}

.markerBox.marker01 {
    position: absolute;
    top: 30%;
    left: 50%;
    background: url(../images_new/marker01.png) no-repeat center/contain;
}

.markerBox.marker02 {
    position: absolute;
    top: 30%;
    left: 60%;
    background: url(../images_new/marker02.png) no-repeat center/contain;
}

.markerBox.marker03 {
    position: absolute;
    top: 30%;
    left: 70%;
    background: url(../images_new/marker03.png) no-repeat center/contain;
}

.markerBox.marker04 {
    position: absolute;
    top: 30%;
    left: 80%;
    background: url(../images_new/marker04.png) no-repeat center/contain;
}

.markerBox.marker05 {
    position: absolute;
    top: 30%;
    left: 90%;
    background: url(../images_new/marker05.png) no-repeat center/contain;
}

.empty-marker-wrap01 {
    position: absolute;
    top: 50%;
    left: 40%;
}

.empty-marker-wrap02 {
    position: absolute;
    top: 50%;
    left: 55%;
}

.empty-marker-wrap03 {
    position: absolute;
    top: 80%;
    left: 65%;
}

.empty-marker-wrap04 {
    position: absolute;
    top: 80%;
    left: 45%;
}

.empty-marker-wrap05 {
    position: absolute;
    top: 90%;
    left: 55%;
}

.empty-markerBox {
    width: 50px;
    height: 67px;
}

.empty-markerBox.empty-marker01 {
    background: url(../images_new/empty_marker01.png) no-repeat center/contain;
}

.empty-markerBox.empty-marker02 {
    background: url(../images_new/empty_marker02.png) no-repeat center/contain;
}

.empty-markerBox.empty-marker03 {
    background: url(../images_new/empty_marker03.png) no-repeat center/contain;
}

.empty-markerBox.empty-marker04 {
    background: url(../images_new/empty_marker04.png) no-repeat center/contain;
}

.empty-markerBox.empty-marker05 {
    background: url(../images_new/empty_marker05.png) no-repeat center/contain;
}

.empty-markerBox span {
    position: absolute;
    top: 25%;
    left: 50%;
    transform: translate(-50%, 0);
   	font-family:'Pretendard', sans-serif;
    font-size: 1.125rem;
    font-weight: 700;
}

.empty-marker01 span {
    color: #004098;
}

.empty-marker02 span {
    color: #D7112E;
}

.empty-marker03 span {
    color: #7006A2;
}

.empty-marker04 span {
    color: #34AC6A;
}

.empty-marker05 span {
    color: #5373E7;
}


.marker-list {
    display: none;
    width: 200px;
    background-color: #fff;
    border-radius: 10px;
}

.marker-list01 {
    position: absolute;
    left: 50%;
    top: -262px;
    border: 2px solid #004098;
    transform: translate(-50%, 0);
}

.marker-list02 {
    position: absolute;
    left: 50%;
    top: -262px;
    border: 2px solid #D7112E;
    transform: translate(-50%, 0);
}

.marker-list03 {
    position: absolute;
    left: 50%;
    top: -262px;
    border: 2px solid #7006A2;
    transform: translate(-50%, 0);
}

.marker-list04 {
    position: absolute;
    left: 50%;
    top: -262px;
    border: 2px solid #34AC6A;
    transform: translate(-50%, 0);
}

.marker-list05 {
    position: absolute;
    left: 60%;
    top: -262px;
    border: 2px solid #5373E7;
    transform: translate(-50%, 0);
}

.marker-list-closeBox  {
	display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 8px;
    border-bottom: 1px solid #DFDFDF;
}

.marker-list-close {
    display: block;
    width: 20px;
    height: 20px;
    margin-left: auto;
    background: url(../images_new/map_pop_close.png) no-repeat center/contain;
}

.marker-list ul {
    height: 230px;
    overflow-y: auto;
}

.marker-list ul li a {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    border-bottom: 1px solid #DFDFDF;
    gap: 4px;
    padding: 10px;
}

.marker-list ul li a.marker-list-close {
    display: block;
    width: 100%;
    height: 100%;
}

.marker-list ul li a.marker-list-close .marker-list-close-icon {
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images_new/map_pop_close.png) no-repeat center/contain;
}

.list-icon {
    width: 18px;
    height: 18px;
}

.list-icon.list-icon01 {
    background: url(../images_new/list_icon01.png) no-repeat center/contain;
}

.list-icon.list-icon02 {
    background: url(../images_new/list_icon02.png) no-repeat center/contain;
}

.list-icon.list-icon03 {
    background: url(../images_new/list_icon03.png) no-repeat center/contain;
}

.list-icon.list-icon04 {
    background: url(../images_new/list_icon04.png) no-repeat center/contain;
}

.list-icon.list-icon05 {
    background: url(../images_new/list_icon05.png) no-repeat center/contain;
}

.list-icon.list-icon01-close {
    background: url(../images_new/list_icon01_close.png) no-repeat center/contain;
}

.list-icon.list-icon02-close {
    background: url(../images_new/list_icon02_close.png) no-repeat center/contain;
}

.list-icon.list-icon03-close {
    background: url(../images_new/list_icon03_close.png) no-repeat center/contain;
}

.list-icon.list-icon04-close {
    background: url(../images_new/list_icon04_close.png) no-repeat center/contain;
}

.list-icon.list-icon05-close {
    background: url(../images_new/list_icon05_close.png) no-repeat center/contain;
}



/* ---------- 사업체 현황 END ---------------- */

.dashboard-container {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin: 0 auto;
    gap: 50px;
    height: 864px;
}

.dashboard-leftBox {
    width: 640px;
    background-color: #fff;
    padding: 20px 0;
}

.board-left-contsBox {
    width: 590px;
    margin-left: auto;
}

.board-left-contsBox:not(:last-child) {
    margin-bottom: 10px;
}

.board-firstBox {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
}

.board-firstBox h2 {
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
    background-color: #5CB531;
    font-weight: 700;
    font-size: 1.5rem;
    font-family: "elice";
    text-align: center;
    line-height: 1.2;
    color: #fff;
    border-radius: 10px;
    padding: 39px 14px;
}

.board-figureBox {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    border: 1px solid #5CB531;
    border-radius: 10px;
    padding: 14px 20px;
}

.board-figureBox:not(:last-child) {
    margin-bottom: 10px;
}

.board-figureBox-wrap {
    width: calc(100% - 158px);
}

.board-figure-name {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    font-weight: 700;
    font-size: 1.25rem;
}

.board-figure-name span {
    font-size: 1rem;
    font-weight: 400;
    color: #7A7A7A;
}

.figure-num {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    font-weight: 400;
    font-size: 1.125rem;
}

.figure-num strong {
    font-family: "elice";
    font-size: 32px;
    font-weight: 700;
}

.figure-num.figure-red strong {
    color: #D7132E;
}

.figure-num.figure-green strong {
    color: #5C9242;
}

.figure-num .figure-up {
    color: #D7132E;
}

.figure-num .figure-down {
    color: #004098;
}

.figure-num-report .figure-up {
    color: #D7132E;
}

.figure-num-report .figure-down {
    color: #004098;
}


.report-large-figure li p.figure-num-report {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    font-weight: 400;
    font-size: 1.125rem;
}

.report-large-figure li p.figure-num-report strong {
    font-size: 28px;
    font-weight: 700;
}

.board-sub-title h3 {
    background-color: #5CB531;
    border-radius: 10px;
    font-size: 1.5rem;
    font-family: "elice";
    font-weight: 700;
    text-align: center;
    color: #fff;
    padding: 10px 0;
}

.board-sec-figureBox {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 10px;
}

.board-sec-figureBox li {
    width: calc((100% - 10px) / 2);
    border: 1px solid #5CB531;
    border-radius: 10px;
    padding: 15px 0;
}

.board-sec-figureBox li p {
    text-align: center;
}


.board-sec-figureBox li p:last-child {
    margin-top: 10px;
}

.board-sequence-info-wrap {
    border: 1px solid #5CB531;
    border-radius: 10px;
    padding: 10px 20px;
}

.board-sequence-titleBox {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.board-sequence-titleBox h4 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4px;
    font-size: 1.25rem;
    font-weight: 700;
}

.board-sequence-titleBox h4 span {
    font-size: 1rem;
    font-weight: 400;
    color: #7A7A7A;
}

.board-sequence-titleBox p {
    font-size: 0.875rem;
    color: #7A7A7A;
}

.board-sequence-tableBox {
    margin-top: 10px;
}

.board-sequence-tableBox table {
    width: 100%;
}

.board-sequence-tableBox table thead tr th {
    background-color: #EDEDED;
    border-top: 1px solid #C9C9C9;
    border-bottom: 1px solid #C9C9C9;

    padding: 6px 0;
}

.board-sequence-tableBox table tbody tr td {
    text-align: center;
    font-size: 1.125rem;
    font-weight: 500;
    padding: 7px 0;
}

.board-sequence-tableBox table tbody tr td.ranking-num,
.board-sequence-tableBox table tbody tr td.sequence-num {
    font-weight: 800;
    color: #004098;
}

.sources {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 4px;
    font-size: 0.875rem;
    color: #A0A99C;
    margin-top: 10px;
    line-height: 1.2;
}

.sources-info {
	margin-top: 10px;
    font-size: 0.875rem;
    font-weight: 600;
    color: #004098;
}

.sources span:first-child {
    width: 40px;
}

.dashboard-rightBox {
    position: relative;
    width: calc(100% - 690px);
    height: 100%;
    background-color: #ECF4E8;
    margin: 0 auto;
    padding: 20px 0;
}

.dashboard-rightBox-contain {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    width: calc(100% - 100px);
    margin: 0 auto;
    gap: 20px;
}

.dashboard-map-info-wrap {
    width: 50%;
}

.dashboard-map-wrap {
    position: absolute;
    bottom: 0;
    left:0;
}

.dashboard-map-titleBox h2 {
    font-family: "elice";
    font-size: 2.5rem;
    font-weight: 500;
    color: #231815;
}

.dashboard-map-titleBox h2 strong {
    font-weight: 800;
    color: #5C9241;
}

.dashboard-map-titleBox p {
	margin-top: 10px;
	color: #231815;
}

.dashboard-map-infotxt {
    display: flex;
    gap: 4px;
    margin-top: 20px;
    color: #697563;
}

.legendBox-wrap {
    width: 160px;
    background-color: #fff;
    border: 1px solid #A0A99C;
    border-radius: 10px;
    padding: 10px;
    margin-top: 20px;
}

.legendBox-wrap li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    font-weight: 500;
}

.legendBox-wrap li:not(:last-child) {
    margin-bottom: 10px;
}

.legendBox {
    width: 18px;
    height: 18px;
    border-radius: 2px;
}

.legendBox.legendBox01 {
    background-color: #E70E07;
}

.legendBox.legendBox02 {
    background-color: #F23A22;
}

.legendBox.legendBox03 {
    background-color: #FC5F40;
}

.legendBox.legendBox04 {
    background-color: #FE7C5E;
}

.legendBox.legendBox05 {
    background-color: #FF9D82;
}

.legendBox.legendBox06 {
    background-color: #F7BE81;
}

.legendBox.legendBox07 {
    background-color: #FE9A2E;
}

.legendBox.legendBox08 {
    background-color: #FA5858;
}

.legendBox.legendBox09 {
    background-color: #FE2E2E;
}

.legendBox.legendBox10 {
    background-color: #DF0101;
}

.dashboard-graphBox-wrap {
    width: 620px;
}

.path-btn {
    cursor: pointer;
}

.path-btn:hover,
.path-btn.path-active {
    stroke: #004098;
    stroke-width: 2px;
}

.board-area-title h3 {
    background-color: #004098;
    border-radius: 10px;
    font-size: 1.5rem;
    font-family: "elice";
    font-weight: 700;
    text-align: center;
    color: #fff;
    padding: 10px 0;
}

.board-right-conts {
    margin-top: 10px;
}

.graph-titleBox {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.graph-titleBox p {
    font-size: 0.875rem;
    color: #7A7A7A;
}

.graph-titleBox h3 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    color: #004098;
    font-size: 1.375rem;
    font-weight: 700;
}

.graph-titleBox h3 span {
    font-size: 1.125rem;
    font-weight: 500;
}

.graph-titl-icon {
    width: 25px;
    height: 25px;
}

.graph-titl-icon.graph-titl-icon01 {
    background: url(../images_new/graph_title01.png) no-repeat center/contain;
}

.graph-titl-icon.graph-titl-icon02 {
    background: url(../images_new/graph_title02.png) no-repeat center/contain;
}

.graph-titl-icon.graph-titl-icon03 {
    background: url(../images_new/graph_title03.png) no-repeat center/contain;
}

.graphBox {
    width: 100%;
    height: 214px;
    background-color: #fff;
    border: 1px solid #D2C9C8;
    border-radius: 10px;
    margin-top: 10px;
}

.map-area {
    position: absolute;
    font-weight: 500;
    font-size: 1rem;
    text-align: center;
    cursor: pointer;
    color: #fff;
}

.map-area01 {
    top: 20px;
    right: 108px;
}

.map-area02 {
    top: 65px;
    right: 180px;
}

.map-area03 {
    top: 50px;
    right: 149px;
}

.map-area04 {
    top: 58px;
    right: 78px;
}

.map-area05 {
    top: 98px;
    right: 84px;
}

.map-area06 {
    top: 98px;
    right: 40px;
}

.map-area07 {
    top: 135px;
    right: 248px;
}

.map-area08 {
    top: 140px;
    right: 202px;
}

.map-area09 {
    top: 145px;
    right: 162px;
}

.map-area10 {
    top: 155px;
    right: 66px;
}

.map-area11 {
	top: 194px;
    right: 115px;
}

.map-area12 {
    top: 206px;
    right: 58px;
}

.map-area13 {
    top: 228px;
    right: 162px;
}

.map-area14 {
	top: 237px;
    right: 88px;
}

.map-area15 {
    top: 272px;
    right: 128px;
}

.map-area16 {
	top: 280px;
    right: 202px;
}

.map-area17 {
    top: 315px;
    right: 127px;
}

.map-area18 {
     top: 310px;
    right: 274px;
}

.map-area19 {
    bottom: 444px;
    right: 318px;
}

.map-area20 {
    bottom: 368px;
    right: 345px;
}

.map-area21 {
    bottom: 310px;
    right: 280px;
}

.map-area22 {
    bottom: 356px;
    right: 203px;
}

.map-area23 {
    bottom: 410px;
    right: 142px;
}

.map-area24 {
    bottom: 180px;
    right: 360px;
}


.map-amount-wrap {
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translate(-50%, 0);
    display: none;
}

.map-amount {
    width: 100px;
    padding: 10px 0;
    border-radius: 5px;
    background-color: #004098;
    border: 2px solid #fff;
}

.map-amount::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-top-color: #004098;
	border-bottom: 0;
	margin-left: -8px;
	margin-bottom: -6px;
}

.map-amount::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top-color: #fff;
	border-bottom: 0;
	margin-left: -10px;
	margin-bottom: -8px;
}


/* ----------------------------대시보드END ----------------------- */



.analysis-pop-showBox {
    position: absolute;
    top: 112px;
    width: 50px;
    height: 50px;
}

.analysis-pop-show-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background-color: #5CB531;
    border-radius: 10px;
    transition: all .3s;
}

.analysis-pop-show-btn:hover {
    background-color: #215E04;
}

.analysis-pop-show-icon {
    display: block;
    width: 35px;
    height: 35px;
    background: url(../images_new/map_pop_show.png) no-repeat center/contain;
}

.analysis-marker {
    width: 50px;
    height: 67px;
}

.analysis-markerBox01 {
    position: absolute;
    top: 60%;
    left: 40%;
}

.analysis-markerBox02 {
    position: absolute;
    top: 40%;
    left: 40%;
}

.analysis-markerBox03 {
    position: absolute;
    top: 20%;
    left: 40%;
}

.analysis-markerBox04 {
    position: absolute;
    top: 80%;
    left: 40%;
}

.analysis-markerBox01 .analysis-marker01 {
    background: url(../images_new/analysis_marker01.png) no-repeat center/contain;
}

.analysis-markerBox02 .analysis-marker02 {
    background: url(../images_new/analysis_marker02.png) no-repeat center/contain;
}

.analysis-markerBox03 .analysis-marker03 {
    background: url(../images_new/analysis_marker03.png) no-repeat center/contain;
}

.analysis-markerBox04 .analysis-marker04 {
    background: url(../images_new/analysis_marker04.png) no-repeat center/contain;
}


.analysis-marker-info {
/*   	display: none; */
/*     position: absolute; */
/*     top: -196px; */
/* 	top : -117px; */
/*     left: 50%; */
    z-index: 99;
    width: 350px;
    border: 1px solid #9A9A9A;
    border-radius: 10px;
    padding: 10px;
    background-color: #fff;
    transform: translate(-50%, 0);
    margin : 0px 0px 30px 145px;
}


.analysis-marker-infos-closeBox {
    margin-bottom: 10px;
}

.analysis-marker-infos-close {
    display: block;
    width: 20px;
    height: 20px;
    margin-left: auto;
    background: url(../images_new/map_pop_close.png) no-repeat center/contain;
}
.analysis-marker-info-table table {
    width: 100%;
    border-top: 2px solid #D9D9D9;
}

.analysis-marker-info-table table tr {
    border-bottom: 1px solid #D9D9D9;
}

.analysis-marker-info-table table tr td {
    padding: 10px 12px;
}

.analysis-marker-info-table table tr td:first-child {
    background-color: #F2F2F2;
    border-right: 1px solid #d9d9d9;
    font-weight: 600;
}

.analysis-search-btn {
    border-bottom: 2px solid #5CB531;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: center;
    align-items: center;
}

.analysis-search-btn li {
    width: 100%;
}

.business-choice-btn {
    display: block;
    width: 100%;
    background-color: #fff;
    font-size: 1.375rem;
    font-weight: 400;
    text-align: center;
    color: #B6B6B6;
    padding: 14px 0;
    transition: all .3s;
}

.business-choice-btn:hover,
.business-choice-btn.business-choice-active {
    background-color: #5CB531;
    color: #fff;
}

.analysis-search-btn li:first-child .business-choice-btn {
    border-radius: 10px 0 0 0;
}

.analysis-search-btn li:last-child .business-choice-btn {
    border-radius: 0 10px 0 0;
}

.analysis-searchBox-wrap {
    position: relative;
    width: 460px;
}

.analysis-search-conts-wrap {
    background-color: #fff;
    border: 1px solid #5CB531;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
    border-radius: 0 0 10px 10px;
    padding: 20px 0;
}

.analysis-search-conts-wrap .select-name {
    font-size: 1rem;
}

.analysis-search-conts-wrap .selectBox select {
    border: 1px solid #5CB531;
    padding: 4px 10px;
    font-size: 1rem;
    font-weight: 600;
    color: #66645D;
    background: url(../images_new/pop-selectBox.png) no-repeat 95% 50%;
    background-size: 20px;
}

.analysis-search-conts {
    margin-top: 20px;
    padding: 0 20px;
}

.analysis-search-conts li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 12px;
}

.analysis-search-conts li:last-child {
    margin-bottom: 0;
}

.analysis-search-icon {
    display: block;
    background: url(../images_new/map_pop_icon.png) no-repeat center/contain;
    width: 33px;
    height: 33px;
}

.analysis-search-name {
    width: 145px;
    font-size: 1.125rem;
    font-weight: 600;
}

.analysis-choice-btn {
    width: calc(100% - 238px);
    background-color: #F6F6F6;
    padding: 10px 20px;
    border-radius: 10px;
    color: #66645D;
}

.checkBox-wrap {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-left: 43px;
    gap: 10px;
}

.analysis-search-conts-wrap .layerpop-bottom-btnBox {
    margin-top: 20px;
}

.results-btn {
    display: block;
    width: 150px;
    background-color: #D7112E;
    border-radius: 5px;
    font-size: 1.125rem;
    color: #fff;
    padding: 10px 0;
    text-align: center;
    margin: 20px auto 0 auto;
    transition: all .3s;
}

.results-btn:hover {
    background-color: #9C1529;
}

.analysis-infoBox-wrap {
    background-color: #fff;
    border-radius: 10px;
    border: 1px solid #5CB531;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
    margin-top: 20px;
}

.analysis-info-conts-wrap {
    padding: 14px 20px;
}

.analysis-infoBox {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.analysis-infoBox li {
    width: calc((100% - 20px) / 3);
}

.analysis-info-conts {
    position: relative;
    display: block;
    width: 100%;
    border: 1px solid #E3E3E3;
    border-radius: 10px;
    color: #A8A8A8;
    padding: 10px 0;
    transition: all .3s;
}

.analysis-info-conts:hover,
.analysis-info-conts.analysis-info-active {
    border: 1px solid #5cb531;
    box-shadow: 3px 3px 2px rgba(92, 181, 49, 0.2);
    font-weight: 700;
    color: #5CB531;
    text-decoration-line: underline;
    text-decoration-thickness: 4px;
    text-decoration-color: rgba(242, 215, 102, 0.5);
    text-underline-offset: 1px;
}

.analysis-info-icon {
    width: 70px;
    height: 70px;
    margin: 0 auto;
}

.analysis-info-icon01 {
    background: url(../images_new/analysis_left_icon01.png) no-repeat center/contain;
}

.analysis-info-icon02 {
    background: url(../images_new/analysis_left_icon02.png) no-repeat center/contain;
}

.analysis-info-icon03 {
    background: url(../images_new/analysis_left_icon03.png) no-repeat center/contain;
}

.analysis-info-icon04 {
    background: url(../images_new/analysis_left_icon04.png) no-repeat center/contain;
}

.analysis-info-icon05 {
    background: url(../images_new/analysis_left_icon05.png) no-repeat center/contain;
}

.analysis-info-icon06 {
    background: url(../images_new/analysis_left_icon06.png) no-repeat center/contain;
}

.analysis-info-name {
    text-align: center;

}

.analysis-ranking-tableBox-wrap {
    margin-top: 30px;
}

.analysis-ranking-title {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 14px;
    font-size: 1.125rem;
    font-weight: 700;
}

.ranking-arrow {
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images_new/acodian_arrow.png) no-repeat center/contain;
}

.analysis-ranking-tableBox {
    margin-top: 10px;
}

.analysis-ranking-tableBox-wrap table {
    width: 100%;
}

.analysis-ranking-tableBox-wrap table tr td {
    font-weight: 500;
    padding: 10px 0;
}

.analysis-ranking {
    font-weight: 800;
    color: #004098;
}

.analysis-figure p {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
}

.analysis-figure p span {
    font-size: 12px;
}

.analysis-figure.analysis-figure-up {
    color: #D7112E;
}

.analysis-figure.analysis-figure-down {
    color: #004098;
}

.analysis-info {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 180px;
    height: 180px;
    background-color: rgba(132, 40, 133, 0.3);
    border-radius: 50%;
}

.analysis-info.analysis-info-active {
    background-color: rgba(9,93,218,0.3);
}

.analysis-info01 {
    top: 50%;
    left: 30%;
}

.analysis-info02 {
    top: 50%;
    left: 40%;
}

.analysis-info ul {}


.analysis-info ul li {
    width: 120px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 10px;
    padding: 10px 0;
    text-align: center;
    white-space:pre-line;
    line-height: 1.2;
}

.analysis-info ul li:first-child {
    background-color: #6811D7;
    color: #fff;
}

.analysis-info ul li:last-child {
    background-color: #fff;
    color: #6811D7;
    margin-top: 6px;
}

.analysis-info.analysis-info-active ul li:first-child {
    background-color: #095DDA;
    color: #fff;
}

.analysis-info.analysis-info-active ul li:last-child {
    background-color: #fff;
    color: #095DDA;
    margin-top: 6px;
}

.analysis-right-conts-wrap {
    position: absolute;
    right: 20px;
    top: 33%;
}

.analysis-right-conts-wrap ul li:not(:last-child) {
    margin-bottom: 10px;
}

.analysis-marker-contact {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    background-color: #fff;
    border-radius: 10px;
    margin-left: auto;
}

.analysis-marker-contact:hover {
    width: auto;
}

.analysis-marker-contact01 {
    border: 2px solid #5CB531;
}

.analysis-marker-contact02 {
    border: 2px solid #004098;
}

.analysis-marker-contact03 {
    border: 2px solid #D7112E;
}

.analysis-marker-contact04 {
    border: 2px solid #7006A2;
}

.analysis-marker-contact05 {
    border: 2px solid #0F7A3F;
}

.analysis-marker-contact01.analysis-marker-active {
    background-color: #5CB531;
}

.analysis-marker-contact02.analysis-marker-active {
    background-color: #004098;
}

.analysis-marker-contact03.analysis-marker-active {
    background-color: #D7112E;
}

.analysis-marker-contact04.analysis-marker-active {
    background-color: #7006A2;
}

.analysis-marker-contact05.analysis-marker-active {
    background-color: #0F7A3F;
}

.analysis-marker-contact p {
    display: none;
    font-size: 1.125rem;
    font-weight: 600;
    padding: 0 20px;
}

.analysis-marker-contact:hover p {
    display: block;
}

.analysis-marker-contact.analysis-marker-active p {
    color: #fff;
}

.analysis-marker-contact01 p {
    color: #5CB531;
}

.analysis-marker-contact02 p {
    color: #004098;
}

.analysis-marker-contact03 p {
    color: #D7112E;
}

.analysis-marker-contact04 p {
    color: #7006A2;
}

.analysis-marker-contact05 p {
    color: #0F7A3F;
}

.analysis-right-icon {
    display: block;
    width: 37.5px;
    height: 37.5px;
    margin: 0 auto;
}

.analysis-right-icon01 {
    background: url(../images_new/analysis_right_icon01.png) no-repeat center/contain;
}


.analysis-right-icon02 {
    background: url(../images_new/analysis_right_icon02.png) no-repeat center/contain;
}


.analysis-right-icon03 {
    background: url(../images_new/analysis_right_icon03.png) no-repeat center/contain;
}


.analysis-right-icon04 {
    background: url(../images_new/analysis_right_icon04.png) no-repeat center/contain;
}

.analysis-right-icon05 {
    background: url(../images_new/analysis_right_icon05.png) no-repeat center/contain;
}


.analysis-marker-contact02.analysis-marker-active .analysis-right-icon02 {
    background: url(../images_new/analysis_right_icon02_h.png) no-repeat center/contain;
}


.analysis-marker-contact03.analysis-marker-active .analysis-right-icon03 {
    background: url(../images_new/analysis_right_icon03_h.png) no-repeat center/contain;
}


.analysis-marker-contact04.analysis-marker-active .analysis-right-icon04 {
    background: url(../images_new/analysis_right_icon04_h.png) no-repeat center/contain;
}


.analysis-marker-contact05.analysis-marker-active .analysis-right-icon05 {
    background: url(../images_new/analysis_right_icon05_h.png) no-repeat center/contain;
}

.layerpop-conts.district-conts {
    margin-top: 0;
}

.layerpop-category.district-category {
    height: auto;
}

.analysis-report-wrap {
    position: absolute;
    right: 20px;
    top: 110px;
}

.report-fold-btnBox {
    position: absolute;
    left: -70px;
    width: 50px;
    height: 50px;
    background-color: #004098;
    border-radius: 10px;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
}

.report-fold-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.report-fold-icon {
    display: block;
    width: 30px;
    height: 30px;
    background: url(../images_new/report_arrow.png) no-repeat center/contain;
}

.report-fold-up-btnBox {
    display: none;
    position: absolute;
    right: 20px;
    bottom: 65px;
    width: 50px;
    height: 50px;
    background-color: #004098;
    border-radius: 10px;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
}

.report-fold-up-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.report-fold-up-icon {
    display: block;
    width: 30px;
    height: 30px;
    background: url(../images_new/report_arrow_up.png) no-repeat center/contain;
}

.analysis-reportBox-wrap {
    width: 780px;
    background-color: #EFF4FA;
    border: 2px solid #004098;
    border-radius: 10px;
}

.report-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #004098;
    border-radius: 6px 6px 0 0;
    padding: 14px 20px;
}

.report-title h3 {
    font-size: 1.375rem;
    font-weight: 700;
    color: #fff;
}

.report-closeBox {
    width: 25px;
    height: 25px;
}

.report-close-btn {
    display: block;
    width: 100%;
    height: 100%;
    background: url(../images_new/report_close.png) no-repeat center/contain;
}

.report-categoryBox {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.report-categoryBox li {
    width: calc(100% / 5);
    border-bottom: 2px solid #5CB531;
}

.report-categoryBox li a {
    display: block;
    background-color: #fff;
    font-size: 1.125rem;
    text-align: center;
    color: #393939;
    padding: 12px 0;
    transition: all .3s;
}

.report-categoryBox li a:hover,
.report-categoryBox li a.report-category-active {
    background-color: #5CB531;
    font-weight: 700;
    color: #fff;
}

.report-categoryBox li:not(:last-child) a {
    border-right: 1px solid #5CB531;
}

.report-scroll {
    display: none;
}

.report-scroll.report-scroll01 {
    display: block;
}

.report-infoBox-wrap {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-color: #EFF4FA;
    padding: 14px 20px;
}

.report-infoBox-wrap li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-left: 14px;
}

.report-infoBox-wrap li:first-child {
    margin-left: 0;
}

.report-infoBox-wrap li::after {
    content: "";
    display: block;
    border-right: 2px solid #CED9E9;
    height: 14px;
    margin-left: 14px;
}

.report-infoBox-wrap li:last-child::after {
    border: none;
}

.report-infoBox-wrap li p:first-child {
    font-weight: 700;
    color: #393939;
    margin-right: 10px;
}

.report-infoBox-wrap li p:last-child {
    font-weight: 500;
    color: #D7112E;
}

.report-conts-rocationBox {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 16px;
    background-color: #DBE1EA;
    padding: 16px 20px;
    box-shadow: 0 3px 3px rgba(0, 29, 69, 0.2);
}

.report-conts-rocationBox li a {
    background-color: #FFFFFF;
    border: 1px solid #87A1C6;
    border-radius: 999px;
    color: #87A1C6;
    padding: 4px 20px;
    transition: all .3s;
}

.report-conts-rocationBox li a:hover {
    border: 1px solid #004098;
    background-color: #004098;
    color: #fff;
}

.report-conts-scroll-wrap {
    border-radius: 0 0 10px 10px;
    padding-bottom: 10px;
}

.report-contsBox-wrap {
    height: 575px;
    overflow-y: auto;
    scroll-behavior: smooth;
}

.report-contsBox {
    background-color: #fff;
    padding: 20px;
}

.report-contsBox:not(:first-child) {
    margin-top: 10px;
}

.report-conts-titleBox {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 4px;
    border-bottom: 2px solid #DBE1EA;
    padding-bottom: 6px;
}

.report-conts-title-icon {
    width: 25px;
    height: 25px;
    background: url(../images_new/report_conts_title.png) no-repeat center/contain;
}

.report-conts-titleBox h4 {
    font-size: 1.25rem;
    font-weight: 700;
    color: #004098;
}

.report-conts {
    margin-top: 20px;
}

.report-graphBox {
    width: 100%;
    height: 250px;
    background-color: #fff;
    margin: 10px 0;
}

.tableBox table {
    width: 100%;
    border-top: 2px solid #004098;
}

.tableBox table thead tr td {
    background-color: #EFF4FA;
    border-bottom: 1px solid #C2CBD7;
    padding: 10px 0;
    text-align: center;
    font-weight: 700;
    color: #393939;
}

.tableBox table thead tr th {
    background-color: #EFF4FA;
    border-bottom: 1px solid #C2CBD7;
    padding: 10px 0;
    text-align: center;
    font-weight: 700;
    color: #393939;
}

.tableBox table thead tr td.td-bgColor {
    font-size: 1.125rem;
    background-color: #DBE1EA;
}

.td-bgColor {
    background-color: #DBE1EA;
    font-weight: 700;
    border-bottom: 1px solid #C2CBD7;
}

.tableBox table tbody tr td.td-bgColor {
    font-size: 1.125rem;
    border-bottom: 1px solid #C2CBD7;
}

.tableBox table tbody tr td {
    border-bottom: 1px solid #E3E8EF;
    padding: 10px 0;
    text-align: center;
    font-size: 1.125rem;
    border: 1px solid #E3E8EF;
}

/*
.tableBox table tbody tr:last-child td {
    border-bottom: none;
} */

.td-ranking {
    font-weight: 700;
    color: #D7112E;
}

.report-info-textBox {
    background-color: #F5F6F6;
    border: 1px solid #DBE1EA;
    border-radius: 10px;
    margin-top: 20px;
    padding: 20px 30px;
}

.report-info-textBox li {
    color: #393939;
}

.report-info-textBox li span {
    color: #D7112E;
    font-weight: 700;
}

.report-info-textBox li:not(:last-child) {
    margin-bottom: 10px;
}

.report-large-figure {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.report-large-figure li {
    width: calc((100% - 10px) / 2);
    border-top: 2px solid #004098;
}

.report-large-figure li h4 {
    background-color: #EFF4FA;
    font-weight: 700;
    font-size: 1.125rem;
    text-align: center;
    padding: 10px 0;
}

.report-large-figure li p {
    border-top: 1px solid #E3E8EF;
    border-bottom: 1px solid #E3E8EF;
    padding: 30px 0;
    font-size: 1.125rem;
    text-align: center;
}

.report-large-figure li p strong {
    font-size: 1.75rem;
    font-weight: 700;
    color: #D7112E;
}

.report-large-figure li p strong.up {
    color: #D7112E;
}

.report-large-figure li p strong.down {
    color: #004098;
}

.best-sales-wrap {
    margin-top: 20px;
}

.best-sales-titleBox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 4px;
}

.best-sales-iconBox {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 4px;
}

.report-conts-icon {
    width: 24px;
    height: 24px;
    background: url(../images_new/report_conts_icon.png) no-repeat center/contain;
}

.best-sales-titleBox h4 {
    font-weight: 700;
}

.best-sales-wrap ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
}

.best-sales-wrap ul li {
    width: calc((100% - 30px) / 4);
    border: 1px solid #DFDFDF;
    border-radius: 10px;
}

.best-sales-wrap ul li h4 {
    background-color: #EFEFEF;
    padding: 8px 0;
    text-align: center;
}

.best-sales-wrap ul li div {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 76px;
}

.best-sales-wrap ul li div p {
    font-size: 1.25rem;
    font-weight: 700;
    text-align: center;
}

.best-sales-wrap ul li div p .weekly {
    display: block;
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 4px;
}

.report-notice {
    font-size: 0.875rem;
    margin-bottom: 10px;
}

.report-notice-comp {
    font-size: 1.125rem;
    font-weight: bold;
    margin-bottom: 10px;
}

.unit {
    font-size: 0.875rem;
    text-align: right;
    white-space: nowrap;
}


.legendBox-wrap-cdanalyze {
	display: none;
  	position: absolute;
    right: 20px;
    top: 95px;
    width: 190px;
    border: 1px solid #A0A99C;
    border-radius: 10px;
    margin-top: 20px;
}

.legendBox-wrap-cdanalyze h3 {
	font-size: 16.5px;
    padding: 6px 10px;
    border-radius: 10px 10px 0 0;
    background-color: #5CB531;
    color: #fff;
}

.legendBox-wrap-cdanalyze ul {
	padding: 10px;
	border-radius: 0 0 10px 10px;
    background-color: #fff;
}

.legendBox-wrap-cdanalyze li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    font-weight: 500;
}

.legendBox-wrap-cdanalyze li:not(:last-child) {
    margin-bottom: 10px;
}

.legendBox-wrap-cdanalyze .legendBox {
    width: 18px;
    height: 18px;
    border-radius: 2px;
}

.legendBox-wrap-cdanalyze .legendBox.legendBox01 {
    background-color: #E70E07;
}

.legendBox-wrap-cdanalyze .legendBox.legendBox02 {
    background-color: #F23A22;
}

.legendBox-wrap-cdanalyze .legendBox.legendBox03 {
    background-color: #FC5F40;
}

.legendBox-wrap-cdanalyze .legendBox.legendBox04 {
    background-color: #FE7C5E;
}

.legendBox-wrap-cdanalyze .legendBox.legendBox05 {
    background-color: #FF9D82;
}


/* -------------------------------------------------------------------------------------- */

.loadingBox-wrap {
	display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgb(0, 0, 0, 0.2);
    z-index: 999;
}

.loadingBox {

    width: 500px;
    height: 300px;
   background: url(../images_new/loading_bar.gif) no-repeat center/contain;
}


.main-notice-wrap {
    width: 100%;
    max-width: 1560px;
    height: 829px;
    padding: 40px 0;
    margin: 0 auto;

}

.notice-btnBox-wrap {
    width: 1300px;
    margin: 0 auto;
}

.notice-btnBox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 14px 30px;
    border: 1px solid #EEEEEE;
    border-radius: 999px;
    box-shadow: 0 0 20px rgba(153, 153, 153, 0.25);
}

.notice-btnBox li .notice-btn {
    display: block;
    font-size: 1.5rem;
    font-family: 'elice';
    color: #66645D;
}

.notice-btnBox li .notice-btn.notice-btn-active {
    padding: 16px 20px;
    border-radius: 999px;
    background-color: #5CB531;
    font-weight: 700;
    color: #fff;
}

.useit-page {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 26px;
    width: 1080px;
    margin: 0 auto;
}

.useit-page li {
	width: 200px;
}

.useit-page li .use-btn {
    display: block;
    padding: 20px 0;
    border-bottom: 1px solid #BEBEBE;
    font-family: 'elice',sans-serif;
    font-size: 1.25rem;
    text-align: center;
    color: #BEBEBE;
}

.useit-page li .use-btn.use-btn-active {
    border-bottom: 4px solid #004098;
    color: #004098;
}

.notice-page {
    display: none;
    width: 100%;
    height: 630px;
    margin-top: 50px;
}

.notice-page.notice-page01 {
    display: block;
}

.notice-page.notice-page02 {
    margin-top: 20px;
}

.notice-img-wrap {
    width: 1560px;
    height: 627px;
}

.notice-page01 .notice-img-wrapBox {
    width: 100%;
    height: 650px;
    overflow-y: auto;
    padding: 0 20px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    scroll-behavior: smooth;
}

.notice-page02 .notice-img-wrapBox {
    width: 1200px;
    height: 580px;
    overflow-y: auto;
    padding: 0 20px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    scroll-behavior: smooth;
}

.notice-img-wrapBox > .notice-img-wrap:not(:first-child) {
    margin-top: 40px;
}

.notice-img-wrap.notice-img-wrap01 {
    width: 100%;
    height: 1616px;
    background: url(../images_new/notification_img01.png) no-repeat center/contain;
}

.notice-img-wrap.notice-img-wrap02-01 {
    width: 100%;
    height: 704px;
    background: url(../images_new/notification_img02-1.png) no-repeat center/contain;
}

.notice-img-wrap.notice-img-wrap02-02 {
    width: 100%;
    height: 944px;
    background: url(../images_new/notification_img02-2.png) no-repeat center/contain;
}

.notice-img-wrap.notice-img-wrap02-03 {
    width: 100%;
    height: 773px;
    background: url(../images_new/notification_img02-3.png) no-repeat center/contain;
}

.notice-img-wrap.notice-img-wrap02-04 {
    width: 100%;
    height: 773px;
    background: url(../images_new/notification_img02-4.png) no-repeat center/contain;
}

.notice-img-wrap.notice-img-wrap02-05 {
    width: 100%;
    height: 773px;
    background: url(../images_new/notification_img02-5.png) no-repeat center/contain;
}

.notice-img-wrap.notice-img-wrap03 {
    width: 100%;
    height: 100%;
    background: url(../images_new/notification_img03.png) no-repeat center/contain;
}

.notice-img-wrap.notice-img-wrap04 {
    width: 100%;
    height: 100%;
    background: url(../images_new/notification_img04.png) no-repeat center/contain;
}

.notice-img-wrap.notice-img-wrap05 {
    width: 100%;
    height: 100%;
    background: url(../images_new/notification_img05.png) no-repeat center/contain;
}


.tabs {
    display: flex;
    justify-content: space-between;
    align-self: center;
    position: relative;
    width: 100%;
    background-color: #fff;
    border: 1px solid #EEEEEE;
    box-shadow: 0 0 20px rgba(153, 153, 153, 0.25);
    padding: 20px 12px;
    border-radius: 999px;
}


.tabs * {
    z-index: 2;
}

.notice-btnBox-wrap input[type="radio"] {
    display: none;
}

.tab {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    width: 100%;
    font-size: 1.5rem;
    font-size: 1.5rem;
    font-family: 'elice';
    color: #66645D;
    font-weight: 500;
    border-radius: 99px;
    cursor: pointer;
    transition: color 0.15s ease-in;
}

.notice-btnBox-wrap input[type="radio"]:checked+label {
    font-weight: 700;
    color: #fff;
}

.notice-btnBox-wrap input[id="radio-1"]:checked~.glider {
    transform: translate(0);
}

.notice-btnBox-wrap input[id="radio-2"]:checked~.glider {
    transform: translateX(100%);
}

.notice-btnBox-wrap input[id="radio-3"]:checked~.glider {
    transform: translateX(200%);
}

.notice-btnBox-wrap input[id="radio-4"]:checked~.glider {
    transform: translateX(300%);
}

.notice-btnBox-wrap input[id="radio-5"]:checked~.glider {
    transform: translateX(400%);
}

.glider {
    position: absolute;
    top: 12%;
    transform: translate(-50%, 0);
    display: flex;
    height: 50px;
    width: 254.8px;
    background-color: #5CB531;
    z-index: 1;
    border-radius: 99px;
    transition: 0.25s ease-out;
}