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

/* 메인 */
#main{
	background:url(../images/main_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:250px; left:100px;
	background:rgba(245,124,33,0.5);
	padding:30px;
}
#title h1, #title h2, #title p{
	margin-bottom:20px;
}
#main #imgSlider{
	position:relative;
	bottom:40px; left:46%;
	width:150px; height:20px;
}

/* 컨텐츠 */
#content{
	width:1200px;
	margin:0 auto;
}
#tab h2, #social h2{
	padding:10px 0;
	text-align:center;
	margin-bottom:40px;
}
#video h3, #event h3{
	padding:10px 0;
	color:#f57c21;
	text-align:left;
	margin-bottom:10px;
}

/* 탭내비 */
#content #tab{
	margin-top:50px;
	padding:50px 0;
	height:650px;
}
#tab #tabNav{
	position:relative;
	top:0px; left:0px;
	width:1200px; height:62px;
	border-bottom:1px solid #f57c21;
}
#tab #tabNav ul li{
	width:230px; height:50px;
	padding:5px 0;
	line-height:130%;
	font-size:1.15em;
	text-align:center;
	border:1px solid #e5e5e5;
	border-top-left-radius:15px;
	border-top-right-radius:15px;
}
#tab #tabNav ul li:hover{
	border:1px solid #f57c21;
	background:#f57c21;
	background:-webkit-gradient(linear, left top, left bottom, from(#f5b98c), to(#f57c21));
	background:-moz-linear-gradient(top, #f5b98c, #f57c21);	
}
#tab #tabNav ul li:hover a{
	display:block;
	color:#ffffff;
	font-weight:bold;
}
#tab #tabNav #tab1{
	position:absolute;
	top:0px; left:5px;
}
#tab #tabNav #tab2{
	position:absolute;
	top:0px; left:245px;
}
#tab #tabNav #tab3{
	position:absolute;
	top:0px; left:485px;
}
#tab #tabNav #tab4{
	position:absolute;
	top:0px; right:245px;
}
#tab #tabNav #tab5{
	position:absolute;
	top:0px; right:5px;
}
#content #tab #tabItem{
	height:550px;
	margin-top:20px;
}
#tabItem .tabItems{
	width:400px; height:550px;
}
#tabItem .tabItems:hover{
	background:#e5e5e5;
}
#tabItem .tabItems:hover h3{
	color:#f57c21;
}
#tabItem .tabItems img{
	width:400px;
}
#tabItem .tabItems h3{
	text-align:center;
	padding:20px 0;
}
#tabItem .tabItems p{
	text-align:center;
	padding:10px 0;
}

/* 비디오 */
#content #video{
	margin-top:30px;
	width:765px; height:550px;
	padding:50px 0;
}

/* 이벤트 */
#content #event{
	position:relative;
	top:0; left:0;
	margin-top:30px;
	width:430px; height:550px;
	padding:50px 0;
}
#event #eventSlider img{
	width:430px; height:430px;
	border:1px solid #f57c21;
}
#event #eventTitle{
	position:absolute;
	bottom:110px; left:1px;
	width:430px; height:100px;
	background:rgba(192,192,192,0.4);
	text-align:center;
	line-height:200%;
	visibility:hidden;
}
#event #eventTitle h4{
	padding:15px 0 5px 0;
}
#event #eventSlider:hover #eventTitle{
	visibility:visible;
}
#event #eventArrow_l{
	position:absolute;
	top:46%; left:10px;
}
#event #eventArrow_r{
	position:absolute;
	top:46%; right:10px;
}
#event #eventArrow_l img, #event #eventArrow_r img{
	opacity:0.7;
}
#event #eventArrow_l:hover img, #event #eventArrow_r:hover img{
	opacity:1;
}
#event #evtSlider{
	position:absolute;
	top:125px; right:10px;
	width:75px; height:20px;
}

/* 소셜이미지 */
#content #social{
	margin-bottom:100px;
	padding:50px 0;
	background-color:#f5b98c;
}
#social #instaImg{
	text-align:center;
}
#social #instaImg img{
	width:200px; height:200px;
	margin:0 3px 10px 3px;
}