/*main*/
#section {display: flex;gap: 1.5rem;align-items: center;justify-content: center;flex-shrink: 0; flex-direction: column;margin: 0 auto;height: calc(100vh - 120px);transition: all .5s ease-in-out; }
#section .top_sec strong { font-family: LG El Headline;font-size: 60px; font-weight: 700; line-height: 80.4px;}
#section .bottom_sec {display:flex;gap:1.5rem;}

#section .sec01 .kv img{border-radius: 0.875rem;}

#section .sec02 button{padding: 0 0.875rem;border:none;height: 6.5rem;color:#fff;border-radius: 3.25rem;}
#section .sec02 .reservationBtn{display: flex;gap: 1rem;justify-content: space-between;}
#section .sec02 .reservationBtn .check{width:11rem;background: #70737C;}
#section .sec02 .reservationBtn .vip{width: 17.8125rem;background: #EA1917;}
#section .sec02{display: inline-grid;gap: 1.5rem;flex-shrink: 0;}

#section .sec02 .noti{display: flex;gap: 1.5rem;align-items: flex-start;flex: 1 0 0;align-self: stretch;flex-direction: column;padding: 1.5rem;width: 30rem;height: 425px;background: var(--Neutral-99, #F7F7F8);border-radius: 0.875rem;}
#section .sec02 .noti .notiWrap{padding:0 0.5rem;width:100%;}
#section .sec02 .noti .notiTitle{display: flex;justify-content: space-between;margin-bottom: 0.75rem;cursor: pointer;}
#section .sec02 .noti .notiTitle .rightArrrow{cursor: pointer;}
#section .sec02 .noti .notiList{display: flex;gap: 1.33rem;align-items: flex-start;flex-direction: column;padding-top: 1.5rem;border-top: 1px solid #DBDCDF;}
#section .sec02 .noti .notiList li{display: flex;gap: 0.5rem;align-items: center; /* 세로축 기준 하단 정렬 */justify-content: space-between;width:100%;height: 1.1875rem;}
#section .sec02 .noti .notiList li a{overflow: hidden;width: 100%;max-width: 21rem;color: #171719;white-space: nowrap;text-overflow: ellipsis;}
#section .sec02 .noti .notiList li span{overflow: hidden;width: calc(100% - 21rem);vertical-align: middle;font-size: 0.875rem;color:#70737c;white-space: nowrap;text-overflow: ellipsis;}

