.container {
	display: inline-block;
	width: 100%; max-width: 1080px;
	margin: 0 auto;
	text-align: center;
}

.container > .contents {
	display: inline-block;
	width: 100%;
	margin-bottom: 100px;
}

.container > .contents > .top_banner {
	width: 100%; height: 217px; line-height: 217px;
	font-size: 29px; color: #fff;
	background-color: #212255;
}

.container > .contents > .top_banner > .top_banner_left {
	float: left; height: 100%;
}

.container > .contents > .top_banner > .top_banner_right {
	width: 541px;
	float: right;
	text-align: center;
}

.container > .contents > .position_box {
	display: inline-block;
	width: 100%; height: 548px;
	margin-top: 38px;
	background-color: #fafafa;
	border: 1px solid #d2d2d2;
	box-sizing: border-box;
}


.container > .contents > .position_box > .position_box_left {
	display: inline-block; float: left;
	width: 298px; height: 100%;
	border-right: 1px solid #d2d2d2;
	box-sizing: border-box;
}

.container > .contents > .position_box > .position_box_left > select {
	width: 208px; height: 39px;
	font-size: 14px;
	border: 1px solid #d7d7d7;
	box-sizing: border-box;
	margin-top: 42px;
}

.container > .contents > .position_box > .position_box_right {
	display: inline-block; float: right;
	width: 780px; height: 100%;
	box-sizing: border-box;
}

.container > .contents > .position_box > .position_box_right > .position_address {
	width: 100%; min-height: 133px;
	text-align: left;
	padding: 30px 45px;
	box-sizing: border-box;
	background-color: #fff;
}

.container > .contents > .position_box > .position_box_right > .address_map {
	width: 100%; height: 413px;
}

.container > .contents > .position_box > .position_box_right > .position_address > h2 {
	line-height: 27px;
	font-size: 17px; color: #565858;
	font-family: "nanumbarungothicbold", "nanumbarungothic bold", serif
}


.container > .contents > .position_box > .position_box_right > .position_address > p {
	line-height: 27px;
	font-size: 14px; color: #565858;
}




@media (max-width: 420px){ 
	.container {
		max-width: 100%;
	}

	.container > .contents > .top_banner {
		height: 200px; line-height: 100px;
	}

	.container > .contents > .top_banner > .top_banner_left {
		width: 100%; height: 100px;
		position: relative;
		background: url(../images/contents/use_top_01.png) no-repeat center center;
		background-size: cover;
	}

	.container > .contents > .top_banner > .top_banner_left > img {
		display: none;
	}

	.container > .contents > .top_banner > .top_banner_right {
		width: 100%;
		font-size: 18px;
	}

	.container > .contents > .position_box > .position_box_left {
		width: 100%; height: 70px;
		text-align: left;
	    padding: 15px 30px;
		border-right: 0px;
		box-sizing: border-box;
	}

	.container > .contents > .position_box > .position_box_left > select {
		width: 208px; height: 39px;
		font-size: 14px;
		border: 1px solid #d7d7d7;
		box-sizing: border-box;
		margin-top: 0px;
	}

	.container > .contents > .position_box > .position_box_right {
		width: 100%;
	}

	.container > .contents > .position_box > .position_box_right > .position_address {
		padding: 20px 30px;
	}



	.container > .contents > .position_box {
		height: auto;
	}
}

@media (max-width: 819px) and (min-width: 421px) { 
	.container {
		max-width: 90%;
	}

	.container > .contents > .top_banner {
		height: 300px; line-height: 150px;
	}

	.container > .contents > .top_banner > .top_banner_left {
		width: 100%; height: 150px;
		position: relative;
		background: url(../images/contents/use_top_01.png) no-repeat center center;
		background-size: cover;
	}

	.container > .contents > .top_banner > .top_banner_left > img {
		display: none;
	}

	.container > .contents > .top_banner > .top_banner_right {
		width: 100%;
		font-size: 20px;
	}

	.container > .contents > .position_box > .position_box_left {
		width: 100%; height: 70px;
		text-align: left;
	    padding: 15px 30px;
		border-right: 0px;
		box-sizing: border-box;
	}

	.container > .contents > .position_box > .position_box_left > select {
		width: 208px; height: 39px;
		font-size: 14px;
		border: 1px solid #d7d7d7;
		box-sizing: border-box;
		margin-top: 0px;
	}

	.container > .contents > .position_box > .position_box_right {
		width: 100%;
	}

	.container > .contents > .position_box > .position_box_right > .position_address {
		padding: 20px 30px;
	}



	.container > .contents > .position_box {
		height: auto;
	}
}

@media (max-width: 1043px) and (min-width: 820px) { 
	.container {
		max-width: 800px;
	}

	.container > .contents > .top_banner {
		height: 181px; line-height: 181px;
	}

	.container > .contents > .top_banner > .top_banner_left {
		width: 450px; height: 100%;

	}

	.container > .contents > .top_banner > .top_banner_left > img {
		width: 100%;
	}

	.container > .contents > .top_banner > .top_banner_right {
		width: 350px;
		font-size: 20px;
	}

	.container > .contents > .position_box > .position_box_right {
		width: 500px;
	}

	.container > .contents > .position_box > .position_box_right > .position_address {
		padding: 20px 30px;
	}

}

@media (max-width: 1099px) and (min-width: 1044px) { 
	.container {
		max-width: 1024px;
	}

	.container > .contents > .position_box > .position_box_left {
		width: 260px;
	}

	.container > .contents > .top_banner > .top_banner_right {
		width: 538px;
		font-size: 25px;
	}

	.container > .contents > .position_box > .position_box_right {
		width: 724px;
	}

}

@media (min-width: 1100px){

}



/*
	@media (max-width: 420px){ 

	}

	@media (max-width: 819px) and (min-width: 421px) { 

	}

	@media (max-width: 1043px) and (min-width: 820px) { 

	}

	@media (max-width: 1099px) and (min-width: 1044px) { 

	}

	@media (min-width: 1100px){

	}
*/