﻿@charset "utf-8";

#container {position:relative; overflow:hidden; margin:0 auto;}
#container:after {content:""; display:block; clear:both;}
#contents:after {content:""; display:block; clear:both;}

.con_wrap1{width: 1400px; margin: 4rem auto; overflow: hidden;}
.con_wrap2{width: 100%; background: #e5ebe9; position: relative; overflow: hidden;}
.con_wrap2 > img{position: absolute;}
.con_wrap2 .galleryBg1{bottom: 0; left: 0;}
.con_wrap2 .galleryBg2{bottom: 0; right: 0;}
.con_wrap2 .galleryBg3{bottom: 40%; left:2%;}
.con_wrap2 .galleryBg4{bottom: 37%; right: 2%;}
.con_wrap2 .galleryBg5{bottom: 0; right: 12%;}
.con_wrap1:after, .con_wrap2:after{content:""; display:block; clear:both;}

@media (max-width:1440px) {
	
 	#container, #contents, .con_wrap1, .con_wrap2{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
	
	.con_wrap1, .con_wrap2{-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; transition:all 0.3s ease;}

	#contents{width: 100%;}

	.con_wrap2 .galleryBg1{bottom: 0; left: -125px;}
	.con_wrap2 .galleryBg3{bottom: 75%; left:2%;}
	.con_wrap2 .galleryBg4{bottom:70%; right: 2%;}
	.con_wrap2 .galleryBg5{bottom: 0; right: 15%;}
}

@media (max-width:1280px) {

	#container {width:100%; padding-top:80px;}

}


@media (max-width: 900px) {
	.con_wrap2 .galleryBg3{bottom: 80%; left:2%;}
	.con_wrap2 .galleryBg4{bottom:70%; right: 2%;}
	.con_wrap2 .galleryBg5{bottom: 0; right: 20%;}
}

@media (max-width: 680px){
	.con_wrap2 .galleryBg3{bottom: 82%; left:2%;}
}

@media (max-width: 580px) {	
	#container {padding-top:60px;}
	.con_wrap2 .galleryBg3{bottom: 85%; left:0;}
	.con_wrap2 .galleryBg4{bottom:33%; right: 0;}
}

@media (max-width: 480px) {
	.con_wrap2 .galleryBg3{bottom: 82%; left:0;}
}

@media (max-width: 380px) {
	

}