@charset "UTF-8";

/* title */
.title_sub_wrap {
  padding: 117px 30px 0;
}
.title_sub_wrap.etiquette h2 {
  line-height: 42px;
}
.title_sub_wrap h2 {
  font-size: 32px;
  line-height: 32px;
  margin-bottom: 13px;
}
.title_sub_wrap p {
  font-size: 15px;
  line-height: 29px;
}
.title_cont_wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 16px;
}
.title_cont_wrap h3 {
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
  font-family: "Noto Sans KR" !important;
}
.title_cont_wrap .right_side {
  margin: -4px 0 -4px 5px;
}
.title_cont_wrap .right_side button {
  width: fit-content;
  height: 28px;
  padding: 8px 16px 16px;
  border: 1px solid #124424;
  font-weight: 500;
  font-size: 13px;
  line-height: 13px;
}
.title_cont_wrap .right_side button:disabled {
  border: 1px solid #BBBBBB;
  color: #BBBBBB;
  cursor: default;
}
.title_cont_wrap .btn_item {
  padding: 12px 14px 30px;
  width: 48%;
  height: 40px;
  border: 1px solid #124424;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}
.title_cont_wrap .btn_item:disabled {
  border: 1px solid #BBBBBB;
  color: #BBBBBB;
  cursor: default;
}

/* 비주얼 이미지 영역 */
.visual_wrap .visual_cont {
  position: relative;
}
.visual_wrap .visual_cont .img {
  position: relative;
  display: block;
  overflow: hidden;
  padding-top: calc(var(--vh, 1vh) * 100);
  /* height: 100vh; */
  transform: none;
}
.visual_wrap .visual_cont img {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  height: 100%;
  transition: left 3s linear;
}
.visual_wrap.move .visual_cont img {
  left: -100px;
}
.visual_wrap.clubHouse_main .visual_cont .img:after {
  opacity: 0.7;
}
.visual_wrap.course_main .visual_cont .img:after {
  opacity: 0.4;
}
.visual_wrap .visual_cont .visual_info {
  position: absolute;
  bottom: 74px;
  padding: 24px 30px 0 30px;
  width: 100%;
}
.visual_wrap .visual_cont .visual_info .title {
  font-size: 28px;
  color: #fff;
}
.visual_wrap .visual_cont .visual_info .title2 {
  font-size: 24px;
  line-height: 34px;
  color: #fff;
}
.visual_wrap .visual_cont .visual_info .desc {
  margin-top: 20px;
  line-height: 28px;
  color: #fff;
  word-break: keep-all;
}

/* 타이틀 영역 */
.title_add {
  flex-direction: column;
  align-items: flex-start;
  padding: 60px 30px 100px;
}
.title_add.my_page {
  padding: 117px 30px 70px;
}
.title_add.type2 {
  /* padding: 60px 30px 100px; */
}
.title_add .title {
  font-size: 32px;
  line-height: 32px;
  padding-bottom: 20px;
}
.title_add > p {
  font-size: 15px;
  line-height: 29px;
  font-weight: 400;
}

/* form */
.list_info {
  padding: 10px 0;
  border-top: 1px solid #c6d1ca;
}
.list_info > div {
  width: 100%;
  padding: 20px 0;
}
.list_info > div > dt {
  width: 100%;
  font-size: 14px;
  line-height: 14px;
  margin-bottom: 10px;
  letter-spacing: -0.5px;
}
.list_info > div > dd {
  font-size: 14px;
}
.list_info > div > dd > b {
  font-weight: 700;
}
.list_info .form_wrap {
  width: 100%;
}
.list_info .form_wrap.email .form_set {
  position: relative;
  width: 100%;
}
.list_info .form_wrap.email .form_set input[type="text"] {
  width: 100%;
}
.icon_required {
  display: inline-block;
  width: 4px;
  height: 4px;
  background-color: #9b7a3e;
  border-radius: 50%;
  vertical-align: top;
}
/*************** LOGIN MEMBER ***************/
.member_intro {
}
.member_intro img {
  max-width: 100%;
  height: auto;
  width: calc(100% - 30px);
  margin-left: 30px;
  margin-top: 50px;
}
.member_intro .member_intro_cont {
  padding: 30px 30px 70px;
}
.member_intro .member_intro_cont .text_lg {
  font-size: 18px;
  line-height: 32px;
}

.member_intro .member_intro_cont .btn_wrap {
  display: inline-block;
  padding-top: 30px;
}
.member_intro .member_intro_cont .btn_wrap .line {
  display: block;
  width: 100%;
  height: 1px;
  background: rgba(111, 144, 123, 0.5);
  margin: 20px 0;
}
.member_intro .member_intro_cont .btn_wrap .btn_text_lg {
  font-size: 20px;
  line-height: 20px;
  font-weight: 700;
  color: #124424;
}

.contents.member_complete {
  min-height: 100vh;
  background: url(../images/sub/visual_complete.png) no-repeat 50% 100%;
  padding: 150px 30px 0 30px;
  background-size: cover;
}
.member_complete .tit {
  font-size: 26px;
  line-height: 36px;
  letter-spacing: -0.04px;
  padding-bottom: 22px;
}
.member_complete .btn_view {
  margin-bottom: 70px;
  line-height: 14px;
  font-family: "Noto Sans KR";
}

.agree_title_wrap {
  display: flex;
  justify-content: space-between;
}
.agree_title_wrap .title_box .sub {
  display: block;
  margin-bottom: 15px;
  line-height: 14px;
}
.agree_title_wrap .title_box h2 {
  font-size: 30px;
  line-height: 30px;
}
.agree_title_wrap .step {
  display: flex;
  gap: 10px;
  justify-content: center;
  align-items: center;
}
.agree_title_wrap .step .dot {
  display: block;
  width: 8px;
  height: 8px;
  background: #b7c8bd;
  border-radius: 100%;
}
.agree_title_wrap .step .dot.active {
  background: #124424;
}
.agree_form_cont {
  padding-bottom: 60px;
}
.agree_form_cont .title {
  padding-top: 60px;
  font-size: 18px;
  line-height: 18px;
  font-weight: 700;
  margin-bottom: 16px;
  font-family: "Noto Sans KR";
}
.agree_form_cont .title.pt40 {
  padding-top: 40px;
}
.agree_form_cont .agree_terms dt .form_check {
  padding-bottom: 16px;
  border-bottom: 1px solid #c6d1ca;
}
.agree_form_cont .form_check {
  margin-right: 0;
}
.agree_form_cont .form_check label {
  display: block;
  margin-right: 0;
}

.agree_form_cont .form_check label input + span .btn_view {
  padding: 0 10px;
}
.agree_form_cont .form_check label .title {
  font-size: 16px;
  font-weight: 700;
}
.agree_form_cont .form_check label + label {
  margin-top: 20px;
}
.agree_form_cont .agree_terms .terms_title {
  padding: 30px 0;
  border-bottom: 1px solid #c6d1ca;
}
.agree_form_cont .agree_terms .form_check span {
  display: flex;
  justify-content: space-between;
}
.agree_form_cont .month_box {
  display: flex;
  align-items: center;
  margin-top: 20px;
  gap: 30px;
}
.agree_form_cont .month_box label + label {
  margin-top: 0;
}
.agree_form_cont .text_guide2 {
  margin-top: 16px;
}
.agree_form_cont .text_guide2.mt0 {
  margin-top: 0;
}
.agree_form_cont .agree_terms {
  padding-top: 60px;
}
.agree_form_cont .agree_terms .terms_items {
  padding: 30px 0;
}

.agree_form_cont .agree_terms .terms_items > dt:first-child {
  padding-top: 0;
}
.agree_form_cont .agree_terms .terms_items dt {
  line-height: 14px;
  font-weight: 700;
}
.agree_form_cont .agree_terms .terms_items dt + dd {
  padding-top: 14px;
  line-height: 14px;
}
.agree_form_cont .agree_terms .terms_items dd + dt {
  padding-top: 30px;
}
.agree_form_cont .agree_terms .terms_items dt,
.agree_form_cont .agree_terms .terms_items dd {
  color: #85998c;
}
.agree_form_cont .agree_terms.checked .terms_items dt,
.agree_form_cont .agree_terms.checked .terms_items dd {
  color: #124424;
}

.agree_form_cont .agree_terms .check_list {
  padding: 20px 0;
  border-top: 1px solid #c6d1ca;
  border-bottom: 1px solid #c6d1ca;
}
.agree_form_cont .list_info > div > dt {
  letter-spacing: -0.05px;
}
.agree_form_cont .list_info .flex {
  display: flex;
  justify-content: space-between;
}
.agree_form_cont .list_info .flex span {
  line-height: 14px;
  letter-spacing: -0.05px;
  font-weight: 400;
}
.agree_form_cont .list_info .flex strong {
  font-size: 18px;
  line-height: 18px;
  font-weight: 700;
  letter-spacing: -0.05px;
}

.popup_box .term_list > li {
  display: flex;
  gap: 4px;
  line-height: 24px;
  /* letter-spacing: -0.05em; */
}
.popup_box .term_list > li + li {
  margin-top: 10px;
}
/*************** INTRO ***************/
.intro_wrap {
  position: relative;
  display: flex;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  background: url(../images/sub/bg_err.png) no-repeat 100% / cover;
  background-position: bottom;
}
.intro_wrap .logo {
  position: absolute;
  top: 26px;
}

.intro_wrap .membership_tab {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 168px;
}
.intro_wrap .membership_tab > div {
  font-size: 34px;
  line-height: 34px;
}
.intro_wrap .membership_tab i {
  display: inline-block;
  width: 15px;
  height: 1px;
  background-color: #124424;
  margin-top: 50px;
  margin-bottom: 50px;
}
.intro_wrap .text {
  width: 220px;
  position: absolute;
  bottom: 115px;
  font-size: 16px;
  line-height: 22px;
  font-style: italic;
}
.intro_wrap .text span {
  display: block;
  text-align: left;
  font-size: 18px;
  font-style: italic;
}
.intro_wrap .text span:nth-child(2) {
  text-align: right;
}

/*************** ABOUT ***************/
.about .about_list {
  position: relative;
  margin-right: -30px;
  overflow: hidden;
  z-index: 0;
  margin-left: -30px;
  height: 468px;
  margin-bottom: 24px;
  padding-right: 45px;
}
.about .about_list h3 {
  font-size: 18px;
  font-weight: 700;
  padding-bottom: 12px;
}
.about .about_cont {
  padding: 20px 15px 100px 0;
}
.about .about_cont h3 {
  font-size: 28px;
  line-height: 28px;
  font-weight: 400;
  padding-bottom: 12px;
}
.about .about_cont ul {
  display: flex;
  flex-direction: column;
}
.about .about_cont div {
  display: flex;
  line-height: 28px;
}
.about .about_cont span {
  flex-shrink: 0;
  padding-right: 17px;
  white-space: nowrap;
  font-size: 16px;
}
.about .about_cont ul li {
  font-size: 16px;
  line-height: 26px;
}
.swiper_box {
  position: relative;
}
.swiper_box .swiper-slide {
  -webkit-overflow-scrolling: touch;
}
.about_list .swiper-wrapper .swiper-slide .about_img {
  width: 100%;
  height: 468px;
}

.about_list .swiper-wrapper .swiper-slide.swiper-slide-active .about_img {
  filter: none;
}
.about.about_history .about_list .about_img {
  position: relative;
  width: 100%;
  height: 100%;
  filter: grayscale(100%);
  transition: filter 0.3s ease-out;
  overflow: hidden;
}
.about_list .about_img img {
  height: 100%;
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}
.about.in-view .about_list .about_img::after {
  transform: translateY(0);
}
.swiper-slide .about_img::after {
  content: "";
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../../static/images/sub/visual_history1.png) no-repeat center
    bottom;
  background-size: cover;
  transition: all 3s ease-out;
}
.swiper-slide .about_img.full img {
  max-width: 100%;
  height: auto;
}
.about .about_list .swiper-pagination {
  font-weight: 300;
  color: #124424;
  text-align: right;
  right: 17%;
  bottom: 0;
  left: inherit;
}

