@import url(layout.css);

@charset "UTF-8";

/* ---------------------------------------------------------------- */
/* Common---------------------------------------------------------- */
/* ---------------------------------------------------------------- */
.btn {
	padding: 0;
	background-color: transparent;
	border: 0;
	border-radius: 0;
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
}
.btn{
	display: inline-block;
	margin-bottom: 0;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: 0.15s all ease-out;
	-o-transition: 0.15s all ease-out;
	transition: 0.15s all ease-out;
}
.btn:hover svg {
	transform: scale(1.1);
}
.btn:hover svg path {
	fill: #1484E6;
}


/* ---------------------------------------------------------------- */
/* Header---------------------------------------------------------- */
/* ---------------------------------------------------------------- */
header.site-header .container h1 {
  /*font-size: 3.5rem;*/
}

header.site-header .container .navbar-wrap {
  float: right;
  margin-top: 1.75rem;
}
header.site-header .container .navbar-wrap .btn-navigation {
	width: 1.5rem;
	height: 1.5rem;
}












































.menu-open .site-navigation.gnb {
	right: 0;
}

.site-navigation.gnb {
	position: fixed;
	top: 0;
	right: -70%;
	bottom: 0;
	z-index: 2500;
	width: 40%;
	max-width: 480px;
	min-width: 440px;
	padding: 6rem;
	background-color: #432f4f;
	-webkit-transition:right ease-out 0.3s;
	-o-transition:right ease-out 0.3s;
	transition:right ease-out 0.3s;
}

.site-navigation.gnb .navbar-close{position:relative;float:right;width:48px;height:48px;padding:0;margin-right:-16px;background-color:transparent;border:0;}
.site-navigation.gnb .navbar-close svg{position:absolute;top:50%;left:50%;width:16px;height:16px;margin-top:-8px;margin-left:-8px;}
.site-navigation.gnb .navbar-close svg{width:26px;height:26px;margin-top:-13px;margin-left:-13px;}
.site-navigation.gnb .navbar-nav{margin:0;}
.site-navigation.gnb .navbar-nav>li>a{display:block;padding:7px 0;font-size:20px;font-size:2rem;font-weight:500;color:#fff;}
.site-navigation.gnb .navbar-sns{max-width:240px;padding-top:20px;margin-top:20px;overflow:hidden;border-top:1px solid #fff;}
.site-navigation.gnb .navbar-sns .facebook a{width:11px;height:21px;background-position:-100px 0;}
.site-navigation.gnb .navbar-sns .twitter{margin-top:2px;margin-left:20px;}
.site-navigation.gnb .navbar-sns .twitter a{width:21px;height:18px;background-position:-150px 0;}
.site-navigation.gnb .navbar-sns .instagram a{width:22px;height:22px;background-position:-200px 0;}







.scrolled .site-header{background-color:#fff;background-color:rgba(255,255,255,.9);border-bottom:1px solid #ddd;}



.home .site-header {
	background-color: rgba(255,255,255,0);
	border-bottom :0;
}
.home .site-header .svg-close path,.home .site-header .site-title a svg .path-brand-name,.home .site-header .path-magnify,.home .site-header .btn-navigation svg .path-menu{fill:#fff;}


.home.scrolled .site-header{background-color:#fff;background-color:rgba(255,255,255,.9);border-bottom:1px solid #ddd;}
.home.scrolled .site-header .svg-close path,.home.scrolled .site-header .site-title a svg .path-brand-name,.home.scrolled .site-header .path-magnify,.home.scrolled .site-header .btn-navigation svg .path-menu{fill:#323132;}
.search-results .site-header{border-bottom-color:transparent;}
.search-results.scrolled .site-header{border-bottom-color:#ddd;}
.single-portfolio .site-header{border-bottom:0;}
.single-portfolio.scrolled .site-header,.single-portfolio.no-feature .site-header{border-bottom:1px solid #ddd;}




.js-auto-height {
	height: 0 !important;
}