@media(max-width:1600px) { 
    header.header .gnb .depth { width: 200px; } 
    header.header .gnb .depth-2 { left:520px; } 
    header.header .gnb .depth-3 { left:720px; } 
    header.header .gnb .depth-4 { left:920px; } 
 }

 @media(max-width:1400px){
    .inner {width: 100%; padding: 0 30px;}

    #pop-wr {top: 95px;width: 100%;}
    .popup {position: absolute;}

    /*main*/
    section.video-section .vi-left {width: 702px;height: 398px;}
    section.video-section .vi-right {margin-top: 209px;}
    section.video-section .video-wr {transform: translateX(0px);}
    section.video-section .video-deco2 {transform: translate(561px,54px);}
    section.video-section .video-deco1 {transform: translate(-665px,-28px);width: 280px;}


    /*sub*/
    #sub-cont .inner {padding: 80px 80px 128px;}
    #sub h2.main-tit span b::before {top: -37px;}
    #sub-cont .inner img.icon {width: auto;}
}

@media(max-width:1200px) { 
 header.header .gnb, header.header::before { display: none; } 
 header.header.active {background: none;}
 .ham_menu_btn { display: block;margin-left: 2em; } 

 section.cs-section, section.map-section {padding: 122px 30px;}

 footer .ft-right {padding-top: 0;flex-direction: column;}
 footer .ft-right ul {margin-left: 3.7em;margin-top: 2em;}
 }

