@charset "UTF-8";
/* font */
/* flex align */
/* flex justify-content */
/* flex direction*/
/* flex row */
/* scrollbar mixin */
#accNav {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999999999;
	width: 100%;
	height: 0;
}

/* line 7, scss/component.scss */
#accNav a {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	width: 1px;
	height: 1px;
	margin-left: -1px;
	margin-bottom: -1px;
	text-align: center;
	color: #fff;
	white-space: nowrap;
}

/* line 8, scss/component.scss */
#accNav a:focus,
#accNav a:hover,
#accNav a:active {
	z-index: 1000;
	width: 100%;
	height: auto;
	padding: 5px 0;
	background: #444;
	color: #fff;
	font-weight: 700;
}

#root.blind #toolbar {
	/* 240104 */
	z-index: auto !important;
}

/* line 10, scss/component.scss */
#root.blind #toolbar .list, #root.blind #toolbar .help {
	/* 240104 */
	z-index: 11010;
}

/* line 24, scss/component.scss */
.dimmed.standard {
	/* 240104 */
	opacity: 0;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	width: 100vw;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: -1;
}

/* line 25, scss/component.scss */
.dimmed.standard::before {
	/* 240104 */
	display: none;
}

/* line 16, scss/component.scss */
#root.blind .dimmed.standard {
	/* 240104 */
	opacity: 1;
	z-index: 11000;
}

/* line 7, scss/component.scss */
.logoArea h1 > a {
	display: block;
}

/* line 11, scss/component.scss */
#sidebar {
	min-width: 80px;
	max-width: 80px;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

/* line 12, scss/component.scss */
#sidebar .head {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 24px 8px;
	background-color: var(--primary1);
}

/* line 13, scss/component.scss */
#sidebar .head .btnSidebarOpen {
	position: static;
	margin-bottom: 24px;
}

/* line 14, scss/component.scss */
#sidebar .head .btnSidebarClose {
	width: 0;
	height: 0;
	visibility: hidden;
	position: absolute;
	z-index: -1;
}

/* line 15, scss/component.scss */
#sidebar .head .btnSidebarClose, #sidebar .head .btnSidebarRight {
	border-radius: 4px 0 0 4px;
	background-color: var(--primary2);
}

/* line 16, scss/component.scss */
#sidebar .head .btnSidebarRight {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 17px;
	height: 48px;
	position: absolute;
	visibility: visible;
	right: 0;
	top: 13px;
}

/* line 18, scss/component.scss */
#sidebar .head .logoArea {
	margin-bottom: 27px;
}

/* line 19, scss/component.scss */
#sidebar .head .logoArea h1 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	row-gap: 27px;
}

/* line 20, scss/component.scss */
#sidebar .head .logoArea h1 > a {
	text-align: center;
}

/* line 22, scss/component.scss */
#sidebar .head .logoArea .openLogo {
	display: none;
}

/* line 23, scss/component.scss */
#sidebar .head .logoArea .openLogo img {
	display: inherit;
}

/* line 27, scss/component.scss */
#sidebar .head .btnCircle {
	position: relative;
}

/* line 28, scss/component.scss */
#sidebar .head .btnCircle svg path {
	width: 20px;
	height: 20px;
	fill: var(--primary2);
}

/* line 29, scss/component.scss */
#sidebar .head .btnCircle.active {
	background-color: var(--primary3);
}

/* line 30, scss/component.scss */
#sidebar .head .btnCircle.active svg path {
	fill: var(--gray-scale6);
}

/* line 34, scss/component.scss */
#sidebar .head .radiusBox.swipe {
	display: none;
}

/* line 37, scss/component.scss */
#sidebar .bottom {
	padding: 20px 10px 22px 10px;
	border-radius: 0 0 16px 0;
	-webkit-box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);
	        box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);
	background-color: var(--gray-scale6);
}

/* line 77, scss/component.scss */
#sidebar .bottom .menuItemContainer {
	/* 240716 */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 8px;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

/* line 84, scss/component.scss */
#sidebar .bottom .menuItemContainer .menuItem .menuText {
	/* 240716 */
	font-family: 'pre Bold';
	padding-left: 0;
	margin: 0;
	white-space: pre-wrap;
	text-align: center;
}

/* line 93, scss/component.scss */
#sidebar .bottom .menuItemContainer .menuItem .menuButton {
	/* 240716 */
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

/* line 99, scss/component.scss */
#sidebar .bottom .menuItemContainer.type02 {
	/* 240807 */
	-ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
}

/* line 103, scss/component.scss */
#sidebar .bottom .menuItemContainer.type02 .menuItem {
	/* 240807 */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

/* line 109, scss/component.scss */
#sidebar .bottom .menuItemContainer.type02 .menuText {
	/* 240807 */
	font-size: var(--fs11);
	white-space: nowrap;
}

/* line 115, scss/component.scss */
#sidebar .bottom .menuItemContainer.type02 .menuButton {
	/* 240807 */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	row-gap: 8px;
	padding: 12px 7.5px;
}

/* line 123, scss/component.scss */
#sidebar .bottom .menuItemContainer.type02 .menuButtonImage, #sidebar .bottom .menuItemContainer.type02 .menuButtonHoverImage {
	/* 240807 */
	display: block;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	-webkit-transition-property: opacity, visibility;
	transition-property: opacity, visibility;
}

/* line 130, scss/component.scss */
#sidebar .bottom .menuItemContainer.type02 .menuButtonImage {
	/* 240807 */
	width: 44px;
	height: 34px;
}

/* line 136, scss/component.scss */
#sidebar .bottom .menuItemContainer.type02 .menuButtonHoverImage {
	/* 240807 */
	position: absolute;
	opacity: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* line 148, scss/component.scss */
#sidebar .bottom .menuItem.hasLogo {
	/* 240403 */
	display: none;
}

/* line 152, scss/component.scss */
#sidebar .bottom .menuItem.hasLogo .menuText {
	/* 240403 */
	width: 100%;
	height: 40px;
	margin-top: 0;
	padding-left: 0;
	background: url("../images/common/logo/logo-korea-safety-map.svg") no-repeat center;
	background-position: 5px 0;
}

/* line 158, scss/component.scss */
#sidebar .bottom .menuItem.hasLogo .menuButton {
	/* 240403 */
	height: 47px;
}

/* line 163, scss/component.scss */
#sidebar .bottom .menuItem.hasLogo.active {
	/* 240403 */
}

/* line 165, scss/component.scss */
#sidebar .bottom .menuItem.hasLogo.active .menuText {
	background: url("../images/common/logo/logo-korea-safety-map-white.svg") no-repeat center;
	background-position: 5px 0;
}

/* line 40, scss/component.scss */
#sidebar.active {
	min-width: 280px;
	max-width: 280px;
}

/* line 41, scss/component.scss */
#sidebar.active ~ [class*="sidebarLayer"] {
	left: 292px;
}

/* line 43, scss/component.scss */
#sidebar.active .head {
	position: relative;
	padding: 18px 0 20px 0;
}

/* line 44, scss/component.scss */
#sidebar.active .head .btnSidebarOpen {
	visibility: hidden;
	position: absolute;
	z-index: -1;
}

/* line 45, scss/component.scss */
#sidebar.active .head .btnSidebarRight {
	visibility: hidden;
	width: 0;
	height: 0;
	z-index: -1;
}

/* line 46, scss/component.scss */
#sidebar.active .head .btnSidebarClose {
	visibility: visible;
	position: static;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: absolute;
	top: 12px;
	right: 0;
	width: 17px;
	height: 48px;
	z-index: 10;
}

/* line 48, scss/component.scss */
#sidebar.active .head .logoArea {
	margin-bottom: 0;
	margin-right: auto;
	padding-left: 24px;
}

/* line 49, scss/component.scss */
#sidebar.active .head .logoArea h1 {
	row-gap: 15px;
}

/* line 50, scss/component.scss */
#sidebar.active .head .logoArea h1 > a {
	text-align: left;
}

/* line 53, scss/component.scss */
#sidebar.active .head .logoArea .openLogo {
	display: block;
}

/* line 54, scss/component.scss */
#sidebar.active .head .logoArea .openLogo img {
	display: inherit;
}

/* line 56, scss/component.scss */
#sidebar.active .head .logoArea .defaultLogo {
	display: none;
}

/* line 57, scss/component.scss */
#sidebar.active .head .logoArea .defaultLogo img {
	display: inherit;
}

/* line 60, scss/component.scss */
#sidebar.active .head .btnCircle {
	display: none;
}

/* line 63, scss/component.scss */
#sidebar.active .head .radiusBox.swipe {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

/* line 69, scss/component.scss */
#sidebar.active .bottom .menuItem {
	width: 100%;
	height: auto;
	border-radius: 12px;
	/* 240117 */
	/*padding: 7.5px 0;*/
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	-webkit-transition-property: width, background-color;
	transition-property: width, background-color;
}

/* line 72, scss/component.scss */
#sidebar.active .bottom .menuItem .iconBox.hasArrow {
	display: block;
}

/* line 77, scss/component.scss */
#sidebar.active .bottom .menuItem.active .iconBox:not(.hasArrow) {
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	-webkit-transition-property: background-color;
	transition-property: background-color;
	background-color: var(--gray-scale6);
}

/* line 79, scss/component.scss */
#sidebar.active .bottom .menuItem.active .iconBox:not(.hasArrow) svg path {
	fill: var(--primary2);
}

/* line 83, scss/component.scss */
#sidebar.active .bottom .menuItem.active .iconBox.hasArrow svg path {
	fill: var(--gray-scale6);
}

/* line 87, scss/component.scss */
#sidebar.active .bottom .menuItem.active .menuText {
	color: var(--gray-scale6);
}

/* line 92, scss/component.scss */
#sidebar.active .bottom .menuItem.gray .iconBox:not(.hasArrow) {
	background-color: var(--gray-scale10);
}

/* line 93, scss/component.scss */
#sidebar.active .bottom .menuItem.gray .iconBox:not(.hasArrow) svg path {
	fill: var(--gray-scale4);
}

/* line 97, scss/component.scss */
#sidebar.active .bottom .menuItem.gray .iconBox.hasArrow svg path {
	fill: var(--gray-scale7);
}

/* line 102, scss/component.scss */
#sidebar.active .bottom .menuButton {
	position: relative;
	/* 240117 padding 12px => 19.5px 12px */
	padding: 19.5px 12px;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
}

/* line 104, scss/component.scss */
#sidebar.active .bottom .menuButton .iconBox:not(.hasArrow) {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
	left: 16px;
	width: 40px;
	height: 40px;
	border-radius: 8px;
	background-color: var(--primary1);
}

/* line 106, scss/component.scss */
#sidebar.active .bottom .menuButton .iconBox:not(.hasArrow) svg path {
	fill: var(--gray-scale6);
}

/* line 109, scss/component.scss */
#sidebar.active .bottom .menuButton .iconBox.hasArrow {
	background-color: transparent;
}

/* line 110, scss/component.scss */
#sidebar.active .bottom .menuButton .iconBox.hasArrow svg path {
	display: block;
	fill: var(--gray-scale3);
}

/* line 114, scss/component.scss */
#sidebar.active .bottom .menuText {
	padding-left: 57px;
	margin-right: auto;
	font-size: var(--fs18);
	color: var(--gray-scale3);
}

#sidebar.active .bottom .leftBanner {
	float: left;
	width: 48%;
}

#sidebar.active .bottom .leftBanner .menuText {
	font-size: 14px;
	padding-left: 0px;
}

#sidebar.active .bottom .rightBanner {
	float: right;
	width: 48%;
}

#sidebar.active .bottom .rightBanner .menuText {
	font-size: 14px;
	padding-left: 15px;
}

/* line 120, scss/component.scss */
.count {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	position: absolute;
	top: -1px;
	left: 27px;
	padding: 0 3px;
	min-width: 14px;
	height: 14px;
	border-radius: 20px;
	font-size: var(--fs11);
	font-family: var(--font-b);
	color: var(--gray-scale6);
	background-color: var(--error);
}

/* line 124, scss/component.scss */
.menuList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	row-gap: 8px;
}

/* line 125, scss/component.scss */
.menuItem {
	width: 60px;
	height: 60px;
	border-radius: 8px;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	border: 1px solid var(--gray-scale9);
	background-color: var(--gray-scale6);
}

/* line 127, scss/component.scss */
.menuItem svg path {
	fill: var(--primary2);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

/* line 129, scss/component.scss */
.menuItem .iconBox {
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

/* line 130, scss/component.scss */
.menuItem .iconBox.hasArrow {
	display: none;
}

/* line 132, scss/component.scss */
.menuItem .menuText {
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

/* line 134, scss/component.scss */
.menuItem.active {
	-webkit-box-shadow: 0 3.5px 5px rgba(0, 0, 0, 0.3);
	        box-shadow: 0 3.5px 5px rgba(0, 0, 0, 0.3);
	border-color: transparent;
	background-color: var(--primary1);
}

/* line 136, scss/component.scss */
.menuItem.active .iconBox {
	background-color: var(--primary1);
}

/* line 137, scss/component.scss */
.menuItem.active .iconBox svg path {
	fill: var(--gray-scale6);
}

/* line 139, scss/component.scss */
.menuItem.active .menuText {
	color: var(--gray-scale6);
}

/* line 142, scss/component.scss */
.menuItem.gray {
	border-color: var(--gray-scale10);
}

/* line 144, scss/component.scss */
.menuItem.gray .iconBox svg path {
	fill: var(--gray-scale4);
}

/* line 146, scss/component.scss */
.menuItem.gray .menuText {
	color: var(--gray-scale4);
}

/* line 149, scss/component.scss */
.menuText {
	font-size: var(--fs13);
	font-family: var(--font-m);
	color: var(--primary2);
	margin-top: 2px;
/* 	white-space: nowrap; */
}

/* line 150, scss/component.scss */
.menuButton {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	width: 100%;
	height: 100%;
}

/* line 154, scss/component.scss */
.radiusBox.swipe {
	width: 100%;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	row-gap: 4px;
	margin-top: 24px;
}

/* line 155, scss/component.scss */
.radiusBox.swipe .radiusColBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin: 0 24px;
	border-radius: 4px;
	background-color: var(--gray-scale6);
}

/* line 156, scss/component.scss */
.radiusBox.swipe .iconBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 10px 8px;
}

/* line 157, scss/component.scss */
.radiusBox.swipe .text {
	font-size: var(--fs13);
	font-family: var(--font-sb);
	color: var(--gray-scale3);
}

/* line 158, scss/component.scss */
.radiusBox.swipe .text.eps {
	width: calc(100% - 55px);
}

/* line 160, scss/component.scss */
.radiusBox.swipe svg path {
	fill: var(--error);
}

/* line 162, scss/component.scss */
.radiusBox.swipe .btnArea {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-column-gap: 4px;
	   -moz-column-gap: 4px;
	        column-gap: 4px;
	padding-left: 24px;
}

/* line 164, scss/component.scss */
.radiusBox.swipe .btnArea button svg path {
	fill: var(--gray-scale2);
}

/* line 166, scss/component.scss */
.radiusBox.swipe .btnArea button.active svg path {
	fill: #2B46A3;
}

/* line 172, scss/component.scss */
.radiusBoxWrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-column-gap: 7px;
	   -moz-column-gap: 7px;
	        column-gap: 7px;
}

/* line 173, scss/component.scss */
.radiusBoxWrap .radiusBoxItem {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}

/* line 175, scss/component.scss */
.radiusBoxWrap .temp {
	font-size: var(--fs16);
	font-family: var(--font-b);
	color: var(--gray-scale3);
}

/* line 176, scss/component.scss */
.radiusBoxWrap .tempUnit {
	font-family: var(--font-r);
	font-size: var(--fs11);
}

/* line 177, scss/component.scss */
.radiusBoxWrap .tempTitle {
	margin-top: 4px;
	font-size: var(--fs16);
	font-family: var(--font-r);
	color: var(--gray-scale3);
}

/* line 178, scss/component.scss */
.radiusBoxWrap .tempInnerBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

/* line 181, scss/component.scss */
.radiusBoxWrap .tempBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	width: 100%;
	height: calc(100% - 2px);
	padding: 10px 13px;
	border-radius: 6px;
	background-color: var(--gray-scale6);
}

/* line 182, scss/component.scss */
.radiusBoxWrap .tempBox.sky {
	-webkit-box-shadow: 0 0 0 1px #D2E2FF;
	        box-shadow: 0 0 0 1px #D2E2FF;
	padding: 17px 14px;
	border-radius: 8px;
	background-color: var(--bg5);
	max-width: 96px;
}

/* line 183, scss/component.scss */
.radiusBoxWrap .tempBox.sky .temp {
	font-size: var(--fs24);
}

/* line 184, scss/component.scss */
.radiusBoxWrap .tempBox.sky .tempUnit {
	margin-top: -9px;
	font-size: var(--fs16);
}

/* line 185, scss/component.scss */
.radiusBoxWrap .tempBox.sky .tempInnerBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	min-width: 66px;
}

/* line 188, scss/component.scss */
.radiusBoxWrap .tempBox.col {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

/* line 190, scss/component.scss */
.radiusBoxWrap .tempBox:not(.sky) {
	padding: 11px 10px;
}

/* line 191, scss/component.scss */
.radiusBoxWrap .tempBox:not(.sky) .temp {
	font-size: 0.9375rem;
	letter-spacing: -0.5px;
}

/* line 195, scss/component.scss */
.radiusBoxWrap.type02 {
	-webkit-column-gap: 12px;
	   -moz-column-gap: 12px;
	        column-gap: 12px;
	row-gap: 10px;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

/* line 226, scss/component.scss */
.radiusBoxWrap.type02 .radiusBoxItem {
	/* 240108 */
	min-height: 162px;
	padding: 16px;
	border: 1px solid var(--gray-scale9);
	border-radius: 8px;
	background-color: var(--gray-scale6);
}

/* line 230, scss/component.scss */
.radiusBoxWrap.type02 .radiusBoxItem:first-of-type {
	/* 240108 */
	-webkit-box-flex: 0.9846;
	    -ms-flex: 0.9846;
	        flex: 0.9846;
}

/* line 234, scss/component.scss */
.radiusBoxWrap.type02 .radiusBoxItem:last-of-type {
	/* 240108 */
	-webkit-box-flex: 0.7;
	    -ms-flex: 0.7;
	        flex: 0.7;
}

/* line 200, scss/component.scss */
.radiusBoxWrap.type02 .popupTitleBox {
	margin-bottom: 12px;
}

/* line 202, scss/component.scss */
.radiusBoxWrap.type03 {
	-webkit-column-gap: 4px;
	   -moz-column-gap: 4px;
	        column-gap: 4px;
}

/* line 203, scss/component.scss */
.radiusBoxWrap.type03 .radiusInnerBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

/* line 206, scss/component.scss */
.radiusBoxWrap.type04 {
	width: 100%;
	-webkit-column-gap: 10px;
	   -moz-column-gap: 10px;
	        column-gap: 10px;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}

/* line 207, scss/component.scss */
.radiusBoxWrap.type04 .radiusBox {
	border: 1px solid var(--gray-scale9);
	border-radius: 12px;
}

/* line 208, scss/component.scss */
.radiusBoxWrap.type04 .radiusBox .radiusBoxInner {
	padding: 12px;
}

/* line 209, scss/component.scss */
.radiusBoxWrap.type04 .radiusBox .top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
    row-gap: 10px;
}
.radiusBoxWrap.type04 .radiusBox .top .row {
    width: 100%;
    display: flex;
    column-gap: 10px;
}

/* line 210, scss/component.scss */
.radiusBoxWrap.type04 .radiusBox .topBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
    column-gap: 10px;
}

/* line 212, scss/component.scss */
.radiusBoxWrap.type04 .radiusBox .topBox .select + .btnHelp {
	margin-left: 8px;
}

/* line 215, scss/component.scss */
.radiusBoxWrap.type04 .radiusBox .topBox.hasLocation {
	-webkit-box-flex: 2.6989;
	    -ms-flex: 2.6989;
	        flex: 2.6989;
	margin-right: 10px;
	/*margin-left: 24px;*/
	-webkit-column-gap: 24px;
	   -moz-column-gap: 24px;
	        column-gap: 24px;
	z-index: 2;
}

/* line 218, scss/component.scss */
.radiusBoxWrap.type04 .radiusBox .mapArea {
	position: relative;
	width: 100%;
	height: 100%;
	min-height: 200px;
	border-radius: 12px;
}

/* line 220, scss/component.scss */
.radiusBoxWrap.type04 .radiusBox .mapArea .graph {
	z-index: 0;
}

/* line 222, scss/component.scss */
.radiusBoxWrap.type04 .radiusBox .switchButtonArea {
	position: absolute;
	top: 12px;
	right: 12px;
}

/* line 224, scss/component.scss */
.radiusBoxWrap.type04 .radiusBox.none {
	border: 0;
	border-radius: 0;
}

/* line 225, scss/component.scss */
.radiusBoxWrap.type04 .radiusBox.col {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	row-gap: 12px;
}

/* line 228, scss/component.scss */
.radiusBoxWrap.type04 .radiusInnerBox {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	row-gap: 8px;
}

/* line 229, scss/component.scss */
.radiusBoxWrap.type04 .radiusInnerBox:first-of-type {
	-webkit-box-flex: 2.4776;
	    -ms-flex: 2.4776;
	        flex: 2.4776;
}

/* line 230, scss/component.scss */
.radiusBoxWrap.type04 .radiusInnerBox:last-of-type {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}

/* line 233, scss/component.scss */
.radiusBoxWrap.type04 .bottom {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-column-gap: 12px;
	   -moz-column-gap: 12px;
	        column-gap: 12px;
	row-gap: 10px;
	border-radius: 0 0 12px 12px;
	padding: 12px 0 0 0;
	margin-top: 0;
	background-color: transparent;
}

/* line 235, scss/component.scss */
.radiusBoxWrap.type04 .bottom::before {
	content: '';
	position: absolute;
	left: -12px;
	bottom: -12px;
	border-radius: 0 0 12px 12px;
	z-index: 0;
	width: calc(100% + 24px);
	height: calc(100% + 12px);
	background-color: var(--bg1);
}

/* line 238, scss/component.scss */
.radiusBoxWrap.type04 .bottom .radiusInnerBox {
	position: relative;
	z-index: 10;
}

/* line 239, scss/component.scss */
.radiusBoxWrap.type04 .bottom .markerItemText {
	font-size: var(--fs12);
}

/* line 240, scss/component.scss */
.radiusBoxWrap.type04 .bottom .elementBox {
	min-height: 90px;
	flex-grow: 1;
}

/* line 241, scss/component.scss */
.radiusBoxWrap.type04 .bottom .legendList {
	height: 100%;
}

/* line 244, scss/component.scss */
.radiusBoxWrap.type04 .markerItem {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	height: 24px;
}

/* line 247, scss/component.scss */
.radiusBoxWrap.double {
	height: 100%;
}

/* line 249, scss/component.scss */
.radiusBoxWrap.double .radiusBox.left {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	row-gap: 12px;
	height: 100%;
	padding: 12px;
}

/* line 250, scss/component.scss */
.radiusBoxWrap.double .radiusBox.right {
	-webkit-box-flex: 2.2545;
	    -ms-flex: 2.2545;
	        flex: 2.2545;
	height: 100%;
}

/* line 251, scss/component.scss */
.radiusBoxWrap.double .radiusBox.left, .radiusBoxWrap.double .radiusBox.right {
	width: 100%;
}

/* line 255, scss/component.scss */
.radiusBoxWrap.full {
	height: 100%;
}

/* line 256, scss/component.scss */
.radiusBoxWrap.full .radiusBox {
	width: 100%;
	height: 100%;
}

/* line 257, scss/component.scss */
.radiusBoxWrap.full .radiusBoxInner {
	height: 100%;
}

/* line 258, scss/component.scss */
.radiusBoxWrap.full .radiusBoxInner .top {
	margin-bottom: 12px;
}

/* line 261, scss/component.scss */
.radiusBoxWrap.full .radiusBox .mapArea {
	height: calc(100% - 46px);
}

/* line 264, scss/component.scss */
.radiusBoxWrap.full .radiusBox .topBox.hasLocation {
	margin-right: 0;
}

/* line 271, scss/component.scss */
.radiusBoxWrap.swipe .radiusBox:last-of-type {
	max-width: 1106px;
}

/* line 275, scss/component.scss */
.radiusBoxList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	row-gap: 8px;
	-webkit-column-gap: 7px;
	   -moz-column-gap: 7px;
	        column-gap: 7px;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

/* line 277, scss/component.scss */
.radiusBoxItem .cityName {
	white-space: nowrap;
	margin-right: 4px;
	font-size: var(--fs13);
	font-family: var(--font-r);
	color: var(--gray-scale3);
}

/* line 280, scss/component.scss */
.radiusBox.default {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	border-radius: 4px;
	height: 32px;
	padding: 0 12px;
}

/* line 282, scss/component.scss */
.radiusBox.default .radiusInnerBox .svgBox {
	margin-right: 4px;
}

/* line 283, scss/component.scss */
.radiusBox.default .radiusInnerBox::after {
	content: '';
	width: 1px;
	height: 14px;
	margin: 0 8px;
}

/* line 284, scss/component.scss */
.radiusBox.default .radiusInnerBox:last-of-type::after {
	display: none;
}

/* line 286, scss/component.scss */
.radiusBox.default .text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	font-size: var(--fs14);
	font-family: var(--font-sb);
}

/* line 288, scss/component.scss */
.radiusBox.red {
	background-color: #FFEDEF;
}

/* line 290, scss/component.scss */
.radiusBox.red .radiusInnerBox::after {
	background-color: #F0D2D6;
}

/* line 292, scss/component.scss */
.radiusBox.red .text {
	color: #E53F50;
}

/* line 294, scss/component.scss */
.radiusBox.blue {
	background-color: #EDF2FF;
}

/* line 296, scss/component.scss */
.radiusBox.blue .radiusInnerBox::after {
	background-color: #C1C8DF;
}

/* line 298, scss/component.scss */
.radiusBox.blue .text {
	color: var(--gray-scale2);
	font-family: var(--font-m);
}

/* line 303, scss/component.scss */
.locationArea {
	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
	        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
	border-radius: 8px;
	width: 390px;
}

/* line 304, scss/component.scss */
.locationArea.type02 {
	width: 100%;
	-webkit-box-shadow: none;
	        box-shadow: none;
	border-radius: 4px;
	background-color: var(--bg1);
}

/* line 305, scss/component.scss */
.locationArea.type02 .locationList {
	height: 34px;
	-webkit-column-gap: 2px;
	   -moz-column-gap: 2px;
	        column-gap: 2px;
	padding: 0 12px;
	border-radius: 0;
	-webkit-box-shadow: none;
	        box-shadow: none;
	background-color: transparent;
}

/* line 308, scss/component.scss */
.locationArea.type02 .locationItem svg path {
	fill: var(--primary1);
}

/* line 309, scss/component.scss */
.locationArea.type02 .locationItem::before {
	display: none;
}

/* line 311, scss/component.scss */
.locationArea.type02 .locationItem:first-of-type .locationText {
	margin-left: 4px;
}

/* line 314, scss/component.scss */
.locationArea.type02 .locationItem:last-of-type .locationText::after {
	display: none;
}

