@charset "utf-8";
/*slick.css*/
#page__water_2023 .slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
#page__water_2023 .slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
#page__water_2023 .slick-list:focus {
  outline: none;
}
#page__water_2023 .slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
#page__water_2023 .slick-slider .slick-track,
#page__water_2023 .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
#page__water_2023 .slick-track {
  position: relative;
  top: 0;
  left: 0;

  display: block;
  margin-left: auto;
  margin-right: auto;
}
#page__water_2023 .slick-track:before,
#page__water_2023 .slick-track:after {
  display: table;

  content: '';
}
#page__water_2023 .slick-track:after {
  clear: both;
}
#page__water_2023 .slick-loading .slick-track {
  visibility: hidden;
}
#page__water_2023 .slick-slide {
  display: none;
  float: left;

  height: 100%;
  min-height: 1px;
}
#page__water_2023 .slick-slide img {
  display: block;
}
#page__water_2023 .slick-slide.slick-loading img {
  display: none;
}
#page__water_2023 .slick-slide.dragging img {
  pointer-events: none;
}
#page__water_2023 .slick-initialized .slick-slide {
  display: block;
}
#page__water_2023 .slick-loading .slick-slide {
  visibility: hidden;
}
#page__water_2023 .slick-vertical .slick-slide {
  display: block;

  height: auto;

  border: 1px solid transparent;
}
#page__water_2023 .slick-arrow.slick-hidden {
  display: none;
}

/* css */
#page__water_2023 {
  max-width: 1000px;
  margin: 0 auto;
  overflow: hidden;
  background-color: #006ac3;
}
#page__water_2023 p, #page__water_2023 br {
  display: none;
}
#page__water_2023 .is-motion{
  opacity: 0;
  transform: translateY(30px);
  transition: opacity .3s ease, transform .3s ease;
}
#page__water_2023 .is-motion.on{
  opacity: 1;
  transform: translateY(0);
}

#page__water_2023 .water__visual-text{
  background: url(https://img.kr.news.samsung.com/betree_content/waterday_20230321/images/visual_bg-top.jpg) no-repeat center/ cover
}

#page__water_2023 .water__visual .water__visual-icons {
  position: relative;
  background: url(https://img.kr.news.samsung.com/betree_content/waterday_20230321/images/visual_bg-bt.jpg) no-repeat center/ cover
}

#page__water_2023 .water__visual .water__visual-icons {
  position: relative;
  z-index: 1;
}

#page__water_2023 .water__visual .water__visual-icons .item {
  position: absolute;
}

#page__water_2023 .water__visual .water__visual-icons .item1 {
  top: 8%;
  left: 8%;
  z-index: 0;
  width: 12%;
  animation: item1 infinite 5s ease;
}

@keyframes item1 {
  0% {
    transform: translateY(0px);
  }
  50%{
    transform: translateY(20%);
  }
}

#page__water_2023 .water__visual .water__visual-icons .item2 {
  top: 27%;
  left: 2%;
  z-index: 1;
  width: 14%;
  animation: item2 infinite 5s 2s ease;
}

@keyframes item2 {
  0% {
    transform: translate(0px, 0px);
  }
  50%{
    transform: translate(10%, 10%);
  }
}

#page__water_2023 .water__visual .water__visual-icons .item3 {
  top: 46%;
  left: 0%;
  z-index: 1;
  width: 10%;
  animation: item3 infinite 5s ease;
}

@keyframes item3 {
  0% {
    transform: translate(0px, 0px) rotateZ(0deg);
  }
  50%{
    transform: rotateZ(30deg);
  }
}

#page__water_2023 .water__visual .water__visual-icons .item4 {
  top: 49%;
  left: 16%;
  z-index: -1;
  width: 19%;
  animation: item4 infinite 10s ease;
}

@keyframes item4 {
  0% {
    transform: translate(0px, 0px);
  }
  50% {
    transform: translateX(55%) rotateZ(46deg);
  }
}

#page__water_2023 .water__visual .water__visual-icons .item5 {
  bottom: 20%;
  left: 25%;
  width: 8%;
  animation: item5 infinite 5s 2s ease;
}

@keyframes item5 {
  0%{
    transform: translate(0, 0);
  }
  50% {
    transform: translate(20%, 20%);
  }
}

