@charset "utf-8";

html,body{position:fixed;left:0;top:0;width:100%;height:100%;touch-action: none;}
html,body,.wrap{height: 100%;}
body::after{width:0;height:0;display:block;opacity:0;overflow: hidden;content:url(../images/al-img1.jpg?ver=1) url(../images/al-img2.jpg?ver=1) url(../images/al-img3.jpg?ver=1) url(../images/al-img4.jpg?ver=1) url(../images/al-img5.jpg?ver=1) url(../images/al-img6.jpg?ver=1) url(../images/al-img7.jpg?ver=1) url(../images/al-img8.jpg?ver=1) url(../images/al-img9.jpg?ver=1) url(../images/al-img10.jpg?ver=1) url(../images/al-img11.jpg?ver=1) url(../images/al-img12.jpg?ver=1);}
.wrap::-webkit-scrollbar{display: none;}
.wrap{overflow: hidden;touch-action: none;position:relative;}
.wrap.ov{overflow: auto;touch-action:auto;}
.mo_up{display: block;transform: translate(0,105%);transition: 0.8s;}
.mo_com .mo_up{transform: none;}
.mo_up.delay0_2{transition-delay: 0.2s;}
.mo_up.delay0_3{transition-delay: 0.3s;}
.mo_up.delay0_4{transition-delay: 0.4s;}
.mo_up.delay0_5{transition-delay: 0.5s;}
.mo_up.delay0_6{transition-delay: 0.6s;}
.mo_up.delay0_7{transition-delay: 0.7s;}
.mo_up.delay0_8{transition-delay: 0.8s;}
.mo_up.delay0_9{transition-delay: 0.9s;}
.mo_up.delay1{transition-delay: 1s;}
.mo_up.delay1_1{transition-delay: 1.1s;}
.mo_up.delay1_2{transition-delay: 1.2s;}
.mo_up.delay1_3{transition-delay: 1.3s;}
.mo_up.delay1_4{transition-delay: 1.4s;}
.mo_up.delay1_5{transition-delay: 1.5s;}
.mo_up.delay1_6{transition-delay: 1.6s;}
.mo_up.delay1_7{transition-delay: 1.7s;}
.mo_up.delay1_8{transition-delay: 1.8s;}
.mo_up.delay1_9{transition-delay: 1.9s;}
.mo_up.delay2{transition-delay: 2s;}
.mo_up.delay2_1{transition-delay: 2.1s;}
.mo_up.delay2_2{transition-delay: 2.2s;}
.mo_up.delay2_3{transition-delay: 2.3s;}
.mo_up.delay2_4{transition-delay: 2.4s;}
.mo_up.delay2_5{transition-delay: 2.5s;}
.mo_up.delay2_6{transition-delay: 2.6s;}
.mo_up.delay2_7{transition-delay: 2.7s;}
.mo_up.delay2_8{transition-delay: 2.8s;}
.mo_up.delay2_9{transition-delay: 2.9s;}
.mo_up.delay3_2{transition-delay: 3.2s;}
.mo_up.delay3_7{transition-delay: 3.7s;}

