#ifrm {
    width: 100%;
   min-height: 300px;
    overflow: hidden;
    border: 0;
}



/* pc */
@media screen and (min-width:1300px){
   #memofile { max-width:1250px; }
}
/* tablet */
@media screen and (min-width:768px) and (max-width:1024px){
   #memofile { width:99%; }
}
/* mobile */
@media screen and (min-width:0) and (max-width:767px){
   #memofile { width:99%; }
}

body,div,p,h1,h2,h3,h4,h5,h6,ol,li,dl,dt,dd,ul,pre,form,fieldset,legend,button,table,th,td {
border:0;
margin:0;
padding:0;
}

ul,ol,li,dl {
list-style:none;
}

img {
border:0;
vertical-align:top;
font-size:0;
}

address,caption,cite,code,dfn,em,var {
font-style:normal;
}

a {
text-decoration:none;
color:#333;
}

a:hover,a:active,a:focus {
text-decoration:none;
}

table {
border:0;
border-spacing:0;
border-collapse:collapse;
padding:0;
}

strong {
font-weight:500;
}

h1,h2,h3,h4,h5,h6 {
font-weight:400;
}

article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,main {
display:block;
}

body,th,td,input,select,textarea,button {
color:#333;
font-size:18px;
line-height:1.5;
letter-spacing:-0.05em;
font-family: 'SUIT';
font-weight:400;
}





body, html{
width:100%;
overflow-x:hidden;
}

:focus {
outline:none;
}

.blind,.gnb-open-btn,.gnb-close-btn,.mobile-gnb {
display:none;
}


.slick-slide {
display:inline-block;
}




header {
width:100%;
background-size:cover;
z-index:999999;
box-sizing:border-box;
padding:0 20px;
transition: .3s ease;
position:fixed;
top:0;
background:rgba(255,255,255,1);
border-bottom:1px #eaeaea solid;
}

header.drop,
header.on{
background:#fff;
box-shadow: 0 0 12px rgb(33 33 33 / 20%);
}
.header-area{
display:flex;
align-items: center;
justify-content: space-between;
width:96%;
max-width:1280px;
margin:0 auto;
gap:50px;
}

.header-logo{
flex-shrink: 0;
width:250px;
}
.header-logo a{
display:flex;
align-items: center;
justify-content: center;
font-weight:900;
font-size:40px;
background-image: linear-gradient(#d53516 0%, #ee774d 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.header-logo a img{width:100%;}

.all-menu-area{
display:none;
}


.header-gnb {
z-index:99;
flex-grow: 1;
transition: .3s ease;
}



.header.on:after{
content:"";
display:block; 
width:100%;
height:1px;
background:rgba(255,255,255,0.1);
left:0;
top:100px;
position:absolute;
}

.header-gnb .gnb{
width:100%;
margin:0 auto;
box-sizing:border-box;
display:flex;
}

.header-gnb .gnb > li {
position:relative;
text-align:center;
box-sizing:border-box;
vertical-align:top;
flex-grow: 1;
}

.header-gnb .gnb > li:hover > a{
font-weight:700;
color:#239d71;
}

.header-gnb .gnb > li > a {
display:block;
position:relative;
font-weight:600;
font-size:22px;
letter-spacing:0em;
height:100px;
line-height:100px;
width:100%;
}
.header-gnb .gnb > li:before{
content:"";
display:block;
width:5px;
height:5px;
border-radius:999px;
background:#bbbbbb;
position:absolute;
left:0;
top:50%;
margin-top:-3px;
}
.header-gnb .gnb > li:first-child:before{
display:none;
}

/*.gnb > li > ul {
display:none;
position:absolute;
left:50%;
margin-left:-80px;
width:160px;
z-index:5;
background:#377cda;
box-sizing:border-box;
padding:5px 0;
border-radius:5px;
}*/
.header-gnb .gnb > li > ul:after{
content:"";
display:block;
background:url(img/menu-arrow.png);
width:12px;
height:7px;
position:absolute;
top:-7px;
left:50%;
margin-left:-6px;
}
.header-gnb .gnb > li > ul{
height:0;
position:absolute;
z-index:9999;
opacity:0;
left:50%;
margin-left:-125px;
overflow:hidden;
}
.header-gnb .gnb > li:hover > ul {
height:auto;
display:block;
top:100px;
transition: .3s ease;
background: rgba(255, 255, 255, 0.9);
opacity:1;
width:250px;
box-sizing:border-box;
padding-top:10px;
padding-bottom:10px;
}
.header.on .header-gnb .gnb > li > ul{
position:unset;
}

.header-gnb .gnb > li:hover > a{
font-weight:700;

}

.header-gnb .gnb > li > ul li {
height:2em;
line-height:2em;
}

.header-gnb .gnb > li > ul{

}

.header-gnb .gnb > li > ul li:first-child{
border-top-width:0;
}

.header-gnb .gnb > li > ul li a {
display:block;
font-size:18px;
font-weight:300;
}
.header-gnb .gnb > li > ul li a:hover{
font-weight:600;
}

.all-menu-area{
display:none;
}

.close-btn{
position:absolute;
right:281px;
top:0;
z-index:99999;
width:60px;
height:60px;
display:flex;
align-items: center;
justify-content: center;
color:#fff;
font-size:25px;
}

.open-btn{
display:flex;
align-items: center;
justify-content: center;
font-size:25px;
box-sizing:border-box;
width:55px;
height:55px;
flex-shrink: 0;
border:1px #e0e0e0 solid;
border-radius:10px;
}

#sidebar{
position:fixed;
top:0;
bottom:0; 
display:none; 
right:-200px; 
z-index:999999999; 
-webkit-transition: right 1s;  
transition: right 1s; 
width:auto; 
overflow:visible; 
background:#000;
margin-left:0;
left:auto;
border:0;
}

.sidebg{
display:block;
position: fixed;
height: 150%;
background: rgba(0,0,0,0.5);
width: 100%;
top: 0;
right: 0;
z-index: 44;
}
.menu{
position:relative;
z-index:55; 
width:280px; 
left:auto; 
right:0; 
overflow-x:hidden; 
overflow-y:auto; 
height:100%; 
background:#fff;
display:block;
text-align:left;
box-sizing:border-box;
padding:20px;
}
header .menu{
line-height:1.5em;
}

.menu > li{
display:block;
width:100%;
box-sizing:border-box;
border-left:0;
box-sizing:border-box;
margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px rgba(0,0,0,0.2) solid;
}

.menu > li > ul > li{
padding:5px 0;
}

.menu > li > a{
height:30px;
line-height:30px;
font-weight:800;
display:block;
width:100%;
}

.menu > li > ul > li > a{
display:block;
}








/********************* main *********************************/

/*visual*/
#visual{
width:100%;
margin:100px auto 0;
overflow:hidden;
position:relative;
z-index:333;
}
.va-ment{
position:absolute;
width:1280px;
height:calc(100%);
left:50%;
margin-left:-640px;
top:0%;
z-index:999;
display:flex;
flex-direction: column; 
justify-content: center;
box-sizing:border-box;
text-align:left;
/*color:#fff;*/
color:#0f6106;
line-height:1.5;
animation: fade_txt 1s forwards;
animation-delay: 5s;
text-align:center;
}
#visual .slick-track{
gap:0;
}

