@charset "utf-8";
html {font-size:16px;}
html, body {height:100%;min-height:768px;/*max-height:1009px;*/}

.warp {width:100%;}


/*headerArea*/
.headWrap {width:100%;position:fixed; z-index:1000; min-height: 88px; background-color: transparent;transition: all .3s;}
.headWrap .header {width:100vw;}
.header h1 {width: 6.1rem;height: 88px;margin:0 auto;}
.header h1 a {display:block;text-indent:-999em;background: url("../image/BI_heidihaus.png") no-repeat 50% 50%;height:100%;background-size:120%;}

.headWrap .header .btnNav {position:absolute; right:0; top:0; width:6.3rem; height:88px; outline:none;}
.headWrap .header .btnNav i {position:absolute; left:50%; top:1.8rem; width:1.8rem; height:0.15rem; margin-left:-1.15rem; background-color:#fff; transition:all .3s;}
.headWrap .header .btnNav i + i {top:2.3rem;}
.headWrap .header .btnNav i + i + i {top:2.8rem;}

.header .gnb {display:none;}
.header .gnb {font-weight:800;color:#000;}
.header .gnb ul {padding: 6em 1em;background-color: #fff;width: 18vw;height: 100vh;float: right;}
.header .gnb ul > li {text-align:right;}
.header .gnb ul > li:first-child {content: '';border-top:none;}
.header .gnb ul > li > button {color:#000;padding:0.5rem 1.5rem;display:inline-block;font-weight:800;font-size:120%;}
.header .gnb ul > li > ul  {padding: 0 1.5rem 1rem 1.5rem;width:100%;height: max-content;box-sizing: border-box;}
.header .gnb ul > li > ul > li {padding:0 0.1rem;border-top: none;font-size: 80%;font-weight: 400;letter-spacing: -0.015rem;}
.header .gnb ul > li > ul > li a {color:#000;padding:0.1rem 0; background:none;}
.header .gnb ul > li > ul > li a:hover {color:#fd9752;}

.stickyHeader .headWrap {margin-top:-88px;}
.stickyHeader.scrollUp .headWrap {margin-top:0;  background-color:rgba(0,0,0,.7);}
.openGnb div.headWrap {margin-top:0;  background-color:rgba(0,0,0,.7);}
.openGnb .headWrap .header .gnb {display:block;margin-top:-88px;}
.openGnb .headWrap .header .btnNav i {width:2.4rem;}
.openGnb .headWrap .header .btnNav i:first-child {width:0; margin-left:0;}
.openGnb .headWrap .header .btnNav i + i {top:2.6rem; transform:rotate(-45deg); -webkit-transform:rotate(-45deg);background-color:#000 !important;}
.openGnb .headWrap .header .btnNav i + i + i {top:2.6rem; transform:rotate(45deg); -webkit-transform:rotate(45deg);background-color:#000 !important;}


/*ContainerArea*/
.Container {position:relative;top:0;width:100%;}

.Intro {position:relative;height:100%;}
.Intro .title {position:absolute;top: 45vh;width: 100vw;text-align: center;color: #fff;z-index:100; /*text-shadow: 0 3px 14px rgb(0 0 0 / 70%);*/}
.Intro .title .slogan {font-size:3.5rem;font-family:'Noto Sans KR';letter-spacing: 0.1rem;font-weight:900;}
.Intro .title .slogan span::before {content: '.'; padding: 0 1rem;vertical-align: bottom;}
.Intro .title .slogan span:first-child::before {padding:0;content: none;}
.Intro .title .message {font-weight: 400;padding-top:60px;letter-spacing: 0.08rem;font-size: 1.3rem;}

.Intro .Intro_mov .heide_mov {min-width: 100%;min-height: 100%;width: auto;height: auto;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.active { background-color: #fff;opacity: 1;height:5px;margin-bottom:-2px;}
/* Fading animation */
.fade { -webkit-animation-name: fade; -webkit-animation-duration: 1.5s; animation-name: fade; animation-duration: 1.5s;}
@-webkit-keyframes fade {from {opacity: 0.4} to {opacity: 1}}
@keyframes fade {from {opacity: 0.4} to {opacity: 1}}


.Intro .btnGo {display:none;position:absolute; left:47%; bottom: 10%;z-index: 20;width: 10.2rem;padding: 10px 30px;border: solid 1px #fff;border-radius: 11px;color: #fff;background: url(../image/bg_ico_down.png) no-repeat 90% 50%;margin-left: -2.1rem;animation: bounce infinite 1s;opacity: 1;transition: all .3s;}
.Intro {position:fixed; left:0; top:0; z-index:5; width:100%;min-height:550px;}
.Intro:after {content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,.5); opacity:0; transition:all .7s;}
.hideBg.intro {background:#fcfcfc;}
.hideBg.intro:after {display:none;}
.stickyHeader.main .Intro:after {opacity:1; }
.stickyHeader.main .Intro .btnGo {opacity:0;}
@keyframes bounce {
	from, to{margin-bottom:0; animation-timing-function: ease-out;}
	50% {margin-bottom:8px; animation-timing-function: ease-in;}
}

.mobile-only {display:none !important;}
.desktop-only {display:block !important;}



/*ContentsArea*/
.ContentsArea {position:relative;z-index:105;padding-top: 3rem;top: 0;}
.main .ContentsArea {background-color:#fff;}
.sub .ContentsArea {padding-bottom: 5rem;}

.button {margin: 1rem auto;}
.button a {color:#fff;display:inline-block;padding: 0.18rem 1rem;font-size:80%;border:solid 1px #fd9752;border-radius: 10px;font-weight:400;background-color:#fd9752;box-sizing: border-box;line-break: after-white-space;}
.button a.Wh_btn {color:#fff !important;}

/*** Main Section ***/
/*About Heidi*/
.AboutHeidi {padding:2rem 0}
.AboutHeidi .inner {width:1000px;margin:0 auto;}
.AboutHeidi .inner .box_cont {border-bottom: 1px solid #ccc; padding-bottom: 3rem;text-align: center;}

.AboutHeidi .inner_title {text-align:center;}
.AboutHeidi .inner_title h2 {font-family:'Noto Sans KR';color:#e7e7e7;font-size:3rem;text-align:center;font-weight:900;padding:3rem 0;}
.AboutHeidi .inner_title p {font-size: 1.3rem;font-weight: 300;letter-spacing: -0.08rem;width: 45vw;margin: 0 auto;line-height: 1.6rem;}
.AboutHeidi .inner_cont {font-size:90%;letter-spacing: -0.05rem;margin:4rem 0;text-align: center;}
.AboutHeidi .inner_cont .ab_txt {font-size:130%;margin-bottom: 4rem;line-height: 1.7rem; letter-spacing: 0.01rem;}
.AboutHeidi .inner_cont div {width:300px;font-size:90%;letter-spacing: -0.05rem;display: inline-block;vertical-align: top;margin:0 15px;box-sizing:border-box;border: solid 1px #ddd;border-radius: 15px;padding:30px;min-height:210px;}
.AboutHeidi .inner_cont div > h3 {font-family:'Noto Sans KR';font-size:1.3rem;padding:75px 0 20px 0;text-align:center;letter-spacing: normal;font-weight:700;background-size:25% !important;margin-top:-4rem;}
.AboutHeidi .inner_cont div > p {padding:0 10px;word-break: keep-all;text-align: left;}
.AboutHeidi .inner_cont .heidi_nature h3 {background: url("../image/main_img_heidinature.png") no-repeat 50% 5%;}
.AboutHeidi .inner_cont .heidi_technology h3 {background: url("../image/main_img_heiditechnology.png") no-repeat 50% 5%;}
.AboutHeidi .inner_cont .heidi_health h3 {background: url("../image/main_img_heidihealth.png") no-repeat 50% 5%;}
.AboutHeidi .inner_cont .heidi_light h3 {background: url("../image/main_img_light.png") no-repeat 50% 5%;}
.AboutHeidi .inner_cont .heidi_water h3 {background: url("../image/main_img_water.png") no-repeat 50% 5%;}
.AboutHeidi .inner_cont .heidi_air h3 {background: url("../image/main_img_air.png") no-repeat 50% 5%;}
.AboutHeidi .inner_cont .heidi_archi h3 {background: url("../image/main_img_heidiarchi.png") no-repeat 50% 5%;}
.AboutHeidi .inner_cont .heidi_art h3 {background: url("../image/main_img_heidiart.png") no-repeat 50% 5%;}
.AboutHeidi .inner_cont .heidi_hear h3 {background: url("../image/main_img_heidihear.png") no-repeat 50% 5%;}
.AboutHeidi .inner_cont .heidi_wear h3 {background: url("../image/main_img_heidiwear.png") no-repeat 50% 5%;}

.AboutHeidi .inner_cont .button {text-align:center;letter-spacing: normal;margin: 2rem auto;font-size: 110%;}

/*index About Heidi*/
.AboutHeidi_s {padding:2rem 0}
.AboutHeidi_s .inner {width:1000px;margin:0 auto;}
.AboutHeidi_s .inner_title {text-align:center;}
.AboutHeidi_s .inner_title h2 {font-family:'Noto Sans KR';color:#bbb;font-size:3rem;text-align:center;font-weight:900;padding:3rem 0;}
.AboutHeidi_s .inner_cont .ab_txt {font-size: 1.3rem;font-weight: 300;letter-spacing: 0.01rem;margin: 0 auto;line-height: 1.6rem;margin-bottom: 3rem; }
.AboutHeidi_s .inner_cont {font-size:90%;letter-spacing: -0.05rem;margin:2rem 0;text-align: center;}
.AboutHeidi_s .inner_cont div {width:300px;font-size:90%;letter-spacing: -0.05rem;display: inline-block;vertical-align: top;margin:0 15px;box-sizing:border-box;border: solid 1px #ddd;border-radius: 15px;padding:30px;min-height:240px;}
.AboutHeidi_s .inner_cont div > h3 {font-family:'Noto Sans KR';font-size:1.3rem;padding:75px 0 20px 0;text-align:center;letter-spacing: normal;font-weight:700;background-size:25% !important;margin-top:-4rem;}
.AboutHeidi_s .inner_cont div > p {padding:0 10px;word-break: keep-all;text-align: left;}
.AboutHeidi_s .inner_cont .heidi_nature h3 {background: url("../image/main_img_heidinature.png") no-repeat 50% 5%;}
.AboutHeidi_s .inner_cont .heidi_technology h3 {background: url("../image/main_img_heiditechnology.png") no-repeat 50% 5%;}
.AboutHeidi_s .inner_cont .heidi_health h3 {background: url("../image/main_img_heidihealth.png") no-repeat 50% 5%;}
.AboutHeidi_s .inner_cont .heidi_light h3 {background: url("../image/main_img_light.png") no-repeat 50% 5%;}
.AboutHeidi_s .inner_cont .heidi_water h3 {background: url("../image/main_img_water.png") no-repeat 50% 5%;}
.AboutHeidi_s .inner_cont .heidi_air h3 {background: url("../image/main_img_air.png") no-repeat 50% 5%;}
.AboutHeidi_s .inner_cont .button {text-align:center;letter-spacing: normal;margin: 2rem auto;font-size: 110%;}

.AboutHeidi_s .inner .heidi_rep {width:970px;font-size:90%;letter-spacing: -0.05rem;display: inline-block;vertical-align: top;margin:0 15px;box-sizing:border-box;}
.AboutHeidi_s .inner .heidi_rep>ul {font-style: italic;text-align: center;}
/* .AboutHeidi_s .inner .heidi_rep>ul>li {border: solid 1px #ddd;border-radius: 15px;padding:30px;margin-top: -1px;} */
.AboutHeidi_s .inner .heidi_rep>ul>li {background:#f7f2ea;padding:20px;color:rgb(0 0 0 / 60%);}
.AboutHeidi_s .inner .heidi_rep>ul>li>p {font-size: 120%;}
.AboutHeidi_s .inner .button {text-align:center;letter-spacing: normal;margin: 2rem auto;font-size: 110%;}

/*.inner_cont .heidi_nature, .inner_cont .heidi_technology, .inner_cont .heidi_health {animation-duration: 0.5s;}

/*Heidi Info */
.HeidiInfo {padding:2rem 0;}
.HeidiInfo .inner {margin:0 auto;}
.HeidiInfo .inner .inner_title {}
.HeidiInfo .inner .inner_title h2 {font-family:'Noto Sans KR';color:#bbb;font-size:3rem;text-align:center;font-weight:900;padding:3rem 0;}
.HeidiInfo .group_horizon .imgArea {width:33vmax;margin-top: 4rem;}
.HeidiInfo .group_horizon .imgArea span {display:inline-block;width:24vmin;height:16vmin;margin-right:1rem; }
.HeidiInfo .group_horizon .imgArea span img {display:none;width:0;}
.HeidiInfo .group_horizon .inner_box {width:50vw;vertical-align: top;padding: 4rem 8rem;box-sizing: border-box;}
.HeidiInfo .group_horizon .inner_box .inner_title {margin-bottom:1.2rem;}
.HeidiInfo .group_horizon .inner_box .inner_title h3 {font-family:'Noto Sans KR';font-size:2.3rem;text-transform:uppercase;padding:15px 0;font-weight:900;}
.HeidiInfo .group_horizon .inner_box .inner_title p {font-size: 1.2rem;letter-spacing: -0.05rem;}
.HeidiInfo .group_horizon .inner_box .inner_cont {width: 30vw;}
.HeidiInfo .group_horizon .inner_box .inner_cont .info_tex {letter-spacing: -0.05rem;padding: 10px 0;font-size:100%;line-height:1.5rem;word-break: keep-all;font-weight:200;}

.HeidiInfo .Fitness {background: url("../image/img_mainFitness.jpg") no-repeat 50% 50%; background-size: cover;}
.HeidiInfo .Fitness .inner_box {background-color: #f3f3f3;margin-left: 50vw;}
.HeidiInfo .Fitness .imgArea .img01 {background: url("../image/img_fitness02.jpg") no-repeat 50%;background-size:cover;}
.HeidiInfo .Fitness .imgArea .img02 {background: url("../image/img_fitness03.jpg") no-repeat 50%;background-size:cover;}

.HeidiInfo .Spa {background: url("../image/img_mainSpa.jpg") no-repeat 50% 50%; background-size: cover;}
.HeidiInfo .Spa .inner_box {background-color: #fff;margin-right: 50vw;padding-left:18vw;}
.HeidiInfo .Spa .imgArea .img01 {background: url("../image/img_spa03.jpg") no-repeat 50%;background-size:cover;}
.HeidiInfo .Spa .imgArea .img02 {background: url("../image/img_spa02.jpg") no-repeat 50%;background-size:cover;}

.HeidiInfo .SwimmingPool {background: url("../image/img_mainSwim.jpg") no-repeat 50% 50%; background-size: cover;}
.HeidiInfo .SwimmingPool .inner_box {background-color: #fff;margin-left: 50vw;}
.HeidiInfo .SwimmingPool .imgArea .img01 {background: url("../image/img_swim04.jpg") no-repeat 50%;background-size:cover;}
.HeidiInfo .SwimmingPool .imgArea .img02 {background: url("../image/img_swim03.jpg") no-repeat 50%;background-size:cover;}

.HeidiInfo .Golf {background: url("../image/img_mainGolf.jpg") no-repeat 50% 50%; background-size: cover;}
.HeidiInfo .Golf .inner_box {background-color: #f3f3f3;margin-right: 50vw;padding-left:18vw;}
.HeidiInfo .Golf .imgArea .img01 {background: url("../image/img_golf02.jpg") no-repeat 50%;background-size:cover;}
.HeidiInfo .Golf .imgArea .img02 {background: url("../image/img_golf01.jpg") no-repeat 50%;background-size:cover;}

.HeidiInfo .group_vertical {width:1200px; margin:5rem auto;text-align:center;}
.HeidiInfo .group_vertical .Yoga, 
.HeidiInfo .group_vertical .Pilates,
.HeidiInfo .group_vertical .Sports,
.HeidiInfo .group_vertical .Therapy, 
.HeidiInfo .group_vertical .Spinning {display:inline-block;width:30%;box-sizing: border-box;}
.HeidiInfo .group_vertical .inner_box {padding:0;text-align:center;}
.HeidiInfo .group_vertical .inner_box .imgArea {width:300px;height:300px;border-radius: 10rem;margin: 0 auto;box-shadow: inset 0 0 4em rgb(0 0 0 / 70%);}
.HeidiInfo .group_vertical .inner_box .imgArea img {display:none;width:0;}
.HeidiInfo .group_vertical .inner_cont {margin-top:1rem;}
.HeidiInfo .group_vertical .inner_cont h3 {font-size:1.8rem;text-transform:uppercase;padding:6px 0 25px 0;font-weight:700;}
.HeidiInfo .group_vertical .inner_cont p {font-size: 1rem;letter-spacing: -0.05rem;}
.HeidiInfo .group_vertical .inner_cont p.button {letter-spacing:normal;}

.HeidiInfo .Yoga .imgArea {background: url("../image/img_mainYoga.jpg") no-repeat 50%;background-size:cover;}
.HeidiInfo .Pilates .imgArea {background: url("../image/img_mainPilates.jpg") no-repeat 50%;background-size:cover;}
.HeidiInfo .Spinning .imgArea {background: url("../image/img_mainSpinning.jpg") no-repeat 50%;background-size:cover;}

.HeidiInfo .Sports .imgArea {background: url("../image/img_mainSports.jpg") no-repeat 50%;background-size:cover;}
.HeidiInfo .Therapy .imgArea {background: url("../image/img_mainTherapy.jpg") no-repeat 50%;background-size:cover;}


/*cafe_Info*/
.cafeInfo {}
.cafeInfo .group_horizon {background: url("../image/bg_main_cafeInfo.jpg") no-repeat 50% 50%;background-size:cover;}
.cafeInfo .group_horizon .inner {width:1000px; margin:0 auto;text-align:center;color:#fff;padding: 10rem 0rem;word-break: keep-all;}
.cafeInfo .group_horizon .inner h2 {font-family:'Noto Sans KR';font-size:2.5vw;text-transform:uppercase;padding:2rem 0;font-weight:900;}
.cafeInfo .group_horizon .inner_cont .info_tex {font-size:90%;letter-spacing: -0.03rem;line-height: 1.6em;padding-bottom:2rem;}

.cafeInfo .group_vertical {width:1200px; margin:8rem auto;text-align:center;}
.cafeInfo .group_vertical .library_lounge, .cafeInfo .group_vertical .bussiness_center {display:inline-block;width:40%;box-sizing: border-box;}
.cafeInfo .group_vertical .inner_box {padding:0;text-align:center;}
.cafeInfo .group_vertical .inner_box .imgArea {width:300px;height:300px;border-radius: 10rem;margin: 0 auto;box-shadow: inset 0 0 10em rgb(0 0 0 / 70%);}
.cafeInfo .group_vertical .inner_box .imgArea img {display:none;width:0;}
.cafeInfo .group_vertical .inner_cont {margin-top:1rem;}
.cafeInfo .group_vertical .inner_cont h3 {font-size:1.8rem;text-transform:uppercase;padding:6px 0 25px 0;font-weight:700;}
.cafeInfo .group_vertical .inner_cont p {font-size: 1rem;letter-spacing: -0.05rem;}
.cafeInfo .group_vertical .inner_cont p.button {letter-spacing:normal;}

.cafeInfo .library_lounge .imgArea {background: url("../image/img_mainloun.jpg") no-repeat 50%;background-size:cover;}
.cafeInfo .bussiness_center .imgArea {background: url("../image/img_mainmeet.jpg") no-repeat 50%;background-size:cover;}

/*instagram_Heidi*/
.instagramHeidi {background-color:#fff;padding-top:5rem;}
.instagramHeidi .inner {width:1000px;margin:0 auto;text-align:center;padding:12em 0 5em 0;background: url("../image/ico_instagram.png") no-repeat 50% 0;}
.instagramHeidi .inner p > strong {font-size:1.5vw;padding:1rem 0 2rem 0;font-weight: 700;}
.instagramHeidi .inner p.button {margin-top:3rem;}

/*contact Us*/
.contactUs {padding:5rem 0 1rem 0;background-color: #f0ede8;}
.contactUs .inner {width:1000px;margin:0 auto;text-align:center;padding:5em 0; background: url("../image/bg_verticalDot.png") no-repeat 50% 0;}
.contactUs .inner_title {font-size:90%;line-height: 1.2rem;font-weight: 200;margin-bottom:2rem;word-break: keep-all;}
.contactUs .inner_title h2 {font-size:2.5vw;padding: 1rem 0 2rem 0;font-weight:900;}
.contactUs .inner_cont {}
.contactUs .inner .button {min-width:10vmin}
.contactUs .inner .button a {font-size:90%;}

.buttonStyle button {padding:1rem;border-radius: 15px;font-weight:400;color:#b7b7b7;margin: 0.5rem 0;text-align: center;letter-spacing: -0.05rem;font-size:1rem;background-color:#878787;}



/*FooterArea*/
.FooterArea {position:relative;z-index:105;background: url(../image/bg_mian_contactus.jpg) no-repeat 50%; background-size:cover;}
.FooterArea .footer_cont {width:1200px;margin:0 auto;padding:5rem;color:#fff;font-weight:200;}
.FooterArea .footer_cont .foot_tit {}
.FooterArea .footer_cont .foot_tit h3 {padding:4rem 1rem 0 1rem;}
.FooterArea .footer_cont .foot_add {padding:1rem;font-size:80%;display:inline-block;width:730px;vertical-align: top;}
.FooterArea .footer_cont .foot_add ul {width:100%;display:inline-block;margin:1rem 0;}
.FooterArea .footer_cont .foot_add ul > li > span {color:#fff !important;}

.FooterArea .footer_cont .foot_info {font-size:80%;display:inline-block;width:300px;vertical-align: bottom;}
.FooterArea .footer_cont .foot_info .info_box {display:inline-block;vertical-align: bottom;margin-bottom:6rem;}
.FooterArea .footer_cont .foot_info .info_box:last-child {margin-bottom:2rem;}
.FooterArea .footer_cont .foot_info .info_box p {line-height: 35px;padding-left: 40px;margin: 0.5rem 0;}
.FooterArea .footer_cont .foot_info .info_box .tell {color:#fff !important;background: url("../image/ico_footTell.png") no-repeat 0 50%;}
.FooterArea .footer_cont .foot_info .info_box .mail {background: url("../image/ico_footMail.png") no-repeat 0 50%;}
/* .FooterArea .footer_cont .foot_info .info_box .instagram {padding: 0; } */
.FooterArea .footer_cont .foot_info .info_box .instagram {background: url("../image/ico_footins.png") no-repeat 0 50%; }
.FooterArea .footer_cont .foot_info .info_box .instagram a {display:inline-block; color:#fff;}
.FooterArea .footer_cont .foot_info .info_box .instagram img {width: 2.2vw;vertical-align: middle;}
.FooterArea .footer_cont .foot_info .info_box span {display:inline-block;vertical-align: text-top;}
.FooterArea .footer_cont .foot_info .info_box .heidi_brochure a {border: solid 2.5px #fff;border-radius: 0.8rem;line-height: 40px;height: 40px;padding: 0 2rem;color: #fff;font-weight: 700;display: inline-block;box-sizing: content-box;}
.FooterArea .footer_cont .copyright {}



/***SUB_Section***/

.sub .Container {}

.sub_intro {position:relative;}
.sub .inner_title {width:100%;text-align:center;position:absolute;z-index:105;bottom: 35%;color: #fff;}
.sub .inner_title h2 {font-size:2.5vw;font-family:'Noto Sans KR';text-shadow: 1px 1px 30px #000;letter-spacing: 0.1rem; text-transform: uppercase;}

.activite .inner_title {bottom: 50%;text-transform: uppercase;}
.activite .inner_title h2 {font-size:3.5rem;letter-spacing: 0.2rem;}

.View_image {position:relative;min-height:700px;}
.View_image .ViewPoint {position: relative;width: 100%;height: 100%;margin:auto;}
.View_image .ViewPoint .place {position:absolute;top:0;width:100%; height:700px;}
.View_image .ViewPoint .place img {display:none;}
.View_image .View_thum {position:absolute;bottom: -20rem;width:100%;text-align:center;z-index: 106;height:279px;overflow: hidden;}
/* .View_image .View_thum .thum {display: inline-block;width:408px;height:279px;background-color:#000;border-radius: 15px;margin:0 0.5rem;cursor: pointer;} */
.View_image .View_thum .thum {display: inline-block;width:280px;height:170px;background-color:#000;border-radius: 15px;;cursor: pointer;}
/* .View_image .View_thum .thum::before {content: '';display: block;background-color:#000;opacity: .5;width:100%;height:100%;border-radius: 15px;} */
.View_image .View_thum .thum::before {content: '';display: block;width:100%;height:100%;border-radius: 15px;}
/* .View_image .View_thum .select::before {content:'';opacity:0;}    border: 2px solid rgba(0,0,0, 0.3); */
.View_image .View_thum .select::before {content:'';border: 2px solid rgba(0,0,0, 0.3);}    

.finess .ViewPoint .photo1, .finess .View_thum .thumnail01 {background: url("../image/img_fitness01.jpg") no-repeat 50% 50%;background-size:cover;}
.finess .ViewPoint .photo2, .finess .View_thum .thumnail02 {background: url("../image/img_fitness02.jpg") no-repeat 50% 50%;background-size:cover;}
.finess .ViewPoint .photo3, .finess .View_thum .thumnail03 {background: url("../image/img_fitness03.jpg") no-repeat 50% 50%;background-size:cover;}


.spa .ViewPoint .photo1, .spa .View_thum .thumnail01 {background: url("../image/img_spa01.jpg") no-repeat 50% 50%;background-size:cover;}
.spa .ViewPoint .photo2, .spa .View_thum .thumnail02 {background: url("../image/img_spa02.jpg") no-repeat 50% 50%;background-size:cover;}
.spa .ViewPoint .photo3, .spa .View_thum .thumnail03 {background: url("../image/img_spa03.jpg") no-repeat 50% 50%;background-size:cover;}
.spa .ViewPoint .photo4, .spa .View_thum .thumnail04 {background: url("../image/img_spa04.jpg") no-repeat 50% 50%;background-size:cover;}
.spa .ViewPoint .photo5, .spa .View_thum .thumnail05 {background: url("../image/img_spa05.jpg") no-repeat 50% 50%;background-size:cover;}
.spa .ViewPoint .photo6, .spa .View_thum .thumnail06 {background: url("../image/img_spa06.jpg") no-repeat 50% 50%;background-size:cover;}
.spa .ViewPoint .photo7, .spa .View_thum .thumnail07 {background: url("../image/img_spa07.jpg") no-repeat 50% 50%;background-size:cover;}
.spa .ViewPoint .photo8, .spa .View_thum .thumnail08 {background: url("../image/img_spa08.jpg") no-repeat 50% 50%;background-size:cover;}


.swim .ViewPoint .photo1, .swim .View_thum .thumnail01 {background: url("../image/img_swim01.jpg") no-repeat 50% 50%;background-size:cover;}
.swim .ViewPoint .photo2, .swim .View_thum .thumnail02 {background: url("../image/img_swim02.jpg") no-repeat 50% 50%;background-size:cover;}
.swim .ViewPoint .photo3, .swim .View_thum .thumnail03 {background: url("../image/img_swim03.jpg") no-repeat 50% 50%;background-size:cover;}
.swim .ViewPoint .photo4, .swim .View_thum .thumnail04 {background: url("../image/img_swim04.jpg") no-repeat 50% 50%;background-size:cover;}


.golf .ViewPoint .photo1, .golf .View_thum .thumnail01 {background: url("../image/img_golf01.jpg") no-repeat 50% 50%;background-size:cover;}
.golf .ViewPoint .photo2, .golf .View_thum .thumnail02 {background: url("../image/img_golf02.jpg") no-repeat 50% 50%;background-size:cover;}


.yoga .ViewPoint .photo1, .yoga .View_thum .thumnail01 {background: url("../image/img_yoga01.jpg") no-repeat 50% 50%;background-size:cover;}


.pilates .ViewPoint .photo1, .pilates .View_thum .thumnail01 {background: url("../image/img_pila01.jpg") no-repeat 50% 50%;background-size:cover;}

.spinning .ViewPoint .photo1, .spinning .View_thum .thumnail01 {background: url("../image/img_spinning01.jpg") no-repeat 50% 50%;background-size:cover;}
.spinning .ViewPoint .photo2, .spinning .View_thum .thumnail02 {background: url("../image/img_spinning02.jpg") no-repeat 50% 50%;background-size:cover;}


.restaurant .ViewPoint .photo1, .restaurant .View_thum .thumnail01 {background: url("../image/img_restau01.jpg") no-repeat 50% 50%;background-size:cover;}
.restaurant .ViewPoint .photo2, .restaurant .View_thum .thumnail02 {background: url("../image/img_restau02.jpg") no-repeat 50% 50%;background-size:cover;}
.restaurant .ViewPoint .photo3, .restaurant .View_thum .thumnail03 {background: url("../image/img_restau03.jpg") no-repeat 50% 50%;background-size:cover;}

/* 211202 추가 */
.restaurant .ViewPoint .photo4, .restaurant .View_thum .thumnail04 {background: url("../image/img_restau04.jpg") no-repeat 50% 50%;background-size:cover;}

.cafe .ViewPoint .photo1, .cafe .View_thum .thumnail01 {background: url("../image/img_cafe01.jpg") no-repeat 50% 50%;background-size:cover;}

.mountain .ViewPoint .photo1, .mountain .View_thum .thumnail01 {background: url("../image/img_moun01.jpg") no-repeat 50% 50%;background-size:cover;}
.mountain .ViewPoint .photo2, .mountain .View_thum .thumnail02 {background: url("../image/img_moun02.jpg") no-repeat 50% 50%;background-size:cover;}

.meet .ViewPoint .photo1, .meet .View_thum .thumnail01 {background: url("../image/img_meet01.jpg") no-repeat 50% 50%;background-size:cover;}

.sports .ViewPoint .photo1, .sports .View_thum .thumnail01 {background: url("../image/img_sports01.jpg") no-repeat 50% 50%;background-size:cover;}
.therapy .ViewPoint .photo1, .therapy .View_thum .thumnail01 {background: url("../image/img_therapy01.jpg") no-repeat 50% 50%;background-size:cover;}


/*ativite*/
.info_fitness {padding-top: 10em !important;}
.info_fitness .inner {width:1000px;margin:0 auto;}
.info_fitness .page_title {width:100%; text-align:center;padding: 1em 0;font-size: 1.5vw;}
.info_fitness .keyPoint {background-color:#f1f1f1; border:solid 1px #e2e2e2;font-size:80%;}
.info_fitness .keyPoint ul {padding:10px;}
/* .info_fitness .keyPoint ul > li {display:inline-block;width:485px;padding:5px 25px;color:#585858;} */
.info_fitness .keyPoint ul > li {display:block;padding:5px 25px;color:#585858;}
.info_fitness .keyPoint ul > li > ol {padding:0px 70px;margin-top: -25px;}
.info_fitness .text_box {font-size:90%;padding:0 0 20px 0;font-weight:200;}

.yoga .info_fitness, .pilates .info_fitness, .bussiness .info_fitness, .meeting .info_fitness {padding-top:0 !important;}


/*contact us*/
.contact .sub_intro {position:relative;min-height:18em;background: url("../image/bg_title_contactus.jpg") no-repeat 50% 50%;background-size:cover;}
.joinusT .sub_intro {position:relative;min-height:18em;background: url("../image/bg_title_contactus.jpg") no-repeat 50% 50%;background-size:cover;}
.JoinUs .inner {width:1000px;margin:0 auto;padding-bottom:3rem;}
.JoinUs .inner .page_title .txt_con {background-color: #f5f4f3;padding: 2rem 4rem;}

.inner .page_title {padding:2em 0 1.5em 0;}
.inner .page_title h3 {font-family:'Noto Sans KR';color:#000;font-size:2.5vw;text-align:center;background: url("../image/bg_heidisymbol.png") no-repeat 50% 0;padding:2em 0 1em 0;}
.inner .page_title .txt_con {width: 100%;text-align: center;word-break: keep-all;line-height: 1.3rem;font-weight:200;}
.inner .page_title .txt_con1 {width: 100%;font-size: 100%;text-align: center;word-break: keep-all;line-height: 1.1rem; margin-top: 1rem;}

.JoinUs .inner_cont {}
.JoinUs .inner_cont fieldset {border-bottom:solid 1px #000;}
.JoinUs .inner_cont .box_in {width:100%;text-align:center;}
.JoinUs .inner_cont .box_in p {display:inline-block; width: 322px;margin: 0 0.15rem;}
.JoinUs .inner_cont .box_in p > input {border-bottom:#000 solid 2px;font-size:1rem;padding: 1rem 0;width:100%;text-align:center;}
.JoinUs .inner_cont .inner_box {margin: 2em 0;}
.JoinUs .inner_cont .inner_box .box_title {padding-bottom:0.5em;}
.JoinUs .inner_cont .inner_box .text_box {border:solid 1px #d7d7d7;font-size: 60%;color: #262626;padding: 1rem 2rem;line-height: 1rem;word-break: keep-all;margin-bottom:1rem;}
.JoinUs .inner_cont .inner_box .text_box li {padding: 0.1rem;}
.JoinUs .inner_cont .inner_box .box_check {text-align:right;font-size:75%;}
.JoinUs .inner_cont .inner_box .box_check .checks {position:relative; margin: 0.5rem;}
.JoinUs .inner_cont .inner_box .box_check .checks input[type="radio"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0}
.JoinUs .inner_cont .inner_box .box_check .checks input[type="radio"] + label {display:inline-block;padding-left:30px;cursor: pointer;-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
.JoinUs .inner_cont .inner_box .box_check .checks input[type="radio"] + label::before {content: '';position:absolute;left:0;top:-2px;width:20px;height:20px;text-align:center;border:solid 1px #000;border-radius: 100%;}
.JoinUs .inner_cont .inner_box .box_check .checks input[type="radio"]:checked + label::after { content: ''; position: absolute; top: 2px; left: 4px; width: 12px; height: 12px; background: #000; border-radius: 100%;}
.JoinUs .inner_cont .buttonStyle {text-align:center;padding:1rem 0;}
.JoinUs .inner_cont .buttonStyle button {padding: 0.5rem 1rem;background-color: #fd9752;color: #fff;border: solid 2px #fd9752;font-size: 80%;width: 15vw;border-radius: 0.5rem;line-break: after-white-space;}

/*Mebership*/
.membership .sub_intro {position:relative;min-height:18em;background: url("../image/bg_title_membership.jpg") no-repeat 50% 50%;background-size:cover;}
.Membership_info .inner {width:1000px;margin:0 auto;}
.Membership_info .inner .text_box {font-size:75%; margin-left: 14%;}
.Membership_info .inner .box_round {text-align:center;padding:2rem 0;}
.Membership_info .inner .box_round p {display: inline-block;padding: 0.1rem 2rem;font-size:80%;border:solid 2px #000;border-radius: 15px;}

.daySpa_info {position:relative;margin: 3em 0;}
.daySpa_info .inner {width:1000px;margin:0 auto;}
.daySpa_info .inner .box_round {text-align:center;padding:2rem 0;}
.daySpa_info .inner .box_round p {display: inline-block;padding: 0.1rem 2rem;font-size:80%;border:solid 2px #000;border-radius: 15px;}
.daySpa_info .inner .page_title {position:absolute;width:100%;background: url("../image/bg_daySpa.jpg") no-repeat 50% 0;background-size:cover;left:0;min-height:570px;padding-top: 8rem;}
.daySpa_info .inner .page_title h3 {color:#fff;background: url(../image/bg_heidisymbolW.png) no-repeat 50% 0;}
.daySpa_info .inner .page_title .txt_con {color:#fff; padding:0 3rem;width:1000px;margin:0 auto;}
.daySpa_info .inner .inner_cont {padding-top: 600px;}
.daySpa_info .inner_cont .info_box table {font-size:100%;border-bottom:solid 1px #000;}
.daySpa_info .inner_cont .info_box td {padding:0.8rem 0;}
.daySpa_info .inner_cont .text_box {text-align: center;font-size:70%;}


.inner_cont .info_box {}
.inner_cont .info_box table {width:100%;font-size:80%;margin-bottom:2rem;}
.inner_cont .info_box th {padding:0.1em;text-align:center;font-size:80%;}
.inner_cont .info_box td {text-align:center;padding:0.1rem 0;font-size:80%;vertical-align: middle;}

.info_box .line_border {border-bottom:solid 1px #000;}
.info_box .txt_box {display:block;background-color: #000;border-radius: 10px;color: #fff;width: 100%;text-align: center;height: 45px;padding-top:0.8em;line-height: normal;}
.info_box .txt_box em {display:block;font-size:60%;font-weight: 300;}
.info_box .ico_circle {display: inline-block;border:solid 1px #000;border-radius: 50%;width:15px;height:15px;vertical-align: middle;}
.info_box .ico_cross {display:inline-block;position: relative;}
.info_box .ico_cross::before, .info_box .ico_cross::after {position: absolute;top: -10px;content: ' ';height: 15px;width: 1px;background-color: #000;}
.info_box .ico_cross::before {transform: rotate(45deg);}
.info_box .ico_cross::after {transform: rotate(-45deg);}



/*Introdution*/
.introduction .sub_intro {position:relative;min-height:18em;background: url("../image/bg_title_introdution.jpg") no-repeat 50% 50%;background-size:cover;}
.introduction .AboutHeidi {margin-bottom:0.1rem;}
.introduction .AboutHeidi .page_title {padding:0;}
/*.introduction .AboutHeidi .page_title h3 {font-family:'Noto Sans KR';color:#e7e7e7;font-size:5rem;text-align:center;padding: 1.3em 0 1em 0px;}*/
.introduction .AboutHeidi .inner_cont div {}

.introduction .inner_message {background: url("../image/bg_aboutMessage.jpg") no-repeat 50% 80%;background-size: cover;}
.introduction .inner_message .messageBox {text-align: center;color: #fff;min-height: 35vh;box-sizing: border-box;width: 100%;padding:10em 0;line-height: 45px;background-color: rgba(0,0,0, 0.2);}
.introduction .inner_message .messageBox h4 {color: #fff;font-size: 35px;font-weight: 700;}
.introduction .inner_message .messageBox h4 span {display:block;}
.introduction .inner_message .messageBox .sub_message {font-size:18px;}

.introduction .inner_message2 {background: url("../image/bg_aboutMessage2.jpg") no-repeat 50% 80%;background-size: cover;}
.introduction .inner_message2 .messageBox {text-align: center;color: #fff;min-height: 35vh;box-sizing: border-box;width: 100%;padding:10em 0;line-height: 45px;background-color: rgba(0,0,0, 0.2);}
.introduction .inner_message2 .messageBox h4 {color: #fff;font-size: 35px;font-weight: 700;}
.introduction .inner_message2 .messageBox h4 span {display:block;}
.introduction .inner_message2 .messageBox .sub_message {font-size:18px;}
.introduction .keyPoint2 { background-color: #f3f3f3;border: 1px solid #e1e1e1;}
.introduction .keyPoint2>ul {text-align: center; padding: 30px;font-style: italic;font-size: 18px;}

/* .introduction .AboutHeidi .aboutimg {background: url("../image/bg_heidisymbol3.png") no-repeat 97.5% 0; background-size: 300px;} */
.introduction .AboutHeidi .inner_box {padding:1rem 1rem;}
.introduction .AboutHeidi .inner_box h4 {font-family:"Times New Roman", "serif";font-size: 40px;letter-spacing: -0.05rem;font-weight: 700;}
.introduction .AboutHeidi .inner_box p {line-height: 40px;letter-spacing: -0.08rem;}
.introduction .AboutHeidi .inner_box .box_title {font-size: 30px;font-weight: 400;padding:2.5rem 0;}
.introduction .AboutHeidi .inner_box .box_cont p {margin:1.5rem 0;font-size:95%;font-weight: 100;line-height: 1.7rem;letter-spacing: 0.01rem;}
.introduction .AboutHeidi .inner_box .box_cont p > span {font-size:130%;font-weight: 400;}
.introduction .AboutHeidi .inner_box .box_cont .txt_b {font-size:120%;}
.introduction .AboutHeidi .inner_box .box_cont p > strong {font-weight: 700;}
.introduction .AboutHeidi .inner_box .box_cont p > em {text-transform: uppercase;font-size:100% !important;font-weight:200;letter-spacing: normal;}


.floor_guide {margin-bottom:3rem;}
.floor_guide .inner {width:1000px;margin:0 auto;}
.floor_guide .inner .txt_con {}
.floor_guide .inner .inner_cont {position:relative;}
.floor_guide .inner .inner_cont .imgArea {position:absolute; right:0;bottom: -8px;}
.floor_guide .inner .inner_cont .Heidi_floor {background: url("../image/img_heidifloorGuide.png") no-repeat 0 0;background-size:contain;width:495px;min-height:545px;}
.floor_guide .inner .inner_cont .Heidi_floor ul {display:none;}
/*.floor_guide .inner .inner_cont .Heidi_floor {background: url("../image/bg_heidihaus.png") no-repeat 0 0;background-size:cover;width:495px;min-height:545px;}
.floor_guide .inner .inner_cont .Heidi_floor ul {font-size:80%;padding:4rem 1.5rem 0 1.5rem;}
.floor_guide .inner .inner_cont .Heidi_floor ul li {border-bottom:dotted 2px #d2d2d1;padding: 0.7rem 0;line-height: 1rem;}
.floor_guide .inner .inner_cont .Heidi_floor ul li:last-child {border-bottom:none;}
.floor_guide .inner .inner_cont .Heidi_floor .floor {display:inline-block;font-weight: 900;font-size: 120%;padding: 0 1.5rem;width: 20%;vertical-align: middle;}
.floor_guide .inner .inner_cont .Heidi_floor .guide_txt {display:inline-block;font-size:90%;width: 79%;vertical-align: middle;}
.floor_guide .inner .inner_cont .Heidi_floor .guide_txt strong {display:inline-block;font-weight:600;width:100%;}
.floor_guide .inner .inner_cont .Heidi_floor .guide_txt strong > em {color:#666;font-size:90%; font-weight:300;padding-left:0.5rem;}*/

.floor_guide .keyPoint {background-color:#f1f1f1; border:solid 1px #e2e2e2;font-size:80%; margin-top: 20px; margin-bottom: 20px;}
.floor_guide .keyPoint ul {padding:10px;}
/* .info_fitness .keyPoint ul > li {display:inline-block;width:485px;padding:5px 25px;color:#585858;} */
.floor_guide .keyPoint ul > li {display:block;padding:5px 25px;color:#585858;}
.floor_guide .keyPoint ul > li > ol {padding:0px 70px;margin-top: -25px;}


.location_info .inner {width:1000px;margin:0 auto;position:relative;}
.location_info .inner .inner_cont {}
.location_info .inner .inner_cont .text_box {font-size:80%; margin: -1rem 0 2rem 15rem;}
.location_info .heideMapArea {background: url("../image/img_heidi_map.png") no-repeat 50% 0;background-size:cover;min-height:525px;width:100%;border:solid 1px #d2d2d2;}

.swiper{ width:50%; }





.pilates .inner_title {bottom: 50%;text-transform: uppercase;}
.pilates .inner_title h2 {font-size:3.5rem;letter-spacing: 0.2rem;}

.yoga .inner_title {bottom: 50%;text-transform: uppercase;}
.yoga .inner_title h2 {font-size:3.5rem;letter-spacing: 0.2rem;}


.meeting .inner_title {bottom: 50%;text-transform: uppercase;}
.meeting .inner_title h2 {font-size:3.5rem;letter-spacing: 0.2rem;}