@charset "UTF-8";



@media screen and (min-width: 1281px) and (max-width: 1536px) {
	
	.widget_popup .button button:last-child {
		display: none;;
	}
	.main_topic.big {
		padding: 22px 0 !important;
	}
	.main_topic2.big {
		padding: 22px 0 !important;
	}	
	/*댐 가뭄 단계 정보 s*/
	.grid-stack-item-content {
		padding: 22px;
	}
	.main_topic.dam.big {
		padding: 22px 0;
	}
	.main_topic.dam.middle .adjustment {
		transform: translate(80%, -70%);
		left: -8px;
		font-size: 14px;
		height: 30px;
		padding: 0 15px;
		top: 155px;
	}
	.main_topic.dam.middle .img {
		margin-top: 0;
		height: calc(100% - 30%);
		background-position: right;
		width: 50%;
		margin: 0;
		transform: translate(90%, -0%);
	}
	.main_topic.dam.middle .middle_txt {
		position: absolute;
		margin: 0;
		transform: translate(70%, 60%);
		left: -8px;
		flex-direction: column;
		align-items: flex-start;
		font-size: 12px;
		line-height: 1.5em;
		height: auto;
		top: 160px;
	}
	.main_topic.dam.middle .middle_txt span:first-child {
		display: none;
	}
	.main_topic.dam.middle .middle_txt span {
		margin:0;
	}
	/*댐 가뭄 단계 정보 e*/
	
	/*우리동네 가뭄정보  s*/
	.main_topic.drought.big {
		padding: 22px 0;
	}
	.main_topic.drought.big .txt {
		font-size: 20px;
	}
	.main_topic.drought.middle .txt {
		font-size: 13px;
	}
	/*우리동네 가뭄정보  e*/
		
	/*무더위 쉼터 s*/
	.main_topic.shelter.big {
		padding: 22px 0;
	}
	.main_topic.shelter.big .caution .address {
		padding: 22px;
	}
	.main_topic.shelter.big .caution .address .img {
		background-size: 90%;
		background-position-y: calc(100% - 10px);
		background-position-x: right;
	}
	.main_topic.shelter.big .caution .address .middle_txt div {
		font-size: 14px;
	}
	.main_topic.shelter.big .caution .address .middle_txt div:first-child {
		font-size: 16px;
	}
	.main_topic.shelter.big .caution .address .middle_txt {
		gap: 8px;
	}
	.main_topic.shelter.big .map button {
		right: 22px;
	}
	.main_topic.shelter.big .map .enlargement {
		top: 22px;
	}
	.main_topic.shelter.big .map .plus{
		bottom: 47px;
	}
	.main_topic.shelter.big .map .minus{
		bottom: 22px;
	}
	.main_topic.shelter.middle .caution .address {
		height: 65%;
	}
	.main_topic.shelter.middle .caution .address .img {
		background-position-x: calc(100% - 5px);
		background-position-y: calc(100% - 10px);
	}
	.main_topic.shelter.middle .caution .address .middle_txt {
		bottom: -45%;
	}
	.main_topic.shelter.middle .caution .address .middle_txt div {
		font-size: 13px;
	}
	/*무더위 쉼터 e*/
		
	/*댐 정보 s*/
	.main_topic.dam_information.big {
		padding: 22px 0;
	}
	.main_topic.dam_information.big .caution {
		margin-top: 22px;
		height: calc(100% - 40px - 20px);
		
	}
	.main_topic.dam_information.big .caution .img_box .img {
		height: 35%;
		margin-bottom: 4%;
	}
	.main_topic.dam_information.middle .water_level {
		height: 100%;
		gap: 10px;
		padding: 15px;
		justify-content: flex-start;
	}
	.main_topic.dam_information.middle .water_level > span {
		font-size: 14px;
	}
	.main_topic.dam_information.middle .water_level div {
		flex-direction: column;
		align-items: flex-start;
		font-size: 12px;
		
	}
	.main_topic.dam_information.middle .water_level div span {
		display: none;
		margin: 0;
	}
	.main_topic.dam_information.middle .water_level div span:last-child{
		display:block;
	}
	.main_topic.dam_information.middle .caution .level {
		display: none;
	}	
	.main_topic.dam_information.middle .caution .img_box .img {
		height: 100%;
		width: 48%;
	}
	/*댐 정보 e*/
	/*자외선지수 s*/
	
	.main_topic.uv_index.big {
		padding: 22px 0;
	}
	.main_topic.uv_index.big .txt {
		font-size: 20px;
	}
	.main_topic.uv_index.big .caution .tulle_tip {
		transform: translate(-180%, -50%);
	}
	.main_topic.uv_index.middle .caution {
		background-position-y: 10%;
		background-size: 70%;
	}
	.main_topic.uv_index.middle .txt {
		font-weight: 300;
		font-size: 14px;
		height: 36px;
	}
	.main_topic.uv_index.middle .caution .tulle_tip {
		width: 60px;
		height: 60px;
		top: 39%;
	}
	.main_topic.uv_index.middle .caution .tulle_tip span {font-size: 10px;}
	.main_topic.uv_index.middle .caution .tulle_tip span:last-child {font-size: 20px;}
	.main_topic.uv_index.middle .caution .tulle_tip::after {
		left: calc(90% - 20%);
		top: 57%;
	}
	/*자외선지수 e*/

	/*체감온도 s*/
	.main_topic.temperature.big {
		padding: 22px 0;
	}		
	.main_topic.temperature.big .txt {
		
		font-size: 20px;
	}
	.main_topic.temperature.middle .middle_txt div {
		
		font-size: 12px;
				
		flex-direction: column;
	}
	.main_topic.temperature.middle .middle_txt div span:first-child {
		display: none;
	}
	/*체감온도 e*/

	/*대기정체지수 s*/
	.main_topic.aircongestionindex.big {
		padding: 22px 0;
	}
	.main_topic.aircongestionindex.big .img {
		font-size: 45px;
	}
	.main_topic.aircongestionindex.big .txt {
		font-size: 20px;
	}
	
	.main_topic.aircongestionindex.middle .img {
		height: 65%;
	}
	.main_topic.aircongestionindex.middle .txt {		
		font-weight: 300;			
		font-size: 14px;				
		height: 36px;
	}
	.main_topic.aircongestionindex.middle .caution {
		gap: 10px;
	}
	/*대기정체지수 e*/



	/*우리동네 상수도정보 s*/
	.main_topic.waterworks.big {
		padding: 22px 0;
	}
	.main_topic.waterworks.big .caution .data ul {
		width: 75%;
	}
	.main_topic.waterworks.big .swiper-button-next {
		
		/* right: 0; */
				
		width: 40px;
				
		height: 40px;
				
		top: calc(72% - 20px);
	}
	.main_topic.waterworks.big .swiper-button-prev {
		width: 40px;
				
		height: 40px;
				
		top: calc(72% - 20px);
	}
	.main_topic.waterworks.big .caution .img_data .txt {
		font-size: 14px;
	}
	.main_topic.waterworks.middle .caution .data .swiper-slide {
		gap: 5px;
	}
	.main_topic.waterworks.middle .caution .data .title {
		font-size: 12px;
	}
	.main_topic.waterworks.middle .caution .img_data {
	height: 35%;
	}
	.main_topic.waterworks.middle .caution .data {
		height: 60%;
	}
	.main_topic.waterworks.middle .caution {
		gap: 0;
		display: flex;
		justify-content: space-between;
	}
	.main_topic.waterworks.middle .caution .data ul li {
		border-radius: 15px;
	}
	.main_topic.waterworks.middle .caution .data ul > li > div {
		font-size: 12px;
		padding: 5px;
	}
	.main_topic.waterworks.middle .caution .data ul > li > div > div {
		height: 45%
	}
	.main_topic.waterworks.middle .caution .data ul.on > li > div > div {
	    font-size: 10px;
	}
	.main_topic.waterworks.middle .swiper-button-next {
		
		top: calc(72% - 20px);
	}
	.main_topic.waterworks.middle .swiper-button-prev {
		top: calc(72% - 20px);
	}
	/*우리동네 상수도정보 e*/

	

	
	/*초미세먼지 s*/
	
	.main_topic.dust.big {
		padding: 22px 0;
	}
	.main_topic.dust.big .txt {
		
		font-size: 20px;
	}
	.main_topic.dust.middle .caution {
		gap: 10px;
	}
	.main_topic.dust.middle .img {
		height: 65%;
	}
	.main_topic.dust.middle .txt {
		font-size: 14px;
	}
	/*초미세먼지 e*/

	/*통합대피소 s*/
	.main_topic.integrated.big {
		padding: 22px 0;
	}
	.main_topic.integrated.big .caution .address {
		padding: 22px;
	}
	.main_topic.integrated.big .caution .address .img {

		background-position-x: calc(100% - 16px);
		
		background-position-y: calc(100% - 8px);
	
	}
	.main_topic.integrated.big .caution .address .middle_txt div {
		font-size: 14px;
	}
	.main_topic.integrated.big .caution .address .middle_txt div:first-child {
		font-size: 16px;
	}
	.main_topic.integrated.big .caution .address .middle_txt {
		gap: 8px;
	}
	.main_topic.integrated.big .map button {
		right: 22px;
	}
	.main_topic.integrated.big .map .enlargement {
		top: 22px;
	}
	.main_topic.integrated.big .map .plus{
		bottom: 47px;
		display: none;
	}
	.main_topic.integrated.big .map .minus{
		bottom: 22px;
		display: none;
	}
	.main_topic.integrated.middle .caution .address .middle_txt {
		gap: 6px;
	}
	.main_topic.integrated.middle .caution .address .middle_txt div {
		font-size: 13px;
		display: flex;
		justify-content: flex-start;
		flex-direction: column;
		align-items: flex-start;
		gap: 6px;
		/* line-height: 1.4em; */
	}
	.main_topic.integrated.middle .caution .address .middle_txt div span {
		margin:0;
	}
	/*통합대피소 e*/
	/*전기차 · 수소차 충전소 s*/
	.main_topic.charging.big {
		padding: 22px 0;
	}
	.main_topic.charging.big .caution .address {
		gap: 15px;
		padding: 22px;
	}
	.main_topic.charging.big .caution .address .img {
		background-size: contain;
		width: 60%;
	}
	.main_topic.charging.big .caution .address .img .tulle_tip {
		
/* left: -40px; */
	}
	.main_topic.charging.big .caution .address .txt {
		margin-bottom: 0px;
	}
	.main_topic.charging.big .caution .address .middle_txt div {
		font-size: 14px;
	}
	.main_topic.charging.big .caution .address .middle_txt div:first-child {
		font-size: 16px;
	}
	.main_topic.charging.big .caution .address .middle_txt {
		gap: 8px;
	}
	.main_topic.charging.big .map button {
		right: 22px;
	}
	.main_topic.charging.big .map .enlargement {
		top: 22px;
	}
	.main_topic.charging.big .map .plus{
		bottom: 47px;
		display: none;
	}
	.main_topic.charging.big .map .minus{
		bottom: 22px;
		display: none;
	}
	.main_topic.charging.middle .caution .address .txt {
		height: 14px;
	}
	.main_topic.charging.middle ul {
		height: 35px;
	}
	.main_topic.charging.middle .caution .address > .img {
		height: calc(100% - 14px) !important;
	}
	.main_topic.charging.middle .caution .address > .img > .img {
		
		background: url(./image/new/electric/ev_car_small.png) no-repeat;
				
		background-size: contain;
				
		background-position: center;
	}
	.main_topic.charging.middle .caution .address .middle_txt div {
		font-size: 13px;
		display: flex;
		justify-content: flex-start;
		flex-direction: row;
		align-items: flex-start;
		gap: 5px;
		/* line-height: 1.4em; */
		/* margin: 0; */
	}
	.main_topic.charging.middle .caution .address .middle_txt div:last-child {
    /* display: none; */
}
	.main_topic.charging.middle .caution .address .middle_txt div span{
		margin: 0; 
	}
	/*전기차 · 수소차 충전소 e*/
	
	/*물차 제원  s*/
	.main_topic.water_truck.big {
		padding: 22px 0;
	}
	.main_topic.water_truck.big .txt {
		font-size: 20px;
	}
	.main_topic.water_truck.middle .txt {
		font-size: 14px;
	}
	/*물차 제원  e*/

	/*국립공원탐방로 s*/
	.main_topic.national_park.big {
		padding: 22px 0;
	}
	.main_topic.national_park.big .caution{
		/* height: calc(100% - 45px); */
	} 
	.main_topic.national_park.big .caution .address{
		padding: 22px;
		height: calc(45% - 10px);
	}
	.main_topic.national_park.big .caution .address .title {
		line-height: initial;
		gap: 8px;
	}
	
	.main_topic.national_park.big .caution .address .title .blue {
		font-size: 12px;
		margin: 0;
	}
	.main_topic.national_park.big .caution .address .title div {
		font-size: 20px;
		color: #696969;
	}
	.main_topic.national_park.big .caution .address .img_txt {
		height: 35px;
	}
	.main_topic.national_park.big .caution .address .img_txt li {
		font-size: 12px;
	}

	.main_topic.national_park.big .trail {
		height: 55%;
	}
	.main_topic.national_park.middle .caution .address .img_txt li {
		font-size: 11px;
	}
	.main_topic.national_park.middle .caution .address .img_txt li div:nth-child(1){
		width: 8%;
	}
	.main_topic.national_park.middle .caution .address .img_txt {
		gap: 6px;
	}
	/*국립공원탐방로 e*/
	
	/*황사 모델예측 s*/
	.main_topic.yellow_dust.big {
		padding: 22px 0;
	}
	/*황사 모델예측 e*/
	
	/*황사 위성영상 s*/
	.main_topic.satellite.big {
		padding: 22px 0;
	}
	/*황사 위성영상 e*/

	/*표준유역 강수량 s*/
	.main_topic.standard_basin.big {
		padding: 22px 0;
	}
	.main_topic.standard_basin.big .range .button {
		left:22px;
		bottom: 72px;
	}
	.main_topic.standard_basin.middle .range .middle {
		/* font-size: 9px; */
		display: none;
	}
	.main_topic.standard_basin.middle .caution {
		width: 100%;
	}
	.main_topic.standard_basin.middle .range .bar {
		display: none;
	}
	/*표준유역 강수량 e*/

	/*생태관광 코스 추천 s*/
	.main_topic.ecology.big {
		padding: 22px 0;
	}
	.main_topic.ecology.middle .caution {
		height: calc(100% - 45px);
	}
	/*생태관광 코스 추천 s*/


	/*코리아둘레길 추천 s*/
	.main_topic.dulle_gil.big {
		padding: 22px 0;
	}
	.main_topic.dulle_gil.big .swiper_ecology .swiper-wrapper > div .text .img {
		/* width: 30%; */
		/* height: 30%; */
	}
	.main_topic.dulle_gil.big .swiper_ecology .swiper-wrapper > div .text {
		gap: 15px;
		height: 60%;
	}
	.main_topic.dulle_gil.big .swiper_ecology .swiper-wrapper > div {
		/* gap: 20px; */
	}
	.main_topic.dulle_gil.big .swiper_ecology .swiper-wrapper > div .text div:nth-child(3) {
		/* font-size: 14px; */
		/* line-height: initial; */
		gap: 8px;
	}
	.main_topic.dulle_gil.big .swiper_ecology .swiper-wrapper > div .distance {
		height: 40%;
		/* font-size: 13px; */
		justify-content: flex-start;
		width: 75%;
		gap: 8px;
	}
	.main_topic.dulle_gil.big .swiper_ecology .swiper-wrapper > div .distance > div .img {
		/* height:20px; */
		/* width: 20px; */
	}
	.main_topic.dulle_gil.middle .swiper_ecology .swiper-wrapper > div .text div:nth-child(3) {
		
		font-size: 12px;
				
		width: 100%;
	}
	.main_topic.dulle_gil.middle .swiper_ecology .swiper-wrapper > div .text .img {
		height: 32%;
		width: 12%;
		/* top: calc(40% - 46px); */
	}
	.main_topic.dulle_gil.middle .swiper_ecology .swiper-wrapper > div .text .title > span::after {
		width: 10px;
		height: 10px;
	}
	/*코리아둘레길 추천 e*/

	/*다중이용시설실내공기질 s*/
	.main_topic.air_quality.big {
		padding: 22px 0;
	}
	.main_topic.air_quality.big .caution .img_data .txt {
		font-size: 26px;
	}
	.main_topic.air_quality.big .caution .img_data select {
		width: 70%;
	}
	.main_topic.air_quality.middle .caution .data ul > li > div > div.yellow {
		font-size: 10px;
	}
	.main_topic.air_quality.middle .caution .data ul > li > div > div span {
	    margin: 0;
	    margin-left: 2px;
	}
	.main_topic.air_quality.middle .caution .data ul > li > div > div {
		font-size: 12px;
	}
	.main_topic.air_quality.middle .caution .data ul li {
		border-radius: 15px;
	}
	.main_topic.air_quality.middle .caution .data .title {
		
font-size: 12px;
	}
	.main_topic.air_quality.middle .swiper-button-prev {
		width: 40px;
		height: 40px;
		top: calc(50% - -28px);
	}
	.main_topic.air_quality.middle .swiper-button-prev:after {
		font-size: 15px;
	}
	.main_topic.air_quality.middle .swiper-button-next {
		width: 40px;
		height: 40px;
		top: calc(50% - -28px);
	}
	.main_topic.air_quality.middle .swiper-button-next:after {
		font-size: 15px;
	}
	/*다중이용시설실내공기질 e*/

	/*긴급재난문자 s*/
	
	.main_topic.emergency.big {
		padding: 22px 0; 
	}
	.main_topic.emergency.big .caution .information {
		padding: 22px;
		gap: 10px;
	}
	.main_topic.emergency.big .txt ul li {
		padding: 22px;
		gap: 10px;
	}
	
.main_topic.emergency.big .caution .information .img {
	width: 45%;
}
	.main_topic.emergency.big .caution .information .img_information {
		gap: 15px
	}
	.main_topic.emergency.big .caution .information .img_information .txt {
		font-size: 14px;
		/* gap: 8px; */
		line-height: 1.6em;
		width: 100%;
	}
	.main_topic.emergency.middle .caution .information {
		/* padding: 10px; */
		height: calc(100% - 45px);
		gap: 10px;
	}
	.main_topic.emergency.middle .caution .information > .time {
		font-size: 13px;
	}
	.main_topic.emergency.middle .caution .information .button {
		bottom: calc(0% - -48px );
		width: calc(100% - 44px);
		font-size: 14px;
		/* gap: 5px; */
	}
	.main_topic.emergency.middle .caution .information .img_information .txt {
		font-size: 13px;
	}
	/*긴급재난문자 e*/


	/*오늘의 날씨 s*/
	.content-01.middle .temperature {
		font-size: 30px !importent;
	}
	/*오늘의 날씨 e*/
}





