@import url(./nanumgothic.css);
@import url(board.css);	

/* @group Typography */

*, body {
	margin: 0;
	padding: 0; 
	
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

@-ms-viewport,
@viewport {
	width: device-width;
}

body {
	line-height: 1.6;
	font-weight: 400; 
	margin: 0;
	background: #fff;
	color: #555;
	color: rgba(0,0,0,0.7);
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility; 
	font-family: "Nanum Gothic", sans-serif, "RobotoDraft","Helvetica Neue", Helvetica, Arial !important;
 
}
 
h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	font-size:100%;
}
ul, ol {
	list-style:none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th {
	text-align:left;
}
img, fieldset, abbr, acronym {
	border:0;
}
fieldset{  
	display: block; 
}
 

address, caption, cite, code, dfn, em, var {
	font-style:normal;
	font-weight:normal;
}

input.button, input.submit, button {
	overflow:visible;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

section,
header,
footer,
aside,
nav {
	display:block;
}
[hidden], command, datalist, menu[type=context], rp, source { 
	display:none; 
}


a {
	color:#666;
	text-decoration:none;
}
a:focus,
a:hover,
a:active {
	color:#151515;
	text-decoration:none;
}
img {
	vertical-align:top;
}
textarea, input, select, button {
	vertical-align:middle;
	font-family: "Nanum Gothic", sans-serif, "RobotoDraft","Helvetica Neue", Helvetica, Arial;
}
 
caption,
legend,
hr {
	display:none;
}
   
  

/* My Comment */	 
	
	body { font-size:12px; } 

	.header { 
		position: fixed;  
		top:0; 
		z-index:906;
		width: 100%; 
		height:32px; 
		border-bottom:1px #ccc solid; 
		background: #fff; /* Old browsers */  
	}
	.hd { position:relative; }
	.logo { padding:23px 0 0 18px; }
	.hd  .top { margin-left:-3px; }
	.hd  .top a {line-height:1.5; display:inline-block; border-right:1px #e1e1e1 solid; padding:6px 17px 5px;  font-weight:bold;  color:#6c6c6c; letter-spacing:-1px; }


	.section {
		position: relative;
		width: 1100px;
		margin: 0 auto;
	}
	#mainpage { 
		  min-width:875px; 
		  height:100%; 
		  display: block;  
		  margin-left: 390px; 
		  position: absolute;  
		  top:0; 
		  z-index: 905; 
		  border-left:1px #5b5b5b solid;
		} 
		#mainpage .pageClose { position:absolute; left:0px; top:0; border-right: 1px solid #a7a7a7;  z-index:9899; }
		#mainpage .pageClose.openpage {left:0; width:19px; height:100%; background:#4e63b4; border-right:1px solid #072c3e; overflow:hidden;}
		#mainpage .pageClose.openpage img {position:absolute; left:-6px; width:30px; top:50%; margin-top:-9px;}
		#mainpage .full-spot-map {  }



		.sel-user {
			overflow:hidden;
			position:relative; 
			height:78px;   
		}
			.sel-user .control {float:right; padding: 17px 6px 0 0;}
			.sel-user .search {float:left; height:42px; background:url('/images/etrimap/map/bg_search.png') no-repeat 0 0; margin: 16px 0 0 334px; color:#444; padding:0 0 0 0; z-index:2222; } 
			.sel-user .search label { font-size:11px; letter-spacing:-.3px; }
				 
				.sel-user .search input[type="text"]  { 
				 width:197px; height:35px; border:0;  *ime-mode:active;outline:none;  
					background:none; margin: 5px 0 0 5px; padding:0 0 0 7px; 
					 -webkit-box-shadow: none;
					 -moz-box-shadow: none;
						  box-shadow: none;
				}
			.sel-user .search img { vertical-align:middle;  margin-right:2px; }
			.sel-user .search span {margin-left: 23px;}



			.type-icon {
				height: 40px;
				padding: 0 4px;
				background:#4e63b4;
				border-radius:42px;
				-webkit-border-radius:42px; 
				-moz-border-radius:42px;
				-o-border-radius:42px; 
				border:1px solid #c2c1c1;
				text-align:center;
			}
				.type-icon .icon { margin:5px 8px 0; }
				.type-icon .last .icon { margin:0 1px 0 0;  }
				.type-icon .last { margin-right:5px;background:url('/images/etrimap/map/icon/ico-bar08.gif') no-repeat 0 2px;  padding-left:12px; color:#fff; font-size:11px; letter-spacing:-1px;  }



		.spot-location {   
			position:relative;  
			height:32px;
			width:100%; color:#202020;
			border-bottom:1px #a7a7a7 solid;
			background: #fafafa; /* Old browsers */
			}
		.spot-location .icon { vertical-align:middle;  margin:-2px 2px 0 2px;  background-position:-289px -1px;} 
		.spot-location  a .icon {  background-position:-308px -3px;} 

			@media screen and (min-width:0\0) {
					.spot-location .ico-arr-location { position:relative; top:7px;  }
				}
		 
		.spot-location ul.location-cont { overflow:hidden;  padding:6px 0 0 38px; }
		.openpage+.spot-location ul.location-cont { padding:6px 0 0 52px;}
		.spot-location ul li { float:left; }
		.spot-location li a { color:#000; display:inline-block;  margin:0 3px; }
		.inn-zone {  border:1px #444 solid;  background:#fff; position:absolute;  z-index:7777; margin-left:-11px;  overflow-y:auto; width:120px; max-height: 200px;  font-weight:normal; display:none }
		.inn-zone dl { margin:3px 0; }
		.inn-zone dd { padding:4px 0 2px 10px;  color:#444; }
		.inn-zone dd:hover,
		.inn-zone dd:active,
		.inn-zone dd:focus { background:#459597; color:#fff;  cursor:pointer; }
		
		.map-style { position:absolute; right:4px;  top:4px; z-index:500;   }
		.map-style ul {  
			overflow:hidden;
			height:24px;
			margin:0;
			border: 1px solid #c2c1c1;
			zoom:1; 
		}
		.map-style ul li  {
			float:left;
			display:inline;
			border-left: 1px solid #c2c1c1;
			margin:0;
		}
		.map-style ul li:first-child {border-left:none;}
		.map-style ul li a {
			overflow:hidden;
			height:22px; 
			width:auto;
			margin:0;
			padding:0;
		}
		.map-style ul li.tab-on a img,
		.map-style ul li a:focus img,
		.map-style ul li a:hover img,
		.map-style ul li a:active img {
			margin-top:-22px;
		}


		.topnavi { position:absolute; right:-20px; top:45px; }
		.topnavi ul { overflow:hidden; }
		.topnavi li { float:left; background:url('/images/etrimap/map/icon/ico-bar02.gif') no-repeat 0 50%; padding:0 30px 0 33px; }


		.topnavi li a { color:#333; font-weight:bold; font-size:16px; }
		.topnavi li a:hover,
		.topnavi li.on a{ color:#287000; }

		.util {  position:absolute; top:6px; right:5px;  }
			@media screen and (min-width:0\0) {
				.util { top:7px; } 
				.header { padding-bottom:1px; }
		}
		.util .per { float:left; margin:-1px 5px 0 0; } 
		/*		
		.util ul { overflow:hidden; }
		.util li { float:left;  padding:0 5px 0 2px;  }
		.util li:first-child { padding-right:10px; }
		.util li:first-child { background:none; padding-left:0; }
		.util li:first-child span a { color:666; background:none; }
		.util a { font-size:12px; color:#444; padding:0 8px 0 0;  background:url('/etrimap/v2map/map/icon/ico-bar04.gif') no-repeat 100% 0; }
		.util a.last { background:none; padding-right:0; }
		.util a img { vertical-align:middle; margin-top:-1px; } 
		*/
		.util ul.topm {  
			overflow:hidden;
			height:12px;  
			margin-top:3px;
		}
		.util ul.topm li  {
			float:left;
			display:inline;  
			padding:0 8px 0 6px;
			background:url('/images/etrimap/map/icon/ico-bar04.gif') no-repeat 100% 1px;
		}
			.util ul.topm li.last  {
				float:left;
				display:inline;  
				padding:0 0 0 6px;
				background:none;
			}
		
		.util ul.topm li a {
			overflow:hidden;
			height:12px;  
		}
		.util ul.topm li.tab-on a img,
		.util ul.topm li a:focus img,
		.util ul.topm li a:hover img,
		.util ul.topm li a:active img {
			margin-top:-12px;
		}

			.service-all {
				border-radius:2px;
				-webkit-border-radius:2px; 
				-moz-border-radius:2px;
				-o-border-radius:2px; 
				border:1px #ddd solid;
				background:#fff;
				position:absolute;
				padding:6px 7px 5px 7px; 
				min-width:370px;
				right:5px; 
				margin-top:-1px;
				text-align:center; 
				z-index:999; 
				 
			}
				.service-all a { font-size:12px; color:#737373; padding:0 11px 0 7px; background:url('/images/etrimap/map/icon/ico-bar06.gif') no-repeat 100% 48%;  font-weight:bold;  letter-spacing:-1px; }
				.service-all a:last-child { background:none; }
 


.util .me { display:inline; padding:0 5px 0 3px; color:#fff; }

/* 20190916 로그인 디자인 수정, 이혜인 */
.loginWrap { position:relative;  }
.header .layerLogin {
  display:none;
  position:absolute;
  right:0;
  top:0;
  border:3px #1891da solid;
  background-color:#fff;
  z-index:555;
  width:210px;
  -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.header .layerLogin h3 {position:relative; font-size:19px; color:#fff;  font-weight:bold; padding:12px 0 12px 45px; background:#1891da url('/images/etrimap/ico_secu.png') no-repeat 15px 7px; line-height:1;}

.header .layerLogin h3 .close {position:absolute; right:0; top:5px;  margin:6px 5px 0 0; }
.header .layerLogin .control {padding:8px 10px; }
.header .layerLogin .control fieldset {text-align:center; padding:0; margin:0;}
.header .layerLogin .action a {display:inline-block; color:#666}
.header .layerLogin a:last-child {background:none; }
.header .layerLogin .action {text-align:center; font-size:11px; margin-top:6px; margin-left:-3px; } 
.header .layerLogin .action a {color:#666; line-height:1em; letter-spacing:-.5px; border-left:1px solid #ccc; background:none; margin-right:0; padding:0;}
.header .layerLogin .action a:first-child {border-left:0}
.header .layerLogin .action a + a {margin-left:5px; padding-left:5px}
.header .layerLogin fieldset input[type="text"],
.header .layerLogin fieldset input[type="password"] {
    width:184px;
    height:40px;
    margin-bottom:2px;
    border:0;
    line-height:18px;
	font-size:13px;
    outline:none; 
    border:1px #b5b5b3 solid;
    background:#f8f8f6;
}
.header .layerLogin fieldset input[type="text"] {padding-left:10px}
.header .layerLogin fieldset input[type="password"] {padding-left:10px}
.header .layerLogin .btn_area {text-align:center}
.header .layerLogin .btn_area .btn {width:100% !important; background:#1890d9; color:#fff; line-height:23px; font-size:14px;}
 .header > .hd  .group { 
		position: relative;
		width: 1100px;
		margin: 0 auto;
	 }
	 .header > .hd .group .util { padding:0; top:0;}
	 .header > .hd .group .top_util {
		position: relative;
		float: right;
	 }
/* .loginWrap { position:relative;  }
.layerLogin { display:none;position:absolute; right:85px; top:21px;  border:3px #333 solid; background:#fff; z-index:555;  width:210px;   }
.layerLogin h3 { position:relative; background:#333; font-size:14px; color:#fff;  font-weight:bold; padding: 3px 0 2px 10px; }
.layerLogin h3 i { vertical-align: middle; display:inline-block; overflow:hidden; top:3px; position:relative; background:url('/images/common/ico-login.png') no-repeat 0 0; width:18px; height:25px; }
.layerLogin h3 .close { position:absolute; right:0; top:0;  margin: 3px 5px 0 0; }
.layerLogin .control { padding:8px 10px; }
.layerLogin a { display:inline-block; color:#666;  background:url('/images/common/ico-bar04.gif') no-repeat 100% 1px;  padding:0 5px 0 0;  }
.layerLogin a:last-child { background:none; }
.layerLogin .action { text-align:center; font-size:11px; margin-top:6px; margin-left:-5px;} 
	.layerLogin .action a { margin: 0 -5px 0 4px; color:#666; letter-spacing: -0.5px;}
.layerLogin fieldset input[type="text"],
.layerLogin fieldset input[type="password"] { 
	width:183px;height:36px;margin-bottom:2px;border:0;line-height:18px; *ime-mode:active;outline:none; 
			  border:1px #b5b5b3 solid;
			  background:#f8f8f6;
}
	.layerLogin fieldset input[type="text"] { background:#f8f8f6 url('/images/common/bg-id.gif') 0 0 no-repeat; padding: 4px 0 2px 40px; height: 32px;}
	.layerLogin fieldset input[type="password"] { background:#f8f8f6 url('/images/common/bg-pass.gif') 0 0 no-repeat;  padding-left:45px; } */
	
/*
			.loginWrap { position:relative;   }
			.layerLogin { position:absolute; right:160px; top:21px;  border:3px #333 solid; background:#fff; z-index:55555; }
			.layerLogin h3 { position:relative; background:#333; font-size:16px; color:#fff;  font-weight:bold;  padding:6px 0 7px 20px; }
			.layerLogin h3 i { position:relative; top:-3px;  margin-right:3px; }
			.layerLogin h3 .close { position:absolute; right:0; top:0;  margin:6px 10px 0 0; }
			.layerLogin .control { padding:20px; }
				.layerLogin a { display:inline-block;  margin-right:-4px; color:#666;  background:url('/images/etrimap/map/icon/ico-bar04.gif') no-repeat 100% 49%;  padding:0 9px 0 9px;  }
				.layerLogin a:last-child { background:none; }
				.layerLogin .action { text-align:center; font-size:11px; margin-top:6px; }

				.layerLogin fieldset input[type="text"],
				.layerLogin fieldset input[type="password"] { 
					width:221px;height:36px;margin-bottom:5px;border:0;line-height:18px; *ime-mode:active;outline:none; 
							  border:2px #b5b5b3 solid;
							  background:#f8f8f6;
				}
					.layerLogin fieldset input[type="text"] { background:#f8f8f6 url('/images/etrimap/map/bg-id.gif') 0 0 no-repeat;  padding-left:45px;   }
					.layerLogin fieldset input[type="password"] { background:#f8f8f6 url('/images/etrimap/map/bg-pass.gif') 0 0 no-repeat;  padding-left:45px;   }
*/ 

			.layerSitemap {
				border:2px #fc6f5b solid;
				background:#fff; 
				 position:absolute; 
				 right:-10px; top:22px;  
				z-index:555;
				width:1200px;
				display:none;
			}
				.layerSitemap:after{display:block;clear:both;content:''}
				.division { height:100%;  } 
				.division h3 { background:#fc6f5b;  color:#fee7e4;  font-size:13px; padding:7px 0 7px 8px;   }
				.layerSitemap ul { overflow:hidden;    }
				.layerSitemap li {  float:left; border-right:1px #d2d2d2 solid;    }
				.layerSitemap li:last-child { border-right:0; }
				.layerSitemap li:last-child table { width:184px; }
				.layerSitemap a.close { position:absolute; right:0; margin:-2px -30px 0 0; }
	
	.space { display:none; }
	

		.page { position:fixed; top:112px; }
 
			.real { width:100%; height:100%;  /*background:#fff;*/  }   
			.login {position: absolute; height: 100px; width: 200px; background:red;}
 
 
	.quickLink { 
		background: #454545;
		width:57px; height:100%;  
		}  
		.quickLink .menu { height:56px; } 
		.quickLink .menu p {
			height:56px;  
			overflow:hidden;
		}
		.quickLink .menu a {
			display:inline-block;
			height:56px;
		}
		.quickLink .menu p.on a img,		
		.quickLink .menu a:hover img,
		.quickLink .menu a:active img
		{margin-top:-56px;}
	 
 
.bottm {  position:fixed; width:100%; bottom:0; margin:0 0px; border-top:1px solid #bcbcbc;}
.bottm .copyright {height:30px;text-align:center; font-size:11px; letter-spacing:-1px; }
.bottm .copyright a {display:block; float:left; width:33%; padding:9px 0 9px 0; border-left:1px solid #bcbcbc; display:inline-block;  color:#666666; line-height:12px; }
.bottm .copyright a:first-child { border:none; }
.bottm .copyright a:hover {color:#4e63b4; text-decoration: none;}

.bottm .event { 
	font-size:11px; border-top:1px #c8c8c8 solid; padding:6px 0 6px 12px; color:#444;  
	}
	.bottm .event p { 
		letter-spacing:-1px;  
		width: 80%;
		text-overflow: ellipsis;
		-o-text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
		word-wrap: normal !important;
		display: block; 
	}
 
	.bottm .event .openLayer { position:absolute; top:0; right:0; margin:15px 25px 0 0;}
	
	

/* title */
.sub-title { width:295px; height:29px; margin:0 auto; padding:3px 0 0 4px;  color:#183869; font-size:14px; font-weight:bold; overflow:hidden; position:relative;  }
.sub-title .btn { position:absolute; right:0; top:0; padding:0; }
.sub-title .more { position:absolute; right:0px; top:0; margin-top:2px; }

 


/* @end */



/* icon */
.icon {display:inline-block; overflow:hidden; text-indent:-9999px; background:url("/images/etrimap/map/icon/icon.png") left top no-repeat; vertical-align:middle;}
	.imid { vertical-align:middle; margin-top:-2px; } 

	.ico-home { background-position: -6px -96px; width:18px; height:29px; }
	.ico-ser { background-position: -6px -147px; width:20px; height:31px; }
	.ico-map { background-position: -6px -202px; width:40px; height:30px; }
	.ico-favorites { background-position: -6px -259px; width:39px; height:31px; } 
			 
			.ico-home.now { background-position: -56px -96px; width:18px; height:29px; } 
			.ico-ser.now { background-position: -56px -147px;width:20px; height:31px; } 
			.ico-map.now { background-position: -56px -202px; width:40px; height:30px; } 
			.ico-favorites.now { background-position: -56px -259px; width:39px; height:31px; }
  

	.ico-loinAfter { background-position: -394px -4px; width:52px; height:47px; }  
 	.ico-login { background-position: -15px -1px; width:18px; height:25px; }
	.ico-sub-title { background-position: -40px -4px; width:7px; height:7px; }
	.ico-write { background-position: -54px -2px; width:18px; height:18px; }
	.ico-takepart { background-position: -83px 0px; width:25px; height:25px; }
	.ico-must { background-position: -3px -38px; width:49px; height:10px; }
	.ico-reading { background-position: -119px -4px; width:12px; height:11px; }
	.ico-spot-off { background-position: -141px -4px; width:11px; height:14px; }
	.ico-spot-on { background-position: -161px -4px; width:11px; height:14px; }
	.ico-file-commnet { background-position: -181px -3px; width:22px; height:22px; }
	.ico-bull01 { background-position: -211px -3px; width:11px; height:10px; }
	.ico-detailView { background-position: -230px -3px; width:27px; height:26px; }
	.ico-n { background-position: -269px -5px; width:10px; height:10px; }
	.ico-dot { background-position: -187px -82px; width:3px; height:3px; }
	.ico-ques { background-position: -336px -106px; width:14px; height:12px; }
	
	
 
	.ico-login { background-position: -202px -139px; width:18px; height:25px; } 
	.ico-arr-location { background-position: -321px -5px; width:5px; height:7px; }
	.ico-spot { background-position: -288px -1px; width:16px; height:18px; } 
	.ico-spot-inner { background-position: -308px -10px; width:7px; height:4px;  } 
	.ico-zone { background-position: -6px -38px; width:12px; height:15px; } 
	.ico-zone02 { background-position: -273px -106px; width:10px; height:15px; } 
	.ico-check { background-position: -289px -106px; width:10px; height:15px; } 




	.ico-top01 { background-position: -28px -38px; width:19px; height:16px; } 
	.ico-top02 { background-position: -56px -38px; width:11px; height:17px; } 
	.ico-login-after { background-position: -396px -7px; width:47px; height:45px; } 
	.ico-search { background-position: -61px -3px; width:19px; height:18px; } 
	.ico-bookmark { background-position: -227px -78px; width:18px; height:17px; } 
	.ico-beginning { background-position: -250px -78px; width:14px; height:12px; } 
	.ico-now-spot { background-position: -273px -78px; width:10px; height:12px; } 
	.ico-s-note { background-position: -32px -4px; width:10px; height:10px; } 
	.ico-pop-tit { background-position: -347px -5px; width:11px; height:11px; } 
	.ico-mn-comment { background-position: -233px -139px; width:20px; height:21px; } 
	.ico-mn-alim { background-position: -207px -38px; width:11px; height:10px; } 
	.ico-mn-comment02 { background-position: -189px -38px; width:12px; height:11px; }  
	.ico-down { background-position: -7px -72px; width:9px; height:5px; }
	.ico-up { background-position: -22px -72px; width:20px; height:17px; }
	.ico-print { background-position: -263px -139px; width:16px; height:15px; }
 

	.ico-area-A { background-position: -156px -181px; width:16px; height:21px; } 
	.ico-area-B { background-position: -176px -181px; width:16px; height:21px; } 
	.ico-area-C { background-position: -196px -181px; width:16px; height:21px; } 
	.ico-area-D { background-position: -216px -181px; width:16px; height:21px; } 
	.ico-area-E { background-position: -236px -181px; width:16px; height:21px; } 
	.ico-area-F { background-position: -256px -181px; width:16px; height:21px; } 
 
	.ico-area-pre-A { background-position: -156px -218px; width:16px; height:21px; } 
	.ico-area-pre-B { background-position: -176px -218px; width:16px; height:21px; } 
 

	.ico-previous-address { background-position: -452px -7px; width:29px; height:14px; margin-right:7px;} 
	.ico-new-address { background-position: -452px -27px; width:29px; height:14px; margin-right:7px;} 
	.ico-arr-rig { background-position: -335px -5px; width:3px; height:5px; } 
	.ico-move { background-position: -226px -106px; width:18px; height:17px; } 
	.ico-delete { background-position: -249px -106px; width:18px; height:17px; } 
	.ico-tit-list { background-position: -82px -38px; width:16px; height:16px; } 


	.ico-h3-tit { background-position: -313px -106px; width:15px; height:15px; } 


	.ico-vearth-ico01 { background-position: -478px -76px; width:14px; height:19px; } 
	.ico-vearth-ico02 { background:url("/images/etrimap/map/icon/icon_control10.png") no-repeat 50% 6px; vertical-align:middle;  width:22px; height:31px;}  
	.ico-vearth-ico03 { background:url("/images/etrimap/map/icon/icon_control09.png") no-repeat 50% 6px; vertical-align:middle;  width:31px; height:31px;}  
	.ico-vearth-ico04 { background:url("/images/etrimap/map/icon/icon_control08.png") no-repeat 50% 7px; vertical-align:middle;  width:31px; height:31px;}  
	.ico-vearth-ico05 { background:url("/images/etrimap/map/icon/icon_control04.png") no-repeat 50% 6px; vertical-align:middle;  width:31px; height:31px;}  
	.ico-vearth-ico06 { background:url("/images/etrimap/map/icon/icon_control05.png") no-repeat 50% 6px; vertical-align:middle;  width:31px; height:31px;}  
	.ico-vearth-ico07 { background:url("/images/etrimap/map/icon/icon_control03.png") no-repeat 50% 4px; vertical-align:middle;  width:31px; height:31px;}  


	.ico-vearth-ico08 { background:url("/images/etrimap/map/icon/icon_control01.png") no-repeat 50% 9px; vertical-align:middle;  width:31px; height:31px;}  
	.ico-vearth-ico09 { background:url("/images/etrimap/map/icon/icon_control02.png") no-repeat 50% 0; vertical-align:middle;  width:31px; height:31px;}  
	.ico-vearth-ico10 { background:url("/images/etrimap/map/icon/icon_control06.png") no-repeat 50% 6px; vertical-align:middle;  width:31px; height:31px;}  
	.ico-vearth-ico11 { background:url("/images/etrimap/map/icon/icon-past-pic.png") left top no-repeat; vertical-align:middle; width:18px; height:18px;}  
	.ico-vearth-ico12 { background:url("/images/etrimap/map/icon/icon-refresh.png") left top no-repeat; vertical-align:middle;  width:18px; height:18px;}  
	.ico-vearth-ico13 { background:url("/images/etrimap/map/icon/icon_control07.png") no-repeat 50% 5px; vertical-align:middle;  width:31px; height:31px;} 
	
.iconStar { display:inline-block; overflow:hidden; text-indent:-9999px; background:url("/images/etrimap/map/icon/icon-star.png") left top no-repeat; vertical-align:middle; }
	.stsr00 {  background-position: 0px -50px; width:54px; height:10px;  }
	.stsr01 {  background-position: 0px -40px; width:54px; height:10px; }
	.stsr02 {  background-position: 0px -30px; width:54px; height:10px; }
	.stsr03 { background-position: 0px -20px; width:54px; height:10px;  }
	.stsr04 { background-position: 0px  -10px; width:54px; height:10px;  }
	.stsr05 { background-position: 0px  0px; width:54px; height:10px;  }

 
 


/* align */
.btnRig {text-align:right;margin-top:10px;}
.btnCen {text-align:center; margin-top:10px; }
 ::-webkit-input-placeholder {
   color:#666;
} 
	.full-right { text-align:right; }
	.full-center { text-align:center; }
	.float-left { float:left; }
	.float-right { float:right; } 

.textAlign { margin:0 0 2px;  color:#444; letter-spacing:-1px;  }
.textAlign span { float:right;  color:#444;  margin-right:15px; }




 /* margin */
 .tm10 { margin-top:10px; }





/* padding */
.allpad10 { padding:10px; }





/* color */
.cff3007 { color:#ff3007!important; }
.c0047e7 { color:#0047e7!important; }
.c079a00 { color:#079a00!important; }



 /* star */
div.rating-cancel,div.star-rating{float:left;width:18px;height:17px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden} 
div.star-rating,div.star-rating a {background:url('/images/etrimap/map/icon/star.gif') no-repeat 0 0px}
div.rating-cancel a,div.star-rating a{display:block;width:18px;height:100%; background-position:0 0px;border:0}
div.star-rating-on a {background-position:0 -18px!important}
div.star-rating-hover a{background-position:0 -18px}
 
.star-rety { overflow:hidden; position:relative;  padding:10px 0 10px;  border-bottom:1px #e8e8e8 solid; }
.star-rety a.btns { position:absolute; top:0;  right:0;margin:5px 0 0 0; }
.star-rety  .rety { float:left;  margin-right:5px;  font-weight:bold; position:relative;  margin-top:-4px;  }
.star-rety  .rety strong { font-size:13px; color:#444; }
.star-rety  .rety span { font-size:14px; color:#8f8f8f; }
.star-rety  .rety span em { color:#ff4400;font-weight:bold;  }




 

 

#snb { height:100%; width:333px; position:absolute; left:57px; top:0;  z-index:900;  }
.scrollAction { overflow-y:auto;  overflow-x:hidden; }


/*.boxing {  margin:0 -12px 0 -11px;  }*/
.boxing .mapsAll { width:295px; margin:0 auto; padding-top:20px;}
.boxing .mapsAll > ul:first-child { border-bottom:1px solid #d3d3d3;}
.my { background:#dcdde0; margin:0 0px; }





.list-order { overflow:hidden; text-align:right; font-size:11px; padding:6px 5px 6px 0;  background:#f2f2f2; border-top:1px #e2e2e2 solid; border-bottom:1px #e2e2e2 solid;  margin:0 -15px 10px -15px; }
.list-order ul { float:right;  }
.list-order li { float:left;  padding:0 6px; }
.list-order li:first-child { background:url('/images/etrimap/map/icon/ico-bar01.gif') 100% 50% no-repeat;   }
.list-order li a {  padding:0 5px;color:#a4a4a4; }
.list-order li.on a { background:url('/images/etrimap/map/icon/icon-arr-rig.gif') 0 50% no-repeat;  color:#828282; }
.list-order h3 { font-size:14px; color:#0e0e0e; font-weight:bold;  position:absolute; left:0; margin: -2px 0 0 15px;}


 
 
.myPart {  
	width:320px;
	position:absolute;
	z-index:110; 
	}  
	.myPart .right { position:absolute; right:0; top:0;  margin:8px 10px 0 0; }
	.myPart .user { margin:0 0 0 15px;  padding-top:10px; }
	.myPart .user img { margin-right:2px; }
	.myPart .full-right { position:absolute; right:0; top:0;  margin:9px 15px 0 0; }

	.myPart  h2 { color:#fff;  font-size:18px; font-weight:bold; margin:0 0 0 15px;  padding-top:7px; letter-spacing:-1px; }
	.myPart .openLayer { position:absolute; top:0; right:25px; margin:14px 0 0 0; }


.login-with { padding:20px 0; text-align:center; }
.login-with .btn { width:80%; }
 

.hide {display:none;}
 
 

/* btn */ 
.btn { 
	border:0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0px;  
	padding: 7px 5px 8px 0;
	text-decoration: none;
	vertical-align:middle; 
} 
.btn:focus { 
 outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}


.btn-search {
	background: #393f4e;
	background-image: -webkit-linear-gradient(top, #393f4e, #393f4e);
	background-image: -moz-linear-gradient(top, #393f4e, #393f4e);
	background-image: -ms-linear-gradient(top, #393f4e, #393f4e);
	background-image: -o-linear-gradient(top, #393f4e, #393f4e);
	background-image: linear-gradient(to bottom, #393f4e, #393f4e);
	color: #fff;
	font-size: 13px;
	letter-spacing:-1px;
	min-width:77px;  
	font-weight:bold;
	border-right:1px #20232b solid;
	border-bottom:1px #20232b solid;
} 

.btn-participation {
	background: #0d9eaa; 
	border:1px #0b95a1 solid; 
	color:#fff;
	font-weight:bold; 
	width:100px; 
	text-align:center;
	font-size:14px;
	letter-spacing:-1px;
	padding: 8px 0 9px 0;
	  border-radius:3px;
    -webkit-border-radius:3px; 
    -moz-border-radius:3px;
    -o-border-radius:3px; 
    -ms-border-radius:3px;
} 


.btn-more-text {
	background:#fafafa url('/images/etrimap/map/btn/btn-image-more.gif') no-repeat 50% 50%; 
	width:293px;
	height:40px;
	padding:0;
	border: 1px solid #c9c9c9;
}
.btn-close-text {
	background:#fafafa url('/images/etrimap/map/btn/btn-image-close.gif') no-repeat 50% 50%; 
	width:293px;
	height:40px;
	padding:0;
	border: 1px solid #c9c9c9;
}


.btn-gray {
	background: #5b5b5b; /* Old browsers */
	background: -moz-linear-gradient(top, #5b5b5b 0%, #4a4a4a 99%, #4a4a4a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5b5b5b), color-stop(100%,#4a4a4a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #5b5b5b 0%,#4a4a4a 99%,#4a4a4a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #5b5b5b 0%,#4a4a4a 99%,#4a4a4a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #5b5b5b 0%,#4a4a4a 99%,#4a4a4a 100%); /* IE10+ */
	background: linear-gradient(to bottom, #5b5b5b 0%,#4a4a4a 99%,#4a4a4a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b5b5b', endColorstr='#4a4a4a',GradientType=0 ); /* IE6-9 */
	border:1px #454545 solid; 
	color:#fff;
	font-weight:bold;
	text-shadow: 1px 2px #4d4d4d;
	width:100px;  
} 


.btn-login {
	background: #ff5400; /* Old browsers */ 
	border:1px #d74f04 solid; 
	color:#fff;
	font-weight:bold;  
	padding:7px 0 ;
	font-size:14px;
	letter-spacing:-1px;
	width:183px;
	margin-top:3px;
} 
 

.btn-file {
	background: #5b5b5b; /* Old browsers */
	background: -moz-linear-gradient(top, #5b5b5b 0%, #4a4a4a 99%, #4a4a4a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5b5b5b), color-stop(100%,#4a4a4a)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #5b5b5b 0%,#4a4a4a 99%,#4a4a4a 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #5b5b5b 0%,#4a4a4a 99%,#4a4a4a 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #5b5b5b 0%,#4a4a4a 99%,#4a4a4a 100%); /* IE10+ */
	background: linear-gradient(to bottom, #5b5b5b 0%,#4a4a4a 99%,#4a4a4a 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b5b5b', endColorstr='#4a4a4a',GradientType=0 ); /* IE6-9 */
	border:1px #454545 solid; 
	color:#fff;
	font-weight:bold;
	text-shadow: 1px 2px #4d4d4d;
	width:80px; 
	padding: 4px 0 5px 0;
} 
 

.btn-ok {
	background: #5695e8; /* Old browsers */ 
	border:1px #356fbc solid; 
	color:#fff;
	font-weight:bold; 
	min-width:120px; 
	max-width:150px;
	padding: 7px 20px 8px 25px;
	font-size:13px;
	letter-spacing:-1px;
} 
.btn-cancel {
	background: #848484; /* Old browsers */ 
	border:1px #696969 solid; 
	color:#fff;
	font-weight:bold; 
	min-width:120px; 
	max-width:150px;
	padding: 7px 20px 8px 25px;
	font-size:13px;
	letter-spacing:-1px;
} 

.btn-green {
	border:1px #76931c solid;
	background:#91bd09;
	color:#fff;
	padding:7px 20px 8px 20px;
}


.btn-blue {
	background: #1f79de; /* Old browsers */ 
	border:1px #155196 solid; 
	color:#fff;
	font-weight:bold;  
	padding: 7px 20px 8px 20px; 
	letter-spacing:-1px; 
	width:90px;
} 
.btn-dark {
	background: #303030; /* Old browsers */ 
	border:1px #000 solid; 
	color:#fff;
	font-weight:bold;  
	padding: 7px 20px 8px 20px; 
	letter-spacing:-1px; 
	width:90px;
}


.t-more { font-size:11px; color:#7c7c7c; }


/* layer */

.lyboard {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.layer {
	border:1px #86827f solid;
	background:#fff;
	z-index:9999;
	position:absolute; 
}
	.layer .title {
		background:url('/images/etrimap/map/bg-popup-title.gif') 0 0 repeat-x; 
	}
	.lyboard .text {
		padding: 10px 15px;
	}

		.layer .title h3 { position:relative; top:-1px; }
		.lyboard .text h2 {
			font-size: 16px;
			color: #026da5;
			font-weight: bold;
			margin-bottom: 4px;
		}
		.lyboard .text h2 img {
			vertical-align: middle;
		}	
	.layerContent { 
		padding:20px 0;
		color:#444;
	}

.lyboard .text { margin:5px 0; }

.building-address {
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
background: #f6f7fb;
padding: 6px 10px 4px 10px;
margin-bottom: 7px;
border: 1px #d8dbdf solid;
color: #444;
}
.building-address .ko {
border-bottom: 1px #d0d0d0 solid;
padding: 0 0 4px;
margin-bottom: 5px;
}
.building-address .ko strong {
display: block;
}
.building-address .en span {
display: block;
color: 3666;
font-size: 11px;
}

.layer .layerX { position:absolute; right:0; top:0;  margin:17px 15px 0 0; }

.lyboard .block { margin-bottom:15px; }
.lyboard .bl-title {  font-weight:bold;  margin-bottom:3px;  letter-spacing:-1px; }
.lyboard .bl-title h3 .icon { position:relative; top:-1px; }
.lyboard .bl-title h3 { font-size:14px;  font-weight:bold;  margin-bottom:8px; }
.lyboard .bl-title h3 strong { color:#ff4400; }


.lyboard .title .btnClose { position:absolute; right:0;  top:0;  margin:11px 15px 0 0;}
.lyboard .btnOutside { position:absolute;  margin:-45px 0 0 0; }
.bottomClose { background:#148685;  text-align:right;  margin:15px -5px -5px -5px; padding:11px 15px 10px; }


.confirm { text-align:center;  padding:15px 0; }
.confirm span { margin-right:25px; }



.roadingData { padding:30px 0; text-align:center; color:#5a5a5a; }
.roadingData p { margin-bottom:10px; }

.naviframe {
	background-color:white;
	overflow: hidden;
	width:100px;
	height:20px;
	left:0px;
	top:0px;
	position:absolute;
	padding:0;
	margin:0;
	display:none;
}
#toastMessage {
	position:absolute;
	z-index:9999;
	border: 1px solid #ccc;
	padding: 2px 5px 2px 5px;
	top:104px;
	right:1px;
	background:#fff;
	display:none;
	opacity:0.75;
    filter:alpha(opacity=75);
    -ms-filter:"alpha(opacity=75)";
}



.open { display:none; }

.btn-action {
	background: #177271;
	color: #fff;
	width: 100px;
	font-size: 94%;
	letter-spacing: -1px;
	font-weight: bold;
	border: 1px #0e5857 solid;
}

.c0048ff {color:#0048ff;}
.cff4400 {color:#ff4400;}

/* .layerLogin.layer {
	border: 3px #333 solid;
} */

/* 추가 */
.gnb {
	height: 79px;
	margin-top: 33px;
	border-bottom:1px solid #a7a7a7;
}