@charset "utf-8";

/* 공통 속성 */

body{margin : 0px auto;}
h1{text-align: center;}

.title_2dadan{font-weight:bold;margin : 0px auto;	color : #3B7EA8;}	
.group{margin : 0px auto;position: relative;display: block;}
.p40, .epm6000, .p40_dimension, .epm6000_dimension, .p40_connect, .p40_install1, .p40_install2, .epm6000_connect, .epm2200, .epm2200_connect, .epm2200_dimension, .epm9900, .epm9900_connect, .epm9900_dimension, .smartrol_ele, .smartrol_hvac, .sr850{	position: relative;	background-repeat: no-repeat;}
.smartrol_hvac{background-image: url(/html2/product/images/smartrol_hvac.png);}
.smartrol_ele{background-image: url(/html2/product/images/smartrol_ele.png);}
.p40{background-image: url(/html2/product/images/p40.jpg);}
.sr850{background-image: url(/html2/product/images/850.png);}
.epm2200{background-image: url(/html2/product/images/epm2200.png);}
.epm2200_dimension{	background-image : url(/html2/product/images/epm2200_interface.png);}
.epm2200_connect{	background-image : url(/html2/product/images/epm2200_ordering.png);}
.epm9900{background-image: url(/html2/product/images/epm9900.png);}
.epm9900_dimension{	background-image : url(/html2/product/images/epm9900_rating.png);}
.epm9900_connect{	background-image : url(/html2/product/images/epm9900_layout.png);}
.epm6000{background-image: url(/html2/product/images/epm6000.png);}
.epm6000_dimension{	background-image : url(/html2/product/images/epm6000_interface.png);}
.epm6000_connect{	background-image : url(/html2/product/images/epm6000_ordering.png);}
.p40_dimension{background-image : url(/html2/product/images/p40_dimension.jpg);}
.p40_connect{	background-image : url(	/html2/product/images/p40_connect.jpg);}
.p40_install1{	background-image : url(	/html2/product/images/p40_interface.jpg);}
.p40_install2{	background-image : url(	/html2/product/images/p40_model.jpg);}


.subtext{font-weight:bold;	color:#3B7EA8;	position:relative;}
.group1{	margin : 0px auto;}
.overview{	position: relative;}
.purch{		background-color:#3B7EA8;		color: #FFF;		font-weight:bold;	}
.purch a {	color:#FFF;		}.purch a:hover{color:#F00;}
	

 /*pc버젼 :1024px ~ 최대*/
  @media(min-width:1024px){
	  

.title_2dadan{	width: 1024px;	-webkit-white-space:normal;    column-count: 2;	-moz-column-count:2;	-webkit-column-count:2;	word-break:break-all;	font-size:25px;		border-bottom:solid 2px #9F9FA0;	padding : 0px 0px 20px 0px;	}	
.text_right{text-align:right;margin: 0px 30px 0px 0px;	}
	  
.overview, .p40{		height: 300px;}
	  
.group{		margin : 0px auto;	width :1024px;	display: block;}
	  
.p40, .epm6000, .epm2200, .epm9900, .smartrol_ele, .smartrol_hvac, .sr850{	width : 200px;	margin-right: 25px;	display: inline-block;	float:right;	background-size: 200px;}
	  
.overview{	width :575px;	padding-right: 160px;	padding-left: 10px;	position: relative;	display: inline-block;}
.subtext{	color:#3B7EA8;	padding:8px 0px 8px 0px;	font-size:20px;}
.group1{	width :1024px;	display: block !important;}
.sub_memo2{width : 1024px !important;			-webkit-white-space:normal;            column-count: 2;			-moz-column-count:2;			-webkit-column-count:2;			word-break:break-all;	}
	  
  
	  
.p40_dimension, .epm6000_dimension, .epm6000_connect, .p40_connect, .p40_install1, .p40_install2, .epm2200_connect, .epm2200_dimension, .epm9900_connect, .epm9900_dimension{	width : 1024px !important;	display: block !important;	background-size: 1024px !important;}
.epm9900_dimension{ height: 600px !important; }	
	 .epm9900_connect{height: 1100px !important; }  
.epm2200_dimension{ height: 1180px !important; }	
	 .epm2200_connect{height: 200px !important; }  
.p40_dimension{ height: 680px !important; }	  
.epm6000_dimension{ height: 1080px !important; }	 	  
.p40_connect{height: 850px !important; } 	  
.p40_install1{height: 520px !important; } 	
.p40_install2{height: 400px !important; } 	
.epm6000_connect{height: 300px !important; } 
	  
.purch{		margin : 0px 85px 0px 25px;		margin-top: 230px;			text-align: center;			background-color:#3B7EA8;
			border-radius:35px;			width : 180px;			color: #FFF;			padding:8px;			border: 10px double #FFFFFF;			}
	.purch a {color:#FFF;		}.purch a:hover{color:#F00;}
	  
	  
	  
	
}





 /*태블릿버전: 768px ~ 1023px* and앞뒤로 띄어쓰기 하기 */
	  
  @media(min-width:768px) and (max-width:1023px){ 
  
.title_2dadan{	width: 768px;;	-webkit-white-space:normal;    column-count: 2;
-moz-column-count:2;	-webkit-column-count:2;	word-break:break-all;
font-size:20px;		border-bottom:solid 2px #9F9FA0;	padding : 0px 0px 20px 0px;	}	
.text_right{text-align:right;margin: 0px 30px 0px 0px;	}
.overview, .p40, .epm6000, .epm2200, .epm9900, .smartrol_ele, .smartrol_hvac{		height: 300px;}
.group{		margin : 0px auto;	width :768px;	display: block;}
.p40, .epm6000, .epm2200, .epm9900, .smartrol_ele, .smartrol_hvac, .sr850{	width : 200px;	margin-right: 25px;	display: inline-block;	float:right;	background-size: 200px;}
	  
.overview{	width :310px;	padding-right: 160px;	padding-left: 10px;	position: relative;
	display: inline-block;}
.subtext{	color:#3B7EA8;	padding:8px 0px 8px 0px;	font-size:20px;}
.group1{	width :768px !important;	display: block;}
.sub_memo2{	width: 768px !important;	display: block;	position: relative;	-webkit-white-space:normal;column-count: 1;-moz-column-count:1;-webkit-column-count:1;word-break:break-all;	}
.p40_dimension, .epm6000_dimension, .p40_connect, .p40_install1, .p40_install2, .epm6000_connect, .epm2200_connect, .epm2200_dimension, .epm9900_connect, .epm9900_dimension{	width : 768px !important;	height: 300px;	display: block;	background-size: 768px !important;	position: relative;}
.epm9900_dimension{height: 450px !important;}
.epm9900_connect {height: 800px !important;}  	  	  
	  
.epm2200_dimension{height: 850px !important;}
.epm2200_connect {height: 150px !important;}  	  
.p40_dimension{height: 540px !important;}	  
.epm6000_dimension{height: 820px !important;}	
.p40_connect {height: 680px !important;}
.epm6000_connect {height: 220px !important;}  
.p40_install1 {height: 420px !important;}	
.p40_install2 {height: 300px !important;}	  

.purch{		margin : 0px 85px 0px 25px;		margin-top: 230px;			text-align: center;
background-color:#3B7EA8;			border-radius:35px;			width : 180px;
color: #FFF;	padding:8px;			border: 10px double #FFFFFF;		}
.purch a {color:#FFF;	}.purch a:hover{color:#F00;}
  
	  
	  
	  
}



/* 모바일 버젼 : 최소 ~ 767px */
  @media(max-width:767px){

.title_2dadan{	width: 380px;	text-align: center;word-break:break-all;font-size:20px;	border-bottom:solid 2px #9F9FA0;font-weight:bold;}	
.text_right{text-align:center;	}
.overview{height: 450px;   display: block !important; position: relative !important; }
	  
 .p40{height: 450px;}
.group{	width :380px;		display: block !important;}
	  	  .p40{	margin-top:0px !important;	width : 380px;	display: block;	background-size: 380px;}
	  	  .epm6000, .epm2200, .epm9900, .smartrol_ele, .smartrol_hvac, .sr850{	margin-top:0px !important;	width : 380px; height : 350px;	display: block;	background-size: 380px;}
	  .sr850{		  height: 400px;  }	  
	  
.overview{	width :380px;	height: auto !important;	position: relative;	display: block;}
.subtext{		width :380px !important;	height: 30px !important;	color:#3B7EA8;display: block !important;	font-size:20px;}
.group1{		width :380px;	display: block !important;	  }
.sub_memo{	display: block !important;	width: 380px;	position: relative;	float: none;	  height: auto;}
.sub_memo2{	display: block !important;	width: 380px;	  height: auto;float: none;}
.p40_dimension, .p40_connect, .p40_install1, .p40_install2, .epm6000_connect, .epm6000_dimension, .epm2200_connect, .epm2200_dimension, .epm9900_connect, .epm9900_dimension{	width : 380px !important;
	height: 250px;	position: relative;	display: block;	background-size: 380px !important;}
	  	  	  .epm9900_dimension{	height: 220px;}
	  .epm9900_connect{	height: 410px;}
	  	  .epm2200_dimension{	height: 420px;}
	  .epm2200_connect{	height: 110px;}
	  .epm6000_dimension{	height: 420px;}
	  .epm6000_connect{	height: 110px;}
	  .shsdl_dimension{	height: 250px;}
	  	  .shs7sl_dimension{	height: 250px;}
	  .tpos_dimension{	height: 250px;}
.p40_dimension{	height: 250px;}
.p40_connect{height: 320px;}
.p40_install1{height: 220px;}
.p40_install2{height: 170px;}
.purch, .purch a{	visibility: hidden;		}
}