@charset "UTF-8";

/********** COMMON SUB **********/
.transition {
  transition: 0.4s;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -ms-transition: 0.4s;
  -o-transition: 0.4s;
}

.waypoint {
  visibility: hidden;
  -webkit-transition: all 1s;
  transition: all 1s;
}

.fade-up {
  visibility: visible;
  -webkit-animation: fadeUp 1s;
  animation: fadeUp 1s;
}

@-webkit-keyframes fadeUp {
  0% {
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
  }
  100% {
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes fadeUp {
  0% {
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
  }
  100% {
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.visual_wrap {
  position: relative;
  width: 1380px;
  margin: 0 auto 180px;
}

.visual_wrap .cont {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  text-align: center;
  z-index: 1;
}

.visual_wrap .cont .title h2 {
  position: relative;
  padding-bottom: 28px;
  color: #fff;
  font-weight: 400;
  font-size: 30px;
  line-height: 30px;
  letter-spacing: -0.02em;
}

.visual_wrap .bg {
  overflow: hidden;
  position: relative;
  height: 722px;
  width: 100%;
}

.visual_wrap .bg .img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  animation: visualImgTransX 3s ease forwards;
}

@keyframes visualImgTransX {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-70px);
  }
}

.btn_popup {
  position: absolute;
  bottom: -44px;
  padding: 24px 40px;
  background-color: #fff;
  box-shadow: 0px 4px 11px rgba(0, 0, 0, 0.19);
  font-weight: 400;
  font-size: 28px;
  letter-spacing: -0.02em;
  transform: translateX(-50%);
}

.btn_popup:after {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: -1px 0 0 9px;
  background: url("../images/icon/icon_link_external.png") no-repeat 50%;
  background-size: 100%;
  vertical-align: middle;
  content: "";
}
.hover_line_course {
}
.btn_popup.hover_line:before {
  bottom: 20px;
  margin-left: 40px;
}
.btn_popup.hover_line:hover::before {
  width: calc(100% - 80px);
}

/*************** ABOUT ***************/
.tab_about {
  max-width: 1380px;
  margin: 0 auto;
  display: flex;
  flex-direction: row-reverse;
}

.tab_about:after {
  display: block;
  clear: both;
  content: "";
}

.tab_about .tabs {
  position: relative;
  top: 100px;
  width: calc(100% - 700px);
  padding: 167px 0 101px 100px;
  transition-delay: 0.5s;
  transition-duration: 1.5s;
  transition-property: top;
}

.tab_about.transition .tabs {
  top: 0;
}

.tab_about .tabs h3 {
  font-weight: 700;
  font-size: 24px;
}

.tab_about .tabs li {
  position: relative;
  margin-top: 30px;
}

.tab_about .tabs li a {
  position: relative;
  display: block;
  padding: 10px 0;
  line-height: 26px;
  opacity: 0.5;
}

.tab_about .tabs li a:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 80px;
  height: 1px;
  background-color: rgba(18, 68, 36, 0.3);
  content: "";
}

.tab_about .tabs li i {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 1px;
  opacity: 0;
  background-color: #124424;
  transition: width 3s ease-in;
}

.tab_about .tabs li.active i {
  width: 80px;
  opacity: 1;
}

.tab_about .tabs li.active a {
  opacity: 1;
}

.tab_about .tab_container {
  overflow: hidden;
  position: relative;
  width: 700px;
  height: 740px;
  transition: opacity 1.5s;
  display: flex;
  justify-content: flex-end;
  opacity: 0;
}

.tab_about .tab_container .tab_content {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 1.1s;
}
.tab_about.transition .tab_container {
  opacity: 1;
}

.tab_about .tab_container::before {
  content: "";
  display: block;
  width: 700px;
  height: 740px;
  background-color: #fff;
  transition: width 1.5s;
  z-index: 10;
  position: absolute;
  left: 0;
}
.tab_about.transition .tab_container::before {
  width: 0;
}
.tab_about.transition .tab_container .tab_content:first-child {
  opacity: 1;
}
.tab_about .tab_container .tab_content .img {
  position: absolute;
  top: 0;
  left: 0;
  margin-left: 0;
  transition: margin-left 3s ease-in;
}
.tab_about .tab_container .tab_content:nth-of-type(1) .img {
  left: -300px;
}
.tab_about .tab_container .tab_content:nth-of-type(3) .img {
  left: -400px;
}
.tab_about .tab_container .tab_content:nth-of-type(4) .img {
  left: -110px;
}
.tab_about .tab_container .tab_content.active {
  opacity: 1;
}
.tab_about .tab_container .tab_content.active .img {
  margin-left: -100px;
}

.history_wrap {
  margin-top: 235px;
}

.history_wrap h3 {
  margin-bottom: 35px;
  text-align: center;
  font-weight: 700;
  font-size: 24px;
}

/*************** CLUB HOUSE GALLERY ***************/
#container.club_house .gallery_wrap {
  height: 498px;
}
#container.club_house .gallery_swiper {
  height: 498px;
}
#container.club_house .gallery_swiper .gallery_slide {
  height: 498px;
}
.gallery_wrap {
  padding-bottom: 30px;
  position: relative;
  height: 563px;
}
.gallery_swiper {
  position: relative;
  height: 563px;
}
.gallery_swiper .gallery_slide {
  position: relative;
  width: 985px;
  height: 563px;
  margin: 0 auto;
  filter: grayscale(100%);
}

.gallery_swiper .gallery_slide .cont_img_wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 985px;
  height: 450px;
  overflow: hidden;
  z-index: 10;
}
.gallery_swiper .gallery_slide .cont_img {
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 985px;
  height: 450px;
}
.gallery_swiper .gallery_slide .cont_img_wrap.toright .cont_img {
  left: -985px;
}
.gallery_swiper .gallery_slide .cont_img_wrap.toleft .cont_img {
  left: 985px;
}
.gallery_swiper .gallery_slide .cont_img.move {
  left: 0;
}
.gallery_swiper .gallery_slide .cont_img .img {
  width: 985px;
  height: 450px;
}
.gallery_swiper .gallery_slide .fix_img {
  width: 985px;
  height: 450px;
}
.gallery_swiper .gallery_slide .fix_img img {
  width: 100%;
  height: 100%;
}
.gallery_swiper .gallery_slide.move .cont_img {
  left: 0;
}
.gallery_swiper .gallery_slide .cont_text_wrap {
  color: #7d7d7d;
  padding-top: 15px;
  font-size: 18px;
}
.gallery_swiper .gallery_slide .cont_text_wrap .cont_text {
  font-size: 18px;
  line-height: 24px;
  color: #7d7d7d;
}
.gallery_swiper .gallery_slide .cont_text_wrap .cont_text > b {
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  margin-right: 12px;
  width: 46px;
  float: left;
}
.gallery_swiper .gallery_slide.slide_prev {
  position: absolute;
  top: 0;
  right: 50%;
  margin-right: 572.5px;
}
.gallery_swiper .gallery_slide.slide_next {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: 572.5px;
}
.gallery_swiper .gallery_slide.slide_center {
  margin: 0 auto;
  filter: grayscale(0);
}
.history_wrap .gallery_swiper .gallery_slide.slide_center .cont_img_wrap {
  opacity: 0;
  transition-delay: 1s;
  transition-duration: 0.5s;
  transition-property: opacity;
}

.history_wrap .gallery_swiper .gallery_slide.slide_center .fix_img img {
  width: 985px;
}

.history_wrap .gallery_swiper .gallery_slide.slide_center .fix_img {
  overflow: hidden;
  width: 0;
  transition: width 1s;
}

.history_wrap.transition
  .gallery_swiper
  .gallery_slide.slide_center
  .cont_img_wrap {
  opacity: 1;
}
.history_wrap.transition .gallery_swiper .gallery_slide.slide_center .fix_img {
  width: 985px;
}

.gallery_swiper .gallery_slide.slide_center .cont_text {
  font-size: 18px;
  line-height: 24px;
  color: #124424;
}
.gallery_wrap .gallery_btn {
  position: absolute;
  top: 394px;
  left: 50%;
  width: 985px;
  transform: translate(-50%, 0);
  font-size: 0;
  z-index: 10;
  text-align: right;
}

.gallery_wrap .gallery_btn button {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 42px;
  height: 42px;
  background: none;
  border: 1px solid #fff;
  border-radius: 50%;
  margin-right: 10px;
}
.gallery_wrap .gallery_btn button.btn_next {
  margin-right: 14px;
}
.gallery_wrap .gallery_btn button:before {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  width: 11px;
  height: 11px;
  background-repeat: no-repeat;
  background-position: 50%;
  transform: translateX(-50%) translateY(-50%);
  content: "";
}

.gallery_wrap .gallery_btn button.disabled {
  cursor: default;
  opacity: 0.5;
}

.gallery_wrap .gallery_btn button.btn_next:before {
  background-image: url("../images/icon/icon_page_next.svg");
}

.gallery_wrap .gallery_btn button.btn_prev:before {
  background-image: url("../images/icon/icon_page_prev.svg");
}

.gallery_wrap .gallery_progress_fraction {
  display: flex;
  align-items: center;
  width: 985px;
  margin: 0 auto;
}
.gallery_wrap .gallery_progress_fraction .progress_bar {
  overflow: hidden;
  position: relative;
  width: 929px;
  height: 1.5px;
  background: rgba(111, 145, 123, 0.3);
}
.gallery_wrap .gallery_progress_fraction .progress_bar span {
  position: absolute;
  top: 0;
  left: 00%;
  width: 25%;
  display: block;
  height: 1.5px;
  background: #b68c41;
  transition: width 0.4s linear;
}
.gallery_wrap .gallery_progress_fraction .fraction_num {
  width: 56px;
  text-align: center;
}

.gallery_wrap.progress_gallery
  .gallery_swiper
  .gallery_slide.slide_center
  .cont_img_wrap {
  opacity: 1 !important;
}
.gallery_wrap.progress_gallery
  .gallery_swiper
  .gallery_slide.slide_center
  .fix_img {
  width: 985px;
}