/* line 317, scss/component.scss */
.locationArea.type02 .locationText {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	font-size: var(--fs14);
	font-family: var(--font-m);
	color: var(--gray-scale3);
}

/* line 318, scss/component.scss */
.locationArea.type02 .locationText::after {
	content: '';
	width: 16px;
	height: 16px;
	margin: 0 7.5px;
	background: url("../images/ico/ico-arrow-right-bbb.svg") no-repeat center;
}

/* line 323, scss/component.scss */
.locationList {
	height: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-column-gap: 4px;
	   -moz-column-gap: 4px;
	        column-gap: 4px;
	padding: 0 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	        box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	background-color: var(--gray-scale6);
}

/* line 325, scss/component.scss */
.locationItem {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

/* line 327, scss/component.scss */
.locationItem:first-of-type::before {
	content: '';
	width: 20px;
	height: 20px;
	margin-right: 6px;
	background: url("../images/ico/ico-pin-blue.svg") no-repeat center;
}

/* line 332, scss/component.scss */
.locationItem:last-of-type::after {
	display: none;
}

/* line 334, scss/component.scss */
.locationItem select {
	outline-offset: -2px;
}

/* line 338, scss/component.scss */
.rightMenuArea {
	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
	        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
	margin-right: 12px;
}

/* line 339, scss/component.scss */
.rightMenuArea .inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 10px 8px;
	border-radius: 8px;
	background-color: var(--gray-scale6);
}

/* line 340, scss/component.scss */
.rightMenuArea .btnArea {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-column-gap: 8px;
	   -moz-column-gap: 8px;
	        column-gap: 8px;
}

/* line 341, scss/component.scss */
.rightMenuArea .btnArea + .authArea::before {
	content: '';
	width: 1px;
	height: 12px;
	margin: 0 12px;
	background-color: var(--gray-scale8);
}

/* line 343, scss/component.scss */
.rightMenuArea [class*='btn']:not(.btnArea) {
	position: relative;
	width: 20px;
	height: 20px;
	background-size: 20px;
}

/* line 344, scss/component.scss */
.rightMenuArea .tooltip {
	top: 31px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
}

/* line 345, scss/component.scss */
.rightMenuArea .tooltip::before {
	top: -5px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
}

/* line 349, scss/component.scss */
.authArea {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

/* line 350, scss/component.scss */
.authArea .userName, .authArea .userMore {
	font-size: var(--fs13);
}

/* line 351, scss/component.scss */
.authArea .userName {
	font-family: var(--font-b);
	color: var(--gray-scale3);
	margin-right: 3px;
}

/* line 352, scss/component.scss */
.authArea .userMore {
	font-family: var(--font-m);
	color: var(--gray-scale4);
}

/* line 353, scss/component.scss */
.authArea .btn {
	margin-left: 8px;
}

/* line 354, scss/component.scss */
.authArea .btnLogout {
	margin-left: 8px;
}

/* line 358, scss/component.scss */
.tooltip {
	position: absolute;
	opacity: 0;
	visibility: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	z-index: 0;
	height: 22px;
	padding: 0 6px;
	font-size: var(--fs11);
	font-family: var(--font-r);
	color: var(--gray-scale6);
	white-space: nowrap;
	border-radius: 4px;
	background-color: var(--gray-scale11);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

/* line 361, scss/component.scss */
.tooltip::before {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid var(--gray-scale11);
}

/* line 364, scss/component.scss */
.tooltip.right::before {
	right: -10px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 6px solid var(--gray-scale11);
}

/* line 368, scss/component.scss */
.innerToolbar {
	position: absolute;
	bottom: 12px;
	right: 12px;
}

/* line 371, scss/component.scss */
.innerToolbar .toolItem.none .tool {
	border-radius: 8px;
}

/* line 376, scss/component.scss */
.innerToolbar .toolItem.borderLine .tool:first-of-type {
	border-bottom: 1px solid var(--gray-scale10);
}

/* line 382, scss/component.scss */
.innerToolbar .toolItem .tool.active svg path {
	fill: var(--gray-scale3);
}

/* line 388, scss/component.scss */
.innerToolbar .btn.tool {
	width: 36px;
	height: 36px;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

/* line 389, scss/component.scss */
.innerToolbar .btn.tool svg path {
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

/* line 393, scss/component.scss */
.innerToolbar .tooltip {
	top: 50%;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
	right: 44px;
}

/* line 396, scss/component.scss */
.toolList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	row-gap: 12px;
}

/* line 398, scss/component.scss */
.toolItem {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	border-radius: 8px;
	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
	        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}

/* line 399, scss/component.scss */
.toolItem .tool {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	row-gap: 6px;
	background-color: var(--gray-scale6);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

/* line 401, scss/component.scss */
.toolItem .tool .buttonText {
	font-size: var(--fs11);
	font-family: var(--font-m);
	color: var(--gray-scale3);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

/* line 403, scss/component.scss */
.toolItem .tool svg path {
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

/* line 406, scss/component.scss */
.toolItem .tool:first-of-type {
	border-radius: 8px 8px 0 0;
}

/* line 407, scss/component.scss */
.toolItem .tool:last-of-type {
	border-radius: 0 0 8px 8px;
}

/* line 410, scss/component.scss */
.toolItem .tool.effect01.active {
	background-color: var(--secondary1);
}

/* line 411, scss/component.scss */
.toolItem .tool.effect01.active svg path {
	fill: var(--gray-scale6);
}

/* line 412, scss/component.scss */
.toolItem .tool.effect01.active .buttonText {
	color: var(--gray-scale6);
}

/* line 417, scss/component.scss */
.toolItem .tool.effect02.active {
	background-color: var(--secondary2);
}

/* line 418, scss/component.scss */
.toolItem .tool.effect02.active .buttonText {
	color: var(--gray-scale6);
}

/* line 470, scss/component.scss */
.toolItem .tool.active ~ .toolInnerDepth2Area {
	opacity: 1;
	visibility: visible;
	/* 240110 */
	z-index: 11010;
}

/* line 424, scss/component.scss */
.toolItem .tool.active svg path {
	fill: var(--gray-scale6);
}

/* line 481, scss/component.scss */
.toolItemBox {
	/* 240110 */
	position: relative;
}

/* line 490, scss/component.scss */
.toolItemBox:last-of-type .tool {
	/* 240110 */
	border-radius: 0 0 8px 8px;
}

/* line 541, scss/component.scss */
.toolInnerDepth2Area.boxType .toolInnerDepthColumn .legendTitle {
	/* 240110 */
	text-align: center;
}

/* line 485, scss/component.scss */
.toolItemBox:first-of-type .tool {
	/* 240110 */
	border-radius: 8px 8px 0 0;
}

/* line 428, scss/component.scss */
.toolItem.noList {
	margin-bottom: 12px;
}

/* line 429, scss/component.scss */
.toolItem.noList .tool {
	border-radius: 8px;
}

/* line 435, scss/component.scss */
#toolbar .toolInnerDepthItem {
	padding: 6px;
}

/* line 436, scss/component.scss */
#toolbar .toolInnerDepthItem + .toolInnerDepthItem {
	margin-top: 0;
}

/* line 438, scss/component.scss */
#toolbar .toolInnerDepth2Area {
	padding: 4px 8px;
}

/* line 443, scss/component.scss */
.toolInnerDepth2Area {
	opacity: 0;
	visibility: hidden;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	position: absolute;
	top: 0;
	right: 70px;
	padding: 4px;
	border-radius: 8px;
	background-color: var(--gray-scale6);
	cursor: default;
	-webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2);
	        box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2);
	z-index: -1;
}

/* line 446, scss/component.scss */
.toolInnerDepth2Area::after {
	content: '';
	position: absolute;
	top: 17px;
	right: -10px;
	width: 0;
	height: 0;
	-webkit-transform: rotate(-45deg);
	        transform: rotate(-45deg);
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid var(--gray-scale6);
}

/* line 451, scss/component.scss */
.toolInnerDepth2Area.listType .toolInnerDepthItem {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-column-gap: 4px;
	   -moz-column-gap: 4px;
	        column-gap: 4px;
	cursor: pointer;
}

/* line 453, scss/component.scss */
.toolInnerDepth2Area.listType .toolInnerDepthItem.num01 svg path {
	stroke: var(--gray-scale3);
	fill: none;
}

/* line 456, scss/component.scss */
.toolInnerDepth2Area.listType .toolInnerDepthItem:not(.num01):not(.num07) svg path {
	fill: var(--gray-scale3);
	stroke: none;
}

/* line 459, scss/component.scss */
.toolInnerDepth2Area.listType .toolInnerDepthItem.num07 svg path {
	stroke: none;
	fill: var(--error);
}

/* line 463, scss/component.scss */
.toolInnerDepth2Area.listType .toolInnerDepthItem.active .toolInnerDepthText {
	font-weight: 600;
}

/* line 465, scss/component.scss */
.toolInnerDepth2Area.listType .toolInnerDepthItem.active:not(.num01) svg path {
	fill: var(--secondary2);
}

/* line 468, scss/component.scss */
.toolInnerDepth2Area.listType .toolInnerDepthItem.active.num01 svg path {
	stroke: var(--secondary2);
}

/* line 472, scss/component.scss */
.toolInnerDepth2Area.listType .toolInnerDepthText {
	white-space: nowrap;
	margin-top: 0;
}

/* line 475, scss/component.scss */
.toolInnerDepth2Area.boxType {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-column-gap: 12px;
	   -moz-column-gap: 12px;
	        column-gap: 12px;
	width: 218px;
}

/* line 476, scss/component.scss */
.toolInnerDepth2Area.boxType .toolInnerDepthColumn {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}

/* line 477, scss/component.scss */
.toolInnerDepth2Area.boxType .toolInnerDepthColumn.gray {
	padding: 30px 0;
}

/* line 479, scss/component.scss */
.toolInnerDepth2Area.boxType.sm {
	width: 121px;
	padding: 10px 12px;
}

/* 240117 추가 (툴바에있는 범례 스타일 클래스) */
.toolInnerDepth2Area.boxType.sm .legendBox.type01 .legend {
	width: 100%;
    justify-content: center;
}
/* === */

.toolInnerDepth2Area.boxType.mm {
	width: 161px;
	padding: 10px 12px;
}

/* line 482, scss/component.scss */
.toolInnerDepthItem {
	padding: 8px;
	border-radius: 8px;
}

/* line 483, scss/component.scss */
.toolInnerDepthItem + .toolInnerDepthItem {
	margin-top: 10px;
}

/* line 484, scss/component.scss */
.toolInnerDepthItem.active {
	background-color: var(--bg6);
}

/* line 485, scss/component.scss */
.toolInnerDepthItem.active .toolInnerDepthText {
	color: var(--secondary2);
	font-weight: 600;
}

/* line 488, scss/component.scss */
.toolInnerDepthBox {
	cursor: pointer;
}

/* line 489, scss/component.scss */
.toolInnerDepthBox img {
	display: block;
}

/* line 491, scss/component.scss */
.toolInnerDepthText {
	margin-top: 5px;
	font-size: var(--fs13);
	font-family: var(--font-m);
	color: var(--gray-scale2);
}

/* line 492, scss/component.scss */
.toolInnerDepthText::before {
	display: block;
	content: attr(title);
	font-weight: 600;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}

/* line 496, scss/component.scss */
.toolInnerDepthColumn.gray {
	border-radius: 4px;
	background-color: var(--bg1);
}

/* line 497, scss/component.scss */
.toolInnerDepthColumn.gray .legendBox {
	row-gap: 16px;
}

/* line 502, scss/component.scss */
.dimmed::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	width: 100vw;
	height: 100vh;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: -1;
}

/* line 505, scss/component.scss */
.popup {
	position: absolute;
	z-index: -1;
	width: 100%;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

/* line 506, scss/component.scss */
.popup .inner {
	position: relative;
	padding: 24px 24px 30px 24px;
	border-radius: 3px;
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
	        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
	background-color: var(--gray-scale6);
}

/* line 508, scss/component.scss */
.popup .inner.gray {
	background-color: var(--bg2);
}

/* line 509, scss/component.scss */
.popup .innerContainer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	max-height: calc(100vh - 20px);
	border-radius: 16px;
	background-color: var(--gray-scale6);
}

/* line 511, scss/component.scss */
.popup .innerContainer .inner {
	border-radius: 0;
}

/* line 512, scss/component.scss */
.popup .innerContainer .inner.gray {
	border-radius: 0 0 16px 16px;
}

/* line 517, scss/component.scss */
#copyLegend{
	margin-top: -1px;
	padding: 16px 24px;
	border-radius: 12px 12px 12px 12px;
	background-color: var(--bg2);
	display: flex;
	width:35%;
	justify-content: space-between;
/* 	align-items: center; */
}


/* line 517, scss/component.scss */
.popup .bottom {
	margin-top: -1px;
	padding: 16px 24px;
	border-radius: 0 0 12px 12px;
	background-color: var(--bg2);
	display: flex;
	width:100%;
	justify-content: space-between;
	align-items: center;
}

/* line 518, scss/component.scss */
.popup .bottom .checkbox {
	display: inline-block;
}

/* line 519, scss/component.scss */
.popup .bottom .checkbox label {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

/* line 524, scss/component.scss */
.popupHead .btnClose {
	margin-left: auto;
}

/* line 525, scss/component.scss */
.popupHead + .popupCont {
	margin-top: 14px;
}
.popupHead + .popupCont.mt10 {
	margin-top: 10px;
}

/* line 526, scss/component.scss */
.popupHead.type02 {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	padding-bottom: 12px;
	border-bottom: 1px solid var(--gray-scale9);
}

/* line 527, scss/component.scss */
.popupHead.type02 .popupTitle {
	width: 100%;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	row-gap: 8px;
	margin-right: 0;
}

/* line 528, scss/component.scss */
.popupHead.type02 .popupTitleBox {
	width: 100%;
}

/* line 530, scss/component.scss */
.popupHead.type02 .btnClose {
	margin-top: 3px;
}

/* line 532, scss/component.scss */
.popupHead.sticky {
	position: sticky;
	top: 0;
	background-color: var(--gray-scale6);
	z-index: 100;
}

/* line 534, scss/component.scss */
.popupHead.mt1 + .popupCont {
	margin-top: 12px;
}

/* line 538, scss/component.scss */
.popupCont {
	position: relative;
	z-index: 10;
}

/* line 540, scss/component.scss */
.popupTitle {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-column-gap: 5px;
	   -moz-column-gap: 5px;
	        column-gap: 5px;
}

/* line 541, scss/component.scss */
.popupTitle svg {
	width: 24px;
	height: 24px;
}

/* line 542, scss/component.scss */
.popupTitle svg path {
	fill: var(--gray-scale3);
}

/* line 544, scss/component.scss */
.popupTitleText {
	font-size: var(--fs22);
	font-family: var(--font-sb);
	color: var(--gray-scale2);
}

/* line 545, scss/component.scss */
.popupTitleText.fs20 {
	font-size: var(--fs20);
}

/* line 546, scss/component.scss */
.popupTitleText.fs18 {
	font-size: var(--fs18);
}

/* line 547, scss/component.scss */
.popupTitleText.fs16 {
	font-size: var(--fs16);
}

/* line 549, scss/component.scss */
.popupTitleBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-column-gap: 5px;
	   -moz-column-gap: 5px;
	        column-gap: 5px;
}

/* line 550, scss/component.scss */
.popupTitleBox.aic {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

/* line 551, scss/component.scss */
.popupTitleBox.sb {
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

/* line 552, scss/component.scss */
.popupTitleBox.mrA {
	margin-right: auto;
}

/* line 555, scss/component.scss */
.popupTitleBox + .popupSituation.none {
	padding-left: 0;
}

/* line 559, scss/component.scss */
.popupTitleBox .svgBox svg {
	width: 16px;
	height: 16px;
}

/* line 560, scss/component.scss */
.popupTitleBox .svgBox svg path {
	fill: var(--primary2);
}

/* line 563, scss/component.scss */
.popupTitleBox .svgBox.type02 svg {
	width: 16px;
	height: 16px;
}

/* line 564, scss/component.scss */
.popupTitleBox .svgBox.type02 svg path {
	fill: var(--gray-scale6);
}

/* line 569, scss/component.scss */
.popupTitleBox + .tableWrap {
	margin-top: 8px;
}

/* line 572, scss/component.scss */
.popupTitle.type02 {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	row-gap: 8px;
}

/* line 573, scss/component.scss */
.popupTitle + .tabWrap {
	margin-top: 12px;
}

/* line 576, scss/component.scss */
.popupNotice {
	font-size: var(--fs14);
	font-family: var(--font-r);
	color: var(--gray-scale3);
	text-align: center;
}

/* line 577, scss/component.scss */
.popupNotice.bold {
	font-family: var(--font-sb);
}

/* line 579, scss/component.scss */
.popupNotice + .popupNotice {
	margin-top: 2px;
}

/* line 580, scss/component.scss */
.popupNotice + .popupNotice.bold {
	margin-top: 8px;
}

/* line 584, scss/component.scss */
.popupDescription {
	position: relative;
	font-size: var(--fs12);
	font-family: var(--font-r);
	color: var(--gray-scale3);
	padding-left: 16px;
}

/* line 585, scss/component.scss */
.popupDescription::before {
	content: '';
	position: absolute;
	left: 0;
	top: 1px;
	width: 12px;
	height: 12px;
	background: url("../images/ico/ico-informations.svg") no-repeat center;
}

/* line 588, scss/component.scss */
.popupDescription + .tableWrap {
	margin-top: 16px;
}

/* line 589, scss/component.scss */
.popupDescription + .btnArea {
	margin-top: 25px;
}

/* line 591, scss/component.scss */
.popupDescription.type02 {
	font-size: var(--fs13);
	font-family: var(--font-r);
	color: var(--gray-scale2);
	padding-left: 0;
}

/* line 592, scss/component.scss */
.popupDescription.type02::before {
	display: none;
}

/* line 593, scss/component.scss */
.popupDescription.type02.fs14 {
	font-size: var(--fs14);
}

/* line 596, scss/component.scss */
.popupDescription.fontM {
	font-family: var(--font-m);
}

/* line 598, scss/component.scss */
.popupDescription.gray {
	color: var(--gray-scale4);
}

/* line 601, scss/component.scss */
.popupSectionTitle {
	font-size: var(--fs15);
	font-family: var(--font-sb);
	color: var(--gray-scale2);
	white-space: nowrap;
}

/* line 602, scss/component.scss */
.popupSectionTitle + .selectValueList {
	margin-top: 8px;
}

/* line 603, scss/component.scss */
.popupSectionTitle.fs16 {
	font-size: var(--fs16);
}

/* line 604, scss/component.scss */
.popupSectionTitle.fs18 {
	font-size: var(--fs18);
}

/* line 607, scss/component.scss */
.popupSituation {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	font-size: var(--fs12);
	font-family: var(--font-r);
	color: var(--gray-scale4);
}

/* line 608, scss/component.scss */
.popupSituation.fs13 {
	font-size: var(--fs13);
}

/* line 609, scss/component.scss */
.popupSituation::before {
	content: '';
	width: 12px;
	height: 12px;
	margin-right: 6px;
	background: url("../images/ico/ico-time.svg") no-repeat center;
}

/* line 610, scss/component.scss */
.popupSituation.none::before {
	display: none;
}

/* line 611, scss/component.scss */
.popupSituation.gray {
	width: 100%;
	padding: 8px;
	border-radius: 4px;
	background-color: var(--bg1);
}

/* line 615, scss/component.scss */
.popup.wd800 {
	max-width: 800px;
}

/* line 616, scss/component.scss */
.popup.wd640 {
	max-width: 640px;
}

/* line 617, scss/component.scss */
.popup.wd440 {
	max-width: 440px;
}

/* line 618, scss/component.scss */
.popup.wd400 {
	max-width: 400px;
}

/* line 619, scss/component.scss */
.popup.wd360 {
	max-width: 360px;
}

/* line 620, scss/component.scss */
.popup.wd320 {
	max-width: 320px;
}

/* line 621, scss/component.scss */
.popup.wd300 {
	max-width: 300px;
}

/* line 622, scss/component.scss */
.popup.wd260 {
	max-width: 260px;
}

/* line 623, scss/component.scss */
.popup.wd240 {
	max-width: 240px;
}

/* line 624, scss/component.scss */
.popup.wd220 {
	max-width: 220px;
}

/* line 625, scss/component.scss */
.popup.wdWide {
	max-width: 1080px;
}

/* line 626, scss/component.scss */
.popup.wdWide .inner {
	min-height: calc(100vh - 86px);
}

/* line 628, scss/component.scss */
.popup.wdWide2 {
	max-width: calc(100vw - 36px);
}

/* line 632, scss/component.scss */
.popup.mxh245 .inner {
	min-height: 245px;
	max-height: 245px;
}

/* line 636, scss/component.scss */
.popup.mxh250 .inner {
	min-height: 250px;
	max-height: 250px;
}
.popup.mxh495 .inner {
	min-height: 495px;
	max-height: 495px;
}

/* line 639, scss/component.scss */
.popup.active {
	opacity: 1;
	visibility: visible;
}

/* line 641, scss/component.scss */
.popup.sidebarLayer {
	top: 64px;
	left: 90px;
}

/* line 642, scss/component.scss */
.popup.sidebarLayer:not(.disaster) {
	width: 390px;
	min-height: calc(100vh - 101px);
	max-height: calc(100vh - 101px);
}

/* line 643, scss/component.scss */
.popup.sidebarLayer .inner {
	position: relative;
	padding: 0;
/* 	height: calc(100vh - 75px); */
/* 	max-height: 890px; */
}

/* line 644, scss/component.scss */
.popup.sidebarLayer .popupHead {
	padding: 20px 20px 0 20px;
	border-radius: 12px 12px 0 0;
}

/* line 645, scss/component.scss */
.popup.sidebarLayer .tabNav {
	position: sticky;
	top: 0;
}

/* line 646, scss/component.scss */
.popup.sidebarLayer .sectionContainer {
	max-height: 100%;
}

/* line 647, scss/component.scss */
.popup.sidebarLayer.move {
	left: 292px;
}

/* line 648, scss/component.scss */
.popup.sidebarLayer.active {
/* 	z-index: 120; */
	z-index: 1;
}

/* line 650, scss/component.scss */
.popup.sidebarLayer .btnHelp .helpText {
	top: 40px;
	width: calc(100% - 40px);
}

/* line 654, scss/component.scss */
.popup.news {
	top: 72px;
	left: 90px;
	z-index: 100;
}

/* line 655, scss/component.scss */
.popup.news .inner {
	overflow-y: auto;
	padding: 18px 18px 22px 18px;
}
.popup.news .inner.overHidden {
	overflow-y:hidden;
}



/* line 657, scss/component.scss */
.popup.news .popupTitle svg {
	width: 22px;
	height: 22px;
	margin-top: -2.5px;
}

/* line 658, scss/component.scss */
.popup.news .popupTitleText {
	font-size: var(--fs20);
}

/* line 660, scss/component.scss */
.popup.news.move {
	left: 290px;
}

/* line 661, scss/component.scss */
.popup.news .btnClose {
	width: 14px;
	height: 14px;
	background-size: 14px;
}

/* line 662, scss/component.scss */
.popup.news .markerItemList {
	row-gap: 10px;
	margin-top: 10px;
    margin-bottom: 10px;
}



/* line 665, scss/component.scss */
.popup.info {
	z-index: 90;
}

/* line 666, scss/component.scss */
.popup.info .inner {
	padding: 12px 12px 16px 12px;
}

/* line 670, scss/component.scss */
.popup.infoMore .inner {
	padding: 18px;
}

/* line 672, scss/component.scss */
.popup.infoMore .elementBox.gray5 {
	padding: 15px;
}

/* line 674, scss/component.scss */
.popup.infoMore.pos1 {
	left: 33%;
	top: 8%;
}

/* line 675, scss/component.scss */
.popup.infoMore.pos2 {
	left: 39.5%;
	top: 7.9%;
}

/* line 677, scss/component.scss */
.popup.infoMore.pd1 .inner {
	padding: 22px 22px 24px 22px;
}

/* line 681, scss/component.scss */
.popup.live {
	max-width: 240px;
}

/* line 682, scss/component.scss */
.popup.live .inner {
	position: relative;
	padding: 12px 16px;
	border-radius: 8px;
}

/* line 683, scss/component.scss */
.popup.live .inner::before, .popup.live .inner::after {
	content: '';
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
	background-color: var(--primary1);
}

/* line 685, scss/component.scss */
.popup.live .inner::before {
	left: -2.5px;
	width: 5px;
	height: 5px;
	border-radius: 50%;
}

/* line 687, scss/component.scss */
.popup.live .popupTitle {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	row-gap: 4px;
}

/* line 688, scss/component.scss */
.popup.live .popupTitleText {
	font-size: var(--fs14);
	font-family: var(--font-b);
}

/* line 692, scss/component.scss */
.popup.live[class*="pos"] .inner::after {
	left: -150px;
	width: calc(100% - 92px);
	height: 1px;
}

/* line 695, scss/component.scss */
.popup.live.pos1 {
	left: 57%;
	top: 23.5%;
}

/* line 696, scss/component.scss */
.popup.live.pos2 {
	left: 61%;
	top: 31%;
}

/* line 697, scss/component.scss */
.popup.live.pos3, .popup.live.pos4 {
	left: 63%;
	top: 40.5%;
}

/* line 698, scss/component.scss */
.popup.live.pos3 .inner::after, .popup.live.pos4 .inner::after {
	width: calc(100% - 110px);
	left: -128px;
}

/* line 700, scss/component.scss */
.popup.live.pos4 {
	left: 64.5%;
	top: 50.8%;
}

/* line 703, scss/component.scss */
.popup .sectionContainer {
	padding: 0 20px 20px 20px;
}

/* line 704, scss/component.scss */
.popup .sectionContainer.none {
	margin-bottom: 0;
	min-height: auto;
}

/* line 706, scss/component.scss */
.popup .sectionContainer.line .sectionGroup {
	padding-bottom: 18px;
	border-bottom: 1px solid var(--gray-scale10);
}

/* line 707, scss/component.scss */
.popup .sectionContainer.line .sectionGroup:last-of-type {
	border-bottom: 0;
	padding-bottom: 0;
}

/* line 708, scss/component.scss */
.popup .sectionContainer.line .sectionGroup + .sectionGroup {
	margin-top: 20px;
}

/* line 790, scss/component.scss */
.popup .sectionContainer.wide .sectionGroup + .sectionGroup {
	/* 240122 */
	margin-top: 32px;
	margin-bottom: 16px;
}

/* line 714, scss/component.scss */
.popup.p12 .inner {
	padding: 12px 12px 16px 12px;
}

/* line 717, scss/component.scss */
.popup.breakingNews {
	top: 23%;
	left: 40%;
}

/* line 719, scss/component.scss */
.popup.share {
	top: 70px;
	right: 0;
	margin-right: 12px;
	/*mng_s 20250512 이진호, z-index 수정*/
	/*z-index: 160;*/
	z-index: 11011;
}

/* line 720, scss/component.scss */
.popup.share .inner {
	padding: 18px;
}

/* line 723, scss/component.scss */
.popup.share .popupTitle svg {
	width: 20px;
	height: 20px;
}

/* line 732, scss/component.scss */
.popup.dataBoard.bottomFixed::before {
	/* 231226 */
	display: none;
}

/* line 761, scss/component.scss */
.popup.dataBoard .rowBox.type03 {
	/* 231226 */
	height: 378px;
}

/* line 765, scss/component.scss */
.popup.dataBoard .rowBox.type04 {
	/* 231226 */
	height: 166px;
}

/* line 727, scss/component.scss */
.popup.share .popupHead + .popupCont {
	margin-top: 12px;
}

/* line 731, scss/component.scss */
.popup.dataBoard {
	max-width: 460px;
	top: 64px;
	right: 72px;
	z-index: 150;
}

/* line 732, scss/component.scss */
.popup.dataBoard .inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	row-gap: 22px;
	padding: 0 22px 22px 22px;
	border-radius: 12px;
}

/* line 733, scss/component.scss */
.popup.dataBoard .inner:not(.gray) {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}

/* line 734, scss/component.scss */
.popup.dataBoard .inner.p24 {
	padding: 18px 24px 0 24px;
}

/* line 735, scss/component.scss */
.popup.dataBoard .inner.p10 {
	padding: 0px 20px 4px 20px;
}

/* line 736, scss/component.scss */
.popup.dataBoard .innerContainer {
	/* min-height: calc(100vh - 155px); */
	min-height: calc(100vh - 155px);
/* 	max-height: calc(100vh - 105px); */
	max-height: 800px;
	background-color: transparent;
}

/* line 739, scss/component.scss */
.popup.dataBoard .sectionContainer {
	padding: 0;
}

/* line 741, scss/component.scss */
.popup.dataBoard .sectionContainer.line .sectionGroup {
	padding-bottom: 16px;
}

/* line 742, scss/component.scss */
.popup.dataBoard .sectionContainer.line .sectionGroup + .sectionGroup {
	margin-top: 18px;
}

/* line 745, scss/component.scss */
.popup.dataBoard .sectionInner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

/* line 746, scss/component.scss */
.popup.dataBoard .sectionInner .popupTitleBox {
	margin-bottom: 0;
}

/* line 748, scss/component.scss */
.popup.dataBoard .rowBox {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-column-gap: 14px;
	   -moz-column-gap: 14px;
	        column-gap: 14px;
}

/* line 749, scss/component.scss */
.popup.dataBoard .rowBox .ico {
	position: absolute;
	top: 18px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
}

/* line 750, scss/component.scss */
.popup.dataBoard .rowBox .dataGraphArea {
	width: calc(100% - 144px);
}

/* line 753, scss/component.scss */
.popup.dataBoard .rowBox[class*="type"] .elementBox, .popup.dataBoard .rowBox[class*="type"] .dataGraphArea {
	height: 100%;
}

/* line 755, scss/component.scss */
.popup.dataBoard .rowBox.type01 {
	height: 142px;
}

/* line 756, scss/component.scss */
.popup.dataBoard .rowBox.type02 {
	height: 160px;
}

/* line 757, scss/component.scss */
.popup.dataBoard .rowBox.type03 {
	height: 380px;
}

/* line 759, scss/component.scss */
.popup.dataBoard .rowBox.full .dataGraphArea {
	width: 100%;
}

/* line 762, scss/component.scss */
.popup.dataBoard .dataTextArea {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-column-gap: 1px;
	   -moz-column-gap: 1px;
	        column-gap: 1px;
	padding-top: 76px;
}

/* line 763, scss/component.scss */
.popup.dataBoard .dataTextArea p {
	line-height: 13px;
	text-align: center;
}

.dataTextAreaFuld {
	text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: column;
    width: calc(100% - 144px);
}

/* line 765, scss/component.scss */
.popup.dataBoard .dataText {
	font-size: var(--fs13);
	font-family: var(--font-r);
	color: var(--gray-scale3);
}

/* line 766, scss/component.scss */
.popup.dataBoard .dataText.bold {
	font-family: var(--font-b);
}

/* line 768, scss/component.scss */
.popup.dataBoard .elementBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	width: 130px;
}

