/*** big display ***/

@media (min-width:1921px) {
	.max1920 { position:relative; width:1920px !important; margin-left:auto; margin-right:auto; }
}


@media (max-width:1500px) {
	.fwrap, .swrap { width:calc(100% - 80px); margin-left:40px; margin-right:40px; }
	#gnb { padding-right:100px; }
	#gnb ul li { width:150px; margin:0 10px; }
	#gnb > ul > li > a { font-size:17px; }

	#site_map .smap_gnb p { font-size:24px; }
	#site_map .smap_snb a { font-size:15px; }
}


/*** PC ***/



@media (max-width:1100px) {
	#head { height:60px; top:0 !important; background:#fff; border-bottom:1px solid #ddd; }
	#all_gnb { display:none; }
	#logo { height:60px !important; line-height:60px !important; }
	#logo img { height:26px !important; }
	#top_option p { margin-left:20px; }
	#top_option .mmenu_btn { height:60px; background-size:20px; }

	#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; }

	#tail_area { padding:50px 0; }
	#tail_line { margin:30px 0; }
	#tail_sns_img { margin-bottom:20px; }
}






/*** Small PC ***/


@media (max-width:1000px) {
	.fwrap, .swrap { width:calc(100% - 60px); margin-left:30px; margin-right:30px; }
	#tail_area { margin-top:70px; }
	#tail_btn li a { font-size:15px; }
	#address { font-size:13px; }
	#tail_line { margin:25px 0; }
	#tail_sns { display:none; }
	#page_top { display:none; }

}


/*** Tablet ***/

@media (max-width:768px) {
	.fwrap, .swrap { width:calc(100% - 40px); margin-left:20px; margin-right:20px; }
	.mmenu_btn { width:60px; background-size:25px 14px; }
	#tail_area { margin-top:50px; padding:40px 0; }
	#tail_btn li { margin:0; }
	#tail_btn li a { font-size:14px; }
	#tail_line { margin:20px 0; }
	#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; }
	}
}

@media (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.7px; }
	.tail_btn_info { display:none !important; }
	#copyright p { font-size:11px; }
}

/*** Mobile ***/

@media (max-width:420px) {
	#top_option p { margin-left:15px; }
	#tail_area { margin-top:40px; padding:32px 0; }
	#tail_btn li a { font-size:13px; }
	#address { font-size:12.5px; }

}