html, body {
    width: 100%;
	height:100%;
   font-family:'Nanum Gothic', "나눔고딕", Dotum, "돋움", Verdana, Tahoma, AppleGothic, sans-serif;
    font-size:14px; color:#343434;
}


ul,li{list-style:none;
padding:0; margin:0;}
a{text-decoration:none; color:#000;}
.container a {
    color: #fff;
    text-decoration: none;
}

.container {
    position: relative;
    width:90%;
	max-width:1280px;
	min-width:1024px;
    height:auto;
    margin: 0px auto;
	margin-top:30px;
    padding: 0px;
}
.demo_box {
    position: relative;
    width: 100%;
    height: auto;
    top: 0;
    cursor: pointer;
    margin-bottom: 10px;
    padding: 0;
    overflow: hidden;
}
.hoverblack{
  position: absolute;
  width:100%;
  height:100%;
  left:100%;
  margin:0 auto;
  z-index: 5;
  background-color: #000;
  opacity: 0.6;
  transition: all 0.3s;}
.energyitDemo:hover .hoverblack{left:0;}
.poweritDemo:hover .hoverblack{left:0;}
.itDevDemo:hover .hoverblack{left:0;}


.energyitDemo:hover .demoproductBox{display: block;}
.poweritDemo:hover .demoproductBox{display: block;}
.itDevDemo:hover .demoproductBox{display: block;}

.fontDemo{
  position: absolute;
  font-weight: bold;
  font-size: 50px;
  color:#fff;
  text-shadow: 2px 2px 2px #000;
  padding: 0; margin: 0;
  z-index: 9;
  top:50px;
  left:20px;
}

.mainimg_demo{
  width:100%;
	height:auto;
	margin:0 auto;
	display:block;
}


.demoproductBox{
  position: absolute;
  top:0;
  z-index: 9;
  width: 75%; height:100%;
  max-width:900px;
  min-width:650px;
  right:0;
  padding: 0;
  margin: 0;
  display: none;
  transition: all 0.5s;
}

/*ul*/
.demoproductBox_cont{
  position:relative;
  padding: 0;
  margin: 0;
  color:#fff;
  width: 750px;
  height:210px;
  top:50%; transform: translateY(-50%);
  right:0;

}
.demoproductBox_cont li{padding: 0; width:50%;
;  margin-top: 0px;  float: left; height:70px; right:0;}

.demoproductBox_cont li .p1{ font-size: 24px; display: block;  padding: 0; margin: 0; width:100%;font-weight: bold;}
.demoproductBox_cont li .p1 img{width:16px; height:16px; margin:0; }

.demoproductBox_cont li .p2{ font-size: 12px; display: block;  padding: 0; margin-top:5px; width:100%; }

.demoproductBox_cont li .p2 img{width:5px; height:5px; margin:0; margin-left: 23px;vertical-align: middle;}

.demoproductBox_cont li .p3{font-size: 12px; display: block;  padding: 0; margin-top:-10px;margin-left:32px; width:100%;  width:250px;}





/*footer*/
.footer{position:relative; background-color:#EEE;  padding:0; margin-top:30px;width:100%; height:100px;}
.footarea{position:relative; margin:0 auto; text-align:center;top:15px;}
.footarea h4{padding:5px;margin:0; }