@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */
#wrapper{overflow:hidden;}
.about .top-img{margin-bottom:var(--size200);max-width:1400px;margin-left:auto;margin-right:auto;}
.about .con{max-width:1400px;margin:0 auto;}
.about .con .row{display:flex;margin-bottom:var(--size150);}
.about .con .row:last-child{margin-bottom:0;}
.about .con .row .col{position:relative;}
.about .con .row .col .img{margin-bottom:35px;}
.about .con .row .col .eng{position: absolute;left:calc(100% - 80px);bottom:20%;font-size:var(--fz120);font-weight:100;opacity:.5;font-style:italic;line-height:1em;}
.tt18{font-size:var(--fz18);line-height:1.89em;font-weight:500;}
.about .con .row:nth-child(even){flex-direction:row-reverse;}
.about .con .row:nth-child(even) .col .eng{left:auto;right:calc(100% - 80px);}
.about .con .row:last-child .col .eng{bottom:28%;}

.doc-btm{margin-top:var(--size150);text-align:center;}
.doc-btm .txt{font-size:var(--fz32);color: #fff;line-height: 1.56em;}
.doc-btm .eng{font-size:var(--fz64);line-height:1.2em;font-weight:100;font-style:italic;opacity:.5;}

.location .top-con{max-width:1400px;margin:0 auto var(--size150);}
.location .top-con .maps{margin-bottom:var(--size60);}
.location .top-con .maps .root_daum_roughmap {width:100% !important; height:600px !important;}
.location .top-con .maps .root_daum_roughmap .wrap_map {height:600px !important;}
.location .top-con .maps .roughmap_lebel_text {line-height:0 !important; font-size:0 !important;}
.location .top-con .maps .map_border{display:none;}
.location .top-con .maps .roughmap_lebel_text:after {content:"스테이 하시"; font-size:12px; line-height:15px;}
.location .top-con .info{display:flex;}
.location .top-con .info .col{width:50%;padding-right:40px;}
.doc-tit{position:relative;padding-bottom:15px;margin-bottom:35px;font-size:var(--fz32);font-weight:500;line-height:1.2em;}
.doc-tit:after{content:'';width:30px;height:1px;background-color: #fff;position: absolute;left:0;bottom:0;}
.location .top-con .info .col .tt{font-size:var(--fz20);line-height:1.6em;}
.dot-list>li{position:relative;margin-bottom:8px;padding-left:20px;font-weight:100;line-height:1.6em;}
.dot-list>li:last-child{margin-bottom:0;}
.dot-list>li:before{content:'';position: absolute;left:0;top:.55em;width:8px;height:8px;border:1px solid #fff;border-radius:50%;}
.location .top-con .info .col .dot-list{margin-top:20px;}
.location .top-con .info .col .wrap .tt{margin-bottom:var(--size20);}
.location .top-con .info .col .wrap .tt:last-child{margin-bottom:0;}

.space{padding-top:var(--size80);border-top:1px solid rgba(255,255,255,.2);}
.space .content{margin-bottom:var(--size200);}
.space .content:last-child{margin-bottom:0;}
.space .content .tit-wrap{margin-bottom:var(--size60);text-align:center;}
.space .content .tit-wrap .tit{margin-bottom:20px;font-size:var(--fz40);line-height:1.2em;font-weight:400;}
.space .content .tit-wrap .tt{font-size:var(--fz24);line-height:1.58em;opacity:.7;}
.space .content .tit-wrap .bed{margin-top:10px;font-size:var(--fz20);line-height:1.6em;margin-top:;}
.space-sld .origin{position:relative;}
.space-sld .origin .slick-arrow{display:block;position: absolute;top:50%;transform:translateY(-50%);width:50px;height:70px;border:1px solid rgba(255,255,255,.7);background-repeat:no-repeat;background-size:12px;background-position:50% 50%;background-color:transparent;font-size:0;z-index:1;}
.space-sld .origin .slick-prev{left:20px;background-image: url('/images/sub/sld-prev.png');}
.space-sld .origin .slick-next{right:20px;background-image: url('/images/sub/sld-next.png');}
.space-sld .thumb{margin-top:20px;}
.space-sld .thumb .slick-list{margin:0 -5px;}
.space-sld .thumb .item{padding:0 5px;}
.space-sld .thumb .item .pic{position:relative;cursor:pointer;transition:.3s;}
.space-sld .thumb .item .pic:after{content:'';position: absolute;left:0;top:0;width:100%;height:100%;background-color:#000;opacity:.5;}
.space-sld .thumb .item.slick-current .pic:after{opacity:0;}

.fold-cnt{margin-top:var(--size60);}
.fold-cnt .tit{display:flex;align-items:flex-end;position:relative;padding-bottom:20px;font-size:var(--fz32);line-height:1.3em;}
.fold-cnt .tit span{position:relative;}
.fold-cnt .tit small{margin-left:10px;min-width:0;width:1%;flex:1 1 auto;font-size:var(--fz14);line-height:1.8em;}
.fold-cnt .tit:after{content:'';position: absolute;left:0;bottom:0;width:100%;height:1px;background-color:rgba(255,255,255,.2);}
.fold-cnt .tit span:after{content:'';width:100%;height:1px;background-color: #fff;position: absolute;left:0;bottom:-20px;z-index:1;}
.fold-cnt .tit:before{position: absolute;right:0;top:50%;margin-top:-9px;content:'';width:31px;height:18px;background:url('/images/sub/space-arr.png')no-repeat 100% 50%/contain;transition:.3s;}
.fold-cnt .tit.active:before{transform:rotate(180deg);}
.fold-cnt .cnt{display:none;margin-top:30px;padding:30px 40px;background-color: #fff;color:var(--dark);}
.fold-cnt .cnt dl{display:flex;align-items:center;padding:35px 0;border-bottom:1px solid #ddd;}
.fold-cnt .cnt dl:last-child{border-bottom:none;}
.fold-cnt .cnt dl dt{width:360px;font-size:var(--fz24);line-height:1.3em;}
.fold-cnt .cnt dl dd{min-width:0;width:1%;flex:1 1 auto;line-height: 1.63em;}

.space .content .flex-img{margin-top:var(--size100);}
.space .content .flex-img ul{display:flex;}
.space .content .flex-img ul li{width:25%;}
.space .content .nt{margin-top:var(--size30);text-align:center;font-size:var(--fz20);line-height:1.6em;}

/* html{scroll-behavior:smooth;} */
.space-tab{position: fixed;right:0;top:50%;transform:translateY(-50%);width:150px;padding:17px 0;z-index:100;background-color: #fff;box-shadow:5px 5px 10px rgba(0,0,0,.3);}
.space-tab ul li a{display:flex;align-items:center;height:44px;padding:0 20px;transition:.3s;font-weight:500;line-height:1.2em;color:var(--dark);}
.space-tab ul li.active a{background-color: #b9a7a4;color: #fff;}


.reserve-guide .content{margin-bottom:var(--size120);}
.reserve-guide .content:last-child{margin-bottom:0;}
.reserve-guide .fold-cnt{margin-top:0;}
.reserve-guide .fold-cnt .cnt{padding:55px 40px;}
.reserve-guide .fold-cnt .cnt .top-txt{padding-bottom:35px;margin-bottom:35px;font-size:var(--fz20);font-weight:600;line-height:1.7em;color: #73504a;border-bottom:1px solid #ddd;}
.dot-list2>li{position:relative;margin-bottom:20px;padding-left:16px;font-size:var(--fz18);line-height:1.67em;}
.dot-list2>li:last-child{margin-bottom:0;}
.dot-list2>li:before{content:'';position: absolute;left:0;top:.65em;width:6px;height:6px;background-color: #ccc;border-radius:100%;}

.fold-cnt.type2 .tit{pointer-events:none;}
.fold-cnt.type2 .tit:before{display:none;}
.fold-cnt.type2 .cnt{display:block !important;}
.red{color: #e32424 !important;}
.reserve-guide .fold-cnt .cnt .top-nt{margin-bottom:40px;padding:25px 30px;color: #e32424;background-color: #fff2f2;font-size:var(--fz20);font-weight:600;line-height:1.7em;}
.table01 table{width:100%;border-spacing:0;border-top:1px solid #ddd;font-size:var(--fz18);line-height:1.6em;}
.table01 table th,
.table01 table td{height:60px;padding:10px 20px;border-bottom:1px solid #ddd;}
.table01 table th{border-right:1px solid #ddd;text-align:center;font-weight:600;color:var(--dark);}
.table01 table td{color: #505050;}
.reserve-guide .form-agree{margin:35px 0 0;}
.reserve-guide .form-agree .check{margin:0;color: #fff;text-align:left;font-size:var(--fz20);}
.doc-btn.st2{margin-top:var(--size100);background-color:var(--pri);border:1px solid #fff;transition:.3s;}
.doc-btn.st2:hover{background-color: #fff;color:var(--pri);}

.service .content{margin-bottom:var(--size150);}
.service .content:last-child{margin-bottom:0;}
.service .content .tt-wrap{display:flex;max-width:1400px;margin:0 auto 35px;}
.service .content .tt-wrap .tit{width:400px;font-size:var(--fz40);line-height:1.2em;}
.service .content .tt-wrap .txt{padding-top:5px;min-width:0;width:1%;flex:1 1 auto;}
.service .content .tt-wrap .txt .tt{font-size:var(--fz20);line-height:1.7em;}
.service .content .tt-wrap .txt .nt{margin-top:5px;font-size:var(--fz16);line-height:1.5em;opacity:.7;}
.service .content .img{margin-bottom:40px;}
.service .content .img:last-child{margin-bottom:0;}

.life .content{position:relative;}
.life .content .tt-wrap{max-width:1460px;width:100%;padding:0 30px;position: absolute;left:50%;transform:translateX(-50%);top:290px;z-index:1;}
.life .content .tt-wrap .tt1{font-size:var(--fz64);line-height:1.31em;opacity:.7;}
.life .content .tt-wrap .tt2{position:relative;text-align:right;width:400px;padding-top:30px;padding-right:60px;margin:280px 0 0 auto;font-size:var(--fz80);line-height:1.25em;font-weight:600;}
.life .content .tt-wrap .tt2:before{content:'';position: absolute;right:0;top:0;width:100%;height:1px;background-color:rgba(255,255,255,.7);}

.life .content.cont1 .tt-wrap .tt1{padding-left:60px;}

.life .content.cont3 .tt-wrap .tt2{display:flex;justify-content:flex-end;text-align:left;/* margin-top:360px; */margin-top:200px;}
.life .content.cont4 .tt-wrap{top:50%;transform:translate(-50%,-50%);text-align:center;}
.life .content.cont4 .tt-wrap .tt2{padding-top:780px;margin:30px auto 0;padding-right:0;text-align:center;}
.life .content.cont4 .tt-wrap .tt2:before{width:1px;height:760px;left:50%;top:0;}

.life .content.cont5 .tt-wrap .tt1{position:relative;padding-bottom:30px;}
.life .content.cont5 .tt-wrap .tt1:after{content:'';width:400px;height:1px;background-color:rgba(255,255,255,.7);position: absolute;left:375px;bottom:0;}
.life .content.cont5 .tt-wrap .tt2{padding:0;/* margin-top:530px; */margin-top:250px;}
.life .content.cont5 .tt-wrap .tt2:before{display:none;}

.life .content.cont6 .tt-wrap .tt1{position:relative;padding-bottom:200px;margin-bottom:200px;}
.life .content.cont6 .tt-wrap .tt1:after{content:'';width:700px;height:1px;background-color:rgba(255,255,255,.7);position: absolute;left:0;bottom:0;}
.life .content.cont6 .tt-wrap .tt2{padding:0;margin-top:0;}
.life .content.cont6 .tt-wrap .tt2:before{display:none;}

.life .content.cont7 .tt-wrap .tt2{/* margin-top:530px; */margin-top:300px;}
.life .content.cont7 .tt-wrap .tt2:before{width:700px;}
.life .doc-btm{position:relative;margin-top:var(--size80);padding-top:270px;}
.life .doc-btm:before{content:'';width:1px;height:calc(270px - var(--size80));background-color:rgba(255,255,255,.7);position: absolute;left:50%;top:0;}

.gal-list ul{display:flex;flex-wrap:wrap;margin:0 -5px -10px;}
.gal-list ul li{width:33.3333%;padding:0 5px;margin-bottom:10px;}
.gal-list ul li .pic {position:relative; height:0; padding-bottom:75%; overflow:hidden;transition:.5s;}
.gal-list ul li .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}
.gal-list ul li a{display:block;overflow:hidden;}
.gal-list ul li a:hover .pic{transform:scale(1.05);}


.doc-pop-wrap {width:90vw; max-width:1200px; background:#fff; overflow:hidden;}
.doc-pop .fancybox-close{top: -24px;right: -24px;width:48px;height:48px;background: url('/images/sub/pop-close.png')no-repeat 50% 50%/contain;}
.doc-pop .fancybox-nav {position: absolute;top:50%;transform:translateY(-50%);width:50px;height:70px;border:1px solid rgba(255,255,255,.7);background-repeat:no-repeat;background-position:50% 50%;background-size:12px;background-color:transparent;}
.doc-pop .fancybox-prev{left:-110px;background-image: url('/images/sub/sld-prev.png');}
.doc-pop .fancybox-next{right:-110px;background-image: url('/images/sub/sld-next.png');}
.doc-pop .fancybox-nav:hover span {display:none;}
.doc-pop .pic {position:relative; height:0; padding-bottom:66.667%; overflow:hidden;}
.doc-pop .pic img {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100% !important; height:100% !important; max-width:100%; min-height:100%; object-fit:cover; transition:0.3s;}

.video-list ul{display:flex;flex-wrap:wrap;margin:0 -20px -55px;}
.video-list ul li{width:50%;padding:0 20px;margin-bottom:55px;}
.video-list ul li .tit{margin-top:25px;font-size:var(--fz18);line-height:1.6em;color: #fff;}
.video-list ul li .date{margin-top:15px;font-size:var(--fz14);line-height:1.4em;opacity:.7;}