.gallery_wrap.progress_gallery .slide_prev {
  display: none !important;
}

.gallery_swiper.swiper-container.swiper-container {
  padding-bottom: 30px;
}

.gallery_swiper.swiper-container .swiper-slide {
  width: 985px;
}

.gallery_swiper.swiper-container .swiper-slide .cont_img {
  overflow: hidden;
  position: relative;
  height: 450px;
}

.gallery_swiper.swiper-container .swiper-slide .img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  margin: auto;
  filter: grayscale(100%);
  transform: translate(-50%, -50%);
  transition: filter 0.3s ease-out;
}

.gallery_swiper.swiper-container .swiper-slide.swiper-slide-active .img {
  filter: grayscale(0);
}

.gallery_swiper.swiper-container .swiper-slide .cont_text {
  color: #7d7d7d;
}

.gallery_swiper.swiper-container .swiper-slide.swiper-slide-active .cont_text {
  color: #124424;
}

.gallery_swiper.swiper-container .swiper-button-next,
.gallery_swiper.swiper-container .swiper-button-prev {
  position: absolute;
  top: auto;
  bottom: 44px;
  left: 50%;
  z-index: 2;
  width: 42px;
  height: 42px;
  margin-left: 436px;
  background: none;
  border: 1px solid #fff;
  border-radius: 50%;
}

.history_wrap .gallery_swiper.swiper-container .swiper-button-next,
.history_wrap .gallery_swiper.swiper-container .swiper-button-prev {
  bottom: 210px;
}

.gallery_swiper.swiper-container .swiper-button-prev {
  margin-left: 380px;
}

.gallery_swiper.swiper-container .swiper-button-next:before,
.gallery_swiper.swiper-container .swiper-button-prev:before {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  width: 11px;
  height: 11px;
  background-repeat: no-repeat;
  background-position: 50%;
  transform: translateX(-50%) translateY(-50%);
  content: "";
}

.gallery_swiper.swiper-container .swiper-button-next:before {
  background-image: url("../images/icon/icon_page_next.png");
}

.gallery_swiper.swiper-container .swiper-button-prev:before {
  background-image: url("../images/icon/icon_page_prev.png");
}

.gallery_swiper.swiper-container .cont_text {
  padding-top: 15px;
  height: 166px;

  font-size: 21px;
}

.gallery_swiper.swiper-container .cont_text > b {
  font-weight: 400;
  font-size: 22px;
}

.guidance_wrap {
  display: flex;
  max-width: 1410px;
  align-items: center;
  width: 100%;
  margin: 150px auto 0;
  padding: 0 20px;
}

.guidance_wrap .side1 {
  width: 480px;
}

.guidance_wrap .side2 {
  margin-left: 120px;
  width: 770px;
  height: 436px;
}

.guidance_wrap .side2 .img {
  max-width: 100%;
}

.guidance_wrap h3 {
  margin-bottom: 64px;
  font-size: 24px;
  line-height: 24px;
  font-weight: 700;
}

.guidance_wrap .contact > div {
  display: flex;
  margin-top: 15px;
}

.guidance_wrap .contact dt {
  width: 85px;
  font-weight: 700;
  line-height: 14px;
}
.guidance_wrap .contact dd {
  line-height: 14px;
}
.guidance_wrap .way {
  margin-top: 25px;
  border-top: 0.5px solid rgba(18, 68, 36, 0.3);
}

.guidance_wrap .way > div {
  margin-top: 30px;
}

.guidance_wrap .way dt {
  margin-bottom: 5px;
  font-weight: 700;
  line-height: 14px;
}

/*************** COURSE ***************/
.course_move_active {
  top: 0 !important;
  opacity: 1 !important;
}
.snb_course {
  position: fixed;
  top: 145px;
  opacity: 0;
}

.snb_course.active {
  opacity: 1;
}

.fp-tableCell .footer {
  position: relative;
  right: auto;
  bottom: auto;
  height: 215px;
}

.fp-tableCell {
  vertical-align: top;
}

.summary_wrap {
  max-width: 1280px;
  margin: 0 auto 240px;
  padding: 100px 20px 0;
}

.summary_wrap .text_point {
  position: relative;
  top: 100px;
  opacity: 0;
  transition-duration: 0.5s;
  transition-property: all;
}

.summary_wrap .text_point strong {
  margin: -9px 0;
  font-weight: 400;
  font-size: 36px;
  line-height: 56px;
  letter-spacing: -0.2px;
}

.summary_wrap h4 {
  margin-bottom: 25px;
  font-weight: 700;
  font-size: 18px;
  line-height: 18px;
}

.summary_wrap h4 .img_sign {
  max-width: 120px;
  vertical-align: middle;
}

.summary_wrap .cont_wrap1 {
  position: relative;
  display: table;
  width: 100%;
  margin-top: 100px;
}

.summary_wrap .cont_wrap1 .cont {
  position: relative;
  top: 100px;
  display: table-cell;
  vertical-align: top;
  white-space: nowrap;
  padding: 55px 40px 0 0;
  opacity: 0;
  transition-delay: 0.2s;
  transition-duration: 0.5s;
  transition-property: all;
}

.summary_wrap .cont_wrap1 .list_text li {
  font-size: 16px;
  line-height: 30px;
}

.summary_wrap .cont_wrap1 .bg {
  display: table-cell;
  width: 540px;
  vertical-align: top;
}

.summary_wrap .cont_wrap1 .bg {
  position: absolute;
  right: 0;
  top: 200px;
  display: table-cell;
  width: 540px;
  opacity: 0;
  vertical-align: top;
  transition-delay: 0.5s;
  transition-duration: 0.5s;
  transition-property: top;
}

.summary_wrap .cont_img {
  margin-bottom: 24px;
}
.summary_wrap .cont_img img {
  width: 220px;
}

.summary_wrap .cont_wrap1 .bg .img {
  max-width: 100%;
}

.summary_wrap .cont_wrap2 .cont_img {
  position: relative;
  top: 100px;
  opacity: 0;
  margin-bottom: 50px;
  transition-delay: 0.2s;
  transition-duration: 0.7s;
  transition-property: all;
}

.summary_wrap .cont_wrap2 .cont_img .img {
  max-width: 220px;
}

.summary_wrap .cont_wrap2 .cont_img .img.active {
  animation: scale-up-bl 2s cubic-bezier(0.39, 0.575, 0.565, 1) 1s;
}

@keyframes scale-up-bl {
  0% {
    transform: scale(0.5);
    transform-origin: 0% 100%;
  }

  100% {
    transform: scale(1);
    transform-origin: 0% 100%;
  }
}

.summary_wrap .cont_wrap2 h4 {
  position: relative;
  top: 100px;
  opacity: 0;
  transition-delay: 0.3s;
  transition-duration: 0.7s;
  transition-property: all;
}

.summary_wrap .cont_wrap2 .text {
  position: relative;
  font-size: 16px;
  line-height: 1.8;
  top: 100px;
  opacity: 0;
  margin-bottom: 50px;
  transition-delay: 0.4s;
  transition-duration: 0.7s;
  transition-property: all;
}

.page_wrap.area_course {
  width: 895px;
  margin: 0 auto;
}

.course_info {
  margin-bottom: 35px;
}

.course_info li {
  display: inline-block;
  font-weight: 500;
  font-size: 24px;
}

.course_info li + li:before {
  display: inline-block;
  width: 1px;
  height: 14px;
  margin: 0 23px 0 21px;
  background-color: #124424;
  content: "";
}

.tab_course .tabs {
  position: relative;
}

.tab_course .tabs > ul {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin: 0 0 60px -31px;
}

.tab_course .tabs > ul::before {
  content: "";
  position: absolute;
  top: 20px;
  left: 50px;
  width: calc(100% - 100px);
  height: 1px;
  background-color: rgba(18, 68, 38, 0.3);
}

.tab_course .tabs .state_bar {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 0;
  height: 1px;
  background-color: #124424;
}

.tab_course .tabs li {
  flex: 1;
  position: relative;
}

.tab_course .tabs li > a {
  position: relative;
  display: block;
  padding-top: 52px;
  text-align: center;
  font-weight: 400;
  transition-duration: 0.3s;
  transition-property: font-weight;
  transition-timing-function: ease-in;
}

.tab_course .tabs li > a::after {
  content: "";
  position: absolute;
  top: 17px;
  left: calc(50% - 4px);
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background-color: #124424;
  z-index: 2;
}

.tab_course .tabs li > a::before {
  content: "";
  position: absolute;
  top: 0;
  left: calc(50% - 20px);
  width: 40px;
  height: 40px;
  background-color: #fff;
  border: 1px solid #124424;
  border-radius: 100%;
  opacity: 0;
  transition-duration: 0.3s;
  transition-property: opacity;
  transition-timing-function: ease-in;
  z-index: 1;
}

.tab_course .tabs li.done::before,
.tab_course .tabs li.active::before {
  left: 50%;
  width: 100%;
}

.tab_course .tabs li.active > a {
  font-weight: bold;
}

.tab_course .tabs li.active > a::before {
  opacity: 1;
}

.tab_course .tabs li.done:last-of-type::before,
.tab_course .tabs li.active:last-of-type::before {
  width: 0;
}

.tab_course .tabs li.pause::before {
  width: 0;
}

.tab_course .tab_container {
  position: relative;
  height: 640px;
}

.tab_course .tab_content {
  position: absolute;
  left: 0;
  display: table;
  width: 100%;
  opacity: 0;
  transition: all 1.5s linear;
}

.tab_course .tab_content.active {
  opacity: 1;
}

.tab_course .tab_content.done {
  opacity: 0;
  /* left: -50px; */
}

.tab_course .tab_content .cont_text,
.tab_course .tab_content .cont_img {
  display: table-cell;
}

.tab_course h4 {
  margin-bottom: 15px;
  font-size: 24px;
  line-height: 24px;
}
.tab_course p {
  line-height: 24px;
}
.tab_course .view {
  margin-top: 30px;
}

