@charset "utf-8";

.btn_bo_user {
  display: flex;
  justify-content: flex-end;
  align-items: stretch;
  gap: 5px;
  margin-top: 30px;
}
.btn_bo_user li span {
  font-size: 14px;
}
.option_btn {
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 3px 5px;
  height: 35px;
  font-size: 14px;
  color: #666;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cont_title .cont_ti {
  color: var(--txt, #333);
  font-family: Paperlogy;
  font-size: 1.1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 145.455%;
  letter-spacing: -0.66px;
  display: flex;
  align-items: center;
  gap: 12px;
}
.cont_title .cont_ti::before {
  content: "";
  display: block;
  width: 6px;
  height: 20px;
  background-color: #016177;
  border-radius: 5px;
}

/* golf_context */
#golf_context {
}
#golf_context .golf_guide {
  background-color: #f2fcff;
  border-top: 2px solid #016177;
  padding: 0 50px 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
#golf_context .golf_guide .golf_guide_title {
  padding: 10px 20px;
  border-radius: 0 0 10px 10px;
  background-color: #016177;
  margin: 0 auto;
}
#golf_context .golf_guide .golf_guide_title p {
  font-size: 24px;
  font-weight: 500;
  color: #fff;
  font-family: "S-CoreDream-5Medium";
}
#golf_context .golf_wrap {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#golf_context .golf_wrap .golf_box {
  display: flex;
  align-items: center;
  gap: 20px;
}
#golf_context .golf_wrap .golf_box .golf_ti {
  width: 100px;
  font-size: 18px;
  font-weight: 700;
  color: #016177;
}
#golf_context .golf_wrap .golf_box .golf_text {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 20px;
}
#golf_context .golf_wrap .golf_box .golf_co {
  background-color: #fff;
  padding: 10px;
  border-radius: 5px;
  width: 100%;
  font-size: 16px;
  font-weight: 500;
}
#golf_context .golf_wrap .golf_box .golf_co span {
  color: #016177;
}
#golf_context .golf_wrap .golf_box .golf_co_wrap {
  background-color: #fff;
  padding: 10px;
  border-radius: 5px;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 5px;
}
#golf_context .golf_wrap .golf_box .golf_co_wrap .golf_co_ti {
  background-color: #016177;
  display: block;
  padding: 1px 7px;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
}
#golf_context .golf_wrap .golf_box .golf_co_wrap p {
  font-weight: 500;
  font-size: 18px;
}
#golf_context .golf_wrap .golf_box .dot_point {
  position: relative;
  padding-left: 8px;
  font-size: 16px;
  font-weight: 500;
}
#golf_context .golf_wrap .golf_box .dot_point::before {
  content: "·";
  position: absolute;
  left: 0;
  top: 0;
}

#golf_context .golf_info_wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#golf_context .golf_info_wrap .golf_info {
  flex: 1;
}
#golf_context .golf_info_wrap .golf_info p {
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
}
#golf_context .golf_info_wrap .golf_call {
  background-color: #fff;
  border-radius: 10px;
  padding: 10px 20px;
  display: flex;
  align-items: center;
  gap: 10px;
}
#golf_context .golf_info_wrap .golf_call .golf_call_ti {
  font-size: 18px;
  font-weight: 700;
  color: #016177;
}
#golf_context .golf_info_wrap .golf_call .golf_call_co {
  font-size: 18px;
  font-weight: 500;
}

#golf_context .golf_wrap .golf_double_box {
  display: flex;
  align-items: center;
  gap: 10px;
}
#golf_context .golf_wrap .golf_double_box .golf_box {
  flex: 1;
}
#golf_context .golf_wrap .golf_double_box .golf_box .golf_ti {
  text-align: center;
}
#golf_context .golf_wrap .golf_double_box .golf_box:first-child .golf_ti {
  text-align: left;
}

