@charset 'UTF-8';

.vegas-overlay,.vegas-slide,.vegas-slide-inner,.vegas-timer,.vegas-wrapper {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	overflow:hidden;
	border:none;
	padding:0;
	margin:0
}
.vegas-overlay {
	opacity:.5;
	background:transparent url(../../../images/ViewT1.0/zeke/02.png) center center repeat
}
.vegas-timer {
	top:auto;
	bottom:0;
	height:2px
}
.vegas-timer-progress {
	width:0;
	height:100%;
	background:#fff;
	-webkit-transition:width ease-out;
	transition:width ease-out
}
.vegas-timer-running .vegas-timer-progress {
	width:100%
}
.vegas-slide,.vegas-slide-inner {
	margin:0;
	padding:0;
	background:transparent center center no-repeat;
	-webkit-transform:translateZ(0);
	transform:translateZ(0);
	will-change:transform,opacity
}
body .vegas-container {
	overflow:hidden!important;
	position:relative
}
.vegas-video {
	min-width:100%;
	min-height:100%;
	width:auto;
	height:auto
}
body.vegas-container {
	overflow:auto;
	position:static;
	z-index:-2
}
body.vegas-container>.vegas-overlay,body.vegas-container>.vegas-slide,body.vegas-container>.vegas-timer {
	position:fixed;
	z-index:-1
}
:root body.vegas-container>.vegas-overlay,:root body.vegas-container>.vegas-slide,_::full-page-media,_:future {
	bottom:-76px
}
.vegas-transition-blur,.vegas-transition-blur2 {
	opacity:0;
	-webkit-filter:blur(32px);
	filter:blur(32px)
}
.vegas-transition-blur-in,.vegas-transition-blur2-in {
	opacity:1;
	-webkit-filter:blur(0);
	filter:blur(0)
}
.vegas-transition-blur2-out {
	opacity:0
}
.vegas-transition-burn,.vegas-transition-burn2 {
	opacity:0;
	-webkit-filter:contrast(1000%) saturate(1000%);
	filter:contrast(1000%) saturate(1000%)
}
.vegas-transition-burn-in,.vegas-transition-burn2-in {
	opacity:1;
	-webkit-filter:contrast(100%) saturate(100%);
	filter:contrast(100%) saturate(100%)
}
.vegas-transition-burn2-out {
	opacity:0;
	-webkit-filter:contrast(1000%) saturate(1000%);
	filter:contrast(1000%) saturate(1000%)
}
.vegas-transition-fade,.vegas-transition-fade2 {
	opacity:0
}
.vegas-transition-fade-in,.vegas-transition-fade2-in {
	opacity:1
}
.vegas-transition-fade2-out {
	opacity:0
}
.vegas-transition-flash,.vegas-transition-flash2 {
	opacity:0;
	-webkit-filter:brightness(25);
	filter:brightness(25)
}
.vegas-transition-flash-in,.vegas-transition-flash2-in {
	opacity:1;
	-webkit-filter:brightness(1);
	filter:brightness(1)
}
.vegas-transition-flash2-out {
	opacity:0;
	-webkit-filter:brightness(25);
	filter:brightness(25)
}
.vegas-transition-negative,.vegas-transition-negative2 {
	opacity:0;
	-webkit-filter:invert(100%);
	filter:invert(100%)
}
.vegas-transition-negative-in,.vegas-transition-negative2-in {
	opacity:1;
	-webkit-filter:invert(0);
	filter:invert(0)
}
.vegas-transition-negative2-out {
	opacity:0;
	-webkit-filter:invert(100%);
	filter:invert(100%)
}
.vegas-transition-slideDown,.vegas-transition-slideDown2 {
	-webkit-transform:translateY(-100%);
	transform:translateY(-100%)
}
.vegas-transition-slideDown-in,.vegas-transition-slideDown2-in {
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
.vegas-transition-slideDown2-out {
	-webkit-transform:translateY(100%);
	transform:translateY(100%)
}
.vegas-transition-slideLeft,.vegas-transition-slideLeft2 {
	-webkit-transform:translateX(100%);
	transform:translateX(100%)
}
.vegas-transition-slideLeft-in,.vegas-transition-slideLeft2-in {
	-webkit-transform:translateX(0);
	transform:translateX(0)
}
.vegas-transition-slideLeft2-out {
	-webkit-transform:translateX(-100%);
	transform:translateX(-100%)
}
.vegas-transition-slideRight,.vegas-transition-slideRight2 {
	-webkit-transform:translateX(-100%);
	transform:translateX(-100%)
}
.vegas-transition-slideRight-in,.vegas-transition-slideRight2-in {
	-webkit-transform:translateX(0);
	transform:translateX(0)
}
.vegas-transition-slideRight2-out {
	-webkit-transform:translateX(100%);
	transform:translateX(100%)
}
.vegas-transition-slideUp,.vegas-transition-slideUp2 {
	-webkit-transform:translateY(100%);
	transform:translateY(100%)
}
.vegas-transition-slideUp-in,.vegas-transition-slideUp2-in {
	-webkit-transform:translateY(0);
	transform:translateY(0)
}
.vegas-transition-slideUp2-out {
	-webkit-transform:translateY(-100%);
	transform:translateY(-100%)
}
.vegas-transition-swirlLeft,.vegas-transition-swirlLeft2 {
	-webkit-transform:scale(2) rotate(35deg);
	transform:scale(2) rotate(35deg);
	opacity:0
}
.vegas-transition-swirlLeft-in,.vegas-transition-swirlLeft2-in {
	-webkit-transform:scale(1) rotate(0);
	transform:scale(1) rotate(0);
	opacity:1
}
.vegas-transition-swirlLeft2-out {
	-webkit-transform:scale(2) rotate(-35deg);
	transform:scale(2) rotate(-35deg);
	opacity:0
}
.vegas-transition-swirlRight,.vegas-transition-swirlRight2 {
	-webkit-transform:scale(2) rotate(-35deg);
	transform:scale(2) rotate(-35deg);
	opacity:0
}
.vegas-transition-swirlRight-in,.vegas-transition-swirlRight2-in {
	-webkit-transform:scale(1) rotate(0);
	transform:scale(1) rotate(0);
	opacity:1
}
.vegas-transition-swirlRight2-out {
	-webkit-transform:scale(2) rotate(35deg);
	transform:scale(2) rotate(35deg);
	opacity:0
}
.vegas-transition-zoomIn,.vegas-transition-zoomIn2 {
	-webkit-transform:scale(0);
	transform:scale(0);
	opacity:0
}
.vegas-transition-zoomIn-in,.vegas-transition-zoomIn2-in {
	-webkit-transform:scale(1);
	transform:scale(1);
	opacity:1
}
.vegas-transition-zoomIn2-out {
	-webkit-transform:scale(2);
	transform:scale(2);
	opacity:0
}
.vegas-transition-zoomOut,.vegas-transition-zoomOut2 {
	-webkit-transform:scale(2);
	transform:scale(2);
	opacity:0
}
.vegas-transition-zoomOut-in,.vegas-transition-zoomOut2-in {
	-webkit-transform:scale(1);
	transform:scale(1);
	opacity:1
}
.vegas-transition-zoomOut2-out {
	-webkit-transform:scale(0);
	transform:scale(0);
	opacity:0
}
.vegas-animation-kenburns {
	-webkit-animation:kenburns ease-out;
	animation:kenburns ease-out
}
@-webkit-keyframes kenburns {
	0% {
		-webkit-transform:scale(1.5);
		transform:scale(1.5)
	}
	100% {
		-webkit-transform:scale(1);
		transform:scale(1)
	}
}
@keyframes kenburns {
	0% {
		-webkit-transform:scale(1.5);
		transform:scale(1.5)
	}
	100% {
		-webkit-transform:scale(1);
		transform:scale(1)
	}
}
.vegas-animation-kenburnsDownLeft {
	-webkit-animation:kenburnsDownLeft ease-out;
	animation:kenburnsDownLeft ease-out
}
@-webkit-keyframes kenburnsDownLeft {
	0% {
		-webkit-transform:scale(1.5) translate(10%,-10%);
		transform:scale(1.5) translate(10%,-10%)
	}
	100% {
		-webkit-transform:scale(1) translate(0,0);
		transform:scale(1) translate(0,0)
	}
}
@keyframes kenburnsDownLeft {
	0% {
		-webkit-transform:scale(1.5) translate(10%,-10%);
		transform:scale(1.5) translate(10%,-10%)
	}
	100% {
		-webkit-transform:scale(1) translate(0,0);
		transform:scale(1) translate(0,0)
	}
}
.vegas-animation-kenburnsDownRight {
	-webkit-animation:kenburnsDownRight ease-out;
	animation:kenburnsDownRight ease-out
}
@-webkit-keyframes kenburnsDownRight {
	0% {
		-webkit-transform:scale(1.5) translate(-10%,-10%);
		transform:scale(1.5) translate(-10%,-10%)
	}
	100% {
		-webkit-transform:scale(1) translate(0,0);
		transform:scale(1) translate(0,0)
	}
}
@keyframes kenburnsDownRight {
	0% {
		-webkit-transform:scale(1.5) translate(-10%,-10%);
		transform:scale(1.5) translate(-10%,-10%)
	}
	100% {
		-webkit-transform:scale(1) translate(0,0);
		transform:scale(1) translate(0,0)
	}
}
.vegas-animation-kenburnsDown {
	-webkit-animation:kenburnsDown ease-out;
	animation:kenburnsDown ease-out
}
@-webkit-keyframes kenburnsDown {
	0% {
		-webkit-transform:scale(1.5) translate(0,-10%);
		transform:scale(1.5) translate(0,-10%)
	}
	100% {
		-webkit-transform:scale(1) translate(0,0);
		transform:scale(1) translate(0,0)
	}
}
@keyframes kenburnsDown {
	0% {
		-webkit-transform:scale(1.5) translate(0,-10%);
		transform:scale(1.5) translate(0,-10%)
	}
	100% {
		-webkit-transform:scale(1) translate(0,0);
		transform:scale(1) translate(0,0)
	}
}
.vegas-animation-kenburnsLeft {
	-webkit-animation:kenburnsLeft ease-out;
	animation:kenburnsLeft ease-out
}
@-webkit-keyframes kenburnsLeft {
	0% {
		-webkit-transform:scale(1.5) translate(10%,0);
		transform:scale(1.5) translate(10%,0)
	}
	100% {
		-webkit-transform:scale(1) translate(0,0);
		transform:scale(1) translate(0,0)
	}
}
@keyframes kenburnsLeft {
	0% {
		-webkit-transform:scale(1.5) translate(10%,0);
		transform:scale(1.5) translate(10%,0)
	}
	100% {
		-webkit-transform:scale(1) translate(0,0);
		transform:scale(1) translate(0,0)
	}
}
.vegas-animation-kenburnsRight {
	-webkit-animation:kenburnsRight ease-out;
	animation:kenburnsRight ease-out
}
@-webkit-keyframes kenburnsRight {
	0% {
		-webkit-transform:scale(1.5) translate(-10%,0);
		transform:scale(1.5) translate(-10%,0)
	}
	100% {
		-webkit-transform:scale(1) translate(0,0);
		transform:scale(1) translate(0,0)
	}
}
@keyframes kenburnsRight {
	0% {
		-webkit-transform:scale(1.5) translate(-10%,0);
		transform:scale(1.5) translate(-10%,0)
	}
	100% {
		-webkit-transform:scale(1) translate(0,0);
		transform:scale(1) translate(0,0)
	}
}
.vegas-animation-kenburnsUpLeft {
	-webkit-animation:kenburnsUpLeft ease-out;
	animation:kenburnsUpLeft ease-out
}
@-webkit-keyframes kenburnsUpLeft {
	0% {
		-webkit-transform:scale(1.5) translate(10%,10%);
		transform:scale(1.5) translate(10%,10%)
	}
	100% {
		-webkit-transform:scale(1) translate(0,0);
		transform:scale(1) translate(0,0)
	}
}
@keyframes kenburnsUpLeft {
	0% {
		-webkit-transform:scale(1.5) translate(10%,10%);
		transform:scale(1.5) translate(10%,10%)
	}
	100% {
		-webkit-transform:scale(1) translate(0,0);
		transform:scale(1) translate(0,0)
	}
}
.vegas-animation-kenburnsUpRight {
	-webkit-animation:kenburnsUpRight ease-out;
	animation:kenburnsUpRight ease-out
}
@-webkit-keyframes kenburnsUpRight {
	0% {
		-webkit-transform:scale(1.5) translate(-10%,10%);
		transform:scale(1.5) translate(-10%,10%)
	}
	100% {
		-webkit-transform:scale(1) translate(0,0);
		transform:scale(1) translate(0,0)
	}
}
@keyframes kenburnsUpRight {
	0% {
		-webkit-transform:scale(1.5) translate(-10%,10%);
		transform:scale(1.5) translate(-10%,10%)
	}
	100% {
		-webkit-transform:scale(1) translate(0,0);
		transform:scale(1) translate(0,0)
	}
}
.vegas-animation-kenburnsUp {
	-webkit-animation:kenburnsUp ease-out;
	animation:kenburnsUp ease-out
}
@-webkit-keyframes kenburnsUp {
	0% {
		-webkit-transform:scale(1.5) translate(0,10%);
		transform:scale(1.5) translate(0,10%)
	}
	100% {
		-webkit-transform:scale(1) translate(0,0);
		transform:scale(1) translate(0,0)
	}
}
@keyframes kenburnsUp {
	0% {
		-webkit-transform:scale(1.5) translate(0,10%);
		transform:scale(1.5) translate(0,10%)
	}
	100% {
		-webkit-transform:scale(1) translate(0,0);
		transform:scale(1) translate(0,0)
	}
}
html,html * {
	box-sizing:border-box;
	margin:0;
	padding:0;
	font-family:'Noto Sans KR',sans-serif
}
body {
	overflow-x:hidden
}
a,h2,p,span {
	font-style:normal
}
hr {
	border:1px solid #ebebeb
}
button:focus {
	outline:0
}
h1 {
	font-size:25px
}
h2 {
	font-size:20px
}
h3 {
	font-size:16px;
	text-align:center;
	font-weight:500
}
h4 {
	font-size:12px;
	color:#4d5259;
	margin-top:20px;
	font-weight:400
}
h5 {
	font-size:10px;
	color:#4d5259;
	display:inline-block;
	position:absolute
}
h6 {
	font-size:14px;
	font-weight:400;
	color:#4d5259;
	position:absolute;
	display:inline
}
h7 {
	font-size:13px;
	font-weight:400;
	color:#4d5259;
	position:absolute
}
.inline_radio {
	position:absolute;
	margin-top:-5px;
	margin-left:10px;
	display:inline-block
}
.margin_left20 {
	margin-left:20px
}
.margin_left10 {
	margin-left:10px
}
.margin_left10 {
	margin-left:10px
}
.right_align {
	float:right;
	display:inline-block
}
.left_align {
	float:left;
	display:inline-block
}
.fontweight500 {
	font-weight:500
}
.align_center {
	text-align:center
}
.margin-top15 {
	margin-top:15px
}
.margin-top5 {
	margin-top:5px
}
.margin-top2 {
	margin-top:2px
}
.space0 {
	width:100%;
	height:0;
	display:inline-block
}
.space10 {
	width:100%;
	height:10px;
	display:inline-block
}
.space20 {
	width:100%;
	height:20px;
	display:inline-block
}
.space5 {
	width:100%;
	height:5px;
	display:inline-block
}
.inlinef {
	display:inline-block
}
.displayblock {
	display:block
}
fieldset {
	border:0;
	top:0;
	left:0;
	display:inline-block
}
.wrap10 {
	margin-top:10px
}
.wrap5 {
	margin-top:5px
}
.center {
	align-content:center;
	align-items:center
}
.animate-zoom {
	animation:animatezoom .6s
}
@ keyframes animatezoom {
	from {
		transform:scale(0)
	}
	to {
		transform:scale(1)
	}
}
#headerbarfront {
	width:100%;
	height:50px;
	background-color:transparent;
	position:absolute;
	display:block
}
.headerbarfrontsub {
	width:1200px;
	height:50px;
	background-color:transparent;
	position:absolute;
	display:block;
	margin:0 50%;
	left:-600px
}
.button {
	border:none;
	color:#fff;
	font-weight:500;
	-webkit-transition-duration:.4s;
	transition-duration:.4s;
	cursor:pointer
}
.button_login {
	background-color:transparent;
	color:#fff;
	border:2px solid #fff;
	float:right;
	padding:2px 32px;
	text-align:center;
	text-decoration:none;
	display:inline-block;
	font-size:14px;
	height:30px;
	width:160px;
	margin-top:18px;
	margin-right: 20px;
}
.button_login:hover {
	background-color:#222427;
	color:#fff
}
.loginpanel {
	z-index:3333333;
	display:none;
	position:absolute;
	border:1px solid #fff;
	color:#fff;
	right:0;
	top:57px;
	width:310px;
	overflow:auto;
	background-color:rgba(34,36,39,.8);
	box-shadow:0 0 5px rgba(0,0,0,.3)
}
.logincontent {
	padding:10px 30px 30px 30px;
	height:290px
}
.close {
	position:absolute;
	right:10px;
	top:0;
	color:#fff;
	font-size:20px;
	font-weight:700
}
.close:focus,.close:hover {
	color:red;
	cursor:pointer
}
.clearfix::after {
	content:"";
	clear:both;
	display:table
}
.logincontent input[type=text] {
	width:250px;
	height:40px;
	border:solid 1px #fff;
	font-size:14px;
	font-weight:300;
	text-align:left;
	padding-left:10px;
	margin-top:2px;
	background:0 0;
	color:#fff
}
.checkboxset {
	margin-top:10px;
	position:relative
}
input[type=checkbox] {
	visibility:hidden
}
.checkboxset label {
	cursor:pointer;
	position:absolute;
	width:15px;
	height:15px;
	top:0;
	left:0;
	border:1px solid #fff
}
.checkboxset label:after {
	opacity:.2;
	content:'';
	position:absolute;
	width:6px;
	height:4px;
	background:0 0;
	top:2px;
	left:2px;
	border:3px solid #fff;
	border-top:none;
	border-right:none;
	transform:rotate(-45deg)
}
.checkboxset label:hover::after {
	opacity:.5
}
.checkboxset input[type=checkbox]:checked+label:after {
	opacity:1
}
.button_signup {
	background-color:transparent;
	color:#fff;
	border:1px solid #fff;
	padding:5px 25px;
	text-align:center;
	margin-top:20px;
	margin-left:15px;
	text-decoration:none;
	display:inline-block;
	font-size:14px
}
.button_signup:hover {
	background-color:#7a808b;
	color:#fff
}
.button_log_in {
	background-color:transparent;
	color:#fff;
	border:1px solid #fff;
	padding:5px 30px;
	text-align:center;
	margin-top:20px;
	margin-left:10px;
	text-decoration:none;
	display:inline-block;
	font-size:14px
}
.button_log_in:hover {
	background-color:#7a808b;
	color:#fff
}
#functiontip {
	margin:auto 25%;
	width:50%
}
.button_confirm {
	background-color:transparent;
	color:#fff;
	border:1px solid #fff;
	padding:5px 25px;
	text-align:center;
	margin-top:5px;
	text-decoration:none;
	display:inline-block;
	font-size:12px
}
.button_confirm:hover {
	background-color:#fff;
	color:#222427
}
.button_cancel {
	background-color:transparent;
	color:#fff;
	border:1px solid #fff;
	padding:5px 25px;
	text-align:center;
	margin-top:5px;
	margin-left:10px;
	text-decoration:none;
	display:inline-block;
	font-size:12px
}
.button_cancel:hover {
	background-color:#fff;
	color:#222427
}
.functiontippanel {
	background-color:rgba(0,0,0,.7);
	position:absolute;
	bottom:20px;
	padding:0;
	outline:0;
	min-width:700px;
	height:60px;
	display:none;
	z-index:999
}
.functiontippanel.on {
	display:block
}
.functiontipcontent {
	padding:10px 20px 10px 25px
}
.tipbox {
	font-size:11px;
	color:#fff;
	margin-top:10px;
	display:inline-block;
	width:400px
}
.landingoptionpanel {
	margin:27% 50%;
	background:0 0;
	position:absolute;
	outline:0;
	padding:0;
	/* width:800px; */
	width:900px;
	min-width:800px;
	height:400px;
	/* left:-400px; */
	left:-450px;
	top:-200px;
	z-index:5
}
#searchbarset {
	width:90%;
	display:inline-block;
	margin-left:5%;
	margin-top:90px;
	position:absolute
}
#searchbarset input[type=text] {
	width:100%;
	height:45px;
	margin-top:15px;
	border:solid 2px #fff;
	font-size:16px;
	font-weight:500;
	text-align:center;
	display:inline-block;
	background:rgba(0,0,0,.3);
	margin-right:0;
	position:absolute;
	color:#fff
}
::-webkit-input-placeholder {
	color:#fff
}
::-ms-input-placeholder {
	color:#fff
}
::-moz-input-placeholder {
	color:#fff
}
.searchiconfront {
	width:50px;
	height:45px;
	margin-left:548px;
	margin-top:15px;
	background-image:url(../../../images/ViewT1.0/zeke/searhicon36white.png);
	background-position:center;
	background-repeat:no-repeat;
	border:solid 2px #fff;
	cursor:pointer;
	position:absolute;
	display:inline-block;
	background-color:transparent
}
.textboxheading {
	text-align:center;
	font-size:70px;
	text-shadow:0 0 1em transparent,0 0 15px rgba(0,0,0,.8);
	color:#fff;
	display:block;
	width:100%;
	padding-left:10px;
	padding-right:10px;
	position:absolute;
	margin-top:10px;
	margin-left:0;
	font-weight:500
}
.textboxsub {
	color:rgba(255,255,255,1);
	font-size:16px;
	text-shadow:0 0 10px rgba(0,0,0,.8);
	display:block;
	position:inherit;
	width:100%;
	text-align:center;
	margin-top:112px;
	/* margin-left:10px; */
	font-weight:500;
	min-width:700px
}
.textboxsub1 {
	color:rgba(255,255,255,1);
	font-size:12px;
	text-shadow:0 0 10px rgba(0,0,0,.8);
	display:block;
	position:inherit;
	width:100%;
	text-align:center;
	margin-top:300px;
	margin-left:0;
	font-weight:500;
	min-width:700px
}
.button_start {
	background-color:rgba(255,255,255,.9);
	color:#008ac3;
	border:1px solid #fff;
	border-radius:20px;
	padding:2px 30px;
	text-align:center;
	text-decoration:none;
	display:inline-block;
	font-size:18px;
	width:250px;
	/* margin:220px 36% 0 36%; */
	margin:220px 23px 0px 23px;
	height:40px;
	font-weight:500;
	box-shadow:0 0 10px rgba(0,0,0,.5)
}
.button_start:hover {
	border:1px solid #008ac3;
	font-weight:500;
	background:#008ac3;
	color:#fff
}
.arrowbox {
	width:120px;
	height:130px;
	margin-left:50%;
	margin-right:50%;
	left:-55px;
	position:absolute;
	bottom:0;
	z-index:3;
	cursor:pointer
}
.arrowimage {
	width:100px;
	height:100px;
	top:15px;
	margin-left:15px;
	background:center no-repeat		url(../../../images/ViewT1.0/zeke/landingarrow65.png)
}
.blink_me {
	animation:blinker 1s linear infinite
}
@keyframes blinker {
	80% {
		opacity:0
	}
}
.viewtbox {
	widows:95px;
	height:75px;
	position:fixed;
	float:right;
	right:20px;
	bottom:50px;
	backgroung:transparent;
	border:none;
	padding:0;
	z-index:10
}
.viewtbox:hover .viewticon {
	transform:rotate(-180deg);
	-webkit-transition-duration:.3s;
	-moz-transition-duration:.3s;
	-o-transition-duration:.3s;
	transition-duration:.3s
}
.viewtbox:hover .viewtinfoboxpanel {
	overflow:visible;
	right:0;
	width:320px;
	border-radius:40px 40px 40px 40px;
	transition:.5s ease
}
.viewticon {
	width:70px;
	height:70px;
	position:relative;
	left:0;
	top:1px;
	margin:0;
	border:2px solid #0093ff;
	border-radius:37px;
	background-image:url(../../../images/ViewT1.0/zeke/intro/viewt_fav.png);
	background-size:90%;
	background-repeat:no-repeat;
	background-position:center;
	backgroung:transparent;
	z-index:1
}
.viewtinfoboxpanel {
	width:0;
	height:70px;
	background:rgba(0,0,0,.8);
	position:absolute;
	float:right;
	right:-2px;
	bottom:3px;
	z-index:0;
	overflow:hidden
}
.detailbottonbox {
	width:280px;
	height:70px;
	position:relative;
	margin-left:20px;
	border:none;
	top:0;
	background:0 0
}
.detail_btn1 {
	width:40px;
	height:40px;
	display:inline-block;
	position:relative;
	margin-right:30px;
	color:#fff;
	border:1px solid #fff;
	border-radius:25px;
	margin-top:15px;
	background:url(../../../images/ViewT1.0/zeke/intro/data_btn.png);
	background-size:85%;
	background-position:center;
	text-align:center;
	font-weight:500px;
	cursor:pointer;
	overflow:visible
}
.detail_btn2 {
	width:40px;
	height:40px;
	display:inline-block;
	position:relative;
	margin-right:30px;
	color:#fff;
	border:1px solid #fff;
	border-radius:25px;
	margin-top:15px;
	background:url(../../../images/ViewT1.0/zeke/intro/func_btn.png);
	background-size:85%;
	background-position:center;
	text-align:center;
	font-weight:500px;
	cursor:pointer;
	overflow:visible
}
.detail_btn3 {
	width:40px;
	height:40px;
	display:inline-block;
	position:relative;
	margin-right:30px;
	color:#fff;
	border:1px solid #fff;
	border-radius:25px;
	margin-top:15px;
	background:url(../../../images/ViewT1.0/zeke/intro/viewt_btn.png);
	background-size:85%;
	background-position:center;
	text-align:center;
	font-weight:500px;
	cursor:pointer;
	overflow:visible
}
.func_textbox {
	width:80px;
	height:16px;
	font-size:10px;
	padding:0 4px;
	color:#fff;
	text-align:center;
	background:#0093ff;
	position:absolute;
	border-radius:8px;
	left:-20px;
	top:-30px;
	visibility:hidden
}
.detail_btn1:hover {
	border:2px solid #0093ff
}
.detail_btn1:hover .func_textbox {
	visibility:visible
}
.detail_btn2:hover {
	border:2px solid #0093ff
}
.detail_btn2:hover .func_textbox {
	visibility:visible
}
.detail_btn3:hover {
	border:2px solid #0093ff
}
.detail_btn3:hover .func_textbox {
	visibility:visible
}
#bg {
	position:relative;
	top:0;
	left:0
}
.bgwidth {
	width:100%
}
.bgheight {
	height:100%
}
.parallax {
	background-color:#141415;
	background-image:url(../../../images/ViewT1.0/zeke/intro/summary1.jpg);
	height:800px;
	background-attachment:scroll;
	background-position:center;
	background-repeat:no-repeat;
	background-size:auto
}
.parallax1 {
	background-color:#141415;
	background-image:url(../../../images/ViewT1.0/zeke/parollaxbg.jpg);
	height:900px;
	background-attachment:fixed;
	background-position:center;
	background-repeat:no-repeat;
	background-size:auto
}
.mainnav a {
	color:#fff;
	text-decoration:none;
	display:block;
	line-height:40px
}
.mainnav a:hover {
	color:#fff
}
.mainnav a:after {
	margin-right:15px;
	float:right;
	content:'\00bb'
}
.mainnav a:only-child:after {
	margin-left:0;
	content:''
}
.boxwrapper1 {
	width:100%;
	height:800px;
	background-color:transparent;
	display:block
}
.boxwrapper1sub {
	width:1200px;
	height:800px;
	margin:0 50%;
	left:-600px;
	position:absolute
}
.boxwrapper2 {
	width:100%;
	height:600px;
	background-color:#fff;
	margin-left:auto;
	margin-right:auto
}
.boxwrapper3 {
	width:100%;
	height:600px;
	background-color:transparent;
	margin-left:auto;
	margin-right:auto;
	padding-top:70px;
	overflow:hidden
}
.boxwrapper4 {
	width:100%;
	height:850px;
	background-color:#fff;
	margin-left:auto;
	margin-right:auto;
	padding-top:70px;
	overflow:hidden
}
.boxwrapper5 {
	width:100%;
	padding:15px;
	background-color:#484b51;
	margin-left:auto;
	margin-right:auto
}
.boxwrapper6 {
	width:100%;
	height:400px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../../../images/ViewT1.0/zeke/intro/contact.jpg);
	background-repeat:none;
	background-position:center center;
	background-size:cover
}
.boxwrapper1sublow1 {
	width:1200px;
	height:600px;
	position:absolute;
	margin-top:0;
	diplay:block
}
.boxwrapper1sublow2 {
	width:1200px;
	height:600px;
	position:absolute;
	margin-top:0;
	display:none
}
.boxwrapper1sublow3 {
	width:1200px;
	height:600px;
	position:absolute;
	margin-top:0;
	diplay:none
}
.boxwrapper1sublow4 {
	width:1200px;
	height:600px;
	position:absolute;
	margin-top:0;
	display:none
}
.boxwrapper1sublow1.on {
	display:none
}
.boxwrapper1sublow2.on {
	display:block
}
.symbolbox {
	width:300px;
	height:90px;
	display:block;
	position:relative;
	background:0 0;
	color:#dfdfdf;
	font-size:9px;
	border:none;
	margin-top:20px;
	margin-left:15px
}
.iconbox1 {
	width:60px;
	height:90px;
	display:inline-block;
	position:absolute;
	top:0;
	background-image:url(../../../images/ViewT1.0/zeke/intro/navi_data.png);
	background-repeat:no-repeat;
	background-size:80%;
	background-position:center center;
	border:none
}
.iconbox2 {
	width:60px;
	height:90px;
	display:inline-block;
	position:absolute;
	top:0;
	left:80px;
	background-image:url(../../../images/ViewT1.0/zeke/intro/mobile_data.png);
	background-repeat:no-repeat;
	background-size:80%;
	background-position:center center;
	border:none
}
.iconbox3 {
	width:60px;
	height:90px;
	display:inline-block;
	position:absolute;
	top:0;
	left:160px;
	background-image:url(../../../images/ViewT1.0/zeke/intro/transp_data.png);
	background-repeat:no-repeat;
	background-size:80%;
	background-position:center center;
	border:none
}
.iconbox4 {
	width:60px;
	height:90px;
	display:inline-block;
	position:absolute;
	top:0;
	left:0;
	background-image:url(../../../images/ViewT1.0/zeke/intro/public_date.png);
	background-repeat:no-repeat;
	background-size:80%;
	background-position:center center;
	border:none
}
.iconbox5 {
	width:60px;
	height:90px;
	display:inline-block;
	position:absolute;
	top:0;
	left:80px;
	background-image:url(../../../images/ViewT1.0/zeke/intro/data_icon.png);
	background-repeat:no-repeat;
	background-size:80%;
	background-position:center center;
	border:none
}
.textbox {
	width:60px;
	height:auto;
	padding:5px 0;
	position:relative;
	left:0;
	top:65px;
	text-align:center;
	font-weight:400
}
.titleiconbox {
	width:400px;
	height:80px;
	position:relative;
	margin:30px 50%;
	left:-200px;
	z-index:4
}
.iconswitch_function input[type=radio] {
	position:absolute;
	overflow:hidden;
	display:none
}
.iconswitch_function label {
	color:#fff;
	display:inline-block;
	cursor:pointer;
	font-size:10px;
	text-align:center;
	font-weight:500;
	padding:13px;
	width:80px;
	height:80px;
	border:1px solid #fff;
	border-radius:40px;
	margin-left:75px
}
.iconswitch_function input[type=radio]:checked+label {
	color:#fff;
	background:#0093ff;
	border-radius:40px;
	border:1px solid #0093ff
}
.iconswitch_function {
	border:none;
	display:inline-block;
	margin:0;
	width:400px;
	height:80px;
	overflow:visible;
	background-color:transparent
}
.iconswitch_layer input[type=radio] {
	position:absolute;
	overflow:hidden;
	display:none
}
.iconswitch_layer label {
	color:#ef6461;
	display:inline-block;
	cursor:pointer;
	font-size:10px;
	text-align:center;
	font-weight:500;
	padding:13px;
	width:80px;
	height:80px;
	border:1px solid #ef6461;
	border-radius:40px;
	margin-left:75px
}
.iconswitch_layer input[type=radio]:checked+label {
	color:#fff;
	background:#ef6461;
	border-radius:40px;
	border:1px solid #ef6461
}
.iconswitch_layer {
	border:none;
	display:inline-block;
	margin:0;
	width:400px;
	height:80px;
	overflow:visible;
	background-color:transparent
}
.v-centered {
	display:flex;
	justify-content:center;
	align-items:center;
	width:100vw;
	height:500px;
	margin-top:20px
}
.carousel {
	position:relative;
	overflow:hidden;
	width:1200px;
	min-width:1200px
}
.carousel1 {
	position:relative;
	overflow:hidden;
	width:1200px;
	min-width:1200px
}
.carouselnarrow {
	position:relative;
	overflow:hidden;
	width:1200px
}
.carouselnarrow {
	position:relative;
	overflow:hidden;
	width:1200px;
	padding-left:60px
}
.roll {
	position:relative;
	white-space:nowrap;
	font-size:0;
	left:0
}
.rollnarrow {
	position:relative;
	white-space:nowrap;
	font-size:0;
	left:0
}
.project {
	width:370px;
	height:400px;
	background-color:rgba(255,255,255,.9);
	-webkit-box-shadow:5px 5px 5px 1px rgba(0,0,0,.5);
	-moz-box-shadow:5px 5px 5px 1px rgba(0,0,0,.5);
	box-shadow:5px 5px 5px 1px rgba(0,0,0,.5);
	text-align:center;
	margin:0 15px 15px 15px;
	display:inline-block;
	font-size:18px
}
.project img {
	margin-top:12px;
	width:350px;
	height:215px
}
.project p {
	margin:10px 10px 10px 20px;
	padding:0 10px;
	text-align:left;
	color:#484b51;
	white-space:normal
}
.projectnarrow {
	width:330px;
	height:610px;
	vertical-align:text-top;
	background-color:rgba(255,255,255,.8);
	text-align:center;
	margin:140px 50px 15px 0;
	display:inline-block;
	font-size:18px
}
.projectnarrow img {
	margin-top:12px;
	width:310px;
	height:180px
}
.projectnarrow p {
	margin:10px 20px 10px 20px;
	text-align:left;
	color:#484b51;
	white-space:normal
}
.projectnarrow a {
	text-align:left
}
.sections {
	text-align:center;
	color:#dfdfdf;
	font-size:12px
}
.sections i {
	margin:0 2px;
	cursor:pointer
}
.navigation {
	position:absolute;
	border:none;
	padding:0;
	background-color:rgba(35,35,35,.8);
	height:34px;
	width:34px;
	color:#fff;
	font-size:20px;
	text-align:center;
	top:176px;
	z-index:10
}
.navigation:visited {
	text-decoration:none
}
.navigation-hover {
	height:50px;
	width:50px;
	top:168px;
	cursor:pointer
}
.navigation:active {
	text-decoration:none
}
.navigation:focus {
	outline:0
}
.navigation:first-of-type {
	left:15px
}
.navigation:last-of-type {
	right:15px
}
@media screen and (max-width:950px) {
	.carousel {
		position:relative;
		overflow:hidden;
		width:620px
	}
}
@media screen and (max-width:655px) {
	.carousel {
		position:relative;
		overflow:hidden;
		width:310px
	}
}
.project1 {
	width:370px;
	height:400px;
	background-color:rgba(255,255,255,.9);
	-webkit-box-shadow:5px 5px 5px 1px rgba(0,0,0,.5);
	-moz-box-shadow:5px 5px 5px 1px rgba(0,0,0,.5);
	box-shadow:5px 5px 5px 1px rgba(0,0,0,.5);
	text-align:center;
	margin:0 15px 15px 15px;
	display:inline-block;
	font-size:18px
}
.project1 img {
	margin-top:12px;
	width:350px;
	height:215px
}
.project1 p {
	margin:10px 10px 10px 20px;
	padding:0 10px;
	text-align:left;
	color:#484b51;
	white-space:normal
}
@media screen and (max-width:950px) {
	.carousel1 {
		position:relative;
		overflow:hidden;
		width:620px
	}
}
@media screen and (max-width:655px) {
	.carousel1 {
		position:relative;
		overflow:hidden;
		width:310px
	}
}
.sections1 {
	text-align:center;
	color:#dfdfdf;
	font-size:12px
}
.sections1 i {
	margin:0 2px;
	cursor:pointer
}
.navigation1 {
	position:absolute;
	border:none;
	padding:0;
	background-color:rgba(35,35,35,.8);
	height:34px;
	width:34px;
	color:#fff;
	font-size:20px;
	text-align:center;
	top:176px;
	z-index:10
}
.navigation1:visited {
	text-decoration:none
}
.navigation-hover1 {
	height:50px;
	width:50px;
	top:168px;
	cursor:pointer
}
.navigation1:active {
	text-decoration:none
}
.navigation1:focus {
	outline:0
}
.navigation1:first-of-type {
	left:15px
}
.navigation1:last-of-type {
	right:15px
}
.contact {
	width:100%;
	height:300px;
	display:inline-block;
	float:left
}
.container a {
	font-size:12px;
	color:#484b51
}
.container input[type=text],select,textarea {
	width:80%;
	height:35px;
	padding:2px 10px;
	border:1px solid #484b51;
	border-radius:1px;
	box-sizing:border-box;
	margin-top:6px;
	margin-bottom:10px;
	resize:vertical
}
.container input[type=submit] {
	background-color:#0093ff;
	color:#fff;
	width:100px;
	padding:12px 20px;
	border:none;
	border-radius:1px;
	cursor:pointer
}
.container input[type=submit]:hover {
	background-color:#fff;
	color:#0093ff;
	border:2px solid #0093ff
}
.container input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
	color:#b6b6b6
}
.container input::-ms-input-placeholder,textarea::-webkit-input-placeholder {
	color:#b6b6b6
}
.container input::-moz-input-placeholder,textarea::-webkit-input-placeholder {
	color:#b6b6b6
}
.container {
	border-radius:2px;
	background-color:#fff;
	padding:20px;
	margin-left:20px;
	margin-top:20px
}
.select-style5 {
	border:1px solid #484b51;
	width:80%;
	height:35px;
	top:0;
	font-size:10px;
	padding:0 10px 0 15px;
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	position:relative;
	border-radius:0;
	overflow:hidden;
	color:#484b51;
	background:url(../../../images/ViewT1.0/zeke/dropselectarrow.png) no-repeat 97% 50%
}
.select-style5 select {
	padding:5px 8px;
	width:130%;
	border:none;
	box-shadow:none;
	background:0 0;
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	color:#484b51
}
.select-style5 select:focus {
	outline:0
}
.footerwrap {
	width:100%;
	margin-top:0;
	height:80px;
	background-color:#222427
}
.footercontent {
	width:70%;
	min-width:1200px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	height:80px
}