/* line 770, scss/component.scss */
.popup.dataBoard .btnHelp + .unitText {
	margin-left: 3px;
}

/* line 774, scss/component.scss */
.popup.dataBoard .popupHead {
	padding-top: 22px;
}

/* line 775, scss/component.scss */
.popup.dataBoard .popupHead .popupTitleBox {
	margin-bottom: 0;
}

/* line 776, scss/component.scss */
.popup.dataBoard .popupHead + .popupCont {
	margin-top: 0;
}

/* line 778, scss/component.scss */
.popup.dataBoard .popupCont {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}

/* line 780, scss/component.scss */
.popup.dataBoard .popupCont .tabWrap .tabCont {
	overflow-y: auto;
	max-height: calc(100vh - 244px);
}

/* line 786, scss/component.scss */
.popup.dataBoard .popupTitleText {
	font-size: var(--fs20);
	font-family: var(--font-b);
}

/* line 787, scss/component.scss */
.popup.dataBoard .popupTitleBox {
	margin-bottom: 16px;
}

/* line 788, scss/component.scss */
.popup.dataBoard .popupTitleBox.type02 {
	margin-bottom: 32px;
}

/* line 791, scss/component.scss */
.popup.dataBoard .popupTitle + .tabWrap {
	margin-top: 18px;
}

/* line 797, scss/component.scss */
.popup.dataBoard2 .inner {
	height: 100vh;
	padding: 16px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	row-gap: 16px;
	max-height: calc(100vh - 41px);
	/* 240117 */
	overflow: auto;
}

/* line 798, scss/component.scss */
.popup.dataBoard2 .inner::-webkit-scrollbar {
	height: 5px;
}

/* line 799, scss/component.scss */
.popup.dataBoard2 .inner::-webkit-scrollbar-track {
	display: none;
}

/* line 800, scss/component.scss */
.popup.dataBoard2 .inner::-webkit-scrollbar-corner {
	display: none;
}

/* line 801, scss/component.scss */
.popup.dataBoard2 .inner::-webkit-resizer {
	display: none;
}

/* line 803, scss/component.scss */
.popup.dataBoard2 .popupHead {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	height: 32px;
}

/* 240117 추가 */
.popup.dataBoard2 .popupHead, .popup.dataBoard2 .radiusBoxWrap.double{
	min-width: 1852px;
}

/* line 805, scss/component.scss */
.popup.dataBoard2 .popupHeadBox .btnArea {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-column-gap: 8px;
	   -moz-column-gap: 8px;
	        column-gap: 8px;
}

/* line 806, scss/component.scss */
.popup.dataBoard2 .popupHeadBox.hasTitle {
	margin-left: 10px;
	margin-right: 24px;
}

/* line 807, scss/component.scss */
.popup.dataBoard2 .popupHeadBox.hasButton {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-left: auto;
	-webkit-column-gap: 16px;
	   -moz-column-gap: 16px;
	        column-gap: 16px;
	padding-right: 11px;
}

/* line 858, scss/component.scss */
.popup.dataBoard2 .popupHeadBox.hasButton + .btnArea {
	/* 240103 */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	position: sticky;
	right: 4px;
	height: 32px;
}

/* line 809, scss/component.scss */
.popup.dataBoard2 .popupHeadBox.hasButton + .btnArea .btnClose {
	margin-left: 24px;
	margin-right: 4px;
}

/* line 860, scss/component.scss */
.popup.dataBoard2 .popupHeadBox.hasButton + .btnArea .btnClose::after {
	/* 240103 */
	content: '';
	display: none;
	position: sticky;
	top: 0;
	z-index: -1;
	right: 4px;
	width: 63px;
	height: 58px;
	border-top-right-radius: 16px;
	border-bottom-left-radius: 12px;
	-webkit-transform: translateX(-22.7px);
	        transform: translateX(-22.7px);
	margin-top: -24px;
	background-color: #fff;
}

/* line 812, scss/component.scss */
.popup.dataBoard2 .popupCont {
	margin-top: 0;
	height: 100%;
}

/* line 815, scss/component.scss */
.popup.dataBoard2 .popupTitleBox svg {
	width: 28px;
	height: 28px;
}

/* line 817, scss/component.scss */
.popup.dataBoard2 .popupTitleText {
	font-size: 1.375rem;
}

/* line 819, scss/component.scss */
.popup.dataBoard2 .graphResultText {
	white-space: nowrap;
}

/* line 821, scss/component.scss */
.popup.dataBoard2.active {
	z-index: 11020;
}

/* line 822, scss/component.scss */
.popup.dataBoard2.active ~ .locationTarget {
	z-index: 11030;
}

/* line 826, scss/component.scss */
.popup.dataBoard2 .btnHelp + .unitText {
	padding-left: 3px;
}

.sectionGroupDescription {
    /* 240716 */
    font-size: var(--fs14);
    font-family: var(--font-r);
    color: var(--gray-scale3);

    +.popupTitleBox {
        /* 240716 */
        margin-top: 16px;
    }
}

/* line 895, scss/component.scss */
.popup.serviceGuide {
	/* 240108 */
	max-width: 720px;
}

/* line 831, scss/component.scss */
.popup.serviceGuide .inner {
	border-radius: 12px 12px 0 0;
	padding: 24px;
	-webkit-box-shadow: none;
	        box-shadow: none;
}

/* line 833, scss/component.scss */
.popup.serviceGuide.active {
	z-index: 990;
}

/* line 837, scss/component.scss */
.popup.visualization .inner {
	padding: 20px;
}

/* line 839, scss/component.scss */
.popup.visualization .elementBox.gray5 {
	min-height: 115px;
}

/* line 841, scss/component.scss */
.popup.visualization .elementBox + .btnArea {
	margin-top: 16px;
}

/* line 844, scss/component.scss */
.popup.visualization.active {
	z-index: 990;
}

/* line 847, scss/component.scss */
.popup.center {
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
}

/* line 850, scss/component.scss */
.popup.disaster .sectionContainer {
	padding: 0 10px 0 24px;
	min-height: calc(100vh - 216px);
	max-height: calc(100vh - 216px);
	margin-right: 8px;
	overflow-y: auto;
}

/* line 852, scss/component.scss */
.popup.disaster .sectionContainer::-webkit-scrollbar {
	width: 8px;
}

/* line 853, scss/component.scss */
.popup.disaster .sectionContainer::-webkit-scrollbar-thumb {
	border-radius: 0;
	border: 6px solid #ddd;
	background-color: #fff;
}

/* line 973, scss/component.scss */
.popup.disaster .sectionContainer.wide {
	/* 240122 */
	padding: 0 10px 5px 24px;
}

/* line 856, scss/component.scss */
.popup.disaster::before {
	border-radius: 0 0 7px 16px;
}

/* line 859, scss/component.scss */
.popup.disaster.tab1Select .inner {
	overflow-y: hidden;
}

/* line 863, scss/component.scss */
.popup.disaster.tab2Select .inner {
	overflow-y: auto;
}

/* line 991, scss/component.scss */
.popup.disaster .table.type01 td {
	/* 240122 */
	font-family: var(--font-m);
}

/* line 995, scss/component.scss */
.popup.disaster .table.type01 td.sb {
	/* 240122 */
	font-family: var(--font-sb);
}

/* line 1001, scss/component.scss */
.popup.disaster .table.type01 td.bdl .cellBox {
	/* 240122 */
	border-left: 1px solid var(--gray-scale8);
}

/* line 1005, scss/component.scss */
.popup.disaster .table.type01 td.bdl .cellText {
	/* 240122 */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

/* line 867, scss/component.scss */
.popup.locationTarget {
	top: 143px;
	left: 205px;
}

/* line 1008, scss/component.scss */
.popup.disaster .table.type01 td.bdl .cellText::before {
	/* 240122 */
	display: none;
}

/* line 868, scss/component.scss */
.popup.locationTarget .inner {
	padding: 20px;
}

/* line 1025, scss/component.scss */
.popup.disaster .table.type01 td.bdl.left .cellText {
	/* 240122 */
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	padding: 0 8px;
}

/* line 1033, scss/component.scss */
.popup.disaster .table.type01 td.hFull .cellBox {
	/* 240122 */
	height: 100%;
}

/* line 1016, scss/component.scss */
.popup.disaster .table.type01 td.bdl .cellText.gray::before {
	/* 240122 */
	content: '*';
	display: block;
	position: static;
	width: auto;
	height: auto;
	margin-right: 2px;
	background-color: transparent;
	-webkit-transform: none;
	        transform: none;
}

/* line 1013, scss/component.scss */
.popup.disaster .table.type01 td.bdl .cellText.gray {
	/* 240122 */
	font-size: var(--fs12);
	font-family: var(--font-r);
	color: var(--gray-scale4);
}

/* line 872, scss/component.scss */
.popup.bottomFixed::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 110;
	width: calc(100% - 5px);
	height: 24px;
	border-radius: 0 0 16px 16px;
	background-color: var(--gray-scale6);
}

/* line 877, scss/component.scss */
.popup .locationArea.type02 {
	background-color: #EFEFEF;
}

/* line 882, scss/component.scss */
.tabWrap .tabList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

/* line 883, scss/component.scss */
.tabWrap .tabText {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

/* 안내팝업 추가 */
.popup[class*="notice"].pos2 {
	left: 291px;
}

/* line 876, scss/component.scss */
.popup.openType {
	z-index: 0;
}

/* line 878, scss/component.scss */
.popup[class*="notice"] {
	top: 60px;
}

/* line 879, scss/component.scss */
.popup[class*="notice"] .inner {
	border: 1px solid var(--gray-scale7);
	-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
	        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
}

/* line 884, scss/component.scss */
.popup[class*="notice"] .elementBox.gray5 {
	border-radius: 8px;
}

/* line 1441, scss/component.scss */
.markerItemText.indent.colorType.blue3 {
	margin-left: 15px;
}

.markerItemText.hasInnerText {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	row-gap: 12px;
}

/* line 1809, scss/component.scss */
.markerItemText.indent::before {
	/* 240118 */
	content: '-';
	margin-right: 3px;
}

/* line 1815, scss/component.scss */
.markerItemText.marker + .markerItemBox {
	/* 240118 */
	margin-top: 8px;
}

/* line 1819, scss/component.scss */
.markerItemText.marker + .markerItemBox.mt0 {
	/* 240118 */
	margin-top: 4px;
}

/* line 1827, scss/component.scss */
.markerItemWrap + .descriptionBox {
	/* 240118 */
	margin-top: 8px;
}

/* line 1831, scss/component.scss */
.markerItemWrap + .descriptionBox.mtType01 {
	/* 240118 */
	margin-top: 12px;
}

/* line 893, scss/component.scss */
.popup[class*="notice"] .bottom {
	background-color: transparent;
	width: 100%;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	margin-top: 12px;
	border-radius: 0;
}

/* line 902, scss/component.scss */
.popup.notice02 .inner {
	padding: 20px 24px;
}
#loading {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	row-gap: 16px;
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 99999999999;
}
#typnLoading {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    row-gap: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 80%;
    height: 30%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 99999999999;
}
#ndlsLoading {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    row-gap: 16px;
    position: absolute;
    top: 48%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 99999999999;
}
.fludLoading {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    row-gap: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 80%;
    height: 30%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 99999999999;
}
.heatWaveLoading {
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    row-gap: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 80%;
    height: 30%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 99999999999;
}
/* line 2009, scss/component.scss */
.loadText {
	font-size: var(--fs14);
	font-family: var(--font-b);
	color: white;
/* 	color: black; */
}

/* line 2011, scss/component.scss */
.loader {
	position: relative;
	width: 90px;
	height: 21px;
}

/* line 2012, scss/component.scss */
.loader::before, .loader::after {
	content: "";
	position: absolute;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	background: #4ACDB4;
	-webkit-box-shadow: 32px 0 #FFD646;
	        box-shadow: 32px 0 #FFD646;
	left: 0;
	top: 0;
	-webkit-animation: ballMoveX 2s linear infinite;
	        animation: ballMoveX 2s linear infinite;
}

/* line 2016, scss/component.scss */
.loader::after {
	-webkit-box-shadow: none;
	        box-shadow: none;
	-webkit-transform: translateX(64px) scale(1);
	        transform: translateX(64px) scale(1);
	z-index: 2;
	-webkit-animation: none;
	        animation: none;
	-webkit-animation: trfLoader 2s linear infinite;
	        animation: trfLoader 2s linear infinite;
}

@-webkit-keyframes trfLoader {
	0%, 5% {
		-webkit-transform: translateX(64px) scale(1);
		        transform: translateX(64px) scale(1);
		background: #446EFF;
	}
	10% {
		-webkit-transform: translateX(64px) scale(1);
		        transform: translateX(64px) scale(1);
		background: #446EFF;
	}
	40% {
		-webkit-transform: translateX(32px) scale(1.5);
		        transform: translateX(32px) scale(1.5);
		background: #446EFF;
	}
	90%, 95% {
		-webkit-transform: translateX(0px) scale(1);
		        transform: translateX(0px) scale(1);
		background: #446EFF;
	}
	100% {
		-webkit-transform: translateX(0px) scale(1);
		        transform: translateX(0px) scale(1);
		background: #446EFF;
	}
}

@keyframes trfLoader {
	0%, 5% {
		-webkit-transform: translateX(64px) scale(1);
		        transform: translateX(64px) scale(1);
		background: #446EFF;
	}
	10% {
		-webkit-transform: translateX(64px) scale(1);
		        transform: translateX(64px) scale(1);
		background: #446EFF;
	}
	40% {
		-webkit-transform: translateX(32px) scale(1.5);
		        transform: translateX(32px) scale(1.5);
		background: #446EFF;
	}
	90%, 95% {
		-webkit-transform: translateX(0px) scale(1);
		        transform: translateX(0px) scale(1);
		background: #446EFF;
	}
	100% {
		-webkit-transform: translateX(0px) scale(1);
		        transform: translateX(0px) scale(1);
		background: #446EFF;
	}
}

@-webkit-keyframes ballMoveX {
	0%, 10% {
		-webkit-transform: translateX(0);
		        transform: translateX(0);
	}
	90%, 100% {
		-webkit-transform: translateX(32px);
		        transform: translateX(32px);
	}
}

@keyframes ballMoveX {
	0%, 10% {
		-webkit-transform: translateX(0);
		        transform: translateX(0);
	}
	90%, 100% {
		-webkit-transform: translateX(32px);
		        transform: translateX(32px);
	}
}
.promotionWrap {
	position: relative;
	z-index: 10;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	height: 100%;
	padding-top: 178px;
	background: url("../images/common/bg/img-promotion01.png") no-repeat;
	border-radius: 12px;
}

/* line 911, scss/component.scss */
.popup.promotion01 .bottom {
	margin-top: -22px;
	position: relative;
	z-index: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	min-height: 62px;
	padding-top: 22px;
	padding-left: 15px;
	padding-right: 9px;
	padding-bottom: 0;
	border-radius: 20px;
	background-color: var(--gray-scale1);
}

/* line 914, scss/component.scss */
.popup.promotion01 .bottom .labelName {
	color: var(--gray-scale6);
}

.popup[class*="promotion"] .btnPromotionClose {
	position: relative;
	z-index: 10;
	min-width: 70px;
	height: 100%;
	font-size: var(--fs15);
	font-family: var(--font-sb);
	color: var(--gray-scale6);
}

.promotionWrap::after {
	content: '';
	position: absolute;
	right: 28px;
	bottom: 0;
	z-index: -1;
	width: 219px;
	height: 130px;
	background: url("../images/common/bg/img-promotion-people.png") no-repeat;
}

.promotionBox {
	margin-bottom: 12px;
	text-align: center;
}

/* line 2053, scss/component.scss */
.promotionText {
	font-size: var(--fs12);
	font-family: var(--font-r);
	color: var(--gray-scale6);
	word-break: keep-all;
}

/* line 2054, scss/component.scss */
.promotionText.bold {
	margin-top: 4px;
	font-size: var(--fs15);
	font-family: var(--font-b);
	text-decoration: underline;
	text-underline-offset: 2px;
}

/* line 910, scss/component.scss */
.popup.promotion01 {
	max-width: 450px;
	height: 348px;
}

/* line 906, scss/component.scss */
.popup[class*="promotion"] {
	z-index: 1015;
}

.popup.survey {
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	max-width: 853px;
	z-index: 1020;
}

/* line 923, scss/component.scss */
.popup.survey .top {
	width: 100%;
	height: 200px;
	border-radius: 12px 12px 0 0;
}

/* line 924, scss/component.scss */
.popup.survey .innerTop {
	position: relative;
	height: 100%;
}

/* line 925, scss/component.scss */
.popup.survey .innerTop::after {
	content: '';
	position: absolute;
	top: 200px;
	right: 30px;
	width: 145px;
	height: 38px;
	background-color: #F2F4F8;
	z-index: 10;
}

/* line 929, scss/component.scss */
.popup.survey .surveyLogo {
	position: absolute;
	top: 18px;
	left: 23px;
	z-index: 10;
}

/* line 930, scss/component.scss */
.popup.survey .surveyTop {
	position: absolute;
	top: 0;
	left: 0;
	-o-object-position: 0 -20px;
	   object-position: 0 -20px;
	z-index: 0;
}

/* line 931, scss/component.scss */
.popup.survey .surveyDescriptionArea {
	position: absolute;
	top: 140px;
	left: 63px;
	z-index: 20;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	line-height: 20px;
	width: 100%;
	max-width: 655px;
	margin: 0 auto;
	min-height: 80px;
	padding: 0 38.5px;
	font-size: var(--fs15);
	font-family: var(--font-m);
	color: var(--gray-scale6);
	text-align: center;
}

/* line 934, scss/component.scss */
.popup.survey .surveyDescriptionArea::before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 2px;
	width: 100%;
	height: 20px;
	border-radius: 0 0 12px 12px;
	background-color: #0137c2;
}

/* line 936, scss/component.scss */
.popup.survey .surveyDescriptionArea p {
	position: relative;
	z-index: 30;
}

/* line 938, scss/component.scss */
.popup.survey .surveySection {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	row-gap: 18px;
	width: 100%;
	padding: 22px;
	border-radius: 12px;
	background-color: var(--gray-scale6);
}

/* line 940, scss/component.scss */
.popup.survey .surveySectionGroup {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

/* line 941, scss/component.scss */
.popup.survey .surveySectionGroupText {
	font-size: var(--fs15);
	font-family: var(--font-m);
	color: var(--gray-scale2);
	margin-bottom: 12px;
}

/* line 943, scss/component.scss */
.popup.survey .surveySectionGroupText .required.red {
	color: #FF3333;
}

/* line 944, scss/component.scss */
.popup.survey .surveySectionGroupText .required.black {
	color: var(--gray-scale2);
	font-family: var(--font-r);
}

/* line 949, scss/component.scss */
.popup.survey .surveySectionBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	width: 100%;
}

/* line 950, scss/component.scss */
.popup.survey .surveySectionBox .surveySection {
	row-gap: 0;
}

/* line 951, scss/component.scss */
.popup.survey .surveySectionBox .surveySectionGroup {
	padding-bottom: 24px;
}

/* line 952, scss/component.scss */
.popup.survey .surveySectionBox .surveySectionGroup + .surveySectionGroup {
	padding-top: 24px;
	border-top: 1px solid var(--gray-scale9);
}

/* line 955, scss/component.scss */
.popup.survey .surveySectionBox .surveySectionGroupText {
	font-family: var(--font-r);
	text-align: center;
	margin-bottom: 24px;
}

/* line 957, scss/component.scss */
.popup.survey .surveySectionBox .radioList {
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

/* line 958, scss/component.scss */
.popup.survey .surveySectionBox .radio .labelName {
	font-family: var(--font-m);
	color: #222;
}

/* line 962, scss/component.scss */
.popup.survey .surveySectionIcon {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	row-gap: 4px;
	margin-top: 29px;
	margin-bottom: 15px;
}

/* line 963, scss/component.scss */
.popup.survey .surveySectionIcon svg path {
	fill: var(--gray-scale1);
}

/* line 964, scss/component.scss */
.popup.survey .surveySectionIconText {
	font-size: var(--fs18);
	font-family: var(--font-b);
	color: var(--gray-scale1);
}

/* line 968, scss/component.scss */
.popup.survey .surveySectionInputList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

/* line 969, scss/component.scss */
.popup.survey .surveySectionInputItem {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-column-gap: 4px;
	   -moz-column-gap: 4px;
	        column-gap: 4px;
}

/* line 970, scss/component.scss */
.popup.survey .surveySectionInputItem label {
	font-size: var(--fs15);
	font-family: var(--font-r);
	color: var(--gray-scale3);
}

/* line 971, scss/component.scss */
.popup.survey .surveySectionInputItem input {
	width: 180px;
	font-size: var(--fs15);
	font-family: var(--font-r);
	color: var(--gray-scale3);
}

/* line 972, scss/component.scss */
.popup.survey .surveySectionInputItem input::-webkit-input-placeholder {
	color: var(--gray-scale5);
}
.popup.survey .surveySectionInputItem input::-moz-placeholder {
	color: var(--gray-scale5);
}
.popup.survey .surveySectionInputItem input:-ms-input-placeholder {
	color: var(--gray-scale5);
}
.popup.survey .surveySectionInputItem input::-ms-input-placeholder {
	color: var(--gray-scale5);
}
.popup.survey .surveySectionInputItem input::placeholder {
	color: var(--gray-scale5);
}

/* line 977, scss/component.scss */
.popup.survey .surveySection + .surveySection {
	margin-top: 24px;
}

/* line 981, scss/component.scss */
.popup.survey .btnArea {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-column-gap: 12px;
	   -moz-column-gap: 12px;
	        column-gap: 12px;
	margin-top: 30px;
	margin-bottom: 35px;
}

/* line 983, scss/component.scss */
.popup.survey .btnArea button.gray {
	background-color: #666666;
}

/* line 986, scss/component.scss */
.popup.survey .bottom {
	position: relative;
	z-index: 10;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 40px 27px 0 27px;
	margin: 0;
	border-radius: 0 0 12px 12px;
	overflow-y: auto;
	max-height: 550px;
	background-color: #F2F4F8;
}


/* line 987, scss/component.scss */
.popup.alertType {
	max-width: 320px;
	z-index: 1030;
	border: 1px solid var(--gray-scale7);
	border-radius: 12px;
	-webkit-box-shadow: 0 4px 5px 2px rgba(0, 0, 0, 0.25);
	        box-shadow: 0 4px 5px 2px rgba(0, 0, 0, 0.25);
}

/* line 989, scss/component.scss */
.popup.alertType .inner {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	row-gap: 12px;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: 26px;
}

/* line 990, scss/component.scss */
.popup.alertType .btnArea {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-column-gap: 8px;
	   -moz-column-gap: 8px;
	        column-gap: 8px;
}

/* line 991, scss/component.scss */
.popup.alertType .btnClose {
	position: absolute;
	top: 24px;
	right: 26px;
}

/* line 993, scss/component.scss */
.popup.alertType .alertTextArea {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	text-align: center;
}

/* line 994, scss/component.scss */
.popup.alertType .alertTitle {
	font-size: var(--fs18);
	font-family: var(--font-sb);
	color: var(--gray-scale2);
}

/* line 995, scss/component.scss */
.popup.alertType .alertTitle + .alertDescription {
	margin-top: 8px;
}

/* line 997, scss/component.scss */
.popup.alertType .alertDescription {
	font-size: var(--fs13);
	font-family: var(--font-r);
	color: var(--gray-scale3);
	word-break: keep-all;
}

.radioList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-column-gap: 20px;
	   -moz-column-gap: 20px;
	        column-gap: 20px;
}

