@charset "utf-8";

/* main-visual */
.main-visual {position:relative; letter-spacing:-.03em;}
.main-visual .item {height:100vh; position:relative;}
.main-visual .item .secting-img {width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-position:center center;}
.main-visual .item .secting-img01 {background-image:url('../img/main/main-visual01.jpg');}
.main-visual .item .secting-img02 {background-image:url('../img/main/main-visual02.jpg');}
.main-visual .item .secting-img03 {background-image:url('../img/main/main-visual03.jpg');}
.main-visual .txt-box {max-width:1470px; padding:0 15px; margin:0 auto; display:flex; height:100%; width:100%; flex-direction:column; justify-content:center; color:#fff;} 
.main-visual .txt-box.tar {text-align:right;} 
.main-visual .txt-box h2 {font-size:76px; line-height:1.2em; margin-bottom:36px; opacity:0; position:relative;}
.main-visual .txt-box p {font-size:28px; line-height:1.7em; opacity:0; position:relative;}
.main-visual .item.slick-active .txt-box h2 {animation:text-focus-in .8s cubic-bezier(.55,.085,.68,.53) both;}
.main-visual .item.slick-active .txt-box p {animation:text-focus-in .8s cubic-bezier(.55,.085,.68,.53) both .4s;}
@keyframes text-focus-in{0%{filter:blur(12px);opacity:0;transform:translateY(30%);}100%{filter:blur(0);opacity:1;transform:translateY(10%);}}
.visual-btns {position:absolute; bottom:60px; left:50%; transform:translateX(-50%); max-width:1470px; padding:0 15px; width:100%; display:flex; align-items:center;}
.visual-btns .paging {margin-right:26px;}
.visual-btns .slick-dots {display:flex;}
.visual-btns .slick-dots li {padding-right:10px;}
.visual-btns .slick-dots li button {display:block; width:80px; border:1px solid #fff; height:5px; background:transparent; font-size:0; position:relative;}
.visual-btns .slick-dots li button:after {content:''; width:0; height:100%; background:#fff; position:absolute; top:0; left:0;}
.visual-btns .slick-dots li.slick-active button:after {width:100%; transition:all 4.8s;}
.visual-btns .btnw {position:relative;}
.visual-btns .btnw div {width:12px; height:12px; background-repeat:no-repeat; background-size:cover; background-position:center center; cursor:pointer; z-index:15;}
.visual-btns .btnw .bt-pause {background-image:url('../img/main/visual-pause.png');}
.visual-btns .btnw .bt-play {background-image:url('../img/main/visual-play.png');}
.visual-btns .btnw .bt-play {display:none;}
.scroll-down {position:absolute; right:80px; bottom:60px; width:92px; height:92px; background:url('../img/main/scroll-down.png') center center no-repeat; background-size:cover;}
.scroll-down:before {content:''; width:92px; height:92px; animation:rotate 10s infinite both; position:absolute; top:0; left:0; background:url('../img/main/scroll-down-txt.png') center center no-repeat; background-size:cover;}
@keyframes rotate{0%{transform:rotate(0)}50%{transform:rotate(180deg)}100%{transform:rotate(-180deg)}}
/* section */
.section {padding:180px 0 200px; background-repeat:no-repeat; background-size:cover; background-position:center center;}
.sec-tit {margin-bottom:94px;}
.sec-tit .tit {margin-bottom:30px; display:flex; align-items:center;}
.sec-tit .tit p {margin-left:20px; font-size:20px; line-height:1.2em; color:#111; font-weight:600; font-family:'Poppins';}
.sec-tit .txt h3 {font-size:54px; line-height:1.3em; display:inline-block; margin-bottom:36px; background:#fff; background:linear-gradient(270deg, #FF8A00 0%, #FFC000 100%); -webkit-background-clip: text; -webkit-text-fill-color:transparent;}
.sec-tit .txt p {font-size:20px; line-height:1.6em; color:#666;}
/* section01 */
.section01 {background-color:#fff;}
.section01 .sec-tit {position:sticky; top:180px; left:15px; z-index:100; display:inline-block; margin-bottom:0;}
.section01 .wrap {max-width:960px; width:100%; margin:0 0 0 auto;}
.section01 .col {display:flex; margin:-400px -40px 0; flex-wrap:wrap;}
.section01 .col .row {width:50%; padding:0 40px;}
.section01 .col .row:first-child {margin-top:110px;}
.section01 .inner {padding:74px 60px; margin-bottom:80px; overflow:hidden; background-repeat:no-repeat; background-size:100%; background-position:center center; height:540px; display:flex; flex-direction:column; align-items:flex-end; justify-content:flex-end; text-align:right; color:#fff; border-radius:20px; transition:background-size 0.6s;}
.section01 .inner:hover {background-size:110%;}
.section01 .inner h4 {font-size:36px; font-weight:500; line-height:1.1em; margin-bottom:16px;}
.section01 .inner p {font-size:18px; line-height:1.8em;}
.section01 .aos:last-child .inner {margin-bottom:0;}
.section01 .mob-col {display:none;}
/* section02 */
.section02 {background-image:url('../img/main/sec02bg.jpg');}
.section02 .sec-tit {text-align:right;}
.section02 .sec-tit .tit {justify-content:flex-end;}
.section02 .col {display:flex; margin:0 -40px;}
.section02 .col .row {width:50%; padding:0 40px;}
.section02 .inner {border-radius:20px; overflow:hidden; box-shadow:5px 5px 50px 5px rgba(0,0,0,0.07);}
.section02 .inner .txt-box {background:#fff; padding:74px 60px 60px; display:flex; min-height:360px; height:100%;}
.section02 .inner .tit {width:100%; max-width:180px;}
.section02 .inner .tit h4 {font-size:36px; font-weight:500; color:#111; line-height:1.1em; margin-bottom:14px;}
.section02 .inner .tit p {font-size:18px; color:#999; line-height:1.8em; font-family:'Poppins';}
.section02 .inner .txt {width:1%; flex:1 1 auto; display:flex; flex-direction:column; justify-content:space-between; height:auto;}
.section02 .inner .txt p {font-size:18px; line-height:1.8em; color:#666;}
.section02 .inner .txt a {display:block; width:200px; line-height:62px; padding:0 10px; font-size:16px; font-weight:600; color:#1f2531; font-family:'Poppins'; position:relative; transition:all 0.6s; z-index:1;}
.section02 .inner .txt a:before {content:''; width:100%; height:1px; background:#ffc000; position:absolute; bottom:0; left:0; transition:all 0.6s; z-index:-1; border-radius:10px;}
.section02 .inner .txt a:after {content:''; width:8px; height:12px; background-image:url('../img/main/sec02-more.png'); position:absolute; top:50%; margin-top:-6px; right:10px; transition:all 0.6s; background-repeat:no-repeat; background-size:cover;}
.section02 .inner .txt a:hover:after {animation:arrowMove 1.2s ease both;}
@keyframes arrowMove {0%{right:10px;}25%{right:20px;}50%{right:10px;}75%{right:20px;}100%{right:10px;}}
/* 
.section02 .inner .txt a:hover {color:#fff; transition:all 0.6s;}
.section02 .inner .txt a:hover:before {height:100%;}
.section02 .inner .txt a:hover:after {background-image:url('../img/main/sec02-more-on.png');}
 */

.section02 .inner .txt a span {position:absolute; width:200px; height:300px; bottom:0; left:0;}
/* section03 */
.section03 {overflow:hidden; position:relative;}
.section03 .sec-tit {position:relative;}
.section03 .sec-tit .backdr {position:absolute; bottom:0; right:0; z-index:-1;}
.section03 .col {display:flex;}
.section03 .tab-wrap {width:100%; max-width:480px; display:flex; flex-direction:column; justify-content:space-between;}
.section03 .tab-wrap .tit {padding-top:25px;}
.section03 .tab-wrap .tit p {font-size:36px; color:#111; font-weight:500; line-height:1.2em; margin-bottom:30px;}
.section03 .tab-wrap .btn {display:block; cursor:pointer; margin-bottom:10px; width:100px; line-height:50px; border-radius:25px; text-align:center; color:#666; font-size:20px; background-color:#f6f6f6; border:0; transition:all 0.6s; background-size: 600% 100%;}
.section03 .tab-wrap .btn.active {color:#fff; animation:bg-pan-left 4s infinite alternate both; background-image: linear-gradient(270deg, #ff8a00, #ffc000, #ff8a00);}
.section03 .tab-wrap .btn:hover {color:#fff; animation:bg-pan-left 4s infinite alternate both; background-image: linear-gradient(270deg, #ff8a00, #ffc000, #ff8a00);}
@keyframes bg-pan-left{0%{background-position:100% 50%}100%{background-position:0 50%}}
.section03 .tab-wrap .more {margin-bottom:25px;}
.section03 .tab-wrap .more a {display:inline-block; font-size:24px; line-height:1.2em; color:#1f2531; font-weight:600; position:relative; padding-left:46px; transition:all 0.6s;}
.section03 .tab-wrap .more a:before {content:''; width:34px; height:18px; position:absolute; top:50%; margin-top:-9px; left:0; background:url('../img/main/sec03-more.png') no-repeat; transition:all 0.6s; background-size:cover;}
.section03 .tab-wrap .more a:hover:before {transform:rotate(36deg);}
.section03 .tab-wrap .more a span {background:#fff; transition:all 0.6s; display:inline-block; background:linear-gradient(270deg, #FF8A00 0%, #FFC000 100%); -webkit-background-clip: text; -webkit-text-fill-color:transparent;}
.section03 .tab-wrap .more a:hover span {padding-left:10px;}
.section03 .tab-container {width:1%; flex:1 1 auto; height:580px; position:relative;}
.section03 .tab-container .tab-fix {width:1480px; height:100%; position:absolute; top:0; left:0;}
.section03 .tab-container .tab-box {opacity:0; position:absolute; top:0; left:0; width:100%; height:100%;}
.section03 .tab-container .tab-box.active {opacity:1; z-index:11;}
.section03 .items {margin:0 -40px; height:580px;}
.section03 .item {padding:15px 40px 25px;}
.section03 .inner {border-radius:20px; overflow:hidden; position:relative; height:360px; transition:all 1s;}
.section03 .slick-current .inner {height:540px; transition-delay:.3s; box-shadow:5px 5px 15px 5px rgba(0,0,0,.2);}
.section03 .inner .img-box {position:absolute; top:0; left:0; z-index:10;}
.section03 .inner .img-box:after {content:''; opacity:0; transition:all 0.6s; width:100%; height:50%; z-index:15; position:absolute; background: linear-gradient(0deg, rgba(31,37,49,0.8) 0%, rgba(0,0,0,0) 100%); bottom:0; left:0;}
.section03 .slick-current .inner .img-box:after {opacity:1; transition-delay:1.2s;}
.section03 .inner p {position:absolute; z-index:20; font-size:28px; color:#fff; font-weight:500; width:100%; text-align:center; bottom:80px; padding:0 10px; opacity:0; transition:all 0.6s;}
.section03 .slick-current .inner p {opacity:1; transition-delay:1.2s;}
.section03 .slick-arrow {position:absolute; bottom:60px; z-index:11; width:80px; height:80px; transition:all 0.6s; background-size:cover; background-repeat:no-repeat; border:0; border-radius:50%; font-size:0;}
.section03 .slick-prev {background-image:url('../img/main/sec03-prev.png'); left:53.5%;}
.section03 .slick-next {background-image:url('../img/main/sec03-next.png'); left:59%;}
.section03 .slick-prev:hover {background-image:url('../img/main/sec03-prev-on.png');}
.section03 .slick-next:hover {background-image:url('../img/main/sec03-next-on.png');}
/* section04 */
.section04 {background-color:#1f2531; overflow:hidden; position:relative;}
.section04 .sec-tit {text-align:center; margin-bottom:74px;}
.section04 .sec-tit .tit {flex-direction:column;}
.section04 .sec-tit .tit p {color:#fff; margin-left:0; margin-top:16px;}
.section04 .sec-tit .txt p {color:#fff;}
.section04 .tab-wrap {width:100%; max-width:520px; margin:0 auto 60px; display:flex;}
.section04 .tab-wrap .btn {width:50%; border:0; border-top:1px solid rgba(255,255,255,0.2); display:block; background:transparent; padding:30px; text-align:left; position:relative;}
.section04 .tab-wrap .btn:before {content:''; opacity:0; width:0; height:3px; background-image: linear-gradient(270deg, #ff8a00, #ffc000, #ff8a00); position:absolute; top:-1px; left:0; animation:bg-pan-left 4s infinite alternate both; transition:all 0.6s;}
.section04 .tab-wrap .btn.active:before {opacity:1; width:100%;}
.section04 .tab-wrap .btn:hover:before {opacity:1; width:100%;}
.section04 .tab-wrap .btn p {font-size:20px; line-height:1.4em;}
.section04 .tab-wrap .btn p.eng {color:#fff; font-weight:500;}
.section04 .tab-wrap .btn p.kor {color:#c3cad7;}
.section04 .tab-wrap .btn span {position:absolute; width:30px; height:30px; background-color:rgba(0,0,0,0.5); border-radius:50%; top:50%; margin-top:-15px; right:20px; transition:all 0.6s; overflow:hidden;}
.section04 .tab-wrap .btn span:before {content:''; background-image: linear-gradient(270deg, #ff8a00, #ffc000, #ff8a00); animation:bg-pan-left 4s infinite alternate both; opacity:0; width:100%; height:100%; position:absolute; top:0; left:0; transition:all 0.6s;}
.section04 .tab-wrap .btn.active span:before {opacity:1;}
.section04 .tab-wrap .btn:hover span:before {opacity:1;}
.section04 .tab-wrap .btn span:after {content:''; width:8px; height:12px; background:url('../img/main/sec04-more.png') no-repeat; position:absolute; top:50%; margin-top:-6px; left:50%; margin-left:-4px; z-index:10;}
.section04 .tab-fix {width:100%; max-width:1000px; margin:0 auto; height:540px; position:relative;}
.section04 .tab-fix .tab-box {position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; transition:all 0.6s;}
.section04 .tab-fix .tab-box.active {opacity:1; z-index:11;}
.section04 .slick-list {overflow:visible;}
.section04 .item {padding:0 80px; outline:none;}
.section04 .item .inner {height:540px; width:100%; display:block; border-radius:30px; overflow:hidden; background-repeat:no-repeat; background-size:cover; background-position:center center; position:relative;}
.section04 .item .inner:after {content:''; opacity:0; transition:all 0.6s; width:100%; height:100%; z-index:10; position:absolute; background: linear-gradient(0deg, rgba(31,37,49,0.8) 0%, rgba(0,0,0,0) 100%); bottom:0; left:0;}
.section04 .item.slick-current .inner:after {opacity:1;}
.section04 .item .txt-box {display:flex; flex-direction:column; justify-content:flex-end; height:100%; color:#fff; padding:75px 80px; position:relative; z-index:15;}
.section04 .item .txt-box h4 {font-size:28px; line-height:1.2em; font-weight:500; margin-bottom:24px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.section04 .item .txt-box p {font-size:18px; line-height:1.8em;}
.section04 .slick-arrow {position:absolute; top:50%; z-index:11; width:40px; height:40px; margin-top:-20px; background-repeat:no-repeat; background-size:cover; transition:all 0.6s; font-size:0; border:0; cursor:pointer; background-color:transparent;}
.section04 .slick-prev {background-image:url('../img/main/sec04-prev.png'); left:0; margin-left:-20px;}
.section04 .slick-next {background-image:url('../img/main/sec04-next.png'); right:0; margin-right:-20px;}
.section04 .slick-prev:hover {background-image:url('../img/main/sec04-prev-on.png');}
.section04 .slick-next:hover {background-image:url('../img/main/sec04-next-on.png');} 
/* section05 */
.section05 {background-color:#fff; overflow:hidden; position:relative; padding-top:180px;}
.section05 .sec-tit {text-align:center;}
.section05 .sec-tit .tit {flex-direction:column;}
.section05 .sec-tit .tit p {margin-left:0; margin-top:14px;}

.section05 .wrap {position:relative; height:840px;}
.section05 .col {width:100%; height:100%;}
.section05 .col .row {width:100%; height:100%; opacity:0; background-repeat:no-repeat; overflow:hidden; transition:all 0.8s; position:absolute; left:0; top:0; background-position:center center;}
.section05 .lease-on .col .row.lease {opacity:1;}
.section05 .rental-on .col .row.rental {opacity:1;}
.section05 .txt-box {display:flex; height:100%; flex-direction:column; padding:180px 0 190px; justify-content:space-between;}
.section05 .txt-box .txt {color:#fff;}
.section05 .txt-box .txt h4 {font-size:54px; line-height:1.3em; margin-bottom:36px; position:relative; left:100px; opacity:0; transition:all 0.6s;}
.section05 .txt-box .txt p {font-size:20px; line-height:1.7em; position:relative; left:100px; opacity:0; transition:all 0.6s;}
.section05 .lease-on .col .lease .txt-box .txt h4 {opacity:1; left:0; transition-delay:.4s;}
.section05 .lease-on .col .lease .txt-box .txt p {opacity:1; left:0; transition-delay:.6s;}
.section05 .rental-on .col .rental .txt-box .txt h4 {opacity:1; left:0; transition-delay:.4s;}
.section05 .rental-on .col .rental .txt-box .txt p {opacity:1; left:0; transition-delay:.6s;}
.section05 .txt-box a {display:block; width:200px; line-height:62px; padding:0 10px; font-size:16px; font-weight:600; color:#fff; font-family:'Poppins'; position:relative; transition:all 0.6s; z-index:1;}
.section05 .txt-box a:before {content:''; width:100%; height:1px; background:#fff; position:absolute; bottom:0; left:0; transition:all 0.6s; z-index:-1; border-radius:10px;}
.section05 .txt-box a:after {content:''; width:8px; height:12px; background-image:url('../img/main/sec05-more.png'); position:absolute; top:50%; margin-top:-6px; right:10px; transition:all 0.6s; background-repeat:no-repeat; background-size:cover;}

.section05 .txt-box a:hover:after {animation:arrowMove 1.2s ease both;}
/*
.section05 .txt-box a:hover {color:#111; transition:all 0.6s;}
.section05 .txt-box a:hover:before {height:100%;}
.section05 .txt-box a:hover:after {background-image:url('../img/main/sec05-more-on.png');}
*/
.section05 .btn-box {width:600px; height:840px; display:flex; flex-direction:column; position:absolute; top:0; right:0; z-index:10;}
.section05 .btn-box a {display:block; width:100%; height:50%; padding:76px 80px; color:#fff; position:relative;}
.section05 .btn-box a:before {content:''; width:1px; height:100%; top:0; left:0; background:rgba(255,255,255,0.3); z-index:5; position:absolute;}
.section05 .btn-box a:after {content:''; width:100%; height:100%; background:url('../img/main/sec05-btn-on.jpg') center center no-repeat; background-size:cover; position:absolute; top:0; left:0; opacity:0; z-index:1; transition:all 0.6s;}
.section05 .lease-on .btn-box a.lease-btn:after {opacity:0.95;}
.section05 .rental-on .btn-box a.rental-btn:after {opacity:0.95;}
.section05 .btn-box a .txt {position:relative; z-index:10;}
.section05 .btn-box a h5 {font-size:36px; line-height:1.1em; font-weight:500; margin-bottom:14px; position:relative; }
.section05 .btn-box a p {font-size:18px; line-height:1.8em; font-family:'Poppins';}
.section05 .btn-box a .icon {position:absolute; bottom:80px; right:80px; z-index:10;}
.section05 .btn-box a span {position:absolute; bottom:80px; left:80px; width:32px; height:32px;}
.section05 .btn-box a span:before,
.section05 .btn-box a span:after{content:''; background:#fff; transition:all 0.6s; z-index:10; position:absolute;}
.section05 .btn-box a span:before {width:32px; height:2px; left:0; top:50%; margin-top:-1px;}
.section05 .btn-box a span:after {width:2px; height:0; top:50%; left:50%; margin-left:-1px;}
.section05 .btn-box a:hover span:after {height:32px; top:0;}