.vam-t1{
font-weight:300;
letter-spacing: 0.02em;
opacity:0.8;
text-transform: uppercase;
margin-bottom:5px;
/*text-shadow: 2px 2px 20px rgba(0,0,0,0.9);*/
font-size:20px;
}

.vam-t2{
font-size:68px;
font-family: 'TAEBAEK';
/*text-shadow: 2px 2px 20px rgba(0,0,0,0.9);*/
font-weight: 400;
}
.vam-t3{
font-size:23px;
font-weight:400;
opacity:0.9;
margin-top:10px;
display:block;
/*text-shadow: 2px 2px 20px rgba(0,0,0,0.9);*/
}

.visual-area{
position:relative;
z-index:11;
}
.va-box{
position:relative;
text-align:right;
}

.va-img{
position:relative;
left:0%;
top:0;
margin-left:0px;
}

.va-img img{
width:100%;
}

.visual-video{width:100%; position:relative; padding-top:56.25%; z-index:66;}
.visual-video iframe{position:absolute; left:0; top:0; width:100%; height:100%; border:0;}

#visual .slick-dots{
position:absolute;
width:1280px;
left:50%;
margin-left:-640px;
bottom:80px;
z-index:9;
display:flex;
justify-content: center;
gap:7px;
}

#visual .slick-dots li button{
font-size:0;
width:14px;
height:14px;
border-radius:999px;
border:2px #fff solid;
box-sizing:border-box;
background:transparent;
display:block;   
background:transparent;
box-shadow: 1px 1px 3px rgba(0,0,0,0.2);   
}

#visual .slick-dots li.slick-active button{
background:#fff;
}

#visual .slick-list{
position:relative;
z-index:1;
}

#visual .slick-arrow{
position: absolute;
text-align: center;
top: 50%;
margin-top: -45px;
right:50px;
z-index: 999;
display: flex;
align-items: center;
justify-content: center;
width: 65px;
height: 65px;
font-size: 65px;
color: rgb(255, 255, 255, 0.6);
border:0;
background:transparent;
}
#visual .slick-prev{
left:50px;
}
#mVisual { position:relative; width:100%; height:100vh; overflow:hidden;}


.main-tit{
text-align:left;
}
.mt01{
font-weight:700;
color:#90c31f;
letter-spacing: 0em;
text-transform: uppercase;
}
.mt02{
font-family: 'TAEBAEK';
font-size:48px;
margin-top:10px;
}
.mt03{
font-size:20px;
color:#888;
font-weight:300;
margin-top:25px;
}