#page__water_2023 .water__visual .water__visual-icons .item6 {
  left: 34%;
  top: 13%;
  width: 9%;
  animation: item6 infinite 5s ease;
}

@keyframes item6 {
  0% {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(40%, -20%) rotateZ(20deg);
  }
}

#page__water_2023 .water__visual .water__visual-icons .item7 {
  top: 31%;
  left: 35%;
  z-index: -1;
  width: 7%;
  animation: item7 infinite 5s ease;
}


@keyframes item7 {
  0% {
    transform: translate(0px, 0px);
  }
  50% {
    transform: translate(-55%, -20%);
  }
}

#page__water_2023 .water__visual .water__visual-icons .item8 {
  top: 10%;
  left: 50%;
  width: 19%;
  animation: item8 infinite 15s 0.5s ease;
}

@keyframes item8 {
  0% {
    transform: translate(0px, 0px);
  }
  50% {
    transform: translate(-183%, 230%) rotateZ(-10deg);
  }
}

#page__water_2023 .water__visual .water__visual-icons .item9 {
  top: 45%;
  left: 39%;
  width: 11%;
  animation: item9 infinite 5s ease;
}

@keyframes item9 {
  0% {
    transform: translate(0px, 0px);
  }
  50% {
    transform: rotateZ(45deg)
  }
}

#page__water_2023 .water__visual .water__visual-icons .item10 {
  top: 37%;
  left: 50%;
  width: 8%;
  animation: item10 infinite 6s 2s ease;
}

@keyframes item10 {
  0% {
    transform: translate(0px, 0px);
  }
  50% {
    transform: translate(165%, -150%);
  }
}

#page__water_2023 .water__visual .water__visual-icons .item11 {
  bottom: 12%;
  right: 16%;
  width: 14%;
  animation: item11 infinite 5s ease;
}

@keyframes item11 {
  0% {
    transform: translate(0px, 0px);
  }
  50% {
    transform: rotateZ(-25deg);
  }
}

#page__water_2023 .water__visual .water__visual-icons .item12 {
  top: 7%;
  right: 0%;
  width: 19%;
  animation: item12 infinite 5s ease;
}

@keyframes item12 {
  0% {
    transform: translate(0px, 0px);
  }
  50% {
    transform: translate(17%, 10%);
  }
}

#page__water_2023 .water__visual .water__visual-icons .item13 {
  right: 2%;
  top: 51%;
  width: 10%;
  z-index: -1;
  animation: item13 infinite 12s 0.3s ease;
}

@keyframes item13 {
  0% {
    transform: translate(0px,0px);
  }
  50%{
    transform: translate(-260%, -260%);
  }
}

#page__water_2023 .water__contents {
  background: url(https://img.kr.news.samsung.com/betree_content/waterday_20230321/images/innovation_bg.png) no-repeat center/ cover
}

#page__water_2023 .water__eco-contents {
  position: relative;
}

#page__water_2023 .water__eco-contents .water__eco-more {
  position: absolute;
  width: 7.8%;
  z-index: 0;
}

#page__water_2023 .water__eco-contents .water__eco-more::before {
  content: '';
  position: absolute;
  left: 3%;
  top: -1%;
  width: 100%;
  height: 100%;
  background: #fff;
  filter: blur(9px);
  border-radius: 50%;
  animation: blink-effect 1s ease infinite;
  z-index: -1;
}

@keyframes blink-effect {
  50% {
    opacity: 0;
  }
}

#page__water_2023 .water__eco-contents .water__eco-more:focus {
  outline: none;
}


#page__water_2023 .water__eco-contents .water__eco-more.btn1 {
  left: 32.5%;
  top: 8%;
}

#page__water_2023 .water__eco-contents .water__eco-more.btn2 {
  right: 32.1%;
  top: 23%;
}

#page__water_2023 .water__eco-contents .water__eco-more.btn3 {
  right: 45.1%;
  bottom: 16%;
}