.tab_course .view .img {
  display: block;
  margin-top: 40px;
}
.tab_course .view .img:nth-of-type(2) {
  margin-left: 20px;
}

.tab_course .tab_content .cont_img {
  width: 325px;
  text-align: center;
}

.tab_course .cont_img .img {
  height: 607px;
}

.list_items {
  width: 400px;
  margin-top: 35px;
}

.list_items:after {
  display: block;
  clear: both;
  content: "";
}
.list_items div {
  line-height: 14px;
}
.list_items div span {
  display: inline-block;
}
.list_items div span:first-child::after {
  content: "";
  clear: both;
  display: inline-block;
  width: 1px;
  height: 10px;
  margin-left: 9px;
  background-color: #124424;
}
.list_items div span + span {
  margin-left: 11px;
}
.list_items dd {
  position: relative;
  float: left;
  min-width: 123px;
  margin-top: 20px;
  padding-left: 18px;
  color: #b68c41;
  line-height: 14px;
}
.list_items dt ~ dd:nth-child(-n + 5) {
  margin-top: 18px;
}

.list_items dd:before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #000;
  box-shadow: 0px 1px 3px rgba(80, 80, 80, 0.3);
  margin-top: -2px;
  transform: translateY(-50%);
  content: "";
}
.list_items dd:nth-of-type(2)::before {
  background-color: #499be7;
  box-shadow: 0px 1px 3px rgba(112, 125, 138, 0.3);
}
.list_items dd:nth-of-type(3)::before {
  background-color: #fff;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.44);
}
.list_items dd:nth-of-type(4)::before {
  background-color: #ffb92c;
  box-shadow: 0px 1px 3px rgba(105, 92, 45, 0.3);
}

.list_items dd:nth-of-type(5)::before {
  background-color: #e13b3e;
  box-shadow: 0px 1px 3px rgba(86, 27, 27, 0.3);
}

.popup_course {
  width: 1150px;
  margin: 0 auto;
  padding: 165px 20px 160px;
}

.popup_course .popup_header .btn_close {
  position: absolute;
  top: 0;
  right: 22px;
  padding: 40px 20px 0 0;
  border-right: 0.5px solid rgba(255, 255, 255, 0.5);
  color: #fff;
  font-weight: 400;
  font-size: 15px;
}
.popup_course .popup_header .btn_close.hover_line::before {
  background: #fff;
}
.popup_course .popup_header .btn_close.hover_line:hover::before {
  width: 48px;
  background: #fff;
}
.popup_course .popup_header h2 {
  color: #fff;
  font-weight: 700;
  font-size: 22px;
}

.popup_course .popup_content:after {
  display: block;
  clear: both;
  content: "";
}

.course_all_info {
  float: left;
  width: 200px;
  margin-top: 50px;
}

.course_all_info .info_details > div {
  border-bottom: 0.5px solid rgba(255, 255, 255, 0.2);
}

.course_all_info .info_details dt {
  margin: 10px 0 16px;
  color: #cf9e43;
  font-size: 13px;
}

.course_all_info .info_details dd {
  text-align: right;
  color: #fff;
  font-weight: 400;
  font-size: 26px;
}

.course_all_info .info_img {
  margin-top: 60px;
}

.course_all_info .info_img dd {
  margin-top: 15px;
  color: #fff;
  font-weight: 400;
  font-size: 16px;
}

.course_all_info .info_img dd > i {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: -2px 6px 0 0;
  background-color: #b68c41;
  border-radius: 50%;
  vertical-align: middle;
  content: "";
}

.course_all_info .info_img dd:nth-of-type(2) > i {
  background-color: #157036;
}

.course_all_img {
  overflow: hidden;
  float: right;
  width: 800px;
}

/*************** INFO ***************/
#wrap.info .title_wrap2 {
  margin-bottom: 140px;
  padding-top: 125px;
  padding-bottom: 0;
}

#wrap.info .title_wrap3:not(:first-child) {
  margin-top: 140px;
}

#wrap.info .text_guide {
  margin-top: 23px;
}

/* 예약 및 요금안내 */
.datatable.type_info tbody th,
.datatable.type_info tbody td {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 0;
  border-bottom: none;
}

.datatable.type_info tbody tr:first-of-type th,
.datatable.type_info tbody tr:first-of-type td {
  padding-top: 22px;
}

.datatable.type_info tbody th {
  font-weight: 400;
  font-size: 16px;
}

.datatable.type_info tbody td {
  font-size: 20px;
}

.datatable.type_info tbody td strong {
  font-weight: 400;
  font-size: 22px;
}

.datatable.type_info tbody td > em {
  margin-left: 14px;
}

#wrap.info .datatable.type_info + .text_guide {
  margin: 0 0 0 206px;
}

.text_guide .btn_text {
  margin-left: 4px;
}

.list_num {
  border-top: 1px solid #c6d1ca;
  border-bottom: 1px solid #c6d1ca;
}

.list_num li {
  position: relative;
  padding: 20px 30px 20px 0px;
  line-height: 14px;
}
.list_num li:nth-child(1) {
  padding-top: 30px;
}
.list_num li:nth-child(4) {
  padding-bottom: 30px;
}
.list_num.type_double:after {
  display: block;
  clear: both;
  content: "";
}

.list_num.type_double li:nth-of-type(even) {
}

.split_wrap {
  display: table;
  width: 100%;
  table-layout: fixed;
  margin-top: 140px;
}

.split_wrap .cont_in {
  display: table-cell;
  padding-right: 50px;
}

.split_wrap .cont_in:nth-of-type(even) {
  padding: 0 0 0 50px;
}

/* 클럽에티켓 & Local Rule */
.page_wrap.area_view {
  display: flex;
  align-items: center;
}

.page_wrap.area_view:not(:first-child) {
  margin-top: 160px;
}

.page_wrap.area_view .cont_img {
  position: relative;
  display: flex;
}

.page_wrap.area_view .cont_img .img_inner {
  overflow: hidden;
  position: relative;
  width: 0;
  transition: width 1.5s;
}

.page_wrap.area_view .cont_img .img {
  position: absolute;
}

.page_wrap.area_view .cont_img p {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 70px 24px 12px 24px;
  color: #fff;
  font-weight: 400;
  font-size: 12px;
}

.page_wrap.area_view .cont_img p:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(49, 23, 4, 0) 0%, #1e170f 100%);
  mix-blend-mode: multiply;
  opacity: 0.4;
  content: "";
}

.page_wrap.area_view .cont_img p:after {
  position: absolute;
  left: 15px;
  bottom: 0;
  width: 1px;
  height: 28px;
  background-color: rgba(255, 255, 255, 0.5);
  content: "";
}

.page_wrap.area_view .cont_img p > span {
  position: relative;
}

.page_wrap.area_view .cont_text {
  position: relative;
  top: 100px;
  display: flex;
  flex: 1;
  opacity: 0;
  white-space: nowrap;
  transition-delay: 0.2s;
  transition-duration: 0.5s;
  transition-property: top, opacity;
}

.page_wrap.area_view:nth-of-type(odd) .cont_img {
  justify-content: flex-end;
}

.page_wrap.area_view:nth-of-type(odd) .cont_img .img_inner .img {
  right: 0;
  margin-right: 0;
  transition-delay: 1s;
  transition-duration: 3.5s;
  transition-property: margin-right;
}

.page_wrap.area_view.transition:nth-of-type(odd) .cont_img .img_inner .img {
  margin-right: -100px;
}

.page_wrap.area_view:nth-of-type(odd) .cont_text {
  padding-left: 80px;
}

.page_wrap.area_view:nth-of-type(even) .cont_img p {
  text-align: right;
}

.page_wrap.area_view:nth-of-type(even) .cont_img p:after {
  right: 15px;
  left: auto;
}

.page_wrap.area_view:nth-of-type(even) .cont_text {
  display: flex;
  justify-content: flex-end;
  padding-right: 80px;
}

.page_wrap.area_view:nth-of-type(even) .cont_img .img_inner .img {
  left: 0;
  margin-left: 0;
  transition-delay: 1s;
  transition-duration: 3.5s;
  transition-property: margin-left;
}

.page_wrap.area_view.transition:nth-of-type(even) .cont_img .img_inner .img {
  margin-left: -100px;
}

.page_wrap.area_view:nth-of-type(1) .cont_img {
  height: 660px;
  width: 460px;
}

.page_wrap.area_view.transition:nth-of-type(1) .cont_img .img_inner {
  width: 460px;
}

.page_wrap.area_view:nth-of-type(1) .cont_img .img_inner .img {
  top: 50%;
  margin-top: -776px;
}

.page_wrap.area_view:nth-of-type(2) {
  width: 1170px;
}

.page_wrap.area_view:nth-of-type(2) .cont_img {
  width: 710px;
  height: 450px;
}

.page_wrap.area_view.transition:nth-of-type(2) .cont_img .img_inner {
  width: 710px;
}

.page_wrap.area_view:nth-of-type(2) .cont_img .img_inner .img {
  top: -35px;
}

.page_wrap.area_view:nth-of-type(3) {
  width: 1170px;
  margin-left: -70px;
}

.page_wrap.area_view:nth-of-type(3) .cont_img {
  height: 600px;
  width: 610px;
}

.page_wrap.area_view.transition:nth-of-type(3) .cont_img .img_inner {
  width: 610px;
}

.page_wrap.area_view:nth-of-type(3) .cont_img .img_inner .img {
  top: -120px;
}

.page_wrap.area_view:nth-of-type(4) {
  width: 1110px;
  margin-left: -70px;
}

.page_wrap.area_view:nth-of-type(4) .cont_text {
  width: 610px;
}

.page_wrap.area_view:nth-of-type(4) .cont_img {
  height: 650px;
  width: 500px;
}

.page_wrap.area_view.transition:nth-of-type(4) .cont_img .img_inner {
  width: 500px;
}

.page_wrap.area_view:nth-of-type(4) .cont_img .img_inner .img {
  top: -285px;
}

.page_wrap.area_view:nth-of-type(5) {
  width: 1140px;
  margin-left: -120px;
}

