@charset "UTF-8";
/* 아이콘 */
.mask {
  position: relative;
  display: block;
}

.mask::after {
  position: absolute;
  display: block;
  content: "";
  left: 0px;
  top: 50%;
  transform: translateY(-50%);
}

.ico_search.mask {
  width: 36px;
  height: 36px;
  background-color: black;
  -webkit-mask: url(../img/ico/ico_search.svg) no-repeat center/100%;
          mask: url(../img/ico/ico_search.svg) no-repeat center/100%;
  display: inline-block;
  cursor: pointer;
  padding: 2px;
}

.ico_link.mask {
  width: 36px;
  height: 36px;
  background-color: black;
  -webkit-mask: url(../img/ico/ico_link.svg) no-repeat center/100%;
          mask: url(../img/ico/ico_link.svg) no-repeat center/100%;
  display: inline-block;
  cursor: pointer;
  padding: 2px;
}

.ico_search.mask.white {
  width: 36px;
  height: 36px;
  background-color: white;
  -webkit-mask: url(../img/ico/ico_search.svg) no-repeat center/100%;
}

.ico_clock.mask.white {
  width: 16px;
  height: 16px;
  background-color: white;
  -webkit-mask: url(../img/ico/ico_clock.svg) no-repeat center/100%;
}

.ico_arrow_right.mask.white {
  width: 16px;
  height: 16px;
  background-color: white;
  -webkit-mask: url(../img/ico/ico_arrow_right.svg) no-repeat center/100%;
}

.ico_menu.mask {
  width: 21px;
  height: 36px;
  background-color: black;
  -webkit-mask: url(../img/ico/ico_menu.svg) no-repeat center/100%;
}

.ico_pause.mask {
  width: 21px;
  height: 16px;
  background-color: black;
  -webkit-mask: url(../img/ico/ico_pause.svg) no-repeat center/100%;
}

.ico_play.mask {
  width: 21px;
  height: 16px;
  background-color: black;
  -webkit-mask: url(../img/ico/ico_play.svg) no-repeat center/100%;
}

.ico_plus.mask {
  width: 16px;
  height: 16px;
  background-color: black;
  -webkit-mask: url(../img/ico/ico_plus.svg) no-repeat center/100%;
}

.ico_f1.mask {
  width: 16px;
  height: 16px;
  background-color: black;
  -webkit-mask: url(../img/ico/ico_f1.svg) no-repeat center/100%;
}

.ico_f2.mask {
  width: 16px;
  height: 16px;
  background-color: black;
  -webkit-mask: url(../img/ico/ico_f2.svg) no-repeat center/100%;
}

.ico_f3.mask {
  width: 16px;
  height: 16px;
  background-color: black;
  -webkit-mask: url(../img/ico/ico_f3.svg) no-repeat center/100%;
}

.ico_f4.mask {
  width: 16px;
  height: 16px;
  background-color: black;
  -webkit-mask: url(../img/ico/ico_f4.svg) no-repeat center/100%;
}

.ico_f5.mask {
  width: 16px;
  height: 16px;
  background-color: black;
  -webkit-mask: url(../img/ico/ico_f5.svg) no-repeat center/100%;
}

.ico_f6.mask {
  width: 16px;
  height: 16px;
  background-color: black;
  -webkit-mask: url(../img/ico/ico_f6.svg) no-repeat center/100%;
}

.read_more {
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  flex-shrink: 0;
  margin-left: 20px;
}

.total_menu_wrap {
  display: none;
}

header .util_wrap {
  display: flex;
  gap: 20px;
}

.container {
  min-height: calc(100% - 298px);
}