.value_cont .thumbnail {
  position: relative;
  padding-top: 62.68%;
  overflow: hidden;
}

.value_cont .thumbnail img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-width: 100%;
  height: auto;
}

.value_cont .address_info {
  padding: 30px 0;
}
.value_cont .address_info > div {
  display: flex;
}
.value_cont .address_info > div + div {
  margin-top: 10px;
}
.value_cont .address_info dt {
  width: 52px;
  font-weight: 700;
  line-height: 14px;
  margin-right: 20px;
}

.value_cont .address_info dd {
  line-height: 14px;
}

.address_list {
  border-top: 1px solid #c6d1ca;
  padding: 24px 0;
}
.address_list .address_item {
  transform: skew(-0.1deg);
}
.value_cont .address_list div + div {
  margin-top: 18px;
}
.value_cont .address_list div p {
  font-size: 14px;
  line-height: 26px;
  font-weight: 700;
}

.value_cont .address_list div span {
  font-size: 14px;
  line-height: 26px;
}
.about .btn_wrap {
  display: flex;
  justify-content: space-between;
  gap: 9px;
}
.about .btn_wrap .btn_lg {
  flex: 1;
}
.about .btn_lg + .btn_lg {
  margin-left: 0;
}
.about .btn_wrap i.icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 5px;
}
.about .btn_wrap i.icon img {
  width: 100%;
}

/*************** COURSE ***************/
.course_wrap .footer {
  position: fixed;
  width: 100vw;
  bottom: -450px;
  left: 0;
  transition: bottom 0.5s;
  z-index: 5;
}
.course_wrap .footer.active {
  bottom: 0 !important;
  z-index: 30;
}
.course_wrap .footer + .footer_bg {
  display: none;
}
.course_wrap .footer.active + .footer_bg {
  display: block;
  z-index: 20;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  top: 51px;
  background: rgba(0, 0, 0, 0);
}

.course_container {
  position: fixed;
  width: 100vw;
  top: 0;
  bottom: 0;
  left: 0;
}
.course_slide {
  position: absolute;
  width: 100vw;
  bottom: 0;
  left: 0;
  top: calc(var(--vh, 1vh) * 100);
  transition: top 0.5s;
}
.course_slide.visual_wrap .visual_cont {
  overflow: hidden;
}

.course_slide.active,
.course_slide.change,
.course_slide.scrolled {
  top: 0 !important;
}
.course_slide.foot {
  top: -370px !important;
}

.course_slide .cont_in {
  height: calc(100vh - 60px);
  height: calc(calc(var(--vh, 1vh) * 100) - 60px);
  overflow: hidden;
}
.course_slide .cont_in.bg_colr {
  background-color: #fffdf9;
}
.contents.course {
  padding: 0;
}
.course_point {
  overflow: hidden; /* 0831 */
}
.course_point .cont_in {
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100); /* 0831 */
  overflow: hidden; /* 0831 */
  width: 100vw; /* 0831 */
}

.course_point .point_info {
  /* 0831 */
  position: relative;
  overflow: hidden;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
}
.course_point .point_info .desc {
  position: absolute;
  z-index: 2;
  top: 68px;
  right: 40px; /* 0831 */
  left: 30px;
  color: #124424;
  transition: all 0.5s ease-in; /* 0831 */
}
.course_point .point_info .desc1 {
  line-height: 28px;
  letter-spacing: -0.02px;
  opacity: 1;
}
.course_point .point_info .desc2 {
  padding-top: 7px;
  opacity: 0;
}
.course_point .point_info .desc2 li {
  line-height: 28px;
}
.course_point .point_bg {
  position: absolute;
  bottom: 0px;
  width: 130vw;
  max-height: 450px;
  height: 100%;
  background: url("../images/sub/course_bg_img11.png") no-repeat left bottom /
    cover; /* 0831 */
  transition: all 0.5s ease-in; /* 0831 */
}

.course_point.change .point_bg {
  margin-left: -30vw; /* 0831 */
}
.course_point.change .point_info .desc1 {
  opacity: 0;
}
.course_point.change .point_info .desc2 {
  opacity: 1;
}
.course_planner {
  position: relative;
  padding-top: 60px;
}
.course_planner .img {
  overflow: hidden;
  position: relative;
  display: block;
  margin: 0 116px 90px 0;
  transition: all 0.5s ease-in; /* 0831 */
}
.course_planner .img:after {
  position: absolute;
  top: 8px;
  bottom: 0;
  left: 0;
  width: 100%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 62.9%);
  opacity: 0;
  content: "";
  transition: all 0.5s ease-in; /* 0831 */
}
.course_planner .img img {
  max-width: 100%;
  /* width: 289px; */
  width: 210px; /* 09.06 */
  transition: all 0.5s ease-in; /* 0831 */
}
.course_planner .cont_title {
  position: absolute;
  right: 0;
  margin-top: -76px;
  margin-right: 85px;
  text-align: right;

  font-size: 28px;
  transition: all 0.5s ease-in; /* 0831 */
}
.course_planner .cont_title:after {
  display: block;
  clear: both;
  content: "";
}
.course_planner .cont_title > span {
  display: block;
  font-weight: 400;
}
.course_planner .cont_title img {
  float: right;
  width: 120px;
  margin: -20px -54px 0 0;
}
.course_planner .desc {
  position: relative;
  margin-top: 199px;
  padding: 0 60px 0 30px;
  line-height: 28px;
  transition: all 0.5s ease-in; /* 0831 */
  transform: translate3d(0, 0, 0);
}
.course_planner .desc span + span {
  display: block;
  margin-top: 20px;
}
.course_planner.scrolled .img {
  margin-top: -2px;
  margin-bottom: 15px;
}
.course_planner.scrolled .img img {
  /* width: 192px; */
  width: 172px; /* 09.06 임시 */
  filter: grayscale(100%);
}
.course_planner.scrolled .img:after {
  bottom: -35px;
  opacity: 1;
}
.course_planner.scrolled .cont_title {
  right: 30px;
  margin-top: -178px;
  font-weight: 400;
  font-size: 18px;
  opacity: 0; /* 09.13 */
}
.course_planner.scrolled .desc {
  transform: translate3d(0, -116px, 0);
  margin-top: 0;
}
.course_hole {
  background: url("../../static/images/sub/course_bg_hole1.png") no-repeat right
    bottom;
  height: calc(var(--vh, 1vh) * 100);
}
.course_hole.course_east {
  background-image: url(../images/sub/course_bg_first.png);
  background-size: auto calc(calc(var(--vh, 1vh) * 100) - 5px);
}
.course_hole.course_west {
  background-image: url(../images/sub/west_course_bg_hole1.png);
  background-size: auto calc(calc(var(--vh, 1vh) * 100) - 16px);
}
.course_hole.course_east1,
.course_hole.course_west1 {
  background: none;
}
.course_hole.course_west1 {
  overflow-y: auto;
}

