@charset "utf-8";

@media (max-width:767px) {/* 최소 ~ 최대 720 */
	body {font-size:11px;margin: 0;padding: 0;}
	#firstheader {width:100%}
	.top_area {position: relative;width: 100%;margin: 0 auto;overflow: hidden;height: 380px}
	.sub_top_area {position: relative;width: 100%;margin: 0 auto;overflow: hidden;height: 210px}
	
	#content {width:100%;margin-top: 75px}
	.contentarea {position: relative;width: 98%;margin: 0 auto;}
	.main-input {width:95%}
	.main-input-radio {font-size:1.2em;width:70px;display:block;font-weight: bold;padding-bottom: 10px}
	.sub-input {width:95%}
}


@media (min-width:768px) and (max-width:1399px) {/* 최소 768 ~ 1023 ---------------------------------------------------------------------- */
	body {font-size:14px;margin: 0;padding: 0;}
	#firstheader {width:100%}
	.top_area {position: relative;width: 100%;margin: 0 auto;overflow: hidden;height: 380px}
	.sub_top_area {position: relative;width: 100%;margin: 0 auto;overflow: hidden;height: 210px}
	
	#content {width:100%;margin-top: 75px}
	.contentarea {position: relative;width: 98%;margin: 0 auto;}
	.main-input {width:80%}
	.main-input-radio {font-size:1.2em;width:70px;display: inline-block;font-weight: bold}
	.sub-input {width:75%}
}


@media (min-width:1400px) {/* 최소 1024 ~ 최대 ------------------------------------------------------------------------------------------------------- */
	body {font-size:14px;margin: 0;padding: 0;}
	#firstheader {width:100%;}
	.top_area {position: relative;width: 1400px;margin: 0 auto;overflow: hidden;height: 380px}
	.sub_top_area {position: relative;width: 1400px;margin: 0 auto;overflow: hidden;height: 210px}
	
	#content {width:100%;margin-top: 75px}
	.contentarea {position: relative;width: 1400px;margin: 0 auto;margin-top:}
	.main-input {width:60%}
	.main-input-radio {font-size:1.2em;width:70px;display: inline-block;font-weight: bold}
	.sub-input {width:50%}
}