header{transition: .5s; background-color: #fff;position: fixed;top: 0;left: 0;right: 0;z-index: 9999;display: flex;flex-direction: column;align-items: flex-start;justify-content: center;}
.header_inner{height: var(--height-header);display: flex;align-items: center;justify-content: space-between;width: 100%;}
.header_inner .left_wrap{height: inherit;display: flex;align-items: center;gap: 32px;width: calc(300px - 32px);padding-left: 32px;background-color: var(--color-Blue);cursor: pointer;}
.header_inner .left_wrap .hbg_btns{pointer-events: none;}
.header_inner .cent_wrap{height: inherit;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.header_inner .right_wrap{height: inherit;display: flex;align-items: center;gap: 19px;width: calc(300px - 32px);padding-left: 32px;background-color: var(--color-LightGrey);}
.header_inner .right_wrap .profile_txt{display: flex;align-items: center;gap: 3px;}
.header_inner .right_wrap .profile_txt .txt-box{font-family: var(--font-Pre);font-weight: 400;font-size: 18px;line-height: 1.5;color: var(--color-DeepGrey);cursor: pointer;}

.header_filter{display: none;}
.show .header_filter{display: block;position: fixed;left: 0;right: 0;top: 0;height: 100vh;background-color: #00000075;z-index: 10;backdrop-filter: blur(7px);}
/* 햄버거 버튼 */
#hbg{display: none;}
.lines{transition: all 0.36s;position: relative;width: 33px;height: 28px;border-radius: 100%;cursor: pointer;}
.line_part{width: 100%;height: 4px; position: absolute;background: #fff; right: 0;left: 0;border-radius: 0px;transition: all 0.36s cubic-bezier(0.5, 0.1, 0.3, 0.8);top: 0;}
.line_part:nth-child(1){width: 51%;margin-right: auto;}
.line_part:nth-child(2){margin: auto;top: calc(50% - 2px);}
.line_part:nth-child(3){margin: auto;top: calc(100% - 4px);}

.hbg_txt{font-family: var(--font-Pre);font-weight: 400;font-size: 18px;line-height: 1.5;color: #fff;}

.header_inner .left_wrap:hover .line_part:nth-child(1){width: 100%;}

#hbg.on + label .lines {transform:scale(1.23) rotate(180deg);}
#hbg.on + label .lines .line_part:nth-of-type(1) {transform: rotate(45deg);top: calc(50% - (1px))!important;width: 100% !important;}
#hbg.on + label .lines .line_part:nth-of-type(2) {left: 3px !important;opacity: 0;}
#hbg.on + label .lines .line_part:nth-of-type(3) {transform: rotate(-45deg);top: calc(50% - (1px))!important;width: 100% !important;}

/* 햄버거 메뉴 */
html.show .ham_gnb{transform: translateX(0);}
.ham_gnb{transition: .4s; position: absolute;top: var(--height-header);left: 0;height: calc(100vh - (var(--height-header)));transform: translateX(-100.1%);display: flex;}
.ham_gnb .ham_gnb_left{background: linear-gradient(to bottom, #0D99FF 70%, #5263FF);height: 100%;width: 300px;}
.ham_gnb .ham_gnb_left .ham_gnb_tit_list{padding: 22px 0;padding-left: 32px;font-family: var(--font-Pre);font-weight: 400;font-size: 18px;line-height: 1.5;color: #fff;cursor: pointer;}
.ham_gnb .ham_gnb_left .ham_gnb_tit_list:hover{background-color: #fff;color: var(--color-DeepGrey);}
.ham_gnb .ham_gnb_left .ham_gnb_tit_list.on{background-color: #fff;color: var(--color-DeepGrey);}

.ham_gnb .ham_gnb_right{position: relative;width: calc(400px - 32px);}
.ham_gnb .ham_gnb_right .sub_gnb_list_bx{position: absolute;width: 100%;height: calc(100vh - (var(--height-header)));background: #fff;}
.ham_gnb .ham_gnb_right .sub_gnb_list_bx.on{z-index: 1;}
.ham_gnb .ham_gnb_right .sub_gnb_list{padding: 22px 0;padding-left: 32px;font-family: var(--font-Pre);font-weight: 400;font-size: 18px;line-height: 1.5;color: var(--color-DeepGrey);cursor: pointer;}
.ham_gnb .ham_gnb_right .sub_gnb_list:hover{background-color: var(--color-LightGrey);}
.ham_gnb .ham_gnb_right .sub_gnb_list.on{background-color: var(--color-LightGrey);}


@media screen and (max-width: 1250px) {
  .header_inner .left_wrap{width: 20%;gap: 15px;padding-left: 5%;}
  .hbg_txt{font-size: 16px;}
  .header_inner .right_wrap{width: 20%;gap: 10px;padding-left: 10px;padding-right: 5%;}
  .header_inner .right_wrap .profile_txt .txt-box{font-size: 16px;}
}


@media screen and (max-width: 768px) {
  .header_inner{height: var(--height-header768);}
  .header_inner .left_wrap{width: 56px;justify-content: center;padding-left: unset;order: 2;}
  .header_inner .cent_wrap{order: 0;flex: 1;justify-content: flex-start;}
  .header_inner .cent_wrap .logo{padding-left: 5%;width: 50%;min-width: 115px;}
  .header_inner .right_wrap{width: 56px;justify-content: center;padding-left: unset;padding-right: unset;order: 1;}
  .header_inner .right_wrap .profile_txt{display: none;}
  .header_inner .right_wrap .profile_img{width: 22px;}

  .hbg_txt{display: none;}
  .lines{width: 22px;height: 18px;}
  .line_part{height: 2px;}
  .ham_gnb{top: var(--height-header768);height: calc(100vh - (var(--height-header768)));width: 100%;}
  .ham_gnb .ham_gnb_left{width: 50%;}
  .ham_gnb .ham_gnb_left .ham_gnb_tit_list{padding-left: 10%;}

  .ham_gnb .ham_gnb_right{width: 50%;}
  .ham_gnb .ham_gnb_right .sub_gnb_list_bx{height: calc(100vh - (var(--height-header768)));}
  .ham_gnb .ham_gnb_right .sub_gnb_list{padding-left: 10%;}
}

/* 로그인 팝업 */

html.login_on { overflow: hidden; } 
.login_filter { display: none; position: fixed; z-index: 9999999999999; top: 0; left: 0; right: 0; bottom: 0; background-color: #000000ad; backdrop-filter: blur(20px); } 
.popup_set { display: none; } 


html.login_on .login_filter { display: block; } 
.login_popup { display: none; padding-top: 30px; box-sizing: border-box; position: fixed; z-index: 99999999999999; width: 600px; min-height: 400px; max-height: 80vh; overflow-y: auto; background-color: #fff; border-radius: 20px; top: 50%; left: 50%;transform: translate(-50%, -50%);} 
.login_popup::-webkit-scrollbar{display: none;}

html.login_on .login_popup { display: block; } 
.login_cont { display: flex; flex-direction: column; width: calc(100% - 100px); margin: 0 auto; } 
.login_logo { margin-bottom: 30px; display: flex; align-items: center; justify-content: center; } 
.login_cont input { font-size: 20px; width: 100%; font-family: 'Pretendard'; border-radius: 8px; height: 60px; box-sizing: border-box; border: none; } 
.login_input_group input { background-color: #172e5923; color: #1a1a1a; padding-left: 5%; } 
.login_input_group input::placeholder { color: #1a1a1a46; } 
.login_input_group { display: flex; flex-direction: column; gap: 5px; } 
.login_submit_btn { padding: 20px 0; } 
.login_submit_btn input { background-color: var(--color-Blue); color: #fff; cursor: pointer; transition: 0.4s; } 
.login_submit_btn input:hover { filter: brightness(0.8); } 
.login_bottom_group { display: flex; justify-content: center; gap: 20px; color: #aaadaf; } 
.login_bottom_line { width: 1px; height: 15px; background-color: #aaadaf; } 
.register_btn,.find_btn { cursor: pointer;font-size: 18px;} 
.login_xbtn { position: absolute; top: 30px; right: 30px; cursor: pointer; transition: 0.4s; } 
.login_xbtn:hover { transform: rotate(90deg); } 
.easy_login { display: flex; flex-direction: column; gap: 23px; margin-top: 20px; } 
.easy_login .easy_login_tit { font-size: 16px; color: #BBBCBA; align-items: center; display: flex; justify-content: center; align-items: center; } 
.easy_login .easy_login_tit .easy_tit_line { width: 100%; height: 1px; background-color: #bbbcba; } 
.easy_login .easy_login_tit .easy_tit { padding: 0 30px; white-space: nowrap; } 
.easy_login { } 
.easy_login_btn_group { display: flex; justify-content: center; gap: 20px; padding-bottom: 45px; } 
/* .easy_login_btn { cursor: pointer; transition: 0.4s; max-width: 140px; }  */
.easy_login_btn { cursor: pointer; transition: 0.4s;} 
.easy_login_btn:hover { filter: brightness(0.8); } 


@media screen and (max-width:767px){ 
 .login_popup { width: 90%; } 
 .login_cont { width: calc(100% - 30px); } 
}

/* 회원가입 팝업 */.join_popup { padding-top: 30px; box-sizing: border-box; position: fixed; z-index: 99999999999999; width: 600px; height: auto; background-color: #fff; border-radius: 20px; top: 50%; left: 50%; transform: translate(-50%, -50%); padding-bottom: 65px; } 
.join_cont { display: flex; flex-direction: column; width: calc(100% - 100px); margin: 0 auto; padding-bottom: 50px; } 
.join_id { position: relative; } 
.join_id .join_box { padding-bottom: 40px; } 
.join_id p { position: absolute; right: 0; bottom: 10px; color: #BBBCBA; font-size: 16px; } 

/* .join_cont input { font-size: 20px; width: 100%; font-family: 'Pretendard'; border-radius: 8px; height: 60px; box-sizing: border-box; border: none; } */.join_cont input[type="checkbox"] { border: solid 2px #BBBCBA; width: 20px; height: 20px; border-radius: 5px; vertical-align: text-bottom; } 
.join_area { height: 150px; width: 100%; border-radius: 10px; border: 1px solid #BBBCBA; background: #FFF; resize: none; padding: 20px; line-height: 1.5; font-family: 'Pretendard'; box-sizing: border-box; } 
.join_info_title { color: #000; font-family: Pretendard; font-size: 22px; font-style: normal; font-weight: 400; margin-bottom: 20px; } 
.join_info_title span { color: #D81717; } 
.checkbox_layout { display: flex; } 
.join_cont .check_layout input[type=checkbox] { appearance: initial}
.join_cont .required_title { font-family: Pretendard; font-size: 16px; font-style: normal; font-weight: 400; line-height: 25px; color: #D81717; text-align: right; } 
.join_dot { width: 5px; height: 5px; background-color: #D81717; display: inline-block; border-radius: 50%; vertical-align: top; } 
.join_box { display: flex; align-items: center; justify-content: space-between; padding: 20px 0; border-bottom: solid 1px #BBBCBA; } 
.join_box2 { display: flex; align-items: center; justify-content: space-between; padding: 20px 0; border-bottom: solid 1px #BBBCBA; } 
.join_box2 .dep_2 { display: flex; align-items: center; justify-content: space-between; width: 70%; } 
.join_box2 .dep_2 input[type="text"] { width: 45%; } 
.join_box2 .dep_3 { display: flex; align-items: center; justify-content: space-between; width: 70%; gap: 10px; } 
.join_box2 select { height: 50px; box-sizing: border-box; border-radius: 10px; border: 1px solid #BBBCBA; background: #FFF; font-family: Pretendard; font-size: 22px; font-style: normal; font-weight: 400; line-height: 22px; color: #000; display: flex; align-items: center; padding-left: 20px; justify-content: center; width: 33%; } 
.join_box2 .dep_3 input[type="text"] { width: 33%; } 
.join_box3 { display: flex; gap: 30px; align-items: center; padding: 20px 0; } 
.join_cont label { color: #000; font-family: 'Pretendard'; font-size: 22px; font-style: normal; font-weight: 400; line-height: 22px; } 
.join_cont input[type="text"], .join_cont input[type="password"] { border-radius: 10px; border: 1px solid #BBBCBA; background: var(--color-LightGrey); font-family: Pretendard; font-size: 20px; font-style: normal; height: 50px; box-sizing: border-box; font-weight: 400; line-height: 22px; color: #000; padding: 14px 20px; } 
.join_cont input[type="text"]::placeholder, .join_cont input[type="password"]::placeholder{font-size: 20px;}
.join_box input[type="text"],.join_box input[type="password"] { width: 70%;} 
.join_btn { margin-top: 20px; width: 100%; border-radius: 8px; background: var(--color-Blue); color: #FFF; text-align: center; font-family: Pretendard; font-size: 20px; font-style: normal; font-weight: 400; border: none; padding: 20px 0; } 

/* 아이디 비번 찾기 */
.set3_con { width: calc(100% - 100px); margin: 0 auto; } 
.set3_tit { margin-top: 56px; display: flex; } 
.set3_tit>div { width: 50%; transition: 0.4s; cursor: pointer; font-weight: 400; padding-bottom: 21px; border-bottom: 2px solid #BBBCBA; text-align: center; font-size: 22px; opacity: 0.6; } 
.set3_tit>div:hover,.set3_tit>div.on { opacity: 1; border-bottom: 2px solid var(--color-Blue); } 
.set3_con_group input[type="text"], .set3_con_group input[type="password"] { height: 50px; width: 70%; font-size: 22px; padding: 14px 20px; box-sizing: border-box; border-radius: 10px; border: 1px #BBBCBA solid; } 
.set3_con_group input[type="text"]::placeholder, .set3_con_group input[type="password"]::placeholder { color: #bbbcba; font-size: 16px; } 
.set3_con_group { padding-bottom: 50px; } 
.set3_con_group>form.set3_con2 { display: none; } 
.find_bx { display: flex; justify-content: space-between; align-items: center; padding: 20px 0; } 
.bbbx { border-bottom: 1px solid #BBBCBA; } 
.find_bx label { font-size: 20px; } 
.find_id_btn { cursor: pointer; transition: 0.4s; margin-top: 20px; width: 100%; border-radius: 8px; background: var(--color-Blue); color: #FFF; text-align: center; font-family: Pretendard; font-size: 20px; font-style: normal; font-weight: 400; border: none; padding: 20px 0; } 
.find_id_btn:hover { filter: brightness(0.8); } 
.find_pw_btn { cursor: pointer; transition: 0.4s; margin-top: 20px; width: 100%; border-radius: 8px; background: var(--color-Blue); color: #FFF; text-align: center; font-family: Pretendard; font-size: 20px; font-style: normal; font-weight: 400; border: none; padding: 20px 0; } 
.find_pw_btn:hover { filter: brightness(0.8); } 
.find_last_btn { margin-bottom: 50px; cursor: pointer; transition: 0.4s; margin-top: 20px; width: 100%; border-radius: 8px; background: var(--color-Blue); color: #FFF; text-align: center; font-family: Pretendard; font-size: 20px; font-style: normal; font-weight: 400; border: none; padding: 20px 0; } 
.find_last_btn:hover { filter: brightness(0.8); } 
.find_last_con_group { padding: 90px 0; display: flex; flex-direction: column; gap: 50px; align-items: center; } 
.find_img { width: 73px; } 
.find_txt_group { text-align: center; } 
.find_txt_group>div { display: none; } 
.find_id_data { color: var(--color-Blue); } 
.find_txt1 { font-size: 20px; font-weight: 700; } 
.find_txt2 { display: flex; flex-direction: column; gap: 20px; } 
.find_txt2_1 { font-size: 20px; font-weight: 700; } 
.find_txt2_2 { font-size: 16px; line-height: 1.5; } 

.pw_cont1 { margin-top: 50px; padding-bottom: 50px; border-bottom: 1px solid #BBBCBA; } 
.pw_cont2 { margin-top: 50px; } 
.pw_cont2_tit { text-align: center; font-size: 22px; } 
.pw_email_label { font-size: 20px; width: max-content; padding-top: 14px; } 
.pw_email { display: flex; gap: 16px; } 
.pw_email input[type="text"] { width: calc(100% - 12px - 79px); font-size: 16px; } 
.pw_email_input_group { display: flex; flex-direction: column; gap: 10px; width: calc(100% - 118px); } 
.pw_email_input_group>div { display: flex; gap: 12px; width: 100%; } 
.pw_btn_class { height: 50px; transition: 0.4s; box-sizing: border-box; margin: 0; padding: 0; display: flex; align-items: center; justify-content: center; font-size: 22px; background-color: #838383; border-radius: 10px; color: #fff; border: none; width: 79px; cursor: pointer; } 
.pw_btn_class:hover { filter: brightness(0.8); } 
.time_abbx { width: calc(100% - 12px - 79px); position: relative; } 
.time_abbx input[type="text"] { width: 100%; } 
.time_txt { top: 15px; opacity: 0.4; font-size: 20px; right: 13px; position: absolute; } 
.check_txt { position: absolute; top: calc(100% + 13px); right: 10px; font-size: 20px; font-weight: 500; text-align: right; } 
.pass { color: var(--color-Blue) } 
.non_pass { color: #c02727; } 

.check_layout { padding-left: 30px; position: relative; margin-top: 15px; } 
.check_layout input { display: none; } 
.check_layout label { font-size: 16px; color: #000; cursor: pointer; } 
.check_layout label::after { transition: 0.4s; content: ''; position: absolute; width: 20px; height: 20px; border-radius: 5px; border: 1px solid #BBBCBA; background-color: #fff; box-sizing: border-box; top: 50%; transform: translateY(-50%); left: 0; } 
.check_layout label::before { z-index: 2; transition: 0.4s; opacity: 0; content: ''; position: absolute; top: 50%; transform: translateY(-70%) rotate(315deg); left: 3px; width: 15px; height: 8px; box-sizing: border-box; border-bottom: 3px solid #D81717; border-left: 3px solid #D81717; } 
.check_layout label:hover::before { opacity: 0.5; } 
.check_layout input:checked~label::before { opacity: 1; } 
.check_layout input:checked~label::after { } 
.check_layout label:hover::after { } 
.check_layout input:checked~label:hover::after { } 


@media screen and (max-width:767px){ 
 .find_bx label { font-size: 16px; } 
 .find_bx { flex-direction: column; align-items: flex-start; gap: 15px; padding: 10px 0; } 
 .set3_con_group input[type="text"],.set3_con_group input[type="password"] { height: 50px; font-size: 16px; width: 100%; } 
 .bbbx { border-bottom: none; } 
 .set3_tit>div { font-size: 16px; padding-bottom: 20px; } 
 .set3_con { width: 90%; } 
 .set3_con_group { padding-top: 30px; padding-bottom: 30px; } 
 .find_id_btn { height: 50px; box-sizing: border-box; padding: 0; } 
 .join_info_title { font-size: 16px; } 
 .join_cont { width: 90%; } 
 .pw_email { flex-direction: column; } 
 .pw_email { } 
 .pw_email { } 
 .pw_email_label { font-size: 16px; } 
 .pw_cont1 { margin-top: 0; margin-bottom: 30px; padding-bottom: 30px; } 
 .pw_email_input_group { width: 100%; } 
 .pw_btn_class { font-size: 16px; width: 100%; } 
 .pw_email_input_group>div { flex-direction: column; } 
 .time_abbx { width: 100%; } 
 .time_abbx { margin-bottom: 0px; } 
 .check_txt { font-size: 16px; position: relative; margin-top: 10px; } 
 .pw_cont2 { margin-top: 30px; } 
 .pw_cont2_tit { margin-bottom: 30px; } 



 .check_layout label { font-size: 12px !important; } 
 .join_box { padding: 10px 0; flex-direction: column; align-items: flex-start; gap: 10px; border-bottom: none; } 
 .join_cont label { font-size: 16px; } 
 .check_layout input~label:hover::before { opacity: 0; } 
 .check_layout input:checked~label:hover::before { opacity: 1; } 
 .check_layout label:hover::after { } 
 .check_layout input:checked~label:hover::after { } 
 .join_cont input[type="text"],.join_cont input[type="password"] { width: 100%; font-size: 16px; } 
 .join_box2 select { font-size: 16px; } 
 .join_box2 .dep_2 { } 
 .join_cont input[type="text"], .join_cont input[type="password"] { padding: 0; padding-left: 5px; } 
 .join_box2 .dep_2 input[type="text"] { width: 45%; } 
 .join_box2 { border-bottom: none; padding: 10px 0; flex-direction: column; align-items: flex-start; gap: 10px; } 
 .join_box3 { border-top: 1px solid #bbbcba; } 
 .join_box2 .dep_3 { width: 100%; } 

}

@media screen and (max-width:767px){
  .login_bottom_group{gap: 10px;}
}

/* quick contact start */
.quick-contact.on {
  transform: translateY(0)
}

.quick-contact.on .contact-btn i {
  rotate: 0deg;
}

.quick-contact {
  transition: .4s ease-in-out;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999999;
  transform: translateY(71%);
}

.quick-contact .contact-btn {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 15px;
  margin: 0 auto;
  padding: 0px 33px;
  background: linear-gradient(to bottom, #5263FF -10%, #0D99FF);
  border-radius: 20px 20px 0 0;
  width: 23%;
  max-width: 240px;
  height: 55px;
  font-family: var(--font-Pre);
  font-size: 25px;
  font-weight: 300;
  color: #fff;
  bottom: -1px;
}

.quick-contact .contact-btn i {
  transition: .4s;
  background: url(/img/header/contact_arrow.png) no-repeat center center / contain;
  width: 23px;
  height: 17px;
  rotate: -180deg;
}

#reservation_submit label {
  display: none;
}

#reservation_submit input,
#reservation_submit select {
  width: calc(100% - 20px);
  outline: none;
  border: none;
  font-size: 20px;
  line-height: 41px;
  font-family: "Noto Sans KR", sans-serif;
  background: transparent;
  color: #fff;
  background-color: #ffffff2c;
  border-radius: 8px;
  padding-left: 20px;
}

/* #reservation_submit select {
  background: url(/img/quickcont/contact_arrow_rotate.png) calc(100% - 5px) center no-repeat;
  background-size: 15px;
} */

#reservation_submit select option {
  background: #fff;
  color: #000;
  padding: 3px 0;
}

#reservation_submit input::placeholder {
  font-size: 20px;
  line-height: 41px;
  font-family: "Noto Sans KR", sans-serif;
  color: #fff;
  margin-bottom: 0;
}

#reservation_submit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: var(--color-Blue);
  padding: 25px 0;
}

#reservation_submit .logo {
  width: 185px;
}

#reservation_submit .main_content {
  max-width: 1320px;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

#reservation_submit .main_content ul {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

#reservation_submit .main_content ul li {
  width: 32%;
}

#reservation_submit .reservation_check {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

#reservation_submit .reservation_check input {
  width: inherit;
}

#reservation_submit .reservation_check label {
  flex: 1;
  font-family: var(--font-Pre);
  font-size: 16px;
  font-weight: 40;
  line-height: 13px;
  color: #fff;
  margin: 0 3px;
}

/* #reservation_submit .reservation_check span {
  color: #78ACDE;
} */

#reservation_submit .checkbox_label {
  display: block;
}

#reservation_submit .btn_section {
  width: calc(100% - 37px);
  transition: .3s ease-in-out;
  cursor: pointer;
  background: var(--color-Yellow);
  color: #212121;
  border: none;
  border-radius: 8px;
  font-family: var(--font-Pre);
  font-size: 24px;
  font-weight: 500;
  padding: 15px 90px;
  margin-left: 37px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#reservation_submit .quick_detail_btn{
  display: flex;align-items: center;justify-content: center;border-radius: 5px;background-color: #bbbcba4d;color: #fff;font-family: var(--font-Pre);font-weight: 300;font-size: 14px;line-height: 1.5;padding: 3px 10px;cursor: pointer;
}

#reservation_submit .btn_section:hover {
  filter: brightness(.8);
  color: #FFFFFF;
}

#reservation_submit .reservation_check input:checked {
  background-color: #fff;
}

  #reservation_submit .checkbox-wrapper-4 * {
    box-sizing: border-box;
  }
  #reservation_submit .checkbox-wrapper-4 .cbx {
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer;
    padding: 6px 8px;
    border-radius: 6px;
    overflow: hidden;
    transition: all 0.2s ease;
    display: inline-block;
  }
  #reservation_submit .checkbox-wrapper-4 .cbx:hover {
    background: rgba(0,119,255,0.06);
  }
  #reservation_submit .checkbox-wrapper-4 .cbx span {
    float: left;
    vertical-align: middle;
    transform: translate3d(0, 0, 0);
  }
  #reservation_submit .checkbox-wrapper-4 .cbx span:first-child {
    position: relative;
    width: 18px;
    height: 18px;
    border-radius: 4px;
    transform: scale(1);
    border: 1px solid #cccfdb;
    transition: all 0.2s ease;
    box-shadow: 0 1px 1px rgba(0,16,75,0.05);
  }
  #reservation_submit .checkbox-wrapper-4 .cbx span:first-child svg {
    position: absolute;
    top: 3px;
    left: 2px;
    fill: none;
    stroke: #fff;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 16px;
    stroke-dashoffset: 16px;
    transition: all 0.3s ease;
    transition-delay: 0.1s;
    transform: translate3d(0, 0, 0);
  }
  #reservation_submit .checkbox-wrapper-4 .cbx span:last-child {
    padding-left: 8px;
    line-height: 18px;
  }
  #reservation_submit .checkbox-wrapper-4 .cbx:hover span:first-child {
    border-color: #07f;
  }
  #reservation_submit .checkbox-wrapper-4 .inp-cbx {
    position: absolute;
    visibility: hidden;
  }
  #reservation_submit .checkbox-wrapper-4 .inp-cbx:checked + .cbx span:first-child {
    background: #07f;
    border-color: #07f;
    animation: wave-4 0.4s ease;
  }
  #reservation_submit .checkbox-wrapper-4 .inp-cbx:checked + .cbx span:first-child svg {
    stroke-dashoffset: 0;
  }
  #reservation_submit .checkbox-wrapper-4 .inline-svg {
    position: absolute;
    width: 0;
    height: 0;
    pointer-events: none;
    user-select: none;
  }
  @media screen and (max-width: 640px) {
    #reservation_submit .checkbox-wrapper-4 .cbx {
      width: 100%;
      display: inline-block;
    }
  }
  @-moz-keyframes wave-4 {
    50% {
      transform: scale(0.9);
    }
  }
  @-webkit-keyframes wave-4 {
    50% {
      transform: scale(0.9);
    }
  }
  @-o-keyframes wave-4 {
    50% {
      transform: scale(0.9);
    }
  }
  @keyframes wave-4 {
    50% {
      transform: scale(0.9);
    }
  }





.contact-btn {
  align-items: center;
  appearance: none;
  background-image: linear-gradient(45deg, #001762 0, #4ea0b3 50%, #001762 100%);
  background-size: 200% auto;
  background-position-x: 0%;
  animation: gradient 1.2s ease-in-out infinite;
  border: 0;
  border-radius: 6px;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  height: 48px;
  justify-content: center;
  line-height: 1;
  list-style: none;
  overflow: hidden;
  padding-left: 16px;
  padding-right: 16px;
  position: relative;
  text-decoration: none;
  transition: box-shadow .15s, transform .15s;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  white-space: nowrap;
  will-change: box-shadow, transform;
  font-size: 18px;
}

.quick-contact.on .contact-btn {
  bottom: -1px;
}

.contact-btn:active {
  box-shadow: #7a8dc9 0 3px 7px inset;
}

@keyframes gradient {
  to {
      background-position-x: -200%;
  }
}

/* 240221 수정 */
.m_bottom_btn_group{display: none;}
.quick_right{display: flex;align-items: center;}

@media screen and (max-width: 1320px) {
  #reservation_submit .main_content{
    width: 90%;
  }
}

@media screen and (max-width: 1250px) {

  /* m_bottom_btn_group */
  .m_bottom_btn_group{width: 100%; z-index: 99;transition: 0.4s; position: fixed;bottom: -101px;left: 50%;transform: translateX(-50%);flex-direction: column;align-items: center;}
  .m_bottom_btn_tit{width: 130px;border-radius: 20px 20px 0 0;background: linear-gradient(to bottom, #5263FF -10%, #0D99FF);height: 40px;display: flex;align-items: center;justify-content: center;}
  .m_bottom_btn_con{margin-top: -1px; width: 100%;height: 101px;background-color: var(--color-Blue);border-radius: 20px 20px 0 0 ;}

  .m_bottom_btn_group.on{bottom: -1px;}
  .m_bottom_btn_group.on img{transform: rotate(0);}

  header .ham_group:hover .ham_bar:nth-child(1){transform: rotate(0);}
  header .ham_group:hover .ham_bar:nth-child(2){width: 100%;}
  header .ham_group:hover .ham_bar:nth-child(3){transform: rotate(0);}

  .m_bottom_btn_con{display: flex;justify-content: center;gap: 20px;align-items: center;}
  .m_bottom_btn_img{height: 40px; display: flex;align-items: center;justify-content: center;}
  .m_bottom_btn_list{color: #fff;font-size: 18px;display: flex;flex-direction: column;gap: 10px;align-items: center;}
  .invert{filter: invert(1);}
  .m_bottom_btn_tit{position: relative;overflow: hidden;}
  .m_bottom_btn_tit_bg{transition: 0.4s;width: 130px;height: 40px;position: absolute;}
  .bg_group{animation: floAni 1s linear infinite forwards;  display: flex;width: 130px;height: 40px;}
  .bg_group>div{flex: 0 0 auto;width: 100%;height: 100%;}
  .m_bottom_btn_tit_bg>div img{object-fit: cover; width: 100%;height: 100%;}


  .m_bottom_btn_tit p{position: relative;z-index: 2;}
  .m_bottom_btn_group.on .m_bottom_btn_tit_bg{opacity: 0;}
}

@media screen and (max-width: 1100px) {
  #reservation_submit .main_content{flex-direction: column;gap: 10px;}
  #reservation_submit .main_content ul{width: 100%;}
  #reservation_submit .main_content ul li{width: 30%;}
  #reservation_submit input, #reservation_submit select{width: 100%;}
  #reservation_submit .quick_detail_btn{margin-right: 6.4%;}

  .quick_right{width: 100%;}
  #reservation_submit .quick_detail_btn + div{flex: 1;}
  #reservation_submit .checkbox-wrapper-4 .cbx{padding-left: 0;}
  #reservation_submit .btn_section{margin: 0;width: 100%;}
}

@media screen and (max-width: 768px) {
  .quick-contact{display: none;}
  .m_bottom_btn_group{display: flex;}
}

@media screen and (max-width: 320px){
  .m_bottom_btn_con {gap: 15px;}
  .m_bottom_btn_list{font-size: 14px;gap: 5px;}
}


/* quick contact end */