#wrap { padding-top: 92px; }
@media (max-width: 479px){ 
	#wrap { padding-top: 107px; }
}

#contents { width: 100%; max-width: 1280px; padding-bottom: 100px; box-sizing: border-box; }

#contents .video { width: 100%; height: 720px; background-color: #eee; } 
#contents .info { width: 100%; padding: 30px 0px; box-sizing: border-box; }
#contents .info > div { width: 50%; }
#contents .info .title { line-height: 35px; font-size: 35px; }
#contents .info .title span { font-size: 24px; }


#contents .info .text { line-height: 25px; font-size: 14px; }

#contents .desc { width: 100%; min-height: 100px;  }
#contents .desc img { max-width: 100%; }
#contents .desc p { line-height: 25px; }

#contents .btn { width: 100%; padding-top: 25px; }

#contents .btn a { 
    transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;

	text-decoration: none; 
}

#contents .btn .list { 
	width: 133px; height: 34px; line-height: 32px;
	border: 1px solid #b2b0b2;  
	box-sizing: border-box; 
}

#contents .btn .top { 
	width: 34px; height: 34px; line-height: 32px;
	border: 1px solid #b2b0b2;  
	box-sizing: border-box; 
}

#contents .btn .top img { width: 11px; vertical-align: middle; }


#contents .btn a:hover { 
	border: 1px solid #2392d1;
	background-color: #2392d1;
	color: #fff;
}

#pagePrev , #pageNext { 
	transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;

	width: 53px; height: 53px; line-height: 51px; 
	border: 1px solid #b2b0b2; box-sizing: border-box;  
	background-color: rgba( 255, 255, 255, 0.5 );
	margin-top: -26.5px;

}

#pagePrev:hover , #pageNext:hover { 
	background-color: rgba( 255, 255, 255, 1 );
}

#pagePrev > img , #pageNext > img { width: 15px; height: auto; vertical-align: middle; }

#pagePrev { top: 50%; left: 0px; }
#pageNext { top: 50%; right: 0px; }


#contents ,
#contents .video ,
#contents .info ,
#contents .info .title ,
#contents .info .title span ,
#contents .info > div ,
#contents .info .text ,
#pagePrev > img, #pageNext > img ,
#contents .btn .list ,
#contents .btn .top ,
#contents .btn .top img { 
	transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
} 


@media (max-width: 479px){ 
	#contents { padding: 0px 15px 50px; }
	#contents .video { height: 200px; }

	#contents .info { padding: 15px 0px; }
	#contents .info .title { padding-bottom: 15px; font-size: 24px; }
	#contents .info .title span { font-size: 16px; }
	#contents .info > div { width: 100%; }
	#contents .info .text { font-size: 12px; line-height: 20px; }

	#pagePrev , #pageNext { width: 30px; height: 30px; line-height: 28px; }
	#pagePrev > img, #pageNext > img { width: 8px; }

	#contents .btn .list { width: 120px; height: 30px; line-height: 28px; font-size: 12px; }
	#contents .btn .top { width: 30px; height: 30px; line-height: 28px; }
	#contents .btn .top img { width: 8px; } 
}

@media (max-width: 749px) and (min-width: 480px) { 
	#contents { padding: 0px 15px 80px; }
	#contents .video { height: 320px; }

	#contents .info { padding: 15px 0px; }
	#contents .info .title { padding-bottom: 15px; font-size: 28px; }
	#contents .info .title span { font-size: 18px; }
	#contents .info > div { width: 100%; }

	#pagePrev , #pageNext { width: 35px; height: 35px; line-height: 33px; }
	#pagePrev > img, #pageNext > img { width: 8px; }

}

@media (max-width: 1023px) and (min-width: 750px) { 
	#contents { padding: 0px 15px 80px; }
	#contents .video { height: 400px; }

	#contents .info .title { padding-bottom: 15px; font-size: 32px; }
	#contents .info .title span { font-size: 24px; }

	#contents .info > div { width: 100%; }
	#pagePrev , #pageNext { width: 40px; height: 40px; line-height: 38px; }
	#pagePrev > img, #pageNext > img { width: 8px; }

}

@media (max-width: 1279px) and (min-width: 1024px) { 
	#contents { padding: 0px 15px 100px; }
	#contents .video { height: 558px; }

	#contents .info .title { padding-bottom: 15px; }
	#contents .info > div { width: 100%; }


}

@media (max-width: 1309px) and (min-width: 1280px) { 
	#contents { padding: 0px 15px 100px; }

}

@media (max-width: 1600px) and (min-width: 1310px) { 
	#contents { padding: 0px 15px 100px; }

}