@charset "UTF-8";
button,.btn,a,input[type="button"],input[type="submit"]{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
button:focus,.btn:focus,a:focus,input[type="button"]:focus,input[type="submit"]:focus{outline:none !important;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
*:focus{outline:none !important;}
*{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;}
a,figcaption a{text-decoration:none;}
figcaption a,figcaption a:hover,figcaption h3{color:#f3d85e;}
#header,#loading,#main{position:fixed;}
.hero,figcaption{text-align:center;}
#nav .gnb li a,.tel-fax,figcaption h3{text-transform:uppercase;}
#environment .bx-wrapper .bx-pager,#loading,#main,.modal{bottom:0;}
#header,#loading{left:0;top:0;right:0;}
.btn-toggle-nav{text-indent:-999em;}
#header .logo a,.btn-toggle-nav,.page,body.modal-opened{overflow:hidden;}
body.modal-opened{position:fixed;width:100%;overflow:hidden;}
.animated{-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;}
.env-sub,.env-title{line-height:1.2;color:#c37b5a;}
#nav .gnb li.active a,.env-title,.modal .modal-body h1,strong{font-family:SpoqaHanSans-Bold;}
ol,ul{list-style:none;}
img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;-moz-user-drag:none;-ms-user-drag:none;user-drag:none;height:auto;width:100%;}
.pc_only{display:flex;}
.mo_only{display:none;}
.clearfix:after,.clearfix:before{content:"\0020";display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}
.pull-left{float:left;}
.pull-right{float:right;}
#loading{background:url(../../assets/img/starium_white.png) 50% 50%/150px auto no-repeat black;z-index:999999;transition:1s cubic-bezier(0.86,0,0.07,1);transition-delay:0.1s;-webkit-transition-timing-function:cubic-bezier(0.86,0,0.07,1);-moz-transition-timing-function:cubic-bezier(0.86,0,0.07,1);-o-transition-timing-function:cubic-bezier(0.86,0,0.07,1);}
.loaded #loading{bottom:100%;}
.btn{color:#fff;font-size:20px;padding:.7em 3em;}
figcaption{opacity:0;position:absolute;height:100%;width:100%;background:rgba(38,188,138,.8);color:#fff;-webkit-transition:.8s;-moz-transition:.8s;-o-transition:.8s;-ms-transition:.8s;transition:.8s;}
figure img{-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;-ms-transition:.5s;transition:.5s;}
figure:hover img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2);}
figcaption h3{font-family:denseregular;font-weight:700;padding-top:40px;margin-bottom:0;font-size:40px;}
figcaption p{padding:10px 20px;font-size:15px;}
figcaption a{padding:4px 10px;bottom:0;right:0;position:absolute;}
.btn.btn-solid,.btn:hover{color:#c37b5a;border:1px solid #c37b5a;}
.btn.btn-solid:hover{background:#c37b5a;color:black;}
body{line-height:1;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;background:black;font-family:Gilroy-SemiBold,SpoqaHanSans-Regular,"Malgun Gothic","맑은고딕",sans-serif;font-size:1.5rem;font-weight:500;color:#fff;}
#header{z-index:99;}
#header .logo,#nav,.btn-toggle-nav,.btn-toggle-nav:after,.btn-toggle-nav:before,.caption,.hero,.page,.side .pos:after,.side .scroll .label,.side .scroll .line{position:absolute;}
#header .logo{top:30px;left:35px;}
#header .logo a{display:block;width:100px;height:31px;}
#header .logo img{width:100%;height:100%;object-fit:contain;}
#nav{top:40px;right:30px;}
#nav .gnb li{float:left;margin:0 25px;}
#nav .gnb li a{font-size:15px;color:#fff;letter-spacing:.2em;}
#main{top:0;left:0;right:0;}
.btn-toggle-nav{background:0 0;height:20px;width:26px;right:20px;top:25px;z-index:999999;border:0;display:none;}
.btn-toggle-nav:after,.btn-toggle-nav:before{background:#fff;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden;content:"";height:2px;left:0;-webkit-transition:.75s;-o-transition:.75s;-moz-transition:.75s;transition:.75s;width:26px;}
.btn-toggle-nav.orange:after,.btn-toggle-nav.orange:before{background:#c47c5a;}
.btn-toggle-nav.orange:before{-webkit-box-shadow:#c47c5a 0 9px 0 0;-moz-box-shadow:#c47c5a 0 9px 0 0;box-shadow:#c47c5a 0 9px 0 0;}
.btn-toggle-nav:before{-webkit-box-shadow:#fff 0 9px 0 0;-moz-box-shadow:#fff 0 9px 0 0;box-shadow:#fff 0 9px 0 0;top:0;}
.btn-toggle-nav:after{top:calc(100% - 2px);}
.btn-toggle-nav.active:before{-webkit-box-shadow:transparent 0 0 0 0;-moz-box-shadow:transparent 0 0 0 0;box-shadow:transparent 0 0 0 0;top:50%;-webkit-transform:rotate(225deg);-moz-transform:rotate(225deg);-ms-transform:rotate(225deg);-o-transform:rotate(225deg);transform:rotate(225deg);}
.btn-toggle-nav.active:after{top:50%;-webkit-transform:rotate(315deg);-moz-transform:rotate(315deg);-ms-transform:rotate(315deg);-o-transform:rotate(315deg);transform:rotate(315deg);}
.page{top:0;left:0;width:100%;height:100%;background:50% 50%/cover no-repeat fixed;-moz-background-size:cover;-o-background-size:cover;-webkit-transition:1s cubic-bezier(0.86,0,0.07,1);-o-transition:1s cubic-bezier(0.86,0,0.07,1);-moz-transition:1s cubic-bezier(0.86,0,0.07,1);transition:1s cubic-bezier(0.86,0,0.07,1);opacity:1;}
.side,.side .scroll{-moz-transition:.5s ease-out;-webkit-transition:.5s ease-out;-o-transition:.5s ease-out;}
.hero,.welfare>ul>li{-webkit-box-sizing:border-box;}
.hero,.process li,.welfare>ul>li{-moz-box-sizing:border-box;}
.hero,.welfare>ul>li{box-sizing:border-box;}
.page .line-bottom{width:1px;top:50%;margin-top:300px;}
.page .line-top{width:1px;bottom:50%;margin-bottom:300px;}
.page.active{top:0;opacity:1;background-position:50% 50%;}
.page.prev{top:-100%;background-position:50% -50vh;}
.page.next{top:100%;background-position:50% 50vh;}
.hero{font-weight:300;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:fit-content;height:600px;padding:40px 30px;}
.page#home{background-image:url('../../assets/img/1.jpg');background-size:cover;background-position:center;background-repeat:no-repeat;-webkit-background-size:cover;}
.page#home .hero{left:20%;}
.home-video{position:absolute;right:20px;bottom:20px;width:16vw;height:auto;overflow:hidden;}
.home-video video{width:100%;height:auto;object-fit:cover;}
.hero .page-title{font-size:18px;font-weight:900;margin-bottom:20px;}
.hero .page-title span{display:inline-block;padding:0 .3em .5em;letter-spacing:.4em;font-weight:600;}
.hero .title.title-big,.hero .title.title-small,.page#prcenter .env-title{margin-bottom:30px;}
.hero .title small{display:inline-block;}
.hero .txt-lg{font-size:64px;font-weight:500;}
.hero .txt-md{font-size:80px;font-weight:700;letter-spacing:0;}
.hero .txt-sm{font-size:44px;font-weight:300;line-height:1.2;}
.hero .sub-copy{margin-bottom:10px;font-size:22px;font-weight:400;line-height:1.5;letter-spacing:-.05em;}
.hero .sub-copy strong,.side .pos span.current{font-weight:700;}
.hero p.sm{font-size:16px;font-weight:400;max-width:800px;line-height:1.85;margin:0 auto;}
.hero p.sm span{display:block;text-shadow:0 0 5px rgba(0,0,0,.2);}
.caption{right:40px;padding-top:95vh;text-align:right;}
.caption .small-copy{font-size:12px;font-family:SpoqaHanSans-Light;}
.position-env{text-align:left;left:115%;top:100%;}
.env-title{font-size:35px;margin-bottom:20px;}
.env-sub,.modal .modal-body,.sub-copy,.tel-fax{font-family:SpoqaHanSans-Light;}
.env-sub{font-size:24px;margin-bottom:2px;}
.page#prcenter .env-sub{line-height:1.6;margin-bottom:30px;}
.icon-constella{width:600px;margin-bottom:-50px;margin-left:-300px;}
.credit_txt{height:100px;margin-top:100px;}
.prcenter .addr,.prcenter .tel-fax{margin-bottom:1em;}
.side{transition:.5s ease-out;}
.side.inactive{opacity:0;visibility:hidden;}
.side .scroll{display:block;position:fixed;z-index:99;width:1px;height:100px;cursor:pointer;right:60px;bottom:-200px;transition:.5s ease-out;opacity:0;}
.side .scroll .label{display:block;font-size:13px;letter-spacing:.2em;color:#fff;top:-80px;font-weight:700;left:0;-webkit-transform-origin:0 50%;-moz-transform-origin:0 50%;-ms-transform-origin:0 50%;-o-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg);}
#footer,.side .pos,.tel-fax{letter-spacing:.1em;}
.side .scroll .line{width:1px;background:#fff;height:100px;left:50%;display:block;}
.side .scroll .line:after,.side .scroll .line:before{width:20px;position:absolute;top:100%;left:50%;display:block;}
.side .pos:after,.side .scroll .line:after,.side .scroll .line:before{height:1px;background:#fff;content:"";}
.side .scroll .line:before{margin-left:.5px;-webkit-transform-origin:100% 50%;-moz-transform-origin:100% 50%;-ms-transform-origin:100% 50%;-o-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:translateX(-100%) rotate(45deg);-moz-transform:translateX(-100%) rotate(45deg);-ms-transform:translateX(-100%) rotate(45deg);-o-transform:translateX(-100%) rotate(45deg);transform:translateX(-100%) rotate(45deg);}
.side .scroll .line:after{-webkit-transform-origin:0 50%;-moz-transform-origin:0 50%;-ms-transform-origin:0 50%;-o-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:translateX(0) rotate(-45deg);-moz-transform:translateX(0) rotate(-45deg);-ms-transform:translateX(0) rotate(-45deg);-o-transform:translateX(0) rotate(-45deg);transform:translateX(0) rotate(-45deg);}
.side[data-page=home] .scroll{bottom:50px;opacity:1;}
.side .pos{position:fixed;margin-top:-10px;padding-right:50px;font-size:16px;line-height:20px;right:0;top:50%;-webkit-transition:.5s ease-out;-o-transition:.5s ease-out;-moz-transition:.5s ease-out;transition:.5s ease-out;opacity:1;}
#complex-mobile,.modal .modal-box,.welfare .welfare-item{position:relative;}
.side .pos:after{width:40px;top:50%;right:0;}
.side .pos span{display:inline-block;vertical-align:middle;font-size:16px;}
.side .pos span.current,.side .pos span.total{margin:0 6px;}
.side[data-page=home] .pos{right:-100px;opacity:0;}
.page#home .hero{padding-top:55vh;text-align:left;text-shadow:0 1px 2px rgba(0,0,0,.3);}
.page#video .hero{padding-top:10%;}
.page#complexinfo .btnset-complexinfo,.page#complexinfo_on .btnset-complexinfo,.page#environment .btn-environment{-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);position:absolute;}
.btn-environment{background-color:black;}
.btn-view-complexinfo,.btn-view-complexinfo2,.btn-view-complexinfo3{font-size:20px;padding:.6em 1em;color:black;background-color:#fff;opacity:.5;text-align:center;border:1px solid #fff;margin-left:-5px;}
.btn-view-complexinfo2:hover,.btn-view-complexinfo3:hover,.btn-view-complexinfo:hover{color:black;background-color:#fff;opacity:.8;}
.btn-view-complexinfo2_active,.btn-view-complexinfo3_active,.btn-view-complexinfo_active{font-size:20px;padding:.6em 1em;color:#c37b5a;background-color:black;text-align:center;border:1px solid #fff;margin-left:-5px;}
.page#complexinfo .btnset-complexinfo,.page#complexinfo_on .btnset-complexinfo{transform:translateX(-50%);left:50%;top:90%;}
span.nbsp{display:inline-block;width:2px;}
.page#complexinfo_on{background-image:url(../../assets/img/bg-complexinfo_on.jpg);-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
.process li:after,.welfare .welfare-item .desc li:before{content:"";background:#1d1d1b;}
.welfare{margin:0 auto;border-top:1px solid #1d1d1b;}
.welfare>ul>li{border-bottom:1px solid #1d1d1b;}
.welfare>ul>li:last-child{margin-right:0;}
.welfare .welfare-item .icon{position:absolute;left:9%;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);display:block;max-width:90px;}
.prcenter{line-height:1.6;font-size:20px;}
.prcenter .addr{display:block;}
.prcenter .addr small{font-size:17px;}
.tel-fax{font-size:32px;display:block;color:#c37b5a;}
.tel-fax a{color:#c37b5a;}
.prcenter .tel-fax strong{margin-right:.5em;width:3em;display:inline-block;}
#footer{font-size:10px;text-align:center;position:absolute;bottom:40px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);font-weight:300;}
#mapex{position:absolute;top:115px;left:15px;z-index:1;color:#c47c5a;}
.border-bottom{border-bottom:3px solid #c47c5a;padding-bottom:15px;margin-bottom:15px;}
.title-light{font-size:20.58px;}
.body-title,.listar li span,.title-bold{font-family:SpoqaHanSans-Bold;}
.title-bold{font-size:28.49px;margin-top:5px;}
.body-title{font-size:18px;line-height:23px;}
.listar{margin-top:10px;}
.listar li{font-size:13px;margin-bottom:5px;padding-left:10px;background:url("../../assets/img/li_star.png") center left/7px no-repeat;}
.listar li span{margin-right:5px;}
#environment .bx-viewport{background-color:#1e2945;}
#complexinfo .bx-controls,#complexinfo_on .bx-controls{position:absolute;top:55px;width:100%;}
#complexinfo .bx-wrapper .bx-pager,#complexinfo_on .bx-wrapper .bx-pager{text-align:center;}
#complexOn-mobile{position:absolute;top:0;left:0;width:100%;z-index:-1;}
.btnset-complexinfo a{cursor:pointer;}
#environment{position:relative;overflow:hidden;}
.environment-info{position:absolute;z-index:10;top:0;left:-30%;width:30%;height:100%;background-color:rgba(0,0,0,0.75);display:flex;align-items:center;transition:left 0.3s ease,opacity 0.3s ease;opacity:0;flex-direction:column;font-size:1.2rem;justify-content:end;}
.environment-info .info-logo{max-width:100px;height:auto;margin-top:15px;}
#environment.info-open .environment-info{left:0;opacity:1;}
.school-info{text-align:center;color:#fff;padding:20px;max-width:90%;}
.school-logo{width:auto;max-width:100px;max-height:60px;margin:15px auto;}
.school-name{font-size:20px;margin-bottom:15px;font-weight:bold;}
.school-image-container{width:100%;height:200px;margin-bottom:15px;overflow:hidden;}
.school-image{width:100%;height:100%;object-fit:cover;}
.school-image:hover{transform:scale(1.1);}
.school-description{font-size:14px;line-height:1.6;text-align:left;}
#envMap{position:absolute;width:40%;height:0;padding-bottom:40%;top:65%;right:15%;transform:translateY(-60%);}
#envImage{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;}
.env-btn{position:absolute;z-index:9;background-color:transparent;border:transparent;cursor:pointer;}
.env-btn-0{left:50%;top:72%;width:4%;height:6%;transform:rotate(0deg);}
.env-btn-1{left:71%;top:17%;width:12%;height:10%;transform:rotate(0deg);}
.env-btn-2{left:64%;top:38%;width:12.5%;height:7%;transform:rotate(22deg);}
.env-btn-3{left:62%;top:45%;width:12%;height:5.3%;transform:rotate(22deg);}
.env-btn-4{left:58.5%;top:52%;width:5%;height:3.3%;transform:rotate(40deg);}
.env-btn-5{left:53.5%;top:54.5%;width:5.5%;height:3.3%;transform:rotate(-35deg);}
.env-btn-6{left:57.5%;top:55%;width:15%;height:6.3%;transform:rotate(-45deg);}
.env-btn-7{left:48%;top:61%;width:12%;height:5.5%;transform:rotate(58deg);}
.env-btn-8{left:44.5%;top:67.5%;width:6%;height:3%;transform:rotate(-28deg);}
.env-btn-9{left:35%;top:68%;width:10%;height:9%;transform:rotate(-28deg);}
.env-btn-10{left:53%;top:73.5%;width:37%;height:4%;transform:rotate(0deg);}
.env-btn-11{left:67%;top:12%;width:29%;height:3%;transform:rotate(0deg);}
.env-btn-12{left:75.5%;top:38%;width:24.5%;height:3%;transform:rotate(0deg);}
.env-btn-13{left:75.5%;top:44.5%;width:18%;height:3%;transform:rotate(0deg);}
.env-btn-14{left:72%;top:50.5%;width:15%;height:3%;transform:rotate(0deg);}
.env-btn-15{left:70.5%;top:55%;width:26%;height:3%;transform:rotate(0deg);}
.env-btn-16{left:72%;top:59%;width:9%;height:3%;transform:rotate(0deg);}
.env-btn-17{left:29%;top:59%;width:25%;height:6%;transform:rotate(0deg);}
.env-btn-18{left:48%;top:84.5%;width:16%;height:3%;transform:rotate(0deg);}
.env-btn-19{left:42%;top:88.5%;width:9%;height:3%;transform:rotate(0deg);}
#complexinfo{overflow:hidden;}
.complexinfo-info{position:absolute;z-index:10;top:0;width:30%;height:100%;background-color:rgba(0,0,0,0.75);display:flex;align-items:center;transition:all 0.3s ease,opacity 0.3s ease;opacity:0;pointer-events:none;flex-direction:column;font-size:1.2rem;justify-content:end;}
.complexinfo-info img{height:auto;}
.complexinfo-info-right{right:-30%;}
.complexinfo-info-left{left:-30%;}
#complexinfo.info-open-right .complexinfo-info{right:0;opacity:1;}
#complexinfo.info-open-left .complexinfo-info{left:0;opacity:1;}
.complex-name{font-size:20px;margin:15px 0;font-weight:bold;}
.complex-image-container{width:100%;height:200px;margin-bottom:15px;overflow:hidden;}
.complex-image{width:100%;height:100%;object-fit:cover;}
.complex-image:hover{transform:scale(1.1);}
.complex-description{font-size:14px;line-height:1.6;text-align:left;}
#complexinfoMap{position:relative;width:100%;height:0;padding-top:56.25%;}
#complexinfoMap img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.complex-btn{position:absolute;z-index:9;background-color:transparent;border:none;padding:0;cursor:pointer;}
.complex-btn-0{left:18%;top:20.5%;width:15.5%;height:24%;transform:rotate(0deg);}
.complex-btn-1{left:35.5%;top:31%;width:16%;height:22%;transform:rotate(0deg);}
.complex-btn-2{left:56%;top:32.5%;width:15.5%;height:25%;transform:rotate(-5deg);}
.complex-btn-3{left:34%;top:14%;width:10%;height:15%;transform:rotate(0deg);}
.complex-btn-4{left:44.5%;top:19%;width:14%;height:10%;transform:rotate(5deg);}
.complex-btn-5{left:75%;top:35%;width:18%;height:35%;transform:rotate(10deg);}
.info-name{margin:15px 0;}
#houseinfo{background-color:black;padding:20px 0;}
.house-types-container{width:60vw;height:80vh !important;display:grid;grid-template-columns:repeat(4, 1fr);grid-template-rows:repeat(2, 1fr);gap:20px;}
.house-type{position:relative;background-size:cover;background-position:center;transition:all 0.2s ease;aspect-ratio:1/1;display:flex;justify-content:center;align-items:flex-end;box-shadow:0 0 15px rgba(0,0,0,0.3);overflow:hidden;}
.house-type.empty,.house-type.text{box-shadow:none;}
.house-type.a1type{background-image:url('../../assets/img/a1type.png');}
.house-type.a2type{background-image:url('../../assets/img/a2type.png');}
.house-type.a3type{background-image:url('../../assets/img/a3type.png');}
.house-type.b1type{background-image:url('../../assets/img/b1type.png');}
.house-type.b2type{background-image:url('../../assets/img/b2type.png');}
.house-type.ctype{background-image:url('../../assets/img/ctype.png');}
.house-type.a1type:hover{background-image:url('../../assets/img/a1type_hover.png');}
.house-type.a2type:hover{background-image:url('../../assets/img/a2type_hover.png');}
.house-type.a3type:hover{background-image:url('../../assets/img/a3type_hover.png');}
.house-type.b1type:hover{background-image:url('../../assets/img/b1type_hover.png');}
.house-type.b2type:hover{background-image:url('../../assets/img/b2type_hover.png');}
.house-type.ctype:hover{background-image:url('../../assets/img/ctype_hover.png');}
.house-type p{color:black;position:relative;z-index:2;font-size:0.8rem;font-weight:600;text-align:center;margin-bottom:12%;}
.house-type:hover p{color:#fff;}
.house-type .type-info{width:100%;text-align:center;}
.house-type a{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;}
.house-type.text{grid-column:span 2;position:relative;}
.house-type.text .type-info{position:absolute;bottom:50%;left:50%;transform:translateX(-50%);max-width:100%;}
.house-type.text .text-info-first{color:#fff;font-size:1.8rem;line-height:1.5;text-align:right;margin:0;padding:0;}
.house-type.text .text-info-second{color:#fff;font-size:1.2rem;line-height:1.5;text-align:right;margin:0;padding:0;}
.page#premium{min-height:0;}
.page#premium .hero{padding:0;width:100vw;height:100vh;}
#premium_text{width:25vw;height:auto;}
#premium_button{width:15vw;height:auto;margin-top:40px;cursor:pointer}
.page#video{min-height:0;}
.page#video .btn-view-video{position:absolute;left:50%;top:80%;transform:translateX(-50%);}
.page#video .video{position:relative;top:-15vh;}
.page#video .video_title{text-align:right;font-size:30px;margin-bottom:10px;font-weight:300;}
.page#video .video_text{text-align:right;font-size:16px;margin-bottom:20px;font-weight:600;}
.video-controls{position:absolute;bottom:10px;right:10px;display:flex;gap:10px;}
.control-button{background:rgba(0,0,0,0.5);color:white;border:none;padding:5px 10px;cursor:pointer;font-size:20px;}
#prcenter .inner{position:absolute;bottom:10%;left:50%;transform:translateX(-50%);width:calc(60vw + 3vw);height:calc(30vw + 1vw);display:flex;align-items:center;justify-content:center;}
.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:1vw;width:100%;height:100%;}
.grid-item{overflow:hidden;aspect-ratio:1/1;}
.grid-item img{width:100%;height:100%;object-fit:cover;}
.text-content{color:#fff;padding-left:1vw;display:flex;flex-direction:column;justify-content:center;aspect-ratio:1/1;}
.text-content h3{font-size:1.5rem;margin-bottom:0.5vh;margin-top:1vh;}
.text-content .phone{font-size:3.5rem;font-weight:bold;color:#8a7e76;margin-bottom:0.5vh;line-height:1.2;}
.text-content .address{font-size:0.8rem;line-height:1.3;margin-bottom:0.5vh;}
.text-content p{font-size:0.8rem;line-height:1.4;margin-bottom:0.3vh;letter-spacing:0.9px;}
.grid-item.text-content[colspan="2"]{grid-column:span 2;aspect-ratio:2/1;}
.video_box,.video_box2{position:relative;display:flex;align-items:center;justify-content:center;background-color:black;box-shadow:0 10px 30px rgba(0,0,0,0.1),0 1px 8px rgba(0,0,0,0.2);border-radius:20px;overflow:hidden;}
.video_box video,.video_box2 video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:20px;z-index:1;}
.video_box{width:70vw;height:70vh;margin:0 auto;}
.video_box2{width:20vw;height:10vw;position:absolute;right:5%;bottom:10%;margin:0 auto;}
.control-button{background:transparent;border:none;cursor:pointer;padding:0;}
.control-button img{width:40px;height:40px;display:block;}
.play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:11;}
.play-btn img{width:80px;height:80px;}
.video-controls{position:absolute;bottom:10px;right:10px;display:flex;z-index:11;}
.fullscreen-btn{position:absolute;top:10px;right:10px;background:rgba(0,0,0,0.5);color:white;border:none;padding:5px 10px;cursor:pointer;font-size:16px;z-index:11;}
.video_box2 .control-button img{width:20px;height:20px;}
.video_box2 .play-btn img{width:40px;height:40px;}
.video_box2 .video-controls{bottom:5px;right:5px;}
.video_box2 .fullscreen-btn{top:5px;right:5px;font-size:12px;padding:3px 6px;}
.video_box:-webkit-full-screen .video-controls,
.video_box:-webkit-full-screen .fullscreen-btn,
.video_box:-moz-full-screen .video-controls,
.video_box:-moz-full-screen .fullscreen-btn,
.video_box:fullscreen .video-controls,
.video_box:fullscreen .fullscreen-btn{
display:none;
}

.video_box2:-webkit-full-screen .video-controls,
.video_box2:-webkit-full-screen .fullscreen-btn,
.video_box2:-moz-full-screen .video-controls,
.video_box2:-moz-full-screen .fullscreen-btn,
.video_box2:fullscreen .video-controls,
.video_box2:fullscreen .fullscreen-btn{
display:none;
}
.premium_box{overflow:hidden;height:100vh;background-image:url('../../assets/img/premium.png');background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;flex-direction:column;justify-content:center;align-items:center;}

@media screen and (min-width:1920px){
	.text-content p{font-size:1rem;}
}
@media screen and (max-width:1280px){
	.btn{font-size:16px;}
	.hero .sub-copy,.hero .title.title-big{margin-bottom:35px;}
	.hero{height:500px;padding:30px;}
	.hero .txt-md{font-size:70px;}
	.hero .txt-lg{font-size:60px;}
	.hero .title.title-small{margin-bottom:20px;}
	.hero .sub-copy{font-size:20px;}
	.hero p.sm{font-size:14px;}
	.text-content .phone{font-size:2.5rem;}
	.text-content p{font-size:0.8rem;}
}
@media screen and (max-width:1024px){
	.btn{font-size:15px;}
	.hero .sub-copy,.hero .title.title-big{margin-bottom:30px;}
	.hero{height:450px;padding:30px;}
	.hero .txt-md{font-size:56px;}
	.hero .txt-lg{font-size:54px;}
	.hero .title.title-small{margin-bottom:15px;}
	.hero .sub-copy{font-size:18px;}
	.icon-constella{width:400px;position:relative;margin-bottom:-50px;margin-left:-200px;left:50%;}
	.page#prcenter .env-title{font-size:32px;}
	.page#prcenter .env-sub{font-size:22px;}
	.side .pos{display:none;}
	.page#home .hero{padding-top:50vh;}
	#prcenter .inner{width:calc(80vw + 4vw);height:calc(40vw + 2vw);}
	.text-content p{font-size:0.6rem;}
	.text-content .phone{font-size:2rem;}
}
@media only screen and (max-width:767px){
	.page#home{background-size:auto 100vh!important;background-position:center top!important;}
}
@media screen and (max-width:740px){
	.pc_only{display:none;}
	.mo_only{display:flex;}
	[class*=modalhouse]{width:100% !important;}
	.modal.modal_type .image-caption{font-size:9px;}
	.btn{font-size:14px;text-align:center;display:block;width:auto;padding:1em 2em;position:static !important;-webkit-transform:none !important;-moz-transform:none !important;-ms-transform:none !important;-o-transform:none !important;transform:none !important;}
	#header,#header .logo{z-index:99999;}
	#nav .gnb li a,#nav .gnb li.active a{font-weight:300;}
	#header .logo{left:15px;top:15px;}
	#header .logo a{width:100px;height:50px;}
	#nav{position:fixed;top:0;left:0;right:0;bottom:0;background:#000;z-index:99998;opacity:0;visibility:hidden;-webkit-transition:.5s ease-out;-o-transition:.5s ease-out;-moz-transition:.5s ease-out;transition:.5s ease-out;}
	.btn-toggle-nav,.mobile-only,.show-when-mobile{display:block;}
	.btn-toggle-nav.active+#nav{opacity:1;visibility:visible;}
	#nav .gnb{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
	#nav .gnb li{width:auto;float:none;margin:40px auto;}
	#main,.wrapper,body,html{width:100%;height:100%;}
	#nav .gnb li a{font-size:30px;display:block;text-align:center;}
	#main{position:relative;}
	.hero,.page{height:auto;position:relative;}
	.page{min-height:100%;}
	.page.next,.page.prev{background-position:50% 50%;top:0;}
	.hero{margin:40px auto;padding:80px 0 0;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;left:auto;top:auto;width:90%;}
	.hero .title.title-big{margin-bottom:20px;}
	.hero .title.title-small{margin-bottom:20px;}
	.hero .txt-md,.modal .modal-body h1{font-size:34px;}
	.hero .sub-copy{margin-bottom:40px;font-size:16px;font-weight:400;line-height:1.6;}
	.hero .txt-lg{font-size:48px;}
	.hero .page-title{font-size:12px;}
	.hero p.sm{font-size:15px;font-weight:400;letter-spacing:-.03em;text-align:left;}
	.hero p.sm span{display:inline;}
	.page .line-top{bottom:100%;margin-bottom:-80px;}
	.page .line-bottom{top:520px;margin:0;}
	.hide-when-mobile,.pc-only{display:none;}
	.icon-constella{width:360px;position:relative;margin-bottom:-40px;margin-left:-180px;left:50%;}
	.page#prcenter .env-title{font-size:28px;}
	.modal .modal-header .modal-title,.page#prcenter .env-sub{font-size:20px;}
	.side .scroll{right:30px;height:60px;opacity:1;bottom:50px;}
	.side[data-page=home] .scroll{bottom:40px;}
	.side .scroll .label{font-size:10px;top:-60px;}
	.side .scroll .line{height:60px;}
	.side .scroll .line:after,.side .scroll .line:before{width:15px;}
	.side .pos{display:none !important;}
	.page#home .hero{position:absolute;top:55vh;left:50%;padding:10px;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);}
	.page#home .sub-copy{line-height:1.6;}
	.welfare .welfare-item .icon{left:16%;max-width:62px !important;-webkit-transform:translateY(-20px);-moz-transform:translateY(-20px);-ms-transform:translateY(-20px);-o-transform:translateY(-20px);transform:translateY(-20px);}
	.welfare .welfare-item .title{text-align:center;width:62px;left:16%;font-size:15px;-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px);}
	.welfare .welfare-item .desc{margin-left:50%;}
	.video-desc{font-size:16px;}
	.video-desc .addr small,.video-desc .email,.video-desc .tel-fax{font-size:13px;}
	#footer{position:relative;top:auto;left:auto;text-align:center;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none;transform:none;padding:40px 0;}
	.modal .modal-body h3{font-size:22px;}
	.modal .modal-box{margin:0 !important;min-height:100%;}
	.modal .modal-header{background:#191919;top:0;left:0;right:0;z-index:9;}
	.modal .modal-box.light .modal-header{background-color:rgba(0,0,0,0);}
	.modal .modal-body{font-size:18px;padding:80px 30px 30px;}
	.modal .modal-body h2{font-size:24px;}
	.page#environment,.page#complexinfo{min-height:auto}
	.page#video,.page#premium{background-size:100% 20%;}
	.video_box{width:100%;height:0;padding-bottom:60.625%;}
	.video_box2{width:40vw;height:20vw;right:2%;}
	.play-btn img{width:60px;height:60px;}
	.control-button img{width:30px;height:30px;}
	.fullscreen-btn{font-size:14px;padding:3px 8px;}
	.video_box2 .control-button img{width:15px;height:15px;}
	.video_box2 .play-btn img{width:30px;height:30px;}
	.video_box2 .fullscreen-btn{font-size:10px;padding:2px 4px;}
	.page#video .video,.page#premium .premium{top:0;}
	#prcenter .inner{width:calc(90vw + 2vw);height:auto;bottom:2%;}
	.footer-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:auto repeat(3,1fr) auto;gap:1vw;}
	.grid-item.text-content[colspan="2"]{grid-column:span 2;aspect-ratio:auto;order:-1;}
	.grid-item:not(.text-content){order:0;}
	.grid-item.text-content:not([colspan="2"]){grid-column:span 1;order:1;}
	.text-content h3{font-size:1.1rem;}
	.text-content .phone{font-size:1.8rem;}
	.text-content .address,.text-content p{font-size:0.7rem;letter-spacing:1.6px;}
	#environment,#complexinfo{position:relative;overflow-x:auto;overflow-y:hidden;white-space:nowrap;-webkit-overflow-scrolling:touch;}
	.environment-buttons,.complexinfo-buttons{position:absolute;top:0;left:0;width:1254px;height:100%;}
	.env-btn,.complex-btn{position:absolute;transition:none;}
	.environment-info,.complexinfo-info{position:fixed;width:auto;max-width:50vw;height:auto;max-height:60vh;background-color:rgba(0,0,0,0.75);z-index:100;overflow-y:auto;transition:opacity 0.3s ease;opacity:0;pointer-events:none;}
	#environment.info-open .environment-info,#complexinfo.info-open-right .complexinfo-info,#complexinfo.info-open-left .complexinfo-info{opacity:1;pointer-events:auto;}
	.school-logo{width:50px;height:auto;margin:5px auto;}
	.complex-image{width:-webkit-fill-available;height:auto;margin:5px auto;}
	.school-name,.complex-name{font-size:16px;margin:5px 0;}
	.info-name{margin:5px 0;}
	.school-image-container,.complex-image-container{height:100px;}
	.school-description,.complex-description{font-size:12px;line-height:1.4;max-height:none;overflow:visible;text-align:left;white-space:normal;word-wrap:break-word;}
	#houseinfo{padding:0;margin:0 auto;width:90%;}
    #houseinfo .hero{padding:50px 0 0 !important;}
    .house-types-container{grid-template-columns:repeat(2,1fr);grid-template-rows:auto;height:auto;width:100%;}
    .house-type:not(.empty):not(.text){display:flex;}
    .house-type.empty,.house-type.text{display:none;}
    .house-type p{font-size:0.7rem;margin-bottom:12%;}
	.page#premium .hero{padding:0;width:90vw;height:auto;}
	.premium_box{height:71.45vw;}
	#premium_text{width:200px;height:auto;}
	#premium_button{width:25vw;height:auto;margin-top:20px;}
}
@media screen and (max-width:480px){
	#nav{background-color:black;}
	#nav .gnb li a{color:#c37b5a;font-family:SpoqaHanSans-Light;}
	#nav .gnb li.active a{font-family:SpoqaHanSans-Regular;}
	.page#home .hero{top:55%;left:35%;width:70%;transform:translateX(-50%);}
	.caption{padding-top:95vh;width:100%;right:10px;}
	.caption .small-copy{font-size:6px;}
	.page#environment .hero{top:100px;right:30%;transform:translateX(-50%);}
	.credit_txt_v,.page#complexinfo .btnset-complexinfo,.page#complexinfo_on .btnset-complexinfo{left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);}
	.page#video .hero{margin-top:0px;}
	.modal .modal-body h2,.page#prcenter .env-title{font-size:24px;}
	.page#prcenter .env-sub{font-size:14px;line-height:1.4;margin-bottom:10px;}
	.modal .modal-body h3,.page#prcenter .tel-fax{font-size:22px;}
	.page#environment .env-sub{font-size:20px;}
	.page#environment .env-title{font-size:24px;margin:0;}
	.page#prcenter .hero{margin:0 auto;padding-bottom:30px;}
	.position-env{text-align:center;margin-top:220px;}
	.icon-constella{width:280px;position:relative;margin-bottom:-20px;margin-left:-140px;left:50%;}
	.credit_txt_v{width:240px;position:relative;margin-top:50px;}
	.btn-view-complexinfo,.btn-view-complexinfo2,.btn-view-complexinfo2_active,.btn-view-complexinfo3,.btn-view-complexinfo3_active,.btn-view-complexinfo_active{font-size:11px;}
	.page#complexinfo .btnset-complexinfo,.page#complexinfo_on .btnset-complexinfo{top:85%;transform:translateX(-50%);width:204px;}
	.welfare .welfare-item .icon{left:10%;}
	.welfare .welfare-item .title{font-size:14px;left:10%;}
	.welfare .welfare-item .desc{margin-left:48%;}
	.page#video .btn-view-video{margin-top:100px;}
	.modal .modal-body{font-size:16px;padding:60px 30px 30px;}
	.modal .modal-body h1{font-size:28px;}
}