@charset "utf-8";
/* CSS Document */

.slick-slide { margin:0 !important; }

.video_slider { width:100%; height:820px; position:relative; }
.video_slider_nav { width:100%; }
.video_slider_nav a { width:37px; height:71px; opacity:0.6; filter:alpha(opacity=60); position:absolute; z-index:4; top:50%; margin-top:10px; }
.video_slider_nav a:hover { cursor:pointer; opacity:1; filter:alpha(opacity=100); }
.video_slider_nav .next { right:5%; background:url(../images/main_next.png) no-repeat center; }
.video_slider_nav .prev { left:5%; background:url(../images/main_prev.png) no-repeat center; }

.video_slider_wrap { margin:0 auto; overflow:hidden; position:absolute; width:100%; background-color: rgba(0,0,0,0.7); }
.video_slider_wrap .slider_space,
.video_slider_wrap .slider_active { position:relative; height:820px; overflow:hidden; }
.video_slider_wrap .slider_space { display:none; }
.video_slider_wrap .slider_active { display:block; }
.video_slider_wrap .slick-slide { height:820px; overflow:hidden; }

.video_slider_wrap .slider_disappear { position:absolute; width:100%; top:0px; display:block; z-index:-1; }
.video_slider_wrap .contents { left:50%; top:-50px; visibility:inherit; opacity:1; }

.video_slider_wrap .title_group { z-index:3; position:absolute; top:395px; color:#fff; text-align:center; width:100%; text-shadow:1px 1px 10px rgba(0,0,0,0.6);  }
.video_slider_wrap .title_group h2 { font-size:52px; line-height:52px; font-family:'NanumSquareB',sans-serif !important; margin-bottom:35px; }
.video_slider_wrap .title_group h4 { font-size:22px; line-height:22px; font-family:'NanumSquareL',sans-serif !important; }
.video_slider_wrap .title_group h4 br { display:none; }

.video_slider_filter { width:100%; height:100%; z-index:2; background:rgba(0,0,0,0.4); position:absolute; }

.video_slider_mobile { height: 100%; visibility: inherit; opacity: 1; position: relative; z-index: 1; }
.video_slider_mobile#mobile_img1 { background:url(../video/mobile_slider1.jpg) no-repeat center; background-size:cover; }
.video_slider_mobile#mobile_img2 { background:url(../video/mobile_slider2.jpg) no-repeat center; background-size:cover; }
.video_slider_mobile#mobile_img3 { background:url(../video/mobile_slider3.jpg) no-repeat center; background-size:cover; }

.indicator { z-index:3; }


@media (max-width:850px) { 
	
	.video_slider,
	.video_slider_wrap .slider_space,
	.video_slider_wrap .slider_active,
	.video_slider_wrap .slick-slide { height:500px; }
	
	.video_slider_nav a { height:35px; background-size:contain !important; }
	
	.video_slider_wrap .title_group { top:48%; }
	.video_slider_wrap .title_group h2 { font-size:34px; line-height:inherit; margin-bottom:10px; }
	.video_slider_wrap .title_group h4 { font-size:16px; line-height:inherit; }
	
	.indicator { bottom:30px; left:50%; margin-left:-52px; }
	.dot { width:30px; }

	video { height: 500px;}
}

@media (max-width:600px) {
	
	.video_slider_wrap .title_group h2 { font-size:30px; line-height:inherit; margin-bottom:10px; }
	.video_slider_wrap .title_group h4 { font-size:14px; line-height:inherit; }

}

@media (max-width:425px) { 
	
	.video_slider,
	.video_slider_wrap .slider_space,
	.video_slider_wrap .slider_active,
	.video_slider_wrap .slick-slide { height:350px; }
	
	.video_slider_nav a { height:25px; }
	.video_slider_nav .next { right:0; }
	.video_slider_nav .prev { left:0; }
	
	.video_slider_wrap .title_group h2 { font-size:19px; margin-bottom:10px; font-family:'NanumSquareR',sans-serif !important; }
	.video_slider_wrap .title_group h4 { font-size:12px; }
	.video_slider_wrap .title_group h4 br { display:block; }
	
	.indicator { margin-left:-42px; bottom:20px; }
	.dot { width:24px; }

	video { height: 350px;}
}

@media (max-width:360px) { 
		
	.video_slider_wrap .title_group h2 { font-size:17px; margin-bottom:10px; font-family:'NanumSquareR',sans-serif !important; }
	.video_slider_wrap .title_group h4 { font-size:9px; }

}

@media (max-width:320px) { 
     
	.video_slider,
	.video_slider_wrap .slider_space,
	.video_slider_wrap .slider_active { height:300px; }
	
	.video_slider_wrap .title_group { top:50%; }
	.video_slider_wrap .title_group h2 { font-size:14px; margin-bottom:5px; }
	.video_slider_wrap .title_group h4 { font-size:8px; }
	
	.indicator { margin-left:-40px; }

	video { height: 300px;}
}