.radio input[type="radio"]:checked + label:before {
	border-color: #157EFB;
}

/* line 2064, scss/component.scss */
.radio input[type="radio"]:checked + label::after {
	display: block;
}

.radio label {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	cursor: pointer;
}

/* line 2069, scss/component.scss */
.radio label .labelName {
	display: block;
	margin-left: 5px;
	font-size: var(--fs15);
	font-family: var(--font-r);
	color: var(--gray-scale3);
}

/* line 2070, scss/component.scss */
.radio label:before {
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	border: 1px solid var(--gray-scale7);
	background-color: var(--gray-scale6);
}

/* line 2072, scss/component.scss */
.radio label::after {
	display: none;
	content: '';
	width: 8px;
	height: 8px;
	position: absolute;
	left: 5px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
	border-radius: 50%;
	background-color: #157EFB;
}

/* line 1598, scss/component.scss */
textarea.survey {
	width: 100%;
	height: 130px;
}

textarea {
	border: 1px solid var(--gray-scale7);
	border-radius: 2px;
	resize: none;
	padding: 15px;
	font-size: var(--fs14);
	font-family: var(--font-r);
	color: var(--gray-scale3);
	background-color: var(--gray-scale6);
}

.popup.survey .btnArea button.gray {
	background-color: #666666;
}

input:not([type="radio"]) {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	width: 100%;
	height: 34px;
	border: 1px solid var(--gray-scale7);
	padding: 0 8px;
	border-radius: 2px;
	background-color: var(--gray-scale6);
	font-size: var(--fs13);
	font-family: var(--font-m);
	color: var(--gray-scale3);
}
/* 안내팝업 추가 끝 */

/* line 884, scss/component.scss */
.tabWrap .tabCont {
	display: none;
}

/* line 885, scss/component.scss */
.tabWrap .tabCont.active {
	display: block;
}

/* line 887, scss/component.scss */
.tabWrap .tabContWrap {
	position: relative;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	-webkit-transition: .3s;
	transition: .3s;
	left: 0;
}

/* line 888, scss/component.scss */
.tabWrap .tabContWrap.type02 {
	padding-top: 12px;
}

/* line 892, scss/component.scss */
.tabWrap.slide {
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	/* 240716 */
	padding-top: 14px;
}

/* line 893, scss/component.scss */
.tabWrap.slide .tabCont {
	display: block;
	width: calc(100% / 2);
	visibility: hidden;
	height: 0;
	-webkit-transition: .3s;
	transition: .3s;
}

/* line 894, scss/component.scss */
.tabWrap.slide .tabContWrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
	/* 2뎁스에 탭이 또 있을경우엔 width 100% */
}

/* line 1266, scss/component.scss */
.tabWrap.selectTab .tabNav {
	/* 240716 */
	position: static;
	padding: 16px;
	border-radius: 4px;
	background-color: var(--bg1);
}

/* line 1274, scss/component.scss */
.tabWrap.selectTab .tabNav + .tabCont .sectionGroup {
	/* 240716 */
	margin-top: 16px;
}

/* line 1279, scss/component.scss */
.tabWrap.selectTab .tabNav + .tabCont .elementBoxGroup {
	/* 240716 */
	margin-top: 16px;
}

/* line 1288, scss/component.scss */
.tabWrap.selectTab .tabNav ~ .tabCont .tableWrap .elementBox {
	/* 240716 */
	padding: 0 16px 16px 16px;
}

/* line 1295, scss/component.scss */
.tabWrap.selectTab .tabNav + .tabCont {
	margin-top: 16px;
}

/* line 1301, scss/component.scss */
.tabWrap.selectTab .selectValueList.gridType {
	/* 240716 */
	display: grid;
	grid-template-columns: repeat(auto-fill, 87px);
}

/* line 1306, scss/component.scss */
.tabWrap.selectTab .selectValueList.gridType .selectValueItem {
	/* 240716 */
	-webkit-box-shadow: -1px 0px 0px 0px var(--gray-scale10);
	        box-shadow: -1px 0px 0px 0px var(--gray-scale10);
}

/* line 1310, scss/component.scss */
.tabWrap.selectTab .selectValueList.gridType .selectValueItem.first {
	/* 240716 */
	border-radius: 4px 0 0 0;
}

/* line 1314, scss/component.scss */
.tabWrap.selectTab .selectValueList.gridType .selectValueItem.first + .selectValueItem {
	/* 240716 */
	border-radius: 0;
}

/* line 1320, scss/component.scss */
.tabWrap.selectTab .selectValueList.gridType .selectValueItem.four {
	/* 240716 */
	border-radius: 0 4px 0 0;
}

/* line 1325, scss/component.scss */
.tabWrap.selectTab .selectValueList.gridType .selectValueItem.five {
	/* 240716 */
	border-radius: 0 0 0 4px;
}

/* line 1330, scss/component.scss */
.tabWrap.selectTab .selectValueList.gridType .selectValueItem.last {
	/* 240716 */
	grid-column: span 2;
	border-radius: 0 0 4px 0;
}

/* line 1339, scss/component.scss */
.tabWrap.selectTab .selectValueListItem {
	/* 240716 */
	position: relative;
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}

/* line 1345, scss/component.scss */
.tabWrap.selectTab .selectValueListItem.active .selectValueItem {
	/* 240716 */
	color: var(--primary2);
	font-weight: 600;
}

/* line 1351, scss/component.scss */
.tabWrap.selectTab .selectValueListItem.active .selectValueItem svg path {
	/* 240716 */
	fill: var(--primary2);
}

/* line 1357, scss/component.scss */
.tabWrap.selectTab .selectValueListItem.active .selectValueItem::before {
	/* 240716 */
	display: block;
}

/* line 1365, scss/component.scss */
.tabWrap.selectTab .selectValueListItem:first-of-type .selectValueItem {
	/* 240716 */
	border-radius: 4px 0 0 4px;
}

/* line 1372, scss/component.scss */
.tabWrap.selectTab .selectValueListItem:last-of-type .selectValueItem {
	/* 240716 */
	border-radius: 0 4px 4px 0;
}

/* line 1379, scss/component.scss */
.tabWrap.selectTab .selectValueItem {
	/* 240716 */
	width: 100%;
}

/* line 1383, scss/component.scss */
.tabWrap.selectTab .selectValueItem svg {
	/* 240716 */
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
	left: 8px;
}

/* line 1393, scss/component.scss */
.tabWrap.selectTab.hasSelect .tabCont {
	/* 240716 */
	display: none;
	width: 100%;
	height: auto;
	visibility: visible;
}

/* line 1400, scss/component.scss */
.tabWrap.selectTab.hasSelect .tabCont.active {
	/* 240716 */
	display: block;
}

/* line 896, scss/component.scss */
.tabWrap.slide .tabContWrap .tabCont .tabWrap.type02 .tabCont {
	width: 100%;
	visibility: visible;
	height: auto;
}

/* line 897, scss/component.scss */
.tabWrap.slide .tabContWrap .tabCont .tabWrap.type02 .tabCont .tableWrap {
	padding: 12px;
	border: 1px solid var(--gray-scale5);
	border-radius: 0 4px 4px 4px;
}

/* line 899, scss/component.scss */
.tabWrap.slide .tabCont.visible {
	visibility: visible;
	height: auto;
}

/* line 906, scss/component.scss */
.tabWrap.type01 > .tabNav > .tabList .tabItem {
	position: relative;
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	height: 40px;
	border: 1px solid var(--gray-scale9);
	border-right: 0;
	background-color: var(--bg1);
}

/* line 908, scss/component.scss */
.tabWrap.type01 > .tabNav > .tabList .tabItem:first-of-type {
	border-radius: 4px 0 0 4px;
}

/* line 909, scss/component.scss */
.tabWrap.type01 > .tabNav > .tabList .tabItem:last-of-type {
	border-radius: 0 4px 4px 0;
	border-right: 1px solid var(--gray-scale9);
}

/* line 911, scss/component.scss */
.tabWrap.type01 > .tabNav > .tabList .tabItem.active {
	border-color: transparent;
	border-radius: 4px;
	z-index: 10;
}

/* line 912, scss/component.scss */
.tabWrap.type01 > .tabNav > .tabList .tabItem.active::before, .tabWrap.type01 > .tabNav > .tabList .tabItem.active::after {
	content: '';
	position: absolute;
	top: -1px;
	left: 0;
	z-index: -1;
}

/* line 913, scss/component.scss */
.tabWrap.type01 > .tabNav > .tabList .tabItem.active::before {
	width: 100%;
	height: 100%;
	border: 1px solid var(--gray-scale9);
}

/* line 914, scss/component.scss */
.tabWrap.type01 > .tabNav > .tabList .tabItem.active::after {
	width: calc(100% + 2px);
	height: calc(100% + 2px);
	border-radius: 4px;
	background-color: var(--primary1);
}

/* line 915, scss/component.scss */
.tabWrap.type01 > .tabNav > .tabList .tabItem.active .tabText {
	position: relative;
	font-family: var(--font-b);
	color: var(--gray-scale6);
}

/* line 917, scss/component.scss */
.tabWrap.type01 > .tabNav > .tabList .tabItem.active:first-of-type::before {
	border-radius: 4px 0 0 4px;
	border-right: 0;
}

/* line 918, scss/component.scss */
.tabWrap.type01 > .tabNav > .tabList .tabItem.active:last-of-type::before {
	border-radius: 0 4px 4px 0;
	border-left: 0;
}

/* line 921, scss/component.scss */
.tabWrap.type01 > .tabNav > .tabList .tabItem + .tabItem {
	border-left: 0;
}

/* line 926, scss/component.scss */
.tabWrap.type01 .tabText {
	font-size: var(--fs15);
	font-family: var(--font-m);
	color: var(--gray-scale3);
}

/* line 931, scss/component.scss */
.tabWrap.type01.white > .tabNav > .tabList .tabItem {
	background-color: var(--gray-scale10);
}

/* line 932, scss/component.scss */
.tabWrap.type01.white > .tabNav > .tabList .tabItem.active {
	background-color: var(--gray-scale6);
}

/* line 933, scss/component.scss */
.tabWrap.type01.white > .tabNav > .tabList .tabItem.active::before {
	border: 1px solid var(--gray-scale3);
	border-radius: 4px;
}

/* line 934, scss/component.scss */
.tabWrap.type01.white > .tabNav > .tabList .tabItem.active .tabText {
	color: var(--gray-scale2);
}

/* line 935, scss/component.scss */
.tabWrap.type01.white > .tabNav > .tabList .tabItem.active::after {
	display: none;
}

/* line 938, scss/component.scss */
.tabWrap.type01.white > .tabNav > .tabList .tabText {
	font-size: var(--fs16);
	font-family: var(--font-m);
}

/* line 945, scss/component.scss */
.tabWrap.type02 > .tabNav {
	padding: 0;
}

/* line 946, scss/component.scss */
.tabWrap.type02 > .tabNav > .tabList {
	height: 31px;
	-webkit-column-gap: 2px;
	   -moz-column-gap: 2px;
	        column-gap: 2px;
}

/* line 947, scss/component.scss */
.tabWrap.type02 > .tabNav > .tabList .tabItem {
	min-width: 73px;
	height: 32px;
	border-radius: 4px 4px 0 0;
	margin-top: -1px;
	background-color: var(--gray-scale10);
}
.tabWrap.type02 > .tabNav > .tabList .fludTabItem {
	min-width: 65px;
	height: 32px;
	border-radius: 4px 4px 0 0;
	margin-top: -1px;
	background-color: var(--gray-scale10);
}

/* line 949, scss/component.scss */
.tabWrap.type02 > .tabNav > .tabList .tabItem.active {
	margin-top: 0;
	border: 1px solid var(--gray-scale5);
	border-bottom: 0;
	background-color: var(--gray-scale6);
}

/* line 951, scss/component.scss */
.tabWrap.type02 > .tabNav > .tabList .tabItem.active .tabText {
	font-family: var(--font-sb);
}

/* line 957, scss/component.scss */
.tabWrap.type02 .tabCont {
	display: none;
	border-radius: 0 4px 4px 4px;
}

/* line 958, scss/component.scss */
.tabWrap.type02 .tabCont.active {
	display: block;
}

/* line 961, scss/component.scss */
.tabWrap.type02 .tabText {
	font-size: var(--fs14);
	font-family: var(--font-r);
	color: var(--gray-scale3);
}

/* line 964, scss/component.scss */
.tabWrap.type02.bdrs .tabCont {
	border-radius: 4px;
}

/* line 1265, scss/component.scss */
.tabWrap.type02.different {
	/* 240118 */
	padding-bottom: 24px;
}

/* line 1268, scss/component.scss */
.tabWrap.type02.different > .tabNav {
	/* 240118 */
	position: static;
}

/* line 1272, scss/component.scss */
.tabWrap.type02.different > .tabNav > .tabList {
	/* 240118 */
	-webkit-column-gap: 4px;
	   -moz-column-gap: 4px;
	        column-gap: 4px;
	height: 39px;
}

/* line 1275, scss/component.scss */
.tabWrap.type02.different > .tabNav > .tabList .tabItem {
	/* 240118 */
	min-width: 160px;
	height: 40px;
	border: 1px solid var(--gray-scale9);
	border-bottom: 0;
	margin-top: 0;
	background-color: var(--gray-scale6);
}

/* line 1280, scss/component.scss */
.tabWrap.type02.different > .tabNav > .tabList .tabItem.active {
	/*240118*/
	border-color: var(--gray-scale4);
	border-radius: 8px 8px 0 0;
}

/* line 1283, scss/component.scss */
.tabWrap.type02.different > .tabNav > .tabList .tabItem.active .svgBox {
	/*240118*/
	background-color: var(--primary1);
}

/* line 1287, scss/component.scss */
.tabWrap.type02.different > .tabNav > .tabList .tabItem.active .svgBox svg path {
	/*240118*/
	fill: var(--gray-scale6);
}

/* line 1294, scss/component.scss */
.tabWrap.type02.different > .tabNav > .tabList .tabItem:not(.active) {
	/* 240118 */
	height: 39px;
}

/* line 1302, scss/component.scss */
.tabWrap.type02.different .tabCont {
	/* 240118 */
	border: 1px solid var(--gray-scale4);
	border-radius: 0 8px 8px 8px;
}

/* line 1307, scss/component.scss */
.tabWrap.type02.different .tabText {
	/* 240118 */
	font-size: var(--fs15);
	color: var(--gray-scale4);
	-webkit-column-gap: 8px;
	   -moz-column-gap: 8px;
	        column-gap: 8px;
}

/* line 1312, scss/component.scss */
.tabWrap.type02.different .sectionInner {
	/* 240118 */
	padding: 32px;
}

/* line 1318, scss/component.scss */
.tabWrap.type02.different .sectionGroup + .sectionGroup {
	/* 240118 */
	margin-top: 32px;
}

/* line 1324, scss/component.scss */
.tabWrap.type02.different .svgBox {
	/* 240118 */
	background-color: var(--gray-scale10);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	-webkit-transition-property: background-color;
	transition-property: background-color;
}

/* line 1327, scss/component.scss */
.tabWrap.type02.different .svgBox svg {
	/*240118*/
	width: 16px;
	height: 16px;
}

/* line 1330, scss/component.scss */
.tabWrap.type02.different .svgBox svg path {
	/*240118*/
	fill: var(--gray-scale4);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	-webkit-transition-property: fill;
	transition-property: fill;
}

/* line 1337, scss/component.scss */
.tabWrap.type02.different .elementBox {
	/*240118*/
	padding: 24px;
	border-radius: 4px;
	background-color: var(--bg3);
}

/* line 1342, scss/component.scss */
.tabWrap.type02.different .markerItemList {
	/* 2401118 */
	row-gap: 12px;
}

/* line 1347, scss/component.scss */
.tabWrap.type02.different .markerItemText {
	/* 240122 font-family 삭제 */
	word-break: keep-all;
	font-size: var(--fs13);
	/*font-family: var(--font-m);*/
}

/* line 1351, scss/component.scss */
.tabWrap.type02.different .markerItemText + .table {
	/* 240118 */
	margin-top: 8px;
}

/* line 1357, scss/component.scss */
.tabWrap.type02.different .popupTitleText {
	/* 240122 */
	font-size: var(--fs18);
}

/* line 1362, scss/component.scss */
.tabWrap.type02.different .popupDescription {
	/* 240122 */
	font-family: var(--font-m);
}

/* line 1369, scss/component.scss */
.tabWrap.type02.different .table.type01 td {
	/* 240122 */
	font-family: var(--font-m);
}

/* line 971, scss/component.scss */
.tabWrap.type03 > .tabNav > .tabList .tabItem {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	width: 40px;
	height: 28px;
	-webkit-box-shadow: 0 0 0 1px var(--gray-scale10);
	        box-shadow: 0 0 0 1px var(--gray-scale10);
	background-color: var(--gray-scale6);
}

/* line 973, scss/component.scss */
.tabWrap.type03 > .tabNav > .tabList .tabItem::after {
	display: none;
	content: '';
	position: absolute;
	top: -1px;
	right: 0;
	width: 1px;
	height: calc(100% + 2px);
	background-color: var(--gray-scale5);
	z-index: 100;
}

/* line 975, scss/component.scss */
.tabWrap.type03 > .tabNav > .tabList .tabItem.active {
	-webkit-box-shadow: 0 0 0 1px var(--gray-scale5);
	        box-shadow: 0 0 0 1px var(--gray-scale5);
}

/* line 976, scss/component.scss */
.tabWrap.type03 > .tabNav > .tabList .tabItem.active:last-of-type::after {
	display: none;
}

/* line 977, scss/component.scss */
.tabWrap.type03 > .tabNav > .tabList .tabItem.active::after {
	display: block;
}

/* line 978, scss/component.scss */
.tabWrap.type03 > .tabNav > .tabList .tabItem.active .tabText {
	font-family: var(--font-b);
}

/* line 980, scss/component.scss */
.tabWrap.type03 > .tabNav > .tabList .tabItem:first-of-type {
	border-radius: 4px 0 0 4px;
}

/* line 981, scss/component.scss */
.tabWrap.type03 > .tabNav > .tabList .tabItem:last-of-type {
	border-radius: 0 4px 4px 0;
}

/* line 986, scss/component.scss */
.tabWrap.type03 .tabText {
	font-size: var(--fs13);
	font-family: var(--font-r);
	color: var(--gray-scale3);
}

/* line 991, scss/component.scss */
.elementContainer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	row-gap: 16px;
	height: 100%;
}

/* line 994, scss/component.scss */
.elementContainer.half .elementRowList {
	min-height: 749px;
}

/* line 995, scss/component.scss */
.elementContainer.half .elementRowItem {
	width: calc(50% - 6px);
	background-color: var(--gray-scale6);
}

/* line 996, scss/component.scss */
.elementContainer.half .elementRowItem .graphArea {
	height: 100%;
}

/* line 998, scss/component.scss */
.elementContainer.half .elementRowInner {
	height: 100%;
	padding: 14px 20px;
}

/* line 999, scss/component.scss */
.elementContainer.half .elementRowCont {
	margin-top: 14px;
	height: calc(100% - 45px);
}

/* line 1000, scss/component.scss */
.elementContainer.half .elementRowCont .graphBox {
	height: 100%;
}

/* line 1004, scss/component.scss */
.elementContainer.half .popupSectionTitle {
	font-size: var(--fs15);
}

/* line 1007, scss/component.scss */
.elementContainer .elementRowList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	gap: 12px;
	height: 100%;
}

/* line 1008, scss/component.scss */
.elementContainer .elementRowItem {
	border-radius: 8px;
	border: 1px solid var(--gray-scale10);
}

/* line 1009, scss/component.scss */
.elementContainer .elementRowItem.area1, .elementContainer .elementRowItem.area3, .elementContainer .elementRowItem.area2 {
	width: calc(100% / 3 - 8px);
}

.elementContainer .elementRowItem.area9 {
	width: calc(100% / 2 - 6px);
}

/* line 1012, scss/component.scss */
.elementContainer .elementRowInner {
	position: relative;
	padding: 12px;
	height: 100%;
}

/* line 1013, scss/component.scss */
.elementContainer .elementRowHead {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

/* line 1014, scss/component.scss */
.elementContainer .elementRowCont {
	height: calc(100% - 30px);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	row-gap: 8px;
}

/* line 1015, scss/component.scss */
.elementContainer .elementRowCont .graphArea {
	position: static;
	/*background-color: #ddd;*/
	/*height: 190px;*/
	height: calc(calc(100vh / 3) - 130px);
}

.elementContainer .elementRowCont .graphAreaPyeom {
	position: static;
	/*background-color: #ddd;*/
	/*height: 190px;*/
	height: calc(calc(100vh / 3) - 15px); */
    display: flex;
    justify-content: center;
}
.elementContainer .elementRowCont .graphArea.type02 {

	height: calc(calc(100vh / 3) - 140px);
}

/* line 1016, scss/component.scss */
.elementContainer .elementRowCont .graphBox {
	height: 100%;
}
.elementContainer .elementRowCont .graphBox {
	height: 100%;
}

/* line 1017, scss/component.scss */
.elementContainer .elementRowCont .graphResultWrap {
	padding: 0 5px;
}



/* line 1018, scss/component.scss */
.elementContainer .elementRowCont .unitText {
	font-size: var(--fs11);
}

/* line 1434, scss/component.scss */
.elementBox + .descriptionBox {
	/* 240118 */
	margin-top: 8px;
	padding-left: 15px;
}

/* line 1438, scss/component.scss */
.elementBox + .descriptionBox.type02 {
	/* 240118 */
	margin-top: 32px;
	padding-left: 0;
}

/* line 1025, scss/component.scss */
.elementBox.col {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	row-gap: 8px;
}

/* line 1027, scss/component.scss */
.elementBoxWrap .popupDescription {
	margin-top: 4px;
	word-break: keep-all;
}

/* line 1028, scss/component.scss */
.elementBoxWrap + .radiusBoxWrap {
	margin-top: 12px;
}

/* line 1031, scss/component.scss */
.elementBoxWrap.type02 .elementBoxList {
	-webkit-column-gap: 6px;
	   -moz-column-gap: 6px;
	        column-gap: 6px;
	row-gap: 8px;
}

/* line 1034, scss/component.scss */
.elementBoxWrap.type02 .elementBox.type03 .infoText {
	text-align: center;
	width: calc(100% - 16px);
}

/* line 1037, scss/component.scss */
.elementBoxWrap.type02 .elementBoxItem {
	-webkit-box-flex: 0;
	    -ms-flex: none;
	        flex: none;
	width: calc(100% / 2 - 3px);
}

/* line 1043, scss/component.scss */
.elementBoxList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-column-gap: 8px;
	   -moz-column-gap: 8px;
	        column-gap: 8px;
	row-gap: 8px;
}

/* line 1044, scss/component.scss */
.elementBoxList.type02 {
	gap: 16px;
}

/* line 1046, scss/component.scss */
.elementBoxList.type02 .elementBoxItem {
	-webkit-box-flex: 0;
	    -ms-flex: none;
	        flex: none;
	width: calc(100% / 2 - 8px);
}

