@charset "UTF-8";

/*=================================================
			공통
=================================================*/
.section-wrap{
	padding: 190px 160px 160px;
}

/*****#####===== 미디어 쿼리  =====#####*****/
/***** lg *****/
@media (min-width: 992px) and (max-width: 1199px){
	.section-wrap{
		padding: 190px 50px 160px;
	}
}

/***** md *****/
@media (min-width: 768px) and (max-width: 991px){
	.section-wrap{
		padding: 30px 20px 30px;
	}
}

/***** sm *****/
@media (min-width: 576px) and (max-width: 767px){
	.section-wrap{
		padding: 30px 20px 30px;
	}
}

/***** xs *****/
@media (max-width: 575px) {
	.section-wrap{
		padding: 30px 20px 30px;
	}
}

/*=================================================
			메인 슬라이드
=================================================*/
.home-slide-wrap{
	position: relative;

	overflow: hidden;
}

.bottom-wrap{
	position: absolute;

	bottom:100px;
	left: 160px;
}

.bottom-wrap table,
.bottom-wrap td{
	border: 0;
}

.bottom-wrap .about{
	position: relative;

	padding: 0 60px 0 0;

}

.bottom-wrap .about::after{
	content: '';
	display: block;
	position: absolute;

	top: 5%; right: 0;

	width: 1px;
	height: 120px;

	background-color: rgba(210,210,210,0.3);
}

.bottom-wrap .guide{
	padding: 0 0 0 40px;
}

.bottom-wrap .title{
	padding: 0 0 6px 0;
}

.bottom-wrap .content{
	min-height: 65px;

	line-height: 1.7;
	color: rgba(255, 255, 255, 0.5);
}

.bottom-wrap a{
	padding: 6px 20px;

	color: rgba(255, 255, 255, 0.8);

	border: 1px solid rgba(255, 255, 255 ,0.3);

	background-color: transparent;

	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
}

.bottom-wrap a:hover{
	background-color: #fff;

	border: 1px solid #fff;
	color: #171717;
}

/*****#####===== 미디어 쿼리  =====#####*****/
/***** lg *****/
@media (min-width: 992px) and (max-width: 1199px) {

}

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

}

/***** sm *****/
@media (min-width: 576px) and (max-width: 767px) {
	.bottom-wrap{
		left: 60px;
	}
}

/***** xs *****/
@media (max-width: 576px){
	.bottom-wrap{
		left: 15px;
		bottom: 10px;
	}

	.bottom-wrap .title{
		padding: 0 0 10px 0;
	}

	.bottom-wrap .guide,
	.bottom-wrap .about{
		padding: 0;
	}

	.bottom-wrap .about{
		padding: 0 0 15px 0;
	}

	.bottom-wrap .about::after {
	    display: none;
	}

	.bottom-wrap .guide{
		padding: 10px 0 0 0;
	}
}

/*=================================================
			메인 브랜드 소개
=================================================*/
.home-intro-wrap .background-wrap{
	padding: 246px 160px 200px;
}

.home-intro-wrap .title{
	padding: 0 0 40px;
}

.home-intro-wrap .subtitle{
	margin: 0 0 15px;
}

.home-intro-wrap .desc{
	padding: 0 0 40px;
}

.home-intro-wrap .link{
	display: inline-block;

	padding: 10px;

	color: rgba(255, 255, 255, 0.8);

	border: 1px solid rgba(255, 255, 255, 0.8);

	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
}

.home-intro-wrap .link:hover{
	background-color: #fff;

	border: 1px solid #fff;
	color: #171717;
}

/*****#####===== 미디어 쿼리  =====#####*****/
/***** lg *****/
@media (min-width: 992px) and (max-width: 1199px){

}

/***** md *****/
@media (min-width: 768px) and (max-width: 991px){
	.home-intro-wrap .background-wrap{
		padding: 100px 60px;
	}
}

/***** sm *****/
@media (min-width: 576px) and (max-width: 767px){
	.home-intro-wrap .background-wrap{
		padding: 60px 30px;
	}
}