#sec01{
width:96%;
max-width:1280px;
margin:0 auto;
padding:65px 0;
display:flex;
align-items: center;
}
.sec01-left{
width:25%;
flex-shrink: 0;
}
.sec01-right{
flex-grow: 1;
}
.sec01-ul{
display:flex;
gap:2%;
}
.sec01-ul li{
width:32%;
}
.sec01-ul li a{
display:block;
width:100%;
padding-top:116%;
overflow: hidden;
border-radius:20px;
position:relative;
background:#000;
}
.sc01ul-txt{
position:absolute;
z-index:55;
width:100%;
height:100%;
left:0;
top:0;
display:flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
color:#fff;
}
.sc01ul-txt p{
font-family: 'TAEBAEK';
font-size:25px;
line-height:1.3em;
text-shadow: 2px 2px 10px rgba(0,0,0,0.8);
}
.sc01ul-txt div{
font-size:16px;
font-weight:300;
margin:20px 0 50px;
}
.sc01ul-txt span{
font-size:15px;
background:#00a897;
border-radius:5px;
display:inline-flex;
gap:10px;
padding:7px 25px;
align-items: center;
transition: all 0.3s;
}
.sec01-ul li a:hover .sc01ul-txt span{
background:#90c31f;
}
.sc01ul-img{
position:absolute;
left:0;
top:0;
z-index:11;
width:100%;
height:100%;
opacity:0.7;
transition: all 0.3s;
}
.sc01ul-img img{
width:100%;
}
.sec01-ul li a:hover .sc01ul-img{
opacity: 1;
transform: scale(1.2);
}



#sec02{
width:96%;
max-width:1280px;
margin:0 auto;
box-sizing:border-box;
border-radius:25px;
border:3px #e0e0e0 solid;
overflow: hidden;
background-image:url(img/sec02-bg01.png);
background-size:60px;
background-position:0 0;
background-repeat:no-repeat;
padding:40px;
}
.sec02-top{
display:flex;
justify-content: center;
align-items: flex-end;
border-bottom:1px #e0e0e0 dashed;
padding-bottom:30px;
margin-bottom:30px;
background-image:url(img/sec02-bg02.png);
background-size:120px 86px;
background-position:100% 100%;
background-repeat:no-repeat;
gap:30px;
}
.sec02-top .mt02{
margin-top:0;
}
.sc02top-right{
font-weight:300;
margin-bottom:5px;
font-size:20px;
color:#555;
}
.sc02top-right strong{
color:#3c4630;
font-weight:700;
font-size:28px;
}

.sec02-bottom{
display:flex;
justify-content: space-between;
align-items: center;
}
.sec02-bottom dl{
display:flex;
align-items: center;
gap:30px;
}
.sec02-bottom dt{
color:#414a47;
font-size:25px;
font-weight:600;
display:flex;
align-items: center;
gap:12px;
}
.sec02-bottom dt img{
width:55px;
}
.sec02-bottom dd{
display:flex;
align-items: center;
border:1px #e7e7e7 solid;
border-radius:5px;
}
.sec02-bottom dd a{
padding:5px 32px;
background:#f3f3f3;
border-left:1px #e7e7e7 solid;
color:#555;
font-size:17px;
}
.sec02-bottom dd a:first-child{
border-left-width:0;
}

.main-bottom{
background-color:#f9f8f3;
background-image:url(img/main-bottom-bg.jpg);
background-size:cover;
background-position:50% 100%;
margin-top:65px;
padding:65px 0 75px;
}
.main-bottom-area{
width:95%;
max-width:1280px;
margin:0 auto;
display:flex;
flex-wrap:wrap;
gap:50px 5%;
}

#sec03{
width:35%;
flex-shrink: 0;
}
.sec03-ul{
display:flex;
flex-wrap:wrap;
gap:10px 6%;
margin-top:30px;
}
.sec03-ul li{
width:47%;
}
.sec03-ul li a{
display:flex;
width:100%;
justify-content: space-between;
align-items: center;
border-bottom:1px #c7c4b5 solid;
padding:10px 0;
gap:10px;
}
.sec03-ul li  img{
flex-shrink: 0;
width:35px;
}
.sec03-ul li p{
flex-grow: 1;
}
.sec03-ul li i{
flex-shrink: 0;
color:#b9b396;
}

.main-board{
position:relative;
}

#sec04{
width:60%;
border-radius:20px;
overflow:hidden;
background:#fff;
}
.main-board-tab{
display:flex;
padding-right:60px;
height:60px;
justify-content: space-between;
align-items: center;
background:#90c31f;
box-shadow: inset 0px 0px 18px rgba(0,0,0,0.2);
}
.main-board-tab a{
flex-grow: 1;
border-right:1px rgba(255,255,255,0.2) solid;
color:#fff;
height:100%;
align-items: center;
display:flex;
justify-content: center;
font-size:19px;
}
.main-board-tab a.current{
background:#fff;
color:#5e9316;
font-weight:600;
}
.main-board-cont{
padding:30px;
box-sizing:border-box;
display:none;
}
.main-board-cont.current{
display:block;
}
.main-board-list li{
display:flex;
gap:20px;
justify-content: space-between;
padding-top:15px;
margin-top:15px;
border-top:1px #f1efe5 solid;
font-size:0.95em;
}
.main-board-list li:first-child{
border-top:0;
padding-top:0;
margin-top:0;
}
.main-board-list li a{
flex-grow: 1;
height:1.5em;
line-height:1.5em;
overflow:hidden;
}
.main-board-list li span{
flex-shrink: 0;
color:#848277;
}
.main-board-more{
position:absolute;
top:0;
right:0;
}
.main-board-more a{
width:60px;
height:60px;
display:flex;
justify-content: center;
align-items:center;
background:rgba(255,255,255,0.2);
font-size:25px;
color:#fff;
}

