a {
  background-color: transparent;
}

.horizontal-scrollable {
  overflow-x: hidden;
  white-space: nowrap;
  cursor: pointer;
}

.d-flex {
  display: flex;
}

.flex-row {
  flex-direction: row;
}

.justify-content-center {
  justify-content: center;
}

.title-wrap {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

/* CCTV */
#cctvLocWrap {
  display: flex;
  flex-direction: row;
}

.cctv-link-wrap {
  /* display: inline-flex; */
  display: none;
  align-items: center;
}

.cctv-link-wrap::before {
  display: inline-block;
  vertical-align: top;
  width: 1px;
  height: 16px;
  margin: 2px 8px 2px 8px;
  background-color: #8c8c8c;
  content: '';
}

.cctv-link {
  display: inline-flex;
  align-items: center;
}

.cctv-link span {
  font-size: 13px;
  font-weight: 600;
  color: var(--main-color-d1);
  line-height: 20px;
  margin: 0 4px;
}

.cctv-link .cctv-icon {
  width: 20px;
  height: 20px;
}

.cctv-link .right-arrow-icon {
  width: 10px;
  height: 10px;
}

#rainInfoDescription {
  justify-content: center;
  padding-bottom: 20px;
}
.rainInfoDescriptionContainer {
  display: flex;
  align-items: center;
}
.rainInfoDescriptionContainerMiddle {
  display: flex;
  align-items: center;
  margin: 0 10px;
}
.rainInfoDescriptionCircle {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 5px;
}
#rainCircle {
  background-color: #27a7c6;
}
#snowCircle {
  background-color: #70c9fc;
}
#mixCircle {
  background-color: #e280e6;
}
.rainDescriptionContents {
  font-size: 13px;
  font-weight: var(--weight-regular);
  color: var(--main-color-d4);
}

.card:first-child > .title-wrap {
  display: none;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.open-more-btn {
  margin-right: 14px;
  padding: 0 16px;
}

.info-more-btn2 {
  font-size: 13px;
  min-width: 100px;
  height: 30px;
  line-height: 30px;
}

.place-name {
  text-align: center;
  font-size: 24px;
  font-weight: var(--weight-bold);
}

#currData .card {
  padding-bottom: 7px;
}

#currData .flex-between {
  align-items: center;
}

.season-temp {
  font-size: 67px;
  font-weight: var(--weight-bold);
  color: var(--color-black);
  letter-spacing: -2px;
  line-height: 80px;
}

.sunIcon {
  filter: brightness(0) saturate(100%) invert(0%) sepia(20%);
}

.weather-detail-wrap {
  padding-bottom: 20px;
  margin: 0 -10px 13px;
}

.swiper-card .swiper-container {
  padding: 0 20px;
}

.list-item {
  /* padding-right: 20px; */
  flex-shrink: 0;
  box-sizing: border-box;
}

.list-item:last-child {
  padding-right: 0;
}

.list-item-slide-img {
  height: 166px;
  border-radius: var(--border-radius-small);
  object-fit: cover;
}

.list-item a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

.list-item.sns a {
  display: flex;
}

.list-item.topic a::before,
.list-item.sns a::before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  border-radius: var(--border-radius-small);
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 42%, #000000 120%);
  margin-bottom: -1px;
  max-height: 204px;
}

.list-item .list-info {
  position: absolute;
  bottom: 10px;
  left: 10px;
  display: flex;
  flex-direction: column;
  width: calc(100% - 20px);
}

.list-item .list-info p {
  font-size: 14px;
  font-weight: var(--weight-regular);
  color: var(--color-white);
  /* text-shadow: 0 -1px 0 rgb(0 0 0 / 70%); */
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.list-item.topic .cp-wrap {
  display: flex;
  align-items: center;
}

.list-item.topic .cp-logo {
  height: 18px;
  object-fit: contain;
  border-radius: 100%;
}

.list-item.topic .list-info .cp-title {
  font-size: 13px;
  margin-left: 5px;
}

.list-item.topic .list-info .title {
  margin-top: 3px;
}

.list-item.sns .list-info p:first-of-type {
  font-size: 13px;
}

#cardNewsContainer {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  background-color: var(--card-color);
  border-radius: var(--border-radius-medium);
  padding: 15px;
  margin-top: 5px;
}

#cardNewsContainer > li {
  width: 50%;
  padding: 5px;
}

.list-item .list-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--border-radius-small);
  max-height: 204px;
}

.list-item .swiper-slide {
  flex-shrink: 0;
  box-sizing: border-box;
}

.swiper-slide-img {
  height: 166px;
  border-radius: var(--border-radius-small);
}

.align-items-center {
  align-items: center;
}

.detail-info-wrap {
  cursor: pointer;
}

.detail-info-wrap.top {
  margin-top: 16px;
}

.flex-column {
  flex-direction: column;
}

.d-flex .flex-column {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 3px;
}

.swiper-container {
  overflow: hidden;
}

.weather-detail-info-wrap:first-of-type {
  border-bottom: 1px solid;
  border-color: var(--border-color);
  padding-bottom: 5px;
}

.weather-detail-info-wrap:last-of-type {
  padding-top: 15px;
}

.today-story {
  display: none !important;
}

/* 팝업창 */
body.remove-scroll {
  overflow: hidden;
}

.header-container-wrap.up-to-top {
  position: fixed;
  top: 0;
}

.seasonPopup {
  display: none;
}

.seasonPopup.on {
  position: fixed;
  top: 60px;
  left: 0;
  display: block;
  width: 767px;
  height: calc(100% - 60px);
  background-color: var(--background-color);
  padding: 0px 20px 20px 20px;
  margin: 0 calc((100vw - 767px) / 2);
  z-index: 50;
  display: flex;
  justify-content: center;
}

.seasonPopup.on .card {
  display: flex;
  flex-direction: column;
  align-items: center;
  /* height: calc(100vh - 130px); */
  /* height: calc(100vh - 90px); */
  /* height: 100%; */
  overflow: hidden;
  /* padding-bottom: 0; */
  margin: 0;
  width: 100%;
  max-width: 1280px;
}

/* .season-close-wrap {
  width: 100%;
  height: 50px;
  margin: 0 auto;
  display: flex;
  justify-content: flex-end;
} */

.seasonPopup .tab-wrap {
  padding-top: 70px;
  overflow: hidden;
}

.seasonPopup .tab-wrap .tab-btn {
  width: 50%;
  float: left;
  text-align: center;
  color: var(--color-white);
  background: #a4b4c7;
}

.seasonPopup .tab-wrap .tab-btn.on span {
  background: #006fe8;
}

.seasonPopup .tab-wrap .tab-btn span {
  display: block;
  padding: 10px 0;
  font-size: 14px;
}

.seasonPopup .popup-card .card-top {
  width: 100%;
  /* max-width: 800px; */
}

.seasonPopup .popup-card .card-top > div {
  display: flex;
  justify-content: space-between;
  /* margin: 0 auto; */
  align-items: center;
}

.seasonPopup .popup-card .card-top .season-title {
  font-size: 21px;
  font-weight: var(--weight-bold);
  color: var(--main-color-d1);
}

.seasonPopup .popup-card .card-top .season-close {
  width: 30px;
  height: 30px;
  object-fit: contain;
  cursor: pointer;
}
#findLocationPopUp {
  width: 100%;
  overflow: auto;
}