/***** xs *****/
@media (max-width: 575px) {
	.home-intro-wrap .background-wrap{
		padding: 30px 20px;
	}
}

/*=================================================
			메인 프로젝트
=================================================*/
.home-projects-wrap{
    background-image: url('/img/section_bg.png');
    background-repeat: repeat-x;
    background-position: left bottom;
    background-size: 1030px;
    overflow: hidden;
}

.home-projects-wrap .item-wrap{
	margin: 25px 0 0;
}


/*=================================================
			메인 프로덕트
=================================================*/
.home-products-wrap{
	background-image: url(/img/section_bg.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-size: 850px;
}

.home-products-wrap .item-wrap{
	padding: 34px 0 0;
}

.home-products-wrap .item{
	margin-bottom: 20px;
}

.home-products-wrap .item .info-wrap{
	padding: 12px 0;

	text-align: center;

	background-color: #c4c9ca;

	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
}

.home-products-wrap .item .info-wrap > div{
	transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;
}

.home-products-wrap .item .info-wrap .subtitle{
	color: #7b7b7b;
}

.home-products-wrap .item .layer i::before{
	font-size: 92px;
}

.home-products-wrap .item:hover .layer{
	opacity: 1;
}

.home-products-wrap .item:hover .info-wrap{
	background-color: #c5b89b;
}

.home-products-wrap .item:hover .info-wrap > div{
	color: #fff !important;
}

.home-products-wrap .item.last ul{
	padding: 0 10% 0 0;
}

.home-products-wrap .item.last ul li{
	margin-bottom: 40px;
}

.home-products-wrap .item.last ul li:last-child{
	margin-bottom: 0;
}

.home-products-wrap .item.last ul li a{
	text-align: right;
	color: #9f9f9f;

	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.home-products-wrap .item.last ul li a:hover,
.home-products-wrap .item.last ul li a.active{
	color: #ed1c24;
}

.home-products-wrap .item.last ul li a i{
	display: inline-block;

	margin-left: 7%;
}

.home-products-wrap .item.last .info-wrap{
	padding: 10px 0;

	border-top: 2px solid #c5b89b;
	border-bottom: 2px solid #c5b89b;
	background-color: #fff;
}

.home-products-wrap .item.last .info-wrap .cate-name{

}

.home-products-wrap .item.last:hover .info-wrap{
	background-color: #fff;
}

/*****#####===== 미디어 쿼리  =====#####*****/
/***** xl *****/
@media (min-width: 993px) and (max-width: 1440px){
	.home-products-wrap .item.last ul {
	    padding: 0;
	}

	.home-products-wrap .item.last ul li {
	    margin-bottom: 20px;
	}
	.home-products-wrap .item.last ul li a {
		font-size: 14px;
	}
}

/***** lg *****/
@media (min-width: 992px) and (max-width: 1199px){

}

/***** md *****/
@media (min-width: 768px) and (max-width: 991px){
	.home-products-wrap .item.last ul {
	    padding: 0;
	}

	.home-products-wrap .item.last ul li {
	    margin-bottom: 20px;
	}
	.home-products-wrap .item.last ul li a {
		font-size: 14px;
	}
}

/***** sm *****/
@media (min-width: 576px) and (max-width: 767px){
	.home-products-wrap .item.last ul {
	    padding: 0 10% 0 0;
	}

	.home-products-wrap .item.last ul li {
	    margin-bottom: 20px;
	}
	.home-products-wrap .item.last ul li a {
		font-size: 16px;
	}
}

/***** xs *****/
@media (max-width: 575px) {
	.home-products-wrap .item .info-wrap .cate-name{
		font-size: 14px;
	}

	.home-products-wrap .item.last ul {
	    padding: 0 10% 0 0;
	}

	.home-products-wrap .item.last ul li {
	    margin-bottom: 20px;
	}
	.home-products-wrap .item.last ul li a {
		font-size: 16px;
	}

	.row{margin-left: -2px;margin-right: -2px;}
	.row > div[class*='col-']{padding-left: 2px;padding-right: 2px;}
}