#sec05{
width:100%;
border-radius:20px;
overflow:hidden;
background:#fff;
}
#sec05 .main-board-tab{
justify-content: flex-start;
background:#00a897;
}
#sec05 .main-board-tab a{
flex-grow: 0;
padding:0 80px;
}
#sec05 .main-board-tab a.current{
color:#00a897;
}
.main-board-gallery{
width:calc(100% + 20px);
margin-left:-20px; 
overflow:hidden;
}
.main-board-gallery .slick-slide{
margin-left:20px;
}
.mbg-box a{
display:block;
font-size:0.95em;
}
.mbg-img{
width:100%;
padding-top:75%;
overflow:hidden;
position:relative;
box-sizing:border-box;
border:1px #f9f9f9 solid;
margin-bottom:15px;
}
.mbg-img img{
max-width:100%;
transition: all 0.3s;
}
.mbg-img > div{
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
display:flex;
justify-content: center;
align-items: center;
}
.mbg-box a:hover .mbg-img img{
transform: scale(1.2);
}
.mbg-txt p{
line-height:1.5em;
height:1.5em;
overflow:hidden;
}
.mbg-txt span{
color:#c2c0b2;
}

.mb-slide-arrow{
position:absolute;
right:60px;
top:0;
display:flex;
}
.mb-slide-arrow button{
background:transparent;
color:#fff;
font-size:22px;
display:flex;
width:60px;
height:60px;
justify-content: center;
align-items: center;
border-left:1px rgba(255,255,255,0.2) solid;
cursor:pointer;
}

#m-banner{
width:100%;
border:1px #e0e0e0 solid;
border:1px 0;
}
.m-banner-area{
width:96%;
max-width:1280px;
margin:0 auto;
display:flex;
align-items: center;
gap:30px;
box-sizing:border-box;
border-left:1px #e0e0e0 solid;
border-right:1px #e0e0e0 solid;
font-size:20px;
}
.banner-tit{
flex-shrink: 0;
display:flex;
align-items: center;
font-weight:700;
padding-left:30px;
gap:5px;
}
.banner-tit i{
font-size:1.125em;
}
.banner-slide-arrow{
flex-shrink: 0;
}
.mb-banner-box{
flex-grow: 1;
width:800px;
overflow:hidden;
border-left:1px #e0e0e0 solid;
}
.banner-slide{
width:calc(100% + 1px);
margin-left:-1px; 
}
.bs-box{
border-left:1px #e0e0e0 solid;
}
.bs-box a{
display:flex;
width:100%;
height:74px;
text-align:center;
justify-content: center;
align-items: center;
}
.bs-box a img{
max-width:100%;
}
.banner-slide-arrow button{
background:transparent;
}

footer{
background:#f2f2f2;
padding:40px 0;
}
.foot-area{
display:flex;
width:96%;
max-width:1280px;
margin:0 auto;
align-items: flex-start;
gap:30px;
}
.foot-logo{
flex-shrink: 0;
width:125px;
}
.foot-logo img{
width:100%;
}

.fi-top{
display:flex;
gap:15px;
}
.fi-top a{
font-weight:600;
}
.fi-middle{
display:flex;
gap:0px 10px;
flex-wrap:wrap;
font-size:0.95em;
margin:10px 0;
}
.fi-middle p:first-child{
width:100%;
}
.fi-bottom{
font-size:0.95em;
color:#888;
}

.foot-qr{
width:95px;
border:2px #90c31f solid;
}
.foot-qr img{
width:100%;
}
.foot-info{
flex-grow: 1;
}
.select-box{
width:250px;
border:1px #e7e7e7 solid;
flex-shrink: 0;
padding:15px;
color:#888;
font-size:0.85em;
}

/********************* sub *********************************/
.sub-visual{
width:100%;
height:315px;
margin-top:100px;
background-color:#000;
background-image:url(img/sub-visual01.jpg);
background-size:cover;
background-position:50%;
display:flex;
align-items: center;
justify-content: center;
position:relative;
}
.sub-visual.sv02{
background-image:url(img/sub-visual02.jpg);
}
.sub-visual.sv03{
background-image:url(img/sub-visual03.jpg);
}
.sub-visual.sv04{
background-image:url(img/sub-visual04.jpg);
}
.sub-visual.sv05{
background-image:url(img/sub-visual05.jpg);
}
.sub-visual.sv06{
background-image:url(img/sub-visual06.jpg);
}
.sub-tit{
text-align:center;
color:#fff;
padding:80px 0;
display:flex;
width:100%;
flex-direction: column;
justify-content: center;
align-items: center;
}
.sub-nav{
font-size:0.85em;
}
.sub-tit p{
font-size:50px;
font-family: 'TAEBAEK';
margin-top:10px;
}
.snb{
background:#90c31f;
}
.snb-area{
display:flex;
justify-content: center;
align-items: center;
width:100%;
max-width:1280px;
margin:0 auto;
}
.snb-home{

width:60px;
line-height:60px;
text-align:center;
color:#fff;
flex-shrink: 0;
font-size:24px;
}
.snb ul{
display:flex;
justify-content: center;
align-items: center;
flex-grow: 1;
}
.snb ul li{
flex-grow: 1;
}
.snb ul li a{
line-height:60px;
display:block;
padding:0 50px;
font-size:1.125em;
font-weight:600;
color:#fff;
text-align:center;
}

.snb ul li.current a{
background:#fff;
color:#72a00e;
}

.sub-select{
display:none;
}