.page_wrap.area_view:nth-of-type(5) .cont_img {
  height: 450px;
  width: 710px;
}

.page_wrap.area_view.transition:nth-of-type(5) .cont_img .img_inner {
  width: 710px;
}

.page_wrap.area_view:nth-of-type(5) .cont_img .img_inner .img {
  top: 35px;
}

.page_wrap.area_view:nth-of-type(6) {
  width: 1125px;
  margin-left: -45px;
}

.page_wrap.area_view:nth-of-type(6) .cont_img {
  height: 540px;
  width: 540px;
}

.page_wrap.area_view.transition:nth-of-type(6) .cont_img .img_inner {
  width: 540px;
}

.page_wrap.area_view:nth-of-type(6) .cont_img .img_inner .img {
  top: -30px;
}

.page_wrap.area_view h3 {
  margin-bottom: 35px;
  font-weight: 700;
  font-size: 22px;
}

.page_wrap.area_view h4 {
  margin: 35px 0 5px;
  font-weight: 700;
  font-size: 16px;
}

.page_wrap.area_localrule {
  flex-direction: column;
  align-items: flex-start;
  padding-top: 160px;
  border-top: 1px solid #d6ded9;
}

.page_wrap.area_localrule h3 {
  margin-bottom: 0;
}

.list_text li {
  font-size: 16px;
  line-height: 26px;
}

.text_relate {
  margin-top: 35px;
  font-size: 16px;
}

.text_relate > strong {
  font-size: 15px;
}

.list_essential li {
  position: relative;
  margin-top: 10px;
  padding-left: 15px;
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
}

.list_essential li > i {
  position: absolute;
  top: 0;
  left: 0;
}

p.text_clause3,
.text_clause3 > li {
  position: relative;
  padding-left: 7px;
  font-size: 16px;
  line-height: 28px;
}

p.text_clause3:before,
.text_clause3 li:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "·";
}

.area_view .title_wrap3 {
  margin-bottom: 40px;
}

#wrap.info .area_view .list_essential + .text_guide {
  margin-top: 35px;
}

.etiquette_cont .page_wrap.area_view.transition .cont_text {
  top: 0;
  opacity: 1;
}

/* 위약관리규정 */
.datatable.type_multi tbody {
  border-bottom: 1px solid #d6ded9;
}

.datatable.type_multi tbody th,
.datatable.type_multi tbody td {
  height: auto;
  padding: 4px 0 4px 20px;
  border-bottom: none;
  text-align: left;
}

.datatable.type_multi tbody tr:first-of-type th,
.datatable.type_multi tbody tr:first-of-type td {
  padding-top: 20px;
}

.datatable.type_multi tbody tr:last-of-type th,
.datatable.type_multi tbody tr:last-of-type td {
  padding-bottom: 20px;
}

.datatable.type_multi tbody th:only-of-type > b {
  font-weight: 700;
}

/* 날씨 정보 */
.weather_today {
  display: table;
  width: 100%;
  margin-top: 35px;
}

.weather_today .today_view {
  position: relative;
  display: table-cell;
  width: 527px;
  padding-right: 70px;
  vertical-align: top;
}

.weather_today .today_view:after {
  position: absolute;
  top: 14px;
  right: 0;
  bottom: 14px;
  border-left: 1px solid #d6ded9;
  content: "";
}

.weather_today .view_base {
  display: table;
  width: 100%;
}

.weather_today .base_info {
  display: table-cell;
  font-weight: 500;
  font-size: 16px;
}

.weather_today .base_info > span {
  display: block;
}

.weather_today .info_location:after {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-left: 6px;
  margin-top: -5px;
  background: url("../images/icon/icon_location.png") no-repeat 50%;
  background-size: 100%;
  vertical-align: middle;
  content: "";
}

.weather_today .info_day {
  margin-top: 12px;
}

.weather_today .base_time {
  display: table-cell;
  width: 50%;
  text-align: right;
  white-space: nowrap;
}

.weather_today .base_time span,
.weather_today .base_time li {
  font-weight: 700;
  font-size: 16px;
}

.weather_today .base_time span {
  display: block;
}

.weather_today .base_time ul {
  margin-top: 12px;
}

.weather_today .base_time li {
  display: inline-block;
  margin-left: 16px;
}

.weather_today .view_now {
  display: table;
  width: 100%;
  margin-top: 20px;
}
.weather_today .view_now .now_in [class^="img_weather"],
.weather_today .view_now .now_in [class*="img_weather"] {
  width: 160px;
  height: 160px;
}
.weather_today .now_in {
  display: table-cell;
  vertical-align: middle;
}

.weather_today .now_in:first-child {
  width: 100%;
}

.weather_today .now_in:nth-of-type(even) {
  text-align: right;
}

.weather_today .today_view .text_celsius {
  display: inline-block;
  margin: 12px 0 -20px;
  font-size: 100px;
}

.weather_today .today_view .text_celsius:after {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 10px 0 0px 10px;
  border: 3px solid #124424;
  border-radius: 50%;
  vertical-align: top;
  content: "";
}
[class^="img_weather"],
[class*="img_weather"] {
  display: block;
  width: 36px;
  height: 30px;
  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");
}

.weather_today .view_details {
  margin-top: 20px;
}

.weather_today .view_details > div {
  display: table;
  width: 100%;
  margin-top: 13px;
}

.weather_today .view_details dt,
.weather_today .view_details dd {
  display: table-cell;
  width: 50%;
  font-size: 16px;
}

.weather_today .view_details dd {
  text-align: right;
  font-weight: 700;
}

.weather_today .today_daylong {
  display: table-cell;
  padding-left: 80px;
  vertical-align: top;
}

.weather_today .today_daylong ol {
  margin: -15px 0;
}

.weather_today .today_daylong li {
  display: table;
  width: 100%;
  height: 60px;
  padding: 9px 0;
  border-bottom: 1px dashed #d6ded9;
}

.weather_today .today_daylong li:last-of-type {
  border-bottom: none;
}

.weather_today .today_daylong .title {
  display: table-cell;
  vertical-align: middle;
  font-weight: 500;
  font-size: 16px;
}

.weather_today .today_daylong .title strong {
  display: block;
  margin-bottom: 1px;
  font-weight: 700;
}

.weather_today .today_daylong .text_celsius {
  display: table-cell;
  width: 95px;
  text-align: center;
  vertical-align: middle;
  font-size: 40px;
  line-height: 38px;
}

.weather_today .today_daylong .text_celsius:after {
  display: inline-block;
  width: 7px;
  height: 7px;
  margin: -5px 0 0 10px;
  border: 1.5px solid #124424;
  border-radius: 50%;
  vertical-align: top;
  content: "";
}

.weather_today .today_daylong [class^="img_weather"],
.weather_today .today_daylong [class*=" img_weather"] {
  display: block;
  width: 75px;
  text-align: center;
  width: 54px;
  height: 54px;
  margin-right: -33px;
  background-repeat: no-repeat !important;
  background-size: 100% auto !important;
  background-position: center !important;
}
.datatable_weather {
  display: flex;
  align-items: center;
}
.datatable_weather span {
  margin-left: 10px;
}
.text_guide {
  margin-top: 35px;
}

.text_guide.type_add {
  margin-top: 0 !important;
}

p.text_guide,
div.text_guide,
.text_guide li {
  position: relative;
  margin-top: 7px;
  padding-left: 7px;
}

p.text_guide:before,
div.text_guide:before,
.text_guide li:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "·";
}

.text_guide strong {
  font-weight: 700;
}

.text_guide.text_lt,
.text_guide .text_lt {
  color: #6f907b;
}

/*************** CLUB HOUSE ***************/
.tabs_snb {
  margin-top: 173px;
}

.tab_snb_content .title_wrap3 {
  width: 985px;
  margin: 0 auto 50px;
}

.tab_snb_content .title_wrap3 h3 {
  margin-bottom: 15px;
  font-weight: 700;
  font-size: 24px;
}

.gallery_swiper.swiper-container .pagination-progress {
  position: absolute;
  top: auto;
  bottom: 10px;
  left: 50%;
  width: 929px;
  height: 1.5px;
  margin-left: -492px;
  background-color: rgba(111, 145, 123, 0.3);
}

.gallery_swiper.swiper-container .swiper-pagination-progressbar-fill {
  height: 1.5px;
  background-color: #b68c41;
}

.gallery_swiper.swiper-container .pagination-fraction {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 50px;
  margin-left: 442px;
  text-align: center;
}

.gallery_swiper.swiper-container .swiper-pagination-current {
  margin-right: -4px;
}

.gallery_swiper.swiper-container .swiper-pagination-total {
  margin-left: -4px;
}

/*************** 고객문의 ***************/
.area_location {
  margin: 18px 0 89px;
}
.area_location .btn_text {
  font-weight: 400;
}
.search_wrap2 {
  margin-bottom: 28px;
}
.search_wrap2 .form_wrap {
  width: 460px;
}
.search_wrap2 input[type="text"] {
  width: 462px;
  padding-left: 0;
  padding-right: 0;
  border-width: 0 0 1px 0;
  border-color: #124424;
  font-size: 14px;
}
.search_wrap2 .search {
  position: absolute;
  right: 0;
}
.search_wrap2 .delete {
  position: absolute;
  right: 0;
  left: auto !important;
}
.board_list .list {
  border-top: 1px solid #c6d1ca;
}

.board_list li {
  display: table;
  table-layout: fixed;
  width: 100%;
  border-bottom: 1px solid #c6d1ca;
}

.board_list li > b {
  display: table-cell;
  width: 68px;
  padding: 19px 0;
  text-align: center;
  vertical-align: bottom;
  line-height: normal;
}

.board_list li > a {
  overflow: hidden;
  display: table-cell;
  padding: 19px 0 19px 36px;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: normal;
  vertical-align: middle;
}

.board_list li > span {
  display: table-cell;
  width: 130px;
  padding: 19px 0;
  text-align: center;
  line-height: normal;
  vertical-align: bottom;
}

.board_list li.active {
  background-color: rgba(243, 246, 244, 0.5);
}

