@charset "utf-8";

.only-desktop {display:block;}
.only-desktop-tablet {display:block;}
.only-tablet-mobile {display:none;}
.only-tablet {display:none;}
.only-mobile {display:none;}

@media (max-width: 1280px){
	body, input, textarea, select, button, table {font-size:16px;}

	/*.contain {padding-left:60px; padding-right:60px;}*/

	/* header */
	#wrapper {padding-left:200px;}
	#header {width:200px;}
	.sitelogo {padding:30px 15px;}
	.sitelogo img {height:36px;}
	#gnb ul li a {font-size:15px; padding:16px 28px;}
}

/* Landscape tablet */
@media (max-width: 1024px) {
	body, input, textarea, select, button, table {font-size:15px;}

	/*.contain {padding-left:50px; padding-right:50px;}*/

	/* header */
	#wrapper {padding-left:160px;}
	#header {width:160px;}
	.sitelogo {padding:27px 12px;}
	.sitelogo img {height:32px;}
	#gnb ul li a {font-size:14px; padding:14px 22px;}

} 

/* portrait tablet */
@media (max-width: 800px) {	
	.only-desktop {display:none;}
	.only-tablet {display:block;}

	/*.contain {padding-left:30px; padding-right:30px;}*/

	/* header */
	#wrapper {padding-left:0; padding-top:70px; transition:.3s;}
	#header {width:100%; height:auto; border-right:0; box-shadow:0 0 2px rgba(0,0,0,.15);}
	.sitelogo {padding:17px 0;}
	.sitelogo img {height:36px;}
	#gnb {display:none;}
	.btn-m-menu {display:block;}
	.mobile-navigation {display:block;}

} 

/* Landscape phone */
@media (max-width: 600px) {
	.only-desktop-tablet {display:none;}
	.only-tablet {display:none;}
	.only-mobile {display:block;}

	/*.contain {padding-left:20px; padding-right:20px;}*/

	/* header */
	#wrapper {padding-top:60px;}
	.sitelogo {padding:16px 0;}
	.sitelogo img {height:30px;}
	.btn-m-menu {left:18px}
	.btn-m-menu span {top:13px; left:2px; right:2px; height:3px;}
	.btn-m-menu span:before,
	.btn-m-menu span:after {height:3px;}
	.btn-m-menu span:before {top:-8px;}
	.btn-m-menu span:after {bottom:-8px;}


} 

/* Landscape phones and down */
@media (max-width: 480px) {
	
}