.seasonPopup .popup-card .card-middle {
  /* overflow: auto; */
  width: 100%;
  /* max-width: 800px; */
  /* border-bottom: 1px solid;
  border-color: var(--border-color); */
  /* padding: 16px 20px 20px; */
  /* margin: 0 -20px; */
}

.sidoNameList {
  padding: 16px 0;
  color: var(--main-color-d1);
}
#season-title-closeBtn-container {
  margin-bottom: 20px;
}

.sidoChoiceContainer {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--border-color);
  cursor: pointer;
}

.arrow-img {
  width: 32px;
  height: 32px;
  transition: transform 0.7s ease-in-out;
  padding: 7px;
}

.themeList {
  display: none;
}

.seasonPopup .popup-card .card-bottom {
  margin: 0 -20px;
}

.seasonPopup .popup-card .card-piece:nth-child(3) {
  overflow: scroll;
}

.address-wrap {
  border-bottom: 1px solid var(--color-black);
  padding: 10px 0;
}

.addr-select-wrap {
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 3px;
  max-width: 800px;
  margin: 0 auto;
}

.addr-select-wrap .sido-select {
  width: 100%;
  font-size: 14px;
  /* color: var(--color-d5-text); */
  color: #858585;
  line-height: 35px;
  text-align: center;
  border-radius: 18px;
  transition: all 0.2s ease-in-out;
}

.sido-select:hover {
  cursor: pointer;
}

.sido-select.active {
  font-weight: var(--weight-medium);
  color: var(--color-white);
  background-color: var(--button-color);
}

.addr-options-wrap {
  margin: 0 auto;
  max-width: 800px;
  /* display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 3px; */
  /* max-height: 70vh; */
  height: 100%;
  overflow: auto;
  padding-bottom: 20px;
}

.options-kItemNm {
  cursor: pointer;
  width: 100%;
  /* height: 50px; */
  font-size: 14px;
  /* text-align: center; */
  /* line-height: 50px; */
  color: var(--main-color-d1);
  text-overflow: ellipsis;
  white-space: nowrap;
  border-bottom: 1px solid;
  border-color: var(--border-color);
  /* background-color: var(--color-l2); */
  /* padding: 0 10px; */
  padding: 13px 25px;
  overflow: hidden;
}

.options-kItemNm:hover {
  cursor: pointer;
}

.options-kItemNm:last-child {
  border: unset;
}

/* .options-kItemNm:nth-child(3n) {
  border-right: unset;
} */

/* .options-kItemNm:hover {
  border: 1px solid #006fe8;
  color: #006fe8;
} */

/* 전력양 시작 */
.power-card {
  display: flex;
  flex-direction: column;
  background-color: var(--card-color);
  border-radius: var(--border-radius-medium);
  padding: 30px 20px;
  margin-top: 5px;
  margin-bottom: 13px;
}

.risk-power-graph-box {
  display: flex;
  justify-content: center;
}

#electric-alert-graph-container {
  position: relative;
  width: 250px;
  margin-bottom: 20px;
}

#electric-alert-graph-arrow {
  position: absolute;
  left: 50%;
  bottom: 30%;
  transform-origin: 90% 50%;
  width: 30%;
}

#electric-alert-index {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  font-size: 21px;
  font-weight: var(--weight-medium);
  color: var(--main-color-d1);
}

.risk-power-graph-contents-box {
  width: 100%;
}

.power-graph-contents-item-container {
  margin-bottom: 16px;
}

.power-graph-item-title-box {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5px;
}

.power-graph-item-title,
.power-graph-item-current {
  font-size: 14px;
  font-weight: var(--weight-medium);
  color: var(--main-color-d1);
}

.power-graph-item-graph {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: var(--select-color);
  border-radius: 20px;
}

.power-graph-item-current-graph {
  position: absolute;
  height: 100%;
  border-radius: 20px;
}

.power-graph-standard-contents {
  font-size: 13px;
  color: var(--color-d5-text);
}

#cardWord {
  display: none;
  font-size: 14px;
  color: var(--color-d5-text);
  text-align: center;
  word-break: keep-all;
  padding: 0 20px;
  margin-top: 16px;
}

.ad-wrap {
  display: flex;
  overflow: hidden;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin-bottom: 10px;
}
/* 태블릿 모드 */
@media all and (min-width: 1024px) {
  #currData .card .card-bottom {
    display: flex;
    flex-wrap: wrap;
  }

  #currData .card .card-bottom > a {
    width: calc(50% - 18px);
  }

  #currData .card .card-bottom > a:nth-child(odd) {
    margin-right: 18px;
  }

  [dir='rtl'] #currData .card .card-bottom > a:nth-child(odd) {
    margin-right: 0;
    margin-left: 18px;
  }

  #currData .card .card-bottom > a:nth-child(even) {
    margin-left: 18px;
  }

  [dir='rtl'] #currData .card .card-bottom > a:nth-child(even) {
    margin-left: 0;
    margin-right: 18px;
  }

  #currData .card .card-bottom .detail-info-wrap {
    border-bottom: none;
    border-top: 1px solid var(--border-color);
  }

  .power-card {
    flex-direction: row;
  }

  #electric-alert-graph-container {
    margin-bottom: 0;
    margin-right: 36px;
  }

  .risk-power-graph-contents-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

@media all and (min-width: 768px) {
  .title-wrap {
    display: none;
  }

  #cur-weather-wrap .card {
    margin-top: 0;
  }

  .card:first-child > .title-wrap {
    display: flex;
  }

  .card:first-child > .title-wrap > .headline-wrap > #cctvLocWrap > .headline {
    padding-left: 0;
  }

  .card:first-child > .title-wrap > .headline-wrap > .sub-title {
    padding-left: 0;
  }

  .card:first-child > .title-wrap > .open-more-btn-wrap > .open-more-btn {
    margin-right: 0;
  }

  .seasonPopup.on {
    width: 100%;
    margin: 0;
    top: 134px;
    height: calc(100% - 134px);
    padding-top: 10px;
  }

  .weather-detail-wrap {
    margin: 0 0 13px;
  }

  .weather-detail-close {
    padding: 0;
    border-radius: var(--border-radius-medium) var(--border-radius-medium) 0 0;
  }

  .weather-detail-close.active,
  .weather-detail-wrap .weekly-container {
    background-color: var(--card-color);
  }

  .weather-detail-wrap .weekly-container {
    border-radius: 0 0 var(--border-radius-medium) var(--border-radius-medium);
  }

  .detail-close {
    padding: 14px 20px;
  }
}

@media screen and (min-width: 950px) {
  .weather-detail-info-wrap:first-of-type {
    border-bottom: none;
  }
}

@media (max-width: 768px) {
  .seasonPopup.on {
    width: 100%;
    margin: 0;
  }
}

@media (max-width: 300px) {
  /* .headline {
    padding-left: 10px;
  } */

  #currentTime.sub-title {
    padding-right: unset;
  }

  .open-more-btn {
    padding: 0 10px;
  }
}

@media (max-width: 281px) {
  .power-graph-item-title {
    font-size: 14px;
  }

  .power-graph-item-current {
    font-size: 12px;
  }

  .power-graph-standard-contents {
    font-size: 10px;
  }
}

