@charset "utf-8";
html {font-size:14px;}
@media screen and (min-width: 300px){html {font-size:15px;}}
@media screen and (min-width: 320px){html {font-size:16px;}}
@media screen and (min-width: 340px){html {font-size:17px;min-height:510px;}}
@media screen and (min-width: 360px){html {font-size:18px;min-height:540px;}}
@media screen and (min-width: 380px) and (orientation : portrait){	html {font-size:19px;min-height:570px;}}
@media screen and (min-width: 400px) and (orientation : portrait){	html {font-size:20px;min-height:600px;}}
@media screen and (min-width: 420px) and (orientation : portrait){	html {font-size:21px;min-height:630px;}}
@media screen and (min-width: 440px) and (orientation : portrait){	html {font-size:22px;min-height:660px;}}
@media screen and (min-width: 460px) and (orientation : portrait){	html {font-size:23px;min-height:690px;}}
@media screen and (min-width: 480px) and (orientation : portrait){	html {font-size:24px;min-height:720px;}}
@media screen and (min-width: 500px) and (orientation : portrait){	html {font-size:25px;min-height:750px;}}
@media screen and (min-width: 520px) and (orientation : portrait){	html {font-size:26px;min-height:780px;}}
@media screen and (min-width: 540px) and (orientation : portrait){	html {font-size:27px;min-height:810px;}}
@media screen and (min-width: 560px) and (orientation : portrait){	html {font-size:28px;min-height:840px;}}
@media screen and (min-width: 580px) and (orientation : portrait){	html {font-size:29px;min-height:870px;}}
@media screen and (min-width: 600px) and (orientation : portrait){	html {font-size:30px;min-height:900px;}}
@media screen and (min-width: 620px) and (orientation : portrait){	html {font-size:31px;min-height:930px;}}
@media screen and (min-width: 640px) and (orientation : portrait){	html {font-size:32px;min-height:960px;}}


body::-webkit-scrollbar { display: none;}
html, body {width:100%;height:100%;}

/*headerArea*/
.headWrap {width:100%;position:fixed; z-index:1000; min-height: 3rem; background-color: transparent;transition: all .3s;}
.headWrap .header {width:100%;}
.header h1 {width: 7.1rem;height: 3.5rem;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:90%;}


