[data-catagory=clubintro] .templ-type-tab-medium { margin: 65px 0 50px}
@media screen and (max-width: 768px) { [data-catagory=clubintro] .templ-type-tab-medium { margin: 0 0 35px 0}
 }
[data-catagory=clubintro] .map-box { position: relative}
[data-catagory=clubintro] .map-box .map-info { font-size: 0}
[data-catagory=clubintro] .map-box .map-info dt { margin-bottom: 20px; font-size: 22px; line-height: 22px; font-weight: bold}
[data-catagory=clubintro] .map-box .map-info dd { position: relative; display: inline-block; font-size: 18px; line-height: 18px; color: #555}
[data-catagory=clubintro] .map-box .map-info dd+dd:before { content: ""; display: inline-block; margin: -2px 10px 0; width: 1px; height: 16px; vertical-align: middle; background: #eee}
[data-catagory=clubintro] .map-box .map-btn { position: absolute; top: 42px; right: 0; font-size: 0}
[data-catagory=clubintro] .map-box .map-btn:before { content: ""; display: inline-block; margin: -12px 10px 0 0; width: 16px; height: 20px; vertical-align: middle; background: url(../image/icon-location.png) no-repeat; background-size: cover}
[data-catagory=clubintro] .map-box .map-btn li { display: inline-block}
[data-catagory=clubintro] .map-box .map-btn li+li:before { content: ""; display: inline-block; margin: -2px 10px 0; width: 1px; height: 16px; vertical-align: middle; background: #eee}
[data-catagory=clubintro] .map-box .map-btn li a { color: #555}
[data-catagory=clubintro] .map-box .map-area { margin-top: 40px; width: 100%; height: 500px}
@media screen and (max-width: 768px) { [data-catagory=clubintro] .map-box .map-info dt { margin-bottom: 15px; font-size: 16px; line-height: 16px}
 [data-catagory=clubintro] .map-box .map-info dd { display: block; margin-top: 10px; font-size: 14px; line-height: 14px}
 [data-catagory=clubintro] .map-box .map-info dd+dd:before { display: none}
 [data-catagory=clubintro] .map-box .map-btn { position: static; margin-top: 35px}
 [data-catagory=clubintro] .map-box .map-area { margin: 20px -20px 0; width: auto; height: 225px}
 [data-catagory=clubintro] .map-box .map-area .map { height: 100%}
 [data-catagory=clubintro] .map-box .map-area .map iframe { height: 100%}
 }
[data-catagory=clubintro] .route-info { margin-top: 60px; border-top: 2px solid #555; border-bottom: 1px solid #ddd}
[data-catagory=clubintro] .route-info:after { content: ""; display: block; clear: both}
[data-catagory=clubintro] .route-info dt { float: left; padding: 40px 0; font-size: 22px; line-height: 32px}
[data-catagory=clubintro] .route-info dt em { display: block; margin-top: 5px; color: #555}
[data-catagory=clubintro] .route-info dd { padding: 0 0 0 240px; width: 100%; border-bottom: 1px solid #ddd}
[data-catagory=clubintro] .route-info dd:last-child { border-bottom: none}
[data-catagory=clubintro] .route-info dd .list { display: table; width: 100%; padding: 70px 0; border-top: 1px solid #ddd}
[data-catagory=clubintro] .route-info dd .list:first-child { margin-top: 0; border-top: none}
[data-catagory=clubintro] .route-info dd .list .colum { position: relative; display: table-cell; width: auto}
[data-catagory=clubintro] .route-info dd .list .colum:before { content: ""; display: block; position: absolute; top: 9px; left: 0; width: 100%; height: 2px; background: #ddd}
[data-catagory=clubintro] .route-info dd .list .colum ol { position: relative; display: inline-block; width: auto; white-space: nowrap}
[data-catagory=clubintro] .route-info dd .list .colum ol li { display: table-cell; text-align: center}
[data-catagory=clubintro] .route-info dd .list .colum ol li.spot { position: relative; width: auto; vertical-align: top}
[data-catagory=clubintro] .route-info dd .list .colum ol li.spot:before { content: ""; display: block; margin: auto; width: 10px; height: 10px; border-radius: 50%; background: #ddd}
[data-catagory=clubintro] .route-info dd .list .colum ol li.spot span { position: absolute; top: 20px; left: 50%; min-width: 300px; transform: translateX(-50%)}
[data-catagory=clubintro] .route-info dd .list .colum ol li.spot em { position: absolute; bottom: calc(100% + 8px); left: 50%; min-width: 300px; font-size: 14px; line-height: 14px; color: #555; transform: translateX(-50%)}
[data-catagory=clubintro] .route-info dd .list .colum ol li.road { position: relative; width: 340px; vertical-align: top}
[data-catagory=clubintro] .route-info dd .list .colum ol li.road:before { content: ""; display: block; margin: 1px auto 0; width: 8px; height: 8px; border-top: 2px solid #ddd; border-right: 2px solid #ddd; transform: rotate(45deg)}
[data-catagory=clubintro] .route-info dd .list .colum ol li.road em { position: absolute; bottom: calc(100% + 8px); left: 50%; min-width: 300px; font-size: 14px; line-height: 14px; color: #555; transform: translateX(-50%)}
[data-catagory=clubintro] .route-info dd .list .colum ol li.start span { left: -3px; color: #33aeb6; text-align: left; transform: translateX(0)}
[data-catagory=clubintro] .route-info dd .list .colum ol li.start em { left: 20px; text-align: left; transform: translateX(0)}
[data-catagory=clubintro] .route-info dd .list .colum ol li.start:after { content: ""; display: block; position: absolute; top: -23px; left: -5px; width: 21px; height: 28px; background: url(../image/icon-point.png) no-repeat; background-size: cover}
[data-catagory=clubintro] .route-info dd .list .colum ol li.arrive span { left: auto; right: -3px; color: #33aeb6; text-align: right; transform: translateX(0)}
[data-catagory=clubintro] .route-info dd .list .colum ol li.arrive em { left: auto; right: 20px; text-align: right; transform: translateX(0)}
[data-catagory=clubintro] .route-info dd .list .colum ol li.arrive:after { content: ""; display: block; position: absolute; top: -23px; left: -5px; width: 21px; height: 28px; background: url(../image/icon-point.png) no-repeat; background-size: cover}
[data-catagory=clubintro] .route-info dd .list.type2 .colum ol li.road { width: 250px}
[data-catagory=clubintro] .route-info dd .list.type3 .colum ol li.road { width: 200px}
@media screen and (max-width: 768px) { [data-catagory=clubintro] .route-info { margin: 40px -20px 0 -20px; padding: 0 20px}
 [data-catagory=clubintro] .route-info * { letter-spacing: -1px}
 [data-catagory=clubintro] .route-info dt { float: none; padding: 30px 0 0 0; font-size: 16px; line-height: 16px}
 [data-catagory=clubintro] .route-info dt em { display: inline-block; margin: 0}
 [data-catagory=clubintro] .route-info dd { padding: 0}
 [data-catagory=clubintro] .route-info dd .list { position: relative; padding: 50px 0}
 [data-catagory=clubintro] .route-info dd .list:after { content: ""; display: block; position: absolute; top: 57px; right: 0; width: 80%; height: calc(100% - 112px); border-radius: 0 10px 10px 0; border: 2px solid #ddd; border-left: 0; z-index: -1}
 [data-catagory=clubintro] .route-info dd .list .colum { display: block}
 [data-catagory=clubintro] .route-info dd .list .colum:before { width: 80%; top: 7px}
 [data-catagory=clubintro] .route-info dd .list .colum.last { margin-top: 70px}
 [data-catagory=clubintro] .route-info dd .list .colum.last ol:after { content: ""; display: block; clear: both}
 [data-catagory=clubintro] .route-info dd .list .colum.last ol li { float: right}
 [data-catagory=clubintro] .route-info dd .list .colum.last ol li.road { width: 285px}
 }
@media screen and (max-width: 768px)and (max-width: 650px) { [data-catagory=clubintro] .route-info dd .list .colum.last ol li.road { width: 260px}
 }
@media screen and (max-width: 768px)and (max-width: 600px) { [data-catagory=clubintro] .route-info dd .list .colum.last ol li.road { width: 235px}
 }
@media screen and (max-width: 768px)and (max-width: 550px) { [data-catagory=clubintro] .route-info dd .list .colum.last ol li.road { width: 210px}
 }
@media screen and (max-width: 768px)and (max-width: 500px) { [data-catagory=clubintro] .route-info dd .list .colum.last ol li.road { width: 185px}
 }
@media screen and (max-width: 768px)and (max-width: 450px) { [data-catagory=clubintro] .route-info dd .list .colum.last ol li.road { width: 160px}
 }
@media screen and (max-width: 768px)and (max-width: 400px) { [data-catagory=clubintro] .route-info dd .list .colum.last ol li.road { width: 135px}
 }
@media screen and (max-width: 768px)and (max-width: 350px) { [data-catagory=clubintro] .route-info dd .list .colum.last ol li.road { width: 120px}
 }
@media screen and (max-width: 768px) { [data-catagory=clubintro] .route-info dd .list .colum.last ol li.road:before { transform: rotate(-135deg)}
 [data-catagory=clubintro] .route-info dd .list .colum ol li.spot span { font-size: 12px; line-height: 12px}
 [data-catagory=clubintro] .route-info dd .list .colum ol li.spot em { font-size: 11px; line-height: 11px; bottom: calc(100% + 5px)}
 [data-catagory=clubintro] .route-info dd .list .colum ol li.road em { font-size: 11px; line-height: 11px; bottom: calc(100% + 5px)}
 [data-catagory=clubintro] .route-info dd .list .colum ol li.road { width: 400px}
 }
@media screen and (max-width: 768px)and (max-width: 650px) { [data-catagory=clubintro] .route-info dd .list .colum ol li.road { width: 370px}
 }
@media screen and (max-width: 768px)and (max-width: 600px) { [data-catagory=clubintro] .route-info dd .list .colum ol li.road { width: 340px}
 }
@media screen and (max-width: 768px)and (max-width: 550px) { [data-catagory=clubintro] .route-info dd .list .colum ol li.road { width: 310px}
 }
@media screen and (max-width: 768px)and (max-width: 500px) { [data-catagory=clubintro] .route-info dd .list .colum ol li.road { width: 280px}
 }
@media screen and (max-width: 768px)and (max-width: 450px) { [data-catagory=clubintro] .route-info dd .list .colum ol li.road { width: 250px}
 }
@media screen and (max-width: 768px)and (max-width: 400px) { [data-catagory=clubintro] .route-info dd .list .colum ol li.road { width: 220px}
 }
@media screen and (max-width: 768px)and (max-width: 350px) { [data-catagory=clubintro] .route-info dd .list .colum ol li.road { width: 190px}
 }
@media screen and (max-width: 768px) { [data-catagory=clubintro] .route-info dd .list .colum ol li.start:after { top: -20px; left: -4px; width: 18px; height: 25px}
 [data-catagory=clubintro] .route-info dd .list .colum ol li.arrive:after { top: -20px; left: -4px; width: 18px; height: 25px}
 [data-catagory=clubintro] .route-info dd .list .colum ol li.arrive span { left: -3px; text-align: left}
 [data-catagory=clubintro] .route-info dd .list .colum ol li.arrive em { right: auto; left: 20px; text-align: left}
 [data-catagory=clubintro] .route-info dd .list.type2 .colum.last ol li.road { width: 240px}
 }
@media screen and (max-width: 768px)and (max-width: 650px) { [data-catagory=clubintro] .route-info dd .list.type2 .colum.last ol li.road { width: 220px}
 }
@media screen and (max-width: 768px)and (max-width: 600px) { [data-catagory=clubintro] .route-info dd .list.type2 .colum.last ol li.road { width: 200px}
 }
@media screen and (max-width: 768px)and (max-width: 550px) { [data-catagory=clubintro] .route-info dd .list.type2 .colum.last ol li.road { width: 180px}
 }
@media screen and (max-width: 768px)and (max-width: 500px) { [data-catagory=clubintro] .route-info dd .list.type2 .colum.last ol li.road { width: 160px}
 }
@media screen and (max-width: 768px)and (max-width: 450px) { [data-catagory=clubintro] .route-info dd .list.type2 .colum.last ol li.road { width: 140px}
 }
@media screen and (max-width: 768px)and (max-width: 400px) { [data-catagory=clubintro] .route-info dd .list.type2 .colum.last ol li.road { width: 120px}
 }
@media screen and (max-width: 768px)and (max-width: 350px) { [data-catagory=clubintro] .route-info dd .list.type2 .colum.last ol li.road { width: 100px}
 }
@media screen and (max-width: 768px) { [data-catagory=clubintro] .route-info dd .list.type2 .colum ol li.road { width: 350px}
 }
@media screen and (max-width: 768px)and (max-width: 700px) { [data-catagory=clubintro] .route-info dd .list.type2 .colum ol li.road { width: 330px}
 }
@media screen and (max-width: 768px)and (max-width: 650px) { [data-catagory=clubintro] .route-info dd .list.type2 .colum ol li.road { width: 310px}
 }
@media screen and (max-width: 768px)and (max-width: 600px) { [data-catagory=clubintro] .route-info dd .list.type2 .colum ol li.road { width: 290px}
 }
@media screen and (max-width: 768px)and (max-width: 550px) { [data-catagory=clubintro] .route-info dd .list.type2 .colum ol li.road { width: 270px}
 }
@media screen and (max-width: 768px)and (max-width: 500px) { [data-catagory=clubintro] .route-info dd .list.type2 .colum ol li.road { width: 250px}
 }
@media screen and (max-width: 768px)and (max-width: 450px) { [data-catagory=clubintro] .route-info dd .list.type2 .colum ol li.road { width: 230px}
 }
@media screen and (max-width: 768px)and (max-width: 400px) { [data-catagory=clubintro] .route-info dd .list.type2 .colum ol li.road { width: 210px}
 }
@media screen and (max-width: 768px)and (max-width: 350px) { [data-catagory=clubintro] .route-info dd .list.type2 .colum ol li.road { width: 190px}
 }
@media screen and (max-width: 768px) { [data-catagory=clubintro] .route-info dd .list.type3 .colum.last ol li.road { width: 195px}
 }
@media screen and (max-width: 768px)and (max-width: 700px) { [data-catagory=clubintro] .route-info dd .list.type3 .colum.last ol li.road { width: 180px}
 }
@media screen and (max-width: 768px)and (max-width: 650px) { [data-catagory=clubintro] .route-info dd .list.type3 .colum.last ol li.road { width: 165px}
 }
@media screen and (max-width: 768px)and (max-width: 600px) { [data-catagory=clubintro] .route-info dd .list.type3 .colum.last ol li.road { width: 150px}
 }
@media screen and (max-width: 768px)and (max-width: 550px) { [data-catagory=clubintro] .route-info dd .list.type3 .colum.last ol li.road { width: 135px}
 }
@media screen and (max-width: 768px)and (max-width: 500px) { [data-catagory=clubintro] .route-info dd .list.type3 .colum.last ol li.road { width: 120px}
 }
@media screen and (max-width: 768px)and (max-width: 450px) { [data-catagory=clubintro] .route-info dd .list.type3 .colum.last ol li.road { width: 102px}
 }
@media screen and (max-width: 768px)and (max-width: 400px) { [data-catagory=clubintro] .route-info dd .list.type3 .colum.last ol li.road { width: 95px}
 }
@media screen and (max-width: 768px)and (max-width: 374px) { [data-catagory=clubintro] .route-info dd .list.type3 .colum.last ol li.road { width: 88px}
 }
@media screen and (max-width: 768px)and (max-width: 350px) { [data-catagory=clubintro] .route-info dd .list.type3 .colum.last ol li.road { width: 75px}
 }
@media screen and (max-width: 768px) { [data-catagory=clubintro] .route-info dd .list.type3 .colum ol li.road { width: 270px}
 }
@media screen and (max-width: 768px)and (max-width: 700px) { [data-catagory=clubintro] .route-info dd .list.type3 .colum ol li.road { width: 250px}
 }
@media screen and (max-width: 768px)and (max-width: 650px) { [data-catagory=clubintro] .route-info dd .list.type3 .colum ol li.road { width: 230px}
 }
@media screen and (max-width: 768px)and (max-width: 600px) { [data-catagory=clubintro] .route-info dd .list.type3 .colum ol li.road { width: 210px}
 }
@media screen and (max-width: 768px)and (max-width: 550px) { [data-catagory=clubintro] .route-info dd .list.type3 .colum ol li.road { width: 190px}
 }
@media screen and (max-width: 768px)and (max-width: 500px) { [data-catagory=clubintro] .route-info dd .list.type3 .colum ol li.road { width: 170px}
 }
@media screen and (max-width: 768px)and (max-width: 450px) { [data-catagory=clubintro] .route-info dd .list.type3 .colum ol li.road { width: 150px}
 }
@media screen and (max-width: 768px)and (max-width: 400px) { [data-catagory=clubintro] .route-info dd .list.type3 .colum ol li.road { width: 130px}
 }
@media screen and (max-width: 768px)and (max-width: 350px) { [data-catagory=clubintro] .route-info dd .list.type3 .colum ol li.road { width: 110px}
 }
[data-catagory=clubintro] .route-box { margin-top: 60px; border-top: 2px solid #555; border-bottom: 1px solid #ddd}
[data-catagory=clubintro] .route-box img { width: 100%}
@media screen and (max-width: 768px) { [data-catagory=clubintro] .route-box { margin: 40px -20px 0 -20px}
 }
[data-catagory=clubintro] .map-area-address { margin-top: -150px; position: relative}
@media screen and (max-width: 768px) { [data-catagory=clubintro] .map-area-address { margin-top: -35px}
 }
[data-catagory=clubintro] .map-area-address .map { height: 450px; background-color: #dce3cb}
[data-catagory=clubintro] .map-area-address .address-area { width: 1280px; margin: 0 auto; position: absolute; left: 0; right: 0; top: 0; bottom: 0}
@media screen and (max-width: 768px) { [data-catagory=clubintro] .map-area-address .address-area { width: 100%}
 }
[data-catagory=clubintro] .map-area-address .address-area .info-addr { background-color: #fff; position: absolute; left: 0; top: 40px; width: 400px; padding: 40px}
[data-catagory=clubintro] .map-area-address .address-area .info-addr h3 { font-size: 22px; line-height: 22px; font-weight: bold; padding-bottom: 20px}
[data-catagory=clubintro] .map-area-address .address-area .info-addr ul { margin-bottom: 34px}
[data-catagory=clubintro] .map-area-address .address-area .info-addr ul li { color: #555; margin-bottom: 12px}
[data-catagory=clubintro] .map-area-address .address-area .info-addr a { float: right; display: inline-block}
[data-catagory=clubintro] .map-area-address .address-area .info-addr a::after { content: ""; background-image: url("data:image/svg+xml; charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='9.5px' height='14.5px'%3e%3cpath fill-rule='evenodd' stroke='rgb(0, 0, 0)' stroke-width='1px' stroke-linecap='round' stroke-linejoin='round' fill='none' d='M1.475,12.555 L7.525,6.958 L1.475,1.417 '/%3e%3c/svg%3e"); background-size: 100% 100%; display: inline-block; width: 9.5px; height: 14.5px; vertical-align: -1px; margin-left: 10px}
@media screen and (max-width: 768px) { [data-catagory=clubintro] .map-area-address .address-area .info-addr { top: 20px; left: 20px; width: 250px; padding: 20px 15px}
 [data-catagory=clubintro] .map-area-address .address-area .info-addr h3 { font-size: 21px; line-height: 21px; font-family: SpoqaHanSans-Light; padding-bottom: 14px}
 [data-catagory=clubintro] .map-area-address .address-area .info-addr ul { margin-bottom: 20px}
 [data-catagory=clubintro] .map-area-address .address-area .info-addr ul li { margin-bottom: 0; font-size: 13px; line-height: 20px}
 [data-catagory=clubintro] .map-area-address .address-area .info-addr a { font-size: 12px; line-height: 12px}
 [data-catagory=clubintro] .map-area-address .address-area .info-addr a::after { width: 6.5px; height: 11px; margin-left: 5px; color: #000}
 }
[data-catagory=clubintro] .tour-box .radio-list { padding: 20px 0; line-height: 100%; font-size: 0; border-top: 2px solid #555; border-bottom: 1px solid #ddd}
[data-catagory=clubintro] .tour-box .radio-list li { position: relative; display: inline-block; margin: 10px 0; vertical-align: middle}
[data-catagory=clubintro] .tour-box .radio-list li:after { content: ""; display: inline-block; margin: 0 25px; width: 1px; height: 15px; vertical-align: middle; background: #eee}
[data-catagory=clubintro] .tour-box .radio-list li:last-child:after { display: none}
[data-catagory=clubintro] .tour-box .radio-list li [type=radio] { opacity: 0; outline: none; position: absolute; margin: 0; width: 0; height: 0; z-index: -1}
[data-catagory=clubintro] .tour-box .radio-list li [type=radio]+label { display: inline-block; line-height: 26px}
[data-catagory=clubintro] .tour-box .radio-list li [type=radio]+label.icon-1 { padding-left: 30px; background: url(../image/icon-tour-1.png) no-repeat left center}
[data-catagory=clubintro] .tour-box .radio-list li [type=radio]+label.icon-2 { padding-left: 34px; background: url(../image/icon-tour-2.png) no-repeat left center}
[data-catagory=clubintro] .tour-box .radio-list li [type=radio]+label.icon-3 { padding-left: 28px; background: url(../image/icon-tour-3.png) no-repeat left center}
[data-catagory=clubintro] .tour-box .radio-list li [type=radio]+label.icon-4 { padding-left: 34px; background: url(../image/icon-tour-4.png) no-repeat left center}
[data-catagory=clubintro] .tour-box .radio-list li [type=radio]+label.icon-5 { padding-left: 34px; background: url(../image/icon-tour-5.png) no-repeat left center}
[data-catagory=clubintro] .tour-box .radio-list li [type=radio]+label.icon-6 { padding-left: 32px; background: url(../image/icon-tour-6.png) no-repeat left center}
[data-catagory=clubintro] .tour-box .radio-list li [type=radio]+label:hover { cursor: pointer}
[data-catagory=clubintro] .tour-box .radio-list li [type=radio]+label:hover.icon-1 { background: url(../image/icon-tour-1_on.png) no-repeat left center}
[data-catagory=clubintro] .tour-box .radio-list li [type=radio]+label:hover.icon-2 { background: url(../image/icon-tour-2_on.png) no-repeat left center}
[data-catagory=clubintro] .tour-box .radio-list li [type=radio]+label:hover.icon-3 { background: url(../image/icon-tour-3_on.png) no-repeat left center}
[data-catagory=clubintro] .tour-box .radio-list li [type=radio]+label:hover.icon-4 { background: url(../image/icon-tour-4_on.png) no-repeat left center}
[data-catagory=clubintro] .tour-box .radio-list li [type=radio]+label:hover.icon-5 { background: url(../image/icon-tour-5_on.png) no-repeat left center}
[data-catagory=clubintro] .tour-box .radio-list li [type=radio]+label:hover.icon-6 { background: url(../image/icon-tour-6_on.png) no-repeat left center}
[data-catagory=clubintro] .tour-box .radio-list li [type=radio]+label:hover em { color: #da291c; font-weight: bold}
[data-catagory=clubintro] .tour-box .radio-list li [type=radio]+label em { font-size: 18px; line-height: 18px}
[data-catagory=clubintro] .tour-box .radio-list li [type=radio]:checked+label.icon-1 { background: url(../image/icon-tour-1_on.png) no-repeat left center}
[data-catagory=clubintro] .tour-box .radio-list li [type=radio]:checked+label.icon-2 { background: url(../image/icon-tour-2_on.png) no-repeat left center}
[data-catagory=clubintro] .tour-box .radio-list li [type=radio]:checked+label.icon-3 { background: url(../image/icon-tour-3_on.png) no-repeat left center}
[data-catagory=clubintro] .tour-box .radio-list li [type=radio]:checked+label.icon-4 { background: url(../image/icon-tour-4_on.png) no-repeat left center}
[data-catagory=clubintro] .tour-box .radio-list li [type=radio]:checked+label.icon-5 { background: url(../image/icon-tour-5_on.png) no-repeat left center}
[data-catagory=clubintro] .tour-box .radio-list li [type=radio]:checked+label.icon-6 { background: url(../image/icon-tour-6_on.png) no-repeat left center}
[data-catagory=clubintro] .tour-box .radio-list li [type=radio]:checked+label em { color: #da291c; font-weight: bold}
[data-catagory=clubintro] .tour-box .contents-list { margin: 0 -15px}
[data-catagory=clubintro] .tour-box .contents-list:after { content: ""; display: block; clear: both}
[data-catagory=clubintro] .tour-box .contents-list li { float: left; padding: 30px 15px 0; width: 33.33334%}
[data-catagory=clubintro] .tour-box .contents-list li:nth-child(n+4) { padding-top: 40px}
[data-catagory=clubintro] .tour-box .contents-list li .box .img img { width: 100%}
[data-catagory=clubintro] .tour-box .contents-list li .box .desc { padding: 30px 20px; border: 1px solid #eee; border-top: none}
[data-catagory=clubintro] .tour-box .contents-list li .box .desc span { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden}
[data-catagory=clubintro] .tour-box .contents-list li .box .desc span.title { font-size: 22px; line-height: 22px; font-weight: bold}
[data-catagory=clubintro] .tour-box .contents-list li .box .desc span.text { margin-top: 10px}
@media screen and (max-width: 768px) { [data-catagory=clubintro] .tour-box .radio-list { padding: 25px 0}
 [data-catagory=clubintro] .tour-box .radio-list li { width: 50%; margin: 0; padding: 0 15px}
 [data-catagory=clubintro] .tour-box .radio-list li:nth-child(n+3) { margin-top: 20px}
 [data-catagory=clubintro] .tour-box .radio-list li:after { display: none}
 [data-catagory=clubintro] .tour-box .radio-list li [type=radio]+label.icon-1, [data-catagory=clubintro] .tour-box .radio-list li [type=radio]+label.icon-2, [data-catagory=clubintro] .tour-box .radio-list li [type=radio]+label.icon-3, [data-catagory=clubintro] .tour-box .radio-list li [type=radio]+label.icon-4, [data-catagory=clubintro] .tour-box .radio-list li [type=radio]+label.icon-5, [data-catagory=clubintro] .tour-box .radio-list li [type=radio]+label.icon-6 { padding-left: 32px}
 [data-catagory=clubintro] .tour-box .radio-list li [type=radio]+label em { font-size: 14px; line-height: 14px}
 [data-catagory=clubintro] .tour-box .contents-list li { padding-top: 40px; width: 100%}
 [data-catagory=clubintro] .tour-box .contents-list li:first-child { padding-top: 35px}
 [data-catagory=clubintro] .tour-box .contents-list li .box .desc { padding: 25px 20px}
 [data-catagory=clubintro] .tour-box .contents-list li .box .desc span.title { font-size: 18px; line-height: 18px}
 [data-catagory=clubintro] .tour-box .contents-list li .box .desc span.text { margin-top: 15px}
 }
[data-catagory=clubintro] .location-navi { z-index: 2}
[data-catagory=clubintro] .templ-type-title+.templ-type-header { margin-top: 52px}
@media screen and (max-width: 768px) { [data-catagory=clubintro] .templ-type-title+.templ-type-header { position: relative; z-index: 2; margin-top: 5px}
 }
.club-intro-wrap { position: relative}
.fixed-indicator { position: fixed; top: 0; left: 0; bottom: 0; z-index: 1; width: 60px; border-right: 1px solid #eee; background-color: hsla(0, 0%, 100%, .6)}
.fixed-indicator .fixed-indicator-inner { position: fixed; top: 579px; left: -200px}
.fixed-indicator.unfixed { position: absolute; bottom: -470px; margin-top: 0}
.fixed-indicator.unfixed .fixed-indicator-inner { top: 260px}
.fixed-indicator ul { transform: rotate(-90deg)}
.fixed-indicator ul:after { content: ""; display: block; clear: both}
.fixed-indicator ul li { float: right; margin-left: 17px}
.fixed-indicator ul li a { display: block; padding: 0 10px 7px; font-size: 14px; line-height: 14px; color: #555}
.fixed-indicator ul li a:hover, .fixed-indicator ul li a.active { position: relative; font-weight: 700; color: #000}
.fixed-indicator ul li a:hover:after, .fixed-indicator ul li a.active:after { position: absolute; bottom: -4px; right: 0; left: 0; height: 2px; background-color: #000; content: ""}
@media screen and (max-width: 1440px){
 .fixed-indicator { display: none}
 }
.club-intro-section .swiper-container { width: 100%; height: 100%}
.club-intro-section .swiper-pagination { position: relative; display: inline-block; width: auto; padding: 0 20px; color: #555; text-align: left}
.club-intro-section .swiper-pagination .swiper-pagination-total { color: #555}
.club-intro-section .swiper-pagination .swiper-pagination-current { font-weight: 700; color: #000}
.club-intro-section .swiper-button-next, .club-intro-section .swiper-button-prev { position: absolute; top: auto; z-index: 1; width: 40px; height: 40px; padding-top: 6px; border: 1px solid #dedede; border-radius: 100px; background-color: #fff; text-align: center; cursor: pointer}
.club-intro-section .swiper-button-next:before, .club-intro-section .swiper-button-next:after, .club-intro-section .swiper-button-prev:before, .club-intro-section .swiper-button-prev:after { display: inline-block; width: 1px; height: 13px; background-color: #555; content: ""}
.club-intro-section .swiper-button-next:after, .club-intro-section .swiper-button-prev:after { vertical-align: -9px; margin-left: -1px}
.club-intro-section .swiper-button-next:hover, .club-intro-section .swiper-button-prev:hover { border: 1px solid #33aeb6; background-color: #33aeb6}
.club-intro-section .swiper-button-next:hover:before, .club-intro-section .swiper-button-next:hover:after, .club-intro-section .swiper-button-prev:hover:before, .club-intro-section .swiper-button-prev:hover:after { background-color: #edf8f8}
.club-intro-section .swiper-button-next { left: 108px; padding-left: 2px}
.club-intro-section .swiper-button-next:before { transform: rotate(-45deg)}
.club-intro-section .swiper-button-next:after { transform: rotate(45deg)}
.club-intro-section .swiper-button-prev { left: 0; padding-right: 2px}
.club-intro-section .swiper-button-prev:before { transform: rotate(45deg)}
.club-intro-section .swiper-button-prev:after { transform: rotate(-45deg)}
@media screen and (max-width: 768px){
 .club-intro-section .swiper-button-next, .club-intro-section .swiper-button-prev { width: 32px; height: 32px; padding-top: 3px}
 .club-intro-section .swiper-button-next:before, .club-intro-section .swiper-button-next:after, .club-intro-section .swiper-button-prev:before, .club-intro-section .swiper-button-prev:after { height: 10px}
 .club-intro-section .swiper-button-next:after, .club-intro-section .swiper-button-prev:after { vertical-align: -7px}
 }
.club-intro-section { position: relative; max-width: 1280px; margin: 0 auto}
.club-intro-section.section-full { max-width: 100%}
.club-intro-section .section-title { display: block; font-weight: 700; font-size: 22px; line-height: 22px}
.club-intro-section .section-title-light { display: block; margin: 9px 0 32px; font-family: SpoqaHanSans-Light; font-size: 36px; line-height: 46px}
.club-intro-section .link-btn { display: inline-block; font-size: 18px; line-height: 18px}
.club-intro-section .link-btn:after { display: block; width: 100%; height: 6px; margin-top: -3px; background-color: #33aeb6; content: ""}
@media screen and (max-width: 768px){
 .club-intro-section { max-width: 100%; padding: 0}
 .club-intro-section .section-title { font-size: 14px; line-height: 14px}
 .club-intro-section .section-title-light { margin: 10px 0 18px; font-size: 21px; line-height: 26px}
 .club-intro-section .link-btn { font-size: 12px; line-height: 12px}
 .club-intro-section .link-btn:after { height: 4px; margin-top: -1px}
 }
.intro-branch-wrap { width: 2003px; height: 782px; margin: -354px -320px 0; padding-left: 320px}
.intro-branch-wrap .section-title { position: absolute; top: 365px; left: 0}
.intro-branch-wrap .branch-image { position: absolute; top: -28px; right: 0; opacity: 0}
.intro-branch-wrap .branch-content { position: relative; margin-top: 413px; opacity: 0}
.intro-branch-wrap .branch-content .section-title { display: none}
.intro-branch-wrap .branch-content .content { margin-top: -14px; line-height: 26px; color: #555}
.intro-branch-wrap .swiper-container { overflow: visible; height: auto}
.intro-branch-wrap .swiper-pagination { bottom: -28px; left: 40px}
.intro-branch-wrap .swiper-button-next, .intro-branch-wrap .swiper-button-prev { bottom: -40px}
@media screen and (max-width: 768px){
 .intro-branch-wrap { width: auto; height: auto; margin: -69px 0 0; padding-left: 0}
 .intro-branch-wrap .section-title { display: none}
 .intro-branch-wrap .branch-image { position: relative; top: auto; right: auto; width: auto; height: auto; margin-right: -82px; padding-left: 67px}
 .intro-branch-wrap .branch-image img { width: 100%; height: 100%}
 .intro-branch-wrap .branch-content { margin-top: 0; padding: 0 20px}
 .intro-branch-wrap .branch-content .section-title { position: static; display: block}
 .intro-branch-wrap .branch-content .content { margin-top: -5px; line-height: 19px}
 .intro-branch-wrap .swiper-container { padding-bottom: 45px}
 .intro-branch-wrap .swiper-slide { overflow: hidden}
 .intro-branch-wrap .swiper-pagination { bottom: -36px; left: 51px; padding: 0 17px}
 .intro-branch-wrap .swiper-button-next, .intro-branch-wrap .swiper-button-prev { bottom: 0}
 .intro-branch-wrap .swiper-button-prev { left: 20px}
 }
.intro-course-wrap { margin-top: 60px}
.course-container { margin: 0px -12px 0}
.course-container:after { content: ""; display: block; clear: both}
.course-container .swiper-container { padding-top: 40px}
.course-container .swiper-slide { width: auto; padding: 0 12px}
.course-container .swiper-slide:nth-child(even) { padding-top: 80px}
.course-container .intro-course-item { display: block; position: relative}
.course-container .intro-course-item .course-image { position: relative}
.course-container .intro-course-item .course-image:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(transparent 50%, #000); content: ""}
.course-container .intro-course-item .course-content { position: absolute; right: 0; bottom: 0; left: 0; padding: 0 30px 40px}
.course-container .intro-course-item .course-content .title { margin-bottom: 14px}
.course-container .intro-course-item .course-content .title span { display: inline-block; font-size: 22px; line-height: 22px; color: #fff}
.course-container .intro-course-item .course-content .title span:before { display: inherit; width: 1px; height: 18px; margin: 0 10px; background-color: #fff; opacity: .3; content: ""}
.course-container .intro-course-item .course-content .title span:first-child:before { display: none}
.course-container .intro-course-item .course-content .content { line-height: 26px; color: #eee}
@media screen and (max-width: 768px){
 .course-container { margin: 0 -10px 0}
 .intro-course-wrap { margin-top: 60px; padding: 0 20px}
 .course-container .swiper-slide { padding: 0 10px}
 .course-container .swiper-slide:nth-child(even) { padding-top: 50px}
 .course-container .intro-course-item { overflow: hidden; width: 215px; height: 300px}
 .course-container .intro-course-item .course-image { height: 100%}
 .course-container .intro-course-item .course-image:before { opacity: .5}
 .course-container .intro-course-item .course-image img { height: 100%}
 .course-container .intro-course-item .course-content { padding: 0 15px 20px 20px}
 .course-container .intro-course-item .course-content .title { margin-bottom: 9px}
 .course-container .intro-course-item .course-content .title span { display: block; margin-bottom: 7px; font-size: 18px; line-height: 18px}
 .course-container .intro-course-item .course-content .title span:before { display: none}
 .course-container .intro-course-item .course-content .content { line-height: 20px}
 }
.intro-facility-wrap { background-color: #9f9893}
.intro-facility-wrap .facility-container { position: relative; max-width: 1280px; margin: 0 auto}
.intro-facility-wrap .facility-container .facility-box { display: block; width: 1920px; height: 240px; margin: 100px -320px 0; padding-left: 320px}
.intro-facility-wrap .facility-container .facility-image { margin-left: -320px}
.intro-facility-wrap .facility-container .facility-image-mobile { display: none}
.intro-facility-wrap .facility-container .facility-content { position: absolute; top: 0; bottom: 0; left: 0}
.intro-facility-wrap .facility-container .facility-content:after { display: inline-block; height: 100%; vertical-align: middle; content: ""}
.intro-facility-wrap .facility-container .facility-content .content-box { display: inline-block; vertical-align: middle}
.intro-facility-wrap .facility-container .facility-content .title { position: relative; font-family: SpoqaHanSans-Light; font-size: 36px; line-height: 36px; color: #fff}
.intro-facility-wrap .facility-container .facility-content .title:before, .intro-facility-wrap .facility-container .facility-content .title:after { position: absolute; right: -25px; display: inline-block; width: 1px; height: 21px; background-color: #fff; content: ""}
.intro-facility-wrap .facility-container .facility-content .title:before { top: calc(50% - 17px); transform: rotate(-45deg)}
.intro-facility-wrap .facility-container .facility-content .title:after { bottom: calc(50% - 18px); transform: rotate(-135deg)}
.intro-facility-wrap .facility-container .facility-content .content { display: block; margin-top: 20px; font-size: 18px; line-height: 18px; color: #eee}
@media screen and (max-width: 768px){
 .intro-facility-wrap .facility-container { width: auto; height: 100%}
 .intro-facility-wrap .facility-container .facility-box { width: auto; height: auto; margin: 60px 0 0; padding-left: 0}
 .intro-facility-wrap .facility-container .facility-image { display: none}
 .intro-facility-wrap .facility-container .facility-image-mobile { display: block}
 .intro-facility-wrap .facility-container .facility-image-mobile img { width: 100%}
 .intro-facility-wrap .facility-container .facility-content .content-box { padding-left: 20px}
 .intro-facility-wrap .facility-container .facility-content .title { font-size: 20px; line-height: 20px}
 .intro-facility-wrap .facility-container .facility-content .title:before, .intro-facility-wrap .facility-container .facility-content .title:after { right: -16px; height: 11px}
 .intro-facility-wrap .facility-container .facility-content .title:before { top: calc(50% - 9px)}
 .intro-facility-wrap .facility-container .facility-content .title:after { bottom: calc(50% - 10px)}
 .intro-facility-wrap .facility-container .facility-content .content { margin-top: 11px; font-size: 14px; line-height: 19px}
 }
.intro-event-wrap { width: 1920px; margin: 100px -320px 0; padding-left: 320px}
.intro-event-wrap .title-area { position: absolute; top: 0; left: 0; z-index: 10}
.intro-event-wrap .event-container { position: relative; padding-left: 380px}
.intro-event-wrap .event-container .intro-event-item { display: block}
.intro-event-wrap .event-container .intro-event-item img { transition: all .3s ease-out; border-radius: 50%}
.intro-event-wrap .event-container .intro-event-item:hover img { transform: scale(1.1)}
@media screen and (max-width: 768px){
 .intro-event-wrap .event-container .intro-event-item:hover img { transform: none; transition: none}
 }
.intro-event-wrap .event-container .event-image { position: relative; width: 280px; height: 280px; overflow: hidden; border-radius: 50%}
.intro-event-wrap .event-container .event-image img { width: 100%; height: 100%; border-radius: 50%}
.intro-event-wrap .event-container .event-image .label-event { position: absolute; right: 0; bottom: -5px; left: 0; text-align: center}
.intro-event-wrap .event-container .event-image .label-event em { display: inline-block; min-width: 110px; height: 30px; padding: 7px 14px; border: 1px solid #da291c; border-radius: 20px; background-color: #fff; font-size: 14px; line-height: 14px; color: #da291c; text-align: center}
.intro-event-wrap .event-container .event-content { width: 280px; margin-top: 20px; text-align: center}
.intro-event-wrap .event-container .event-content .title { display: block; font-weight: 700; font-size: 20px; line-height: 20px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; line-height: 1.6}
.intro-event-wrap .event-container .event-content .content { margin-top: 12px; color: #555}
.intro-event-wrap .event-container .event-content .label-event { display: block; margin-top: 15px; text-align: center}
.intro-event-wrap .event-container .event-content .label-event em { display: inline-block; min-width: 110px; height: 30px; padding: 7px 14px; border: 1px solid #da291c; border-radius: 20px; background-color: #fff; font-size: 14px; line-height: 14px; color: #da291c; text-align: center}
.intro-event-wrap .event-container .swiper-slide { width: auto; padding: 0 20px}
.intro-event-wrap .event-container .swiper-pagination { position: absolute; top: 238px; bottom: auto; left: 40px}
.intro-event-wrap .event-container .swiper-button-next, .intro-event-wrap .event-container .swiper-button-prev { top: 248px}
@media screen and (max-width: 768px){
 .intro-event-wrap { width: auto; margin: 60px 0 0; padding-left: 20px}
 .intro-event-wrap .title-area { position: static}
 .intro-event-wrap .event-container { margin: 25px 0 0 -10px; padding-left: 0}
 .intro-event-wrap .event-container .event-image { position: relative; width: 180px; height: 180px}
 .intro-event-wrap .event-container .event-image .label-event { bottom: -3px}
 .intro-event-wrap .event-container .event-image .label-event em { min-width: 88px; height: 24px; padding: 5px 10px; border-radius: 12px; font-size: 12px; line-height: 12px}
 .intro-event-wrap .event-container .event-content { width: 180px}
 .intro-event-wrap .event-container .event-content .title { font-size: 14px; line-height: 14px; line-height: 1.4}
 .intro-event-wrap .event-container .event-content .content { margin-top: 10px; font-size: 12px; line-height: 12px}
 .intro-event-wrap .event-container .event-content .label-event { margin-top: 10px}
 .intro-event-wrap .event-container .event-content .label-event em { min-width: 88px; height: 24px; padding: 5px 10px; border-radius: 12px; font-size: 12px; line-height: 12px}
 .intro-event-wrap .event-container .swiper-slide { padding: 0 10px}
 .intro-event-wrap .event-container .swiper-pagination { display: none}
 .intro-event-wrap .event-container .swiper-button-next, .intro-event-wrap .event-container .swiper-button-prev { top: -35px; right: 20px; left: auto}
 .intro-event-wrap .event-container .swiper-button-prev { right: 62px}
 }
.intro-package-wrap { width: 1920px; margin: 100px -320px 0; padding-left: 320px}
.intro-package-wrap .title-area { position: absolute; top: 0; left: 0; z-index: 10}
.intro-package-wrap .package-container { position: relative; padding-left: 390px}
.intro-package-wrap .package-container .intro-package-item { display: block}
.intro-package-wrap .package-container .intro-package-item:hover img { transform: scale(1.1)}
.intro-package-wrap .package-container .package-image { width: 305px; height: 206px; overflow: hidden}
.intro-package-wrap .package-container .package-image img { width: 100%; height: 100%; transition: all .3s ease-out}
.intro-package-wrap .package-container .package-content { width: 305px; padding: 25px; border: 1px solid #eee; border-top: 0}
.intro-package-wrap .package-container .package-content .title { display: block; font-weight: 700; font-size: 20px; line-height: 20px; text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden}
.intro-package-wrap .package-container .package-content .content { margin-top: 12px}
.intro-package-wrap .package-container .package-content .content .date { color: #555}
.intro-package-wrap .package-container .package-content .content .price-area { margin-top: 20px; text-align: right}
.intro-package-wrap .package-container .package-content .content .person-price { margin-right: 10px; font-size: 15px; line-height: 22px; color: #555}
.intro-package-wrap .package-container .package-content .content .price { font-size: 20px; line-height: 22px; color: #da291c}
.intro-package-wrap .package-container .package-content .content .price em { font-size: 22px; line-height: inherit; color: inherit}
.intro-package-wrap .package-container .swiper-slide { width: auto; padding: 0 10px}
.intro-package-wrap .package-container .swiper-pagination { position: absolute; top: 238px; bottom: auto; left: 40px}
.intro-package-wrap .package-container .swiper-button-next, .intro-package-wrap .package-container .swiper-button-prev { top: 248px}
@media screen and (max-width: 768px){
 .intro-package-wrap { width: auto; margin: 60px 0 0; padding-left: 20px}
 .intro-package-wrap .title-area { position: static}
 .intro-package-wrap .package-container { margin: 25px 0 0 -10px; padding-left: 0}
 .intro-package-wrap .package-container .package-image { position: relative; width: 180px; height: 153px}
 .intro-package-wrap .package-container .package-content { width: 180px; padding: 20px 10px 20px 10px}
 .intro-package-wrap .package-container .package-content .title { font-weight: 700; font-size: 14px; line-height: 14px; line-height: 1.4}
 .intro-package-wrap .package-container .package-content .content { margin-top: 7px}
 .intro-package-wrap .package-container .package-content .content .date { font-size: 12px; line-height: 12px}
 .intro-package-wrap .package-container .package-content .content .price-area { margin-top: 12px}
 .intro-package-wrap .package-container .package-content .content .person-price { margin-right: 3px; font-size: 11px; line-height: 14px}
 .intro-package-wrap .package-container .package-content .content .price { font-size: 13px; line-height: 14px}
 .intro-package-wrap .package-container .package-content .content .price em { font-size: 13px}
 .intro-package-wrap .package-container .swiper-slide { padding: 0 10px}
 .intro-package-wrap .package-container .swiper-pagination { display: none}
 .intro-package-wrap .package-container .swiper-button-next, .intro-package-wrap .package-container .swiper-button-prev { top: -35px; right: 20px; left: auto}
 .intro-package-wrap .package-container .swiper-button-prev { right: 62px}
 }
.intro-way-wrap { margin: 100px 0 170px}
@media screen and (max-width: 768px){
 .intro-way-wrap { margin: 60px 0 65px; padding: 0 20px}
 }
.club-facility-wrap { margin-top: 65px}
@media screen and (max-width: 768px){
 .club-facility-wrap { margin-top: 0}
 }
.club-facility-wrap .swiper-container { width: 100%; height: 100%}
.club-facility-wrap .swiper-pagination { right: 40px; bottom: 12px; left: auto; width: auto; padding: 0 20px; color: #555; text-align: left}
.club-facility-wrap .swiper-pagination .swiper-pagination-total { color: #555}
.club-facility-wrap .swiper-pagination .swiper-pagination-current { font-weight: 700; color: #000}
.club-facility-wrap .swiper-button-next, .club-facility-wrap .swiper-button-prev { top: auto; bottom: 0; width: 40px; height: 40px; padding-top: 6px; border: 1px solid #dedede; border-radius: 100px; background-color: #fff; text-align: center; cursor: pointer}
.club-facility-wrap .swiper-button-next:before, .club-facility-wrap .swiper-button-next:after, .club-facility-wrap .swiper-button-prev:before, .club-facility-wrap .swiper-button-prev:after { display: inline-block; width: 1px; height: 13px; background-color: #888; content: ""}
.club-facility-wrap .swiper-button-next:after, .club-facility-wrap .swiper-button-prev:after { vertical-align: -9px; margin-left: -1px}
.club-facility-wrap .swiper-button-next:hover, .club-facility-wrap .swiper-button-prev:hover { border: 1px solid #33aeb6; background-color: #33aeb6}
.club-facility-wrap .swiper-button-next:hover:before, .club-facility-wrap .swiper-button-next:hover:after, .club-facility-wrap .swiper-button-prev:hover:before, .club-facility-wrap .swiper-button-prev:hover:after { background-color: #edf8f8}
.club-facility-wrap .swiper-button-next { right: 0; padding-left: 2px}
.club-facility-wrap .swiper-button-next:before { transform: rotate(-45deg)}
.club-facility-wrap .swiper-button-next:after { transform: rotate(45deg)}
.club-facility-wrap .swiper-button-prev { right: 110px; left: auto; padding-right: 2px}
.club-facility-wrap .swiper-button-prev:before { transform: rotate(45deg)}
.club-facility-wrap .swiper-button-prev:after { transform: rotate(-45deg)}
@media screen and (max-width: 768px){
 .club-facility-wrap .swiper-pagination { right: 32px; bottom: 9px; padding: 0 14px}
 .club-facility-wrap .swiper-pagination .swiper-pagination-total, .club-facility-wrap .swiper-pagination .swiper-pagination-current { font-size: 13px}
 .club-facility-wrap .swiper-button-next, .club-facility-wrap .swiper-button-prev { width: 32px; height: 32px; margin-top: 0; padding-top: 3px}
 .club-facility-wrap .swiper-button-next:before, .club-facility-wrap .swiper-button-next:after, .club-facility-wrap .swiper-button-prev:before, .club-facility-wrap .swiper-button-prev:after { height: 10px}
 .club-facility-wrap .swiper-button-next:after, .club-facility-wrap .swiper-button-prev:after { vertical-align: -7px}
 .club-facility-wrap .swiper-button-prev { right: 83px}
 }
.club-facility-box { position: relative; min-height: 603px; margin-bottom: 40px; padding: 23px 0 100px; border-bottom: 1px solid #eee}
.club-facility-box:after { content: ""; display: block; clear: both}
.club-facility-box:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: 0}
.club-facility-box.left .number { left: 30px}
.club-facility-box.left .facility-image { left: 0}
.club-facility-box.left .facility-content { padding-left: 520px}
.club-facility-box.right .number { right: 402px}
.club-facility-box.right .facility-image { right: 0}
.club-facility-box.right .facility-content { padding-right: 520px}
.club-facility-box .number { position: absolute; top: -8px; z-index: 2; font-weight: 700; font-size: 42px; line-height: 42px}
.club-facility-box .facility-image { position: absolute; top: 23px; width: 480px; height: 540px}
.club-facility-box .facility-image .swiper-container .swiper-wrapper .swiper-slide img { width: 100%}
@media screen and (max-width: 768px){
 .club-facility-box { min-height: auto; margin-bottom: 40px; padding: 16px 0 40px}
 .club-facility-box.left .number, .club-facility-box.right .number { top: -4px; right: auto; left: 20px}
 .club-facility-box.left .facility-image .swiper-container, .club-facility-box.right .facility-image .swiper-container { padding-bottom: 55px}
 .club-facility-box.left .facility-content, .club-facility-box.right .facility-content { margin-top: -55px; padding-right: 0; padding-left: 0}
 .club-facility-box .number { font-size: 30px; line-height: 30px}
 .club-facility-box .facility-image { position: relative; top: 0; width: 100%; height: 100%}
 .club-facility-box .facility-image .swiper-slide { padding-bottom: 100%}
 .club-facility-box .facility-image .swiper-slide img { position: absolute; top: 0; left: 0; width: 100%; height: 100%}
 }
.club-facility-box .facility-content { padding-top: 60px}
.club-facility-box .facility-content .title { font-family: SpoqaHanSans-Light; font-size: 36px; line-height: 36px}
.club-facility-box .facility-content .title .bt-small { margin-left: 21px; vertical-align: top}
.club-facility-box .facility-content .content { margin-top: 22px}
.club-facility-box .facility-content .content .text { font-size: 16px; line-height: 26px; color: #555}
.club-facility-box .facility-content .content .text+.text { margin-top: 26px}
.club-facility-box .facility-content .add-content { margin-top: 35px}
.club-facility-box .facility-content .add-content dt { font-weight: 700}
.club-facility-box .facility-content .add-content dt~dt { margin-top: 14px}
.club-facility-box .facility-content .add-content dd { margin-top: 4px; font-size: 16px; line-height: 26px; color: #555}
.club-facility-box .facility-content .facility-info { margin-top: 32px}
.club-facility-box .facility-content .facility-info li { margin-top: 15px}
.club-facility-box .facility-content .facility-info li:first-child { margin-top: 0}
.club-facility-box .facility-content .facility-info li i[class^=icon-] { display: inline-block; margin-right: 9px; vertical-align: -3px}
.club-facility-box .facility-content .facility-down-wrap { margin-top: 20px}
.club-facility-box .facility-content .facility-down-wrap .tit { margin-bottom: 22px; font-weight: 700}
.club-facility-box .facility-content .facility-down-wrap .button-small span { display: inline-block; font-size: 16px}
.club-facility-box .facility-content .facility-down-wrap .button-small i { margin-left: 15px; height: 16px; vertical-align: bottom}
@media screen and (max-width: 768px){
 .club-facility-box .facility-content { padding-top: 27px}
 .club-facility-box .facility-content .title { font-size: 24px; line-height: 24px; padding-right: 120px; display: inline-block}
 .club-facility-box .facility-content .title .bt-small { display: block; width: 136px; margin: 25px 0 0 0; padding: 8.5px 0}
 .club-facility-box .facility-content .content { margin-top: 22px}
 .club-facility-box .facility-content .content .text { font-size: 13px; line-height: 19px}
 .club-facility-box .facility-content .content .text+.text { margin-top: 9px}
 .club-facility-box .facility-content .add-content { margin-top: 22px}
 .club-facility-box .facility-content .add-content dt { font-size: 13px; line-height: 13px}
 .club-facility-box .facility-content .add-content dt~dt { margin-top: 11px}
 .club-facility-box .facility-content .add-content dd { font-size: 13px; line-height: 19px}
 .club-facility-box .facility-content .facility-info { margin-top: 22px}
 .club-facility-box .facility-content .facility-info li { margin-top: 10px; font-size: 13px; line-height: 13px}
 .club-facility-box .facility-content .facility-info li:first-child { margin-top: 0}
 .club-facility-box .facility-content .facility-info li i[class^=icon-] { vertical-align: -3px}
 .club-facility-box .facility-content .facility-down-wrap { margin-top: 25px}
 .club-facility-box .facility-content .facility-down-wrap .tit { margin-bottom: 15px}
 .club-facility-box .facility-content .facility-down-wrap .button-small span { font-size: 14px}
 .club-facility-box .facility-content .facility-down-wrap .button-small i { margin-left: 7.5px; height: 14px}
 }
.proshop-product-wrap .list-sort .total-count { padding-top: 0}
.proshop-product-wrap .list-sort .total-count strong { color: #da291c}
.proshop-product-wrap .no-data-box { margin-top: 20px}
.proshop-product-wrap .btn-area-r.proshop { margin-top: -37px}
@media screen and (max-width: 768px){
 .proshop-product-wrap { padding-bottom: 55px}
 .proshop-product-wrap .page-navi { margin-top: 68px}
 .proshop-product-wrap .btn-area-r.proshop { margin-top: -86px}
 }
.proshop-product-box { position: relative; overflow: hidden; border-top: 2px solid #555; border-bottom: 1px solid #eee}
.proshop-product-box:after { position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #fff; content: ""}
.proshop-product-list { margin: 0 -20px}
.proshop-product-list:after { content: ""; display: block; clear: both}
.proshop-product-list .product-item { float: left; width: 25%; padding: 40px 20px; border-bottom: 1px solid #eee}
.proshop-product-list .product-item a { display: block}
.proshop-product-list .product-item .product-image { position: relative; overflow: hidden; width: 100%; padding-bottom: 69%}
.proshop-product-list .product-item .product-image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%}
.proshop-product-list .product-item .product-content { margin-top: 20px}
.proshop-product-list .product-item .product-content .title { text-overflow: ellipsis; white-space: nowrap; word-wrap: normal; overflow: hidden; font-size: 18px; line-height: 18px}
.proshop-product-list .product-item .product-content .price-area { margin-top: 20px; text-align: right}
.proshop-product-list .product-item .product-content .price-area .discount { margin-right: 10px; color: #999; text-decoration: line-through}
.proshop-product-list .product-item .product-content .price-area .price { font-weight: 700; font-size: 18px; line-height: 18px; color: #da291c}
@media screen and (max-width: 1024px){
 .proshop-product-list .product-item { width: 33.33%}
 }
@media screen and (max-width: 768px){
 .proshop-product-list { margin: 0 -10px; border-bottom: 0}
 .proshop-product-list .product-box { border-bottom: 1px solid #eee}
 .proshop-product-list .product-box:after { content: ""; display: block; clear: both}
 .proshop-product-list .product-item { width: 50%; padding: 30px 10px}
 .proshop-product-list .product-item .product-content { margin-top: 15px}
 .proshop-product-list .product-item .product-content .title { font-size: 14px; line-height: 14px}
 .proshop-product-list .product-item .product-content .price-area { margin-top: 11px}
 .proshop-product-list .product-item .product-content .price-area .discount { display: block; margin: 0 0 9px; font-size: 12px; line-height: 12px}
 .proshop-product-list .product-item .product-content .price-area .price { font-size: 14px; line-height: 14px}
 }
.proshop-product-detail.detail-area .detail-title { padding: 30px 0}
.proshop-product-detail .detail-title { display: table; width: 100%}
.proshop-product-detail .detail-title .detail-title-image { display: table-cell; width: 200px}
.proshop-product-detail .detail-title .detail-title-image .image img { width: 100%}
.proshop-product-detail .detail-title .detail-title-info { display: table-cell; padding-left: 40px; vertical-align: middle}
.proshop-product-detail .detail-title .detail-title-info .title { margin-top: 0}
.proshop-product-detail .detail-title .detail-title-info .text { margin-top: 20px}
.proshop-product-detail .detail-title .detail-title-info .price-area { margin-top: 40px}
.proshop-product-detail .detail-title .detail-title-info .price-area .discount { display: inline-block; margin-right: 15px; font-size: 18px; line-height: 18px; color: #999; text-decoration: line-through}
.proshop-product-detail .detail-title .detail-title-info .price-area .price { display: inline-block; margin-top: 0; font-weight: 700; font-size: 22px; line-height: 22px; color: #da291c}
@media screen and (max-width: 768px){
 .proshop-product-detail.detail-area { margin: -30px 0 30px; border-top: 1px solid #555}
 .proshop-product-detail.detail-area .detail-contents { padding: 30px 0}
 .proshop-product-detail .detail-title { padding: 20px 0}
 .proshop-product-detail .detail-title .detail-title-image { width: 120px}
 .proshop-product-detail .detail-title .detail-title-info { padding-left: 20px}
 .proshop-product-detail .detail-title .detail-title-info .title { font-size: 15px; line-height: 21px}
 .proshop-product-detail .detail-title .detail-title-info .text { margin-top: 5px; font-size: 13px}
 .proshop-product-detail .detail-title .detail-title-info .price-area { margin-top: 10px}
 .proshop-product-detail .detail-title .detail-title-info .price-area .discount { margin-right: 7px; font-size: 12px; line-height: 12px}
 .proshop-product-detail .detail-title .detail-title-info .price-area .price { font-size: 14px; line-height: 14px}
 }
.facility-list li { position: relative; font-size: 16px; color: #555; padding-left: 20px; margin-bottom: 10px}
.facility-list li:first-child { margin-top: 0}
.facility-list li a { font-size: 16px; color: #555}
.facility-list li span, .facility-list li strong { display: block; margin-bottom: 10px}
.facility-list li span { color: #555}
.facility-list li strong { font-weight: bold}
.facility-list li.dots::before { position: absolute; content: "•"; top: -1px; left: 7px; width: auto; height: auto}
.facility-list li::before { position: absolute; content: ""; top: 2px; left: 2px; background-repeat: no-repeat; background-position: center; background-size: contain}
.facility-list li::before { width: 14px; height: 14px}
.facility-list li.price::before { background-image: url("../image/seo-icon01.webp")}
.facility-list li.info::before { background-image: url("../image/seo-icon02.webp")}
.facility-list li.menu::before { background-image: url("../image/seo-icon03.webp")}
.facility-list li.time::before { background-image: url("../image/seo-icon04.webp")}
.facility-list li.loc::before { background-image: url("../image/seo-icon05.webp")}
.facility-list li.tel::before { background-image: url("../image/seo-icon06.webp")}
.facility-list li.seats::before { background-image: url("../image/seo-icon07.webp")}
.facility-list li.land::before { background-image: url("../image/seo-icon08.webp")}
.facility-list li .list-box li { padding-left: 14px}
.facility-list .list-box li.dots::before { left: 4px}
.facility-list+.facility-list { margin-top: 10px}
.facility-list li.tel a { text-decoration: underline; letter-spacing: -0.04em}
@media screen and (max-width: 768px){
 .facility-list li, .facility-list li a { font-size: 13px}
 .facility-list li { padding-left: 18px}
 .facility-list li .list-box li { padding-left: 10px}
 .facility-list li::before { width: 12px; height: 12px; top: 1px}
 }
.club-course-area { max-width: 1920px; margin: -100px auto 0}
.club-course-area .club-course-map { max-width: 1280px; margin: 0 auto; height: 820px; position: relative}
.club-course-area .club-course-map .course-info { position: absolute; left: 0; top: 0; z-index: 10}
.club-course-area .club-course-map .course-info ul:after { content: ""; display: block; clear: both}
.club-course-area .club-course-map .course-info ul li { float: left; padding: 0 30px; position: relative}
.club-course-area .club-course-map .course-info ul li::after { content: ""; border-left: 1px #ddd solid; position: absolute; right: 0; top: 0; bottom: 0}
.club-course-area .club-course-map .course-info ul li:first-child { padding-left: 0}
.club-course-area .club-course-map .course-info ul li:last-child::after { display: none}
.club-course-area .club-course-map .course-info ul li span { display: block; font-size: 36px; line-height: 36px}
.club-course-area .club-course-map .course-info ul li span em { font-size: 16px; line-height: 16px; display: inline-block; padding-left: 5px}
.club-course-area .club-course-map .course-info ul li strong { display: block; padding-top: 15px}
.club-course-area .club-course-map .horizontal-scroll-area { position: absolute; z-index: 20}
.club-course-area .club-course-map .horizontal-scroll-area.overflow-hidden { overflow-x: hidden}
.club-course-area .club-course-map .horizontal-scroll-area .img { display: block}
@media screen and (max-width: 768px){
 .club-course-area .club-course-map .horizontal-scroll-area .courseBox { display: none}
 }
.club-course-area .club-course-map .course-area { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 10}
.club-course-area .club-course-map .course-area div { position: absolute; width: 260px; height: 160px; padding: 50px 0 0 30px}
.club-course-area .club-course-map .course-area div strong { font-size: 22px; line-height: 22px; color: #fff; display: block; padding-bottom: 15px}
.club-course-area .club-course-map .course-area div strong::after { content: ""; background-image: url("data:image/svg+xml; charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='12px' height='20px'%3e%3cpath fill-rule='evenodd' stroke='rgb(255, 255, 255)' stroke-width='2px' stroke-linecap='round' stroke-linejoin='round' fill='none' d='M2.020,16.999 L9.006,9.986 L2.020,2.972 '/%3e%3c/svg%3e"); background-size: 100% 100%; display: inline-block; width: 12px; height: 20px; margin: 0 10px; vertical-align: -2px}
.club-course-area .club-course-map .course-area div span { display: inline-block; width: 28px; height: 28px; border: 1px #555 solid; background-color: #fff; border-radius: 50px; text-align: center; padding-top: 5px; font-size: 14px; line-height: 14px; color: #555}
.club-course-area .club-course-map .course-area div em { color: #fff; font-weight: bold; display: inline-block; margin-left: 3px}
.club-course-area .club-course-map .course-area div i { color: #fff; display: inline-block; margin: 0 3px}
.club-course-area .club-course-map .course-area div.jeju-sky, .club-course-area .club-course-map .course-area div.gimhae-sky, .club-course-area .club-course-map .course-area div.buyeo-sky { background-color: #a59280}
.club-course-area .club-course-map .course-area div.jeju-hill, .club-course-area .club-course-map .course-area div.gimhae-hill, .club-course-area .club-course-map .course-area div.buyeo-hill { background-color: #555}
.club-course-area .club-course-map .course-area div.jeju-hill span, .club-course-area .club-course-map .course-area div.gimhae-hill span, .club-course-area .club-course-map .course-area div.buyeo-hill span { background-color: #000; color: #fff}
.club-course-area .club-course-map .course-area div.jeju-ocean { background-color: #eee}
.club-course-area .club-course-map .course-area div.jeju-ocean span { color: #fff; background-color: #4f77db; border-color: #4f77db}
.club-course-area .club-course-map .course-area div.jeju-ocean strong::after { background-image: url("data:image/svg+xml; charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='12px' height='20px'%3e%3cpath fill-rule='evenodd' stroke='rgb(0, 0, 0)' stroke-width='2px' stroke-linecap='round' stroke-linejoin='round' fill='none' d='M2.020,16.999 L9.006,9.986 L2.020,2.972 '/%3e%3c/svg%3e")}
.club-course-area .club-course-map .course-area div.jeju-ocean strong, .club-course-area .club-course-map .course-area div.jeju-ocean i, .club-course-area .club-course-map .course-area div.jeju-ocean em { color: #555}
.club-course-area .club-course-map .course-area div.jeju-forest { background-color: #eee}
.club-course-area .club-course-map .course-area div.jeju-forest span { color: #000; background-color: #ffe13c; border-color: #ffe13c}
.club-course-area .club-course-map .course-area div.jeju-forest strong::after { background-image: url("data:image/svg+xml; charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='12px' height='20px'%3e%3cpath fill-rule='evenodd' stroke='rgb(0, 0, 0)' stroke-width='2px' stroke-linecap='round' stroke-linejoin='round' fill='none' d='M2.020,16.999 L9.006,9.986 L2.020,2.972 '/%3e%3c/svg%3e")}
.club-course-area .club-course-map .course-area div.jeju-forest strong, .club-course-area .club-course-map .course-area div.jeju-forest i, .club-course-area .club-course-map .course-area div.jeju-forest em { color: #555}
.club-course-area .club-course-map .course-area div.jeju-sky { left: 0; top: 192px}
.club-course-area .club-course-map .course-area div.jeju-hill { left: 1020px; top: 55px; padding: 50px 30px 0 0; text-align: right}
.club-course-area .club-course-map .course-area div.jeju-hill strong:before { content: ""; background-image: url("data:image/svg+xml; charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='12px' height='20px'%3e%3cpath fill-rule='evenodd' stroke='rgb(255, 255, 255)' stroke-width='2px' stroke-linecap='round' stroke-linejoin='round' fill='none' d='M2.020,16.999 L9.006,9.986 L2.020,2.972 '/%3e%3c/svg%3e"); background-size: 100% 100%; display: inline-block; width: 12px; height: 20px; margin: 0 10px; vertical-align: -2px; transform: rotate(180deg)}
.club-course-area .club-course-map .course-area div.jeju-hill strong:after { display: none}
.club-course-area .club-course-map .course-area div.jeju-ocean { left: 0; top: 519px}
.club-course-area .club-course-map .course-area div.jeju-forest { left: 1020px; top: 355px; padding: 50px 30px 0 0; text-align: right}
.club-course-area .club-course-map .course-area div.jeju-forest strong:before { content: ""; background-image: url("data:image/svg+xml; charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='12px' height='20px'%3e%3cpath fill-rule='evenodd' stroke='rgb(0, 0, 0)' stroke-width='2px' stroke-linecap='round' stroke-linejoin='round' fill='none' d='M2.020,16.999 L9.006,9.986 L2.020,2.972 '/%3e%3c/svg%3e"); background-size: 100% 100%; display: inline-block; width: 12px; height: 20px; margin: 0 10px; vertical-align: -2px; transform: rotate(180deg)}
.club-course-area .club-course-map .course-area div.jeju-forest strong:after { display: none}
.club-course-area .club-course-map .course-area div.gimhae-sky { left: 0; top: 335px}
.club-course-area .club-course-map .course-area div.gimhae-hill { left: 1020px; top: 55px; padding: 50px 30px 0 0; text-align: right}
.club-course-area .club-course-map .course-area div.gimhae-hill strong:before { content: ""; background-image: url("data:image/svg+xml; charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='12px' height='20px'%3e%3cpath fill-rule='evenodd' stroke='rgb(255, 255, 255)' stroke-width='2px' stroke-linecap='round' stroke-linejoin='round' fill='none' d='M2.020,16.999 L9.006,9.986 L2.020,2.972 '/%3e%3c/svg%3e"); background-size: 100% 100%; display: inline-block; width: 12px; height: 20px; margin: 0 10px; vertical-align: -2px; transform: rotate(180deg)}
.club-course-area .club-course-map .course-area div.gimhae-hill strong:after { display: none}
.club-course-area .club-course-map .course-area div.buyeo-sky { left: 1000px; top: 321px; width: 280px; padding: 50px 30px 0 0; text-align: right}
.club-course-area .club-course-map .course-area div.buyeo-sky strong:before { content: ""; background-image: url("data:image/svg+xml; charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='12px' height='20px'%3e%3cpath fill-rule='evenodd' stroke='rgb(255, 255, 255)' stroke-width='2px' stroke-linecap='round' stroke-linejoin='round' fill='none' d='M2.020,16.999 L9.006,9.986 L2.020,2.972 '/%3e%3c/svg%3e"); background-size: 100% 100%; display: inline-block; width: 12px; height: 20px; margin: 0 10px; vertical-align: -2px; transform: rotate(180deg)}
.club-course-area .club-course-map .course-area div.buyeo-sky strong:after { display: none}
.club-course-area .club-course-map .course-area div.buyeo-hill { left: 0; top: 459px; width: 280px}
.club-course-area .club-course-map [class^=sb-] { position: absolute; width: 260px; height: 160px; padding: 50px 0 0 40px; cursor: pointer}
.club-course-area .club-course-map .sb-jeju-sky { left: 0; top: 192px}
.club-course-area .club-course-map .sb-jeju-hill { left: 1020px; top: 55px}
.club-course-area .club-course-map .sb-jeju-ocean { left: 0; top: 519px}
.club-course-area .club-course-map .sb-jeju-forest { left: 1020px; top: 355px}
.club-course-area .club-course-map .sb-gimhae-sky { left: 0; top: 335px}
.club-course-area .club-course-map .sb-gimhae-hill { left: 1020px; top: 55px}
.club-course-area .club-course-map .sb-buyeo-sky { left: 1000px; top: 321px; width: 280px}
.club-course-area .club-course-map .sb-buyeo-hill { left: 0; top: 459px; width: 280px}
.club-course-area .club-course-map .compass-jeju { position: absolute; right: 0; bottom: 80px; z-index: 10; background: url("../image/compass-jeju.png") no-repeat left top; width: 76px; height: 73px; display: block}
.club-course-area .club-course-map .compass-gimhae { position: absolute; right: 0; bottom: 80px; z-index: 10; background: url("../image/compass-gimhae.png") no-repeat left top; width: 76px; height: 73px; display: block}
.club-course-area .club-course-map .compass-buyeo { position: absolute; right: 0; bottom: 80px; z-index: 10; background: url("../image/compass-buyeo.png") no-repeat left top; width: 76px; height: 73px; display: block}
.club-course-area .course-hole-area { background-color: #33aeb6}
.club-course-area .course-hole-area .contents { max-width: 1280px; margin: 0 auto; height: 90px; position: relative}
.club-course-area .course-hole-area .contents h2 { position: relative; font-size: 18px; line-height: 26px; color: #fff; padding: 23px 0 0 20px; background-color: #298b92; width: 155px; height: 90px; cursor: pointer}
.club-course-area .course-hole-area .contents h2::after { content: ""; background-image: url("data:image/svg+xml; charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='29px' height='29px'%3e%3cpath fill-rule='evenodd' opacity='0.2' fill='rgb(0, 0, 0)' d='M14.000,-0.000 C21.732,-0.000 28.000,6.268 28.000,14.000 C28.000,21.732 21.732,28.000 14.000,28.000 C6.268,28.000 -0.000,21.732 -0.000,14.000 C-0.000,6.268 6.268,-0.000 14.000,-0.000 Z'/%3e%3cpath fill-rule='evenodd' stroke='rgb(255, 255, 255)' stroke-width='2px' stroke-linecap='round' stroke-linejoin='round' fill='none' d='M20.001,11.338 L14.001,17.000 L8.001,11.338 '/%3e%3c/svg%3e"); background-size: 100% 100%; display: inline-block; background-color: rgba(0, 0, 0, 0); width: 29px; height: 29px; position: absolute; bottom: 13px; right: 20px}
.club-course-area .course-hole-area .contents h2[data-state=active]::after { transform: rotate(180deg)}
.club-course-area .course-hole-area .contents .course-select-bx { position: absolute; left: 0; top: 90px; z-index: 10; width: 155px; background-color: #298b92; display: none}
.club-course-area .course-hole-area .contents .course-select-bx li { color: #fff; padding: 17px 0 17px 20px; border-top: 1px #257d83 solid; border-bottom: 1px #257d83 solid; margin: -1px 0; cursor: pointer}
.club-course-area .course-hole-area .contents .course-select-bx li.active { border-top: 1px #217076 solid; border-bottom: 1px #217076 solid; background-color: #257d83; position: relative; z-index: 1}
.club-course-area .course-hole-area .contents .scroll-area { position: absolute; left: 192px; right: 0; top: 0; width: 100%}
.club-course-area .course-hole-area .contents .scroll-area ul li { display: inline-block; text-align: center; padding-top: 56px; position: relative; float: left; cursor: pointer}
.club-course-area .course-hole-area .contents .scroll-area ul li::before, .club-course-area .course-hole-area .contents .scroll-area ul li::after { content: ""; position: absolute; top: 32px; width: 50%; border-top: 1px #71c6cc solid}
.club-course-area .course-hole-area .contents .scroll-area ul li::before { left: 0}
.club-course-area .course-hole-area .contents .scroll-area ul li::after { right: 0}
.club-course-area .course-hole-area .contents .scroll-area ul li:first-child::before { display: none}
.club-course-area .course-hole-area .contents .scroll-area ul li:last-child::after { display: none}
.club-course-area .course-hole-area .contents .scroll-area ul li:first-child:nth-last-child(9), .club-course-area .course-hole-area .contents .scroll-area ul li:first-child:nth-last-child(9)~li { width: 10%}
.club-course-area .course-hole-area .contents .scroll-area ul li.active i::before { content: ""; background-image: url("data:image/svg+xml; charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24px' height='31px'%3e%3cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M12.000,-0.000 C18.627,-0.000 24.000,5.204 24.000,11.625 C24.000,18.045 18.627,23.250 12.000,23.250 C5.373,23.250 -0.000,18.045 -0.000,11.625 C-0.000,5.204 5.373,-0.000 12.000,-0.000 Z'/%3e%3cpath fill-rule='evenodd' fill='rgb(255, 255, 255)' d='M11.937,31.004 C11.937,31.004 0.124,22.207 -0.000,12.349 C-0.124,2.491 24.634,4.576 24.003,12.328 C24.123,22.243 11.937,31.004 11.937,31.004 Z'/%3e%3cpath fill-rule='evenodd' fill='rgb(51, 174, 182)' d='M12.000,7.000 C14.761,7.000 17.000,9.238 17.000,12.000 C17.000,14.761 14.761,17.000 12.000,17.000 C9.238,17.000 7.000,14.761 7.000,12.000 C7.000,9.238 9.238,7.000 12.000,7.000 Z'/%3e%3c/svg%3e"); background-size: 100% 100%; display: inline-block; border-radius: 0; background-color: rgba(0, 0, 0, 0); width: 24px; height: 31px}
.club-course-area .course-hole-area .contents .scroll-area ul li i { position: absolute; left: 0; right: 0; top: 22px; margin: 0 auto; z-index: 10}
.club-course-area .course-hole-area .contents .scroll-area ul li i::before { content: ""; width: 9px; height: 9px; background-color: #fff; border-radius: 10px; display: inline-block}
.club-course-area .course-hole-area .contents .scroll-area ul li em { color: #fff}
.club-course-area .club-course-swiper-jeju { position: relative; background: url("../image/club-course-jeju-pc.jpg") no-repeat center top; height: 990px}
.club-course-area .club-course-swiper-gimhae { position: relative; background: url("../image/club-course-jeju-pc.jpg") no-repeat center top; height: 990px}
.club-course-area .club-course-swiper-buyeo { position: relative; background: url("../image/club-course-jeju-pc.jpg") no-repeat center top; height: 990px}
.club-course-area .club-course-swiper-list { overflow: hidden}
.club-course-area .swiper-container { width: 100%; height: 100%; padding-bottom: 40px; overflow: inherit}
.club-course-area .swiper-slide { display: -webkit-flex; display: block; justify-content: inherit; align-items: inherit}
.club-course-area .club-swiper-area { position: absolute; top: 0; left: 50%; transform: translateX(-50%); max-width: 1280px; margin: 0 auto; padding-top: 100px; visibility: hidden}
.club-course-area .club-swiper-area:first-child { display: block}
.club-course-area .club-swiper-area.active { visibility: visible}
.club-course-area .club-swiper-area .swiper-slide * { color: #fff}
.club-course-area .club-swiper-area .swiper-slide .green-zoom-pop { background-color: #4e5454; color: #fff; display: inline-block; width: auto; padding: 12px 35px; position: absolute; left: 0; top: -50px; border-radius: 100px; z-index: 10}
.club-course-area .club-swiper-area .swiper-slide .green-zoom-pop::after { content: ""; background-image: url("data:image/svg+xml; charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='17.5px' height='17.5px'%3e%3cpath fill-rule='evenodd' stroke='rgb(255, 255, 255)' stroke-width='1px' stroke-linecap='round' stroke-linejoin='round' fill='none' d='M10.500,10.500 L15.500,15.500 '/%3e%3cpath fill-rule='evenodd' stroke='rgb(255, 255, 255)' stroke-width='1px' stroke-linecap='round' stroke-linejoin='round' fill='none' d='M6.500,0.500 C9.814,0.500 12.500,3.186 12.500,6.500 C12.500,9.814 9.814,12.500 6.500,12.500 C3.186,12.500 0.500,9.814 0.500,6.500 C0.500,3.186 3.186,0.500 6.500,0.500 Z'/%3e%3c/svg%3e"); background-size: 100% 100%; display: inline-block; width: 17.5px; height: 17.5px; vertical-align: -3px; margin-left: 8px}
@media screen and (max-width: 768px){
 .club-course-area .club-swiper-area .swiper-slide .green-zoom-pop { top: -10px; left: initial; right: 0; font-size: 13px; line-height: 13px; padding: 10px 20px}
 .club-course-area .club-swiper-area .swiper-slide .green-zoom-pop::after { width: 13px; height: 13px; vertical-align: -3px; margin-left: 7px}
 }
.club-course-area .club-swiper-area .swiper-slide .hole-content { position: absolute; right: 0; top: 0; width: 400px; height: 790px; padding-top: 60px}
.club-course-area .club-swiper-area .swiper-slide .hole-content .hole-number { height: 120px; border-bottom: 1px hsla(0, 0%, 100%, .38) solid}
.club-course-area .club-swiper-area .swiper-slide .hole-content .hole-number span { font-size: 32px; line-height: 32px; display: inline-block; margin-right: 5px; vertical-align: top; margin-top: -8px}
.club-course-area .club-swiper-area .swiper-slide .hole-content .hole-number em { font-size: 116px; line-height: 62px; vertical-align: top}
.club-course-area .club-swiper-area .swiper-slide .hole-content .par-hdcp { padding: 80px 0 50px}
.club-course-area .club-swiper-area .swiper-slide .hole-content .par-hdcp span { font-size: 20px; line-height: 20px; display: inline-block; margin-right: 5px; vertical-align: top; margin-top: 9px}
.club-course-area .club-swiper-area .swiper-slide .hole-content .par-hdcp em { font-size: 60px; line-height: 60px; vertical-align: top}
.club-course-area .club-swiper-area .swiper-slide .hole-content .par-hdcp i { background-image: url("data:image/svg+xml; charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='22px' height='46px'%3e%3cpath fill-rule='evenodd' opacity='0.6' fill='rgb(255, 255, 255)' d='M21.067,0.036 L21.933,0.536 L0.933,45.962 L0.067,45.462 L21.067,0.036 Z'/%3e%3c/svg%3e"); background-size: 100% 100%; display: inline-block; width: 22px; height: 46px; margin: 12px 10px 0}
.club-course-area .club-swiper-area .swiper-slide .hole-content .txt-scroll { height: 280px; padding-right: 20px; margin-bottom: 40px}
.club-course-area .club-swiper-area .swiper-slide .hole-content .txt-scroll strong { font-size: 24px; line-height: 34px; padding-bottom: 20px; display: block}
.club-course-area .club-swiper-area .swiper-slide .hole-content .txt-scroll p { line-height: 26px; }
 .club-course-area .club-swiper-area .swiper-slide .hole-content .scroll-wrapper.txt-scroll.scrollbar-inner {    overflow: visible !important;}
.club-course-area .club-swiper-area .swiper-slide .hole-content .ic-gbwr em { width: 24px; height: 24px; border-radius: 50px; display: inline-block; text-align: center; font-size: 14px; line-height: 14px; padding-top: 4px; font-weight: bold; margin-right: 9px}
.club-course-area .club-swiper-area .swiper-slide .hole-content .ic-gbwr .g { background-color: #fede27; color: #000}
.club-course-area .club-swiper-area .swiper-slide .hole-content .ic-gbwr .b { background-color: #218ae5}
.club-course-area .club-swiper-area .swiper-slide .hole-content .ic-gbwr .w { background-color: #fff; color: #000}
.club-course-area .club-swiper-area .swiper-slide .hole-content .ic-gbwr .r { background-color: #d12510}
.club-course-area .club-swiper-area .swiper-slide .hole-content .ic-gbwr span { font-size: 18px; line-height: 18px; display: inline-block; margin-right: 33px}
.club-course-area .club-swiper-area .swiper-slide .hole-content .ic-gbwr span:last-child { margin-right: 0}
.club-course-area .club-swiper-area .swiper-slide .hole-content .ic-course-info:after { content: ""; display: block; clear: both}
.club-course-area .club-swiper-area .swiper-slide .hole-content .ic-course-info li { position: relative; float: left; margin-bottom: 25px; width: 50%; font-size: 18px; line-height: 18px}
.club-course-area .club-swiper-area .swiper-slide .hole-content .ic-course-info li:before { content: ""; display: inline-block; margin: -2px 8px 0 0; width: 24px; height: 24px; vertical-align: middle; border-radius: 50%}
.club-course-area .club-swiper-area .swiper-slide .hole-content .ic-course-info li.black:before { border: 1px solid hsla(0, 0%, 100%, .3); background-color: #333}
.club-course-area .club-swiper-area .swiper-slide .hole-content .ic-course-info li.blue:before { background-color: #218ae5}
.club-course-area .club-swiper-area .swiper-slide .hole-content .ic-course-info li.white:before { background-color: #fff}
.club-course-area .club-swiper-area .swiper-slide .hole-content .ic-course-info li.yellow:before { background-color: #fede27}
.club-course-area .club-swiper-area .swiper-slide .hole-content .ic-course-info li.red:before { background-color: #d12510}
.club-course-area .club-swiper-area .swiper-slide .hole-content .ic-course-info li span { display: inline-block; font-size: 18px; line-height: 18px}
.club-course-area .club-swiper-area .swiper-button-next, .club-course-area .club-swiper-area .swiper-button-prev { width: 40px; height: 40px; margin-top: 0}
.club-course-area .club-swiper-area .swiper-button-next::before, .club-course-area .club-swiper-area .swiper-button-prev::before { content: ""; background-size: 100% 100%; display: inline-block; width: 40px; height: 40px}
.club-course-area .club-swiper-area .swiper-button-next { right: 0; top: 100px}
.club-course-area .club-swiper-area .swiper-button-next::before { background-image: url("data:image/svg+xml; charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='41.5px' height='41.5px'%3e%3cpath fill-rule='evenodd' stroke='rgb(255, 255, 255)' stroke-width='1px' stroke-linecap='butt' stroke-linejoin='miter' opacity='0.502' fill='none' d='M20.500,0.500 C31.546,0.500 40.500,9.454 40.500,20.500 C40.500,31.546 31.546,40.500 20.500,40.500 C9.454,40.500 0.500,31.546 0.500,20.500 C0.500,9.454 9.454,0.500 20.500,0.500 Z'/%3e%3cpath fill-rule='evenodd' stroke='rgb(255, 255, 255)' stroke-width='1px' stroke-linecap='round' stroke-linejoin='round' fill='none' d='M17.475,28.555 L26.525,20.957 L17.475,12.416 '/%3e%3c/svg%3e")}
.club-course-area .club-swiper-area .swiper-button-prev { left: inherit; right: 60px; top: 100px}
.club-course-area .club-swiper-area .swiper-button-prev::before { background-image: url("data:image/svg+xml; charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='41.5px' height='41.5px'%3e%3cpath fill-rule='evenodd' stroke='rgb(255, 255, 255)' stroke-width='1px' stroke-linecap='butt' stroke-linejoin='miter' opacity='0.502' fill='none' d='M20.500,0.500 C31.546,0.500 40.500,9.454 40.500,20.500 C40.500,31.546 31.546,40.500 20.500,40.500 C9.454,40.500 0.500,31.546 0.500,20.500 C0.500,9.454 9.454,0.500 20.500,0.500 Z'/%3e%3cpath fill-rule='evenodd' stroke='rgb(255, 255, 255)' stroke-width='1px' stroke-linecap='round' stroke-linejoin='round' fill='none' d='M23.497,28.497 L14.501,20.955 L23.497,12.474 '/%3e%3c/svg%3e")}
.club-course-area .club-course-designer { max-width: 1280px; margin: 0 auto; padding: 100px 0 150px}
.club-course-area .club-course-designer .templ-type-tab-course { margin-bottom: 80px}
.club-course-area .club-course-designer h2 { font-size: 32px; line-height: 32px; padding-bottom: 60px}
.club-course-area .club-course-designer h2 span { margin-top: 30px; display: block; color: #555}
.club-course-area .club-course-designer h3 { font-size: 18px; line-height: 18px; font-weight: bold; padding-bottom: 15px; margin-bottom: 40px; border-bottom: 2px #555 solid}
.club-course-area .club-course-designer h4 { font-size: 18px; line-height: 18px; font-weight: bold; padding-bottom: 30px}
.club-course-area .club-course-designer .profile-design-area:after { content: ""; display: block; clear: both}
.club-course-area .club-course-designer .profile-design-area .profile { float: left; width: 50%; padding-right: 60px; position: relative; min-height: 340px}
.club-course-area .club-course-designer .profile-design-area .profile::before { content: "Designer"; position: absolute; right: 0; bottom: 0; font-size: 160px; color: #f6f6f6; letter-spacing: -7px; z-index: -1}
.club-course-area .club-course-designer .profile-design-area .design { float: left; width: 50%; padding-left: 60px; position: relative}
.club-course-area .club-course-designer .profile-design-area .design .swiper-container { overflow: hidden}
.club-course-area .club-course-designer .profile-design-area p { color: #555; line-height: 26px; padding-bottom: 15px}
.club-course-area .club-course-designer .swiper-button-next { width: 41px; height: 41px; top: inherit; bottom: 0; left: initial; right: 0}
.club-course-area .club-course-designer .swiper-button-next::before { content: ""; background-image: url("data:image/svg+xml; charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='41.5px' height='41.5px'%3e%3cpath fill-rule='evenodd' stroke='rgb(221, 221, 221)' stroke-width='1px' stroke-linecap='butt' stroke-linejoin='miter' fill='rgb(255, 255, 255)' d='M20.500,0.500 C31.546,0.500 40.500,9.454 40.500,20.500 C40.500,31.546 31.546,40.500 20.500,40.500 C9.454,40.500 0.500,31.546 0.500,20.500 C0.500,9.454 9.454,0.500 20.500,0.500 Z'/%3e%3cpath fill-rule='evenodd' stroke='rgb(85, 85, 85)' stroke-width='1px' stroke-linecap='round' stroke-linejoin='round' fill='none' d='M17.475,28.555 L26.525,20.957 L17.475,12.416 '/%3e%3c/svg%3e"); background-size: 100% 100%; display: inline-block; width: 41px; height: 41px}
.club-course-area .club-course-designer .swiper-button-prev { width: 41px; height: 41px; top: inherit; bottom: 0; left: initial; right: 100px}
.club-course-area .club-course-designer .swiper-button-prev::before { content: ""; background-image: url("data:image/svg+xml; charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='41.5px' height='41.5px'%3e%3cpath fill-rule='evenodd' stroke='rgb(221, 221, 221)' stroke-width='1px' stroke-linecap='butt' stroke-linejoin='miter' fill='rgb(255, 255, 255)' d='M20.500,0.500 C31.546,0.500 40.500,9.454 40.500,20.500 C40.500,31.546 31.546,40.500 20.500,40.500 C9.454,40.500 0.500,31.546 0.500,20.500 C0.500,9.454 9.454,0.500 20.500,0.500 Z'/%3e%3cpath fill-rule='evenodd' stroke='rgb(85, 85, 85)' stroke-width='1px' stroke-linecap='round' stroke-linejoin='round' fill='none' d='M23.498,28.497 L14.501,20.955 L23.498,12.474 '/%3e%3c/svg%3e"); background-size: 100% 100%; display: inline-block; width: 41px; height: 41px}
.club-course-area .club-course-designer .swiper-pagination { bottom: 15px; left: initial; right: 57px; width: initial}
.club-course-area .club-course-designer .swiper-pagination .swiper-pagination-current { font-weight: bold}
.club-course-area .club-designer-step2 { display: none}
.club-course-area .club-course-mov { position: relative; height: 240px; overflow: hidden}
.club-course-area .club-course-mov picture { display: block}
.club-course-area .club-course-mov button { position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: block}
.club-course-area .club-course-mov button::before { content: ""; background-image: url("data:image/svg+xml; charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='80px' height='80px'%3e%3cpath fill-rule='evenodd' opacity='0.702' fill='rgb(255, 255, 255)' d='M40.000,-0.000 C62.091,-0.000 80.000,17.908 80.000,40.000 C80.000,62.091 62.091,80.000 40.000,80.000 C17.909,80.000 -0.000,62.091 -0.000,40.000 C-0.000,17.908 17.909,-0.000 40.000,-0.000 Z'/%3e%3cpath fill-rule='evenodd' fill='rgb(0, 0, 0)' d='M49.996,40.504 L35.011,52.006 L35.011,29.001 L49.996,40.504 Z'/%3e%3c/svg%3e"); background-size: 100% 100%; display: inline-block; width: 80px; height: 80px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto}
@media screen and (max-width: 768px){
 .club-course-area { max-width: 100%; margin: -40px auto 0}
 .club-course-area .club-course-map { max-width: 100%; margin: 0 auto; height: initial}
 .club-course-area .club-course-map .course-info { position: static}
 .club-course-area .club-course-map .course-info ul:after { content: ""; display: block; clear: both}
 .club-course-area .club-course-map .course-info ul li { float: left; padding: 0 18px; position: relative}
 .club-course-area .club-course-map .course-info ul li::after { content: ""; border-left: 1px #ddd solid; position: absolute; right: 0; top: 0; bottom: 0}
 .club-course-area .club-course-map .course-info ul li:first-child { padding-left: 20px}
 .club-course-area .club-course-map .course-info ul li span { font-size: 20px; line-height: 20px}
 .club-course-area .club-course-map .course-info ul li span em { font-size: 12px; line-height: 12px; padding-left: 3px}
 .club-course-area .club-course-map .course-info ul li strong { display: block; padding-top: 15px; font-size: 13px; line-height: 13px}
 .club-course-area .club-course-map .horizontal-scroll-area { position: static; transform: translate3d(0, 0, 0); will-change: transform; overflow-x: auto; overflow-y: hidden; white-space: nowrap}
 .club-course-area .club-course-map .horizontal-scroll-area::-webkit-scrollbar { display: none}
 .club-course-area .club-course-map .horizontal-scroll-area .img { display: block}
 .club-course-area .club-course-map .horizontal-scroll-area .img img { width: 640px}
 .club-course-area .club-course-map .course-area { position: static; padding: 0 20px 50px}
 .club-course-area .club-course-map .course-area:after { content: ""; display: block; clear: both}
 .club-course-area .club-course-map .course-area div { position: static; height: 80px; padding: 20px 0 0 20px !important; float: left; text-align: left !important}
 .club-course-area .club-course-map .course-area div:nth-child(odd) { width: calc(50% - 2px); margin-right: 2px}
 .club-course-area .club-course-map .course-area div:nth-child(even) { width: calc(50% - 2px); margin-left: 2px}
 .club-course-area .club-course-map .course-area div:nth-child(3), .club-course-area .club-course-map .course-area div:nth-child(4) { margin-top: 4px}
 .club-course-area .club-course-map .course-area div strong { font-size: 14px; line-height: 14px; padding-bottom: 10px}
 .club-course-area .club-course-map .course-area div strong::after { width: 8px; height: 15px; margin-left: 6px; vertical-align: -3px}
 .club-course-area .club-course-map .course-area div span { width: 20px; height: 20px; padding-top: 4px; font-size: 9px; line-height: 9px}
 .club-course-area .club-course-map .course-area div em { margin-left: 3px; font-size: 12px; line-height: 12px}
 .club-course-area .club-course-map .course-area div i { color: #fff; opacity: .5; display: inline-block; margin: 0 3px}
 .club-course-area .club-course-map .course-area div.jeju-hill strong:before, .club-course-area .club-course-map .course-area div.jeju-forest strong:before, .club-course-area .club-course-map .course-area div.gimhae-hill strong:before, .club-course-area .club-course-map .course-area div.buyeo-sky strong:before { display: none}
 .club-course-area .club-course-map .course-area div.jeju-hill strong:after, .club-course-area .club-course-map .course-area div.jeju-forest strong:after, .club-course-area .club-course-map .course-area div.gimhae-hill strong:after, .club-course-area .club-course-map .course-area div.buyeo-sky strong:after { display: inline-block}
 .club-course-area .club-course-map .course-area div.buyeo-hill strong, .club-course-area .club-course-map .course-area div.buyeo-sky strong { font-size: 12px}
 .club-course-area .club-course-map .compass-jeju, .club-course-area .club-course-map .compass-gimhae, .club-course-area .club-course-map .compass-buyeo { display: none}
 .club-course-area .course-hole-area .contents { max-width: 100%; height: 100px}
 .club-course-area .course-hole-area .contents h2 { font-size: 16px; line-height: 16px; padding: 20px 0 0 20px}
 .club-course-area .course-hole-area .contents h2 { width: initial; height: initial; background-color: rgba(0, 0, 0, 0)}
 .club-course-area .course-hole-area .contents h2::after { width: 16px; height: 16px; position: static; margin-left: 10px; vertical-align: -2px}
 .club-course-area .course-hole-area .contents h2[data-state=active]::after { transform: rotate(180deg)}
 .club-course-area .course-hole-area .contents h2[data-state=active]+.course-select-bx { display: block}
 .club-course-area .course-hole-area .contents .course-select-bx { left: 20px; top: 50px; width: 210px}
 .club-course-area .course-hole-area .contents .course-select-bx li { color: #fff; padding: 15px 0 15px 15px; border-top: 1px #257d83 solid; border-bottom: 1px #257d83 solid; margin: -1px 0; cursor: pointer}
 .club-course-area .course-hole-area .contents .course-select-bx li.active { border-top: 1px #217076 solid; border-bottom: 1px #217076 solid; background-color: #257d83; position: relative; z-index: 1}
 .club-course-area .course-hole-area .contents .scroll-area { position: absolute; left: 0; right: 0; top: 50px; width: 100%; padding-left: 20px; transform: translate3d(0, 0, 0); will-change: transform; overflow-x: auto; overflow-y: hidden; white-space: nowrap}
 .club-course-area .course-hole-area .contents .scroll-area::-webkit-scrollbar { display: none}
 .club-course-area .course-hole-area .contents .scroll-area ul li { display: inline-block; text-align: center; padding-top: 0; position: relative; padding-right: 5px; float: initial}
 .club-course-area .course-hole-area .contents .scroll-area ul li::before, .club-course-area .course-hole-area .contents .scroll-area ul li::after { display: none}
 .club-course-area .course-hole-area .contents .scroll-area ul li:first-child:nth-last-child(8), .club-course-area .course-hole-area .contents .scroll-area ul li:first-child:nth-last-child(8)~li { width: initial}
 .club-course-area .course-hole-area .contents .scroll-area ul li:first-child:nth-last-child(9), .club-course-area .course-hole-area .contents .scroll-area ul li:first-child:nth-last-child(9)~li { width: initial}
 .club-course-area .course-hole-area .contents .scroll-area ul li.active em { background-color: #fff; border-color: #fff; color: #33aeb6}
 .club-course-area .course-hole-area .contents .scroll-area ul li i { display: none}
 .club-course-area .course-hole-area .contents .scroll-area ul li em { display: block; width: 80px; border: 1px #fff solid; border-radius: 100px; font-size: 13px; line-height: 13px; padding: 10px 0}
 .club-course-area .club-course-swiper-jeju { background: url("../image/club-course-jeju-mobile.jpg") no-repeat center top; background-size: cover; min-height: 850px; height: initial}
 .club-course-area .club-course-swiper-gimhae { background: url("../image/club-course-jeju-mobile.jpg") no-repeat center top; background-size: cover; min-height: 850px; height: initial}
 .club-course-area .club-course-swiper-buyeo { background: url("../image/club-course-jeju-mobile.jpg") no-repeat center top; background-size: cover; min-height: 850px; height: initial}
 .club-course-area .club-swiper-area { max-width: 100%; margin: 0 auto; padding: 30px 20px 70px}
 .club-course-area .club-swiper-area .swiper-slide .thumbnail { width: 340px; margin: auto}
 .club-course-area .club-swiper-area .swiper-slide .thumbnail img { display: block; width: 100%}
 .club-course-area .club-swiper-area .swiper-slide .hole-content { position: static; width: initial; height: initial; padding-top: 85px}
 .club-course-area .club-swiper-area .swiper-slide .hole-content .hole-number { height: 80px}
 .club-course-area .club-swiper-area .swiper-slide .hole-content .hole-number span { font-size: 24px; line-height: 24px; margin-right: 20px; margin-top: 3px}
 .club-course-area .club-swiper-area .swiper-slide .hole-content .hole-number em { font-size: 75px; line-height: 62px}
 .club-course-area .club-swiper-area .swiper-slide .hole-content .par-hdcp { padding: 30px 0 25px}
 .club-course-area .club-swiper-area .swiper-slide .hole-content .par-hdcp span { font-size: 12px; line-height: 12px; margin-right: 5px; margin-top: 9px}
 .club-course-area .club-swiper-area .swiper-slide .hole-content .par-hdcp em { font-size: 40px; line-height: 40px}
 .club-course-area .club-swiper-area .swiper-slide .hole-content .par-hdcp i { width: 12px; height: 26px; margin: 10px 10px 0}
 .club-course-area .club-swiper-area .swiper-slide .hole-content .txt-scroll { height: 185px; margin-bottom: 0}
 .club-course-area .club-swiper-area .swiper-slide .hole-content .txt-scroll strong { font-size: 16px; line-height: 24px}
 .club-course-area .club-swiper-area .swiper-slide .hole-content .txt-scroll p { line-height: 23px}
 .club-course-area .club-swiper-area .swiper-slide .hole-content .ic-gbwr { position: absolute; right: 0; top: 0}
 .club-course-area .club-swiper-area .swiper-slide .hole-content .ic-gbwr em { width: 20px; height: 20px; font-size: 12px; line-height: 12px; padding-top: 3px}
 .club-course-area .club-swiper-area .swiper-slide .hole-content .ic-gbwr span { font-size: 13px; line-height: 13px; margin-right: 20px}
 .club-course-area .club-swiper-area .swiper-slide .hole-content .ic-course-info { position: absolute; top: 10px; left: 0; width: 100%}
 .club-course-area .club-swiper-area .swiper-slide .hole-content .ic-course-info li { margin-bottom: 15px; width: 33.33334%; font-size: 11px; line-height: 11px}
 .club-course-area .club-swiper-area .swiper-slide .hole-content .ic-course-info li:before { width: 20px; height: 20px}
 .club-course-area .club-swiper-area .swiper-slide .hole-content .ic-course-info li span { font-size: 11px; line-height: 11px}
 .club-course-area .club-swiper-area .swiper-slide .hole-content .scroll-y { display: none}
 .club-course-area .club-swiper-area .swiper-button-next, .club-course-area .club-swiper-area .swiper-button-prev { width: 30px; height: 30px; margin-top: 0}
 .club-course-area .club-swiper-area .swiper-button-next::before, .club-course-area .club-swiper-area .swiper-button-prev::before { width: 30px; height: 30px}
 .club-course-area .club-swiper-area .swiper-button-next { top: 445px}
 .club-course-area .club-swiper-area .swiper-button-prev { right: 45px; top: 445px}
 .club-course-area .club-course-designer { max-width: 100%; margin: 0 auto; padding: 50px 20px}
 .club-course-area .club-course-designer .templ-type-tab-course { margin-bottom: 30px}
 .club-course-area .club-course-designer h2 { font-size: 21px; line-height: 21px; padding-bottom: 40px}
 .club-course-area .club-course-designer h2 span { margin-top: 30px}
 .club-course-area .club-course-designer h3 { font-size: 15px; line-height: 14px; padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px #555 solid}
 .club-course-area .club-course-designer h4 { font-size: 15px; line-height: 15px; padding-bottom: 20px}
 .club-course-area .club-course-designer .profile-design-area .profile { float: inherit; width: 100%; padding-right: 0; padding-bottom: 35px; margin-bottom: 55px; min-height: initial}
 .club-course-area .club-course-designer .profile-design-area .profile::before { font-size: 65px; letter-spacing: -3px}
 .club-course-area .club-course-designer .profile-design-area .design { float: inherit; width: 100%; padding-left: 0}
 .club-course-area .club-course-designer .profile-design-area p { line-height: 22px; padding-bottom: 10px}
 .club-course-area .club-course-designer .swiper-button-next { width: 30px; height: 30px; top: inherit; bottom: 0; left: initial; right: 0}
 .club-course-area .club-course-designer .swiper-button-next::before { width: 30px; height: 30px}
 .club-course-area .club-course-designer .swiper-button-prev { width: 30px; height: 30px; top: inherit; bottom: 0; left: initial; right: 100px}
 .club-course-area .club-course-designer .swiper-button-prev::before { width: 30px; height: 30px}
 .club-course-area .club-course-designer .swiper-pagination { bottom: 10px; left: initial; right: 50px; width: initial}
 .club-course-area .club-course-designer .swiper-pagination .swiper-pagination-current { font-weight: bold}
 .club-course-area .club-course-mov { height: 175px; overflow: hidden; background-color: #eee}
 .club-course-area .club-course-mov img { width: 100%; position: absolute; bottom: 0}
 .club-course-area .club-course-mov button::before { width: 50px; height: 50px}
 }
.drag-info-pop { position: fixed; top: 20px; right: 0; bottom: 20px; left: 0; width: 100%; overflow: auto; z-index: 1000; box-sizing: border-box; text-align: center; transition: .4s all; background-color: rgba(0, 0, 0, .7); display: none}
@media screen and (max-width: 768px){
 .drag-info-pop { display: block; opacity: 0}
 }
.drag-info-pop em { background: url("../image/finger-pop.png") no-repeat left top; background-size: 100% 100%; width: 29px; height: 49px; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto}
.drag-info-pop p { text-align: center; font-size: 15px; line-height: 15px; color: #fff; position: absolute; left: 0; right: 0; top: 0; bottom: 0; height: 55px; margin: auto}
.drag-info-pop p::before { content: ""; background: url("../image/drag-info-pop.png") no-repeat left top; background-size: 100% 100%; width: 335px; height: 34px; margin: 0 auto 35px; display: block}
.jeju-hole-num-area, .gimhae-hole-num-area, .buyeo-hole-num-area { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 30}
.jeju-hole-num-area a, .gimhae-hole-num-area a, .buyeo-hole-num-area a { position: absolute; width: 34px; height: 34px; border: 1px #555 solid; background-color: #fff; border-radius: 50px; text-align: center; padding-top: 7px; font-size: 14px; line-height: 14px; color: #555}
.jeju-hole-num-area a[class^=hill-hole-], .gimhae-hole-num-area a[class^=hill-hole-], .buyeo-hole-num-area a[class^=hill-hole-] { background-color: #000}
.jeju-hole-num-area a[class^=hill-hole-] em, .gimhae-hole-num-area a[class^=hill-hole-] em, .buyeo-hole-num-area a[class^=hill-hole-] em { color: #fff}
.jeju-hole-num-area a[class^=ocean-hole-], .gimhae-hole-num-area a[class^=ocean-hole-], .buyeo-hole-num-area a[class^=ocean-hole-] { background-color: #4f77db; border-color: #4f77db}
.jeju-hole-num-area a[class^=ocean-hole-] em, .gimhae-hole-num-area a[class^=ocean-hole-] em, .buyeo-hole-num-area a[class^=ocean-hole-] em { color: #fff}
.jeju-hole-num-area a[class^=forest-hole-], .gimhae-hole-num-area a[class^=forest-hole-], .buyeo-hole-num-area a[class^=forest-hole-] { color: #000; background-color: #ffe13c; border-color: #ffe13c}
@media screen and (max-width: 768px){
 .jeju-hole-num-area a, .gimhae-hole-num-area a, .buyeo-hole-num-area a { width: 20px; height: 20px; padding-top: 4px}
 .jeju-hole-num-area a em, .gimhae-hole-num-area a em, .buyeo-hole-num-area a em { display: block; font-size: 9px; line-height: 9px}
 }
.jeju-hole-num-area a.sky-hole-1 { left: 431px; top: 311px}
.jeju-hole-num-area a.sky-hole-2 { left: 522px; top: 288px}
.jeju-hole-num-area a.sky-hole-3 { left: 637px; top: 242px}
.jeju-hole-num-area a.sky-hole-4 { left: 596px; top: 198px}
.jeju-hole-num-area a.sky-hole-5 { left: 471px; top: 238px}
.jeju-hole-num-area a.sky-hole-6 { left: 303px; top: 289px}
.jeju-hole-num-area a.sky-hole-7 { left: 292px; top: 348px}
.jeju-hole-num-area a.sky-hole-8 { left: 347px; top: 335px}
.jeju-hole-num-area a.sky-hole-9 { left: 454px; top: 374px}
.jeju-hole-num-area a.hill-hole-1 { left: 714px; top: 321px}
.jeju-hole-num-area a.hill-hole-2 { left: 803px; top: 288px}
.jeju-hole-num-area a.hill-hole-3 { left: 830px; top: 244px}
.jeju-hole-num-area a.hill-hole-4 { left: 879px; top: 231px}
.jeju-hole-num-area a.hill-hole-5 { left: 901px; top: 332px}
.jeju-hole-num-area a.hill-hole-6 { left: 954px; top: 300px}
.jeju-hole-num-area a.hill-hole-7 { left: 962px; top: 181px}
.jeju-hole-num-area a.hill-hole-8 { left: 798px; top: 164px}
.jeju-hole-num-area a.hill-hole-9 { left: 702px; top: 277px}
.jeju-hole-num-area a.ocean-hole-1 { left: 525px; top: 438px}
.jeju-hole-num-area a.ocean-hole-2 { left: 507px; top: 477px}
.jeju-hole-num-area a.ocean-hole-3 { left: 525px; top: 544px}
.jeju-hole-num-area a.ocean-hole-4 { left: 425px; top: 533px}
.jeju-hole-num-area a.ocean-hole-5 { left: 323px; top: 535px}
.jeju-hole-num-area a.ocean-hole-6 { left: 265px; top: 475px}
.jeju-hole-num-area a.ocean-hole-7 { left: 319px; top: 443px}
.jeju-hole-num-area a.ocean-hole-8 { left: 384px; top: 448px}
.jeju-hole-num-area a.ocean-hole-9 { left: 410px; top: 408px}
.jeju-hole-num-area a.forest-hole-1 { left: 803px; top: 378px}
.jeju-hole-num-area a.forest-hole-2 { left: 736px; top: 436px}
.jeju-hole-num-area a.forest-hole-3 { left: 833px; top: 561px}
.jeju-hole-num-area a.forest-hole-4 { left: 957px; top: 589px}
.jeju-hole-num-area a.forest-hole-5 { left: 884px; top: 541px}
.jeju-hole-num-area a.forest-hole-6 { left: 889px; top: 488px}
.jeju-hole-num-area a.forest-hole-7 { left: 977px; top: 488px}
.jeju-hole-num-area a.forest-hole-8 { left: 895px; top: 401px}
.jeju-hole-num-area a.forest-hole-9 { left: 736px; top: 361px}
@media screen and (max-width: 768px){
 .jeju-hole-num-area a.sky-hole-1 { left: 216px; top: 156px}
 .jeju-hole-num-area a.sky-hole-2 { left: 261px; top: 144px}
 .jeju-hole-num-area a.sky-hole-3 { left: 319px; top: 121px}
 .jeju-hole-num-area a.sky-hole-4 { left: 298px; top: 99px}
 .jeju-hole-num-area a.sky-hole-5 { left: 236px; top: 119px}
 .jeju-hole-num-area a.sky-hole-6 { left: 152px; top: 145px}
 .jeju-hole-num-area a.sky-hole-7 { left: 146px; top: 174px}
 .jeju-hole-num-area a.sky-hole-8 { left: 174px; top: 168px}
 .jeju-hole-num-area a.sky-hole-9 { left: 227px; top: 187px}
 .jeju-hole-num-area a.hill-hole-1 { left: 357px; top: 161px}
 .jeju-hole-num-area a.hill-hole-2 { left: 402px; top: 144px}
 .jeju-hole-num-area a.hill-hole-3 { left: 415px; top: 122px}
 .jeju-hole-num-area a.hill-hole-4 { left: 440px; top: 116px}
 .jeju-hole-num-area a.hill-hole-5 { left: 451px; top: 166px}
 .jeju-hole-num-area a.hill-hole-6 { left: 477px; top: 150px}
 .jeju-hole-num-area a.hill-hole-7 { left: 481px; top: 91px}
 .jeju-hole-num-area a.hill-hole-8 { left: 399px; top: 82px}
 .jeju-hole-num-area a.hill-hole-9 { left: 351px; top: 139px}
 .jeju-hole-num-area a.ocean-hole-1 { left: 263px; top: 219px}
 .jeju-hole-num-area a.ocean-hole-2 { left: 254px; top: 239px}
 .jeju-hole-num-area a.ocean-hole-3 { left: 263px; top: 272px}
 .jeju-hole-num-area a.ocean-hole-4 { left: 213px; top: 267px}
 .jeju-hole-num-area a.ocean-hole-5 { left: 162px; top: 268px}
 .jeju-hole-num-area a.ocean-hole-6 { left: 133px; top: 238px}
 .jeju-hole-num-area a.ocean-hole-7 { left: 160px; top: 222px}
 .jeju-hole-num-area a.ocean-hole-8 { left: 192px; top: 224px}
 .jeju-hole-num-area a.ocean-hole-9 { left: 205px; top: 204px}
 .jeju-hole-num-area a.forest-hole-1 { left: 402px; top: 189px}
 .jeju-hole-num-area a.forest-hole-2 { left: 368px; top: 218px}
 .jeju-hole-num-area a.forest-hole-3 { left: 417px; top: 281px}
 .jeju-hole-num-area a.forest-hole-4 { left: 479px; top: 295px}
 .jeju-hole-num-area a.forest-hole-5 { left: 442px; top: 271px}
 .jeju-hole-num-area a.forest-hole-6 { left: 445px; top: 244px}
 .jeju-hole-num-area a.forest-hole-7 { left: 489px; top: 244px}
 .jeju-hole-num-area a.forest-hole-8 { left: 448px; top: 201px}
 .jeju-hole-num-area a.forest-hole-9 { left: 368px; top: 181px}
 }
.gimhae-hole-num-area a.sky-hole-10 { left: 542px; top: 252px}
.gimhae-hole-num-area a.sky-hole-11 { left: 361px; top: 392px}
.gimhae-hole-num-area a.sky-hole-12 { left: 391px; top: 490px}
.gimhae-hole-num-area a.sky-hole-13 { left: 400px; top: 614px}
.gimhae-hole-num-area a.sky-hole-14 { left: 343px; top: 548px}
.gimhae-hole-num-area a.sky-hole-15 { left: 257px; top: 534px}
.gimhae-hole-num-area a.sky-hole-16 { left: 206px; top: 506px}
.gimhae-hole-num-area a.sky-hole-17 { left: 350px; top: 338px}
.gimhae-hole-num-area a.sky-hole-18 { left: 544px; top: 179px}
.gimhae-hole-num-area a.hill-hole-1 { left: 837px; top: 126px}
.gimhae-hole-num-area a.hill-hole-2 { left: 1034px; top: 247px}
.gimhae-hole-num-area a.hill-hole-3 { left: 1100px; top: 386px}
.gimhae-hole-num-area a.hill-hole-4 { left: 1042px; top: 415px}
.gimhae-hole-num-area a.hill-hole-5 { left: 934px; top: 240px}
.gimhae-hole-num-area a.hill-hole-6 { left: 747px; top: 265px}
.gimhae-hole-num-area a.hill-hole-7 { left: 605px; top: 364px}
.gimhae-hole-num-area a.hill-hole-8 { left: 468px; top: 364px}
.gimhae-hole-num-area a.hill-hole-9 { left: 601px; top: 281px}
@media screen and (max-width: 768px){
 .gimhae-hole-num-area a.sky-hole-10 { left: 271px; top: 126px}
 .gimhae-hole-num-area a.sky-hole-11 { left: 181px; top: 196px}
 .gimhae-hole-num-area a.sky-hole-12 { left: 196px; top: 245px}
 .gimhae-hole-num-area a.sky-hole-13 { left: 200px; top: 307px}
 .gimhae-hole-num-area a.sky-hole-14 { left: 172px; top: 274px}
 .gimhae-hole-num-area a.sky-hole-15 { left: 129px; top: 267px}
 .gimhae-hole-num-area a.sky-hole-16 { left: 103px; top: 253px}
 .gimhae-hole-num-area a.sky-hole-17 { left: 175px; top: 169px}
 .gimhae-hole-num-area a.sky-hole-18 { left: 272px; top: 90px}
 .gimhae-hole-num-area a.hill-hole-1 { left: 419px; top: 63px}
 .gimhae-hole-num-area a.hill-hole-2 { left: 517px; top: 124px}
 .gimhae-hole-num-area a.hill-hole-3 { left: 550px; top: 193px}
 .gimhae-hole-num-area a.hill-hole-4 { left: 521px; top: 208px}
 .gimhae-hole-num-area a.hill-hole-5 { left: 467px; top: 120px}
 .gimhae-hole-num-area a.hill-hole-6 { left: 374px; top: 133px}
 .gimhae-hole-num-area a.hill-hole-7 { left: 303px; top: 182px}
 .gimhae-hole-num-area a.hill-hole-8 { left: 234px; top: 182px}
 .gimhae-hole-num-area a.hill-hole-9 { left: 301px; top: 141px}
 }
.buyeo-hole-num-area a.sky-hole-1 { left: 721px; top: 355px}
.buyeo-hole-num-area a.sky-hole-2 { left: 967px; top: 160px}
.buyeo-hole-num-area a.sky-hole-3 { left: 1095px; top: 107px}
.buyeo-hole-num-area a.sky-hole-4 { left: 1110px; top: 221px}
.buyeo-hole-num-area a.sky-hole-5 { left: 1046px; top: 251px}
.buyeo-hole-num-area a.sky-hole-6 { left: 941px; top: 262px}
.buyeo-hole-num-area a.sky-hole-7 { left: 741px; top: 529px}
.buyeo-hole-num-area a.sky-hole-8 { left: 640px; top: 646px}
.buyeo-hole-num-area a.sky-hole-9 { left: 717px; top: 477px}
.buyeo-hole-num-area a.hill-hole-1 { left: 488px; top: 405px}
.buyeo-hole-num-area a.hill-hole-2 { left: 385px; top: 423px}
.buyeo-hole-num-area a.hill-hole-3 { left: 275px; top: 369px}
.buyeo-hole-num-area a.hill-hole-4 { left: 190px; top: 280px}
.buyeo-hole-num-area a.hill-hole-5 { left: 95px; top: 210px}
.buyeo-hole-num-area a.hill-hole-6 { left: 163px; top: 146px}
.buyeo-hole-num-area a.hill-hole-7 { left: 269px; top: 217px}
.buyeo-hole-num-area a.hill-hole-8 { left: 388px; top: 311px}
.buyeo-hole-num-area a.hill-hole-9 { left: 556px; top: 365px}
@media screen and (max-width: 768px){
 .buyeo-hole-num-area a.sky-hole-1 { left: 361px; top: 178px}
 .buyeo-hole-num-area a.sky-hole-2 { left: 484px; top: 80px}
 .buyeo-hole-num-area a.sky-hole-3 { left: 548px; top: 54px}
 .buyeo-hole-num-area a.sky-hole-4 { left: 555px; top: 111px}
 .buyeo-hole-num-area a.sky-hole-5 { left: 523px; top: 126px}
 .buyeo-hole-num-area a.sky-hole-6 { left: 471px; top: 131px}
 .buyeo-hole-num-area a.sky-hole-7 { left: 371px; top: 265px}
 .buyeo-hole-num-area a.sky-hole-8 { left: 320px; top: 323px}
 .buyeo-hole-num-area a.sky-hole-9 { left: 359px; top: 239px}
 .buyeo-hole-num-area a.hill-hole-1 { left: 244px; top: 203px}
 .buyeo-hole-num-area a.hill-hole-2 { left: 193px; top: 212px}
 .buyeo-hole-num-area a.hill-hole-3 { left: 138px; top: 185px}
 .buyeo-hole-num-area a.hill-hole-4 { left: 95px; top: 140px}
 .buyeo-hole-num-area a.hill-hole-5 { left: 48px; top: 105px}
 .buyeo-hole-num-area a.hill-hole-6 { left: 82px; top: 73px}
 .buyeo-hole-num-area a.hill-hole-7 { left: 135px; top: 109px}
 .buyeo-hole-num-area a.hill-hole-8 { left: 194px; top: 156px}
 .buyeo-hole-num-area a.hill-hole-9 { left: 278px; top: 183px}
 }