#content_main{ width:100%; position:relative; margin:0 auto; padding-top:117px;}


/* visualArea */
.visualArea {position: relative; width:100%; height:475px; margin:20px 0 0 34px }
.visualArea .visual { position: absolute; width:1059px; height:475px; }
.visualArea .visual .slide {  position: relative; float:left; width:1059px; height:475px; overflow:hidden; }
.visualArea .visual .slide ul.slides{ margin:0; padding:0; list-style-type:none; }
.visualArea .visual .slide ul.slides li{width:1059px; height: 475px;   left: 0px;   position: absolute; top: 0px; display: none;}
.visualArea .visual .slide ul.slides li img{width:1059px; height: 475px; border:0; margin:0px; }
.visualArea .visual .slide .slide-navs {bottom: 20px;  left: 50%;   position: absolute;	list-style-type: none; margin: 0; padding: 0; }
.visualArea .visual .slide .slide-navs li { float: left; height:15px; width:15px; margin-right:10px; cursor:pointer; background:url(../images/b_off.png)}
.visualArea .visual .slide .slide-navs li.current-slide{background:url(../images1/b_on.png)}
.visualArea .visual .slide a.prev{width:25px;	height:44px;	display:block;	cursor:pointer;	position:absolute;	top: 45%; left:1%;  background: url(../images1/arrow_left.png) no-repeat 0 0;  }
.visualArea .visual .slide a.next{width:25px;	height:44px;	display:block;	cursor:pointer;	position:absolute;	top: 45%; right:1%; background: url(../images1/arrow_right.png) no-repeat 100% 0;  }
.visualArea .visual .slide a.prev:hover{}  .slide a.next:hover{}




#content{ margin:0 auto; overflow:hidden; width:1200px;	position: relative; margin-top: 15px;}


/** 메인 슬라이딩 소스(챗지피티) **/
.slider {
    width: 100%;
    overflow: hidden;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}

.slide-track {
    display: flex;
    transition: transform 0.5s ease-in-out;
    align-items: center;
}

.slide {
    flex: 0 0 1200px; /* Fixed width of 1200px */
    max-width: 1200px;
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;

}

.slide.active {
    opacity: 1; /* Full opacity for the active slide */
}

.slide img {
    width: 100%;
    display: block;
}

button.prev, button.next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
    z-index: 10;
}

button.prev {
    left: 10px;
}

button.next {
    right: 10px;
}


/**** 품목 리스트 *****/
#mainImgWrap {
  z-index: 1;
  width: 100%;
  position: relative;
  padding-bottom:20px;
}
#mImgMid {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}
#mMid {
  display: inline-block;
  text-align: center;
  max-width: 215px;
  padding: 5px;
  margin: 6px;
}

#midImg {
  position: relative;
  max-width: 225px;
  height: 250px;
  padding: 0;
  z-index: 1;
  display: block;
  overflow: hidden;
  border:1px solid #eee;
}

#midImg:hover {
  border:1px solid #666;

}

#midImg img {
transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transition: all 0.3s ease-in-out;
}

#midImg img:hover {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}

#midImg:hover .midTitle {
    background-color: #235ab3; /* Change this to your desired hover background color */
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
  -ms-transform: scale(1.05);
  -o-transform: scale(1.05);
	transition: all 0.3s ease-in-out;
}

@-webkit-keyframes shine {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		left: 125%;
		opacity: 0;
	}
}
@keyframes shine {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		left: 125%;
		opacity: 0;
	}
}

#midTitle {
  position: absolute;
  bottom: 0px;
  background: #858383;
  width: 100%;
  z-index: 2;
}

#midTitle span { color:#fff; }

#midTitle2 {
  position: absolute;
  bottom: 0px;
  background: #126b62;
  width: 100%;
  z-index: 2;
}

#midTitle3 {
  position: absolute;
  bottom: 0px;
  background: #87460f;
  width: 100%;
  z-index: 2;
}

.midSize {
  width: 90%;
  height: auto;
}

.midTitle {
  background: #002f7b;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  padding: 10px 0;
  text-align: center;
}

