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

/* bg */
#bg {position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: #000; opacity: 0; visibility: hidden; transition: all 0.5s;}
#bg.on {opacity: 0.4; visibility: visible; z-index: 2;}
/* bg */

/* header */
#header {transition: all 0.5s; z-index: 999; height: 10rem; box-shadow: 0 0.3rem 0.6rem rgba(0,0,0,0.1); background: #fff;}
#header .in_header {padding: 0 5rem; height: 100%;}
#header .in_header .left_hd {gap: 14.9rem;}
#header .in_header nav ul {gap: 8rem;}
#header .in_header nav ul a {letter-spacing: -0.025rem;}

@media screen and (max-width: 880px) {
    #header {height: 7rem;}
    #header .in_header {padding: 0 2rem;}
    #header .in_header .logo img {width: 26.3rem;}
    #header .in_header .mo_menu img {width: 2.2rem;}
    #header .mo_nav {top: 7rem; right: -30.1rem; width: 30.1rem; height: calc(100vh - 7rem); overflow-y: auto; background: #fff; padding: 6.6rem 0 0 3rem; transition: all 0.5s;}
    #header .mo_nav .mo_menu_logo {width: 17.9rem;}
    #header .mo_nav .list {margin-top: 4.1rem;}
    #header .mo_nav .list li {margin-bottom: 3.8rem;}
    #header .mo_nav .close_btn {top: 2rem; right: 2rem;}
    #header .mo_nav .close_btn img {width: 2.35rem; height: 2.35rem;}
    #header .mo_nav.on {right: 0;}
}
/* header */

/* footer */
#footer {padding-top: 14.5rem; background: #202422;}
#footer .tit {line-height: 6.5rem; letter-spacing: -0.015rem; margin-bottom: 6.5rem;}
#footer .cont_bx {width: 140rem; gap: 6rem; margin-bottom: 10.1rem;}
#footer .text_area {padding: 4.7rem 0 10rem 0; border-top: 1px solid rgba(255,255,255,0.3);}
#footer .text_area .inner {width: 140rem; gap: 9.2rem;}
#footer .text_area .inner > div {gap: 9.2rem; }
#footer .text_area .loginBtn {color: #828282; font-size: 1.4rem; padding-top: 1rem; display: block; padding-left: 33%; font-weight: 500;}
#footer .map_bx {width: 64rem; height: 57rem}
#footer .map_bx .root_daum_roughmap_landing {width:100%; !important; height: 100%;}
#footer .map_bx .wrap_map {height: 100% !important;}

@media screen and (max-width: 880px) {
    #footer {padding-top: 7.7rem;}
    #footer .tit {font-size: 2.8rem; line-height: 3.8rem; margin-bottom: 4.2rem;}
    #footer .cont_bx {flex-direction: column; gap: 3.5rem; width: 100%; padding: 0 2rem; margin-bottom: 5rem;}
    #footer .cont_bx .map_bx {width: 39rem; height: 30rem;}
    #footer .cont_bx .text_bx img {width: 39rem;}
    #footer .text_area {padding: 2.5rem 0 5rem 0;}
    #footer .text_area .inner {width: 100%;}
    #footer .text_area .inner > div {width: 100%; padding: 0 2rem; flex-direction: column; align-items: flex-start; gap: 1.96rem;}
    #footer .text_area .loginBtn {padding-left: 2rem; color: #7c7c7c}
    #footer .text_area .logo {width: 21.9rem;}
    #footer .text_area .text {width: 38.7rem;}
}
/* footer */

/* side */
#side {right: 5rem; bottom: 6.5rem; width: 9rem; padding: 3.1rem 0 3.5rem 0; border-radius: 5rem; box-shadow: 0 0.3rem 0.6rem rgba(0,0,0,0.16); background: #48715C;}
#side a {display: block; text-align-last: center;}
#side .pc_view .list {margin-bottom: 2rem; padding-bottom: 2.5rem;}
#side .pc_view .list::before {content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 6rem; height: 0.1rem; background: #fff; opacity: 0.25;}
#side .pc_view .list li:not(:last-child) {margin-bottom: 2rem;}
#side .pc_view .list li img {margin-bottom: 1rem;}

@media screen and (max-width: 880px) {
    #side {width: auto; right: 2rem; bottom: 5rem; padding: 0; border-radius: 0; box-shadow: none; background: transparent; z-index: 999;}
    #side .mo_view .list {display: none;}
    #side .mo_view .list.on {display: block;}
    #side .mo_view .list li {margin-bottom: 0.6rem;}
    #side a img {width: 6rem;}
    #side .side_menu {margin-bottom: 0.6rem; transition: all 0.3s;}
    #side .side_menu.on {transform: rotate(45deg);}
}
/* side */