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

/* bg */
/* 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 */
/* bg */

/* header */
#header {transition: all 0.5s; z-index: 99; height: 9.6rem; background: #fff;}
#header .in_header {padding: 2rem 5rem;}
#header .nav_wrap {gap: 13.6rem;}
#header .nav {gap: 8rem;}

@media screen and (max-width: 880px) {
    #header {height: 6.6rem;}
    #header .in_header {padding: 1.3rem 2rem;}
    #header .logo img {width: 26.9rem;}
    #header .mo_btn img {width: 3.4rem;}
    #header .in_header .mo_menu img {width: 2.2rem;}
    #header .mo_nav {top: 6.6rem; right: -30.1rem; width: 30.1rem; height: calc(100vh - 6.6rem); overflow-y: auto; background: #fff; padding: 6.6rem 0 0 3rem; transition: all 0.5s;}
    #header .mo_nav .mo_menu_logo {width: 16.6rem;}
    #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: 4.5rem 0 5.5rem 0; background: #3D3D3D;}
#footer .inner {width: 140rem;}
#footer .logo {margin-bottom: 4rem;}
#footer .list {gap: 2rem; margin: 1.5rem 0 3.5rem 0;}
#footer .txt {letter-spacing: -0.03rem;}

@media screen and (max-width: 880px) {
    #footer {padding: 3rem 0 4rem 0;}
    #footer .inner {width: 100%; padding-left: 2rem;}
    #footer .logo {width: 16.9rem; margin-bottom: 2rem;}
    #footer .list {margin: 1.2rem 0;}
    #footer .txt {font-size: 1.4rem;}
    #footer .copy {margin-top: 3rem;}
}
/* footer */

/* side */
#side {right: 5rem; bottom: 4rem; z-index: 99;}
#side .icon {margin-bottom: 3rem;}
#side .icon a {display: block;}
#side .icon a:not(:last-child) {margin-bottom: 1.2rem;}

@media screen and (max-width: 880px) {
    #side {right: 2rem;}
    #side .icon {display: none; margin-bottom: 1rem;}
    #side .icon.on {display: block;}
    #side .icon a:not(:last-child) {margin-bottom: 1rem;}
    #side .icon a img {width: 6.4rem;}
    #side .plus {display: block; margin-bottom: 3rem;}
    #side .plus img {width: 6.4rem;}
    #side .top_btn img {width: 1.6rem;}
}
/* side */