* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
------------------------------------------------------------



html,
body {
	margin: 0;
	padding: 2em;
}


body {
	color: #ffffff; 
	font: 16px/1.5 Helvetica, Arial, sans-serif;
	
}

h1,
h2,
h3,
p,
pre{margin: 0;
	padding: 0;}
ul {
	margin: 0;
	padding: 0;
	z-index: 8;
}

p {width: 100%; height: 100%; position: relative;}
h1 {font-size: 2em;color: black;
}

h2 {
	font-size: 1.5em;
	text-align:center;z-index: 2;
}

h3 {
	font-size: 16px;
	line-height: 0;
	margin-bottom: 0em;
}


p{color: black; }
pre,
ul {
	margin-bottom: 0em;
}

pre {
	background: #000000;
	border: 1px solid #000000;
	overflow-x: auto;
	padding: 0em;
}

ul {
	margin-left: 1em;
}

article{padding-top: 10em;}



#contents1 {position: relative;}
#contents1 h3{font-size: 16px;
	line-height: 0;
	margin-bottom: 0em;}

.square{width:600px;float:left;}
.square2{width:500px;float:left;line-height: 1.7; font-size:0.9em; left: 700px;top: 30px;}
.square3{width:1400px;float:left;}

.square4{ transform: rotate(90deg);width:100%;height:40px; float:left;line-height: 1.7; font-size:3.5em; left: 220px;top: 1080px;position: relative;z-index: 3;}
.square5{width:316px;height:40px;  float:left;line-height: 1.9; font-size:1em; left: 980px;top: 200px;position: relative;z-index: 3;}

.square6{transform: rotate(90deg);text-align:left;width:100%;height:40px;float:left;line-height: 1.7; font-size:3.5em; left: 220px;top: 1950px;position: relative;z-index: 3;}
.square7{text-align:left;width:316px;height:40px;float:left;line-height: 1.9; font-size:1em; left: 980px;top: 1140px;position: relative;z-index: 3;}

.square8{transform: rotate(90deg);text-align:left;width:100%;height:40px;float:left;line-height: 1.7; font-size:3.5em; left: 220px;top: 2750px;position: relative;z-index: 3;}
.square9{text-align:left;width:316px;height:40px;float:left;line-height: 1.9; font-size:1em; left: 980px;top: 1940px;position: relative;z-index: 3;}

.squar1{transform: rotate(90deg);text-align:left;width:100%;height:40px;float:left;line-height: 1.7; font-size:3.5em; left: 220px;top: 3640px;position: relative;z-index: 3;}
.squar2{text-align:left;width:316px;height:40px;float:left;line-height: 1.9; font-size:1em; left: 980px;top: 2765px;position: relative;z-index: 3;}

.special{width:1400px;float:left;position: relative;}
.special2{width:1400px;float: left;}


#ti1{ height: 144px; width:1400px; padding: 0;}


p#se{font-size: 4em; 
	text-align:center; ;color: white; position: absolute; z-index: 5;padding-top: 620px; }
p#see{font-size: 4em; 
	text-align:center; color: white; position: absolute; z-index: 6; top: -130px; }
p#seee{font-size: 4em; 
	text-align:center;color: white; position: absolute; z-index: 6;  padding-top: 25px;}
p#seeee{font-size: 4em; 
	text-align:center; color: white; position: absolute; z-index: 6;  top: 80px;}


#back2 section{ padding: 0; width: 1400px; height: 1100px;}
#back3 section{background-size:100% auto; padding: 0; width: 1400px; height: 3918px;}
#back4 section{background-size:100% auto; padding: 0; width: 1400px; height: 3702px;}
#back5 section{ padding: 0; width: 1400px; height: 6000px;}
#back6 section{background-size:100% auto; padding: 0; width: 1400px; height: 310px;}