#page__water_2023 .water__eco-contents .modal_wrap .water__eco-modal  {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: none;
  width: 73.4%;
  height: auto;
}
#page__water_2023 .water__eco-contents .modal_wrap .water__eco-modal.on {
  display: block;
}
#page__water_2023 .water__eco-contents .modal_wrap .water__eco-modal:before{
  content: "";
  width: 67px;
  height: 67px;
  position: absolute;
  left: -33px;
  top: -16px;
  background: url(https://img.kr.news.samsung.com/betree_content/waterday_20230321/images/modal_icon.png) no-repeat center/100% auto;
}
#page__water_2023 .water__eco-contents .modal_wrap .water__eco-modal .btn-close{
  position:absolute;
  right: 30px;
  top: 20px;
  width: 25px;
  height: 25px;
}
#page__water_2023 .water__eco-contents .modal_wrap .water__eco-modal .btn-close::before{
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: url(https://img.kr.news.samsung.com/betree_content/waterday_20230321/images/btn_close.png) no-repeat center/100% auto;
}
@media (max-width: 1160px) {
  #page__water_2023 .water__eco-contents .modal_wrap .water__eco-modal:before{
    content: "";
    width: 5.7759vw;
    height: 5.7759vw;
    position: absolute;
    left: -2.8448vw;
    top: -1.3793vw;
    background: url(https://img.kr.news.samsung.com/betree_content/waterday_20230321/images/modal_icon.png) no-repeat center/100% auto;
  }
  #page__water_2023 .water__eco-contents .modal_wrap .water__eco-modal .btn-close{
    width: 2.5vw;
    height: 2.5vw;
    right: 2vw;
    top: 2vw;
  }
}


/*  ***  */
#page__water_2023 h3.title{padding:0;}
#page__water_2023 .water__horizontal{
  background: #0166c2 url(https://img.kr.news.samsung.com/betree_content/waterday_20230321/images/hor_bg-top.jpg) no-repeat center top/100% auto;
}
#page__water_2023 .water__horizontal .sticky-parent{
  position: relative;
  overflow: hidden;
  padding-bottom: 50px;
}
#page__water_2023 .water__horizontal .sticky {
  position: relative;
}
#page__water_2023 .water__horizontal .dim  {
  margin: 30px;
  z-index: 11;
  position: relative;
}
#page__water_2023 .water__horizontal .dim img {
  transform: scale(0.88);
  transition: all 0.3s ease;
}
#page__water_2023 .water__horizontal .slick-center img  {
  transform: scale(1);
}
#page__water_2023 .water__horizontal .prev-btn{
  position: absolute;
  left: 67px;
  top: 45%;
  z-index: 1;
  transform: translateY(-50%);
}
#page__water_2023 .water__horizontal .next-btn{
  position: absolute;
  right: 67px;
  top: 45%;
  z-index: 1;
  transform: translateY(-50%);
}
#page__water_2023 .water__horizontal .slick-dots {
  display: flex;
  justify-content: center;
}
#page__water_2023 .water__horizontal li {
  list-style-type:none;
  margin-left: 13px;
}
#page__water_2023 .water__horizontal li:first-child {
  margin: 0;
}
#page__water_2023 .water__horizontal li.slick-active button {
  background: #fff;
}
#page__water_2023 .water__horizontal .slick-dots button {
  font-size: 0;
  width: 47px;
  height: 12px;
  border: 2px solid #fff;
  border-radius: 6px;
  display: inline-block;
}
#page__water_2023 .water__horizontal .slide-btn.slick-disabled{display:none!important;}

@media (max-width: 1024px){

  #page__water_2023 .water__horizontal .sticky.fixed{
    top: 74px;
  }
  #page__water_2023 .water__horizontal .sticky.bottom{
    top: inherit;
  }
  #page__water_2023 .water__horizontal .slide-btn {
    width: 50px;
    height: 50px;
  }
  #page__water_2023 .water__horizontal .prev-btn {
    left: 80px;
  }
  #page__water_2023 .water__horizontal .next-btn {
    right: 80px;
  }
}
@media (max-width: 768px){
  #page__water_2023 .water__horizontal .dim {
    margin: 10px;
  }
  #page__water_2023 .water__horizontal .slide-btn {
    width: 35px;
    height: 35px;
  }
  #page__water_2023 .water__horizontal .prev-btn {
    left: 27px;
  }
  #page__water_2023 .water__horizontal .next-btn {
    right: 27px;
  }
  #page__water_2023 .water__horizontal .slick-dots li {
    margin-left: 1.6927vw;
  }
  #page__water_2023 .water__horizontal .slick-dots button {
    width: 6.1198vw;
    height: 1.5625vw;
  }
}
@media (max-width: 600px){
  #page__water_2023 .water__horizontal .slide-btn {
    width: 30px;
    height: 30px;
  }
  #page__water_2023 .water__horizontal .prev-btn {
    left: 35px;
  }
  #page__water_2023 .water__horizontal .next-btn {
    right: 35px;
  }
}
@media (max-width: 480px){
  #page__water_2023 .water__horizontal .slide-btn {
    width: 25px;
    height: 25px;
  }
  #page__water_2023 .water__horizontal .prev-btn {
    left: 21px;
    top: 42%;
  }
  #page__water_2023 .water__horizontal .next-btn {
    right: 21px;
    top: 42%;
  }
}
@media (max-width: 359px) {
  #page__water_2023 .water__horizontal .slide-btn {
    width: 20px;
    height: 20px;
  }
  #page__water_2023 .water__horizontal .prev-btn {
    left: 26px;
    top: 40%;
  }
  #page__water_2023 .water__horizontal .next-btn {
    right: 26px;
    top: 40%;
  }
}