@media (max-width: 1280px) {
  #mapleMap{
    scroll-margin-top: 80px;
  }
  #skiMap{
    scroll-margin-top: 80px;
  }
  #springMap{
    scroll-margin-top: 80px;
  }
  #summerMap{
    scroll-margin-top: 80px;
  }
  #springMapCondition{
    scroll-margin-top: -180px;
  }
}
@media (max-width: 767px) {
  #mapleMap {
    scroll-margin-top: 60px;
  }
  #springMap {
    scroll-margin-top: 60px;
  }
  #springMapCondition {
    scroll-margin-top: -120px;
  }
  #summerMap {
    scroll-margin-top: 60px;
  }
}
/* 다크모드 */
@media (prefers-color-scheme: dark) {
  .sunIcon {
    filter: invert(27%) sepia(0%) saturate(1%) hue-rotate(347deg) brightness(102%) contrast(87%);
  }

  .weather-detail-close.active,
  .weather-detail-wrap .weekly-container {
    background-color: var(--color-d1);
  }

  .weather-detail-info .weather-card,
  .weather-detail-info .weather-card-wrap .weather-card {
    background-color: var(--color-d3);
  }
}

@media (max-width: 768px) {
  .today-story {
    display: flex !important;
  }
}


.skimap-select-text {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: unset;
  font-size: 15px;
  font-weight: var(--weight-regular);
  color: var(--color-d5-text);
  letter-spacing: -0.3px;
  line-height: 36px;
  text-align: center;
  white-space: nowrap;
  border-radius: 18px;
  background-color: var(--main-color-l1);
  cursor: pointer;
  padding: 0 15px;
  max-width: 100%;
}

.skimap-select-text.active {
  background-color: var(--main-color-d1);
  font-weight: var(--weight-medium);
  color: var(--main-color-l1);
  letter-spacing: -0.5px;
  transition: all 0.2s ease-in-out;
}

.skimap-select-text:not(:last-child) {
  margin-right: 8px;
}

.ski_map_image_container_box{
  position: relative;
  margin-top: 20px;
}
#ski_map_location_item{
  width: 100%;
  height: 100%;
  position: absolute;
  top:0;
}
#spring_map_location_item{
  width: 100%;
  height: 100%;
  position: absolute;
  top:0;
}
#spring_map_condition_location_item{
  width: 100%;
  height: 100%;
  position: absolute;
  top:0;
}
.ski_item_btn{
  width: 30%;
  height: 4%;
  position: absolute;
  cursor: pointer;
}

#winter_observatory_item0{
  top: 19%;
  left: 8%;
}
#winter_observatory_item1{
  top: 27%;
  left: 2%;
}
#winter_observatory_item2{
  top: 34%;
  left: 18%;
  width: 24%;
}
#winter_observatory_item3{
  top: 18%;
  left: 60%;
}
#winter_observatory_item4{
  top: 29%;
  left: 65%;
  width: 25%;
}
#winter_observatory_item5{
  top: 43%;
  left: 20%;
}
#winter_observatory_item6{
  top: 50%;
  left: 5%;
}
#winter_observatory_item7{
  top: 68%;
  left: 8%;
}
#winter_observatory_item8{
  top: 78%;
  left: 15%;
}
#winter_observatory_item9{
  top: 58%;
  left: 75%;
  width: 23%;
}
#winter_observatory_item10{
  top: 70%;
  left: 70%;
  width: 25%;
}
#winter_observatory_item11{
  top: 90%;
  left: 30%;
}

#winter_ski_item0{
  top: 22%;
  left: 12%;
  width: 22%;
}
#winter_ski_item1{
  top: 21%;
  left: 69%;
  width: 22%;
}
#winter_ski_item2{
  top: 31%;
  left: 4%;
  width: 20%;
}
#winter_ski_item3{
  top: 31%;
  left: 74%;
  width: 18%;
}
#winter_ski_item4{
  top: 40%;
  left: 2%;
  width: 24%;
}
#winter_ski_item5{
  top: 47%;
  left: 74%;
  width: 20%;
}
#winter_ski_item6{
  top: 60%;
  width: 20%;
  left: 74%;
}
#winter_ski_item7{
  top: 70%;
  left: 74%;
  width: 20%;
}
#winter_ski_item8{
  top: 81%;
  left: 68%;
  width: 20%;
}
#winter_ski_item9{
  top: 50%;
  width: 20%;
  left: 6%;
}
#winter_ski_item10{
  top: 59%;
  left: 9%;
  width: 19%;
}
#winter_ski_item11{
  top: 85%;
  left: 8%;
  width: 20%;
}
#winter_ski_item12{
  top: 84%;
  left: 40%;
  width: 24%;
}


#winter_waterpark_item0{
  top: 26%;
  height: 4%;
  left: 11%;
  width: 24%;
}
#winter_waterpark_item1{
  top: 31%;
  left: 2%;
  height: 3%;
}
#winter_waterpark_item2{
  top: 32%;
  left: 44%;
  width: 22%;
  height: 4%;
}
#winter_waterpark_item3{
  top: 36%;
  left: 22%;
  width: 15%;
  height: 3%;
}
#winter_waterpark_item4{
  top: 26%;
  left: 48%;
  width: 15%;
}
#winter_waterpark_item5{
  top: 20%;
  left: 62%;
  height: 4%;

}
#winter_waterpark_item6{
  top: 31%;
  left: 68%;
  height: 4%;
}
#winter_waterpark_item7{
  top: 44%;
  left: 6%;
  height: 4%;
}
#winter_waterpark_item8{
  top: 50%;
  left: 7%;
  width: 27%;
  height: 8%;
}
#winter_waterpark_item9{
  top: 45%;
  left: 38%;
  width: 18%;
}
#winter_waterpark_item10{
  top: 42%;
  left: 58%;
  width: 36%;
  height: 3%;
}
#winter_waterpark_item11{
  top: 72%;
  left: 12%;
  width: 28%;
  height: 4%;
}
#winter_waterpark_item12{
  top: 62%;
  left: 2%;
}
#winter_waterpark_item13{
  top: 37%;
  left: 70%;
  height: 3%;
  width: 28%;
}
#winter_waterpark_item14{
  top: 74%;
  left: 60%;
  height: 9%;
}
#winter_waterpark_item15{
  top: 67%;
  left: 68%;
}
#winter_waterpark_item16{
  top: 91%;
  left: 2%;
  width: 20%;
  height: 3%;

}
#winter_waterpark_item17{
  top: 91%;
  left: 30%;
  width: 20%;
}

#winter_bike_item0{
  top: 16%;
  height: 10%;
  left: 4%;
  width: 27%;
}
#winter_bike_item1{
  top: 28%;
  height: 4%;
  left: 3%;
  width: 32%;
}
#winter_bike_item2{
  top: 28%;
  height: 4%;
  left: 44%;
  width: 27%;
}
#winter_bike_item3{
  height: 4%;
  top: 22%;
  left: 50%;
}
#winter_bike_item4{
  height: 5%;
  top: 15%;
  left: 62%;
  width: 28%;
}
#winter_bike_item5{
  height: 5%;
  top: 38%;
  left: 3%;
  width: 27%;
}
#winter_bike_item6{
  height: 6%;
  top: 36%;
  left: 44%;
  width: 27%;
}
#winter_bike_item7{
  height: 4%;
  top: 47%;
  left: 16%;
  width: 26%;
}
#winter_bike_item8{
  height: 4%;
  top: 53%;
  left: 6%;
  width: 35%;
}
#winter_bike_item9{
  height: 4%;
  top: 62%;
  left: 28%;
  width: 25%;
}
#winter_bike_item10{
  height: 5%;
  top: 68%;
  left: 3%;
  width: 27%;
}
#winter_bike_item11{
  height: 4%;
  top: 76%;
  left: 8%;
  width: 28%;
}
#winter_bike_item12{
  height: 5%;
  top: 44%;
  left: 66%;
  width: 29%;
}
#winter_bike_item13{
  height: 4%;
  left: 60%;
  top: 50%;
  width: 36%;
}
#winter_bike_item14{
  height: 5%;
  left: 58%;
  top: 60%;
  width: 26%;
}
#winter_bike_item15{
 height: 4%;
 left: 52%;
 top: 73%;
 width: 27%;
}
#winter_bike_item16{
  height: 4%;
  left: 32%;
  top: 86%;
  width: 30%;
}
#winter_bike_item17{
  height: 5%;
  top: 92%;
  left: 5%;
  width: 38%;
}

