﻿

/* @group Typography */

*, body {
	margin: 0;
	padding: 0; 
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

@viewport {
	width: device-width;
}

body {
	line-height: 1.6;
	font-weight: 400; 
	margin: 0;
	background: #fff;
	color: #333;;
	font-family: "Nanum Gothic", sans-serif, "RobotoDraft","Helvetica Neue", Helvetica, Arial;
 
}
 
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;
}
textarea, input, select, button {
	vertical-align:middle;
	font-family: 'Dotum', serif;
}
 
caption,
legend,
hr {
	display:none;
}

/* ------------------------------------------------- */
/* icon */
.icon {display:inline-block; overflow:hidden; text-indent:-9999px; background:url("../images/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: -289px -5px; width:16px; height:18px; } 
	.ico-spot-inner { background-position: -308px -5px; width:7px; height:4px;  } 
	.ico-zone { background-position: -6px -38px; width:12px; height:15px; } 
	.ico-zone02 { background-position: -273px -105px; 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:1px;} 
	.ico-new-address { background-position: -452px -27px; width:29px; height:14px; margin-right:1px;} 
	.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 -105px; width:15px; height:15px; margin-top:-4px; margin-right:6px;} 
	.ico-vearth-ico01 { background-position: -478px -76px; width:14px; height:19px; } 
	
	.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; }
	.hd .full-center { position:absolute; width:100%; font-size:15px; background:#1990e0; color:#fff; font-weight:bold; line-height:40px; text-align:center; }
	.hd .layerLogin .full-center { position:static; line-height:1.5;}
	.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.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;  }
