/*** 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; }
	#logo { width:150px; }
	#top_option { width:150px; }
	#gnb ul li { width:170px; }
	#gnb > ul > li > a { font-size:18px; }
	.submenu { top:47px; }


	#qm_box { width:1140px; }
	#qm_box p { font-size:14px; }
}



@media (max-width:1300px) {
	#gnb ul li { width:150px; }
	#gnb > ul > li > a { font-size:17px; }
}


@media (max-width:1200px) {
	#head { height:60px; background:#fff; -webkit-box-shadow:0 2px 4px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow:0 2px 4px 2px rgba(0, 0, 0, 0.1); box-shadow:0 2px 4px 2px rgba(0, 0, 0, 0.1); }
	#all_gnb { display:none; }
	#logo { top:12px; width:auto; }
	#logo img { height:35px; }
	#top_option p { margin-left:20px; }
	#top_option .mmenu_btn { display:block; height:60px; background-size:28px 16px; }
	#top_option .qmenu_btn { display:none; }

	#qmenu { display:none; }
}



/*** Small PC ***/


@media (max-width:1000px) {
	.fwrap, .swrap { width:calc(100% - 60px); margin-left:30px; margin-right:30px; }
	#tail_btn li a { font-size:15px; }
	#address { margin:20px 0; font-size:13px; }
	#tail_line { margin-top:0; }
	#tail_sns { display:none; }
	#page_top { display:none; }
	#copyright { padding-bottom:20px; }
}



/*** 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_btn { padding-top:30px; }
	#tail_btn li { margin:0; }
}

@media (max-width:760px) {
	#mobile_menu { width:280px; right:-280px; padding-top:20px; }
	#mclose { top:20px;	right:24px; }
	#mclose img { width:20px; }
	#mobile_menu .m_gnb { padding-left:24px; font-size:23px; margin:20px 0 4px;}
	#mobile_menu .m_snb { padding-left:4px; }
	#mobile_menu .m_snb li { font-size:15px; margin-top:10px; }
	.minfo { font-size:13px; bottom:20px; display:none; }
	#maddr, #mtel { left:24px; }
	#maddr { bottom:70px; }
	#m_icons { display:block; bottom:24px; left:24px; }
	#m_icons p { float:left; margin-right:16px; }
	#m_icons p img { width:35px; }
	.tail_btn_info { display:none !important; }
}

/*** Mobile ***/

@media (max-width:420px) {
	#top_option p { margin-left:15px; }
	#tail_btn { padding-top:16px; }
	#tail_btn li a { font-size:13px; }
	#address { margin:16px 0; font-size:12.5px; }
}