.cursor{position: fixed;z-index: 100;user-select: none;pointer-events: none;transition: 0.1s;}
.cursor svg{width: 100%;height: 100%;position: absolute;left: 0;top: 0;transition: 0.5s;}
.cursor svg .cs_line{fill:none;stroke:#E27F5C;stroke-width: 0.0856vw;stroke-miterlimit:10;transition: 0.5s;}
.cursor .vcs{width: 55px;height: 55px;display: flex;align-items: center;justify-content: center;text-align: center;transition: 0.5s;}
.cursor .vcs::before{content:"";width:100%;height:100%;position:absolute;left:0;top:0;background:url(../images/ls-arr.png) no-repeat center;transform:scale(0);opacity:0;transition: 0.5s;}
.cursor .vcs span{display:flex;align-items:center;justify-content:center;flex-direction: column;width:100%;height:100%;overflow:hidden;border-radius:50%;background: #EC1D26;opacity:0;transition:0.6s;}
.cursor .vcs span em{display:block;margin-bottom:1.3021vw;font-family: 'Noto Sans KR';color:#F2F2F2;font-size:16px;text-align:center;letter-spacing:0;line-height:1.5em;opacity:0;transform:translate(0,50%);transition:0.6s;}
.cursor .vcs span strong{display:block;width:9.6354vw;opacity:0;transform:translate(0,30%);transition:0.6s;}
.cursor .vcs span strong img{display:block;width:100%;}
.cursor.ls_on .vcs{width: 180px;height: 180px;}
.cursor.ls_on svg .cs_line{stroke-width: 0.02vw;stroke: #fff;}
.cursor.ls_on .vcs::before{opacity:1;transform:none;transition-delay:0.3s;}
.cursor.link_on .vcs{width: 330px;height: 330px;transform: translate(-50%,-50%);}
.cursor.link_on .vcs span{opacity:1;}
.cursor.link_on .vcs span em{opacity:1;transform:none;transition-delay:0.4s;}
.cursor.link_on .vcs span strong{opacity:1;transform:none;transition-delay:0.6s;}
.cursor.link_on svg{transform: translate(-50%,-50%);}

.cursor2{position: fixed;left: 0px;top: 0px;z-index:110;width: 330px;height: 330px;margin-top:-165px;margin-left:-165px;}

.intro{position: fixed;z-index: 999;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;overscroll-behavior: contain;touch-action: none;}
.intro::before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 99;}
.intro .vd_wrap{height:100%;width:177.77777778vh;min-width:100%;min-height:56.25vw;z-index:5;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition: 0.6s;background-color: #000;}
.intro .vd_wrap video{width: 100%;height: 100%;}
.intro .m_vd{width:100%;height:100%;position:absolute;left:0;top:0;transition: 0.6s;background-color: #000;}
.intro .m_vd video{width:100%;height:100%;min-width:100%;min-height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);object-fit: cover;}
.intro .bg{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: #97b0c8;}
.intro .logo{position: absolute;z-index: 1;left: 0;top: 0;width: 100%;height: 100%;}
.intro .logo svg{display: block;width: 100%;height: 100%;}
.intro .logo svg .logo_in{transform-origin: 50% 70%;transition: 0.8s;transition-delay: 0.4s;}
.intro .logo svg .i_l1{opacity: 0;transform: translate(0,-3%);transform-origin: 58.2% 60%;transition: 0.6s;transition-delay: 1.2s;}
.intro .logo svg .i_l3{opacity: 0;transform: translate(0,3%);transition: 0.6s;transition-delay: 1.5s;}
.intro.vd_end .vd_wrap{opacity: 0;}
.intro.vd_end .m_vd{opacity: 0;}
.intro.vd_end svg .logo_in{transform: translate(0,-23%) scale(1.9);}
.intro.vd_end svg .i_l1,
.intro.vd_end svg .i_l3{opacity: 1;transform: none;}
.intro.none{display: none;}

.nav_btn{position:fixed;width:1.5625vw;height:1.1458vw;border:none;background:none;display:flex;justify-content:space-between;flex-direction: column;z-index: 120;right:2.6042vw;top:3.125vw;}
.nav_btn span{display:block;background-color:#4F2D37;height:2px;width:100%;transition:0.3s;}
.nav_btn.wh span{background-color:#fff !important;}
.nav_btn.vs1_on span{background-color:#fff;}

nav{position:fixed;left:0;top:-100%;width:100%;height:100%;background-color:#4f2d37;z-index:150;padding:0 2.0833vw;overflow:hidden;transition:1.4s;transition-delay:0.1s;}
nav.on{top:0;}
nav .nav_wrap{width:100%;height:100%;position:relative;transform: scaleY(1.8);transform-origin: 100% 100%;transition:1.4s;}
nav.on .nav_wrap{transform:none;}
nav .top{height:14.28%;position:relative;}
nav .top .logo{height:100%;display:flex;align-items:center;justify-content: center;}
nav .top .logo img{width:7.7083vw;}
nav .top .back{position:absolute;right:0;top:50%;transform:translate(0,-50%);}
nav .top .back button{border:none;background:none;display:block;}
nav .top .back button img{display:block;width:1.5625vw;}
nav .cen{height:77.56%;}
nav .gnb{height:80%;}
nav .gnb li{height:25%;display:flex;cursor:pointer;position:relative;overflow:hidden;z-index: 10;}
nav .gnb li::before{content:"";position:absolute;left:0;top:0;width:100%;height:1px;background-color:#97b0c8}
nav .gnb li .hov{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;background-color:#97b0c8;transform:translate(0,-100%);transition:0.5s;transition-delay:0;transition-timing-function: cubic-bezier(.7,.1,.3,.9);}
nav .gnb li.in-top .hov,
nav .gnb li.in-bottom .hov{transform:translate(0,0) scale(1.3);}
nav .gnb li.out-top .hov{transform:translate(0,-100%);}
nav .gnb li.out-bottom .hov{transform:translate(0,100%);}
nav .gnb span{display:block;font-weight:600;color:#97b0c8;font-size:4.4271vw;letter-spacing:0.085em;position:relative;z-index:5;mix-blend-mode: color-dodge;}
nav .gnb .num{width:25%;padding-left:4.1667vw;display:flex;align-items:center;}
nav .gnb .name{width:75%;padding-left:6.5104vw;display:flex;align-items:center;border-left:1px solid #97b0c8;}
nav .link{height:20%;border-top:1px solid #97b0c8;border-bottom:1px solid #97b0c8;display: flex;}
nav .link li{width: 25%;position: relative;}
nav .link li ~ li{border-left:1px solid #97b0c8;}
nav .link li a{display: flex;padding: 17px 15px 25px 15px;height: 100%;flex-direction: column;justify-content: space-between;}
nav .link li strong{position: relative;width: 164px;height: 54px;color: #97b0c8;font-size: 1.0417vw;font-weight: 700;letter-spacing: 0.04em;display: flex;align-items: center;justify-content: center;}
nav .link li strong svg{position: absolute;left: 0;top: 0;width: 100%;}
nav .link li strong svg .line_co{fill:none;stroke:#fff;stroke-miterlimit:10;}
nav .link li strong svg ellipse{stroke-dasharray: 380;stroke-dashoffset: -380;transition: 0.8s;}
nav .link li:hover strong svg ellipse{stroke-dashoffset:0;}
nav .link li p{text-align: right;overflow: hidden;color: #97b0c8;font-size: 1.25rem;font-style: italic;opacity: 0.72;letter-spacing: 0.04em;position: relative;}
nav .link li p span{display: block;transform: translate(0,100%);transition: 0.3s;}
nav .link li:hover p span{transform: none;transition-delay: 0.3s;}
nav .bot{height:8.16%;display: flex;align-items: center;justify-content: space-between;position: relative;padding: 0 10px;}
nav .bot .lef,
nav .bot .rig{display: flex;align-items: center;}
nav .bot p{display: flex;align-items: center;line-height: 80px;font-size: 0.75rem;color: #97b0c8;font-family: 'Noto Sans KR';letter-spacing: 0.01em;}
nav .bot p ~ p{margin-left: 15px;}
nav .bot p strong{font-weight: 500;}
nav .bot p span{font-weight: 300;}

.ban_btn{position:fixed;z-index: 50;right:2.6042vw;bottom:2.6042vw;}
.ban_btn button{display:block;width:4.1667vw;height:4.1667vw;border-radius:50%;border:none;position:relative;overflow:hidden;}
.ban_btn button img{display:block;width:100%;}
.ban_btn .open{background-color:#F26F21;}
.ban_btn .open em,
.ban_btn .open p{display:block;position:absolute;left:0;top:0;width:100%;height:100%;transition:0.6s;}
.ban_btn .open .af{opacity:0;filter:blur(0.2vw);}
.ban_btn .video_btn,
.ban_btn .press_btn{position:absolute;left:0;bottom:0;opacity:0;transition:0.5s;}
.ban_btn.on .open .be{opacity:0;filter:blur(0.2vw);}
.ban_btn.on .open .af{opacity:1;filter:blur(0);}
.ban_btn.on .video_btn,
.ban_btn.on .press_btn{opacity:1;filter:blur(0);}
.ban_btn.on .video_btn{bottom:4.9479vw;transition-delay:0.3s;}
.ban_btn.on .press_btn{bottom:9.8958vw;}

.video_pop,
.press_pop{z-index:130;position:fixed;left:0;top:-100%;width:100%;height:100%;overflow: hidden;transition: 1.4s;transition-delay: 0.1s;}
.video_pop_bg,
.press_pop_bg{position:fixed;left:0;top:-100%;z-index:129;width: 100%;height: 100%;background-color:#342228;mix-blend-mode: multiply;transition: 1.4s;transition-delay: 0.1s;}
.video_pop .vp_wrap,
.press_pop .pr_wrap{width: 100%;height: 100%;position: relative;z-index:1;display: flex;flex-direction: column;transform: scaleY(1.8);transform-origin: 100% 100%;transition: 1.4s;}
.video_pop .vp_wrap{justify-content: space-between;}
.press_pop .pr_wrap{justify-content: center;}
.video_pop .back,
.press_pop .back{position:absolute;right:2.0833vw;top:7%;transform:translate(0,-50%);}
.video_pop .back button,
.press_pop .back button{border:none;background:none;display:block;}
.video_pop .back button img,
.press_pop .back button img{display:block;width:1.5625vw;}
.video_pop .tab,
.press_pop .tab{height:19vh;margin: 0 auto;padding-top:3.8043vh;display:flex;align-items:center;justify-content:center;}
.video_pop .tab ul,
.press_pop .tab ul{display:flex;justify-content: space-around;border-top: 1px solid #97B0C8;border-bottom:1px solid #97B0C8;}
.video_pop .tab ul{width:41.6667vw;}
.press_pop .tab ul{width:31.25vw;}
.video_pop .tab ul li,
.press_pop .tab ul li{font-size:0.8333vw;color:#97B0C8;line-height:3.125em;letter-spacing:0.04em;cursor:pointer;transition:0.4s;}
.video_pop .tab ul li.on,
.press_pop .tab ul li.on{color:#fff;}
.video_pop .video_box ul li{display:none;}
.video_pop .video_box ul li.on{display:block;}
.video_pop .video_box ul li iframe{display:block;width:59.375vw;height:69vh;margin:0 auto;}
.video_pop .icon{height:12vh;display:flex;align-items:center;justify-content:center;}
.video_pop .icon img{display:block;width:1.3021vw;}
.press_pop .press_box{padding-bottom: 4.1667vw;}
.press_pop .press_box .area{display:none;}
.press_pop .press_box .area.on{display:block;}
.press_pop .press_box .box{display:flex;justify-content:space-between;width:83.3333vw;margin:0 auto;}
.press_pop .press_box .box .lef{width:33.3333vw;}
.press_pop .press_box .box .rig{width:43.75vw;height: 33.3333vw;overflow:auto;}
.press_pop .press_box .box .rig::-webkit-scrollbar{width:0.2604vw;}
.press_pop .press_box .box .rig::-webkit-scrollbar-track{background-color:rgba(255,255,255,0.2);border-radius:20px;}
.press_pop .press_box .box .rig::-webkit-scrollbar-thumb{background-color:#fff;border-radius:20px;}
.press_pop .press_box .img_list{position:relative;overflow:hidden;}
.press_pop .press_box .img_box{overflow:hidden;position:absolute;left:0;top:0;width:100%;text-align:center;opacity:0;transition:0.6s;transition-delay:0.2s;}
.press_pop .press_box .img_box:first-child{position:relative;}
.press_pop .press_box .img_box.on{opacity:1;transition-delay:0s;z-index:1;}
.press_pop .press_box .press_img_sd{width:26.6667vw;margin: 0 auto;overflow:hidden;}
.press_pop .press_box .press_list ul li:first-child{border-top:1px solid #97B0C8;}
.press_pop .press_box .press_list ul li{transition:0.3s;border-bottom:1px solid #97B0C8;}
.press_pop .press_box .press_list ul li a{display:block;padding: 1.3021vw 1.5625vw;}
.press_pop .press_box .press_list ul li p{display:flex;align-items:center;position:relative;padding-right: 3vw;}
.press_pop .press_box .press_list ul li p strong{color:#fff;font-size:1.25vw;padding-right:1.3021vw;line-height: 1.3em;font-weight:400;}
.press_pop .press_box .press_list ul li p span{color:#fff;font-size:1.0417vw;font-family: 'Noto Sans KR';line-height: 1.3em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.press_pop .press_box .press_list ul li p span b{font-family:"Sofia Sans";font-weight:400;padding-right:0.5208vw;}
.press_pop .press_box .press_list ul li p em{position:absolute;right:0;top:50%;width:2.0833vw;margin-top:-1.04165vw;opacity:0;transition:0.3s;}
.press_pop .press_box .press_list ul li p em img{display:block;width:100%;}
.press_pop .press_box .press_list ul li p .view_btn{display:none;background-color:#97B0C8;border-radius:5vw;padding:0 2.5641vw 0  5.1282vw;margin-top:3.0769vw;opacity:0;transform:translate(-20%,0);transition:0.6s;}
.press_pop .press_box .press_list ul li p .view_btn .txt{color:#4F2D37;font-size:2.5641vw;line-height:2.6em;display:flex;align-items:center;justify-content:center;font-style: normal;}
.press_pop .press_box .press_list ul li p .view_btn .txt .ar{display:block;width:1.0256vw;margin-left:2.5641vw;}
.press_pop .press_box .press_list ul li p .view_btn .txt .ar img{display:block;width:100%;}
.press_pop .press_box .press_list ul li:hover{background-color:#97B0C8;}
.press_pop .press_box .press_list ul li:hover p em{opacity:1;}
.press_pop .press_page{position:absolute;left:0;bottom:1.0417vw;width:100%;display:flex;justify-content:center;z-index: 10;}
.press_pop .press_page .swiper-pagination-bullet{opacity:1;width:0.4167vw;margin: 0 0.3125vw;background-color:rgba(255,255,255,0.65);transition:0.3s;}
.press_pop .press_page .swiper-pagination-bullet-active{background-color:#F26F21;}
.press_pop .pr_arr{display:none;position:absolute;top: 50%;width:3.0769vw;transform:translate(0,-50%);}
.press_pop .pr_arr img{display:block;width:100%;}
.press_pop .pr_arr.prev{left:-1vw;}
.press_pop .pr_arr.next{right:-1vw;}
.press_pop .pr_arr.next img{transform:rotate(180deg);}

.video_pop.on,
.video_pop_bg.on,
.press_pop.on,
.press_pop_bg.on{top:0;}
.video_pop.on .vp_wrap,
.press_pop.on .pr_wrap{transform: none;}

.vis{height: 100%;position: relative;overflow: hidden;}
.vis_wrap{position: absolute;left: 0;top: 0;width:100%;height:100%;}
.vis .vis_page{position:absolute;left:0;bottom:0;display:flex;justify-content: center;width:100%;z-index: 10;bottom:1.5625vw;gap: 0 1.0417vw;}
.vis .vis_page .swiper-pagination-bullet{opacity:1;background-color:#fff;width:0.4167vw;height:0.4167vw;transition:0.3s;}
.vis .vis_page .swiper-pagination-bullet-active{background-color:#F26F21;}
.vis .logo{position: absolute;left: 5%;top: 2vw;z-index: 2;opacity: 0;transform: translate(0,30%);transition: 0.6s;transition-delay: 0.8s;}
.vis .logo img{width: 8.4375vw;display: block;margin: 0 auto;}
.vis_sd{position:absolute;left:0;top:0;width:100%;height:100%;}
.vis .bg{position:absolute;left:0;top:0;width:100%;height: 100%;background: no-repeat center / cover;opacity: 0;}
.vis .vs1{background-color:#202020;}
.vis .vs1 .bg{background-image: url(../images/vis-bg1.jpg?ver=8);transform:translate(0,5%);transition: 1s;}
.vis .vs1 .tri{position:absolute;left:0;top:0;width:0;height:100%;background:url(../images/vis-tri.png) no-repeat center / 100% 100%;transition:1s;}
.vis .vs1 .txt{position:absolute;left:5%;top:34%;}
.vis .vs1 .txt > a{display:block;}
.vis .vs1 .txt ul{margin-bottom:2.0833vw;}
.vis .vs1 .txt ul li{overflow:hidden;}
.vis .vs1 .txt ul li span{display:block;color:#fff;font-size:2.5vw;font-weight:600;line-height:1.33em;letter-spacing:0.1em;transform:translate(0,100%);transition:0.8s;}
.vis .vs1 .txt p{color:#97B0C8;font-size:1.6667vw;letter-spacing:0.04em;margin-bottom:4.1667vw;opacity:0;transform:translate(0,100%);transition:0.8s;}
.vis .vs1 .txt .link_btn{display:inline-flex;flex-direction: column;}
.vis .vs1 .txt .link_btn strong{color:#fff;font-size:1.0417vw;letter-spacing:0.04em;font-weight:400;opacity:0;transform:translate(-40%,0);transition:0.6s;}
.vis .vs1 .txt .link_btn i{width:5.8333vw;opacity:0;transform:translate(-40%,0);transition:0.6s;}
.vis .vs1 .txt .link_btn i img{display:block;}
.vis .vs2 .bg{background-image: url(../images/vis-bg2.jpg?ver=9);transform:scale(1.1);transition: 2s;}
.vis .vs2 .txt{position: absolute;z-index: 3;text-align:center;}
.vis .vs2 .txt.lef{left:6.0417%;top:35%;}
.vis .vs2 .txt.rig{right:12.2396%;top:37%;}
.vis .vs2 .txt p{color: #4F2D37;font-size: 1.4583vw;font-weight: 600;letter-spacing: 0.08em;overflow: hidden;line-height:1.5em;}
.vis .vs2 .txt p span{display:block;transform:translate(0,100%);transition:0.8s;}
.vis .vs2 .vis_ori{position:absolute;left:3.125vw;bottom:2.7174vh;width:26.5625vw;}
.vis .vs2 .vis_ori img{display:block;width:100%;}
.vis .design_award{position:absolute;left: 5%;bottom:3vw;width:10vw;z-index:5;max-width:135px;}
.vis .design_award img{display:block;}
.vis.on .logo{opacity: 1;transform: none;}
.vis.on .swiper-slide-active .bg,
.vis.on .swiper-slide-duplicate-active .bg{opacity: 1;transform:none;transition-delay:0.4s;}
.vis.on .vs1.swiper-slide-active .tri,
.vis.on .vs1.swiper-slide-duplicate-active .tri{width:30.4688%;}
.vis.on .vs1.swiper-slide-active .txt ul li span,
.vis.on .vs1.swiper-slide-duplicate-active .txt ul li span{transform: none;transition-delay:1.2s;}
.vis.on .vs1.swiper-slide-active .txt p,
.vis.on .vs1.swiper-slide-duplicate-active .txt p{opacity:1;transform:none;transition-delay:1.5s;}
.vis.on .vs1.swiper-slide-active .link_btn strong,
.vis.on .vs1.swiper-slide-duplicate-active .link_btn strong{opacity:1;transform:none;transition-delay:1.8s;}
.vis.on .vs1.swiper-slide-active .link_btn i,
.vis.on .vs1.swiper-slide-duplicate-active .link_btn i{opacity:1;transform:none;transition-delay:2s;}
.vis.on .vs2.swiper-slide-active .txt p span{transform:none;}
.vis.on .vs2.swiper-slide-active .txt p span.t1{transition-delay:1.2s;}
.vis.on .vs2.swiper-slide-active .txt p span.t2{transition-delay:1.3s;}
.vis.on .vs2.swiper-slide-active .txt p span.t3{transition-delay:1.4s;}
.vis.on .vs2.swiper-slide-active .txt p span.t4{transition-delay:1.5s;}
.vis.on .vs2.swiper-slide-active .txt p span.t5{transition-delay:1.6s;}
.vis.on .vs2.swiper-slide-active .txt p span.t6{transition-delay:1.7s;}

article{position:fixed;left:0;top:0;width:100%;background-color:#f2f2f2;height:100%;z-index: 300;padding:1.5625vw 2.0833vw;box-sizing: border-box;overflow-y:auto;display:none;}
article .arr{position:fixed;right:3.125vw;width:3.75vw;height:3.75vw;bottom:3.125vw;border:none;background:none;z-index:20;}
article .top{border-top:1px solid #4d4d4d;border-bottom:1px solid #4d4d4d;position:relative;padding:2.0833vw 0 1.8229vw;text-align:center;opacity:0;transition:1s;}
article .top img{display:block;margin:0 auto;}
article .top .tit img{width:20.8333vw;}
article .top p{position:absolute;right:0;bottom:1.0417vw;}
article .top p img{width:12.7604vw;}
article .mid{margin:6.5104vw 0 4.9479vw;}
article .mid .in_1080{width:56.25vw;margin:0 auto;position:relative;}
article .mid .txt{text-align:left;padding:0 0 0 3.125vw;opacity:0;transform:translate(0,10%);transition:1s;}
article .mid .txt strong{display:block;color:#222;font-size:1.4583vw;font-weight:500;font-family: 'Noto Sans KR';margin-bottom:2.3438vw;letter-spacing:-0.025em;}
article .mid .txt p{color:#222;font-size:1.041vw;line-height:1.8em;font-family: 'Noto Sans KR';letter-spacing:-0.025em;}
article .mid .txt p ~ p{margin-top:1.0417vw;}
article .mid .txt.t1{margin-bottom:2.3438vw;}
article .mid .txt.t2{margin-bottom:6.25vw;}
article .mid .txt.t3{margin-bottom:2.3438vw;}
article .mid .txt.t4{margin-bottom:6.5104vw;}
article .mid .txt.t5{margin-bottom:2.6042vw;}
article .mid .img_box{text-align:center;opacity:0;transform:translate(0,10%);transition:1s;}
article .mid .img1{margin-bottom:2.6042vw;}
article .mid .img2{margin-bottom:2.6042vw;}
article .mid .img3{margin-bottom:2.6042vw;}
article .bot{padding-bottom:5.2083vw;text-align:center;border-bottom:1px solid #4d4d4d;}
article .bot .link{margin-bottom:2.0833vw;}
article .bot .link a{background-color:#97b0c8;border-radius:40px;color:#4f2d37;font-weight:500;font-size:1.0417vw;font-family: 'Noto Sans KR';line-height:2.5em;padding: 0 1.3021vw;display:inline-block;;}
article .bot .logo img{width:7.2917vw;}
article.on .top{opacity:1;transition-delay:0.5s;}
article.on .mid .txt{opacity:1;transform:none;transition-delay:1s;}
article.on .mid .img_box{opacity:1;transform:none;transition-delay:1.3s;}

.brand{background-color: #97b0c8;padding: 9.375vw 0 7.2917vw;}
.brand .box{display: flex;align-items: center;justify-content: space-between;position: relative;}
.brand .figure{position: relative;flex-shrink: 0;}
.brand .figure ul{position: relative;}
.brand .figure li{position:relative;width:100%;}
.brand .figure li svg{display: block;}
.brand .figure li span{display:block;width:100%;position:absolute;left:0;top:0;overflow:hidden;}
.brand .figure li span img{display:block;width:100%;}
.brand .figure li span:first-child{position:relative;}
.brand .figure li .f1_1::before{content:"";position:absolute;left:0;top:0;width:77%;height:18%;background-color:#97b0c8;transform: translate(-30%,-50%) rotate(-54deg);transform-origin: 100% 100%;transition: 0.4s;transition-timing-function: linear;}
.brand .figure li .f1_2{height:0;transition: 0.4s;transition-delay:0.2s;transition-timing-function: linear;}
.brand .figure li .f1_2 img{width: 26.1979vw;}
.brand .figure li .f2_1{height:0;transition: 0.4s;transition-timing-function: linear;}
.brand .figure li .f2_1 img{width: 45.7813vw;}
.brand .figure li .f2_2{bottom:0;top:auto;height:0;transition: 0.8s;transition-delay:0.25s;transition-timing-function: linear;}
.brand .figure li .f2_2 img{width: 45.7813vw;position:absolute;left:0;bottom:0;}
.brand .figure li .f3_1::before{content:"";position:absolute;right:47.5%;top:0;width:49%;height:20%;background-color:#97b0c8;transition: 0.5s;transition-timing-function: linear;}
.brand .figure li .f3_2{height:0;transition: 0.5s;transition-timing-function: linear;}
.brand .figure li .f3_2 img{width:96vw;}
.brand .mo_com .figure li .f1_1::before{transform: translate(-30%,-50%) rotate(-54deg) scaleX(0);}
.brand .mo_com .figure li .f1_2,
.brand .mo_com .figure li .f2_1,
.brand .mo_com .figure li .f2_2,
.brand .mo_com .figure li .f3_2{height:100%;}
.brand .mo_com .figure li .f3_1::before{width:0;}
.brand .figure .f_txt{position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;z-index: 2;}
.brand .figure .f_txt svg{display: block;width: 100%;height: 100%;}
.brand .figure .f_txt text{opacity: 0;transition: 0.6s;}
.brand .figure .f_txt .t1{transition-delay: 0.6s;}
.brand .figure .f_txt .t2{transition-delay: 0.7s;}
.brand .figure .f_txt .t3{transition-delay: 0.8s;}
.brand .figure .f_txt .t4{transition-delay: 1s;}
.brand .figure .f_txt .t5{transition-delay: 1.1s;}
.brand .figure .f_txt .t6{transition-delay: 1.2s;}
.brand .txt.lef{text-align: left;}
.brand .txt.rig{text-align: right;}
.brand .txt .t1{margin-bottom: 1.2vw;}
.brand .txt .t1 p{color: #f2f2f2;font-weight: 300;font-size: 1.5625vw;font-style: italic;overflow: hidden;letter-spacing:0.04em;line-height:1.56em;}
.brand .area1 .txt .t1 p{font-size:1.3021vw;letter-spacing: 0.06em;}
.brand .txt .t2 p{overflow: hidden;}
.brand .txt .t2 p ~ p{margin-top: 1.5625vw;}
.brand .txt .t2 p img{display: block;}
.brand .txt.rig .t2 p img{margin-right: 0;margin-left: auto;}
.brand .txt .t3{margin-top: 2.6042vw;}
.brand .txt .t3 p{color: #4f2d37;font-size: 1.25vw;line-height: 1.625em;font-family: 'Noto Sans KR';letter-spacing: -0.024em;overflow: hidden;}
.brand .txt .t3 strong{display: block;font-weight: 400;}
.brand .txt .t3 strong ~ strong{margin-top:1.1458vw;}
.brand .box.area1{padding: 0 11.4583% 0 9.8958%;}
.brand .box.area1 .txt .t2 p img{width: 17.8125vw;}
.brand .box.area2 .txt .t2 p img{width:23.3333vw;}
.brand .box.area3 .txt .logo img{width: 11.1458vw;}
.brand .box.area1 .figure{width: 26.1979vw;}
.brand .box.area2{margin-top: 8.3333vw;padding: 0 4.1667% 0 11.9792%;}
.brand .box.area2 .txt{padding-bottom:2.6042vw;}
.brand .box.area2 .figure{width: 45.7813vw;}
.brand .box.area3{display: block;padding: 0 2%;margin-top: 5.4688vw;}
.brand .box.area3 .txt{position: absolute;top: 100%;right: 23%;margin-top: -2.6042vw;margin-right: -5.1042vw;opacity: 0;transition: 1s;transition-delay: 1.3s;}
.brand .box.area3 .line{height:1px;background-color: #4f2d37;position: absolute;bottom: 1px;width: 0;transition: 0.6s;transition-delay: 0.5s;}
.brand .box.area3 .line.lef{left: 34%;}
.brand .box.area3 .line.rig{right: 77%;}
.f_txt1_1{font-size:13px;fill:#e27f5c;font-family:Noto Sans KR;}
.f_txt1_2{font-size:30px;fill:#fff;font-family:Sofia Sans;font-weight:600;letter-spacing: 0.06em;}
.f_txt2_1{font-size:13px;font-family:Noto Sans KR;letter-spacing:-0.02em;fill: #4f2d37;}
.f_txt2_2{font-size:13px;font-family:Noto Sans KR;letter-spacing:-0.02em;fill:#e27f5c;}
.f_txt2_3{font-family:Sofia Sans;fill: #4f2d37;font-size:30px;font-weight:700;letter-spacing: 0.06em;}
.f_txt2_4{font-size:30px;font-weight:600;fill:#fff;font-family: Sofia Sans;letter-spacing:0.06em;}
.f_txt3_1{font-size:13px;fill:#e27f5c;font-family:Noto Sans KR;letter-spacing:-0.02em;}
.f_txt3_2{font-size:30px;fill:#fff;font-family:Sofia Sans;letter-spacing:0.06em;}
.brand .mo_com .figure .f_txt text{opacity: 1;}
.brand .mo_com.area3 .txt{top: 50%;opacity: 1;}
.brand .mo_com.area3 .line.lef{width: 66%;}
.brand .mo_com.area3 .line.rig{width: 23%;}

.vd_area video{display:block;width:100%;background-color: #4f2d37;}

.building_plan{height:100%;position:relative;background-color: #97b0c8;overflow:hidden;}
.building_plan .bg{height:100%;width:100%;background:url(../images/building-bg.jpg) no-repeat center;background-size:cover;position:absolute;left:0;top:0;opacity:0;transform:scale(1.1);transition:0.8s;}
.building_plan .bd{position:absolute;left:0;top:0;height:100%;width:100%;display: flex;align-items: center;justify-content:center;}
.building_plan .bd img{width:15.7292vw;opacity:0;transform:translate(0,15%);transition:1s;transition-delay:0.6s;}
.building_plan .area{height: 100%;display: flex;align-items: center;position: relative;z-index:5;text-align:center;}
.building_plan .area .lef,
.building_plan .area .rig{width:50%;}
.building_plan .area .lef img{width:12.5521vw;opacity:0;transform:translate(0,30%);;transition:1s;transition-delay:1s;}
.building_plan .area .rig p{color:#fff;font-size:1.0417vw;line-height:1.8em;font-family: 'Noto Sans KR';overflow: hidden;}
.building_plan.mo_com .bg,
.building_plan.mo_com .bd img,
.building_plan.mo_com .area .lef img{opacity:1;transform:none;}

.architect{background-color:#97b0c8;padding: 220px 0 0;}
.architect .tit{margin-bottom:5.2083vw;text-align:center;}
.architect .tit strong{display:block;width:20.3125vw;margin:0 auto;opacity:0;transform:translate(0,20%);transition:0.8s;}
.architect .tit p{color: #f2f2f2;font-weight: 300;font-size: 1.5625vw;font-style: italic;overflow: hidden;margin-top:1.5625vw;letter-spacing: 0.04em;}
.architect .area{display:flex;position:relative;}
.architect .area .box{position:relative;padding: 2.0833vw 0;height: 100%;}
.architect .area .box::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:100%;background-color: #97b0c8;transition:1.5s;transition-delay:0.6s;}
.architect .area .lef,
.architect .area .rig{width:26.04%;position:relative;padding: 0 2.0833vw;}
.architect .area .cen{width:47.92%;position:relative;padding: 0 2.0833vw;}
.architect .area .line{position:absolute;background-color:#4f2d37;transition:1.3s;}
.architect .area .l1{left:50%;top:0;height:1px;width:0;}
.architect .area .l2{right:0;top:0;height:1px;width:0;transition-delay:0.6s;}
.architect .area .l3{left:0;top:0;height:1px;width:0;transition-delay:0.6s;}
.architect .area .l4{right:0;top:2.0833vw;height:0;width:1px;transition-delay:0.6s;}
.architect .area .l5{left:0;top:2.0833vw;height:0;width:1px;transition-delay:0.6s;}
.architect .area .l6{left:50%;bottom:0;height:1px;width:0;;transition-delay:1.6s;}
.architect .area .txt{position:absolute;}
.architect .area .lef .txt{right:0;top:6.25vw;text-align:right;}
.architect .area .rig .txt{left:0;bottom:6.25vw;text-align:left;}
.architect .area .txt .t1{margin-bottom:1.8229vw;}
.architect .area .txt .t1 > div ~ div{margin-top:0.8854vw;}
.architect .area .txt .t1 p{font-size:1.1458vw;line-height:1.636em;font-weight:500;color:#f2f2f2;overflow:hidden;letter-spacing: 0.1em;}
.architect .area .txt .t2 p{font-family: 'Noto Sans KR';color:#4f2d37;font-weight:500;font-size:1.25vw;line-height:1.667em;overflow:hidden;letter-spacing: -0.024em;}
.architect .area .txt .t3{margin-top:1.8229vw;}
.architect .area .txt .t3 p{font-family: 'Noto Sans KR';color:#4f2d37;font-size:1.0417vw;line-height:1.8em;overflow:hidden;letter-spacing: -0.024em;}
.architect .tit.mo_com strong{opacity:1;transform:none;}
.architect .area.mo_com .box::before{height:0;}
.architect .area.mo_com .l1{width:100%;left:0;}
.architect .area.mo_com .l2,
.architect .area.mo_com .l3{width:100%;}
.architect .area.mo_com .l4,
.architect .area.mo_com .l5{height:calc(100% - 4.1666vw);}
.architect .area.mo_com .l6{width:100%;left:0;}
.architect .area.mo_com .lef .txt .mo_up,
.architect .area.mo_com .rig .txt .mo_up{transform:none;}

.prize{background-color: #97b0c8;padding: 120px 6.25vw 140px;}
.prize .box1{position:relative;padding:10.2604vw 0 3.4vw 2.0833vw;display:flex;justify-content:flex-start;z-index:1;}
.prize .box2{position:relative;padding:4.1667vw 2.0833vw 5.2083vw 0;display:flex;justify-content:flex-end;}
.prize .img_box{position:absolute;overflow:hidden;}
.prize .img_box img{display:block;}
.prize .img1{right:0;top:0;width:41.6667vw;}
.prize .img1::before{content:"";position:absolute;right:0;top:0;width:100%;height:100%;background-color:#97b0c8;transition:1.2s;}
.prize .img2{left:20.8333vw;bottom:0;width:36.4583vw;}
.prize .img2::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:100%;background-color:#97b0c8;transition:1.2s;transition-delay:1.5s;}
.prize .txt_box1 .tit{margin-bottom:2.8646vw;}
.prize .txt_box1 .tit p{font-family: 'Noto Sans KR';color:#4f2d37;font-weight:500;font-size:1.25vw;margin-bottom:1.0417vw;opacity:0;transform:translate(0,50%);transition:0.8s;transition-delay:0.8s;}
.prize .txt_box1 .tit strong{display:block;color:#4f2d37;font-size:2.3438vw;font-weight:400;letter-spacing:0.05em;opacity:0;transform:translate(0,50%);transition:0.8s;transition-delay:0.9s;}
.prize .txt_box1 .txt p{font-family: 'Noto Sans KR';color:#4f2d37;font-size:1.0417vw;line-height:1.8em;overflow:hidden;}
.prize .txt_box1 .txt p span{display:block;}
.prize .txt_box2 .tit{margin-bottom:2.3438vw;text-align: right;}
.prize .txt_box2 .tit strong{display:block;color:#4f2d37;font-size:2.5vw;font-weight:400;letter-spacing:0.05em;opacity:0;transform:translate(0,50%);transition:0.8s;transition-delay:2.2s;}
.prize .txt_box2 .txt{display:flex;color:#4f2d37;text-align:right;}
.prize .txt_box2 .txt strong{font-size:1.25vw;display:block;font-weight:400;line-height:1.625em;opacity:0;transform:translate(0,30%);transition:0.6s;}
.prize .txt_box2 .txt span{font-size:1.0417vw;display:block;font-family: 'Noto Sans KR';}
.prize .txt_box2 .txt .list{padding-right:1.1458vw;margin-right:1.1458vw;position:relative;}
.prize .txt_box2 .txt .list::before{content:"";position:absolute;right:0;top:0;background-color:#e27f5c;width:1px;height:0;transition:0.8s;transition-delay:2.4s;}
.prize .txt_box2 .txt .list p{display:flex;align-items:center;justify-content: flex-end;opacity:0;transform:translate(0,30%);transition:0.6s;}
.prize .txt_box2 .txt .list p strong{padding-right:0.5208vw;}
.prize .txt_box2 .txt .list .d1,
.prize .txt_box2 .txt .year .d1{transition-delay:2.6s;}
.prize .txt_box2 .txt .list .d2,
.prize .txt_box2 .txt .year .d2{transition-delay:2.7s;}
.prize .txt_box2 .txt .list .d3,
.prize .txt_box2 .txt .year .d3{transition-delay:2.8s;}
.prize .txt_box2 .txt .list .d4,
.prize .txt_box2 .txt .year .d4{transition-delay:2.9s;}
.prize .txt_box2 .txt .list .d5,
.prize .txt_box2 .txt .year .d5{transition-delay:3s;}
.prize .txt_box2 .txt .list .d6,
.prize .txt_box2 .txt .year .d6{transition-delay:3.1s;}
.prize.mo_com .img1::before{width:0;}
.prize.mo_com .img2::before{height:0;}
.prize.mo_com .txt_box1 .tit p,
.prize.mo_com .txt_box1 .tit strong,
.prize.mo_com .txt_box2 .tit strong,
.prize.mo_com .txt_box2 .txt strong,
.prize.mo_com .txt_box2 .txt .list p{transform:none;opacity:1;}
.prize.mo_com .txt_box2 .txt .list::before{height:100%;}
.prize.mo_com .mo_up{transform:none;}

.con_tit{text-align:center;}
.con_tit .tit1{opacity:0;transform:translate(0,20%);transition:0.8s;}
.con_tit .tit1 img{display:block;margin:0 auto;}
.con_tit .tit2{color: #f2f2f2;font-size: 1.5625vw;font-style: italic;font-weight: 300;line-height: 1.333em;overflow: hidden;letter-spacing: 0.04em;margin-top:1.0417vw;overflow:hidden;}
.con_tit .tit2 span{display:block;transform:translate(0,100%);transition:0.8s;transition-delay:0.3s;}
.mo_com.con_tit .tit1,
.mo_com.con_tit .tit2 span{transform:none;opacity:1;}

.features .point{position:absolute;left:0;color:red;font-size:24px;}
.features .point1-1{top:0;}
.features .point1-2{top:30vh;}
.features .point1-3{top:60vh;}
.features .point1-4{top:90vh;}
.features .point1-5{top:120vh;}
.features .point1-6{top:150vh;}
.features .point1-7{top:180vh;}
.features .point1-8{top:210vh;}
.features .point1-9{top:240vh;}
.features .point1-10{top:270vh;}
.features .point2-1{top:300vh;}
.features .point2-2{top:340vh;}
.features .point2-3{top:370vh;}
.features .point2-4{top:400vh;}
.features .point2-5{top:430vh;}
.features .point2-6{top:460vh;}
.features .point2-7{top:490vh;}
.features .point2-8{top:520vh;}
.features .point3-1{top:550vh;}
.features .point3-2{top:590vh;}
.features .point3-3{top:620vh;}
.features .point3-4{top:650vh;}
.features .point3-5{top:680vh;}
.features .point3-6{top:710vh;}
.features .point3-7{top:740vh;}
.features .point3-8{top:770vh;}
.features .point3-9{top:800vh;}
.features{padding: 5.7292vw 2.0833vw 10.4167vw;background-color: #97b0c8;position:relative;}
.features .con_tit .tit1 img{width:13.3854vw;}
.features .fix_area{margin-top:2.6042vw;position:relative;height:950vh;}
.features .sd{position:sticky;top:0;}
.features .sd::before{content:"";position:absolute;left:50%;top:0;width:0;height:1px;background-color:#4F2D37;transition:1s;}
.features .sd .in{width:75vw;margin: 0 auto;}
.features .sd_tab ul{display:flex;position:relative;}
.features .sd_tab ul::before{content:"";position:absolute;left:0;top:0.5208vw;width:1px;height:0;background-color:#4F2D37;transition:1s;transition-delay:0.4s;}
.features .sd_tab ul::after{content:"";position:absolute;right:0;top:0.5208vw;width:1px;height:0;background-color:#4F2D37;transition:1s;transition-delay:0.4s;}
.features .sd_tab ul li{width:33.33%;text-align:center;padding: 2.2vw 0;cursor:pointer;position:relative;}
.features .sd_tab ul li ~ li::before{content:"";position:absolute;left:0;bottom:1.0417vw;width:1px;background-color:#4F2D37;height:0;transition:1s;transition-delay:0.4s;}
.features .sd_tab ul li span{display: block;font-size:1.0417vw;font-weight:700;color:#4F2D37;position:relative;letter-spacing:0.04em;opacity:0;transform:translate(0,30%);transition:0.6s;}
.features .sd_tab ul li span svg{position:absolute;left:50%;top:50%;width:12.3438vw;height:auto;transform:translate(-50%,-50%);}
.features .sd_tab ul li.st2 span svg{width:15.0521vw;}
.features .sd_tab ul li span svg ellipse{stroke-dasharray: 500;stroke-dashoffset: -500;transition: 0.6s;}
.features .sd_tab ul li.st2 span svg ellipse{stroke-dasharray: 610;stroke-dashoffset: -610;transition: 0.8s;}
.features .sd_con{position:relative;}
.features .sd_con .sd_box_wrap{position:relative;}
.features .sd_con .sd_box{position:relative;opacity:0;pointer-events: none;transition:0.3s;}
.features .sd_con .sd_box img{width:100%;}
.features .sd_con .sd_box.on{opacity:1;pointer-events: auto;transition-delay:0.2s;}
.features .sd_con .sd1{z-index:9;}
.features .sd_con .sd2,
.features .sd_con .sd3{z-index:4;position:absolute;left:0;top:0;width:100%;height:100%;}
.features .sd_con .arr{position:absolute;top:50%;width:10vw;height:10vw;margin-top:-5vw;background:url(../images/features-arr.svg) no-repeat center / auto 60%;opacity:0;pointer-events: none;z-index:10;}
.features .sd_con .prev{left:0;transform:rotate(180deg);}
.features .sd_con .next{right:0;}
.features .sd_con .sd_page{position:absolute;bottom:1.0417vw;z-index: 5;width: 100%;display: flex;align-items: center;justify-content: center;}
.features .sd_con .sd_page .swiper-pagination-bullet{opacity:1;width:0.5208vw;height:0.5208vw;border: 1px solid #fff;margin: 0 0.5208vw;background:transparent;}
.features .sd_con .sd_page .swiper-pagination-bullet-active{border-color:#E27F5C;background:#E27F5C;}
.features .sd.mo_com::before{left:0;width:100%;}
.features .sd.mo_com .sd_tab ul::before,
.features .sd.mo_com .sd_tab ul::after{height:calc(100% - 2.0834vw);}
.features .sd.mo_com .sd_tab ul li ~ li::before{height:calc(100% - 2.0834vw);}
.features .sd.mo_com .sd_tab ul li span{opacity:1;transform:none;}
.features .sd.mo_com .sd_tab ul li.on svg ellipse{stroke-dashoffset: 0;}

.introduction{height:calc(300% - 4.1666vw);display:flex;background-color: #97b0c8;margin-top: -1px;}
.introduction .lef{height:calc(33.33% + 2.0833vw);position:sticky;top:0;width:31.25vw;padding: 2.0833vw;display:flex;flex-direction: column;justify-content: space-between;}
.introduction .lef .top{border-top:1px solid #4F2D37;padding-top:3.6458vw;}
.introduction .rig{width:68.75vw;padding-right: 2.0833vw;height: 100%;}
.introduction .con_tit{cursor:pointer;}
.introduction .con_tit .tit1 img{width:20.3125vw;}
.introduction .area ul li{cursor:pointer;font-size:1.0417vw;line-height:4em;font-weight:600;border-top:1px solid #4F2D37;text-align:center;color:#4F2D37;letter-spacing:0.04em;}
.introduction .area ul li:last-child{border-bottom:1px solid #4F2D37;}
.introduction .area ul li span{position:relative;}
.introduction .area ul li span svg{position: absolute;left: 50%;top: 50%;width: 25vw;height: auto;transform: translate(-50%,-50%);display:none;}
.introduction .area ul li span svg ellipse{stroke-dasharray: 500;stroke-dashoffset: -500;transition: 0.6s;}
.introduction .rig ul{height:100%;}
.introduction .rig ul li{height:33.33%;position:relative;overflow:hidden;}
.introduction .rig .box1{padding:2.0833vw 0;}
.introduction .rig .box1 .bg{position:relative;width:100%;height:100%;}
.introduction .rig .box1 .bg span{position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/introduction-bg.jpg) no-repeat center / cover;}
.introduction .rig .line_box{border-right:1px solid #4F2D37;border-left:1px solid #4F2D37;padding:0 2.0833vw;}
.introduction .rig .line_box .con{height:100%;border-top:1px solid #4F2D37;border-bottom:1px solid #4F2D37;position:relative;}
.introduction .rig .box2{height:calc(33.33% - 2.0833vw);}
.introduction .rig .box2 .txt{position:absolute;left:0.5208vw;bottom:2.6042vw;}
.introduction .rig .box2 .txt dl{margin-bottom:2.6042vw;}
.introduction .rig .box2 .txt dl dt{color:#fff;font-weight:500;font-family: 'Noto Sans KR';font-size:1.25vw;line-height:1.5em;letter-spacing:-0.025em;opacity: 0;transform: translate(0px, 30%);transition: all 0.8s ease;}
.introduction .rig .box2 .txt dl dd{font-size:2.3958vw;color:#4F2D37;line-height:1.4em;letter-spacing:0.04em;opacity: 0;transform: translate(0px, 30%);transition: all 0.8s ease 0.2s;}
.introduction .rig .box2 .txt p{color:#4F2D37;font-size:1.0417vw;line-height:1.8em;font-family: 'Noto Sans KR';letter-spacing:-0.025em;overflow:hidden;}
.introduction .rig .box2 .img{position:absolute;right:0;top:3.125vw;}
.introduction .rig .box2 .img img{display:block;width:37.5vw;}
.introduction .rig .box2 .img::before{content:"";position:absolute;right:0;top:0;width:100%;height:100%;background-color: #97b0c8;transition: 1.2s;}
.introduction .rig .box3{height:calc(33.33% - 2.0833vw);margin-top:2.0833vw;}
.introduction .rig .box3 .img{position:absolute;left:1.0417vw;bottom:2.3438vw;}
.introduction .rig .box3 .img::before{content: "";position: absolute;left: 0;bottom: 0;width: 100%;height: 100%;background-color: #97b0c8;transition: 1.2s;}
.introduction .rig .box3 .img img{display:block;width:34vw;}
.introduction .rig .box3 .txt{position:absolute;right:0;top:4vw;text-align:right;opacity:0;transform:translate(0,20%);transition:0.8s;}
.introduction .rig .box3 .txt p{font-size:1.1458vw;line-height:1.636em;color:#fff;letter-spacing:0.1em;}
.introduction .rig .box3 .txt p span{color:#4F2D37;}
.introduction .rig .box3 .year{text-align:right;position:absolute;right:0;bottom:7vw;}
.introduction .rig .box3 .year dl dt{color:#4F2D37;font-size:2.5vw;line-height:1.25em;font-weight:500;margin-bottom:2.0833vw;letter-spacing:0.04em;opacity: 0;transform: translate(0,50%);transition: 0.8s;}
.introduction .rig .box3 .year dl dd{position:relative;}
.introduction .rig .box3 .year dl dd::before{content:"";position:absolute;right:3.9063vw;width:1px;height:0;background-color:#E27F5C;transition: 0.8s;transition-delay: 0.2s;}
.introduction .rig .box3 .year dl dd p{display:flex;align-items: center;justify-content: flex-end;}
.introduction .rig .box3 .year dl dd p ~ p{margin-top:0.5208vw;}
.introduction .rig .box3 .year dl dd p span{font-size:1.1979vw;color:#4F2D37;line-height:1.304em;letter-spacing:0.04em;margin-right:1.0417vw;opacity: 0;transform: translate(0,30%);transition: 0.6s;transition-delay: 0.4s;}
.introduction .rig .box3 .year dl dd p span em{font-family: 'Noto Sans KR';font-size:1.0417vw;margin-left:0.3646vw;letter-spacing:-0.025em;}
.introduction .rig .box3 .year dl dd p strong{font-size:1.1979vw;color:#4F2D37;font-weight:500;width:3.9063vw;line-height:1.2em;letter-spacing:0.04em;opacity: 0;transform: translate(0,30%);transition: 0.6s;transition-delay: 0.4s;}

.architect_list{background-color:#fff;}
.architect_list ul{display:flex;flex-wrap:wrap;border-top:1px solid #4f2d37;border-bottom:1px solid #4f2d37;}
.architect_list ul li{width:25%;border-left:1px solid #4f2d37;overflow:hidden;}
.architect_list ul li:nth-child(4n+1){border-left:none;}
.architect_list ul li:nth-child(n+5){border-top:1px solid #4f2d37;}
.architect_list ul li button{display:block;width:100%;height: 100%;background:#fff;border:none;position: relative;opacity:0;transition:1s;}
.architect_list ul li button::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(139,163,185,0.5);mix-blend-mode: multiply;opacity:0;transition:0.8s;}
.architect_list ul li.up button{transform:translate(0,20%);}
.architect_list ul li.down button{transform:translate(0,-20%);transition-delay:0.1s;}
.architect_list ul li.left button{transform:translate(20%,0);transition-delay:0.2s;}
.architect_list ul li.right button{transform:translate(-20%,0);transition-delay:0.3s;}
.architect_list ul li img{display:block;}
.architect_list ul li .tit{position:absolute;}
.architect_list ul li .tit.line1{display:flex;align-items: center;}
.architect_list ul li .tit strong{display:block;color:#4f2d37;font-size:1.5625vw;font-weight:600;}
.architect_list ul li .tit.line1 strong{padding-right:0.5vw;}
.architect_list ul li .tit.line2 strong ~ span,
.architect_list ul li .tit.line2 span ~ strong{margin-top:0.5208vw;}
.architect_list ul li .tit.lef{left:6.25%;text-align:left;}
.architect_list ul li .tit.rig{right:6.25%;text-align:right}
.architect_list ul li .tit.top{top:6.25%;}
.architect_list ul li .tit.bot{bottom:6.25%;}
.architect_list ul li .tit.cen{left:0;width:100%;text-align:center;}
.architect_list ul li .tit span{display:block;font-family: 'Noto Sans KR';color:#4f2d37;font-size:0.8333vw;opacity:0;transition:0.3s;}
.architect_list ul li .tit.line1 span{transform:translate(-15%,0);}
.architect_list ul li .tit.line2 span:last-child{transform:translate(0,40%);}
.architect_list ul li .tit.line2 span:first-child{transform:translate(0,-40%);}
.architect_list ul li .view_more{position:absolute;}
.architect_list ul li .view_more.lef{left:6.25%;text-align:left;}
.architect_list ul li .view_more.rig{right:6.25%;text-align:right;}
.architect_list ul li .view_more.top{top:6.25%;}
.architect_list ul li .view_more.bot{bottom:6.25%;}
.architect_list ul li .view_more.cen{left:0;width:100%;text-align:center;}
.architect_list ul li .view_more strong{display:inline-block;position:relative;color:#4f2d37;font-size:0.8333vw;margin-bottom:0.7813vw;line-height:1.25em;padding-right:1.5625vw;opacity:0;transform:translate(0,30%);transition:0.4s;}
.architect_list ul li .view_more strong em{height:1.25em;width:1.25em;position:absolute;right:0;top:0;}
.architect_list ul li .view_more strong em img{width:100%;height:100%;display:block;}
.architect_list ul li .view_more p{display:block;color:#4f2d37;font-size:0.8333vw;line-height:1.875em;font-family: 'Noto Sans KR';}
.architect_list ul li .view_more p span{display:block;overflow:hidden;}
.architect_list ul li .view_more p span em{display:block;transform:translate(0,100%);transition:0.6s;}
.architect_list ul li button:hover::before{opacity:1;}
.architect_list ul li button:hover .tit span{transform:none !important;opacity:1 !important;transition-delay:0.2s;}
.architect_list ul li button:hover .view_more strong{opacity:1;transform:none;transition-delay:0.3s;}
.architect_list ul li button:hover .view_more p span em{transform:none;transition-delay:0.4s;}
.architect_list.mo_com ul li button{opacity:1;transform:none;}

.half_tit{display:flex;align-items:center;position:relative;padding:0 3.38vw;}
.half_tit .lef,
.half_tit .rig{width:43.08vw;text-align:center;opacity:0;transition:1s;transition-delay:0.6s;}
.half_tit .lef{transform:translate(-5%,30%);}
.half_tit .rig{transform:translate(5%,-30%);}
.half_tit .line{width:7.08vw;position:relative;}
.half_tit .line::before{content:"";position:absolute;left:0;top:0;width:100%;height:50%;transition:0.8s;}
.half_tit .line::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:50%;transition:0.8s;}
.half_tit .tit strong{display:block;}
.half_tit .tit p{font-size:1.5625vw;font-style:italic;font-weight:300;line-height:1.333em;overflow:hidden;letter-spacing:0.04em;}
.half_tit .tit p span{display:block;letter-spacing: 0.04em;}
.half_tit dl dt{font-family: 'Noto Sans KR';font-size:1.25vw;font-weight:600;margin-bottom:1.2vw;}
.half_tit dl dt span{font-weight:400;}
.half_tit dl dd{font-family: 'Noto Sans KR';font-size:1.0417vw;line-height:1.8em;}
.half_tit.mo_com .line::before,
.half_tit.mo_com .line::after{height:0;}
.half_tit.mo_com .lef,
.half_tit.mo_com .rig{opacity:1;transform:none;}

.location{background-color:#97b0c8;padding:150px 0 125px;overflow:hidden;}
.location .half_tit .line::before,
.location .half_tit .line::after{background-color: #97b0c8;}
.location .half_tit .tit strong{margin-bottom:1.3vw;}
.location .half_tit .tit p{color:#fff;}
.location .half_tit dl dt,
.location .half_tit dl dd{color:#4f2d37;}
.loc_sd{margin-top:5.72vw;}
.loc_sd .img{position:relative;}
.loc_sd .img img{display:block;}
.loc_sd .hov{position:absolute;left:0;top:0;width:100%;height:100%;padding:7% 7.8%;cursor:pointer;}
.loc_sd .hov::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background-color:#8393a2;mix-blend-mode: multiply;opacity:0;transition:0.6s;}
.loc_sd .hov .box{width:100%;height:100%;position:relative;z-index:5;display:flex;flex-direction: column;justify-content: space-between;}
.loc_sd .hov .box strong{display:block;color:#fff;font-size:2.08vw;font-weight:600;letter-spacing:0.095em;opacity:0;transition:0.6s;transition-delay:0.2s;}
.loc_sd .hov .box dl dt{color:#fff;font-size:1.25vw;line-height:1.667em;margin-bottom:1.82vw;letter-spacing:-0.024em;font-family: 'Noto Sans KR';opacity:0;transform:translate(0,20%);transition:0.6s;}
.loc_sd .hov .box dl dd{color:#fff;font-size:0.833vw;line-height:2em;font-weight:300;letter-spacing:-0.024em;font-family: 'Noto Sans KR';opacity:0;transform:translate(0,10%);transition:0.6s;}
.loc_sd .line{margin-top:0.78vw;display:flex;align-items:center;}
.loc_sd .line span{flex-grow:1;height:1px;background-color:#4f2d37;}
.loc_sd .line p{color:#4f2d37;font-size:1.04vw;margin-left:0.78vw;}
.loc_sd .hov:hover::before{opacity:1;}
.loc_sd .hov:hover .box strong{opacity:1;}
.loc_sd .hov:hover .box dl dt{opacity:1;transform:none;transition-delay:0.3s;}
.loc_sd .hov:hover .box dl dd{opacity:1;transform:none;transition-delay:0.4s;}
.loc_sd .swiper-wrapper{will-change: transform;}
/*
.loc_sd .swiper-slide{opacity:0;transform:translate(0,30%);transition:1s;transition-delay:0.3s;}
.loc_sd .swiper-slide-active{transition-delay:0s;}
.loc_sd.mo_com .swiper-slide{opacity:1;transform:none;}
*/

.loc_map{position:relative;}
.loc_map img{width:100%;}
.loc_map .lm_mo{position:absolute;left:0;top:0;width:100%;height:100%;}
.loc_map .lm_mo svg{display:block;width:100%;height:100%;}
.loc_map .lm_mo .co_br{fill:#4f2d37;}
.loc_map .lm_mo .co_wh{fill:#fff;}
.loc_map .lm_mo .house{transform-box: fill-box;transition: 0.8s;}
.loc_map .lm_mo .lef_txt .co_br{opacity:0;transform:scale(0);transform-box: fill-box;transform-origin: 100% 100%;transition:0.8s;transition-delay: 1.4s;}
.loc_map .lm_mo .rig_txt .co_br{opacity:0;transform:scale(0);transform-box: fill-box;transform-origin: 0% 100%;transition:0.8s;transition-delay: 1.9s;}
.loc_map .lm_mo .lef_txt .co_wh{opacity:0;transition:0.8s;transition-delay: 1.9s;}
.loc_map .lm_mo .rig_txt .co_wh{opacity:0;transition:0.8s;transition-delay: 2.4s;}
.loc_map .lm_mo .h1{opacity: 0;}
.loc_map .lm_mo .h2{opacity: 0;transform: translate(30%,0);transition-delay: 0.1s;}
.loc_map .lm_mo .h3{opacity: 0;transition-delay: 0.3s;}
.loc_map .lm_mo .h4{opacity: 0;transform: translate(-30%,0);transition-delay: 0.4s;}
.loc_map .lm_mo .h5{opacity: 0;transform: translate(-50%,0);transition-delay: 0.5s;}
.loc_map .lm_mo .h6{opacity: 0;transform: scale(0.9);transition-delay: 0.55s;}
.loc_map .lm_mo .h7{opacity: 0;transition-delay: 0.7s;}
.loc_map .lm_mo .h8{opacity: 0;transform: translate(45%,-45%);transition-delay: 0.8s;}
.loc_map.mo_com .lm_mo .house{opacity: 1;transform: none;}
.loc_map.mo_com .lm_mo .lef_txt .co_br,
.loc_map.mo_com .lm_mo .rig_txt .co_br,
.loc_map.mo_com .lm_mo .lef_txt .co_wh,
.loc_map.mo_com .lm_mo .rig_txt .co_wh{opacity:1;transform:none;}
.loc_map .loc_btn{width:11.7188vw;height:11.7188vw;position:absolute;right:5vw;bottom:7.1875vw;z-index:1;border-radius:50%;background-color:#e27f5c;display:none;}
.loc_map .loc_btn span{background-color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.loc_map .loc_btn span:nth-child(1){width:4.6875vw;height:0.625vw;}
.loc_map .loc_btn span:nth-child(2){height:4.6875vw;width:0.625vw;}
.loc_map .map_box{position:absolute;right:2.0833vw;bottom:2.0833vw;background-color:#4f2d37;z-index:10;padding:2.5vw 3.6458vw 2.5vw 3.3854vw;transform: scale(0);transition: 0.8s;transition-delay:2.6s;transform-origin: 100% 100%;}
.loc_map .map_box dl ~ dl{margin-top:1.5625vw;}
.loc_map .map_box dl dt{display:flex;align-items:center;overflow:hidden;}
.loc_map .map_box dl dt p{color:#97b0c8;font-size:0.8333vw;font-weight:600;padding-right:0.4167vw;}
.loc_map .map_box dl dt .line{flex-grow:1;}
.loc_map .map_box dl dt .line em{display:block;transition:0.6s;transition-delay:3.5s;width:0;height:1px;background-color:#97b0c8;}
.loc_map .map_box dl dd{margin-top:0.5208vw;}
.loc_map .map_box dl dd p{color:#fff;font-size:0.8854vw;overflow:hidden;font-family: 'Noto Sans KR';font-weight: 300;}
.loc_map.mo_com .map_box{transform:none;}
.loc_map.mo_com .map_box dl dt .line em{width:100%;}
.map_pop{position:fixed;left: 0;top: 0;width: 100%;height: 100%;z-index:-1;background-color:rgba(0,0,0,0.8);display:flex;align-items: center;opacity:0;transition:0.5s;}
.map_pop > div{width:100%;padding:0 2.5%;}
.map_pop .map_img{width:100%;border: 4px solid #ddd;border-radius:3px;overflow:hidden;background-color:#fff;}
.map_pop .close{margin-top:5vw;text-align:right;}
.map_pop.on{z-index:500;opacity:1;}

.loc_map2{padding-top:5.2083vw;background-color:#97b0c8;}
.loc_map2 .map_area{display:flex;border-top:1px solid #4f2d37;}
.loc_map2 .map_area .lef{width:50%;}
.loc_map2 .map_area .rig{width:50%;display:flex;align-items:center;justify-content:center;padding: 0 5.2083vw;border-left:1px solid #4f2d37;}
.loc_map2 .map_area .map_box2{width:100%;height:100%;position:relative;}
.loc_map2 .map_area .map_box2 img{display:block;width: 100%;}
.loc_map2 .map_txt{position:absolute;left:0;top:0;width:100%;height:100%;}
.loc_map2 .map_txt svg{display:block;width:100%;height:100%;}
.loc_map2 .map_txt .mt{transform:scale(0);transform-box: fill-box;transition:0.5s;}
.loc_map2 .map_txt .mt1{transform-origin: 100% 100%;transition-delay:0.4s;}
.loc_map2 .map_txt .mt2{transform-origin: 0 100%;transition-delay:0.7s;}
.loc_map2 .map_txt .mt_bg{fill:#4f2d37;}
.loc_map2 .map_txt .mt_txt{fill:#fff;opacity:0;transition:0.4s;}
.loc_map2 .map_txt .mt1 .mt_txt{transition-delay:1s;}
.loc_map2 .map_txt .mt2 .mt_txt{transition-delay:1.3s;}
.loc_map2 .map_icon{position:absolute;left:0;top:0;width:100%;height:100%;}
.loc_map2 .map_icon svg{display:block;width:100%;height:100%;}
.loc_map2 .map_icon .cir{fill:#4f2d37;}
.loc_map2 .map_icon .txt_bg{fill:#4f2d37;}
.loc_map2 .map_icon .txt_in{fill:#f2f2f2;}
.loc_map2 .map_icon .cir_box{cursor:pointer;}
.loc_map2 .map_icon .cir_box .rect{fill:transparent;}
.loc_map2 .map_icon .txt_box{user-select: none;pointer-events: none;transform-box: fill-box;transform:scale(0);transition:0.3s;}
.loc_map2 .map_icon .txt_box.lf{transform-origin: 100% 100%;}
.loc_map2 .map_icon .txt_box.rg{transform-origin: 0 100%;}
.loc_map2 .map_icon .txt_box .txt_in{opacity:0;transition:0.3s;transition-delay:0.3s;}
.loc_map2 .map_icon .cir_box:hover + .txt_box{transform:none;}
.loc_map2 .map_icon .cir_box:hover + .txt_box .txt_in{opacity:1;}
.loc_map2 .num_con{width: 100%;padding-bottom: 1.0417vw;}
.loc_map2 .tit{text-align:center;margin-bottom:3.0208vw;}
.loc_map2 .tit p{color: #fff;font-weight: 300;font-size: 1.5625vw;font-style: italic;overflow: hidden;margin-bottom: 1.3021vw;letter-spacing: 0.04em;}
.loc_map2 .tit strong{display: block;width:17.4479vw;margin: 0 auto;opacity: 0;transform: translate(0,20%);transition: 0.8s;transition-delay: 0.4s;}
.loc_map2 .num_con .num_list{padding-top:1.9792vw;position:relative;}
.loc_map2 .num_con .num_list::before{content:"";display:block;position:absolute;left:50%;top:0;width:0;height:1px;background-color:#4f2d37;transition:0.8s;transition-delay:0.8s;}
.loc_map2 .num_con .num_list ul{display: grid;grid-template-rows: repeat(11, auto);grid-auto-flow: column;justify-content: space-between;}
.loc_map2 .num_con .num_list ul li{display:flex;padding-top:0.9635vw;opacity:0;transform:translate(-10%,0);transition:0.6s;}
.loc_map2 .num_con .num_list ul li strong{color:#f2f2f2;font-weight:600;font-size:1.1458vw;letter-spacing:0.04em;padding-right:0.5208vw;}
.loc_map2 .num_con .num_list ul li p{font-family: 'Noto Sans KR';font-size:0.9375vw;color:#4f2d37;letter-spacing: -0.025em;}
.loc_map2 .num_con .num_list ul li  span{width:0.8854vw;margin-left:0.4167vw;}
.loc_map2 .num_con .num_list ul li span img{display:block;}
.loc_map2.mo_com .map_txt .mt{transform:none;}
.loc_map2.mo_com .tit strong{opacity: 1;transform: none;}
.loc_map2.mo_com .num_con .num_list::before{width:100%;left:0;}
.loc_map2.mo_com .map_txt .mt_txt{opacity:1;}

.clb{background-color:#4f2d37;padding:120px 2.08vw 160px;}
.clb .half_tit{padding:0;}
.clb .half_tit .line::before,
.clb .half_tit .line::after{background-color: #4f2d37;}
.clb .half_tit .tit p{margin-bottom:1.04vw;color:#97b0c8;}
.clb .half_tit dl dt,
.clb .half_tit dl dd{color:#fff;}
.clb .half_tit dl dt {font-weight:400;}
.clb .half_tit dl dt em{font-weight:500;}
.clb .half_tit dl dd{font-weight:300;}
.clb .area{margin-top:5.2vw;text-align:center;padding:6.5104vw 0 8.3333vw;position:relative;z-index:1;overflow:hidden;}
.clb .area::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/clb-bg.jpg?ver=1) no-repeat center;background-size:cover;z-index:-1;opacity:0;transform:scale(1.1);transition:1s;}
.clb .area .top{margin-bottom:9.6354vw;}
.clb .area .top strong{display:block;color:#fff;font-size:1.4063vw;font-weight:400;letter-spacing:0.17em;opacity:0;transform:translate(0,50%);transition:0.8s;transition-delay:0.5s}
.clb .area .top p{color:#fff;margin-top:1.0417vw;font-size:0.8333vw;font-weight:300;letter-spacing:0.08em;opacity:0;transform:translate(0,50%);transition:0.8s;transition-delay:0.6s;}
.clb .area .cen{display:flex;align-items:center;justify-content:center;margin-bottom:8.3333vw;}
.clb .area .cen .lef,
.clb .area .cen .rig{opacity:0;transform:translate(0,20%);transition:0.8s;transition-delay:1.1s;}
.clb .area .cen .lef p{color:#97b0c8;font-size:3.125vw;line-height:1.167em;}
.clb .area .cen .line{width:9.8958vw;height:9.8958vw;position:relative;margin:0 2.6042vw;}
.clb .area .cen .line span{display:block;position:absolute;left:0;top:0;width:100%;height:100%;}
.clb .area .cen .line span img{display:block;width:100%;}
.clb .area .cen .line span:nth-child(1){opacity:0;transform:rotate(-20deg);transition:0.8s;transition-delay:1.3s;}
.clb .area .cen .line span:nth-child(2){opacity:0;transform:rotate(20deg);transition:0.8s;transition-delay:1.3s;}
.clb .area .cen .rig p{color:#97b0c8;font-weight:500;font-size:1.8229vw;font-weight:500;margin-bottom:1.0417vw;}
.clb .area .cen .rig strong{display:block;color:#97b0c8;font-size:3.125vw;font-weight:400;}
.clb .area .bot p{color:#fff;font-family: 'Noto Sans KR';font-size:1.0417vw;line-height:1.8em;margin-bottom:1.8229vw;opacity:0;transform:translate(0,30%);transition:0.8s;transition-delay:1.7s;}
.clb .area .bot strong{display:block;color:#fff;font-family: 'Noto Sans KR';font-size:1.25vw;font-weight:500;line-height:1.583em;margin-bottom:4.1667vw;opacity:0;transform:translate(0,30%);transition:0.8s;transition-delay:1.9s;}
.clb .area .bot .cs{width:12.5vw;margin:0 auto;color:#4f2d37;font-size:1.0417vw;background-color:#97b0c8;line-height:2.25em;letter-spacing:0.14em;opacity:0;transform:translate(0,30%);transition:0.8s;transition-delay:2.1s;}
.clb .area.mo_com::before,
.clb .area.mo_com .top strong,
.clb .area.mo_com .top p,
.clb .area.mo_com .cen .lef,
.clb .area.mo_com .cen .rig,
.clb .area.mo_com .cen .line span:nth-child(1),
.clb .area.mo_com .cen .line span:nth-child(2),
.clb .area.mo_com .bot p,
.clb .area.mo_com .bot strong,
.clb .area.mo_com .bot .cs{opacity:1;transform:none;}

.popup{display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:200;background-color:#97b0c8;}
.popup .area{display:flex;height: 100%;}
.popup .img_box,
.popup .con_box{width:50%;height:100%;overflow:hidden;position:relative;}
.popup .img_box .swiper-slide{height:100%;overflow:hidden;}
.popup .img_box .pop_sd{height:100%;transition:2.2s;transition-delay:0.5s;transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);position:relative;}
.popup .img_box .pop_sd .bg{display:block;width:100%;height:100%;background-repeat: no-repeat;background-position:center;background-size:cover;}
.popup .img_box .txt{position:absolute;bottom:1.0417vw;color:#fff;font-size:0.7292vw;letter-spacing:0.04em;}
.popup .img_box .lef{left:1.3021vw;}
.popup .img_box .rig{right:1.3021vw;}
.popup .img_box::before{content:"";position:absolute;left:0;top:0;width:100%;height:50%;background-color:#97b0c8;z-index:10;transition:1.6s;transition-delay:0.5s;transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);will-change: auto;}
.popup .img_box::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:50%;background-color:#97b0c8;z-index:10;transition:1.6s;transition-delay:0.5s;transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);will-change: auto;}
.popup .popsd_page{position:absolute;width:100%;left:0;bottom:4.3%;z-index: 5;display: flex;justify-content: center;}
.popup .popsd_page span{width:10px;height:10px;background-color:#fff;opacity:1;margin: 0 6px;transition:0.3s;}
.popup .popsd_page .swiper-pagination-bullet-active{background-color:#e27f5c;}
.popup .con_box{padding: 3.6458vw 4.1667vw 5.4688vw;display:flex;justify-content:space-between;flex-direction: column;}
.popup .back{display:flex;align-items:center;}
.popup .back button{background:none;border:none;display:flex;align-items:center;margin-right:10px}
.popup .back button .arr{margin-right:10px;width:1.25vw;}
.popup .back button .arr img{display:block;}
.popup .back button p{position:relative;color:#4f2d37;font-size:1.0417vw;font-weight:500;overflow:hidden;}
.popup .back button span{display:block;transition:0.3s;}
.popup .back button .bot{position:absolute;left:0;top:100%;}
.popup .back button:hover span{transform:translate(0,-100%);}
.popup .back .line{flex-grow:1;background-color:#4f2d37;height:1px;}
.popup .txt .top{transform:translate(3%,0);opacity:0;transition:0.8s;transition-delay:0.3s;}
.popup .txt .top dl dt p{display:flex;align-items:center;}
.popup .txt .top dl dt p strong{color:#4f2d37;font-weight:600;font-size:2.7083vw;}
.popup .txt .top dl dt p em{width:0.9375vw;margin-left:0.8854vw;margin-right:0.625vw;}
.popup .txt .top dl dt p em img{display:block;}
.popup .txt .top dl dt p span{color:#4f2d37;font-weight:500;font-size:1.25vw;font-family: 'Noto Sans KR';}
.popup .txt .top dl dd{color:#4f2d37;font-size:1.1458vw;font-family: 'Noto Sans KR';margin-top:1.0417vw;}
.popup .txt .line{position:relative;margin:3.3854vw 0;width:1px;height:6.25vw;}
.popup .txt .line::before{content:"";position:absolute;left:0;top:50%;background-color:#4f2d37;width:100%;height:0;transition:0.6s;transition-delay:0.6s;}
.popup .txt .bot dl dt{margin-bottom:3.125vw;}
.popup .txt .bot dl dt strong{display:block;color:#fff;font-weight:600;font-size:2.1875vw;overflow:hidden;letter-spacing:0.038em;}
.popup .txt .bot dl dt span{display:block;color:#4f2d37;font-weight:600;font-size:1.25vw;margin-top:0.9375vw;overflow:hidden;letter-spacing: 0.038em;}
.popup .txt .bot dl dd p{color:#4f2d37;font-family: 'Noto Sans KR';font-size:0.9375vw;line-height:2em;overflow:hidden;letter-spacing: -0.024em;}
.popup.mo_com .txt .top,
.popup.mo_com .txt .top dl dt p strong,
.popup.mo_com .txt .top dl dt p em,
.popup.mo_com .txt .top dl dt p span,
.popup.mo_com .txt .top dl dd{opacity:1;transform:none;}
.popup.mo_com .img_box::before,
.popup.mo_com .img_box::after{height:0;transition-delay:0s;}
.popup.mo_com .img_box .pop_sd{transform: scale(1.1,1.1);transition-delay:0s;}
.popup.mo_com .txt .line::before{height:100%;top:0;}

.coming_soon{padding: 270px 0 205px;background-color: #97b0c8;position: relative;}
.coming_soon .logo{width: 31.5625vw;margin: 0 auto;}
.coming_soon .logo svg{display: block;}
.coming_soon .txt_area{position: absolute;right: 2vw;bottom: 2vw;}
.coming_soon .txt_area li{color: #4f2d37;font-weight: 500;font-size: 0.9375vw;line-height: 1.667em;overflow: hidden;text-align: right;letter-spacing:0.06em;}
.coming_soon .txt_area li span{display: block;transform: translate(0,100%);transition: 0.6s;transition-delay: 2s;}
.coming_soon .txt_area li:nth-child(1) span{transition-delay: 1.8s;}
.coming_soon .txt_area li:nth-child(2) span{transition-delay: 2s;}
.coming_soon .txt_area li:nth-child(3) span{transition-delay: 2.2s;}
.coming_soon .txt_area li:nth-child(4) span{transition-delay: 2.4s;}
.coming_soon .cs_logo1{opacity: 0;transition: 1.5s;}
.coming_soon .cs_logo3{fill:#4f2d37;opacity: 0;transition: 0.6s;transition-delay: 0.8s;}
.coming_soon .logo .cs_logo2{transform-box: fill-box;transition: 0.8s;}
.coming_soon .logo .cs_fi1{opacity: 0;transition-delay: 1s;}
.coming_soon .logo .cs_fi2{opacity: 0;transform: translate(30%,0);transition-delay: 1.1s;}
.coming_soon .logo .cs_fi3{opacity: 0;transition-delay: 1.3s;}
.coming_soon .logo .cs_fi4{opacity: 0;transform: translate(-30%,0);transition-delay: 1.4s;}
.coming_soon .logo .cs_fi5{opacity: 0;transform: translate(-50%,0);transition-delay: 1.5s;}
.coming_soon .logo .cs_fi6{opacity: 0;transform: scale(0.9);transition-delay: 1.55s;}
.coming_soon .logo .cs_fi7{opacity: 0;transition-delay: 1.7s;}
.coming_soon .logo .cs_fi8{opacity: 0;transform: translate(45%,-45%);transition-delay: 1.8s;}
.coming_soon .logo.mo_com .cs_logo2{opacity: 1;transform: none;}
.coming_soon .logo.mo_com .cs_logo1,
.coming_soon .logo.mo_com .cs_logo3{opacity: 1;}
.coming_soon .txt_area.mo_com li span{transform: none;}

.coming_soon .logo .cs_width,
.coming_soon .logo .cs_height{}

.coming_soon .logo.mo_com .cs_width{width:0;}
.coming_soon .logo.mo_com .cs_height{height:0;}
.coming_soon .logo .c18{transform: rotate(45deg) skewY(50deg);}
.coming_soon .logo .c19{transform: rotate(-13deg) skewY(-30deg);}

.coming_soon .logo.mo_com .c1{transform: translateX(87px);transition:0.8s linear;}
.coming_soon .logo.mo_com .c2{transform: translateX(51px);;transition:0.8s linear;}
.coming_soon .logo.mo_com .c3{transform: translateY(80px);;transition:0.8s linear;}
.coming_soon .logo.mo_com .c4{transform: translateX(30px);;transition:0.8s linear;}
.coming_soon .logo.mo_com .c5{transform: translateX(38px);;transition:0.8s linear;}
.coming_soon .logo.mo_com .c6{transform: translateX(8px);;transition:0.8s linear;}
.coming_soon .logo.mo_com .c7{transform: translateY(80px);;transition:0.8s linear;}
.coming_soon .logo.mo_com .c8{transform: translateY(100px);;transition:0.8s linear;}
.coming_soon .logo.mo_com .c9{transform: translateX(82px);;transition:0.8s linear;}
.coming_soon .logo.mo_com .c10{transition:0.8s linear;}
.coming_soon .logo.mo_com .c11{transform: translateX(51px);;transition:0.8s linear;}
.coming_soon .logo.mo_com .c12{transform: translateY(80px);;transition:0.8s linear;}
.coming_soon .logo.mo_com .c13{transform: translateX(30px);;transition:0.8s linear;}
.coming_soon .logo.mo_com .c14{transform: translateX(38px);;transition:0.8s linear;}
.coming_soon .logo.mo_com .c15{transform: translateY(100px);;transition:0.8s linear;}
.coming_soon .logo.mo_com .c16{transform: translateX(364px);;transition:0.8s linear;}
.coming_soon .logo.mo_com .c17{transform: translateY(80px);transition:0.8s linear;}
.coming_soon .logo.mo_com .c18{transition:0.8s linear;transform-box: fill-box;}
.coming_soon .logo.mo_com .c19{transform: translateX(20px) translateY(80px) rotate(-13deg) skewY(-30deg);transition:0.8s linear;transform-box: fill-box;}
.coming_soon .logo.mo_com .c20{transform: translateX(38px);;transition:0.8s linear;}

footer{padding: 0 2%;background-color: #97b0c8;position: relative;}
footer .line{position: absolute;background-color: #4f2d37;transition: 2s;}
footer .line.hor{width: 0;height: 1px;}
footer .line.ver{width: 1px;height: 0;}
footer .l1{top: 0;left: 50%;}
footer .l2{bottom: 0;left: 50%;transition-delay: 0.2s;}
footer .l3{right: 0;top: 0;transition: 1s;transition-delay: 0.7s;}
footer .l4{right: 0;top: 0;transition: 1s;transition-delay: 0.4s;}
footer .l5{right: 0;top: 0;transition: 1s;transition-delay: 0.7s;}
footer .l6{top: 0;left: 50%;transition-delay: 1s;}
footer .top{position: relative;text-align: center;padding: 35px 0;}
footer .top p{color: #4f2d37;font-weight: 700;font-size: 1.7188vw;letter-spacing: 0.3em;display: flex;align-items: center;justify-content: center;overflow: hidden;}
footer .top p span{color: #fff;display: flex;align-items: center;}
footer .top p em{display: block;transform: translate(0,50%);opacity: 0;;transition: 0.6s;}
footer .top p .t1{transition-delay: 0.3s;}
footer .top p .t2{transition-delay: 0.35s;}
footer .top p .t3{transition-delay: 0.4s;}
footer .top p .t4{transition-delay: 0.45s;}
footer .top p .t5{transition-delay: 0.5s;}
footer .top p .t6{transition-delay: 0.55s;}
footer .top p .t7{transition-delay: 0.6s;}
footer .top p .t8{transition-delay: 0.65s;}
footer .top p .t9{transition-delay: 0.7s;}
footer .top p .t10{transition-delay: 0.75s;}
footer .top p .t11{transition-delay: 0.8s;}
footer .top p .t12{transition-delay: 0.85s;}
footer .top p .t13{transition-delay: 0.9s;}
footer .top p .t14{transition-delay: 0.95s;}
footer .top p .t15{transition-delay: 1s;}
footer .top p .t16{transition-delay: 1.05s;}
footer .top p .t17{transition-delay: 1.1s;}
footer ul{display: flex;}
footer ul li{width: 25%;position: relative;}
footer ul li a{display: flex;padding: 17px 15px 25px 15px;height: 155px;flex-direction: column;justify-content: space-between;}
footer ul li strong{position: relative;width: 164px;height: 54px;color: #4f2d37;font-size: 1.0417vw;font-weight: 700;letter-spacing: 0.04em;display: flex;align-items: center;justify-content: center;}
footer ul li strong svg{position: absolute;left: 0;top: 0;width: 100%;}
footer ul li strong svg .line_co{fill:none;stroke:#fff;stroke-miterlimit:10;}
footer ul li strong svg ellipse{stroke-dasharray: 380;stroke-dashoffset: -380;transition: 0.8s;}
footer ul li:hover strong svg ellipse{stroke-dashoffset:0;}
footer ul li p{text-align: right;overflow: hidden;color: #4f2d37;font-size: 1.25rem;font-style: italic;opacity: 0.72;letter-spacing: 0.04em;position: relative;}
footer ul li p span{display: block;transform: translate(0,100%);transition: 0.3s;}
footer ul li:hover p span{transform: none;transition-delay: 0.3s;}
footer .bot{display: flex;align-items: center;justify-content: space-between;position: relative;padding:0 10px;}
footer .bot .lef,
footer .bot .rig{display: flex;align-items: center;}
footer .bot p{display: flex;align-items: center;line-height: 80px;font-size: 0.75rem;color: #4f2d37;font-family: 'Noto Sans KR';letter-spacing: 0.01em;}
footer .bot p ~ p{margin-left: 15px;}
footer .bot p strong{font-weight: 500;}
footer .bot p span{font-weight: 300;}
footer.mo_com .hor{width: 100%;}
footer.mo_com .ver{height: 100%;}
footer.mo_com .l1,
footer.mo_com .l2,
footer.mo_com .l6{left: 0;}
footer.mo_com .top p em{transform: none;opacity: 1;}

@media all and (min-width:1025px){
    .intro.on .bg{opacity: 0;transition: 0.4s;transition-delay: 0.6s;}
    .intro.on .logo{opacity: 0;transition: 0.4s;transition-delay: 0.7s;}
    .intro.on svg .i_l2,
    .intro.on svg .i_l3{opacity: 0;transition: 0.3s;transition-delay:0s;}
    .intro.on svg .i_l1{transform: scale(170);transform-box: fill-box;transition: 0.8s;transition-timing-function: ease-in;transition-delay: 0.3s;}

    .brand .figure .f_txt text{transform: translate(0,20px);}
    .brand .mo_com .figure .f_txt text{transform: translate(0,0);}
	.brand .figure .f_txt .rot{transform: translate(0,20px) rotate(-90deg);transform-box: fill-box;transform-origin: 0 75%;}
	.brand .mo_com .figure .f_txt .rot{transform: rotate(-90deg);}

	.loc_map2 .num_con .num_list ul .lf1{transition-delay:1.4s;}
	.loc_map2 .num_con .num_list ul .lf2{transition-delay:1.45s;}
	.loc_map2 .num_con .num_list ul .lf3{transition-delay:1.5s;}
	.loc_map2 .num_con .num_list ul .lf4{transition-delay:1.55s;}
	.loc_map2 .num_con .num_list ul .lf5{transition-delay:1.6s;}
	.loc_map2 .num_con .num_list ul .lf6{transition-delay:1.65s;}
	.loc_map2 .num_con .num_list ul .lf7{transition-delay:1.7s;}
	.loc_map2 .num_con .num_list ul .lf8{transition-delay:1.75s;}
	.loc_map2 .num_con .num_list ul .lf9{transition-delay:1.8s;}
	.loc_map2 .num_con .num_list ul .lf10{transition-delay:1.85s;}
	.loc_map2 .num_con .num_list ul .lf11{transition-delay:1.9s;}
	.loc_map2.mo_com .num_con .num_list ul li{opacity:1;transform:none;}

	.introduction .rig .box2 .img.mo_com::before{width:0;}
	.introduction .rig .box2 .txt.mo_com dl dt,
	.introduction .rig .box2 .txt.mo_com dl dd{opacity:1;transform:none;}
	.introduction .rig .box3 .img.mo_com::before{height:0;}
	.introduction .rig .box3 .year.mo_com dl dd::before{height:100%;}
	.introduction .rig .box3 .txt.mo_com,
	.introduction .rig .box3 .year.mo_com dl dt,
	.introduction .rig .box3 .year.mo_com dl dd p span,
	.introduction .rig .box3 .year.mo_com dl dd p strong{transform: none;opacity: 1;}
}

@media all and (max-width:1024px){
	.nav_btn{width: 32px;height: 26px;right: 20px;top: 25px;padding:4px;}
	.nav_btn span{height:2px;}

	nav{padding:0 20px;}
	nav .top{height:15%;}
	nav .top .logo img{width:20vw;}
	nav .top .back button img{width:22px;}
	nav .cen{height:70%;}
	nav .gnb{height: 80%;}
	nav .gnb li .hov{display:none;}
	nav .link{height:20%;}
	nav .link li a{height:100%;padding:0;justify-content: center;}
	nav .link li strong{width: auto;height: auto;font-size: 2.5vw;}
	nav .link li strong svg{display:none;}
	nav .link li p{display:none;}
	nav .bot{height:15%;}
	nav .bot .lef,
	nav .bot .rig{display: block;}
	nav .bot .rig p{text-align:right;justify-content: flex-end;}
	nav .bot p{line-height: 1.867em;font-size: 2.3438vw;}
	nav .bot p ~ p{margin-left:0;}

    .cursor{display: none;}
	.cursor2{transform:none !important;position: absolute;right: 20px;bottom: 20px;left:auto;top:auto;width: 30vw;height: 30vw;margin-top:0;margin-left:0;}

    .intro.on{opacity: 0;transition: 0.4s;transition-delay: 0.4s;}

	.video_pop{padding: 0 20px;}
	.press_pop{padding: 0 6.4103vw;}
	.video_pop .vp_wrap{justify-content: center;}
	.video_pop .back,
	.press_pop .back{right: 0;top: 5%;}
	.video_pop .back button img,
	.press_pop .back button img{width: 22px;}
	.video_pop .tab ul,
	.press_pop .tab ul{width:100%;}
	.video_pop .tab ul li,
	.press_pop .tab ul li{font-size:2.5vw;line-height: 3.5em;}

	.video_pop .tab{width: 100%;height:auto;margin-bottom:5vh;padding-top:0;}
	.video_pop .video_box ul li .box{position:relative;width:100%;padding-bottom:59%;}
	.video_pop .video_box ul li iframe{position:absolute;left:0;top:0;width:100%;height:100%;}
	.video_pop .icon{height:auto;padding-top:5vh;}
	.video_pop .icon img{width:5vw;}

	.press_pop .tab{width: 65%;height:auto;margin-bottom:0;padding-top:0;padding-bottom:7.5vh;align-items: flex-end;}
	.press_pop .press_box{padding-bottom:0;}
	.press_pop .press_box .area{height:100%;}
	.press_pop .press_box .box{display:block;width:100%;height:100%;}
	.press_pop .press_box .box .rig::-webkit-scrollbar{width:1.0256vw;}
	.press_pop .press_box .press_list ul li:hover{background:none;}
	.press_pop .press_box .press_list ul li a{padding: 3.8462vw 2.5641vw;}
	.press_pop .press_box .press_list ul li p{display:block;text-align:center;padding-right:0;}
	.press_pop .press_box .press_list ul li p em{display:none;}
	.press_pop .press_box .press_list ul li p strong{display:block;padding-right:0;font-size:3.0769vw;margin-bottom:1.2821vw;line-height:1;}
	.press_pop .press_box .press_list ul li p span{display:block;font-size:2.5641vw;}
	.press_pop .press_box .press_list ul li p span b{display:block;margin-bottom: 0.5128vw;}
	.press_pop .press_box .press_list ul li p .view_btn{display:inline-flex;align-items:center;justify-content:center;}
	.press_pop .press_page{display:none;}
	.press_pop .pr_arr{display:block;}
	.press_pop .press_box .box1 .lef{display:none;}
	.press_pop .press_box .box1 .rig{width:100%;height:66vh;}
	.press_pop .press_box .box2 .lef,
	.press_pop .press_box .box3 .lef{width:100%;padding: 0 7.6923vw;position:relative;margin-bottom:3.8462vw;}
	.press_pop .press_box .box2 .rig,
	.press_pop .press_box .box3 .rig{width:71.7949vw;height:auto;margin: 0 auto;}
	.press_pop .press_box .box2 .press_img_sd{width:100%;}
	.press_pop .press_box .box2 .press_list ul li,
	.press_pop .press_box .box3 .press_list ul li{border-top: 1px solid #97B0C8;}
	.press_pop .press_box .box2 .press_list ul li p strong,
	.press_pop .press_box .box3 .press_list ul li p strong{opacity:0;transform:translate(0,-60%);transition:0.6s;}
	.press_pop .press_box .box2 .press_list ul li p span,
	.press_pop .press_box .box3 .press_list ul li p span{opacity:0;transform:translate(0,-20%);transition:0.6s;}
	.press_pop .press_box .box2 .press_list ul li.swiper-slide-active p strong,
	.press_pop .press_box .box3 .press_list ul li.swiper-slide-active p strong{opacity:1;transform:none;transition-delay:0.3s;}
	.press_pop .press_box .box2 .press_list ul li.swiper-slide-active p span,
	.press_pop .press_box .box3 .press_list ul li.swiper-slide-active p span{opacity:1;transform:none;transition-delay:0.6s;}
	.press_pop .press_box .press_list ul li.swiper-slide-active p .view_btn{opacity:1;transform:none;transition-delay:0.9s;}

    .vis .vs1 .bg{background-image: url(../images/vis-bg1-m.jpg);}
	.vis .vs2 .bg{background-image: url(../images/vis-bg2-m.jpg?ver=2);}
    .vis .vs1 .tri{height:70%;}
	.vis.on .vs1.swiper-slide-active .tri,
	.vis.on .vs1.swiper-slide-duplicate-active .tri{width:50%;}
    .vis .logo{top: 3%;left: 50%;margin-left:-8.33335vw;}
    .vis .logo img{width: 16.6667vw;}
	.vis .vis_page{bottom:6vw;gap:3.5897vw;}
	.vis .vis_page .swiper-pagination-bullet{width:1.5385vw;height:1.5385vw;}
    .vis .vs1 .txt{left:8.2051%;top:18%;}
	.vis .vs1 .txt ul{margin-bottom: 0;}
	.vis .vs1 .txt ul li span{font-size:5.641vw;line-height:1.45em;}
	.vis .vs1 .txt p{display:none;}
	.vis .vs1 .txt .link_btn{padding-top:16vw;}
	.vis .vs1 .txt .link_btn strong{font-size:3.5897vw;}
	.vis .vs1 .txt .link_btn i{width:21.5385vw;}
	.vis .vs2 .txt{left: 0;top: 14%;width: 100%;}
	.vis .vs2 .txt p{font-size: 4.359vw;line-height: 1.588em;letter-spacing: 0.1em;}
	.vis .vs2 .vis_ori{width:90vw;left:5vw;bottom: 2.5vw;}
	.vis .design_award{left: 8.2051%;bottom: 7vw;width: 20vw;}

	.ban_btn{right: 5vw;bottom: 5vw;}
	.ban_btn button{width: 15vw;height: 15vw;}
	.ban_btn.on .video_btn{bottom:18vw;}
	.ban_btn.on .press_btn{bottom:36vw;}

	article{padding:4.6875vw;}
	article .arr{width:9.375vw;height:9.375vw;right:5vw;bottom:6vw;}
	article .top{padding:0;border:none;}
	article .top .tit{padding:3.9063vw 0 3.125vw;border-top: 1px solid #4d4d4d;border-bottom: 1px solid #4d4d4d;}
	article .top .tit img{width:45vw;}
	article .top p{position:static;margin-top:3.125vw;}
	article .top p img{width:38.2813vw;}
	article .mid{margin:10.9375vw 0 14.8438vw;}
	article .mid .in_1080{width:100%;}
	article .mid .txt strong{font-size:4.2188vw;margin-bottom:4.6875vw;letter-spacing: -0.05em;}
	article .mid .txt p{font-size:3.125vw;line-height: 1.5em;letter-spacing: -0.035em;}
	article .mid .txt p ~ p{margin-top:2.0313vw;}
	article .mid .txt.t1{margin-bottom:5.1563vw;}
	article .mid .txt.t2{margin-bottom:12.5vw;}
	article .mid .txt.t3{margin-bottom:3.4375vw;}
	article .mid .txt.t4{margin-bottom:12.5vw;}
	article .mid .txt.t5{margin-bottom:3.4375vw;}
	article .mid .img1{margin-bottom:5.4688vw;}
	article .mid .img2{margin-bottom:3.4375vw;}
	article .mid .img3{padding: 0 6.25vw;margin-bottom:4.6875vw;}
	article .bot{padding-bottom:17.1875vw;}
	article .bot .link{margin-bottom:5.1563vw;}
	article .bot .link a{font-size:3.4375vw;line-height: 2.727em;width:35.9375vw;}
	article .bot .logo img{width:21.875vw;}

    .brand{padding: 22.6563vw 0 21.0938vw;}
    .brand .box{align-items: center;position:relative;}
	.brand .box.area1{padding: 0 7.1875% 0 7.6563%;}
    .brand .box.area2{padding: 0 3% 0 8%;margin-top: 13.2813vw;}
    .brand .box.area3{padding: 0 3%;margin-top: 21.0938vw;overflow:hidden;}
    .brand .txt{flex-grow: 1;}
    .brand .txt.rig{padding-left:20px;}
    .brand .box.area1 .figure{width:31vw;}
    .brand .txt .t1{margin-bottom: 2vw;}
    .brand .txt .t1 p{font-size:3.5938vw;}
	.brand .area1 .txt .t1 p{font-size:3.125vw;line-height: 1.4em;letter-spacing: 0.03em;}
    .brand .txt .t2 p ~ p{margin-top:2.5vw;}
	.brand .box.area2 .figure{width: 52.5vw;position: absolute;top: 5.625vw;right: 3%;}
    .brand .box.area1 .txt .t2 p img{width: 34.375vw;}
    .brand .box.area2 .txt{padding-bottom: 0;}
	.brand .box.area2 .txt .t1{margin-bottom:0.4688vw;}
	.brand .box.area2 .txt .t2 p:first-child,
	.brand .box.area2 .txt .t2 p:nth-child(2){margin-top:0;}
    .brand .box.area2 .txt .t2 p img{width:25.3125vw;}
	.brand .box.area2 .txt .t3{margin-top:3.9063vw;}
	.brand .figure li .f1_2 img,
	.brand .figure li .f2_1 img,
	.brand .figure li .f2_2 img,
	.brand .figure li .f3_2 img{width:100%;}
    .brand .txt .t3{margin-top: 5vw;}
    .brand .txt .t3 p{font-size: 2.6563vw;line-height: 1.5em;letter-spacing: -0.05em;}
	.brand .box.area3 .figure{width: 118%;margin-left: -3%;}
	.brand .box.area3 .line.lef{left: 34%;}
	.brand .mo_com.area3 .line.lef{width: 53%;}
	.brand .box.area3 .line.rig{right: 77%;}
	.brand .mo_com.area3 .line.rig{width: 20%;}
    .brand .box.area3 .txt{margin-right: -10.5vw;margin-top: -6.25vw;}
    .brand .box.area3 .txt .logo img{width: 21vw;}
	.f_txt1_1,
	.f_txt2_1,
	.f_txt2_2,
	.f_txt3_1{font-size:24px;}
	.f_txt1_2,
	.f_txt2_4,
	.f_txt3_2,
	.f_txt2_3{font-size: 36px;}
	.f_txt1_1{transform: translate(0, -20px);}
	.f_txt1_2{transform: translate(0, -10px);}
	.f_txt2_2{transform: translate(-40px, 30px);}
	.f_txt2_3{transform: translate(-9px, 0);letter-spacing: 0.025em;}
	.f_txt2_4{transform: translate(-40px, 9px);}
	.f_txt2_2.rot,
	.brand .mo_com .figure .f_txt .f_txt2_2.rot{transform:translate(0) rotate(-90deg);}
	.f_txt2_4.rot,
	.brand .mo_com .figure .f_txt .f_txt2_4.rot{transform:translate(-10px, 0px) rotate(-90deg);}
	.f_txt3_1{transform: translate(-75px, -20px);}
	.f_txt3_2{transform:translate(-30px, -10px);}

	.building_plan .bg{background-image:url(../images/building-bg-m.jpg);}
	.building_plan .bd img{width:35vw;}
	.building_plan .area{flex-direction: column;justify-content: space-between;}
	.building_plan .area .lef,
	.building_plan .area .rig{width:100%;height:32%;display:flex;align-items:center;justify-content: center;}
	.building_plan .area .lef img{width: 35vw;}
	.building_plan .area .rig p{font-size:3.125vw;}

	.architect{padding-top:20.6250vw;}
	.architect .tit{margin-bottom:7.8125vw;}
	.architect .tit strong{width: 40.3125vw;}
	.architect .tit p{font-size: 3.75vw;margin-top: 3vw;}
	.architect .area{display:block;}
	.architect .area .lef,
	.architect .area .rig{width:100%;padding:0 2.5vw;}
	.architect .area .cen{width:100%;margin:0 auto;padding:0 2.5vw;}
	.architect .area .lef .box{padding: 7.8125vw 0 6.25vw;}
	.architect .area .rig .box{padding: 6.25vw 0 7.8125vw;}
	.architect .area .cen .box{padding:0;}
	.architect .area .txt .t1{margin-bottom:3.125vw;}
	.architect .area .txt .t3{margin-top:2.3438vw;}
	.architect .area .txt .t1 > div ~ div{margin-top:1.5625vw;}
	.architect .area .txt .t1 p{font-size:3.125vw;line-height: 1.4em;}
	.architect .area .txt .t2 p{font-size:3.125vw;line-height: 1.5em;}
	.architect .area .txt .t3 p{font-size:2.6563vw;line-height: 1.647em;}
	.architect .area .lef .txt,
	.architect .area .rig .txt{position:static;text-align:center;}
	.architect .area .l1,
	.architect .area .l3,
	.architect .area .l4,
	.architect .area .l5{display:none;}
	.architect .area .l2{transition-delay: 0s;}
	.architect .area .l1{transition-delay: 0.3s;}
	.architect .area .l3{transition-delay: 0.8s;}
	.architect .area .l6{transition-delay: 1.1s;}
	.architect .area.mo_com .l6{left:2.5%;width:95%;}

	.prize{padding: 15.625vw 6.25vw 17.1875vw;}
	.prize .box1{padding:0;padding-bottom:57.8125vw;display:block;}
	.prize .txt_box1{text-align:center;}
	.prize .txt_box1 .tit p{font-size: 3.125vw;margin-bottom:2.3438vw;}
	.prize .txt_box1 .tit strong{font-size: 5.7813vw;}
	.prize .txt_box1 .txt p{font-size:2.6563vw;line-height:1.647em;}
	.prize .img1{width:65vw;top:auto;bottom:0;}
	.prize .box2{padding:0;padding-top:16.4063vw;display:block;}
	.prize .img2{width:43.125vw;bottom:calc(100% - 15.625vw);left:0;}
	.prize .txt_box2 .tit{margin-bottom: 3.5vw;}
	.prize .txt_box2 .tit strong{font-size: 5.7813vw;}
	.prize .txt_box2 .txt{justify-content: flex-end;}
	.prize .txt_box2 .txt strong{font-size:3.125vw;line-height:1.8em;}
	.prize .txt_box2 .txt span{font-size:2.5vw;line-height:1.8em;}
	.prize .txt_box2 .txt .list{padding-right: 3.125vw;margin-right: 3.125vw;}

	.con_tit .tit2{font-size: 3.4375vw;line-height: 1.3em;margin-top: 2vw;}

	.features{padding:15vw 0 10vw;}
	.features .con_tit .tit1 img{width:25vw;}
	.features .fix_area{margin-top: 6vw;height:auto;}
	.features .sd .in{width:100%;padding: 0 5vw;}
	.features .sd_tab{padding-bottom: 8vw}
	.features .sd::before{display:none;}
	.features .sd_tab ul::before{width:0;height:1px;top:0;left:50%;}
	.features .sd_tab ul::after{width:0;height:1px;top:auto;;bottom:0;left:50%;}
	.features .sd_tab ul li{padding: 3.4vw 0;}
	.features .sd_tab ul li.st1{width:30%;}
	.features .sd_tab ul li.st2{width:40%;}
	.features .sd_tab ul li.st3{width:30%;}
	.features .sd_tab ul li ~ li::before{bottom:auto;top:15%;}
	.features .sd_tab ul li span{font-size: 2.3vw;}
	.features .sd_tab ul li span svg{width:23vw;}
	.features .sd_tab ul li.st2 span svg{width:32vw;}
	.features .sd_con .on .arr{opacity:1;pointer-events: auto;}
	.features .sd_con .sd_page{bottom:2vw;}
	.features .sd_con .sd_page .swiper-pagination-bullet{width:2vw;height:2vw;margin: 0 1vw;}
	.features .sd.mo_com .sd_tab ul::before,
	.features .sd.mo_com .sd_tab ul::after{height:1px;width:100%;left:0;}
	.features .sd.mo_com .sd_tab ul li ~ li::before{height: 70%;}

	.introduction{height:auto;display:block;padding: 10vw 5vw 20vw;}
	.introduction .lef,
	.introduction .rig{width: 100%;padding:0;}
	.introduction .lef{padding-bottom:8vw;position: static;}
	.introduction .lef .top{padding-top:0;border-top:none;}
	.introduction .con_tit .tit1 img{width:40vw;}
	.introduction .area{margin-top:6vw;position:relative;}
	.introduction .area::before{content:"";background-color: #4F2D37;position:absolute;left:50%;top:0;width:0;height:1px;transition:0.8s;}
	.introduction .area::after{content:"";background-color: #4F2D37;position:absolute;left:50%;bottom:0;width:0;height:1px;transition:0.8s;}
	.introduction .area ul{display:flex;}
	.introduction .area ul li{font-size: 2.5vw;line-height:1;width:50%;border-bottom: none !important;border-top:none;position:relative;padding: 3vw 0;}
	.introduction .area ul li ~ li::before{content:"";position:absolute;left:0;top:15%;width:1px;height:0;background-color:#4F2D37;transition:0.8s;}
	.introduction .area ul li span svg{display:block;}
	.introduction .rig .box1,
	.introduction .rig .box2,
	.introduction .rig .box3{height:auto;margin-top:0;}
	.introduction .rig .box1{padding:0;}
	.introduction .rig .box1 .bg{padding-bottom:110%;height:0;}
	.introduction .rig .line_box{padding: 0 4vw;}
	.introduction .rig .box2 .txt{left: 3vw;bottom: 9vw;}
	.introduction .rig .box2 .txt dl{margin-bottom: 2vw;}
	.introduction .rig .box2 .txt dl dt{font-size: 2.6vw;}
	.introduction .rig .box2 .txt dl dd{font-size:4.8vw;}
	.introduction .rig .box2 .txt p{font-size: 2.4vw;line-height:1.5em;}
	.introduction .rig .box2 .img{right: 2vw;top: 9vw;}
	.introduction .rig .box2 .img img{width: 50vw;}
	.introduction .rig .box3 .img{left: 0;bottom: 5vw;}
	.introduction .rig .box3 .img img{width: 41vw;}
	.introduction .rig .box3 .txt{right: 2vw;bottom: 8vw;top:auto;}
	.introduction .rig .box3 .txt p{font-size: 2.4vw;line-height: 1.5em;}
	.introduction .rig .box3 .year{bottom:auto;top:4vw;right: 2vw;}
	.introduction .rig .box3 .year dl dt{font-size: 5vw;margin-bottom:1.5vw;}
	.introduction .rig .box3 .year dl dd::before{right: 8.5vw;}
	.introduction .rig .box3 .year dl dd p span{font-size: 2.8vw;margin-left: 0.6vw;}
	.introduction .rig .box3 .year dl dd p span em{font-size: 2.5vw;}
	.introduction .rig .box3 .year dl dd p strong{font-size: 2.8vw;width: 9vw;}
	.introduction .rig .box2.swiper-slide-active .img::before{width:0;}
	.introduction .rig .box2.swiper-slide-active .txt dl dt,
	.introduction .rig .box2.swiper-slide-active .txt dl dd{opacity:1;transform:none;}
	.introduction .rig .box3.swiper-slide-active .img::before{height:0;}
	.introduction .rig .box3.swiper-slide-active .year dl dd::before{height:100%;}
	.introduction .rig .box3.swiper-slide-active .txt,
	.introduction .rig .box3.swiper-slide-active .year dl dt,
	.introduction .rig .box3.swiper-slide-active .year dl dd p span,
	.introduction .rig .box3.swiper-slide-active .year dl dd p strong{transform: none;opacity: 1;}
	.introduction .area.mo_com ul li ~ li::before{height:70%;}
	.introduction .area.mo_com::before,
	.introduction .area.mo_com::after{width:100%;left:0;}
	.introduction .area.mo_com ul li.on span svg ellipse{stroke-dashoffset: 0;}

	.architect_list ul li{width:33.33%;}
	.architect_list ul li:nth-child(3n+1){border-left:none !important;}
	.architect_list ul li:nth-child(4n+1){border-left: 1px solid #4f2d37;}
	.architect_list ul li:nth-child(n+4){border-top:1px solid #4f2d37;}
	.architect_list ul li .tit strong{font-size:3.125vw;}
	.architect_list ul li .tit span,
	.architect_list ul li .view_more{display:none;}

	.popup .area{flex-direction: column;}
	.popup .img_box,
	.popup .con_box{width:100%;height:50%;}
	.popup .con_box{padding: 6vw 4.7vw;flex-direction: column-reverse;}
	.popup .img_box .txt{bottom:2vw;font-size:2vw;}
	.popup .img_box .lef{left:2vw;}
	.popup .img_box .rig{right:2vw;}
	.popup .back{flex-direction: row-reverse;}
	.popup .back button{margin-right: 0;margin-left: 10px;}
	.popup .back button .arr{width:4vw;margin-right: 6px;}
	.popup .back button p{font-size: 3.6vw;}
	.popup .txt .bot dl dt{margin-bottom: 2.5vw;}
	.popup .txt .top dl dt p strong{font-size: 6vw;}
	.popup .txt .top dl dt p em {width: 2.5vw;margin-left: 2vw;margin-right: 2vw;}
	.popup .txt .top dl dt p span{font-size:3.6vw;}
	.popup .txt .top dl dd{font-size: 2.9vw;}
	.popup .txt .line{margin: 4vw 0;height: 8vw;}
	.popup .txt .bot dl dt strong{font-size: 4.3vw;}
	.popup .txt .bot dl dt span{font-size:3.6vw;margin-top: 1.5vw;}
	.popup .txt .bot dl dd p{font-size:2.4vw;line-height:1.6em;letter-spacing: -0.035em;}
	.popup.mo_com .img_box::before,
	.popup.mo_com .img_box::after{transition-delay:0.2s;}

	.half_tit{display:block;overflow:hidden;}
	.half_tit .lef,
	.half_tit .rig{width:100%;}
	.half_tit .line{width:5%;margin:4.6875vw auto;}
	.half_tit .tit p{font-size: 3.4375vw;line-height: 1.3em;}
	.half_tit dl dt{font-size: 3.125vw;margin-bottom:3.125vw;letter-spacing: -0.035em;}
	.half_tit dl dd{font-size: 2.6563vw;line-height: 1.647em;letter-spacing: -0.05em;}

	.location .half_tit dl dt span{font-weight:500;}
	.location{padding:20.3125vw 0 14.8438vw;}
	.location .half_tit .tit strong{margin-bottom:2.8125vw;}
	.location .half_tit .tit strong img{width: 56.5625vw;}
	.loc_sd{margin-top:10vw;}
	.loc_sd .hov{padding:7% 4.5% 7.8%;}
	.loc_sd .hov .box strong{font-size:5vw;letter-spacing: 0.11em;padding-left: 2.5%}
	.loc_sd .line{margin-top:1.5625vw;}
	.loc_sd .line p{font-size:2.5vw;margin-left: 1.5vw;}
	.loc_sd .hov .box dl dt{font-size:3.125vw;line-height: 1.5em;letter-spacing:-0.04em;margin-bottom: 3.9063vw;}
	.loc_sd .hov .box dl dd{font-size:2.5vw;line-height: 1.625em;letter-spacing:-0.01em;}

	.loc_map .loc_btn{display:block;}
	.loc_map .lm_mo{height:auto;}
	.loc_map .map_box{position:static;transform:none;padding: 8.5938vw 3.9063vw 7.8125vw;}
	.loc_map .map_box > div{display:flex;}
	.loc_map .map_box dl{width:50%;text-align:center;}
	.loc_map .map_box dl ~ dl{margin-top:0;}
	.loc_map .map_box dl dt{justify-content: center;margin-bottom:2.3438vw;}
	.loc_map .map_box dl dt p{font-size:3.125vw;}
	.loc_map .map_box dl dt .line{display:none;}
	.loc_map .map_box dl dd{position:relative;margin-top:0;padding:2.3438vw 0;}
	.loc_map .map_box dl dd p{font-size:2.9688vw;}
	.loc_map .map_box dl dd::before{content:"";position:absolute;top:0;height:1px;width:0;background-color:#97b0c8;transition:0.6s;transition-delay:2.7s;}
	.loc_map .map_box dl:first-child dd::before{right:0;}
	.loc_map .map_box dl:last-child dd::before{left:0;}
	.loc_map .map_box dl ~ dl dd::after{content:"";position:absolute;top:0;left:0;;height:0;width:1px;background-color:#97b0c8;transition:0.6s;transition-delay:2.7s;}
	.loc_map.mo_com .map_box dl dd::before{width:100%;}
	.loc_map.mo_com .map_box dl ~ dl dd::after{height:100%;}

	.loc_map2{padding:15.625vw 0 16.4063vw;}
	.loc_map2 .tit{margin-bottom:4.0625vw;}
	.loc_map2 .tit p{font-size:3.4375vw;margin-bottom:2.8125vw;}
	.loc_map2 .tit strong{width:70.3125vw;margin-bottom:3.9063vw;}
	.loc_map2 .tit .line{width:5.1563vw;margin:0 auto;opacity:0;transition:0.6s;transition-delay: 0.8s;}
	.loc_map2 .map_area{display:block;}
	.loc_map2 .map_area .lef{width:100%;border-bottom: 1px solid #4f2d37;}
	.loc_map2 .map_area .rig{width:100%;border-top:none;display:block;padding:0;padding-top:10.1563vw;}
	.loc_map2 .map_icon .txt_box{display:none;}
	.loc_map2 .num_con{padding-bottom: 0;}
	.loc_map2 .num_con .num_list{padding-top:0;}
	.loc_map2 .num_con .num_list::before{display:none;}
	.loc_map2 .num_con .num_list::after{content:"";position:absolute;left:50%;top:0;width:1px;height:0;background-color:#4f2d37;transition:1.5s;}
	.loc_map2 .num_con .num_list ul{display:flex;flex-wrap:wrap;padding: 0.7813vw 0;}
	.loc_map2 .num_con .num_list ul li{width:50%;padding-top:0;padding-left:7.5vw;}
	.loc_map2 .num_con .num_list ul li:nth-child(n+3){padding-top:4.5vw;}
	.loc_map2 .num_con .num_list ul li strong{font-size:3.5938vw;padding-right:1.25vw;}
	.loc_map2 .num_con .num_list ul li p{font-size:3.125vw;letter-spacing:-0.03em;}
	.loc_map2 .num_con .num_list ul li span{width:3.125vw;margin-left:1.25vw;}
	.loc_map2.mo_com .tit .line{opacity:1;}
	.loc_map2 .rig.mo_com .num_con .num_list::after{height:100%;}
	.loc_map2 .rig.mo_com .num_con .num_list ul li{opacity:1;transform:none;}

	.clb{padding:21.875vw 2.5vw 15.625vw;}
	.clb .half_tit .tit p{margin-bottom:2.3438vw;}
	.clb .half_tit .tit strong img{width:50.9375vw;}
	.clb .area{padding: 10.9375vw 0;margin-top: 10.9375vw;}
	.clb .area::before{background-image:url(../images/clb-bg-m.jpg);}
	.clb .area .top{margin-bottom: 16.4063vw;}
	.clb .area .top strong{font-size: 3.4375vw;letter-spacing: 0.175em;}
	.clb .area .top p{font-size:2.0313vw;letter-spacing: 0.09em;margin-top:2.5vw;}
	.clb .area .cen{margin-bottom: 10.1563vw;}
	.clb .area .cen .lef p,
	.clb .area .cen .rig strong{font-size:5vw;line-height: 1.094em;}
	.clb .area .cen .rig p{font-size:2.8125vw;margin-bottom:1.3vw;line-height:1.4em;}
	.clb .area .cen .line{width:16.4063vw;height:16.4063vw;margin: 0 2.0313vw;}
	.clb .area .bot p{font-size:2.5vw;line-height: 1.875em;margin-bottom:2.5vw;}
	.clb .area .bot strong{font-size: 3.125vw;line-height: 1.7em;margin-bottom:7.0313vw;}
	.clb .area .bot .cs{width: 33.4375vw;font-size:2.8125vw;line-height:2.222em;letter-spacing: 0.11em;}

    .coming_soon{padding: 31.25vw 0 33.9063vw;}
    .coming_soon .logo{width: 50.3125vw;}
    .coming_soon .txt_area{right: 3.9063%;bottom: 4.6875vw;}
    .coming_soon .txt_area li{font-size: 2.8125vw;}
	.coming_soon .txt_area li:nth-child(1) span{transition-delay: 1.2s;}
	.coming_soon .txt_area li:nth-child(2) span{transition-delay: 1.4s;}
	.coming_soon .txt_area li:nth-child(3) span{transition-delay: 1.6s;}
	.coming_soon .txt_area li:nth-child(4) span{transition-delay: 1.8s;}

    footer{padding: 0 2.5%;}
    footer .top{padding: 3.9063vw 0;}
    footer .top p{font-size: 3.5938vw;}
    footer ul li a{padding: 6.7188vw 0;height:auto;}
    footer ul li strong{width: auto;height: auto;display: block;font-size: 2.5vw;text-align:center;letter-spacing: 0.05em;}
    footer ul li strong svg{display: none;}
    footer ul li p{display:none;}
    footer .bot{padding: 4.6875vw 10px;}
    footer .bot .lef,
    footer .bot .rig{display: block;}
	footer .bot .rig p{justify-content: flex-end;}
    footer .bot p{line-height: 1.867em;font-size: 2.3438vw;}
    footer .bot p ~ p{margin-left: 0;}
}