@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 .details{position:relative; padding-top:27px; border-top:1px solid #111}
.product-wrap .details .vtxt{position:relative; border-top:1px solid #ddd; padding:40px 0 40px 95px;}
.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 ul{min-height:390px;border-bottom:1px solid #ddd;box-sizing:border-box; padding-top:35px; padding-bottom:35px}
.product-wrap .details .fr li{position:relative; padding-left:180px;}
.product-wrap .details .fr li:nth-child(n+2){margin-top:17px;}
.product-wrap .details .fr li .btxt{font-size:16px; letter-spacing:-0.02em; color:#111; line-height:1.4em;position:absolute; left:0; top:0;}
.product-wrap .details .fr li .stxt{font-size:16px; letter-spacing:-0.02em; color:#555; line-height:1.4em;word-break: keep-all;}
.product-wrap .details .fr li:first-child .btxt{top:4px;}
.product-wrap .details .fr li:first-child .stxt{font-size:20px; 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 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 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:20px 0 20px 70px;}
		.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:230px ;}
		.product-wrap .details .fr li{padding-left:130px}	
		.product-wrap .details .fr li .btxt{font-size:13px;}
		.product-wrap .details .fr li .stxt{font-size:13px;}
		.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%}
	}
	@media only screen and (max-width:480px){
		.product-wrap .details .fr li{padding-left:120px}	
	}




/*=======================================================
  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){
		
	}