@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;}
.lv1_ldm, .lv3_ldcm, .shsdl, .shs7sl, .tpos, .nss1g, .ldm_dimension, .ldcm_dimension, .wdm_dimension, .shsdl_dimension, .shs7sl_dimension, .tpos_dimension, .nss1g_connect, .nss1g_dimension, .ldm_connect1, .ldm_connect2, .ldm_install1, .ldm_install2, .ldm_install3, .ldm_list, .ldcm_connect, .wdm_connect, .shsdl_connect, .shs7sl_connect, .tpos_connect, .nss2g, .nss2g_connect, .nss2g_dimension, .shg, .shg_dimension, .lr7p, .lr7p_connect, .lr7p_dimension, .stshome, .stshome_dimension, .stshome_application{	position: relative;	background-repeat: no-repeat;}

.stshome{background-image: url(/html2/product/images/stshome.png);}
.stshome_dimension{background-image: url(/html2/product/images/stshome_dimension.png);}
.stshome_application{background-image: url(/html2/product/images/stshome_application.png);}



.nss1g{background-image: url(/html2/application/images/homeswitch_nsscene1g.png);}
.lv1_ldm{background-image: url(/html2/product/images/lv3_ldm2.PNG);}
.lv1_wdm{background-image: url(/html2/product/images/dali_ldmocc.png);}
.lv3_ldcm{background-image: url(/html2/product/images/ldcm.png);}
.shsdl{background-image: url(/html2/product/images/local_shs_dl.PNG);}
.shs7sl{background-image: url(/html2/product/images/local_shs_7sl.PNG);}
.tpos{background-image: url(/html2/application/images/homeswitch_nstl1r1g1.png);}
.overview{	position: relative;}
.subtext{font-weight:bold;	color:#3B7EA8;	position:relative;}
.group1{	margin : 0px auto;}
.nss2g{background-image: url(/html2/application/images/homeswitch_nsscene2g.png);}
.nss2g_dimension{background-image : url(/html2/product/images/nsscene5_dimen.png);}
.nss2g_connect{background-image : url(/html2/product/images/nsscene5_dia.png);}
.wdm_dimension{background-image : url(/html2/product/images/ldmocc_dimen.jpg);}
.ldm_dimension{background-image : url(/html2/product/images/lv3ldm_dimen.jpg);}
.ldcm_dimension{background-image : url(/html2/product/images/ldcm_dimen.jpg);}
.shsdl_dimension{background-image : url(/html2/product/images/shsdl_dimen.png);}
.shs7sl_dimension{background-image : url(/html2/product/images/shs7sl_dia.png);}
.tpos_dimension{background-image : url(/html2/product/images/shs7sl_dia.png);}
.nss1g_dimension{background-image : url(/html2/product/images/nstl1r1g1_dimen.png);}
.nss1g_connect{background-image : url(/html2/product/images/nstl1r1g1_dia.png);}
.shg{background-image : url(/html2/product/images/lv3_wireless_receiver.PNG);}
.shg_dimension{background-image : url(/html2/product/images/receiver_dimen.jpg);}

.lr7p{background-image : url(/html2/product/images/lr7p.png);}
.lr7p_dimension{background-image : url(/html2/product/images/lr7p_dimension.png);}
.lr7p_connect{	background-image : url(	/html2/product/images/lr7p_connect.png);}

.tpos_connect{	background-image : url(	/html2/product/images/nstl1r1g1_dia.png);}
.shsdl_connect{	background-image : url(	/html2/product/images/shsdl_dia.png);}
.shs7sl_connect{	background-image : url(	/html2/product/images/shsdl_dia.png);}
.wdm_connect{	background-image : url(	/html2/product/images/wdm_dia.png);}
.ldm_connect1{	background-image : url(	/html2/product/images/lv3ldm_dia.png);}
.ldcm_connect{	background-image : url(	/html2/product/images/ldcm_connect.jpg);}
.ldm_connect2{	background-image : url(	/html2/product/images/lv3ldm_type.jpg);}
.ldm_install1{	background-image : url(/html2/product/images/ldm_install.png);}
.ldm_install2{	background-image : url(	/html2/product/images/ldm_install2.png);}
.ldm_install3{	background-image : url(	/html2/product/images/ldm_install3.png);	}
.ldm_list{	background-image : url(	/html2/product/images/ldm_list.png);}
.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, .lv1_ldm, .group, .lv1_wdm, .shs7sl, .tpos, .nss1g, .shg, .stshome{		height: 300px;}
.group{		margin : 0px auto;	width :1024px;	display: block;}
.lv1_ldm, .lv3_ldcm, .lv1_wdm, .shsdl, .shs7sl, .tpos, .nss1g, .nss2g, .shg, .lr7p, .stshome{	width : 250px;	margin-right: 25px;	display: inline-block;	float:right;	background-size: 250px;}
	  
.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;	}
.ldm_dimension, .ldcm_dimension, .wdm_dimension,  .shs7sl_dimension,.shsdl_dimension, .tpos_dimension, .ldm_connect1, .ldm_connect2, .ldm_install1, .ldm_install2, .ldm_install3, .ldm_list, .ldcm_connect, .wdm_connect, .shsdl_connect, .shs7sl_connect, .tpos_connect, .nss1g_connect, .nss1g_dimension, .nss2g_connect, .nss2g_dimension, .shg_dimension, .lr7p_connect, .lr7p_dimension, .stshome_application, .stshome_dimension{	width : 1024px !important;	display: block !important;	background-size: 1024px !important;}
		  .stshome_application{ height: 490px !important; }
	  .stshome_dimension{ height:650px !important; }	    
	  .lr7p_connect{ height: 400px !important; }
	  .lr7p_dimension{ height: 1000px !important; }	  	  
	  