#golf_context .golf_apply_info {
  background-color: #f2fcff;
  border-top: 2px solid #016177;
  padding: 20px 50px 20px 0;
  display: flex;
  align-items: flex-start;
  gap: 30px;
  margin-top: 80px;
}
#golf_context .golf_apply_info .golf_apply_info_title {
  width: 133px;
  padding: 10px;
  background-color: #016177;
  border-radius: 0 10px 10px 0;
  text-align: center;
}
#golf_context .golf_apply_info .golf_apply_info_title p {
  font-size: 24px;
  font-weight: 500;
  color: #fff;
  font-family: "S-CoreDream-5Medium";
}
#golf_context .golf_apply_info .golf_apply_info_cont {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#golf_context .golf_apply_info .golf_apply_info_cont .apply_info_box {
  display: flex;
  align-items: center;
  gap: 20px;
}
#golf_context
  .golf_apply_info
  .golf_apply_info_cont
  .apply_info_box
  .apply_info_title {
  width: 100px;
  font-size: 18px;
  font-weight: 700;
  color: #016177;
}
#golf_context
  .golf_apply_info
  .golf_apply_info_cont
  .apply_info_box
  .apply_info_box_wrap {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 20px;
}
#golf_context
  .golf_apply_info
  .golf_apply_info_cont
  .apply_info_box
  .apply_info_date {
  padding: 10px;
  background-color: #fff;
  border-radius: 10px;
  width: 160px;
  font-size: 18px;
  font-weight: 500;
  color: #016177;
}
#golf_context
  .golf_apply_info
  .golf_apply_info_cont
  .apply_info_box
  .apply_info_co {
  flex: 1;
  background-color: #fff;
  padding: 10px;
  border-radius: 10px;
  font-size: 18px;
  font-weight: 500;
}
#golf_context
  .golf_apply_info
  .golf_apply_info_cont
  .apply_info_box
  .apply_info_co
  .dot_point {
  position: relative;
  padding-left: 8px;
}
#golf_context
  .golf_apply_info
  .golf_apply_info_cont
  .apply_info_box
  .apply_info_co
  .dot_point::before {
  content: "·";
  position: absolute;
  left: 0;
  top: 0;
}

/* 예약신청안내  (신청프로그램 공통) */
.point {
  font-weight: 700;
  color: var(--color-primary_main_dark, #0b5b66);
}

/* program_list */
#program_list {
  display: flex;
  align-items: stretch;
  gap: 30px;
  margin-top: 30px;
}
#program_list #program_calendar {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
  flex: 1 0 0;
}
#program_list #program_experience {
  flex: 1 0 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 30px;
  max-width: 450px;
}
#program_list #program_experience .experience_cont {
  flex: 1;
  border-radius: 20px;
  background-color: #fff;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
  padding: 30px 25px;
}

/* program_list - program_experience - experience_none */
#program_list #program_experience .experience_cont .experience_none {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  height: 100%;
}
#program_list #program_experience .experience_cont .experience_none .none_img {
  text-align: center;
}
#program_list
  #program_experience
  .experience_cont
  .experience_none
  .none_text
  p {
  color: var(--gray, #777);
  text-align: center;
  font-family: Pretendard;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 130%;
}

/* program_list - program_experience - experience_list */
#program_list #program_experience .experience_cont .experience_list {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
#program_list #program_experience .experience_cont .experience_list .list_box {
  border-top: 2px solid #333;
}
#program_list
  #program_experience
  .experience_cont
  .experience_list
  .list_box
  .list_day {
  width: 100%;
  text-align: center;
  padding: 10px 0;
  border-bottom: 2px solid #333;
}
#program_list
  #program_experience
  .experience_cont
  .experience_list
  .list_box
  a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 20px;
  border-bottom: 1px solid #ddd;
}
#program_list
  #program_experience
  .experience_cont
  .experience_list
  .list_box
  .list_ti {
  color: var(--txt, #333);
  font-family: Pretendard;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 127.778%;
}
#program_list
  #program_experience
  .experience_cont
  .experience_list
  .list_box
  .list_co {
  font-family: Pretendard;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 127.778%;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
#program_list
  #program_experience
  .experience_cont
  .experience_list
  .list_box
  .ing
  .list_co {
  color: #016177;
}
#program_list
  #program_experience
  .experience_cont
  .experience_list
  .list_box
  .end
  .list_co {
  color: #555;
}

/* program_list - program_experience - application_check */
#program_list #program_experience .application_check {
  display: block;
  padding: 10px;
  text-align: center;
  background-color: #016177;
  border-radius: 10px;
  border: 1px solid #016177;
  font-size: 1em;
  font-weight: 700;
  letter-spacing: -0.54px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
#program_list #program_experience .application_check:hover {
  background-color: #fff;
  color: #016177;
}
#program_list #program_experience .application_check:hover svg path {
  fill: #016177;
}

