/*** 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; }
	#gnb ul li { width:150px; }
	#gnb > ul > li > a { font-size:18px; }

	#site_map .smap_gnb p { font-size:24px; }
	#site_map .smap_snb a { font-size:15px; }
}


@media (max-width:1300px) {
	#footer .line{ margin: 30px 0; }
	#footer #page_top { width:75px; height:75px; top:-75px; }
}

@media (max-width:1200px) {
	#head { height:60px; background:#fff; border-bottom:1px solid #ddd; }
	#all_gnb { display:none; }
	#logo { height:60px !important; line-height:60px !important; }
	#logo img { height:32px !important; }
	#top_option p { margin-left:20px; }
	#top_option .mmenu_btn { height:60px; background-size:28px 16px; }

	#head.gnb2 #logo { height:60px; line-height:60px; }
	#head.gnb2 #top_option, #head.gnb2 #top_option .mmenu_btn, #head.gnb2 #all_gnb:before { height:60px; }

	.mclose { top:40px;	right:40px; }
	.mclose img { width:22px; }
	#mobile_menu .m_gnb { font-size:28px; margin:30px 0 4px;}
	#mobile_menu .m_snb li { font-size:15px; margin-top:16px; }
}



/*** Small PC ***/


@media screen and (max-width:1000px) {
	.fwrap, .swrap { width:calc(100% - 60px); }
	#footer .line{ margin: 20px 0; }
	#footer #page_top { width:65px; height:65px; top:-65px; background-size:13px; }
}


/*** Tablet ***/

@media screen and (max-width:768px) {
	.fwrap, .swrap { width:calc(100% - 40px); }
	.mmenu_btn { width:60px; background-size:25px 14px; }
	#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: 20px; }
	#footer .line{ margin: 15px 0; }
	#footer .sns img{ width: 160px;}
	#footer #page_top { width:55px; height:55px; top:-55px; background-size:11px; }
}

@media screen and (max-width:760px) {
	.mclose { top:20px;	right:24px; }
	.mclose img { width:20px; }
	#mobile_menu .m_gnb { font-size:23px; margin:24px 0 4px;}
	#mobile_menu .m_snb li { font-size:12.2px; }
}

/*** Mobile ***/

@media screen and (max-width:420px) {
	#top_option p { margin-left:15px; }
	#footer #page_top { width:45px; height:45px; top:-45px; background-size:9px; }
}