@media screen and (min-width: 1050px) and (max-width: 1280px) {
	
	
	.widget_popup .button button:last-child {
		display: none;;
	}
	.main_topic.big {
		padding: 20px 0 !important;
		height: calc(100% - 68px);
	}
	.main_topic2.big {
		padding: 20px 0 !important;
		height: calc(100% - 68px);
	}
	/*댐 가뭄 단계 정보 s*/
	.grid-stack-item-content {
		padding: 20px;
	}
	.main_topic.dam.big {
		padding: 20px 0;
	}
	.main_topic.dam.big ul li {		
		font-size: 14px;
	}
	.main_topic.dam.big .caution {
		height: calc(100% - 40px - 40px - 20px);
		margin-bottom: 20px;
	}
	.main_topic.dam.big .img {
		width: 45%;
		height: 52%;
		margin-top: 20px;
	}
	.main_topic.dam.big .txt {
		font-size: 16px;
		margin-top: 20px;
		display: none;
	}
	.main_topic.dam.big .range .bar .tulle_tip {
		height: 30px;
		font-size: 11px;
		width: 150px;
		top: -50px;
		left: calc(30% - 75px);
	}
	.main_topic.dam.big .range .bar .tulle_tip span {
		margin-left: 5px;
	}
	.main_topic.dam.middle select {
		height: 30px;
		font-size: 12px;
		border-radius: 10px;
	}
	.main_topic.dam.middle .adjustment {
		transform: translate(52%, 0%);
		left: 0;
		font-size: 14px;
		height: 30px;
	}
	.main_topic.dam.middle .img {
		margin-top: 0;
		height: calc(100% - 30%);
		background-position: right;
		width: 45%;
		margin: 0;
		transform: translate(120%, -0%);
		background-position-x: calc(100% - 0px) !important;
	}
	.main_topic.dam.middle .middle_txt {
		display: none;
	}
	.main_topic.dam.middle .caution {
		
		height: calc(100% - 40px);
	}
	/*댐 가뭄 단계 정보 e*/
	
	/*우리동네 가뭄정보  s*/
	.main_topic.drought.big {
		padding: 20px 0;
	}
	.main_topic.drought.big .txt {
		font-size: 18px;
		margin-top: 20px;
	}
	.main_topic.drought.middle .txt {
		/* font-size: 13px; */
		display: none;
	}
	.main_topic.drought.middle .caution {
		flex-direction: row;
		align-items: center;
		justify-content: space-evenly;
	}
	.main_topic.drought.middle .img {
		margin: 0;
		width: 34%;
		height: 60%;
	}
	.main_topic.drought.middle .caution .adjustment {
		display: block;
		font-weight: 600;
		margin: 0;
		font-size: 18px;
		width: 30%;
		text-align: center;
	}
	/*우리동네 가뭄정보  e*/
	
	/*무더위 쉼터 s*/
	.main_topic.shelter.big {
		padding: 20px 0;
	}
	.main_topic.shelter.big .caution .address {
		padding: 20px;
	}
	.main_topic.shelter.big .caution .address .img {
		background-size: 90%;
		background-position-y: calc(100% - 8px);
		background-position-x: right;
		/* height: 120%; */
		/* width: 50%; */
	}
	.main_topic.shelter.big .caution .address .middle_txt div {
		font-size: 14px;
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 8px;
	}
	.main_topic.shelter.big .caution .address .middle_txt div:first-child {
		font-size: 16px;
	}
	.main_topic.shelter.big .caution .address .middle_txt div:last-child {
		display: none;
	}
	.main_topic.shelter.big .caution .address .middle_txt {
		gap: 8px;
	}
	.main_topic.shelter.big .map button {
		right: 20px;
	}
	.main_topic.shelter.big .map .enlargement {
		top: 20px;
	}
	.main_topic.shelter.big .map .plus{
		bottom: 45px;
		display: none;
	}
	.main_topic.shelter.big .map .minus{
		bottom: 20px;
		display: none;
	}
	.main_topic.shelter.middle .caution .address .middle_txt {
		/* display: none; */
		/* bottom: calc(110% - 75px); */
		left: 10px;
		bottom: initial;
		height: initial;
		top: 50px;
	}
	.main_topic.shelter.middle .caution .address .middle_txt div:first-child {
		display: block;
		font-weight: 300;
	}
	.main_topic.shelter.middle .caution .address .middle_txt div {
		display: none;
	}
	.main_topic.shelter.middle .caution .address {
		height: 100%;
		padding: 10px;
	}
	.main_topic.shelter.middle .caution .address .img {
		height: calc(100% - 12%);
		top: 0;
		width: 55%;
		background-position-x: calc(100% - 2px);
		background-position-y: calc(100% - 0px);
	}
	.main_topic.shelter.middle .caution .address .txt {
	    display: flex;
	    flex-direction: column;
	    align-items: flex-start;
	    height: 100%;
	    justify-content: space-between;
	    margin: 0;
	}
	/*무더위 쉼터 e*/

	/*댐 정보 s*/
	.main_topic.dam_information.big {
		padding: 20px 0;
	}
	.main_topic.dam_information.big .caution {
		margin-top: 10px;
		height: calc(100% - 40px - 10px);
	}
	.main_topic.dam_information.big .caution .img_box {
		height: 100%;
		width: 100%;
		padding: 20px;
		box-sizing: border-box;
	}
	.main_topic.dam_information.big .caution .img_box.blue_pastel::after {
		display: none;
	}
	.main_topic.dam_information.big .caution .img_box .img {
		height: 35%;
		margin-bottom: 4%;
	}
	.main_topic.dam_information.big .caution .level_img {
		display: none;
	}
	.main_topic.dam_information.middle .water_level {
		height: 100%;
		padding: 10px;
		justify-content: center;
	}
	
	.main_topic.dam_information.middle .water_level div {
		display: none;
	}
	.main_topic.dam_information.middle .water_level div span {
		display: none;
	}
	.main_topic.dam_information.middle .water_level div span:last-child {
		display: block;
	}
	.main_topic.dam_information.middle .caution .level {
		display: none;
	}
	.main_topic.dam_information.middle .caution .img_box .img {
		height: 70%;
		width: 42%;
		right: 10px;
		background-size: contain;
		top: 14%;
	}
	.main_topic.dam_information.middle select {
		
height: 30px;
		
font-size: 12px;
	}
	.main_topic.dam_information.middle .caution {
		height: calc(100% - 40px);
	}
	/*댐 정보 e*/

	/*자외선지수 s*/
	.main_topic.uv_index.big{
		padding: 20px 0;
	}
	.main_topic.uv_index.big .txt {
		font-size: 18px;
		bottom: 18%;
	}
	.main_topic.uv_index.big .caution .tulle_tip {
		transform: translate(-169%, -50%);
	}
	.main_topic.uv_index.middle .caution {
		background: #FFF8DD;
		border-radius: 10px;
		flex-direction: row;
		align-items: center;
		font-weight: 600;
		font-size: 18px;
		justify-content: space-evenly;
	}
	.main_topic.uv_index.middle .caution .img{
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		background: url('./image/new/ultraviolet/icon_1.png') no-repeat;
		background-size: contain;
		height: 70%;
		width: 38%;
		margin: 0;
	}
	.main_topic.uv_index.middle .txt {
		display: none;
	}
	.main_topic.uv_index.middle .caution .adjustment {
		display:block;
		margin: 0;
		width: 30%;
	}
	.main_topic.uv_index.middle .caution .tulle_tip {
		display: none;
	}
	/*자외선지수 e*/

	/*체감온도 s*/
	.main_topic.temperature.big {
		padding: 20px 0;
	}
	.main_topic.temperature.big .range .bar .tulle_tip {
		height: 30px;
		font-size: 11px;
		width: 140px;
		top: -50px;
		left: calc(30% - 70px);
	}
	.main_topic.temperature.big .txt {
		font-size: 18px;
	}
	.main_topic.temperature.middle .middle_txt div {
		display: none;
	}
	.main_topic.temperature.middle .middle_txt {
		padding: 10px;
		padding-right: 0;
		justify-content: center;
	}
	.main_topic.temperature.middle .middle_txt > span {
		line-height: 30px;
	}
	.main_topic.temperature.middle .img {
		 margin: 0;
		 /* padding: 10px; */
		 background-position-x: right;
		 margin-right: 10px;
	}
	.main_topic.temperature.middle select {
		height: 30px;
		font-size: 12px;
	}
	.main_topic.temperature.middle .caution {
		height: calc(100% - 40px);
	}
	/*체감온도 e*/

	/*대기정체지수 s*/
	.main_topic.aircongestionindex.big {
		padding: 20px 0;
	}	
	.main_topic.aircongestionindex.big .caution {
		/* height: calc(100% - 95px); */
		gap: 15px;
		/* margin-bottom: 5px; */
	}
	.main_topic.aircongestionindex.big .img {
		font-size: 35px;
	}
	.main_topic.aircongestionindex.big .txt {
	    font-size: 18px;
	}
	.main_topic.aircongestionindex.middle .caution {
		margin: 0;
		font-size: 18px;
		font-weight: 600;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-evenly;
		gap: initial;
	}
	.main_topic.aircongestionindex.middle .img {
		/* display: none; */
		width: 50%;
		height: 70%;
		width: 40%;
		margin: 0;
		font-size: 16px;
		background: url('./image/new/air/cloud1.png') no-repeat;
		background-size: contain;
		background-position: center;
	}
	.main_topic.aircongestionindex.middle .txt {
		display: none;
		width: 50%;
	}
	.main_topic.aircongestionindex.middle .adjustment {
		display: block;
		width: 30%;
		margin: 0;
	}
	/*대기정체지수 e*/


	/*우리동네 상수도정보 s*/
	.main_topic.waterworks.big {
		padding: 20px 0;
	}
	.main_topic.waterworks.big .caution .data .swiper-slide {
		gap: 12px;
	}
	.main_topic.waterworks.big .caution .data .title {
		font-size: 18px;
	}
	
	.main_topic.waterworks.big .caution .data ul.on > li > div {
		font-size: 15px;
	}
	.main_topic.waterworks.big .caution .data ul.on > li > div {
	padding: 5px 10px;
	}
	.main_topic.waterworks.big .caution .data ul > li > div {
		font-size: 18px;
	}
	.main_topic.waterworks.big .caution .data ul > li > div .blue {
		border-bottom: none;
	}
	.main_topic.waterworks.big .caution .data ul.on > li > div > div {
		height: 50%;
	}
	.main_topic.waterworks.big .caution .data ul.on > li:nth-child(2) > div > div:nth-child(1) {
	    width: 56px;
	    border-bottom: none;
	}
	.main_topic.waterworks.big .caution .data ul > li > div > div {
		/* height: 40%; */
	}
	.main_topic.waterworks.big .caution .data ul {
		width: 70%;
		gap: 20px;
	}
	.main_topic.waterworks.big .swiper-button-next {				
		width: 40px;				
		height: 40px;			
		top: calc(72% - 20px);
	}
	.main_topic.waterworks.big .swiper-button-prev {			
		width: 40px;				
		height: 40px;				
		top: calc(72% - 20px);
	}
	.main_topic.waterworks.big .caution .img_data .txt {
		font-size: 13px;
	}
	.main_topic.waterworks.middle .caution .img_data {
		/* display: none; */
		display: flex;
		height: 100%;
		justify-content: space-between;
	}
	.main_topic.waterworks.middle .caution .img_data .img {
		display: flex;
		/* width: 50%; */
		margin: 0;
		height: calc(100% - 5px);
		gap: 5px;
		flex-wrap: wrap;
		box-sizing: border-box;
	}

	.main_topic.waterworks.middle .caution .img_data .img li {
		margin: 0;
		width: calc(50% - 2.5px);
		height: 50%;
		background-size: 35% !important;
		border-radius: 10px;
		box-sizing: border-box;
	}
	.main_topic.waterworks.middle .caution .img_data .img li.on {
    border: 2px solid #78b7f4;
}
	.main_topic.waterworks.middle .caution .img_data .img li:after {
		padding:initial;
	}
	.main_topic.waterworks.middle .caution .data {
		height: 60%;
		display: none;
		position: absolute;
		border-radius: 10px;
		width: 120%;
		bottom: -35%;
		left: -10%;
		box-shadow: 2px 2px 5px 4px rgba(0, 0, 0, .08);
	}
	.main_topic.waterworks.middle .caution .data.on {
		display: block;
	}
	.main_topic.waterworks.middle .caution .data .swiper-slide {
		gap: 5px;
	}
	.main_topic.waterworks.middle .caution .data .title {
		font-size: 14px;
	}.main_topic.waterworks.middle .caution .data ul {
		gap: 5px;
	}
	
	.main_topic.waterworks.middle .caution .data ul li {
		border-radius: 15px;
	}
	.main_topic.waterworks.middle .caution .data ul > li > div {
		font-size: 12px;
	}
	.main_topic.waterworks.middle .caution .data ul > li > div > div {
		height: 45%;
	}
	.main_topic.waterworks.middle .caution .data ul.on > li > div > div {
	    font-size: 10px;
	}
	.main_topic.waterworks.middle .swiper-button-next {
		top: calc(64% - 20px);
		right: 5px;
	}
	.main_topic.waterworks.middle .swiper-button-prev {
		top: calc(64% - 20px);
		left: 5px;
	}
	/*우리동네 상수도정보 e*/

	
	

	/*초미세먼지 s*/
	.main_topic.dust.big {
		padding: 20px 0;
	}
	.main_topic.dust.big .txt {
		
		font-size: 18px;
	}
	.main_topic.dust.big .range .bar {
		height: 4px;
	}
	.main_topic.dust.big .range .bar .rod {
		height: 4px;
	}
	.main_topic.dust.big .range .bar div {
		font-size: 12px;
	}
	.main_topic.dust.big .range .bar .rod {
		height: 4px;
	 }
	.main_topic.dust.big .range .bar .check {
		width: 14px;
		height: 14px;
	}
	.main_topic.dust.big .range .bar div:nth-child(2) {
		top: -5px;
	}
	.main_topic.dust.big .range .bar div:nth-child(3) {	
		top: -5px;
	}
	.main_topic.dust.big .range .bar div:nth-child(4) {
		top: -5px;
	}
	.main_topic.dust.big .range .bar div:nth-child(5) {
		top: -5px;
	}
	.main_topic.dust.middle .caution {
		flex-direction: row;
		align-items: center;
		justify-content: space-evenly;
		gap: 0;
	}
	.main_topic.dust.middle .caution .img {
        margin: 0;
        width: 34%;
        height: 60%;
        background: url('./image/new/dust/d_icon_1.png') no-repeat;
        background-size: contain;
        background-position: center;
    }
	.main_topic.dust.middle .txt {
		display: none;
	}
	.main_topic.dust.middle .adjustment{
		display: block;
		font-weight: 600;
		margin: 0;
		font-size: 18px;
		width: 30%;
		text-align: center;
	}
	/*초미세먼지 e*/

	/*통합대피소 s*/
	.main_topic.integrated.big {
		padding: 20px 0;
	}
	.main_topic.integrated.big .caution {
	    height: calc(100% - 50px);
	}
	.main_topic.integrated.big .caution .address {
		padding: 20px;
	}
	.main_topic.integrated.big .caution .address .img {
		background-position-x: calc(100% - 16px);
		background-position-y: calc(100% - 8px);
	}
	
	.main_topic.integrated.big .caution .address .middle_txt div {
		font-size: 14px;
		display: flex;
		/* flex-direction: column; */
		/* align-items: flex-start; */
		gap: 5px;
	}
	.main_topic.integrated.big .caution .address .middle_txt div:first-child {
		font-size: 16px;
	}
	.main_topic.integrated.big .caution .address .middle_txt div:last-child {
		/* display: none; */
	}
	.main_topic.integrated.big .caution .address .middle_txt {
		gap: 8px;
	}
	.main_topic.integrated.big .map button {
		right: 20px;
	}
	.main_topic.integrated.big .map .enlargement {
		top: 20px;
	}
	.main_topic.integrated.big .map .plus{
		bottom: 45px;
		display: none;
	}
	.main_topic.integrated.big .map .minus{
		bottom: 20px;
		display: none;
	}
	.main_topic.integrated.middle select {
		height: 30px;
		font-size: 12px;
	}
	.main_topic.integrated.middle .caution {
		height: calc(100% - 40px);
	}
	.main_topic.integrated.middle .caution .address .middle_txt {
		width: calc(100% - 20px);
		/* display: none; */
		height: calc(100% - 30px);
		box-sizing: border-box;
		left: 10px;
	}
	.main_topic.integrated.middle .caution .address .middle_txt div:last-child {
		display: none;
	}
	.main_topic.integrated.middle .caution .address {
		height: 100%;
		padding: 0;
		display: flex;
		align-content: center;
		/* position: relative; */
		padding: 0 10px !important;
		align-items: center;
	}
	.main_topic.integrated.middle .caution .address.blue_pastel .img {
		border: navajowhite;
		background: #ffffff00 url(./image/new/all_shelter/shelter_1.png) no-repeat;
		width: 70%;
		height: 90%;
		background-size: contain;
		position: initial;
		/* top: 15px; */
		/* right: 15px; */
		border-radius: 0;
		/* background-position: center; */
		background-position-y: center;
		background-position-x: calc(100% - 0px) !important;
		/* padding: 10px 0; */
		box-sizing: border-box;
	}
	.main_topic.integrated.middle .caution .address .txt {
	    display: flex;
	    flex-direction: column;
	    align-items: flex-start;
	    height: 100%;
	    justify-content: center;
	    width: 100%;
	}
	/*통합대피소 e*/
	/*전기차 · 수소차 충전소 s*/
	.main_topic.charging.big {
		padding: 20px 0;
	}
	.main_topic.charging.big .caution .address {
		padding: 15px;
		justify-content: space-between;
		/* gap: 15px; */
	}
	.main_topic.charging.big .caution .address .txt {
		height: 45px;
		/* align-items: flex-start; */
	}
	.main_topic.charging.big .caution .address .img {
		/* background-position-x: calc(100% - 16px); */
		/* background-position-y: calc(100% - 8px); */
		/* width: 60%; */
		height: calc(100% - 55px);
		background: url(./image/new/electric/ev_car_small.png) no-repeat;
		background-size: contain;
		background-position: center;
	}
	.main_topic.charging.big .caution .address .img .tulle_tip {
		/* left: initial; */
		width: 50px;
		height: 50px;
		/* left: 18%; */
		transform: translate(-0%,-50%);
		/* bottom: 0; */
		font-size: 14px;
	}
	.main_topic.charging.big .caution .address .img .tulle_tip::after {
		left: calc(100% - 35%) !important;
	}	
	.main_topic.charging.big .caution .address .middle_txt div {
		font-size: 14px;
		display: flex;
		/* flex-direction: column; */
		/* align-items: flex-start; */
		gap: 5px;
	}
	.main_topic.charging.big .caution .address .middle_txt div:first-child {
		font-size: 16px;
	}
	.main_topic.charging.big .caution .address .middle_txt div:last-child {
		/* display: none; */
	}
	.main_topic.charging.big .caution .address .middle_txt {
		gap: 8px;
	}
	.main_topic.charging.big .map button {
		right: 20px;
	}
	.main_topic.charging.big .map .enlargement {
		top: 20px;
	}
	.main_topic.charging.big .map .plus{
		bottom: 45px;
		display: none;
	}
	.main_topic.charging.big .map .minus{
		bottom: 20px;
		display: none;
	}
	.main_topic.charging.middle .caution .address .txt {
		height: 14px;
		display: none;
	}
	.main_topic.charging.middle ul {
		height: 30px;
	}
	.main_topic.charging.middle ul li {
		font-size: 12px;
	}
	.main_topic.charging.middle .caution {
		height: calc(100% - 40px);
	}
	.main_topic.charging.middle .caution .address > .img {
		height: 100% !important;
	}
	.main_topic.charging.middle .caution .address .tulle_tip {
		left: 10px;
		right: initial;
		bottom: initial;
	}
	.main_topic.charging.middle .caution .address.electricity > .img > .img {
		background: url(./image/new/electric/ev_car_small.png) no-repeat;
		background-size: contain;
		background-position-x: calc(100% - 10px);
		margin: 0;
		width: 100%;
		height: 70%;
	}
	.main_topic.charging.middle .caution .address.hydrogen > .img > .img {
		background: url(./image/new/electric/h2_car_small.png) no-repeat;
		background-size: contain;
		background-position-x: center;
		margin: 0;
		width: 100%;
		height: 70%;
	}
	.main_topic.charging.middle .caution .address .middle_txt div {
		font-size: 13px;
		display: flex;
		justify-content: flex-start;
		flex-direction: row;
		align-items: flex-start;
		gap: 5px;
		/* line-height: 1.4em; */
		/* margin: 0; */
		display: none;
	}
	.main_topic.charging.middle .caution .address .middle_txt div:last-child {
    /* display: none; */
}
	.main_topic.charging.middle .caution .address .middle_txt div span{
		margin: 0; 
	}
	/*전기차 · 수소차 충전소 e*/

	/*물차 제원 s*/
	.main_topic.water_truck.big {
		padding: 20px 0;
	}
	.main_topic.water_truck.big .txt {
		font-size: 18px;
		margin-top: 20px;
	}
	.main_topic.water_truck.middle .txt {
		/* font-size: 13px; */
		display: none;
	}
	.main_topic.water_truck.middle .caution {
		flex-direction: row;
		align-items: center;
		justify-content: space-evenly;
	}
	.main_topic.water_truck.middle .img {
		margin: 0;
		width: 34%;
		height: 60%;
	}
	.main_topic.water_truck.middle .caution .adjustment {
		display: block;
		font-weight: 600;
		margin: 0;
		font-size: 18px;
		width: 34%;
		text-align: center;
		line-height: 1.4em;
		display: flex;
		flex-direction: column;
	}
	.main_topic.water_truck.middle .caution .adjustment span {
		display: flex;
		gap: 5px;
	}
	/*물차 제원 e*/

	/*국립공원탐방로 s*/
	.main_topic.national_park.big {
		padding: 20px 0;
	}
	.main_topic.national_park.big .caution{
		/* height: calc(100% - 45px); */
	} 
	.main_topic.national_park.big .caution .address{
		padding: 20px;
		height: calc(60% - 10px);
	}
	.main_topic.national_park.big .caution .address .title {
		line-height: initial;
		gap: 8px;
	}
	
	.main_topic.national_park.big .caution .address .title .blue {
		font-size: 10px;
		margin: 0;
	}
	.main_topic.national_park.big .caution .address .title div {
		font-size: 18px;
		color: #696969;
	}
	.main_topic.national_park.big .caution .address .img_txt li div:nth-child(1) {
		width: 30%;
		height: 65%;
	}
	.main_topic.national_park.big .caution .address .img_txt li div:nth-child(2) {
		width: calc(70% - 5px);
		display: flex;
		justify-content: flex-start;
	}
	.main_topic.national_park.big .caution .address .img_txt li div:nth-child(3) {
		width: calc(70% - 5px);
		display: flex;
		justify-content: flex-start;
	}
	.main_topic.national_park.big .caution .address .img_txt {
		height: 35px;
		align-items: center;
	}
	.main_topic.national_park.big .caution .address .img_txt li {
		font-size: 10px;
		height: 40px;
		/* flex-direction: column; */
		flex-wrap: wrap;
		align-content: center;
		flex-direction: column;
		justify-content: center;
	}

	.main_topic.national_park.big .trail {
		height: 40%;
	}
	.main_topic.national_park.middle {
		height: calc(100% - 42px);
	}
	.main_topic.national_park.middle select {
		height: 30px;
	}
	.main_topic.national_park.middle .caution {
		height: calc(100% - 40px);
	}
	.main_topic.national_park.middle .caution .address {
		background: initial;
		padding: 0;
	}
	
	.main_topic.national_park.middle .caution .address .img_txt {
		gap: 5px;
		flex-direction: row;
	}
	.main_topic.national_park.middle .caution .address .img_txt li {
		font-size: 11px;
		background: #f9f9f9;
		position: relative;
		display: flex;
		align-items: center;
		align-content: center;
	}
	.main_topic.national_park.middle .caution .address .img_txt li div:nth-child(1) {
		display: block;
		width: 100%;
		height: 70%;
	}
	.main_topic.national_park.middle .caution .address .img_txt li div {
		display: none;
	}
	.main_topic.national_park.middle .caution .address .img_txt li:hover {
		display: block;
		position: relative;
	}
	.main_topic.national_park.middle .caution .address .img_txt li div:nth-child(1) {
	display: flex;
	align-items: center;
	align-content: center;
	}	
	.main_topic.national_park.middle .caution .address .img_txt li div:nth-child(3) {
		display: none;
		position: absolute;
		background: #fff;
		height: 30px;
		width: 100%;
		border-radius: 10px;
		left: 0;
		/* bottom: -80%; */
		/* display: flex; */
		justify-content: center;
		align-content: center;
		align-items: center;
		box-shadow: 2px 2px 5px 4px rgba(0, 0, 0, .08);
	}
	.main_topic.national_park.middle .caution .address .img_txt li:hover div:nth-child(3) {
		display: block;
	}
	.main_topic.national_park.middle .map_popup li {
		font-size: 11px;
	}
	/*국립공원탐방로 e*/
	
	/*황사 모델예측 s*/
	.main_topic.yellow_dust.big {
		padding: 20px 0;
	}
	/*황사 모델예측 e*/
	
	/*황사 위성영상 s*/
	.main_topic.satellite.big {
		padding: 20px 0;
	}
	/*황사 위성영상 e*/


	/*표준유역 강수량 s*/
	.main_topic.standard_basin.big {
		padding: 20px 0;
	}
	.main_topic.standard_basin.big .range .button {
		left:20px;
		bottom: 70px;
	}
	.main_topic.standard_basin.middle .range .middle {
		font-size: 9px;
	}
	/*표준유역 강수량 e*/

	
	/*생태관광 코스 추천 s*/
	.main_topic.ecology.big {
		padding: 20px 0;
	}
	
	.main_topic.ecology.middle .txt {
		height: 30px;
		font-size: 12px;
		gap: 5px;
		padding: 0 10px;
	}
	.main_topic.ecology.middle .swiper_ecology .swiper-wrapper > div .text .title {
		/* height: 30px; */
		font-size: 14px;
		display: none;
	}
	.main_topic.ecology.middle .swiper_ecology .swiper-wrapper > div .text div:nth-child(2) {
		font-size: 12px;
	}
	.main_topic.ecology.middle .swiper-button-prev {
		height: 40px;
		width: 40px;
	}
	.main_topic.ecology.middle .swiper-button-next {
		height: 40px;
		width: 40px;
	}
	.main_topic.ecology.middle .caution {
		height: calc(100% - 40px);
	}
	.main_topic.ecology.middle .swiper_ecology .swiper-wrapper > div .text {
		display: none;
	}
	.main_topic.ecology.middle .swiper-button-prev {
		width: 30px;
		height: 30px;
		top: calc(50% - -35px);
	}
	.main_topic.ecology.middle .swiper-button-prev:after {
		font-size: 15px;
	}
	.main_topic.ecology.middle .swiper-button-next {
		width: 30px;
		height: 30px;
		top: calc(50% - -35px);
	}
	.main_topic.ecology.middle .swiper-button-next:after {
	
		font-size: 15px;
	}
	
	/*생태관광 코스 추천 s*/


	/*코리아둘레길 추천 s*/
	.main_topic.dulle_gil.big {
		padding: 20px 0;
	}
	.main_topic.dulle_gil.big .swiper_ecology .swiper-wrapper > div {
		gap: 20px;
		padding: 20px;
	}
	.main_topic.dulle_gil.big .swiper_ecology .swiper-wrapper > div .text .title {
		
position: absolute;
		
top: 20px;
		
left: 20px;
	}
	.main_topic.dulle_gil.big .swiper_ecology .swiper-wrapper > div .text .img {
		/* height: 55%; */
		width: 50%;
	}
	.main_topic.dulle_gil.big .swiper_ecology .swiper-wrapper > div .text {
		gap: 15px;
		height: 50%;
		justify-content: flex-end;
	}
.main_topic.dulle_gil.big .swiper_ecology .swiper-wrapper > div .text div:nth-child(3) {
	/* display: none; */
	font-size: 13px;
	gap: 6px;
}
	.main_topic.dulle_gil.big .swiper_ecology .swiper-wrapper > div .distance {
		width: 80%;
		font-size: 12px;
		gap: 5px;
		/* height: 40%; */
		/* justify-content: flex-end; */
		justify-content: flex-start;
	}
	.main_topic.dulle_gil.big .swiper_ecology .swiper-wrapper > div .distance > div .img {
		width: 20px;
		height: 20px;
	}
	.main_topic.dulle_gil.middle .swiper_ecology .swiper-wrapper > div .text .title {
		height: 100%;
		border-radius: 10px;
		width: 40%;
		padding: initial;
		font-size: 14px;
	}
	.main_topic.dulle_gil.middle .swiper_ecology .swiper-wrapper > div .text {
		flex-direction: row-reverse;
		justify-content: space-evenly;
		border-radius: 10px;
	}
	.main_topic.dulle_gil.middle .swiper_ecology .swiper-wrapper > div .text .title > span {
		display:none;
	}
	.main_topic.dulle_gil.middle .swiper_ecology .swiper-wrapper >
		div .text div:nth-child(3) {
		font-size: 9px;
		width: 100%;
		display: none;
	}
	.main_topic.dulle_gil.middle .swiper_ecology .swiper-wrapper >
		div .text .img {
		height: 100%;
		width: 25%;
		/* top: calc(40% - 46px); */
		top: 0;
		left: 12%;
		position: initial;
		margin: 0;
	}
	.main_topic.dulle_gil.middle .swiper_ecology .swiper-wrapper >
		div .text .title > span::after {
		width: 10px;
		height: 10px;
	}

	.main_topic.dulle_gil.middle .swiper-button-prev {
		width: 30px;
		height: 30px;
	}
	.main_topic.dulle_gil.middle .swiper-button-prev:after {
		font-size: 15px;
	}
	.main_topic.dulle_gil.middle .swiper-button-next {
		width: 30px;
		height: 30px;
	}
	.main_topic.dulle_gil.middle .swiper-button-next:after {
		font-size: 15px;
	}
	/*코리아둘레길 추천 e*/


	/*다중이용시설실내공기질 s*/
	.main_topic.air_quality.big {
		padding: 20px 0;
	}
	.main_topic.air_quality.big .caution .data .title {
		font-size: 18px;
	}
	.main_topic.air_quality.big .caution .data .swiper-slide {
		gap: 12px;
	}
	.main_topic.air_quality.big .caution .data ul > li > div {
		font-size: 18px;
	}
	.main_topic.air_quality.big .caution .data ul > li > div .yellow {
		font-size: 15px;
	}
	.main_topic.air_quality.big .caution .data ul > li > div > div span {
	    margin: 0;
	    margin-left: 3px;
	}
	.main_topic.air_quality.big .caution .img_data .select{
		gap: 10px;
		width: 50%;
	}
	.main_topic.air_quality.big .caution .data ul {
		gap: 10px;
	}
	.main_topic.air_quality.big .caution .img_data .txt {
		font-size: 25px;
	}
	.main_topic.air_quality.big .caution .img_data select {
		width: 70%
	}
	.main_topic.air_quality.middle .caution .data ul > li > div > div.yellow {
		font-size: 10px;
	}
	.main_topic.air_quality.middle .caution .data ul > li > div > div span {
    display:none;
}
	.main_topic.air_quality.middle .caution .data ul > li > div > div {
		font-size: 12px;
	}
	.main_topic.air_quality.middle .caution .data ul li {
		border-radius: 15px;
	}
	.main_topic.air_quality.middle select {
		height: 30px;
	}
	.main_topic.air_quality.middle .caution .data .title {
		
font-size: 12px;
	}
	.main_topic.air_quality.middle .caution .data .swiper-slide {
		gap: 5px;
	}
	.main_topic.air_quality.middle .caution {
		height: calc(100% - 40px);
	}
	.main_topic.air_quality.middle .swiper-button-prev {
		width: 30px;
		height: 30px;
		top: calc(50% - -34px);
	}
	.main_topic.air_quality.middle .swiper-button-prev:after {
		font-size: 15px;
	}
	.main_topic.air_quality.middle .swiper-button-next {
		width: 30px;
		height: 30px;
		top: calc(50% - -34px);
	}
	.main_topic.air_quality.middle .swiper-button-next:after {
		font-size: 15px;
	}
	/*다중이용시설실내공기질 e*/

	/*긴급재난문자 s*/
	
	.main_topic.emergency.big {
		padding: 22px 0; 
	}
	.main_topic.emergency.big .caution .information {
		padding: 22px;
		gap: 10px;
	}
	.main_topic.emergency.big .txt ul li {
		padding: 22px;
		gap: 10px;
	}
	
.main_topic.emergency.big .caution .information .img {
	width: 45%;
}
	.main_topic.emergency.big .caution .information .img_information {
		gap: 15px
	}
	.main_topic.emergency.big .caution .information .img_information .txt {
		font-size: 14px;
		/* gap: 8px; */
		line-height: 1.6em;
		width: 100%;
	}
	.main_topic.emergency.middle .caution .information {
		padding: 10px;
		height: calc(100% - 40px);
		gap: 0;
		flex-direction: row;
		width: 100%;
		flex-direction: column;
		justify-content: center;
		gap: 5px;
	}
	.main_topic.emergency.middle .caution .information > .time {
		font-size: 12px;
		display: flex;
		width: 100%;
		align-content: center;
		align-items: center !important;
	}
	.main_topic.emergency.middle .caution .information > .time span {
		margin-right: 5px;
	}	
	.main_topic.emergency.middle .caution .information > .time span:last-child {
		/* display:none; */
	}
	.main_topic.emergency.middle .caution .information .img_information {
		width: auto;
		margin: 0;
		height: 30px;
		display: flex;
		/* align-items: center; */
		/* line-height: 30px; */
	}
	.main_topic.emergency.middle .caution .information .button {
		bottom: calc(0% - -56px);
		width: calc(100% - 40px);
		font-size: 11px;
		/* gap: 5px; */
		height: 30px;
		gap: 5px;
		left: 20px;
	}
	.main_topic.emergency.middle .caution .information .img_information .txt {
		font-size: 13px;
		height: 30px;
		word-wrap: break-word;
		display: flow-root;
		overflow: hidden;
		text-overflow: ellipsis;
		/* white-space: nowrap; */
	}
	.main_topic.emergency.middle .caution .information .img_information .txt .title {
		line-height: 30px;
	}
	.main_topic.emergency.middle .caution .information .img_information .txt div:last-child {
		font-size: 12px;
		-webkit-line-clamp: 1;
		word-wrap: break-word;
		/* display: flow-root; */
		overflow: hidden;
		text-overflow: ellipsis;
		width: 100%;
		word-wrap: break-word;
		/* display: flow-root; */
		overflow: hidden;
		text-overflow: ellipsis;
		word-break: break-all;
		/* word-wrap: break-word; */
		display: contents;
		/* overflow: hidden; */
		text-overflow: ellipsis;
		/* white-space: nowrap; */
		/* display: none; */
		/* width: 100%; */
		/* height: auto; */
	}
	/*긴급재난문자 e*/
	
	/*오늘의 날씨 s*/
	.content-01.middle .temperature {
		font-size: 40px !important;
	}
	.content-01.middle .box-01 .box-left .left .title .highest_lowest div {
		font-size: 12px !important;
	}
	/*오늘의 날씨 e*/
}