/* program_application */
#program_application {
  margin-top: 30px;
}
#program_application .cont + .cont {
  margin-top: 30px;
}

/* program_application - agree guide */
.com_tab svg {
  max-width: 400px !important;
}
.agree_guide_sec .agree_gui_wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  align-self: stretch;
}
.agree_guide_sec .agree_gui_title {
  display: flex;
  align-items: center;
  gap: 10px;
  align-self: stretch;
}
.agree_guide_sec .agree_gui_title .agree_gui_ti {
  color: var(--color-primary_dark, #1a3050);
  font-family: Paperlogy;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 600;
  line-height: 125%;
  letter-spacing: -0.72px;
}
.agree_guide_sec .agree_gui_txtbox {
  display: flex;
  gap: 20px;
  flex-direction: column;
  width: 100%;
}
.agree_guide_sec .innerbox {
  display: flex;
  flex-direction: column;
  padding: 20px;
  justify-content: center;
  gap: 10px;
  align-self: stretch;
  border-radius: 15px;
  border: 2px dashed var(--color-alert_red, #e53034);
  background: #fff6f7;
}
.agree_guide_sec .innerbox p {
  color: var(--gray-800, #111);
  font-family: Pretendard;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}
.agree_guide_sec .innerbox p span {
  font-weight: 700;
  font-size: 18px;
}
.agree_guide_sec .agree_gui_ckbox {
  display: flex;
  padding: 20px 0;
  justify-content: center;
  align-items: center;
  gap: 10px;
  align-self: stretch;
  border-radius: 10px;
  border: 1px solid #ddd;
  background: var(--color-primary_light, #f5feff);
}
.agree_guide_sec .agree_gui_ckbox label {
  color: #222;
  font-family: Pretendard;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 144.444%;
}
.agree_guide_sec input[type="checkbox"] {
  width: 18px;
  height: 18px;
  border: 1px solid #555;
  background: #fff;
  accent-color: #555;
  border-radius: 5px;
}
.agree_guide_sec .agree_co {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.agree_guide_sec .agree_co p {
  color: #222;
  font-family: Pretendard;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 144.444%;
}
.agree_guide_sec .agree_co p span {
  font-weight: 700;
}

/* #program_application - w_input */
#program_application {
  display: flex;
  padding: 50px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
  border-radius: 30px;
  border: 1px solid var(--gray-400, #ddd);
  background: var(--gray-100, #fff);
}
#program_application .w_info {
  display: flex;
  padding: 5px 10px;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  background: var(--color-primary_light, #f5feff);
  color: var(--color-primary_main_dark, #0b5b66);
  text-align: center;
  font-family: Pretendard;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 133.333%;
}
#program_application .w_input {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}
#program_application .w_input ul {
  display: flex;
  min-height: 80px;
  align-items: center;
  gap: 15px;
  align-self: stretch;
}
#program_application .w_input ul .w_input_ti {
  display: flex;
  width: 240px;
  padding: 0 20px;
  align-items: center;
  align-self: stretch;
}
#program_application .w_input ul .w_input_ti label {
  color: var(--gray-800, #111);
  font-family: Pretendard;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 127.778%;
}
#program_application .w_input ul .w_input_co {
  display: flex;
  padding: 10px 0;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 10px;
  flex: 1 0 0;
  align-self: stretch;
  position: relative;
}
#program_application .w_input ul .w_input_co input[type="text"],
#program_application .w_input ul .w_input_co input[type="password"],
#program_application .w_input ul .w_input_co input[type="date"] {
  display: flex;
  height: 45px;
  padding: 0 10px;
  align-items: center;
  gap: 20px;
  align-self: stretch;
  border-radius: 5px;
  border: 1px solid var(--gray-400, #ddd);
  width: 400px;
  font-size: 0.9rem;
}
#program_application .w_input ul .w_input_co input::placeholder {
  color: var(--gray-600, #555);
  text-align: left;
  font-family: Pretendard;
  font-size: 0.7rem;
  font-style: normal;
  font-weight: 400;
  line-height: 185.714;
  letter-spacing: -0.42px;
}
#program_application .w_input ul .w_input_co input[type="radio"] {
  width: 20px;
  height: 20px;
  border: #555;
  accent-color: #004dc8;
}
#program_application .w_input ul .w_input_co input[type="date"] {
  padding-right: 52px; /*커스텀버튼자리*/
  font-family: Pretendard;
  font-size: 0.7rem;
  color: var(--gray-600, #555);
}
#program_application .w_input ul .w_input_co input[type="date"]:invalid {
  font-size: 0.7rem;
  color: var(--gray-600, #555);
}
#program_application .w_input ul .w_input_co input[type="date"]:valid {
  font-size: 0.9rem;
  color: var(--gray-800, #111);
}
/* 커스텀 아이콘 버튼: 오른쪽 끝 */
#program_application .w_input ul .w_input_co .date-wrap {
  position: relative;
  width: 100%;
}
#program_application .w_input ul .w_input_co .date-btn {
  position: absolute;
  left: calc(400px - (25px + 20px));
  top: 50%;
  transform: translateY(-50%);
  width: 25px;
  height: 25px;
  padding: 22px 20px;
  border: 0;
  background: transparent;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  border-left: 1px solid #ddd;
}
#program_application .w_input ul .w_input_co .date-btn img {
  width: 25px;
  height: 25px;
  display: block;
}
/*키보드 포커스 표시(접근성 핵심)*/
#program_application
  .w_input
  ul
  .w_input_co
  .date-wrap
  input[type="date"]:focus,
