@charset "utf-8";

/*메인페이지 css*/
.product-box .fl-box{overflow:hidden}
.product-box .fl-box h2{float:left; font-weight:500;}
.product-box .fl-box a{float:right;background:url(/layouts/shop/images/common/icon_all_link.gif) no-repeat 100% 50%;color:#3a3a3a}
.product-box h2{line-height:1;color:#3a3a3a}
.product-info-slider dt{color:#00000c}
.product-info-slider dd{overflow:hidden;color:#808080}
.prt-inf-btn{text-align:center}
.prt-inf-btn a{border:1px solid #dadada;text-align:center;color:#000}
.product-info-popup-wrap{display:none;position:fixed;left:0;top:0;z-index:100;width:100%;height:100%;background-color:rgba(0,0,0,.6)}
.product-info-popup .top{position:relative;border-bottom:1px solid #cdcdcd}
.product-info-popup .top>span{color:#000}
.product-info-popup .top>a{display:block;position:absolute;right:0;top:0;height:100%;text-align:center;color:#000}
.product-info-popup .ctn{overflow-y:auto}
.product-info-popup li{overflow:hidden}
.product-info-popup li:last-child{margin-bottom:0}
.product-info-popup li>div:first-child{float:left}
.product-info-popup li>div:last-child{display:table-cell;overflow:hidden;vertical-align:middle}
.product-info-popup li>div:last-child span{color:#00000c}
.product-info-popup li>div:last-child div{color:#808080}
.cate-produt-swipe .swiper-slide:last-child{margin-right:0}
.cate-produt-swipe .swiper-slide a{display:block;position:relative;color:#3a3a3a}
.insta .slick-slide span{color:#00000c}
.main-notice{position:relative;overflow:hidden;font-size:15px}
.main-notice .l{color:#000}
.main-notice .r{overflow:hidden}
.main-notice .r a{color:#000}
.main-notice .slick-slide{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.product-btn li{margin-bottom:3px}

.product-count-small{display:inline-block;position:relative;height:20px;padding:0 35px;border:1px solid #ccc}
.product-count-small input[type=text]{width:35px;height:17px;padding:0;border:0;text-align:center}
.product-count-small a{display:block;position:absolute;top:0;width:35px;height:20px;background-color:#f5f5f5}
.product-count-small .minus{left:0;background-position:-30px 50%}
.product-count-small .plus{right:0;background-position:0 50%}

/*20200204 PRODUCT INFORMATION 레이아웃 수정*/
.pc3-m1 .fa.fa-angle-right{display:none;}
.pc3-m1 .fa.fa-angle-left{display:none;}

/*메인 지페스타 카테고리*/
.product-box2 .fl-box {margin-bottom: 26px;}
.product-box2 h2{font-weight: 500;line-height: 1.5; color: #3a3a3a;}
.product-box2{margin-bottom:80px;}

/*슬릭 dot and nav */
.promostion-slider .slick-dots{position: absolute; bottom:15px; left: 50%; transform: translateX(-50%);}
.promostion-slider .slick-dots{display: flex !important;}
.promostion-slider .slick-dots li{float:left;  margin-bottom: -1px; margin-right:10px;}
.promostion-slider .slick-dots li:last-child{margin-right:0;}
.promostion-slider .slick-dots li span{background:rgba(159,159,159,0.5);}
/*동그라미 dot 네비게이션*/
/*.promostion-slider .slick-active span, .promostion-slider .slick-dots span{display:block; position:relative; width:10px; height:10px; border-radius: 50%; overflow:hidden;}*/
.promostion-slider .slick-active span, .promostion-slider .slick-dots span{display:block; position:relative; width:10px; height:5px; overflow:hidden;}
.promostion-slider .slick-dots .slick-active span{background:#0abab5; width:15px;}
/*dot nav 추가 테스트 css*/
.nav_test{width:220px;float:left;box-shadow:0 3px 7px 0 rgba(0,0,0,.05)}
.nav_test li{position:relative;padding: 33px 25px;height: 83.5px; font-size:15px; line-height:1; color:#333; border:1px solid #e1e1e1; cursor:pointer; -webkit-transition:all .2s ease-in-out; transition:all .2s ease-in-out; box-sizing:border-box;}
.nav_test li.on,.nav_test li:hover{font-weight:700;color:#fff;border-color:#5f7aff;background:#5f7aff;box-shadow:0 3px 7px 0 rgba(27,0,255,.25)}
.nav_test li.on::before,.nav_test li:hover::before{position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px;border-top:1px solid #fff;content:""}
.nav_test li~li{border-top:none}
.promostion-slider .slide{position:relative;float:left;width:500px;height:334px;overflow:hidden;visibility:none;opacity:0}
.promostion-slider .slide li img {max-width:100%}
.promostion-slider .slide .slick-dots{display:none!important}
.promostion-slider .slide.slick-initialized{visibility:visible;opacity:1}
.promostion-slider .slide .slick-slide {outline:none}
.promostion-slider .slide-arrow{position:absolute;top: 50%;transform: translateY(-50%);padding: 0 4px;font-size: 24px;color: #000;background: rgba(255,255,255,0.8);border:none;outline:0;z-index:1;cursor:pointer}
.promostion-slider .prev-arrow{left: 0;}
.promostion-slider .next-arrow{right:0}
.slick_counter_box{margin-top:5px;text-align:right;font-size:18px;color:#aaa;cursor:default; position:absolute; right:30px; bottom:15px; padding:8px 20px; border-radius:18px; background:rgba(0,0,0,0.5)}
.slick_counter_box .slick_counter{color:#fff;}

@media all and (min-width:1024px){
.product-box2 h2 {
	font-size: 35px;
}


@media all and (min-width:1024px){
	#content{padding-bottom:20px}
	.product-box{margin-bottom:170px}
	.promostion-slider{margin-bottom:140px; border-bottom:1px solid #999; position: relative;}
	.promostion-slider .slick-list{/* border-top:4px solid #f1f1f1; border-bottom:4px solid #f1f1f1*/}
	.promostion-slider .slick-arrow{position:absolute;top:50%;z-index:10;width:53px;height:60px;margin-top:-35px;background-repeat:no-repeat;background-image:url(/layouts/shop/images/main/btn_promotion_arrow.jpg);opacity:.5;transition-duration:300ms;-webkit-transition-duration:300ms}
	.promostion-slider .slick-arrow:hover{opacity:1}
	.promostion-slider .slick-arrow .btn-eft-none{display:none}
	.promostion-slider .slick-prev{left:35px;background-position:0 0}
	.promostion-slider .slick-next{right:35px;background-position:-53px 0}
	.promostion-slider .slick-slide{position:relative;width:100%}

	.product-box .fl-box{margin-bottom:36px}
	.product-box .fl-box a{padding-right:32px;font-size:16px}
	.product-box h2{font-size:42px}
	.product-info-slider{margin-bottom:-110px}
	.product-info-slider .slick-slide{margin:0 18px}
	.product-info-slider dl{margin-top:29px}
	.product-info-slider dt{height:51px;overflow:hidden;margin-bottom:13px;font-size:18px}
	.product-info-slider dd{height:43px;font-size:15px}
	.product-info-slider .slick-slide>div{margin-bottom:110px}
	.prt-inf-btn{margin-top:10px}
	.prt-inf-btn a{display:inline-block;width:238px;height:38px;line-height:38px;font-size:16px}
	.product-info-popup{position:absolute;left:50%;top:50%;width:600px;max-height:calc(100% - 50px);background-color:#fff;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}
	.product-info-popup .top{height:58px;padding-left:30px;line-height:58px}
	.product-info-popup .top>span{font-size:24px}
	.product-info-popup .top>a{width:70px;font-size:23px}
	.product-info-popup .top>a>span{display:none}
	.product-info-popup .ctn{max-height:calc(100vh - 189px);padding:35px 30px 0}
	.product-info-popup .ctn>ul{padding-bottom:40px}
	.product-info-popup li{margin-bottom:25px}
	.product-info-popup li a{display: block;background-color:#f5f5f5}
	.product-info-popup li:last-child{margin-bottom:0}
	.product-info-popup li>div:first-child{width:150px}
	.product-info-popup li>div:first-child img{width:150px;height:150px}
	.product-info-popup li>div:last-child{height:150px;padding-left:21px}
	.product-info-popup li>div:last-child span{font-size:18px}
	.product-info-popup li>div:last-child div{margin:4px 0 2px;font-size:15px}
	.parent-box{box-sizing:border-box;padding-right:35px}
	.parent-box>a{display:block;overflow:hidden}
	.cate-produt-swipe{margin-bottom:25px}
	.cate-produt-swipe .swiper-wrapper{overflow:hidden}
	.cate-produt-swipe .swiper-slide{float:left;margin-right:26px}
	.cate-produt-swipe .swiper-slide a{padding-bottom:6px;font-size:20px}
	.cate-produt-swipe .swiper-slide .on,.cate-produt-swipe .swiper-slide a:hover{color:#f64d4d}
	.cate-produt-swipe .swiper-slide .on:after,.cate-produt-swipe .swiper-slide a:hover:after{display:block;content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:#f64d4d}
	.insta .slick-slide span{font-size:20px}
	.quick-menu{top:943px}
	.main-notice{margin-top:200px}
	.main-notice .l{float:left;margin-right:50px}
	.main-notice .r{padding-right:90px}
	.main-notice .r a:hover{text-decoration:underline}
	.main-notice>a{display:block;position:absolute;right:0;top:0;color:#000}
	.main-notice>a i{vertical-align:1px;font-size:11px}
	
	.product-count-small i{display:none}
	.product-count-small input[type=text]{width:30px;height:17px;padding:0;border:0;text-align:center}
	.product-count-small a{background:url(/layouts/shop/images/common/bg_count.gif) no-repeat 0 0}
	.product-count-small .minus{left:0;background-position:-30px 50%}
	.product-count-small .plus{right:0;background-position:0 50%}
	
}
@media screen and (min-width:1024px) and (max-width:1530px) {
	#content .product-info-slider li>div:first-child{float:none}
	#content .product-info-slider li>div:last-child{height:auto;padding:10px 0 0}
}

@media all and (max-width:1023px){
	#content{padding-bottom:15px}
	#content article{background-color:#f5f5f5}
	.inner{background-color:#fff}
	.product-box{margin-bottom:36px;padding:12px 8px;background-color:#fff}
	.product-box h2{font-size:16px}
	.fl-box{margin-bottom:12px}
	/* .promostion-slider{display:none} */
	.promostion-slider .slick-arrow{display:none !important;}
	/* .promostion-slider{height:220px;} 
	.promostion-slider img{height:220px !important;}*/
	.slick-dots{display:none !important;}
	.product-box .fl-box a{padding-right:18px;background-size:12px auto;font-size:12px}	
	.product-info-slider dl{margin-top:10px}
	.product-info-slider dt{height:39px;overflow:hidden;margin-bottom:8px}
	.product-info-slider dd{font-size:13px}
	.product-info-slider li{margin-bottom:12px}
	.product-info-slider li>div:last-child span,.product-info-slider li>div:last-child div{font-size:13px}
	.product-info-slider li>div:last-child div{margin:5px 0}
	.product-info-slider li>div:first-child img{width:100px}
	.product-info-slider li>div:last-child{padding:3px 0 0 10px}
	.product-info-slider dd{height:36px;overflow:hidden}
	.prt-inf-btn a{display:block;height:27px;line-height:27px;font-size:13px}
	.product-info-popup{position:absolute;left:10px;right:10px;top:50%;max-height:calc(100% - 50px);background-color:#fff;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%)}
	.product-info-popup .top{height:40px;padding-left:10px;line-height:40px}
	.product-info-popup .top>a{width:56px}
	.product-info-popup .ctn{max-height:calc(100vh - 260px);padding:15px 10px 0}
	.product-info-popup li{margin-bottom:10px}
	.product-info-popup li img{width:100px;height:100px}
	.product-info-popup li>div:last-child{padding-left:10px}
	.prt-inf-btn{margin-top:7px}
	.product-info-popup li>div:last-child div{margin:5px 0;font-size:13px}
	.product-info-popup .ctn>ul{padding-bottom:20px}
	.cate-produt-swipe{overflow:hidden;margin-bottom:12px}
	.cate-produt-swipe .swiper-slide{display:inline-block;width:auto}
	.cate-produt-swipe .swiper-slide a{padding:10px;}
	.cate-produt-swipe .swiper-slide .on{color:#f64d4d}
	.cate-produt-swipe .swiper-slide .on:after{display:block;content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:#f64d4d}
	.main-notice{margin-top:45px;padding:0 10px}
	.main-notice .l{font-size:15px}
	.main-notice .r{margin-top:7px;font-size:13px}
	.main-notice>a{display:block;position:absolute;right:10px;top:2px;font-size:12px;color:#000}
	.main-notice>a i{vertical-align:1px;font-size:10px}
	
	.product-count-small a{line-height:22px;text-align:center;font-size:.7em;color:#363636;}
}