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

/* header */
#header {height: 12rem; background: rgba(255,255,255,0.58); box-shadow: 0 0.3rem 0.6rem rgba(0,0,0,0.16); transition: all 0.5s; z-index: 999;}
#header.act {background: #fff;}
#header .in_header {gap: 4rem;}
#header .menu ul {gap: 5rem;}
#header .call {gap: 0.23rem;}

@media screen and (max-width: 880px) {
    #header {height: 6.3rem;}
    #header .in_header {gap: 0;}
    #header .logo img {width: 15rem;}
    #header .mo_btn {top: 50%; transform: translateY(-50%); right: 1.8rem;}
    #header .mo_btn img {width: 2.4rem;}
    #header .mo_menu {right: -25.7rem; top: 0; width: 25.7rem; height: 100vh; overflow-y: scroll; background: #FFF7E9; transition: all 0.5s; padding: 8.4rem 1.6rem 0 1.6rem;}
    #header .mo_menu.on {right: 0;}
    #header .mo_menu .mo_menu_close {top: 1.8rem; right: 1.8rem;}
    #header .mo_menu .mo_menu_close img {width: 1.6rem;}
    #header .mo_menu li {margin-bottom: 3.4rem; padding-bottom: 3.4rem; padding-left: 2rem; border-bottom: 1px solid #707070;}
    #header .mo_menu li:last-child {border-bottom: none;}
}

/* footer */
#footer {overflow: hidden;}
#footer .left_bx {width: 50%; padding: 0 11rem 0 20.8rem;}
#footer .left_bx .left_cont {width: 100%;}
#footer .left_bx .left_cont .tit {padding-bottom: 0.8rem; margin-bottom: 1.6rem; border-bottom: 1px solid #C9CDD2;}
#footer .left_bx .left_cont .link_title {padding-bottom: 0.8rem; margin-bottom: 1.6rem; border-bottom: 1px solid #C9CDD2;}
#footer .left_bx .left_cont .link_title .tit {margin-bottom: 0; padding-bottom: 0; border-bottom: none;}
#footer .left_bx .left_cont:first-child {margin-bottom: 3.4rem;}
#footer .left_bx .left_cont:nth-child(2) {margin-bottom: 4.1rem;}
#footer .left_bx .left_cont:nth-child(3) {margin-bottom: 6.1rem;}
#footer .left_bx .left_cont .list p {line-height: 3.7rem;}
#footer .left_bx .left_cont .list p .pc_view {display: inline-block;}
#footer .left_bx .call_cont {margin-bottom: 2rem;}
#footer .left_bx .left_cont .time_img {margin-bottom: 3.3rem;}
#footer .left_bx .map_bx {width: 51.2rem; height: 18.4rem; border-radius: 1rem; margin-bottom: 4rem; overflow: hidden;}
#footer .left_bx .map_bx .map {width: 100% !important; height: 100% !important;}
.root_daum_roughmap .wrap_map {height: 100% !important;}
.map_border {border: none !important; background-color: transparent !important;}
#footer .left_bx .left_cont .fs14 {line-height: 2.2rem;}
#footer .right_bx {width: 50%; overflow: hidden;}

@media screen and (max-width: 880px) {
    #footer .inner {flex-direction: column-reverse;}
    #footer .left_bx {width: 100%; padding: 3.3rem 0 6.5rem 0;}
    #footer .left_bx .txt {font-size: 1.8rem; line-height: 2.8rem;}
    #footer .left_bx .left_cont,
    #footer .left_bx .call_cont {padding: 0 1.6rem;}
    #footer .left_bx .left_cont .tit,
    #footer .left_bx .left_cont .link_title {margin-bottom: 1rem; padding-bottom: 1rem;}
    #footer .left_bx .left_cont:first-child {margin-bottom: 4.1rem;}
    #footer .left_bx .left_cont:nth-child(2) {margin-bottom: 6.1rem;}
    #footer .left_bx .left_cont:nth-child(3) {margin-bottom: 4.5rem;}
    #footer .left_bx .left_cont .list p {line-height: 2.7rem; font-size: 1.8rem;}
    #footer .left_bx .call_cont {margin-bottom: 1rem;}
    #footer .left_bx .left_cont .time_img {margin-bottom: 3.4rem; width: 33rem;}
    #footer .left_bx .map_bx {width: 100%; height: 18.4rem; margin-bottom: 2.4rem; border-radius: 0;}
    #footer .left_bx .left_cont .text_img {width: 100%;}
    #footer .right_bx {width: 100%;}
    #footer .right_bx img {width: 100%;}
}
/* footer */

