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

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

#contents > div { padding-top: 45px; }
#contents > div:first-child { padding-top: 0px; }


#contents .contact_txt { width: 25%; }
#contents .contact_dat { width: 75%; }

#contents .contact_txt .title { font-size: 35px; }
#contents .contact_txt .body { width: 100%; padding-top: 30px; }
#contents .contact_txt .body div { width: 100%; line-height: 21px; padding-top: 15px; }
#contents .contact_txt .body div:first-child { padding-top: 0px; }

#contents .contact_txt .body div .sub_title { font-size: 14px; font-weight: bold; }

#contents .contact_dat .map { height: 426px; background-color: #eee; }

#contents .contact_dat form { width: 100%; }
#contents .contact_dat form input { 
	width: 100%; height: 44px; 
	border: 1px solid #e5e5e5; 
	font-size: 12px; 
	padding: 0px 12px; 
	box-sizing: border-box; 
}

#contents .contact_dat form textarea { 
	width: 100%; height: 292px; 
	border: 1px solid #e5e5e5; 
	font-size: 12px; 
	padding: 12px; margin-top: 10px;
	box-sizing: border-box; 
	resize: none;
}

#contents .contact_dat form button { 
    transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;

	width: 123px; height: 34px; line-height: 32px; 
	background-color: #fff;
	 margin-top: 10px;
	border: 0px; border: 1px solid #b2b0b2;
	box-sizing: border-box;
	font-size: 14px; 
	cursor: pointer;
}

#contents .contact_dat form button:hover { 
	border: 1px solid #2392d1;
	background-color: #2392d1;
	color: #fff;
}

#contents ,
#contents .contact_txt ,
#contents .contact_dat ,
#contents .contact_txt .body div ,
#contents .contact_txt .body div .sub_title ,
#contents .contact_txt .body div p ,
#contents .contact_dat .map ,
#contents .contact_txt .body ,
#contents .contact_dat form ,
#contents .contact_txt .title ,
#contents .contact_dat form input ,
#contents .contact_dat form textarea ,
#contents .contact_dat form button { 
	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: 30px 15px 50px; }

	#contents .contact_txt { width: 100%; }
	#contents .contact_dat { width: 100%; }
	#contents .contact_txt .body div { 
		width: 100%;  height: 50px; 
		float: left; padding: 0px; 
		font-size: 12px;
	}

	#contents .contact_txt .body div .sub_title { width: 85px; }
	#contents .contact_txt .body div p { padding-right: 0px; box-sizing: border-box; }

	#contents .contact_dat .map { height: 312px; }

	#contents .contact_txt .body ,
	#contents .contact_dat form { padding-top: 15px; }

	#contents .contact_txt .title { font-size: 24px; }

	#contents .contact_dat form input { height: 30px;  }
	#contents .contact_dat form textarea { height: 200px; }

	#contents .contact_dat form button { width: 100px; height: 30px; line-height: 28px; font-size: 12px; }

}

@media (max-width: 749px) and (min-width: 480px) { 
	#contents { padding: 30px 15px 80px; }

	#contents .contact_txt { width: 100%; }
	#contents .contact_dat { width: 100%; }
	#contents .contact_txt .body div { 
		width: 50%;  height: 90px; 
		float: left; padding: 0px; 
	}

	#contents .contact_txt .body div .sub_title { width: 85px; }
	#contents .contact_txt .body div p { padding-right: 15px; box-sizing: border-box; }

	#contents .contact_dat .map { height: 312px; }

	#contents .contact_txt .body ,
	#contents .contact_dat form { padding-top: 15px; }

	#contents .contact_txt .title { font-size: 28px; }

	#contents .contact_dat form input { height: 30px;  }
	#contents .contact_dat form textarea { height: 200px; }


}

@media (max-width: 1023px) and (min-width: 750px) { 
	#contents { padding: 30px 15px 80px; }
	#contents .contact_txt { width: 35%; }
	#contents .contact_dat { width: 65%; }

	#contents .contact_txt .title { font-size: 32px; }

}

@media (max-width: 1279px) and (min-width: 1024px) { 
	#contents { padding: 50px 15px 100px; }

}

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

}

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

}