.course_hole .cont_in {
  position: relative;
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100);
  padding: 125px 30px 340px;
}
.course_hole h3 {
  margin-bottom: 10px;
  font-weight: 400;
  font-size: 28px;
  line-height: 34px;
}
.course_hole .link {
  font-weight: 700;
  font-size: 15px;
  color: #b68c41;
}
.course_hole .link:after {
  display: inline-block;
  width: 11px;
  height: 11px;
  margin: -6px 0 0 6px;
  background: url("../images/icon/icon_link.svg") no-repeat 0 0;
  background-size: 100%;
  vertical-align: middle;
  content: "";
}
.course_hole .info {
  position: absolute;
  bottom: 0;
  left: 30px;
  padding-bottom: 60px;
  border-left: 0.5px solid #124424;
}
.course_hole .info > li {
  padding: 0 0 23px 20px;
  font-weight: 400;
  font-size: 20px;
}
.course_swiper {
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  overflow: hidden;
}
.course_swiper .swiper-slide {
  overflow-y: auto;
  padding: 60px 30px 15px 30px; /* 0831 */
}

.course_swiper h4 {
  margin-bottom: 20px;
  font-size: 24px;
  line-height: 24px;
  font-weight: 700;
}
.course_swiper .cont_text {
  line-height: 28px;
  padding-right: 20px;
}
.course_swiper .cont_text > span {
  line-height: 28px;
  padding-right: 20px;
}
.course_swiper .list_items {
  margin-top: 25px;
  padding-right: 50px;
}
.course_swiper .list_items div {
  margin-bottom: 13px;
  line-height: 16px;
}
.course_swiper .list_items div span {
  display: inline-block;
  font-size: 16px;
  line-height: 16px;
  font-weight: 700;
}
.course_swiper .list_items div span:first-child::after {
  content: "";
  clear: both;
  display: inline-block;
  width: 1px;
  height: 10px;
  margin-left: 12px;
  background-color: #124424;
}
.course_swiper .list_items div span + span {
  margin-left: 12px;
}
.course_swiper .list_items:after {
  display: block;
  clear: both;
  content: "";
}
.course_swiper .list_items dd {
  position: relative;
  float: left;
  width: 123px;
  margin-top: 10px;
  padding-left: 18px;
  color: #b68c41;
  font-weight: 700;
  line-height: 14px;
}
.course_swiper .list_items dd:nth-child(-n + 4) {
  margin-top: 0;
}
.course_swiper .list_items dd:before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 10px;
  height: 10px;
  background-color: #000;
  box-shadow: 0px 1px 3px rgba(80, 80, 80, 0.3);
  border-radius: 50%;
  content: "";
  transform: translateY(-50%);
}

.course_swiper .list_items dd:nth-of-type(2)::before {
  background-color: #499be7;
  box-shadow: 0px 1px 3px rgba(112, 125, 138, 0.3);
}
.course_swiper .list_items dd:nth-of-type(3)::before {
  background-color: #fff;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.44);
}
.course_swiper .list_items dd:nth-of-type(4)::before {
  background-color: #ffb92c;
  box-shadow: 0px 1px 3px rgba(105, 92, 45, 0.3);
}

.course_swiper .list_items dd:nth-of-type(5)::before {
  background-color: #e13b3e;
  box-shadow: 0px 1px 3px rgba(86, 27, 27, 0.3);
}
.course_swiper .cont_img {
  margin-top: 22px;
}
.course_swiper .cont_img .img1 {
  display: block;
  height: 51px;
  width: auto;
  /* 09.06 임시 */
  width: 224px;
  height: auto;
}
.course_swiper .cont_img .img2 {
  display: block;
  height: calc(calc(var(--vh, 1vh) * 100) - 420px);
  max-height: 500px;
  width: auto;
  margin-top: 4px;
  margin-left: 26px;
}
.course_swiper.swiper-container-vertical > .swiper-pagination-bullets {
  position: sticky;
  top: auto;
  bottom: 13px;
  left: 100%;
  width: 33px;
  margin-right: 15px;
  transform: none;
}
.course_swiper.swiper-container-vertical
  > .swiper-pagination-bullets
  .swiper-pagination-bullet {
  position: relative;
  display: block;
  width: 8px;
  height: 8px;
  left: 50%;
  transform: translateX(-50%);
  margin: 0 0 55px;
  background: transparent;
  border: transparent;
  border-radius: 50%;
  opacity: 1;
  z-index: 50;
}
.course_swiper.swiper-container-vertical
  > .swiper-pagination-bullets
  .swiper-pagination-bullet:last-of-type {
  margin: 0;
}
/* 버튼 홀 번호 */
.course_swiper.swiper1.swiper-container-vertical
  > .swiper-pagination-bullets
  .swiper-pagination-bullet
  span.blind,
.course_swiper.swiper2.swiper-container-vertical
  > .swiper-pagination-bullets
  .swiper-pagination-bullet
  span.blind {
  position: relative;
}
.course_swiper.swiper1.swiper-container-vertical
  > .swiper-pagination-bullets
  .swiper-pagination-bullet
  span.blind::before,
.course_swiper.swiper2.swiper-container-vertical
  > .swiper-pagination-bullets
  .swiper-pagination-bullet
  span.blind::before {
  position: absolute;
  content: "1";
  font-size: 12px;
  line-height: 12px;
  right: -14px;
  top: -14px;
  opacity: 1;
  text-indent: 0;
  color: #124424;
}
.course_swiper.swiper2.swiper-container-vertical
  > .swiper-pagination-bullets
  .swiper-pagination-bullet
  span.blind::before {
  right: -19px;
}
.course_swiper.swiper1.swiper-container-vertical
  > .swiper-pagination-bullets
  .swiper-pagination-bullet:nth-child(2)
  span.blind::before {
  content: "2";
}
.course_swiper.swiper1.swiper-container-vertical
  > .swiper-pagination-bullets
  .swiper-pagination-bullet:nth-child(3)
  span.blind::before {
  content: "3";
}
.course_swiper.swiper1.swiper-container-vertical
  > .swiper-pagination-bullets
  .swiper-pagination-bullet:nth-child(4)
  span.blind::before {
  content: "4";
}
.course_swiper.swiper1.swiper-container-vertical
  > .swiper-pagination-bullets
  .swiper-pagination-bullet:nth-child(5)
  span.blind::before {
  content: "5";
}
.course_swiper.swiper1.swiper-container-vertical
  > .swiper-pagination-bullets
  .swiper-pagination-bullet:nth-child(6)
  span.blind::before {
  content: "6";
}
.course_swiper.swiper1.swiper-container-vertical
  > .swiper-pagination-bullets
  .swiper-pagination-bullet:nth-child(7)
  span.blind::before {
  content: "7";
}
.course_swiper.swiper1.swiper-container-vertical
  > .swiper-pagination-bullets
  .swiper-pagination-bullet:nth-child(8)
  span.blind::before {
  content: "8";
}
.course_swiper.swiper1.swiper-container-vertical
  > .swiper-pagination-bullets
  .swiper-pagination-bullet:nth-child(9)
  span.blind::before {
  content: "9";
}
.course_swiper.swiper2.swiper-container-vertical
  > .swiper-pagination-bullets
  .swiper-pagination-bullet:nth-child(1)
  span.blind::before {
  content: "10";
}
.course_swiper.swiper2.swiper-container-vertical
  > .swiper-pagination-bullets
  .swiper-pagination-bullet:nth-child(2)
  span.blind::before {
  content: "11";
}
.course_swiper.swiper2.swiper-container-vertical
  > .swiper-pagination-bullets
  .swiper-pagination-bullet:nth-child(3)
  span.blind::before {
  content: "12";
}
.course_swiper.swiper2.swiper-container-vertical
  > .swiper-pagination-bullets
  .swiper-pagination-bullet:nth-child(4)
  span.blind::before {
  content: "13";
}
.course_swiper.swiper2.swiper-container-vertical
  > .swiper-pagination-bullets
  .swiper-pagination-bullet:nth-child(5)
  span.blind::before {
  content: "14";
}
.course_swiper.swiper2.swiper-container-vertical
  > .swiper-pagination-bullets
  .swiper-pagination-bullet:nth-child(6)
  span.blind::before {
  content: "15";
}
.course_swiper.swiper2.swiper-container-vertical
  > .swiper-pagination-bullets
  .swiper-pagination-bullet:nth-child(7)
  span.blind::before {
  content: "16";
}
.course_swiper.swiper2.swiper-container-vertical
  > .swiper-pagination-bullets
  .swiper-pagination-bullet:nth-child(8)
  span.blind::before {
  content: "17";
}
.course_swiper.swiper2.swiper-container-vertical
  > .swiper-pagination-bullets
  .swiper-pagination-bullet:nth-child(9)
  span.blind::before {
  content: "18";
}

.course_swiper.swiper-container-vertical
  > .swiper-pagination-bullets
  .swiper-pagination-bullet::before {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 6px;
  height: 6px;
  background-color: #124424;
  border: 1px solid #124424;
  border-radius: 50%;
  transform: translateX(-50%) translateY(-50%);
  content: "";
  z-index: 50;
}

.course_swiper.swiper-container-vertical
  > .swiper-pagination-bullets
  .swiper-pagination-bullet::after {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 32px;
  height: 32px;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 50%;
  transform: translateX(-50%) translateY(-50%);
  content: "";
  z-index: 2;
}
.course_swiper.swiper-container-vertical
  > .swiper-pagination-bullets
  .swiper-pagination-bullet-active {
  background-color: transparent;
}
.course_swiper.swiper-container-vertical
  > .swiper-pagination-bullets
  .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
  border-color: #124424;
  background-color: #fff;
}
.course_swiper.swiper1.swiper-container-vertical
  > .swiper-pagination-bullets
  .swiper-pagination-bullet-active
  span.blind::before,
