/*** big display ***/

@media (min-width:1921px) {
	.max1920 { position:relative; width:1920px !important; margin-left:auto; margin-right:auto; }
}

/*** PC ***/

@media (max-width:1500px) {
	.fwrap, .swrap { width:calc(100% - 80px); margin-left:auto; margin-right:auto; }
	#head #gnb { left: 58%; }
	#logo { left:40px; }
	#site_map .vm > ul.cnt5 > li:nth-child(n+4), #site_map .vm > ul.cnt6 > li:nth-child(n+4),
	#site_map .vm > ul.cnt7 > li:nth-child(n+5) { margin-top:calc(40px + 3.8vw); }
	#footer .partners { right:40px; }
	#footer #page_top { width:calc(33px + 3vw); height:calc(33px + 3vw); }
	#footer #page_top:before { background-size:calc(7px + 0.5vw); }
}

@media (max-width:1250px) {
	#mobile_menu .mclose { top:24px; }
	#mobile_menu .mclose img { width:22px; }
	#footer #info { width:65%; }
	#footer #cs_center { width:35%; }
}



/*** Small PC ***/


@media screen and (max-width:1024px) {
	.fwrap, .swrap { width:calc(100% - 50px); }
	#top_opt { height:32px; }
	#top_opt td { width:100px; font-size:10px; }
	#top_opt td:last-child { width:80px; }
	header#head { top:32px; }
	#logo { left:25px; }
	#sitemap_btn { width:80px; }
	#footer .partners { right:25px; }
}


@media screen and (max-width:1000px) {
	#footer #info, #footer #cs_center { width:100%; }
	#footer #cs_center { margin-top:calc(15px + 3vw); }
}

/*** Tablet ***/

@media screen and (max-width:768px) {
	#mobile_menu.mmenu_view .menu_bg, #site_map.smap_view .menu_bg { animation-duration: 1.6s }
	@keyframes menu_bg {
		0% { width:0; height:0; top:20px; right:20px; border-radius:50%; }
		70% { width:2000px; height:2000px; top:-1000px; right:-1000px; border-radius:50%; }
		100% { width:100%; height:100%; top:0; right:0; border-radius:0; }
	}

	#footer .f_bottom li{ margin-right: 20px;}
	#footer .f_top li:nth-child(n+2){ margin-left: 15px; }
	#footer .sns img{ width: 160px;}
	#footer #page_top { width:55px; height:55px; top:-55px; background-size:11px; }
}
@media screen and (max-width:767px) {
	.fwrap, .swrap { width:calc(100% - 36px); }
	#logo { left:18px; }
	.mclose { top:20px;	right:24px; }
	.mclose img { width:20px; }
	#footer .partners { right:18px; margin-top:-25px; }
}

/*** Mobile ***/

@media screen and (max-width:540px) {
	#top_opt table { width:100%; }
	#top_opt td { width:20%; }
	#sitemap_btn { width:20%; }

	#mobile_menu .m_gnb { padding:18px 0; font-size:19px; }
	#mobile_menu .m_snb li a { font-size:12px; padding:9px 0; }
	#footer #page_top { width:45px; height:45px; top:-45px; background-size:9px; }
}