/* header */
header {position: relative; padding-top: 12%;}
header iframe {width: 100%;  height: 100px; margin: 0 auto; position: absolute; top: 0; left: 0;}

header p {width: 96%; text-align: left; font-size: 16px; top: 120px; left: 0; margin-left: 2%;}
header p font {font-weight: bold;}

	@media (max-width: 1000px){
		 header {padding-top: 20%;}
		 header p {font-size: 20px;}
	}

/* contents */
#contents .first {width: 1200px;  height: 6300px; margin: 0 auto; position: relative;}
#contents .first iframe {width: 100%; height: inherit; position: absolute;}

#contents .second {width: 1200px; height: 500px; margin: 0 auto; position: relative;}
#contents .second iframe {width: 100%; height: inherit; position: absolute;}

	@media (max-width: 1220px){
		#contents .first {width: 100%; height: 6300px;}
		#contents .second {width: 100%; height: 600px;}
	}
	@media (max-width: 1100px){
		#contents .first {width: 100%; height: 5600px;}
	}
	@media (max-width: 1000px){
		#contents .first {width: 100%; height: 5100px;}
	}
	@media (max-width: 790px){
		#contents .first {width: 100%; height: 4300px;}
		#contents .second {width: 100%; height: 900px;}
	}
	@media (max-width: 610px){
		#contents .first {width: 100%; height: 3100px;}
		#contents .second {width: 100%; height: 1200px;}
	}

/* footer */
footer {position: relative; }
footer iframe {width: 100%; height: 200px; position: absolute; left: 0;}