/* 한탄강 */
#winter_camping_item0{
  top: 17%;
  height: 5%;
  left: 2%;
  width: 35%;
}
/* 자라섬 */
#winter_camping_item1{
  top: 24%;
  height: 5%;
  left: 7%;
  width: 35%;
}
/* 홍천 */
#winter_camping_item2{
  top: 17%;
    height: 5%;
    left: 50%;
    width: 35%;
}
/* 계방산 */
#winter_camping_item3{
  top: 27%;
  height: 5%;
  left: 57%;
  width: 35%;
}
/* 어은돌 */
#winter_camping_item4{
  top: 36%;
  height: 5%;
  left: 25%;
  width: 35%;
}
/* 칠갑 */
#winter_camping_item5{
  top: 47%;
  height: 5%;
  left: 2%;
  width: 35%;
}
/* 청송 */
#winter_camping_item6{
  top: 41%;
  height: 5%;
  left: 62%;
  width: 35%;
}
/* 그린 */
#winter_camping_item7{
  top: 54%;
  height: 5%;
  left: 40%;
  width: 35%;
}
/* 압록 */
#winter_camping_item8{
  top: 70%;
  height: 5%;
  left: 2%;
  width: 37%;
}
/* 심천 */
#winter_camping_item9{
  top: 80%;
  height: 5%;
  left: 30%;
  width: 35%;
}
/* 황매 */
#winter_camping_item10{
  top: 67%;
  height: 5%;
  left: 55%;
  width: 35%;
}
/* 협재 */
#winter_camping_item11{
  top: 92%;
  height: 5%;
  left: 23%;
  width: 40%;
}
/* 포천 */
#winter_festival_item0{
  top:20%;
  left: 2%;
  width: 35%;
  height: 5%;
}
/* 양평 */
#winter_festival_item1{
  top:30%;
  left: 16%;
  width: 27%;
  height: 5%;
}
/* 청양 */
#winter_festival_item2{
  top:46%;
  left: 2%;
  width: 40%;
  height: 5%;
}
/* 남원 */
#winter_festival_item3{
  top:63%;
  left: 2%;
  width: 43%;
  height: 5%;
}
/* 함평 */
#winter_festival_item4{
  top:70%;
  left: 4%;
  width: 26%;
  height: 5%;
}
/* 제주- 김정문 알로에 */
#winter_festival_item5{
  top:90%;
  left: 26%;
  width: 40%;
  height: 5%;
}
/* 온천천 */
#winter_festival_item6{
  top:70%;
  left: 70%;
  width: 26%;
  height: 5%;
}
/*영양 */
#winter_festival_item7{
  top:44%;
  left: 62%;
  width: 31%;
  height: 5%;
}
/* 홍천강 */
#winter_festival_item8{
  top:24%;
  left: 54%;
  width: 27%;
  height: 5%;
}
/* 화천 */
#winter_festival_item9{
  top:15%;
  left: 47%;
  width: 43%;
  height: 5%;
}


.spring_item_btn{
  width: 23%;
  height: 7%;
  position: absolute;
  cursor: pointer;
}

#spring_map_item0{
  top: 21%;
  left: 8%;
}
#spring_map_item1{
  top: 25%;
  left: 43%;
  width: 29%;
  height: 9%;
}
#spring_map_item2{
  top: 12%;
  left: 14%;
}
#spring_map_item3{
  top: 15%;
  left: 58%;
}
#spring_map_item4{
  top: 40%;
  left: 2%;
}
#spring_map_item5{
  top: 44%;
  left: 43%;
  width: 34%;
}
#spring_map_item6{
  top: 60%;
  left: 15%;
}
#spring_map_item7{
  top: 69%;
  left: 2%;
  width: 20%;
}
#spring_map_item8{
  top: 78%;
  left: 3%;
  width: 20%;
}
#spring_map_item9{
  top: 53%;
    left: 60%;
    width: 36%;
}
#spring_map_item10{
  top: 62%;
  left: 63%;
  width: 16%;
}
#spring_map_item11{
  top: 72%;
  left: 48%;
  width: 29%;
}
#spring_map_item12{
  top: 76%;
  left: 27%;
  width: 19%;
}

#spring_bike_item0{
  top: 16%;
  height: 10%;
  left: 4%;
  width: 27%;
}
#spring_bike_item1{
  top: 28%;
  height: 4%;
  left: 3%;
  width: 32%;
}
#spring_bike_item2{
  top: 28%;
  height: 4%;
  left: 44%;
  width: 27%;
}
#spring_bike_item3{
  height: 4%;
  top: 22%;
  left: 50%;
}
#spring_bike_item4{
  height: 5%;
  top: 15%;
  left: 62%;
  width: 28%;
}
#spring_bike_item5{
  height: 5%;
  top: 38%;
  left: 3%;
  width: 27%;
}
#spring_bike_item6{
  height: 6%;
  top: 36%;
  left: 44%;
  width: 27%;
}
#spring_bike_item7{
  height: 4%;
  top: 47%;
  left: 16%;
  width: 26%;
}
#spring_bike_item8{
  height: 4%;
  top: 53%;
  left: 6%;
  width: 35%;
}
#spring_bike_item9{
  height: 4%;
  top: 62%;
  left: 28%;
  width: 25%;
}
#spring_bike_item10{
  height: 5%;
  top: 68%;
  left: 3%;
  width: 27%;
}
#spring_bike_item11{
  height: 4%;
  top: 76%;
  left: 8%;
  width: 28%;
}
#spring_bike_item12{
  height: 5%;
  top: 44%;
  left: 66%;
  width: 29%;
}
#spring_bike_item13{
  height: 4%;
  left: 60%;
  top: 50%;
  width: 36%;
}
#spring_bike_item14{
  height: 5%;
  left: 58%;
  top: 60%;
  width: 26%;
}
#spring_bike_item15{
 height: 4%;
 left: 52%;
 top: 73%;
 width: 27%;
}
#spring_bike_item16{
  height: 4%;
  left: 32%;
  top: 86%;
  width: 30%;
}
#spring_bike_item17{
  height: 5%;
  top: 92%;
  left: 5%;
  width: 38%;
}

