@charset "UTF-8";
#container{
	padding-top:84px;
}

/*intro*/
html,.intro_wrap,.intro_wrap #container{
	width:100%;
	height:100%;
}
.intro_wrap #container{padding-top:0;}
.intro{
	width:100%;
	height:100%;
	background:url(/site/fourseason/images/main/intro_bg.png) no-repeat;
	background-size:cover;
}

.intro h2 span{
	display:block;
}

.intro_img,.intro h2,.intro_more{
	width:815px;
	height:498px;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
}
.intro h2{
	font-family:GothamPro;
	font-size:60px;
	font-weight:bold;
	width:430px;
	height:136px;
	z-index:1;
	left:-50%;
	color:#fff;
}

.intro_more{
	width:158px;
	height:60px;
	right:-60%;
	top:30%;
	transition:top 0.2s;
}
.intro_more a{
	display:block;
	height:100%;
}
.intro_more:hover{
	top:29%;
}

/*메인배너*/
.main_banner{
	position:relative;
	overflow:hidden;
}
.alphabet{
	position:absolute;
	z-index:-1;
}
.d_img{
	top:80px;
	left:40px;
}
.e_img{
	top:135px;
	left:630px;
	z-index:1;
}
.s_img{
	top:290px;
	left:250px;
}
.i_img{
	top:485px;
	left:455px;
}
.g_img{
	top:575px;
	left:5px;
}
.n_img{
	top:750px;
	left:360px;
	z-index:1;
}

.main_text{
	font-size:80px;
	line-height:85px;
	font-weight:300;
	padding-top:350px;
	float:left;
}
.main_text span{
	font-weight:600;
	display:block;
}
.main_img{
	float:right;
	padding-top:160px;
}

/*mainCon01*/
.maincon01{
	height:700px;
	position:relative;
	margin:300px auto;
	overflow:hidden;
}
.con01_img{}
.con01_text{
	width:610px;
	height:290px;
	background:#fff;
	position:absolute;
	right:0;
	bottom:0;
	font-weight:300;
	font-size:40px;
	line-height:45px;
	padding:60px;
	box-sizing:border-box;
}
.con01_text span{
	font-weight:600;
}

/*maincon02*/
.maincon02{
	background:url(/site/fourseason/images/main/maincon02_bg.jpg) no-repeat;
	background-size:30%;
}
.con02_img{
	width:620px;
	float:left;
	padding:100px 0;
}
.con02_img .slick-list{
	width:620px;
	height:480px;
	overflow:hidden;
}
.con02_img img{
	width:100%;
	height:480px;
}
.con02_img .slider_btn{
	width:auto;
	position:absolute;
	top:50%;
	margin-top:-24px;
	cursor:pointer;
	height:auto;
}
.con02_img .slick-dots{
	overflow:hidden;
	margin-top:20px;
	text-align:center;
}
.con02_img .slick-dots li{
	width:50px;
	height:2px;
	display:inline-block;
	border:1px solid #333;
	margin:0 3px;
	cursor:pointer;
}
.con02_img .slick-dots .slick-active{
	background:#333;
}
.con02_img .slick-dots button{
	border:0;
	background:none;
	text-indent:-9999px;
}
.prev_btn{left:-50px;}
.next_btn{right:-50px;}
.con02_right{
	width:395px;
	box-sizing:border-box;
	float:right;
	margin-right:80px;
}
.con02_right h2{
	font-size:70px;
	font-weight:700;
	line-height:60px;
	margin-bottom:30px;
}
.con02_right h2 span{
	display:block;
}
.con02_right p{
	font-size:14px;
	color:#6f6f6f;
	margin-top:30px;
}

.con02_right_img img{
	width:390px;
	height:390px;
}

/*gallery*/
.maincon03{
	margin:300px 0;
}
.maincon03 li{
	width:32%;
	float:left;
	margin-right:2%;
	margin-bottom:2%;
}
.maincon03 li:nth-child(3n){
	margin-right:0;
}
.maincon03 li a{
	display:block;
	position:relative;
}
.con03_hover{
	width:100%;
	height:100%;
	background:rgba(159,6,0,0.8);
	position:absolute;
	top:0;
	left:0;
	transition:opacity 0.2s;
	text-align:center;
	color:#fff;
	font-size:18px;
	opacity:0;
	font-family:GothamPro;
	display:table;
}
.hover_txt{
	display:table-cell;
	vertical-align:middle;
}
.con03_hover h3{
	font-size:30px;
	font-weight:600;
}
.con03_hover .more{
	font-size:12px;	
	margin-top:30px;
}
.maincon03 li:hover .con03_hover{
	opacity:1;
}
.maincon03 li img{
	width:100%;
}