@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);

html,body,ul,li,dl,dt,dd,h1,p, div { margin: 0; padding: 0; font-family: 나눔고딕,Nanum Gothic,sans-serif; }
body { margin:0; padding:0; font-size:16px; color:#858689; background-color:#424242; -webkit-text-size-adjust: none; }

.table { display: table; }
.table-cell { display: table-cell; vertical-align: middle; }

#introcover { opacity: 0; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.2); z-index: 1000; }
#introcover .table { width: 100%; height: 100%; text-align: center; color: #fff; line-height: 1.2 }

#introcover .headcopy { overflow: hidden; font-size: 1.6em; display:none;}
#introcover .title { 
	overflow: hidden; 
	font-size: 3em; 
	text-indent: -9999px; 
	background: url(../img/logo.png) no-repeat 50%;
}

#introcover .subtitle { overflow: hidden; font-size: 1.6em; display:none;}
#introcover .play { overflow: hidden; font-size: 2em; margin: 0.4em 0 0; }

#content { width: 100%; height: 100%; position: fixed; left: 0; top: 0; }
#content #cms { width: 100%; height: 100%; }

#narr { 
	display: none;
	position: absolute; left: 0; top: 0; width: 100%; background: url(../xml/img/map/map.png); z-index: 100; 
}
#narr .table { width: 100%; }
#narr .text { 
	padding: 15px;
	box-sizing: border-box;
	font-size: 12px; color: #fff; line-height: 1.4; text-align: center; min-height: 60px; text-align: center;
}
#narr .text p { display: none; }
#narr .close {
	position: absolute; 
	right: 10px; top: 50%; 
	margin-top: -13px; 
	background: url(../xml/img/map/map_close.png); 
	width: 25px; height: 25px; 
	cursor: pointer; 
}

#map { 
	font-size: 11px; 
	position: absolute; 
	right: 10px; top: 60px; 
	z-index: 100; 
	text-align: center; 
	color: #af1366;
	display: none;
}
#map .menu { padding: 4px; border: 1px solid #af1366; margin: 1px 0; background: #fff; }
#map .menu.on { background: #af1366; color: #fff; cursor: pointer; }