.no-scroll {overflow: hidden; height: 100%;}

/* header */
#header {z-index: 9999; transition: all 0.5s;}
#header .inner {padding: 0 14rem 0 24rem; box-sizing: border-box; height: 7rem;}
#header .inner .logo img {width: 11.4rem; height: 3.8rem;}
#header .inner .nav {width: 92rem;}
/* #header .inner .login img {width: 13.4rem; height: 3.2rem;} */
#header .inner .login {}
#header .inner .login a {}
#header .inner .login img {}
#header.act {background: #fff;}

@media screen and (max-width: 880px) {
    #header .inner {padding: 0 2.4rem; height: 6.4rem;}
}

/* floting */
#floting {position: fixed; right: 8rem; bottom: 28.3rem; z-index: 99;}
#floting .list {margin-bottom: 1.8rem; box-shadow: 0 3px 6px rgba(0,0,0,0.16); gap: 2.2rem; width: 7.6rem; height: 25.2rem; border-radius: 5.2rem; background: #fff;}
#floting .sns {box-shadow: 0 3px 6px rgba(0,0,0,0.16); border-radius: 50%; margin-bottom: 1.4rem;}
#floting .sns:last-child {margin-bottom: 0;}

@media screen and (max-width: 880px) {
    #floting {right: 2rem; bottom: 3rem;}
    #floting .list {width: 6.2rem; height: 15.4rem; margin-bottom: 1.4rem; gap: 1.8rem;}
    #floting .list img {width: 2.8rem; height: 2.8rem;}
    #floting .sns img {width: 6.2rem; height: 6.2rem;}
}

/* footer */
#footer .map_area {height: 82.9rem;}
#footer .map_area .left_cont {background: #F6F7F9; padding: 23rem 8.8rem 12.7rem 24rem; box-sizing: border-box;}
#footer .map_area .left_cont .call {display: block; margin-top: 4.8rem;}
#footer .right_cont {width: 50%; height: 100%;}
#footer .root_daum_roughmap {width: 100% !important; height: 100% !important;}
#footer .root_daum_roughmap .cont {display: none;}
#footer .footer_cont {padding: 3.6rem 0 6.7rem 0; background: #35383A;}
#footer .footer_cont .inner {width: 144rem;}
#footer .footer_cont .right_cont {gap: 2rem;}

@media screen and (max-width: 880px) {
    #footer .map_area {padding: 7.7rem 2.4rem 10.3rem 2.4rem; box-sizing: border-box; height: auto; flex-wrap: wrap; flex-direction: column-reverse; gap: 4.6rem; background: #F6F7F9;}
    #footer .map_area .left_cont {width: 100%; padding: 0;}
    #footer .map_area .left_cont .call {width: 32.6rem; margin-top: 3.6rem;}
    #footer .right_cont {width: 100%;}
    #footer .root_daum_roughmap .wrap_map {height: 29.5rem !important;}
    #footer .footer_cont {padding: 4.8rem 0 6.5rem 0;}
    #footer .footer_cont .inner {width: 38.2rem; flex-wrap: wrap; flex-direction: column-reverse;}
    #footer .footer_cont .inner .text {width: 38.2rem;}
    #footer .footer_cont .inner .logo {width: 14rem;}
    #footer .footer_cont .inner .img3 {width: 12.2rem;}
    #footer .footer_cont .inner .right_cont {flex-direction: row; justify-content: space-between; align-items: center; margin-bottom: 3.6rem;}
}

/* popup */
.popArea {display: none; z-index: 999999; position: fixed; width: 100%; height: 100%; top: 0; left: 0; }
.popArea .popBg {background: rgba(0,0,0,0.7); position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.popArea .popBox {width: 65%; transform: translate(-50%, -50%) scale(0); transition: 0.8s; left: 50%; top: 50%; position: absolute;}
.popArea .popBox.on {transform: translate(-50%, -50%) scale(1);}
.popArea .popBox .popImg {display: none;}
.popArea .popBox .popImg img {width: 100%; display: block;}
.popArea .popBox .cancelIco {position: absolute; max-width: 5rem; top: 6%; right: 2.5%; height: 40px; width: 55px; cursor: pointer;}
.popArea .popBox .pop3 .ft_close {position: absolute; top: 4%; right: 5%; width: 2.5rem;}

@media all and (max-width: 880px){
    .popArea .popBox {width: 80%; height: 90vh; overflow: auto;}
    .popArea .popBox .cancelIco {max-width: 2rem; top: 3.5%; right: 8%;}
}