@media screen and (max-width: 1280px) {
	
	.wrap { width: 96%; }
	
	/* main */
	.main_contents { overflow:hidden; }

}

@media screen and (max-width: 1200px) {
	
	.hd_pops { left: 2% !important; top: 80px !important; }
	.hd_pops { left: 2% !important; max-width: 96%; height: auto; }
	.hd_pops_con { max-width: 100% !important; width: auto !important; height: auto !important; }
	.hd_pops_con a { display: inline-block; }

}

@media screen and (max-width: 1024px) {
	
	/* head */
	.logo img { height: 55px; }
	.menu_inr { display: none; }
	.lang_menu { margin-right: 40px; }

	nav#accordian { display: block; }
	
	/*  BURGER */
	.burger { display: inline-block; position: absolute; top: 30px; right: 0%; padding: 0px; background: transparent; border-radius: 4px; z-index: 1000; float: right; text-align: center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
	.burger.burger-close { display: none; right: 40px; }
	.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: 0px;
		width: 100%;
		max-width: 70%;
		height: 100%;
		padding: 100px 40px 60px 40px;
		background-color: #293277;
		z-index: 9999;
		overflow-y: auto;
		-webkit-transform: translateX(100%);
		-moz-transform: translateX(100%);
		-ms-transform: translateX(100%);
		-o-transform: translateX(100%);
		transform: translateX(100%);
		-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: 16px; -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; }
	
	/* main */
	.main_vis { height: 90vh; }
	.main_text h2 { text-align: center; font-size: 48px; }
	.main_text p { padding: 0 20px; text-align: center; font-size: 23px; }
	
	.main_con { padding: 80px 0; }
	.main_con_left, .main_con_right { width: 100%; }
	.main_con_left { margin-bottom: 30px; }
	.main_con_img_inr.active { width: 90%; margin: 0 auto; }
	.main_con_imgbox { height: 400px; }

	.main_con01 .main_con_right .main_con_contents { padding-left: 0px; width: 100%; padding: 0 10px; text-align:center; }
	.main_con.main_con01 .main_con_title h3 { text-align: center; }

	.main_con h3 { font-size: 36px; margin-bottom: 30px; }
	.main_con_text p { font-size: 1.1em; }

	.main_con02_left, .main_con02_right { width: 100%; }
	.main_con02_left { margin-bottom: 30px; }
	.main_con02_right { padding-left: 0px; }

	.swiper-slide .main_con02_left img { max-width: 640px; margin: 0 auto; }

	.main_con02_right h4 { margin-bottom: 30px; text-align: center; font-size: 36px; }
	.main_con02_list { width: 100%; }
	.main_con02_list li { margin-bottom : 5px; padding-left: 0px; text-align: center; font-size: 1.1em; }
	.main_con02_list li:last-child { margin-bottom: 0px; }
	.main_con02_list li:after { display: none; }

}

@media screen and (max-width: 640px) {
	
	body { font-size: 14px; }

	/* main */
	.main_con { padding: 50px 0; }

	.main_con04_list li { width: 32%; margin-right: 0%; margin-left: 2%; }
	.main_con04_list li:nth-child(3n+1) { margin-left: 0%; }
	.main_con04_list li p br { display: none; }

	.main_con04_list li .img img { width: 90px; }
	.main_con04_list li h4 { font-size: 18px; }

}

@media screen and (max-width: 575px) {
	
	body { font-size: 13px; }

	#top_btn { top: -50px; width: 40px; height: 40px; font-size: 15px; }

	/* main */
	.main_con h3 { font-size: 32px; }
	.main_con_imgbox { height: 280px; }

	.main_con02_right h4 { margin-bottom: 10px; font-size: 28px; }

	.main_con04_list li .img { margin-bottom: 15px; }

}

@media screen and (max-width: 450px) {
	
	.main_text h2 { margin-bottom: 20px; font-size: 38px; }
	.main_text p { font-size: 19px; }

	.main_con04_list li { width: 100%; margin-left: 0%; margin-bottom: 20px; }
	.main_con04_list li p br { display: block; }

}