/*------- 인트로 new -------*/

.wrap.intro2 {
	width:2000px;
}

.wrap.intro2 .leftArea {
	float:left;
	width:302px;
}



.wrap.intro2 .leftArea .contact {
	padding-bottom:30px;
	text-align:center;
}

.wrap.intro2 .leftArea .contact a{
	margin-bottom:5px;
	display:block;
}

.wrap.intro2 .leftArea .bottom {
	width:265px;
	margin:0 auto;
	padding-top:30px;
	border-top:1px solid #d3d1d0;
	text-align:center;
}

.wrap.intro2 .leftArea .bottom a {
	height:26px;	
	padding:0 8px;
	margin-bottom:20px;
	border:1px solid #a2968d;
	border-radius: 13px;	
	font-size:0.8em;
	color:#a2968d;
	line-height:26px;
	display:inline-block;
	
}

.wrap.intro2 .rightArea {
	float:left;
	position:relative;
	width:1698px;
	overflow:hidden;
}

.wrap.intro2 .rightArea .menu {
	position:relative;
	width:1698px;
	z-index:10;
	overflow:hidden;
}

.wrap.intro2 .rightArea .menu ul li {
	float:left;
	width:283px;
	height:982px;
	border-right:1px solid rgba(255,255,255,0.3);
	text-align:center;
}

.wrap.intro2 .rightArea .menu ul li a {
	height:335px;
	margin-top:315px;
	background:url(/images/intro2/menu_arrow.png) no-repeat bottom center;
	display:block;
}

.wrap.intro2 .rightArea .intro_visual {
	overflow:hidden;
	z-index:5;
}




/* 모바일 */

.wrap.intro2_m .logoArea {
	width:100%;
}

.wrap.intro2_m .logoArea img {
	width:100%;
}

.wrap.intro2_m .menuArea {
	position:relative;
	width:100%;
	background:#574d43;
	overflow:hidden;	
}

.wrap.intro2_m .menuArea .menu {
	position:relative;
	width:100%;
	z-index:10;
	overflow:hidden;	
}

.wrap.intro2_m .menuArea .menu ul li {
	float:left;
	width:50%;
	height:0;
	padding-bottom:52%;
	border-right:1px solid rgba(255,255,255,0.3);
	border-bottom:1px solid rgba(255,255,255,0.3);
}

.wrap.intro2_m .menuArea .menu ul li a {
	width:70%;
	margin:0 auto;
	display:block;
}

.wrap.intro2_m .menuArea .menu ul li a img {
	margin-top:28%;
	width:100%;
}

.wrap.intro2_m .menuArea #slideshow .intro_visual span {
	background-size: 100%;
    background-position: center;
	background-repeat:no-repeat;
}


.wrap.intro2_m .bottomArea {
	width:90%;
	margin:40px auto;
}

.wrap.intro2_m .bottomArea a {
	margin-bottom:15px;
	display:block;
}

.wrap.intro2_m .bottomArea a img {
	width:100%;
}