#spring_cherry_item{
  width: 100%;
  height: 100%;
  position: absolute;
}
#spring_cherry_item0{
  height: 7%;
  top: 27%;
  left: 8%;
  width: 28%;
  /* background: rgba(0,0,0,0.3); */
}
#spring_cherry_item1{
  height: 7%;
  top: 35%;
  left: 15%;
  width: 28%;
  /* background: rgba(0,0,0,0.3); */
}
#spring_cherry_item2{
    height: 7%;
    top: 28%;
    left: 55%;
    width: 22%;
    /* background: rgba(0,0,0,0.3); */
}
#spring_cherry_item3{
  height: 7%;
  top: 20%;
  left: 57%;
  width: 25%;
  /* background: rgba(0,0,0,0.3); */
}
#spring_cherry_item4{
  height: 7%;
  top: 71%;
  left: 11%;
  width: 24%;
  /* background: rgba(0,0,0,0.3); */
}
#spring_cherry_item5{
  height: 7%;
  top: 47.5%;
  left: 68.5%;
  width: 21%;
  /* background: rgba(0,0,0,0.3); */
}
#spring_cherry_item6{
  height: 7%;
  top: 62%;
  left: 54.5%;
  width: 23.5%;
  /* background: rgba(0,0,0,0.3); */
}
#spring_cherry_item7{
  height: 7%;
  top: 70%;
  left: 52%;
  width: 42.5%;
  /* background: rgba(0,0,0,0.3); */
}
#spring_cherry_item8{
  height: 7%;
  top: 89.5%;
  left: 28.5%;
  width: 30%;
  /* background: rgba(0,0,0,0.3); */
}
#spring_cherry_festival_item0{
  height: 4%;
    top: 20%;
    left: 8%;

}
#spring_cherry_festival_item1{
  height: 4%;
  top: 26%;
  left: 3%;
}
#spring_cherry_festival_item2{
  height: 4%;
    top: 33%;
    left: 2%;
    width: 36%;
}
#spring_cherry_festival_item3{
  height: 4%;
    top: 33%;
    left: 47%;
    width: 39%;
}
#spring_cherry_festival_item4{
  height: 4%;
  top: 27%;
  left: 71%;
  width: 25%;
}
#spring_cherry_festival_item5{
  height: 4%;
  top: 18%;
  left: 62%;
  width: 25%;
}
#spring_cherry_festival_item6{
  height: 4%;
    top: 49%;
    left: 32%;
    width: 40%;
}
#spring_cherry_festival_item7{
  height: 4%;
    top: 62%;
    left: 2%;
    width: 30%;
}
#spring_cherry_festival_item8{
  height: 4%;
    top: 65%;
    left: 38%;
}
#spring_cherry_festival_item9{
  height: 4%;
    top: 70%;
    left: 64%;
}
#spring_cherry_festival_item10{
  height: 4%;
  top: 60%;
  left: 63%;
  width: 34%;
}
#spring_blossom_item0{
  height: 4%;
  top: 23%;
  left: 34%;
}
#spring_blossom_item1{
  height: 4%;
  top: 33%;
  left: 35%;
}
#spring_blossom_item2{
  height: 4%;
  top: 39%;
  left: 20%;
}
#spring_blossom_item3{
  height: 4%;
  top: 15%;
  left: 50%;
}
#spring_blossom_item4{
  height: 4%;
    top: 25%;
    left: 66%;
}
#spring_blossom_item5{
  height: 4%;
    top: 44%;
    left: 46%;
}
#spring_blossom_item6{
  height: 4%;
  top: 46%;
  left: 20%;
}
#spring_blossom_item7{
  height: 4%;
    top: 57%;
    left: 22%;
}
#spring_blossom_item8{
  height: 4%;
    top: 70%;
    left: 24%;
}
#spring_blossom_item9{
  height: 4%;
    top: 81%;
    left: 38%;
}
#spring_blossom_item10{
  top: 36%;
  left: 74%;
}
#spring_blossom_item11{
  height: 4%;
    top: 59%;
    left: 57%;
}
#spring_blossom_item12{
  height: 4%;
  top: 67%;
  left: 70%;
}
#spring_blossom_item13{
  height: 4%;
  top: 75%;
  left: 64%;
}
#spring_blossom_item14{
  height: 4%;
    top: 92%;
    left: 32%;
}
#spring_blossom_item15{
  height: 4%;
    top: 53%;
    left: 73%;
}
#spring_festival_item0{
  height: 5%;
  top:21.5%;
  left: 2.5%;
  width: 38%;
}
#spring_festival_item1{
  height: 5%;
  top: 35.5%;
  left: 6.5%;
  width: 39%;
}
#spring_festival_item2{
  height: 5%;
  top: 47.5%;
  left: 1.5%;
  width: 38%;
}
#spring_festival_item3{
  height: 5%;
  top: 58.5%;
  left: 4.5%;
  width: 39%;
}
#spring_festival_item4{
  height: 5%;
  top: 72.5%;
  left: 1.5%;
  width: 31%;
}
#spring_festival_item5{
  height: 5%;
  top: 80.5%;
  left: 11.5%;
  width: 39%;
}
#spring_festival_item6{
  height: 5%;
  top: 90.5%;
  left: 29.5%;
  width: 32%;
}
#spring_festival_item7{
  height: 5%;
  top: 69.5%;
  left: 66.5%;
  width: 20%;
}
#spring_festival_item8{
  height: 5%;
  top: 48.5%;
  left: 54.5%;
  width: 33%;
}
#spring_festival_item9{
  height: 5%;
  top: 37.5%;
  left: 63.5%;
  width: 35%;
}
#spring_festival_item10{
  height: 5%;
  top: 23.5%;
  left: 60.5%;
  width: 35%;
}
#spring_waterpark_item0{
  top: 26%;
  height: 4%;
  left: 11%;
  width: 24%;
}
#spring_waterpark_item1{
  top: 31%;
  left: 2%;
  height: 3%;
}
#spring_waterpark_item2{
  top: 32%;
  left: 44%;
  width: 22%;
  height: 4%;
}
#spring_waterpark_item3{
  top: 36%;
  left: 22%;
  width: 15%;
  height: 3%;
}
#spring_waterpark_item4{
  top: 26%;
  left: 48%;
  width: 15%;
}
#spring_waterpark_item5{
  top: 20%;
  left: 62%;
  height: 4%;

}
#spring_waterpark_item6{
  top: 31%;
  left: 68%;
  height: 4%;
}
#spring_waterpark_item7{
  top: 44%;
  left: 6%;
  height: 4%;
}
#spring_waterpark_item8{
  top: 50%;
  left: 7%;
  width: 27%;
  height: 8%;
}
#spring_waterpark_item9{
  top: 45%;
  left: 38%;
  width: 18%;
}
#spring_waterpark_item10{
  top: 42%;
  left: 58%;
  width: 36%;
  height: 3%;
}
#spring_waterpark_item11{
  top: 72%;
  left: 12%;
  width: 28%;
  height: 4%;
}
#spring_waterpark_item12{
  top: 62%;
  left: 2%;
}
#spring_waterpark_item13{
  top: 37%;
  left: 70%;
  height: 3%;
  width: 28%;
}
#spring_waterpark_item14{
  top: 74%;
  left: 60%;
  height: 9%;
}
#spring_waterpark_item15{
  top: 67%;
  left: 68%;
}
#spring_waterpark_item16{
  top: 91%;
  left: 2%;
  width: 20%;
  height: 3%;

}
#spring_waterpark_item17{
  top: 91%;
  left: 30%;
  width: 20%;
}
#spring_observatory_item0{
  top: 19%;
  left: 8%;
}
#spring_observatory_item1{
  top: 27%;
  left: 2%;
}
#spring_observatory_item2{
  top: 34%;
  left: 18%;
  width: 24%;
}
#spring_observatory_item3{
  top: 18%;
  left: 60%;
}
#spring_observatory_item4{
  top: 29%;
  left: 65%;
  width: 25%;
}
#spring_observatory_item5{
  top: 43%;
  left: 20%;
}
#spring_observatory_item6{
  top: 50%;
  left: 5%;
}
#spring_observatory_item7{
  top: 68%;
  left: 8%;
}
#spring_observatory_item8{
  top: 78%;
  left: 15%;
}
#spring_observatory_item9{
  top: 58%;
  left: 75%;
  width: 23%;
}
#spring_observatory_item10{
  top: 70%;
  left: 70%;
  width: 25%;
}
#spring_observatory_item11{
  top: 90%;
  left: 30%;
}

