@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css); 
/* @import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css); */

body {
	margin: 0px; font-family: 'NanumSquare', sans-serif !important; overflow: hidden;
}

.mfp-zoom-out-cur {
	cursor: auto !important;
}


.mfp-Close {
	cursor: pointer !important;
	font-size: 66px !important;
	margin: 27.3px;
	opacity:1 !important;
}



/* text slide */
.marquee{
	white-space:nowrap;
	transform:translateX(100%);
	animation: marqueeAni 6s linear infinite;
}

@keyframes marqueeAni{
	0% {
    	-moz-transform: translateX(100%);
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
     }
    100% {
        -moz-transform: translateX(-100%);
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
   }
}



/* 산악기상 정보 CSS */
#conmmonWappBody{
	width:100%;
	padding:10px 10px 10px 10px ;
	min-width: 300px;
}

.contentTableStyle td{
	border:1px solid #eeeeee;
}

.contentTableStyle .firsttd{
	text-align: center;
	font-weight: bold;
	background-color: #2EAA92;
	color: #ffffff;
}

.contentTableStyle .secondtd{
	text-align: center;
	background-color: #59ABE3;
	color: #ffffff;
}

.contentTableStyle .threetd{
	background-color: #ffffff;
	padding-left:5px;
}


/* 공공자전거 CSS */
#conmmonWappBody{
	width:100%;
	padding:10px 10px 10px 20px ;
}

.tableTd1{
		border-top:1px solid #e4e9f2;
		border-right:1px solid #e4e9f2;
		font-weight: bold;
		color:#081440;
}

.tableTd2{
		border-top:1px solid #e4e9f2;
		padding-left:4px;
}

.tableTd2 b{
		font-size: 14px;
		font-weight: bold;
		color:#000000;
}

.tableTd3{
		border-top:1px solid #e4e9f2;
		border-bottom:1px solid #e4e9f2;
		border-right:1px solid #e4e9f2;
		text-align: center;
		font-weight: bold;
		color: #081440;
}

.tableTd4{
		border-top:1px solid #e4e9f2;
		border-bottom:1px solid #e4e9f2;
		padding-left:4px;
		text-align: center;
		font-weight: bold;
		color: #081440;
}

.tableTd4 b{
		font-size: 14px;
		font-weight: bold;
}

.tableTd3 b{
		font-size: 14px;
		font-weight: bold;
}

@media screen and (min-width: 250px) and (max-width: 465px) {
	#sideWappClose{
		cursor:pointer; display:none; z-index:80; position:absolute; top:24px; left:0px; height:40px; width:80px;
	}
	#mapChangeBtn{
		z-index:99; position:absolute; top:85px; right:84px; padding:4px; width:144px; border-radius: 8px; background-color: #ffffff;
	}
	#mapSelectBtn{
		z-index:99; position:absolute; top:85px; right:24px; height:40px; width:40px; border-radius: 8px; background-color: #ffffff;
	}
	#textback{
		width:320px;
	}
	#geonickWappText2{
		width:240px;
	}
}
 
@media all and (min-width: 466px) and (max-width: 1023px) {
    #sideWappClose{
		cursor:pointer; display:none; z-index:80; position:absolute; top:24px; left:0px; height:40px; width:80px;
	}
	#mapChangeBtn{
		z-index:99; position:absolute; top:85px; right:84px; padding:4px; width:144px; border-radius: 8px; background-color: #ffffff;
	}
	#mapSelectBtn{
		z-index:99; position:absolute; top:85px; right:24px; height:40px; width:40px; border-radius: 8px; background-color: #ffffff;
	}
	#textback{
		width:400px;
	}
	#geonickWappText2{
		width:310px;
	}
	.mfp-wrap {
		left: 336 !important;
	}
	.mfp-bg {
		left: 336 !important;
		z-index: 100 !important;
	}
}
   
@media screen and (min-width: 1024px){
	#sideWappClose{
		cursor:pointer; display:none; z-index:80; position:absolute; top:24px; left:0px; height:40px; width:80px;
	}
	#mapChangeBtn{
		z-index:99; position:absolute; top:24px; right:84px; padding:4px; width:144px; border-radius: 8px; background-color: #ffffff;
	}
	#mapSelectBtn{
		z-index:99; position:absolute; top:24px; right:24px; height:40px; width:40px; border-radius: 8px; background-color: #ffffff;
	}
	#textback{
		width:400px;
	}
	#geonickWappText2{
		width:310px;
	}
	.mfp-wrap {
		left: 336 !important;
	}
	.mfp-bg {
		left: 336 !important;
		z-index: 100 !important;
	}
 
}




.geonickTextWapp:hover{
	background-color: #f7f9fc;
	cursor: pointer;
}

.geonickTextWapp2:hover{
	background:url(../img/common/ic_home_copy_24.png) no-repeat;
	background-size: 24px 24px;
	background-position: 98% center;
	
}

.addrTextWapp1:hover{
	background-color: #f7f9fc;
	cursor: pointer;
}

.addrTextWapp2:hover{
	background:url(../img/common/ic_home_copy_24.png) no-repeat;
	background-size: 24px 24px;
	background-position: 98% center;
	
}

.addrTextWapp3:hover{
	background-color: #f7f9fc;
	cursor: pointer;
}

.addrTextWapp4:hover{
	background:url(../img/common/ic_home_copy_24.png) no-repeat;
	background-size: 24px 24px;
	background-position: 98% center;
	
}

.globeTextWapp1:hover{
	background-color: #f7f9fc;
	cursor: pointer;
}

.globeTextWapp2:hover{
	background:url(../img/common/ic_home_copy_24.png) no-repeat;
	background-size: 24px 24px;
	background-position: 98% center;
	
}

.urlTextWapp1:hover{
	background-color: #f7f9fc;
	cursor: pointer;
}

.urlTextWapp2:hover{
	background:url(../img/common/ic_home_copy_24.png) no-repeat;
	background-size: 24px 24px;
	background-position: 98% center;
	
}

.geonicklist:hover {
	cursor:pointer;
	background-color: #f7f9fc;
}

.integratedDatalist:hover{
	cursor:pointer;
	background-color: #f7f9fc;
}

#recentWordBox:hover {
	cursor:pointer;
	background-color: #f7f9fc;
}

#mapType1:hover{
	cursor:pointer;
	background-color: #f7f9fc;
}
#mapType2:hover{
	cursor:pointer;
	background-color: #f7f9fc;
}
#mapType3:hover{
	cursor:pointer;
	background-color: #f7f9fc;
}
#mapType4:hover{
	cursor:pointer;
	background-color: #f7f9fc;
}
#langstyle1:hover {
	cursor:pointer;
	background-color: #ffffff;
}
#langstyle2:hover {
	cursor:pointer;
	background-color: #ffffff;
}
#langstyle3:hover {
	cursor:pointer;
	background-color: #ffffff;
}

#roadType1:hover{
	cursor:pointer;
	background-color: #f7f9fc;
}
#roadType2:hover{
	cursor:pointer;
	background-color: #f7f9fc;
}
#roadType3:hover{
	cursor:pointer;
	background-color: #f7f9fc;
}
#roadType4:hover{
	cursor:pointer;
	background-color: #f7f9fc;
}
#roadType5:hover{
	cursor:pointer;
	background-color: #f7f9fc;
}

#mygeonickList li:hover{
	cursor:pointer;
	background-color: #f7f9fc;
}

#geobookitemList li:hover{
	cursor:pointer;
}