/*=================================================
		00. i??i?╞i＝Ｘ
=================================================*/

/*=================================================
		00. i?５i?／e╳５ i?’
=================================================*/
.scroll-up{
	display: none;
	position: fixed;

	bottom: 30px;
	right: 30px;
	
	font-size: 20px;
	
	z-index: 1000;
}

/*=================================================
		01. i伊帖i??e?“ e?５e易?e昌走i?╞i’?
=================================================*/

/*=================================================
		02. e使§i?╱ e?５e易?e昌走i?╞i’?
=================================================*/
#main-gnb {
	position: fixed;
	overflow: hidden;
	
	width: 100%;
	top: 0;
	background-color: rgba(255, 255, 255, 0.9);
	
	z-index: 2000;
	
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

/***** e╱走e?帖e※帖 e╳帖e昆? *****/
#main-gnb .navbar-brand{
	padding: 0;
	padding-top: 12px;
	
	font-weight: bold;
}

/***** e使§e７╞ e|／i?５i?╱ *****/
#main-gnb .navbar-nav {
	width: 100%;
}

#main-gnb .navbar-nav li a{
	display:block;
	padding: 65px 15px;
	
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 1px;
	color:#202020;
	
	-webkit-transition: all 0.7s ease;
	-ms-transition: all 0.7s ease;
	transition: all 0.7s ease;
}

#main-gnb .navbar-nav li:hover a,
#main-gnb .navbar-nav li.active a{
	background: none;
	color: #815A45;
}

/***** e使§i?╱ e?５e易?e昌走i?╞i’? iＤ?iＥ走 *****/
#main-gnb.shrink{
	box-shadow: 5px 0 7px rgba(0, 0, 0, 0.5);	
}

#main-gnb.shrink .navbar-brand img{
	height: 50px;
}

#main-gnb.shrink .navbar-nav li a{
	padding: 25px 15px;
}

/*****#####===== e?╱e§§i?╞ i０卹e|／ =====#####*****/
/***** sm *****/
@media (min-width: 768px) and (max-width: 991px){
	
}

/***** xs *****/
@media (max-width: 767px){
	#main-gnb .navbar-brand{
		padding-left: 10px;	
	}
	
	#main-gnb .navbar-brand img{
		height: 30px;
	}
	
	#main-gnb.shrink .navbar-brand img{
	height: 30px;
	}
	
	#main-gnb .navbar-nav li a{
		padding:10px;
	}
	#main-gnb.shrink .navbar-nav li a{
		padding: 5px;
	}
}

/*=================================================
		03. i＆╱i?﹉
=================================================*/
footer{
	padding: 10px;
	background:#363636;
	text-align:center;
	color:#ffffff;
}

footer .company-info-wrap div{
	font-size:14px;
	text-align:center;

	padding:30px 400px 0 400px;	
}

footer .company-info-wrap div p{
	padding-bottom:30px;
}

footer .col-sm-4-wrap{
	padding-top:36px
}

footer .item-wrap{
	margin:0 -5px
}

footer .item-wrap >i{
	font-size:42px;
}

footer .item-wrap > i{
	font-size:40px;
}
footer .item-wrap > i{
	font-size:28px;
}

footer .small-wrap{
	color:#ffffff;	
}

footer .item-wrap > i,
	   .item-wrap {
	color:#ffffff;
}


/*****#####===== e?╱e§§i?╞ i０卹e|／ =====#####*****/
/***** md *****/
@media (min-width: 992px) and (max-width: 1199px){

}

/***** sm *****/
@media (min-width: 768px) and (max-width: 991px){

}

/***** xs *****/
@media (max-width: 767px){
	footer{
		padding:0px;
	}
	
	footer .col-sm-4-wrap{
		padding-top:12px
	}

	footer .item-wrap{
		margin:0 -5px 15px 20px;
		font-size:13px;
		text-align:left;
	}

	footer .item-wrap >i{
		font-size:42px;
	}

	footer .item-wrap > i{
		font-size:30px;
	}
	footer .col-sm-4:last-child .item-wrap > i{
		font-size:20px;
	}
	
	footer .small-wrap{
		font-size:10px;
		color:#ffffff;	
	}
	
	footer .item-wrap > i,
		   .item-wrap {
		color:#ffffff;
	}
}