@charset "utf-8";

body {width:100%; -webkit-text-size-adjust:none;}
table {width:100%; border-spacing:0; border-collapse:collapse;}

#wrapper {}


#content {padding:0 0 100px 0;}

.main_wrap {text-align:center;}
.main_wrap img{width:100%;}
.main_wrap .section01 { width:100%; }  
.main_wrap .section02 { width:100%; background-color: #f5f8f6;} 
.main_wrap .section03 { width:100%;} 
.main_wrap .section04 { width:100%; background-color: #f5f8f6;} 
.main_wrap .section img { width:1200px;}

.youtube{width:1200px;margin:0 auto;}
.youtube .video_wrap {position: relative;padding-bottom: 56.25%; height:0; overflow: hidden;}
.youtube .video_wrap iframe{position: absolute;top:0;left:0;width:100%;height: 100%;}


/* gallery_wrap */
.gallery_wrap {padding:90px 0; width:100%;}
.gall_box {width:1110px; margin:0 auto; padding-left:90px;}
.gall_box h3 {font-size:35px; font-weight:400; color:#000; margin:0 0 59px 0; text-align:center;}
.gall_box ul {*zoom:1;}
.gall_box ul:after {content:" "; display:block; clear:both;}
.gall_box ul li {float:left; width:240px; margin-left:18px;
	box-shadow: 0px 5px 16px 2px rgba(227,227,227,1);
	-webkit-box-shadow: 0px 5px 16px 2px rgba(227,227,227,1);
	-moz-box-shadow: 0px 5px 16px 2px rgba(227,227,227,1);
	-ms-box-shadow: 0px 5px 16px 2px rgba(227,227,227,1);
}
.gall_box ul li span.thumb {display:block; overflow:hidden;width:100%; height:180px;background-color:#f5f5f5; transform:scale(1);}
.gall_box ul li span.thumb img {
	width:100%; max-width:100%;
	transition:all 0.5s ease;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	-ms-transition:all 0.5s ease;
}
.gall_box ul li:hover span.thumb img {transform: scale(1.1);}
.gall_box ul li div {border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; height:101px; padding:19px 15px 0;}
.gall_box ul li div p {font-size:16px; font-weight:600; line-height:24px; height:48px; overflow:hidden; margin:0 0 25px 0; word-break:keep-all;}
.gall_box ul li div p a {color:#333; display:block;
	transition:all .3s;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
}
.gall_box ul li div p a:hover {color:#0dacc2;}
.gall_box ul li div span.date {text-align:right; display:block; font-size:15px; font-weight:400; color:#8c8c8c;}




/* -----------  MOBILE 반응형 CSS  ------------------- */

@media screen and (max-width:1200px){
	
	.gall_box {width:100%;}
	
	
}
@media screen and (max-width:1160px) {
	
	.gnb_wrap {display:none;}

}


@media screen and (max-width:768px) {
    
	#content {padding:0 0 70px;}
    .youtube{width:90%;}    

	.main_wrap {text-align:center;}
	.main_wrap .section img { width:100%;}



	/* gallery */
	.gallery_wrap {width:auto; padding:30px 10px 40px;}
	.gall_box {padding:0; width:100%;}
	.gall_box h3 {font-size:22px; margin:0 0 30px 0;}
	.gall_box ul li {width:48%; margin:0 1% 10px;}
	.gall_box ul li span.thumb {}
	.gall_box ul li span.thumb img {max-height:100%;}
	.gall_box ul li div {height:80px; padding:10px 10px 0;}
	.gall_box ul li div p a {height:100%;}
	.gall_box ul li div p {font-size:14px; line-height:20px; height:41px; margin:0 0 10px 0;}
	.gall_box ul li div span.date {font-size:13px;}

}

@media screen and (max-width:320px) {
	body {min-width:320px;}

	

}