#page__water_2023 .water__cooper{
  background: #0059ba url(https://img.kr.news.samsung.com/betree_content/waterday_20230321/images/cooper_bg.jpg) no-repeat center top/100% auto;
}
#page__water_2023 .water__env{
  padding-top: 125px;
  background: #0043b0 url(https://img.kr.news.samsung.com/betree_content/waterday_20230321/images/env_bg.jpg) no-repeat center top/100% auto;
}
#page__water_2023 .water_change{
  padding-top: 52px;
  background: #0043af url(https://img.kr.news.samsung.com/betree_content/waterday_20230321/images/change_bg.jpg) no-repeat center bottom/100% auto;
}
#page__water_2023 .water_display{
  background: #00219a url(https://img.kr.news.samsung.com/betree_content/waterday_20230321/images/display_bg.jpg) no-repeat center top/100% auto;
}
#page__water_2023 .water_material{
  background: #011588 url(https://img.kr.news.samsung.com/betree_content/waterday_20230321/images/material_bg.jpg) no-repeat center top/100% auto;
}
#page__water_2023 .water_light{
  background: #011588 url(https://img.kr.news.samsung.com/betree_content/waterday_20230321/images/light_bg.jpg) no-repeat center bottom/100% auto;
}
#page__water_2023 .water_washing{
  background: #021977 url(https://img.kr.news.samsung.com/betree_content/waterday_20230321/images/washing_bg.jpg) no-repeat center bottom/100% auto;
}
#page__water_2023 .water_patagonia{
  background: #052159 url(https://img.kr.news.samsung.com/betree_content/waterday_20230321/images/patagonia_bg.jpg) no-repeat center top/100% auto;
}
#page__water_2023 .water_bubble{
  background: #052159 url(https://img.kr.news.samsung.com/betree_content/waterday_20230321/images/bubble_bg.jpg) no-repeat center bottom/100% auto;
}
@media (max-width: 768px){
  #page__water_2023 .water__env{
    padding-top: 60px;
  }
  #page__water_2023 .water_change{
    padding-top: 26px;
  }
}
#page__water_2023 .content{
  position: relative;
}
#page__water_2023 .count_text{
  position: absolute;
  color: #89ffb3;
  letter-spacing: -0.02em;
  font-weight: 500;
}
#page__water_2023 .water_change .count_text{
  font-size: 86px;
}
#page__water_2023 .water_change .count_text.text1{
  right: 67.2%;
  top: 5%;
}
#page__water_2023 .water_change .count_text.text2{
  right: 24.2%;
  top: 5%;
  color: #0061ff;
}
#page__water_2023 .water_light .count_text{
  font-size: 86px;
}
#page__water_2023 .water_light .count_text.text1{
  right: 27.5%;
  top: 16%;
}
#page__water_2023 .water_bubble .count_text{
  font-size: 70px;
}
#page__water_2023 .water_bubble .count_text.text1{
  right: 21.8%;
  top: 1.7%;
}
#page__water_2023 .water_bubble .count_text.text2{
  right: 21.8%;
  top: 50.5%;
}
@media (max-width: 1160px) {
  #page__water_2023 .water_change .count_text{
    font-size: 7.4138vw;
  }
  #page__water_2023 .water_light .count_text{
    font-size: 7.4138vw;
  }
  #page__water_2023 .water_bubble .count_text{
    font-size: 5.5vw;
  }
}