.board_list li.active > b,
.board_list li.active > a {
  font-weight: 700;
}

.icon_file {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../images/icon/icon_file.png") no-repeat 50%;
  background-size: 14px;
  vertical-align: middle;
}

[class^="board_list"] .nodata,
[class*=" board_list"] .nodata {
  padding: 60px 20px;
  text-align: center;
}

[class^="board_list"] .nodata > strong,
[class*=" board_list"] .nodata > strong {
  font-weight: 400;
  font-size: 24px;
  line-height: 36px;
}

[class^="board_list"] .nodata > p,
[class*=" board_list"] .nodata > p {
  margin-top: 10px;

  font-size: 16px;
  line-height: 24px;
}

.board_view .title {
  padding-bottom: 35px;
  border-bottom: 1px solid #c6d1ca;
}

.board_view .title h3 {
  font-weight: 700;
  font-size: 24px;
}

.board_view .title .date {
  margin-top: 3px;
  font-weight: 400;
  font-size: 14px;
}

.board_view .cont {
  padding: 40px 0;
}
.board_view .cont img {
  width: 100%;
  max-width: 100%;
  height: auto;
}
.board_view .add_file {
  position: relative;
  padding: 35px 0 5px 100px;
}

.board_view .add_file dt:before {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: 0 3px 0 7px;
  background: url("../images/icon/icon_file.png") no-repeat 50%;
  background-size: 14px;
  vertical-align: middle;
  content: "";
}

.board_view .add_file dt {
  position: absolute;
  left: 0;
  width: 100px;
  font-weight: 700;
}

.board_view .add_file dd {
  display: inline-block;
  margin-right: 22px;
}

.board_view .btn_text.download {
  font-weight: 400;
}

.board_view .btn_text.download:after {
  margin-top: -1px;
}

.pagination_type2 {
  margin-top: 15px;
  border-top: 1px solid #d6ded9;
}

.pagination_type2 dl > div {
  display: flex;
  border-bottom: 1px solid #d6ded9;
}

.pagination_type2 dt {
  flex-shrink: 0;
  width: 147px;
  padding-left: 20px;
  font-size: 14px;
  font-weight: 400;
  line-height: 50px;
}

.pagination_type2 dt:after {
  display: inline-block;
  width: 4px;
  height: 4px;
  margin: -1px 0 0 20px;
  border: 1px solid #000;
  border-width: 0 1.5px 1.5px 0;
  vertical-align: middle;
  transform: rotate(-135deg) translate(-50%);
  content: "";
}

.pagination_type2 div:last-of-type dt:after {
  margin: -1px 0 0 24px;
  transform: rotate(45deg) translate(-50%);
}

.pagination_type2 dd {
  overflow: hidden;
  flex: 1 1 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 50px;
  display: flex;
  justify-content: space-between;
}

.pagination_type2 dd > a {
  overflow: hidden;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.pagination_type2 dd > .date {
  margin-right: 20px;
}
.pagination_type2 dl > div.disabled dt,
.pagination_type2 dl > div.disabled dd {
  color: #6f907b;
}

.pagination_type2 dl > div.disabled dt:after {
  border-color: #6f907b;
}

/*************** LOGIN ***************/
#wrap.login {
  height: 100vh;
  background: url("../images/sub/visual_login.png") no-repeat 50% 100% / cover;
  padding-bottom: 0;
}

#wrap.login .container {
  width: 860px;
  margin: 0 auto;
  padding-top: 305px !important;
  padding-bottom: 270px;
}

#wrap.login .container:after {
  display: block;
  clear: both;
  content: "";
}

#wrap.login .footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

#wrap.login .footer div,
#wrap.login .footer dt,
#wrap.login .footer dd,
#wrap.login .footer a,
#wrap.login .footer address {
  color: #fff;
}

#wrap.login .title_area {
  float: left;
}

#wrap.login .title_area h2 {
  font-weight: 400;
  font-size: 36px;
  line-height: 36px;
  letter-spacing: -0.4px;
}

#wrap.login .title_area p {
  margin-top: 15px;
  font-size: 12px;
  line-height: 22px;
}
#wrap.login .title_area p.text_guide2 {
  /* line-height: 22px; */
}
#wrap.login .title_area p.text_guide2.line1 {
  line-height: 12px;
}
#wrap.login .contents {
  float: right;
  width: 300px;
}

#wrap.login .form_area {
  margin-bottom: 10px;
}

#wrap.login .form_area > li {
  position: relative;
  padding-bottom: 20px;
}

#wrap.login .form_area .alert {
  position: absolute;
  bottom: 0;
  color: #e13b3e;
  font-size: 12px;
  line-height: 12px;
}
.form_area .btn_icon.delete {
  right: 0;
}
#wrap.login input[type="text"],
#wrap.login input[type="number"],
#wrap.login input[type="password"],
#wrap.login input[type="email"] {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  border-width: 0 0 1px 0;
  font-size: 14px;
}

#wrap.login .form_check span {
  font-size: 16px;
  font-family: "Noto Sans KR";
}

#wrap.login .form_check input[type="checkbox"] + span:before {
  top: 0;
}

#wrap.login .form_check input[type="checkbox"]:checked + span:before {
  background-color: #124424;
}

#wrap.login .form_check input[type="checkbox"]:checked + span:after {
  top: 5px;
}

#wrap.login .btn_area {
  display: flex;
  margin-top: 30px;
}

#wrap.login .btn_area .btn_mid {
  flex: 1 1 0;
}

#wrap.login .form_area + .btn_area {
  margin-top: 10px;
}

#wrap.login .btn_area .btn_mid + .btn_mid {
  margin-left: 10px;
}

#wrap.login .btn_add .btn_link {
  font-weight: 400;
}

#wrap.login .btn_add {
  margin-top: 30px;
  text-align: center;
}

.account_result {
  display: table;
}

.account_result > dt {
  position: relative;
  display: table-cell;
  padding-right: 25px;
  font-size: 16px;
  letter-spacing: -0.5px;
}

.account_result > dt:after {
  position: absolute;
  top: 11px;
  right: 12px;
  width: 1px;
  height: 8px;
  background-color: #c6d1ca;
  content: "";
}

.account_result > dd {
  display: table-cell;
  color: #b68c41;
  font-weight: bold;
  font-size: 20px;
}

/*************** JOIN ***************/
#wrap.member .title_wrap2 {
  padding-top: 125px;
}

/* 회원가입안내 */
#wrap.intro {
  max-width: 1472px;
  min-height: 0;
  height: 100%;
  max-height: 970px;
  padding: 0 20px;
  background: url("../images/sub/visual_member_intro.png") no-repeat top right;
  background-size: contain;
}

#wrap.intro .container {
  width: auto;
  padding-bottom: 0;
}

.text_lg {
  font-weight: 400;
  font-size: 28px;
}

.text_add {
  margin-top: 30px;
}

#wrap.intro .contents {
  width: 1300px;
  margin: 0 auto -190px;
  padding: 220px 0 270px;
}

#wrap.intro .contents .btn_wrap {
  text-align: left;
}

#wrap.intro .btn_wrap > a,
#wrap.intro .btn_wrap > button {
  font-weight: 700;
}

#wrap.intro .btn_wrap a + a {
  position: relative;
  margin-left: 37px;
}

#wrap.intro .btn_wrap a + a:after {
  position: absolute;
  top: 8px;
  left: -21px;
  width: 1px;
  height: 13px;
  background-color: rgba(111, 144, 123, 0.3);
  content: "";
}

/* 가입동의 */
.join_process {
  margin: 85px 0 35px;
}

.join_process ol {
  display: flex;
}

.join_process li {
  color: #85998c;
  font-size: 16px;
  line-height: 16px;
}

.join_process li.active {
  color: #124424;
  font-weight: 700;
}

.join_process li + li:before {
  display: inline-block;
  width: 5px;
  height: 5px;
  margin: 0 20px -2px 21px;
  border: 1px solid #000;
  border-width: 1px 1px 0 0;
  vertical-align: middle;
  transform: rotate(45deg) translate(-50%);
  content: "";
}

.agree_terms:not(:first-child) {
  margin-top: 100px;
}
.agree_terms .form_check {
  line-height: 20px;
}
.agree_terms .form_check input + span {
  font-size: 16px;
  line-height: 20px;
  font-family: "Noto Sans KR";
}
.agree_terms .form_check input[type="checkbox"] + span:not(.font_ot):before {
  top: 0;
}

.agree_terms > dt {
  padding-bottom: 17px;
  border-bottom: 1px solid #c6d1ca;
}
.agree_terms > dd .form_check input + span {
  font-size: 16px;
  line-height: 20px;
  font-family: "Noto Sans KR";
}

.agree_terms > dd {
  padding: 27px 0;
  border-bottom: 1px solid #c6d1ca;
}
.agree_terms > dd.no_line {
  border-bottom: none;
}
.agree_terms > dd .terms_title {
  position: relative;
}
.agree_terms > dd .terms_title .text_guide2 {
  padding-left: 32px;
}
.agree_terms > dd .btn_icon.view {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  transition: all ease 0.3s;
}

.agree_terms > dd.active {
  padding-bottom: 0;
  border-bottom: none;
}

.agree_terms > dd.active .btn_icon.view {
  transform: rotate(180deg);
}

.agree_terms .terms_view {
  display: none;
  margin-top: 30px;
  padding: 20px 10px;
  background: rgba(198, 209, 202, 0.1);
}

.agree_terms .terms_view .view_in {
  overflow-y: auto;
  height: 194px;
  padding: 10px 20px;
}
.agree_terms .terms_view .view_in::-webkit-scrollbar {
  width: 4px;
}
.agree_terms .terms_view .view_in::-webkit-scrollbar-thumb {
  background-color: rgba(133, 153, 140, 0.4);
  border-radius: 4px;
}
.agree_terms .terms_view strong {
  display: block;
  margin-bottom: 20px;
}

.agree_terms .terms_view strong:not(:first-child) {
  margin-top: 30px;
}

.agree_terms .terms_view li {
  font-weight: 400;
}

