.golfBG { /*background: #fbfbfb;*/ padding: 2% 0; background: url("../../img/golf/golfBg.jpg"); width: 100%}
.wrap { margin: 0 auto; width: 100%; position: relative;}


/*--info--*/
.course_box {position:relative; text-align:center; padding:20px 0;}
.course_box dl {text-align:center;}
.course_box dl {animation-name: slid-up; animation-duration: 1s;}
.course_box dl:nth-child(1) dt{animation-duration: 1.4s;}
.course_box dl:nth-child(2) dd{animation-duration: 2s;}
.course_box dl dt {text-align:center; color:#999; font-size: 1.2em; line-height: 1.6em;}
.course_box dl dt .courseTit {text-align:center; color:#999; font-size:1.6em;display: block}
.course_box dl dt:after {position: absolute; top: 52px; left: 50%; width: 60px; height: 1px; background: #d4d4d4; content: ""; transform: translateX(-50%);}
.course_box dl dd {font-size:0.9em; font-weight:300; color: #132a88;margin-top:30px; line-height: 24px}

.course .desc {position:relative; height:170px; margin-bottom:20px; padding-right:30%;}
.course .desc p {font-family:'NanumMyeongjo'; font-size:1.125em;}
.course .desc ul {overflow:hidden; position:absolute; right:0; top:35px; width:100%; height:160px; padding:1%; box-sizing:border-box; background:url('../../img/golf/bg_disable.gif');}
.course .desc ul:before {position:absolute; left:10px; top:10px; right:10px; bottom:10px; background-color:#fff; content:'';}
.course .desc ul:after {position:absolute; left:40px; top:0; right:40px; bottom:0; background-color:#fff; content:'';}
.course .desc li { float: left; position: relative; z-index: 1; width: 32%; padding:2%; line-height: 20px; color: #fff;  box-sizing: border-box; text-align: center; transition: all 1s 1s;    font-size: 0.7em;    margin: 37px 0;}
.course .desc li + li:before {position:absolute; left:-7px; top:50%; width:15px; height:1px; background-color:#aaa; content:''; transform:rotate(45deg);}
.course .desc li + li:after {position:absolute; left:-7px; top:50%; width:15px; height:1px; background-color:#aaa; content:''; transform:rotate(-45deg);}
.course .desc li {color:#333; animation-name: slid-up; animation-duration: 1s;}
.course .desc li:nth-child(1) {animation-duration: 1.4s;}
.course .desc li:nth-child(2) {animation-duration: 2s;}
.course .desc li:nth-child(3) {animation-duration: 2.6s;}

@media screen and (min-width:280px) and (max-width:360px){
    .course .desc li + li:after {left: -5px; top: 50%; width: 10px; height: 1px;}
    .course .desc li + li:before {left: -5px; top: 50%; width: 10px; height: 1px;}
    .contents > ul > li {display: block !important; padding: 1% 0}
}
@media screen and (min-width:768px) and (max-width:1023px){
    .course .hole:before { width: 66% !important;margin-left: -41% !important;}
}
@media screen and (min-width:1024px) {
    .course .hole:before { width: 81% !important;margin-left: -41% !important;}
    .course .hole a span { margin-right:65px !important;}
}    

/* halloffame */
.halloffame {position:relative; margin-bottom:40px; padding:2%; border:10px solid #f0f0f0;}
.halloffame .title {position:absolute; left:0; top:auto; width:255px;}
.halloffame .title h2 {display:block; height:30px; margin-bottom:20px; background-color:#810000; font-family:'NanumMyeongjo'; font-size:1em; color:#fff; text-align:center; line-height:30px;}
.halloffame .title p {font-size:1.375em; letter-spacing:-1px; white-space:nowrap;}
.halloffame .title strong {margin-left:5px; font-family:'NanumMyeongjo'; font-size:1.363em; font-weight:normal;}
.halloffame .contents {color:#888;}
.halloffame .contents p {margin-bottom:15px; font-size:1.25em; color:#333;}

/* album_type */
.album_type .desc {max-height:70px;}
.album_type .desc li {float:none; position:relative; width:auto; margin:0; padding:0 0 0 75px; border:0 none;}
.album_type .desc p {position:absolute; left:0; top:0; width:65px;}
.album_type .desc p:after {position:absolute; right:0; top:50%; width:1px; height:10px; margin-top:-5px; background-color:#afafaf; content:'';}
.album_type .desc span {font-size:.937em; color:#888;}
.album_type .txt > strong {font-size:1.125em;}
.hidden {font-size:0}


/* allcourse */
.allcourse {display:none; position:absolute; left:50%; top:-6%; z-index:9999; color:#fff; transform: translateX(-50%);overflow: scroll;}
.allcourse:before {position:absolute; left:50%; top:0; z-index:-1; width:660%; height:100%; margin-left:-500%;background-color: rgba(0, 0, 0, 0.83); content:'';}
.allcourse .contents {display:inline-block; width:395px; min-height:620px; padding-top:70px; box-sizing:border-box;}
.allcourse .contents span {display:inline-block; width:175px; height:35px; background-color:rgba(255, 255, 255, .75); font-style:italic; font-family:'Roboto', 'NanumSquare'; font-size:1.125em; font-weight:bold; color:#0d959f; text-align:center; line-height:35px;}
.allcourse .contents p {line-height: 30px;}
.allcourse .contents h2 {position:relative; margin:15px 0 30px; padding-bottom:25px; font-family:'NanumMyeongjo'; font-size:1.5em; font-weight:normal; white-space:nowrap;}
.allcourse .contents h2:after {position:absolute; right:0; bottom:0; width:85px; height:1px; background-color:#fff; content:'';}
.allcourse .contents ul {overflow:hidden; float:right; width:210px; max-width:100%; margin-top:65px;}
.allcourse .contents li {float:left; width:33.333%; margin-bottom:25px;}
.allcourse .contents li a {overflow:hidden; float:right; position:relative; z-index:0; width:45px; height:45px; border-radius:100%; border:1px solid #fff; color:#fff; text-align:center; line-height:45px;}
.allcourse .contents li a:before {position:absolute; left:0; bottom:0; z-index:-1; width:100%; height:0; background-color:#1f9bde; content:''; transition:all .3s;}
.allcourse .contents li a:hover,
.allcourse .contents li a:focus,
.allcourse .contents li a:active,
.allcourse .contents .on a {border-color:rgba(255, 255, 255, 0);}
.allcourse .contents .on a:before,
.allcourse .contents li a:hover:before,
.allcourse .contents li a:focus:before,
.allcourse .contents li a:active:before {height:100%;}
.allcourse .close {position:absolute; top:4%; left: 25%;; width:55px; height:55px; font-size:0; line-height:0; transition:all .5s;}
.allcourse .close:hover,
.allcourse .close:focus,
.allcourse .close:active {transform:rotate(180deg);}
.allcourse .close:before {position:absolute; left:50%; top:50%; width:1px; height:100%; margin-top:-50%; background-color:#fff; content:''; transform:rotate(45deg);}
.allcourse .close:after {position:absolute; left:50%; top:50%; width:100%; height:1px; margin-left:-50%; background-color:#fff; content:''; transform:rotate(45deg);}

/* allcourse img */
.allcourse .img {position:absolute; left:0; right:480px; top:20px; width:770px; height:620px; box-sizing:border-box;}
.allcourse .img img {max-width:100%;}
.allcourse .img a {position:absolute; z-index:0; width:35px; height:35px; border-radius:100%; background-color:#132a88; font-family:'Roboto', 'NanumSquare'; font-size:1.3em; font-weight:bold; color:#fff; text-align:center; line-height:32px;}
.allcourse .img a:before {position:absolute; left:50%; bottom:-2px; z-index:-1; width:6px; height:6px; margin-left:-3px; background-color:#132a88; content:''; transform:rotate(45deg);}
.allcourse .img .on a {animation:allcourse 1s infinite alternate;}
.allcourse .allcourse01 a {left:68.589%; top:47.580%;}
.allcourse .allcourse02 a {left:66.025%; top:67.741%;}
.allcourse .allcourse03 a {left:60.897%; top:60.483%;}
.allcourse .allcourse04 a {left:28.205%; top:31.451%;}
.allcourse .allcourse05 a {left:37.820%; top:28.225%;}
.allcourse .allcourse06 a {left:33.333%; top:16.129%;}
.allcourse .allcourse07 a {left:44.230%; top:11.290%;}
.allcourse .allcourse08 a {left:66.666%; top:24.193%;}
.allcourse .allcourse09 a {left:74.358%; top:39.516%;}
@keyframes allcourse {
	0%		{margin:0;}
    100%	{margin-top:10px;}
}
@media screen and (min-width:540px) and (max-width:767px){
	.allcourse .contents {width: 535px;}
	.allcourse .img {top: 70px;}
	.allcourse:before { width: 595%;}
}
@media screen and (min-width:768px) {
	.over .imgZoom {display: none}
	.allcourse .img {top: 80px;}
	.allcourse {margin-left: -50%;top: 0;overflow:inherit} 
	.allcourse:before { margin-left: -70%;}
	.modal-con { top: 60% !important; left: 25% !important;}
}




/* course hole */
.course .hole {position:relative; z-index:0; height:70px;}
.course .hole:before {position:absolute; left:50%; top:38%; z-index:-1; width:80%; height:1px; margin-left:-31%; background-color:#a3a3a3; content:'';}
.course .hole ul {table-layout: fixed; overflow: scroll;margin: 0; padding: 0 0 0 50px;}
.course .hole li {display:table-cell; height:100%; text-align:center; line-height:60px; vertical-align:middle; color: #132a88; font-size: 1.2em;    padding: 0 3%;}
.course .hole a {display:block; position:relative; z-index:0; height:100%; font-family:'Roboto', 'NanumSquare'; line-height:60px;}
.course .hole a span {font-size: 16px; display: block;}
.course .hole a:before {position:absolute; left:40%; top:30%; z-index:-1; width:10px; height:10px; border-radius:100%; background-color:#132a88; content:'';}
.course .hole .on a {color:#fff; line-height:30px;font-size: 30px;}
.course .hole .on a:before {width:50px; height:50px; margin:-20px 0 0 -20px;}
.course .hole .on a:after {position:absolute; left:50%; top:50%; z-index:-2; width:50px; height:50px; margin:-27px 0 0 -23px; border-radius:100%; border:1px solid rgb(0, 154, 222, 0.5); content:''; animation:hole 2s infinite;}

@keyframes hole
{
	0%		{transform:scale(1, 1); opacity:1;}
    100%	{transform:scale(1.5, 1.5); opacity:0;}
}

/* course contents */
.course > .contents {position:relative; margin-top:25px; padding:2%;}
.course > .contents > p {line-height: 22px}
.course .title {position:relative; margin-bottom:50px; padding-left:80px;}
.course .title h2 {padding:15% 0 0; font-size:1.5em; font-weight:400; text-align: left}
.contents > ul {font-size: 0.8em}
.contents > ul > li {display:inline; padding-right:2%; line-height:25px;}
.contents > ul > li span {display:inline-block; width:50px; line-height: 30px; border:1px solid #cdcdcd; text-align:center; vertical-align:middle;}
.course .number {position:absolute; left:0; top:0; width:60px; height:60px; border:3px solid #132a88; font-family:'Roboto', 'NanumSquare'; font-weight:bold; text-align:center;}
.course .number strong {font-size:2.5em; line-height:60px;}
.course .number span {position:absolute; right:-25px; bottom:17px; padding:0 8px; background-color:#fff; transform:rotate(90deg);}
.course .amenity {margin-top:70px; text-align:left;}
.course .amenity > .accd-title:nth-child(2)  { line-height: 45px;}
.course .amenity > .accd-title i   { left: 160px;}
.course .amenity > .accd-wrap .accd-cont { background: #fbfbfb; padding:4%;}
.course .amenity > input:checked ~ .accd-wrap {max-height: 540px;}
.course .btn_allcourse {position:absolute; right:0; top:2%; width:130px; height:147px; padding-top:85px; box-sizing:border-box; background:url('../../img/golf/btn_allcourse.png'); color:#fff; text-align:center;font-family: 'Noto Sans Bold';}
.course .btn_allcourse:before {position:absolute; left:50%; top:30px; width:2px; height:24px; background-color:#d80000; content:''; transition:all .5s;}
.course .btn_allcourse:after {position:absolute; left:50%; top:41px; width:24px; height:2px; margin-left:-12px; background-color:#d80000; content:''; transition:all .5s;}
.course .btn_allcourse:hover:before,
.course .btn_allcourse:focus:before,
.course .btn_allcourse:active:before,
.course .btn_allcourse:hover:after,
.course .btn_allcourse:focus:after,
.course .btn_allcourse:active:after {transform:rotate(180deg);}

/* course map */
.over {overflow: scroll; position: relative;}
.over .imgZoom { position: absolute; bottom: 0; left: 0}
.over .imgZoom img {width:50%; background: #f4f4f4;border-radius: 6%;}
.over .imgZoom i { font-size: 2em; padding: 6%; color: #ccc;}
.course .map {position:relative; right:0; top:0; z-index:0; width:630px; height:500px;margin: 90px 0px;}
.course .map img {position:absolute; left:0; top:0; z-index:-1;}
.course .spot li {position:absolute; z-index:0; width:5px; height:5px; border-radius:100%; background-color:#ff3030; transform:scale(0, 0); opacity:0;}
.course .spot li:before {position:absolute; width:0; z-index:-1; height:1px; border-top:1px solid #fff; content:'';}
.course .spot li:after {position:absolute; width:0; z-index:-1; height:1px; border-top:1px solid #fff;}
.course .flag span:before {position:absolute; left:45%; bottom:3px; width:16px; height:0; background:url('../../img/golf/flag.png'); content:'';}
.course .ball p {position:absolute; z-index:1;}
.course .ball span {overflow:visible; position:absolute; height:1px; font-size:0; line-height:0;}
.course .ball span:before {position:relative; border-radius:15px; box-shadow:inset -1px -1px 3px #4a574a; background-color:#fff; content:'';}
.course .active .flag span:before {height:31px; transition:all .3s .7s;}
.course .active .flag + .flag span:before {height:31px; transition:all .3s .9s;}
.course .active .spot li {opacity:1; transform:scale(1, 1); transition:all .3s;}
.course .active .spot li:first-child + li {transition:all .3s .2s;}
.course .active .spot li:first-child + li + li {transition:all .3s .4s;}
.course .active .spot li:first-child + li + li + li {transition:all .3s .6s;}
.course .active .spot li:first-child + li + li + li + li {transition:all .3s .8s;}

/* course hole01 spot */
.course .hole01 .spot li:before,
.course .hole01 .spot li:after  {right:5px; top:1px;}
.course .hole01 .spot01 {right:102px; bottom:77px;}
.course .hole01 .spot01:before {transform:rotate(42.5deg); transition:all .5s .5s;}
.course .hole01 .spot02 {right:335px; bottom:290px;}
.course .hole01 .spot02:before {transform:rotate(18.5deg); transition:all .5s .5s;}
.course .hole01 .spot02:after {content:''; transform:rotate(36.5deg); transition:all .5s .5s;}
.course .hole01 .spot03 {left:125px; top:150px;}
.course .hole01 .spot04 {left:140px; top:95px;}

.course .hole01.active .spot01:before {right:-36px; top:-106px; width:312px; transition:all 1s 1s;}
.course .hole01.active .spot02:before {right:-1px; top:-27px; width:175px; transition:all 1s 2s;}
.course .hole01.active .spot02:after {right:-11px; top:-54px; width:180px; transition:all 1s 2s;}

/* course hole01 ball */
.course .hole01.active .ball span:before {float:right;}
.course .hole01.active .ball01 {right:102px; bottom:77px;}
.course .hole01.active .ball01 span {right:-36px; top:-106px; width:312px; transform:rotate(42.5deg);}
.course .hole01.active .ball01 span:before {top:-10px; right:-5px; width:0; height:0; opacity:0; animation:type01ball01 6s 4s infinite;}
.course .hole01.active .ball02 {right:335px; bottom:290px;}
.course .hole01.active .ball02 span {right:-1px; top:-27px; width:175px; transform:rotate(18.5deg);}
.course .hole01.active .ball02 span:before {top:-11px; right:-8px; opacity:0; animation:type01ball02 6s 4s infinite;}
.course .hole01.active .ball03 {right:335px; bottom:290px;}
.course .hole01.active .ball03 span {right:-11px; top:-54px; width:182px; content:''; transform:rotate(36.5deg);}
.course .hole01.active .ball03 span:before {top:-11px; right:-8px; opacity:0; animation:type01ball02 6s 4s infinite;}

/* course hole02 spot */
.course .hole02 .spot li:before,
.course .hole02 .spot li:after {left:5px; top:3px;}
.course .hole02 .spot01 {left:128px; top:92px;}
.course .hole02 .spot01:before {transform:rotate(29.7deg); transition:all .5s .5s;}
.course .hole02 .spot02 {right:200px; bottom:235px;}
.course .hole02 .spot02:before {transform:rotate(48.5deg); transition:all .5s .5s;}
.course .hole02 .spot02:after {content:''; transform:rotate(64deg); transition:all .5s .5s;}
.course .hole02 .spot03 {right:115px; bottom:140px;}
.course .hole02 .spot04 {right:135px; bottom:105px;}

.course .hole02.active .spot01:before {left:-17px; top:86px; width:336px; transition:all 1s 1s;}
.course .hole02.active .spot02:before {left:-16px; top:50px; width:122px; transition:all 1s 2s;}
.course .hole02.active .spot02:after {left:-35px; top:70px; width:143px; transition:all 1s 2s;}

/* course hole02 ball */
.course .hole02.active .ball span:before {float:left;}
.course .hole02.active .ball01 {left:128px; top:92px;}
.course .hole02.active .ball01 span {left:-17px; top:86px; width:336px; transform:rotate(29.7deg);}
.course .hole02.active .ball01 span:before {top:-6px; left:-5px; width:0; height:0; opacity:0; animation:type02ball01 6s 4s infinite;}
.course .hole02.active .ball02 {right:200px; bottom:235px;}
.course .hole02.active .ball02 span {left:-16px; top:50px; width:122px; transform:rotate(48.5deg);}
.course .hole02.active .ball02 span:before {top:-4px; left:-17px; opacity:0; animation:type02ball02 6s 4s infinite;}
.course .hole02.active .ball03 {right:200px; bottom:235px;}
.course .hole02.active .ball03 span {left:-35px; top:70px; width:141px; content:''; transform:rotate(64deg);}
.course .hole02.active .ball03 span:before {top:-4px; left:-10px; opacity:0; animation:type02ball02 6s 4s infinite;}

/* course hole03 spot */
.course .hole03 .spot li:before,
.course .hole03 .spot li:after {right:5px; top:1px;}
.course .hole03 .spot01 {right:130px; bottom:115px;}
.course .hole03 .spot01:before {transform:rotate(37.5deg); transition:all .5s .5s;}
.course .hole03 .spot01:after {content:''; transform:rotate(44deg); transition:all .5s .5s;}
.course .hole03 .spot02 {right:380px; top:190px;}
.course .hole03 .spot03 {left:225px; top:120px;}

.course .hole03.active .spot01:before {right:-27px; top:-93px; width:312px; transition:all 1s 1s;}
.course .hole03.active .spot01:after {right:-47px; top:-129px; width:375px; transition:all 1s 1s;}

/* course hole03 ball */
.course .hole03.active .ball span:before {float:right;}
.course .hole03.active .ball01 {right:130px; bottom:115px;}
.course .hole03.active .ball01 span {right:-27px; top:-93px; width:312px; transform:rotate(37.5deg);}
.course .hole03.active .ball01 span:before {top:-10px; right:-5px; width:0; height:0; opacity:0; animation:type03ball 6s 1.5s infinite;}
.course .hole03.active .ball02 {right:130px; bottom:115px;}
.course .hole03.active .ball02 span {right:-47px; top:-129px; width:375px; transform:rotate(44deg); }
.course .hole03.active .ball02 span:before {top:-10px; right:-5px; width:0; height:0; opacity:0; animation:type03ball 6s 1.5s infinite;}

/* course hole04 spot */
.course .hole04 .spot li:before,
.course .hole04 .spot li:after  {right:5px; top:1px;}
.course .hole04 .spot01 {right:95px; bottom:105px;}
.course .hole04 .spot01:before {transform:rotate(38.5deg); transition:all .5s .5s;}
.course .hole04 .spot02 {right:295px; bottom:265px;}
.course .hole04 .spot02:before {transform:rotate(37.5deg); transition:all .5s .5s;}
.course .hole04 .spot03 {left:205px; top:135px;}
.course .hole04 .spot03:before {transition:all .5s .5s;}
.course .hole04 .spot03:after {content:''; transform:rotate(26deg); transition:all .5s .5s;}
.course .hole04 .spot04 {left:118px; top:135px;}
.course .hole04 .spot05 {left:115px; top:90px;}

.course .hole04.active .spot01:before {right:-23px; top:-78px; width:252px; transition:all 1s 1s;}
.course .hole04.active .spot02:before {right:-11px; top:-47px; width:155px; transition:all 1s 2s;}
.course .hole04.active .spot03:before {right:5px; top:2px; width:83px; transition:all 1s 3s;}
.course .hole04.active .spot03:after {right:1px; top:-20px; width:96px; transition:all 1s 3s;}

/* course hole04 ball */
.course .hole04.active .ball span:before {float:right;}
.course .hole04.active .ball01 {right:95px; bottom:105px;}
.course .hole04.active .ball01 span {right:-23px; top:-78px; width:252px; transform:rotate(38.5deg);}
.course .hole04.active .ball01 span:before {top:-10px; right:-5px; width:0; height:0; opacity:0; animation:type04ball01 10s 4s infinite;}
.course .hole04.active .ball02 {right:295px; bottom:265px;}
.course .hole04.active .ball02 span {right:-11px; top:-47px; width:155px; transform:rotate(37.5deg);}
.course .hole04.active .ball02 span:before {top:-10px; right:-5px; width:0; height:0; opacity:0; animation:type04ball02 10s 4s infinite;}
.course .hole04.active .ball03 {left:205px; top:135px;}
.course .hole04.active .ball03 span {right:5px; top:2px; width:80px;}
.course .hole04.active .ball03 span:before {top:-11px; right:-8px; width:0; height:0; opacity:0; animation:type04ball03 10s 4s infinite;}
.course .hole04.active .ball04 {left:205px; top:135px;}
.course .hole04.active .ball04 span {right:0; top:-20px; width:90px; transform:rotate(26deg);}
.course .hole04.active .ball04 span:before {top:-11px; right:-8px; width:0; height:0; opacity:0; animation:type04ball03 10s 4s infinite;}

/* course hole05 spot */
.course .hole05 .spot li:before,
.course .hole05 .spot li:after {left:5px; top:3px;}
.course .hole05 .spot01 {left:115px; top:90px;}
.course .hole05 .spot01:before {transform:rotate(25.3deg); transition:all .5s .5s;}
.course .hole05 .spot02 {left:380px; top:215px;}
.course .hole05 .spot02:before {transform:rotate(43deg); transition:all .5s .5s;}
.course .hole05 .spot02:after {content:''; transform:rotate(51deg); transition:all .5s .5s;}
.course .hole05 .spot03 {right:135px; bottom:180px;}
.course .hole05 .spot04 {right:115px; bottom:120px;}

.course .hole05.active .spot01:before {left:-9px; top:64px; width:288px; transition:all 1s 1s;}
.course .hole05.active .spot02:before {left:-15px; top:52px; width:144px; transition:all 1s 2s;}
.course .hole05.active .spot02:after {left:-33px; top:82px; width:202px; transition:all 1s 2s;}

/* course hole05 ball */
.course .hole05.active .ball span:before {float:left;}
.course .hole05.active .ball01 {left:115px; top:90px;}
.course .hole05.active .ball01 span {left:-9px; top:64px; width:288px; transform:rotate(25.3deg);}
.course .hole05.active .ball01 span:before {top:-6px; left:-5px; width:0; height:0; opacity:0; animation:type02ball01 6s 4s infinite;}
.course .hole05.active .ball02 {left:380px; top:215px;}
.course .hole05.active .ball02 span {left:-9px; top:54px; width:144px; transform:rotate(43deg);}
.course .hole05.active .ball02 span:before {top:-4px; left:-15px; opacity:0; animation:type02ball02 6s 4s infinite;}
.course .hole05.active .ball03 {left:380px; top:215px;}
.course .hole05.active .ball03 span {left:-28px; top:88px; width:202px; content:''; transform:rotate(51deg);}
.course .hole05.active .ball03 span:before {top:-4px; left:-10px; opacity:0; animation:type02ball02 6s 4s infinite;}

/* course hole06 spot */
.course .hole06 .spot li:before,
.course .hole06 .spot li:after  {right:5px; top:1px;}
.course .hole06 .spot01 {right:130px; bottom:130px;}
.course .hole06 .spot01:before {transform:rotate(42.5deg); transition:all .5s .5s;}
.course .hole06 .spot02 {left:255px; top:145px;}
.course .hole06 .spot02:before {transform:rotate(13deg); transition:all .5s .5s;}
.course .hole06 .spot02:after {content:''; transform:rotate(34.5deg); transition:all .5s .5s;}
.course .hole06 .spot03 {left:175px; top:90px;}
.course .hole06 .spot04 {left:130px; top:115px;}

.course .hole06.active .spot01:before {right:-38px; top:-108px; width:320px; transition:all 1s 1s;}
.course .hole06.active .spot02:before {right:4px; top:-13px; width:125px; transition:all 1s 2s;}
.course .hole06.active .spot02:after {right:-3px; top:-26px; width:92px; transition:all 1s 2s;}

/* course hole06 ball */
.course .hole06.active .ball span:before {float:right;}
.course .hole06.active .ball01 {right:130px; bottom:130px;}
.course .hole06.active .ball01 span {right:-38px; top:-108px; width:320px; transform:rotate(42.5deg);}
.course .hole06.active .ball01 span:before {top:-10px; right:-5px; width:0; height:0; opacity:0; animation:type01ball01 6s 4s infinite;}
.course .hole06.active .ball02 {left:255px; top:145px;}
.course .hole06.active .ball02 span {right:-5px; top:-7px; width:130px; transform:rotate(13deg);}
.course .hole06.active .ball02 span:before {top:-11px; right:-8px; opacity:0; animation:type01ball02 6s 4s infinite;}
.course .hole06.active .ball03 {left:255px; top:145px;}
.course .hole06.active .ball03 span {right:-10px; top:-20px; width:97px; content:''; transform:rotate(34.5deg);}
.course .hole06.active .ball03 span:before {top:-11px; right:-8px; opacity:0; animation:type01ball02 6s 4s infinite;}

/* course hole07 spot */
.course .hole07 .spot li:before,
.course .hole07 .spot li:after {left:5px; top:3px;}
.course .hole07 .spot01 {left:148px; top:85px;}
.course .hole07 .spot01:before {transform:rotate(37deg); transition:all .5s .5s;}
.course .hole07 .spot02 {right:215px; bottom:215px;}
.course .hole07 .spot02:before {transform:rotate(29deg); transition:all .5s .5s;}
.course .hole07 .spot02:after {content:''; transform:rotate(66deg); transition:all .5s .5s;}
.course .hole07 .spot03 {right:150px; bottom:180px;}
.course .hole07 .spot04 {right:170px; bottom:120px;}

.course .hole07.active .spot01:before {left:-27px; top:100px; width:322px; transition:all 1s 1s;}
.course .hole07.active .spot02:before {left:0; top:20px; width:70px; transition:all 1s 2s;}
.course .hole07.active .spot02:after {left:-24px; top:50px; width:100px; transition:all 1s 2s;}

/* course hole07 ball */
.course .hole07.active .ball span:before {float:left;}
.course .hole07.active .ball01 {left:148px; top:85px;}
.course .hole07.active .ball01 span {left:-27px; top:100px; width:322px; transform:rotate(37deg);}
.course .hole07.active .ball01 span:before {top:-6px; left:-5px; width:0; height:0; opacity:0; animation:type02ball01 6s 4s infinite;}
.course .hole07.active .ball02 {right:215px; bottom:215px;}
.course .hole07.active .ball02 span {left:2px; top:17px; width:70px; transform:rotate(29deg);}
.course .hole07.active .ball02 span:before {top:-4px; left:-17px; opacity:0; animation:type02ball02 6s 4s infinite;}
.course .hole07.active .ball03 {right:215px; bottom:215px;}
.course .hole07.active .ball03 span {left:-24px; top:51px; width:95px; content:''; transform:rotate(66deg);}
.course .hole07.active .ball03 span:before {top:-4px; left:-10px; opacity:0; animation:type02ball02 6s 4s infinite;}

/* course hole08 spot */
.course .hole08 .spot li:before,
.course .hole08 .spot li:after {top:1px; left:5px;}
.course .hole08 .spot01 {left:203px; bottom:110px;}
.course .hole08 .spot01:before {transform:rotate(-32.5deg); transition:all .5s .5s;}
.course .hole08 .spot01:after {content:''; transform:rotate(-48deg); transition:all .5s .5s;}
.course .hole08 .spot02 {right:230px; top:265px;}
.course .hole08 .spot03 {right:227px; top:170px;}

.course .hole08.active .spot01:before {left:-12px; top:-58px; width:220px; transition:all 1s 1s;}
.course .hole08.active .spot01:after {left:-42px; top:-105px; width:285px; transition:all 1s 1s;}

/* course hole08 ball */
.course .hole08.active .ball span:before {float:left;}
.course .hole08.active .ball01 {left:203px; bottom:110px;}
.course .hole08.active .ball01 span {left:-12px; top:-58px; width:225px; transform:rotate(-32.5deg);}
.course .hole08.active .ball01 span:before {top:-10px; right:-5px; width:0; height:0; opacity:0; animation:type05ball 6s 1.5s infinite;}
.course .hole08.active .ball02 {left:203px; bottom:110px;}
.course .hole08.active .ball02 span {left:-42px; top:-105px; width:290px; transform:rotate(-48deg);}
.course .hole08.active .ball02 span:before {top:-10px; right:-5px; width:0; height:0; opacity:0; animation:type05ball 6s 1.5s infinite;}

/* course hole09 spot */
.course .hole09 .spot li:before,
.course .hole09 .spot li:after  {left:5px; top:1px;}
.course .hole09 .spot01 {left:165px; top:60px;}
.course .hole09 .spot01:before {transform:rotate(52.5deg); transition:all .5s .5s;}
.course .hole09 .spot02 {left:285px; top:215px;}
.course .hole09 .spot02:before {transform:rotate(35deg); transition:all .5s .5s;}
.course .hole09 .spot03 {right:175px; bottom:165px;}
.course .hole09 .spot03:before {transform:rotate(49deg); transition:all .5s .5s;}
.course .hole09 .spot03:after {content:''; transform:rotate(70deg); transition:all .5s .5s;}
.course .hole09 .spot04 {right:130px; bottom:115px;}
.course .hole09 .spot05 {right:140px; bottom:75px;}

.course .hole09.active .spot01:before {left:-34px; top:79px; width:192px; transition:all 1s 1s;}
.course .hole09.active .spot02:before {left:-15px; top:60px; width:200px; transition:all 1s 2s;}
.course .hole09.active .spot03:before {left:-6px; top:26px; width:61px; transition:all 1s 3s;}
.course .hole09.active .spot03:after {left:-27px; top:47px; width:94px; transition:all 1s 3s;}

/* course hole09 ball */
.course .hole09.active .ball span:before {float:left;}
.course .hole09.active .ball01 {left:165px; top:60px;}
.course .hole09.active .ball01 span {left:-42px; top:78px; width:195px; transform:rotate(52.5deg);}
.course .hole09.active .ball01 span:before {top:-10px; left:-5px; width:0; height:0; opacity:0; animation:type06ball01 10s 4s infinite;}
.course .hole09.active .ball02 {left:285px; top:215px;}
.course .hole09.active .ball02 span {left:-16px; top:63px; width:200px; transform:rotate(35deg);}
.course .hole09.active .ball02 span:before {top:-10px; left:-5px; width:0; height:0; opacity:0; animation:type06ball02 10s 4s infinite;}
.course .hole09.active .ball03 {right:175px; bottom:165px;}
.course .hole09.active .ball03 span {left:-8px; top:29px; width:61px; transform:rotate(49deg);}
.course .hole09.active .ball03 span:before {top:-11px; left:-8px; width:0; height:0; opacity:0; animation:type06ball03 10s 4s infinite;}
.course .hole09.active .ball04 {right:175px; bottom:165px;}
.course .hole09.active .ball04 span {left:-30px; top:50px; width:90px; transform:rotate(70deg);}
.course .hole09.active .ball04 span:before {top:-11px; left:-8px; width:0; height:0; opacity:0; animation:type06ball03 10s 4s infinite;}

@keyframes type01ball01 
{
	0%		{top:0; right:0; opacity:0;}
    1%		{top:0; right:0; margin-right:0; width:0; height:0; transform:scale(1, 1); opacity:1;}
    3%		{top:-10px; right:-5px; width:15px; height:15px; margin-right:0; transform:scale(1, 1); opacity:1;}
    25%		{width:15px; height:15px; transform:scale(2, 2); opacity:1;}
    49%		{width:15px; height:15px; margin-right:100%; transform:scale(1, 1); opacity:1;}
    50%		{width:15px; height:15px; margin-right:100%; transform:scale(1, 1); opacity:0;}
}

@keyframes type01ball02
{
	0%		{top:-11px; right:-8px; width:15px; height:15px; opacity:0; transform:scale(1, 1);}
    49%		{top:-11px; right:-8px; width:15px; height:15px; opacity:0; transform:scale(1, 1);}
    50%		{top:-11px; right:-8px; width:15px; height:15px; margin-right:0; transform:scale(1, 1); opacity:1;}
   	65%		{top:-11px; right:-8px; width:15px; height:15px; transform:scale(2, 2); opacity:1;}
    90%		{top:-11px; right:-8px; width:15px; height:15px; margin-right:100%; transform:scale(1, 1); opacity:1;}
    95%		{top:0; right:0; margin-right:100%; width:0; height:0; transform:scale(1, 1);}
}

@keyframes type02ball01 
{
	0%		{top:0; left:0; opacity:0;}
    1%		{top:5px; left:-10px; margin-left:0; width:0; height:0; transform:scale(1, 1); opacity:1;}
    3%		{top:-5px; left:-5px; width:15px; height:15px; margin-left:0; transform:scale(1, 1); opacity:1;}
    25%		{width:15px; height:15px; transform:scale(2, 2); opacity:1;}
    49%		{width:15px; height:15px; margin-left:100%; transform:scale(1, 1); opacity:1;}
    50%		{width:15px; height:15px; margin-left:100%; transform:scale(1, 1); opacity:0;}
}

@keyframes type02ball02
{
	0%		{top:-4px; left:-19px; width:15px; height:15px; opacity:0; transform:scale(1, 1);}
    49%		{top:-4px; left:-19px; width:15px; height:15px; opacity:0; transform:scale(1, 1);}
    50%		{top:-4px; left:-17px; width:15px; height:15px; margin-left:0; transform:scale(1, 1); opacity:1;}
   	65%		{top:-4px; left:-17px; width:15px; height:15px; transform:scale(2, 2); opacity:1;}
    90%		{top:-4px; left:-10px; width:15px; height:15px; margin-left:100%; transform:scale(1, 1); opacity:1;}
    95%		{top:-2px; left:-2px; margin-left:100%; width:0; height:0; transform:scale(1, 1);}
}

@keyframes type03ball 
{
	0%		{top:0; right:0; opacity:0;}
    5%		{top:0; right:0; margin-right:0; width:0; height:0; transform:scale(1, 1); opacity:1;}
    10%		{top:-10px; right:-5px; width:15px; height:15px; margin-right:0; transform:scale(1, 1); opacity:1;}
    50%		{width:15px; height:15px; transform:scale(2, 2); opacity:1;}
    90%		{right:-5px; width:15px; height:15px; margin-right:100%; transform:scale(1, 1); opacity:1;}
    95%		{top:-8px; right:-2px; width:0; height:0; margin-right:100%; transform:scale(1, 1); opacity:0;}
}

@keyframes type04ball01 
{
	0%		{top:0; right:0; opacity:0;}
    1%		{top:0; right:0; margin-right:0; width:0; height:0; transform:scale(1, 1); opacity:1;}
    3%		{top:-10px; right:-5px; width:15px; height:15px; margin-right:0; transform:scale(1, 1); opacity:1;}
    15%		{width:15px; height:15px; transform:scale(2, 2); opacity:1;}
    35%		{width:15px; height:15px; margin-right:100%; transform:scale(1, 1); opacity:1;}
    38%		{width:15px; height:15px; margin-right:100%; transform:scale(1, 1); opacity:0;}
    100%	{width:15px; height:15px; margin-right:100%; transform:scale(1, 1); opacity:0;}
}
@keyframes type04ball02 
{
	0%		{top:0; right:0; opacity:0;}
	34%		{top:-10px; right:-10px; opacity:0;}
	35%		{top:-10px; right:-10px; width:15px; height:15px; margin-right:0; transform:scale(1, 1); opacity:1;}
    50%		{width:15px; height:15px; transform:scale(2, 2); opacity:1;}
    70%		{width:15px; height:15px; margin-right:100%; transform:scale(1, 1); opacity:1;}
    75%		{width:15px; height:15px; margin-right:100%; transform:scale(1, 1); opacity:0;}
    100%	{width:15px; height:15px; margin-right:100%; transform:scale(1, 1); opacity:0;}
}

@keyframes type04ball03
{
	0%		{top:-9px; right:-15px; width:15px; height:15px; opacity:0; transform:scale(1, 1);}
	70%		{top:-9px; right:-15px; width:15px; height:15px; opacity:0; transform:scale(1, 1);}
    71%		{top:-11px; right:-15px; width:15px; height:15px; margin-right:0; transform:scale(1, 1); opacity:1;}
   	80%		{top:-11px; right:-8px; width:15px; height:15px; transform:scale(2, 2); opacity:1;}
    90%		{top:-11px; right:-8px; width:15px; height:15px; margin-right:100%; transform:scale(1, 1); opacity:1;}
    95%		{top:0; right:0; margin-right:100%; width:0; height:0; transform:scale(1, 1);}
    100%	{top:0; right:0; margin-right:100%; width:0; height:0; transform:scale(1, 1);}
}

@keyframes type05ball 
{
	0%		{top:0; left:0; width:0; height:0; opacity:0;}
    5%		{top:0; left:0; margin-left:0; width:0; height:0; transform:scale(1, 1); opacity:1;}
    10%		{top:-10px; left:-5px; width:15px; height:15px; margin-left:0; transform:scale(1, 1); opacity:1;}
    50%		{width:15px; height:15px; transform:scale(2, 2); opacity:1;}
    90%		{left:-5px; width:15px; height:15px; margin-left:100%; transform:scale(1, 1); opacity:1;}
    95%		{top:-8px; right:-2px; width:0; height:0; margin-left:100%; transform:scale(1, 1); opacity:0;}
}

@keyframes type06ball01 
{
	0%		{top:0; left:0; opacity:0;}
    1%		{top:0; left:0; margin-left:0; width:0; height:0; transform:scale(1, 1); opacity:1;}
    3%		{top:-10px; right:-5px; width:15px; height:15px; margin-left:0; transform:scale(1, 1); opacity:1;}
    15%		{width:15px; height:15px; transform:scale(2, 2); opacity:1;}
    35%		{width:15px; height:15px; margin-left:100%; transform:scale(1, 1); opacity:1;}
    38%		{width:15px; height:15px; margin-left:100%; transform:scale(1, 1); opacity:0;}
    100%	{width:15px; height:15px; margin-left:100%; transform:scale(1, 1); opacity:0;}
}
@keyframes type06ball02 
{
	0%		{top:0; left:0; opacity:0;}
	34%		{top:-10px; left:-10px; opacity:0;}
	35%		{top:-10px; left:-10px; width:15px; height:15px; margin-left:0; transform:scale(1, 1); opacity:1;}
    50%		{width:15px; height:15px; transform:scale(2, 2); opacity:1;}
    70%		{width:15px; height:15px; margin-left:100%; transform:scale(1, 1); opacity:1;}
    75%		{width:15px; height:15px; margin-left:100%; transform:scale(1, 1); opacity:0;}
    100%	{width:15px; height:15px; margin-left:100%; transform:scale(1, 1); opacity:0;}
}

@keyframes type06ball03
{
	0%		{top:-9px; left:-15px; width:15px; height:15px; opacity:0; transform:scale(1, 1);}
	70%		{top:-9px; left:-15px; width:15px; height:15px; opacity:0; transform:scale(1, 1);}
    71%		{top:-11px; left:-15px; width:15px; height:15px; margin-left:0; transform:scale(1, 1); opacity:1;}
   	80%		{top:-11px; left:-8px; width:15px; height:15px; transform:scale(2, 2); opacity:1;}
    90%		{top:-11px; left:-8px; width:15px; height:15px; margin-left:100%; transform:scale(1, 1); opacity:1;}
    95%		{top:0; right:0; margin-left:100%; width:0; height:0; transform:scale(1, 1);}
    100%	{top:0; right:0; margin-left:100%; width:0; height:0; transform:scale(1, 1);}
}

/* golf */
.golf .photo {position:relative; z-index:0; height:800px;}
.golf .photo .img {position:absolute; left:50%; top:0; width:1920px; max-width:100%; height:100%; margin-left:-960px;}
.golf .photo .desc {position:absolute; left:0; bottom:0; z-index:1; padding:45px 0 45px 390px; color:#fff;}
.golf .photo .desc:before {position:absolute; left:0; top:0; z-index:-1; width:1000%; height:100%; background-color:rgba(0, 0, 0, .6); content:'';}
.golf .photo .desc h2 {position:absolute; left:45px; top:31px; font-size:1em; font-weight:400;}
.golf .photo .desc h2 strong {position:relative; top:2px; margin-right:10px; font-family:'NanumMyeongjo'; font-size:2em;}
.golf .photo .list li,
.golf .photo .list,
.golf .photo .bx-wrapper {width:100% !important; height:100%;}
.golf .photo .bx-viewport {overflow:visible !important; width:100% !important; height:100%; z-index:-1;}
.golf .photo .bx-pager {position:absolute; left:50%; bottom:50px; z-index:1; margin-left:-255px;}
.golf .photo .bx-pager-item {display:inline; margin-right:5px; font-size:0; line-height:0; vertical-align:top;}
.golf .photo .bx-pager-link {display:inline-block; width:30px; height:5px; box-sizing:border-box; border:1px solid #9d9d9d; vertical-align:top; transition:all .5s;}
.golf .photo .bx-pager-link.active {border-color:#fff; background-color:#fff;}
.golf .facilities_list .card {padding-top:0;}
.golf .facilities_list .card:before {display:none;}
.golf .facilities_list .title {margin:30px 0 25px;}
.golf .facilities_list .title strong {margin-right:10px; font-style:italic; }

a.button{display:inline-block; padding: 10px 20px; text-decoration:none; color:#fff; background:#000; margin:20px;}
#modal{ display:none; position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.3); z-index: 9999; overflow: scroll;}
.modal-con{ display:none; position:fixed; top:50%; left:50%;  transform: translate(-50%,-50%);  max-width: 90%;  min-height:90%;  background:#fff;}
.modal-con .con{ font-size:15px; line-height:1.3;  padding:2%;}

.btn-11 {overflow: hidden; transition: all 0.3s ease;  background: #1f9bde;	}
.btn-11:hover { background: #000;  color: #fff;}
.btn-11:before { position: absolute; content: ''; display: inline-block; top: -180px; left: 0; width: 30px; height: 100%;  background-color: #fff;  animation: shiny-btn1 3s ease-in-out infinite;}
.btn-11:active{ box-shadow:  4px 4px 6px 0 rgba(255,255,255,.3),  -4px -4px 6px 0 rgba(116, 125, 136, .2), inset -4px -4px 6px 0 rgba(255,255,255,.2), inset 4px 4px 6px 0 rgba(0, 0, 0, .2);}
@-webkit-keyframes shiny-btn1 {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}


/*- 부대시설-*/
.slideshow {text-align: center; position: absolute; bottom: -2%; left: 50%; transform: translateX(-50%);;  z-index: 9;}
.slideshow ul { display: inline;}
.slideshow ul li {  display: inline-block;  border:1px solid #eee;  width:30px;  height: 5px;  text-indent: -9999px; transition: 0.4s; margin:40px 6px;  cursor: pointer;}
.slideshow ul li:hover,.slideshow ul li.s1 { background: #fff;}
.slidewrapper { position: relative;  height:660px; width: 100%; /*overflow: hidden;*/}
.listslide { position: absolute; height: 100%; width: 100%;}
.listslide ul { height: 100%; position: relative;}
.listslide ul li { list-style: none; position: absolute; height: 100%; width: 100%; transition: 0.4s; opacity: 0;}
.listslide ul li.active {  opacity: 1;}
.listslide ul li .slide-animation {  position: relative;}
.slide-animation { width:100%; height: 100%;  overflow: hidden;}
.slide-animation .anh { width: 100%; height: 100%; background-size: cover;}
.slide-animation .bottomleft,
.slide-animation .bottomleft1,
.slide-animation .topright,
.slide-animation .slide_text { position: absolute; z-index: 1; top: 0; opacity: 0;}
.slide-animation .bottomleft {opacity: 0;  top: -55%;}
.slide-animation .bottomleft1 { opacity: 0; top: -18%;}
ul li.active .slide-animation .bottomleft,
ul li.active .slide-animation .bottomleft1 { animation: blshow 1s forwards;}
@keyframes blshow {
  from {  transform: translateX(-100%) translateY(100%);  opacity: 0; }
  to {  transform: translateX(0) translateY(0);  opacity: 0.5; }
}
ul li.active .slide-animation .bottomleft1 { animation-delay: 0.3s; opacity: 1 !important;}
.slide-animation .topright { opacity: 0; right: 0;}
ul li.active .slide-animation .topright { animation: trshow 1s forwards;}
@keyframes trshow {
  from { transform: translateX(100%) translateY(-100%); opacity: 0; }
  to { transform: translateX(0) translateY(0); opacity: 0.3;}
}
.listslide > ul > .slide_text {width: 50%; left: 19%; z-index: 3; opacity: 1; top: 25%;  color: white;position: absolute;}
.listslide > ul > .slide_text h2 { font-size: 70px; font-weight: normal;opacity: 0; font-family: 'Noto Sans Medium';text-shadow: 3px 4px 10px #000;}
.listslide > ul > .slide_text small {font-size: 33px; font-weight: bold;  text-transform: uppercase;  display: block;  padding:40px 0 9px 0;  opacity: 0;}
.listslide > ul > .slide_text .rule { width: 66%;  height: 1px; background: #ccc; margin: 1px 0 12px 0; opacity: 0;}
.listslide > ul > .slide_text p {  font-size: 15px; line-height: 20px; color: #fff; text-align: left; opacity: 0;text-shadow: 1px 1px 10px #000; padding: 20px 0 0;}
.listslide > ul > .slide_text .nut { color: white; text-decoration: none; border: 1px solid white; padding: 10px 29px; margin:40px 0 0 0; display: inline-block; font-size: 15px;  text-transform: uppercase; opacity: 0;}
.slide_text h2,
.slide_text small,
.slide_text .rule,
.slide_text p,
.slide_text .nut {animation: content 1s forwards;}
@keyframes content {
  from {  transform: translateX(-100%); opacity: 0; }
  to { transform: translateX(0); opacity: 1;}
}
.slide_text> h2 { animation-delay: 1s;}
.slide_text> small { animation-delay: 1.2s;}
.slide_text> .rule {animation-delay: 1.4s;}
.slide_text> p { animation-delay: 1.6s;}
.slide_text> .nut { animation-delay: 1.8s;}

/* facilities_list */
.confac {padding: 150px 0;}
.confac .card {width: 1200px; }
.confac .card> li {width: 32%; display: inline-block; margin-left: 20px;}
.confac .card> li:nth-child(1) {margin-left: 0;}
.confac .card> li .title {}
.confac .card> li .title strong { font-size: 30px; padding-top: 20px; display: block;font-family: 'Georgia', 'NanumMyeongjo';}
.confac .card> li .title span { padding:10px 0 40px;display: block;}
.confac .card> li > span { padding-top: 30px;  line-height: 24px;}