@media(max-width:1024px) { 
 footer ul li a { color: var(--light-color);}
 section.intro .intro-cont { width: 379px; height: 497px; } 
 section.intro p.int-text { font-size: 3.1rem; } 
 section.intro p.int-text1 { transform: translate(-50%, -329px); } 
 section.intro p.int-text2 { transform: translate(-392px, -265px); } 
 section.intro p.int-text3 { transform: translate(-329px, -201px); } 
 section.intro p.int-text4 { transform: translate(204px, 167px); } 
 section.intro .main-btn { transform: translate(210px, 94px); } 
 
 footer .inner { flex-direction: column; } 
 footer .ft-right ul { margin-left: 3.188em; } 
 footer .ft-left { margin-top: 3em; justify-content: flex-end; } 

 /*main*/
 section.main-section .main-right,
 section.main-section .main-right .ma-right-img {width: 100%;height: auto;}
 section.video-section .video-wr {flex-direction: column;}
 section.video-section .vi-right {margin-top: 0;margin-right: -73px;}
 section.video-section .video-deco1 {transform: translate(-465px,328px);}
 section.video-section .video-deco2 {transform: translate(161px,-14px);}
 section.pl-section {padding-top: 50px;padding-bottom: 50px;}
 section.pl-section .pl-wr {flex-direction: column;}
 section.pl-section .pl-wr .pl-box {height: 500px;width: 80%;}
 section.pl-section .pl-wr .pl-box.pl-right {margin-top: -230px;margin-left: auto;height: 600px;}
 section.pl-section .swiper-slide {padding: 2em 2em;}
 section.pl-section .pl-img-box .mainBtn {transform: translate(-50%, -44px);    width: auto;}
 section.pl-section .pl-img-box .pl-img {width: 396px;}
 section#sectionPin .pin-wrap .pri-item2 {align-self: baseline;}
 .swiper-button-next, .swiper-button-prev {width: 60px;height: 60px;}
 .swiper-button-next, .swiper-rtl .swiper-button-prev {right: 2em;bottom: 2em;}
 .swiper-button-prev, .swiper-rtl .swiper-button-next {right: 12.4em; bottom: 2em;}
 .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {    right: 6.3em; bottom: 3.2em;}
 section.cs-section, section.map-section {width: 100%;}
 footer .inner { position: relative;}
 footer .ft-left.call-btn-wr {position: absolute; top: 0; margin-top: 0; right: 30px;}


}


 @media(max-width:768px) { 

    #main header.header {background: url(../image/bg.jpg);}
    .bg-deco { 
        position: absolute; 
        width: 80px; 
        height: 80px; 
        background: radial-gradient( at 50% 50%, #00A686, #dc000b00 ); 
        filter: blur(100px); 
        opacity: 0.5; 
        border-radius: 100%; 
        animation: bg-deco-ani 15s linear infinite alternate; 
        } 
       
       @keyframes bg-deco-ani { 
        0% { top:10%; left:-20%; } 
        15% { top: 20%; left: 0%; } 
        30% { top: 30%; left: 14%; opacity: 0.6; } 
        45% { top: -30%; left: 28%; width: 600px; height: 600px; } 
        60% { top: 80%; left: 42%; } 
        75% { top: 20%; left: 56%; opacity: 0.3; } 
        90% { top: 10%; left: 70%; } 
        100% { top: 25%; left: 100%; opacity: 0.7; width: 300px; height: 300px; } 
        } 

 img.pc-img {display:none}
 img.m-img {display:block}

 header.header .inner { height: 75px; } 
 header.header img.logo.icon, footer img.logo.icon { width: 160px; } 
 .ham_menu.active { width: 70%; } 
 .ham_menu_btn span:nth-child(2) { margin: 7px 0; } 

 section.intro { position: relative;overflow: hidden; } 
 section.intro p.int-text { font-size: 2.5rem; left: auto; } 
 section.intro p.int-text1 { transform: translate(0, -200px); } 
 section.intro p.int-text2 { transform: translate(0, 135px); } 
 section.intro p.int-text3 { transform: translate(0, 188px); } 
 section.intro p.int-text4 { transform: translate(237px, 187px); } 
 section.intro .intro-cont { width: calc(100% - 5rem); height: 260px; background: url(../image/intro/intro-img.png)no-repeat -148px -202px / 1150px;transform: translateY(calc(50% + 60px)); } 
 section.intro .main-btn { transform: translate(0, 261px); left: auto; } 

 .cursor-screen { width: 110px; height: 110px; left: 0; right: 0; position: sticky; margin-top: -137px; margin-left: auto; margin-right: 1.5rem; background: url(../image/intro/badge-txt.png)no-repeat center / cover; } 
 
 @keyframes intro-bg-ani { 
 0% { background: url(../image/intro/intro-img.png)no-repeat -148px -202px / 1150px; opacity: 0; } 
 100% { background: url(../image/intro/intro-img.png)no-repeat -139px -171px / 1100px; opacity: 1; } 
 }

 footer .ft-right { flex-direction: column; } 
 footer .ft-right ul { margin-left: 0; margin-top: 1.5em; } 
 footer .ft-left { justify-content: flex-start; } 
 footer .ft-left ul:first-child { margin-left: 0; } 


 #pop-wr {width: 80%; top: 67px; left: 50%; transform: translateX(-50%);}
 .inner {padding: 0 20px;}
 

/*main*/

.main-tit-wr h2 {font-size: 2rem;margin-top: 0;margin-bottom: 0.3em;}
.mainBtn {font-size: 1.2rem;}
.ham_menu_btn {margin-left: auto;}
header.header .call-btn-wr {display: none;}

section.main-section {padding-top: 105px;min-height: auto;}
section.main-section .main-left {padding: 0;}
section.main-section p {font-size: 1.938rem; line-height: 1.3;}
section.main-section .main-right { position: relative;margin-top: 1em;}
section.main-section .model-badge {width: 100px; height: 100px; background: url(../image/main-badge.png)no-repeat center / cover;bottom: -67px;right: 31px;}
section.video-section { padding: 100px 20px; }
section.video-section .vi-left {width: 100%; height: auto;}
section.video-section .vi-right {margin-left: 0; align-self: flex-start;}
section.video-section .vi-right p {margin-bottom: 2em;}
section.video-section .video-deco2 {transform: translate(103px,372px); width: 169px; border-radius: 16px;}
section.video-section .video-deco1 {transform: translate(-32px,637px);width: 130px;border-radius: 14px;opacity: .5;display: none;}
section#sectionPin .pin-wrap {padding: 20px;}
section#sectionPin .pin-wrap .main-tit-wr {padding-right: 0;}
section#sectionPin .pin-wrap > * {min-width: 100vw;}
section#sectionPin .pin-wrap img.pri-img {max-width: 100%;}
section#sectionPin .pin-wrap .pri-item,
section#sectionPin .pin-wrap .pri-item2 {align-self: center;}
section#sectionPin .pin-wrap .pri-item1 {margin-left: -100vw;}
section#sectionPin .pin-wrap .pri-item4 {display: none;}
section.pl-section .pl-wr .pl-box {width: 100%; height: 564px;}
section.pl-section .pl-wr .pl-box.pl-right {margin:-130px auto 0;height: 400px; width: 80%;}
section.pl-section .main-tit-wr p {display: none;}
section.pl-section .swiper-slide { padding: 1em;}
section.pl-section .pl-img-box .pl-img {width: 227px;}
section.pl-section .pl-img-box .mainBtn {transform: translate(-50%, -20px); width: 172px; text-align: center;}
.swiper-button-prev, .swiper-rtl .swiper-button-next { right: 10.2em;  bottom: 1em;}
.swiper-button-next, .swiper-button-prev {width: 50px; height: 50px;}
.swiper-button-next, .swiper-rtl .swiper-button-prev {right: 1em;bottom: 1em;}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {right: 4.7em; bottom: 1.9em;}
section.cs-section .cs-wr {flex-direction: column; }
section.cs-section .cs-wr .cs-right {margin-top: 4px;}
section.cs-section .cs-wr .cs-item1 {background: #000 url(../image/info-icon1.png)no-repeat center / contain;}
section.cs-section .cs-wr .cs-item2 {background: #000 url(../image/info-icon2.png)no-repeat center / contain;}
section.cs-section .cs-wr .cs-item3 {background: #000 url(../image/info-icon3.png)no-repeat center / contain;}
section.cs-section .cs-wr .cs-item4 {background: #000 url(../image/info-icon4.png)no-repeat center / contain;}
section.cs-section .cs-wr .cs-item  {height: 200px;}
section.cs-section .cs-wr .cs-box { width: 100%;}
section.cs-section .cs-wr .cs-item1, section.cs-section .cs-wr .cs-item3 {margin-bottom: 4px;}
section.map-section {padding:0 30px 122px 30px;}




 /*sub*/
 .sub-tit-bg {height: 211px;}
 .sub-tit-bg h1 {font-size: 25px;}
 .sub-nav-wr li {margin: 0; height: 60px; line-height: 60px;padding: 0 8px;}
 .sub-nav-wr a {font-size: 15px;/*text-overflow: ellipsis; white-space: pre-wrap; overflow: hidden;*/}

 .sub-tab-menu li {line-height: 46px;}

 #sub h2.main-tit {line-height: 1.2;margin-bottom: 17px; font-size: 35px;}
 #sub h2.main-tit span {letter-spacing: -2px; font-size: 20px;}
 #sub h2.main-tit span b {font-size: 28px;}
 #sub p.main-sub-txt {font-size: 15px;line-height: 1.3; margin-bottom: 31px;}
 #sub h2.main-tit span b::before {top: -4px;}
 #sub h2.main-tit strong {font-size: 35px; line-height: 1.2;}
 /* #sub h2.main-tit::after {bottom: -1px;} */


 #sub #sub-cont .inner {padding: 3rem 1.1rem 4rem 1.1rem; width: 100%;}

 #sub .dist_info02 h2.main-tit span strong {font-size: 25px;}

 .ma-bt {margin-top: 30px;}
 .bt-noti {border-radius: 10px;}
 .bt-noti p {font-size: 13px;}

 .info-table {margin-top: 16px;}
 .info-table td {padding: 13px 13px;}
 .info-table td.tit {font-size: 15px;width: 93px;}
 .info-table td.txt {font-size: 14px; padding-left: 14px; padding-right: 14px;}

 /*분양정보*/
 .sa-tit {left: 50%; width: 85%; transform: translateX(-50%);    height: 146px;}
 .sa-tit ul {margin-top: 37px;}
 .sa-tit .tit {font-size: 23px;}
 .sa-tit .txt {font-size: 16px;}
 .sa-tit .txt span {font-size: 18px;}

 .schedule {padding: 0;border-collapse: collapse;margin-top: 20px;border-radius: 0;border: 0;}
 .schedule thead tr td{font-size: 14px;padding-top: 20px;font-weight: 600;}
 .schedule tbody tr td{height: 70px;text-align: center;padding: 2px 0}
 .schedule tbody tr td span {margin-top: 25px;}
 .schedule tbody tr td span, .schedule tbody tr td span i{font-size: 10px;line-height: 12px;}
 .schedule tbody tr td.hei {height: 100px;}
 .schedule-wr {font-size: 28px;border-radius: 10px 10px 10px 10px;overflow: hidden; border: 1px solid #d9d9d9; padding:25px 0 0 0;}
 .schedule-wr h3 {font-size: 1.5rem;}

 /*지구정보*/
 #sub h2.main-tit {font-size: 25px; }


 /*세대정보*/

 /*인테리어*/
 h3.scroll-info-txt {display: block;}
 .int-img-wr {padding: 37px 20px 5px;background-size: contain;}
 #sub-cont .inner .int-img-wr img.tit {margin-bottom: 20px;  width: 232px;}
 .list-scroll {overflow-x: scroll;}
 .list-scroll .list-img-box {width: 768px;}
 .int-img-wr ul li.img-txt {font-size: 15px;padding: 1px 25px;}
 .int-img-wr ul {border-radius: 21px 5px 20px 5px; margin-bottom: 10px;}



 /*찾아오시는길*/
 .sale_info .ad-wr {flex-direction: column;}
 .sale_info .ad-wr .ad-box {width: 100%;}
 .sale_info .ad-wr .ad-box:last-child {margin-top: 30px;}
 .sale_info .ad-tit {font-size: 16px;    width: 100%;}
 .sale_info .ad-item img.icon {width: 14px;}
 .sale_info .ad-item {flex-direction: column;padding: 15px 0;}
 .sale_info .ad-item li {height: 33px;line-height: 33px;}
 .sale_info .ad-txt {margin-left: 29px; font-size: 15px;}

 .sale_info iframe {margin-bottom: 50px;}

 
 }

@media(max-width:470px){
    .sale-bg-wr {padding-top: 125px;}
    .sa-tit {top: 43px; width: 90%;height: 115px;}
    .sa-tit ul {margin-top: 29px;margin-left: 30px;}
    .sa-tit .tit {font-size: 19px;}

    #sub iframe {height: 400px;}

    footer .go_top {width: 55px;height: 55px;bottom: 29px; right: 18px; line-height: 62px;}

    .sub-nav-wr.sale_info .flex-wr{flex-wrap: wrap;}
    .sub-nav-wr.sale_info li {min-width: 100px;text-align: center;height: 50px;line-height: 50px;}

    .go_top {width: 50px;right: 20px;height: 50px;}
    @keyframes ma-img-ani {
        0% {transform: scale(1.2); border-radius: 20px; overflow: hidden;}
        100% {transform: scale(1);border-radius: 20px; overflow: hidden;}
    }

}


@media(max-width:400px){
    
 header.header.fix { background: rgb(0 0 0 / 69%); }
 .inner { padding-left: 1.1rem; padding-right: 1.1rem; } 
 .ham_menu_btn span { width: 25px; height: 2px; } 
 .ham_menu_btn span:nth-child(2) { margin: 4px 0; } 
 .ham_menu.active { width: 100%; } 

 @keyframes intro-bg-ani { 
 0% { background: url(../image/intro/intro-img.png)no-repeat -148px -102px / 1000px; opacity: 0; } 
 100% { background: url(../image/intro/intro-img.png)no-repeat -139px -120px / 743px; opacity: 1; } 
 }

 .cursor-screen {margin-left: 1.5rem; margin-right: 0;}
 section.intro .intro-cont { width: calc(100% - 12rem);transform: translateY(calc(50% + 80px));border-radius: 0.8em;}
 section.intro p.int-text { letter-spacing: -0.1em; font-size: 1.6rem;left: 50%; } 
 section.intro p.int-text1 { transform: translate(-50%, -178px); } 
 section.intro p.int-text2 {    transform: translate(-176px, -126px); } 
 section.intro p.int-text3 { transform: translate(-159px, -91px); } 
 section.intro p.int-text4 { transform: translate(63px, 113px); } 
 section.intro .main-btn { transform:translate(88px, 158px); width: 187px; padding: 5px 0;} 
 /* section.intro .main-btn img.icon {mix-blend-mode: difference;opacity: 0.3;}background: #eaf4f2; color: #a4abaa; */

 section.main-section .main-right {overflow: hidden; border-radius: 20px;}
 a.model-badge.model-badge-m {position: relative;width: 90px; height: 90px; top: -46px; right: 20px;float: right; }
 #main section.pl-section .inner{padding: 0;}
 section.pl-section .pl-wr .pl-box{width: 100%;}
 section.pl-section .pl-wr .pl-box.pl-right {height: 364px;margin: -300px auto 0;width: 80%;}

 .main-btn { width: 219px; padding: 9px 0; } 
 .main-btn img.icon { width: 37px; } 
 
 footer .ft-left { flex-direction: column; } 
 footer .ft-left img { width: 100%; } 
 footer .ft-left ul { margin-left: 0; } 
 footer .ft-left ul:last-child { margin-top: 0.875em; } 

 
 }


 @media(max-width:390px){


    section.main-section .model-badge.model-badge-pc {display: none;}
    section.main-section .model-badge.model-badge-m {display: block;}

    .sub-nav-wr a {font-size: 14px;}
    .sub-nav-wr.inne li {padding: 0 7px;}
    .sub-nav-wr.inne a {font-size: 13px;}

    .inne_info .sub-tab-menu.flex-wr {flex-wrap: wrap;}
    .inne_info .sub-tab-menu li {width: 33.33%;}
    .inne_info .sub-tab-menu li:first-child {border-radius: 10px 0 0 0;}
    .inne_info .sub-tab-menu li:nth-child(3) {border-radius: 0 10px 0 0;border-right: 1px solid #dbdbdb;}
    .inne_info .sub-tab-menu li:nth-child(4) {border-radius: 0 0 0 10px;}
    .inne_info .sub-tab-menu li:last-child {border-radius: 0 0 10px 0;}
    .inne_info .sub-tab-menu li:nth-child(1),
    .inne_info .sub-tab-menu li:nth-child(2),
    .inne_info .sub-tab-menu li:nth-child(3) {border-bottom:0;}
    


    .sub-tab-menu li a {font-size: 13px;}
    #main section .inner {padding: 0 20px;}
    section.main-section p {font-size: 1.5rem;}
    
    .main-tit-wr span {font-size: 1rem;}
    .main-tit-wr h2 {font-size: 1.5rem;}
    .mainBtn {font-size: 1rem;}
    .mainBtn .btn-icon {width: 1em;}
    section.video-section .vi-left {    margin-bottom: 12px;}
    section.pl-section .main-tit-wr h2{font-size: 1.3rem;}
    section.pl-section .pl-wr #player {opacity: 1;}
    section.pl-section .pl-wr .pl-box.pl-right {height: 364px; margin-top: -343px;}
    section.cs-section .cs-wr .cs-item {height: 138px;}
    section.cs-section .cs-wr{margin-top: 1em;}
    section.map-section .map-list { width: 165px; margin-top: 24px;}
    section.pl-section,
    section.cs-section,
    section.map-section {background: url(../image/bg.jpg);}
    section.cs-section, 
    section.map-section {padding: 50px 30px;}

    #sub-cont.sale_info .inner img.icon {width:15px;}
    .sale_info .adr-tit {font-size: 16px;}
    .sale_info .adr-txt {font-size: 14px;}
    .sale_info .adr-item li {height: auto;line-height: 2;}
    .sale_info .adr-item {display:inherit; padding: 10px 0;}
    .sale_info .adr-item li.adr-txt {padding-left: 43px;}

    #sub-cont.comp_info .inner img.icon {width: 20px;display: block; margin-bottom: 0.5em;}
    .info-table td.tit {padding-left: 1em;line-height: 1.2;font-size: 14px;}

    .schedule tbody tr td.mon {font-size: 1rem;}
    .schedule tbody tr td span {width: 100%;height: 100%;}

    footer {padding: 1.625em 0 2.688em 0;}
    footer .ft-right {margin-top: 38px;border-top: 1px solid #ffffff36;padding-top: 20px;}
    footer .ft-left.call-btn-wr {left: 17px; margin-top: -5px;}










}



@media screen and (any-pointer:coarse){
 .cursor { display: none; } 
 .cursor-screen { display: block; } 
 }