/*slider*/
.main_slider {
 position:relative; 
 z-index:9; 
 width:100%;
 height: 650px;
}
/* ½½·Î°Ç */
.sloganbox {
 margin-top:50px; 
 display:inline-block; 
 padding:35px 60px; 
 width:100%; 
 text-align:center; 
 font-family: 'Raleway', sans-serif; 
}
.sloganbox .title {
 font-size:48px; 
 line-height:70px; 
 color:#997b5c; 
 font-weight:800; 
 padding-bottom:10px; 
 letter-spacing:1px;
}
.sloganbox .txt {
 font-size:15px; 
 line-height:24px; 
 color:#FFF; 
 font-weight:500; 
 opacity:0.85; 
 font-family:'Source Sans Pro','nanumgothic','Nanum Gothic', sans-serif; 
}
.sloganbox .btn {
 padding: 30px 0;
}
.slogan_white {
 color: #FFF;
}

.slider {
}
.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: 60px;
  height: 60px;
  position: absolute;
  top: 45%;
  z-index: 99;
  cursor: pointer;
}
.slider .jquery-reslider .slider-direction.slider-direction-prev {
  left: 20px;
  background: url('../img/_designcoco/images/prev.png') no-repeat;
}
.slider .jquery-reslider .slider-direction.slider-direction-next {
  right: 20px;
  background: url('../img/_designcoco/images/next.png') no-repeat
}
.slider .jquery-reslider .slider-dots {
  position: absolute;
  width: 100%;
  text-align: center;
  bottom: 30px;
}
.slider .jquery-reslider .slider-dots li {
  width: 15px;
  height: 15px;
  border-radius: 100px;
  display: inline-block;
  margin: 10px;
  border: 2px solid #ffffff;
  cursor: pointer;
}
.slider .jquery-reslider .slider-dots li.active { 
 background-color: #ffffff; 
}

@media screen and (max-width: 1200px) {
 .main_slider {
  position:relative; 
  z-index:9; 
  width:100%;
  height: 600px;
 }
 
 .sloganbox {
  margin-top: 150px;
 }
}
@media screen and (max-width: 768px) {
.main_slider {
 position:relative; 
 z-index:9; 
 width:100%;
 height: 400px;
}
.sloganbox {
  margin-top: 80px;
}
.sloganbox .title {
 font-size: 40px;
 line-height: 40px;
}
.sloganbox .txt {
 font-size: 13px;
 line-height: 20px;
}
.sloganbox .btn {
 display: none;
}
.slider .jquery-reslider .slider-direction { zoom: .8; }
.slider .jquery-reslider .slider-dots { position: absolute; }
.slider .jquery-reslider .slider-dots {
 bottom: 20px;
}
}
@media screen and (max-width: 480px) {
.main_slider {
 position:relative; 
 z-index:9; 
 width:100%;
 height: 320px;
}
.sloganbox {
  margin-top: 40px;
}
.sloganbox .title {
 font-size: 32px;
 line-height: 32px;
}
.sloganbox .txt {
 font-size: 13px;
 line-height: 20px;
}
}