/* 한탄강 */
#spring_camping_item0{
  top: 17%;
  height: 5%;
  left: 2%;
  width: 35%;
}
/* 자라섬 */
#spring_camping_item1{
  top: 24%;
  height: 5%;
  left: 7%;
  width: 35%;
}
/* 홍천 */
#spring_camping_item2{
  top: 17%;
    height: 5%;
    left: 50%;
    width: 35%;
}
/* 계방산 */
#spring_camping_item3{
  top: 27%;
  height: 5%;
  left: 57%;
  width: 35%;
}
/* 어은돌 */
#spring_camping_item4{
  top: 36%;
  height: 5%;
  left: 25%;
  width: 35%;
}
/* 칠갑 */
#spring_camping_item5{
  top: 47%;
  height: 5%;
  left: 2%;
  width: 35%;
}
/* 청송 */
#spring_camping_item6{
  top: 41%;
  height: 5%;
  left: 62%;
  width: 35%;
}
/* 그린 */
#spring_camping_item7{
  top: 54%;
  height: 5%;
  left: 40%;
  width: 35%;
}
/* 압록 */
#spring_camping_item8{
  top: 70%;
  height: 5%;
  left: 2%;
  width: 37%;
}
/* 심천 */
#spring_camping_item9{
  top: 80%;
  height: 5%;
  left: 30%;
  width: 35%;
}
/* 황매 */
#spring_camping_item10{
  top: 67%;
  height: 5%;
  left: 55%;
  width: 35%;
}
/* 협재 */
#spring_camping_item11{
  top: 92%;
  height: 5%;
  left: 23%;
  width: 40%;
}

#summer_map_location_item{
  width: 100%;
  height: 100%;
  position: absolute;
  top:0;
}
.summer_item_btn{
  width: 23%;
  height: 7%;
  position: absolute;
  cursor: pointer;
}
/* 한탄강 */
#summer_camping_item0{
  top: 17%;
  height: 5%;
  left: 2%;
  width: 35%;
}
/* 자라섬 */
#summer_camping_item1{
  top: 24%;
  height: 5%;
  left: 7%;
  width: 35%;
}
/* 홍천 */
#summer_camping_item2{
  top: 17%;
    height: 5%;
    left: 50%;
    width: 35%;
}
/* 계방산 */
#summer_camping_item3{
  top: 27%;
  height: 5%;
  left: 57%;
  width: 35%;
}
/* 어은돌 */
#summer_camping_item4{
  top: 36%;
  height: 5%;
  left: 25%;
  width: 35%;
}
/* 칠갑 */
#summer_camping_item5{
  top: 47%;
  height: 5%;
  left: 2%;
  width: 35%;
}
/* 청송 */
#summer_camping_item6{
  top: 41%;
  height: 5%;
  left: 62%;
  width: 35%;
}
/* 그린 */
#summer_camping_item7{
  top: 54%;
  height: 5%;
  left: 40%;
  width: 35%;
}
/* 압록 */
#summer_camping_item8{
  top: 70%;
  height: 5%;
  left: 2%;
  width: 37%;
}
/* 심천 */
#summer_camping_item9{
  top: 80%;
  height: 5%;
  left: 30%;
  width: 35%;
}
/* 황매 */
#summer_camping_item10{
  top: 67%;
  height: 5%;
  left: 55%;
  width: 35%;
}
/* 협재 */
#summer_camping_item11{
  top: 92%;
  height: 5%;
  left: 23%;
  width: 40%;
}
/* 왕산 */
#summer_surfing_item0{
  top: 31%;
  height: 4%;
  left: 32%;
  width: 20%;
}
/* 송지호 */
#summer_surfing_item1{
  top: 21%;
  height: 4%;
  left: 57%;
  width: 24%;
}
/* 죽도 */
#summer_surfing_item2{
  top: 27%;
  height: 4%;
  left: 64%;
  width: 20%;
}
/* 망상 */
#summer_surfing_item3{
  top: 35%;
  height: 4%;
  left: 68%;
  width: 20%;
}
/* 만리포 */
#summer_surfing_item4{
  top: 46%;
  height: 4%;
  left: 31%;
  width: 22%;
}
/* 부흥리 */
#summer_surfing_item5{
  top: 49%;
  height: 4%;
  left: 70%;
  width: 22%;
}
/* 구룡포 */
#summer_surfing_item6{
  top: 55%;
  height: 4%;
  left: 73%;
  width: 22%;
}
/* 격포 */
#summer_surfing_item7{
  top: 63%;
  height: 4%;
  left: 30%;
  width: 20%;
}
/* 송정 */
#summer_surfing_item8{
  top: 68%;
  height: 4%;
  left: 65%;
  width: 20%;
}
/* 남열 */
#summer_surfing_item9{
  top: 77%;
  height: 4%;
  left: 40%;
  width: 20%;
}
/* 협재 */
#summer_surfing_item10{
  top: 89%;
  height: 4%;
  left: 3%;
  width: 20%;
}
/* 월정리 */
#summer_surfing_item11{
  top: 86%;
  height: 4%;
  left: 32%;
  width: 20%;
}
/* 색달 */
#summer_surfing_item12{
  top: 91%;
  height: 4%;
  left: 30%;
  width: 20%;
}