.sub-cont-tit{
text-align:center;
font-size:42px;
padding-top:70px;
font-family: 'TAEBAEK';
}


.sub-content{
width:96%;
max-width:1280px;
margin:0 auto;
padding:40px 0 90px;

}

/*1-1인사말*/
.s11-top{
font-size:42px;
font-weight:700;
color:#158c61;
text-align:center;
}
.s11-top:after{
margin:60px auto;
width:3px;
height:50px;
content:"";
display:block;
background:#158c61;
}
.s11-bottom{
display:flex;
gap:75px;
}
.s11b-img{
flex-shrink: 0;
width:45%;
max-width:560px;
}
.s11b-img img{
width:100%;
}
.s11b-txt{
flex-grow: 1;
font-size:20px;
line-height:1.7em;
word-break: keep-all;
}
.s11b-txt span{
font-weight:700;
font-size:1.25em;
color:#326753;
}
.s11b-txt p{
margin-top:20px;
}


/*1-2연구소 소개*/
.s12-img{
width:100%;
margin:0 auto;
border-radius:20px;
overflow:hidden;
}
.s12-img img{
width:100%;
}
.s12-box{
margin-top:50px;
padding-top:50px;
border-top:1px #e0e0e0 dashed;
}
.s12-box.s12b-top{
padding-top:0;
border-top-width:0;
}
.s12-box dt{
font-weight: 700;
font-size: 28px;
color: #00a897;
background: url(img/but.png);
background-size: 22px;
background-position: 0 50%;
background-repeat: no-repeat;
padding-left: 30px;
box-sizing: border-box;
}

.s12-box dd{
margin-top:20px;
color:#444;
}

.s12-p1{
font-size:1.125em;
color:#111;
font-weight:500;
}

.s12-ul1{
display:flex;
gap:5px;
flex-direction: column;
background:#f1f6f7;
padding:20px;
border-radius:10px;
}
.s12-ul1 li{
word-break: keep-all;
}
.s12-ul1 li p{
font-size:0.95em;
color:#777;
margin-top:5px;
}

.s12-ul2{
display:flex;
gap:10px 2%;
flex-wrap:wrap;
}
.s12-ul2 li{
width:49%;
padding:15px;
box-sizing:border-box;
background:#f1f6f7;
border-radius:10px;
display:flex;
align-items: baseline;
gap:10px;
}
.s12-ul2 li span{
background:#2d7971;
color:#fff;
width:50px;
border-radius:100px;
text-align:center;
font-size:0.9em;
font-weight:600;
}
                                                    
/*1-3조직및기능*/
.organization{
background:#f7f7f7;
border-radius:20px;
box-sizing:border-box;
padding:40px;
}
.orga-box{
position:relative;

}
.orga-box:after{
position:absolute;
content:"";
display:block;
width:1px;
height:calc(100% - 64px - 50px);
background:#e0e0e0;
left:50%;
top:2px;
z-index:1;
}
.orga-box > div{
position:relative;
z-index:99;
font-size:20px;
font-weight:600;
text-align:center;
margin-top:50px;
}
.orga-box p{
border-radius:50px;
padding:15px;
width:180px;
position:relative;
z-index:88;
color:#fff;
}
.orga-box > div.orga1{
margin-top:0;
}
.orga1 p{
width:150px;
height:150px;
margin:0 auto;
display:flex;
justify-content: center;
align-items: center;
color:#fff;
font-weight:700;
font-size:1.25em;
background:#00a897;
border-radius:9999px;
}

.orga2, .orga4, .orga5{
display:flex;
justify-content: space-between;
width:100%;
max-width:700px;
margin:0 auto;
}
.orga2:after{
position:abslute;
position:absolute;
content:"";
display:block;
width:90%;
height:1px;
background:#e0e0e0;
left:5%;
top:50%;
z-index:1;

}
.orga2 p{
background:#91c41f;
}

.orga3 p{
margin:0 auto;
background:#00a852;
}

.orga4:after{
position:absolute;
content:"";
display:block;
width:50%;
height:1px;
background:#e0e0e0;
left:0%;
top:50%;
z-index:1;
}
.orga4 p{
background:#a87e00;
}

.orga5{
max-width:1000px;
padding-top:50px;
}
.orga5:after{
position:absolute;
content:"";
display:block;
width:calc(100% - 213px);
height:1px;
background:#e0e0e0;
left:107px;
top:0;
z-index:1;
}
.orga5 p{
border:1px #7cb498 solid;
color:#307e56;
background:transparent;
}
.orga5 p:after{
position:absolute;
content:"";
display:block;
width:1px;
height:50px;
background:#e0e0e0;
left:50%;
top:-51px;
z-index:1;
}

.orga-list{
margin-top:60px;
display:flex;
flex-direction: column;
gap:20px;
}
.orga-list dl{
background:#fff;
border-radius:10px;
position:relative;
overflow:hidden;
box-sizing:border-box;
padding:20px;
padding-left:30px;
display:flex;
gap:50px;
align-items: baseline;
}

.orga-list dl dt{
font-weight:700;
font-size:24px;
color:#00a897;
flex-shrink: 0;
width:180px;
background:url(img/but.png);
background-size:22px;
background-position:0 50%;
background-repeat:no-repeat;
padding-left:30px;
box-sizing: border-box;
}
.orga-list dl:before{
content: '';
display: block;
width: 10px;
height: 100%;
background:#00a897;
position: absolute;
left: 0;
top: 0;
}

