@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:14px;
	        color:#aaaaaa;
	        margin:15px 0px 0px 10px;
	        font-weight: 350;
	        float: left;
	    }
	
	
	    #credit {
	        font-size:12px;
	        color:#aaaaaa;
	        margin-left: 20px;
	        text-align:center;
	    }

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

	    #mabulogo {
	    	width:80px;
	    	height:35px;
	    	float: left;
	    	margin:0px 0px 0px 10px;
	    }


/* 영역 div */
	#wrapper {
		width:1600px;
		height:1000px;
	}
	
	#selectver {
			width:160px;
			height:820px;
			padding:40px 20px;
			margin-right:10px;
			float: left;
	}
	#content {
			width:1330px;
			height:820px;
			margin:40px 10px;
			float: left;
	}
	
	#canvas {
		width:850px;
		height:820px;
		float: left;
		display: none;
	}

	.btnbox {
		width:1330px;
		height:50px;
		margin:5px 0;
	}
	
	#btnBbox {
		display: none;
	} 

	#contentbox {
			width:1130px;
			height:820px;
			margin:10px 10px;
			float: left;
	}
/* 페이지 콘텐츠 */
	h3 {
			font-family: 'Noto Sans KR', sans-serif;
			font-size:28px;
			color:#444444;
			margin:0;
			font-weight: 700;
		}

		.articletext {
			font-size:14px;
			color:#555555;
		}
		
		a {
			text-decoration: none;
		}

	/* 버튼 */
		 .linkbtn2 {
		      outline: none;
		      display: block;
		      width: 160px;
		      padding: 6px 0;
		      text-align: center;
		      border-bottom: 2px solid #ddd;
		      background-color: #fff;
		      background-repeat: repeat-x;
		      background-position: left top;
		      font-size: 14px;
		      font-weight: bold;
		      height: 22px;
		      color:#333333;
		      line-height: 1.5em;
		      margin-bottom: 6px;
		}

		.linkbtn2:hover {
		 	border-bottom: 2px solid #333333;
		}

		.lists {
			    	width:300px;
			    	height:30px;
			    	margin:5px;
			    	border:1px solid #cccccc;
			    }

		/* 국회의원 정보 */
			#profile {
				width:300px;
				height:446px;
				text-align: center;
				padding-top:100px;
				float: left;
			}


			#box {
				width:400px;
				height:546px;
				background:#fff;
				float: left;
			}


			#face {
				margin: 0 auto;
				width:100px;
				height:100px;
			}

			#name {
				font-weight: bold;
				font-size:2.8em;
				line-height:1.1em;
				margin:20px 0px 10px 0px;
				color:#ffffff;
			}

			#party {
				font-size:1em;
				line-height:1em;
				color:#dddddd;
			}




/* 색상 */
/* 1. 새누리당 */
.sanuri {
	/* IE10+ */ 
	background-image: -ms-linear-gradient(bottom, #CB2D3E 0%, #EF473A 100%);

	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(bottom, #CB2D3E 0%, #EF473A 100%);

	/* Opera */ 
	background-image: -o-linear-gradient(bottom, #CB2D3E 0%, #EF473A 100%);

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

	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(bottom, #CB2D3E 0%, #EF473A 100%);

	/* W3C Markup */ 
	background-image: linear-gradient(to top, #CB2D3E 0%, #EF473A 100%);
}
/* 2. 더민주 */
.minju {
	/* IE10+ */ 
	background-image: -ms-linear-gradient(bottom, #4CB8C4 0%, #3CD3AD 100%);

	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(bottom, #4CB8C4 0%, #3CD3AD 100%);

	/* Opera */ 
	background-image: -o-linear-gradient(bottom, #4CB8C4 0%, #3CD3AD 100%);

	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #4CB8C4), color-stop(100, #3CD3AD));

	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(bottom, #4CB8C4 0%, #3CD3AD 100%);

	/* W3C Markup */ 
	background-image: linear-gradient(to top, #4CB8C4 0%, #3CD3AD 100%);
}
/* 3. 국민의당 */
.kukmin {
	/* IE10+ */ 
	background-image: -ms-linear-gradient(bottom, #3CA55C 0%, #82B548 100%);

	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(bottom, #3CA55C 0%, #82B548 100%);

	/* Opera */ 
	background-image: -o-linear-gradient(bottom, #3CA55C 0%, #82B548 100%);

	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3CA55C), color-stop(100, #82B548));

	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(bottom, #3CA55C 0%, #82B548 100%);

	/* W3C Markup */ 
	background-image: linear-gradient(to top, #3CA55C 0%, #82B548 100%);
}

/* 4. 정의당 */
.jung {
	/* IE10+ */ 
background-image: -ms-linear-gradient(top, #F09819 0%, #EDDE5D 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(top, #F09819 0%, #EDDE5D 100%);

/* Opera */ 
background-image: -o-linear-gradient(top, #F09819 0%, #EDDE5D 100%);

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

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(top, #F09819 0%, #EDDE5D 100%);

/* W3C Markup */ 
background-image: linear-gradient(to bottom, #F09819 0%, #EDDE5D 100%);
}


/* 5. 무소속 */
.musosok {
	/* IE10+ */ 
background-image: -ms-linear-gradient(bottom, #606C88 0%, #3F4C6B 100%);

/* Mozilla Firefox */ 
background-image: -moz-linear-gradient(bottom, #606C88 0%, #3F4C6B 100%);

/* Opera */ 
background-image: -o-linear-gradient(bottom, #606C88 0%, #3F4C6B 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #606C88), color-stop(100, #3F4C6B));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-linear-gradient(bottom, #606C88 0%, #3F4C6B 100%);

/* W3C Markup */ 
background-image: linear-gradient(to top, #606C88 0%, #3F4C6B 100%);
}

/* 테이블 */
	table {
	                border-collapse: collapse;
	                font-size: 0.9em;
	                background:#fff;
	            }

	th {
		background:#303849;
		color:#fff;
		font-weight: 500;
		height:40px;
		width:50px;
	}
	

	td {
	                padding: 0px;
	                width:300px;
	                height: 40px;
	                text-align: left;
	                padding-left: 10px;
	                color:#333;
	                background:#efefef;
    	}



/* 로딩 */
#loader
	{
 
  position: relative;
  left:-300px;
  margin: 10px;
   vertical-align: middle;
  text-align: center;
}


.loader7 {
  width: 80px;
  height: 80px;
}
.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: 80px;
    height: 80px;
    opacity: 0;
  }
}

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

@media screen and (max-width: 1599px) {
    	#menubar {
	        width:1600px;
	    }
	    #footerbar {
	        width:1600px;
	    }
}