@charset "utf-8";

/***** 제품리스트 ******/
.product-list{overflow:hidden;}
.product-list li{width:25%; float:left; box-sizing:border-box;}
.s-p-box{width:98%; margin:0 auto 4%;border:1px solid #eee; box-sizing:border-box; position:relative; background:#fff;transition-duration:0.4s;}
.s-p-box .inner{width:100%;height:100%;position:relative;box-sizing:border-box;display:block;}
.s-p-img{width:100%; min-height:300px; background-size:cover !important; background-position:center center !important;}
.s-p-box .desc{ text-align:center; padding:21px 20px 30px; background:#fff; box-sizing:border-box;}
.s-p-box .tt{ font-size:18px; font-weight:500; color:#333; line-height:1; overflow:hidden; text-overflow:ellipsis;white-space:nowrap;}

.no-search-box{width:100%;background:#f0f0f0;height:450px;display:flex;align-items:center;justify-content:center;}

/* hover시 외곽선 effect */
.s-p-box:before, .s-p-box:after,
.s-p-box .inner:after, .s-p-box .inner:before {transition:all 0.3s ease; display:block; content:''; position:absolute; background:#d23334; z-index:100;}

.s-p-box:before {top:0; left:0; right:100%; height:2px; }
.s-p-box:after {top:0; right:0; bottom:100%; width:2px; }

.s-p-box:hover:before{transition-delay:0s; right:0; -webkit-transition-delay:0s;}
.s-p-box:hover:after {transition-delay:0.3s; bottom:0; -webkit-transition-delay:0.3s;}

.s-p-box .inner:after {bottom:0; right:0; left:100%; height:2px;}
.s-p-box .inner:before {bottom:0; left:0; top:100%; width:2px;}

.s-p-box .inner:hover:after {transition-delay:0.6s; left:0; -webkit-transition-delay:0.6s;}
.s-p-box .inner:hover:before {transition-delay:0.9s; top:0; -webkit-transition-delay:0.9s;}

/***** 제품뷰어 ******/
#kow-view .view-contents{width:100%;padding-bottom:60px;overflow:hidden;}
.zoomIn{animation-duration:1.3s;}

/* slide, title */
.view-slider{height:560px;width:100%;}
.slideWrap{position:relative;height:100%;}
.kow-slider{width:100%;height:560px;}
.slider-img-box{width:93.33% !important;box-sizing:border-box;border:1px solid #eee;height:560px;display:flex !important;align-items:center;justify-content:center;}
.slider-img{background-size:120% !important;width:85%;height:85%;}

.slider-thumbWrap{bottom:0;left:75px;position:absolute;width:434px;}
 .slider-thumb{width:100%;}
.slider-thumb .slick-track{margin-left:0;margin-right:0;} 
.slider-thumb .thumb-box{width:100% !important;max-width:187px;border:1px solid #eee;box-sizing:border-box;}
/* .slider-thumb .slick-slide{opacity:0;}
.slider-thumb .slick-slide.slick-active{opacity:1;} */
.slider-thumb .slick-slide > div{text-align:center;}
.thumb-img{width:187px;height:119px;background-size:103% !important;}
.slick-prev, .slick-next{width:auto;height:auto;left:-74px;z-index:200;}
.slick-next{left:auto;right:-72px;}
.slick-prev::before{content:'\e93b'; font-family: 'xeicon'; font-weight:500;transition:all 0.4s;}
.slick-next::before{content:'\e93e'; font-family: 'xeicon'; font-weight:500;transition:all 0.4s;}
.slick-prev:hover:before, .slick-next:hover:before{color:#06baf5;}

.view-title-wrap{width:100%;box-sizing:border-box;padding:23.5px 15px 0 30px;}
.view-title h3{font-size:35px;font-weight:400;line-height:1.2;margin-bottom:29px;}
.view-txt{padding-bottom:68px;}
.view-txt p{font-size:18px;line-height:1.77;text-align:justify;letter-spacing:-0.01em;}
.view-title-wrap .btn-wrap .more-btn{padding:0 55.5px;}

/* table */
.p-table{width:100%;border-top:2px solid #d23334;border-bottom:1px solid #333;}
.p-table table{width:100%;/* min-width:768px; */border-collapse:collapse;}
.p-table table tr th, .p-table table tr td{font-weight:400;font-size:16px;color:#333;line-height:1.62;padding:9px 0;border-bottom:1px solid #ededed;}
.p-table table tr:last-child th, .p-table table tr:last-child td{border-bottom:none;}
.p-table table tr th{background:#f4f8f9;}
.p-table table tr td{padding-left:49px;}

/******/
#kow-view .full-sub-bg{position:static;padding:60px 0 ;}
#kow-view .full-sub-bg:before{background:none;}
#kow-view .full-sub-bg .section-wrap{position:static;}
#kow-view .full-sub-bg .section-wrap:before, #kow-view .full-sub-bg .section-wrap:after{background:none;}
.view-txt2 ul{width:100%;background:#fff;border:1px solid #ccc;border-radius:10px;min-height:50px;padding:24px 43px 25px;box-sizing:border-box;}
.view-txt2 ul li{font-size:16px;color:#555;font-weight:300;line-height:1.62;padding:4px 0 4px 16px;position:relative;}
.view-txt2  ul li:before{position:absolute;content:'';width:4px;height:4px;background:#555;left:0;top:15px;}

.list-btn{text-align:center;margin-top:25px;}
.go-list{font-size:16px;background:#555;line-height:50px;border-radius:5px;padding:0 56px;font-weight:400;color:#fff;display:inline-block;}

@media all and (max-width:1199px){
	.product-list li{width:33.33%;}
	.s-p-img{background-size:97% !important;}
	
	.view-slider, .kow-slider, .slider-img-box{height:490px;}
	.slider-img{background-size:100% !important;height:92%;width:92%;}
	.view-title-wrap{padding:13px 15px 0 20px;}
	.view-txt{padding-bottom:40px;}
	
	
}

@media all and (max-width:987px){
	.slider-thumbWrap{left:36px;}
	.slick-prev, .slick-next{left:-38px;}
	.slick-next{right:-36px;left:auto;}
}

@media all and (max-width:868px){
	.slider-thumbWrap{width:340px;}
	.slider-thumb .thumb-box{max-width:165px;}
	.thumb-img{width:165px;height:108px;}
	/* .thumb-img{width:150px;height:95px;margin:0 10px;} */
	.slick-prev::before, .slick-next:before{font-size:26px;}
	
}
@media all and (max-width:767px){
	#kow-view .view-contents{padding-bottom:50px;}
	
	.product-list li{width:50%;}
	
	.view-slider, .kow-slider{height:inherit;}
	.slider-img-box{width:100% !important;max-width:490px;margin:0 auto;}
	.slider-thumbWrap{bottom:auto;top:0;left:50%;transform:translateX(-50%);width:400px;}
	.slider-thumb{top:25px;}
	.slider-thumb .slick-track{display:inline-block;}
	.slider-thumb .slick-list{text-align:center;}
	.view-title-wrap{padding:152px 15px 0 15px}
	.view-title h3{font-size:31px;position:relative;padding-left:38px;}
	.view-title h3:before{position:absolute;content:'';width:18px;height:18px;border-radius:50%;border:4px solid #d23334;left:0;top:50%;transform:translateY(-50%);}
	.view-txt{padding-bottom:20px;}
	
	.p-table table tr th, .p-table table tr td{width:100%;display:block;padding:6px 0;}
	.p-table table tr td{text-align:center;padding-left:0;}
	
	#kow-view .full-sub-bg{padding:50px 0;}
	.view-txt2 ul{padding:15px 33px 15px;}
	.view-txt2 ul li{padding:2px 0 2px 16px;}
	.view-txt2 ul li::before{top:13px;}
	
	.list-btn{margin-top:15px;}
}

@media all and (max-width:525px){
	#kow-view .view-contents{padding-bottom:45px;}
	
	.product-list li{width:100%;}
	
	.slider-img-box{height:410px;max-width:410px;}
	.slider-thumbWrap{width:365px;}
	.thumb-img{margin:0 5px;}
	.slick-prev, .slick-next{left:-32px;}
	.slick-next{left:auto;right:-30px;}
	.view-title-wrap{padding:152px 9px 0 9px;}
	.view-title h3{font-size:25px;padding-left:28px;margin-bottom:15px;}
	.view-title h3:before{width:10px;height:10px;}
	.view-txt p{font-size:17px;line-height:1.65;padding-bottom:0;}
	.view-title-wrap .btn-wrap{margin-top:30px;}
	.view-title-wrap .btn-wrap .more-btn{padding:0 45px;}
	
	.p-table table tr th, .p-table table tr td{font-size:15px;}
	
	#kow-view .full-sub-bg{padding:45px 0;}
	.view-txt2 ul{padding:15px 27px 15px;}
	.view-txt2 ul li{font-size:15px;}
	.view-txt2 ul li::before{top:11px;}
	
	.go-list{font-size:15px;line-height:45px;padding:0 50px;}
	
}

@media all and (max-width:360px){
	
	
}