/*** big display ***/

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

@media (max-width:1700px) {
	.mwrap { width:calc(100% - 80px); margin-left:40px; margin-right:40px; }
}

@media (max-width:1500px) {
	.fwrap, .swrap { width:calc(100% - 80px); margin-left:40px; margin-right:40px; }
}

@media (max-width:1400px) {
	#logo { width:200px; }
	#top_option { width:200px; }
	#gnb ul li { padding:10px 35px; }
	#gnb > ul > li > a { font-size:18px; }
	#gnb .sub_menu { padding:12px 0 10px; }
	#gnb .sub_menu a { font-size:13px; padding:5px 0; }
	#cs_box p { font-size:16px; }
}



/*** PC ***/

@media (max-width:1200px) {
	#head { height:60px; background:#fff; -webkit-box-shadow:0 4px 5px -2px rgba(0, 0, 0, 0.2); -moz-box-shadow:0 4px 5px -2px rgba(0, 0, 0, 0.2); box-shadow:0 4px 5px -2px rgba(0, 0, 0, 0.2); }
	#all_gnb { display:none; }
	#logo { top:15px; width:auto;  }
	#logo img { height:30px; }
	#top_option p { margin-left:20px; }
	#top_option .mmenu_btn { height:60px; background-size:28px 16px; }
	#cs_box span { width:170px; font-size:18px; padding:14px 0 16px; }
}



/*** Small PC ***/


@media (max-width:1000px) {
	.fwrap, .swrap, .mwrap { width:calc(100% - 60px); margin-left:30px; margin-right:30px; }
	#cs_box p { font-size:15px; }
	#tail_area { margin-top:70px; }
	#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, .mwrap { width:calc(100% - 40px); margin-left:20px; margin-right:20px; }
	.mmenu_btn { width:60px; background-size:25px 14px; }
	#cs_box p { font-size:13px; }
	#cs_box span { width:150px; font-size:16px; padding:11px 0 13px; margin:0 6px; }
	#tail_area { margin-top:50px; }
	#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:20px; margin:20px 0 4px;}
	#mobile_menu .m_snb { padding-left:24px; }
	#mobile_menu .m_snb li { font-size:13px; margin-top:10px; padding-left:16px; }
	.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; }
	#cs_box p { font-size:12px; }
	#cs_box span, #cs_box a { width:130px; font-size:15px; padding:10px 0 12px; margin:0 5px; }
	#tail_area { margin-top:40px; }
	#tail_btn li a { font-size:14px; }
	#address { margin:16px 0; font-size:12.5px; }
	#copyright p { font-size:11px; }
}