@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;
 }

#elim{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	visibility: hidden;
	cursor: hand;
	cursor: -moz-grab;
	cursor: -webkit-grab;
	cursor: grab;
	background-repeat: repeat-y;

}

/* Header 영역 */

.header{
	width:100%; 
 }
.header img{
	width:100%;
}

/* menu 영역 */



.menu{
	position:relative;
	top:0;
	width:100%; 
 }
.menu a{
	background-color:#1c684e;
	height:45px;
	line-height:45px;
	width:20%;
	display:block;
	float:left;
	font-size:14px;
	font-weight:600;
	color:#fff;
	text-align:center;
	letter-spacing:-1px;
}

#sub01 {
	width:18%;
}
#sub02 {
	width:19%;
}
#sub03{
	width:26%;	
}
#sub04 {
	width:19%;
		letter-spacing:-2px;
}
#sub05 {
	width:18%;
}

.mainim {
	width:100%;
}
.mainim img{
	width:100%;
}

/* content 영역 */
.content {
	width:100%;
}
.content img{
	width:100%;
}

/* footer 영역 */
.footer{
	width:100%;
	bottom:0;
}
.footer img{
	width:100%;
}

/* 지도 영역 */
.daummap {
	width:72%;
	height:80%;
	position:absolute;
	top:0;
	right:12%;
	border: thick solid #1c684e;		
}

#nowclick{ 
	position:absolute; 
	width:16%; 
	right:6px; 
	top:40px;
	height:90px;	
}
#pointer{ 
	position:absolute; 
	width:30%; 
	top:300px;
	left:0px;
}
.sub04{
	position:relative;
}

@media all and (min-width:980px) {
body{
	background-color:#fff;
}
#mainbg{
    position:relative;
	margin:0 auto;
	width:100%;
	height:1024px;
	background-image:url(../imgs/bg.jpg);
	background-repeat:no-repeat;	
	background-size:cover;
	background-position:center ;

	
	
}
#twrap{
	position:relative;
	margin:0 45%;
	top:80px;
	width: 507px;
	height: 911px;	
	background-image:url(../imgs/mobg.png);
	background-repeat:no-repeat;
	background-size:contain;
}

#elim{
	position: absolute;
	top: 0;
	left: 0;
	width: 410px;
	height: 616px;
	visibility: hidden;
	cursor: hand;
	cursor: -moz-grab;
	cursor: -webkit-grab;
	cursor: grab;
	margin-top:150px;
	margin-left:49px;
	
}
#motext{

}
.menu{
	position:relative;
	top:0;
	width:100%; 
 }
.menu a{
	background-color:#1c684e;
	height:45px;
	line-height:45px;
	width:20%;
	display:block;
	float:left;
	font-size:14px;
	font-weight:600;
	color:#fff;
	text-align:center;
}
#sub01 {
	width:19%;
}
#sub02 {
	width:20%;
}
#sub03{
	width:22%;
}
#sub04 {
	width:20%;
}
#sub05 {
	width:19%;
}
.daummap {
	width:73%;
	height:80%;
	position:absolute;
	top:0;
	right:12%;
	border: thick solid #1c684e;	
}

#nowclick{ 
	position:absolute; 
	width:14%; 
	right:14px; 
	top:40px;
}
#pointer{ 
	position:absolute; 
	width:30%; 
	top:355px;
	left:0px;
}