@charset "EUC-KR";
/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	overflow-x: hidden;
}
.top_container {
	width:100%;
	height: auto;
	background-image: url(http://www.workcamp.org/2018_wvc/imgs/bg.jpg);
	background-repeat: repeat-x;
	overflow-x: hidden;
	}	

.top_box {
	max-width:990px;
	width:990px;
	height: auto;
	margin:0 auto;
	overflow-x: hidden;
	}

.top_img {
	width:100%;
	max-width: 100%;
	height: auto;
	margin:0 auto;
	}

.content1 {
	width:990px; height: auto;margin:0 auto;
}

.container_btn {
	max-width:990px; height: auto;margin:0 auto;padding:0px;
}
.btn_download
	{max-width:308px; height: auto;padding:5px;float: left;margin-left:195px;}
.btn_past
	{max-width:308px; height: auto;padding:5px;float: right;margin-right:65px;}

.bottom_container {
	width:100%;
	height: auto;
	background-color: #555555;
	overflow-x: hidden;
	}	

.bottom_box {
	max-width:990px;
	width:990px;
	height: auto;
	margin:30px auto;
	overflow-x: hidden;
	}

.bottom_img {
	width:100%;
	max-width: 868px;
	height: auto;
	margin:0 auto;
	padding:30px;
	}

.bottom_container2 {
	width:100%;
	height: auto;
	margin: 0 auto;
	padding:30px auto;
	overflow-x: hidden;
	background-color: #414c5e;
	}
.bottom_box2 {
	max-width:990px;
	width:100%;
	height: auto;
	margin: 0 auto;
	padding:50px 30px 30px 80px;
	overflow-x: hidden;
	background-color: 414c5e;
	}
.bottom_org_name {
	width:100%;
	max-width: 175px;
	height: auto;
	margin:0 auto;
	padding:30px;
	}

@media (max-width:880px){
.top_container {
	width:100%;
	height: auto;
	background-image: url(http://www.workcamp.org/2018_wvc/imgs/bg.jpg);
	background-size:0 !important;
	background-repeat: repeat-x;
	overflow-x: hidden;
	}
.top_box {
	width:100%;
	max-width:880px;
	height: auto;
	margin: 0 auto;
	overflow-x: hidden;
	}
	
.content1 {
	width:100%;max-width:880px; height: auto;margin:0 auto;padding:0px;
}
	
.bottom_container {
	width:100%;
	height: auto;
	}	

.bottom_box {
	max-width:880px;
	width:90%;
	height: auto;
	margin:30px auto;
	overflow-x: hidden;
	}

.bottom_img {
	width:100%;
	max-width:600px;
	height: auto;
	margin:0 auto;
	padding:0px;
	}
	
.bottom_container2 {
	width:100%;
	height: auto;
	margin: 0 auto;
	padding:30px auto;
	overflow-x: hidden;
	background-color: #414c5e;
	}
.bottom_box2 {
	max-width:880px;
	width:100%;
	height: auto;
	margin: 0 auto;
	padding:30px 30px 30px 40px;
	overflow-x: hidden;
	background-color: 414c5e;
	}
.bottom_org_name {
	width:100%;
	max-width: 175px;
	height: auto;
	margin:0 auto;
	padding:30px;
	}
	
	}
	
@media (max-width:667px){
.top_container {
	width:100%;
	height: auto;
	background-image: url(http://www.workcamp.org/2018_wvc/imgs/bg.jpg);
	background-size:0 !important;
	background-repeat: repeat-x;
	overflow-x: hidden;
	}
.top_box {
	max-width:667px;
	width:100%;
	height: auto;
	margin: 0 auto;
	overflow-x: hidden;
	}
.content1 {
	width:100%;max-width:420px;zoom:130%; height: auto;margin:0 auto;padding:0px;
}
	
.container_btn {
	width:100%; height: auto;margin:0 auto;padding:0px;text-align: center;
}
.btn_download
	{max-width:308px;width:50%; height: auto;padding:5px;margin:0 auto;float:none;margin-left:-40px;}
.content2 {
	width:100%;max-width:420px;zoom:130%; height: auto;margin:0 auto;padding:0px;
}
.btn_past
	{max-width:180px; height: auto;padding:5px 5px 25px 5px;float: right;margin-right:10px;}
	
.bottom_container2 {
	width:100%;
	height: auto;
	padding:30px auto;
	overflow-x: hidden;
	background-color: #414c5e;
	}
.bottom_box2 {
	
	width:100%;
	height: auto;
	text-align: center;
	overflow-x: hidden;
	}
.bottom_org_name {
	max-width: 130px;
	height: auto;
	padding:0px;
	margin-left:-10px;
	float:left;
	}
	}