#snb .scroll { }
.scrollAction { overflow-y:auto;  overflow-x:hidden; border-right: 1px solid #ababaa;}



.t-more { font-size:11px; color:#7c7c7c; }

/*---------------------------------------------------------------*/
/*---------------------------------------------------------------*/
.spot-search {  }
.spot-search .control { position:relative; border-bottom:none;  background:rgb(220, 221, 224);  padding:6px 0 0 10px;  }
.spot-search .control .btns { position:absolute; right:0;  top:0;}
.spot-search div.block .spaging:last-child  {border-bottom:none;}
.search-word-not { color:#828282; line-height:140%; margin-top:150px; text-align:center}
.search-word-not .icon { float:left; height: 20px;  margin:6px 8px 0 0; }
	
ul.tab-style01 { 
	overflow:hidden;  
	position:relative; 
	height:auto;
	background:#f4f4f4;
	zoom:1;
} 
ul.tab-style01 li a {
	overflow:hidden;
	height:33px;
} 
ul.tab-style01 li { width:50%; float:left; border-left:1px solid #e0e1e2; border-top:1px solid #e0e1e2; border-bottom:1px solid #e0e1e2; color:#398fce; font-size:15px; font-weight:bold; line-height:33px; text-align:center; cursor:pointer; }
ul.tab-style01 li a { color:#888;}
ul.tab-style01 li.tab-on { border-top:3px solid #1990e0; border-bottom:1px solid #fff; background:#fff; line-height:31px; }
ul.tab-style01 li.tab-on a { color:#333;}
ul.tab-style01 li:first-child { border-left:0;}

ul.tab-style02 { 
	overflow:hidden; 
	margin:0px 0 0 15px;
	position:relative;
	top:2px;
	height:26px; 
	zoom:1;
} 
ul.tab-style02 li a {
	overflow:hidden;
	height:26px;
} 
ul.tab-style02 li { height:26px; float:left; cursor:pointer; }
ul.tab-style02 li.tab-on a img,
ul.tab-style02 li a:focus img,
ul.tab-style02 li a:hover img,
ul.tab-style02 li a:active img {
	margin-top:-26px;
}
.spot-search .control { padding:0;}
.spot-search ul.tab { 
	position: relative;
    height: 30px;
    margin-left: -1px;
}
.spot-search ul.tab li  {
	float:left;
	display:inline;
	width:25%;
	background: #fafafa;
	box-sizng:border-box;
	border-left: 1px solid #a7a7a7;
	border-bottom: 1px solid #a7a7a7;
}
.spot-search ul.tab li a {
	overflow:hidden;
	display:block;
	width: 100%;
	height:31px;
	padding-top:6px;
	text-align: center;
	color:#666;
	text-decoration: none;
}
.spot-search ul.tab.ea2 li { width:50%;}
 
.spot-search ul.tab li.tab-on { background:#fff; border-bottom: none;}
.spot-search ul.tab li.tab-on a {height: 32px; font-weight: bold;}

.spot-list {   
	
}
.spot-list li { padding:1px 1px 1px 1px;  border-bottom:1px #e0e0e0 solid; cursor:pointer;   }
/*.spot-list li:last-child { border-bottom:0; }*/
.spot-list li:hover { background:#f2f2f2; }
.spot-list .module { 
	overflow:hidden; 
	margin-left:0 !important; 
}

.idsdetail .spot-list .text dl { text-indent:0;}
.spot-list .text { margin-left:15px; }
.spot-list .area { float:left;  text-align:center; }
.spot-list .prev .address {  padding-top:3px;   }
.spot-list .area i { display:block;  margin-bottom:3px; }
.spot-list .text dl { line-height:140%; text-indent:-12px; margin-bottom: 0px;}
.spot-list .text dt strong { color:#157abd;}
.spot-list .text dd.sub { font-size:11px; color:#707070;  margin-bottom:4px; }
.spot-list .text dd { letter-spacing: -.1em; }
.spot-list .text dd.address { color:#333; margin:2px 0; 
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	word-wrap: normal !important;
	display: block; 
	width:95%;
}
.result .spot-list .area i { margin-bottom:0; margin-top:3px; }
.result .spot-list .text dd.address { color:#333; margin:6px 0 4px; }

.spot-list .text dt {
	overflow:hidden;
	/* white-space: nowrap; */
	/* color: #0e52c4; */
    margin-bottom: 1px;
	text-overflow:ellipsis;
}

.property-ser {  overflow:hidden; background:#f2f2f2;  border:1px #e5e5e5 solid;  padding:8px 0 8px 8px; margin-bottom:20px;  }
.property-ser .float-left { margin-right:15px; }
.property-ser img { vertical-align:middle; }

.subTitle { margin:0 -12px 0 -11px; border-top:1px #cbccce solid; border-bottom:1px #cbccce solid; background:#f8f9fc; padding:8px 0 9px; }
.subTitle h3 { margin-left:10px; } 
.statistics { margin:15px 0 -10px; }

.ser-result-total { position:relative; padding:7px 0 4px 1px;border-bottom:1px #dfdfdf solid;color:#101010; letter-spacing:-1px; }
.ser-result-total .t-more { position:absolute; right:10px; }
.ser-result-total em,
.ser-result-total strong { color:#ff4400;  } 
.ser-result-word { position:relative; color:#333; border-top:none;  border-bottom:1px #dfdfdf solid;  background:#fff; padding:7px 0 4px 1px; font-size:11px; }
.ser-result-word  .t-more { position:absolute; right:0; top:0;  margin:9px 10px 0 0; letter-spacing:-1px; }
.ser-result-word em { color:#ff0000; font-size:11px;  font-weight:bold; }
.ser-result-word strong { font-size:12px; color:#4c4c4c; display:inline-block; background:url('../images/ico-bar07.gif') 100% 3px no-repeat ;padding:0 13px 0 0; margin-right:8px;  }

.module .area .bookmark img {margin-top:9px;}
.module .text dt{margin-top:8px; text-indent:0; font-weight:normal;}
.c-list li:last-child { border-bottom:1px #e0e0e0 solid;}
.spaging {padding:5px 0px 5px 0px;text-align:center;border-bottom:1px #e0e0e0 solid;}
.spaging a{font-family: 'sans-serif','Nanum Gothic';display: inline-block;color: #7f7f7f;width: 22px;text-align: center;padding: 1px 0 2px;height: 22px;border: 1px #ccc solid;margin-right: -1px;background: #fff;}
.spaging a.on{color:#000;}
.spaging a.arr{width:15px;background:none;}
.spaging a.no{background:none;}
.spaging img {vertical-align: middle}
/*-----------------------------------------------------------------*/
#tabs-container {
	width: 295px;
	margin: 0 auto;
}

.tabContent{
	scrollbar-base-color: white;
    scrollbar-face-color: #a2c6f3;
    scrollbar-3dlight-color: white;
    scrollbar-highlight-color: white;
    scrollbar-track-color: white;
    scrollbar-arrow-color: black;
	scrollbar-shadow-color: white;
	
	display: block;
    position: absolute;
    top: 105px;
    left: 0px;
    bottom: 30px;
    right: 0px;
    border: none;
    overflow-y: auto;
    overflow-x: hidden;
}