/* line 1048, scss/component.scss */
.elementBoxList.type02 .elementBoxItem .sky2 {
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

/* line 1053, scss/component.scss */
.elementBoxItem {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}

/* line 1055, scss/component.scss */
.elementBoxGroup + .elementBoxGroup {
	margin-top: 14px;
}

/* line 1056, scss/component.scss */
.elementBoxGroup .popupTitleBox {
	margin-bottom: 10px;
}

/* line 1058, scss/component.scss */
.elementBox.gray {
	padding: 16px;
	border-radius: 4px;
	background-color: var(--bg1);
	position: inherit;
}

/* line 1059, scss/component.scss */
.elementBox.gray.type02 {
	padding: 16px 0;
}

/* line 1060, scss/component.scss */
.elementBox.gray .emptyText {
	font-size: var(--fs14);
	font-family: var(--font-r);
	color: var(--gray-scale3);
}

/* line 1061, scss/component.scss */
.elementBox.gray .boldText {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	font-size: var(--fs14);
	font-family: var(--font-sb);
	color: var(--gray-scale2);
}

/* line 1062, scss/component.scss */
.elementBox.gray .boldText .ico {
	margin-right: 8px;
}

/* line 1065, scss/component.scss */
.elementBox.gray.type03 {
	padding: 6px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

/* line 1067, scss/component.scss */
.elementBox.gray2 {
	padding: 16px;
	border-radius: 6px;
	background-color: var(--bg1);
}

/* line 1068, scss/component.scss */
.elementBox.gray3 {
	padding: 20px 16px;
	border-radius: 8px;
	background-color: var(--bg2);
}

/* line 1069, scss/component.scss */
.elementBox.gray3 .textBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	row-gap: 4px;
	color: var(--gray-scale3);
}

/* line 1070, scss/component.scss */
.elementBox.gray3 .boldText {
	font-size: var(--fs14);
	font-family: var(--font-sb);
}

/* line 1071, scss/component.scss */
.elementBox.gray3 .regText {
	font-size: var(--fs13);
	font-family: var(--font-r);
}

/* line 1072, scss/component.scss */
.elementBox.gray3 .mdText {
	font-family: var(--font-m);
}

/* line 1073, scss/component.scss */
.elementBox.gray3 .sbText {
	font-family: var(--font-sb);
}

/* line 1074, scss/component.scss */
.elementBox.gray3 .onlyBold {
	font-family: var(--font-b);
}

/* line 1075, scss/component.scss */
.elementBox.gray3.type02 {
	padding: 24px 0;
	border-radius: 8px;
}

/* line 1076, scss/component.scss */
.elementBox.gray3.type03 {
	padding: 12px;
	border: 1px solid var(--gray-scale9);
	border-radius: 8px;
}

/* line 1077, scss/component.scss */
.elementBox.gray3.type03 .textBox {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	row-gap: 0;
	color: initial;
}

/* line 1078, scss/component.scss */
.elementBox.gray3.type03 .textBox + .swiper2 {
	margin-top: 19px;
}

/* line 1080, scss/component.scss */
.elementBox.gray3.type03 .text {
	font-size: var(--fs15);
	color: var(--gray-scale2);
}

/* line 1082, scss/component.scss */
.elementBox.gray3.wide {
	padding: 16px 24px 0 24px;
	position: relative;
	border-radius: 12px;
}

/* line 1084, scss/component.scss */
.elementBox.onlyBg3 {
	background-color: var(--bg2);
}

/* line 1085, scss/component.scss */
.elementBox.gray4 {
	position: relative;
	padding: 15px 7px;
	border-radius: 8px;
	background-color: var(--bg2);
}

/* line 1086, scss/component.scss */
.elementBox.gray5 {
	padding: 20px;
	border-radius: 8px;
	background-color: var(--bg1);
}

/* line 1087, scss/component.scss */
.elementBox.sky {
	padding: 10px 12px;
	border-radius: 10px;
	background-color: var(--bg5);
}

/* line 1088, scss/component.scss */
.elementBox.sky.type02 {
	position: relative;
	width: 100%;
	height: 150px;
	padding: 0;
	border-radius: 8px;
	margin-bottom: 6px;
}

/* line 1089, scss/component.scss */
.elementBox.sky.type02 .bg01 {
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
	width: 100%;
}

/* line 1091, scss/component.scss */
.elementBox.sky + .markerItemWrap {
	margin-top: 16px;
}

/* line 1093, scss/component.scss */
.elementBox.sky2 {
	padding: 24px 16px;
	border-radius: 8px;
	background-color: #F1F6FF;
}

/* line 1094, scss/component.scss */
.elementBox.white {
	padding: 8px 12px;
	border-radius: 8px;
	background-color: var(--gray-scale6);
}

/* line 1095, scss/component.scss */
.elementBox.white.pdWide {
	padding: 20px 12px;
}

/* line 1097, scss/component.scss */
.elementBox.type02:not(.gray) {
	min-height: 140px;
	border-radius: 8px;
}

/* line 1098, scss/component.scss */
.elementBox.center {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

/* line 1099, scss/component.scss */
.elementBox.hType01 {
	height: 170px;
}

/* line 1100, scss/component.scss */
.elementBox.mhType01 {
	height: 170px;
	overflow-y: auto;
}
.elementBox.mhType02 {
	height: 415px;
    overflow-y: auto;
    border: 1px solid #e5e1e1;
}

/* line 1524, scss/component.scss */
.elementBox .text.fs13 {
	/* 240122 */
	font-size: var(--fs13);
}

/* line 1105, scss/component.scss */
.selectValueList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	border-radius: 4px;
	border-top: 1px solid var(--gray-scale10);
	border-left: 1px solid var(--gray-scale10);
	border-right: 1px solid var(--gray-scale10);
}

/* line 1108, scss/component.scss */
.selectValueList.type02 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

/* line 1109, scss/component.scss */
.selectValueList.type02 .selectValueItem {
	font-size: var(--fs13);
	font-family: var(--font-r);
	color: var(--gray-scale3);
}

/* line 1110, scss/component.scss */
.selectValueList.type02 .selectValueItem:first-of-type {
	border-radius: 4px 0 0 4px;
}

/* line 1111, scss/component.scss */
.selectValueList.type02 .selectValueItem:last-of-type {
	border-radius: 0 4px 4px 0;
}

/* line 1112, scss/component.scss */
.selectValueList.type02 .selectValueItem::before {
	display: none;
}

/* line 1113, scss/component.scss */
.selectValueList.type02 .selectValueItem.active {
	color: var(--primary2);
	font-weight: 600;
}

/* line 1114, scss/component.scss */
.selectValueList.type02 .selectValueItem.active::before {
	display: block;
}

/* line 1120, scss/component.scss */
.selectValueList.col3 .selectValueItem {
	width: 33.33333%;
	-webkit-box-shadow: -1px 0px 0px 0px var(--gray-scale10);
	        box-shadow: -1px 0px 0px 0px var(--gray-scale10);
}

/* line 1121, scss/component.scss */
.selectValueList.col3 .selectValueItem:nth-child(2) {
	border-radius: 0;
}

/* line 1122, scss/component.scss */
.selectValueList.col3 .selectValueItem:nth-child(3) {
	border-radius: 0 4px 0 0;
}

/* line 1123, scss/component.scss */
.selectValueList.col3 .selectValueItem.bdrs {
	border-radius: 0 0 0 4px;
}

/* line 1128, scss/component.scss */
.selectValueItem {
	position: relative;
	width: 50%;
	height: 34px;
	background-color: var(--gray-scale6);
	border-bottom: 1px solid var(--gray-scale10);
}

/* line 1130, scss/component.scss */
.selectValueItem:first-of-type {
	border-radius: 4px 0 0 0;
}

/* line 1131, scss/component.scss */
.selectValueItem:nth-child(2) {
	border-radius: 0 4px 0 0;
}

/* line 1132, scss/component.scss */
.selectValueItem.lastPrev {
	border-radius: 0 0 0 4px;
}

/* line 1133, scss/component.scss */
.selectValueItem:last-of-type {
	border-radius: 0 0 4px 0;
}

/* line 1134, scss/component.scss */
.selectValueItem:nth-child(even) {
	-webkit-box-shadow: -1px 0px 0px 0px var(--gray-scale10);
	        box-shadow: -1px 0px 0px 0px var(--gray-scale10);
}

/* line 1135, scss/component.scss */
.selectValueItem::before {
	content: '';
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	width: calc(100% - 1px);
	height: 100%;
	border-radius: inherit;
	-webkit-box-shadow: 0 0 0 1px var(--primary2);
	        box-shadow: 0 0 0 1px var(--primary2);
}

/* line 1140, scss/component.scss */
.selectValueItem:not(.empty).active svg path {
	fill: var(--primary2);
}

/* line 1141, scss/component.scss */
.selectValueItem:not(.empty).active .text {
	font-weight: 600;
	color: var(--primary2);
}

/* line 1142, scss/component.scss */
.selectValueItem:not(.empty).active::before {
	display: block;
}

/* line 1146, scss/component.scss */
.selectValueItem.empty {
	pointer-events: none;
}

/* line 1148, scss/component.scss */
.selectValueButton {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 110;
}

/* line 1149, scss/component.scss */
.selectValueButton svg {
	position: absolute;
	top: 50%;
	left: 8px;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}

/* line 1150, scss/component.scss */
.selectValueButton svg path {
	fill: var(--gray-scale9);
}

/* line 1152, scss/component.scss */
.selectValueButton .text {
	font-size: var(--fs13);
	font-family: var(--font-r);
	color: var(--gray-scale3);
}

/* line 1153, scss/component.scss */
.selectValueButton .text::after {
	content: attr(title);
	display: block;
	font-weight: 600;
	height: 0px;
	visibility: hidden;
}

/* line 1160, scss/component.scss */
.sectionGroup + .sectionGroup {
	margin-top: 14px;
}

/* line 1163, scss/component.scss */
.sectionGroup.type02 + .sectionGroup.type02 {
	margin-top: 24px;
}

/* line 1167, scss/component.scss */
.sectionGroup.hasTabCont .tabCont {
	display: none;
	position: relative;
}

/* line 1168, scss/component.scss */
.sectionGroup.hasTabCont .tabCont.active {
	display: block;
}

/* line 1173, scss/component.scss */
.sectionBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	row-gap: 12px;
}

/* line 1176, scss/component.scss */
.tableWrap + .btnArea {
	margin-top: 20px;
}

/* line 1177, scss/component.scss */
.tableWrap + .btnArea.mt10 {
	margin-top: 10px;
}

/* line 1178, scss/component.scss */
.tableWrap .popupTitleBox {
	-webkit-column-gap: 0;
	   -moz-column-gap: 0;
	        column-gap: 0;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
}

/* line 1179, scss/component.scss */
.tableWrap .popupTitleBox + .table {
	margin-top: 8px;
}

/* line 1181, scss/component.scss */
.tableWrap + .popupDescription {
	margin-top: 12px;
}

/* line 1185, scss/component.scss */
.table table {
	width: 100%;
}

/* line 1187, scss/component.scss */
.table.type01 {
	position: relative;
	max-height: calc(100vh - 452px);
}

/* line 1188, scss/component.scss */
.table.type01 th[scope="col"], .table.type01 td {
	border: 1px solid var(--gray-scale8);
	font-size: var(--fs13);
}

/* line 1189, scss/component.scss */
.table.type01 th[scope="col"] {
	height: 36px;
	font-family: var(--font-sb);
	color: var(--gray-scale1);
	padding: 7px 0;
	background-color: #F1F6FF;
	border: 0;
}

/* line 1191, scss/component.scss */
.table.type01 th[scope="col"] .cellText {
	line-height: 21px;
}

/* line 1193, scss/component.scss */
.table.type01 th[scope="col"] + th[scope="col"] .cellText {
	border-left: 1px solid #D2E2FF;
}

/* line 1196, scss/component.scss */
.table.type01 th[scope="col"]::before, .table.type01 th[scope="col"]::after {
	content: '';
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
	z-index: 10;
	width: 100%;
	height: 1px;
	background-color: var(--gray-scale8);
}

/* line 1198, scss/component.scss */
.table.type01 th[scope="col"]::before {
	top: 1px;
	width: 100%;
	height: 2px;
	background-color: var(--primary1);
}

/* line 1199, scss/component.scss */
.table.type01 th[scope="col"]::after {
	bottom: 1px;
}

/* line 1200, scss/component.scss */
.table.type01 th[scope="col"]:first-of-type::before {
	border-radius: 2px 0 0 2px;
}

/* line 1201, scss/component.scss */
.table.type01 th[scope="col"]:last-of-type::before {
	border-radius: 0 2px 2px 0;
}

/* line 1203, scss/component.scss */
.table.type01 td {
	height: 34px;
	position: relative;
	font-family: var(--font-r);
	color: var(--gray-scale3);
	background-color: var(--gray-scale6);
	border-left: 0;
	border-right: 0;
	z-index: 100;
	padding: 9.75px 0;
}

.table.type01 .nonSpcnws {
	text-align: center;
	height: 560px;
	position: relative;
	font-family: var(--font-r);
	color: var(--gray-scale3);
	background-color: var(--gray-scale6);
	border-left: 0;
	border-right: 0;
	z-index: 100;
	padding: 9.75px 0;
}

.table.type01 .nonLndsldSpcnws {
	text-align: center;
	height: 460px;
	position: relative;
	font-family: var(--font-r);
	color: var(--gray-scale3);
	background-color: var(--gray-scale6);
	border-left: 0;
	border-right: 0;
	z-index: 100;
	padding: 9.75px 0;
}

/* line 1205, scss/component.scss */
.table.type01 td .cellText, .table.type01 td button {
	padding: 0 4px;
}

/* line 1206, scss/component.scss */
.table.type01 td .cellText::before, .table.type01 td button::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
	width: 1px;
	height: 15px;
	margin-right: 5px;
	background-color: var(--gray-scale9);
}

/* line 1210, scss/component.scss */
.table.type01 td button {
	padding: 0;
}

/* line 1211, scss/component.scss */
.table.type01 td button::before {
	left: -10px;
}

/* line 1215, scss/component.scss */
.table.type01 td:first-of-type .cellText::before, .table.type01 td:first-of-type button::before {
	display: none;
}

/* line 1218, scss/component.scss */
.table.type01 td [class*="btn"] {
	margin: 0 auto;
}

/* line 1655, scss/component.scss */
.table.type01 td[rowspan] .cellBox {
	/* 240122 */
	height: 100%;
}

/* line 1662, scss/component.scss */
.table.type01 td[rowspan] .cellText::before {
	/* 240122 */
	height: 100%;
}

/* line 1659, scss/component.scss */
.table.type01 td[rowspan] .cellText {
	/* 240122 */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	height: 100%;
}

.table.type01 td.hasElement {
	/* 240807 */
	padding-left: 4px;
	padding-right: 8px;
}

/* line 1222, scss/component.scss */
.table.type01 thead .cellText {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	width: 100%;
}

/* line 1223, scss/component.scss */
.table.type01 thead .btnSort {
	margin-left: 2px;
}

/* line 1229, scss/component.scss */
.table.type01 tbody tr:first-of-type td {
	border-top: 0;
}

/* line 1230, scss/component.scss */
.table.type01 tbody tr:first-of-type .cellBox::before {
	height: calc(100% - 2px);
	top: 0;
}

/* line 1235, scss/component.scss */
.table.type01 tbody tr td:not(:first-of-type) .cellBox::before {
	border-left: 0;
}

/* line 1238, scss/component.scss */
.table.type01 tbody tr td:not(:last-of-type) .cellBox::before {
	border-right: 0;
}

/* line 1241, scss/component.scss */
.table.type01 tbody tr td:first-of-type .cellBox::before {
	border-radius: 2px 0 0 2px;
}

/* line 1242, scss/component.scss */
.table.type01 tbody tr td:first-of-type.txt-left {
	padding: 0 8px;
}

/* line 1243, scss/component.scss */
.table.type01 tbody tr td:first-of-type.txt-left .cellText {
	padding-left: 0;
}

/* line 1247, scss/component.scss */
.table.type01 tbody tr td:last-of-type .cellBox::before {
	border-radius: 0 2px 2px 0;
}

/* line 1253, scss/component.scss */
.table.type01 tbody .cellBox::before {
	content: '';
	position: absolute;
	top: -1px;
	left: -0.5px;
	width: 100%;
	height: 100%;
	border: 1px solid transparent;
	z-index: 90;
}

/* line 1256, scss/component.scss */
.table.type01 tbody .cellBox * {
	position: relative;
	z-index: 100;
}

/* line 1260, scss/component.scss */
.table.type01 tbody .cellInnerBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

/* line 1262, scss/component.scss */
.table.type01 tbody .cellInnerText + .cellInnerBox {
	padding-left: 5px;
}

/* line 1267, scss/component.scss */
.table.type01 .cellText {
	position: relative;
	display: block;
	height: 100%;
}

/* line 1268, scss/component.scss */
.table.type01 .cellText.type02 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

/* line 1269, scss/component.scss */
.table.type01 .cellText + .btnSort {
	margin-left: 2px;
}

/* line 1719, scss/component.scss */
.table.type01 .cellText + .cellText {
	/* 240122 */
	margin-top: 3px;
}

/* line 1273, scss/component.scss */
.table.overflow-y {
	overflow-y: auto;
}

/* line 1277, scss/component.scss */
.table.overflow-y tbody td:last-of-type .cellBox::before {
	width: calc(100% - 1.5px);
}

/* line 1284, scss/component.scss */
.table.sticky th[scope="col"] {
	position: sticky;
	top: 0;
	z-index: 110;
}

/* line 1289, scss/component.scss */
.table.effect tbody tr {
	cursor: pointer;
}

/* line 1292, scss/component.scss */
.table.effect tbody tr.active .cellBox::before {
	border-color: var(--primary2);
}

/* line 1294, scss/component.scss */
.table.effect tbody tr.active .cellText {
	color: var(--primary2);
}

/* line 1301, scss/component.scss */
.table.rowType table {
	border-top: 2px solid var(--primary1);
}

/* line 1302, scss/component.scss */
.table.rowType th[scope="row"], .table.rowType td {
	font-size: var(--fs13);
	font-family: var(--font-r);
	border-bottom: 1px solid #D2E2FF;
	background-color: #F1F6FF;
	text-align: left;
}

/* line 1304, scss/component.scss */
.table.rowType th[scope="row"] {
	padding: 8px;
	color: var(--gray-scale2);
}


/* 231221 그래프 범례 style 여기부터 */
/* line 1522, scss/component.scss */
.graphInnerBox {
	/* 231221 */
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	row-gap: 10px;
}
.graphInnerHfBox {
	/* 231221 */
	width: 50%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	row-gap: 10px;
}

/* line 2174, scss/component.scss */
.graphLegendList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	gap: 8px;
	padding: 5px 8px;
	border: 1px solid var(--bg5);
	border-radius: 4px;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
	        box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
	background-color: var(--gray-scale6);
}
.databoardPielegend {
	position: absolute;
    bottom: 10px;
}
/* line 2177, scss/component.scss */
.graphLegendText {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-column-gap: 2px;
	   -moz-column-gap: 2px;
	        column-gap: 2px;
	font-size: var(--fs12);
	font-family: var(--font-m);
	color: var(--gray-scale3);
}

/* line 2178, scss/component.scss */
.graphLegendText::before {
	content: '';
	width: 10px;
	height: 10px;
	border-radius: 50%;
}

/* line 2179, scss/component.scss */
.graphLegendText.blue::before {
	background-color: #6D96FF;
}

/* line 2180, scss/component.scss */
.graphLegendText.green::before {
	background-color: #4ACDB4;
}

/* line 2181, scss/component.scss */
.graphLegendText.purple::before {
	background-color: #AE77FF;
}

/* line 2182, scss/component.scss */
.graphLegendText.orange::before {
	background-color: #F88F5A;
}

/* line 2183, scss/component.scss */
.graphLegendText.gray::before {
	background-color: #D6DFEE;
}

/* --- 231221 여기까지 --- */
/* line 1305, scss/component.scss */
.table.rowType td {
	padding: 8px 6px;
	color: var(--gray-scale3);
	border-bottom: 1px solid var(--gray-scale9);
	background-color: var(--gray-scale6);
}

/* line 1308, scss/component.scss */
.table.rowType td.full[colspan] {
	padding: 0;
	height: 28px;
	color: var(--gray-scale2);
	text-align: center;
	background-color: var(--bg1);
}

/* line 1768, scss/component.scss */
.table.bt0 table {
	/* 240118 */
	border-top: 0;
}

/* line 1772, scss/component.scss */
.table.bt0 th[scope="row"] {
	/* 240118 */
	border-top: 1px solid #D2E2FF;
}

/* line 1776, scss/component.scss */
.table.bt0 td {
	/* 240118 */
	border-top: 1px solid var(--gray-scale9) !important;
}

/* line 1314, scss/component.scss */
.table.mxh01 {
	/* min-height: var(--table-scroll-height1); */
	/* 	max-height: var(--table-scroll-height1); */
	height:601px;
}

/* line 1315, scss/component.scss */
.table.mxh02 {
	min-height: var(--table-scroll-height2);
	max-height: var(--table-scroll-height2);
}

/* line 1316, scss/component.scss */
.table.mxh03 {
	min-height: var(--table-scroll-height3);
	max-height: var(--table-scroll-height3);
}

/* line 1317, scss/component.scss */
.table.mxh04 {
/* 	min-height: var(--table-scroll-height4); */
/* 	max-height: var(--table-scroll-height4); */
	height: 380px;
	max-height: calc(100vh - 560px);
}
.table.reSizeOutterMxh04 {
	min-height: var(--table-scroll-reOutterHeight4);
	max-height: var(--table-scroll-reOutterHeight4);
}

/* line 1318, scss/component.scss */
.table.mxh05 {
	/* min-height: var(--table-scroll-height5); */
	max-height: var(--table-scroll-height5);
	height:454px;
}

/* line 1319, scss/component.scss */
.table.mxh06 {
	min-height: var(--table-scroll-height6);
	max-height: var(--table-scroll-height6);
}

/* line 1320, scss/component.scss */
.table.mxh07 {
	/* min-height: var(--table-scroll-height7); */
	max-height: var(--table-scroll-height7);
	height:484px;
}

.table.reSizemxh07 {
	/* min-height: var(--table-scroll-height7); */
	max-height: var(--table-scroll-reheight7);
	height:529px;
}

/* line 1321, scss/component.scss */
.table.mxh08 {
	/* min-height: var(--table-scroll-height8); */
	/* 	max-height: var(--table-scroll-height8); */
}
.table.reSizemxh08 {
	/* min-height: var(--table-scroll-height8); */
/* 	max-height: var(--table-scroll-reheight8); */
	height: 480px;
}
.table.mxh09 {
	/* min-height: var(--table-scroll-height8); */
	max-height: var(--table-scroll-height9);
	height:475px;
}
.table.mxh10 {
	/* min-height: var(--table-scroll-height8); */
	max-height: var(--table-scroll-height9);
	height:468px;
}

/* line 1791, scss/component.scss */
.table + .descriptionBox {
	/* 240118 */
	margin: 8px 0;
}
.markerItemWrapTitle {
	margin-bottom: 10px;
    position: relative;
    font-size: var(--fs18);
    font-family: var(--font-b);
    color: var(--gray-scale3);
    text-align: center;
    background-color: white;
    padding: 10px;
    border-radius: 8px;
    border: 1px solid lightgrey;
}
.markerItemWrapTitle::before {
	content: '[ ';
}
.markerItemWrapTitle::after {
	content: ' ]';
}
.markerItemWrapSubTitle {
	margin-bottom: 5px;
    position: relative;
    font-size: var(--fs16);
    font-family: var(--font-b);
    color: var(--gray-scale3);
    text-align: left;
    padding: 10px;
    border-radius: 8px;
}
.markerItemWrapSubTitle::before {
	content: '[';	
}
.markerItemWrapSubTitle::after {
	content: ']';
}
/* line 1325, scss/component.scss */
.markerItemList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	row-gap: 20px;
}

/* line 1326, scss/component.scss */
.markerItemText {
	position: relative;
	padding-left: 15px;
	font-size: var(--fs14);
	font-family: var(--font-m);
	color: var(--gray-scale3);
}

/* line 1327, scss/component.scss */
.markerItemText.none {
	padding-left: 0;
}

/* line 1331, scss/component.scss */
.markerItemWrap.type02 .markerItemList {
	row-gap: 8px;
/* 	padding-left: 10px; */
}

/* line 1332, scss/component.scss */
.markerItemWrap.type02 .markerItemText {
	font-size: var(--fs13);
	padding-left: 10px;
}

/* line 1333, scss/component.scss */
.markerItemWrap.type02 .markerItemText.none {
	padding-left: 0;
}

/* line 2251, scss/component.scss */
.markerItemWrap.type02 .markerItemText.hasInnerText {
	/* 240807 */
	row-gap: 6px;
}

/* line 2255, scss/component.scss */
.markerItemWrap.type02 .markerItemText.hasInnerText .colorType {
	/* 240807 */
	font-family: var(--font-b);
}

/* line 2260, scss/component.scss */
.markerItemWrap.type02 .markerItemText .numberListItem {
	/* 240807 */
	font-family: var(--font-m);
}

/* line 1335, scss/component.scss */
.markerItemWrap.type02 .marker::before {
	top: 5px;
}

/* line 1338, scss/component.scss */
.markerItemWrap.type02.pBoth .markerItemList {
	padding: 0 10px;
}

/* line 1342, scss/component.scss */
.markerItemWrap.pl0 .markerItemList {
	padding-left: 0;
}

/* line 1345, scss/component.scss */
.markerItemWrap.fontR .markerItemText {
	font-family: var(--font-r);
}

/* line 1348, scss/component.scss */
.markerItemWrap.fontB .markerItemText {
	font-family: var(--font-b);
}

/* line 1351, scss/component.scss */
.markerItemWrap.fs12 .markerItemText {
	font-size: var(--fs12);
}

/* line 1354, scss/component.scss */
.markerItemWrap.whs .markerItemText {
	white-space: nowrap;
}

/* line 1357, scss/component.scss */
.markerItemWrap.gap0 .markerItemList {
	gap: 0;
}

/* line 1360, scss/component.scss */
.markerItemWrap.mwd01 .markerItem {
	min-width: 73px;
}

/* line 1868, scss/component.scss */
.markerItemWrap .semiBold {
	/* 240118 */
	font-family: var(--font-sb);
}

/* line 1363, scss/component.scss */
.markerItemBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

/* line 1364, scss/component.scss */
.markerItemBox.none {
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
}

/* line 1875, scss/component.scss */
.markerItemBox.type02 {
	/* 240118 */
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	row-gap: 3px;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
}

/* line 1368, scss/component.scss */
.marker::before {
	content: '';
	position: absolute;
	top: 6px;
	left: 0;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: currentColor;
}

/* line 1374, scss/component.scss */
.resultArea + .table {
	margin-top: 8px;
}

/* line 1376, scss/component.scss */
.resultBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

/* line 1377, scss/component.scss */
.resultText {
	font-size: var(--fs14);
	font-family: var(--font-sb);
	color: var(--gray-scale2);
}

/* line 1378, scss/component.scss */
.resultText.emphasis {
	margin-left: 4px;
	margin-right: 1px;
}

/* line 1382, scss/component.scss */
.titleTextBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	row-gap: 5px;
}

/* line 1384, scss/component.scss */
.graph {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* line 1385, scss/component.scss */
.graphArea {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* line 1386, scss/component.scss */
.graphBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-column-gap: 14px;
	   -moz-column-gap: 14px;
	        column-gap: 14px;
}

/* line 1388, scss/component.scss */
.graph.typhoonBlue {
	background: url("../images/ico/ico-typhoon-graph-blue-path.svg") no-repeat center;
}

/* line 1389, scss/component.scss */
.graph.typhoonBlue2 {
	background: url("../images/ico/ico-typhoon-example.svg") no-repeat center;
}

/* line 1390, scss/component.scss */
.graph.typhoonRed {
	background: url("../images/ico/ico-typhoon-graph-red-path.svg") no-repeat center;
}

/* line 1391, scss/component.scss */
.graph.typhoonBlack {
	background: url("../images/ico/ico-typhoon-3a3d.svg") no-repeat center;
}

/* line 1392, scss/component.scss */
.graph.typhoonLine {
	background: url("../images/ico/ico-typhoon-graph-line.svg") no-repeat center;
}

/* line 1393, scss/component.scss */
.graph.typhoonRed2 {
	background: url("../images/common/bg/img-typhoon-red.png") no-repeat center;
}

/* line 1394, scss/component.scss */
.graph.typhoonBlueRange {
	background: url("../images/common/bg/img-typhoon-range.svg") no-repeat center;
}

/* line 1395, scss/component.scss */
.graph.flood {
	background: url("../images/common/bg/img-flood-graph.png") no-repeat center;
}

/* line 1399, scss/component.scss */
.loginWrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	height: calc(100% - 100px);
}

/* line 1400, scss/component.scss */
.loginBox {
	position: relative;
	width: 100%;
	max-width: 800px;
	height: 500px;
	-webkit-box-shadow: 1px 1px 20px 0px rgba(0, 0, 0, 0.1);
	        box-shadow: 1px 1px 20px 0px rgba(0, 0, 0, 0.1);
	border-radius: 16px;
	background-color: var(--gray-scale6);
}

/* line 1402, scss/component.scss */
.loginBox .inner {
	padding: 30px 32px 32px 32px;
	height: 100%;
}

/* line 1403, scss/component.scss */
.loginBox::after {
	content: '';
	width: 396px;
	height: 400px;
	position: absolute;
	bottom: 0;
	right: 0;
	background: url("../images/common/bg/bg-vector-gray.svg") no-repeat center;
	z-index: 0;
}

/* line 1406, scss/component.scss */
.loginInnerWrap {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-column-gap: 32px;
	   -moz-column-gap: 32px;
	        column-gap: 32px;
	width: 100%;
	max-width: 340px;
}

/* line 1407, scss/component.scss */
.loginInnerWrap::after {
	content: '';
	width: 290px;
	height: 477px;
	position: absolute;
	right: -400px;
	bottom: -30px;
	z-index: 10;
	background: url("../images/common/bg/img-frame.png") no-repeat center;
}

/* line 1409, scss/component.scss */
.loginInnerWrap .logo {
	margin-bottom: 10px;
}

/* line 1411, scss/component.scss */
.loginInnerBox {
	text-align: center;
}

/* line 1412, scss/component.scss */
.loginInnerBox + .loginInnerBox {
	margin-top: 24px;
}

/* line 1415, scss/component.scss */
.loginInnerBox.type02 .loginDescription {
	font-size: var(--fs13);
	margin: 0;
}

/* line 1416, scss/component.scss */
.loginInnerBox.type02 .loginDescription + .btnArea {
	margin-top: 16px;
}

/* line 1420, scss/component.scss */
.loginTitle {
	margin-bottom: 16px;
	font-size: var(--fs24);
	font-family: var(--font-b);
	color: var(--gray-scale3);
}

