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

}

.project_title{
	margin: 0px auto;
	
	width: 700px;
	height: 100px;
	
	position: relative;
	display: block;
	
	
}

.project_title .text1{
	margin-top: 8px;
	font-size: 30px;
	color :#000;
}
.project_title .text2{
		font-size: 30px;
	color :  #5C5C5C;;
}

.memo_4{
	color:#3D63F3;
	font-weight: bold;
	font-size: 13px;
	margin-top:8px;
	width : 100%;
	height: 30px;
}
.memo_5{
	color: #000;

	width : 95%;

	font-size: 13px;
	padding-top: 8px;
	padding-bottom:8px;
	
	border :  2px solid  #A70002;
}
.memo_6{
	color: #000;

	width : 95%;
	float:right;

	

	font-size: 13px;
	
	
	border :  2px solid  #A70002;
}
.step1{
	margin :  0px auto;
	width: 700px;
	height:300px;
	margin-bottom: 10px;

}
.step1_left{
	width : 400px;
	height: 350px;
	float: left;
	position: relative;
	display: inline-block;

	background-repeat: no-repeat;
	background-image : url(/html2/project/images/trainout1.png);
	
	background-size: 360px;

	

	
}
.step1_right{
	width : 292px;
height: 350px;
	padding-left: 8px;
	position: relative;
	display: inline-block;

}


.step2{

	margin :  0px auto;
	width: 700px;
	height:300px;
	margin-bottom: 120px;

}
.step2_left{

	width : 300px;

	float: left;
	position: relative;
	display: block;


	

	
}

.step2_left1{
	
	width : 300px;
	height: 180px;
	float: left;
	position: relative;
	display: inline-block;

	
	background-image : url(/html2/project/images/trainout3.png);
	
	background-size: 300px;
	background-repeat: no-repeat;

	

	
}


.step2_left2{
	padding-left: 30px;
	width : 300px;
	height: 130px;
	float: left;
	position: relative;
	display: inline-block;
background-repeat: no-repeat;
	
	background-image : url(/html2/project/images/trainout4.png);
	
	background-size: 300px;

	
	

	
}


.step2_right{
	width : 392px;
	height: 320px;
	padding-left: 8px;
	position: relative;
	display: inline-block;


}





.memo_1{
	color: #566CC1;
	font-weight: bold;
	width : 100%;
	height: 30px;
	
}

.memo_2{
	color:#00AD44;
	font-weight: bold;
	width : 100%;
	height: 30px;
	
}

.memo_3{
	color: #000;

	width : 95%;

	font-size: 13px;
	
	
	border :  2px solid  #A70002;
	
}
.img_text1, .img_text2{
	
	text-align: center;
	
}
.step3{

	margin :  0px auto;
	width: 700px;
	height:800px;
	position: relative;
	display: block;




}
.step3_title{
	color:#9C7900;

	font-size: 18px;
	text-align: center;
	position: relative;
	display: block;
	width: 100%;
	height: 30px;
	border-bottom: 3px solid #466CFF;
	margin-bottom: 18px;
	
}
.step3_1{
	width: 700px;
	height: 25px;
	position: relative;
	display: block;
	background-color: #E1E1E1;

	
}
.step3_0{
	width: 700px;
	height: 25px;
	position: relative;
	display: block;
	background-color: #F3F3F3;
	
}
.s1{
	
width : 233px;
	float:left;
	font-size: 15px;
	text-align: center;
	
	height: auto;
	position: relative;
	display: inline-block;
	
	
}


.step4{
	margin: 0px auto;
	width : 700px;
	height : 160px;
	

	
	
	
}

.step4_left{
	width: 394px;
	float : left;
	display: inline-block;
	position: relative;
	height : 160px;
		margin-right : 10px;
		padding-left : 10px;
		font-size: 13px;
		border :  2px solid  #A70002;
		margin-bottom : 10px;
}

.step4_right{
	width  :280px;

	margin-bottom : 10px;
		float : left;
	display: inline-block;
	position: relative;
	height : 160px;
	background-repeat: no-repeat;
	background-size: 280px;
	background-image : url(/html2/project/images/trainout2.png);
}