@charset "utf-8";
/* CSS Document */

/* 작업완료(이하) ▽▽▽▽▽▽▽▽ */

/* COMMON */
.contents{position:relative;}
.contents .inner{max-width:1260px;padding:0 30px;margin:0 auto;}
.contents .bg-gray{background-color: #f9f9f9;}
.page-tit{margin-top:60px;text-align:center;font-size:46px;font-weight:700;}
.inner > .page-tit:first-child{margin-top:0;}
.cont-tit{margin-top:60px;text-align:center;font-size:40px;font-weight:700;line-height: 56px;}
.sub-txt{margin-top:15px;font-size:17px;}
.sub-txt strong{font-weight:500;}
.sub-txt02{font-size: 15px;color: #e64444;}
.guide-txt{padding:0 10px;}
.guide-txt ul li{color:#9d9d9d;}
.guide-txt ul li ~ li{margin-top:15px;}
.sub-visual{display: flex;align-items: center;justify-content: center;height:300px;background-image:url(../images/sub/sub-visual01.png);background-repeat:no-repeat;background-position:center top;}
.sub-visual.sub01{background-image:url(../images/sub/sub-visual01.png);} /* hm 240823 */
.sub-visual.sub02{background-image:url(../images/sub/sub-visual02.png);}
.sub-visual.sub03{background-image:url(../images/sub/sub-visual03.png);}
.sub-visual.sub04{background-image:url(../images/sub/sub-visual04.png);}
.sub-visual.sub06{background-image:url(../images/sub/sub-visual06.png);}
.sub-visual.sub07{background-image:url(../images/sub/sub-visual07.png);}
.sub-visual.sub08{background-image:url(../images/sub/sub-visual08.png);}
.sub-visual.sub09{background-image:url(../images/sub/sub-visual09.png);}
.sub-visual.sub12{background-image:url(../images/sub/sub-visual12.png);}
.sub-visual .category{margin-top: 0;font-size: 56px;color: #fff;}
.sch-box{display: flex;justify-content: flex-end;width: 100%;height: 50px;}
.sch-box.only-pc{display: flex !important;} /* hm 반응형 2차 */
.sch-box .opt{flex: 1;}
.sch-box .opt ~ .opt{margin-left: 10px;}
.sch-box .opt input{display: block;width: 100%;height: 50px;padding: 0 20px;border: 1px solid #ddd;border-radius: 4px;font-size: 18px;color: #333;background: #fff;}
.sch-box .opt input:focus{color: #434343;border:1px solid #5a68f7;}
.sch-box .opt select{display: block;width: 100%;height: 50px;padding: 0 53px 0 20px;border: 1px solid #ddd;border-radius: 4px;font-size: 18px;color: #333;background: url(../images/ico-select-arrow03.png) no-repeat calc(100% - 20px) center;}
.sch-box .opt select:focus{color: #434343;border:1px solid #5a68f7;}
.sch-box .opt.date-term{position: relative;}
.sch-box .opt.date-term:after{content: "";display: block;position: absolute;top: 50%;right: 20px;z-index: 1;width: 20px;height: 20px;margin-top: -10px;background:url(../images/ico-calendar.png) no-repeat right center;}
.sch-box .opt.btn-sch{flex: 0 90px;display: block;width: 90px;height: 50px;border-radius: 4px;text-align: center;font-size: 18px;line-height: 50px;color: #fff;background-color: #333;}
.sch-box .opt.size-auto{flex: 0 340px;}
.sch-box .opt.align-l{flex: none;margin-right: auto;}
.sch-box .opt.btn-wrap a, .sch-box .opt.btn-wrap button{height: 50px;padding: 12px 15px 13px;}
.filter-btns{display: flex;flex-wrap: wrap;align-items: flex-start;justify-content: flex-start;margin: 0 -6px;}
.filter-btns .opt{flex: 0 25%;padding: 6px;}
.filter-btns .opt a{display: flex;align-items: center;justify-content: center;width: 100%;height: 50px;padding: 5px 20px;border: 2px solid #e6edf4;border-radius: 25px;text-align: center;font-size: 15px;line-height: 18px;letter-spacing: -0.05em;color: #000;background: #e6edf4;}
.filter-btns .opt a.active{border-color: #333;background: #fff;}
.filter-btns .opt [class*="chip-"]{margin-right: 10px;vertical-align: top;}

[class*="chip-"]{display: inline-block;width: 14px;height: 14px;border-radius: 50%;vertical-align: middle;}
[class*="chip-"].chip-red{background-color: #e75d5d;}
[class*="chip-"].chip-orange{background-color: #ff9267;}
[class*="chip-"].chip-yellow{background-color: #f3cc6f;}
[class*="chip-"].chip-green{background-color: #31b698;}
[class*="chip-"].chip-blue{background-color: #6cacf1;}
[class*="chip-"].chip-purple{background-color: #b595f1;}
[class*="chip-"].chip-navy{background-color: #8287f7;}

/*-------------------------------------------------------------------------
00 MAIN
-------------------------------------------------------------------------*/
.main-wrap{}
.main-wrap .fp-tableCell{vertical-align: top;}
#fp-nav.left{left: 30px;}
#fp-nav ul li{width: 12px;height: 12px;margin: 20px 0;}
#fp-nav ul li a span{width: 12px;height: 12px;margin: -6px 0 0 -6px;border: 2px solid #fff;background: transparent;}
#fp-nav ul li a.active span{background: #fff;}
.main-wrap .section{overflow: hidden;position: relative;}
.main-wrap .section.sect01{}
.main-wrap .section.sect01 .visual{height: 100%;background: url(../images/main/visual-img01.png) no-repeat center center;background-size: cover;}
.main-wrap .section.sect01 .visual .main-txt-box{position: absolute;top: 50%;left: 0;z-index: 1;width: 100%;text-align: center;transform: translateY(-50%);}
.main-wrap .section.sect01 .visual .main-txt-box .txt01{font-size: 60px;font-weight: 700;color: #fff;}
.main-wrap .section.sect01 .visual .main-txt-box .txt02{margin-top: 30px;font-size: 20px;color: #fff;}
.main-wrap .section.sect01 .visual .main-txt-box .txt03{font-size: 30px;font-weight: 700;color: #fff;}
/* 20241209 일본회원권 홈페이지 수정 - s */
.main-wrap .section.sect01 .visual video{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
/* 20241209 일본회원권 홈페이지 수정 - e */
.main-wrap .section.sect01 .quick-menu{position: absolute;top: 50%;right: 30px;z-index: 1;}
.main-wrap .section.sect01 .quick-menu li{}
.main-wrap .section.sect01 .quick-menu li a{display: block;width: 154px;height: 46px;padding: 0 20px;font-size: 16px;line-height: 46px;color: #fff;background-color: #222;}
.main-wrap .section.sect01 .quick-menu li a:before{content: "";display: inline-block;width: 21px;height: 100%;margin-right: 8px;vertical-align: top;background-repeat: no-repeat;background-position: center center;background-size: 100% auto;}
.main-wrap .section.sect01 .quick-menu li.m-club a:before{background-image: url(../images/main/quick-ico01.png);}
.main-wrap .section.sect01 .quick-menu li.m-ticket a:before{background-image: url(../images/main/quick-ico02.png);}
.main-wrap .section.sect01 .quick-menu li.m-book a:before{background-image: url(../images/main/quick-ico03.png);}
.main-wrap .section.sect01 .scrolldown{position: absolute;bottom: 5%;left: 50%;z-index: 1;width: 123px;height: 63px;margin-left: -61px;background: url(../images/main/ico-scrolldown.png);}
.main-wrap .section.sect02{}
.main-wrap .section.sect02 .membership{display: flex;width: 100%;height: 100%;}
.main-wrap .section.sect02 .membership .info{flex: 1;width: calc(100%/3);;overflow: hidden;position: relative;background-color: #000;transition: all 0.4s ease-out;}
.main-wrap .section.sect02 .membership .info .bg-box{opacity: 0.4;width: 100%;height: 100%;background-repeat: no-repeat;background-position: top center;background-size: 100vw auto;transition: all 0.4s ease-out;}
.main-wrap .section.sect02 .membership .info.bg01 .bg-box{background-image: url(../images/main/membership-info-bg01.png);}
.main-wrap .section.sect02 .membership .info.bg02 .bg-box{background-image: url(../images/main/membership-info-bg02.png);}
.main-wrap .section.sect02 .membership .info.bg03 .bg-box{background-image: url(../images/main/membership-info-bg03.png);}
.main-wrap .section.sect02 .membership .info .txt-box{position: absolute;top: 30%;left: 0;z-index: 1;width: 200%;padding: 50px;}
.main-wrap .section.sect02 .membership .info .txt-box .info-tit{font-size: 30px;letter-spacing: -0.075em;color: #fff;}
.main-wrap .section.sect02 .membership .info .txt-box .txt01{opacity: 0;margin-top: 30px;font-size: 40px;font-weight: 700;line-height: 50px;letter-spacing: -0.075em;color: #fff;transform: translateY(50px);transition: all 0s ease-out;}
.main-wrap .section.sect02 .membership .info .txt-box .txt02{opacity: 0;margin-top: 100px;font-size: 16px;line-height: 26px;letter-spacing: -0.075em;color: #fff;transform: translateY(50px);transition: all 0s ease-out;}
.main-wrap .section.sect02 .membership .info .txt-box .txt02 ~ .txt02{margin-top: 30px;}
.main-wrap .section.sect02 .membership .info .txt-box .btn-wrap{opacity: 0;margin-top: 60px;text-align: left;transform: translateY(50px);transition: all 0s ease-out;}
.main-wrap .section.sect02 .membership .info.active{flex: 1 60%;width: 60%;transition: all 0.4s ease-in-out 0.4s;}
.main-wrap .section.sect02 .membership .info.active .bg-box{opacity: 1;transition: all 0.4s ease-out;}
.main-wrap .section.sect02 .membership .info.active .txt-box .txt01{opacity: 1;transform: translateY(0);transition: all 0.3s ease-out 0s;}
.main-wrap .section.sect02 .membership .info.active .txt-box .txt02{opacity: 1;transform: translateY(0);transition: all 0.3s ease-out 0.2s;}
.main-wrap .section.sect02 .membership .info.active .txt-box .btn-wrap{opacity: 1;transform: translateY(0);transition: all 0.3s ease-out 0.3s;}
.main-wrap .section.sect03{}
.main-wrap .section.sect03 .tit-box{padding-top: 135px;}
.main-wrap .section.sect03 .page-tit + .btn-wrap{margin-top: 30px;}
.main-wrap .section.sect03 .cc-wrap{padding: 0 100px;}
.main-wrap .section.sect03 .swp-cc{position: relative;margin-top: 50px;}
.main-wrap .section.sect03 .swp-cc .list{position: relative;width: 400px;height: 440px;}
.main-wrap .section.sect03 .swp-cc .list img{display: block;width: 100%;height: 100%;object-fit: cover;-webkit-object-fit: cover;}
.main-wrap .section.sect03 .swp-cc .list p{position: absolute; top: 80px;left: 0;z-index: 1;width: 100%;text-align: center;font-size: 30px;font-weight: 700;line-height: 50px;color: #fff;}
.main-wrap .section.sect03 .swp-cc .list .btn-wrap{position: absolute;bottom: 80px;left: 0;z-index: 1;width: 100%;}
.main-wrap .section.sect03 .swp-cc .swp-navi{position: absolute;bottom: -40px;left: 0;z-index: 1;font-size: 0;}
.main-wrap .section.sect03 .swp-cc .swp-btn-prev,
.main-wrap .section.sect03 .swp-cc .swp-btn-next{display: inline-block;width: 40px;height: 15px;vertical-align: top;}
.main-wrap .section.sect03 .swp-cc .swp-btn-prev{background: url(../images/main/ico-prev-arrow01.png) no-repeat center center;background-size: contain;}
.main-wrap .section.sect03 .swp-cc .swp-btn-next{margin-left: 30px;background: url(../images/main/ico-next-arrow01.png) no-repeat center center;background-size: contain;}
.main-wrap .section.sect03 .swp-cc .swp-navi [aria-disabled="true"]{opacity: 0.2;}
.main-wrap .section.sect04{overflow: hidden;height: 100%;padding: 0 100px;background: url(../images/main/hotelresort-bg01.png) no-repeat center center;background-size: cover;}
/* hm 240904 - s */
.main-wrap .section.sect04 .tit-box{padding-top: 135px;}
.main-wrap .section.sect04 .tit-box .page-tit{color: #fff;}
.main-wrap .section.sect04 .tit-box .page-tit + .btn-wrap{margin-top: 30px;}
.main-wrap .section.sect04 .hotelresort{padding: 0 100px;}
.main-wrap .section.sect04 .swp-hotelresort{position: relative;margin-top: 50px;}
.main-wrap .section.sect04 .swp-hotelresort .list{position: relative;width: 500px;height: 400px;}
.main-wrap .section.sect04 .swp-hotelresort .list a{display: block;position: relative;}
.main-wrap .section.sect04 .swp-hotelresort .list a .txt-name{display: flex;align-items: center;justify-content: center;position: absolute;top: 50%;left: 50%;z-index: 1;width: 340px;height: 140px;text-align: center;font-size: 30px;line-height: 40px;color: #fff;background: rgba(0,0,0,0.4);transform-origin: 50% 50%;transform:translate(-50%, -50%);}
.main-wrap .section.sect04 .swp-hotelresort .list a img{display: block;width: 100%;height: 100%;object-fit: cover;-webkit-object-fit: cover;}
.main-wrap .section.sect04 .swp-hotelresort .list a:hover .txt-name{width: 100%;height: 100%;transition:all 0.3s ease-out;}
.main-wrap .section.sect04 .swp-hotelresort .swp-navi{position: absolute;bottom: -40px;left: 0;z-index: 1;font-size: 0;}
.main-wrap .section.sect04 .swp-hotelresort .swp-btn-prev,
.main-wrap .section.sect04 .swp-hotelresort .swp-btn-next{display: inline-block;width: 40px;height: 15px;vertical-align: top;}
.main-wrap .section.sect04 .swp-hotelresort .swp-btn-prev{background: url(../images/main/ico-prev-arrow02.png) no-repeat center center;background-size: contain;}
.main-wrap .section.sect04 .swp-hotelresort .swp-btn-next{margin-left: 30px;background: url(../images/main/ico-next-arrow02.png) no-repeat center center;background-size: contain;}
.main-wrap .section.sect04 .swp-hotelresort .swp-navi [aria-disabled="true"]{opacity: 0.2;}
/* hm 240904 - e */
.main-wrap .section.sect05{padding: 135px 100px 0;}
.main-wrap .section.sect05 .customer{display: flex;align-items: top;width: 100%;height: 100%;padding-top: 135px;}
.main-wrap .section.sect05 .box-cs{flex: 0 50%;overflow: hidden;max-width: calc(50% - 20px);}
.main-wrap .section.sect05 .box-cs .info-box{display: flex;flex-direction: column;justify-content: center;float: left;width: calc(50% - 10px);height: 400px;padding: 40px;}
.main-wrap .section.sect05 .box-cs .info-box.cs{background: url(../images/main/cs-bg01.png) no-repeat center center;background-size: cover;}
.main-wrap .section.sect05 .box-cs .info-box.qna{margin-left: 20px;background: url(../images/main/cs-bg02.png) no-repeat center center;background-size: cover;}
.main-wrap .section.sect05 .box-cs .info-box .info01{text-align: center;}
.main-wrap .section.sect05 .box-cs .info-box .info01 .txt01{font-size: 20px;line-height: 30px;color: #fff;}
.main-wrap .section.sect05 .box-cs .info-box .info01 .txt02{font-size: 60px;font-weight: 700;line-height: 70px;color: #fff;}
.main-wrap .section.sect05 .box-cs .info-box .info02{margin-top: 20%;}
.main-wrap .section.sect05 .box-cs .info-box .info02 dl{display: flex;justify-content: space-between;}
.main-wrap .section.sect05 .box-cs .info-box .info02 dl dt{text-align: left;font-size: 24px;line-height: 38px;color: #fff;}
.main-wrap .section.sect05 .box-cs .info-box .info02 dl dd{text-align: right;font-size: 24px;line-height: 38px;color: #fff;}
.main-wrap .section.sect05 .box-cs .info-box .btn-wrap{margin-top: 20%;}
.main-wrap .section.sect05 .box-notice{flex: 0 50%;max-width: calc(50% - 20px);margin-left: 40px;}
.main-wrap .section.sect05 .box-notice .tit{position: relative;text-align: center;font-size: 40px;font-weight: 700;line-height: 50px;letter-spacing: -0.075em;}
.main-wrap .section.sect05 .box-notice .tit .more{display: block;position: absolute;top: 50%;right: 0;z-index: 1;width: 54px;height: 54px;margin: -27px 0 0 -27px;border-radius: 50%;background: #f1f1f1 url(../images/btn-arrow03.png) no-repeat center center;}
.main-wrap .section.sect05 .box-notice .brd-list{margin-top: 26px;border-top: 2px solid #000;}
.main-wrap .section.sect05 .box-notice .brd-list .list{border-bottom: 1px solid #ddd;}
.main-wrap .section.sect05 .box-notice .brd-list .list a{display: block;position: relative;padding: 25px 160px 25px 40px;}
.main-wrap .section.sect05 .box-notice .brd-list .list a strong{display: block;overflow: hidden;width: 100%;font-size: 20px;line-height: 30px;color: #000;white-space: nowrap;text-overflow: ellipsis;}
.main-wrap .section.sect05 .box-notice .brd-list .list a span{position: absolute;top: 50%;right: 40px;z-index: 1;margin-top: -15px;text-align: right;font-size: 20px;line-height: 30px;color: #a3a3a3;}

/*-------------------------------------------------------------------------
01 회사소개 : hm 240823
-------------------------------------------------------------------------*/
.intro-wrap{}
.intro-wrap .inner{padding: 80px 30px;}
.intro-wrap .section .sec-name{width: 100%;height: 56px;font-size: 30px;font-weight: bold;font-stretch: normal;font-style: normal;letter-spacing: normal;text-align: center;color: #191919;border-bottom: 2px solid #dbdbdb;margin-bottom: 80px;}
.intro-wrap .section .sec-title{font-size: 46px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.52;letter-spacing: -1.15px;text-align: center;color: #191919;}
.intro-wrap .section .sec-content{font-size: 18px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.67;letter-spacing: -0.45px;text-align: center;color: #555;word-break: keep-all;}
.intro-wrap .section01{}
.intro-wrap .section01 h2 span{display: block;}
.intro-wrap .section01 .sec-content{margin: 6px 0 80px;}
.intro-wrap .section01 .com-list{display: flex;}
.intro-wrap .section01 .com-list li{width: 33.33%;display: flex;flex-direction: column;}
.intro-wrap .section01 .com-list li:nth-child(2){margin: 0 12px;}
.intro-wrap .section01 .com-list .list-title{height: 65px;border-radius: 25px 25px 0 0;background-image: linear-gradient(101deg, #3f5cc8 8%, #001976 90%);font-size: 20px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: -0.5px;color: #fff;display: flex;align-items: center;justify-content: center;}
.intro-wrap .section01 .com-list .list-con{background-color: #f1f3fc;flex: 1;display: flex;align-items: center;justify-content: center;padding: 54px 12px;font-family: "Roboto", sans-serif;font-size: 18px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.67;letter-spacing: normal;text-align: center;color: #555;}
.intro-wrap .section01 .com-list li:nth-child(1) .list-con img{width: 34%;max-width: 143px;}
.intro-wrap .section01 .com-list li:nth-child(2) .list-con img{width: 80%;max-width: 292px;}
.intro-wrap .section02{display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 0;background: url("../images/bg/about/bg_sec02.png") no-repeat center / cover;}
.intro-wrap .section02 .logo{margin-bottom: 40px;}
.intro-wrap .section02 .txt{font-size: 20px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: -0.5px;text-align: center;color: #191919;word-break: keep-all;}
.intro-wrap .section02 .txt.t2{margin: 40px 0;max-width: 530px;}
.intro-wrap .section02 .txt.t2 span{display: inline-block;}
.intro-wrap .section03{display: flex;flex-direction: column;align-items: center;}
.intro-wrap .section03 .img-history{max-width: 1095px;width: 100%;}
.intro-wrap .section04{display: flex;flex-direction: column;align-items: center;margin-top: 100px;}
.intro-wrap .section04 img{width: 100%;max-width: 1122px;}

/*-------------------------------------------------------------------------
02 회원권
-------------------------------------------------------------------------*/
.club-wrap{}
.club-wrap .inner{padding: 80px 30px;}
.club-wrap .main-slogan p{position: relative;font-size: 40px;line-height: 56px;letter-spacing: -0.075em;}
.club-wrap .main-slogan p span{display: block;text-align: center;}
.club-wrap .main-slogan img{display: block;margin: -56px auto 0;}
.club-wrap .txt-box{text-align: center;}
.club-wrap .txt-box .main-txt{font-size: 40px;font-weight: 700;line-height: 50px;letter-spacing: -0.075em;}
.club-wrap .txt-box .sub-txt{font-size: 18px;color: #ff7170;}

/* 24.08.22 가격수정 */
.club-wrap .txt-box .sub-txt1{font-size: 18px;color: #ff7170; text-align: right; margin:20px 0 80px 0; }
.club-wrap .txt-box .sub-txt2{font-size: 18px;color: #ff7170; text-align: center; margin:80px 0 20px 0; }
/* 24.08.22 가격수정 끝*/
.club-wrap .buy-list{display: flex;margin-top: 40px;}
.club-wrap .buy-list .ticket{flex: 1;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 40px 30px;border-radius: 10px;}
.club-wrap .buy-list .ticket ~ .ticket{margin-left: 26px;}
.club-wrap .buy-list .ticket:nth-child(1){background-color: #e9f1f5;}
.club-wrap .buy-list .ticket:nth-child(2){background-color: #e7eff7;}
.club-wrap .buy-list .ticket:nth-child(3){background-color: #ddedf8;}
.club-wrap .buy-list .ticket:nth-child(4){background-color: #d1e6f9;}
.club-wrap .buy-list .ticket .info01{width: 100%;height: 60px;border: 1px solid #c1cddb;border-radius: 30px;text-align: center;font-size: 20px;font-weight: 700;line-height:57px;color: #333;background-color: #fff;}
.club-wrap .buy-list .ticket .info02{margin-top: 20px;text-align: center;font-size: 18px;color: #8291b4;}
.club-wrap .buy-list .ticket .price{margin-top: 30px;font-size: 18px;line-height: 50px;letter-spacing: -0.1em;}
.club-wrap .buy-list .ticket .price strong{padding-right: 5px;font-size: 44px;}
.club-wrap .buy-list .ticket .info03{margin-top: 20px;text-align: center;}
.club-wrap .buy-list .ticket .btn-wrap{margin-top: 20px;}

/* 24.08.22 가격수정 */
.club-wrap .application{overflow: hidden;}
.club-wrap .application h2{text-align: center; color:#424bca; font-size:30px; margin-bottom: 30px; }

/* 24.08.23  수정 */
.club-wrap .application h3{text-align:left; font-size:20px; margin-bottom: 10px; }
/* 24.08.23  2차수정 시작 */
.club-wrap .application .information{ width:100%; height:700px;}

/* 24.08.23  수정 끝*/
.club-wrap .application .information .box1{background-color:#eaeff6; border-radius:10px; padding:20px 30px 50px 30px ; box-sizing: border-box;  }
.club-wrap .application .information .box1 .in_l{width:calc(50% - 20px); margin:0 10px 0  ;  float: left;   }
.club-wrap .application .information .box1 .in_l .form-wrap{margin-top:30px;  }
.club-wrap .application .information .box1 .line{width:calc(100% - 20px);   display: table; margin-left:10px;}
.club-wrap .application .information .box1 .line .form-wrap{margin-top:30px;  }
.club-wrap .application .information .box2{background-color:#f5f5f5; border-radius:10px; padding:40px 30px; box-sizing: border-box; margin-top:20px; }

.club-wrap .application .membership{width:100%;}

.club-wrap .application .membership .box{width:100%; overflow: hidden; margin-top: 10px;}

.club-wrap .application .membership .box .info{width:calc(100% - 180px); border:1px solid #c1cddb; padding:15px 35px;  float: left;  border-radius:10px; height: 60px;  font-size: 20px;}
.club-wrap .application .membership .box .number{width:160px; border:1px solid #c1cddb; padding:12px 18px;  float: left;  border-radius:10px; height: 60px;  font-size: 20px; margin-left: 10px;  }

.club-wrap .application .membership .box .number a {display:inline-block; width:15px;}
.club-wrap .application .membership .box .number span {display:inline-block;  padding:0 32px; font-size:20px; }
/* 24.08.23  수정 */
.club-wrap .application .membership .box_on{width:100%; overflow: hidden; margin-top: 10px;}



.club-wrap .application .membership .box_on .info{width:calc(100% - 180px); border:1px solid #c1cddb; padding:15px 35px;  float: left;  border-radius:10px; height: 60px;  font-size: 20px; background-color:#c0d5ee; }
.club-wrap .application .membership .box_on .number{width:160px; border:1px solid #c1cddb; padding:12px 18px;  float: left;  border-radius:10px; height: 60px;  font-size: 20px; margin-left: 10px; background-color:#c0d5ee;  }


.club-wrap .application .membership .box_on .number a {display:inline-block; width:15px;}
.club-wrap .application .membership .box_on .number span {display:inline-block;  padding:0 32px; font-size:20px; }
/* 24.08.23  2차수정 끝*/

/* 24.08.22 가격수정 끝 */

.club-wrap .application .membership .box_on{width:100%; overflow: hidden; margin-top: 30px;}
.club-wrap .application .membership .box_on .info{width:calc(100% - 180px); border:1px solid #c1cddb; padding:15px 35px;  float: left;  border-radius:10px; height: 60px;  font-size: 20px; background-color:#c0d5ee; }
.club-wrap .application .membership .box_on .number{width:160px; border:1px solid #c1cddb; padding:12px 18px;  float: left;  border-radius:10px; height: 60px;  font-size: 20px; margin-left: 10px; background-color:#c0d5ee;  }
.club-wrap .application .membership .box_on .number a {display:inline-block; width:15px;}
.club-wrap .application .membership .box_on .number span {display:inline-block;  padding:0 32x; font-size:20px; }
/* 24.08.22 가격수정 끝 */

.club-wrap .membership{overflow: hidden;}
.club-wrap .membership .card{float: left;width: 310px;height: 433px;background: url(../images/sub/club-membership.png) no-repeat center center;}
.club-wrap .membership .info-box{float: left;width: calc(100% - 310px);padding-left: 50px;}
.club-wrap .membership .info-box .tbl-wrap02{margin-top: 0;}
.club-wrap .membership .info-box .price{font-size: 44px;letter-spacing: -0.075em;color: #000;}
.club-wrap .membership .info-box .price em{padding-left: 5px;font-size: 18px;font-weight: 400;}
.club-wrap .membership .info-box .btn-wrap{justify-content: flex-end;margin-top: 20px;}
.club-wrap .membership .info-box .btn-wrap > li{flex: 0 auto;}
.club-wrap .celeb-msg{}
.club-wrap .celeb-msg img{display: block;margin: 0 auto;}
.club-wrap .celeb-msg p{margin-top: 20px;text-align: center;font-size: 40px;line-height: 50px;color: #000;}
.club-wrap .celeb-msg p strong{font-weight: 700;}
.club-wrap .ticket-info{text-align: center;}
.club-wrap .ticket-info .info01{max-width: 300px;height: 70px;margin: 0 auto;border: 1px solid #ddd;border-radius: 35px;font-size: 24px;line-height: 68px;color: #333;background-color: #fff;}
.club-wrap .ticket-info .info02{display: table;table-layout: fixed;width: 100%;max-width: 630px;margin: 30px auto 0;border-spacing: 10px;}
.club-wrap .ticket-info .info02 li{display: table-cell;height: 150px;border-radius: 16px;vertical-align: middle;text-align: center;font-size: 20px;font-weight: 500;line-height: 30px;color: #333;background-color: #e2e2e2;}
.club-wrap .customer-center{}
.club-wrap .customer-center p{text-align: center;font-size: 18px;color: #333;}
.club-wrap .customer-center p.call{margin-top: 40px;font-size: 44px;font-weight: 700;color: #000;}
.club-wrap .customer-center p.call:before{content: "";display: inline-block;width: 62px;height: 51px;margin-right: 20px;vertical-align: middle;background: url(../images/sub/club-celebrity-img02.png) no-repeat left center;}
.club-wrap .customer-center p .highlight{background-color: #fbf0d4;}
.club-wrap .customer-center .btn-wrap{margin-top: 40px;}

/* hm 240905 - s */
.club-wrap .club-intro {}
.club-wrap .club-intro .detail img {display: block;max-width: 100%;margin: 0 auto;}
.club-wrap .club-intro .btn-wrap {margin-top: 80px;}
.club-wrap .club-intro .btn-wrap a {height: 70px;min-width: 248px;font-size: 24px;font-weight: 700;line-height: 40px;}
.club-wrap .club-intro .btn-wrap a.arrow01:after {margin-left: 20px;}
.club-wrap .benefit-wrap {}
.club-wrap .benefit-wrap .tit {text-align: center;font-size: 40px;font-weight: 700;color: #064738;}
.club-wrap .benefit-wrap .list {margin-top: 40px;}
.club-wrap .benefit-wrap .list li {overflow: hidden;position: relative;padding-left: 90px;border-radius: 40px;background-color: #d4d1c8;}
.club-wrap .benefit-wrap .list li ~ li {margin-top: 20px;}
.club-wrap .benefit-wrap .list li .num {display: block;position: absolute;top: -10px;left: -10px;z-index: 1;width: 100px;height: 100px;border: 10px solid #fff;border-radius: 50%;text-align: center;font-size: 30px;font-weight: 700;line-height: 80px;color: #fff;background-color: #004738;}
.club-wrap .benefit-wrap .list li p {display: flex;align-items: center;height: 80px;padding: 0 40px;font-size: 24px;font-weight: 500;line-height: 30px;color: #333;}
.club-wrap .benefit-wrap .btn-wrap {margin-top: 80px;}
.club-wrap .benefit-wrap .btn-wrap a {height: 70px;min-width: 248px;font-size: 24px;font-weight: 700;line-height: 40px;}
.club-wrap .benefit-wrap .btn-wrap a.arrow01:after {margin-left: 20px;}
/* hm 240905 - e */

/*-------------------------------------------------------------------------
03 글로벌CC 소개
-------------------------------------------------------------------------*/
.cc-wrap{}
.cc-wrap .inner{padding: 80px 30px;}
.cc-wrap .slogan{position: relative;margin-top: 80px;}
.cc-wrap .slogan img{display: block;width: 100%;height: auto;vertical-align: top;}
.cc-wrap .slogan p{position: absolute;top: 50%;left: 0;z-index: 1;width: 100%;text-align: center;font-size: 40px;line-height: 1.4;color: #fff;transform: translateY(-50%);}
.cc-wrap .txt-box{margin-top: 60px;text-align: center;}
.cc-wrap .txt-box .tit{font-size: 40px;font-weight: 500;line-height: 56px;}
.cc-wrap .txt-box .txt01{margin-top: 30px;font-size: 18px;line-height: 28px;color: #333;}
.cc-wrap .info-box{display: flex;align-items: center;justify-content: center;margin: 60px auto 0;text-align: center;font-size: 0;}
.cc-wrap .info-box dl{display: flex;flex-direction: column;align-items: center;justify-content: center;width: calc(100%/3 - 8px);float: left;max-width: 280px;height: 150px;border-radius: 10px;vertical-align: top;background-color: #f4f8fa;}
.cc-wrap .info-box dl ~ dl{margin-left: 12px;}
.cc-wrap .info-box dt{text-align: center;font-size: 18px;color: #6a6e94;}
.cc-wrap .info-box dd{text-align: center;font-size: 40px;font-weight: 700;line-height: 56px;letter-spacing: -0.05em;color: #424bca;}
.cc-wrap .course-map{margin-top: 60px;text-align: center;font-size: 0;}
.cc-wrap .tab-wrap{margin-top: 80px;}
.cc-wrap .hole-wrap{margin-top: 30px;}
.cc-wrap .hole-wrap .hole-list{display: flex;align-items: center;justify-content: center;padding: 25px;border-radius: 10px;background-color: #e9f1f5;}
.cc-wrap .hole-wrap .hole-list li{flex: 0 auto;position: relative;}
.cc-wrap .hole-wrap .hole-list li ~ li{padding-left: 5%;}
.cc-wrap .hole-wrap .hole-list li ~ li:before{content: "";display: block;position: absolute;top: 50%;left: 0;z-index: 0;width: 100%;height: 1px;background-color: #ddd;}
.cc-wrap .hole-wrap .hole-list li a{display: block;position: relative;width: 52px;height: 52px;border-radius: 50%;vertical-align: middle;text-align: center;font-size: 20px;line-height: 52px;color: #333;background-color: #fff;}
.cc-wrap .hole-wrap .hole-list li a.active{width: 70px;height: 70px;font-size: 30px;font-weight: 700;line-height: 70px;color: #fff;background-color: #333;}
.cc-wrap .hole-wrap .navigation{margin-top: 40px;text-align: right;font-size: 0;}
.cc-wrap .hole-wrap .navigation a{display: inline-block;width: 54px;height: 54px;border-radius: 50%;vertical-align: top;text-indent: -9999px;font-size: 0;background:#f1f1f1 url(../images/btn-arrow03.png) no-repeat center center;}
.cc-wrap .hole-wrap .navigation a.navi-prev{transform: rotate(180deg);}
.cc-wrap .hole-wrap .navigation a.navi-next{margin-left: 10px;}
.cc-wrap .hole-wrap .detail{overflow: hidden;}
.cc-wrap .hole-wrap .detail .hole-img{float: left;width: 410px;text-align: center;font-size: 0;}
.cc-wrap .hole-wrap .detail .hole-img img{vertical-align: top;}
.cc-wrap .hole-wrap .detail .info{float: left;width: calc(100% - 410px);}
.cc-wrap .hole-wrap .detail .info .hole-number{font-size: 40px;font-weight: 700;line-height:48px;color: #000;}
.cc-wrap .hole-wrap .detail .info .tag{margin-top: 20px;font-size: 0;}
.cc-wrap .hole-wrap .detail .info .tag li{display: inline-block;height: 40px;padding: 0 20px;border: 1px solid #ddd;border-radius: 4px;vertical-align: top;text-align: center;font-size: 18px;line-height: 38px;color: #667787;}
.cc-wrap .hole-wrap .detail .info .tag li ~ li{margin-left: 6px;}
.cc-wrap .hole-wrap .detail .info .ex{margin-top: 45px;font-size: 18px;line-height: 28px;color: #333;}
.cc-wrap .hole-wrap .detail .info .tee{overflow: hidden;margin-top: 50px;}
.cc-wrap .hole-wrap .detail .info .tee dl{float: left;}
.cc-wrap .hole-wrap .detail .info .tee dl ~ dl{margin-left: 40px;}
.cc-wrap .hole-wrap .detail .info .tee dl dt{font-size: 18px;line-height: 1em;color: #333;}
.cc-wrap .hole-wrap .detail .info .tee dl dd{margin-top: 10px;font-size: 18px;line-height: 1em;color: #333;}
.cc-wrap .hole-wrap .detail .info .tee dl dd:before{content: "";display: inline-block;width: 14px;height: 14px;margin-right: 8px;border:1px solid #111;border-radius: 50%;vertical-align: middle;}
.cc-wrap .hole-wrap .detail .info .tee dl dd.black-tee:before{background-color: #111;}
.cc-wrap .hole-wrap .detail .info .tee dl dd.regular-tee:before{background-color: #fff;}
.cc-wrap .hole-wrap .detail .info .view{display: flex;overflow: hidden;width: 100%;margin-top: 30px;}
.cc-wrap .hole-wrap .detail .info .view .video{flex: 1;height: 260px;background-color: #000;}
.cc-wrap .hole-wrap .detail .info .view .img{flex: 1;height: 260px;margin-left: 10px;}
.cc-wrap .hole-wrap .detail .info .view .img img{width: 100%;height: 100%;vertical-align: top;object-fit: cover;-webkit-object-fit: cover;}
.cc-wrap .facility{margin-top: 60px;}
.cc-wrap .facility .list{display: flex;width: 100%;}
.cc-wrap .facility .list ~ .list{margin-top: 30px;}
.cc-wrap .facility .list .img{flex: none;overflow: hidden;position: relative;z-index: 1;width: 560px;border-radius: 10px;}
.cc-wrap .facility .list .img img{display: block;width: 100%;height: auto;vertical-align: top;}
.cc-wrap .facility .list .txt{display: flex;flex-direction: column;justify-content: center;position: relative;padding: 0 0 0 50px;}
.cc-wrap .facility .list .txt .tit{font-size: 30px;font-weight: 700;line-height: 1em;color: #000;}
.cc-wrap .facility .list .txt .sub{margin-top: 25px;margin-bottom: 25px;font-size: 18px;line-height: 28px;}
.cc-wrap .facility .list .txt .deco{display: block;position: absolute;bottom: 0;left: -20px;right: auto;z-index: 0;font-size: 80px;font-weight: 700;line-height: 1em;color: #ddedf8;}
.cc-wrap .facility .list:nth-child(even){flex-direction: row-reverse;}
.cc-wrap .facility .list:nth-child(even) .txt{padding: 0 50px 0 0;text-align: right;}
.cc-wrap .facility .list:nth-child(even) .txt .deco{left: auto;right: -20px;}
.cc-wrap .map-box{margin-top: 60px;}
/* hm 240823 - s */
.cc-wrap .img-box{margin-bottom: 80px;}
.cc-wrap .img-box img{width: 100%;height: auto;vertical-align: top;}
.cc-wrap .cc-btns{display: flex;align-items: center;width: 100%;}
.cc-wrap .cc-btns .opt{flex: 1;}
.cc-wrap .cc-btns .opt ~ .opt{margin-left: 12px;}
.cc-wrap .cc-btns .opt a{display: block;overflow: hidden;position: relative;height: 114px;padding: 20px;border: 3px solid transparent;border-radius: 8px;background-repeat: no-repeat;background-position: center center;background-size: cover;}
.cc-wrap .cc-btns .opt a[data-cctype="1"]{background-image: url(../images/sub/cc-type1-thm.png);}
.cc-wrap .cc-btns .opt a[data-cctype="2"]{background-image: url(../images/sub/cc-type2-thm.png);}
.cc-wrap .cc-btns .opt a[data-cctype="3"]{background-image: url(../images/sub/cc-type3-thm.png);}
.cc-wrap .cc-btns .opt a[data-cctype="4"]{background-image: url(../images/sub/cc-type4-thm.png);}
.cc-wrap .cc-btns .opt a[data-cctype="5"]{background-image: url(../images/sub/cc-type5-thm.png);}
.cc-wrap .cc-btns .opt a[data-cctype="6"]{background-image: url(../images/sub/cc-type6-thm.png);}
.cc-wrap .cc-btns .opt a[data-cctype="7"]{background-image: url(../images/sub/cc-type7-thm.png);}
.cc-wrap .cc-btns .opt a span{display: flex;align-items: center;justify-content: center;position: absolute;top: 0;left: 0;z-index: 1;width: 100%;height: 100%;padding: 20px;text-align: center;font-size: 15px;line-height: 25px;color: #d5d5d5;background: rgba(0,0,0,0);}
.cc-wrap .cc-btns .opt a.active{border-color: #4e78ef;}
.cc-wrap .cc-btns .opt a:hover span{background: rgba(0,0,0,0.5);}
.cc-wrap .cc-btns .opt a.active span{background: rgba(0,0,0,0.5);}
.cc-wrap .cc-img-wrap{position: relative;padding: 80px 0 40px 440px;margin-top: 40px;}
.cc-wrap .cc-img-wrap:before{content: "";position: absolute;top: 0;left: 0;z-index: 0;width: 590px;height: 100%;background-color: #e9f1f5;}
.cc-wrap .cc-img-wrap .swp-cc{overflow: hidden;}
.cc-wrap .cc-img-wrap .swp-cc .swiper-slide{opacity: 0.3;width: 453px;transition: all 0.3s ease-out;}
.cc-wrap .cc-img-wrap .swp-cc .swiper-slide.swiper-slide-active{opacity: 1;}
/* hm 240905 - e */
.cc-wrap .cc-img-wrap .swp-cc .swiper-slide .btn-video {display: block;position: absolute;top: 0;left: 0;z-index: 1;width: 100%;height: 100%;background: rgba(0,0,0,0.7);}
.cc-wrap .cc-img-wrap .swp-cc .swiper-slide .btn-video span {display: block;position: absolute;top: 50%;left: 50%;z-index: 1;text-align: center;font-size: 16px;line-height: 16px;color: #fff;transform: translate(-50%,-50%);}
.cc-wrap .cc-img-wrap .swp-cc .swiper-slide .btn-video span:before {content: "";display: block;width: 80px;height: 80px;margin: 0 auto 14px;background: url(../images/ico-video-play.png) no-repeat center center;background-size: contain;}
.cc-wrap .cc-img-wrap .swp-cc .swiper-slide .btn-video span:after {content: "";display: inline-block;width: 16px;height: 16px;margin-left: 8px;vertical-align: top;background: url(../images/ico-link.png) no-repeat center center;background-size: contain;}
/* hm 240905 - e */
.cc-wrap .cc-img-wrap .swp-navi{position: absolute;bottom: 80px;left: 0;z-index: 1;width: 440px;padding-right: 60px;text-align: right;font-size: 0;}
.cc-wrap .cc-img-wrap .swp-btn-prev,
.cc-wrap .cc-img-wrap .swp-btn-next{display: inline-block;position: relative;width: 56px;height: 53px;padding: 20px;vertical-align: top;background-repeat: no-repeat;background-position: center center;background-size: 16px auto;}
.cc-wrap .cc-img-wrap .swp-btn-prev{background-image: url(../images/sub/ico-prev-arrow01.png);}
.cc-wrap .cc-img-wrap .swp-btn-next{background-image: url(../images/sub/ico-next-arrow01.png);}
.cc-wrap .cc-img-wrap .swp-btn-next:before{content: "";display: block;position: absolute;top: 50%;left: 0;z-index: 1;width: 1px;height: 18px;margin-top: -9px;background-color: #ddd;}
.cc-wrap .cc-img-wrap .swp-navi [aria-disabled="true"]{opacity: 0.2;}
.cc-wrap .cc-img-wrap .name-box{position: absolute;top: 50%;left: 0;z-index: 1;width: 440px;padding-right: 60px;text-align: right;font-size: 30px;font-weight: 500;line-height: 1.35em;color: #000;}
/* 20241209 일본회원권 홈페이지 수정 - s */
.cc-wrap .cc-img-wrap .name-box img{max-width: 100%;height: auto;}
.cc-wrap .tbl-wrap02 .tbl-sub-tit{margin-bottom: 15px;vertical-align: top;font-size: 30px;font-weight: 700;line-height: 58px;}
.cc-wrap .tbl-wrap02 .tbl-sub-tit img{height: auto;max-width: 100%;vertical-align: top;}
/* 20241209 일본회원권 홈페이지 수정 - e */
.cc-wrap .google-map{height: 440px;}
/* hm 240823 - e */
/*-------------------------------------------------------------------------
04 리조트 및 호텔
-------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------
05 여행사 소개
-------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------
06 예약
-------------------------------------------------------------------------*/
.reserve-wrap{}
.reserve-wrap .inner{padding: 80px 30px;}
.reserve-wrap .google-map{height: 300px;margin-bottom: 40px;background-color: #e2e2e2;}
.reserve-wrap .schedule{}
.reserve-wrap .schedule .date-roll{margin-top: 80px;text-align: center;font-size: 0;}
.reserve-wrap .schedule .date-roll strong{display: inline-block;padding: 0 40px;vertical-align: top;font-size: 40px;font-weight: 700;line-height: 54px;color: #000;}
.reserve-wrap .schedule .date-roll a{display: inline-block;width: 54px;height: 54px;border-radius: 50%;vertical-align: top;text-indent: -9999px;font-size: 0;background:#f1f1f1 url(../images/btn-arrow03.png) no-repeat center center;}
.reserve-wrap .schedule .date-roll a.btn-prev{transform: rotate(180deg);}
.reserve-wrap .schedule .date-roll a.btn-next{}
.reserve-wrap .schedule .btn-location{display: none;}
.reserve-wrap .schedule .tbl-wrap.calendar{margin-top: 40px;border-top: 2px solid #333;}
.reserve-wrap .schedule .tbl-wrap.calendar table{width: 100%;margin: 0;}
.reserve-wrap .schedule .tbl-wrap.calendar table thead th{border-bottom: 2px solid #333;font-size: 18px;background-color: #f7f9fb;}
.reserve-wrap .schedule .tbl-wrap.calendar table thead th:first-child{color: #ff7170;}
.reserve-wrap .schedule .tbl-wrap.calendar table thead th:last-child{color: #5a68f7;}
.reserve-wrap .schedule .tbl-wrap.calendar table tbody td{height: 150px;padding: 0;vertical-align: top;text-align: left;}
.reserve-wrap .schedule .tbl-wrap.calendar table tbody td.selected{border: 1px double #000;}
.reserve-wrap .schedule .tbl-wrap.calendar table .date{display: block;margin: 15px 5px 0;font-size: 16px;line-height: 18px;color: #000;}
.reserve-wrap .schedule .tbl-wrap.calendar table .chips{margin: 10px 3px 0;font-size: 0;}
.reserve-wrap .schedule .tbl-wrap.calendar table .chips [class*="chip-"]{width: 35px;height: 35px;margin: 2px;text-align: center;font-size: 15px;line-height: 34px;color: #fff;}
.reserve-wrap .schedule .tbl-wrap.calendar table .detail-box td{position: relative;padding: 20px;background-color: #f5f5f5;}/* hm 반응형 2차 */
.reserve-wrap .schedule .tbl-wrap.calendar table .detail-box .btn-close-detail{display: block;position: absolute;top: 0;right: 0;z-index: 1;height: 36px;padding: 0 12px;font-size: 15px;font-weight: 500;line-height: 35px;color: #000;background-color: #e2e2e2;}
.reserve-wrap .schedule .tbl-wrap.calendar table .detail-box .btn-close-detail:after{content: "";display: inline-block;width: 12px;height: 36px;margin-left: 8px;vertical-align: top;background: url(../images/ico-close01.png) no-repeat center center;}
.reserve-wrap .schedule .tbl-wrap.calendar table .detail-box .info-date{text-align: center;font-size: 24px;font-weight: 700;line-height: 1em;color: #000;}
.reserve-wrap .schedule .tbl-wrap.calendar table .detail-box .info-cc{margin-top: 10px;text-align: center;font-size: 18px;line-height: 20px;color: #000;}
.reserve-wrap .schedule .tbl-wrap.calendar table .detail-box .info-cc [class*="chip-"]{flex: none;width: 20px;height: 20px;margin-right: 10px;}
.reserve-wrap .schedule .tbl-wrap.calendar table .detail-box .info-section{display: flex;align-items: top;margin-top: 20px;}
.reserve-wrap .schedule .tbl-wrap.calendar table .detail-box .info-section .part{flex: 1;}
.reserve-wrap .schedule .tbl-wrap.calendar table .detail-box .info-section .part ~ .part{margin-left: 20px;}
.reserve-wrap .schedule .tbl-wrap.calendar table .detail-box .info-section .part p{text-align: center;font-size: 18px;font-weight: 700;line-height: 1em;color: #000;}
.reserve-wrap .schedule .tbl-wrap.calendar table .detail-box .info-section .part ul{margin-top: 10px;}
.reserve-wrap .schedule .tbl-wrap.calendar table .detail-box .info-section .part ul li{overflow: hidden;padding: 8px 8px 8px 20px;border-radius: 10px;background-color: #e2e2e2;}
.reserve-wrap .schedule .tbl-wrap.calendar table .detail-box .info-section .part ul li ~ li{margin-top: 4px;}
.reserve-wrap .schedule .tbl-wrap.calendar table .detail-box .info-section .part ul li span{display: block;float: left;font-size: 16px;line-height: 34px;color: #444;}
.reserve-wrap .schedule .tbl-wrap.calendar table .detail-box .info-section .part ul li .btn-book{display: block;float: right;padding: 0 20px;height: 34px;border-radius: 25px;text-align: center;font-size: 16px;line-height: 34px;color: #fff;background-color: #333;}

/*-------------------------------------------------------------------------
07 공지사항
-------------------------------------------------------------------------*/
.notice-wrap{}
.notice-wrap table{table-layout: fixed;}
.notice-wrap table td .ellipsis{display: block;overflow: hidden;padding: 0 40px;text-align: left;white-space: nowrap;text-overflow: ellipsis;}

.notice-wrap .view-wrap{margin-top:80px;border-bottom: 1px solid #ddd;}
.notice-wrap .view-wrap .tit-box{padding:35px 30px;border-top:2px solid #000;text-align:center;background-color: #f7f9fb;}
.notice-wrap .view-wrap .tit-box h3{font-size:34px;font-weight:700;}
.notice-wrap .view-wrap .tit-box p{margin-top:20px;font-size:18px;color:#666;}
.notice-wrap .view-wrap .view-cont{padding: 60px 30px;text-align: center;font-size: 18px;color: #333;}
.notice-wrap .view-wrap .view-cont img{vertical-align: top;}
.notice-wrap .view-wrap .view-cont table{display: table;table-layout: fixed;margin: 0 auto;}
.notice-wrap .view-wrap .view-cont table th,
.notice-wrap .view-wrap .view-cont table td{height:64px;padding:22px 20px;border:1px solid #ddd;font-size:18px;line-height:20px;color:#333;}
.notice-wrap .view-wrap .view-cont table th{border:1px solid #ddd;text-align:center;font-size:18px;font-weight:500;color:#fff;background:#333;}
.notice-wrap .view-wrap .view-cont table tr th:first-child,
.notice-wrap .view-wrap .view-cont table tr td:first-child{border-left:none;}
.notice-wrap .view-wrap .view-cont table tr th:last-child,
.notice-wrap .view-wrap .view-cont table tr td:last-child{border-right:none;}
.notice-wrap .view-wrap .view-bottom{border-top: 1px solid #ddd;}
.notice-wrap .view-wrap .view-bottom .page-move{}
.notice-wrap .view-wrap .view-bottom .page-move a{display: flex;width: 100%;padding: 17px 30px;}
.notice-wrap .view-wrap .view-bottom .page-move.prev a{display: flex;width: 100%;padding-top: 24px;}
.notice-wrap .view-wrap .view-bottom .page-move.next a{display: flex;width: 100%;padding-bottom: 24px;}
.notice-wrap .view-wrap .view-bottom .page-move a strong{flex: none;width: 90px;margin-right: 40px;font-size: 18px;font-weight: 500;color: #333;}
.notice-wrap .view-wrap .view-bottom .page-move.prev a strong{background: url(../images/ico-prev-arrow01.png) no-repeat right center;}
.notice-wrap .view-wrap .view-bottom .page-move.next a strong{background: url(../images/ico-next-arrow01.png) no-repeat right center;}
.notice-wrap .view-wrap .view-bottom .page-move a .list-tit{flex: 1;overflow: hidden;font-size: 18px;font-weight: 500;color: #666;white-space: nowrap;text-overflow: ellipsis;}
.notice-wrap .view-wrap + .btn-wrap{margin-top:20px;}

/*-------------------------------------------------------------------------
08 마이페이지
-------------------------------------------------------------------------*/
.my-wrap{}
.my-wrap .main-info{display: flex;justify-content: space-between;margin-top: 80px;}
.my-wrap .main-info .box{flex: 1;display: flex;align-items: center;justify-content: center;flex-direction: column;height: 410px;border:1px solid #ddd;border-top: 3px solid #333;}
.my-wrap .main-info .box ~ .box{margin-left: 45px;}
.my-wrap .main-info .box img{display: block;margin: 0 auto 30px;}
.my-wrap .main-info .box p{font-size: 30px;font-weight: 500;color: #000;}
.my-wrap .main-info .box p strong{font-weight: 500;}
/* 24.08.22 추가 */
.my-wrap .main-info .box p span{font-size: 18px;color: #b3b3b3;}
/* 24.08.22 추가 끝*/
/* 24.08.23 추가 */
.my-wrap h4 {font-size: 24px; margin-top:40px;}
/* 24.08.23 추가 끝*/
.my-wrap .main-info .box dl{text-align: center;}
.my-wrap .main-info .box dl dt{font-size: 18px;color: #b3b3b3;}
.my-wrap .main-info .box dl dd{font-size: 30px;font-weight: 500;color: #000;}
.my-wrap .main-info .box dl dd em{font-size: 18px;color: #b3b3b3;}
.my-wrap .main-info .box dl dd.txt-s{font-size: 18px;color: #333;}
.my-wrap .main-info .box .btn-wrap{margin-top: 30px;}
.my-wrap .modify-myinfo{max-width: 600px;margin:35px auto 0;}
.layer-pop .pop-cont .withdraw{}
.layer-pop .pop-cont .withdraw .txt{font-size: 20px;font-weight: 700;color: #000;}
.layer-pop .pop-cont .withdraw ul.list-dot{margin-top: 30px;}
.layer-pop .pop-cont .withdraw ul.list-dot > li ~ li{margin-top: 30px;}
.layer-pop .pop-cont .withdraw ul.list-dot > li strong{font-size: 18px;font-weight: 500;color: #000;}
.layer-pop .pop-cont .withdraw ul.list-dot > li p{margin-top: 5px;color: #777;}
.layer-pop .pop-cont .withdraw .form-wrap.wide{padding: 40px 45px;margin:40px -45px 0;background-color: #e4ebff;}
.layer-pop .pop-cont .withdraw .term-wrap{margin-top: 50px;}
.layer-pop .pop-cont .withdraw .btn-wrap{margin-top: 40px;}

/*-------------------------------------------------------------------------
09 회원권 문의
-------------------------------------------------------------------------*/
.qna-wrap{}
.qna-wrap table{table-layout: fixed;}
.qna-wrap table td .ellipsis{display: block;overflow: hidden;padding: 0 40px;text-align: left;white-space: nowrap;text-overflow: ellipsis;}

/*-------------------------------------------------------------------------
10 회원가입
-------------------------------------------------------------------------*/
.mem-wrap{padding:110px 0 125px;}
.mem-wrap .inner{max-width:955px;margin:0 auto;}
.mem-wrap .inner.w1200{max-width:1260px;padding:0 30px;}
.mem-wrap .inner .inner{padding:0;}
.mem-wrap .guide-txt{max-width:955px;margin:35px auto;}
.mem-wrap .login-box{padding:60px 30px 50px;margin-top:45px;border:5px solid #e9ecef;}
.mem-wrap .login-box ~ .banner-wrap{margin-top:200px;}
.mem-wrap .login-box .txt-box{text-align:center;}
.mem-wrap .login-box .txt-box p ~ p{margin-top:10px;}
.mem-wrap .login-box .txt-box .txt01{font-size:28px;}
.mem-wrap .login-box .txt-box .txt01 img{padding-right:10px;}
.mem-wrap .login-box .txt-box .txt02{font-size:18px;color:#9d9d9d;}
.mem-wrap .login-box .form-wrap{max-width:410px;margin:50px auto 0;}
.mem-wrap .login-box .form-wrap .inp-pw{margin-top:8px;}
.mem-wrap .login-box .form-wrap .inp-id ::-webkit-input-placeholder{font-weight:500;color:#1e1f25;}
.mem-wrap .login-box .form-wrap .inp-id ::-moz-placeholder{font-weight:500;color:#1e1f25;}
.mem-wrap .login-box .form-wrap .inp-id :-ms-input-placeholder{font-weight:500;color:#1e1f25;}
.mem-wrap .login-box .form-wrap .inp-id :-moz-placeholder{font-weight:500;color:#1e1f25;}
.mem-wrap .login-box .form-wrap .inp-pw ::-webkit-input-placeholder{font-weight:500;color:#1e1f25;}
.mem-wrap .login-box .form-wrap .inp-pw ::-moz-placeholder{font-weight:500;color:#1e1f25;}
.mem-wrap .login-box .form-wrap .inp-pw :-ms-input-placeholder{font-weight:500;color:#1e1f25;}
.mem-wrap .login-box .form-wrap .inp-pw :-moz-placeholder{font-weight:500;color:#1e1f25;}
.mem-wrap .login-box .form-wrap .inp-id .inp,
.mem-wrap .login-box .form-wrap .inp-pw .inp{position:relative;padding-left:36px;background:#f5f5f5;}
.mem-wrap .login-box .form-wrap .inp-id .inp input,
.mem-wrap .login-box .form-wrap .inp-pw .inp input{border:none;background:none;}
.mem-wrap .login-box .form-wrap .inp-id .inp:before{content:"";display:block;position:absolute;top:0;left:20px;z-index:1;width:16px;height:100%;background:url(../images/sub/mem-id.png) no-repeat left center;background-size:contain;}
.mem-wrap .login-box .form-wrap .inp-pw .inp:before{content:"";display:block;position:absolute;top:0;left:20px;z-index:1;width:16px;height:100%;background:url(../images/sub/mem-pw.png) no-repeat left center;background-size:contain;}
.mem-wrap .login-box .btn-wrap{max-width:410px;margin:8px auto 0;}
.mem-wrap .login-box .util-btns{max-width:410px;margin:0 auto;text-align:center;font-size:0;}
.mem-wrap .login-box .util-btns li{display:inline-block;position:relative;vertical-align:top;}
.mem-wrap .login-box .util-btns li ~ li:before{content:"";display:block;position:absolute;top:50%;left:-1px;z-index:1;width:2px;height:2px;margin-top:-1px;border-radius:50%;background-color:#9d9d9d;}
.mem-wrap .login-box .util-btns li a{display:inline-block;padding:11px 7px;vertical-align:top;font-size:16px;line-height:1.1;color:#9d9d9d;}
.mem-wrap .login-box.findid{padding:75px 30px;margin-top:65px;}
.mem-wrap .login-box.findid .form-wrap{margin-top:0;}
.mem-wrap .login-box.findid .btn-wrap{margin-top:60px;}
.mem-wrap .login-box.findpw .form-wrap{margin-top:40px;}
.mem-wrap .login-box.findpw .btn-wrap{margin-top:40px;}
.mem-wrap .login-box.findpw .txt-box .txt01{font-size:32px;font-weight:500;line-height:1.3;}
.mem-wrap .login-box.findpw .txt-box .txt02{margin-top:40px;font-size:20px;color:#1e1e1e;}
.mem-wrap .login-box.findpw .txt-box .img{margin-top:40px;}
.mem-wrap .login-box.complete{height:669px;padding-top:120px;border:none;background:url(../images/sub/mem-join-complete.png) no-repeat center center;background-size:contain;}
.mem-wrap .login-box.complete .txt-box p{letter-spacing:-0.05em;}
.mem-wrap .login-box.complete .txt-box .txt01{font-size:40px;line-height:1.2;color:#fff;}
.mem-wrap .login-box.complete .txt-box .txt02{margin-top:55px;font-size:28px;color:#fff;}
.mem-wrap .login-box.complete .txt-box .txt03{margin-top:25px;font-size:20px;color:#ac93cc;}
.mem-wrap .login-box.complete .btn-wrap{margin-top:60px;}
.mem-wrap .join03 .form-wrap{max-width:600px;margin:50px auto 0;}
.mem-wrap .join03 .form-wrap .img-file .btn-wrap{display:none;}
.mem-wrap .join-process{display:table;table-layout:fixed;width:100%;margin-top:45px;}
.mem-wrap .join-process + .tab-menu{margin-top:90px;}
.mem-wrap .join-process .steps{display:table-row;overflow:hidden;}
.mem-wrap .join-process .steps li{display:table-cell;position:relative;width:calc(25% - 3px);padding:15px 20px 15px 107px;vertical-align:middle;background-color:#f8f8f8;}
.mem-wrap .join-process .steps li ~ li{margin-left:4px;}
.mem-wrap .join-process .steps li:nth-child(1){background-image:url(../images/sub/mem-join-step01.png);background-repeat:no-repeat;background-position:20px center;}
.mem-wrap .join-process .steps li:nth-child(2){background-image:url(../images/sub/mem-join-step02.png);background-repeat:no-repeat;background-position:20px center;}
.mem-wrap .join-process .steps li:nth-child(3){background-image:url(../images/sub/mem-join-step03.png);background-repeat:no-repeat;background-position:20px center;}
.mem-wrap .join-process .steps li:nth-child(4){background-image:url(../images/sub/mem-join-step04.png);background-repeat:no-repeat;background-position:20px center;}
.mem-wrap .join-process .steps li strong{display:block;font-size:16px;color:#cecece;}
.mem-wrap .join-process .steps li span{display:block;font-size:18px;font-weight:500;line-height:1.2;color:#777;}
.mem-wrap .join-process .steps li.on{background-color:#e6e8fe;}
.mem-wrap .join-process .steps li.on:nth-child(1){background-image:url(../images/sub/mem-join-step01-on.png);background-repeat:no-repeat;background-position:20px center;}
.mem-wrap .join-process .steps li.on:nth-child(2){background-image:url(../images/sub/mem-join-step02-on.png);background-repeat:no-repeat;background-position:20px center;}
.mem-wrap .join-process .steps li.on:nth-child(3){background-image:url(../images/sub/mem-join-step03-on.png);background-repeat:no-repeat;background-position:20px center;}
.mem-wrap .join-process .steps li.on:nth-child(4){background-image:url(../images/sub/mem-join-step04-on.png);background-repeat:no-repeat;background-position:20px center;}
.mem-wrap .join-process .steps li.on strong{color:#5a68f7;}
.mem-wrap .join-process .steps li.on span{color:#000;}
.mem-wrap .term-wrap{margin-top:90px;}
.term-wrap .agree-all{padding:30px 30px 20px;border-radius:20px;background:#f3f9ff;}
.term-wrap .agree-all .chkbox{position:relative;padding-left:30px;}
.term-wrap .agree-all input[type=checkbox]{display:block;position:absolute;top:0;left:0;z-index:0;width:20px;height:20px;border:2px solid #e9ecef;background:#fff;}
.term-wrap .agree-all label{display:block;font-size:22px;font-weight:700;line-height:20px;}
.term-wrap .agree-all input[type=checkbox]:checked{border-color:#626ff7;}
.term-wrap .agree-all input[type=checkbox]:checked + label:before{content:"";display:block;position:absolute;top:4px;left:5px;z-index:1;width:10px;height:8px;border-bottom:2px solid #626ff7;border-left:2px solid #626ff7;transform-origin:50%;transform:rotate(-45deg);}
.term-wrap .agree-all label .sub-txt{display:block;margin-top:15px;font-size:17px;font-weight:400;line-height:1.5;color:#999;}
.term-wrap .agree-all + .agree-list{margin-top:60px;}
.term-wrap .agree-list ul > li{position:relative;padding:30px;border-radius:20px;background:#f5f5f5;}
.term-wrap .agree-list ul > li ~ li{margin-top:10px;}
.term-wrap .agree-list ul > li .chkbox{position:relative;padding-left:30px;}
.term-wrap .agree-list ul > li input[type=checkbox]{display:block;position:absolute;top:0;left:0;z-index:0;width:20px;height:20px;border:2px solid #e9ecef;background:#fff;}
.term-wrap .agree-list ul > li label{display:block;padding-right:50px;font-size:18px;font-weight:700;line-height:20px;}
.term-wrap .agree-list ul > li input[type=checkbox]:checked{border-color:#626ff7;}
.term-wrap .agree-list ul > li input[type=checkbox]:checked + label:before{content:"";display:block;position:absolute;top:4px;left:5px;z-index:1;width:10px;height:8px;border-bottom:2px solid #626ff7;border-left:2px solid #626ff7;transform-origin:50%;transform:rotate(-45deg);}
.term-wrap .agree-list ul > li a{display:block;position:absolute;top:50%;right:30px;z-index:1;color:#999;transform:translateY(-50%);}

.mem-wrap .cert-wrap{margin-top:65px;}
.mem-wrap .cert-wrap .tit-box{text-align:center;letter-spacing:-0.05em;}
.mem-wrap .cert-wrap .tit-box h3{font-size:28px;font-weight:700;}
.mem-wrap .cert-wrap .tit-box .sub-txt{margin-top:10px;font-size:18px;color:#9d9d9d;}
.mem-wrap .cert-wrap .tit-box + .type-box{margin-top:40px;}
.mem-wrap .cert-wrap .type-box{display:table;table-layout:fixed;width:100%;border-collapse:collapse;}
.mem-wrap .cert-wrap .type-box dl{display:table-cell;padding:65px 30px;border:5px solid #e9ecef;vertical-align:middle;text-align:center;}
.mem-wrap .cert-wrap .type-box dl dt{font-size:28px;font-weight:500;letter-spacing:-0.05em;}
.mem-wrap .cert-wrap .type-box dl dd{overflow:hidden;}
.mem-wrap .cert-wrap .type-box dl dd img{display:block;margin:30px auto 0;}
.mem-wrap .cert-wrap .type-box dl dd .btn-wrap{margin-top:30px;}

/* 24.08.23 추가 약관 */
.cont {margin-top: 50px;}
.cs-wrap{padding:0 0 125px;}

/* 24.08.23 약관중복 수정 */

.filter-btns1{display: flex;flex-wrap: wrap;align-items: flex-start;justify-content: flex-start;margin: 0 -6px;}
.filter-btns1 .opt1{flex: 0 25%;padding: 6px; }
.cs-wrap .filter-btns1{margin-top:30px;}
.filter-btns1{overflow:hidden;padding:20px;font-size:0;background:#f8f8f8;}
.filter-btns1 .opt1 a{display:block;height:40px;border-radius:20px;text-align:center;font-size:17px;line-height:40px;letter-spacing:-0.05em;color:#444343;background:#fff;}
.filter-btns1 .opt1 a.active{color:#fff;background:#8854e8;box-shadow:2px 0 13px rgba(0,0,0,0.3); border-color: #333;}
.filter-btns1.flex{display:flex;}
.filter-btns1.flex .opt1{flex:1;float:none;width:auto;}
/* 24.08.23 약관중복 수정 */

.cs-term .tit01{padding-bottom:35px;font-size:24px;font-weight:500;}
.cs-term .tit02{padding-bottom:15px;margin-top:40px;font-size:20px;font-weight:700;color:#5a68f7;}
.cs-wrap .form-wrap{margin-top:65px;}
.cs-wrap .form-wrap + .btn-wrap{margin-top:100px;}
.cs-term{position:relative;margin-top:65px;}
.cs-term .btn-print{display:block;position:absolute;top:0;right:0;z-index:1;height:32px;padding:0 20px;border:1px solid #e8e8e8;border-radius:20px;font-size:16px;line-height:30px;color:#434343;}
.cs-term .btn-print:before{content:"";display:inline-block;width:18px;height:30px;margin-right:4px;vertical-align:top;background:url(../images/ico-print.png) no-repeat center center;background-size:contain;}
.cs-term p{font-size:17px;color:#777;}
.cs-term .sel-box{margin-top:10px;}
.cs-term .sel-box select{display:block;width:210px;height:45px;padding:0 33px 0 20px;border:1px solid #f5f5f5;font-size:16px;background:#f5f5f5 url(../images/ico-select-arrow03.png) no-repeat calc(100% - 20px) center;}
.cs-term .sel-box select:focus{border:1px solid #5a68f7;}

.cs-term .agree_area{padding:30px 0 0;line-height:1.5;}
.cs-term .agree_area:after{content:""; clear:both; display:block;}
.cs-term .agree_area h2{margin:35px 0 5px;font-size:20px;font-weight:700;color:#f26d7d;}
.cs-term .agree_area h3{margin:35px 0 5px;font-size:17px;font-weight:700;color:#1e1f25;}
.cs-term .agree_area .l_none{margin:20px 0 0 0;color:#1e1f25;}
.cs-term .agree_area .l_none_2nd{margin:10px 0 0 0;color:#1e1f25;}
.cs-term .agree_area h3:first-child{margin-top:0;}
.cs-term .agree_area ol{padding:0 0 0 18px;}
.cs-term .agree_area li .f_letter{display:block;float:left;margin:0 4px 0 -18px;}
.cs-term .agree_area li ol{padding:0 0 0 20px;}
.cs-term .agree_area li ol .f_letter_num{display:block;float:left;margin:0 4px 0 -20px;font-family:verdana;font-size:12px;line-height:24px;}
.cs-term .agree_area li ol .f_letter_num2{display:block;clear:both;margin:0 4px 0 -20px;font-family:verdana;font-size:12px;line-height:24px;}
.cs-term .agree_area a:link{color:#898989;}
.cs-term .agree_area a:visited{color:#898989;}
.cs-term .agree_area a:hover{color:#369;}
.cs-term .agree_area a:active{color:#369;}
.cs-term .agree_area .privacy_table{width:calc(100% + 2px);margin:10px -1px 0;border-top:2px solid #000;text-align:center;background:#fff;}
.cs-term .agree_area .privacy_table th{height:48px;border:1px solid #454545;text-align:center;font-size:17px;font-weight:500;color:#fff;background:#3b3b3b;}
.cs-term .agree_area .privacy_table td{height:60px;padding:10px;border:1px solid #e8e8e8;font-size:17px;color:#434343;}
.cs-term .agree_area .l_none .txt_c{width:45px;text-align:center;}
.cs-term .agree_area .tc_black{color:#000;}
.cs-term .agree_area .tc_cyan{color:#00b4ed;}
.cs-term .agree_area .tc_orange{color:#e37f00;}
/* 24.08.23 추가 약관 끝 */


/*-------------------------------------------------------------------------
12 체험상품 : hm 체험상품 추가
-------------------------------------------------------------------------*/
.prd-wrap{}
.prd-wrap .prd-detail{padding: 50px 0;}
.prd-wrap .prd-detail .top-box{position: relative;}
.prd-wrap .prd-detail .top-box .btn-wrap{position: absolute;bottom: 2%;left: 0;z-index: 1;width: 100%;}
.prd-wrap .prd-detail img{display: block;height: auto;max-width: 100%;margin: 0 auto;}


/* 패드,태블릿 (iPad 가로모드 이하) */
@media screen and (max-width:1024px) and (min-width:768px){
    /*-------------------------------------------------------------------------
    00 MAIN : hm 240905
    -------------------------------------------------------------------------*/
    .main-wrap{}
    .main-wrap .section.sect02 .membership .info .bg-box{background-position: center center;}
    .main-wrap .section.sect04{padding: 0 50px;}
    .main-wrap .section.sect04 .fp-tableCell{vertical-align: middle;}
    .main-wrap .section.sect04 .tit-box{display: block;float: none;width: 100%;height: auto;padding-top: 0;}
    .main-wrap .section.sect04 .hotelresort{display: block;float: none;width: auto;height: auto;padding-top: 0;margin: 60px -15px 0;}
    .main-wrap .section.sect05{padding: 0 50px;}
    .main-wrap .section.sect05 .fp-tableCell{vertical-align: middle;}
    .main-wrap .section.sect05 .customer{display: block;height: auto;padding-top: 0;}
    .main-wrap .section.sect05 .box-cs{max-width: 100%;}
    .main-wrap .section.sect05 .box-cs .info-box .info01 .txt02{font-size: 50px;}
    .main-wrap .section.sect05 .box-notice{max-width: 100%;margin-top: 60px;margin-left: 0;}
}

/* 모바일 (iPad 768x1024 미안) : hm 240908 */
@media screen and (max-width:767px){

    .contents .inner{padding:0 17px;}
    .page-tit{margin-top: 20px;font-size: 20px;}
    .sub-txt{margin-top:10px;font-size:14px;}
    .sub-txt02{font-size: 13px;}
    .guide-txt ul li ~ li{margin-top:5px;}
    .sub-visual{height:120px;background-size:cover;}
    .sub-visual .category{font-size: 28px;}

    .sch-box{flex-wrap: wrap;height: auto;}
    .sch-box.only-pc{display: none !important;} /* hm 반응형 2차 */
    .sch-box.mt80{margin-top: 40px !important;}
    .sch-box .opt{flex: 0 100%;}
    .sch-box .opt ~ .opt{margin-left: 0;}
    .sch-box .opt input{height: 45px;padding: 0 10px;font-size: 14px;}
    .sch-box .opt select{height: 45px;padding: 0 33px 0 10px;font-size: 14px;background: url(../images/ico-select-arrow03.png) no-repeat calc(100% - 10px) center;}
    .sch-box .opt.date-term:after{right: 10px;}
    .sch-box .opt.btn-sch{flex: 0 100%;width: 100%;height: 45px;font-size: 14px;line-height: 45px;}
    .sch-box .opt.size-auto{flex: none;width: 100%;}
    .sch-box .opt.align-l{flex: none;margin-right: auto;}
    .sch-box .opt.btn-wrap a, .sch-box .opt.btn-wrap button{height: 45px;padding: 10px;}
    
    .filter-btns{overflow: hidden;position: relative;z-index: 1;height: 45px;padding: 45px 0 0;margin: 0;}
    .filter-btns.mo-active{overflow:visible;z-index:9;}
    .filter-btns .opt{flex: none;width: 100%;padding: 0;}
    .filter-btns .opt [class*="chip-"]{display: none;}
    .filter-btns .opt a{display: block;position: relative;height: 45px;padding: 10px 15px;border: none;border-radius: 0;text-align: left;font-size: 14px;font-weight: 700;line-height: 25px;color: #fff;background: #333;}
    .filter-btns .opt a.active{position: absolute;top: 0;left: 0;z-index: 2;width: 100%;color: #434343;background: #f8f8f8 url(../images/ico-select-arrow03.png) no-repeat calc(100% - 15px) center;box-shadow: none;}

    .filter-btns1{overflow: hidden;position: relative;z-index: 1;height: 45px;padding: 45px 0 0;margin: 0 17px;}
    .filter-btns1.mo-active{overflow:visible;z-index:9;}
    .filter-btns1.flex .opt1{flex: none;width: 100%;padding: 0;}
    .filter-btns1.flex .opt1 a{display: block;position: relative;height: 45px;padding: 10px 15px;border: none;border-radius: 0;text-align: left;font-size: 14px;font-weight: 700;line-height: 25px;color: #fff;background: #333;}
    .filter-btns1.flex .opt1 a.active{position: absolute;top: 0;left: 0;z-index: 2;width: 100%;color: #434343;background: #f8f8f8 url(../images/ico-select-arrow03.png) no-repeat calc(100% - 15px) center;box-shadow: none;}

    /*-------------------------------------------------------------------------
    00 MAIN : hm 반응형 5차
    -------------------------------------------------------------------------*/
    #fp-nav.left{display: none;}
    .main-wrap .section.sect01 .visual{background: url(../images/main/visual-img01.png) no-repeat center center;}
    .main-wrap .section.sect01 .visual .main-txt-box{top: 40%;padding: 0 17px;}
    .main-wrap .section.sect01 .visual .main-txt-box .txt01{font-size: 30px;}
    .main-wrap .section.sect01 .visual .main-txt-box .txt02{margin-top: 15px;font-size: 15px;}
    .main-wrap .section.sect01 .scrolldown{bottom: 79px;width: 14px;height: 31px;margin-left: -7px;background: url(../images/main/mo-ico-scrolldown.png) no-repeat center center/contain;}
    .main-wrap .section.sect02 .membership{flex-direction: column;}
    .main-wrap .section.sect02 .membership .info{flex: 1;width: 100%;transition: none;}
    .main-wrap .section.sect02 .membership .info .bg-box{opacity: 1;transition: none;}
    .main-wrap .section.sect02 .membership .info.bg01 .bg-box{background-image: url(../images/main/membership-info-bg01.png);}
    .main-wrap .section.sect02 .membership .info.bg02 .bg-box{background-image: url(../images/main/membership-info-bg02.png);}
    .main-wrap .section.sect02 .membership .info.bg03 .bg-box{background-image: url(../images/main/membership-info-bg03.png);}
    .main-wrap .section.sect02 .membership .info .txt-box{top: 50%;width: 100%;padding: 17px;transform: translateY(-50%);}
    .main-wrap .section.sect02 .membership .info .txt-box .info-tit{font-size: 20px;}
    .main-wrap .section.sect02 .membership .info .txt-box .txt01{display: none;}
    .main-wrap .section.sect02 .membership .info .txt-box .txt02{display: none;}
    .main-wrap .section.sect02 .membership .info .txt-box .txt02 ~ .txt02{margin-top: 0;}
    .main-wrap .section.sect02 .membership .info .txt-box .btn-wrap{opacity: 1;margin-top: 20px;transform: translateY(0);}
    .main-wrap .section.sect02 .membership .info .txt-box .btn-wrap .btn-white{height: 35px;min-width: 130px;padding: 5px 8px;border: none;border-radius: 0;font-size: 13px;font-weight: 700;color: #333;background-color: #e2e2e2;}
    .main-wrap .section.sect02 .membership .info .txt-box .btn-wrap .arrow02:after{width: 12px;margin-left: 12px;}
    .main-wrap .section.sect02 .membership .info.active{flex: 1;width: 100%;transition: none;}
    .main-wrap .section.sect02 .membership .info.active .bg-box{transition: none;}
    .main-wrap .section.sect02 .membership .info.active .txt-box .btn-wrap{transition: none;}
    .main-wrap .section.sect03 .tit-box{padding-top: 50px;}
    .main-wrap .section.sect03 .tit-box .page-tit{padding: 0 30px;font-size: 25px;word-break: keep-all;}
    .main-wrap .section.sect03 .page-tit + .btn-wrap{margin-top: 20px;}
    .main-wrap .section.sect03 .cc-wrap{padding: 0 17px;}
    .main-wrap .section.sect03 .swp-cc{margin-top: 40px;}
    .main-wrap .section.sect03 .swp-cc .list{width: 265px;height: 293px;}
    .main-wrap .section.sect03 .swp-cc .list p{top: 50px;font-size: 20px;line-height: 1.2em;}
    .main-wrap .section.sect03 .swp-cc .list .btn-wrap{bottom: 50px;}
    .main-wrap .section.sect03 .swp-cc .list .btn-wrap .btn-outline{height: 35px;min-width: 115px;padding: 4px 8px;border-radius: 2px;font-size: 13px;}
    .main-wrap .section.sect03 .swp-cc .swp-navi{position: static;}
    .main-wrap .section.sect03 .swp-cc .swp-btn-prev,
    .main-wrap .section.sect03 .swp-cc .swp-btn-next{width: 20px;height: 60px;}
    .main-wrap .section.sect03 .swp-cc .swp-btn-next{margin-left: 15px;}
    .main-wrap .section.sect04{padding: 0;}
    .main-wrap .section.sect04 .tit-box{padding-top: 70px;}
    .main-wrap .section.sect04 .tit-box .page-tit{padding: 0 30px;font-size: 25px;word-break: keep-all;}
    .main-wrap .section.sect04 .tit-box .page-tit + .btn-wrap{margin-top: 20px;}
    .main-wrap .section.sect04 .tit-box .page-tit + .btn-wrap .btn-white{height: 35px;min-width: 160px;padding: 5px 8px;border: none;border-radius: 0;font-size: 13px;font-weight: 700;color: #333;background-color: #e2e2e2;}
    .main-wrap .section.sect04 .tit-box .page-tit + .btn-wrap .arrow02:after{width: 12px;margin-left: 12px;}
    .main-wrap .section.sect04 .hotelresort{padding: 0 17px;}
    .main-wrap .section.sect04 .swp-hotelresort{margin-top: 40px;}
    .main-wrap .section.sect04 .swp-hotelresort .list{width: 300px;height: 240px;}
    .main-wrap .section.sect04 .swp-hotelresort .list a .txt-name{width: 100%;height: 100%;font-size: 20px;line-height: 1.3em;}
    .main-wrap .section.sect04 .swp-hotelresort .list a:hover .txt-name{transition: none;}
    .main-wrap .section.sect04 .swp-hotelresort .swp-navi{position: static;}
    .main-wrap .section.sect04 .swp-hotelresort .swp-btn-prev,
    .main-wrap .section.sect04 .swp-hotelresort .swp-btn-next{width: 20px;height: 60px;}
    .main-wrap .section.sect04 .swp-hotelresort .swp-btn-next{margin-left: 15px;}
    .main-wrap .section.sect05{padding: 0 17px;}
    .main-wrap .section.sect05 .customer{display: block;padding-top: 17px;}
    .main-wrap .section.sect05 .box-cs{flex: none;max-width: 100%;}
    .main-wrap .section.sect05 .box-cs .info-box{float: none;width: 100%;height: auto;padding: 20px 25px;}
    .main-wrap .section.sect05 .box-cs .info-box.cs{background: url(../images/main/cs-bg01.png) no-repeat center center;}
    .main-wrap .section.sect05 .box-cs .info-box.qna{margin: 15px 0 0;background: url(../images/main/cs-bg02.png) no-repeat center center;}
    .main-wrap .section.sect05 .box-cs .info-box .info01 .txt01{font-size: 15px;line-height: 15px;}
    .main-wrap .section.sect05 .box-cs .info-box .info01 .txt02{margin-top: 10px;font-size: 30px;line-height: 35px;}
    .main-wrap .section.sect05 .box-cs .info-box .info02{margin-top: 20px;}
    .main-wrap .section.sect05 .box-cs .info-box .info02 dl dt{font-size: 18px;line-height: 28px;}
    .main-wrap .section.sect05 .box-cs .info-box .info02 dl dd{font-size: 18px;line-height: 28px;}
    .main-wrap .section.sect05 .box-cs .info-box .btn-wrap{margin-top: 20px;}
    .main-wrap .section.sect05 .box-cs .info-box .btn-wrap .btn-white{height: 35px;min-width: 115px;padding: 5px 8px;border: none;border-radius: 0;font-size: 13px;font-weight: 700;color: #333;background-color: #fff;}
    .main-wrap .section.sect05 .box-notice{flex: none;max-width: 100%;margin: 20px 0 0;}
    .main-wrap .section.sect05 .box-notice .tit{font-size: 25px;line-height: 34px;}
    .main-wrap .section.sect05 .box-notice .tit .more{width: 34px;height: 34px;margin: -17px 0 0 -17px;background-size: 12px auto;}
    .main-wrap .section.sect05 .box-notice .brd-list{margin-top: 15px;}
    .main-wrap .section.sect05 .box-notice .brd-list .list a{padding: 10px 80px 10px 0;}
    .main-wrap .section.sect05 .box-notice .brd-list .list a strong{font-size: 15px;line-height: 25px;}
    .main-wrap .section.sect05 .box-notice .brd-list .list a span{right: 0;margin-top: -13px;font-size: 15px;line-height: 25px;}


    /*-------------------------------------------------------------------------
    01 회사소개 : hm 반응형 3차
    -------------------------------------------------------------------------*/
    .intro-wrap .inner{padding: 40px 17px;}
    .intro-wrap .section .sec-name{height: 46px;font-size: 18px;border-bottom: 1px solid #dbdbdb;margin-bottom: 30px;}
    .intro-wrap .section .sec-title{font-size: 23px;line-height: 1.4;}
    .intro-wrap .section .sec-title img{width: 44px;height: auto;}
    .intro-wrap .section .sec-content{font-size: 16px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.67;letter-spacing: -0.45px;text-align: center;color: #555;word-break: keep-all;}
    .intro-wrap .section01 .sec-content{margin: 6px 0 40px;}
    .intro-wrap .section01 .com-list{display: block;}
    .intro-wrap .section01 .com-list li{width: 100%;}
    .intro-wrap .section01 .com-list li:nth-child(2){margin: 10px 0 0;} /* hm 반응형 4차 */
    .intro-wrap .section01 .com-list li ~ li{margin-top: 10px;}
    .intro-wrap .section01 .com-list .list-title{height: 45px;border-radius: 12px 12px 0 0;font-size: 18px;line-height: 1.4;}
    .intro-wrap .section01 .com-list .list-con{padding: 27px 12px;font-size: 16px;line-height: 1.5;}
    .intro-wrap .section02 .logo{width: auto;height: 38px;margin-bottom: 20px;}
    .intro-wrap .section02 .txt{font-size: 16px;line-height: 1.4;}
    .intro-wrap .section02 .txt.t2{margin: 20px 0;}
    .intro-wrap .section02 .txt.t2 span img{width: auto;height: 15px;}
    .intro-wrap .section04{margin-top: 50px;}

    /*-------------------------------------------------------------------------
    02 회원권 : hm 반응형 4차
    -------------------------------------------------------------------------*/
    .club-wrap .inner{padding: 30px 17px;}
    .club-wrap .main-slogan p{font-size: 20px;line-height: 28px;}
    .club-wrap .main-slogan img{width: 100%;margin: -28px auto 0;}
    .club-wrap .txt-box .main-txt{font-size: 20px;line-height: 25px;}
    .club-wrap .txt-box .sub-txt{font-size: 14px;}
    .club-wrap .txt-box .sub-txt1{font-size: 13px;margin: 10px 0 40px 0; }
    .club-wrap .txt-box .sub-txt2{font-size: 14px;margin: 30px 0 20px 0; }
    .club-wrap .buy-list{display: block;margin-top: 20px;}
    .club-wrap .buy-list .ticket{padding: 20px;border-radius: 0;}
    .club-wrap .buy-list .ticket ~ .ticket{margin-top: 17px;margin-left: 0;}
    .club-wrap .buy-list .ticket .info01{width: auto;height: 36px;padding: 0 20px;font-size: 17px;line-height:34px;}
    .club-wrap .buy-list .ticket .info02{margin-top: 10px;font-size: 14px;}
    .club-wrap .buy-list .ticket .price{height: 30px;margin-top: 15px;font-size: 14px;line-height: 30px;}
    .club-wrap .buy-list .ticket .price strong{padding: 0 5px;font-size: 30px;line-height: 1;}
    .club-wrap .buy-list .ticket .info03{margin-top: 10px;font-size: 14px;}
    .club-wrap .buy-list .ticket .btn-wrap{margin-top: 20px;}
    .club-wrap .application h2{font-size: 17px;margin-bottom: 20px;}
    .club-wrap .application h2.mt80{margin-top: 40px !important;}
    .club-wrap .application h3{font-size: 14px;}
    .club-wrap .application .information{height: auto;}
    .club-wrap .application .information .box1{overflow: hidden;padding: 0 20px 20px;border-radius: 5px;}
    .club-wrap .application .information .box1 .in_l{float: none;width: 100%;margin: 0;}
    .club-wrap .application .information .box1 .in_l .form-wrap{margin-top: 20px;}
    .club-wrap .application .information .box1 .line{display: block;width: 100%;margin-left: 0;}
    .club-wrap .application .information .box1 .line .form-wrap{margin-top: 20px;}
    .club-wrap .application .information .box2{border-radius: 5px;padding: 20px;margin-top: 10px;}
    .club-wrap .application .information .box2 .form-wrap .recommendation i{display: block;position: relative;width: 100%;margin-bottom: 10px;text-align: left;font-size: 15px;font-weight: 500;line-height: 1.1;}
    .club-wrap .application .membership .box{display: flex;margin-top: 10px;}
    .club-wrap .application .membership .box .info{flex: 1;float: none;width: calc(100% - 60px);height: 40px;padding: 11px 13px 12px;border-radius: 5px;font-size: 13px;}
    .club-wrap .application .membership .box .info .form-wrap .chklist1 label{font-size: 13px;letter-spacing: -0.1em;line-height: 15px;}
    .club-wrap .application .membership .box .number{display: flex;align-items: center;justify-content: center;flex: none;float: none;width: 55px;height: 40px;padding: 0 6px;margin-left: 5px;border-radius: 5px;font-size: 13px;}
    .club-wrap .application .membership .box .number a{display: flex;align-items: center;justify-content: center;flex: none;width: 11px;height: 100%;padding: 0 1px;}
    .club-wrap .application .membership .box .number a img{width: 100%;height: auto;}
    .club-wrap .application .membership .box .number span{flex: 1;padding: 0;text-align: center;font-size: 13px;}
    .club-wrap .application .membership .box_on{display: flex;margin-top: 10px;}
    .club-wrap .application .membership .box_on .info{flex: 1;float: none;width: calc(100% - 60px);height: 40px;padding: 11px 13px 12px;border-radius: 5px;font-size: 13px;}
    .club-wrap .application .membership .box_on .info .form-wrap .chklist1 label{font-size: 13px;letter-spacing: -0.1em;line-height: 15px;}
    .club-wrap .application .membership .box_on .number{display: flex;align-items: center;justify-content: center;flex: none;float: none;width: 55px;height: 40px;padding: 8px 6px;margin-left: 5px;border-radius: 5px;font-size: 13px;}
    .club-wrap .application .membership .box_on .number a{display: flex;align-items: center;justify-content: center;flex: none;width: 11px;height: 100%;padding: 0 1px;}
    .club-wrap .application .membership .box_on .number a img{width: 100%;height: auto;}
    .club-wrap .application .membership .box_on .number span{flex: 1;padding: 0;text-align: center;font-size: 13px;}
    .club-wrap .application .membership .form-wrap .chklist1 li{padding-left: 20px;}
    .club-wrap .application .membership .form-wrap .chklist1 input[type=checkbox]{width: 15px;height: 15px;}
    .club-wrap .application .membership .form-wrap .chklist1 input[type=checkbox]:checked + label:before{top: 3px;left: 4px;width: 8px;height: 6px;}
    .club-wrap .membership .card{float: none;width: 100%;background-size: auto 100%}
    .club-wrap .membership .info-box{float: none;width: 100%;padding-left: 0;margin-top: 25px;}
    .club-wrap .membership .info-box .tbl-wrap02{margin-top: 0;}
    .club-wrap .membership .info-box .price{font-size: 44px;letter-spacing: -0.075em;color: #000;}
    .club-wrap .membership .info-box .price em{padding-left: 5px;font-size: 18px;font-weight: 400;}
    .club-wrap .membership .info-box .btn-wrap{display: block;margin-top: 40px;}
    .club-wrap .membership .info-box .btn-wrap > li{flex: 1;}
    .club-wrap .membership .info-box .btn-wrap > li ~ li{margin: 5px 0 0;}
    .club-wrap .celeb-msg img{width: 100px;height: auto;}
    .club-wrap .celeb-msg p{font-size: 20px;line-height: 30px;}
    .club-wrap .ticket-info .info01{display: inline-block;width: auto;height: 36px;padding:0 20px;font-size: 17px;line-height: 34px;}
    .club-wrap .ticket-info .info02{display: block;margin: 15px auto 0;border-spacing: 0;}
    .club-wrap .ticket-info .info02 li{display: block;height: auto;padding: 20px;border-radius: 0;font-size: 16px;line-height: 24px;}
    .club-wrap .ticket-info .info02 li ~ li{margin-top: 10px;}
    .club-wrap .customer-center p{font-size: 14px;}
    .club-wrap .customer-center p.call{margin-top: 20px;font-size: 22px;}
    .club-wrap .customer-center p.call:before{width: 62px;height: 51px;margin-right: 10px;}
    .club-wrap .customer-center .btn-wrap{margin-top: 30px;}
    .club-wrap .club-intro .detail img {display: block;max-width: 100%;margin: 0 auto;}
    .club-wrap .club-intro .btn-wrap {margin-top: 40px;}
    .club-wrap .club-intro .btn-wrap a {height: 45px;font-size: 18px;line-height: 25px;}
    .club-wrap .club-intro .btn-wrap a.arrow01:after {margin-left: 10px;}
    .club-wrap .benefit-wrap .tit {font-size: 20px;}
    .club-wrap .benefit-wrap .list {margin-top: 20px;}
    .club-wrap .benefit-wrap .list li {padding-left: 45px;border-radius: 23px;}
    .club-wrap .benefit-wrap .list li ~ li {margin-top: 10px;}
    .club-wrap .benefit-wrap .list li .num {top: -5px;left: -5px;width: 50px;height: 50px;border: 5px solid #fff;font-size: 15px;line-height: 40px;}
    .club-wrap .benefit-wrap .list li p {height: 40px;padding: 0 15px;font-size: 12px;line-height: 15px;}
    .club-wrap .benefit-wrap .btn-wrap {margin-top: 40px;}
    .club-wrap .benefit-wrap .btn-wrap a {height: 45px;font-size: 18px;line-height: 25px;}
    .club-wrap .benefit-wrap .btn-wrap a.arrow01:after {margin-left: 10px;}

    /*-------------------------------------------------------------------------
    03 글로벌CC 소개 : hm 반응형 5차
    -------------------------------------------------------------------------*/
    .cc-wrap{overflow: hidden;}
    .cc-wrap .inner{padding: 30px 17px;}
    .cc-wrap .inner .cont-tit{margin-top: 0;font-size: 20px;line-height: 1.5em;}
    .cc-wrap .slogan{height: 120px;margin: 15px -17px 0;}
    .cc-wrap .slogan.mt40{margin-top: 15px !important;}
    .cc-wrap .slogan img{width: 100%;height: 100%;object-fit: cover;-webkit-object-fit: cover;}
    .cc-wrap .slogan p{font-size: 20px;line-height: 1.4em;}
    .cc-wrap .txt-box{margin-top: 30px;}
    .cc-wrap .txt-box .tit{font-size: 18px;line-height: 1.2;}
    .cc-wrap .txt-box .txt01{margin-top: 15px;font-size: 16px;line-height: 1.2;word-break: keep-all;word-wrap: break-word;}
    .cc-wrap .info-box{display: block;margin: 30px auto 0;}
    .cc-wrap .info-box dl{flex-direction: row;justify-content: center;width: 100%;float: none;max-width: 100%;height: auto;padding: 10px 17px;border-radius: 5px;}
    .cc-wrap .info-box dl ~ dl{margin: 10px 0 0;}
    .cc-wrap .info-box dt{font-size: 14px;}
    .cc-wrap .info-box dd{margin-left: 10px;font-size: 18px;line-height: 28px;}
    .cc-wrap .course-map{margin-top: 30px;}
    .cc-wrap .course-map img{width: 100%;height: auto;}
    .cc-wrap .tab-wrap{margin-top: 20px;}
    .cc-wrap .tab-wrap .tab-cont .cont{margin-top: 0;}
    .cc-wrap .hole-wrap{margin-top: 20px;}
    .cc-wrap .hole-wrap .hole-list{overflow-y: hidden;overflow-x: auto;justify-content: flex-start;flex-wrap: nowrap;padding: 10px 17px;border-radius: 5px;}
    .cc-wrap .hole-wrap .hole-list li ~ li{padding-left: 10px;}
    .cc-wrap .hole-wrap .hole-list li a{width: 39px;height: 39px;font-size: 14px;line-height: 39px;}
    .cc-wrap .hole-wrap .hole-list li a.active{width: 42px;height: 42px;font-size: 15px;line-height: 42px;}
    .cc-wrap .hole-wrap .navigation{margin-top: 10px;}
    .cc-wrap .hole-wrap .navigation a{width: 27px;height: 27px;background-size: 12px auto;}
    .cc-wrap .hole-wrap .detail .hole-img{float: none;width: 100%;}
    .cc-wrap .hole-wrap .detail .hole-img img{height: auto;max-width: 100%;}
    .cc-wrap .hole-wrap .detail .info{float: none;width: 100%;margin-top: 10px;}
    .cc-wrap .hole-wrap .detail .info .hole-number{font-size: 20px;line-height: 1.2em;}
    .cc-wrap .hole-wrap .detail .info .tag{margin-top: 10px;}
    .cc-wrap .hole-wrap .detail .info .tag li{height: 30px;padding: 0 10px;border-radius: 2px;font-size: 14px;line-height: 28px;}
    .cc-wrap .hole-wrap .detail .info .tag li ~ li{margin-left: 3px;}
    .cc-wrap .hole-wrap .detail .info .ex{margin-top: 20px;font-size: 14px;line-height: 1.2em;}
    .cc-wrap .hole-wrap .detail .info .tee{margin-top: 25px;}
    .cc-wrap .hole-wrap .detail .info .tee dl{float: none;}
    .cc-wrap .hole-wrap .detail .info .tee dl ~ dl{margin: 15px 0 0;}
    .cc-wrap .hole-wrap .detail .info .tee dl dt{font-size: 14px;}
    .cc-wrap .hole-wrap .detail .info .tee dl dd{margin-top: 5px;font-size: 14px;}
    .cc-wrap .hole-wrap .detail .info .view{display: block;margin-top: 20px;}
    .cc-wrap .hole-wrap .detail .info .view .video{flex: none;}
    .cc-wrap .hole-wrap .detail .info .view .img{flex: none;height: 260px;margin: 10px 0 0;}
    .cc-wrap .facility{margin-top: 30px;}
    .cc-wrap .facility .list{display: block;}
    .cc-wrap .facility .list ~ .list{margin-top: 15px;}
    .cc-wrap .facility .list .img{width: 100%;border-radius: 5px;}
    .cc-wrap .facility .list .txt{display: block;padding: 20px 0 0;}
    .cc-wrap .facility .list .txt .tit{font-size: 20px;}
    .cc-wrap .facility .list .txt .sub{margin-top: 15px;margin-bottom: 20px;font-size: 16px;line-height: 1.2em;}
    .cc-wrap .facility .list .txt .deco{display: none;}
    .cc-wrap .facility .list:nth-child(even) .txt{padding: 20px 0 0;text-align: left;}
    .cc-wrap .map-box{margin: 30px -17px 0;}
    .cc-wrap .map-box img{width: 100%;height: auto;}
    .cc-wrap .img-box{margin: 0 -17px 30px;}
    .cc-wrap .img-box img{width: 100%;height: auto;vertical-align: top;}
    .cc-wrap .cc-btns{display: flex;align-items: flex-start;justify-content: flex-start;flex-wrap: wrap;width: 100%;}
    .cc-wrap .cc-btns .opt{flex: 0 calc(100%/3 - 6px);margin-top: 10px;}
    .cc-wrap .cc-btns .opt ~ .opt{margin-left: 9px;}
    .cc-wrap .cc-btns .opt:nth-child(3n + 1){margin-left: 0;}
    .cc-wrap .cc-btns .opt a{height: 75px;padding: 6px;border: 1px solid transparent;border-radius: 4px;}
    .cc-wrap .cc-btns .opt a span{padding: 6px;text-align: center;font-size: 12px;font-weight: 500;line-height: 1.4em;}
    .cc-wrap .cc-img-wrap{padding: 0;margin-top: 30px;}
    .cc-wrap .cc-img-wrap:before{display: none;}
    .cc-wrap .cc-img-wrap .swp-cc{overflow: visible;}
    .cc-wrap .cc-img-wrap .swp-cc .swiper-slide{width: calc(100% - 30px);}
    .cc-wrap .cc-img-wrap .swp-cc .swiper-slide .btn-video span {font-size: 14px;line-height: 1em;}
    .cc-wrap .cc-img-wrap .swp-cc .swiper-slide .btn-video span:before {width: 50px;height: 50px;margin: 0 auto 5px;}
    .cc-wrap .cc-img-wrap .swp-cc .swiper-slide .btn-video span:after {width: 14px;height: 14px;margin-left: 4px;}
    .cc-wrap .cc-img-wrap .swp-cc .swiper-slide img{width: 100%;height: auto;vertical-align: top;}
    .cc-wrap .cc-img-wrap .swp-navi{position: static;width: 100%;padding-right: 0;margin-left: -7px;text-align: left;}
    .cc-wrap .cc-img-wrap .swp-btn-prev,
    .cc-wrap .cc-img-wrap .swp-btn-next{width: 30px;height: 43px;padding: 0;}
    .cc-wrap .cc-img-wrap .swp-btn-next:before{display: none;}
    .cc-wrap .cc-img-wrap .name-box{position: static;width: 100%;padding: 0 0 15px;text-align: left;font-size: 20px;line-height: 1.2em;}
    .cc-wrap .cc-img-wrap .name-box br{display: none;}
    /* 20241209 일본회원권 홈페이지 수정 - s */
    .cc-wrap .cc-img-wrap .name-box img{max-height: 45px;width: auto;}
    .cc-wrap .tbl-wrap02 .tbl-sub-tit{font-size: 16px;line-height: 29px;}
    .cc-wrap .tbl-wrap02 .tbl-sub-tit img{width: auto;max-height: 29px;}
    /* 20241209 일본회원권 홈페이지 수정 - e */
    .cc-wrap .tbl-wrap02.mt40{margin-top: 20px !important;}
    .cc-wrap .tbl-scroll-x{overflow: hidden;overflow-x: auto;}
    .cc-wrap .tbl-scroll-x table{min-width: 520px;}
    .cc-wrap .google-map{height: 220px;}

    /*-------------------------------------------------------------------------
    06 예약 : hm 반응형2차
    -------------------------------------------------------------------------*/
    .reserve-wrap .inner{padding: 17px;}
    .reserve-wrap .google-map{display: none;}
    .reserve-wrap .schedule .date-roll{margin-top: 20px;}
    .reserve-wrap .schedule .date-roll strong{padding: 0 20px;font-size: 20px;line-height: 27px;}
    .reserve-wrap .schedule .date-roll a{width: 27px;height: 27px;background-size: 8px auto;}
    .reserve-wrap .schedule .btn-location{display: block;margin-top: 15px;}
    .reserve-wrap .schedule .btn-location a{display: block;text-align: center;font-size: 17px;font-weight: 700;line-height: 27px;}
    .reserve-wrap .schedule .btn-location a:after{content: "";display: inline-block;width: 27px;height: 27px;margin-left: 4px;border-radius: 50%;vertical-align: top;background: url(../images/ico-btn-location.png) no-repeat center center;background-size: contain;}
    .reserve-wrap .schedule .tbl-wrap.calendar{margin: 20px -17px 0;border-top: none;}
    .reserve-wrap .schedule .tbl-wrap.calendar table{border-top-color: #999;}
    .reserve-wrap .schedule .tbl-wrap.calendar table thead th{border-bottom-color: #999;font-size: 14px;}
    .reserve-wrap .schedule .tbl-wrap.calendar table tbody td{height: 75px;}
    .reserve-wrap .schedule .tbl-wrap.calendar table .date{margin: 10px 5px 0;font-size: 14px;line-height: 16px;}
    .reserve-wrap .schedule .tbl-wrap.calendar table .detail-box{display: none;}
    .reserve-wrap .schedule .info-section-mo{margin-top: 30px;}
    .reserve-wrap .schedule .info-section-mo .part ~ .part{margin-top: 30px;}
    .reserve-wrap .schedule .info-section-mo .part p{text-align: center;font-size: 16px;font-weight: 700;line-height: 1em;color: #000;}
    .reserve-wrap .schedule .info-section-mo .part ul{margin-top: 10px;}
    .reserve-wrap .schedule .info-section-mo .part ul li{overflow: hidden;padding: 5px 10px;border-radius: 5px;background-color: #e2e2e2;}
    .reserve-wrap .schedule .info-section-mo .part ul li ~ li{margin-top: 10px;}
    .reserve-wrap .schedule .info-section-mo .part ul li span{display: block;float: left;font-size: 15px;line-height: 34px;color: #444;}
    .reserve-wrap .schedule .info-section-mo .part ul li .btn-book{display: block;float: right;padding: 0 20px;height: 34px;border-radius: 25px;text-align: center;font-size: 15px;line-height: 34px;color: #fff;background-color: #333;}
    #pop-location .pop-cont .box{height: 100%;padding: 20px 0 0;}
    #pop-location .pop-cont .location-tit{height: 56px;text-align: center;font-size: 20px;font-weight: 700;line-height: 28px;color: #333;}
    #pop-location .pop-cont .google-map{height: calc(100% - 56px);padding-top: 20px;font-size: 0;}

    /*-------------------------------------------------------------------------
    07 공지사항 : hm 반응형2차
    -------------------------------------------------------------------------*/
    .notice-wrap table td .ellipsis{padding: 0;}
    .notice-wrap .view-wrap{margin: 0 -17px;border-bottom: 1px solid #ddd;}
    .notice-wrap .view-wrap .tit-box{padding: 25px 17px;border-top: 0;}
    .notice-wrap .view-wrap .tit-box h3{font-size: 17px;font-weight: 500;}
    .notice-wrap .view-wrap .tit-box p{margin-top: 10px;font-size: 14px;}
    .notice-wrap .view-wrap .view-cont{padding: 20px 17px;text-align: left;font-size: 15px;}
    .notice-wrap .view-wrap .view-cont img{max-width: 100%;height: auto;}
    .notice-wrap .view-wrap .view-cont table{max-width: 100%;}
    .notice-wrap .view-wrap .view-cont table th,
    .notice-wrap .view-wrap .view-cont table td{height: 44px;padding: 12px 4px;font-size: 14px;}
    .notice-wrap .view-wrap .view-cont table th{font-size: 14px;}
    .notice-wrap .view-wrap .view-bottom{background-color: #f7f9fb;}
    .notice-wrap .view-wrap .view-bottom .page-move a{padding: 12px 17px;}
    .notice-wrap .view-wrap .view-bottom .page-move.prev a{padding-top: 12px;}
    .notice-wrap .view-wrap .view-bottom .page-move.next a{padding-bottom: 12px;}
    .notice-wrap .view-wrap .view-bottom .page-move a strong{width: 60px;margin-right: 20px;font-size: 14px;}
    .notice-wrap .view-wrap .view-bottom .page-move.prev a strong{background-size: auto 8px;}
    .notice-wrap .view-wrap .view-bottom .page-move.next a strong{background-size: auto 8px;}
    .notice-wrap .view-wrap .view-bottom .page-move a .list-tit{font-size: 15px;}
    .notice-wrap .view-wrap + .btn-wrap{margin-top: 30px;}

    /*-------------------------------------------------------------------------
    08 마이페이지 : hm 반응형2차
    -------------------------------------------------------------------------*/
    .my-wrap .main-info{display: block;margin-top: 40px;}
    .my-wrap .main-info .box{width: 100%;height: auto;padding: 30px 0;border-top: 3px solid #333;}
    .my-wrap .main-info .box ~ .box{margin-top: 20px;margin-left: 0;}
    .my-wrap .main-info .box img{width: auto;height: 70px;margin: 0 auto 20px;}
    .my-wrap .main-info .box p{font-size: 20px;}
    .my-wrap .main-info .box p span{font-size: 20px;color: #b3b3b3;}
    .my-wrap h4 {font-size: 17px; margin-top: 30px;}
    .my-wrap .main-info .box .btn-wrap{margin-top: 20px;}
    .layer-pop .pop-cont .withdraw .txt{font-size: 17px;font-weight: 500;}
    .layer-pop .pop-cont .withdraw ul.list-dot{margin-top: 20px;}
    .layer-pop .pop-cont .withdraw ul.list-dot > li ~ li{margin-top: 15px;}
    .layer-pop .pop-cont .withdraw ul.list-dot > li strong{font-size: 14px;}
    .layer-pop .pop-cont .withdraw .form-wrap.wide{padding: 25px 17px;margin:25px -17px 0;}
    .layer-pop .pop-cont .withdraw .term-wrap{margin-top: 25px;}

    /* hm 반응형3차 - s */
    .my-wrap .booking-list{display: block;margin-top: 50px;}
    .my-wrap .booking-list .list{border: 1px solid #ddd;text-align: center;font-size: 0;}
    .my-wrap .booking-list .list ~ .list{margin-top: 17px;}
    .my-wrap .booking-list .list .info-box{padding: 20px;}
    .my-wrap .booking-list .list .info01{display: inline-block;width: auto;height: 35px;padding: 0 20px;border: 1px solid #333;border-radius: 20px;font-size: 17px;line-height:33px;color: #333;}
    .my-wrap .booking-list .list .info01.book{border-color: #31b698;color: #31b698;}
    .my-wrap .booking-list .list .info01.cancel{border-color: #afaeae;color: #afaeae;}
    .my-wrap .booking-list .list .info01.noshow{border-color: #e64444;color: #e64444;}
    .my-wrap .booking-list .list .info01.round{border-color: #4b75ec;color: #4b75ec;}
    .my-wrap .booking-list .list .info02{margin-top: 10px;text-align: center;font-size: 20px;font-weight: 700;letter-spacing:-0.05em;color: #333;}
    .my-wrap .booking-list .list .info03{padding: 0 20px;margin-top: 20px;}
    .my-wrap .booking-list .list .info03 p{text-align: left;font-size: 15px;line-height: 1.5;}
    .my-wrap .booking-list .list .info03 p.price01{text-align: center;font-size: 12px;}
    .my-wrap .booking-list .list .info03 p.price02{text-align: center;font-size: 17px;font-weight: 700;color: #000;}
    .my-wrap .booking-list .list .btn-wrap{}
    .my-wrap .booking-list .list .btn-wrap a{border-radius: 0;font-size: 16px;}
    .my-wrap .booking-list .list .btn-wrap.btn-list li ~ li{margin-left:1px;}
    /* hm 반응형3차 - e */

    /*-------------------------------------------------------------------------
    09 회원권 문의 : hm 반응형2차
    -------------------------------------------------------------------------*/
    .qna-wrap table td .ellipsis{padding: 0;}
    
    /*-------------------------------------------------------------------------
    10 회원가입
    -------------------------------------------------------------------------*/
    .mem-wrap{min-height: 100vh;padding: 0;}
    .mem-wrap .inner{display: flex;flex-direction: column;justify-content: flex-start;min-height: 100vh;}
    .mem-wrap .inner .inner{min-height:0;}
    .mem-wrap > .inner{padding:0;}
    .mem-wrap .inner.w1200{padding:0 0 30px;}
    .mem-wrap .page-tit{display:none;}
    .mem-wrap .guide-txt{margin:25px auto 0;}
    .mem-wrap .login-box{padding:40px 17px 0;margin-top:0;border:none;}
    .mem-wrap .login-box ~ .banner-wrap{margin:0;}
    .mem-wrap .login-box .txt-box p ~ p{margin-top:15px;}
    .mem-wrap .login-box .txt-box .txt01{font-size:20px;}
    .mem-wrap .login-box .txt-box .txt01 img{padding-right:9px;}
    .mem-wrap .login-box .txt-box .txt02{font-size:17px;color:#9d9d9d;}
    .mem-wrap .login-box .form-wrap{margin:25px auto 0;}
    .mem-wrap .login-box .form-wrap .inp-pw{margin-top:5px;}
    .mem-wrap .login-box .form-wrap .inp-id .inp,
    .mem-wrap .login-box .form-wrap .inp-pw .inp{padding-left:30px;}
    .mem-wrap .login-box .form-wrap .inp-id .inp:before{left:14px;}
    .mem-wrap .login-box .form-wrap .inp-pw .inp:before{left:14px;}
    .mem-wrap .login-box .form-wrap .inp-pw + .form-item{margin-top:10px;}
    .mem-wrap .login-box .btn-wrap{margin:15px auto 0;}
    .mem-wrap .login-box .util-btns{margin-top:5px;}
    .mem-wrap .login-box.findid{padding:40px 17px;margin-top:0;}
    .mem-wrap .login-box.findid .form-wrap{margin-top: 30px;}
    .mem-wrap .login-box.findid .btn-wrap{margin-top: 50px;}
    .mem-wrap .login-box.findpw .form-wrap{margin-top: 0;}
    .mem-wrap .login-box.findpw .btn-wrap{margin-top: 50px;}
    .mem-wrap .login-box.findpw .txt-box .txt01{font-size: 20px;}
    .mem-wrap .login-box.findpw .txt-box .txt02{margin-top: 30px;font-size: 17px;}
    .mem-wrap .login-box.findpw .txt-box .img{margin-top: 30px;padding: 0 43px;}
    .mem-wrap .login-box.findpw .txt-box .img img{width: 100%;height: auto;}

    .mem-wrap .login-box.complete{height:auto;padding:60px 17px 50px;margin:30px 0 0;border:none;background:url(../images/sub/mem-join-complete.png) no-repeat center center;background-size:cover;}
    .mem-wrap .login-box.complete .txt-box .txt01{font-size:23px;}
    .mem-wrap .login-box.complete .txt-box .txt02{margin-top:30px;font-size:20px;}
    .mem-wrap .login-box.complete .txt-box .txt03{margin-top:15px;font-size:17px;}
    .mem-wrap .login-box.complete .btn-wrap{margin-top:30px;}
    .mem-wrap .join03 .form-wrap{margin:30px 17px 0;}
    .mem-wrap .join03 .form-wrap .img-file{padding:100px 0 0;}
    .mem-wrap .join03 .form-wrap .img-file .file-inp{display:none;}
    .mem-wrap .join03 .form-wrap .img-file .btn-wrap.btn-list{display:block;position:absolute;top:50px;left:0;z-index:1;width:100%;padding-left:125px;margin:0;transform:translateY(-50%);}
    .mem-wrap .join03 .form-wrap .img-file .btn-wrap.btn-list li ~ li{margin:5px 0 0;}
    .mem-wrap .join03 .form-wrap .img-file .btn-wrap.btn-list li a{height:40px;border-radius:30px;font-size:15px;line-height:20px;}
    .mem-wrap .join-process{display:block;margin-top:0;}
    .mem-wrap .join-process + .tab-menu{margin-top:0;}
    .mem-wrap .join-process .steps{display:block;}
    .mem-wrap .join-process .steps li{display:block;float:left;width:calc(50% - 1px);padding:20px 15px;margin-top:2px;}
    .mem-wrap .join-process .steps li ~ li{margin-left:0;}
    .mem-wrap .join-process .steps li:nth-child(even){margin-left:2px;}
    .mem-wrap .join-process .steps li:nth-child(1),
    .mem-wrap .join-process .steps li:nth-child(2){margin-top:0;}
    .mem-wrap .join-process .steps li:nth-child(1),
    .mem-wrap .join-process .steps li:nth-child(2),
    .mem-wrap .join-process .steps li:nth-child(3),
    .mem-wrap .join-process .steps li:nth-child(4){background-image:none;}
    .mem-wrap .join-process .steps li span{font-size:17px;}
    .mem-wrap .join-process .steps li.on{background-color:#e6e8fe;}
    .mem-wrap .join-process .steps li.on:nth-child(1),
    .mem-wrap .join-process .steps li.on:nth-child(2),
    .mem-wrap .join-process .steps li.on:nth-child(3),
    .mem-wrap .join-process .steps li.on:nth-child(4){background-image:none;}
    .mem-wrap .term-wrap{padding:0 17px;margin-top:30px;}
    .term-wrap .agree-all{padding:20px 15px;border-radius:10px;}
    .term-wrap .agree-all label{font-size:20px;}
    .term-wrap .agree-all label .sub-txt{margin:12px 0 0 -30px;font-size:15px;}
    .term-wrap .agree-all + .agree-list{margin-top:20px;}
    .term-wrap .agree-list ul > li{padding:20px 15px;border-radius:10px;}
    .term-wrap .agree-list ul > li ~ li{margin-top:10px;}
    .term-wrap .agree-list ul > li label{padding-right:20px;font-size:15px;}
    .term-wrap .agree-list ul > li a{right:0;width:40px;height:100%;text-indent:-9999px;font-size:0;}
    .term-wrap .agree-list ul > li a:before{content:"";display:block;position:absolute;top:50%;right:15px;z-index:1;width:10px;height:10px;margin-top:-5px;border-top:2px solid #2b2b2b;border-right:2px solid #2b2b2b;transform:rotate(45deg);}
    .term-wrap + .guide-txt{margin:15px auto 0;}

    .mem-wrap .cert-wrap{margin-top:0;}
    .mem-wrap .cert-wrap ~ .cert-wrap{margin-top:100px;}
    .mem-wrap .cert-wrap .tit-box{margin-top: 30px;}
    .mem-wrap .cert-wrap .tit-box h3{font-size:20px;}
    .mem-wrap .cert-wrap .tit-box .sub-txt{font-size:17px;}
    .mem-wrap .cert-wrap .tit-box + .type-box{margin-top:30px;}
    .mem-wrap .cert-wrap .type-box dl{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;border:4px solid #e9ecef;}
    .mem-wrap .cert-wrap .type-box dl ~ dl{border-top:none;}
    .mem-wrap .cert-wrap .type-box dl dt{font-size:20px;}
    .mem-wrap .cert-wrap .type-box dl dd img{width:145px;height:auto;margin:15px auto 0;}
    .mem-wrap .cert-wrap .type-box dl dd .btn-wrap{margin-top:20px;}
    .mem-wrap .cert-wrap .type-box .guide-msg{display:flex;align-items:center;padding:19px 17px 19px 19px;border:4px solid #e9ecef;text-align:left;font-size:18px;}
    .mem-wrap .cert-wrap .type-box .guide-msg img{width:145px;height:auto;margin-right:20px;}
    .mem-wrap .banner-wrap a img{width:100%;height:auto;}
    .mem-wrap .tab-cont.inner{padding-bottom:30px;}

    /* hm 반응형2차 - s */
    .cs-term{padding: 0 17px;margin-top: 30px;font-size: 14px;}
    .cs-term .tit01{padding-bottom: 15px;font-size: 18px;}
    .cs-term .tit02{padding-bottom: 10px;margin-top: 20px;font-size: 16px;}
    .cs-wrap .form-wrap{margin-top: 30px;}
    .cs-wrap .form-wrap + .btn-wrap{margin-top: 40px;}
    .cs-term .btn-print{right: 17px;height: 30px;padding: 0 10px;font-size: 14px;line-height: 28px;}
    .cs-term .btn-print:before{height: 28px;margin-right: 3px;}
    .cs-term p{font-size: 14px;}
    .cs-term .sel-box select{width: 100%;padding: 0 28px 0 15px;font-size: 14px;background-position: calc(100% - 15px) center;}
    .cs-term .agree_area{padding: 20px 0 0;line-height: 1.3;}
    .cs-term .agree_area h2{margin: 15px 0 5px;font-size: 16px;}
    .cs-term .agree_area h3{margin: 15px 0 5px;font-size: 15px;}
    .cs-term .agree_area .l_none{margin: 10px 0 0 0;}
    .cs-term .agree_area .l_none_2nd{margin: 5px 0 0 0;}
    .cs-term .agree_area .privacy_table th{height: 45px;font-size: 13px;}
    .cs-term .agree_area .privacy_table td{height: 45px;padding: 5px;font-size:13px;}
    /* hm 반응형2차 - e */

    /*-------------------------------------------------------------------------
    12 체험상품 : hm 체험상품 추가
    -------------------------------------------------------------------------*/
    .prd-wrap .prd-detail{padding: 30px 0;}
    .prd-wrap .prd-detail .top-box .btn-wrap{bottom: 10%;}
}