/* line 1421, scss/component.scss */
.loginDescription {
	margin-bottom: 20px;
	font-size: var(--fs14);
	font-family: var(--font-r);
	color: var(--gray-scale3);
	letter-spacing: -0.01px;
}

/* line 1424, scss/component.scss */
.svgBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

/* line 1425, scss/component.scss */
.svgBox.default {
	border-radius: 4px;
	background-color: var(--bg5);
}

/* line 1426, scss/component.scss */
.svgBox.bgWhite {
	background-color: var(--gray-scale6);
}

/* line 1427, scss/component.scss */
.svgBox.bgPrimary1 {
	background-color: var(--primary1);
}

/* line 1428, scss/component.scss */
.svgBox.wh12 {
	width: 12px;
	height: 12px;
}

/* line 1429, scss/component.scss */
.svgBox.wh22 {
	width: 22px;
	height: 22px;
}

/* line 1637, scss/component.scss */
.svgBox.wh28 {
	/* 240108 */
	width: 28px;
	height: 28px;
}

/* line 1430, scss/component.scss */
.svgBox.size16 svg {
	width: 16px;
	height: 16px;
}

/* line 1431, scss/component.scss */
.svgBox.size28 svg {
	width: 28px;
	height: 28px;
}

/* line 1432, scss/component.scss */
.svgBox.fillPrimary2 svg path {
	fill: var(--primary2);
}

/* line 1433, scss/component.scss */
.svgBox.fillBlack svg path {
	fill: var(--gray-scale2);
}

/* line 1436, scss/component.scss */
.selectGroup {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

/* line 1438, scss/component.scss */
.selectGroup.full select {
	width: 100%;
}

/* line 1441, scss/component.scss */
.selectGroup.both select {
	border-radius: 2px 0 0 2px;
}

/* line 1442, scss/component.scss */
.selectGroup.both select + select {
	border-left: 0;
	border-radius: 0 2px 2px 0;
}

/* line 1446, scss/component.scss */
.selectGroup.hasCustomSelect .select {
	border: 1px solid var(--gray-scale7);
}

/* line 1447, scss/component.scss */
.selectGroup.hasCustomSelect .select .selected {
	min-width: 119px;
}

/* line 1448, scss/component.scss */
.selectGroup.hasCustomSelect .select + .select {
	margin-left: -1px;
}

/* line 1449, scss/component.scss */
.selectGroup.hasCustomSelect .select + .select.active {
	border-left: 1px solid #157EFB;
}

/* line 1454, scss/component.scss */
.selectGroup + .btnArea {
	margin-top: 14px;
}

/* line 1458, scss/component.scss */
.inputWrap.col {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	row-gap: 6px;
}

/* line 1460, scss/component.scss */
.inputWrap + .btnArea {
	margin-top: 12px;
}

/* input form */
/* line 1464, scss/component.scss */
/* input { */
/* 	display: -webkit-box; */
/* 	display: -ms-flexbox; */
/* 	display: flex; */
/* 	-webkit-box-align: center; */
/* 	    -ms-flex-align: center; */
/* 	        align-items: center; */
/* 	width: 100%; */
/* 	height: 34px; */
/* 	border: 1px solid var(--gray-scale7); */
/* 	padding: 0 8px; */
/* 	border-radius: 2px; */
/* 	background-color: var(--gray-scale6); */
/* 	font-size: var(--fs13); */
/* 	font-family: var(--font-m); */
/* 	color: var(--gray-scale3); */
/* } */

/* line 1468, scss/component.scss */
select {
	border: 1px solid var(--gray-scale9);
	border-radius: 2px;
	font-size: var(--fs14);
	font-family: var(--font-sb);
	color: var(--gray-scale3);
	padding-left: 8px;
	background: var(--gray-scale6) url("../images/ico/ico-dropdown-arrow.svg") no-repeat center right 8px;
}

/* line 1471, scss/component.scss */
select.wd100 {
	width: 100px;
}

/* line 1472, scss/component.scss */
select.h26 {
	height: 26px;
}

/* line 1473, scss/component.scss */
select.h34 {
	height: 34px;
}

/* line 1474, scss/component.scss */
select.lineNone {
	border: 0;
}

/* line 1475, scss/component.scss */
select.fs13 {
	font-size: var(--fs13);
}

/* line 1476, scss/component.scss */
select.fontR {
	font-family: var(--font-r);
}

/* line 1479, scss/component.scss */
.select {
	position: relative;
	border: 1px solid var(--gray-scale9);
	border-radius: 2px;
}

/* line 1480, scss/component.scss */
.select .selected {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	width: 100%;
	height: 100%;
	padding: 0 8px;
	font-size: var(--fs13);
	font-family: var(--font-m);
	color: var(--gray-scale3);
	/* 240110 */
	cursor: pointer;
}

/* line 1751, scss/component.scss */
.select .selectItem:focus-within {
	/* 240110 */
	background-color: var(--bg5);
}

/* line 1482, scss/component.scss */
.select .selected::after {
	content: '';
	width: 12px;
	height: 12px;
	margin-left: auto;
	background: url("../images/ico/ico-dropdown-arrow.svg") no-repeat center;
}

/* line 1485, scss/component.scss */
.select .selectList {
	visibility: hidden;
	position: absolute;
	left: -1px;
	width: calc(100% + 2px);
	border-radius: 0 0 2px 2px;
	padding: 2px;
	background-color: var(--gray-scale6);
	border: 1px solid transparent;
	overflow-y: auto;
	max-height: 134px;
	z-index: -1;
}

/* line 1488, scss/component.scss */
.select .selectItem {
	width: 100%;
	height: 26px;
	background-color: transparent;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	-webkit-transition-property: background-color;
	transition-property: background-color;
}

/* line 1490, scss/component.scss */
.select .selectItemOption {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	width: 100%;
	height: 100%;
	padding-left: 8px;
	font-size: var(--fs13);
	font-family: var(--font-m);
	color: var(--gray-scale3);
}

/* line 1494, scss/component.scss */
.select.wd100 {
	width: 100px;
}

/* line 1495, scss/component.scss */
.select.wd120 {
	width: 120px;
}

/* line 1496, scss/component.scss */
.select.wd130 {
	width: 130px;
}

/* line 1497, scss/component.scss */
.select.wd160 {
	width: 160px;
}

.select.wd240 {
	width: 240px;
}
.select.wd179 {
	width: 179px;
}
.select.wd274 {
	width: 274px;
}

/* line 1498, scss/component.scss */
.select.h26 {
	height: 26px;
}

/* line 1499, scss/component.scss */
.select.h26 .selectList {
	top: 24px;
}

/* line 1501, scss/component.scss */
.select.h34 {
	border: 2px solid #999;
	height: 34px;
}

/* line 1502, scss/component.scss */
.select.h34 .selectList {
	top: 32px;
}

/* line 1504, scss/component.scss */
.select.lineNone {
	border: 0;
}

/* line 1505, scss/component.scss */
.select.lineTransparent {
	border: 1px solid transparent;
}

/* line 1507, scss/component.scss */
.select.c111 .selected {
	color: var(--gray-scale2);
}

/* line 1510, scss/component.scss */
.select.c999 .selected {
	color: var(--gray-scale5);
	font-family: var(--font-r);
}

/* line 1513, scss/component.scss */
.select.active {
	position: relative;
	z-index: 100;
	border-radius: 2px 2px 0 0;
	border-color: #157EFB;
	border-bottom-color: transparent;
}

/* line 1514, scss/component.scss */
.select.active .selectList {
	visibility: visible;
	border-color: #157EFB;
	z-index: 200;
}

/* line 1515, scss/component.scss */
.select.active:focus-within {
	-webkit-box-shadow: 0 0 0 2px rgba(21, 126, 251, 0.2);
	        box-shadow: 0 0 0 2px rgba(21, 126, 251, 0.2);
}

/* line 1519, scss/component.scss */
.select.valueSelected .selected {
	color: var(--gray-scale3);
	font-family: var(--font-m);
}

/* line 1523, scss/component.scss */
.ico {
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center;
}

/* line 1524, scss/component.scss */
.ico.blueTime {
	width: 16px;
	height: 17px;
	background-image: url("../images/ico/ico-time-blue-fill.svg");
}

/* line 1525, scss/component.scss */
.ico.manualBook {
	width: 20px;
	height: 20px;
	background-image: url("../images/ico/ico-manual-book.svg");
}

/* line 1526, scss/component.scss */
.ico.check {
	width: 20px;
	height: 20px;
	background-image: url("../images/ico/ico-color-check.svg");
}

/* line 1527, scss/component.scss */
.ico.dbHome {
	width: 24px;
	height: 24px;
	background-image: url("../images/ico/ico-home.svg");
}

/* line 1528, scss/component.scss */
.ico.temperature {
	width: 17px;
	height: 24px;
	background-image: url("../images/ico/ico-temperature.svg");
}

/* line 1529, scss/component.scss */
.ico.dbPin {
	width: 66px;
	height: 66px;
	background-image: url("../images/ico/ico-databoard-pin.svg");
	background-size: 66px;
}
.ico.floodMap {
	width: 66px;
	height: 66px;
	background-image: url("../images/common/tiles/flood_map.png");
	background-size: 66px;
}
.ico.lndsldMap {
	width: 66px;
	height: 66px;
	background-image: url("../images/common/tiles/lndsld_map.png");
	background-size: 66px;
}

/* line 1530, scss/component.scss */
.ico.dbPeople {
	width: 66px;
	height: 66px;
	background-image: url("../images/ico/ico-databoard-people.svg");
	background-size: 66px;
}

/* line 2082, scss/component.scss */
.ico.dbFlood {
	/* 240122 */
	width: 66px;
	height: 66px;
	background-image: url("../images/ico/ico-databoard-flood.svg");
	background-size: 66px;
}

/* line 2086, scss/component.scss */
.ico.dbLandSlide {
	/* 240122 */
	width: 66px;
	height: 66px;
	background-image: url("../images/ico/ico-databoard-landslide.svg");
	background-size: 66px;
}

/* line 1531, scss/component.scss */
.ico.serviceSymbol {
	width: 24px;
	height: 24px;
	background-image: url("../images/ico/ico-service-symbol.svg");
}

/* line 1532, scss/component.scss */
.ico.calendarFill {
	width: 18px;
	height: 18px;
	background-image: url("../images/ico/ico-calendar-fill.svg");
	background-size: 18px;
}

/* line 1533, scss/component.scss */
.ico.infoFill {
	width: 18px;
	height: 18px;
	background-image: url("../images/ico/ico-info-fill.svg");
	background-size: 18px;
}

/* line 1534, scss/component.scss */
.ico.peopleFill {
	width: 16px;
	height: 16px;
	background-image: url("../images/ico/ico-people-fill.svg");
	background-size: 16px;
}

/* line 1535, scss/component.scss */
.ico.houseFill {
	width: 16px;
	height: 16px;
	background-image: url("../images/ico/ico-house-light-fill.svg");
	background-size: 16px;
}

/* line 1536, scss/component.scss */
.ico.housingFill {
	width: 16px;
	height: 16px;
	background-image: url("../images/ico/ico-housing-light-fill.svg");
	background-size: 16px;
}

/* line 1537, scss/component.scss */
.ico.buildingFill {
	width: 16px;
	height: 16px;
	background-image: url("../images/ico/ico-building-fill.svg");
	background-size: 16px;
}

/* line 1538, scss/component.scss */
.ico.signFill {
	width: 18px;
	height: 18px;
	background-image: url("../images/ico/ico-sign-fill.svg");
	background-size: 18px;
}

/* line 1539, scss/component.scss */
.ico.smallBusinessFill {
	width: 18px;
	height: 18px;
	background-image: url("../images/ico/ico-small-business-light-fill.svg");
	background-size: 18px;
}

/* line 1540, scss/component.scss */
.ico.pointFill {
	width: 18px;
	height: 18px;
	background-image: url("../images/ico/ico-map-point-fill.svg");
	background-size: 18px;
}

/* line 1541, scss/component.scss */
.ico.cornFill {
	width: 18px;
	height: 18px;
	background-image: url("../images/ico/ico-corn-fill.svg");
	background-size: 18px;
}

/* line 1542, scss/component.scss */
.ico.human {
	width: 16px;
	height: 16px;
	background-image: url("../images/ico/ico-human.svg");
}

/* line 1679, scss/component.scss */
.ico.human01 {
	width: 16px;
	height: 16px;
	background-image: url("../images/ico/ico-human01.svg");
}

/* line 1680, scss/component.scss */
.ico.human02 {
	width: 16px;
	height: 16px;
	background-image: url("../images/ico/ico-human02.svg");
}

/* line 1681, scss/component.scss */
.ico.human03 {
	width: 16px;
	height: 16px;
	background-image: url("../images/ico/ico-human03.svg");
}

/* line 1682, scss/component.scss */
.ico.family {
	width: 16px;
	height: 16px;
	background-image: url("../images/ico/ico-house-light.svg");
}
/* line 1682, scss/component.scss */
.ico.house {
	width: 16px;
	height: 16px;
	background-image: url("../images/ico/ico-house.svg");
}
/* line 1682, scss/component.scss */
.ico.house01 {
	width: 16px;
	height: 16px;
	background-image: url("../images/ico/ico-house01.svg");
}

/* line 1683, scss/component.scss */
.ico.house02 {
	width: 16px;
	height: 16px;
	background-image: url("../images/ico/ico-house02.svg");
}

/* line 1684, scss/component.scss */
.ico.house03 {
	width: 16px;
	height: 16px;
	background-image: url("../images/ico/ico-house03.svg");
}

/* line 1685, scss/component.scss */
.ico.company {
	width: 16px;
	height: 16px;
	background-image: url("../images/ico/ico-company.svg");
}

/* line 1686, scss/component.scss */
.ico.business {
	width: 16px;
	height: 16px;
	background-image: url("../images/ico/ico-business-ight.svg");
}

/* line 1720, scss/component.scss */
.ico.alertHelp {
	width: 40px;
	height: 40px;
	background-image: url("../images/ico/ico-help-circle.svg");
}

/* line 1721, scss/component.scss */
.ico.alertExclamation {
	width: 40px;
	height: 40px;
	background-image: url("../images/ico/ico-alert-circle.svg");
}

/* line 1722, scss/component.scss */
.ico.alertTriangle {
	width: 40px;
	height: 40px;
	background-image: url("../images/ico/ico-alert-triangle.svg");
}

/* line 1723, scss/component.scss */
.ico.alertCheck {
	width: 40px;
	height: 40px;
	background-image: url("../images/ico/ico-check-circle.svg");
}

/* line 1724, scss/component.scss */
.ico.alertX {
	width: 40px;
	height: 40px;
	background-image: url("../images/ico/ico-x-circle.svg");
}

/* line 1725, scss/component.scss */
.ico.alertXSearch {
	width: 40px;
	height: 40px;
	background-image: url("../images/ico/ico-search-x.svg");
}
.ico.searchBtn {
	width: 14px;
	height: 14px;
	background-image: url("../images/ico/ico-search-fill.svg");
	background-size: contain;
}

/* line 2137, scss/component.scss */
.ico.colorBoard {
	/* 240118 */
	width: 20px;
	height: 20px;
	background-image: url("../images/ico/ico-color-board.svg");
}

/* line 2142, scss/component.scss */
.ico.colorTime {
	/* 240118 */
	width: 20px;
	height: 20px;
	background-image: url("../images/ico/ico-color-time.svg");
}

/* line 2147, scss/component.scss */
.ico.colorCaution {
	/* 240118 */
	width: 20px;
	height: 20px;
	background-image: url("../images/ico/ico-color-caution.svg");
}

/* line 2152, scss/component.scss */
.ico.colorInfo {
	/* 240118 */
	width: 12px;
	height: 12px;
	background-image: url("../images/ico/ico-color-info.svg");
}

/* line 2157, scss/component.scss */
.ico.colorGraphBar {
	/* 240122 */
	width: 20px;
	height: 20px;
	background-image: url("../images/ico/ico-color-graph-bar.svg");
}

/* line 2162, scss/component.scss */
.ico.colorTarget {
	/* 240122 */
	width: 20px;
	height: 20px;
	background-image: url("../images/ico/ico-color-target.svg");
}

.ico.printable {
	width: 40px;
	height: 40px;
	background-image: url("../images/ico/ico-print.svg");
	background-size: 40px
}
/* line 1546, scss/component.scss */
.arrowUp, .arrowDown {
	margin-left: 1.5px;
}

/* line 1547, scss/component.scss */
.arrowUp {
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 10px solid var(--error);
	margin-top: -1px;
}

/* line 1549, scss/component.scss */
.arrowDown {
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 10px solid var(--primary2);
	margin-top: 1px;
}

/* line 1553, scss/component.scss */
.zero {
	width: 0;
	height: 0;
}

/* line 1556, scss/component.scss */
.unitArea {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.unitArea .secSector {
	align-items: flex-end; 
	flex-direction: column;
}

/* line 1558, scss/component.scss */
.unitArea .unitText + .unitText::before {
	content: '';
	width: 1px;
	height: 11px;
	margin-left: 4px;
	margin-right: 3px;
	background-color: var(--gray-scale8);
}

/* line 1562, scss/component.scss */
.unitText {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	font-size: var(--fs12);
	font-family: var(--font-r);
	color: var(--gray-scale3);
}

/* line 1563, scss/component.scss */
.unitText.fs13 {
	font-size: var(--fs13);
}

.unitText.secLine {
	font-size: var(--fs12);
	font-family: var(--font-r);
	color: var(--gray-scale3);
}

/* line 1567, scss/component.scss */
.checkbox {
	position: relative;
}

/* line 1568, scss/component.scss */
.checkbox input[type="checkbox"] {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: none;
	background-color: transparent;
}

/* line 1570, scss/component.scss */
.checkbox input[type="checkbox"]:checked ~ label svg {
	display: block;
}

/* line 1574, scss/component.scss */
.checkbox label {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	cursor: pointer;
}

/* line 1575, scss/component.scss */
.checkbox label .labelName {
	margin-left: 5px;
	font-size: var(--fs13);
	font-family: var(--font-r);
	color: var(--gray-scale3);
}

/* line 1576, scss/component.scss */
.checkbox label::before {
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	border-radius: 2px;
	border: 1px solid var(--gray-scale7);
	border-radius: 4px;
	background-color: var(--gray-scale6);
}

/* line 1580, scss/component.scss */
.checkbox svg {
	display: none;
	position: absolute;
	top: 3.5px;
	left: 4.5px;
}

/* line 1583, scss/component.scss */
.legend {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-column-gap: 4px;
	   -moz-column-gap: 4px;
	        column-gap: 4px;
	min-width: 61px;
}

/* line 1584, scss/component.scss */
.legendWrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

/* line 1585, scss/component.scss */
.legendWrap .legendInnerBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

/* line 1586, scss/component.scss */
.legendWrap .legendInnerBox .legendTitle {
	font-size: var(--fs13);
}

/* line 1587, scss/component.scss */
.legendWrap .legendInnerBox::after {
	content: '';
	width: 1px;
	height: 72px;
	margin-left: 5px;
	margin-right: 8px;
	background-color: var(--gray-scale10);
}

/* line 1588, scss/component.scss */
.legendWrap .legendInnerBox:last-of-type::after {
	display: none;
}

/* line 1591, scss/component.scss */
.legendInnerBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

/* line 1592, scss/component.scss */
.legendInnerBox .legendTitle {
	font-size: var(--fs12);
	font-family: var(--font-r);
	padding-bottom: 0;
	margin-bottom: 8px;
	border-bottom: 0;
}

/* line 1594, scss/component.scss */
.legendInnerBox.full {
	width: 100%;
}

/* line 1595, scss/component.scss */
.legendInnerBox.col {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}

/* line 1597, scss/component.scss */
.legendList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}

/* line 1598, scss/component.scss */
.legendList .legendItem {
	min-width: 126px;
	height: 24px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-column-gap: 2px;
	   -moz-column-gap: 2px;
	        column-gap: 2px;
}

/* line 1599, scss/component.scss */
.legendList .legendItem.full {
	width: 100%;
}

/* line 1600, scss/component.scss */
.legendList .legendItem.mwd100 {
	min-width: 100px;
}

/* line 1602, scss/component.scss */
.legendList .legendText {
	font-size: var(--fs12);
	font-family: var(--font-r);
	color: var(--gray-scale3);
}

/* line 1605, scss/component.scss */
.legendBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	row-gap: 7px;
}

/* line 1606, scss/component.scss */
.legendBox .text {
	min-width: 40px;
	font-size: var(--fs13);
	font-family: var(--font-r);
	color: var(--gray-scale2);
}

/* line 1608, scss/component.scss */
.legendBox.hasSquare .legend {
	min-width: 98px;
	max-width: calc(97%);	
	width: calc(100% / 3);
}

/* line 1610, scss/component.scss */
.legendBox.type02 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	row-gap: 16px;
}

/* line 1611, scss/component.scss */
.legendBox.type03 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	row-gap: 8px;
	-webkit-column-gap: 6px;
	   -moz-column-gap: 6px;
	        column-gap: 6px;
}

/* line 1612, scss/component.scss */
.legendBox.type03 .legendSquare {
	width: 14px;
}

/* line 1613, scss/component.scss */
.legendBox.type03 .legend {
	min-width: 91px;
	width: calc(100% / 3 - 4px);
}

/* line 1616, scss/component.scss */
.legendBox.wide .legendSquare {
	width: 60px;
}

/* line 1618, scss/component.scss */
.legendBox.half {
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-column-gap: 0;
	   -moz-column-gap: 0;
	        column-gap: 0;
}

/* line 1619, scss/component.scss */
.legendBox.half .legend {
	min-width: 178px;
	width: calc(100% / 2 - 4px);
}

/* line 1623, scss/component.scss */
.legend .svgFirstPath {
	fill: #00B09B !important;
}

/* line 1626, scss/component.scss */
.legend.yellow .svgFirstPath {
	fill: #FFB800 !important;
}

/* line 1630, scss/component.scss */
.legend.red .svgFirstPath {
	fill: var(--error) !important;
}

/* line 1633, scss/component.scss */
.legendSquare {
	width: 20px;
	height: 14px;
	border-radius: 2px;
}

/* line 1634, scss/component.scss */
.legendSquare.yellow {
	background-color: #FFE54E;
}

.legendSquare.yellow2 {
	background-color: #FFF200;
}

/* line 2600, scss/component.scss */
.legendSquare.orange {
	/* 240716 */
	background-color: #FFCD4E;
}

/* line 2604, scss/component.scss */
.legendSquare.orange2 {
	/* 240716 */
	background-color: #FFA438;
}

/* line 2608, scss/component.scss */
.legendSquare.orange3 {
	/* 240716 */
	background-color: #FF784E;
}

.legendSquare.orange4 {
	/* 240716 */
	background-color: #FF834C;
}

.legendSquare.orange5 {
	/* 240716 */
	background-color: #FFBA4C;
}

/* line 1635, scss/component.scss */
.legendSquare.green {
	background-color: #22E594;
}

.legendSquare.green2 {
	background-color: #CBFC07;
}

.legendSquare.green3 {
	background-color: #80E410;
}

.legendSquare.green4 {
	background-color: #1FBC27;
}

.legendSquare.green5 {
	background-color: #00B750;
}

.legendSquare.green6 {
	background-color: #00D091;
}

.legendSquare.green7 {
	background-color: #00B09B;
}

/* line 1636, scss/component.scss */
.legendSquare.blue {
	background-color: #81A4FF;
}

/* line 1637, scss/component.scss */
.legendSquare.sky {
	background-color: #69DBFF;
}

/* line 1638, scss/component.scss */
.legendSquare.red {
	background-color: #FF0D00;
}

/* line 2616, scss/component.scss */
.legendSquare.red2 {
	/* 240716 */
	background-color: #FA4A4A;
}

.legendSquare.red3 {
	/* 240716 */
	background-color: #830A0A;
}

.legendSquare.red4 {
	/* 240716 */
	background-color: #DF1818;
}
.legendSquare.red5 {
	/* 240716 */
	background-color: #FF4A17;
}

/* line 1639, scss/component.scss */
.legendSquare.brown01 {
	background-color: #734134;
}

/* line 1640, scss/component.scss */
.legendSquare.brown02 {
	background-color: #BE7E63;
}

/* line 1641, scss/component.scss */
.legendSquare.brown03 {
	background-color: #D8C282;
}

/* line 1642, scss/component.scss */
.legendSquare.brown04 {
	background-color: #F1EEE4;
}

.legendSquare.red6 {
	background-color: #DA1A00;
}
.legendSquare.red7 {
	background-color: #FF0D00;
}
.legendSquare.red8 {
	background-color: #FF3115;
}
.legendSquare.orange6 {
	background-color: #FF4D00;
}
.legendSquare.orange7 {
	background-color: #FF5D15;
}
.legendSquare.orange8 {
	background-color: #FA7D00;
}
.legendSquare.orange9 {
	background-color: #FF9D00;
}
.legendSquare.yellow3 {
	background-color: #FFB700;
}
.legendSquare.yellow4 {
	background-color: #FFCE00;
}
.legendSquare.yellow5 {
	background-color: #FFE200;
}
.legendSquare.yellow6 {
	background-color: #FFFC00;
}

/* line 1645, scss/component.scss */
.legendTitle {
	display: block;
	font-size: var(--fs14);
	font-family: var(--font-sb);
	color: var(--gray-scale2);
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid var(--gray-scale9);
}

/* line 1649, scss/component.scss */
.bracket {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

/* line 1650, scss/component.scss */
.bracket span {
	letter-spacing: 0;
}

/* line 1651, scss/component.scss */
.bracket::before {
	content: '(';
	margin-right: 1px;
}

/* line 1652, scss/component.scss */
.bracket::after {
	content: ')';
	margin-left: 1px;
}

/* line 1655, scss/component.scss */
.point {
	position: absolute;
	cursor: pointer;
}

/* line 1656, scss/component.scss */
.point.red {
	width: 20px;
	height: 20px;
	background-image: url("../images/ico/ico-pin-fill-red.svg");
}

/* line 1657, scss/component.scss */
.point.num {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 0 6px var(--primary1);
	        box-shadow: 0 0 0 6px var(--primary1);
	background-color: var(--gray-scale3);
}

/* line 1659, scss/component.scss */
.point.num .text {
	font-size: var(--fs16);
	font-family: var(--font-b);
	color: var(--gray-scale6);
}

/* line 1662, scss/component.scss */
.point.type02 {
	cursor: default;
	min-width: 220px;
	padding: 14px 18px;
	border-radius: 8px;
	background-color: var(--gray-scale6);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	        box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

/* line 1664, scss/component.scss */
.point.type02 .text {
	font-size: var(--fs16);
	font-family: var(--font-b);
	color: #60A8E4;
}

/* line 1668, scss/component.scss */
.imgArea {
	position: relative;
	width: 100%;
	padding-top: 48.424%;
}

/* line 1669, scss/component.scss */
.imgArea img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
/* 	-o-object-fit: cover; */
/* 	   object-fit: cover; */
}

/* line 1671, scss/component.scss */
.imgArea.bdrs img {
	border-radius: 4px;
}

/* line 1674, scss/component.scss */
.dataGraphArea {
	width: 100%;
	background-color: #ddd;
}

/* line 1677, scss/component.scss */
.sc::-webkit-scrollbar-thumb {
	background-color: #808083;
}

/* line 1681, scss/component.scss */
.infoText.fontSb {
	font-family: var(--font-sb);
}

/* line 1682, scss/component.scss */
.infoText.fontR {
	font-family: var(--font-r);
}

/* line 1683, scss/component.scss */
.infoText.fontM {
	font-family: var(--font-m);
}

/* line 1684, scss/component.scss */
.infoText.fs13 {
	font-size: var(--fs13);
}

/* line 1685, scss/component.scss */
.infoText.fs14 {
	font-size: var(--fs14);
}

/* line 1686, scss/component.scss */
.infoText.c111 {
	color: var(--gray-scale2);
}

/* line 1690, scss/component.scss */
.rowElementList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	row-gap: 6px;
}