.course_swiper.swiper2.swiper-container-vertical
  > .swiper-pagination-bullets
  .swiper-pagination-bullet-active
  span.blind::before {
  opacity: 0;
}

.course_swiper.swiper-container-vertical .swiper-pagination-progressbar {
  position: sticky;
  top: auto;
  left: 100%;
  bottom: 13px;
  width: 1px;
  height: 554px;
  margin-right: 31px;
  background-color: rgba(18, 68, 36, 0.3);
}
.course_swiper.swiper-container-vertical .swiper-pagination-progressbar:before {
  position: absolute;
  top: -10px;
  left: -1px;
  width: 3px;
  height: 52px;
  background-color: white;
  content: "";
  z-index: 90;
}
.course_swiper.swiper-container-vertical .swiper-pagination-progressbar::after {
  position: absolute;
  top: -2px;
  left: 0;
  width: 100%;
  height: 42px;
  content: "";
  z-index: 90;
}
.course_swiper.swiper-container-vertical
  .swiper-pagination-progressbar
  .swiper-pagination-progressbar-fill {
  top: -10px;
  background-color: #124424 !important;
  transition-duration: 500ms !important;
}
.layer_wrap {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
}
.layer_menu {
  overflow-y: auto;
  max-height: calc(100vh - 40px);
  padding: 0 30px 30px;
  background-color: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(4px);
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1);
}
.layer_menu .menu_title {
  padding-top: 14px;
  font-weight: 700;
  font-size: 18px;
}
.layer_menu .menu_title:not(:first-of-type) {
  margin-top: 20px;
  padding-top: 33px;
  border-top: 1px solid #c6d1ca;
}
.layer_menu .menu_items {
  margin-top: 20px;
}
.layer_menu .menu_items:after {
  display: block;
  clear: both;
  content: "";
}
.layer_menu .menu_items .side {
  float: left;
  width: 50%;
}
.layer_menu .menu_items button {
  display: block;
  width: 100%;
  margin-top: 26px;
  font-weight: 400;
  font-size: 18px;
}
.layer_menu .btn_close {
  position: absolute;
  top: 0;
  right: 22px;
  padding: 21px 10px 0 0;
  border-right: 0.5px solid rgba(18, 16, 36, 0.5);
  color: #124424;
  font-weight: 400;
  font-size: 15px;
  line-height: 15px;
}
.popup_course {
  min-height: 100vh;
  padding: 50px 30px 43px;
  background: rgba(0, 0, 0, 0.9);
  backdrop-filter: blur(4px);
}
.popup_course .popup_header {
  padding: 5px 0;
}
.popup_course .popup_header h2 {
  font-weight: 400;
  font-size: 18px;
  color: #fff;
}
.popup_course .popup_header .btn_close {
  position: absolute;
  top: 44px;
  right: 22px;
  padding: 21px 10px 0 0;
  border-right: 0.5px solid rgba(255, 255, 255, 0.5);
  color: #fff;
  font-weight: 400;
  font-size: 15px;
  line-height: 15px;
}
.popup_course .all_details {
  margin-top: 15px;
}
.popup_course .all_details:after {
  display: block;
  clear: both;
  content: "";
}
.popup_course .all_details > div {
  float: left;
  width: 45.5%;
  margin-top: 15px;
  padding: 9px 0;
  border-bottom: 0.5px solid rgba(255, 255, 255, 0.2);
}
.popup_course .all_details > div:nth-of-type(even) {
  margin-left: 9%;
}
.popup_course .all_details > div:nth-of-type(5) {
  width: 100%;
}
.popup_course .all_details dt {
  float: left;
  font-size: 13px;
  color: #cf9e43;
}
.popup_course .all_details dd {
  float: right;
  font-weight: 400;
  font-size: 22px;
  color: #fff;
}
.popup_course .all_img {
  margin: 0 -30px;
}
.popup_course .all_img .img {
  width: 100%;
  margin-top: -15px;
}
.popup_course .all_guide dd {
  display: inline-block;
  margin-right: 30px;
  color: #fff;
}
.popup_course .all_guide dd > i {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: -2px 3px 0 0;
  background-color: #b68c41;
  border-radius: 50%;
  vertical-align: middle;
  content: "";
}
.popup_course .all_guide dd:nth-of-type(2) > i {
  background-color: #157036;
}

@media screen and (max-width: 415px) {
  .course_point .course_info .desc > span,
  .course_point .course_info .desc > li > span,
  .course_planner .desc > span,
  .course_swiper .cont_text > span {
    display: block;
  }
}

/*************** INFO ***************/
#container.rules .info_wrap .notice .reservation_table .flex dd {
  line-height: 26px;
}

.info_wrap .title_sub_wrap {
  padding-bottom: 100px;
}
.info_wrap .title_add {
  flex-direction: column;
  align-items: flex-start;
  padding: 60px 30px 100px;
}

.info_wrap .title_add .title {
  font-size: 32px;
  line-height: 42px;
  padding-bottom: 20px;
}
.info_wrap .title_add p {
  font-size: 15px;
  line-height: 29px;
}
.info_wrap .notice {
  padding-top: 70px;
  margin-top: 30px;
}
.info_wrap .notice.first {
  padding-top: 0;
  margin-top: 0;
}
.info_wrap .notice.last {
  padding-bottom: 10px;
}
.info_wrap .notice .tit.no-line {
  border-bottom: none;
}

.info_wrap .notice .tit {
  padding-bottom: 3px;
  font-size: 18px;
  font-weight: 700;
  /* border-bottom: 1px solid #c6d1ca; */
  line-height: 18px;
  transform: translateY(2px);
  /* font-family: "Noto Sans KR"; */
}
.info_wrap .notice .tit::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #c6d1ca;
  margin-top: 8px;
}
.info_wrap .border_list {
  border-bottom: 1px solid #c6d1ca;
}
.info_wrap .border_list > li {
  padding: 15px 0;
  display: flex;
  font-size: 16px;
  line-height: 16px;
}
.info_wrap .border_list > li:nth-child(1) {
  padding-top: 30px;
}

.info_wrap .border_list > li:nth-child(4) {
  padding-bottom: 30px;
}

.info_wrap .border_list > li:last-child {
  border-bottom: none;
}
.info_wrap .notice .notice_cont {
  padding-top: 40px;
}
.info_wrap .notice .notice_cont .title {
  display: block;
  font-size: 16px;
  line-height: 16px;
  padding-bottom: 10px;
}
.info_wrap .notice .notice_cont .title.pb14 {
  padding-bottom: 14px;
}
.info_wrap .notice .notice_cont .sub_title {
  font-size: 28px;
  line-height: 28px;
  font-weight: 400;
}
.info_wrap .notice .notice_cont .sub_title a {
  font-size: 28px;
  line-height: 28px;
}
.info_wrap .notice .notice_cont .sub_title .link {
  position: relative;
  word-break: break-all;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 22px;
  line-height: 22px;
  font-weight: 400;
}
.info_wrap .notice .notice_cont .sub_title .icon_link {
  width: 13px;
  height: 13px;
  margin: -4px 0 0 8px;
  background-image: url("../images/icon/icon_arrow_link.svg");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center;
}
.info_wrap .notice .notice_cont .desc {
  line-height: 24px;

  padding-top: 15px;
}

.info_wrap .notice .reservation_table {
  padding: 20px 0px 18px;
  border-bottom: 1px solid #c6d1ca;
}
.info_wrap .notice .reservation_table h5 {
  font-size: 16px;
  line-height: 16px;
  font-weight: 700;
  transform: translateY(2px);
}
.info_wrap .notice .reservation_table .flex {
  align-content: center;
  align-items: baseline;
  padding-top: 15px;
}
.info_wrap .notice .reservation_table .flex + .flex {
  padding-top: 10px;
}
.info_wrap.week_weather .notice .reservation_table .flex {
  padding-top: 20px;
}
.info_wrap.week_weather .notice .reservation_table .flex + .flex {
  padding-top: 20px;
}
.info_wrap .notice .reservation_table .flex dt {
  position: relative;
  flex-shrink: 0;
  margin-right: 8px;
  padding-right: 8px;
  font-size: 16px;
  line-height: 16px;
}
.info_wrap .notice .reservation_table .flex dt:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0.5px;
  height: 13px;
  background-color: #124424;
}
.info_wrap .notice .reservation_table .flex dd {
  font-size: 16px;
  line-height: 26px;
  /* line-height: 16px; */
  display: flex;
  align-items: center;
}
.info_wrap .notice .reservation_table .flex dd img {
  display: block;
  width: 23px;
  height: 14px;
}
.info_wrap .notice .reservation_table + .notice_cont,
.info_wrap .notice .border_list + .notice_cont,
.info_wrap .notice .fee_system + .notice_cont,
.info_wrap .border_list + .etiquette_cont {
  padding-top: 20px;
}
.info_wrap .notice .border_list + .notice_cont {
}
.info_wrap .notice .fee_system {
  padding: 15px 0;
}
.info_wrap .notice .fee_system dl {
  display: flex;
}

