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

	width:1100px;

	  font-family: 나눔스퀘어R;
	}
	
.title_b{
	
	background-color:#A37512;
	
	
	
	}	
	.title_l{

	width : 500px;
	padding:25px;


	font-size:24px;
	display:inline-block;
	float:left;
	
	
	
	}	
		.title_r{

	width : 500px;
	padding:25px;
	
	font-size:20px;

	display:inline-block;
		color:#FFF;
	
	}	
	.title_l1{
	border-bottom: 4px solid #FFF;
	padding: 40px 0px 20px 0px;
	color:#FFF;	
			font-size:36px;
	}
		.title_l2{
			margin:20px 0px 20px 0px;
			padding: 0px 0px 20px 0px;
			font-size:36px;
			font-weight:bold;
			color:#FFF;
			
		
width:500px;
height:50px;


border-bottom: 4px solid #FFF;	


	
	}
	.sub_t{
		margin:25px 0px 0px 0px;
		width:700px;
		border-top:solid 5px #0099FF;
		padding: 20px;
		position:relative;
		display:block;
		font-weight:bold;
		
	
			font-size:36px;
		}
		.sub_mess{
			width:1000px;
			font-size:30px;
				font-weight:bold;
			background-color:#70BF41;
				padding: 50px;
			color:#FFF;
			
			}
			.text_box{
				display:inline-block;
				width:1100px;
				word-wrap:break-word;
				
					}
						.tl{
				width:550px;


	
			

			
				
				}
			
			.tl1{
				width:550px;
				height:262px;
			
				position:relative;
				float:left;
				background-image:url(../images/app_software1.png);
	

				background-repeat:no-repeat;
				background-size:550px;

				}
				
				
			.tl2{
				width:550px;
				height:230px;
			
				position:relative;
				float:left;
				background-image:url(../images/app_screen_smartrol2.jpg);
	

				background-repeat:no-repeat;
				background-size:500px;

				
				}
				
			.tl3{
				width:400px;
				height:262px;
			
				position:relative;
				float:left;
				background-image:url(../../application/images/app_software2.png);
	
margin: 0px 0px 0px 150px;
				background-repeat:no-repeat;
				background-size:225px;

				}
				
				
			.tl4{
				width:550px;
				height:230px;
			
				position:relative;
				float:left;
				background-image:url(../images/app_screen_webas2.png);

				background-repeat:no-repeat;
				background-size:500px;

				
				}
				
				
							.tl5{
				width:300px;
				height:230px;
			
				position:relative;
				float:left;
				background-image:url(../images/appeng.png);

				background-repeat:no-repeat;
				background-size:105px;
				margin: 0px 0px 0px 200px;

				
				}

				
							.tr{
				width:100px;
				height:200px;
			
				position:relative;
				float:right;
				background-image:url(https://www.mrbas.co.kr/xebas/files/attach/images/700829/829/700/e2bd2a7456cdb51c618194c5e786f7bf.png);
				background-repeat:no-repeat;
				background-size:100px;
				background-color:#093;
	
	
			

			
				
				}
				.t1{
					margin : 25px;
					color:#B22222;
					
					
					}
									.t2{
					margin : 25px;
					color:#000080;
					font-weight:bold;
					
					
					}
														.t3{
					margin : 25px;
					color:#000080;
					font-weight:bold;
					font-size:20px;
				
				
					
					
					
					
					}
					
					
					
.t5{
																		
	
				
					
					
					
					
					}
					
.t6{
	display:inline-block;
	margin : 0px 10px 0px 0px;
	
		color:#000080;
		font-weight:bold;
																		

					
					
					}
				
					
					
					
					
					
					
					
					
					
					

					.img_r{
						margin:-50px 0px 0px 0px;
						padding:0px;
						
						
						width:500px;
						height:300px;
						float:right;
			
				
		

					
					}
.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;

			
	
	}