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

}

.page_all{
	margin-top: 3px;
	
	width:1100px;
	

	}
	
	.page_all2{
	margin-top: 3px;
	
	width:550px;
	

	}
	
	
										.t2{
							

					color:#000080;
					font-weight:bold;
					font-family: 나눔스퀘어R;
					font-size:18px !important;
					display:inline-block;
					
					}
							
.box,.box a{
	width:200px;
	height:200px;
	position:relative;
	display:inline-block;
	float:left;
	margin: 0px 25px 0px 0px;
	color:#fff;
	
	background-color:#A6A6A6;
		
		
		
		}

	.d_page_left, .d_page_right{
		float:left;	
			height:900px;
			position:relative;
		  font-family: 나눔스퀘어B;
		}
	.d_page_left{
		width:680px;
		font-size:16px;
		display:inline-block;
		
		}
		
		
	.d_page_right{
			width:420px;
	
		display:block;
		
		}
	.rightimg1{
			width:340px;
			height:600px;
			margin: 50px 0px 0px 20px;
			background-image:url(../images/rlcm_product_igs.PNG);
			background-repeat:no-repeat;
			background-size:340px;
		}
		.left_title{
			font-size:28px;

  font-weight:bold;
  color:#06C;
  margin:0px 0px 15px 0px;

			}
	
		.text_red{ color:#F00; display:inline-block;}
		.text_white{ color:#FFF; display:inline-block;}
		.text_yellow{ color:#FBD520; display:inline-block;}
		
		.p_overview{
			width:1020px;
			padding:20px;
			font-family: 나눔스퀘어B;
			margin : 15px 0px 0px 0px;
			background-color:#3CC;
			float:left;
			font-size:14px;
			
			
			}
		.p_overview_t{
			font-weight:bold;
			font-size:26px;
			color:#06F;

			
			
			}
	.page_left2, .page_right2{
		float:left;	
			position:relative;
		  font-family: 나눔스퀘어B;
		  font-size:16px;
		  
		}
	.page_left2{
		width:550px;
			height:600px;
		display:inline-block;

		
		}
			.leftimg2{
			width:520px;
			height:600px;
			margin: 60px 0px 0px 20px;
			background-image:url(../images/rlcm_network.png);
			background-repeat:no-repeat;
			background-size:520px;
		}
	.page_right2{
		width:500px;
		padding:15px 0px 15px 0px;

		display:block;
	}
	.box1{
				width:500px;
				height:225px;

		border:2px dotted #00CCFF;
	
		
	
		}

	.box2{
				width:500px;
				height: 355px;

		border:2px dotted #00CCFF;
	
		
	
		}
			.box3{
				width:500px;
				height: 255px;

		border:2px dotted #00CCFF;
	
		
	
		}

	
		

	
	
	
	
		.button_box{
			width:675px;
			height:180px;
			margin : 0px auto;
	
			


	
	
	

	}
	
	
	.box_title{
		

	height:54px;
	padding: 6px 0px 0px 8px;

	
	position:relative;
	display:inline-block;
	

	
	font-size:20px;

  	  	text-shadow: 0 2px 2px rgba(0,0,0,0.5);
	font-variant:normal;
	line-height:25px;


	
	
	
	
	
	  font-family:나눔스퀘어B;
	  font-weight:bold;
	  
	  
	  
	  
	  
	  		}
	.box_sub{
		width: 170px;
	
		  font-family: 나눔스퀘어R;
		  padding: 0px 15px 0px 15px;

			font-size:16px;
			line-height:15px;
			



	
		  height:106px;
		
		}
		.box_button{
			
				  font-family: 나눔스퀘어R;
		  padding: 8px 15px 8px 15px;
		  	  font-weight:bold;
			  float:right;
	height:18px;

height:20px;

	



							
					
							
			}
			
					.box_arrow{
						margin : 0px 0px 0px 20px;
						width: 30px !important;
					height:18px !important;
					text-align:center;
						display:inline-block !important;
						

			
				  font-family: 나눔스퀘어R;
		  padding: 0px 0px 0px 0px !important;
		  font-weight:bold;




		  
		  
		  
			
			}
			.dot_space{
				margin: 0px auto;
				width:650px;

				padding: 0px 25px 0px 0px;

				
				
				
				
				}
					.dot_box{
						margin:10px 0px 0px 0px;

				width:650px;
				height:120px;
				padding: 0px 0px 0px 0px;
	
				border:dotted 3px #999999;
				
				
				
				
				}	
				
				
			.img1{
				width : 280px;
				height:120px;
				float:right;
				background-image:url(../../aboutus/images/news280x180.PNG);
				
				
				
				
				}
							.img2{
				width : 280px;
				height:120px;
				background-image:url(../../aboutus/images/projects_280x120.PNG);
				float:right;
				
				
				
				
				}
							.img3{
				width : 280px;
				height:120px;
				background-image:url(../../aboutus/images/contact_280x120.PNG);
				float:right;
				
				
				
				
				}
							.band_name{
											  font-family: 나눔스퀘어B;
											  font-weight:bold;
								margin :50px 0px 0px 15px;
								font-size:20px;
								color:#3B7EA8;

			
				float:left;
			
		

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

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

			
	
	}	
	

 .text_red{
	 color:#D50000;
	 font-weight:bold;
	 }

.bar_j{
	width:1100px;
	height:30px;
	position:relative;
	display: block;
	background-color:#036;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	font-size:25px;
	padding : 40px
	
	}
	
.ceo_picture{
	width:200px;
	height : 200px;
	display:block;
	position: relative;
background-color:#036;
	float:right;
	background-image:url(../../aboutus/images/ceo_pic.png);
	background-size: 200px;
	background-repeat:no-repeat;
}

			
.timeline{
	width:1000px;
	height: 457px;
	display:block;
	position:relative;
	background-image:url(../../aboutus/images/timeline.JPG);
	background-repeat:no-repeat;
	float:left;

		padding: 0px 0px 0px 0px;
	
		}
	
	.memo_text1{
		width:1100px;		
		padding:8px 0px 0px 0px;
		 font-family: 나눔스퀘어R;

		 line-height: 20px;
		 font-size:20px;
		 
		}
		
			.memo_text2{
		width:1100px;		
		padding: 80px 0px 15px 0px;
		 font-family: 나눔스퀘어R;
		 color:#03C;
		 line-height: 20px;
		 font-size:20px;

		}
		
	.lv_text_color{
		position:relative;
		display:inline-block;
		color:#09F;
		
		}
			#xxx{
		width: 1100px;
		height:auto;
		position:relative;
		display:block;
		background-color:#0C0;
		word-break:keep-all;
		
		
		}
	#CCC{
		width: 1500px !important;
		height:30PX;;
		position:absolute !important;
		display:block !important;
		
z-index:9 !important;

		word-break:loose;
		
		
		
		}
		
	.bar_sd{
	width:1100px;
	height:120px;
	position:relative;
	display: block;
	background-color:#67A2D9;
	color:#FFF;
	float:left;
	font-weight:bold;
	text-align:left;
	font-size:20px;
	 font-family: 나눔스퀘어R;
	padding : 5px ;
	
	}
	
	
		.bar_sd2{
	width:1100px;
	height:120px;
	position:relative;
	display: block;
	background-color:#479961;
	color:#FFF;
	float:left;
	font-weight:bold;
	text-align:left;
	font-size:20px;
	 font-family: 나눔스퀘어R;
	padding : 5px ;
	
	}
	
			.bar_sd3{
	width:1100px;
	height:80px;
	position:relative;
	display: block;
	background-color:#8FAADC;
	color:#FFF;
	float:left;
	font-weight:bold;
	text-align:left;
	font-size:20px;
	 font-family: 나눔스퀘어R;
	padding : 5px ;
	
	}
	
				.elc_config_bar{
	width:1100px;
	height:80px;
	position:relative;
	display: block;
	background-color:#51A8F9;
	color:#FFF;
	float:left;
	font-weight:bold;
	text-align:center;
	font-size:40px;
	 font-family: 나눔스퀘어R;
	padding : 5px ;
	
	}
	
	
	.bar_sd_title{
		font-size:24px;
		color:#FBD520;
		}
		
						.front_application{
		color : #3B7EA8;
			-webkit-white-space:normal;

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

			
	
	}