@charset "UTF-8";



@media screen and (min-width: 1050px) and (max-width: 1280px) {
	.modal_popup {
		display: flex;
		margin: 0 40px;
		width: calc(100% - 200px);
		/* box-sizing: border-box; */
	}
	.w_1024 {
		/* margin: 0 40px; */
		width: 100%;
		box-sizing: border-box;
		padding: 20px !important;
	}
	.modal.w_100 .title_header {
		padding: 20px !important;
	}
	
	.modal .map .right.on {
		padding: 20px !important;
	}
	.modal .ecology_popup .map {
		height: calc(100% - 70px);
	}
	
	.modal table {
		width: 1024px;
	}
	.modal .section {
		padding: 0 !important;
		box-sizing: border-box;
	}

	/* 자외선 지수s*/
	.modal .uv_index_popup .table {
		overflow-y: hidden;
		overflow-x: auto;
	}
	.modal .uv_index_popup .information > div {
		padding: 20px;
	}
	.modal .uv_index_popup .information > .txt .img {
        right: 12px;
        bottom: 12px;
    }
	.modal .uv_index_popup .information .img ul {
		gap:5px;
	}
	/* 자외선 지수e*/

	/*체감온도 s*/
	.modal .temperature_popup .information .sun {
		width: 100%;
		/* height: calc(100% - 190px); */
		height: calc(100% - 195px);
	}
	.modal .temperature_popup .information > div {
		padding: 20px;
	}
	.modal .temperature_popup .information .img ul {
		gap: 5px;
	}
	/*체감온도 e*/

	/*대기정체지수 s*/
	.modal .aircongestionindex_popup .information .sun {
		font-size: 35px;
	}
	.modal .aircongestionindex_popup .information > div {
		padding: 20px;
	}
	.modal .aircongestionindex_popup .information .img ul {
		gap: 5px;
	}
	/*대기정체지수 e*/

	/*댐 가뭄 단계 정보 s*/
	.modal .dam_popup table {
		width: 100%;
	}
	/*댐 가뭄 단계 정보 e*/
	/*우리동네 가뭄정보 s*/
	.modal .drought_popup table {
		width: 100%;
	}
	/*우리동네 가뭄정보 e*/

	/*국립공원탐방로 s*/
	.modal .national_park_popup_off .scroll {
		padding: 0 20px;
		/* padding-right: 20px; */
		box-sizing: border-box;
	}
	.modal .national_park_popup_off .section .img {
		width: 100%;
		height: auto;
	}
	.modal .national_park_popup_off .section .txt {
		padding-bottom: 20px;
	}
	/*국립공원탑방로 e*/

	/*코리아둘레길 추천 s*/
	.modal .dulle_gil_popup .section .search {
		    padding: 20px 0;
		    width: calc(100% - 40px);
		    height: 280px;
	}
	/*코리아둘레길 추천 e*/


	/*긴급재난문자 s*/
	.modal .emergency_popup .section {
		padding: 20px !important;
	}
	/*긴급재난문자 e*/
}