/*이메일 인증*/
/* he 241018 margin-top 추가 */
.emailWrap{display: flex;gap:9vw;align-items: center;justify-content: center;height: calc(100vh - 116px);}
/* he 241021 width 값 수정 */
.emailWrap .emailCon{width: 23.825rem;}
.emailWrap .emailCon h1{ margin-bottom: 1.875rem;text-align: center;}
.emailWrap .emailCon .inputWrap {display: flex; gap:0.5rem; justify-content: space-between; margin-bottom: 0.5rem;}
/* he 241021 width 값 수정 */
.emailWrap .emailCon .inputWrap .emailInput{ padding:0 1rem; border:1px solid #DBDCDF;width:100%; height: 2.625rem; background: #fff; border-radius: 0.5rem;}
.emailWrap .emailCon .inputWrap .requestbtb{ padding: 0rem 0.75rem; border:1px solid #DBDCDF;width: 4.563rem; height: 2.625rem; background: #fff; color:#171719; box-sizing: content-box;border-radius: 0.5rem}
.emailWrap .emailCon .numberWrap{display: flex;gap: 0.38rem;flex-direction: column;margin-bottom: 0.5rem;position: relative;} 
.emailWrap .emailCon .numberWrap .numberInput{ padding:0 1.125rem; border:1px solid #eaebec;width:100%; height: 2.625rem; background: #f7f7f8; color:#DBDCDF; border-radius: 0.5rem;}
/* he 241018 top 수정 */
.emailWrap .emailCon .numberWrap .counting{position: absolute; top: 17%; right: 1.125rem; color:#989ba2; transform: translateY(-50%);}
.emailWrap .emailCon .numberWrap .counting.on{color:#fd322e;}
.emailWrap .emailCon .numberWrap p{color:#70737c;}
.emailWrap .emailCon label{display: flex; gap:0.5rem; margin-top: 1rem; color:#171719;}
.emailWrap .emailCon input[type="checkbox"]{width:1rem; height: 1rem; border-radius: 0.25rem;accent-color: #fd322e;}
.emailWrap .emailCon .inquiry{
  margin-left: 0.5rem;
  border-bottom: 1px solid var(--Line-Strong, #989BA2);
  overflow: hidden;
  position: absolute;
  right: 0;
  /* Line-height/12R */
  font-family: Pretendard;
  font-size: 0.75rem;
  line-height: 160%; /* 1.2rem */
  color: var(--Label-Neutral, #70737C);
  letter-spacing: -0.015rem;
  text-overflow: ellipsis;
}
.emailWrap .emailCon .commitBtn{margin-top: 0.5rem;padding:0 0.75rem;width:100%;height: 2.625rem;background: #fd322e;color:#fff;border-radius: 0.5rem}

div.provision{
  padding:40px 32px;
  font-size: 14px;
  line-height: 160%; /* 22.4px */
  text-align:center;
}
div.provision h2{
  margin-bottom:32px;
  font-size: 24px;
}
div.provision_content{
  width: 40vw;
  height: 520px;
  display:flex;
  gap:16px;
  flex-direction:column;
  padding:16px;
  border: 1px solid var(--Line-Normal, #DBDCDF);
  font-size: 14px;
  text-align:center;
  letter-spacing: -0.28px;
  border-radius: 8px;
  overflow-y: scroll;
}
div.provision_content div{
  display: flex;
  gap: 8px;
  flex-direction: column;
  letter-spacing: -0.28px;
}
div.provision div h3{
  font-size: 14px;
  font-weight:normal;
  text-align: left;
}
div.provision  div p{
  text-align: left;
}
div.provision  div p.depth01{
  padding-left: 8px;
}
div.provision  div p.depth02{
  padding-left: 16px;
}

/*예약 신청*/
.reservationWrap{display: flex; align-items: center; justify-content: center;}
.reservationWrap .inner{ padding:5rem 0 5rem 0;width:62.5rem;}
.reservationWrap .inner h1{ margin-bottom: 1.25rem;color:#171719;}
.reservationWrap .inner .explan{color:#37383c;}
.reservationWrap .inner hr{ margin:3.5rem 0 2.5rem 0;border:1px solid #989ba2;width:100%;}
.reservationWrap .inner .reservationCon{display: flex; gap: 2rem; flex-direction: column;}
.reservationWrap .inner .reservationCon .con{display: flex; gap:1rem;}
.reservationWrap .inner .reservationCon .con>p{display: flex; align-items: center; padding-left: 0.375rem; width:7.5rem; min-width: 7.5rem;}
.reservationWrap .inner .reservationCon .con .flexStart{align-items: flex-start; padding: 0.875rem 0rem 0rem 0.375rem;}
.reservationWrap .inner .reservationCon .con input{ padding:0 1rem; border:1px solid #dbdcdf;height: 2.625rem; border-radius: 0.5rem;} 
.reservationWrap .inner .reservationCon .con select{ padding: 0 1rem; border: 1px solid #DBDCDF; outline-style: none;width:11.25rem; height: 2.625rem;background:url(../images/arrowDown.svg) no-repeat 90% 53%;color:#141414;border-radius: 0.5rem;}
.reservationWrap .inner .reservationCon .con select.business,
.reservationWrap .inner .reservationCon .con select.guide{background-position:95% 53%;}
.reservationWrap .inner .reservationCon .con .lastName,
.reservationWrap .inner .reservationCon .con .firstName{width:25rem;}
.reservationWrap .inner .reservationCon .con .inquire{display: flex; gap: 0.5rem; margin-top: 1rem;}
.reservationWrap .inner .reservationCon .con .inquire p,
.reservationWrap .inner .reservationCon .con .inquire span{color:#70737c;}
.reservationWrap .inner .reservationCon .con .inquire span{text-decoration: underline; cursor: pointer;}
.reservationWrap .inner .reservationCon .con .belong, 
.reservationWrap .inner .reservationCon .con .company {width: 40rem;}
.reservationWrap .inner .reservationCon .con .business,
.reservationWrap .inner .reservationCon .con .guide,
.reservationWrap .inner .reservationCon .con .product{width: 25rem;}
.reservationWrap .inner .reservationCon .con .sideInput{width:12.5rem}
.reservationWrap .inner .reservationCon .con .allPeople{ margin-top: 0.375rem;color:#70737c;}
.reservationWrap .inner .reservationCon .con .attendList{ display: flex; gap: 1rem; flex-direction: column;position: relative;}
.reservationWrap .inner .reservationCon .con.relative{position: relative;}
.reservationWrap .inner .reservationCon .con .plusBtn{position: absolute;top: 0.5625rem;right: -1rem;}
.reservationWrap .inner .reservationCon .con .attendList .attendItem{display: flex; gap:1rem; align-items: center;}
.reservationWrap .inner .reservationCon .con .attendList input{width: 9.25rem;}
.reservationWrap .inner .reservationCon .con input[type="radio"]{width:1rem;height: 1rem; accent-color: red;}
.reservationWrap .inner .reservationCon .con .radioWrap{display: flex; gap: 0.38rem; align-items: center; height: 2.625rem;}
.reservationWrap .inner .reservationCon .con textarea{width:54rem; height: 12.5rem;}
.reservationWrap .inner .reservationCon .con .caution{ display: flex; gap:0.3rem; flex-direction: column;}
.reservationWrap .inner .reservationCon .con .caution p{color:#70737c;}
.reservationWrap .inner .commit{ margin-top: 2.5rem; border:1px solid #DBDCDF;width:100%; border-radius: 0.5rem;}
.reservationWrap .inner .commit .agree{display: flex; gap: 0.5rem; align-items: center; padding:1.25rem 1.25rem; background: #fbfbfb; border-radius: 0.5rem 0.5rem 0 0; }
.reservationWrap .inner .commit .agree input[type="checkbox"]{width:1rem;height: 1rem; accent-color: red;}
.reservationWrap .inner .commit .agree label{color:#37383c;}
.reservationWrap .inner .commit .agree span { color:#37383c;text-decoration: underline; cursor: pointer;}
.reservationWrap .inner .commit .reservTime{display: flex; justify-content: space-between; padding:1.25rem 1.8rem;}
.reservationWrap .inner .commit .reservTime .time{display: flex;gap: 0.75rem;align-items: center;}
.reservationWrap .inner .commit .reservTime .time .gray{color:#989ba2;}
.reservationWrap .inner .commit .reservTime .time .black{color:#37383c;}
.reservationWrap .inner .commit .reservTime .time .line{color:#eaebec;}
.reservationWrap .inner .commit .reservTime button{ padding:0 0.75rem;width:7.5rem; height: 2.625rem; background: #fd322e; color:#fff; border-radius: 0.5rem;}
.essential::after{display: inline-block;width:0.375rem;height: 0.875rem;background-image: url('../images/dot.svg'); content: '';}

/*문의하기 팝업*/
.popup {display: none;padding: 2.5rem 2rem;box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.16); position: fixed;top: 50%;left: 50%;z-index: 3;width:35rem; background: #fff;border-radius: 0.75rem;transform: translate(-50%, -50%);}
.popup.on{display: block;}
.popupCon h2{text-align: center;}
.popupCon input{ padding:0 1rem; border: 1px solid #dbdcdf;height: 2.625rem;  background: #fff; border-radius: 0.5rem;}
.inputName,.inputBelong{width: 25rem;}
.popupCon .contactForm{display: flex; gap: 0.75rem; flex-direction: column; margin:1.5rem 0;}
.popupCon .contactForm .inputItem{display: flex; gap: 1rem;}
.popupCon .contactForm .inputItem p{display: flex;align-items: center;padding:0 0.25rem; width:5rem}
.popupCon .contactForm .inputItem textarea{ padding:1rem;width:25rem; height: 12.5rem;}
.popupCon .contactForm .inputItem .inquire{display: flex; align-items: flex-start; padding:0.875rem 0.25rem;}
.popupCon .contactForm .inputItem .emailInput{display: flex; gap: 0.5rem; align-items: center;}
.popupCon .contactForm .inputItem .emailInput input{width:11.6rem;}
.popupCon .btnWrap button{padding:0 0.75rem;width:7.5rem;height: 2.625rem; border-radius: 0.5rem;}
.popupCon .btnWrap button.cancle{border:1px solid #dbdcdf; background: #fff; color:#171719;}
.popupCon .btnWrap button.sand{background: #fd322e; color:#fff}
.popupCon .btnWrap{display: flex; gap:0.5rem; justify-content: center;} 

/*문의 접수 완료*/
.complete{display: none; padding:2.5rem 2rem; box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.16); position: fixed;top: 50%;left: 50%; z-index: 3; width:22.5rem; background: #fff; transform: translate(-50%, -50%); border-radius: 0.75rem;}
.complete.on{display: block;}
.complete .completeWrap{display: flex; align-items: center;justify-content: center; flex-direction: column; text-align: center;}
.complete .completeWrap h2{ margin-bottom: 0.75rem;color:#171719;}
.complete .completeWrap p{color:#70737c;}
.complete .completeWrap button{ margin-top: 1.5rem; padding:0 0.75rem; border:1px solid #dbdcdf;width: 7.5rem; height: 2.75rem; background:#fff; color:#171719; border-radius: 0.5rem;}

/*서비스 이용약관 팝업*/
.terms{display: none; padding:2.5rem 2rem; box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.16); position: fixed;top: 50%;left: 50%; z-index: 3; width:35rem; height: 37.5rem; background: #fff; transform: translate(-50%, -50%); border-radius: 0.75rem;}
.terms.on{display: block;}
.terms h2{ color:#171719;text-align: center;}
.terms .termsWrap p{ margin:1.5rem 0; padding:1rem; border: 1px solid #DBDCDF;overflow-y: auto; height: 25.4rem; border-radius: 0.5rem;} 
.terms .okbtn{display: flex; justify-content: center;}
.terms .okbtn button{ padding: 0rem 0.75rem;border: 1px solid #DBDCDF;width: 7.5rem;height: 2.625rem;background:#FFF; border-radius: 0.5rem;}

/*사전 예약 신청 완료*/
.wrapper{display: flex;justify-content: center;}
.contWrap{ margin: 10rem 0 5rem 0;width:62.5rem;}
.contWrap .title{margin-bottom: 2.5rem;}
.contWrap .title h1{margin-bottom: 1.25rem;}
.contWrap .title h1,.contWrap .title p{color:#171719;}
.contWrap .title_info{margin-bottom: 3.5rem;}
.contWrap .title_info p{margin-bottom: 0.6rem; color:#37383c;}
.contWrap .info_cont{padding-top: 2.5rem; border-top: 1px solid #989ba2;}
.contWrap .info_cont .compleReserv{margin:2.5rem 0 4rem 0; border-top:1px solid #eaebec; border-bottom:1px solid #eaebec;}
.contWrap .info_cont .compleReserv tbody tr{border-bottom:1px solid #eaebec;}
.contWrap .info_cont .compleReserv tbody tr th{ padding:0.75rem;width:10rem; background: #fbfbfb; color:#70737c;}
.contWrap .info_cont .compleReserv tbody tr td{padding:0.75rem 1rem; color:#171719;}
.contWrap .info_cont .compleReserv tbody .info{border-right: 1px solid #eaebec; width:13.125rem;}
.contWrap .info_cont .compleReserv tbody .info.last{border:none;}
.contWrap .info_cont .myReserv{display: flex; justify-content: center;}
.contWrap .info_cont .myReserv button{padding:0.8125rem 1rem 0.75rem 1rem; border:1px solid #dbdcdf; color:#171719; border-radius: 0.5rem;}


/*공지사항 list*/
.noticeList{ margin:0 auto; padding:10rem 0 5rem 0;width: 62.5rem;}
.noticeList .title h1{ margin-bottom: 1.25rem;color:#171719;}
.noticeList .title p{ margin-bottom: 3.5rem;color:#37383c;}
.noticeList table{table-layout: fixed;}
.noticeList table thead th,
.noticeList table tbody td{padding:0.75rem 0.5rem;}
.noticeList table thead tr{border-bottom:1px solid #989ba2;}
.noticeList table thead th{color:#70737c;}
.noticeList table thead .no{width:6.25rem;}
.noticeList table thead .views{width:9.375rem;}
.noticeList table thead .date{width:12.5rem;}
.noticeList table tbody tr{border-bottom:1px solid #eaebec; cursor: pointer;}
.noticeList table tbody td{ overflow: hidden;width: 34rem; color:#171719; text-align: center; white-space:nowrap; text-overflow: ellipsis; }
.noticeList table tbody td.title{text-align: left;}

/*공지사항 view*/
.noticeView{ margin:0 auto; padding:10rem 0 5rem 0;width: 62.5rem;}
.noticeView .title h1{ margin-bottom: 1.25rem;color:#171719;}
.noticeView .title p{ margin-bottom: 3.5rem;color:#37383c;}
.noticeView .noticeWrap {border-top: 1px solid #989ba2;}
.noticeView .noticeWrap h2{ margin-bottom: 1rem;color:#171719;}
.noticeView .noticeWrap .info {padding:2.5rem 1.25rem;}
.noticeView .noticeWrap .info .date{display: flex; justify-content: space-between;}
.noticeView .noticeWrap .info .date>p{color:#37383c;}
.noticeView .noticeWrap .info .date .views{display: flex; gap:0.5rem; align-items: center;}
.noticeView .noticeWrap .info .date .views p{color:#70737c;}
.noticeView .noticeWrap .info .date .views span{color:#37383c;}
.noticeView .noticeWrap .contents{margin-bottom: 2rem; padding:2.5rem 1.25rem; border-top: 1px solid #eaebec; border-bottom: 1px solid #eaebec;}
.noticeView .noticeWrap .contents p{word-break: break-all;}
.noticeView .listBtn{display: flex; justify-content: center;}
.noticeView .listBtn button{padding:0.81rem 1rem 0.75rem 1rem; border:1px solid #dbdcdf; background: #fff; border-radius: 0.5rem;} 


/* 공통 */
.btnBox {display: flex; gap: 8px; align-items: center; justify-content: center; margin: 30px 0; }
.btn {display: inline-block; padding: 5px 10px; border: 1px solid #000;border-radius: 10px;}
.btn01 {margin-right: 5px;}
.disabled {border: 1px solid #eee; color: #eee; pointer-events: none;}
.none {display:none;}
.width700 { width: 700px;}
.width600 { width: 600px;}
.width500 { width: 500px;}
.width400 { width: 400px;}
.width300 { width: 300px;}
.width200 { width: 200px;}
.width150 { width: 150px;}
.width100 { width: 100px;}
.caption_line { padding: 10px; color:grey; }

.item {
    margin-bottom: 10px;
}

.dim{display: none; position: fixed;top: 0;left: 0;z-index: 2;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.2);}
.dim.on{display: block;}



/* .popupCon {
    display: flex;
    flex-direction: column;
    padding: 20px;
}
.popupCon h2 {
    margin: 20px;
    text-align: center;
}
.popupCon .inputItem{
  display: flex;
  justify-content: center;
  margin-bottom: 25px;
}
.popupCon input{
  padding: 10px 20px;
  font-size: 17px;
  color: black;
  background: #F6F6F6;
  border-radius: 30px;
  margin-right: 10px;
  border:none;
  outline-style: none;
  width: 358px;
}
.popupCon label{
  width: 120px;
  padding-top: 8px;
}
.popupCon textarea{
  padding:20px;
  outline-style: none;
}
.popupCon button{
  padding:15px 25px;
  border-radius: 8px;
  border:none;
  cursor: pointer;
}
button[type="submit"]{
  margin-right: 10px;
}
.popupCon .policy-content {
   width: 80%;
   height: 70%;
   margin: 10px auto;
}
.popupCon .policy-content p{
  height: 200px;
  overflow-y: auto;
}
.policyConBtn {
  display: flex;
  justify-content: flex-end;
  padding: 5px 78px;
}
.policyConBtn button{
  padding:15px 25px;
  border:none;
  border-radius: 8px;
  cursor: pointer;
} */

.contactInfo {
    display: inline-block; /* 텍스트와 아이콘을 인라인 블록으로 표시 */
    position: relative; /* 위치 조정을 위해 relative로 설정 */
}

.contact {
    margin-left: 10px;
}

.contactInfo-icon {
    display: inline-block;
    width: 32px;  /* 아이콘의 너비를 설정 */
    height: 32px;  /* 아이콘의 높이를 설정 */
    background-image: url('../images/tooltip.png');  /* 로컬 이미지 경로 설정 */
    background-position: center;  /* 배경 이미지 위치를 중앙으로 설정 */
    background-size: cover;  /* 배경 이미지 크기를 아이콘 크기에 맞춤 */
}

.contactInfo-text {
    display: none; /* 기본적으로 숨기기 */
    padding: 10px 20px;
    position: absolute;
    top: 50%; /* 부모 요소의 세로 중앙에 배치 */
    left: 110%; /* 아이콘의 오른쪽에 배치, 너비의 110%만큼 떨어져서 위치 */
    z-index: 100;
    width: 300px; /* 필요에 따라 크기 조정 */
    background-color: #999;
    font-size: 12px;
    color: white;
    white-space: nowrap; /* 텍스트가 한 줄로 표시되도록 설정 */
    border-radius: 10px;
    transform: translateY(-50%); /* 세로 중앙 정렬을 보정하기 위해 변환 적용 */
}

.contactInfo:hover .contactInfo-text {
    display: block; /* 마우스를 올렸을 때 보이게 함 */
}

#close-popup {
    display: block;
    margin: 20px auto 0;
    padding: 10px 20px;
    border: none;
    background: #007BFF;
    color: #fff;
    cursor: pointer;
}

#close-popup:hover {
    background: #0056b3;
}

#wrapper .container #sec01 {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-align: center;
}
#wrapper .login .container #sec01 .cont_wrap {
  margin: 0 auto;
  max-width: 600px;
  height: auto;
}

#wrapper .login .container #sec01 .contWrap .login_box {
  margin-top: 73px;
}

/*아이디 입력박스*/
#wrapper .login .container #sec01 .contWrap .login_box .form_box {
  display: flex;
  gap: 15px;
  align-items: center;
  justify-content: space-between;
  width: 550px;
}
#wrapper .login .container #sec01 .contWrap .login_box .form_box label {
  width: 60px;
  font-size: 14px;
  text-align: left;
}

#wrapper .login .container #sec01 .contWrap .login_box .user_id label {
  margin-top :12px;
}

#wrapper .login .container #sec01 .contWrap .login_box .user_id .inputBox p {
  margin-top: 5px;
  font-size: 14px;
  text-align: left;
}


/*인풋 박스*/
#wrapper .container #sec01 .contWrap input[type=text],
#wrapper .container #sec01 .contWrap input[type=password],
#wrapper .container #sec01 .contWrap .formInput {
  margin-right: 10px;
  padding: 10px 20px;
  background: #F6F6F6;
  font-size: 17px;
  color: black;
  border-radius: 30px;
}


#wrapper .container #sec01 .contWrap input:read-only {
  color: #C5C5C5;
}


/*비밀번호 입력박스*/
#wrapper .login .container #sec01 .contWrap .login_box .user_pw,
#wrapper .login .container #sec01 .contWrap .login_box .user_email {
  margin-top: 30px;
  position: relative;
}

#wrapper .login .container #sec01 .contWrap .login_box .user_id,
#wrapper .login .container #sec01 .contWrap .login_box .user_pwdRe,
#wrapper .login .container #sec01 .contWrap .login_box .user_email{
  align-items: flex-start;
}

#wrapper .login .container #sec01 .contWrap .login_box .user_pwdRe label {
  margin-top: 3px;
}

#wrapper .login .container #sec01 .contWrap .login_box .user_pwdRe p {
  margin-top: 5px;
  font-size: 14px;
  text-align: left;
}
.inputBox {
  width: 425px;
}

/*버튼*/
.btn_box, .btn_box.two_btn{
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
}
.btn_box .btn {
  display: block;
  padding: 10px;
  width: 100%;
  background: #000;
  font-size: 16px;
  color: #fff;
  text-align: center;
  box-sizing: border-box;
  border-radius: 20px;
}
/*로그인 버튼*/
#wrapper .login .container #sec01 .contWrap .login_box .btn_box,#wrapper .login .container #sec01 .contWrap .login_box .btn_box a{
  margin-top: 20px;
}
#wrapper .login .container #sec01 .contWrap .login_box .btn_box .btn_list{
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
}
#wrapper .login .container #sec01 .contWrap .login_box .btn_box .btn_list a{font-size: 14px;}


/* 이메일 입력 폼 */
#wrapper .login .container #sec01 .contWrap .login_box .user_email label {
  margin-top: 12px;
}
#wrapper .login .container #sec01 .contWrap .login_box .user_email .inputBox{
  display: flex;
  gap: 10px;
  flex-direction: column;
}

#wrapper .login .container #sec01 .contWrap .login_box .user_email .emailWrap {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
  padding: 10px 20px;
  width: 425px;
  background: #F6F6F6;
  border-radius: 30px;
}
#wrapper .login .container #sec01 .contWrap .login_box .user_email .emailWrap input {
  padding: 0 5px;
  width: 100%;
  height: 100%;
  background: #F6F6F6;
}
#wrapper .login .container #sec01 .contWrap .login_box .user_email .emailWrap span{
  font-size: 14px;
}

#wrapper .login .container #sec01 .contWrap .login_box .user_email .emailWrap button {
  width: 80px;
  height: 100%;
}

#wrapper .login .container #sec01 .contWrap .login_box .user_email .emailWrap .btn02 {
  pointer-events: none;
}
#wrapper .application .contWrap{
  margin-bottom: 200px;
}
#wrapper .application .contWrap h1{ 
  margin-bottom: 60px;
}
#wrapper .application .contWrap p.sel_day{
  font-size: 24px;
  font-weight: 600; 
  text-align: left;
}
#wrapper .application .contWrap .appli_box{
  margin-top: 20px;
}
#wrapper .application .form_box{
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
#wrapper .application .form_box .box_cont{
  display: flex;
  max-width: 400px;
}

#wrapper .application .form_box.number_box select{
  width: 100px;
}

#wrapper .application .container #sec01s .form_box.number_box input[type=text]{
  width: 415px;
}
#wrapper .application .name_list{
  position: relative;
}
#wrapper .application .name_list .add_btn{
  position: absolute;
  right: 20px;
}

#wrapper .application .name_box{
  margin-left: auto;
  width: 400px;
}
#wrapper .application .name_box .add_list_name {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
#wrapper .application .name_box .add_list_name .add_list {
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
  padding: 5px 10px;
  background: #f66;
  border-radius: 50px;
}
#wrapper .application .name_box .add_list_name .add_list span,
#wrapper .application .name_box .add_list_name .add_list button{
  color: #fff;
}

#wrapper .application .form_box textarea{
  margin-left: auto;
  padding: 10px 20px;
  width: 400px;
  height: 200px;
  background: #F6F6F6;
  color: black;
  resize: none;
  border-radius: 10px;
}

#wrapper .request_box{
  align-items: flex-start;
}
#wrapper .caption_box{
  margin-top: 50px;
  color: #686D76;
  text-align: left;
}
#wrapper .caption_box h3{
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 500;
}

/* 예약관리 뷰, 수정페이지 */
.viewTit {
  margin: 40px 0;
}

.viewTit h3 {
  font-size: 24px;
  font-weight: 500;
}

.viewCont {
  display: flex;
  gap: 20px;
  flex-direction: column;
}

.editCont {
  margin-top: 40px;
}

.viewCont span .red {
  color:red;
}

.u {
  text-decoration: underline;
}

.viewCont .cont {
  display: flex;
  gap: 10px;
  align-items: center;
  text-align: left;
}

.viewCont .cont .left {
  padding-left: 10px;
  width: 120px;
}

.viewCont .cont .full {
  width: 1000px;
}

.viewCont .cont .right {
  width: 91.76%;
}

.viewCont .cont .right input[type="radio"] {
  margin: 10px 10px;
}

.viewCont .cont .right label {
  margin: 10px 30px 10px 0px;
}

.viewCont .cont .flexJustifyStart {
  display: flex;
  justify-content: flex-start;
}

.viewCont .cont .flexAlignCenter {
  display: flex;
  align-items: center;
}

.viewCont .cont .flexJustifyCenter {
  display: flex;
  justify-content: center;
}

.viewCont .cont .left p,
.viewCont .cont .right p {
  font-size: 14px;
}

.viewCont .cont .right input[type="text"],
.viewCont .cont .right input[type="tel"],
.viewCont .cont .right select{
  padding: 5px 10px;
  background: #e2e2e2;
  color: #000;
  border-radius: 10px;
}

.viewCont .cont .right .formSelect {
  margin-right: 10px;
  padding: 10px 20px;
  background:#F6F6F6 url('../images/modalToggleDown.svg') no-repeat 95% 50%;
  font-size: 17px;
  color: black;
  border-radius: 30px;
}

.viewCont .flexStart {
  align-items: flex-start;
}

.viewCont .flexStart .left {
  margin-top: 8px;
}

.viewCont .cont .right textarea {
  padding: 10px;
  border: 1px solid #bbb;
  width: 100%;
  border-radius: 10px;
}

.viewCont .cont .right textarea::placeholder {
  color: #bbb;
}

.attendListInput {
  margin-bottom: 10px;
  position: relative;
  width: 500px;
}

.attendListInput button {
  padding: 0 10px;
  position: absolute;
  top: 50%;
  right: 0;
  height: 100%;
  transform: translateY(-50%);
}

.addListName {
  display: flex;
  gap: 10px;
  align-items: center;
  flex-wrap: wrap;
}

.addListName .addList {
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
  padding: 5px 10px;
  background: #f66;
  border-radius: 50px;
}

.addListName .addList span,
.addListName .addList button{
  color: #fff;
}

/* 예약현황 */
.categoryDate {
  display: flex;
  gap: 10px;
}

.categoryDate li {
  padding: 0 10px;
  width: 60px;
  background: #f2f2f2;
  text-align: center;
  border-radius: 5px;
}

.categoryDate li.active {
  background: #ddd;
}

.tableWrap table tr td a.btn {
  display: inline-block;
  padding: 4px 0;
  border: 1px solid #ddd;
  width: 100px;
  font-size: 14px;
}


.tableWrap {
  margin-top: 20px;
}
.tableWrap table {
  border: 1px solid #e2e2e2;
  width: 100%;
  text-align: center;
}

.tableWrap table tr {
  border-bottom: 1px solid #e2e2e2;
}

.tableWrap table tr th{
  background: #f2f2f2;
}

.tableWrap table tr th,
.tableWrap table tr td {
  padding: 10px 0;
  border-right: 1px solid #e2e2e2;
}

.tableWrap table tr td{
  padding: 0;
}

.tableWrap table tr td .state {
  display: inline-block;
  padding: 5px 20px;
  background: #f2f2f2;
  border-radius: 50px;
}

.tableWrap table tr td .state01{
  background: #7f7f7f;
  color: #fff;
}

.tableWrap table tr td a {
  display: block;
  padding: 15px 0;
}

.pageWrap .pageNum{
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}

.pageWrap .pageNum li a{
  font-size: 16px;
  color: #e2e2e2;
}

.pageWrap .pageNum li.active a{
  border-bottom: 1px solid #000;
  color: #000;
}



@media screen and (max-width : 1260px) {
  .tableWrap table tr td .state {
    padding: 0.4vw 1.59vw;
    font-size: 1.11vw;
  }
  .tableWrap table tr td,
  .tableWrap table tr td a,
  .btn {
    font-size: 1.11vw;
  }

  .btn {
    padding: 0.4vw 0.8vw;
  }
}


 
@media screen and (max-width : 1024px) {  
  /* 예약신청 */
  .reservationWrap .inner{padding: 5rem 2.5rem 5rem;width: 100%;}
  .reservationWrap .inner .reservationCon{gap: 0rem;}
  .reservationWrap .inner .reservationCon .con{display: inline-block;}
  .reservationWrap .inner .reservationCon .con>p{display: flex;align-items: center;padding: 1rem 0;width: 100%;}
  .reservationWrap .inner .reservationCon .con .flexStart{padding: 1rem 0;}
  .reservationWrap .inner .reservationCon .con select{margin-bottom: 0.5rem;width: 100%;}  
  .reservationWrap .inner .reservationCon .con .business, .reservationWrap .inner .reservationCon .con .guide, .reservationWrap .inner .reservationCon .con .product{width:100%;}
  .reservationWrap .inner .reservationCon .con .lastName,
  .reservationWrap .inner .reservationCon .con .firstName{width: calc(50% - 0.5rem);}  
  .reservationWrap .inner .reservationCon .con .belong, 
  .reservationWrap .inner .reservationCon .con .company {width: 100%;}
  .reservationWrap .inner .reservationCon .con .sideInput{width:100%;}
  .reservationWrap .inner .reservationCon .con .plusBtn{position: relative;top: -1rem;left: calc(100% - 1.5rem);}  
  .reservationWrap .inner .reservationCon .con .attendList input{width: 20%;}  
  .reservationWrap .inner .reservationCon .con textarea{width:100%;}
  /* 예약신청 */

  /*문의하기 팝업*/
  .popupCon input{width: 100%;}
  .popupCon .contactForm .inputItem textarea{width: 100%;}
  .popupCon .contactForm .inputItem .emailInput{width:100%}
  .popupCon .contactForm .inputItem .emailInput input{width: 100%;}
  /*문의하기 팝업*/
  
  /* 예약신청 완료 */
  .wrapper{display: flex;justify-content: center;}
  .contWrap{padding: 0 2.5rem }
  /* 예약신청 완료 */

  /* 공지사항 리스트, 뷰 */
  .noticeList, .noticeView{
      padding: 10rem 2.5rem 5rem !important;
      width: 100%;
  }
  .noticeList, .noticeView{
    padding: 10rem 2.5rem 5rem !important;
    width: 100%;
  }
  /* 공지사항 리스트, 뷰 */
  /* 공통 */
  .btn {
    padding: 0.5vw 1vw;
  }

  .btn01 {
    margin-right: 0.5vw;
  }
  #wrapper #wrap .lnb {
    padding: 1.95vw;
    width: 29.29vw;
  }

  .contWrap h1{
    font-size: 2.34vw;
  }

  .category,
  .tableWrap,
  .addReservation{
    margin-top: 1.95vw;
  }
  /* 카테고리 */
  .category select {
    padding: 0.4vw 0.8vw;
    width: 19.53vw;
    font-size: 1.56vw;
  }

  .category button{
    padding: 1vw 0;
    width: 9.77vw;
    font-size: 1.56vw;
  }

  /* 테이블 */
  .tableWrap table tr th,
  .tableWrap table tr td {
    font-size: 1.56vw;
  }

  .tableWrap table tr td,
  .tableWrap table tr td a,
  .btn {
    font-size: 1.37vw;
  }

  .tableWrap table tr td a {
    padding: 1.46vw 0;
  }

  .addReservation a {
    padding: 0.5vw 1vw;
    font-size: 1.56vw;
  }
  /* 페이지 넘버 */
  .pageWrap .pageNum {
    gap: 1vw;
    margin-top: 1.95vw;
  }

  .pageWrap .pageNum li a {
    font-size: 1.56vw;
  }

}