/* 태블릿 이상 */
@media ( min-width : 768px) {
	.header_info {
		flex-direction: row;
	}
	
	.lvlhidex_style .graph_select_wrap {
		width: calc(100% - 22px);
		margin: 10px auto 0 auto;
		border-radius: 6px 6px 0 0;
	}
	.lvlhidex_style .graph_area {
		width: calc(100% - 22px);
		margin: 0px auto 20px auto;
		border-radius: 0 0 6px 6px;
	}
	.graph_select_wrap[style*="none"]+.graph_area {
		border-radius: 6px;
	}
}

/* 데스크탑 이상 */
@media ( min-width : 1024px) {
	.nav {
		display: block;
	}
	.alarm_date, .standard_data {
		display: inline-block;
	}
}

/* 데스크탑 이상 */
@media ( min-width : 1024px) {
	.container_contents {
		width: 100%;
		padding: 15px 50px;
	}
	.container_top {
		height: 60px;
		padding: 0px 50px;
	}
	.container_top .title .page_title {
		margin-right: 47px;
		font-weight: 700;
		font-size: 18px;
	}
	.menu_depth {
		display: block;
	}
	.fold_btn {
		display: block;
	}
	.mobile_fold, .mobile_fold_btn {
		display: none;
	}
	.chk_layer {
		display: block;
	}
	.chk_items li:hover {
		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 {
		top: 92px;
		left: 50px;
		max-width: calc(100% - 550px);
		max-height: calc(100% - 180px);
		width: auto;
	}
	.fog_layer ul {
		flex-direction: row;
		gap: 8px 14px;
		flex-wrap: wrap;
		height: 100%;
		align-content: baseline;
		align-items: baseline;
	}
	.container_top .map_item_select_wrap {
		display: none;
	}
	.container_top .map_item_select {
		display: none;
	}
	.con_right {
		position: absolute;
		right: 50px;
		top: 20px;
		bottom: auto;
		width: 400px;
		max-height: 743px;
		padding: 0 13px 20px 13px;
		border-radius: 14px;
		height: calc(100% - 100px);
	}
	.con_right.fold {
		padding-bottom: 0;
	}
	.con_right.expand {
		max-height: 743px;
	}
	.con_right:not(.fold) {
		overflow-y: auto;
	}
	.layer_title {
		/* padding: 0 14px 32px 14px; */
		padding: 0 14px 20px 14px;
	}
	.layer_title * {
		color: #131C59;
	}
	.con_title {
		padding: 12px 16px;
	}
	.con_right:has(.con_layer[style="display: none;"]) .con_title {
		padding-top: 15px;
	}
	.con_title h4, .con_graph h4 {
		font-size: 18px;
	}
	.con_graph h4 {
		padding: 16px;
	}
	.con_title h4:before, .con_graph h4:before {
		font-size: 10px;
	}
	.con_graph {
		/* padding-top: 9px; */
		border-top: 1px solid rgba(0, 0, 0, 0.2);
		margin-top: 20px;
	}
	.msrmt_title button {
		top: 5px;
	}
	.map_table_wrap {
		padding: 0 0px 12px 0px;
	}
	.map_table th {
		padding-top: 12px;
	}
	.map_table td {
		font-size: 15px;
	}
	.map_btn {
		display: flex;
		left: 50px;
		top: auto;
		bottom: 33px;
		z-index: 2;
		transform: scaleX(1);
		opacity: 1;
	}
	.map_btn_toggle {
		display: none;
	}
	.map_option_wrap {
		left: 50px;
		top: auto;
		bottom: 78px;
	}
	.select_flex {
		flex-direction: row;
		padding: 16px 160px 16px 28px;
		flex-wrap: wrap;
		justify-content: start;
		align-items: start;
		gap: 10px 20px;
		position: relative;
	}
	.select_group {
		justify-content: start;
		align-items: center;
		margin-bottom: 0;
		gap: 0 8px;
	}
	.select_group:has(em) {
		flex-wrap: nowrap;
		margin-right: 10px;
	}
	.select_group:has(em)>div {
		margin-top: 0;
		justify-content: start;
	}
	.select_group:has(#chkMsrmtList) {
		margin-bottom: 0;
		flex-wrap: nowrap;
		min-width: 55%;
		flex: 1;
	}
	.select_group:has(>select.select_box):has(#chkMsrmtList) {
		align-items: start;
	}
	.select_group label {
		font-size: 16px;
		min-width: 90px;
		margin-right: 5px;
		/* width: 100%; */
	}
	.select_group label.msrmt_label {
		display: none;
	}
	.select_box {
		font-size: 16px;
		padding-top: 9px;
		padding-bottom: 9px;
	}
	input[type="text"].select_box::placeholder {
		font-size: 16px;
	}
	.select_group:has(>select.select_box) .select_group_choice {
		margin: 0;
		width: calc(100% - 110px);
	}
	.select_group label+.select_group_choice {
		margin-top: 0;
	}
	.select_group .select_group_choice {
		width: 85%;
	}
	.select_flex_list {
		position: absolute;
		right: 28px;
		bottom: 16px;
	}
	.graph_button_wrap {
		padding-right: 150px;
	}
	.graph_button {
		padding: 18px 0px;
		position: relative;
		align-items: center;
		width: calc(100% - 0px);
	}
	.graph_button .air {
		font-size: 16px;
		line-height: 28px;
		max-width: 130px;
	}
	.graph_button_wrap .graph_download_button_wrap {
		position: absolute;
		bottom: 0px;
		right: 0px;
		background-color: #fff;
		width: 150px;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: end;
		padding-right: 28px;
		z-index: 1;
	}
	.graph_button_wrap .graph_download_button {
		display: inline-block;
		width: 100px;
		cursor: pointer;
		/* margin: 10px 10px 10px auto;
		height: 35px;
		padding: 8px 16px; */
	}
	.result_cnt li.excel_download_button {
		display: inline-block;
		width: 100px;
		cursor: pointer;
		/* height: 35px;
		margin: 7px 0;
		padding: 8px 16px; */
	}
	.download_button {
		display: none;
		border-radius: 18px;
	}
	.page_unit_select {
		display: inline-block;
		position: absolute;
		left: 28px;
		bottom: 22px;
	}
	.select_warp, .graph_button_wrap, .graph_wrap, .table_wrap {
		border-radius: 18px;
	}
	.table_wrap {
		padding: 22px 28px;
	}
	.table_con tr:not(.nodata) th:first-child {
		display: table-cell;
	}
	.table_con tr:not(.nodata) td:first-child {
		display: table-cell;
	}
	.pagenation {
		width: calc(100% - 330px);
		margin: 25px auto 0 auto;
	}
	.msrmt_title h3 {
		font-size: 22px;
	}
	.msrmt_title p {
		font-size: 15px;
	}
	.msrmt_item p {
		font-size: 10px;
	}
	.msrmt_item strong {
		font-size: 14px;
	}

	.graph_con {
		min-width: 100%;
	}
	.wind_rose_graph_con li:not(:last-child) {
		border-right: 1px solid #DEDCDC;
		;
	}
	.slider_wrap {
		padding: 0 65px;
	}
	.lvidex_wrap {
		padding: 0 33px;
	}
	.lvidex_wrap h3 {
		margin-left: 0;
	}
	.lvidex_con {
		margin: 0 22px;
	}
	.lvidex_con_wrap {
		border-radius: 19px;
	}
	.lvidex_con_list {
		padding: 30px 35px 40px 35px;
	}

	.lvlhidex_style {
		/* padding: 15px 21%; */
		margin: 15px auto;
		max-width: 1200px;
	}
	.comidex_alert:before {
		width: max-content;
		top: -125%;
	}
	
	.comidex_con_list {
		padding: 10px 0 20px;
		gap : 0 40px;
	}
	
	.comidex_contents strong {
		font-size: 16px;
		left: 32px;
		top: 18px;
        width: auto;
	}
	
	.comidex_con {
		padding: 18px 25px 15px 30px;
		border-radius: 20px;
		align-items: flex-end;
	}

	.comidex_img {
		float: right;
	}
	.comidex_img img {
		width: 58px;
		height: 58px;
		margin-bottom: 12px;
		margin-top: 0;
	}
	.comidex_stand {
		display: block;
		position: absolute;
		font-size: 10px;
		line-height: 1;
		color: #000000;
		opacity: 0.5;
		bottom: 15px;
		left : 30px;
	}
	.stts_style {
		width: 86px;
		margin-top : 5px;
	}
	.lvlhidex_style .graph_select_wrap {
		width: 100%;
		border-radius: 19px 19px 0px 0px;
	}
	.graph_select_list {
		padding: 11px 20px;
		display: flex;
		justify-content: space-between;
	}
	.graph_select_con {
		width: 115px;
		height: 125px;
		padding: 23px 10px 8px;
		border-radius : 20px;
	}
	.graph_select_con li {
		font-size: 16px;
	}
	.graph_select_img img {
		width: 51px;
		height: 51px;
		margin-bottom: 7px;
	}
	.lvlhidex_style .graph_area:has(.graph_style_add) {
		border-radius: 0px 0px 19px 19px;
		width: 100%;
	}
	.lvlhidex_style .graph_area {
		width: 100%;
	}
	.graph_select_wrap[style*="none"]+.graph_area {
		border-radius: 19px;
	}
	.lvidex_select_wrap {
		height: 508px;
		border-radius: 19px;
	}
	.result_cnt {
		display: flex;
		justify-content: space-between;
		align-items: center;;
		padding-bottom: 20px;
	}
	.result_cnt p {
		display: block;
	}
	.select_wrap_map {
		position: absolute;
		width: 543px;
		height: 438px;
	}
	.select_wrap {
		display: inline;
		float: right;
	}
	.select2-container .select2-selection--multiple .select2-selection__rendered
		{
		padding: 6px 36px 6px 9px !important;
	}
	.select2-container--default .select2-selection--multiple {
		border: 1px solid #CCCCCC;
		border-radius: 8px;
		/* padding-bottom:5px;padding-right:5px; */
		position: relative;
		/* height: 44px;/ */
	}
	.map_legend {
		display: block;
	}
	.map_content_list {
		padding : 20px 18px;
	}
}