.container_top {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px 10px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #00000029;
}

.container_top .title {
	flex: 1;
}

.container_top .title .page_title {
	display: inline-block;
	font-weight: bold;
	font-weight: 700;
	font-size: 14px;
}

/* 기준시간 */
.container_top .title .standard_data {
	display: none;
	font-size: 1rem;
	line-height: 1.5;
	color: #6e777a;
	font-weight: bold;
	display: none;
}

.container_top .title .page_title .standard_data span {
	color: #6e777a;
}

.map_item_select_wrap {
	border-radius: 37px;
	background: linear-gradient(90deg, #F0A624 0%, #E7632B 100%) 0% 0%
		no-repeat padding-box;
	flex: 1;
	max-width: 140px;
	line-height: 1;
	font-size : 0;
}

.map_item_select {
	width: 100%;
	text-align: left;
	padding: 0px 34px 0px 10px;
	background-image: url("/ecoenv/img/eco/ctzn/ico/ico_more_thin_white.svg");
	background-position: right 10px center;
	background-repeat: no-repeat;
	background-color: transparent;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: 400;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	border: none;
	outline: none;
	line-height: 32px;
	height : 32px;
}

.map_item_select option {
	font-weight: 400;
	color: #707070;
	padding: 0px;
}

/**********************************기후대기 상황판******************************************/
.map {
	position: relative;
	background-color: #06171c;
	height: 83vh;
}

.chk_layer {
	display: none;
	position: absolute;
	top: 20px;
	left: 50px;
	height: 60px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #00000029;
	border: 1px solid #989898;
	border-radius: 30px;
	z-index: 3;
}

.chk_items {
	display: flex;
	padding: 12px;
}

.chk_items li {
	width: 132px;
	border-radius: 37px;
	font-weight: 700;
	text-align: center;
	letter-spacing: 0px;
	color: black;
	padding: 4px 5px 6px 5px;
	cursor: pointer;
	margin: 0 5px;
}

.chk_items li.active {
	font-weight: 700;
	letter-spacing: 0px;
	color: #FFFFFF;
	background: transparent linear-gradient(90deg, #F0A624 0%, #E7632B 100%)
		0% 0% no-repeat padding-box;
}

.fog_layer {
	position: absolute;
	left: 12px;
	top: 12px;
	display: block;
	z-index: 3;
	max-width: calc(100% - 48px);
	width: auto;
}

.fog_layer ul {
	display: flex;
	flex-direction: column;
	gap: 8px 0;
}

.fog_layer:not(:has(li.fog_item)) {
	display: none;
}

.fog_layer ul li.fog_item {
	max-width: 300px;
	background-color: #fff;
	padding: 18px 32px 18px 19px;
	display: flex;
	gap: 0 16px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #00000029;
	border: 1px solid #DEDCDC;
	border-radius: 8px;
	position: relative;
}

.fog_layer ul li.fog_item .fog_item_cont p {
	font-size: 18px;
	color: #131C59;
	font-weight: 600;
	line-height: 1.3;
}

.fog_layer ul li.fog_item .fog_item_cont span {
	font-size: 14px;
	color: #131C59;
}

.fog_layer ul li.fog_item .fog_item_close {
	font-size: 0;
	background-image: url("/ecoenv/img/eco/ctzn/ico/ico_close.svg");
	display: inline-block;
	width: 32px;
	height: 32px;
	background-size: auto;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	top: 0;
	right: 0;
}

.con_right {
	position: fixed;
	bottom: 0;
	width: 100%;
	max-height: 45px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 5px 10px #000029;
	border: 1px solid #FAFAFA;
	border-top-left-radius: 14px;
	border-top-right-radius: 14px;
	backdrop-filter: blur(30px);
	-webkit-backdrop-filter: blur(30px);
	overflow-x: hidden;
	overflow-y: hidden;
	transform: translateY(0%);
	transition: max-height 0.5s ease;
	z-index: 7;
	padding: 0 15px 20px 15px;
}

.con_right::-webkit-scrollbar-thumb {
	display: none;
}

.con_right::-webkit-scrollbar {
	display: none;
}

.con_right.expand {
	box-shadow: 0px 2px 10px #000009;
	overflow-y: auto;
	max-height: 70vh;
}

.con_right.expand:has(.con_dtl_layer[style=""]) {
	padding-bottom: 30px;
}

.con_right.expand:has(.con_dtl_layer[style=""]):has(.vmtc_content) {
	padding-bottom: 30px;
}

.con_right.fold {
	max-height: 40px;
}

.fold_btn {
	display: none;
	padding: 9px 0;
	font-size: 14px;
	font-weight: 400;
	color: #B6B6B6;
	text-align: center;
	cursor: pointer;
	width: calc(100% - 28px);
	margin: 0 auto 20px auto;
	border-bottom: 1px solid #D4D4D4;
}

.con_right.fold .fold_btn {
	margin-bottom: 0px;
	border-bottom: 0;
	padding: 10px 0;
}

.mobile_fold {
	text-align: center;
	font-size: 0;
	padding: 12px 0;
	cursor: pointer;
	width: calc(100% - 22px);
	border-bottom: 1px solid #D4D4D4;
	margin: 0 auto 22px auto;
}

.mobile_fold:before {
	content: '';
	display: inline-block;
	width: 102px;
	height: 10px;
	background-color: #D4D4D4;
	margin: auto;
	border-radius: 14px;
}

.mobile_fold_btn {
	display: block;
	height: 46px;
	line-height: 43px;
	/* border-bottom: 1px solid #D4D4D4; */
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 0px;
	color: #E8692B;
	text-align: center;
	cursor: pointer;
}

.layer_title {
	padding-bottom: 14px;
	font-size: 18px;
	font-weight: 700;
	color: #000000;
	border-bottom: 1px solid #707070;
}

.con_title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 12px 10px;
}

.con_title h4, .con_graph h4 {
	font-size: 14px;
	font-weight: 500;
	display: flex;
	align-items: center;
	gap: 0 2px;
}

.con_title h4:before, .con_graph h4:before {
	content: '◆';
	font-size: 8px;
	margin-right : 5px;
}

.con_count {
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
}

.backBtn {
	background-color: #ffffff;
	cursor: pointer;
}

.map_standard_data {
	text-align: right;
	font-size: 12px;
	font-weight: 400;
	color: #8E8E8E;
	margin: auto 0;
}

.map_standard_data span {
	color: #8E8E8E;
}

.con_item_layer {
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #00000029;
	border: 1px solid #DEDCDC;
	border-radius: 12px;
}

.con_items {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 12px 9px;
	gap: 10px;
}

.con_items li {
	width: calc(50% - 5px);
	height: 32px;
	line-height: 31px;
	background: #E2E2E2 0% 0% no-repeat padding-box;
	border-radius: 37px;
	text-align: center;
	font-size: 15px;
	font-weight: 300;
	color: #9E9B9B;
	cursor: pointer;
	margin-bottom: 0;
}

.con_items li.active {
	background: transparent linear-gradient(90deg, #F0A624 0%, #E7632B 100%)
		0% 0% no-repeat padding-box;
	color: #FFFFFF;
	font-weight: 400;
}

.top {
	margin-bottom: 10px;
}

.input_box {
	width: 100%;
	height: 44px;
	line-height : 42px;
	padding: 0 12px 0 38px;
	border: 1px solid #5E686C;
	border-radius: 22px;
}

.input_box::placeholder {
	font-size : 13px;
	line-height : 42px;
}

.input_box::-moz-input-placeholder {
	font-size : 13px;
	line-height : 42px;
}

.input_box::-webkit-input-placeholder {
	font-size : 13px;
	line-height : 42px;
}

.input_box::-webkit-search-cancel-button {
  cursor : pointer;
}

.input_box:focus::-webkit-search-cancel-button {
  cursor : pointer;
}

.search_btn {
	width: 76px;
	height: 44px;
	background: #1E2E66 0% 0% no-repeat padding-box;
	border-radius: 4px;
	text-align: center;
	font-size: 14px;
	font-weight: 700;
	color: #FFFFFF;
	cursor: pointer;
}

.map_table_wrap {
	height: 325px;
	overflow-x: auto;
	overflow-y: auto;
	margin-top: 12px;
	box-shadow: 0px 3px 6px #00000029;
	border: 1px solid #DEDCDC;
	border-radius: 12px;
	padding-bottom: 7px;
	position : relative;
}

.vmtcmap .map_table_wrap {
	margin-bottom: 20px;
}

.map_table {
	width: 100%;
	border-collapse: separate
}

.map_table td {
	text-align: center;
	font-size: 15px;
	padding: 8px 0;
	font-weight: 400;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	cursor: pointer;
}

.map_table tr:first-child td {
	padding-top: 14px;
}

.max_td {
	max-width: 160px;
}

.map_table th {
	position: sticky;
	top: 0px;
	padding: 12px 0;
	vertical-align: middle;
	background: white;
	border-bottom: 1px solid #5E686C;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.3;
}

.map_table th span {
	font-size: 14px;
}

.map_table td.check {
	color: #636363;
}

.map_table td.good {
	color: #0057C9;
}

.map_table td.normal {
	color: #16A351;
}

.map_table td.bad {
	color: #EBA501;
}

.map_table td.verybad {
	color: #E03B21;
}

.map_table:has(td.tb_nodata:not([style*="none"])) {
	height: 100%;
}

.map_table td.tb_nodata {
	font-weight: 400;
	color: #9E9B9B;
	vertical-align: middle;
}

.map_legend {
	display: none;
	position: absolute;
	right: 50px;
	bottom: 33px;
	width: 400px;
	text-align: center;
	cursor: default;
	z-index: 3;
}

.map_legend ul {
	display: table;
	table-layout: fixed;
	margin: 0 0 0 auto;
}

.map_legend ul li {
	display: table-cell;
	width: 56px;
	font-size: 12px;
	text-align: center;
	color: #EFEFEF;
	border: 0.5px solid #EFEFEF;
	opacity: 0.8;
	padding: 5px 0px;
}

.tp_legend ul li {
	width: 44px;
}

.legend_check {
	background: #636363 0% 0% no-repeat padding-box;
}

.legend_good {
	background: #0057C9 0% 0% no-repeat padding-box;
}

.legend_normal {
	background: #16A351 0% 0% no-repeat padding-box;
}

.legend_bad {
	background: #EBA501 0% 0% no-repeat padding-box;
}

.legend_verybad {
	background: #E03B21 0% 0% no-repeat padding-box;
}

/* .con_right:has(.con_content.vmtcmap):has(.con_dtl_layer:not([style*="none"])) {
	/* max-height: 318px;
	max-height: unset;
	height: auto;
} */
.con_right:has(.con_content.cleancooling):has(.con_dtl_layer:not([style*="none"])),
	.con_right:has(.con_content.vmtcmap):has(.con_dtl_layer:not([style*="none"]))
	{
	max-height: unset;
	height: auto;
}

/* 클린&쿨링로드  list scroll */
.con_right:has(.con_content.cleancooling):has(.con_dtl_layer[style*="none"])
	{
	overflow-y: hidden;
	height: 70vh;
}

.con_right:has(.con_content.cleancooling):has(.con_dtl_layer[style*="none"]) .con_layer,
	.con_right:has(.con_content.cleancooling):has(.con_dtl_layer[style*="none"]) .layer_bottom
	{
	height: 100%;
}

.con_right:has(.con_content.cleancooling):has(.con_dtl_layer[style*="none"]) .con_content.cleancooling
	{
	height: calc(100% - 60px);
}

.con_right:has(.con_content.cleancooling):has(.con_dtl_layer[style*="none"]) .map_layer_content
	{
	height: calc(100% - 125px);
	overflow-y: auto;
}

.con_right:has(.con_content.cleancooling):has(.con_dtl_layer[style*="none"]) .con_count
	{
	padding-bottom: 10px;
	margin-bottom: 0;
	position: sticky;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 1;
	background: #fff;
}

/** 마커 클릭 시 */
.marker {
	cursor: pointer;
}

.marker span {
	position: relative;
	display: block;
}

.marker_wind_arrow {
	position: absolute;
	left: 0;
	top: 0;
	transform: rotate(0deg);
	/* 각도 변경 */
	transform-origin: center center;
}

.marker_wind_icon {
	position: relative;
}

.marker_click_wrap {
	cursor: default;
}

.marker_click img {
	display: inline-block;
}

.marker_click_name {
	display: inline-block;
	margin-left: 5px;
	vertical-align: super;
	font-size: 1.1rem;
	color: #ffffff;
}

.marker_click {
	position: relative;
	min-width: 100px;
	background: rgb(6, 23, 28, 0.9);
	padding: 8px 12px 5px 12px;
	border-radius: 8px;
	border: 2px solid #efefef;
	text-align: center;
}

.marker_click:after, .marker_click:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.marker_click:before {
	border-color: rgba(239, 239, 239, 0);
	border-top-color: #efefef;
	border-width: 11px;
	margin-left: -11px;
	margin-top: 0;
}

.marker_click:after {
	border-color: rgba(0, 87, 201, 0);
	border-top-color: #06171c;;
	border-width: 8px;
	margin-left: -8px;
	margin-top: -1px;
}

.marker_click_good {
	background: #0057C9;
}

.marker_click_normal {
	background: #16A351;
}

.marker_click_bad {
	background: #EBA501;
}

.marker_click_verybad {
	background: #E03B21;
	/* background:#EE563E; */
}

.marker_click_check {
	background: #5E686C;
}

.marker_click_on {
	background: #41C8A0;
}

.marker_click_off {
	background: #636363;
}

.marker_click_good:after {
	border-top-color: #0057C9;
}

.marker_click_normal:after {
	border-top-color: #16A351;
}

.marker_click_bad:after {
	border-top-color: #EBA501;
}

.marker_click_verybad:after {
	border-top-color: #E03B21;
}

.marker_click_check:after {
	border-top-color: #5E686C;
}

.marker_click_on:after {
	border-top-color: #41C8A0;
}

.marker_click_off:after {
	border-top-color: #636363;
}

/** 주변지역 시별 바람장 */
.wind_wrap div {
	width: 44px;
	height: 44px;
	margin: auto;
	border-radius: 50%;
	opacity: 0.8;
	background: rgba(255, 255, 255);
	position: relative;
	top: -3px;
}

.wind_wrap div.wind_1 span::before, .wind_wrap div.wind_1 span::after {
	background: #00a7bd;
}

.wind_wrap div.wind_2 span::before, .wind_wrap div.wind_2 span::after {
	background: #0083a3
}

.wind_wrap div.wind_3 span::before, .wind_wrap div.wind_3 span::after {
	background: #076188
}

.wind_wrap div.wind_4 span::before, .wind_wrap div.wind_4 span::after {
	background: #081d38
}

.wind_wrap .wind_con {
	width: 100%;
	position: relative;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.wind_wrap .wind_con li {
	display: block;
	position: relative;
	border: 1px solid transparent;
	margin: 5px;
}

.wind_wrap .wind_con span {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.wind_wrap .wind_con span::before, .wind_wrap .wind_con span::after {
	opacity: 1;
	content: "";
	display: block;
	clear: both;
	width: 10px;
	height: 3px;
	position: absolute;
	top: 0;
	background: #efefef;
	animation: windani1 infinite 2s;
}

@keyframes windani1 { 
	0% { opacity: 0; }
	50% { opacity:1; }
	100% { opacity:0; }
}

.wind_wrap .wind_con span::before {
	transform: rotate(-45deg);
	left: -2px;
}

.wind_wrap .wind_con span::after {
	transform: rotate(45deg);
	left: -8px;
}

.wind_wrap .wind_con li:nth-child(1) span::before, .wind_wrap .wind_con li:nth-child(1) span::after
	{
	animation-delay: -0.5s;
}

.wind_wrap .wind_con li:nth-child(2) span::before, .wind_wrap .wind_con li:nth-child(2) span::after
	{
	animation-delay: 0s;
}

.wind_wrap .wind_con li:nth-child(3) span::before, .wind_wrap .wind_con li:nth-child(3) span::after
	{
	animation-delay: 0.5s;
}


/** 교통량 지도 */
.vmtc_content {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	margin-top: 6px;
	padding: 18px 14px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 19px;
	border: 1px solid #DEDCDC;
}

.vmtc_item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	padding: 0 15px 9px 15px;
}

.vmtc_item>span {
	font-size: 16px;
	font-weight: 500;
	color: #1E2E66;
}

.vmtc_item:first-child {
	border-bottom: 1px solid #E2E2E2;
}

.vmtc_item div {
	font-size: 14px;
	font-weight: 400;
	color: #707070;
}

.vmtc_time {
	font-size: 32px;
	font-weight: 500;
	color: #000000;
	margin-left: 5px;
}

.base_bottom {
	align-items: baseline;
	line-height: 1;
	margin-top: 23px;
}

.cnf_nm {
	font-size: 24px;
	font-weight: 500;
	color: #EE563E;
}

/** 클린&쿨링로드*/
.con_content.cleancooling .con_title {
	font-size: 18px;
	font-weight: 700;
	border-bottom: 1px solid #707070;
	padding-top: 0;
/* 	margin-top: -8px; */
}

.con_content.cleancooling .con_title h3 {
	color: #131C59;
}

.marker_ccroad {
	position: relative;
	width: 80px;
	height: 60px;
}

.marker_ccroad div {
	width: 80px;
	height: 60px;
	position: absolute;
}

.ccroad_on {
	background-position: 0 0;
	background-repeat: no-repeat;
	animation: ccroad_on 1s steps(3) infinite;
}

@
keyframes ccroad_on { 0% {
	background-image: url(/ecoenv/img/eco/ctzn/marker/marker_em_cc_wtspkl_on3.svg);
}

30
%
{
background-image
:
url(/ecoenv/img/eco/ctzn/marker/marker_em_cc_wtspkl_on1.svg);
}
60
%
{
background-image
:
url(/ecoenv/img/eco/ctzn/marker/marker_em_cc_wtspkl_on2.svg);
}
}
.map_content_list {
	width: 100%;
	/* height: 120px; */
	margin-bottom: 18px;
	padding: 20px 12px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #00000029;
	border: 1px solid #DEDCDC;
	border-radius: 19px;
	cursor: pointer;
}

.dvc_content {
	height: 532px;
	overflow-y: auto;
}

.search_div {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 20px 0;
}

.search_div > form {
	flex : 1;
}

.search_div > form .search_select {
	width : calc(100% - 10px);
}

.search_div span {
	position: relative;
	width: calc(100% - 82px);
}

.search_div span img {
	position: absolute;
	top: calc(50% + 1px);
	left: 12px;
	transform: translateY(-50%);
}

.search_select {
	width: 150px;
	height: 44px;
	border: 1px solid #CCCCCC;
	/* width: 150px; */
	border-radius: 8px;
	appearance: none;
	padding: 0px 26px 0px 15px;
	white-space: nowrap;
	text-overflow: ellipsis;
	cursor: pointer;
	/* background-image: url(/ecoenv/img/eco/ctzn/button_disabled.svg); */
	background-image: url(/ecoenv/img/eco/ctzn/ico/ico_more_thin.svg);
	background-repeat: no-repeat;
	background-position: top 55% right 15px;
	font-size: 14px;
	color: rgba(0, 0, 0, 0.5);
	background-color : unset;
}

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

.item_list li {
	text-align: center;
	font-size: 14px;
	flex: 1;
	position: relative;
	line-height: 1.2;
	padding: 0 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 160px;
}

.item_list li:first-child {
	padding-left: 0;
}

.item_list li:last-child {
	padding-right: 0;
}

.item_list li+li:before {
	content: '';
	display: inline-block;
	width: 2px;
	height: 12px;
	background-color: #707070;
	position: absolute;
	left: -1px;
	top: calc(50% - 6px);
}

.item_list span {
	font-weight: 600;
	margin-left: 10px;
}

.base_right_line {
	width: 2px;
	height: 13px;
	margin: auto;
	background-color: #707070;
}

.map_content_list p {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 20px;
	padding-bottom: 12px;
	border-bottom: 1px solid #E2E2E2;
}

.dvc_title {
	font-weight: 500;
	font-size: 16px;
	color: #1E2E66;
}

.dvc_status {
	font-size: 24px;
}

.dvc_check {
	color: #5E686C;
}

.dvc_good {
	color: #0057c9;
}

.dvc_normal {
	color: #16A351;
}

.dvc_bad {
	color: #EBA501;
}

.dvc_verybad {
	color: #e03b21;
}

.dvc_on {
	color: #41C8A0;
}

.dvc_off {
	color: #636363;
}

.dvc_battery_on {
	color: #2D73CE;
}

.dvc_battery_off {
	color: #636363;
}

.dtl_top {
	margin-top: 25px;
}

.msrmt_title {
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	padding-bottom: 12px;
	padding-left: 30px;
	position: relative;
	width: calc(100% - 8px);
	margin: 0 auto;
}

.msrmt_title button {
	width: 30px;
	height: 26px;
	display: flex;
	align-items: center;
	font-size: 0;
	position: absolute;
	left: 0;
	top: 1px;
}

.msrmt_title button img {
	max-width: 100%;
}

.msrmt_title h3 {
	display: inline-block;
	font-size: 18px;
	font-weight: 500;
	line-height : 1.1;
}

.msrmt_title p {
	font-size: 12px;
	color: #8E8E8E;
	margin-top: 4px;;
}

.msrmt_content {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	justify-content: space-between;
	gap: 6px;
	width: 100%;
	padding: 15px 12px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #00000029;
	border: 1px solid #DEDCDC;
	border-radius: 8px;
}

.msrmt_content.snwfl {
	border: 1px solid #FF674A;
	padding: 24px;
}

.msrmt_content.snwfl p {
	font-size: 16px;
	font-weight: 500;
	color: #1E2E66;
	margin: auto 0;
}

.msrmt_content.snwfl div {
	font-size: 24px;
	font-weight: 500;
	color: #000000;
}

.msrmt_content li {
	/* width: calc((100% - 30px)/4); */
	/* height: 54px; */
	padding: 6px 3px;
	box-sizing: border-box;
	text-align: center;
	border: 1px solid #E86A2B;
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 2px 0;
	line-height : 1.2;
}

.msrmt_item p {
	text-align: center;
	font-size: 12px;
	font-weight: 400;
	color: #000000;
}

.msrmt_item strong {
	display: block;
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	color: #000000;
	opacity: 1;
}

.msrmt_item span {
	display: block;
	font-size: 10px;
	font-weight: 400;
	color: #000000;
	/*opacity: 0.5;*/
}

.msrmt_item.active {
	background: transparent linear-gradient(90deg, #EFA024 0%, #E7642B 100%)
		0% 0% no-repeat padding-box;
	border: none;
}

.msrmt_item.active strong {
	color: #ffffff;
}

.msrmt_item.active p, .msrmt_item.active span {
	color: #FFFFFF;
	line-height: 1;
}

.con_graph h4 {
	padding: 16px 0 12px 0;
}

.sttus_graph_con {
	width: 100%;
	/* height: 150px; */
	height: 200px;
	box-shadow: 0px 3px 6px #00000029;
	border: 1px solid #DEDCDC;
	border-radius: 8px;
	padding: 10px 6px;
}

.msrrMarker {
	cursor: pointer;
}

.map_btn_toggle {
	display: block;
	position: absolute;
	top: 10px;
	left: 0;
	width: 16px;
	height: 32px;
	background: #F5F5F5 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #00000029;
	border: 1px solid #FFFFFF;
	border-radius: 0px 6px 6px 0px;
	z-index: 2;
}

.map_btn_toggle li {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	height: 100%;
}

.map_btn_toggle img {
	transition: transform 0.3s ease;
	margin-right: -2px;
	margin-left: 0;
}

.map_btn_group:has(.map_btn.open) .map_btn_toggle img {
	margin-right: 0;
	margin-left: -4px;
}

.map_btn {
	display: flex;
	position: absolute;
	top: 10px;
	left: 24px;
	z-index: 2;
	transform: scaleX(0);
	opacity: 0;
	transform-origin: left;
	transition: transform 0.3s ease, opacity 0.3s ease;
}

.map_btn.open {
	transform: scaleX(1);
	/* 너비를 원하는 만큼 설정 */
	opacity: 1;
}

.map_btn li {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 32px;
	height: 32px;
	margin-right: 8px;
	background: #F5F5F5 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #00000029;
	border: 1px solid #FFFFFF;
	border-radius: 8px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
}

.map_btn li.active {
	background: #FF674A 0% 0% no-repeat padding-box;
}

.map_btn li img {
	vertical-align: middle;
}

.map_btn div {
	width: 22px;
	height: 22px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.pre_wind_btn {
	background-image: url('/ecoenv/img/eco/ctzn/ico/ico_pre_wind.svg');
}

.map_btn li.active .pre_wind_btn {
	background-image: url('/ecoenv/img/eco/ctzn/ico/ico_pre_wind_active.svg');
}

.rltm_wind_btn {
	background-image: url('/ecoenv/img/eco/ctzn/ico/ico_rltm_wind.svg');
}

.map_btn li.active .rltm_wind_btn {
	background-image: url('/ecoenv/img/eco/ctzn/ico/ico_rltm_wind_active.svg');
}

.marker_btn {
	background-image: url('/ecoenv/img/eco/ctzn/ico/ico_marker.svg');
}

.map_btn li.active .marker_btn {
	background-image: url('/ecoenv/img/eco/ctzn/ico/ico_marker_active.svg');
}

.map_option_wrap {
	display: none;
	position: absolute;
	left: 23px;
	top: 50px;
	width: 152px;
	height: 148px;
	background: #F5F5F5 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #00000029;
	border: 1px solid #FFFFFF;
	border-radius: 7px;
	z-index: 3;
	position: absolute;
}

.map_option_wrap h5 {
	width: 108px;
	margin: auto;
	margin-bottom: 14px;
	padding: 8px 0px;
	border-bottom: 1px solid #E2E2E2;
	text-align: center;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0px;
	color: #131C59;
}

.map_option li {
	display: flex;
	margin-bottom: 16px;
	margin-left: 14px;
}

.map_option label {
	margin-left: 10px;
	text-align: left;
	font-size: 12px;
	color: #131C59;
	line-height : 1.25;
	cursor : pointer;
}

.map_radio {
	width: 16px;
	height: 16px;
}

.map_radio[type='radio'] {
	appearance: none;
	position: relative;
	width: 16px;
	height: 16px;
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
	border: 1px solid #000000;
	background-color: #fff;
	border-radius: 10px;
}

.map_radio[type='radio']::after {
	content: '';
	display: block;
	width: 8px;
	/* 16px - 4px*2 */
	height: 8px;
	margin: 3px;
	background-color: #FF674A;
	border-radius: 50%;
	position: absolute;
	opacity: 0;
	transition: opacity 0.1s ease;
}

.map_radio[type='radio']:checked::after {
	opacity: 1;
}

/**********************************측정이력******************************************/
.container_contents {
	padding: 0;
}

.container_contents>div {
	margin-top: 15px;
}

.select_warp {
	width: 100%;
	height: 100%;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #00000029;
	border: 1px solid #DEDCDC;
	border-radius: 0;
}

.select_flex {
	padding: 16px 20px;
	width: 100%;
	align-items: stretch;
	display: flex;
	justify-content: space-between;
	background: transparent;
	flex-direction: column;
}

.select_group {
	display: flex;
	justify-content: space-between;
	margin-bottom: 15px;
}

.select_group:has(em) {
	flex-wrap: wrap;
}

.select_group:has(em)>div {
	text-align: right;
	width: 100%;
	margin-top: 8px;
	font-size: 0;
	display: flex;
	justify-content: flex-end;
}

.select_group:has(#chkMsrmtList) {
	margin-bottom: 25px;
	flex-wrap: wrap;
}

.select_group em {
	line-height: 45px;
	font-size: 12px;
	margin: 0 5px;
}

.select_group label {
	display: flex;
	justify-content: left;
	align-items: center;
	/* margin-right: auto; */
	font-size: 14px;
	color: #131C59;
}

.select_group label:before {
	content: '';
	width: 5px;
	height: 5px;
	border-radius: 50%;;
	background-color: #000;
	margin-right: 8px
}

.select_box {
	width: 150px;
	/* height: 44px; */
	border: 1px solid #CCCCCC;
	border-radius: 8px;
	appearance: none;
	padding: 10px 26px 10px 15px;
	white-space: nowrap;
	text-overflow: ellipsis;
	cursor: pointer;
	/* background-image: url(/ecoenv/img/eco/ctzn/button_disabled.svg); */
	background-image: url(/ecoenv/img/eco/ctzn/ico/ico_more_thin.svg);
	background-repeat: no-repeat;
	background-position: top 55% right 15px;
	font-size: 12px;
	color: rgba(0, 0, 0, 0.5);
	background-color : unset;
}

input[type="text"].select_box::placeholder {
	font-size: 12px;
	color: rgba(0, 0, 0, 0.5);
}

.select_box::placeholder {
	font-weight: 500;
	font-size: 16px;
}

.date_box {
	/* background-image: none; */
	flex: 1;
}

.date_box:disabled {
	cursor: not-allowed;
	background-color : #f5f5f5;
}

.select_group label+.select_group_choice {
	margin-top: 8px;
}

.select_group .select_group_choice {
	width: 100%;
}

.select_group:has(>select.select_box) .select_group_choice {
	margin-top: 8px;
}

.select_flex_list {
	display: flex;
	/* margin: 0 20px; */
	min-width: 120px;
}

.submit {
	position: relative;
	width: 100%;
}

.submit_button {
	width: 100%;
	height: 44px;
	background: #FF674A 0% 0% no-repeat padding-box;
	align-items: stretch;
	border-radius: 8px;
	cursor: pointer;
	text-align: center;
	color: #fff;
}

.graph_button_wrap {
	width: 100%;
	/* height: /0px; */
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #00000029;
	border: 1px solid #DEDCDC;
	border-radius: 0;
	position: relative;
	overflow: hidden;
	padding: 0 28px;
}

.graph_button {
	width: 100%;
	display: flex;
	padding: 18px 0px;
	/* white-space: nowrap;
	overflow-x: scroll;
	flex-direction: row;
	align-items: stretch;
	gap: 10px 16px;
	transform: translate(0, 0); */
	cursor: pointer;
}

.graph_button::-webkit-scrollbar-thumb {
	display: none;
}

.graph_button::-webkit-scrollbar {
	display: none;
}

.graph_button .air {
	width: 130px;
	height: 30px;
	background: #E5E5E5 0% 0% no-repeat padding-box;
	border-radius: 19px;
	display: inline-block;
	cursor: pointer;
	padding: 0px 16px;
	line-height: 30px;
	text-align: center;
	font-weight: 400;
	font-size: 12px;
	color: #9C9A9A;
}

.no_scroll {
	-ms-overflow-style: none;
	scrollbar-width: none;
}

.no_scroll::-webkit-scrollbar {
	display: none !important;
}

.graph_button li.graph_on {
	background: transparent linear-gradient(90deg, #F0A425 0%, #E7642B 100%)
		0% 0% no-repeat padding-box;
	color: #FFFFFF;
}

.graph_button_wrap .graph_download_button_wrap {
	display: none;
}

.download_button {
	width: 100%;
	/* height: 70px; */
	padding: 15px 20px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #00000029;
	border: 1px solid #DEDCDC;
	border-radius: 0;
}

.download_button ul {
	display: inline;
}

.download_button li.excel_download_button {
	float: right;
}

.graph_download_button {
	width: calc(50% - 5px);
	height: 36px;
	line-height: 36px;
	background: #4AABFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 8px;
	display: inline-block;
	text-align: center;
	font-weight: 400;
	font-size: 12px;
	color: #FFFFFF;
	margin: 0;
}

.result_cnt li.excel_download_button {
	display: none;
}

.result_cnt ul {
	float: right;
}

.excel_download_button {
	width: calc(50% - 5px);
	height: 36px;
	line-height: 36px;
	background: #11BD34 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 8px;
	display: inline-block;
	text-align: center;
	padding: 0px 15px;
	font-weight: 400;
	font-size: 12px;
	color: #FFFFFF;
	margin: 0;
}

.graph_area {
	box-shadow: 0px 3px 6px #00000029;
	border: 1px solid #DEDCDC;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border-top: 0;
	padding: 15px 0 25px 0;
}

.graph_wrap {
	width: 100%;
	height: 365px;
	padding: 15px 10px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border-radius: 0;
	overflow-x: auto;
	position: relative;
	/*display : flex;
	flex-direction: column-reverse;
	justify-content: space-between;*/
	overflow : hidden;
}

.container_contents.ntn_msrm .graph_wrap {
	box-shadow: 0px 3px 6px #00000029;
	border: 1px solid #DEDCDC;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border-top: 0;
	display : flex;
	justify-content : center;
	flex-direction : column;
}

.graph_legend {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0 12px;
	font-size: 12px;
	margin-top: 10px;
}

.graph_legend li {
	line-height: 1;
	font-size: 12px;
}

.graph_legend li:before {
	content: '';
	display: inline-block;
	width: 12px;
	height: 12px;
	background-color: red;
	margin-right: 5px;
	vertical-align: -2px;
}

.graph_legend li.good:before {
	background-color: #31A1FF;
}

.graph_legend li.normal:before {
	background-color: #02C73C;
}

.graph_legend li.bad:before {
	background-color: #FDA60D;
}

.graph_legend li.danger:before {
	background-color: #FF7701;
}

.graph_legend li.verybad:before {
	background-color: #E64746;
}

.graph_select_wrap[style*="none"]+.graph_area {
	border-top: 1px solid #DEDCDC;
	margin-top: 10px;
}

.graph_con {
	width: 100%;
	height: 100%;
	/* 	min-width: 900px; */
}

.wind_rose_graph_con {
	display: flex;
	justify-content: center;
	/* flex-wrap: nowrap; */
	/* border: 1px solid grey; */
	width: 100%;
	height: 410px;
}

.wind_rose_graph_con li:not(:last-child) {
	border-right: 0px solid #DEDCDC;
	;
}

.wind_rose_graph_con li {
	margin: 0 4px;
	padding: 4px;
	width: 350px;
	height: 100%;
}

.wind_graph {
	width: 100%;
	height: 365px;
}

.graph_nodata {
	width: 100%;
	height: 100%;
	text-align: center;
	min-height: 200px;
	display: flex;
	justify-content: center;
	flex-direction: column;
	color: #8E8E8E;
	/* box-shadow: 0px 3px 6px #00000029;
    border: 1px solid #DEDCDC; */
	border-radius: 8px;
}

.graph_nodata p {
	font-size: 16px;
	color: #8E8E8E;
}

.table_wrap {
	width: 100%;
	/* height: 709px; */
	padding: 0;
	margin-bottom: 35px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #00000029;
	border: 1px solid #DEDCDC;
	border-radius: 0;
	position: relative;
}

.result_cnt p {
	display: none;
	color: #000000;
	opacity: 0.6;
}

.result_cnt span {
	font-weight: 700;
}

.table_con_wrap {
	width: 100%;
	height: 547px;
	overflow-y: auto;
	overflow-x: auto;
}

.table_con_wrap table {
	width : 100%;
}

.table_con:has(tr.nodata:not([style*="none"])) {
	width : 100%;
	height: 100%;
}

.table_con tr th, .table_con tr td {
	white-space: nowrap;
	text-align: center;
	vertical-align: middle;
	padding: 12px 20px;
}

.table_con tr:not(.nodata) th:first-child, .table_con tr:not(.nodata) td:first-child
	{
	display: none;
}

.table_con th:nth-child(2) {
	position: sticky;
	left: 0;
	background-color: #F5F5F5;
}

.table_con td:nth-child(2) {
	position: sticky;
	left: 0;
	background-color: white;
}

.table_con thead {
	/* height: /4px; */
	background: #F5F5F5 0% 0% no-repeat padding-box;
	font-weight: 400;
	font-size: 16px;
	border-radius: 8px;
	color: #000000;
	opacity: 0.6;
}

tr.thead th:first-child {
	border-radius: 8px 0 0 8px;
}

tr.thead th:last-child {
	border-radius: 0 8px 8px 0;
}

.page_unit_select {
	float: left;
	display: none;
}

.pagenation {
	display: flex;
	margin: 25px 0;
	justify-content: center;
	align-items: center;
}

.pagenation .paging {
	display: inline-flex;
}

.pagenation .paging li {
	cursor: pointer;
	display: block;
	text-align: center;
	line-height: 36px;
	border-radius: 8px;
	margin: 0 8px;
	width: 36px;
	height: 36px;
	transition: 0.1s;
	background: #F5F5F5 0% 0% no-repeat padding-box;
	color: #707070;
}

.pagenation .paging li.onpage {
	background: #FF674A 0% 0% no-repeat padding-box;
	color: #FFFFFF;
}

.pagenation .paging li:hover {
	background: #efefef;
	color: #162024;
}

.popup_bg {
	display: none;
	/* 	display: flex; */
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99;
	background: rgba(0, 0, 0, 0.6);
}

.alert_popup {
	display: none;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 100;
	max-width: 400px;
	min-width: 350px;
	min-height: 155px;
	/* max-height: 170px; */
	/* padding: 50px 50px; */
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #00000029;
	border: 1px solid #DEDCDC;
	border-radius: 8px;
}

.popup_close {
	display: flow-root;
}

.popup_close img {
	float: right;
	padding: 6.5px 10px;
	cursor: pointer;
}

.popup_con {
	padding: 15px 30px;
	text-align: center;
}

.popup_con_list:has(img[alt="경고 그림"]) {
	font-size: 0;
}

.popup_con_list span {
	font-size: 16px;
	font-weight: 700;
}

.popup_con_list p.alert_ck label {
	color: #707070;
}

.popup_con_list p.alert_ck label input[type="checkbox"] {
	vertical-align: sub;
}

.popup_con_list p {
	font-size: 14px;
	color: #707070;
	margin-top: 12px;
}

.alert_popup.fog_alert {
	padding-bottom: 10px;
}

.alert_popup.fog_alert ul.popup_con {
	display: flex;
	flex-direction: column;
	gap: 14px 0;
}

/**********************************생활지수******************************************/
.lvlhidex_style {
	padding: 0;
}

.lvidex_wrap {
	padding: 0;
}

.lvidex_wrap h3 {
	font-size: 16px;
	font-weight: 700;
	margin-left: 10px;
}

.lvidex_con_wrap {
	width: 100%;
	margin: 10px 0 20px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #00000029;
	border: 1px solid #DEDCDC;
	border-radius: 0px;
}

.lvidex_con_list {
	display: flex;
	flex-wrap: wrap;
	padding: 15px 10px 20px 10px;
	justify-content: space-around;
}

.lvidex_con {
	width: 85px;
/* 	height: 120px; */
	margin: 10px 18px;
	text-align: center;
}

.lvidex_con span {
	font-size: 14px;
}

.lvidex_con li {
	display: inline-block;
	/* 	margin-top: 5px; */
}

.lvidex_img {
	width: 80px;
	height: 75px;
}

.lvidex_img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

/* .lvidex_con:not(:first-child) {
	margin-left: 32px;
} */
.lvidex_stts {
	width: 79px;
	height: 22px;
	line-height : 22px;
	border-radius: 25px;
	font-weight: 700;
	font-size: 11px;
	color: #FFFFFF;
}

.lvidex_stts_check {
	background: #B0B0B0 0% 0% no-repeat padding-box;
}

.lvidex_stts_good {
	background: #31A1FF 0% 0% no-repeat padding-box;
}

.lvidex_stts_normal {
	background: #02C73C 0% 0% no-repeat padding-box;
}

.lvidex_stts_bad {
	background: #FDA60D 0% 0% no-repeat padding-box;
}

.lvidex_stts_danger {
	background: #FF7701 0% 0% no-repeat padding-box;
}

.lvidex_stts_verybad {
	background: #e64746 0% 0% no-repeat padding-box;
}

.comidex_alert {
	display: inline-block;
	position: relative;
	cursor: pointer;
}

.comidex_alert img {
	vertical-align: -2px;
}

.comidex_alert:before {
	content: attr(data-hover);
	visibility: hidden;
	opacity: 0;
	width: 267px;
	background: #F1F1F1 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #00000029;
	color: #707070;
	font-size: 12px;
	text-align: center;
	border: 1px solid #9C9A9A;
	padding: 5px 5px;
	transition: opacity 1s ease-in-out;
	position: absolute;
	z-index: 1;
	left: 0;
	top: -190%;
}

.comidex_alert:hover:before {
	opacity: 1;
	visibility: visible;
}

.comidex_con_list {
	display: inline-flex;
	justify-content: space-between;
	width: 100%;
	padding: 10px;
	gap : 0 12px;
}

.comidex_contents {
	position: relative;
	width: calc(100%/ 3);
/* 	height: 92px; */	
}

.comidex_contents strong {
	font-size: 14px;
	font-weight: 700;
	position : absolute;
	left: 0;
    top: 8px;
    width: 100%;
    text-align: center;
    line-height: 1;
}

.comidex_con {
	position: relative;
	padding: 24px 7px 5px 7px;
	box-shadow: 0px 3px 6px #00000029;
	border: 1px solid #CCCCCC;
	border-radius: 16px;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	cursor: pointer;
}

.comidex_con + .desc {
	color: #6B6B6B;
    font-size: 12px;
    display: block;
    line-height: 1.3;
    margin-top: 10px;
    word-break: keep-all;
    text-align : center;
}

.comidex_img {
	float: none;
	display: inline-block;
	text-align: center;
	font-size : 0;
}

.comidex_img img {
	width: 35px;
	height: 35px;
	margin : 5px 0;
}

.comidex_stand {
	display: none;
}

.graph_select_wrap {
	width: 100%;
	/* height: 90px; */
	background: #FFFFFF 0% 0% no-repeat padding-box;
	border: 1px solid #DEDCDC;
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 0;
	margin-top: 10px;
	text-align: center;
}

.graph_select_list {
	/* display: inline-flex;
	gap : 0 14px; */
	padding: 6px 10px;
	white-space: nowrap;
	overflow-x: auto;
	align-items: stretch;
	width: 100%;
}

.graph_select_list ul {
	display: contents;
}

.graph_select_con {
	display: inline-block;
	min-width: 71px;
	max-width: calc(100%/ 6);
	margin: 0 3.5px;
	height: 76px;
	padding: 10px 0px 8px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #00000029;
	border-radius: 16px;
	text-align: center;
	/* margin-right: 14px; */
	border: 3px solid #fff;
	cursor: pointer;
}

.graph_select_con li {
	font-size: 10px;
	font-weight: 700;
}

.graph_select_img img {
	width: 32px;
	height: 32px;
	margin-bottom: 5px;
}

.lvlhIdex_active {
	border: 3px solid #FF674A;
}

.graph_style {
	height: 340px;
	margin: 10px 0 0px;
}

.graph_style_add {
	margin: 0 0 0px;
	border-radius: 0;
}

.stts_style {
	width: 60px;
	height: 22px;
	line-height: 21px;
	font-size: 12px;
}

.lvidex_select_wrap {
	width: 100%;
	height: 327px;
	padding: 18px 25px 18px 25px;
	margin: 10px 0 20px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: inset 0px 12px 80px #3373E329, 0px 3px 6px #00000029;
	border: 1px solid #DEDCDC;
	/* 	border-radius: 19px */
}

.lvidex_select_wrap > h3 {
	margin-left : 0;
}

.select_wrap_map {
	display: inline-flex;
	width: 100%;
	height: 260px;
	justify-content: center;
}

.select_wrap {
	display: none;
}

.select_map {
	width: 298px;
	height: 140px;
	padding: 11px 25px 14px;
	margin-bottom: 8px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #00000029;
	border: 1px solid #DEDCDC;
	border-radius: 21px;
	cursor: pointer;
}

.select_title {
	padding-bottom: 10px;
	font-size: 16px;
	font-weight: 700;
	color: #131C59;
	text-align: center;
	border-bottom: 1px solid #DEDCDC;
}

.select_con {
	margin-top: 16px;
}

.select_con strong {
	padding-bottom: 7px;
	font-size: 14px;
	font-weight: 700;
	color: #131C59;
}

.select_con p {
	font-size: 12px;
	color: #131C59;
}

.select_active {
	border: 1px solid #F0A624;
}

.map_text {
	font-size: 10px;
	font-weight: 700;
}

/* 데스크탑 이상 */
@media ( min-width : 1024px) {
	.container_top {
		height: 80px;
		padding: 0px 50px;
	}
	.page_title {
		margin-right: 47px;
		font-size: 28px;
		line-height: 48px;
	}
}

.slick-slider {
	display: flex !important;
}

.slick-list {
	height: 100% !important;
}

.slick_left_btn {
	position: absolute;
	display: inline-block;
	left: 20px;
}

.slick_right_btn {
	position: absolute;
	display: inline-block;
	right: 20px;
}