/*etc*/

div.etcPage div.subTitBox {
    background:url('../img/bg_etc.png') no-repeat 0 0;
}



/*미디어*/
.cntBox {}
.media h2 {text-align:center; font-size:34px; text-align:center; line-height:1; margin-bottom:30px;}
.media .course {overflow:hidden;}
.media .course li {position:relative; float:left; width:580px; height:300px; overflow:hidden; border:1px solid #c7b7ab; z-index:1;}
.media .course li:before {position:absolute; top:0; left:0; width:580px; height:300px;  background:red; z-index:10;}
.media .course li span.txt {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); color:#fff; font-size:20px; font-weight:600;}
.media .course li:nth-child(1) {background:url(../img/sky.jpg) center no-repeat; }
.media .course li:nth-child(2) {background:url(../img/lake.jpg) center no-repeat; }
.media .course li span.over {position:absolute; left:0; top:0; width:100%; height:100%;  background-color:rgba(0,0,0,0.6); z-index:-1; opacity:1;  transition:0.3s all;}
.media .course li:hover span.over{opacity:0; transition:0.3s all;}


/*.media .course li img {position:asbolteu; top:0; left:0; width:100%; transition:all 0.5s; z-index:9;}
.media .course li:hover img {transform:scale(1.1);}*/
.media .marketing {overflow:hidden; text-align:center;}
.media .marketing li {display:inline-block; width:200px; height:200px; overflow:hidden; border:1px solid #c7b7ab;}
.media .marketing li + li {margin-left:60px;}



.gellery {overflow:hidden;}
.gellery ul li {float:left; width:250px; padding:10px; border:1px solid #444; text-align:center; margin-left:20px; }
.gellery ul li:nth-child(2n+1){margin-left:0px;}
.gellery ul li:nth-child(n+3){margin-top:20px; }
.gellery ul li span{display:block; position:relative; width:250px; height:250px; border:1px solid #dfdfdf; }
.gellery ul li span img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); max-width:100%; max-height:100%; }
.gellery ul li p{font-size:18px; color:#444; margin-top:10px; }





/*컨텍트*/

.contact h2 {font-size:34px; text-align:center;}
.contact > div {margin-top:50px;}
.contact .left a {color:#775e4a;}
.con ul li {margin-top:20px;}
.con ul li input[type="text"] {width:100%; height:50px; line-height:50px; border:1px solid #e0e0e0; padding:0 20px; box-sizing:border-box;}
.con ul li input[type="submit"] {width:100%; height:50px; line-height:50px; background:#cf9e73; color:#fff; border:none; font-size:16px; cursor:pointer;}
.con ul li textarea {width:100%; height:200px; border:1px solid #e0e0e0; resize:none;  padding:20px; box-sizing:border-box; cursor:pointer;}
.contact .right {height:535px; }
.contact .call {font-size:18px;}
.contact .call span {font-weight:bold;}
.contact .down {display:block; width:100%; height:50px; line-height:50px; text-align:center;  background:#cf9e73; color:#fff; margin-top:5px; }
.form {float:left; width:50%; height:500px;}



/*멤버쉽*/

.ship h2 {font-size:34px; text-align:center;}

.ship .member {width:100%; height:450px; overflow:hidden; }
.ship .member img {max-width:50%; float:left;}
.ship .member dl {width:50%; float:left; display:inline-block; margin-left:70px; }
.ship .member dl dt {font-size:24px;}
.inquire {float:left; width:50%; heigth:500px;}
.ship .con {float:left; width:50%; height:500px;}




/*패키지*/

#package{position:relative; height:380px; width:580px; margin:0 auto; }
#package .slider {overflow:hidden;}
#package .slider li{float:left; width:1200px; height:600px;}
#package .slider li img {width:580px; }
/* PAGER */
.bx-wrapper .bx-pager {
 position:absolute; bottom:20px; width:100%; text-align:center; z-index:100;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  border:2px solid #fff;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  border-radius:50%;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #fff;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  vertical-align: bottom;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 10px;
  background: url(../img/arr_prev.png) no-repeat;
  background-size:20px;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  background-position: 0 0;
}
.bx-wrapper .bx-next {
  right:0;
  background: url(../img/arr_next.png) no-repeat;
  background-size:20px;
}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
 
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  transform:translateY(-50%);
  outline: 0;
  width:60px;
  height:60px;
  text-indent: -9999px;
  z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}




/*부대시설*/

#facility{position:relative; height:380px; width:580px; margin:0 auto; overflow:hidden;}
#facility .slider {overflow:hidden;}
#facility .slider li{float:left; width:1200px; height:600px;}
#facility .slider li img {width:580px; }
/* PAGER */
.bx-wrapper .bx-pager {
 position:absolute; bottom:20px; width:100%; text-align:center; z-index:100;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  border:2px solid #fff;
  text-indent: -9999px;
  display: block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  outline: 0;
  border-radius:50%;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #fff;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  vertical-align: bottom;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left:0;
  background: url(../img/arr_prev.png) no-repeat;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  background-position: 0 0;
}
.bx-wrapper .bx-next {
  right:0;
  background: url(../img/arr_next.png) no-repeat;
}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
 
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  transform:translateY(-50%);
  outline: 0;
  width:40px;
  height:40px;
  text-indent: -9999px;
  z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}

.club_img img {width:580px;}