@charset "UTF-8";


@media screen and (max-width: 1536px) {
	header {
		max-width: 1310px;
	}
	.grid-container {

	}
	.grid-stack {
	    max-width: 1310px;
	}
	
}

@media screen and (max-width: 1280px) {
	header {
		max-width: 1070px;
	}
	.grid-container {
		
	}
	.grid-stack {
	    max-width: 1070px;
	    left: calc(50% - 90px);
	    margin: 0px 94px;
	}
}

@media screen and (max-width: 1049px) {
	header  {
		max-width: 710px;
		margin: 0 60px;
		left: calc(50% - 60px);
	}
	.copy {
		
		transform: translate(-50%, calc(-100% - -55px)) !important;
	}
	.copy .copy-content {
		/* width: 600px; */
	}
	.grid-container {
		
	}
	.grid-stack {
	    max-width: 710px;
	    left: calc(50% - 50px);
	    margin: 0px 54px;
	}
	.back.on {
		
right: 0;
		
left: initial;
	}
	.back>.help {
		width: calc(100% - 40px) !important;
		/* max-width: 600px; */
	}
	.nav-bar-one .nav-map-btn a {
		display: none;
	}
	header .nav-bar-one .logo {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding-right: 26px;
	}
	.content>.map-box-text {
		display: none;
	}
	.nav-bar-one .nav-map-btn {
		display:none;
	}
	.menu_bar {
		display: block;
	}
	header .nav-bar-one .logo a {
		margin: 0;
	}
	header .nav-bar-one .logo a {
		display: flex;
		border: none;
		padding: 0 26px;
	}
	header .nav-bar-one .logo .logo-box .logo-text {
		justify-content: flex-start;
		/* padding: 0 20px; */
	}
	.pop-up-plus {
		left: initial !important;
		right: 240px;
		top: calc(50% - 4px) !important;
	}
	.pop-address {
        left: initial !important;
        right: 240px;
        top: calc(50% - 79px) !important;
    }
	.navigation-bar {
		display: none !important;
		right: 0;
		left: auto;
		border-radius: 30px 0 0 30px;
		height: 100%;
		/* display: flex !important; */
		align-items: center;
		align-content: center;
		justify-content: center;
		width: 220px !important;
		z-index: 1;
	}
	.btn-push a:hover .left_txt {
		background-color: initial;
        color: initial;
		position:initial;
		top: initial;
		left:initial;
		padding: initial;
		height: initial;
		width:initial;
		
		
	}
	.btn-push .left_txt.c1 {
		color: #707070;
		position: absolute;
		left: 58px;
		/* width: 60px; */
		background: #b3d5f4;
		color: #fff !important;
		border-radius: 5px;
		padding: 10px;
		top: 6px;
		text-align: center;
	}
	.navigation-bar.on .left_txt {
		display: contents;
		background: none;
		color: #707070 !important;
		padding: 0;
		top: 0;
		left: 0;
		position: initial;
		width: 120px;
		background: #fff !important;
		height: 50px;
		/* display: flex; */
		align-items: center;
		justify-content: center;
	}
	.btn-push .left_txt::after {
	content: '';
	display: block;
	position: absolute;
    left: -4px;
    top: 9px;
    content: '';
    width: 10px;
    height: 10px;
    border-top: none !important;
    border-right: none !important;
    transform: rotate(225deg);
	
}
	.navigation-bar .weather_img {

	}
	.navigation-bar .close-100 {
		display: block;
		position: absolute;
		top: 25px;
	}
	.navigation-bar.on .nav-bor-two .btn-push:nth-child(7) {
		display: none;
	}
	.navigation-bar.on .nav-bor-two .btn-push:nth-child(3) {
		/* display: none; */
	}
	.navigation-bar.on .nav-bor-two .btn-push:nth-child(4) {
		/* display: none; */
	}
	.navigation-bar.on .nav-bor-two .btn-push:nth-child(5) {
		display: none;
	}
	.navigation-bar .nav-bor-two {
		display: flex;
		justify-content: center;
	}
	
	.arrow-next {
		display: none;
	}
	main {
		/* bottom: 110px; */
		/* height: calc(100% - 110px - 38px - 64px - 50px); */
	}
	section {
	}
	.grid-container {
		position: relative;
		padding-top: 145px;
		padding-bottom: 120px;
	}
	.announcement {
		display: none;
	}
	section footer {
		display: block !important;
		box-shadow: 0 0 0 0 !important;
		position: relative;
		width: 100%;
		/* height: 100%; */
		bottom: 0;
	}
	 footer {
		display: block !important;
		height: 110px;
		bottom: 0;
		margin: 0;
		width: 100%;
		left: 50%;
	}
	.footer {
		gap: 10px;
		flex-wrap: wrap;
		justify-content: center;
		flex-direction: column;
		width: 100%;
		border-radius: 0;
		box-sizing: border-box;
		padding: 0 20px;
		min-width: 340px;
	}
	.footer .f-left p {
		font-size: 10px;
	}
	.footer .f-right .f-s-copy {
		font-size: 11px;
		padding: 0px 8px;
		width: 70px;
		height: 30px;
	}
	.footer .f-right {
		gap: 5px;
	}
	.footer .f-right .f-s-custom {
		width: 140px;
		height: 30px;
	}
	.footer .f-right .f-s-custom select {
		width: 140px;
		font-size: 11px;
		height: 30px;
	}
}
/* 25.07.01 - 768px > 900px 전환 s */
@media screen and (max-width: 900px) {
	.ai-content.right .btn-close {
		display: none;
	}
	.ai-content.right .ai-popup-footer .btn-close-all {
		display: block;
	}
	.content-article {
		display: none;
	}
	.ai-content.left.pc {
		display: none;
	}
	.ai-content.left.mb {
		display: flex;
		flex: initial;
		height: 100%;
		margin: 0;
	}
	.ai-popup-content {
		width: calc(100% - 40px);
		height: auto;
		max-width: 100%;
		max-height: 100%;
		min-width: 100%;
		transform: translate(-50%, -50%) scale(0.8);
		flex-direction: column;
		background: none;
		align-items: center;
	}
	.ai-content.right .ai-popup-footer {
		padding:0;
		gap: 0;
		width: 100%;
		box-sizing: border-box;
		border-top: 1px solid #6D7882;
	}
	.ai-content.right .ai-popup-footer  button {
	border-radius: 0;
	}
	.ai-content.right .ai-popup-footer .btn-apply {
		display: none;
	}
	.ai-content.right .ai-popup-footer .btn-close-mb {
		display: block;
		border-radius: 0;
		background: #fff;
		font-size: 16px;
		flex: 1 0 50%;
		color: #000;
		/* border-bottom-right-radius: 8px; */
	} 
	.ai-content.right .ai-popup-footer .btn-one-day {
	border-radius: 0;
	background: #fff;
	border-right: 1px solid #6D7882;
	flex: 1 0 50%;
	/* border-bottom-left-radius: 8px; */
	}
	.ai-content.right {
		margin:0;
		width: 100%;
	}
	.ai-popup-mb.on {
		display: flex;
	}
		
	.ai-popup-content img {
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
	}
}
/* 25.07.01 - 768px > 900px 전환 e */
@media screen and (max-width: 480px) {
	header {
		 max-width: 350px;
		 margin: 0 20px;
		 left: calc(50% - 20px);
		 min-width: 270px;
	}
	.grid-stack {
	    max-width: 350px;
	    left: calc(50% - 12px);
	    margin: 0px 16px;
	}
	header .nav-bar-one .logo {
		width: 100%;
		padding-right: 26px;
	}
	header .nav-bar-one .logo .logo-box .logo-text {
		display: flex;
		justify-content: flex-start;
		/* padding: 0 20px; */
	}
	footer {
		display: block !important;
		height: 110px;
		margin: 0;
		width: 100%;
	}
	.footer .f-left p {
        font-size: 8px;
    }
	.announcement {
		display: none;
	}
	.grid-container {
		/* max-width: 350px !important; */
		padding-top: 135px;
	}
	section footer {
		display: block;
	}
}