Check server response of
Server response
NS records
Whois domain
301 Moved Permanently - wbc4u.com
HTTP Status: 301
User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
Date: Sat, 10 May 2025 15:11:50 GMT
Server: Apache
Location: https://www.wbc4u.com/
Content-Length: 230
Content-Type: text/html; charset=iso-8859-1
HTTP Code 301 Moved Permanently
301 http status code means that the requested resource has been permanently moved to a new URL. All future requests should use the new address.
When is Code 301 used?
- When changing a website domain
- When modifying URL structures
- When setting up redirects for SEO
What does Code 301 mean for the user?
The browser will automatically redirect the user to the new address, and search engines will update their indexes.
200 OK - https://www.wbc4u.com/
HTTP Status: 200
User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
Date: Sat, 10 May 2025 15:11:52 GMT
Server: Apache
X-Powered-By: PHP/7.2.31
Set-Cookie: ci_session=ooqhioptd3ctrlcu3m01vm0kjqujechl; path=/; SameSite=None; Secure; HttpOnly
Expires: Thu, 19 Nov 1981 08:52:00 GMT
Cache-Control: no-store, no-cache, must-revalidate
Pragma: no-cache
Connection: close
Transfer-Encoding: chunked
Content-Type: text/html; charset=UTF-8
Set-Cookie: SERVERID=new-web-001; path=/
HTTP Code 200 OK
200 http status code is a standard successful HTTP server response. It means that the client’s request (e.g., from a browser) was successfully processed, and the server is delivering the requested data.
When is Code 200 used?
- When loading a web page
- When successfully receiving an API response
- When processing a form or another HTTP request
What does Code 200 mean for the user?
The user receives content without errors, and the page or application functions properly. If Code 200 is accompanied by data, the browser or program processes and displays it to the user.
GET / HTTP/1.1 Host: wbc4u.com Accept: */* User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="robots" content="index,follow">
<link rel="canonical" href="https://www.wbc4u.com">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.5, minimum-scale=1, user-scalable=yes">
<meta name="naver-site-verification" content="f9d83948777eb1671492e8e174bb7ff726598d54"/>
<!-- 위 3개의 메타 태그는 *반드시* head 태그의 처음에 와야합니다. 어떤 다른 콘텐츠들은 반드시 이 태그들 *다음에* 와야 합니다 -->
<title>웰빙클럽</title>
<meta http-equiv='X-UA/* -Compatible' content='IE=edge' />
<meta http-equiv='Content-Type' content='text/html; charset=utf-8' />
<meta id='meta_description' name='description' content='웰빙클럽은 모든 직장인들과 함께 내일을 꿈꾸며, 새로운 삶의 가치를 만들어 갑니다' />
<meta name='keywords' content='웰빙클럽, 기업복지,멤버십,스포츠,문화,할인,건강,골프,사우나,영화,공연,피트니스,요가,찜질방,스포츠센터,다이어트,휘트니스,라이프스타일,이지웰 복지포인트사용,이제너두 복지포인트사용, 베네피아 복지포인트사용' />
<meta name='keywords' lang='en' content='FITNESS,MEMBERSHIP,SPORTS,CULTURE,DISCOUNT,DIET,HEALTH,GOLF,SWIM,YOGA,SAUNA,GYM,MOVIE,LIFESTYLE' />
<meta property='og:type' content='website' />
<meta property='og:title' content='웰빙클럽' />
<meta property='og:description' content='웰빙클럽은 모든 직장인들과 함께 내일을 꿈꾸며, 새로운 삶의 가치를 만들어 갑니다' />
<meta property='og:image' content='https://www.wbc4u.com/images/logo/img_logo.gif' />
<meta property='og:url' content='www.wbc4u.com' />
<meta property='og:locale' content='ko_KR' />
<meta property='og:site_name' content='웰빙클럽' />
<link href="/images/favicon/wbc_m.ico?v=2.00" rel="shortcut icon" type="image/x-icon" /><link href="/images/favicon/wbc_m.png?v=2.00" rel="apple-touch-icon" type="image/x-icon" />
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-MHPVTB4');</script>
<!-- End Google Tag Manager -->
<!-- Bootstrap CSS -->
<link href="/css/bootstrap.min.css" rel="stylesheet">
<!-- CSS -->
<link href="/css/fonts.css" rel="stylesheet" type="text/css">
<link href="/css/layout_ver2.css" rel="stylesheet" type="text/css">
<link href="/css/responsive.css" rel="stylesheet" type="text/css">
<link href="/css/component.css" rel="stylesheet" type="text/css">
<link href="/css/reset.css" rel="stylesheet" type="text/css">
<!-- Vandor CSS -->
<link href="/css/vandors/animate.css" rel="stylesheet" type="text/css">
<link href="/css/vandors/swiper.min.css" rel="stylesheet" type="text/css">
<link href="/css/vandors/jquery.bxslider.min.css" rel="stylesheet">
<link href="/css/vandors/magnific-popup.css" rel="stylesheet">
<link href="/css/vandors/swiper.min.css" rel="stylesheet" type="text/css">
<!-- Main CSS -->
<link href="/css/main.css?v=202504111502" rel="stylesheet" type="text/css">
<!-- Vandor CSS -->
<link href="/css/vandors/sweetalert2.min.css" rel="stylesheet">
<!-- Font Awesome -->
<!-- <link rel="stylesheet" href="/css/cdn/releases/v5.8.1/css/all.css" integrity="sha384-juzdbNoFR87C7nzwhE1a7DlQ41pk9ZJkly7LgSZP31Y=" crossorigin="anonymous"> -->
<link href="/css/cdn/releases/v5.8.1/css/all.css" rel="stylesheet">
<!-- IE8 에서 HTML5 요소와 미디어 쿼리를 위한 HTML5 shim 와 Respond.js -->
<!--[if lt IE 9]>
<script src="/js/cdn/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="/js/cdn/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<!-- jQuery 부트스트랩의 자바스크립트 플러그인을 위해 필요합니다 -->
<script type="text/javascript" src="/js/cdn/jquery/1.11.2/jquery.min.js"></script>
<!-- jQuery UI -->
<script type="text/javascript" src="/js/cdn/jqueryui/1.11.0/jquery-ui.min.js"></script>
<!-- Bootstrap -->
<script type="text/javascript" src="/js/bootstrap.min.js"></script>
<!-- SweetAlert2 -->
<script type="text/javascript" src="/js/vandors/sweetalert2.min.js"></script>
<script type="text/javascript" src="/js/vandors/swiper.min.js"></script>
<script type="text/javascript" src="/js/vandors/jquery.bxslider.min.js"></script>
<link href="/css/vandors/magnific-popup.css" rel="stylesheet">
<script type="text/javascript" src="/js/common.js?v=202504111502"></script>
<script type="text/javascript" src="/js/base64.js"></script>
<script type='text/javascript' src='/js/jquery.cookie.js'></script>
<script type="text/javascript" src="/js/vandors/jquery.magnific-popup.min.js"></script>
<link href="/css/common.css" rel="stylesheet">
<script>
// 모달 닫힘방지
$(document).ready(function(){
/* start: 메뉴 활성화 */
var locationURI = this.location.pathname;
if(this.location.search != "") {
locationURI += this.location.search;
}
$('a[href="' + locationURI + '"]').parents('li,ul').addClass('active');
$('a[href="' + locationURI + '"]').addClass('active');
/* end: 메뉴 활성화 */
/* start: 모바일 메뉴 컨트롤 */
$('[data-toggle="slide-collapse"]').on('click', function() {
$navMenuCont = $($(this).data('target'));
$navMenuCont.animate({
'width': 'toggle'
}, 100);
$(".menu-overlay").fadeIn(100);
$('body').addClass('fix');
//메뉴 오픈시 컨텐츠 스크롤 방지
});
/* Bootstrap Slide Menu Overlay Off */
$(".menu-overlay").click(function(event) {
$(".navbar-toggle").trigger("click");
$(".menu-overlay").fadeOut(300);
$('body').removeClass('fix');
});
/* Bootstrap Slide Menu Close Off */
$(".mobileTop .icon-close").click(function(event) {
$(".navbar-toggle").trigger("click");
$(".menu-overlay").fadeOut(300);
$('body').removeClass('fix');
});
/* end: 모바일 메뉴 컨트롤 */
});
/***
* ajax 로딩 사전 처리 - 중복 클릭 방지등..
* ajaxStart - ajaxStop
* ajaxSend - ajaxComplete
*/
$(document).ajaxStart(function(){
$(':focus').blur();
$("#background-loading-ajax-layer").show();
}).ajaxStop(function(){
$("#background-loading-ajax-layer").hide();
});
</script>
<style>
.tutorial-pagenation .swiper-pagination-bullet-active{
background: #ff0d0d;
}
.tutorial-pagenation .swiper-pagination-bullet{
background: #cb5f5f;
}
.tu-txt1{
font-size:5vw;
padding-bottom:25px;
word-break: keep-all;
}
.tu-txt2{
font-size:8vw;
padding-bottom:25px;
word-break: keep-all;
}
.tutorial-close{
position: absolute;
top: 0;
width: 100%;
z-index: 9;
}
@media(min-width:768px){
#tutorial-layer{display:none !important;}
}
@media(max-height:617px){
.tutorial-pagenation{display:none;}
}
</style>
<div id="tutorial-layer" style="display:none;z-index: 999999; background-color: white; width: 100%; height: 100%; position: fixed; top: 0; left: 0;">
<div style="width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; position: relative;">
<div style="width: 100%;">
<div class="tutorial-close">
<div class="btn small tutorial-btn" style="border-radius: 25px;color: #6D9FFA;background-color: #D9ECFF;border: 1px solid #D9ECFF;float: right;margin-top: 7%;margin-right: 3%;">닫기 X</div>
</div>
<div class="swiper tutorial" style="height: 100%;">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div style="width:100%;text-align: center;">
<img src="/images/main/intro/tutorial_1.png" style="width: 100%;max-width:500px;"/>
<div class="tu-txt1">2,500여 개<Br>헬스, 골프, 수영, 사우나 등</div>
<div class="tu-txt2" style="color:#0262D3">나만의 건강한 라이프 스타일</div>
</div>
</div>
<div class="swiper-slide">
<div style="width:100%;text-align: center;">
<img src="/images/main/intro/tutorial_2.png" style="width: 100%;max-width:500px;"/>
<div class="tu-txt2" style="color:#FF7F00">여러 지점을 자유롭게!</div>
<div class="tu-txt1">원하는 지역의 다양한 혜택을 편리하고 스마트하게</div>
</div>
</div>
<div class="swiper-slide">
<div style="width:100%;text-align: center;">
<img src="/images/main/intro/tutorial_3.png" style="width: 100%;max-width:500px;"/>
<div class="tu-txt2" style="color:#7A54D6">복잡한 절차없이</div>
<div class="tu-txt1">간편 등록과 월 회비 결제 서비스로 안전하게</div>
</div>
</div>
<div class="swiper-slide">
<div style="width:100%;text-align: center;">
<img src="/images/main/intro/tutorial_4.png" style="width: 100%;max-width:500px;"/>
<div class="tu-txt1">영화, 공연, 전시, 테마파크 등</div>
<div class="tu-txt2" style="color:#2B8E5A">다양한 여가문화로 워라밸 실천</div>
<div class="btn bLine full-width tutorial-btn "style="width:90%;">닫기</div>
</div>
</div>
</div>
<div class="swiper-pagination tutorial-pagenation"></div>
</div>
</div>
</div>
</div>
<div id="background-loading-ajax-layer" style="display: none; z-index: 9999; background: rgba(0,0,0,.1); width: 100%; height: 100%; position: fixed; top: 0; left: 0;">
<div style="position: fixed; height:30px; left: 48%; top: 40%;">
<img alt="loading" src="/images/ajax-loader.gif" />
</div>
</div>
<div id="background-loading-layer" style="display: none; z-index: 9999; background: rgba(0,0,0,.1); width: 100%; height: 100%; position: fixed; top: 0; left: 0;">
<div style="position: fixed; height:30px; left: 48%; top: 40%;">
<img alt="loading" src="/images/ajax-loader.gif" />
</div>
</div>
<div id="background-loading-layer2" style="display: none; z-index: 9999; background: rgba(0,0,0,.1); width: 100%; height: 100%; position: fixed; top: 0; left: 0;"></div>
<div class="modal fade in" id="commonStaticModal" tabindex="-1" role="dialog" aria-labelledby="commonStaticModalHeader" data-backdrop="static" data-keyboard="false">
<div class="modal-dialog" role="document">
<div class="modal-content guide caution3">
<div class="modal-header">
<!-- <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button> -->
<h4 class="modal-title" id="commonStaticModalHeader"></h4>
</div>
<div class="modal-body no-pd">
<div class="wrap" id="commonStaticModalBody"></div>
<!-- start: footer -->
<div class="wrap">
<div class="box-info-footer">
<div class="wrap-buttons" id="commonStaticModalFooter"></div>
</div>
</div>
<!-- end: footer -->
</div>
</div>
<!--/ modal-content -->
</div>
<!--/ Modal dialog -->
</div>
<script>
function getStaticModal(header, body, footer) {
// 닫기는 기본
if(footer == "") {
footer = "<a href=\"javascript:void(0);\" onclick=\"$('#commonStaticModal').modal('hide');\" class=\"btn normal gray\" title=\"\">닫기</a> ";
}
$("#commonStaticModalHeader").html(header);
$("#commonStaticModalBody").html(body);
$("#commonStaticModalFooter").html(footer);
$("#commonStaticModal").modal("show");
}
</script>
<script>
/* START : 홈 ,상세 페이지 이외에 경로에서는 페이징 초기화 */
delJqueryCookie("CurPAGE_mySurRound");
delJqueryCookie("CurPAGE_newSisul");
delJqueryCookie("CurPAGE_recommandSisul");
/* END : 홈 이외에 경로에서는 페이징 초기화 */
//쿠키 조건삭제
function delJqueryCookie(name) {
$.cookie(
name,
null,
{
domain : 'www.wbc4u.com'
, expires: -1
, path:'/'
}
);
/* 기존 쿠키값들 잘못되어있어서 충돌로 삭제시킴 START */
$.cookie(
'SISULGUBUN_CD',
null,
{
domain : 'www.wbc4u.com'
, expires: '-1'
, path:'/center'
}
);
$.cookie(
'currentLat',
null,
{
domain : 'www.wbc4u.com'
, expires: '-1'
, path:'/center'
}
);
$.cookie(
'currentLng',
null,
{
domain : 'www.wbc4u.com'
, expires: '-1'
, path:'/center'
}
);
/* 기존 쿠키값들 잘못되어있어서 충돌로 삭제시킴 END */
}
function setJqueryCookie(name, value, exp) {
$.cookie(
name,
value,
{
domain : 'www.wbc4u.com'
, expires: exp
, path:'/'
}
);
}
</script>
<script>
$(document).ready(function(){
$("body").css("overflow-y","");
});
$(".tutorial-btn").click(function(){
$("#tutorial-layer").hide();
$("body").css("overflow-y","");
var todayDate = new Date();
todayDate.setDate( todayDate.getDate() + 365 );
document.cookie = "tutorial-layer-cookie" + "=" + escape( 'disabled' ) + "; path=/; expires=" + todayDate.toGMTString() + ";"
});
</script>
</head>
<style>
#quick_menu {
top: 70%;
}
</style>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MHPVTB4"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<!-- Top banner -->
<div id="top-banner" style="display:none;">
<div class="container-fluid">
<div class="row" id="edd" style="display:none;">
<div class="bxslider topbanner">
<div><a href="javascript:void(0);" onclick="javascript:gTagFunc('배너클릭', 'top-banner', '서비스도입 사례', '/etc/support');" title=""><img src="../images/banner/220826_top-banner_01.jpg" alt="서비스도입 사례"></a></div>
<div><a href="javascript:void(0);" onclick="javascript:gTagFunc('배너클릭', 'top-banner', '서비스도입 문의', '/company/allianceCompany');" title=""><img src="../images/banner/220826_top-banner_02.jpg" alt="서비스도입 문의"></a></div>
<div><a href="javascript:void(0);" onclick="javascript:gTagFunc('배너클릭', 'top-banner', '시설제휴 문의', '/company/allianceFacility');" title=""><img src="../images/banner/220826_top-banner_03.jpg" alt="시설제휴 문의"></a></div>
<!-- <div><a href="/center/bridgeEhealthpiaBanner"><img src="../images/banner/top-banner-04.jpg" alt="홈트레이닝 상식"></a></div> -->
</div>
</div>
</div>
<a href="#" class="banner-closed">X</a>
</div>
<script>
var topSlider = $('.bxslider.topbanner').bxSlider({
mode: 'fade',
moveSlides: 1,
slideMargin: 0,
infiniteLoop: true,
slideWidth: 'auto',
minSlides: 1,
maxSlides: 4,
speed: 800,
responsive: true,
touchEnabled: true,
auto: true,
nextSelector: "2",
prevSelector: "#slider-prev",
onSliderLoad: function(){ $("#edd").show(); }
});
//top-banner 재로드
window.onreLoad = function() {
topSlider.reloadSlider({
mode: 'fade',
moveSlides: 1,
slideMargin: 0,
infiniteLoop: true,
slideWidth: 'auto',
minSlides: 1,
maxSlides: 4,
speed: 800,
responsive: true,
touchEnabled: true,
auto: true,
nextSelector: "2",
prevSelector: "#slider-prev",
});
}
$(document).ready(function(){
//top-banner 재로드
if(jQuery(window).width()<=768) {
}else{
window.onload = function() {
jQuery(window).trigger('reLoad');
}
}
});
</script> <!-- /Top banner -->
<!-- Gnb -->
<link href="/css/side_menu.css" rel="stylesheet">
<style>
.barcode-mobile{display:none;}
@media (max-width: 992px){
.barcode-mobile{display:block;}
}
@media (max-width: 768px){
.navbar-default .navbar-brand {
padding: 16px 16px 0px !important;
}
}
.app-alarm {
position: relative;
float: right;
padding: 9px 10px 5px 0px;
}
.navbar-toggle{margin-bottom: 1px;}
.ui-autocomplete {
max-height: 200px;
overflow-y: auto;
/* prevent horizontal scrollbar */
overflow-x: hidden;
}
</style>
<!-- START : 통합검색 modal -->
<div class="modal fade ui-draggable in" id="search-total" tabindex="-1" role="dialog" aria-labelledby="change_modalLabel" style="display: none;">
<div class="modal-dialog" role="document">
<div class="modal-content guide caution2">
<div class="modal-header ui-draggable-handle">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<h4 class="modal-title" id="searchTotal_modalLabel">
<i class="fas fa-info-circle"></i> 웰빙클럽 통합검색
</h4>
</div>
<div class="modal-body no-pd">
<div class="wrap">
<div class="box-info no-round">
<div class="row-inner no-border">
<div>
<input type="text" class="find-bar srchTotal" style="width:77%;" name="srchTotal" id="srchTotal" placeholder="통합검색">
<a href="javascript:void(0);" id="CP_SEARCH" class="btn medium">검색</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!--/ modal-content -->
</div>
<!--/ Modal dialog -->
</div>
<!-- END : 통합검색 modal -->
<nav class="navbar navbar-default">
<div class="container-fluid">
<div id="topbar" class="row">
<div class="col-xs-6 left">
<p>더 좋은 세상, 늘 행복한 친구</p>
</div>
<!--/ Left -->
<div class="col-xs-6 right">
<a href="#" title="" data-toggle="modal" data-target="#appModal">
<img src="/images/icon/icon_googleplay.png" alt="" /> <img src="/images/icon/icon_apple.png" alt="" /> 웰빙클럽 앱을 설치 후 이용하세요
</a>
<!--/ Modal Button -->
<div class="modal fade" id="appModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content guide caution2">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel"><i class="fas fa-info-circle"></i> 웰빙클럽 앱을 설치하세요!</h4>
</div>
<div class="modal-body">
<div class="wrap">
<div class="box-info no-round">
<div class="wrap">
<ul class="list-app">
<li>
<a href="https://apps.apple.com/kr/app/welbingkeulleob/id1068059056" target="_blank"><img src="/images/join/icon_apple.png" alt=""></a>
<h3><img src="/images/icon/icon_apple_topbar.png" alt=""> 애플 앱스토어</h3>
</li>
<li>
<a href="https://play.google.com/store/apps/details?id=com.wbc4u.www.samsungwellbeing" target="_blank"><img src="/images/join/icon_gplay.png" alt=""></a>
<h3><img src="/images/icon/icon_googleplay.png" alt=""> 구글 플레이스토어</h3>
</li>
</ul>
</div>
<!--
<div class="swiper-container topAd1" style="width: 100%;">
/* If we need navigation buttons */
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
<div class="swiper-wrapper">
<div class="swiper-slide">
<a href="/customer/noticeDetail?seq=1595" title=""><img src="../images/banner/mypage-banner-02.jpg" class="img-responsive" alt="스포츠멤버십 카페/베이커리 월 이용한도 상향 이벤트"></a>
</div>
/* 슬라이드 1 */
<div class="swiper-slide">
<a href="/benefit/eventDetail?mode=EVT_ING&EM_CD=EMNN20030002&EM_GUBUN_CD=NAV&EM_KIND_CD=400" title=""><img src="../images/banner/mypage-banner.jpg" class="img-responsive" alt="친구에게 건강선물하고 포인트 부자되자"></a>
</div>
/* 슬라이드 1 */
</div>
/* If we need pagination */
<div class="swiper-pagination swiper-pagination1"></div>
</div> -->
</div>
</div>
</div>
</div>
</div>
</div>
<!--/ modal -->
</div>
<!--/ Right -->
</div>
<!--/ top bar -->
</div>
<!--/ Top bar Container -->
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="slide-collapse" data-target="#slide-navbar-collapse" aria-expanded="false">
<!-- <span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span>메뉴</span> -->
<img src="/images/icon/icon_menu.png">
</button>
<div class="navbar-brand" >
<span style="float:left;">
<a href="/">
<img src="/images/logo.png" alt="" style="width:99px;">
</a>
</span>
</div>
<div class="app-alarm visible-xs" >
<ul>
<li>
<a style="padding:16px 0;" href="/center" title="통합검색" ><img src="/images/icon/icon_p2_2.png" style="width: 20px;margin: 9px 7px 7px 7px;"></a>
<a href="/user/loginForm" class="reg" role="button" aria-expanded="false" title="" target="_self"><img src="/images/icon/icon_p2_3.png" alt="로그인" style="width: 22px;margin: 9px 7px 7px 7px;"></span></a>
</li>
</ul>
</div>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="slide-navbar-collapse">
<ul class="nav navbar-nav hidden-xs">
<li class="dropdown">
<a href="/" role="button" aria-expanded="false">홈</a>
</li>
<li>
<a href="/membership" role="button" aria-expanded="false">멤버십</a>
</li>
<li>
<a href="/center" role="button" aria-expanded="false">이용시설</a>
</li>
<li>
<a href="/benefit/generalBenefit" role="button" aria-expanded="false">혜택</a>
</li>
<li>
<a href="/guide" role="button" aria-expanded="false">가입안내</a>
</li>
<li>
<a href="/customer/notice" role="button" aria-expanded="false">고객센터</a>
</li>
<li>
<a href="/signup" role="button" aria-expanded="false"><span class="btn-reg" alt="회원가입버튼">회원가입</span></a>
</li>
<li>
<a style="padding:16px 0;" href="/center" title="통합검색" ><img src="/images/icon/icon_p2_2.png" style="width: 22px;margin: 9px 7px 7px 7px;"></a>
</li>
<li>
<a style="padding:16px;" href="/user/loginForm" title="로그인" class="reg login" role="button" aria-expanded="false"><img src="/images/icon/icon_p2_3.png" alt="로그인" style="width: 22px;margin: 9px 7px 7px 7px;">로그인</a>
</li>
</ul>
<div>
<!-- /PC 화면 메뉴 -->
<div class="container-fluid visible-xs">
<div class="row mobileTop" style="background-color:white;border-bottom:1px #cccccc solid;">
<div class="col-xs-6 left" style="width: 73%;padding-right: 0px;">
<ul>
<li><a href="/user/loginForm" title="" target="_self" style="color:black;">로그인</a></li>
<li><a href="/signup" title="" target="_self" style="color:black;">회원가입</a></li>
</ul>
</div>
<div class="col-xs-6 right" style="width: 27%;float:right;padding-left: 0px;padding-top: 4px;">
<div style="right: 2px;cursor: pointer;font-size: 17px;z-index: 1;text-align: right;position: absolute;top: -2px;">
<div class="btn small icon-close" style="border-radius: 25px;color: #6D9FFA;background-color: #D9ECFF;border: 1px solid #D9ECFF;padding: 15px 15px;display: inline-block;width: 100%;font-size: 14px;font-weight: 400;line-height: 0.2;background-image: url('');">닫기 X</div>
</div>
</div>
</div>
<div class="row mobileTop-menu" style="display:none;">
<div class="col-xs-12">
<div class="wrap-slide-menu">
<ul>
<li><a href="/guide" title="" target="_self">가입안내</a></li>
<li><a href="/center" title="" target="_self">이용시설</a></li>
<li><a href="/benefit/generalBenefit" title="" target="_self">혜택</a></li>
<li><a href="/benefit/eventList" title="이벤트">이벤트</a></li>
</ul>
</div>
</div>
</div> <!-- /상단 빠른메뉴 -->
<div class="row mobileTop-menu2" >
<div class="col-xs-13">
<div class="mobiletop_easy_menu">
<ul>
<li onclick="javascript:submenuClickFunc('sisul','','SPT');return false;" class="search">
<div><img src="/images/icon/side_menu/250115_icon_search.png"></div>
<div>시설보기</div>
</li>
<li onclick="javascript:location.href='/customer/notice'" class="service">
<div><img src="/images/icon/side_menu/250115_icon_service.png"></div>
<div>고객센터</div>
</li>
</ul>
</div>
</div>
</div>
<div class="row mobileTab">
<div role="tabpanel">
<div class="col-xs-13 left">
<div>
<div class="side_menu_1depth" id="all-home">
<span><img src="/images/icon/side_menu/250115_icon_all-home.png">전체 보기</span>
<span class="angle-layer"><i class="fa fa-angle-up"></i></span>
</div>
<div class="side_menu_2depth all-home">
<ul>
<li><a href="javascript:void(0);" >멤버십</a></li>
<li><a href="/membership" title="멤버십">멤버십</a></li>
<li><a href="/membership/sports" title="스포츠 멤버십">스포츠 멤버십</a></li>
<li><a href="/membership/culture" title="컬처 멤버십">컬처 멤버십</a></li>
</ul>
<ul>
<li><a href="javascript:void(0);" >이용시설</a></li>
<li><a href="/center" title="스포츠 이용시설">스포츠 이용시설</a></li>
<li><a href="/center?SISULGUBUN_CD=CUL" title="컬처 이용시설">컬처 이용시설</a></li>
</ul>
<ul>
<li><a href="javascript:void(0);" >혜택</a></li>
<li><a href="/benefit/generalBenefit" title="혜택">혜택</a></li>
<li><a href="/benefit/points" title="포인트">포인트</a></li>
<li><a href="/benefit/eventList" title="이벤트">이벤트</a></li>
</ul>
<ul>
<li><a href="javascript:void(0);" >가입안내</a></li>
<li><a href="/guide" title="가입안내">가입안내</a></li>
</ul>
</div>
<div class="side_menu_1depth" id="membership">
<span><img src="/images/icon/side_menu/250115_icon_membership.png"> 멤버십</span>
<span class="angle-layer"><i class="fa fa-angle-up"></i></span>
</div>
<div class="side_menu_2depth membership">
<ul>
<li><a href="javascript:void(0);" >멤버십</a></li>
<li><a href="/membership" title="소개">소개</a></li>
</ul>
<ul>
<li><a href="javascript:void(0);" >스포츠</a></li>
<li><a href="/membership/sportsRanking" title="스포츠 등급">등급</a></li>
<li><a href="javascript:void(0);" onclick="javascript:submenuClickFunc('membership','','SPT');return false;" title="스포츠 추천시설">추천시설</a></li>
<li><a href="/membership/membershipSportUseInfo" title="스포츠 이용안내">이용안내</a></li>
</ul>
<ul>
<li><a href="javascript:void(0);" >컬처</a></li>
<li><a href="/membership/cultureRanking" title="컬처 등급">등급</a></li>
<li><a href="javascript:void(0);" onclick="javascript:submenuClickFunc('membership','','CUL');return false;" title="컬처 추천시설">추천시설</a></li>
<li><a href="/membership/membershipCultureUseInfo" title="컬처 이용안내">이용안내</a></li>
</ul>
</div>
<div class="side_menu_1depth" id="sisul">
<span><img src="/images/icon/side_menu/250115_icon_sisul.png"> 이용시설</span>
<span class="angle-layer"><i class="fa fa-angle-up"></i></span>
</div>
<div class="side_menu_2depth sisul">
<ul>
<li><a href="javascript:void(0);" >스포츠 이용시설</a></li>
<li><a href="javascript:void(0);" onclick="javascript:submenuClickFunc('sisul','','SPT');return false;" title="스포츠 홈">홈</a></li>
<li><a href="javascript:void(0);" onclick="javascript:submenuClickFunc('sisul','map','SPT');return false;" title="스포츠 지도로 찾기">지도로 찾기</a></li>
<li><a href="javascript:void(0);" onclick="javascript:submenuClickFunc('sisul','area','SPT');return false;" title="스포츠 지역으로 찾기">지역으로 찾기</a></li>
<li><a href="javascript:void(0);" onclick="javascript:submenuClickFunc('sisul','jongmok','SPT');return false;" title="스포츠 종목으로 찾기">종목으로 찾기</a></li>
<li><a href="javascript:void(0);" onclick="javascript:submenuClickFunc('sisul','favoriteRegionList','SPT');return false;" title="스포츠 관심지역">관심지역</a></li>
<li><a href="javascript:void(0);" onclick="javascript:submenuClickFunc('sisul','favoriteSisulList','SPT');return false;" title="스포츠 관심시설">관심시설</a></li>
</ul>
<ul>
<li><a href="javascript:void(0);" >컬처 이용시설</a></li>
<li><a href="javascript:void(0);" onclick="javascript:submenuClickFunc('sisul','','CUL');return false;" title="컬처 홈">홈</a></li>
<li><a href="javascript:void(0);" onclick="javascript:submenuClickFunc('sisul','map','CUL');return false;" title="컬처 지도로 찾기">지도로 찾기</a></li>
<li><a href="javascript:void(0);" onclick="javascript:submenuClickFunc('sisul','area','CUL');return false;" title="컬처 지역으로 찾기">지역으로 찾기</a></li>
<li><a href="javascript:void(0);" onclick="javascript:submenuClickFunc('sisul','jongmok','CUL');return false;" title="컬처 종목으로 찾기">종목으로 찾기</a></li>
<li><a href="javascript:void(0);" onclick="javascript:submenuClickFunc('sisul','favoriteRegionList','CUL');return false;" title="컬처 관심지역">관심지역</a></li>
<li><a href="javascript:void(0);" onclick="javascript:submenuClickFunc('sisul','favoriteSisulList','CUL');return false;" title="컬처 관심시설">관심시설</a></li>
</ul>
</div>
<div class="side_menu_1depth" id="benefit">
<span><img src="/images/icon/side_menu/250115_icon_benefit.png"> 혜택</span>
<span class="angle-layer"><i class="fa fa-angle-up"></i></span>
</div>
<div class="side_menu_2depth benefit">
<ul>
<li><a href="javascript:void(0);" >혜택</a></li>
<li><a href="/benefit/generalBenefit" title="혜택">혜택</a></li>
<li><a href="/benefit/points" title="포인트">포인트</a></li>
<li><a href="/benefit/eventList" title="이벤트">이벤트</a></li>
</ul>
</div>
<div class="side_menu_1depth" id="guide">
<span><img src="/images/icon/side_menu/250115_icon_guide.png"> 가입안내</span>
<span class="angle-layer"><i class="fa fa-angle-up"></i></span>
</div>
<div class="side_menu_2depth guide">
<ul>
<li><a href="javascript:void(0);" >가입안내</a></li>
<li><a href="/guide" title="가입안내">가입안내</a></li>
<li><a href="/guide/appdownload" title="앱 안내">앱 안내</a></li>
</ul>
</div>
<div class="side_menu_1depth" id="company">
<span><img src="/images/icon/side_menu/250115_icon_company.png"> 회사소개</span>
<span class="angle-layer"><i class="fa fa-angle-up"></i></span>
</div>
<div class="side_menu_2depth company">
<ul>
<li><a href="javascript:void(0);" >회사소개</a></li>
<li><a href="/company/about" title="회사소개">회사소개</a></li>
<li><a href="/etc/cardnews" title="카드뉴스">카드뉴스</a></li>
<li><a href="/etc/videonews" title="동영상뉴스">동영상뉴스</a></li>
<li><a href="/etc/terms" title="이용약관">이용약관</a></li>
</ul>
</div>
</div>
</div>
</div>
<div role="tabpanel" style="display:none;">
<div class="col-xs-4 left">
<!-- Nav tabs -->
<ul class="nav nav-tabs" role="tablist">
<li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">전체보기</a></li>
<li role="presentation"><a href="#membership" aria-controls="messages" role="tab" data-toggle="tab">멤버십</a></li>
<li role="presentation"><a href="#place" aria-controls="settings" role="tab" data-toggle="tab">이용시설</a></li>
<li role="presentation"><a href="#benefit" aria-controls="profile" role="tab" data-toggle="tab">혜택</a></li>
<li role="presentation"><a href="#guide" aria-controls="settings" role="tab" data-toggle="tab">가입안내</a></li>
<li role="presentation"><a href="#company" aria-controls="settings" role="tab" data-toggle="tab">회사소개</a></li>
</ul>
</div>
<div class="col-xs-8 right">
<!-- Tab panes -->
<div class="tab-content">
<div role="tabpanel" class="tab-pane active" id="home">
<div class="menu_2depth">
<ul>
<p class="title">멤버십</p>
<li><a href="/membership" title="멤버십">멤버십</a></li>
<li><a href="/membership/sports" title="스포츠 멤버십">스포츠 멤버십</a></li>
<li><a href="/membership/culture" title="컬처 멤버십">컬처 멤버십</a></li>
</ul>
</div>
<div class="menu_2depth">
<ul>
<p class="title">이용시설</p>
<li><a href="/center" title="스포츠 이용시설">스포츠 이용시설</a></li>
<li><a href="/center?SISULGUBUN_CD=CUL" title="컬처 이용시설">컬처 이용시설</a></li>
</ul>
</div>
<div class="menu_2depth">
<ul>
<p class="title">혜택</p>
<li><a href="/benefit/points" title="포인트">포인트</a></li>
<li><a href="/benefit/eventList" title="이벤트">이벤트</a></li>
<li><a href="/benefit/generalBenefit" title="혜택">혜택</a></li>
</ul>
</div>
<div class="menu_2depth">
<ul>
<p class="title">가입안내</p>
<li><a href="/guide" title="가입안내">가입안내</a></li>
</ul>
</div>
</div>
<!-- /전체보기 -->
<div role="tabpanel" class="tab-pane" id="mywell">
<div class="menu_2depth">
<ul>
<p class="title">마이페이지</p>
<li><a href="/user/myPrivacy" title="개인정보변경">개인정보변경</a></li>
<li><a href="/user/myMembership" title="내멤버십">내 멤버십</a></li>
<li><a href="/user/myUseHistoryInfo" title="이용내역">이용내역</a></li>
<li><a href="/user/myUserpaymentInfo" title="회비결제내역">회비결제내역</a></li>
<!-- <li><a href="/user/myOnedayCard" title="스마트폰 분실/고장">스마트폰 분실/고장</a></li> -->
<li><a href="/user/myCoupon" title="쿠폰함">쿠폰함</a></li>
<li><a href="/user/myPoint" title="포인트">포인트</a></li>
<li><a href="/user/myQna" title="1:1 문의">1:1 문의</a></li>
<li><a href="javascript:void(0);" onclick="javascript:alertWellbeingCountViewFunc();" title="알림">알림보기</a></li>
<li><a href="/user/userStop" title="일시정지신청">일시정지신청</a></li>
<li><a href="/user/userWithdraw" title="멤버십해지신청">멤버십해지신청</a></li>
</ul>
</div>
</div>
<!-- /마이페이지 -->
<div role="tabpanel" class="tab-pane" id="membership">
<div class="menu_2depth">
<ul>
<p class="title">멤버십</p>
<li><a href="/membership" title="소개">소개</a></li>
</ul>
</div>
<div class="menu_2depth">
<ul>
<p class="title">스포츠</p>
<li><a href="/membership/sportsRanking" title="등급">등급</a></li>
<li><a href="javascript:void(0);" onclick="javascript:submenuClickFunc('membership','','SPT');return false;" title="추천시설">추천시설</a></li>
<li><a href=".membership/membershipSportUseInfo" title="이용안내">이용안내</a></li>
</ul>
</div>
<div class="menu_2depth">
<ul>
<p class="title">컬처</p>
<li><a href="/membership/cultureRanking" title="등급">등급</a></li>
<li><a href="javascript:void(0);" onclick="javascript:submenuClickFunc('membership','','CUL');return false;" title="추천시설">추천시설</a></li>
<li><a href="/membership/membershipCultureUseInfo" title="이용안내">이용안내</a></li>
</ul>
</div>
</div>
<!-- /멤버십 -->
<div role="tabpanel" class="tab-pane" id="place">
<div class="menu_2depth">
<ul>
<p class="title">스포츠 시설</p>
<li><a href="javascript:void(0);" onclick="javascript:submenuClickFunc('sisul','','SPT');return false;" title="홈">홈</a></li>
<li><a href="javascript:void(0);" onclick="javascript:submenuClickFunc('sisul','map','SPT');return false;" title="지도로 찾기">지도로 찾기</a></li>
<li><a href="javascript:void(0);" onclick="javascript:submenuClickFunc('sisul','area','SPT');return false;" title="지역으로 찾기">지역으로 찾기</a></li>
<li><a href="javascript:void(0);" onclick="javascript:submenuClickFunc('sisul','favoriteRegionList','SPT');return false;" title="관심지역">관심지역</a></li>
<li><a href="javascript:void(0);" onclick="javascript:submenuClickFunc('sisul','favoriteSisulList','SPT');return false;" title="관심시설">관심시설</a></li>
</ul>
</div>
<div class="menu_2depth">
<ul>
<p class="title">컬처 시설</p>
<li><a href="javascript:void(0);" onclick="javascript:submenuClickFunc('sisul','','CUL');return false;" title="홈">홈</a></li>
<li><a href="javascript:void(0);" onclick="javascript:submenuClickFunc('sisul','map','CUL');return false;" title="지도로 찾기">지도로 찾기</a></li>
<li><a href="javascript:void(0);" onclick="javascript:submenuClickFunc('sisul','area','CUL');return false;" title="지역으로 찾기">지역으로 찾기</a></li>
<li><a href="javascript:void(0);" onclick="javascript:submenuClickFunc('sisul','favoriteRegionList','CUL');return false;" title="관심지역">관심지역</a></li>
<li><a href="javascript:void(0);" onclick="javascript:submenuClickFunc('sisul','favoriteSisulList','CUL');return false;" title="관심시설">관심시설</a></li>
</ul>
</div>
</div>
<!-- /제휴시설 -->
<div role="tabpanel" class="tab-pane" id="benefit">
<div class="menu_2depth">
<ul>
<p class="title">혜택</p>
<li><a href="/benefit/points" title="포인트">포인트</a></li>
<li><a href="/benefit/eventList" title="이벤트">이벤트</a></li>
<li><a href="/benefit/" title="맞춤혜택">맞춤혜택</a></li>
<li></li>
</ul>
</div>
</div>
<!-- /혜택 -->
<div role="tabpanel" class="tab-pane" id="guide">
<div class="menu_2depth">
<ul>
<p class="title">가입안내</p>
<li><a href="/guide" title="회원 가입">회원 가입</a></li>
<li><a href="/guide#registe" title="멤버십 등록">멤버십 등록</a></li>
<li><a href="/guide#use" title="멤버십 이용">멤버십 이용</a></li>
<li></li>
</ul>
</div>
</div>
<!-- /가입안내 -->
<div role="tabpanel" class="tab-pane" id="company">
<div class="menu_2depth">
<ul>
<p class="title">회사소개</p>
<li><a href="/company/about" title="회사소개">회사소개</a></li>
<li><a href="/etc/cardnews" title="카드뉴스">카드뉴스</a></li>
<li><a href="/etc/videonews" title="동영상 뉴스">동영상 뉴스</a></li>
<li><a href="/etc/terms" title="이용약관">이용약관</a></li>
<li></li>
</ul>
</div>
</div>
<!-- /회사소개 -->
<!-- /.navbar-collapse -->
</div>
<!-- /.tab-content -->
</div>
<!-- /.col-right -->
</div>
</div>
<!-- /tab container -->
<!-- /.mobileBanner -->
<div class="row mobileFooter2">
<div class="col-xs-3 left">
<p class="terms" onclick="javascript:location.href='/etc/useterms'"><a href="javascript:void(0);" class="icon-close">멤버십 규정</a></p>
</div>
<div class="col-xs-3 left">
<p class="notice" onclick="javascript:location.href='/customer/notice'"><a href="javascript:void(0);" class="icon-close">고객센터</a></p>
</div>
<div class="col-xs-3 left">
<p class="allianceCompany" onclick="javascript:location.href='/company/allianceCompany'"><a href="javascript:void(0);" class="icon-close">제휴문의</a></p>
</div>
<div class="col-xs-3 right">
<p class="partner" onclick="location.href='/etc/partner'"><a href="javascript:void(0);" class="icon-close">가입회사</a></p>
</div>
</div>
<!-- /.mobileFooter -->
<div class="row">
<div class="col-xs-12">
<p class="menu-copyright">COPYRIGHT (C) WELL-BEING CLUB INC.ALL RIGHTS RESERVED.</p>
</div>
</div>
<!-- /.mobileFooter -->
</div>
<!-- /mobile container -->
</div>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container-fluid -->
</nav>
<div class="menu-overlay"></div>
<div id="quick_menu">
<div class="quick_menu_wrap">
<ul class="quick_menu">
<li class="quick_item"><a href="javascript:void(0);" onclick="javascript:gTagFunc('배너클릭', 'quick_menu', '회사소개', '/company/about');" class="company"><i class="far fa-building"></i><span>회사소개</span></a></li>
<li class="quick_item"><a href="javascript:void(0);" onclick="javascript:gTagFunc('배너클릭', 'quick_menu', '카드뉴스', '/etc/cardnews');" class="cardnews"><i class="far fa-file-image"></i><span>카드뉴스</span></a></li>
<li class="quick_item"><a href="javascript:void(0);" onclick="javascript:gTagFunc('배너클릭', 'quick_menu', '동영상뉴스', '/etc/videonews');" class="videonews"><i class="far fa-play-circle"></i><span>동영상 뉴스</span></a></li>
</ul>
</div>
</div>
<script>
$(document).ready(function(){
var myAlertcookieYear = new Array;
var myAlertcookieMonth = new Array;
var myAlertcookieDate = new Array;
if(document.cookie.match('(^|;) ?myAlertcookieYear=([^;]*)(;|$)')){
myAlertcookieYear = document.cookie.match('(^|;) ?myAlertcookieYear=([^;]*)(;|$)');
myAlertcookieMonth = document.cookie.match('(^|;) ?myAlertcookieMonth=([^;]*)(;|$)');
myAlertcookieDate = document.cookie.match('(^|;) ?myAlertcookieDate=([^;]*)(;|$)');
myAlertcookieHours = document.cookie.match('(^|;) ?myAlertcookieHours=([^;]*)(;|$)');
myAlertcookieMinutes = document.cookie.match('(^|;) ?myAlertcookieMinutes=([^;]*)(;|$)');
myAlertcookieSeconds = document.cookie.match('(^|;) ?myAlertcookieSeconds=([^;]*)(;|$)');
}
// 안 읽은 알림 개수 가져오기
// 주석 처림 함.
});
/* PUSH 최신 3일동안 않읽은 푸시DATA POPUP */
function popupViewFunc(aData){
var title = aData.TITLE;
var wrtdate = aData.WRTDATE;
var image = aData.IMAGE;
var categoryName = aData.LINK;
var content = aData.CONTENT;
var searchName = "https://new.wbc4u.com";
var searchName2 = "https:/wbc4u.com";
var searchName3 = "http://m.wbc4u.com";
if(categoryName.indexOf(searchName) != -1 ) {
var result = categoryName.replace(searchName , '');
} else if(categoryName.indexOf(searchName2) != -1 ) {
var result = categoryName.replace(searchName2 , '');
} else if(categoryName.indexOf(searchName3) != -1 ) {
var result = categoryName.replace(searchName3 , '');
}else{
var result = "#";
}
var imageTag = '';
if(image != "" ){
imageTag = '<img src="'+image+'" alt="'+title+'">';
}
if(image == "" && categoryName !="" ){
imageTag = '<a href="'+result+'">'+imageTag+'</a>';
}
var btn = '';
if( categoryName != ""){
if(result != "#"){
btn += '<input type="hidden"name="linkUrl" id="linkUrl" value="'+result+'">';
btn += '<a href="javascript:void(0);" onClick="javascript:alarmBtnClick();" class="btn popbtn" title="바로가기" tag-label="'+title+'">바로가기</a>';
btn += '<a href="javascript:void(0);" onClick="javascript:readAndClose();" style="margin-left: 10px;border: 1px gray solid;background-color: gray;" class="btn" title="닫기">닫기</a>';
}else{
btn += '<a href="javascript:void(0);" onClick="javascript:readAndClose();" style="border: 1px gray solid;background-color: gray;" class="btn" title="닫기">닫기</a>';
}
}
//btn += '<a href="javascript:void(0);" onclick="javascript:$(\'#alertPushPopup\').modal(\'hide\');return false;" class="btn nextGray" style="margin-left:5px;" title="닫기">닫기</a>';
$("#MUP_IDX").val(aData.MUP_IDX);//MUP_IDX 값 알림 -> 팝업창 읽음 처리 & 닫기에 사용
$(".alarm-btn").html(btn);
$(".alarm-content").html(content);
$(".imageTag").html(imageTag);
$(".al-title").html(title);
$(".alarm-date").html(wrtdate);
$("#alertPushPopup").modal('show');
}
//알림 팝업창 읽음 처리 & 닫기[바로가기 버튼]
function alarmBtnClick(){
var MUP_IDX = $("#MUP_IDX").val();
var linkUrl = $("#linkUrl").val();
$.ajax({
url: '/curl/AlertCurl/readalert',
data: {
MUP_IDX: MUP_IDX
},
type: 'POST',
cache : false,
dataType : "json",
success: function(res){
var s_head_alert_count = $("#s_head_alert").html();
var div_m_head_alert_count = $("#div_m_head_alert").html();
//알림 표시 숫자 카운트 마이너스
if($("#div_m_head_alert").length > 0 && parseInt(div_m_head_alert_count) > 0){
var refresh_alert_count = div_m_head_alert_count - 1;
if(refresh_alert_count > 0 ){
//0 이상일 경우
$("#div_m_head_alert").html(refresh_alert_count);
}else{
//0 이하일 경우 hidden
$("#div_m_head_alert").hide();
}
}
//알림 표시 숫자 카운트 마이너스
if($("#s_head_alert").length > 0 && parseInt(s_head_alert_count) > 0){
var refresh_alert_count = s_head_alert_count - 1;
if(refresh_alert_count > 0 ){
//0 이상일 경우
$("#s_head_alert").html(refresh_alert_count);
}else{
//0 이하일 경우 hidden
$("#s_head_alert").hide();
}
}
$('#alertPushPopup').modal('hide');
location.href= linkUrl;
return false;
},
error : function(xhr, status, error){
}
});
}
//알림 팝업창 읽음 처리 & 닫기
function readAndClose(){
var MUP_IDX = $("#MUP_IDX").val();
$.ajax({
url: '/curl/AlertCurl/readalert',
data: {
MUP_IDX: MUP_IDX
},
type: 'POST',
cache : false,
dataType : "json",
success: function(res){
var s_head_alert_count = $("#s_head_alert").html();
var div_m_head_alert_count = $("#div_m_head_alert").html();
//알림 표시 숫자 카운트 마이너스
if($("#div_m_head_alert").length > 0 && parseInt(div_m_head_alert_count) > 0){
var refresh_alert_count = div_m_head_alert_count - 1;
if(refresh_alert_count > 0 ){
//0 이상일 경우
$("#div_m_head_alert").html(refresh_alert_count);
}else{
//0 이하일 경우 hidden
$("#div_m_head_alert").hide();
}
}
//알림 표시 숫자 카운트 마이너스
if($("#s_head_alert").length > 0 && parseInt(s_head_alert_count) > 0){
var refresh_alert_count = s_head_alert_count - 1;
if(refresh_alert_count > 0 ){
//0 이상일 경우
$("#s_head_alert").html(refresh_alert_count);
}else{
//0 이하일 경우 hidden
$("#s_head_alert").hide();
}
}
$('#alertPushPopup').modal('hide');
return false;
},
error : function(xhr, status, error){
}
});
}
$("#srchTotal").keydown(function(key) {
if (key.keyCode == 13) {
header_total_search();
}
});
$('#CP_SEARCH').click(function(){
header_total_search();
});
$("#search-total").on("shown.bs.modal", function() {
$("#srchTotal").autocomplete("option", "appendTo", "#search-total");
});
$(function() {
$('#srchTotal').autocomplete({ // autocomplete 구현 시작부
search: function(event, ui) {
},
source : function(request, response) {
var SEARCH_TEXT = $("#srchTotal").val();
const regex = /[^가-힣a-zA-Z0-9]/g;
var result = SEARCH_TEXT.replace(regex, "");
if(result.length > 0 ){
var getUrl = '/search/getRecommendText?SEARCH_TEXT='+result;
let xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState === xhr.DONE) {
if (xhr.status === 200 || xhr.status === 201) {
var recommTextObj = JSON.parse(xhr.responseText);
response(
$.map(recommTextObj, function(item) {
return {
recommend_text : item
}
})
);
}
}
};
xhr.open('GET', getUrl);
xhr.send();
}else{
response(
);
}
},
select : function(event, ui) { // item 선택 시 이벤트
dataLayer.push({'event': '통합검색','eventSearchName':''+ui.item.recommend_text+''});
location.assign("/search?SEARCH_TEXT="+ui.item.recommend_text);
},
focus : function(event, ui) { // 포커스 시 이벤트
return false;
},
minLength : 1, // 최소 글자 수
autoFocus : false, // true로 설정 시 메뉴가 표시 될 때, 첫 번째 항목에 자동으로 초점이 맞춰짐
delay : 500, // 입력창에 글자가 써지고 나서 autocomplete 이벤트 발생될 떄 까지 지연 시간(ms)
disable : false, // 해당 값 true 시, 자동완성 기능 꺼짐
close : function(event) {
}
}).autocomplete('instance')._renderItem = function(ul, item) { // UI 변경 부
return $("<li style=\"padding-left: 8px; text-align:left; font-family: 'Noto Sans Korean', 'Apple SD Gothic Neo', '맑은 고딕', 'Malgun Gothic', 'Helvetica', 'Arial', 'sans-serif';\">")
.append('<div style="font-size:15px;">' + item.recommend_text + '</div>') // 원하는 모양의 HTML 만들면 됨
.appendTo(ul);
};
});
function header_total_search(){
var searchTxt = removeSpecialCharacters($('#srchTotal').val());
if($.trim(searchTxt) == ""){
lAlert('검색어를 입력해 주세요.');
return false;
}
// 태그 매니저 커스텀 변수로 검색어 데이타 전송
dataLayer.push({'event': '통합검색','eventSearchName':''+searchTxt+''});
location.assign("/search?SEARCH_TEXT="+searchTxt);
}
//알림 클릭시
function alertWellbeingCountViewFunc(){
/* 알림 전체 읽음 주석처리 2021-03-15 바뀜 쿠키값이 필요가 없어짐 */
var pTodayDate = new Date();
var cookieExpireTime = new Date();
cookieExpireTime.setTime(cookieExpireTime.getTime() + (24*60*60*1000));
document.cookie = "myAlertcookieYear="+pTodayDate.getFullYear()+';expires='+cookieExpireTime.toUTCString()+';path=/';
document.cookie = "myAlertcookieMonth="+parseInt(pTodayDate.getMonth()+1)+';expires='+cookieExpireTime.toUTCString()+';path=/';
document.cookie = "myAlertcookieDate="+pTodayDate.getDate()+';expires='+cookieExpireTime.toUTCString()+';path=/';
document.cookie = "myAlertcookieHours="+pTodayDate.getHours()+';expires='+cookieExpireTime.toUTCString()+';path=/';
document.cookie = "myAlertcookieMinutes="+pTodayDate.getMinutes()+';expires='+cookieExpireTime.toUTCString()+';path=/';
document.cookie = "myAlertcookieSeconds="+pTodayDate.getSeconds()+';expires='+cookieExpireTime.toUTCString()+';path=/';
location.href="/alarm/myAlarm";
}
//월,일,시,분,초 0값 재생성
function setDateNum(v){
var tmpNum = "";
if(v < 10){
tmpNum = '0'+v;
}else{
tmpNum = v;
}
return tmpNum;
}
</script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js.cookie.min.js"></script>
<script>
/* class명, 태그명 수정 주의 */
$(document).ready(function () {
var side_menu_title = Cookies.get("side_menu_2depth_title");
var side_menu_1depth_id = Cookies.get("side_menu_1depth");
var mobiletop_easy_menu = Cookies.get("mobiletop_easy_menu");
var mobileFooter2 = Cookies.get("mobileFooter2");
// 시설보기, 고객센터[중간] 선택 색상변경
if(mobiletop_easy_menu != ""){
$(".mobiletop_easy_menu ul li").each(function (){
var $this = $(this);
if($this.attr('class') == mobiletop_easy_menu){
$this.find('img').attr('src','/images/icon/side_menu/250115_icon_'+mobiletop_easy_menu+'_1.png');
$this.children(":eq(1)").css("color","#2d6ff8");
return false;
}
});
}
// 멤버십 규정 , 고객센터, 제휴문의, 가입회사[하단] 선택 색상변경
if(mobileFooter2 != ""){
$(".mobileFooter2 div p").each(function (){
var $this = $(this);
if($this.attr('class') == mobileFooter2){
$this.children().css("color","#2d6ff8");
return false;
}
});
}
// 중간 메뉴들 (전체보기제외) 선택 색상변경 및 선택
var currentPath = "/";
var links = document.querySelectorAll(".side_menu_2depth:not(.all-home) ul li:not(:first-child) a");
for (var i = 0; i < links.length; i++) {
var link = links[i];
var href = link.getAttribute("href");
var title = link.getAttribute("title");
var $menu = $(link).closest(".side_menu_2depth"); // Find the 2-depth menu
var parentId = $menu.attr("class").split(" ").find(cls => cls !== "side_menu_2depth");
if (href === "javascript:void(0);"
&& (currentPath.indexOf('/center') != -1)
) {
if( Cookies.get("CurPAGE_recommandSisul") ){
if(Cookies.get("SISULGUBUN_CD") == "SPT" ){
setJqueryCookie("side_menu_1depth", "membership", 1);
setJqueryCookie("side_menu_2depth_title", "스포츠 추천시설", 1);
}else{
setJqueryCookie("side_menu_1depth", "membership", 1);
setJqueryCookie("side_menu_2depth_title", "컬처 추천시설", 1);
}
}else if( Cookies.get("CurPAGE_mySurRound") ){
if(Cookies.get("SISULGUBUN_CD") == "SPT" ){
setJqueryCookie("side_menu_1depth", "sisul", 1);
setJqueryCookie("side_menu_2depth_title", "스포츠 홈", 1);
}else{
setJqueryCookie("side_menu_1depth", "sisul", 1);
setJqueryCookie("side_menu_2depth_title", "컬처 홈", 1);
}
}
delJqueryMenuCookie("mobiletop_easy_menu");
delJqueryMenuCookie("mobileFooter2");
break;
}else{
delJqueryMenuCookie("side_menu_1depth");
delJqueryMenuCookie("side_menu_2depth_title");
delJqueryMenuCookie("mobiletop_easy_menu");
delJqueryMenuCookie("mobileFooter2");
}
}
/* 세부 메뉴[중간] 선택 색상변경 */
$(".side_menu_2depth a").each(function () {
var $this = $(this);
if ($this.attr("title") === side_menu_title
&& $this.closest(".side_menu_2depth").attr("class").split(" ").find(cls => cls !== "side_menu_2depth") == side_menu_1depth_id ) {
var $menu = $this.closest(".side_menu_2depth"); // 2depth 메뉴 찾기
var parentId = $menu.attr("class").split(" ").find(cls => cls !== "side_menu_2depth");
// 1depth 메뉴 활성화
var $parentMenu = $("#" + parentId);
$parentMenu.addClass("active")
.find(".angle-layer i")
.removeClass("fa-angle-up")
.addClass("fa-angle-down");
// 아이콘 변경
$parentMenu.find("img").attr("src", "/images/icon/side_menu/250115_icon_" + parentId + "_1.png");
// 2depth 메뉴 열기
$menu.show();
// 현재 링크에 스타일 적용
$this.css("color", "#2d6ff8");
return false;
}
});
/*
[별도사항] 지역으로찾기, 지도로찾기,관심시설,관심지역
뒤로가기 버튼 클릭시 이용시설 페이지로 이동하므로..
*/
$(".search-home").click(function(event){
// 기본 동작 방지 (페이지 이동 잠시 막음)
event.preventDefault();
// 쿠키 삭제
delJqueryMenuCookie("mobiletop_easy_menu");
delJqueryMenuCookie("side_menu_2depth_title");
delJqueryMenuCookie("side_menu_1depth");
delJqueryMenuCookie("mobileFooter2");
// 페이지 이동
window.location.href = $(this).attr("href");
});
});
// 상단 메뉴[중간] 클릭시
$(".side_menu_1depth").each(function() {
$(this).click(function(e) {
var id = this.id;
var $currentMenu = $(".side_menu_2depth." + id);
if ($currentMenu.is(":visible")) {
// 현재 메뉴가 열려 있으면 닫기 및 아이콘 복구
$currentMenu.slideUp();
$(this).removeClass('active').find('.angle-layer i').removeClass('fa-angle-down').addClass('fa-angle-up');
$(this).find('img').attr('src','/images/icon/side_menu/250115_icon_'+id+'.png');
} else {
// 모든 메뉴를 닫기
$(".side_menu_2depth").slideUp();
// 모든 .side_menu_1depth에서 active 클래스 제거 및 아이콘 복구
$(".side_menu_1depth").removeClass('active').find('.angle-layer i').removeClass('fa-angle-down').addClass('fa-angle-up');
// 클릭된 요소를 제외한 나머지 아이콘 src 복구
$(".side_menu_1depth").not(this).each(function() {
var otherId = this.id;
$(this).find('img').attr('src', '/images/icon/side_menu/250115_icon_' + otherId + '.png');
});
// 클릭된 요소의 메뉴 열기 및 아이콘 변경
$currentMenu.stop(true, true).slideToggle();
$(this).addClass('active').find('.angle-layer i').removeClass('fa-angle-up').addClass('fa-angle-down');
$(this).find('img').attr('src','/images/icon/side_menu/250115_icon_'+id+'_1.png');
}
});
});
// 세부 메뉴[중간] 클릭시
$(".side_menu_2depth ul li a").click(function(){
var title = this.title;
var $menu = $(this).closest(".side_menu_2depth"); // 2depth 메뉴 찾기
var parentId = $menu.attr("class").split(" ").find(cls => cls !== "side_menu_2depth");
setJqueryCookie("side_menu_1depth", parentId, 1);
setJqueryCookie("side_menu_2depth_title", title, 1);
delJqueryMenuCookie("mobiletop_easy_menu");
delJqueryMenuCookie("mobileFooter2");
});
// 시설보기, 고객센터[상단] 클릭시
$(".mobiletop_easy_menu ul li").click(function(){
var cls = $(this).attr('class');
setJqueryCookie("mobiletop_easy_menu", cls, 1);
delJqueryMenuCookie("side_menu_2depth_title");
delJqueryMenuCookie("side_menu_1depth");
delJqueryMenuCookie("mobileFooter2");
});
// 멤버십규정, 고객센터, 제휴문의, 가입회사 [하단] 클릭시
$(".mobileFooter2 div p").click(function(){
var cls = $(this).attr('class');
setJqueryCookie("mobileFooter2", cls, 1);
delJqueryMenuCookie("side_menu_2depth_title");
delJqueryMenuCookie("side_menu_1depth");
delJqueryMenuCookie("mobiletop_easy_menu");
});
$(".log-out-btn").click(function(){
delJqueryMenuCookie("mobiletop_easy_menu");
delJqueryMenuCookie("side_menu_2depth_title");
delJqueryMenuCookie("side_menu_1depth");
delJqueryMenuCookie("mobileFooter2");
location.href="/user/loginAction?mode=logout";
return false;
});
//서브 메뉴 멤버십에 따라 구분 링크
function submenuClickFunc(p, v, pSISULGUBUN_CD){
if(p =="sisul"){
if(v==""){
setJqueryCookie("CurPAGE_mySurRound", 1, 1);
delJqueryMenuCookie("CurPAGE_favoriteSisul");
delJqueryMenuCookie("CurPAGE_recommandSisul");
delJqueryMenuCookie("CurPAGE_newSisul");
setJqueryCookie("SISULGUBUN_CD", pSISULGUBUN_CD, 1);
location.href="/center?SISULGUBUN_CD="+pSISULGUBUN_CD;
}else if(v=="jongmok"){
setJqueryCookie("SISULGUBUN_CD", pSISULGUBUN_CD, 1);
location.href="/center/"+v+"?SISULGUBUN_CD="+pSISULGUBUN_CD;
}else{
setJqueryCookie("SISULGUBUN_CD", pSISULGUBUN_CD, 1);
location.href="/center/"+v;
}
}else if(p =="membership"){
setJqueryCookie("SISULGUBUN_CD", pSISULGUBUN_CD, 1);
delJqueryMenuCookie("CurPAGE_favoriteSisul");
delJqueryMenuCookie("CurPAGE_mySurRound");
delJqueryMenuCookie("CurPAGE_newSisul");
setJqueryCookie("CurPAGE_recommandSisul", 1, 1);
location.href="/center?SISULGUBUN_CD="+pSISULGUBUN_CD;
}
}
function delJqueryMenuCookie(name) {
Cookies.remove(name, { domain: 'www.wbc4u.com', path: '/' });
/* 기존 쿠키값들 잘못되어있어서 충돌로 삭제시킴 START */
Cookies.remove('SISULGUBUN_CD', { domain: 'www.wbc4u.com', path: '/center' });
Cookies.remove('currentLat', { domain: 'www.wbc4u.com', path: '/center' });
Cookies.remove('currentLng', { domain: 'www.wbc4u.com', path: '/center' });
/* 기존 쿠키값들 잘못되어있어서 충돌로 삭제시킴 END */
}
</script> <!-- Gnb -->
<!-- /Gnb -->
<style>
@media(min-width:360px){
#myWellBeingModal .modal-dialog{width:360px;}
}
#removed_footer button{font-size:13px;}
@media(max-width:320px){
#removed_footer button{font-size:12px;}
}
.mapping-div{
position: absolute;
width: 74%;
text-align: center;
cursor: pointer;
height: 100%;
margin: 0px 12%;
}
</style>
<div class="modal fade " id="myWellBeingModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" >
<div class="modal-dialog ">
<div class="modal-content basic no-header">
<div class="modal-header ">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">안 내</h4>
</div>
<!--/ modal header -->
<div class="modal-body auto-height">
<div class="wrap ">
<div id="juragiDiv"></div>
<div class="swiper-container swiper3">
<!-- If we need navigation buttons -->
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="mapping-div link_div1" onclick=""></div>
<img id="slide_img1"src="" alt="" usemap="#img-popup1" style="border: 0;width:100%;" />
</div>
<div class="swiper-slide">
<div class="mapping-div link_div2" onclick=""></div>
<img id="slide_img2" src="" alt="" usemap="#img-popup2" style="border: 0;width:100%;" />
</div>
<div class="swiper-slide">
<div class="mapping-div link_div3" onclick=""></div>
<img id="slide_img3" src="" alt="" usemap="#img-popup3" style="border: 0;width:100%;" />
</div>
<div class="swiper-slide">
<div class="mapping-div link_div4" onclick=""></div>
<img id="slide_img4" src="" alt="" usemap="#img-popup4" style="border: 0;width:100%;" />
</div>
</div>
<!-- If we need pagination -->
<div class="swiper-pagination swiper-pagination3"></div>
</div>
<div class="box-info-footer" id="removed_footer">
<div class="wrap-buttons">
<button data-dismiss="modal" class="btn join halfMg" title="" style="color:black;" onclick="endDayFunc();">오늘 그만보기</button>
<button data-dismiss="modal" class="btn join halfMg" title="" style="color:black;">닫기</button>
</div>
</div>
</div>
</div>
<!--/ modal body -->
</div>
<!--/ modal contents -->
</div>
<!--/ modal dialog-->
</div>
<!--/ modal -->
<script>
// autoplay: {
// delay: 2000,
// },
// loop:true,
jQuery(document).ready(function(){
randomImg();
var swiper3 = new Swiper('.swiper3', {
observer: true,
observeParents: true,
pagination: {
el: '.swiper-pagination3',
},
autoplay: {
delay: 4000,
},
loop:true,
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
});
function reArray(arr) {
var i = 0;
var newArray = [];
while(arr.length > 0) {
var x = parseInt(Math.random()*arr.length);
newArray[i] = arr[x];
i++;
arr.splice(x,1);
}
return newArray;
}
function randomImg() {
// 한개 ( 6시 퇴근 5/13 ~ 6/1)
var oriKey = [0, 1, 2, 3];
var imgArray = new Array();
var altArray = new Array();
var clickArray = new Array();
imgArray[0] = "/images/popup/250409_img-popup_new.jpg"; imgArray[1] = "/images/popup/250507_img-popup_golfzone_2.jpg"; imgArray[2] = "/images/popup/250404_img-popup_healthboy.jpg";
// 한개 ( 6시 퇴근 5/13 ~ 6/1)
imgArray[3] = "/images/popup/250430_img-musical_popup_01.jpg";
altArray[0] = "신규시설 안내";
altArray[1] = "골프존파크";
altArray[2] = "핼스보이";
// 한개 ( 6시 퇴근 5/13 ~ 6/1)
altArray[3] = "특별공연 할인혜택(6시 퇴근)";
clickArray[0] = "location.href='/customer/noticeDetail?seq=2028&UC_CATEGORY=C'";
clickArray[1] = "location.href='/center/jongmok?SISULGUBUN_CD=SPT&MEMKIND_CD=EMP&IC_LVL_CD=&IC_LVL_NM=&SSB_DISPLAY_CTGY_CD=1020&SSB_DISPLAY_CTGY_NM=%EA%B3%A8%ED%94%84&SSB_DISPLAY_SUB_CTGY_CD=S03&SSB_DISPLAY_SUB_CTGY_NM=%EC%8A%A4%ED%81%AC%EB%A6%B0%EA%B3%A8%ED%94%84&COMMON_ADDR_CODE=&COMMON_ADDR_NAME=&LOW_INCLUDE_YN=N&FREE_YN=&DISCOUNT_YN=&PAYBACK_YN=Y&ADDITION_YN=N'";
clickArray[2] = "location.href='/benefit/eventDetail?mode=EVT_ING&EM_CD=EMNN25020001&EM_GUBUN_CD=NAV&EM_KIND_CD=400'";
// 한개 ( 6시 퇴근 5/13 ~ 6/1)
clickArray[3] = "javascript:ClipServicelinkFunc('78545');";
var reArrayKey = reArray(oriKey);
//console.log(reArrayKey);
$("#slide_img1").attr('src',imgArray[reArrayKey[0]]);
$("#slide_img2").attr('src',imgArray[reArrayKey[1]]);
$("#slide_img3").attr('src',imgArray[reArrayKey[2]]);
// 한개 ( 6시 퇴근 5/13 ~ 6/1)
$("#slide_img4").attr('src',imgArray[reArrayKey[3]]);
$("#slide_img1").attr('alt',altArray[reArrayKey[0]]);
$("#slide_img2").attr('alt',altArray[reArrayKey[1]]);
$("#slide_img3").attr('alt',altArray[reArrayKey[2]]);
// 한개 ( 6시 퇴근 5/13 ~ 6/1)
$("#slide_img4").attr('alt',altArray[reArrayKey[3]]);
$(".link_div1").attr('onclick',clickArray[reArrayKey[0]]);
$(".link_div2").attr('onclick',clickArray[reArrayKey[1]]);
$(".link_div3").attr('onclick',clickArray[reArrayKey[2]]);
// 한개 ( 6시 퇴근 5/13 ~ 6/1)
$(".link_div4").attr('onclick',clickArray[reArrayKey[3]]);
$(".link_div1").attr('alt',altArray[reArrayKey[0]]);
$(".link_div2").attr('alt',altArray[reArrayKey[1]]);
$(".link_div3").attr('alt',altArray[reArrayKey[2]]);
// 한개 ( 6시 퇴근 5/13 ~ 6/1)
$(".link_div4").attr('alt',altArray[reArrayKey[3]]);
}
function endDayFunc(){
document.cookie = "cookieYear="+pTodayDate.getFullYear()+';expires='+cookieExpireTime.toUTCString()+';path=/';
document.cookie = "cookieMonth="+parseInt(pTodayDate.getMonth()+1)+';expires='+cookieExpireTime.toUTCString()+';path=/';
document.cookie = "cookieDate="+pTodayDate.getDate()+';expires='+cookieExpireTime.toUTCString()+';path=/';
setCookie2( "ncookie", "done" , 1 ); // 저장될 쿠키명 , 쿠키 value값 , 기간( ex. 1은 하루, 7은 일주일)
}
function setCookie2( name, value, expiredays ) {
var todayDate = new Date();
todayDate.setDate( todayDate.getDate() + expiredays );
document.cookie = name + "=" + escape( value ) + "; path=/; expires=" + todayDate.toGMTString() + ";"
}
</script>
<!-- 웰빙퀴즈 -->
<link href="/css/regist_count.css" rel="stylesheet" type="text/css">
<style>
.box-notice{display:none;}
.swiper-slide.swiper-list-layer { animation: fadeIn 0.8s; }
@keyframes fadeIn {
0% { opacity: 0; }
100% { opacity: 1; }
}
#section_layer,#section_layer2,#section_layer3,#section_layer6,#section_layer5_1,#section_layer5_2,#section_layer5_3
,#section_layer7,#section_layer9,#section_layer10,#section_layer11,#section_layer13,#section_layer14,#section_layer15,#section_layer27,#section_layer17
,#section_layer18,#section_layer19,#section_layer21,#section_layer20,#section_layer30{padding: 15px 0px 20px 10px; border-bottom: 2px #e8e8e8 dotted;}
#section_layer13,#section_layer4,#section_layer9,#section_layer10,#section_layer14{padding: 15px 0px 20px 10px;}
#section_layer5 img,#section_layer8 img,#section_layer7 img,#section_layer12 img,#section_layer14 img,#section_layer15 img,#section_layer27 img
,#section_layer16 img,#section_layer17 img,#section_layer19 img,#section_layer22,#section_layer23 img,#section_layer24 .btn,#section_layer25 .brand-award-layer
,#slide-main img,#sec_list5_3 img{display:none;}
#sec_list15,#sec_list8,#sec_list9,#sec_list5_1,#sec_list10,#sec_list11,#sec_list27,#sec_list12,#sec_list13,#sec_list5_1,#sec_list14,#sec_list_main{display:none;}
#sec_list,#sec_list2,#sec_list3,#sec_list4,#sec_list5,#sec_list5_2,#sec_list5_3,#sec_list6,#sec_list7,#sec_list15,#sec_list8,#sec_list9,#sec_list5_1,#sec_list10,#sec_list11,#sec_list27,#sec_list12,#sec_list13
,#sec_list14,#sec_list16,#sec_list17,#sec_list18,#sec_list19,#sec_list_main{
width:100%;
float:left;
overflow-x:hidden;
}
#slide-main .swiper-slide{
height:250px;
}
.vip-txt{
position: absolute;
top: 11px;
border: 2px #e7be72 solid;
width: 35px;
height: 28px;
background-color: black;
right:23px;
color: #e7be72;
font-weight: bold;
border-radius: 10px;
text-align: center;
font-size:15px;
}
section:last-child {
margin-bottom: 0px;
padding-bottom: 0px;
}
img.swp-img10{
height:250px;
width: 1040px;
display: block !important;
margin: auto;
}
img.swp-img9{
height:250px;
width: 1040px;
display: block !important;
margin: auto;
}
img.swp-img8{
height:250px;
width: 1040px;
display: block !important;
margin: auto;
}
img.swp-img7{
height:250px;
width: 1040px;
display: block !important;
margin: auto;
}
img.swp-img6{
height:250px;
width: 1040px;
display: block !important;
margin: auto;
}
img.swp-img5{
height:250px;
width: 1040px;
display: block !important;
margin: auto;
}
img.swp-img4{
height:250px;
width: 1040px;
display: block !important;
margin: auto;
}
img.swp-img3{
height:250px;
width: 1040px;
display: block !important;
margin: auto;
}
img.swp-img2{
height:250px;
width: 1040px;
display: block !important;
margin: auto;
}
img.swp-img1{
height:250px;
width: 1040px;
display: block !important;
margin: auto;
}
img.swp-img0{
height:250px;
width: 1040px;
display: block !important;
margin: auto;
}
.content-txt{
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size:15px;
font-weight:400;
color: #888888;
padding: 5px 0px;
}
.cont-text-align__flex{
width:100%;
float:left;
position:relative;
}
.award-li{
width: 20%;
float: left;
position: relative;
padding: 0px ;
}
}
.award-li img{
width: 40px;
display: inline-block;
float: left;
}
.award-img1{
width: 94%;
height: 174px;
float: left;
background-image: url(/images/main/main_renewal/award_1.png);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
padding: 0px 10px;
}
.award-img2{
width: 94%;
height: 174px;
float: left;
background-image: url(/images/main/main_renewal/award_2.png);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
padding: 0px 10px;
}
.award-img3{
width: 94%;
height: 174px;
float: left;
background-image: url(/images/main/main_renewal/award_3.png);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
padding: 0px 10px;
}
.award-img4{
width: 94%;
height: 174px;
float: left;
background-image: url(/images/main/main_renewal/award_4.png);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
padding: 0px 10px;
}
.award-img5{
width: 94%;
height: 174px;
float: left;
background-image: url(/images/main/main_renewal/award_5.png);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
padding: 0px 10px;
}
.award-txt{
width:60%;
float:left;
text-align: left;
padding-left: 8px;
font-size: 16px;
}
.award-txt .date{
width: 100%;
/* border-top: solid 1px #E5E5E5; */
display: inline-block;
padding-top: 4px;
font-size: 15px;
font-weight: 200;
color: #303030;
}
.cont-detail-sub-title {
margin-bottom: 20px;
font-size: 26px;
font-weight: 200;
letter-spacing: -1px;
text-align:center;
}
.more-txt{
font-size: 15px;
float: right;
cursor: pointer;
color: #4F7DFF;
line-height: 29.5px;
}
.clip-btn{
font-size: 15px;
float: right;
border: 1px black solid;
padding: 2px 10px;
margin-top: 0px;
border-radius: 6px;
margin-right: 6px;
}
video[poster]{
/* 포스터 이미지의 크기를 비디오 영상에 꽉차도록 */
height:100%;
width:100%;
}
.imageTag img{width:90%}
.alarm-title2{padding: 3px 20px 0px 20px;border-bottom: 1px #c5c5c5 solid;}
.alarm-content{padding: 11px 20px;margin:0px;}
.alarm-btn{padding: 20px 0px;border-top: 1px #c5c5c5 solid;text-align:center;}
.alarm-date{font-size:13px;text-align:right;margin-bottom:8px;}
.modal-dialog.modal-50size {
width: 359px;
margin: 0;
padding: 0;
}
.modal-content.modal-50size {
height: auto;
}
.swplink{position: absolute;left: 50%;width: 76%;transform: translateX(-50%);height: 100%;z-index:999;cursor:pointer}
.box-notice .row-inner .item-notice{width:70%;}
.award-title-txt1{
text-align: center;
font-size: 40px;
color: #010370;
}
.award-title-txt2{
text-align: center;
font-size: 35px;
font-weight:500;
padding-bottom: 17px;
}
.number-rank-txt{
position: absolute;
top: 0;
color: white;
font-size: 41px;
left: 10px;
font-style: italic;
font-weight: 500;
}
#allianceCompany{width:49%;float:left;padding:0px;cursor:pointer;}
#allianceFacility{width:49%;float:right;padding:0px;cursor:pointer;}
.alliance-total-layer{
display:flex;
column-gap: 10px;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: stretch;
}
.alliance-btn {
width: 68px;
text-align: center;
height: 63px;
display: flex;
align-items: center;
justify-content: center;
align-content: center;
flex-wrap: nowrap;
flex-direction: row;
border-radius: 45px;
font-size: 23px;
background-color:white;
color:#607ce0;
font-weight:bold;
}
.alliance-layer {
width: 50%;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-content: center;
justify-content: center;
align-items: center;
padding: 14px;
column-gap: 54px;
background-color:#f1f4f9;
cursor:pointer;
}
@media(max-width:768px){
#section_layer{
padding-top:15px;
}
.more-txt{
font-size: 12px;
}
.clip-btn{
font-size: 12px;
margin-top: 4px;
padding: 2px 2px;
margin-bottom:10px;
}
.imageTag img{width:100%}
.modal-dialog.modal-50size {
width: 95%;
}
.swplink{
height: 363px;
}
#sec_list,#sec_list2,#sec_list3,#sec_list4,#sec_list5,#sec_list6,#sec_list7,#sec_list15,#sec_list8,#sec_list9,#sec_list5_1,#sec_list10,#sec_list11,#sec_list26,#sec_list12,#sec_list13,#sec_list14
,#sec_list16,#sec_list17,#sec_list18,#sec_list19,#sec_list_main{
overflow-x:initial;
}
.box-notice .row-inner .item-notice{width:82%;}
.award-title-txt1{
font-size: 30px;
}
.award-title-txt2{
font-size: 25px;
}
.award-li{
width: 50%;
float: left;
position: relative;
padding: 0px;
}
#slide-main .swiper-slide{
height:auto;
}
img.swp-img10{
height:auto;
content:url("/images/main/slider/main_top_sildes5_blogin_m_6.jpg");
width:100%;
display: inline-block !important;
}
img.swp-img9{
height:auto;
content: url("/images/main/slider/[email protected]");
width:100%;
display: inline-block !important;
}
img.swp-img8{
height:auto;
content: url("/images/main/slider/[email protected]");
width:100%;
display: inline-block !important;
}
img.swp-img7{
height:auto;
content: url("/images/main/slider/[email protected]");
width:100%;
display: inline-block !important;
}
img.swp-img6{
height:auto;
content: url("/images/main/slider/[email protected]");
width:100%;
display: inline-block !important;
}
img.swp-img5{
height:auto;
content: url("/images/main/slider/[email protected]");
width:100%;
display: inline-block !important;
}
img.swp-img4{
height:auto;
content: url("/images/main/slider/250401_main_top_slides_m_franchise.jpg");
width:100%;
display: inline-block !important;
}
img.swp-img3{
height:auto;
content: url("/images/main/slider/250401_main_top_slides_m_activity.jpg");
width:100%;
display: inline-block !important;
}
img.swp-img2{
height:auto;
content: url("/images/main/slider/250401_main_top_slides_m_performance.jpg");
width:100%;
display: inline-block !important;
}
img.swp-img1{
height:auto;
content: url("/images/main/slider/250407_main_top_slides_m_roulette.jpg");
width:100%;
display: inline-block !important;
}
img.swp-img0{
height:auto;
content: url("/images/main/slider/250408_main_top_slides_m_company.jpg");
width:100%;
display: inline-block !important;
}
.banner-img2{ content:url("/images/main/main_renewal/main_banner_mobile_free_2.jpg"); }
.banner-img3{ content:url("/images/main/main_renewal/main_banner_mobile_point.jpg"); }
.banner-img4{ content:url("/images/main/main_renewal/main_banner_mobile_honors.jpg"); }
.banner-img5{ content:url("/images/main/main_renewal/main_banner_mobile_3@2x_20240213.jpg"); }
.banner-img6{ content:url("/images/main/main_renewal/main_banner_mobile_company.jpg"); }
#allianceCompany{width:100%;float:left;padding: 0px 10px 10px 10px;}
#allianceFacility{width:100%;float:right;padding: 0px 10px 0px 10px;}
.alliance-total-layer{
padding:0px 10px;
flex-direction: column;
row-gap:10px;
}
.alliance-layer{
width:100%;
}
}
@media(max-width:321px){
.clip-btn{
font-size: 10px;
margin-right: 2px;
}
}
.vip-icon-area-layer{display: none;width: 36px;float: left;height: 37px;}
.vip-icon-area{
/* width: 27px; */
/* font-size: 14px !important; */
/* float: left; */
/* height: 36px; */
/* padding: 4px !important; */
/* background-image: url(/images/main/vip_name_icon_img.png); */
/* background-position: center; */
/* background-repeat: no-repeat; */
display:none;
width: 35px;
display: block;
vertical-align: middle;
height: 28px;
border: 2px #e7be72 solid;
background-color: black;
color: #e7be72 !important;
font-weight: bold;
border-radius: 5px;
text-align: center;
font-size: 15px !important;
margin: auto;
margin-top: 6px;
}
@media (max-width: 992px){
#main-login .sec-login-user .user-info li {
width: 31%;
}
#main-login .sec-login-user .user-info {
padding: 7px;
}
}
.flip-container {
position: relative;
perspective: 1000px;
-webkit-perspective: 1000;
-moz-perspective: 1000;
-ms-perspective: 1000;
-o-perspective: 1000;
}
.card2 {
position: relative;
-webkit-transform-style: preserve-3d;
-webkit-transition: 1.0s;
-moz-transform-style: preserve-3d;
-moz-transition: 1.0s;
-ms-transform-style: preserve-3d;
-ms-transition: 1.0s;
-o-transform-style: preserve-3d;
-o-transition: 1.0s;
transition: 1.0s;
transition-timing-function: cubic-bezier(0.9, 0.03, 0.29, 0.97);
}
.flip-container.no-hide.hover .card2 {
-webkit-transform: rotateY(900deg);
-moz-transform: rotateY(900deg);
-ms-transform: rotateY(900deg);
-o-transform: rotateY(900deg);
transform: rotateY(900deg);
transition-timing-function: cubic-bezier(0.9, 0.03, 0.29, 0.97);
}
.flip-container.no-hide.hover2 .card2 {
-webkit-transform: rotateY(1800deg);
-moz-transform: rotateY(1800deg);
-ms-transform: rotateY(1800deg);
-o-transform: rotateY(1800deg);
transform: rotateY(1800deg);
transition-timing-function: cubic-bezier(0.9, 0.03, 0.29, 0.97);
}
.flip-container.no-hide.hover3 .card2 {
-webkit-transform: rotateY(2700deg);
-moz-transform: rotateY(2700deg);
-ms-transform: rotateY(2700deg);
-o-transform: rotateY(2700deg);
transform: rotateY(2700deg);
transition-timing-function: cubic-bezier(0.9, 0.03, 0.29, 0.97);
}
.flip-container.no-hide.hover4 .card2 {
-webkit-transform: rotateY(3600deg);
-moz-transform: rotateY(3600deg);
-ms-transform: rotateY(3600deg);
-o-transform: rotateY(3600deg);
transform: rotateY(3600deg);
transition-timing-function: cubic-bezier(0.9, 0.03, 0.29, 0.97);
}
.face {
position: absolute;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
top: 0;
left: 0;
width: 100%;
height: 100%;
color: white;
text-align: center;
}
.no-hide .face {
-webkit-backface-visibility: visible;
-moz-backface-visibility: visible;
-ms-backface-visibility: visible;
-o-backface-visibility: visible;
backface-visibility: visible;
}
.front {
background:url('/images/icon/quiz_motion_02(1).png') no-repeat;
background-size:100% 100%;
z-index: 10;
}
.back {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
background:url('/images/icon/quiz_motion_01.png') no-repeat;
background-size:100% 100%;
transition-timing-function: cubic-bezier(0.9, 0.03, 0.29, 0.97);
}
.flip-container.no-hide.hover .front {
z-index: 0;
}
.flip-container.no-hide.hover3 .front {
z-index: 0;
}
.flip-container.no-hide.hover4 .back {
z-index: 0;
}
.flip-container, .front, .back {
width: 30px;
height: 30px;
/*border:1px solid lightgray;*/
}
.copy-txt{font-size:20px;font-weight:bold; padding:5px 0px;padding-bottom:10px;}
.box-notice{border:1px #cccccc solid;}
#main-login .sec-login-user{height:auto !important;}
.swip-hide-layer{
position: absolute;
top: 0;
left: -9px;
background-color: #00000075;
width: 102%;
height: -webkit-fill-available;
z-index: 3;
display:none;
}
.swip-hide-layer7{
position: absolute;
top: 0;
left: -9px;
background-color: #00000075;
width: 102%;
height: -webkit-fill-available;
z-index: 3;
display:none;
}
.swip-hide-txt{
position: absolute;
top: 50%;
transform: translate(0, -50%);
color: white;
width: 100%;
text-align: center;
font-size: 18px;
}
.swip-position{
width: 100%;
height: 100%;
position: relative;
cursor:pointer;
}
@media(max-width:768px){
}
</style>
<style>
@media(max-width:768px){
.banner-img1{ content:url("/images/main/main_renewal/[email protected]"); }
}
</style>
<!-- /my-page -->
<div class="modal fade" id="myWellBeingCriticalModal" tabindex="-1" role="dialog" aria-labelledby="myCriticalModalLabel" aria-hidden="true" style="z-index: 99999;">
<div class="modal-dialog ">
<div class="modal-content basic no-header">
<div class="modal-header ">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myCriticalModalLabel">안 내</h4>
</div>
<!--/ modal header -->
<div class="modal-body auto-height">
<div class="wrap ">
<div class="">
<img src="/images/popup/230927-popup_notice.jpg" alt="" style="border: 0;width:100%;" />
</div>
</div>
</div>
<!--/ modal body -->
<div class="box-info-footer" style="overflow: hidden;padding: 12px 0px;margin-bottom: 0px;border-top: 0px solid #e8e8e8;background: #eef0f6;">
<div class="wrap-buttons">
<button data-dismiss="modal" class="btn join halfMg" title="" style="color:black;" onclick="endDayFunc();">그만보기</button>
<button data-dismiss="modal" class="btn join halfMg" title="" style="color:black;">닫기</button>
</div>
</div>
</div>
<!--/ modal contents -->
</div>
<!--/ modal dialog-->
</div>
<!--/ modal -->
<!-- 알림글 팝업 -->
<div class="modal fade" id="alertPushPopup" tabindex="-1" role="dialog" aria-labelledby="alertPushPopupLabel" data-keboard="false" data-backdrop="static">
<div class="modal-dialog " role="document">
<div class="modal-content guide caution2" >
<div class="modal-header">
<button type="button" class="close" onclick="javascript:readAndClose();"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="secessionSubmitLabel"><i class="fas fa-check-circle"></i> <span class="cardship_gubun_nm_txt"></span>중요 알림</h4>
</div>
<div class="modal-body">
<div class="wrap">
<input type="hidden" id="MUP_IDX" name="MUP_IDX" value="">
<section>
<div class="wrap alarm-detail">
<!-- alerm image -->
<div class="imageTag" style="text-align: center;padding: 10px 0px;"></div>
<!-- alerm title -->
<div class="alarm-title2">
<h3 class="al-title"></h3>
<p class="alarm-date"></p>
</div>
<p style="word-break: break-all;white-space: pre-line;" class="alarm-content"></p>
<div class="alarm-btn"></div>
</div>
</section>
</div>
</div>
</div>
<!--/ modal-content -->
</div>
<!--/ Modal dialog -->
</div>
<form name="frmSearch" id="frmSearch">
<input type="hidden" id="PerPage" name="PerPage" value="6" />
<input type="hidden" id="CurPAGE" name="CurPAGE" value="1" />
<input type="hidden" id="CurPAGE2" name="CurPAGE2" value="1" />
<input type="hidden" id="CurPAGE4" name="CurPAGE4" value="1" />
<input type="hidden" id="CurPAGE5" name="CurPAGE5" value="1" />
<input type="hidden" id="CurPAGE6" name="CurPAGE6" value="1" />
<input type="hidden" id="CurPAGE7" name="CurPAGE7" value="1" />
<input type="hidden" id="CurPAGE16" name="CurPAGE16" value="1" />
<input type="hidden" id="CurPAGE17" name="CurPAGE17" value="1" />
<input type="hidden" id="CurPAGE18" name="CurPAGE18" value="1" />
<input type="hidden" id="CurPAGE19" name="CurPAGE19" value="1" />
<input type="hidden" id="latitude" name="latitude" value="37.4849579">
<input type="hidden" id="longitude" name="longitude" value="127.0309005">
<input type="hidden" name="GUBUN_CD" value="NOR" />
<input type="hidden" name="SISULGUBUN_CD" value="" />
<input type="hidden" name="SSB_DIV" value="" />
<!-- 회사 (회원) 스포츠,컬처계약 조건 -->
<input type="hidden" id="UC_CONTRACT_SPT" name="UC_CONTRACT_SPT" value="" />
<input type="hidden" id="UC_CONTRACT_CUL" name="UC_CONTRACT_CUL" value="" />
<!-- 회사 (회원) 카테고리 제약 조건 -->
<input type="hidden" id="UC_DISPLAY_CTGY_CD" name="UC_DISPLAY_CTGY_CD" value="" />
<input type="hidden" id="UC_DISPLAY_SUB_CTGY_CD" name="UC_DISPLAY_SUB_CTGY_CD" value='' />
<!-- 회사 (회원) 시설 코드 -->
<input type="hidden" id="UC_CPY_CD" name="UC_CPY_CD" value="" />
<!-- 회사 LAT 코드 -->
<input type="hidden" id="UC_LAT" name="UC_LAT" value="" />
<!-- 회사 LNG 코드 -->
<input type="hidden" id="UC_LNG" name="UC_LNG" value="" />
<!-- 회사 UW_CD 코드 -->
<input type="hidden" id="UW_CD" name="UW_CD" value="" />
<!-- 회사 UW_RGN_CD 코드 -->
<input type="hidden" id="UW_RGN_CD" name="UW_RGN_CD" value="" />
</form>
<div id="sub-menu" class="tm-show">
<div class="container">
<div class="row">
<div class="col-xs-12">
<div class="wrap-slide-menu">
<ul>
<li><a href="/" title="" target="_self">홈</a></li>
<!-- /로그인에 따른 분기 -->
<li><a href="/membership" title="" target="_self">멤버십</a></li>
<li><a href="/center" title="" target="_self">이용시설</a></li>
<li><a href="/benefit" title="" target="_self">혜택</a></li>
<li><a href="/guide" title="" target="_self">가입안내</a></li>
<li><a href="/customer/notice" title="" target="_self">고객센터</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div id="main-login">
<div class="container-fluid no-pd">
<div id="circularMenu" class="circular-menu">
<a class="floating-btn" onclick="document.getElementById('circularMenu').classList.toggle('active');">
웰빙
</a>
<hr style="position: absolute;top: 7px;width: 67px;border-top: 1px #aacafe solid;right: 57px;">
<menu class="items-wrapper">
<a href="#" class="menu-item" onclick="javascript:gTagFunc('버튼클릭', '메인페이지', '모바일앱카드', '/mobilecard');">
<div style="padding-top: 21px;color: black;position: absolute;top: 4px;left: 9px;color: #ffffff;">앱카드</div>
</a>
<a href="#" class="menu-item " onclick="javascript:location.href='/main/mainApprovalBridge';">
<div style="padding-top: 21px;color: black;position: absolute;top: 7px;left: 7px;color: #ffffff;">시설검색</div>
</a>
</menu>
</div>
<style>
.circular-menu hr{display:none;}
.circular-menu.active hr{display:block}
.circular-menu {
position: fixed;
/* position: absolute; */
top: 110px;
right: 4px;
z-index: 99;
}
.circular-menu .floating-btn {
display: none;
width: 3em;
height: 2.5em;
/* border-radius: 50%; */
border-radius: 8px;
background-color: #478fff;
box-shadow: 0 2px 5px 0 hsla(0, 0%, 0%, .26);
color: hsl(252deg 67% 29%) !important;
text-align: center;
line-height: 2.6;
cursor: pointer;
outline: 0;
}
.circular-menu.active .floating-btn {
box-shadow: inset 0 0 3px hsla(0, 0%, 0%, .3);
background-color: #ffffff;
animation:ccc .2s;
border-radius: 50%;
backface-visibility: hidden;
animation-fill-mode: forwards;
animation-timing-function: ease-in-out;
width: 3em;
height: 3em;
line-height: 3;
display:block;
font-size:17px;
}
@keyframes ccc{
0% {
background-color: #478fff;
}
100% {
background-color: #ffffff;
}
}
@keyframes ddd{
0% {
background-color: #ffffff;
}
100% {
background-color: #478fff;
}
}
.circular-menu .menu-item .fas.fa-barcode{display:none;}
.circular-menu.active .menu-item .fas.fa-barcode{display:block;}
.circular-menu .floating-btn:active {
box-shadow: 0 4px 8px 0 hsla(0, 0%, 0%, .4);
}
.circular-menu .floating-btn i {
font-size: 1.3em;
transition: transform .2s;
}
.circular-menu.active .floating-btn i {
/* transform: rotate(-45deg); */
transform: rotate(360deg);
color: black;
}
.circular-menu:after {
display: block;
content: ' ';
/* width: 2.2em; */
/* height: 2.2em; */
width:0px;
height:0px;
border-radius: 17%;
position: absolute;
top: 5px;
right: 2px;
z-index: -2;
transition: all .3s ease;
box-shadow: 0 2px 5px 0 hsl(0deg 0% 0% / 26%);
animation:ddd .2s;
backface-visibility: hidden;
animation-fill-mode: forwards;
animation-timing-function: ease-in-out;
}
@media (min-width: 768px){
.circular-menu {
top: 172px;
}
}
.circular-menu.active:after {
transform: scale3d(3.5, 3.5, 1);
-webkit-transform: scale3d(3.5, 3.5, 1);
width: 4.5em;
height: 3.7em;
}
.circular-menu .items-wrapper {
padding: 0;
margin: 0;
}
.circular-menu .menu-item {
position: absolute;
top: 9.2em;
right: 1.2em;
z-index: -1;
display: none;
text-decoration: none;
color: hsl(0, 0%, 100%);
font-size: 1em;
width: 3.5em;
height: 3.5em;
text-align: center;
line-height: 3;
transition: transform .3s ease, background .2s ease;
}
.circular-menu .menu-item:hover {
/* background-color: hsla(0,0%,0%,.3); */
}
.circular-menu.active .menu-item {
transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
width: 6.5em;
height: 6.5em;
}
.circular-menu.active .menu-item:nth-child(1) {
transform: translate3d(-43px,63px,0);
background-image: url(/images/main/navi_icon_barcode_white.png);
-webkit-background-size: 244px 229px;
background-size: 35px 35px;
background-repeat: no-repeat;
background-position: 9px 0px;
width: 51px;
height: 51px;
top: -7.8em;
display:block;
}
.circular-menu.active .menu-item:nth-child(2) {
transform: translate3d(-37px,-82px,0);
background-image: url(/images/main/hand_code_white.png);
-webkit-background-size: 244px 229px;
background-size: 35px 35px;
background-repeat: no-repeat;
background-position: 12px 0px;
width: 61px;
height: 56px;
display:block;
}
.circular-menu.active .menu-item:nth-child(3) {
transform: translate3d(-6.5em,3.8em,0);
}
.circular-menu.active .menu-item:nth-child(4) {
transform: translate3d(-7em,0em,0);
}
/**
* The other theme for this menu
*/
.circular-menu.circular-menu-left {
right: auto;
left: 1em;
}
.circular-menu.circular-menu-left .floating-btn {
/* background-color: hsl(217, 89%, 61%); */
}
.circular-menu.circular-menu-left:after {
/* background-color: hsl(217, 89%, 61%); */
}
.circular-menu.circular-menu-left.active .floating-btn i {
transform: rotate(90deg);
}
.circular-menu.circular-menu-left.active .menu-item:nth-child(1) {
transform: translate3d(-0.4em,3.3em,0);
}
.circular-menu.circular-menu-left.active .menu-item:nth-child(2) {
transform: translate3d(-0.1em,-53px,0);
}
.circular-menu.circular-menu-left.active .menu-item:nth-child(3) {
transform: translate3d(6.5em,3.8em,0);
}
.circular-menu.circular-menu-left.active .menu-item:nth-child(4) {
transform: translate3d(7em,0em,0);
}</style> </div>
<!--/ mobile user info -->
<div class="container-fluid no-pd">
<section id="slide-main" class="tag">
<div class="">
<div id="sec_list_main" style="display: block;">
<div class="swiper-container swiper-main">
<div class="swiper-wrapper">
<div class="swiper-slide swiper-frame1">
<div style="background-color: #d4f1ff;"> <div class="" tag-label="전국 프랜차이즈" ></div> <div class=""> <a href="/benefit/leisureBenefit" event_label="전국 프랜차이즈" event_category="배너"><img src="/images/main/slider/250401_main_top_slides_pc_franchise.jpg" class="swp-img4" ></a> </div></div> </div>
<div class="swiper-slide swiper-frame2">
<div style="background-color: #ffe4ed;"> <div class="" tag-label="웰빙-퍼포먼스" ></div> <div class=""> <a href="/benefit/generalBenefit" event_label="웰빙-퍼포먼스" event_category="배너"><img src="/images/main/slider/250401_main_top_slides_pc_performance.jpg" class="swp-img2" ></a> </div></div> </div>
<div class="swiper-slide swiper-frame3">
<div style="background-color: #e9ffd0;"> <div class="" tag-label="복리후생" ></div> <div class=""> <a href="/etc/support" event_label="복리후생" event_category="배너"><img src="/images/main/slider/250408_main_top_slides_pc_company.jpg" class="swp-img0" ></a> </div></div> </div>
<div class="swiper-slide swiper-frame4">
<div style="background-color: #efeafe;"> <div class="" tag-label="룰렛이벤트" ></div> <div class=""> <a href="/benefit/rouletteEvent" event_label="룰렛이벤트" event_category="배너"><img src="/images/main/slider/250407_main_top_slides_pc_roulette.jpg" class="swp-img1" ></a> </div></div> </div>
<div class="swiper-slide swiper-frame5">
<div style="background-color: #ffe7cf;"> <div class="" tag-label="웰빙-액티비티" ></div> <div class=""> <a href="/benefit/activity" event_label="웰빙-액티비티" event_category="배너"><img src="/images/main/slider/250401_main_top_slides_pc_activity.jpg" class="swp-img3" ></a> </div></div> </div>
</div>
<!-- If we need pagination -->
<div class="swiper-pagination swiper-pagination-main"></div>
<!-- If we need navigation buttons -->
<div class="swiper-button-prev"></div>
<div class="swiper-button-next"></div>
</div>
</div>
</div>
</section>
</div>
<!--/ Main Visual -->
<div class="container-fluid no-pd">
<section class="sec-login-user">
<div class="row inner-contents">
<div class="col-md-4 pc"style="display:none;">
<ul class="user-info">
<li class="name">
<div class="vip-icon-area-layer">
<div class="vip-icon-area">VIP</div>
</div>
<span></span>님
</li>
<li class="point" style="padding-right:3px;">
<a href="javascript:void(0);" onclick="javascript:gTagFunc('버튼클릭', '메인페이지', '포인트', '/benefit/pointsUse');" style="float:right;">
<span class="main-ml-point">
0 </span>
<span style="color:#4F7DFF;font-size:15px;">P</span>
</a>
</li>
</ul>
</div>
<div class="col-md-12">
<div class="box-notice" style="display: block;">
<div class="row-inner">
<div class="tit">
<p>공지사항</p>
</div>
<div id="newsticker1" class="item-notice">
<ul style="width:100%;">
<li>
<div style="font-weight:bold;font-size:16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;"><a style="" href="/customer/noticeDetail?seq=2032" title="신규회원 30,000원 + 기존회원 15,000원">신규회원 30,000원 + 기존회원 15,000원</a></div>
</li>
<li>
<div style="font-weight:bold;font-size:16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;"><a style="" href="/customer/noticeDetail?seq=2029" title="25년 6월 등급변경(정책조정) ">25년 6월 등급변경(정책조정) </a></div>
</li>
<li>
<div style="font-weight:bold;font-size:16px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;"><a style="" href="/customer/noticeDetail?seq=2030" title="2025 대한민국 소비자 만족 대상 수상">2025 대한민국 소비자 만족 대상 수상</a></div>
</li>
</ul>
</div>
<div class="more">
<a href="javascript:void(0);" onclick="javascript:gTagFunc('버튼클릭', '메인페이지', '공지더보기', '/customer/notice');" title="더보기" >
<i class="fa fa-solid fa-chevron-right"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
<div class="container-fluid no-pd">
<section style="position:relative;" id="section_layer2" class="tag visible">
<div class="row inner-contents" >
<div class="col-md-12">
<div id="sec_list2">
<div>
<div class="copy-txt">내 주변 추천 시설<span class="clip-btn" style="color: #000000;border:1px #000000 solid;cursor:pointer;" onclick="javascript:location.href='/center'">더보기 + </span></div>
<div class="swiper mySwiper2">
<div class="swiper-wrapper" id="sec_sub_list2">
<div class="swiper-slide swiper-list-layer">
<a href="/center/detail?SSB_CD=SBAT24060115&SSB_SISULGUBUN_CD=SPT" event_label="빌리프짐&필라테스[양재역점]" event_category="내주변추천시설">
<img src="https://admin.wbcm.co.kr/UPLOAD/SISUL/SBAT24060115/SBAT24060115_MAIN_.JPG" class="lazyload" style="width:100%;">
</a>
<div class="content-txt">빌리프짐&필라테스[양재역점]</div>
</div>
<div class="swiper-slide swiper-list-layer">
<a href="/center/detail?SSB_CD=SBAT22090001&SSB_SISULGUBUN_CD=SPT" event_label="플라이짐" event_category="내주변추천시설">
<img src="https://admin.wbcm.co.kr/UPLOAD/SISUL/SBAT22090001/SBAT22090001_MAIN_.JPG" class="lazyload" style="width:100%;">
</a>
<div class="content-txt">플라이짐</div>
</div>
<div class="swiper-slide swiper-list-layer">
<a href="/center/detail?SSB_CD=SBAT24080054&SSB_SISULGUBUN_CD=SPT" event_label="스포애니[뱅뱅사거리점]" event_category="내주변추천시설">
<img src="https://admin.wbcm.co.kr/UPLOAD/SISUL/SBAT24080054/SBAT24080054_MAIN_.JPG" class="lazyload" style="width:100%;">
</a>
<div class="content-txt">스포애니[뱅뱅사거리점]</div>
</div>
<div class="swiper-slide swiper-list-layer">
<a href="/center/detail?SSB_CD=SBAT19070009&SSB_SISULGUBUN_CD=SPT" event_label="피트니스나인" event_category="내주변추천시설">
<img src="https://admin.wbcm.co.kr/UPLOAD/SISUL/SBAT19070009/SBAT19070009_MAIN_.JPG" class="lazyload" style="width:100%;">
</a>
<div class="content-txt">피트니스나인</div>
</div>
<div class="swiper-slide swiper-list-layer">
<a href="/center/detail?SSB_CD=SBAT24100003&SSB_SISULGUBUN_CD=SPT" event_label="엘파르케골프아카데미[양재센터][QED]" event_category="내주변추천시설">
<img src="https://admin.wbcm.co.kr/UPLOAD/SISUL/SBAT24100003/SBAT24100003_MAIN_.JPG" class="lazyload" style="width:100%;">
</a>
<div class="content-txt">엘파르케골프아카데미[양재센터][QED]</div>
</div>
<div class="swiper-slide swiper-list-layer">
<a href="/center/detail?SSB_CD=SBAT24110013&SSB_SISULGUBUN_CD=SPT" event_label="화이트짐[양재점]" event_category="내주변추천시설">
<img src="https://admin.wbcm.co.kr/UPLOAD/SISUL/SBAT24110013/SBAT24110013_MAIN_.JPG" class="lazyload" style="width:100%;">
</a>
<div class="content-txt">화이트짐[양재점]</div>
</div>
</div>
<span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- 현금으로 돌려받는 캐시백 포인트P 인기순위 -->
<section style="position:relative;" id="section_layer3" class="tag visible">
<div class="row inner-contents" >
<div class="col-md-12">
<div id="sec_list3">
<div>
<div class='copy-txt'>현금으로 돌려받는 캐시백 포인트 인기순위<span class="clip-btn" style="color: #000000;border:1px #000000 solid;cursor:pointer;" onclick="javascript:location.href='/center/jongmok?SISULGUBUN_CD=SPT&MEMKIND_CD=EMP&IC_LVL_CD=&IC_LVL_NM=&SSB_DISPLAY_CTGY_CD=&SSB_DISPLAY_CTGY_NM=&SSB_DISPLAY_SUB_CTGY_CD=&SSB_DISPLAY_SUB_CTGY_NM=&COMMON_ADDR_CODE=&COMMON_ADDR_NAME=&LOW_INCLUDE_YN=N&FREE_YN=N&DISCOUNT_YN=N&PAYBACK_YN=Y&PAYBACK_POINT_YN=N&ADDITION_YN=N'">더보기 + </span></div>
<div class="swiper mySwiper3">
<div class="swiper-wrapper">
<div class="swiper-slide swiper-list-layer">
<div class="number-rank-txt">1</div>
<a href="/center/sisulNameSearch?SISULGUBUN_CD=SPT&SSB_SISUL_NM=골프존파크" event_label="골프존파크" event_category="페이백 시설"><img src="/images/main/main_renewal/payback_1_golfzone.jpg" class="lazyload" style="width:100%;"/></a>
<div class="content-txt">골프존파크</div>
</div>
<div class="swiper-slide swiper-list-layer">
<div class="number-rank-txt">2</div>
<a href="/center/jongmok?SISULGUBUN_CD=SPT&MEMKIND_CD=EMP&IC_LVL_CD=&IC_LVL_NM=&SSB_DISPLAY_CTGY_CD=1020&SSB_DISPLAY_CTGY_NM=골프&SSB_DISPLAY_SUB_CTGY_CD=S15&SSB_DISPLAY_SUB_CTGY_NM=골프장CC&COMMON_ADDR_CODE=&COMMON_ADDR_NAME=&LOW_INCLUDE_YN=N&FREE_YN=N&DISCOUNT_YN=N&PAYBACK_YN=Y&PAYBACK_POINT_YN=N&ADDITION_YN=N" event_label="페이백 시설" event_category="골프장CC"><img src="/images/main/main_renewal/payback_2_golfCC.jpg" class="lazyload" style="width:100%;"/></a>
<div class="content-txt">골프장CC</div>
</div>
<div class="swiper-slide swiper-list-layer">
<div class="number-rank-txt">3</div>
<a href="/center/jongmok?SISULGUBUN_CD=SPT&MEMKIND_CD=EMP&IC_LVL_CD=&IC_LVL_NM=&SSB_DISPLAY_CTGY_CD=1020&SSB_DISPLAY_CTGY_NM=골프&SSB_DISPLAY_SUB_CTGY_CD=S05&SSB_DISPLAY_SUB_CTGY_NM=실외골프&COMMON_ADDR_CODE=&COMMON_ADDR_NAME=&LOW_INCLUDE_YN=N&FREE_YN=N&DISCOUNT_YN=N&PAYBACK_YN=Y&PAYBACK_POINT_YN=N&ADDITION_YN=N" event_label="페이백 시설" event_category="실외연습장"><img src="/images/main/main_renewal/cash_golf.jpg" class="lazyload" style="width:100%;"/></a>
<div class="content-txt">실외연습장</div>
</div>
<div class="swiper-slide swiper-list-layer">
<div class="number-rank-txt">4</div>
<a href="/center/jongmok?SISULGUBUN_CD=SPT&MEMKIND_CD=EMP&IC_LVL_CD=&IC_LVL_NM=&SSB_DISPLAY_CTGY_CD=1170&SSB_DISPLAY_CTGY_NM=요가&SSB_DISPLAY_SUB_CTGY_CD=S10&SSB_DISPLAY_SUB_CTGY_NM=요가&COMMON_ADDR_CODE=&COMMON_ADDR_NAME=&LOW_INCLUDE_YN=N&FREE_YN=N&DISCOUNT_YN=N&PAYBACK_YN=Y&PAYBACK_POINT_YN=N&ADDITION_YN=N" event_label="페이백 시설" event_category="요가"><img src="/images/main/main_renewal/cash_yoga.jpg" class="lazyload" style="width:100%;"/></a>
<div class="content-txt">요가</div>
</div>
<div class="swiper-slide swiper-list-layer">
<div class="number-rank-txt">5</div>
<a href="/center/jongmok?SISULGUBUN_CD=SPT&MEMKIND_CD=EMP&IC_LVL_CD=&IC_LVL_NM=&SSB_DISPLAY_CTGY_CD=1335&SSB_DISPLAY_CTGY_NM=필라테스&SSB_DISPLAY_SUB_CTGY_CD=S11&SSB_DISPLAY_SUB_CTGY_NM=필라테스&COMMON_ADDR_CODE=&COMMON_ADDR_NAME=&LOW_INCLUDE_YN=N&FREE_YN=N&DISCOUNT_YN=N&PAYBACK_YN=Y&PAYBACK_POINT_YN=N&ADDITION_YN=N" event_label="페이백 시설" event_category="필라테스"><img src="/images/main/main_renewal/cash_pilates.jpg" class="lazyload" style="width:100%;"/></a>
<div class="content-txt">필라테스</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- 월 최대 21,000 멤버스 포인트 적립 -->
<section style="position:relative;" id="section_layer4" class="tag visible">
<div class="row inner-contents" >
<div class="col-md-12">
<div id="sec_list4">
<div>
<div class='copy-txt'>월 최대 21,000 멤버스 포인트 적립<span class="clip-btn" style="color: #000000;border:1px #000000 solid;cursor:pointer;" onclick="javascript:location.href='/center/jongmok?SISULGUBUN_CD=SPT&MEMKIND_CD=EMP&IC_LVL_CD=&IC_LVL_NM=&SSB_DISPLAY_CTGY_CD=&SSB_DISPLAY_CTGY_NM=&SSB_DISPLAY_SUB_CTGY_CD=&SSB_DISPLAY_SUB_CTGY_NM=&COMMON_ADDR_CODE=&COMMON_ADDR_NAME=&LOW_INCLUDE_YN=N&FREE_YN=N&DISCOUNT_YN=N&PAYBACK_YN=N&PAYBACK_POINT_YN=Y&ADDITION_YN=N'">더보기 + </span></div>
<div class="swiper mySwiper4">
<div class="swiper-wrapper">
<div class="swiper-slide swiper-list-layer">
<a href="/center/jongmok?SISULGUBUN_CD=SPT&MEMKIND_CD=EMP&IC_LVL_CD=&IC_LVL_NM=&SSB_DISPLAY_CTGY_CD=1420&SSB_DISPLAY_CTGY_NM=음식점&SSB_DISPLAY_SUB_CTGY_CD=&SSB_DISPLAY_SUB_CTGY_NM=&COMMON_ADDR_CODE=&COMMON_ADDR_NAME=&LOW_INCLUDE_YN=N&FREE_YN=N&DISCOUNT_YN=N&PAYBACK_YN=N&PAYBACK_POINT_YN=Y&ADDITION_YN=N" event_label="월 최대 21,000 멤버스 포인트 적립" event_category="아웃백&빕스"><img src="/images/main/main_renewal/members_vips.jpg" class="lazyload" style="width:100%;"/></a>
<div class="content-txt">아웃백&빕스</div>
</div>
<div class="swiper-slide swiper-list-layer">
<a href="/center/jongmok?SISULGUBUN_CD=SPT&MEMKIND_CD=EMP&IC_LVL_CD=&IC_LVL_NM=&SSB_DISPLAY_CTGY_CD=1420&SSB_DISPLAY_CTGY_NM=음식점&SSB_DISPLAY_SUB_CTGY_CD=&SSB_DISPLAY_SUB_CTGY_NM=&COMMON_ADDR_CODE=&COMMON_ADDR_NAME=&LOW_INCLUDE_YN=N&FREE_YN=N&DISCOUNT_YN=N&PAYBACK_YN=N&PAYBACK_POINT_YN=Y&ADDITION_YN=N" event_label="월 최대 21,000 멤버스 포인트 적립" event_category="미쉐린&블루리본"><img src="/images/main/main_renewal/members_michelin.jpg" class="lazyload" style="width:100%;"/></a>
<div class="content-txt">미쉐린&블루리본</div>
</div>
<div class="swiper-slide swiper-list-layer">
<a href="/center/jongmok?SISULGUBUN_CD=SPT&MEMKIND_CD=EMP&IC_LVL_CD=&IC_LVL_NM=&SSB_DISPLAY_CTGY_CD=1110&SSB_DISPLAY_CTGY_NM=등산&SSB_DISPLAY_SUB_CTGY_CD=&SSB_DISPLAY_SUB_CTGY_NM=&COMMON_ADDR_CODE=&COMMON_ADDR_NAME=&LOW_INCLUDE_YN=N&FREE_YN=N&DISCOUNT_YN=N&PAYBACK_YN=N&PAYBACK_POINT_YN=Y&ADDITION_YN=N" event_label="월 최대 21,000 멤버스 포인트 적립" event_category="100대 명산"><img src="/images/main/main_renewal/payback_3_hiking.jpg" class="lazyload" style="width:100%;"/></a>
<div class="content-txt">100대 명산</div>
</div>
<div class="swiper-slide swiper-list-layer">
<a href="/center/jongmok?SISULGUBUN_CD=SPT&MEMKIND_CD=EMP&IC_LVL_CD=&IC_LVL_NM=&SSB_DISPLAY_CTGY_CD=1200&SSB_DISPLAY_CTGY_NM=테마파크&SSB_DISPLAY_SUB_CTGY_CD=&SSB_DISPLAY_SUB_CTGY_NM=&COMMON_ADDR_CODE=&COMMON_ADDR_NAME=&LOW_INCLUDE_YN=N&FREE_YN=N&DISCOUNT_YN=N&PAYBACK_YN=N&PAYBACK_POINT_YN=Y&ADDITION_YN=N" event_label="월 최대 21,000 멤버스 포인트 적립" event_category="테마파크"><img src="/images/main/main_renewal/payback_4_themepark.jpg" class="lazyload" style="width:100%;"/></a>
<div class="content-txt">테마파크</div>
</div>
<div class="swiper-slide swiper-list-layer">
<a href="/center/jongmok?SISULGUBUN_CD=SPT&MEMKIND_CD=EMP&IC_LVL_CD=&IC_LVL_NM=&SSB_DISPLAY_CTGY_CD=1030&SSB_DISPLAY_CTGY_NM=공연&SSB_DISPLAY_SUB_CTGY_CD=&SSB_DISPLAY_SUB_CTGY_NM=&COMMON_ADDR_CODE=&COMMON_ADDR_NAME=&LOW_INCLUDE_YN=N&FREE_YN=N&DISCOUNT_YN=N&PAYBACK_YN=N&PAYBACK_POINT_YN=Y&ADDITION_YN=N" event_label="월 최대 21,000 멤버스 포인트 적립" event_category="공연장"><img src="/images/main/main_renewal/payback_5_theater.jpg" class="lazyload" style="width:100%;"/></a>
<div class="content-txt">공연장</div>
</div>
<div class="swiper-slide swiper-list-layer">
<a href="/center/jongmok?SISULGUBUN_CD=SPT&MEMKIND_CD=EMP&IC_LVL_CD=&IC_LVL_NM=&SSB_DISPLAY_CTGY_CD=1425&SSB_DISPLAY_CTGY_NM=만화카페&SSB_DISPLAY_SUB_CTGY_CD=&SSB_DISPLAY_SUB_CTGY_NM=&COMMON_ADDR_CODE=&COMMON_ADDR_NAME=&LOW_INCLUDE_YN=N&FREE_YN=N&DISCOUNT_YN=N&PAYBACK_YN=N&PAYBACK_POINT_YN=Y&ADDITION_YN=N" event_label="월 최대 21,000 멤버스 포인트 적립" event_category="만화카페"><img src="/images/main/main_renewal/members_comic.JPG" class="lazyload" style="width:100%;"/></a>
<div class="content-txt">만화카페</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<style>
.empty-div {
width: 100%;
height: 100%; /* 빈 div를 이미지의 크기와 동일하게 만듭니다. */
background-color: #e3e3e3; /* 선택적으로 배경 색상을 추가할 수 있습니다. */
padding-top: 74%;
}
</style>
<section style="position:relative;" id="section_layer30" class="tag">
<div class="row inner-contents" >
<div class="col-md-12">
<div id="sec_list19">
</div>
</div>
</div>
</section>
<section style="position:relative;" id="section_layer5" class="tag">
<div class="row inner-contents" >
<div class="col-md-12">
<div>
<a href="/etc/support" event_label="우리 회사에 도입하면 혜택이 UP" event_category="배너"><img src="/images/main/main_renewal/main_banner_pc_company.jpg" class="banner-img6" style="width:100%;"></a>
</div>
</div>
</div>
</section>
<!-- 컬처멤버십 등록하고 4천원으로 영화관람, 최대11,000원 할인 -->
<section style="position:relative;" id="section_layer5_1" class="tag">
<div class="row inner-contents" >
<div class="col-md-12">
<div id="sec_list5_1">
<div>
<div class='copy-txt'>컬처멤버십 등록하고<br class="mobile-show"> 영화관람, 최대11,000원 할인
<!-- span class="clip-btn" onclick="javascript:location.href='/center/nationWideDetail?SSB_CD=SBAA23050004&SSB_SISULGUBUN_CD=CUL'">롯데시네마 +</span> -->
<span class="clip-btn" style="cursor:pointer;" onclick="javascript:location.href='/center/nationWideDetail?SSB_CD=SBAA24050001&SSB_SISULGUBUN_CD=CUL'">CGV +</span>
</div>
<div class="swiper mySwiper5_1">
<div class="swiper-wrapper">
<div class="swiper-slide swiper-list-layer">
<div class="number-rank-txt">1</div>
<a id="view_lottecinema" onclick ="javscript:linkFunc('http://www.cgv.co.kr/movies/detail-view/?midx=89629');" event_label="미션 임파서블: 파이널 레코닝" event_category="4천원으로 보는 영화"><img src="https://img.cgv.co.kr/Movie/Thumbnail/Poster/000089/89629/89629_320.jpg" style="width:100%;" class="lazyload" alt="미션 임파서블: 파이널 레코닝"></a>
<div class="content-txt">미션 임파서블: 파이널 레코닝</div>
</div>
<div class="swiper-slide swiper-list-layer">
<div class="number-rank-txt">2</div>
<a id="view_lottecinema" onclick ="javscript:linkFunc('http://www.cgv.co.kr/movies/detail-view/?midx=89568');" event_label="파과" event_category="4천원으로 보는 영화"><img src="https://img.cgv.co.kr/Movie/Thumbnail/Poster/000089/89568/89568_320.jpg" style="width:100%;" class="lazyload" alt="파과"></a>
<div class="content-txt">파과</div>
</div>
<div class="swiper-slide swiper-list-layer">
<div class="number-rank-txt">3</div>
<a id="view_lottecinema" onclick ="javscript:linkFunc('http://www.cgv.co.kr/movies/detail-view/?midx=89583');" event_label="바이러스" event_category="4천원으로 보는 영화"><img src="https://img.cgv.co.kr/Movie/Thumbnail/Poster/000089/89583/89583_320.jpg" style="width:100%;" class="lazyload" alt="바이러스"></a>
<div class="content-txt">바이러스</div>
</div>
<div class="swiper-slide swiper-list-layer">
<div class="number-rank-txt">4</div>
<a id="view_lottecinema" onclick ="javscript:linkFunc('http://www.cgv.co.kr/movies/detail-view/?midx=89578');" event_label="썬더볼츠" event_category="4천원으로 보는 영화"><img src="https://img.cgv.co.kr/Movie/Thumbnail/Poster/000089/89578/89578_320.jpg" style="width:100%;" class="lazyload" alt="썬더볼츠"></a>
<div class="content-txt">썬더볼츠</div>
</div>
<div class="swiper-slide swiper-list-layer">
<div class="number-rank-txt">5</div>
<a id="view_lottecinema" onclick ="javscript:linkFunc('http://www.cgv.co.kr/movies/detail-view/?midx=84279');" event_label="극장판 귀멸의 칼날" event_category="4천원으로 보는 영화"><img src="https://img.cgv.co.kr/Movie/Thumbnail/Poster/000084/84279/84279_320.jpg" style="width:100%;" class="lazyload" alt="극장판 귀멸의 칼날"></a>
<div class="content-txt">극장판 귀멸의 칼날</div>
</div>
<div class="swiper-slide swiper-list-layer">
<div class="number-rank-txt">6</div>
<a id="view_lottecinema" onclick ="javscript:linkFunc('http://www.cgv.co.kr/movies/detail-view/?midx=89454');" event_label="야당" event_category="4천원으로 보는 영화"><img src="https://img.cgv.co.kr/Movie/Thumbnail/Poster/000089/89454/89454_320.jpg" style="width:100%;" class="lazyload" alt="야당"></a>
<div class="content-txt">야당</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- 최대 80% 할인 + 웰빙클럽 추가 1만원 할인 뮤지컬 인기순위 -->
<section style="position:relative;" id="section_layer20" class="tag">
<div class="row inner-contents" >
<div class="col-md-12">
<div id="sec_list8">
<div>
<div class='copy-txt'>최대 80% 할인 + 웰빙클럽 추가<br class="mobile-show"> 1만원 할인 뮤지컬 인기순위 <span class="clip-btn" style="cursor:pointer;" onclick="javascript:ClipServicelinkFunc('');">클립서비스 +</span></div>
<div class="swiper mySwiper9">
<div class="swiper-wrapper">
<div class="swiper-slide swiper-list-layer">
<div class="number-rank-txt">1</div>
<a href="#" onclick="javascript:ClipServicelinkFunc('78223');" event_label="쇼뮤지컬 TOUCH FIVE（터치 파이브） 특별할인" event_category="뮤지컬 순위">
<img src="https://commonfile.clipservice.co.kr/Storage/Management/Play/PosterImage/posterImg_78223_190_245.png" class="lazyload" style="width:100%;"/></a>
<div class="content-txt">쇼뮤지컬 TOUCH FIVE（터치 파이브） 특별할인</div>
</div>
<div class="swiper-slide swiper-list-layer">
<div class="number-rank-txt">2</div>
<a href="#" onclick="javascript:ClipServicelinkFunc('78545');" event_label="뮤지컬 6시 퇴근 만원愛" event_category="뮤지컬 순위">
<img src="https://commonfile.clipservice.co.kr/Storage/Management/Play/PosterImage/posterImg_78423_190_245.png" class="lazyload" style="width:100%;"/></a>
<div class="content-txt">뮤지컬 6시 퇴근 만원愛</div>
</div>
<div class="swiper-slide swiper-list-layer">
<div class="number-rank-txt">3</div>
<a href="#" onclick="javascript:ClipServicelinkFunc('78452');" event_label="페인터즈－광화문전용관" event_category="뮤지컬 순위">
<img src="https://commonfile.clipservice.co.kr/Storage/Management/Play/PosterImage/posterImg_77806_190_245.png" class="lazyload" style="width:100%;"/></a>
<div class="content-txt">페인터즈－광화문전용관</div>
</div>
<div class="swiper-slide swiper-list-layer">
<div class="number-rank-txt">4</div>
<a href="#" onclick="javascript:ClipServicelinkFunc('78422');" event_label="코믹 추리 락 뮤지컬 탐정케이：수인마을 전설" event_category="뮤지컬 순위">
<img src="https://commonfile.clipservice.co.kr/Storage/Management/Play/PosterImage/posterImg_78422_190_245.png" class="lazyload" style="width:100%;"/></a>
<div class="content-txt">코믹 추리 락 뮤지컬 탐정케이：수인마을 전설</div>
</div>
<div class="swiper-slide swiper-list-layer">
<div class="number-rank-txt">5</div>
<a href="#" onclick="javascript:ClipServicelinkFunc('78320');" event_label="뮤지컬 어서 오세요, 휴남동 서점입니다" event_category="뮤지컬 순위">
<img src="https://commonfile.clipservice.co.kr/Storage/Management/Play/PosterImage/posterImg_78320_190_245.png" class="lazyload" style="width:100%;"/></a>
<div class="content-txt">뮤지컬 어서 오세요, 휴남동 서점입니다</div>
</div>
<div class="swiper-slide swiper-list-layer">
<div class="number-rank-txt">6</div>
<a href="#" onclick="javascript:ClipServicelinkFunc('78255');" event_label="스크루테이프의 편지" event_category="뮤지컬 순위">
<img src="https://commonfile.clipservice.co.kr/Storage/Management/Play/PosterImage/posterImg_76834_190_245.png" class="lazyload" style="width:100%;"/></a>
<div class="content-txt">스크루테이프의 편지</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- 전국 프랜차이즈 인기 10 -->
<section style="position:relative;" id="section_layer5_2" class="tag">
<div class="row inner-contents" >
<div class="col-md-12">
<div id="sec_list5_2"></div>
</div>
</div>
</section>
<!-- 멤버스 포인트 적립 인기순위 -->
<section style="position:relative;" id="section_layer5_3" class="tag">
<div class="row inner-contents" >
<div class="col-md-12">
<div id="sec_list5_3">
<div>
<div class='copy-txt'>멤버스 포인트 적립 인기순위<span class="clip-btn" style="color: #000000;border:1px #000000 solid;cursor:pointer;" onclick="javascript:location.href='/center/jongmok?SISULGUBUN_CD=SPT&MEMKIND_CD=EMP&IC_LVL_CD=&IC_LVL_NM=&SSB_DISPLAY_CTGY_CD=&SSB_DISPLAY_CTGY_NM=&SSB_DISPLAY_SUB_CTGY_CD=&SSB_DISPLAY_SUB_CTGY_NM=&COMMON_ADDR_CODE=&COMMON_ADDR_NAME=&LOW_INCLUDE_YN=N&FREE_YN=N&DISCOUNT_YN=N&PAYBACK_YN=N&PAYBACK_POINT_YN=N&ADDITION_YN=N';">더보기 + </span></div>
<div class="swiper mySwiper34">
<div class="swiper-wrapper">
<div class="swiper-slide swiper-list-layer">
<a href="/center/jongmok?SISULGUBUN_CD=SPT&MEMKIND_CD=EMP&IC_LVL_CD=&IC_LVL_NM=&SSB_DISPLAY_CTGY_CD=1420&SSB_DISPLAY_CTGY_NM=음식점&SSB_DISPLAY_SUB_CTGY_CD=&SSB_DISPLAY_SUB_CTGY_NM=&COMMON_ADDR_CODE=&COMMON_ADDR_NAME=&LOW_INCLUDE_YN=N&FREE_YN=N&DISCOUNT_YN=N&PAYBACK_YN=N&PAYBACK_POINT_YN=N&ADDITION_YN=N" event_label="멤버스 포인트 적립 인기순위" event_category="아웃백&빕스"><img src="/images/main/main_renewal/members_vips.jpg" class="lazyload" style="width:100%;"/></a>
<div class="content-txt">아웃백&빕스</div>
</div>
<div class="swiper-slide swiper-list-layer">
<a href="/center/jongmok?SISULGUBUN_CD=SPT&MEMKIND_CD=EMP&IC_LVL_CD=&IC_LVL_NM=&SSB_DISPLAY_CTGY_CD=1420&SSB_DISPLAY_CTGY_NM=음식점&SSB_DISPLAY_SUB_CTGY_CD=&SSB_DISPLAY_SUB_CTGY_NM=&COMMON_ADDR_CODE=&COMMON_ADDR_NAME=&LOW_INCLUDE_YN=N&FREE_YN=N&DISCOUNT_YN=N&PAYBACK_YN=N&PAYBACK_POINT_YN=N&ADDITION_YN=N" event_label="멤버스 포인트 적립 인기순위" event_category="미쉐린&블루리본"><img src="/images/main/main_renewal/members_michelin.jpg" class="lazyload" style="width:100%;"/></a>
<div class="content-txt">미쉐린&블루리본</div>
</div>
<div class="swiper-slide swiper-list-layer">
<a href="/center/jongmok?SISULGUBUN_CD=SPT&MEMKIND_CD=EMP&IC_LVL_CD=&IC_LVL_NM=&SSB_DISPLAY_CTGY_CD=1110&SSB_DISPLAY_CTGY_NM=등산&SSB_DISPLAY_SUB_CTGY_CD=&SSB_DISPLAY_SUB_CTGY_NM=&COMMON_ADDR_CODE=&COMMON_ADDR_NAME=&LOW_INCLUDE_YN=N&FREE_YN=N&DISCOUNT_YN=N&PAYBACK_YN=N&ADDITION_YN=N" event_label="멤버스 포인트 적립 인기순위" event_category="100대 명산"><img src="/images/main/main_renewal/payback_3_hiking.jpg" class="lazyload" style="width:100%;"/></a>
<div class="content-txt">100대 명산</div>
</div>
<div class="swiper-slide swiper-list-layer">
<a href="/center/jongmok?SISULGUBUN_CD=SPT&MEMKIND_CD=EMP&IC_LVL_CD=&IC_LVL_NM=&SSB_DISPLAY_CTGY_CD=1200&SSB_DISPLAY_CTGY_NM=테마파크&SSB_DISPLAY_SUB_CTGY_CD=&SSB_DISPLAY_SUB_CTGY_NM=&COMMON_ADDR_CODE=&COMMON_ADDR_NAME=&LOW_INCLUDE_YN=N&FREE_YN=N&DISCOUNT_YN=N&PAYBACK_YN=N&ADDITION_YN=N" event_label="멤버스 포인트 적립 인기순위" event_category="테마파크"><img src="/images/main/main_renewal/payback_4_themepark.jpg" class="lazyload" style="width:100%;"/></a>
<div class="content-txt">테마파크</div>
</div>
<div class="swiper-slide swiper-list-layer">
<a href="/center/jongmok?SISULGUBUN_CD=SPT&MEMKIND_CD=EMP&IC_LVL_CD=&IC_LVL_NM=&SSB_DISPLAY_CTGY_CD=1030&SSB_DISPLAY_CTGY_NM=공연&SSB_DISPLAY_SUB_CTGY_CD=&SSB_DISPLAY_SUB_CTGY_NM=&COMMON_ADDR_CODE=&COMMON_ADDR_NAME=&LOW_INCLUDE_YN=N&FREE_YN=N&DISCOUNT_YN=N&PAYBACK_YN=Y&ADDITION_YN=N" event_label="멤버스 포인트 적립 인기순위" event_category="공연장"><img src="/images/main/main_renewal/payback_5_theater.jpg" class="lazyload" style="width:100%;"/></a>
<div class="content-txt">공연장</div>
</div>
<div class="swiper-slide swiper-list-layer">
<a href="/center/jongmok?SISULGUBUN_CD=SPT&MEMKIND_CD=EMP&IC_LVL_CD=&IC_LVL_NM=&SSB_DISPLAY_CTGY_CD=1425&SSB_DISPLAY_CTGY_NM=만화카페&SSB_DISPLAY_SUB_CTGY_CD=&SSB_DISPLAY_SUB_CTGY_NM=&COMMON_ADDR_CODE=&COMMON_ADDR_NAME=&LOW_INCLUDE_YN=N&FREE_YN=N&DISCOUNT_YN=N&PAYBACK_YN=N&ADDITION_YN=N" event_label="멤버스 포인트 적립 인기순위" event_category="만화카페"><img src="/images/main/main_renewal/members_comic.JPG" class="lazyload" style="width:100%;"/></a>
<div class="content-txt">만화카페</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- 멤버스 포인트 상품 인기순위 -->
<section style="position:relative;" id="section_layer6" class="tag">
<div class="row inner-contents" >
<div class="col-md-12">
<div id="sec_list5"></div>
</div>
</div>
</section>
<section style="position:relative;" id="section_layer8" class="tag">
<div class="row inner-contents" >
<div class="col-md-12">
<div>
<a href="/membership/honors" event_label="아너스 그룹" event_category="배너">
<img src="/images/main/main_renewal/main_banner_pc_honors.jpg" class="banner-img4" style="width:100%;"></a>
</div>
</div>
</div>
</section>
<!-- 컬처멤버십 인기순위 -->
<section style="position:relative;" id="section_layer17" class="tag">
<div class="row inner-contents" >
<div class="col-md-12">
<div id="sec_list12">
<div>
<div class='copy-txt'>컬처멤버십 인기순위<span class="clip-btn" style="color: #000000;border:1px #000000 solid;cursor:pointer;" onclick="javascript:location.href='/membership/cultureRanking'">더보기 + </span></div>
<div class="swiper mySwiper12">
<div class="swiper-wrapper">
<div class="swiper-slide swiper-list-layer">
<div class="number-rank-txt">1</div>
<a href="/membership/cultureRanking" event_label="블루" event_category="컬처멤버십"><img src="/images/main/main_renewal/BLUE.jpg" class="lazyload" style="width:100%;"/></a>
<div class="content-txt">블루 등급</div>
</div>
<div class="swiper-slide swiper-list-layer">
<div class="number-rank-txt">2</div>
<a href="/membership/cultureRanking" event_label="골드" event_category="컬처멤버십"><img src="/images/main/main_renewal/GOLD.jpg" class="lazyload" style="width:100%;"/></a>
<div class="content-txt">골드 등급</div>
</div>
<div class="swiper-slide swiper-list-layer">
<div class="number-rank-txt">3</div>
<a href="/membership/cultureRanking" event_label="실버" event_category="컬처멤버십"><img src="/images/main/main_renewal/SILVER.jpg" class="lazyload" style="width:100%;"/></a>
<div class="content-txt">실버 등급</div>
</div>
<div class="swiper-slide swiper-list-layer">
<div class="number-rank-txt">4</div>
<a href="/membership/cultureRanking" event_label="올-카페" event_category="컬처멤버십"><img src="/images/main/main_renewal/ALLCAFE.jpg" class="lazyload" style="width:100%;"/></a>
<div class="content-txt">올-카페 등급</div>
</div>
<div class="swiper-slide swiper-list-layer">
<div class="number-rank-txt">5</div>
<a href="/membership/cultureRanking" event_label="영&뷰티" event_category="컬처멤버십"><img src="/images/main/main_renewal/YOUNG_&_BEAUTY.jpg" class="lazyload" style="width:100%;"/></a>
<div class="content-txt">영&뷰티 등급</div>
</div>
<div class="swiper-slide swiper-list-layer">
<div class="number-rank-txt">6</div>
<a href="/membership/cultureRanking" event_label="스윗매니아2" event_category="컬처멤버십"><img src="/images/main/main_renewal/SWEET_MANIA_2.jpg" class="lazyload" style="width:100%;"/></a>
<div class="content-txt">스윗매니아2 등급</div>
</div>
<div class="swiper-slide swiper-list-layer">
<div class="number-rank-txt">7</div>
<a href="/membership/cultureRanking" event_label="스윗매니아1" event_category="컬처멤버십"><img src="/images/main/main_renewal/SWEET_MANIA_1.jpg" class="lazyload" style="width:100%;"/></a>
<div class="content-txt">스윗매니아1 등급</div>
</div>
<div class="swiper-slide swiper-list-layer">
<div class="number-rank-txt">8</div>
<a href="/membership/cultureRanking" event_label="딜리버리" event_category="컬처멤버십"><img src="/images/main/main_renewal/DELIVERY.jpg" class="lazyload" style="width:100%;"/></a>
<div class="content-txt">딜리버리 등급</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- 골프장cc 캐시백 포인트 인기 10 -->
<section style="position:relative;" id="section_layer9" class="tag">
<div class="row inner-contents" >
<div class="col-md-12">
<div id="sec_list7"></div>
</div>
</div>
</section>
<!-- 100대 명산 멤버스 포인트 인기 10 -->
<section style="position:relative;" id="section_layer10" class="tag">
<div class="row inner-contents" >
<div class="col-md-12">
<div id="sec_list16"></div>
</div>
</div>
</section>
<!-- 추가이용료 없이 즐기는 시설 -->
<section style="position:relative;" id="section_layer11" class="tag">
<div class="row inner-contents" >
<div class="col-md-12">
<div id="sec_list17"></div>
</div>
</div>
</section>
<section style="position:relative;" id="section_layer12" class="tag">
<div class="row inner-contents" >
<div class="col-md-12">
<div>
<a href="/benefit/pointsCollect" event_label="쏠쏠한 포인트 생활" event_category="배너">
<img src="/images/main/main_renewal/main_banner_pc_point.jpg" class="banner-img3" style="width:100%;"></a>
</div>
</div>
</div>
</section>
<!-- 내 주변 로컬 인기할인 10 -->
<section style="position:relative;" id="section_layer13" class="tag">
<div class="row inner-contents" >
<div class="col-md-12">
<div id="sec_list6"></div>
</div>
</div>
</section>
<!-- 택멤버십 등록없이도 누리는 할인혜택 -->
<section style="position:relative;" id="section_layer7" class="tag">
<div class="row inner-contents" >
<div class="col-md-12">
<div id="sec_list15">
<div>
<div class='copy-txt'>멤버십 등록없이도 누리는 할인혜택<span class="clip-btn" style="display:none;color: #000000;border:1px #000000 solid;cursor:pointer;" onclick="javascript:NextEnergylinkFunc();">넥스트에너지 + </span></div>
<div class="swiper mySwiper13">
<div class="swiper-wrapper">
<div class="swiper-slide swiper-list-layer">
<a href="/benefit/activity?category=스파" event_label="스파" event_category="준회원혜택"><img src="/images/main/main_renewal/thumbnail_aqua.jpg" class="lazyload" style="width:100%;"/></a>
<div class="content-txt">스파</div>
</div>
<div class="swiper-slide swiper-list-layer">
<a href="/benefit/activity?category=테마파크" event_label="테마파크" event_category="준회원혜택"><img src="/images/main/main_renewal/thumbnail_temepark.jpg" class="lazyload" style="width:100%;"/></a>
<div class="content-txt">테마파크</div>
</div>
<div class="swiper-slide swiper-list-layer">
<a href="/benefit/activity?category=레져" event_label="레져" event_category="준회원혜택"><img src="/images/main/main_renewal/thumbnail_leisure.jpg" class="lazyload" style="width:100%;"/></a>
<div class="content-txt">레져</div>
</div>
<!-- div class="swiper-slide swiper-list-layer">
<a href="/benefit/activity?category=리조트" event_label="리조트" event_category="준회원혜택"><img src="/images/main/main_renewal/thumbnail_resort.jpg" class="lazyload" style="width:100%;"/></a>
<div class="content-txt">리조트</div>
</div> -->
<div class="swiper-slide swiper-list-layer">
<a href="/benefit/performance" event_label="뮤지컬" event_category="준회원혜택"><img src="/images/main/main_renewal/thumbnail_musical.jpg" class="lazyload" style="width:100%;"/></a>
<div class="content-txt">뮤지컬</div>
</div>
<div class="swiper-slide swiper-list-layer">
<a href="/benefit/performance" event_label="연극" event_category="준회원혜택"><img src="/images/main/main_renewal/thumbnail_theater.jpg" class="lazyload" style="width:100%;"/></a>
<div class="content-txt">연극</div>
</div>
<div class="swiper-slide swiper-list-layer">
<a href="/benefit/performance" event_label="콘서트" event_category="준회원혜택"><img src="/images/main/main_renewal/thumbnail_concert.jpg" class="lazyload" style="width:100%;"/></a>
<div class="content-txt">콘서트</div>
</div>
<div class="swiper-slide swiper-list-layer">
<a href="/center/jongmok?SISULGUBUN_CD=SPT&MEMKIND_CD=EMP&IC_LVL_CD=&IC_LVL_NM=&SSB_DISPLAY_CTGY_CD=1050&SSB_DISPLAY_CTGY_NM=%EB%B3%91%EC%9B%90&SSB_DISPLAY_SUB_CTGY_CD=&SSB_DISPLAY_SUB_CTGY_NM=&COMMON_ADDR_CODE=&COMMON_ADDR_NAME=&LOW_INCLUDE_YN=N" event_label="병원" event_category="준회원혜택"><img src="/images/main/main_renewal/thumbnail_hospital.jpg" class="lazyload" style="width:100%;"/></a>
<div class="content-txt">병원</div>
</div>
<div class="swiper-slide swiper-list-layer">
<a href="/center/sisulNameSearch?SISULGUBUN_CD=SPT&SSB_SISUL_NM=안경" event_label="안경" event_category="준회원혜택"><img src="/images/main/main_renewal/thumbnail_glasses.jpg" class="lazyload" style="width:100%;"/></a>
<div class="content-txt">안경점</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- 슬기로운 카드뉴스 -->
<section style="position:relative;" id="section_layer14" class="tag">
<div class="row inner-contents" >
<div class="col-md-12">
<div id="sec_list10">
<div>
<div class='copy-txt'>슬기로운 카드뉴스 <span class="clip-btn" style="color: #000000;border:1px #000000 solid;cursor:pointer;" onclick="javascript:location.href='/etc/cardnews'">더보기 + </span></div>
<div class="swiper mySwiper10">
<div class="swiper-wrapper">
<div class="swiper-slide swiper-list-layer">
<a href="/etc/cardnewsDetail?TITLE_NUM=28" event_label="돈버는 웰빙클럽" event_category="많이본카드뉴스"><img src="/images/main/main_renewal/cardnews11.jpg" class="lazyload" style="width:100%;"/></a>
<div class="content-txt">돈버는 웰빙클럽</div>
</div>
<div class="swiper-slide swiper-list-layer">
<a href="/etc/cardnewsDetail?TITLE_NUM=27" event_label="웰빙클럽으로 사랑도 능률도 UP!" event_category="많이본카드뉴스"><img src="/images/main/main_renewal/cardnews10.jpg" class="lazyload" style="width:100%;"/></a>
<div class="content-txt">웰빙클럽으로 사랑도 능률도 UP!</div>
</div>
<div class="swiper-slide swiper-list-layer">
<a href="/etc/cardnewsDetail?TITLE_NUM=26" event_label="지친 직장인들의 비밀무기" event_category="많이본카드뉴스"><img src="/images/main/main_renewal/cardnews9.jpg" class="lazyload" style="width:100%;"/></a>
<div class="content-txt">지친 직장인들의 비밀무기</div>
</div>
<div class="swiper-slide swiper-list-layer">
<a href="/etc/cardnewsDetail?TITLE_NUM=25" event_label="축! 서울형 강소기업 선정" event_category="많이본카드뉴스"><img src="/images/main/main_renewal/cardnews8.jpg" class="lazyload" style="width:100%;"/></a>
<div class="content-txt">축! 서울형 강소기업 선정 편</div>
</div>
<div class="swiper-slide swiper-list-layer">
<a href="/etc/cardnewsDetail?TITLE_NUM=24" event_label="새해결심" event_category="많이본카드뉴스"><img src="/images/main/main_renewal/cardnews7.jpg" class="lazyload" style="width:100%;"/></a>
<div class="content-txt">새해결심 편</div>
</div>
<div class="swiper-slide swiper-list-layer">
<a href="/etc/cardnewsDetail?TITLE_NUM=17" event_label="플러스등급" event_category="많이본카드뉴스"><img src="/images/main/main_renewal/cardnews1.jpg" class="lazyload" style="width:100%;"/></a>
<div class="content-txt">플러스등급 편</div>
</div>
<div class="swiper-slide swiper-list-layer">
<a href="/etc/cardnewsDetail?TITLE_NUM=21" event_label="더블멤버십" event_category="많이본카드뉴스"><img src="/images/main/main_renewal/cardnews2.jpg" class="lazyload" style="width:100%;"/></a>
<div class="content-txt">더블멤버십 편</div>
</div>
<div class="swiper-slide swiper-list-layer">
<a href="/etc/cardnewsDetail?TITLE_NUM=22" event_label="이용권" event_category="많이본카드뉴스"><img src="/images/main/main_renewal/cardnews3.jpg" class="lazyload" style="width:100%;"/></a>
<div class="content-txt">이용권 편</div>
</div>
<div class="swiper-slide swiper-list-layer">
<a href="/etc/cardnewsDetail?TITLE_NUM=13" event_label="배우자자녀가입" event_category="많이본카드뉴스"><img src="/images/main/main_renewal/cardnews4.jpg" class="lazyload" style="width:100%;"/></a>
<div class="content-txt">배우자/자녀 가입 편</div>
</div>
<div class="swiper-slide swiper-list-layer">
<a href="/etc/cardnewsDetail?TITLE_NUM=2" event_label="회사생활5년" event_category="많이본카드뉴스"><img src="/images/main/main_renewal/cardnews5.jpg" class="lazyload" style="width:100%;"/></a>
<div class="content-txt">회사생활 5년 편</div>
</div>
<div class="swiper-slide swiper-list-layer">
<a href="/etc/cardnewsDetail?TITLE_NUM=23" event_label="먹튀 안심" event_category="많이본카드뉴스"><img src="/images/main/main_renewal/cardnews6.jpg" class="lazyload" style="width:100%;"/></a>
<div class="content-txt">먹튀 안심편</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- 웰빙클럽 기사 및 동영상 -->
<section style="position:relative;" id="section_layer27" class="tag">
<div class="row inner-contents" >
<div class="col-md-12">
<div id="sec_list27">
<div>
<div class='copy-txt'>웰빙클럽 기사 및 동영상</div>
<div class="swiper mySwiper27">
<div class="swiper-wrapper">
<div class="swiper-slide swiper-list-layer">
<a href="/etc/videonews" event_label="웰빙뉴스" event_category="[웰빙클럽TV] 우리 회사 복리후생은 웰빙클럽 편"><img src="/images/main/main_renewal/wb_news_08.jpg" class="lazyload" style="width:100%;"/></a>
<div class="content-txt">[웰빙클럽TV] 우리 회사 복리후생은 웰빙클럽 편</div>
</div>
<div class="swiper-slide swiper-list-layer">
<a href="/etc/videonews" event_label="웰빙뉴스" event_category="[웰빙클럽TV] 유튜브 광고_휘트니스 편"><img src="/images/main/main_renewal/wb_news_07.jpg" class="lazyload" style="width:100%;"/></a>
<div class="content-txt">[웰빙클럽TV] 유튜브 광고_휘트니스 편</div>
</div>
<div class="swiper-slide swiper-list-layer">
<a href="/etc/videonews" event_label="웰빙뉴스" event_category="[웰빙클럽TV] 유튜브 광고_골프 편"><img src="/images/main/main_renewal/wb_news_06.jpg" class="lazyload" style="width:100%;"/></a>
<div class="content-txt">[웰빙클럽TV] 유튜브 광고_골프 편</div>
</div>
<div class="swiper-slide swiper-list-layer">
<a href="/etc/wellbeingInfoList" event_label="웰빙뉴스" event_category="2023년 서울형 강소기업 선정"><img src="/images/main/main_renewal/wb_news_05.jpg" class="lazyload" style="width:100%;"/></a>
<div class="content-txt">2023년 서울형 강소기업 선정</div>
</div>
<div class="swiper-slide swiper-list-layer">
<a href="/etc/wellbeingInfoList" event_label="웰빙뉴스" event_category="2023 대한민국 NO.1 서비스 대상 4년 연속 수상"><img src="/images/main/main_renewal/wb_news_04.jpg" class="lazyload" style="width:100%;"/></a>
<div class="content-txt">2023 대한민국 NO.1 서비스 대상 4년 연속 수상</div>
</div>
<div class="swiper-slide swiper-list-layer">
<a href="/etc/videonews" event_label="웰빙뉴스" event_category="웰빙클럽 하나면 돼!"><img src="/images/main/main_renewal/wb_news_01.jpg" class="lazyload" style="width:100%;"/></a>
<div class="content-txt">[웰빙클럽TV] 웰빙클럽 하나면 돼!</div>
</div>
<div class="swiper-slide swiper-list-layer">
<a href="/etc/videonews" event_label="웰빙뉴스" event_category="웰빙클럽 사용설명서"><img src="/images/main/main_renewal/wb_news_02.jpg" class="lazyload" style="width:100%;"/></a>
<div class="content-txt">[웰빙클럽TV] 웰빙클럽 사용설명서</div>
</div>
<div class="swiper-slide swiper-list-layer">
<a href="/etc/videonews" event_label="웰빙뉴스" event_category="더 밝은 내일을 꿈꾸며 성장하는 웰빙클럽 크루"><img src="/images/main/main_renewal/wb_news_03.jpg" class="lazyload" style="width:100%;"/></a>
<div class="content-txt">[웰빙클럽TV] 더 밝은 내일을 꿈꾸며 성장하는 웰빙클럽 크루</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section style="position:relative;" id="section_layer16" class="tag">
<div class="row inner-contents" >
<div class="col-md-12">
<div>
<a href="/signup" event_label="무료체험 2회권 선물하기" event_category="배너"><img src="/images/main/main_renewal/main_banner_pc_free_2.jpg" class="banner-img2" style="width:100%;"></a>
</div>
</div>
</div>
</section>
<section style="position:relative;margin-bottom:0px;padding-bottom:15px;" id="section_layer23" class="tag">
<div class="row inner-contents" >
<div class="col-md-12">
<div>
<a href="javascript:void(0);" onclick="javascript:$('#QuizModal').modal('show');" event_label="퀴즈 풀고 포인트 쌓고" event_category="배너">
<img src="/images/main/main_renewal/main_banner_pc_3_20240213.jpg" class="banner-img5" style="width:100%;"></a>
</div>
</div>
</div>
</section>
<!-- 수상내역 -->
<section style="position:relative;margin-bottom:0px;padding-bottom:15px;" id="section_layer25" class="tag">
<div class="row inner-contents brand-award-layer" >
<div class="col-md-12">
<div style="padding: 17px 10px;width: 100%;float: left;padding-top:14px;" >
<div id="sec_list14">
<div >
<h5 class="award-title-txt1"><strong>고객 만족 브랜드 대상 </strong></h5>
<h5 class="award-title-txt2"><strong>5년 연속 수상</strong></h5>
<div class="cont-wrap">
<ul class="list-row cont-text-align__flex">
<li class="award-li">
<div class="award-img1"></div>
<div class="award-txt" style="display:none;">
<div>대한민국 No.1 대상 <span style="color: #1371ff; font-weight: 500;">3회 수상</span></div>
<!-- <div style="color: #1371ff; font-weight: 500;">2회 수상</div> -->
<div class="date" style="display:none;">
'20, '22, '23</div>
</div>
</li>
<li class="award-li">
<div class="award-img2"></div>
<div class="award-txt" style="display:none;">
<div>서울 중소기업인<br class="mobile-hidden"> 대회 <span style="color: #1371ff; font-weight: 500;">2회 수상</span></div>
<!-- <div style="color: #1371ff; font-weight: 500;">2회 수상</div> -->
<div class="date" style="display:none;">'17, '22</div>
</div>
</li>
<li class="award-li">
<div class="award-img3"></div>
<div class="award-txt" style="display:none;">
<div>고객 만족 브랜드<br class="mobile-hidden"> 대상 <span style="color: #1371ff; font-weight: 500;">5회 수상</span></div>
<!-- <div style="color: #1371ff; font-weight: 500;">4회 수상</div> -->
<div class="date" style="display:none;">'18, '19, '20, '21, '22</div>
</div>
</li>
<li class="award-li">
<div class="award-img4"></div>
<div class="award-txt" style="display:none;">
<div>대한민국 브랜드<br class="mobile-hidden"> 만족도 1위 <span style="color: #1371ff; font-weight: 500;">1회 수상</span></div>
<!-- <div style="color: #1371ff; font-weight: 500;">1회 수상</div> -->
<div class="date" style="display:none;">'17</div>
</div>
</li>
<li class="award-li">
<div class="award-img5"></div>
<div class="award-txt" style="display:none;">
<div>소비자 만족지수<br class="mobile-hidden"> 대상 <span style="color: #1371ff; font-weight: 500;">2회 수상</span></div>
<!-- <div style="color: #1371ff; font-weight: 500;">2회 수상</div> -->
<div class="date" style="display:none;">'15, '17</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- 버튼 -->
<section style="position:relative;margin-bottom:0px;padding-bottom:15px;" id="section_layer26" class="tag">
<div class="row inner-contents" >
<div class="col-md-12">
<div style="width:100%;margin:auto;">
<div class="alliance-total-layer" style="">
<div style="" class="alliance-layer" event_label="서비스도입문의" event_category="회사서비스도입버튼" onclick="javascript:location.href='/company/allianceCompany'">
<div style="width: 69%;font-size: 18px;">
<span><img src="/images/icon/icon_1.png" style="width:31px;"></span>
<span style="font-weight:bold;position:relative;top:2px;">서비스 도입문의</span>
<div style="font-size: 15px;padding-top:10px;">웰빙클럽을 회사 복지서비스로 도입하고 싶다면?</div></div>
<div style="" class="alliance-btn">GO!</div>
</div>
<div style="" class="alliance-layer" event_label="시설제휴문의" event_category="시설제휴버튼" onclick="javascript:location.href='/company/allianceFacility'">
<div style="width: 69%;font-size: 18px;">
<span><img src="/images/icon/icon_2.png" style="width:31px;"></span>
<span style="font-weight:bold;position:relative;top:2px;">시설 제휴 문의</span>
<div style="font-size: 15px;padding-top:10px;">웰빙클럽의 이용 시설로 등록하고 싶다면?</div></div>
<div style="" class="alliance-btn">GO!</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
<script>
// [0] Main Banner Swipe [[--
$("#sec_list_main").fadeIn();
var swiper0 = new Swiper('.swiper-main', {
observer: true,
observeParents: true,
pagination: {
el: '.swiper-pagination-main',
clickable: true,
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
$("#slide-main img").show();
// --]] [0] Main Banner Swipe
// [1] 우리동네 신규(NEW) 시설 [[--
var swiper1 = new Swiper('.mySwiper', {
slidesPerView: 5.8,
spaceBetween: 10,
freeMode: true,
breakpoints: {
320: {
watchSlidesProgress: true,
slidesPerView: "2.5",
shortSwipes: false
},
500: {
watchSlidesProgress: true,
slidesPerView: "2.5",
shortSwipes: false
},
1024: {
preventInteractionOnTransition: true,
watchSlidesProgress: true,
slidesPerView: "3.8",
shortSwipes: false
},
},
});
swiper1.on('reachEnd', function () {
var curPageVal = $("#CurPAGE").val();
$("#CurPAGE").val(parseInt(curPageVal)+1);
$.ajax({
url: '/center/getMainContentsOne',
type: 'POST',
cache : false,
dataType : "json",
data:{
'CurPAGE': encodeURIComponent($("input[name=CurPAGE]").val()),
'latitude': encodeURIComponent($("input[name=latitude]").val()),
'longitude': encodeURIComponent($("input[name=longitude]").val()),
'GUBUN_CD': encodeURIComponent($("input[name=GUBUN_CD]").val()),
'SISULGUBUN_CD': encodeURIComponent($("input[name=SISULGUBUN_CD]").val()),
'UC_CONTRACT_SPT': encodeURIComponent($("input[name=UC_CONTRACT_SPT]").val()),
'UC_CONTRACT_CUL': encodeURIComponent($("input[name=UC_CONTRACT_CUL]").val()),
'UC_DISPLAY_CTGY_CD': encodeURIComponent($("input[name=UC_DISPLAY_CTGY_CD]").val()),
'UC_DISPLAY_SUB_CTGY_CD': encodeURIComponent($("input[name=UC_DISPLAY_SUB_CTGY_CD]").val()),
'UC_CPY_CD': encodeURIComponent($("input[name=UC_CPY_CD]").val())
},
success: function(d) {
if(d.total_count > 0){
var vHtml = "";
$(d.lists).each(function(k,v){
vHtml +=' <div class="swiper-slide swiper-list-layer">';
if(v.PIC_FOLDER == ""){
vHtml +=' <a href="/center/detail?SSB_CD='+v.SSB_CD+'&SSB_SISULGUBUN_CD='+v.SSB_SISULGUBUN_CD+'" event_label="'+v.SSB_SISUL_NM+'" event_category="우리동네신규시설"><img src="https://admin.wbcm.co.kr/UPLOAD/SISUL/'+v.SSB_CD+'/'+v.SSB_DEF_IMG_FN+'" class="lazyload" style="width:100%;"/></a>';
}else{
vHtml +=' <a href="/center/detail?SSB_CD='+v.SSB_CD+'&SSB_SISULGUBUN_CD='+v.SSB_SISULGUBUN_CD+'" event_label="'+v.SSB_SISUL_NM+'" event_category="우리동네신규시설"><img src="https://admin.wbcm.co.kr/UPLOAD/SISUL/'+v.PIC_FOLDER+'/'+v.SSB_DEF_IMG_FN+'" class="lazyload" style="width:100%;"/></a>';
}
vHtml +=' <div class="content-txt">'+v.SSB_SISUL_NM+'</div>';
vHtml +=' </div>';
});
swiper1.appendSlide(vHtml);
}
return;
},
error: function (jqXHR, textStatus, errorThrown) {
}
});
});
// --]] [1] 우리동네 신규(NEW) 시설
// [2] 내 주변 추천 시설 [[--
var swiper2 = new Swiper('.mySwiper2', {
slidesPerView: 5.8,
spaceBetween: 10,
freeMode: true,
breakpoints: {
320: {
watchSlidesProgress: true,
slidesPerView: "2.5",
shortSwipes: false
},
500: {
watchSlidesProgress: true,
slidesPerView: "2.5",
shortSwipes: false
},
1024: {
preventInteractionOnTransition: true,
watchSlidesProgress: true,
slidesPerView: "3.8",
shortSwipes: false
},
},
});
swiper2.on('reachEnd', function () {
var curPageVal = $("#CurPAGE2").val();
$("#CurPAGE2").val(parseInt(curPageVal)+1);
$.ajax({
url: '/center/getMainContentsTwo',
type: 'POST',
cache : false,
dataType : "json",
data:{
'CurPAGE2': encodeURIComponent($("input[name=CurPAGE2]").val()),
'latitude': encodeURIComponent($("input[name=latitude]").val()),
'longitude': encodeURIComponent($("input[name=longitude]").val()),
'GUBUN_CD': encodeURIComponent($("input[name=GUBUN_CD]").val()),
'SISULGUBUN_CD': encodeURIComponent($("input[name=SISULGUBUN_CD]").val()),
'UC_CONTRACT_SPT': encodeURIComponent($("input[name=UC_CONTRACT_SPT]").val()),
'UC_CONTRACT_CUL': encodeURIComponent($("input[name=UC_CONTRACT_CUL]").val()),
'UC_DISPLAY_CTGY_CD': encodeURIComponent($("input[name=UC_DISPLAY_CTGY_CD]").val()),
'UC_DISPLAY_SUB_CTGY_CD': encodeURIComponent($("input[name=UC_DISPLAY_SUB_CTGY_CD]").val()),
'UC_CPY_CD': encodeURIComponent($("input[name=UC_CPY_CD]").val())
},
success: function(d) {
if(d.total_count > 0){
var vHtml = "";
$(d.lists).each(function(k,v){
vHtml +=' <div class="swiper-slide swiper-list-layer">';
if(v.PIC_FOLDER == ""){
vHtml +=' <a href="/center/detail?SSB_CD='+v.SSB_CD+'&SSB_SISULGUBUN_CD='+v.SSB_SISULGUBUN_CD+'" event_label="'+v.SSB_SISUL_NM+'" event_category="내주변추천시설"><img src="https://admin.wbcm.co.kr/UPLOAD/SISUL/'+v.SSB_CD+'/'+v.SSB_DEF_IMG_FN+'" class="lazyload" style="width:100%;"/></a>';
}else{
vHtml +=' <a href="/center/detail?SSB_CD='+v.SSB_CD+'&SSB_SISULGUBUN_CD='+v.SSB_SISULGUBUN_CD+'" event_label="'+v.SSB_SISUL_NM+'" event_category="내주변추천시설"><img src="https://admin.wbcm.co.kr/UPLOAD/SISUL/'+v.PIC_FOLDER+'/'+v.SSB_DEF_IMG_FN+'" class="lazyload" style="width:100%;"/></a>';
}
vHtml +=' <div class="content-txt">'+v.SSB_SISUL_NM+'</div>';
vHtml +=' </div>';
});
swiper2.appendSlide(vHtml);
}
return;
},
error: function (jqXHR, textStatus, errorThrown) {
}
});
});
// -- ]] [2] 내 주변 추천 시설
// 페이백 시설
var swiper3 = new Swiper('.mySwiper3', {
slidesPerView: 5.8,
spaceBetween: 10,
freeMode: true,
breakpoints: {
320: {
watchSlidesProgress: true,
slidesPerView: "2.5",
shortSwipes: false
},
500: {
watchSlidesProgress: true,
slidesPerView: "2.5",
shortSwipes: false
},
1024: {
preventInteractionOnTransition: true,
watchSlidesProgress: true,
slidesPerView: "3.8",
shortSwipes: false
},
},
});
// 인기 테마파크 TOP 10
var swiper4 = new Swiper('.mySwiper4', {
slidesPerView: 5.8,
spaceBetween: 10,
freeMode: true,
breakpoints: {
320: {
watchSlidesProgress: true,
slidesPerView: "2.5",
shortSwipes: false
},
500: {
watchSlidesProgress: true,
slidesPerView: "2.5",
shortSwipes: false
},
1024: {
preventInteractionOnTransition: true,
watchSlidesProgress: true,
slidesPerView: "3.8",
shortSwipes: false
},
},
});
// [5_1] 4천원으로 보는 영화 순위 [[--
$("#sec_list5_1").fadeIn(); // [5_1] 4천원으로 보는 영화 순위
$("#section_layer5_1 img").show();
var swiper5_1 = new Swiper('.mySwiper5_1', {
slidesPerView: 5.8,
spaceBetween: 10,
freeMode: true,
breakpoints: {
320: {
watchSlidesProgress: true,
slidesPerView: "2.5",
shortSwipes: false
},
500: {
watchSlidesProgress: true,
slidesPerView: "2.5",
shortSwipes: false
},
1024: {
preventInteractionOnTransition: true,
watchSlidesProgress: true,
slidesPerView: "3.8",
shortSwipes: false
},
},
});
//--]] [5_1] 4천원으로 보는 영화 순위
function setLocationCookie(name, value, days) {
if (days) {
var date = new Date();
date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
var expires = "; expires=" + date.toGMTString();
} else {
var expires = "";
}
document.cookie = name + "=" + value + expires + "; path=/";
}
$(document).ready(function(){
// 새로고침후 위 상단으로 스크롤 이동 초기화 해야만함! (새로고침할경우 중간 scroll 머무는 현상때문에 콘텐츠 모두가 로딩되므로)
history.scrollRestoration = "manual";
getNoticeList();
getInitSisulList();
// getMySurRound();
});
// 위치 정보에 따른 추천 시설 가져오기
function getMainContentsTwoList(){
$("#CurPAGE2").val(1);
$.ajax({
url: '/center/getMainContentsTwo',
type: 'POST',
cache : false,
async : false,
dataType : "json",
data:{
'CurPAGE': encodeURIComponent($("input[name=CurPAGE2]").val()),
'latitude': encodeURIComponent($("input[name=latitude]").val()),
'longitude': encodeURIComponent($("input[name=longitude]").val()),
'GUBUN_CD': encodeURIComponent($("input[name=GUBUN_CD]").val()),
'SISULGUBUN_CD': encodeURIComponent($("input[name=SISULGUBUN_CD]").val()),
'UC_CONTRACT_SPT': encodeURIComponent($("input[name=UC_CONTRACT_SPT]").val()),
'UC_CONTRACT_CUL': encodeURIComponent($("input[name=UC_CONTRACT_CUL]").val()),
'UC_DISPLAY_CTGY_CD': encodeURIComponent($("input[name=UC_DISPLAY_CTGY_CD]").val()),
'UC_DISPLAY_SUB_CTGY_CD': encodeURIComponent($("input[name=UC_DISPLAY_SUB_CTGY_CD]").val()),
'UC_CPY_CD': encodeURIComponent($("input[name=UC_CPY_CD]").val())
},
beforeSend:function(){
},
complete:function(){
},
timeout:20000,
success: function(d) {
if(d.total_count > 0){
swiper2.removeAllSlides();
var vHtml = "";
$(d.lists).each(function(k,v){
vHtml +=' <div class="swiper-slide swiper-list-layer">';
if(v.PIC_FOLDER == ""){
vHtml +=' <a href="/center/detail?SSB_CD='+v.SSB_CD+'&SSB_SISULGUBUN_CD='+v.SSB_SISULGUBUN_CD+'" event_label="'+v.SSB_SISUL_NM+'" event_category="내주변추천시설"><img src="https://admin.wbcm.co.kr/UPLOAD/SISUL/'+v.SSB_CD+'/'+v.SSB_DEF_IMG_FN+'" class="lazyload" style="width:100%;"/></a>';
}else{
vHtml +=' <a href="/center/detail?SSB_CD='+v.SSB_CD+'&SSB_SISULGUBUN_CD='+v.SSB_SISULGUBUN_CD+'" event_label="'+v.SSB_SISUL_NM+'" event_category="내주변추천시설"><img src="https://admin.wbcm.co.kr/UPLOAD/SISUL/'+v.PIC_FOLDER+'/'+v.SSB_DEF_IMG_FN+'" class="lazyload" style="width:100%;"/></a>';
}
vHtml +=' <div class="content-txt">'+v.SSB_SISUL_NM+'</div>';
vHtml +=' </div>';
});
swiper2.appendSlide(vHtml);
}
},
error: function (jqXHR, textStatus, errorThrown) {
}
});
}
$(document).on("scroll", function() {
var pageTop = $(document).scrollTop();
var pageBottom = pageTop + $(window).height();
var tags = $(".tag");
if(pageTop==0){
return false;
}
for (var i = 0; i < tags.length; i++) {
var tag = tags[i];
if($(tag).attr('class') != "tag visible"){
if ($(tag).position().top < pageBottom) {
$(tag).addClass("visible");
if($(tag).attr('id')=="section_layer5_2"){
$("#sec_list5_2").fadeIn(); // 전국 프랜차이즈 인기 10
$("#section_layer5_2 img").show();
getMainContentsThirteenList2();
}else if($(tag).attr('id')=="section_layer5_3"){
$("#section_layer5_3").hide();
// $("#sec_list5_3").fadeIn(); // 멤버스 포인트 적립 인기순위
// $("#section_layer5_3 img").show();
// getMainContentsThirteenList3();
}else if($(tag).attr('id')=="section_layer6"){
getMainContentsFiveList(); // 멤버스 포인트 상품 인기순위
}else if($(tag).attr('id')=="section_layer7"){
$("#sec_list15").fadeIn(); // 멤버십 등록없이도 누리는 할인혜택 (EDITING)
$("#section_layer7 img").show();
getMainContentsThirteenList();
}else if($(tag).attr('id')=="section_layer8"){
$("#section_layer8 img").show(); // 광고 베너 ( 우리 회사에 도입하면 최대 30% 할인 + 이용한도 상향)
$("#section_layer8").fadeIn();
}else if($(tag).attr('id')=="section_layer9"){
getMainContentsSevenList(); // 시골프장cc 캐시백 포인트 인기 10
}else if($(tag).attr('id')=="section_layer10"){
getMainContentsSixteenthList(); // [16] 100대명산 캐시백 포인트 인기 10
}else if($(tag).attr('id')=="section_layer11"){
getMainContentsSeventeenthList(); // 추가이용료 없이 즐기는 시설
}else if($(tag).attr('id')=="section_layer12"){
$("#section_layer12 img").show(); // 광고 베너 ( 난 하루 2번 운동한다 )
$("#section_layer12").fadeIn();
}else if($(tag).attr('id')=="section_layer13"){
getMainContentsSixList(); // [18]내 주변 필라테스,요가,크로스핏,싸이클,탁구,볼링 등
}else if($(tag).attr('id')=="section_layer14"){
$("#sec_list10").fadeIn(); // 슬기로운 카드뉴스 (EDITING)
$("#section_layer14 img").show();
getMainContentsTenList();
}else if($(tag).attr('id')=="section_layer27"){
$("#sec_list27").fadeIn(); // 웰빙클럽 기사 및 동영상(EDITING)
$("#section_layer27 img").show();
getMainContentsTwoSevenList();
}else if($(tag).attr('id')=="section_layer16"){
$("#section_layer16 img").show(); // 광고 베너 ( VIP Member가 아니세요 )
$("#section_layer16").fadeIn();
}else if($(tag).attr('id')=="section_layer17"){
$("#sec_list12").fadeIn();
$("#section_layer17 img").show();
getMainContentsTwelveList();
}else if($(tag).attr('id')=="section_layer20"){
$("#sec_list8").fadeIn(); // 최대 80% 할인 + 웰빙클럽 추가 1만원 할인 뮤지컬 인기순위 (EDITING)
$("#section_layer20 img").show();
getMainContentsNineList();
}else if($(tag).attr('id')=="section_layer21"){
getMainContentsSeventeenthList2() // 평점 높은 시설
}else if($(tag).attr('id')=="section_layer22"){
$("#section_layer22 img").show();
$("#section_layer22").fadeIn();
$("#section_layer25 .btn").show();
$("#section_layer25").fadeIn();
$("#sec_list14").fadeIn(); // 수상내역
$("#section_layer25 .brand-award-layer").show();
getMainContentsFourteenList();
}else if($(tag).attr('id')=="section_layer30"){
getMainContentsTwenTyList() // 진행중인 이벤트
}
}
}
}
});
function getMainContentsFiveList(){
var getUrl = '/center/getMainContentsFive';
var list_id = "sec_list5";
var totalrecord_id = "TotalRecord";
$.ajax({
url: getUrl,
type: 'POST',
cache : false,
async : false,
dataType : "json",
data:{
'CurPAGE': encodeURIComponent($("input[name=CurPAGE5]").val()),
},
beforeSend:function(){
},
complete:function(){
},
timeout:100000,
success: function(d) {
var vHtml = "";
vHtml+= "<input type='hidden' name='"+totalrecord_id+"' id='"+totalrecord_id+"' value='"+d.TotalPage+"'>";
if(d.total_count > 0){
vHtml +="<div>";
vHtml +="<div class='copy-txt'>멤버스 포인트 상품 인기순위<span class=\"clip-btn\" style=\"color: #000000;border:1px #000000 solid;cursor:pointer;\" onclick=\"javascript:location.href='/benefit/pointsUse'\">더보기 + </span></div>";
vHtml +=' <div class="swiper mySwiper5">';
vHtml +=' <div class="swiper-wrapper">';
$(d.lists).each(function(k,v){
vHtml +=' <div class="swiper-slide swiper-list-layer">';
// 가장자리 padding:15px; 여백 제거 2024-03-06
vHtml +=' <a href="/user/myPointProductDetail?PP_CD='+v.PP_CD+'" event_label="'+v.PP_ITEM_NM+'" event_category="포인트 상품"><img src="https://admin.wbcm.co.kr/UPLOAD/ITEM/'+v.PP_CD+'/'+v.PP_MAIN_FILE_FN+'" class="lazyload" style="width:100%;border:1px #cccccc solid;"/></a>';
vHtml +=' <div class="content-txt">'+v.PP_ITEM_NM+'</div>';
vHtml +=' </div>';
});
vHtml +=' </div>';
vHtml +=' </div>';
vHtml +="</div>";
}
$("#"+list_id).html(vHtml);
swiper5 = new Swiper('.mySwiper5', {
slidesPerView: 5.8,
spaceBetween: 10,
freeMode: true,
breakpoints: {
320: {
watchSlidesProgress: true,
slidesPerView: "2.5",
shortSwipes: false
},
500: {
watchSlidesProgress: true,
slidesPerView: "2.5",
shortSwipes: false
},
1024: {
preventInteractionOnTransition: true,
watchSlidesProgress: true,
slidesPerView: "3.8",
shortSwipes: false
},
},
});
swiper5.on('reachEnd', function () {
console.log("마지막");
var curPageVal = $("#CurPAGE5").val();
$("#CurPAGE5").val(parseInt(curPageVal)+1);
$.ajax({
url: getUrl,
type: 'POST',
cache : false,
dataType : "json",
data:{
'CurPAGE5': encodeURIComponent($("input[name=CurPAGE5]").val()),
},
success: function(d) {
if(d.total_count > 0){
var vHtml = "";
$(d.lists).each(function(k,v){
vHtml +=' <div class="swiper-slide swiper-list-layer">';
vHtml +=' <a href="/user/myPointProductDetail?PP_CD='+v.PP_CD+'" event_label="'+v.PP_ITEM_NM+'" event_category="포인트 상품"><img src="https://admin.wbcm.co.kr/UPLOAD/ITEM/'+v.PP_CD+'/'+v.PP_MAIN_FILE_FN+'" class="lazyload" style="width:100%;border:1px #cccccc solid;"/></a>';
vHtml +=' <div class="content-txt">'+v.PP_ITEM_NM+'</div>';
vHtml +=' </div>';
});
swiper5.appendSlide(vHtml);
}
return;
},
error: function (jqXHR, textStatus, errorThrown) {
}
});
});
if($("#"+totalrecord_id).val()=='0'){$("#"+totalrecord_id).val('1');}
return;
},
error: function (jqXHR, textStatus, errorThrown) {
}
});
}
//[18]내 주변 필라테스,요가,크로스핏,싸이클,탁구,볼링 등
function getMainContentsSixList(){
var getUrl = '/center/getMainContentsSixVer2';
var list_id = "sec_list6";
var totalrecord_id = "TotalRecord";
$.ajax({
url: getUrl,
type: 'POST',
cache : false,
async : false,
dataType : "json",
data:{
'CurPAGE6': encodeURIComponent($("input[name=CurPAGE6]").val()),
'latitude': encodeURIComponent($("input[name=latitude]").val()),
'longitude': encodeURIComponent($("input[name=longitude]").val()),
},
beforeSend:function(){
},
complete:function(){
},
timeout:100000,
success: function(d) {
//console.log(d);
var vHtml = "";
vHtml+= "<input type='hidden' name='"+totalrecord_id+"' id='"+totalrecord_id+"' value='"+d.TotalPage+"'>";
if(d.total_count > 0){
vHtml +="<div>";
vHtml +="<div class='copy-txt'>내 주변 필라테스,요가,크로스핏,싸이클,탁구,볼링 등</div>";
vHtml +=' <div class="swiper mySwiper6">';
vHtml +=' <div class="swiper-wrapper">';
$(d.lists).each(function(k,v){
vHtml +=' <div class="swiper-slide swiper-list-layer">';
if(v.PIC_FOLDER == ""){
vHtml +=' <a href="/center/detail?SSB_CD='+v.SSB_CD+'&SSB_SISULGUBUN_CD='+v.SSB_SISULGUBUN_CD+'" event_label="'+v.SSB_SISUL_NM+'" event_category="내 주변 로컬 인기할인"><img src="https://admin.wbcm.co.kr/UPLOAD/SISUL/'+v.SSB_CD+'/'+v.SSB_DEF_IMG_FN+'" class="lazyload" style="width:100%;"/></a>';
}else{
vHtml +=' <a href="/center/detail?SSB_CD='+v.SSB_CD+'&SSB_SISULGUBUN_CD='+v.SSB_SISULGUBUN_CD+'" event_label="'+v.SSB_SISUL_NM+'" event_category="내 주변 로컬 인기할인"><img src="https://admin.wbcm.co.kr/UPLOAD/SISUL/'+v.PIC_FOLDER+'/'+v.SSB_DEF_IMG_FN+'" class="lazyload" style="width:100%;"/></a>';
}
vHtml +=' <div class="content-txt">'+v.SSB_SISUL_NM+'</div>';
vHtml +=' </div>';
});
vHtml +=' </div>';
vHtml +=' </div>';
vHtml +="</div>";
}
$("#"+list_id).html(vHtml);
swiper6 = new Swiper('.mySwiper6', {
slidesPerView: 5.8,
spaceBetween: 10,
freeMode: true,
breakpoints: {
320: {
watchSlidesProgress: true,
slidesPerView: "2.5",
shortSwipes: false
},
500: {
watchSlidesProgress: true,
slidesPerView: "2.5",
shortSwipes: false
},
1024: {
preventInteractionOnTransition: true,
watchSlidesProgress: true,
slidesPerView: "3.8",
shortSwipes: false
},
},
});
swiper6.on('reachEnd', function () {
console.log("마지막");
var curPageVal = $("#CurPAGE6").val();
$("#CurPAGE6").val(parseInt(curPageVal)+1);
$.ajax({
url: getUrl,
type: 'POST',
cache : false,
dataType : "json",
data:{
'CurPAGE6': encodeURIComponent($("input[name=CurPAGE6]").val()),
'latitude': encodeURIComponent($("input[name=latitude]").val()),
'longitude': encodeURIComponent($("input[name=longitude]").val()),
'GUBUN_CD': encodeURIComponent($("input[name=GUBUN_CD]").val()),
'SISULGUBUN_CD': encodeURIComponent($("input[name=SISULGUBUN_CD]").val()),
'UC_CONTRACT_SPT': encodeURIComponent($("input[name=UC_CONTRACT_SPT]").val()),
'UC_CONTRACT_CUL': encodeURIComponent($("input[name=UC_CONTRACT_CUL]").val()),
'UC_DISPLAY_CTGY_CD': encodeURIComponent($("input[name=UC_DISPLAY_CTGY_CD]").val()),
'UC_DISPLAY_SUB_CTGY_CD': encodeURIComponent($("input[name=UC_DISPLAY_SUB_CTGY_CD]").val()),
'UC_CPY_CD': encodeURIComponent($("input[name=UC_CPY_CD]").val())
},
success: function(d) {
if(d.total_count > 0){
var vHtml = "";
$(d.lists).each(function(k,v){
vHtml +=' <div class="swiper-slide swiper-list-layer">';
if(v.PIC_FOLDER == ""){
vHtml +=' <a href="/center/detail?SSB_CD='+v.SSB_CD+'&SSB_SISULGUBUN_CD='+v.SSB_SISULGUBUN_CD+'" event_label="'+v.SSB_SISUL_NM+'" event_category="추가이용료 없는 시설"><img src="https://admin.wbcm.co.kr/UPLOAD/SISUL/'+v.SSB_CD+'/'+v.SSB_DEF_IMG_FN+'" class="lazyload" style="width:100%;"/></a>';
}else{
vHtml +=' <a href="/center/detail?SSB_CD='+v.SSB_CD+'&SSB_SISULGUBUN_CD='+v.SSB_SISULGUBUN_CD+'" event_label="'+v.SSB_SISUL_NM+'" event_category="추가이용료 없는 시설"><img src="https://admin.wbcm.co.kr/UPLOAD/SISUL/'+v.PIC_FOLDER+'/'+v.SSB_DEF_IMG_FN+'" class="lazyload" style="width:100%;"/></a>';
}
vHtml +=' <div class="content-txt">'+v.SSB_SISUL_NM+'</div>';
vHtml +=' </div>';
});
swiper6.appendSlide(vHtml);
}
return;
},
error: function (jqXHR, textStatus, errorThrown) {
}
});
});
if($("#"+totalrecord_id).val()=='0'){$("#"+totalrecord_id).val('1');}
return;
},
error: function (jqXHR, textStatus, errorThrown) {
}
});
}
function getMainContentsSevenList(){
var getUrl = '/center/getMainContentsSevenVer2';
var list_id = "sec_list7";
var totalrecord_id = "TotalRecord";
$.ajax({
url: getUrl,
type: 'POST',
cache : false,
async : false,
dataType : "json",
data:{
'CurPAGE7': encodeURIComponent($("input[name=CurPAGE7]").val()),
'latitude': encodeURIComponent($("input[name=latitude]").val()),
'longitude': encodeURIComponent($("input[name=longitude]").val()),
},
beforeSend:function(){
},
complete:function(){
},
timeout:100000,
success: function(d) {
var vHtml = "";
vHtml+= "<input type='hidden' name='"+totalrecord_id+"' id='"+totalrecord_id+"' value='"+d.TotalPage+"'>";
if(d.total_count > 0){
vHtml +="<div style='position:relative;'>";
vHtml +="<div class='copy-txt'>골프장cc 캐시백 포인트 인기 10 <span class=\"clip-btn\" style=\"color: #000000;border:1px #000000 solid;cursor:pointer;\" onclick=\"javascript:location.href='/center/jongmok?SISULGUBUN_CD=SPT&MEMKIND_CD=EMP&IC_LVL_CD=&IC_LVL_NM=&SSB_DISPLAY_CTGY_CD=1020&SSB_DISPLAY_CTGY_NM=골프&SSB_DISPLAY_SUB_CTGY_CD=S15&SSB_DISPLAY_SUB_CTGY_NM=골프장CC&COMMON_ADDR_CODE=&COMMON_ADDR_NAME=&LOW_INCLUDE_YN=N&FREE_YN=N&DISCOUNT_YN=N&PAYBACK_YN=Y&PAYBACK_POINT_YN=N&ADDITION_YN=N'\">더보기 + </span></div>";
vHtml +=' <div class="swiper mySwiper7">';
vHtml +=' <div class="swiper-wrapper">';
$(d.lists).each(function(k,v){
vHtml +=' <div class="swiper-slide swiper-list-layer">';
if(v.PIC_FOLDER == ""){
vHtml +=' <a href="/center/detail?SSB_CD='+v.SSB_CD+'&SSB_SISULGUBUN_CD='+v.SSB_SISULGUBUN_CD+'" event_label="'+v.SSB_SISUL_NM+'" event_category="BEST 이용후기"><img src="https://admin.wbcm.co.kr/UPLOAD/SISUL/'+v.SSB_CD+'/'+v.SSB_DEF_IMG_FN+'" class="lazyload" style="width:100%;"/></a>';
}else{
vHtml +=' <a href="/center/detail?SSB_CD='+v.SSB_CD+'&SSB_SISULGUBUN_CD='+v.SSB_SISULGUBUN_CD+'" event_label="'+v.SSB_SISUL_NM+'" event_category="BEST 이용후기"><img src="https://admin.wbcm.co.kr/UPLOAD/SISUL/'+v.PIC_FOLDER+'/'+v.SSB_DEF_IMG_FN+'" class="lazyload" style="width:100%;"/></a>';
}
vHtml +=' <div class="content-txt">'+v.SSB_SISUL_NM+'</div>';
vHtml +=' </div>';
});
vHtml +=' </div>';
vHtml +=' </div>';
vHtml +="</div>";
}
$("#"+list_id).html(vHtml);
swiper7 = new Swiper('.mySwiper7', {
slidesPerView: 5.8,
spaceBetween: 10,
freeMode: true,
breakpoints: {
320: {
watchSlidesProgress: true,
slidesPerView: "2.5",
shortSwipes: false
},
500: {
watchSlidesProgress: true,
slidesPerView: "2.5",
shortSwipes: false
},
1024: {
preventInteractionOnTransition: true,
watchSlidesProgress: true,
slidesPerView: "3.8",
shortSwipes: false
},
},
});
if($("#"+totalrecord_id).val()=='0'){$("#"+totalrecord_id).val('1');}
return;
},
error: function (jqXHR, textStatus, errorThrown) {
}
});
}
//[8] 신규 프랜차이즈 소개
function getMainContentsEightList(){
swiper8 = new Swiper('.mySwiper8', {
slidesPerView: 5.8,
spaceBetween: 10,
freeMode: true,
breakpoints: {
320: {
watchSlidesProgress: true,
slidesPerView: "2.5",
shortSwipes: false
},
500: {
watchSlidesProgress: true,
slidesPerView: "2.5",
shortSwipes: false
},
1024: {
preventInteractionOnTransition: true,
watchSlidesProgress: true,
slidesPerView: "3.8",
shortSwipes: false
},
},
});
}
//[9] 최대 80% 할인 + 웰빙클럽 추가 1만원 할인 뮤지컬 인기순위
function getMainContentsNineList(){
swiper9 = new Swiper('.mySwiper9', {
slidesPerView: 5.8,
spaceBetween: 10,
freeMode: true,
breakpoints: {
320: {
watchSlidesProgress: true,
slidesPerView: "2.5",
shortSwipes: false
},
500: {
watchSlidesProgress: true,
slidesPerView: "2.5",
shortSwipes: false
},
1024: {
preventInteractionOnTransition: true,
watchSlidesProgress: true,
slidesPerView: "3.8",
shortSwipes: false
},
},
});
}
//[10] 슬기로운 카드뉴스
function getMainContentsTenList(){
swiper10 = new Swiper('.mySwiper10', {
slidesPerView: 5.8,
spaceBetween: 10,
freeMode: true,
breakpoints: {
320: {
watchSlidesProgress: true,
slidesPerView: "2.5",
shortSwipes: false
},
500: {
watchSlidesProgress: true,
slidesPerView: "2.5",
shortSwipes: false
},
1024: {
preventInteractionOnTransition: true,
watchSlidesProgress: true,
slidesPerView: "3.8",
shortSwipes: false
},
},
});
}
//[11] 가장빠른 포인트 적립 순위
function getMainContentsElevenList(){
swiper11 = new Swiper('.mySwiper11', {
slidesPerView: 5.8,
spaceBetween: 10,
freeMode: true,
breakpoints: {
320: {
watchSlidesProgress: true,
slidesPerView: "2.5",
shortSwipes: false
},
500: {
watchSlidesProgress: true,
slidesPerView: "2.5",
shortSwipes: false
},
1024: {
preventInteractionOnTransition: true,
watchSlidesProgress: true,
slidesPerView: "3.8",
shortSwipes: false
},
},
});
}
//[27] 웰빙클럽 기사 및 동영상
function getMainContentsTwoSevenList(){
swiper27 = new Swiper('.mySwiper27', {
slidesPerView: 3.8,
spaceBetween: 10,
freeMode: true,
breakpoints: {
320: {
watchSlidesProgress: true,
slidesPerView: "2.5",
shortSwipes: false
},
500: {
watchSlidesProgress: true,
slidesPerView: "2.5",
shortSwipes: false
},
1024: {
preventInteractionOnTransition: true,
watchSlidesProgress: true,
slidesPerView: "3.8",
shortSwipes: false
},
},
});
}
//[12] 회원님께 추천하는 컬처멤버십 순위
function getMainContentsTwelveList(){
swiper12 = new Swiper('.mySwiper12', {
slidesPerView: 5.8,
spaceBetween: 10,
freeMode: true,
breakpoints: {
320: {
watchSlidesProgress: true,
slidesPerView: "2.5",
shortSwipes: false
},
500: {
watchSlidesProgress: true,
slidesPerView: "2.5",
shortSwipes: false
},
1024: {
preventInteractionOnTransition: true,
watchSlidesProgress: true,
slidesPerView: "3.8",
shortSwipes: false
},
},
});
}
//[13] 회비 없이 누리는 평생 혜택
function getMainContentsThirteenList(){
swiper13 = new Swiper('.mySwiper13', {
slidesPerView: 5.8,
spaceBetween: 10,
freeMode: true,
breakpoints: {
320: {
watchSlidesProgress: true,
slidesPerView: "2.5",
shortSwipes: false
},
500: {
watchSlidesProgress: true,
slidesPerView: "2.5",
shortSwipes: false
},
1024: {
preventInteractionOnTransition: true,
watchSlidesProgress: true,
slidesPerView: "3.8",
shortSwipes: false
},
},
});
}
//[14] 수상
function getMainContentsFourteenList(){
swiper14 = new Swiper('.mySwiper14', {
slidesPerView: 3.8,
spaceBetween: 10,
freeMode: true,
breakpoints: {
320: {
watchSlidesProgress: true,
slidesPerView: "2.5",
shortSwipes: false
},
500: {
watchSlidesProgress: true,
slidesPerView: "2.5",
shortSwipes: false
},
1024: {
preventInteractionOnTransition: true,
watchSlidesProgress: true,
slidesPerView: "3.8",
shortSwipes: false
},
},
});
}
//[15] 최대 62% 할인받는 워터파크&스파 인기순위 (EDITING)
function getMainContentsFifthteenList(){
swiper15 = new Swiper('.mySwiper15', {
slidesPerView: 3.8,
spaceBetween: 10,
freeMode: true,
breakpoints: {
320: {
watchSlidesProgress: true,
slidesPerView: "2.5",
shortSwipes: false
},
500: {
watchSlidesProgress: true,
slidesPerView: "2.5",
shortSwipes: false
},
1024: {
preventInteractionOnTransition: true,
watchSlidesProgress: true,
slidesPerView: "3.8",
shortSwipes: false
},
},
});
}
// [16] 100대명산 캐시백 포인트 인기 10
function getMainContentsSixteenthList(){
var getUrl = '/center/getMainContentsSixteenthVer2';
var list_id = "sec_list16";
var totalrecord_id = "TotalRecord";
$.ajax({
url: getUrl,
type: 'POST',
cache : false,
dataType : "json",
async : false,
data:{
'CurPAGE16': encodeURIComponent($("input[name=CurPAGE16]").val()),
'latitude': encodeURIComponent($("input[name=latitude]").val()),
'longitude': encodeURIComponent($("input[name=longitude]").val()),
'GUBUN_CD': encodeURIComponent($("input[name=GUBUN_CD]").val()),
'SISULGUBUN_CD': encodeURIComponent($("input[name=SISULGUBUN_CD]").val()),
'UC_CONTRACT_SPT': encodeURIComponent($("input[name=UC_CONTRACT_SPT]").val()),
'UC_CONTRACT_CUL': encodeURIComponent($("input[name=UC_CONTRACT_CUL]").val()),
'UC_DISPLAY_CTGY_CD': encodeURIComponent($("input[name=UC_DISPLAY_CTGY_CD]").val()),
'UC_DISPLAY_SUB_CTGY_CD': encodeURIComponent($("input[name=UC_DISPLAY_SUB_CTGY_CD]").val()),
'UC_CPY_CD': encodeURIComponent($("input[name=UC_CPY_CD]").val())
},
beforeSend:function(){
},
complete:function(){
},
timeout:100000,
success: function(d) {
var vHtml = "";
vHtml+= "<input type='hidden' name='"+totalrecord_id+"' id='"+totalrecord_id+"' value='"+d.TotalPage+"'>";
if(d.total_count > 0){
vHtml +="<div>";
vHtml +="<div class='copy-txt'>100대 명산 멤버스 포인트 인기 10 <span class=\"clip-btn\" style=\"color: #000000;border:1px #000000 solid;cursor:pointer;\" onclick=\"javascript:location.href='/center/jongmok?SISULGUBUN_CD=SPT&MEMKIND_CD=EMP&IC_LVL_CD=&IC_LVL_NM=&SSB_DISPLAY_CTGY_CD=1110&SSB_DISPLAY_CTGY_NM=등산&SSB_DISPLAY_SUB_CTGY_CD=&SSB_DISPLAY_SUB_CTGY_NM=&COMMON_ADDR_CODE=&COMMON_ADDR_NAME=&LOW_INCLUDE_YN=N&FREE_YN=N&DISCOUNT_YN=N&PAYBACK_YN=N&PAYBACK_POINT_YN=Y&ADDITION_YN=N'\">더보기 + </span></div>";
vHtml +=' <div class="swiper mySwiper16">';
vHtml +=' <div class="swiper-wrapper">';
$(d.lists).each(function(k,v){
vHtml +=' <div class="swiper-slide swiper-list-layer">';
if(v.PIC_FOLDER == ""){
vHtml +=' <a href="/center/detail?SSB_CD='+v.SSB_CD+'&SSB_SISULGUBUN_CD='+v.SSB_SISULGUBUN_CD+'" event_label="'+v.SSB_SISUL_NM+'" event_category="100대 명산 멤버스 포인트 인기 10"><img src="https://admin.wbcm.co.kr/UPLOAD/SISUL/'+v.SSB_CD+'/'+v.SSB_DEF_IMG_FN+'" class="lazyload" style="width:100%;"/></a>';
}else{
vHtml +=' <a href="/center/detail?SSB_CD='+v.SSB_CD+'&SSB_SISULGUBUN_CD='+v.SSB_SISULGUBUN_CD+'" event_label="'+v.SSB_SISUL_NM+'" event_category="100대 명산 멤버스 포인트 인기 10"><img src="https://admin.wbcm.co.kr/UPLOAD/SISUL/'+v.PIC_FOLDER+'/'+v.SSB_DEF_IMG_FN+'" class="lazyload" style="width:100%;"/></a>';
}
vHtml +=' <div class="content-txt">'+v.SSB_SISUL_NM+'</div>';
vHtml +=' </div>';
});
vHtml +=' </div>';
vHtml +=' </div>';
vHtml +="</div>";
}
$("#"+list_id).html(vHtml);
swiper16 = new Swiper('.mySwiper16', {
slidesPerView: 5.8,
spaceBetween: 10,
freeMode: true,
breakpoints: {
320: {
watchSlidesProgress: true,
slidesPerView: "2.5",
shortSwipes: false
},
500: {
watchSlidesProgress: true,
slidesPerView: "2.5",
shortSwipes: false
},
1024: {
preventInteractionOnTransition: true,
watchSlidesProgress: true,
slidesPerView: "3.8",
shortSwipes: false
},
},
});
if($("#"+totalrecord_id).val()=='0'){$("#"+totalrecord_id).val('1');}
return;
},
error: function (jqXHR, textStatus, errorThrown) {
}
});
}
// [17] 테마파크 멤버스 포인트 적립 인기10
function getMainContentsSeventeenthList(){
var getUrl = '/center/getMainContentsSeventeenthVer2';
var list_id = "sec_list17";
var totalrecord_id = "TotalRecord";
$.ajax({
url: getUrl,
type: 'POST',
cache : false,
dataType : "json",
async : false,
data:{
'CurPAGE17': encodeURIComponent($("input[name=CurPAGE17]").val()),
'latitude': encodeURIComponent($("input[name=latitude]").val()),
'longitude': encodeURIComponent($("input[name=longitude]").val()),
'GUBUN_CD': encodeURIComponent($("input[name=GUBUN_CD]").val()),
'SISULGUBUN_CD': encodeURIComponent($("input[name=SISULGUBUN_CD]").val()),
'UC_CONTRACT_SPT': encodeURIComponent($("input[name=UC_CONTRACT_SPT]").val()),
'UC_CONTRACT_CUL': encodeURIComponent($("input[name=UC_CONTRACT_CUL]").val()),
'UC_DISPLAY_CTGY_CD': encodeURIComponent($("input[name=UC_DISPLAY_CTGY_CD]").val()),
'UC_DISPLAY_SUB_CTGY_CD': encodeURIComponent($("input[name=UC_DISPLAY_SUB_CTGY_CD]").val()),
'UC_CPY_CD': encodeURIComponent($("input[name=UC_CPY_CD]").val())
},
beforeSend:function(){
},
complete:function(){
},
timeout:100000,
success: function(d) {
var vHtml = "";
vHtml+= "<input type='hidden' name='"+totalrecord_id+"' id='"+totalrecord_id+"' value='"+d.TotalPage+"'>";
if(d.total_count > 0){
vHtml +="<div>";
vHtml +="<div class='copy-txt'>테마파크 멤버스 포인트 적립 인기 10 <span class=\"clip-btn\" style=\"color: #000000;border:1px #000000 solid;cursor:pointer;\" onclick=\"javascript:location.href='/center/jongmok?SISULGUBUN_CD=SPT&MEMKIND_CD=EMP&IC_LVL_CD=&IC_LVL_NM=&SSB_DISPLAY_CTGY_CD=1200&SSB_DISPLAY_CTGY_NM=테마파크&SSB_DISPLAY_SUB_CTGY_CD=&SSB_DISPLAY_SUB_CTGY_NM=&COMMON_ADDR_CODE=&COMMON_ADDR_NAME=&LOW_INCLUDE_YN=N&FREE_YN=N&DISCOUNT_YN=N&PAYBACK_YN=N&PAYBACK_POINT_YN=Y&ADDITION_YN=N'\">더보기 + </span></div>";
vHtml +=' <div class="swiper mySwiper17">';
vHtml +=' <div class="swiper-wrapper">';
$(d.lists).each(function(k,v){
vHtml +=' <div class="swiper-slide swiper-list-layer">';
if(v.PIC_FOLDER == ""){
vHtml +=' <a href="/center/detail?SSB_CD='+v.SSB_CD+'&SSB_SISULGUBUN_CD='+v.SSB_SISULGUBUN_CD+'" event_label="'+v.SSB_SISUL_NM+'" event_category="추가이용료없는 시설"><img src="https://admin.wbcm.co.kr/UPLOAD/SISUL/'+v.SSB_CD+'/'+v.SSB_DEF_IMG_FN+'" class="lazyload" style="width:100%;"/></a>';
}else{
vHtml +=' <a href="/center/detail?SSB_CD='+v.SSB_CD+'&SSB_SISULGUBUN_CD='+v.SSB_SISULGUBUN_CD+'" event_label="'+v.SSB_SISUL_NM+'" event_category="추가이용료 없는 시설"><img src="https://admin.wbcm.co.kr/UPLOAD/SISUL/'+v.PIC_FOLDER+'/'+v.SSB_DEF_IMG_FN+'" class="lazyload" style="width:100%;"/></a>';
}
vHtml +=' <div class="content-txt">'+v.SSB_SISUL_NM+'</div>';
vHtml +=' </div>';
});
vHtml +=' </div>';
vHtml +=' </div>';
vHtml +="</div>";
}
$("#"+list_id).html(vHtml);
swiper17 = new Swiper('.mySwiper17', {
slidesPerView: 5.8,
spaceBetween: 10,
freeMode: true,
breakpoints: {
320: {
watchSlidesProgress: true,
slidesPerView: "2.5",
shortSwipes: false
},
500: {
watchSlidesProgress: true,
slidesPerView: "2.5",
shortSwipes: false
},
1024: {
preventInteractionOnTransition: true,
watchSlidesProgress: true,
slidesPerView: "3.8",
shortSwipes: false
},
},
});
// swiper17.on('reachEnd', function () {
// console.log("마지막");
// var curPageVal = $("#CurPAGE17").val();
// $("#CurPAGE17").val(parseInt(curPageVal)+1);
// $.ajax({
// url: getUrl,
// type: 'POST',
// cache : false,
// dataType : "json",
// data:{
// 'CurPAGE17': encodeURIComponent($("input[name=CurPAGE17]").val()),
// 'latitude': encodeURIComponent($("input[name=latitude]").val()),
// 'longitude': encodeURIComponent($("input[name=longitude]").val()),
// 'GUBUN_CD': encodeURIComponent($("input[name=GUBUN_CD]").val()),
// 'SISULGUBUN_CD': encodeURIComponent($("input[name=SISULGUBUN_CD]").val()),
// 'UC_CONTRACT_SPT': encodeURIComponent($("input[name=UC_CONTRACT_SPT]").val()),
// 'UC_CONTRACT_CUL': encodeURIComponent($("input[name=UC_CONTRACT_CUL]").val()),
// 'UC_DISPLAY_CTGY_CD': encodeURIComponent($("input[name=UC_DISPLAY_CTGY_CD]").val()),
// 'UC_DISPLAY_SUB_CTGY_CD': encodeURIComponent($("input[name=UC_DISPLAY_SUB_CTGY_CD]").val()),
// 'UC_CPY_CD': encodeURIComponent($("input[name=UC_CPY_CD]").val())
// },
// success: function(d) {
// if(d.total_count > 0){
// var vHtml = "";
// $(d.lists).each(function(k,v){
// vHtml +=' <div class="swiper-slide swiper-list-layer">';
// if(v.PIC_FOLDER == ""){
//vHtml +=' <a href="/center/detail?SSB_CD='+v.SSB_CD+'&SSB_SISULGUBUN_CD='+v.SSB_SISULGUBUN_CD+'" event_label="'+v.SSB_SISUL_NM+'" event_category="추가이용료 없는 시설"><img src="https://admin.wbcm.co.kr/UPLOAD/SISUL/'+v.SSB_CD+'/'+v.SSB_DEF_IMG_FN+'" class="lazyload" style="width:100%;"/></a>';
// }else{
//vHtml +=' <a href="/center/detail?SSB_CD='+v.SSB_CD+'&SSB_SISULGUBUN_CD='+v.SSB_SISULGUBUN_CD+'" event_label="'+v.SSB_SISUL_NM+'" event_category="추가이용료 없는 시설"><img src="https://admin.wbcm.co.kr/UPLOAD/SISUL/'+v.PIC_FOLDER+'/'+v.SSB_DEF_IMG_FN+'" class="lazyload" style="width:100%;"/></a>';
// }
// vHtml +=' <div class="content-txt">'+v.SSB_SISUL_NM+'</div>';
// vHtml +=' </div>';
// });
// swiper17.appendSlide(vHtml);
// }
// return;
// },
// error: function (jqXHR, textStatus, errorThrown) {
// }
// });
// });
if($("#"+totalrecord_id).val()=='0'){$("#"+totalrecord_id).val('1');}
return;
},
error: function (jqXHR, textStatus, errorThrown) {
}
});
}
// 전국 프랜차이즈 할인 10
function getMainContentsThirteenList2(){
var getUrl = '/center/getMainContentsThree';
var list_id = "sec_list5_2";
var totalrecord_id = "TotalRecord";
$.ajax({
url: getUrl,
type: 'POST',
cache : false,
async : false,
dataType : "json",
beforeSend:function(){
},
complete:function(){
},
timeout:100000,
success: function(d) {
var vHtml = "";
vHtml+= "<input type='hidden' name='"+totalrecord_id+"' id='"+totalrecord_id+"' value='"+d.TotalPage+"'>";
if(d.total_count > 0){
vHtml +="<div>";
vHtml +="<div class='copy-txt'>전국 프랜차이즈 인기 10</div>";
vHtml +=' <div class="swiper mySwiper33">';
vHtml +=' <div class="swiper-wrapper">';
$(d.lists).each(function(k,v){
vHtml +=' <div class="swiper-slide swiper-list-layer">';
if(v.PIC_FOLDER == ""){
vHtml +=' <a href="/center/nationWideDetail?SSB_CD='+v.SSB_CD+'&SSB_SISULGUBUN_CD='+v.SSB_SISULGUBUN_CD+'"><img src="https://admin.wbcm.co.kr/UPLOAD/SISUL/'+v.SSB_CD+'/'+v.SSB_DEF_IMG_FN+'" class="lazyload" style="width:100%;"/></a>';
}else{
vHtml +=' <a href="/center/nationWideDetail?SSB_CD='+v.SSB_CD+'&SSB_SISULGUBUN_CD='+v.SSB_SISULGUBUN_CD+'"><img src="https://admin.wbcm.co.kr/UPLOAD/SISUL/'+v.PIC_FOLDER+'/'+v.SSB_DEF_IMG_FN+'" class="lazyload" style="width:100%;"/></a>';
}
vHtml +=' <div class="content-txt">'+v.SSB_SISUL_NM+'</div>';
vHtml +=' </div>';
});
vHtml +=' </div>';
vHtml +=' </div>';
vHtml +="</div>";
}
$("#"+list_id).html(vHtml);
swiper33 = new Swiper('.mySwiper33', {
slidesPerView: 5.8,
spaceBetween: 10,
freeMode: true,
breakpoints: {
320: {
watchSlidesProgress: true,
slidesPerView: "2.5",
shortSwipes: false
},
500: {
watchSlidesProgress: true,
slidesPerView: "2.5",
shortSwipes: false
},
1024: {
preventInteractionOnTransition: true,
watchSlidesProgress: true,
slidesPerView: "3.8",
shortSwipes: false
},
},
});
if($("#"+totalrecord_id).val()=='0'){$("#"+totalrecord_id).val('1');}
return;
},
error: function (jqXHR, textStatus, errorThrown) {
}
});
}
//멤버스 포인트 적립 인기순위
function getMainContentsThirteenList3(){
swiper34 = new Swiper('.mySwiper34', {
slidesPerView: 5.8,
spaceBetween: 10,
freeMode: true,
breakpoints: {
320: {
watchSlidesProgress: true,
slidesPerView: "2.5",
shortSwipes: false
},
500: {
watchSlidesProgress: true,
slidesPerView: "2.5",
shortSwipes: false
},
1024: {
preventInteractionOnTransition: true,
watchSlidesProgress: true,
slidesPerView: "3.8",
shortSwipes: false
},
},
});
}
// 진행중인 이벤트
function getMainContentsTwenTyList(){
var getUrl = '/curl/EventCurl/eventList';
var list_id = "sec_list19";
var totalrecord_id = "TotalRecord";
$.ajax({
url: getUrl,
type: 'POST',
cache : false,
dataType : "json",
async : false,
data:{
'CurPAGE': encodeURIComponent($("input[name=CurPAGE19]").val()),
'UW_RGN_CD': encodeURIComponent($("input[name=UW_RGN_CD]").val()),
'UW_CD': encodeURIComponent($("input[name=UW_CD]").val()),
'PageMode' : "EVT_ING"
},
beforeSend:function(){
},
complete:function(){
},
timeout:100000,
success: function(d) {
var vHtml = "";
vHtml+= "<input type='hidden' name='"+totalrecord_id+"' id='"+totalrecord_id+"' value='"+d.TotalPage+"'>";
if(d.total_count > 0){
vHtml +="<div>";
vHtml +="<div class='copy-txt'>진행중인 이벤트</div>";
vHtml +=' <div class="swiper mySwiper19">';
vHtml +=' <div class="swiper-wrapper">';
$(d.lists).each(function(k,v){
vHtml +=' <div class="swiper-slide swiper-list-layer">';
if(v.EM_MM_TYPE=="V"){
vHtml +=" <div class=\"vip-txt\">VIP</div>";
}
vHtml +=' <a href="'+v.href+'" event_label="'+v.EM_TITLE+'" event_category="진행중인 이벤트"><img src="https://admin.wbcm.co.kr/UPLOAD/EVENT/'+v.EM_KIND_CD+'/'+v.EM_LIST_FILE_FN+'" class="lazyload" style="width:100%;"/></a>';
vHtml +=' <div class="content-txt">'+v.EM_TITLE+'</div>';
vHtml +=' </div>';
});
vHtml +=' </div>';
vHtml +=' </div>';
vHtml +="</div>";
}
$("#"+list_id).html(vHtml);
swiper19 = new Swiper('.mySwiper19', {
slidesPerView: 3,
spaceBetween: 10,
freeMode: true,
breakpoints: {
320: {
watchSlidesProgress: true,
slidesPerView: "1.2",
shortSwipes: false
},
500: {
watchSlidesProgress: true,
slidesPerView: "1.2",
shortSwipes: false
},
1024: {
preventInteractionOnTransition: true,
watchSlidesProgress: true,
slidesPerView: "3",
shortSwipes: false
},
},
});
if($("#"+totalrecord_id).val()=='0'){$("#"+totalrecord_id).val('1');}
return;
},
error: function (jqXHR, textStatus, errorThrown) {
}
});
}
/* 전체 LIST END */
function getInitSisulList(){
$("#section_layer").hide();
$(".swip-hide-layer").show();
$("#section_layer5 img").show();
$("#section_layer5").fadeIn();
getMySurRound();
}
function getMySurRound(){
/* START :위치정보 가져와서 데이터를 다시 보여줌 */
if(navigator.geolocation&& !isIOS()){
navigator.geolocation.getCurrentPosition(function(pos) {
var latitude = pos.coords.latitude;
var longitude = pos.coords.longitude;
useLocationInfo(latitude, longitude);
}, function(e){
if(isAndroidApp() || isIOSApp()){
getAppGeolocation('setLocation');
}
},{maximumAge:0});
}else{
if(isAndroidApp() || isIOSApp()){
getAppGeolocation('setLocation');
}
}
}
function setLocation(locJsonObj){
if(locJsonObj.result == 'succeeded'){
useLocationInfo(locJsonObj.latitude, locJsonObj.longitude);
}
}
function useLocationInfo(latitude, longitude){
var before_latitude = $('#latitude').val();
var before_longitude = $('#longitude').val();
$('#latitude').val(latitude.toString());
$('#longitude').val(longitude.toString());
setLocationCookie('c_latitude',latitude.toString(), 30);
setLocationCookie('c_longitude',longitude.toString(), 30);
setLocationCookie('currentLat',latitude.toString(), 1);
setLocationCookie('currentLng',longitude.toString(), 1);
if(Math.abs(parseFloat(before_latitude) - parseFloat(latitude)) > 0.002 || Math.abs(parseFloat(before_longitude) - parseFloat(longitude)) > 0.002 ) {
// [2] 내주변 이용 가능 시설
getMainContentsTwoList();
}
}
</script>
<!-- /Contents -->
<script type="text/javascript" src="/js/vandors/jquery.magnific-popup.min.js"></script>
<script>
/* **************************************** *
* 팝업 - 오늘 하루 보지 않기
* **************************************** */
var pTodayDate = new Date();
var cookieExpireTime = new Date();
cookieExpireTime.setTime(cookieExpireTime.getTime() + (24*60*60*1000));
var cookieYear = new Array;
var cookieMonth = new Array;
var cookieDate = new Array;
if(document.cookie.match('(^|;) ?cookieYear=([^;]*)(;|$)')){
cookieYear = document.cookie.match('(^|;) ?cookieYear=([^;]*)(;|$)');
cookieMonth = document.cookie.match('(^|;) ?cookieMonth=([^;]*)(;|$)');
cookieDate = document.cookie.match('(^|;) ?cookieDate=([^;]*)(;|$)');
}
jQuery(function() {
jQuery(window).load(function () {
// TEST TMP CLOSE
//return;
cookiedata = document.cookie;
var expireDate = new Date();
//어제 날짜를 쿠키 소멸 날짜로 설정한다.(기존 오늘 날짜로 그만보기 기능 남은 쿠키 삭제)
expireDate.setDate( expireDate.getDate() - 1 );
document.cookie = 'cookieYear' + "= " + "; expires=" + expireDate.toGMTString() + "; path=/";
expireDate.setDate( expireDate.getDate() - 1 );
document.cookie = 'cookieMonth' + "= " + "; expires=" + expireDate.toGMTString() + "; path=/";
expireDate.setDate( expireDate.getDate() - 1 );
document.cookie = 'cookieDate' + "= " + "; expires=" + expireDate.toGMTString() + "; path=/";
if ( cookiedata.indexOf("ncookie=done") < 0 ){
$("#myWellBeingModal").modal('show');
} else {
return; // 팝업창 아이디
}
});
});
// 앱에서 외부 새창 열기
function linkFunc(url){
window.open(url);
}
(function (a)
{
a.fn.Vnewsticker = function (b)
{
var c =
{
speed : 500,
pause : 4000,
showItems : 3,
mousePause : true,
isPaused : false,
direction : "left",
width : 0
};
var b = a.extend(c, b);
moveSlide = function (g, d, e)
{
if (e.isPaused) {
return
}
var f = g.children("ul");
var h = f.children("li:first").clone(true);
if (e.width > 0) {
d = f.children("li:first").width()
}
f.animate({
left : "-=" + d + "px"
},
e.speed, function ()
{
a(this).children("li:first").remove();
a(this).css("left", "0px")
});
h.appendTo(f)
};
moveUp = function (g, d, e)
{
if (e.isPaused) {
return
}
var f = g.children("ul");
var h = f.children("li:first").clone(true);
if (e.height > 0) {
d = f.children("li:first").height()
}
f.animate({
top : "-=" + d + "px"
},
e.speed, function ()
{
a(this).children("li:first").remove();
a(this).css("top", "0px")
});
h.appendTo(f)
};
moveDown = function (g, d, e)
{
if (e.isPaused) {
return
}
var f = g.children("ul");
var h = f.children("li:last").clone(true);
if (e.height > 0) {
d = f.children("li:first").height()
}
f.css("top", "-" + d + "px").prepend(h);
f.animate({
top : 0
},
e.speed, function ()
{
a(this).children("li:last").remove()
});
};
return this.each(function ()
{
var f = a(this);
var e = 0;
var u = f.children("ul");
var l = u.children("li").length;
var w = u.children("li").width();
var ulw = l * w + "px";
f.css({overflow : "hidden"})
.children("ul").css({position : "absolute" });
if (b.width == 0)
{
f.children("ul").children("li").each(function ()
{
if (a(this).width() > e) {
e = a(this).height();
e2 = a(this).width();
}
});
f.children("ul").children("li").each(function ()
{
a(this).height(e)
});
f.height(e * b.showItems)
}
else {
f.width(b.width)
}
var d = setInterval(function ()
{
if (b.direction == "left") {
moveSlide(f, e2, b)
u.css({width : ulw})
} else if (b.direction == "Up") {
moveUp(f, e, b)
}
else {
moveDown(f, e, b)
}
},
b.pause);
if (b.mousePause)
{
f.bind("mouseenter", function ()
{
b.isPaused = true;
}).bind("mouseleave", function ()
{
b.isPaused = false;
})
}
})
}
})(jQuery);
//공지사항 리스트
function getNoticeList(){
$('#newsticker1').Vnewsticker({
speed: 400, //스크롤 스피드
pause: 5500, //잠시 대기 시간
mousePause: true, //마우스 오버시 일시정지(true=일시정지)
showItems: 1, //스크롤 목록 갯수 지정(1=한줄만 보임)
direction : "up" //left=옆으로스크롤, up=위로스크롤, 공란=아래로 스크롤
});
}
function reMainRollingArray(arr) {
var i = 0;
var newArray = [];
while(arr.length > 0) {
var x = parseInt(Math.random()*arr.length);
newArray[i] = arr[x];
i++;
arr.splice(x,1);
}
return newArray;
}
function randomMainRollingImg() {
$(".swiper-frame1").html('<div style="background-color: #d4f1ff;"> <div class="" tag-label="전국 프랜차이즈" ></div> <div class=""> <a href="/benefit/leisureBenefit" event_label="전국 프랜차이즈" event_category="배너"><img src="/images/main/slider/250401_main_top_slides_pc_franchise.jpg" class="swp-img4" ></a> </div></div>');
$(".swiper-frame2").html('<div style="background-color: #ffe4ed;"> <div class="" tag-label="웰빙-퍼포먼스" ></div> <div class=""> <a href="/benefit/generalBenefit" event_label="웰빙-퍼포먼스" event_category="배너"><img src="/images/main/slider/250401_main_top_slides_pc_performance.jpg" class="swp-img2" ></a> </div></div>');
$(".swiper-frame3").html('<div style="background-color: #e9ffd0;"> <div class="" tag-label="복리후생" ></div> <div class=""> <a href="/etc/support" event_label="복리후생" event_category="배너"><img src="/images/main/slider/250408_main_top_slides_pc_company.jpg" class="swp-img0" ></a> </div></div>');
$(".swiper-frame4").html('<div style="background-color: #efeafe;"> <div class="" tag-label="룰렛이벤트" ></div> <div class=""> <a href="/benefit/rouletteEvent" event_label="룰렛이벤트" event_category="배너"><img src="/images/main/slider/250407_main_top_slides_pc_roulette.jpg" class="swp-img1" ></a> </div></div>');
$(".swiper-frame5").html('<div style="background-color: #ffe7cf;"> <div class="" tag-label="웰빙-액티비티" ></div> <div class=""> <a href="/benefit/activity" event_label="웰빙-액티비티" event_category="배너"><img src="/images/main/slider/250401_main_top_slides_pc_activity.jpg" class="swp-img3" ></a> </div></div>');
}
$(".swp-link1").click(function(){
// > 이외 지역 클릭 시 : https://www.wbc4u.com/customer/noticeDetail?seq=1747&UC_CATEGORY=S
location.href="/benefit/leisureBenefit";
});
$(".swp-link4").click(function(){
location.href="/benefit/performance";
});
$(".swp-link5").click(function(){
location.href="/benefit/activity";
});
$(".swp-link6").click(function(){
location.href="/etc/wbmagazinedetail?id=20208";
});
$(".swp-link8").click(function(){
location.href="/etc/benefitIntro";
});
$(".swp-link9").click(function(){
location.href="/etc/support";
});
$(".banLink1").click(function(){
location.href="/customer/noticeDetail?seq=1656";
});
$(".banLink2").click(function(){
location.href="/benefit/vipInfo";
});
//클립서비스 페이지 이동
function ClipServicelinkFunc(PLAY_NUM){
if($(".mywellbeing-bottom-modal-view").css('display')=="block"){
endDayFunc2();
}
Swal.fire({
title: '<i class="fas fa-exclamation-triangle"></i>확인',
html:
'<p>로그인이 필요합니다.</p>',
customClass: {
popup: 'weak'
},
showCloseButton: false,
showConfirmButton: false,
showCancelButton: true,
focusConfirm: false,
confirmButtonText: '확인',
cancelButtonText: '<span>닫기</span>',
}).then(function() {
location.href="/user/loginForm?RETURN_URL=/";
});
}
// 넥스트 에너지 페이지 이동
function NextEnergylinkFunc(){
Swal.fire({
title: '<i class="fas fa-exclamation-triangle"></i>확인',
html:
'<p>로그인이 필요합니다.</p>',
customClass: {
popup: 'weak'
},
showCloseButton: false,
showConfirmButton: false,
showCancelButton: true,
focusConfirm: false,
confirmButtonText: '확인',
cancelButtonText: '<span>닫기</span>',
}).then(function() {
location.href="/user/loginForm?RETURN_URL=/benefit/generalBenefit";
});
return false;
}
</script>
<!-- footer -->
<style>
footer .information ul.desc li::after {
display:none;
}
</style>
<style>
footer .information ul.footer-btn li{padding:0px;}
.chat-foottxt-layer{
padding:0px;
}
@media(max-width:768px){
footer .information ul.footer-btn li:first-child{
padding:0px;
}
.chat-foottxt-layer{
padding:0px 15px;
}
footer .information ul.footer-btn li:last-child{
width:100%;
}
}
footer .information ul.footer-btn li a{
width:100%;
}
</style>
<div class="app-banner apple">
<div style="position: absolute;top: 2px;left: 0px;width: 68px;height: 47px;" class="app-close"><img src="/images/icon/app-close.png" width="" alt="" style="margin: 17px auto;width: 15px;display: block;"></div>
<div style="text-align: center;font-size: 17px;font-weight: 100;color: #fff;padding-top: 10px;" onclick="openIOSApp(); return false;"><img src="/images/icon/app-link.png" width="25" alt=""><span style="vertical-align: middle;padding-left:5px;">웰빙클럽 앱으로 보기</span></div>
<!-- <a href="javascript:void(0);" class="app-close" ><img src="/images/icon/app-close.png" width="15" alt=""></a> -->
<!-- <a href="javascript:void(0);" class="app-link" onclick="openIOSApp(); return false;"><img src="/images/icon/app-link.png" width="25" alt=""> 웰빙클럽 앱으로 보기</a> -->
</div>
<div class="app-banner android">
<div style="position: absolute;top: 2px;left: 0px;width: 68px;height: 47px;" class="app-close"><img src="/images/icon/app-close.png" width="" alt="" style="margin: 17px auto;width: 15px;display: block;"></div>
<div style="text-align: center;font-size: 17px;font-weight: 100;color: #fff;padding-top: 10px;" onclick="openAndroidApp(); return false;"><img src="/images/icon/app-link.png" width="25" alt=""><span style="vertical-align: middle;padding-left:5px;">웰빙클럽 앱으로 보기</span></div>
<!-- a href="javascript:void(0);" class="app-close" ><img src="/images/icon/app-close.png" width="15" alt=""></a>
<a href="javascript:void(0);" class="app-link" onclick="openAndroidApp(); return false;"><img src="/images/icon/app-link.png" width="25" alt=""> 웰빙클럽 앱으로 보기</a> -->
</div>
<!-- footer -->
<footer id="footer">
<a id="btn-top" style="display:none;"><i class="fas fa-chevron-up"></i></a>
<!-- <div class="container"> -->
<!-- <div class="wrap-award"> -->
<!-- <div class="row award"> -->
<!-- <div class="col-sm-12"> -->
<!-- <div class="swiper-container footawards"> -->
<!-- <div class="swiper-wrapper"> -->
<!-- <div class="swiper-slide"> -->
<!-- <p><span>2021</span> <strong>고객만족브랜드대상</strong>서비스부분 수상</p> -->
<!-- </div> -->
<!-- <div class="swiper-slide"> -->
<!-- <p><span>2020</span> <strong>고객만족브랜드대상</strong>서비스부분 수상</p> -->
<!-- </div> -->
<!-- 슬라이드 1 -->
<!-- <div class="swiper-slide"> -->
<!-- <p><span>2020</span> <strong>대한민국 NO.1</strong>서비스부분 수상</p> -->
<!-- </div> -->
<!-- 슬라이드 2 -->
<!-- <div class="swiper-slide"> -->
<!-- <p>2020 <strong>Hi-seoul</strong>서울시우수기업 지정</p> -->
<!-- </div> -->
<!-- 슬라이드 3 -->
<!-- <div class="swiper-slide"> -->
<!-- <p><span>2019</span> <strong>고객만족브랜드대상</strong>서비스부분 수상</p> -->
<!-- </div> -->
<!-- 슬라이드 4 -->
<!-- <div class="swiper-slide"> -->
<!-- <p><span>2018</span> <strong>고객만족브랜드대상</strong>서비스부분 수상</p> -->
<!-- </div> -->
<!-- 슬라이드 5 -->
<!-- <div class="swiper-slide"> -->
<!-- <p><span>2017</span> <strong>소비자만족지수 1위</strong>기업복지부문 수상</p> -->
<!-- </div> -->
<!-- 슬라이드 6 -->
<!-- <div class="swiper-slide"> -->
<!-- <p><span>2017</span> <strong>서울중소기업인대회</strong>유공자포상수상</p> -->
<!-- </div> -->
<!-- 슬라이드 7 -->
<!-- <div class="swiper-slide"> -->
<!-- <p><span>2017</span> <strong>대한민국브랜드</strong>만족도 1위 서비스부문</p> -->
<!-- </div> -->
<!-- 슬라이드 8 -->
<!-- <div class="swiper-slide"> -->
<!-- <p><span>2015</span> <strong>소비자만족지수 1위</strong>기업복지부문 수상</p> -->
<!-- </div> -->
<!-- 슬라이드 8 -->
<!-- </div> -->
<!-- </div> -->
<!-- </div> -->
<!-- </div> -->
<!-- </div> -->
<!-- </div> -->
<div class="container">
<div class="row information">
<div class="col-sm-3">
<!-- <p style="color: #333; font-size: 1zpx; font-weight:500;">웰빙클럽</p> -->
<div style="text-align: center; margin-bottom:12px;">
<img src="/images/logo.png" alt="웰빙클럽" class="logo-footer" style="float:none; " />
<ul class="footer-btn" style="width:auto;">
<li><a href="javascript:void(0);" class="btn sky" alt="자주묻는 질문" onclick="javascript:gTagFunc('링크클릭', 'footer', '자주묻는질문', '/customer/faq');" target="_self" title="자주묻는 질문 바로가기" style="cursor: pointer;background-color:white;">자주묻는 질문</a></li>
<li><a href="javascript:void(0);" class="btn sky" alt="1:1문의" onclick="javascript:gTagFunc('링크클릭', 'footer', '1:1문의', '/user/myQna');" target="_self" title="1:1문의 바로가기" style="cursor: pointer;background-color:white;">1:1 문의</a></li>
<li><a href="javascript:Gitple('open');" class="btn sky " alt="채팅문의" title="채팅문의 바로가기" style="cursor: pointer;background-color:white;">채팅문의</a></li>
</ul>
</div>
</div>
<div class="col-sm-3 chat-foottxt-layer" >
<p style="color: #333; font-size: 1zpx; font-weight:500;"><span><a href="javascript:Gitple('open');">채팅상담</a></span></p>
<ul class="desc">
<li><span style="color: #333; font-size: 1zpx; font-weight:300;">평일 오전 10시 ~ 오후 5시(점심시간 11:20 ~ 12:30)</span></li>
<!--
<li><span style="color: #333; font-size: 1zpx; font-weight:300;">평일 오후 12시 30분 ~ 오후 5시</span></li>
-->
</ul>
<p style="color: #333; font-size: 1zpx; font-weight:500;"><span>1:1 문의</span></p>
<ul class="desc">
<li><a href="javascript:void(0);" alt="1:1문의" onclick="javascript:gTagFunc('링크클릭', 'footer', '1:1문의', '/user/myQna');" target="_self" title="1:1문의 바로가기" style="cursor: pointer;">
평일 오후 5시 ~ 익일 오전 10시 / 주말 및 공휴일 24시간 작성 가능</a></li>
</ul>
<ul class="desc">
<li>전화상담 1688-6998</li><br/>
<li>평일 오전 10시 ~ 오후 3시(점심 11:20 ~ 12:30)</li>
</ul>
</div>
<div class="col-sm-6">
<ul class="util">
<li><a href="javascript:void(0);" onclick="javascript:gTagFunc('링크클릭', 'footer', '회사소개', '/company/about');" title="">회사소개</a></li>
<li><a href="javascript:void(0);" onclick="javascript:gTagFunc('링크클릭', 'footer', '이용약관', '/etc/terms');" title="">이용약관</a></li>
<li><a href="javascript:void(0);" onclick="javascript:gTagFunc('링크클릭', 'footer', '개인정보처리방침', '/etc/privacy');" title="" style="font-weight:bold;">개인정보처리방침</a></li>
<li><a href="javascript:void(0);" onclick="javascript:gTagFunc('링크클릭', 'footer', '제휴문의', '/company/allianceCompany');" title="">제휴문의</a></li>
<li><a href="javascript:void(0);" onclick="javascript:gTagFunc('링크클릭', 'footer', '가입대상회사', '/etc/partner');" title="">가입대상회사</a></li>
<li><a href="javascript:void(0);" onclick="javascript:gTagFunc('링크클릭', 'footer', '홍보관', '/etc/videonews');" title="">홍보관</a></li>
<li><a href="javascript:void(0);" onclick="javascript:gTagFunc('링크클릭', 'footer', '사이트맵', '/etc/sitemap');" title="">사이트맵</a></li>
</ul>
<div class="wrap-footerInfo">
<ul class="desc">
<li>(주)웰빙클럽 사업자 등록번호 135-86-13917</li>
<li>통신판매신고 2014-서울서초-1680</li><br>
<li>대표이사 고수남</li>
<li><address>서울특별시 서초구 강남대로 241 세원빌딩 3층</address></li><br>
<li>대표전화 1688-6998</li>
<li>FAX 02-6499-6998</li>
<li><a href="https://www.ftc.go.kr/bizCommPop.do?wrkr_no=1358613917&apv_perm_no=" target="_blank" title="사업자정보확인">사업자정보확인</a></li>
</ul>
<ul class="list-social hidden-xs desc">
<li><a href="https://blog.naver.com/wbc4us" target="_blank" title=""><img src="/images/footer/logo_naver.png" alt="웰빙클럽 네이버 블로그"></a></li>
<li><a href="https://www.facebook.com/swc6998" target="_blank" title=""><img src="/images/footer/logo_facebook.png" alt="웰빙클럽 공식 페이스북"></a></li>
<li><a href="https://www.youtube.com/channel/UCzTUeY161qv8KidXriFLncg" target="_blank" title=""><img src="/images/footer/logo_youtube.png" alt="웰빙클럽 유튜브"></a></li>
<li><img src="/images/footer/koita_logo.png" alt="KOITA"></li>
<li><img src="/images/footer/kibo_logo.png" alt="KIBO"></li>
<li><img src="/images/footer/kr_signature.jpg" style="width:55px;height:31px;"alt="MAINBIZ"></li>
</ul>
</div>
</div>
<div class="col-sm-12">
<p class="copyright">COPYRIGHT (C)
<a href="javascript:void(0);" onclick="javascript:gTagFunc('링크클릭', 'footer', '시설직접승인', '/sisul');" style="color:#aaa;title="">WELL-BEING CLUB</a> INC.ALL RIGHTS
<a href="javascript:void(0);" onclick="javascript:gTagFunc('링크클릭', 'footer', '스캔샘플', '/scan/sample');" style="color:#aaa;title="">RESERVED.</a>
</p>
</div>
</div>
</div>
</footer><!-- /footer -->
<!-- jQuery 부트스트랩의 자바스크립트 플러그인을 위해 필요합니다 -->
<!-- <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> -->
<!-- jQuery UI -->
<!-- <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.0/jquery-ui.min.js"></script> -->
<!-- Bootstrap -->
<!-- <script type="text/javascript" src="/js/bootstrap.min.js"></script> -->
<!-- custom js -->
<script type="text/javascript" src="/js/wellbeing.js"></script>
<!-- lightgallery plugins -->
<script type="text/javascript" src="/js/vandors/lightgallery-all.min.js"></script>
<!-- A jQuery plugin that adds cross-browser mouse wheel support. (Optional) -->
<script type="text/javascript" src="/js/cdn/jquery-mousewheel/3.1.13/jquery.mousewheel.min.js"></script>
<script type="text/javascript" src="/js/vandors/jquery.bxslider.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#lightgallery").lightGallery({
download: false,
share: false,
fullScreen: false,
actualSize: false,
});
var btn = $('#btn-top');
$(window).scroll(function() {
if ($(window).scrollTop() > 300) {
//btn.css('z-index','99');
btn.addClass('show');
} else{
if($(window).scrollTop() >= 0 && $(window).scrollTop() < 100){
btn.css('display','none');
}else{
btn.css('display','');
}
//btn.css('z-index','1');
btn.removeClass('show');
}
});
btn.on('click', function(e) {
e.preventDefault();
$('html, body').animate({scrollTop:0}, '300');
});
});
</script>
<!-- swiper -->
<script type="text/javascript" src="/js/vandors/swiper.min.js"></script>
<script>
$(document).ready(function(){
var swiper = new Swiper('.swiper-container.main-slider', {
observer: true,
observeParents: true,
pagination: {
el: '.swiper-pagination',
clickable: true,
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
var swiper1 = new Swiper('.topAd1', {
observer: true,
observeParents: true,
pagination: {
el: '.swiper-pagination1',
},
autoplay: {
delay: 2000,
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
});
var footawards = new Swiper('.swiper-container.footawards', {
/*width: 234,
loop: false,
autoplay: false,*/
autoplay: {
delay: 5000,
},
slidesPerView: 5,
spaceBetween: 30,
loop:true,
});
});
</script>
<script>
function registFun(){
location.href="/signup";
}
function loginFun(){
location.href="/user/loginForm";
}
</script>
<script type="text/javascript" src="/js/vandors/promise.min.js"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-158709140-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-158709140-1');
function gTagFunc(evt ,evt_category, evt_label, loc ){
gtag('event', evt, {'event_category' : evt_category, 'event_label' : evt_label });
location.href = loc;
}
</script>
<script>
window.GitpleConfig = {
appCode: 'Ec25iSZnxQT2jDZK3GRPISHrcw5q52' // 워크스페이스 > 서비스 설정 > 일반 에서 앱코드 복사
};
!function(){function e(){function e(){var e=t.contentDocument,a=e.createElement("script");a.type="text/javascript",a.async=!0,a.src=window[n]&&window[n].url?window[n].url+"/inapp-web/gitple-loader.js":"https://app.gitple.io/inapp-web/gitple-loader.js",a.charset="UTF-8",e.head&&e.head.appendChild(a)}var t=document.getElementById(a);t||((t=document.createElement("iframe")).id=a,t.style.display="none",t.style.width="0",t.style.height="0",t.addEventListener?t.addEventListener("load",e,!1):t.attachEvent?t.attachEvent("onload",e):t.onload=e,document.body.appendChild(t))}var t=window,n="GitpleConfig",a="gitple-loader-frame";if(!window.Gitple){document;var i=function(){i.ex&&i.ex(arguments)};i.q=[],i.ex=function(e){i.processApi?i.processApi.apply(void 0,e):i.q&&i.q.push(e)},window.Gitple=i,t.attachEvent?t.attachEvent("onload",e):t.addEventListener("load",e,!1)}}();
function userLoggedin(userid, username, useremail, userphone, vip_yn) {
// 우리 사이트는 프레임 구조가 아니기 때문에 update 로직이 맞지않다.
if(userid == "") {
Gitple('boot');
} else {
Gitple('boot', {
id: userid,
name: username,
email: useremail,
phone: userphone,
meta: { // [선택] 아래 세부 정보 참고
'회원구분': vip_yn,
'고객정보': '<a href="https://admin.wbcm.co.kr/00_callreceive/advise_edit01.html?USERID='+userid+'" target="_blank">고객정보</a>'
}
});
}
// 기본버튼 숨김
if (window.Gitple) {
// window.Gitple('hide');
window.Gitple('show');
}
}
function userLogedout() {
// 우리 사이트는 프레임 구조가 아니기 때문에 무쓸모
// Gitple('update');
// Gitple('shutdown');
}
$(document).ready(function(){
userLoggedin('', '', '', '', '');
});
$("#btn_on_gitple").click(function(){
if (window.Gitple) {
window.Gitple('open');
}
});
</script>
<style>
#gitple-launcher-tooltip-text {
color: white;
}
</style>
<!-- /footer -->
<!-- 친구초대 Function -->
<style>
.link_copyurl {
display: block;
overflow: hidden;
position: relative;
height: 42px;
line-height: 42px;
border: 1px solid #d0d0d0;
background-color: #f8f8f8;
text-decoration: none;
}
.txt_url {
display: block;
overflow: hidden;
padding: 0 64px 0 7px;
color: #2695f8;
white-space: nowrap;
text-overflow: ellipsis;
}
.txt_copy {
position: absolute;
top: 0;
right: 0;
width: 68px;
height: 42px;
border-left: 1px solid #d0d0d0;
background-color: #fff;
text-align: center;
}
.sns_copyurl {
margin: -1px 26px 0;
padding-bottom: 23px;
}
</style>
<!-- start: 친구초대 공유버튼 -->
<div class="modal fade" id="invateModal" tabindex="-1" role="dialog" aria-labelledby="invateModalLabel" style="display: none;">
<div class="modal-dialog" role="document">
<div class="modal-content guide caution2">
<div class="question">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="invateModalLabel"><i class="fas fa-info-circle"></i> 친구초대</h4>
</div>
<div class="modal-body no-pd">
<div class="wrap" id="layer_invate_title" style="text-align:center;font-size: 15px;padding-top: 10px;">
웰빙클럽에 친구 초대하고
<br />포인트 받아가세요!
</div>
<div class="wrap">
<div class="box-info no-round txt-center">
<div class="row-inner no-border" style="padding:0px;">
<img src="/images/cdn/kakaotalk/kakaolink_btn_small.png" style="width: 40px; height: 40px;" onclick="sendInvateKakaoTalk();" />
<img src="/images/cdn/kakaotalk/icon_small.png" style="width: 40px; height: 40px;" onclick="sendInvateKakaoStory();" />
<!-- <img src="//developers.band.us/img/share/button/ko/40x40.png" style="width: 40px; height: 40px;" onclick="sendInvateBand();" /> -->
</div>
</div>
</div>
<div class="copyUrl" style="display:none;">
<div class="sns_copyurl">
<a href="#" class="link_copyurl" onClick="javascript:copyUrlTxtbefore();">
<span class="txt_url" ></span>
<span class="txt_copy">URL복사</span>
</a>
</div>
</div>
</div>
</div>
</div>
<!--/ modal-content -->
</div>
<!--/ Modal dialog -->
</div>
<!-- start: 친구초대 공유버튼 -->
<div class="modal fade" id="freeUseEventBridgeModal" tabindex="-1" role="dialog" aria-labelledby="freeUseEventBridgeModalLabel" style="display: none;">
<div class="modal-dialog" role="document">
<div class="modal-content guide caution2">
<div class="question">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="freeUseEventBridgeModalLabel"><i class="fas fa-info-circle"></i> 무료체험권 페이지 공유</h4>
</div>
<div class="modal-body no-pd">
<div class="wrap" id="layer_invate_title" style="text-align:center;font-size: 15px;padding-top: 10px;">
친구에게 무료체험권(2매)을
<br />선물하세요!
</div>
<div class="wrap">
<div class="box-info no-round txt-center">
<div class="row-inner no-border" style="padding:0px;">
<img src="/images/cdn/kakaotalk/kakaolink_btn_small.png" style="width: 40px; height: 40px;" onclick="sendInvateKakaoTalk();" />
<img src="/images/cdn/kakaotalk/icon_small.png" style="width: 40px; height: 40px;" onclick="sendInvateKakaoStory();" />
<!-- <img src="//developers.band.us/img/share/button/ko/40x40.png" style="width: 40px; height: 40px;" onclick="sendInvateBand();" /> -->
</div>
</div>
</div>
<div class="copyUrl" style="display:none;">
<div class="sns_copyurl">
<a href="#" class="link_copyurl" onClick="javascript:copyUrlTxtFreeUseBdbefore();">
<span class="txt_url" ></span>
<span class="txt_copy">URL복사</span>
</a>
</div>
</div>
</div>
</div>
</div>
<!--/ modal-content -->
</div>
<!--/ Modal dialog -->
</div>
<!-- end: 친구초대 공유버튼 -->
<script src="/js/cdn/kakaotalk/kakao.min.js"></script>
<script>
var kakaoShareKey = "b75daf335db14cad9e048e483482cfcf";
Kakao.init(kakaoShareKey);
//카카오톡 친구초대
function sendInvateKakaoTalk() {
var invateTitle = "웰빙클럽-초대하기";
var invateDesc = "▷ 스포츠멤버십(1300여개 시설)\n월 25,000원부터 챙기는 건강\n\n▷ 컬처멤버십(500여개 시설)\n월 5,000원으로 즐기는 취미!";
var invateImage = "https://www.wbc4u.com/images/event/220516_event_friend_kakaomessage.jpg";
var invateUrl = "https://www.wbc4u.com/main/introducewbc";
var deepLink = "";
//카카오톡 공유하기
/* START : DEEP LINK */
deepLink = invateUrl;
console.log('클릭시 친구초대페이지::'+invateUrl);
console.log('클릭시 딥링크::'+deepLink);
/* END : DEEP LINK */
Kakao.Link.sendDefault({
objectType: 'feed'
, content: {
title: invateTitle
, description: invateDesc
, imageUrl: invateImage
, link: {
mobileWebUrl: deepLink
// , webUrl: selfUrl
}
, imageWidth: 400
, imageHeight: 400
}
, buttons: [
{
title: '초대장 자세히보기'
, link: {
mobileWebUrl: deepLink
// , webUrl: invateUrl
}
}
],
serverCallbackArgs: '{"resCd" : "000","resMsg" : "테스트중입니다."}'
// serverCallbackArgs: { resCd : "value",resMsg : "ttt"}
});
}
//카카오스토리 친구초대
function sendInvateKakaoStory() {
var invateTitle = "웰빙클럽-초대하기";
var invateDesc = "친구들아 웰빙클럽을 알고 있니?\n같이 다양한 혜택을 누려보자.\n\n국내 최저가로 시간과 장소에 얽매이지 않고 건강과 문화 혜택을 누릴 수 있습니다.";
var invateImage = "https://www.wbc4u.com/images/event/220516_event_friend_kakaomessage.jpg";
var invateUrl = "https://www.wbc4u.com/main/introducewbc";
/* START : DEEP LINK */
deepLink = invateUrl;
/* END : DEEP LINK */
Kakao.Story.open({
url: deepLink,
text: invateDesc,
urlInfo: {
title: invateUrl,
desc: invateDesc,
name: invateTitle,
images: [invateImage]
},
install: true
});
}
//BAND 친구초대
function sendInvateBand() {
var invateUrl = "https://www.wbc4u.com/main/introducewbc";
var invateDesc = "친구들아 웰빙클럽을 알고 있니?\n같이 다양한 혜택을 누려보자.\n\n국내 최저가로 시간과 장소에 얽매이지 않고 건강과 문화 혜택을 누릴 수 있습니다.\n\n";
var shareUrl = "https://www.band.us/plugin/share?body="+encodeURIComponent(invateDesc)+invateUrl+"&route="+invateUrl;
// location.href = shareUrl;
window.open(shareUrl, "share_band", "width=410, height=540, resizable=no");
}
// 복사전 Body에 text 전달
function copyUrlTxtbefore(){
$("#invateModal").modal('hide');
copyUrlTxt();
}
// 복사전 Body에 text 전달
function copyUrlTxtFreeUseBdbefore(){
$("#freeUseEventBridgeModal").modal('hide');
copyUrlTxt();
}
</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-158709140-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-158709140-1');
</script>
<script>
function gTagFunc(evt ,evt_category, evt_label, loc ){
gtag('event', evt, {'event_category' : evt_category, 'event_label' : evt_label });
location.href = loc;
}
</script> <!-- 친구초대 Function -->
</body>
</html>
Whois info of domain
Domain Name: WBC4U.COM
Registry Domain ID: 1894885775_DOMAIN_COM-VRSN
Registrar WHOIS Server: whois.whois.co.kr
Registrar URL: http://www.whois.co.kr
Updated Date: 2023-01-04T03:56:41Z
Creation Date: 2015-01-09T04:48:54Z
Registry Expiry Date: 2028-01-31T11:59:59Z
Registrar: Whois Corp.
Registrar IANA ID: 100
Registrar Abuse Contact Email: [email protected]
Registrar Abuse Contact Phone: +82.15884259
Domain Status: clientTransferProhibited https://icann.org/epp#clientTransferProhibited
Name Server: NS1.WHOISDOMAIN.KR
Name Server: NS2.WHOISDOMAIN.KR
Name Server: NS3.WHOISDOMAIN.KR
Name Server: NS4.WHOISDOMAIN.KR
DNSSEC: unsigned
URL of the ICANN Whois Inaccuracy Complaint Form: https://www.icann.org/wicf/
>>> Last update of whois database: 2025-05-10T15:11:46Z <<<
For more information on Whois status codes, please visit https://icann.org/epp
NOTICE: The expiration date displayed in this record is the date the
TERMS OF USE: You are not authorized to access or query our Whois
by the following terms of use: You agree that you may use this Data only
to: (1) allow, enable, or otherwise support the transmission of mass