#program_application .w_input ul .w_input_co .date-btn:focus-visible {
  outline: 2px solid #1a73e8;
  outline-offset: 2px;
}

/* (크롬/엣지/사파리) 기본 달력 아이콘 숨김 */
@supports selector(input::-webkit-calendar-picker-indicator) {
  input[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 0;
    width: 52px; /* 클릭영역은 남겨도 됨 */
    height: 100%;
    cursor: pointer;
  }
}

#program_application .companion_wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
  position: relative;
}
#program_application .w_input_co label {
  color: var(--gray-800, #111);
  font-family: Pretendard;
  font-size: 0.9rem;
  font-style: normal;
  font-weight: 700;
  line-height: 127.778%;
}
#program_application .w_input_co .option-wrap {
  display: flex;
  align-items: center;
  gap: 20px;
}
#program_application .w_input_co .option-wrap li {
  display: flex;
  align-items: center;
  gap: 15px;
}
#program_application .w_input_co .option-wrap label {
  color: var(--gray-800, #111);
  font-family: Pretendard;
  font-size: 0.8rem;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}
#program_application .w_input_co .input_ti {
  color: var(--gray-800, #111);
  font-family: Pretendard;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 127.778%;
}
#program_application .w_input_co .mini_info_box {
  position: absolute;
}
#program_application .w_input_co .mini_info_box.box1 {
  bottom: 25px;
}
#program_application .w_input_co .mini_info_box.box2 {
  bottom: 0;
}
#program_application .w_input_co .mini_info {
  color: var(--color-primary_main_dark, #0b5b66);
  font-family: Pretendard;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 125%;
  display: block;
}
#program_application .companion_wrap {
  width: 100%;
}
#program_application .companion_info .companion_box,
#program_application .companion_info .companion_box .option-wrap {
  min-height: initial;
}
#program_application .companion_info .companion_box li {
  display: flex;
  gap: 20px;
  align-self: stretch;
}
#program_application .companion_info .companion_box li .companion_box_inner {
  display: flex;
  align-items: center;
  gap: 10px;
}
#program_application
  .companion_info
  .companion_box
  li
  .companion_box_inner.inner2 {
  gap: 30px;
}
#program_application .companion_info .companion_box label {
  width: 80px;
  color: var(--gray-800, #111);
  font-family: Pretendard;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 127.778%;
}
#program_application .companion_info .companion_box label.long_lb {
  width: auto;
}
#program_application
  .companion_info
  .w_input_co
  .companion_box
  input[type="text"] {
  display: flex;
  width: 200px;
  height: 50px;
  max-width: 500px;
  padding: 10px 15px;
  align-items: center;
  gap: 10px;
  border-radius: 5px;
  border: 1px solid var(--gray-400, #ddd);
}
#program_application .companion_info .companion_box .option-wrap label {
  width: auto;
  color: var(--gray-800, #111);
  font-family: Pretendard;
  font-size: 0.8rem;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}

#program_application .companion_wrap .btn_add {
  display: flex;
  height: 40px;
  padding: 10px 15px;
  justify-content: center;
  align-items: center;
  gap: 5px;
  border-radius: 999px;
  border: 1px solid var(--color-primary_main_dark, #0b5b66);
  background: var(--color-primary_light, #f5feff);
  color: var(--color-primary_main_dark, #0b5b66);
  font-family: Pretendard;
  font-size: 0.9rem;
  font-style: normal;
  font-weight: 600;
  line-height: 133.333%;
}
#program_application .companion_wrap .btn_add_wrap {
  width: 100%;
  position: absolute;
  bottom: 50px;
  display: flex;
  justify-content: flex-end;
}
#program_application .companion_wrap .btn_add::after {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url("../img/ico_add.svg") center no-repeat;
}
.application_btns {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 30px;
}
.application_btns .application_btn01,
.application_btns .application_btn02 {
  display: flex;
  min-width: 100px;
  padding: 10px 15px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  color: var(--gray-800, #111);
  font-family: Pretendard;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
}
.application_btns .application_btn01 {
  border-bottom: 1px solid var(--color-primary_main, #00b4cd);
  background: #e5fcff;
}
.application_btns .application_btn01:hover {
  color: #00b4cd;
}
.application_btns .application_btn02 {
  border-bottom: 1px solid var(--color-tertiary, #f24837);
  background: #fff7f6;
}
.application_btns .application_btn02:hover {
  color: #f24837;
}

.application_btns .application_btn01::before,
.application_btns .application_btn02::before {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
}
.application_btns .application_btn01::before {
  background: url("../img/ico_check.svg") center no-repeat;
}
.application_btns .application_btn02::before {
  background: url("../img/ico_cancel.svg") center no-repeat;
}

/* #program_application - program_w */
.view_page_title {
  color: var(--color-primary_dark, #1a3050);
  font-family: Paperlogy;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 107.143%;
  letter-spacing: -0.84px;
  text-align: center;
  padding-bottom: 20px;
}
#program_application.view {
  width: 1080px;
  margin: 0 auto;
}
#program_application .program_w {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 25px 80px;
}
#program_application .program_w ul {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-items: flex-start;
  width: calc(50% - 40px);
}
#program_application .program_w .w_input_ti {
  width: 150px;
  flex-shrink: 0;
}
#program_application .program_w .w_input_ti label {
  color: var(--gray-700, #333);
  font-family: Pretendard;
  font-size: 0.9rem;
  font-style: normal;
  font-weight: 700;
  line-height: 127.778%;
}
#program_application .program_w .input_ti {
  color: var(--color-dark_text, #222);
  font-family: Pretendard;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
}
#program_application .program_w .companion_wrap {
}
#program_application .program_w .companion_wrap::before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  border-top: 2px dashed #ddd;
  margin: 30px 0;
}
#program_application .program_w .companion_info {
  width: 100%;
}
#program_application .program_w .companion_info .option-wrap {
  width: 100%;
  display: flex;
  padding: 20px;
  align-items: flex-start;
  gap: 80px;
  flex: 1 0 0;
  border-radius: 15px;
  background: var(--gray-200, #f7f7f7);
}
#program_application .program_w .companion_info .option-wrap li {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 15px 80px;
  width: 100%;
}
#program_application .program_w .companion_info .option-wrap .input_ti {
  width: calc(50% - 40px);
}
#program_application .program_w .companion_info .option-wrap .input_ti span {
  display: inline-block;
  width: 150px;
  font-size: 0.9rem;
  font-style: normal;
  font-weight: 700;
}
#bo_v_top.view_p_btn {
}
#bo_v_top.view_p_btn .btn_bo_user {
  margin-top: 0;
  justify-content: center;
}
#bo_v_top.view_p_btn .btn_bo_user .option_btn {
  display: flex;
  align-items: center;
  border-radius: 999px;
  border: 1px solid #ddd;
  background: #fff;
  padding: 10px 20px;
  color: #333;
  font-size: 0.8rem;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: -0.48px;
}
#bo_v_top.view_p_btn .btn_bo_user .option_btn:hover {
  background: #333;
  color: #fff;
}

