@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:#fff;	
	height:60px;	
}

.menuheader{
	width:100%;
	border-bottom-width:5px;
	border-color:#f26522;
	border-style:solid;
	height:55px;
	display:block;
}

.togllemenu{
	display:block;
	float:left;	
	text-align:center;	
	width:10%;	
	color:#fff;	
	background-color:#f26522;
	margin:0;
	padding:0px;
	cursor:pointer;	
	padding-top:12px;
	padding-bottom:11px;	
}
.menu{
	display:block;
	float:left;		
	width:100%;	
	background-color:#fbd7ca;
	background-size:auto;
}	
.mtitle{
	display:block;
	float:left;
	width:90%;		
	line-height:60px;	
	font-size:14pt;
	letter-spacing:-1px;
	font-weight:800;
	height:60px;
	
}
.m1{
	display:block;
	float:left;
	width:10%;
	padding-right:5%;
	height:60px;
	line-height:60px;
	padding-top:10px;
}
.m1 img{
	width:100%;
}
.m2{
	display:block;
	float:left;
	width:80%;
	text-align:left;
	padding-left:5%;
	color:#f26522;
	
}
.nav-toggle{
	color:#fff;	
	background-color:#f26522;	
}

.menu li {
	width:72%;
	height:30px;
	line-height:30px;
	display:block;
	text-align:left;
	color:#000;
	padding-left:18%;
	text-decoration:none;
	font-size:14pt;
	font-weight:800;		
	border-bottom-width:2px;
	border-style:solid;
	border-color:#f26522;
	cursor:pointer;	
	background-color:#fff;

}
.menut1{
	color:#f26522;
}

.main_bg img{
	width:100%;
}


.footer{
	width:100%;
	height:55px;	
	line-height:55px;
	background-color:#f26522;
	background-size:contain;
	display:inline-block;
	text-align:center;
}

.footer li{
	height:45px;	
	line-height:45px;	
	margin-top:0px;
	display:block;
	float:left;
	height:100px;
	vertical-align:middle;	
	
}

.footer i{
	margin-top:5px;
	-ms-transform: rotate(5deg); /* IE 9 */
    -webkit-transform: rotate(5deg); /* Chrome, Safari, Opera */
    transform: rotate(5deg);
	color:#fff200;	

}

.footer a{
	color:#fff;
	font-size:16pt;
	font-weight:800;
	text-decoration:none;
	height:45px;
	padding-left:20px;
}
.business-info{
	padding-top:5px;
	width:100%;
	height:36px;	
	background-color:#f26522;
	display:block;
	text-align:center;
	font-size:8pt;
	font-weight:normal;
	line-height:16px;
	color:#f8c9ae;
	letter-spacing:-1px;
}
.counter{
	position:relative;
	top:3px;
	z-index:999;
    width:100%;
    height:28px;
}



.nowclick{ 
	position:absolute; 
	width:14%; 
	right:5px; 
	top:65px;	
}
#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 {
	position:absolute;
	width:100%;
	height:84%;


}
@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;
 }
 

.menuwrap {
	text-align:center;
	position:relative;
	width:100%;
	background-color:#fff;	
	height:60px;	
}

.menuheader{
	width:100%;
	border-bottom-width:5px;
	border-color:#f26522;
	border-style:solid;
	height:55px;
	display:block;
}

.togllemenu{
	display:block;
	float:left;	
	text-align:center;	
	width:10%;	
	color:#fff;	
	background-color:#f26522;
	margin:0;
	padding:0px;
	cursor:pointer;	
	padding-top:12px;
	padding-bottom:11px;	
}
.menu{
	display:block;
	float:left;		
	width:100%;	
	background-color:#fbd7ca;
	background-size:auto;
}	
.mtitle{
	display:block;
	float:left;
	width:90%;		
	line-height:60px;	
	font-size:15pt;
	letter-spacing:-1px;
	font-weight:800;
	height:60px;
}
.m1{
	display:block;
	float:left;
	width:10%;
	padding-right:5%;
	height:60px;
	line-height:60px;
	padding-top:10px;
}
.m1 img{
	width:100%;
}
.m2{
	display:block;
	float:left;
	width:80%;
	text-align:left;
	padding-left:5%;
	color:#f26522;
	
}
.nav-toggle{
	color:#fff;	
	background-color:#f26522;	
}

.menu li {
	width:72%;
	height:30px;
	line-height:30px;
	display:block;
	text-align:left;
	color:#000;
	padding-left:18%;
	text-decoration:none;
	font-size:14pt;
	font-weight:800;		
	border-bottom-width:2px;
	border-style:solid;
	border-color:#f26522;
	cursor:pointer;	
	background-color:#fff;

}
.menut1{
color:#f26522;
}

.main_bg img{
	width:100%;
}


.footer{
	width:100%;
	height:45px;	
	line-height:45px;
	background-color:#f26522;
	background-size:contain;
	display:inline-block;
	text-align:center;

}

.footer li{
	height:45px;	
	line-height:45px;	
	margin-top:0px;
	display:block;
	float:left;
	height:100px;
	vertical-align:middle;
}

.footer i{
	margin-top:5px;
	-ms-transform: rotate(5deg); /* IE 9 */
    -webkit-transform: rotate(5deg); /* Chrome, Safari, Opera */
    transform: rotate(5deg);
	color:#fff200;	
}

.footer a{
	color:#fff;
	font-size:17pt;
	font-weight:800;
	text-decoration:none;
	height:45px;
	padding-left:20px;
}
.business-info{
	padding-top:5px;
	width:100%;
	height:36px;	
	background-color:#f26522;
	display:block;
	text-align:center;
	font-size:9pt;
	font-weight:normal;
	line-height:16px;
	color:#f8c9ae;
	letter-spacing:-1px;
}
.counter{
	position:relative;
	top:3px;
	z-index:999;
    width:100%;
    height:28px;
}


.daummap {
	width:100%;
	height:84%;
	position:absolute;
}
.nowclick{ 
	position:absolute; 
	width:14%; 
	right:5px; 
	top:70px;	
}
#pointer{ 
	position:absolute; 
	width:20%; 
	bottom:140px;
	right:0px;
	z-index:998;	
}
}