.behold-grid-posts{max-width: 1920!important;}
.swiper {width: 100%;height: 88vh;bottom: 0;position: absolute;}
.swiper-slide:nth-child(1) {background-color:#FCEBA3;}
.swiper-slide:nth-child(2) {background-image: url('../asset/images/s2/bg_s2.png');display:unset;background-position: center center;background-repeat: no-repeat;background-attachment:fixed;background-size: cover;}
.swiper-slide:nth-child(3) {background-image: url('../asset/images/s3/s3_bg.webp');background-repeat: no-repeat;background-size: cover;background-position: 50% 50%;}
.swiper-slide:nth-child(4) {background-image: url('../asset/images/s4/s4_bg.webp');background-repeat: no-repeat;background-size: cover;}
.swiper-slide:nth-child(5) {background-image: url('../asset/images/s5/s5_bg.webp');background-repeat: no-repeat;background-size: cover;background-position-x: right;}
.swiper-slide:nth-child(6) {background-image: url();background-repeat: no-repeat;background-size: cover;background-color: #f8e4cb;}
.swiper-slide:nth-child(7) {background-image: url('../asset/images/s7/s7_bg.png');background-repeat: no-repeat;background-size: cover;background-color: #F8E4CB;background-position: 50% 50%;background-position-x: right;}
.swiper-slide .img-group7 {background: linear-gradient( to top, pink 0%, pink 14%, paleturquoise 50%, paleturquoise 100% );}




.s2_txt1{left:17%;top:35%;height:42vh;            }
.s2_txt2{left:35%;top:35%;height:42vh;            }
.s2_txt3{left:52%;top:35%;z-index: 1;height:100%;}
.s2_txt4{left:70%;top:35%;z-index: 0;height:42vh;}

.s2-manuka-prod img{position:unset!important;}
.s2_txt5{margin-left:-5%;margin-top:-10vh;z-index: 0; width:auto; position: absolute;}
.s2_txt6{margin-left:-6%;margin-top:-10vh;z-index: 0; width:auto; position:absolute;}
.s2_txt7{margin-left:-4%;margin-top:-5.5vh;z-index: 2; width:auto;position: absolute;}
.s2_txt8{margin-left:-8%;margin-top:-10vh;z-index: 2; width:auto; position:absolute;}
.s2_txt11{margin-top:-15vh;margin-left:7%;position:absolute;}
.s2_txt12{margin-top:-13vh;margin-left:54%;position: absolute;}
.s2-manuka-prod{display: flex;padding-top:3vh;width: 100%;text-align: center;justify-content: center;    padding-left: 60px;}
.jelly_lemon, .jelly_honey, .gum-blu-jelly1, .gum-blu-jelly2{position: absolute;}
.jelly_lemon{margin-left: -4%;margin-top: -14%;}
.jelly_honey{margin-left: 16vw;margin-top: -18vh;}
.jelly_mgo{margin-left: 21vw;margin-top: -56vh;position: absolute;}
.jelly_mgo img{width: 6.5vw;height: auto;}

.gum-blu-jelly1{    margin-top: -9vh;margin-left: 3vw;}
.gum-blu-jelly2{margin-left: 25vw;margin-top: -11vh;}



@media (min-width: 1921px) {
  .img-single{position: unset!important;}
.swiper-slide:nth-child(7) {background-image: url('../asset/images/s7/s7_bg_2.webp');background-repeat: no-repeat;background-size: cover;background-color: #F8E4CB;    background-position: 50% 50%;  height: 100%!important;background-position-x:right;}
.s2_txt1{left:26vw;top:41vh;height:40vh;}
.s2_txt2{left:39vw;top:41vh;height:40vh;}
.s2_txt3{left:52%;top:41vh;z-index: 1;height:40vh;}
.s2_txt4{left:65vw;top:41vh;z-index:1;height:40vh;}

}

.s2_txt9 {position:absolute;margin-left: -23%;margin-top: 2%;}
.s2_txt10{position:absolute;margin-left:30%;margin-top: 2%;}
.s2_gum_wrapper .img-single{position: unset!important;}
.s2-manuka-prod h3{color:#131E3A;margin:60px 0 0;font-weight: normal;}
.manuka_collection button{border:0;outline:0;background:unset;font-family: 'Montreal Heavy',sans-serif;font-size: 0.95em;cursor:pointer;}
.s2_collction_lozenges{max-width: 1400px;margin:0 auto; width:100%;position: relative;}
/* .swiper-slide img{position: absolute;} */
.s1_txt1{left:15%;top:20%;height: 14.5vh;}
.s1_txt2{left:15%;top:34%;height: 14.5vh;}
.s1_txt3{left:15%;top:47%;z-index: -1;height: 14.5vh;}
.s1_txt4{left:15%;top:60%;z-index: -1;height: 14.5vh;}
.s1_txt5{left:44%;bottom:3vh;z-index: -1;height: 86.5vh;position: absolute;}
.manuka_collection {display: flex;width: 100%;max-width: 400px;margin: 0 auto;justify-content: space-evenly;font-size: 0.93em;padding-top: 15px;}
/* .manuka_collection button:hover(background-color:teal;) */
.manuka_collection div > a{font-size:1.4em;}
.s2_intro{width: 100%;text-align: center;margin-top: 18vh;}

.s2-manuka-prod >div{padding:0 40px;}


.s2_candy span{  font-size: 1.3em;padding: 10px 0 0;color: #182140;letter-spacing: -1px;font-weight: 600;}
.s2-collection-wrapper{position: relative;width: 100%;}
.s2-material{margin:0 auto;max-width: 1600px;width:100%;position: relative;}
.s2_gum{display: flex;justify-content: center;padding-top: 8vh;text-align: center;position: relative;width: 100%;}
.s2_gum h3{margin-top:0;color:#131E3A;margin: 0;font-size:24px;font-weight: 400;}

.s3_txt1{left:50%;top:15%;}

.s3_txt4{left:55%;top:84%;z-index: -1;}

.tit3{color: #1B315A;font-size: 7vh;top:22vh;text-align: center;}
.tit3_4{color: #1B315A;font-size: 7vh;top:68vh;text-align: center;white-space: pre-line;letter-spacing: -1px;}

.tit3_1{font-weight: 700;letter-spacing: -7px;}
.tit3_2{font-size:5.5vh;}
.tit3_3{font-size:4vh;white-space: pre-line;text-align: center;margin:0px;letter-spacing: -1px;font-family: 'NanumBarunGothic',sans-serif;}

.tit4{position: unset!important;top:74vh;left: 5%;text-align: left;white-space: pre-line;font-weight: bold;letter-spacing: -1px;line-height: 1.5;}
.tit4_1{color:#252045;font-size: 3.0vh;}
.tit4_2, .tit4_3{color:#000;font-size: 2.3vh;font-weight: bold;}


.s4_txt1{left:5%;top:59vh;position: unset !important;}
.s4_txt2{left:5%;top:80%;}

.s5_txt1{left:20%; top:20vh;}
.s5_txt2{left:16%; top:28.5vh;}
.s5_txt3{left:16%; top:37vh;}
.s5_txt4{left:16%; top:45vh;}
.s5_txt5{left:16%; top:53vh;}
.s5_txt6{left:16%; top:61vh;}
.s5_txt7{left:16%; top:60vh;}
.s5_txt8{left:16%; top:69vh;}
.s5_txt9{left:16%; top:77vh;}

.s7_txt1{left:9%; top:18%;}
.s7_txt2{left:9%; top:28%;}
.s7_txt3{position:unset!important;width:auto;height:9vh;padding-top: 20px;}

.tit7 {letter-spacing: -1px;color:#000;font-family: 'NanumBarunGothic',sans-serif; white-space: pre-line;font-size: 1.5em;position: relative;transition: all cubic-bezier(.66,.51,.02,.98) 1.5s;top:135vh;}

.swiper-slide .img-group7 h1{color:#252045;font-size: 4.85vh;position:absolute;top:14vh;left:9%;}
.swiper-slide h1{text-align: center;width:100%;}





  .img-group_left {flex:1;float:left;    position: absolute;display: inline-block;left: 18%;}
  .img-group_left .contents {height: 120px;position: relative;display: block;}
  .img-group_left .ani_01:nth-child(1) {position:relative;transition: all cubic-bezier(.66,.51,.02,.98) 1.5s;top:150vh;}
  .img-group_left .ani_01:nth-child(2) {position:relative;transition: all cubic-bezier(.66,.51,.02,.98) 2s;top:200vh}
  .img-group_left .ani_01:nth-child(3) {position:relative;transition: all cubic-bezier(.66,.51,.02,.98) 2.5s;top:250vh}
  .img-group_left .ani_01:nth-child(4) {position:relative;transition: all cubic-bezier(.66,.51,.02,.98) 3s;top:300vh}

  .img-group_right {flex:1;float:right;}
  .img-group3_right {flex:1;float:right;}
  .mgo_right{color:#152442;padding-left: 30%;}
  .mgo_detail{white-space:pre-line;text-align:center;}
  .mgo_intro{text-align:center;top:150vh;position: relative;transition: all cubic-bezier(.66,.51,.02,.98) 1.5s;}
  .mgo_intro span:nth-child(1){font-size:3.5em;font-weight: 600;letter-spacing:-3px;}
  .mgo_intro span:nth-child(2){font-size:2.5em;font-weight: normal;}
  
  .detail_1{font-size:1.6rem;letter-spacing: -2px;top:150vh;position: relative;transition: all cubic-bezier(.66,.51,.02,.98) 1.5s;}
  .detail_2{font-size: 1.5em;letter-spacing: -1px;position: relative;transition: all cubic-bezier(.66,.51,.02,.98) 2s;}
  .mgo_500{position: relative;top:100vh;transition: all cubic-bezier(.66,.51,.02,.98) 1.5s;}
  .mgo_250{position: relative;transition: all cubic-bezier(.66,.51,.02,.98) 1.5s;top:110vh;}
  .s5_manuka_tit{position: relative;transition: all cubic-bezier(.66,.51,.02,.98) 1.5s;}
  .s5_manuka_detail{position: relative;transition: all cubic-bezier(.66,.51,.02,.98) 1.5s;}
  .mgo_img img{width:580px;position: unset;}
  .mgo_img div{text-align: center;padding:0.5vh;}
  .s4_manuka{width: 100%;padding-left: 16vw;padding-top: 59vh;}
  .swiper-slide .s5_manuka img{position: unset!important;}
  .s5_manuka{width:100%;padding-left: 18vw;padding-top: 22vh;}
  .s5_manuka div:nth-child(1){top: 19vh;position: absolute;left: 18vw;}
  .tit4_1{position: relative;transition: all cubic-bezier(.66,.51,.02,.98) 1.5s;top:100vh;}
  .tit4_2{position: relative;transition: all cubic-bezier(.66,.51,.02,.98) 1.5s;top:150vh;}
  .s4_tit{position: relative;transition: all cubic-bezier(.66,.51,.02,.98) 1.5s;top:120vh;padding-bottom: 35px;}

  .s7_manuka{width:100%;padding-left: 12vw;margin-top: -13vh;}
  .s7_manuka h2{font-family: 'Montreal Heavy',sans-serif !important;color:#000;font-size: 2.3em;margin-bottom: 15px;color:#252045;}
  .s7_manuka .s7_manuka_title{position: relative;transition: all cubic-bezier(.66,.51,.02,.98) 1.5s;top:200vh;}
  .s7_manuka .about{    padding: 15px 0 70px;margin-bottom: -20px;}
  /* .s7_logo{position: relative;transition: all cubic-bezier(.66,.51,.02,.98) 1.5s;} */
  .cnc_logo {bottom: 4%;position: absolute;}
  .cnc_logo {position: relative;transition: all cubic-bezier(.66,.51,.02,.98) 1.5s; top:150vh;}

#desk{display:block;}
#mo{display:none;}
.s4_tit img{width:auto; height:9vh;}

.text a:hover {
	color: #000;
	text-decoration: none;
}
.text {
	margin-top: 500px;
	font-size: 24px;
	justify-content: center;
	text-align: center;
	width: 100%;
	margin-left: 150px;
}
.text a{font-family:'Brandon Grotesque Medium', sans-serif;color:#553E2F;letter-spacing: -1px;}

.s2_txt1,.s2_txt2,.s2_txt3,.s2_txt4,.s2_txt9,.s2_txt10 img{transition: all 0.2s linear;}
.s2_txt1:hover img{ transform: scale(1.2);transition: all 1s linear;}
.s2_txt2:hover img{ transform: scale(1.2);transition: all 1s linear;}
.s2_txt3:hover img{ transform: scale(1.2);transition: all 1s linear;}
.s2_txt4:hover img{ transform: scale(1.2);transition: all 1s linear;}
.s2_txt9:hover img{ transform: scale(1.2);transition: all 1s linear;}
.s2_txt10:hover img{ transform: scale(1.2);transition: all 1s linear;}

#sns{padding-top: 70px;}
  .product_11{position: absolute;margin-left: 10vw;margin-top: -55vh;z-index: 0;}
  .product_11 img{width:6.5vw;height: auto;}
  
  
  /* tablet */
@media screen and (min-width:767px)and (max-width: 1023px){
  
  /* section1 */
  .s1_txt5{left:8%;bottom: unset;top:7.5%;}
  .img-group_right img {width:auto;height:50vh;}
  .ani_01 .contents {    width: 43vw;height: auto;}
  .img-group_left{bottom:19vh;}

/* section2 */
.s2_intro{margin-top:10.5vh;}
.s2_txt1 img,.s2_txt2 img,.s2_txt3 img,.s2_txt4 img{width: auto;height: 27.5vh;}
.product_11{display: none;}
.col_1, .col_2, .col_3, .col_4 img{    width: auto!important;height: 7vh!important;}
.s2_txt8 img {width: auto;height: 7vh;}

.s2-manuka-prod{display: flex;flex-direction: row;flex-wrap: wrap;width: 100%;min-width: 500px;border: 1px dotted #FF00FF;padding-top: 0;padding-left: 0;}
.s2_txt1,.s2_txt2,.s2_txt3,.s2_txt4{height:100%;}
.s2-manuka-prod h3{margin:10px 0 0;}
.text{font-size: 20px;}

.s2_txt5,.s2_txt6,.s2_txt8{margin-top: -5vh;}



/* section3 */
.swiper-slide:nth-child(3) {
  background-image: unset;
  background-color: #000;
}
.swiper-slide:nth-child(3)::before {
  background-image: url('../asset/images/s3/s3_mo_bg.webp');
  content: '';
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
  opacity: 0.4;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  -o-background-size: cover;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  background-attachment: initial;
}

  .mgo_right{padding-left: 0;color:#ffff;}
  .mgo_img img{width:445px;}

  /* section4 */

  .swiper-slide:nth-child(4) {
    background-image: unset;
    background-color: #000;
}

.swiper-slide:nth-child(4)::before {
  content: "";
  background-image: url('../asset/images/s4/s4_bg.webp');
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  opacity: 0.45;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-attachment: initial;
}
#mo{display:block;}
#desk{display:none;}
.s4_manuka{padding:0;}
.tit4{text-align: center;}
.s4_tit img{margin:0 auto;}
.s4_manuka span{color:#d6d4df;}



/* section5 */

.s5_manuka{padding:0;}
.s5_manuka_detail img{width:77vw;height: auto;}

.s5_manuka {padding-left: 13vw;padding-top: 5vh;}
.s5_manuka div:nth-child(1) {padding-left: 8vw;}

/* section6 */
.sns_box {margin-left: 30vw!important;margin-top: -56vh!important;}

    }













@media screen and (min-width:1024px)and (max-width: 1800px){ 
  
.s2_txt7{margin-top: -5%;}
.s2_txt8{margin-left:-5%;}
  .s2-manuka-prod{padding-left: 0;}
   .s2_txt1 img{width: auto !important;height: 340px!important;} 
   .s2_txt2 img{width: auto !important;height: 340px!important;} 
   .s2_txt3 img{width: auto !important;height: 340px!important;} 
   .s2_txt4 img{width: auto !important;height: 340px!important;} 


   /* section2 */
   .product_11{    margin-left: 12vw;margin-top: -62vh;}
   .product_11 img{    width: 6.5vw!important;height: auto!important;}
  .s2_txt5.sub1 img {width:auto; height:125px!important;}
  .s2_txt6.sub2 img {width:auto; height:125px!important;}
  .s2_txt7.sub3 img {width:auto; height:125px!important;}
  .s2_txt8.sub4 img {width:auto; height:125px!important;}
  .gum-lemon,.gum-blu {width:auto;height:15.5vh;}
  


  .s2_txt9{margin-left: -30%; margin-top: -2%;}
  .s2_txt10{margin-left: 32%;margin-top: -2%;}




  /* 스타일 지정 부분*/
  .s1_txt5{bottom:-5%;left:36%;}
  .img-group_left{bottom:11%;left:14%;}
  .mgo_right{padding-top: 5%;}
  .mgo_img img{width:70%;}

  /* section5 */
  .s5_manuka{padding-top:10%;}
  .swiper-slide .s5_manuka .s5_txt2,.s5_txt3,.s5_txt4,.s5_txt5,.s5_txt6,.s5_txt7,.s5_txt8,.s5_txt9{height: auto;width: 50%;}
  .swiper-slide .s5_manuka .s5_txt1{height:auto;width:90%}
  
  
  /* section6 */
  
  

  /* section7 */
  .tit7{font-size: 1.01rem;}
  .s7_txt3 {padding-top: 35px;}
  .tit7 {font-size: 1rem;margin-top:40px;margin-bottom: 0;}
  .s7_manuka .about{padding: 0 0 70px;}
  #sns{padding-top: 105px;}
  .swiper-slide:nth-child(7){
    background-position-y: bottom;
  }

  .jelly_lemon{margin-left: -4%;margin-top: -14%;}
  .jelly_honey{margin-left: 21vw;margin-top: -17vh;}
  .jelly_mgo{margin-left: 28vw;margin-top: -66vh;}
  .jelly_mgo img{width: 6.5vw;height: auto;}
  .jelly_honey img{width:auto;height:18vh;}

  .gum-blu-jelly1{    margin-top: -9vh;margin-left: 3vw;}
  .gum-blu-jelly2{margin-left: 27vw;margin-top: -23vh;}
  .s7_manuka h2{margin-bottom: 0;}
  .s7_manuka{margin-top: -15vh;}





}

@media (max-width:992px) {
.mobile{display:block;}
  .mo{display: block;}  

  .desktop{display:none;}

}
@media (min-width:992px) {
.mo{display: none;}  
.pc{display: block;}  
.mobile{display:none;}
.desktop{display:block;}
}


.behold-grid {width: 120vh !important;padding-top: 4% !important;}