@media screen and (min-width: 769px) and (max-width: 1049px) {
	
	.widget_popup > div:nth-child(2) {
		display: none;
	}
	
	/*댐 가뭄 단계 정보 s*/
	.main_topic.dam.big {
		padding: 10px 0;
	}
	.main_topic.dam.middle {
		margin: 10px 0;
		height: calc(100% - 42px - 26px - 20px);
	}
	.main_topic.dam.middle .caution {
		margin-top: 10px;
		height: calc(100% - 40px - 6px);
	}
	.main_topic.dam.middle .middle_txt {
		margin-top: 20px;
	}
	/*댐 가뭄 단계 정보 e*/

	
	
	
	
	/*우리동네 가뭄정보  s*/
	.main_topic.drought.big {
		padding: 10px 0;
	}
	/*우리동네 가뭄정보  e*/


	
	/*무더위 쉼터 s*/
	
	.main_topic.shelter.big {
		padding: 10px 0;
	}
	.main_topic.shelter.big .caution .address .img {
		background-position-y: calc(100% - 15px);
		background-position-x: calc(100% - -5px);
	}
	/*무더위 쉼터 e*/

	
	/*댐 정보 s*/
	.main_topic.dam_information.big {
		padding: 10px 0;
	}
	.main_topic.dam_information.big .caution {
		
		margin-top: 24px;
	}
	/*댐 정보 e*/
	/*자외선지수 s*/
	.main_topic.uv_index.big {
		padding: 10px 0;
	}
	.main_topic.uv_index.big .txt {
		
	}
	/*자외선지수 e*/

	
	/*체감온도 s*/
	.main_topic.temperature.big {
		padding: 10px 0;
	}
	/*체감온도 e*/

	
	/*대기정체지수 s*/
	.main_topic.aircongestionindex.big {
		padding: 10px 0;
	}	
	.main_topic.aircongestionindex.big .caution {
				/* height: 100%; */
				margin-bottom: 0;
	}
	.main_topic.aircongestionindex.big .img {
		font-size: 70px;
	}
	/*대기정체지수 e*/

	/*우리동네 상수도정보 s*/
	.main_topic.waterworks.big {
		padding: 10px 0;
	}
	.main_topic.waterworks.big .caution .data ul {
		width: 70%;
	}
	.main_topic.waterworks.big .swiper-button-next {
		/* width: 50px; */
		/* height: 40px; */
		top: calc(72% - 20px);
	}
	.main_topic.waterworks.big .swiper-button-prev {
		/* width: 40px; */
		/* height: 40px; */
		top: calc(72% - 20px);
	}
	.main_topic.waterworks.big .caution .img_data .txt {
	/* font-size: 15px; */
	}
	/*우리동네 상수도정보 e*/

	/*초미세먼지 s*/
	.main_topic.dust.big {
		padding: 10px 0;
	}
	.main_topic.dust.big .range {
		height: 80px;
	}
	.main_topic.dust.big .caution {
		
		height: calc(100% - 100px);
	}
	.main_topic.dust.big .txt {
		
		font-size: 22px;
	}
	/*초미세먼지 e*/

	/*통합대피소 s*/
	.main_topic.integrated.big .caution {
		height: calc(100% - 50px)
	}
	.main_topic.integrated.big {
		padding: 10px 0;
	}
	/*통합대피소 e*/

		/*전기차 · 수소차 충전소 s*/
	.main_topic.charging.big {
		padding: 10px 0;
	}
	.main_topic.charging.big .caution .address {
		/* padding: 15px; */
		justify-content: space-between;
		/* gap: 15px; */
	}
	.main_topic.charging.big .caution .address .txt {
		height: 45px;
		/* align-items: flex-start; */
	}
	.main_topic.charging.big .caution .address .img {
		/* background-position-x: calc(100% - 16px); */
		/* background-position-y: calc(100% - 8px); */
		/* width: 60%; */
		height: calc(100% - 55px);
		/* background: url(./image/new/electric/ev_car_small.png) no-repeat; */
		background-size: contain;
		background-position: center;
	}
	.main_topic.charging.big .caution .address .img .tulle_tip {
		/* left: initial; */
		/* width: 50px; */
		/* height: 50px; */
		left: -7%;
		/* transform: translate(-0%,-50%); */
		/* bottom: 0; */
		/* font-size: 14px; */
	}
	.main_topic.charging.big .caution .address .img .tulle_tip::after {
		/* left: calc(100% - 34%) !important; */
	}	
	.main_topic.charging.big .caution .address .middle_txt div {
		font-size: 14px;
		display: flex;
		/* flex-direction: column; */
		/* align-items: flex-start; */
		gap: 5px;
	}
	.main_topic.charging.big .caution .address .middle_txt div:first-child {
		font-size: 16px;
	}
	.main_topic.charging.big .caution .address .middle_txt div:last-child {
		/* display: none; */
	}
	.main_topic.charging.big .caution .address .middle_txt {
		gap: 8px;
	}
	.main_topic.charging.big .map button {
		right: 20px;
	}
	.main_topic.charging.big .map .enlargement {
		top: 20px;
	}
	.main_topic.charging.big .map .plus{
		bottom: 45px;
		display: none;
	}
	.main_topic.charging.big .map .minus{
		bottom: 20px;
		display: none;
	}
	.main_topic.charging.middle select {
		height: 30px;
	}
	.main_topic.charging.middle .caution {
		height: calc(100% - 40px);
	}
	.main_topic.charging.middle .caution .address .middle_txt {
		width: calc(100% - 20px);
		/* display: none; */
		height: calc(100% - 30px);
		box-sizing: border-box;
		left: 10px;
	}
	.main_topic.charging.middle .caution .address .middle_txt div:last-child {
		/* display: none; */
	}
	.main_topic.charging.middle .caution .address {
		height: 100%;
		padding: 0;
		/* display: flex; */
		align-content: center;
		/* position: relative; */
		padding: 0 10px;
		align-items: center;
	}
	.main_topic.charging.middle .caution .address.blue_pastel .img {
		border: navajowhite;
		background: #ffffff00 url(./image/new/all_shelter/shelter_1.png) no-repeat;
		width: 70%;
		height: 90%;
		background-size: contain;
		position: initial;
		/* top: 15px; */
		/* right: 15px; */
		border-radius: 0;
		/* background-position: center; */
		background-position-y: center;
		background-position-x: calc(100% - 0px);
		/* padding: 10px 0; */
		box-sizing: border-box;
	}
	.main_topic.charging.middle .caution .address .txt {
	    display: flex;
	    flex-direction: column;
	    align-items: flex-start;
	    height: 100%;
	    justify-content: center;
	    width: 100%;
	}
	/*전기차 · 수소차 충전소 e*/

	/*물차 제원  s*/
	.main_topic.water_truck.big {
		padding: 10px 0;
	}
	/*물차 제원  e*/

	/*국립공원탐방로  s*/
	.main_topic.national_park.big {
		padding: 10px 0;
		padding-bottom: 0;
	}
	.main_topic.national_park.big .caution .address {
		
	}
	/*국립공원탐방로  e*/
	
	/*황사 모델예측 s*/
	.main_topic.yellow_dust.big {
		padding: 10px 0;
	}

	/*황사 모델예측  e*/
	
	/*황사 위성영상 s*/
	.main_topic.satellite.big {
		padding: 10px 0;
	}
	/*황사 위성영상 e*/

	/*표준유역 강수량 s*/
	.main_topic.standard_basin.big {
		padding: 10px 0;
	}
	.main_topic.standard_basin.big .range .button {
	}
	/*표준유역 강수량 e*/

	
	/*생태관광 코스 추천 s*/
	.main_topic.ecology.big {
		padding: 10px 0;
	}
	/*생태관광 코스 추천 s*/

	/*코리아둘레길 추천 s*/
	.main_topic.dulle_gil.big {
		padding: 10px 0;
	}
	/*코리아둘레길 추천 s*/

	/*다중이용시설실내공기질 s*/
	.main_topic.air_quality.big  {
		padding: 10px 0;
	}
	/*다중이용시설실내공기질 e*/

	/*긴급재난문자 s*/
	
	.main_topic.emergency.big {
		padding: 10px 0; 
	}
	/*긴급재난문자 e*/

	/*오늘의 날씨 s*/
	.content-01.middle .temperature {
		font-size: 30px !importent;
	}
	/*오늘의 날씨 e*/
}



