@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800&display=swap');

/* 메인 */
#main{
	background:url(../images/sub2_1_visual_1.jpg) no-repeat 50% 50%;
	margin-top:95px;
	width:100%; height:785px;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
	color:#ffffff;
	min-width:1200px;
}
#main #visual{
	position:relative;
	top:0;
	margin:0 auto;
	width:1200px; height:100%;
}
#main #visual #visualArrow_l{
	position:absolute;
	top:46%; left:0px;
}
#main #visual #visualArrow_r{
	position:absolute;
	top:46%; right:0px;
}
#visualArrow_l img, #visualArrow_r img{
	opacity:0.7;
}
#visualArrow_l:hover img, #visualArrow_r:hover img{
	opacity:1;
}
#main #visual #title{
	position:absolute;
	top:190px; left:100px;
	background:rgba(245,124,33,0.5);
	padding:30px;
}
#main p{
	line-height:170%;
}
#main h1, #main p{
	margin-bottom:20px;
}
#main #imgSlider{
	position:relative;
	bottom:40px; left:46%;
	width:150px; height:20px;
}

/* 컨텐츠 */
#content{
	width:1200px;
	margin:0 auto;
	min-width:1200px;
}
#content #item{
	margin-top:50px;
	padding:50px 0;
}
#content #item h2{
	padding:10px 0;
	text-align:center;
	margin-bottom:40px;
}
#content #item h2 span{
	font-weight:200;
}
#content h3, #content h4, #content p, #content ul{
	margin-bottom:20px;
}
#content h3, #content li{
	line-height:170%;
}

/* 아이템 */
#item .itemList{
	width:1200px; height:575px;
	margin-bottom:50px;
}

/* 아이템 컨텐츠 */
#item > div > .itemContent{
	position:relative;
	top:0; left:0;
	width:355px; height:575px;
	background:#e5e5e5;
}
.itemContent h3, .itemContent h4, .itemContent p, .itemContent ul{
	margin:0 50px;
}
.itemContent h3{
	margin-top:50px;
}
.itemContent h3 span{
	color:#f57c21;
}
.itemContent li{
	font-size:0.9em;
	list-style-type:square;
}
.itemContent button.marginLeft{
	position:absolute;
	bottom:30px; left:24px;
}
.itemContent button.marginRight{
	position:absolute;
	bottom:30px; right:24px;
	width:200px;
}

/* 아이템 이미지 */
#item > div > .itemImg{
	position:relative;
	top:0; left:0;
	width:845px; height:575px;
}
#item > div > .itemImg > .itemArrow_l{
	position:absolute;
	top:46%; left:10px;
}
#item > div > .itemImg > .itemArrow_r{
	position:absolute;
	top:46%; right:10px;
}
.itemArrow_l img, .itemArrow_r img{
	opacity:0.7;
}
.itemArrow_l:hover img, .itemArrow_r:hover img{
	opacity:1;
}
#item > div > .itemImg > .imgSlider{
	position:absolute;
	top:20px; right:15px;
	width:75px; height:20px;
}
#item1 #itemImg1{
	background:url(../images/sub2_1_xplory_1.jpg) no-repeat;
}
#item2 #itemImg2{
	background:url(../images/sub2_1_scoot_1.jpg) no-repeat;
}
#item3 #itemImg3{
	background:url(../images/sub2_1_trailz_1.jpg) no-repeat;
}