.midTitle span {
  padding: 0 10px;
}

.midTitle:hover {
  background: #5553ad;
  color: #fff;
  font-weight: 500;
  padding: 10px 0;
  text-align: center;
}
.midTitle a,
.midTitle a:focus,
.midTitle a:active {
  color: #fff;
}


.ep_ban{width:1059px; height:195px; overflow:hidden; background-color:#fff; margin:15px 0 0 33px; position:relative}

.ep_ban ul {
    overflow: hidden;
    margin: 0 -20px;
}
.ep_ban ul li {
    float: left;
    width: 343px;
    padding-left: 20px;
	margin:0 20px 0 0;
}

.ep_ban ul li:first-child {
    float: left;
    width: 373px;
	margin:0 0 2px 0;
	padding-left: 20px;
}

.ep_ban ul li:last-child {
    float: left;
    width: 363px;
	margin:0 0 2px 0;
	padding: 0;
}

/* icon */
.icon{ width:1150px; height:140px; padding:20px 20px 20px 50px; overflow:hidden; background:#f9f9f9;}
.icon ul li{ text-indent:-999px; margin:14px 0 0 1px }
.icon .icon_text{ padding-top:100px; width:180px; text-align:center; position:absolute; color:#333;}
.icon .icon1{ background:url(../images1/icon01.png) 0 0 no-repeat; width:180px; height:109px; float:left;}
.icon .icon1:hover{ background:url(../images1/icon01on.png) no-repeat}
.icon .icon2{ background:url(../images1/icon02.png) 0 0 no-repeat; width:180px; height:109px; float:left;}
.icon .icon2:hover{ background:url(../images1/icon02on.png) no-repeat}
.icon .icon3{ background:url(../images1/icon03.png) 0 0 no-repeat; width:180px; height:109px; float:left;}
.icon .icon3:hover{ background:url(../images1/icon03on.png) no-repeat}
.icon .icon4{ background:url(../images1/icon04.png) 0 0 no-repeat; width:180px; height:109px; float:left;}
.icon .icon4:hover{ background:url(../images1/icon04on.png) no-repeat}
.icon .icon5{ background:url(../images1/icon05.png) 0 0 no-repeat; width:180px; height:109px; float:left;}
.icon .icon5:hover{ background:url(../images1/icon05on.png) no-repeat}
.icon .icon6{ background:url(../images1/icon06.png) 0 0 no-repeat; width:180px; height:109px; float:left;}
.icon .icon6:hover{ background:url(../images1/icon06on.png) no-repeat}



/* 회사소식 */
.news{width:100%; height:415px; overflow:hidden; background:#f8f8f8; position:relative;margin-top:25px;}
.news .title{ font-size:1.625rem; padding:20px; }

.news .inner_listSlider  { width:1200px; padding:5px 20px; }
.news .inner_listSlider .listSliderItem li{width:30%; margin:0 10px 0 10px; background-color:#fff; float:left; padding:0 5px;}

.news .inner_listSlider .listSliderItem li:hover {box-shadow:10px 10px 13px #e5e5e5; transition: all 0.3s ease-in-out;}

.news .inner_listSlider .listSliderItem .mainImg {position:relative; height:210px; border-top-left-radius : 6px; border-top-right-radius : 6px; overflow:hidden;  text-align:center; padding-top:20px; padding-bottom:15px;}
.inner_listSlider .listSliderItem img{ width:330px}
.inner_listSlider .listSliderItem span{ font-size:17px; color:#222; font-weight:bold; margin:10px 0 0 15px;}
.inner_listSlider .listSliderItem p{ line-height:1.65em; margin:5px 15px; font-size:14px; color:#222;}
.news .more{ display:block; width:42px; height:44px; background:url(../images1/more.jpg) no-repeat; text-indent:-999px; overflow:hidden; position:absolute; top:0; right:0;  }

/* Epson */
.epsonban {width:1059px; height:345px; overflow:hidden; background-color:#fff; margin:15px 0 0 33px; position:relative}