/* application_finish */
.finish_txt_box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
  align-self: stretch;
}
.finish_txt_box .finish_ti {
  color: var(--color-primary_dark, #1a3050);
  text-align: center;
  font-family: Paperlogy;
  font-size: 1.7rem;
  font-style: normal;
  font-weight: 600;
  line-height: 88.235%;
  letter-spacing: -1.02px;
}
.finish_txt_box .finish_co {
  color: var(--gray-800, #111);
  text-align: center;
  font-family: Paperlogy;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 400;
  line-height: 133.333%;
}
.finish_btns {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 30px;
  align-self: stretch;
}
.finish_btns a {
  display: flex;
  width: 300px;
  min-width: 300px;
  padding: 15px 15px 15px 20px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border-radius: 10px;
  color: var(--gray-700, #333);
  text-align: center;
  font-family: Paperlogy;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.6px;
}
.finish_btns .goto_list_btn {
  border: 1px solid var(--gray-400, #ddd);
  background: var(--gray-200, #f7f7f7);
}
.finish_btns .update_btn {
  border: 1px solid var(--color-primary_main, #00b4cd);
  background: var(--color-primary_light, #f5feff);
}

#application_finish .finish_box {
  display: flex;
  flex-direction: column;
  gap: 30px;
  width: 100%;
  margin: auto;
}
#application_finish .finish_box .finish_text {
  display: flex;
  flex-direction: column;
  gap: 41px;
}
#application_finish .finish_box .finish_text .finish_ti {
  font-size: 1.66em;
  font-weight: 700;
  line-height: 1.33;
  text-align: center;
}
#application_finish .finish_box .finish_text .finish_ti span {
  font-weight: 400;
  display: block;
}
#application_finish .finish_box .finish_text .finish_co {
  font-size: 1em;
  font-weight: 400;
  line-height: 1.66;
  text-align: center;
  color: #222;
  position: relative;
}
#application_finish .finish_box .finish_text .finish_co::before {
  content: "";
  width: 90%;
  max-width: 500px;
  height: 1px;
  background-color: #ddd;
  position: absolute;
  left: 50%;
  top: -21px;
  transform: translateX(-50%);
}
/*예약 동의안내페이지 버튼*/
#application_agree_btn {
}
#application_agree_btn .agree_btn_box .agree_btns {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 30px;
}
#application_agree_btn .agree_btn_box .agree_btns a,
#application_agree_btn .agree_btn_box .agree_btns button {
  display: flex;
  min-width: 100px;
  padding: 10px 15px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  color: var(--gray-800, #111);
  font-family: Pretendard;
  font-size: 1rem;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
}
#application_agree_btn .agree_btn_box .agree_btns .agree_btn01 {
  border-bottom: 1px solid var(--color-primary_main, #00b4cd);
  background: #e5fcff;
}
#application_agree_btn .agree_btn_box .agree_btns .agree_btn02 {
  border-bottom: 1px solid var(--color-tertiary, #f24837);
  background: #fff7f6;
}
#application_agree_btn .agree_btn_box .agree_btns .agree_btn01::before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url("../img/ico_check.svg") center no-repeat;
}
#application_agree_btn .agree_btn_box .agree_btns .agree_btn02::before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  background: url("../img/ico_cancel.svg") center no-repeat;
}
#application_agree_btn .agree_btn_box .agree_btns .agree_btn01:hover {
  color: #00b4cd;
}
#application_agree_btn .agree_btn_box .agree_btns .agree_btn02:hover {
  color: #f24837;
}

