/* 공통 CSS */
/********************** cp1 slider *****************************/
#firstSlider{overflow:hidden;}
#firstSlider .sloganWrap{
	position:absolute;z-index:5;
	bottom:50%;left:0;
	width:100%;
	color:#fff;text-align:center;
	transform:translateY(50%);
	transition:transform 0.7s, bottom 0.7s;
}
#firstSlider .sloganWrap.DOWN{
	bottom:8%;
	transform:translateY(-100px);
}
#firstSlider .sloganWrap h6{
	padding:15px 0 30px 0;
	font-size:70px;font-size: 3.64vw; 
	line-height:70px; line-height: 3.64vw;
	font-family: 'Playfair Display', serif;
	font-weight: bold;
}
#firstSlider .sloganWrap h5{
	font-size:23px;line-height:23px;
	font-weight: 100;
}
#firstSlider .page{
	position:absolute;z-index:5;
	bottom:5%;left:0;
	width:100%;
	text-align:center;color:#fff;
	font-size:24px;line-height:24px; font-weight: 500;
	font-family: 'Montserrat', sans-serif;
}
#firstSlider .page a{
	display:inline-block;
	width:35px;
	margin:10px 2px 0 2px;
	padding:10px 0;
}
#firstSlider .page a span{
	display:block;
	height:3px;
	background:#fff;
}
#firstSlider .page a.SEL span{
	background:#233a42;
}
.playNstop{
	display:inline-block;vertical-align:middle;
	width:20px;height:20px;
	margin-left: 3px;
	background:url(./../images/playNstop.png) no-repeat center -2px;
	cursor:pointer;
}
.playNstop.STOP{background-position:center -50px;}
.scrollDown {
	position: absolute;
	top: 40%; left: 75px;
	display: inline-block;
	width: 2%;
	z-index: 10;
}
.scrollDown img { max-width: 100%; }
.paddinLogoL {
	padding-left: 78px;
	padding-right: 78px;
}
/* sub */
#topSlogan{
	position: relative;
	overflow:hidden;
	max-height:690px;
	background-repeat: no-repeat ;background-position:center bottom;background-size:cover;
}
#topSlogan .areaSize{
	padding-top:36%;
}
.topLine{text-align:center}