#main .main_visual{position: relative;height: 100vh;overflow: hidden;background-color: #514638;} #main .main_visual .mv_cont01{transition: 1s;pointer-events: none} #main .main_visual.on .mv_cont01{transition: 1s;opacity: 0} #main .main_visual .mv_cont01 .title strong{color: #FFF1DF;font-size: 420px;display: block;text-align: center; font-family: "the-seasons", sans-serif;letter-spacing: -4%;transition: 2s;;} #main .main_visual.on .mv_cont01 .title strong{transform: translateY(100%);} #main .main_visual .mv_cont01{position: absolute;width: 100%;height: 100%;z-index: 50;background-color: #514638;transition: 2s;} #main .main_visual .mv_cont01 .building{position: absolute;top: 200px;left: 50%;margin-left: -371px;transition: 2s;} #main .main_visual.on .mv_cont01 .building{transform: translateY(-100px);} #main .main_visual .mv_cont01 .building img{display: block;} #main .main_visual .mv_cont2{position: absolute;width: 100%;height: 100vh;top: 0;left: 0;background-color: #F1EDE8;} #main .main_visual .mv_cont2 .vis_video_wrap{position: absolute;z-index: 15;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;} #main .main_visual .mv_cont2 .vis_video_wrap video{width: 100vw;} #main .main_visual .mv_cont2 .vis_video_wrap .vis_video{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;;} *{ cursor: none !important;} /* transform:translate(345px,-168px); */ #cursor{position: fixed;z-index: 10;pointer-events: none;z-index: 999999 } #cursor img{width: 40px} #cursor i{display: block;z-index: 10;border-radius: 50%;pointer-events: none; transition: 0.4s;position: relative;top: 50%;left: 40%; transform: translate(3px, 15px);} /* #cursor i svg{position: relative;z-index: 15;display: block} #cursor i:before{content: '';display: block;;width: 100%;height: 100%;background-color: #fff;position: absolute;top: 0;left: 0;;border-radius: 50%;animation: contact2 1s infinite linear} #cursor i:after{content: '';display: block;;width: 100%;height: 100%;background-color: #fff;position: absolute;top: 0;left: 0;;border-radius: 50%;animation: contact2 1s infinite linear 0.5s} @keyframes contact2 { 0%{transform: scale(1);opacity: 0.2;} 100%{transform: scale(1.5);opacity: 0;} } */ #main .main_visual .mv_cont2 .vis_video_wrap .vis_video_in .vis_video {width: 200px;height: 347px;display: flex;align-items: center;justify-content: center;transition: 1s;transition-delay: 1s;} #main .main_visual .mv_cont2 .vis_video_wrap .vis_video_in .vis_video { transform:translate(345px,-168px);} #main .main_visual .mv_cont2 .vis_video_wrap .vis_video_in .vis_video .scl { clip-path: path("M1481.86 2544.75 l7.596-2719.39 a69.132 69.132 0 0 0-30.744-54 L-855.52 -1595.08 c-17.004-9.96-30.867-1.92-30.93 17.91 L-863.30 1125.09 a69.096 69.096 0 0 0 30.744 54 l2332.8 1364.85 c17.004 9.96 30.867 1.932 30.93-17.892 Z");width: 100%;height: 100%;} #main .main_visual .mv_cont2 .vis_video_wrap .vis_video_in .vis_video .scl { clip-path: path("M206.635 354.462 l.633-226.616 a5.761 5.761 0 0 0-2.562-4.5 L10.307 9.478 c-1.417-.83-2.575-.16-2.58 1.492 L7.094 237.586 a5.758 5.758 0 0 0 2.562 4.5 l194.4 113.863 c1.417.83 2.575.161 2.58-1.491 Z");transform-origin: center;transform-box: fill-box;transition: 1s;transition-delay: 1s;display: flex;align-items: center;justify-content: center;} #main .main_visual .mv_cont2 .floor_number{display: flex;height: 100vh;align-items: center;position: absolute;left: 215px;z-index: 15;transform: translateY(-100%)} #main .main_visual .mv_cont2 .floor_number ul{display: flex;flex-direction: column;align-items: center;gap: 6px} #main .main_visual .mv_cont2 .floor_number ul li{background: #F1EDE8;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;border: 1px solid #C9C0B2;border-radius: 6px;font-size: 16px;color: #514638;font-weight: 600} #main .main_visual .mv_cont2 .vis_video_wrap .vis_video_in .vis_video video{transition: 1s;transition-delay: 1s;transform: scale(0.7);} #main .main_visual .mv_cont2 .vis_video_wrap i{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-47%);} #main .main_visual .mv_cont2 .info_img{position: absolute;top: 50%;left: 50%;z-index: 15;z-index: 1;} #main .main_visual .mv_cont2 .info_img01{margin-left: -578px;margin-top: -451px;} #main .main_visual .mv_cont2 .info_img01 img{display: block;animation: img01 2s infinite linear 1.5s;display: block} #main .main_visual .mv_cont2 .info_img02 img{display: block;animation: img01 2s infinite linear 1.3s;display: block} #main .main_visual .mv_cont2 .info_img03 img{display: block;animation: img01 2s infinite linear 1.2s;display: block} @keyframes img01{ 0%{transform: translate(0px,0px)} 50%{transform: translate(0,-10px)} 100%{transform: translate(0px,0px)} } #main .main_visual .mv_cont2 .info_img02{margin-left: 100px;margin-top: 199px;} #main .main_visual .mv_cont2 .info_img03{ margin-left: 229px;margin-top: -346px;} #main .main_visual .mv_cont2 .vis_video_wrap{transform: translateY(70%);opacity: 0} #main .main_visual.on .mv_cont2 .vis_video_wrap{transform: translateY(0%);transition: 1.2s;pointer-events: none;opacity: 1} #main .main_visual .mv_cont2 .info_img{transform: translateY(50%);opacity: 0} #main .main_visual.on .mv_cont2 .info_img{transform: translateY(0%);transition: 1.2s;transition-delay: 0.2s;opacity: 1} #main .main_visual .mv_cont2 .building_floor{position: absolute;left: 50%;margin-left: -371px;width: 742px;height: 1177px;top: 100px;} #main .main_visual .mv_cont2 .building_floor .building_floor{width: 100%;height: 100%;position: relative;} #main .main_visual .mv_cont2 .building_floor .floor {position: absolute;top: 100%;} #main .main_visual .mv_cont2 .building_floor .floor .on{position: absolute;top: -3px;left: 0;opacity: 0;} #main .main_visual .mv_cont2 .building_floor .floor .on2{position: absolute;top: -3px;left: 0;opacity: 0;} #main .main_visual .mv_cont2 .building_floor .floor .on3{position: absolute;top: -3px;left: 0;opacity: 0;} #main .main_visual .mv_cont2 .building_floor .floor07{top: 0;} #main .main_visual .mv_cont2 .building_floor .floor06{top: 23.5%;} #main .main_visual .mv_cont2 .building_floor .floor05{top: 28.9%;} #main .main_visual .mv_cont2 .building_floor .floor04{top: 34.3%;} #main .main_visual .mv_cont2 .building_floor .floor03{top: 39.7%;} #main .main_visual .mv_cont2 .building_floor .floor02{top: 45.1%;} #main .main_visual .mv_cont2 .building_floor .floor01{top: 50.5%;} #main .main_visual .mv_cont2 .vis_title{position: absolute;width: 100%;bottom: 0;padding: 30px 50px ;z-index: 15;} #main .main_visual .mv_cont2 .vis_title .vis_s{position: relative;} #main .main_visual .mv_cont2 .vis_title .on{position: absolute;color: #514638;border-bottom: 2px solid #514638;top: 0;left: 0;clip-path: polygon(0% 0%, 0% 0%, 0 100%, 0% 100%);} #main .main_visual .mv_cont2 .vis_title span{display: block;font-size: 30px;color: #CFC5B8;} #main .main_visual .mv_cont2 .vis_title strong{font-size: 150px;color: #514638;font-family: "the-seasons", sans-serif;font-weight: 400;white-space: nowrap;display: block;} #main .main_visual .mv_cont2 .floor_infomation_wrap{width: calc(100% - 235px);position: absolute;height: 100vh;right: 0;background-color: #F1EDE8;clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%);} #main .main_visual .mv_cont2 .floor_infomation_wrap .floor_title{position: absolute;right: 236px;bottom: 75px;} #main .main_visual .mv_cont2 .floor_infomation_wrap .floor_title strong{transform: translateX(50%);display: block;} #main .main_visual .mv_cont2 .floor_infomation_wrap .floor_title strong{font-size: 120px;color: #514638;line-height: 1;font-weight: 400;font-family: "the-seasons", sans-serif;} #main .main_visual .mv_cont2 .floor_infomation_wrap .line{position: absolute;right: 0;top: 0;width: 1px;height: 100%;background-color: #C9C0B2;z-index: 15;} #main .main_visual .mv_cont2 .floor_infomation_wrap .floor_info_in{border-top: 1px solid #C9C0B2;} /*#main .main_visual .mv_cont2 .floor_infomation_wrap .floor_info_in{border-bottom: 1px solid #C9C0B2;}*/ #main .main_visual .mv_cont2 .floor_infomation_wrap .floor_info_in{height: 100%;padding: 10px;} #main .main_visual .mv_cont2 .floor_infomation_wrap .floor_infomation{transform: translateY(33.33%);top: 0} #main .main_visual .mv_cont2 .floor_infomation_wrap .floor_infomation .floor_info{position: relative;height: 100vh;;padding-bottom: 0;} #main .main_visual .mv_cont2 .floor_infomation_wrap .floor_infomation .floor_info .wrap{width: 100%;height: 100%;position: relative;border-radius: 6px;overflow: hidden;} #main .main_visual .mv_cont2 .floor_infomation_wrap .floor_infomation .floor_info .wrap .fl_image{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);height: 100%} #main .main_visual .mv_cont2 .floor_infomation_wrap .floor_infomation .floor_info .wrap .fl_image img{height: 100%} #main .main_visual .mv_cont2 .floor_infomation_wrap .floor_infomation .floor_info .wrap .fl_image video{height: 110%} #main .main_visual .mv_cont2 .floor_infomation_wrap .floor_infomation .floor_info .fl_text{position: absolute;bottom: 0;padding: 80px;justify-content: space-between;align-items: flex-end;width: 100%;display: flex;} #main .main_visual .mv_cont2 .floor_infomation_wrap .floor_infomation .floor_info .fl_text span{display: block;;font-size: 16px;color: #DEC9AF;margin-bottom: 10px;font-family: "the-seasons", sans-serif;} #main .main_visual .mv_cont2 .floor_infomation_wrap .floor_infomation .floor_info .fl_text strong{display: block;;font-size: 40px;color: #FFFFFF;font-weight: 500;} #main .main_visual .mv_cont2 .floor_infomation_wrap .floor_infomation .floor_info .fl_text p{font-size: 17px;color: #FFFFFF;margin-top: 25px;} #main .main_visual .mv_cont2 .floor_infomation_wrap .floor_infomation .floor_info .viewmore a{display: flex;align-items: center;font-size: 16px;color: #FFFFFF;font-weight: 400;gap: 15px; font-family: "the-seasons", sans-serif;} #main .main_visual .mv_cont2 .floor_infomation_wrap .floor_infomation .floor_info .viewmore a span{width: 45px;height: 45px;display: flex;align-items: center;justify-content: center;border: 1px solid #FFFFFF;border-radius: 6px;margin-bottom: 0;} #main .main_visual .mv_cont2 .floor_infomation_wrap .floor_infomation .floor_info .viewmore a i{display: block;} #main .main_visual .mv_cont2 .building_floor .buil_wrap{transform: translateY(100px);position: relative;width: 100%;height: 100%;transition: 2s;} #main .main_visual .mv_cont2 .building_floor .buil_wrap .b_line{position: absolute;top: 50%;transform: translateY(-50%);} #main .main_visual .mv_cont2 .building_floor .buil_wrap .b_line.left{left: -10px;} #main .main_visual .mv_cont2 .building_floor .buil_wrap .b_line.right{right: -10px;} #main .main_visual.on .mv_cont2 .building_floor .buil_wrap{transform: translateY(0);} /* #main .main_visual .mv_cont2 .building_floor .floor05{top: 5.4%;} #main .main_visual .mv_cont2 .building_floor .floor04{top: 10.8%;} #main .main_visual .mv_cont2 .building_floor .floor03{top: 16.2%;} #main .main_visual .mv_cont2 .building_floor .floor02{top: 21.6%;} #main .main_visual .mv_cont2 .building_floor .floor01{top: 26.0%;} */ #main .main_con04 img{display: block;} #main .main_con04{overflow: hidden;height: 100vh;position: relative;} #main .main_con05 .bg2{position: absolute;top: calc(100% - 1px);width: 100%;height: 200%;background: linear-gradient(to bottom, #514638, #F1EDE8);left: 0} #main .main_con04 .bg{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);} #main .main_con04 .list{display: flex;position: relative;z-index: 15;} #main .main_con04 .list .list_in{width: 33.33%;border-right: 1px solid #FFFFFF25;} #main .main_con04 .list .list_in:last-child{border-right: none;} #main .main_con04 .list .list_in a{display: flex;height: 100vh;align-items: center;justify-content: center;text-align: center;backdrop-filter: blur(0px);background: rgba(255,255,255,0);transition: 0.5s;} #main .main_con04 .list .list_in a:hover{backdrop-filter: blur(20px);} #main .main_con04 .list .list_in a p{font-family: "the-seasons", sans-serif;font-size: 16px;color: #DEC5A5;font-weight: 600;margin-top: 10px;margin-bottom: 40px;} #main .main_con04 .list .list_in a strong{font-size: 30px;color: #FFFFFF;font-weight: 500;;} #main .main_con04 .list .list_in .more{width: 100px;height: 100px;display: flex;;justify-content: center;border: 1px solid #FFFFFF;border-radius: 6px;overflow: hidden;;margin: 0 auto;position: relative;} #main .main_con04 .list .list_in .more div{transition: 0.5s;} #main .main_con04 .list .list_in .more .over{position: absolute;background-color: #fff;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;left: 0%;opacity: 0;} #main .main_con04 .list .list_in:hover .more .over{opacity: 1} #main .main_con04 .list .list_in .more .base{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;} #main .main_con03{margin-top: -1px;position: relative;z-index: 1;overflow: hidden;z-index: 15} #main .main_con03 .inner{display: flex;;justify-content: space-between;align-items: flex-end;} #main .main_con03 .member_slide{height: 1110px;;width: 100%;position: relative;} #main .main_con03 .member_slide .box{position: absolute;width: 400px;left: 50%;perspective: 700px;transition: 1s;} #main .main_con03 .member_slide .box .mem_img{border-radius: 6px 6px 0 0 ;overflow: hidden;transition: 0.5s;aspect-ratio: 1 / 1;} #main .main_con03 .member_slide .box:hover .mem_img{opacity: 0.2} #main .main_con03 .member_slide .box .mem_img img{display: block;} #main .main_con03 .member_slide .box .txt{background-color: #fff;text-align: center;padding: 40px 0;border-radius: 0 0 6px 6px;} /*#main .main_con03 .member_slide .box .txt{background-color: #fff;text-align: center;padding: 18px 0;border-radius: 4px;margin-top: 10px;}*/ #main .main_con03 .member_slide .box .txt strong{display: block;font-size: 24px;color: #514638;font-weight: 400;margin-bottom: 6px;display: flex;justify-content: center;gap: 3px} #main .main_con03 .member_slide .box .txt p{font-size: 16px;font-family: "the-seasons", sans-serif;color: #AB9477;font-weight: 600;} #main .main_con03 .member_slide .box{transform: translateX(-916px) translateY(950px) ;z-index: 11;opacity: 0.0;} #main .main_con03 .member_slide .box.next{transform: translateX(-160%) translateY(0px);opacity: 0;} #main .main_con03 .member_slide .box01{transform: translateX(-50%) translateY(0px);z-index: 14;opacity: 1;} #main .main_con03 .member_slide .box02{transform: translateX(258px) translateY(90px);z-index: 14;opacity: 1;} #main .main_con03 .member_slide .box03{transform: translateX(618px) translateY(224px) ;z-index: 13;opacity: 1;} #main .main_con03 .member_slide .box04{transform: translateX(530px) translateY(380px) ;z-index: 12;opacity: 0.5;} #main .main_con03 .member_slide .box05{transform: translateX(218px) translateY(470px) ;z-index: 11;opacity: 0.25;} #main .main_con03 .member_slide .box06{transform: translateX(-50%) translateY(580px) ;z-index: 11;opacity: 0.25;} #main .main_con03 .member_slide .box07{transform: translateX(-617px) translateY(674px) ;z-index: 11;opacity: 0.25;} #main .main_con03 .member_slide .box08{transform: translateX(-916px) translateY(750px) ;z-index: 11;opacity: 0.25;} #main .main_con03 .member_slide .box .mem_wrap .mem_text .title{border-bottom: 1px solid rgba(255,255,255,0.25);padding-bottom: 20px;margin-bottom: 20px} #main .main_con03 .member_slide .box .mem_wrap .mem_text{position: absolute;background: rgba(81,70,56,0.8);backdrop-filter: blur(20px);border-radius: 6px;top: -1px;left: -1px;width: calc(100% + 2px);height: calc(100% + 2px);padding: 40px;opacity: 0;transition: 0.5s;z-index: 15} #main .main_con03 .member_slide .box:hover .mem_wrap .mem_text{opacity: 1} #main .main_con03 .member_slide .box .mem_wrap .mem_text .title strong{display: block;font-size: 24px;color: #FFFFFF;color: #fff;display: block;font-weight: 400;margin-bottom: 5px} #main .main_con03 .member_slide .box .mem_wrap img{max-width: 100%} #main .main_con03 .member_slide .box .mem_wrap .mem_text .title span{font-size: 16px;color: #EBD9C1} #main .main_con03 .member_slide .box .mem_wrap .mem_text ul li{font-size: 16px;color: #FFFFFF;line-height: 1.5} #main .main_con03 .member_slide .box .mem_wrap{transition: 1s;} #main .main_con03 .member_slide .box .mem_wrap{transform: rotateY(320deg) scale(0.9);} #main .main_con03 .member_slide .box .mem_wrap > div{transition: 0.5s} #main .main_con03 .member_slide .box .mem_wrap:hover > div{transform: scale(1.05)} #main .main_con03 .member_slide .box.next .mem_wrap{transform: rotateY(-15deg) scale(0.9);} #main .main_con03 .member_slide .box01 .mem_wrap{transform: rotateY(0deg);} #main .main_con03 .member_slide .box02 .mem_wrap{transform: rotateY(15deg);} #main .main_con03 .member_slide .box03 .mem_wrap{transform: rotateY(60deg) scale(0.9);} #main .main_con03 .member_slide .box04 .mem_wrap{transform: rotateY(120deg) scale(0.9);} #main .main_con03 .member_slide .box05 .mem_wrap{transform: rotateY(165deg) scale(0.9);} #main .main_con03 .member_slide .box06 .mem_wrap{transform: rotateY(180deg) scale(0.9);} #main .main_con03 .member_slide .box07 .mem_wrap{transform: rotateY(195deg) scale(0.9);} #main .main_con03 .member_slide .box08 .mem_wrap{transform: rotateY(240deg) scale(0.9);} #main .main_con03 .inner{padding: 0 60px;padding-top: 240px;margin-bottom: 70px;} #main .main_con03 .m_title span{display: block;font-size: 16px;color: #C2A887; font-family: the-seasons, sans-serif;} #main .main_con03 .m_title strong{font-size: 50px;color: #FFFFFF;font-weight: 500;line-height: 60px;margin-top: 20px;display: block;} #main .main_con03 .right{display: flex;gap: 6px} #main .main_con03 .right button{background-color: #F1EDE8;border-radius: 6px;width: 100px;height: 100px;;position: relative;overflow: hidden;border: 1px solid #F1EDE8} #main .main_con03 .right button i{display: flex;width: 100%;height: 100%;align-items: center;justify-content: center;transition: 0.5s;} #main .main_con03 .right a{background-color: #F1EDE8;border-radius: 6px;width: 240px;height: 100px;;position: relative;overflow: hidden;border: 1px solid #F1EDE8} #main .main_con03 .right a div{display: flex;width: 100%;height: 100%;align-items: center;justify-content: center;transition: 0.5s;opacity: 1} #main .main_con03 .right a div:nth-child(2){position: absolute;top: 0%;background-color: #514638;opacity: 0} #main .main_con03 .right a div span{font-family: the-seasons, sans-serif;font-size: 18px;color: #514638;} #main .main_con03 .right a div:nth-child(2) span{color: #fff;} #main .main_con03 .right a:hover div{opacity: 1;} #main .main_con03 .right button.prev i svg{display: block;transform: rotate(180deg);} #main .main_con03 .right button i:nth-child(2){left: 0%;top: 0;position: absolute;background-color: #514638;opacity: 0} #main .main_con03 .bg2{position: absolute;bottom: 0;left: 0} #main .main_con03 .bg2 svg{display: block} #main .main_con03 .right button:hover i{opacity: 1;} .sr{height: 100vh;} #main .main_con02{position: relative;overflow: hidden;height: 1400px;} #main .main_con02 .bg{display: flex;justify-content: center;} #main .main_con02 .bg img{display: block;transform: scale(1.1);transition: 2s;} #main .main_con02.on .bg img{display: block;transform: scale(1);} #main .main_con02 .v_text{position: absolute;z-index: 5;top: 0;left: 50%} #main .main_con02 .v_text span{font-size: 20px;color: #FFFFFF;writing-mode: vertical-lr;letter-spacing: 5px;display: block;} #main .main_con02 .v_text.left_v_text{margin-left: -370px;top: 153px;} #main .main_con02 .v_text.right_v_text{margin-left: 352px;top: 220px;} #main .main_con02 .roll_text{top: 610px;position: absolute;width: 100%;display: flex;justify-content: center;} #main .main_con02 .roll_text .roll_w{display: flex;justify-content: center;align-items: center;gap: 50px} #main .main_con02 .roll_text .roll_w strong{font-size: 200px;color: #FFFFFF;font-weight: 400; font-family: "the-seasons", sans-serif;} #main .main_con02 .roll_text .roll_w strong b{font-weight: inherit;font-family: inherit;} #main .main_con02 .v_img{position: absolute;} #main .main_con02 .v_img.left_v_img {left: 50%;margin-left: -660px;top: 600px;} #main .main_con02 .v_img.right_v_img {left: 50%;margin-left: 350px;top: 420px;} #main .main_con02 .v_img img{border-radius: 6px;} #main .main_con02 .roll_text .roll_w{transform: translateX(-100%);transition: 2.5s;top: 400px;} #main .main_con02.on .roll_text .roll_w{transform: translateX(0%);} #main .main_con02.main_con03.on .k02 { transform: translateX(-510px); } #main .main_con02.main_con03.on .k01 { transform: translateX(500px); } #main .main_con02.on .roll_text .roll_w .hid{opacity: 0;transition: 1s;transition-delay: 1.5s;} #main .main_con02.on .roll_text .roll_w i{opacity: 0;transition: 1s;transition-delay: 1.5s;width: 0;} #main .main_con02 .k01{transform: translateX(0);transition: 1s;transition-delay: 2.1s} #main .main_con02.on .k01{transform: translateX(300px);} #main .main_con02 .k02{transform: translateX(0);transition: 1s;transition-delay: 2.1s} #main .main_con02.on .k02{transform: translateX(-310px);} #main .main_con02 .txt_content{position: absolute;bottom: 0;width: 100%;display: flex;justify-content: center;padding-bottom: 60px;} #main .main_con02 .txt_content .txt_in{width: 1400px;border-top: 1px solid #ffffff25;display: flex;justify-content: space-between;} #main .main_con02 .txt_content .txt_in .title{padding: 0 60px;padding-top: 85px;border-right: 1px solid #ffffff25;padding-bottom: 85px;} #main .main_con02 .txt_content .txt_in strong{font-size: 24px;color: #FFFFFF;font-weight: 500;line-height: 1.5;} #main .main_con02 .txt_content .txt_in p{font-size: 18px;color: #FFFFFF;font-weight: 400;line-height: 27px;;;} #main .main_con02 .txt_content .txt_in .txt{padding-top: 85px;;} #main .main_con02 .dim{position: absolute;height: 100vh;width: 100%;background: linear-gradient(to bottom, #51463800,#514638);bottom: 0;left: 0;} #contact{transition: 0.5s} #contact:hover{transform: scale(1.1)} #contact_form{position: fixed;z-index: 99;right: 30px;bottom: 130px;z-index: 99999;background-color: #F1EDE8;padding: 35px;padding-bottom: 25px;border: 1px solid #C9BFB3;border-radius: 6px;width: 300px;display: none;} #contact_form .close{position: absolute;right: 0;width: 40px;height: 40px;background: #514638;border-radius: 4px;top: -54px;right: 0;border: 1px solid #C9BFB3} #contact_form .close:before{content: '';display: block;width: 18px;height: 2px;border-radius: 10px;background: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) rotate(45deg)} #contact_form .close:after{content: '';display: block;width: 18px;height: 2px;border-radius: 10px;background: #fff;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) rotate(-45deg)} #contact_form .c_title {margin-bottom: 15px;} #contact_form .c_title strong{display: block;font-size: 20px;color: #514638;text-align: center;margin-bottom: 10px;} #contact_form .c_title strong b{color: #B1997B;font-weight: 600;} #contact_form .c_title p{font-size: 16px;color: #514638;line-height: 24px;text-align: center;;} #contact_form .priv{display: flex;justify-content: center;margin: 10px 0;} #contact_form .priv label{font-size: 14px;color: #514638;display: flex;align-items: center;gap: 8px} #contact_form .priv input{width: 0;height: 0;} #contact_form .priv label:before{content: '';display: block;width: 22px;height: 22px;background: url(/img/sub/radio.png);;background-size: 100% 100%} #contact_form .priv input:checked + label:before{background: url(/img/sub/radio_on.png);;background-size: 100% 100%} #contact_form button{width: 240px;height: 60px;border: 1px solid #C9C0B2;border-radius: 6px;overflow: hidden;position: relative;;} #contact_form button span{display: flex;width: 100%;height: 100%;align-items: center;;justify-content: center;font-size: 18px;color: #514638;font-weight: 600;} #contact_form button div:nth-child(2){position: absolute;top: 100%;left: 0;background-color: #514638;width: 100%;height: 100%;} #contact_form button div:nth-child(2) span{color: #fff;} #contact_form button:hover div{transform: translateY(-100%);;} #contact_form button div{transition: 0.5s;} #contact_form ul {display: flex;flex-direction: column;gap: 10px;} #contact_form ul li input{width: 100%;display: block;height: 44px;border-radius: 6px;border: 1px solid #CECBC8;padding: 0 20px;color: #8F8578;font-size: 14px;font-family: inherit;} #contact_form ul li textarea{width: 100%;display: block;height: 44px;border-radius: 6px;border: 1px solid #CECBC8;padding: 20px;color: #8F8578;font-size: 14px;font-family: inherit;background-color: #fff;height: 90px;} #main .main_con05{background: #514638;padding-top: 240px;margin-top: -2px;position: relative;z-index: 2;;} #main .main_con05 .line{position: absolute;top: 40%;pointer-events: none;} #main .main_con05 .img_box {position: relative;z-index: 15;;} #main .main_con05 .img_box .img_cont{display: flex;justify-content: center;gap: 32px;align-items: center;} #main .main_con05 .img_box .img_cont .img{transform: scale(0.7);opacity: 0;transition: 1.2s;} #main .main_con05 .img_box .img_cont .img img{border-radius: 6px} #main .main_con05 .img_box .img_cont .img03{transform: scale(0.7);opacity: 0;} #main .main_con05.on .img_box .img_cont .img03{transform: scale(1);opacity: 1;} #main .main_con05.on .img_box .img_cont .img02{transform: scale(1);opacity: 1;transition-delay: 0.2s;} #main .main_con05.on .img_box .img_cont .img04{transform: scale(1);opacity: 1;transition-delay: 0.2s;} #main .main_con05.on .img_box .img_cont .img05{transform: scale(1);opacity: 1;transition-delay: 0.4s;} #main .main_con05.on .img_box .img_cont .img01{transform: scale(1);opacity: 1;transition-delay: 0.4s;} #main .main_con05 .sl_box{height: 560px;position: relative} #main .main_con05 .sl_box .box{position: absolute} #main .main_con05 .sl_box .box div{border-radius: 4px;overflow: hidden} #main .main_con05 .sl_box .box div img{display: block} #main .main_con05 .sl_box .box.on{left: 50%;transform: translateX(-220px);transition: 1s} #main .main_con05 .sl_box .box {height: 560px;display: flex;align-items: center} #main .main_con05 .sl_box .box.prev4{left: 50%;transform: translateX(-1750px);} #main .main_con05 .sl_box .box.prev3{left: 50%;transform: translateX(-1350px);transition: 1s} #main .main_con05 .sl_box .box.prev2{left: 50%;transform: translateX(-1080px);transition: 1s} #main .main_con05 .sl_box .box.prev1{left: 50%;transform: translateX(-665px);transition: 1s} #main .main_con05 .sl_box .box.next1{left: 50%;transform: translateX(252px);transition: 1s} #main .main_con05 .sl_box .box.next2{left: 50%;transform: translateX(695px);transition: 1s} #main .main_con05 .sl_box .box{left: 50%;transform: translateX(1095px);} #main .main_con05 .sl_box .box.next3{left: 50%;transform: translateX(1095px);} #main .main_con05 .sl_box .box img{width: 440px} #main .main_con05 .sl_box .box.next1 img, #main .main_con05 .sl_box .box.prev1 img{width: 410px} #main .main_con05 .sl_box .box.next2 img, #main .main_con05 .sl_box .box.prev2 img{width: 375px} #main .main_con05 .sl_box .box.next3 img{width: 340px} #main .main_con05 .sl_box .box.prev3 img{width: 340px} #main .main_con05 .sl_box .box img{transition: 1s} #main .main_con04 {background-color: #514638;} #main .main_con04 img{opacity: 0.3;display: block;transform: scale(1.1);transition: 3s;} #main .main_con04.on img{opacity: 1;display: block;transform: scale(1);} #main .main_con03 .m_title{transform: translateX(-100px);opacity: 0;} #main .main_con03.on .m_title{transform: translateX(0px);opacity: 1;transition: 1.2s;} #main .main_con03 .member_slide{transform: translateY(200px);opacity: 0;} #main .main_con03.on .member_slide{transform: translateY(0px);opacity: 1;transition: 1.2s;transition-delay: 0.3s;} #main .main_con03 .right{transform: translateX(100px);opacity: 0;} #main .main_con03.on .right{transform: translateX(0px);opacity: 1;transition: 1.2s;} #main .main_con05 .txt_w{text-align: center;margin-top: 90px;} #main .main_con05 .txt_w p{font-size: 18px;color: #FFFFFF;line-height: 27px;;;} #main .main_con05 .txt_w p{transform: translateY(70px);opacity: 0;transition: 1.2s;transition-delay: 0.6s;} #main .main_con05.on .txt_w p{transform: translateY(0px);opacity: 1;} #main .main_con05 .txt_w a{transform: translateY(70px);opacity: 0;transition: 1.2s;transition-delay: 0.8s;} #main .main_con05.on .txt_w a{transform: translateY(0px);opacity: 1;} #main .main_con05 .txt_w a{background-color: #F1EDE8;border-radius: 6px;width: 240px;height: 100px;;position: relative;overflow: hidden;display: flex;margin: 0 auto;border: 1px solid #F1EDE8;margin-top: 40px;} #main .main_con05 .txt_w a div{display: flex;width: 100%;height: 100%;align-items: center;justify-content: center;transition: 0.5s;} #main .main_con05 .txt_w a div:nth-child(2){position: absolute;top: 0%;background-color: #514638;opacity: 0} #main .main_con05 .txt_w a div span{font-family: the-seasons, sans-serif;font-size: 18px;color: #514638;} #main .main_con05 .txt_w a div:nth-child(2) span{color: #fff;} #main .main_con05 .txt_w a:hover div{opacity: 1} #main .main_visual .mv_cont2 .floor_infomation_wrap .floor_infomation .floor_info03 .fl_text{background: linear-gradient(to top, #000000, #00000000)} #main .main_visual .mv_cont2 .floor_infomation_wrap .floor_infomation .floor_info02 .fl_text{background: linear-gradient(to top, #000000, #00000000)} #main .main_con05 .sl_box .box div{transform: scale(0.8);opacity: 0;transition: 1.2s} #main .main_con05.on .sl_box .box div{transform: scale(1);opacity: 1;transition: 1.2s} #main .main_con05.on .sl_box .box.prev1 div{transition-delay: 0.2s} #main .main_con05.on .sl_box .box.next1 div{transition-delay: 0.2s} #main .main_con05.on .sl_box .box.prev2 div{transition-delay: 0.4s} #main .main_con05.on .sl_box .box.next2 div{transition-delay: 0.4s} @media (max-width: 1500px) { #main .main_con03 .right a div span{font-size: 14px;} #main .main_con03 .right button svg{width: 13px;height: auto;} #main .main_con03 .right a{width: 160px;height: 60px;;} #main .main_con03 .right button{width: 60px;height: 60px;;} #main .main_visual .mv_cont2 .floor_infomation_wrap .floor_title{right: 20px;} #main .main_visual .mv_cont2 .vis_title span{font-size: 16px;} #main .main_visual .mv_cont2 .vis_title strong{font-size: 100px;} #main .main_con02 .txt_content .txt_in{width: 100%;padding-right: 20px;} #main .main_visual .mv_cont2 .floor_infomation_wrap .floor_title strong{font-size: 80px;} #main .main_visual .mv_cont2 .floor_infomation_wrap .floor_infomation .floor_info .fl_text{padding: 40px;} #main .main_con02 .roll_text .roll_w strong{font-size: 130px;} #main .main_con02.on .k01 {transform: translateX(220px);} #main .main_con02.on .k02 {transform: translateX(-220px);} #main .main_con02.main_con03.on .k01 {transform: translateX(340px);} #main .main_con02.main_con03.on .k02 {transform: translateX(-360px);} #main .main_con02 .v_text.right_v_text{top: 180px;} #main .main_con02 .v_img.right_v_img img{width: 300px;} #main .main_con02 .v_img.left_v_img img{width: 200px;} #main .main_con02 .txt_content .txt_in p{font-size: 16px;} #main .main_con02 .txt_content .txt_in strong{font-size: 20px;} #main .main_con02 .txt_content .txt_in .title{padding: 25px;} #main .main_con02 .txt_content .txt_in .txt{padding-top: 25px;} #main .main_con03 .m_title strong{font-size: 40px;} #main .main_con03 .m_title span{font-size: 14px;} #main .main_con03 .inner{padding: 0 20px;padding-top: 150px;} #main .main_con03 .member_slide .box .mem_wrap .mem_text{display: none} } @media (max-width: 1024px) { #main .main_visual .mv_cont2 .floor_infomation_wrap{width: 100%;} #main .main_visual .mv_cont2 .floor_infomation_wrap .floor_title{right: auto;left: 40px;top: 50%;} #main .main_visual .mv_cont2 .floor_infomation_wrap .floor_infomation .floor_info{padding: 0;;} #main .main_visual .mv_cont2 .floor_infomation_wrap .floor_info_in{border-bottom: none;} #main .main_visual .mv_cont2 .floor_number{left: 20px} } @media (max-width: 980px) { #main .main_visual .mv_cont2 .floor_number ul{gap: 2px} #main .main_visual .mv_cont2 .floor_number ul li{width: 25px;height: 25px;border-radius: 3px;font-size: 11px;} #main .main_con05 .txt_w a div span{font-size: 13px;} #main .main_con05 .txt_w{margin-top: 30px;} #main .main_con05 .txt_w a{width: 150px;height: 60px;;} #main .main_con05 .txt_w p{font-size: 13px;line-height: 1.5;;} #main .main_con05{padding-top: 80px;} #main .main_con05 .img_box .img_cont{gap: 10px} #main .main_con05 .img_box .img_cont .img03 img{height: 300px;} #main .main_con05 .img_box .img_cont .img02 img, #main .main_con05 .img_box .img_cont .img04 img{height: 250px;} #main .main_con05 .img_box .img_cont .img01 img, #main .main_con05 .img_box .img_cont .img05 img{height: 200px;} #contact_form .c_title strong{font-size: 16px;} #contact_form .c_title p{font-size: 13px;line-height: 1.5;;} #contact_form{padding: 20px;width: 240px;right: 20px;} #contact_form{bottom: 80px;} #contact{right: 20px;bottom: 20px;;} #contact button i{width: 45px;height: 45px;} #contact button i svg{width: 14px;height: auto;} #contact_form ul{gap: 5px} #contact_form ul li input{padding: 0 10px;height: 30px;font-size: 13px;;} #contact_form ul li textarea{padding: 0 10px;height: 90px;font-size: 13px;;} #contact_form button{width: 100%;height: 40px;} #contact_form button span{font-size: 13px;} #contact_form .priv label{font-size: 13px;} #header .hd_inner{height: 60px;} #header{padding: 0 20px;} #header svg{width: 150px;} #main .main_visual .mv_cont2 .building_floor .floor img{width: 500px;} #main .main_visual .mv_cont2 .building_floor{width: 500px;height: 790px;} #main .main_visual .mv_cont2 .building_floor{margin-left: -250px;} #main .main_visual .mv_cont01 .building{width: 500px;margin-left: -250px;;} #main .main_visual .mv_cont01 .building img{width: 100%;} #main .main_visual .mv_cont01 .title strong{font-size: 200px;} #main .main_visual .mv_cont2 .info_img01 img{width: 180px;} #main .main_visual .mv_cont2 .info_img01 { margin-left: -238px; margin-top: -341px; } #main .main_visual .mv_cont2 .info_img02 img{width: 160px;} #main .main_visual .mv_cont2 .vis_video_wrap .vis_video_in .vis_video { transform: translate(245px, -168px) scale(0.7); } #main .main_visual .mv_cont2 .floor_infomation_wrap .floor_infomation .floor_info .fl_text span{font-size: 13px;} #main .main_visual .mv_cont2 .floor_infomation_wrap .floor_infomation .floor_info .fl_text strong{font-size: 26px;} #main .main_visual .mv_cont2 .floor_infomation_wrap .floor_infomation .floor_info .fl_text p{font-size: 14px;margin-top: 15px;;} #main .main_visual .mv_cont2 .floor_infomation_wrap .floor_infomation .floor_info .viewmore a span{width: 30px;height: 30px;;} #main .main_visual .mv_cont2 .floor_infomation_wrap .floor_infomation .floor_info .viewmore a span svg{width: 8px;} #main .main_visual .mv_cont2 .floor_infomation_wrap .floor_infomation .floor_info .viewmore a{font-size: 13px;} #main .main_con02 .bg img{height: 900px;} #main .main_con02{height: 900px;} #main .main_con02 .v_text span{font-size: 12px;} #main .main_con02 .roll_text{top: 410px;} #main .main_con02 .v_text.right_v_text{top: 140px;margin-left: 172px;;} #main .main_con02 .v_text.left_v_text { margin-left: -180px; top: 123px; } #main .main_con02 .txt_content .txt_in p{font-size: 13px;line-height: 1.5;} #main .main_con02 .txt_content .txt_in strong{font-size: 16px;;} #main .main_con02 .txt_content .txt_in {flex-direction: column;} #main .main_con02 .txt_content .txt_in .txt{padding: 20px;padding-top: 0;} #main .main_con02 .txt_content .txt_in .title{border: none;padding: 20px;} #main .main_con02 .txt_content{padding-bottom: 30px;} #main .main_con03 .m_title strong{font-size: 24px;line-height: 1.5;} #main .main_con03 .m_title{padding-top: 60px;} #main .main_con03 .member_slide .box{width: 270px;} #main .main_con03 .member_slide .box img{width: 100%;} #main .main_con03 .member_slide .box02 { transform: translateX(138px) translateY(50px) scale(0.9);} #main .main_con03 .member_slide .box .txt strong{font-size: 16px;gap: 5px} #main .main_con03 .member_slide .box .txt p{font-size: 12px;} #main .main_con03 .member_slide{height: 470px;} #main .main_con04, #main .main_con04 .list .list_in a{height: 500px;} #main .main_con04 .list .list_in a strong{font-size: 20px;} #main .main_con04 .list .list_in .more{width: 45px;height: 45px;;} #main .main_con04 .list .list_in a p{font-size: 13px;margin-bottom: 25px;;} #quick {right: 10px;} #quick ul{width: 55px;} #quick ul li strong{font-size: 11px;} #quick ul li a{height: 60px;gap:0} #quick ul li svg{width: 22px;height: auto;} #contact button i{font-size: 11px} #main .main_visual .mv_cont2 .vis_title{bottom: 60px} #main .main_visual .mv_cont2 .info_img03 {margin-left: 49px;margin-top: -116px;} #main .main_visual .mv_cont2 .info_img03 img{width: 140px} } @media (max-width: 660px) { #contact{bottom: 80px;right: 10px} #quick ul li a{height: 55px} #quick ul li {border-right: 1px solid #C9BFB3;border-bottom: none} #quick ul li:last-child{border-right: none} /* #quick ul li {border-bottom: 1px solid #C9BFB3;}*/ #quick ul{display: flex;width: 100%} #quick ul li{width: 20%} #quick{bottom: 10px;right: 10px;width: calc(100% - 20px);top: auto;transform: none} #main .main_con05 .sl_box .box, #main .main_con05 .sl_box{height: 360px} #main .main_con05 .sl_box .box.next1 { transform: translateX(151px);} #main .main_con05 .sl_box .box.on{transform: translateX(-140px)} #main .main_con05 .sl_box .box.on img{width: 280px} #main .main_con05 .sl_box .box.prev1{transform: translateX(-400px)} #main .main_con05 .sl_box .box.next1 img, #main .main_con05 .sl_box .box.prev1 img{width: 250px} #main .main_con05 .sl_box .box.next2 img, #main .main_con05 .sl_box .box.prev2 img{width: 210px} #cursor {display: none} #main .main_visual .mv_cont01 .title strong{display: flex;justify-content: center} #main .main_visual .mv_cont2 .building_floor .floor img{width: 300px;} #main .main_visual .mv_cont2 .building_floor{height: 477px;margin-left: -150px;width: 300px;} #main .main_visual .mv_cont2 .building_floor{top: auto;bottom: 0;;} #main .main_visual .mv_cont2 .building_floor .buil_wrap{transform: translateY(50px);} #main .main_visual .mv_cont01 .building{width: 300px;margin-left: -150px;top: auto;bottom: -50px;} #main .main_visual .mv_cont2 .vis_title strong{font-size: 55px;} #main .main_visual .mv_cont2 .vis_title span{font-size: 13px;} #main .main_visual .mv_cont2 .info_img01 img{width: 130px;} #main .main_visual .mv_cont2 .info_img01 { margin-left: -168px; margin-top: -71px; } #main .main_visual .mv_cont2 .info_img02 img{width: 120px;} #main .main_visual .mv_cont2 .vis_video_wrap .vis_video_in .vis_video { transform: translate(125px, 2px) scale(0.45); } #main.intro .main_con04 .bg{height: 100vh} #main.intro .main_con04{height: 100vh} #main .main_visual .mv_cont01 .title{display: flex;display: flex;justify-content: center;width: 100%} #header .hd_w .login button{width: 55px;height: 25px;font-size: 13px} #header .hd_w{gap: 20px} #main .main_con03 .inner{padding-top: 20px;} #main .main_con03 .right a{width: 130px;height: 36px;} #main .main_con03 .right button{width: 36px;height: 36px;} #main .main_visual .mv_cont2 .vis_video_wrap video{width: 900px;} #main .main_visual .mv_cont01 .title{top: 50%;position: absolute;transform: translateY(-200px);} #main .main_visual .mv_cont01 .title strong{font-size: 100px;} #main .main_visual .mv_cont2 .floor_infomation_wrap .floor_title strong{font-size: 45px;line-height: 1.5;} #main .main_visual .mv_cont2 .floor_infomation_wrap .floor_infomation .floor_info .fl_text{padding: 20px;flex-direction: column;align-items: flex-start;gap: 15px} #main .main_con02 .roll_text .roll_w strong{font-size: 70px;} #main .main_con02.on .k01 {transform: translateX(140px);} #main .main_con02.on .k02 {transform: translateX(-141px);} #main .main_con02.main_con03.on .k01 {transform: translateX(210px);} #main .main_con02.main_con03.on .k02 {transform: translateX(-210px);} #main .main_con03 .inner{flex-direction: column;align-items: flex-start;gap: 20px;margin-bottom: 25px;} #main .main_con02 .txt_content .txt_in p{word-break: keep-all;} #main .main_con02 .txt_content .txt_in p br{display: none;} #main .main_con02 .v_text.right_v_text{margin-left: 100px;} #main .main_con02 .v_text.left_v_text {margin-left: -150px;top: 133px;} #main .main_con02 .bg img{height: 750px;} #main .main_con02 .roll_text{top: 340px;} #main .main_con02{height: 750px;} #main .main_con04 .list{flex-direction: column;height: 100%;} #main .main_con04 .list .list_in{width: 100%;height: 33.33%;} #main .main_con04 .list .list_in a{height: 100%;border-bottom: 1px solid rgba(255,255,255,0.3);} #main .main_con04 .bg{height: 500px;} #main .main_con04 .list .list_in a{text-align: left;padding-left: 20px;position: relative;} #main .main_con04 .list .list_in a{justify-content: flex-start;} #main .main_con04 .list .list_in .more{position: absolute;right: 20px;top: 50%;transform: translateY(-50%);} #main .main_con04 .list .list_in a p{margin-bottom: 0;} #main .main_con04{height: 400px;} #main .main_visual .mv_cont2 .building_floor .buil_wrap:after{content: '';display: block;;width: 100%;height: 30%;position: absolute;bottom: 0;left: 0;z-index: 15;background: linear-gradient(to top, #F1EDE8,#F1EDE800);} #main .main_con05 .txt_w a{width: 130px;height: 36px;;} #main .main_con05 .txt_w p br{display: none;} #main .main_con05 .txt_w p{word-break: keep-all;} #main .main_con05 .txt_w p{padding: 0 20px;} }