@charset "utf-8";

@font-face {
  font-family:바른나눔고딕B;

    src: url('/html/webfonts/NanumBarunGothicBold.eot');
  src local('?'), src: url('/html/webfonts/NanumBarunGothicBold.woff2') format('woff2'), url('/html/webfonts/NanumBarunGothicBold.ttf') format('truetype');
  font-weight:normal;
  font-style:normal;
   
}


@font-face {
  font-family: 나눔스퀘어B;
  
  src: url('/html/webfonts/NanumSquareB.eot');
  src local('?'), src: url('/html/webfonts/NanumSquareB.woff2') format('woff2'), url('/html/webfonts/NanumSquareB.ttf') format('truetype');
  font-weight:normal;
  font-style:normal;  
  
  
}
@font-face {
  font-family: 나눔스퀘어R;

  src: url('/html/webfonts/NanumSquareR.eot');
  src local('?'), src: url('/html/webfonts/NanumSquareR.woff2') format('woff2'), url('/html/webfonts/NanumSquareR.ttf') format('truetype');
  font-weight:normal;
  font-style:normal;
  

}


.all_page{
	width:100%;

	
	display:block;
	position:relative;

	

	
	
	}
	.top_title{
		width:98%;
		margin : 0px auto;
		opacity:0.7;
		


	
	display:block;
	position:relative;
    background: -webkit-linear-gradient(left, #06C, #06C,#fff, #fff);
    background:    -moz-linear-gradient(right, #06C, #06C,#fff, #fff);
    background:      -o-linear-gradient(right, #06C, #06C,#fff, #fff);
    background:         linear-gradient(to right, #fff, #06C,#fff, #fff);
		
		
		
		}
		.top_box{
		width:48%;
		margin : 0px 0px 0px 10px;
		padding:8px 0px 8px 8px;
  font-family: 나눔스퀘어B;
  color:#FFF;
	
	display:block;
	position:relative;
	background-color:#06C;
	font-size:24px;
			box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
		
		
		
		}
			.graup{

	width:98%;
height : 5px;
    background: #55ffaa;
    background: -webkit-linear-gradient(left, #fff, #fff,#000, #000);
    background:    -moz-linear-gradient(right, #fff, #fff,#000, #000);
    background:      -o-linear-gradient(right, #fff, #fff,#000, #000);
    background:         linear-gradient(to right, #fff, #fff,#000, #000);
	padding: 0px 0px 0px 0px;
	
	

	
	}
		.gradown{
		margin : 0px 0px 0px 10px;
width : 100%;
height : 5px;
    background: #55ffaa;
    background: -webkit-linear-gradient(right, #fff,#fff,#000, #000);
    background:    -moz-linear-gradient(left, #fff,#fff,#000, #000);
    background:      -o-linear-gradient(left, #fff, #fff,#000,#000);
    background:         linear-gradient(to left, #fff,#fff,#000, #000);
		}
		.middle_main{
				width:98%;
				margin:0px auto;
				padding:8px 0px 0px 0px;

		height:250px;		
			}	
	
	.middle_right{
	width:380px;
	height:250px;
	margin : 0px 0px 0px 30px;

	float:right !important;
	display:inline-block;
	background-image:url(/html2/project/images/bup3.png);
	background-repeat:no-repeat;
	background-size:350px;

	float:left;


	
	}