@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;}


@media all and (min-width:1024px){
	#content{padding-bottom:20px}
	.product-box{margin-bottom:170px}
	.promostion-slider{margin-bottom:140px}
	.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%}
	.promostion-slider .slick-dots{border-bottom:1px solid #dbdbdb}
	.promostion-slider .slick-dots{overflow:hidden;padding:0 8%}
	.promostion-slider .slick-dots li{float:left;width:25%}
	.promostion-slider .slick-dots a{display:block;position:relative;text-align:center}
	.promostion-slider .slick-active a,.promostion-slider .slick-dots a:hover{color:#f64d4d}
	.promostion-slider .slick-active a:after,.promostion-slider .slick-dots a:hover:after{display:block;content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:#f64d4d}
	.promostion-slider .slick-dots span{display:block;position:relative;height:53px;padding:0 10px;line-height:53px;font-size:19px;font-weight:500;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;border-bottom: 1px solid #dbdbdb;border-left: 1px solid #dbdbdb;}
	.promostion-slider .slick-dots span:after{display:block;content:"";position:absolute;right:0;top:0;width:1px;height:100%;background-color:#dbdbdb}
	.promostion-slider .slick-dots li:first-child span:before{display:block;content:"";position:absolute;left:0;top:0;width:1px;height:100%;background-color:#dbdbdb}	
	.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}	
	

}