.info_wrap .notice .fee_system dl > * {
  flex: 1;
  display: block;
}
.info_wrap .notice .fee_system dt {
  font-size: 15px;
  line-height: 28px;
  font-weight: 500;
}
.info_wrap .notice .fee_system dd {
  font-size: 20px;
  line-height: 30px;
  text-align: right;
}
.info_wrap .notice .notice_cont .fax_download {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: 10px;
  margin-top: 14px;
  font-weight: 700;
  color: #124424;
  font-size: 16px;
  line-height: 16px !important;
  font-family: "Noto Sans KR";
}
.info_wrap .notice .notice_cont .fax_download::after {
  content: "";
  width: 11px;
  height: 14px;
  right: 0;
  background: url("../images/icon/icon_download.svg") no-repeat 0 0;
  background-size: 11px 14px;
  margin-left: 9px;
}

.info_wrap .etiquette {
  padding-bottom: 120px;
}
.info_wrap .etiquette.last {
  padding-bottom: 10px;
}
.info_wrap .etiquette .img_box {
  height: auto;
  position: relative;
}
.info_wrap .etiquette .img_box img {
  max-width: 100%;
  position: relative;
}
.info_wrap .etiquette .img_box .img:after {
  content: "";
  position: absolute;
  bottom: 0px;
  left: 0px;
  background: linear-gradient(180deg, rgba(15, 7, 67, 0) 0%, #050520 100%);
  mix-blend-mode: multiply;
  width: 100%;
  height: 90px;
  opacity: 0.7;
}
.info_wrap .etiquette .img_box .img_desc {
  position: absolute;
  bottom: 15px;
  left: 15px;
  color: #fff;
  font-size: 12px;
  line-height: 20px;
  letter-spacing: -0.04em;
}
.info_wrap .etiquette h3 {
  line-height: 18px;
  font-weight: 700;
  font-size: 18px;
  color: #124424;
  padding-bottom: 18px;
  font-family: "Noto Sans KR";
}

.info_wrap .etiquette .text-wrap {
  padding-top: 50px;
}
.info_wrap .etiquette .text-wrap .title {
  font-size: 24px;
  line-height: 34px;
  display: block;
  padding-bottom: 40px;
  letter-spacing: -0.04px;
}
.info_wrap .etiquette .text-wrap h4 {
  font-size: 16px;
  line-height: 26px;
  font-weight: 700;
  padding-bottom: 14px;
}
.info_wrap .etiquette .text-wrap .list li {
  display: block;
  line-height: 28px;
  font-size: 14px;
}
.info_wrap .etiquette .text-wrap .desc {
  display: block;
  line-height: 26px;
  font-size: 16px;
}
.info_wrap .etiquette .text-wrap .list + h4 {
  padding-top: 34px;
}
.text_relate {
  margin-top: 32px;
  line-height: 26px;
  font-weight: 700;
}
.info_wrap .etiquette .text-wrap .bold {
  display: inline-block;
  padding-top: 32px;
  font-weight: 700;
  line-height: 26px;
}
.info_wrap .etiquette .list_num {
  padding-top: 12px;
}
.info_wrap .etiquette .list_num > li {
  display: flex;
  font-size: 14px;
  line-height: 28px;
}
.info_wrap .etiquette .list_num > li + li {
  padding-top: 18px;
}
.info_wrap .etiquette .list_num > li span {
  margin-left: 4px;
}
.etiquette_cont .list > li + li {
  margin-top: 5px !important;
}
.info_wrap .etiquette .etiquette_cont {
  padding-top: 30px;
}
.info_wrap .weather_wrap {
  padding: 33px 0 30px;
}
.info_wrap .weather_wrap .tit {
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 16px;
  font-weight: 400;
  border-bottom: none;
  padding-bottom: 30px;
  transform: skew(-0.1deg);
}
.info_wrap .weather_wrap .tit:after {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  background-image: url("../images/icon/icon_location.svg");
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center;
  margin-left: 5px;
}
.info_wrap .weather_wrap .weather_cont {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.info_wrap .weather_wrap .weather_cont .cont_left {
  display: flex;
  align-items: center;
}
/* .info_wrap .weather_wrap .weather_cont .cont_left .img {
  display: block;
  width: 74px;
  height: 52px;
}
.info_wrap .weather_wrap .weather_cont .cont_left .img img {
  max-width: 100%;
  height: auto;
} */
.weather_list [class^="img_weather"],
.weather_list [class*="img_weather"] {
  display: block;
  width: 36px;
  height: 36px;
  background-repeat: no-repeat !important;
  background-size: 100% auto !important;
  background-position: center !important;
}
.img_weather1 {
  background: url("../images/icon/weather/img_weather1.svg");
}
.img_weather2 {
  background: url("../images/icon/weather/img_weather2.svg");
}
.img_weather3 {
  background: url("../images/icon/weather/img_weather3.svg");
}
.img_weather4 {
  background: url("../images/icon/weather/img_weather4.svg");
}
.img_weather5 {
  background: url("../images/icon/weather/img_weather5.svg");
}
.img_weather6 {
  background: url("../images/icon/weather/img_weather6.svg");
}
.img_weather7 {
  background: url("../images/icon/weather/img_weather7.svg");
}
.img_weather8 {
  background: url("../images/icon/weather/img_weather8.svg");
}
.img_weather9 {
  background: url("../images/icon/weather/img_weather9.svg");
}
.img_weather10 {
  background: url("../images/icon/weather/img_weather10.svg");
}
.img_weather11 {
  background: url("../images/icon/weather/img_weather11.svg");
}
.img_weather12 {
  background: url("../images/icon/weather/img_weather12.svg");
}
.img_weather13 {
  background: url("../images/icon/weather/img_weather13.svg");
}
.img_weather14 {
  background: url("../images/icon/weather/img_weather14.svg");
}
.img_weather15 {
  background: url("../images/icon/weather/img_weather15.svg");
}
.img_weather16 {
  background: url("../images/icon/weather/img_weather16.svg");
}
.img_weather17 {
  background: url("../images/icon/weather/img_weather17.svg");
}
.img_weather18 {
  background: url("../images/icon/weather/img_weather18.svg");
}
.info_wrap .weather_wrap .weather_cont .cont_left .degrees {
  position: relative;
  font-size: 70px;
  line-height: 70px;
  margin-left: 11px;
  margin-top: 2px;
}
.info_wrap .weather_wrap .weather_cont .cont_left .degrees::after {
  position: absolute;
  display: block;
  content: "";
  top: 3px;
  right: -10px;
  width: 12px;
  height: 12px;
  border: 2px solid #124424;
  border-radius: 100%;
  box-sizing: border-box;
}
.info_wrap .weather_wrap .weather_cont .cont_right {
  display: flex;
  flex-direction: column;
  text-align: right;
}
.info_wrap .weather_wrap .weather_cont .cont_right .week {
  font-size: 18px;
  line-height: 18px;
}
.info_wrap .weather_wrap .weather_cont .cont_right .time {
  margin-top: 9px;
  font-size: 18px;
  line-height: 18px;
  font-weight: bold;
}
.info_wrap .weather_wrap .cont_info .cont_list {
  padding: 25px 0 30px;
  border-bottom: 1px solid #c6d1ca;
}
.info_wrap .weather_wrap .cont_info .cont_list li {
  display: flex;
  justify-content: space-between;
}
.info_wrap .weather_wrap .cont_info .cont_list li .sub {
  line-height: 32px;
}
.info_wrap .weather_wrap .cont_info .cont_list li .desc {
  font-size: 16px;
  line-height: 32px;
  font-weight: bold;
}

.info_wrap .weather_list .swiper-weather .swiper-slide {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.info_wrap .weather_list .swiper-weather .swiper-slide .time {
  line-height: 14px;
  padding-bottom: 20px;
}
.info_wrap .weather_list .swiper-weather .swiper-slide .degrees {
  position: relative;
  display: block;
  font-size: 32px;
  line-height: 32px;
}
.info_wrap .weather_list .swiper-weather .swiper-slide .degrees::after {
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  right: -8px;
  width: 6px;
  height: 6px;
  border: 1px solid #124424;
  box-sizing: border-box;
  border-radius: 100%;
}
.info_wrap .weather_list .swiper-weather .swiper-slide img {
  width: 36px;
  height: 30px;
  display: block;
  padding-top: 5px;
}
.info_wrap .weather_list .swiper-weather .swiper-slide .percent {
  display: flex;
  line-height: 14px;
  padding-top: 20px;
  align-items: center;
  gap: 5px;
}
.info_wrap .weather_list .swiper-weather .swiper-slide .percent::before {
  content: "";
  display: block;
  width: 12px;
  height: 15px;
  margin-top: -3px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center;
}
.info_wrap
  .weather_list
  .swiper-weather
  .swiper-slide
  .percent.percent0::before {
  background-image: url("../images/icon/icon_rainfall_0.svg");
}
.info_wrap
  .weather_list
  .swiper-weather
  .swiper-slide
  .percent.percent10::before {
  background-image: url("../images/icon/icon_rainfall_10.svg");
}
.info_wrap
  .weather_list
  .swiper-weather
  .swiper-slide
  .percent.percent20::before {
  background-image: url("../images/icon/icon_rainfall_20.svg");
}
.info_wrap
  .weather_list
  .swiper-weather
  .swiper-slide
  .percent.percent30::before {
  background-image: url("../images/icon/icon_rainfall_30.svg");
}
.info_wrap
  .weather_list
  .swiper-weather
  .swiper-slide
  .percent.percent40::before {
  background-image: url("../images/icon/icon_rainfall_40.svg");
}
.info_wrap
  .weather_list
  .swiper-weather
  .swiper-slide
  .percent.percent50::before {
  background-image: url("../images/icon/icon_rainfall_50.svg");
}
.info_wrap
  .weather_list
  .swiper-weather
  .swiper-slide
  .percent.percent60::before {
  background-image: url("../images/icon/icon_rainfall_60.svg");
}
.info_wrap
  .weather_list
  .swiper-weather
  .swiper-slide
  .percent.percent70::before {
  background-image: url("../images/icon/icon_rainfall_70.svg");
}
.info_wrap
  .weather_list
  .swiper-weather
  .swiper-slide
  .percent.percent80::before {
  background-image: url("../images/icon/icon_rainfall_80.svg");
}
.info_wrap
  .weather_list
  .swiper-weather
  .swiper-slide
  .percent.percent90::before {
  background-image: url("../images/icon/icon_rainfall_90.svg");
}
.info_wrap
  .weather_list
  .swiper-weather
  .swiper-slide
  .percent.percent100::before {
  background-image: url("../images/icon/icon_rainfall_100.svg");
}
.info_wrap.week_weather [class^="img_weather"],
.info_wrap.week_weather [class*="img_weather"] {
  display: block;
  width: 23px;
  height: 20px;
  background-repeat: no-repeat !important;
  background-size: 100% auto !important;
  background-position: center !important;
  margin: -2px 0 0 10px;
}

/*************** CLUB HOUSE ***************/
.club .club_list {
  position: relative;
  margin-left: -30px;
  margin-right: -30px;
  padding: 30px;
  overflow: hidden;
  z-index: 0;
}
.club .club_list .swiper-wrapper .swiper-slide .club_img {
  width: 100%;
  filter: grayscale(100%);
  transition: filter 0.5s ease-out;
}
.club .club_list .swiper-wrapper .swiper-slide:last-child {
  margin-right: 0 !important;
}
.club .club_list .swiper-wrapper .swiper-slide .club_img img {
  max-width: 100%;
}
.club .club_list .swiper-wrapper .swiper-slide.swiper-slide-active .club_img {
  filter: grayscale(0);
}
.club .club_list .swiper-pagination {
  text-align: right;
  right: 45px;
  bottom: 0;
  left: inherit;
  letter-spacing: -2px;
}
.club .club_cont {
  padding: 20px 0 60px 0;
}
.club .club_cont h3 {
  padding-bottom: 12px;
  font-size: 18px;
  line-height: 18px;
  font-weight: 700;
}
.club .club_cont p {
  padding-right: 50px;
  font-size: 14px;
  line-height: 28px;
}

/********* my page **********/
.contents.mypage {
  padding-bottom: 45px !important;
}
.text_list {
  margin-top: 25px;
}
.mypage-tab {
  position: relative;
}
.tab_box {
  overflow-x: auto;
  position: relative;
  margin: 0 -30px;
  padding: 0 30px 30px;
}
.mypage-tab .my_tabs {
  display: table;
  margin: 0 -10px;
  white-space: nowrap;
  overflow-x: scroll;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  margin: 0 -30px;
  padding: 0 30px;
  -ms-overflow-style: none;
  border-bottom: 1px solid #ddd;
}
.tab_box::-webkit-scrollbar {
  display: none;
}
.mypage-tab .my_tabs li {
  display: table-cell;
  padding: 20px 16px;
  cursor: pointer;
  transform: skew(-0.1deg);
}
.mypage-tab .my_tabs li span {
  display: block;
  font-weight: 400;
  color: #6f907b;
  transition: all 0.3s;
  letter-spacing: -0.05em;
  font-size: 16px;
  line-height: 16px;
  font-family: "Noto Sans KR";
}

.mypage-tab .my_tabs li.active span {
  font-weight: 700;
  color: #124424;
}
.mypage-tab .my_tabs li:after {
  opacity: 0;
  transition: all 0.3s;
}
.mypage-tab .my_tabs li.active:after {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background: #124424;
  position: absolute;
  left: 0;
  opacity: 1;
  bottom: -1px;
}
.mypage-tab .bs_tab_container {
  padding: 40px 0 0;
}

.bs_tab_content {
  display: none;
}
#tab4.bs_tab_content {
  padding-bottom: 60px;
}
.tab-cont-area + .tab-cont-area {
  margin-top: 100px;
}
.tab-cont-area .title_cont_wrap .btn_link_move {
  padding-right: 10px;
  font-family: "Noto Sans KR" !important;
}
.tab-cont-area .text_guide2 {
  font-size: 12px;
  line-height: 20px;
  color: #85998c;
  margin-top: 30px;
}

.tab_container.top-border:not(:first-child) {
  border-top: 1px solid #c6d1ca;
}
.form_wrap.m input:not(:first-child),
.form_wrap.m select:not(:first-child),
.form_wrap.m i:not(:first-child),
.form_wrap.m .btn_mid:last-child {
  margin-left: 0;
}

.form_wrap.m form.flex {
  flex-direction: column;
  gap: 16px;
  width: 100%;
}

.form_calendar.flex {
  gap: 11px;
}

/* 부킹내역 table */
.table-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 18px 0 20px;
  border-bottom: 1px solid #c6d1ca;
}
.table-top .th {
  line-height: 14px;
}
.table-top .td {
  line-height: 14px;
  font-weight: 700;
  letter-spacing: -0.5px;
}
.table-cont,
.table-bottm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
}
.table-cont.border {
  border-bottom: 1px solid #c6d1ca;
}
.table-cont .row,
.table-bottm .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
  /* line-height: 1; */
  margin-right: 0;
  margin-left: 0;
  padding: 19px 0;
  letter-spacing: -0.5px;
  transform: skew(-0.1deg);
}
.table-cont .row:first-child {
  padding-top: 30px;
}

