@charset "utf-8";

/*=======================================================
  product-wrap
=========================================================*/
.product-wrap{position:relative;}
.product-wrap .gap80{height:80px;}
.product-wrap .paging-wrap{margin-top:20px;}
	@media only screen and (max-width:1200px){
		
	}
	@media only screen and (max-width:999px){
		.product-wrap .gap80{height:50px;}
	}
	@media only screen and (max-width:680px){
		
	}
	@media only screen and (max-width:480px){
		.product-wrap .gap80{height:30px;}
	}


/* 리스트 형태 

.product-wrap .lists{margin-top:60px;}
.product-wrap .lists .search{max-width:648px; position:Relative; margin:0 auto; padding-right:55px; box-sizing:border-box;}
.product-wrap .lists .search .chk-input{width:100%;}
.product-wrap .lists .search .chk-input input{height:50px; padding:0 20px; font-size:16px;border:none; display:block;background:none; border:1px solid #d6d6d6; border-right:0;color:#111 !important; width:100%;}
.product-wrap .lists .search .chk-input input::placeholder{color:#999 !important; opacity:1 !important; }
.product-wrap .lists .search .enter{width:55px;height:50px; position:Absolute;right:0; top:0;background:url(../img/sub/search-enter.png) no-repeat center center #565656;border:none;} 
.product-wrap .lists .search .enter:hover{background-color:#111 !important}

.product-wrap .lists .filter{position:relative;margin-top:64px;}
.product-wrap .lists .filter .total{line-height:35px;font-size:16px; color:#111; display:inline-block;vertical-align:top;}
.product-wrap .lists .filter .total span{color:#fe6c00;}
.product-wrap .lists .filter .abr{position:absolute; right:0; top:0; padding-right:84px; padding-top:3px;}
.product-wrap .lists .filter .abr .chk-radio:nth-child(n+2){margin-left:17px;}
.product-wrap .lists .filter .enter{width:62px; line-height:33px; border:1px solid #ddd;text-align:center; font-size:15px; color:#555; position:absolute; right:0; top:0;}
.product-wrap .lists .filter .enter:hover{background:#333; color:#fff; border-color:#333;}

.product-wrap .lists .list{margin-top:17px;}
.product-wrap .lists .list table{border-top:2px solid #545454;table-layout:fixed}
.product-wrap .lists .list table thead th{background:#fbfbfb;border-bottom:1px solid #aaaaaa;text-align:center; font-size:16px; color:#111;line-height:1.4em; font-weight:400; padding:15px 10px 17px 10px;}
.product-wrap .lists .list table tbody td{font-size:15px; color:#111;line-height:1.4em;padding:20px 10px 20px 10px; border-bottom:1px solid #ddd;text-align:center;}
.product-wrap .lists .list table tbody td.l{padding:20px 10px 20px 10px}
.product-wrap .lists .list table tbody td img{width:100%;border:1px solid #ddd;box-sizing:border-box;}
.product-wrap .lists .list table tbody tr{}
.product-wrap .lists .list table tbody tr:hover{background:#f9f9f9}
	@media only screen and (max-width:1200px){
		.product-wrap .lists .list table thead th{font-size:15px;}
		.product-wrap .lists .list table tbody td{font-size:14px;}

		.product-wrap .lists .filter .enter{font-size:14px;}
	}
	@media only screen and (max-width:999px){
		.product-wrap .u-tab01{display:none;}
		.product-wrap .lists .search{padding-right:45px;}
		.product-wrap .lists .search .chk-input input{height:45px; font-size:15px; padding:0 15px;}
		.product-wrap .lists .search .enter{width:45px;height:45px;}

		.product-wrap .lists .filter{margin-top:40px;}
		.product-wrap .lists .filter .total{font-size:15px;}
		
		.product-wrap .lists{margin-top:40px;}
		.product-wrap .lists .list table{display:block; border-bottom:1px solid #d7d7d7;table-layout:auto}
		.product-wrap .lists .list table colgroup{display:none}
		.product-wrap .lists .list table thead{display:none;}
		.product-wrap .lists .list table tbody tr{display:block; padding:17px 15px 17px 130px; position:relative;}
		.product-wrap .lists .list table tbody tr:after{display:block;content:"";clear:both;}
		.product-wrap .lists .list table tbody tr:hover{background:none}
		.product-wrap .lists .list table tbody tr:nth-child(n+2){border-top:1px solid #ededed}
		.product-wrap .lists .list table tbody td{display:block; position:relative; border:none; padding:0; width:100%;box-sizing:border-box; text-align:left;font-size:13px;padding-left:90px;}
		.product-wrap .lists .list table tbody td:before{position:absolute; left:0; top:0; display:block; content:""}
		.product-wrap .lists .list table tbody td.l{padding:0;text-align:left;}
		
		.product-wrap .lists .list table tbody tr td:nth-child(n+4){margin-top:7px;}
		.product-wrap .lists .list table tbody tr td:nth-child(1){display:none;}
		.product-wrap .lists .list table tbody tr td:nth-child(2){position:absolute; left:15px; top:17px; width:90px;padding-left:0;}
		.product-wrap .lists .list table tbody tr td:nth-child(3){ padding-left:90px;}

		.product-wrap .lists .list table tbody tr td:nth-child(3):before{content:"제품명"}
		.product-wrap .lists .list table tbody tr td:nth-child(4):before{content:"제품분류"}
		.product-wrap .lists .list table tbody tr td:nth-child(5):before{content:"업체명"}
		.product-wrap .lists .list table tbody tr td:nth-child(6):before{content:"형태"}
		.product-wrap .lists .list table tbody tr td:nth-child(7):before{content:"자가검사번호"}
	}
	@media only screen and (max-width:840px){
		.product-wrap .lists .filter .total{line-height:24px;}
		.product-wrap .lists .filter .abr{display:none}
	}
	@media only screen and (max-width:680px){
		.product-wrap .lists{margin-top:20px;}
		.product-wrap .lists .search{padding-right:40px;}
		.product-wrap .lists .search .chk-input input{height:40px; font-size:14px; padding:0 10px;}
		.product-wrap .lists .search .enter{width:40px;height:40px;background-size:16px auto;}

		.product-wrap .lists .filter{margin-top:20px;}
		.product-wrap .lists .filter .total{font-size:14px;}

		.product-wrap .lists .list{margin-top:12px;}
		.product-wrap .lists .list table tbody tr{padding-left:110px}
		.product-wrap .lists .list table tbody tr td:nth-child(2){width:80px;}
	}
	@media only screen and (max-width:480px){
		.product-wrap .lists .list table tbody tr{padding-left:100px}
		.product-wrap .lists .list table tbody tr td:nth-child(2){width:70px;}
		.product-wrap .lists .list table tbody td{padding-left:85px;}
	}*/