.organization-table{
width:100%;
table-layout: fixed;
}
.organization-table thead th{
background:#e9f4f3;
font-weight:600;
padding:10px 0;
border-top:1px #00a897 solid;
border-bottom:1px #dbe7e6 solid;
border-left:1px #dbe7e6 solid;
}
.organization-table thead th:first-child{
border-left-width:0;
}
.organization-table td{
text-align:center;
}
.organization-table tbody td{
padding:10px;
border-left:1px #e3e8de solid;
border-bottom:1px #e3e8de solid;
color:#666;
word-break: keep-all;
}
.organization-table tbody th{
border-bottom:1px #e3e8de solid;
color:#104e48;
font-weight:600;
}
.organization-table tbody td:last-child{}

/*1-4연혁*/
.history{
position:relative;
}
.history:before{
position:absolute;
content:"";
display:block;
width:10px;
height:10px;
border-radius:999px;
background:#b0b0b0;
left:50%;
margin-left:-4px;
top:-5px;
z-index:99;
}
.history:after{
position:absolute;
content:"";
display:block;
width:1px;
height:100%;
background:#e0e0e0;
left:50%;
top:0;
z-index:1;
}
.wrap-year{
margin-bottom:20px;
display:flex;
gap:5%;
padding-top: 30px;
position:relative;
}
.wrap-year:last-child:after{
position:absolute;
content:"";
display:block;
width:10px;
height:10px;
border-radius:999px;
background:#b0b0b0;
left:50%;
margin-left:-4px;
bottom:-5px;
z-index:99;
}
.year{
flex-shrink: 0;
width: 50%;
font-size: 40px;
color: #158c61;
font-weight:800;
position:relative;
text-align:right;
box-sizing:border-box;
padding-right:5%;
}
.year:after{
position:absolute;
content:"";
display:block;
width:10px;
height:10px;
background:#fff;
border-radius:999px;
border:4px #158c61 solid;
right:-9px;
top:25px;
z-index:99;
}
.issue{
display:flex;
flex-direction: column;
gap:25px;
padding-top: 20px;
flex-grow: 1;
}
.issue li{
display:flex;
gap:15px;
align-items: baseline;
}
.issue li em{
font-weight:800;

}
.issue li > div{
display:flex;
flex-direction: column;
gap:15px;
}
.issue li p{
position: relative;
color: #666;
line-height: 21px;
padding-left:10px;
}
.issue li p:before {
content: "";
position: absolute;
left: 0;
top: 8px;
width: 3px;
height: 3px;
background: #999;
}

/*.wrap-year:nth-child(odd) .year{
order:2;
text-align:left;
padding-left:5%;
}
.wrap-year:nth-child(odd) .year:after{
left:-9px;
}
.wrap-year:nth-child(odd) .issue li{
text-align:right;
}*/


/*1-5오시는길*/
.location .root_daum_roughmap .wrap_map {
height: 550px !important;
}
.location ul{
border-top:1px #e0e0e0 solid;
padding-top:30px;
}
.location ul:after{
clear:both;
display:block;
height:0;
content:"";
visibility:hidden;
}
.location li{
font-size:1.125em;
margin-top:20px;
display:flex;
}

.location li span{
display:inline-flex;
align-items: center;
gap:7px;
padding-right:10px;
font-weight:700;
color:#158c61;
width:100px;
flex-shrink: 0;
}
.location li span i{
font-size:0.85em;
color:#fff;
width:26px;
heighT:26px;
background:#158c61;
border-radius:9999px;
display:flex;
justify-content: center;
align-items: center;
}

.location  li p{
display:flex;
gap:20px;
flex-grow: 1;
}

.location  li p em{
display:flex;
gap:5px;
}
.location  li p em strong{
font-weight:600;
}

.location .section_address{
display:none !important;
}



/*2-사업소개*/
.s2-box{
display:flex;
align-items: baseline;
padding-top:50px;
margin-top:50px;
border-top:1px #e0e0e0 dashed;
font-size:1.05em;
line-height:1.7em;
word-break:keep-all;
}
.s2b-top{
padding-top:0;
margin-top:0;
border-top-width:0;
}
.s2-box dt{
width:230px;
flex-shrink: 0;
}
.s2-box dd{
flex-grow: 1;
color:#555;
}
.s-tit1{
font-weight: 700;
font-size: 24px;
color: #00a897;
background: url(img/but.png);
background-size: 20px;
background-position: 0 4px;
background-repeat: no-repeat;
padding-left: 28px;
box-sizing: border-box;
}

.s2-ul1{
display:flex;
gap:10px;
flex-direction: column;
}
.s2-ul1 li{
position:relative;
box-sizing:border-box;
padding-left:15px;
}
.s2-ul1 li:after{
content:"";
display:block;
position:absolute;
width:6px;
height:6px;
border-radius:100px;
background:#c4c4c4;
left:0;
top:12px;
}
.s2-ul1 li p{
color:#222;
font-weight:500;
}
.s2-ul1 li strong{
font-weight:800;
color:#111;
}

.s2-table{
width:100%;
table-layout: fixed;
}
.s2-table thead th{
background:#f1f6f7;
font-weight:600;
color:#2c6d67;
padding:15px;
border-top:2px #2c6d67 solid;
border-left:10px #fff solid;
}