@media screen and (min-width: 481px) and (max-width: 768px) {
	
	.widget_popup > div:nth-child(2) {
		display: none;
	}
	
	/*댐 가뭄 단계 정보 s*/
	.main_topic.dam.big {
		padding: 10px 0;
	}
	.main_topic.dam.big {
		/* height: calc(100% - 42px - 26px - 52px); */
		position: relative;
	}
	.main_topic.dam.big select {
		height: 35px;
		border-radius: 10px;
		font-size: 14px;
		font-weight: 500;
		background: #fff url(./image/new/select.png) no-repeat 98% 50%;
		color: #696969;
		background-size: 12px;
	} 
	.main_topic.dam.big ul {
	    display: none;
	    position: relative;
	}
	.main_topic.dam.big .caution {
		position: relative;
		height: calc(100% - 85px);
		display: flex;
		flex-direction: column;
		justify-content: center;
		/* background: #EAFFD7; */
		margin-top: 10px;
		border-radius: 10px;
		padding: 0 10px;
		box-sizing: border-box;
		margin-bottom: 0;
	}
	.main_topic.dam.big .range .bar .tulle_tip {
		display: none;
	}
	.main_topic.dam.big .middle_txt {
		margin-top: clamp(10px, 4vw, 30px);
		font-size: clamp(15px, 3vw, 22px);
		color: #696969;
		font-weight: 500;
		display: flex;
		height: 20px;
	}
	.main_topic.dam.big .range {
	    /* display: none; */
	}
	.main_topic.dam.big .txt {
	    display: none;
	}
	.main_topic.dam.big .img {
		background: url('./image/new/dam/dam_green.png') no-repeat 50% 50%;
		width: 100%;
		height: calc(100% - 55%);
		background-size: contain;
		display: flex;
		align-content: center;
		justify-content: center;
		align-items: center;
		background-position: center;
		margin-top: 15px;
	}
	.main_topic.dam.big .adjustment {
		transform: translate(-50%, -50%);
		top: calc(50% - 20% - 17px);
		width: clamp(62px, 14vw, 100px);
		height: clamp(26px, 6vw, 40px);
		font-size: clamp(15px, 3vw, 20px);
		background: #6cd700;
	    color: #fff;
		display: flex;
	    justify-content: center;
	    align-items: center;
	    border-radius: 10px;
		font-weight: 500;
	    position: absolute;
	    left: 50%;
		padding: 0 15px;
	    box-sizing: border-box;
	}
	/*댐 가뭄 단계 정보 e*/
	
	/*우리동네 가뭄정보 s*/
	.main_topic.drought.big {
		padding: 10px 0;
	}
	.main_topic.drought.big .txt {
		font-size: clamp(15px, 3vw, 22px);
		margin-top: clamp(15px, 3vw, 30px);
	}
	/*우리동네 가뭄정보  e*/
	
	/*무더위 쉼터 s*/
	.main_topic.shelter.big {
		padding: 10px 0;
	}
	.main_topic.shelter.big .caution .address {
		padding: clamp(10px, 3vw, 20px);
	}
	.main_topic.shelter.big .caution .address .middle_txt {
		gap: clamp(4px, 1.5vw, 10px);
	}
	.main_topic.shelter.big .caution .address .middle_txt div:first-child {

		font-size: clamp(12px, 2.5vw, 18px) !important;
		/* margin-top: clamp(15px, 3vw, 30px); */
		gap: clamp(4px, 1.5vw, 8px);
	}
	.main_topic.shelter.big .caution .address .middle_txt div {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		font-size: clamp(10px, 2.5vw, 15px) !important;
		/* margin-top: clamp(15px, 3vw, 30px); */
		gap: clamp(4px, 1.5vw, 8px);
	}
	.main_topic.shelter.big .caution .address .middle_txt div:last-child {		
		display: none;
	}
	.main_topic.shelter.big .caution .address .img {
		background-position-y: calc(100% - 12px);
		background-position-x: calc(100% - 0px);
	}
	.main_topic.shelter.big .map .enlargement {
		top: clamp(8px, 3vw, 18px);
		right: clamp(10px, 3vw, 20px);
	}
	.main_topic.shelter.big .map .plus{
		display: none;
	}
	.main_topic.shelter.big .map .minus{
		display: none;
	}
	/*무더위 쉼터 e*/
	/*댐 정보 s*/
	.main_topic.dam_information.big {
		padding: 10px 0;
	}
	.main_topic.dam_information.big .caution {
		margin-top: 10px;
		margin-bottom: 10px;
		height: calc(100% - 46px);
	}
	.main_topic.dam_information.big select {
		height: 35px;
	}
	.main_topic.dam_information.big .caution .img_box {
		padding: 10px;
		width: 100%;
		height: 100%;
		box-sizing: border-box;
	}
	.main_topic.dam_information.big .caution .img_box .img {
		
		margin-bottom: clamp(10px, 3vw, 25px);
	}
	.main_topic.dam_information.big .caution .level li {
		min-height: clamp(80px, 15vw, 110px);
		min-width: clamp(80px, 15vw, 110px);
		gap: clamp(5px, 1vw, 10px);
		padding: 0;
	}
	.main_topic.dam_information.big .caution .level li div {
		font-size: clamp(10px, 2.5vw, 14px);
	}
	.main_topic.dam_information.big .caution .level li div:nth-child(2) {
		font-size: clamp(10px, 2.5vw, 18px);
	}
	.main_topic.dam_information.big .caution .level_img{
		display: none;
	}
	.main_topic.dam_information.big .caution .img_box.blue_pastel::after {
		display: none;
	}
	/*댐 정보 e*/

	/*자외선지수 s*/
	.main_topic.uv_index.big {
		padding: 10px 0;
	}
	.main_topic.uv_index.big .txt {
		font-size: clamp(15px, 3vw, 22px);
	}
	/*자외선지수 e*/

	/*체감온도 s*/
	.main_topic.temperature.big {
		padding: 10px 0;
	}
	.main_topic.temperature.big select {
		height: 35px;
		background: #fff url(./image/new/select.png) no-repeat 96% 50%;
		background-size: 12px;
	}


	.main_topic.temperature.big .img {
		background: url(./image/new/temperature/farm/f_1.png) no-repeat;
		width: clamp(70%, 2vw, 30%);
		height: clamp(70%, 3vw, 30%);
		background-size: contain;
		background-position-y: clamp(9px, 2vw, 29px);
		background-position-x: center;
	}
	.main_topic.temperature.big .caution {
		height: calc(100% - 85px);
		background-size: cover;
		background-position: center;
		margin-bottom: 0;
	}
	.main_topic.temperature.big .txt {
		display: none;
		/* font-size: clamp(14px, 3vw, 20px); */
		/* margin-bottom: clamp(20px, 3vw, 40px); */
	}
	.main_topic.temperature.big .range {
		/* display: none; */
	}
	.main_topic.temperature.big .range .bar .tulle_tip {
		display: none;
	}
	.main_topic.temperature.big .middle_txt > span {
		/* display: none; */
		height: 30px;
		padding: 0 15px;
		border-radius: 10px;
		/* display: flex; */
		align-items: center;
		font-weight: 500;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 10px;
		font-weight: 500;
		position: absolute;
		left: 50%;
		padding: 0 15px;
		box-sizing: border-box;
		transform: translate(-50%, 0%);
		top: calc(30% - -25px);
		width: clamp(62px, 14vw, 100px);
		height: clamp(26px, 6vw, 40px);
		font-size: clamp(15px, 3vw, 20px);
		/* top: clamp(30%, 238vw, 221px); */
	}
		.main_topic.temperature.big .middle_txt > span >span{
			display: none;
		}
	.main_topic.temperature.big .middle_txt div {
		display: flex;
		align-items: center;
		font-size: clamp(15px, 3vw, 22px);
		gap: 6px;
		font-weight: 500;
	}
	.main_topic.temperature.big .middle_txt {
		display: flex;
		/* font-size: clamp(14px, 3vw, 20px); */
		/* font-weight: 500; */
		gap: 10px;
		margin-bottom: clamp(10px, 3vw, 10px);
		margin-top: clamp(12px, 1vw, 0px);
	}
	/*체감온도 e*/

	/*대기정체지수 s*/
	.main_topic.aircongestionindex.big {
		padding: 10px 0;
	}
	.main_topic.aircongestionindex.big .img {
		font-size: clamp(40px, 6vw, 70px);
	}
	.main_topic.aircongestionindex.big .caution {
		/* height: 100%; */
		margin-bottom: 0;
		gap: clamp(10px, 3vw, 20px);
	}
	.main_topic.aircongestionindex.big select {
		height: 35px;
	}
	.main_topic.aircongestionindex.big .txt {
		font-size: clamp(15px, 3vw, 22px);
	}
	/*대기정체지수 e*/

	/*우리동네 상수도정보 s*/
	.main_topic.waterworks.big {
		padding: 10px 0;
	}
	.main_topic.waterworks.big .caution .data .swiper-slide {
		gap: clamp(10px, 2.5vw, 20px);
	}
	.main_topic.waterworks.big .caution .data .title {
		font-size: clamp(14px, 3vw, 20px);
	}
	.main_topic.waterworks.big .caution .data ul {
		width: 80%;
		gap: clamp(15px, 3vw, 30px);
	}
	.main_topic.waterworks.big .swiper-button-next {
		top: calc(68% - 20px);
		width: clamp(40px, 7vw, 50px);
		height: clamp(40px, 7vw, 50px);
	}
	.main_topic.waterworks.big .swiper-button-prev {
		top: calc(68% - 20px);
		width: clamp(40px, 7vw, 50px);
		height: clamp(40px, 7vw, 50px);
	}
	.main_topic.waterworks.big .caution .img_data .txt {
		display: none;
	}
	.main_topic.waterworks.big .caution .img_data {
		height: 30%;
		gap: 0;
	}
	.main_topic.waterworks.big .caution .img_data .img {
		height: fit-content;
	}
	.main_topic.waterworks.big .caution .img_data .img li {
		width: calc(25% - 3.5%);
	}
	.main_topic.waterworks.big .caution .data ul li {
		border-radius: clamp(15px, 3vw, 20px);
	}
	.main_topic.waterworks.big .caution .img_data .img li.line {
		height: 100%;
		width: 7%;
	}
	.main_topic.waterworks.big .caution .data ul > li > div {
		
		font-size: clamp(15px, 3vw, 30px);
	}
	.main_topic.waterworks.big .caution .data {
		height: 70%;
	}
	/*우리동네 상수도정보 e*/
	
	/*초미세먼지 s*/
	.main_topic.dust.big {
		padding: 10px 0;
	}
	
	.main_topic.dust.big .caution {
		gap: clamp(10px, 3vw, 20px);
		height: calc(100% - 80px);
	}
	.main_topic.dust.big .txt {
		
		font-size: clamp(15px, 3vw, 22px);
	}
	.main_topic.dust.big .range .bar div  {
		font-size: clamp(6px, 2vw, 14px);
	}
	.main_topic.dust.big .range {
		height: 60px;
	}
	.main_topic.dust.big .range .bar {
		height: 4px;
	}
	.main_topic.dust.big .range .bar .rod {
		height: 4px;
	}
	.main_topic.dust.big .range .bar .check {
		width: 14px;
		height: 14px;
	}
	.main_topic.dust.big .range .bar div:nth-child(2) {
		top: -5px;
	}
	.main_topic.dust.big .range .bar div:nth-child(3) {	
		top: -5px;
	}
	.main_topic.dust.big .range .bar div:nth-child(4) {
		top: -5px;
	}
	.main_topic.dust.big .range .bar div:nth-child(5) {
		top: -5px;
	}
	/*초미세먼지 e*/

	/*통합대피소 s*/
	.main_topic.integrated.big {
		padding: 10px 0;
	}
	.main_topic.integrated.big select {
        height: 35px;
        background: #fff url(./image/new/select.png) no-repeat 96% 50%;
        background-size: 12px;
    }
	.main_topic.integrated.big .caution {
		height: calc(100% - 45px);
	}
	.main_topic.integrated.big .caution .address {
		padding: clamp(10px, 3vw, 20px);
	}
	.main_topic.integrated.big .caution .address .middle_txt {
        gap: clamp(4px, 1.5vw, 10px);
        width: 60%;
    }
	.main_topic.integrated.big .caution .address .middle_txt div:first-child {
        font-size: clamp(12px, 2.5vw, 18px) !important;
        /* margin-top: clamp(15px, 3vw, 30px); */
        gap: clamp(4px, 1.5vw, 8px);
        text-align: left;
    }
	.main_topic.integrated.big .caution .address .middle_txt div {
        display: flex;
        font-size: clamp(10px, 2.5vw, 15px) !important;
        gap: 2px;
        width: 100%;
        align-items: flex-start;
        flex-wrap: nowrap;
    }
	.main_topic.integrated.big .caution .address .middle_txt div span {
        font-size: clamp(10px, 2.5vw, 15px) !important;
        word-wrap: break-word;
        display: flow-root;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: calc(50% - 8px);
        margin: 0;
        text-align: left;
    }
	.main_topic.integrated.big .caution .address .img {
				
		background-position-x: calc(100% - 15px);
				
		background-position-y: calc(100% - 8px);
	}
	.main_topic.integrated.big .map button {
		right: 20px;
	}
	.main_topic.integrated.big .map .enlargement {
		top: clamp(8px, 3vw, 18px);
		right: clamp(10px, 3vw, 20px);
	}
	.main_topic.integrated.big .map .plus {
		bottom: 47px;
		display: none;
	}
	.main_topic.integrated.big .map .minus {
		bottom: 20px;
		display: none;
	}
	/*통합대피소 e*/

	/*전기차 · 수소차 충전소 s*/
	.main_topic.charging.big {
		padding: 10px 0;
	}
	.main_topic.charging.big ul {
	height: 35px;
	}
	.main_topic.charging.big ul li {
		font-size: 14px;
	}
	.main_topic.charging.big .caution {
		height: calc(100% - 45px);
	}
	.main_topic.charging.big .caution .address {
		padding: clamp(10px, 2vw, 20px);
		justify-content: space-between;
		gap: clamp(10px,3vw, 20px);
	}
	.main_topic.charging.big .caution .address .txt {
		height: clamp(40px, 6vw, 45px);
		/* align-items: flex-start; */
	}
	.main_topic.charging.big .caution .address > .img {
		/* background-position-x: calc(100% - 16px); */
		/* background-position-y: calc(100% - 8px); */
		width: clamp(60%, 58vw, 80%);
		height: clamp(40%, 60vw, 80%);
		background: url(./image/new/electric/ev_car_small.png) no-repeat;
		background-size: contain;
		background-position: center;
	}
	.main_topic.charging.big .caution .address .img .tulle_tip {
		/* left: initial; */
		width: 50px;
		height: 50px;
		left: calc(10% - -30px);
		transform: translate(-50%,-50%);
		/* bottom: 0; */
		font-size: 14px;
	}
	.main_topic.charging.big .caution .address .img .tulle_tip::after {
		left: calc(100% - 35%) !important;
	}	
	.main_topic.charging.big .caution .address .middle_txt div {
		font-size: 14px;
		display: flex;
		/* flex-direction: column; */
		/* align-items: flex-start; */
		gap: 5px;
	}
	.main_topic.charging.big .caution .address .middle_txt div:first-child {
		font-size: clamp(12px, 2.5vw, 18px) !important;
	}
	.main_topic.charging.big .caution .address .middle_txt div:last-child {
		/* display: none; */
		font-size: clamp(10px, 2.5vw, 15px) !important;
	}
	.main_topic.charging.big .caution .address .middle_txt {
		gap: clamp(4px, 1.5vw, 8px);
	}
	.main_topic.charging.big .map button {
		right: 20px;
	}
	.main_topic.charging.big .map .enlargement {
		top: 20px;
		top: clamp(8px, 3vw, 18px);
		right: clamp(10px, 3vw, 20px);
	}
	.main_topic.charging.big .map .plus{
		bottom: 45px;
		display: none;
	}
	.main_topic.charging.big .map .minus{
		bottom: 20px;
		display: none;
	}
	.main_topic.charging.middle select {
		height: 30px;
	}
	.main_topic.charging.middle .caution {
		height: calc(100% - 40px);
	}
	.main_topic.charging.middle .caution .address .middle_txt {
		width: calc(100% - 20px);
		/* display: none; */
		height: calc(100% - 30px);
		box-sizing: border-box;
		left: 10px;
	}
	.main_topic.charging.middle .caution .address .middle_txt div:last-child {
		/* display: none; */
	}
	.main_topic.charging.middle .caution .address {
		height: 100%;
		padding: 0;
		/* display: flex; */
		align-content: center;
		/* position: relative; */
		padding: 0 10px;
		align-items: center;
	}
	.main_topic.charging.middle .caution .address.blue_pastel .img {
		border: navajowhite;
		background: #ffffff00 url(./image/new/all_shelter/shelter_1.png) no-repeat;
		width: 70%;
		height: 90%;
		background-size: contain;
		position: initial;
		/* top: 15px; */
		/* right: 15px; */
		border-radius: 0;
		/* background-position: center; */
		background-position-y: center;
		background-position-x: calc(100% - 0px);
		/* padding: 10px 0; */
		box-sizing: border-box;
	}
	.main_topic.charging.middle .caution .address .txt {
	    display: flex;
	    flex-direction: column;
	    align-items: flex-start;
	    height: 100%;
	    justify-content: center;
	    width: 100%;
	}
	/*전기차 · 수소차 충전소 e*/
	/*물차 제원 s*/
	.main_topic.water_truck.big {
		padding: 10px 0;
	}
	.main_topic.water_truck.big .txt {
		font-size: clamp(15px, 3vw, 22px);
		margin-top: clamp(15px, 3vw, 30px);
		margin-bottom: clamp(30px, 8vw, 60px);
	}
	/*물차 제원  e*/

	/*국립공원탐방로  s*/
	.main_topic.national_park.big {
		padding: 10px 0;
		padding-bottom: 0;
	}
	.main_topic.national_park.big .caution .address {
		padding: clamp(10px, 3vw, 20px);
		height: calc(55% - 10px);
	}
	.main_topic.national_park.big .caution .address .title {
		line-height:initial;
		gap: clamp(2px, 1vw, 10px) !important;
	}
	.main_topic.national_park.big .caution .address .title .blue {
		font-size: clamp(8px, 1.5vw, 14px) !important;
	}
	.main_topic.national_park.big select {
		height: 35px;
	}
	.main_topic.national_park.big .caution .address .title div {
		font-size: clamp(14px, 2.5vw, 22px) !important;
	}
	.main_topic.national_park.big .caution {
		height: calc(100% - 45px);
	}
	.main_topic.national_park.big .caution .address .img_txt li {
		font-size: clamp(8px, 1.5vw, 12px) !important;
		flex-direction: column;
		flex-wrap: wrap;
		display: flex;
		justify-content: center;
		gap: clamp(2px, 1vw, 5px);
	}
	.main_topic.national_park.big .caution .address .img_txt li div:nth-child(1) {
		width: 25%;
		height: 75%;
	}
	.main_topic.national_park.big .caution .address .img_txt li div:nth-child(2) {
		width: calc(75% - 5px);
		display: flex;
		justify-content: flex-start;
	}
	.main_topic.national_park.big .caution .address .img_txt li div:nth-child(3) {
		width: calc(75% - 5px);
		display: flex;
		justify-content: flex-start;
	}
	.main_topic.national_park.big .caution .address .img_txt {
		gap: clamp(5px, 1.5vw, 10px);
	}
	.main_topic.national_park.big .map_popup {
		width: 100%;
		bottom:  clamp(10px, 2.5vw, 15px);
		gap: clamp(5px, 1.5vw, 10px);
		padding: 0 clamp(10px, 3vw, 20px);
		box-sizing: border-box;
	}
	.main_topic.national_park.big .map_popup li {
		height: clamp(25px, 4.5vw, 40px);
		font-size: clamp(10px, 2.5vw, 15px);
	}
	.main_topic.national_park.big .trail {
		height: 45%;
	}
	/*국립공원탐방로  e*/
	
	/*황사 모델예측 s*/
	.main_topic.yellow_dust.big {
		padding: 10px 0;
	}

	/*황사 모델예측  e*/
	
	/*황사 위성영상 s*/
	.main_topic.satellite.big {
		padding: 10px 0;
	}
	/*황사 위성영상 e*/

	/*표준유역 강수량 s*/
	.main_topic.standard_basin.big {
		padding: 10px 0;
	}
	.main_topic.standard_basin.big .range ul {
				
		font-size: clamp(9px, 2vw, 12px);
				
		height: clamp(20px, 2vw, 25px);
	}
	.main_topic.standard_basin.big select {
        height: 35px;
        background: #fff url(./image/new/select.png) no-repeat 96% 50%;
        background-size: 12px;
    }
	.main_topic.standard_basin.big .range .button {
		left: clamp(10px, 2vw, 20px);
		bottom: clamp(60px, 10vw, 70px);
	}
	.main_topic.standard_basin.big .caution {
		/* margin-bottom: clamp(5px, 2vw, 10px); */
		height: calc(100% - 95px);
	}
	/*표준유역 강수량 e*/

	/*생태관광 코스 추천 s*/
	.main_topic.ecology.big {
		padding: 10px 0;
	}
	.main_topic.ecology.big .txt span {
		width: 20px;
		height: 20px;
	}
	.main_topic.ecology.big .txt {
		height: 35px;
		font-size: 14px;
		gap: 5px;
		padding: 0 clamp(10px, 2.5vw, 15px);
	}
	.main_topic.ecology.big .swiper_ecology .swiper-wrapper > div .text{
		padding: clamp(10px, 2.5vw, 15px);
		height: auto;
	}
	/*생태관광 코스 추천 s*/

	/*코리아둘레길 추천 s*/
	.main_topic.dulle_gil.big {
		padding: 10px 0;
	}
	.main_topic.dulle_gil.big .swiper_ecology .swiper-wrapper > div {
		gap: 10%;
		padding: clamp(10px, 3vw, 20px);
		/* border-radius: clamp(10px, 1vw, 20px); */
	}
	.main_topic.dulle_gil.big .swiper_ecology .swiper-wrapper > div .text {
		/* gap: clamp(5px, 2.5vw, 20px); */
		height: 40%;
	}
	.main_topic.dulle_gil.big .swiper_ecology .swiper-wrapper > div .distance {
		/* height: 45%; */
		gap: clamp(5px, 1.5vw, 15px);
		/* padding: 0 calc(10vw - 4.81px); */
		font-size: clamp(11px, 2vw, 14px);
		width: calc(90% + (10 * (100vw - 481px) / (768 - 481)));
	}
	.main_topic.dulle_gil.big .swiper_ecology .swiper-wrapper > div .distance > div .img {
		height:20px;
		width: 20px;
	}
	.main_topic.dulle_gil.big .swiper_ecology .swiper-wrapper > div .distance > div .txt {
		width: clamp(50px, 8.5vw, 70px);
	}
	.main_topic.dulle_gil.big .caution {
		border-radius: clamp(10px, 1vw, 20px);
	}
	.main_topic.dulle_gil.big .swiper_ecology .swiper-wrapper > div .text div:nth-child(3) {
		font-size: clamp(10px, 2.5vw, 15px);
		gap: clamp(5px, 1.5vw, 10px);
		display: none;
	}
	.main_topic.dulle_gil.big .swiper_ecology .swiper-wrapper > div .text .title {
		font-size: 14px;
		position: absolute;
		top: clamp(10px, 3vw, 20px);
		left: clamp(10px, 3vw, 20px);
		/* transform: translate(-50%, 0px); */
	}
	
	/*코리아둘레길 추천 s*/

	/*다중이용시설실내공기질 s*/
	.main_topic.air_quality.big  {
		padding: 10px 0;
	}
	.main_topic.air_quality.big .caution .data ul {
		gap: clamp(10px, 2.5vw, 20px);
	}
	.main_topic.air_quality.big .caution .data ul > li > div {
		font-size: clamp(15px, 3vw, 30px);
	}
	.main_topic.air_quality.big .caution .data ul > li > div .yellow {
		font-size: clamp(10px, 2.5vw, 30px);
	}
	.main_topic.air_quality.big .caution .data ul li {
        border-radius: clamp(15px, 3vw, 20px) !important;
    }
	.main_topic.air_quality.big .caution .img_data .select {
		gap: clamp(5px, 1vw, 10px);
	}
	.main_topic.air_quality.big .caution .img_data .txt {
		font-size: clamp(20px, 5.5vw, 40px);
	}
	.main_topic.air_quality.big .caution .data .title {
		font-size: clamp(14px, 3vw, 20px);
	}
	.main_topic.air_quality.big .caution .data .swiper-slide {
        gap: clamp(10px, 2.5vw, 20px);
    }
	.main_topic.air_quality.big select {
		height: 35px;
		display: flex;
		/* width: 70%; */
	}
	.main_topic.air_quality.big .caution .img_data select {
		width: 70%;
		background: #fff url('./image/new/select.png') no-repeat 94% 50%;
		background-size: 12px;
	}
	.main_topic.air_quality.big .caution {
		height: calc(100% - 45px);
	}
	
	/*다중이용시설실내공기질 e*/

	/*긴급재난문자 s*/
	
	.main_topic.emergency.big {
		padding: 10px 0; 
	}
	.main_topic.emergency.big .caution .information {
		padding: clamp(10px, 3vw, 20px);
		gap: 10px;
	}
	
.main_topic.emergency.big .caution .information .button {
	height: clamp(25px, 4.5vw, 40px);
	font-size: clamp(10px, 2.5vw, 14px);
}
	.main_topic.emergency.big .txt ul li {
		padding: clamp(10px, 3vw, 20px);
		gap: 10px;
	}
	
.main_topic.emergency.big .caution .information .img {
	width: clamp(40%, 16vw, 50%) !important;
}
	.main_topic.emergency.big .caution .information .img_information {
		gap: clamp(5px, 1.5vw, 15px);
	}
	.main_topic.emergency.big .caution .information .img_information .txt {
		font-size: clamp(10px, 2.5vw, 14px) !important;
		/* gap: 8px; */
		line-height: 1.6em;
		width: 90%;
	}
		.main_topic.emergency.big .caution .information .img_information .txt div:last-child {
			white-space: nowrap;
			text-overflow:ellipsis;
			overflow:hidden;
			height: 21px;
			width: 100%;
			overflow: hidden;
			white-space: normal;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 1;
			-webkit-box-orient: vertical;
			word-break: keep-all;
			flex: 1;
			display: -webkit-box;
			text-overflow: ellipsis;
			/* overflow: hidden; */
			/* -webkit-box-orient: vertical; */
			/* -webkit-line-clamp: 1; */
			/* word-break: break-all; */
		}
	/*긴급재난문자 e*/
}