#original{position: relative; width: 1400px;}
#original2{position: absolute;width: 1400px; left: 300px;}
#big1{position: absolute;height: 746px; width:746px;z-index: 3; left: 120px;top: 150px;}
#big2{position: absolute;height: 850px; width:850px;z-index: 3; left: 170px;top: 1150px;}
#big3{position: absolute;height: 620px; width:846px;z-index: 3; left: 170px;top: 2200px;}
#big4{position: absolute;height: 672px; width:747px;z-index: 3; left: 220px;top: 3050px;}
#nine1{position: absolute;height: 746px; width:746px;z-index: 3; left: 1000px;top: 450px;width: 420px; height: auto;}
#nine2{position: absolute;height: 746px; width:746px;z-index: 3; left: 1000px;top: 1500px;width: 420px; height: auto;}
#nine3{position: absolute;height: 746px; width:746px;z-index: 3; left: 1000px;top: 2350px;width: 420px; height: auto;}
#nine4{position: absolute;height: 746px; width:746px;z-index: 3; left: 1000px;top: 3250px;width: 420px; height: auto;}

/*무민샵*/

#shop1{position: relative ;height: 409px; width:857px;z-index: 3; top: 200px;padding: 0.5em; }
#shop2{position: relative ;z-index: 3; padding: 0.5em; top: -70px;height: 236px; width:426px;}
#shop3{position: relative ;z-index: 3; padding: 0.5em;  top: 200px;height: 505px; width:426px;}
#shop4{position: relative ;z-index: 3; padding: 0.5em;  height: 505px; width:426px;top: -70px;}
#shop5{position: relative ;z-index: 3; padding: 0.5em;  height: 236px; width:426px;top: -70px;}
#shop6{position: relative ;z-index: 3; padding: 0.5em;  height: 252px; width:857px;top: -70px;display:block}
#shop7{position: relative ;z-index: 3; padding: 0.5em;  height: 505px; width:857px;top: -60px;}
#shop8{position: relative ;z-index: 3; padding: 0.5em;  height: 505px; width:429px;top: -60px;}
#shop9{position: relative ;z-index: 3; padding: 0.5em; left: -7px; height: 241px; width:429px;top: -324px;}
#shop10{position: relative ;z-index: 3; padding: 0.5em;left: 210px;  height: 241px; width:429px;top: -324px;}
#shop11{position: relative ;z-index: 3; padding: 0.5em; height: 510px; width:216px;top: -324px;}
#shop12{position: relative ;z-index: 3; padding: 0.5em; height: 510px; width:404px;top: -324px;}
#shop13{position: relative ;z-index: 3; padding: 0.5em; height: 510px; width:216px;top: -324px;}
.shopment{background-color: #224d73; line-height: 1.9; font-size:0.8em; z-index: 4; color: white;display: block;padding: 0.5em; top: -70px; background-clip: content-box; height: 252px; width:857px; text-align: center; position: relative; }

/*조이앤 이벤트*/
#tape{position: absolute; ;z-index: 4;   height: 22mm; width:37mm;left: 430px; top: 380px; }
#tape2{position: absolute; ;z-index: 4;   height: 22mm; width:37mm;left: 430px; top: 1650px; }
#tape3{position: absolute; ;z-index: 4;   height: 22mm; width:37mm;left: 430px; top: 2920px; }
#tape4{position: absolute; ;z-index: 4;   height: 22mm; width:37mm;left: 460px; top: 4220px; }
#tape5{position: absolute; ;z-index: 4;   height: 22mm; width:37mm;left: 430px; top: 5630px; }
#tape6{position: absolute; ;z-index: 4;   height: 22mm; width:37mm;left: 430px; top: 6970px; }

#joy1{position: relative ;z-index: 3; padding: 0.5em;  height: 707px; width:500px; top: 200px; left: -200px;}
#joy3{position: relative ;z-index: 3; padding: 0.5em;  height: 167px; width:234px;left: 250px; top: -430px;}
.event{background-color: #224d73;position: relative ;z-index: 2;display: block;color: white; padding: 2.5em;  height: 342px; width:587px;left: 900px; top:-380px;line-height: 1.8;}

#joy4{position: relative ;z-index: 3; padding: 0.5em;  height: 707px; width:500px; left: -200px;top: -100px;}
#joy6{position: relative ;z-index: 3; padding: 0.5em;  height: 167px; width:234px;left: 250px; top: -720px;}
.event2{background-color: #224d73;position: relative ;z-index: 2;display: block;color: white; padding: 1.8em;  height: 220px; width:587px;left: 900px; top:-660px;line-height: 1.8;}

#joy7{position: relative ;z-index: 3; padding: 0.5em;  height: 743px; width:495px;  left: -200px;top: -280px;}
#joy9{position: relative ;z-index: 3; padding: 0.5em;  height: 167px; width:234px;left: 250px; top: -930px;}
.event3{background-color: #224d73;position: relative ;z-index: 2;display: block;color: white; padding: 1.8em;  height: 193px; width:587px;left: 900px; top:-840px;line-height: 1.8;}

#joy2{position: relative ;z-index: 3; padding: 0.5em;  height: 913px; width:617px;  left: -200px;top: -480px;}
#joy5{position: relative ;z-index: 3; padding: 0.5em;  height: 167px; width:234px;left: 250px; top: -1230px;}
.event4{background-color: #224d73;position: relative ;z-index: 2;display: block;color: white; padding: 1.5em;  height: 216px; width:587px;left: 880px; top:-1130px;line-height: 1.8;}

#joy8{position: relative ;z-index: 3; padding: 0.5em;  height: 743px; width:493px;  left:-200px;top: -700px;}
#joy10{position: relative ;z-index: 3; padding: 0.5em;  height: 167px; width:234px;left: 250px; top: -1330px;}
.event5{background-color: #224d73;position: relative ;z-index: 2;display: block;color: white; padding: 1.5em;  height: 250px; width:587px;left: 900px; top:-1260px;line-height: 1.8;}

#lastt1{position: absolute; ;z-index: 3; padding: 0.5em;  height: 743px; width:493px;  left: 440px;top: 7000px;}
#lastt2{position: absolute; ;z-index: 3; padding: 0.5em;  height: 167px; width:234px;left: 1045px; top: 7100px;}
#lastt3{position: absolute; ;z-index: 3; padding: 0.5em;  height: 167px; width:234px;left: 1045px; top: 7275px;}
#lastt4{position: absolute; ;z-index: 3; padding: 0.5em;  height: 167px; width:234px;left: 1045px; top: 7450px;}
.event6{background-color: #224d73;position: absolute; ;z-index: 2;display: block;color: white; padding: 1.5em;  height: 240px; width:587px;left: 900px; top:7700px;line-height: 1.8;}


.foot{background-color: black ;position: relative ;z-index: 2;display: block;color: white; height: 310px; width:1400px;line-height: 2; text-align: left; padding: 2em;}
#moomin{position: relative ;z-index: 3;   height: 21px; left: 150px; top:70px; width:80px; }
#final{position: relative ;z-index: 3;    left: 650px; top:300px; width:180px;height: 180px; }
#final2{position: relative ;z-index: 3;    left: 630px; top:290px; width:180px;height: 180px; }
#final3{position: relative ;z-index: 3;    left: 630px; top:310px; width:200px;height: auto; }
#final4{position: relative ;z-index: 3;    left: 630px; top:290px; width:180px;height: auto; }
#final5{position: relative ;    left: 600px; top:310px; width:180px;height: auto;z-index: 6; }

.m{width: auto;
	list-style-position: inside;
	list-style-image: url( href="https://imageshack.com/i/pomLv5FAp");
	list-style-type: disc;
	}
#mm{position: relative; color: white; padding: 8px; }
#nn{position: relative; width: 100px;left: 230px; top: 5px;z-index: 4; }

.soso{position:relative;width: 1400px;height:10px;}

#seo img{position: absolute; padding: 2em; top: 100px;}
#jae img{position: relative; height: 700px; width:auto;}
#gogo{position: relative; height: 226px; width:226px;left: 420px;top: 200px;}

#second{background-size:100% auto;position: relative; height: 1100px; }

#back1{background-size:100% auto; height:700px;}
#back2{background-size:100% auto; width: 1400px;height:1100px;}
#back3{background-size:100% auto; width: 1400px;height:3918px;}
#back4{background-size:100% auto; width: 1400px;height:3702px;}
#back5{background-size:100% auto; width: 1400px;height:3000px;}

.sns img{position: fixed;  height: 30px; width:auto; right: 50px; z-index: 8; top: 95%;  }
.sns2 img{position: fixed;  height: 30px; width:auto; right: 10px; z-index: 8; top: 95%;  }

.hy img{position: fixed;  height: 170px; width:auto; right: 40px; z-index: 8;  }
.htt img{position: fixed; top: 27%;  height: 30px; width:auto; right: 44px; z-index: 8;  }
.he img{position: absolute; height: auto; width:200px; z-index: 3; top: -1px; }
.hi img{ position: absolute; height: auto; width:200px; right:0; z-index: 3; top: -100px; }
.fil img{position: fixed; height: auto; width:200px; z-index: 4; top: -1px; }
.fil2 img{position: fixed; height: auto; width:200px; right:0; z-index: 4; top: -1px; }

#nav {
	left: 20px;
	list-style: none;
	margin: 0;
	position: fixed;
	top: 20px;
}

#nav li {
	margin-bottom: 14px; 
	padding-left: 1em;
}

#nav a {
	
	
	display: block;
	font-size: 16px;
	padding: 5px 10px;
	text-decoration: none;
	text-transform: uppercase;

}

#nav a:hover {
	
	
}

#nav .current a {
	
	
}




#container {
	margin: 0 auto;
	
}

.section {
	border-bottom: 5px solid 
	min-height: 60vh;
	padding: 50px 20px;
	position:relative;
}

.section p:last-child { position: relative;
	margin-bottom: 0;
}

@media all and (max-width: 767px) {#ti1{ left: 300px; height: auto; width:767px; padding: 0;}
	p#se{font-size: 2em; 
	text-align:left; color: white; position: absolute; z-index: 5; left: 350px;}
p#see{font-size: 2em; 
	text-align:left;left: 350px; color: white; position: absolute; z-index: 5;padding-top: 25px; }