/* line 1691, scss/component.scss */
.rowElementItem {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

/* line 1692, scss/component.scss */
.rowElementBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-column-gap: 6px;
	   -moz-column-gap: 6px;
	        column-gap: 6px;
}

/* line 1694, scss/component.scss */
.rowElementBox .svgBox + .infoText {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	min-width: 50px;
}

/* line 1695, scss/component.scss */
.rowElementBox .svgBox + .infoText::after {
	content: '';
	width: 1px;
	height: 12px;
	margin-right: 6px;
	background-color: var(--gray-scale9);
}

/* line 1701, scss/component.scss */
.colorBox {
	width: 100%;
	height: 22.5px;
}

/* line 1702, scss/component.scss */
.colorBox .text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	width: 100%;
	height: 100%;
	font-size: var(--fs13);
	font-family: var(--font-r);
	color: var(--gray-scale2);
}

/* line 1704, scss/component.scss */
.colorBox:first-of-type {
	border-radius: 2px 2px 0 0;
}

/* line 1705, scss/component.scss */
.colorBox:last-of-type {
	border-radius: 0 0 2px 2px;
}

/* line 1706, scss/component.scss */
.colorBox.red {
	background-color: #FF6767;
}

/* line 2808, scss/component.scss */
.colorBox.red2 {
	/* 240807 */
	background-color: #FF263C;
}

/* line 1707, scss/component.scss */
.colorBox.yellow {
	background-color: #FFE54E;
}

/* line 2813, scss/component.scss */
.colorBox.yellow2 {
	/* 240807 */
	background-color: #FFB800;
}

/* line 1708, scss/component.scss */
.colorBox.green {
	background-color: #22E594;
}

/* line 2818, scss/component.scss */
.colorBox.green2 {
	/* 240807 */
	background-color: #00B09B;
}

/* line 1709, scss/component.scss */
.colorBox.sky {
	background-color: #69DBFF;
}

/* line 1710, scss/component.scss */
.colorBox.blue {
	background-color: #81A4FF;
}

/* line 2824, scss/component.scss */
.colorBox.orange {
	/* 240807 */
	background-color: #FF7A00;
}

/* line 1713, scss/component.scss 
.colorBox.type02:first-of-type {
	border-radius: 8px 8px 0 0;
}*/

/* line 1714, scss/component.scss
.colorBox.type02:last-of-type {
	border-radius: 0 0 8px 8px;
} */

/* line 2834, scss/component.scss */
.colorBox.type03 {
	/* 240807 */
	border-radius: 8px;
	padding: 0 5px;
	height: 24px;
	min-width: 50px;
}

/* line 2841, scss/component.scss */
.colorBox.type03:first-of-type, .colorBox.type03:last-of-type {
	/* 240807 */
	border-radius: 8px;
}

/* line 2846, scss/component.scss */
.colorBox.type03 .text {
	/* 240807 */
	color: var(--gray-scale6);
	font-family: var(--font-sb);
}

/* line 1718, scss/component.scss */
.colorBox.brown.c01 {
	background-color: #734134;
}

/* line 1719, scss/component.scss */
.colorBox.brown.c02 {
	background-color: #BE7E63;
}

/* line 1720, scss/component.scss */
.colorBox.brown.c03 {
	background-color: #D8C282;
}

/* line 1721, scss/component.scss */
.colorBox.brown.c04 {
	background-color: #F1EEE4;
}

/* line 1722, scss/component.scss */
.colorBox.brown.c04 .text {
	color: var(--gray-scale3);
}

/* line 1724, scss/component.scss */
.colorBox.brown .text {
	font-size: var(--fs12);
	font-family: var(--font-sb);
	color: var(--gray-scale6);
}

/* line 1729, scss/component.scss */
.colorBoxWrap.type02 .colorBox {
	height: 17.5px;
}

/* line 1730, scss/component.scss */
.colorBoxWrap.type02 .text {
	font-size: var(--fs12);
}

/* line 1735, scss/component.scss */
.noticeBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

/* line 1737, scss/component.scss */
.switchButtonArea {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	border-radius: 6px;
	padding: 2px;
	background-color: var(--gray-scale10);
}

/* line 1738, scss/component.scss */
.switchButtonArea .btnSwitch {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-column-gap: 4px;
	   -moz-column-gap: 4px;
	        column-gap: 4px;
	min-width: 78px;
	height: 28px;
	border-radius: 4px;
	background-color: transparent;
	border: 1px solid transparent;
	padding: 0 8px;
}

/* line 1740, scss/component.scss */
.switchButtonArea .btnSwitchText {
	font-size: var(--fs13);
	font-family: var(--font-m);
	color: var(--gray-scale3);
}

/* line 1741, scss/component.scss */
.switchButtonArea .btnSwitch.active {
	border-color: var(--primary2);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
	        box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
	background-color: var(--primary1);
}

/* line 1743, scss/component.scss */
.switchButtonArea .btnSwitch.active svg path {
	fill: var(--gray-scale6);
}

/* line 1744, scss/component.scss */
.switchButtonArea .btnSwitch.active .btnSwitchText {
	color: var(--gray-scale6);
	font-family: var(--font-sb);
}

/* btnCheckboxSwitch 추가 */
.switchButtonArea .btnCheckboxSwitch {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-column-gap: 4px;
	   -moz-column-gap: 4px;
	        column-gap: 4px;
	min-width: 78px;
	height: 28px;
	border-radius: 4px;
	background-color: transparent;
	border: 1px solid transparent;
	margin: 0px 1px 0px 1px;
	padding: 0 8px;
}

/* line 1740, scss/component.scss */
.switchButtonArea .btnCheckboxSwitch {
	font-size: var(--fs13);
	font-family: var(--font-m);
	color: var(--gray-scale3);
}

/* line 1741, scss/component.scss */
.switchButtonArea .btnCheckboxSwitch.right.active {
	border-color: var(--buttonRight2);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
	        box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
	background-color: var(--buttonRight1);
}

/* line 1741, scss/component.scss */
.switchButtonArea .btnCheckboxSwitch.active {
	border-color: var(--primary2);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
	        box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
	background-color: var(--primary1);
}

/* line 1743, scss/component.scss */
.switchButtonArea .btnCheckboxSwitch.active svg path {
	fill: var(--gray-scale6);
}

/* line 1744, scss/component.scss */
.switchButtonArea .btnCheckboxSwitch.active .btnSwitchText {
	color: var(--gray-scale6);
	font-family: var(--font-sb);
}
/* 끝 */
/* line 1748, scss/component.scss */
.switchButtonArea.type02 {
	border-radius: 20px;
	padding: 0;
	border: 1px solid var(--gray-scale9);
	background-color: var(--gray-scale6);
}

/* line 1750, scss/component.scss */
.switchButtonArea.type02 .switchButtonInner {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

/* line 1752, scss/component.scss */
.switchButtonArea.type02 .shape {
	position: absolute;
	top: -1px;
	left: -1px;
	z-index: 0;
	width: 58px;
	height: 36px;
	border: 1px solid var(--secondary2);
	border-radius: 20px;
	background-color: var(--secondary1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
	        box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

/* line 1756, scss/component.scss */
.switchButtonArea.type02 .btnSwitch {
	position: relative;
	z-index: 10;
	-webkit-column-gap: 0;
	   -moz-column-gap: 0;
	        column-gap: 0;
	min-width: 58px;
	height: 34px;
	border-radius: 0;
	border: 0;
	padding: 0;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

/* line 1758, scss/component.scss */
.switchButtonArea.type02 .btnSwitchText {
	font-size: var(--fs14);
	font-family: var(--font-sb);
	color: var(--gray-scale4);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

/* line 1759, scss/component.scss */
.switchButtonArea.type02 .btnSwitch.active {
	border-color: transparent;
	-webkit-box-shadow: none;
	        box-shadow: none;
	background-color: transparent;
}

/* line 1760, scss/component.scss */
.switchButtonArea.type02 .btnSwitch.active .btnSwitchText {
	color: var(--gray-scale6);
}

/* line 1765, scss/component.scss */
.switchButtonArea.type02 .btnSwitch:first-of-type.active ~ .shape {
	left: -1px;
}

/* line 1771, scss/component.scss */
.switchButtonArea.type02 .btnSwitch:last-of-type.active ~ .shape {
	left: 59px;
}


/* 231220 */
/* line 2162, scss/component.scss */
.bubble {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	position: absolute;
	top: -14px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
	height: 18px;
	padding: 0 4px;
	border-radius: 20px;
	font-size: var(--fs12);
	font-family: var(--font-sb);
	color: var(--gray-scale6);
	background-color: var(--error);
	white-space: nowrap;
}

/* line 2165, scss/component.scss */
.bubble::after {
	content: '';
	position: absolute;
	bottom: -4px;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 7px solid var(--error);
}

/* line 3026, scss/component.scss */
.bubble.pos1 {
	/* 240716 */
	top: -26px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
}

/* line 1779, scss/component.scss */
.graphResultWrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-column-gap: 5px;
	   -moz-column-gap: 5px;
	        column-gap: 5px;
}

/* line 1780, scss/component.scss */
.graphResultBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	width: 100%;
	height: 30px;
	padding: 0 8px;
	border-radius: 4px;
	border: 1px solid #B2C3FF;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
	        box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
	background-color: var(--gray-scale6);
}

/* line 1783, scss/component.scss */
.graphResultBox.green {
	border-color: #99DBCE;
}

/* line 1784, scss/component.scss */
.graphResultBox.green .graphResultText::after {
	background-color: #CAF2EB;
}

/* line 1787, scss/component.scss */
.graphResultText {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	font-size: var(--fs12);
	font-family: var(--font-sb);
	color: var(--gray-scale3);
}

/* line 1788, scss/component.scss */
.graphResultText:last-of-type::after {
	display: none;
}

/* line 1789, scss/component.scss */
.graphResultText::after {
	content: '';
	width: 1px;
	height: 12px;
	margin: 0 5px;
	background-color: #D6DFFF;
}

/* line 1790, scss/component.scss */
.graphResultText.fs13 {
	font-size: var(--fs13);
}

/* line 1791, scss/component.scss */
.graphResultText.blue {
	color: #4262D2;
}

/* line 1792, scss/component.scss */
.graphResultText.green {
	color: #1A9C83;
    flex-direction: column;
    align-items: start;
}

.graphRegendBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	min-width: 120px;
	width: 100%;
	height: 40px;
	padding: 0 8px;
	border-radius: 4px;
	border: 1px solid #B2C3FF;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
	        box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
	background-color: var(--gray-scale6);
}

/* line 1797, scss/component.scss */
.innerButtonList {
	display: none;
	position: absolute;
	top: 50px;
	right: 5px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	border-radius: 8px;
	z-index: 10;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
	        box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
	background-color: var(--gray-scale6);
	padding: 8px 5px;
}

/* line 1799, scss/component.scss */
.innerButtonList::before {
	content: '';
	position: absolute;
	top: -7px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 8px solid var(--gray-scale6);
}

/* line 1802, scss/component.scss */
.innerButtonList.active {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

/* line 1804, scss/component.scss */
.innerButtonItem {
	width: 38px;
	height: 42px;
	border-radius: 6px;
	position:relative;
}

/* line 1805, scss/component.scss */
.innerButtonItem.active {
	background-color: var(--secondary1);
}

/* line 1806, scss/component.scss */
.innerButtonItem.active .innerButtonText {
	color: var(--gray-scale6);
	font-weight: 600;
}

/* line 1807, scss/component.scss */
.innerButtonItem.active .ico.human {
	background-image: url("../images/ico/ico-human-active.svg");
}
/* line 1807, scss/component.scss */
.innerButtonItem.active .ico.house {
	background-image: url("../images/ico/ico-house-active.svg");
}
.innerButtonItem.active .ico.family {
	background-image: url("../images/ico/ico-house-light-active.svg");
}

/* line 1962, scss/component.scss */
.innerButtonItem.active .innerButtonElement .ico.company {
	background-image: url("../images/ico/ico-company-w.svg");
}

/* 231226 */
/* line 2083, scss/component.scss */
.helpText.markerItemList {
	width: calc(100% - 24px);
	top: 43px;
	row-gap: 8px;
	margin-top: 0;
	padding: 14px;
}

/* line 2084, scss/component.scss */
.helpText.markerItemList .markerItem {
	height: auto;
	-webkit-column-gap: 4px;
	   -moz-column-gap: 4px;
	        column-gap: 4px;
}

/* line 2085, scss/component.scss */
.helpText.markerItemList .markerItem .strong {
	position: relative;
	padding-left: 10px;
	font-family: var(--font-sb);
}

/* line 2086, scss/component.scss */
.helpText.markerItemList .markerItem .markerItemText {
	font-family: var(--font-r);
	padding-left: 0;
	word-break: keep-all;
}

/* line 2087, scss/component.scss */
.helpText.markerItemList .markerItem .markerItemText.marker {
	padding-left: 10px;
}

/* line 2088, scss/component.scss */
.helpText.markerItemList .markerItem .markerItemText .blue {
	color: var(--primary2);
}

/* line 2090, scss/component.scss */
.helpText.markerItemList .markerItem .strong, .helpText.markerItemList .markerItem .markerItemText {
	font-size: var(--fs13);
	color: var(--gray-scale1);
}

/* line 2092, scss/component.scss */
.helpText.markerItemList .marker::before {
	top: 5px;
}

/* line 2094, scss/component.scss */
.helpText.markerItemList.noGap {
	row-gap: 0;
}

/* line 2095, scss/component.scss */
.helpText.markerItemList.noGap .markerItem {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}

/* line 2096, scss/component.scss */
.helpText.markerItemList.noGap .markerRow {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

/* line 2097, scss/component.scss */
.helpText.markerItemList.noGap .strong {
	padding-left: 0;
}

/* line 2143, scss/component.scss */
.helpText.parentTool {
	/* 240104 */
	opacity: 0;
	visibility: hidden;
	position: absolute;
	right: 70px;
	top: 0;
	width: auto;
	min-width: 360px;
	text-align: left;
	border-radius: 8px;
	background-color: #fff;
	cursor: default;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	padding: 16px;
	-webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2);
	        box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.2);
	z-index: -1;
}

/* line 2104, scss/component.scss */
.helpText.parentTool .marker {
	position: relative;
	padding-left: 10px;
}

/* line 2149, scss/component.scss */
.helpText.parentTool .markerItem {
	/* 240104 */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
}

/* line 2159, scss/component.scss */
.helpText.parentTool .helpTitle {
	/* 240104 */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-column-gap: 5px;
	   -moz-column-gap: 5px;
	        column-gap: 5px;
	margin-bottom: 12px;
}

/* line 2167, scss/component.scss */
.helpText.parentTool .helpTitleText {
	/* 240104 */
	font-size: var(--fs18);
	font-family: var(--font-b);
	color: var(--gray-scale1);
}

/* line 2106, scss/component.scss */
.helpText.parentTool .markerItem .markerItemText {
	/* 240104 */
	display: block;
	word-break: break-all;
	font-size: var(--fs14);
	font-family: var(--font-m);
	color: var(--gray-scale3);
}

/* line 2110, scss/component.scss */
.helpText.parentTool .colorType {
	margin: 0 2px;
	font-family: 'pre Bold';
	/* 240117 */
	word-break: keep-all;
}

/* line 2112, scss/component.scss */
.helpText.parentTool.active {
	opacity: 1;
	visibility: visible;
	z-index: 100;
}

/* line 2163, scss/component.scss */
.helpText.parentTool .helpTitle .svg {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-radius: 4px;
	padding: 3px;
	background-color: var(--primary2);
}

/* line 2114, scss/component.scss */
.helpText.parentTool::after {
	content: '';
	position: absolute;
	top: 17px;
	right: -10px;
	width: 0;
	height: 0;
	-webkit-transform: rotate(-45deg);
	        transform: rotate(-45deg);
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid var(--gray-scale6);
}

/* line 3086, scss/component.scss */
.helpText.heatwave .table.type01 .cellText {
	/* 240807 */
	word-break: keep-all;
}

/* line 3092, scss/component.scss */
.helpText.heatwave .table.type01 th .cellText {
	/* 240807 */
	line-height: 17px;
}

/* line 3099, scss/component.scss */
.helpText.heatwave .table.type01 td .cellBox {
	/* 240807 */
	border-left: 1px solid var(--gray-scale8);
}

/* line 3104, scss/component.scss */
.helpText.heatwave .table.type01 td .cellText::before, .helpText.heatwave .table.type01 td button::before {
	/* 240807 */
	display: none;
}

/* --- 231226 --- */

/* line 1808, scss/component.scss */
.innerButtonItem.active svg path {
	fill: var(--gray-scale6);
}

/* line 1967, scss/component.scss */
.innerButtonItem.active .innerButtonDepthList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

/* line 1811, scss/component.scss */
.innerButtonElement {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

/* line 1812, scss/component.scss */
.innerButtonText {
	font-size: var(--fs12);
	font-family: var(--font-m);
	color: var(--gray-scale3);
	margin-top: 4px;
}


/* line 1974, scss/component.scss */
.innerButtonDepthList {
	display: none;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
	right: 50px;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-column-gap: 5px;
	   -moz-column-gap: 5px;
	        column-gap: 5px;
	padding: 4px;
	border-radius: 6px;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
	        box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
	background-color: var(--gray-scale6);
}

/* line 1977, scss/component.scss */
.innerButtonDepthList .innerButtonDepthItem svg path {
	fill: var(--gray-scale3);
}

/* line 1980, scss/component.scss */
.innerButtonDepthItem {
	min-width: 74px;
	height: 46px;
	border: 1px solid var(--gray-scale9);
	border-radius: 6px;
}

/* line 1982, scss/component.scss */
.innerButtonDepthItem button {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
	row-gap: 4px;
	min-width: 100%;
	height: 100%;
}

/* line 1983, scss/component.scss */
.innerButtonDepthItem.active {
	border-color: #CAA6FF;
}

/* line 1984, scss/component.scss */
.innerButtonDepthItem.active svg path {
	fill: var(--secondary2);
}

/* line 1985, scss/component.scss */
.innerButtonDepthItem.active .innerButtonDepthText {
	font-weight: 600;
	color: var(--secondary2);
}

/* line 1987, scss/component.scss */
.innerButtonDepthItem.active.human01 .human01 {
	background-image: url("../images/ico/ico-human01-active.svg");
}

/* line 1988, scss/component.scss */
.innerButtonDepthItem.active.human02 .human02 {
	background-image: url("../images/ico/ico-human02-active.svg");
}

/* line 1989, scss/component.scss */
.innerButtonDepthItem.active.human03 .human03 {
	background-image: url("../images/ico/ico-human03-active.svg");
}

/* line 1990, scss/component.scss */
.innerButtonDepthItem.active.house01 .house01 {
	background-image: url("../images/ico/ico-house01-active.svg");
}

/* line 1991, scss/component.scss */
.innerButtonDepthItem.active.house02 .house02 {
	background-image: url("../images/ico/ico-house02-active.svg");
}

/* line 1992, scss/component.scss */
.innerButtonDepthItem.active.house03 .house03 {
	background-image: url("../images/ico/ico-house03-active.svg");
}

/* line 1993, scss/component.scss */
.innerButtonDepthItem.active.business .business {
	background-image: url("../images/ico/ico-business-ight-active.svg");
}

/* line 1994, scss/component.scss */
.innerButtonDepthItem.active.company .company {
	background-image: url("../images/ico/ico-company-active.svg");
}

/* line 1997, scss/component.scss */
.innerButtonDepthText {
	font-size: var(--fs12);
	font-family: var(--font-r);
	color: var(--gray-scale3);
	padding: 0 4px 4px 4px;
}


/* line 1815, scss/component.scss */
.guideWrap {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	bottom: 0;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	z-index: 11200;
}

/* line 1817, scss/component.scss */
.guideWrap .btnGuideClose {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
	bottom: 0;
	margin-bottom: 100px;
}

/* line 1819, scss/component.scss */
.guideWrap.index01 {
	background-image: url("../images/common/bg/img-admin-guide01.png");
}

/* line 1820, scss/component.scss */
.guideWrap.index02 {
	background-image: url("../images/common/bg/img-admin-guide02.png");
}

/* line 1821, scss/component.scss */
.guideWrap.index03 {
	background-image: url("../images/common/bg/img-admin-guide03.png");
}

/* line 1822, scss/component.scss */
.guideWrap.index04 {
	background-image: url("../images/common/bg/img-admin-guide04.png");
}

/* line 1822, scss/component.scss */
.guideWrap.index10 {
	background-image: url("../images/common/bg/img-admin-guide10.png");
}

.guideWrap.index01.publ {
	background-image: url("../images/common/bg/img-public-guide01.png");
}

/* line 1820, scss/component.scss */
.guideWrap.index02.publ {
	background-image: url("../images/common/bg/img-public-guide02.png");
}

/* line 1821, scss/component.scss */
.guideWrap.index03.publ {
	background-image: url("../images/common/bg/img-public-guide03.png");
}

/* line 1822, scss/component.scss */
.guideWrap.index04.publ {
	background-image: url("../images/common/bg/img-public-guide04.png");
}

/* line 1822, scss/component.scss */
.guideWrap.index10.publ {
	background-image: url("../images/common/bg/img-public-guide10.png");
}

/* line 1824, scss/component.scss */
.guideWrap.hide {
	display: none;
}

/* line 2172, scss/component.scss */
.btnHelp ~ .helpText {
	/* 240110 */
	opacity: 0;
	visibility: hidden;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	padding: 16px;
	margin-top: 12px;
	width: 100%;
	position: absolute;
	left: 50%;
	top: 20px;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
	text-align: left;
	font-size: var(--fs13);
	font-family: var(--font-m);
	color: var(--gray-scale3);
	word-break: keep-all;
	border: 1px solid var(--primary3);
	border-radius: 8px;
	background-color: var(--gray-scale6);
	cursor: default;
	z-index: 10001;
	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
	        box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
}

/* line 2181, scss/component.scss */
.btnHelp.active ~ .helpText {
	/* 240110 */
	opacity: 1;
	visibility: visible;
}

/* line 2207, scss/component.scss */
.helpText.markerItemList.active {
	/* 240110 */
	opacity: 1;
	visibility: visible;
}

/* line 1837, scss/component.scss */
.btnHelp.none {
	display: none;
}

/* 231226 그래프 범례 style 여기부터 */
/* line 769, scss/component.scss */
.popup.dataBoard .rowBox.type04 .graphLegendList {
	width: calc(100% - 1px);
	min-height: 48px;
	border-color: var(--gray-scale10);
	-webkit-box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.15);
	        box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.15);
}

/* line 2208, scss/component.scss */
.graphLegendList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	gap: 8px;
	padding: 5px 8px;
	border: 1px solid var(--bg5);
	border-radius: 4px;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
	        box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
	background-color: var(--gray-scale6);
}

/* line 2211, scss/component.scss */
.graphLegendList.ml {
	margin-left: 0.5px;
}

/* line 2213, scss/component.scss */
.graphLegendText {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-column-gap: 2px;
	   -moz-column-gap: 2px;
	        column-gap: 2px;
	font-size: var(--fs12);
	font-family: var(--font-r);
	color: var(--gray-scale3);
}

/* line 2214, scss/component.scss */
.graphLegendText::before {
	content: '';
	width: 10px;
	height: 10px;
	border-radius: 50%;
}

/* line 2215, scss/component.scss */
.graphLegendText.blue::before {
	background-color: #6D96FF;
}

/* line 2216, scss/component.scss */
.graphLegendText.blue2::before {
	background-color: #4C74FD;
}

/* line 2217, scss/component.scss */
.graphLegendText.green::before {
	background-color: #4ACDB4;
}

/* line 2218, scss/component.scss */
.graphLegendText.green2::before {
	background-color: #01CBA5;
}

/* line 2219, scss/component.scss */
.graphLegendText.green3::before {
	background-color: #76E4CF;
}

/* line 2220, scss/component.scss */
.graphLegendText.purple::before {
	background-color: #AE77FF;
}

/* line 2221, scss/component.scss */
.graphLegendText.purple2::before {
	background-color: var(--secondary1);
}

/* line 2222, scss/component.scss */
.graphLegendText.orange::before {
	background-color: #F88F5A;
}

/* line 2223, scss/component.scss */
.graphLegendText.orange2::before {
	background-color: #FF8648;
}

/* line 2224, scss/component.scss */
.graphLegendText.gray::before {
	background-color: #D6DFEE;
}

/* line 2225, scss/component.scss */
.graphLegendText.yellow::before {
	background-color: #FFD646;
}

/* line 2691, scss/component.scss */
.descriptionBox {
	/* 240122 */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-column-gap: 4px;
	   -moz-column-gap: 4px;
	        column-gap: 4px;
}

/* line 2695, scss/component.scss */
.descriptionBox.abs {
	/* 240122 */
	position: relative;
}

/* line 2698, scss/component.scss */
.descriptionBox.abs .ico {
	/* 240122 */
	position: absolute;
	left: 0;
	top: 0.5px;
}

/* line 2703, scss/component.scss */
.descriptionBox.abs .popupDescription {
	/* 240122 */
	padding-left: 16px;
}

/* line 2709, scss/component.scss */
.descriptionBox .popupDescription {
	/* 240118 */
	padding-left: 0;
}

/* line 2712, scss/component.scss */
.descriptionBox .popupDescription::before {
	/* 240118 */
	display: none;
}

/* line 2718, scss/component.scss */
.descriptionBox.hasLink {
	/* 240118 */
	padding-left: 0;
}

/* line 2721, scss/component.scss */
.descriptionBox.hasLink .popupDescription {
	/* 240118 */
	font-size: var(--fs13);
	font-family: var(--font-sb);
}

/* line 2727, scss/component.scss */
.descriptionBox.type02 {
	/* 240118 */
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}

/* line 2742, scss/component.scss */
.hasBackground img {
	/* 240118 양쪽 패딩값 만큼 max-width 조정 946 => 978 (이미지 기본 크기가 946x571) */
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
	max-width: 978px;
	padding: 0 16px;
}

/* line 2730, scss/component.scss */
.descriptionBox.type02 .popupDescription {
	/* 240118 */
	font-size: var(--fs13);
	font-family: var(--font-sb);
	color: var(--gray-scale3);
}

/* line 2737, scss/component.scss */
.hasBackground {
	/* 240118 */
	position: relative;
	border-radius: 8px;
	background-color: var(--bg3);
	min-height: inherit;
	max-height: inherit;
}

