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

/* header */
#header {background: #fff; z-index: 999;}
#header .top_header {border-bottom: 1px solid #DFDFDF; padding: 1.7rem 0 1.4rem 28rem;}
#header .top_header .adr_bx {margin-right: 19.8rem; gap: 0.8rem;}
#header .top_header .adr_bx p {line-height: 2.8rem;}
#header .top_header .adr_bx img {margin-top: 0.1rem;}
#header .top_header .logo {margin-right: 9.4rem;}
#header .top_header .call_bx {width: 26.9rem; padding: 0.6rem 0 1rem 0; text-align: center; background: #51585E; border-radius: 4.1rem;}
#header .top_header .call_bx p {line-height: 3rem;}
#header .top_header .call_bx span {text-align: right; display: inline-block; width: 20.8rem;}
#header .bt_header {max-width: 138.8rem; gap: 6.3rem; padding: 1.4rem 0;}
#header .bt_header a {display: block; width: 14rem;}
#header .bt_header a:nth-child(4) {width: 15.6rem;}
#header .bt_header a:nth-child(5) {width: 15.4rem;}

@media screen and (max-width: 880px) {
    #header .top_header {justify-content: space-between; padding: 2.2rem 3.7rem 2.1rem 2.7rem; border-bottom: none;}
    #header .top_header .logo {margin-right: 0;}
    #header .logo img {width: 24.5rem;}
    #header .mo_btn img {width: 3.5rem;}
    #header .bt_header {position: fixed; top: 7.4rem; right: -28rem; width: 28rem; height: calc(100vh - 7.5rem); overflow-y: scroll; background: #fff; padding: 3rem; flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 3rem; transition: all 0.5s;}
    #header .bt_header.on {right: 0;}
    #header .bt_header a {text-align: left; width: auto !important;}
}

/* footer */
#footer .inner {background: #fff; gap: 24.3rem; padding: 3.8rem 0 3.7rem 0;}
#footer .logo_bx {margin-top: 0.7rem;}
#footer .text_bx p {line-height: 2.8rem; opacity: 0.8;}
#footer .text_bx a {opacity: 1;}
#footer .text_bx .pc_view {display: inline-block;}
#footer .copy {padding: 2rem 0 1.8rem 0; background: #E8EBED;}

@media screen and (max-width: 880px) {
  #footer .inner {padding: 1.8rem 0 1rem 1.6rem; gap: 0; justify-content: flex-start;}
  #footer .text_bx p {font-size: 1.6rem; line-height: 2.5rem;}
  #footer .text_bx .pc_view {display: none;}
  #footer .copy {padding: 2.2rem 0 1.9rem 0; font-size: 1.5rem;}
}
/* footer */

/* side */
#side {bottom: 10rem; right: 4.4rem; z-index: 99;}
#side .list {width: 9.6rem; padding: 2.1rem 0 2.9rem 0; box-shadow: 0 0.3rem 0.6rem rgba(0,0,0,0.16); border-radius: 4.8rem; margin-bottom: 3.7rem; background: #fff;}
#side .list a {display: block; margin-bottom: 1.2rem;}
#side .list a:last-child {margin-bottom: 0;}
#side .list img {margin: 0 auto 0.6rem auto;}
#side .top_btn {box-shadow: 0 0.3rem 0.6rem rgba(0,0,0,0.16);}

@media screen and (max-width: 880px) {
  #side {right: 1.4rem;}
  #side .list {width: 5.6rem; padding: 1.6rem 0 1.3rem 0; margin-bottom: 0.4rem;}
  #side .list p {font-size: 0.8rem;}
  #side .list img {margin: 0 auto 0.3rem auto;}
  #side .top_btn img {width: 5.6rem;}
}
/* 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: #D4AF37; border-radius: 3rem 3rem 0 0; gap: 0.3rem;}
.applyBar .inner {width: 107rem; padding-top: 5rem;}
.applyBar .bar_cont {height: 18.6rem; background: #D4AF37;}
.applyBar .bar_cont input[type="text"],
.applyBar .bar_cont input[type="tel"] {width: 28rem; height: 5rem; line-height: 1; border-radius: 2.5rem; padding: 1rem 2.5rem 0.8rem 2.5rem; border: none; outline: none; text-align: left; background: #fff;}
.applyBar .bar_cont input[type="text"]::placeholder,
.applyBar .bar_cont input[type="tel"]::placeholder {color: #A3A7AC; font-weight: 500; line-height: 1;}
.applyBar .bar_cont .input_name {margin-right: 1.5rem;}
.applyBar .bar_cont .input_tel {margin-right: 1.5rem;}
.applyBar .bar_cont .select_field {width: 28rem; height: 5rem; line-height: 1; border-radius: 2.5rem; padding: 0 2.5rem; border: none; outline: none; background: #fff url('../img/ap_arr.png') no-repeat right 2rem center; background-size: 1rem auto; appearance: none; -webkit-appearance: none; -moz-appearance: none; margin-right: 4rem; cursor: pointer;}
.applyBar .bar_cont .agree_bx {gap: 0.8rem; margin-top: 1.5rem;}
.applyBar .bar_cont .submit_btn {display: block; width: 16rem; height: 5rem; background: #fff; border-radius: 2.5rem; border: none; cursor: pointer;}
.applyBar .bar_cont .agree_bx input[type="checkbox"] {/* appearance: none; -webkit-appearance: none; -moz-appearance: none; */ width: 1.4rem; height: 1.4rem; border-radius: 0.3rem; outline: none; border: 1px solid #DDDDDD; margin-right: 0; background: #fff; cursor: pointer; position: relative; vertical-align: middle; top: 0;}
/* .applyBar .bar_cont .agree_bx input[type="checkbox"]:checked {background-image: url('../img/app_check_on.png');} */

@media screen and (max-width: 880px) {
  .applyBar .barBtn {width: 24rem; height: 4.8rem; top: -4.8rem; gap: 1rem;}
  .applyBar .barBtn p {font-weight: 400;}
  .applyBar .barBtn img {width: 1.4rem;}
  .applyBar .bar_cont {height: auto;}
  .applyBar .inner {padding: 1.9rem 0 2.2rem 0; width: 30.7rem;}
  .applyBar .bar_wrap {flex-direction: column;}
  .applyBar .bar_cont input[type="text"],
  .applyBar .bar_cont input[type="tel"] {width: 25.9rem !important; height: 4.8rem; font-weight: 400; margin-bottom: 1.4rem;}
  .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 {width: 25.9rem; gap: 1rem; margin: 0 0 0.73rem 0; margin-right: 0;}
  .applyBar .bar_cont .agree_bx input[type="checkbox"] {width: 2rem; height: 2rem;}
  /* .applyBar .bar_cont .agree_bx input[type="checkbox"]:checked {background-image: url('../img/app_check_on_mo.png');} */
  .applyBar .bar_cont .select_field {width: 25.9rem; height: 4.8rem; margin-bottom: 0.49rem; margin-right: 0;}
  .applyBar .bar_cont .agree_bx label {font-size: 1.8rem;}
  .applyBar .bar_cont .submit_btn {width: 100%; height: 5.5rem; font-size: 2.4rem; border-radius: 1.4rem;}
}