.shg_dimension{ height: 740px !important; }	
.tpos_dimension{ height: 640px !important; }	  
.ldm_dimension{ height: 400px !important; }	  
.ldcm_dimension{height:680px !important; }	  
.wdm_dimension{height:680px !important; }	  	  
.shsdl_dimension{ height: 680px !important; }	  	  
.shs7sl_dimension{ height: 680px !important; }	  		  
	  .nss1g_connect{ height: 850px !important; }
	  .nss1g_dimension{ height: 850px !important; }	  
	  	  .nss2g_connect{ height: 850px !important; }
	  .nss2g_dimension{ height: 950px !important; }	
.tpos_connect{height: 850px !important; } 	  
.shs7sl_connect{height: 600px !important; } 	  
.wdm_connect{ height: 700px !important;}
.ldm_connect1{ height: 700px !important;}
.ldm_connect2{ height: 700px !important; }
.ldm_install1{ height: 400px !important;}
.ldm_install2{height: 400px !important; }
.ldm_install3{height: 400px !important; }
.ldm_list{ height: 250px !important; }
.ldcm_connect{height: 300px !important; } 
.shsdl_connect{height: 600px !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;}
	  
.purch2, .purch2 a{	visibility: hidden;		}	  
	  
	
}





 /*태블릿버전: 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, .lv1_ldm, .group, .lv3_ldcm, .lv1_wdm, .shsdl, .shs7sl, .tpos, .nss1g, .nss2g, .shg, .lr7p, .stshome{		height: 450px;}
.group{		margin : 0px auto;	width :768px;	display: block;}
.lv1_ldm, .lv3_ldcm, .lv1_wdm, .shsdl, .shs7sl, .tpos, .nss1g, .nss2g, .shg, .lr7p, .stshome{	width : 250px;	margin-right: 25px;	display: inline-block;	float:right;	background-size: 250px;}
.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;	}
.ldm_dimension, .ldcm_dimension, .wdm_dimension, .shsdl_dimension, .shs7sl_dimension, .tpos_dimension, .ldm_connect1, .ldm_connect2, .ldm_install1, .ldm_install2, .ldm_install3, .ldm_list, .ldcm_connect, .wdm_connect, .shsdl_connect, .shs7sl_connect, .tpos_connect, .nss1g_connect, .nss1g_dimension, .nss2g_connect, .nss2g_dimension, .shg_dimension, .lr7p_connect, .lr7p_dimension, .stshome_application, .stshome_dimension{	width : 768px !important;	height: 300px;	display: block;	background-size: 768px !important;	position: relative;}
.stshome_dimension{height: 490px !important;}	  
.stshome_application {height: 350px !important;}	  
.lr7p_dimension{height: 790px !important;}	  
.lr7p_connect {height: 300px !important;}
	  	  .nss1g_dimension{height: 640px !important;}
			  	  .shg_dimension{height:520px !important;}    
		  	  .nss2g_dimension{height: 690px !important;}  
	    .nss2g_connect {height: 650px !important;}
	  .tpos_dimension{height: 540px !important;}	  
	  .shsdl_dimension{height: 540px !important;}	
	  .shs7sl_dimension{height: 540px !important;}	  
.wdm_dimension{height: 500px !important;}	
.ldm_dimension{height: 500px !important;}	  
.ldcm_dimension{height: 500px !important;}  
	  .nss1g_connect {height: 620px !important;}
	  .tpos_connect {height: 620px !important;}
	    .shs7sl_connect {height: 450px !important;}
	  .shsdl_connect {height: 450px !important;}
.wdm_connect {height: 520px !important;}
.ldcm_connect {height: 220px !important;}	  
.ldm_connect1{ height: 520px !important;}
.ldm_connect2{height: 520px !important; }
.ldm_install1{ height: 400px !important; }
.ldm_install2{ height: 480px !important; }
.ldm_install3{ height: 200px !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;}
  .purch2 .purch2 a{	visibility: hidden;		}
	  
	  
	  
}



/* 모바일 버젼 : 최소 ~ 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: 300px;   display: block !important; position: relative !important; }
	  
 .lv1_ldm, .group, .lv3_ldcm, .lv1_wdm, .shsdl, .shs7sl, .tpos, .stshome, .nss1g, .nss2g, .shg, .lr7p{height: 350px;}
	  
.group{	width :380px;	height  :700px;	display: block !important;}
	  	  .tpos, .nss1g, .nss2g, .shg, .lr7p, .stshome{	margin-top:-40px !important;	width : 380px;	display: block;	background-size: 380px;}
	  .shsdl{	margin-top:0px !important;	width : 380px;	display: block;	background-size: 380px;}
.shs7sl{	margin-top:0px !important;	width : 380px;	display: block;	background-size: 380px;}
.lv1_wdm{	margin-top:0px !important;	width : 380px;	display: block;	background-size: 380px;}
.lv1_ldm{	margin-top:-300px;	width : 380px;	display: block;	background-size: 380px;}
.lv3_ldcm{	margin-top:0px;	width : 380px;	display: block;	background-size: 380px;}
.nss2g{	margin-top:0px;	width : 380px;	display: block;	background-size: 380px;}	  
.shg{margin-top:-60px !important;	width : 380px;	display: block;	background-size: 380px;}	.lr7p{margin-top:-10px !important;	width : 380px;	display: block;	background-size: 380px;}	  
.lv1_wdm{	margin-top:-300px;	width : 380px;	display: block;	background-size: 380px;}  
.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;}
.ldm_dimension, .ldcm_dimension, .wdm_dimension, .shsdl_dimension, .shs7sl_dimension, .tpos_dimension, .ldm_connect1, .ldm_connect2, .ldm_install1, .ldm_install2, .ldm_install3, .ldm_list, .ldcm_connect, .wdm_connect, .shsdl_connect, .shs7sl_connect, .tpos_connect, .nss1g_connect, .nss1g_dimension, .nss2g_connect, .nss2g_dimension, .shg_dimension, .lr7p_connect, .lr7p_dimension, .stshome_application, .stshome_dimension{	width : 380px !important;
	height: 250px;	position: relative;	display: block;	background-size: 380px !important;}
	  .lr7p_connect{height: 180px;}
	  .lr7p_dimension{height: 400px;}	  
	  .nss2g_connect{height: 320px;}
	  .nss2g_dimension{height: 350px;}	  
	  .nss1g_connect{height: 320px;}
	  .nss1g_dimension{height: 350px;}
	  .shsdl_dimension{	height: 250px;}
	  	  .shs7sl_dimension{	height: 250px;}
	  .tpos_dimension{	height: 250px;}
.wdm_dimension{	height: 250px;}
.ldm_dimension{	height: 250px;}
.ldcm_dimension{height: 250px;}
.shg_dimension{height: 250px;}
.ldcm_connect{height: 120px;}
.wdm_connect{ height: 280px;}
	  .tpos_connect{ height: 320px;}
.ldm_connect1{ height: 280px;}
.ldm_connect2{ height: 280px;}
.ldm_install1{ height: 190px;}
	  .shs7sl_connect{height: 220px;}
.shsdl_connect{height: 220px;}
.ldm_install2{height: 290px;}
.ldm_install3{ height: 150px; }
.ldm_list{	height: 120px;}
.purch, .purch a{	visibility: hidden;		}
.purch2{		margin : 0px auto;		;			text-align: center;			background-color:#3B7EA8;
			border-radius:35px;			width : 180px;			color: #FFF;			padding:8px;			border: 10px double #FFFFFF;			}
	.purch2 a {color:#FFF;		}.purch a:hover{color:#F00;}	  
	  
	  
}