.agree_terms .terms_items > dt {
  margin: 20px 0 10px;
  font-weight: 700;
  line-height: 14px;
  color: #85998c;
}
.agree_terms.checked .terms_items > dt {
  color: #124412;
}
.agree_terms .terms_items > dt:first-child {
  margin-top: 0;
}

.agree_terms .terms_items > dd {
  line-height: 14px;
  color: #85998c;
}
.agree_terms.checked .terms_items > dd {
  color: #124412;
}
/* 가입완료 */
#wrap.login .title_area .add_text {
  margin-top: 0;
  font-size: 26px;
  line-height: 1.5;
}

#wrap.login .title_area .add_btn {
  margin-top: 30px;
}

#wrap.login .add_btn .btn_link {
  font-weight: 400;
}

/*************** MY PAGE ***************/
#bass_addr,
#dtl_addr {
  font-weight: 700;
}
#wrap.mypage .title_wrap2 {
  padding-top: 125px;
}
#wrap.mypage .title_wrap3 .side {
  margin-top: 4px;
}

.tab_menu .tabs ul {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-bottom: 1px solid #c6d1ca;
}

.tab_menu .tabs li {
  display: table-cell;
}

.tab_menu .tabs a {
  display: block;
  margin-bottom: -1px;
  padding: 15px 10px;
  text-align: center;
  color: #85998c;
  font-size: 16px;
}

.tab_menu .tabs li.active a {
  border-bottom: 2px solid #124424;
  color: #124424;
  font-weight: 700;
}

.tab_menu .tab_content {
  padding-top: 100px;
}

.tab_menu .tab_content:after {
  display: block;
  clear: both;
  content: "";
}
.tab_menu .tab_content .list_info {
  /* border-top: none; */
}
.search_wrap i {
  display: inline-block;
  margin: 0 16px;
  vertical-align: middle;
}

.search_wrap .form_calendar:after {
  display: inline-block;
  width: 1px;
  height: 8px;
  margin: 0 16px;
  background-color: #124424;
  vertical-align: middle;
  content: "";
}

.search_wrap .btn_mid {
  min-width: 135px;
}

/**************************************************************************************************
DATE PICKER OVERWRITE - jquery-ui.min.css
**************************************************************************************************/
.ui-datepicker.ui-widget {
  width: 275px;
}
.ui-datepicker .ui-datepicker-title {
  margin: 0 1.3em !important;
}
.ui-datepicker.ui-widget.ui-widget-content {
  border: 1px solid #124424;
  border-radius: 0;
}

.ui-datepicker.ui-widget .ui-widget-header {
  padding: 7px 0 3px;
  background-color: transparent;
  border: none;
}

.ui-datepicker.ui-widget .ui-datepicker-title {
  margin-top: 6px;
  line-height: 1.5;
}

.ui-datepicker.ui-widget .ui-datepicker-prev,
.ui-datepicker.ui-widget .ui-datepicker-next {
  top: 22px;
}
.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker.ui-widget .ui-datepicker-next {
  margin: 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 40% !important;
  margin: 0 5px !important;
  padding: 10px 15px;
}
.ui-datepicker .ui-state-hover,
.ui-datepicker .ui-widget-content .ui-state-hover,
.ui-datepicker .ui-widget-header .ui-state-hover,
.ui-datepicker .ui-state-focus,
.ui-datepicker .ui-widget-content .ui-state-focus,
.ui-datepicker .ui-widget-header .ui-state-focus,
.ui-datepicker .ui-button:hover,
.ui-datepicker .ui-button:focus {
  background-color: transparent;
  border: none;
  color: inherit;
}

.ui-datepicker .ui-icon,
.ui-datepicker .ui-widget-content .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 4px;
  height: 4px;
  margin-top: -2px;
  background: none;
  border: 1px solid #000;
  border-width: 1.5px 1.5px 0 0;
  transform: rotate(45deg) translate(-50%);
  content: "";
}

.ui-datepicker.ui-widget .ui-datepicker-prev .ui-icon,
.ui-datepicker.ui-widget .ui-datepicker-prev .ui-widget-content .ui-icon {
  margin: -11px 0 0 -3px;
  transform: rotate(-135deg);
}

.ui-datepicker.ui-widget .ui-datepicker-next span {
  margin-top: -9px;
  margin-left: 0px;
}

.ui-datepicker.ui-widget .ui-widget-header .ui-icon {
  background: none;
}

.ui-datepicker.ui-widget th {
  font-weight: 400;
  font-size: 12px;
}

.ui-datepicker.ui-widget td {
  padding: 3px 1px 4px;
}

.ui-datepicker .ui-state-hover .ui-icon,
.ui-datepicker .ui-state-focus .ui-icon,
.ui-datepicker .ui-button:hover .ui-icon,
.ui-datepicker .ui-button:focus .ui-icon {
  background: none;
}

.ui-datepicker .ui-state-active .ui-icon,
.ui-datepicker .ui-button:active .ui-icon {
  background: none;
}

.ui-datepicker .ui-state-highlight .ui-icon,
.ui-datepicker .ui-button .ui-state-highlight.ui-icon {
  background: none;
}

.ui-datepicker .ui-state-error .ui-icon,
.ui-datepicker .ui-state-error-text .ui-icon {
  background: none;
}

.ui-datepicker .ui-button .ui-icon {
  background: none;
}

.ui-datepicker.ui-widget td span,
.ui-datepicker.ui-widget td a {
  text-align: center;
}

.ui-datepicker .ui-state-default,
.ui-datepicker .ui-widget-content .ui-state-default,
.ui-datepicker .ui-widget-header .ui-state-default,
.ui-datepicker .ui-button,
html .ui-datepicker .ui-button.ui-state-disabled:hover,
html .ui-datepicker .ui-button.ui-state-disabled:active {
  background-color: transparent !important;
  color: #d6ded9 !important;
  font-weight: 400 !important;
  font-size: 14px !important;
}

.ui-datepicker .ui-state-default,
.ui-datepicker .ui-widget-content .ui-state-default,
.ui-datepicker .ui-widget-header .ui-state-default,
.ui-datepicker .ui-button,
html .ui-datepicker .ui-button.ui-state-disabled:hover,
html .ui-datepicker .ui-button.ui-state-disabled:active {
  background-color: transparent !important;
  border: none !important;
  color: #124424 !important;
}

.ui-datepicker .ui-state-active,
.ui-datepicker .ui-widget-content .ui-state-active,
.ui-datepicker .ui-widget-header .ui-state-active,
.ui-datepicker a.ui-button:active,
.ui-datepicker .ui-button:active,
.ui-datepicker .ui-button.ui-state-active:hover {
  background-color: transparent !important;
  border: none !important;
  color: #b68c41 !important;
}

.search_wrap .btn_area {
  display: inline-block;
  margin-left: 16px;
}

/* 부킹내역조회 */
.list_result {
  border-top: 1px solid #c6d1ca;
}

.list_result li {
  display: flex;
  align-items: center;
  padding: 24px 20px;
  border-bottom: 1px solid #c6d1ca;
}

.list_result li .btn_area .btn {
  min-width: 81px;
}
.list_result li:after {
  display: block;
  clear: both;
  content: "";
}

.list_result dl {
  float: left;
  display: table;
  table-layout: fixed;
  margin-right: 13px;
  transform: translateY(2px);
}

.list_result dl > div {
  display: table-cell;
}

.list_result dt {
  position: relative;
  display: table-cell;
  width: 0;
  padding-right: 24px;
  white-space: nowrap;
}

.list_result dt:after {
  position: absolute;
  top: 6px;
  right: 12px;
  width: 1px;
  height: 8px;
  background-color: #c6d1ca;
  content: "";
}

.list_result dd {
  display: table-cell;
  font-weight: 700;
}

.list_result.type_booking dl {
  width: 90%;
}

.list_result.type_booking dl > div:nth-of-type(1) {
  width: 229px;
}

.list_result.type_booking dl > div:nth-of-type(2) {
  width: 164px;
}

.list_result.type_booking dl > div:nth-of-type(3) {
  width: 148px;
}

.list_result.type_booking dl > div:nth-of-type(4) {
  width: 168px;
}

.list_result.type_booking .btn_area {
  float: right;
  width: 10%;
  text-align: right;
}

.popup_wrap .search_wrap input[type="text"] {
  width: 167px;
}

.list_booking li {
  margin-top: 10px;
  padding: 0 30px;
  border: 1px solid #c6d1ca;
}

.list_booking .booking_title {
  padding: 20px 0;
  border-bottom: 1px solid #c6d1ca;
}

.list_booking .booking_title:after,
.list_booking .booking_details dl:after {
  display: block;
  clear: both;
  content: "";
}

.list_booking .booking_title dl,
.list_booking dl > div {
  float: left;
}

.list_booking .booking_title dl > div:not(:first-child):before {
  float: left;
  width: 0.5px;
  height: 8px;
  margin: 5px 20px 0 17px;
  background-color: #c6d1ca;
  content: "";
}

.list_booking .booking_title .btn_area {
  float: right;
}

.list_booking dt {
  float: left;
  width: 65px;
  font-size: 12px;
  line-height: 21px;
}

.list_booking dd {
  float: left;
  font-weight: 700;
  line-height: 21px;
}

.list_booking .booking_details {
  padding: 15px 0;
}

.list_booking .booking_details div {
  padding: 5px 0;
}

.list_booking .booking_details dd {
  width: 230px;
}

.list_booking .booking_details div:nth-of-type(3n + 2) dd {
  width: 215px;
}

.list_booking .booking_details div:nth-of-type(3n) dt,
.list_booking .booking_details div:nth-of-type(3n) dd {
  width: 80px;
}

/* 내장/스코어 조회 */
.list_result.type_visit dl > div:nth-of-type(1) {
  width: 223px;
}

.list_result.type_visit dl > div:nth-of-type(2) {
  width: 158px;
}

.list_result.type_visit dl > div:nth-of-type(3) {
  width: 147px;
}

.list_result.type_visit dl > div:nth-of-type(4) {
  width: 162px;
}