.main_wrap .sec_top {
  z-index: 1;
  position: relative;
  display: flex;
  margin: 0 auto 26px;
  max-width: 1920px;
  padding-left: 80px;
  padding-right: 80px;
  justify-content: space-between;
}
.main_wrap .sec_top h2 {
  color: var(---mian_indigo700, #2A2E43);
  font-family: var(---font_family_body, Pretendard);
  font-size: var(---font_title_l, 28px);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: var(---font_spacing_body, -1px);
}
.main_wrap .swiper-controls {
  margin-left: 8px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.main_wrap .swiper-controls > * {
  height: 16px;
}
.main_wrap .slide_info_wrap {
  display: flex;
  align-items: center;
}
.main_wrap .swiper-pagination {
  line-height: 23px;
  bottom: auto;
  top: auto;
  position: relative;
  color: #FFF;
  text-align: center;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  padding: 4px 8px;
  background-color: #2a2a2a;
  border-radius: 100px;
}
.main_wrap .swiper-button-prev {
  font-size: 0px;
  position: relative;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
  margin-top: 0;
  font-weight: 700;
  background:url(../img/ico/arrow_prev2.svg) no-repeat center;
  background-size:100%;
}
.main_wrap .swiper-button-prev::after {
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
  color: black;
  font-size: 14px;
}
.main_wrap .swiper-button-next {
  margin-top: 0;
  font-size: 0px;
  position: relative;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
  font-weight: 700;
  background:url(../img/ico/arrow_next.svg) no-repeat center;
  background-size:100%;
}
.main_wrap .swiper-button-next::after {
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
  color: black;
  font-size: 14px;
}

.sec01 {
  display: flex;
}

.sec01 .left_wrap strong {
  color: #2A2E43;
  font-size: var(---font_heading_m, 36px);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: var(---font_spacing_body, -1px);
}

.sec01 .left_wrap strong .bold {
  color: #2A2E43;
  font-size: var(---font_heading_m, 36px);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: var(---font_spacing_body, -1px);
}

.sec01 {
  background: linear-gradient(#fff, #f1f3fa);
}
.sec01 .left_wrap {
  width: 50%;
  background: white url(../img/bg/main_bg1.png) no-repeat right center/cover;
  margin-right: -40px;
  padding: 110px 0 140px 150px;
  border-radius: 0px 500px 500px 0px;
  margin-top: 35px;
}
.sec01 .left_wrap .input_wrap {
  margin-top: 20px;
  max-width: 460px;
  display: flex;
  border-radius: 100px;
  border: 1px solid rgba(42, 46, 67, 0.1);
  align-items: center;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 32px;
  padding-right: 32px;
  justify-content: space-between;
}
.sec01 .left_wrap .input_wrap input {
  background: transparent;
  padding: 0;
  width: calc(100% - 75px);
  border: transparent;
}
.sec01 .left_wrap .input_wrap input::-moz-placeholder {
  color: var(---mian_indigo700, #2A2E43);
  font-size: var(---font_body_l, 20px);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.sec01 .left_wrap .input_wrap input::placeholder {
  color: var(---mian_indigo700, #2A2E43);
  font-size: var(---font_body_l, 20px);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.sec01 .right_wrap {
  width: calc(50% + 40px);
  border-radius: 500px 0px 0px 500px;
  padding: 3px 0 3px 3px;
  /* 테두리 두께 */
  background: linear-gradient(45deg, #c40051, #004bdc);
  /* 그라디언트 테두리 */
  display: inline-block;
  /* boxshodow_lg */
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  height: 409px;
}
.sec01 .right_wrap .right_inner {
  padding: 90px;
  width: 100%;
  background: white;
  border-radius: 500px 0px 0px 500px;
  height: 100%;
}
.sec01 .right_wrap .right_inner strong {
  display: flex;
  color: var(---mian_indigo700, #2A2E43);
  font-size: var(---font_title_xl, 32px);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: var(---font_spacing_body, -1px);
  margin-bottom: 20px;
}
.sec01 .right_wrap .right_inner strong .bold {
  font-weight: 700;
}
.sec01 .right_wrap .right_inner .select_step_wrap {
  display: flex;
  gap: 32px;
  margin-bottom: 24px;
}
.sec01 .right_wrap .right_inner .select_step_wrap .small_txt {
  color: var(--gray-600, #777676);
  font-family: var(---font_family_body, Pretendard);
  font-size: var(---font_body_xs, 15px);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: var(---font_spacing_body, -1px);
  margin-bottom: 8px;
}
.sec01 .right_wrap .right_inner .select_step_wrap .step_box {
  width: calc(33% - 21.33px);
  position: relative;
}
.sec01 .right_wrap .right_inner .select_step_wrap .step_box::after {
  width: 24px;
  height: 24px;
  background: url(../img/ico/ico_arrow.svg) no-repeat center/24px;
  content: "";
  display: block;
  position: absolute;
  top: calc(50% + 12px);
  transform: translateY(-50%);
  left: -28px;
}
.sec01 .right_wrap .right_inner .select_step_wrap .step_box:first-of-type::after {
  display: none;
}
.sec01 .right_wrap .right_inner .select_step_wrap .select_wrap {
  border-radius: var(--boder_radius_s, 8px);
  background: var(---gray_150, #F5F5F5);
}
.sec01 .right_wrap .right_inner .select_step_wrap .select_wrap select {
  padding: 17px 20px;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  color: var(--gray-600, #777676);
  text-overflow: ellipsis;
  font-family: var(---font_family_body, Pretendard);
  font-size: var(---font_body_m, 18px);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: var(---font_spacing_body, -1px);
  width: 100%;
}
.sec01 .right_wrap .full_btn {
  border-radius: var(--boder_radius_s, 8px);
  background: var(---mian_indigo700, #2A2E43);
  width: 100%;
  display: flex;
  color: white;
  align-items: center;
  justify-content: center;
  color: var(---white, #FFF);
  text-align: center;
  font-family: "Pretendard";
  font-size: var(---, 18px);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: var(---font_spacing_body, -1px);
  padding-top: 16px;
  padding-bottom: 16px;
  gap: 4px;
}
.sec01 .right_wrap .full_btn:focus-visible {
  outline: 2px dotted white;
}
.sec01 .right_wrap .full_btn .ico_search {
  width: 22px;
  height: 22px;
}

.sec02 {
  background-color: #f1f3fa;
  padding-top: 60px;
  padding-bottom: 60px;
  overflow: hidden;
  position: relative;
}
.sec02::after {
  width: 50%;
  background: #f8f9fd;
  opacity: 0.7;
  position: absolute;
  content: "";
  display: block;
  height: 100%;
  z-index: 0;
  top: 0px;
  border-radius: 0px 100px 0px 0px;
}
.sec02 .program_list div a {
  border-radius: var(--boder_radius_m, 20px);
  border: 1px solid #D3D9EC;
  background: #FFF;
  display: block;
  padding: 32px;
  background: white;
}
.sec02 .program_list div a .tag {
  border-radius: 100px;
  width: -moz-fit-content;
  width: fit-content;
  border: 1px solid var(--main-pink-500, #C40051);
  padding: 4px 8px;
  color: var(--main-pink-500, #C40051);
  font-size: var(---font_body_xs, 15px);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: var(---font_spacing_body, -1px);
}
.sec02 .program_list div a .tit {
  margin-top: 4px;
  overflow: hidden;
  color: var(--gray-850, #1F1F1F);
  text-overflow: ellipsis;
  font-family: var(---font_family_body, Pretendard);
  font-size: var(---font_body_xxl, 24px);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: var(---font_spacing_body, -1px);
}
.sec02 .program_list div a .dl_wrap {
  margin-top: 18px;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.sec02 .program_list div a .dl_wrap dl {
  display: flex;
  gap: 8px;
}
.sec02 .program_list div a .dl_wrap dl dt {
  color: var(---gray_750, #3F3F3F);
  font-family: var(---font_family_body, Pretendard);
  font-size: var(---font_body_xs, 15px);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: var(---font_spacing_body, -1px);
}
.sec02 .program_list div a .dl_wrap dl dd {
  color: var(---gray_550, #858585);
  font-family: var(---font_family_body, Pretendard);
  font-size: var(---font_body_xs, 15px);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: var(---font_spacing_body, -1px);
}
.sec02 .program_list div a .now_txt {
  color: var(--main-pink-500, #C40051);
  font-family: var(---font_family_body, Pretendard);
  font-size: var(---font_body_s, 16px);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  position: absolute;
  right: 0px;
  bottom: 0px;
  padding-right: 10px;
  padding-bottom: 20px;
  border-bottom: 2px solid #c40051;
  border-right: 2px solid #c40051;
  letter-spacing: var(---font_spacing_body, -1px);
  border-bottom-right-radius: 20px;
  padding-top: 20px;
}
.sec02 .program_list div a .now_txt.closed {
  padding-top: 10px;
  padding-bottom: 10px;
  color: #858585;
  border-color: #858585;
  padding-left: 10px;
}

.sec03 {
  background-repeat: no-repeat;
  background-image: url(../img/bg/sec03_bg.svg);
  padding-bottom: 60px;
}
.sec03 .sec_inner {
  margin: 0 auto;
  max-width: 1920px;
  padding-left: 80px;
  padding-right: 80px;
}
.sec03 .tit_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 74px;
  padding-bottom: 20px;
}
.sec03 .tit_wrap .tit {
  color: var(---mian_indigo700, #2A2E43);
  font-family: var(---font_family_body, Pretendard);
  font-size: var(---font_title_l, 28px);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: var(---font_spacing_body, -1px);
}
.sec03 .facilities_wrap .fa_list_wrap1 {
  display: flex;
  gap: 12px;
  flex: 1 1 auto;
}
.sec03 .facilities_wrap .fa_list_wrap1 > li {
  border-radius: var(--boder_radius_m, 20px);
  background: var(---main_indigo100, #F1F3FA);
  max-width: 160px;
  width: 100%;
  min-height: 336px;
  max-height: 410px;
}
.sec03 .facilities_wrap .fa_list_wrap1 > li .fa_list_wrap2 {
  width: 0px;
  overflow: hidden;
}
.sec03 .facilities_wrap .fa_list_wrap1 > li .li_txt {
  overflow: hidden;
  color: var(---mian_indigo700, #2A2E43);
  text-overflow: ellipsis;
  font-family: var(---font_family_body, Pretendard);
  font-size: var(---font_body_xl, 22px);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: var(---font_spacing_body, -1px);
  align-items: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 8px;
}
.sec03 .facilities_wrap .fa_list_wrap1 > li .li_txt .mask {
  width: 24px;
  height: 24px;
}
.sec03 .facilities_wrap .fa_list_wrap1 > li.on {
  transition: width 0.3s ease;
  padding: 40px;
  overflow: hidden;
  max-width: unset;
  flex-grow: 1;
}
.sec03 .facilities_wrap .fa_list_wrap1 > li.on .li_txt {
  display: none;
}
.sec03 .facilities_wrap .fa_list_wrap1 > li.on .fa_list_wrap2 {
  overflow: hidden;
  width: auto;
  transition: width 0.3s ease;
}
.sec03 .facilities_wrap .fa_list_wrap1 > li.on .fa_list_wrap2 .sub_tit {
  overflow: hidden;
  color: var(---white, #FFF);
  text-overflow: ellipsis;
  font-family: var(---font_family_body, Pretendard);
  font-size: var(---font_body_xxl, 24px);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: var(---font_spacing_body, -1px);
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.sec03 .facilities_wrap .fa_list_wrap1 > li.on .fa_list_wrap2 .sub_tit .mask {
  background-color: white !important;
  width: 16px;
  height: 16px;
}
.sec03 .facilities_wrap .fa_list_wrap1 > li.on .fa_list_wrap2 ul {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.sec03 .facilities_wrap .fa_list_wrap1 > li.on .fa_list_wrap2 ul li a {
  overflow: hidden;
  color: var(---main_indigo500, #3A3D4E);
  text-overflow: ellipsis;
  font-family: var(---font_family_body, Pretendard);
  font-size: var(---font_body_s, 16px);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: var(---font_spacing_body, -1px);
  background: white;
  display: inline-block;
  border-radius: var(--boder_radius_s, 8px);
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: var(---white, #FFF);
  position: relative;
  padding-right: 20px !important;
}
.sec03 .facilities_wrap .fa_list_wrap1 > li.on .fa_list_wrap2 ul li a:focus-visible {
  outline: 2px dotted blue;
  outline-offset: -2px;
}
.sec03 .facilities_wrap .fa_list_wrap1 > li.on .fa_list_wrap2 ul li a::after {
  position: absolute;
  content: "";
  display: block;
  top: 50%;
  background: url(../img/ico/ico_arrow-narrow-up-right.svg) no-repeat center/100%;
  right: 12px;
  width: 16px;
  height: 16px;
  transform: translateY(-50%);
}
.sec03 .facilities_wrap .fa_list_wrap1 > li:nth-child(1).on {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), #3A3D4E url(../img/bg/progarm_bg1.svg) no-repeat center/cover;
}
.sec03 .facilities_wrap .fa_list_wrap1 > li:nth-child(1).on .fa_list_wrap2 ul li {
  width: calc(33% - 7.3px);
}
.sec03 .facilities_wrap .fa_list_wrap1 > li:nth-child(1).on .fa_list_wrap2 ul li a {
  width: 100%;
  padding: 12px;
}
.sec03 .facilities_wrap .fa_list_wrap1 > li:nth-child(2).on {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), #3A3D4E url(../img/bg/progarm_bg2.svg) no-repeat center/cover;
}
.sec03 .facilities_wrap .fa_list_wrap1 > li:nth-child(2).on .fa_list_wrap2 ul li {
  width: calc(33% - 7.3px);
}
.sec03 .facilities_wrap .fa_list_wrap1 > li:nth-child(2).on .fa_list_wrap2 ul li a {
  width: 100%;
  padding: 12px;
}
.sec03 .facilities_wrap .fa_list_wrap1 > li:nth-child(3).on {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), #3A3D4E url(../img/bg/progarm_bg3.svg) no-repeat center/cover;
}
.sec03 .facilities_wrap .fa_list_wrap1 > li:nth-child(3).on .fa_list_wrap2 ul li {
  width: calc(33% - 7.3px);
}
.sec03 .facilities_wrap .fa_list_wrap1 > li:nth-child(3).on .fa_list_wrap2 ul li a {
  width: 100%;
  padding: 12px;
}
.sec03 .facilities_wrap .fa_list_wrap1 > li:nth-child(4).on {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), #3A3D4E url(../img/bg/progarm_bg4.svg) no-repeat center/cover;
}
.sec03 .facilities_wrap .fa_list_wrap1 > li:nth-child(4).on .fa_list_wrap2 ul li {
  width: calc(33% - 7.3px);
}
.sec03 .facilities_wrap .fa_list_wrap1 > li:nth-child(4).on .fa_list_wrap2 ul li a {
  width: 100%;
  padding: 12px;
}
.sec03 .facilities_wrap .fa_list_wrap1 > li:nth-child(5).on {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), #3A3D4E url(../img/bg/progarm_bg5.svg) no-repeat center/cover;
}
.sec03 .facilities_wrap .fa_list_wrap1 > li:nth-child(5).on .fa_list_wrap2 ul li {
  width: calc(33% - 7.3px);
}
.sec03 .facilities_wrap .fa_list_wrap1 > li:nth-child(5).on .fa_list_wrap2 ul li a {
  width: 100%;
  padding: 12px;
}
.sec03 .facilities_wrap .fa_list_wrap1 > li:nth-child(6).on {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%), #3A3D4E url(../img/bg/progarm_bg6.svg) no-repeat center/cover;
}
.sec03 .facilities_wrap .fa_list_wrap1 > li:nth-child(6).on .fa_list_wrap2 ul li {
  width: calc(25% - 9px);
}
.sec03 .facilities_wrap .fa_list_wrap1 > li:nth-child(6).on .fa_list_wrap2 ul li a {
  width: 100%;
  padding: 12px;
}

.sec04 {
  background: var(---gray_100, #F9FAFB);
  padding-top: 80px;
  padding-bottom: 80px;
}
.sec04 .sec04_inner {
  display: flex;
  gap: 40px;
  max-width: 1920px;
  padding-right: 80px;
  padding-left: 80px;
  margin: 0 auto;
}
.sec04 .sec_top {
  padding: 0;
}
.sec04 .left_wrap {
  width: 40%;
  flex-shrink: 0;
  overflow: hidden;
  min-width: 500px;
}
.sec04 .left_wrap .mainSwiper2 {
  min-height: 200px;
}
.sec04 .left_wrap .mainSwiper2 a {
  display: block;
  width: 100%;
  height: 100%;
  height: 100%;
}
.sec04 .left_wrap .mainSwiper2 a img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.sec04 .right_wrap {
  display: flex;
  width: 60%;
  flex-shrink: 1;
  flex-direction: column;
}
.sec04 .right_wrap .link_wrap ul {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
}
.sec04 .right_wrap .link_wrap ul li {
  width: calc(33% - 16px);
}
.sec04 .right_wrap .link_wrap ul li a {
  height: 170px;
  background-color: white;
  color: var(--gray-850, #1F1F1F);
  text-align: center;
  font-family: var(---font_family_body, Pretendard);
  font-size: var(---font_body_l, 20px);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: var(---font_spacing_body, -1px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: var(--boder_radius_m, 20px);
  border: 1px solid var(---main_indigo100, #F1F3FA);
  background: var(---white, #FFF);
  /* boxshodow_lg */
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
  padding-top: 70px;
}
.sec04 .right_wrap .link_wrap ul li:nth-child(1) a {
  background: url(../img/ico/ico_edu1.png) no-repeat center 30px/60px;
}
.sec04 .right_wrap .link_wrap ul li:nth-child(2) a {
  background: url(../img/ico/ico_edu2.png) no-repeat center 40px/60px;
}
.sec04 .right_wrap .link_wrap ul li:nth-child(3) a {
  background: url(../img/ico/ico_edu3.png) no-repeat center 30px/60px;
}
.sec04 .right_wrap .link_wrap ul li:nth-child(4) a {
  background: url(../img/ico/ico_edu4.png) no-repeat center 30px/60px;
}
.sec04 .right_wrap .link_wrap ul li:nth-child(5) a {
  background: url(../img/ico/ico_edu5.png) no-repeat center 30px/60px;
}
.sec04 .right_wrap .link_wrap ul li:nth-child(6) a {
  background: url(../img/ico/ico_edu6.png) no-repeat center 30px/60px;
}

.sub_con {
  max-width: 1920px;
  padding-right: 80px;
  padding-left: 80px;
  margin: 0 auto;
}
.sub_con .tit_wrap {
  padding-top: 60px;
  padding-bottom: 60px;
}
.sub_con .tit_wrap h2 {
  text-align: center;
  color: #262A30;
  font-family: var(---font_family_body, Pretendard);
  font-size: var(---font_title_xl, 32px);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-bottom: 4px;
}
.sub_con .tit_wrap p {
  text-align: center;
  color: var(---gray_550, #858585);
  font-family: var(---font_family_body, Pretendard);
  font-size: var(---font_body_m, 18px);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: var(---font_spacing_body, -1px);
}

.sub_wrap .sub_top_wrap {
  background:#d9e3f6 url("../img/bg/top_bg.png")center center repeat-x;
  background-size:auto 100%;
  padding-right: 80px;
  padding-left: 80px;
}
.sub_wrap .sub_top_wrap .sub_top_inner {
  display: flex;
  padding-top: 14px;
  padding-bottom: 14px;
  justify-content: space-between;
  align-items: center;
}
.sub_wrap .sub_top_wrap .sub_top_inner .breadcrumb_wrap {
  display: flex;
  gap: 44px;
  align-items: center;
  position: relative;
}
.sub_wrap .sub_top_wrap .sub_top_inner .breadcrumb_wrap a {
  display: inline-block;
  color: var(---gray_900, #111);
  text-align: justify;
  font-family: var(---font_family_body, Pretendard);
  font-size: var(---font_body_m, 18px);
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  letter-spacing: var(---font_spacing_body, -1px);
}
.sub_wrap .sub_top_wrap .sub_top_inner .breadcrumb_wrap a.main_go {
  width: 20px;
  height: 20px;
  background: url(../img/ico/ico_home.svg) no-repeat center/cover;
}
.sub_wrap .sub_top_wrap .sub_top_inner .breadcrumb_wrap a.main_go::after {
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 15px;
  top: 50%;
  transform: translateY(-50%);
  left: 35px;
  background: url(../img/ico/ico_chevron.svg) no-repeat center/cover;
  transform: translateY(-50%) rotate(-90deg);
}
.sub_wrap .sub_top_wrap .sub_top_inner .breadcrumb_wrap a.breadcrumb2 {
  position: relative;
}
.sub_wrap .sub_top_wrap .sub_top_inner .breadcrumb_wrap a.breadcrumb2::after {
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 15px;
  top: 50%;
  transform: translateY(-50%);
  left: -30px;
  background: url(../img/ico/ico_chevron.svg) no-repeat center/cover;
  transform: translateY(-50%) rotate(-90deg);
}
.sub_wrap .search_area {
  padding: 20px;
  border-radius: var(--boder_radius_m, 20px);
  border: 1px solid var(--gray-250, #E8E8E8);
  background: rgb(249, 250, 251);
}
.sub_wrap .select_row {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.sub_wrap .select_row .row_wrap {
  display: flex;
  gap: 20px;
  align-items: center;
}
.sub_wrap .select_row .row_wrap .tit {
  overflow: hidden;
  color: var(--gray-850, #1F1F1F);
  text-overflow: ellipsis;
  font-family: var(---font_family_body, Pretendard);
  font-size: var(---font_body_s, 16px);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.sub_wrap .select_row .row_wrap .con {
  display: flex;
  gap: 8px;
}
.sub_wrap .select_row .row_wrap .con .r_wrap {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
}
.sub_wrap .select_row .row_wrap .con .r_wrap input[type=radio]:checked + label {
  border-radius: 200px;
  border: 0px;
  color: #C40051;
}
.sub_wrap .select_row .row_wrap .con .r_wrap.checked{
  border:2px solid var(--main-pink-500, #C40051);
  background: #FFF;
}
.sub_wrap .select_row .row_wrap .con .r_wrap input[type=radio]:focus-visible + label {
  outline: 3px dotted black;
}
.sub_wrap .select_row .row_wrap .con .r_wrap label {
  overflow: hidden;
  color: var(---gray_800, #2A2A2A);
  text-overflow: ellipsis;
  font-size: var(---font_body_m, 18px);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  height: 48px;
  display: flex;
  align-items: center;
  letter-spacing: var(---font_spacing_body, -1px);
  padding-right: 16px;
}
.sub_wrap .select_row .row_wrap .con .r_wrap{
  padding:0px 4px;
  border-radius:200px;
  background:#fff;
  border:2px solid var(--gray-250, #E8E8E8);
}
.sub_wrap .select_row .row_wrap .con .r_wrap.all::before {
  pointer-events: inherit;
  content: "";
  width: 40px;
  height: 40px;
  top: 50%;
  pointer-events: auto;
  /* 이벤트 받게 함 */
  background: url(../img/ico/ico_all.png) no-repeat center/100%;
}
.sub_wrap .select_row .row_wrap .con .r_wrap{
  align-items: center;
}
.sub_wrap .select_row .row_wrap .con .r_wrap::before{
  content:"";
  display:block;
  width:40px;
  height:40px;
  margin-right:10px;
}
.sub_wrap .select_row .row_wrap .con .r_wrap.edu1::before {
  width: 40px;
  height: 40px;
  background: url(../img/ico/ico_program2_1.png) no-repeat center/100%;
}
.sub_wrap .select_row .row_wrap .con .r_wrap.edu2::before {
  width: 40px;
  height: 40px;
  background: url(../img/ico/ico_program2_2.png) no-repeat center/100%;
}
.sub_wrap .select_row .row_wrap .con .r_wrap.edu3::before {
  width: 40px;
  height: 40px;
  background: url(../img/ico/ico_program2_3.png) no-repeat center/100%;
}
.sub_wrap .select_row .row_wrap .con .r_wrap.edu4::before {
  width: 40px;
  height: 40px;
  background: url(../img/ico/ico_program2_4.png) no-repeat center/100%;
}
.sub_wrap .select_row .row_wrap .con .r_wrap.edu5::before {
  width: 40px;
  height: 40px;
  background: url(../img/ico/ico_program2_5.png) no-repeat center/100%;
}
.sub_wrap .select_row .row_wrap .con .r_wrap.fac1::before {
  width: 40px;
  height: 40px;
  background: url(../img/ico/ico_program1_1.png) no-repeat center/100%;
}
.sub_wrap .select_row .row_wrap .con .r_wrap.fac2::before {
  width: 40px;
  height: 40px;
  background: url(../img/ico/ico_program1_2.png) no-repeat center/100%;
}
.sub_wrap .select_row .row_wrap .con .r_wrap.fac3::before {
  width: 40px;
  height: 40px;
  background: url(../img/ico/ico_program1_3.png) no-repeat center/100%;
}
.sub_wrap .select_row .row_wrap .con .r_wrap.fac4::before {
  width: 40px;
  height: 40px;
  background: url(../img/ico/ico_program1_4.png) no-repeat center/100%;
}
.sub_wrap .select_row .row_wrap .con .r_wrap.fac5::before {
  width: 40px;
  height: 40px;
  background: url(../img/ico/ico_program1_5.png) no-repeat center/100%;
}
.sub_wrap .select_row .row_wrap .con .r_wrap.fac6::before {
  width: 40px;
  height: 40px;
  background: url(../img/ico/ico_program1_6.png) no-repeat center/100%;
}
.sub_wrap .select_row .row_wrap.type2 {
  gap: 40px;
}
.sub_wrap .select_row .row_wrap.type2 .tit {
  flex-shrink: 0;
}
.sub_wrap .select_row .row_wrap.type2 .row_wrap {
  width: 30%;
}
.sub_wrap .select_row .row_wrap.type2 .search_row_wrap {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-grow: 1;
  width: 100%;
}
.sub_wrap .select_row .row_wrap.type2 .search_row_wrap.center{
  justify-content: center;
}
.sub_wrap .select_row .row_wrap.type2 .search_row_wrap.center .con{
  flex-grow:0;
}
.sub_wrap .select_row .row_wrap.type2 .search_row_wrap.center .con input[type=text]{
  min-width:390px;
}
.sub_wrap .select_row .row_wrap.type2 .search_row_wrap .con {
  flex-grow: 1;
}
.sub_wrap .select_row .row_wrap.type2 .search_row_wrap .search_btn {
  display: flex;
  background-color: black;
  flex-shrink: 0;
  color: white;
  width: 100px;
  padding: 0px 20px;
  border-radius: 8px;
  color: var(---white, #FFF);
  text-align: center;
  font-family: var(---font_family_body, Pretendard);
  font-size: var(---, 18px);
  font-style: normal;
  font-weight: 300;
  height: auto;
  line-height: normal;
  margin-left: 4px;
  align-items:center;
  white-space:nowrap;
  letter-spacing: var(---font_spacing_body, -1px);
}
.sub_wrap .select_row .row_wrap.type2 .search_row_wrap .search_btn z .ico_search {
  width: 20px;
  height: 20px;
  margin-right: 4px;
}
.sub_wrap .edu_list_wrap .top_area {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 24px;
  margin-bottom: 12px;
}
.sub_wrap .edu_list_wrap .top_area .page_num {
  overflow: hidden;
  color: var(--gray-600, #777676);
  text-overflow: ellipsis;
  font-size: var(---font_body_xs, 15px);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.sub_wrap .edu_list_wrap .top_area .page_num span {
  color: black;
}
.sub_wrap .edu_list_wrap .top_area .select_wrap {
  width: 200px;
}
.sub_wrap .edu_list_wrap .top_area .select_wrap select {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 16px;
}
.sub_wrap .edu_list_wrap ul {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
.sub_wrap .edu_list_wrap ul.type2{
  display:grid;
  grid-template-columns: repeat(3,1fr);
}
.sub_wrap .edu_list_wrap ul.type2 li{
  padding:0px 0px 32px;
  width:100%;
}
.sub_wrap .edu_list_wrap ul.type2 li img{
  display:block;
  width:100%;
  aspect-ratio: 16 / 7;
  margin-bottom:32px;
  border-radius:20px;
}
.sub_wrap .edu_list_wrap ul.type2 li div{padding:0px 32px;}
.sub_wrap .edu_list_wrap ul.type2 li .tit{
  height:31px;
  -webkit-line-clamp:1;
}
.sub_wrap .edu_list_wrap ul.type2 li a.now_type{
  width:calc(100% - 32px);
  margin:12px auto 0px;
}
.sub_wrap .edu_list_wrap ul.type2 li .dl_wrap dl dt{
  color:#3f3f3f;
  font-weight:500;
}
.sub_wrap .edu_list_wrap ul.type2 li .dl_wrap dl dd{
  color:#858585;
  font-weight:500;
}
.sub_wrap .edu_list_wrap ul li {
  width: calc(25% - 18px);
  display: flex;
  flex-direction: column;
  padding: 32px;
  border-radius: var(--boder_radius_m, 20px);
  border: 1px solid var(--gray-250, #E8E8E8);
  background: #FFF;
}
.sub_wrap .edu_list_wrap ul li .small_tit {
  color: var(--gray-600, #777676);
  font-family: var(---font_family_body, Pretendard);
  font-size: var(---font_body_xs, 15px);
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  letter-spacing: var(---font_spacing_body, -1px);
}
.sub_wrap .edu_list_wrap ul li .tit {
  overflow: hidden;
  color: var(--gray-850, #1F1F1F);
  text-overflow: ellipsis;
  font-family: var(---font_family_body, Pretendard);
  font-size: var(---font_title_m, 26px);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: var(---font_spacing_body, -1px);
  margin-bottom: 12px;
  text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.sub_wrap .edu_list_wrap ul li .dl_wrap {
  display: flex;
  flex-direction: column;
  margin-top:auto;
  gap: 8px;
}
.sub_wrap .edu_list_wrap ul li .dl_wrap dl {
  display: flex;
  gap: 8px;
}
.sub_wrap .edu_list_wrap ul li .dl_wrap dl dt {
  color: var(---gray_750, #3F3F3F);
  font-family: var(---font_family_body, Pretendard);
  font-size: var(---font_body_xs, 15px);
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  letter-spacing: var(---font_spacing_body, -1px);
  white-space:nowrap;
}
.sub_wrap .edu_list_wrap ul li .dl_wrap dl dd {
  color: var(---gray_550, #858585);
  font-family: var(---font_family_body, Pretendard);
  font-size: var(---font_body_xs, 15px);
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  letter-spacing: var(---font_spacing_body, -1px);
}
.sub_wrap .edu_list_wrap ul li a.now_type {
  display: flex;
  justify-content: center;
  gap: 4px;
  width: 100%;
  color: var(---white, #FFF);
  text-align: center;
  font-family: var(---font_family_body, Pretendard);
  font-size: var(---, 15px);
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  letter-spacing: var(---font_spacing_body, -1px);
  margin-top: 12px;
  border-radius: var(--boder_radius_s, 8px);
  background: var(---main_indigo500, #3A3D4E);
  padding-top: 10px;
  padding-bottom: 10px;
}
.sub_wrap .edu_list_wrap ul li a.now_type.type2{
  background:#C40051;
}
.sub_wrap .edu_list_wrap ul li a.now_type.type2:is(:hover,focus){
  background:#780037;
}
.sub_wrap .edu_list_wrap ul li a.now_type:hover {
  background-color: #C40051;
}
.sub_wrap .edu_list_wrap ul li a.now_type.closed {
  cursor: default;
  pointer-events: none;
  border-radius: var(--boder_radius_s, 8px);
  background: var(---gray_550, #858585);
}
.sub_wrap .notice_wrap .notice_top {
  display: flex;
  justify-content: space-between;
}
.sub_wrap .notice_wrap .notice_top .search_box {
  display: flex;
  gap: 12px;
}
.sub_wrap .notice_wrap .notice_top .search_box .input_wrap {
  width: 340px;
}
.sub_wrap .notice_wrap .notice_top .search_box .input_wrap input {
  width: 100%;
}
.sub_wrap .notice_wrap .notice_top .search_box button.search_btn {
  display: flex;
  width: 100px;
  padding: 16px 20px;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  font-family: "Pretendard";
  border-radius: var(--boder_radius_s, 8px);
  background: var(---gray_800, #2A2A2A);
  color: white;
  flex-shrink: 0;
  height: 56px;
  font-size: 18px;
}
.sub_wrap .notice_wrap .notice_top .search_box button.search_btn .ico_search {
  width: 26px;
  height: 26px;
}
.sub_wrap .notice_wrap ul {
  margin-top: 24px;
  display: none;
  flex-direction: column;
  gap: 24px;
}
.sub_wrap .notice_wrap ul li a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 32px 40px;
  border-radius: var(--boder_radius_s, 8px);
  border: 1px solid var(--gray-250, #E8E8E8);
  background: var(---white, #FFF);
  /* boxshodow_lg */
  box-shadow: 0px 12px 16px -4px rgba(16, 24, 40, 0.08), 0px 4px 6px -2px rgba(16, 24, 40, 0.03);
}
.sub_wrap .notice_wrap ul li a:hover .notice_tit_wrap {
  text-decoration: underline;
}
.sub_wrap .notice_wrap ul li a:hover {
  transition: 0.3s all;
  border-color: #C40051;
}
.sub_wrap .notice_wrap ul li a .notice_tit_wrap {
  display: flex;
  align-items: center;
  gap: 36px;
  width: calc(100% - 100px);
}
.sub_wrap .notice_wrap ul li a .notice_tit_wrap .tag {
  color: var(---white, #FFF);
  text-align: center;
  font-family: var(---font_family_body, Pretendard);
  font-size: var(---font_body_s, 16px);
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  border-radius: 100px;
  background: var(---mian_indigo700, #2A2E43);
  width: 80px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.sub_wrap .notice_wrap ul li a .notice_tit_wrap .tit {
  color: var(---gray_900, #111);
  text-align: justify;
  font-family: var(---font_family_body, Pretendard);
  font-size: var(---font_body_xl, 22px);
  font-style: normal;
  font-weight: 300;
  line-height: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: calc(100% - 127px);
}
.sub_wrap .notice_wrap ul li a .date {
  color: var(---gray_550, #858585);
  text-align: justify;
  font-family: var(---font_family_body, Pretendard);
  font-size: var(---font_body_s, 16px);
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}
.sub_wrap .booking_program_wrap {
  margin-bottom: 60px;
}
.sub_wrap .booking_program_wrap ul {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.sub_wrap .booking_program_wrap ul li {
  width: calc(50% - 6px);
  max-height: 400px;
}
.sub_wrap .booking_program_wrap ul li a {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.sub_wrap .booking_program_wrap ul li a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.chevron_btn {
  padding-right: 22px;
  color: var(---mian_indigo700, #2A2E43);
  font-family: var(---font_family_body, Pretendard);
  font-size: var(---font_body_s, 16px);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  position: relative;
  letter-spacing: var(---font_spacing_body, -1px);
}
.chevron_btn::after {
  content: "";
  display: block;
  transform: rotate(90deg);
  width: 20px;
  height: 18px;
  right: 0;
  top: 48%;
  position: absolute;
  transform: translateY(-50%) rotate(-90deg);
  background: url(../img/ico/ico_chevron.svg) no-repeat right center/cover;
}

.site_select_wrap {
  display: flex;
  border-radius: 20px;
  border: 1px solid var(--gray-250, #E8E8E8);
  background: var(---gray_100, #F9FAFB);
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding-top: 24px;
  padding-bottom: 24px;
  margin-top: 40px;
}

.checkbox_wrap input[type=checkbox] + label {
  padding: 8px 16px 8px 36px;
  background: white;
  border-radius: 200px;
  outline: 1px solid var(--gray-250, #E8E8E8);
  background: #FFF;
  margin: 0;
}
.checkbox_wrap input[type=checkbox]:checked + label {
  outline: 2px solid #c40051;
  color: #c40051;
  font-weight: 700;
}
.checkbox_wrap input[type=checkbox].site0 + label {
  background: white url(../img/ico/check1.svg) no-repeat 12px center/20px;
}
.checkbox_wrap input[type=checkbox].site1 + label {
  background: white url(../img/ico/check2.svg) no-repeat 12px center/20px;
}
.checkbox_wrap input[type=checkbox].site2 + label {
  background: white url(../img/ico/check3.svg) no-repeat 12px center/20px;
}
.checkbox_wrap input[type=checkbox].site3 + label {
  background: white url(../img/ico/check4.svg) no-repeat 12px center/20px;
}
.checkbox_wrap input[type=checkbox].site4 + label {
  background: white url(../img/ico/check5.svg) no-repeat 12px center/20px;
}
.checkbox_wrap input[type=checkbox].site5 + label {
  background: white url(../img/ico/check6.svg) no-repeat 12px center/20px;
}
.checkbox_wrap input[type=checkbox].site6 + label {
  background: white url(../img/ico/check7.svg) no-repeat 12px center/20px;
}
.checkbox_wrap input[type=checkbox].site7 + label {
  background: white url(../img/ico/check8.svg) no-repeat 12px center/20px;
}

.tab_cont_wrap ul.selected {
  display: flex;
}

.section_address {
  display: none;
}

.section_subway {
  display: none;
}

.section_busstop {
  display: none;
}

.section_busline {
  display: none;
}

.map_wrap {
  position: relative;
  border-radius:10px;
}

.map_pin {
  width: 29px;
  height: 38px;
  position: absolute;
  z-index: 100;
  cursor:pointer;
}
.map_pin::before{
  content:"";
  display:block;
  position:absolute;
  left:50%;
  transform:translateX(-50%);
}
.map_pin.active{
  transform:scale(1.5);
}
.map_pin.type1 {
  background: url(../img/ico/map_pin1.svg)  no-repeat center;
  background-size:100%;
}
.map_pin.type2 {
  background: url(../img/ico/map_pin2.svg) no-repeat center;
  background-size:100%;
}
.map_pin.type3 {
  background: url(../img/ico/map_pin3.svg) no-repeat  center;
  background-size:100%;
}
.map_pin.type4 {
  background: url(../img/ico/map_pin4.svg) no-repeat center;
  background-size:100%;
}
.map_pin.type5 {
  background: url(../img/ico/map_pin5.svg) no-repeat center;
  background-size:100%;
}
.map_pin.type6 {
  background: url(../img/ico/map_pin6.png) no-repeat center/cover;
}
.map_pin.type1::before{
  width:12px;
  height:12px;
  top:8px;
  background:url(../img/ico/map_pin1_icon.svg)center center no-repeat;
  background-size:100%;
}
.map_pin.type2::before{
  width:12px;
  height:12px;
  top:8px;
  background:url(../img/ico/map_pin2_icon.svg)center center no-repeat;
  background-size:100%;
}
.map_pin.type3::before{
  width:12px;
  height:12px;
  top:8px;
  background:url(../img/ico/map_pin3_icon.svg)center center no-repeat;
  background-size:100%;
}
.map_pin.type4::before{
  width:12px;
  height:12px;
  top:8px;
  background:url(../img/ico/map_pin4_icon.svg)center center no-repeat;
  background-size:100%;
}

.map_pin.type5::before{
  width:12px;
  height:12px;
  top:8px;
  background:url(../img/ico/map_pin5_icon.svg)center center no-repeat;
  background-size:100%;
}

.map_pin.type6::before{
  width:12px;
  height:12px;
  top:8px;
  background:url(../img/ico/map_pin6_icon.svg)center center no-repeat;
  background-size:100%;
}


.full_view_wrap {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  background: white;
  width: 100%;
  height: 100%;
}
.map_wrap.type2 .map_pin.type1 {
  background: url(../img/ico/map_pin1_type2.svg) no-repeat  center;
  background-size:100%;
}
.map_wrap.type2 .map_pin.type2 {
  background: url(../img/ico/map_pin2_type2.svg) no-repeat  center;
  background-size:100%;
}
.map_wrap.type2 .map_pin.type3 {
  background: url(../img/ico/map_pin3_type2.svg) no-repeat  center;
  background-size:100%;
}
.map_wrap.type2 .map_pin.type4 {
  background: url(../img/ico/map_pin4_type2.svg) no-repeat  center;
  background-size:100%;
}
.map_wrap.type2 .map_pin.type5 {
  background: url(../img/ico/map_pin5_type2.svg) no-repeat  center;
  background-size:100%;
}
.map_wrap.type2 .map_pin.type6 {
  background: url(../img/ico/map_pin6_type2.svg) no-repeat  center;
  background-size:100%;
}
.map_wrap.type2 .map_pin.type7 {
  background: url(../img/ico/map_pin7_type2.svg) no-repeat  center;
  background-size:100%;
}
.map_wrap.type2 .map_pin.type1::before{
  width:12px;
  height:12px;
  top:8px;
  background:url(../img/ico/map_pin1_type2_icon.svg)center center no-repeat;
  background-size:100%;
}
.map_wrap.type2 .map_pin.type2::before{
  width:12px;
  height:12px;
  top:8px;
  background:url(../img/ico/map_pin2_type2_icon.svg)center center no-repeat;
  background-size:100%;
}
.map_wrap.type2 .map_pin.type3::before{
  width:12px;
  height:12px;
  top:8px;
  background:url(../img/ico/map_pin3_type2_icon.svg)center center no-repeat;
  background-size:100%;
}
.map_wrap.type2 .map_pin.type4::before{
  width:12px;
  height:12px;
  top:8px;
  background:url(../img/ico/map_pin4_type2_icon.svg)center center no-repeat;
  background-size:100%;
}
.map_wrap.type2 .map_pin.type5::before{
  width:12px;
  height:12px;
  top:8px;
  background:url(../img/ico/map_pin5_type2_icon.svg)center center no-repeat;
  background-size:100%;
}
.map_wrap.type2 .map_pin.type6::before{
  width:12px;
  height:12px;
  top:8px;
  background:url(../img/ico/map_pin6_type2_icon.svg)center center no-repeat;
  background-size:100%;
}
.map_wrap.type2 .map_pin.type7::before{
  width:12px;
  height:12px;
  top:8px;
  background:url(../img/ico/map_pin7_type2_icon.svg)center center no-repeat;
  background-size:100%;
}

.map_total_wrap {
  display: flex;
  gap: 20px;
  margin-top: 24px;
  margin-bottom: 60px;
}
.map_total_wrap .search_top {
  display: flex;
  padding: 24px;
  border-bottom: 1px solid var(--gray-250, #E8E8E8);
}
.map_total_wrap .search_top .input_wrap{
  display:flex;
  align-items: center;
}
.map_total_wrap .search_top .input_wrap .search_btn{
  height:56px;
}
.map_total_wrap .search_top .search_btn {
  display: flex;
  background-color: black;
  flex-shrink: 0;
  width: 100px;
  border-radius: 8px;
  color: var(---white, #FFF);
  text-align: center;
  font-family: var(---font_family_body, Pretendard);
  font-size: var(---, 18px);
  font-style: normal;
  font-weight: 300;
  height: auto;
  line-height: normal;
  margin-left: 4px;
  letter-spacing: var(---font_spacing_body, -1px);
  justify-content: center;
  align-items: center;
}
.map_total_wrap .search_top .search_btn .ico_search {
  width: 25px;
  height: 25px;
  margin-right: 2px;
}
.map_total_wrap .map_selected_wrap {
  display: flex;
  flex-direction: column;
  border-radius: var(--boder_radius_m, 20px);
  border: 1px solid var(--gray-250, #E8E8E8);
  flex: 1 1 auto;
}

.full_view_wrap .heading {
  background: var(---mian_indigo700, #2A2E43);
  padding: 20px;
}
.full_view_wrap .heading .tit {
  color: var(---white, #FFF);
  font-family: var(---font_family_body, Pretendard);
  font-size: var(---font_body_xxl, 24px);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: var(---font_spacing_body, -1px);
}
.full_view_wrap .heading p {
  margin-top: 4px;
  color: var(---white, #FFF);
  text-align: justify;
  font-family: var(---font_family_body, Pretendard);
  font-size: var(---font_body_s, 16px);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: var(---font_spacing_body, -1px);
}
.full_view_wrap .map_view_wrap {
  display: flex;
  height: calc(100% - 92px);
  overflow: hidden;
}
.full_view_wrap .map_view_wrap .left_view_list_wrap {
  width: 538px;
}
.full_view_wrap .map_view_wrap .left_view_list_wrap .site_select_wrap {
  margin-top: 0;
  border-radius: 0;
  flex-wrap: wrap;
  padding-top: 16px;
  padding-bottom: 16px;
  gap: 12px;
}
.full_view_wrap .map_view_wrap .left_view_list_wrap .site_select_wrap .checkbox_wrap input[type=checkbox] + label {
  padding: 8px 16px 8px 36px;
  overflow: hidden;
  color: var(---gray_800, #2A2A2A);
  text-overflow: ellipsis;
  font-family: var(---font_family_body, Pretendard);
  font-size: var(---font_body_m, 18px);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: var(---font_spacing_body, -1px);
}
.full_view_wrap .map_view_wrap .left_view_list_wrap .acc_total_wrap {
  max-height: calc(100% - 220px);
}
.full_view_wrap .map_view_wrap .map_wrap {
  max-width: unset;
  width: calc(100% - 538px);
}
.full_view_wrap .map_view_wrap .map_wrap .root_daum_roughmap {
  width: 100% !important;
}
.full_view_wrap .search_top {
  padding: 16px;
  gap: 12px;
  display: flex;
  border-bottom: 1px solid var(--gray-250, #E8E8E8);
}
.full_view_wrap .search_top .search_btn {
  display: flex;
  background-color: #2a2a2a;
  color: white;
  padding: 0px;
  align-items: center;
  border-radius: 8px;
  width: 94px;
  height: auto;
  color: var(---white, #FFF);
  text-align: center;
  font-family: var(---font_family_body, Pretendard);
  font-size: var(---, 16px);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: var(---font_spacing_body, -1px);
  justify-content: center;
}
.full_view_wrap .search_top .input_wrap{
  display:flex;
  align-items: center;
  gap:0px 12px;
}
.full_view_wrap .search_top .input_wrap .search_btn{
  height:56px;
}
.full_view_wrap .search_top .search_btn .ico_search.mask.white {
  width: 25px;
  height: 25px;
}
.full_view_wrap .close_btn {
  width: 14px;
  height: 14px;
  right: 10px;
  top: 10px;
  position: absolute;
  background: url(../img/ico/icon_close_w.png) no-repeat center/cover;
}
.full_view_wrap .close_btn:focus-visible {
  outline: 2px dotted white;
}

.acc_total_wrap {
  padding: 24px;
  overflow-y: auto;
}
.map_selected_wrap .acc_total_wrap{
  height:714px;
}
.acc_total_wrap .acc_wrap {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.acc_total_wrap .acc_wrap > li {
  display: flex;
  flex-direction: column;
}
.acc_total_wrap .acc_wrap > li > a {
  display: flex;
  border-radius: var(--boder_radius_s, 8px);
  border: 1px solid var(--gray-250, #E8E8E8);
  padding: 18px 24px;
  position: relative;
}
.acc_total_wrap .acc_wrap > li > a.open {
  border-radius: 8px 8px 0 0;
  border-color: #c40051;
  font-weight: 700;
  transition: 0.5s all;
  cursor:pointer;
}
.acc_total_wrap .acc_wrap > li > a.open .tit {
  color: #c40051;
}
.acc_total_wrap .acc_wrap > li > a.open + .acc_con_wrap {
  border-radius: 0 0 8px 8px;
  display: flex;
}
.acc_total_wrap .acc_wrap > li > a.open::after {
  transform: translateY(-50%) rotate(180deg);
}
.acc_total_wrap .acc_wrap > li > a::after {
  content: "";
  display: block;
  position: absolute;
  width: 24px;
  height: 24px;
  right: 24px;
  top: 50%;
  transform: translateY(-50%);
  background: url(../img/ico/ico_chevron.svg) no-repeat center/cover;
}
.acc_total_wrap .acc_wrap > li > a .tit_wrap {
  display: flex;
  gap: 8px;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
}
.acc_total_wrap .acc_wrap > li > a .tag {
  overflow: hidden;
  color: var(---white, #FFF);
  text-overflow: ellipsis;
  font-family: var(---font_family_body, Pretendard);
  font-size: var(---font_body_xxs, 13px);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: var(---font_spacing_body, -1px);
  border-radius: 100px;
  width: -moz-fit-content;
  width: fit-content;
  padding: 2px 8px;
  border-radius: var(--boder_radius_s, 8px);
}
.acc_total_wrap .acc_wrap > li > a .tag.type1 {
  background: rgb(239, 75, 76);
}
.acc_total_wrap .acc_wrap > li > a .tag.type2 {
  background: rgb(255, 196, 59);
  color: black;
}
.acc_total_wrap .acc_wrap > li > a .tag.type3 {
  background: rgb(243, 129, 42);
}
.acc_total_wrap .acc_wrap > li > a .tag.type4 {
  background: rgb(56, 173, 73);
}
.acc_total_wrap .acc_wrap > li > a .tag.type5 {
  background: rgb(59, 139, 153);
}
.acc_total_wrap .acc_wrap > li > a .tag.type6 {
  background: rgb(127, 103, 224);
}
.acc_total_wrap .acc_wrap > li > a .tag.type7 {
  background: rgb(196, 75, 175);
}
.acc_total_wrap .acc_wrap.type2 > li > a .tag.type1{
  background:#3B8B99;
}
.acc_total_wrap .acc_wrap.type2 > li > a .tag.type2{
  background:#39AD49;
  color:#fff;
}
.acc_total_wrap .acc_wrap.type2 > li > a .tag.type3{
  background:#EF4B4C;
}
.acc_total_wrap .acc_wrap.type2 > li > a .tag.type4{
  background:#FFC43B;
  color:#000;
}
.acc_total_wrap .acc_wrap.type2 > li > a .tag.type5{
  background:#F3812A;
}
.acc_total_wrap .acc_wrap.type2 > li > a .tag.type6{
  background:#C44BAF;
}
.acc_total_wrap .acc_wrap.type2 > li > a .tag.type7{
  background:#7F68DF;
}

.acc_total_wrap .acc_wrap > li > a .tit {
  flex-shrink: 0;
  color: var(---gray_900, #111);
  text-overflow: ellipsis;
  font-family: var(---font_family_body, Pretendard);
  font-size: var(---font_body_m, 18px);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: var(---font_spacing_body, -1px);
}
.acc_total_wrap .acc_wrap .acc_con_wrap {
  display: none;
  box-sizing: border-box;
  overflow: hidden;
  padding: 32px;
  gap: 20px;
  margin-top: -1px;
  border-radius: var(--boder_radius_s, 8px);
  border: 1px solid var(--gray-250, #E8E8E8);
  background: var(---bg_beige, #FFFBF6);
  justify-content: space-between;
}
.acc_total_wrap .acc_wrap .acc_con_wrap .dl_wrap {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.acc_total_wrap .acc_wrap .acc_con_wrap .dl_wrap dl {
  display: flex;
  gap: 12px;
}
.acc_total_wrap .acc_wrap .acc_con_wrap .dl_wrap dl dt {
  color: var(---gray_900, #111);
  font-family: var(---font_family_body, Pretendard);
  font-size: var(---font_body_s, 16px);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: var(---font_spacing_body, -1px);
}
.acc_total_wrap .acc_wrap .acc_con_wrap .dl_wrap dl dd {
  color: var(--gray-700, #555);
  font-family: var(---font_family_body, Pretendard);
  font-size: var(---font_body_s, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: var(---font_spacing_body, -1px);
}
.acc_total_wrap .acc_wrap .acc_con_wrap .img_wrap {
  max-width: 245px;
  border-radius: var(--boder_radius_s, 8px);
  overflow: hidden;
  background: url(<path-to-image>) lightgray 50%/cover no-repeat;
}
.acc_total_wrap .acc_wrap .acc_con_wrap .img_wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.map_wrap {
  max-width: 997px;
  flex-shrink: 0;
  width: calc(100% - 710px);
}
.map_wrap .root_daum_roughmap {
  width: 100%;
  height: 100%;
}
.map_wrap .root_daum_roughmap .wrap_map {
  height: 100% !important;
}

.link_go {
  display: block;
  border-radius: var(--boder_radius_s, 8px);
  background: var(---mian_indigo700, #2A2E43);
  color: white;
  padding: 6px 34px 6px 16px;
  color: var(---white, #FFF);
  text-align: center;
  font-family: var(---font_family_body, Pretendard);
  font-size: var(---, 14px);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: var(---font_spacing_body, -1px);
  position: relative;
}
.link_go::after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  background: url(../img/ico/ico_link.svg) no-repeat center/cover;
}

[type=radio] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

[type=radio]:checked + label {
  border: 1px solid black;
}

@media (hover: hover) {
  .sec04 .right_wrap .link_wrap ul li a:hover {
    outline: 2px solid black;
  }
  .sec02 .program_list div a:hover {
    outline: 2px solid #c40051;
  }
}
.input_wrap {
  width: 100%;
}
.input_wrap input[type=text] {
  width: 100%;
  border-radius: var(--boder_radius_s, 8px);
  background: #FFF;
  height: 56px;
}
.input_wrap input[type=text]:focus-visible {
  border: 2px dashed blue;
}

.search_btn:focus-visible {
  outline: 1px dashed red;
}

.select_wrap {
  position: relative;
}
.select_wrap::after {
  display: block;
  content: "";
  background: url(../img/ico/ico_chevron.svg) no-repeat center/24px;
  width: 24px;
  height: 24px;
  right: 17px;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
}
.select_wrap select {
  background: white;
  cursor: pointer;
}
.select_wrap select option {
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  color: #777676;
  text-overflow: ellipsis;
  font-family: var(---font_family_body, Pretendard);
  font-size: var(---font_body_m, 18px);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  letter-spacing: var(---font_spacing_body, -1px);
}

.select_wrap {
  width: 200px;
  border-radius: var(--boder_radius_s, 8px);
  border: 1px solid #E8E8E8;
  background: var(---white, #FFF);
  overflow: hidden;
}
.select_wrap select {
  width: 100%;
  padding-top: 18px;
  padding-bottom: 18px;
  padding-left: 20px;
}

.tab_wrap {
  display: flex;
  gap: 12px;
}
.tab_wrap.center_type {
  justify-content: center;
}
.tab_wrap a {
  height: 52px;
  display: flex;
  width: 100px;
  align-items: center;
  text-align: center;
  font-family: var(---font_family_body, Pretendard);
  font-size: var(---font_body_m, 18px);
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  justify-content: center;
  border-radius: 8px;
  letter-spacing: var(---font_spacing_body, -1px);
  background: var(---main_indigo100, #F1F3FA);
}
.tab_wrap a.selected {
  color: var(---white, #FFF);
  background-color: #C40051;
  box-shadow: 0px 8px 16px -4px rgba(196, 0, 81, 0.2);
}

.booking_wrap {
  margin-top: 40px;
  margin-bottom: 60px;
}
.booking_wrap ul {
  display: flex;
  flex-direction: column;
  gap: 40px;
}
.booking_wrap ul li {
  border-radius: 20px;
  border: 1px solid var(--gray-250, #E8E8E8);
  padding: 40px;
  display: flex;
  align-items: flex-start;
  gap: 60px;
}
.booking_wrap ul li .booking_tit {
  flex-shrink: 0;
  overflow: hidden;
  color: var(--gray-850, #1F1F1F);
  text-overflow: ellipsis;
  font-family: var(---font_family_body, Pretendard);
  font-size: var(---font_title_l, 28px);
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: var(---font_spacing_body, -1px);
}
.booking_wrap ul li .txt {
  max-height: 650px;
  color: var(--gray-850, #1F1F1F);
  font-family: var(---font_family_body, Pretendard);
  font-size: var(---font_body_m, 18px);
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 27px */
  letter-spacing: var(---font_spacing_body, -1px);
  display: flex;
  gap: 20px;
  flex-direction: column;
}
.booking_wrap ul li .dl_wrap.type2 {
  display: flex;
  gap: 40px;
}
.booking_wrap ul li .dl_wrap .dl_con {
  display: flex;
  flex-direction: column;
}
.booking_wrap ul li .dl_wrap .dl_con dt {
  display: flex;
  flex-direction: column;
}
.booking_wrap ul li .dl_wrap .dl_con .tag {
  margin-bottom: 12px;
  width: -moz-fit-content;
  width: fit-content;
  color: var(--main-pink-500, #C40051);
  font-family: var(---font_family_body, Pretendard);
  font-size: var(---font_body_m, 18px);
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 27px */
  letter-spacing: var(---font_spacing_body, -1px);
  border-radius: 100px;
  border: 1px solid var(--main-pink-500, #C40051);
  padding: 4px 12px;
}
.booking_wrap ul li .dl_wrap dl {
  display: flex;
  color: var(--gray-600, #777676);
  font-size: var(---font_body_s, 16px);
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 24px */
  letter-spacing: var(---font_spacing_body, -1px);
}
.booking_wrap ul li .dl_wrap dl dt {
  display: flex;
  flex-shrink: 0;
  align-items: center;
}
.booking_wrap ul li .dl_wrap dl dd {
  color: var(--gray-850, #1F1F1F);
}
.booking_wrap .link_go {
  display: inline-block;
  padding-top: 12px;
  padding-bottom: 12px;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 16px;
}
.booking_wrap .img_wrap {
  max-width: 400px;
  width: 100%;
  max-height: 272px;
}
.booking_wrap .img_wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media screen and (max-width: 1800px) {
  .sec03 .facilities_wrap .fa_list_wrap1 > li.on {
    height: 554px;
    max-height: unset;
    padding: 20px;
  }
  .sec03 .facilities_wrap .fa_list_wrap1 > li {
    height: 554px;
    max-height: unset;
  }
  .sec03 .facilities_wrap .fa_list_wrap1 > li.on .fa_list_wrap2 ul li {
    width: calc(50% - 6px) !important;
  }
}
@media screen and (max-width: 1400px) {
  .sub_con {
    padding-right: 30px;
    padding-left: 30px;
  }
  .sec03 .sec_inner {
    padding-right: 30px;
    padding-left: 30px;
  }
  .sub_wrap .sub_top_wrap {
    padding-right: 30px;
    padding-left: 30px;
  }
  .header_edu {
    padding-right: 30px;
    padding-left: 30px;
  }
  .sec04 .sec04_inner {
    padding-right: 30px;
    padding-left: 30px;
  }
  .sec01 .right_wrap .right_inner {
    padding-right: 30px;
  }
  .sec01 .left_wrap {
    margin-top: 0;
    padding-left: 30px;
    padding-right: 16px;
  }
  .sec03 .facilities_wrap .fa_list_wrap1 {
    flex-direction: column;
  }
  .sec03 .facilities_wrap .fa_list_wrap1 > li {
    max-width: unset;
    height: 85px;
    min-height: unset;
    width: 100%;
  }
  .sec03 .facilities_wrap .fa_list_wrap1 > li.on {
    height: auto;
  }
  .booking_wrap ul li .dl_wrap.type2 {
    flex-direction: column;
    gap: 20px;
  }
  .booking_wrap ul li {
    padding: 20px;
  }
}
@media screen and (max-width: 1300px) {
  .sec01 {
    flex-direction: column;
  }
  .sec01 .left_wrap {
    width: 100%;
  }
  .sec01 .right_wrap {
    width: 100%;
  }
  .header_edu .nav_wrap nav .depth1_wrap {
    gap: 20px;
  }
  .sub_wrap .search_area {
    padding: 20px;
  }
  .sub_wrap .select_row .row_wrap .tit {
    font-size: 14px;
    width: -moz-fit-content;
    width: fit-content;
    flex-shrink: 0;
  }
  .sub_wrap .select_row .row_wrap .con .r_wrap label {
    font-size: 14px;
  }
  .sub_wrap .select_row .row_wrap {
    gap: 12px;
  }
  .sub_wrap .select_row .row_wrap .con {
    gap: 4px;
    flex-wrap: wrap;
  }
  .sub_wrap .select_row .row_wrap.type2 .search_row_wrap .con {
    flex-wrap: nowrap;
  }
  .sub_wrap .edu_list_wrap ul li {
    width: calc(33% - 16px);
  }
  .sub_wrap .select_row .row_wrap {
    align-items: flex-start;
  }
}
@media screen and (max-width: 1200px) {
  .map_total_wrap {
    flex-direction: column;
  }
  .map_wrap {
    width: 100%;
    height: 375px;
    max-width: unset;
  }
  .full_view_wrap .map_view_wrap .map_wrap {
    height: 100% !important;
  }
}
@media screen and (max-width: 1024px) {

  .sub_wrap .edu_list_wrap ul.type2{
    grid-template-columns: repeat(2,1fr);

  }
  .booking_wrap ul {
    gap: 18px;
  }
  .booking_wrap ul li .dl_wrap dl {
    align-items: flex-start;
    font-size: 14px;
  }
  .booking_wrap ul li .dl_wrap .dl_con .tag {
    margin-bottom: 6px;
    font-size: 14px;
    padding: 2px 6px;
  }
  .booking_wrap ul li {
    flex-direction: column;
    gap: 16px;
  }
  .booking_wrap .link_go {
    font-size: 14px;
  }
  .booking_wrap .img_wrap {
    max-width: unset;
    max-height: unset;
  }
  .booking_wrap ul li .booking_tit {
    font-size: 22px;
  }
  .booking_wrap ul li .txt {
    font-size: 14px;
    gap: 12px;
  }
  .main_wrap {
    overflow: hidden;
  }
  .header_edu .nav_wrap nav .depth1_wrap {
    display: none;
  }
  .header_edu {
    overflow: visible;
  }
  .total_menu_wrap {
    display: block;
  }
  .header_edu {
    padding-right: 16px;
    padding-left: 16px;
  }
  .sub_wrap .sub_top_wrap {
    padding-right: 16px;
    padding-left: 16px;
  }
  .sec03 {
    padding-bottom: 32px;
  }
  .sec04 .sec04_inner {
    padding-right: 16px;
    padding-left: 16px;
    flex-direction: column;
    gap: 30px;
  }
  .sec04 .sec04_inner .right_wrap .sec_top {
    margin: 0;
    margin-bottom: 12px;
    position: relative;
  }
  .sec04 .sec04_inner .right_wrap .sec_top::after {
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: calc(100% - 110px);
    content: "";
    background-color: #E8E8E8;
    display: block;
    position: absolute;
    height: 1px;
  }
  .sec04 {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .sec04 .left_wrap {
    width: 100%;
    min-width: unset;
  }
  .sec04 .right_wrap {
    width: 100%;
  }
  .sec04 .right_wrap .link_wrap ul {
    gap: 12px;
  }
  .sec04 .right_wrap .link_wrap ul li {
    width: calc(33% - 7px);
  }
  .sec04 .right_wrap .link_wrap ul li a {
    background-size: 40px !important;
    height: 160px;
    font-size: 16px;
    background-position: center 40px !important;
    padding-top: 60px;
  }
  .sub_con {
    padding-right: 16px;
    padding-left: 16px;
  }
  .sub_wrap .edu_list_wrap ul li {
    width: calc(50% - 16px);
  }
  .sub_wrap .notice_wrap .notice_top {
    flex-direction: column;
    gap: 8px;
  }
  .sub_wrap .notice_wrap .notice_top .tab_wrap a {
    width: 33%;
  }
  .sub_wrap .notice_wrap .notice_top .search_box .input_wrap {
    width: 100%;
  }
  .site_select_wrap {
    flex-wrap: wrap;
    gap: 4px;
    padding: 10px 20px;
  }
  .checkbox_wrap input[type=checkbox] + label {
    font-size: 14px;
    padding: 4px 10px 4px 25px;
    background-position: 4px center !important;
    background-size: 10px 10px;
  }
  .tab_wrap a {
    height: 43px;
    width: 88px;
    font-size: 16px;
  }
  .site_select_wrap {
    margin-top: 18px;
  }
}
@media screen and (max-width: 959px) {
  .full_view_wrap .map_view_wrap {
    flex-direction: column-reverse;
    height: auto;
  }
  .full_view_wrap .map_view_wrap .left_view_list_wrap {
    width: 100%;
  }
  .full_view_wrap .heading {
    padding: 12px;
  }
  .full_view_wrap .heading .tit {
    font-size: 18px;
  }
  .full_view_wrap .heading p {
    font-size: 13px;
    margin-top: 2px;
  }
  .full_view_wrap .close_btn {
    width: 12px;
    height: 12px;
  }
  .full_view_wrap .map_view_wrap .left_view_list_wrap .site_select_wrap .checkbox_wrap input[type=checkbox] + label {
    font-size: 14px;
    padding: 4px 10px 4px 22px;
  }
  .full_view_wrap .checkbox_wrap input[type=checkbox].site0 + label {
    background-position: 4px center !important;
    background-size: 16px;
  }
  .full_view_wrap .checkbox_wrap input[type=checkbox].site1 + label {
    background-position: 4px center !important;
    background-size: 16px;
  }
  .full_view_wrap .checkbox_wrap input[type=checkbox].site2 + label {
    background-position: 4px center !important;
    background-size: 16px;
  }
  .full_view_wrap .checkbox_wrap input[type=checkbox].site3 + label {
    background-position: 4px center !important;
    background-size: 16px;
  }
  .full_view_wrap .checkbox_wrap input[type=checkbox].site4 + label {
    background-position: 4px center !important;
    background-size: 16px;
  }
  .full_view_wrap .checkbox_wrap input[type=checkbox].site5 + label {
    background-position: 4px center !important;
    background-size: 16px;
  }
  .full_view_wrap .checkbox_wrap input[type=checkbox].site6 + label {
    background-position: 4px center !important;
    background-size: 16px;
  }
  .full_view_wrap .checkbox_wrap input[type=checkbox].site7 + label {
    background-position: 4px center !important;
    background-size: 16px;
  }
  .full_view_wrap .map_view_wrap .left_view_list_wrap .acc_total_wrap {
    max-height: calc(100vh - 530px);
  }
  .full_view_wrap .search_top .search_btn {
    font-size: 14px;
  }
  .full_view_wrap .search_top {
    padding: 10px;
  }
  .full_view_wrap .search_top .search_btn .ico_search.mask.white {
    width: 20px;
    height: 20px;
  }
  .full_view_wrap .acc_total_wrap {
    padding: 12px 8px;
  }
  .full_view_wrap .acc_total_wrap .acc_wrap > li > a .tit {
    font-size: 14px;
  }
  .full_view_wrap .acc_total_wrap .acc_wrap > li > a .tag {
    font-size: 10px;
  }
  .full_view_wrap .acc_total_wrap .acc_wrap > li > a {
    padding: 10px 8px;
  }
  .full_view_wrap .acc_total_wrap .acc_wrap {
    gap: 8px;
  }
  .full_view_wrap .map_view_wrap .left_view_list_wrap .site_select_wrap {
    gap: 4px;
  }
  .full_view_wrap .map_view_wrap .map_wrap {
    width: 100%;
    height: 520px !important;
  }
  .booking_wrap ul li {
    flex-direction: column;
  }
}
@media screen and (max-width: 768px) {

  .sub_wrap .select_row .row_wrap .con .r_wrap::before{
    max-width:30px;
    max-height:30px;
  }
  .chevron_btn {
    font-size: 13px;
    padding-right: 18px;
  }
  .sub_wrap .sub_top_wrap{
    background:#d9e3f6 url("../img/bg/top_bg_m.png")center center repeat-x;
    background-size:100%;
  }
  .chevron_btn::after {
    width: 18px;
    height: 14px;
  }
  .sec03 .facilities_wrap .fa_list_wrap1 > li {
    height: 72px;
  }
  .sec03 .facilities_wrap .fa_list_wrap1 > li .li_txt .mask {
    width: 15px;
    height: 15px;
  }
  .main_wrap .sec_top {
    margin-bottom: 12px;
  }
  .sec01 .left_wrap .ico_search.mask {
    width: 25px;
    height: 25px;
  }
  .sec01 .left_wrap .input_wrap {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 16px;
    padding-right: 16px;
  }
  .sec01 .left_wrap .input_wrap input {
    border-color: transparent;
    width: calc(100% - 38px);
  }
  .sec01 .left_wrap .input_wrap input:focus-visible {
    outline: 1px solid black;
  }
  .sec01 .left_wrap .input_wrap input::-moz-placeholder {
    font-size: 14px;
  }
  .sec01 .left_wrap .input_wrap input::placeholder {
    font-size: 14px;
  }
  .sec03 .facilities_wrap .fa_list_wrap1 > li.on .fa_list_wrap2 .sub_tit {
    font-size: 18px;
    margin-bottom: 12px;
  }
  .sec03 .sec_inner {
    padding-right: 16px;
    padding-left: 16px;
  }
  .main_wrap .swiper-pagination {
    font-size: 12px;
  }
  .sec03 .facilities_wrap .fa_list_wrap1 > li .li_txt {
    font-size: 17px;
  }
  .sec03 .facilities_wrap .fa_list_wrap1 > li.on .fa_list_wrap2 ul li a {
    font-size: 13px;
  }
  .read_more {
    margin-left: 12px;
  }
  .sec01 {
    background: linear-gradient(#fff 30px, rgb(241, 243, 250) 95%);
  }
  .main_wrap .sec_top {
    padding-left: 16px;
    padding-right: 16px;
  }
  .sec02 {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .sec02::after {
    width: 90%;
  }
  .sec02 .program_list div a {
    padding: 16px;
  }
  .sec02 .program_list div a .tag {
    font-size: 12px;
  }
  .sec02 .program_list div a .tit {
    font-size: 18px;
  }
  .sec02 .program_list div a .dl_wrap {
    margin-top: 12px;
  }
  .sec02 .program_list div a .dl_wrap dl dt {
    font-size: 12px;
  }
  .sec02 .program_list div a .dl_wrap dl dd {
    font-size: 12px;
  }
  .main_wrap .sec_top h2 {
    font-size: 22px;
  }
  .ico_program2_1 {
    width: 30px;
    height: 30px;
  }
  .ico_program2_2 {
    width: 30px;
    height: 30px;
  }
  .ico_program2_3 {
    width: 30px;
    height: 30px;
  }
  .ico_program2_4 {
    width: 30px;
    height: 30px;
  }
  .ico_program2_5 {
    width: 30px;
    height: 30px;
  }
  .ico_program1_1 {
    width: 30px;
    height: 30px;
  }
  .ico_program1_2 {
    width: 30px;
    height: 30px;
  }
  .ico_program1_3 {
    width: 30px;
    height: 30px;
  }
  .ico_program1_4 {
    width: 30px;
    height: 30px;
  }
  .ico_program1_5 {
    width: 30px;
    height: 30px;
  }
  .ico_program1_6 {
    width: 30px;
    height: 30px;
  }
  .ico_program1_7 {
    width: 30px;
    height: 30px;
  }
  .sec01 .right_wrap .right_inner .select_step_wrap {
    gap: 22px;
  }
  .sec01 .right_wrap .right_inner .select_step_wrap .small_txt {
    font-size: 12px;
  }
  .sec01 .right_wrap .right_inner .select_step_wrap .step_box::after {
    left: 50%;
    width: 12px;
    height: 12px;
    top: calc(100% - 55px);
    transform: rotate(90deg);
  }
  .dropbtn {
    height: 38px;
    padding: 0 12px;
    gap: 2px;
    font-size: 14px;
  }
  .dropdown a {
    font-size: 14px;
  }
  .dropdown-content {
    padding: 10px;
    gap: 4px;
  }
  .sec01 .left_wrap {
    padding-top: 54px;
    padding-bottom: 30px;
  }
  .sec01 .left_wrap strong {
    font-size: 26px;
  }
  .sec01 .left_wrap .bold {
    font-size: 26px !important;
  }
  .sec01 .right_wrap {
    margin-left: 10px;
    height: auto;
    border-radius: 100px 0 0 100px;
    position: relative;
  }
  .sec01 .right_wrap .right_inner {
    border-radius: 98px 0 0 98px;
    padding-top: 44px;
    padding-bottom: 44px;
    padding-left: 45px;
  }
  .sec01 .right_wrap .right_inner strong {
    font-size: 24px !important;
    display: block;
    margin-bottom: 12px;
  }
  .sec01 .right_wrap .right_inner .select_step_wrap .step_box {
    display: flex;
    align-items: center;
    gap: 4px;
  }
  .sec01 .right_wrap .right_inner .select_step_wrap .small_txt {
    flex-shrink: 0;
    margin-bottom: 0;
  }
  .sec01 .right_wrap .right_inner .select_step_wrap {
    flex-direction: column;
    margin-bottom: 18px;
  }
  .sec01 .right_wrap .full_btn {
    font-size: 16px;
    padding-top: 14px;
    padding-bottom: 14px;
  }
  .sec01 .right_wrap .right_inner .select_step_wrap .step_box {
    width: 100%;
  }
  .header_edu h1 a {
    width: 196px;
    height: 24px;
  }
  .header_edu .inner {
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .sub_wrap .edu_list_wrap ul li {
    width: 100%;
    padding: 16px;
  }
  .sub_wrap .edu_list_wrap ul.type2 li .tit{
    height:25px;
  }
  .sub_wrap .edu_list_wrap ul.type2{
    grid-template-columns: repeat(1,1fr);

  }
  .sub_wrap .edu_list_wrap ul.type2 li img{
    margin-bottom:16px;
  }
  .sub_wrap .edu_list_wrap ul.type2 li div{
    padding:0px 16px;
  }
  .sub_wrap .edu_list_wrap ul.type2 li a.now_type{
    width:calc(100% - 32px);
  }
  .sub_con {
    overflow: hidden;
  }
  .sub_con .tit_wrap {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  .sub_con .tit_wrap h2 {
    font-size: 24px;
  }
  .sub_con .tit_wrap p {
    font-size: 14px;
  }
  .sub_wrap .edu_list_wrap ul li .tit {
    font-size: 20px;
    max-height: 45px;
    margin-bottom: 8px;
    height: auto;
  }
  .sub_wrap .edu_list_wrap ul li .small_tit {
    font-size: 12px;
  }
  .sub_wrap .edu_list_wrap ul li .dl_wrap {
    gap: 2px;
  }
  .sub_wrap .edu_list_wrap ul li .dl_wrap dl dt {
    font-size: 12px;
  }
  .sub_wrap .edu_list_wrap ul li .dl_wrap dl dd {
    font-size: 12px;
  }
  .select_wrap select option {
    font-size: 12px;
  }
  .select_wrap {
    width: auto !important;
    min-width: 120px;
  }
  .sub_wrap .edu_list_wrap .top_area .select_wrap select {
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 10px;
  }
  .select_wrap::after {
    right: 10px;
  }
  .sub_wrap .select_row .row_wrap .con .r_wrap::after {
    width: 26px !important;
    height: 26px !important;
    left: 2px;
  }
  .sub_wrap .select_row .row_wrap .con .r_wrap label {
    height: 35px;
  }
  .sub_wrap .select_row {
    gap: 12px;
  }
  .sub_wrap .select_row .row_wrap.type2 {
    justify-content: center;
    flex-direction: column;
  }
  .sub_wrap .select_row .row_wrap.type2 .row_wrap {
    align-items: center;
  }
  .select_wrap select {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
  }
  .sub_wrap .select_row .row_wrap.type2 .search_row_wrap .input_wrap input {
    height: 38px;
  }
  .sub_wrap .select_row .row_wrap.type2 .search_row_wrap .search_btn {
    padding: 8px 15px;
    font-size: 14px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 0;
  }
  .sub_wrap .select_row .row_wrap.type2 .search_row_wrap .con {
    flex-direction: column;
    gap: 8px;
  }
  .sub_wrap .select_row .row_wrap.type2 {
    gap: 12px;
  }
  .pagination > li > a, .pagination > li > span {
    font-size: 13px;
    width: 34px;
    height: 34px;
  }
  footer .footer_inner {
    padding: 32px 16px;
  }
  footer .foot_content {
    font-size: 13px;
  }
  .mob_block {
    display: block;
  }
  .mob_block + br {
    display: none;
  }
  .board_paging {
    margin-top: 16px;
  }
  .pagination {
    margin-top: 0;
    margin-bottom: 32px;
  }
  .select_wrap select {
    font-size: 13px !important;
  }
  .sub_wrap .notice_wrap .notice_top .tab_wrap {
    gap: 8px;
  }
  .sub_wrap .notice_wrap .notice_top .tab_wrap a {
    font-size: 16px;
    height: 43px;
  }
  .input_wrap input[type=text],.map_total_wrap .search_top .input_wrap .search_btn,.full_view_wrap .search_top .input_wrap .search_btn {
    height: 43px;
  }
  .sub_wrap .notice_wrap .notice_top .search_box button.search_btn {
    height: 43px;
    font-size: 14px;
    width: 80px;
    padding: 12px;
  }
  .sub_wrap .notice_wrap ul li a {
    padding: 16px 20px;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  .sub_wrap .notice_wrap ul li a .notice_tit_wrap {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    gap: 2px;
  }
  .sub_wrap .notice_wrap ul li a .notice_tit_wrap .tag {
    width: 60px;
    font-size: 12px;
  }
  .sub_wrap .notice_wrap ul li a .notice_tit_wrap .tit {
    color: var(---gray_900, #111);
    text-align: justify;
    font-family: var(---font_family_body, Pretendard);
    font-size: var(---font_body_xl, 17px);
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    white-space: normal;
    width: 100%;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* 보여줄 줄 수 */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    max-width: unset;
  }
  .sub_wrap .sub_top_wrap .sub_top_inner .breadcrumb_wrap a {
    display: none;
  }
  .sub_wrap .sub_top_wrap .sub_top_inner .breadcrumb_wrap a:last-of-type {
    display: block;
    font-size: 14px;
  }
  .sub_wrap .booking_program_wrap ul li {
    width: 100%;
  }
  .map_total_wrap .search_top {
    padding: 16px;
  }
  .map_total_wrap .acc_total_wrap {
    padding: 16px;
    max-height: 620px;
    height: auto;
  }
  .map_total_wrap .search_top .search_btn {
    font-size: 14px;
    width: 71px;
  }
  .map_total_wrap .search_top .search_btn .ico_search {
    width: 20px;
    height: 20px;
  }
  .map_total_wrap .acc_total_wrap .acc_wrap {
    gap: 8px;
  }
  .map_total_wrap .acc_total_wrap .acc_wrap > li > a + .acc_con_wrap {
    flex-direction: column;
    padding: 16px;
  }
  .map_total_wrap .acc_total_wrap .acc_wrap .acc_con_wrap .dl_wrap dl dt {
    flex-shrink: 0;
  }
  .map_total_wrap .acc_total_wrap .acc_wrap > li > a .tit {
    font-size: 14px;
  }
  .map_total_wrap .acc_total_wrap .acc_wrap > li > a .tag {
    font-size: 10px;
  }
  .map_total_wrap .acc_total_wrap .acc_wrap > li > a .tit_wrap {
    gap: 4px;
  }
  .map_total_wrap .acc_total_wrap .acc_wrap > li > a {
    padding: 10px 18px;
  }
  .map_total_wrap .acc_total_wrap .acc_wrap .acc_con_wrap .dl_wrap {
    gap: 8px;
  }
  .map_total_wrap .acc_total_wrap .acc_wrap .acc_con_wrap .dl_wrap dl dt {
    font-size: 13px;
  }
  .map_total_wrap .acc_total_wrap .acc_wrap .acc_con_wrap .dl_wrap dl dd {
    font-size: 13px;
  }
  .link_go {
    font-size: 12px;
    padding: 4px 25px 4px 10px;
  }
  .map_total_wrap .acc_total_wrap .acc_wrap > li > a.open + .acc_con_wrap {
    gap: 12px;
  }
  .link_go::after {
    right: 9px;
    width: 12px;
    height: 12px;
  }
  .map_total_wrap .acc_total_wrap .acc_wrap > li > a::after {
    width: 16px;
    height: 16px;
    right: 14px;
  }
  .input_wrap input[type=text] {
    font-size: 14px;
  }
  .input_wrap input[type=text]::-moz-placeholder {
    font-size: 14px;
  }
  .input_wrap input[type=text]::placeholder {
    font-size: 14px;
  }
}/*# sourceMappingURL=edu.css.map */


/*250702 추가*/
.board_list{
  width:100%;
  border-top:1px solid #3A3D4E;
  margin-top:24px;
}
.board_list thead th{
  text-align:center;
  padding:20px 0px;
  font-size:18px;
  font-weight:500;
  color:#111;
  background:#F9FAFB;
}
.board_list thead th.al{
  text-align:left;
  padding-left:40px;
}
.board_list tbody td{
  border-bottom:1px solid #E8E8E8;
  height:90px;
  vertical-align: middle;
}
.board_list tbody td a {
  display:block;
  width:100%;
}
.board_list tbody td.al a{
  font-size:22px;
  font-weight:600;
  color:#111;
  padding-left:40px;
  text-align:left;
}
.board_list tbody td{
  text-align:center;
  color:#1F1F1F;
  font-size:18px;
  font-weight:400;
}
.board_list tbody td .mOnly{
  display:none;
}
.board_list tbody td a.link{
  display:inline-flex;
  align-items: center;
  gap:0px 4px;
  width:auto;
  color:#0044BD;
  font-size:16px;
  font-weight:500;
}
.board_list tbody td a.link::after{
  content:"";
  display:block;
  width:16px;
  height:16px;
  background:url("../img/ico/link_arrow.svg")center center no-repeat;
  background-size:100%;
}

.board_list ol.paging{
  display:flex;
  justify-content: center;
  align-items: center;
  margin-top:24px;
  margin-bottom:60px;
}
.board_list ol.paging li a{
  display:flex;
  align-items: center;
  justify-content: center;
  width:40px;
  height:40px;
  font-size:16px;
  color:#777676;
}
.board_list ol.paging li.on a{
    color:#C40051;
    font-weight:900;
}
.board_list ol.paging li.first a,
.board_list ol.paging li.prev a,
.board_list ol.paging li.next a,
.board_list ol.paging li.last a{
  font-size:0px;
}
.board_list ol.paging li.first a{
  background:url("../img/ico/arrow_first.svg") center center no-repeat;
  background-size:100%;
}
.board_list ol.paging li.prev a{
  background:url("../img/ico/arrow_prev.svg") center center no-repeat;
  background-size:100%;
}
.board_list ol.paging li.next a{
  background:url("../img/ico/arrow_next.svg") center center no-repeat;
  background-size:100%;
}
.board_list ol.paging li.last a{
  background:url("../img/ico/arrow_last.svg") center center no-repeat;
  background-size:100%;
}

@media screen and (max-width: 1024px){
  .board_list .board{
    display:block;
  }
  .board_list thead{
    display:none;
  }
  .board_list tbody,.board_list tbody tr{
    display:flex;
    flex-direction: column;
    width:100%;
  }
  .board_list tbody tr{
    border-bottom:1px solid #E8E8E8;
    padding:16px 20px;
  }
  .board_list tbody td{
    display:flex;
    align-items: center;
    border-bottom:0px;
    height:auto;
    font-size:14px;
  }
  .board_list tbody td.al a{
    font-size:17px;
    padding-left:0px;
    margin-bottom:12px;
  }
  .board_list tbody td .mOnly{
    display:block;
    font-size:14px;
    color:#777676;
    margin-right:12px;
    font-weight:400;
  }
  .board_list tbody td a.link{font-size:14px; margin-top:12px;}
  .board_list ol.paging li a{
    width:28px;
    height:28px;
    font-size:13px;
  }
}

.onlineDetail{width:fit-content; margin:0 auto; display:flex; align-items: stretch; border:1px solid #E8E8E8;  padding:40px; gap:60px; }
.onlineDetail .imgWrap img{width:500px; aspect-ratio: 16/9; border-radius:20px;}
.onlineDetail .textWrap{display:flex; flex-direction: column; width:850px;}
.onlineDetail .textWrap strong{display:flex; align-items: center; font-size:28px; font-weight:600; color:#1f1f1f; gap:0px 12px; margin-bottom:12px;}
.onlineDetail .textWrap strong span{display:block; padding:2px 8px; border-radius:100px; font-size:16px; line-height:150%; color:#616161; background:#F5F5F5; font-weight:500;   }
.onlineDetail .textWrap strong span.on{color:#C40051; background: rgba(255, 35, 127, 0.10);}
.onlineDetail .textWrap p{font-size:16px; line-height:150%; color:#777676; letter-spacing:-1.2px; margin-bottom:32px;}
.onlineDetail .textWrap ul{display:flex; flex-direction: column; gap:8px 0px;}
.onlineDetail .textWrap ul li{display:flex; align-items: center; gap:0px 12px; font-size:18px; font-weight:500; color:#1f1f1f;}
.onlineDetail .textWrap ul li span{color:#777676; display:block; width:85px; white-space:nowrap;}
.onlineDetail .textWrap ul li br{display:none;}
.onlineDetail .textWrap ul li a{display:inline-flex; align-items: center; padding:6px 12px; border-radius:8px; border:1px solid #777676; font-size:14px; font-weight:500; color:#777676; gap:0px 6px;}
.onlineDetail .textWrap ul li a::After{content:""; display:block; width:12px; height:12px; background:url("../img/eye.svg")center center no-repeat; background-size:100%;}
.onlineDetail .textWrap > a{display:inline-flex; align-items: center; border-radius:8px; padding: 12px 0px; width:120px; justify-content: center; gap:0px 8px; font-size:16px; font-weight:500; color:#fff; background:#C40051; margin-top:20px;}
.goList{display:block; width: fit-content; margin:20px auto 0px; padding:12px 20px; border-radius:8px; background:#777676; color:#fff; font-size:16px; font-weight:500; margin-bottom:30px;}

@media screen and (max-width:1440px){
  .onlineDetail{max-width:100%; flex-direction: column; gap:32px; padding:20px;}
  .onlineDetail .imgWrap img{max-width:100%; width:100%;}
  .onlineDetail .textWrap{width:100%;}
  .onlineDetail .textWrap strong{font-size:20px; gap:0px 8px;}
  .onlineDetail .textWrap strong span{font-size:13px;}
  .onlineDetail .textWrap p{font-size:13px; margin-bottom:16px;}
  .onlineDetail .textWrap ul{gap:4px 0px;}
  .onlineDetail .textWrap ul li{font-size:14px; align-items: start}
  .onlineDetail .textWrap ul li br{display:block;}
  .onlineDetail .textWrap ul li a{padding:4px 10px; font-size:12px;}
  .onlineDetail .textWrap ul li a::After{width:10px; height:10px;}
  .onlineDetail .textWrap > a{width:100%; padding:10px 0px; font-size:14px; gap:0px 6px; margin-top:12px;}
  .goList{margin-top:12px; padding:10px 14px; font-size:14px;}
  .header_edu .nav_wrap nav .depth1_wrap{gap:40px;}
}
@media screen and (max-width:1300px){
  .header_edu .nav_wrap nav .depth1_wrap{gap:20px;}
}
@media screen and (max-width:1200px){
  .header_edu .nav_wrap nav .depth1_wrap{gap:10px;}
  .header_edu .nav_wrap nav .depth1_wrap > li > a{font-size:18px;}
}
.acceptWrap{width:100%; background:#F9FAFB; display:flex; flex-direction: column; padding:40px 0px; align-items: center;}
.acceptWrap > div{width:860px; background:#fff; padding:40px; border:1px solid #E8E8E8; background:#fff; border-radius:20px;}
.acceptWrap h2{ width:860px; margin-top:32px; margin-bottom:8px; display:flex; align-items: center; font-size:28px; font-weight:600; gap:0px 12px; padding-left:12px; padding-right:12px; }
.acceptWrap h2 span{font-size:16px; font-weight:500; color:#C40051;}
.acceptWrap h2 a{display:block; margin-left:auto; padding:6px 12px; color:#fff; font-weight:500; background:#2A2A2A; border-radius:8px; font-size:14px}
.acceptWrap .textWrap{display:flex; flex-direction: column;}
.acceptWrap .textWrap strong{display:flex; align-items: center; font-size:28px; font-weight:600; color:#1f1f1f; gap:0px 12px; margin-bottom:12px;}
.acceptWrap .textWrap strong span{display:block; padding:2px 8px; border-radius:100px; font-size:16px; line-height:150%; color:#616161; background:#F5F5F5; font-weight:500;   }
.acceptWrap .textWrap strong span.on{color:#C40051; background: rgba(255, 35, 127, 0.10);}
.acceptWrap .textWrap p{font-size:16px; line-height:150%; color:#777676; letter-spacing:-1.2px; margin-bottom:32px;}
.acceptWrap .textWrap ul{display:flex; flex-direction: column; gap:8px 0px;}
.acceptWrap .textWrap ul li{display:flex; align-items: center; gap:0px 12px; font-size:18px; font-weight:500; color:#1f1f1f;}
.acceptWrap .textWrap ul li span{color:#777676; display:block; width:67px;}
.acceptWrap .textWrap ul li br{display:none;}
.acceptWrap .textWrap ul li a{display:inline-flex; align-items: center; padding:6px 12px; border-radius:8px; border:1px solid #777676; font-size:14px; font-weight:500; color:#777676; gap:0px 6px;}
.acceptWrap .textWrap ul li a::After{content:""; display:block; width:12px; height:12px; background:url("../img/eye.svg")center center no-repeat; background-size:100%;}
.acceptWrap table{}
.acceptWrap table.write tr th{font-size:18px; color:#777676; font-weight:500; text-align: left; vertical-align: top; line-height:35px;}
.acceptWrap table.write tr:not(:nth-last-of-type(1)) th,
.acceptWrap table.write tr:not(:nth-last-of-type(1)) td{padding-bottom:20px;}
.acceptWrap table.write tr th .imp{font-size:0px;}
.acceptWrap table.write tr th .imp::before{content:"*"; font-size:18px; color:#c40051; font-weight:500;}
.acceptWrap table.write tr td input[type="text"]{border-radius:8px; padding:6px 12px; height:auto;}
.acceptWrap table.write tr td input[type="text"]:focus{border:1px solid #e8e8e8;}
.acceptWrap table.write tr td p.name{font-size:18px; font-weight:500; color:#1f1f1f;}
.acceptWrap table.write tr td .address{display:flex; align-items: center; gap:0px 8px;}
.acceptWrap table.write tr td .address1{margin-bottom:8px;}
.acceptWrap table.write tr td .address1 input[type=text]{width:145px;}
.acceptWrap table.write tr td .address1 a{display:inline-flex; padding:9px 12px; bordere-radius:8px; border:1px solid #777676; color:#777676; font-size:14px; font-weight:500; border-radius:8px;}
.acceptWrap table.write tr td .birth,.acceptWrap table.write tr td .phoneNumber,.acceptWrap table.write tr td .mail{display:flex; align-items: center; gap:0px 12px; color:#777676; font-size:16px; font-weight:500;}
.acceptWrap table.write tr td select{border-radius:8px; border:1px solid #E8E8E8; padding:7px 12px; background:url("../img/chevron-down.svg")center right 12px no-repeat; width:120px;}
.acceptWrap table.write tr td .phoneNumber input,.acceptWrap table.write tr td .mail input{width:120px;}
.acceptWrap table.write tr td .birth input{width:80px;}
.acceptWrap input[type=checkbox]{position:unset; width:20px; height:20px; clip-path: none; margin:0px; clip:unset; appearance: none;}
.acceptWrap input[type=checkbox]{background:url("../img/checkbox.svg")center center no-repeat; background-size:100%; border:1px solid #C8C8C8; border-radius:50%;}
.acceptWrap  input[type=checkbox]:checked{border:0px; background:url("../img/checkbox_on.svg")center center no-repeat; background-size:100%;}
.acceptWrap  input[type=checkbox]:disabled{border:0px; background:url("../img/checkbox_dis.svg")center center no-repeat; background-size:100%;}
.acceptWrap table.write tr td input[type=radio]{position:unset; width:20px; height:20px; clip-path: none; margin:0px; clip:unset; appearance: none;}
.acceptWrap table.write tr td input[type=radio]{background:url("../img/radio.svg")center center no-repeat; background-size:100%; border-radius:50%;}
.acceptWrap table.write tr td input[type=radio]:checked{border:0px; background:url("../img/radio_on.svg")center center no-repeat; background-size:100%;}
.acceptWrap table.write tr td input[type=radio]:disabled{border:0px; background:url("../img/radio_dis.svg")center center no-repeat; background-size:100%;}

.acceptWrap table.write tr td ul{display:flex; align-items: center; gap:0px 20px;}
.acceptWrap table.write tr td ul li{display:flex; align-items: center;}
.acceptWrap label{background:none !important; padding-left:4px !important; border:0px !important; color:#1f1f1f; font-weight:500; font-size:18px; min-height:0px !important; line-height:unset !important; margin:0px !important;}
.acceptWrap div table.view{width:100%; border-top:1px solid #2A2A2A }
.acceptWrap div table.view th,
.acceptWrap div table.view td{padding:20px 20px; font-size:16px; font-weight:500; border-bottom:1px solid #e8e8e8; text-align:left;}
.acceptWrap div table.view th{background:#F9FAFB; text-align:left; }
.acceptWrap div table.view td{color:#777676;}
.acceptWrap div table.view + p{margin:20px auto; text-align:center; color:#777676; font-size:16px; font-weight:500;}
.acceptWrap div table.view + p + strong{display:block; text-align:center; font-size:18px; color:#1f1f1f; font-weight:500;}
.acceptWrap div table.view + p + strong + p{display:block; text-align:center; margin-top:20px;}
.acceptWrap .btnWrap{display:flex; justify-content: center; margin-top:32px; gap:0px 20px;}
.acceptWrap .btnWrap li a{display:flex; align-items: center; padding:12px 20px; border-radius:8px; color:#fff; font-size:16px; font-weight:500; gap:0px 8px;}
.acceptWrap .btnWrap li:nth-of-type(1) a{background:#777676;}
.acceptWrap .btnWrap li:nth-of-type(2) a{background:#C40051;}


@media screen and (max-width:1440px){
  .acceptWrap{padding:20px 16px;}
  .acceptWrap > div{padding:20px;}
  .acceptWrap > div,
  .acceptWrap > h2{width:100%;}


  .acceptWrap .textWrap{width:100%;}
  .acceptWrap .textWrap strong{font-size:20px; gap:0px 8px;}
  .acceptWrap .textWrap strong span{font-size:13px;}
  .acceptWrap .textWrap p{font-size:13px; margin-bottom:16px;}
  .acceptWrap .textWrap ul{gap:10px 0px;}
  .acceptWrap .textWrap ul li{font-size:14px; align-items: start}
  .acceptWrap .textWrap ul li br{display:block;}
  .acceptWrap .textWrap ul li a{padding:4px 10px; font-size:12px;}
  .acceptWrap .textWrap ul li a::After{width:10px; height:10px;}
  .acceptWrap h2{margin-top:16px; font-size:16px; gap:0px 12px;}
  .acceptWrap h2 span{font-size:13px;}
  .acceptWrap div table colgroup{display:none;}
  .acceptWrap div table,
  .acceptWrap div table tbody{display:block;}
  .acceptWrap table.write tr:not(:nth-last-of-type(1)) th{
    padding-bottom:0px;
  }
  .acceptWrap table.write tr:not(:nth-last-of-type(1)) td{padding-bottom:12px;}
  .acceptWrap div table tbody tr{display:Flex; flex-direction: column;}
  .acceptWrap div table tbody tr > *{display:flex;}
  .acceptWrap div table tbody tr td{flex-direction: column;}
  .acceptWrap table.write tr th{line-height:21px; font-size:14px;}
  .acceptWrap table.write tr th .imp::before{font-size:14px;}
  .acceptWrap table.write tr td p.name{font-size:14px;}
  .acceptWrap table.write tr td input[type="text"]{font-size:13px; padding:4px 8px; line-height:16px;}
  .acceptWrap table.write tr td .address1 a{padding:5px 10px; font-size:12px;}
  .acceptWrap table.write tr td select{font-size:13px; padding:4px 8px;}
  .acceptWrap h2 a{padding:4px 10px; font-size:12px;}
  textarea{font-size:13px; padding:4px 8px; line-height:16%;}
  .acceptWrap table.write tr td ul{flex-direction: column; align-items: start; gap:4px 0px;}
  .acceptWrap input[type=checkbox], .acceptWrap input[type=radio]{width:16px; height:16px; max-width:16px; max-height:16px;}
  .acceptWrap input[type=checkbox] + label, .acceptWrap input[type=radio] + label{padding-left:4px; font-size:14px;}
  .acceptWrap div table.view th, .acceptWrap div table.view td{padding:12px; font-size:13px;}
  .acceptWrap div table.view + p{font-size:13px; margin:12px auto;}
  .acceptWrap div table.view + p + strong{font-size:14px;}
  .acceptWrap div table.view + p + strong + p{margin-top:12px;}
  .acceptWrap div table.view + p + strong + p label{font-size:14px;}
  .acceptWrap .btnWrap{margin-top:16px; gap:0px 12px;}
  .acceptWrap .btnWrap li a{gap:0px 6px; font-size:14px; padding:10px 14px;}
  .acceptWrap .btnWrap li:nth-of-type(2) a{width:120px; justify-content: center}
}