@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:520px; display:block; border:1px solid #ddd; }
.product-wrap.list .list li .img{overflow:hidden}
.product-wrap.list .list li .img img{height:440px; 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:60px; box-sizing:border-box; padding:20px 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;font-family:'Roboto' }
.product-wrap.list .list li .stxt{margin-top:17px;font-size:14px; color:#111; line-height:1.3em; font-weight:500; }
.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{box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.2);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:#ea0a2a;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:#ea0a2a; 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:#ea0a2a; 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:#ea0a2a; 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%;  margin:0 0%; }
		/*.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:100%; 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:28px; color:#111; font-weight:700; line-height:1.8em;}
.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: 15px; padding-bottom: 35px;}

.product-wrap .details .fr ul{min-height:330px;border-bottom:1px solid #ddd;box-sizing:border-box; padding-top:35px; padding-bottom:35px}
.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:18px; letter-spacing:-0.02em; color:#111; line-height:1.4em;position:absolute; left:0; top:0;}
.product-wrap .details .fr li .stxt{font-size:18px; 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: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:20px; 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: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:90px}	
	}




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

/* =====================================
   layer-wrap.pop
===================================== */

.layer-wrap.pop { width: 1200px; min-width: 360px; display: flex; flex-wrap: wrap; background-color: #fff; border-radius: 2.5rem; display: block; box-sizing: border-box; position: absolute; background: #fff; padding: 0px; margin-top: 0px; left: -9999em !important; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); }
.layer-wrap.pop.active { left: 50% !important; }
.layer-wrap.pop .is-top { border-bottom: 0px solid #000 }
.layer-wrap.pop .is-top h3 { font-size: 30px; font-weight: 700; letter-spacing: -0.04em; color: #000; line-height: 1.2em; margin-bottom: 15px; }
.layer-wrap.pop .is-top .close { width: 30px; height: 30px; background: url(../img/sub/layer-close.png) no-repeat center center; position: absolute; right: 30px; top: 30px; -webkit-transition: transform 0.3s ease-in-out; -moz-transition: transform 0.3s ease-in-out; -o-transition: transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; }
.layer-wrap.pop .is-top .close:hover { transform: scale(1, 1) rotate(90deg)skew(0, 0) translate(0, 0); -webkit-transform: scale(1, 1) rotate(90deg)skew(0, 0) translate(0, 0); -moz-transform: scale(1, 1) rotate(90deg)skew(0, 0) translate(0, 0); }
.layer-wrap.pop .is-con { }
.layer-wrap.pop .is-con .ov { overflow: hidden; }
.layer-wrap.pop .is-con .ov:after { display: block; content: ""; clear: both; }
.layer-wrap.pop .is-con .ov .fl { width: 40%; height: 600px; background-color: #f8f8f8; border-radius: 2.5rem 0 0 2.5rem; display: flex; align-items: center; justify-content: center; text-align: center; vertical-align: middle }
.layer-wrap.pop .is-con .ov .fr { padding: 6rem 4rem 7rem; width: 60%; box-sizing: border-box; }
.layer-wrap.pop .is-con .ov h3 { position: relative; border-bottom: 1px solid #cccccc; margin-bottom: 15px; }
.layer-wrap.pop .is-con .ov h3 span { display: inline-block; vertical-align: top; position: relative; line-height: 50px; font-size: 30px; color: #000; font-weight: 700; margin-bottom: 15px; font-family: 'Roboto'; z-index: 5; }
.layer-wrap.pop .is-con .ov .fl .img img { width: 100%; margin: 0 auto; vertical-align: middle }
.layer-wrap.pop .is-con .ov .fr ul { margin: 0; }
.layer-wrap.pop .is-con .ov .fr li { position: relative; margin: 0; float: none; width: auto; padding-left: 170px; }
.layer-wrap.pop .is-con .ov .fr li:before { display: none; }
.layer-wrap.pop .is-con .ov .fr li:nth-child(n+2) { margin-top: 15px }
.layer-wrap.pop .is-con .ov .fr li .stxt { position: absolute; left: 0; top: 0; line-height: 1.6em; font-size: 17px; color: #000; font-weight: 500; letter-spacing: -0.03em; }
.layer-wrap.pop .is-con .ov .fr li .ctxt { line-height: 1.6em; font-size: 16px; color: #666; font-weight: 400; letter-spacing: -0.03em; word-break: keep-all; }
 @media only screen and (max-width:1200px) {
.layer-wrap.pop { width: 96%; padding: 0; padding: 45px 45px; }
.layer-wrap.pop .is-top h3 { font-size: 25px; }
.layer-wrap.pop .is-top .close { right: 25px; top: 25px; }
.layer-wrap.pop .is-con .ov .fl { width: 100%; height: 200px; border-radius: 1rem; }
.layer-wrap.pop .is-con .ov .fr { padding: 2rem 0rem 2rem; width: 100%; }
.layer-wrap.pop .is-con .ov h3 span { font-size: 18px; line-height: 45px; }
.layer-wrap.pop .is-con .ov .fr li { padding-left: 100px; }
.layer-wrap.pop .is-con .ov .fr li .stxt { font-size: 15px; letter-spacing: -0.05em; }
.layer-wrap.pop .is-con .ov .fr li .ctxt { font-size: 15px; letter-spacing: -0.05em; }
}
 @media only screen and (max-width:999px) {
.layer-wrap.pop { padding: 20px; }
.layer-wrap.pop .is-top h3 { font-size: 21px; }
.layer-wrap.pop .is-top .close { background-size: 20px; right: 25px; top: 25px; }
.layer-wrap.pop .is-con .ov h3 span { font-size: 16px; line-height: 30px; margin-top: 10px; margin-bottom: 5px; }
.layer-wrap.pop .is-con .ov .fl { width: 100%; height: 300px; border-radius: 1rem; }
.layer-wrap.pop .is-con .ov .fr { padding: 2rem 0rem 2rem; width: 100%; }
.layer-wrap.pop .is-con .ov .fl .img img { width: 60%; }
.layer-wrap.pop .is-con .ov .fr { float: none; width: auto; }
.layer-wrap.pop .is-con .ov .fr ul { padding-top: 0; }
.layer-wrap.pop .is-con .ov .fr li { padding-left: 100px; }
.layer-wrap.pop .is-con .ov .fr li:nth-child(n+2) { margin-top: 5px }
.layer-wrap.pop .is-con .ov .fr li .stxt { font-size: 14px }
.layer-wrap.pop .is-con .ov .fr li .ctxt { font-size: 14px }
}
 @media only screen and (max-width:680px) {
.layer-wrap.pop { }
.layer-wrap.pop .is-top .close { right: 17px; top: 25px; }
.layer-wrap.pop .is-con .ov .fl { width: 100%; height: 250px; border-radius: 1rem; }
.layer-wrap.pop .is-con .ov .fr { padding: 2rem 0rem 2rem; width: 100%; }
.layer-wrap.pop .is-con .ov .fl .img img { width: 60%; }
}
 @media only screen and (max-width:480px) {
.layer-wrap.pop { padding: 0px; }
.layer-wrap.pop .is-top h3 { font-size: 19px; }
.layer-wrap.pop .is-top .close { right: 17px; top: -30px;   width: 20px; height: 20px; background: url(../img/sub/layer-closew.png) no-repeat center center;}
.layer-wrap.pop .is-con { margin-top: 0; overflow-y: auto; max-height: 600px; overflow-x: hidden; }
.layer-wrap.pop .is-con .ov { padding: 0px; }
.layer-wrap.pop .is-con .ov h3:after { display: none; }
.layer-wrap.pop .is-con .ov h3 span { font-size: 16px; }
.layer-wrap.pop .is-con .ov .fl { width: 100%; height: 250px; border-radius: 1rem; }
.layer-wrap.pop .is-con .ov .fr { padding: 2rem 0rem 2rem; width: 100%; }
.layer-wrap.pop .is-con .ov .fl .img img { width: 60%; }
.layer-wrap.pop .is-con .ov .fr { padding-right: 0; padding: 20px 20px; }
.layer-wrap.pop .is-con .ov .fr ul { margin-top: 10px; }
.layer-wrap.pop .is-con .ov .fr li .stxt { font-size: 13px }
.layer-wrap.pop .is-con .ov .fr li .ctxt { font-size: 13px }
.layer-wrap.pop .is-con .vscrolls { padding-bottom: 5px; }
}
/*=======================================================
  vscroll
=========================================================*/
.layer-wrap.pop .slimScrollBar { margin-right: 0; border-radius: 8px; overflow: hidden; min-height: 84px; }
.layer-wrap.pop .slimScrollRail { margin-right: 1px; border-radius: 0; background: none; overflow: hidden; top: 0 !important; height: 100% !important; }
 @media only screen and (min-width:680px) {
.layer-wrap.pop .slimScrollRail { display: none !important }
}

	/* =====================================
   layer-wrap.partner
===================================== */
.layer-wrap.partner{width:700px; min-width:360px; display:block;box-sizing:border-box; border-radius: 20px;  position:absolute;background:#fff; padding:50px ;margin-top:40px; left:-9999em !important;top:50%;-webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);  -ms-transform: translate(-50%, -50%);  -o-transform: translate(-50%, -50%);  transform: translate(-50%, -50%);}
.layer-wrap.partner.active{left:50% !important;}

.layer-wrap.partner .is-top{ border-bottom:1px solid #000}
.layer-wrap.partner .is-top h3{font-size:30px; font-weight:700; letter-spacing:-0.04em;color:#000; line-height:1.2em; margin-bottom:15px; font-family:'Roboto'}
.layer-wrap.partner .is-top .close{ width:25px;height:25px; background:url(../img/sub/layer-close.jpg) no-repeat center center; position:absolute; right:30px; top:30px;  -webkit-transition: transform 0.3s ease-in-out;-moz-transition: transform 0.3s ease-in-out;-o-transition: transform 0.3s ease-in-out;transition: transform 0.3s ease-in-out;}
.layer-wrap.partner .is-top .close:hover{transform: scale(1,1) rotate(90deg)skew(0,0) translate(0,0); -webkit-transform: scale(1,1) rotate(90deg)skew(0,0) translate(0,0); -moz-transform: scale(1,1) rotate(90deg)skew(0,0) translate(0,0); }

.layer-wrap.partner .is-con{margin-top:15px;}
.layer-wrap.partner .is-con .ov{overflow:hidden;}
.layer-wrap.partner .is-con .ov:after{display:block; content:"";clear:both;}
.layer-wrap.partner .is-con .ov .fl{float:left; width:100%; position:Relative; box-sizing:border-box; padding-right:0%}
.layer-wrap.partner .is-con .ov .fr{float:right; width:52%; position:Relative; box-sizing:border-box;padding-left:3%}
.layer-wrap.partner .is-con .ov h4{position:relative;border-bottom:1px solid #cccccc}
.layer-wrap.partner .is-con .ov h4:after{width:1000px; height:1px ;position:absolute; left:0; bottom:-1px; background:#ccc; display:block; content:""}
.layer-wrap.partner .is-con .ov h4 span{display:inline-block;vertical-align:top;position:relative;line-height:50px; font-size:20px; color:#000; font-weight:700; z-index:5; }
.layer-wrap.partner .is-con .ov h4 span:after{background:#2c80f3; position:absolute ;left:0; bottom:-1px; width:100%; height:2px; display:block; content:""}
.layer-wrap.partner .is-con .ov .nec{ position:absolute;right:0; top:21px; font-size:13px; color:#444; letter-spacing:-0.02em; line-height:1.2em;}

.layer-wrap.partner .is-con .ov .fl ul{margin:0;margin-top:0px;padding-top:13px;}
.layer-wrap.partner .is-con .ov .fl li{position:relative;margin:0; float:none;width:auto; padding-left:150px; border-bottom:1px solid #eeeeee; padding-bottom:15px;}
.layer-wrap.partner .is-con .ov .fl li:before{display:none;}
.layer-wrap.partner .is-con .ov .fl li:nth-child(n+2){margin-top:15px;}
.layer-wrap.partner .is-con .ov .fl li .stxt{position:absolute; left:0; top:0; line-height:1.4em; font-size:16px; color:#000; font-weight:700; letter-spacing:-0.03em;}
.layer-wrap.partner .is-con .ov .fl li .ctxt{line-height:1.4em; font-size:16px; color:#555; font-weight:400; letter-spacing:-0.03em;word-break: keep-all;}

.layer-wrap.partner .is-con .ov .fr ul{margin:0;margin-top:15px;}
.layer-wrap.partner .is-con .ov .fr li{float:left;padding:0; margin:0; width:47%; border:none;border-bottom:1px solid #ddd}
.layer-wrap.partner .is-con .ov .fr li:before{display:none;}
.layer-wrap.partner .is-con .ov .fr li:nth-child(even){float:right;}
.layer-wrap.partner .is-con .ov .fr li a{display:block; line-height:50px; font-size:16px; color:#000; letter-spacing:-0.03em; position:relative; padding-left:1px;}
.layer-wrap.partner .is-con .ov .fr li a:before{width:0;height:1px; background:#2c80f3; position:absolute; left:0; bottom:-1px; display:block; content:""; -webkit-transition: width 0.3s ease-out;-moz-transition: width 0.3s ease-out;-o-transition: width 0.3s ease-out;transition: width 0.3s ease-out;}
.layer-wrap.partner .is-con .ov .fr li a:after{width:15px;height:30px ; position:absolute; right:5px; top:50%;margin-top:-15px; background:url(../img/sub/trun-arrow.jpg) no-repeat center center ;display:block; content:"";-webkit-transition: right 0.3s ease-out;-moz-transition: right 0.3s ease-out;-o-transition: right 0.3s ease-out;transition: right 0.3s ease-out;}
.layer-wrap.partner .is-con .ov .fr li a:hover:after{right:0}
.layer-wrap.partner .is-con .ov .fr li a:hover{color:#2c80f3;}
.layer-wrap.partner .is-con .ov .fr li a:hover:before{width:100%}
.layer-wrap.partner .is-con .ov .fr li a:hover:after{background-image:url(../img/sub/trun-arrowo.jpg)}

.layer-wrap.partner .is-con .vmap{margin-top:35px; position:relative; border:1px solid #ddd ;height:249px; overflow:hidden;}
.layer-wrap.partner .is-con .vmap .root_daum_roughmap{border:none !important;}
.layer-wrap.partner .is-con .vmap .wrap_controllers{display:none !important}
.layer-wrap.partner .is-con .vmap .map_border{display:none !important}
.layer-wrap.partner .is-con .vmap iframe{width:100% !important}
.layer-wrap.partner .gap10{height:10px;}
	@media only screen and (max-width:1200px){
		.layer-wrap.partner{width:96%; padding:0; padding:45px 45px; }
		.layer-wrap.partner .is-top h3{font-size:25px;}
		.layer-wrap.partner .is-top .close{right:25px; top:25px;}
		
		.layer-wrap.partner .is-con .ov h4 span{font-size:18px; line-height:45px;}
		.layer-wrap.partner .is-con .ov .nec{top:17px;}
		.layer-wrap.partner .is-con .ov .fl li{padding-left:60px;}
		.layer-wrap.partner .is-con .ov .fl li .stxt{font-size:15px}
		.layer-wrap.partner .is-con .ov .fl li .ctxt{font-size:15px}

		.layer-wrap.partner .is-con .ov .fr li a{font-size:15px; line-height:45px;}
		.layer-wrap.partner .is-con .ov .fr li a:after{background-size:8px auto;}
	}
	@media only screen and (max-width:999px){
		.layer-wrap.partner{padding:30px; }
		.layer-wrap.partner .is-top h3{font-size:21px;}
		.layer-wrap.partner .is-top .close{background-size:20px; right:25px; top:25px;}
		.layer-wrap.partner .is-con .ov h4 span{font-size:17px; line-height:40px;}
		.layer-wrap.partner .is-con .ov .nec{top:15px;}

		.layer-wrap.partner .is-con .ov .fl{float:none; width:auto;}
		.layer-wrap.partner .is-con .ov .fl ul{padding-top:0;}
		.layer-wrap.partner .is-con .ov .fl li{padding-left:55px;}
		.layer-wrap.partner .is-con .ov .fl li:nth-child(n+2){margin-top:5px}
		.layer-wrap.partner .is-con .ov .fl li .stxt{font-size:14px}
		.layer-wrap.partner .is-con .ov .fl li .ctxt{font-size:14px}

		.layer-wrap.partner .is-con .ov .fr{float:none; width:auto; margin-top:20px; padding-left:0;}
		.layer-wrap.partner .is-con .ov .fr li a{font-size:14px; line-height:40px;}

		.layer-wrap.partner .is-con .vmap{margin-top:20px;}
	}
	@media only screen and (max-width:680px){
		.layer-wrap.partner{padding:30px 20px; }
		.layer-wrap.partner .is-top .close{right:17px; top:25px;}
		
		.layer-wrap.partner .is-con .ov .nec{font-size:12px;}
	}
	@media only screen and (max-width:480px){
		.layer-wrap.partner{padding:25px 20px; }
		.layer-wrap.partner .is-top h3{font-size:19px;}
		.layer-wrap.partner .is-top .close{right:17px; top:20px;}
		
		.layer-wrap.partner .is-con {margin-top:0; overflow-y:auto;max-height:450px ;overflow-x:hidden;}
		.layer-wrap.partner .is-con .ov{ padding:5px 15px 5px 0 ;}
		.layer-wrap.partner .is-con .ov h4:after{display:none;}
		.layer-wrap.partner .is-con .ov h4 span{font-size:16px;}
		
		.layer-wrap.partner .is-con .ov .fl{padding-right:0;}
		.layer-wrap.partner .is-con .ov .fl ul{margin-top:10px;}
		.layer-wrap.partner .is-con .ov .fl li .stxt{font-size:13px}
		.layer-wrap.partner .is-con .ov .fl li .ctxt{font-size:13px}
		
		.layer-wrap.partner .is-con .ov .fr ul{margin-top:5px;}
		.layer-wrap.partner .is-con .ov .fr li{float:none; width:auto;}
		.layer-wrap.partner .is-con .ov .fr li:nth-child(even){float:none;}
		.layer-wrap.partner .is-con .ov .fr li:nth-child(n+2){margin-top:0;}
		.layer-wrap.partner .is-con .ov .fr li a{font-size:13px;}
		.layer-wrap.partner .is-con .ov .fr li a:after{right:10px;}
		.layer-wrap.partner .is-con .ov .fr li a:hover:after{right:5px}

		.layer-wrap.partner .is-con .vmap{margin:15px 0 0 0;overflow:hidden;}
		.layer-wrap.partner .is-con .vscrolls{padding-bottom:5px;}
	}

/*=======================================================
  vscroll
=========================================================*/
.layer-wrap.partner .slimScrollBar{margin-right:0;border-radius:8px;  overflow:hidden; min-height:84px;}
.layer-wrap.partner .slimScrollRail{margin-right:1px;border-radius:0; background:none; overflow:hidden; top:0 !important; height:100% !important;}
	@media only screen and (min-width:680px){
		.layer-wrap.partner .slimScrollRail{display:none !important}

	}