#summer_bike_item0{
  top: 15%;
   height: 4%;
   left: 2%;
   width: 27%;
}
#summer_bike_item1{
 top: 22%;
 height: 4%;
 left: 4%;
 width: 27%;
}
#summer_bike_item2{
 top: 19%;
 height: 4%;
 left: 44%;
}
#summer_bike_item3{
 height: 4%;
   top: 14%;
   left: 50%;
}
#summer_bike_item4{
 height: 4%;
 top: 8%;
 left: 64%;
 width: 25%;
}
#summer_bike_item5{
 height: 4%;
 top: 33%;
 left: 4%;
}
#summer_bike_item6{
 height: 4%;
   top: 34%;
   left: 41%;
   width: 24%;
}
#summer_bike_item7{
 height: 4%;
   top: 42%;
   left: 20%;
   width: 18%;
}
#summer_bike_item8{
 height: 4%;
 top: 49%;
 left: 12%;
 width: 29%;
}
#summer_bike_item9{
 height: 4%;
   top: 57%;
   left: 25%;
   width: 25%;
}
#summer_bike_item10{
 height: 4%;
   top: 66%;
   left: 4%;
   width: 26%;
}
#summer_bike_item11{
 height: 4%;
 top: 72%;
 left: 8%;
 width: 27%;
}
#summer_bike_item12{
 height: 4%;
 top: 41%;
 left: 68%;
 width: 28%;
}
#summer_bike_item13{
 height: 4%;
 left: 62%;
 top: 47%;
 width: 32%;
}
#summer_bike_item14{
 height: 4%;
   left: 58%;
   top: 57%;
}
#summer_bike_item15{
 height: 4%;
 left: 52%;
 top: 73%;
 width: 27%;
}
#summer_bike_item16{
 height: 4%;
 left: 32%;
 top: 88%;
 width: 27%;
}
#summer_bike_item17{
 height: 4%;
 top: 94%;
 left: 5%;
 width: 32%;
}
/* 국화리 */
#summer_village_item0{
  top: 19%;
  height: 5%;
  left: 28%;
  width: 25%;
}
/* 수미 */
#summer_village_item1{
  top: 27%;
  height: 5%;
  left: 19%;
  width: 25%;
}
/* 고라데이 */
#summer_village_item2{
  top: 18%;
  height: 5%;
  left: 61%;
  width: 28%;
}
/* 어름치 */
#summer_village_item3{
  top: 24%;
  height: 5%;
  left: 66%;
  width: 25%;
}
/* 상황림 */
#summer_village_item4{
  top: 31%;
  height: 5%;
  left: 60%;
  width: 25%;
}
/* 칠갑산꽃 */
#summer_village_item5{
  top: 38%;
  height: 5%;
  left: 2%;
  width: 27%;
}
/* 알프스 */
#summer_village_item6{
  top: 45%;
  height: 5%;
  left: 10%;
  width: 25%;
}
/* 기대리 */
#summer_village_item7{
  top: 38%;
  height: 5%;
  left: 50%;
  width: 34%;
}
/* 밤원 */
#summer_village_item8{
  top: 45%;
  height: 5%;
  left: 56%;
  width: 24%;
}
/* 고지 */
#summer_village_item9{
  top: 56%;
  height: 5%;
  left: 56%;
  width: 40%;
}
/* 경천애인 */
#summer_village_item10{
  top: 59%;
  height: 5%;
  left: 10%;
  width: 25%;
}
/* 명하쪽 */
#summer_village_item11{
  top: 74%;
  height: 5%;
  left: 4%;
  width: 25%;
}
/* 아홉굿 */
#summer_village_item12{
  top: 92%;
  height: 5%;
  left: 26%;
  width: 25%;
}
/* 을왕리 */
#summer_beach_item0{
  top: 18%;
    left: 9%;
    width: 27%;
}
/* 속초 */
#summer_beach_item1{
  top: 14%;
  left: 45%;
}
/* 경포 */
#summer_beach_item2{
  top: 20%;
  left: 72%;
  height: 5%;
}
/* 망상 */
#summer_beach_item3{
  top: 28%;
  left: 72%;
  height: 5%;
}
/* 만리포 */
#summer_beach_item4{
  top: 31%;
  left: 25%;
  width: 27%;
  height: 5%;
}
/* 대천 */
#summer_beach_item5{
  top: 40%;
  left: 30%;
  height: 5%;
}
/* 선유도 */
#summer_beach_item6{
  top: 48%;
  left: 34%;
  width: 26%;
}
/* 변산 */
#summer_beach_item7{
  top: 57%;
  left: 12%;
}
/* 격포 */
#summer_beach_item8{
  top: 65%;
  left: 10%;
  height: 5%;
}
/* 영일대 */
#summer_beach_item9{
  top: 42%;
  left: 72%;
}
/* 구룡 */
#summer_beach_item10{
  top: 54%;
  left: 70%;
  height: 5%;
}
/* 송정 */
#summer_beach_item11{
  top: 62%;
  left: 76%;
  width: 20%;
  height: 5%;
}
/* 해운대 */
#summer_beach_item12{
  top: 64%;
  left: 48%;
  height: 5%;
}
/* 광안리 */
#summer_beach_item13{
  top: 72%;
  left: 70%;
  width: 26%;
  height: 5%;
}
/* 김녕 */
#summer_beach_item14{
  top: 86%;
  left: 33%;
  height: 5%;
}
/* 협재 */
#summer_beach_item15{
  top: 89%;
  left: 2%;
}
/* 피카하비오 */
#summer_waterpark_item0{
  top: 19%;
  height: 5%;
  left: 2%;
  width: 40%;
}
/* 아쿠아필드 하남 */
#summer_waterpark_item1{
  top: 25%;
  height: 5%;
  left: 16%;
  width: 28%;
}
/* 캐리비안베이 */
#summer_waterpark_item2{
  top: 31%;
  height: 5%;
  left: 18%;
}
/* 오션월드 */
#summer_waterpark_item3{
  top: 20%;
  height: 5%;
  left: 50%;
  width: 20%;
}
/* 설악워터파크 */
#summer_waterpark_item4{
  top: 13%;
  height: 5%;
  left: 65%;
  width: 26%;
}
/* 웰리힐리 */
#summer_waterpark_item5{
  top: 27%;
  height: 5%;
  left: 57%;
  width: 40%;
}
/* 오션플레이삼척 */
#summer_waterpark_item6{
  top: 36%;
  left: 65%;
  width: 32%;
  height: 9%;
}
/* 단양 오션플레이 */
#summer_waterpark_item7{
  top: 37%;
  height: 5%;
  left: 38%;
}
/* 파라다이스스파도고 */
#summer_waterpark_item8{
  top: 41%;
  height: 5%;
  left: 4%;
  width: 30%;
}
/* 스플라스 */
#summer_waterpark_item9{
  top: 48%;
  height: 5%;
  left: 36%;
  width: 35%;
}
/* 아마존 아쿠아파크 */
#summer_waterpark_item10{
  top: 55%;
  left: 5%;
  width: 36%;
}
/* 소노벨 변산 */
#summer_waterpark_item11{
  top: 63%;
  left: 34%;
  height: 5%;
  width: 36%;
}
/* 금호화순아쿠아나 */
#summer_waterpark_item12{
  top: 69%;
  left: 6%;
  height: 5%;
  width: 34%;
}
/* 강동 워터파크 */
#summer_waterpark_item13{
  top: 55%;
  left: 72%;
  height: 5%;
  width: 26%;
}
/* 신화 워터파크 */
#summer_waterpark_item14{
  top: 90%;
  left: 5%;
}

/* 가을 */

#maple_map_location_item{
  width: 100%;
  height: 100%;
  position: absolute;
  top:0;
}
.maple_item_btn{
  width: 23%;
  height: 7%;
  position: absolute;
  cursor: pointer;
}

/* 한탄강 */
#maple_camping_item0{
  top: 17%;
  height: 5%;
  left: 2%;
  width: 35%;
}
/* 자라섬 */
#maple_camping_item1{
  top: 24%;
  height: 5%;
  left: 7%;
  width: 35%;
}
/* 홍천 */
#maple_camping_item2{
  top: 17%;
    height: 5%;
    left: 50%;
    width: 35%;
}
/* 계방산 */
#maple_camping_item3{
  top: 27%;
  height: 5%;
  left: 57%;
  width: 35%;
}
/* 어은돌 */
#maple_camping_item4{
  top: 36%;
  height: 5%;
  left: 25%;
  width: 35%;
}
/* 칠갑 */
#maple_camping_item5{
  top: 47%;
  height: 5%;
  left: 2%;
  width: 35%;
}
/* 청송 */
#maple_camping_item6{
  top: 41%;
  height: 5%;
  left: 62%;
  width: 35%;
}
/* 그린 */
#maple_camping_item7{
  top: 54%;
  height: 5%;
  left: 40%;
  width: 35%;
}
/* 압록 */
#maple_camping_item8{
  top: 70%;
  height: 5%;
  left: 2%;
  width: 37%;
}
/* 심천 */
#maple_camping_item9{
  top: 80%;
  height: 5%;
  left: 30%;
  width: 35%;
}
/* 황매 */
#maple_camping_item10{
  top: 67%;
  height: 5%;
  left: 55%;
  width: 35%;
}
/* 협재 */
#maple_camping_item11{
  top: 92%;
  height: 5%;
  left: 23%;
  width: 40%;
}