.molit-logobox{
	width:200px;
	position:absolute;
	left:20px;
	height:50px;
	border:none;
	background:0 0;
	top:15px;
	background-image:url('../../../images/introPage/intro/logo_right.png')
	
}
.logobox {
	width:200px;
	position:absolute;
	left:220px;
	height:50px;
	border:none;
	background:0 0;
	top:15px;
	background-image:url(../../../images/ViewT1.0/zeke/koti_logo.png)
}
.footercontent p {
	text-align:left;
	margin-left:450px;
	position:absolute;
	margin-top:25px;
	color:rgba(100,100,100,.9);
	font-size:10px
}
.checkedViewNotice:HOVER {
	cursor:pointer
}
.divCookiehidden label {
	cursor:pointer;
	position:absolute;
	width:15px;
	height:15px;
	margin-left:20px;
	margin-top:5px;
	border:1px solid #fff;
	display:inline-block
}
.divCookiehidden label:after {
	opacity:.2;
	content:'';
	position:absolute;
	width:6px;
	height:4px;
	background:0 0;
	top:10px;
	left:2px;
	border:3px solid #fff;
	border-top:none;
	border-right:none;
	transform:rotate(-45deg);
}
.divCookiehidden label:hover::after {
	opacity:.5
}
.divCookiehidden input[type=checkbox]:checked+label:after {
	opacity:1
}
.checkedViewNotice {
	width:80px;
	height:25px;
	border:1px solid #fff;
	color:#fff;
	text-align:center;
	background-color:transparent;
	font-size:12px
}
.checkedViewNotice:hover {
	background-color:#fff;
	color:#0093ff;
	border:1px solid #fff
}
.imgFrame {
	z-index:-1;
	margin:10px 15px;
	border-top:1px solid #bcbcbc;
	overflow:hidden;
	text-align:center
}
.transitFrame {
	position:absolute;
	z-index:99999;
	background:#fff;
	height:100%;
	width:100%
}
.transitFrameBar:HOVER {
	cursor:move
}
.transitTopMenu {
	float:left;
	width:20%;
	margin:5px 33px;
	writing-mode:tb-rl
}
.transitTopMenu input[type=radio] {
	position:absolute;
	opacity:0
}
.transitTopMenu label {
	padding-left:17px;
	z-index:1;
	color:#b1b1b4;
	background:#e0dfdf;
	font-size:16px;
	position:relative;
	display:inline-block;
	margin-top:0;
	padding-left:17px;
	padding-right:17px;
	margin-bottom:-2px;
	padding-top:0;
	line-height:12px;
	cursor:pointer;
	font-weight:500;
	height:190px
}
.transitTopMenu input[type=radio]:checked+label {
	color:#fff;
	font-size:17px;
	background:#0293ff;
	position:relative;
	display:inline-block;
	margin-top:0;
	padding-left:16px;
	padding-right:17px;
	margin-bottom:-2px;
	padding-top:0;
	line-height:12px;
	cursor:pointer;
	font-weight:500;
	height:190px
}
.transitTopMenu input[type=radio]:checked+label::before {
	top:0;
	width:100%;
	height:100%;
	padding-bottom:5px;
	border-left:4px solid #0093ff;
	background:0 0;
	z-index:-1
}
.transitFrameTitleBar {
	color:#fff;
	padding-top:10px;
	margin-left:20px
}
.transitFrameTitleBarX {
	color:#fff;
	padding-top:7px;
	margin-left:20px;
	font-weight:400;
	font-size:20px;
	padding-right:5px
}
.transitFrameTitleBarX font:HOVER {
	color:red;
	cursor:pointer
}
.transitImgFram {
	float:left;
	width:70.5%;
	margin-top:15px;
	overflow:auto;
	height:650px;
	margin-left:-10px
}
.transitTopMenu label:HOVER {
	font-weight:700
}
.transitFrameBar {
	border:2px solid #fff;
	padding-right:10px;
	background:#0093ff;
	background:-webkit-linear-gradient(#0093ff,#01599a);
	height:50px
}
.third-level-menu {
	position:absolute;
	top:0;
	right:-200px;
	width:200px;
	list-style:none;
	padding:0;
	margin:0;
	display:none
}
.third-level-menu>li {
	height:40px;
	padding-left:20px;
	background:#6f7173
}
.third-level-menu>li:hover {
	background:#0073c8
}
.second-level-menu {
	width:180px;
	list-style:none;
	padding-left:0;
	display:none;
	background:#333;
	left:0;
	color:#fff
}
.second-level-menu>li::BEFORE {
	content:'\275A \0020'
}
.naviText {
	font-size:13px;
	color:#0147cc
}
.second-level-menu>li {
	position:relative;
	height:40px;
	padding-top:9px;
	padding-left:20px;
	background:#0293ff;
	font-size:13px
}
.second-level-menu>li:hover {
	background:#0073c8;
	cursor:pointer
}
.second-level-menu>hr {
	width:240px;
	height:1px;
	opacity:.1
}
.top-level-menu {
	list-style:none;
	padding:0;
	margin-top:0
}
.top-level-menu>li {
	float:left;
	height:30px;
	width:160px;
	align:left;
	display:inline-block
}
.top-level-menu>li:hover {
	background:#0093ff;
	color:#fff
}
.top-level-menu li:hover>ul {
	display:inline
}
.top-level-menu a {
	color:#fff;
	text-decoration:none;
	padding:0 0 0 10px;
	display:block;
	line-height:40px
}
.top-level-menu a:hover {
	color:#fff
}
.second-level-menu>li>a:after {
	margin-right:15px;
	float:right;
	content:'\00bb'
}
.second-level-menu li>a:only-child:after {
	margin-left:0;
	content:''
}
input[name=transitpublicTopMenu] {
	visibility:hidden
}
input[name=transitpublicTopMenu]+label {
	cursor:pointer
}
input[name=transitpublicTopMenu]:checked+label {
	border-bottom:3px solid #0093ff
}
input[name=transitPhonTopMenu] {
	visibility:hidden
}
input[name=transitPhonTopMenu]+label {
	cursor:pointer
}
input[name=transitPhonTopMenu]:checked+label {
	border-bottom:3px solid #44afff
}
input[name=topMenuAL3] {
	visibility:hidden
}
input[name=topMenuAL3]+label {
	cursor:pointer
}
input[name=topMenuAL3]:checked+label {
	border-bottom:2px solid #44afff
}
input[name=topMenuBL3] {
	visibility:hidden
}
input[name=topMenuBL3]+label {
	cursor:pointer
}
input[name=topMenuBL3]:checked+label {
	border-bottom:2px solid #44afff
}
input[name=topMenuCL3] {
	visibility:hidden
}
input[name=topMenuCL3]+label {
	cursor:pointer
}
input[name=topMenuCL3]:checked+label {
	border-bottom:2px solid #44afff
}
input[name=topMenuDL3] {
	visibility:hidden
}
input[name=topMenuDL3]+label {
	cursor:pointer
}
input[name=topMenuDL3]:checked+label {
	border-bottom:2px solid #44afff
}
input[name=busKindRodeCount]+label {
	cursor:pointer
}
input[name=busKindRodeStreet]+label {
	cursor:pointer
}
.third-level-menu {
	position:absolute;
	top:0;
	right:-200px;
	width:200px;
	list-style:none;
	padding:0;
	margin:0;
	display:none
}
.third-level-menu>li {
	height:40px;
	padding-left:20px;
	background:#222427
}
.third-level-menu>li:hover {
	background:#ccc
}
.second-level-menu {
	position:absolute;
	top:40px;
	width:240px;
	list-style:none;
	padding-left:0;
	margin-left:-40px;
	display:none;
	background:#333;
	opacity:.9
}
.second-level-menu>li {
	position:relative;
	height:40px;
	padding-top:0;
	padding-left:40px;
	background:#222427;
	font-size:14px;
	font-weight:300
}
.second-level-menu>li:hover {
	background:#ccc
}
.second-level-menu>hr {
	width:240px;
	height:1px;
	opacity:.1
}
.top-level-menu {
	list-style:none;
	padding:0;
	margin-top:0
}
.top-level-menu>li {
	position:absolute;
	float:left;
	padding-left:40px;
	height:40px;
	width:240px;
	display:inline-block;
	background:#222427
}
.top-level-menu>li:hover {
	background:#ccc
}
.top-level-menu li:hover>ul {
	display:inline
}
.top-level-menu a {
	color:#fff;
	text-decoration:none;
	padding:0 0 0 10px;
	display:block;
	line-height:40px
}
.top-level-menu a:hover {
	color:#fff
}
.top-level-menu div {
	width:25px;
	height:4px;
	background-color:#fff;
	margin:5px 0
}
.second-level-menu>li>a:after {
	margin-right:15px;
	float:right;
	content:'\00bb'
}
.second-level-menu li>a:only-child:after {
	margin-left:0;
	content:''
}
.ol-unselectable:ACTIVE {
	cursor:url(../../../images/ViewT1.0/zeke/handgrab.cur),auto
}
.marker {
	position:absolute;
	width:10px;
	height:10px;
	border:1px solid #088;
	border-radius:5px;
	background-color:#0ff;
	opacity:.5
}
.infoPopUP {
	z-index:999999999999999;
	width:500px;
	top:350px;
	margin-left:50%;
	margin-right:50%;
	left:-250px;
	position:absolute;
	border-top:2px solid #2d2f32;
	font-size:13px;
	color:#fff;
	padding:20px;
	background-color:rgba(0,0,0,.7);
	box-shadow:0 0 4px rgba(0,0,0,.2)
}
.ol-ToolTip {
	position:absolute;
	background-color:#fff;
	-webkit-filter:drop-shadow(0 0 4px rgba(0,0,0,.2));
	filter:drop-shadow(0 0 4px rgba(0,0,0,.2));
	border-radius:2px;
	border:1px solid rgba(25,188,255,.6);
	left:5px;
	min-width:160px;
	width:auto;
	font-size:13px;
	font-weight:500;
	color:#222427
}
.d3Qbictooltip {
	position:fixed;
	opacity:0;
	display:none;
	background-color:#fff;
	-webkit-filter:drop-shadow(0 0 4px rgba(0,0,0,.2));
	filter:drop-shadow(0 0 4px rgba(0,0,0,.2));
	border-radius:2px;
	border:1px solid rgba(25,188,255,.6);
	left:5px;
	min-width:120px;
	width:auto;
	font-size:13px;
	font-weight:500;
	padding:5px;
	color:#222427
}
.ol-popup:HOVER {
	cursor:auto
}
.ol-popup {
	position:absolute;
	background-color:#fff;
	-webkit-filter:drop-shadow(0 1px 4px rgba(0,0,0,.2));
	filter:drop-shadow(0 1px 4px rgba(0,0,0,.2));
	border-radius:5px;
	border:1px solid #ccc;
	bottom:12px;
	left:-50px;
	min-width:260px;
	padding-bottom:10px
}
.ol-popup:after,.ol-popup:before {
	top:100%;
	border:solid transparent;
	content:" ";
	height:0;
	width:0;
	position:absolute;
	pointer-events:none
}
.ol-popup:after {
	border-top-color:#fff;
	border-width:10px;
	left:48px;
	margin-left:-10px
}
.ol-popup:before {
	border-top-color:#ccc;
	border-width:11px;
	left:48px;
	margin-left:-11px
}
.ol-popup-closer {
	text-decoration:none;
	position:absolute;
	top:2px;
	right:8px;
	color:#0093ff
}
.ol-popup-closer:hover {
	cursor:pointer;
	color:red
}
.ol-popup-closer:after {
	content:"✖" !important;
}
#MenuWB {
	display:none
}
#SLALFT {
	position:absolute;
	right:200px;
	top:106px;
	z-index:1;
	width:300px;
	height:auto;
	background:rgba(255,255,255,.6);
	padding-bottom:10px
}
#info {
	position:absolute;
	right:200px;
	top:106px;
	z-index:1;
	width:300px;
	height:auto;
	background:rgba(0,0,0,.6);
	padding-bottom:10px
}
#select_link_talbe {
	position:fixed;
	left:1500px;
	top:150px;
	z-index:1;
	display:none
}
#options {
	position:absolute;
	right:150px;
	top:150px;
	z-index:1;
	width:200px
}
#div_myposition {
	position:absolute;
	background-color:rgba(255,255,255,.8);
	padding:15px;
	border-radius:10px;
	z-index:1;
	display:none
}
#myposition {
	width:150px;
	background:#fff
}
#myposition_1 {
	width:150px;
	background:#fff
}
#div_send_select {
	position:absolute;
	z-index:1;
	display:none
}
#mapKindT {
	position:absolute;
	left:90px;
	top:40px;
	z-index:1
}
.LodingPanelDiv {
	margin:20% auto;
	background-color:rgba(255,255,255,.8);
	position:relative;
	padding:0;
	outline:0;
	width:250px;
	height:180px
}
.LodingPanel {
	z-index:3;
	display:none;
	position:fixed;
	top:0;
	left:0;
	height:100%;
	width:100%;
	overflow:auto;
	background-color:rgba(0,0,0,.4)
}
#Loding {
	position:relative;
	margin:20% 45% 0 45%;
	z-index:1
}
#yearsSelect {
	position:absolute;
	left:55px;
	bottom:8px;
	z-index:1;
	width:60;
	height:60
}
#select_link {
	position:absolute;
	left:545px;
	bottom:8px;
	z-index:1;
	width:60;
	height:60
}
#home_town_bar {
	position:absolute;
	left:550px;
	bottom:8px;
	z-index:1;
	width:700px;
	height:35px;
	background-color:rgba(255,255,255,.8);
	border-radius:2px 2px 0 0;
	text-align:center;
	display:none
}
#select_link_bar {
	position:absolute;
	left:550px;
	bottom:8px;
	z-index:1;
	width:700px;
	height:35px;
	background-color:rgba(255,255,255,.8);
	border-radius:2px 2px 0 0;
	text-align:center;
	display:none
}
#select_link_bar_table_td input {
	display:none
}
.miniMapPaner {
	position:absolute;
	left:10px;
	bottom:10px
}
.miniMapPanerSubB {
	display:inline-block
}
.miniMapPanerSubBArrow {
	background-color:rgba(67,67,67,.8);
	border-radius:0 12px 12px 0;
	position:absolute;
	width:15px;
	margin-top:-85px;
	margin-left:-3px;
	height:90px;
	cursor:pointer
}
.miniMapPanerSubA {
	display:inline-block;
	width:77px;
	height:90px;
	background-color:rgba(69,69,69,.7)
}
.miniMapPanerSubA.on {
	width:430px
}
.miniMapOpen {
	display:none
}
.miniMapOpen div {
	display:inline-block
}
.miniMapOpen.on {
	display:inline-block
}
.miniMapPanerMinMap {
	margin-left:2px;
	margin-top:5px;
	cursor:pointer;
	z-index:1;
	width:65px;
	height:65px;
	background-color:#fff
}
.miniMapPanerMinMapName {
    display: block !important;
    color: white;
    font-size: 13px;
    text-align: center;
    height: 20px;
    margin-top: -5px;
    margin-left: 2px;
}
.cs_Legend_Info_Popup {
	display:none;
	width:100px;
	border-radius:6px;
	padding:5px 0;
	position:absolute;
	z-index:100;
	background-color:#fff;
	border:solid 1px #bfbfbf
}
.cs_Legend_Info_Popup::after {
	content:" ";
	position:absolute;
	top:100%;
	left:50%;
	margin-left:-5px;
	border-width:5px;
	border-style:solid;
	border-color:#bfbfbf transparent transparent transparent
}
.mapTooltipText {
	width:60px;
	background-color:#000;
	color:#fff;
	text-align:center;
	border-radius:6px;
	padding:5px 0;
	position:absolute;
	z-index:1;
	top:-5px;
	left:110%;
	font-size:12px
}
.mapTooltipText::after {
	content:" ";
	position:absolute;
	top:100%;
	left:50%;
	margin-left:-5px;
	border-width:5px;
	border-style:solid;
	border-color:#000 transparent transparent transparent
}
#ChangeMapMain {
	position:absolute;
	left:15px;
	bottom:14px;
	z-index:1;
	width:395px;
	height:70px
}
#changeMapSub {
	display:none;
	position:absolute;
	left:70px;
	bottom:0;
	z-index:1;
	width:325px;
	height:70px;
	background-color:rgba(69,69,69,.7)
}
.changeMapSub_gray {
	position:absolute;
	left:-5px;
	bottom:0;
	z-index:1;
	width:70px;
	height:70px
}
.changeMapSub_color {
	position:absolute;
	left:60px;
	bottom:0;
	z-index:1;
	width:70px;
	height:70px
}
.changeMapSub_dark {
	position:absolute;
	left:125px;
	bottom:0;
	z-index:1;
	width:70px;
	height:70px
}
.changeMapSub_satellite {
	position:absolute;
	left:190px;
	bottom:0;
	z-index:1;
	width:70px;
	height:70px
}
.changeMapSub_none {
	position:absolute;
	left:255px;
	bottom:0;
	z-index:1;
	width:70px;
	height:70px
}
.changeMap {
	position:absolute;
	left:0;
	bottom:0;
	z-index:1;
	width:70px;
	height:70px;
	background-color:rgba(69,69,69,.7)
}
.map_mini_gray {
	padding:5px 0 0 5px;
	width:65px;
	height:65px
}
.map_mini_gray:hover {
	cursor:pointer
}
.map_mini_color {
	padding:5px 0 0 5px;
	width:65px;
	height:65px
}
.map_mini_color:hover {
	cursor:pointer
}
.map_mini_dark {
	padding:5px 0 0 5px;
	width:65px;
	height:65px
}
.map_mini_dark:hover {
	cursor:pointer
}
.map_mini_satellite {
	padding:5px 0 0 5px;
	width:65px;
	height:65px
}
.map_mini_satellite:hover {
	cursor:pointer
}
.map_mini_none {
	margin:5px 0 0 5px;
	width:75px;
	height:75px
}
.map_mini_none:hover {
	cursor:pointer
}
.map_mini {
	padding:5px 0 0 5px;
	width:65px;
	height:65px
}
.map_mini:hover {
	cursor:pointer
}
.ol-zoom {
	display:none
}
.custom-zoom {
	width:80px;
	position:absolute;
	bottom:102px;
	left:10px;
	background:rgba(69,69,69,.7);
	padding:4px;
	border-radius: 0px !important;
}
.custom-zoom button:hover {
	cursor:pointer;
	text-decoration:none;
	background-color:#222427
}
.custom-zoom button {
	float:left;
	margin:1px;
	padding:0;
	color:#fff;
	font-size:1.14em;
	font-weight:700;
	text-decoration:none;
	text-align:center;
	height:25px;
	width:22px;
	line-height:.4em;
	background-color:rgba(0,0,0,.5);
	border:0;
	border-radius:2px
}
.layerSwitcher {
	position:absolute;
	left:545px;
	top:100px;
	z-index:1;
	width:60;
	height:60;
	background:#fff
}
.addLayer {
	position:absolute;
	right:0;
	top:106px;
	z-index:1;
	width:300px;
	height:auto;
	background:rgba(0,0,0,.6);
	padding-bottom:10px
}
#congestion_zone {
	position:absolute;
	left:195px;
	bottom:8px;
	z-index:1;
	width:60;
	height:60
}
#congestion_scan {
	position:absolute;
	left:265px;
	bottom:8px;
	z-index:1;
	width:60;
	height:60
}
#timeMap {
	position:absolute;
	left:335px;
	bottom:8px;
	z-index:1;
	width:60;
	height:60
}
#traffic_hub {
	position:absolute;
	left:405px;
	bottom:8px;
	z-index:1;
	width:60;
	height:60
}
#main_route {
	position:absolute;
	left:125px;
	bottom:8px;
	z-index:1;
	width:60;
	height:60
}
#main_Menu_SubMenu {
	position:absolute;
	z-index:1
}
#main_Menu_SubMenu table tr td:hover {
	background-color:#4f81bd
}
#Indicators_Traffic_SubMenu {
	position:absolute;
	left:52px;
	top:150px;
	z-index:1;
	display:none
}
#mapTopMenu img {
	height:30px
}
.textArea {
	height:25px;
	border:2px solid #616161
}
.topMenu {
	position:absolute;
	top:40px;
	width:100%;
	height:40px;
	background-color:rgba(255,255,255,.7)
}
p {
	font-size:10px
}
.top {
	position:absolute;
	height:30px;
	width:100%;
	height:40px;
	background-color:#fff
}
p {
	margin-top:0;
	margin-bottom:0
}
.ul {
	list-style:none;
	padding-left:0;
	margin-top:0;
	margin-bottom:0
}
.ul img {
	width:30px;
	height:30px
}
.ul>li {
	float:left
}
.ul li ul>li {
	background-color:rgba(0,0,0,.8)
}
.ulChild {
	padding-left:60px
}
.ulChild li {
	float:left
}
.ul li>ul li div:hover {
	background-color:rgba(255,255,255,.8)
}
.ul li>ul li div:hover ul li {
	background-color:rgba(255,255,255,0)
}
.Analyst_Indicators_Traffic_SubMenu li div {
	background:rgba(0,0,0,.3)
}
.addLayer div {
	background:#fff;
	width:280px;
	text-align:center;
	margin-left:10px;
	margin-top:10px
}
.addLayer table tr td input {
	width:50px
}
#SLA_color {
	width:50px
}
.C_Rode_Sub table tr td input {
	width:50px
}
.ui-widget-content-cityResult {
	position:absolute;
	left:1px;
	top:45px;
	z-index:1;
	width:360px;
	height:200px;
	background:rgba(188,188,188,.1);
	padding-bottom:10px;
	cursor:pointer
}
.ui-widget-content1 {
	position:absolute;
	top:60px;
	z-index:1;
	width:630px;
	height:200px;
	background:rgba(255,255,255,.9);
	padding-bottom:10px;
	cursor:pointer
}
#SLA_Bar {
	position:absolute;
	left:550px;
	bottom:8px;
	z-index:1;
	width:700px;
	height:35px;
	background-color:rgba(255,255,255,.8);
	border-radius:2px 2px 0 0;
	text-align:center;
	display:none
}
.ui-helper-hidden-accessible {
	display:none
}
#cityResult {
	font-family:'Noto Sans KR',sans-serif;
	box-shadow:0 0 1px rgba(0,0,0,.4)
}
.adrees:hover {
	background-color:#deebff
}
.cityResultSub1 {
	margin-top:0;
	position:relative;
	width:360px;
	padding-left:0;
	display:inline-block
}
.cityResultSub2 {
	margin-top:0;
	position:relative;
	width:135px;
	display:inline-block;
	margin-left:15px;
	text-align:right;
	padding-right:20px
}
.cityResultAddress {
	padding-left:5px;
	margin-top:-5px;
	position:relative;
	width:370px
}
.SLATextBox {
	border:none;
	text-align:center;
	font-family:'Noto Sans KR',sans-serif;
	font-size:10px;
	background:0 0
}
#thicknessrangeroute4 {
	width:140px;
	height:20px;
	margin-left:30px;
	margin-right:20px;
	margin-top:-4px;
	position:absolute
}
#vkt_scalewidthcontent.on {
	display:none
}
#vkt_classcontent {
	width:100%;
	padding:0;
	margin-top:10px;
	margin-bottom:5px;
	display:none
}
#vkt_classcontent.on {
	display:block
}
#vkt_scalewidthcontent1 {
	width:100%;
	padding:0;
	margin-bottom:5px;
	display:block
}
.changeLabel {
	width:99px;
	padding:20px;
	position:absolute;
	background-color:rgba(255,255,255,1);
	box-shadow:0 0 5px rgba(0,0,0,.3);
	z-index:3;
	margin-top:90px;
	margin-left:300px;
	border:0 solid #fff
}
.AreaSet {
	width:285px;
	min-height:54px;
	padding:20px 20px 10px 20px;
	position:absolute;
	background-color:rgba(255,255,255,1);
	box-shadow:0 0 5px rgba(0,0,0,.3);
	z-index:3;
	margin-top:200px;
	margin-left:45px;
	border:2px solid #fff
}
.AreaSetTopBar {
	width:100%;
	height:50px;
	position:absolute;
	top:0;
	left:0;
	background-color:#2d2f32;
	background:-webkit-linear-gradient(#2d2f32,#222427);
	background:-o-linear-gradient(#2d2f32,#222427);
	background:-moz-linear-gradient(#2d2f32,#222427);
	color:#fff;
	cursor:move
}
.AreaSetTopBar button {
	background:0 0;
	border:none;
	color:#fff;
	cursor:pointer
}
.AreaSetTopBar button:hover {
	color:red
}
.AreaSetTopBar button:focus {
	outline:0
}
.areasetoption input[type=radio] {
	position:absolute;
	visibility:hidden;
	display:none
}
.areasetoption label {
	color:#4d5259;
	display:inline-block;
	position:relative;
	cursor:pointer;
	font-size:12px;
	text-align:center;
	font-weight:500;
	padding:5px 0;
	width:119px;
	height:29px
}
.areasetoption input[type=radio]:checked+label {
	color:#fff;
	background:#4d5259
}
.areasetoption {
	border:solid 1px #4d5259;
	display:inline-block;
	margin-top:50px;
	width:240px;
	height:30px;
	border-radius:0;
	overflow:visible
}
.btnGraphStyle {
	display:inline-block;
	margin-top:2px;
	margin-right:5px
}
.btnGraphStyle button {
	width:60px;
	height:25px;
	color:#f1f1f1;
	border:1px solid #ef6461;
	background-color:#ef6461;
	cursor:pointer
}
.btnGraphStyle button:hover {
	color:#ef6461;
	border:1px solid #ef6461;
	background-color:#fff;
	cursor:pointer
}
.btnGraphStyle2 {
	display:inline-block;
	margin-top:2px;
	margin-right:5px
}
.btnGraphStyle2 button {
	width:60px;
	height:25px;
	color:#f1f1f1;
	border:1px solid #19bcff;
	background-color:#19bcff;
	cursor:pointer
}
.btnGraphStyle2 button:hover {
	color:#19bcff;
	border:1px solid #19bcff;
	background-color:#fff;
	cursor:pointer
}
.btnGraphList {
	display:inline-block;
	margin-top:2px;
	margin-left:7px
}
.btnGraphList button {
	width:60px;
	height:25px;
	color:#4d5259;
	font-size:12px;
	border:1px solid #4d5259;
	background-color:transparent;
	cursor:pointer
}
.btnGraphList button:hover {
	color:#fff;
	border:1px solid #4d5259;
	background-color:#4d5259;
	cursor:pointer
}
.AreaSetbtnbox {
	margin-top:20px;
	margin-right:-10px
}
.AreaSetbtnbox button {
	width:80px;
	height:30px;
	color:#f1f1f1;
	border:1px solid #2d2f32;
	background-color:#2d2f32;
	cursor:pointer
}
.AreaSetbtnbox button:hover {
	color:#2d2f32;
	border:1px solid #2d2f32;
	background-color:#f1f1f1;
	cursor:pointer
}
.plussign {
	width:25px;
	height:27px;
	position:absolute;
	display:inline-block;
	border:none;
	padding:0;
	color:#222427;
	background:#fff;
	font-size:18px;
	point:cursor;
	font-weight:700
}
.plussign:hover {
	color:red;
	font-weight:700
}
.RoadwayAnalysisText {
	margin-top:-10px;
	display:inline-block
}
.RoadwayAnalysisTopBar {
	background-color:#2d2f32;
	background:-webkit-linear-gradient(#2d2f32,#222427);
	background:-o-linear-gradient(#2d2f32,#222427);
	background:-moz-linear-gradient(#2d2f32,#222427);
	color:#fff;
	width:340px;
	height:50px;
	position:absolute;
	top:0;
	left:0;
	cursor:move
}
.RoadwayAnalysisTopBar button {
	width:20px;
	color:#fff;
	background:0 0;
	border:none;
	cursor:pointer;
	appearance:none
}
.RoadwayAnalysisTopBar button:hover {
	color:red;
	font-weight:500
}
.RoadwayAnalysis {
	width:344px;
	min-height:54px;
	padding:0 10px 10px 10px;
	position:absolute;
	background-color:#f1f1f1;
	box-shadow:0 0 10px rgba(0,0,0,.8);
	z-index:3;
	border:2px solid #f1f1f1;
	margin-top:155px;
	margin-left:45px
}
.roadwayDisableFrame {
	position:absolute;
	width:344px;
	height:623px;
	border:2px solid rgba(0,0,0,.3);
	background-color:rgba(0,0,0,.3);
	top:52px;
	left:-2px;
	z-index:3333333;
	display:none
}
.roadwaySearchDisableFrame {
	position:absolute;
	width:344px;
	height:455px;
	border:2px solid rgba(0,0,0,.3);
	background-color:rgba(0,0,0,.3);
	top:52px;
	left:-2px;
	z-index:3333333;
	display:none
}
.roadwayDeleteDisableFrame {
	position:absolute;
	width:344px;
	height:505px;
	border:2px solid rgba(0,0,0,.3);
	background-color:rgba(0,0,0,.3);
	top:52px;
	left:-2px;
	z-index:101;
	display:none
}
.RoadwayAnalysisArea {
	padding-top:15px;
	padding-left:10px;
	padding-right:10px;
	margin-top:52px;
	background-color:#f1f1f1;
	overflow-x:hidden
}
#RoadwayAnalysisMain {
	margin-left:-10px;
	background-color:#fff;
	width:320px
}
#RoadwayAnalysisMainpanel {
	display:block
}
.RoadwayAnalysisArea button {
	color:#7a808b;
	height:25px;
	padding:0 10px;
	display:inline-block;
	margin-right:3px;
	border:1px solid #7a808b;
	cursor:pointer;
	background-color:#fff;
	font-size:12px
}
.RoadwayAnalysisArea button:hover {
	background-color:#747a84;
	color:#fff
}
.MapClickLinkInfo[disabled] {
	background-color:#7a808b;
	color:#fff
}
#btnRoadwayMyLookMap {
	width:120px;
	height:35px;
	background-color:#2d2f32;
	border:none;
	color:#fff;
	margin-top:15px
}
#btnRoadwayMyLookMap:hover {
	background-color:#fff;
	border:1px solid #2d2f32;
	color:#2d2f32
}
#btnRoadwayMyLookMap[disabled] {
	opacity:.5
}
#btnRoadwayMyLookMap[disabled]:hover {
	background-color:#2d2f32;
	border:none;
	color:#fff
}
#btnRoadwayUserLookMap {
	width:120px;
	height:35px;
	background-color:#2d2f32;
	border:none;
	color:#fff;
	margin-top:15px
}
#btnRoadwayUserLookMap:hover {
	background-color:#fff;
	border:1px solid #2d2f32;
	color:#2d2f32
}
#btnRoadwayUserLookMap[disabled] {
	opacity:.5
}
#btnRoadwayUserLookMap[disabled]:hover {
	background-color:#2d2f32;
	border:none;
	color:#fff
}
#btnGetTable[disabled] {
	background-color:#747a84;
	color:#fff;
	opacity:.5
}
#btnGetTable[disabled]:hover {
	background-color:#747a84;
	border:none;
	opacity:.5
}
#btnDeleteRow[disabled] {
	background-color:#747a84;
	color:#fff;
	opacity:.5
}
#btnDeleteRow[disabled]:hover {
	background-color:#747a84;
	border:none;
	opacity:.5
}
#btnRoadwayProduce[disabled] {
	background-color:#747a84;
	color:#fff;
	opacity:.5
}
#btnRoadwayProduce[disabled]:hover {
	background-color:#747a84;
	border:none;
	opacity:.5
}
#btnRoadwayEdit[disabled] {
	background-color:#747a84;
	color:#fff;
	opacity:.5
}
#btnRoadwayEdit[disabled]:hover {
	background-color:#747a84;
	border:none;
	opacity:.5
}
#btnRoadwayMyDelete[disabled] {
	background-color:#747a84;
	color:#fff;
	opacity:.5
}
#btnRoadwayMyDelete[disabled]:hover {
	background-color:#747a84;
	border:none;
	opacity:.5
}
#btnGetMyOrUserTable[disabled] {
	background-color:#747a84;
	color:#fff;
	opacity:.5
}
#btnGetMyOrUserTable[disabled]:hover {
	background-color:#747a84;
	border:none;
	opacity:.5
}
.RoadwayAnalysisArea table {
	border-collapse:collapse;
	border:none
}
.RoadwayAnalysisArea th {
	color:#0093ff;
	font-size:12px;
	font-weight:300;
	border-bottom:2px solid #2d2f32
}
.RoadwayAnalysisArea td {
	color:#4d5259;
	font-size:10px;
	border-bottom:1px solid #4d5259
}
.RoadwayAnalysisArea input::placeholder {
	font-size:9px;
	margin-left:10px
}
.MapClickLinkInfo {
	font-size:10px;
	margin-top:-2px;
	margin-bottom:-3px;
	margin-left:-12px
}
.dragRow {
	background-color:#eee
}
.assign input[type=radio] {
	position:absolute;
	overflow:hidden;
	display:none
}
.assign label {
	color:#d7d7d7;
	display:inline-block;
	cursor:pointer;
	font-size:12px;
	text-align:center;
	font-weight:400;
	padding:8px 20px;
	width:159px;
	height:35px;
	margin-right:-1px
}
.assign input[type=radio]:checked+label {
	color:#fff;
	background:#393c41
}
.assign label+input[type=radio]+label {
	border-left:solid 0 #393c41
}
.assign {
	border:solid 0 #4d5259;
	display:inline-block;
	margin-top:0;
	width:320px;
	height:35px;
	padding:0;
	border-radius:0;
	overflow:hidden;
	background-color:#fff
}
.assignJipyo input[type=radio] {
	position:absolute;
	overflow:hidden;
	display:none
}
.assignJipyo label {
	color:#0093ff;
	display:inline-block;
	cursor:pointer;
	font-size:12px;
	text-align:center;
	font-weight:400;
	padding:7px 20px;
	width:157px;
	height:35px;
	margin-right:-1px
}
.assignJipyo input[type=radio]:checked+label {
	color:#fff;
	background:#0093ff
}
.assignJipyo label+input[type=radio]+label {
	border-left:solid 0 #0093ff
}
.assignJipyo {
	border:solid 2px #0093ff;
	display:inline-block;
	margin-top:5px;
	width:320px;
	height:35px;
	padding:0;
	border-radius:0;
	overflow:hidden;
	background-color:#fff
}
.RWSearchframeText {
	margin-top:0;
	display:inline-block
}
.RWSearchframeTopBar {
	background-color:#7a808b;
	width:340px;
	height:30px;
	position:absolute;
	top:0;
	left:0
}
.RWSearchframeTopBar button {
	width:20px;
	color:#fff;
	background:0 0;
	border:none;
	cursor:pointer;
	appearance:none
}
.RWSearchframeTopBar button:hover {
	color:red
}
.RWSearchframe {
	width:340px;
	padding:10px;
	position:absolute;
	background-color:rgba(255,255,255,1);
	box-shadow:0 0 10px rgba(0,0,0,.8);
	z-index:3;
	top:52px;
	margin-left:340px;
	border:0 solid #fff;
	display:inline-block
}
.RWSearchArea {
	padding-top:15px;
	padding-left:10px;
	padding-right:10px;
	margin-top:5px;
	background-color:rgba(255,255,255,1)
}
.RWSearchArea button {
	color:#fff;
	height:25px;
	padding:0 10px;
	display:inline-block;
	margin-right:3px;
	border:1px solid #7a808b;
	background-color:#7a808b;
	font-size:12px
}
.RWSearchArea button:hover {
	color:#fff;
	border:1px solid #4d5259;
	cursor:pointer;
	background-color:#4d5259
}
.RWSearchArea input::placeholder {
	font-size:9px;
	margin-left:10px
}
.RWAddEditframeText {
	margin-top:0;
	display:inline-block
}
.RWAddEditframeTopBar {
	background-color:#fff;
	width:300px;
	height:15px;
	top:0;
	left:0
}
.RWAddEditframeTopBar button {
	width:20px;
	height:10px;
	color:#0093ff;
	background:0 0;
	border:none;
	cursor:pointer;
	appearance:none
}
.RWAddEditframeTopBar button:hover {
	color:red
}
.RWAddEditframe {
	width:300px;
	padding:0;
	background-color:rgba(255,255,255,1);
	margin-top:0;
	margin-left:0;
	border:0 solid #fff
}
.RWAddEditArea {
	padding-top:0;
	padding-left:0;
	padding-right:0;
	margin-top:0;
	background-color:rgba(255,255,255,1)
}
.RWAddEditArea button {
	color:#4d5259;
	height:25px;
	padding:0 10px;
	display:inline-block;
	margin-right:3px;
	border:1px solid #4d5259;
	cursor:pointer;
	background-color:#fff;
	font-size:12px
}
.RWAddEditAreaname button {
	color:#fff;
	height:25px;
	padding:0 10px;
	display:inline-block;
	margin-right:3px;
	border:1px solid #7a808b;
	cursor:pointer;
	background-color:#7a808b;
	font-size:12px
}
.RWAddEditAreaname button:hover {
	color:#fff;
	border:1px solid #4d5259;
	cursor:pointer;
	background-color:#4d5259
}
.RWGetTableframeText {
	margin-top:0;
	display:inline-block
}
.RWGetTableframeTopBar {
	background-color:#7a808b;
	width:340px;
	height:30px;
	position:absolute;
	top:0;
	left:0;
	cursor:grabbing
}
.RWGetTableframeTopBar button {
	width:20px;
	height:10px;
	color:#fff;
	background:0 0;
	border:none;
	cursor:pointer;
	appearance:none
}
.RWGetTableframeTopBar button:hover {
	color:red
}
.RWGetTableframe {
	width:340px;
	padding:10px;
	position:absolute;
	background-color:#f1f1f1;
	box-shadow:0 0 10px rgba(0,0,0,.8);
	top:52px;
	margin-left:340px;
	border:0 solid #fff;
	display:inline-block
}
.RWGetTableArea {
	padding-top:15px;
	padding-left:10px;
	padding-right:10px;
	margin-top:5px;
	background-color:transparent
}
.RWGetTableArea button {
	color:#fff;
	height:25px;
	padding:0 10px;
	display:inline-block;
	margin-right:3px;
	border:1px solid #7a808b;
	background-color:#7a808b;
	font-size:12px
}
.RWGetTableArea button:hover {
	color:#fff;
	border:1px solid #4d5259;
	cursor:pointer;
	background-color:#4d5259
}
.RWGetTableArea input::placeholder {
	font-size:9px;
	margin-left:10px
}
.RWDeleteframeText {
	margin-top:0;
	display:inline-block
}
.RWDeleteframeTopBar {
	background-color:#393c41;
	width:300px;
	height:30px;
	position:absolute;
	top:0;
	left:0
}
.RWDeleteframeTopBar button {
	width:20px;
	height:10px;
	color:#fff;
	background:0 0;
	border:none;
	cursor:pointer;
	appearance:none
}
.RWDeleteframeTopBar button:hover {
	color:red
}
.RWDeleteframe {
	width:300px;
	padding:10px;
	position:absolute;
	background-color:#f1f1f1;
	box-shadow:0 0 5px rgba(0,0,0,.4);
	top:215px;
	z-index:101;
	border:0 solid #fff;
	display:inline-block
}
.RWDeleteArea {
	padding-top:15px;
	padding-left:10px;
	padding-right:10px;
	margin-top:5px;
	background-color:transparent
}
.RWDeleteArea button {
	color:#fff;
	height:25px;
	padding:0 10px;
	display:inline-block;
	margin-right:3px;
	border:1px solid #939495;
	background-color:#939495;
	font-size:12px
}
.RWDeleteArea button:hover {
	color:#fff;
	border:1px solid #4d5259;
	cursor:pointer;
	background-color:#4d5259
}
.RWDeleteArea input::placeholder {
	font-size:9px;
	margin-left:10px
}
.assigngettable input[type=radio] {
	position:absolute;
	overflow:hidden;
	display:none
}
.assigngettable label {
	color:#d7d7d7;
	display:inline-block;
	cursor:pointer;
	font-size:12px;
	text-align:center;
	font-weight:400;
	padding:5px 20px;
	width:147px;
	height:30px;
	margin-right:-1px
}
.assigngettable input[type=radio]:checked+label {
	color:#fff;
	background:#393c41
}
.assigngettable label+input[type=radio]+label {
	border-left:solid 0 #393c41
}
.assigngettable {
	border:solid 2px #393c41;
	display:inline-block;
	margin-top:10px;
	width:300px;
	height:30px;
	padding:0;
	border-radius:0;
	overflow:hidden;
	background-color:#fff
}
.complexSearchframe {
	width:404px;
	min-height:54px;
	padding:0 10px 0 10px;
	position:absolute;
	background-color:#f1f1f1;
	box-shadow:0 0 10px rgba(0,0,0,.8);
	z-index:3;
	border:2px solid #f1f1f1;
	margin-top:115px;
	margin-left:45px;
	display:inline-block
}
.complexSearchframeText {
	margin-top:15px;
	display:inline-block
}
.complexSearchframeTopBar {
	background-color:#2d2f32;
	background:-webkit-linear-gradient(#2d2f32,#222427);
	background:-o-linear-gradient(#2d2f32,#222427);
	background:-moz-linear-gradient(#2d2f32,#222427);
	color:#fff;
	width:400px;
	height:50px;
	position:absolute;
	top:0;
	left:0;
	cursor:move
}
.complexSarachMainFrame {
	padding:0
}
.complexSearchframeTopBar button {
	width:20px;
	color:#fff;
	background:0 0;
	border:none;
	cursor:pointer
}
.complexSearchframeTopBar button:hover {
	color:red
}
.complexSearchDisableFrame {
	position:absolute;
	width:403px;
	border:2px solid rgba(0,0,0,.3);
	background-color:rgba(0,0,0,.3);
	top:50px;
	left:-2px;
	z-index:102;
	display:none
}
.complexSearchArea {
	padding-top:5px;
	padding-left:10px;
	padding-right:10px;
	margin-top:10px;
	background-color:rgba(255,255,255,1)
}
.complexSearchAreabtn1:hover {
	background-image:url(../../../images/ViewT1.0/zeke/reload1.jpg);
	background-repeat:no-repeat;
	left:0x;
	top:0;
	color:#393c41;
	border:0 solid #e0e0e0
}
.complexSearchAreabtn1 {
	background-image:url(../../../images/ViewT1.0/zeke/reload.jpg);
	left:0;
	top:0;
	background-repeat:no-repeat;
	background-color:transparent;
	width:90px;
	height:30px;
	color:#e0e0e0;
	border:1px solid #e0e0e0;
	margin-right:3px;
	text-align:center;
	padding:0;
	font-size:11px;
	cursor:pointer;
	font-weight:200
}
.complexSearchAreabtn2:hover {
	background-image:url(../../../images/ViewT1.0/zeke/adding1.jpg);
	background-repeat:no-repeat;
	left:0x;
	top:0;
	color:#393c41;
	border:0 solid #e0e0e0
}
.complexSearchAreabtn2 {
	background-image:url(../../../images/ViewT1.0/zeke/adding.jpg);
	left:0;
	top:0;
	background-repeat:no-repeat;
	background-color:transparent;
	width:90px;
	height:30px;
	color:#e0e0e0;
	border:1px solid #e0e0e0;
	margin-right:3px;
	text-align:center;
	padding:0;
	font-size:11px;
	cursor:pointer;
	font-weight:200
}
.complexSearchLookUpframeText {
	margin-top:0;
	display:inline-block
}
.complexSearchLookUpframeTopBar {
	background-color:#7a808b;
	width:340px;
	height:30px;
	position:absolute;
	top:0;
	left:0
}
.complexSearchLookUpframeTopBar button {
	width:20px;
	color:#fff;
	background:0 0;
	border:none;
	cursor:pointer;
	appearance:none
}
.complexSearchLookUpframeTopBar button:hover {
	color:red
}
.complexSearchLookUpframe {
	width:340px;
	padding:10px;
	position:absolute;
	background-color:rgba(255,255,255,1);
	box-shadow:0 0 10px rgba(0,0,0,.8);
	z-index:3;
	top:50px;
	margin-left:400px;
	border:0 solid #fff;
	display:inline-block
}
.complexSearchLookUpArea {
	padding-top:15px;
	padding-left:10px;
	padding-right:10px;
	margin-top:5px;
	background-color:rgba(255,255,255,1)
}
.complexSearchLookUpArea input::placeholder {
	font-size:9px;
	margin-left:10px
}
.complexSearchLookUpArea button {
	color:#f1f1f1;
	height:25px;
	padding:0 10px;
	display:inline-block;
	margin-right:3px;
	border:1px solid #7a808b;
	cursor:pointer;
	background-color:#7a808b;
	font-size:12px
}
.complexSearchLookUpArea button:hover {
	color:#f1f1f1;
	border:1px solid #4d5259;
	background-color:#4d5259
}
.complexSearchRoadWayframeText {
	margin-top:0;
	display:inline-block
}
.complexSearchRoadWayframeTopBar {
	background-color:#7a808b;
	width:340px;
	height:30px;
	position:absolute;
	top:0;
	left:0
}
.complexSearchRoadWayframeTopBar button {
	width:20px;
	color:#fff;
	background:0 0;
	border:none;
	cursor:pointer;
	appearance:none
}
.complexSearchRoadWayframeTopBar button:hover {
	color:red
}
.complexSearchRoadWayframe {
	width:340px;
	padding:10px;
	position:absolute;
	background-color:rgba(255,255,255,1);
	box-shadow:0 0 10px rgba(0,0,0,.8);
	z-index:3;
	top:50px;
	margin-left:400px;
	border:0 solid #fff;
	display:inline-block
}
.complexSearchRoadWayArea {
	padding-top:15px;
	padding-left:10px;
	padding-right:10px;
	margin-top:5px;
	background-color:rgba(255,255,255,1)
}
.complexSearchRoadWayArea input::placeholder {
	font-size:9px;
	margin-left:10px
}
.complexSearchRoadWayArea button {
	color:#f1f1f1;
	height:25px;
	padding:0 10px;
	display:inline-block;
	margin-right:3px;
	border:1px solid #7a808b;
	cursor:pointer;
	background-color:#7a808b;
	font-size:12px
}
.complexSearchRoadWayArea button:hover {
	color:#f1f1f1;
	border:1px solid #4d5259;
	background-color:#4d5259
}
.checkBoxVisible>input[type=checkbox] {
	visibility:visible
}
.radioVisible>input[type=radio] {
	visibility:visible
}
.searchCansle {
	left:269px;
	top:120px;
	position:absolute;
	width:28px;
	height:10px;
	background-color:transparent
}
.complexSearchMultiselect {
	display:inline-block;
	width:130px;
	margin-left:55px;
	z-index:33333
}
.complexSearchSelectBox {
	position:relative
}
.complexSearchSelectBox select {
	width:100%
}
.complexSearchOverSelect {
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0
}
#complexSearchCheckboxes {
	position:absolute;
	display:none;
	border:1px #4d5259 solid;
	height:73px;
	width:130px;
	padding-bottom:10px;
	background-color:#fff
}
#complexSearchCheckboxes label {
	display:block
}
.greycheckbox {
	margin-left:0;
	display:inline-block
}
.greycheckbox input[type=checkbox] {
	position:absolute;
	opacity:0
}
.greycheckbox label {
	position:relative;
	display:inline-block;
	margin-right:5px;
	margin-top:0;
	padding-left:14px;
	padding-right:10px;
	margin-bottom:5px;
	padding-top:2px;
	line-height:12px;
	cursor:pointer;
	font-size:11px
}
.greycheckbox label::before {
	content:" ";
	position:absolute;
	top:2px;
	left:0;
	display:block;
	width:10px;
	height:10px;
	border:1px solid #4d5259;
	border-radius:2px
}
.greycheckbox input[type=checkbox]:checked+label {
	padding-left:14px;
	z-index:1;
	color:#fff
}
.greycheckbox input[type=checkbox]:checked+label::before {
	top:-4px;
	width:100%;
	height:20px;
	border:2px solid #393c41;
	background:#393c41;
	z-index:-1
}
.greycheckbox label,.greycheckbox label::before {
	-webkit-transition:.25s all ease;
	-o-transition:.25s all ease;
	transition:.25s all ease
}
.greyradiobox {
	margin-left:5px;
	margin-top:0;
	position:relative;
	display:inline-block
}
.greyradiobox input[type=radio] {
	position:absolute;
	opacity:0
}
.greyradiobox label {
	position:relative;
	display:inline-block;
	margin-right:20px;
	margin-top:0;
	padding-left:14px;
	padding-right:10px;
	margin-bottom:5px;
	padding-top:2px;
	line-height:12px;
	cursor:pointer;
	font-size:11px
}
.greyradiobox label::before {
	content:" ";
	position:absolute;
	top:2px;
	left:0;
	display:block;
	width:10px;
	height:10px;
	border:0 solid #4d5259
}
.greyradiobox input[type=radio]:checked+label {
	padding-left:14px;
	z-index:1;
	color:#393c41
}
.greyradiobox input[type=radio]:checked+label::before {
	top:-4px;
	width:100%;
	height:20px;
	padding-bottom:5px;
	border-bottom:4px solid #2d2f32;
	background:0 0;
	z-index:-1
}
.searchresultbtn input[type=radio] {
	position:absolute;
	overflow:hidden;
	display:none
}
.searchresultbtn label {
	color:#393c41;
	display:inline-block;
	cursor:pointer;
	font-size:11px;
	text-align:center;
	font-weight:400;
	padding:6px 20px;
	width:119px;
	height:30px;
	transition:background .6s ease,color .6s ease
}
.searchresultbtn input[type=radio]:checked+label {
	color:#fff;
	background:#393c41
}
.searchresultbtn label+input[type=radio]+label {
	border-left:solid 1px #393c41;
	margin-left:-4px
}
.searchresultbtn {
	border:solid 1px #393c41;
	display:inline-block;
	margin-top:10px;
	width:357px;
	height:30px;
	padding:1px;
	overflow:hidden;
	background-color:#fff;
	box-sizing:content-box
}
.tableerasebtn {
	color:#7a808b;
	width:80px;
	height:25px;
	padding:0 10px;
	display:inline-block;
	margin-right:3px;
	border:1px solid #7a808b;
	cursor:pointer;
	background-color:#fff;
	font-size:12px;
	margin-left:10px;
	margin-top:-15px;
	display:inline-block
}
.tableerasebtn:hover {
	background-color:#747a84;
	color:#fff
}
.tableerasebtn1 {
	color:#fff;
	width:100px;
	height:30px;
	padding:0 10px;
	display:inline-block;
	margin-right:3px;
	border:1px solid #2d2f32;
	cursor:pointer;
	background-color:#2d2f32;
	font-size:12px;
	float:right;
	margin-right:10px;
	display:inline-block;
	margin-top:-2px
}
.tableerasebtn1:hover {
	background-color:#fff;
	color:#2d2f32
}
.ToolTipqQnAFrame {
	z-index:3;
	position:fixed;
	top:0;
	left:0;
	height:100%;
	width:100%;
	overflow:auto;
	background-color:rgba(0,0,0,.4)
}
.ToolTipqQnApanel {
	margin:17% 50%;
	left:-250px;
	background-color:#fff;
	position:relative;
	padding:0;
	outline:0;
	width:500px;
	height:300px;
	overflow:hidden
}
#commentQnA::-webkit-scrollbar-track {
	-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
	border-radius:10px;
	background-color:#f5f5f5
}
#commentQnA::-webkit-scrollbar {
	width:12px;
	background-color:#f5f5f5
}
#commentQnA::-webkit-scrollbar-thumb {
	border-radius:10px;
	-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
	background-color:#aaa
}
.btnToolTipSubmitBox {
	margin-top:10px;
	margin-bottom:10px;
	margin-right:0
}
.btnToolTipSubmitBox button {
	width:60px;
	height:25px;
	color:#f1f1f1;
	border:1px solid #4d5259;
	cursor:pointer;
	background-color:#4d5259;
	font-size:11px;
	margin-right:10px
}
.btnToolTipSubmitBox button:HOVER {
	cursor:pointer;
	color:#4d5259;
	background-color:#f1f1f1
}
.btnTooltipQnABox {
	margin-top:20px;
	margin-bottom:10px;
	margin-right:20px
}
.btnTooltipQnABox button {
	width:80px;
	height:25px;
	color:#0093ff;
	border:1px solid #0093ff;
	cursor:pointer;
	background-color:#fff;
	font-size:11px
}
.btnTooltipQnABox button:HOVER {
	cursor:pointer;
	color:#f1f1f1;
	background-color:#0093ff
}
.commentFrame {
	border-top:1px dashed rgba(174,184,199,.3);
	padding:10px;
	margin-top:2px;
	margin-bottom:2px
}
.commentUserID {
	color:rgba(174,184,199,.8);
	font-size:10px;
	display:inline-block;
	width:100%
}
.commentbtnX:HOVER {
	color:red;
	cursor:pointer
}
.commentDelete {
	display:inline-block;
	float:right;
	color:#0093ff;
	font-size:13px
}
.commentTextArea {
	color:#0093ff
}
.commentDate {
	font-size:10px;
	color:rgba(174,184,199,.8)
}
.commentLookBox {
	text-align:right;
	margin-right:0
}
.commentLookBox button {
	width:60px;
	height:25px;
	color:#4d5259;
	border:1px solid #4d5259;
	cursor:pointer;
	background-color:#fff;
	font-size:11px
}
.commentLookBox button:HOVER {
	cursor:pointer;
	color:#f1f1f1;
	background-color:#4d5259
}
.commentMasterFrame {
	color:rgba(174,184,199,.9);
	font-size:12px;
	padding-top:10px;
	padding-bottom:10px
}
.commentMasterText {
	color:#4d5259
}
.ui-ellipsis {
	text-overflow:ellipsis;
	-moz-binding:url(ellipsis-xbl.xml#ellipsis)
}
.serachLinkPOI:hover {
	background-color:#dedede;
	cursor:pointer
}
.serachLinkPOI1 {
	margin-top:0;
	position:relative;
	width:43px;
	padding-left:0;
	display:inline-block
}
.serachLinkPOI2 {
	margin-top:0;
	position:relative;
	width:186px;
	display:inline-block;
	margin-left:23px;
	text-align:right;
	padding-right:3px
}
.serachLinkPOIClass1 {
	font-weight:500;
	font-size:12px;
	color:#0093ff;
	padding-left:15px
}
.serachLinkPOIClass2 {
	color:#222427;
	font-size:9px;
	line-height:3em;
	padding-left:10px
}
.searchLinkFrameSub {
	position:absolute;
	overflow:auto;
	background:#fdfdfd;
	display:none;
	left:50px;
	top:273px;
	padding:1px;
	max-height:300px;
	width:327px;
	z-index:4
}
.searchLinkFrame {
	position:absolute;
	background:rgba(0,0,0,.6);
	left:360px;
	top:90px;
	display:none;
	padding:1px;
	width:465px;
	z-index:4
}
.searchLinkSubFrame {
	padding:5px 5px 7px 8px
}
.btnSearchLinkBox {
	display:inline-block;
	margin-top:0;
	position:absolute;
	margin-left:5px
}
.btnSearchLinkBox button {
	width:80px;
	height:24px;
	margin-left:0;
	padding:3px 10px;
	text-align:center;
	font-size:11px;
	color:#fff;
	border:0 solid #4d5259;
	background-color:#4d5259;
	cursor:pointer
}
.btnSearchLinkBox button:hover {
	background-color:#bcbcbc;
	color:#222427
}
.ui-paging-info {
	font-size:10px
}
.ui-jqgrid-bdiv {
	overflow-x:hidden
}
.minimize {
	width:14px;
	height:22px;
	margin-top:12px;
	overflow:hidden;
	background:0 0;
	background-image:url(../../../images/ViewT1.0/zeke/underbar.png);
	background-repeat:no-repeat;
	background-position:left;
	background-size:100%
}
.maximize {
	width:14px;
	height:22px;
	margin-top:14px;
	overflow:hidden;
	background:0 0;
	background-image:url(../../../images/ViewT1.0/zeke/rectangle.png);
	background-repeat:no-repeat;
	background-position:left;
	background-size:100%
}
#complexSearchframeHidden:hover .minimize {
	background-image:url(../../../images/ViewT1.0/zeke/underbarhover.png)
}
#complexSearchframeHidden:hover .maximize {
	background-image:url(../../../images/ViewT1.0/zeke/rectanglehover.png)
}
#RAMinimaize:hover .minimize {
	background-image:url(../../../images/ViewT1.0/zeke/underbarhover.png)
}
#RAMinimaize:hover .maximize {
	background-image:url(../../../images/ViewT1.0/zeke/rectanglehover.png)
}
#btnAreaSetMinimaize:hover .minimize {
	background-image:url(../../../images/ViewT1.0/zeke/underbarhover.png)
}
#btnAreaSetMinimaize:hover .maximize {
	background-image:url(../../../images/ViewT1.0/zeke/rectanglehover.png)
}
.gLabelCustomFrame {
	width:200px;
	position:absolute;
	background-color:rgba(255,255,255,1);
	box-shadow:0 0 5px rgba(0,0,0,.3);
	z-index:3;
	border:0 solid #fff
}
.gLabelCustomFrameTop {
	width:100%;
	height:30px;
	background-color:#2d2f32;
	background:-webkit-linear-gradient(#2d2f32,#222427);
	background:-o-linear-gradient(#2d2f32,#222427);
	background:-moz-linear-gradient(#2d2f32,#222427);
	color:#fff
}
.gLabelCustomFrameTop button {
	background:0 0;
	border:none;
	color:#fff;
	cursor:pointer
}
.mainCutomLabel.f {
	margin-left:71px;
	margin-top:-31px
}
.mainCutomLabel.f button {
	background-color:#fff;
	border:1px solid #19bcff;
	color:#19bcff;
	width:20px;
	height:20px;
	text-align:center;
	transition:.3s;
	display:inline-block;
	text-decoration:none;
	cursor:pointer
}
.mainCutomLabel.f button:HOVER {
	background-color:#19bcff;
	color:#fff
}
.mainCutomLabel.f button.on {
	background-color:#19bcff;
	color:#fff
}
.mainCutomLabel.j {
	margin-left:65px;
	margin-top:-31px
}
.mainCutomLabel.j button {
	background-color:#fff;
	border:1px solid #ef6461;
	color:#ef6461;
	width:20px;
	height:20px;
	text-align:center;
	transition:.3s;
	display:inline-block;
	text-decoration:none;
	cursor:pointer
}
.mainCutomLabel.j button:HOVER {
	background-color:#ef6461;
	color:#fff
}
.mainCutomLabel.j button.on {
	background-color:#ef6461;
	color:#fff
}
.mainCutomLabel.m {
	margin-left:65px;
	margin-top:-31px
}
.mainCutomLabel.m button {
	background-color:#fff;
	border:1px solid #1ad060;
	color:#1ad060;
	width:20px;
	height:20px;
	text-align:center;
	transition:.3s;
	display:inline-block;
	text-decoration:none;
	cursor:pointer
}
.mainCutomLabel.m button:HOVER {
	background-color:#1ad060;
	color:#fff
}
.mainCutomLabel.m button.on {
	background-color:#1ad060;
	color:#fff
}
.mainCutomLabel.pt {
	margin-left:71px;
	margin-top:-31px
}
.mainCutomLabel.pt button {
	background-color:#fff;
	border:1px solid #63656b;
	color:#e8ce27;
	width:20px;
	height:20px;
	text-align:center;
	transition:.3s;
	display:inline-block;
	text-decoration:none;
	cursor:pointer
}
.mainCutomLabel.pt button:HOVER {
	background-color:#e8ce27;
	color:#fff
}
.mainCutomLabel.pt button.on {
	background-color:#e8ce27;
	color:#fff
}
.gLabelCustomButtom {
	display:inline-block;
	float:right;
	margin-top:35px
}
.gLabelCustomButtom button {
	cursor:pointer;
	background-color:#fff;
	color:#4d5259;
	border:1px solid #4d5259;
	float:right;
	padding:3px 10px;
	text-align:center;
	text-decoration:none;
	display:block;
	font-size:12px;
	width:50px;
	margin-right:5px;
	margin-bottom:10px
}
.gLabelCustomButtom button:hover {
	background-color:#7a808b;
	color:#fff
}
.gLabelCustomArea {
	height:120px;
	margin:0 10px
}
.gLabelCustomArea>h* {
	color:red
}
.SelectedLinkanalysisRoad button {
	background-color:#fff;
	color:#4d5259;
	border:1px solid #4d5259;
	padding:0 5px;
	text-align:center;
	text-decoration:none;
	display:block;
	font-size:12px;
	height:25px;
	width:60px;
	cursor:pointer
}
.SelectedLinkanalysisRoad button:hover {
	background-color:#7a808b;
	color:#fff
}
#bpOD_cover {
	width:260px;
	top:0;
	overflow:hidden;
	z-index:3;
	position:absolute;
	display:none;
	background-color:rgba(0,0,0,.3)
}
.btnCCTV {
	display:inline-block;
	position:absolute;
	margin-left:32px;
	margin-top:6px;
	border-radius:15px
}
.btnCCTV button {
	width:80px;
	background-color:#fff;
	color:#222427;
	border-left:0 solid #222427;
	float:right;
	padding:3px;
	text-align:center;
	text-decoration:none;
	display:inline-block;
	font-size:12px;
	cursor:pointer;
	border-radius:15px
}
.btnCCTV button:HOVER {
	width:80px;
	background-color:#222427;
	color:#fff;
	border-left:0 solid #fff;
	float:right;
	padding:3px;
	text-align:center;
	text-decoration:none;
	display:inline-block;
	font-size:12px;
	border-radius:15px
}
.btnCCTV button.on {
	width:80px;
	background-color:#222427;
	color:#fff;
	border-left:0 solid #fff;
	float:right;
	padding:3px;
	text-align:center;
	text-decoration:none;
	display:inline-block;
	font-size:12px;
	border-radius:15px
}
#cctvMouseoverPopup {
	position:absolute;
	background-color:#fefde7;
	border-radius:5px;
	border:1px solid #ccc;
	min-width:150px;
	padding:5px;
	font-size:13px;
	text-align:center;
	bottom:-13px;
	left:12px
}
#cctvTypeFrame {
	display:none;
	margin-top:0;
	position:absolute;
	margin-left:405px;
	margin-top:55px;
	z-index:4
}
#cctvTypeFrame button {
	width:80px;
	height:24px;
	margin-left:0;
	padding:3px 10px;
	text-align:center;
	font-size:11px;
	color:#fff;
	border:0 solid #4d5259;
	background-color:#4d5259;
	cursor:pointer
}
#cctvTypeFrame button:hover {
	background-color:#bcbcbc;
	color:#222427
}
#hwOpaConfirm {
	position:absolute;
	right:20px;
	bottom:64px;
	width:45px;
	font-size:12px;
	padding:1px;
	background-color:#fff;
	color:#4d5259;
	border:1px solid #4d5259;
	text-align:center;
	text-decoration:none;
	display:inline-block;
	cursor:pointer
}
#hwOpaConfirm:hover {
	background-color:#7a808b;
	color:#fff
}
#expTable {
	position:relative;
	left:36px;
	margin:10px
}
#expTable th {
	padding:5px;
	vertical-align:middle
}
#expTable td {
	padding:10px;
	font-size:12px;
	vertical-align:middle
}
#area_opa {
	width:34px;
	font-size:15px
}
#selOpacity {
	width:34px;
	font-size:15px
}
.RoadView {
	width:1200px;
	min-height:54px;
	padding:20px 20px 10px 20px;
	position:absolute;
	background-color:rgba(255,255,255,1);
	box-shadow:0 0 5px rgba(0,0,0,.3);
	z-index:3;
	margin-top:180px;
	margin-left:45px;
	margin-right:550px;
	border:2px solid #fff
}
.RoadViewTopBar {
	width:100%;
	height:50px;
	position:absolute;
	top:0;
	left:0;
	background-color:#2d2f32;
	background:-webkit-linear-gradient(#2d2f32,#222427);
	background:-o-linear-gradient(#2d2f32,#222427);
	background:-moz-linear-gradient(#2d2f32,#222427);
	color:#fff;
	cursor:move
}
.RoadViewTopBar button {
	background:0 0;
	border:none;
	color:#fff;
	cursor:pointer
}
.RoadViewTopBar button:hover {
	color:red
}
.RoadViewTopBar button:focus {
	outline:0
}
#btnMarkerSwitch.on {
	background-color:#f18282
}
#PT_smr_scalewidthcontent {
	width:100%;
	padding:0;
	margin-bottom:25px;
	display:block
}
#PT_smr_scalewidthcontent.on {
	display:none
}
#PT_smr_classcontent {
	width:100%;
	padding:0;
	margin-top:10px;
	margin-bottom:5px;
	display:none
}
#PT_smr_classcontent.on {
	display:block
}
#PT_smr_functionsubpanelcover {
	width:260px;
	height:295px;
	margin-top:-315px;
	overflow:hidden;
	z-index:3;
	position:absolute;
	display:none;
	background-color:rgba(0,0,0,.3)
}
#mr_scalewidthcontent {
	width:100%;
	padding:0;
	margin-bottom:25px;
	display:block
}
#mr_scalewidthcontent.on {
	display:none
}
#mr_classcontent {
	width:100%;
	padding:0;
	margin-top:10px;
	margin-bottom:5px;
	display:none
}
#mr_classcontent.on {
	display:block
}
#mr_functionsubpanelcover {
	width:260px;
	height:295px;
	margin-top:-315px;
	overflow:visible;
	z-index:3;
	position:absolute;
	display:none;
	background-color:rgba(0,0,0,.3)
}
.axis text {
	font:10px sans-serif
}
.axis line,.axis path {
	fill:none;
	stroke:#000;
	shape-rendering:crispEdges
}
.path-line {
	fill:none;
	stroke:#ff0;
	stroke-width:1.5px
}
.cRect_range {
	cursor:pointer
}
.cCir {
	fill:#3d3d3d;
	stroke:#fff;
	stroke-width:1;
	cursor:pointer;
	z-index:100
}
.cRect_range {
	fill:#000;
	opacity:.3
}
.axis--y .tick {
	display:none
}
.graphtooltip {
	position:absolute;
	width:120px;
	height:auto;
	padding:10px;
	text-align:center;
	background-color:#fff;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	-webkit-box-shadow:4px 4px 10px rgba(0,0,0,.4);
	-moz-box-shadow:4px 4px 10px rgba(0,0,0,.4);
	box-shadow:4px 4px 10px rgba(0,0,0,.4);
	pointer-events:none
}
.graphtooltip.hidden {
	display:none
}
.graphtooltip p {
	margin:0;
	font-family:Futura;
	font-size:16px;
	line-height:20px
}
#searchChart svg {
	background:#fff
}
#searchChart .axis line,#searchChart .axis path {
	fill:none;
	stroke:#000;
	shape-rendering:crispEdges
}
#searchChart .x.axis path {
	display:block
}
#searchChart #title {
	font-size:20px;
	padding-bottom:10px;
	padding-top:20px;
	font-weight:300
}
#searchChart #explanation {
	font-size:12px;
	max-width:620px;
	margin:0 auto;
	padding-top:10px;
	color:#ababab;
	font-weight:300
}
#searchChart .brush .extent {
	fill-opacity:.125;
	shape-rendering:crispEdges
}
#searchChart .handle {
	display:inline!important;
	fill:#7a7a7a;
	fill-opacity:1;
	stroke:#7a7a7a;
	stroke-width:2px
}
#searchChart text {
	fill:#000
}
.namebox-side-top {
	display:inline-block;
	width:135px;
	vertical-align:top;
	margin-left:-5px
}
.namebox-side-bottom {
	display:inline-block;
	width:135px;
	vertical-align:bottom
}
.jp-width-all {
	display:inline-block;
	width:135px;
	margin-left:27px
}
.gColorSchemeFrame {
	width:180px;
	height:275px;
	position:absolute;
	background-color:rgba(255,255,255,1);
	box-shadow:0 0 5px rgba(0,0,0,.3);
	z-index:3;
	border:0 solid #fff
}
.gColorCustomFrame {
	width:180px;
	height:155px;
	position:absolute;
	background-color:rgba(255,255,255,1);
	box-shadow:0 0 5px rgba(0,0,0,.3);
	z-index:3;
	border:0 solid #fff
}
.gColorCustomFrameTop,.gColorSchemeFrameTop {
	width:100%;
	height:30px;
	background-color:#2d2f32;
	background:-webkit-linear-gradient(#2d2f32,#222427);
	background:-o-linear-gradient(#2d2f32,#222427);
	background:-moz-linear-gradient(#2d2f32,#222427);
	color:#fff
}
.gColorCustomFrameTop button,.gColorSchemeFrameTop {
	background:0 0;
	border:none;
	color:#fff
}
.gColorCustomButtom,.gColorSchemeButtom {
	display:inline-block;
	float:right
}
.gColorCustomButtom button,.gColorSchemeButtom {
	cursor:pointer;
	background-color:#fff;
	color:#4d5259;
	border:1px solid #4d5259;
	float:right;
	padding:3px 10px;
	text-align:center;
	text-decoration:none;
	display:block;
	font-size:12px;
	width:50px;
	margin-right:5px;
	margin-bottom:10px
}
.gColorCustomButtom button:hover,.gColorSchemeButtom {
	background-color:#7a808b;
	color:#fff
}
.gColorSchemeArea {
	height:120px;
	margin:0 10px
}
.gLabelCustomArea>h* {
	color:red
}
.colorScheme.selected {
	background-color:#999
}
.colorScheme:hover {
	background-color:#999
}
.colorScheme {
	display:inline-block;
	cursor:pointer;
	padding:0 5px 0 5px;
	margin-top:2px
}
.colorScheme rect {
	stroke:#333;
	stroke-width:.5px
}
.colorCustom rect {
	stroke:#333;
	stroke-width:.5px
}
.navi_main_color_Scheme button {
	width:60px;
	height:25px;
	color:#19bcff;
	border:1px solid #19bcff;
	background-color:#fff;
	cursor:pointer
}
.navi_main_color_Scheme button:hover {
	color:#19bcff;
	border:1px solid #19bcff;
	background-color:#fff;
	cursor:pointer
}
.navi_color_Scheme button {
	width:60px;
	height:25px;
	color:#ef6461;
	border:1px solid #ef6461;
	background-color:#fff;
	cursor:pointer
}
.navi_color_Scheme button:hover {
	color:#ef6461;
	border:1px solid #ef6461;
	background-color:#fff;
	cursor:pointer
}
.ol-attribution {
	font-size:10px;
	bottom: 102px;
	right: 95px;
}
.miniMapOpen .ol-zoom {
	display: none
}