.inlineWrap > .option-wrap {
  display: inline-block;
}

/* jQuery 달력 스타일 변경 시작 */
#ui-datepicker-div {
  padding: 0px !important;
  border-radius: 5px;
  overflow: hidden;
  min-width: 270px;
}
#ui-datepicker-div table {
  width: 98%;
  margin: 0 auto;
}
#ui-datepicker-div td span,
#ui-datepicker-div td a {
  text-align: center !important;
  border-radius: 3px;
}
#ui-datepicker-div .ui-datepicker-prev,
#ui-datepicker-div .ui-datepicker-next {
  top: 11px !important;
  cursor: pointer;
}
#ui-datepicker-div th:first-child {
  color: red !important;
}
#ui-datepicker-div th:last-child {
  color: blue !important;
}
#ui-datepicker-div td:first-child a {
  color: red;
}
#ui-datepicker-div td:last-child a {
  color: blue;
}
#ui-datepicker-div td span,
#ui-datepicker-div td a:hover {
  background: #dd6666 !important;
  color: #fff !important;
  border: 1px solid #dd6666 !important;
}
#ui-datepicker-div .ui-datepicker-header {
  border: 0px;
  border-radius: 0;
  border-bottom: 1px solid #aaa;
  padding: 8px 0px;
}
#ui-datepicker-div .ui-state-highlight,
#ui-datepicker-div .ui-widget-content .ui-state-highlight,
#ui-datepicker-div .ui-widget-header .ui-state-highlight {
  background: #0089d2 !important;
  border: 1px solid #0089d2 !important;
  color: #fff !important;
}
#ui-datepicker-div .ui-state-default,
#ui-datepicker-div .ui-widget-content .ui-state-default,
#ui-datepicker-div .ui-widget-header .ui-state-default {
  padding: 6px;
  font-size: 16px;
}
#ui-datepicker-div .ui-datepicker-title select {
  outline: none;
  height: 30px;
  border-radius: 3px;
  cursor: pointer;
  font-size: 14px;
  padding: 0 10px;
}
#ui-datepicker-div .ui-datepicker-year {
  margin-right: 3px;
}
/* jQuery 달력 스타일 변경 끝 */

