/*slider*/

.slider {
	width:100%; height:100%; top:0;
	position:relative;
	margin:0 auto;}

.slider .jquery-reslider .slider-block {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 97;
  background-position: 50% 50%;
  background-size: cover;
  opacity: 0;
}

.slider .jquery-reslider .slider-direction {
  width: 75px;
  height: 75px;
  position: absolute;
  top: 45%;
  z-index: 99;
  cursor: pointer;
}

.slider .jquery-reslider .slider-direction.slider-direction-prev {
  left: 10%;
  background: url('/_img/main/prev.png') no-repeat;
}

.slider .jquery-reslider .slider-direction.slider-direction-next {
  right: 10%;
  background: url('/_img/main/next.png') no-repeat
}

.slider .jquery-reslider .slider-dots {
  position: absolute;
  width: 100%;
  text-align: center;
  top:88%;
  bottom: 80px;
}

.slider .jquery-reslider .slider-dots li {
  width: 11px;
  height: 11px;
  border-radius: 25px;
  display: inline-block;
  margin: 10px;
  border: 1px solid #ffffff;
  opacity:0.2;
  cursor: pointer;
}

.slider .jquery-reslider .slider-dots li.active { background-color: #ffffff; opacity:0.2; }




/*========================================================================
메인이미지
========================================================================*/
/*============================
  모바일 - 320px 이상
============================*/
/* 모바일 레이아웃: 320px이상, 319px이하 */
@media screen and (min-width: 320px), screen and (max-width: 319px) {
/*메인상단이미지*/
.mainimg_box {position:relative; overflow:hidden; z-index:99; width:100%; height:100%; text-align:center; text-align:left; background-repeat:no-repeat; background-position:center center; background-size:cover;
round-size:cover; -moz-background-size:cover; -o-background-size:cover;}
/*.mainimg_box img{width:50%;}*/
.slider-direction{display:none;}
.slider-dots{display:none;}
}

/*============================
  타블렛 - 769px 이상
============================*/
/* 타블렛 레이아웃: 769px~1024px. 다음에서 스타일 상속: 모바일 레이아웃. */
@media screen and (min-width: 769px) {
}

/*============================
  PC - 1025px 이상
============================*/
@media screen and (min-width: 1025px) {
}






/*========================================================================
서브이미지
========================================================================*/
/*============================
  모바일 - 320px 이상
============================*/
/* 모바일 레이아웃: 320px이상, 319px이하 */
@media screen and (min-width: 320px), screen and (max-width: 319px) {
/*서브상단이미지*/
.subimg_box {position:relative; z-index:99; width:100%; height:100px; text-align:center; text-align:left; border-top:#d9e0e4 solid 0px; border-bottom:#d9e0e4 solid 1px;}
.subimg_box img{width:50%;}
.slider-direction{display:none;}
.slider-dots{display:none;}
}

/*============================
  타블렛 - 769px 이상
============================*/
/* 타블렛 레이아웃: 769px~1024px. 다음에서 스타일 상속: 모바일 레이아웃. */
@media screen and (min-width: 769px) {
/*서브상단이미지*/
.subimg_box {position:relative; z-index:99; width:100%; height:150px; text-align:center; text-align:left;  border-top:#d9e0e4 solid 1px; border-bottom:#d9e0e4 solid 1px;}
.subimg_box img{width:100%;}
.slider-direction{display:block;}
.slider-dots{display:block;}
}

/*============================
  PC - 1025px 이상
============================*/
@media screen and (min-width: 1025px) {
/*서브상단이미지*/
.subimg_box {position:relative; z-index:99; width:100%; height:250px; text-align:center; text-align:left;  border-top:#d9e0e4 solid 1px; border-bottom:#d9e0e4 solid 1px;}
.subimg_box img{width:100%;}
}