@media (max-width: 1600px) {
	
	.wrap { width: 96%; margin: 0 auto; }

}

@media (max-width: 1440px) {
	
	/* head */
	.head .menu ul { gap: 0 30px; }

	/* main */
	.main_text { text-align: center; bottom: auto; height: 100%; }
	.main_text p { font-size: 55px; }
	.main_arrow { right: 0%; bottom: 80px; width: 100%; }

	/* sub */
	.sub_vis h2 { font-size: 45px; }

}

@media (max-width: 1024px) {
	
	/* head */
	.menu { display: none; }
	nav#accordian { display: block; }

	/*  BURGER */
	.burger { display: inline-block; position: fixed; top: 40px; right: 2%; padding: 0px; background: transparent; border-radius: 4px; z-index: 9002; float: right; text-align: center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
	.burger.burger-close { display: none; }
	.burger.burger-close.clicked { display:inline-block; }
	.burger span { position: relative; margin-top: 9px; margin-bottom: 9px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
	.burger span, .burger span::before, .burger span::after {
		display: block;
		width: 25px;
		height: 2px;
		background-color: #fff;
		outline: 1px solid transparent;
		-webkit-transition-property: background-color, -webkit-transform;
		-moz-transition-property: background-color, -moz-transform;
		-o-transition-property: background-color, -o-transform;
		transition-property: background-color, transform;
		-webkit-transition-duration: 0.3s;
		-moz-transition-duration: 0.3s;
		-o-transition-duration: 0.3s;
		transition-duration: 0.3s;
	}

	.head.scrolled .burger span, .head.scrolled .burger span::before, .head.scrolled .burger span::after { background-color: #1429e9; }

	.burger span::before, .burger span::after { position: absolute; content: ""; }
	.burger span::before { top: -9px; }
	.burger span::after { top: 9px; }
	.burger.clicked span { background-color: transparent; }

	.burger.clicked span::before { -webkit-transform: translateY(9px) rotate(45deg); -moz-transform: translateY(9px) rotate(45deg); -ms-transform: translateY(9px) rotate(45deg); -o-transform: translateY(9px) rotate(45deg); transform: translateY(9px) rotate(45deg); }
	.burger.clicked span::after { -webkit-transform: translateY(-9px) rotate(-45deg); -moz-transform: translateY(-9px) rotate(-45deg); -ms-transform: translateY(-9px) rotate(-45deg); -o-transform: translateY(-9px) rotate(-45deg); transform: translateY(-9px) rotate(-45deg); }
	.burger.clicked span:before, .burger.clicked span:after { background-color: #ffffff; }

	.burger:hover { cursor: pointer; }

	/*  NAV
	========================================== */

	nav.allmenu {
		position: fixed;
		top: 0;
		right: 0;
		width: 100%;
		max-width: 70%;
		height: 100%;
		padding: 100px 40px 60px 40px;
		background-color: #1e4d7b;
		z-index: 9999;
		overflow-y: auto;
		-webkit-transform: translateX(200%);
		-moz-transform: translateX(200%);
		-ms-transform: translateX(200%);
		-o-transform: translateX(200%);
		transform: translateX(200%);
		-webkit-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
		-moz-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
		-o-transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
		transition: transform 0.55s cubic-bezier(0.785, 0.135, 0.15, 0.86);
	}

	nav.allmenu.show { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); }
	nav.allmenu.show ul.mobile_main_menu li { -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); opacity: 1; }

	nav.allmenu.show ul.mobile_main_menu li:nth-child(1) { transition-delay: 0.15s; }
	nav.allmenu.show ul.mobile_main_menu li:nth-child(2) { transition-delay: 0.3s; }
	nav.allmenu.show ul.mobile_main_menu li:nth-child(3) { transition-delay: 0.45s; }
	nav.allmenu.show ul.mobile_main_menu li:nth-child(4) { transition-delay: 0.6s; }
	nav.allmenu.show ul.mobile_main_menu li:nth-child(5) { transition-delay: 0.75s; }
	nav.allmenu.show ul.mobile_main_menu li:nth-child(6) { transition-delay: 0.9s; }
	nav.allmenu.show ul.mobile_main_menu li:nth-child(7) { transition-delay: 1.05s; }
	nav.allmenu.show ul.mobile_main_menu li:nth-child(8) { transition-delay: 1.2s; }
	nav.allmenu.show ul.mobile_main_menu li:nth-child(9) { transition-delay: 1.35s; }

	nav.allmenu ul.mobile_main_menu { list-style-type: none; }
	nav.allmenu ul.mobile_main_menu li { margin-bottom: 30px; -webkit-transform: translateX(40px); -moz-transform: translateX(40px); -ms-transform: translateX(40px); -o-transform: translateX(40px); transform: translateX(40px); opacity: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
	nav.allmenu ul.mobile_main_menu li:last-of-type { margin-bottom: 0px; }
	nav.allmenu ul.mobile_main_menu li a { display: block; text-decoration: none; color: #fff; font-size: 1.2em; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
	nav.allmenu ul.mobile_main_menu li a span { color: #fff; }
	nav.allmenu ul.mobile_main_menu li a:hover, nav.allmenu ul.mobile_main_menu li:hover > a { color: #fff; }

	/* OVERLAY */
	.overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0; visibility: hidden; z-index: 9900; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
	.overlay.show { opacity: 0.8; visibility: visible; }

	/* accordian */
	#accordian ul ul li { margin-bottom:0px; }
	#accordian ul ul li a { display: block; padding: 0px; color: rgba(255,255,255, 0.7); text-decoration: none; line-height: 30px; font-size: 12px; font-weight: 400; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; -o-transition: all 0.15s; -ms-transition: all 0.15s; transition: all 0.15s; }
	#accordian ul ul li a:hover { color: rgba(255,255,255, 1); text-decoration: underline; }

	/* active */
	#accordian ul ul { display: none; margin-top: 10px; }
	#accordian li.active ul { display: block; }

	/* main */
	.main_text p { font-size: 36px; }
	.main_vis .swiper-button-prev, .main_vis .swiper-button-next { width: 60px; height: 60px; }
	.page-current { font-size: 24px; }
	
	/* sub */
	.sub_vis h2 { text-align: center; font-size: 36px; }

}

@media (max-width: 768px) {
	
	body { font-size: 14px; }
	
	/* head */
	.head { height: 70px; }
	.head .logo img { height: 50px; }
	.burger { top: 25px; }

	/* footer */
	.footer span { display: block; }
	.footer br { display: none; }
	.footer span:after { display: none; }

	/* main */
	.header { padding: 80px 30px 30px 30px; }

	.info-item:last-child { border-right: none; }
	.info-label { width: 90px; }
	
	.map-section, .district-section, .industry-section, .timeline-section, .benefits-section { padding: 80px 0px; }

	.district-info { flex-wrap: wrap; }
	.district-box { flex: none; width: 100%; }
	
	.district-map { gap: 20px 0; }
	.district-map img { max-width: 100%; }

	.benefit-item { width: 100%; }

	.root_daum_roughmap .wrap_map { height: 300px !important; }

	/* sub */
	.sub_vis { height: 300px; }
	.sub_contents { margin: 80px 0; }
	.sub_title h2 { margin-bottom: 50px; font-size: 32px; }

}