/* 태블릿 (1600px 이하) */
@media (max-width: 1600px) {

    .wrap { width: 96%; }

	/* popup */
	.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 (max-width: 1024px) {
	
	/* head */
    .head { display: none; }

	nav.mobile_menu { position: fixed; top: -100vh; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; width: 100%; height: 100vh; z-index: 9998; background: rgba(0, 0, 0, 0.8); border-bottom-right-radius: 100%; border-bottom-left-radius: 100%; transition: all 650ms cubic-bezier(1,0,0,1); }
	nav.mobile_menu.open { top: 0; padding: 80px 0px; border-radius: initial; }

	.nav-inner { display: flex; width: 100%; flex-wrap: wrap; justify-content: space-between; align-items: center; }
	.nav-list { display: flex; justify-content: center; align-items: flex-start; flex-direction: column; width: 100%; height: 100%; }
	.nav-list li { margin-bottom: 20px; width: 100%; text-align: center; }
	.nav-list li:last-child { margin-bottom: 0px; }
	.nav-list li a { position: relative; color: #fff; font-weight: 500; }

	.nav-link { padding: 1rem; font-size: 2rem; }
	.nav-link:hover, .nav-link:focus { color: #fff; }

	.menu-toggler { position: fixed; top: 20px; right: 2%; width: 50px; height: 49px; padding: 15px 10px; display: flex; flex-direction: column; justify-content: space-between; z-index: 9999; transition: all 650ms ease-out; cursor: pointer; background: #0d4496; border-radius: 3px; }
	.menu-toggler.open { background: none; transform: rotate(-45deg); }

	.bar { background-color: #fff; width: 100%; height: 2px; border-radius: 0.8rem; }
	.open .bar { background-color: #fff; }
	.bar.half { width: 50%; }
	.bar.top { transform-origin: right; transition: transform 650ms cubic-bezier(0.54, -0.81, 0.57, 0.57); }
	.open .bar.top { transform: rotate(-450deg) translateX(0.45rem); }
	.bar.bottom { align-self: flex-end; transform-origin: left; transition: transform 650ms cubic-bezier(0.54, -0.81, 0.57, 0.57); }
	.open .bar.bottom { transform: rotate(-450deg) translateX(-0.45rem); }

	.nav-inner ul ul { display: none; margin-top: 10px; }
	.nav-inner ul ul li { margin-bottom:0px; }
	.nav-inner ul ul li a { display: inline-block; padding: 0px; color: rgba(255, 255, 255, 0.7); font-size: 1.1em; font-weight: 300; line-height: 1.8; text-decoration: none; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; }
	.nav-inner ul ul li a:hover { color: rgba(255, 255, 255, 1); }
	.nav-inner ul ul li a:before { display: none; height: 1px; }

	.quickbox { display: none; }
	
	.m_quickbox { display: block; position: fixed; right: 0%; bottom: 0px; width: 100%; background: rgba(0, 0, 0, 0.8); z-index: 99; }
	ul.m_quick_list { display: flex; flex-wrap: wrap; justify-content: space-between; }
	ul.m_quick_list li { flex:1; text-align: center; border-left: 1px solid rgba(255, 255, 255, 0.1); }
	ul.m_quick_list li:first-child { border-left: none; background: #fae100; }
	ul.m_quick_list li:last-child { background: #2d4dde; }
	ul.m_quick_list li a { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; height: 50px; color: #fff; font-size: 14px; font-weight: 700; }
	ul.m_quick_list li:nth-child(1) a { color: #000; }
	ul.m_quick_list li img { height: 20px; margin-right: 5px; }
	ul.m_quick_list li a i { font-size: 24px; }
    ul.m_quick_list li a span.cate { display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; width: 60px; height: 20px; margin-right: 5px; background: #fff; border-radius: 3px; color: #222; font-size: 0.9em; }
	ul.m_quick_list li:nth-child(2) a span.cate { color: #022581; }
	ul.m_quick_list li:nth-child(3) a span.cate { color: #830000; }

}

@media (max-width: 768px) {
	
	body { font-size: 16px; }
	
	/* main */
	.main_con img.pc_img { display: none; }
	.main_con img.mobile_img { display: block; }

	.main_con_title h2 { font-size: 2.2em; }

	.main_con12 { padding: 60px 0; }

}

@media (max-width: 480px) {
	
	/* head */
	.menu-toggler { position: fixed; top: 20px; right: 2%; width: 40px; height: 39px; padding: 10px 5px; display: flex; flex-direction: column; justify-content: space-between; z-index: 9999; transition: all 650ms ease-out; cursor: pointer; background: #0d4496; border-radius: 3px; }

}