.s2-table tbody td{
border-left:10px #fff solid;
border-bottom:1px #d8dbdc solid;
padding:15px 5px;
word-break: keep-all;
color:#555;
}
.s2-table tbody td:first-child{
text-align:center;
font-weight:500;
}
.s2-img{
overflow:hidden;
border-radius:20px;
height:180px;
margin-bottom:50px;
}
.s2-img img{
width:100%;
}


/*3-후원*/
.sub-tab{
display:flex;
gap:2%;
justify-content: center;
}
.sub-tab a{
padding:15px 30px;
color:#666;
font-weight:600;
position:relative;
}
.sub-tab a.current{
font-weight:800;
font-size:1.125em;
color:#006f64;
position:relative;
}

.sub-tab a.current:after{
position:absolute;
content:"";
display:block;
width:50px;
height:3px;
background:#006f64;
left:50%;
margin-left:-25px;
bottom:0px;

}

.sub-tab a:before{
display:inline-block;
content:"";
width:1px;
height:12px;
background:#b6b6b6;
position:absolute;
left:0;
top:50%;
margin-top:-6px;
}
.sub-tab a:first-child:before{
display:none;
}
.s3-top{
background:#f9f8f3;
background-image:url(img/s31-img.jpg);
background-size:contain;
background-position:100% 0;
background-repeat:no-repeat;
border-radius:20px;
margin-top:50px;
padding:50px;
padding-right:280px;
word-break: keep-all;
}
.s3-top img{
width:450px;
}
.s3-top div{
font-size: 38px;
font-weight:300;
}
.s3-top strong{
font-weight: 700;
color: #00a897;
}
.s3-top p{
margin-top:30px;
font-size:1.125em;
color:#777;
}
.s3-ul1{
margin-top:50px;
}
.s3-ul1 ul{
display:flex;
gap:2%;
}
.s3-ul1 li{
width:32%;
box-sizing:border-box;
text-align:center;
}
.s3-ul1 img{
width:60px;
}

.s3-ul1 p{
font-weight:700;
font-size:26px;
margin:10px 0;
}
.s3-ul1 span{
color:#777;
}
.s3ul1-txt{
border:1px #00a897 solid;
border-bottom:0;
border-radius:20px 20px 0 0;
padding-top:30px;
padding-bottom:20px;
}
.s3ul1-btn{
display:flex;
border:1px #00a897 solid;
border-radius:0 0 20px 20px;
overflow:hidden;
}
.s3ul1-btn a{
width:50%;
box-sizing:border-box;
padding:10px 0;
color:#00a897;
font-size:0.9em;
}
.s3ul1-btn a:last-child{
background:#00a897;
color:#fff;
}
.s3-box1{
background: #fff;
padding: 40px 70px;
position: relative;
margin-top:50px;
border: 4px dotted #d8d8d8;
display:flex;
align-items: center;
gap:50px;
margin-bottom:50px;
}
.s3b1-icon{
width:120px;
height:120px;
flex-shrink: 0;
background:#eaefef;
border-radius:9999px;
display:flex;
justify-content: center;
align-items: center;
}
.s3b1-icon img{
width:60%;
}
.s3b1-txt{
color:#555;
}
.s3b1-txt strong{
font-size:24px;
font-weight:700;
color:#117b70;
margin-bottom:20px;
display:block;
}

.s-tit2{
display:inline-block;
padding:5px 30px;
border-radius:9999px;
background:#499d95;
color:#fff;
font-weight:600;
font-size:20px;
}

.s3-ul2 li{
display:flex;
gap:10px;
margin-top:15px;
}
.s3-ul2 li span{
width:140px;
color:#222;
font-weight:600;
flex-shrink: 0;
font-size:19px;
}
.s3-ul2 li span i{
opacity:0.6;
font-size:0.9em;
color:#798b8a;
}
.s3-ul2 li p{
flex-grow: 1;
}

.ma50{
margin-top:50px;
}


.s3-btn2{
text-align:center;
margin-top:80px;
}

.s3-btn2 a{
padding:20px 0px;
width:280px;
font-weight:600;
color:#fff;
background:#7da425;
border:1px #7da425 solid;
border-radius:10px;
font-size:20px;
transition: all 0.2s;
display:inline-block;
}
.s3-btn2 a i{
margin-left:20px;
transition: all 0.2s;
}

.s3-btn2 a:hover{
color:#7da425;
background:#fff;
}

.s3-btn2 a:hover i{
margin-left:50px;
}
.s3-ul3{
display:flex;
gap:4%;
max-width:1000px;
margin:0 auto;
}
.s3-ul3 li{
width:48%;
}
.s3ul3-ico{
z-index:55;
width:100px;
height:100px;
background:#00a897;
display:flex;
justify-content: center;
align-items: center;
border-radius:999px;
margin:0 auto 30px;
}
.s3ul3-ico img{
width:50%;
}

.s3ul3-txt{
background:#e6f1f0;
border-radius:20px;
z-index:22;
padding:40px;
box-sizing:border-box;
text-align:center;
display:flex;
flex-direction: column;
color:#4b5554;
align-items: center;
font-size:1.125em;
}
.s3ul3-txt p{
font-weight:700;
font-size:32px;
color:#117b70;
margin-bottom:15px;
}

