/*jinjjayo*/

.sec-jinjjayo { position:relative; overflow:hidden; background:#f8f8f8; }

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

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

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

.sec-jinjjayo .header-box .shop-box .qbox .icon{font-size:.875rem;overflow:hidden;}
.sec-jinjjayo .header-box .shop-box .qbox .icon a i{color:#92DCE5 /*#b4d8e7*/;}
.sec-jinjjayo .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-jinjjayo .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) {

}

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

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

#jinjjayo-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; }

#jinjjayo-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;}
#jinjjayo-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; }
#jinjjayo-category .swiper-slide:hover span:before, #jinjjayo-category .swiper-slide.on span:before { opacity: 1; }

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

@media (max-width: 767px) {

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

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

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

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

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

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

/*
.sec-1topimg-jinjjayo .swiper-slide:not(.swiper-slide-active, .swiper-slide-next, .swiper-slide-next + div) .content { display:none; }
.sec-1topimg-jinjjayo .swiper-slide:not(.swiper-slide-active, .swiper-slide-next, .swiper-slide-next + div) .hover { display:none; }
.sec-1topimg-jinjjayo .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-jinjjayo .swiper-slide .jinjjayo-list {width:100%;overflow:hidden;}
.sec-1topimg-jinjjayo .swiper-slide .jinjjayo-list .top-list{width:100%;height:230px;position:relative;margin-bottom:30px;overflow:hidden;}

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

.sec-1topimg-jinjjayo .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-jinjjayo .swiper-slide .tmp-box .goods-play-btn:hover { opacity: 1; transition: opacity 0.3s ease;}*/
.sec-1topimg-jinjjayo .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-jinjjayo .swiper-slide .tmp-box .goods-free-sticker {position:absolute;top:4px;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-jinjjayo .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-jinjjayo .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-jinjjayo .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-jinjjayo .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-jinjjayo .swiper-slide .head .bprice {color:#ef2011;font-size: 14px; font-family: "Pretendard", sans-serif !important; font-weight:400;font-weight:600;}
.sec-1topimg-jinjjayo .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-jinjjayo .swiper-slide:hover .hover { opacity:1; }
.sec-1topimg-jinjjayo .swiper-slide .hover > div { white-space: normal; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; }
.sec-1topimg-jinjjayo .swiper-slide .hover .head { font-weight:600; -webkit-line-clamp: 2; }
.sec-1topimg-jinjjayo .swiper-slide .hover .desc {  color:#888; font-size: 14px; font-family: "Pretendard", sans-serif !important; font-weight:400; -webkit-line-clamp: 4; }

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

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

.sec-1topimg-jinjjayo .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-jinjjayo .nav.prev { left:2vw;opacity: 0.2;transition: 1s;background-color:rgba(0, 0, 0, .5);}
.sec-1topimg-jinjjayo .nav.next { right:2vw;opacity: 0.2;transition: 1s;background-color:rgba(0, 0, 0, .5);}
.sec-1topimg-jinjjayo .nav.prev:hover { left:2vw;opacity: 1; transition: opacity 0.3s ease;background-color:rgba(0, 0, 0, .5);}
.sec-1topimg-jinjjayo .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-jinjjayo .swiper-slide .name { margin-bottom:15px; padding-bottom:10px; }
    .sec-1topimg-jinjjayo .swiper-slide .more { margin-top:25px; }

}

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


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


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

}

@media (max-width: 767px) {

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

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

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

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


}


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


/*jinjjayo*/


/* jinjjayo-new*/
.sec-sw-jinjjayo-new { position:relative; }

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

.sec-sw-jinjjayo-new .jinjjayo-slide-content {width:100%;overflow:hidden;position:relative;}
.sec-sw-jinjjayo-new .jinjjayo-slide-content .swiper-wrapper { transition-timing-function: linear; }
.sec-sw-jinjjayo-new .jinjjayo-slide-content .swiper-slide { display:flex; flex-wrap: wrap; justify-content: space-between; margin-top:-10px; }
.sec-sw-jinjjayo-new .jinjjayo-slide-content .swiper-slide a {width:calc(25% - 10px); margin:10px 0; }
.sec-sw-jinjjayo-new .jinjjayo-slide-content .img { padding-bottom:60%;background-position: top center; background-size: 100% 100%; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial; }
.sec-sw-jinjjayo-new .jinjjayo-slide-content .head { margin-top:5px; white-space: normal; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;font-size: 16px;line-height:22px; font-family: "Pretendard", sans-serif !important; font-weight:400; }

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

.sec-sw-jinjjayo-new .jinjjayo-slide-content .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-sw-jinjjayo-new .jinjjayo-slide-content .nav.prev { left:2vw;opacity: 0.2;transition: 1s;background-color:rgba(0, 0, 0, .5);}
.sec-sw-jinjjayo-new .jinjjayo-slide-content .nav.next { right:2vw;opacity: 0.2;transition: 1s;background-color:rgba(0, 0, 0, .5);}
.sec-sw-jinjjayo-new .jinjjayo-slide-content .nav.prev:hover { left:2vw;opacity: 1; transition: opacity 0.3s ease;background-color:rgba(0, 0, 0, .5);}
.sec-sw-jinjjayo-new .jinjjayo-slide-content .nav.next:hover { right:2vw;opacity: 1; transition: opacity 0.3s ease;background-color:rgba(0, 0, 0, .5); }

/*
.sec-sw-jinjjayo-new .jinjjayo-slide-content .nav { position:absolute; --nav-size:40px; top:calc(50% - var(--nav-size)/2); width:var(--nav-size); height:var(--nav-size); font-size:3rem; cursor:pointer; }
.sec-sw-jinjjayo-new .jinjjayo-slide-content .nav::before,
.sec-sw-jinjjayo-new .jinjjayo-slide-content .nav::after { content:""; position:absolute; width:4px; height:20px; border-radius:99px; background:#666; }
.sec-sw-jinjjayo-new .jinjjayo-slide-content .nav::before { transform:rotate(45deg); }
.sec-sw-jinjjayo-new .jinjjayo-slide-content .nav::after { transform:rotate(-45deg); }

.sec-sw-jinjjayo-new .jinjjayo-slide-content .nav.prev { left:-50px; }
.sec-sw-jinjjayo-new .jinjjayo-slide-content .nav.prev:before, .sec-sw-jinjjayo-new .jinjjayo-slide-content .nav.prev:after { right:50%; }
.sec-sw-jinjjayo-new .jinjjayo-slide-content .nav.prev:before { top:4px; }
.sec-sw-jinjjayo-new .jinjjayo-slide-content .nav.prev:after { bottom:4px; }
.sec-sw-jinjjayo-new .jinjjayo-slide-content .nav.next { right:-50px; }
.sec-sw-jinjjayo-new .jinjjayo-slide-content .nav.next:before, .sec-sw-jinjjayo-new .jinjjayo-slide-content .nav.next:after { left:50%; }
.sec-sw-jinjjayo-new .jinjjayo-slide-content .nav.next:before { bottom:4px; }
.sec-sw-jinjjayo-new .jinjjayo-slide-content .nav.next:after { top:4px; }
*/

@media (max-width: 1200px) {
    .sec-sw-jinjjayo-new .jinjjayo-slide-content .nav { display:block; }
}

@media (max-width: 767px) {
    .sec-sw-jinjjayo-new .jinjjayo-slide-content .swiper-slide a { width:calc(50% - 5px); margin:5px 0; }
}
/* jinjjayo-new*/