@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
body {
	font-family: 'Nanum Gothic', sans-serif;
	margin:0; padding:0;
}

* {
      padding: 0;
      margin: 0;
      border: 0;
}
.wrap{
	width:100%;
	position:relative;
	margin:0 auto;
 }

.menuwrap {
	text-align: center;
	position: relative;
	width: 100%;
	background-color: #FFFFFF;	/*메뉴 뒷배경*/
	height: auto;
	padding-bottom: 6px;
	border-bottom-width: 6px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}


.togllemenu, .menu, .mtitle{
	line-height: 5px;
	z-index: 810;
	color: #000000;
	background-color: #fff;	/*메뉴 배경*/
	display: block;
	float: left;
	text-align: center;
}
.togllemenu{
	width: 10%;
	height: 60px;
	background-color: #000000;
}
.menu{
	padding-top:8px;
	width:90%;	
	
}	
.mtitle{
	width:90%;		
	line-height:60px;	
	font-size:18pt;
	font-weight:800;
	letter-spacing:-1px;
}
.menu a {
	width:15%;
	display:inline-block;
	text-align:center;
	color:#000;
	text-decoration:none;
	font-size:10px;
	font-weight:800;		
}
.nav-toggle{
	margin-top: 20px;
	background-color: #000000;	/*토글 배경*/
	color: #FFFFFF;
	cursor: pointer;
}


.main_bg img{
	width:100%;
}

.footer{
	width: 100%;
	height: 55px;
	line-height: 55px;
	background-color: #000000;
	background-size: contain;
	display: inline-block;
	text-align: center;
}

.footer li{
	height:55px;	
	line-height:55px;	
	margin-top:0px;
	display:inline-block;
	height:100px;
	vertical-align:middle;
	letter-spacing:-1px;
}

.footer i{
	margin-top: 5px;
	-ms-transform: rotate(5deg); /* IE 9 */
	-webkit-transform: rotate(5deg); /* Chrome, Safari, Opera */
	transform: rotate(5deg);
	color: #FF0000;
}

.footer a{
	color: #FFFFFF;
	font-size: 18pt;
	font-weight: 800;
	text-decoration: none;
	height: 55px;
}
.business-info{
	padding-top: 5px;
	width: 100%;
	height: 40px;
	background-color: #000000;
	display: block;
	text-align: center;
	font-size: 9pt;
	font-weight: normal;
	line-height: 16px;
	color: #000;
	letter-spacing: -1px;
}

.nowclick{ 
	position:absolute; 
	width:14%; 
	right:10px; 
	top:80px;	
}
#pointer{ 
	position:absolute; 
	width:20%; 
	bottom:140px;
	right:0px;
	z-index:998;	
}
.s_nav {
	overflow: hidden;
}
.s_nav .prev{
	position:absolute;
	top:45%;
	left:0%;
	width:4%;
}
.s_nav .next{
	position:absolute;
	top:45%;
	right:0%;
	width:4%;
}
.sub_04{
	position:relative;
	width:100%;
}
.daummap {
	width: 350px;
	left: 20px;
	height: 300px;
	position: absolute;
	top: 10px;
}
@media all and (min-width:980px) {
body{
background-image:url(../imgs/bg.jpg);
background-repeat:no-repeat;
background-position:top center;	
}

#outwrap{
background-image:url(../imgs/mobg.png);
background-repeat:no-repeat;
background-size:contain;
position:absolute;
top:0;
left:45%;
width:600px;
height:860px;
}

.totalwrap{
	width:388px;
	height:580px;	
	overflow:hidden;	
	position:relative;	
	left:47px;
	top:140px;
}
.wrap{
	width:405px	;
	height:580px;
	overflow:hidden;	
	 position: absolute;
	 left: 0;
	overflow-y:scroll; 
	overflow-x:hidden;
 }

}