/* =====================================
   product-wrap.list
===================================== */
.product-wrap.list{padding-top:0px;}
.product-wrap.list .list{}
.product-wrap.list .list ul{margin:0 -1%}
.product-wrap.list .list ul:after{display:block; content:"";clear:both}
.product-wrap.list .list li{float:left; width:31%; margin:0 1%; position:relative; }
.product-wrap.list .list li:nth-child(n+4){margin-top:2%}
.product-wrap.list .list li a{height:420px; display:block; border:1px solid #ddd;}
.product-wrap.list .list li .img{overflow:hidden}
.product-wrap.list .list li .img img{height:310px; width:100%;object-fit:cover;-webkit-transition: transform 0.6s ease-out;-moz-transition: transform 0.6s ease-out;-o-transition: transform 0.6s ease-out;transition: transform 0.6s ease-out;}
.product-wrap.list .list li .txt{border-top:1px solid #ddd;  height:90px; box-sizing:border-box; padding:40px 5px; position:relative; text-align:center;}
.product-wrap.list .list li .btxt{font-size:20px; color:#000; line-height:1.4em; font-weight:500; letter-spacing:-0.03em; text-transform: uppercase; }
.product-wrap.list .list li .stxt{margin-top:17px;font-size:14px; color:#111; line-height:1.3em; font-weight:500; font-family:'Roboto'}
.product-wrap.list .list li .ctxt{margin-top:5px;font-size:14px; color:#666; line-height:1.3em;}

.product-wrap.list .list li a:hover .img img{transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1);}

.product-wrap.list .list li a:before{width:0;height:1px; background:#000;position:absolute; z-index:5; left:0; top:0; display:block; content:"";-webkit-transition: width 0.4s ease-out;-moz-transition: width 0.4s ease-out;-o-transition: width 0.4s ease-out;transition: width 0.4s ease-out;}
.product-wrap.list .list li a:after{width:0;height:1px;background:#000; position:absolute; z-index:5;right:0; bottom:0; display:block; content:"";-webkit-transition: width 0.4s ease-out;-moz-transition: width 0.4s ease-out;-o-transition: width 0.4s ease-out;transition: width 0.4s ease-out;}

.product-wrap.list .list li:before{width:1px;height:0;background:#000; position:absolute; z-index:5;right:0; top:0; display:block; content:"";-webkit-transition: height 0.4s ease-out;-moz-transition: height 0.4s ease-out;-o-transition: height 0.4s ease-out;transition: height 0.4s ease-out;}
.product-wrap.list .list li:after{width:1px;height:0;background:#000; position:absolute; z-index:5;left:0; bottom:0; display:block; content:"";-webkit-transition: height 0.4s ease-out;-moz-transition: height 0.4s ease-out;-o-transition: height 0.4s ease-out;transition: height 0.4s ease-out;}

.product-wrap.list .list li:hover a:before{width:100%;}
.product-wrap.list .list li:hover a:after{width:100%;}

.product-wrap.list .list li:hover:before{height:100%;}
.product-wrap.list .list li:hover:after{height:100%;}
	@media only screen and (max-width:1200px){
		.product-wrap.list .list li{width:31.33333%}
		.product-wrap.list .list li:nth-child(n+4){margin-top:3%}
		.product-wrap.list .list li a{height:371px;}
		.product-wrap.list .list li .img img{height:200px;}
		.product-wrap.list .list li .txt{ padding:25px 20px}
		.product-wrap.list .list li .btxt{font-size:17px;}
		.product-wrap.list .list li .stxt{margin-top:15px;font-size:13px;}
		.product-wrap.list .list li .ctxt{margin-top:5px;font-size:13px; }
	}
	@media only screen and (max-width:999px){
		.product-wrap.list{padding-top:20px;}
		.product-wrap.list .list li{width:48%}
		.product-wrap.list .list li:nth-child(n+3){margin-top:3%}
		.product-wrap.list .list li a{height:auto;}
		.product-wrap.list .list li .img img{object-fit:fill;height:auto}

		.product-wrap.list .list li .txt{ padding:20px 15px; height:auto; min-height:90px;}
		.product-wrap.list .list li .btxt{font-size:15px;}
		.product-wrap.list .list li .stxt{margin-top:10px;}
	}
	@media only screen and (max-width:680px){
		.product-wrap.list{padding-top:10px;}
		.product-wrap.list .list ul{margin:0}
		.product-wrap.list .list li{width:100%}
		/*.product-wrap.list .list li{width:auto; margin:0; float:none;}*/
		.product-wrap.list .list li:nth-child(n+2){margin-top:5%}
		.product-wrap.list .list li a{height:auto;}
		.product-wrap.list .list li .img img{object-fit:fill;height:auto}
		.product-wrap.list .list li .txt{ padding:20px 10px; height:auto;min-height:50px;}
		.product-wrap.list .list li .btxt{font-size:16px;}
		
	}
	@media only screen and (max-width:480px){
		.product-wrap.list{padding-top:0;}
		
	}





/* =====================================
   product-wrap.details
===================================== */

.product-wrap .details{position:relative; padding-top:50px; border-top:1px solid #111}
.product-wrap .details .vtxt{position:relative; border-top:1px solid #ddd; padding:50px 0 50px 0px; border-bottom:1px solid #ddd;}
.product-wrap .details .vtxt .btxt{font-size:15px; color:#fb524a; line-height:1.3em; position:absolute; left:10px; top:40px; padding-left:5px;}
.product-wrap .details .vtxt .stxt{font-size:15px; color:#000; line-height:1.3em; letter-spacing:-0.01em;word-break: keep-all;}

.product-wrap .details .info:after{display:block; content:"";clear:both;}
.product-wrap .details .fl{float:left; width:46%; position:relative;}
.product-wrap .details .fl .owl-stage-outer{border:1px solid #ddd}
.product-wrap .details .fl .item img{width:100%;}
.product-wrap .details .fl .owl-prev{cursor:pointer;width:42px;height:58px; position:absolute; left:0; top:50%;margin-top:-45px;text-indent:-9999em; background:url(../img/sub/view-prev.jpg) no-repeat left center;}
.product-wrap .details .fl .owl-next{cursor:pointer;width:42px;height:58px; position:absolute; right:0; top:50%;margin-top:-45px;text-indent:-9999em; background:url(../img/sub/view-next.jpg) no-repeat right center;}
.product-wrap .details .fl .owl-dots{margin-top:32px; font-size:0;text-align:center;}
.product-wrap .details .fl .owl-dots .owl-dot{cursor:pointer;border-radius:100%; width:10px;height:10px; display:inline-block;vertical-align:top;background:#e4e4e4; margin:0 5px;}
.product-wrap .details .fl .owl-dots .owl-dot.active{background:#111;}

.product-wrap .details .fr{float:right; width:47%;position:relative;}

.product-wrap .details .fr  .btit{font-size:60px; color:#111; font-weight:700; line-height:1.4em;}
.product-wrap .details .fr  .stit{font-size:18px; letter-spacing:-0.02em; color:#555; line-height:1.4em; word-break: keep-all; border-bottom: 1px solid #ddd; padding-top: 10px; padding-bottom: 25px;}

.product-wrap .details .fr ul{min-height:280px;border-bottom:1px solid #ddd;box-sizing:border-box; padding-top:35px; padding-bottom:35px; margin-bottom:20px;}
.product-wrap .details .fr li{position:relative; padding-left:170px;}

.product-wrap .details .fr li:nth-child(n+2){margin-top:17px;}
.product-wrap .details .fr li .btxt{font-size:20px; letter-spacing:-0.02em; color:#111; line-height:1.5em; position:absolute; left:0; top:0;  font-weight:600; }
.product-wrap .details .fr li .stxt{font-size:18px; letter-spacing:-0.02em; color:#555; line-height:1.5em;word-break: keep-all;}

/*.product-wrap .details .fr li:first-child .btxt{top:4px; }
.product-wrap .details .fr li:first-child .stxt{font-size:24px; color:#111; font-weight:700;}*/

.product-wrap .details .fr .list-btn{margin-top:30px;display:inline-block;vertical-align:top;background:#888; text-align:center;width:194px;line-height:50px; color:#fff; font-size:16px; letter-spacing:-0.02em;}
.product-wrap .details .fr .list-btn:hover{background:#333}



.product-wrap .details .lower{margin-top:50px; text-align:center;}
	@media only screen and (max-width:1200px){
		.product-wrap .details .fl .owl-dots{margin-top:24px}

		.product-wrap .details .fr  .btit{font-size:24px; line-height:1.4em;}
		.product-wrap .details .fr  .stit{font-size:16px; letter-spacing:-0.02em; color:#555; line-height:1.2em; word-break: keep-all; border-bottom: 1px solid #ddd; padding-top: 10px; padding-bottom: 25px;}

		.product-wrap .details .fr ul{ min-height:340px; padding:25px 0}
		.product-wrap .details .fr li:nth-child(n+2){margin-top:12px;}
		.product-wrap .details .fr li:first-child .btxt{top:2px;}
		.product-wrap .details .fr li:first-child .stxt{font-size:18px;}
		.product-wrap .details .fr .list-btn{width:170px; font-size:15px; line-height:45px; }
	}
	@media only screen and (max-width:999px){
		.product-wrap .details .vtxt{padding:30px 0 30px 80px;}
		.product-wrap .details .vtxt .btxt{font-size:14px; left:5px; padding-left:0; top:30px}
		.product-wrap .details .vtxt .stxt{font-size:14px;}
		
		.product-wrap .details .fl .owl-prev{background-size:32px auto;}
		.product-wrap .details .fl .owl-next{background-size:32px auto;}
		
		.product-wrap .details .fr ul{ min-height:300px;  padding:20px 0}
		.product-wrap .details .fr li{padding-left:140px}	
		.product-wrap .details .fr li:nth-child(n+2){margin-top:10px;}
		.product-wrap .details .fr li .btxt{font-size:15px;}
		.product-wrap .details .fr li .stxt{font-size:15px;}

		.product-wrap .details .fr li:first-child .btxt{top:0px;}
		.product-wrap .details .fr li:first-child .stxt{font-size:16px;}
		.product-wrap .details .fr .list-btn{width:150px; font-size:14px; line-height:42px; }


		.product-wrap .details .lower{margin-top:30px;}
	}
	@media only screen and (max-width:840px){
		.product-wrap .details .fl{float:none; width:auto}
		.product-wrap .details .fl .owl-dots{margin-top:17px}

			

		.product-wrap .details .fr{float:none; width:auto;margin-top:10px; }

		.product-wrap .details .fr  .btit{font-size:24px; line-height:1.4em;}
		.product-wrap .details .fr  .stit{font-size:16px; letter-spacing:-0.02em; color:#555; line-height:1.2em; word-break: keep-all; border-bottom: 1px solid #ddd; padding-top: 10px; padding-bottom: 25px;}

		.product-wrap .details .fr ul{ min-height:260px ;padding-top:10px;}
		.product-wrap .details .fr li .btxt{font-size:14px;}
		.product-wrap .details .fr li .stxt{font-size:14px;}
		.product-wrap .details .fr li:first-child .stxt{font-size:15px;}
		.product-wrap .details .fr .list-btn{margin-top:20px;width:auto; display:block;}
	}
	@media only screen and (max-width:680px){
		.product-wrap .details{padding-top:15px}
		.product-wrap .details .vtxt{padding:0px 0 20px 0px; border-top:0px solid #ddd; border-bottom:1px solid #ddd;}
		.product-wrap .details .vtxt img{width:100%;}
		.product-wrap .details .vtxt .btxt{font-size:13px; left:0; padding-left:0; top:20px}
		.product-wrap .details .vtxt .stxt{font-size:13px;}

		.product-wrap .details .fl .owl-prev{background-size:25px auto; margin-top:-50px;}
		.product-wrap .details .fl .owl-next{background-size:25px auto; margin-top:-50px;}
		
		.product-wrap .details .fr ul{ min-height:180px ;}
		.product-wrap .details .fr li{padding-left:120px}	
		.product-wrap .details .fr li .btxt{font-size:15px;}
		.product-wrap .details .fr li .stxt{font-size:15px;}
		.product-wrap .details .fr li:first-child .stxt{font-size:14px;}
		
		.prd-tbl01 table{}
		.prd-tbl01 table colgroup col:nth-child(1){width:60%}
		.prd-tbl01 table colgroup col:nth-child(2){width:40%}

		.prd-tbl02 table{}
		.prd-tbl02 table colgroup col:nth-child(1){width:40%}
		.prd-tbl02 table colgroup col:nth-child(2){width:60%}

		.prd-tbl03 table{}
		.prd-tbl03 table colgroup col:nth-child(1){width:40%}
		.prd-tbl03 table colgroup col:nth-child(2){width:30%}
		.prd-tbl03 table colgroup col:nth-child(3){width:30%}

		.product-wrap .details .fr img{width:100%;}

		
	}
	@media only screen and (max-width:480px){
		.product-wrap .details .fr li{padding-left:90px}
		.product-wrap .details .fr  .stit img{width:100px;}
	}




/*=======================================================
  paging-wrap
=========================================================*/
.paging-wrap{margin-top:67px;font-size:0px; text-align:center; display:block; position:relative;}
.paging-wrap a.ctrl{display:inline-block;vertical-align:top;text-decoration: none; width:40px; height:40px; border:1px solid #dfdfdf; border-radius:100%; box-sizing:border-box; margin:0 3px;}
.paging-wrap li, .paging-wrap ul{display:inline-block; vertical-align:top;}
.paging-wrap ul{padding:0 10px}
.paging-wrap li{margin:0 2px;}
.paging-wrap li a{display:block; position:relative; text-decoration: none;min-width:40px; height:40px; box-sizing:border-box ;border-radius:100%; font-size:15px; color:#999; text-align:center;line-height:40px;font-weight:400;box-sizing:border-box;}
.paging-wrap li a.active, .paging-wrap li a.active:hover{color:#000; font-weight:700}

.paging-wrap a.first{background:url(../img/sub/page-first.jpg) no-repeat center center;}
.paging-wrap a.prev{background:url(../img/sub/page-prev.jpg) no-repeat center center;}
.paging-wrap a.next{background:url(../img/sub/page-next.jpg) no-repeat center center;}
.paging-wrap a.last{background:url(../img/sub/page-last.jpg) no-repeat center center;}

.paging-wrap a.ctrl:hover{border-color:#000; opacity:0.75}
.paging-wrap a.first:hover{background-image:url(../img/sub/page-firsto.jpg)}
.paging-wrap a.prev:hover{background-image:url(../img/sub/page-prevo.jpg) }
.paging-wrap a.next:hover{background-image:url(../img/sub/page-nexto.jpg) }
.paging-wrap a.last:hover{background-image:url(../img/sub/page-lasto.jpg)}

.paging-wrap .num{display:none;vertical-align:top; padding:0 20px; color:#666; font-size:14px; line-height:30px;}
.paging-wrap .num span{font-weight:700;color:#111;}
	@media only screen and (max-width:1200px){
		.paging-wrap{margin-top:50px;}
	}
	@media only screen and (max-width:999px){
		.paging-wrap{margin-top:30px;}
		.paging-wrap a.ctrl{width:30px;height:30px;}
		.paging-wrap a.first , .paging-wrap a.last{display:none;}

		.paging-wrap ul{padding:0 7px; display:none;}
		.paging-wrap li{margin:0 1px;}
		.paging-wrap li a{min-width:30px;height:30px; line-height:30px; font-size:14px;}

		.paging-wrap .num{display:inline-block;vertical-align:top;}
	}
	@media only screen and (max-width:680px){
		.paging-wrap{margin-top:20px;}
	}
	@media only screen and (max-width:480px){
		
	}