@media  (min-width: 371px) and (max-width: 480px) {
	
	.widget_popup > div:nth-child(2) {
		display: none;
	}
	
	
	/*댐 가뭄 단계 정보 s*/
	.main_topic.dam.big {
	    display: block;
	    /* background: #EAFFD7; */
	    border-radius: 10px;
	    padding: 0;
	    margin: 10px 0;
	    height: calc(100% - 42px - 26px - 20px);
	}
	.main_topic.dam.big select {
		height: 35px;
	}
	.main_topic.dam.big .img {
		height: calc(100% - 55%);
		background: url('./image/new/dam/dam_green.png') no-repeat 50% 50%;
		width: 100%;
		background-size: contain;
		margin-top: 15px;
	}
	.main_topic.dam.big .adjustment {
		transform: translate(-50%, -150%);
		display: flex;
	    justify-content: center;
	    align-items: center;
	    border-radius: 10px;
	    font-size: 15px;
	    font-weight: 500;
	    position: absolute;
	    left: 50%;
		padding: 0 15px;
	    box-sizing: border-box;
		background: #6cd700;
	    color: #fff;
	    height: 26px;
	}
	.main_topic.dam.big .caution {
		height:calc(100% - 45px);
		background: #EAFFD7;
		margin-top: 10px;
		border-radius: 10px;
		padding: 0 10px;
		box-sizing: border-box;
		margin-bottom: 10px;
	}
	.main_topic.dam.big ul {
	    display: none;
	    position: relative;
	}
	.main_topic.dam.big .middle_txt {
	    display: flex;
	    height: 20px;
	    align-items: center;
	    margin-top: 10px;
	    font-size: 15px;
	    color: #696969;
	    font-weight: 500;
	}
	.main_topic.dam.big .middle_txt span {
	    margin-left: 6px;
	}
	.main_topic.dam.big .txt {
	    display: none;
	}
	.main_topic.dam.big .range {
	    display: none;
	}
	/*댐 가뭄 단계 정보 e*/
	
	/*우리동네 가뭄정보  s*/
	.main_topic.drought.big {
		padding: 10px 0;
	}
	.main_topic.drought.big .img {
	    background: url(./image/new/drought/drought_1.png) no-repeat 100% 50%;
	    width: 45%;
	    height: 55%;
	    background-size: contain;
	    background-position: center;
	}
	.main_topic.drought.big .txt {
		font-size: 15px;
		margin-top: 10px;
		line-height: 1.4em;
		font-weight: 500;
	}
	/*우리동네 가뭄정보  e*/
	
	/*무더위 쉼터 s*/
	.main_topic.shelter.big {
	    display: block;
	    padding: 10px 0;
	}
	.main_topic.shelter.big .caution {
	    display: flex;
	    flex-direction: column;
	    height: 100%;
	    gap: 10px;
	}
	.main_topic.shelter.big .caution .address {
	    margin: 0;
	    height: 70%;
	    position: relative;
	    background: url(./image/new/shelter/shelter_back.png) no-repeat;
	    background-size: cover;
	    width: 100%;
	    border-radius: 10px;
	    padding: 10px;
	    box-sizing: border-box;
	}
	.main_topic.shelter.big .caution .address .txt {
	    display: flex;
	    flex-direction: column;
	    align-items: baseline;
	}
	.main_topic.shelter.big .caution .address .title {
	    margin: 0;
	    background: #b4d1fb;
	    height: 30px;
	    padding: 0 15px;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    color: #fff;
	    border-radius: 10px;
	    font-weight: 500;
	    z-index: 100;
	}
	.main_topic.shelter.big .caution .address .middle_txt {
	    margin: 0;
	    display: flex;
	    flex-direction: column;
	    align-items: flex-start;
	    gap: 6px;
	    color: #696969;
	    position: absolute;
	    bottom: -38%;
	    height: 30%;
	    justify-content: center;
	    left: 0;
	    width: 100%;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	    word-break:break-all;
	}
	.main_topic.shelter.big .caution .address .middle_txt div:first-child {
	    font-weight: 600;
		margin: 0;
	    font-size: 14px;
	}
	.main_topic.shelter.big .caution .address .middle_txt div {
	    margin: 0;
	    font-size: 14px;
	}
	.main_topic.shelter.big .caution .address .middle_txt div:last-child {
	    display: none;
	}
	.main_topic.shelter.big .caution .address .img {
		background: url(./image/new/shelter/senior_facilities.png) no-repeat;
		width: 60%;
		height: 130%;
		background-size: contain;
		position: absolute;
		bottom: 0;
		right: 0;
		background-position-x: calc(100% - -4px);
		background-position-y: calc(100% - 5px);
	}
	.main_topic.shelter.big .map {
	    display: none;
	}
	/*무더위 쉼터 e*/

	/*댐 정보 s*/
	.main_topic.dam_information.big {
		padding: 10px 0;
	}
	.main_topic.dam_information.big .caution {
		margin-top: 10px;
		margin-bottom: 10px;
		height: calc(100% - 46px);
	}
	.main_topic.dam_information.big select {
		height: 35px;
		background: #fff url(./image/new/select.png) no-repeat 96% 50%;
		background-size: 12px;
	}
	.main_topic.dam_information.big .caution .img_box {
		padding: 10px;
		width: 100%;
		height: 100%;
		box-sizing: border-box;
	}
	.main_topic.dam_information.big .caution .img_box .img {
		margin-bottom: clamp(5px, 3vw, 25px);
	}
	.main_topic.dam_information.big .caution .level li {
		min-height: clamp(70px, 15vw, 110px);
		min-width: clamp(70px, 15vw, 110px);
		gap: clamp(5px, 1vw, 10px);
		padding: 0;
	}
	.main_topic.dam_information.big .caution .level li div {
		font-size: clamp(9px, 2.5vw, 10px);
	}
	.main_topic.dam_information.big .caution .level li div:nth-child(2) {
		font-size: clamp(12px, 2.5vw, 18px);
	}
	.main_topic.dam_information.big .caution .level_img{
		display: none;
	}
	.main_topic.dam_information.big .caution .img_box.blue_pastel::after {
		display: none;
	}
	/*댐 정보 e*/

	/*자외선지수 s*/
	.main_topic.uv_index.big {
	    display: block;
	    padding: 10px 0;
	}
	.main_topic.uv_index.big .caution {
	    height: 100%;
	    width: 100%;
	    display: flex;
	    align-content: space-between;
	    flex-direction: column;
	    justify-content: space-between;
	    box-sizing: border-box;
	}
	.main_topic.uv_index.big .caution .img {
	    height: calc(100% - 40px);
	    display: flex;
	    flex-direction: column;
	    justify-content: flex-end;
	    background: url(./image/new/ultraviolet/m_ultraviolet_1.png) no-repeat 100% 50%;
	    background-size: contain;
	    border-radius: 10px;
	    background-position-x: 48%;
	    background-position-y: 20%;
	    width: 100%;
	}
	.main_topic.uv_index.big .txt {
	    font-size: 15px;
	    margin-bottom: 0px;
	    height: 42px;
	    font-weight: 500;
	}
	.main_topic.uv_index.big .caution .adjustment {
	    display: none;
	}
	/*자외선지수 e*/
	
	/*체감온도 s*/
	.main_topic.temperature.big {
		padding: 10px 0;
	}
	.main_topic.temperature.big select {
		height: 35px;
		background: #fff url(./image/new/select.png) no-repeat 96% 50%;
		background-size: 12px;
	}
	.main_topic.temperature.big .caution {
		height: calc(100% - 46px);
		background-size: cover;
		background-position: center;
		margin-bottom: 0;
	}
	.main_topic.temperature.big .txt {
		display: none;
	}
	.main_topic.temperature.big .range {
		display: none;
	}
	.main_topic.temperature.big .img {
		/* margin-top: 10px; */
	}
	.main_topic.temperature.big .middle_txt {
		display: block;
		font-size: 15px;
		font-weight: 500;
	}

	.main_topic.temperature.big .middle_txt > span {
		/* display: none; */
		transform: translate(-50%, -380%);
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 10px;
		font-size: 15px;
		font-weight: 500;
		position: absolute;
		left: 50%;
		padding: 0 15px;
		box-sizing: border-box;
		height: 26px;
	}
	.main_topic.temperature.big .middle_txt > span > span {
		display: none;
	}	
	.main_topic.temperature.big .middle_txt span:nth-child(2) {
		margin-left:5px	;	
	}
	/*체감온도 e*/


	/*대기정체지수 s*/
	.main_topic.aircongestionindex.big {
		padding: 10px 0;
	}
	.main_topic.aircongestionindex.big .range {
		display: none;
	}
	.main_topic.aircongestionindex.big .caution {
		/* margin-top: 10px; */
		height: 100%;
		gap: 10px;
		margin-bottom: 0;
	}
	.main_topic.aircongestionindex.big .img {
		font-size: 30px;
	}
	.main_topic.aircongestionindex.big select {
		height: 35px;
	}
	.main_topic.aircongestionindex.big .txt {
		display: flex;
		height: 20px;
		align-items: center;
		/* margin-top: 10px; */
		font-size: 15px;
		color: #696969;
		font-weight: 500;
	}
	.main_topic.aircongestionindex.big .txt span {
		margin-left: 5px;
	}
	/*대기정체지수 e*/



	/*우리동네 상수도정보 s*/
	.main_topic.waterworks.big {
		padding: 10px 0;
	}
	.main_topic.waterworks.big .caution .data .swiper-slide {
		gap: 10px;
	}
	.main_topic.waterworks.big .caution .data .title {
		font-size: 15px;
	}
	.main_topic.waterworks.big .caution .data ul {
		width: 80%;
		gap: 15px;
	}
	.main_topic.waterworks.big .swiper-button-next {
		top: calc(68% - 18px);
		width: 40px;
		height: 40px;
	}
	.main_topic.waterworks.big .swiper-button-prev {
		top: calc(68% - 18px);
		width: 40px;
		height: 40px;
	}
	.main_topic.waterworks.big .caution .img_data .txt {
		display: none;
	}
	.main_topic.waterworks.big .caution .img_data {
		height: 30%;
		gap: 0;
	}
	.main_topic.waterworks.big .caution .img_data .img {
		height: fit-content;
	}
	.main_topic.waterworks.big .caution .img_data .img li {
		width: calc(25% - 3.5%);
	}
	.main_topic.waterworks.big .caution .img_data .img li.line {
		height: 100%;
		width: 7%;
		display: none;
	}
	.main_topic.waterworks.big .caution .data ul li {
		border-radius: 15px;
	}
	.main_topic.waterworks.big .caution .data ul > li > div {
		
		font-size: 15px;
	}
	.main_topic.waterworks.big .caution .data ul > li > div .blue {
		border: none;
	}
	.main_topic.waterworks.big .caution .data {
		height: 70%;
	}
	/*우리동네 상수도정보 e*/
	
	
	
	/*초미세먼지 s*/
	.main_topic.dust.big {
		padding: 10px 0;
	}
	.main_topic.dust.big .range {
		height: 80px;
		display: none;
	}
	.main_topic.dust.big .caution {
		height: 100%;
		margin: 0;
		gap: 5px;
	}
	.main_topic.dust.big .txt {
		font-size: 15px;
		font-weight: 500;
		margin-bottom: 5px;
	}
	/*초미세먼지 e*/

	/*통합대피소 s*/
	.main_topic.integrated.big {
		padding: 10px 0;
	}
	.main_topic.integrated.big select {
        height: 35px;
        background: #fff url(./image/new/select.png) no-repeat 96% 50%;
        background-size: 12px;
    }
	.main_topic.integrated.big .caution .address {
		padding: 10px;
		height: 100%;
	}
	.main_topic.integrated.big .caution .address .txt {
		
	}
	.main_topic.integrated.big .caution .address .title {
		/* display: none; */
	}
	.main_topic.integrated.big .caution .address .middle_txt {
        gap: 10px;
    }
	.main_topic.integrated.big .caution .address .middle_txt div:first-child {
        font-size: 14px !important;
        /* margin-top: clamp(15px, 3vw, 30px); */
        gap: clamp(4px, 1.5vw, 8px);
    }
	.main_topic.integrated.big .caution .address .middle_txt div {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        font-size: 12px;
        /* margin-top: clamp(15px, 3vw, 30px); */
        gap: clamp(4px, 1.5vw, 8px);
    }
	.main_topic.integrated.big .caution .address .img {
		background-position-x: calc(100% - 6px);
		background-position-y: calc(100% - 4px);
		background-size: 80%;
	}

	.main_topic.integrated.big .map {
		display: none;
	}
	/*통합대피소 e*/


	/*전기차 · 수소차 충전소 s*/
	.main_topic.charging.big {
		padding: 10px 0;
	}
	.main_topic.charging.big ul {
	height: 35px;
	}
	.main_topic.charging.big ul li {
		font-size: 14px;
	}
	.main_topic.charging.big .caution {
		height: calc(100% - 45px);
	}
	.main_topic.charging.big .caution .address {
		height: 100%;
		padding: 0;
		gap: 10px;
	}
	.main_topic.charging.big .caution .address .txt {
		height: clamp(40px, 6vw, 45px);
		/* align-items: flex-start; */
	}
	.main_topic.charging.big .caution .address > .img {
		/* background-position-x: calc(100% - 16px); */
		/* background-position-y: calc(100% - 8px); */
		width: 100%;
		height: 80%;
		background: #f3ffe4 url(./image/new/electric/car_1.png) no-repeat;
		background-size: 60%;
		background-position: center;
		border-radius: 10px;
		padding: 0px;
		box-sizing: border-box;
	}
	.main_topic.charging.big .caution .address .img .tulle_tip {
		/* left: initial; */
		width: initial;
		right: -28px;
		transform: translate(-0%,-0%);
		bottom: 10px;
		font-size: 14px;
		margin: 0;
		left: initial;
		border-radius: 10px;
		top: initial;
		flex-direction: row;
		padding: 0 15px;
		height: 30px;
	}
	.main_topic.charging.big .caution .address .img .tulle_tip::after {
		left: calc(100% - 35%) !important;
		display: none !important;
	}	
	.main_topic.charging.big .caution .address .middle_txt div {
		font-size: 14px;
		display: flex;
		/* flex-direction: column; */
		/* align-items: flex-start; */
		gap: 5px;
	}
	.main_topic.charging.big .caution .address .middle_txt div:first-child {
		font-size: 14px;
	}
	.main_topic.charging.big .caution .address .middle_txt div:last-child {
		/* display: none; */
		font-size:  14px;
	}
	.main_topic.charging.big .caution .address .middle_txt {
		gap: clamp(4px, 1.5vw, 8px);
		align-items: flex-start;
		width: 100%;
	}
	.main_topic.charging.big .map  {
		display: none;
	}

	/*전기차 · 수소차 충전소 e*/


	/*물차 제원  s*/
	.main_topic.water_truck.big {
		padding: 10px 0;
	}
	.main_topic.water_truck.big .img {
	    width: 45%;
	    height: 40%;
	    background-size: contain;
	    background-position: center;
	}
	.main_topic.water_truck.big .txt {
		font-size: 15px;
		margin-top: 10px;
		line-height: 1.4em;
		font-weight: 500;
		margin-bottom: 25px;
	}
	/*물차 제원  e*/


	/*국립공원탐방로  s*/
	.main_topic.national_park.big {
		padding: 10px 0;
		padding-bottom: 0;
	}
	.main_topic.national_park.big .caution .address {
		padding: clamp(10px, 3vw, 20px);
		height: calc(100% - 30px);
	}
	.main_topic.national_park.big .caution .address .title {
		display: none;
	}
	.main_topic.national_park.big .caution .address .title .blue {
		display: none;
	}
	.main_topic.national_park.big select {
		height: 35px;
	}
	.main_topic.national_park.big .caution .address .title div {
		display: none;
	}
	.main_topic.national_park.big .caution {
		height: calc(100% - 45px);
	}
	.main_topic.national_park.big .caution .address .img_txt li {
		font-size: 12px;
		display: flex;
		gap: 5px;
		width: 100%;
		box-sizing: border-box;
	}
	.main_topic.national_park.big .caution .address .img_txt li div:nth-child(1) {
		width: 10%;
		/* height: 75%; */
	}
	.main_topic.national_park.big .caution .address .img_txt {
		gap: 5px;
		flex-direction: column;
		height: 100%;
	}
	.main_topic.national_park.big .map_popup {
		width: 100%;
		bottom: 0;
		gap: clamp(5px, 1.5vw, 10px);
		padding: 0;
		box-sizing: border-box;
	}
	.main_topic.national_park.big .map_popup li {
		height: 30px;
		font-size: 14px;
	}
	.main_topic.national_park.big .trail {
		height: 32.5px;
		border: none;
		display: flex;
	}
	/*국립공원탐방로  e*/

	/*황사 모델예측 s*/
	.main_topic.yellow_dust.big {
		padding: 10px 0;
	}
	.main_topic.yellow_dust.big .caution {
		height: calc(100% - 35px);
		margin-bottom: 5px;
	}
	.main_topic.yellow_dust.big .range {
		height: 30px;
	}
	.main_topic.yellow_dust.big .range .button {
		height: 25px !important;
		width: 25px !important;
	}
	/*황사 모델예측  e*/
	
	/*황사 위성영상 s*/
	.main_topic.satellite.big {
		padding: 10px 0;
	}
	.main_topic.satellite.big .caution {
		height: calc(100% - 35px);
		margin-bottom: 5px;
	}
	.main_topic.satellite.big .range {
		height: 30px;
	}
	.main_topic.satellite.big .range .button {
		height: 25px !important;
		width: 25px !important;
	}
	/*황사 위성영상  e*/

	/*표준유역 강수량 s*/
	.main_topic.standard_basin.big {
		padding: 10px 0;
	}
	.main_topic.standard_basin.big select {
        height: 35px;
        background: #fff url(./image/new/select.png) no-repeat 96% 50%;
        background-size: 12px;
    }
	.main_topic.standard_basin.big .range ul {
				
		font-size: 9px;
				
		height: 20px;
	}
	.main_topic.standard_basin.big .range {
		height: 35px;
	}
	.main_topic.standard_basin.big .range .button {
		left: 10px;
		bottom: 55px;
		height: 25px !important;
		width: 25px !important;
	}
	.main_topic.standard_basin.big .caution {
		margin-bottom: 5px;
		height: calc(100% - 85px);
	}
	/*표준유역 강수량 e*/

	/*생태관광 코스 추천 s*/
	.main_topic.ecology.big {
		padding: 10px 0;
	}
	.main_topic.ecology.big .txt span {
		width: 20px;
		height: 20px;
	}
	.main_topic.ecology.big .txt {
		height: 35px;
		font-size: 14px;
		gap: 5px;
		padding: 0 10px;
	}
	.main_topic.ecology.big .swiper_ecology .swiper-wrapper > div .text{
		padding: 10px;
		height: auto;
	}
	/*생태관광 코스 추천 s*/

	/*코리아둘레길 추천 s*/
	.main_topic.dulle_gil.big {
		padding: 10px 0;
	}
	.main_topic.dulle_gil.big .swiper_ecology .swiper-wrapper > div {
		gap: 20px;
		padding: 10px;
		/* border-radius: clamp(10px, 1vw, 20px); */
	}
	.main_topic.dulle_gil.big .swiper_ecology .swiper-wrapper > div .text {
		/* gap: clamp(5px, 2.5vw, 20px); */
		height: 40%;
	}
	.main_topic.dulle_gil.big .swiper_ecology .swiper-wrapper > div .distance {
		/* height: 45%; */
		gap: 5px;
		/* padding: 0 calc(10vw - 4.81px); */
		font-size: clamp(11px, 2vw, 14px);
		width: 100%;
	}
	.main_topic.dulle_gil.big .swiper_ecology .swiper-wrapper > div .distance > div .img {
		height:20px;
		width: 20px;
	}
	.main_topic.dulle_gil.big .swiper_ecology .swiper-wrapper > div .distance > div .txt {
		width: clamp(50px, 8.5vw, 70px);
	}
	.main_topic.dulle_gil.big .caution {
		border-radius: clamp(10px, 1vw, 20px);
	}
	.main_topic.dulle_gil.big .swiper_ecology .swiper-wrapper > div .text div:nth-child(3) {
		font-size: clamp(10px, 2.5vw, 15px);
		gap: clamp(5px, 1.5vw, 10px);
		display: none;
	}
	.main_topic.dulle_gil.big .swiper_ecology .swiper-wrapper > div .text .title {
		font-size: 14px;
		position: absolute;
		top: 10px;
		left: 10px;
		/* transform: translate(-50%, 0px); */
	}
	.main_topic.dulle_gil.big .swiper-button-prev {
		height:40px;
		width: 40px;
		top: calc(50% - -10px);
	}
	.main_topic.dulle_gil.big .swiper-button-next {
		height:40px;
		width: 40px;
		top: calc(50% - -10px);
	}
	/*코리아둘레길 추천 e*/

		/*다중이용시설실내공기질 s*/
	.main_topic.air_quality.big  {
		padding: 10px 0;
	}
	.main_topic.air_quality.big .caution .data ul {
		gap: clamp(10px, 2.5vw, 20px);
	}
	.main_topic.air_quality.big .caution .data ul > li > div {
		font-size: 15px;
	}
	.main_topic.air_quality.big .caution .data ul > li > div .yellow {
		font-size: 11px;
	}
	.main_topic.air_quality.big .caution .data ul li {
        border-radius: 10px !important;
    }
	.main_topic.air_quality.big .caution .img_data .select {
		gap: 5px;
	}
	.main_topic.air_quality.big .caution .img_data .txt {
		font-size: 18px;
	}
	.main_topic.air_quality.big .caution .data .title {
		font-size: 14px;
	}
	.main_topic.air_quality.big .caution .data .swiper-slide {
        gap: 5px;
        padding: 0 5%;
    }
	.main_topic.air_quality.big select {
		height: 35px;
		display: flex;
		/* width: 70%; */
	}
	.main_topic.air_quality.big .caution .img_data select {
		width: 80%;
		background: #fff url('./image/new/select.png') no-repeat 94% 50%;
		background-size: 12px;
		display: block;
	}
	.main_topic.air_quality.big .caution {
		height: calc(100% - 45px);
	}
	
	/*다중이용시설실내공기질 e*/


	/*긴급재난문자 s*/
	
	.main_topic.emergency.big {
		padding: 10px 0; 
	}
	.main_topic.emergency.big .caution .information {
		padding: 10px;
		gap: 10px;
		width: 100%;
	}
	.main_topic.emergency.big .caution > .txt {
		display: none;
	}
	.main_topic.emergency.big .caution .information > .time {
		font-size: 12px;
	}
	.main_topic.emergency.big .caution .information > .time span {
		margin-right: 5px;
	}
.main_topic.emergency.big .caution .information .button {
	height: 30px;
	font-size: 13px;
	gap: 5px;
}
	.main_topic.emergency.big .txt ul li {
		padding: 10px;
		gap: 10px;
	}
	.main_topic.emergency.big .txt ul li .time {
		font-size: 12px;
	}
.main_topic.emergency.big .caution .information .img {
	width: 20%;
}
	.main_topic.emergency.big .caution .information .img_information {
		gap: 5px;
	}
	.main_topic.emergency.big .caution .information .img_information .txt {
		font-size: 12px;
		/* gap: 8px; */
		line-height: 1.6em;
		width: 90%;
	}
		.main_topic.emergency.big .caution .information .img_information .txt div:last-child {
			white-space: nowrap;
			text-overflow:ellipsis;
			overflow:hidden;
			height: 21px;
			width: 100%;
			overflow: hidden;
			white-space: normal;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 1;
			-webkit-box-orient: vertical;
			word-break: keep-all;
			flex: 1;
			display: -webkit-box;
			text-overflow: ellipsis;
			/* overflow: hidden; */
			/* -webkit-box-orient: vertical; */
			/* -webkit-line-clamp: 1; */
			/* word-break: break-all; */
		}
	/*긴급재난문자 e*/
}