p#seee{font-size: 2em; 
	text-align:center;color: white; position: absolute; z-index: 6; padding-top: 25px;}
#seo img{position: absolute; left: 383.5px; padding: 2em; top: 100px;}
#big1{position: absolute;height: 300px; width:300px;z-index: 3; left: 10px;top: 300px;}
#big2{position: absolute;height: 400px; width:400px;z-index: 3; left: -30px;top: 1150px;}
#big3{position: absolute;height: 310px; width:423px;z-index: 3; left: -40px;top: 2200px;}
#big4{position: absolute;height: 336px; width:373.5px;z-index: 3; left: -50px;top: 3050px;}

.square4{width:747px;height:auto; float:left;line-height: 1.7; font-size:1.5em; left: 350px;top: 200px;position: relative;z-index: 3;}
.square5{width:210px;height:auto;  float:left;line-height: 1.9; font-size:0.8em; left:-400px;top: 260px;position: relative;z-index: 3;}
.square6{width:747px;height:auto;float:left;line-height: 1.7; font-size:1.5em; left: 350px;top: 1000px;position: relative;z-index: 3;}
.square7{width:210px;height:auto;float:left;line-height: 1.9; font-size:0.8em; left: -400px;top: 1070px;position: relative;z-index: 3;}
.square8{width:747px;height:auto;float:left;line-height: 1.7; font-size:1.5em; left: 350px;top: 1800px;position: relative;z-index: 3;}
.square9{width:210px;height:auto;float:left;line-height: 1.9; font-size:0.8em; left: -400px;top: 1870px;position: relative;z-index: 3;}
.squar1{width:747px;height:auto;float:left;line-height: 1.7; font-size:1.5em; left: 350px;top: 2450px;position: relative;z-index: 3;}
.squar2{width:210px;height:auto;float:left;line-height: 1.9; font-size:0.8em; left: -400px;top: 2520px;position: relative;z-index: 3;}


}