연혁

@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");@import url("http://fonts.googleapis.com/earlyaccess/jejugothic.css");li {list-style:none;}.pro {    overflow:hidden;}/* pro_box */.pro .pro_box {    min-height:70px;    margin:20px 20px;    position:relative;    overflow:hidden;}.pro .pro_box h2 {    font-family:'Jeju Gothic';    font-size:27px;    font-weight:400;    letter-spacing:-2px;    margin-bottom:15px;    color:#393939;    text-shadow:1px 1px 2px rgba(255,2555,255,0.5);    padding:6px 0px 3px;}.pro .pro_box h3 {    font-family:'Jeju Gothic';    font-size:22px;    font-weight:400;    letter-spacing:-1px;    color:#393939;    padding:20px 15px 5px 0px;    line-height:1.5em;}.pro .pro_box h3 em {    font-family:'Jeju Gothic';    font-weight:400;    color:#498fd7;}.pro .pro_box h3 span {    font-size:16px;    font-family:'Jeju Gothic';    font-weight:100;    color:#888;    padding-left:20px;}.pro .pro_box h4{    font-size:16px;    font-weight:400;    letter-spacing:0px;    color:#d97e41;    padding:15px 0 0 0;    display:inline-block;    line-height:1.8em;}.pro .pro_box h4 b{    font-family:'Jeju Gothic';    font-weight:400;    color:#8ebf59;}.pro .pro_box p {    font-family:'Nanum Gothic';    font-size:15px;    font-weight:600;       letter-spacing:-1px;    line-height:1.6;    color:rgba(0,0,0,0.6);    padding:5px 0;}/* 이미지규정 */.pro .pro_box img {    width:100%;    max-width:650px;    padding:10px 0;}.pro .pro_box ul ol img {    display:block;    margin:0 auto;    text-align:center;    width:100%;    max-width:200px;    padding:5px 0 10px 0;    vertical-align:top;    }.pro .pro_box table tr td img {    display:block;    margin:0 auto;    text-align:center;    width:100%;    max-width:100px;    padding:5px;    vertical-align:top;  }.pro .pro_box_2 ul li img {    display:block;    margin:0 auto;    text-align:center;    width:100%;    max-width:200px;    padding:5px 0 10px 0;    vertical-align:top;    }/* ul */.pro .pro_box ul {    overflow:hidden;    padding:25px;    border-bottom:1px solid #dfdfdf;    background:rgba(0,0,0,0.02);}.pro .pro_box li {    font-family:'Nanum Gothic';    font-size:15px;    font-weight:600;       letter-spacing:-1px;    line-height:1.4;    color:rgba(0,0,0,0.55);    padding:4px 0 4px 12px;    background:url(/images/dot_1.png) no-repeat left 11px;    background-size:6px ;}.pro .pro_box ol {    display:inline-block;    margin:0 auto;    width:33%;    text-align:center;    vertical-align:top;    font-family:'Nanum Gothic';    font-size:15px;    font-weight:600;       letter-spacing:-1px;    line-height:1.8;    color:rgba(0,0,0,0.55);    padding:4px;}.pro .pro_box li strong,.pro .pro_box ol strong {    font-family:'Nanum Gothic';        padding-right:5px;}.pro .pro_box li span,.pro .pro_box ol span {    font-family:'Nanum Gothic';        font-size:16px;    font-weight:700;     color:#187fb7;}.pro .pro_box li b,.pro .pro_box ol b {    font-family:'Nanum Gothic';font-weight:800;    padding-right:5px;}.pro .pro_box li em,.pro .pro_box ol em {    font-family:'Nanum Gothic';color:#fe0000;    font-size:14px;    }/* ul 2칸 나뉘어진 형태 */.pro .pro_box_2 ul {    overflow:hidden;    padding:25px;    border-bottom:1px solid #dfdfdf;    background:rgba(0,0,0,0.02);}.pro .pro_box_2 li {display:inline-block;width:48%;    font-family:'Nanum Gothic';    font-size:15px;    font-weight:600;       letter-spacing:-1px;    line-height:1.4;    color:rgba(0,0,0,0.55);    padding:4px 0 4px 12px;    background:url(/images/dot_1.png) no-repeat left 11px;    background-size:6px ;}.pro .pro_box_2 li strong {    font-family:'Nanum Gothic';        padding-right:5px;}.pro .pro_box_2 li span {    font-family:'Nanum Gothic';        font-size:16px;    font-weight:700;     color:#187fb7;}.pro .pro_box_2 li b {    font-family:'Nanum Gothic';font-weight:800;    padding-right:5px;}.pro .pro_box_2 li em {    font-family:'Nanum Gothic';color:#fe0000;    font-size:14px;    }/* dl */.pro .pro_box dl {    overflow:hidden;}.pro .pro_box dd {    width:22%;    height:150px;    margin:1.5%;    float:left;    text-align:center;    font-size:15px;    font-family:'Jeju Gothic';    font-weight:300;    color:#5a5a5a;    letter-spacing:-1px;       padding:40px 20px;    line-height:1.5;    box-sizing:border-box;    transition:0.3s ease;    position:relative;    border:3px solid #ccc; }.pro .pro_box dd:after {    content:'+';    display:block;    position:absolute;    top:45%;    right:-20px;    color:#eee;    }.pro .pro_box dd:last-child:after {    display:none;}.pro .pro_box dd:hover {    border:3px solid #42bcd1; }.pro .pro_box dd:hover:after {    color:#42bcd1; }.pro .pro_box dd em {    display:block;    font-size:1.7em;    font-family:'Jeju Gothic';    font-weight:600;    letter-spacing:-1px;     line-height:1.1em;    margin-bottom:20px;    color:#85b9f0; }/* t_box */.pro .t_box {    width:40%;    padding:40px 30px;    min-height:250px; }.pro .b1 {    background:url(/images/sub12.jpg) no-repeat ;    background-size:100%;    margin-bottom:30px;    border-top-left-radius:30px;    border-bottom-right-radius:30px;    min-height:250px;}.pro .b1 .t_box{    float:right;       position:absolute;    right:0;    top:0;}/* table */.pro table {    border-collapse:collapse;    width:100%;    border:1px solid #ddd;       border-width:1px 0px 0px 1px;}.pro .pro_box th {    padding:10px;    font-size:15px;    font-family:'Nanum Gothic';    font-weight:700;    color:#333;    background:#f5f5f5;    border-bottom:1px solid #ddd;    border-right:1px solid #ddd; }.pro .pro_box td {    border-bottom:1px solid #ddd;    border-right:1px solid #ddd;        padding:10px;    font-size:13px;    font-family:'Nanum Gothic';    font-weight:400;    color:#333;    text-align:center;}/* 연혁 */div.his_info h2 {font-size: 32px;    font-weight: 500;    letter-spacing: -1px;    line-height: 1.2;    color: #869d1c;    padding: 10px 0;font-family: 'Noto Sans KR';}div.his_info h2 span {    letter-spacing: -1px;color: #3e84d1;font-family: 'Noto Sans KR';}div.his_info h3 {font-size: 18px;color: #777;    letter-spacing: -1px;font-weight: 400;font-family: 'Noto Sans KR';    border-bottom: 1px solid #e4e4e4;padding-bottom:20px;margin-bottom:40px;}div.his_info h3 strong {color: #9cb526;    letter-spacing: -1px;font-weight: 400;font-family: 'Noto Sans KR';}div.his_cont div.cont1 ul {    overflow:hidden;    border-top: 1px solid #e4e4e4;    border-bottom: 1px solid #e4e4e4;    margin: 30px 20px;     font-family:'Noto Sans Kr';}div.his_cont div.cont1 ul li {    float:left;    font-family:'Noto Sans Kr';}div.his_cont div.cont1 ul li:nth-child(1) {width:20%;    text-align: center;}div.his_cont div.cont1 ul li:nth-child(2) {width:10%;    padding: 25px 5px;}div.his_cont div.cont1 ul li:nth-child(3) {width:70%;    padding: 25px;}div.his_cont div.cont1 ul li h2 {    font-family: 'Jeju Gothic';font-size: 23px;    font-weight: 400;    letter-spacing: -1px;    color: #869d1c;    border-top:2px solid #9cb526;    padding: 25px 15px;    text-align: right;     font-family:'Noto Sans Kr';}div.his_cont div.cont1 ul li p {font-size: 15px;    line-height: 1.5;    color: #595959;    margin-bottom: 5px;     font-family:'Noto Sans Kr';}div.his_cont div.cont1 ul li p:last-child { margin-bottom:0; }div.his_cont div.cont1 ul li span{color:#9cb526; fone-weight:500}div.his_cont div.cont1 ul li p span{color:#9cb526; fone-weight:500; width:100px;    text-align:center; display:inline-block}/* tablet */@media screen and (min-width:769px) and (max-width:991px){.pro .t_box {padding:20px 30px;}div.his_cont div.cont2 ul li { width:31%; }}/* mobile */@media screen and (max-width:768px){    .pro .pro_box {        min-height:0;        height:auto;    }    .pro .t_box {        width:100%;        min-height:0;        height:auto;              padding:20px;        background:rgba(250,250,250,1);        border:1px solid #ddd;        box-sizing:border-box;        border-top-left-radius:30px;        border-bottom-right-radius:30px;            }    .pro .pro_box ul {        overflow:hidden;        padding:20px;    }    .pro .pro_box_2 ul {        overflow:hidden;        padding:20px;    }.pro .pro_box h3 {    line-height:1.0em;}    .pro .pro_box h2 {        font-size:19px;        margin-bottom:5px;    }    .pro .pro_box p, .pro .pro_box li, .pro .pro_box ol,  .pro .pro_box li,.pro .pro_box td, .pro .pro_box th {        font-size:13px;    }    .pro .pro_box_2 li {        font-size:13px;    }    .pro .pro_box dd {        display:block;        width:95%;        height:auto;        font-size:14px;        padding:20px;    }        .pro .pro_box dd:after {    display:none;    }    .pro .b1 .t_box {        position:static;        background-size:cover;    }    div.his_info h2 { font-size:20px;}    div.his_info h3 { font-size:16px; }    div.his_cont div.cont1  {width:100%;padding:0;margin:0;}div.his_cont div.cont1 ul {width:100%;    padding:0;    margin:0;}div.his_cont div.cont1 ul li:nth-child(1) {width:100%;padding:0;}div.his_cont div.cont1 ul li:nth-child(2) {width:20%;padding: 0px;text-align:center;}div.his_cont div.cont1 ul li:nth-child(3) {width:80%;padding: 0px;margin:0;}    div.his_cont div.cont1 ul li h2 {font-size: 20px;letter-spacing: -2px;border-top:2px solid #c6d483;padding: 10px;text-align: center;}div.his_cont div.cont1 ul li p {font-size: 14px;line-height: 1.5;padding: 10px;}div.his_cont div.cont1 ul li p span{width:40px;text-align:center;}}                                        연혁                                        환경지킴이! 제주환경연구센터            

 

    1994

09.15

11.15

 

설립발기인 총회

창립총회

 

1995

03.14

04.04

 

법인 설립일

법인 등기일(등록번호:2201121-0001105)

 

1995~2003

 

 

1대, 2대 이사장 김형옥

 

 

2004~2011

 

 

3대, 4대 이사장 신상범

 

2005~2015

 

 

5대 이사장 노홍길

 

 

2012~현재

 

5대 이사장 김문홍

제주환경대학 22기 운영중

 

    $('.b1 > .t_box').animate({right:'-90', opacity:'0'},0).delay(300).animate({right:'0', opacity:'1'},1000)    $('.b2 > .t_box').animate({left:'-90', opacity:'0'},0).delay(900).animate({left:'0', opacity:'1'},1000)