@charset "UTF-8";

*{
  margin:0; padding:0;
  font-size:15px; 
  line-height:1.3;
}
ul{list-style:none;}
table {border-spacing: 0px;border-collapse:collapse}
body {background:#fff;padding:0;   }

.al {text-align:left;}
.ac {text-align:center;}
.ar {text-align:right;}
.blue {color:#4a89cc}
.black {color:#000}

.bar-warp {padding:40px}

.bar-box {box-shadow:0px 0px 20px rgba(0,0,0,0.2);border:2px solid #6daa52;background:#f3fdf8;border-radius:20px;position:relative;width:100%}
.bar-box2 {box-shadow:0px 0px 10px rgba(0,0,0,0.2);border:2px solid #4a89cc;background:#fff;border-radius:20px;position:relative;width:100%}

.bar-tit {font-size:36px;color:#000;font-weight:600;padding:60px 0 0 50px;}
.bar-tit2 {font-size:36px;color:#e4effb;font-weight:600;padding:20px 0 20px 0px;background:#4a89cc;border-top-left-radius:15px;border-top-right-radius:15px;}
.bar-tit2 span {font-size:36px;color:#fff}


.bar-img {position:absolute;right:50px;top:30px}
.bar-inp {margin-top:50px;color:#2d8451;font-size:21px;font-weight:600;padding:10px 50px 0 50px}
.bar-inp2 {margin-top:50px;color:#4a89cc;font-size:21px;font-weight:600;padding:10px 50px 0 50px;}

.bar-inp input.barip {border:1px solid #a6c9b7;border-radius:10px;font-size:18px;padding:15px 0 15px 15px;margin-left:15px;width:calc(100% - 255px)}
.bar-inp2 input.barip2 {border:1px solid #b5c0cb;border-radius:10px;font-size:18px;padding:15px 0 15px 15px;margin-left:15px;width:calc(100% - 450px)}
a.barip-btn {background:#2d8451;color:#fff;font-size:21px;font-weight:600;padding:12px 50px;border-radius:10px;vertical-align:middle}
a.barip-btn:hover {background:#146e39}
a.barip-btn2 {background:#4a89cc;color:#fff;font-size:21px;font-weight:600;padding:12px 50px;border-radius:10px;vertical-align:middle}
a.barip-btn2:hover {background:#2d6cae}
a.barip-btn3 {background:#6d849c;color:#fff;font-size:21px;font-weight:600;padding:12px 50px;border-radius:10px;vertical-align:middle}
a.barip-btn3:hover {background:#146e39}


.bar-table {padding:20px 50px 0 50px}
.bar-table table {border-top:4px solid #435f4f;width:100%;font-size:16px}
.bar-table table th {background:#edf5f1;color:#1b4b30;padding:20px 15px;text-align:left;border-bottom:1px solid #ced5d1;width:90px}
.bar-table table td {background:#fff;color:#858585;padding:20px 15px;text-align:left;border-bottom:1px solid #ced5d1}

.rpa-top {border-bottom:3px solid #4a89cc;overflow:hidden;position:relative}
.rpa-top h1 {padding:10px 50px 0 50px;float:left}

.rpa-cont {padding:50px}

.rpa-menu {padding:30px 0 0 0;}
.rpa-menu ul li a{float:left;background:#bdbcbc;color:#fff;padding:10px 20px 10px 20px;font-size:18px;border-top-left-radius:5px;border-top-right-radius:5px;margin:10px 0  0 3px}
.rpa-menu ul li a.on {background:#4a89cc;}

.rpa-info {position:absolute;right:50px;top:50px}
.rpa-info ul li.per{background:url('https://www.greenproduct.go.kr/greencrm/img/common/icon_man.gif') no-repeat 0 2px;padding:0px 0 0 20px;color:#666}
.rpa-info ul li.per span {color:#4a89cc}
.rpa-info ul li {float:left;color:#000;margin:0 0 0 20px}
.rpa-info ul li.time span {background:#4a89cc;color:#fff;padding:3px 10px;border-radius:3px;font-size:12px}

.rpa-tit {font-size:18px;font-weight:600;color:#000;padding:0px 0px 20px 0px ;position:relative;}
.rpa-tit:before {content:"";display:inline-block;width:8px;height:15px;background:#4a89cc;margin:0 10px 0  0}
.rpa-tit .rpa-btn-ex {position:absolute;right:0px;top:10px}
a.rpa-btn1 {background:#0f9d66;color:#fff;font-size:14px;font-weight:normal;padding:5px 20px;border-radius:3px}
a.rpa-btn2 {background:#4a89cc;color:#fff;font-size:14px;font-weight:normal;padding:5px 20px;border-radius:3px}


.rpa-search {padding:0 0px 20px 0px}
.rpa-search table {border:1px solid #dee7f0;width:100%}
.rpa-search table th {background:#edf4fb;border:1px solid #dee7f0;color:#3d658f;padding:10px 0}
.rpa-search table td {border:1px solid #dee7f0;padding:10px}
input.sear {border-radius:3px;border:1px solid #bdcbda;padding:5px;width:100%}

.rpa-table {padding:0}
.rpa-table table {border-top:4px solid #a3b8ce;width:100%;font-size:16px}
.rpa-table table th {background:#f5f9fd;color:#3d6b9d;padding:15px 15px;text-align:left;border-bottom:1px solid #ced5d1;width:90px}
.rpa-table table td {background:#fff;color:#858585;padding:10px 15px;text-align:left;border-bottom:1px solid #ced5d1}



.pagenum {margin:20px 0px 0px 0; text-align:center;}
.pagenum a.arrow { width:23px; height:23px; line-height:23px; box-sizing: border-box; color:#999; font-size:14px; padding:0;}
.pagenum a.arrow span {display:inline-block; margin-top:0px;}
.pagenum a {padding:2px 10px; height:30px; line-height:30px; color:#666;  font-size:15px; display: inline-block;  vertical-align:middle; 
  border:1px solid rgba(0,0,0,0); box-sizing: border-box;}
.pagingBox a:hover {color:#000;}
.pagingBox strong {padding:0px 10px; line-height:30px; color:#000; font-size:15px; display: inline-block; vertical-align:middle;}

.rpa-image{overflow:hidden;padding:50px 30px 0 30px;background:#f6fafe;margin:20px 50px;border-radius:20px}
.rpa-image div {float:left;width:20%;padding:0px;text-align:center;z-index:1;}
.rpa-image div span {margin:0px 30px 50px 30px;display:block}
.rpa-image div a img{width:180px;border:1px solid #cdd7e2;border-radius:10px;margin:0 0 10px 0;
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);	
	-o-transform:scale(1);	
	transform:scale(1);
	-webkit-transition:.3s;
	-moz-transition:.3s;
	-ms-transition:.3s;
	-o-transition:.3s;
	transition:.3s;
}
.rpa-image div a:hover img {z-index:100;
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);	
	-o-transform:scale(1.1);
	transform:scale(1.1);
}