header h1 a{pointer-events:none}
.scene-dot,.scene-nav,.scroll-icon{display:none}
.news{margin-top:35px}
.news div{overflow:hidden}
.news dl{width:100%}
.news dl+dl{display:none;margin-top:30px}
.news dl:first-child dt{display:block}
.news dd,.news dt,.news p,.news span,.news time{line-height:1.6em}
.news dd,.news dt{display:none}
.news dt{width:100%}
.news dd{margin-top:20px}
.news span,.news time{display:inline-block}
.news time{position:relative;background:#fff;padding-right:.5em;margin-bottom:20px}
.news time::after{content:'';display:block;position:absolute;top:50%;left:0;height:1px;width:-webkit-calc(100vw - 40px);width:calc(100vw - 40px);z-index:-1;background:#ccc;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.news span{width:100%}
.news p+p{margin-top:10px}
.news p a{display:inline-block;position:relative}
.news p a::before{content:'';display:block;position:absolute;bottom:-2px;left:0;height:1px;width:100%;background:#333}
.news i{display:block;position:relative;height:60px;width:100%;margin-bottom:10px}
.news i::after{content:'';display:block;position:absolute;top:50%;left:50%;height:10px;width:10px;border-left:1px solid #333;border-top:1px solid #333;-webkit-transform:translate(-50%,-9px) rotate(-135deg);transform:translate(-50%,-9px) rotate(-135deg);-webkit-transition:.3s -webkit-transform;transition:.3s -webkit-transform;transition:.3s transform;transition:.3s transform,.3s -webkit-transform}
.news i.opened::after{border-left:1px solid #00b67f;border-top:1px solid #00b67f;-webkit-transform:translate(-50%,-7px) rotate(45deg);transform:translate(-50%,-7px) rotate(45deg)}
.scene{overflow:hidden;background-size:cover;background-repeat:no-repeat}
.scene+.scene{margin-top:40px}
.scene-desc{display:block;position:relative;height:390px;width:100%;background-size:cover;border-radius:8px}
.scene-desc p{display:none}
.scene-desc+p{display:block;line-height:1.6em;margin-top:25px}
[data-scene=top]{height:390px;background-image:url(../images/scene-1.jpg)}
[data-scene=top] svg{position:relative;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:230px;fill:#00b67f}
[data-scene=medical] .scene-desc{background-image:url(../images/scene-2.jpg)}
[data-scene=dialysis] .scene-desc{background-image:url(../images/scene-3.jpg)}
[data-scene=fitness] .scene-desc{background-image:url(../images/scene-4.jpg)}
[data-scene=skin] .scene-desc{background-image:url(../images/scene-5.jpg)}
[data-scene=restaurant] .scene-desc{background-image:url(../images/scene-6.jpg)}
aside{display:none}
aside+.banners{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin:50px 0 20px}
aside+.banners>*{display:block;-webkit-box-flex:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto}
aside+.banners li{border-radius:4px;overflow:hidden}
aside+.banners li+li{margin-top:20px}
aside+.banners a{display:block}
@media only screen and (min-width:1024px){
body{overflow:hidden}
header h1{margin-top:-175px;opacity:0}
header h1 i{top:80px;opacity:0}
header .logo{top:240px;left:-160px;opacity:0}
header .inquiry-btn{top:275px;right:-160px;opacity:0}
header .menu-btn{opacity:0}
main{position:fixed;height:100%;width:100%;padding-bottom:180px;z-index:0;background:0 0}
main>nav{top:40px;opacity:0}
main section{height:100%;overflow:hidden;left:0;-webkit-transform:none;transform:none;max-width:none}
.scroll-icon{display:block;position:absolute;bottom:20px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:3;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.scroll-icon i,.scroll-icon span{opacity:0}
.scroll-icon i{display:block;position:relative;top:-15px;left:50%;height:30px;width:14px;-webkit-transform:translateX(-50%);transform:translateX(-50%);margin-bottom:10px}
.scroll-icon i::after,.scroll-icon i::before{content:'';display:block;position:absolute;left:50%}
.scroll-icon i::before{bottom:0;height:30px;width:1px;background:#333;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.scroll-icon i::after{bottom:2px;height:14px;width:14px;border-right:1px solid #333;border-bottom:1px solid #333;-webkit-transform:translateX(-50%) rotate(45deg);transform:translateX(-50%) rotate(45deg)}
.scroll-icon span{font-family:Homenaje,sans-serif;font-size:16px;letter-spacing:1px}
.scene-dot,.scene-nav{display:block;position:absolute;z-index:5}
.scene-nav{bottom:-55px;left:0;height:55px;width:110px}
.scene-nav li{display:block;float:left;height:55px;width:55px;position:relative;background:#fff;-webkit-transition:.5s background;transition:.5s background;cursor:pointer}
.scene-nav li::after{content:'';display:block;position:absolute;top:50%;height:10px;width:10px;border-top:1px solid #222;border-right:1px solid #222;-webkit-transition:.5s border;transition:.5s border}
.scene-nav li.prev::after{left:50%;-webkit-transform:translate(-4px,-50%) rotate(-135deg);transform:translate(-4px,-50%) rotate(-135deg)}
.scene-nav li.next::after{left:50%;-webkit-transform:translate(-7px,-50%) rotate(45deg);transform:translate(-7px,-50%) rotate(45deg)}
.scene-nav li.inactive{background:rgba(255,255,255,.5);pointer-events:none}
.scene-nav li.inactive::after{border-top:1px solid #ccc;border-right:1px solid #ccc}
.scene-nav li:not(.inactive):hover{background:#00b67f}
.scene-nav li:not(.inactive):hover::after{border-top:2px solid #fff;border-right:2px solid #fff}
.scene-dot{right:0;bottom:-45px;height:45px;width:auto;padding:0 25px}
.scene-dot li{display:block;float:left;height:20px;width:20px;position:relative;top:50%;-webkit-transform:translateY(-10px);transform:translateY(-10px);cursor:pointer}
.scene-dot li i{display:block;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);height:10px;width:10px;background:rgba(114,114,114,.3);border-radius:5px;overflow:hidden;-webkit-transition:.3s background;transition:.3s background}
.scene-dot li i::after{content:'';display:block;position:absolute;bottom:0;left:0;height:0;width:100%;background:#00b67f;-webkit-transition:.3s height;transition:.3s height}
.scene-dot li:hover i{background:#727272}
.scene-dot li.active{pointer-events:none}
.scene-dot li.active i::after{top:0;bottom:auto;height:100%}
.scenes{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%}
.scene{position:absolute;left:0;height:0;width:100%;/*will-change:height,top,bottom;background-attachment:fixed;*/z-index:0}
.scene+.scene{margin-top:0}
.scene.this-scene{z-index:1}
.scene.below-scene{z-index:2}
.scene.above-scene{z-index:3}
.scene-desc{position:static;height:auto;width:auto;border-radius:0;background:0 0!important}
.scene-desc .h2-label{right:-100%;width:65%;min-height:250px;opacity:0}
.scene-desc .h2-label div{min-height:190px;padding:30px 17% 30px 13%}
.scene-desc .h2-label::after,.scene-desc .h2-label::before{height:60px}
.scene-desc .h2-label::before{bottom:-85px;-webkit-transition-delay:.1s;transition-delay:.1s}
.scene-desc .h2-label::after{bottom:-170px;-webkit-transition-delay:.2s;transition-delay:.2s}
.scene-desc .h2-label p{display:inline-block}
.scene-desc:hover .h2-label,.scene-desc:hover .h2-label::after,.scene-desc:hover .h2-label::before{background:rgba(0,182,127,.95);color:#fff}
.scene-desc:hover h2 i{color:#fff}
.scene-desc:hover p,.scene-desc:hover strong{color:#fff}
[data-scene=top]{height:inherit;background-image:url(../images/scene-1.jpg)}
@-webkit-keyframes title_draw{
100%{stroke-dashoffset:0}
}
@keyframes title_draw{
100%{stroke-dashoffset:0}
}
[data-scene=top] svg{position:absolute;width:auto;-webkit-transition:.5s -webkit-transform;transition:.5s -webkit-transform;transition:.5s transform;transition:.5s transform,.5s -webkit-transform;fill:unset}
}
@media only screen and (min-width:1024px) and (max-height:750px){
[data-scene=top] svg{-webkit-transform:translate(-50%,-50%) scale(.5);transform:translate(-50%,-50%) scale(.5)}
}
@media only screen and (min-width:1024px){
[data-scene=top] svg .letter{fill:rgba(0,182,127,0);stroke:#00b67f;stroke-linecap:square;stroke-miterlimit:10;-webkit-animation:title_draw 1.5s linear forwards;animation:title_draw 1.5s linear forwards;-webkit-transition:none;transition:none}
[data-scene=top] svg.filled .letter{-webkit-transition:1.5s fill;transition:1.5s fill;fill:#00b67f}
[data-scene=top] svg .letter_0{stroke-dasharray:340 342;stroke-dashoffset:341;-webkit-animation-delay:1.5s;animation-delay:1.5s}
[data-scene=top] svg .letter_1{stroke-dasharray:229 231;stroke-dashoffset:230;-webkit-animation-delay:1553ms;animation-delay:1553ms}
[data-scene=top] svg .letter_2{stroke-dasharray:340 342;stroke-dashoffset:341;-webkit-animation-delay:1606ms;animation-delay:1606ms}
[data-scene=top] svg .letter_3{stroke-dasharray:340 342;stroke-dashoffset:341;-webkit-animation-delay:1.66s;animation-delay:1.66s}
[data-scene=top] svg .letter_4{stroke-dasharray:148 150;stroke-dashoffset:149;-webkit-animation-delay:1713ms;animation-delay:1713ms}
[data-scene=top] svg .letter_5{stroke-dasharray:212 214;stroke-dashoffset:213;-webkit-animation-delay:1766ms;animation-delay:1766ms}
[data-scene=top] svg .letter_6{stroke-dasharray:319 321;stroke-dashoffset:320;-webkit-animation-delay:1.82s;animation-delay:1.82s}
[data-scene=top] svg .letter_7{stroke-dasharray:307 309;stroke-dashoffset:308;-webkit-animation-delay:1873ms;animation-delay:1873ms}
[data-scene=top] svg .letter_8{stroke-dasharray:348 350;stroke-dashoffset:349;-webkit-animation-delay:1926ms;animation-delay:1926ms}
[data-scene=top] svg .letter_9{stroke-dasharray:400 402;stroke-dashoffset:401;-webkit-animation-delay:1.98s;animation-delay:1.98s}
[data-scene=top] svg .letter_10{stroke-dasharray:303 305;stroke-dashoffset:304;-webkit-animation-delay:2033ms;animation-delay:2033ms}
[data-scene=top] svg .letter_11{stroke-dasharray:319 321;stroke-dashoffset:320;-webkit-animation-delay:2086ms;animation-delay:2086ms}
[data-scene=top] svg .letter_12{stroke-dasharray:229 231;stroke-dashoffset:230;-webkit-animation-delay:2.14s;animation-delay:2.14s}
[data-scene=top] svg .letter_13{stroke-dasharray:340 342;stroke-dashoffset:341;-webkit-animation-delay:2193ms;animation-delay:2193ms}
[data-scene=top] svg .letter_14{stroke-dasharray:460 462;stroke-dashoffset:461;-webkit-animation-delay:2246ms;animation-delay:2246ms}
[data-scene=top] svg .letter_15{stroke-dasharray:350 352;stroke-dashoffset:351;-webkit-animation-delay:2.3s;animation-delay:2.3s}
[data-scene=medical]{background-image:url(../images/scene-2.jpg)}
[data-scene=dialysis]{background-image:url(../images/scene-3.jpg)}
[data-scene=fitness]{background-image:url(../images/scene-4.jpg)}
[data-scene=skin]{background-image:url(../images/scene-5.jpg)}
[data-scene=restaurant]{background-image:url(../images/scene-6.jpg)}
aside{display:block;position:absolute;bottom:110px;height:70px;width:-webkit-calc(100% - 220px);width:calc(100% - 220px);padding-top:0;background:#fff;-webkit-transition:.6s height cubic-bezier(.39,.575,.565,1),.6s padding;transition:.6s height cubic-bezier(.39,.575,.565,1),.6s padding;will-change:height,padding;z-index:10}
aside.displayed{height:67%;padding-top:110px}
aside.displayed .aside-button{top:100px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
aside.displayed .aside-button i::before{border-left-width:2px;border-top-width:2px;-webkit-transform:translate(-50%,1px) rotate(45deg);transform:translate(-50%,1px) rotate(45deg)}
aside.displayed .aside-button i::after{-webkit-transform:translate(-50%,-13px) rotate(225deg);transform:translate(-50%,-13px) rotate(225deg);opacity:1}
aside.displayed .aside-button:hover i{-webkit-transform:translate(-50%,-50%) rotate(90deg);transform:translate(-50%,-50%) rotate(90deg)}
aside.displayed .aside-button:hover i::after{border-left-color:#00b67f;border-top-color:#00b67f}
}
@media only screen and (min-width:1024px) and (max-height:750px){
aside.displayed{height:60%;padding-top:55px}
aside.displayed .aside-button{top:45px}
}
@media only screen and (min-width:1024px){
aside.displayed .aside-contents{padding-top:0;padding-bottom:70px}
aside.displayed .aside-news{margin:0;height:-webkit-calc(100% - 130px);height:calc(100% - 130px)}
aside.displayed .aside-news dt span{overflow:unset;white-space:unset;text-overflow:unset}
aside.displayed .banners{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;pointer-events:auto}
.aside-button{position:absolute;top:18px;right:50%;height:40px;width:40px;-webkit-transform:translateX(495px);transform:translateX(495px);z-index:1;cursor:pointer;-webkit-transition:.6s top;transition:.6s top}
}
@media only screen and (min-width:1024px) and (max-width:1180px){
.aside-button{right:0;-webkit-transform:translateX(15px);transform:translateX(15px)}
}
@media only screen and (min-width:1024px){
.aside-button i{display:block;position:absolute;top:50%;left:50%;height:20px;width:20px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:.3s -webkit-transform;transition:.3s -webkit-transform;transition:.3s transform;transition:.3s transform,.3s -webkit-transform}
.aside-button i::after,.aside-button i::before{content:'';display:block;position:absolute;top:50%;left:50%;height:12px;width:12px;border-left:2px solid #333;border-top:2px solid #333;-webkit-transition:.3s border,.3s opacity,.3s -webkit-transform;transition:.3s border,.3s opacity,.3s -webkit-transform;transition:.3s border,.3s transform,.3s opacity;transition:.3s border,.3s transform,.3s opacity,.3s -webkit-transform}
.aside-button i::before{border-left-width:1px;border-top-width:1px;-webkit-transform:translate(-50%,-2px) rotate(45deg);transform:translate(-50%,-2px) rotate(45deg)}
.aside-button i::after{-webkit-transform:translate(-50%,-2px) rotate(225deg);transform:translate(-50%,-2px) rotate(225deg);opacity:0}
.aside-button:hover i::before{border-left-color:#00b67f;border-top-color:#00b67f}
.aside-contents{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin:0 auto;height:100%;max-width:960px;padding-top:25px;padding-bottom:0;-webkit-transition:.6s padding;transition:.6s padding}
.aside-contents>*{display:block;-webkit-box-flex:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto}
.aside-news,.banners{overflow:hidden;width:100%}
.aside-news{height:70px;-webkit-transition:.6s height;transition:.6s height}
.aside-news dl{width:100%}
.aside-news dl+dl{margin-top:50px}
.aside-news dd,.aside-news dt,.aside-news p,.aside-news span,.aside-news time{line-height:1.8em}
.aside-news dt+dd{margin-top:25px}
.aside-news dt{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start}
.aside-news dt>*{display:block;-webkit-box-flex:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto}
.aside-news dt time{position:relative;width:190px;padding-right:100px;margin-right:10px}
.aside-news dt time::after{content:'';display:block;position:absolute;top:50%;right:0;height:1px;width:100px;background:#ccc;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.aside-news dt span{width:-webkit-calc(100% - 200px);width:calc(100% - 200px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.aside-news p+p{margin-top:10px}
.aside-news p a{display:inline-block;position:relative;-webkit-transition:.3s color;transition:.3s color}
.aside-news p a::before{content:'';display:block;position:absolute;bottom:-2px;left:0;height:1px;width:100%;background:#333;-webkit-transition:.3s width,.3s color;transition:.3s width,.3s color}
.aside-news p a:hover{color:#00b67f}
.aside-news p a:hover::before{right:0;left:auto;width:0;background:#00b67f}
.banners{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0;-webkit-transition:.3s opacity,.3s -webkit-transform;transition:.3s opacity,.3s -webkit-transform;transition:.3s transform,.3s opacity;transition:.3s transform,.3s opacity,.3s -webkit-transform;pointer-events:none}
.banners>*{display:block;-webkit-box-flex:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto}
.banners li{border-radius:4px;overflow:hidden}
.banners li+li{margin-left:20px}
.banners div{width:100%}
.banners a{display:block;position:relative;background:#00b67f}
.banners a::after{content:'';display:block;position:absolute;left:0;height:0;width:100%;background:#00b67f}
.banners a img{height:75px;width:225px;-webkit-transition:.6s opacity;transition:.6s opacity}
.banners a:hover::after{-webkit-animation:.4s dye cubic-bezier(.39,.575,.565,1) forwards;animation:.4s dye cubic-bezier(.39,.575,.565,1) forwards}
.banners a:hover img{opacity:.6}
footer{position:static;bottom:50px;height:auto}
footer .pagetop{display:none}
.mCustomScrollbar{-ms-touch-action:pinch-zoom;touch-action:pinch-zoom}
.mCustomScrollBox{position:relative;overflow:hidden;height:100%;max-width:100%;outline:0;direction:ltr}
.mCSB_container{overflow:hidden;height:auto;width:auto}
.mCSB_inside>.mCSB_container{margin-right:60px}
.mCSB_scrollTools{position:absolute;right:0;bottom:0;height:-webkit-calc(100% - 50px);height:calc(100% - 50px);width:10px}
.mCSB_scrollTools,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;transition:opacity .2s ease-in-out,background-color .2s ease-in-out}
.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;right:0;bottom:0;left:0;height:auto}
.mCSB_scrollTools .mCSB_dragger{height:30px;width:100%;z-index:1;cursor:pointer}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position:relative;height:100%;width:10px;margin:0 auto;border-radius:10px;text-align:center;background:#bbb}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:hover{background:#00b67f}
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background:#00b67f}
.mCSB_scrollTools .mCSB_draggerRail{height:100%;width:10px;margin:0 auto;border-radius:10px;background:#f0f0f0}
}