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

/* header */
#header {transition: all 0.5s; height: 10rem; z-index: 999; background: #fff;}
#header .in_header {width: 156.6rem;}
#header .menu {width: 76rem; margin-right: 22.1rem;}
#header .sns_list {gap: 2rem;}

@media screen and (max-width: 880px) {
    #header {height: 6.4rem;}
    #header .in_header {width: 100%; padding: 0 2.4rem;}
    #header .logo img {width: 18rem;}
    #header .call img {width: 2rem;}
    #header .mo_menu_btn {gap: 2rem;}
    #header .mo_menu_btn .sns {gap: 1.4rem;}
    #header .mo_menu_btn .blog {width: 3.7rem;}
    #header .mo_menu_btn .naver {width: 3.7rem;}
    #header .mo_menu img {width: 3rem;}
    #header .mo_menu_wrap {right: -30.1rem; width: 30.1rem; height: 100vh; background: #fff; padding: 2.6rem 2.6rem 0 3rem; box-shadow: -0.2rem 2rem 0.6rem rgba(0,0,0,0.16); transition: all 0.5s;}
    #header .mo_menu_wrap.on {right: 0;}
    #header .mo_menu_wrap .close {margin-bottom: 2.9rem;}
    #header .mo_menu_wrap .close img {width: 1.4rem;}
    #header .mo_menu_wrap .logo {margin-bottom: 6rem;}
    #header .mo_menu_wrap .logo img {width: 18rem;}
    #header .mo_menu_wrap .menu li {margin-bottom: 4rem;}
}
/* header */

/* price_pop */
.price_pop {display: none;}
.price_pop.on {display: block; height: 95vh; overflow-y: scroll; z-index: 999;}
.price_pop .closeBtn {position: absolute; z-index: 1; top: 2%; width: 2.6rem; right: 3%; cursor: pointer}

@media screen and (max-width: 880px) {
    .price_pop.on {height: auto; max-height: 85vh;}
    .price_pop img {width: 38.2rem;}
    .price_pop .closeBtn {width: 1.6rem;}
}

/* footer */
#footer .top_wrap {padding: 11.2rem 0 9.6rem 0; background: #0058B1;}
#footer .top_wrap .inner {width: 150.4rem; padding: 0 3.5rem;}
#footer .top_wrap .left_con {width: calc(100% - 65rem);}
#footer .left_con>.tit {display: inline-block; margin-bottom: 5.2rem;}
#footer .left_con>.tit::before {content: ''; position: absolute; top: 50%; transform: translateY(-50%); left: calc(100% + 2.6rem); width: 46.4rem; height: 0.1rem; background: #FFF8EB;}
#footer .left_con .list .title {gap: 0.4rem;}
#footer .left_con .list>li:not(.flex) .title {margin-bottom: 2rem;}
#footer .left_con .list>li:first-child {margin-bottom: 4.6rem;}
#footer .left_con .list>li:nth-child(2) {margin-bottom: 4.5rem;}
#footer .left_con .list>li:nth-child(3) {margin-bottom: 5rem;}
#footer .left_con .list>li.flex {gap: 2.7rem;}
#footer .left_con .list>li a {display: block; width: 15.7rem; margin-bottom: 1.5rem;}
#footer .left_con .list>li a img {width: 15.7rem;}
#footer .left_con .list>li .k_txt {line-height: 2.8rem;}
#footer .left_con .list>li .day {width: 7.5rem;}
#footer .left_con .list>li ul li.flex {gap: 2.1rem;}
#footer .left_con .list>li ul li:not(:last-child) {margin-bottom: 1.4rem;}
#footer .top_wrap .right_con {width: 65rem;}
#footer .bt_wrap {padding: 4.4rem 0 5.4rem 0; background: #33383C;}
#footer .bt_wrap .inner {width: 150.4rem; padding-left: 13.7rem;}
#footer .bt_wrap .txt {margin: 1.6rem 0 0.9rem 0;}

@media screen and (max-width: 880px) {
    #footer .top_wrap {padding: 9.6rem 0 10.4rem 0;}
    #footer .top_wrap .inner {flex-direction: column-reverse; gap: 4.8rem; width: 38.2rem; padding: 0;}
    #footer .top_wrap .left_con {width: 100%;}
    #footer .left_con>.tit {font-size: 3rem; margin-bottom: 4.2rem;}
    #footer .left_con>.tit::before {width: 19.8rem; left: calc(100% + 2.2rem);}
    #footer .left_con .list .title img {width: 2.1rem;}
    #footer .left_con .list>li:not(.flex) .title {margin-bottom: 1.6rem;}
    #footer .left_con .list>li .txt.fs26 {font-size: 2rem; line-height: 3rem; padding-left: 2.5rem;}
    #footer .left_con .list>li.flex {gap: 1.6rem; flex-direction: column; align-items: flex-start;}
    #footer .left_con .list>li:nth-child(3) {gap: 1.4rem;}
    #footer .left_con .list>li.flex .txt,
    #footer .left_con .list>li.flex .kakao,
    #footer .left_con .list>li.flex ul {padding-left: 2.5rem;}
    #footer .top_wrap .right_con {width: 100%;}
    #footer .top_wrap .right_con img {width: 38.2rem;}
    #footer .bt_wrap {padding: 4rem 0 6.2rem 0;}
    #footer .bt_wrap .inner {width: 100%; padding-left: 2.4rem;}
    #footer .bt_wrap .fs14 {font-size: 1.2rem;}
    #footer .bt_wrap .txt {line-height: 2.2rem; margin: 1.6rem 0 3.8rem 0;}
}
/* footer */

/* side */
#side {right: -12.6rem; bottom: 18rem; transition: all 0.5s; z-index: 99;}
#side.on {right: 0;}
#side .list {gap: 5rem; width: 12.6rem; border-radius: 3rem 0 0 3rem; background: #fff; padding: 4.8rem 0;}
#side .list li:not(:last-child)::before {content: ''; position: absolute; bottom: -2.5rem; left: 50%; transform: translateX(-50%); width: 4rem; height: 0.1rem; background: #C9CDD2;}
#side .list li img {margin: 0 auto 1.2rem auto;}
#side .side_btn {width: 5.6rem; height: 5.6rem; border-radius: 50%; background-image: url('../img/side_arr.png'); background-repeat: no-repeat; background-color: #fff; background-position: top 50% left 1.3rem; left: -2.8rem;}

@media screen and (max-width: 880px) {
    #side {right: 0; bottom: 5rem;}
    #side .list {gap: 1.4rem; width: 6.4rem; border-radius: 2rem 0 0 2rem; padding: 2.3rem 0; box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);}
    #side .list li:not(:last-child)::before {display: none;}
    #side .list li img {margin: 0; width: 3.2rem;}
}
/* side */

/* top_btn */
a.top_btn {bottom: 7rem; right: 5rem; z-index: 99;}
a.top_btn img {box-shadow: 0 0.3rem 0.6rem rgba(0,0,0,0.16); border-radius: 50%; transition: all 0.5s;}
a.top_btn p {text-shadow: 0 0.3rem 0.6rem (0,0,0,0.16); margin-top: 1rem;}
a.top_btn.on img {transform: rotate(180deg); box-shadow: 0 -0.3rem 0.6rem rgba(0, 0, 0, 0.16);}
a.top_btn.on p {opacity: 0;}