/* side */
#side {right: 0; top: 24rem; z-index: 99;}
#side .side_menu {width: 12.8rem; height: 60rem; background: #fff; border-radius: 3rem 0 0 3rem; padding: 3.1rem 0; box-shadow: 0 0.2rem 0.6rem rgba(0,0,0,0.2);}
#side .side_menu li:not(:last-child) {margin-bottom: 1.7rem; padding-bottom: 2.1rem;}
#side .side_menu li:not(:last-child)::before {content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 4rem; height: 0.1rem; background: #C9CDD2;}
#side .side_menu a p {margin-top: 0.9rem;}
#side .top_btn {display: block; width: 10.4rem; height: 10.4rem; border-radius: 50%; left: -18rem; bottom: -3rem; box-shadow: 0 0.3rem 0.6rem rgba(0,0,0,0.16);}

@media screen and (max-width: 880px) {
    #side {right: 1.6rem; top: auto; bottom: 3rem; z-index: 999;}
    #side .side_menu {display: none; width: 6rem; height: auto; border-radius: 4.8rem; margin-bottom: 1.6rem;}
    #side .side_menu.on {display: block;}
    #side .side_menu li:not(:last-child) {margin-bottom: 2rem; padding-bottom: 2rem;}
    #side .side_menu li:not(:last-child)::before {width: 3rem;}
    #side .top_btn {position: static; width: 6rem; height: 6rem;}
    #side .top_btn img {width: 100%;}
    #side .side_btn {width: 6rem; height: 6rem; border-radius: 50%; box-shadow: 0 0.3rem 0.6rem rgba(0, 0, 0, 0.16); margin-bottom: 1.8rem;}
    #side .side_btn img {width: 100%;}
}
/* side */

/* applyBar */
.applyBar {position: fixed; left: 0; width: 100%; z-index: 1000;}
.applyBar .barBtn {top: -5rem; left: 50%; transform: translateX(-50%); width: 22rem; height: 5rem; background: #D6AF69; border-radius: 2rem 2rem 0 0; gap: 1rem;}
.applyBar .bar_cont {height: 20rem; background: #144A4D;}
.applyBar .bar_cont input[type="text"] {width: 25.9rem; height: 4.8rem; line-height: 1; border-radius: 4rem; padding: 0 1.8rem; border: none; outline: none; text-align: left; background: #fff;}
.applyBar .bar_cont .input_name {margin-right: 2.4rem;}
.applyBar .bar_cont .input_tel {margin-right: 2.7rem;}
.applyBar .bar_cont .agree_bx {gap: 0.8rem; margin-right: 7rem;}
.applyBar .bar_cont .agree_bx input[type="checkbox"] {width: 2rem; height: 2rem; border-radius: 0.3rem; outline: none; border: none;}
.applyBar .bar_cont .submit_btn {width: 16rem; height: 9.2rem; background: #fff; border-radius: 1.4rem; border: none;}

@media screen and (max-width: 880px) {
  .applyBar .barBtn {width: 24rem; height: 4.8rem; top: -4.8rem;}
  .applyBar .barBtn img {width: 1.4rem;}
  .applyBar .bar_cont {height: auto; flex-direction: column; padding: 2.9rem 1.6rem;}
  .applyBar .bar_cont input[type="text"] {width: 100% !important; height: 4.8rem;}
  .applyBar .bar_cont .input_name {margin-right: 0; margin-bottom: 2.6rem;}
  .applyBar .bar_cont .input_tel {margin-right: 0; margin-bottom: 2.6rem;}
  .applyBar .bar_cont .agree_bx {gap: 1rem; margin-bottom: 2.9rem; margin-right: 0;}
  .applyBar .bar_cont .submit_btn {width: 100%; height: 5.5rem;}
}