.table-cont .row.last {
  padding-bottom: 30px;
}
.table-cont .row .th {
  font-size: 16px;
  line-height: 16px;
  font-weight: 400;
  letter-spacing: -0.5px;
}

.table-cont .row .td,
.table-bottm .row .td {
  font-weight: 700;
  line-height: 14px;
  text-align: right;
  letter-spacing: -0.5px;
}

.table-bottm {
  border-top: 1px solid rgba(198, 209, 202, 0.5);
}
.table-bottm .row {
  padding: 18px 0;
}

.table-btn {
  margin-top: 23px;
}

p.text_list .text_list li,
.text_guide2 li {
  font-weight: 400;
  line-height: 24px;
}
.text_list li + li {
  margin-top: 7px;
}

p.text_list.mark,
div.text_list.mark,
.text_list.mark li {
  position: relative;
  margin-top: 7px;
  padding-left: 7px;
}

p.text_list.mark:before,
div.text_list.mark:before,
.text_list.mark li:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "·";
}
.text_list.mark li:last-child {
  color: #6f907b;
}

/* MY PAGE 레이어 팝업 */
.modal_wrap {
  display: none;
  overflow-y: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 111;
  /* z-index 우선 순위: 1 */
  width: 100%;
  height: 100%;
}
.popup_wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100vh;
}

.popup_wrap .popup_header {
  position: sticky;
  flex: 1 0 auto;
  top: 0;
  left: 0;
  height: 51px;
  padding: 0;
  background: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  -webkit-transform: translate3d(0, 0, 0);
}

.popup_wrap .popup_header .btn_close {
  position: absolute;
  top: 0;
  right: 22px;
  padding: 21px 10px 0 0;
  border-right: 0.5px solid rgba(18, 16, 36, 0.5);
  color: #124424;
  font-weight: 400;
  font-size: 15px;
  line-height: 15px;
}

.popup_wrap .popup_header h2 {
  font-weight: 700;
  font-size: 18px;
}

.popup_wrap .popup_header h2:before {
  display: inline-block;
  width: 8px;
  height: 2px;
  margin-right: 6px;
  background-color: #124424;
  vertical-align: middle;
  content: "";
}

.popup_wrap .popup_content {
  overflow-y: auto;
  height: 100vh;
  padding: 40px 30px 60px;
  background-color: #fff;
}

.popup_wrap .content_inner {
  width: 100%;
}
.popup_wrap .content_inner .inner-area + .inner-area {
  margin-top: 100px;
}
.popup_wrap .content_inner .inner-area2 + .inner-area2 {
  margin-top: 80px;
}

.popup_wrap .title_wrap1 {
  padding-left: 0;
  margin-bottom: 16px;
}

.popup_wrap .title_wrap1 h3 {
  font-size: 18px;
  line-height: 18px;
  font-weight: 700;
}

.popup_wrap .content_inner > .text_warning {
  margin-top: 34px;
  line-height: 24px;
}
.popup_wrap .content_inner .text_alert {
  position: absolute;
}

.list_booking > li + li {
  margin-top: 20px;
}
.list_booking > li.booking_item {
  padding: 12px 20px 30px;
  border: 1px solid #c6d1ca;
}
.list_booking > li.booking_item .table-cont {
  border-top: none;
  padding-top: 20px;
}
.list_booking > li.booking_item .table-cont .row {
  padding: 13px 0;
}

.list_booking > li.booking_item .table-cont .row .th,
.list_booking > li.booking_item .table-bottm .row .th {
  line-height: 14px;
}
.list_booking > li.booking_item .table-cont .row .th.disabled {
  color: #6f907b;
}
.list_booking > li.booking_item .table-btn {
  margin: 27px 0 0;
  font-size: 15px;
}
.list_booking > li.booking_item .table-btn button {
  position: relative;
  font-weight: 700;
  line-height: 14px;
}

/* 스코어 조회 팝업 */
.score_detail {
  padding: 30px 20px;
  background-color: rgba(198, 209, 202, 0.1);
}
.score_detail > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
}
.score_detail > div + div {
  margin-top: 24px;
}
.score_detail dt {
  font-size: 16px;
  line-height: 16px;
}

