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

.bg {width: 100%; height: 100%; background: #000000; opacity: 0; visibility: hidden; z-index: 1; transition: all 0.5s;}
.bg.on {opacity: 0.2; visibility: visible;}

/* header */
#header {width: 100%; height: 11rem; background: #fff; transition: all 0.5s; z-index: 999;}
#header .in_header {width: 100%; max-width: 115.8rem; height: 100%;}
#header nav {gap: 5.1rem;}

@media screen and (max-width: 880px) {
    #header {height: 7.8rem;}
    #header .in_header {max-width: 100%; padding: 0 3.2rem 0 3.6rem;}
    #header .logo img {width: 17rem;}
    #header .mo_menu img {width: 3rem;}
    #header .mo_nav {top: 7.8rem; right: -30rem; width: 30rem; height: calc(100vh - 7.8rem); overflow-y: scroll; background: #fff; padding: 5.1rem 0 0 2.9rem; transition: all 0.5s;}
    #header .mo_nav.on {right: 0;}
    #header .mo_nav img {display: block; width: 17rem; margin-bottom: 3.6rem;}
    #header .mo_nav nav a {display: block; margin-bottom: 3.8rem;}
}
/* header */

/* footer */
#footer {padding: 5.3rem 0 5.5rem 0; background: #2F3036;}
#footer .pc_view {display: inline-block;}
#footer .inner {width: 137.1rem;}
#footer .left_bx {gap: 3.4rem;}
#footer .left_bx .text_bx .tit {letter-spacing: -0.03rem; margin-bottom: 1rem;}
#footer .left_bx .text_bx .txt {letter-spacing: -0.03rem; line-height: 2.6rem;}

@media screen and (max-width: 880px) {
    #footer {padding: 6.3rem 0 7rem 0;}
    #footer .pc_view {display: none;}
    #footer .inner {width: 100%; padding-left: 3.8rem; flex-direction: column; gap: 3.6rem; align-items: flex-start;}
    #footer .left_bx {flex-direction: column; gap: 3.2rem; align-items: flex-start;}
    #footer .left_bx img {width: 24.8rem;}
    #footer .left_bx .text_bx .tit {margin-bottom: 1.6rem;}
}
/* footer */

/* side */
#side {bottom: 10.7rem; right: 5.9rem; z-index: 999;}
#side a {display: block;}
#side .side_btn, #side .top_btn {width: 9rem; height: 9rem; border-radius: 50%; box-shadow: 0 0.3rem 0.6rem rgba(0,0,0,0.16);}
#side .side_btn {margin-bottom: 1.2rem;}
#side .side_list {display: none; padding: 5rem 1.4rem; background: #2E88B9; border-radius: 5rem; margin-bottom: 1.5rem;}
#side .side_list.on {display: block;}
#side .side_list a:not(:last-child) {margin-bottom: 3rem;}
#side .side_list p {margin-top: 0.6rem;}

@media screen and (max-width: 880px) {
    #side {bottom: 3rem; right: 3rem;}
    #side .side_btn, #side .top_btn {width: 6rem; height: 6rem;}
    #side .side_btn img, #side .top_btn img {width: 100%;}
    #side .side_btn {margin-bottom: 0.8rem;}
    #side .side_list {padding: 2.6rem 1.4rem; margin-bottom: 0.5rem;}
    #side .side_list a:not(:last-child) {margin-bottom: 1.2rem;}
    #side .side_list img {width: 3.2rem;}
    #side .side_list p {display: none;}
}
/* side */