@media screen and (min-width: 769px) and (max-width: 1049px) {
	.modal_popup {
		display: flex;
		margin: 0 40px;
		width: calc(100% - 80px);
		/* box-sizing: border-box; */
	}
	.w_1024 {
		/* margin: 0 40px; */
		width: 100%;
		box-sizing: border-box;
		padding: 20px !important;
	}
	.modal.w_100 .title_header {
		padding: 20px !important;
	}
	.modal .map .right.on {
		padding: 20px !important;
	}
	.modal .map .right .scroll {
	    width: 514px;
	}
	.modal .map .right.on .scroll .information {
		
width: 500px !important;
	}
	.modal .ecology_popup .map {
		height: calc(100% - 70px);
	}
	.modal .section {
		padding: 0 !important;
	}
	
	.modal table {
		width: 1024px;
	}
	/* 자외선 지수s*/
	.modal .uv_index_popup .table {
		overflow-y: hidden;
		overflow-x: auto;
	}
	.modal .uv_index_popup .information > div {
		padding: 20px;
	}
	.modal .uv_index_popup .information .sun {
		width: 80%;
	}
	.modal .uv_index_popup .information .number {
		transform: translate(-168%, -50%);
	}
	.modal .uv_index_popup .information .img ul {
		gap: 5PX;
		/* flex-direction: row; */
		/* flex-wrap: wrap; */
		height: 16%;
	}
	.modal .uv_index_popup .information .img ul li {
		/* width: 30%; */
		height: 100%;
	}
	.modal .uv_index_popup .information .img ul li > div div:first-child {
		width: 26px;
		height: 40px;
		display: flex;
		/* margin: 0; */
		flex-wrap: wrap;
		align-content: center;
	}
	.modal .uv_index_popup .information > .txt .img {				
		right: 12px;				
		bottom: 12px;
	}
	/* 자외선 지수e*/


	/*체감온도 s*/
	.modal .temperature_popup .information .sun {
		width: 100%;
		/* height: calc(100% - 190px); */
		height: calc(100% - 195px);
	}
	.modal .temperature_popup .information .number {
		
	}
	.modal .temperature_popup .information > div {
		padding: 20px;
	}
	.modal .temperature_popup .information .img ul {
		gap: 5px;
		height: 16%;
	}
	.modal .temperature_popup .information .img ul li {
		/* width: 30%; */
		height: 100%;
	}
	/*체감온도 e*/

	/*대기정체지수 s*/

	.modal .aircongestionindex_popup .information .sun {
		font-size: 35px;
	}
	.modal .aircongestionindex_popup .information > div {
		padding: 20px;
	}
	.modal .aircongestionindex_popup .information .img ul {
		gap: 5px;
		height: 16%;
	}
	.modal .aircongestionindex_popup .information .img ul li {
		/* width: 30%; */
		height: 100%;
	}
	.modal .aircongestionindex_popup .information .img ul li > div div:first-child {
		width: 26px;
		height: 40px;
		display: flex;
		/* margin: 0; */
		flex-wrap: wrap;
		align-content: center;
		margin: 0;
	}
	.modal .aircongestionindex_popup .information .img ul li > div div:last-child {
		/* margin-bottom: 5px; */
	}
	/*대기정체지수 e*/


	/*댐 가뭄 단계 정보 s*/
	.modal .dam_popup table {
		width: 100%;
	}
	/*댐 가뭄 단계 정보 e*/
		/*우리동네 가뭄정보 s*/
	.modal .drought_popup table {
		width: 100%;
	}
	/*우리동네 가뭄정보 e*/


	/*국립공원탐방로 s*/
	.modal .national_park_popup_off .scroll {
		padding: 0 20px;
	}
	.modal .national_park_popup_off .section .img {
		width: 100%;
		height: 400px;
	}
	.modal .national_park_popup_off .section .txt {
		padding-bottom: 20px;
	}
	/*국립공원탑방로 e*/

	/*코리아둘레길 추천 s*/
	.modal .dulle_gil_popup .section .search {
		    padding: 20px 0;
		    width: calc(100% - 40px);
		    height: 280px;
	}
	.modal .dulle_gil_popup .section .search .table {flex-wrap: wrap;}
	.modal .dulle_gil_popup .scroll {
		padding: 0 20px;
	}
	.modal .dulle_gil_popup .section .img {
		padding-top: 20px;
	}
	.modal .dulle_gil_popup .section .img_box {
		padding-bottom: 20px;
	}
	/*코리아둘레길 추천 e*/

	/*긴급재난문자 s*/
	.modal .emergency_popup .section {
		padding: 20px !important;
	}
	/*긴급재난문자 e*/
}

@media screen and (min-width: 0px) and (max-width: 768px) {
	.modal_popup {
		display: none;
	}
}