.headWrap .header .btnNav {position:absolute; right:0; top:0; width:6.3rem; height:3.2rem; outline:none;}
.headWrap .header .btnNav i {position:absolute; left:50%; top:1.1rem; width:1.5rem; height:0.1rem; margin-left:-0.15rem; background-color:#fff; transition:all .3s;}
.headWrap .header .btnNav i + i {top:1.6rem;}
.headWrap .header .btnNav i + i + i {top:2.1rem;}

.header .gnb {display:none;}
.header .gnb {font-weight:800;color:#000;}
.header .gnb ul {padding: 4em 0;background-color: #fff;width: 61vw;height: 100vh;float: right;}
.header .gnb ul > li {text-align:right;}
.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 0;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:-3.5rem;}
.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:-3.5rem;}
.openGnb .headWrap .header .btnNav i {width:1.8rem;}
.openGnb .headWrap .header .btnNav i:first-child {width:0; margin-left:0;}
.openGnb .headWrap .header .btnNav i + i {top:1.8rem; transform:rotate(-45deg); -webkit-transform:rotate(-45deg);background-color:#000 !important;}
.openGnb .headWrap .header .btnNav i + i + i {top:1.8rem; 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:40vh; text-align:center;padding:0 0.8rem; color:#fff;z-index:10;width:100vw;}
.Intro .title .slogan {font-size:11vw;font-family:'Noto Sans KR';line-height:2.5rem;font-weight:900;}
.Intro .title .slogan span {display:block;}
.Intro .title .message {font-weight: 400;padding-top:50px;font-size: 3.6vw;}

.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:30%; bottom: 10%;z-index: 20;width: 8.2rem;padding: 8px 20px;border: solid 1px #fff;border-radius: 11px;color: #fff;background: url(../image/bg_ico_down.png) no-repeat 90% 50%;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:block !important;}
.desktop-only {display:none !important;}

/*ContentsArea*/
.ContentsArea {position:relative;z-index:105;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.1rem 1rem;font-size:3.2vw;border:solid 2px #fd9752;border-radius: 0.5rem;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:3rem 0}
.AboutHeidi .inner {width:100vw;padding:0 1.5em}
.AboutHeidi .inner .box_cont {border-bottom: 1px solid #ccc; padding-bottom: 3rem;}

.AboutHeidi .inner_title {text-align:center;}
.AboutHeidi .inner_title h2 {font-family:'Noto Sans KR';color:#bbb;font-size:9vw;text-align:center;font-weight:900;padding:2rem 0;}
.AboutHeidi .inner_title p {font-size: 4vw;font-weight: 300;letter-spacing: -0.08rem;line-height: 1.3rem;}
.AboutHeidi .inner_cont {letter-spacing: -0.05rem;margin:4rem 0;text-align:center;}
.AboutHeidi .inner_cont .ab_txt {font-size:130%;margin-bottom: 4rem;line-height: 1.8rem;}
.AboutHeidi .inner_cont div {letter-spacing: -0.05rem;box-sizing:border-box;border: solid 1px #ddd;border-radius: 0.5rem;padding:2rem;min-height:20vh;margin: 3rem 0;}
.AboutHeidi .inner_cont div > h3 {font-family:'Noto Sans KR';font-size:6.5vw;padding:5.5rem 0 1.5rem 0;text-align:center;letter-spacing: normal;font-weight:700;background-size:30% !important; margin-top:-4rem;}
.AboutHeidi .inner_cont div > p {word-break: keep-all;text-align: left;font-size:3.8vw;}
.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%;}


/*About Heidi*/
.AboutHeidi_s {padding:3rem 0}
.AboutHeidi_s .inner {width:100vw;padding:0 1.5em}
.AboutHeidi_s .inner_title {text-align:center;}
.AboutHeidi_s .inner_title h2 {font-family:'Noto Sans KR';color:#bbb;font-size:9vw;text-align:center;font-weight:900;padding:2rem 0;}
.AboutHeidi_s .inner_cont .ab_txt {font-size: 4vw;font-weight: 300;letter-spacing: 0.01rem;line-height: 1.3rem;margin-bottom: 3rem;}
.AboutHeidi_s .inner_cont .ab_txt > span {display: inline-block;}
.AboutHeidi_s .inner_cont {letter-spacing: -0.05rem;margin:1rem 0 0 0;text-align:center;}
.AboutHeidi_s .inner_cont div {letter-spacing: -0.05rem;box-sizing:border-box;border: solid 1px #ddd;border-radius: 0.5rem;padding:2rem;min-height:20vh;margin: 3rem 0;}
.AboutHeidi_s .inner_cont div > h3 {font-family:'Noto Sans KR';font-size:6.5vw;padding:5.5rem 0 1.5rem 0;text-align:center;letter-spacing: normal;font-weight:700;background-size:30% !important; margin-top:-4rem;}
.AboutHeidi_s .inner_cont div > p {word-break: keep-all;text-align: left;font-size:3.8vw;}
.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 .heidi_rep {letter-spacing: -0.01rem;box-sizing:border-box;margin: 3rem 0; font-size:0.7em;}
.AboutHeidi_s .inner .heidi_rep>ul {font-style: italic;text-align: center;}
.AboutHeidi_s .inner .heidi_rep>ul>li {background:#f7f2ea; padding:2rem; 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%;}

/*Heidi Info */
.HeidiInfo {padding:1rem 0;}
.HeidiInfo .inner {width:100vw;}
.HeidiInfo .inner .inner_title {margin-bottom: 2rem;}
.HeidiInfo .inner .inner_title h2 {font-family:'Noto Sans KR';color:#bbb;font-size:9vw;text-align:center;font-weight:900;width:100vw;}
.HeidiInfo .group_horizon .imgArea {position: absolute;top:44.5%;text-align:center;margin:0 auto;}
.HeidiInfo .group_horizon .imgArea span {display:inline-block;width:40vmin;height:23vmin;margin:0 0.3rem; }
.HeidiInfo .group_horizon .imgArea span img {display:none;width:0;}
.HeidiInfo .group_horizon .inner_box {padding: 22rem 1.5rem 3rem 1.5rem;text-align: center;box-sizing: border-box;position:relative;}
.HeidiInfo .group_horizon .inner_box .inner_title {margin-bottom:0.2rem;}
.HeidiInfo .group_horizon .inner_box .inner_title h3 {font-family:'Noto Sans KR';font-size:6.5vw;text-transform:uppercase;font-weight:700;}
.HeidiInfo .group_horizon .inner_box .inner_title p {font-size: 4vw;letter-spacing: -0.05rem;}
.HeidiInfo .group_horizon .inner_box .inner_cont {}
.HeidiInfo .group_horizon .inner_box .inner_cont .info_tex {letter-spacing: -0.05rem;padding: 0.5px 0;font-size:3.5vw;line-height:1.1rem;word-break: keep-all;font-weight:200;}
.HeidiInfo .group_horizon .inner_box .inner_cont .info_tex h3 {font-size:6.5vw;text-transform:uppercase;font-weight:700;margin-top:2rem;}

.HeidiInfo .Fitness {background: url("../image/img_mainFitness.jpg") no-repeat 30% 0%; background-size: 200%;}
.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 100% 0%; background-size: 200%;}
.HeidiInfo .Spa .imgArea {top:40% !important;}
.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 0% 0%; background-size: 200%;}
.HeidiInfo .SwimmingPool .imgArea {top:43.5% !important;}
.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 100% 0%; background-size: 200%;}
.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:100vw;text-align:center;}
.HeidiInfo .group_vertical .Yoga, 
.HeidiInfo .group_vertical .Pilates, 
.HeidiInfo .group_vertical .Sports, 
.HeidiInfo .group_vertical .Therapy, 
.HeidiInfo .group_vertical .Spinning {width:100vw;margin-bottom:3rem;}
.HeidiInfo .group_vertical .inner_box {padding:0;text-align:center;width:100vw;}
.HeidiInfo .group_vertical .inner_box .imgArea {width:50vw;height:50vw;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:6vw;text-transform:uppercase;padding:0;font-weight:700;}
.HeidiInfo .group_vertical .inner_cont p {font-size: 3.8vw;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;margin-bottom: 2rem;}
.cafeInfo .group_horizon .inner {width:100vw; text-align:center;color:#fff;padding:2rem 1.5rem; word-break: keep-all;}
.cafeInfo .group_horizon .inner h2 {font-family:'Noto Sans KR';font-size:6.5vw;text-transform:uppercase;padding:2rem 0;font-weight:900;}
.cafeInfo .group_horizon .inner_cont .info_tex {font-size:3.5vw;letter-spacing: -0.03rem;line-height: 1.4em;padding-bottom:2rem;word-break: keep-all;}

.cafeInfo .group_vertical {width:100vw;text-align:center;}
.cafeInfo .group_vertical .library_lounge, .cafeInfo .group_vertical .bussiness_center {width:100vw;margin-bottom:3rem;}
.cafeInfo .group_vertical .inner_box {padding:0;text-align:center;width:100vw;}
.cafeInfo .group_vertical .inner_box .imgArea {width:50vw;height:50vw;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:6vw;text-transform:uppercase;padding:0;font-weight:700;}
.cafeInfo .group_vertical .inner_cont p {font-size: 3.8vw;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:3rem;}
.instagramHeidi .inner {width:100vw;text-align:center;padding:10em 0 5em 0;background: url("../image/ico_instagram.png") no-repeat 50% 0;background-size: 20%;font-size:4vw;}
.instagramHeidi .inner p > strong {font-size:5vw;padding:1rem 0;font-weight: 700;}
.instagramHeidi .inner p.button {margin-top:3rem;}

/*contact Us*/
.contactUs {padding-top:3rem;background-color: #f0ede8;}
.contactUs .inner {width:100vw;text-align:center;padding:3em 1.5rem; background: url("../image/bg_verticalDot.png") no-repeat 50% 0;}
.contactUs .inner_title {margin-bottom:2rem;}
.contactUs .inner_title h2 {font-size:6.5vw;padding: 1rem 0 2rem 0;font-weight:900;}
.contactUs .inner_title p {font-size: 3.8vw;line-height: 1.1rem; word-break: keep-all;font-weight: 200;padding:0 1.8rem;}
.contactUs .inner_cont {}



/*FooterArea*/
.FooterArea {position:relative;z-index:105;background: url(../image/bg_mian_contactus.jpg) no-repeat 50%; background-size:cover;}
.FooterArea .footer_cont {width:100vw;padding:3rem 2rem;;color:#fff;font-weight:200;}
.FooterArea .footer_cont .foot_tit {}
.FooterArea .footer_cont .foot_tit .logo {width:20vmin;margin-left:-0.5rem;}
.FooterArea .footer_cont .foot_tit .logo img {width:20vw;}
.FooterArea .footer_cont .foot_tit h3 {padding-top:1rem; font-size:3.8vw;}
.FooterArea .footer_cont .foot_add {font-size:3vw;}
.FooterArea .footer_cont .foot_add ul {line-height:1.1rem;margin-top:1rem;}
.FooterArea .footer_cont .foot_add ul > li > span{color: #fff !important;}

.FooterArea .footer_cont .foot_info {font-size:3vw;padding-top:1rem;}
.FooterArea .footer_cont .foot_info .info_box {margin-bottom:2rem;}
.FooterArea .footer_cont .foot_info .info_box p {line-height: 3.6vh;padding-left: 8vw;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%;background-size: 8%;}
.FooterArea .footer_cont .foot_info .info_box .mail {background: url("../image/ico_footMail.png") no-repeat 0 50%;background-size: 8%;}
.FooterArea .footer_cont .foot_info .info_box span {display:inline-block;vertical-align: text-top;}
/* .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%;background-size: 8%;}
.FooterArea .footer_cont .foot_info .info_box .instagram a {display:inline-block; color:#fff;}
.FooterArea .footer_cont .foot_info .info_box .instagram img {width: 6.3vw;height:6.3vw; vertical-align: middle;}
.FooterArea .footer_cont .foot_info .info_box .heidi_brochure a {border: solid 2px #fff;border-radius: 0.5rem;line-height: 4.5vh;height: 4.5vh;padding: 0 1rem;color: #fff;font-weight: 400;display: inline-block;box-sizing: content-box;font-size:2.5vw;}
.FooterArea .footer_cont .copyright {margin-top: 1rem;}



/***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:8.9vw;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:1.9rem;letter-spacing: 0.2rem;line-height: 2rem;}
.activite .inner_title h2 span{display: inline-block;}

.View_image {position:relative;min-height:31em;}
.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: -8rem;width:100%;z-index: 106;overflow-x:scroll;padding:0 0.3em;height:7em;text-align:center;}
.View_image .View_thum .thum {display: inline-block;width:9em;height:7em;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 .select::before {content:'';opacity:0;}

.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: 7em !important;background-color: #fff;}
.info_fitness .inner {width:100vw;padding:0 1.5em;}
.info_fitness .page_title {width:100%; text-align:center;padding: 1em 0;font-size: 1.2rem;}
.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:block;padding:4px 12px;color:#585858;}
.info_fitness .keyPoint ul > li > ol {padding:0px 0 0 80px;margin-top:-26px;}
.info_fitness .text_box {font-size: 3.4vw;padding: 10px 0 20px 0;font-weight: 200;line-height: 23px;letter-spacing: -0.05rem;}

.top_pd {padding-top: 1em !important;}

/*contact us*/
.contact .sub_intro {position:relative;min-height:16em;background: url("../image/bg_title_contactus.jpg") no-repeat 50% 0;background-size:cover;}
.JoinUs .inner {width:100vw;padding: 0 1.5rem;}
.JoinUs .inner .page_title .txt_con {background-color: #f5f4f3;padding: 1rem;}

.inner .page_title {padding:2em 0 1em 0;}
.inner .page_title h3 {font-family:'Noto Sans KR';color:#000;font-size:8.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%;font-size: 3.8vw;text-align: center;word-break: keep-all;line-height: 1.1rem;font-weight: 200;}
.inner .page_title span {display: inline-block;}
/* 211129추가 */
.inner .page_title .txt_con1 {width: 100%;font-size: 3.5vw;text-align: center;word-break: keep-all;line-height: 1.1rem;font-weight: 400;}

.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: 100%;}
.JoinUs .inner_cont .box_in p > input {border-bottom:#000 solid 2px;font-size:0.8rem;padding: 1rem 0;width:100%;text-align:center;color:#000;}
.JoinUs .inner_cont .inner_box {margin: 1.5em 0;}
.JoinUs .inner_cont .inner_box .box_title {padding-bottom:0.5em;font-size:90%;font-weight:300;}
.JoinUs .inner_cont .inner_box .text_box {border:solid 1px #d7d7d7;font-size: 60%;color: #262626;padding: 1rem;line-height: 1rem;margin-bottom:0.5rem;}
.JoinUs .inner_cont .inner_box .text_box li {padding: 0.2rem;}
.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: 40vw;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:100%;padding:0 1.5rem;}
.Membership_info .inner .text_box {font-size:60%;font-weight:300;}
.Membership_info .inner .text_box p {line-height:normal;padding: 0.2rem;}
.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:100%;padding:0 1.5rem;}
.daySpa_info .inner .box_round {text-align:center;padding:2rem 0;}
.daySpa_info .inner .box_round p {display: inline-block;padding: 0.1rem 0;font-size:80%;border:solid 2px #000;border-radius: 15px;width:85vw;}
.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: 6rem;}
.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 1.5rem;}
.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 th {font-size:70%; letter-spacing: -0.05rem;}
.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;line-height: normal;}
.inner_cont .info_box th {padding:0.5em 0;text-align:left;font-size:80%;font-weight:600;}
.inner_cont .info_box td {text-align:center;padding:0.5rem;font-size:80%;vertical-align: middle;word-break: keep-all;}

.info_box .line_border {border-right:solid 1px #000;}
.info_box .txt_box {display:block;background-color: #000;border-radius: 10px;color: #fff;width: 98%;text-align: center;height: 45px;margin: 0 0.1em;padding-top:0.7em;}
.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 {}
.introduction .AboutHeidi .page_title {padding:0;}

.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: 10vw;font-weight: 700;}
.introduction .inner_message .messageBox h4 span {display:block;}
.introduction .inner_message .messageBox .sub_message {font-size:3vw;}

.introduction .inner_message2 {background: url("../image/bg_aboutMessage2.jpg") no-repeat 57% 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: 10vw;font-weight: 700;}
.introduction .inner_message2 .messageBox h4 span {display:block;}
.introduction .inner_message2 .messageBox .sub_message {font-size:3vw;}
.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 50% 0; background-size: 100%;} */
.introduction .AboutHeidi .inner_box {padding:1rem 1rem;}
.introduction .AboutHeidi .inner_box h4 {font-family:"Times New Roman", "serif";font-size: 7.7vw;letter-spacing: -0.05rem;font-weight: 700; margin-top:340px;}
.introduction .AboutHeidi .inner_box p {line-height: 1.5rem;letter-spacing: -0.08rem;}
.introduction .AboutHeidi .inner_box .box_title {font-size: 7vw;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:100%;padding:0 1.5rem;position:relative; min-height: 55em;}
.floor_guide .inner .txt_con {left:0;bottom:0rem;width:100%;padding: 0 0.5rem;}
/* 211129추가 */
.floor_guide .inner .txt_con1 {left:0;bottom:-2rem;width:100%;padding: 0 1.5rem;}
.floor_guide .inner .inner_cont {}
.floor_guide .inner .inner_cont .imgArea {position:absolute; top:27em;left:0;padding:0 1.5rem;}
.floor_guide .inner .inner_cont .imgArea img {width:100%;}
.floor_guide .inner .inner_cont .Heidi_floor {background: url("../image/img_heidifloorGuide.png") no-repeat 0 0;background-size:contain;width:100%;min-height: 20em;margin-top: 20em;}
.floor_guide .inner .inner_cont .Heidi_floor ul {display:none;}

.floor_guide .keyPoint {background-color:#f1f1f1; border:solid 1px #e2e2e2;font-size:80%; margin-top: 10px;}
.floor_guide .keyPoint ul {padding:10px;}
.floor_guide .keyPoint ul > li {display:inline-block;padding:4px 25px;color:#585858;}
.floor_guide .keyPoint ul > li > ol {padding:0px 0 0 80px;margin-top:-26px;}

/*.floor_guide .inner .inner_cont .Heidi_floor {background: url("../image/bg_heidihaus.png") no-repeat 0 0;background-size:cover;width:100%;margin-top: 18em;min-height: 390px;}
.floor_guide .inner .inner_cont .Heidi_floor ul {font-size:70%;padding:2rem 1rem 0 1rem;}
.floor_guide .inner .inner_cont .Heidi_floor ul li {border-bottom:dotted 2px #d2d2d1;padding: 0.3rem 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: 100%;padding: 0 1.5rem;width: 18%;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;}*/

.location_info .inner {width:100%;padding:0 1rem;position:relative;}
.location_info .inner .inner_cont {}
.location_info .inner .inner_cont .text_box {font-size:80%; margin: -1rem 0 2rem 0;}
.location_info .inner .inner_cont .text_box p span{display: block;margin-left: 2.6rem;}
.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;}