.score_detail dd {
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: -0.5px;
}

/* score table */
.score_detail_wrap {
  padding-bottom: 28px;
}
.datatable.type_score {
  margin-top: 22px;
  margin-bottom: 18px;
}
.datatable.type_score td,
.datatable.type_score th {
  padding: 12px 0;
  font-size: 18px;
  line-height: 18px;
  color: #124424;
}
.datatable.type_score th:last-child,
.datatable.type_score td:last-child {
}
.datatable.type_score tr:last-child td {
  padding-left: 0;
}
.datatable.type_score th:first-child {
  text-align: left;
}
.datatable.type_score td:not(:first-child) {
  text-align: center;
}
.datatable.type_score td:first-child {
  padding-left: 16px;
}
.datatable.type_score td:first-child {
  font-size: 18px;
  line-height: 18px;
  font-weight: 700;
}
.datatable.type_score td:last-child {
  text-align: center;
}
.datatable.type_score thead tr th {
  padding: 8px 0 8px;
  font-size: 18px;

  line-height: 18px;
  font-weight: 700;
}

/* 개인정보 변경 */
.table-cont.my-info .row .th {
  font-size: 14px;
  line-height: 14px;
}
.table-cont.my-info .input-box dt {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
}
.table-cont.my-info .input-box .form_wrap {
  display: block;
}

.table-cont.my-info .input-box .form_wrap input[type="text"] {
  font-size: 14px;
  line-height: 14px;
}
.input-box {
  margin-top: 40px;
}
.text_guide {
  margin-top: 10px;
  font-size: 13px;
  line-height: 21px;
}

#formEmailId::placeholder {
  font-size: 14px;
  line-height: 14px;
}

.marketing-agree {
  padding-bottom: 0 !important;
  transform: skew(-0.1deg);
}
.marketing-agree.dt {
}
.marketing-agree dd {
  transform: skew(-0.1deg);
}
.text_confirm {
  height: 109px;
  padding: 18px 46px 18px 15px;
  overflow-y: scroll;
  transform: skew(-0.1deg);
}
.text_confirm ol li span {
  font-weight: 700;
}
.text_confirm::-webkit-scrollbar-thumb {
  background-color: #c6d1ca;
}
.marketing-agree .form_check {
  display: flex;
  margin-top: 25px;
}
.marketing-agree .form_check label + label {
  margin-top: 0;
}
.form_check.month_box {
  margin-top: 20px;
}
/* 회원탈퇴 */
.area_text {
  margin: 12px 0 10px;
  font-size: 16px;
  line-height: 28px;
}
.area_btn {
  padding-bottom: 60px !important;
}
.withdrawal-txt {
  margin-bottom: 50px;
}
.withdrawal-txt .list_info > div > dt {
  font-size: 16px;
  line-height: 16px;
}
.list_info > div > dd.flex {
  flex-direction: column;
  gap: 16px;
  transform: skew(-0.1deg);
}
.list_info > div > dd.flex input {
  margin-left: 0;
}
.btn_wrap.withdraw {
}
.btn_wrap.withdraw .flex {
  flex-direction: column;
  align-items: center;
  margin: 17px auto 0;
}

/*************** LOGIN ***************/
.login_wrap {
  min-height: 100vh;
  background: url(../images/sub/visual_complete.png) no-repeat 50% 100%;
  padding: 90px 30px 0 30px;
  background-size: cover;
}
.login_wrap .contents {
  padding: 0 15px;
}
.login_wrap .title_login_wrap {
  margin-bottom: 63px;
}
.login_wrap .title_login_wrap h2 {
  font-size: 28px;
  line-height: 28px;
  letter-spacing: -0.4px;
  margin-bottom: 13px;
}
.login_wrap .title_login_wrap p {
  line-height: 28px;
}
.login_wrap .title_login_wrap p.text_guide2 {
  margin-top: 10px;
}
.login input[type="text"],
.login input[type="number"],
.login input[type="password"],
.login input[type="email"] {
  padding-left: 0;
  padding-right: 0;
  border-width: 0 0 1px 0;
  background-color: transparent;
}
.login .form_area {
  margin-bottom: 12px;
}
.login .form_area > li {
  position: relative;
  padding-bottom: 20px;
}
.login .form_area .alert {
  position: absolute;
  bottom: 0;
  color: #e13b3e;
  font-size: 12px;
  line-height: 12px;
}
.login .btn_area {
  display: flex;
  margin-top: 32px;
}
.login .btn_area .btn_mid {
  flex: 1 1 0;
}
.login .form_area + .btn_area {
  margin-top: 10px;
}
.login .btn_add {
  margin-top: 30px;
  text-align: center;
}
.login .btn_add .btn_link {
  position: relative;
  font-size: 15px;
  letter-spacing: -0.05em;
  font-weight: 400;
}

.login .form_check input[type="checkbox"] + span:before {
  top: 0;
}