@media screen and (min-width: 0px) and (max-width: 370px) {
	
	
	.widget_popup > div:nth-child(2) {
		display: none;
	}
	.widget_pop input {
	    padding: 0 40px 0 15px;
	}
	.widget_pop .search {
	    right: 8px;
	}
	.footer .f-left {
		gap: 10px;
	}
	/*댐 가뭄 단계 정보 s*/
	.main_topic.dam.big {
	    display: block;
	    /* background: #EAFFD7; */
	    border-radius: 10px;
	    padding: 0;
	    margin: 10px 0;
	    height: calc(100% - 42px - 26px - 20px);
	}
	.main_topic.dam.big select {
		height: 30px;
		background: #fff url('./image/new/select.png') no-repeat 96% 50%;
		background-size: 12px;
	}
	.main_topic.dam.big .caution {
		height: calc(100% - 40px);
		display: flex;
		flex-direction: column;
		justify-content: center;
		background: #EAFFD7;
		margin-top: 10px;
		border-radius: 10px;
		padding: 0 10px;
		box-sizing: border-box;
		position: relative;
		margin-bottom: initial;
	}
	.main_topic.dam.big ul {
	    display: none;
	    position: relative;
	}
	.main_topic.dam.big .adjustment {
		transform: translate(65%, -130%);
		left: 0;
		font-size: 14px;
		height: 26px;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 10px;
		font-weight: 500;
		position: absolute;
		padding: 0 15px;
		box-sizing: border-box;
		background: #6cd700;
		color: #fff;
		position: absolute;
		top: 44px;
		left: -27px;
	}
	.main_topic.dam.big .img {
		margin-top: 0;
		height: calc(100% - 30%);
		background: url('./image/new/dam/dam_green.png') no-repeat 50% 50%;
		background-position: right;
		width: 45%;
		margin: 0;
		transform: translate(120%, -0%);
		background-size: contain;
	    display: flex;
	    align-content: center;
	    justify-content: center;
	    align-items: center;
	}
	.main_topic.dam.big .middle_txt {
		/* display: none; */
		position: absolute;
		margin: 0;
		transform: translate(58%, 10%);
		left: 0;
		flex-direction: column;
		align-items: flex-start;
		font-size: 12px;
		/* line-height: 1.5em; */
		color: #696969;
		font-weight: 500;
		display: flex;
		height: initial;
		/* margin-left: 10px; */
		justify-content: flex-start;
		position: absolute;
		left: -28px;
		top: 42px;
		gap: clamp(4px, 1.5vw, 8px);
	}
	.main_topic.dam.big .middle_txt span {
		margin: 0;
	}
	.main_topic.dam.big .txt {
	    display: none;
	}
	.main_topic.dam.big .range {
	    display: none;
	}
	/*댐 가뭄 단계 정보 e*/
	
	/*우리동네 가뭄정보  s*/
	.main_topic.drought.big {
		padding: 10px 0;
	}
	/* .main_topic.dam.big .caution {
		height: calc(100% - 40px);
		margin: 10px 0;
	} */
	.main_topic.drought.big .txt {
	    font-size: 14px;
	    margin-top: 10px;
	    line-height: 1.4em;
	    font-weight: 500;
	}
	.main_topic.drought.big .img {
	    background: url(./image/new/drought/drought_1.png) no-repeat 100% 50%;
	    width: 35%;
	    height: 55%;
	    background-size: contain;
	    background-position: center;
	}
	/*우리동네 가뭄정보  e*/
	
	/*무더위 쉼터 s*/
	.main_topic.shelter.big {
	    display: block;
	    padding: 10px 0;
	}
	.main_topic.shelter.big .caution {
	    display: flex;
	    flex-direction: column;
	    height: 100%;
	    gap: 10px;
	}
	.main_topic.shelter.big .caution .address {
	    margin: 0;
	    height: 65%;
	    position: relative;
	    background: url(./image/new/shelter/shelter_back.png) no-repeat;
	    background-size: cover;
	    width: 100%;
	    border-radius: 10px;
	    padding: 10px;
	    box-sizing: border-box;
	}
	.main_topic.shelter.big .caution .address .txt {
	    display: flex;
	    flex-direction: column;
	    align-items: baseline;
	}
	.main_topic.shelter.big .caution .address .title {
	    margin: 0;
	    background: #b4d1fb;
	    height: 26px;
	    padding: 0 15px;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    color: #fff;
	    border-radius: 10px;
	    font-weight: 500;
	    z-index: 100;
	}
	.main_topic.shelter.big .caution .address .middle_txt {
	    margin: 0;
	    display: flex;
	    flex-direction: column;
	    align-items: flex-start;
	    gap: 6px;
	    color: #696969;
	    position: absolute;
	    bottom: -60%;
	    height: 55%;
	    justify-content: center;
	    width: 100%;
	    left: 0;
	}
	.main_topic.shelter.big .caution .address .middle_txt div:first-child {
	    font-weight: 600;
	    margin: 0;
	    font-size: 14px;
	    height: 15px;
	}
	.main_topic.shelter.big .caution .address .middle_txt div {
	    margin: 0;
	    font-size: 14px;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
	    word-break: break-all;
	    width: 100%;
	    text-align: left;
	}
	.main_topic.shelter.big .caution .address .middle_txt div:last-child {
	    display: none;
	}
	.main_topic.shelter.big .caution .address .img {
		background: url(./image/new/shelter/senior_facilities.png) no-repeat;
		width: 60%;
		height: 130%;
		background-size: contain;
		position: absolute;
		bottom: 0;
		right: 0;
		/* background-position: right; */
		background-position-x: calc(100% - 2px);
		background-position-y: calc(100% - 8px);
	}
	.main_topic.shelter.big .map {
	    display: none;
	}
	/*무더위 쉼터 e*/

	
	/*댐 정보 s*/
	

	.main_topic.dam_information.big {
		display: block;
	    padding: 10px 0;
	}
	.main_topic.dam_information.big select {
		height: 30px;
		background: #fff url('./image/new/select.png') no-repeat 96% 50%;
		background-size: 12px;
	}
	.main_topic.dam_information.big .caution {
		height: calc(100% - 40px);
		justify-content: flex-start;
		margin-bottom: 10px;
		margin-top: 10px;
		box-sizing: border-box;
		position: relative;
	}
	.main_topic.dam_information.big .caution .img_box {
		width: 100%;
		height: 100%;
		justify-content: space-between;
		background: #fff !important;
	}
	.main_topic.dam_information.big .water_level {
		height: 100%;
		padding: 10px;
		width: 100%;
		display: flex !important;
		flex-direction: column;
		justify-content: flex-start;
		align-items: flex-start;
		box-sizing: border-box;
		gap: 8px;
		border-radius: 10px;
	}
	.main_topic.dam_information.big .water_level > span {
		min-height: 26px;
		font-weight: 500;
		font-size: 14px;
		height: 26px;
		display: flex;
		align-items: center;
		padding: 0px 15px;
		margin: 0;
		border-radius: 10px;
	}
	.main_topic.dam_information.big .caution .level {
		display: none;
	}
	.main_topic.dam_information.big .caution .img_box.blue_pastel::after {
		display: none;
	}
	.main_topic.dam_information.big .water_level div {
		font-size: 12px;
		flex-direction: column;
		align-items: flex-start;
		margin: 0;
		font-weight: 400;
		display: flex;
		gap: clamp(4px, 1.5vw, 8px);
		color: #696969;
	}
	.main_topic.dam_information.big .water_level div span {
		margin: 0;
	}
	.main_topic.dam_information.big .caution .img_box .img {
		height: calc(100% - 30%);
		right: 10px;
		width: 48%;
		background-size: contain;
		top: 15%;
		background-position: right;
		position: absolute;
		margin: 0;
	}
	.main_topic.dam_information.big .caution .level_img {
	    display: none;
	}
	/*댐 정보 e*/

	
	/*자외선지수 s*/
	.main_topic.uv_index.big {
	    display: block;
	    padding: 10px 0;
	}
	.main_topic.uv_index.big .caution {
	    height: 100%;
	    width: 100%;
	    display: flex;
	    flex-direction: column;
	    justify-content: space-between;
	    box-sizing: border-box;
	    align-content: space-between;
	}
	.main_topic.uv_index.big .txt {
		font-size: 14px;
		height: 34px;
		margin-bottom: 0px;
		position: initial;
		transform: none;
	}
	.main_topic.uv_index.big .caution .img {
	    height: calc(100% - 40px);
	    display: flex;
	    flex-direction: column;
	    justify-content: flex-end;
	    background: url(./image/new/ultraviolet/m_ultraviolet_1.png) no-repeat 100% 50%;
	    background-size: contain;
	    border-radius: 10px;
	    background-position-x: 48%;
	    background-position-y: 20%;
	    width: 100%;
	}
	/*자외선지수 e*/


	/*체감온도 s*/
	.main_topic.temperature.big {
		padding: 10px 0;
	}
	.main_topic.temperature.big select {
		height: 30px;
		background: #fff url(./image/new/select.png) no-repeat 96% 50%;
		background-size: 12px;
	}
	.main_topic.temperature.big .caution {
		height: calc(100% - 40px);
		background-size: cover;
		background-position: center;
		flex-direction: row-reverse;
		align-items: flex-start;
		padding: 0 10px;
		box-sizing: border-box;
		justify-content: space-between;
		margin: 10px 0;
	}
	.main_topic.temperature.big .txt {
		display: none;
	}
	.main_topic.temperature.big .range {
		display: none;
	}
	.main_topic.temperature.big .middle_txt {
		display: flex;
		font-size: 14px;
		font-weight: 500;
		gap: 10px;
		font-size: 12px;
		margin: 0;
		flex-direction: column;
		align-items: flex-start;
		margin-top: 10px;
	}
	.main_topic.temperature.big .middle_txt > span {
		margin: 0;
		height: 26px;
		padding: 0 15px;
		border-radius: 10px;
		display: flex;
		align-items: center;
		font-size: 14px;
	}
	.main_topic.temperature.big .middle_txt > span > span{
		display: none;
	}
	.main_topic.temperature.big .middle_txt div {
		margin: 0;
		/* line-height: 1.5em; */
		display: flex;
		gap: clamp(4px, 1.5vw, 8px);
		flex-direction: column;
	}
	.main_topic.temperature.big .middle_txt div span {
		margin: 0;
		border-radius: 10px;
		display: flex;
		align-items: center;
		/* line-height: 1.5em; */
	}
	.main_topic.temperature.big .img {
		margin: 0;
		width: 48%;
		height: 100%;
		background-size: contain;
	}

	/*체감온도 e*/


	/*대기정체지수 s*/
	.main_topic.aircongestionindex.big {
		padding: 10px 0;
	}
	.main_topic.aircongestionindex.big .range {
		display: none;
	}
	.main_topic.aircongestionindex.big .caution {
		/* margin-top: 10px; */
		height: 100%;
		gap: 10px;
		margin-bottom: 0;
	}
	.main_topic.aircongestionindex.big .img {
		font-size: 25px;
	}
	.main_topic.aircongestionindex.big select {
		height: 35px;
	}
	.main_topic.aircongestionindex.big .txt {
		display: flex;
		height: 20px;
		align-items: center;
		font-size: 14px;
		color: #696969;
		font-weight: 500;
		/* margin-top: 10px; */
	}
	.main_topic.aircongestionindex.big .txt span {
		margin-left: 5px;
	}
	/*대기정체지수 e*4061



	/*우리동네 상수도정보 s*/
	.main_topic.waterworks.big {
		padding: 10px 0;
	}
	.main_topic.waterworks.big .caution .data .swiper-slide {
		gap: 15px;
	}
	.main_topic.waterworks.big .caution .data .title {
		font-size: 15px;
	}
	.main_topic.waterworks.big .caution .data ul {
		width: 85%;
		gap: 10px;
	}
	.main_topic.waterworks.big .swiper-button-next {
		top: calc(62% - 18px);
		width: 30px;
		height: 30px;
		right: 10px;
	}
	.main_topic.waterworks.big .swiper-button-next:after {
		font-size: 18px;
	}
	.main_topic.waterworks.big .swiper-button-prev {
		top: calc(62% - 18px);
		width: 30px;
		height: 30px;
		left: 10px;
	}
	.main_topic.waterworks.big .swiper-button-prev:after {
		font-size: 18px;
	}
	.main_topic.waterworks.big .caution .img_data .txt {
		display: none;
	}
	.main_topic.waterworks.big .caution .img_data {
		height: 25%;
		gap: 0;
		display: none;
	}
	.main_topic.waterworks.big .caution .img_data .img {
		height: fit-content;
	}
	.main_topic.waterworks.big .caution .img_data .img li {
		width: calc(25% - 3.5%);
	}
	.main_topic.waterworks.big .caution .img_data .img li.line {
		height: 100%;
		width: 7%;
		display: none;
	}
	.main_topic.waterworks.big .caution .data ul > li > div {
		font-size: 15px;
	}
	.main_topic.waterworks.big .caution .data ul li {
		border-radius: 15px;
	}
	.main_topic.waterworks.big .caution .data ul > li > div .blue {
		border: none;
	}
	.main_topic.waterworks.big .caution .data {
		height: 100%;
	}
	/*우리동네 상수도정보 e*/



	
	/*초미세먼지 s*/
	.main_topic.dust.big {
		padding: 10px 0;
	}
	.main_topic.dust.big .range {
		height: 80px;
		display: none;
	}
	.main_topic.dust.big .caution {
		height: 100%;
		margin: 0;
		gap: 10px;
	}
	.main_topic.dust.big .txt {
		font-size: 14px;
		font-weight: 500;
		flex-direction: column;
		line-height: 1.4em;
	}
	/*초미세먼지 e*/


	/*통합대피소 s*/
	.main_topic.integrated.big {
		padding: 10px 0;
	}
	.main_topic.integrated.big select {
        height: 30px;
        background: #fff url(./image/new/select.png) no-repeat 96% 50%;
        background-size: 12px;
    }
	.main_topic.integrated.big .caution {
		height: calc(100% - 40px);
	}	
	.main_topic.integrated.big .caution .address {
		padding: 10px;
		height: 100%;
	}
	.main_topic.integrated.big .caution .address .txt {
		justify-content: center;
	}
	.main_topic.integrated.big .caution .address .title {
		display: none;
	}
	.main_topic.integrated.big .caution .address .middle_txt {
        gap: 10px;
    }
	.main_topic.integrated.big .caution .address .middle_txt div:first-child {
        font-size: 14px !important;
        /* margin-top: clamp(15px, 3vw, 30px); */
        gap: clamp(4px, 1.5vw, 8px);
    }
	.main_topic.integrated.big .caution .address .middle_txt div {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        font-size: 12px;
        /* margin-top: clamp(15px, 3vw, 30px); */
        gap: clamp(4px, 1.5vw, 8px);
    }
	.main_topic.integrated.big .caution .address .middle_txt div span {
		margin: 0;
	}
	.main_topic.integrated.big .caution .address .img {
		height: 100%;
		/* background-position-x: calc(100% - 10px); */
		/* background-position-y: calc(100% - 0px); */
		background-size: contain;
		width: 38%;
		background-position: center;
		margin-right: 10px;
	}

	.main_topic.integrated.big .map {
		display: none;
	}
	/*통합대피소 e*/
	/*전기차 · 수소차 충전소 s*/
	.main_topic.charging.big {
		padding: 10px 0;
	}
	.main_topic.charging.big ul {
	height: 30px;
	}
	.main_topic.charging.big ul li {
		font-size: 14px;
	}
	.main_topic.charging.big .caution {
		height: calc(100% - 40px);
	}
	.main_topic.charging.big .caution .address {
		height: 100%;
		padding: 0;
		gap: 10px;
	}
	.main_topic.charging.big .caution .address .txt {
		height: 16px;
		/* align-items: flex-start; */
	}
	.main_topic.charging.big .caution .address.electricity > .img {
		/* background-position-x: calc(100% - 16px); */
		/* background-position-y: calc(100% - 8px); */
		width: 100%;
		height: 100%;
		background: #f3ffe4;
		background-size: contain;
		background-position-x: calc(100% - 10px);
		border-radius: 10px;
		padding: 10px;
		box-sizing: border-box;
		background-position-y: center;
	}
	.main_topic.charging.big .caution .address.electricity > .img {
		/* background-position-x: calc(100% - 16px); */
		/* background-position-y: calc(100% - 8px); */
		width: 100%;
		height: 100%;
		background: #f3ffe4;
		background-size: contain;
		background-position-x: calc(100% - 10px);
		border-radius: 10px;
		padding: 10px;
		box-sizing: border-box;
		background-position-y: center;
	}
	.main_topic.charging.big .caution .address.hydrogen > .img{
		width: 100%;
		height: 100%;
		background: #f1f7ff;
		background-size: contain;
		background-position-x: calc(100% - 10px);
		border-radius: 10px;
		padding: 10px;
		box-sizing: border-box;
		background-position-y: center;
	}
	.main_topic.charging.big .caution .address.electricity > .img .img {
		
	background: url(./image/new/electric/ev_car_small.png) no-repeat;
			
	background-size: contain;
			
	width: 100%;
			
	height: 100%;
			
	background-position: right;
	}
	.main_topic.charging.big .caution .address.hydrogen > .img .img {
		background: url(./image/new/electric/h2_car_small.png) no-repeat;
		background-size: contain;
		width: 100%;
		height: 100%;
		background-position: center;
	}
	.main_topic.charging.big .caution .address .img .tulle_tip {
		/* left: initial; */
		width: initial;
		right: initial;
		transform: translate(-0%,-0%);
		bottom: initial;
		font-size: 14px;
		margin: 0;
		left: 10px;
		border-radius: 10px;
		top: 10px;
		flex-direction: row;
		padding: 0 15px;
		height: 26px;
	}
	.main_topic.charging.big .caution .address .img .tulle_tip::after {
		left: calc(100% - 35%) !important;
		display: none !important;
	}	
	.main_topic.charging.big .caution .address .middle_txt div {
		font-size: 14px;
		display: flex;
		/* flex-direction: column; */
		/* align-items: flex-start; */
		/* gap: 5px; */
		width: 100%;
	}
	.main_topic.charging.big .caution .address .middle_txt div:first-child {
		font-size: 14px;
	}
	.main_topic.charging.big .caution .address .middle_txt div:last-child {
		display: none;
		font-size:  14px;
	}
	.main_topic.charging.big .caution .address .middle_txt div span {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		word-break: break-all;
		width: calc(100% - 79px);
		margin: 0;
		text-align: left;
		margin-left: 5px;
	}
	.main_topic.charging.big .caution .address .middle_txt {
		gap: 6px;
		align-items: flex-start;
		width: 100%;
	}
	.main_topic.charging.big .map  {
		display: none;
	}

	/*전기차 · 수소차 충전소 e*/
	/*물차 제원  s*/
	.main_topic.water_truck.big {
		padding: 10px 0;
	}
	.main_topic.water_truck.big .caution {
		/* height: calc(100% - 40px); */
		/* margin: 10px 0; */
	}
	.main_topic.water_truck.big .txt {
	    font-size: 14px;
	    margin-top: 10px;
	    line-height: 1.4em;
	    font-weight: 500;
	    margin-bottom: 15px;
	}
	.main_topic.water_truck.big .img {
	    /* background: url(./image/new/drought/drought_1.png) no-repeat 100% 50%; */
	    /* width: 35%; */
	    /* height: 55%; */
	    background-size: contain;
	    background-position: center;
	}
	/*물차 제원  e*/


	/*국립공원탐방로  s*/
	.main_topic.national_park.big {
		padding: 10px 0;
		padding-bottom: 0;
	}
	.main_topic.national_park.big .caution .address {
		padding: clamp(10px, 3vw, 20px);
		height: calc(100% - 35px);
	}
	.main_topic.national_park.big .caution .address .title {
		display: none;
	}
	.main_topic.national_park.big .caution .address .title .blue {
		display: none;
	}
	.main_topic.national_park.big select {
		height: 30px;
		background: #fff url(./image/new/select.png) no-repeat 96% 50%;
		background-size: 12px;
	}
	.main_topic.national_park.big .caution .address .title div {
		display: none;
	}
	.main_topic.national_park.big .caution {
		height: calc(100% - 40px);
	}
	.main_topic.national_park.big .caution .address .img_txt li {
		font-size: 10px;
		display: flex;
		gap: 5px;
		width: 100%;
		box-sizing: border-box;
		border-radius: 10px;
	}
	.main_topic.national_park.big .caution .address .img_txt li div:nth-child(1) {
		width: 8%;
		/* height: 75%; */
	}
	.main_topic.national_park.big .caution .address .img_txt {
		gap: 5px;
		flex-direction: column;
		height: 100%;
	}
	.main_topic.national_park.big .map_popup {
		width: 100%;
		bottom: 0;
		gap: clamp(5px, 1.5vw, 10px);
		padding: 0;
		box-sizing: border-box;
	}
	.main_topic.national_park.big .map_popup li {
		height: 30px;
		font-size: 12px;
	}
	.main_topic.national_park.big .trail {
		height: 32.5px;
		border: none;
		display: flex;
	}
	/*국립공원탐방로  e*/

	/*황사 모델예측 s*/
	.main_topic.yellow_dust.big {
		padding: 10px 0;
	}
	.main_topic.yellow_dust.big .caution {
		height: 100%;
		margin-bottom: initial;
	}
	.main_topic.yellow_dust.big .range {
		height: 30px;
		position: relative;
	}
	.main_topic.yellow_dust.big .range .bar {
		display: none;
	}
	.main_topic.yellow_dust.big .range .button {
		height: 25px !important;
		width: 25px !important;
		left: 10px;
		bottom: 40px;
		position: absolute;
	}
	/*황사 모델예측  e*/
	
	/*황사 위성영상 s*/
	.main_topic.satellite.big {
		padding: 10px 0;
	}
	.main_topic.satellite.big .caution {
		height: 100%;
		margin-bottom: initial;
	}
	.main_topic.satellite.big .range {
		height: initial;
		position: relative;
	}
	.main_topic.satellite.big .range .bar {
		display: none;
	}
	.main_topic.satellite.big .range .button {
		height: 25px !important;
		width: 25px !important;
		left: 10px;
		bottom: 10px;
		position: absolute;
	}
	/*황사 위성영상 e*/


	/*표준유역 강수량 s*/
	.main_topic.standard_basin.big {
		padding: 10px 0;
	}
	    .main_topic.standard_basin.big select {
        height: 30px;
        background: #fff url(./image/new/select.png) no-repeat 96% 50%;
        background-size: 12px;
    }
	.main_topic.standard_basin.big .range {
		height: initial;
		/* display: none; */
	}
	.main_topic.standard_basin.big .range ul {
				display: none !important;
	}
	.main_topic.standard_basin.big .range .bar {
		display: none;
	}
	.main_topic.standard_basin.big .range .button {
		left: 10px;
		bottom: 10px;
		height: 25px !important;
		width: 25px !important;
	}
	.main_topic.standard_basin.big .caution {
		margin-bottom: initial;
		height: calc(100% - 40px);
	}
	/*표준유역 강수량 e*/


	/*생태관광 코스 추천 s*/
	.main_topic.ecology.big {
		padding: 10px 0;
	}
	.main_topic.ecology.big .txt span {
		width: 20px;
		height: 20px;
	}
	.main_topic.ecology.big .txt {
		height: 30px;
		font-size: 14px;
		gap: 5px;
		padding: 0 10px;
	}
	.main_topic.ecology.big .caution {
		height: calc(100% - 40
					 px);
	}
	.main_topic.ecology.big .swiper_ecology .swiper-wrapper > div .text{
		padding: 10px;
		height: 36px;
		font-size: 10px;
	}
	.main_topic.ecology.big .swiper_ecology .swiper-wrapper > div .text .title {
		margin-bottom: 0;
		font-size: 14px;
	}
	.main_topic.ecology.big .swiper_ecology .swiper-wrapper > div .text div:nth-child(2) {
		-webkit-line-clamp: 1;
		display: none;
	}
	
	.main_topic.ecology.big .swiper-button-prev {
		width: 40px;
		height: 40px;
		top: calc(50% - -25px);
	}
	.main_topic.ecology.big .swiper-button-next {
		width: 40px;
		height: 40px;
		top: calc(50% - -25px);
	}
	.main_topic.ecology.middle .swiper_ecology .swiper-wrapper > div .text {
		
	}
	/*생태관광 코스 추천 s*/
	/*코리아둘레길 추천 s*/
	.main_topic.dulle_gil.big {
		padding: 10px 0;
	}

	.main_topic.dulle_gil.big .swiper_ecology .swiper-wrapper > div .text {
		/* gap: clamp(5px, 2.5vw, 20px); */
		height: 40%;
	}
	.main_topic.dulle_gil.big .swiper_ecology .swiper-wrapper > div .distance {
		/* height: 45%; */
		gap: 5px;
		/* padding: 0 calc(10vw - 4.81px); */
		font-size: clamp(11px, 2vw, 14px);
		width: 100%;
		display: none;
	}
	.main_topic.dulle_gil.big .swiper_ecology .swiper-wrapper > div .distance > div .img {
		height:20px;
		width: 20px;
	}
	.main_topic.dulle_gil.big .swiper_ecology .swiper-wrapper > div .distance > div .txt {
		width: clamp(50px, 8.5vw, 70px);
	}
	.main_topic.dulle_gil.big .caution {
		border-radius: clamp(10px, 1vw, 20px);
	}
	.main_topic.dulle_gil.big .swiper_ecology .swiper-wrapper > div .text div:nth-child(3) {
		font-size: clamp(10px, 2.5vw, 15px);
		gap: clamp(5px, 1.5vw, 10px);
		display: none;
	}
	
	.main_topic.dulle_gil.big .swiper-button-prev {
		height:40px;
		width: 40px;
		top: calc(50% - -10px);
	}
	.main_topic.dulle_gil.big .swiper-button-next {
		height:40px;
		width: 40px;
		top: calc(50% - -10px);
	}
	.main_topic.dulle_gil.big {
	display: block;
	font-size: initial;
	padding: 10px 0;
	} 
	
	.main_topic.dulle_gil.big .txt span {
		background: url(./image/new/sightseeing.png) no-repeat;
		width: 25px;
		height: 25px;
		margin: 0;
		background-size: contain;
	}
	.main_topic.dulle_gil.big .caution {
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		/* margin-bottom: 20px; */
		/* background: url('./image/new/temperature/back1.png') no-repeat; */
		width: 100%;
		background-size: contain;
		/* margin-top: 10px; */
		border-radius: 20px;
		/* gap: 20px; */
		margin-bottom: initial;
		background: #fff;
	}
	.main_topic.dulle_gil.big .swiper_ecology {
		width: 100%;
		height: 100%;
	}
	.main_topic.dulle_gil.big .swiper_ecology.swiper {
	}
	.main_topic.dulle_gil.big .swiper_ecology .swiper-wrapper > div {
	  display:flex;
	  justify-content:center;
	  align-items:center;
	  border-radius: 10px;
	  flex-direction: column;
	  padding: 10px;
	  box-sizing: border-box;
	}
	.main_topic.dulle_gil.big .swiper_ecology .swiper-wrapper > div .text {
		/* position: absolute; */
		/* bottom: 0; */
		height: 100%;
		width: 100%;
		/* background: #0000008c; */
		border-radius: 0 0 10px 10px;
		/* padding: 15px; */
		box-sizing: border-box;
		font-size: 14px;
		text-align: left;
		display: flex;
		flex-direction: column;
		letter-spacing: 0;
		gap: 0;
		/* outline: 1px solid black; */
		/* display: block; */
		color: #fff;
		font-weight: 100;
		align-items: center;
		justify-content: center;
		/* margin-bottom: 10%; */
		border-radius: 50px;
	}
	.main_topic.dulle_gil.big .swiper_ecology .swiper-wrapper > div .text span {
		display: flex;
	}
	.main_topic.dulle_gil.big .swiper_ecology .swiper-wrapper > div .text span:last-child {
		
	word-wrap: break-word;
		
	display: flow-root;
		
	overflow: hidden;
		
	text-overflow: ellipsis;
		
	white-space: nowrap;
		
	width: 100%;
		
	text-align: center;
	}
	.main_topic.dulle_gil.big .swiper_ecology .swiper-wrapper > div .distance {
		/* position: absolute; */
		/* bottom: 0; */
		height: 50%;
		width: 100%;
		/* background: #0000008c; */
		border-radius: 0 0 10px 10px;
		/* padding: 15px; */
		box-sizing: border-box;
		font-size: 14px;
		text-align: left;
		display: flex;
		flex-direction: column;
		letter-spacing: 0;
		gap: 10px;
		/* outline: 1px solid black; */
		/* display: block; */
		color: #fff;
		font-weight: 100;
		align-items: flex-start;
		justify-content: center;
		align-content: flex-start;
		/* gap: 5px; */
		/* margin-top: 5%; */
		display: none;
	}
	.main_topic.dulle_gil.big .swiper_ecology .swiper-wrapper > div .distance > div {
		width: 100%;
		display: flex;
		/* gap: 5px; */
		align-items: center;
	}
	.main_topic.dulle_gil.big .swiper_ecology .swiper-wrapper > div .distance > div .img{
	
	width: 26px;
	
	height: 26px;
	
	margin: 0;
	
	background-size: contain !important;
	
	margin-right: 10px;
	}
	.main_topic.dulle_gil.big .swiper_ecology .swiper-wrapper > div .distance > div span {
		margin: 0;
		color: #ACACAC;
	}
	.main_topic.dulle_gil.big .swiper_ecology .swiper-wrapper > div .distance > div .txt {
		margin: 0;
		/* margin-right: 20px; */
		width: 65px;
		color: #696969;
		font-weight: 500;
	}
	
	.main_topic.dulle_gil.big .swiper_ecology .swiper-wrapper > div .text div:nth-child(3) {
	        /* display: block; */
	        font-size: 12px;
	        display: flex;
	        flex-direction: column;
	        color: #707070;
	        font-weight: 300 !important;
	        gap: 8px;
	        height: 60%;
	        align-items: center;
	        justify-content: center;
	        word-wrap: break-word;
	        /* display: -webkit-box; */
	        -webkit-line-clamp: 2;
	        -webkit-box-orient: vertical;
	        overflow: hidden;
	        text-overflow: ellipsis;
	        white-space: normal;
	}
	.main_topic.dulle_gil.big .swiper_ecology .swiper-wrapper > div .text .title {
		font-size: 16px;
		margin: 0;
		/* margin-bottom: 10px; */
		height: 40%;
		width: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 5px;
		padding: 0 15px;
		/* line-height: 30px; */
		border-radius: 50px;
		box-sizing: border-box;
		color: #696969 !important;
		font-weight: 300;
	}
	.main_topic.dulle_gil.big .swiper_ecology .swiper-wrapper > div .text .img {
		position: absolute;
		width: 12%;
		left: 25px;
		height: 34%;
		top: 10px;
		display: flex;
	}
	.main_topic.dulle_gil.big .swiper_ecology .swiper-wrapper > div .text .title > span {
		position: absolute;
		width: 20px;
		height: 38%;
		display: flex;
		align-items: center;
		align-content: center;
		right: 10%;
	}
	.main_topic.dulle_gil.big .swiper_ecology .swiper-wrapper > div .text .title > span::after {
	    content: '';
	    width: 15px; /* 사이즈 */
	    height: 15px; /* 사이즈 */
	    border-top: 1px solid #FFAA00; /* 선 두께 */
	    border-right: 1px solid #FFAA00; /* 선 두께 */
	    display: inline-block;
	    transform: rotate(45deg); /* 각도 */
	    position: absolute;
	    /* top: 0px; */ /* 기본 0px 값으로 해주세요 */
	    right: 6px; /* 기본 0px 값으로 해주세요 */
	}
	/*코리아둘레길 추천 e*/

	/*다중이용시설실내공기질 s*/
	.main_topic.air_quality.big  {
		padding: 10px 0;
	}
	.main_topic.air_quality.big .caution .data ul {
		gap: 5px;
	}
	.main_topic.air_quality.big .caution .data ul > li > div {
		font-size: 15px;
		padding: 5px 8px;
	}
	.main_topic.air_quality.big .caution .data ul > li > div .yellow {
		font-size: 10px;
	}
	.main_topic.air_quality.big .caution .data ul li {
        border-radius: 10px !important;
    }
	.main_topic.air_quality.big .caution .img_data .select {
		gap: 5px;
	}
	.main_topic.air_quality.big .caution .img_data .txt {
		font-size: 18px;
	}
	.main_topic.air_quality.big .caution .data .title {
		font-size: 14px;
	}
	.main_topic.air_quality.big .caution .data .swiper-slide {
        gap: 10px;
        padding: 0 10px;
        /* height: 100%; */
    }
	.main_topic.air_quality.big select {
		height: 30px;
		display: flex;
		/* width: 70%; */
		background: #fff url(./image/new/select.png) no-repeat 96% 50%;
		background-size: 12px;
	}
	.main_topic.air_quality.big .select {
		gap: 5px;
	}
	.main_topic.air_quality.big .select select:last-child {
		display: block;
	}
	.main_topic.air_quality.big .caution .img_data select {
		width: 80%;
		background: #fff url('./image/new/select.png') no-repeat 94% 50%;
		background-size: 12px;
		/* height: 30px; */
	}
	.main_topic.air_quality.big .caution {
		height: calc(100% - 40px);
	}
	.main_topic.air_quality.big .caution .img_data {
		display: none;
	}
	.main_topic.air_quality.big .caution .data {
		
height: 100%;
	}
	/*다중이용시설실내공기질 e*/

	/*긴급재난문자 s*/
	
	.main_topic.emergency.big {
		padding: 10px 0; 
	}
	.main_topic.emergency.big .caution .information {
		padding: 10px;
		gap: 10px;
		width: 100%;
		height: calc(100% - 40px);
		position: relative;
	}
	.main_topic.emergency.big .caution > .txt {
		display: none;
	}
	.main_topic.emergency.big .caution .information > .time {
		font-size: 12px;
	}
	.main_topic.emergency.big .caution .information > .time span {
		margin-right: 5px;
	}
.main_topic.emergency.big .caution .information .button {
	height: 30px;
	font-size: 13px;
	gap: 5px;
	position: fixed;
	bottom: 61px;
	width: calc(100% - 52px);
}
	.main_topic.emergency.big .txt ul li {
		padding: 10px;
		gap: 10px;
	}
	.main_topic.emergency.big .txt ul li .time {
		font-size: 12px;
	}
.main_topic.emergency.big .caution .information .img {
	width: 20%;
	display: none;
}
	.main_topic.emergency.big .caution .information .img_information {
		gap: 5px;
		height: calc(100% - 35px);
		display: flex;
		align-items: flex-start;
	}
	.main_topic.emergency.big .caution .information .img_information .txt {
		font-size: 12px;
		gap: 4px;
		line-height: 1.6em;
		width: 100%;
		text-align: left;
		flex-direction: row;
		display: inline-block;
		height: 100%;
		overflow: hidden;
		display: inline-block;
		align-items: center;
	}
		.main_topic.emergency.big .caution .information .img_information .txt .title {
		margin: 0;
		display: inline-block;
		margin-right: 5px;
	}
		.main_topic.emergency.big .caution .information .img_information .txt div:last-child {
			/* white-space: nowrap; */
			/* text-overflow:ellipsis; */
			/* overflow:hidden; */
			/* height: 21px; */
			width: 100%;
			/* overflow: hidden; */
			/* white-space: normal; */
			/* text-overflow: ellipsis; */
			/* display: -webkit-box; */
			/* -webkit-line-clamp: 1; */
			/* -webkit-box-orient: vertical; */
			/* word-break: keep-all; */
			/* flex: 1; */
			/* display: -webkit-box; */
			/* text-overflow: ellipsis; */
			overflow: hidden;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 3;
			word-break: break-all;
			display: inline;
		}
	/*긴급재난문자 e*/
}