@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;
  

}

/* 공통 속성 */

body{margin : 0px auto;}


.page_all1, .page_all2, .page_all3, .page_all4{
	margin: 0px auto;
	width: 1100px;
	height: auto;
	margin-bottom: 25px;

	
}
h1{
color: #fff;	
}


				.sub_title1{
					margin-top: 25px;
		color : #3B7EA8;
			-webkit-white-space:normal;

			word-break:break-all;
			font-size:25px;	
			font-family: 바른나눔고딕B;
			font-weight:bold;
			padding : 0px 0px 20px 0px;

			
	
	}	

.block1{
	width: 1100px;
	height: 300px;

	position: relative;
	display: inline-block;
	
}
.block1{
	

}
.block2{
float: right;
	display: block;	
		width: 545px;;
	height: 300px;

	background-image:url(/html2/product/images/grid.jpg);
	background-size: 450px;
	background-position: center;
	background-repeat: no-repeat;
}
.block3{
	width: 545px;
	
	
	height: 350px;
	position: relative;
	display: inline-block;
	vertical-align: text-top;
	

}
.block4{
	width: 545px;

	
	height: 350px;
	position: relative;
	display: inline-block;
	vertical-align: text-top;
	

}

.block5{
	
	width: 1100px;

	
	height: auto;
	position: relative;
	display: inline-block;
	vertical-align: text-top;
	

}


/* 모바일 버젼 : 최소 ~ 767px */
  @media(max-width:767px){
	  
	  .page_all1, .page_all2, .page_all3, .page_all4{
	margin: 0px auto;
	width: 100%;
	
}
	  

				.sub_title1{
		color : #3B7EA8;
			-webkit-white-space:normal;

			word-break:break-all;
			font-size:25px;	
			font-family: 바른나눔고딕B;
			font-weight:bold;
			padding : 0px 0px 20px 0px;


			
	
	}	
.block1{
	
	margin: 0px auto;
	float : none;
	width: 80%;
	height: auto;

	position: relative;
	display: block;

	
}

.block2{
	margin : 0px auto;
	float : none;
	display: block;	
	width: 100%;
	height: 300px;
	position: relative;

		background-size: 100%;
}  
.block3{
	margin : 0px auto;
	float : none;
	display: block;	
	width: 80%;
	height: auto;
	position: relative;

}  	  
.block4{
	margin-top: 25px;
	margin : 0px auto;
	float : none;
	display: block;	
	width: 80%;
	height: auto;
	position: relative;

}  	  
.block5{
	margin-top: 25px;
	margin : 0px auto;
	float : none;
	display: block;	
	width: 80%;
	height: auto;
	position: relative;

}  	  	 	  
	  
}