<style>
	body{ margin: auto; position: relative; }
	.white{ background: white; }
	.wrap{ width: 1400px; margin: auto; position: relative; }
	#home{ height: 1200px;}
	#menu1{ height: 1631px;}
	#menu2{ height: 7370px;}
	#menu3{ height: 2580px;}
	#footer{ height: 471px; }

	h1,h2,h3,p{ margin: 0; }

	nav,h2{ font-family: 'Archivo Black', sans-serif; font-weight: 700; font-style: italic;}
	{ font-family: 'Archivo Black', sans-serif; font-weight: 700;}
	h3, p{ font-family: "source-han-sans-korean", sans-serif; font-weight: 500;}
	figcaption{ font-family: "source-han-sans-korean", sans-serif; font-weight: 400; }
	p{ line-height: 173%; }
	figcaption { font-size: 10pt; color: white;}
	em{ text-decoration: underline; }

	nav {font-size: 1.3em;}

	a:link, a:active, a:visited, a:hover{ text-decoration: none; }
	a:hover{ text-decoration: underline; }

	nav{ width: 1400px; margin: auto; height: 200px;}
	nav #logo{ width: 250px; height: 220px; float: left; margin-left: 100px; margin-top: -5px;}
	nav #logo img{ height: 220px;}
	nav #menuList{ float: right; margin-right: 66px; margin-top: 85px; padding: 0;}
	nav #menuList .main-menu-item{ list-style: none; float: left; width: 219px; height: 65px; line-height: 125%;}
	nav #menuList a{ height: 65px; }
	nav #menuList2{ float: right; margin-right: 66px; margin-top: 85px; padding: 0;}
	nav #menuList2 .main-menu-item2{ list-style: none; float: left; width: 219px; height: 65px; line-height: 125%;}
	nav #menuList2 a{ height: 65px; }

	@media all and (max-width: 767px) {
		nav {width: inherit; height: 150px;}
		nav {font-size: 1em;}
		nav #logo {margin-left: 70px;}
		nav #logo img{height: 150px;}
		nav #menuList { margin-right: 20px; margin-top: 40px;}
		nav #menuList2 { margin-right: 20px; margin-top: 40px;}
		
	}

	span {display: block;}

	.title{ width: 640px; margin: auto; position: relative; padding-top: 100px; margin-bottom: 150px;}
	.title h2{ font-size: 7.5em; letter-spacing: -4px; color: white; background: black; }
	.title2{ width: 640px; margin: auto; position: relative; padding-top: 100px; margin-bottom: 150px;}
	.title2 h2{ font-size: 7.5em; letter-spacing: -4px; color: black; background: white;}


	/*menu1*/
	#movie{width: 200%; height: 600px; max-width: 1080px; position: relative; left: 357px;}
	#menu1 .text { width: 1110px; margin: auto; position: relative; background: white;}
	#menu1 .text p{ font-size: 1.33em; line-height: 173%; letter-spacing: -0.5px; }

	/*menu2*/
	section {width: 1150px; margin: auto; position: relative; margin-bottom: 130px; background: black;}
	section:after {content:""; display: block; clear: both;}

	#uncle {width: 390px; position: absolute; top: 1170px; right: -2px;}
	#uncle img {width: 100%;}
	#church {width: 440px; position: absolute; top: 3310px; right: 280px;}
	#church img {width: 100%;}
	#fake {width: 1150px; padding-bottom: 70px; opacity: 0;}
	#fake img {width: 100%;}
	#bang {width: 1250px; position: absolute; bottom: 1165px; left: -60px;}
	#bang img {width: 100%;}
	
	.col1 {width: 480px; margin: 1%; overflow: hidden; margin-right: 3%;}
	.col1 img {width: 100%;}
	.col2 {width: 355px; margin: 1%; padding-right: 60px; padding-left: 80px;}
	.col2 img {width: 100%;}
	.col3 {width: 500px; margin: 1%; overflow: hidden;}
	.col3 img {width: 100%;}
	.col4 {width: 370px; margin: 1%; overflow: hidden; padding-right: 80px; margin-left: 3%;}
	.col4 img {width: 100%;}
	.col5 {width: 500px; margin: 1%; overflow: hidden; padding-bottom: 140px;}
	.col5 img {width: 100%;}

	.section-texts {padding: 2%; padding-top: 0;}
	.section-texts {padding: 2%; padding-top: 0;}
	.no-padding {padding: 0;}

	.section-texts p {margin: 0; color: white; font-size: 1.33em; letter-spacing: -0.5px;}
	.section-texts2 p {margin: 0; color: white; font-size: 1.33em; letter-spacing: -0.5px; text-align: right;}

	.left {float: left;}
	.right {float: right;}

	.caption p {position: relative; padding: 1%; line-height: 130%; margin: 0; font-size: 1.2em; letter-spacing: -0.5px; font-style: italic; font-weight: 600; background: white;}

	/*menu3*/
	#gambino { width: 1519px; position: relative; left: -60px;}
	#gambino img{ width: 100%; }
	#menu3 .text { width: 1110px; margin: auto; position: relative; top: 190px; left: 5px; background: white;}
	#menu3 .text p{ font-size: 1.33em; line-height: 173%; letter-spacing: -0.55px; }
	#menu3 .text2 { width: 880px; margin: auto; position: relative; top: 148px; right: 110px; background: white;}
	#menu3 .text2 p{ font-size: 1.33em; line-height: 173%; letter-spacing: -0.6px; }
	#menu3 .text3 { width: 1110px; margin: auto; position: relative; top: 270px; left: 5px; background: white;}
	#menu3 .text3 p{ font-size: 1.33em; line-height: 173%; letter-spacing: -0.55px; }
	#menu3 #pizza {width: 200px; position: relative; float: right; bottom: 125px; right: 195px;}
	#menu3 #wutang {width: 750px; margin: auto; position: relative; top: 210px; margin-bottom: 50px;}

	.section { width: 1350px; margin: auto; padding: 1em; margin-bottom: 1em;}
	.float{ width: 300px; height: 300px; float: left; margin:1em; margin-bottom: -2em;}
	.album{ height: 300px; overflow: hidden;}
	.album img{ width: 300px; transition: 2s;}
	.album img:hover{ width: 120%;}
	.clear {clear: both;}

	/*footer*/
	footer .info { width: 1110px; margin: auto; position: relative; top: 350px; left: 5px; }
	footer .info p{font-size: 1em; line-height: 170%; letter-spacing: -0.5px; color: white; font-weight: bold;}
	footer .info2 { width: 1110px; margin: auto; position: relative; top: 350px; left: 5px; }
	footer .info2 p{font-size: 1em; line-height: 170%; letter-spacing: -0.5px; font-weight: bold;}




</style>