.list_result.type_visit dl > div:nth-of-type(5) {
  width: 190px;
}

.visit_details {
  padding: 11px 18px;
  background: rgba(198, 209, 202, 0.1);
}

.visit_details:after {
  display: block;
  clear: both;
  content: "";
}

.visit_details > div,
.visit_details dt,
.visit_details dd {
  float: left;
}

.visit_details dt {
  position: relative;
  padding-right: 25px;
  font-weight: 400;
  line-height: 24px;
}

.visit_details dt:after {
  position: absolute;
  top: 6px;
  right: 12px;
  width: 1px;
  height: 8px;
  background-color: #c6d1ca;
  content: "";
}

.visit_details dd {
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
}

.visit_details > div:nth-of-type(1) {
  width: 252px;
}

.visit_details > div:nth-of-type(2) {
  width: 180px;
}

.datatable.type_score thead th,
.datatable.type_score thead td {
  background-color: rgba(243, 246, 244, 0.4);
}

.datatable.type_score th:first-child,
.datatable.type_score td:first-child {
  padding-left: 30px;
}

.datatable.type_score th:last-child,
.datatable.type_score td:last-child {
  padding-right: 30px;
}

/* 위약조회 */
.list_fault li {
  margin-top: 20px;
  padding: 25px 20px;
  border: 1px solid #c6d1ca;
}

.list_fault .fault_about {
  display: table;
  table-layout: fixed;
  width: 100%;
  padding: 0 10px;
}

.list_fault .fault_about > div {
  display: table-cell;
}

.list_fault .fault_about dt {
  position: relative;
  display: table-cell;
  width: 0;
  padding-right: 24px;
  font-weight: 500;
  line-height: 24px;
  white-space: nowrap;
}

.list_fault .fault_about dt:after {
  position: absolute;
  top: 8px;
  right: 12px;
  width: 1px;
  height: 8px;
  background-color: #c6d1ca;
  content: "";
}

.list_fault .fault_about dd {
  display: table-cell;
  font-weight: 700;
  font-size: 16px;
}

.list_fault .fault_about > div:nth-of-type(1) {
  width: 242px;
}

.list_fault .fault_about > div:nth-of-type(2) {
  width: 170px;
}

.list_fault .fault_about > div:nth-of-type(3) {
  width: 152px;
}

.list_fault .fault_about > div:nth-of-type(4) {
  width: 175px;
}

.list_fault .fault_details {
  margin-top: 24px;
  padding: 25px 10px 0;
  border-top: 1px solid #c6d1ca;
}

.list_fault .fault_details > div {
  display: table;
  width: 100%;
}

.list_fault .fault_details > div:not(:first-child) {
  margin-top: 12px;
}

.list_fault .fault_details dt {
  display: table-cell;
  width: 126px;
  font-weight: 500;
  line-height: 24px;
}

.list_fault .fault_details dd {
  display: table-cell;
  font-weight: 700;
  font-size: 16px;
}

/* 회원탈퇴 */
.guide_wrap {
  padding: 25px 0;
  border-top: 1px solid #c6d1ca;
}

.guide_wrap .area_text {
  line-height: 24px;
}

.guide_wrap .area_btn {
  margin-top: 20px;
}

.list_info {
  padding: 35px 0;
  border-top: 1px solid #c6d1ca;
  border-bottom: 1px solid #c6d1ca;
}

.list_info > div {
  display: table;
  width: 100%;
  padding: 15px 0;
}

.list_info > div > dt {
  display: table-cell;
  width: 173px;
  font-size: 16px;
  letter-spacing: -0.5px;
}

.list_info > div > dd {
  position: relative;
  display: table-cell;
  font-size: 16px;
}

.list_info .form_wrap {
  width: 585px;
}

.list_info .form_wrap.email .form_set {
  position: relative;
  width: 215px;
}

.list_info .form_wrap.email .form_set input[type="text"] {
  width: 100%;
}

.icon_required {
  display: inline-block;
  width: 4px;
  height: 4px;
  margin-top: 3px;
  background-color: #b68a3a;
  border-radius: 50%;
  vertical-align: top;
}

.text_guide2 {
  margin-top: 17px;
  color: #85998c;
  line-height: 14px;
}
.text_guide2 > li {
  color: #85998c;
  line-height: 24px;
}

.text_confirm {
  font-size: 16px;
  line-height: 26px;
}

.text_terms_items {
  margin: 15px 0 30px;
}

.text_terms_items > dt {
  font-weight: 700;
  font-size: 16px;
  line-height: 26px;
  font-family: "Noto Sans KR";
}

.text_terms_items > dd {
  font-size: 16px;
  line-height: 26px;
  font-family: "Noto Sans KR";
}

/********** 예약 **********/
.popup_full_wrap * {
  color: #000;
  font-weight: 400;
  line-height: 1.2;
}

.popup_full_wrap select {
  padding: 5px 35px 6px 9px;
}

select.type_sm {
  background: url(../images/common/form_select2.png) no-repeat 100% 50%;
  background-size: 13px 6px;
  font-size: 13px;
}

select.type_sm.size_sm {
  width: 100px;
}

.form_wrap_full select {
  width: 100%;
}

input[type="text"].type_sm,
input[type="number"].type_sm,
input[type="password"].type_sm,
input[type="email"].type_sm {
  width: 147px;
  padding: 5px 7px 6px;
  font-size: 13px;
}

.form_wrap .letter {
  margin: 0 -5px 0 3px !important;
}

.btn_type2 {
  display: inline-block;
  min-width: 120px;
  padding: 9px 10px 10px;
  text-align: center;
  border-radius: 4px;
  font-weight: 500;
  font-size: 17px;
}

.btn_type2_sm {
  display: inline-block;
  min-width: 78px;
  padding: 3px 10px 4px;
  text-align: center;
  color: #124424;
  font-weight: 400;
  font-size: 13px;
}

