.sec-sw-1fullimg1 { background:#f8f8f8; }

.sec-sw-1fullimg1 .scr-widerright:after { background:#f8f8f8; }

.sec-sw-1fullimg1 .swiper { position:relative; }
.sec-sw-1fullimg1 .swiper-img .swiper-slide { background:none no-repeat center/cover; padding-bottom:40%; }
.sec-sw-1fullimg1 .swiper-img .swiper-slide:before { content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,.2); }

.sec-sw-1fullimg1 .swiper-txt { position:absolute; left:0; top:0; right:0; bottom:0; }

.sec-sw-1fullimg1 .swiper-txt .swiper-slide { text-align:center;  color:#fff; display:flex; flex-direction: column; justify-content:center; align-items:center; padding-bottom:5%; }
.sec-sw-1fullimg1 .swiper-txt .desc { width:60%; font-size:1.25rem; margin:20px 0 40px; white-space: normal; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.sec-sw-1fullimg1 .swiper-txt .head { width:60%; font-size:3rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.sec-sw-1fullimg1 .swiper-txt .more { position:relative; font-size:.875rem; z-index:10; border-color:#fff !important; color:#fff !important; transition: 0ms 0ms; }
.sec-sw-1fullimg1 .swiper-txt .more .arrow { background:#fff !important; }
.sec-sw-1fullimg1 .swiper-txt .more .arrow:before, .sec-sw-1fullimg1 .swiper-txt .more .arrow:after { background:#fff !important; }
.sec-sw-1fullimg1 .swiper-txt .more:hover { background:#fff !important; color:#333 !important; }
.sec-sw-1fullimg1 .swiper-txt .more:hover .arrow { background:#333 !important; }
.sec-sw-1fullimg1 .swiper-txt .more:hover .arrow:before, .sec-sw-1fullimg1 .swiper-txt .more:hover .arrow:after { background:#333 !important; }

.sec-sw-1fullimg1 .swiper-txt .swiper-slide:not(.swiper-slide-active) .desc,
.sec-sw-1fullimg1 .swiper-txt .swiper-slide:not(.swiper-slide-active) .head,
.sec-sw-1fullimg1 .swiper-txt .swiper-slide:not(.swiper-slide-active) .more { opacity:0; }

.sec-sw-1fullimg1 .swiper-txt .swiper-slide.swiper-slide-active .desc,
.sec-sw-1fullimg1 .swiper-txt .swiper-slide.swiper-slide-active .head,
.sec-sw-1fullimg1 .swiper-txt .swiper-slide.swiper-slide-active .more { opacity:1; }


.sec-sw-1fullimg1 .nav { position:absolute; top:0; bottom:0; width:50%; z-index:9; }
.sec-sw-1fullimg1 .nav.prev { left:0; cursor: url('/layouts/skin3/_images/cursor_arrow_prev.png') 35 35, url('/layouts/skin3/_images/cursor_arrow_prev.cur')  35 35, auto; }
.sec-sw-1fullimg1 .nav.next { right:0; cursor: url('/layouts/skin3/_images/cursor_arrow_next.png') 35 35, url('/layouts/skin3/_images/cursor_arrow_next.cur')  35 35, auto; }

.sec-sw-1fullimg1 .pg { position:absolute; left:10px; bottom:10px; right:10px; display:flex; z-index:10; }
.sec-sw-1fullimg1 .pg .sw-thumb { width:calc(12.5% - 5px); margin:0 2.5px; border:1px solid #eee; cursor:pointer; }
.sec-sw-1fullimg1 .pg .sw-thumb .img { padding-bottom:60%; background:none no-repeat center/cover; filter:grayscale(100%); }
.sec-sw-1fullimg1 .pg .sw-thumb.on .img { filter: none; }
.sec-sw-1fullimg1 .pg .sw-thumb:nth-child(n+9) { display:none; }


@media (max-width: 1024px) {
    .sec-sw-1fullimg1 { margin:0; padding-top:0 !important; padding-bottom:0 !important; padding-left:0 !important; padding-right:0 !important; }
    .sec-sw-1fullimg1 .swiper-img .swiper-slide { padding-bottom:66%; }

    .sec-sw-1fullimg1 .swiper-txt .desc { font-size:1.125rem; margin:10px 0 20px; }
    .sec-sw-1fullimg1 .swiper-txt .head { font-size:2.2rem; }

    .sec-sw-1fullimg1 .nav { top:50%; bottom:auto; margin-top:-20px; width:40px; height:40px; }
    .sec-sw-1fullimg1 .nav.prev { left:10px; cursor:pointer; background:url('../images/cursor_arrow_prev.png') no-repeat center/contain; }
    .sec-sw-1fullimg1 .nav.next { right:10px; cursor:pointer; background:url('../images/cursor_arrow_next.png') no-repeat center/contain; }
}

@media (max-width: 767px) {

    .sec-sw-1fullimg1 .swiper-txt .head { font-size:1.75rem; }
    .sec-sw-1fullimg1 .pg .sw-thumb { width:calc(20% - 5px); }
    .sec-sw-1fullimg1 .pg .sw-thumb:nth-child(n+6) { display:none; }

}

/*shorts*/
.sec-1topimg-shorts { position:relative; overflow:hidden; background:#f8f8f8; }

.sec-1topimg-shorts .swiper-container { overflow:visible; width:100%; }

.sec-1topimg-shorts .swiper-slide { transform:scale(0.8); transition-duration:600ms; }
/*
.sec-1topimg-shorts .swiper-slide-active,
.sec-1topimg-shorts .swiper-slide-next,
.sec-1topimg-shorts .swiper-slide-next + div { transform:scale(1); }
*/

.sec-1topimg-shorts .swiper-slide { transform:scale(1); } /* 슬라이드 크기 동일하게 유지*/

/*
.sec-1topimg-shorts .swiper-slide:not(.swiper-slide-active, .swiper-slide-next, .swiper-slide-next + div) .content { display:none; }
.sec-1topimg-shorts .swiper-slide:not(.swiper-slide-active, .swiper-slide-next, .swiper-slide-next + div) .hover { display:none; }
.sec-1topimg-shorts .swiper-slide:not(.swiper-slide-active, .swiper-slide-next, .swiper-slide-next + div):after { content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,.5); }
*/

.sec-1topimg-shorts .swiper-slide .tmp-box {background-position: center center; background-size: auto 100%; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial;}

.sec-1topimg-shorts .swiper-slide .tmp-box .shorts-play-btn {cursor:pointer;position:absolute;top:40%;left:30%; opacity: 0.6;transition: 1s;}
.sec-1topimg-shorts .swiper-slide .tmp-box .shorts-play-btn:hover { opacity: 1; transition: opacity 0.3s ease;}

.sec-1topimg-shorts .swiper-slide .content {width:100%;position:absolute;height:67px;bottom:0px; text-align:center; padding:16px 10px;background:rgba(0,0,0,.3);}
.sec-1topimg-shorts .swiper-slide .head { width:100%; font-size:1.25rem;line-height:20px;white-space: normal; text-overflow: ellipsis; overflow: hidden; color:#fff; }

.sec-1topimg-shorts .swiper-slide .hover { position:absolute; left:0; top:0; right:0; bottom:0; padding:25px; background:rgba(230,230,230,.9); opacity:0; display:flex; justify-content:center; align-items:center; flex-direction: column; text-align:center; transition-duration:400ms; }
.sec-1topimg-shorts .swiper-slide:hover .hover { opacity:1; }
.sec-1topimg-shorts .swiper-slide .hover > div { white-space: normal; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; }
.sec-1topimg-shorts .swiper-slide .hover .head { font-weight:600; -webkit-line-clamp: 2; }
.sec-1topimg-shorts .swiper-slide .hover .desc {  color:#888; font-size:.875rem; -webkit-line-clamp: 4; }

.sec-1topimg-shorts .swiper-slide .more { border-radius:99px; font-size:.813rem; padding:10px 20px; margin-top:20px; }

.sec-1topimg-shorts .pg { text-align:center; display:flex; justify-content:center; align-items:center; margin-top:30px; }
.sec-1topimg-shorts .pg .swiper-pagination-bullet { opacity:1; background:#aaa; width:15px; height:15px; margin:0 5px; border:2px solid #f8f8f8; transition-duration:200ms; }
.sec-1topimg-shorts .pg .swiper-pagination-bullet-active { background:none; border:1px solid #888; }

.sec-1topimg-shorts .nav {opacity:0; transition: opacity 0.3s ease;position:absolute; top:51%; transform:translateY(-50%); width:40px; height:40px; cursor:pointer; border-radius:99px; border:1px solid #eee; color:#eee; display:flex; justify-content:center; align-items:center; z-index:9; }
.sec-1topimg-shorts:hover .nav {opacity: 1; transition: opacity 0.3s ease;}

.sec-1topimg-shorts .nav.prev {padding-right:3px; left:5vw; }
.sec-1topimg-shorts .nav.next {padding-left:3px; right:5vw; }


@media (max-width: 1200px) {
    .sec-1topimg-shorts .swiper-slide .name { margin-bottom:15px; padding-bottom:10px; }
    .sec-1topimg-shorts .swiper-slide .more { margin-top:25px; }

}

@media (max-width: 1024px) {
    .sec-1topimg-shorts .swiper-container { overflow:hidden; width:100%; }
    .sec-1topimg-shorts .swiper-slide { transform:scale(1); }
    .sec-1topimg-shorts .swiper-slide:not(.swiper-slide-active, .swiper-slide-next, .swiper-slide-next + div):after { display:none; }


    .sec-1topimg-shorts .swiper-slide .hover .head, .sec-1topimg-shorts .swiper-slide .hover .name { display:none; }


    .sec-1topimg-shorts .pg { margin-top:10px; }
    .sec-1topimg-shorts .nav { top:54%; }

}

@media (max-width: 767px) {

    .sec-1topimg-shorts .swiper-slide .content { padding:10px; }

    .sec-1topimg-shorts .swiper-slide .head { font-size:1.125rem; }
    .sec-1topimg-shorts .swiper-slide .more { margin-top:15px; }

    .sec-1topimg-shorts .pg .swiper-pagination-bullet { width:12px; height:12px; margin:0 3px; }
    .sec-1topimg-shorts .nav { top:50%; }

    .sec-1topimg-shorts .nav.prev { left:5vw; }
    .sec-1topimg-shorts .nav.next { right:5vw; }


}
/*shorts*/

/*콘텐츠 스타일 18-1 유튜브용*/
.visual-6 {
width:100%;
overflow:hidden;
position:relative;
  background:rgba(0,0,0,0.84);
}

/*공통*/
.visual-6 .swiper-container.loading {
  opacity: 0;
  visibility: hidden;
}

.visual-6 .swiper-slide {
  overflow: hidden;
}



/*MAIN SLIDER*/
.visual-6 .v-main-slider {
  width: 80%;
  /*height: 100vh;*/
  height:538.875px;
  float: left;
  transition: opacity 0.6s ease, transform 0.3s ease;
}

/* navi*/
.visual-6 .v-main-slider div[class^=swiper-button-] {
  transition: all 0.3s ease;
}

.visual-6 .v-main-slider div[class^=swiper-button-] {
  width: 44px;
  opacity: 0;
  visibility: hidden;
}

.visual-6 .v-main-slider .swiper-button-prev {
  transform: translateX(50px);
}

.visual-6 .v-main-slider .swiper-button-next {
  transform: translateX(-50px);
}

.visual-6 .v-main-slider:hover .swiper-button-prev,
.visual-6 .v-main-slider:hover .swiper-button-next {
  transform: translateX(0);
  /*
  opacity: 1;
  visibility: visible;
  */
}
/* navi*/


.visual-6 .v-main-slider .swiper-slide {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.visual-6 .v-main-slider .swiper-slide .video-container {
  position: relative;
  width:100%;
  padding-bottom: 56.25%;
}

.visual-6 .v-main-slider .swiper-slide .video-container .spinner {position:absolute;z-index:3;top:40%;left:46%;}

.visual-6 .v-main-slider .swiper-slide .video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


.visual-6 .v-main-slider .swiper-slide .slide-bgimg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  /*z-index:1;*/
}

.visual-6 .v-main-slider .swiper-slide .entity-img {
  display: none;
}

.visual-6 .v-main-slider .swiper-slide .youtube-play-btn {
  position: absolute;
  top: 46%;
  left: 46%;

  z-index:3;
 opacity: 0;
  transition: opacity 0.3s ease;
}

@media (max-width: 550px) {

   .visual-6 .v-main-slider .swiper-slide .youtube-play-btn {
     top: 38%;
     left: 38%;
   }

}

@media (max-width: 480px) {

   .visual-6 .v-main-slider .swiper-slide .youtube-play-btn {
     top: 38%;
     left: 38%;
   }

}

/*
.visual-6 .v-main-slider .swiper-slide .youtube-play-btn:hover {
 opacity: 1;
  transition: opacity 0.3s ease;
}
*/

.visual-6 .v-main-slider .swiper-slide.swiper-slide-active .youtube-play-btn {
 opacity: 0.6;
transition: 1s;
}

.visual-6 .v-main-slider .swiper-slide.swiper-slide-active .youtube-play-btn:hover {
 opacity: 1;
  transition: opacity 0.3s ease;
}


.visual-6 .v-main-slider .swiper-slide .content {
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  height:100px;
  padding-top:20px;
  padding-left: 5%;
  padding-right: 5%;  
  color: #fff;
  background:rgba(0,0,0,.5);
  border:#ffffff 0px solid;
}
.visual-6 .v-main-slider .swiper-slide .content .swipe-title {
  font-size: 2rem;
  font-weight: bold;
  line-height:28px;
}


.visual-6 .v-main-slider .swiper-slide .content .caption {
  display: block;
  font-size: 1rem;
  line-height: 1.4rem;
  transform: translateX(50px);
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.7s ease;
}
.visual-6 .v-main-slider .swiper-slide .content .caption.show {
  transform: translateX(0);
  opacity: 1;
}

/*NAV SLIDER*/
.visual-6 .v-nav-slider {
  width: 20%;
  padding-left: 5px;
  padding-right: 5px;
  height:538.875px;
  float: left;
  transition: opacity 0.6s ease, transform 0.3s ease;
  background:rgba(0,0,0,0.94);
}

/* navi*/
.visual-6 .v-nav-slider div[class^=swiper-button-] {
position:absolute;
  width: 44px;
  opacity: 0;
  visibility: hidden;
  transform:rotate(90deg);
  top: initial;
  left: initial;
  right: 38%;
  margin: 0;

}

.visual-6 .v-nav-slider:hover .swiper-button-prev {
 
 /*
  opacity: 1;
  visibility: visible;
  */

   top:0;
}
.visual-6 .v-nav-slider:hover .swiper-button-next {
 
 /*
  opacity: 1;
  visibility: visible;
  */

    bottom:0;
}

.visual-6 .v-nav-slider .swiper-slide {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  box-sizing: border-box;
  margin:0;
}

.visual-6 .v-nav-slider.nav-off {
    width:20%;
}

.visual-6 .v-nav-slider.nav-on {
    width:20%;
}


.visual-6 .v-nav-slider.video-on.nav-off {
    width:20%;
}

.visual-6 .v-nav-slider.video-on.nav-on {
    width:20%;
}


.visual-6 .v-nav-slider .swiper-slide {
  cursor: pointer;
  opacity: 0.4;
  transition: opacity 0.3s ease;
}

.visual-6 .v-nav-slider .swiper-slide .slide-bgimg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  /*z-index:2;*/
}

.visual-6 .v-nav-slider .swiper-slide .entity-img {
  display: none;
}

.visual-6 .v-nav-slider .swiper-slide.swiper-slide-active {
  opacity: 1;
}
.visual-6 .v-nav-slider .swiper-slide .content {
  width: 100%;
}
.visual-6 .v-nav-slider .swiper-slide .content .title {
  font-size: 20px;
}

.visual-6 .v-nav-slider .swiper-slide .navi-content {
  position: absolute;
  top: 50%;
  left: 0;
  width: 90%;
  padding-left: 5%;
  color: #fff;
}

.visual-6 .v-nav-slider .swiper-slide .navi-content .navi-title {
  font-size: 1rem;
  font-weight: bold;
  margin-bottom: 30px;
}


@media (max-width: 1024px) {

   .visual-6 .v-main-slider {
	 height:438.75px;
   }

   .visual-6 .v-nav-slider {
	 height:438.75px;
   }
     
   .visual-6 .v-main-slider .swiper-slide .content .swipe-title {
   font-size: 1.5rem;
   font-weight: bold;
   }   


}

@media (max-width: 767px) {

   .visual-6 .v-main-slider {
     width: 100%;
	 height:403.875px;
   }

   .visual-6 .v-nav-slider {
     width: 20%;
	 height:403.875px;
	 position:absolute;
	 top:0;
	 right:0;
	 z-index:2;
   }
   
   .visual-6 .v-main-slider .swiper-slide .content .swipe-title {
   font-size: 1.25rem;
   font-weight: bold;
   }    


/*on off*/
.visual-6 .v-nav-slider.nav-off {
    width:20%;
}

.visual-6 .v-nav-slider.nav-on {
    width:20%;
}


.visual-6 .v-nav-slider.video-on.nav-off {
    transition: 1s;
    right:-20%;
    width:20%;
}

.visual-6 .v-nav-slider.video-on.nav-on {
    transition: 1s;
    right: 0;
    width:20%;
}
/*on off*/



}

@media (max-width: 500px) {

.visual-6 .v-main-slider .swiper-slide .play-btn {
  top: 30%;
  left: 40%;
  }
  
   .visual-6 .v-main-slider .swiper-slide .content .swipe-title {
   font-size: 1rem;
   font-weight: bold;
   }   

  .visual-6 .v-main-slider .swiper-slide .video-container .spinner {position:absolute;z-index:3;top:30%;left:40%;}

   .visual-6 .v-main-slider {
	 height:253.688px;
   }

   .visual-6 .v-nav-slider {
	 height:253.688px;
   }

}

@media (max-width: 480px) {


  .visual-6 .v-main-slider .swiper-slide .content{  
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  height:80px;
  padding-top:20px;
  padding-left: 5%;
  padding-right: 5%;  
  color: #fff;
  background:rgba(0,0,0,.5);
  border:#ffffff 0px solid;
  }

   .visual-6 .v-main-slider .swiper-slide .content .swipe-title {
   font-size: 1.25rem;
   font-weight: bold;
   line-height:24px;
   } 

   .visual-6 .v-main-slider {
	 height:242.438px;
   }

   .visual-6 .v-nav-slider {
	 height:242.438px;
   }


.visual-6 .v-main-slider .swiper-slide .play-btn {
  top: 40%;
  left: 40%;
  }

  .visual-6 .v-main-slider .swiper-slide .video-container .spinner {position:absolute;z-index:3;top:20%;left:40%;}


}

/*goods*/
.sec-blogpay-goods { position:relative; overflow:hidden;/* background:#f8f8f8;*/ }

.sec-blogpay-goods .config-tit {float:left;font-size: 14px; font-family: "Pretendard", sans-serif !important; font-weight:600;}


.sec-blogpay-goods .header-box{width:100%;position:relative;overflow:hidden;}

.sec-blogpay-goods .header-box .shop-box{position:absolute;top:0px;right:0px;overflow:hidden;border-radius:5px;/*background:/*rgba(239, 246, 252, 1);*/}
.sec-blogpay-goods .header-box .shop-box .qbox{display:inline-block;}
.sec-blogpay-goods .header-box .shop-box .qbox:not(:last-child){margin-right:10px;}

.sec-blogpay-goods .header-box .shop-box .qbox .icon{font-size: 14px; font-family: "Pretendard", sans-serif !important; font-weight:400;overflow:hidden;}
.sec-blogpay-goods .header-box .shop-box .qbox .icon a i{color:#92DCE5 /*#b4d8e7*/;}
.sec-blogpay-goods .header-box .shop-box .qbox .icon .txt{font-size:1rem;color:#afafaf;font-weight:500;/*text-shadow: 0 3px 3px rgba(0,0,0,0.10);*/}
.sec-blogpay-goods .header-box .shop-box .qbox .icon .txt:hover{color:#E89800;}


@media (max-width: 1024px) {

}

@media (max-width: 790px) {

}

@media (max-width: 500px) {

}

@media (max-width: 400px) {

}

/*샵 카테고리*/
#blogpay-category { width:100%;height:45px;overflow:hidden;margin-bottom:35px;border-bottom: 1px solid rgb(221, 221, 221);}
#blogpay-category .swiper-container { overflow:visible; height:51px; }
#blogpay-category .swiper-container li:first-child {margin-left:0;}
#blogpay-category .swiper-container li:last-child {border-right: 1px solid rgb(221, 221, 221);}

#blogpay-category .swiper-container li.on {margin-top: 0px; border-top: #7ea21e 2px solid;position: relative;background-color:rgba(151, 213, 227, 0.25);}
#blogpay-category .swiper-container li.on a {color: rgb(52, 114, 211);  font-weight: bold; position: relative;}

#blogpay-category .swiper-slide {background-color: rgb(255, 255, 255);border-width: 1px 0px 0px 1px; border-style: solid; border-color: rgb(221, 221, 221); position: relative; margin:0px;padding-left:15px;padding-right:15px; width:auto; }

#blogpay-category .swiper-slide span {cursor:pointer;  font-size: 14px; font-family: "Pretendard", sans-serif !important; font-weight:400; word-break:keep-all; word-wrap:break-word;  position:relative;top:-2px; display:flex; align-items:center; height:100%; padding:5px 10px; color: rgb(51, 51, 51); white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
#blogpay-category .swiper-slide span:before { content:""; position:absolute; left:50%; transform:translateX(-50%); bottom:0; right:0; opacity: 0; height:3px; width:0; transition-duration: 300ms; }
#blogpay-category .swiper-slide:hover span:before, #blogpay-category .swiper-slide.on span:before { opacity: 1; }

#blogpay-category .nav { position:absolute; top:43%; transform:translateY(-50%); padding:0 5px; cursor:pointer; z-index:3; /*display:none;*/ }
#blogpay-category .nav.prev { left:0; }
#blogpay-category .nav.next { right:0; }
#blogpay-category .nav.swiper-button-disabled i { opacity:.2; }

@media (max-width: 767px) {

	#blogpay-category {}
	#blogpay-category .swiper-container {overflow:hidden; }
	/*
	#blogpay-category .swiper-slide { margin:0 5px; }
	#blogpay-category .swiper-slide a { padding:14px 10px; }
	*/

	#blogpay-category:hover .nav { display:block; }
}
/*샵 카테고리*/

.sec-1topimg-goods { position:relative; overflow:hidden; /*background:#f8f8f8;*/ }

.sec-1topimg-goods .swiper-container { overflow:visible; width:100%; }

.sec-1topimg-goods .swiper-slide { transform:scale(0.8); transition-duration:600ms; }
/*
.sec-1topimg-goods .swiper-slide-active,
.sec-1topimg-goods .swiper-slide-next,
.sec-1topimg-goods .swiper-slide-next + div { transform:scale(1); }
*/

.sec-1topimg-goods .swiper-slide { transform:scale(1); } /* 슬라이드 크기 동일하게 유지*/

/*
.sec-1topimg-goods .swiper-slide:not(.swiper-slide-active, .swiper-slide-next, .swiper-slide-next + div) .content { display:none; }
.sec-1topimg-goods .swiper-slide:not(.swiper-slide-active, .swiper-slide-next, .swiper-slide-next + div) .hover { display:none; }
.sec-1topimg-goods .swiper-slide:not(.swiper-slide-active, .swiper-slide-next, .swiper-slide-next + div):after { content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,.5); }
*/

.sec-1topimg-goods .swiper-slide .goods-list {width:100%;overflow:hidden;}
.sec-1topimg-goods .swiper-slide .goods-list .top-list{width:100%;height:230px;position:relative;margin-bottom:30px;overflow:hidden;}

.sec-1topimg-goods .swiper-slide .goods-list .bottom-list{width:100%;height:230px;position:relative;overflow:hidden;}

.sec-1topimg-goods .swiper-slide .tmp-box {position:relative;width:100%;height:160px;margin-bottom:20px;border-radius:5px;background-position: top center; background-size: 100% 100%; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial;}
/*.sec-1topimg-goods .swiper-slide .tmp-box .goods-play-btn:hover { opacity: 1; transition: opacity 0.3s ease;}*/
.sec-1topimg-goods .swiper-slide .tmp-box .goods-event-sticker {cursor:pointer;width:35px;border-top-left-radius:5px;height:20px;font-size: 14px; font-family: "Pretendard", sans-serif !important; font-weight:400;font-weight:400;text-align:center;position:absolute;top:0%;left:0px; color:#fff;background:rgba(255,67,80,.9);}
.sec-1topimg-goods .swiper-slide .tmp-box .goods-free-sticker {cursor:pointer;width:70px;border-top-left-radius:5px;height:20px;font-size: 14px; font-family: "Pretendard", sans-serif !important; font-weight:400;font-weight:400;text-align:center;position:absolute;top:0%;left:0px; color:#fff;background:rgba(255,67,80,.9);}
.sec-1topimg-goods .swiper-slide .tmp-box .goods-sale-sticker-35 {cursor:pointer;width:35px;height:20px;border-bottom-right-radius:5px;font-size: 14px; font-family: "Pretendard", sans-serif !important; font-weight:400;font-weight:400;text-align:center;overflow:hidden;position:absolute;top:0%;left:35px; color:#fff;background:rgba(0,0,0,.5);}
.sec-1topimg-goods .swiper-slide .tmp-box .goods-sale-sticker-70 {cursor:pointer;width:35px;height:20px;border-bottom-right-radius:5px;font-size: 14px; font-family: "Pretendard", sans-serif !important; font-weight:400;font-weight:400;text-align:center;overflow:hidden;position:absolute;top:0%;left:70px; color:#fff;background:rgba(0,0,0,.5);}


.sec-1topimg-goods .swiper-slide .content {width:100%;position:absolute;height:48px;bottom:0px; text-align:center; padding:6px 10px;/*background:rgba(0,0,0,.3);*/}
.sec-1topimg-goods .swiper-slide .head { width:100%; font-size: 14px; font-family: "Pretendard", sans-serif !important; font-weight:400;line-height:20px; white-space: normal; text-overflow: ellipsis; overflow: hidden; color:#1a1a1a; }
.sec-1topimg-goods .swiper-slide .head .bprice {color:#ef2011;font-size: 14px; font-family: "Pretendard", sans-serif !important; font-weight:400;font-weight:600;}
.sec-1topimg-goods .swiper-slide .hover { position:absolute; left:0; top:0; right:0; bottom:0; padding:25px; background:rgba(230,230,230,.9); opacity:0; display:flex; justify-content:center; align-items:center; flex-direction: column; text-align:center; transition-duration:400ms; }
.sec-1topimg-goods .swiper-slide:hover .hover { opacity:1; }
.sec-1topimg-goods .swiper-slide .hover > div { white-space: normal; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; }
.sec-1topimg-goods .swiper-slide .hover .head { font-weight:600; -webkit-line-clamp: 2; }
.sec-1topimg-goods .swiper-slide .hover .desc {  color:#888; font-size: 14px; font-family: "Pretendard", sans-serif !important; font-weight:400; -webkit-line-clamp: 4; }

.sec-1topimg-goods .swiper-slide .more { border-radius:99px; font-size:.813rem; padding:10px 20px; margin-top:20px; }

.sec-1topimg-goods .pg { text-align:center; display:flex; justify-content:center; align-items:center; margin-top:30px; }
.sec-1topimg-goods .pg .swiper-pagination-bullet { opacity:1; background:#aaa; width:15px; height:15px; margin:0 5px; border:2px solid #f8f8f8; transition-duration:200ms; }
.sec-1topimg-goods .pg .swiper-pagination-bullet-active { background:none; border:1px solid #888; }

.sec-1topimg-goods .nav { position:absolute; top:49%; transform:translateY(-50%); width:40px; height:40px; cursor:pointer; border-radius:99px; border:1px solid #eee; color:#eee; display:flex; justify-content:center; align-items:center; z-index:9; }
.sec-1topimg-goods .nav.prev { left:2vw;opacity: 0.2;transition: 1s;background-color:rgba(0, 0, 0, .5);}
.sec-1topimg-goods .nav.next { right:2vw;opacity: 0.2;transition: 1s;background-color:rgba(0, 0, 0, .5);}
.sec-1topimg-goods .nav.prev:hover { left:2vw;opacity: 1; transition: opacity 0.3s ease;background-color:rgba(0, 0, 0, .5);}
.sec-1topimg-goods .nav.next:hover { right:2vw;opacity: 1; transition: opacity 0.3s ease;background-color:rgba(0, 0, 0, .5); }

@media (max-width: 1200px) {
    .sec-1topimg-goods .swiper-slide .name { margin-bottom:15px; padding-bottom:10px; }
    .sec-1topimg-goods .swiper-slide .more { margin-top:25px; }

}

@media (max-width: 1024px) {
    .sec-1topimg-goods .swiper-container { overflow:hidden; width:100%; }
    .sec-1topimg-goods .swiper-slide { transform:scale(1); }
    .sec-1topimg-goods .swiper-slide:not(.swiper-slide-active, .swiper-slide-next, .swiper-slide-next + div):after { display:none; }


    .sec-1topimg-goods .swiper-slide .hover .head, .sec-1topimg-goods .swiper-slide .hover .name { display:none; }


    .sec-1topimg-goods .pg { margin-top:10px; }
    .sec-1topimg-goods .nav { top:45.5%; }

}

@media (max-width: 767px) {

    .sec-1topimg-goods .swiper-slide .content { padding:10px; }

    .sec-1topimg-goods .swiper-slide .head { font-size:1.125rem; }
    .sec-1topimg-goods .swiper-slide .more { margin-top:15px; }

    .sec-1topimg-goods .pg .swiper-pagination-bullet { width:12px; height:12px; margin:0 3px; }
    .sec-1topimg-goods .nav { top:50%; }

    .sec-1topimg-goods .nav.prev { left:2vw; }
    .sec-1topimg-goods .nav.next { right:2vw; }


}


@media (max-width: 400px) {
.sec-1topimg-goods .swiper-slide .tmp-box {background-size: auto 100%;}
}


/*goods*/


/*share-goods*/
.sec-blogpay-share-goods { position:relative; overflow:hidden; /*background:#f8f8f8;*/ }

.sec-blogpay-share-goods .config-tit {float:left;font-size: 14px; font-family: "Pretendard", sans-serif !important; font-weight:600;}

.sec-blogpay-share-goods .header-box{width:100%;position:relative;overflow:hidden;}

.sec-blogpay-share-goods .header-box .shop-box{position:absolute;top:0px;right:0px;overflow:hidden;border-radius:5px;/*background:/*rgba(239, 246, 252, 1);*/}
.sec-blogpay-share-goods .header-box .shop-box .qbox{display:inline-block;}
.sec-blogpay-share-goods .header-box .shop-box .qbox:not(:last-child){margin-right:10px;}

.sec-blogpay-share-goods .header-box .shop-box .qbox .icon{font-size: 14px; font-family: "Pretendard", sans-serif !important; font-weight:400;overflow:hidden;}
.sec-blogpay-share-goods .header-box .shop-box .qbox .icon a i{color:#92DCE5 /*#b4d8e7*/;}
.sec-blogpay-share-goods .header-box .shop-box .qbox .icon .txt{font-size:1rem;color:#afafaf;font-weight:500;/*text-shadow: 0 3px 3px rgba(0,0,0,0.10);*/}
.sec-blogpay-share-goods .header-box .shop-box .qbox .icon .txt:hover{color:#E89800;}


@media (max-width: 1024px) {

}

@media (max-width: 790px) {

}

@media (max-width: 500px) {

}

@media (max-width: 400px) {

}

/*샵 카테고리*/
#blogpay-share-category { width:100%;height:45px;overflow:hidden;margin-bottom:35px;border-bottom: 1px solid rgb(221, 221, 221);}
#blogpay-share-category .swiper-container { overflow:visible; height:51px; }
#blogpay-share-category .swiper-container li:first-child {margin-left:0;}
#blogpay-share-category .swiper-container li:last-child {border-right: 1px solid rgb(221, 221, 221);}

#blogpay-share-category .swiper-container li.on {margin-top: 0px; border-top: #7ea21e 2px solid;position: relative;background-color:rgba(151, 213, 227, 0.25);}
#blogpay-share-category .swiper-container li.on a {color: rgb(52, 114, 211);  font-weight: bold; position: relative;}

#blogpay-share-category .swiper-slide {background-color: rgb(255, 255, 255);border-width: 1px 0px 0px 1px; border-style: solid; border-color: rgb(221, 221, 221); position: relative; margin:0px;padding-left:15px;padding-right:15px; width:auto; }

#blogpay-share-category .swiper-slide span {cursor:pointer; font-size: 14px; font-family: "Pretendard", sans-serif !important; font-weight:400; word-break:keep-all; word-wrap:break-word; position:relative;top:-2px; display:flex; align-items:center; height:100%; padding:5px 10px; color: rgb(51, 51, 51); white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
#blogpay-share-category .swiper-slide span:before { content:""; position:absolute; left:50%; transform:translateX(-50%); bottom:0; right:0; opacity: 0; height:3px; width:0; transition-duration: 300ms; }
#blogpay-share-category .swiper-slide:hover span:before, #blogpay-share-category .swiper-slide.on span:before { opacity: 1; }

#blogpay-share-category .nav { position:absolute; top:43%; transform:translateY(-50%); padding:0 5px; cursor:pointer; z-index:3;/* display:none;*/ }
#blogpay-share-category .nav.prev { left:0; }
#blogpay-share-category .nav.next { right:0; }
#blogpay-share-category .nav.swiper-button-disabled i { opacity:.2; }

@media (max-width: 767px) {

	#blogpay-share-category {}
	#blogpay-share-category .swiper-container {overflow:hidden; }
	/*
	#blogpay-share-category .swiper-slide { margin:0 5px; }
	#blogpay-share-category .swiper-slide a { padding:14px 10px; }
	*/

	#blogpay-share-category:hover .nav { display:block; }
}
/*샵 카테고리*/

.sec-1topimg-share-goods { position:relative; overflow:hidden; /*background:#f8f8f8;*/ }

.sec-1topimg-share-goods .swiper-container { overflow:visible; width:100%; }

.sec-1topimg-share-goods .swiper-slide { transform:scale(0.8); transition-duration:600ms; }
/*
.sec-1topimg-share-goods .swiper-slide-active,
.sec-1topimg-share-goods .swiper-slide-next,
.sec-1topimg-share-goods .swiper-slide-next + div { transform:scale(1); }
*/

.sec-1topimg-share-goods .swiper-slide { transform:scale(1); } /* 슬라이드 크기 동일하게 유지*/

/*
.sec-1topimg-share-goods .swiper-slide:not(.swiper-slide-active, .swiper-slide-next, .swiper-slide-next + div) .content { display:none; }
.sec-1topimg-share-goods .swiper-slide:not(.swiper-slide-active, .swiper-slide-next, .swiper-slide-next + div) .hover { display:none; }
.sec-1topimg-share-goods .swiper-slide:not(.swiper-slide-active, .swiper-slide-next, .swiper-slide-next + div):after { content:""; position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,.5); }
*/

.sec-1topimg-share-goods .swiper-slide .share-goods-list {width:100%;overflow:hidden;}
.sec-1topimg-share-goods .swiper-slide .share-goods-list .top-list{width:100%;height:230px;position:relative;margin-bottom:30px;overflow:hidden;}

.sec-1topimg-share-goods .swiper-slide .share-goods-list .bottom-list{width:100%;height:230px;position:relative;overflow:hidden;}

.sec-1topimg-share-goods .swiper-slide .tmp-box {position:relative;width:100%;height:160px;margin-bottom:20px;border-radius:5px;background-position: top center; background-size: 100% 100%; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial;}
/*.sec-1topimg-share-goods .swiper-slide .tmp-box .goods-play-btn:hover { opacity: 1; transition: opacity 0.3s ease;}*/
.sec-1topimg-share-goods .swiper-slide .tmp-box .goods-event-sticker {cursor:pointer;width:35px;border-top-left-radius:5px;height:20px;font-size: 14px; font-family: "Pretendard", sans-serif !important; font-weight:400;font-weight:400;text-align:center;position:absolute;top:0%;left:0px; color:#fff;background:rgba(255,67,80,.9);}
.sec-1topimg-share-goods .swiper-slide .tmp-box .goods-free-sticker {cursor:pointer;width:70px;border-top-left-radius:5px;height:20px;font-size: 14px; font-family: "Pretendard", sans-serif !important; font-weight:400;font-weight:400;text-align:center;position:absolute;top:0%;left:0px; color:#fff;background:rgba(255,67,80,.9);}
.sec-1topimg-share-goods .swiper-slide .tmp-box .goods-sale-sticker-35 {cursor:pointer;width:35px;height:20px;border-bottom-right-radius:5px;font-size: 14px; font-family: "Pretendard", sans-serif !important; font-weight:400;font-weight:400;text-align:center;overflow:hidden;position:absolute;top:0%;left:35px; color:#fff;background:rgba(0,0,0,.5);}
.sec-1topimg-share-goods .swiper-slide .tmp-box .goods-sale-sticker-70 {cursor:pointer;width:35px;height:20px;border-bottom-right-radius:5px;font-size: 14px; font-family: "Pretendard", sans-serif !important; font-weight:400;font-weight:400;text-align:center;overflow:hidden;position:absolute;top:0%;left:70px; color:#fff;background:rgba(0,0,0,.5);}


.sec-1topimg-share-goods .swiper-slide .content {width:100%;position:absolute;height:48px;bottom:0px; text-align:center; padding:6px 10px;/*background:rgba(0,0,0,.3);*/}
.sec-1topimg-share-goods .swiper-slide .head { width:100%; font-size: 14px; font-family: "Pretendard", sans-serif !important; font-weight:400;line-height:20px;  white-space: normal; text-overflow: ellipsis; overflow: hidden; color:#1a1a1a; }
.sec-1topimg-share-goods .swiper-slide .head .bprice {color:#ef2011;font-size: 14px; font-family: "Pretendard", sans-serif !important; font-weight:400;font-weight:600;}
.sec-1topimg-share-goods .swiper-slide .hover { position:absolute; left:0; top:0; right:0; bottom:0; padding:25px; background:rgba(230,230,230,.9); opacity:0; display:flex; justify-content:center; align-items:center; flex-direction: column; text-align:center; transition-duration:400ms; }
.sec-1topimg-share-goods .swiper-slide:hover .hover { opacity:1; }
.sec-1topimg-share-goods .swiper-slide .hover > div { white-space: normal; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; }
.sec-1topimg-share-goods .swiper-slide .hover .head { font-weight:600; -webkit-line-clamp: 2; }
.sec-1topimg-share-goods .swiper-slide .hover .desc {  color:#888; font-size: 14px; font-family: "Pretendard", sans-serif !important; font-weight:400; -webkit-line-clamp: 4; }

.sec-1topimg-share-goods .swiper-slide .more { border-radius:99px; font-size:.813rem; padding:10px 20px; margin-top:20px; }

.sec-1topimg-share-goods .pg { text-align:center; display:flex; justify-content:center; align-items:center; margin-top:30px; }
.sec-1topimg-share-goods .pg .swiper-pagination-bullet { opacity:1; background:#aaa; width:15px; height:15px; margin:0 5px; border:2px solid #f8f8f8; transition-duration:200ms; }
.sec-1topimg-share-goods .pg .swiper-pagination-bullet-active { background:none; border:1px solid #888; }

.sec-1topimg-share-goods .nav { position:absolute; top:49%; transform:translateY(-50%); width:40px; height:40px; cursor:pointer; border-radius:99px; border:1px solid #eee; color:#eee; display:flex; justify-content:center; align-items:center; z-index:9; }
.sec-1topimg-share-goods .nav.prev { left:2vw;opacity: 0.2;transition: 1s;background-color:rgba(0, 0, 0, .5);}
.sec-1topimg-share-goods .nav.next { right:2vw;opacity: 0.2;transition: 1s;background-color:rgba(0, 0, 0, .5);}
.sec-1topimg-share-goods .nav.prev:hover { left:2vw;opacity: 1; transition: opacity 0.3s ease;background-color:rgba(0, 0, 0, .5);}
.sec-1topimg-share-goods .nav.next:hover { right:2vw;opacity: 1; transition: opacity 0.3s ease;background-color:rgba(0, 0, 0, .5); }

@media (max-width: 1200px) {
    .sec-1topimg-share-goods .swiper-slide .name { margin-bottom:15px; padding-bottom:10px; }
    .sec-1topimg-share-goods .swiper-slide .more { margin-top:25px; }

}

@media (max-width: 1024px) {
    .sec-1topimg-share-goods .swiper-container { overflow:hidden; width:100%; }
    .sec-1topimg-share-goods .swiper-slide { transform:scale(1); }
    .sec-1topimg-share-goods .swiper-slide:not(.swiper-slide-active, .swiper-slide-next, .swiper-slide-next + div):after { display:none; }


    .sec-1topimg-share-goods .swiper-slide .hover .head, .sec-1topimg-share-goods .swiper-slide .hover .name { display:none; }


    .sec-1topimg-share-goods .pg { margin-top:10px; }
    .sec-1topimg-share-goods .nav { top:45.5%; }

}

@media (max-width: 767px) {

    .sec-1topimg-share-goods .swiper-slide .content { padding:10px; }

    .sec-1topimg-share-goods .swiper-slide .head { font-size:1.125rem; }
    .sec-1topimg-share-goods .swiper-slide .more { margin-top:15px; }

    .sec-1topimg-share-goods .pg .swiper-pagination-bullet { width:12px; height:12px; margin:0 3px; }
    .sec-1topimg-share-goods .nav { top:50%; }

    .sec-1topimg-share-goods .nav.prev { left:2vw; }
    .sec-1topimg-share-goods .nav.next { right:2vw; }


}


@media (max-width: 400px) {
.sec-1topimg-share-goods .swiper-slide .tmp-box {background-size: auto 100%;}
}


/*share-goods*/


/*공용 스피너*/
.spinner {
  margin: 50px auto 0;
  width: 70px;
  text-align: center;
}

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: rgba(223, 32, 95, 0.95);

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}