.login .btn_srch {
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
.login .btn_srch a {
  position: relative;
  line-height: 14px;
}
.login .btn_srch a + a {
  padding-left: 20px;
}
.login .btn_srch a + a:after {
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -5px;
  content: "";
  display: block;
  width: 1px;
  height: 10px;
  background: #c6d1ca;
}
.account_result {
  margin-top: 40px;
}
.account_result > dt {
  font-size: 14px;
  line-height: 14px;
  margin-bottom: 10px;
}
.account_result > dd {
  font-size: 22px;
  font-weight: 700;
  line-height: 22px;
  color: #b68c41;
}

/*************** ERROR PAGE  ***************/
.err_page {
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: url(../images/sub/bg_err.png) no-repeat 50% 100%;
  background-size: cover;
  text-align: center;
}
.err_page .btn_main {
  position: relative;
  margin-top: 10px;
  font-size: 12px;
  font-weight: 700;
}
.err_page .btn_main::after {
  content: "";
  clear: both;
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #124424;
}
.err_page .logo {
  margin-bottom: 45px;
}
.err_page .logo img {
  width: 103px;
  height: 72px;
}
.err_page p:nth-of-type(1) {
  font-size: 24px;
  line-height: 34px;
  letter-spacing: -0.4px;
}
.err_page p:nth-of-type(2) {
  font-size: 16px;
  line-height: 24px;
  margin-top: 10px;
}
.btn_item_error {
  margin: 12px 4px 0px;
  padding: 4px 16px;
  height: 32px;
  border: 1px solid #124424;
  font-size: 15px;
  font-weight: 400;
  white-space: nowrap;
}
.date_info {
  margin-top: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.date_info dt {
  position: relative;
  font-weight: 700;
  line-height: 24px;
  padding-right: 17px;
}
.date_info dt:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 13px;
  background: #124424;
  position: absolute;
  top: 4px;
  right: 9px;
}
.date_info dd {
  font-weight: bold;
  line-height: 24px;
  color: #b68c41;
  text-align: left;
}
.telno_info {
  margin-top: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.telno_info dt {
  position: relative;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  padding-right: 17px;
}
.telno_info dt:after {
  content: "";
  display: inline-block;
  width: 1px;
  height: 17px;
  background: #124424;
  position: absolute;
  top: 1px;
  right: 9px;
}
.telno_info dd {
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  color: #b68c41;
  text-align: left;
  margin-top: -3px;
}

/*************** 오픈전 안내 ***************/
.open_guide {
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 25px;
  background: url(../images/sub/bg_err.png) no-repeat 50% 100%;
  background-size: cover;
}
.open_guide .logo {
  margin-bottom: 45px;
}
.open_guide .logo img {
  width: 103px;
  height: 72px;
}
.open_guide p {
  font-size: 16px;
  line-height: 30px;
}
.open_guide p + p {
  margin-top: 30px;
}

/*************** NOTICE ***************/
.contents.notice_content {
  padding: 0 30px 60px;
}
.notice_wrap .title_sub_wrap {
  padding-bottom: 80px;
}
.search_wrap {
  position: relative;
  height: 50px;
  padding: 0 24px 0 0;
  border-bottom: 1px solid #124424;
}

.search_wrap input[type="text"] {
  height: 100%;
  background-color: transparent;
  border: none;
  outline: none;
  font-size: 16px;
  padding-left: 0;
  padding-right: 0;
  border-width: 0 0 1px 0;
  /* padding: 13px 10px 10px 0; */
}

.search_wrap .btn_icon.search {
  position: absolute;
  top: 13px;
  right: 0;
  width: 24px;
  height: 24px;
  z-index: 1;
  background-image: url(../images/icon/icon_search.png);
  background-size: 100% 100%;
}
.search_wrap .btn_icon.close {
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 60px;
  z-index: 1;
}
.search_wrap .btn_icon.delete {
  width: 16px;
  height: 16px;
  display: inline-block;
  background: url(../images/icon/srch_del.png) no-repeat 0 0;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.board_list {
  margin: 0 -30px;
}
.board_list .list > li {
  display: inherit;
  border-bottom: 1px solid #d6ded9;
  padding-left: inherit;
  margin-top: 0;
}
.board_list .list > li > a {
  position: relative;
  display: block;
  padding: 22px 30px;
  color: #124424;
}
.board_list .list > li.noti a {
  background: #f3f6f4;
  padding: 25px 30px 22px;
}
.board_list .list > li.noti a .title {
  font-weight: 700;
}
.board_list .list .title {
  overflow: hidden;
  font-size: 15px;
  line-height: normal;
  display: block;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.board_list .list .point {
  display: flex;
  align-items: center;
  margin-top: 12px;
}
.board_list .list .point .date {
  margin-top: 0;
}
.board_list .list .date {
  display: block;
  margin-top: 12px;
  color: #124424;
  font-size: 12px;
  line-height: 12px;
}
.board_list .list .txt {
  position: relative;
  font-size: 12px;
  font-weight: 500;
  padding-left: 16px;
}
.board_list .list .txt:before {
  content: "";
  display: block;
  width: 1px;
  height: 8px;
  background: #d6ded9;
  position: absolute;
  top: 50%;
  left: 8px;
  margin-top: -4px;
}
.form_file_img {
}
.form_file_img:after {
  display: inline-block;
  width: 20px;
  height: 20px;
  content: "";
  background: url("../images/icon/icon_file.png");
  background-size: 100%;
  position: absolute;
  margin: 1px 0 0 4px;
}
.board_list .nodata,
div.nodata {
  padding: 100px 0;
}
.board_list .nodata p,
div.nodata p {
  text-align: center;
  font-size: 15px;
  color: #6f907b;
}
div.nodata {
  border-top: 1px solid #c6d1ca;
}

.borad_view {
  padding-bottom: 20px;
}

.borad_view .title {
  position: relative;
  padding: 90px 0 30px;
}
.borad_view .title:after {
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: -30px;
  right: -30px;
  background: #c6d1ca;
}
.borad_view .title h3 {
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}

.borad_view .title .date {
  margin-top: 10px;
  font-size: 13px;
  line-height: 13px;
}

.borad_view .cont {
  min-height: 300px;
  padding-top: 30px;
}

.borad_view .cont img {
  display: block;
  /* width: calc(100% + 48px);*/
  width: 100%;
  height: auto;
}
.borad_view .cont .list {
}
.borad_view .cont strong {
  display: block;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  padding-bottom: 25px;
}
.borad_view .cont .list > li {
  display: flex;
  font-size: 15px;
  line-height: 25px;
  gap: 5px;
}
.borad_view .cont .list > li + li {
  padding-top: 10px;
}

.borad_view .addition {
  margin-top: 60px;
}
.borad_view .addition strong {
  position: relative;
  display: block;
  font-size: 15px;
  font-weight: 700;
  line-height: 15px;
  padding-left: 26px;
  margin-bottom: 14px;
}
.borad_view .addition strong:before {
  display: inline-block;
  width: 20px;
  height: 20px;
  content: "";
  background: url(../images/icon/icon_file.png);
  background-size: 100%;
  position: absolute;
  top: -4px;
  left: 0;
}
.borad_view .addition .btn_file {
  position: relative;
  display: block;
  padding: 10px 0 10px 26px;
  border-radius: 8px;
  font-size: 14px;
  line-height: 14px;
  word-break: break-all;
}

.borad_view .addition .btn_file:after {
  position: absolute;
  width: 11px;
  height: 14px;
  background: url("../images/icon/icon_download.svg") no-repeat 50%;
  background-size: 100%;
  content: "";
  margin: -2px 0 0 6px;
}

.borad_view .addition .btn_file > img {
  width: 18px;
  height: 18px;
  margin-right: 10px;
}

.borad_view .addition .btn_file + .btn_file {
  margin-top: 6px;
}

.pagination_type2 {
  margin: 0 -30px;
  border-top: 1px solid #d6ded9;
}

.pagination_type2 > div.disabled {
  line-height: 55px;
  color: #6f907b;
}

.pagination_type2 div {
  position: relative;
  font-size: 15px;
  line-height: 55px;
  padding: 0 30px;
  border-bottom: 1px solid #d6ded9;
  font-family: "Noto Sans KR";
}

.pagination_type2 div a {
  overflow: hidden;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.pagination_type2 div:first-child:after {
  position: absolute;
  bottom: 25px;
  right: 30px;
  width: 6px;
  height: 6px;
  margin-top: -3px;
  border: 1px solid #124424;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  transform: rotate(315deg);
  content: "";
}
.pagination_type2 div:last-child:after {
  position: absolute;
  bottom: 28px;
  right: 30px;
  width: 6px;
  height: 6px;
  border: 1px solid #124424;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  content: "";
}
.pagination_type2 div.disabled:after {
  border-color: #6f907b;
}

/*************** POLICY ***************/
.policy_wrap {
  padding: 66px 30px 75px;
}
.policy_wrap * {
  font-family: "Noto Sans KR";
}
.policy_wrap .size_mid {
  margin-bottom: 52px;
  font-weight: 400;
}
.policy_wrap .policy_content .pb15 {
  padding-bottom: 15px;
}
.policy_wrap .policy_content .policy_title {
  font-size: 26px;
  line-height: 26px;
  padding-bottom: 33px;
}
.policy_wrap.video .policy_content .policy_title {
  line-height: 30px;
}
.policy_wrap .policy_content .policy_title + .title {
  padding: 34px 0;
}
.policy_wrap .policy_content p
/* .policy_wrap .policy_content .list > li */ {
  padding-left: 0 !important;
  font-size: 16px;
  line-height: 30px;
}
.policy_wrap .policy_content p b.brand {
  font-weight: 700;
  display: inline-block;
}
.policy_wrap .policy_content p b {
  display: block;
  font-weight: 700;
}
.policy_wrap .policy_content .main_list {
  padding-top: 35px !important;
}
.policy_wrap .policy_content .main_list li {
  font-size: 16px;
  line-height: 30px;
}
.policy_wrap .policy_content p + p {
  padding: 18px 0px 0;
}
.policy_wrap .policy_content .list {
  padding-top: 15px;
}
.policy_wrap .policy_content .list.big_font_list li {
  font-size: 16px;
  line-height: 30px;
  padding-left: 0;
}
.policy_wrap .policy_content .list.big_font_list li i {
  top: inherit;
}
.policy_wrap .policy_content .list.big_font_list li span {
  line-height: 30px;
}
.policy_wrap .policy_content .list_num > li i {
  position: relative;
  top: -4px;
  margin-right: 4px;
}
.policy_wrap .policy_content .title {
  padding: 68px 0 18px;
  font-size: 20px;
  line-height: 30px;
  font-weight: 700;
}
.policy_wrap .policy_content .tit_sub {
  font-size: 16px;
  line-height: 30px;
  font-weight: 700;
  padding-top: 43px;
  transform: skew(-0.1deg);
}
.policy_wrap .policy_content .tit_sub i,
.policy_wrap .policy_content .tit_num i {
  margin-right: 5px;
}
.policy_wrap .policy_content .tit_sub + .tit_sub {
  padding-top: 10px;
}
.policy_wrap .policy_content .tit_sub + p {
  padding-top: 10px;
}
.policy_wrap .policy_content .tit_num {
  font-size: 16px;
  line-height: 28px;
  font-weight: 400;
  padding: 30px 0;
  transform: skew(-0.1deg);
}

.policy_wrap .policy_content .tit_num + .tit_num {
  padding: 10px 0 0;
}
.policy_wrap .policy_content .policy_table .tit {
  font-size: 16px;
  line-height: 16px;
  font-weight: 700;
  padding-bottom: 10px;
  border-bottom: 1px solid #c6d1ca;
  color: #124424;
}
.policy_wrap .policy_content .policy_table .policy_table_cont {
  padding: 20px 10px 15px;
  border-bottom: 1px solid #c6d1ca;
}
.policy_wrap .policy_content .policy_table .policy_table_cont h5 {
  font-size: 14px;
  line-height: 14px;
  font-weight: 700;
  color: #124424;
}
.policy_wrap .policy_content .policy_table .policy_table_cont .flex {
  padding-top: 15px;
}
.policy_wrap .policy_content .policy_table .policy_table_cont .flex + .flex {
  padding-top: 10px;
}

.policy_wrap .policy_content .policy_table .policy_table_cont .flex dt {
  position: relative;
  flex-shrink: 0;
  margin-right: 7px;
  padding-right: 7px;
  font-size: 14px;
  line-height: 24px;
}
.policy_wrap .policy_content .policy_table .policy_table_cont .flex dt:after {
  position: absolute;
  top: 7px;
  right: 0;
  width: 0.5px;
  height: 12px;
  background-color: #124424;
  content: "";
}
.policy_wrap .policy_content .policy_table .policy_table_cont .flex dd {
  font-size: 14px;
  line-height: 24px;
  display: flex;
  align-items: center;
}
.policy_wrap .policy_content .policy_table + .policy_table {
  padding-top: 40px;
}
.policy_wrap .policy_content .policy_table + .tit_num {
  padding-top: 50px;
}
.policy_wrap .policy_content .policy_table .text_box {
  padding: 20px 10px 15px;
  border-bottom: 1px solid #c6d1ca;
}
.policy_wrap .policy_content .policy_table .text_box .text_tit {
  display: block;
  font-size: 14px;
  line-height: 14px;
  font-weight: 700;
  padding-bottom: 14px;
}
.policy_wrap .policy_content .policy_table .text_box .text {
  display: block;
  font-size: 14px;

  line-height: 24px;
}
.policy_wrap .policy_content .desc {
  font-size: 14px;
  line-height: 26px;
  font-weight: 400;
}
.policy_wrap .policy_content .article_box {
  padding-bottom: 33px;
}

.policy_wrap .policy_content .article_box .article_tit {
  font-size: 16px;
  line-height: 16px;
  font-weight: 700;
  padding-bottom: 13px;
  transform: skew(-0.1deg);
}
.policy_wrap .policy_content .title + .article_box .article_tit {
  padding-top: 16px;
}

@media screen and (max-width: 356px) {
  .course_swiper .list_items dd:nth-child(-n + 4) {
    margin-top: 10px;
  }
}