#maple_bike_item0{
  top: 16%;
  height: 10%;
  left: 4%;
  width: 27%;
}
#maple_bike_item1{
  top: 28%;
  height: 4%;
  left: 3%;
  width: 32%;
}
#maple_bike_item2{
  top: 28%;
  height: 4%;
  left: 44%;
  width: 27%;
}
#maple_bike_item3{
  height: 4%;
  top: 22%;
  left: 50%;
}
#maple_bike_item4{
  height: 5%;
  top: 15%;
  left: 62%;
  width: 28%;
}
#maple_bike_item5{
  height: 5%;
  top: 38%;
  left: 3%;
  width: 27%;
}
#maple_bike_item6{
  height: 6%;
  top: 36%;
  left: 44%;
  width: 27%;
}
#maple_bike_item7{
  height: 4%;
  top: 47%;
  left: 16%;
  width: 26%;
}
#maple_bike_item8{
  height: 4%;
  top: 53%;
  left: 6%;
  width: 35%;
}
#maple_bike_item9{
  height: 4%;
  top: 62%;
  left: 28%;
  width: 25%;
}
#maple_bike_item10{
  height: 5%;
  top: 68%;
  left: 3%;
  width: 27%;
}
#maple_bike_item11{
  height: 4%;
  top: 76%;
  left: 8%;
  width: 28%;
}
#maple_bike_item12{
  height: 5%;
  top: 44%;
  left: 66%;
  width: 29%;
}
#maple_bike_item13{
  height: 4%;
  left: 60%;
  top: 50%;
  width: 36%;
}
#maple_bike_item14{
  height: 5%;
  left: 58%;
  top: 60%;
  width: 26%;
}
#maple_bike_item15{
 height: 4%;
 left: 52%;
 top: 73%;
 width: 27%;
}
#maple_bike_item16{
  height: 4%;
  left: 32%;
  top: 86%;
  width: 30%;
}
#maple_bike_item17{
  height: 5%;
  top: 92%;
  left: 5%;
  width: 38%;
}
#maple_flower_item0{
  top: 17%;
  left: 2%;
  height: 5%;
  width: 36%;
}
#maple_flower_item1{
  top: 24%;
  left: 3%;
  height: 5%;
  width: 25%;
}
#maple_flower_item2{
  top: 15%;
  left: 60%;
  height: 5%;
  width: 30%;
}
#maple_flower_item3{
  top: 22%;
  left: 52%;
  height: 5%;
  width: 26%;
}
#maple_flower_item4{
  top: 44%;
  left: 25%;
  height: 5%;
  width: 30%;
}
#maple_flower_item5{
  top: 61%;
  left: 6%;
  height: 10%;
  width: 25%;
}
#maple_flower_item6{
  top: 72%;
  left: 1%;
  height: 5%;
  width: 25%;
}
#maple_flower_item7{
  top: 76%;
  left: 38%;
  height: 5%;
  width: 37%;
}
#maple_flower_item8{
  top: 45%;
  left: 68%;
  height: 5%;
  width: 29%;
}
#maple_flower_item9{
  top: 69%;
  left: 62%;
  height: 5%;
  width: 34%;
}
/* #maple_flower_item9{
  top: 63%;
  left: 54%;
  height: 5%;
  width: 30%;
} */
#maple_flower_item10{
  top: 92%;
  left: 30%;
  height: 5%;
  width: 32%;
}

#maple_food_item0{
  top: 17%;
    left: 10%;
    height: 6%;
    width: 28%;
}
#maple_food_item1{
  top: 36%;
  left: 16%;
  height: 5%;
}
#maple_food_item2{
  top: 21%;
  left: 50%;
  height: 5%;
  width: 34%;
}
#maple_food_item3{
  top: 15%;
  left: 60%;
  height: 5%;
  width: 25%;
}
/* #maple_food_item4{
  top: 15%;
  left: 60%;
  height: 5%;
  width: 25%;
} */
#maple_food_item4{
  top: 30%;
  left: 28%;
  height: 5%;
}
#maple_food_item5{
  top: 42%;
  left: 18%;
  height: 5%;
  width: 25%;
}
#maple_food_item6{
  top: 48%;
  left: 22%;
  height: 5%;
  width: 20%;
}
#maple_food_item7{
  top: 54%;
  left: 18%;
  height: 4%;
  width: 25%;
}
#maple_food_item8{
  top: 49%;
  left: 48%;
  height: 5%;
  width: 20%;
}
#maple_food_item9{
  top: 59%;
  left: 8%;
  height: 5%;
  width: 25%;
}
#maple_food_item10{
  top: 65%;
  left: 16%;
  height: 5%;
}
#maple_food_item11{
  top: 71%;
  height: 5%;
  left: 10%;
}
#maple_food_item12{
  top: 38%;
  left: 64%;
  height: 5%;
  width: 34%;
}
#maple_food_item13{
  top: 49%;
  left: 72%;
  height: 5%;
}
#maple_food_item14{
  top: 56%;
  left: 54%;
  height: 5%;
}
#maple_food_item15{
  top: 76%;
  left: 52%;
  height: 5%;
  width: 30%;
}
#maple_food_item16{
  top: 92%;
  left: 26%;
  height: 5%;
  width: 20%;
}

#maple_leaves_item0{
  top: 14%;
    width: 16%;
    left: 7%;
    height: 11%;
}
#maple_leaves_item1{
  top: 15%;
  width: 16%;
  left: 77%;
  height: 11%;
}
#maple_leaves_item2{
  top: 27%;
  width: 16%;
  left: 80%;
  height: 11%;
}
#maple_leaves_item3{
  top: 28%;
  width: 16%;
  left: 62%;
  height: 11%;
}
#maple_leaves_item4{
  top: 31%;
  width: 16%;
  left: 12%;
  height: 11%;
}
#maple_leaves_item5{
  top: 45%;
  width: 16%;
  left: 8%;
  height: 11%;
}
#maple_leaves_item6{
  top: 42%;
  width: 16%;
  left: 71%;
  height: 11%;
}
#maple_leaves_item7{
  top: 59%;
  width: 16%;
  left: 2%;
  height: 11%;
}
#maple_leaves_item8{
  top: 72%;
  width: 16%;
  left: 3%;
  height: 11%;
}
#maple_leaves_item9{
  top: 80%;
  width: 16%;
  left: 52%;
  height: 11%;
}
#maple_leaves_item10{
  top: 54%;
  width: 16%;
  left: 83%;
  height: 11%;
}
#maple_leaves_item11{
  top: 66%;
  width: 16%;
  left: 68%;
  height: 11%;

}
#maple_leaves_item12{
  top: 86%;
  width: 16%;
  left: 5%;
  height: 11%;
}

.themeMapInfoMoreBtnContainer{
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 20px;
}
.themeMapInfoMoreBtn{
  background-color: var(--button-color);
  width: 100%;
  height: 36px;
  font-size: 15px;
  font-weight: var(--weight-medium);
  color: var(--color-white);
  text-align: center;
  line-height: 36px;
  border-radius: 18px;
  padding: 0 18px;
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
}