.graphLegendText.legend1::before {
	background-color: #3f68ee;
}
.graphLegendText.legend2::before {
	background-color: #6489ff;
}
.graphLegendText.legend3::before {
	background-color: #a1c1ff;
}
.graphLegendText.legend4::before {
	background-color: #8fcfe1;
}
.graphLegendText.legend5::before {
	background-color: #aa91ea;
}
/* --- 231226 여기까지 --- */

/* line 1854, scss/component.scss */
.helpText.markerItemList.noGap .markerRow {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

/* line 1855, scss/component.scss */
.helpText.markerItemList.noGap .strong {
	padding-left: 0;
}

/* swiper custom */
/* line 1861, scss/component.scss */
.swiper1 {
	overflow: hidden;
	padding: 12.5px 8px 12.5px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-column-gap: 8px;
	   -moz-column-gap: 8px;
	        column-gap: 8px;
}

/* line 1862, scss/component.scss */
.swiper1 .swiper-slide {
	width: 232px;
}

/* line 1865, scss/component.scss */
.swiper2 {
	overflow: hidden;
	height: 100%;
}

/* line 1866, scss/component.scss */
.swiper2 .swiper-pagination {
	position: static;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin: 10px 0;
}

/* line 1867, scss/component.scss */
.swiper2 .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	margin: 0 !important;
	background-color: var(--gray-scale7);
	opacity: 1;
}

/* line 1868, scss/component.scss */
.swiper2 .swiper-pagination-bullet-active {
	background-color: var(--secondary1);
}

/* line 1869, scss/component.scss */
.swiper2 .swiper-pagination-bullet + .swiper-pagination-bullet {
	margin-left: 12px !important;
}

/* line 1873, scss/component.scss */
.swiper2 [class*="swiper-button"] {
	width: 16px;
	height: 16px;
	margin-top: 0;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 16px;
}

/* line 1875, scss/component.scss */
.swiper2 [class*="swiper-button"]::before, .swiper2 [class*="swiper-button"]::after {
	display: none;
}

/* line 1879, scss/component.scss */
.swiper2 .swiper-button-prev {
	left: 6px;
	background-image: url("../images/ico/ico-swipe-prev.svg");
}

/* line 1880, scss/component.scss */
.swiper2 .swiper-button-next {
	right: 6px;
	background-image: url("../images/ico/ico-swipe-next.svg");
}

/* line 3211, scss/component.scss */
.swiper3 {
	/* 240724 */
	height: 100%;
}

/* line 3215, scss/component.scss */
.swiper3 .swiper-pagination {
	/* 240724 */
	bottom: 0;
}

/* line 3220, scss/component.scss */
.swiper3 .swiper-pagination-bullet-active {
	/* 240724 */
	background: var(--primary1);
}

/* line 3225, scss/component.scss */
.swiper3 .elementRowList {
	/* 240724 */
	padding-bottom: 30px;
}

/* line 3230, scss/component.scss */
.swiper3.swiper-container-android {
	/* 240724 */
	max-width: calc(100vw - 81px);
}

.pyeom.swiper-button-prev,
.pyeom.swiper-button-next {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.pyeom.swiper-button-prev.swiper-button-disabled,
.pyeom.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.pyeom.swiper-button-prev:after,
.pyeom.swiper-button-next:after {
  font-family: swiper-icons;
  font-size: 15px;
  font-weight: bold;
}
.pyeom.swiper-button-prev,
.pyeom.swiper-container-rtl .swiper-button-next {
  left: 47%;
  top: 99%;
  right: auto;
}
.pyeom.swiper-button-prev:after,
.pyeom.swiper-container-rtl .swiper-button-next:after {
  content: 'prev';
}
.pyeom.swiper-button-next,
.pyeom.swiper-container-rtl .swiper-button-prev {
  right: 47%;
  top: 99%;
  left: auto;
}
.pyeom.swiper-button-next:after,
.pyeom.swiper-container-rtl .swiper-button-prev:after {
  content: 'next';
}

/* line 3161, scss/component.scss */
.bottombarArea {
	/* 240716 */
	position: absolute;
	right: 8px;
	bottom: 13px;
}

/* line 3168, scss/component.scss */
.bottombarInner {
	/* 240716 */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-column-gap: 8px;
	   -moz-column-gap: 8px;
	        column-gap: 8px;
}

/* line 3175, scss/component.scss */
.bottombarButtonGroup .bottombarButton {
	/* 240716 */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	font-size: var(--fs13);
	font-family: var(--font-sb);
	color: var(--gray-scale3);
	padding: 10px 12px;
	-webkit-column-gap: 5px;
	   -moz-column-gap: 5px;
	        column-gap: 5px;
	border-radius: 4px;
	-webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.16);
	        box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.16);
	background-color: var(--gray-scale6);
}

/* line 3185, scss/component.scss */
.bottombarButtonGroup .bottombarButton svg path {
	/* 240716 */
	fill: var(--gray-scale4);
}

/* line 3192, scss/component.scss */
.yearGroup {
	/* 240716 */
	height: 27px;
}

/* line 3197, scss/component.scss */
.yearList {
	/* 240716*/
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-top: 6px;
	-webkit-column-gap: 32px;
	   -moz-column-gap: 32px;
	        column-gap: 32px;
	height: 100%;
}

/* line 3205, scss/component.scss */
.yearItem {
	/* 240716 */
	margin-right:5.3%;
	position: relative;
}

/* line 3209, scss/component.scss */
.yearItem::after {
	/* 240716 */
	content: '';
	position: absolute;
	left: 16px;
	top: -9px;
	width: calc(100% + 48px);
	height: 4px;
	background-color: #f5636352;
}

/* line 3220, scss/component.scss */
.yearItem:last-of-type::after {
	/* 240716 */
	display: none;
}

/* line 3226, scss/component.scss */
.yearItem.active::after {
	/* 240716 */
	/*background-color: var(--secondary1);*/
/* 	background-color: red; */
}

/* line 3230, scss/component.scss */
.yearItem.active .yearItemText::before {
	/* 240716 */
	/*background-color: var(--secondary1);*/
	background-color: red;
}



/* line 3230, scss/component.scss */
.yearItem.active2 .yearItemText::before {
	/* 240716 */
	background-color: red;
}


/* line 3235, scss/component.scss */
/* .yearItem.active + .yearItem .yearItemText::before { */
/* 	/* 240716 */ */
/* 	background-color: var(--secondary1); */
/* } */

.yearItem.active + .yearItem .yearItemText::after {
	/* 240716 */
	background-color: var(--secondary1);
}

/* line 3242, scss/component.scss */
.yearItemText {
	/* 240716 */
	position: relative;
	display: block;
	margin-top: auto;
	/*mng_s 20250529 이진호 font-size 및 family 수정*/
	/*font-size: var(--fs11);*/
	/*font-family: var(--font-r);*/
	font-size: var(--fs14);
	font-family: var(--font-m);
	color: var(--gray-scale3);
}

/* line 3249, scss/component.scss */
.yearItemText::before, .yearItemText::after {
	/* 240716 */
	content: '';
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
	border-radius: 50%;
}

/* line 3258, scss/component.scss */
.yearItemText::before {
	/* 240716 */
	top: -12px;
	z-index: 10;
	width: 10px;
	height: 10px;
	background-color: #636771;
}

/* line 3267, scss/component.scss */
.yearItemText::after {
	/* 240716 */
	top: -9px;
	z-index: 20;
	width: 4px;
	height: 4px;
	background-color: #fff;
}

/* line 3277, scss/component.scss */
.bottombarGroup {
	/* 240716 */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-column-gap: 12px;
	   -moz-column-gap: 12px;
	        column-gap: 12px;
	padding: 7.5px 12px;
	border-radius: 4px;
	-webkit-box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.16);
	        box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.16);
	background-color: var(--gray-scale6);
}

/* line 3287, scss/component.scss */
.bottombarButton {
	/* 240716 */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-transition: background-color .3s ease-in-out;
	transition: background-color .3s ease-in-out;
}

/* line 3292, scss/component.scss */
.bottombarButton svg path, .bottombarButton .bottombarButtonText {
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	-webkit-transition-property: fill, color;
	transition-property: fill, color;
}

/* line 3297, scss/component.scss */
.bottombarButton.play {
	/* 240716 */
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: var(--gray-scale4);
}

/* line 3304, scss/component.scss */
.bottombarButton.play svg {
	/* 240716 */
	margin-left: 1px;
}

/* line 3308, scss/component.scss */
.bottombarButton.play svg path {
	/* 240716 */
	fill: var(--gray-scale6);
}

/* line 3315, scss/component.scss */
.bottombarButton.download {
	/* 240716 */
	padding: 4px;
	border-radius: 50%;
}

/* line 3320, scss/component.scss */
.bottombarButton.download svg {
	/* 240716 */
	width: 16px;
	height: 16px;
}

/* line 3325, scss/component.scss */
.bottombarButton.download svg path {
	/* 240716 */
	fill: var(--gray-scale3);
}

/* line 3334, scss/component.scss */
.bottombarButtonArea.last {
	/* 240716 */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

/* line 3338, scss/component.scss */
.bottombarButtonArea.last::before {
	/* 240716 */
	content: '';
	width: 1px;
	height: 16px;
	margin-right: calc(12px - 4px);
	background-color: var(--gray-scale9);
}



/* 20231213 __ css 추가 JSH */
/* 공통 
#root{position: absolute; width:100%; height:100%;  overflow: hidden;}
.popup .inner{width:100%; height:100%;}
.table {height:100%; max-height:none !important; min-height:auto !important;}
.popup .table::-webkit-scrollbar{display: block !important; width:5px !important; background:transparent;}
.popup .table::-webkit-scrollbar-thumb{background:#ccc; border-radius: 100px;}
.popup.wd320{max-width:none !important;}
*/


/* 태풍 
/* .typhoon{overflow: hidden;} 
.typhoon .popupCont{height:calc(100% - 112px);}
.typhoon .tabWrap{height:100% !important;}
.typhoon .tabContWrap{height:100% !important;}
.typhoon .tabContWrap .tabCont{height:100% !important;}
.typhoon .sectionContainer{height:100% !important;}
.typhoon .sectionContainer section:nth-child(2){height:calc(100% - 63px); display: flex; flex-direction: column;}
.typhoon .tableWrap{height:calc(100% - 54px);}
.typhoon [data-active-tab="tab2"] section:nth-child(2){height:calc(100% - 156px);}
.typhoon [data-active-tab="tab2"] .table{height:calc(100% - 24px) !important; overflow-y: scroll;}
.typhoon .popupTitleText{display: flex; align-items: center; gap:5px;}
*/

/* 홍수 
/* .flood{overflow: hidden;} 
.flood .popupCont{height:calc(100% - 112px);}
.flood .tabWrap{height:100% !important;}
.flood .tabContWrap{height:100% !important;}
.flood .tabContWrap .tabCont{height:100% !important;}
.flood .sectionContainer{height:100% !important;}
.flood .sectionContainer section:nth-child(2){height:calc(100% - 63px); display: flex; flex-direction: column;}
.flood .tableWrap{height:calc(100% - 54px);}
.flood .sectionContainer .tabWrap{height:calc(100% - 34px) !important;}
.flood [data-active-tab="tab2"] .sectionContainer{display: flex; flex-direction: column;}
.flood [data-active-tab="tab2"] .sectionContainer .sectionGroup:nth-child(2){height:calc(100% - 156px) !important; display: flex; flex-direction: column;}
.flood [data-active-tab="tab2"] .tableWrap{display: flex; flex-direction: column;}
.flood [data-active-tab="tab2"] .table{height:calc(100% - 16px) !important; overflow-y: scroll;}
.flood [data-active-tab="tab3"] .sectionContainer{display: flex; flex-direction: column;}
.flood [data-active-tab="tab3"] .sectionContainer .sectionGroup:nth-child(2){height:calc(100% - 156px) !important; display: flex; flex-direction: column;}
.flood [data-active-tab="tab3"] .tableWrap{display: flex; flex-direction: column;}
.flood [data-active-tab="tab3"] .table{height:calc(100% - 16px) !important; overflow-y: scroll;}
*/

/* 산사태 
.group{width:100%; height:100%; background:var(--bg2);}
.landSlide .inner{display: flex !important; flex-direction: column !important;}
.landSlide .popupCont{height:calc(100% - 112px) !important;}
.landSlide .tabWrap{height:100% !important;}
.landSlide .popupDescription{display: none;}
.landSlide .tabContWrap {height:100%;}
.landSlide .tabCont {height:100%;}
.landSlide .sectionContainer {height:100%;}
.landSlide .tableWrap {display: flex; flex-direction: column; height:calc(100% - 54px); margin:0;}
.landSlide .tabCont{width:calc(100% / 3) !important;}
.landSlide [data-active-tab="tab2"] .sectionContainer{display: flex; flex-direction: column;}
.landSlide [data-active-tab="tab2"] .sectionContainer .sectionGroup:nth-child(2){height:calc(100% - 156px) !important; display: flex; flex-direction: column;}
.landSlide [data-active-tab="tab2"] .tableWrap{display: flex; flex-direction: column;}
.landSlide [data-active-tab="tab2"] .table{height:calc(100% - 16px) !important; overflow-y: scroll;}
.landSlide [data-active-tab="tab3"] .sectionContainer{display: flex; flex-direction: column;}
.landSlide [data-active-tab="tab3"] .sectionContainer .sectionGroup:nth-child(2){height:calc(100% - 166px) !important; display: flex; flex-direction: column;}
.landSlide [data-active-tab="tab3"] .tableWrap{display: flex; flex-direction: column;}
.landSlide [data-active-tab="tab3"] .table{height:calc(100% - 16px) !important; overflow-y: scroll; overflow-x: hidden;}
.landSlide [data-active-tab="tab2"] .tableWrap,.landSlide [data-active-tab="tab3"] .tableWrap{height:calc(100% - 54px) !important;}
*/
/* 재해정보
.disaster{max-width:890px !important; width:100% !important; transition: all .3s ease;}
.disaster .inner{min-height:auto !important; transition: all .3s ease;}
.disaster .sectionContainer{min-height:auto !important; max-height:none !important;}
.disaster p{word-break: keep-all;}
 */


/* 최근 자연재해 영향 통계영향 

.dataBoard .radiusBoxWrap{height:100%;}
.dataBoard .popupCont{height:calc(100% - 104px);}
.dataBoard .sectionContainer{height:100%; display: flex; flex-direction: column;}
.dataBoard .sectionGroup{padding:16px 0; margin:0; border-bottom:1px solid var(--gray-scale10); flex-grow: 1; display: flex; flex-direction: column; gap:14px;}
.dataBoard .rowBox{min-height:150px; flex-grow: 1; position: relative;}
.dataBoard .popupCont .tabWrap{height:100%;}
.dataBoard .tabCont{height:100%;}
.dataBoard .dataGraphArea{flex-grow: 1;}
.dataBoard .popupSectionTitle{font-size:15px !important;}

.dataBoard .sectionGroup:nth-child(1){padding-top:0;}
.dataBoard .sectionGroup:nth-child(3){padding-bottom:0;}
.dataBoard .tabCont:nth-child(2) .sectionGroup:nth-child(3) .rowBox > div{width:100%; display: flex;}
.dataBoard .tabCont:nth-child(2) .sectionGroup:nth-child(3) .rowBox > div > div{width:100% !important;}
.dataBoard .tabCont:nth-child(2) .sectionGroup:nth-child(3) .rowBox > div ul{position: absolute; left:0; bottom:0;}
.dataBoard .tabCont:nth-child(2) .sectionGroup:nth-child(3) .rowBox > div ul li{display: flex; align-items: center; font-size:12px; padding-left:5px; position: relative;}
.dataBoard .tabCont:nth-child(2) .sectionGroup:nth-child(3) .rowBox > div ul li i{width:10px; height:10px;}
.dataBoard .tabCont:nth-child(2) .sectionGroup:nth-child(3) .rowBox h3{position: absolute; left:0; top:0; font-size:12px; font-weight: 500;}
*/


/* --------------------- 구분선 --------------------- 
.popupTitleText{position: relative;}
.popupTitleText::after{content:'?'; width:16px; height:16px; background:#4462ff; font-size:8px; color:#fff; display: flex; align-items: center; justify-content: center; border-radius: 50%; cursor: pointer;}
.popupTitleText{position: relative; display: flex; align-items: center; gap:5px;}
.popupTitleText span{position: absolute; left:-30px; top:calc(100% + 12px); width:350px; padding:16px; font-size:13px; font-weight: 400; z-index: 10; box-shadow: 0 1px 3px rgba(0, 0, 0, .3); border-radius: 8px; border:1px solid var(--primary3); background:#fff; visibility: hidden; opacity: 0; transition: all .3s ease;}
.popupTitleText:hover span{visibility: inherit; opacity: 1; word-break: keep-all;}


.flood .popupDescription{display: none;}
.popupTitleText::after{display: none;}
.landSlide .popupTitleText::after{display: flex;}
.flood .popupTitleText::after{display: flex;}


*/
/* nav */
.ui-resizable { position: relative; }
.ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; }
.ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; z-index: 9999999999;}
.ui-selectmenu-open { display: block; }


.locationArea{z-index: 10000;}
.locationList{position: relative;}
/*.topArea .locationList::before{display: block; width:20px; height:20px; content:''; background:url("../images/ico/ico-pin-blue.svg") no-repeat center / 100%;}*/
/*.locationArea .select,.locationArea .button{outline: none !important; border:0;}*/
.locationArea li{display: flex; align-items: center; height:26px; font-size:13px; width:33.33333%; position: relative;}
.locationArea li > div{width:100%; height:100%; display: flex; align-items: center; justify-content: center; }
.locationArea li > div::before{position: absolute; left:0; top:0; content:''; width:100%; background:#fff; display: none; border:1px solid #157EFB; height:26px;}
.locationArea li > div.active::before{display: block; height:157px;}
.locationItem:first-of-type::before{display: none;}
.locationArea li > div > span{display: flex; align-items: center; width:100%; height:100%; padding-left:8px; position: relative; z-index: 10;}
.locationArea li:nth-child(1) > div > span{padding:0; position: relative; z-index: 10;}
.locationArea li:nth-child(1) > div{flex-grow: 1; width:calc(100% - 20px)}
.locationArea .ui-selectmenu-text{padding: 0 4px;}

.locationArea .select.active{border:0 !important;}
.locationArea .select.active:focus-within{box-shadow: none;}
.locationArea .select.active .selectList{border:0;}
.locationArea .select .selected{position: relative; z-index: 10;}

.ui-selectmenu-menu{height:134px; font-size:13px; font-family: var(--font-m); overflow-y: scroll;}
.ui-selectmenu-menu li{height:24px; display: flex; align-items: center;}
.locationArea .select .selectList{background:transparent;}
.ui-selectmenu-menu .ui-id-174{padding:0 4px;}
.ui-menu-item-wrapper{padding:0 4px;}
.ui-selectmenu-menu .ui-menu{border:0; transform: translateX(0); background:transparent;}
/* 홍수위험 */
.legendSquare.floodN300 {
	border: 1px solid #d1d1d1;
	background-color:#ffff7f;
	opacity: 0.8;
}
.legendSquare.floodN301 {
	border: 1px solid #d1d1d1;
	background-color:#bfff00;
	opacity: 0.8;
}
.legendSquare.floodN302 {
	border: 1px solid #d1d1d1;
	background-color:#00ffff;
	opacity: 0.8;
}
.legendSquare.floodN303 {
	border: 1px solid #d1d1d1;
	background-color:#bf7fff;
	opacity: 0.8;
}
.legendSquare.floodN304 {
	border: 1px solid #d1d1d1;
	background-color:#ff007f;
	opacity: 0.8;
}
/* 침수흔적 */
.legendSquare.submergenceGrade1 {
	border: 1px solid #d1d1d1;
	background-color:#73deff;
	opacity: 0.8;
}
.legendSquare.submergenceGrade2 {
	border: 1px solid #d1d1d1;
	background-color:#5ebcff;
	opacity: 0.8;
}
.legendSquare.submergenceGrade3 {
	border: 1px solid #d1d1d1;
	background-color:#8c8cff;
	opacity: 0.8;
}
.legendSquare.submergenceGrade4 {
	border: 1px solid #d1d1d1;
	background-color:#c951c5;
	opacity: 0.8;
}
.legendSquare.submergenceGrade5 {
	border: 1px solid #d1d1d1;
	background-color:#e30062;
	opacity: 0.8;
}
.legendSquare.submergenceGrade6 {
	border: 1px solid #d1d1d1;
	background-color:#c20000;
	opacity: 0.8;
}
/* 산사태 */
.legendSquare.lndGradeCode1 {
	border: 1px solid #d1d1d1;
	background-color:#ff0000;
	opacity: 0.8;
}
.legendSquare.lndGradeCode2 {
	border: 1px solid #d1d1d1;
	background-color:#ffc800;
	opacity: 0.8;
}
.legendSquare.lndGradeCode3 {
	border: 1px solid #d1d1d1;
	background-color:#b6ff8f;
	opacity: 0.8;
}
.legendSquare.lndGradeCode4 {
	border: 1px solid #d1d1d1;
	background-color:#33c3ff;
	opacity: 0.8;
}
.legendSquare.lndGradeCode5 {
	border: 1px solid #d1d1d1;
	background-color:#0101ff;
	opacity: 0.8;
}
/* 폭염 */
.legendSquare.pyeomGradeCode1 {
	border: 1px solid #d1d1d1;
	background-color:#ffd700;
	opacity: 0.7;
}
.legendSquare.pyeomGradeCode2 {
	border: 1px solid #d1d1d1;
	background-color:#ff8f23;
	opacity: 0.7;
}
.legendSquare.pyeomGradeCode3 {
	border: 1px solid #d1d1d1;
	background-color:#FA4A4A;
	opacity: 0.7;
}
.legendSquare.pyeomGradeCode4 {
	border: 1px solid #d1d1d1;
	background-color:#660066;
	opacity: 0.7;
}

.innerMapViewToggleBtn.expand {
	background-image: url(../images/ico/ico-expand.svg);
}
.innerMapViewToggleBtn.reduction {
	background-image: url(../images/ico/ico-reduction.svg);
}
.innerMapViewToggleBtn {
	background-repeat: no-repeat;
    background-position: center;
}
.dynamicLegend  {
    display: grid;
    grid-template-columns: 1fr 1fr;
} 


/* 241226 추가*/
/* line 3560, scss/component.scss */
.elementRowBody {
	margin-top: 20px;
}

/* line 3562, scss/component.scss */
.elementRowBody .color01 {
	background-color: #81A4FF;
}

/* line 3563, scss/component.scss */
.elementRowBody .color02 {
	background-color: #69DBFF;
}

/* line 3564, scss/component.scss */
.elementRowBody .color03 {
	background-color: #22E594;
}

/* line 3565, scss/component.scss */
.elementRowBody .color04 {
	background-color: #FFE54E;
}

/* line 3566, scss/component.scss */
.elementRowBody .color05 {
	background-color: #FF6767;
}

/* line 3567, scss/component.scss */
.elementRowBody .inner_top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	gap: 70px;
}

/* line 3568, scss/component.scss */
.elementRowBody .inner_top .number {
	width: 105px;
	height: 105px;
	line-height: 105px;
	border-radius: 8px;
	font-weight: 700;
	font-size: 36px;
	color: #fff;
	text-align: center;
}

/* line 3571, scss/component.scss */
.elementRowBody .inner_top .number span {
	display: block;
	height: 105px;
	line-height: 105px;
}

/* line 3573, scss/component.scss */
.elementRowBody .inner_top .number .nm_bg01 {
	background-image: url("../images/ico/ico-cattCow.svg");
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
}

/* line 3578, scss/component.scss */
.elementRowBody .inner_top .number .nm_bg02 {
	background-image: url("../images/ico/ico-cattDairy.svg");
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
}

/* line 3583, scss/component.scss */
.elementRowBody .inner_top .number .nm_bg03 {
	background-image: url("../images/ico/ico-cattPig.svg");
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
}

/* line 3588, scss/component.scss */
.elementRowBody .inner_top .number .nm_bg04 {
	background-image: url("../images/ico/ico-cattChick.svg");
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
}

/* line 3593, scss/component.scss */
.elementRowBody .inner_top .number p {
	margin-top: 10px;
	line-height: 100%;
	font-weight: 600;
	font-size: 15px;
	color: #111;
}

/* line 3598, scss/component.scss */
.elementRowBody .inner_bottom {
	border-radius: 8px;
	background: #f6f6f6;
	padding: 11px 22px;
	width: calc(100% - 24px);
	position: absolute;
	bottom: 12px;
}

/* line 3604, scss/component.scss */
.elementRowBody .inner_bottom li {
	font-weight: 400;
	color: #111;
	font-size: 13px;
	line-height: 22px;
}

/* line 3605, scss/component.scss */
.elementRowBody .inner_bottom li .txt01 {
	font-weight: 700;
}

/* line 3606, scss/component.scss */
.elementRowBody .inner_bottom li .txt02 {
	font-weight: 400;
	margin: 0 10px;
}

/* line 3607, scss/component.scss */
.elementRowBody .inner_bottom li .txt03 {
	font-weight: 400;
}

/* line 3609, scss/component.scss */
.elementRowBody .inner_bottom .color01 {
	display: inline-block;
	margin-right: 10px;
	position: relative;
	top: 2px;
	height: 14px;
	width: 20px;
	border-radius: 2px;
	background-color: #81A4FF;
}

/* line 3616, scss/component.scss */
.elementRowBody .inner_bottom .color02 {
	display: inline-block;
	margin-right: 10px;
	position: relative;
	top: 2px;
	height: 14px;
	width: 20px;
	border-radius: 2px;
	background-color: #69DBFF;
}

/* line 3623, scss/component.scss */
.elementRowBody .inner_bottom .color03 {
	display: inline-block;
	margin-right: 10px;
	position: relative;
	top: 2px;
	height: 14px;
	width: 20px;
	border-radius: 2px;
	background-color: #22E594;
}

/* line 3630, scss/component.scss */
.elementRowBody .inner_bottom .color04 {
	display: inline-block;
	margin-right: 10px;
	position: relative;
	top: 2px;
	height: 14px;
	width: 20px;
	border-radius: 2px;
	background-color: #FFE54E;
}

/* line 3637, scss/component.scss */
.elementRowBody .inner_bottom .color05 {
	display: inline-block;
	margin-right: 10px;
	position: relative;
	top: 2px;
	height: 14px;
	width: 20px;
	border-radius: 2px;
	background-color: #FF6767;
}

.throwsBtn {
	background-image: url(../images/ico/ico-expand.svg);
    width: 15px;
    height: 15px;
    margin-top: 8px;
}

.cattleBlock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    row-gap: 16px;
    position: absolute;
    top: 48%;
    left: 39%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 97%;
    background-color: rgba(154, 154, 154, 0.4);
    z-index: 99999999999;
    border-radius: 11px;
    margin-left: 136px;
    margin-top: 5px;
}

.blockBox {
  width: 300px;
  height: 50px;
  border-radius: 20px;
  display: flex;
  justify-content: center; 
  align-items: center; 
  background-color: rgb(120, 120, 120);
}

.loadText {
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    color: whitesmoke;
    /* color: black; */
}