[class^="btn_type2"].default,
[class*=" btn_type2"].default {
  background: linear-gradient(180deg, #f9f9f9 0%, #00524b 0.01%, #003d39 100%);
  border: 1px solid #124424;
}

[class^="btn_type2"].secondary,
[class*=" btn_type2"].secondary {
  background: linear-gradient(180deg, #f9f9f9 0%, #eeeeee 100%);
  border: 1px solid #d9d9d9;
  color: #000;
}

.btn_type2_sm.secondary {
  color: #124412;
}

.popup_full_wrap input[type="email"] {
  padding: 5px 7px 6px;
}

input.type_sm.size_lg,
select.type_sm.size_lg {
  width: 415px;
}

.form_check.type_xs input + span {
  padding-left: 21px;
  color: #000;
  font-weight: 400;
  font-size: 14px;
}

.form_check.type_xs,
.form_check.type_xs label {
  margin-right: 0;
}

.form_check.type_xs input[type="radio"] + span:before {
  top: 3px;
  left: px;
  width: 14px;
  height: 14px;
}

.form_check.type_xs input[type="radio"]:checked + span:after {
  top: 7px;
  left: 4px;
  width: 8px;
  height: 8px;
}

.popup_full_wrap {
  height: 100%;
}

.popup_full_wrap .popup_header {
  min-width: 1240px;
  margin: 0 auto;
  padding: 21px 20px 30px;
  background: #124424 url("../images/sub/bg_popup_header.png") no-repeat 100%
    100%;
  background-size: cover;
}

.popup_full_wrap .popup_header h1 {
  color: #fff;
  font-weight: 500;
  font-size: 32px;
}

.popup_full_wrap .popup_contents {
  min-width: 1240px;
  height: calc(100% - 90px);
  margin: 0 auto;
  padding: 0 20px;
}

.contents_in {
  margin-top: 51px;
  padding: 45px 0;
  border-top: 2px solid #124424;
}

.popup_title {
  position: relative;
  margin-bottom: 20px;
}

.popup_title h2 {
  font-weight: 400;
  font-size: 15px;
  color: #b68c41;
}

.popup_title h2 > i {
  display: inline-block;
  margin-right: 9px;
  font-size: 24px;
  line-height: 18px;
  color: #b68c41;
}

.popup_title .side {
  position: absolute;
  top: 0;
  right: 0;
}

.popup_title.line {
  margin-bottom: 0;
  padding-bottom: 20px;
  border-bottom: 2px solid #124424;
}

.datatable.type_row tbody th,
.datatable.type_row tbody td {
  height: auto;
  padding: 10px 0 10px 25px;
  font-weight: 400;
  font-size: 14px;
}

.datatable.type_row tbody th {
  background-color: rgba(243, 246, 244, 0.4);
}

.datatable.type_row tbody td {
  padding-left: 30px;
}

.datatable.type_col thead th,
.datatable.type_col thead td {
  height: auto;
  padding: 6px 0 10px;
  background-color: rgba(243, 246, 244, 0.4);
  text-align: center;
  font-weight: 400;
}

.datatable.type_col tbody th,
.datatable.type_col tbody td {
  height: auto;
  padding: 11px 10px 13px;
  text-align: center;
}

.datatable.type_col .text_em {
  color: #124412;
}

.text_guide3 {
  padding: 7px 0 13px;
  border-bottom: 1px solid #d6ded9;
}

.text_guide3 li {
  position: relative;
  padding-left: 10px;
  line-height: 17px;
}

.text_guide3 li:before {
  position: absolute;
  top: 3px;
  left: 0;
  content: "*";
}

.popup_btn_wrap {
  margin-top: 25px;
  padding-bottom: 47px;
  border-bottom: 1px solid #d6ded9;
  text-align: center;
}

.booking_apply_wrap {
  display: table;
  width: 100%;
  height: 100%;
  border-right: 1px solid #d6ded9;
  border-left: 1px solid #d6ded9;
}

.booking_apply_wrap .side1 {
  display: table-cell;
  width: 520px;
  border-right: 1px solid #d6ded9;
}

.booking_apply_wrap .side2 {
  display: table-cell;
  padding-left: 50px;
}

.booking_apply_wrap .cont {
  height: 100%;
  padding: 55px 25px 50px;
}

.booking_apply_wrap .side1 .cont + .cont {
  padding-top: 30px;
  border-top: 1px solid #d6ded9;
}

.booking_apply_wrap .form_wrap_full {
  margin-top: 30px;
}

.booking_apply_wrap .cont.date_set {
  display: none;
}

.booking_apply_wrap .text_date {
  margin-top: 270px;
  text-align: center;
  font-size: 26px;
}

.booking_apply_wrap .text_date em {
  color: #124424;
  font-weight: 500;
}

.booking_apply_wrap .text_date:before {
  display: block;
  width: 50px;
  height: 46px;
  background: url("../images/icon/icon_calendar_lg.png") no-repeat 0 0;
  background-size: 100%;
  margin: 0 auto 20px;
  content: "";
}

.moment_wrap {
  font-size: 16px;
}

.moment_wrap strong {
  margin-right: 17px;
  color: #124424;
  font-weight: 500;
  font-size: 24px;
}

.moment_wrap em {
  color: #b68c41;
}

.sort_period {
  padding: 36px 0 10px;
  text-align: right;
}

.sort_period .form_check {
  display: inline-block;
  vertical-align: middle;
}

.sort_period .form_check:not(:last-child) {
  margin-right: 9px;
}

.calendar_wrap .control {
  position: relative;
  padding: 28px 0 15px;
  text-align: center;
}

.calendar_wrap .control strong {
  font-weight: 400;
  font-size: 28px;
}

.calendar_wrap .btn_icon.prev {
  position: absolute;
  left: 0;
  margin-top: -2px;
}

.calendar_wrap .btn_icon.next {
  position: absolute;
  right: 0;
  margin-top: -2px;
}

.calendar_wrap .btn_icon.prev:before,
.calendar_wrap .btn_icon.next:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  margin-top: -2px;
  border: 1px solid #000;
  border-width: 1px 1px 0 0;
  transform: rotate(45deg) translate(-50%);
  content: "";
}

.calendar_wrap .btn_icon.prev:before {
  margin: -8px 0 0 -3px;
  transform: rotate(-135deg);
}

.calendar_wrap .btn_icon:disabled {
  cursor: default;
}

.calendar_wrap .btn_icon:disabled:before {
  content: none;
}

.calendar_wrap thead th {
  padding: 4px 5px 8px;
  background-color: #b68c41;
  color: #fff;
  font-weight: 400;
  font-size: 16px;
}

.calendar_wrap tbody td {
  height: 65px;
  border-bottom: 1px solid #d6ded9;
  text-align: center;
  vertical-align: top;
}

.calendar_wrap tbody td > button {
  position: relative;
  display: block;
  width: 51px;
  height: 100%;
  margin: 0 auto;
  padding: 5px 1px;
  font-weight: 500;
  font-size: 16px;
}

.calendar_wrap tbody td > button:disabled {
  cursor: default;
}

.calendar_wrap tbody td b {
  display: block;
  margin-top: 11px;
  font-weight: 400;
}

.calendar_wrap tbody td.day_today > button {
  background-color: #b68c41;
  color: #fff;
}

.calendar_wrap tbody td.day_available b {
  border: 1px solid #b68c41;
  color: #b68c41;
}

.calendar_wrap tbody td.day_weekend > button {
  background: #124424;
  color: #fff;
}

.calendar_wrap tbody td.day_weekend b {
  border: 1px solid #fff;
  color: #fff;
}

.calendar_wrap tbody td.day_close > button {
  background: url("../images/sub/bg_booking3.png") repeat 50%;
  background-size: 52px 65px;
}

.calendar_wrap tbody td.day_break > button {
  background-color: #f3f6f4;
}

.icon_day_available {
  display: inline-block;
  width: 10px;
  height: 10px;
  border: 1px solid #b68c41;
  vertical-align: middle;
}

.icon_day_weekend {
  display: inline-block;
  width: 11px;
  height: 13px;
  background: url("../images/sub/icon_booking2.png") no-repeat 50%;
  background-size: 100%;
  vertical-align: middle;
}

.icon_day_close {
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url("../images/sub/icon_booking3.png") no-repeat 50%;
  background-size: 100%;
  vertical-align: middle;
}

.icon_day_break {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-color: #f3f6f4;
  vertical-align: middle;
}

.calendar_wrap .guide {
  margin-top: -10px;
}

.calendar_wrap .guide dd {
  margin-top: 10px;
}

/*************** POLICY ***************/
#wrap.policy .title_wrap2 {
  margin-bottom: 140px;
  padding-top: 125px;
  padding-bottom: 0;
}

.policy_wrap .history {
  margin-bottom: 45px;
}

.policy_wrap .history select {
  width: 700px;
}

.policy_wrap .summary {
  margin-top: 30px;
}

.policy_wrap .summary li {
  margin-top: 3px;
}

.policy_wrap h3 {
  margin: 80px 0 25px;
  padding-bottom: 15px;
  border-bottom: 1px solid #c6d1ca;
  font-weight: 800;
  font-size: 18px;
}

.policy_wrap .text_clause {
  font-size: 16px;
  line-height: 32px;
}

.policy_wrap .text_clause2,
.policy_wrap .text_clause2 dt,
.policy_wrap .text_clause2 dd,
.policy_wrap .text_clause2 > li {
  font-size: 16px;
  line-height: 28px;
}

.text_clause2 + .text_clause3 {
  margin-top: 15px;
}

.policy_wrap .title_sub {
  display: block;
  margin-bottom: 10px;
}

.policy_wrap .list_clause > li {
  font-weight: 700;
  font-size: 16px;
  line-height: 32px;
}

.policy_wrap .list_clause,
.policy_wrap .list_clause.type2 > li:first-of-type,
.policy_wrap .list_clause.type3 > li:first-of-type {
  margin-top: 27px;
}

.policy_wrap .list_clause.type2 > li {
  margin-top: 20px;
}

.policy_wrap .list_clause.type3 > li {
  margin-top: 57px;
}

.policy_wrap .list_clause_sub {
  margin-top: -25px;
}

.policy_wrap .list_clause_sub > li {
  margin-top: 38px;
  font-size: 16px;
  line-height: 28px;
}

.policy_wrap .list_clause_sub.type2 {
  margin-top: 15px;
}

.policy_wrap .list_clause_sub.type2 > li {
  margin-top: 0;
}

.policy_wrap .list_clause + .text_clause2 {
  margin-top: 25px;
}

.policy_wrap .list_clause_sub + .text_clause2 {
  margin-top: 15px;
}

.policy_wrap h3 + .datatable.type_cont {
  margin-top: -26px;
}

.policy_wrap .list_clause + .datatable.type_cont,
.policy_wrap .text_clause2 + .datatable.type_cont {
  margin-top: 20px;
}

.policy_wrap .datatable.type_cont + .text_clause2 {
  margin-top: 25px;
}

.datatable.type_cont {
  width: 100%;
  margin-top: 12px;
  border-top: 1px solid #c6d1ca;
  border-right: 1px solid #d6ded9;
}

.datatable.type_cont th,
.datatable.type_cont td {
  padding: 19px 0 19px 20px;
  border-bottom: 1px solid #d6ded9;
  border-left: 1px solid #d6ded9;
}

.datatable.type_cont thead th,
.datatable.type_cont thead td {
  height: 50px;
  background-color: transparent;
  text-align: left;
  font-weight: 700;
}

.datatable.type_cont tbody th,
.datatable.type_cont tbody td {
  height: 54px;
  text-align: left;
}

.datatable.type_cont tbody th {
  font-weight: 700;
}

.datatable.type_cont .td_align {
  padding-right: 20px;
  padding-left: 0;
  text-align: right;
}

/* 이용약관 */
.policy_wrap.type_use h3 {
  margin-bottom: 30px;
  padding-bottom: 0;
  border-bottom: none;
}

.policy_wrap.type_use h3:not(:first-child) {
  margin-top: 75px;
  padding-top: 85px;
  border-top: 1px solid #c6d1ca;
}

.policy_wrap .list_clause h4 {
  margin-top: 30px;
  font-weight: 700;
  font-size: 16px;
  line-height: 28px;
}

.policy_wrap .list_clause p {
  font-size: 16px;
  line-height: 28px;
}

.policy_wrap .list_clause li {
  position: relative;
  padding-left: 17px;
  font-size: 16px;
  line-height: 28px;
}

.policy_wrap .list_clause li > i {
  position: absolute;
  left: 0;
}

/*************** ETC ***************/
#wrap.etc {
  display: table;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 650px;
  padding-bottom: 0;
  background: url("../images/sub/bg_etc.png") no-repeat 50% 100%;
  background-size: cover;
}

#wrap.etc .container {
  padding: 0;
}

#wrap.etc .contents {
  width: 600px;
  margin: 0 auto;
  text-align: center;
}

#wrap.etc h1 {
  width: 120px;
  height: 85px;
  margin: 0 auto 65px;
  background: url("../images/common/logo_lg.png") no-repeat 50%;
  background-size: contain;
}

#wrap.etc h2 {
  margin-bottom: 16px;
  font-size: 26px;
  line-height: 36px;
  letter-spacing: -0.4px;
}
#wrap.etc .btn_main {
  margin-top: 16px;
  font-size: 12px;
  line-height: 12px;
}
#wrap.etc .btn_main.btn_link:after {
  bottom: 0px;
}
.text_info {
  font-size: 16px;
  line-height: 26px;
}

.text_highlight {
  margin-top: 60px;
}

.text_highlight dt {
  display: inline-block;
  font-weight: 700;
}

.text_highlight dt:after {
  display: inline-block;
  width: 1px;
  height: 12px;
  margin: -1px 4px 0 8px;
  background-color: #124424;
  vertical-align: middle;
  content: "";
}

.text_highlight dd {
  display: inline-block;
  font-weight: 700;
  color: #b68c41;
}

.text_highlight dd + dd {
  margin-left: 4px;
}

@media screen and (max-width: 1600px) {
  .page_wrap.area_view {
    width: 1000px !important;
    margin-left: 0 !important;
  }
}