/* 반응형 미디어쿼리 css */
@media (max-width: 1680px) {
  #program_list
    #program_experience
    .experience_cont
    .experience_list
    .list_box
    .list_ti {
    font-size: 1em;
  }
  #program_list
    #program_experience
    .experience_cont
    .experience_list
    .list_box
    .list_co {
    font-size: 1em;
  }
  #program_list #program_calendar {
    max-width: 100%;
    flex: 2;
  }
}
@media (max-width: 1440px) {
  #program_application .program_w .w_input ul .w_input_co label {
    gap: 5px;
  }
  #program_application .program_w .w_input ul .w_input_co .radio_wrap {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
  #program_application .companion_wrap .btn_add_wrap {
    bottom: 0px;
  }
}
@media (max-width: 1200px) {
  #program_list
    #program_experience
    .experience_cont
    .experience_list
    .list_box
    a {
    padding: 15px 10px;
  }
  #program_list
    #program_experience
    .experience_cont
    .experience_none
    .none_text
    p {
    font-size: 1em;
  }

  #program_application
    .program_w
    .w_input
    ul
    .w_input_co.plus_input_wrap
    input[type="text"] {
    max-width: 100%;
  }
  #program_application .program_w .companion_wrap .more_btn {
    top: auto;
    bottom: 20px;
  }
  #program_application .w_input ul .w_input_ti {
    width: 200px;
  }
}
@media (max-width: 1024px) {
  #golf_context .golf_apply_info {
    flex-direction: column;
  }
  #golf_context .golf_apply_info {
    padding-right: 30px;
  }
  #golf_context .golf_apply_info .golf_apply_info_cont {
    padding-left: 30px;
  }
  #program_application .companion_info .companion_box li {
    flex-direction: column;
    gap: 10px;
  }
  #program_application .companion_info .companion_box .option-wrap li {
    flex-direction: row;
  }
  #program_application
    .companion_info
    .companion_box
    li
    .companion_box_inner.inner2 {
    justify-content: flex-start;
  }
  #program_application
    .companion_info
    .companion_box
    li
    .companion_box_inner.inner2
    .option-wrap {
    padding: 15px;
  }
  #program_application .companion_wrap .btn_add_wrap {
    bottom: 135px;
  }
  #program_application.view {
    width: 95%;
  }
  .view_page_title {
    padding-bottom: 0;
  }
  .finish_txt_box {
    gap: 0px;
  }
  .finish_txt_box .finish_co {
    padding: 0 100px;
  }
}
@media (max-width: 991px) {
  #golf_context .golf_info_wrap {
    flex-direction: column;
    gap: 10px;
  }
  #golf_context .golf_info_wrap .golf_call {
    align-self: flex-end;
  }

  #golf_context .golf_wrap .golf_double_box {
    flex-direction: column;
    align-items: flex-start;
  }
  #golf_context .golf_wrap .golf_double_box .golf_box .golf_ti {
    text-align: left;
  }

  #program_application .agree .agree_sign p {
    font-size: 0.88em;
  }
  #program_application .agree .agree_sign input[type="text"] {
    max-width: 160px;
  }
}
@media (max-width: 768px) {
  #program_context .program_step {
    gap: 10px;
  }
  #program_context .program_step .step::after {
    display: none;
  }
  #program_context .program_info {
    padding: 30px;
  }

  #golf_context .golf_apply_info .golf_apply_info_cont .apply_info_box {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
  }

  #program_list {
    flex-direction: column;
  }

  #program_list
    #program_experience
    .experience_cont
    .experience_none
    .none_img
    svg {
    width: 60px;
    height: auto;
  }
  #program_list
    #program_experience
    .experience_cont
    .experience_none
    .none_text
    p {
    width: 100%;
    max-width: 290px;
  }
  #program_list
    #program_experience
    .experience_cont
    .experience_none
    .none_text
    p
    br {
    display: none;
  }
  #program_application .program_w ul {
    width: 100%;
  }
  #program_application .program_w .w_input_ti {
    width: 120px;
  }
  #program_application .program_w .companion_info {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
  }
  #program_application .program_w .companion_info .option-wrap .input_ti {
    width: 100%;
  }
  #program_application .program_w .companion_info .option-wrap .input_ti span {
    width: 120px;
  }
  .finish_btns {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    align-self: stretch;
    flex-direction: column;
  }
}
@media (max-width: 640px) {
  #golf_context .golf_guide {
    padding: 0 20px 20px;
  }
  #golf_context .golf_guide .golf_guide_title p {
    font-size: 20px;
  }
  #golf_context .golf_wrap .golf_box .golf_text {
    flex-direction: column;
    gap: 5px;
  }

  #golf_context .golf_wrap .golf_box {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  #golf_context .golf_apply_info {
    padding-right: 20px;
  }
  #golf_context .golf_apply_info .golf_apply_info_cont {
    padding-left: 20px;
  }
  #golf_context .golf_apply_info .golf_apply_info_cont .apply_info_box {
    gap: 10px;
  }
  #golf_context
    .golf_apply_info
    .golf_apply_info_cont
    .apply_info_box
    .apply_info_box_wrap {
    flex-direction: column;
    gap: 5px;
    align-items: flex-start;
    width: 100%;
  }
  #golf_context
    .golf_apply_info
    .golf_apply_info_cont
    .apply_info_box
    .apply_info_co {
    width: 100%;
  }

  #program_list
    #program_experience
    .experience_cont
    .experience_list
    .list_box
    .list_co {
    font-size: 0.875em;
  }

  #program_list
    #program_experience
    .experience_cont
    .experience_none
    .none_img
    svg {
    width: 50px;
  }
  #program_list
    #program_experience
    .experience_cont
    .experience_none
    .none_text
    p {
    font-size: 0.875em;
  }

  #program_application .agree .agree_sign {
    gap: 10px;
  }

  #program_application .program_w .w_input ul {
    flex-direction: column;
  }
  #program_application .program_w .w_input ul .w_input_ti {
    width: 100%;
  }
  #program_application .program_w .w_input ul .w_input_co input[type="text"],
  #program_application
    .program_w
    .w_input
    ul
    .w_input_co
    input[type="password"] {
    max-width: 100%;
  }

  #program_application .program_w .companion_wrap .more_btn {
    bottom: auto;
    top: 5px;
  }
  #program_application .w_input {
    gap: 10px;
    padding-top: 20px;
  }
  #program_application .w_input ul {
    flex-direction: column;
    gap: 0px;
    min-height: initial;
  }
  #program_application .w_input ul .w_input_ti {
    padding: 0px;
  }
  #program_application .w_input ul .w_input_ti label {
    font-size: 1.1rem;
  }
  #program_application .w_input ul .w_input_co input[type="text"],
  #program_application .w_input ul .w_input_co input[type="password"],
  #program_application .w_input ul .w_input_co input[type="date"] {
    width: 100%;
  }
  #program_application .w_input ul .w_input_co .date-btn {
    left: calc(100% - (25px + 20px));
  }
  #program_application .w_input_co .option-wrap {
    flex-direction: row;
    padding: 8px 0;
  }
  #program_application .w_input_co .input_ti {
    padding: 8px 0;
  }
  #program_application .w_input_co .mini_info_box {
    position: initial;
  }
  #program_application
    .companion_info
    .w_input_co
    .companion_box
    input[type="text"] {
    width: 100%;
    max-width: initial;
  }
  #program_application .companion_wrap .btn_add_wrap {
    position: initial;
  }
  /*수정되면 삭제*/
  #program_application .w_input ul .w_input_co.time p {
    display: none;
  }
}
@media (max-width: 480px) {
  #program_application .agree .agree_sign {
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
  }
}
@media (max-width: 320px) {
}