@charset "utf-8";

/*------------------------------------
	container 최대 넓이
------------------------------------*/
@media (min-width: 1200px) {
	.container{
		max-width:1430px;
	}
}

/*------------------------------------
  header
------------------------------------*/
/* mainNav */
#mainNav {
	background:#fff;
	box-shadow: 1px 0 0 1px rgba(0, 0, 0, 0.1) !important;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
#mainNav .navbar-nav {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    margin-bottom: 0;
	margin-left:auto;
    list-style: none;
}
#mainNav .navbar-brand{
	text-transform:uppercase;
	letter-spacing:0.02rem;
	font-weight:800;
	font-size:1.3rem;
}
#mainNav .navbar-brand img{
	max-width: 100%;
    max-height: 2.45rem;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

#mainNav .navbar-nav .nav-item .nav-link {
	font-size: 1.15rem;
	font-weight: 500;
	color: #2e2e2e;
	letter-spacing:-0.03rem;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

#mainNav .navbar-nav .nav-item .nav-link.active, #mainNav .navbar-nav .nav-item .nav-link:hover {
  color: #2e2e2e;
}
#mainNav .navbar-toggler{
	color: #2e2e2e;
	border: none;
	padding:0.25rem;
}

@media (min-width: 1200px){
	#mainNav .navbar-collapse {
		-ms-flex-preferred-size: auto;
		flex-basis: auto;
	}
	#mainNav .navbar-nav .nav-item{
		padding:1.3rem 0 1.3rem 3.2rem;
	}
	#mainNav .navbar-brand img {
		min-height: 62px;
	}
	/* 스크롤 반응 */
	#mainNav.navbar-shrink {
		padding-top: 0;
		padding-bottom: 0;
		background-color: rgba(255, 255, 255, 0.95);
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
	}
	#mainNav.navbar-shrink .navbar-brand{
		font-size:1.1rem;
	}
	#mainNav.navbar-shrink .navbar-brand img{
		min-width: auto;
		min-height:45px;
	}
	#mainNav.navbar-shrink .navbar-nav .nav-item{
		padding:1rem 0 1rem 3.5rem;
	}
	#mainNav.navbar-shrink .nav-item .nav-link {
		font-size: 1.1rem;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
	}
}

/* 모바일 네비게이션 */
@media (max-width: 1200px) {
	#mainNav .navbar-collapse .navbar-nav{
		border-top:1px solid #e5e5e5;
		margin:0.5rem 0 1.5rem;
	}
	#mainNav .navbar-collapse .navbar-nav > li{
		border-bottom:1px solid #e5e5e5;
	}
	#mainNav .navbar-collapse .navbar-nav li > a.m-link{
		display:block;
		padding:1rem 1.2rem;
		font-size:1.1rem;
		color:#333;
		position:relative;
	}
	#mainNav .navbar-collapse .navbar-nav li > a.m-link::after{
		content: '';
		display: block;
		position:absolute;
		right:1.2rem;
		top:1.55rem;
		width: 9px;
		height: 9px;
		border-right: 2px solid #444;
		border-top: 2px solid #444;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
		vertical-align:middle;
		-moz-transition:all 0.3s linear;
		-webkit-transition:all 0.3s linear;
		-o-transition:all 0.3s linear;
		-ms-transition:all 0.3s linear;
		transition:all 0.3s linear;
	}
	#mainNav .navbar-collapse .navbar-nav li > a.m-link.collapsed::after{
		top:1.4rem;
		border-right: 2px solid #bbb;
		border-top: 2px solid #bbb;
		-webkit-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		-o-transform: rotate(135deg);
		transform: rotate(135deg);
		vertical-align:middle;
		-moz-transition:all 0.3s linear;
		-webkit-transition:all 0.3s linear;
		-o-transition:all 0.3s linear;
		-ms-transition:all 0.3s linear;
		transition:all 0.3s linear;
	}
	#mainNav .navbar-collapse .navbar-nav li ul{
		background-color:#f8f8f8;
	}
	#mainNav .navbar-collapse .navbar-nav li ul a{
		display:block;
		padding:0.7rem 1.2rem;
		border-top:1px solid #eaeaea;
	}
}

/*------------------------------------
  footer
------------------------------------*/
footer {
  background:#353535;
}
footer span.copyright {
  font-size: 90%;
  line-height: 40px;
  text-transform: none;
}
footer ul.quicklinks {
  font-size: 90%;
  line-height: 40px;
  margin-bottom: 0;
  text-transform: none;
}
.footer-menu{
	display:none;
}
ul.social-buttons{
	text-align: center;
}
ul.social-buttons li a {
	text-align: center;
	font-size: 14px;
	line-height: 30px;
	display: block;
	width: 30px;
	height: 30px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	color: #cdcdcd;
	border-radius: 100%;
	outline: none;
	background-color: #484848;
}

ul.social-buttons li a:active, ul.social-buttons li a:focus, ul.social-buttons li a:hover {
	color: #fff;
}
.footer-copy{
	border-top:1px solid rgba(255, 255, 255, 0.07);
	padding:40px 30px 50px;
	font-size:0.87em;
	letter-spacing:-0.02rem;
	word-break:keep-all;
}
.footer-copy address{
	margin-bottom:0.5rem;
	color:rgba(255, 255, 255, 0.6);
}
.footer-copy cite{
	font-style: normal;
	font-weight:300;
	letter-spacing:0;
	color:rgba(255, 255, 255, 0.3);
}

@media (min-width: 992px) {
	.footer-menu{
		display:block;
	}
	ul.footer-menu{
		font-size:0.9em;
	}
	ul.footer-menu li{
		margin-right:2rem !important;
	}
	ul.footer-menu li a{
		color:rgba(255, 255, 255, 0.8);
	}
	ul.social-buttons {
	  text-align:right;
	}
}


/*------------------------------------
  Go To Top
------------------------------------*/
.scrollup {
	right: 1.5rem;
	bottom: 1.5rem;
	position: fixed;
	z-index: 999;
	width: 2.5rem;
	height: 2.5rem;
	background-color: rgba(0, 0, 0, 0.4);
	color: #fff;
	font-size: 1em;
	transition: 0.3s ease-out;
}
.go-top {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.scrollup:hover, .scrollup:focus:hover {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.8);
}