@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
		* {
			font-family: 'Noto Sans KR', sans-serif;

		}

		body {
			   margin: 0;
		}

		
/* 템플릿 */
	#menubar {
	        width:100%;
	        height:50px;
	        background-color:#303849;
	    }

	    #menubar a {
	        text-decoration: none;
	    }

	    #teamname {
	        font-size:1em;
	        color:#aaaaaa;
	        margin:10px 0px 0px 10px;
	        font-weight: 500;
	        float: left;
	    }
	
	    #footerbar {
	        width:100%;
	        height:90px;
	        background-color:#333333;
	        padding-top:5px;
	    }
	
	    #credit {
	        font-size:0.6em;
	        color:#aaaaaa;
	        font-weight: 350;
	        margin:10px 0px 0px 10px;
	        text-align: left;
	        float: left;
	    }

	    #mabulogo {
	    	width:70px;
	    	height:30px;
	    	float: left;
	    	margin:10px 0px 0px 10px;
	    }
/* 로드 */
#wrapperbefore {
		width:100%;
		padding-top:200px;
		height:720px;
		text-align:center;
		/* IE10+ */ 
background-image: -ms-linear-gradient(bottom, #282C3F 0%, #2E385F 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(bottom, #282C3F 0%, #2E385F 100%);

/* Opera */ 
background-image: -o-linear-gradient(bottom, #282C3F 0%, #2E385F 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #282C3F), color-stop(100, #2E385F));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(bottom, #282C3F 0%, #2E385F 100%);

/* W3C Markup */ 
background-image: linear-gradient(to top, #282C3F 0%, #2E385F 100%);
	}

  #mabulogo2 {
	    	width:150px;
	    	height:65px;
	    	margin-bottom: 5px;
	    }

	
	.barloading {
	  height: 5px;
	  background: #aaa;
	  width: 130px;
	  border-radius: 99px;
	  position: relative;
	  margin:0 auto;
	}
	
	.barloading::before {
	  width: 0%;
	  background: #D4E157;
	  content: '';
	  position: absolute;
	  left: 0%;
	  top: 0;
	  bottom: 0;
	  animation: slide 3s infinite linear;
	}

	@keyframes slide {
	  0% {
	    width: 0%;
	  }
	  100% {
	    width: 100%;
	  }
	}




/* 영역 div */
	#wrapper {
		width:96%;
		margin:0px 5px;
		height:720px;
		display:none;
	}
	
	#selectver {
			width:100%;
			height:50px;
			display: none;
	}

	#content {
			width:100%;
			height:600px;
			margin:10px 0px;
			float: left;
	}

   	#canvas {
			width:100%;
			height:500px;
			overflow:scroll;
			float: left;
			display: none;
	}

	
	.btnbox {
		width:100%;
		height:50px;
		margin:5px 0;
	}
	
/* 페이지 텍스트 */
	h3 {
			font-family: 'Noto Sans KR', sans-serif;
			font-size:1.5em;
			color:#444444;
			margin:0;
			font-weight: 700;
	}

		.articletext {
			font-size:0.9em;
			line-height: 1em;
			font-weight: 350;
			color:#555555;
		}
		
		a {
			text-decoration: none;
		}

/* 링크 버튼*/
		 .linkbtn2 {
		      outline: none;
		      display: block;
		      float: left;
		      width: 50%;
		      background:#1E283E;
		      text-align: center;
		      border-bottom: 3px solid #ddd;
		      padding-top:10px;
		      font-size: 0.9em;
		      height: 30px;
		      color:#888888;
		      line-height: 1.5em;
		}
	
		.checked {
			border-bottom: 3px solid #D4E157;
			color:#D4E157;
			 font-weight: bold;
		}

	
	/* 테이블 */

	.lists {
			    	width:40%;
			    	height:30px;
			    	margin:10px;
			    	border:1px solid #cccccc;
			    	float: left;
			    }

		

	table.ranking {
	                border-collapse: collapse;
	                font-size: 0.8em;
	                width:100%;
	                background:#fff;
	            }

	table.ranking th {
		background:#303849;
		color:#fff;
		font-weight: 500;
		height:30px;
	}
	
	tr.tables:nth-child(2n) { background-color: #F9FBE7; }
	
	tr.tables:hover {
		background-color: #F0F4C3;
	}

	td {
	                padding: 0px;
	                height: 10px;
	                text-align: center;
	                border-right: 1px solid #eeeeee;
    	}


	td.rankingnumber { 
		width:20%;
		font-size:0.9em;
		text-anchor: start;
		font-weight: 500;
		fill:#aaaaaa;
	}
	td.rankingname { 
		width:20%;
		font-size:0.9em;
		text-anchor: start;
		font-weight: 500;
		fill:#333333;
	 }

	 td.rankingdata { 
		font-size:0.9em;
		text-anchor: start;
		color:#666666;
	 }

    td.total, td.land, td.building, td.deposit, td.stock, td.bond, td.debt, td.etc {
    	display: none;
    } 
	
#loader
	{
		display: block;
  vertical-align: middle;
  position: relative;
  margin: 50px auto;
  text-align: center;
}


.loader7 {
  width: 55px;
  height: 55px;
}
.loader7:before,
.loader7:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  margin: auto;
  border-radius: 50%;
  border: 1px solid #1EBFB7;
}
.loader7:before {
  animation: loader7 2s linear infinite 0s;
}
.loader7:after {
  animation: loader7 2s linear infinite 1s;
}


@keyframes loader7 {
  0% {
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    width: 50px;
    height: 50px;
    opacity: 0;
  }
}

.loadertext {
			font-size:0.9em;
			line-height: 1em;
			font-weight: 500;
			color:#1EBFB7;
		}