/* ********************************************* *
   introduction
* ********************************************* */
.company {padding-bottom: 120px;}
.company .title{padding: 80px 0;}
.company h3{font-size: 50px; padding-left: 100px; line-height: 1; font-weight: 400;}

/* about us */
.aboutus01 dl{width: 100%; display:table;}
.aboutus01 dl dt,.aboutus01 dl dd{display: table-cell; width: 50%; vertical-align: top; padding-top:80px; padding-bottom: 80px;}
.aboutus01 dl dt{font-size: 50px; padding-left: 100px; line-height: 1;}
.aboutus01 dl dd{padding-right: 100px;}
.aboutus01 dl dd p{font-size:18px; color:#242424; padding-bottom: 40px; font-weight:400; line-height: 1.5; word-break: keep-all;}
:lang(zh) .aboutus01 dl dd p{word-break: break-all;}
.aboutus01 dl dd p b{color:#333}

/* .aboutus02{width: 100%; height: 260px; overflow: hidden; position: relative; background: url(https://dla7jyqf0sx2z.cloudfront.net/static/legacy-images/VLADIVOSTOK/156555422345675.jpg); background-attachment: fixed;} */
.aboutus02{width: 100%; height: 260px; overflow: hidden; position: relative; background: url(https://dla7jyqf0sx2z.cloudfront.net/static/image/about02.webp); background-attachment: fixed; background-size: contain; /* 이미지 전체가 보이게 */}

.aboutus03 .ab03-txt{display: none;}
:lang(en).aboutus03 .ab03-txt, :lang(zh).aboutus03 .ab03-txt, :lang(ru).aboutus03 .ab03-txt{display: block;} 


.aboutus03{padding: 80px 0;}
.aboutus03 h3{text-align: center; font-size: 35px; font-weight: 500; line-height: 1.3;}
.aboutus03 h3 span{display: block;}
.aboutus03 .ab03-txt{padding-top:80px ;}
.aboutus03 .ab03-txt p{padding-bottom: 30px; color:#242424;    font-weight:400; line-height: 1.5;}

.aboutus04 dl{width: 100%; display:table;}
.aboutus04 dl dt,.aboutus04 dl dd{display: table-cell; vertical-align: top; width: 50%; position: relative;}
.aboutus04 dl dt.intro-image{padding-right: 10px;}
.aboutus04 dl dd p{color:#242424; padding-bottom: 30px;    font-weight:400; line-height: 1.5;}
.aboutus04 dl dd .sign{text-align: right;}
.aboutus04 dl dd .sign span{display: block; font-size:14px ;}
.aboutus04 dl dd .sign strong{font-size: 28px;}
.aboutus04 dl dd .sign dt{width: inherit; vertical-align: bottom;}
.aboutus04 dl dd .sign dd{width: inherit; padding-left: 12px;}
.aboutus04 dl dd .sign img{max-width: 120px;}
.aboutus04 dl dd .sign .space{margin-left: auto; display: block;}  
/* :lang(en) .aboutus04 dl dd .sign .space{width: 130px;}
:lang(ru) .aboutus04 dl dd .sign .space{width: 100px;} */
/* .aboutus04 dl dd .sign .space div{text-align: justify; text-align-last: justify; margin:auto; display: inline-block; width: 100%; font-size:14px ; text-justify:inter-cluster;} */
.aboutus04 dl dd .sign .space div{text-align: right; display: inline-block; width: 100%; font-size:14px ;}
.aboutus04 dl dd .sign .space div em{}
/* .aboutus04 dl dd .sign .space::after{content: ""; display: inline-block; width: 100%;} */

/* history */

.history .history_wrap{width: 100%;}
.history_wrap dl{width: 100%; display: table;}
.history_wrap dl dt,.history_wrap dl dd{ display: table-cell;}
.history_wrap dl dt{width: 40%; vertical-align: top; padding: 0 40px; position: relative; }
.history_wrap dl dt p.year{text-align: right; font-size: 50px;font-family: 'Playfair Display', serif; position: relative; top: -25px; color:#a28b4f}
.history_wrap dl dt::before{width: 13px; height: 13px; border-radius: 100%; border:3px solid #a28b4f; content: ""; position: absolute; right:-7px; background-color: #fff;}
.history_wrap dl dd{width: 60%; vertical-align: middle; padding: 80px 40px; border-left: 1px solid #ddd;}

.cont_box li{position: relative; padding-bottom: 10px;}
.cont_box li span.contents{padding-left: 170px; color:#666; display: block; padding-bottom: 10px;}
.cont_box li span.date{font-weight: 600; position: absolute;}

/* location */
.locationBox{width: 100%;}
.locationBox li{/* width: 50%; */ width: 100%; float: left; padding:0  20px;}
.map{padding-bottom: 40px;}
.map iframe{width: 100%; height: 300px; }
.map_info{padding-left: 160px; position: relative;}
.map_info h4{position: absolute; left: 0; top: 0;}
.map_info dl{display: table; width: 100%; padding-bottom: 15px;}
.map_info dl dt{display: table-cell; width: 110px; color:#a28b4f; font-weight: 600;}
.map_info dl dd{color:#666}
.location-label{display: block; font-size: 14px; font-weight: bold;}
.location-sub-address{margin-top: 12px;}

.location-add{padding: 0 20px; }
.location-add dl{width: 100%; display: table;}
.location-add dl dt,.location-add dl dd{display: table-cell; vertical-align: top;}
.location-add>dl{margin-top: 24px; border-top: 1px dashed #ddd; padding-top: 24px;}
.location-add>dl>dt{width:160px ; font-weight: bold;}
.location-add>dl>dd{width: calc(100% - 160px);}
.location-add>dl>dd dl + dl{padding-top: 15px;}
.location-add>dl>dd dt{width: 110px; color: #a28b4f;
   font-weight: 600;}
   .location-add>dl>dd dd{color:#666}

/* ********************************************* *
   course
* ********************************************* */
.designer{margin-top: 100px;}
.designer-profile{display: table; width: 100%;}
.designer-profile dt{width: 22%;}
.designer-profile dd{width: 78%; padding-top: 60px;}
.designer-profile dt .designer-img{width: 196px;}
.designer-profile dt .designer-img img{width: 100%;}
.designer-profile dt,.designer-profile dd{display: table-cell; vertical-align: top;}
.designer-profile dd li p{font-size: 15px;}
.designer-history strong{ font-weight: 500; font-size:20px}
.designer-history strong span{font-size:14px; padding-left: 15px;}
.designer-history b.career{display: block; position: relative; padding-left: 10px; margin-top: 20px;}
.designer-history b.career::before{content: ""; width:3px; height:18px; background-color:#a28b4f; position: absolute; left:0; top:50%; transform: translateY(-50%);}
.designer-history ul{padding-top:12px}
.designer-history + .designer-history{margin-top: 34px;}
.designer-history .de-his-in{margin-top: 12px;}
.designer-history .de-his-in>p{font-weight: 600; font-size: 16px;}
.designer-history .de-his-in .history-con .years{color:#aaa; font-weight: bold;}
.designer-history .de-his-in .history-con li p{position: relative; padding-left: 100px;}
.designer-history .de-his-in .history-con li p span{position: absolute; }
/* course_intro 설계자 영역 — 라이브 인라인 width 대체 */
.designer-profile .course-intro-designer-dd{width:20%;}
.course-intro-designer-image img{max-width: 50%;}

 .course-first-intro{position: fixed; width: 100%; display: none;  z-index: 999999;}
 
 .course-first-intro .first-intro{width: 100%; height: 100vh; background: url("https://dla7jyqf0sx2z.cloudfront.net/static/legacy-images/VLADIVOSTOK/157489270935467.jpg")no-repeat; background-size: cover; background-position: center;}


 .imgBox.mo_ver{display: none}

 .scale-down-center {
	-webkit-animation: scale-down-center 3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: scale-down-center 3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
/* ----------------------------------------------
 * Generated by Animista on 2020-11-27 16:14:41
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation scale-down-center
 * ----------------------------------------
 */
 @-webkit-keyframes scale-down-center {
   0% {
     -webkit-transform: scale(1.4);
             transform: scale(1.4);
   }
   100% {
     -webkit-transform: scale(1);
             transform: scale(1);
   }
 }
 @keyframes scale-down-center {
   0% {
     -webkit-transform: scale(1.4);
             transform: scale(1.4);
   }
   100% {
     -webkit-transform: scale(1);
             transform: scale(1);
   }
 }
 

.course-img{width: 100%; background: url("https://dla7jyqf0sx2z.cloudfront.net/static/image/course_intro.png"); 
   height: 100vh; background-position: center; background-repeat: no-repeat;
   animation-duration: 2s;
   animation-delay: 2s;
   animation-name: course;
   background-attachment: fixed;
   background-size: cover;
}

/* @-webkit-keyframes course {
   from {
    height: 700px;
   }
   to {
    height:300px;
   }
 } */


.allcourse{padding-top:60px!important;}
.course-hole-list{width: 100%;}
.hole-box{width: 11%; float: left; text-align: center; padding: 20px 0; color:#888; position: relative; transition: all .4s;}
.hole-box a strong{font-size:24px;}
.hole-box a span{font-size: 14px;}
.hole-box:hover{color:#333}
.hole-on{color:#333}
.hole-box::before{position: absolute; width: 0; height: 1px; background-color: #333; content: ""; bottom: 0; left: 0; transition: all .4s;}
.hole-on::before{position: absolute; width:100%; height: 1px; background-color: #333; content: ""; bottom: 0; left: 0;}

.hole-box:hover::before{width: 100%;}
.hole-half{width: 50%; float: left;}

.course-hole-contents{padding-top: 80px;}
.hole-title{text-align:center; font-size: 50px; font-weight: 700; padding-bottom:60px;}
.hole-title span{font-weight: 400; font-size: 24px;}
.course-video img{width: 100%;}

.course-text{padding: 20px 0 40px;}
.course-text strong{font-size: 24px;}
.course-text p{color:#666; font-size: 16px; line-height: 1.7; padding-top: 10px;}

.course-table{width: 100%;}
.course-table table{width: 100%; table-layout: fixed;}
.course-table table th{background-color:#f5f5f5; border-top: 1px solid #ddd; border-right: 1px solid #ddd; padding: 5px 10px; border-bottom: 1px solid #ddd;}
.course-table table th:nth-child(1){border-left: 1px solid #ddd;}
.course-table table td{border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; font-size: 14px; padding: 10px;}
.course-table table td:nth-child(1){border-left: 1px solid #ddd;}

.course-video iframe{width: 100%; height: 300px; }
.course-img + .course-video{padding-top: 30px;}

.course_box{position: relative; padding-top: 40px;}
.course-whole{position: relative; opacity: 1;}
.course{position: absolute;  left: 0; top: 0; cursor: pointer; display: none;  z-index: 2; transition: all 0.3s; }
/* .course:hover img{opacity: 0.5;}
.course01{ left: 0; top: 0;}
.course02{bottom:0;left: 50px;}
.course03{right: 50px;bottom: 0;}
.course04{right: 50px;top: 0;} */
.imgBox{position: relative;}
.buttonBox span{position: absolute; z-index: 55;}
.buttonBox span.button01{ left: 0; top: 50%; display: block;}
.buttonBox span.button02{left:416px; bottom: 220px;}
.buttonBox span.button03{right: 100px; top: 364px;}
.buttonBox span.button04{right:60px; top: 60px}
.buttonBox span a{ display: block; color:#9d9d9d; font-family: 'Playfair Display', serif; transition: all 0.3s;}
.buttonBox span a:hover{color:#333}
.new_course .new_course_bg{background-color:#f5f5f5; padding:40px 20px;}
.new_course .new_course_bg img{width: 1000px; max-width: 100%; margin: 0 auto; display: block;}



.course01 .slider-nav{text-align: center;}
.course01 .gallery-thumbs{text-align: right; margin-top: 12px; cursor: pointer; }
.course01 .gallery-thumbs .swiper-slide{max-width: 100px;}
.course-bd-thumb img{ background-color: #f5f5f5;transition: all .2s;}
.course-bd-thumb:hover img{opacity: 0.5;}





/* ********************************************* *
   offer
* ********************************************* */





/* reservation */
.reservations{padding-bottom: 150px;}

.select_month{text-align: center; padding-bottom: 40px;}
.select_month button{display: inline-block; position: relative;  top: -9px;}
.select_month button.left-button{width:23px; height: 35px; background: url(https://dla7jyqf0sx2z.cloudfront.net/static/legacy-images/VLADIVOSTOK/156557032869727.png)no-repeat;}
.select_month button.right-button{width:23px; height: 35px; background: url(https://dla7jyqf0sx2z.cloudfront.net/static/legacy-images/VLADIVOSTOK/156557033197873.png)no-repeat;}

.select_month span{font-size: 30px; font-weight: 700;display: inline-block;padding: 0 70px;}
.select_month span em{font-size: 40px; display: inline-block;}
.calendar{min-height: 550px;}
.calendar table{width: 100%; table-layout: fixed;}
.calendar table caption{width: 0; height: 0; font-size: 0; line-height: 0; visibility: hidden; text-indent: -9999px;}
.calendar table th{width: calc(100% / 7);  font-weight: 600; background-color:#f5f5f5; box-sizing: border-box; height: 50px; text-align: center; vertical-align: middle;  font-weight: 600; font-size: 14px; border: 1px solid #ddd;}
.calendar table td{width: calc(100% / 7); border: 1px solid #ddd; font-weight: 400; height: 90px; position: relative; vertical-align: top; text-align: center;}
.calendar table td.disabled p.day{color:#ddd}
.calendar table td p.day{text-align: left; padding: 10px; position: absolute;  font-size: 14px; font-weight: 600; color:#666}
.calendar table td span{vertical-align: middle;text-align: center; line-height: 90px; font-size:14px; color:#666}
.calendar table td.impossible span{color:#e80e0e}
.calendar table td.impossible{background-color:#ffe5d2}

.reserv_info{padding-top: 40px;}
.reserv_info h4{font-size: 24px; padding-bottom: 20px;}
.reserv_info .info-box{background-color: #f5f5f5; padding: 20px 40px;}
.reserv_info .info-box p{position: relative; padding-left: 15px; font-size: 16px; padding-bottom: 10px;}
.reserv_info .info-box p:last-child{padding-bottom: 0;}
.reserv_info .info-box p::before{position: absolute; width: 6px; height: 6px; border-radius: 100%; background-color: #333; content: ""; left: 0 ; top: 8px;}

.reserv_num_box{padding-top: 40px;}
.reserv_num_box table{width: 100%; border: 1px solid #ddd;}
.reserv_num_box table td{vertical-align: middle; text-align: center; padding: 40px;}
.reserv_num_box table td.txt{font-size: 30px;}
.reserv_num_box table td.cs-num{font-size:55px;color:#a68e52; font-weight: 700;}
.reserv_num_box table td.time{font-size: 16px; color: #888; text-align: left;}







/* ********************************************* *
   clubhouse
* ********************************************* */

.club_tab{width: 990px; max-width:100%; margin: 0 auto; text-align: center;}
.club_tab li{float: left; width: 16.666%; height:50px; cursor: pointer; transition: all .2s; font-size: 16px; line-height: 50px; color:#888; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; border-right: 1px solid #ddd;}
.club_tab li:nth-child(1){border-left: 1px solid #ddd;}
.club_tab li.active{background-color: #a28b4f; color:#fff}
.club_tab li:hover{background-color:#a28b4f; color:#fff}
/* 탭 라벨 50px 바 안 세로·가로 중앙 (button 기본 패딩/line-height 보정) */
.club_tab li button{width:100%; height:100%; color:inherit; font:inherit; text-align:center; display:flex; align-items:center; justify-content:center; padding:0; margin:0; line-height:1.2; box-sizing:border-box; border:0; background:transparent; vertical-align:middle; cursor:pointer;}
.club_wrap{width: 100%; overflow: hidden;}
.club_img{width: 100%;}
.club_half{width: 50%; float: left;}
/* 클럽하우스 갤러리 — 세로 슬라이드 (레거시 slick vertical 패리티) */
.club_img_wrap{
  position:relative;
  overflow:hidden;
  touch-action:pan-y;
  user-select:none;
  height:514px; /* .club_img 기본 높이와 동일 */
}
.club_img_wrap [data-club-slide]{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
  border:1px solid transparent;
  transform:translateY(100%);
  transition:none;
  z-index:0;
  visibility:hidden;
  pointer-events:none;
}
.club_img_wrap [data-club-slide].is-active{
  transform:translateY(0);
  visibility:visible;
  z-index:1;
  pointer-events:auto;
}
.club_img_wrap [data-club-slide].is-animating{
  visibility:visible;
  pointer-events:none;
  transition:transform .5s linear;
  z-index:2;
}
.club_img_wrap .club_img{
  height:100%;
}
@media (prefers-reduced-motion: reduce){
  .club_img_wrap [data-club-slide].is-animating{
    transition:none;
  }
}

/* 변경전 내용 / 혹시 몰라서 백업  
.golftel03{width: 100%; height: 514px; background: url(https://dla7jyqf0sx2z.cloudfront.net/static/legacy-images/VLADIVOSTOK/156729157431216.jpg)no-repeat; background-size: cover; background-position: center;}
.golftel02{width: 100%; height: 514px; background: url(https://dla7jyqf0sx2z.cloudfront.net/static/legacy-images/VLADIVOSTOK/156729149613512.jpg)no-repeat; background-size: cover; background-position: center;}
.golftel01{width: 100%; height: 514px; background: url(https://dla7jyqf0sx2z.cloudfront.net/static/legacy-images/VLADIVOSTOK/157582648285435.jpg)no-repeat; background-size: cover; background-position: center;}
 
.golftel01{width: 100%; height: 514px; background: url(https://dla7jyqf0sx2z.cloudfront.net/static/legacy-images/VLADIVOSTOK/160788508352841.png)no-repeat; background-size: cover; background-position: center;}
.golftel02{width: 100%; height: 514px; background: url(https://dla7jyqf0sx2z.cloudfront.net/static/legacy-images/VLADIVOSTOK/160788508765240.png)no-repeat; background-size: cover; background-position: center;}
.golftel03{width: 100%; height: 514px; background: url(https://dla7jyqf0sx2z.cloudfront.net/static/legacy-images/VLADIVOSTOK/160788509252299.png)no-repeat; background-size: cover; background-position: center;}
.golftel04{width: 100%; height: 514px; background: url(https://dla7jyqf0sx2z.cloudfront.net/static/legacy-images/VLADIVOSTOK/160788507886188.png)no-repeat; background-size: cover; background-position: center;}
.golftel05{width: 100%; height: 514px; background: url(https://dla7jyqf0sx2z.cloudfront.net/static/legacy-images/VLADIVOSTOK/160788510820739.png)no-repeat; background-size: cover; background-position: center;}
.golftel06{width: 100%; height: 514px; background: url(https://dla7jyqf0sx2z.cloudfront.net/static/legacy-images/VLADIVOSTOK/160788511428614.png)no-repeat; background-size: cover; background-position: center;}
.golftel07{width: 100%; height: 514px; background: url(https://dla7jyqf0sx2z.cloudfront.net/static/legacy-images/VLADIVOSTOK/160788512156474.png)no-repeat; background-size: cover; background-position: center;}
.golftel08{width: 100%; height: 514px; background: url(https://dla7jyqf0sx2z.cloudfront.net/static/legacy-images/VLADIVOSTOK/160788512948730.png)no-repeat; background-size: cover; background-position: center;}
.golftel09{width: 100%; height: 514px; background: url(https://dla7jyqf0sx2z.cloudfront.net/static/legacy-images/VLADIVOSTOK/160788513568124.png)no-repeat; background-size: cover; background-position: center;}
.golftel10{width: 100%; height: 514px; background: url(https://dla7jyqf0sx2z.cloudfront.net/static/legacy-images/VLADIVOSTOK/160788514480470.png)no-repeat; background-size: cover; background-position: center;}
.golftel11{width: 100%; height: 514px; background: url(https://dla7jyqf0sx2z.cloudfront.net/static/legacy-images/VLADIVOSTOK/160788515056357.png)no-repeat; background-size: cover; background-position: center;}
*/

/* .golftel01{width: 100%; height: 514px; background: url(https://dla7jyqf0sx2z.cloudfront.net/static/legacy-images/VLADIVOSTOK/161029431318740.png)no-repeat; background-size: cover; background-position: center;}
.golftel02{width: 100%; height: 514px; background: url(https://dla7jyqf0sx2z.cloudfront.net/static/legacy-images/VLADIVOSTOK/161029432184522.png)no-repeat; background-size: cover; background-position: center;}
.golftel03{width: 100%; height: 514px; background: url(https://dla7jyqf0sx2z.cloudfront.net/static/legacy-images/VLADIVOSTOK/161029432664932.png)no-repeat; background-size: cover; background-position: center;}
.golftel04{width: 100%; height: 514px; background: url(https://dla7jyqf0sx2z.cloudfront.net/static/legacy-images/VLADIVOSTOK/161029433184978.png)no-repeat; background-size: cover; background-position: center;} */

.golftel01{width: 100%; height: 514px; background: url(https://dla7jyqf0sx2z.cloudfront.net/static/image/clubhouse_2.jpg)no-repeat; background-size: cover; background-position: center;}
.golftel02{width: 100%; height: 514px; background: url(https://dla7jyqf0sx2z.cloudfront.net/static/image/clubhouse_3.jpg)no-repeat; background-size: cover; background-position: center;}
.golftel03{width: 100%; height: 514px; background: url(https://dla7jyqf0sx2z.cloudfront.net/static/image/clubhouse_4.jpg)no-repeat; background-size: cover; background-position: center;}


.spa01{width: 100%; height: 514px; background: url(https://dla7jyqf0sx2z.cloudfront.net/static/legacy-images/VLADIVOSTOK/160788511862819.png)no-repeat; background-size: cover; background-position: center;}
.spa02{width: 100%; height: 514px; background: url(https://dla7jyqf0sx2z.cloudfront.net/static/legacy-images/VLADIVOSTOK/156571317011901.jpg)no-repeat; background-size: cover; background-position: center;}
.spa03{width: 100%; height: 514px; background: url(https://dla7jyqf0sx2z.cloudfront.net/static/legacy-images/VLADIVOSTOK/156729114481815.jpg)no-repeat; background-size: cover; background-position: center;}
.spa04{width: 100%; height: 514px; background: url(https://dla7jyqf0sx2z.cloudfront.net/static/legacy-images/VLADIVOSTOK/156729114916742.jpg)no-repeat; background-size: cover; background-position: center;}



/* .fit01{width: 100%; height: 514px; background: url(https://dla7jyqf0sx2z.cloudfront.net/static/legacy-images/VLADIVOSTOK/156729046435132.jpg)no-repeat; background-size: cover; background-position: center;}
.fit02{width: 100%; height: 514px; background: url(https://dla7jyqf0sx2z.cloudfront.net/static/legacy-images/VLADIVOSTOK/156729046946327.jpg)no-repeat; background-size: cover; background-position: center;}
.fit03{width: 100%; height: 514px; background: url(https://dla7jyqf0sx2z.cloudfront.net/static/legacy-images/VLADIVOSTOK/156729047315951.jpg)no-repeat; background-size: cover; background-position: center;} */

.fit01{width: 100%; height: 514px; background: url(https://dla7jyqf0sx2z.cloudfront.net/static/image/driving_range.jpg)no-repeat; background-size: cover; background-position: center;}

/* 변경전 내용 / 혹시 몰라서 백업 
.rest01{width: 100%; height: 514px; background: url(https://dla7jyqf0sx2z.cloudfront.net/static/legacy-images/VLADIVOSTOK/157582647191533.jpg)no-repeat; background-size: cover; background-position: center;}
.rest02{width: 100%; height: 514px; background: url(https://dla7jyqf0sx2z.cloudfront.net/static/legacy-images/VLADIVOSTOK/156729218410286.jpg)no-repeat; background-size: cover; background-position: center;}
.rest03{width: 100%; height: 514px; background: url(https://dla7jyqf0sx2z.cloudfront.net/static/legacy-images/VLADIVOSTOK/1567292195347.jpg)no-repeat; background-size: cover; background-position: center;}
 */

.rest01{width: 100%; height: 514px; background: url(https://dla7jyqf0sx2z.cloudfront.net/static/legacy-images/VLADIVOSTOK/160788509753852.png)no-repeat; background-size: cover; background-position: center;}
.rest02{width: 100%; height: 514px; background: url(https://dla7jyqf0sx2z.cloudfront.net/static/legacy-images/VLADIVOSTOK/160788609368530.png)no-repeat; background-size: cover; background-position: center;}
.rest03{width: 100%; height: 514px; background: url(https://dla7jyqf0sx2z.cloudfront.net/static/legacy-images/VLADIVOSTOK/160788516122105.png)no-repeat; background-size: cover; background-position: center;}
.rest04{width: 100%; height: 514px; background: url(https://dla7jyqf0sx2z.cloudfront.net/static/legacy-images/VLADIVOSTOK/160788516528406.png)no-repeat; background-size: cover; background-position: center;}

/* 25-03-05 수정 (원복시 주석 해제)*/

/* .chouse01{width: 100%; height: 514px; background: url(https://dla7jyqf0sx2z.cloudfront.net/static/legacy-images/VLADIVOSTOK/17095906974684.jpg)no-repeat; background-size: cover; background-position: center;} */
/* .chouse01{width: 100%; height: 514px; background: url(https://dla7jyqf0sx2z.cloudfront.net/static/legacy-images/VLADIVOSTOK/161029430230036.png)no-repeat; background-size: cover; background-position: center;} */
.chouse01{width: 100%; height: 514px; background: url(https://dla7jyqf0sx2z.cloudfront.net/static/image/clubhouse_1.png)no-repeat; background-size: cover; background-position: center;}
.chouse02{width: 100%; height: 514px; background: url(https://dla7jyqf0sx2z.cloudfront.net/static/image/clubhouse_2.png)no-repeat; background-size: cover; background-position: center;}
.chouse03{width: 100%; height: 514px; background: url(https://dla7jyqf0sx2z.cloudfront.net/static/image/clubhouse_3.png)no-repeat; background-size: cover; background-position: center;}


/* .village01{width: 100%; height: 514px; background: url(https://dla7jyqf0sx2z.cloudfront.net/static/legacy-images/VLADIVOSTOK/161029433781283.png)no-repeat; background-size: cover; background-position: center;} */
.village01{width: 100%; height: 514px; background: url(https://dla7jyqf0sx2z.cloudfront.net/static/image/golf_tel.jpg)no-repeat; background-size: cover; background-position: center;}
.village02{width: 100%; height: 514px; background: url(https://dla7jyqf0sx2z.cloudfront.net/static/legacy-images/VLADIVOSTOK/161029434285807.png)no-repeat; background-size: cover; background-position: center;}


.club_content{padding:100px 60px;}
.club_content strong{font-size: 44px; padding-bottom: 30px; display: block; font-weight: 300;}
.club_content p{font-size: 16px; color:#666; line-height: 1.6; word-break: keep-all;}

.section_club{padding: 120px 0 0;}
.section_club[hidden]{display:none;}
/* 슬라이드는 visibility/transform 스택 사용 — 애니메이션 중 [hidden] 미사용 */

/* slick */

/* .club_img_wrap .slick-prev, .club_img_wrap .slick-next{display: none;} */
.club_img_wrap .slick-dots{text-align: right!important; bottom: -30px;}
.club_img_wrap .slick-dots li{margin:0 5px 0 30px;}
.club_img_wrap .slick-dots li button::before{font-size: 16px;}
.club_img_wrap .slick-dots li:nth-child(1) button:before{content: "01"!important; }
.club_img_wrap .slick-dots li:nth-child(2) button:before{content: "02"!important;}
.club_img_wrap .slick-dots li:nth-child(3) button:before{content: "03"!important;}
.club_img_wrap .slick-dots li button{transition: all .2s;}
.club_img_wrap .slick-dots li button::after{content: ""; background-color: #333; opacity: .75; width: 0; height: 1px; position: absolute; bottom:-2px; left: -1px; transition: all .2s;}
.club_img_wrap .slick-dots li:hover button::after{width: 100%;}

.club_img_wrap .slick-dots li.slick-active button::after{content: ""; background-color: #333; opacity: .75; width: 100%; height: 1px; position: absolute; bottom:-2px; left: -1px;}


.club_img_wrap .slick-prev{left: 16px;}
.club_img_wrap .slick-next{right: 16px;}
.club_img_wrap .slick-prev, .club_img_wrap .slick-next{position:absolute; top:50%; display:block; width:40px; height:40px; padding:0; transform:translate(0,-50%); cursor:pointer; color:transparent; border:0; outline:0; background:transparent; font-size:0; line-height:0; z-index:99;}
.club_img_wrap .slick-next::before {
   
   width: 40px;
   height: 40px;
   background: url("https://dla7jyqf0sx2z.cloudfront.net/static/legacy-images/VLADIVOSTOK/158032365657022.png")no-repeat;
   content: "";
   display: block;
}
.club_img_wrap .slick-prev::before {
  
   width: 40px;
   height: 40px;
      background: url("https://dla7jyqf0sx2z.cloudfront.net/static/legacy-images/VLADIVOSTOK/158032365247020.png")no-repeat;
      content: "";
      display: block;
}


/* ********************************************* *
   facility
* ********************************************* */

.faci_tab{width: 100%; max-width:800px; margin: 0 auto; text-align: center; padding-top: 80px; }
.faci_tab li{float: left; width: 33.333%; height:50px; cursor: pointer; transition: all .2s; font-size: 16px; line-height: 50px; color:#888; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; border-right: 1px solid #ddd;}
.faci_tab li:nth-child(1){border-left: 1px solid #ddd;}
.faci_tab li.active{background-color: #a28b4f; color:#fff}
.faci_tab li:hover{background-color:#a28b4f; color:#fff}
/* 시설 탭 링크도 50px 바 안 세로 중앙 */
.faci_tab li a{display:flex; align-items:center; justify-content:center; width:100%; height:100%; padding:0; margin:0; line-height:1.2; box-sizing:border-box; color:inherit; text-decoration:none;}
.facility-img {width: 100%; padding: 0 20px;}
.facility-img img{width: 100%;}
.facility p.ex{padding-top: 20px; padding-left: 100px; color:#666; line-height: 1.6;}
.facility-img + .others{padding-top: 100px;}
.facility-img .slick-prev,.facility-img  .slick-next{width: 60px; height: 60px; border-radius: 100%; background-color:rgba(0,0,0,0.1)}
.facility-img .slick-next{right: -53px;}
.facility-img .slick-prev{left: -53px;}
.facility-img .slick-prev:hover, .facility-img .slick-prev:focus, .facility-img .slick-next:hover, .facility-img .slick-next:focus{background-color:rgba(0,0,0,0.3)}
.facility-img .slick-next:before{width: 14px; height: 14px; content: ""; position: absolute; left: 50%; top: 50%; margin: -7px 0 0 -11px; border-color: #fff; border-style: solid; border-width: 1px 1px 0 0; transform: rotate(45deg); transform: all .3s; }
.facility-img .slick-prev::before{width: 14px; height: 14px; content: ""; position: absolute; left: 50%; top: 50%; margin: -7px 0 0 -7px; border-color: #fff; border-style: solid; border-width:  0 0 1px 1px ; transform: rotate(45deg);transform: all .3s;}

.others{padding: 0 20px}
.others li{width: 33.333%; float: left;}
.others li:nth-child(1){text-align: left;}
.others li:nth-child(2){text-align: center}
.others li:nth-child(3){text-align: right;}
.others li .inner{width: 90%; display: inline-block;}
.others li .inner .txt{text-align: left;}
.others .ti{text-align: center; padding: 30px 0;}
.others .ti strong{font-size: 30px; font-weight: 400;}
.others li h4{padding: 20px 0;}
.others li p{font-size: 16px; color:#333; font-weight: 400; line-height: 1.6;}


/* ********************************************* *
 * 1600px max
 * ********************************************* */
 @media (max-width:1600px){

   .facility-img .slick-prev{left: 40px; z-index: 99;}
   .facility-img .slick-next{right: 40px; z-index: 99;}

}
/* ********************************************* *
 * 1440px max
 * ********************************************* */
 @media (max-width:1440px){

   .bd1440{padding: 0 16px;}



}
/* ********************************************* *
 * 1025px min
 * ********************************************* */
 @media (min-width:1025px){

    
}

/* ********************************************* *
 * 1200px max
 * ********************************************* */
 @media (max-width:1200px){

   .bd1200{padding: 0 16px;}
   .company h3{padding-left: 0}
   .facility p.ex{padding-left: 0;}
   /* intro */
   .aboutus01 dl dt{padding-left: 0; width: 30%;}
   .aboutus01 dl dd{width: 70%; padding-right: 0;}
   .aboutus02{background-position: 36%;}
   .aboutus04 dl dd{padding-left: 16px;}

   .facility-img,.others{padding: 0}
   /* header .logo a.logo-img span{width: 90px;} */
   header .logo a{width: 380px;}
   .menuWrap .bottom_list>ul>li{font-size: 17px;}


}
/* ********************************************* *
 * 1024px max
 * ********************************************* */
 @media (max-width:1024px){

   .locationBox li{width: 100%; padding: 0;}
   /* 25-03-05  */
   /* .locationBox li:nth-child(1){padding-bottom: 60px;} */
 }


/* ********************************************* *
 * 1024px max
 * ********************************************* */
 @media (max-width:1024px){

   /* intro */
   .history_wrap dl dt{width: 200px;}
   .history_wrap dl dd{width: calc(100% - 201px);}

   .reserv_num_box table td{padding: 40px 20px;}

   .imgBox.pc_ver{display: none}
   .imgBox.mo_ver{display: block}

   .buttonBox {text-align: center;}
   .buttonBox span{position: relative;  display: inline-block; padding: 0 20px;}
   .buttonBox span.button01,.buttonBox span.button02,.buttonBox span.button03,.buttonBox span.button04{display: inline-block;left: inherit; right: inherit; top: inherit; bottom: inherit;}

   .course-img{background-position: bottom; background-attachment: inherit;}
   .imgSlide .slick-dots{top: -40px; z-index: 0; bottom: inherit;}
   .imgSlide  .slick-dots li,.imgSlide .slick-dots li button, .imgSlide .slick-dots li button:before{width: auto;}
   .imgSlide .slick-dots li button:before{font-size: 16px!important; position: relative;}
   .imgSlide .slick-dots li:nth-child(1) button:before{content: "Pine Valley"!important;}
   .imgSlide .slick-dots li:nth-child(2) button:before{content: "Tiger Valley"!important;}
   .imgSlide .slick-dots li:nth-child(3) button:before{content: "Miurfield Valley"!important;}
   .imgSlide .slick-dots li:nth-child(4) button:before{content: "Sand Hills Valley"!important;}
.allcousre-mobile{text-align: center; font-size: 16px; color:#a28b4f;}
.allcousre-mobile a{z-index: 999; position: relative;}
.allcousre-mobile span::before{content: "→"; font-size:16px; color:#fff}
.allcousre-mobile span{width: 20px; height: 20px; border-radius: 100%; background-color:#a28b4f; display: inline-block;}
.imgSlide.slick-prev, .imgSlide .slick-next{display: none!important;}
/* .bd1024{overflow: hidden;} */

.designer-profile dd li + li{margin-top:8px}
.location-add{padding: 0;}

}

/* ********************************************* *
 * 960px max
 * ********************************************* */
 @media (max-width:960px){

   /* intro */
   .history_wrap dl dt{width: 155px;padding: 0 40px 0 0;}
   .aboutus01 dl dt,.aboutus01 dl dd{display: block; width: 100%; padding-top: 50px; padding-bottom: 50px;}
   .aboutus01 dl dt{padding-bottom: 0;}

   /* offer */
   .reserv_num_box table td.txt{font-size:24px;}
   .reserv_num_box table td.cs-num{font-size: 40px;}

   /* club */
   .club_half{width: 100%;}
 }

/* ********************************************* *
 * 768px max
 * ********************************************* */
 @media (max-width:768px){
   .company h3{font-size: 40px;}

   .company{padding-bottom: 80px;}
   .reservations,.notice{padding-bottom: 0;}
   .section_club {padding: 120px 0 80px}


   /* intro */
   .history_wrap dl dt {width:120px; padding: 0 20px 0 0;}
   .history_wrap dl dt p.year{font-size: 40px; text-align: left;}
   .history_wrap dl dd{padding: 60px 20px;}
   .cont_box li{font-size: 16px;}
   .cont_box li span.contents{padding-left: 0;}
   .cont_box li span.date{position: relative;}

   .aboutus04 dl dd,.aboutus04 dl dt{width: 100%; display: block;}
   .aboutus04 dl dt img{width: 100%;}
   .aboutus04 dl dd{padding-left: 0;}

   /* course */
   .hole-half{width: 100%;}


   /* offer */
   .reserv_num_box table td{display: block; padding: 20px;}
   .reserv_num_box table td.time{text-align: center;}
   .reserv_num_box table td.cs-num{padding: 0;}

   /* club */
   .club_content{padding: 100px 20px 0;}


   /* .facility */
   .others li{width: 100%; padding-bottom: 40px; padding-top: 50px; border-bottom: 1px solid #ddd;}
   .others li:nth-child(1){padding-top: 0;}
   .others li:nth-child(3){padding-bottom: 0; border-bottom: 0;}
   .others li .inner{width: 100%;}
   .others li .pic,.others li .pic img{width: 100%;}
   .facility-img .slick-prev, .facility-img .slick-next{display: none!important;}
   .others .ti{padding: 20px 0 30px;}
   .facility-img + .others{padding-top: 60px;}

   .facility p.ex{font-size: 16px;}

 }

/* ********************************************* *
 * 640px max
 * ********************************************* */
 @media (min-width:641px){
   p.mo-view{display: none; margin-top: 16px; font-size: 12px; color:#666}
   
 }
 @media (max-width:640px){

   /* intro */
   .map_info{padding-left: 23%;}
   .map iframe{height: 300px;}
   .aboutus04 dl dd p,.aboutus03 .ab03-txt p,.aboutus01 dl dd p{font-size: 1rem;}
   .aboutus03 h3 {word-break: keep-all; font-size: 30px;}
   .aboutus03 h3 span{display: inline;}

   /* offer */
  
   .calendar table td span{font-size: 10px;line-height:1; word-break: keep-all; position: relative; top: 37px; display: block}
   .calendar table td{height: 70px;}
   .calendar table td p.day{font-size: 12px;}
   .calendar table th{height: 32px;}
   .calendar-wrap{width: 100%; overflow-x: scroll; }
   .calendar-wrap table{width: 642px;}
   .reserv_info .info-box{padding: 20px;}
   p.mo-view{margin-top: 16px; font-size: 12px; color:#666}


   .course01 .gallery-thumbs .swiper-slide{max-width: 100px!important; }

   .designer-profile dt .designer-img{width:110px}
   .designer-profile dd{padding-top: 0;}

   .club_tab li{width: 33.333%;}
   .club_tab li:nth-child(4){margin-top: -1px; border-left: 1px solid #ddd;}
   .club_tab li:nth-child(5){margin-top: -1px;}
   .club_tab li:nth-child(6){margin-top: -1px;}

   

}

/* ********************************************* *
 * 500px max
 * ********************************************* */
 @media (max-width:500px){

   /* intro */
   .map_info{padding: 0;}
   .map_info h4{position: relative; padding-bottom: 20px;}
   .map_info dl{font-size: 16px; padding-bottom: 10px;}
 
   .location-add>dl{display: block;}
   .location-add>dl>dt, .location-add>dl>dd{display: block;}
   .location-add>dl>dt{padding-bottom: 20px;}
   .location-add>dl>dd{width: 100%; font-size: 16px;}
  
  

   /* course */
   .imgSlide .slick-dots li button:before{font-size: 12px!important;}
   .course-video iframe{height: 240px;}
   .course-table table th{font-size: 14px; padding: 2px;}
   .course-table table td{padding: 2px; font-size: 12px;}

   /* club */
   /* .golftel01,.golftel02,.golftel03,.fit01,.fit02,.fit03,.spa01,.spa02,.spa03,.rest01,.rest02,.rest03{height: 350px;} */
   
   .golftel01{height: 300px; }
   .golftel02{height: 300px; }
   .golftel03{height: 300px; }
   .golftel04{height: 300px; }
   
   
   .spa01{height: 300px; }
   .spa02{height: 300px; }
   .spa03{height: 300px; }
   .spa04{height: 300px; }
   
   
   
   .fit01{height: 300px; }
   .fit02{height: 300px; }
   .fit03{height: 300px; }
 
   
   .rest01{height: 300px; }
   .rest02{height: 300px; }
   .rest03{height: 300px; }
   .rest04{height: 300px; }
   
   
   .chouse01{height: 300px; }
   .chouse02{height: 300px; }
   .club_img_wrap{height:300px;}
   
   
   .village01{height: 300px; }
   .village02{height: 300px; }
   .club_content{padding-top: 48px;}
   
   .designer-profile dt,.designer-profile dd{display: block; width: 100%;}
   .designer-profile dt .designer-img{margin: 0 auto;}
   .designer-history strong{display: block; text-align: center; margin: 0 auto;}
}



/* ********************************************* *
 * 460px max
 * ********************************************* */
 @media (max-width:460px){

 

   .calendar table td span{display: block; top: 26px; padding: 0 5px; word-break: keep-all; line-height: inherit;}
   .select_month span{padding: 0 60px;}
   .calendar table td p.day{padding: 5px;}
   /* .reserv_num_box table td{padding: 10px;} */
   .reserv_num_box table td.txt{padding-bottom: 10px;}
   .reserv_num_box table td.time{padding-top: 10px;}

    /* 코스 */
    .hole-box{width: 33.33%;}
    .hole-box a strong{font-size: 18px;}
    .hole-box a span{font-size: 12px;}
   
}

/* ********************************************* *
 * 380px max
 * ********************************************* */
 @media (max-width:380px){

    /* intro */
   .history_wrap dl dt, .history_wrap dl dd{display: block;}
   .history_wrap dl dd{width: 100%; padding: 30px 20px; border-left: 0;}
   .history_wrap dl dt p.year{top: 0;}
   .cont_box li{border-left: 1px solid #ddd; padding-left: 20px;}
   .history_wrap dl dt::before{right: inherit; left: 14px; bottom: -30px;}

   .calendar table th{font-size: 12px;}
   .select_month span{padding: 0 45px;}

   .cont_box li span.contents{font-size: 15px;}

  
}