.s3ul3-txt a{
border-radius:999px;
box-shadow: 1px 1px 10px #d7e5e4 ;
padding:15px 30px;
background:#fff;
color:#117b70;
margin-top:20px;
transition: all 0.2s;
font-size:0.9em;
}

.s3ul3-txt a:hover{
background:#117b70;
color:#fff;
}

.s3-ul3 li:nth-child(2) .s3ul3-ico{
background:#7da425;
}
.s3-ul3 li:nth-child(2) .s3ul3-txt{
background:#e6f1e6;
}
.s3-ul3 li:nth-child(2) .s3ul3-txt p{
color:#658c0c;
}
.s3-ul3 li:nth-child(2) .s3ul3-txt a{
color:#657a34;
}

.s3-ul3 li:nth-child(2) .s3ul3-txt a:hover{
background:#7da425;
color:#fff;
}


.sps-form-box{
border-top:3px #00a897 solid;
}

.sps-form-box dl{
border-bottom:1px #d8d9d9 solid;
display:flex;
}

.sps-form-box dt{
width:240px;
flex-shrink: 0;
background:#f1f6f7;
font-weight:700;
text-align:center;
color:#155f57;
border-right:1px #d8d9d9 solid;
padding:30px 0;
}
.sps-form-box dd{
flex-grow: 1;
padding:20px;
}

.sps-form-box dd input, .sps-form-box dd select {
vertical-align: middle;
background: #fff;
border: 1px solid #e3e3e3;
padding:10px;
box-sizing:border-box;
}
.w40{
width:40%;
}
.w30{
width:30%;
}
.w20{
width:20%;
}
.w25{
width:25%;
}
.w50{
width:50%;
}
.w80{
width:80%;
}

.radio1 input[type=radio], .radio1 input[type=checkbox] {
appearance: none;
width: 23px;
height: 23px;
padding: 2px;
border: 1px solid #78a09c;
font-size: 0;
line-height: 0;
clip: rect(0 0 0 0);
background: #f5f5f5;
margin-right: 2px;
border-radius: 50%;
border: max(1px, 0.1em) solid #cbcece;
/* opacity: 0; */
flex-shrink: 0;
}

.cont-box2.radio1 input[type=radio], .cont-box2.radio1 input[type=checkbox],
.cont-box3.radio1 input[type=radio], .cont-box3.radio1 input[type=checkbox] {
width:18px;
height:18px;
}

.radio1 input[type=radio]:checked, .radio1 input[type=checkbox]:checked {
    padding: 0px;
    border: 3px solid #fff;
    background: #00a897;
    box-shadow: 0px 0px 1px 1px #a6d8d3;
}
.spsf-t1{
display:inline-block;
margin-left:5px;
color:#888;
}

.mgt10 {
margin-top: 10px;
}
.mgt20 {
margin-top: 20px;
}
.mgt30 {
margin-top: 30px;
}
.mgr10 {
margin-right: 10px;
}
.find-add {
width: 120px;
background-color: #00a897;
border: 1px solid #00a897;
color: #fff;
box-sizing: border-box;
height: 46px;
border-radius: 2px;
margin-left: 5px;
font-size:0.85em;
cursor:pointer;
}

.cont-box1{
display:flex;
gap:5px;
align-items: center;
flex-wrap:wrap;
}
.cont-box2{
background: #f5f5f5;
width: 100%;
box-sizing:border-box;
padding:20px;
line-height: 200%;
border-radius: 12px;
display:block;
font-size:0.9em;
color:#666;
display:none;
}
.i-input {
height: 28px;
line-height: 20px;
box-sizing: border-box;
border: 1px solid #ddd;
display: inline-flex;
align-items: center;
margin-right: 20px;
border-left: 0px;border-top: 0px;border-right: 0px;width: 150px
}
.sps-form-box dd .i-input input {
height: 32px;
line-height: 32px;
border: none;
background: none;
width:100%;
}
.bank-list{
display:flex;
flex-direction: column;
gap:10px;

}
.bank-list li{
display:flex;
align-items: center;
}
.bank-list span{
flex-shrink: 0;
width:70px;
color:#333;
font-weight:600;
}
.bank-list li input[type="text"]{
height: 32px;
line-height: 32px;
border: none;
background: none;
border-bottom:1px #ddd solid;
}
.bank-info p{
font-weight:600;
font-size:1.15em;
}
.bank-info strong{
display:inline-block;
margin-right:10px;
font-weight:800;
font-size:1.45em;
color:#333;
}

.agree-box{
border-bottom:1px #d8d9d9 solid;
}
.agree-txt{
padding:30px;
box-sizing:border-box;
background:#f5f5f5;
color:#666;
}
.agree-right{
justify-content: flex-end;
padding:15px 0;
}

.sps-btn{
text-align:center;
margin-top:30px;
}
.sps-btn a{
display:inline-block;
background: #00a897;
color: #fff;
font-size:1.112em;
font-weight:600;
padding:15px 80px;
border-radius:15px;
transition: all 0.3s;
}

.sps-btn a:hover{
background: #03524a;
}
.mo-flex-box{display:flex; flex-wrap:wrap; gap:10px; align-items:center;}
.mo-flex-box > p{display:flex; align-items:center;}