@charset "utf-8";
/* CSS Document  메인컬러 기존 #0E1352   수정 #0E1352*/
/*최상단 배너영역***************************************/
.nomargin{margin:0 !important}   
    
#shop {width:100%; height:600px; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; overflow: hidden; position:relative}
#shop ul#big_img {position:relative; height: inherit} 
#shop ul#big_img li {float:left; height:inherit; overflow: hidden} 
#shop ul#big_img li a {display: block; width:100%; height:100%; position: relative}  
#shop ul#big_img li img {position:relative; left:50%; top: 50%; transform: translate(-50%,-50%)}

#shop p.slogan {width: 500px; height: 300px; 
    position: absolute; left: 50%; top: 160px; 
    font-size: 40px; line-height: 1.5;  letter-spacing:-1px; font-weight:bold }
#shop p.slogan span {position:relative; top:20px}
#shop p.slogan span strong {background-color: #000; color: #FFF; padding: 10px; font-weight:normal }
p.slogan1 {margin-left:-500px; color: #000;}
p.slogan2 {margin-left:-550px; color: #222}
p.slogan3 {margin-left:-580px; color: #1f420e}
p.slogan4 {margin-left:-500px; color: #0075C2}


#control {position: absolute; bottom: 15%; left: 50%; transform: translateX(-50%); width: 150px}
#control #circle {}
#control #circle li {float: left; width: 15px; height: 15px; border-radius: 50%; border: 1px solid #0E1352;
    margin-right: 10px; cursor:pointer; background-color: #FFF}
#control #circle li.select {background-color: #0E1352;}
#control i.stop {color: #0E1352; cursor:pointer; display: block; float: left; margin-left:20px }

#shop button {width: 50px; height:50px; border: none; background: none; 
    position: absolute; top:50%; cursor: pointer;}    
#shop button.prev{left: 20px}  
#shop button.next{right: 20px}

/*product li 3개 ***************************************/
.product {margin: 40px 0; width:1100px; height:350px; 
    /*background-image:url(img/pattern.PNG); */
    background-color: #f4f3f4;
	padding: 20px; box-sizing:border-box; 
	border:1px solid #e7e7e7; color: #646464 } 
.product h2 { font-weight: normal; color: #0E1352; margin-bottom:10px }
.product h2 span {color: #333; font-size: smaller}
.product ol { height: 270px; }
.product ol li { float: left; width:32%; height: inherit; margin-right: 2%; 
  position:relative; background-color:#0E1352; border:1px solid #e7e7e7;
    box-sizing: border-box; overflow:hidden }/**/
.product ol li a { color:#FFF }
.product ol li a span { height:40px; line-height:40px; 
 text-indent:1em; display:block }  
.product ol li img { width:100%; height:100% }
.product ol p { width:100%; height:100px; 
  background-color:rgba(0, 0, 0, 0.7);
  line-height:1.7; letter-spacing: -1px; padding: 20px; box-sizing: border-box;
  position:absolute; left:0; bottom:-120px } /* height값과 bottom값 */
.product button { float: right }	

/*productBusiness p (좌우슬라이딩)***************************************/
.productBusiness {height:250px;}
#ways3 {width:1050px; height:172px; margin:10px 0; 
     position:relative}
#ways3 p {width:336px; height:inherit; overflow: hidden;position:absolute }
#ways3 p#one {left:0px}
#ways3 p#two {left:360px}
#ways3 p#three {left:722px}